@charset "utf-8";
/***init style***/

body{font-family:"宋体", Arial,Verdana, sans-serif, Helvetica; font-size:12px; color:#010000;}
dl,dd,ul{list-style:none;}
a img, img{border:0;}
body,div,form,img,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,button{padding:0;margin:0;border:0;}
input{ vertical-align:middle;}
body,html{ height:100%;}

/***whole link***/
a:link {color:#513000; text-decoration:none;}
a:visited {color:#83006f;text-decoration:none;}
a:hover {color:#bc2931; text-decoration:underline;}
a:active {color:#bc2931;}
*.link_gray a:link, *.link_gray a:visited, *.link_gray a:hover{
	color:gray;
}

/***other style***/
.l{ float: left;}
.r{ float: right;}
.clear{ clear: both; font-size:1px; width:1px; height:0; visibility: hidden; }
.hidden{display: none;}

.btn{
	border:0;
	margin:0;
	padding:0;
}
.btn.orange_btn{
	background:url(../img/orange_btn.jpg) no-repeat;
	width:79px;
	height:24px;
}
.btn.blue_btn{
	background:url(../img/blue_btn.jpg) no-repeat;
	width:79px;
	height:24px;
}
input.blue_border{
	border:1px solid #02B6F1;
}
.color_red{
	color:red;
}
.border_orange{
	border:1px solid #FC7301;
}
.border_gray{
	border:1px solid #9F9F9F;
}
*.link_orange a:link, *.link_orange a:visited, *.link_orange a:hover{
	color:#FC7301;
}
.bg_orange{
	background-color:#FECC8F;
}




/***header style***/
#idHeader{
	background:url(../img/header_bg.jpg) repeat-x top;
	width:100%;
	height:80px;
}
#idHeader #idHeaderTop{
	background:url(../img/header_bg.jpg) repeat-x;
	width:1002px;
	height:80px;
	margin:0 auto;
}
#idHeader #idHeaderTopLeft{
	background:url(../img/header_bg_flow.jpg) no-repeat;
	text-align:left;
	float:left;
	width:419px;
	height:65px;
	margin-top:15px;
}
#idHeader #idHeaderTopLeft #idLogo{
	position:relative;
	margin-left:20px;
}
#idHeader #idHeaderTopLeft #idLogo div{
	background:url(../img/qdyxyl.png) no-repeat;
	position:absolute;
	top:16px;
	left:150px;
	width:184px;
	height:25px;
}
#idHeader #idHeaderTopRight{
	position:relative;
	text-align:right;
	height:100%;
	padding-right:20px;
}
#idHeader #idWebLists{
	padding-top:5px;
	color:#858484;
}
#idHeader #idWebLists span{
	color:#FF690E;
	margin-right:8px;
}
#idHeader #idWebDesc{
	position:absolute;
	background:url(../img/qeedoo_desc.png) no-repeat;
	width:260px;
	height:25px;
	top:52px;
	right:30px;
}



