/* 縮小失敗。正在傳回未縮小的內容。
(776,36): run-time error CSS1034: Expected closing parenthesis, found ','
(776,36): run-time error CSS1042: Expected function, found ','
(776,40): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(862,38): run-time error CSS1034: Expected closing parenthesis, found ','
(862,38): run-time error CSS1042: Expected function, found ','
(862,40): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(880,36): run-time error CSS1034: Expected closing parenthesis, found ','
(880,36): run-time error CSS1042: Expected function, found ','
(880,40): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(1027,36): run-time error CSS1034: Expected closing parenthesis, found ','
(1027,36): run-time error CSS1042: Expected function, found ','
(1027,40): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(1113,38): run-time error CSS1034: Expected closing parenthesis, found ','
(1113,38): run-time error CSS1042: Expected function, found ','
(1113,40): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
 */
/*! jQuery UI - v1.12.1 - 2021-06-22
* http://jqueryui.com
* Includes: core.css, datepicker.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?scope=&folderName=base&cornerRadiusShadow=8px&offsetLeftShadow=0px&offsetTopShadow=0px&thicknessShadow=5px&opacityShadow=30&bgImgOpacityShadow=0&bgTextureShadow=flat&bgColorShadow=666666&opacityOverlay=30&bgImgOpacityOverlay=0&bgTextureOverlay=flat&bgColorOverlay=aaaaaa&iconColorError=cc0000&fcError=5f3f3f&borderColorError=f1a899&bgTextureError=flat&bgColorError=fddfdf&iconColorHighlight=777620&fcHighlight=777620&borderColorHighlight=dad55e&bgTextureHighlight=flat&bgColorHighlight=fffa90&iconColorActive=ffffff&fcActive=ffffff&borderColorActive=003eff&bgTextureActive=flat&bgColorActive=007fff&iconColorHover=555555&fcHover=2b2b2b&borderColorHover=cccccc&bgTextureHover=flat&bgColorHover=ededed&iconColorDefault=777777&fcDefault=454545&borderColorDefault=c5c5c5&bgTextureDefault=flat&bgColorDefault=f6f6f6&iconColorContent=444444&fcContent=333333&borderColorContent=dddddd&bgTextureContent=flat&bgColorContent=ffffff&iconColorHeader=444444&fcHeader=333333&borderColorHeader=dddddd&bgTextureHeader=flat&bgColorHeader=e9e9e9&cornerRadius=3px&fwDefault=normal&fsDefault=1em&ffDefault=Arial%2CHelvetica%2Csans-serif
* Copyright jQuery Foundation and other contributors; Licensed MIT */

.ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important;pointer-events:none}.ui-icon{display:inline-block;vertical-align:middle;margin-top:-.25em;position:relative;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-icon-block{left:50%;margin-left:-8px;display:block}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-datepicker{width:17em;padding:.2em .2em 0;display:none}.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0}.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{position:absolute;top:2px;width:1.8em;height:1.8em}.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover{top:1px}.ui-datepicker .ui-datepicker-prev{left:2px}.ui-datepicker .ui-datepicker-next{right:2px}.ui-datepicker .ui-datepicker-prev-hover{left:1px}.ui-datepicker .ui-datepicker-next-hover{right:1px}.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px}.ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center}.ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0}.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:45%}.ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em}.ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:bold;border:0}.ui-datepicker td{border:0;padding:1px}.ui-datepicker td span,.ui-datepicker td a{display:block;padding:.2em;text-align:right;text-decoration:none}.ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0}.ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em .6em;width:auto;overflow:visible}.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left}.ui-datepicker.ui-datepicker-multi{width:auto}.ui-datepicker-multi .ui-datepicker-group{float:left}.ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em}.ui-datepicker-multi-2 .ui-datepicker-group{width:50%}.ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%}.ui-datepicker-multi-4 .ui-datepicker-group{width:25%}.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0}.ui-datepicker-multi .ui-datepicker-buttonpane{clear:left}.ui-datepicker-row-break{clear:both;width:100%;font-size:0}.ui-datepicker-rtl{direction:rtl}.ui-datepicker-rtl .ui-datepicker-prev{right:2px;left:auto}.ui-datepicker-rtl .ui-datepicker-next{left:2px;right:auto}.ui-datepicker-rtl .ui-datepicker-prev:hover{right:1px;left:auto}.ui-datepicker-rtl .ui-datepicker-next:hover{left:1px;right:auto}.ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right}.ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left}.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group{float:right}.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px}.ui-datepicker .ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat;left:.5em;top:.3em}.ui-widget{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget .ui-widget{font-size:1em}.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget.ui-widget-content{border:1px solid #c5c5c5}.ui-widget-content{border:1px solid #ddd;background:#fff;color:#333}.ui-widget-content a{color:#333}.ui-widget-header{border:1px solid #ddd;background:#e9e9e9;color:#333;font-weight:bold}.ui-widget-header a{color:#333}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default,.ui-button,html .ui-button.ui-state-disabled:hover,html .ui-button.ui-state-disabled:active{border:1px solid #c5c5c5;background:#f6f6f6;font-weight:normal;color:#454545}.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited,a.ui-button,a:link.ui-button,a:visited.ui-button,.ui-button{color:#454545;text-decoration:none}.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus,.ui-button:hover,.ui-button:focus{border:1px solid #ccc;background:#ededed;font-weight:normal;color:#2b2b2b}.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited,a.ui-button:hover,a.ui-button:focus{color:#2b2b2b;text-decoration:none}.ui-visual-focus{box-shadow:0 0 3px 1px rgb(94,158,214)}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active,a.ui-button:active,.ui-button:active,.ui-button.ui-state-active:hover{border:1px solid #003eff;background:#007fff;font-weight:normal;color:#fff}.ui-icon-background,.ui-state-active .ui-icon-background{border:#003eff;background-color:#fff}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#fff;text-decoration:none}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #dad55e;background:#fffa90;color:#777620}.ui-state-checked{border:1px solid #dad55e;background:#fffa90}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#777620}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #f1a899;background:#fddfdf;color:#5f3f3f}.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{color:#5f3f3f}.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#5f3f3f}.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:bold}.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;filter:Alpha(Opacity=70);font-weight:normal}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none}.ui-state-disabled .ui-icon{filter:Alpha(Opacity=35)}.ui-icon{width:16px;height:16px}.ui-icon,.ui-widget-content .ui-icon{background-image:url("images/ui-icons_444444_256x240.png")}.ui-widget-header .ui-icon{background-image:url("images/ui-icons_444444_256x240.png")}.ui-state-hover .ui-icon,.ui-state-focus .ui-icon,.ui-button:hover .ui-icon,.ui-button:focus .ui-icon{background-image:url("images/ui-icons_555555_256x240.png")}.ui-state-active .ui-icon,.ui-button:active .ui-icon{background-image:url("images/ui-icons_ffffff_256x240.png")}.ui-state-highlight .ui-icon,.ui-button .ui-state-highlight.ui-icon{background-image:url("images/ui-icons_777620_256x240.png")}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url("images/ui-icons_cc0000_256x240.png")}.ui-button .ui-icon{background-image:url("images/ui-icons_777777_256x240.png")}.ui-icon-blank{background-position:16px 16px}.ui-icon-caret-1-n{background-position:0 0}.ui-icon-caret-1-ne{background-position:-16px 0}.ui-icon-caret-1-e{background-position:-32px 0}.ui-icon-caret-1-se{background-position:-48px 0}.ui-icon-caret-1-s{background-position:-65px 0}.ui-icon-caret-1-sw{background-position:-80px 0}.ui-icon-caret-1-w{background-position:-96px 0}.ui-icon-caret-1-nw{background-position:-112px 0}.ui-icon-caret-2-n-s{background-position:-128px 0}.ui-icon-caret-2-e-w{background-position:-144px 0}.ui-icon-triangle-1-n{background-position:0 -16px}.ui-icon-triangle-1-ne{background-position:-16px -16px}.ui-icon-triangle-1-e{background-position:-32px -16px}.ui-icon-triangle-1-se{background-position:-48px -16px}.ui-icon-triangle-1-s{background-position:-65px -16px}.ui-icon-triangle-1-sw{background-position:-80px -16px}.ui-icon-triangle-1-w{background-position:-96px -16px}.ui-icon-triangle-1-nw{background-position:-112px -16px}.ui-icon-triangle-2-n-s{background-position:-128px -16px}.ui-icon-triangle-2-e-w{background-position:-144px -16px}.ui-icon-arrow-1-n{background-position:0 -32px}.ui-icon-arrow-1-ne{background-position:-16px -32px}.ui-icon-arrow-1-e{background-position:-32px -32px}.ui-icon-arrow-1-se{background-position:-48px -32px}.ui-icon-arrow-1-s{background-position:-65px -32px}.ui-icon-arrow-1-sw{background-position:-80px -32px}.ui-icon-arrow-1-w{background-position:-96px -32px}.ui-icon-arrow-1-nw{background-position:-112px -32px}.ui-icon-arrow-2-n-s{background-position:-128px -32px}.ui-icon-arrow-2-ne-sw{background-position:-144px -32px}.ui-icon-arrow-2-e-w{background-position:-160px -32px}.ui-icon-arrow-2-se-nw{background-position:-176px -32px}.ui-icon-arrowstop-1-n{background-position:-192px -32px}.ui-icon-arrowstop-1-e{background-position:-208px -32px}.ui-icon-arrowstop-1-s{background-position:-224px -32px}.ui-icon-arrowstop-1-w{background-position:-240px -32px}.ui-icon-arrowthick-1-n{background-position:1px -48px}.ui-icon-arrowthick-1-ne{background-position:-16px -48px}.ui-icon-arrowthick-1-e{background-position:-32px -48px}.ui-icon-arrowthick-1-se{background-position:-48px -48px}.ui-icon-arrowthick-1-s{background-position:-64px -48px}.ui-icon-arrowthick-1-sw{background-position:-80px -48px}.ui-icon-arrowthick-1-w{background-position:-96px -48px}.ui-icon-arrowthick-1-nw{background-position:-112px -48px}.ui-icon-arrowthick-2-n-s{background-position:-128px -48px}.ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px}.ui-icon-arrowthick-2-e-w{background-position:-160px -48px}.ui-icon-arrowthick-2-se-nw{background-position:-176px -48px}.ui-icon-arrowthickstop-1-n{background-position:-192px -48px}.ui-icon-arrowthickstop-1-e{background-position:-208px -48px}.ui-icon-arrowthickstop-1-s{background-position:-224px -48px}.ui-icon-arrowthickstop-1-w{background-position:-240px -48px}.ui-icon-arrowreturnthick-1-w{background-position:0 -64px}.ui-icon-arrowreturnthick-1-n{background-position:-16px -64px}.ui-icon-arrowreturnthick-1-e{background-position:-32px -64px}.ui-icon-arrowreturnthick-1-s{background-position:-48px -64px}.ui-icon-arrowreturn-1-w{background-position:-64px -64px}.ui-icon-arrowreturn-1-n{background-position:-80px -64px}.ui-icon-arrowreturn-1-e{background-position:-96px -64px}.ui-icon-arrowreturn-1-s{background-position:-112px -64px}.ui-icon-arrowrefresh-1-w{background-position:-128px -64px}.ui-icon-arrowrefresh-1-n{background-position:-144px -64px}.ui-icon-arrowrefresh-1-e{background-position:-160px -64px}.ui-icon-arrowrefresh-1-s{background-position:-176px -64px}.ui-icon-arrow-4{background-position:0 -80px}.ui-icon-arrow-4-diag{background-position:-16px -80px}.ui-icon-extlink{background-position:-32px -80px}.ui-icon-newwin{background-position:-48px -80px}.ui-icon-refresh{background-position:-64px -80px}.ui-icon-shuffle{background-position:-80px -80px}.ui-icon-transfer-e-w{background-position:-96px -80px}.ui-icon-transferthick-e-w{background-position:-112px -80px}.ui-icon-folder-collapsed{background-position:0 -96px}.ui-icon-folder-open{background-position:-16px -96px}.ui-icon-document{background-position:-32px -96px}.ui-icon-document-b{background-position:-48px -96px}.ui-icon-note{background-position:-64px -96px}.ui-icon-mail-closed{background-position:-80px -96px}.ui-icon-mail-open{background-position:-96px -96px}.ui-icon-suitcase{background-position:-112px -96px}.ui-icon-comment{background-position:-128px -96px}.ui-icon-person{background-position:-144px -96px}.ui-icon-print{background-position:-160px -96px}.ui-icon-trash{background-position:-176px -96px}.ui-icon-locked{background-position:-192px -96px}.ui-icon-unlocked{background-position:-208px -96px}.ui-icon-bookmark{background-position:-224px -96px}.ui-icon-tag{background-position:-240px -96px}.ui-icon-home{background-position:0 -112px}.ui-icon-flag{background-position:-16px -112px}.ui-icon-calendar{background-position:-32px -112px}.ui-icon-cart{background-position:-48px -112px}.ui-icon-pencil{background-position:-64px -112px}.ui-icon-clock{background-position:-80px -112px}.ui-icon-disk{background-position:-96px -112px}.ui-icon-calculator{background-position:-112px -112px}.ui-icon-zoomin{background-position:-128px -112px}.ui-icon-zoomout{background-position:-144px -112px}.ui-icon-search{background-position:-160px -112px}.ui-icon-wrench{background-position:-176px -112px}.ui-icon-gear{background-position:-192px -112px}.ui-icon-heart{background-position:-208px -112px}.ui-icon-star{background-position:-224px -112px}.ui-icon-link{background-position:-240px -112px}.ui-icon-cancel{background-position:0 -128px}.ui-icon-plus{background-position:-16px -128px}.ui-icon-plusthick{background-position:-32px -128px}.ui-icon-minus{background-position:-48px -128px}.ui-icon-minusthick{background-position:-64px -128px}.ui-icon-close{background-position:-80px -128px}.ui-icon-closethick{background-position:-96px -128px}.ui-icon-key{background-position:-112px -128px}.ui-icon-lightbulb{background-position:-128px -128px}.ui-icon-scissors{background-position:-144px -128px}.ui-icon-clipboard{background-position:-160px -128px}.ui-icon-copy{background-position:-176px -128px}.ui-icon-contact{background-position:-192px -128px}.ui-icon-image{background-position:-208px -128px}.ui-icon-video{background-position:-224px -128px}.ui-icon-script{background-position:-240px -128px}.ui-icon-alert{background-position:0 -144px}.ui-icon-info{background-position:-16px -144px}.ui-icon-notice{background-position:-32px -144px}.ui-icon-help{background-position:-48px -144px}.ui-icon-check{background-position:-64px -144px}.ui-icon-bullet{background-position:-80px -144px}.ui-icon-radio-on{background-position:-96px -144px}.ui-icon-radio-off{background-position:-112px -144px}.ui-icon-pin-w{background-position:-128px -144px}.ui-icon-pin-s{background-position:-144px -144px}.ui-icon-play{background-position:0 -160px}.ui-icon-pause{background-position:-16px -160px}.ui-icon-seek-next{background-position:-32px -160px}.ui-icon-seek-prev{background-position:-48px -160px}.ui-icon-seek-end{background-position:-64px -160px}.ui-icon-seek-start{background-position:-80px -160px}.ui-icon-seek-first{background-position:-80px -160px}.ui-icon-stop{background-position:-96px -160px}.ui-icon-eject{background-position:-112px -160px}.ui-icon-volume-off{background-position:-128px -160px}.ui-icon-volume-on{background-position:-144px -160px}.ui-icon-power{background-position:0 -176px}.ui-icon-signal-diag{background-position:-16px -176px}.ui-icon-signal{background-position:-32px -176px}.ui-icon-battery-0{background-position:-48px -176px}.ui-icon-battery-1{background-position:-64px -176px}.ui-icon-battery-2{background-position:-80px -176px}.ui-icon-battery-3{background-position:-96px -176px}.ui-icon-circle-plus{background-position:0 -192px}.ui-icon-circle-minus{background-position:-16px -192px}.ui-icon-circle-close{background-position:-32px -192px}.ui-icon-circle-triangle-e{background-position:-48px -192px}.ui-icon-circle-triangle-s{background-position:-64px -192px}.ui-icon-circle-triangle-w{background-position:-80px -192px}.ui-icon-circle-triangle-n{background-position:-96px -192px}.ui-icon-circle-arrow-e{background-position:-112px -192px}.ui-icon-circle-arrow-s{background-position:-128px -192px}.ui-icon-circle-arrow-w{background-position:-144px -192px}.ui-icon-circle-arrow-n{background-position:-160px -192px}.ui-icon-circle-zoomin{background-position:-176px -192px}.ui-icon-circle-zoomout{background-position:-192px -192px}.ui-icon-circle-check{background-position:-208px -192px}.ui-icon-circlesmall-plus{background-position:0 -208px}.ui-icon-circlesmall-minus{background-position:-16px -208px}.ui-icon-circlesmall-close{background-position:-32px -208px}.ui-icon-squaresmall-plus{background-position:-48px -208px}.ui-icon-squaresmall-minus{background-position:-64px -208px}.ui-icon-squaresmall-close{background-position:-80px -208px}.ui-icon-grip-dotted-vertical{background-position:0 -224px}.ui-icon-grip-dotted-horizontal{background-position:-16px -224px}.ui-icon-grip-solid-vertical{background-position:-32px -224px}.ui-icon-grip-solid-horizontal{background-position:-48px -224px}.ui-icon-gripsmall-diagonal-se{background-position:-64px -224px}.ui-icon-grip-diagonal-se{background-position:-80px -224px}.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl{border-top-left-radius:3px}.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{border-top-right-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{border-bottom-left-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{border-bottom-right-radius:3px}.ui-widget-overlay{background:#aaa;opacity:.3;filter:Alpha(Opacity=30)}.ui-widget-shadow{-webkit-box-shadow:0 0 5px #666;box-shadow:0 0 5px #666}
@charset "utf-8";
/* CSS Document */
select::-ms-expand {
	display: none;
}

select {
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	-ms-appearance: none;
}


/** 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: 626px;
		height: 0;
		padding-bottom: 64px;
		background: url(../images/Logo_20230919.png) no-repeat 50% 50%;
		background-size: 100% auto;
		margin: 20px auto;
	}

.errorBox {
	width: 100%;
	text-align: center;
	padding: 50px 30px;
	box-sizing: border-box;
	margin: 0 auto;
	/* background-attachment:fixed !important; */
	background: #1b3959;
	background-size: cover;
}

	.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);
	}

	.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);
	}

	.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);
	}

