/* CSS Document */
* { margin:0; padding:0;}
html, body { height:100%; }
body {font-size:100%; line-height:1.1875em; min-width:980px}
html, input, textarea	{	font-family: "新細盟體","細明體", Arial, Helvetica, sans-serif; 
		color:#b5ab87;	}	

object { vertical-align:top; outline:none}
.alignMiddle{ vertical-align:middle}
.alignCenter{ text-align: center}
.container1{ width:100%;color:#fff;}
.container2{ width:100%;color:#292525;width:900px;
font-family: "標楷體", "新細盟體",Helvetica, sans-serif;
font-size:15px;letter-spacing:1px;line-height:25px;
}
.clear { clear:both;}
.fleft{ float:left}
.icon-link{ float:right; padding-top:18px;}
.icon-link img{ margin-left:10px;border:0px}
.fright{ float:right}
.img-left{margin-right:20px;padding-left:20px;}
.img-box{margin:10px 20px 10px 30px;}
.img-right {margin-left:20px;}
.img-right2 {margin-left:30px;}
div.container {position: relative;	overflow:hidden; width: 100%;}
a img{ border:0px}
img{ vertical-align:top;  }
fieldset{ border:0}

a{color:#b5ab87; text-decoration:underline; outline:none} 
a:hover{text-decoration:none}

.link{color:#8c724f; background:url(../images/marker.png) center left no-repeat; padding-left:18px; text-decoration:none; font-size:1em; line-height:1em }
.link2{color:#8c724f; background:url(../images/marker.png) center left no-repeat; padding-left:18px; text-decoration:none; font-size:1em; line-height:1em margin-right:10px;}
.link:hover{text-decoration:none; color:#ffa90b }
.link1{ color:#ffa90b}

#header .button{color:#8e724f; background:url(../images/button1.gif) top left no-repeat; width:115px; padding-left:36px; line-height:35px; display:block; float:left; text-decoration:none; font-size:22px; padding-bottom:6px  }
#header .button:hover{text-decoration:none; color:#000 }

#content ul{margin:0; padding:0; list-style:none; position:relative}
#content ul li{ width:100%; line-height:1px}
#content ul li a{background:url(../images/marker1.gif) top left no-repeat; background-position:0 9px; margin:0px; padding-left:16px; display:block; color:#b5ab87; text-decoration:none; line-height:1.2em; font-size:16px; padding-bottom:11px } 
#content ul li a:hover { text-decoration:none; color:#fdbb41 }

#content .ul{margin:0; padding:0; list-style:none; position:relative}
#content .ul li { line-height:1px}
#content .ul li a{background:url(../images/marker2.gif) top left no-repeat; background-position:0 13px; margin:0px; padding-left:16px; color:#fffad4; text-decoration:none; line-height:32px; font-size:16px; padding-bottom:0; height:32px} 
#content .ul li a:hover { text-decoration:none; color:#fff }

#page3 #content .ul,#page5 #content .ul{margin:0; padding:0; list-style:none; position:relative}
#page3 #content .ul li,#page5 #content .ul li { line-height:10px;}
#page3 #content .ul li a,#page5 #content .ul li a{background:url(../images/marker2.gif) top left no-repeat; background-position:0 13px; margin:0px; padding-left:16px; color:#000; text-decoration:none; line-height:22px; font-size:16px; padding-bottom:0; height:25px} 
#page3 #content .ul li a:hover,#page5 #content .ul li a:hover  { text-decoration:none; color:#fff }
.link-1 { display:block; float:left; background:url(../images/link_bg.gif) repeat-x left top; color:#ffffff; text-decoration:none; }
.link-1 em { display:block; background:url(../images/link_left.gif) no-repeat left top;}
.link-1  b { display:block; background:url(../images/link_right.gif) no-repeat right top; padding:0 15px 0 15px; line-height:28px; font-weight:normal; font-style:normal;}
.link-1:hover{ text-decoration:none; color:#000000}


/*header*/
#header {font-size:0.75em; color:#FFFFFF }
#header .logo{ margin:8px 0px 2px 12px;}
#header .indent{margin:77px 0px 0px 423px; position:absolute; width:580px}
#header .indent1{padding:0px 0px 0px 0px}

#header ul{margin:0; padding:0; list-style:none;}
#header ul li{ margin:0px; display:inline; padding:0; vertical-align:top}
#header ul li a{color:#c19f53; text-decoration:none; font-size:1.5em; font-style:italic; text-transform:none;  float:left; padding:0; margin:0; } 
#header ul li a  b { display:block; font-weight:normal; padding:0 20px 0 19px; line-height:35px}
#header ul li a em{ display:block; font-weight:normal; font-style:normal }

#header ul li a:hover { color:#f9e3de; text-decoration:none; background:url(../images/menu_bg.png) top left repeat-x;}
#header ul li a:hover b{ background:url(../images/menu_left.png) left top no-repeat;  }
#header ul li a:hover em{ background:url(../images/menu_right.png) right top no-repeat;}

#header ul .current a{ color:#ffffff; text-decoration:none; background:url(../images/menu_bg.png) top left repeat-x;}
#header ul .current a b{ background:url(../images/menu_left.png) left top no-repeat;  }
#header ul .current a em{ background:url(../images/menu_right.png) right top no-repeat; }

.bg-top{ background:url(../images/top.png) top left repeat-x #000; height:34px; }


.tail-top { z-index:100; position:relative;}
#login-wrapper .indent-wrapper {position:relative; z-index:0;}


/*=============================================================*/

#loopedSlider { 
	left:0px;
	top:0;
	width:555px;
	z-index:10; 
}
#loopedSlider .container { 
	width:555px; 
	height:384px; 
	overflow:hidden; 
	position:relative;
	background:#fff;
}
#loopedSlider .slides { 
	position:absolute; 
	top:0; 
	left:0;
}
#loopedSlider .slides div { 
	position:absolute;
	top:0;
	left:0; 
	width:555px; 
	height:384px;
}
#loopedSlider ul.pagination { 
	position:absolute;
	z-index:10000;
	background:#4693ae;
	height:378px;
	width:30px;
	right:0;
	top:0;
	padding-top:8px;
	padding-left:6px;
}
#loopedSlider ul.pagination li {
	padding:0;
	margin:0;
}
#loopedSlider ul.pagination li a { 
	width:22px;
	font-size:1px;
	height:30px; 
	padding:0;
	margin:0;
	background:url(../images/but-2.png) no-repeat left top;
}
#loopedSlider ul.pagination li a:hover,
#loopedSlider ul.pagination li.active a { 
	background:url(../images/but-1.png) no-repeat left top;
}


/*login-wrapper*/
#login-wrapper {font-size:1.5em; color:#b7b7b7 }
#login-wrapper .indent-wrapper{padding:10px 0px 0px 35px; width:350px; color:#986435; font-size:14px; line-height:1.6em;letter-spacing:3px;font-weight:500;}
#login-wrapper .indent-wrapper span{ color:#8a6d2d}
#login-wrapper .txt-1 span{ color:#313333}
#login-wrapper p{ margin:0px 0px 16px 0px}
#login-wrapper h1{color:#002c4d; font-size:1.0em; margin-top:30px;margin-bottom:13px; line-height:1.5em;padding-left:35px }

.img{ position:absolute; margin-left:424px}
.title{ position:absolute; margin:70px 0 0 22px}

#login-wrapper {
	height:384px;
	background:url(../images/bg_2.png) top left repeat-x;
	display:none;
}
	
	#login-reg-button1 {
	width:150px;
	text-align:right;
	margin:0px 0px 0px 830px;
	height:38px;
	font-family:Arial, Helvetica, sans-serif;
	color:#dbbe84;
	line-height:38px;	
	}
	
	* html #login-reg-button1 {line-height:34px; height:34px;}
	
	#login-reg-button1 a {
		color:#dbbe84;
		text-decoration:none;
		font-size:12px;
		padding:5px 60px 6px 0px;
		background:url(../images/button-2.gif) top right no-repeat
	}
	#login-reg-button1 a.active {
		color:#dbbe84;
		text-decoration:none;
		font-size:12px;
		padding:5px 60px 6px 0px;
		background:url(../images/button-1.gif) top right no-repeat
	}
	#page1 #login-reg-button1 a {
		color:#dbbe84;
		text-decoration:none;
		font-size:12px;
		padding:5px 60px 6px 0px;
		background:url(../images/button-1.gif) top right no-repeat
	}
	#page1 #login-reg-button1 a.active {
		color:#dbbe84;
		text-decoration:none;
		font-size:12px;
		padding:5px 60px 6px 0px;
		background:url(../images/button-2.gif) top right no-repeat
	}
	#login-reg-button1 b{ color:#dbbe84; display:none; font-weight:normal}
	#login-reg-button1 span{ color:#dbbe84; font-weight:normal}
	#login-reg-button1 a:hover {text-decoration:underline;}
	
	#login-reg-button1 a.active b { display:inline; font-weight:normal; }
	#login-reg-button1 a.active span { display:none;}

