@import "/App_Themes/reset.css";

/* Headers
------------------------------*/
h1{font-size:24px;}
h3{font-size:16px;}
h4{font-size:14px;}

/* Links
------------------------------*/
a
{
	hide-focus: expression(this.hideFocus=true); /* for ie 5+ */
	outline: none; /* for firefox 1.5 + */
}

body {
	width:986px;
	margin:0px auto;
	background:#c6e8ff url(../../Images/bg.jpg) no-repeat center top;
}

.main
{
	width:986px;
	font-family: Verdana, "宋体";
	font-size:12px;
	position : relative;
	padding-top:0px;
}
/* page css */
#PageHeader1_head{background:url(../../Images/head_bg.jpg) no-repeat; width:986px; height:140px;}
#PageHeader1_onlyhead{background:url(../../Images/only_head_bg2.jpg) no-repeat; width:986px; height:140px;}
#nav{background:url(../../Images/menu_bg.png) repeat-x; width:986px; height:42px;}

.nav_left{background:url(../../Images/menu_side.jpg) no-repeat left; width:43px; height:42px; float:left;}
.nav_right{background:url(../../Images/menu_side.jpg) no-repeat right; width:43px; height:42px; float:right;}

#leftly{width:223px; height:auto; float:left;}

#rightly{ background:url(../../Images/rightly_bg.gif) repeat-y center; width:763px;float:left;height:auto;}
.wrapper_top{background:url(../../Images/rightly_headfoot.gif) no-repeat top; width:763px; height:26px;}
.wrapper_foot{clear:both; background:url(../../Images/rightly_headfoot.gif) no-repeat bottom; width:763px; height:30px;}
.content{background:url(../../Images/content_top.gif) no-repeat top left; width:545px; min-height:400px; height:auto; float:left; padding:5px 10px 0 22px;}
.sidebar_right{width:168px; height:auto; float:left; margin:0 0 0 8px; padding-top:140px;}
H1.title_bar
{
	background:url(../../Images/title_bar.gif) no-repeat; 
	width:545px; 
	height:35px; 
	text-align:center; 
	margin-bottom:10px;
	font-size:16px; 
	color:#fff; 
	font-family:"微软雅黑"; 
	font-weight:bold; 
	line-height:35px;
}

/* leftly */
.fast_btn1, .fast_btn1 a{width:223px; height:87px; display:block;}
.fast_btn1 a{background:url(../../Images/left_btn1.jpg) no-repeat top;}
.fast_btn1 a:hover{background:url(../../Images/left_btn1.jpg) no-repeat bottom;}

.fast_btn2, .fast_btn2 a{width:223px; height:73px; display:block;}
.fast_btn2 a{background:url(../../Images/left_btn2.jpg) no-repeat top;}
.fast_btn2 a:hover{background:url(../../Images/left_btn2.jpg) no-repeat bottom;}

.fast_btn3, .fast_btn3 a{width:223px; height:71px; display:block;}
.fast_btn3 a{background:url(../../Images/left_btn3.jpg) no-repeat top;}
.fast_btn3 a:hover{background:url(../../Images/left_btn3.jpg) no-repeat bottom;}

.fast_btn4, .fast_btn4 a{width:223px; height:74px; display:block;}
.fast_btn4 a{background:url(../../Images/left_btn4.jpg) no-repeat top;}
.fast_btn4 a:hover{background:url(../../Images/left_btn4.jpg) no-repeat bottom;}

.fast_btn5, .fast_btn5 a{width:223px; height:59px; display:block;}
.fast_btn5 a{background:url(../../Images/left_btn5.jpg) no-repeat top;}
.fast_btn5 a:hover{background:url(../../Images/left_btn5.jpg) no-repeat bottom;}

.fast_btn6, .fast_btn6 a{width:223px; height:61px; display:block;}
.fast_btn6 a{background:url(../../Images/left_btn6.jpg) no-repeat top;}
.fast_btn6 a:hover{background:url(../../Images/left_btn6.jpg) no-repeat bottom;}

.fast_btn7, .fast_btn7 a{width:223px; height:61px; display:block;}
.fast_btn7 a{background:url(../../Images/left_btn7.jpg) no-repeat top;}
.fast_btn7 a:hover{background:url(../../Images/left_btn7.jpg) no-repeat bottom;}

.fast_btn8, .fast_btn8 a{width:223px; height:88px; display:block;}
.fast_btn8 a{background:url(../../Images/left_only_btn.jpg) no-repeat top;}
.fast_btn8 a:hover{background:url(../../Images/left_only_btn.jpg) no-repeat bottom;}


