@charset "UTF-8";
/* CSS Document */
body,td,th {
	font-family: Arial, Time New Roman, Verdana;
	font-size: 12px;
	color: #333;
}

img{ border:0}
li{ list-style:none;}
ul,form,h1,h2,h3,p{ margin:0; padding:0}
input{ vertical-align:middle;}
label{ vertical-align:middle; display:block;}

body {
	background-color: #FFF;
	margin:0px;
}
a {
	font-size: 12px;
	color: #333;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
	color: #424242;
}

/*common*/
.mb10{ margin-bottom:10px; text-align:left}
.mt10{ margin-top:10px;}
.pt10{ padding-top:10px;}
.pb10{ padding-bottom:10px;}
.tc{ text-align:center;}
.lh20{ line-height:20px;}

/*clearfix*/
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{display:inline-block;}
.clearfix{display:block;}

/*topnav*/
.topnav{ background:url(images/nav_bg.png) repeat-x; width:100%; height:46px;}
.topnav .top_main{width:848px; height:32px; margin:0 auto;}
.topnav .top_main ul.nav{ width:848px; line-height:32px; height:32px; float:left;}
.topnav .top_main ul.nav li{ margin-right:10px; float:left;}
.topnav .top_main ul.nav li a{ color:#666;}
.topnav .top_main ul.nav li.nav_fg{ color:#CCC;}
.topnav .top_main .gold_icon{ width:150px; text-align:right; float:right; margin-top:5px;}

/*main*/
.wrapper{ width:848px; margin:0 auto;}
.header{ height:50px;}
.header .logo{ width:253px; height:48px; float:left;}
.header .login{ width:485px; float:right; margin-top:25px; text-align:right;}
.header .login input.username{ width:135px; padding:3px 3px 3px 18px; background:url(images/username.png) no-repeat left; margin-right:10px; border:#ccc solid 1px; height:15px;}
.header .login input.password{width:135px;padding:3px 3px 3px 18px; background:url(images/password.png) no-repeat left;margin-right:10px; border:#ccc solid 1px;height:15px;}
.content{ margin-top:10px;}
.content .left{ width:188px; float:left; margin-right:10px;}
.content .middle{ width:452px; float:left; margin-right:10px;display:inline;}
.content .right{ float:right; width:188px;}
.content .right2{ width:650px; float:left;}

/*middle*/
h2.m_head{ font-size:14px; font-weight:bold; color:#333;}
h2.m_head span{ color:#F00;}

/*hotgame*/
.hg_box{ float:left; width:150px; margin-bottom:10px; }
.hg_box .hg_img{text-align:center;}
.hg_box .hg_text{ text-align:center;}

/*last news*/
a.top_news{ font-weight:bold; line-height:20px;}
p.news_content{ color:#999; line-height:150%;}
a.read_more{ color:#F00; margin-left:10px;}
/*news list*/
ul.news_list li{ background:url(images/game_list_icon.png) no-repeat left center; padding-left:10px; line-height:20px;}

/*choose your game top*/
.cyg_top{ width:188px; height:29px; background:url(images/choose_your_game.png);}
/*right quick order top*/
.qo_top{ width:188px; height:29px; background:url(images/quick_order.png);}
/*empty top*/
.e_top_title{ color:#FFF; width:188px; height:29px; line-height:29px; background:url(images/top_title.png); text-align:center; font-size:14px; font-weight:bold;}

/*game category*/
ul.g_category{ margin-left:10px;}
ul.g_category li{ background:url(images/game_list_icon.png) no-repeat left center; line-height:20px; padding-left:10px;}

.lr_main{ border-left:#c7c7c7 solid 1px; border-right:#c7c7c7 solid 1px; padding:5px;width:176px; text-align:left}
.lr_bottom{ width:188px; height:6px; background:url(images/lr_bottom.png) no-repeat; font-size:0px;}

/*ICON*/
.s_icon{ margin:20px auto; text-align:center;}
.s_icon2{ text-align:center;}

/*qick order form*/
.form_row span{ width:100%; color:#666; text-align:left;}
.form_row{ margin-bottom:10px;}
.form_row select{ width:150px;}
.form_row span.price{ color:#F00}
.d_code{ height:15px;width:110px;border:#CCC solid 1px; padding:3px; color:#666;}
.apply_botton{ height:20px; border:#CCC solid 1px; background:#ededed; padding:3px; margin-left:10px; vertical-align:middle;}
.input_s{ height:15px;width:150px; border:#CCC solid 1px; padding:3px; color:#666;}


/*reg form*/
.reg_form{ padding:10px;}
.reg_label{ width:110px; height:20px; float:left; line-height:20px; text-align:right; margin-right:10px;}
.reg_input{ border:#ccc solid 1px; width:180px; padding:3px;}
.right_main{ background:#fff; padding:10px; border:#d1d1d1 solid 1px;}

/*top title*/
.top_title{ background:url(images/top_text2.png) no-repeat; height:23px; width:165px; line-height:23px; padding-left:30px; font-size:14px; color:#000; font-weight:bold; float:left;}


/*footer*/
.footer{width:100%;text-align:center; }
.footer .footer_icon{text-align:center; }
.footer .footer_copy{ border-top:#CCC solid 1px;  line-height:25px; color:#999; margin-bottom:10px;}

/*cdkeyitem*/
.ck_item{border-bottom:#CCC dashed 1px; padding-top:10px;}
.ck_item .img_l{ width:120px; float:left; text-align:center;}
.ck_item .intro_r{ width:500px; float:right;}
.ck_item .intro_r .intro_item{ width:230px;  float:left; line-height:20px;}
.ck_item .intro_r .ck_title a{ font-weight:bold; }
.price_o{font-size:12px;text-decoration:line-through; margin-right:20px;}
.now_only{color:#FF0000; font-weight:bold;}
.buy_btn{ vertical-align:middle; margin-left:50px;}

/*order form*/
.order_form{ width:400px; float:left;}
.order_title{ color:#F00; font-weight:bold;}
.order_label{ width:180px; height:20px; float:left; line-height:20px; text-align:left; margin-right:10px;}
.order_input{ border:#ccc solid 1px; width:180px; padding:3px;}
.order_input_d{border:#ccc solid 1px; width:130px; padding:3px; }
.pg_list{ width:200px; float:right; margin-top:20px;}
.pg_list table{ background:#FFDD99}
.pg_list table td{ text-align:center; line-height:20px; }
.buy_sure{ text-align:center; margin-top:15px; color:#F00; font-weight:bold;}

/*powerleveling*/
.pl_item{ border-bottom:#CCC dashed 1px; padding-top:10px; padding-bottom:10px; }
.pl_item span.pl_title{ font-weight:bold; color:#666;}
.pl_item p.pl_intro{ line-height:20px; color:#666; margin-top:10px;}
.mo{ border-bottom:#CCC solid 1px; padding-bottom:10px;margin-bottom:10px; margin-top:10px;}
.pl_price{ color:#F00; font-weight:bold; text-align:center; margin-top:10px; }
.pl_price img{ vertical-align:middle; margin-left:10px;}

/*checkout*/
.checkout{ padding:100px 0; border:#CCC solid 1px; text-align:center; line-height:20px;}

h1 {
	font-size: 12px;
	display:inline;
	font-weight: bold;
	line-height:normal;
}
h4 {
	font-size: 12px;
	display:inline;
	font-weight: bold;
	line-height:normal;
}
h5 {
	font-size: 12px;
	display:inline;
	font-weight: normal;
}