@charset "utf-8";
.countdown{ position:absolute; z-index:999; width:533px; height:324px; top:50%; margin-top:-162px; left:50%; margin-left:-266px; background:url(img/countdown_bg.png) no-repeat; color:#DCD2B3;}
.countdownShort{ height:200px; margin-top:-100px; background:url(img/countdown_bg_short.png) no-repeat;}
.countdownMid{ height:240px; margin-top:-120px; background:url(img/countdown_bg_mid.png) no-repeat;}
.countdown .close{ position:absolute; z-index:1000; top:20px; right:11px; width:18px; height:18px;}
.countdown .close a{ display:block; text-indent:-999em; height:18px; overflow:hidden;}
.countdown .title{ padding-top:40px; height:30px;}
.countdown .title dt{ float:left; width:200px; text-align:right; font:normal 17px/24px "Times New Roman", Times, serif;}
.countdown .title dd{ float:left; width:305px; font:0/0 Arial;}
.countdownNow{ width:422px; height:39px; margin:5px auto 15px auto; background:url(img/countdown_now.png) no-repeat;}
.countdownNow dt{ float:left; width:139px; text-indent:-999em; overflow:hidden;}
.countdownNow dd{ float:left; width:31px; height:23px; margin-top:8px; font:bold 14px/23px Verdana, Arial, Helvetica, sans-serif; color:#F00; _display:inline; text-align:center;}
.countdownNow dd.s1{ margin-right:36px;}
.countdownNow dd.s2{ margin-right:35px;}
.countdownNow dd.s3{ margin-right:47px;}
.countdown .active{ margin:0 28px; height:62px; font:bold 16px/24px "Times New Roman", Times, serif;}
.countdown .active a{ color:#F00;}
.countdown .step{ margin:10px 0 0 7px; height:80px; background:url(img/countdown_step.png) no-repeat 18px bottom;}
.countdown .step dt{ height:32px; text-indent:-999em; overflow:hidden; background:url(img/countdown_step_title.png) no-repeat center top;}
.countdown .step dd{ float:left; width:141px; height:48px; margin:0 17px; _display:inline; text-indent:-999em;}
.countdown .step dd a{ display:block; height:48px; text-indent:-999em; overflow:hidden;}

.activateCode{ position:absolute; z-index:1000; width:533px; height:178px; background:url(img/activate_code_bg.png) no-repeat; top:334px; left:0; overflow:hidden;}
.activateCodeView{ padding:0 0 10px 40px; margin-top:40px; font:17px/24px "Times New Roman", Times, serif;}
.activateCodeView dt{ height:28px;}
.activateCodeView dd{ height:33px; background:url(img/activate_code_view.png) no-repeat left center;}
.activateCodeView input{ float:left; width:332px; background:none; border:none; color:#DCD2B3; margin:7px 15px 0 5px; font-weight:bold;}
.activateCodeTip{ padding:0 40px; font-weight:bold; line-height:18px; font-size:12px;}
.activateCodeTip a{ color:#F00;}

.popServer { width:477px; clear:both; padding:42px 28px 15px 28px;}
.popServer dt{ clear:both; height:35px; font:normal 17px/24px "Times New Roman", Times, serif;}
.popServer dd{ float:left; margin:0 5px; _display:inline; width:169px; height:36px; font:bold 12px/36px Verdana; background:url(img/bg_pop_server.png) no-repeat; text-align:center;}
.popServer dd a{ display:block; color:#FFC500; height:36px;}
.popServer dd a:hover{ color:#FF0;text-decoration:none;}
.popGg{ position:absolute; z-index:999; width:200px; height:80px; top:55px; right:25px;}