@charset "UTF-8";
@import url("layout.css");
@import url("niftyCorners.css");
@import url("jquery.lightbox-0.5.css");

body, html {background-color: #fff;}
#mainContainer {background-color: #fff;}

body {
	font-family: Arial, "新細明體", Mingliu, taipei;
	color: #6D5701;
	font-size: 0.85em;
}
#white {color: #fff;}
#red {color: #ff0000;font-weight: bold;}

#header #banner_3, #header_index #banner_3 {/*language switch*/
	float: right;
	position: relative; top: 17px;
	margin-bottom: -18px; margin-right: 18px;
	/*width: 150px;*/
	color: #977905;
	text-align: right; vertical-align: middle;
}
#header_index #banner_3 {top: -130px;}
#archive_index {position: relative; top: 3px; font-family: Arial, "新細明體", Mingliu, taipei;font-size: 85%;}

#header #banner_4 {/*4 circle*/
	float: right;
	position: relative; left: 25px; top: 56px;
	width: 200px; height: 90px;
}

#MB0 {display: block; width: 150px; padding: 5px 0px 8px 35px; line-height: 100%;}
#MB1 {display: block; width: 150px; padding: 5px 0px 2px 35px; line-height: 100%;}
#MB2 {display: block; width: 135px; padding: 5px 0px 2px 50px; line-height: 100%;}

#SM0 {margin-left: 35px; font-size: 100%;}
#SM1 {
	display:none;
	/*padding-left: 35px;*/
	margin-bottom: 10px;
	font-size: 90%;
	-webkit-border-radius: 0em 0.5em 0.5em 0em;
	-moz-border-radius: 0em 0.5em 0.5em 0em;
}
#SM2 {
	display:none;
	font-size: 95%;
	/*padding-left: 15px;*/
}

