@charset "utf-8";
/** errorWrap **/
#errorWrap {
	width:100%;
	margin:0 auto;
}
@media screen and (min-width:991px) {
	#errorWrap{
		display: flex;		
		align-items: center;
		height: 100%;
	}
}
/** errorPage **/
#errorPage {
	position:relative;
	width:100%;
	margin: 0 auto;
}
#errorPage .logo{
    display:block;
    width:100%;
    height:80px;
    font-size:0;
    background:url(../images/logo.png) no-repeat 50% 50%;
    background-size: contain;
	margin:20px auto;
	max-width:486px;
}
#errorPage .errorBox {	
    width:100%;
	text-align:center;
    padding:50px 30px;
	box-sizing:border-box;
    margin:0 auto;
    /* background-attachment:fixed !important; */
	background:#326e8e url(../images/dateList-bg3.png) no-repeat 50% 0;
	background-size:cover;
}
#errorPage .errorBox h2 {
    color:#FFF;
	font-size:5.9em;
	margin:10px 0;
	-webkit-text-shadow:0px 1px 5px rgba(0,0,0,.5), 0px 1px 15px rgba(0,0,0,.5);
	   -moz-text-shadow:0px 1px 5px rgba(0,0,0,.5), 0px 1px 15px rgba(0,0,0,.5);
	    -ms-text-shadow:0px 1px 5px rgba(0,0,0,.5), 0px 1px 15px rgba(0,0,0,.5);
	        text-shadow:0px 1px 5px rgba(0,0,0,.5), 0px 1px 15px rgba(0,0,0,.5);
}
#errorPage .errorBox h3 {
	color:#FFF;
	font-size:2.7em;
	margin:10px 0 25px 0;
	-webkit-text-shadow:0px 1px 5px rgba(0,0,0,.5), 0px 1px 15px rgba(0,0,0,.5);
	   -moz-text-shadow:0px 1px 5px rgba(0,0,0,.5), 0px 1px 15px rgba(0,0,0,.5);
	    -ms-text-shadow:0px 1px 5px rgba(0,0,0,.5), 0px 1px 15px rgba(0,0,0,.5);
	        text-shadow:0px 1px 5px rgba(0,0,0,.5), 0px 1px 15px rgba(0,0,0,.5);
}
#errorPage .errorBox p {
	color:#FFF;
	font-size:1.7em;
	line-height:150%;
	font-weight:bold;
	-webkit-text-shadow:0px 1px 5px rgba(0,0,0,.5), 0px 1px 15px rgba(0,0,0,.5);
	   -moz-text-shadow:0px 1px 5px rgba(0,0,0,.5), 0px 1px 15px rgba(0,0,0,.5);
	    -ms-text-shadow:0px 1px 5px rgba(0,0,0,.5), 0px 1px 15px rgba(0,0,0,.5);
	        text-shadow:0px 1px 5px rgba(0,0,0,.5), 0px 1px 15px rgba(0,0,0,.5);
}
#errorPage .errorBtn {
	width:100%;
	text-align:center;
    margin:30px auto;
}
#errorPage .errorBtn a {
	display:inline-block;
    color:#326e8e;
    font-size:1.7em;
	width:130px;
	padding:10px 30px;
	border:1px solid #326e8e;
	box-sizing:border-box;
	border-radius:50px;
	margin:0 auto;
}
#errorPage .errorBtn a:hover,
#errorPage .errorBtn a:focus {
	color:#FFF;
    background:#326e8e;
}
#errorPage .wd {
	text-align:center;
	margin-top:2rem;
}
#errorPage .wd p {
	color:#3c3938;
	font-size:0.95rem;
	line-height:165%;
	margin:0;
}
#errorPage .wd p strong {
    font-family: "微軟雅黑", "Microsoft YaHei", "LiHei Pro Medium";
}
#errorPage .wd a {
    color:#3c3938;
}
#errorPage .wd a:hover,
#errorPage .wd a:focus {
	color:#b34658;
}
#errorPage .wd p span {
    position: relative;
    display: inline-block;
    padding: 0 10px;
}
#errorPage .wd p span:nth-child(1) {
    padding: 0 10px 0 0;
}
#errorPage .wd p span:after {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    top: 50%;
    width: 1px;
    height: 16px;
    background: #7f7f7f;
    margin-top: -8px;
    z-index: 1;
}
#errorPage .wd p span:last-of-type:after{ display:none;}
#errorPage .mark {
	text-align:center;
	margin-top:1rem;
}
#errorPage .mark a {
	display:inline-block;
	vertical-align:middle;
	margin:0 5px;
}
@media screen and (max-width:480px) {
	#errorPage .errorBox {	
		padding:50px 20px;
	}
	#errorPage .errorBox h2 {
		font-size:3.9em;
	}
	#errorPage .errorBox h3 {
		font-size:1.8em;
	}	
}
@media screen and (min-width:991px) {
	#errorPage{
		min-height:640px;
	}
	#errorPage .logo{
		margin:30px auto;
	}
	#errorPage .errorBox {	
		padding:60px 25%;
	}	
}


