@charset "utf-8";

/* ----- itemList ----- */
.itemList {
	width:100%;
	margin:0 auto;
}
.itemList ul {
	width:100%;
	list-style:none;
}
.itemList ul li {
	width:100%;
	border-bottom:1px dashed #CCC;
}
.itemList ul li a {
	position:relative;
	display:block;
    width:100%;
	padding:15px 40px 15px 0;
	box-sizing:border-box;
}
.itemList ul li a:after {
    content:"";
    display:block;
    position:absolute;
    top:50%;
    right:9px;
    width:21px;
    height:21px;
    margin-top:-10.5px;
	background:url(../images/itemList-icon.png) no-repeat 0 0;
	z-index:2;
}
.itemList ul li a.download:after { background-position:0 -21px; }
.itemList ul li a.link:after { background-position:0 -42px; }
.itemList ul li a:hover:after,
.itemList ul li a:focus:after {
	background-image:url(../images/itemList-icon-on.png);
}
.itemList ul li p {
	margin-bottom:10px;
}
.itemList ul li p time {
	color:#666;
	font-size:1.5em;
}
.itemList ul li p .keyTag {
	color:#FFF;
	font-size:1.5em;
	padding:0 10px;
	margin-left:15px;
	background:#bf0000;
}
.itemList ul li h3 {
	font-family:"微軟正黑體", "Microsoft JhengHei";
	color:#000;
	font-size:2.1em;
	line-height:125%;
	font-weight:bold;
}
.itemList ul li a:hover h3,
.itemList ul li a:focus h3{
	color:#b20000;
}
@media screen and (min-width:991px) {
	.itemList ul li a {
		padding:25px 50px 25px 0;
	}
	.itemList ul li a:after {
		right:19px;
	}
}


/* ----- safetyList ----- */
.safetyList {
	width:100%;
	margin-top:30px;
}
.safetyList ul {
	list-style:none;
	margin:-10px;
}
.safetyList ul li {
	display:inline-block;
	width:50%;
	padding:10px;
	box-sizing:border-box;
	vertical-align:top;
}
.safetyList .box {
	position:relative;
	float:left;
	width:100%;
	padding:9px;
	border:1px solid #e5e5e5;
	box-sizing:border-box;
	justify-content: space-around;
	-webkit-border-radius:15px;
	   -moz-border-radius:15px;
            border-radius:15px;
}
.safetyList .photo {
	float:left;
	width:100%;
	overflow:hidden;
	-webkit-border-radius:10px;
	   -moz-border-radius:10px;
            border-radius:10px;
}
.safetyList .photo img {
	width:100%;
	height:auto;
}
.safetyList .word {
	float:left;
	width:100%;
	margin-top:10px;
}
.safetyList .word h3 {
	color:#000;
	font-size:1.9em;
	line-height:135%;
	font-weight:bold;
}
.safetyList .word p {
	color:#000;
	font-size:1.5em;
	line-height:165%;
	text-align:justify;
}
@media screen and (max-width:680px) {
	.safetyList ul li {
		width:50%;
	}
}
@media screen and (max-width:420px) {
	.safetyList ul li {
		width:100%;
	}
}
@media screen and (min-width:991px) {
	.safetyList .photo {
		width:50%;
	}
	.safetyList .word {
		width:50%;
		padding:5px 15px;
		box-sizing:border-box;
		margin:0;
	}
}
@media screen and (min-width:1200px) {
	.safetyList .photo {
		width:250px;
	}
	.safetyList .word {
		width:calc(100% - 250px);
		padding:15px;
	}
}


/* ----- ticketIitem ----- */
.ticketIitem {
	width:100%;
	margin:0 auto;
}
.ticketIitem ul {
	width:100%;
	list-style:none;
}
.ticketIitem ul li {
	width:100%;
	border-bottom:1px dashed #CCC;
}
.ticketIitem ul li a {
	position:relative;
	display:block;
    width:100%;
	padding:15px 40px 15px 0;
	box-sizing:border-box;
}
.ticketIitem ul li p {
	margin-bottom:10px;
}
.ticketIitem ul li p time {
	color:#666;
	font-size:1.5em;
}
.ticketIitem ul li p .category {
	color:#386ac1;
	font-size:1.5em;
	font-weight:bold;
	margin-left:15px;
}
.ticketIitem ul li h3 {
	position:relative;
	font-family:"微軟正黑體", "Microsoft JhengHei";
	color:#000;
	font-size:2.1em;
	line-height:125%;
	font-weight:bold;
	padding:10px 0;
	padding-left:65px;
}
.ticketIitem ul li h3:after {
    content:"";
    display:block;
    position:absolute;
    top:50%;
    left:10px;
    width:45px;
    height:45px;
    margin-top:-22.5px;
	background:#556fb5 url(../images/ticketIitem-icon.png) no-repeat 50% 50%;
	-webkit-border-radius:100%;
	   -moz-border-radius:100%;
            border-radius:100%;
	z-index:2;
}
.ticketIitem ul li a:hover h3,
.ticketIitem ul li a:focus h3{
	color:#b20000;
}
@media screen and (min-width:991px) {
	.ticketIitem ul li a {
		padding:25px 50px 25px 0;
	}
	.ticketIitem ul li a:after {
		right:19px;
	}
}