.errorBtn {
	width: 100%;
	text-align: center;
	margin: 30px auto;
}

	.errorBtn a {
		display: inline-block;
		color: #1b3959;
		font-size: 1.7em;
		padding: 10px 30px;
		border: 1px solid #1b3959;
		-webkit-border-radius: 50px;
		-moz-border-radius: 50px;
		border-radius: 50px;
		margin: 0 auto;
	}

		.errorBtn a:hover,
		.errorBtn a:focus {
			color: #FFF;
			background: #1b3959;
		}

.errorInner {
	padding: 0 30px;
	box-sizing: border-box;
	text-align: center;
	margin-top: 1rem auto 0 auto;
}

	.errorInner .mark a {
		display: inline-block;
		vertical-align: middle;
		margin: 0 5px;
	}

	.errorInner .wd {
		margin-top: 1rem;
	}

		.errorInner .wd p {
			color: #333;
			font-size: 1.5em;
			line-height: 175%;
			margin: 0;
		}

			.errorInner .wd p.cprt {
				font-family: "微軟雅黑", "Microsoft YaHei", "LiHei Pro Medium";
			}

		.errorInner .wd a {
			color: #3c3938;
		}

			.errorInner .wd a:hover,
			.errorInner .wd a:focus {
				color: #b34658;
			}
@media screen and (max-width:680px) {
	#errorPage .logo {
		width: 90%;
		padding-bottom: 9%;
	}
}
@media screen and (max-width:480px) {
	.errorBox {
		padding: 50px 20px;
	}

	.errorBox h2 {
		font-size: 3.9em;
	}

	.errorBox h3 {
		font-size: 1.8em;
	}

	.errorInner {
		padding: 0 20px;
	}
}

@media screen and (min-width:991px) {
	#errorPage {
		min-height: 640px;
	}

		#errorPage .logo {
			margin: 30px auto;
		}

	.errorBox {
		padding: 60px 25%;
	}

	.errorInner {
		padding: 0 25%;
	}
}

/* 常用+共用區 */
/*--------------PAGE-----------------------*/

.page-num {
	padding: 20px 0;
	box-sizing: border-box;
	border-top: 3px solid #000;
}

	.page-num ul {
		float: left;
		display: block;
		margin-bottom: 10px
	}

	.page-num .page-txt {
		float: right;
		line-height: 37px;
		font-size: 1.5em
	}

	.page-num li {
		list-style: none;
		display: block;
		float: left;
		margin-right: 4px;
		height: 46px;
		width: 46px;
	}

		.page-num li a {
			color: #414141;
			height: 46px;
			width: 46px;
			font-family: Arial, Helvetica, sans-serif;
			border: 1px solid #adadad !important;
			background-color: #fff;
			display: block;
			text-align: center;
			line-height: 44px;
			box-sizing: border-box
		}


		.page-num li, .page-num li a, .page-num .btn {
			border-radius: 50% !important
		}

	.page-num .clo a:focus, .page-num .clo a:hover {
		background-color: #ccc;
		color: #000;
	}

	.page-num .page-txt {
		display: inline-block;
		float: right;
		color: #808080;
		font-size: 1.5em;
		line-height: 44px;
		height: 46px;
		background-color: #fff
	}

	.page-num .cur, .page-num .clo {
		font-size: 1.8em;
	}

	.page-num .cur {
		background: #d35200;
		color: #fff;
		font-weight: bold;
		line-height: 44px;
		text-align: center
	}

	.page-num .btn a {
		width: 46px;
		height: 46px;
		overflow: hidden;
		border: 0;
		text-indent: -9999px;
		background-position: center;
		background-repeat: no-repeat;
		background-color: #979797;
		background-size: 85%;
		border: none !important
	}

	.page-num .btn-first a {
		background-image: url(../images/inside/PAG-ICO-first.svg);
		*background-image: url(../images/inside/PAG-ICO-first.png);
	}

	.page-num .btn-prev a {
		background-image: url(../images/inside/PAG-ICO-prevt.svg);
		*background-image: url(../images/inside/PAG-ICO-prevt.png);
	}

	.page-num .btn-next a {
		background-image: url(../images/inside/PAG-ICO-next.svg);
		*background-image: url(../images/inside/PAG-ICO-next.png);
	}

	.page-num .btn-last a {
		background-image: url(../images/inside/PAG-ICO-last.svg);
		*background-image: url(../images/inside/PAG-ICO-last.png);
	}

	.page-num .btn a:hover, .page-num .btn a:focus {
		background-color: rgb(179, 117, 36) !important
	}

.page-txt {
	display: block;
	float: right;
	color: #666;
	font-size: 1.5em;
}

@media screen and (max-width:990px) {


	.page-num .btn a {
		width: 30px;
		height: 30px;
		line-height: 28px
	}

	.page-num li, .page-num li a {
		height: 30px;
		width: 30px;
		line-height: 28px;
	}

	.page-num .page-txt {
		font-size: 1.4em;
		line-height: 28px;
		height: 30px;
	}

	.page-num .cur {
		line-height: 30px;
	}
}

@media screen and (max-width:768px) {

	.page-num .clo {
		display: none
	}
}

@media screen and (max-width:420px) {

	.page-num {
		padding: 20px;
		padding-bottom: 30px !important;
		background: #fff;
		text-align: center;
	}

		.page-num ul, .page-num .page-txt {
			display: block;
			float: none;
			width: 100%;
			box-sizing: border-box;
			text-align: center;
		}

		.page-num li {
			list-style: none;
			display: inline-block;
			float: none;
			vertical-align: top;
		}

		.page-num .page-txt {
			border: none;
		}
}

/** page **/
#page {
	display: flex;
	width: 100%;
	margin: 0 auto;
	flex-direction: column-reverse;
	justify-content: space-between;
	align-items: center;
	align-content: center;
	padding: 30px 0 0 0;
	box-sizing: border-box;
	border-top: 3px solid #000;
}

	#page .pagination {
		text-align: center;
		margin-top: 20px;
		list-style: none;
	}

		#page .pagination li {
			display: inline-block;
		}

		#page .pagination a,
		#page .pagination span {
			display: inline-block;
			width: 46px;
			font-family: Arial, Helvetica, sans-serif;
			color: #000;
			font-size: 1.9em;
			text-align: center;
			border: 1px solid #adadad;
			box-sizing: border-box;
			line-height: 46px;
			vertical-align: middle;
			margin: 0 5px 0 0;
			-webkit-border-radius: 100%;
			-moz-border-radius: 100%;
			border-radius: 100%;
		}

		#page .pagination .active > span {
			color: #FFF;
			font-weight: bold;
			cursor: text;
			background: #d35200;
		}

		#page .pagination .PagedList-skipToFirst > a,
		#page .pagination .PagedList-skipToPrevious > a,
		#page .pagination .PagedList-skipToNext > a,
		#page .pagination .PagedList-skipToLast > a {
			position: relative;
			text-indent: -9999px;
			background: #979797;
			background-position: 50% 50%;
			background-repeat: no-repeat;
			border-color: none;
		}

		#page .pagination .PagedList-skipToFirst > a {
			background-image: url(../images/inside/PAG-ICO-first.svg);
			*background-image: url(../images/inside/PAG-ICO-first.png);
		}

		#page .pagination .PagedList-skipToPrevious > a {
			background-image: url(../images/inside/PAG-ICO-prevt.svg);
			*background-image: url(../images/inside/PAG-ICO-prevt.png);
		}

		#page .pagination .PagedList-skipToNext > a {
			background-image: url(../images/inside/PAG-ICO-next.svg);
			*background-image: url(../images/inside/PAG-ICO-next.png);
		}

		#page .pagination .PagedList-skipToLast > a {
			background-image: url(../images/inside/PAG-ICO-last.svg);
			*background-image: url(../images/inside/PAG-ICO-last.png);
		}

		#page .pagination a:hover,
		#page .pagination a:focus {
			color: #FFF;
			border-color: #b37524;
			background-color: #b37524;
		}

	#page .total {
		color: #666;
		font-size: 1.7em;
		text-align: center;
	}

@media screen and (min-width:768px) {
	#page {
		flex-direction: row;
	}

		#page .pagination {
			margin: 0;
		}

		#page .total {
			text-align: right;
		}
}

@media screen and (max-width:991px) {
	#page .pagination li:not([class]),
	#page .pagination li.PagedList-ellipses {
		display: none;
	}

	#page .pagination a,
	#page .pagination span {
		margin: 0 5px;
	}
}

.bbfont {
	font-family: "PingFang TC Semibold", "微軟雅黑", "Microsoft YaHei";
	font-weight: bold;
}

.fff {
	color: #fff;
}

ul.no_dot,
ol.no_dot {
	list-style: none;
	padding-left: 0;
}

.zoomBox .zoom-pic {
	*background-image: url(../images/list-nopic.gif);
	background-image: url(../images/list-nopic.svg);
	position: absolute;
	width: 100%;
	height: 100%;
	transition: all 0.5s;
	background-position: center;
	background-size: cover;
}

/*內頁主視覺*/
#in_main {
	height: 270px;
	width: 100%;
	position: relative;
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
	color: #fff;
	padding-top: 60px;
	box-sizing: border-box
}

	#in_main:before { /*黑色透明*/
		content: '';
		display: block;
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 1;
		background-color: rgba(0,0,0,0.15)
	}

	#in_main span {
		display: block;
		position: relative;
		z-index: 2;
		font-size: 4.9em;
		font-weight: bold;
		text-shadow: 0 5px 5px rgba(0,0,0,0.35);
		padding-top: 104px;
		background-position: center top;
		background-size: auto 89px;
		text-align: center;
		background-repeat: no-repeat;
	}

	#in_main.mg_news {
		background-image: url(../images/in-main-bg.jpg);
	}

		#in_main.mg_news span {
			background-image: url(../images/inmain-news-icon.png);
		}

	#in_main.mg_about {
		background-image: url(../images/in-main-bg-C2.jpg);
	}

	#in_main.mg_reports span {
		background-image: url(../images/inside/in-main-ico-books.svg);
	}

	#in_main.mg_reports {
		background-image: url(../images/in-main-bg-C3.jpg);
	}

	#in_main.mg_about span {
		*background-image: url(../images/inside/in-main-ico-about.png);
		background-image: url(../images/inside/in-main-ico-about.svg);
	}

	#in_main.mg_zone span {
		*background-image: url(../images/inside/in-main-ico-zone.png);
		background-image: url(../images/inside/in-main-ico-zone.svg);
	}

	#in_main.mg_zone {
		background-image: url(../images/in-main-bg-C4.jpg);
	}

	#in_main.mg_webservice span {
		*background-image: url(../images/inside/pc_webs.png);
		background-image: url(../images/inside/pc_webs.svg);
	}

	#in_main.mg_webservice {
		background-image: url(../images/in-main-bg-C5.jpg);
	}

@media screen and (max-width:990px) {
	#in_main {
		height: 200px;
		padding-top: 50px;
	}

		#in_main span {
			font-size: 3.5em;
			padding-top: 60px;
			background-size: auto 50px;
		}
}

@media screen and (max-width:600px) {
	#in_main {
		height: 140px;
		padding-top: 25px;
	}

		#in_main span {
			font-size: 2.5em;
		}
}

/*麵包屑*/
.web_add {
	background-color: #e7ddca;
}

	.web_add dl {
		position: relative;
		display: block;
		height: 50px;
	}

		.web_add dl dt,
		.web_add dl dd {
			position: relative;
			display: block;
			float: left;
			border-right: 1px solid #fff;
		}

		.web_add dl dt {
			border-left: 1px solid #fff;
		}

		.web_add dl dd:before {
			position: absolute;
			content: '';
			display: block;
			top: 0;
			bottom: 0;
			left: 0;
			margin: auto 0;
			height: 0;
			z-index: 5;
			border-style: solid;
			border-width: 4px 0px 4px 8px;
			border-color: transparent transparent transparent #fff;
		}

		.web_add dl a {
			font-size: 1.7em;
			font-weight: bold;
			color: #372d1a;
			padding: 16.5px 18px;
			display: block;
		}

		.web_add dl dt a.home {
			display: block;
			width: 100%;
			height: 100%;
			padding-left: 42px;
			background-image: url(../images/ico_home.png);
			background-position: 17px center;
			background-repeat: no-repeat;
			box-sizing: border-box;
			transition: none;
		}

			.web_add dl dt a.home:hover,
			.web_add dl dt a.home:focus {
				color: #fff;
				background-color: #613b05;
				background-image: url(../images/ico_home_w.png);
			}

		.web_add dl dd {
			position: relative;
			min-width: 210px;
		}

			.web_add dl dd:nth-child(3) {
				width: 230px;
			}

			.web_add dl dd:hover > a,
			.web_add dl dd.on > a,
			.web_add dl dd > a:hover {
				color: #fff;
				background-color: #613b05;
			}

			.web_add dl dd > ul {
				width: 100%;
				overflow: hidden;
				background: #FFF;
				border: 5px solid #613b05;
				border-top: none;
				box-sizing: border-box;
				z-index: 10;
			}

				.web_add dl dd > ul > li > a {
					position: relative;
					color: #3d2400;
					display: block;
					width: 100%;
					border-top: 1px solid #DDD;
					box-sizing: border-box;
					padding-left: 15px;
					padding-right: 18px;
				}

					.web_add dl dd > ul > li > a:hover,
					.web_add dl dd > ul > li > a:focus {
						color: #7d0000;
						background: rgba(125,0,0,.1);
					}

					.web_add dl dd > ul > li > a:after {
						content: '';
						display: block;
						width: 6px;
						height: 6px;
						border-top: 1px solid #3d2400;
						border-right: 1px solid #3d2400;
						transform: rotate(45deg) translate(0,-50%);
						position: absolute;
						right: 15px;
						top: 50%;
					}

					.web_add dl dd > ul > li > a:hover:after,
					.web_add dl dd > ul > li > a:focus:after {
						border-color: #7d0000;
					}

@media screen and (max-width:990px) {
	.web_add dl dt {
		width: 50px;
		height: 50px;
	}

		.web_add dl dt a.home {
			width: 100%;
			height: 100%;
			padding: 0;
			background-position: 50% 50%;
			overflow: hidden;
			text-indent: -999em;
		}

	.web_add dl dd > ul {
		display: none;
		position: absolute;
		top: 50px;
		box-shadow: 0px 5px 5px rgb(0,0,0,0.3);
	}

	.web_add dl dd:before {
		display: none;
	}

	.web_add dl dd > a {
		position: relative;
		display: block;
		line-height: 22px;
		padding: 14px 40px 14px 20px;
	}

		.web_add dl dd > a:after {
			position: absolute;
			content: "";
			display: block;
			position: absolute;
			right: 20px;
			top: 18px;
			width: 7px;
			height: 7px;
			border-left: 2px solid #372d1a;
			border-bottom: 2px solid #372d1a;
			z-index: 2;
			-webkit-transform: rotate(-45deg);
			-ms-transform: rotate(-45deg);
			transform: rotate(-45deg);
		}

		.web_add dl dd > a:hover:after,
		.web_add dl dd > a:focus:after {
			border-color: #FFF;
		}

	.web_add dl dd.on > a {
		color: #FFF;
		background-color: #613b05;
	}

		.web_add dl dd.on > a:after {
			top: 23px;
			border-color: #FFF;
			-webkit-transform: rotate(-225deg);
			-ms-transform: rotate(-225deg);
			transform: rotate(-225deg);
		}
}

