@charset "windows-874";
/* CSS Document */
body {
margin:0;
padding:0;
background:#cfcfcf url(../Images/bgbody.jpg) no-repeat center top;
height: auto;}

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

.textb { font-family: "Tahoma"; font-size: 8pt; color: #424242; }
.textw { font-family: "Tahoma"; font-size: 8pt; color: #FFFFFF; }
img {border:none;text-align: center;}
	
/** à¾ÔèÁàµÔÁ **/
/** th  **/
.topmenu { background:url(../Images/topmenu_th.jpg) left top no-repeat; width:720px; height:34px; float:left; vertical-align:top; top:33px; right:25px;position:absolute}
.topmenu ul {
	margin:0px;
	padding:0px;
	height:34px;
	list-style-type:none;
	}
.topmenu li {
	margin:0px;
	padding:0px;
	height:34px;
	float:left;
	}
.topmenu li:after { content: ""; display: table; clear: both;}
.topmenu li span {display:none;}
.topmenu li a {display:block;height:34px;}

.topmenu .home-th{
	width:101px;
	height:34px;
	background-image:url(../Images/topmenu_th.jpg);
	background-position:-0px -0px;}
.topmenu .home-th:hover{background-position:-0px -34px;}
.topmenu .port1-th {
	width:120px;
	height:34px;
	background-image:url(../Images/topmenu_th.jpg);
	background-position:-101px -0px;}
.topmenu .port1-th:hover {background-position:-101px -34px;}
.topmenu .port2-th {
	width:110px;
	height:34px;
	background-image:url(../Images/topmenu_th.jpg);
	background-position:-221px -0px;}
.topmenu .port2-th:hover {background-position:-221px -34px;}
.topmenu .port3-th {
	width:204px;
	height:34px;
	background-image:url(../Images/topmenu_th.jpg);
	background-position:-331px -0px;}
.topmenu .port3-th:hover {background-position:-331px -34px;}
.topmenu .about-th {
	width:87px;
	height:34px;
	background-image:url(../Images/topmenu_th.jpg);
	background-position:-535px -0px;}
.topmenu .about-th:hover {background-position:-535px -34px;}
.topmenu .contact-th {
	width:98px;
	height:34px;
	background-image:url(../Images/topmenu_th.jpg);
	background-position:-622px -0px;}
.topmenu .contact-th:hover {background-position:-622px -34px;}

#leftmenu { width:200px; height:auto; float:left; vertical-align:top; text-align:center; margin-bottom:5px}
#bgLD { background:url(../Images/bg_l_001.gif) center top repeat-y; width:200px; height:auto; float:left; vertical-align:top}
#bgLB { background:url(../Images/bg_l_002.gif) center bottom no-repeat; width:200px; height:auto; float:left; vertical-align:bottom; padding-bottom:25px}
.leftmenu { text-align:left;width:200px;
font-family:"Tahoma", Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
line-height: 20px; font-weight: normal;
color: #ffffff;}
.leftmenu a:link {color:#ffffff;text-decoration:none;}
.leftmenu a:visited {color:#ffffff;text-decoration:none;}
.leftmenu a:hover {color:#ffffff;text-decoration:none;}
.leftmenu a:active {color:#ffffff;text-decoration:none;}
ul#topnav {
	margin: 0; padding: 0;
	float:left;
	width: 200px;
	list-style: none;
}
ul#topnav li{
	height:29px; 
	width:200px;
	float: left;
	margin: 0; padding-top:2px;
	position: relative;
}
ul#topnav li:hover, #current a  {
	background:url(../Images/bg_over_left.png) no-repeat left top;
	height:29px; 
	width:200px;
	float: left;
	margin: 0; padding-top:2px;
	position: relative;
	/*text-indent: -9999px;*/}


#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: #404040;}
.submenu a {text-decoration:none;color:#404040;}
.submenu a:hover {color:#eb8bb6;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:#424242;
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:#424242;
background-color: #f1f1f1;}

/* .header {  } */
.error { font-family: "Tahoma"; font-size: 8pt; color: #FF0000; }
.content {
font-family: "Tahoma";
font-size: 9pt;
color: #3d3d3d;}
.content1 {
font-family: "Tahoma";
font-size: 9pt;
color: #3d3d3d;}
.link {font-family: "Tahoma"; font-size: 8pt; text-decoration:none; color: #2c7d00; }

/* Footer */
#footer { background-color:#246708;width:100%; height: auto; float:left; padding:20px 0px 10px 0px; min-width:950px;}
.footer { width:950px; height:auto; margin:0 auto;text-align:right;
font-family: Tahoma;
font-size: 8pt;
color: #dedede;
vertical-align:top;
line-height: 19px;}
.footer a:link{color:#dedede;text-decoration:none;}
.footer a:visited{color:#dedede;text-decoration:none;}
.footer a:hover{color:#fff; text-decoration: underline;}
.footer a:active{color:#fff; text-decoration:none;}

/* Gallery */
#Container {border: 5px solid #6b6679;} /* ¢ÍºÀÒ¾ */
#CaptionContainer {background-color: #6b6679;} /* ¾×é¹ËÅѧ Detail */
#CaptionContainer p {color: #FFFFFF;} /* µÑÇ˹ѧÊ×Í Detail */
#Counter {color: #FFFFFF;} /* µÑÇ˹ѧÊ×Í Counter */
/* Search */

#search { width:604px; height:25px; float:right; vertical-align:baseline;text-align:right; margin:13px 15px 0px 0px}
.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:18px;
border:1px #a9a290 solid;
color:#666666;
font-size:11px;
font-weight:normal;
margin-bottom:5px;
vertical-align:top;}

/*** à¾ÔèÁàµÔÁ ***/
a:link{color:#3d3d3d;text-decoration:none;}
a:visited{color:#3d3d3d;text-decoration:none;}
a:hover{color:#2c7d00; text-decoration: underline;}
a:active{color:#2c7d00; text-decoration:none;}

.bt_form {
background-color:#4b4b4b;
color:#fff;
cursor:pointer;
font-weight:bold;
vertical-align:top;
border:none;
width:30px;
height:22px; margin:0px 0px 0px 1px}
.bt_form:hover {background-color:#000;}

#main { width:1000px; height:auto; margin:0 auto}
#header { width:1000px; height:480px; float:left; vertical-align:top;position: relative}
#ban_01 { width:255px; height:auto; vertical-align:top; float:left; position:absolute; top:0; left:0; z-index:999}
#ban_02 { width:1000px; height:auto; float:left; vertical-align:top; position: relative; top:67px}
#ban_03 {width:270px; height:auto; float:left; vertical-align:top; margin-right:41px}
#ban_04 {width:282px; height:auto; float:left; vertical-align:top; margin-right:43px}
#ban_05 {width:282px; height:auto; float:left; vertical-align:top;}
#bg_banner { background:url(../Images/bg_ban1.png) center top no-repeat; width:918px; height:265px; float:left; vertical-align:top; margin:0px 20px; padding:14px 20px 24px 22px}

#bgD1 { background:url(../Images/img_d_001.gif) right top no-repeat; width:955px; height:auto; float:left; vertical-align:top;}
#bgD2 { background:url(../Images/img_d_002.gif) right top repeat-y; width:955px; height:auto; float:left; vertical-align:top; margin:0px 20px 0px 25px}
#bgD3 { background:url(../Images/img_d_003.gif) right bottom no-repeat; width:955px; height:auto; float:left; vertical-align:bottom; padding-bottom:33px}

#detail { width:935px; height:auto; float:left; vertical-align:top; margin:11px 20px 0px 0px}
#left { width:200px; height:auto; float:left; vertical-align:top; margin-right:5px}
#right { width:705px; height:auto; float:right; vertical-align:top; margin:20px 0px 0px 25px}
#bgLeft { width:200px; height:auto; float:left; vertical-align:top; text-align:center;}
#flag { background:url(../Images/bg_lang.png) center top no-repeat;width:108px; height:25px;vertical-align:top; text-align:center; padding:4px 11px 4px 15px; right:40px;margin-bottom:11px ; position:absolute; color:#ededed; font-size:11px;font-family: "Tahoma";}