﻿@charset "utf-8";
/* CSS Document */
body {
	margin: 0px;
	background-image: url(../images/br.gif);
	background-repeat: repeat-x;
	font-family:Arial, Helvetica, sans-serif;
}
* html {
  filter: expression(document.execCommand("BackgroundImageCache", false, true));
}
* html .png {
	position:relative;
 behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",  this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",  this.src = "images/transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("', '').replace('")', ''),  this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",  this.runtimeStyle.backgroundImage = "none")), this.pngSet=true)  );
}

html {
  color: #000;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, textarea, p, blockquote, th, td {
  margin: 0;
  padding: 0;
	font-size: 15px;
}
fieldset, img {
  border: 0;
}
img {
  nobar: expression(this.galleryImg='no');
}
address, caption, cite, code, dfn, em, strong, th, var {
  font-style: normal;
  font-weight: normal;
}
li {
  list-style: none;
}
a:hover{text-decoration:none;}
caption, th {
  text-align: left;
}
h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal;
}
h1{background:url(../images/icon_1.jpg) no-repeat; padding:0 0 0 10px; color:#484848; line-height:22px;}
h2{background:url(../images/icon_6.jpg) no-repeat 0px 3px; padding:0 0 0 35px; color:#5483b2; line-height:35px; font-size:16px;}
q:before, q:after {
  content: '';
}
abbr, acronym {
  border: 0;
  font-variant: normal;
}
sup {
  vertical-align: text-top;
}
sub {
  vertical-align: text-bottom;
}
input, textarea, select {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
}
legend {
  color: #000;
}
table {
  font-size: inherit;
  font: 100%;
}
pre, code, kbd, samp, tt {
  font-family: monospace;
  *font-size: 108%;
  line-height: 100%;
}

p, span, font{font-family: Arial, Helvetica, sans-serif,"新細明體";font-size:15px; color:#666;}
span a{text-decoration:underline; color:#39C;}
span a:hover{ background-color:#FF9;}
/*Flash必需*/
.get_flash {
	background: url(../images/get_flash.gif) center no-repeat;
	display: block;
}

.accesskey {
	position:absolute;
	height: 21px;
	width: 11px;
	margin-top:0px;
	}
.accesskey a{
	font-size: 10px;
	color:#FFF;
	text-decoration:none;
	}
.accesskey a:hover{
	font-size: 10px;
	color:#FFF;
	text-decoration:none;
	}
/*all*/
.all{margin:0 auto; width:963px;}
.mainleft{width:556px; float:left;}
.mainright{width:399px; float:left;}
.main{}

.mainleft_1{float: left; width: 197px;}
.mainright_1{float: right;width: 197px;}
.maincenter_1{width: 559px;position: relative;}
.maincenter{width: 559px;}/*height: 303px;*/
.belowleft{
	float: left;
	width: 553px;
}
.belowright{
	float: right;
}
.below{
	float: right;
	width: 963px;
	clear:both;
}


/*最新情報*/
.eventlist{ font-size:15px; padding-left:5px;}
.eventlist ul{width:530px; float:left; border-bottom:1px #d1d1d1 dashed; padding-bottom:5px; margin:5px 0 5px 0; text-decoration:none;}
.eventlist li{float:left; width:auto; padding-top:5px;}
.eventlist li.li_a{width:70px; color:#ffffff; background:#ffba00; font-size:12px; text-align:center; height:20px;}
.eventlist li.li_b{width:460px; color:#595959;}
.eventlist li.li_b a{width:460px; color:#595959; text-decoration:none;}
.eventlist li.li_b a:hover{width:460px; color:#595959; text-decoration:none;}
.eventlist ul:hover{background-color:#eeeeee; text-decoration:none;}
.pr18{padding-right:18px}
.l16{line-height:16px;}
.l18{line-height:18px;}
.l23{line-height:23px;}
.l28{line-height:28px;}
.c0{color:#fff;}
.c1{color:#acacac;}
.c2{color:#ff7200;}
.c3{color:#5483b2;}
.c4{color:#777777;}
.c5{color:#7b7b7b;}
.c6{color:#cf7171;}
.c7{color:#ecac00;}
.c8{color:#58ACFA;}
.c9{color:#ff0800;}
.f13{font-size:13px;}
.f12{font-size:12px;}
.f11{font-size:11px;}
.f16{font-size:16px;}
.w1{font-weight:bold;}
.m83{margin:8px 3px 0 0;}
.p10{padding:10px 10px 0 20px;}
.p10a{padding:10px 10px 20px 20px;}
.mt10{margin-top:10px;}
.serT{float:left; height:125px;}
.serT .t1{float:left; padding:10px 0 0 10px;}
.serT .t2{float:left; width:240px; padding:0 15px 0 15px;}
.ser{padding:10px 0 0 5px; color:#999; font-weight:bold; float:left; width:540px; border-top:1px #CCC dashed;}
.serA{
	background:url(../images/index_cbr.jpg) no-repeat;
	width:340px;
	height:51px;
	color:#395b8e;
	line-height:20px;
	padding-top: 27px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 5px;
}
/*CSS Flickr style pagination*/
	div.pagination {
		padding: 0px;
		margin:20px 0 0 0px;
		text-align:center;
		width:100%;
		float:left;
	}
	
	div.pagination a {
		border: 1px solid #cb161d;
		margin-right:3px;
		padding:2px 6px;

		background-position:bottom;
		text-decoration: none;

		color: #cb161d;		
	}
	div.pagination a:hover, div.meneame a:active {
		border: 1px solid #000;
		background-image:none;
		background-color:#cb161d;
		color: #fff;
	}
	div.pagination span.current {
		margin-right:3px;
		padding:2px 6px;
		font-weight: bold;
		color: #cb161d;
	}
	div.pagination span.disabled {
		margin-right:3px;
		padding:2px 6px;
		color: #adaaad;
	}
	
/*footer*/
.footer{background:url(../images/footer.jpg) no-repeat; width:963px; height:43px; text-align:center; padding-top:20px; color:#FFF; font-size:12px; float:left; clear:both;}
/*首頁右欄設定*/
.info{background:url(../images/title_infobr.jpg) repeat-y; padding-left:8px; width:399px; float:left;}
.info_left{width:195px; float:left;}
.info_right{width:190px; float:left;}

.info_right_bg{
	width:187px;
	background-image: url(../images/line.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	padding-top: 1px;
	padding-bottom: 1px;
}
.info_leftonew{
	width:197px;
	float:left;
	background-image: url(../images/main_left_02.jpg);
	background-repeat: repeat-y;
	height: auto;
}
.info_rightonew{
	width:197px;
	float:right;
	background-image: url(../images/main_right_02.jpg);
	background-repeat: repeat-y;
	clear:both;
	height: auto;
}


.info div:hover{ background:url(../images/over.gif) no-repeat;}
.info1{background:url(../images/info_1.jpg) no-repeat; width:140px; height:133px; padding:10px 0 0 52px; display:block;}
.info2{background:url(../images/info_2.jpg) no-repeat; width:140px; height:100px; padding:8px 0 0 52px; display:block;}
.info3{background:url(../images/info_3.jpg) no-repeat; width:130px; height:53px; padding:10px 0 0 60px; display:block;}
.info4{background:url(../images/info_4.jpg) no-repeat; width:130px; height:48px; padding:15px 0 0 60px; display:block;}
.info5{background:url(../images/info_5.jpg) no-repeat; width:130px; height:48px; padding:15px 0 0 60px; display:block;}
.info6{background:url(../images/info_6.jpg) no-repeat; width:130px; height:45px; padding:15px 0 0 60px; display:block;}
.info7{background:url(../images/info_7.jpg) no-repeat; width:135px; height:53px; padding:10px 0 0 60px; display:block;}
.info8{background:url(../images/info_8.jpg) no-repeat; width:130px; height:53px; padding:10px 0 0 60px; display:block;}
.info9{background:url(../images/info_9.jpg) no-repeat; width:130px; height:48px; padding:15px 0 0 60px; display:block;}
.info10{background:url(../images/info_10.jpg) no-repeat; width:130px; height:48px; padding:15px 0 0 60px; display:block;}
.info11{background:url(../images/info_11.jpg) no-repeat; width:130px; height:48px; padding:15px 0 0 60px; display:block;}
.info12{background:url(../images/info_12.jpg) no-repeat; width:130px; height:48px; padding:15px 0 0 60px; display:block;}

.fr{border:1px #FFF solid; width:100px; height:16px; color:#39C; font-size:11px;}

/*menu*/
.topmenu{height:22px; padding-top:3px; text-align:right;}
.menuT{width:940px; height:40px; padding:0 0 0 17px;}
.search{float:left; width:250px; height:36px; padding:4px 0 0 0;}
.sunmenu{background:url(../images/menu_br.jpg) no-repeat; width:955px; height:67px; padding-right:8px; float:left;}
.menu{ float:right; width:580px; height:40px;}
.menu ul{}
.menu li{float:left; padding:10px; text-align:center;}
.menu li a{color:#FFF; text-decoration:none;}
.menu li:hover{color:#FFF; text-decoration:none; background-color:#407dba;}

/*leftmenu*/
.leftbr{width:173px; float:left;}
.leftmenu{ margin-bottom:20px;}
.leftmenu ul{ padding:5px 0 0 20px;}
.leftmenu li{background:url(../images/icon_2.jpg) no-repeat 8px 15px; height:20px; border-bottom:1px #999 dashed; width:110px; padding:10px 0 3px 20px;}
.leftmenu a{color:#484848; font-size:16px; text-decoration:none;}
.leftmenu li:hover{color:#000; font-size:16px; text-decoration: underline; background-color:#f0f0f0;}

/*leftmenu2*/
.leftmenu2{ margin-bottom:20px;}
.leftmenu2 span{ font-size:13px;}
.leftmenu2 span:hover{ background-color:#FF9}
.leftmenu2 ul{ padding:5px 0 0 20px;}
.leftmenu2 li{background:url(../images/icon_2.jpg) no-repeat 8px 15px; height:20px; border-bottom:1px #999 dashed; width:110px; padding:10px 0 3px 20px;}
.leftmenu2 a{color:#484848; text-decoration:none;}
.leftmenu2 li:hover{color:#000; background-color:#f0f0f0;}

.branchmenu{ /*height:35px; overflow:hidden;*/ display:block}
/*.branchmenu:hover{ height: auto; overflow:hidden;}*/

.branchmenu2{ /*height:55px; overflow:hidden;*/ display:block}
/*.branchmenu2:hover{ height: auto; overflow:hidden;}*/

.branchmenu3{ height:125px; /*overflow:hidden;*/ display:block}
/*.branchmenu2:hover{ height: auto; overflow:hidden;}*/

/*left*/
.leftB{padding:0 0px 0 12px;}
.leftBinfo{border:1px #d8d8d8 solid; background-color:#f0f7ff; padding:5px; margin:0 0 2px 0; line-height:18px;}
.leftconbr{background:url(../images/conrb.jpg) no-repeat; padding:10px 0 0 0; height:177px;}

/*news*/
.newlist{ width:740px; margin-bottom:10px; margin-top:10px;}
.newlist ul{ border-bottom:1px #ffba00 solid; height:24px;}
.newlist li{}
.newlist li.date{ background-color:#ffba00; padding:5px; float:left; margin:0 0px 0 0;}
.newlist li.t1{ float:left; padding:5px ;}
.newlist li.t2{ float:left; padding:5px;}

.listA{}
.listA ul{}
.listA li{
	font-size:13px;
	line-height:25px;
	color:#666;
	padding-left:20px;
}
.listB{ margin-bottom:20px;}
.listB ul{ margin-left:30px;}
.listB li{
	font-size:15px;
	line-height:23px;
	color:#666;
	list-style-type: decimal;
	list-style-position: outside;
	margin-bottom:5px;
}
.listB li a{text-decoration:none; color:#666;}
.listB li a:hover{ text-decoration: underline; color:#666; background-color:#FF9;}

.listB2{ margin-bottom:20px;}
.listB2 ul{ margin-left:30px;}
.listB2 li{
	font-size:15px;
	line-height:23px;
	color:#395b8e;
	list-style-type: decimal;
	list-style-position: outside;
	margin-bottom:5px;
	border-bottom:1px #CCC dashed;
}
.listB2 li a{ color:#395b8e;}
.listB2 li a:hover{ text-decoration: none; color:#666; background-color:#FF9;}
.listB2 p{line-height:26px;}

.listC{ margin-bottom:20px; border-top:1px #333 dashed; padding-top:5px;}
.listC ul{ margin-left:30px;}
.listC li{
	font-size:15px;
	line-height:23px;
	color:#5483b2;
	list-style-type: lower-roman;
	list-style-position: outside;
	margin-bottom:5px;
}
.listCa{ margin-bottom:20px; border-top:0px #333 dashed; padding-top:5px; background-color:#f5f5f5;}
.listCa ul{ margin-left:40px;}
.listCa li{
	font-size:15px;
	line-height:23px;
	color:#5483b2;
	list-style-type: lower-roman;
	list-style-position: outside;
	margin-bottom:5px;
}
.listCb{ margin-bottom:20px; padding-top:5px; padding-left:10px; margin-left:20px;}
.listCb ul{ padding-left:20px;}
.listCb li{
	line-height:28px;
	color:#8b8b8b;
	list-style-type: lower-roman;
	list-style-position: outside;
	margin-bottom:10px;
	margin:0px;
	padding:0;
	border-bottom:1px #e9e9e9 dashed;
}
.listCb li a{ color:#395b8e;}
.listCb li a:hover{ text-decoration: none; color:#666; background-color:#FF9;}

.listC_ans{ margin-bottom:20px; background:url(../images/icon_a.gif) no-repeat 0 10px; padding-top:5px; padding-left:20px;}
.listC_ans ul{}
.listC_ans li{
	font-size:15px;
	line-height:23px;
	color:#5483b2;
	list-style-type: lower-roman;
	list-style-position: outside;
	margin-bottom:5px;
}

.sitemapli{ margin-bottom:20px; border-top:0px #333 dashed; padding-top:5px;}
.sitemapli ul{ margin-left:30px;}
.sitemapli li{
	list-style-type: none;
	list-style-position: outside;
	margin-bottom:5px;
	font-size:15px;
	line-height:23px;
	color:#5483b2;
}
.sitemapli li a{
	font-size:15px;
	line-height:23px;
	color:#5483b2;
}
.searchlist{ margin-bottom:20px; border-top:0px #333 dashed; padding-top:5px;}
.searchlist ul{ margin-left:30px;}
.searchlist li{
	list-style-type: decimal;
	list-style-position: outside;
	margin-bottom:5px;
	font-size:15px;
	line-height:23px;
	color:#5483b2;
}
.searchlist li a{
	font-size:15px;
	line-height:23px;
	color:#5483b2;
}

.rightmain{width:765px; float:left; background:url(../images/leftbr.jpg) repeat-y -161px 0; padding:0 0px 0 20px}

.titlebrA{background:url(../images/title_0.jpg) no-repeat; width:746px; height:24px; color:#686868; font-size:15px; font-weight:bold; padding:10px 0 0 20px;}
.titlebrB{background:url(../images/title_br.gif) repeat-x; width:700px; height:34px; color:#686868; font-size:15px; font-weight:bold; padding:5px 0 0 20px;}

.ralist{height:100px; border-bottom:1px #F0F0F0 dashed; margin-bottom:10px;}
.ralist .Ae{width:280px; float:left;}
.ralist .Be{width:430px; float:left; background:url(../images/icon_4.jpg) no-repeat 0px 10px; padding:5px 0 0 20px;}
.ce{width:720px; float:left; background:url(../images/icon_3.jpg) no-repeat 0px 10px; padding:5px 0 0 20px;}

.hr{border-bottom:1px #999 dashed; height:10px; margin-bottom:10px;}
.hr2{border-bottom:0px #999 dashed; height:20px; margin-bottom:10px;}

.p_1{background:url(../images/icon_3.jpg) no-repeat 0 8px; padding:0 0 0 20px; line-height:28px;}
.p_1 a{ color:#5483b2;}
.p_2{background:url(../images/icon_5.jpg) no-repeat 0 10px; padding:0 0 0 10px; line-height:28px;}
.p_3{background:url(../images/icon_4.jpg) no-repeat 0 8px; padding:0 0 0 20px; line-height:35px;}
.p_3 a{ color:#5483b2;}
.p_3 b{ color:#ed0404;}

/*text_icon*/
.text_icon_13 a{
	color:#000000;
	font-size: 13px;
	text-decoration: none;
}
.text_icon_13 a:hover{
	color:#FFFFDD;
	font-size: 13px;
	background-color: #73A5AE;
	font-weight: bold;
}
.text_icon_13right a{
	color:#000000;
	font-size: 13px;
	text-decoration: none;
}
.text_icon_13right a:hover{
	color:#FFFFDD;
	font-size: 13px;
	background-color: #BE697C;
	font-weight: bold;
}
.text_icon_10R{
	color:#C30;
	font-size: 10px;
}
.text_icon_10bl{
	color:#666;
	font-size: 10px;
}
.text_icon_10 a{
	color:#999999;
	font-size: 10px;
	text-decoration: none;
}
.text_icon_10 a:hover{
	color:#FF3300;
	font-size: 10px;
	font-weight: bold;
}
