*
{
padding: 0em;
margin: 0em;
}
.readmore
{
text-align: right;
margin: 1em 0;
}
.readmore a
{
padding: 0.1em 1.2em;
background-color: #D0E7D4;
color:#6AAC99;
text-align: center;
text-decoration: none;
border: 1px solid #D0E7D4;
}
.readmore a:hover
{
background-color: #FEFEFE;
}

#marquee
{
position: relative;
top: -20px;
color: #392B23;
}

#marquee a
{
color: #392B23;
text-decoration: none;
}
#marquee a:hover
{
color: #000;
}

#focus
{
margin-top: 0em;
margin-bottom: 0.5em;
}

#focus .focusitem
{
margin-top: 0em;
margin-bottom: 0.5em;
}

#focus a
{
display : inline-block;
width: 210px;
height: 28px;
padding-left: 0.5em;
line-height: 180%;
border-radius: 4px; /* Opera 10.5+ */
behavior: url('../CSS3PIE/PIE.htc');
-moz-border-radius: 4px; /* Firefox */
-webkit-border-radius: 4px; /* Safari 和 Chrome */

text-decoration: none;
font-weight: bold;


}

.f1 a
{
color: #392B23;
border: 1px solid #ABAAB2;
background: rgb(166,182,205); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(166,182,205,1) 0%, rgba(124,137,156,1) 50%, rgba(94,116,137,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(166,182,205,1)), color-stop(50%,rgba(124,137,156,1)), color-stop(100%,rgba(94,116,137,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(166,182,205,1) 0%,rgba(124,137,156,1) 50%,rgba(94,116,137,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(166,182,205,1) 0%,rgba(124,137,156,1) 50%,rgba(94,116,137,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(166,182,205,1) 0%,rgba(124,137,156,1) 50%,rgba(94,116,137,1) 100%); /* IE10+ */
background: linear-gradient(top,  rgba(166,182,205,1) 0%,rgba(124,137,156,1) 50%,rgba(94,116,137,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6b6cd', endColorstr='#5e7489',GradientType=0 ); /* IE6-9 */

}

.f2 a
{
color: #392B23;
border: 1px solid #D2B5AF;
background: rgb(236,181,176); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(236,181,176,1) 0%, rgba(210,165,159,1) 50%, rgba(184,127,120,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(236,181,176,1)), color-stop(50%,rgba(210,165,159,1)), color-stop(100%,rgba(184,127,120,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(236,181,176,1) 0%,rgba(210,165,159,1) 50%,rgba(184,127,120,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(236,181,176,1) 0%,rgba(210,165,159,1) 50%,rgba(184,127,120,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(236,181,176,1) 0%,rgba(210,165,159,1) 50%,rgba(184,127,120,1) 100%); /* IE10+ */
background: linear-gradient(top,  rgba(236,181,176,1) 0%,rgba(210,165,159,1) 50%,rgba(184,127,120,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ecb5b0', endColorstr='#b87f78',GradientType=0 ); /* IE6-9 */

}

.f3 a
{
color: #392B23;
border: 1px solid #7A98B2;
background: rgb(79,150,181); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(79,150,181,1) 0%, rgba(66,144,178,1) 50%, rgba(28,99,129,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(79,150,181,1)), color-stop(50%,rgba(66,144,178,1)), color-stop(100%,rgba(28,99,129,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(79,150,181,1) 0%,rgba(66,144,178,1) 50%,rgba(28,99,129,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(79,150,181,1) 0%,rgba(66,144,178,1) 50%,rgba(28,99,129,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(79,150,181,1) 0%,rgba(66,144,178,1) 50%,rgba(28,99,129,1) 100%); /* IE10+ */
background: linear-gradient(top,  rgba(79,150,181,1) 0%,rgba(66,144,178,1) 50%,rgba(28,99,129,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4f96b5', endColorstr='#1c6381',GradientType=0 ); /* IE6-9 */

}

.f4 a
{
color: #392B23;
border: 1px solid #9FC5B8;
background: rgb(140,201,186); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(140,201,186,1) 0%, rgba(117,186,168,1) 50%, rgba(86,153,136,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(140,201,186,1)), color-stop(50%,rgba(117,186,168,1)), color-stop(100%,rgba(86,153,136,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(140,201,186,1) 0%,rgba(117,186,168,1) 50%,rgba(86,153,136,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(140,201,186,1) 0%,rgba(117,186,168,1) 50%,rgba(86,153,136,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(140,201,186,1) 0%,rgba(117,186,168,1) 50%,rgba(86,153,136,1) 100%); /* IE10+ */
background: linear-gradient(top,  rgba(140,201,186,1) 0%,rgba(117,186,168,1) 50%,rgba(86,153,136,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8cc9ba', endColorstr='#569988',GradientType=0 ); /* IE6-9 */

}

.f1 a:hover, .f1 a.hover
{
border: 1px solid #ABAAB2;
background: rgb(166,182,205); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(166,182,205,1) 0%, rgba(137,155,177,1) 50%, rgba(237,205,122,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(166,182,205,1)), color-stop(50%,rgba(137,155,177,1)), color-stop(100%,rgba(237,205,122,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(166,182,205,1) 0%,rgba(137,155,177,1) 50%,rgba(237,205,122,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(166,182,205,1) 0%,rgba(137,155,177,1) 50%,rgba(237,205,122,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(166,182,205,1) 0%,rgba(137,155,177,1) 50%,rgba(237,205,122,1) 100%); /* IE10+ */
background: linear-gradient(top,  rgba(166,182,205,1) 0%,rgba(137,155,177,1) 50%,rgba(237,205,122,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6b6cd', endColorstr='#edcd7a',GradientType=0 ); /* IE6-9 */

}

.f2 a:hover, .f2 a.hover
{
border: 1px solid #D2B5AF;
background: rgb(236,181,176); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(236,181,176,1) 0%, rgba(210,165,159,1) 50%, rgba(237,205,122,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(236,181,176,1)), color-stop(50%,rgba(210,165,159,1)), color-stop(100%,rgba(237,205,122,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(236,181,176,1) 0%,rgba(210,165,159,1) 50%,rgba(237,205,122,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(236,181,176,1) 0%,rgba(210,165,159,1) 50%,rgba(237,205,122,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(236,181,176,1) 0%,rgba(210,165,159,1) 50%,rgba(237,205,122,1) 100%); /* IE10+ */
background: linear-gradient(top,  rgba(236,181,176,1) 0%,rgba(210,165,159,1) 50%,rgba(237,205,122,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ecb5b0', endColorstr='#edcd7a',GradientType=0 ); /* IE6-9 */

}

.f3 a:hover, .f3 a.hover
{
border: 1px solid #7A98B2;
background: rgb(79,150,181); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(79,150,181,1) 0%, rgba(66,144,178,1) 50%, rgba(237,205,122,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(79,150,181,1)), color-stop(50%,rgba(66,144,178,1)), color-stop(100%,rgba(237,205,122,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(79,150,181,1) 0%,rgba(66,144,178,1) 50%,rgba(237,205,122,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(79,150,181,1) 0%,rgba(66,144,178,1) 50%,rgba(237,205,122,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(79,150,181,1) 0%,rgba(66,144,178,1) 50%,rgba(237,205,122,1) 100%); /* IE10+ */
background: linear-gradient(top,  rgba(79,150,181,1) 0%,rgba(66,144,178,1) 50%,rgba(237,205,122,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4f96b5', endColorstr='#edcd7a',GradientType=0 ); /* IE6-9 */

}

.f4 a:hover, .f4 a.hover
{
border: 1px solid #9FC5B8;
background: rgb(140,201,186); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(140,201,186,1) 0%, rgba(117,186,168,1) 50%, rgba(237,205,122,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(140,201,186,1)), color-stop(50%,rgba(117,186,168,1)), color-stop(100%,rgba(237,205,122,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(140,201,186,1) 0%,rgba(117,186,168,1) 50%,rgba(237,205,122,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(140,201,186,1) 0%,rgba(117,186,168,1) 50%,rgba(237,205,122,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(140,201,186,1) 0%,rgba(117,186,168,1) 50%,rgba(237,205,122,1) 100%); /* IE10+ */
background: linear-gradient(top,  rgba(140,201,186,1) 0%,rgba(117,186,168,1) 50%,rgba(237,205,122,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8cc9ba', endColorstr='#edcd7a',GradientType=0 ); /* IE6-9 */

}

.focuspic
{
border: 1px solid #DFB552;
display : inline-block;
width: 218px;
height: 150px;
margin-bottom: 1em;
}
.fb1
{
background:#DFB552 url('../images/fb1.jpg') no-repeat;
}

.fb2
{
background:#DFB552 url('../images/fb2.jpg') no-repeat;
}

.fb3
{
background:#DFB552 url('../images/fb3.jpg') no-repeat;
}

.fb4
{
background:#DFB552 url('../images/fb4.jpg') no-repeat;
}

.fb1:hover, .fb1.hover
{
background:#DFB552 url('../images/fb1_hover.jpg') no-repeat;
}

.fb2:hover, .fb2.hover
{
background:#DFB552 url('../images/fb2_hover.jpg') no-repeat;
}

.fb3:hover, .fb3.hover
{
background:#DFB552 url('../images/fb3_hover.jpg') no-repeat;
}

.fb4:hover, .fb4.hover
{
background:#DFB552 url('../images/fb4_hover.jpg') no-repeat;
}

a img
{
border: none;
}

#header1 {
	position: relative;
	height: 420px;
	border: none;
}
#header1 a.banner {
	position: absolute;	/* 讓圖片疊在一起 */
}
#header1 .control {
	position: absolute;
	left: 454px;
	bottom: 10px;
}
#header1 .control a {
	display: inline-block;
	width:13px;
	height:13px;
	border-radius:99em;
	background-color:#FFF;
	margin-left: 10px;
}
#header1 .control a:hover {
	background-color:#E4B370;
}
#header1 .control a.on {
	background-color:#E4B370;
}



#headertext1
{
	color: #FFFFFF;
	font-size: 1.34em;
	z-index: 100;
	position: absolute;
	right: 280px;
	bottom: 115px;
}

#headertext2
{
	color: #FFFFFF;
	font-size: 2.5em;
	z-index: 100;
	position: absolute;
	right: 270px;
	bottom: 65px;
	font-family: 'Times New Roman', "微軟正黑體";
}

#headertext
{
	z-index: 100;
	position: absolute;
	right: 280px;
	bottom: 70px;
	width: 592px;
	height: 77px;
	background: url('../images/headertext.png') no-repeat;
}

#maillist
{
background: #333;
color: #B2B2B2;
line-height: 40px;
font-size: 0.9em;
text-align: center;
margin-top: 1px;
}

.subarea_1{
padding: 20px;
width:300px;
position: relative;
float: left;
border-right: 1px solid #E1E1E1;
height: 235px;
}
.subarea_2{
padding: 20px;
width:328px;
position: relative;
float: left;
border-right: 1px solid #E1E1E1;
height: 235px;
}
.subarea_3{
padding: 20px;
width:240px;
position: relative;
float: right;
height: 235px;
}


.listarea
{
margin-top: 10px;
background: url('../images/listareabg.png') no-repeat;
color: #311D16;
padding: 8px 20px;
}

.bararea
{
position: relative;
top: -210px;
right: 0px;
}

.up
{
position: absolute;
top: 0px;
right: 15px;
width: 15px;
height: 15px;
background: url('../images/icon_up.png') no-repeat;
cursor:pointer;
}

.down
{
position:absolute;
top:0px;
right:0px; 
width: 15px;
height: 15px;
background: url('../images/icon_down.png') no-repeat;
cursor:pointer;
}

.up:hover
{
background: url('../images/icon_up_hover.png') no-repeat;
cursor:pointer;
}

.down:hover
{
background: url('../images/icon_down_hover.png') no-repeat;
cursor:pointer;
}

.newslist .newslist2
{
font-family: 'Times New Roman';
}

.newslist .newslist2 ul
{
top: 1.1em;
list-style-type: none;
margin: 0px;
padding: 0px;
}

.newslist ul li
{
color:#F3E9DF;
padding:1em 0em;
border-bottom: 1px solid #F3E9DF;
}

.newslist ul li span
{
padding-right: 7px;
}

.newslist ul li a
{
padding: 0em 2.5em 0em 1.2em;
color: #F3E9DF;
text-decoration: none;
}

.newslist ul li a:hover
{
color:#DFB552;
text-decoration: none;
border: none;
}

.newslist2 ul
{
top: 0em;
list-style-type: none;
margin: 0px;
padding: 0px;
}

.newslist2 ul li
{
color:#311D16;
padding: 10px 0 5px 0;
border-bottom: 1px solid #311D16;
font-size: 0.9em;
}
.newslist2 ul li:hover
{
color:#000;
background: #b8d4bd; /* Old browsers */
background: -moz-linear-gradient(top,  #b8d4bd 0%, #ecf4e9 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b8d4bd), color-stop(100%,#ecf4e9)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #b8d4bd 0%,#ecf4e9 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #b8d4bd 0%,#ecf4e9 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #b8d4bd 0%,#ecf4e9 100%); /* IE10+ */
background: linear-gradient(top,  #b8d4bd 0%,#ecf4e9 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b8d4bd', endColorstr='#ecf4e9',GradientType=0 ); /* IE6-9 */
}
.newslist2 ul li:hover span, .newslist2 ul li:hover a
{
color:#000;
}

.newslist2 ul li span.newstitle
{
padding-right: 7px;
}

.newslist2 ul li a
{
padding: 0em 0.5em 0em 1.2em;
color: #311D16;
text-decoration: none;
font-weight: bold;
}

.newslist2 ul li a:hover
{
color:#000;
text-decoration: none;
border: none;
}

.breif
{
font-size: 0.8em;
color: #666;
line-height: 1em;
padding: 6px 10px 0 0;
}