@charset "utf-8";

header{
	background-color: #003366;
	padding-top: 8px;
	padding-bottom: 8px;
}


.index-top{
	position: absolute;
	height: 30px;
	z-index: 150;
	margin-right: auto;
	margin-left: auto;
	width: 100%;
}

#topmenu{
	height:auto;
	width: 100%;
	font-weight: normal;
	font-size: 11px;
	padding-top: 10px;
}


#topmenu ul{
	margin: 0px;
	width: 100%;
	list-style-type: none;
	padding: 0px;
}

#topmenu ul li{
	width: auto;
	margin: 0px;
	float: right;
	padding-top: 10px;
	padding-right: 4%;
	padding-bottom: 0px;
	padding-left: 4%;
}

#topmenu ul li a{
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}



#language{
	height:auto;
	width: 100%;
	padding-top: 15px;
}


#language ul{
	margin: 0px;
	width: 100%;
	list-style-type: none;
	padding: 0px;
	text-align: right;
}

#language ul li{
	width: auto;
	margin: 0px;
	padding: 0px;
	float: left;
}

#language ul li a{
	color: #FFFFFF;
	text-decoration: none;
	background-color: #004497;
	padding-top: 5px;
	padding-bottom: 5px;
	float: right;
	width: auto;
	padding-right: 10px;
	padding-left: 10px;
}
#language ul li a:hover{
	background-color: #005BB7;
}

#language ul li a.left{
	border-radius:5px 0 0 5px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #00489F;
	font-weight: bold;
}
#language ul li a.right{
	border-radius:0 5px 5px 0;
}

#language ul li a.current{
	background-color: #00264D;
}


footer{
	text-align: center;
	padding-top: 20px;
	color: #666666;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
	top: 10px;
	bottom: 20px;
	text-shadow: 0 1px 0 rgba(255,255,255, 1);
	font-size: 13px;
	margin: 0px;
	background-color: #EEEEEE;
}







#menu{
	background:#003366;
	height:40px;
	width: 100%;
	float: left;
	font-size: 13px;
}


#menu ul{
	margin: 0px;
	width: 95%;
	height: 40px;
	float: left;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5%;
	list-style-type: none;
}

#menu ul li{
	width: auto;
	margin: 0px;
	float: left;
	height: 30px;
	padding-top: 10px;
	padding-right: 4%;
	padding-bottom: 0px;
	padding-left: 4%;
}

#menu ul li a{
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}







#submenu{
	width: 100%;
	float: left;
}
#submenu h3{
font-size: 20px;
margin: 0px;
padding: 0px;
}
#submenu ul{
margin: 0px;
padding: 0px;
list-style-type: none;
float: left;
width: 100%;
}
#submenu ul li{
	float: left;
	margin: 0px;
	padding: 0px;
	width: 100%;
}
#submenu ul li a{
	float: left;
	color: #000000;
	text-decoration: none;
	padding-top: 3px;
	padding-bottom: 3px;
	width: 100%;
	padding-right: 5px;
	padding-left: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
}
#submenu ul li a:hover{
	font-weight: bold;
	color: #FFFFFF;
	background-color: #0A91CD;
}
#submenu ul li a.current{
	background-color: #0A91CD;
	color: #FFFFFF;
}







#guild{
	width:940px;
	float: left;
	margin-top: 20px;
	margin-right: 0;
	margin-left: 0;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 0;
}
#guild ul{ margin:0 ; padding:0; float: right ;  text-align:right}

#guild ul span.home a{ width:10px; display:block; height:10px; margin:5px 8px 0 0 ; padding:0; float: left; background:url(../images/home.jpg) left top no-repeat ; }

#guild ul span.home a:hover{ width:10px; display:block; height:10px; margin:5px 8px 0 0 ; padding:0; float: left; background:url(../images/home_on.jpg) left top no-repeat;  }

#guild li { display: inline;  margin:0 10px 0 0  ; padding:0 0 0 10px; float: left ; background:url(../images/icon_05.gif) left 8px no-repeat; color:#0A91CD;list-style:none;}
#guild li a{  color:#808080; text-decoration: none}
#guild li a:hover{ margin:0 ; padding:0; color:#0A91CD; text-decoration: none}






