﻿@charset "utf-8";
/* CSS Document */
*{font-family:"微软雅黑", "宋体" !important; color:#333; }
.MsoNormal
{
	font-size:14px;
	line-height:24px;
	padding-bottom:10px;	
}
.MsoNormal span
{
	font-size:14px;
	line-height:24px;
}

body,ul,ol,li,p,form,dl,dt,dd{padding:0; margin:0; font-size:12px;  font-family:Arial, "宋体";}
h1,h2,h3,h4,h5,h6{ padding:0; margin:0; font-family:"微软雅黑", "宋体";}
body{ background: #fff url(images/body_bg.png) repeat-x;}
li{ list-style:none;}
a{ text-decoration:none; font-size:12px; font-family:"微软雅黑", "宋体";}
img{ border:none;}
input,select,textarea{outline:none}
textarea {resize:none;}

.row{width:960px; margin: 0 auto; overflow:hidden; }
.left{ float:left;}
.right{ float:right;}
.clear{ clear:both;}

input.text , select.text{ font-size:12px; color:#333; padding:6px 3px; border:1px solid #d7d7d7; background:url(images/input_text.png) no-repeat;}
input.text , select.text{-moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius:2px; -webkit-box-shadow: 0px 0px 3px #e5e5e5;
-moz-box-shadow: 0px 0px 3px #e5e5e5; box-shadow: 0px 0px 3px #e5e5e5;}
input.focus , select.focus{border-color:#09F;}

.button_blue{ display:block; float:left; height:35px; padding-left:10px; background:url(images/button_blue.gif); color:#FFF;}
.button_blue span{ display:block; height:35px; line-height:35px;  background:url(images/button_blue.gif) right top; padding-right:10px; cursor:pointer;color:#FFF;}
.button_blue:hover{ background-position: 0 -35px;}
.button_blue:hover span{ background-position: right -35px; }

.button_blue2{ display:block; float:left; height:31px; padding-left:10px; background:url(images/button_blue2.gif); color:#FFF;}
.button_blue2 span{ display:block; height:31px; line-height:31px;  background:url(images/button_blue2.gif) right top; padding-right:10px; cursor:pointer;color:#FFF;}
.button_blue2:hover{ background-position: 0 -31px;}
.button_blue2:hover span{ background-position: right -31px;}

.button_gray{ display:block; float:left; height:31px; padding-left:10px; background:url(images/button_gray.gif); color:#333;}
.button_gray span{ display:block; height:31px; line-height:31px;  background:url(images/button_gray.gif) right top; padding-right:10px; cursor:pointer;color:#333;}
.button_gray:hover{ background-position: 0 -31px;}
.button_gray:hover span{ background-position: right -31px;}


.header{height:178px; background:url(images/top_banner.jpg) top center no-repeat; color:#FFF;}
.header h1{ font-size:32px; font-family:"微软雅黑", "黑体"; text-align:center; padding-top:28px; letter-spacing:5px;}
.header h2{ text-align:center; font-size:20px; padding-top:5px; font-family:"微软雅黑", "黑体";}
#up.header{background:url(images/header_bg_update.jpg) top center no-repeat;}

#nav{ height:45px; background:url(images/nav_bg.gif) no-repeat; overflow:hidden; margin-bottom:10px;}
#nav ul{ height:38px; line-height:38px; padding: 0 10px}
#nav ul li{ float:left; height:38px; line-height:38px; overflow:hidden; padding: 0 10px; }
#nav ul li a{ font-size:14px; font-weight:bold; color:#FFF ; padding: 0 15px; display:block;}
#nav ul li a font{ color:#FFF ;}
#nav ul li a.current{ background:#d70372;}

#flow{ line-height:60px; background:url(images/flow.gif) 110px center no-repeat; padding-left:15px; color:#cc1b1b;}
#flow_en{ line-height:60px; background:url(images/flow_en.gif) 135px center no-repeat; padding-left:15px; color:#cc1b1b;}


#location{ height:40px; line-height:30px; color:#666; background:url(images/location_bg.gif) 0 30px repeat-x; }
#location p{background:url(images/li-style3.gif) left center no-repeat; padding-left:10px; }
#location a{ color:#999;}
#location a:Hover{ color:#06F;}
#location span{ color:#333;}

#uboxstyle .select_box{width:110px;height:30px; float:left; padding-top:16px; padding-right:5px;}
#uboxstyle div.tag_select{display:block;color:#333;width:90px;height:30px;background:transparent url("images/ubox-select.gif") no-repeat 0 0;padding:0 10px;line-height:30px; text-align:left;}
#uboxstyle div.tag_select_hover{display:block;color:#79A2BD;width:90px;height:30px;background:transparent url("images/ubox-select.gif") no-repeat 0 -30px;padding:0 10px;line-height:30px;  text-align:left;}
#uboxstyle div.tag_select_open{display:block;color:#79A2BD;width:90px;height:30px;background:transparent url("images/ubox-select.gif") no-repeat 0 -60px;padding:0 10px;line-height:30px;  text-align:left;}
#uboxstyle ul.tag_options{position:absolute;padding:0;margin:0;list-style:none;background:transparent url("images/ubox-select.gif") no-repeat right bottom;width:110px;padding:0 0 5px;margin:0;  text-align:left;}
#uboxstyle ul.tag_options li{background:transparent url("images/ubox-select.gif") repeat-y -110px 0;display:block;width:90px;padding:0 10px;height:24px;text-decoration:none;line-height:24px;color:#79A2BD;  text-align:left;}
#uboxstyle ul.tag_options li.open_hover{background:transparent url("images/ubox-select.gif") no-repeat 0 -90px;color:#fff}
#uboxstyle ul.tag_options li.open_selected{background:transparent url("images/ubox-select.gif") no-repeat 0 -114px;color:#fff}

.pagebox{width:800px; text-align:center; overflow:hidden; padding:10px 0; margin:0 auto;}
.pagebox p{float:left;position:relative; left:50%;}
.pagebox a{ float:left; padding:4px 6px; border:1px solid #e9e9e9; border-bottom:2px solid #e9e9e9; background:url(images/pagebutton_bg.gif) repeat-x; color:#666; margin: 0 2px;  float:left;position:relative;right:50%; }
.pagebox a{-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius:3px;}
.pagebox a:hover{ border-color:#999; color:#333;}
.pagebox a.current,.pagebox p span{ float:left; background:#3399cc; padding:3px 6px; margin: 0 2px; border:1px solid #2990c3; border-bottom:2px solid #197dae; font-weight:bold; color:#FFF; font-size:14px; font-family:Arial, Helvetica, sans-serif; position:relative;right:50%;}





.democode{line-height:24px;  margin:30px auto 0px; width:400px}
.democode h2{height:28px; color:#3366cc; font-size:14px}
.agree{margin:40px auto; width:400px; color:#3366cc; font-size:16px; font-weight:800}
.mainlist{padding-bottom:10px; padding-left:10px; padding-right:10px; padding-top:10px}
.mainlist li{line-height:28px; height:28px; font-size:12px}
.mainlist li span{margin:0px 5px 0px 0px; font-family:"宋体"; color:#ddd; font-size:12px; font-weight:400}
.btnbox{text-align:center; background:#ecf9ff; height:30px; padding-top:10px}
#windownbg{position:absolute; width:100%; display:none; background:#000; height:100%; top:0px; left:0px}
#windown-box{position:fixed; text-align:left; _position:absolute; }
#windown-title{position:relative; background:#6cbdec; height:30px; overflow:hidden; font-family:"微软雅黑","宋体"; border-bottom:1px solid #5eafde; border-top:1px solid #7fcaf5; }
#windown-title{-moz-border-radius:3px 3px 0 0; -webkit-border-radius:3px 3px 0 0; border-radius:3px 3px 0 0; }
#windown-title h2{position:relative; color:#fff; font-size:14px; top:5px; left:10px}
#windown-close{position:absolute; text-indent:-10em; width:11px; background:url(images/alertbox_close.gif) no-repeat; height:16px; overflow:hidden; top:8px; cursor:pointer; right:10px}
#windown-close:hover{ background-position:0 -19px; }
#windown-content-border{position:relative; padding:5px; background:#fff; }
#windown-content-border{-moz-border-radius:0 0 4px 4px; -webkit-border-radius:0 0 4px 4px; border-radius:0 0 4px 4px; }
#bor {-moz-border-radius: 4px;  -webkit-border-radius: 4px;  border-radius: 4px;  -moz-box-shadow:1px 2px 5px #edeced outset;  box-shadow: 1px 2px 3px #333; }
#windown-content img {display: block}
#windown-content iframe {display: block}
#windown-content .loading {position: absolute;  margin-top: -8px;  margin-left: -8px;  top: 50%;  left: 50%}

#form{}
#form .form_submit{ width:105px; height:50px; background:url(images/button.gif);}
#form .error{ color:#cc0033; padding-left:24px; background:url(images/form_icon.gif) 0 -10px no-repeat; height:24px; line-height:24px;}
#form .pass{ padding-left:24px; background:url(images/form_icon.gif) 0 -72px no-repeat; color:#73b700;}
#form .tit{ color:#4a9ad7; padding-left:24px; background:url(images/form_icon.gif) 0 -134px no-repeat; display:none;}
#form td{ line-height:24px; padding:10px 5px; color:#333;}
#form td.th{ text-align:right; font-size:14px; color:#666;}


#title{ margin-top:30px; border:1px solid #EFEFEF; background:#FFF; padding:50px 0;}

.title{ padding:15px 0;}
.title h2{ text-align:center; height:52px; margin-bottom:10px;}
.title h2 span{ display:inline-block;  height:52px; line-height:52px; font-size:14px; margin-top:-5px; padding-left:58px;}
.title table{}
.title table td{ line-height:22px; padding: 2px 5px; color:#666;}

#success.title h2 span{ background:url(images/success.gif) no-repeat; color:#3cc326;}
#failed.title h2 span{ background:url(images/failed.gif) no-repeat; color:#ff0000;}


/*Revise header & footer*/
#header{}
#header .header_head{ background:#f4f4f4; height:28px; line-height:28px; color:#666;}


#header_logo{ width:100%}

a:link{ color:#3399cc;}

#nav{ height:38px; background:#3399cc; overflow:hidden; margin-bottom:15px;}
#nav ul{ height:38px; line-height:38px; padding:0;}
#nav ul li{ float:left; height:38px; line-height:38px; overflow:hidden; padding:0;}
#nav ul li a{ font-size:14px; font-weight:bold; color:#FFF; padding: 0 25px; display:block;}
#nav ul li a.current,#nav ul li a.current:hover{ background:#0576ae;}
#nav ul li a:hover{ background:#58b5e3;}

#footer{ height:120px; margin-top:30px;   overflow:hidden; border-top:4px solid #dadada; }
#footer .footer{ width:960px; margin:0 auto; background:none; font-size:14px; color:#666; }
#footer .footer .left{ padding:3px 0; padding-top:15px; min-width:650px;  }
#footer .footer .left p{font-size:14px; padding:5px 0; color:#666;}
#footer .footer .left p span{ color:#666;}
#footer .footer .left img{margin-right:10px;}
#footer .footer img.border{border:1px solid #e4e4e4;}

#footer .footer .right{ width:120px; text-align:center; padding-top:5px; font-size:14px; color:#666;}
#footer .footer .right p{font-size:14px; color:#666;}

body{ background:#FFF;}


.button-quickWay span
{
	color:#FFF;	
}

table.table {
		overflow:hidden;
		border-left:1px solid #ededed;
		border-bottom:1px solid #ededed;
		background:#fefefe;
		
	}
	
	.table .even td
	{
		background:#EFEFEF;
		color:#000;
	}
	
	.table .th td
	{
		background:#88c1ed;
		color:#FFF;
		border-top:1px solid #74b2e2;
		border-right:1px solid #74b2e2;
	}
	
	.table .th
	{
		background:#88c1ed;
		overflow:hidden;
	}
	
	.table .th *
	{
		color:#FFF;
	}
	
	.table th, .table td { text-align:center; }
	
	.table th {padding-top:22px; text-shadow: 1px 1px 1px #fff; background:#88c1ed;}
	
	.table td {border-top:1px solid #e0e0e0; border-right:1px solid #e0e0e0; padding:5px; min-height:30px; line-height:24px;}
	
	.table tr.odd-row td {background:#f6f6f6;}
	
	.table td.first, th.first {text-align:left}
	
	.table td.last {border-right:none;}
	
	/*
	Background gradients are completely unnecessary but a neat effect.
	*/
	
	.table td {
		background: -moz-linear-gradient(100% 25% 90deg, #fefefe, #f9f9f9);
		background: -webkit-gradient(linear, 0% 0%, 0% 25%, from(#f9f9f9), to(#fefefe));
	}
	
	.table tr.odd-row td {
		background: -moz-linear-gradient(100% 25% 90deg, #f6f6f6, #f1f1f1);
		background: -webkit-gradient(linear, 0% 0%, 0% 25%, from(#f1f1f1), to(#f6f6f6));
	}
	
	.table th {
		background: -moz-linear-gradient(100% 20% 90deg, #e8eaeb, #ededed);
		background: -webkit-gradient(linear, 0% 0%, 0% 20%, from(#ededed), to(#e8eaeb));
	}
	
	/*
	I know this is annoying, but we need additional styling so webkit will recognize rounded corners on background elements.
	Nice write up of this issue: http://www.onenaught.com/posts/266/css-inner-elements-breaking-border-radius
	
	And, since we've applied the background colors to td/th element because of IE, Gecko browsers also need it.
	*/
	
	.table tr:first-child th.first {
		-moz-border-radius-topleft:5px;
		-webkit-border-top-left-radius:5px; /* Saf3-4 */
	}
	
	.table tr:first-child th.last {
		-moz-border-radius-topright:5px;
		-webkit-border-top-right-radius:5px; /* Saf3-4 */
	}
	
	.table tr:last-child td.first {
		-moz-border-radius-bottomleft:5px;
		-webkit-border-bottom-left-radius:5px; /* Saf3-4 */
	}
	
	.table tr:last-child td.last {
		-moz-border-radius-bottomright:5px;
		-webkit-border-bottom-right-radius:5px; /* Saf3-4 */
	}

#daojishi #quickWay
{
	padding-top:5px;	
}

#daojishi #quickWay ul li {
    float: left;
    width: 81px;
    margin: 3px 16px;
    height: 82px;
    overflow: hidden;
    text-align: center;
	background:none;
    padding: 3px;
    border: none;
}

#daojishi #quickWay ul
{
	overflow:hidden;
	padding:0;	
}

#daojishi #quickWay ul li
{
	margin-top:0;	
}