.contentArea {padding: 0px 0px 0px 20px;}
.contentArea .title {float: right; font-size: 175%; font-weight: normal; padding-right: 25px; color: #6D5701;}
.contentArea .subtitle {font-size: 130%; font-weight: bold;}
.contentArea .para {font-size: 100%; font-weight: bold;}
.contentArea .picDesc {font-size: 80%;}
.contentArea .TEXTS {padding: 20px 20px 0px 0px; font-size: 100%; color: #6D5701; line-height: 170%; }
.contentArea .TEXTS_index {margin: 0px 20px 0px 0px;}
.contentArea ol, .contentArea ul {margin-left: 25px;}
.contentArea a, .contentArea p, .contentArea font, .contentArea span, .contentArea div, .contentArea b, .contentArea i, .contentArea u, .contentArea table, .contentArea td {
	font-family: Arial, "新細明體", PMingLiU;
	font-size: 100%;
	color: #6D5701;
}
.contentArea sup {position: relative; top: 0px; line-height: 1px;}
.contentArea .input {margin-top: 3px; width: 20em; height: 1.5em;}
.contentArea .txtarea {margin: 0.15em 0em 0.3em 0em; width: 16.65em; height: 8.5em;}
.txtrow {float: left; display: block; clear: both;}
.txtpic {float: right; display: block; clear: both;}

.tbl_desc {padding: 0px 20px 0px 0px;}
#tbl_pic img {border: none; padding: 0px 0px 10px 0px}
.tbl_desc_pic {/*font-style: italic;*/}











/* ALL backgrounds START */
#header #banner_1 {display: block; width: 564px; height: 136px; float: left; background: url("../images/banner_01.jpg") no-repeat top left;}
#header #banner_2 {display: block; width: 216px; height: 136px; float: left; background: url("../images/banner_02v2.jpg") no-repeat top left;}
#header_index #banner_1 {display: block; width: 780px; height: 142px; float: left; background: url("../images/banner_index.jpg") no-repeat top left;}


.the_menu1 {z-index: 100; background: #FFCA08 url("../images/bg_menu1.jpg") no-repeat bottom right;}
.the_menu2 {z-index: 100; background: #FFCA08 url("../images/bg_menu2.jpg") no-repeat bottom right;}
.the_menu3 {z-index: 100; background: #FFCA08 url("../images/bg_menu3.jpg") no-repeat bottom right;}
.the_menu4 {z-index: 100; background: #FFCA08 url("../images/bg_menu4.jpg") no-repeat bottom right;}
.the_menu5 {z-index: 100; background: #FFCA08 url("../images/bg_menu5.jpg") no-repeat bottom right;}

#line_dot {background: #FFCA08 url("../images/line_dot.gif") repeat-x top left;}
#line_dot #line_cup {
	background: #FFCA08 url("../images/line_cup.gif") no-repeat top left;
	display: block;width: 33px; height: 14px;
	position: relative; top: 1px; left: 28px;
}
#footer #logo {
	background: #FFCA08 url("../images/logo_footer2.jpg") no-repeat 28px 0px;
	display: block; height: 25px;
	position: relative; top: 3px;
	padding: 5px 18px 0px 0px;
	font-size: 80%;text-align: right;
}
#MINT {color: #33cc33;}

#B4I .B4_i01 {display: block; width: 158px; height: 60px; overflow: hidden; background: url("../images/button_index_01.gif") no-repeat 0px 0px;}
#B4I .B4_i02 {display: block; width: 158px; height: 65px; overflow: hidden; background: url("../images/button_index_02.gif") no-repeat 0px 0px;}
#B4I .B4_i03 {display: block; width: 158px; height: 64px; overflow: hidden; background: url("../images/button_index_03.gif") no-repeat 0px 0px;}
#B4I .B4_i04 {display: block; width: 158px; height: 56px; overflow: hidden; background: url("../images/button_index_04.gif") no-repeat 0px 0px;}

#B4C .B4_c01 {float: left; display: block; width: 42px; height: 38px; overflow: hidden; background: url("../images/button_top_01.gif") no-repeat 0px 0px;}
#B4C .B4_c02 {float: left; display: block; width: 39px; height: 38px; overflow: hidden; background: url("../images/button_top_02.gif") no-repeat 0px 0px;}
#B4C .B4_c03 {float: left; display: block; width: 45px; height: 38px; overflow: hidden; background: url("../images/button_top_03.gif") no-repeat 0px 0px;}
#B4C .B4_c04 {float: left; display: block; width: 31px; height: 38px; overflow: hidden; background: url("../images/button_top_04.gif") no-repeat 0px 0px;}

/* ALL backgrounds END */













/* mouse over color & effects START */
a {text-decoration: none; cursor: pointer; outline: none;}

#banner_3 a, #banner_3 a:link, #banner_3 a:visited, #banner_3 a:hover, #banner_3 a:active {color: #977905;}
#archive_index a,  #archive_index a:link,  #archive_index a:visited,  #archive_index a:hover,  #archive_index a:active{color: #8b0304;}

#menu {font-weight: bold;}
#menu a, #menu a:link, #menu a:visited, #SM0 a, #SM0 a:link, #SM0 a:visited {color: #6D5701; line-height: 200%;}
#menu a:hover, #SM0 a:hover, #menu a:active, #SM0 a:active {color: #fff; line-height: 200%;}
#SM1 a, #SM1 a:link, #SM1 a:visited, #SM2 a, #SM2 a:link, #SM2 a:visited {color: #fff; line-height: 160%;}
#SM1 a:hover, #SM2 a:hover, #SM1 a:active, #SM2 a:active {color: #D3A907; line-height: 160%;}

#B4I a:hover {background-position: -242px 0px;}
#B4C a:hover {background-position: 0px -53px;}

#logo a, #logo a:link, #logo a:visited, #logo a:hover, #logo a:active {font-size: 100%;}

.contentArea a {/*color: #6D5701;*/ color: #fff; font-weight: bold;}

/* mouse over color & effects END */