﻿/* Grid System: No Border, 1px Border or 2px Border */
.grid-01{ width: 30px;}.grid-01-b1{ width: 29px;}.grid-01-b2{ width: 28px;}
.grid-02{ width: 70px;}.grid-02-b1{ width: 69px;}.grid-02-b2{ width: 68px;}
.grid-03{ width:110px;}.grid-03-b1{ width:149px;}.grid-03-b2{ width:148px;}
.grid-04{ width:150px;}.grid-04-b1{ width:149px;}.grid-04-b2{ width:148px;}
.grid-05{ width:190px;}.grid-05-b1{ width:189px;}.grid-05-b2{ width:188px;}
.grid-06{ width:230px;}.grid-06-b1{ width:229px;}.grid-06-b2{ width:228px;}
.grid-07{ width:270px;}.grid-07-b1{ width:269px;}.grid-07-b2{ width:268px;}
.grid-08{ width:310px;}.grid-08-b1{ width:309px;}.grid-08-b2{ width:308px;}
.grid-09{ width:350px;}.grid-09-b1{ width:349px;}.grid-09-b2{ width:348px;}
.grid-10{ width:390px;}.grid-10-b1{ width:389px;}.grid-10-b2{ width:388px;}
.grid-11{ width:430px;}.grid-11-b1{ width:429px;}.grid-11-b2{ width:428px;}
.grid-12{ width:470px;}.grid-12-b1{ width:469px;}.grid-12-b2{ width:468px;}
.grid-13{ width:510px;}.grid-13-b1{ width:509px;}.grid-13-b2{ width:508px;}
.grid-14{ width:550px;}.grid-14-b1{ width:549px;}.grid-14-b2{ width:548px;}
.grid-15{ width:590px;}.grid-15-b1{ width:589px;}.grid-15-b2{ width:588px;}
.grid-16{ width:630px;}.grid-16-b1{ width:629px;}.grid-16-b2{ width:628px;}
.grid-17{ width:670px;}.grid-17-b1{ width:669px;}.grid-17-b2{ width:668px;}
.grid-18{ width:710px;}.grid-18-b1{ width:709px;}.grid-18-b2{ width:708px;}
.grid-19{ width:750px;}.grid-19-b1{ width:749px;}.grid-19-b2{ width:748px;}
.grid-20{ width:790px;}.grid-20-b1{ width:789px;}.grid-20-b2{ width:788px;}
.grid-21{ width:830px;}.grid-21-b1{ width:829px;}.grid-21-b2{ width:828px;}
.grid-22{ width:870px;}.grid-22-b1{ width:869px;}.grid-22-b2{ width:868px;}
.grid-23{ width:910px;}.grid-23-b1{ width:909px;}.grid-23-b2{ width:908px;}
.grid-24{ width:950px;}.grid-24-b1{ width:949px;}.grid-24-b2{ width:948px;}

/* Layout */
#header{ width:950px; margin:0 auto 5px auto;}
	#logo{ width:400px; height:80px; text-indent:-999em;}
	#main-nav{ height:37px; background:url(bg_mian_nav.png) no-repeat; padding:0 0 0 50px;}
		#main-nav li{ height:37px; float:left; margin:0 15px 0 0; padding:0 0 0 20px; display:inline;}
		#main-nav li span{ height:37px; float:left; padding:0 20px 0 0;}
		#main-nav li a{ line-height:34px; text-align:center; text-decoration:none; color:#fff; font-size:14px; font-weight:bold;}
		#main-nav li.current a{ background:url(bg_navbar.png) -950px 0 no-repeat; color:#333;}
		/* Highlight Current Tab */
		.mqq-page-01 #main-nav-link-01,
		.mqq-page-02 #main-nav-link-02,
		.mqq-page-03 #main-nav-link-03,
		.mqq-page-04 #main-nav-link-04,
		.mqq-page-05 #main-nav-link-05,
		.mqq-page-06 #main-nav-link-06{ background:url(bg_mian_nav.png) left -37px no-repeat;}
		.mqq-page-01 #main-nav-link-01 span,
		.mqq-page-02 #main-nav-link-02 span,
		.mqq-page-03 #main-nav-link-03 span,
		.mqq-page-04 #main-nav-link-04 span,
		.mqq-page-05 #main-nav-link-05 span,
		.mqq-page-06 #main-nav-link-06 span{ background:url(bg_mian_nav.png) right -37px no-repeat;}
		.mqq-page-01 #main-nav-link-01 span a,
		.mqq-page-02 #main-nav-link-02 span a,
		.mqq-page-03 #main-nav-link-03 span a,
		.mqq-page-04 #main-nav-link-04 span a,
		.mqq-page-05 #main-nav-link-05 span a,
		.mqq-page-06 #main-nav-link-06 span a{ color:#333;}