/* ----- ticketList ----- */
.ticketList {
	width:100%;
	margin:0 auto;
}
.ticketList ul {
	list-style:none;
}
.ticketList ul li {
	display:inline-block;
	width:100%;
	border-bottom:1px dashed #CCC;
}
.ticketList ul li a {
	position:relative;
	float:left;
    width:100%;
	padding:15px 0;
}
.ticketList .photo {
	position:relative;
	float:left;
	width:180px;
	padding-bottom:120px;
	overflow:hidden;
}
.ticketList .photo .img {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:cover;
	-webkit-transition:all 0.3s ease;
	   -moz-transition:all 0.3s ease;
	     -o-transition:all 0.3s ease;
	        transition:all 0.3s ease;
}
.ticketList a:hover .photo .img,
.ticketList a:focus .photo .img {
	filter:alpha(opacity=50);
	opacity:0.5;
}
.ticketList .word {
	position:relative;
	float:right;
	width:calc(100% - 195px);
}
.ticketList .word h3 {
	font-family:"微軟正黑體", "Microsoft JhengHei";
	color:#000;
	font-size:2.1em;
	line-height:155%;
	font-weight:bold;
	margin-top:5px;
}
.ticketList .word p {
	color:#000;
	font-size:1.7em;
	line-height:135%;
	margin-top:5px;
}
.ticketList .word .bot {
	width:100%;
	color:#666;
	font-size:1.5em;
	line-height:30px;
	margin-top:10px;
}
.ticketList .word .bot span {
	position:relative;
	float:right;
	font-weight:bold;
	padding-right:35px;
}
.ticketList .word .bot span.v1 { color:#e5004f; }
.ticketList .word .bot span.v2 { color:#85a621; }
.ticketList .word .bot span.v3 { color:#ffaa33; }
.ticketList .word .bot span:before {
    content:"";
    display:block;
    position:absolute;
    top:50%;
    right:0;
    width:30px;
    height:30px;
    margin-top:-15px;
	background:#000;
	-webkit-border-radius:100%;
	   -moz-border-radius:100%;
            border-radius:100%;
}
.ticketList .word .bot span.v1:before { background:#e5004f; }
.ticketList .word .bot span.v2:before { background:#85a621; }
.ticketList .word .bot span.v3:before { background:#ffaa33; }
.ticketList .word .bot span:after {
    content:"";
    display:block;
    position:absolute;
    top:50%;
    right:5px;
    width:20px;
    height:20px;
    margin-top:-10px;
	background:url(../images/ticketList-icon.png) no-repeat 0 0;
	z-index:2;
}
.ticketList .word .bot span.v1:after { background-position:0 0; }
.ticketList .word .bot span.v2:after { background-position:0 -20px; }
.ticketList .word .bot span.v3:after { background-position:0 -40px; }
.ticketList ul li a:hover:after,
.ticketList ul li a:focus:after {
	background-image:url(../images/ticketList-icon-on.png);
}
.ticketList a:hover .word  h3,
.ticketList a:focus .word  h3{
	color:#b20000;
}
@media screen and (max-width:420px) {
	.ticketList .photo {
		width:100%;
		padding-bottom:67%;
	}
	.ticketList .word {
		width:100%;
	}
}
@media screen and (min-width:991px) {
	.ticketList ul li a {
		padding:20px 0;
	}
	.ticketList .word {
		min-height:120px;
		padding-bottom:35px;
		box-sizing:border-box;
	}
	.ticketList .word .bot {
		position:absolute;
		bottom:0;
	}
}


/* ----- faqList ----- */
.faqList {
	width:100%;
	margin:0 auto;
}
.faqList ul {
	width:100%;
	list-style:none;
}
.faqList ul li {
	float:left;
	width:100%;
	border-bottom:1px dashed #CCC;
}
.faqList ul li a {
	position:relative;
	float:left;
	width:100%;
	padding:20px 15px 20px 85px;
	box-sizing:border-box;
}
.faqList ul li a:after {
    content:"";
    display:block;
    position:absolute;
    top:17px;
	left:14px;
    width:55px;
    height:55px;
    z-index:2;
	background:url(../images/faqList-icon.png) no-repeat 50% 50%;
}
.faqList ul li a:hover:after,
.faqList ul li a:focus:after {
	background-image:url(../images/faqList-icon-on.png);
}
.faqList ul li p {
	color:#005bac;
	font-size:1.5em;
	font-weight:bold;
}
.faqList ul li h3 {
	font-family:"微軟正黑體", "Microsoft JhengHei";
	color:#000;
	font-size:2.1em;
	line-height:155%;
	font-weight:bold;
	margin-top:5px;
}
.faqList ul li a:hover h3,
.faqList ul li a:focus h3{
	color:#b20000;
}


/* ----- delayList ----- */
.delayList {
	width:100%;
	margin:0 auto;
}
.delayList ul {
	width:100%;
	list-style:none;
}
.delayList ul li {
	float:left;
	width:100%;
	border-bottom:1px dashed #CCC;
}
.delayList ul li a {
	position:relative;
	float:left;
	width:100%;
	padding:20px 15px 20px 85px;
	box-sizing:border-box;
}
.delayList ul li a:after {
    content:"";
    display:block;
    position:absolute;
    top:17px;
	left:14px;
    width:55px;
    height:55px;
    z-index:2;
	background:url(../images/delayList-icon.png) no-repeat 50% 50%;
}
.delayList ul li a:hover:after,
.delayList ul li a:focus:after {
	background-image:url(../images/delayList-icon-on.png);
}
.delayList ul li p {
	color:#666;
	font-size:1.5em;
	font-weight:bold;
}
.delayList ul li p span {
	color:#FFF;
	padding:0 10px;
	margin-left:10px;
	-webkit-border-radius:100px;
	   -moz-border-radius:100px;
            border-radius:100px;
}
.delayList ul li p span.lineRed { background:#e30964; }
.delayList ul li p span.lineOrange { background:#ff9500; }
.delayList ul li p span.lineLRT { background:#8fc31f; }
.delayList ul li h3 {
	font-family:"微軟正黑體", "Microsoft JhengHei";
	color:#000;
	font-size:2.1em;
	line-height:155%;
	font-weight:bold;
	margin-top:5px;
}
.delayList ul li a:hover h3,
.delayList ul li a:focus h3{
	color:#b20000;
}


/* ----- cardList ----- */
.cardList {
	width:100%;
	margin-top:30px;
}
.cardList ul {
	list-style:none;
	margin:-10px;
}
.cardList ul li {
	display:inline-block;
	width:50%;
	padding:10px;
	box-sizing:border-box;
	vertical-align:top;
}
.cardList ul li a {
	float:left;
	width:100%;
}
.cardList .box {
	display: flex;
	width:100%;
	padding:10px;
	box-sizing:border-box;
	background:#efefef;
	align-items:center;
	justify-content: space-around;
	-webkit-border-radius:15px;
	   -moz-border-radius:15px;
            border-radius:15px;
}
.cardList .photo {
	display: flex;
	width:50%;
	overflow:hidden;
}
.cardList .photo img {
	width:100%;
	height:auto;
}
.cardList dl {
	display: flex;
	width:50%;
	padding-left:20px;
	box-sizing:border-box;
	justify-content: flex-start;
	align-content:center;
	flex-direction: column;
}
.cardList dl dt {
	font-family:"微軟正黑體", "Microsoft JhengHei";
	color:#000;
	font-size:1.5rem;
	font-weight:bold;
	line-height:135%;
}
.cardList dl dd {
	color:#000;
	font-size:1.2rem;
	font-weight:bold;
	line-height:100%;
}
.cardList a:hover dl dt,
.cardList a:focus dl dt,
.cardList a:hover dl dd,
.cardList a:focus dl dd {
	color:#b20000;
}
@media screen and (max-width:640px) {
	.cardList dl {
		padding-left:15px;
	}
}
@media screen and (max-width:520px) {
	.cardList ul li {
		width:100%;
	}
}


/* ----- newsList ----- */
.newsList {
	width:100%;
	margin:0 auto;
}
.newsList ul {
	list-style:none;
}
.newsList ul li {
	display:inline-block;
	width:100%;
	border-bottom:1px dashed #CCC;
}
.newsList ul li a {
	position:relative;
	float:left;
    width:100%;
	padding:15px 0;
}
.newsList .photo {
	position:relative;
	float:left;
	width:180px;
	padding-bottom:120px;
	overflow:hidden;
}
.newsList .photo .img {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:cover;
	-webkit-transition:all 0.3s ease;
	   -moz-transition:all 0.3s ease;
	     -o-transition:all 0.3s ease;
	        transition:all 0.3s ease;
}
.newsList a:hover .photo .img,
.newsList a:focus .photo .img {
	filter:alpha(opacity=50);
	opacity:0.5;
}
.newsList .word {
	position:relative;
	float:right;
	width:calc(100% - 195px);
}
.newsList .word h3 {
	font-family:"微軟正黑體", "Microsoft JhengHei";
	color:#000;
	font-size:2.1em;
	line-height:135%;
	font-weight:bold;
	margin-top:5px;
}
.newsList .word h3 span {
    content:"";
    display:inline-block;
    width:15px;
    height:15px;
	background:url(../images/itemList-icon.png) no-repeat 0 0;
	background-size:15px auto;
	margin-left:10px;
	z-index:2;
}
.newsList .word h3 span.icon_download { background-position:0 -15px; }
.newsList .word h3 span.icon_link { background-position:0 -30px; }
.newsList .word p {
	color:#000;
	font-size:1.7em;
	line-height:135%;
	margin-top:5px;
}
.newsList .word p.eventsDate { padding-left:25px; background:url(../images/newsList-icon1.png) no-repeat 0 1px; }
.newsList .word p.eventsPlace { padding-left:25px; background:url(../images/newsList-icon2.png) no-repeat 0 1px; }
.newsList .word .bot {
	width:100%;
	color:#666;
	font-size:1.5em;
	line-height:30px;
	margin-top:10px;
}
.newsList a:hover .word  h3,
.newsList a:focus .word  h3{
	color:#b20000;
}
.newsList a:hover h3 span,
.newsList a:focus h3 span {
	background-image:url(../images/itemList-icon-on.png);
	background-size:15px auto;
}
@media screen and (max-width:420px) {
	.newsList .photo {
		width:100%;
		padding-bottom:67%;
	}
	.newsList .word {
		width:100%;
	}
}
@media screen and (min-width:991px) {
	.newsList ul li a {
		padding:20px 0;
	}
	.newsList .word {
		min-height:120px;
		padding-bottom:35px;
		box-sizing:border-box;
	}
	.newsList .word .bot {
		position:absolute;
		bottom:0;
	}
}


/* ----- mediaList ----- */
.mediaList {
	width:100%;
	margin:20px auto 0 auto;
}
.mediaList ul {
	list-style:none;
	margin:-10px;
}
.mediaList ul li {
	display:inline-block;
	width:50%;
	padding:10px;
	box-sizing:border-box;
	vertical-align:top;
}
.mediaList .box {
	position:relative;
	float:left;
	width:100%;
	border:1px solid #e5e5e5;
	box-sizing:border-box;
}
.mediaList .photo {
	position:relative;
	width:100%;
	padding-bottom:56.25%;
	overflow:hidden;
}
.mediaList .photo:after {
    content:"";
    display:block;
    position:absolute;
    top:50%;
	left:50%;
    width:70px;
    height:46px;
	margin:-23px 0 0 -35px;
    z-index:2;
	background:url(../images/icon-video.png) no-repeat 50% 50%;
	filter:alpha(opacity=80);
	opacity:0.8;
}
.mediaList a:hover .photo:after,
.mediaList a:focus .photo:after {
	background-image:url(../images/icon-video-on.png);
	filter:alpha(opacity=100);
	opacity:1;
}
.mediaList .photo .img {
	position:absolute;
	display:block;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-size:cover;
	filter:alpha(opacity=70);
	opacity:0.7;
	-webkit-transition:all 0.5s ease;
	   -moz-transition:all 0.5s ease;
	     -o-transition:all 0.5s ease;
	        transition:all 0.5s ease;
}
.mediaList a:hover .photo .img,
.mediaList a:focus .photo .img{
	filter:alpha(opacity=100);
	opacity:1;
}
.mediaList .word {
	width:100%;
	padding:9px 14px;
	box-sizing:border-box;
}
.mediaList .word h3 {
	font-family:"微軟正黑體", "Microsoft JhengHei";
	color:#000;
	font-size:1.9em;
	line-height:135%;	
	font-weight:bold; text-align:justify;
}
.mediaList .word p {
	color:#666666;
	font-size:1.5em;
	line-height:135%;
	margin-top:5px;
}
.mediaList a:hover .word  h3,
.mediaList a:focus .word  h3{
	color:#b20000;
}
@media screen and (max-width:420px) {
	.mediaList ul li {
		width:100%;
	}
}
@media screen and (min-width:768px) {
	.mediaList .word h3 {
		min-height:38px;
	}
}
@media screen and (min-width:991px) {
	.mediaList ul li {
		width:33.33%;
	}
	.mediaList .word h3 {
		min-height:57px;
	}
	.mediaList .word p {
		margin-top:0;
	}
}


/* ----- productList ----- */
.productList {
	width:100%;
	margin:20px auto 0 auto;
}
.productList ul {
	list-style:none;
	margin:-10px;
}
.productList ul li {
	display:inline-block;
	width:50%;
	padding:10px;
	box-sizing:border-box;
	vertical-align:top;
}
.productList .box {
	position:relative;
	float:left;
	width:100%;
	border:1px solid #e5e5e5;
	box-sizing:border-box;
}
.productList .photo {
	position:relative;
	width:100%;
	padding-bottom:100%;
	background:#F2F2F2;
	overflow:hidden;
}
.productList .photo .img {
	position:absolute;
	display:block;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-size: contain;
	-webkit-transition:all 0.5s ease;
	   -moz-transition:all 0.5s ease;
	     -o-transition:all 0.5s ease;
	        transition:all 0.5s ease;
}
.productList a:hover .photo .img,
.productList a:focus .photo .img{
	filter:alpha(opacity=70);
	opacity:0.7;
}
.productList .word {
	width:100%;
	padding:14px;
	box-sizing:border-box;
}
.productList .word h3 {
	font-family:"微軟正黑體", "Microsoft JhengHei";
	color:#000;
	font-size:1.9em;
	line-height:135%;	
	font-weight:bold; text-align:justify;
}
.productList .word .tag span {
	display:inline-block;
	color:#FFF;
	font-size:1.5em;
	line-height:135%;
	padding:2px 7px;
	background:#e5004f;
	margin-bottom:5px;
}
.productList a:hover .word  h3,
.productList a:focus .word  h3{
	color:#b20000;
}
@media screen and (max-width:420px) {
	.productList ul li {
		width:100%;
	}
}
@media screen and (min-width:768px) {
	.productList .word h3 {
		min-height:38px;
	}
}
@media screen and (min-width:991px) {
	.productList ul li {
		width:25%;
	}
	.productList .word h3 {
		min-height:50px;
	}
	.productList .word p {
		margin-top:0;
	}
}


/* ----- artList ----- */
.artList {
	width:100%;
	margin:20px auto 0 auto;
}
.artList ul {
	list-style:none;
	margin:-10px;
}
.artList ul li {
	display:inline-block;
	width:50%;
	padding:10px;
	box-sizing:border-box;
	vertical-align:top;
}
.artList .box {
	position:relative;
	float:left;
	width:100%;
	border:1px solid #e5e5e5;
	box-sizing:border-box;
}
.artList .photo {
	position:relative;
	float:left;
	width:100%;
	padding-bottom:100%;
	background:#F2F2F2;
	overflow:hidden;
}
.artList .photo .img {
	position:absolute;
	display:block;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-size: contain;
	-webkit-transition:all 0.5s ease;
	   -moz-transition:all 0.5s ease;
	     -o-transition:all 0.5s ease;
	        transition:all 0.5s ease;
}
.artList a:hover .photo .img,
.artList a:focus .photo .img{
	filter:alpha(opacity=70);
	opacity:0.7;
}
.artList .word {
	float:left;
	width:100%;
	padding:14px;
	box-sizing:border-box;
}
.artList .word .stationNO {
	color:#000;
	font-size:1.5em;
	line-height:40px;
	font-weight:bold;
}
.artList .word .stationNO span {
	float:left;
	width:40px;
	height:40px;
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;	
	text-align:center;
	font-weight:normal;
	margin-right:5px;
    -webkit-border-radius:50%;
	   -moz-border-radius:50%;
			border-radius:50%;
}
.artList .word .stationNO span.lineRed { background:#e30964; }
.artList .word .stationNO span.lineOrange { background:#ff9500; }
.artList .word .stationNO span.lineLRT { background:#8fc31f; }
.artList .word h3 {
	font-family:"微軟正黑體", "Microsoft JhengHei";
	color:#000;
	font-size:1.9em;
	line-height:135%;	
	font-weight:bold;
	text-align:justify;
	margin:5px 0;
}
.artList a:hover .word  h3,
.artList a:focus .word  h3{
	color:#b20000;
}
.artList .word p {
	color:#666666;
	font-size:1.5em;
	line-height:135%;	
	font-weight:bold;
	text-align:justify;
	padding-left:20px;
	margin:5px 0 0 0;
}
.artList .word p.creator { background:url(../images/artList-icon1.png) no-repeat 0 2.5px; }
.artList .word p.time { background:url(../images/artList-icon2.png) no-repeat 0 2.5px; }
@media screen and (max-width:420px) {
	.artList ul li {
		width:100%;
	}
}
@media screen and (min-width:768px) {
	.artList .photo {
		width:50%;
		padding-bottom:50%;
	}
	.artList .word {
		width:50%;
	}
}
@media screen and (min-width:991px) {
	.artList .word {
		padding:34px 24px;
	}
}


/* ----- overseasList ----- */
.overseasList {
	width:100%;
	margin:20px auto 0 auto;
}
.overseasList ul {
	list-style:none;
	margin:-10px;
}
.overseasList ul li {
	display:inline-block;
	width:50%;
	padding:10px;
	box-sizing:border-box;
	vertical-align:top;
}
.overseasList .box {
	position:relative;
	float:left;
	width:100%;
	border:1px solid #e5e5e5;
	box-sizing:border-box;
}
.overseasList .photo {
	position:relative;
	width:100%;
	padding-bottom:67%;
	overflow:hidden;
}
.overseasList .photo .img {
	position:absolute;
	display:block;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-size:cover;
	-webkit-transition:all 0.5s ease;
	   -moz-transition:all 0.5s ease;
	     -o-transition:all 0.5s ease;
	        transition:all 0.5s ease;
}
.overseasList a:hover .photo .img,
.overseasList a:focus .photo .img{
	filter:alpha(opacity=70);
	opacity:0.7;
}
.overseasList .word {
	width:100%;
	padding:14px;
	box-sizing:border-box;
}
.overseasList .word h3 {
	font-family:"微軟正黑體", "Microsoft JhengHei";
	color:#000;
	font-size:1.9em;
	line-height:135%;	
	font-weight:bold; text-align:justify;
}
.overseasList .word p {
	color:#000;
	font-size:1.7em;
	line-height:135%;
	padding-left:25px;
	background:url(../images/newsList-icon1.png) no-repeat 0 1px;
	margin-top:10px;
}
.overseasList a:hover .word  h3,
.overseasList a:focus .word  h3{
	color:#b20000;
}
@media screen and (max-width:640px) {
	.overseasList ul li {
		width:100%;
	}
}


/* ----- travelList ----- */
.travelList {
	width:100%;
	margin:20px auto 0 auto;
}
.travelList ul {
	list-style:none;
	margin:-10px;
}
.travelList ul li {
	display:inline-block;
	width:calc(100% / 3);
	padding:10px;
	box-sizing:border-box;
	vertical-align:top;
}
.travelList .box {
	position:relative;
	float:left;
	width:100%;
	border:1px solid #e5e5e5;
	box-sizing:border-box;
}
.travelList .photo {
	position:relative;
	width:100%;
	padding-bottom:67%;
	overflow:hidden;
}
.travelList .photo .stationNO {
	position:absolute;
	left:10px;
	top:10px;
	z-index:1;
}
.travelList .photo .stationNO em {
	float:left;
	width:40px;
	height:40px;
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.3em;
	line-height:40px;
	text-align:center;
	font-style:normal;
    -webkit-border-radius:50%;
	   -moz-border-radius:50%;
			border-radius:50%;
}
.travelList .photo .stationNO em.lineRed { background:#e30964; }
.travelList .photo .stationNO em.lineOrange { background:#ff9500; }
.travelList .photo .stationNO em.lineLRT { background:#8fc31f; }
.travelList .photo .stationNO em:nth-child(2) {
	margin-left:5px;
}
.travelList .photo .img {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:cover;
	-webkit-transition:all 0.3s ease;
	   -moz-transition:all 0.3s ease;
	     -o-transition:all 0.3s ease;
	        transition:all 0.3s ease;
}
.travelList a:hover .photo .img,
.travelList a:focus .photo .img {
	filter:alpha(opacity=50);
	opacity:0.5;
}
.travelList p {
	font-family: "微軟正黑體","Microsoft JhengHei";
	color:#000;
	font-size:1.9em;
	line-height:135%;
	font-weight:bold;
	padding:14px;	
}
.travelList a {
	display:block;
}
.travelList a:hover p,
.travelList a:focus p {
	color:#A40000;
}
@media screen and (max-width:640px) {
	.travelList ul li {
		width:50%;
	}
}
@media screen and (max-width:360px) {
	.travelList ul li {
		width:100%;
	}
}
@media screen and (min-width:768px) {
	.travelList p {
		min-height:38px;
	}
}
@media screen and (min-width:991px) {
	.travelList ul {
		margin:-15px -10px;
	}
	.travelList ul li {
		width:25%;
		padding:15px 10px;
	}
	.travelList p {
		min-height:50px;
	}
}


/* ----- postInfo ----- */
.postInfo {
	width:100%;
	padding:15px 0;
	margin:0 auto;
	border-bottom:1px dashed #cccccc;
}
.postInfo ul {
	list-style:none;
}
.postInfo ul li {
	display:inline-block;
	color:#000;
	font-size:1.5em;
	font-weight:bold;
	line-height:125%;
	vertical-align:top;
	padding-right:15px;
	margin-right:15px;
	border-right:1px solid #cccccc ;
}
.postInfo ul li:last-child {
	padding-right:0;
	border-right:none;
	margin-right:0;
}
@media screen and (max-width:420px) {
	.postInfo ul li {
		width:100%;
		padding-right:0;
		border-right:none;
		margin-right:0;
	}
}
@media screen and (min-width:991px) {
	.postInfo {
		padding:20px 0;
	}
}


/** tableBox **/
.tableBox {
	width:100%;
	margin:30px auto;
}
.tableBox.tb2 {
	margin-top:0;
}
.tableBox table {
	width: 100%;	
	border: 1px solid #d1c0a5;
	border-collapse: collapse;
}
.tableBox table th {	
	width:120px;
	color:#6a3906;
	font-size:1.7em;
	line-height:165%;
	text-align: center;
	padding:15px;
	border: 1px solid #d1c0a5;
	background:#f2f0e6;	
	box-sizing:border-box;
}
.tableBox table td {
	width:calc(100% - 120px);
	color: #000;
	font-size:1.7em;
	line-height:165%;
	padding:15px;
	vertical-align:middle;
	word-break:break-all;
	border: 1px solid #d1c0a5;
	box-sizing:border-box;
}
.tableBox table td ul,
.tableBox table td ol {
	margin-left:1.5em;
}
.tableBox table.extTable {
	border: 1px solid #d1c0a5;
}
.tableBox table.extTable th {	
	color:#6a3906;
	border: 1px solid #d1c0a5;
	background:#f2f0e6;	
}
.tableBox table.extTable td {
	border: 1px solid #d1c0a5;
}
.tableBox table.awTable {
	border: 1px solid #d1a5a5;
}
.tableBox table.awTable th {	
	color:#000;
	border: 1px solid #d1a5a5;
	background:#f7ebeb;	
}
.tableBox table.awTable td {
	border: 1px solid #d1a5a5;
}
@media screen and (max-width: 420px) {
	.tableBox table tr {
		border-top:1px solid #d1c0a5;
	}
	.tableBox table th,
	.tableBox table.extTable th,
	.tableBox table.awTable th {
		display:block;
		width: 100%;
		padding:10px;
		border:none;
	}
	.tableBox table td,
	.tableBox table.extTable td,
	.tableBox table.awTable td {
		display:block;
		width: 100%;
		padding:10px;
		border:none;
	}
}
@media screen and (min-width: 1200px) {
	.tableBox table th {
		width:140px;
	}
	.tableBox table td {
		width:calc(100% - 140px);
	}
}


/** pageWord **/
.pageWord {
	width:100%;
	font-size:1.7em;
	line-height:165%;
	text-align:justify;
	margin:30px auto 0 auto;
}
.pageWord p {
	margin:10px 0;
}
.pageWord img {
	height:auto;
	max-width:100%;
	margin:0 auto;
}
.pageWord > ol,
.pageWord > ul {
	margin:10px 0;
	margin-left:1.5em;
}
.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;
}

.pageWord h1{font-size:180%; line-height:150%;}
.pageWord h2{font-size:160%; line-height:150%;}
.pageWord h3{font-size:140%; line-height:150%;}
.pageWord h4{font-size:120%; line-height:150%;}
.pageWord h5{font-size:110%; line-height:150%;}


/* ----- ticketTable ----- */
.ticketTable {
	width: 100%;	
	border: 1px solid #d1c0a5;
	border-collapse: collapse;
}
.ticketTable th {	
	width:120px;
	color:#6a3906;
	font-size:1.7em;
	line-height:150%;
	text-align: center;
	padding:15px;
	border: 1px solid #d1c0a5;
	background:#f2f0e6;	
	box-sizing:border-box;
}
.ticketTable td {
	width:calc(100% - 120px);
	color: #000;
	font-size:1.7em;
	line-height:150%;
	padding:15px;
	vertical-align:middle;
	word-break:break-all;
	border: 1px solid #d1c0a5;
	box-sizing:border-box;
}
.ticketTable td ul,
.ticketTable td ol {
	margin-left:1.5em;
}
@media screen and (max-width: 420px) {
	.ticketTable tr {
		border-top:1px solid #d1c0a5;
	}
	.ticketTable th {
		display:block;
		width: 100%;
		padding:10px;
		border:none;
	}
	.ticketTable td {
		display:block;
		width: 100%;
		padding:10px;
		border:none;
	}
}
@media screen and (min-width: 1200px) {
	.ticketTable th {
		width:140px;
	}
	.ticketTable td {
		width:calc(100% - 140px);
	}
}


/** lostBox **/
.lostBox {
	width:100%;
	margin:20px auto 0 auto;
}
.lostBox .lostTit {	
	width:100%;
	margin:30px auto 20px auto;
}
.lostBox .lostTit.lt2 {
	border-top:1px dashed #CCC;
	padding:30px 0 0 0;
}
.lostBox .lostTit span {
	position:relative;
	display:block;
	color: #cc0000;
	font-size:2.1em;
	font-weight:bold;
	padding:5px 0 5px 35px;
}
.lostBox .lostTit.light span {
	padding:0 0 0 35px;
}
.lostBox .lostTit.light span em {
	font-size:0.9rem;
	font-style:normal;
}
.lostBox .lostTit span:before {
    content:"";
    display:block;
    position:absolute;
    top:0;
	left:0;
    width:30px;
    height:35px;
    z-index:2;
	background:url(../images/lostTit-icon.png) no-repeat 0 0;
}
.lostBox .lostTit.store span:before {
	background:url(../images/lostTit-icon-store.png) no-repeat 0 0;
}
.lostBox .lostWord {
	width:100%;
	font-size:1.7em;
	line-height:165%;
	text-align:justify;
	margin:0 auto;
}
.lostBox .lostWord p {
	margin:10px 0;
}
.lostBox .lostWord > p:first-child {
	margin-top:0;
}
.lostBox .lostWord > p:last-child {
	margin-bottom:0;
}
.lostBox .lostWord > ol,
.lostBox .lostWord > ul {
	margin:10px 0;
	margin-left:1.5em;
}
.lostBox .lostWord > ol > li,
.lostBox .lostWord > ul > li {
	margin:10px 0;
}
.lostBox .lostWord .spnote {
	color:#a40035;
	padding:10px;
	border:5px solid #f4e0e6;
	box-sizing:border-box;
}


/** storeBox **/
.storeBox {
	position:relative;
	width:100%;
	box-sizing:border-box;
	background:#faf0f3;
	margin-top:20px;
}
.storeBox .photo {
	float:left;
	width:40%;
	text-align:center;
	padding:15px 0 15px 15px;
	box-sizing:border-box;
}
.storeBox .photo img {
	width:100%;
	height:auto;
}
.storeBox .word {
	float:left;
	width:60%;
	padding:15px;
	box-sizing:border-box;
}
.storeBox .word h3 {
	color:#cc0000;
	font-size:2.7em;
	line-height:135%;
	font-weight:bold;
}
.storeBox .word p {
	color:#FFF;
	font-size:1.7em;
	line-height:135%;
	text-align:justify;
	padding:5px 10px;
	background:#cc0000;
	margin-top:5px;
}
.storeBox .word ul {
	width:100%;
	list-style:none;
	margin:0 auto -7px auto;
}
.storeBox .word ul li {
	position:relative;
	display:block;
	width:100%;
	color:#000;
	font-size:1.7em;
	line-height:165%;
	padding:5px 0 5px 6.5em;
	margin:0 auto;
	box-sizing:border-box;
	border-bottom:1px dashed #CCC;
}
.storeBox .word ul li:last-child {
	border-bottom:none;
}
.storeBox .word ul li:after {
 	content:"";
	display:block;
	position:absolute;
	top:15.5px;
    left:7.5px;
	width:7px;
	height:7px;
	font-size:0;
	background:#000;
	z-index:2;
}
.storeBox .word ul li span {
	position:absolute;
	left:1.5em;
	top:5px;
	display:block;
	width:5em;
	color:#000;
}
@media screen and (max-width:640px) {
	.storeBox .photo {
		width:100%;
		padding:15px 15px 0 15px;
	}
	.storeBox .word {
		width:100%;
	}
}
@media screen and (min-width:991px) {
	.storeBox .photo {
		width:420px;
	}
	.storeBox .word {
		width:calc(100% - 420px);
	}
}
@media screen and (min-width:1200px) {
	.storeBox .photo {
		width:480px;
		padding:0;
	}
	.storeBox .word {
		width:calc(100% - 480px);
		padding:20px;
	}
}


/** specialStation **/
.specialStation {
	position:relative;
	width:100%;
	margin:25px auto;
}
.specialStation ul {
	width:100%;
	list-style:none;
	border-top:1px dashed #CCC;	
}
.specialStation ul li {
	position:relative;
	float:left;
	width:100%;
	padding:25px 0;
	margin:0 auto;
	border-bottom:1px dashed #CCC;
}
.specialStation ul li .box {
	float:left;
	width:100%;
}
.specialStation .photo {
	position:relative;
	float:left;
	width:40%;
	padding:0 15px 15px 0;
	box-sizing:border-box;
	margin:0 15px 0 0;
	z-index:1;
}
.specialStation ul li:nth-child(2n) .photo {
	float:right;
	margin:0 0 0 15px;
}
.specialStation .photo:before {
 	content:"";
	display:block;
	position:absolute;
	top:15px;
    left:15px;
	width:calc(100% - 15px);
	height:calc(100% - 15px);
	background:#faf0f3;
	z-index:-1;
}
.specialStation .photo img {
	width:100%;
	height:auto;
}
.specialStation .word {
	float:left;
	width:calc(60% - 15px);
}
.specialStation .word h3 {
	position:relative;
	color:#cc0000;
	font-size:1.7rem;
	font-weight:bold;
	padding-left:45px;
}
.specialStation .word h3:before {
 	content:"";
	display:block;
	position:absolute;
	top:-3px;
    left:0;
	width:35px;
	height:35px;
	background:#f2bfbf url(../images/icon-list.png) no-repeat 50% 50%;
	-webkit-border-radius:100%;
	   -moz-border-radius:100%;
            border-radius:100%;
	z-index:2;
}
@media screen and (max-width:640px) {
	.specialStation .photo,
	.specialStation ul li:nth-child(2n) .photo {
		width:100%;
		margin:0 0 20px 0;
	}
	.specialStation .word {
		width:100%;
	}
}
@media screen and (min-width:991px) {
	.specialStation .photo {
		width:420px;
	}
	.specialStation .word {
		width:calc(100% - 435px);
	}
}
@media screen and (min-width:1200px) {
	.specialStation .photo {
		width:480px;
	}
	.specialStation .word {
		width:calc(100% - 495px);
	}
}


/** noticTable **/
.noticTable {
	width: 100%;
	border-collapse: collapse;
	margin-top:20px;
}
.noticTable th {
	font-family:"微軟正黑體", "Microsoft JhengHei";
	color:#FFF;
	font-size:1.7em;
	text-align: center;
	padding:15px 20px;
	border:none;
	background:#7f2d00;	
	box-sizing:border-box;
}
.noticTable th em {
	display:inline-block;
	font-size:0.9rem;
	font-style:normal;
	margin-top:5px;
}
.noticTable tr {
	background: #f5efeb;
}
.noticTable tr:nth-of-type(2n) {
	background: #ece0d9;
}
.noticTable td {
	color: #000;
	font-size:1.7em;
	font-weight:bold;
	line-height:135%;
	border:none;
	padding:15px 10px;
	vertical-align:middle;
}
.noticTable td.date {
	color: #a40000;
	text-align:center;
}
@media screen and (min-width: 768px) {
	.noticTable td.date {
		width:190px;
	}
}
@media screen and (min-width: 1200px) {
	.noticTable td.date {
		width:250px;
	}
}


/** lightTable **/
.lightTable {
	width:100%;
	margin:20px auto 0 auto; 
}
.lightTable table {
	width: 100%;
	border:none;
	border-collapse: collapse;
}
.lightTable th {
	font-family:"微軟正黑體", "Microsoft JhengHei";
	color:#FFF;
	font-size:1.7em;
	text-align: center;
	padding:15px 10px;
	border:1px solid #FFF;
	background:#a40035;	
	box-sizing:border-box;
}
.lightTable th em {
	display:inline-block;
	font-size:0.9rem;
	font-style:normal;
	margin-top:5px;
}
.lightTable td {
	color: #000;
	font-size:1.7em;
	font-weight:bold;
	text-align:center;
	padding:15px 10px;
	border:1px solid #FFF;
	background:#f8ebef;
	vertical-align:middle;
}
.lightTable td.time {
	color: #a40000;
	text-align:center;
	background:#f4e0e6;
}
.lightTable td.time em {
	font-size:0.9rem;
	font-style:normal;
}
@media screen and (min-width: 768px) {
	.lightTable td {
		width:25%;
	}
}


/** video-wrapper **/
.video-wrapper {
	position:relative;
	width:100%;
	padding-bottom:56.25%;
	overflow:hidden;
	margin:30px auto 0 auto;
}
.video-wrapper iframe {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}


/** pdComPage **/
#pdComPage {
	width:100%;	
	margin:0 auto 40px auto;
}
@media screen and (min-width:991px) {
	#pdComPage {
		width:100%;	
		margin:0 auto 80px auto;
	}
}


/* ----- pdPhoto ----- */
.pdPhoto {
	position:relative;
	width:100%;
	max-width:420px;
	padding:0;
	margin:20px auto;
	overflow:hidden;
}
.pdPhoto .slider {	
	display:block;
	padding:0;
	box-sizing:border-box;
}
.pdPhoto .slider-main .item {
	display:inline-block;
	padding:0;
	margin:0;
	box-sizing:border-box;
}
.pdPhoto .slider-main .item .photo {
	position:relative;
	width:100%;
	padding-bottom:100%;
	background: #F2F2F2;
	overflow:hidden;
}
.pdPhoto .slider-main .item .photo .img {
	position:absolute;
	display:block;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-size:contain;
	-webkit-transition:all 0.5s ease;
	   -moz-transition:all 0.5s ease;
	     -o-transition:all 0.5s ease;
	        transition:all 0.5s ease;
}
.pdPhoto .slider-main .item a {
	float:left;
	width:100%;
	height:100%;
	box-sizing:border-box;
}
.pdPhoto .slider-main .item a:focus .img {
	filter:alpha(opacity=70);
	opacity:0.7;
}
.pdPhoto .slider-nav {
	max-width:420px;
	padding:0 20px;
	margin:10px 0 0 0;
}
.pdPhoto .slider-nav .item {
	display:inline-block;
	cursor:pointer;
	margin:0 5px;
}
.pdPhoto .slider-nav .item .photo {
	position:relative;
	width:100%;
	padding-bottom:100%;
	background: #F2F2F2;
	overflow:hidden;
}
.pdPhoto .slider-nav .item .photo .img {
	position:absolute;
	display:block;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-size:contain;
	-webkit-transition:all 0.5s ease;
	   -moz-transition:all 0.5s ease;
	     -o-transition:all 0.5s ease;
	        transition:all 0.5s ease;
}
.pdPhoto .slider-nav .item.slick-current  {
	position:relative;
}
.pdPhoto .slider-nav .item.slick-current:before {
	content:"";
	position:absolute;
    display:block;
	top:0;
	left:0;
	width:100%;
	height:100%;
	border:1px solid rgba(0,0,0,1);
	box-sizing:border-box;
	z-index:2;
}
.pdPhoto .slider-nav .slick-prev,
.pdPhoto .slider-nav .slick-next {
	position:absolute;
	display:block;
	font-size:0;
	width:16px;
	height:30px;
	z-index:10;
	overflow:hidden;
    -webkit-transition:all 0.8s;
            transition:all 0.8s;
}
.pdPhoto .slider-nav .slick-prev {
	left:1px;
}
.pdPhoto .slider-nav .slick-next {
	right:1px;
}
.pdPhoto .slider-nav .slick-prev span,
.pdPhoto .slider-nav .slick-next span {
	position:relative;
	float:left;
	width:100%;
	height:100%;
	font-size:0;
}
.pdPhoto .slider-nav .slick-prev span:before,
.pdPhoto .slider-nav .slick-next span:before {
	position:absolute;
	content:"";
    display: block;   
    width:11px;
    height:11px;    
    z-index:2;
}
.pdPhoto .slider-nav .slick-prev span:before {
	left:0;
    top:50%;
	margin: -8px 0 0 4px;
	border-left: 2px solid #000;
    border-top: 2px solid #000;
    -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
}
.pdPhoto .slider-nav .slick-next span:before {
	right:0;
    top:50%;
	margin: -8px 4px 0 0 ;
	border-right: 2px solid #000;
    border-top: 2px solid #000;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
}
.pdPhoto .slider-nav .slick-prev:hover span:before,
.pdPhoto .slider-nav .slick-next:hover span:before,
.pdPhoto .slider-nav .slick-prev:focus span:before,
.pdPhoto .slider-nav .slick-next:focus span:before {
	border-color:#B20000;
}
.pdPhoto .slider-nav .slick-disabled {
	cursor:text;
}
.pdPhoto .slider-nav .slick-disabled span:before,
.pdPhoto .slider-nav .slick-disabled:hover span:before,
.pdPhoto .slider-nav .slick-disabled:focus span:before {
	border-color:#CCC;
}
@media screen and (min-width:768px) {
	.pdPhoto {
		float:left;
		width:40%;
		margin:0 auto;
	}
}
@media screen and (min-width:991px) {
	.pdPhoto {
		width:420px;
	}
}


/* ----- pdInfo ----- */
.pdInfo {
	position:relative;
	width:100%;
	padding:0;
	margin:20px auto;
	overflow:hidden;
}
.pdInfo .tag span {
	display:inline-block;
	color:#FFF;
	font-size:1.5em;
	line-height:135%;
	padding:2px 7px;
	background:#e5004f;
	margin-bottom:5px;
}
.pdInfo .stationNO {
	color:#000;
	font-size:1.5em;
	line-height:40px;
	font-weight:bold;
	margin-bottom:10px;
}
.pdInfo .stationNO span {
	float:left;
	width:40px;
	height:40px;
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;	
	text-align:center;
	font-weight:normal;
	margin-right:5px;
    -webkit-border-radius:50%;
	   -moz-border-radius:50%;
			border-radius:50%;
}
.pdInfo .stationNO span.lineRed { background:#e30964; }
.pdInfo .stationNO span.lineOrange { background:#ff9500; }
.pdInfo .stationNO span.lineLRT { background:#8fc31f; }
.pdInfo h2 {
	font-family: "微軟正黑體", "Microsoft JhengHei";
    color: #000;
	font-size:3.7em;
	font-weight:bold;
	line-height:135%;
	padding-bottom:10px;
	border-bottom:1px solid #000;
}
.pdInfo .word {
	width:100%;
	font-size:1.7em;
	line-height:165%;
	text-align:justify;
	margin:10px auto;
}
.pdInfo .word p {
	margin:20px 0;
}
.pdInfo .word > ol,
.pdInfo .word > ul {
	margin:10px 0;
	margin-left:1.5em;
}
.pdInfo .word > ol > li,
.pdInfo .word > ul > li {
	margin:10px 0;
}
.pdInfo ul {
	width:100%;
	list-style:none;
	margin:0 auto;
}
.pdInfo ul li {
	position:relative;
	display:block;
	width:100%;
	color:#000;
	font-size:1.7em;
	line-height:135%;
	padding:10px 0 10px 6.5em;
	margin:0 auto;
	box-sizing:border-box;
	border-top:1px dashed #CCC;
}
.pdInfo ul li:after {
 	content:"";
	display:block;
	position:absolute;
	top:17.5px;
    left:7.5px;
	width:7px;
	height:7px;
	font-size:0;
	background:#000;
	z-index:2;
	z-index:2;
}
.pdInfo ul li span {
	position:absolute;
	left:1.5em;
	top:10px;
	display:block;
	width:5em;
	color:#000;
}
.pdInfo ul li em {
	color:#eb6100;
	font-style:normal;
	margin-left:5px;
}
@media screen and (min-width:768px) {
	.pdInfo {
		float:right;
		width:calc(60% - 25px);
		margin:0 auto;
	}
}
@media screen and (min-width:991px) {
	.pdInfo {
		width:calc(100% - 440px);
	}
}


/* ----- travelBox ----- */
.travelBox {
	width:100%;
	padding:20px;
	box-sizing:border-box;
	background:#eee;
	margin-top:30px;
}
.tvPhoto {
	position:relative;
	width:100%;
	max-width:660px;
	padding:0;
	margin:0 auto 20px auto;
	overflow:hidden;
}
.tvPhoto .slick-dotted.slick-slider {	
	display:block;
	padding:0;
	margin:0;
	box-sizing:border-box;
}
.tvPhoto .listshow .item {
	display:inline-block;
	padding:0;
	margin:0;
	box-sizing:border-box;
}
.tvPhoto .listshow .item .photo {
	position:relative;
	width:100%;
	padding-bottom:66.66%;
	overflow:hidden;
}
.tvPhoto .listshow .item .photo .img {
	position:absolute;
	display:block;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-size:contain;
	-webkit-transition:all 0.5s ease;
	   -moz-transition:all 0.5s ease;
	     -o-transition:all 0.5s ease;
	        transition:all 0.5s ease;
}
.tvPhoto .slick-dots {
	position:absolute;
	bottom:10px;
	width:100%;
	text-align:center;
	margin:0;
}
.tvPhoto .slick-dots li {
    display:inline-block;
	width:10px;
	height:10px;
	margin:0 3px;
	padding:0;
}
.tvPhoto .slick-dots li button {
	width:10px;
	height:10px;
	font-size:0;
	line-height:0;
	padding:0;
	margin:0;
}
.tvPhoto .slick-dots li button:before {
	display:block;
	width:10px;
	height:10px;
	font-size:0;
	line-height:12px;
	filter:alpha(opacity=100);
	opacity:1;   
    background:rgba(0,0,0,.5);   
    transition:opacity .2s ease;
    -webkit-border-radius:50%;
	   -moz-border-radius:50%;
			border-radius:50%;
}
.tvPhoto .slick-dots li.slick-active button:before {
    background:#FFF;
	box-sizing:border-box;
}
@media screen and (min-width:768px) {
	.tvPhoto {
		float:left;
		width:40%;
		margin:0 auto;
	}
}
@media screen and (min-width:991px) {
	.tvPhoto {
		width:480px;
	}
}


/* ----- tvInfo ----- */
.tvInfo {
	position:relative;
	width:100%;
	padding:0;
	margin:0 auto;
	overflow:hidden;
}
.tvInfo ul {
	width:100%;
	list-style:none;
	margin:0 auto;
}
.tvInfo ul li {
	position:relative;
	display:block;
	width:100%;
	color:#000;
	font-size:1.7em;
	line-height:135%;
	padding:10px 0 10px 6.5em;
	margin:0 auto;
	box-sizing:border-box;
	border-bottom:1px dashed #CCC;
}
.tvInfo ul li:last-child {
	border-bottom:none;
}
.tvInfo ul li:after {
 	content:"";
	display:block;
	position:absolute;
	top:17.5px;
    left:7.5px;
	width:7px;
	height:7px;
	font-size:0;
	background:#000;
	z-index:2;
}
.tvInfo ul li span {
	position:absolute;
	left:1.5em;
	top:10px;
	display:block;
	width:5em;
	color:#000;
}
.tvInfo ul li em {
	color:#eb6100;
	font-style:normal;
	margin-left:5px;
}
@media screen and (min-width:768px) {
	.tvInfo {
		float:right;
		width:calc(60% - 25px);
	}
}
@media screen and (min-width:991px) {
	.tvInfo {
		width:calc(100% - 500px);
	}
}


/* ----- mascotBox ----- */
.mascotBox {
	width:100%;
	box-sizing:border-box;
	margin:30px auto 0 auto;
}
.mascotBox h3 {
	font-family:"微軟正黑體", "Microsoft JhengHei";
	color:#fad7c0;
	font-size:5.6em;
	font-weight:bold;
}
.mascotPic {
	position:relative;
	width:100%;
	padding:25px 0;
	margin:0 auto;
	z-index:1;
}
.mascotPic:before {
 	content:"";
	display:block;
	position:absolute;
	top:0;
    left:0;
	width:100%;
	height:100%;
	background:#fad7c0;
	z-index:-1;
}
.mascotPic .listshow {
	padding:0 25px;
}
.mascotPic .listshow .item a {
	float:left;
	width:100%;
	height:100%;
	box-sizing:border-box;
}
.mascotPic .listshow .item {
	position:relative;
	display:inline-block;
	padding:20px 10px;
	margin:0;
	box-sizing:border-box;
}
.mascotPic .listshow .item .photo {
	position:relative;
	width:100%;
	padding-bottom:110%;
	background:#F1F2F4;
}
.mascotPic .listshow .item .photo .img {
	position:absolute;
	display:block;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background-repeat:no-repeat;
	background-position:0 0;
	background-size:cover;
	-webkit-transition:all 0.5s ease;
	   -moz-transition:all 0.5s ease;
	     -o-transition:all 0.5s ease;
	        transition:all 0.5s ease;
}
.mascotPic .listshow .item dl {
	position:absolute;
	right:40px;
	bottom:0;
	padding:12px 15px;
	text-align:right;
	background:rgba(0,0,0,.8);
}
.mascotPic .listshow .item dl dt {
	font-family:"微軟正黑體", "Microsoft JhengHei";
	color:#FFF;
	font-size:3.1em;
	font-weight:bold;
	margin-top:5px;
}
.mascotPic .listshow .item dl dd {
	font-family:"微軟正黑體", "Microsoft JhengHei";
	color:#FFF;
	font-size:1.7em;
	font-weight:bold;
}
.mascotPic .listshow .slick-prev,
.mascotPic .listshow .slick-next {	
	position:absolute;
	display:block;
	font-size:0;
	width:25px;
	height:40px;
	z-index:10;
	overflow:hidden;
    -webkit-transition:all 0.8s;
            transition:all 0.8s;
}
.mascotPic .listshow .slick-prev {
	left:0;
}
.mascotPic .listshow .slick-next {
	right:0;
}
.mascotPic .listshow .slick-prev span,
.mascotPic .listshow .slick-next span {
	position:relative;
	float:left;
	width:100%;
	height:100%;
	font-size:0;
}
.mascotPic .listshow .slick-prev span:before,
.mascotPic .listshow .slick-next span:before {
	position:absolute;
	content: "";
    display: block;   
    width:25px;
    height:25px;
	box-sizing:border-box;    
    z-index:2;
}
.mascotPic .listshow .slick-prev span:before {
	left:0;
    top:0;
	margin:7px 0 0 6px;
	border-left: 4px solid #000;
    border-top: 4px solid #000;
    -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
}
.mascotPic .listshow .slick-next span:before {
	right:0;
    top:0;
	margin:7px 6px 0 0 ;
	border-right: 4px solid #000;
    border-top: 4px solid #000;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
}
.mascotPic .listshow .slick-prev:hover span:before,
.mascotPic .listshow .slick-next:hover span:before,
.mascotPic .listshow .slick-prev:focus span:before,
.mascotPic .listshow .slick-next:focus span:before {
	border-color:#bb003b;
}
@media screen and (min-width:991px) {
	.mascotBox {
		margin:60px auto 0 auto;
	}
	.mascotBox:nth-child(2) {
		margin:30px auto 0 auto;
	}
	.mascotBox h3 {
		font-size:6.5em;
	}
	.mascotBox:nth-child(2n+1) h3 {
		text-align:right;
	}
	.mascotPic .listshow {
		max-width:990px;
	}
}
@media screen and (min-width:1200px) {
	.mascotPic:before {
		width:calc(100% - 170px);
	}
	.mascotBox:nth-child(2n+1) .mascotPic:before {
		left:inherit;
		right:0;
	}
	.mascotPic .listshow {
		max-width:1200px;
		padding:0 40px;
	}
	.mascotBox:nth-child(2n+1) .listshow {
		text-align:        right;
		text-align:   -moz-right;
		text-align:-webkit-right;
	}
	.mascotPic .listshow .slick-track {
		margin:0;
	}
	.mascotPic .listshow .item {
		padding:25px;
	}
	.mascotPic .listshow .slick-prev {
		left:20px;
	}
	.mascotPic .listshow .slick-next {
		right:20px;
	}
}


/* ----- mascotWord ----- */
.mascotWord {
	position:relative;
	width:100%;
	padding:0;
	margin:30px auto 0 auto;
}
.mascotWord .photo {
	float:left;
	width:45%;
	text-align:center;
}
.mascotWord .photo img {
	width:100%;
	max-width:540px;
	height:auto;
}
.mascotWord .word {
	float:right;
	width:calc(55% - 20px);
	margin-top:5%;
}
.mascotWord .tit span {
	font-family:"微軟正黑體", "Microsoft JhengHei";
	color:#eb6100;
	font-size:1.9em;
	font-weight:bold;
	padding:2px 15px;
	border:2px solid #eb6100;
    -webkit-border-radius:50px;
	   -moz-border-radius:50px;
			border-radius:50px;
}
.mascotWord .tit h3 {
	font-family:"微軟正黑體", "Microsoft JhengHei";
	color:#000;
	font-size:5.5em;
	font-weight:bold;
	margin:20px 0;
}
.mascotWord .tit h3 em {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.9rem;
	font-style:normal;
	margin-left:10px;
}
.mascotWord .info {
	color:#FFF;
	font-size:1.7em;
	line-height:165%;
	text-align:justify;
	padding:15px 20px;
	background:#000;
}
.mascotWord .profile {
	padding:15px 20px;
	background:#f1f2f4;
}
.mascotWord .profile ul {
	width:100%;
	list-style:none;
	margin:0 auto;
}
.mascotWord .profile ul li {
	position:relative;
	display:block;
	width:100%;
	color:#000;
	font-size:1.7em;
	line-height:135%;
	padding:10px 0 10px 1.5em;
	margin:0 auto;
	box-sizing:border-box;
	border-bottom:1px dashed #CCC;
}
.mascotWord .profile ul li:last-child {
	border-bottom:none;
}
.mascotWord .profile ul li:after {
 	content:"";
	display:block;
	position:absolute;
	top:17.5px;
    left:7.5px;
	width:7px;
	height:7px;
	font-size:0;
	background:#000;
	z-index:2;
}
@media screen and (max-width:640px) {
	.mascotWord .photo {
		width:100%;
	}
	.mascotWord .word {
		width:100%;
		margin-top:20px;
	}
}
@media screen and (min-width:991px) {
	.mascotWord .photo {
		width:440px;
	}
	.mascotWord .word {
		width:calc(100% - 460px);
		margin-top:10%;
	}
	.mascotWord .tit span {
		font-size:2.7em;
	}
	.mascotWord .tit h3 {
		font-size:7.5em;
	}
	.mascotWord .tit h3 em {
		font-size:2.1rem;
	}
	.mascotWord .info {
		padding:20px 25px;
	}
	.mascotWord .profile {
		padding:20px 25px;
	}
}
@media screen and (min-width:1200px) {
	.mascotWord .photo {
		width:540px;
	}
	.mascotWord .word {
		width:calc(100% - 560px);
	}
}


/* ----- rideshareWay ----- */
.rideshareWay {
	width:100%;
}
.rideshareWay > ul {
	width:100%;
	list-style:none;
	margin:0 auto;
}
.rideshareWay > ul > li {
	position:relative;
	display:block;
	background:url(../images/rideshare-line.png) repeat-y 0 0;
}
.rideshareWay > ul > li:last-child {
	background:none;
}
.rideshareWay > ul > li > span {
	position:relative;
	display:inline-block;
	color:#cc0001;
	font-size:1.7rem;
	font-weight:bold;
	line-height:55px;
	padding-left:70px;
}
.rideshareWay > ul > li > span:before {
 	content:"";
	display:block;
	position:absolute;
	top:0;
    left:0;
	width:45px;
	height:45px;
	background:#FFF;
	border:5px solid #e57f80;
	z-index:1;
    -webkit-border-radius:50px;
	   -moz-border-radius:50px;
			border-radius:50px;
}
.rideshareWay > ul > li > span:after {
 	content:"";
	display:block;
	position:absolute;
	top:8px;
    left:8px;
	width:39px;
	height:39px;
	background:#cc0001;
	z-index:1;
    -webkit-border-radius:50px;
	   -moz-border-radius:50px;
			border-radius:50px;
}
.rideshareWay > ul > li > span em {
 	content:"";
	display:block;
	position:absolute;
	top:0;
    left:0;
	width:55px;
	height:55px;
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.7rem;
	font-style:normal;
	font-weight:bold;
	text-align:center;
	line-height:55px;
	z-index:2;
}
.rideshareWay > ul > li > span em.note {
	font-size:0;
	background:url(../images/icon-note.png) no-repeat 50% 50%;
}
.rideshareWay > ul > li .box {
	display:inline-block;
	width:100%;
	padding-left:70px;
	box-sizing:border-box;
	margin:20px 0;
}
.rideshareWay > ul > li .box.note {
	margin:0;
}
.rideshareWay > ul > li .box .pic {
	float:left;
}
.rideshareWay > ul > li .box .pic img {
	margin-right:15px;
}
.rideshareWay > ul > li .box dt {
	font-size:1.5rem;
	font-weight:bold;
	margin-bottom:5px;
}
.rideshareWay > ul > li .sTable {
	display:table;
	padding:7px 15px;
	background:#F2F2F2;
	margin-top:10px;
}
.rideshareWay > ul > li .sTable .row {
	display:table-row;
}
.rideshareWay > ul > li .sTable .row span {
	display:table-cell;
	font-size:0.9rem;
	line-height:135%;
	padding:3px 0;
}


/** pic_left **/
.pic_left {
	float:left;
	width:40%;
	text-align:center;
	margin:0 20px 0 0;
}
.pic_left figure {
	margin:0 0 20px 0;
}
.pic_left figcaption {
	color:#946C2C;
	margin-top:10px;
}
@media screen and (max-width: 640px) {
	.pic_left {
		width:45%;
	}
}
@media screen and (max-width: 420px) {
	.pic_left {
		float:none;
		width:100%;
		margin:15px 0;
	}
	.pic_left figure {
		margin:0 0 15px 0;
	}
}


/** pic_right **/
.pic_right {
	float:right;
	width:40%;
	text-align:center;
	margin:0 0 0 20px;
}
.pic_right figure {
	margin:0 0 20px 0;
}
.pic_right figcaption {
	color:#946C2C;
	margin-top:10px;
}
@media screen and (max-width: 640px) {
	.pic_right {
		width:45%;
	}
}
@media screen and (max-width: 420px) {
	.pic_right {
		float:none;
		width:100%;
		margin:15px 0;
	}
	.pic_right figure {
		margin:0 0 15px 0;
	}
}


/** gallery **/
#gallery {
	width:100%;
	box-sizing:border-box;
	margin:20px auto 0 auto;
}
#gallery p {
	font-family:"微軟正黑體", "Microsoft JhengHei";
	font-size:2.3em;
	font-weight:bold;
	margin-bottom:20px;
}
#gallery p span {
	position:relative;
	padding:0 0 0 40px;
}
#gallery p span:before {
	content:"";
	display:block;
	position:absolute;
	top:50%;
	left:0;
	width:35px;
	height:35px;
	margin:-17.5px 0 0 0;
	background:url(../images/icon-photo.svg) no-repeat 50% 50%;
	background-size:cover;
}
#gallery.ticket p span:before {
	background-image:url(../images/icon-ticket.svg);
}
#gallery ul {
	list-style:none;
	margin:-10px -10px 0 -10px;
}
#gallery ul li {
	display:inline-block;
	width:50%;
	padding:10px;
	vertical-align:top;
	box-sizing:border-box;
}
#gallery ul li a {
	float:left;
    width:100%;
	height:100%;
	color:#000;
}
#gallery ul li a:hover,
#gallery ul li a:focus {
	color:#B20000;
}
#gallery figure {
	margin:0;
}
#gallery figure .pic {
	width:100%;
	overflow:hidden;
}
#gallery figure .pic img {
	float:left;
	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;
}
@media screen and (max-width:420px) {
	#gallery ul li {
		width:100%;
	}
}
@media screen and (min-width:768px) {
	#gallery ul li {
		width:33.3333%;
	}
}
@media screen and (min-width:991px) {	
	#gallery {
		margin-top:40px;
	}
	#gallery ul li {
		width:25%;
	}
	#gallery.ticket ul li {
		width:33.3333%;
	}
}