/** comMain **/
#comMain {
	width: 100%;
    text-align: center;
    height:20vw;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
    background-color: #04667b;
    position: relative;
}
#comMain::before {
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    width: 100%;
    height: 100%;
    display: block;
   /*background-image: url(../images/cmbg.png);*/
    background-repeat: repeat;
}
#comMain.cm1 { background-image:url(../images/commain-bg1.jpg); }
#comMain.cm2 { background-image:url(../images/commain-bg2.jpg); }
#comMain.cm3 { background-image:url(../images/commain-bg3.jpg); }
#comMain.cm4 { background-image:url(../images/commain-bg4.jpg); }
#comMain.cm5 { background-image:url(../images/commain-bg5.jpg); }
#comMain.cm6 { background-image:url(../images/commain-bg6.jpg); }
#comMain.cm7 { background-image:url(../images/commain-bg7.jpg); }
#comMain .container {
	width:100%;
	height:100%;
	display: flex;
	flex-wrap: wrap;
}
#comMain span {
	width: 100%;
    font-size: 3.6em;
    font-weight: bold;
    font-family: "微软雅黑", "微軟正黑體";
    color: #ffffff;
	text-align:center;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	position:relative;
	margin-top:-35px;
	text-shadow: 0 0 3px rgb(0 0 0 / 80%), 0 0 5px rgb(0 0 0 / 30%);	
}
@media screen and (max-width:680px) {
	#comMain {height:25vw;}	
	#comMain span {font-size:3.2em;}	
}
@media screen and (max-width:520px) {
	#comMain {height:30vw;}		
}
@media screen and (max-width:420px) {
	#comMain {height:40vw;}	
	#comMain span {font-size:2.8em;}	
}
@media screen and (min-width:991px) {
	#comMain{ height:190px;}
	#comMain span {font-size: 4.2em; margin-top:-45px;}	
}


/** comPage **/
#comPage {
	position:relative;
	width:100%;
	padding:20px 0;
	margin:0 auto;
}
.pageWhite{
    background-color: #ffffff;
	box-sizing:border-box;
	padding:0;
}
#comPage .pageLeft {
	position:relative;	
	width:100%;
}
#comPage .pageRight {
	position:relative;
	width:100%;
}
.pageWhite .acKey:focus{
	outline:2px dotted #F0FA14;
	color:#F0FA14;
}
.pageWhite .pageLeft .acKey:focus,
.pageWhite .pageRight .acKey:focus{
	outline:2px dotted #FF0000;
	color:#FF0000;
}
@media screen and (min-width:991px) {
	#comPage {
		padding:0 0 50px 0;
		background-color: #daebfa;
	}
	#comPage .acKey {
		position:absolute;
		top:-15px;
		left:50%;
		z-index:2;
		transform: translate3d(-50%, 0, 0);
	}
	.pageWhite{
		padding:20px;
		display: flex;
		flex-wrap: wrap;
		flex-direction: row;
    	justify-content: space-between;
	}
	#comPage .pageLeft {width:230px;}
	#comPage .pageRight {width:calc(100% - 250px);}
	#comPage .pageLeft .acKey,
	#comPage .pageRight .acKey {
		position:absolute;
		top:-15px;
		left:0;
		margin-left:0;
	}
}
@media screen and (min-width:1200px) {
	#comPage .pageLeft{width:260px;}
	#comPage .pageRight {width:calc(100% - 300px);}
	.pageWhite{ padding:20px 20px 30px;}
}
.comingSoon {
    width: 100%;
    float: left;
    padding: 160px 0;
    font-size:30em;
    font-family: Arial, "微軟正黑體", Helvetica, sans-serif;
    line-height: 1.2;
    color: #ddd;
    text-align: center;
    margin: 0;
}
@media screen and (min-width: 991px) {
	.comingSoon {font-size:5em;}
}
.tg-c{ text-align:center;}
.tg-l{ text-align:left;}
.tg-r{ text-align:right;}