@media screen and (max-width:640px) {
	.web_add dl.container {
		width: 100%;
	}

	.web_add dl dt {
		border-left: none;
	}

	.web_add dl dd,
	.web_add dl dd:nth-child(3) {
		width: calc(50% - 26px);
	}

		.web_add dl dd:nth-child(3) {
			border-right: none;
		}
}

@media screen and (max-width:480px) {
	.web_add dl {
		height: auto;
	}

		.web_add dl dt {
			display: none;
		}

		.web_add dl dd {
			width: 100%;
			border-right: none;
		}

			.web_add dl dd > ul {
				position: relative;
				top: 0;
				box-shadow: 0px 0px 0px rgb(0,0,0,0);
			}

			.web_add dl dd:nth-child(3) {
				width: 100%;
				border-top: 1px solid #FFF;
			}
}

@media screen and (min-width:991px) {
	.web_add dl dd > ul {
		position: absolute;
		left: 0;
		top: 50px;
		height: 0;
		visibility: hidden;
		opacity: 0;
		overflow: hidden;
		box-shadow: 0px 5px 5px rgb(0,0,0,0.3);
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}

		.web_add dl dd > ul.focu-show {
			height: inherit;
			visibility: visible;
			opacity: 1;
		}
}



/*麵包屑 停用*/
.nscp_add {
	background-color: #e7ddca;
}

	.nscp_add dl {
		position: relative;
		display: block;
		height: 50px;
	}

		.nscp_add dl dt,
		.nscp_add dl dd {
			position: relative;
			display: block;
			float: left;
			border-right: 1px solid #fff;
		}

		.nscp_add dl dt {
			border-left: 1px solid #fff;
		}

		.nscp_add dl dd:before {
			position: absolute;
			content: '';
			display: block;
			top: 0;
			bottom: 0;
			left: 0;
			margin: auto 0;
			height: 0;
			z-index: 5;
			border-style: solid;
			border-width: 4px 0px 4px 8px;
			border-color: transparent transparent transparent #fff;
		}

		.nscp_add dl a {
			font-size: 1.7em;
			font-weight: bold;
			color: #372d1a;
			padding: 16.5px 18px;
			display: block;
		}

		.nscp_add dl dt a.home {
			display: block;
			width: 100%;
			height: 100%;
			padding-left: 42px;
			background-image: url(../images/ico_home.png);
			background-position: 17px center;
			background-repeat: no-repeat;
			box-sizing: border-box;
			transition: none;
		}

			.nscp_add dl dt a.home:hover,
			.nscp_add dl dt a.home:focus {
				color: #fff;
				background-color: #613b05;
				background-image: url(../images/ico_home_w.png);
			}

		.nscp_add dl dd {
			position: relative;
			min-width: 210px;
		}

			.nscp_add dl dd:nth-child(3) {
				width: 230px;
			}

			.nscp_add dl dd:hover > a,
			.nscp_add dl dd.on > a,
			.nscp_add dl dd > a:hover {
				color: #fff;
				background-color: #613b05;
			}

			.nscp_add dl dd > ul {
				width: 100%;
				overflow: hidden;
				box-sizing: border-box;
				z-index: 10;
			}

				.nscp_add dl dd > ul > li {
					display: none;
				}
				
				.nscp_add dl dd > ul > li.unit-now {
					display: block;
				}
				
					.nscp_add dl dd > ul > li > a {
						position: relative;
						color: #3d2400;
						display: block;
						width: 100%;
						box-sizing: border-box;
						padding-left: 15px;
						padding-right: 18px;
					}

					.nscp_add dl dd > ul > li > a:hover,
					.nscp_add dl dd > ul > li > a:focus {
						color: #fff;
						background-color: #613b05;
					}

@media screen and (max-width:990px) {
	.nscp_add dl dt {
		width: 50px;
		height: 50px;
	}

		.nscp_add dl dt a.home {
			width: 100%;
			height: 100%;
			padding: 0;
			background-position: 50% 50%;
			overflow: hidden;
			text-indent: -999em;
		}

	.nscp_add dl dd > ul {
		display: none;
		position: absolute;
		top: 50px;
		box-shadow: 0px 5px 5px rgb(0,0,0,0.3);
	}

	.nscp_add dl dd:before {
		display: none;
	}

	.nscp_add dl dd > a {
		position: relative;
		display: block;
		line-height: 22px;
		padding: 14px 40px 14px 20px;
	}

		.nscp_add dl dd > a:after {
			position: absolute;
			content: "";
			display: block;
			position: absolute;
			right: 20px;
			top: 18px;
			width: 7px;
			height: 7px;
			border-left: 2px solid #372d1a;
			border-bottom: 2px solid #372d1a;
			z-index: 2;
			-webkit-transform: rotate(-45deg);
			-ms-transform: rotate(-45deg);
			transform: rotate(-45deg);
		}

		.nscp_add dl dd > a:hover:after,
		.nscp_add dl dd > a:focus:after {
			border-color: #FFF;
		}

	.nscp_add dl dd.on > a {
		color: #FFF;
		background-color: #613b05;
	}

		.nscp_add dl dd.on > a:after {
			top: 23px;
			border-color: #FFF;
			-webkit-transform: rotate(-225deg);
			-ms-transform: rotate(-225deg);
			transform: rotate(-225deg);
		}
}

@media screen and (max-width:640px) {
	.nscp_add dl.container {
		width: 100%;
	}

	.nscp_add dl dt {
		border-left: none;
	}

	.nscp_add dl dd,
	.nscp_add dl dd:nth-child(3) {
		width: calc(50% - 26px);
	}

		.nscp_add dl dd:nth-child(3) {
			border-right: none;
		}
}

@media screen and (max-width:480px) {
	.nscp_add dl {
		height: auto;
	}

		.nscp_add dl dt {
			display: none;
		}

		.nscp_add dl dd {
			width: 100%;
			border-right: none;
		}

			.nscp_add dl dd > ul {
				position: relative;
				top: 0;
				box-shadow: 0px 0px 0px rgb(0,0,0,0);
			}

			.nscp_add dl dd:nth-child(3) {
				width: 100%;
				border-top: 1px solid #FFF;
			}
}


/*資料區*/
.datas {
	padding: 40px 0 60px 0;
}

	.datas .tits {
		display: block;
		color: #000;
		font-size: 3.9em;
		padding-bottom: 20px;
		border-bottom: 3px solid #000;
		margin-bottom: 20px;
	}


/*列表頁框架*/
.list_search {
	display: block;
	box-sizing: border-box;
	padding: 20px;
	background-color: #eeeeee;
	position: relative;
	margin-bottom: 25px;
}

	.list_search input {
		display: block;
		float: left;
		height: 60px;
		line-height: 60px;
		font-size: 1.7em;
		border: 0;
		background-color: #fff;
		box-sizing: border-box;
		margin-right: 10px;
		appearance: none;
		-moz-appearance: none;
		-webkit-appearance: none;
		-ms-appearance: none;
	}

	.list_search.lv_1_opt .type {
		display: block;
		float: left;
		width: 50%;
		height: 60px;
		font-size: 1.7em;
		line-height: 60px;
		letter-spacing: 0;
		cursor: pointer;
		text-indent: 0.01px;
		text-overflow: "";
		padding: 0 0 0 15px;
		border: none;
		margin-right: 10px;
		box-sizing: border-box;
		background: #FFF url(../images/select-bg.png) no-repeat right;
		-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;
		vertical-align: top;
	}

		.list_search.lv_1_opt .type:focus {
			color: #FF6A00;
			border: none;
			border-right: 1px solid #DDD;
			background: #FFF url(../images/select-bg-on.png) no-repeat right;
		}

		.list_search.lv_1_opt .type option {
			padding: 0 10px;
			border: none;
			background: #FFF; /* style the dropdown bg color */
		}

		.list_search.lv_1_opt .type:-ms-expand {
			display: none; /* hide default arrow in IE10 */
		}

	.list_search .date {
		font-size: 1.6em;
		width: 280px;
		box-sizing: border-box;
		padding: 0 20px 0 50px;
		background: #fff url(../images/date-opt.png) 25px center no-repeat;
	}

	.list_search .keywords {
		width: calc(100% - 655px);
		padding: 0 20px;
	}

		.list_search .keywords.kw2 {
			width: calc(100% - 70px);
		}

	.list_search .search_btn {
		width: 60px;
		height: 60px;
		margin-right: 0;
		border: 0;
		background-color: #313131;
		background-image: url(../images/head-search-w.svg);
		background-position: center;
		background-size: contain;
		background-repeat: no-repeat;
		text-indent: -9999em;
		cursor: pointer;
	}

		.list_search .search_btn:hover,
		.list_search .search_btn:focus {
			background-color: #99701f;
		}

	.list_search.lv_1_opt .type {
		width: 280px;
		box-sizing: border-box;
		padding: 0 20px;
	}

	.list_search.lv_1_opt .keywords {
		width: calc(100% - 360px);
	}

@media screen and (max-width:1100px) {
	.list_search .date {
		width: calc(33.3% - 10px);
	}

	.list_search .keywords {
		width: calc(33.3% - 10px - 60px);
	}
}

@media screen and (max-width:768px) {
	.list_search .date {
		width: calc(50% - 10px);
		margin-bottom: 10px;
		font-size: 1.4em;
		padding: 0px 5px 0 38px;
		background: #fff url(../images/date-opt.png) 11px center no-repeat;
	}

	.list_search .keywords {
		width: calc(100% - 10px - 70px);
		font-size: 1.4em;
	}
}

@media screen and (max-width:580px) {
	.list_search.lv_1_opt .type {
		width: 100%;
		margin-bottom: 10px;
	}

	.list_search.lv_1_opt .keywords {
		width: calc(100% - 70px);
	}
}

@media screen and (max-width:480px) {
	.list_search input {
		height: 45px;
	}

	.list_search .date {
		width: 100%;
		margin-right: 0;
		line-height: 45px;
	}

	.list_search .keywords {
		width: calc(100% - 10px - 45px);
	}

	.list_search .search_btn {
		width: 45px;
		height: 45px;
	}
}


/*NEWS*/

.first_news {
	margin-bottom: 25px;
}

	.first_news a {
		display: block;
		letter-spacing: -9px;
	}

		.first_news a .zoomBox {
			position: relative;
			display: inline-block;
			width: 240px;
			margin-right: 20px;
			vertical-align: top;
		}

		.first_news a .zoom-pic {
			position: relative;
			width: 100%;
			height: 0;
			padding-bottom: 67%;
			transition: all 0.5s;
			background-position: center;
			background-size: cover;
		}

		.first_news a .txts {
			display: inline-block;
			width: calc(100% - 260px);
			letter-spacing: 0;
			vertical-align: top;
		}

			.first_news a .txts dt {
				color: #000;
				font-size: 2.5em;
				margin-bottom: 10px;
				line-height: 1.3;
				display: block
			}

		.first_news a:hover .txts dt,
		.first_news a:focus .txts dt {
			color: #99701f;
		}

		.first_news a .txts dd {
			display: block;
			color: #000;
		}

			.first_news a .txts dd p {
				font-size: 1.9em;
				line-height: 1.65;
			}

			.first_news a .txts dd time {
				font-size: 1.5em;
				color: #666;
				display: block;
				margin-top: 8px;
			}

@media screen and (max-width:640px) {
	.first_news a .zoomBox {
		width: 100%;
		margin-right: 0;
		margin-top: 0;
		margin-bottom: 15px;
	}

	.first_news a .txts {
		width: 100%;
	}
}

/*NEWS LIST*/

.listNws {
	width: 100%;
	margin: 0 auto;
}

	.listNws.law {
		margin-top: -20px;
	}

	.listNws .item {
		display: block;
		width: 100%;
	}

		.listNws .item:nth-child(2n-1) {
			background: #f4f3eb;
		}

	.listNws.law .item:nth-child(2n-1) {
		background: #FFF;
	}

	.listNws.law .item:nth-child(2n) {
		background: #f4f3eb;
	}

	.listNws a {
		display: block;
		padding: 25px 20px 25px 80px;
		background-position: 19px 24px;
		background-repeat: no-repeat;
		background-size: 50px auto;
	}

		.listNws a.i_detail {
			background-image: url(../images/list-icon-1.png);
		}

		.listNws a.i_link {
			background-image: url(../images/list-icon-links.png);
		}

		.listNws a.i_law {
			background-image: url(../images/list-icon-laws.png);
		}

		.listNws a.i_file {
			background-image: url(../images/list-icon-download.png);
		}

	.listNws.law a {
		display: flex;
		flex-wrap: wrap;
		width: 100%;
		height: 100%;
		min-height: 103px;
		align-items: center;
		align-content: center;
		box-sizing: border-box;
	}

	.listNws h3,
	.listNws .tit {
		color: #000;
		font-size: 2.1em;
		line-height: 135%;
		margin-bottom: 5px;
	}

	.listNws a:hover h3,
	.listNws a:focus h3,
	.listNws a:hover .tit,
	.listNws a:focus .tit {
		color: #99701f;
	}

	.listNws a p {
		color: #666;
		font-size: 1.5em;
		line-height: 135%;
	}

	.listNws a .adds {
		word-break: break-all;
	}

@media screen and (max-width:640px) {
	.listNws a {
		padding: 20px 15px 20px 70px;
		background-position: 19px 24px;
		background-size: 40px auto;
	}

	.listNws.law a {
		min-height: 93.6px;
	}
}


/*詳細頁框架*/
.detail_tit {
	font-size: 3.3em;
	color: #000;
	line-height: 1.3;
	padding-bottom: 15px;
	box-sizing: border-box;
	border-bottom: 3px solid #000;
	margin-bottom: 30px;
	display: block;
}

@media screen and (min-width:991px) {
	.detail_tit {
		font-size: 3.9em;
	}
}


/*status*/
.status {
	position: relative;
	display: flex;
	width: 100%;
	justify-content: space-between;
	align-items: center;
	align-content: center;
	margin-bottom: 30px;
}

	.status .postInfo {
		display: inline-block;
	}

		.status .postInfo span {
			display: inline-block;
			color: #333;
			font-size: 1.5em;
			line-height: 25px;
			padding-left: 30px;
			margin: 5px 15px 5px 0;
			background-position: left center;
			background-repeat: no-repeat;
			background-size: contain;
			vertical-align: middle;
		}

			.status .postInfo span em {
				font-style: normal;
				color: #555;
			}

			.status .postInfo span.i_time {
				background-image: url(../images/s-time_icon.png);
			}

			.status .postInfo span.i_visits {
				background-image: url(../images/s-visits-icon.png);
			}

	.status .shars {
		display: inline-block;
		min-width: 155px;
		vertical-align: middle;
	}

		.status .shars ul {
			list-style: none;
			letter-spacing: -9px;
			margin: -2.5px;
		}

			.status .shars ul li {
				display: inline-block;
				padding: 2.5px;
			}

		.status .shars li a {
			display: block;
			width: 35px;
			height: 35px;
			background-position: center;
			background-repeat: no-repeat;
			background-size: contain;
			border-radius: 50%;
			margin: 0;
			text-indent: -9999em;
		}

			.status .shars li a.icon-fb {
				background-color: #3d5a98;
				*background-image: url(../images/social/share-fb.png);
				background-image: url(../images/social/share-fb.svg);
			}

			.status .shars li a.icon-twitter {
				background-color: #38a8e0;
				*background-image: url(../images/social/share-TT.png);
				background-image: url(../images/social/share-TT.svg);
			}
			
			.status .shars li a.icon-X {
				background-color: #000;
				background-image: url(../images/icon-X.svg);
				background-size:70% auto;
			}

			.status .shars li a.icon-line {
				background-color: #3acd01;
				*background-image: url(../images/social/share-LINE.png);
				background-image: url(../images/social/share-LINE.svg);
			}

			.status .shars li a.icon-prnt {
				background-color: #685531;
				*background-image: url(../images/social/share-print.png);
				background-image: url(../images/social/share-print.svg);
			}

			.status .shars li a:hover,
			.status .shars li a:focus {
				background-color: #AB5E4F;
			}