.fast_onlybtn1, .fast_onlybtn1 a{width:223px; height:87px; display:block;}
.fast_onlybtn1 a{background:url(../../Images/only_left_btn1.jpg) no-repeat top;}
.fast_onlybtn1 a:hover{background:url(../../Images/only_left_btn1.jpg) no-repeat bottom;}

.fast_onlybtn2, .fast_onlybtn2 a{width:223px; height:73px; display:block;}
.fast_onlybtn2 a{background:url(../../Images/only_left_btn2.jpg) no-repeat top;}
.fast_onlybtn2 a:hover{background:url(../../Images/only_left_btn2.jpg) no-repeat bottom;}

.fast_onlybtn3, .fast_onlybtn3 a{width:223px; height:71px; display:block;}
.fast_onlybtn3 a{background:url(../../Images/only_left_btn3.jpg) no-repeat top;}
.fast_onlybtn3 a:hover{background:url(../../Images/only_left_btn3.jpg) no-repeat bottom;}

.fast_onlybtn4, .fast_onlybtn4 a{width:223px; height:86px; display:block;}
.fast_onlybtn4 a{background:url(../../Images/only_left_btn4.jpg) no-repeat top;}
.fast_onlybtn4 a:hover{background:url(../../Images/only_left_btn4.jpg) no-repeat bottom;}

.fast_onlybtn5, .fast_onlybtn5 a{width:223px; height:82px; display:block;}
.fast_onlybtn5 a{background:url(../../Images/only_left_btn5.jpg) no-repeat top;}
.fast_onlybtn5 a:hover{background:url(../../Images/only_left_btn5.jpg) no-repeat bottom;}

/* login */
.login
{
	background:url(../../Images/login_bg.jpg) no-repeat; 
	width:140px;
	height:127px;
	padding:20px 10px 5px 18px;
	float:right;
	position:absolute;
	top:200px;
	right:10px;
	text-align:center;
}
.login label{
	width:32px;
	height:18px;
	font-size:12px;
	font-weight:normal;
	color:#163a9a;
}
.textaler{color:#C00; text-align:center; display:block; height:15px;}
.login form-row1 input{height:20px;}
.login a img{margin:0 0 5px 20px;}
.login a{color:#FFF}
.login a:hover{color: #61b5ff}
.login span{display:block}

.login_block{
	background:url(../../images/login_bg2.jpg) no-repeat;
	width:360px;
	height:149px;
	margin-top:20px;
	padding:40px 20px 10px 30px;
}

/* footer */
#footer{
	clear:both;
	background:url(../../Images/foot_bg.png) no-repeat ;
	width:986px;
	height:100px;
	color:#FFF;
	line-height:20px;
	padding:10px 0 0 0;
}
#footer img{float:left; padding:15px 10px 5px 80px;}
.footlink a{color:#FFF; text-decoration:none;}
.footlink a:hover{color:#FF9; text-decoration:underline;}
.copyright_text{font-size:12px;}

/* headmenu css */
.mainMenu {
	float:left;
	list-style-type: none;
	width:900px;
	height:42px;
}
.mainMenu li 
{
	float:left;
	font-size:14px;
	width:150px;
	position:relative;
	text-align:center;
	font-weight:bold;
	height:42px;
	line-height:42px;
}
.mainMenu li a {
	text-decoration:none;
	display:block;
	color:#fff;
}
.mainMenu li a:hover {
	background:transparent url(../../images/muen_ac.png) no-repeat center;
	color:#fff;
}
.mainMenu li.menuNode a:hover {
	background:transparent url(../../Images/muen_ac.png) no-repeat center;
}
.mainMenu li ul{
	float:left;
	list-style-type: none;
	position:absolute;
	display:inline;
	visibility:hidden;
}
.mainMenu  ul.mainMenuSub
{
	position:absolute;
	background-color:#2a7bcd;
	border:#2f6cb2 solid 1px;
	width:148px;
	top:181px;
	right:642px;
}
.mainMenu  ul.mainMenuSub li {
	font-size:13px;
	text-align:left;
	font-weight:normal;
	text-indent:20px;
	width:148px;
}
.mainMenu  ul.mainMenuSub li a 
{
	text-decoration:none;
	width:148px;
	display:block;
	color:#FFF;
}
.mainMenu  ul.mainMenuSub li a:hover 
{
	clear:both;
	background:#09127e;
	color:#fff;
	text-decoration:underline;
}

/* tab menu */
#tab_menu{
	background:url(../../Images/tab_bg.png) no-repeat;
	list-style-type: none;
	width:525px;
	height:40px;
	padding:0 10px;
	margin-bottom:10px;
}
#tab_menu li{
	font-weight:bold;
	float:left;
	width:105px;
	text-align:center ;
}
#tab_menu li a{
	font-size:14px;
	background:transparent url(../../Images/tab.png) no-repeat scroll top;
	text-decoration:none;
	display:block;
	color:#fff;
	line-height:40px;
}
#tab_menu li a:hover, #tab_menu li.current a{
	font-size:16px;
	background:transparent url(../../Images/tab.png) no-repeat scroll bottom;
	color:#fff;
	height:40px;
	line-height:40px;
}