#idHeaderNav{
	background:url(../img/top_nav_bg.jpg) repeat-x;
	height:30px;
	width:100%;
}
#idHeaderNavContent{
	height:100%;
	width:1002px;
	margin:0 auto;
}
#idHeaderNav ul{
	padding-left:320px;
	padding-top:5px;
	font-size:13px;
	font-weight:bold;
	color:white;
}
#idHeaderNav ul li{
	float:left;
	width:100px;
	height:25px;
	line-height:25px;
	text-align:center;
	vertical-align:baseline;
}
#idHeaderNav ul li a, #idHeaderNav ul li span{
	text-align:center;
	width:100px;
}
#idHeaderNav ul li span{
	cursor:pointer;
}
*.top_nav_r_bg{
	background:url(../img/top_nav_r_bg.jpg) no-repeat right -1px;
}
#idHeaderNav a:link, #idHeaderNav a:visited, #idHeaderNav a:hover, *.link_white a:link, *.link_white a:visited, *.link_white a:hover{
	color:white;
}
#idHeaderNav *.top_nav_focus a:link, #idHeaderNav *.top_nav_focus a:visited, #idHeaderNav *.top_nav_focus a:hover, *.link_black a:link, *.link_black a:visited, *.link_black a:hover{
	color:black;
}
*.top_nav_focus{
	background:url(../img/top_nav_focus.jpg) no-repeat center top;
	height:25px;*/
	width:74px;
}
*.left_italic a:link, *.left_italic a:visited, *.left_italic a:hover{
	color:#515050;
	font-style:italic;
	font-weight:bold;
	font-size:15px;
	padding:15px 0 0 40px;
}
#idHeaderNav li.ul_down_child{
	position:relative;
}
#idHeaderNav li.ul_down_child ul{
	position:absolute;
	top:25px;
	left:0;
	width:80px;
	padding:0;
	margin-left:10px;
	color:#F6730B;
	height:40px;
	background-color:white;
}
#idHeaderNav li.ul_down_child ul li{
	width:80px;
	height:20px;
	line-height:20px;
	background-color:#FF8F2F;
	float:left;
	margin-top:2px;
	color:#F6730B;
	vertical-align:baseline;
}
#idHeaderNav li.ul_down_child ul li a:link, #idHeaderNav li.ul_down_child ul li a:visited, #idHeaderNav li.ul_down_child ul li a:hover{
	height:18px;
	color:#4D2405;
	font-weight:normal;
	font-size:12px;
}


/* body style */
#idBody{
	width:100%;
}
#idBody #idBodyArea{
	width:1002px;
	margin:0 auto;
	margin-top:20px;
}
#idBody #idLeft{
	float:left;
	width:235px;
	height:100%;
	margin-left:20px;
}
#idLUserLogin{
	height:100%;
}
#idLeft h3{
	background:#FC7301 url(../img/left_title_bg.jpg) repeat-x;
	font-size:14px;
	height:27px;
	vertical-align:middle;
	position:relative;
}
#idLeft h3 span{
	background:url(../img/apple_li.jpg) no-repeat;
	margin:3px 0 0 20px;
	padding:3px 0 3px 30px;
	vertical-align:middle;
	position:absolute;
}

#idLServiceCenterMain, #idLServiceOnlineTitle{
	background:url(../img/left_title_bg2.jpg) no-repeat;
	width:235px;
	height:26px;
}
#idLServiceOnlineList li{
	margin-bottom:10px;
}
#idLServiceCenterMain, #idLServiceOnlineTitle{
	margin:10px 0;
}


#idLUserLogin table{
	margin:5px auto;
}
#idLUserLogin table td{
	height:28px;
}
#idLUserLogin table .btn{
	margin:0 5px;
	color:white;
	font-weight:bold;
}

#idLContactService{
	margin:10px 0;
}
#idLContactService h3 span{
	background:url(../img/arrow_li.jpg) no-repeat;
	padding-left:24px;
}
#idLContactService{
	font-size:14px;
}
#idLContactService table{
	margin:8px auto;
}
#idLContactService table td{
	height:25px;
}
#idLServiceScore{
	border:1px solid #ADADAC;
}

#idLUserLogined table{
	margin:12px auto;
}
#idLUserLogined table td{
	height:20px;
}

#idLLoginedNav{
	margin-top:10px;
}
.left_board{
	height:100%;
}
.left_board .left_board_content{
	border-right:1px solid #B0B0B0;
	border-left:1px solid #B0B0B0;
	height:100%;
}
.left_board .left_board_bg_orange{
	background-color:#FECC8F;
	margin:0 3px;
	height:100%;
}
.left_board .left_board_content ul{
	height:100%;
	padding:6px 0;
	font-weight:bold;
}
.left_board .left_board_content ul li{
	background:url(../img/left_board_li_bg.jpg) no-repeat;
	width:212px;
	height:26px;
	margin:8px 0 12px 8px;
	padding-top:8px;
}
.left_board .left_board_content ul li span{
	margin-left:50px;
}
.left_board .left_board_monster_bg{
	width:144px;
	height:113px;
	padding-left:80px;
}
/***right style start***/
#idBody #idRight{
	float:left;
	height:100%;
	width:677px;
	margin-left:20px;
}
#idRight h3 img{
	vertical-align:middle;
}
#idRight #idRQuestion{
	margin:10px 0;
}
#idRight #idRQuestion ul{
	height:116px;
}
#idRight #idRMiddleNav ul{
	height:43px;
}
#idRight #idRQuestion ul li, #idRight #idRMiddleNav ul li{
	float:left;
}
#idRight ul li.li_margin_l20{
	margin-right:21px;
}
#idRMiddleNav ul li{
	background:url(../img/service_btn_bg1.jpg) no-repeat;
	width:126px;
	height:43px;
}
#idRight ul li.li_margin_l2{
	margin-right:11px;
}