/*content*/
#content{ font-size:0.75em; width:100%; text-align:left; min-height:871px; height:auto !important;  height:871px}
#page3 #content{ font-size:0.75em; width:100%; text-align:left; min-height:690px; height:auto !important;  height:690px}
#page4 #content{ font-size:0.75em; width:100%; text-align:left; min-height:530px; height:auto !important;  height:530px}
#page5 #content{ font-size:0.75em; width:100%; text-align:left; min-height:690px; height:auto !important;  height:690px}
#content .indent-main{padding:0px 0px 0px 0px}
#content .indent-col{padding:23px 0px 0px 40px}
#content .indent-col1{padding:23px 0px 0px 0px}
#page2 #content .indent-col1{padding:23px 0px 0px 0px; font-size:14px;line-height:22px;}
#content .banner{  margin-top:46px}
#content .img-left{ float:left; margin:0px 26px 16px 0px}
#content .img-indent{ margin:0px 0px 16px 0px}
#content p{ margin:0px 0px 17px 0px}
#content .p{ margin:0}
#content .p1{ margin:0px 0px 17px 0px}
#content .p2{ margin:0px 0px 17px 0px}
#content h2{color:#fff; font-size:1.6em; margin-bottom:5px;padding-top:19px;line-height:1.5em; letter-spacing:2px;}
#content h2 span{color:#002c4d; display:block; margin-bottom:-19px;}
#content .color1 span{color:#ffae1a; display:block; margin-bottom:-19px}
#page2 #content h2{color:#fff; font-size:1.6em;margin-top:0px; line-height:1.5em; letter-spacing:2px;}
#page2 #content h2 span{color:#002c4d; display:block; margin-bottom:9px;}
#page3 #content h2 span,#page5 #content h2 span{color:#986435; display:block; margin-bottom:9px;padding-top:10px;}
#page2 #content .color1 span{color:#ffae1a; display:block; margin-bottom:9px}
#content .color2{color:#fff;}
#content h4{padding-top:20px;color:#000; font-size:1.2em; margin-bottom:13px; line-height:2em; letter-spacing:2px; }
#page3 #content h4{padding-top:10px;color:#000; font-size:14px; margin-bottom:13px; line-height:20px; letter-spacing:0px; }
#page5 #content h4{padding-top:0px;color:#8c724f;; font-size:12px; margin-bottom:13px; line-height:20px; letter-spacing:2px; }
#content .tail{ background:url(../images/tail.gif) bottom repeat-x; padding-bottom:31px; margin-bottom:20px}
#page3 #content .tail{ background:url(../images/tail.gif) bottom repeat-x; padding-bottom:10px; margin-bottom:20px}
.txt{ letter-spacing:-4px}
#content .bg2{	
  background:url(../images/bg.png) top left repeat-x;
}
#content .indent{padding:30px 0px 0px 0px}
#content .indent1{padding:120px 0px 0px 0px}
#content .indent2{padding:2px 0px 0px 0px;}