/** pageBot **/
.pageBot {
	width:100%;
	padding:0;
	margin:30px auto 0 auto;
}
.pageBot p {
	font-family:"微軟正黑體", "Microsoft JhengHei";
	font-size:2.3em;
	font-weight:bold;
	margin-bottom:20px;
}
.pageBot p span {
	position:relative;
	padding:0 0 0 40px;
}
.pageBot p span:before {
	content:"";
	display:block;
	position:absolute;
	top:50%;
	left:0;
	width:35px;
	height:35px;
	margin:-17.5px 0 0 0;
	background:url(../images/icon-file.svg) no-repeat 50% 50%;
	background-size:cover;
}
@media screen and (min-width: 991px) {
	.pageBot {
		margin-top:40px;
	}
}

/* ----- dnLink ----- */
.dnLink {
	width:100%;
	list-style:none;
	box-sizing:border-box;
}
.dnLink li {
	float:left;
	width:100%;
	border:1px solid #CCC;
	box-sizing:border-box;
	margin-bottom:-1px;
}
.dnLink li:last-child {
	margin:0;
}
.dnLink a {
	position:relative;
	float:left;
	width:100%;
}
.dnLink .box {
	position:relative;
	display: flex;
    height: 100%;
    justify-content: space-around;
	flex-wrap: wrap;
	padding:14px;
	box-sizing:border-box;
}
.dnLink a:hover .box,
.dnLink a:focus .box {
	background:#F4F4F4;
}
.dnLink .box .labe {
	display: flex;
    width:50px;
    height:50px;
	text-transform:uppercase;
    justify-content: center;
    align-items: center;
	background:#000;
}
.dnLink .box .labe.pdf {
	background:#a40000;
}
.dnLink .box .labe.odt,
.dnLink .box .labe.doc,
.dnLink .box .labe.docx {
	background:#0068b7;
}
.dnLink .box .labe.ods,
.dnLink .box .labe.xls,
.dnLink .box .labe.xlsx {
	background:#8ABF1C;
}
.dnLink .box .labe.odp,
.dnLink .box .labe.ppt,
.dnLink .box .labe.pptx{
	background:#F1662D;
}
.dnLink .box .labe.rar {
	background:#67005E;
}
.dnLink .box .labe.zip {
	background:#653F01;
}
.dnLink .box .labe span {
	position:relative;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
	font-size:1.3em;
	font-weight:bold;
	padding-top:21px;
}
.dnLink .box .labe span:before {
	content:"";
	display:block;
	position:absolute;
	top:0;
	left:50%;
	width:18px;
	height:18px;
	margin:0 0 0 -9px;
	background: url(../images/icon-download.svg) no-repeat 50% 50%;
	background-size:cover;
}
.dnLink dl {
	display: flex;
	width: calc(100% - 60px);
    justify-content: flex-start;
    align-content: center;
	flex-wrap: wrap;
}
.dnLink dt {
	width:100%;
	color:#000;
	font-family:"微軟正黑體", "Microsoft JhengHei";
	font-size:1.7em;
	font-weight:bold;
	line-height:125%;
}
.dnLink a:hover dt,
.dnLink a:focus dt {
	color:#B20000;
}
.dnLink dd {
	width:100%;
	color:#666;
	font-size:1.3em;
	margin-top:5px;
}
.dnLink dd span {
	position:relative;
	padding-left:10px;
	margin-right:15px;
	vertical-align:top;
}
.dnLink dd span:before {
	content:"";
	display:block;
	position:absolute;
	top:8px;
	left:0;
	width:3px;
	height:3px;
	background:#666;
}
@media screen and (max-width:480px) {	
	.dnLink dd {
		margin-top:0;
	}
	.dnLink dd span {
		display:block;
		margin:5px 0;
	}
}


