@charset "windows-874";
/* CSS Document */
html, body {
margin:0 auto;
padding:0;
background:#f7faef url(../Images/bg_body.jpg) center top no-repeat;
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;}
	
#topmenu {
width:655px;
height:25px;
text-align:right;
padding: 21px 10px 39px 5px;
text-shadow: #025b8a 1px 1px 1px;
float:right;
position:relative;
}

.topmenu {
font-family:"Tahoma", Verdana, Arial, Helvetica, sans-serif;
color:#fff;
font-size:10pt;
text-decoration: none;
font-weight: normal;
line-height:180%;}
.topmenu a:link{color:#fff;text-decoration:none;}
.topmenu a:visited{color:#fff;text-decoration:none;}
.topmenu a:hover{color:#fffc00; text-decoration: underline;}
.topmenu a:active{color:#fffc00; text-decoration:none;}


#leftmenu {width:233px; height:auto; position:relative;}
.leftmenu {
font-family:"Tahoma", Verdana, Arial, Helvetica, sans-serif;
font-size:10pt;
line-height:130%;
padding:0px 10px 0px 55px;
color: #000;}
.leftmenu a:link{color:#000;text-decoration:none;}
.leftmenu a:visited{color:#000;text-decoration:none;}
.leftmenu a:hover{color:#c70000; text-decoration: underline;}
.leftmenu a:active{color:#c70000; 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: #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:#685737; margin:0 5px;}
.b2h, .b2bh {height:1px; background:#685737; border-right:2px solid #685737; border-left:2px solid #685737; margin:0 3px;}
.b3h, .b3bh {height:1px; background:#685737; border-right:1px solid #685737; border-left:1px solid #685737; margin:0 2px;}
.b4h, .b4bh {height:2px; background:#685737; border-right:1px solid #685737; border-left:1px solid #685737; margin:0 1px;}
.b2bh, .b3bh, .b4bh {background: #685737;}
.headh {background: #685737; border-right:1px solid #685737; border-left:1px solid #685737;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 #685737; 
border-right:1px solid #685737; 
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:#685737;
	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: #000;
line-height: 16px;
padding-left: 0px;
padding-right: 0px;}
.link {font-family: "Tahoma"; font-size: 8pt; text-decoration:none; color: #c16800; }

/* Footer */
#footer {
background:url(../Images/bar_d_004.gif) center top no-repeat;
width:735px; height: 69px; text-align:right; float:left; position:relative;padding:15px 205px 0px 10px;}

.footer {
font-family: Tahoma;
font-size: 7pt;
color: #5d5d5d;
text-align:center;
vertical-align:top;
line-height: 19px;}
.footer a:link{color:#5d5d5d;text-decoration:none;}
.footer a:visited{color:#5d5d5d;text-decoration:none;}
.footer a:hover{color:#0073cc; text-decoration: underline;}
.footer a:active{color:#0073cc; 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:290px; height:28px; text-align:left; float:left; position:relative; padding:6px 0px 5px 0px; vertical-align:top;}

.button_search{
border: none;
cursor:pointer;
padding:0px;
}
.form_search {
vertical-align:top;
border:1px #d6dfe7 solid;
color:#666666;
font-size:11px;
font-weight:normal;
}

/*** à¾ÔèÁàµÔÁ ***/
.org {
font-family: Tahoma;
font-size: 7pt;
color: #e77200;
text-align:center;
font-weight:bold;
vertical-align:top;
line-height: 19px;}
.org a:link{color:#e77200;text-decoration:none;}
.org a:visited{color:#e77200;text-decoration:none;}
.org a:hover{color:#0073cc; text-decoration: underline;}
.org a:active{color:#0073cc; text-decoration:none;}

a:link{color:#000;text-decoration:none;}
a:visited{color:#000;text-decoration:none;}
a:hover{color:#003fa6; text-decoration: underline;}
a:active{color:#003fa6; text-decoration:none;}

#body { width:950px; height:auto; margin:0 auto;}
#top { width:950px; height:85px; float:left; vertical-align:top; position:relative;}
#logo { background:url(../Images/01.jpg) center top no-repeat; width:280px; height:85px; float:left; position:relative;}
#banner{ background:url(../Images/02.jpg) center top no-repeat; width:950px; height:415px; float:left; position:relative; vertical-align:top;}
#bar_menuB { width:772px; height:75px; float:left; vertical-align:top;position:relative; padding:0px 89px 0px 89px;}
#filter { background:url(../Images/bar_b_001.png) center top no-repeat; width:184px; height:15px; float:left;}
#bottom { width:950px; height:43px; float:left; vertical-align:top; text-align:center; position:relative;}
#bar_search { width:774px; height:39px; float:left; text-align:left; position:relative;}
#bar_searchL { background:url(../Images/bar_search_001.png) left top no-repeat; width:18px; height:39px; float:left;}
#bar_searchR { background:url(../Images/bar_search_003.png) right top no-repeat; width:21px; height:39px; float:left;}
#bar_searchText { background:url(../Images/bar_search_002.png) center top repeat-x; width:auto; height: auto; float:left;}
#member { width:445px; height:24px; float:left; text-align:right; position:relative; padding:10px 0px 5px 0px;}
#live_chat { width:176px; height: auto; float:right; position:relative;}
#detail { width:950px; height:auto; float:left; position:relative;}
#detailTop { background:url(../Images/bar_d_001.gif) center top no-repeat;width:950px; height:41px; float:left;}
#detailText { background:url(../Images/bar_d_002.gif) center top repeat-y; width:950px; height:auto; float:left; vertical-align:top; text-align:left; position:relative;}
#detailTextB { background:url(../Images/bar_d_003.jpg) bottom center no-repeat; width:890px; height: auto; float:left; vertical-align:top; text-align:left; position:relative; padding:0px 30px 159px 30px;}

#all { width:184px; height:75px; vertical-align:top; text-align:left; position:relative; float:left; margin-right:12px;}
#all2 { width:184px; height:75px; vertical-align:top; text-align:left; position:relative; float:left;}
#imgmenu { width:184px; height:60px; float:left; vertical-align:top;}