/* --------------------------------------------------------------------------
   sub.css 用途：內頁共用
   -------------------------------------------------------------------------- */
@charset "utf-8";
/* CSS Document */

/*buliding*/
.main{ float: right; width: 74%; padding-bottom: 3em; padding-left: 0%; min-height: 600px;}
.container .title{font-weight: bold;font-size: 1.4em;}	
/* color setup*/
.location a{color: #222; transition:0.5s all ease 0.1s;}

/* ----------------------------------------------------------------------------------- */
/* sub Visual */
.subVisual{width: 100%;position:relative;}
	.subVisual:after{
	content: "";
	width: 100%; height: 100%;
	position: absolute;
	bottom: 0;left: 0;
	-moz-box-shadow:0 -5px 20px rgba(0, 0, 0, 0.12) inset; 
	-webkit-box-shadow:0 -5px 20px rgba(0, 0, 0, 0.12) inset;
	box-shadow: 0 -5px 20px rgba(0, 0, 0, 0.12) inset;
	z-index: 90;
	}
	.subVisual .wp{padding: 0;}
/* ----------------------------------------------------------------------------------- */
/*.sidebar*/
.sidebar{ width:20.8%; float:left;}
	.subnav{ border-style: solid; border-width:1px; border-color: #198ac5; border-radius:0 0 45px 0; padding: 1.5em 0; margin-top: 1px; background: #2d2d2d; border: 3px solid #fff; box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.27); }
	.subnav .title{color: #a9d469;margin-bottom: 0.5em;padding-left: 0.8em; text-shadow: 3px 3px 4px #000;}
	.subnav ul li:not(.submenuOver) a:not(:hover){color: #fff;}
	.subnav ul li a{padding:0.5em 0em; display:block;width:82%;border-top:#575858 1px dashed;margin-left:1.6em;}
	.subnav ul li:nth-child(1) a{border-top:none;}
	.subnav ul li.submenuOver a{ text-shadow: 3px 3px 4px #000;}
	.subnav ul ul{ padding: 1em 0;}
	.subnav ul ul li a{padding:0.2em 1em; border:none; font-size:0.9em;}
	.subnav li.submenuOver{}
	.subnav ul ul li.submenusubOver a{color:#198ac5;}
	/* banner */
		.banner{padding:2em 0.5em 0; }
		.banner .title{font-size: 1.2em;color: #2d2d2d;}

/* ----------------------------------------------------------------------------------- */
/* location */
.location{ white-space: nowrap;font-size: 0.9em; color: #146eb4; border-bottom: #eae9e9 1px solid; margin-bottom: 2em;text-align: right;/*  width: 88%; */}
	.location ul{margin: 0 auto;max-width: 1082px;}
	.location ul li{display: inline-block;}
	.location li:after{ content: ''; width: 7px; height: 20px; display: inline-block; vertical-align: middle; padding: 0 0 5px;}
	.location i{color: #05a6b3; padding-right:8px;}
	.mainHeader{margin-bottom: 2em; width: 100%;}
	.mainHeader .tr{}
	.mainTitle{ color: #000; background: url(../images/icon/title_bg.gif)no-repeat center left;padding-left: 0.8em;}	
/*.content 內容*/
.content{word-wrap:break-word; word-break: break-all; clear: both;}
	.content img{ width:expression(document.body.clientWidth>100?"100%":"auto"); overflow:hidden; max-width:100%;}
	.content img.floatRight{margin: 0 1em 1em 1em; width: 45%;}
	.content p{padding-bottom:1.5em;}
	.contentsp{padding:2em 0;}
.SubContent{padding:1.2em 0;}
.EventDetail .mainHeader .td{display:block;}

/* contact list */
.contactlist a,.contactlist a:hover{ color: inherit !important;}
.contactlist li{padding:2em 0 2em 0; border-bottom:#ccc 1px dashed;}
.map{ }
.map iframe{  margin-right: 4em; box-shadow: #999 0 0 5px; padding: 1px; border-radius: 7px;}
.map + .txt{ line-height: 1.5em; width: 50%; padding: 4em 0  0 3em; float: left;}	
ul.sty01 li{padding:0.2em 0;border-bottom:none;}
ul.sty01 li a:hover{color: #000;}

/* about */
.people-box li{ display: inline-block; width: calc(100% / 4 - 2.5em); margin: 1em;vertical-align: text-top;}
.people-box .heading { font-size: 1.4em; margin-bottom: 20px; margin-top: 10px;}
.people-box .heading{ position: relative; top: 15px;}
.people-box .heading .count{color: #41c2f3;margin-left: 13px;}
.people-box .number{ font-weight: bold; font-family: 'Cabin', sans-serif; font-size: 1.2em;;}
.people-box b{ color: #303030; margin-top: -11px;; }
.people-box h4 { text-align: justify; padding-top: 1em; color: #000; border-top: 1px #000000 dotted;;}

/* support */
.history_wp{margin-top: 8em; padding-bottom: 8em; position: relative;}
.history_wp:before { content: ''; display: block; width: 2px; height: 100%; position: absolute; /* left: 50%; */ top: 11px; margin-left: -3px;
					 background: #aee071; /* Old browsers */
					background: -moz-linear-gradient(top, #aee071 1%, #0092cb 44%, #54cffe 100%); 
					background: -webkit-linear-gradient(top, #aee071 1%,#0092cb 44%,#54cffe 100%); 
					background: linear-gradient(to bottom, #aee071 1%,#0092cb 44%,#54cffe 100%); 
					filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2aaea5', endColorstr='#004098',GradientType=0 ); 
					}
.history_wp { margin-top: 3em; padding-bottom: 4em;}
.history_wp ul { /* width: 43%; */  margin: 3em 0 3em 3%;}
.history_wp ul:nth-of-type(2n+1) {/* margin: 0 0 0 -0.1%; */}
.history_wp .txt { font-size: 1em;padding-left: 1em;position: relative;}
.history_wp .txt:after { content: '◆'; display: inline-block; position: absolute; left: 0; top: 0;}
.history_wp  .year { position: relative; font-size: 1.7em; margin-bottom: 0.5em;}
.history_wp  .year:before { content: ''; display: block; background-color: #00A5E0; width: 1.5%; height: 2px; position: absolute; left: -3%; top: 0.525em;}
.history_wp  .year:after { position: absolute; left: -3.6%; top: 0.5em; background-color: #fff; content: ""; display: block; overflow: hidden; width: 14px; height: 14px; border-radius: 50%; border: 2px solid #000; z-index: 85; margin: -6px 0 0 -6px;}
/* .history_wp ul:nth-of-type(2n+1) .year:before { left: auto; right: -16%;} */
/* .history_wp ul:nth-of-type(2n) .year:after { left: -5.8%; right: auto; top: 57%; position: absolute;} */
/* .history_wp ul:nth-of-type(2n+1) .year:after { left: auto; right: -18.5%; top: 57%; position: absolute;} */
/*.history_wp  .year:before  Color*/
	.history[data-color='#2aaea5'] .year:before {background-color: #aee071;}
	.history[data-color='#2aaea5'] .year:after {border-color: #aee071;}
	.history[data-color='#24aaab'] .year:before {background-color: #24aaab;}
	.history[data-color='#24aaab'] .year:after {border-color: #24aaab;}
	.history[data-color='#18a2b5'] .year:before {background-color: #18a2b5;}
	.history[data-color='#18a2b5'] .year:after {border-color: #18a2b5;}
	.history[data-color='#119ebb'] .year:before {background-color: #119ebb;}
	.history[data-color='#119ebb'] .year:after {border-color: #119ebb;}
	.history[data-color='#0898c4'] .year:before {background-color: #0898c4;}
	.history[data-color='#0898c4'] .year:after {border-color: #0898c4;}
	.history[data-color='#008cc8'] .year:before {background-color: #008cc8;}
	.history[data-color='#008cc8'] .year:after {border-color: #008cc8;}
	.history[data-color='#0079bc'] .year:before {background-color: #0079bc;}
	.history[data-color='#0079bc'] .year:after {border-color: #0079bc;}
	.history[data-color='#0071b6'] .year:before {background-color: #0071b6;}
	.history[data-color='#0071b6'] .year:after {border-color: #0071b6;}
	.history[data-color='#0059a7'] .year:before {background-color: #0059a7;}
	.history[data-color='#0059a7'] .year:after {border-color: #0059a7;}
	
/* support */
.cooperationList{}
	.cooperationList li{ 
		width: calc(100% / 2 - 2em); 
		float: left;
		-moz-box-shadow: inset 0 0 0 2px white; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff7b0d', endColorstr='#f4a953',GradientType=1 );
		border: 1px solid #eae7e7; 
		border-radius: 9px; 
		box-shadow: 2px 2px 7px 0px #cec7c7; 
		background: #eee; 
		padding: 1.4em 1.3em !important; 
		margin: 0.8em !important; /* IE6-9 fallback on horizontal gradient */
		}
	.cooperationList li:nth-child(2n+1){clear: both;float: left;}
	.cooperationList li img{ padding-bottom: 0.5em; /* border-bottom: 1px dotted #ccc;   */box-shadow: none !important;;}
	.cooperationList table{width: 100%; color: #676666;}
	.cooperationList table th{text-align: left; font-weight: bold; font-size: 1.4em; border-bottom: 1px dotted #bebebe; color: #198ac5; padding-bottom: 0.5em;}
	.cooperationList table i{ color: #ff9f14;}
	.cooperationList table th i{ margin-right: 0.5em; color: #198ac5;}

/*.noinfo 無資訊訊息框*/
.noinfo{padding:5em 0; border:#eee 3px solid; text-align:center;}

/*分頁*/	
.pagingCenterLine{padding-top:2em; margin-top:1.5em; text-align:center; background: url('../images/line.gif') top center repeat-x; font-size: 80%;}
.paging{padding-top:3em;text-align: center;clear:both;}
.pagelink{  color:#146eb4; font-weight:bold;}
	.pagelink a{font-size: 10px; color:#999;padding: 0 5px;}
	.pagelink a:hover{color:#146eb4; text-decoration:underline;}
	.pagelink span{color:#999;padding: 0 5px;}
	.pagelink b{color:#acda6d; font-size: 10px;padding: 0 5px;}
	.pagelink img{ margin: 2px;}
.searchpdno{ font-weight: bold;	color:#146eb4;}
span.sp{padding: 0 10px;}


/*按鈕/表單*/
.btSty{background:#000; color:#fff; border:none; padding:0.4em 2em; cursor:pointer;border-radius: 6px; transition:0.3s all ease-in-out 0.1s;}
	.btSty:hover{background:#65c9fb;}
	a.btSty{display:inline-block; margin:0 1px;}

.formSty{border:#ccc 1px solid; width:calc(100% - 22px)!important; padding:5px 10px; font-size:0.9em; line-height:normal;}
	.formSty2{border:#ccc 1px solid; width:30% !important; padding:5px 10px !important; font-size:0.9em; line-height:normal !important; height:auto !important;}
	.formSty3{border:#ccc 1px solid; padding:5px 10px; font-size:0.9em;}
	span.star{color:#f00;}
	
#msg{color:#999; font-size:0.85em; padding:0 5px;}


/*.tbsty 表格*/
.tbSty{border-collapse:collapse; width:100%; border-top:#000 3px solid; display:table;}
	.tbSty .tr{display:table-row;}
	.tbSty .th{display:table-cell; text-align:center; padding:0.5em; border:#fff 1px solid; vertical-align:middle; background:#ccc;}
	.tbSty .td{display:table-cell; text-align:center; padding:0.5em; border-bottom:#ccc 1px dashed; vertical-align:middle;}
	.tbSty .tbform{border:#ccc 1px solid; padding:5px;}
	.tbSty .td ~ .date{color:#999; font-size:0.8em;}
	.tbSty .td ~ .title{font-size:0.9em;}
	
.tbStybt{text-align:right; padding-top:1em;}

.subtb{width:100%; display:table;}
	.subtb-tr{display:table-row;}
	.subtb-td{display:table-cell; vertical-align:middle; text-align:left;}
	.subtb-td:first-child{width:100px;}
	.subtb-td:first-child img{width:80px;}

table.tab1{border:1px solid #ffb033;border-top-left-radius: 20px;text-align: center;width:100%;}
table.tab1 th{background: #ffb033;padding: 0.6em;color: #fff;border-bottom: 1px solid #fff;;}
table.tab1 tr{ padding: 1em;}
table.tab1 td{ padding: 0.6em 01em; border-bottom: 1px solid #ffb033; border-right: 1px solid #ffb033;}
table.tab1 td:last-child{ border-right:none;}
table.tab1 tr:last-child td, table.tab1 tr:last-child th { border-bottom:none;}
table.tab1 tr:first-child th {border-top-left-radius: 20px;}
table.tab1 tr:nth-child(3) td:nth-child(2){background: #f7e0bb;}
table.tab1 tr:nth-child(3) td:nth-child(3){background: #efd09f;}
table.tab1 tr:nth-child(3) td:nth-child(4){background: #efc37e;}



@media screen and (max-width: 1919px) {
/* sub Visual */
#wowslider-container2 img{max-width: 1920px; position: relative;left: -15%;}
.subVImg{height:169px !important; overflow: hidden;}
.subVImg img{height:169px;}
}
@media screen and (max-width: 1072px) {
/* sub Visual */
.subVImg{margin-top:71px;}
}
@media screen and (max-width: 1000px) {
	.sidebar{display: none;}
	.main{width: 100%;}
	.location{margin-bottom: 0;}
	.container .location .td{display:block;}

}
@media screen and (max-width: 768px) {
	h1.title, h2.title { margin-bottom: 1em;}
	/* support */
	.cooperationList li{ width: 100%;margin: 0.8em 0 !important;}
	/* contact list */
	.map{ width: 100%;}
	.map iframe{ width: 100%;}
	.map + .txt{ width: 100%; padding: 1.5em 0 0;}	
	/* content */
	.content img.floatRight{margin: 1em 0; width: 100%;}
	/* about */
	.people-box li{ width: calc(100% / 2 - 3em); margin: 1em;}
	.people-box li:nth-child(2n){ width: calc(100% / 2 - 1em); margin-right: 0;}
	/* location */
	.location{ white-space: inherit;}

}