#left{
	width: 90%;
}






.list-pic{
	float: left;
	width: 29%;
	margin-bottom: 1px;
	padding: 2%;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCCCCC;
	border-right-width: 1px;
	border-right-style: dashed;
	border-right-color: #CCCCCC;
}
.list-pic img{
	width: 100%;

}
.list-pic h4{
	font-size: 16px;
	font-weight: bold;
	padding: 0px;
	width: 100px;
	font-family: "Times New Roman", Times, serif;
}













/* index*/

.index-menu{
	background-color: #003366;
	width: 100%;

}


.banner{
	width:100%;
	margin:0 auto;
	background-color: #000000;
}



.banner h2{
	font-weight: normal;
	color: #FFFFFF;
	font-size: 340%;
	font-family: 'Anton', 'sans-serif';
	text-shadow: 0 3px 3px rgba(0,0,0, .3);
}





.title{
	font-size:16px;
	text-align:center;
	margin:10px;
}



.bg{

	background: #ffffff;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#ffffff), to(#D0D0D0));
	background: -webkit-linear-gradient(#ffffff,#000);
	background: -moz-linear-gradient(#ffffff, #D0D0D0);
	background: -ms-linear-gradient(#ffffff, #D0D0D0);
	background: -o-linear-gradient(#ffffff, #D0D0D0);
	background: linear-gradient(#ffffff, #D0D0D0);


	behavior: url(css/PIE.htc);

}



.fifth{
	width: 18%;
	float: left;
	padding-top: 1%;
	padding-right: 1%;
	padding-bottom: 2%;
	padding-left: 1%;
}






.leftimg{
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
}
.rightimg{}

.image-radius{
-webkit-border-radius:100px;
-moz-border-radius:100px;
	border-radius: 100px;
	behavior: url(css/PIE.htc);
}

.hr {
	width:360px; height:8px; background-image:url(../images/grid.png);
}


#index-box-bg{
	float: left;
	width: 100%;
}

#index-box{
	height: 180px;
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 20px;
	padding-left: 10px;
	margin-top: 10px;
	padding-right: 10px;
	background-image: url(../images/index-box-bg.png);
	background-repeat: no-repeat;
}
#index-box h4{
	margin: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	font-weight: bold;
	color: #000000;
}




.font-15{
	font-size: 15px;
}




.line{
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #3399CC;
}





.box{
	padding: 5px;
	width: 100%;
	border: 1px solid #CCCCCC;
	background-color: #FFFFFF;
	margin-bottom: 15px;
	background: #FFFFFF;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FFFFFF), to(#EEEEEE));
	background: -webkit-linear-gradient(#FFFFFF, #EEEEEE);
	background: -moz-linear-gradient(#FFFFFF, #EEEEEE);
	background: -ms-linear-gradient(#FFFFFF, #EEEEEE);
	background: -o-linear-gradient(#FFFFFF, #EEEEEE);
	background: linear-gradient(#FFFFFF, #EEEEEE);
-pie-background: linear-gradient(#FFFFFF, #EEEEEE);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	float: left;
}






.browse{
	margin-bottom: 5px;
	text-align: right;
	font-weight: bold;
	color: #0A91CD;
}


.search{
	padding-top: 10px;
	padding-bottom: 10px;
}



.padding-bottom-10px{
	padding-bottom: 10px;
}




#tp-banner h2{
	line-height: 1;
}









#pro_list{ width:950px; padding:0; margin:0 0 40px 0; display: block; height:100%; overflow:hidden; font-family:Arial, Helvetica, sans-serif }
#pro_list dl{ width:295px; padding:0 0 0 0 ; margin:0 0 0 20px;_margin:0 0 0 10px; display: block; height:150px; float:left; border-right:1px solid #D7D7D6 }
#pro_list dl.right{border-right:0px;}
#pro_list dl span{ width:295px; padding:0; margin:0 ; display: block; height: auto; float: left;overflow:hidden;  }
#pro_list dt{ width: 280px; padding:0; margin:0 0 20px 0; display: block; height: auto; float:left;  color:#000000; font-size:16px; font-weight: normal; overflow:hidden}
#pro_list dt a{text-decoration:none; color:#000; border-top:2px solid #737373 ; padding:5px 0 0 0;float:left;}
#pro_list dt a:hover{text-decoration:none; color:#0081CC; border-top:2px solid #0081CC ; padding:5px 0 0 0 ; margin:0 }
#pro_list dd.txt{ width: 180px; padding:0; margin:0 0 0 0; display: block; height: 63px; overflow:hidden; float:left; color:#858585; line-height:130%}
#pro_list dd.txt a{text-decoration:none; color:#858585; }
#pro_list dd.txt a:hover{text-decoration:none;color:#0081CC;  }
#pro_list dd.pic{ width:110px; padding:0; margin:0 0 0 0; display: block; height:100px; float:right;overflow:hidden;}




#assinavi{width:100%; margin:0 0 20px 0; padding:10px 0 0 0;  height: auto; float: left; display: block; font-family:Arial, Helvetica, sans-serif; letter-spacing:1px }
.assinavipic{ padding:0; margin:0; width:100%;  float:left; display:block }
#assinavi h1{width:100%; margin:0; padding:0;  height:auto; float: left; display: block; border-bottom:1px solid #E1E1E1;  }

#assinavi ul{width:100%;margin:0; padding:0; display: block; float:left}
#assinavi li{margin:0; padding:0; border-bottom:1px solid #E1E1E1; list-style: none; line-height:120% }
#assinavi li a{width:165px; margin:0; padding:5px 5px 5px 10px; display: block; color:#666666; font-size:12px; font-weight:bold ; text-decoration:none;}
#assinavi li a:hover{width:165px; margin:0; padding:5px 5px 5px 10px; display: block; background-color:#0A91CD; color:#FFF; font-size:12px; font-weight:bold ; text-decoration:none}
#assinavi li.on a{width:100%; margin:0; padding:5px 5px 5px 10px; display: block; background-color:#0A91CD; color:#FFF; font-size:12px; font-weight:bold ; text-decoration:none}

#assinavi dl{width:100%;margin:0; padding:0; display: block; float:left;border-bottom:1px solid #E1E1E1;}
#assinavi dl span{display: block; padding:5px 0 10px 0}
#assinavi dt{margin:0; padding:0; border-top:1px solid #E1E1E1; list-style: none }
#assinavi dt a{width:100%; margin:0; padding:5px 5px 5px 10px; display: block; color:#666666; font-size:12px; font-weight:bold ; text-decoration:none}
#assinavi dt a:hover{width:100%; margin:0; padding:5px 5px 5px 10px; display: block; background-color:#0A91CD; color:#FFF; font-size:12px; font-weight:bold ; text-decoration:none}
#assinavi dt.on a{width:100%; margin:0; padding:5px 5px 5px 10px; display: block; background-color:#0A91CD; color:#FFF; font-size:12px; font-weight:bold ; text-decoration:none}
#assinavi dd{margin:0; padding:0 ; list-style: none ; font-size:12px; letter-spacing:normal; line-height:130%}
#assinavi dd a{width:100%; margin:0; padding:7px 0 0 20px; display: block; color:#666666; font-size:12px;  text-decoration:none; background:url(../_img/03_support/arrow_g.gif) 10px 12px no-repeat;}
#assinavi dd a:hover{width:100%; margin:0; padding:7px 0 0 20px; display: block; color:#0EADEE; font-size:12px;text-decoration:none; background:url(../_img/03_support/arrow_b.gif) 10px 12px no-repeat; }
#assinavi dd.on a{width:100%; margin:0; padding:7px 0 0 20px; display: block; color:#0EADEE; font-size:12px;text-decoration:none; background:url(../_img/03_support/arrow_b.gif) 10px 12px no-repeat; }


#assinavi2{width:100%; margin:0 0 20px 0; padding:10px 0 0 0;  height: auto; float: left; display: block; font-family:Arial, Helvetica, sans-serif; }
.assinavipic{ padding:0; margin:0; width:100%;  float:left; display:block }
#assinavi2 h1{width:100%; margin:0; padding:0;  height:auto; float: left; display: block; border-bottom:1px solid #E1E1E1; }




#search-box{}
#search-box select{
	width: 100%;
	border-radius: 50px; 
}