#idNewerQuestion{
	height:100%;
	margin-top:10px;
}
#idNewerQuestion #idNewerQuestionMenu{
	width:100%;
	height:52px;
}
#idNewerQuestion #idNewerQuestionMenu img, #idNewerQuestion #idNewerQuestionMenu ul{
	float:left;
	vertical-align:middle;
}
#idNewerQuestion #idNewerQuestionMenu img.img_top{
	margin:10px 2px 0 6px;
}
#idNewerQuestion #idNewerQuestionMenu ul{
	background:url(../img/green_line.jpg) no-repeat left 23px;
	padding-left:20px;
	width:403px;
}
#idNewerQuestion #idNewerQuestionMenu li{
	float:left;
	background:url(../img/game_title_btn.jpg) no-repeat;
	width:104px;
	height:27px;
	text-align:center;
	padding-top:10px;
	margin-right:3px;
	font-size:14px;
	cursor:pointer;
}
.menu_focus{
	font-weight:bold;
}
#idNewerQuestionMenuLists{
	width:100%;
}
#idNewerQuestionMenuLists .newer_question_lists{
	margin-bottom:5px;
}
#idNewerQuestionMenuLists .ul_left{
	float:left;
	width:308px;
	border-right:1px solid #ADADAC;
	padding-right:30px;
}
#idNewerQuestionMenuLists .ul_right{
	float:left;
	width:308px;
	padding-left:30px;
}
#idNewerQuestionMenuLists li{
	border-bottom:1px dotted #ADADAC;
	line-height:22px;
	padding-top:5px;
	font-size:14px;
}
#idNewerQuestionMenuLists li span{
	margin-right:5px;
}
#idNewerQuestionMenuLists .more{
	text-align:right;
	margin:5px 5px 0 0;
}
#idRRuleLists{
	position:relative;
	height:59px;
	padding-top:40px;
}
#idRRuleLists .rule_list{
	width:319px;
	height:58px;
	border-top:1px solid #00A8FF;
	border-right:1px solid #00A8FF;
	border-left:1px solid #00A8FF;
}
#idRRuleLists .player_role{
	position:absolute;
}
#idRRuleLists .service_role{
	position:absolute;
	left:356px;
}
#idRRuleLists .rule_list .rule_list_top{
	background:url(../img/rule_bg1.jpg) repeat-x;
	width:319px;
	height:56px;
}
#idRRuleLists .rule_list .rule_list_bottom{
	background:url(../img/rule_bg2.jpg) no-repeat;
	width:319px;
	height:2px;
	position:absolute;
}
#idRRuleLists .rule_list .rule_list_content{
	position:absolute;
	width:104px;
	height:38px;
	top:20px;
	left:100px;
	cursor:pointer;
}
#idRRuleLists .rule_list .rule_list_content a{
	padding:8px 50px;
}
#idRRuleLists .rule_list .rule_list_content a:hover {
	color:#bc2931; text-decoration:none;
}
#idRRuleLists .rule_list .rule_list_content1{
	background:url(../img/player_rule.png) no-repeat;
}
#idRRuleLists .rule_list .rule_list_content2{
	background:url(../img/service_rule.png) no-repeat;
}
#idRRuleLists .rule_list .rule_list_role{
	position:absolute;
	height:78px;
	top:-35px;
	left:236px;
}
#idRRuleLists .rule_list .rule_list_role_boy{
	background:url(../img/play_rule_li.png) no-repeat;
	width:79px;
}
#idRRuleLists .rule_list .rule_list_role_girl{
	background:url(../img/service_rule_li.png) no-repeat;
	width:75px;
}
#idRSomePic{
	margin-top:12px;
}