/* ----- breadcrumbs ----- */
#comBar {
	position:absolute;
	left:50%;
	bottom:0;
	width: 1200px;
	margin-left:-600px;
	background-color:rgba(48,124,155,.9);
}
#comBar .container{
	position:relative;
}
#breadcrumbs {
	float:left;
	box-sizing:border-box;
	width:auto;
	padding:0;
	margin:0;
}
#breadcrumbs dl {
	float:left;
	width:100%;
	margin:0 auto ;
	width:auto;
	background:none;
}
#breadcrumbs dt {
	float:left;
}
#breadcrumbs dt a.bread-home {
	position:relative;
	display:block;
	width:100px;
	line-height:50px;
	color:#fff;
	font-size:1.6em;
	padding-left:15px;
}
#breadcrumbs dt a.bread-home:before {
	content:"";
	display:block;
	position:absolute;
	top:50%;
	left:35px;
	width:16px;
	height:16px;
	margin:-10px 0 0 -10px;
	background:url(../images/bread-home.svg) no-repeat;
	-webkit-transition:all 0.3s ease;
	   -moz-transition:all 0.3s ease;
	     -o-transition:all 0.3s ease;
	        transition:all 0.3s ease;
}
#breadcrumbs dt a.bread-home:hover,
#breadcrumbs dt a.bread-home:focus {
	color:#ffffbc;
}
#breadcrumbs dt a.bread-home:hover:before,
#breadcrumbs dt a.bread-home:focus:before {
	background:url(../images/bread-home-on.svg) no-repeat;	
}
#breadcrumbs dd {
	position:relative;
	float:left;
	color:#fff;
	font-weight:normal;
	width:auto;
	font-size:1.6em;
	padding:0 10px;
}
#breadcrumbs dt a.bread-home:after, 
#breadcrumbs dd:after {
    content: "";
    display: block;
    position: absolute;
    top: 15%;
    right: 0;
    width: 34px;
    height: 34px;
    border-top: 1px solid rgba(255,255,255,.2);
    border-right: 1px solid rgba(255,255,255,.2);
    margin: 0;
    z-index: 2;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;	
}	
#breadcrumbs dd:last-child {
	border-bottom:none;
}
#breadcrumbs .breadMenu {
	position:relative;
}
#breadcrumbs a{text-decoration:none;}
#breadcrumbs .breadMenu > a {
	position:relative;
	display:block;
	color:#fff;
	line-height:50px;
	padding:0 30px 0 20px;
}
#breadcrumbs .breadMenu > a:hover,
#breadcrumbs .breadMenu > a:focus {
	color:#ffffbc;
}
@media screen and (max-width: 1200px) {
	#comBar {left:0; width: 100%; margin-left:0;}	
}
@media screen and (max-width: 768px) {
	#breadcrumbs dt a.bread-home {
		width:70px;
		line-height:40px;
		font-size:1.4em;
		padding-left:0;
	}
	#breadcrumbs dt a.bread-home:before {
		left:10px;
		top:55%;
	}	
	#breadcrumbs dd {
		font-size:1.4em;
		padding:0;
	}
	#breadcrumbs dt a.bread-home:after, 
	#breadcrumbs dd:after {
		width: 28px;
		height: 28px;
	}
	#breadcrumbs .breadMenu > a {
		line-height:40px;
		padding:0 18px 0 15px;
	}					
}
@media screen and (max-width: 420px) {
	#breadcrumbs {
	  	width: calc(100% - 80px);
	}	
	#breadcrumbs dt a.bread-home {
		width:40px;
		text-align:left;
	}	
	#breadcrumbs dt a.bread-home:before {
		display:none;
	}
	#breadcrumbs .breadMenu > a {
	  	padding: 0 12px;
	}			
}
#comBar a:focus{
	outline:2px dotted #F0FA14;
}
/** asideTitle **/
#asideTitle {
	position:relative;
	width:100%;
	height:96px;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#305a9b+0,048478+100 */
	background: #305a9b; /* Old browsers */
	background: -moz-linear-gradient(45deg,  #305a9b 0%, #326e8e 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(45deg,  #305a9b 0%,#326e8e 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(45deg,  #305a9b 0%,#326e8e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#305a9b', endColorstr='#326e8e',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	overflow:hidden;
	display:flex;
	flex-wrap: wrap;
}
#asideTitle:before {
    content: "";
    display: block;
    position: absolute;
    left:0;
	top:0;
    width: 100%;
    height: 100%;
	background-repeat:no-repeat;
	background-position:3px bottom;
}
#asideTitle.am1:before {
	background-image:url(../images/asidebg1.png);
}
#asideTitle.am2:before {
	background-image:url(../images/asidebg2.png);
}
#asideTitle.am3:before {
	background-image:url(../images/asidebg3.png);
}
#asideTitle.am4:before {
	background-image:url(../images/asidebg4.png);
}
#asideTitle.am5:before {
	background-image:url(../images/asidebg5.png);
}
#asideTitle.am6:before {
	background-image:url(../images/asidebg6.png);
}
#asideTitle h2 {
	display: flex;
	width:100%;
	color:#FFF;
	font-family:"微軟雅黑", "Microsoft YaHei", "LiHei Pro Medium";
	font-size:3.2em;
	font-weight:bold;
    text-align: center;
    justify-content: center;
    align-items: center;
    flex-direction: column;
	z-index:1;
}
/** asideMenu **/
#asideMenu {
	width:100%;
}
#asideMenu > ul {
	width:100%;
	list-style:none;
}
#asideMenu > ul > li {
	width:100%;
	margin-bottom:6px;
}
#asideMenu > ul > li > a {
	position:relative;
	display:inline-block;
	width:100%;	
	color:#333;
	font-size:1.6em;
	font-weight:bold;
	line-height:150%;
	padding:16px 40px 16px 20px;
	box-sizing:border-box;
	background-color:#eeeeee;
}
#asideMenu > ul > li > a:before{
	position: absolute;
    content: "";
    display: block;
    position: absolute;
    right:17px;
    top:50%;
    width: 5px;
    height: 5px;
    border-left: 2px solid #333;
    border-bottom: 2px solid #333;
	margin-top:-3px;
    z-index: 2;
    -webkit-transform: rotate(-135deg);
		-ms-transform: rotate(-135deg);
			transform: rotate(-135deg);
}
#asideMenu > ul > li > a:hover,
#asideMenu > ul > li > a:focus {
	color:#ec5b2f;
}
#asideMenu > ul > li > a:hover:before,
#asideMenu > ul > li > a:focus:before {
	border-color:#ec5b2f;
	right:15px;
}
#asideMenu > ul > li.unit-now > a {
	background-color:#1e5096;
	color:#ffffff;
}
#asideMenu > ul > li.unit-now > a:before{
    border-color:#ffffff;
}
/* ----- advisoryWd ----- */
.advisoryWd{
	width:100%;
	box-sizing:border-box;
	background-color:#fdf3be;
	background-image: url(../images/advisory-am.svg);
	background-repeat:no-repeat;
	background-position:50% 135%;
	padding:15px 15px 70px;
	margin-top:20px;
}
.advisoryWd strong{
	font-family:"微软雅黑";
	font-size:2.5em;
	color:#000000;
}
.advisoryWd > ul{
	list-style-type:none;
	font-size:1.5em;
	line-height:150%;
	margin-top:5px;
}
.advisoryWd > ul > li{
	border-bottom:1px dashed rgba(0,0,0,0.2);
	position:relative;
	box-sizing:border-box;
	padding:5px 0 5px 1.5em;
	word-break: break-word;
}
.advisoryWd > ul > li:last-of-type{ border-bottom:none;}
.advisoryWd > ul > li::before{
	content:"";
	width:22px;
	height:22px;
	display:block;
	background-image: url(../images/advisory-icon.svg);
	background-repeat:no-repeat;
	vertical-align:middle;
	position:absolute;
	left:0;
	top:5px;
}
.advisoryWd > ul > li:nth-of-type(1)::before{background-position:0 0;}
.advisoryWd > ul > li:nth-of-type(2)::before{background-position:-22px 0;}
.advisoryWd > ul > li:nth-of-type(3)::before{background-position:-44px 0;}
.advisoryWd > ul > li:nth-of-type(4)::before{background-position:-66px 0;}
.advisoryWd > ul > li:nth-of-type(5)::before{background-position:-88px 0;}
.advisoryWd > ul > li time span:last-of-type{ padding-left:1em;}
/* ----- pegeTitle ----- */
.pegeTitle{
	width:100%;
	padding:20px 0;
	box-sizing:border-box;
}
.pegeTitle > h2{
	font-family: "微軟雅黑", "Microsoft YaHei", "LiHei Pro Medium";
	width:100%;
	font-size:3em;
	color:#000000;
	font-weight:bold;
	box-sizing:border-box;
}
.searchCriteria {
	width: 100%;
	margin:15px 0 0;
	padding:0;
	box-sizing: border-box;
	display:inline-block;
}
@media screen and (min-width: 768px) {
	.pegeTitle{display: flex;flex-wrap: wrap;align-items: center; min-height:96px;}
	.pegeTitle > h2{width:calc(100% - 400px); padding-right:10px;}
	.searchCriteria{width:400px; margin:0;}
}

