@charset "utf-8";
/* CSS Document */
body {
margin:0;
padding:0;
background:#e2020e url(../Images/bg-top.png) no-repeat center top;
height: auto;}
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;}
td {/*vertical-align:top;*/}

.textb { font-family: "Tahoma"; font-size: 8pt; color: #454545; }
.textw { font-family: "Tahoma"; font-size: 8pt; color: #FFFFFF; }
img {border:none;text-align: center;}
	
/** ������� **/	
#topmenu {
	font-family: "Tahoma";
	font-size: 8pt;
	text-decoration:none;
	color: #FFF;
	text-align: left;
	font-weight: normal;
	width:100%;
	height :24px;
	padding-top: 10px;
	margin:0px;
	background:url(../Images/bg-topm.png) repeat-x center top;
	/* text-shadow: #4a3d32 1px 1px 1px; */
}
.topmenu a {
	font-size: 8pt;
	text-decoration:none;
	font-weight: normal;
	color:#FFF ;
}
.topmenu a:hover {
	font-size: 8pt;
	color:#FC0;
	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:#454545;
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:#454545;
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;
padding:10px;
width:980px;
}
.link {font-family: "Tahoma"; font-size: 8pt; text-decoration:none; color: #e85c59; }

/* Footer */
#footer {width:auto; height: auto; vertical-align:top; text-align:left; padding:5px 0px;}
.footer {
font-family: Tahoma;
font-size: 9pt;
color: #FFF;
vertical-align:top;
line-height:130%;}
.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;}

/*** ������� ***/

#main{ width:1000px; margin: 0 auto ;} 
.logo { width:182	px; height:169px; margin-left: 9px; float:left;}
.clearb{ clear:both;}
.toparealeft{ width:auto; height:auto; float:left;}
.toparearight{ width:auto; height:auto; float:right; }
#topcustomarea{ width:100%; height:179px; background:url(../Images/bg-customtop.png) no-repeat center top;}
#topcustom01{ width:323px; height:147px; margin:15px 0px 0px 9px;; float:left;}
#topcustom02{ width:324px; height:147px; margin:15px 0px 0px 5px; float:left;}
#topcustom03{ width:323px; height:154px; margin:8px 0px 0px 5px;  float:left;}
#lang{ width:45px; height:auto; padding:15px 0px 0px 7px; float:left;}
#header{ width:980px; height:353px; padding: 15px 11px 20px 9px;}
#bodyall{ width:100%; height:auto; background:#FFF;}
#sidemenu{ width:233px; height:auto; float:left;}
#footercustom{width:272px; height:99px; float:right;}
#footerarea{ width:100%; height:115px; background:url(../Images/bg-footer.png) no-repeat center top;}

#topmenu1{width:314px; height:41px; padding : 2px 0px 0px 73px;}
#topmenu1 ul{ list-style:none; padding:0px; margin:0px 0px 0px 0px; 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:106px; height:41px;}
#topmenu1 ul li.tp-mn2{ background:url(../Images/topmenu.png) -106px 0px no-repeat; width:104px; height:41px;}
#topmenu1 ul li.tp-mn3{ background:url(../Images/topmenu.png) -210px 0px no-repeat; width:104px; height:41px;}

#topmenu1 ul li.tp-mn1:hover{ background:url(../Images/topmenu.png) -0px -41px no-repeat; }
#topmenu1 ul li.tp-mn2:hover{ background:url(../Images/topmenu.png) -106px -41px no-repeat; }
#topmenu1 ul li.tp-mn3:hover{ background:url(../Images/topmenu.png) -210px -41px no-repeat; }

#topmenuen{width:314px; height:41px; padding : 2px 0px 0px 73px;}
#topmenuen ul{ list-style:none; padding:0px; margin:0px 0px 0px 0px; border-top:0px solid #bec9c5;}
#topmenuen 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;}
#topmenuen ul li.tp-mn1{ background:url(../Images/topmenuen.png) 0px 0px no-repeat; width:75px; height:41px;}
#topmenuen ul li.tp-mn2{ background:url(../Images/topmenuen.png) -75px 0px no-repeat; width:108px; height:41px;}
#topmenuen ul li.tp-mn3{ background:url(../Images/topmenuen.png) -183px 0px no-repeat; width:131px; height:41px;}

#topmenuen ul li.tp-mn1:hover{ background:url(../Images/topmenuen.png) -0px -41px no-repeat; }
#topmenuen ul li.tp-mn2:hover{ background:url(../Images/topmenuen.png) -75px -41px no-repeat; }
#topmenuen ul li.tp-mn3:hover{ background:url(../Images/topmenuen.png) -183px -41px no-repeat; }

#footerleftarea{ width:717px; height:auto; float:left;}
#iccustom{ width:36px; height:38px; float:left; padding:1px;}