@media screen and (max-width:390px) {
	.status {
		flex-direction: column;
		align-items: flex-start;
	}

		.status .shars {
			display: block;
			float: right;
			margin-top: 5px;
		}
}


/*html_editd*/
.html_editd {
	width: 100%;
	font-size: 1.9em;
	line-height: 165%;
	margin: 30px auto;
}

	.html_editd p {
		margin: 1em auto;
	}

	.html_editd ul,
	.html_editd ol {
		margin: 1em 0 1em 1em;
	}

	.html_editd small {
		font-size: 73%;
	}

	.html_editd .stit {
		font-family: "PingFang TC Semibold", "微軟雅黑", "Microsoft YaHei";
		color: #994c00;
		font-size: 1.5em;
		margin: 30px 0 10px 0;
		line-height: 165%;
	}

	.html_editd img {
		max-width: 100%;
		height: auto !important;
	}

	.html_editd table {
		width: 100%;
		margin: 30px 0;
	}

		.html_editd table th,
		.html_editd table td {
			padding: 3px 2px;
		}

		.html_editd table th {
			background-color: #e7ddca;
			font-weight: bold;
			font-size: 110%;
			border: 1px solid #CCC;
		}

		.html_editd table tr > th:last-child {
			border-right: 0;
		}

		.html_editd table td {
			border: 1px solid #ccc;
		}


/*clauseShow*/
.clauseShow {
	width: 100%;
	letter-spacing: -9px;
	margin: 1em auto;
}

	.clauseShow dt {
		display: inline-block;
		width: 4em;
		letter-spacing: 0px;
		vertical-align: top;
	}

	.clauseShow dd {
		display: inline-block;
		width: calc(100% - 4em);
		letter-spacing: 0px;
		vertical-align: top;
	}


/*更多資料*/
.ats_tit {
	font-size: 2.7em;
	margin-bottom: 15px;
	padding-left: 50px;
	line-height: 1.3;
	background-position: left center;
	background-repeat: no-repeat;
	background-size: contain;
	height: 35px;
	box-sizing: border-box;
	display: block;
}

	.ats_tit.i_photo {
		background-image: url(../images/dt-tit-photos.png);
		color: #664400;
	}

	.ats_tit.i_link {
		background-image: url(../images/dt-tit-links.png);
		color: #662933;
	}

	.ats_tit.i_file {
		background-image: url(../images/dt-tit-files.png);
		color: #384d0f;
	}


.dt_links,
.dt_files {
	display: block;
	margin: 60px auto;
}

	.dt_links li,
	.dt_files li {
		display: block;
		border-bottom: 1px solid #fff;
	}

		.dt_links li a,
		.dt_files li a {
			position: relative;
			display: block;
			padding: 20px;
			background-color: #f3f3f3;
			box-sizing: border-box;
			background-position: 16px 18px;
			background-repeat: no-repeat;
			background-size: 50px auto;
		}

		.dt_links li a {
			padding-left: 75px;
			background-image: url(../images/icon-link.png);
		}

		.dt_files li a {
			letter-spacing: -9px;
		}

	.dt_files .labe {
		position: relative;
		display: inline-block;
		width: 45px;
		height: 50px;
		letter-spacing: 0px;
		text-align: center;
		background: #000;
		margin-right: 10px;
		vertical-align: top;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
	}

		.dt_files .labe:before {
			content: "";
			display: block;
			position: absolute;
			top: 0;
			right: 0;
			width: 0;
			height: 0;
			border-style: solid;
			border-width: 0 13px 13px 0;
			border-color: transparent #f3f3f3 transparent transparent;
		}

		.dt_files .labe.pdf {
			background: #a40000;
		}

		.dt_files .labe.odt,
		.dt_files .labe.doc,
		.dt_files .labe.docx {
			background: #0068b7;
		}

		.dt_files .labe.ods,
		.dt_files .labe.xls,
		.dt_files .labe.xlsx {
			background: #378837;
		}

		.dt_files .labe.odp,
		.dt_files .labe.ppt,
		.dt_files .labe.pptx {
			background: #FF6600;
		}

		.dt_files .labe.rar {
			background: #67005E;
		}

		.dt_files .labe.zip {
			background: #653F01;
		}

		.dt_files .labe span {
			position: relative;
			display: inline-block;
			font-family: Arial, Helvetica, sans-serif;
			color: #FFF;
			font-size: 1.3em;
			font-weight: bold;
			padding-top: 23px;
			margin-top: 5px;
		}

			.dt_files .labe span:before {
				content: '';
				display: block;
				position: absolute;
				left: 50%;
				top: -3px;
				width: 26px;
				height: 26px;
				margin-left: -13px;
				background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25.669' height='25.669' xml:space='preserve'%3E%3Cg fill='%23FFF'%3E%3Cpath d='M11.835 4.166h2v15.016h-2z'/%3E%3Cpath d='M6.335 18.181h13v2h-13z'/%3E%3Cpath d='m12.835 19.175-6.169-6.169 1.414-1.414 4.755 4.755 4.756-4.755 1.414 1.414z'/%3E%3C/g%3E%3Ccircle fill='none' cx='12.834' cy='12.834' r='12.834'/%3E%3C/svg%3E") no-repeat 0 0;
				background-size: cover;
			}

	.dt_files li dl {
		display: inline-block;
		width: calc(100% - 55px);
		letter-spacing: 0px;
		vertical-align: top;
	}

	.dt_links li dt,
	.dt_files li dt {
		font-size: 2.1em;
		color: #000;
		display: block;
		margin-bottom: 5px;
		line-height: 135%;
	}

	.dt_links li a:hover dt,
	.dt_links li a:focus dt {
		color: #662933;
	}

	.dt_files li a:hover dt,
	.dt_files li a:focus dt {
		color: #384d0f;
	}

	.dt_links li dd,
	.dt_files li dd {
		font-size: 1.3em;
		color: #666;
		line-height: 135%;
	}

	.dt_files li dd {
		letter-spacing: -9px;
		margin: -3px -5px;
	}

		.dt_files li dd span {
			position: relative;
			display: inline-block;
			letter-spacing: 0px;
			padding: 3px 5px 3px 15px;
		}

			.dt_files li dd span:before {
				content: '';
				display: block;
				position: absolute;
				left: 7px;
				top: 50%;
				margin-top: -1px;
				width: 3px;
				height: 3px;
				background: #666;
			}

@media screen and (max-width:768px) {
	.dt_links,
	.dt_files {
		margin: 30px auto;
	}

		.dt_links li a,
		.dt_files li a {
			padding: 15px;
		}

		.dt_links li a {
			padding-left: 65px;
			background-position: 16px 15px;
			background-size: 43px auto;
		}

		.dt_files .labe {
			width: 40px;
			height: 45px;
			margin-right: 10px;
		}

			.dt_files .labe:before {
				border-width: 0 11px 11px 0;
			}

			.dt_files .labe span {
				font-size: 1.2em;
				padding-top: 21px;
				margin-top: 6px;
			}

				.dt_files .labe span:before {
					width: 24px;
					height: 24px;
					margin-left: -12px;
				}

		.dt_files li dl {
			width: calc(100% - 50px);
		}
}


/* back_btn */
.back_btn {
	width: 100%;
	text-align: center;
	margin-top: 30px;
}

	.back_btn a {
		display: inline-block;
		width: 138px;
		height: 46px;
		background: url(../images/dt-back-btn.png) center no-repeat;
		background-size: contain;
	}

		.back_btn a:hover,
		.back_btn a:focus {
			background: url(../images/dt-back-btn-on.png) center no-repeat;
		}


/*MAP LISTS*/
.C_BG {
	width: 100%;
	box-sizing: border-box;
	padding: 20px;
	background: #f7f2e8;
	margin: 30px auto;
}

	.C_BG.mapPic {
		padding: 0;
		background: none;
	}

.source_tt {
	position: relative;
	width: 100%;
}

.C_BG.mapPic .source_tt {
	margin-bottom: 20px;
}

.source_tt h3 {
	color: #994c00;
	font-size: 3.1em;
	font-family: "微軟雅黑", "Microsoft YaHei", "LiHei Pro Medium";
	line-height: 135%;
	font-weight: bold;
}

.source_tt strong {
	color: #996600;
	font-size: 2.1em;
	font-family: "微軟雅黑", "Microsoft YaHei", "LiHei Pro Medium";
	line-height: 32px;
	font-weight: bold;
}

.source_tt .btn {
	position: absolute;
	right: 0;
	top: 50%;
	letter-spacing: -9px;
	margin-top: -16px;
}

	.source_tt .btn > span {
		display: inline-block;
		font-size: 1.7em;
		letter-spacing: 0;
	}

.source_tt .btn_T {
	display: none;
	position: relative;
	height: 32px;
	font-size: 1.7em;
	color: #fffaf0;
	line-height: 28px;
	letter-spacing: 0;
	padding: 2px 14px 2px 5px;
	background-color: #663114;
	box-sizing: border-box;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}

	.source_tt .btn_T i {
		font-style: normal;
	}

	.source_tt .btn_T.on {
		color: #f2e6e6;
		background-color: #7d0000;
	}

	.source_tt .btn_T:hover {
		background-color: #000;
	}

	.source_tt .btn_T:focus {
		background-color: #7d0000;
	}

	.source_tt .btn_T em {
		position: relative;
		display: inline-block;
		width: 22px;
		height: 22px;
		margin-right: 5px;
		vertical-align: text-top;
		background-color: #f7f2e8;
		-webkit-border-radius: 100%;
		-moz-border-radius: 100%;
		border-radius: 100%;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}

		.source_tt .btn_T em:before {
			content: "";
			position: absolute;
			display: block;
			width: 16px;
			height: 2px;
			top: 0px;
			right: 0px;
			margin: 10px 3px 0 0;
			background-color: #663114;
			-webkit-transition: all 0.3s ease;
			-moz-transition: all 0.3s ease;
			-o-transition: all 0.3s ease;
			transition: all 0.3s ease;
		}

		.source_tt .btn_T em:after {
			content: "";
			position: absolute;
			display: block;
			width: 2px;
			height: 16px;
			top: 0px;
			right: 0px;
			margin: 3px 10px 0 0;
			background-color: #663114;
			-webkit-transition: all 0.3s ease;
			-moz-transition: all 0.3s ease;
			-o-transition: all 0.3s ease;
			transition: all 0.3s ease;
		}

	.source_tt .btn_T.on em:before,
	.source_tt .btn_T.on em:after {
		background-color: #7d0000;
	}

	.source_tt .btn_T.close em:before,
	.source_tt .btn_T.close em:after {
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		-o-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}

	.source_tt .btn_T:hover em:before,
	.source_tt .btn_T:hover em:after {
		background-color: #000;
	}

	.source_tt .btn_T:focus em:before,
	.source_tt .btn_T:focus em:after {
		background-color: #7d0000;
	}

.source_box {
	width: 100%;
	color: #000;
	font-size: 1.5em;
	line-height: 165%;
	padding-top: 10px;
	box-sizing: border-box;
	border-top: 1px dashed #996600;
	margin-top: 10px;
}

.C_BG.mapPic .source_box {
	padding: 20px;
	background: #f7f2e8;
	border: none;
}

	.C_BG.mapPic .source_box .tit {
		display: block;
		width: 100%;
		color: #996600;
		font-size: 1.4rem;
		font-family: "微軟雅黑", "Microsoft YaHei", "LiHei Pro Medium";
		line-height: 32px;
		font-weight: bold;
		padding-bottom: 10px;
		border-bottom: 1px dashed #996600;
		margin-bottom: 10px;
	}

@media screen and (max-width:756px) {
	.C_BG.mapPic .source_tt .btn {
		position: relative;
		margin-top: 10px;
	}
}

@media screen and (max-width:420px) {
	.source_tt strong {
		line-height: 40px;
	}

	.C_BG.mapPic .source_tt {
		margin: 0;
	}

	.source_tt .btn {
		margin-top: -20px;
	}

	.C_BG.mapPic .source_tt .btn > span {
		display: block;
		width: 100%;
		color: #996600;
		font-size: 2.1em;
		font-family: "微軟雅黑", "Microsoft YaHei", "LiHei Pro Medium";
		line-height: 40px;
		font-weight: bold;
		padding: 20px;
		box-sizing: border-box;
		background: #f7f2e8;
		margin: 0;
	}

	.source_tt .btn_T {
		width: 40px;
		height: 40px;
		line-height: 36px;
		padding: 2px;
		overflow: hidden;
	}

	.C_BG.mapPic .source_tt .btn_T {
		position: absolute;
		right: 20px;
		top: 50%;
		margin-top: -20px;
	}

	.source_tt .btn_T em {
		width: 36px;
		height: 36px;
		margin-right: 0;
		vertical-align: top;
	}

		.source_tt .btn_T em:before {
			width: 26px;
			height: 2px;
			margin: 17px 5px 0 0;
		}

		.source_tt .btn_T em:after {
			width: 2px;
			height: 26px;
			margin: 5px 17px 0 0;
		}

	.source_tt .btn_T i {
		text-indent: -9999px;
	}

	.C_BG.mapPic .source_box {
		position: relative;
		padding-top: 10px;
		margin-top: -20px !important;
	}

		.C_BG.mapPic .source_box .tit {
			font-size: 0;
			line-height: 0;
			padding: 0;
		}
}

@media screen and (min-width:768px) {
	.C_BG {
		padding: 20px 25px;
	}

		.C_BG.mapPic .source_box {
			padding: 20px 25px;
		}

		.C_BG.mapShow {
			margin-top: 50px;
		}

	.source_box {
		font-size: 1.7em;
	}
}


/*map_list*/
#map_list {
	display: block;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	letter-spacing: -9px;
	margin: 25px -15px 20px -15px;
}

	#map_list .item {
		display: inline-block;
		width: 25%;
		padding: 15px;
		letter-spacing: 0;
		box-sizing: border-box;
	}

	#map_list a {
		display: block;
		width: 100%;
		height: 100%;
		box-sizing: border-box;
		border: 1px solid #362e2b;
	}

		#map_list a .pic {
			width: 100%;
			height: 0;
			padding-bottom: 100%;
			background-position: center;
			background-repeat: no-repeat;
			background-size: contain;
			background-color: #f1f1f1;
			*background-image: url(../images/list-nopic-light.png);
			background-image: url(../images/list-nopic-light.svg);
		}

	#map_list.s_set a .pic {
		padding-bottom: 140%;
	}

	#map_list.publish a .pic {
		padding-bottom: 141.148%;
		background-size: cover;
	}

	#map_list.cover a .pic {
		background-size: cover;
	}

	#map_list a strong,
	#map_list a .tit,
	#map_list a h3,
	#map_list a h4 {
		display: block;
		box-sizing: border-box;
		background: #362e2b;
		padding: 10px;
		color: #fff;
		font-size: 2.1em;
		font-family: "PingFang TC Semibold", "微軟雅黑", "Microsoft YaHei";
		font-weight: bold;
		line-height: 135%;
	}

	#map_list a:hover,
	#map_list a:focus {
		border-color: rgb(179, 117, 36);
		transform: translate(-1px,-4px);
		box-shadow: 3px 3px 8px #666
	}

		#map_list a:hover .pic,
		#map_list a:focus .pic {
			background-color: #e7dbca;
		}

		#map_list a:hover strong,
		#map_list a:focus strong,
		#map_list a:hover .tit,
		#map_list a:focus .tit,
		#map_list a:hover h3,
		#map_list a:focus h3,
		#map_list a:hover h4,
		#map_list a:focus h4 {
			background-color: rgb(179, 117, 36);
		}

@media screen and (max-width:990px) {
	#map_list {
		margin-left: -10px;
		margin-right: -10px;
	}

		#map_list .item {
			width: 33.333333333%;
			padding: 10px;
		}

		#map_list a strong,
		#map_list a .tit,
		#map_list a h3,
		#map_list a h4 {
			font-size: 1.9em;
		}
}

@media screen and (max-width:640px) {
	#map_list {
		margin-left: -5px;
		margin-right: -5px;
	}

		#map_list .item {
			width: 50%;
		}
}

@media screen and (max-width:420px) {
	#map_list .item {
		width: 100%;
	}
}