/** page **/
#page{
	width:100%;		
	margin:20px auto 0 auto;
}	
#page .total {
	width:100%;
	color:#666;
	font-size:1.5em;
	text-align:center;
}
#page .total span{
	color:#000;
	font-weight:bold;
}
#page .num {
	width:100%;
	text-align:center;
}
#page .num a {
	display:none;
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
	font-size:0;
	font-weight:bold;
	vertical-align:middle;
	margin:0 15px;
}
#page .num .cur{	
	display:inline-block;
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
	font-size:2.1em;
	font-weight:bold;
	text-align:center;	
	line-height:40px;
	vertical-align:middle;
	cursor:text;
	margin:0 15px;
}
#page .num a.btn-first {
	position:relative;
	display:inline-block;
	width:40px;
	height:40px;
	border:1px solid #CCC;
	box-sizing:border-box;
	margin:0 15px 0 0;
}
#page .num a.btn-first:before {
	content:"";
	display:block;
	position:absolute;
	top:50%;
	left:50%;
	width:2px;
	height:14px;
	margin:-7px 0 0 -5px;
	background:#999;
	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-first:after {
	content:"";
	display:block;
	position:absolute;
	top:50%;
	left:50%;
	width:8px;
	height:8px;
	border-left:2px solid #999;
	border-bottom:2px solid #999;
	margin:-5px 0 0 1px;
	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-prev {
	position:relative;
	display:inline-block;
	width:40px;
	height:40px;
	border:1px solid #CCC;
	box-sizing:border-box;
	margin:0 15px 0 0;
}
#page .num a.btn-prev:after {
	content:"";
	display:block;
	position:absolute;
	top:50%;
	left:50%;
	width:8px;
	height:8px;
	border-left:2px solid #999;
	border-bottom:2px solid #999;
	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;
	width:40px;
	height:40px;
	border:1px solid #CCC;
	box-sizing:border-box;
	margin:0 0 0 15px;
}
#page .num a.btn-next:after {
	content:"";
	display:block;
	position:absolute;
	top:50%;
	right:50%;
	width:8px;
	height:8px;
	border-top:2px solid #999;
	border-right:2px solid #999;
	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;
	width:40px;
	height:40px;
	border:1px solid #CCC;
	box-sizing:border-box;
	margin:0 0 0 15px;
}
#page .num a.btn-last:before {
	content:"";
	display:block;
	position:absolute;
	top:50%;
	right:50%;
	width:2px;
	height:14px;
	margin:-7px -5px 0 0 ;
	background:#999;
	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-last:after {
	content:"";
	display:block;
	position:absolute;
	top:50%;
	right:50%;
	width:8px;
	height:8px;
	border-top:2px solid #999;
	border-right:2px solid #999;
	margin:-5px 1px 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:hover,
#page .num a.btn-first: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,
#page .num a.btn-last:hover,
#page .num a.btn-last:focus {
	border-color:#eb6100;
}
#page .num a.btn-first:hover:before,
#page .num a.btn-first:focus:before,
#page .num a.btn-last:hover:before,
#page .num a.btn-last:focus:before {
	background:#eb6100;
}
#page .num a.btn-first:hover:after,
#page .num a.btn-first:focus:after,
#page .num a.btn-prev:hover:after,
#page .num a.btn-prev:focus:after,
#page .num a.btn-next:hover:after,
#page .num a.btn-next:focus:after,
#page .num a.btn-last:hover:after,
#page .num a.btn-last:focus:after {
	border-color:#eb6100;
}
@media screen and (min-width:991px) {
	#page {
		margin-top:40px;
	}
	#page .num {
		margin-top:35px;
	}
	#page .num a {
		display:inline-block;
		width:40px;
		height:40px;
		font-size:1.5em;
		line-height:40px;
		background:#eeeeee;
		margin:0 5px;
	}	
	#page .num a:hover,
	#page .num a:focus {
		color:#eb6100;
	}
	#page .num .cur {
		display:inline-block;
		width:40px;
		height:40px;
		color:#FFF;
		font-size:1.5em;		
		line-height:40px;
		background:#d94800;
		margin:0 5px;
	}
	#page .num a.btn-first,
	#page .num a.btn-prev,
	#page .num a.btn-next,
	#page .num a.btn-last {
		display:inline-block;
		width:40px;
		height:40px;
		font-size:0;
		background:none;
	}
	#page .num a.btn-first,
	#page .num a.btn-prev,
	#page .num a.btn-next,
	#page .num a.btn-last {
		margin:0 5px;
	}
}