#idRTopMarquee{
	background:url(../img/top_marquee_bg.jpg) repeat-x;
	height:34px;
	font-weight:bold;
	margin:10px 0;
}
#idRTopMarquee #idRTopMarqueeLeft{
	background:url(../img/top_marquee_left_bg.jpg) no-repeat;
	width:104px;
	height:34px;
	float:left;
	padding-top:10px;
}
#idRTopMarquee #idRTopMarqueeLeft label{
	margin-left:20px;
}
#idRTopMarquee #idRTopMarqueeContent{
	float:left;
}
#idRTopMarquee #idRTopMarqueeContent marquee{
	padding-top:10px;
	width:550px;
	text-align:center;
}
#idRTopMarquee #idRTopMarqueeRight{
	background:url(../img/top_marquee_right_bg.jpg) no-repeat;
	width:21px;
	height:34px;
	float:right;
}
#idRAnsQues{
	height:100%;
}
#idRAnsQues #idQuestion{
	float:right;
}
#idRAnsQues .ans_ques .ans_ques_top{
	background:url(../img/ans_ques_top_bg.jpg) no-repeat;
	width:331px;
	height:7px;
	background-color:red;
}
#idRAnsQues .ans_ques .ans_ques_bottom{
	background:url(../img/ans_ques_bottom_bg.jpg) no-repeat;
	width:331px;
	height:7px;
}
#idRAnsQues .ans_ques .ans_ques_content{
	border-right:1px solid #9F9F9F;
	border-left:1px solid #9F9F9F;
	width:329px;
}
#idRAnsQues .ans_ques .ans_ques_bg_orange{
	background-color:#FECC8F;
	margin:0 5px;
}
#idRAnsQues .ans_ques h4{
	position:relative;
	height:40px;
	font-size:18px;
	color:white;
}
#idRAnsQues .ans_ques h4 .ans_ques_h_bg{
	position:absolute;
	background:url(../img/ans_ques_bg.jpg) no-repeat;
	width:331px;
	height:35px;
	top:3px;
	left:3px;
}
#idRAnsQues .ans_ques h4 span{
	position:absolute;
	top:10px;
	left:20px;
}
#idRAnsQues .ans_ques h4 img{
	position:absolute;
	top:-3px;
	right:54px;
}
#idRAnsQues .ans_ques .ans_ques_content p{
	margin:0;
	padding:10px 15px;
	height:100%;
}
#idRHotQuestionShow{
	height:100%;
	margin-top:10px;
}
#idRHotQuestionShow h3{
	margin:2px;
	padding:2px 0 2px 32px;
	vertical-align:middle;
	font-size:16px;
	color:#652E0E;
}
#idRHotQuestionShow h3 *{
	vertical-align:middle;
}
#idRHotQuestionShow h3 span{
	margin-left:10px;
}
#idRHotQuestionShow h3 .r{
	margin-right:12px;
	margin-top:8px;
}
#idRHotQuestionShowContent{
	margin:20px;
}
#idRHotQuestionShowContent img{
	float:right;
}
#idRHotQuestionShowContent ul{
}
#idRHotQuestionShowContent ul span{
	position:absolute;
	background:url(../img/type_bg.gif) no-repeat;
	width:45px;
	height:16px;
	text-align:center;
	color:white;
	padding-top:2px;
}
#idRHotQuestionShowContent ul li{
	position:relative;
	margin-top:10px;
}
#idRHotQuestionShowContent ul li a{
	margin-left:50px;
}






/* footer style */
#idFooter{
	width:100%;
	text-align:center;
	margin-top:10px;
	float:left;
}
#idFooter #idFooterNav{
	border-top:1px solid #A8A8A8;
	margin-bottom:20px;
	color:gray;
}
#idFooter #idFooterNav ul{
	width:1002px;
	height:26px;
	margin:0 auto;
	text-align:center;
}
#idFooter #idFooterNav ul li{
	float:left;
	margin:8px 10px 0 10px;
}
#idFooter .font_green{
	color:#00A59B;
	margin-bottom:10px;
}