/*book_list*/
#book_list {
	display: block;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	letter-spacing: -9px;
	margin: 25px -15px 20px -15px;
}

	#book_list .item {
		display: inline-block;
		width: 25%;
		letter-spacing: 0;
		padding: 15px;
		box-sizing: border-box;
	}

	#book_list a {
		display: block;
		width: 100%;
		height: 100%;
	}

		#book_list a .pic {
			position: relative;
			width: 100%;
			padding-right: 9px;
			box-sizing: border-box;
			-webkit-transition: all 0.3s ease;
			-moz-transition: all 0.3s ease;
			-o-transition: all 0.3s ease;
			transition: all 0.3s ease;
		}

			#book_list a .pic.b3 {
				padding-bottom: 9px;
			}

			#book_list a .pic span {
				display: block;
				width: 100%;
				height: 0;
				padding-bottom: 141.148%;
				background-position: center;
				background-repeat: no-repeat;
				background-size: contain;
				background-color: #f1f1f1;
				box-sizing: border-box;
				background-size: cover;
				border-right: 1px solid #CCC;
				*background-image: url(../images/list-nopic-light.png);
				background-image: url(../images/list-nopic-light.svg);
				-webkit-transition: all 0.3s ease;
				-moz-transition: all 0.3s ease;
				-o-transition: all 0.3s ease;
				transition: all 0.3s ease;
			}

			#book_list a .pic.b3 span {
				border: 1px solid #CCC;
			}

			#book_list a .pic:before {
				content: '';
				display: block;
				position: absolute;
				right: 0;
				top: 0;
				width: 100%;
				height: 100%;
				border: 1px solid #CCC;
				box-sizing: border-box;
			}

			#book_list a .pic.b3:before {
				top: 10px;
				left: 10px;
				width: calc(100% - 10px);
				height: calc(100% - 10px);
				z-index: -1;
				-webkit-transition: all 0.3s ease;
				-moz-transition: all 0.3s ease;
				-o-transition: all 0.3s ease;
				transition: all 0.3s ease;
			}

			#book_list a .pic:after {
				content: '';
				display: block;
				position: absolute;
				right: 3px;
				top: 0;
				width: 4px;
				height: 100%;
				border: 1px solid #CCC;
				box-sizing: border-box;
				-webkit-transition: all 0.3s ease;
				-moz-transition: all 0.3s ease;
				-o-transition: all 0.3s ease;
				transition: all 0.3s ease;
			}

			#book_list a .pic.b3:after {
				display: none;
			}

		#book_list a:hover .pic,
		#book_list a:focus .pic {
			transform: translate(-1px,-4px);
			box-shadow: 3px 3px 8px #666;
		}

			#book_list a:hover .pic:before,
			#book_list a:focus .pic:before,
			#book_list a:hover .pic:after,
			#book_list a:focus .pic:after {
				border-color: rgb(179, 117, 36);
			}

			#book_list a:hover .pic span,
			#book_list a:focus .pic span {
				background-color: #e7dbca;
				border-color: rgb(179, 117, 36);
			}

			#book_list a:hover .pic.b3,
			#book_list a:focus .pic.b3 {
				box-shadow: 0 0 0 #666;
			}

				#book_list a:hover .pic.b3:before,
				#book_list a:focus .pic.b3:before,
				#book_list a:hover .pic.b3:after,
				#book_list a:focus .pic.b3:after {
					box-shadow: 3px 3px 8px #666;
				}

		#book_list a h3,
		#book_list a .tit {
			color: #000;
			font-size: 2.1em;
			font-family: "PingFang TC Semibold", "微軟雅黑", "Microsoft YaHei";
			font-weight: bold;
			line-height: 135%;
			margin-top: 10px;
			-webkit-transition: all 0.3s ease;
			-moz-transition: all 0.3s ease;
			-o-transition: all 0.3s ease;
			transition: all 0.3s ease;
		}

		#book_list a:hover h3,
		#book_list a:focus h3,
		#book_list a:hover .tit,
		#book_list a:focus .tit {
			color: rgb(179, 117, 36);
			transform: translate(-1px,-4px);
		}

@media screen and (max-width:990px) {
	#book_list {
		margin-left: -10px;
		margin-right: -10px;
	}

		#book_list .item {
			width: 33.333333333%;
			padding: 10px;
		}

		#book_list a strong,
		#book_list a h3,
		#book_list a .tit {
			font-size: 1.9em;
		}
}

@media screen and (max-width:640px) {
	#book_list {
		margin-left: -5px;
		margin-right: -5px;
	}

		#book_list .item {
			width: 50%;
		}
}

@media screen and (max-width:420px) {
	#book_list .item {
		width: 100%;
	}
}



/*map_more*/
.map_pic {
	margin: 20px 0;
}

	.map_pic img {
		display: block;
		box-sizing: border-box;
		width: 100%;
		height: auto;
		border: 1px solid #333;
		margin-bottom: 15px;
	}

	.map_pic .img_ifo {
		font-size: 100%;
		font-weight: 100;
		line-height: 1.3;
		color: #3e2603;
		text-indent: -1em;
		margin-left: 1em;
	}

		.map_pic .img_ifo:before {
			content: '▲'
		}


/*MAP地圖展示*/
#N_map {
	position: relative;
	width: 100%;
	text-align: center;
	letter-spacing: -9px;
	background: #3b7791;
	box-sizing: border-box;
}

.map-list {
	display: inline-block;
	width: calc(100% - 536px - 10px);
	min-width: 170px;
	max-width: 210px;
	text-align: left;
	letter-spacing: 0;
	vertical-align: top;
	margin: 30px 10px 30px auto;
}

	.map-list dl {
		position: relative;
		width: 100%;
		height: auto;
	}

		.map-list dl dt {
			width: 100%;
			font-size: 1.5em;
			background: #A39486;
		}

			.map-list dl dt span {
				position: relative;
				font-family: "PingFang TC Semibold", "微軟雅黑", "Microsoft YaHei";
				font-weight: bold;
				line-height: 20px;
			}

				.map-list dl dt span em {
					display: block;
					font-family: "PingFang TC Semibold", "微軟雅黑", "Microsoft YaHei";
					font-weight: bold;
					font-style: normal;
					line-height: 20px;
				}

			.map-list dl dt a {
				display: block;
				color: #F9F5F1;
				text-align: center;
				padding: 10px 0;
			}

	.map-list.onlyList dl dt a {
		padding: 15px 0;
		background: #4d240f;
	}

	.map-list dl dt a:hover,
	.map-list dl dt a:focus {
		background: #4d240f;
	}

	.map-list dl dt.saTab,
	.map-list dl dt.saTabOn {
		position: absolute;
		top: 0;
		width: 50%;
		text-align: center;
		box-sizing: border-box;
	}

	.map-list dl dt.saTabOn {
		z-index: 1;
	}

	.map-list dl dt.tab01.saTab,
	.map-list dl dt.tab01.saTabOn {
		left: 0;
	}

	.map-list dl dt.tab02.saTab,
	.map-list dl dt.tab02.saTabOn {
		left: 50%;
	}

	.map-list dl dt.saTab a {
		display: block;
		width: 100%;
	}

	.map-list dl dt.saTabOn a {
		position: relative;
		display: block;
		width: 100%;
		cursor: text;
	}

	.map-list dl dt.tab01.saTabOn a {
		background: #D90000;
	}

	.map-list dl dt.tab02.saTabOn a {
		background: #F7931E;
	}

	.map-list dl dt.saTabOn a:before {
		content: '';
		display: block;
		position: absolute;
		bottom: -5px;
		left: 50%;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 0 10px 10px 10px;
		border-color: transparent transparent #F9F5F1 transparent;
		margin-left: -11px;
	}

	.map-list dl dd {
		position: relative;
		float: left;
		width: 100%;
		border: 5px solid #A39486;
		box-sizing: border-box;
		background: #F9F5F1;
	}

		.map-list dl dd.tab01 {
			border-color: #D90000;
		}

		.map-list dl dd.tab02 {
			border-color: #F7931E;
		}

	.map-list.onlyList dl dd {
		border: none;
	}

	.map-list dl dd ul {
		list-style: none;
	}

		.map-list dl dd ul li {
			display: block;
			box-sizing: border-box;
			border-bottom: 1px solid #E2D2BD;
		}

			.map-list dl dd ul li:last-child {
				border-bottom: none;
			}

	.map-list.onlyList dl dd ul {
		position: relative;
		display: flex;
		flex-direction: column;
		flex-wrap: wrap;
		align-items: flex-start;
		align-content: stretch;
		width: 100%;		
		letter-spacing: -9px;
		box-sizing: border-box;
	}

		.map-list.onlyList dl dd ul li {
			display: inline-block;
			width: 50%;
			letter-spacing: 0;
			border-bottom: none;
			vertical-align: top;
		}

	.map-list dl dd ul li a {
		display: block;
		color: #000;
		font-size: 1.5em;
		line-height: 21px;
		padding: 10px;
	}

		.map-list dl dd ul li a span {
			display: inline-block;
			width: 21px;
			height: 21px;
			color: #FFF;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 0.9rem;
			text-align: center;
			line-height: 21px;
			background: #A39486;
			vertical-align: top;
			margin-right: 5px;
			-webkit-border-radius: 100px;
			-moz-border-radius: 100px;
			border-radius: 100px;
		}

	.map-list.onlyList dl dd ul li a.t1 span {
		background: #D90000;
	}

	.map-list.onlyList dl dd ul li a.t2 span {
		background: #F7931E;
	}

	.map-list.onlyList dl dd ul li a.t1.on,
	.map-list.onlyList dl dd ul li a.t1:hover,
	.map-list.onlyList dl dd ul li a.t1:focus {
		color: #FFF;
		background: #D90000;
	}

	.map-list.onlyList dl dd ul li a.t2.on,
	.map-list.onlyList dl dd ul li a.t2:hover,
	.map-list.onlyList dl dd ul li a.t2:focus {
		color: #FFF;
		background: #F7931E;
	}

	.map-list.onlyList dl dd ul li a.t1.on span,
	.map-list.onlyList dl dd ul li a.t1:hover span,
	.map-list.onlyList dl dd ul li a.t1:focus span {
		color: #D90000;
		background: #FFF;
	}

	.map-list.onlyList dl dd ul li a.t2.on span,
	.map-list.onlyList dl dd ul li a.t2:hover span,
	.map-list.onlyList dl dd ul li a.t2:focus span {
		color: #F7931E;
		background: #FFF;
	}

	.map-list dl dd.tab01 ul li a.on,
	.map-list dl dd.tab01 ul li a:hover,
	.map-list dl dd.tab01 ul li a:focus {
		color: #D90000;
	}

	.map-list dl dd.tab02 ul li a.on,
	.map-list dl dd.tab02 ul li a:hover,
	.map-list dl dd.tab02 ul li a:focus {
		color: #F7931E;
	}

	.map-list dl dd.tab01 ul li a.on span,
	.map-list dl dd.tab01 ul li a:hover span,
	.map-list dl dd.tab01 ul li a:focus span {
		background: #D90000;
	}

	.map-list dl dd.tab02 ul li a.on span,
	.map-list dl dd.tab02 ul li a:hover span,
	.map-list dl dd.tab02 ul li a:focus span {
		background: #F7931E;
	}

	.map-list dl dd.mTop {
		margin-top: 60px;
	}

.map-show {
	display: inline-block;
	width: 536px;
	height: 780px;
	letter-spacing: 0;
	vertical-align: top;
	margin: 70px auto;
}

	.map-show .map-point {
		position: relative;
		display: block;
		width: 893px;
		height: 1299px;
		-webkit-transform: scale(0.6);
		-moz-transform: scale(0.6);
		-ms-transform: scale(0.6);
		-o-transform: scale(0.6);
		transform: scale(0.6);
		transform-origin: 0 0;
	}

		.map-show .map-point .point_no {
			position: absolute;
			display: block;
			width: 30px;
			height: 30px;
			z-index: 10;
		}

			.map-show .map-point .point_no.show {
				z-index: 20;
			}

			.map-show .map-point .point_no a {
				display: block;
				width: 100%;
				height: 100%;
			}

			.map-show .map-point .point_no span {
				display: block;
				width: 100%;
				height: 100%;
				color: #FFF;
				font-family: Arial, Helvetica, sans-serif;
				font-size: 1.9em;
				font-weight: bold;
				line-height: 25px;
				text-align: center;
				padding: 1px 0 0 0;
				background: rgba(178,133,0,.8);
				border: 2px solid rgba(178,133,0,.0);
				box-sizing: border-box;
				overflow: hidden;
				-webkit-border-radius: 100px;
				-moz-border-radius: 100px;
				border-radius: 100px;
			}

			.map-show .map-point .point_no.show span {
				border-color: #FFF;
				background: #ED1C24;
				-webkit-box-shadow: 0 0 5px 3px rgba(237%,28%,36%,0.8);
				-moz-box-shadow: 0 0 5px 3px rgba(237%,28%,36%,0.8);
				box-shadow: 0 0 5px 3px rgba(237%,28%,36%,0.8);
				-webkit-transform: scale(1.5);
				-moz-transform: scale(1.5);
				-ms-transform: scale(1.5);
				-o-transform: scale(1.5);
				transform: scale(1.5);
				transform-origin: center;
			}

			.map-show .map-point .point_no.t2.show span {
				background: #FE8701;
				-webkit-box-shadow: 0 0 5px 3px rgba(254%,135%,1%,0.8);
				-moz-box-shadow: 0 0 5px 3px rgba(254%,135%,1%,0.8);
				box-shadow: 0 0 5px 3px rgba(254%,135%,1%,0.8);
			}

		.map-show .map-point #map {
			position: relative;
			display: block;
			width: 100%;
			height: 100%;
		}

			.map-show .map-point #map:before {
				position: absolute;
				left: 0;
				top: 0;
				display: block;
				content: '';
				width: 100%;
				height: 100%;
				background: url(../images/faultmap2021/fault-line.png) 50% 50% no-repeat;
				z-index: 1;
			}

			.map-show .map-point #map:after {
				position: absolute;
				left: 0;
				top: 0;
				display: block;
				content: '';
				width: 100%;
				height: 100%;
				background-repeat: no-repeat;
				background-position: 50% 50%;
				z-index: 2;
			}

			.map-show .map-point #map.n1:after {
				background-image: url(../images/faultmap2021/fault-line1.png);
			}

			.map-show .map-point #map.n2:after {
				background-image: url(../images/faultmap2021/fault-line2.png);
			}

			.map-show .map-point #map.n3:after {
				background-image: url(../images/faultmap2021/fault-line3.png);
			}

			.map-show .map-point #map.n4:after {
				background-image: url(../images/faultmap2021/fault-line4.png);
			}

			.map-show .map-point #map.n5:after {
				background-image: url(../images/faultmap2021/fault-line5.png);
			}

			.map-show .map-point #map.n6:after {
				background-image: url(../images/faultmap2021/fault-line6.png);
			}

			.map-show .map-point #map.n7:after {
				background-image: url(../images/faultmap2021/fault-line7.png);
			}

			.map-show .map-point #map.n8:after {
				background-image: url(../images/faultmap2021/fault-line8.png);
			}

			.map-show .map-point #map.n9:after {
				background-image: url(../images/faultmap2021/fault-line9.png);
			}

			.map-show .map-point #map.n10:after {
				background-image: url(../images/faultmap2021/fault-line10.png);
			}

			.map-show .map-point #map.n11:after {
				background-image: url(../images/faultmap2021/fault-line11.png);
			}

			.map-show .map-point #map.n12:after {
				background-image: url(../images/faultmap2021/fault-line12.png);
			}

			.map-show .map-point #map.n13:after {
				background-image: url(../images/faultmap2021/fault-line13.png);
			}

			.map-show .map-point #map.n14:after {
				background-image: url(../images/faultmap2021/fault-line14.png);
			}

			.map-show .map-point #map.n15:after {
				background-image: url(../images/faultmap2021/fault-line15.png);
			}

			.map-show .map-point #map.n16:after {
				background-image: url(../images/faultmap2021/fault-line16.png);
			}

			.map-show .map-point #map.n17:after {
				background-image: url(../images/faultmap2021/fault-line17.png);
			}

			.map-show .map-point #map.n18:after {
				background-image: url(../images/faultmap2021/fault-line18.png);
			}

			.map-show .map-point #map.n19:after {
				background-image: url(../images/faultmap2021/fault-line19.png);
			}

			.map-show .map-point #map.n20:after {
				background-image: url(../images/faultmap2021/fault-line20.png);
			}

			.map-show .map-point #map.n21:after {
				background-image: url(../images/faultmap2021/fault-line21.png);
			}

			.map-show .map-point #map.n22:after {
				background-image: url(../images/faultmap2021/fault-line22.png);
			}

			.map-show .map-point #map.n23:after {
				background-image: url(../images/faultmap2021/fault-line23.png);
			}

			.map-show .map-point #map.n24:after {
				background-image: url(../images/faultmap2021/fault-line24.png);
			}

			.map-show .map-point #map.n25:after {
				background-image: url(../images/faultmap2021/fault-line25.png);
			}

			.map-show .map-point #map.n26:after {
				background-image: url(../images/faultmap2021/fault-line26.png);
			}

			.map-show .map-point #map.n27:after {
				background-image: url(../images/faultmap2021/fault-line27.png);
			}

			.map-show .map-point #map.n28:after {
				background-image: url(../images/faultmap2021/fault-line28.png);
			}

			.map-show .map-point #map.n29:after {
				background-image: url(../images/faultmap2021/fault-line29.png);
			}

			.map-show .map-point #map.n30:after {
				background-image: url(../images/faultmap2021/fault-line30.png);
			}

			.map-show .map-point #map.n31:after {
				background-image: url(../images/faultmap2021/fault-line31.png);
			}

			.map-show .map-point #map.n32:after {
				background-image: url(../images/faultmap2021/fault-line32.png);
			}

			.map-show .map-point #map.n33:after {
				background-image: url(../images/faultmap2021/fault-line33.png);
			}

			.map-show .map-point #map.n34:after {
				background-image: url(../images/faultmap2021/fault-line34.png);
			}

			.map-show .map-point #map.n35:after {
				background-image: url(../images/faultmap2021/fault-line35.png);
			}

			.map-show .map-point #map.n36:after {
				background-image: url(../images/faultmap2021/fault-line36.png);
			}