/** pageBack **/
#pageBack {
	width:100%;
	text-align:center;
	margin:20px auto 0 auto;	
}
#pageBack a {
	position:relative;
	display:inline-block;
	color:#000;
	font-size:2.1em;
	font-weight:bold;
	line-height:29px;
	margin:0 auto;
}
#pageBack a:before {
	content:"";
	display:block;
	position:absolute;
	top:0;
	right:0;
	width:29px;
	height:29px;
	background:#000;
	-webkit-border-radius:100%;
	   -moz-border-radius:100%;
			border-radius:100%;
}
#pageBack a span {
	position:relative;
	padding:0 35px 0 0;
}
#pageBack a span:before {
	content:"";
	display:block;
	position:absolute;
	top:5px;
	right:17px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 6px 6px 6px 0;
	border-color: transparent #FFFFFF transparent transparent;
	z-index:2;
}
#pageBack a span:after {
	content:"";
	display:block;
	position:absolute;
	top:9px;
	right:6px;
	width:12px;
	height:14px;
	border:4px solid #FFF;
	border-left:none;
	box-sizing:border-box;
    -webkit-border-radius:0 50px 50px 0;
       -moz-border-radius:0 50px 50px 0;
            border-radius:0 50px 50px 0;
	z-index:2;
}
#pageBack a:hover,
#pageBack a:focus {	
	color:#B20000;
}
#pageBack a:hover:before,
#pageBack a:focus:before {	
	background:#B20000;
}
@media screen and (min-width:991px) {
	#pageBack {
		margin-top:40px;
	}	
}