/*box*/
.box{ background:url(../images/title-bar-bg.png) top center no-repeat; width:100%;}
.box .indent-box{ padding:35px 35px 0px 27px; }
#page2 .box .indent-box{ padding:0px 35px 0px 27px; letter-spacing:2px;line-height:25px;color:#8a6d2d;font-size:14px;}
#content .box h2{margin-left:240px;}
#page2 #content .box h2{margin-left:200px;margin-bottom:20px;}
#page2 #content h4{margin-top: 0px; padding-top:0px;color:#000; font-size:1.2em; margin-bottom:13px; line-height:2em; letter-spacing:3px; }
#page2 #content h4 span{letter-spacing:1px; }
.newsbox{background:url(../images/newsbox-bg.png) top left no-repeat; width:100%; min-height:350px;height:auto; color:#fffad4; margin-bottom:0px;}
.newsbox .indent-box{ padding:60px 15px 20px 30px; color:#fff;width:440px;float:left}
#page6 .indent-box img{width: 230px;}
.newsbox .img-indent img{width: 100% !important;;}
.newsbox h2{font-size:20px;color:#fabc6b; padding: 20px 20px 10px 20px;margin-bottom:9px;letter-spacing:2px;}
.newsbox p{line-height:25px;margin-bottom:10px;letter-spacing:1px}
.newsbox span{font-weight: bold;color:#000;padding-left:25px; padding-right:10px;font-size:16px;}
.newsbox .link {background:url(../images/marker.png) center left no-repeat;color:#000;}
/*box1*/
.box1{background:url(../images/box1-bg.png) top left no-repeat; width:100%; color:#fffad4}
.box1 .indent-box{ padding:0px 0px 0px 32px; }
#content .box1 h2{margin-left:570px;color:#fff; letter-spacing:5px; font-size:1.5em; padding-top:15px;}
#content .box1 h2 a{color:#fff;text-decoration:none;}
#content .box1 h2 a:hover{color:#fff;text-decoration:underline;}
#page2 .box1{background:url(../images/box1-bg2.png) top left no-repeat; width:100%; color:#fffad4}
#page2 .box1 .indent-box{ padding:0px 0px 0px 32px; }
#page2  #content .box1 h2{margin-left:535px;color:#fff; letter-spacing:5px; font-size:1.5em; padding-top:15px;}
#page3 .box1,#page5 .box1{background:url(../images/box1-bg-page3.png) top left no-repeat; width:100%; color:#000;}
#page3 .box1 a,#page5 .box1 a{color:#000;}
#page3 .box1 .indent-box,#page5 .box1 .indent-box{ padding:0px 0px 0px 30px; }
#page3 .box1 .indent-box .container,#page5 .box1 .indent-box .container{ padding:10px 0px 0px 10px; }
#page3 .box1 .indent-box .container .ul,#page5 .box1 .indent-box .container .ul{line-height: 20px;}
/*box2*/
.box2{ background:url(../images/box2-bg.png) top left no-repeat; width:975px;}
.box2 .indent-box{ padding:0px 35px 20px 27px;}
.box2 p{font-size:13pt;text-align:justify}
#page3 .box2,#page5 .box2{ background:url(../images/bg.png) top left repeat #fff; width:975px;}
#content .box2 h2{margin-left:95px;padding-top:5px;margin-bottom:28px;}
#page3 .box2 h2,#page5 .box2 h2{width:100%; margin-left:10px;}
#page3 .newsbox{ background: #fafafa;}
#page3 .newsbox .indent-box{ padding:20px 35px 20px 27px;color:#111;}
#content .box2 h3{margin-left:50px;padding-top:8px;margin-bottom:30px;color:#fff;}
.img-title {float:right;padding-right:50px;}
#page4 .box .indent-box{ padding:35px 0px 0px 0px; }
#page4 .box .indent-box p{ font-size:14px; line-height:25px;letter-spacing:1px; }
#page4 .col-3, #page4 .col-3 h3{color:#000;}
/*footer*/
#footer { color:#000; text-transform:uppercase; font-size:0.75em; background:url(../images/bot_bg.gif) top repeat-x ; }
#footer .indent-footer{ padding:18px 37px 0px 32px;}
#footer a {color:#fff7d3; text-decoration:none}  
#footer a:hover {  text-decoration:underline}
.bot-left{ background:url(../images/bot_left.gif) top left no-repeat}
.bot-right{ background:url(../images/bot_right.gif) top right no-repeat; height:63px}

#footer ul{margin:0; padding:0; list-style:none;}
#footer ul li{ margin:0px; display:inline; background:url(../images/bg_li.gif) center right no-repeat; float:left}
#footer ul li a{color:#111; font-style:normal; text-decoration:none; display:block; float:left; padding:2px 16px 2px 16px;} 
#footer ul li a:hover { text-decoration: underline; color:#333; }
#footer ul .first a{ padding-left:3px}
#footer ul .last{background:none;}
#footer ul .last a{ padding-right:0px}
#footer ul li .current{ text-decoration:underline; color:#f2dda9  }

.jamp{ width:40px; margin-left:6px}
select{font-size:.84em; color:#2d3331; height:20px}
	
.indent-2{ position:relative; padding-left:20px; float:left}
.h{ height:41px; background:url(../images/bg_input.gif) top left no-repeat}
.h2{ height:51px; background:url(../images/bg_input2.gif) top left no-repeat}
.h3{ height:263px; background:url(../images/bg_input1.gif) top left no-repeat}
.h1{ height:30px; background:url(../images/bg_input.gif) top left no-repeat}
.block-contact span{ float:right; margin-right:40px}
.input{
   	border:none; 
	background:none;
	width:220px; height:18px;
	font-size:1em;
	color:#b5ab87;
	font-weight:bold;
	padding-left:18px;
	padding-top:7px;
	padding-bottom:5px;
}.input1{
   	border:none; 
	background:none;
	width:190px; height:18px;
	font-size:1em;
	color:#b5ab87;
	font-weight:bold;
	padding-left:18px;
	padding-top:7px;
	padding-bottom:5px;
}
textarea{
   	border:none; 
	background:none;
	width:220px; height:230px;
	font-size:1em;
	color:#b5ab87;
	font-weight:bold;
	padding-left:18px;
	padding-top:7px;
	padding-bottom:5px;
	margin-bottom:11px;
	overflow:auto}