@media screen and (max-width:760px) {
	.map-list {
		width: 100%;
		height: auto !important;
		max-width: 100%;
		margin: 20px auto;
	}

		.map-list dl dd ul {
			letter-spacing: -9px;
		}

			.map-list dl dd ul li {
				display: inline-block;
				width: 50%;
				letter-spacing: 0;
			}

		.map-list.onlyList dl dd {
			padding: 10px;
		}
		
			.map-list.onlyList dl dd ul {
				height: 390px;
			}
	
				.map-list.onlyList dl dd ul li {
					width: 25%;
				}
	
					.map-list.onlyList dl dd ul li a {
						padding: 10px;
					}

	.map-show {
		width: 100%;
		height: 780px;
		margin: 20px auto;
	}

		.map-show .map-point {
			left: 50%;
			margin-left: -278px;
		}
}

@media screen and (max-width:680px) {
	.map-list.onlyList dl dd ul {
		height: 492px;
	}

		.map-list.onlyList dl dd ul li {
			width: 33.333%;
		}
}

@media screen and (max-width:580px) {
	.map-show {
		height: 585px;
	}

		.map-show .map-point {
			width: 893px;
			height: 1299px;
			margin-left: -211px;
			-moz-transform: scale(0.45);
			-webkit-transform: scale(0.45);
			-o-transform: scale(0.45);
			-ms-transform: scale(0.45);
			transform: scale(0.45);
		}
}

@media screen and (max-width:540px) {
	.map-list.onlyList dl dd ul {
		height: 738px;
	}

		.map-list.onlyList dl dd ul li {
			width: 50%;
		}
}

@media screen and (max-width:380px) {
	.map-list.onlyList dl dd ul {
		height: 759px;
	}
	
	.map-list dl dd ul li {
		width: 100%;
	}

	.map-show {
		height: 468px;
	}

		.map-show .map-point {
			width: 893px;
			height: 1299px;
			margin-left: -167px;
			-moz-transform: scale(0.35);
			-webkit-transform: scale(0.35);
			-o-transform: scale(0.35);
			-ms-transform: scale(0.35);
			transform: scale(0.35);
		}
}

@media screen and (min-width:761px) {
	.map-list.onlyList {
		position: absolute;
		top: 20px;
		width: 240px;
		max-width: inherit;
		margin: 0;
		z-index: 2;
	}

		.map-list.onlyList dl dd {
			padding: 5px;
			box-sizing: border-box;
		}

			.map-list.onlyList dl dd ul {
				height: 651px;
			}

				.map-list.onlyList dl dd ul li a {
					padding: 7px 5px;
				}

		.map-list.onlyList + .map-show {
			margin-left: calc(100% - 536px);
		}
}

@media screen and (min-width:991px) {
	#N_map {
		background: url(../images/inside/map_bg.jpg) 50% 0 no-repeat;
		background-size: auto 1142px;
	}

	.map-list {
		width: 240px;
		margin-right: calc(100% - 715px - 240px);
		margin-top: 51px;
	}

		.map-list.onlyList {
			top: 80px;
			width: 320px;
		}

			.map-list.onlyList.fixed {
				position: fixed;
				top: 20px;
				margin: 0;
			}

		.map-list dl dt {
			font-size: 1.7em;
		}

			.map-list dl dt span {
				line-height: 20px;
			}

				.map-list dl dt span em {
					line-height: 20px;
				}

		.map-list.onlyList dl dd {
			padding: 6px;
		}

			.map-list.onlyList dl dd ul {
				height: 630px;
			}

				.map-list.onlyList dl dd ul li:nth-child(n+1):nth-child(-n+18) {
					width: 55%;
				}

				.map-list.onlyList dl dd ul li:nth-child(n+19):nth-child(-n+36) {
					width: 45%;
				}

				.map-list.onlyList dl dd ul li a {
					padding: 6px;
				}

	.map-show {
		width: 715px;
		height: 1040px;
		margin: 51px 0;
	}

	.map-list.onlyList + .map-show {
		margin-left: calc(100% - 715px);
	}

	.map-show .map-point {
		width: 893px;
		height: 1299px;
		-moz-transform: scale(0.8);
		-webkit-transform: scale(0.8);
		-o-transform: scale(0.8);
		-ms-transform: scale(0.8);
		transform: scale(0.8);
	}

	.map-list dl dd ul li a {
		font-size: 1.7em;
		line-height: 23px;
		padding: 12px 10px;
	}

	.map-list.onlyList dl dd ul li a {
		font-size: 1.6em;
	}

	.map-list dl dd ul li a span {
		width: 23px;
		height: 23px;
		line-height: 23px;
	}
}

@media screen and (min-width:1200px) {
	#N_map {
		background-size: 1920px auto;
	}

	.map-list {
		width: 240px;
		margin-right: calc(100% - 893px - 240px);
		margin-top: 84px;
	}

		.map-list.onlyList {
			width: 320px;
			margin: 0;
		}

	.map-show {
		width: 893px;
		height: 1299px;
		margin: 64px 0;
	}

	.map-list.onlyList + .map-show {
		margin-left: calc(100% - 893px);
	}

	.map-show .map-point {
		-moz-transform: scale(1);
		-webkit-transform: scale(1);
		-o-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
	}

	.map-list dl dd ul li a {
		padding: 15px 10px;
	}

	.map-list.onlyList dl dd {
		padding: 8px;
	}

		.map-list.onlyList dl dd ul {
			height: 702px;
		}

			.map-list.onlyList dl dd ul li a {
				padding: 8px;
			}
}


/*MAP檔案下載*/
#map_files {
	width: 100%;
	margin: 70px auto;
}

	#map_files .M_TIT {
		display: block;
		font-size: 2.6em;
		line-height: 1.4;
		color: #000;
		padding-left: 50px;
		background: url(../images/icon-map.svg) left top no-repeat;
		margin-bottom: 20px;
	}

	#map_files table tr {
		border-top: 1px solid #383838;
		border-bottom: 1px solid #383838;
	}

	#map_files table th, #map_files table td {
		padding: 13px;
	}

	#map_files table tr th {
		font-size: 2.1em;
		color: #fff;
	}

	#map_files table th {
		background-color: #929292;
		text-align: left
	}

	#map_files table tr td .name {
		font-size: 2em;
		font-weight: bold;
	}

	#map_files table tr td.tx {
		font-size: 1.7em;
	}

	#map_files table tr td a.i_download {
		display: inline-block;
		height: 37px;
		line-height: 37px;
		position: relative;
		padding: 0 18px;
		padding-right: 45px;
		background-color: #910b00;
		color: #fff;
		font-weight: bold;
		font-size: 1.5em;
		border-radius: 20px;
		text-indent: 0;
	}

		#map_files table tr td a.i_download:after {
			display: block;
			position: absolute;
			content: '';
			width: 26px;
			height: 26px;
			right: 7px;
			top: 50%;
			margin-top: -13px;
			background: #d17173 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25.669' height='25.669' xml:space='preserve'%3E%3Cg fill='%23FFF'%3E%3Cpath d='M11.835 4.166h2v15.016h-2z'/%3E%3Cpath d='M6.335 18.181h13v2h-13z'/%3E%3Cpath d='m12.835 19.175-6.169-6.169 1.414-1.414 4.755 4.755 4.756-4.755 1.414 1.414z'/%3E%3C/g%3E%3Ccircle fill='none' cx='12.834' cy='12.834' r='12.834'/%3E%3C/svg%3E") center no-repeat;
			background-size: contain;
			border-radius: 50%;
		}

		#map_files table tr td a.i_download:hover,
		#map_files table tr td a.i_download:focus {
			background-color: #000;
		}

			#map_files table tr td a.i_download:hover:after, #map_files table tr td a.i_download:focus:after {
				background-color: #666;
			}

@media screen and (max-width:768px) {
	#map_files table {
		font-size: 80%
	}
}

@media screen and (max-width:600px) {
	#map_files table {
		display: block;
	}

		#map_files table .F_tit {
			display: none;
		}

		#map_files table tr td {
			display: block;
			border-bottom: 1px dashed #ccc;
			text-indent: -42px;
			padding-left: 85px;
		}

			#map_files table tr td:last-child {
				border-bottom: 0;
			}

		#map_files table tr:last-child td:last-child {
			border-bottom: 1px solid #000;
		}

		#map_files table tr td:before {
			content: '';
			display: inline-block;
			font-weight: bold;
			color: #910b00;
			font-size: 110%;
			margin-right: 10px;
		}

		#map_files table tr td:nth-child(1):before {
			content: '檔案名稱 ▸';
			font-size: 176%;
		}

		#map_files table tr td:nth-child(2):before {
			content: '檔案大小 ▸';
		}

		#map_files table tr td:nth-child(3):before {
			content: '更新日期 ▸';
		}

		#map_files table tr td:nth-child(4):before {
			content: '檔案下載 ▸';
			font-size: 176%;
		}

		#map_files table tr td a.i_download {
			font-size: 200%;
		}
}


/*成果區*/

#list_report {
	width: 100%;
	margin: 0 auto;
}

	#list_report ul {
		list-style: none;
	}

	#list_report li {
		display: block;
		padding: 20px 0;
		border-bottom: 1px solid #ccc;
	}

		#list_report li:last-child {
			border-bottom: none;
		}

		#list_report li .zoomBox {
			width: 150px;
			height: 157px;
			float: left;
			border: 1px solid #ccc;
			box-sizing: border-box;
		}

	#list_report.first_big li:first-child .zoomBox {
		width: 200px;
		height: 200px;
	}

	#list_report li .zoomBox .zoom-pic {
		background-size: contain;
		background-repeat: no-repeat;
		background-color: #fff;
		*background-image: url(../images/list-nopic-light.png);
		background-image: url(../images/list-nopic-light.svg);
		background-color: #f1f1f1;
	}

	#list_report li .txt_Z {
		float: left;
		width: calc(100% - 170px);
		box-sizing: border-box;
		padding-left: 20px;
	}

	#list_report.first_big li:first-child .txt_Z {
		width: calc(100% - 220px);
	}

	#list_report li .txt_Z h3 {
		font-family: "微軟雅黑", "Microsoft YaHei", "LiHei Pro Medium";
		color: #333;
		font-size: 2.5em;
		line-height: 135%;
		font-weight: bold;
		margin-bottom: 6px;
	}

	#list_report li .txt_Z p {
		font-size: 1.9em;
		line-height: 165%;
		margin-bottom: 5px;
	}

	#list_report li .txt_Z time {
		font-size: 1.5em;
		color: #666;
		line-height: 135%;
	}

	#list_report li .txt_Z .btnfile {
		margin-top: 7.5px;
	}

		#list_report li .txt_Z .btnfile a {
			position: relative;
			display: inline-block;
			min-width: 75px;
			color: #4d994c;
			font-size: 1.7em;
			font-weight: bold;
			line-height: 135%;
			padding: 7px 15px;
			padding-left: 35px;
			border: 1px solid #4d994c;
			box-sizing: border-box;
			-webkit-border-radius: 20px;
			-moz-border-radius: 20px;
			border-radius: 20px;
			background-color: #fff;
			margin: 2.5px;
		}

			#list_report li .txt_Z .btnfile a .gray {
				color: #666;
				font-size: 0.9rem;
				margin-left: 5px;
			}

			#list_report li .txt_Z .btnfile a:hover .gray,
			#list_report li .txt_Z .btnfile a:focus .gray {
				color: rgba(255,255,255,0.5);
			}

			#list_report li .txt_Z .btnfile a:before {
				display: inline-block;
				position: absolute;
				left: 9px;
				top: 50%;
				width: 22px;
				height: 22px;
				content: '';
				border-radius: 50%;
				background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25.669' height='25.669' xml:space='preserve'%3E%3Cg fill='%23FFF'%3E%3Cpath d='M11.835 4.166h2v15.016h-2z'/%3E%3Cpath d='M6.335 18.181h13v2h-13z'/%3E%3Cpath d='m12.835 19.175-6.169-6.169 1.414-1.414 4.755 4.755 4.756-4.755 1.414 1.414z'/%3E%3C/g%3E%3Ccircle fill='none' cx='12.834' cy='12.834' r='12.834'/%3E%3C/svg%3E");
				background-repeat: no-repeat;
				background-size: contain;
				margin-top: -11px;
			}

			#list_report li .txt_Z .btnfile a:hover:before,
			#list_report li .txt_Z .btnfile a:focus:before {
				background-color: rgba(0,0,0,0.5) !important;
			}

			#list_report li .txt_Z .btnfile a.pdf {
				color: #A33D3D;
				border-color: #A33D3D;
			}

				#list_report li .txt_Z .btnfile a.pdf:before {
					background-color: #A33D3D;
				}

				#list_report li .txt_Z .btnfile a.pdf:hover,
				#list_report li .txt_Z .btnfile a.pdf:focus {
					background-color: #A33D3D;
					color: #fff;
				}

			#list_report li .txt_Z .btnfile a.odt {
				color: #408FAA;
				border-color: #408FAA;
			}

				#list_report li .txt_Z .btnfile a.odt:before {
					background-color: #408FAA
				}

				#list_report li .txt_Z .btnfile a.odt:hover,
				#list_report li .txt_Z .btnfile a.odt:focus {
					background-color: #408FAA;
					color: #fff;
				}

	#list_report.first_big li:first-child {
		padding: 15px;
		border: 5px solid #ccc;
		box-sizing: border-box;
		background-color: #f3eee4;
		margin-bottom: 10px;
	}

		#list_report.first_big li:first-child .txt_Z h3 {
			color: rgb(179, 117, 36);
			font-size: 2.5em;
			margin-bottom: 10px;
			display: block;
		}

@media screen and (max-width:600px) {
	#list_report li .zoomBox {
		width: 120px;
		height: 150px;
	}

	#list_report li .txt_Z {
		width: calc(100% - 130px);
		padding-left: 10px;
	}

	#list_report.first_big li:first-child .zoomBox {
		width: 100%;
		height: 0;
		padding-bottom: 100%
	}

	#list_report.first_big li:first-child .txt_Z {
		width: 100%;
		padding-left: 0;
		padding-top: 15px;
	}
}

@media screen and (max-width:420px) {
	#list_report li .zoomBox {
		width: 100%;
		height: 0;
		padding-bottom: 100%;
	}

	#list_report li .txt_Z {
		width: 100%;
		padding-left: 0;
		padding-top: 15px;
	}
}


/*sitemap*/

.sitemapInfo {
	width: 100%;
	color: #333;
	font-size: 1.9em;
	line-height: 165%;
}

	.sitemapInfo .color-red {
		color: #994c00;
	}

	.sitemapInfo p {
		margin-bottom: 1em;
	}

	.sitemapInfo ul {
		list-style: none;
		margin: 10px 0;
		padding: 0px;
	}

		.sitemapInfo ul li {
			margin: 10px 0 10px 1.5em;
		}