/* ----- mbIntro ----- */
.mbIntro {
	width:100%;
	margin:30px auto 0 auto;
}
.mbIntro p {
	font-size:1.9em;
	line-height:165%;
	text-align:justify;
	font-weight:bold;
	margin:20px 0;
}
.mbIntro .spNote {
	color:#ff0000;
}
.mbIntro .spNote em {
 	content:"";
	display:inline-block;
	width:15px;
	height:15px;
	font-size:0;
	background:#DB0010;
	vertical-align:middle;
	-webkit-border-radius:100%;
	   -moz-border-radius:100%;
            border-radius:100%;
	-webkit-clip-path:polygon(50% 0%, 64% 30%, 98% 35%, 70% 58%, 80% 93%, 50% 74%, 20% 93%, 30% 58%, 2% 35%, 36% 30%);
			clip-path:polygon(50% 0%, 64% 30%, 98% 35%, 70% 58%, 80% 93%, 50% 74%, 20% 93%, 30% 58%, 2% 35%, 36% 30%);
}
@media screen and (min-width:991px) {
	.mbIntro {
		margin-top:50px;
	}
}


/** contactWord **/
.contactWord {
	position:relative;
	width:100%;
	font-size:1.7em;
	line-height:165%;
	margin:30px auto 0 auto;
}
.contactWord p {
	margin:10px 0;
}
.contactWord .spNote {
	color:#ff0000;
}
.contactWord .spNote em {
 	content:"";
	display:inline-block;
	width:13px;
	height:13px;
	font-size:0;
	background:#ff0000;
	vertical-align:middle;
	-webkit-border-radius:100%;
	   -moz-border-radius:100%;
            border-radius:100%;
	-webkit-clip-path:polygon(50% 0%, 64% 30%, 98% 35%, 70% 58%, 80% 93%, 50% 74%, 20% 93%, 30% 58%, 2% 35%, 36% 30%);
			clip-path:polygon(50% 0%, 64% 30%, 98% 35%, 70% 58%, 80% 93%, 50% 74%, 20% 93%, 30% 58%, 2% 35%, 36% 30%);
}
.contactWord .stit {
	border-top:1px dashed #CCC;
	margin:20px 0;
	color: #cc0000;
	font-size:1.3rem;
	font-weight:bold;
	padding:20px 0 0 0;
}
.contactWord > ol,
.contactWord > ul {
	margin:10px 0;
	margin-left:1.5em;
}
.contactWord > ol > li,
.contactWord > ul > li {
	margin:10px 0;
}
.contactWord li ol,
.contactWord li ul {
	margin:10px 0;
	margin-left:2em;
}
.contactWord li ol li,
.contactWord li ul li {
	list-style:square;
	margin:10px 0;
}
.contactWord h3.sendok {
	font-family:"微軟正黑體", "Microsoft JhengHei";
	color:#008FBF;
	font-size:1.9rem;
	margin:0 0 20px 0;
}
.contactWord h3.sendok span {
	position:relative;
	display:inline-block;
	color:#bb003b;
	background:none;
	padding:10px 0 10px 60px;
}
.contactWord h3.sendok span:before {
	content:"";
	display:block;
	position:absolute;
	top:0;
	left:0;	
	width:50px;
	height:50px;
	background:#bb003b url(../images/icon-mail.png) 50% 50%;
	-webkit-border-radius:100%;
	   -moz-border-radius:100%;
            border-radius:100%;
}