#content{ width:950px; margin:0 auto 10px auto; height:1%;}
	#content:after{ content:"."; display:block; height:0; clear:both; visibility:hidden;}

#footer{ width:950px; height:60px; margin:0 auto; text-align:center; line-height:1.5; color:#9e9e9e;}
	#footer a{ color:#9e9e9e; text-decoration:none;}
	
/* Common Page Control */
.mqq-page-ctrl{ text-align:center; padding:20px 0;}
	.mqq-page-ctrl a{ text-decoration:none;}
	.mqq-page-ctrl-pre{ width:69px; height:21px; vertical-align:middle; display:inline-block; font-size:12px; font-family:simsun; line-height:23px; overflow:hidden; border:none; text-align:center; color:#0d507b; background:url(http://source1.qq.com/mqqweb/media/images/common/mqq_web_component/button/bg_button_normal.png) -1px -45px;}
	.mqq-page-ctrl-next{ width:69px; height:21px; vertical-align:middle; display:inline-block; font-size:12px; font-family:simsun; line-height:23px; overflow:hidden; border:none; text-align:center; color:#0d507b; background:url(http://source1.qq.com/mqqweb/media/images/common/mqq_web_component/button/bg_button_normal.png) -1px -45px;}
	.mqq-page-ctrl-option{ margin:0 0 0 20px;}
	.mqq-page-ctrl-confirm{ width:69px; height:21px; vertical-align:middle; display:inline-block; font-size:12px; font-family:simsun; line-height:23px; overflow:hidden; border:none; text-align:center; color:#0d507b; background:url(http://source1.qq.com/mqqweb/media/images/common/mqq_web_component/button/bg_button_normal.png) -1px -45px; cursor:pointer;}
	.mqq-page-ctrl-input{ width:20px; border:1px solid #70afd8; background:#fff; vertical-align:middle; padding:2px; margin:0 5px;}

/* Box Structure */
.mqq-box{ position:relative;}
	.mqq-box-wrapper{ margin:1px; padding:0 10px;}
	.mqq-box-title{ font-size:14px; font-weight:bold; line-height:28px; height:30px; position:relative;}
		.mqq-box-title-add-on{ font-size:12px; padding:0 0 0 20px; font-weight:normal;}
		.mqq-box-title-icon{ width:16px; height:16px; display:block; overflow:hidden; float:left; margin:6px 4px 0 0;}
		.mqq-box-title-more{ position:absolute; right:0; top:5px; font-weight:normal; font-size:12px; line-height:1.5;}
		.mqq-box-title-more a{ padding:0 2px 0 0; text-decoration:none;}
		.mqq-box-title-more a:hover{ text-decoration:underline;}
	.mqq-box-content{ padding:10px 5px;}
	.mqq-box-rc{}
		.mqq-box-rc span{ position:absolute; overflow:hidden;}
		.mqq-box-rc-tl{ left:-1px; top:-1px;}
		.mqq-box-rc-tr{ right:-1px; top:-1px;}
		.mqq-box-rc-bl{ left:-1px; bottom:-1px;}
		.mqq-box-rc-br{ right:-1px; bottom:-1px;}
		/* fix bottom 1px and  problem for ie6 */
		.mqq-box-ie6fix .mqq-box-rc-bl,
		.mqq-box-ie6fix .mqq-box-rc-br{ _bottom:-2px;}
		/* fix fluit height problem for ie6 */
		.mqq-box-fluitfix .mqq-box-rc-bl,
		.mqq-box-fluitfix .mqq-box-rc-br{ _position:relative; _display:block;}
		.mqq-box-fluitfix .mqq-box-rc-bl{ _left:-1px; _top:6px; _float:left;}
		.mqq-box-fluitfix .mqq-box-rc-br{ _right:-1px; _top:1px; _float:right;}
/* Box Style 01 */
.mqq-box-s01{ border:1px solid #E0EDF4; background:#fff;}
.mqq-box-s01 .mqq-box-wrapper{ background:url(bg_mqq_box_wrapper_f6fafb.jpg) repeat-x;}
.mqq-box-s01 .mqq-box-title{ color:#1F2022; background:url(bg_mqq_box_title_c7e2f5.png) bottom right no-repeat; padding:0 0 0 5px;}
.mqq-box-s01 .mqq-box-title .mqq-box-title-main{}
.mqq-box-s01 .mqq-box-title .mqq-box-title-add-on{ color:#939598;}
.mqq-box-s01 .mqq-box-content{}
.mqq-box-s01 .mqq-box-decoration{}
	.mqq-box-s01 .mqq-box-rc span{ width:51%; height:5px; background-image:url(bg_mqq_box_rc_e1eef5.gif);}
		.mqq-box-s01 .mqq-box-rc-tl{ background-position:0 0;}
		.mqq-box-s01 .mqq-box-rc-tr{ background-position:right 0;}		.mqq-box-s01 .mqq-box-rc-bl{ background-position:0 -15px;}
		.mqq-box-s01 .mqq-box-rc-br{ background-position:right -15px;}
/* Box Style 02 */
.mqq-box-s02{ border:1px solid #E0EDF4; background:#fff;}
.mqq-box-s02 .mqq-box-wrapper{ background:#fff;}
.mqq-box-s02 .mqq-box-title{ color:#1F2022; border-bottom:1px solid #cfe6f6;}
	.mqq-box-s02 .mqq-box-title-main{ border-bottom:4px solid #69cbf1; padding:0 5px 3px 5px; _padding:0 0 2px 0;}
	.mqq-box-s02 .mqq-box-title-add-on{ color:#939598;}
	.mqq-box-s02 .mqq-box-title-more a{ color:#21659a;}
	.mqq-box-s02 .mqq-box-title-more a{ color:#21659a;}
.mqq-box-s02 .mqq-box-content{}
.mqq-box-s02 .mqq-box-decoration{}
	.mqq-box-s02 .mqq-box-rc span{ width:51%; height:5px; background-image:url(bg_mqq_box_rc_e1eef5.gif);}
		.mqq-box-s02 .mqq-box-rc-tl{ background-position:0 0;}
		.mqq-box-s02 .mqq-box-rc-tr{ background-position:right 0;}
		.mqq-box-s02 .mqq-box-rc-bl{ background-position:0 -15px;}
		.mqq-box-s02 .mqq-box-rc-br{ background-position:right -15px;}
/* Box Style 03 */
.mqq-box-s03{ border:1px solid #eedec7; background:#fff;}
.mqq-box-s03 .mqq-box-wrapper{ background:url(bg_mqq_box_wrapper_fffaf2.jpg) repeat-x;}
.mqq-box-s03 .mqq-box-title{ color:#000; background:url(bg_mqq_box_title_f1e4d1.png) bottom right no-repeat; padding:0 0 0 5px;}
.mqq-box-s03 .mqq-box-title .mqq-box-title-main{}
.mqq-box-s03 .mqq-box-title .mqq-box-title-add-on{ color:#939598;}
.mqq-box-s03 .mqq-box-content{}
.mqq-box-s03 .mqq-box-decoration{}
	.mqq-box-s03 .mqq-box-rc span{ width:51%; height:5px; background-image:url(bg_mqq_box_rc_eedec7.gif);}
		.mqq-box-s03 .mqq-box-rc-tl{ background-position:0 0;}
		.mqq-box-s03 .mqq-box-rc-tr{ background-position:right 0;}
		.mqq-box-s03 .mqq-box-rc-bl{ background-position:0 -15px;}
		.mqq-box-s03 .mqq-box-rc-br{ background-position:right -15px;}


/* Light Box */
.mqq-lightbox{ border:1px solid #429ad2; background:#fff;}
	.mqq-lightbox-title{ height:35px; line-height:35px; font-size:14px; padding:0 0 0 10px; position:relative; background:#2EBDEB url(bg_title_type01.png) repeat-x; color:#fff; border-bottom:1px solid #fff;}
	.mqq-lightbox-title a{ width:17px; height:14px; display:block; background:url(bg_btn_close.gif) 0 0 no-repeat; text-indent:-999em; overflow:hidden; cursor:pointer; position:absolute; right:6px; top:10px;}
	.mqq-lightbox-title a:hover{ display:block; background:url(bg_btn_close.gif) 0 -14px no-repeat;}
	.mqq-lightbox-content{}

/* iFrame Box */
.mqq-ifrbox{ padding:0 15px; background:url(bg_mqq_lightbox_content_def1fc.png) repeat-x;}
	.mqq-ifrbox-title{ height:31px; line-height:30px; background:url(bg_mqq_box_title_c7e2f5.png) bottom right no-repeat; font-size:14px;}
	.mqq-ifrbox-content{}