.sitemapList {
	width: 100%;
	margin: 40px auto 0 auto;
}

	.sitemapList > ul {
		list-style: none;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		letter-spacing: -9px;
		margin: -15px -10px;
	}

		.sitemapList > ul > li {
			display: inline-block;
			width: 50%;
			letter-spacing: 0;
			padding: 15px 10px;
			box-sizing: border-box;
		}

			.sitemapList > ul > li > a {
				display: block;
				color: #fff;
				font-size: 2.1em;
				font-weight: bold;
				line-height: 135%;
				padding: 10px;
				box-sizing: border-box;
				background-color: rgb(179, 117, 36);
			}

				.sitemapList > ul > li > a:hover,
				.sitemapList > ul > li > a:focus {
					background-color: #994c00;
				}

			.sitemapList > ul > li > ul {
				list-style: none;
			}

				.sitemapList > ul > li > ul > li > a {
					position: relative;
					display: block;
					color: #000;
					font-size: 1.9em;
					line-height: 135%;
					padding: 10px;
					padding-left: 45px;
					box-sizing: border-box;
					border-bottom: 1px dashed #ccc;
				}

					.sitemapList > ul > li > ul > li > a span {
						position: absolute;
						left: 10px;
						top: 10px;
						font-size: 1rem;
					}

					.sitemapList > ul > li > ul > li > a:hover,
					.sitemapList > ul > li > ul > li > a:focus {
						background-color: #f3f3f3;
						color: #994c00;
					}

@media screen and (max-width:380px) {
	.sitemapList > ul > li {
		width: 100%;
	}
}

@media screen and (min-width:991px) {
	.sitemapList > ul > li {
		width: 33.3%;
	}
}

.service_txt {
	margin-bottom: 30px;
}

	.service_txt p {
		font-size: 1.9em;
		line-height: 165%;
		margin-bottom: 1em;
	}

	.service_txt .stit {
		font-family: "PingFang TC Semibold", "微軟雅黑", "Microsoft YaHei";
		color: #994c00;
		font-size: 2.9em;
		margin: 30px 0 10px 0;
		line-height: 165%;
	}

	.service_txt > ul > li {
		font-size: 1.9em;
		list-style-type: disc;
		list-style-position: outside;
		margin-left: 2.4em;
		line-height: 165%;
	}

	.service_txt > ol > li {
		font-size: 1.9em;
		list-style-type: decimal;
		list-style-position: outside;
		margin-left: 2.4em;
		line-height: 165%;
	}

@media screen and (min-width:991px) {
	.service_txt {
		margin-bottom: 60px;
	}
}

.pics {
	display: block;
	margin: 20px 0;
	text-align: center;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

	.pics dl.pic {
		display: inline-block;
		padding: 10px;
		box-sizing: border-box;
		border: 1px solid #ccc;
		vertical-align: top;
		margin: 10px auto;
		max-width: calc(100% - 24px);
	}

	.pics dt {
		display: block;
		margin-bottom: 10px;
	}

	.pics dl.pic img {
		width: auto;
		max-width: 100%;
		height: auto;
	}

	.pics dl.pic .pic_ifo {
		text-align: center;
		line-height: 1.4;
		font-size: 80%
	}

	.pics.two dl.pic {
		width: calc(50% - 24px);
		margin: 10px;
	}


/* ---------- contactForm ---------- */
.contactForm {
	width: 100%;
	margin: 0 auto;
}

	.contactForm .word {
		width: 100%;
		font-size: 1.9em;
		line-height: 165%;
		margin: 0 auto;
		margin-bottom: 30px;
	}

		.contactForm .word p {
			margin-bottom: 1em;
		}

	.contactForm .spNote {
		color: #D90000;
	}

		.contactForm .spNote em {
			content: "";
			display: inline-block;
			width: 13px;
			height: 13px;
			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%);
		}

	.contactForm .box {
		width: 100%;
		padding: 10px 20px;
		box-sizing: border-box;
		background: #f1f1f1;
		margin: 0 auto;
	}

@media screen and (min-width:991px) {
	.contactForm .box {
		padding: 20px 30px;
	}
}


/* ----- contactWord ----- */
.contactWord {
	width: 100%;
	padding: 20px;
	box-sizing: border-box;
	background: #f1f1f1;
	margin-top: 30px;
}

	.contactWord p {
		color: #000;
		font-size: 1.9em;
		line-height: 165%;
		text-align: center;
		margin: 15px 0 0 0;
	}

	.contactWord h3.sendok {
		font-family: "微軟雅黑", "Microsoft YaHei";
		color: #994c00;
		font-size: 3.5em;
		line-height: 45px;
		text-align: center;
	}

		.contactWord h3.sendok span {
			position: relative;
			display: inline-block;
			color: #994c00;
			background: none;
			text-align: left;
			padding: 25px 0 25px 100px;
			margin: 0 auto;
		}

			.contactWord h3.sendok span:before {
				content: "";
				display: block;
				position: absolute;
				top: 50%;
				left: 0;
				width: 95px;
				height: 95px;
				margin-top: -47.5px;
				background: url(../images/sendok.png) -380px 0;
			}

@media screen and (max-width:480px) {
	.contactWord h3.sendok span {
		margin: 5px 0;
	}
}

@media screen and (min-width:991px) {
	.contactWord {
		padding: 30px;
	}
}


/* ---------- form-line ---------- */
.form-line {
	width: 100%;
	border-bottom: 1px dashed #CCC;
	margin: 25px auto;
}

/* ---------- form-list ---------- */
.form-list {
	width: 100%;
	letter-spacing: -9px;
	margin: 20px auto;
}

	.form-list .formLabel {
		display: inline-block;
		width: 160px;
		font-family: "微軟雅黑", "Microsoft YaHei", "LiHei Pro Medium";
		font-size: 1.9em;
		font-weight: bold;
		line-height: 50px;
		letter-spacing: 0;
		vertical-align: top;
	}

		.form-list .formLabel.lb2 {
			line-height: 25px;
		}

		.form-list .formLabel.visitActivity {
			line-height: 100%;
		}

		.form-list .formLabel span {
			position: relative;
			display: inline-block;
			width: 100%;
			padding: 0 0 0 25px;
			box-sizing: border-box;
		}

			.form-list .formLabel span strong {
				display: block;
			}

			.form-list .formLabel span:before {
				content: "";
				display: block;
				position: absolute;
				top: 50%;
				left: 4.5px;
				width: 7px;
				height: 7px;
				font-size: 0;
				background: #000;
				margin: -3.5px 0 0 0;
				-webkit-transform: rotate(45deg);
				-ms-transform: rotate(45deg);
				transform: rotate(45deg);
			}

			.form-list .formLabel span.required:before {
				display: none;
			}

			.form-list .formLabel span.wd2 {
				letter-spacing: 2em;
			}

			.form-list .formLabel span.wd3 {
				letter-spacing: 0.5em;
			}

			.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%);
			}

	.form-list .formBox {
		display: inline-block;
		width: calc(100% - 160px);
		letter-spacing: 0;
		vertical-align: top;
	}

		.form-list .formBox > span {
			display: inline-block;
			font-size: 1.9em;
			line-height: 50px;
			margin: 0 10px;
		}

	.form-list .formInput {
		float: left;
		width: 100%;
		height: 50px;
		padding: 0 10px;
		font-family: "PingFang TC", "微軟正黑體", "Microsoft JhengHei", Arial, Helvetica, sans-serif;
		font-size: 1.9em;
		line-height: 50px;
		vertical-align: middle;
		box-sizing: border-box;
		border: 1px solid #cccccc;
		background: #FFF;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
	}

		.form-list .formInput.w2 {
			width: 100px;
			margin-left: 10px;
		}

		.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);
		}

	.form-list .w1 {
		width: 50%;
	}

	.form-list .listBar {
		float: left;
		width: 100%;
		height: 50px;
		font-family: "PingFang TC", "微軟正黑體", "Microsoft JhengHei", Arial, Helvetica, sans-serif;
		font-size: 1.9em;
		line-height: 50px;
		vertical-align: top;
		cursor: pointer;
		text-indent: 0.01px;
		text-overflow: "";
		border: 1px solid #cccccc;
		padding: 0 10px;
		background: #FFFFFF 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;
	}

		.form-list .listBar.w2 {
			float: none;
			display: inline-block;
			width: 80px;
		}

		.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);
		}

		.form-list .listBar option {
			background: #FFFFFF url(../images/select-bg-on.png) no-repeat right;
			border: none;
		}

		.form-list .listBar:-ms-expand {
			display: none; /* hide default arrow in IE10 */
		}

	.form-list fieldset {
		display: inline-block;
	}

		.form-list fieldset.sexRadio {
			margin-left: 15px;
		}

	.form-list .formText {
		width: 100%;
		padding: 10px;
		font-family: "PingFang TC", "微軟正黑體", "Microsoft JhengHei", Arial, Helvetica, sans-serif;
		font-size: 1.9em;
		line-height: 160%;
		vertical-align: middle;
		background: #FFFFFF;
		box-sizing: border-box;
		border: 1px solid #cccccc;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
	}

		.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);
		}

	.form-list .captchaImg {
		float: left;
		margin-top: 4px;
	}

	.form-list .btnVoice,
	.form-list .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;
	}

		.form-list .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;
		}

		.form-list .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;
		}

		.form-list .btnVoice:hover,
		.form-list .btnVoice:focus,
		.form-list .btnReload:hover,
		.form-list .btnReload:focus {
			background: #D35E16;
		}

@media screen and (max-width:620px) {
	.form-list .formLabel {
		width: 100%;
		text-align: left;
		line-height: 100%;
		margin-bottom: 15px;
	}

		.form-list .formLabel span strong {
			display: inline;
		}

	.form-list .formBox {
		width: 100%;
	}
}

@media screen and (max-width:480px) {
	.form-list .w1 {
		width: 100%;
	}

	.form-list fieldset.sexRadio {
		margin-left: 0;
	}
}

@media screen and (min-width:991px) {
	.form-list .w1 {
		width: 50%;
	}
}

/* ----- radionote ----- */
.form-radio {
	width: 100%;
	margin: 20px auto;
}

	.form-radio fieldset {
		width: 100%;
		background: #ede5d4;
	}

		.form-radio fieldset legend {
			display: block;
			width: 100%;
			color: #FFF;
			font-family: "微軟雅黑", "Microsoft YaHei", "LiHei Pro Medium";
			font-size: 1.9em;
			font-weight: bold;
			line-height: 30px;
			padding: 15px;
			box-sizing: border-box;
			background: #a17345;
		}

.radionote {
	letter-spacing: -9px;
	margin: 0 -10px;
}

.form-radio .radionote {
	padding: 5px 20px;
	margin: 0;
}

.radionote label {
	position: relative;
	display: inline-block;
	font-family: "PingFang TC", "微軟正黑體", "Microsoft JhengHei", Arial, Helvetica, sans-serif;
	font-size: 1.9em;
	font-weight: bold;
	line-height: 25px;
	letter-spacing: 0;
	padding: 12.5px 0;
	box-sizing: border-box;
	margin: 0 10px;
	vertical-align: top;
	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;
}

.form-radio .radionote label {
	width: 25%;
	max-width: 150px;
	margin: 0 auto;
}

.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: #FFFFFF;
	vertical-align: top;
	cursor: pointer;
	-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;
}

	.radionote label input[type="radio"]:checked:before {
		content: "";
		position: absolute;
		display: block;
		top: 4px;
		left: 4px;
		width: 15px;
		height: 15px;
		background: #333;
		z-index: 2;
		-webkit-border-radius: 100%;
		-moz-border-radius: 100%;
		border-radius: 100%;
	}

@media screen and (max-width:620px) {
	.form-radio .radionote label {
		width: 50%;
		max-width: inherit;
	}
}

@media screen and (max-width:360px) {
	.form-radio .radionote label {
		width: 100%;
	}
}


/* ----- formBtn ----- */
.formBtn {
	width: 100%;
	text-align: center;
	letter-spacing: -5px;
	margin: 30px auto 0 auto;
}

	.formBtn a,
	.formBtn button {
		display: inline-block;
		width: calc(100% - 20px);
		max-width: 280px;
		color: #fff;
		font-family: "微軟雅黑", "Microsoft YaHei", "LiHei Pro Medium";
		font-size: 2.1em;
		font-weight: bold;
		letter-spacing: 0;
		padding: 20px 0;
		background: #687588;
		border:none;
		box-sizing:border-box;
		cursor:pointer;
		margin: 10px;
	}

		.formBtn a span,
		.formBtn button span {
			position: relative;
			padding: 0 30px 0 0;
		}

		.formBtn a:hover,
		.formBtn a:focus,
		.formBtn button:hover,
		.formBtn button:focus {
			background: #D35E16;
		}

	.formBtn .btnSend {
		background: #B47D35;
	}

		.formBtn .btnSend span:after {
			content: "";
			display: block;
			position: absolute;
			right: 5px;
			top: 50%;
			width: 7px;
			height: 13px;
			border-right: 3px solid #FFF;
			border-bottom: 3px solid #FFF;
			margin-top: -10px;
			z-index: 2;
			-webkit-transform: rotate(45deg);
			-ms-transform: rotate(45deg);
			transform: rotate(45deg);
		}

	.formBtn .btnClear {
		background: #949494;
	}

		.formBtn .btnClear span:before,
		.formBtn .btnClear span:after {
			position: absolute;
			content: '';
			right: 2px;
			top: 50%;
			width: 20px;
			height: 3px;
			background: #FFF;
			margin-top: -1.5px;
			z-index: 2;
		}

		.formBtn .btnClear span:before {
			-webkit-transform: rotate(-45deg);
			-ms-transform: rotate(-45deg);
			transform: rotate(-45deg);
		}

		.formBtn .btnClear span:after {
			-webkit-transform: rotate(45deg);
			-ms-transform: rotate(45deg);
			transform: rotate(45deg);
		}

		.formBtn .btnClear:hover,
		.formBtn .btnClear:focus {
			background: #333;
		}

	.formBtn .btnBack span {
		padding: 0 25px 0 0;
	}

		.formBtn .btnBack span:before {
			content: "";
			display: block;
			position: absolute;
			top: 5px;
			right: 11px;
			width: 0;
			height: 0;
			border-style: solid;
			border-width: 6px 6px 6px 0;
			border-color: transparent #FFFFFF transparent transparent;
			z-index: 2;
		}

		.formBtn .btnBack span:after {
			content: "";
			display: block;
			position: absolute;
			top: 9px;
			right: 0;
			width: 12px;
			height: 14px;
			border: 3px 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;
		}


/* ----- field-validation-error ----- */		
.field-validation-error {
	position:relative;
	display:inline-block;
	color:#FFF;
    font-size:1.5em;
	font-weight:bold;
	line-height:155%;
	padding:5px 10px;
	background:#E00000;
	box-sizing:border-box;
	margin:-10px 0 0 0;
}
.field-validation-error + .field-validation-error {
	margin-left:10px;
}
.field-validation-error:last-child {
	margin-bottom:20px;
}
.field-validation-error:before {
	content:"";
	position:absolute;
	display:block;
	top:-6px;
	left:50%;
	width:0;
	height:0;
	border-style:solid;
	border-width:0 6px 7px 6px;
	border-color:transparent transparent #E00000 transparent;
	margin-left:-7px;
	z-index:2;
}
@media screen and (max-width:620px) {
	.field-validation-error  {
		margin-left:0;
	}
}
@media screen and (max-width:420px) {
	.field-validation-error {
		width:100%;
		text-align:center;
	}
	.field-validation-error + .field-validation-error {
		margin:10px 0 0 0;
	}
}
@media screen and (min-width:1200px) {
	.field-validation-error  {
		font-size:1.7em;
	}
}
body.compensate-for-scrollbar {
    overflow: hidden;
}

.fancybox-active {
    height: auto;
}

.fancybox-is-hidden {
    left: -9999px;
    margin: 0;
    position: absolute !important;
    top: -9999px;
    visibility: hidden;
}

.fancybox-container {
    -webkit-backface-visibility: hidden;
    height: 100%;
    left: 0;
    outline: none;
    position: fixed;
    -webkit-tap-highlight-color: transparent;
    top: 0;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    transform: translateZ(0);
    width: 100%;
    z-index: 99992;
}

.fancybox-container * {
    box-sizing: border-box;
}

.fancybox-outer,
.fancybox-inner,
.fancybox-bg,
.fancybox-stage {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}

.fancybox-outer {
    -webkit-overflow-scrolling: touch;
    overflow-y: auto;
}

.fancybox-bg {
    background: rgb(30, 30, 30);
    opacity: 0;
    transition-duration: inherit;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.47, 0, .74, .71);
}

.fancybox-is-open .fancybox-bg {
    opacity: .9;
    transition-timing-function: cubic-bezier(.22, .61, .36, 1);
}

.fancybox-infobar,
.fancybox-toolbar,
.fancybox-caption,
.fancybox-navigation .fancybox-button {
    direction: ltr;
    opacity: 0;
    position: absolute;
    transition: opacity .25s ease, visibility 0s ease .25s;
    visibility: hidden;
    z-index: 99997;
}

.fancybox-show-infobar .fancybox-infobar,
.fancybox-show-toolbar .fancybox-toolbar,
.fancybox-show-caption .fancybox-caption,
.fancybox-show-nav .fancybox-navigation .fancybox-button {
    opacity: 1;
    transition: opacity .25s ease 0s, visibility 0s ease 0s;
    visibility: visible;
}