/* ----- spCheck ----- */
.spCheck {
	position:relative;
	float:left;
    width:100%;
	font-size:1.9em;
	font-weight:bold;
	text-align:center;
	line-height:130%;
	margin-top:20px;
}
.spCheck input[type="checkbox"] {
	position:absolute;
	display: block;
	width:100%;
	height:100%;
	margin: 0;
	border-color:transparent;
	background-color:transparent;
	-webkit-appearance:none;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	cursor: pointer;
}
.spCheck input[type="checkbox"] + label  {
	display:inline-block;
	width:100%;
	color:#a40000;
	padding:28px 20px;
	box-sizing:border-box;
	vertical-align:middle;
	cursor: pointer;
	background:rgba(164,0,0,.1);
}
.spCheck input[type="checkbox"] + label span {
	position:relative;
	display:inline-block;
	padding-left:30px;
}
.spCheck input[type="checkbox"] + label span:after {
	content:"";
	position:absolute;
    display:block;
	top:50%;
	left:0;    
    padding:0;
    width:22px;
    height:22px;
    background:#FFF;
	margin:-11px 0 0 0;
	-webkit-border-radius:3px;
	   -moz-border-radius:3px;
            border-radius:3px;
}
.spCheck input[type="checkbox"]:hover + label,
.spCheck input[type="checkbox"]:focus + label {
	background:#f2eadf;
}
.spCheck input[type="checkbox"]:checked + label,
.spCheck input[type="checkbox"]:checked:hover + label {
	color:#FFF;
	background:#a40000;
}
.spCheck input[type="checkbox"]:checked + label span:before,
.spCheck input[type="checkbox"]:checked:hover + label span:before,
.spCheck input[type="checkbox"]:checked:focus + label span:before  {
	content:"";
	position:absolute;
    display:block;
	top:50%;
	left:5px;
	width:7px;
    height:12px;
    border-right:4px solid #000;
    border-bottom:4px solid #000;
    margin-top:-10px;
    z-index:2;
    -webkit-transform:rotate(45deg);
        -ms-transform:rotate(45deg);
            transform:rotate(45deg);
}
.spCheck input[type="checkbox"]:checked:hover + label {
	color:#FFF;
	background:#a40000;
}
@media screen and (max-width:500px) {
	.spCheck {
		text-align:left;
	}
	.spCheck input[type="checkbox"] + label {
		padding:20px;
		box-sizing:border-box;
	}
}


/* ---------- contactForm ---------- */ 
.contactForm {
	width:100%;
	padding:20px 0 0 0;
	border-top:1px dashed #CCC;
	margin:20px auto 0 auto;
}

/* ---------- form-list ---------- */ 
.form-list {
	display:inline-block;
	width:100%;
	margin:10px auto;
}
.contactForm .form-list .formLabel {
	float:left;
	width:150px;
	color:#000;
    font-size:1.7em;
    font-weight:bold;
	line-height:50px;
	overflow:hidden;
}
.contactForm .form-list .formLabel span {
	position:relative;
	padding:0 0 0 25px;
	word-break:keep-all;
	box-sizing:border-box;
	margin-left:20px;
}
.contactForm .form-list .formLabel span.wd2 {
	letter-spacing:2em;
}
.contactForm .form-list .formLabel span.wd3 {
	letter-spacing:0.5em;
}
.contactForm .form-list .formLabel span em {
 	content:"";
	display:block;
	position:absolute;
	top:50%;
    left:2px;
	width:13px;
	height:13px;
	font-size:0;
	background:#ff0000;
	margin:-6.5px 0 0 0;
	z-index:2;
	-webkit-border-radius:100%;
	   -moz-border-radius:100%;
            border-radius:100%;
	-webkit-clip-path:polygon(50% 0%, 64% 30%, 98% 35%, 70% 58%, 80% 93%, 50% 74%, 20% 93%, 30% 58%, 2% 35%, 36% 30%);
			clip-path:polygon(50% 0%, 64% 30%, 98% 35%, 70% 58%, 80% 93%, 50% 74%, 20% 93%, 30% 58%, 2% 35%, 36% 30%);
}
.contactForm .form-list .formBox {
	float:left;
	width:calc(100% - 150px);
}
.contactForm .form-list .formInput {
	float:left;
	width:100%;
	height:50px;
    padding:0 10px;
    font-family:"微軟正黑體", Helvetica, sans-serif;
	font-size:1.7em;
    line-height:50px;    
    vertical-align:middle;
	box-sizing:border-box;
    border:1px solid #e5e5e5;
	background:#f7f7f7;
	-webkit-border-radius:5px;
	   -moz-border-radius:5px;
            border-radius:5px;
}
.contactForm .form-list .formInput:focus {
	background-color:#FFFFFF;
    border:1px solid #FF9933;
    outline:0;
    -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(255,153,51,0.6);
	   -moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(255,153,51,0.6);
            box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(255,153,51,0.6);
}
.contactForm .form-list .w1 {
	width:50%;
}
.contactForm .form-list .w2 {
	width:100px;
	margin-left:10px;
}
.contactForm .form-list .listBar {
	float:left;
	width:100%;
	height:50px;
	font-family:"微軟正黑體", Helvetica, sans-serif;
	font-size:1.7em;
    line-height:50px; 
	vertical-align:top;
	cursor:pointer;
	text-indent:0.01px;
	text-overflow:"";
	border:1px solid #e5e5e5;
	padding:0 10px;
	background:#f7f7f7 url(../images/select-bg.png) no-repeat right;
	-webkit-border-radius:5px;
	   -moz-border-radius:5px;
            border-radius:5px;
	-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;
}
.contactForm .form-list .listBar:focus {
	background:#FFFFFF url(../images/select-bg-on.png) no-repeat right;
    border:1px solid #FF9933;
    outline:0;
    -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(255,153,51,0.6);
	   -moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(255,153,51,0.6);
            box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(255,153,51,0.6);	
}
.contactForm .form-list .listBar option {
	background:#FFFFFF url(../images/select-bg-on.png) no-repeat right;
	border:none;
}
.contactForm .form-list .listBar:-ms-expand {
	display:none; /* hide default arrow in IE10 */
}
.contactForm .form-list .radionote {
	display:inline-block;
	vertical-align:top;
	margin:0 0 0 15px;
}
.contactForm .form-list .radioCont {
	position:relative;
	float:left;
	font-size:1.7em;
	padding-left:30px;
	margin:0 15px 0 0;
	cursor:pointer;
}
.contactForm .form-list fieldset {
	display:inline-block;
}
.contactForm .form-list fieldset legend {
    position: fixed;
    width: 1px;
    height: 1px;
	color: #000;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;	
}
.contactForm .form-list .radionote label {
	display:inline-block;	
	color:#000;
	font-family:"微軟正黑體", Arial, Helvetica, sans-serif;
	color:#000;
    font-size:1.7em;
    font-weight:bold;
	line-height:25px;
	padding:12.5px 0 0 0;
	box-sizing:border-box;
	cursor: pointer;
	-webkit-transition:all 0.5s ease;
	   -moz-transition:all 0.5s ease;
	     -o-transition:all 0.5s ease;
	        transition:all 0.5s ease;
}
.contactForm .form-list .radionote label input[type="radio"] {
	position:relative;
	display:inline-block;
	width:25px;
    height:25px;
	background:#007d99;
	margin:0 5px 0 0;
	border:1px solid #CCC;
	background-color:transparent;
	vertical-align:top;
	-webkit-appearance:none;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	-webkit-border-radius:100%;
	   -moz-border-radius:100%;
            border-radius:100%;
	-webkit-transition:all 0.5s ease;
	   -moz-transition:all 0.5s ease;
	     -o-transition:all 0.5s ease;
	        transition:all 0.5s ease;
}
.contactForm .form-list .radionote label input[type="radio"]:checked:before {
	content:"";
	position:absolute;
    display:block;
	top:4px;
	left:4px;
	width:15px;
    height:15px;
	background:#000;
    z-index:2;
	-webkit-border-radius:100%;
	   -moz-border-radius:100%;
            border-radius:100%;
}
.contactForm .form-list .formCheck {
	content:"";
	display:block;
    position:absolute;
    top:50%;
    left:0;
    height:23px;
    width:23px;
    margin:-11.5px 0 0 0;
    background:#FFF;
	border:1px solid #e5e5e5;
	cursor:pointer;
	-webkit-border-radius:5px;
	   -moz-border-radius:5px;
            border-radius:5px;
}
.contactForm .form-list .formCheck.focus {
	outline:dotted 1px;
}
.contactForm .form-list .formCheck.checked {
	background:#FFF;
	border:1px solid #e5e5e5;
}
.contactForm .form-list .formCheck.checked.hover {
	background:#FFF;
}
.contactForm .form-list .formCheck.checked:after {
 	content:"";
	display:block;
	position:absolute;
	top:50%;
	left:5px;
	width:7px;
    height:12px;
    border-right:4px solid #804a00;
    border-bottom:4px solid #804a00;
    margin-top:-10px;
    z-index:2;
    -webkit-transform:rotate(45deg);
        -ms-transform:rotate(45deg);
            transform:rotate(45deg);
}
.contactForm .form-list .formText {
	width:100%;
    padding:10px;
    font-family:"微軟正黑體", Helvetica, sans-serif;
	font-size:1.7em;
    line-height:160%;
    vertical-align:middle;
	background:#f7f7f7;
	box-sizing:border-box;
    border:1px solid #e5e5e5;
	-webkit-border-radius:5px;
	   -moz-border-radius:5px;
            border-radius:5px;
}
.contactForm .form-list .formText:focus {
	background-color:#FFFFFF;
    border:1px solid #FF9933;
    outline:0;
    -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(255,153,51,0.6);
	   -moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(255,153,51,0.6);
            box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(255,153,51,0.6);
}
.contactForm .form-list .note {
	float:left;
	width:100%;
	color:#ff0000;
	font-size:1.7em;
	font-weight:bold;
	line-height:130%;
	margin:12px 0 0 0;
	vertical-align:top;
}
.contactForm .form-list .note.n1 {
	width:calc(50% - 15px);
	margin-left:15px;
}
.contactForm .form-list .note.n2 {
	float:left;
}
.contactForm .form-list .upfile {
	position:relative;
}
.contactForm .form-list .fileBtn {
	display:inline-block;
	font-family:"微軟正黑體", Arial, Helvetica, sans-serif;
	color:#FFF;
	width:150px;
	height:50px;
	font-size:1rem;
	line-height:50px;
	text-align:center;
	box-sizing:border-box;
	border:none;
	vertical-align:middle;
	z-index:1;
	-webkit-border-radius:5px;
	   -moz-border-radius:5px;
            border-radius:5px;
	-webkit-transition:all 0.3s ease;
	   -moz-transition:all 0.3s ease;
	     -o-transition:all 0.3s ease;
	        transition:all 0.3s ease;
}
.contactForm .form-list .fileBtn span {
	position:absolute;	
	right:1px;
	top:1px;	
	width:calc(100% - 2px);
	height:calc(100% - 2px);
	line-height:50px;
	z-index:11;
	border:none;
	background:#000;
	pointer-events: none;
	-webkit-border-radius:5px;
	   -moz-border-radius:5px;
            border-radius:5px;
}
.contactForm .form-list .fileBtn:hover span {
	background:#eb6100;
}
.contactForm .form-list input[type="file"] {
	position:absolute;	
	right:1px !important;
	top:1px !important;	
	width:calc(100% - 2px);
	height:calc(100% - 2px);
	cursor:pointer;
	opacity:1 !important;
	font-size:0 !important;
	z-index:10 !important;
	border:none !important;
	background:none !important;
	-webkit-border-radius:10px;
	   -moz-border-radius:10px;
            border-radius:10px;
}
.contactForm .form-list input[type="file"]:focus {
	outline:1px dotted #FF0000;
}
/*for ie9*/
:root .contactForm .form-list .fileBtn {
	width:300px\9!important;
}
:root .contactForm .form-list input[type="file"] {
	font-size:1rem\9!important;
}
/*for ie10 、 ie11*/
@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none){
	.contactForm .form-list .fileBtn {
		width:300px !important;
	}
	.contactForm .form-list .fileBtn span {
		display:none;
	}
	.contactForm .form-list input[type="file"] {
		font-size:1rem !important;
	}
}
.contactForm .form-list .fileList {
	clear:both;
	width:100%;
}
.form-list .fileList ul {
	margin:10px 0;
}
.contactForm .form-list .fileList ul li {
	font-size:1rem;
	margin:5px 0 5px 1.5em;
}
.contactForm .form-list .fileList ul li span {
	color:#666;
	font-size:0.95rem;
	margin-left:5px;
}
.contactForm .form-list .fileList ul li .btnDelet {
	display:inline-block;
	color:#FFF;
	font-size:0.9rem;
    padding:5px 10px;
    background:#B50808;
	margin:5px 0 5px 10px;
	-webkit-border-radius:4px;
	   -moz-border-radius:4px;
	        border-radius:4px;
}
.contactForm .form-list .fileList ul li .btnDelet:hover,
.contactForm .form-list .fileList ul li .btnDelet:focus {
    background:#eb6100;
}
.contactForm .captchaImg {
	float:left;
	margin-top:4px;
}
.contactForm .btnVoice,
.contactForm .btnReload {
	float:left;
	position:relative;
	color:#FFF;
	font-size:0;
	width:50px;
	height:50px;	
	background:#757575;
	vertical-align:middle;
	margin-left:5px;
	-webkit-border-radius:4px;
	   -moz-border-radius:4px;
	        border-radius:4px;
}
.contactForm .btnVoice:after {
	content:"";
	position:absolute;
    top:0;
	left:0;
	display:block;
    width:50px;
    height:50px;    
    background:url(../images/btnVoice-icon.png) 50% 50% no-repeat;
}
.contactForm .btnReload:after {
	content:"";
	position:absolute;
    top:0;
	left:0;
	display:block;
    width:50px;
    height:50px;    
    background:url(../images/btnReload-icon.png) 50% 50% no-repeat;
}
.contactForm .btnVoice:hover,
.contactForm .btnVoice:focus,
.contactForm .btnReload:hover,
.contactForm .btnReload:focus {
	background:#eb6100;
}
@media screen and (max-width:767px) {
	.contactForm .form-list .formLabel {
		width:110px;
	}
	.contactForm .form-list .formBox {
		width:calc(100% - 110px);
	}
	.contactForm .form-list .formLabel span {
		margin-left:0;
	}
}
@media screen and (max-width:620px) {
	.contactForm .form-list {
		margin:15px 0;
	}
	.contactForm .form-list .formLabel {
		width:100%;
		text-align:left;
		line-height:100%;
		margin-bottom:15px;
	}
	.contactForm .form-list .formLabel span {
		padding:0 25px 0 0;
	}
	.contactForm .form-list .formLabel span.wd3 {
		padding:0 15px 0 0;
	}
	.contactForm .form-list .formLabel span em {
		left:inherit;
		right:0;
	}
	.contactForm .form-list .formBox {
		width:100%;
	}
}
@media screen and (max-width:480px) {
	.contactForm .form-list .w1 {
		width:100%;
	}
	.contactForm .form-list .note.n1 {
		width:100%;
		margin-left:0;
	}
	.contactForm .form-list .radionote {
		margin-left:0;
	}
}
@media screen and (min-width:991px) {
	.contactForm .form-list .w1 {
		width:50%;
	}
	.contactForm .form-list .w2 {
		width:100px;
		margin-left:10px;
	}
}



