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

/* 首頁 */
#Brief { margin-bottom: 19px; width: auto; height: 177px;}
#IndexA { width: 340px;}
#IndexB { width: 260px;}
#IndexC { width: 260px;}
#IndexA h3{ background-position: left 0;}
#IndexB h3{ background-position: left -20px;}
#IndexC h3{ background-position: left -40px;}


.item_news li{ margin: 0 10px; padding: 10px 0; height: 16px; border-bottom: solid 1px #e5e5e5;}
.item_news li:hover{ background: #ebebeb; cursor: pointer;}
.item_news li:hover a{ text-decoration: underline; color: #666;}
.genre1, .genre2, .genre3{ border-radius: 4px; display: inline; margin: 0 8px; padding: 1px 5px; color: #fff; font-size: 11px;}
.genre1{ background-color: #33cccc;}
.genre2{ background-color: #ff6666;}
.genre3{ background-color: #6699ff;}

.item_sub { margin: 0 20px; clear: both; top: 90px; position: relative;}
.item_sub div{ width: 100%; background-color: #eee; border-bottom: dotted 1px #000; position: relative; top: 23px;}
.item_sub li{ list-style: url(images/item.png) inside; float: left; margin: 0 40px 10px 0;}
.item_sub a{ color: #000;}


#Construct { margin-bottom: 18px; width: auto; height: 100px;}
#IndexD { width: 242px; padding: 1px; background: #fff;}
#IndexE { width: 644px; background: #ebebeb;}
#IndexD h3{ background-position: left -80px; position: absolute; height: /**/:24px; padding-top: 24px; margin: 2px 0 0 7px;} 
#IndexE h3{ 
	background-position: left -60px; 
	background-color: #999; 
	width: 113px; 
	height: 14px; 
	border: solid 10px #999; 
	border-bottom-width: 40px; 
	border-top-width: 40px;
} 
#video { width: 100%; height: 100%; background: #000; display: block; text-align: center;}

#Info { margin-bottom: 13px; width: auto; height: 150px;}
#contact { width: 230px; height: 100%; float: left;}
#contact *{ color: #5d5d5d;}
#map { height: 100%; float: left; border-left: solid 1px #cfcfcf; padding-left: 21px;}
#contact h4{ 
	width: 205px;
	height: /**/:23px !important;
	overflow: hidden;
	padding-top: 23px;
	background: url(images/logo_s.gif) no-repeat left top;
	margin: -2px 0 0 1px;
}
#contact span{ margin-top: 4px; margin-bottom: 3px; display: block;}
#contact div p{ height: 20px; background: url(images/icon.png) no-repeat; margin: -2px 7px 0 0; padding: 0 0 1px 21px;}
#contact div #fax{ background-position: left -25px;}
#map p{ color: #999; font-weight: bold; margin-top: 6px;}
#map p a, #map p span{ color: #aaa; font-weight: normal;}
#map p a:hover { background: #33cccc; color: #fff;}
#map .fr{ text-align: left; right: 60px; position: absolute;}


/* 內頁 */
#ttl_11 h5{ background-position: left -150px;}
#ttl_12 h5{ background-position: left -175px;}
#ttl_13 h5{ background-position: left -200px;}
#ttl_14 h5{ background-position: left -225px;}
#ttl_21 h5{ background-position: left -275px;}
#ttl_22 h5{ background-position: left -300px;}
#ttl_23 h5{ background-position: left -325px;}
#ttl_24 h5{ background-position: left -350px;}
#ttl_25 h5{ background-position: left -375px;}
#ttl_26 h5{ background-position: left -400px;}
#ttl_27 h5{ background-position: left -425px;}
#ttl_28 h5{ background-position: left -450px;}
#ttl_29 h5{ background-position: left -475px;}
#ttl_210 h5{ background-position: left -500px;}
#ttl_31 h5{ background-position: left -550px;}
#ttl_41 h5{ background-position: left -600px;}
#ttl_42 h5{ background-position: left -625px;}
#ttl_43 h5{ background-position: left -650px;}
#ttl_44 h5{ background-position: left -675px;}
#ttl_51 h5{ background-position: left -750px;}
#ttl_52 h5{ background-position: left -775px;}
#ttl_53 h5{ background-position: left -800px;}
#ttl_54 h5{ background-position: left -825px;}
#ttl_55 h5{ background-position: left -850px;}
#ttl_61 h5{ background-position: left -875px;}
#ttl_62 h5{ background-position: left -900px;}
#ttl_63 h5{ background-position: left -925px;}
#ttl_64 h5{ background-position: left -950px;}
#ttl_65 h5{ background-position: left -975px;}
#ttl_71 h5{ background-position: left -1025px;}
#ttl_72 h5{ background-position: left -1050px;}
#ttl_73 h5{ background-position: left -1075px;}
#ttl_74 h5{ background-position: left -1100px;}
#ttl_75 h5{ background-position: left -1125px;}
#ttl_76 h5{ background-position: left -1150px;}
#ttl_77 h5{ background-position: left -1175px;}
#ttl_78 h5{ background-position: left -1200px;}
#ttl_79 h5{ background-position: left -1225px;}
#ttl_81 h5{ background-position: left -1275px;}
#ttl_82 h5{ background-position: left -1300px;}
#ttl_83 h5{ background-position: left -1325px;}
#ttl_84 h5{ background-position: left -1250px;}
#ttl_14a h5{ background-position: left -1375px;}
#ttl_14b h5{ background-position: left -1400px;}
#ttl_14c h5{ background-position: left -1425px;}
#ttl_14d h5{ background-position: left -1450px;}
#ttl_14e h5{ background-position: left -1475px;}
#ttl_63a h5{ background-position: left -1525px;}
#ttl_63b h5{ background-position: left -1550px;}
#ttl_63c h5{ background-position: left -1575px;}
#ttl_64a h5{ background-position: left -1625px;}
#ttl_64b h5{ background-position: left -1650px;}
#ttl_45a h5{ background-position: left -1700px;}
#ttl_45b h5{ background-position: left -1725px;}

.TimeList { width: 100%; border-top: solid 1px #ccc; border-right: solid 1px #f3f3f3;}
.TimeList tr { height: 30px;}
.TimeList td { border-bottom: dotted 1px #c1c1c1; color: #333; padding-left: 18px;}
.TimeList td .LK{ display: block; color: #333;}
.TimeList td .LK:hover{ 
	text-decoration: underline; 
	color: #e33333; 
	background: url(images/rarrow.png) no-repeat left 5px; 
	margin-left: -12px; 
	padding-left: 12px;
}
.TimeList .gr, .TimeList .lg, .TimeList .dg { text-align: center; font-size: 13px; font-weight: bold; color: #008999; width: 136px; padding: 0;}
.TimeList .gr { background: #f3f3f3;}
.TimeList .lg { background: #d5eeee;}
.TimeList .dg { background: #67b9c1; width: 116px; color: #fff;}
.TimeList .frm { color: #aaa; border-left: solid 1px #f3f3f3;}
.TimeList .frm a { float: left; text-decoration: underline; color: #3cc; padding: 0 5px; margin-right: 10px;}
.TimeList .frm a:hover { background: #33cccc; color: #fff; text-decoration: none;}

/**** start by 2015/09/15 added ************************************************************************/
.TimeList2 { border-top: solid 1px #ccc; border-right: solid 1px #f3f3f3;}
.TimeList2 tr { height: 30px;}
.TimeList2 td { border-bottom: dotted 1px #c1c1c1; color: #333; padding-left: 18px;}
.TimeList2 td .LK{ display: block; color: #333;}
.TimeList2 td .LK:hover{ 
	text-decoration: underline; 
	color: #e33333; 
	background: url(images/rarrow.png) no-repeat left 5px; 
	margin-left: -12px; 
	padding-left: 12px;
}
.TimeList2 .gr, .TimeList2 .lg, .TimeList2 .dg { text-align: left; font-size: 13px; font-weight: bold; color: #008999;  padding: 0;}
.TimeList2 .gr { background: #f3f3f3;}
.TimeList2 .lg { background: #d5eeee; }
.TimeList2 .dg { background: #67b9c1; width: 116px; color: #fff;}
.TimeList2 .frm { color: #aaa; border-left: solid 1px #f3f3f3;}
.TimeList2 .frm a { float: left; text-decoration: underline; color: #3cc; padding: 0 5px; margin-right: 10px;}
.TimeList2 .frm a:hover { background: #33cccc; color: #fff; text-decoration: none;}
/******** end **********************************************************************************************/

.section p { font-weight:bold; clear: both; margin-bottom: 9px;}
.section .top { position: relative; top: 1px; right: 0; float: right;}

.flakebtn li { float: left; margin-right: 10px;}
.flakebtn li a{ 
	display: block; 
	width: 162px; 
	height: 38px; 
	border-radius: 10px; 
	border: solid 1px #ddd; 
	text-align: center;
	padding-top: 20px;
	background: #ebebeb url(images/rarrow.png) no-repeat 135px center;
}
.flakebtn li .twi{ 
	height: 48px; 
	padding-top: 10px;
}
.flakebtn li a:hover{ 
	border: solid 1px #67b9c1; 
	background-color: #ebebeb;
	color: #666;
}

.section .sec_ttl .top { top: -25px;}
.section .sec_ttl { border-bottom: solid 1px #ccc; margin-bottom: 20px;}
.section .sec_ttl h6{
    width: 135px; 	
    height: /**/:34px !important;
	overflow: hidden;
	padding-top: 34px;
	background: url(images/sec_title.gif);
	margin-bottom: 2px;
}
:34px !important;
	overflow: hidden;
	padding-top: 34px;
	background: url(images/sec_title.gif);
	margin-bottom: 2px;
}
.section #a h6{ background-position: left 0;}
.section #b h6{ background-position: left -40px;}
.section #c h6{ background-position: left -80px;}
.section #d h6{ background-position: left -120px;}
.section #e h6{ background-position: left -160px;}
.section img { position: absolute; z-index: 10;}
.pic_row img { position: relative;}
.pic_row { width: 110%; margin-left: -4px; margin-bottom: 20px;}

.slogan { height: 45px; margin-bottom: 5px;}
.frameL, .frameR, .frameI, .frameC{ background: url(images/bg_slogan.png);}
.frameL{ background-position: left top; width: 10px;}
.frameR{ background-position: right top; width: 10px;}
.frameI{ background-position: left center; width: 39px;}
.frameC{ background-position: left bottom;}
.frameC img{ margin-top: -7px; z-index: 1;}

.paging { float: right; margin-top: 5px; margin-bottom: 47px;}
.paging a, .paging p{ 
	float: left; 
	display: block; 
	border: solid 1px #ddd; 
	background: #fff; 
	text-align: center; 
	width: 28px; 
	height: 24px;
	padding-top: 4px;
	margin-right: 2px;
	font-size: 13px;
}
.paging a:hover { border-color: #e33333;}
.paging .stay { background: #ccc; border-color: #bbb; color: #666;}
.paging .prev, .paging .next{ background: #018b97; border-color: #018b97; color: #fff; font-family: Calibri;}
.paging .prev:hover, .paging .next:hover{ background-color: #3cc; border-color: #3cc;}
.paging .prev { background-position: -22px -103px;}
.paging .next { background-position: -50px -103px;}

.column { 
	width: 95%; 
	height: 38px; 
	border: solid 1px #ddd; 
	padding: 10px;
}