@charset "utf-8";
/* CSS Document */
body {
margin:0;
padding:0;
background:#FFF url(../Images/bg.png) repeat-x center top;
height: auto;}

td {/*vertical-align:top;*/}

.textb { font-family: "Tahoma"; font-size: 10pt; color: #404040; }
.textw { font-family: "Tahoma"; font-size: 10pt; color: #FFFFFF; }
img {border:none;text-align: center;}
	
/** ������� **/	
#topmenu {
	font-family: "Tahoma";
	font-size: 10pt;
	text-decoration:none;
	color: #01388b;
	text-align: right;
	font-weight: normal;
	width:550px;
	height :auto;
	padding-top: 40px ;
	
	/* text-shadow: #4a3d32 1px 1px 1px; */
}
.topmenu a {
	font-size: 10pt;
	text-decoration:none;
	font-weight: normal;
	color:#01388b ;
}
.topmenu a:hover {
	font-size: 10pt;
	color:#03204b	;
	font-weight: normal;
	/* text-shadow: #FFF 1px 1px 1px; */
}


#leftmenu { width:223px; height:auto;  vertical-align:top; text-align:left; padding:5px 5px;}
.leftmenu { width:189px; height:auto; text-align:left;
font-family:"Tahoma", Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
line-height: 20px;
font-weight: normal;
color: #333;}
.leftmenu a:link{color:#333;text-decoration:none;}
.leftmenu a:visited{color:#333;text-decoration:none;}
.leftmenu a:hover{color:#000; text-decoration: none;}
.leftmenu a:active{color:#333f; text-decoration:none;}

#submenu {
font-family: "Tahoma";
font-size: 9pt;
text-decoration:none;
background-repeat: no-repeat;
background-position: top;}
	
.submenu {
padding-left: 40px;
padding-top: 15px;
line-height: 19px;
padding-bottom: 15px;
color: #333;}
.submenu a {text-decoration:none;color:#333;}
.submenu a:hover {color:#000;text-decoration:underline;}

.textfield { font-family: "Tahoma"; font-size: 8pt; height:15px; color:#000000; vertical-align:middle; }
.textarea { font-family: "Tahoma"; font-size: 8pt; color:#000000; vertical-align:middle; }
.listMenu { font-family: "Tahoma"; font-size: 8pt; padding:5 px; color:#000000; vertical-align:middle; }
.button { font-family: "Tahoma"; font-size: 8pt; padding:5 px; color:#000000; vertical-align:middle; }

.subject_header { font-family: "Tahoma"; font-weight:bold; font-size: 8pt; padding:5 px; color:#000000; vertical-align:middle;}

/* Table corner */
.b1h, .b2h, .b3h, .b4h, .b2bh, .b3bh, .b4bh{font-size:1px; overflow:hidden; display:block;}
.b1h {height:1px; background:#a7a7a7; margin:0 5px;}
.b2h, .b2bh {height:1px; background:#a7a7a7; border-right:2px solid #a7a7a7; border-left:2px solid #a7a7a7; margin:0 3px;}
.b3h, .b3bh {height:1px; background:#a7a7a7; border-right:1px solid #a7a7a7; border-left:1px solid #a7a7a7; margin:0 2px;}
.b4h, .b4bh {height:2px; background:#a7a7a7; border-right:1px solid #a7a7a7; border-left:1px solid #a7a7a7; margin:0 1px;}
.b2bh, .b3bh, .b4bh {background: #a7a7a7;}
.headh {background: #a7a7a7; border-right:1px solid #a7a7a7; border-left:1px solid #a7a7a7;font-family: "Tahoma";font-size: 8pt;color:#FFFFFF;}
/* Table corner */

.table_square {
font-family: "Tahoma";
font-size: 8pt;
color:#FFFFFF;
border-bottom:1px solid #FFFFFF; 
border-top:1px solid #FFFFFF; 
border-left:1px solid #a7a7a7; 
border-right:1px solid #a7a7a7; 
background-color: #FFFFFF;}
	
.table_square_dot {
font-family: "Tahoma";
font-size: 8pt;
color:#404040;
border-bottom:1px dotted #A0A0A0; 
border-top:1px dotted #A0A0A0; 
border-left:1px dotted #A0A0A0; 
border-right:1px dotted #A0A0A0; }
	
.table_header {
	font-family: "Tahoma";
	font-size: 8pt;
	color:#ffffff;
	background-color: #a7a7a7;
}
.table_content_1 {
font-family: "Tahoma";
font-size: 8pt;
color:#fff;
/*background-color: #000;*/}

.table_content_2 {
font-family: "Tahoma";
font-size: 8pt;
color:#404040;
background-color: #f1f1f1;}

/* .header {  } */
.error { font-family: "Tahoma"; font-size: 8pt; color: #FF0000; }
.content {
font-family: "Tahoma";
font-size: 9pt;
color: #656565;}
.content1 {
font-family: "Tahoma";
font-size: 10pt;
color: #333;;
width:1000px;
margin: 5px 0px;
}
.link {font-family: "Tahoma"; font-size: 8pt; text-decoration:none; color: #e85c59; }

/* Footer */
#footer {width:407px; height: auto; float:left; vertical-align:top; text-align:right; padding-top:35px}
.footer {
font-family: Tahoma;
font-size: 9pt;
color: #01388b;
vertical-align:top;
line-height:130%;
text-align:right;
padding-top:12px;}
.footer a:link{color:#FFF;text-decoration:none;}
.footer a:visited{color:#FFF;text-decoration:none;}
.footer a:hover{color:#FF0; text-decoration: underline;}
.footer a:active{color:#FFF; text-decoration:none;}

/* Gallery */
#Container {border: 5px solid #e4cdc7;} /* �ͺ�Ҿ */
#CaptionContainer {background-color: #6b6679;} /* �����ѧ Detail */
#CaptionContainer p {color: #FFFFFF;} /* ���˹ѧ��� Detail */
#Counter {color: #FFFFFF;} /* ���˹ѧ��� Counter */
/* Search */

#search { background:url(../Images/ico_search_text.png) left top no-repeat;width:201px; height:43px; float:right; vertical-align:top;text-align:left;padding-left:63px;margin:11px 21px 28px 0px;}
.search { background:url(../Images/form_search.png) right top no-repeat; width:201px; height:26px; float:left; vertical-align:top; margin-top:12px}
.button_search{
width:35px;
height:34px;
background:url(../Images/ico_go.png) no-repeat center top;
text-align:center; margin-top:8px;
border: none;
cursor:pointer;
padding:0px;
}
.form_search {
width:150px;
height:12px;
background-color:#cb3a37;
border:1px #cb3a37 solid;
color:#fff;
font-size:11px;
font-weight:normal;
margin:5px 4px 5px 13px;
vertical-align:top;}

/*** ������� ***/
a:link{color:#656565;text-decoration:none;}
a:visited{color:#656565;text-decoration:none;}
a:hover{color:#e85c59; text-decoration: underline;}
a:active{color:#e85c59; text-decoration:none;}

#main{ width:1000px; margin: 0 auto ;} 
.logo { width:276px; height:89px; float:left;}
.clearb{ clear:both;}
.toparearight{ width:720px; height:auto; float:left; }
#lang{ width:126px; height:auto; float:right; text-align:right; padding-top:170px;}
#header{ width:873px; height:193px; float:left;}
#bodyall{ width:1000px; height:auto; background:#FFF;}
#sidemenu{ width:233px; height:auto; float:left;}
#footercustom{width:593px; height:89px; float:left;}
.toparea{ width:1000px; height:auto; }

#topmenu1{width:1000px; height:auto; margin-top:2px;}
#topmenu1 ul{ list-style:none; padding:0; margin:0; border-top:0px solid #bec9c5;}
#topmenu1 ul li{ list-style:none; padding:0; margin:0; float:left;	transition: all 0.4s; -moz-transition: all 0.4s; -webkit-transition: all 0.4s; -o-transition: all 0.4s;}
#topmenu1 ul li.tp-mn1{ background:url(../Images/topmenu.png) 0px 0px no-repeat; width:117px; height:40px;}
#topmenu1 ul li.tp-mn2{ background:url(../Images/topmenu.png) -117px 0px no-repeat; width:164px; height:40px;}
#topmenu1 ul li.tp-mn3{ background:url(../Images/topmenu.png) -281px 0px no-repeat; width:126px; height:40px;}
#topmenu1 ul li.tp-mn4{ background:url(../Images/topmenu.png) -407px 0px no-repeat; width:159px; height:40px;}
#topmenu1 ul li.tp-mn5{ background:url(../Images/topmenu.png) -566px 0px no-repeat; width:182px; height:40px;}
#topmenu1 ul li.tp-mn6{ background:url(../Images/topmenu.png) -748px 0px no-repeat; width:123px; height:40px;}
#topmenu1 ul li.tp-mn7{ background:url(../Images/topmenu.png) -871px 0px no-repeat; width:129px; height:40px;}

#topmenu1 ul li.tp-mn1:hover{ background:url(../Images/topmenu.png) -0px -40px no-repeat; }
#topmenu1 ul li.tp-mn2:hover{ background:url(../Images/topmenu.png) -117px -40px no-repeat; }
#topmenu1 ul li.tp-mn3:hover{ background:url(../Images/topmenu.png) -281px -40px no-repeat; }
#topmenu1 ul li.tp-mn4:hover{ background:url(../Images/topmenu.png) -407px -40px no-repeat; }
#topmenu1 ul li.tp-mn5:hover{ background:url(../Images/topmenu.png) -566px -40px no-repeat; }
#topmenu1 ul li.tp-mn6:hover{ background:url(../Images/topmenu.png) -748px -40px no-repeat; }
#topmenu1 ul li.tp-mn7:hover{ background:url(../Images/topmenu.png) -871px -40px no-repeat; }

.footercustomarea{ width:1000px; height:111px; background:url(../Images/bg-custom.png) no-repeat center top; }	
.fcustom01{ width:331px; height:111px; float:left;}
.fcustom02{ width:322px; height:111px; margin-left:6px; float:left;}
.fcustom03{ width:333px; height:111px;margin-left:8px; float:left;}
.bgfooter{ background:url(../Images/bg-footer.png) no-repeat center bottom; width:100%; height:auto;}
.footerarea{ width:1000px; height:auto;}
.fcustom04{ width:446px; height:94px; float:left;}
.footerarearight{ width:550px; height:auto; float:left;}