@charset "utf-8";
/* CSS Document */

* {
	margin: 0;
	padding: 0;
}

body {
background: #C1DBE8 url(images/bg.jpg) repeat-x;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 19px;
color: #333;
}

a {
text-decoration: none;
color: #0171AF;
}
a:hover {
text-decoration: underline;
color: #111;
}
.underline{text-decoration:underline; color:#333333} /*給連結加底線用的Class*/

/*最外框容器*/

#wrap {
margin: 20px auto;
width: 850px;
background: #fff;
}

/*表頭Head*/

#header {
width: 850px;
height: 92px;
background:url(images/topheadbg.jpg)
}
#header h1 { 
font-size: 28px;
letter-spacing: -1px;
padding: 15px 0 0 20px;
color: #0171AF;
}
#header h1 a { 
color: #0171AF;
text-decoration: none;
font-weight: 100;
letter-spacing: -2px;
}
#header h1 a:hover {
color: #111;
}
#header h2 {
font-size: 19px;
color: #ACD3E5;
padding: 5px 0 0 20px;
letter-spacing: -1px;
font-weight: 100;
}

/*選單*/

h4,div,ul,li,span{ padding:0px; margin:0px}
/* 最外面DIV的樣式 */
#slidingBlock {
width:850px;
over-flow:hidden;
margin:auto;
height:60px;
background-image: url(images/navbg.jpg);
background-repeat: repeat-x;
background-position: top;
}
#nav_box{
height:33px;
width:850px !important;
width:750px;
text-align:center;
margin-left: 100px;
}
#slidingBlock a{ color:#000;
}
#slidingBlock h4 {
float:left;
width:78px;
height:33px;
line-height:33px;
text-align:center;
font-size:12px;
over-flow:hidden;
float:left;
background-image: url(images/navbg.jpg);
background-repeat: repeat-x;
}
#slidingBlock h4 a{
font-weight:normal;
color: #fff;
}
#slidingBlock h4 a:visited{
font-weight:bold;
color:#1368c2; text-decoration:none;
}
#slidingBlock h4 a:hover{
font-weight:bold;
color:#1368c2; 
text-decoration:none;
}
#slidingBlock h4.menuNo {
font-weight:normal;
color: #fff;
}
#slidingBlock h4.menuOn {
background-image: url(images/navbg-over.jpg);
background-repeat: no-repeat;
background-position: 6px bottom;
color:#1368c2
}
#line{ width:2px; height:33px;
background-image: url(images/line.jpg);
background-repeat: no-repeat;
 float:left
}
.lanbotton{ width:34px; height:18px;
margin:7px 0 0 15px;
float:left;
}
.lanbotton1{ width:34px; height:18px;
margin:7px 15px 0 0px;
float:left;
}
#slidingBlock DIV.slidingList_none {
    display:none
}
#slidingBlock DIV.slidingList {
width:auto;
margin:0px;
padding:3px 0px 0px 0px;
height:27px;
clear:both;
background-image: url(images/navbg-overbg.jpg);
background-repeat: repeat-x;
line-height:27px
}
#slidingBlock DIV.slidingList ul {
    margin:0px 0 0 92px;padding:0px; list-style:none;
}
#slidingBlock DIV.slidingList li {
float:left;
height:20px;
line-height:20px;
font-size:12px;
text-indent:20px;
}

#apDiv1 {
	position:absolute;
	width:240px;
	height:50px;
	z-index:1;
	left: 800px;
	top: 150px;
}


/*內容框*/

#content {
padding: 0 15px 20px 15px;
}

.navnav {margin:10px 0;}
.navnav a {color:#333;}



/*跨兩欄區塊*/
.both {
width: 800px;
text-align: justify;
}

.both h2.titles {
background:url(images/titlebg-s.gif) no-repeat;
width:436px;
height:30px;
margin:15px 0 0 0;
font-size: 15px;
font-weight: bold;
padding: 0 0 0 40px;
color:#666;
line-height:30px;
}

/* 首頁照片展示區域*/

.PhotolistArea {
width:820px !important; width:800px; height:190px;
}
.PhotolistArea ul {
margin:0; padding:20px 0 0 70px; list-style:none; height:129px;
}
.PhotolistArea li {
display:block; float:left; padding-right:50px !important; padding-right:45px; text-align:center;
}
.PhotolistArea li .photolistpicture{
border:0px; padding:3px;
}

/* 圖片陰影控制*/

.shadow {
float: left;
width: auto;
background: url(images/fuzzy_shadow.png) no-repeat bottom right;
}
.shadow div {
background: url(images/fuzzy_shadow1.png) no-repeat right top;
}
.shadow div a {
background: url(images/fuzzy_shadow2.png) no-repeat left bottom;
padding: 0 6px 6px 0;
display: block;
}
.shadow img {
background-color: #fff;
color: #000;
border: 1px solid #eee;
padding: 4px;
vertical-align: bottom;
}


/*左欄*/

.left {
float: left;
width: 546px !important; 
width: 520px; 
}
/*.left div{
padding:15px 20px 20px 20px !important;
padding:15px 0px 20px 20px;
}*/
.left .textdiv{
padding:15px 20px 20px 20px !important;
padding:15px 0px 20px 20px;
}
.left h2.title {
background:url(images/titlebg.gif) no-repeat;
width:546px !important;
width: 518px;
height:30px;
margin:0;
font-size: 15px;
font-weight: bold;
padding: 0 0 0 40px;
color:#666;
line-height:30px;
}
.left h2 {
font-size: 18px;
font-weight:600;
padding: 0px 0 10px 0;
}
.left h2 a {
text-decoration: none;
}
.left h2 a:hover {
color: #111;
}

/*新聞區域*/
.newslisttitle {margin:0; padding:0; list-style:none;}
.newslisttitle li {display:block; float:left; font-weight:bold;}
.newslist td{line-height:26px; }


/*右欄*/

.right {
float: right;
width: 260px;
}
.right h2.buletitle {
margin: 0;
padding-left: 40px;
width:258px !important;
width:220px;
height: 28px;
background: url(images/bluetitlebg.gif) no-repeat;
line-height: 28px;
color: #fff;
font-size: 15px;
font-family:Arial, Helvetica, sans-serif;
}
.right h2 {
margin: 10px 0 0 0;
padding-left: 10px;
height: 28px;
line-height: 28px;
background: #D1E6EF;
color: #111;
font-size: 13px;
}
.right .Newsbox {
width:246px !important;
width:246px;
height:153px !important;
height:153px;
padding: 10px 0px 15px 10px;
list-style-type: none;
border:1px solid #709ECD;
}
.right ul {
padding: 10px 0 15px 10px;
list-style-type: none;
}
.right ul li a {
color: #333;
text-decoration: none;
font-size: 13px;
font-weight: 100;
line-height:26px;
}
.right ul li a:hover {
color: #0171AF;
text-decoration: underline;
}

/*Banner 區域*/

.BannerBlock {
	width: 850px;
}
.BannerArea {margin:0 0 0 27px; padding:0; list-style:none; height:80px;}
.BannerArea li {display:block; float:left; padding-right:15px;}

hr {
	border:0; height:1px; background-color:#ABC7E2;
	color:#ABC7E2	/* IE6 */
}




/*表尾*/

#footer {
height: 20px;
line-height: 30px;
background: #D1E6EF;
text-align: center;
font-size: 11px;
}