/*text style*/
.space1{height:20px; clear:both;}
.content h2{font-size:24px; text-align:center; color:#666; font-family:"微软雅黑"}

.text1{text-indent:22px;}
.text1, .text3{font-size:12px; color:#333; line-height:18px;}
.text2{font-size:13px; color:#333; line-height:18px;}
.text3{line-height:20px; text-indent:24px;}

.link2{text-decoration:none; color:#333;}
.link3{text-decoration:none; color:#333;}

.text4{font-size:15px; color:#333; font-weight:bold;}
.text4 a{color: #F63; text-decoration:none;}
.text4 a:hover{color: #666; text-decoration:underline;}

.text5{font-size:14px; color:#FFF; font-weight:bold; line-height:22px;}

.title{
	float:left;
	color:#369;
	font-weight:bold;
	font-family:Tahoma, "Microsoft YaHei";
}
.title1{
	font-size:14px;
	line-height:26px;
	color:#333;
	font-weight:bold;
}
.title1 a{color:#369;}
.title1 a:hover{color:#666; text-decoration:none;}

.title2{
	font-size:13px;
	color:#333;
	font-weight:normal;
	line-height: 20px;
}
.title3, .title4{
	font:bold 22px  Verdana, "宋体";
	color:#FFF;
	line-height:70px;
}
.title4{ text-align:center;}
.title8{color:#666; font-family: "微软雅黑"; font-size:24px; font-weight:bold;}
.title10{
	font-size:12px;
	line-height:26px;
	color:#369;
	font-weight:bold;
}

/* recommand star */
.rcmstar5{background: url(../../Images/rcm_star.png) no-repeat top center; width:110px; height:20px;}
.rcmstar4{background: url(../../Images/rcm_star.png) no-repeat center -20px; width:110px; height:20px;}
.rcmstar3{background: url(../../Images/rcm_star.png) no-repeat center -40px; width:110px; height:20px;}
.rcmstar2{background: url(../../Images/rcm_star.png) no-repeat center -60px; width:110px; height:20px;}
.rcmstar1{background: url(../../Images/rcm_star.png) no-repeat bottom; width:110px; height:20px;}

/*form*/
.wid1{width:150px;}
.wid2{width:90px;}
.wid3{width:84px;}
.wid5{width:275px;}

form{
	padding: 5px 0px 3px 0px;
}
.form-row{
	clear: both;
	height: 30px;
	padding: 5px 0px;
}
.form-row1{
	clear: both;
	padding: 2px 0px;
}
.form-row2{
	height: 30px;
	clear: both;
	padding: 2px 0px 8px 12px;
}
fieldset{
	border: 2px solid #ccc;
	padding:0px 0px 5px 10px;
	margin: 10px 0 10px 0;
}
fieldset .form-row label.error {
	font-weight:normal;
	width:100%;
	color: red;
	font-style: italic;
	display: none;
}
fieldset .form-row input, .form-row input, .form-row2 input, .field-select input{
	height: 20px;
	color: #333;
	line-height: 20px;
	font-size: 14px;
	padding: 0px 3px;
	float:left;
	margin-right:10px;
}
fieldset .form-row input, .form-row2 input, .form-row input{
	border: 1px solid #00A8E6; 
	background-color: #F0FAFF;
}
.form-row2 img{float:left; padding-right:5px;}
label {
	float:left;
	width:120px;
	height:22px;
	font-size:14px;
	font-weight:bolder;
	color:#004499;
	line-height:22px;
}
legend{
	font-size:12px;
	color:#666;
	padding: 0 3px 4px 4px;
}
.ex{
	color: #999;
	line-height: 16px;
	padding-top: 2px;
}
.ex_text1, .ex_text1 a, .ex_text1 a:hover{
	color: #666;
	line-height: 16px;
	font-weight: normal;
}
.ex_text1 a:hover  {text-decoration:none;}
.ex2{
	font-size: 14px;
	font-weight: bolder;
	color: #006699;
	line-height: 22px;
	padding-left: 5px;
}
.star{font-size:11px;color: #C00;}

.form-row select{
	height:24px; 
	background-color:#F0FAFF;
	font-family: Verdana, "宋体";
	font-size: 14px;
}
.listControl li{list-style:none; float:left;}


/* popup css */

#pop{
	width:592px;
}

.pop_top{
	background-image:url(../../Images/popup_top.png)!important;/* FF IE7 */
	background-repeat:no-repeat;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../Images/popup_top.png'); /* IE6 */
    _ background-image: none; /* IE6 */
	width:592px;
	height:40px;
}
.pop_left{
	background-image:url(../../Images/popup_left.png)!important;/* FF IE7 */
	background-repeat:no-repeat;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../Images/popup_left.png'); /* IE6 */
    _ background-image: none; /* IE6 */
	width:26px;
	height:320px;
	float:left;
	display: block;
}
.pop_center{
	background-color:#FFF;
	width:540px;
	height:320px;
	display: block;
	float:left
}
.pop_right{
	background-image:url(../../Images/popup_right.png)!important;/* FF IE7 */
	background-repeat:no-repeat;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../Images/popup_right.png'); /* IE6 */
    _ background-image: none; /* IE6 */
	width:26px;
	height:320px;
	float:left;
	display: block;
}
.pop_bottom{
	background-image:url(../../Images/popup_bottom.png)!important;/* FF IE7 */
	background-repeat:no-repeat;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../Images/popup_bottom.png'); /* IE6 */
    _ background-image: none; /* IE6 */
	clear:both;
	width:592px;
	height:26px;
}
.close_btn{
	float:right;
}
.clear{clear:both}
.col_box{
	width:250px;
	float:left;
	margin-left:12px;
}
.col_box img{ float:left; margin-right:10px;}
.col_box span{
	font-family:Verdana, "宋体";
	font-weight:bold;
	font-size:14px;
	color:#666;
	line-height:20px;
}
.col_box p{ font-family:Verdana, "宋体"; font-size:12px; color:#666; line-height:16px}
.content_top img{ float:left;}

/*button */
a.button { 
    background:transparent url(../../Images/a.png) no-repeat scroll right bottom; 
    color: #fff; 
    display: block;
	float:left;
    height: 40px; 
    padding-right: 10px; 
    font:bold 16px "Microsoft YaHei"; 
    margin-right: 10px; 
    text-decoration: none; 
	text-align:center;
	min-width:120px;
} 
a.button span { 
    background: transparent url(../../Images/span.png) no-repeat left bottom;
    display: block;
	padding: 1px 5px 0px 15px;
    line-height: 39px; 
}
a.button:hover { 
    background-position: right -40px; 
} 
a.button:hover span { 
    background-position: left -40px; 
} 
a.button:active { 
    background-position:  right top; 
} 
a.button:active span {
	background-position: left top;
	padding: 0px 5px 0px 15px;
	line-height: 40px;
}
/*homepage*/
.block1, .block3{float:left; overflow:hidden; border-right:dashed 1px #999;}
.block1{height:230px; width:256px; padding:0 10px 0 5px;}
.block1 img{display:block; margin:0 0 5px 0; padding-left:60px;}

.block2, .block4{float:left; width:253px; height:190px; overflow:hidden; margin:0 0 0 10px; padding:40px 5px 0 5px;}
.block2{background:url(../../Images/title_news.gif) top center no-repeat;}
.block2 a{color:#004499; text-decoration:none;}
.block2 a:hover{color:#C00; text-decoration:underline;}
.block2 ul{font-family:Verdana, "宋体"; line-height:18px;}
.block2 ul li{ margin:5px 0;}
.block2 ul li span{ padding-right:15px;}

.block3{background:url(../../Images/title_feedback.gif) top left no-repeat; width:261px; height:190px; padding:40px 10px 0 0;}
.block3 li
{
	float:left;
	margin:0 2px 0 2px;
}

.block4{background:url(../../Images/title_blog.gif) top center no-repeat;}
.block4 img{float:right; margin:0 0 10px 10px;}
.block4 h4{color:#004499;}

.line1{border-bottom:dashed 1px #999; width:100%; clear:both; padding-top:5px; margin-bottom:10px;}
.more_btn{float:right; font-weight:bold; background:url(../../Images/list_icon1.gif) left no-repeat; padding-left:8px;}
.more_btn a{color:#216aa7; text-decoration:none;}
.more_btn a:hover{color:#61b5ff; text-decoration:underline;}

/*sitemap*/
.sidecol1, .sidecol2{
	font-size:13px;
	font-weight:bold;
	line-height:20px;
	height:auto;
	float:left;
}
.sidecol1{width:220px; padding-left:20px}
.sidecol2{width:300px;}
.sidecol1 span, .sidecol2 span{color:#333; font-size:14px;}
.sidecol1 span a, .sidecol2 span a{color:#333; text-decoration:none;}
.sidecol1 span a:hover, .sidecol2 span a:hover{text-decoration:underline;}
.tree{color:#004499;}
.tree li{list-style-type:square; list-style-position:inside;}
.tree li a{color:#004499; text-decoration:none;}
.tree li a:hover{text-decoration:underline;}
.tree .treesub{LIST-STYLE-TYPE:disc; font-weight:normal; font-size:12px;}

/*Landingpage*/
.bord1_top{background:url(../../Images/feedback_bord.jpg) no-repeat top; width:168px; height:60px;}
.bord1_content{background:url(../../Images/rightbord_bg.gif) repeat-y; width:148px; height:auto; padding:0 10px;}
.bord1_bottom{background:url(../../Images/feedback_bord.jpg) no-repeat bottom; width:168px; height:20px;}

.btn_more a{background:url(../../Images/btn_more.gif) no-repeat top; width:110px; height:27px; display:block;}
.btn_more a:hover{background:url(../../Images/btn_more.gif) no-repeat bottom;}

.text6{color:#333; line-height:18px; text-indent:22px;}
.title7{text-align:center; font-size:24px; color:#369; font-family:"微软雅黑";}
.text8{color:#FFF;}


/********Error Message************/
form label.error, label.error {
	/* remove the next line when you have trouble in IE6 with labels in list */
	font-weight:normal;
	color: red;
	display: block;
	width:100%;
	font-size:13px;
	cursor:pointer;
}

div.error 
{ 
	display: none;
	width:100%;
}
input.error, textarea.error, fieldset .form-row input.error, fieldset .form-row textarea.error
{ 
	border: 2px dotted red; 
	background-color:#fffbd5;
}
form .gray * { color: gray; }

.submitMsg
{
	color: red;
}
/* grid view */
.gridTable{
	padding:0px 8px;
	font-size:13px;
	margin-bottom:10px;
	color:#333;
}
.gridTable a{ 
    color:#333; 
	font-weight:normal;
}
.gridTable a:hover{
	color:#fff; 
	text-decoration:none;
}
.gridTable tr
{
	height:20px;
	line-height:20px;
}

.gridHeader
{
	background-color:#09C;
	font-size:14px;
	color:#FFF;
}

.gridAlterRow{
	background-color: #CEEFFF;
}
.gridRow{
	background-color: #eeeeee;
}

#r_Address li{float:none;}

/* alert, confirm */
#popup_container {
	font-family: Arial, sans-serif;
	font-size: 12px;
	min-width: 300px; /* Dialog will be no smaller than this */
	/*max-width: 600px;  Dialog will wrap after this width */
	background: #FFF;
	border: solid 5px #999;
	color: #000;
	/*-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;*/
}
#popup_container div
{
}


#popup_title {
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	line-height: 1.75em;
	color: #666;
	background: #CCC url(../../images/title.gif) top repeat-x;
	border: solid 1px #FFF;
	border-bottom: solid 1px #999;
	cursor: default;
	padding: 0em;
	margin: 0em;
}

#popup_content {
	background: 16px 16px no-repeat url(../../images/info.gif);
	padding: 1em 1.75em;
	margin: 0em;
}

#popup_content.alert {
	background-image: url(../../images/info.gif);
}

#popup_content.confirm {
	background-image: url(../../images/important.gif);
}

#popup_content.prompt {
	background-image: url(../../images/help.gif);
}

#popup_message {
	padding:0 0 0 48px;
}
#popup_message span
{
	font-weight:bold;
	font-size:12px;
	*display:block;
}
#popup_panel {
	text-align: center;
	margin: 1em 0em 0em 1em;
}

#popup_prompt {
	margin: .5em 0em;
}
.thumbHover
{
	border:2px solid #6cbeec;
}