/* ----- mapInfo ----- */
.mapInfo {
	width:100%;
	margin:30px auto 0 auto;
}
.mapInfo .tit {
	position:relative;
	color:#000;
	font-size: 1.9em;
    line-height: 165%;
    text-align: justify;
    font-weight: bold;
	padding-left:65px;
	box-sizing:border-box;
	margin:30px auto;
}
.mapInfo .tit:before {
	content:"";
	display:block;
	position:absolute;
	top:-12px;
	left:0;
	width:55px;
	height:55px;
	background: url(../images/mapInfo-icon.svg) 50% 50% no-repeat;
	background-size:auto 100%;
	z-index:2;
}
.mapInfo dl {
	padding:25px;
	box-sizing:border-box;
	background:rgba(242,236,230,.5);
}
.mapInfo dl dt {
	font-family:"微軟正黑體", "Microsoft JhengHei";
	color:#000;
	font-size:2.3em;
	font-weight:bold;
	margin-bottom:15px;
}
.mapInfo dl dd {
	color:#000;
	font-size:1.9em;
	padding:15px 0;
	border-bottom:1px dashed #CCC;
}
.mapInfo dl dd:nth-child(2) {
	border-top:1px solid #000;
}
.mapInfo dl dd:last-child {
	padding-bottom:0;
	border-bottom:none;
}
.mapInfo iframe {
	margin-top:15px;
}
@media screen and (min-width:991px) {
	.mapInfo {
		margin-top:50px;
	}
}


/** searchBox **/
.searchBox {
	width:100%;
	text-align:center;
	margin:20px auto 0 auto;
}
.searchBox .box {
	position:relative;
	display:inline-block;
	width:80%;
	margin:0 10%;
}
.searchBox .search-txt {
	font-family:"微軟正黑體", Arial, Helvetica, sans-serif;
	width:100%;
	height:50px;
	color:#000;
	font-size:1.9em;
	padding:0 50px 0 15px;
	margin:0;
	border:2px solid #000;
	-webkit-border-radius:5px;
       -moz-border-radius:5px;
            border-radius:5px;
}
.searchBox .search-txt:focus {
    color:#e54d00;
	border:2px solid #e54d00;	
    outline:0;
}
.searchBox .search-btn {
	position:absolute;
	right:0;
	top:0;
	width:50px;
	height:50px;
	padding:0;
	margin:0;
	font-size:0;
	border:none;
	cursor:pointer;
	background:none;
}
.searchBox .search-btn span {	
	float:left;
	width:100%;
	height:100%;
}
.searchBox .search-btn span em {
	position:relative;
	float:left;
	margin:13px 0 0 16px;
	-webkit-backface-visibility:hidden;
			backface-visibility:hidden;
}
.searchBox .search-btn span em::before {
	position:absolute;
	display:block;
	content:'';
	left:-4px;
	top:-2px;
	height:23px;
	width:23px;
	border:4px solid #000;
	box-sizing:border-box;
    -webkit-border-radius:100px;
       -moz-border-radius:100px;
            border-radius:100px;
	-webkit-transition:-webkit-transform .2s;
	        transition:transform .2s;
}
.searchBox .search-btn span em::after {
	position:absolute;
	display:block;
	content:'';
	left:13px;
	top:18px;
	width:9px;
	height:4px;	
	background:#000;
	-webkit-transition:-webkit-transform .2s;
	        transition:transform .2s;
	-webkit-transform:rotate(45deg);
		-ms-transform:rotate(45deg);
			transform:rotate(45deg);
}
.searchBox .search-btn:hover span em::before,
.searchBox .search-btn:focus span em::before {
	border-color:#e54d00;
}
.searchBox .search-btn:hover span em::after,
.searchBox .search-btn:focus span em::after {
	background:#e54d00;
}
.searchShow {
	float:left;
	width:100%;
	margin:40px 0 0 0;
}
.searchShow table th,
.searchShow table td {
	border:none;
}
@media screen and (max-width:480px) {
	.searchBox {
		margin-top:10px;
	}
	.searchBox .box {
		width:100%;
		margin:0 auto;
	}
}
@media screen and (min-width:991px) {
	.searchBox {
		margin:0 auto;
	}
	.searchBox .box {
		width:50%;
		margin:0 25%;
	}
}


/** Sitemap **/
#sitemap {
	width:100%;
	margin:30px auto 0 auto;
}
#sitemap .info {
	width:100%;
	color:#000;
	font-size:1.7em;
	line-height:170%;	
}
#sitemap .info p {
	text-align:justify;
	margin:15px 0;
}
#sitemap .info ul {
	list-style-type:none; 
	margin:10px 0; 
	padding:0px;
}
#sitemap .info ul li { 
	margin:10px 0 10px 1.5em;
}
#sitemap .sitemapList {
	width:100%;
	padding-top:25px;
	margin-top:20px;
	border-top:1px dashed #CCC;
}
#sitemap .sitemapList > ul {
	list-style:none;
	margin:-10px;
}
#sitemap .sitemapList > ul > li {
	display:inline-block;
	width:50%;
	padding:10px;
	vertical-align:top;
	box-sizing:border-box;	
}
#sitemap .sitemapList > ul > li > a {
	display:block;
	color:#FFF;
	font-size:1.7em ;
	font-weight:bold;
	line-height:135%;
	padding:15px 20px;
	background:#59493f;
}
#sitemap .sitemapList > ul > li > a:hover,
#sitemap .sitemapList > ul > li > a:focus {
	background:#bf2626;
}
#sitemap .sitemapList > ul > li ul {
	list-style:none;
	padding:10px 20px;
	background:#f0f0f0;
}
#sitemap .sitemapList > ul > li li {
	padding:5px 0;
}
#sitemap .sitemapList > ul > li li a {
	position:relative;
	display:block;
	color:#000;
	font-size:1.7em ;
	line-height:170%;
	padding-left:40px;	
}
#sitemap .sitemapList > ul > li li a span {
	position:absolute;
	left:0;
	top:0;
}
#sitemap .sitemapList > ul > li li a:hover,
#sitemap .sitemapList > ul > li li a:focus {
	color:#bf2626;
}
@media screen and (max-width:480px) {
	#sitemap .sitemapList > ul > li {
		width:100%;
	}
}
@media screen and (min-width:768px) {	
	#sitemap .sitemapList > ul > li {
		width:33.33%;
	}
}
@media screen and (min-width:991px) {	
	#sitemap .sitemapList {
		padding-top:30px;
		margin-top:25px;
	}
	#sitemap .sitemapList > ul > li > a {
		padding:15px 25px;
	}
	#sitemap .sitemapList > ul > li ul {
		padding:10px 25px;
	}
}

@media print {
	#page .num {
		margin-top:35px;
	}
	#page .num a {
		display: inline-block;
		width:40px;
		height:40px;
		font-size:1.5em;
		line-height:40px;
		background:#eeeeee;
		margin:0 3px;
	}
	#page .num .cur {
		width:40px;
		height:40px;
		color:#FFF;
		font-size:1.5em;		
		line-height:40px;
		background:#d94800;
		margin:0 3px;
	}
	#page .num a.btn-first,
	#page .num a.btn-prev,
	#page .num a.btn-next,
	#page .num a.btn-last {
		font-size:0;
		margin:0 3px;
		background:#FFF;
	}
}