/* ----- searchCriteria ----- */
.searchCriteria .allbox{
	width:100%;
}
.searchCriteria .tbox{
	width:100%;
	margin:0 0 10px;
	padding:0;
	position:relative;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	-o-transition:all 0.4s ease;
	transition:all 0.4s ease;
	border:none;
	z-index: 1;
	background-color:#eeeeee;
	border-radius:50px;
}
.searchCriteria .listBar {
	width:100%;
	height:46px;
	line-height:46px;
	font-family: "微軟正黑體", Arial, Helvetica, sans-serif;
	color: #666;
	cursor: pointer;
	text-indent: 0.01px;
	padding:0;
	margin:0;
	-webkit-appearance: none; /* gets rid of default appearance in Webkit browsers*/
	-moz-appearance: none; /* Get rid of default appearance for older Firefox browsers */
	-ms-appearance: none; /* get rid of default appearance for IE8, 9 and 10*/
	appearance: none;
	font-size:1.6em;
	background-color:transparent;
	border:none;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	background-image:url(../images/listBar.svg);
	*background-image:url(../images/listBar.png);
	background-repeat:no-repeat;
	background-position:6px center;
	padding-left:56px;
}
.searchCriteria .tbox:after {
    content: '';
    display: block;
    pointer-events: none;
    position: absolute;
    right: 12px;
    top: 50%;
    -webkit-transform-origin: 66% 66%;
    -ms-transform-origin: 66% 66%;
    transform-origin: 66% 66%;
    -webkit-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
    border-color: #000000 transparent transparent transparent;
    border-style: solid solid solid solid;
    border-width: 5px 5px 0 5px;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    width: 0;
    height: 0;
    margin-top:-2.5px;
	z-index:-1;
}
.searchCriteria .tbox:hover:after{
	border-color: #3a8538 transparent transparent transparent;
}
.searchCriteria .tbox:focus,
.searchCriteria .tbox:hover {
	color:#8cc63f;
}
.searchCriteria .listBar option {
	color:#333;
	border:none;
	background:#FFF; /* style the dropdown bg color */
}
.searchCriteria .listBar:-ms-expand {
	display:none; /* hide default arrow in IE10 */
}
.searchCriteria .sbox {
	width:100%;
	padding: 0;
	margin: 0;
}
.searchCriteria .search-query {
	width:100% !important;
	height:46px;
	line-height:46px;
	color: #666;
	font-family: "微軟正黑體", Arial, Helvetica, sans-serif;
	border: none;
	background: none;
	padding:0 15px;
	margin:0;
	border:none; 
	font-size:1.6em;
	background-color:#eeeeee;
	box-sizing:border-box;
	border-radius:50px;
}
.searchCriteria .search-query::-webkit-input-placeholder { color: #666; }
.searchCriteria .search-query:-moz-placeholder { color: #666; }
.searchCriteria .search-query::-moz-placeholder { color: #666; }
.searchCriteria .search-query:-ms-input-placeholder { color: #666;}
.searchCriteria .search-btn {
	width:46px;
	height:46px;
	border:none;
	cursor:pointer;
	padding:0;
	margin:0;
	color:#fff;
	font-size:0;
	background-color:#333333;
	background-image:url(../images/com-search.svg);
	*background-image:url(../images/com-search.png);
	border-radius:50px;
}
.searchCriteria .search-btn:hover{ 
	background-color:#5880a7;
}
.searchCriteria .scBox{
	width:100%;
	display: flex;
}
.searchCriteria .scBox .scL,
.searchCriteria .scBox .scR{
	box-sizing: border-box;
}
.searchCriteria .scBox .scL{ width:calc(100% - 56px);}
.searchCriteria .scBox .scR{ width:56px; text-align:right;}
@media screen and (min-width: 401px) {
	.searchCriteria{display: flex;}
	.searchCriteria .tbox,
	.searchCriteria .sbox{
		box-sizing: border-box;
		margin:0;
	}
	.searchCriteria .tbox{width:150px;}
	.searchCriteria .sbox{width:calc(100% - 150px); padding-left:10px;}
	.searchCriteria.full .sbox{width:100%; padding-left:0;}
}
/* ----- titHead ----- */
.titHead {
	width:100%;
	text-align:justify;
	padding:15px 0;
	box-sizing:border-box;
	display: flex;
	align-items: center;
}
.titHead h2 {
	color:#333;
	font-family:"微軟雅黑", "Microsoft YaHei", "LiHei Pro Medium";
	font-size:2.8em;
	line-height:125%;
	font-weight:bold;
	box-sizing:border-box;
}
.titHead.faq::before{
	content:"";
	width:40px;
	height:40px;
	background-image: url(../images/tit-faq.svg);
	background-repeat:no-repeat;
	background-position:center center;
	background-size:contain;
	display:block;
}
.titHead.faq h2{
	width:calc(100% - 60px);
	padding-left:10px;
}
@media screen and (min-width: 481px) {
	.titHead.faq::before{width:60px;height:60px;}
	.titHead.faq h2{width:calc(100% - 60px);}
}
@media screen and (min-width: 991px) {
	.titHead {min-height:96px;}
	.titHead h2{font-size:3.2em;}
}
/** pageData **/
.pageData {
	width:100%;
	margin:0;
	position:relative;
	box-sizing: border-box;
	display: flex;
	flex-wrap: wrap;
}
.pageData .noscript{
	box-sizing:border-box;
	padding:10px;
	margin-top:15px;
}
/* ----- postInfo ----- */
.postInfo {
	margin:0;
	padding:10px;
	box-sizing:border-box;
	border-radius:5px;
	background-color:#eeeeee;
	/*width:calc(100% - 60px);*/
	width:100%;
	display: flex;
	align-items: center;
}
.postInfo ul {
	list-style:none;
}
.postInfo ul li {
	color:#222;
	font-size:1.5em;
	line-height:130%;
	margin:5px 20px 5px 0;
	display:inline-block;
}
.postInfo ul li:last-child {
	margin-right:0;	
}
.postInfo ul li span {
	padding:0;
	width: 21px;
    height: 17px;
    display: inline-block;
    vertical-align: middle;
	background-repeat:no-repeat;
	background-position:50% 50%;
	margin-right:5px;
}
.postInfo ul li .post_icon1 {
	background-image: url(../images/post_icon1.svg);
    *background-image: url(../images/post_icon1.png);
}
.postInfo ul li .post_icon2 {
	background-image: url(../images/post_icon2.svg);
    *background-image: url(../images/post_icon2.png);
}
.postInfo ul li .post_icon3 {
	background-image: url(../images/post_icon3.svg);
    *background-image: url(../images/post_icon3.png);	
}
/* ----- postBtn ----- */
#comShare{
	position: absolute;
    top: 0;
    right: 0;	
}
.postBtn{	
	width:80px;
	display: flex;	
}
.printBtn {
	width:40px;
	height:40px;
	color:#FFF;
	font-size:0;
	line-height:40px;
	margin:0;
	background:url(../images/icon-print.svg) no-repeat 50% 50%;
	border:none;
	box-sizing:border-box;
	display:block;
	border-left: solid 1px rgba(255,255,255,.2);
}
.printBtn:hover,
.printBtn:focus {
	background:#1e5096 url(../images/icon-print-on.svg) no-repeat 50% 50%;
}

/* ----- shareFix ----- */
.shareFix {
	position:relative;
	width:40px;
	border-left: solid 1px rgba(255,255,255,.2);
}
.shareFix .on {
	display:block;
	width:40px;
	height:40px;
	color:#222;
	font-size:0;
	line-height:40px;
	padding:0 10px;
	box-sizing:border-box;
	background:url(../images/icon-share.svg) no-repeat 50% 50%;
	border:none;
	/*border-radius:50px;*/
}
.shareFix .on.show,
.shareFix .on.show:focus {	
	background:#1e5096 url(../images/icon-share-on.svg) no-repeat 50% 50%;
}
.shareFix .shareNav {
	display:none;
	position: absolute;
	top: 40px;
	right: 0;
	background:#FFF;
	z-index: 200;
	list-style:none;
}
.shareFix .shareNav a {
	width:40px;
	height:40px;
	font-size:0;
	display: flex;
	align-items: center;
	justify-content:center;
	/*border-radius:50px;*/
}
.shareFix .shareNav a.icon-fb{
	background-color:#3b5999;
}
.shareFix .shareNav a.icon-twitter{
	background-color:#000000;
}
.shareFix .shareNav a.icon-line{
	background-color:#01c302;
}
.shareFix .shareNav a:hover{background-color:#333333;}
.shareFix .shareNav a::before{
	content:"";
	display:block;
	width:42px;
	height:42px;
	background-image: url(../images/fat-social.svg);
    *background-image: url(../images/fat-social.png);
	background-repeat:no-repeat;
}
.shareFix .shareNav a.icon-fb::before{
	background-position:0 0;
}
.shareFix .shareNav a.icon-twitter::before{
	background-position:-42px 0;
}
.shareFix .shareNav a.icon-line::before{
	background-position:-84px 0;
}
@media screen and (max-width: 480px) {
	.postInfo ul li{ display:block;}
}
@media screen and (min-width: 768px) {
	.pageData{display: flex;flex-wrap: wrap;}
	.postInfo{width:100%;}
	.postBtn{width:100px;}
	.postInfo{border-radius:50px;}
	.shareFix .shareNav {
		top: 50px;
	}	
	.printBtn, .shareFix .on {
		width:50px;
		height:50px;
		line-height:50px;
	}
	.shareFix, .shareFix .shareNav {
		width:50px;
	}	
	.shareFix .shareNav a {
		width:50px;
		height:50px;
	}			
}

/* ----- pageWord ----- */
.pageWord {
	width:100%;
	font-size:1.7em;
	line-height:170%;
	/*text-align:justify;*/
	margin:30px auto 0 auto;
}
.pageWord p + p{
	margin:15px 0;
}
.pageWord img {
	height:auto;
	max-width:100%;
	margin:0 auto;
}
.pageWord > ol,
.pageWord > ul {
	margin:10px 0;
	margin-left:3em;
}
.pageWord > ol > li,
.pageWord > ul > li {
	margin:10px 0;
}
.pageWord li ol,
.pageWord li ul {
	margin:10px 0;
	margin-left:2em;
}
.pageWord li ol li,
.pageWord li ul li {
	margin:10px 0;
}
/**/
.attachTit{
	color:#333;
	font-family:"微軟雅黑", "Microsoft YaHei", "LiHei Pro Medium";
	font-size:2.3em;
	font-weight:bold;
	margin-bottom:20px;
}
.attachTit span {
	position:relative;
	padding:0 0 0 35px;
}
.attachTit span:before {
	content:"";
	display:block;
	position:absolute;
	top:50%;
	left:0;
	width:27px;
	height:27px;
	margin:-13.5px 0 0 0;
	background:url(../images/icon-photo.svg) no-repeat 50% 50%;
	background-size:100% auto;
}
.documentBot .attachTit span:before{
	background-image: url(../images/icon-file.svg);
}
/** gallery **/
#gallery {
	width:100%;
	box-sizing:border-box;
	margin:30px auto 0 auto;
}
#gallery ul {
	list-style:none;
	margin:-10px -10px 0 -10px;
	flex-wrap: wrap;
	display: flex;
}
#gallery ul li {
	display:inline-block;
	width:50%;
	letter-spacing:0;
	padding:10px;
	vertical-align:top;
	box-sizing:border-box;
}
#gallery ul li a {
	float:left;
    width:100%;
	height:100%;
	color:#333;
}
#gallery ul li a:hover,
#gallery ul li a:focus {
	color:#ec5b2f;
}
#gallery figure {
	margin:0;
}
#gallery figure .pic{
	width:100%;
	height:32vw;
	overflow:hidden;
	background-color:#eeeeee;
	display: flex;
	justify-content:center;
	align-items:center;
}
#gallery figure .pic img {
	width:100%;
	height:auto;
	-webkit-transition:0.4s;
	   -moz-transition:0.4s;    
         -o-transition:0.4s;
            transition:0.4s;
}
#gallery a:hover figure .pic img,
#gallery a:focus figure .pic img {
    -webkit-transform:scale(1.08);
	   -moz-transform:scale(1.08);
        -ms-transform:scale(1.08);
         -o-transform:scale(1.08);    
            transform:scale(1.08);
}
#gallery figure figcaption {
	font-size:1.7em;
	line-height:130%;
	font-weight:bold;
	text-align:center;
	margin-top:10px;
}
#gallery figure figcaption strong {
	display:inline-block;
	font-family:"微軟雅黑", "Microsoft YaHei", "LiHei Pro Medium";
	font-size:1.3rem;
	margin-bottom:5px;
}
#gallery figure figcaption strong span {
	display:inline-block;
	color:#FFF;
	font-size:0.9rem;
	line-height:100%;
	padding:5px 10px;
	background:#8c3c4a;
	margin-right:10px;
	vertical-align:top;
}
@media screen and (max-width:420px) {
	#gallery ul li{width:100%;}
	#gallery figure .pic{ height:inherit;}
}
@media screen and (min-width:768px) {
	#gallery ul li {width:33.3333%;}
	#gallery figure .pic{ height:22vw;}
}
@media screen and (min-width:991px) {	
	#gallery {margin-top:50px;}
	#gallery figure .pic{ height:190px;}
}
/* ----- documentBot ----- */
.documentBot{
	clear:both;
	margin:30px auto 0 auto;
	width:100%;
}
.documentBot ul{
	padding:0;
	margin:0;
	list-style-type:none;
	width:100%;
	font-size:1.6em;
	line-height:150%;
}
.documentBot ul li{
	width:100%;
	box-sizing: border-box;
	margin:0 0 10px;
	border:none;
	background-color:#eeeeee;
	position:relative;
	min-height:50px;
	transition:all 0.4s ease;
	border-radius:5px;
}
.documentBot ul li:last-of-type{border-bottom:none;}
.documentBot a.file{
	width:100%;
	display: flex;
	padding:15px;
	box-sizing: border-box;
	border-radius:5px;
}
.documentBot a.file .fileIcon{
	width:45px;
	height:50px;
	display:block;
	background-color:#666;
	content:"";
	text-align:center;
	text-transform:uppercase;
	padding-top:24px;
	box-sizing: border-box;
	font-size:0.875em;
	font-family:Arial, Helvetica, sans-serif;
	color:#fff;
	font-weight:bold;
	border-radius:3px;
	transition:all 0.4s ease;
	margin-right:15px;
	position:relative;
}
.documentBot a.file .fileIcon::before{
	content:"";
	width:20px;
	height:20px;
	display:block;
	position:absolute;
	top:0;
	right:0;
	border:3px solid #eeeeee;
	border-radius:3px;
	transform: translate3d(50%, -50%, 0);
}
.documentBot a.file .fileIcon::after{
	content:"";
	position:absolute;
	top:-1px;
	right:-1px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 11px 11px 0;
	border-color: transparent #eeeeee transparent transparent;
}
.documentBot a.file:hover{
	background-color:#fde2be;
}
.documentBot a.file:hover .fileIcon::before{
	border-color:#fde2be;
}
.documentBot a.file:hover .fileIcon::after{
	border-color: transparent #fde2be transparent transparent;
}
.documentBot a.file .fileIcon.pdf{ background-color:#a40000;}
.documentBot a.file .fileIcon.odt,
.documentBot a.file .fileIcon.doc,
.documentBot a.file .fileIcon.docx{ background-color:#0068b7;}
.documentBot a.file .fileIcon.ods,
.documentBot a.file .fileIcon.xls{ background-color:#8ABF1C;}
.documentBot a.file .fileIcon.odp,
.documentBot a.file .fileIcon.ppt,
.documentBot a.file .fileIcon.pptx{ background-color:#F1662D;}
.documentBot a.file .fileIcon.rar{ background-color:#67005E;}
.documentBot a.file .fileIcon.zip{ background-color:#653F01;}
.documentBot a.file .fileIcon.jpg{ background-color:#e85ca3;}
.documentBot a.file .fileIcon.png{ background-color:#c47cee;}
.documentBot a.file:hover .fileIcon{
	background-color:#dd3700;
	transform: translate3d(5px, 0, 0);
}
.documentBot .fileTx{width:calc(100% - 60px);}
.documentBot a.file .fileName{
	color:#000;
	font-size:1.125em;
	font-weight:bold;
	line-height:150%;
	letter-spacing:0.04em;
	padding:0;
	position:relative;
	font-family: "微软雅黑","微軟正黑體";
}
.documentBot a.file:hover .fileName,
.documentBot a.file:focus .fileName{ color:#ec5b2f;}
.documentBot a.file .infor{
	color:#666;
	font-size:0.875em;
	width:100%;
	line-height:130%;
	padding-top:8px;
}
.documentBot a.file .infor .update,
.documentBot a.file .infor .size{
	display:inline-block;
}
.documentBot .infor > span{
	position: relative;
	padding-left: 10px;
    margin-right: 15px;
}
.documentBot .infor > span:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    width: 4px;
    height: 4px;
    margin: -2px 0 0 0;
    background: #666;
	border-radius:4px;
}
/** page **/
#page{
	width:100%;		
	margin:30px auto 20px;
	clear:both;
}	
#page .total{
	width:100%;
	color:#999;
	font-size:1.6em;
	text-align:center;
	margin-top:20px;
}
#page .total span{font-weight:bold;}
#page .num {
	width:100%;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
}
#page .num a {
	display:none;
	width:40px;
	height:40px;
	line-height:40px;
	color:#000;
	font-size:0;
	vertical-align:middle;
	border:none;
	box-sizing:border-box;
	margin:0 2px;
	background-color:#f8ecea;
}
#page .num .cur{	
	display:inline-block;
	width:40px;
	height:40px;
	line-height:40px;
	font-size:1.7em;
	font-weight:bold;
	text-align:center;
	vertical-align:middle;
	cursor:text;
	margin:0 20px;
	background:#5880a7;
	color:#FFF;
}
#page .num a.btn-first {
	position:relative;
	display:inline-block;
}
#page .num a.btn-first:before {
	content:"";
	display:block;
	position:absolute;
	top:50%;
	left:50%;
	width:10px;
	height:10px;
	border-left:1px solid #fff;
	border-bottom:1px solid #fff;
	margin:-5px 0 0 0;
	z-index:2;
	-webkit-transform:rotate(45deg);
	    -ms-transform:rotate(45deg);
	        transform:rotate(45deg);
	-webkit-transition:all 0.4s;
	   -moz-transition:all 0.4s;
	     -o-transition:all 0.4s;
	        transition:all 0.4s;
}
#page .num a.btn-first:after {
	content:"";
	display:block;
	position:absolute;
	top:50%;
	left:50%;
	width: 1px;
    height: 16px;
    margin: -8px 0 0 -5px;
	background:#fff;
	z-index:2;
	-webkit-transition:all 0.4s;
	   -moz-transition:all 0.4s;
	     -o-transition:all 0.4s;
	        transition:all 0.4s;
}
#page .num a.btn-prev {
	position:relative;
	display:inline-block;
	padding-left:15px;
}
#page .num a.btn-prev:before {
	content:"";
	display:block;
	position:absolute;
	top:50%;
	left:50%;
	width:10px;
	height:10px;
	border-left:1px solid #fff;
	border-bottom:1px solid #fff;
	margin:-5px 0 0 -2px;
	z-index:2;
	-webkit-transform:rotate(45deg);
	    -ms-transform:rotate(45deg);
	        transform:rotate(45deg);
	-webkit-transition:all 0.4s;
	   -moz-transition:all 0.4s;
	     -o-transition:all 0.4s;
	        transition:all 0.4s;
}
#page .num a.btn-next {
	position:relative;
	display:inline-block;
	padding-right:15px;
}
#page .num a.btn-next:before {
	content:"";
	display:block;
	position:absolute;
	top:50%;
	right:50%;
	width:10px;
	height:10px;
	border-top:1px solid #fff;
	border-right:1px solid #fff;
	margin:-5px -2px 0 0 ;
	z-index:2;
	-webkit-transform:rotate(45deg);
	    -ms-transform:rotate(45deg);
	        transform:rotate(45deg);
	-webkit-transition:all 0.4s;
	   -moz-transition:all 0.4s;
	     -o-transition:all 0.4s;
	        transition:all 0.4s;
}
#page .num a.btn-last {
	position:relative;
	display:inline-block;
	padding-right:15px;
}
#page .num a.btn-last:before {
	content:"";
	display:block;
	position:absolute;
	top:50%;
	right:50%;
	width:10px;
	height:10px;
	border-top:1px solid #fff;
	border-right:1px solid #fff;
	margin:-5px 0 0 0;
	z-index:2;
	-webkit-transform:rotate(45deg);
	    -ms-transform:rotate(45deg);
	        transform:rotate(45deg);
	-webkit-transition:all 0.4s;
	   -moz-transition:all 0.4s;
	     -o-transition:all 0.4s;
	        transition:all 0.4s;
}
#page .num a.btn-last:after {
	content:"";
	display:block;
	position:absolute;
	top:50%;
	right:50%;
	width:1px;
	height:16px;
	margin:-8px -5px 0 0;
	background:#fff;
	z-index:2;
	-webkit-transition:all 0.4s;
	   -moz-transition:all 0.4s;
	     -o-transition:all 0.4s;
	        transition:all 0.4s;
}
#page .num a ,#page .num .cur,
#page .num a.btn-first,#page .num a.btn-last{
	border-radius:20px;
	box-sizing:border-box;
}
#page .num a.btn-first,
#page .num a.btn-last{
	background-color:#333;
}
#page .num a.btn-prev,
#page .num a.btn-next {
	background-color:#666;
}
#page .num a.btn-first:hover,
#page .num a.btn-first:focus,
#page .num a.btn-last:hover,
#page .num a.btn-last:focus,
#page .num a.btn-prev:hover,
#page .num a.btn-prev:focus,
#page .num a.btn-next:hover,
#page .num a.btn-next:focus {
	background-color:#ec5b2f;
}
@media screen and (min-width:991px) {	
	#page{flex-wrap: wrap;display: flex;align-items: center;}
	#page .total,#page .num {
		text-align:left;
		margin:0;
	}
	#page .total{width:200px; text-align:right;}
	#page .num{ width:calc(100% - 200px);}
	#page .num a {
		display:inline-block;
		font-size:1.5em;
		text-align:center;
	}	
	#page .num a:hover,
	#page .num a:focus {
		color:#FFF;
		background:#eb3353;
	}
	#page .num .cur{margin:0 2px;}
	#page .num a.btn-first,
	#page .num a.btn-last,
	#page .num a.btn-prev,
	#page .num a.btn-next {
		font-size:0;
	}
}
/** pageBack **/
#pageBack {
	width:100%;
	margin:20px 0;
	text-align:center;
}
#pageBack a {
	display:inline-block;
	color:#000;
	font-size:1.8em;
	font-weight:bold;
	padding:15px 30px;
	margin:0 auto;
	border-radius:26px;
	-webkit-border-radius:26px;
	-moz-border-radius:26px;
	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	-o-transition:all 0.4s ease;
	transition:all 0.4s ease;
	background-color:#eeeeee;
}
#pageBack a span {
	position:relative;
	padding:0 25px 0 0;
}
#pageBack a span:after {
	content:"";
	display:block;
	position:absolute;
	top:50%;
	right:0;
	width:18px;
	height:18px;
	margin:-9px 0 0 0;
	background-image:url(../images/back-icon.svg);
	*background-image:url(../images/back-icon.png);
	background-repeat: no-repeat;
	z-index:2;
}
#pageBack a:hover,
#pageBack a:focus {
	color:#FFF;
	background-color:#000;
}
#pageBack a:hover span:after,
#pageBack a:focus span:after {
	background-image:url(../images/back-icon-on.svg);
	*background-image:url(../images/back-icon-on.png);
}
@media screen and (min-width:991px) {
	#pageBack {margin:30px 0 20px 0;}	
}



