@charset "utf-8";

.guidehelp											{position:absolute; width:501px; left:225px; top:120px; border:6px solid #f56987; background:#FFF; padding:0px;}
.guidehelp dd										{width:501px; }
.guidehelp dd:after                                 {content:"";display:block;clear:both}
.guidehelp dd.title									{font:20px nbgM; line-height:20px; padding:25px 0px 25px 70px;color:#222222;background:url(../image/inc/icon_cancel.png) no-repeat 30px 50%}

.guidespeak											{position:absolute; width:584px; left:165px; top:100px; border:6px solid #8c8c8c; background:#FFF url(../image/inc/ico_sound.png) no-repeat center 20px; padding:93px 30px 30px 30px;}
.guidespeak dd										{font:16px nbgM; color:#222;}
.guidespeak dd.img                                  {text-align:center;margin:15px 0 0 0;}
.guidespeak dd.btn									{position:absolute; width:53px; height:50px; right:0px; top:0px; background:url("../image/inc/btn_close_03.png") no-repeat;}
.guidespeak dd.btn a								{display:block; overflow:hidden; width:53px; height:50px; text-indent:-9999px;}

.guideanswer1											{position:absolute; width:512px; left:240px; top:170px; border:6px solid #f56987; background:#FFF; padding:0px;}
.guideanswer1 dt										{display:inline-block;font:30px nbgM;width:512px; color:#ee4d4f; background:#fff;padding:25px 0px 25px 0px;text-align:center;}
.guideanswer1 dt img                                    {margin:0 0 15px 0;}
.guideanswer1 dd										{width:480px;font-size:20px; padding:0 0 30px 32px;line-height:23px;}
.guideanswer1 dd:after                                 {content:"";display:block;clear:both}
.guideanswer1 dd.maingo									{position:absolute; width:180px; height:44px; left:60px; top:110px; background:url("../image/action_01/btn_01.png") no-repeat;}
.guideanswer1 dd.maingo a								{display:block; overflow:hidden; width:161px; height:42px; text-indent:-9999px;}


.guideanswer3											{position:absolute; width:612px; left:190px; top:170px; border:6px solid #f56987; background:#FFF; padding:0px;}
.guideanswer3 dt										{display:inline-block;font:30px nbgM;width:612px; color:#ee4d4f; background:#fff;padding:25px 0px 25px 0px;text-align:center;}
.guideanswer3 dt img                                    {margin:0 0 15px 0;}
.guideanswer3 dd										{width:580px;font-size:20px; padding:0 0 30px 32px;line-height:23px;}
.guideanswer3 dd:after                                 {content:"";display:block;clear:both}
.guideanswer3 dd.maingo									{position:absolute; width:180px; height:44px; left:60px; top:110px; background:url("../image/action_01/btn_01.png") no-repeat;}
.guideanswer3 dd.maingo a								{display:block; overflow:hidden; width:161px; height:42px; text-indent:-9999px;}

.guidehelp1											{position:absolute; width:792px; left:95px; top:110px; border:6px solid #f56987; background:#FFF; padding:0px;}
.guidehelp1 dt										{display:inline-block;font:20px nbgM; color:#222222; background:#fff;padding:15px 50px 15px 85px;border-bottom:1px solid #e4e4e4;}
.guidehelp1 dd										{width:792px; }
.guidehelp1 dd:after                                 {content:"";display:block;clear:both}
.guidehelp1 dd.text									{font:17px nbgM; line-height:20px; padding:25px 0px 100px 30px;color:#222222;}
.guidehelp1 dd img                                  {margin:0 0 15px 0;}
.guidehelp1 dd.btn									{position:absolute; width:50px; height:50px; right:0px; top:0px; background:url("../image/inc/btn_close_01.png") no-repeat;}
.guidehelp1 dd.btn a								{display:block; overflow:hidden; width:53px; height:50px; text-indent:-9999px;}
.guidehelp1 dd.maingo									{position:absolute; width:177px; height:42px; left:310px; bottom:20px; background:url("../image/action_01/btn_02.png") no-repeat;}
.guidehelp1 dd.maingo a								{display:block; overflow:hidden; width:161px; height:42px; text-indent:-9999px;}


#content-1										{position: relative; width:974px; height:497px; left:0px; top:0px; background:url("../image/action_01/bg.png") 0 0;padding:0px}
#content-1 dt									{width:880px; height:30px; font:17px nbgM; color:#222222; line-height:20px; background:url("../image/action_01/bullet_01.png") 0 25px no-repeat; padding:25px 0 0 35px;margin:0 auto;}
#content-1 dt span							{position:absolute; width:18px; height:17px;  background:url("../image/inc/btn_sounds.png") no-repeat;margin-left:10px;}
#content-1 dt span a						{display:block; overflow:hidden; width:18px; height:17px; text-indent:-9999px;}


#content-1 dd									{position:absolute;padding-top:0px;}
#content-1 dd span							{float:left; width:140px; height:29px; font:17px nbgM; line-height:18px; color:#FFF; text-align:center; background:#002636; padding-top:12px;}
#content-1 dd.drag-area					{position:relative; width:974px; height:442px;}

#content-1 dd .drag-1						{top:10px;position:absolute; width:310px; height:405px; left:28px;z-index:10;}
#content-1 dd .drag-1 li                    {float:left;margin:4px 13px;width:126px;height:58px;font-size:0;}
#content-1 dd .drag-1 li img                {cursor:pointer;}
#content-1 dd .drag-1 li.plate-1            {background:url(../image/action_01/img_plate01_off.png) no-repeat}
#content-1 dd .drag-1 li.plate-2            {background:url(../image/action_01/img_plate02_off.png) no-repeat}
#content-1 dd .drag-1 li.plate-3            {background:url(../image/action_01/img_plate03_off.png) no-repeat}
#content-1 dd .drag-1 li.plate-4            {background:url(../image/action_01/img_plate04_off.png) no-repeat}
#content-1 dd .drag-1 li.plate-5            {background:url(../image/action_01/img_plate05_off.png) no-repeat}
#content-1 dd .drag-1 li.plate-6            {background:url(../image/action_01/img_plate06_off.png) no-repeat}

#content-1 dd .hamburger-area               {bottom:0px;position:absolute; width:151px; height:192px; left:0px;z-index:10;background:url(../image/action_01/bg_hamburger.png) no-repeat}
#content-1 dd .hamburger-area p             {line-height:53px;height:53px;text-align:center;color:#fff;font-size:15px;}
#content-1 dd .hamburger-area p strong      {font-size:31px;}
#content-1 dd .hamburger-area div           {text-align:center;padding:45px 0 0 0;}
#content-1 dd .coke-area                    {bottom:0px;position:absolute; width:151px; height:192px; left:158px;z-index:10;background:url(../image/action_01/bg_coke.png) no-repeat}
#content-1 dd .coke-area p                  {line-height:53px;height:53px;text-align:center;color:#fff;font-size:15px;}
#content-1 dd .coke-area p strong           {font-size:31px;}
#content-1 dd .coke-area div           {text-align:center;padding:20px 0 0 0;}

#content-1 dd .drop-1						{top:10px;position:relative; width:626px; height:405px; left:348px;z-index:10;}
#content-1 dd .drop-1 .none                 {background:url(../image/action_01/img_01.png) no-repeat center center;width:626px; height:405px;font-size:0;}
#content-1 dd .drop-1 .plate-1              {background:url(../image/action_01/bg_plate01.png) no-repeat center center;width:626px; height:405px;font-size:0;}
#content-1 dd .drop-1 .plate-1 .platestart                                 {width:626px; height:405px;background:url(../image/action_01/plate_none.png) no-repeat center center;font-size:0;}
#content-1 dd .drop-1 .plate-1 .hamburger-1 {position:absolute;top:180px;left:150px;z-index:500;}
#content-1 dd .drop-1 .plate-1 .hamburger-2 {position:absolute;top:180px;left:240px;z-index:500;}

#content-1 dd .drop-1 .plate-1 .hamburger-3 {position:absolute;top:150px;left:100px;z-index:400;}
#content-1 dd .drop-1 .plate-1 .hamburger-4 {position:absolute;top:150px;left:190px;z-index:400;}
#content-1 dd .drop-1 .plate-1 .hamburger-5 {position:absolute;top:150px;left:280px;z-index:400;}

#content-1 dd .drop-1 .plate-1 .hamburger-6 {position:absolute;top:120px;left:150px;z-index:300;}
#content-1 dd .drop-1 .plate-1 .hamburger-7 {position:absolute;top:120px;left:240px;z-index:300;}

#content-1 dd .drop-1 .plate-1 .hamburger-8 {position:absolute;top:90px;left:100px;z-index:200;}
#content-1 dd .drop-1 .plate-1 .hamburger-9 {position:absolute;top:90px;left:190px;z-index:200;}

#content-1 dd .drop-1 .plate-1 .hamburger-10 {position:absolute;top:90px;left:280px;z-index:200;}

#content-1 dd .drop-1 .plate-1 .hamburger-11 {position:absolute;top:60px;left:150px;z-index:100;}
#content-1 dd .drop-1 .plate-1 .hamburger-12 {position:absolute;top:60px;left:240px;z-index:100;}

#content-1 dd .drop-1 .plate-1 .coke-1 {position:absolute;top:170px;left:360px;z-index:500;}
#content-1 dd .drop-1 .plate-1 .coke-2 {position:absolute;top:170px;left:410px;z-index:500;}
#content-1 dd .drop-1 .plate-1 .coke-3 {position:absolute;top:170px;left:460px;z-index:500;}

#content-1 dd .drop-1 .plate-1 .coke-4 {position:absolute;top:130px;left:340px;z-index:400;}
#content-1 dd .drop-1 .plate-1 .coke-5 {position:absolute;top:130px;left:390px;z-index:400;}
#content-1 dd .drop-1 .plate-1 .coke-6 {position:absolute;top:130px;left:440px;z-index:400;}

#content-1 dd .drop-1 .plate-1 .coke-7 {position:absolute;top:90px;left:380px;z-index:300;}
#content-1 dd .drop-1 .plate-1 .coke-8 {position:absolute;top:90px;left:430px;z-index:300;}

#content-1 dd .drop-1 .plate-2              {width:626px; height:405px;font-size:0;}
#content-1 dd .drop-1 .plate-2 #drop-2-1 {background:url(../image/action_01/bg_plate02.png) no-repeat center center;position:absolute;top:100px;left:25px;width:285px;height:170px;display:block;text-align:center;}
#content-1 dd .drop-1 .plate-2 #drop-2-2 {background:url(../image/action_01/bg_plate02.png) no-repeat center center;position:absolute;top:100px;left:320px;width:285px;height:170px;display:block;text-align:center;}
#content-1 dd .drop-1 .plate-2 .platestart                                 {width:626px; height:405px;background:url(../image/action_01/plate_none.png) no-repeat center center;font-size:0;}
#content-1 dd .drop-1 .plate-2 .platestart-1                                 {width:313px; height:405px;background:url(../image/action_01/plate_none1.png) no-repeat center center;font-size:0;float:left;}
#content-1 dd .drop-1 .plate-2 .platestart-2                                 {width:313px; height:405px;background:url(../image/action_01/plate_none1.png) no-repeat center center;font-size:0;float:left;}

#content-1 dd .drop-1 .plate-2 .hamburger-1 {position:absolute;top:180px;left:70px;z-index:500;}

#content-1 dd .drop-1 .plate-2 .hamburger-2 {position:absolute;top:150px;left:40px;z-index:400;}
#content-1 dd .drop-1 .plate-2 .hamburger-3 {position:absolute;top:150px;left:120px;z-index:400;}

#content-1 dd .drop-1 .plate-2 .hamburger-4 {position:absolute;top:120px;left:40px;z-index:300;}
#content-1 dd .drop-1 .plate-2 .hamburger-5 {position:absolute;top:120px;left:120px;z-index:300;}

#content-1 dd .drop-1 .plate-2 .hamburger-6 {position:absolute;top:90px;left:70px;z-index:200;}

#content-1 dd .drop-1 .plate-2 .hamburger-7 {position:absolute;top:180px;left:360px;z-index:500;}

#content-1 dd .drop-1 .plate-2 .hamburger-8 {position:absolute;top:150px;left:330px;z-index:400;}
#content-1 dd .drop-1 .plate-2 .hamburger-9 {position:absolute;top:150px;left:410px;z-index:400;}

#content-1 dd .drop-1 .plate-2 .hamburger-10 {position:absolute;top:120px;left:330px;z-index:300;}
#content-1 dd .drop-1 .plate-2 .hamburger-11 {position:absolute;top:120px;left:410px;z-index:300;}

#content-1 dd .drop-1 .plate-2 .hamburger-12 {position:absolute;top:90px;left:360px;z-index:200;}

#content-1 dd .drop-1 .plate-2 .coke-1 {position:absolute;top:170px;left:160px;z-index:500;}
#content-1 dd .drop-1 .plate-2 .coke-2 {position:absolute;top:170px;left:210px;z-index:500;}
#content-1 dd .drop-1 .plate-2 .coke-3 {position:absolute;top:130px;left:250px;z-index:400;}
#content-1 dd .drop-1 .plate-2 .coke-4 {position:absolute;top:130px;left:200px;z-index:400;}

#content-1 dd .drop-1 .plate-2 .coke-5 {position:absolute;top:170px;left:460px;z-index:500;}
#content-1 dd .drop-1 .plate-2 .coke-6 {position:absolute;top:170px;left:510px;z-index:500;}
#content-1 dd .drop-1 .plate-2 .coke-7 {position:absolute;top:130px;left:550px;z-index:400;}
#content-1 dd .drop-1 .plate-2 .coke-8 {position:absolute;top:130px;left:500px;z-index:400;}

#content-1 dd .drop-1 .plate-4              {width:626px; height:405px;font-size:0;}
#content-1 dd .drop-1 .plate-4 #drop-4-1 {background:url(../image/action_01/bg_plate04.png) no-repeat center center;position:absolute;top:20px;left:25px;width:285px;height:140px;display:block;text-align:center;}
#content-1 dd .drop-1 .plate-4 #drop-4-2 {background:url(../image/action_01/bg_plate04.png) no-repeat center center;position:absolute;top:20px;left:320px;width:285px;height:140px;display:block;text-align:center;}
#content-1 dd .drop-1 .plate-4 #drop-4-3 {background:url(../image/action_01/bg_plate04.png) no-repeat center center;position:absolute;top:200px;left:25px;width:285px;height:140px;display:block;text-align:center;}
#content-1 dd .drop-1 .plate-4 #drop-4-4 {background:url(../image/action_01/bg_plate04.png) no-repeat center center;position:absolute;top:200px;left:320px;width:285px;height:140px;display:block;text-align:center;}
#content-1 dd .drop-1 .plate-4 .platestart                                 {width:626px; height:405px;background:url(../image/action_01/plate_none.png) no-repeat center center;font-size:0;}
#content-1 dd .drop-1 .plate-4 .platestart-1                                 {width:313px; height:182px;background:url(../image/action_01/plate_none1.png) no-repeat center center;font-size:0;float:left;}
#content-1 dd .drop-1 .plate-4 .platestart-2                                 {width:313px; height:182px;background:url(../image/action_01/plate_none1.png) no-repeat center center;font-size:0;float:left;}
#content-1 dd .drop-1 .plate-4 .platestart-3                                 {width:313px; height:202px;background:url(../image/action_01/plate_none1.png) no-repeat center center;font-size:0;float:left;}
#content-1 dd .drop-1 .plate-4 .platestart-4                                 {width:313px; height:202px;background:url(../image/action_01/plate_none1.png) no-repeat center center;font-size:0;float:left;}

#content-1 dd .drop-1 .plate-4 .hamburger-1 {position:absolute;top:80px;left:80px;z-index:500;}
#content-1 dd .drop-1 .plate-4 .hamburger-2 {position:absolute;top:50px;left:40px;z-index:400;}
#content-1 dd .drop-1 .plate-4 .hamburger-3 {position:absolute;top:50px;left:120px;z-index:400;}

#content-1 dd .drop-1 .plate-4 .hamburger-4 {position:absolute;top:80px;left:380px;z-index:500;}
#content-1 dd .drop-1 .plate-4 .hamburger-5 {position:absolute;top:50px;left:340px;z-index:400;}
#content-1 dd .drop-1 .plate-4 .hamburger-6 {position:absolute;top:50px;left:420px;z-index:400;}

#content-1 dd .drop-1 .plate-4 .hamburger-7 {position:absolute;top:260px;left:80px;z-index:500;}
#content-1 dd .drop-1 .plate-4 .hamburger-8 {position:absolute;top:230px;left:40px;z-index:400;}
#content-1 dd .drop-1 .plate-4 .hamburger-9 {position:absolute;top:230px;left:120px;z-index:400;}

#content-1 dd .drop-1 .plate-4 .hamburger-10 {position:absolute;top:260px;left:380px;z-index:500;}
#content-1 dd .drop-1 .plate-4 .hamburger-11 {position:absolute;top:230px;left:340px;z-index:400;}
#content-1 dd .drop-1 .plate-4 .hamburger-12 {position:absolute;top:230px;left:420px;z-index:400;}

#content-1 dd .drop-1 .plate-4 .coke-1 {position:absolute;top:60px;left:170px;z-index:500;}
#content-1 dd .drop-1 .plate-4 .coke-2 {position:absolute;top:60px;left:220px;z-index:500;}

#content-1 dd .drop-1 .plate-4 .coke-3 {position:absolute;top:60px;left:470px;z-index:400;}
#content-1 dd .drop-1 .plate-4 .coke-4 {position:absolute;top:60px;left:520px;z-index:400;}

#content-1 dd .drop-1 .plate-4 .coke-5 {position:absolute;top:235px;left:170px;z-index:500;}
#content-1 dd .drop-1 .plate-4 .coke-6 {position:absolute;top:235px;left:220px;z-index:500;}

#content-1 dd .drop-1 .plate-4 .coke-7 {position:absolute;top:235px;left:470px;z-index:400;}
#content-1 dd .drop-1 .plate-4 .coke-8 {position:absolute;top:235px;left:520px;z-index:400;}


#content-1 dd .next                         {position:absolute;background:url(../image/inc/btn_next.png) no-repeat;width:61px;height:132px;right:-9px;top:110px;text-indent:-9999px;z-index:1000}
#content-1 dd .next a                       {display:block;width:61px;height:132px;}
#content-1 dd .prev                         {position:absolute;background:url(../image/inc/btn_prev.png) no-repeat;width:61px;height:132px;left:-9px;top:110px;text-indent:-9999px;z-index:1000}
#content-1 dd .prev a                       {display:block;width:61px;height:132px;}