.fancybox-infobar {
    color: #ccc;
    font-size: 13px;
    -webkit-font-smoothing: subpixel-antialiased;
    height: 44px;
    left: 0;
    line-height: 44px;
    min-width: 44px;
    mix-blend-mode: difference;
    padding: 0 10px;
    pointer-events: none;
    top: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.fancybox-toolbar {
    right: 0;
    top: 0;
}

.fancybox-stage {
    direction: ltr;
    overflow: visible;
    transform: translateZ(0);
    z-index: 99994;
}

.fancybox-is-open .fancybox-stage {
    overflow: hidden;
}

.fancybox-slide {
    -webkit-backface-visibility: hidden;
    /* Using without prefix would break IE11 */
    display: none;
    height: 100%;
    left: 0;
    outline: none;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 44px;
    position: absolute;
    text-align: center;
    top: 0;
    transition-property: transform, opacity;
    white-space: normal;
    width: 100%;
    z-index: 99994;
}

.fancybox-slide::before {
    content: '';
    display: inline-block;
    font-size: 0;
    height: 100%;
    vertical-align: middle;
    width: 0;
}

.fancybox-is-sliding .fancybox-slide,
.fancybox-slide--previous,
.fancybox-slide--current,
.fancybox-slide--next {
    display: block;
}

.fancybox-slide--image {
    overflow: hidden;
    padding: 44px 0;
}

.fancybox-slide--image::before {
    display: none;
}

.fancybox-slide--html {
    padding: 6px;
}

.fancybox-content {
    background: #fff;
    display: inline-block;
    margin: 0;
    max-width: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 44px;
    position: relative;
    text-align: left;
    vertical-align: middle;
}

.fancybox-slide--image .fancybox-content {
    animation-timing-function: cubic-bezier(.5, 0, .14, 1);
    -webkit-backface-visibility: hidden;
    background: transparent;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    left: 0;
    max-width: none;
    overflow: visible;
    padding: 0;
    position: absolute;
    top: 0;
    -ms-transform-origin: top left;
    transform-origin: top left;
    transition-property: transform, opacity;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 99995;
}

.fancybox-can-zoomOut .fancybox-content {
    cursor: zoom-out;
}

.fancybox-can-zoomIn .fancybox-content {
    cursor: zoom-in;
}

.fancybox-can-swipe .fancybox-content,
.fancybox-can-pan .fancybox-content {
    cursor: -webkit-grab;
    cursor: grab;
}

.fancybox-is-grabbing .fancybox-content {
    cursor: -webkit-grabbing;
    cursor: grabbing;
}

.fancybox-container [data-selectable='true'] {
    cursor: text;
}

.fancybox-image,
.fancybox-spaceball {
    background: transparent;
    border: 0;
    height: 100%;
    left: 0;
    margin: 0;
    max-height: none;
    max-width: none;
    padding: 0;
    position: absolute;
    top: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%;
}

.fancybox-spaceball {
    z-index: 1;
}

.fancybox-slide--video .fancybox-content,
.fancybox-slide--map .fancybox-content,
.fancybox-slide--pdf .fancybox-content,
.fancybox-slide--iframe .fancybox-content {
    height: 100%;
    overflow: visible;
    padding: 0;
    width: 100%;
}

.fancybox-slide--video .fancybox-content {
    background: #000;
}

.fancybox-slide--map .fancybox-content {
    background: #e5e3df;
}

.fancybox-slide--iframe .fancybox-content {
    background: #fff;
}

.fancybox-video,
.fancybox-iframe {
    background: transparent;
    border: 0;
    display: block;
    height: 100%;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}

/* Fix iOS */
.fancybox-iframe {
    left: 0;
    position: absolute;
    top: 0;
}

.fancybox-error {
    background: #fff;
    cursor: default;
    max-width: 400px;
    padding: 40px;
    width: 100%;
}

.fancybox-error p {
    color: #444;
    font-size: 16px;
    line-height: 20px;
    margin: 0;
    padding: 0;
}

/* Buttons */

.fancybox-button {
    background: rgba(30, 30, 30, .6);
    border: 0;
    border-radius: 0;
    box-shadow: none;
    cursor: pointer;
    display: inline-block;
    height: 44px;
    margin: 0;
    padding: 10px;
    position: relative;
    transition: color .2s;
    vertical-align: top;
    visibility: inherit;
    width: 44px;
}

.fancybox-button,
.fancybox-button:visited,
.fancybox-button:link {
    color: #ccc;
}

.fancybox-button:hover {
    color: #fff;
}

.fancybox-button:focus {
    outline: none;
}

.fancybox-button.fancybox-focus {
    outline: 1px dotted;
}

.fancybox-button[disabled],
.fancybox-button[disabled]:hover {
    color: #888;
    cursor: default;
    outline: none;
}

/* Fix IE11 */
.fancybox-button div {
    height: 100%;
}

.fancybox-button svg {
    display: block;
    height: 100%;
    overflow: visible;
    position: relative;
    width: 100%;
}

.fancybox-button svg path {
    fill: currentColor;
    stroke-width: 0;
}

.fancybox-button--play svg:nth-child(2),
.fancybox-button--fsenter svg:nth-child(2) {
    display: none;
}

.fancybox-button--pause svg:nth-child(1),
.fancybox-button--fsexit svg:nth-child(1) {
    display: none;
}

.fancybox-progress {
    background: #ff5268;
    height: 2px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -ms-transform-origin: 0;
    transform-origin: 0;
    transition-property: transform;
    transition-timing-function: linear;
    z-index: 99998;
}

/* Close button on the top right corner of html content */

.fancybox-close-small {
    background: transparent;
    border: 0;
    border-radius: 0;
    color: #ccc;
    cursor: pointer;
    opacity: .8;
    padding: 8px;
    position: absolute;
    right: -12px;
    top: -44px;
    z-index: 401;
}

.fancybox-close-small:hover {
    color: #fff;
    opacity: 1;
}

.fancybox-slide--html .fancybox-close-small {
    color: currentColor;
    padding: 10px;
    right: 0;
    top: 0;
}

.fancybox-slide--image.fancybox-is-scaling .fancybox-content {
    overflow: hidden;
}

.fancybox-is-scaling .fancybox-close-small,
.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small {
    display: none;
}

/* Navigation arrows */

.fancybox-navigation .fancybox-button {
    background-clip: content-box;
    height: 100px;
    opacity: 0;
    position: absolute;
    top: calc(50% - 50px);
    width: 70px;
}

.fancybox-navigation .fancybox-button div {
    padding: 7px;
}

.fancybox-navigation .fancybox-button--arrow_left {
    left: 0;
    left: env(safe-area-inset-left);
    padding: 31px 26px 31px 6px;
}

.fancybox-navigation .fancybox-button--arrow_right {
    padding: 31px 6px 31px 26px;
    right: 0;
    right: env(safe-area-inset-right);
}

/* Caption */

.fancybox-caption {
    background: linear-gradient(to top,
        rgba(0, 0, 0, .85) 0%,
        rgba(0, 0, 0, .3) 50%,
        rgba(0, 0, 0, .15) 65%,
        rgba(0, 0, 0, .075) 75.5%,
        rgba(0, 0, 0, .037) 82.85%,
        rgba(0, 0, 0, .019) 88%,
        rgba(0, 0, 0, 0) 100%);
    bottom: 0;
    color: #eee;
    font-size: 14px;
    font-weight: 400;
    left: 0;
    line-height: 1.5;
    padding: 75px 44px 25px 44px;
    pointer-events: none;
    right: 0;
    text-align: center;
    z-index: 99996;
}

@supports (padding: max(0px)) {
    .fancybox-caption {
        padding: 75px max(44px, env(safe-area-inset-right)) max(25px, env(safe-area-inset-bottom)) max(44px, env(safe-area-inset-left));
    }
}

.fancybox-caption--separate {
    margin-top: -50px;
}

.fancybox-caption__body {
    max-height: 50vh;
    overflow: auto;
    pointer-events: all;
}

.fancybox-caption a,
.fancybox-caption a:link,
.fancybox-caption a:visited {
    color: #ccc;
    text-decoration: none;
}

.fancybox-caption a:hover {
    color: #fff;
    text-decoration: underline;
}

/* Loading indicator */

.fancybox-loading {
    animation: fancybox-rotate 1s linear infinite;
    background: transparent;
    border: 4px solid #888;
    border-bottom-color: #fff;
    border-radius: 50%;
    height: 50px;
    left: 50%;
    margin: -25px 0 0 -25px;
    opacity: .7;
    padding: 0;
    position: absolute;
    top: 50%;
    width: 50px;
    z-index: 99999;
}

@keyframes fancybox-rotate {
    100% {
        transform: rotate(360deg);
    }
}

/* Transition effects */

.fancybox-animated {
    transition-timing-function: cubic-bezier(0, 0, .25, 1);
}

/* transitionEffect: slide */

.fancybox-fx-slide.fancybox-slide--previous {
    opacity: 0;
    transform: translate3d(-100%, 0, 0);
}

.fancybox-fx-slide.fancybox-slide--next {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
}

.fancybox-fx-slide.fancybox-slide--current {
    opacity: 1;
    transform: translate3d(0, 0, 0);
}

/* transitionEffect: fade */

.fancybox-fx-fade.fancybox-slide--previous,
.fancybox-fx-fade.fancybox-slide--next {
    opacity: 0;
    transition-timing-function: cubic-bezier(.19, 1, .22, 1);
}

.fancybox-fx-fade.fancybox-slide--current {
    opacity: 1;
}

/* transitionEffect: zoom-in-out */

.fancybox-fx-zoom-in-out.fancybox-slide--previous {
    opacity: 0;
    transform: scale3d(1.5, 1.5, 1.5);
}

.fancybox-fx-zoom-in-out.fancybox-slide--next {
    opacity: 0;
    transform: scale3d(.5, .5, .5);
}

.fancybox-fx-zoom-in-out.fancybox-slide--current {
    opacity: 1;
    transform: scale3d(1, 1, 1);
}

/* transitionEffect: rotate */

.fancybox-fx-rotate.fancybox-slide--previous {
    opacity: 0;
    -ms-transform: rotate(-360deg);
    transform: rotate(-360deg);
}

.fancybox-fx-rotate.fancybox-slide--next {
    opacity: 0;
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
}

.fancybox-fx-rotate.fancybox-slide--current {
    opacity: 1;
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
}

/* transitionEffect: circular */

.fancybox-fx-circular.fancybox-slide--previous {
    opacity: 0;
    transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
}

.fancybox-fx-circular.fancybox-slide--next {
    opacity: 0;
    transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
}

.fancybox-fx-circular.fancybox-slide--current {
    opacity: 1;
    transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
}

/* transitionEffect: tube */

.fancybox-fx-tube.fancybox-slide--previous {
    transform: translate3d(-100%, 0, 0) scale(.1) skew(-10deg);
}

.fancybox-fx-tube.fancybox-slide--next {
    transform: translate3d(100%, 0, 0) scale(.1) skew(10deg);
}

.fancybox-fx-tube.fancybox-slide--current {
    transform: translate3d(0, 0, 0) scale(1);
}

/* Styling for Small-Screen Devices */
@media all and (max-height: 576px) {
    .fancybox-slide {
        padding-left: 6px;
        padding-right: 6px;
    }

    .fancybox-slide--image {
        padding: 6px 0;
    }

    .fancybox-close-small {
        right: -6px;
    }

    .fancybox-slide--image .fancybox-close-small {
        background: #4e4e4e;
        color: #f2f4f6;
        height: 36px;
        opacity: 1;
        padding: 6px;
        right: 0;
        top: 0;
        width: 36px;
    }

    .fancybox-caption {
        padding-left: 12px;
        padding-right: 12px;
    }

    @supports (padding: max(0px)) {
        .fancybox-caption {
            padding-left: max(12px, env(safe-area-inset-left));
            padding-right: max(12px, env(safe-area-inset-right));
        }
    }
}
/* Share */

.fancybox-share {
    background: #f4f4f4;
    border-radius: 3px;
    max-width: 90%;
    padding: 30px;
    text-align: center;
}

.fancybox-share h1 {
    color: #222;
    font-size: 35px;
    font-weight: 700;
    margin: 0 0 20px 0;
}

.fancybox-share p {
    margin: 0;
    padding: 0;
}

.fancybox-share__button {
    border: 0;
    border-radius: 3px;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    line-height: 40px;
    margin: 0 5px 10px 5px;
    min-width: 130px;
    padding: 0 15px;
    text-decoration: none;
    transition: all .2s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
}

.fancybox-share__button:visited,
.fancybox-share__button:link {
    color: #fff;
}

.fancybox-share__button:hover {
    text-decoration: none;
}

.fancybox-share__button--fb {
    background: #3b5998;
}

.fancybox-share__button--fb:hover {
    background: #344e86;
}

.fancybox-share__button--pt {
    background: #bd081d;
}

.fancybox-share__button--pt:hover {
    background: #aa0719;
}

.fancybox-share__button--tw {
    background: #1da1f2;
}

.fancybox-share__button--tw:hover {
    background: #0d95e8;
}

.fancybox-share__button svg {
    height: 25px;
    margin-right: 7px;
    position: relative;
    top: -1px;
    vertical-align: middle;
    width: 25px;
}

.fancybox-share__button svg path {
    fill: #fff;
}

.fancybox-share__input {
    background: transparent;
    border: 0;
    border-bottom: 1px solid #d7d7d7;
    border-radius: 0;
    color: #5d5b5b;
    font-size: 14px;
    margin: 10px 0 0 0;
    outline: none;
    padding: 10px 15px;
    width: 100%;
}
/* Thumbs */

.fancybox-thumbs {
    background: #ddd;
    bottom: 0;
    display: none;
    margin: 0;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    padding: 2px 2px 4px 2px;
    position: absolute;
    right: 0;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    top: 0;
    width: 212px;
    z-index: 99995;
}

.fancybox-thumbs-x {
    overflow-x: auto;
    overflow-y: hidden;
}

.fancybox-show-thumbs .fancybox-thumbs {
    display: block;
}

.fancybox-show-thumbs .fancybox-inner {
    right: 212px;
}

.fancybox-thumbs__list {
    font-size: 0;
    height: 100%;
    list-style: none;
    margin: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0;
    position: absolute;
    position: relative;
    white-space: nowrap;
    width: 100%;
}

.fancybox-thumbs-x .fancybox-thumbs__list {
    overflow: hidden;
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar {
    width: 7px;
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track {
    background: #fff;
    border-radius: 10px;
    box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb {
    background: #2a2a2a;
    border-radius: 10px;
}

.fancybox-thumbs__list a {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background-color: rgba(0, 0, 0, .1);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer;
    float: left;
    height: 75px;
    margin: 2px;
    max-height: calc(100% - 8px);
    max-width: calc(50% - 4px);
    outline: none;
    overflow: hidden;
    padding: 0;
    position: relative;
    -webkit-tap-highlight-color: transparent;
    width: 100px;
}

.fancybox-thumbs__list a::before {
    border: 6px solid #ff5268;
    bottom: 0;
    content: '';
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: all .2s cubic-bezier(.25, .46, .45, .94);
    z-index: 99991;
}

.fancybox-thumbs__list a:focus::before {
    opacity: .5;
}

.fancybox-thumbs__list a.fancybox-thumbs-active::before {
    opacity: 1;
}

/* Styling for Small-Screen Devices */
@media all and (max-width: 576px) {
    .fancybox-thumbs {
        width: 110px;
    }

    .fancybox-show-thumbs .fancybox-inner {
        right: 110px;
    }

    .fancybox-thumbs__list a {
        max-width: calc(100% - 10px);
    }
}
@charset "utf-8";

/* ----- gallery ----- */
#gallery {
    width:100%;
	margin:60px auto;
}
#gallery ul {
    list-style: none;
    ZOOM: 1;
	display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
	letter-spacing:-9px;
	margin:-10px;
}
#gallery li {
	display:inline-block;
	width:25%;
	transition:all 0.5s;
	text-align:center;
	letter-spacing:0px;
	padding:10px;
	box-sizing:border-box;
}
#gallery ul li a {
	display:block;
    width:100%;
	color:#000;
}
#gallery ul li a:hover,
#gallery ul li a:focus {
	color:#B20000;
}
@media (max-width: 990px){
	#gallery li {
		width:33.3%;
	}	
}
@media (max-width: 768px){
	#gallery {
		margin:30px auto;
	}
	#gallery li {
		width:50%;
	}
} 
@media (max-width: 500px){
	#gallery li {
		width:100%;
	}	
} 


#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.9em;
	line-height:130%;
	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;
}