@charset "utf-8";




.info														{position:absolute; width:330px; left:300px; top:180px; border:6px solid #FFCD34; background:#FFF; padding:23px 29px 15px;}
.info dt													{float:left; width:330px; font:20px nbgM; color:#213F6E; line-height:25px; padding-bottom:2px;}
.info dd													{float:left; width:330px; font:15px nbgM; color:#222; line-height:20px;}
.info dd.btn												{width:212px; border-top:1px solid #D9D9D9; padding-top:10px; padding-left:118px; margin-top:10px;}
.info dd.btn a											{display:block; overflow:hidden; width:94px; height:39px; text-indent:-9999px; background:url("../image/inc/btn_pop_01.png") no-repeat;}



.feedback												{position:absolute; width:540px; left:195px; top:55px; border:6px solid #FFCD34; background:#FFF; padding:23px 29px 15px;}
.feedback dt											{float:left; width:540px; font:20px nbgM; color:#213F6E; line-height:25px; border-bottom:1px solid #D9D9D9; padding-bottom:8px;}
.feedback dd											{float:left; width:540px;}
.feedback dd.graph									{height:345px; text-indent:-9999px; background:url("../image/action_01/pop_img.png") center 30px no-repeat;}
.feedback dd.btn										{width:317px; border-top:1px solid #D9D9D9; padding-top:10px; padding-left:223px; margin-top:10px;}
.feedback dd.btn a									{display:block; overflow:hidden; width:94px; height:39px; text-indent:-9999px; background:url("../image/inc/btn_pop_01.png") no-repeat;}



canvas													{position:absolute; left:0; top:0;}



#content-1												{position:absolute; width:986px; height:586px; left:0; top:0; background:url("../image/action_01/bg_01.png") bottom no-repeat;}
#content-1 dt											{position:absolute; width:840px; height:30px; left:73px; top:98px; font:17px nbgM; color:#222; line-height:20px; background:url("../image/inc/bullet_01.png") 0 6px no-repeat; padding-left:10px;}
#content-1 dd											{position:absolute;}

#content-1 .control-area							{width:823px; height:64px; left:73px; top:136px; font:20px nbgM; color:#222; line-height:26px; padding-top:11px;}
#content-1 .control-area div						{float:left;}
#content-1 .control-area span					{float:left; width:70px; background:url("../image/action_01/point_01.png") 0 0 no-repeat; padding:0 20px 0 24px; margin-top:14px;}
#content-1 .control-area span.on				{background:url("../image/action_01/point_02.png") 0 0 no-repeat;}
#content-1 .control-area p						{float:left; width:105px; height:37px; text-indent:-9999px; margin-top:8px;}

#content-1 .control-area .name					{width:97px; color:#213F6E; padding-left:11px; margin-top:14px;}
#content-1 .control-area .time					{width:130px; font:700 45px play; line-height:50px; padding-left:33px;}
#content-1 .control-area .btn-1					{background:url("../image/action_01/btn_start.png") no-repeat;}
#content-1 .control-area .btn-2					{float:right; background:url("../image/action_01/btn_reset.png") no-repeat;}



#content-1 .box-area								{width:855px; height:70px; left:68px; top:265px;}
#content-1 .box-area div							{position:absolute; width:101px; height:70px; top:0; text-indent:-9999px; background:url("../image/action_01/box_01.png") no-repeat;}
#content-1 .box-area span						{position:absolute; width:101px; height:70px; top:0; text-indent:-9999px; background:url("../image/action_01/box_02.png") no-repeat;}

#content-1 .box-area .type-00					{left:0;}
#content-1 .box-area .type-11					{left:50px;}
#content-1 .box-area .type-12					{left:100px;}
#content-1 .box-area .type-13					{left:150px;}
#content-1 .box-area .type-14					{left:200px;}
#content-1 .box-area .type-15					{left:250px;}

#content-1 .box-area .type-21					{left:100px;}
#content-1 .box-area .type-22					{left:200px;}
#content-1 .box-area .type-23					{left:300px;}
#content-1 .box-area .type-24					{left:400px;}
#content-1 .box-area .type-25					{left:500px;}

#content-1 .box-area .type-31					{left:150px;}
#content-1 .box-area .type-32					{left:300px;}
#content-1 .box-area .type-33					{left:450px;}
#content-1 .box-area .type-34					{left:600px;}
#content-1 .box-area .type-35					{left:750px;}



#content-1 .table-area								{width:680px; height:137px; left:102px; top:410px;}
#content-1 .table-area table						{float:left; width:680px; height:95px; font:16px nbgM; color:#222; line-height:22px;}
#content-1 .table-area table th					{height:39px; font-weight:normal; padding-top:2px;}
#content-1 .table-area table td					{height:30px; color:#FF0000; text-align:center; padding-top:2px;}
#content-1 .table-area table .name			{color:#222;}



#content-1 .btn										{width:94px; height:141px; left:791px; top:406px; text-indent:-9999px; background:url("../image/action_01/btn_result.png") no-repeat;}



#content-1 .button									{cursor:pointer;}