table caption{
	font-weight:bold;
	font-size:1.3rem;
	margin:10px auto;
	color: #005290;
}
/* ----- comTable CSS ----- */
.comTable {
	width:100%;
	border:1px solid #CCC;
	margin:15px 0;
}
.comTable th {
	color:#000;
    font-weight:bold;
	text-align:center;
	vertical-align:middle;
	padding:12px 8px;
	background-color:#e6f0fa;
	border-right:1px solid #ccc;
	border-bottom-width: 2px;	
}
.comTable td {
	color:#000;    
	vertical-align:middle;
	padding:15px;
	border-left:1px dotted #CCC;
	border-bottom:1px solid #CCC;	
}
.comTable td a{
	color:#0099ff;
}
.comTable td a:hover,
.comTable td a:focus{
	color:b20000;
}

/* ----- restable CSS ----- */
ul.tabletolist {
	margin:-20px 0;
}
ul.tabletolist img {
	max-width:100%
}
ul.tabletolist.nrh > li {
	border-bottom:2px solid #ddd
}
ul.tabletolist,
ul.tabletolist > li > ul {
	padding:0!important;
	list-style:none!important;
}
ul.tabletolist > li {
	margin:20px 0;
}
ul.tabletolist > li strong{
	color:#000;
}
ul.tabletolist > li > ul {
	margin:0!important;
}
ul.tabletolist > li .titles {	
	display:block;
	color:#000;
	font-weight:bold;
	text-align:center;
	padding:10px;
	background:#7CD8BE;
}
ul.tabletolist > li > ul > li {	
	display:flex;
	flex-direction:row;
	align-items:center;
	justify-content:flex-start;
	padding:10px 0;
	margin:0;
	border-bottom:1px dotted #CCC;
}
ul.tabletolist > li > ul > li:last-child {	
	border-bottom:none;
}
ul.tabletolist ul > li:nth-of-type(1) {
	color:#000;
	background:#e6f0fa;
}
ul.tabletolist ul > li .row_headers {
	float:left;
	width:150px;	
	text-align:center;
	font-weight:400;
	padding:0 10px;
	box-sizing:border-box;
}
ul.tabletolist ul > li:nth-of-type(1) .row_headers {
	width:250px;
	color:#1e5096;		
}
ul.tabletolist ul > li .row_data {
	float:right;
	width:calc(100% - 150px);
	padding:0 10px;
	border-left:1px dashed #666;
	box-sizing:border-box;
	word-break: break-all;
}
ul.tabletolist ul > li:nth-of-type(1) .row_data {
	font-size:1.3rem;
	width:100% !important;
	color:#1e5096;
	border-left:none;
	font-weight:bold;
}
ul.tabletolist ul > li .row_data .pic {
	display:inline-block;
	width:60px;
	vertical-align:middle;
	margin-right:10px;
}
ul.tabletolist ul > li .row_data .wd {
	display:inline-block;
	font-size:1rem;
	vertical-align:middle;
}
ul.tabletolist ul > li .row_data .wd strong {
	font-size:1.5rem;
}
#stripedTable ul.tabletolist ul > li .row_headers {
	width:120px;	
}
#stripedTable ul.tabletolist ul > li .row_headers span {
	display:block;
}
#stripedTable ul.tabletolist ul > li .row_data {
	width:calc(100% - 120px);
}
ul.tabletolist > li > ul > li {
	*zoom:1;
}
ul.tabletolist > li > ul > li:before {
	content:" ";
	display:none;
}
ul.tabletolist > li > ul > li:after {
	content:" ";
	display:none;
	clear:both;
}
ul.tabletolist ul > li .row_data.html ul {
	list-style-type:disc;
}


/* ----- payTable CSS ----- */
.payTable {
	width:100%;
	border:1px solid #CCC;
	margin:15px 0;
}
.payTable th {
	color:#000;
    font-weight:bold;
	text-align:center;
	vertical-align:middle;
	padding:12px 8px;
	background-color:#e6f0fa;
	border-right:1px solid #ccc;
	border-bottom-width: 2px;	
}
.payTable th:nth-of-type(1),
.payTable th:nth-of-type(2) {
	width:120px;
	text-align:center;	
}
.payTable td {
	color:#000;    
	vertical-align:middle;
	padding:15px;
	border-left:1px dotted #CCC;
	border-bottom:1px solid #CCC;	
}
.payTable td a{
	color:#0099ff;
}
.payTable td a:hover,
.payTable td a:focus{
	color:b20000;
}
.payTable th.tit {
	border-bottom-width: 1px;
	font-weight:normal;
}
@media screen and (max-width:480px) {
	.payTable th {
		padding:12px 6px;
	}
	.payTable td {
		padding:6px;
	}		
	.payTable th:nth-of-type(1),
	.payTable th:nth-of-type(2) {
		width:70px;
	}
}

@media print {
	#comPage .pageLeft {
		display:none!important;
	}
}