@charset "utf-8";

html,body {
	height:100%;
	margin:0;
	padding:0;
}
main {
  display:block;
}
body {
	font:62.5%/1 "PingFang TC", "微軟正黑體", "Microsoft JhengHei", Arial, Helvetica, sans-serif;
    -webkit-text-size-adjust:100%;
        -ms-text-size-adjust:100%;
            text-size-adjust:100%;
}
/* 修正粗體 */
@font-face {
    font-family:"微軟正黑體修正";
    unicode-range:U+7db0, U+78A7, U+7B75; /* ASCII (碧筵綰) */
    font-style:normal;
    font-weight:bold;
	font-display:swap;
    src:local(Yu Gothic), local(MS Gothic);
}
/* 一般粗細的時候改回微軟正黑 */
@font-face {
    font-family:"微軟正黑體修正";
    unicode-range:U+7db0, U+78A7, U+7B75; /* ASCII (碧筵綰) */
    font-style:normal;
	font-weight:normal;
	font-display:swap;
    src:local("微軟正黑體");
}
@font-face {
  font-family:'jf-openhuninn';
  src: url('../cssStyle/fonts/jf-openhuninn-2.1.woff2') format('woff2'),
       url('../cssStyle/fonts/jf-openhuninn-2.1.ttf') format('truetype');
  font-display:swap;
}
a {
	color:#D13F00;
	text-decoration:none;
	-webkit-transition:all 0.5s ease;
	   -moz-transition:all 0.5s ease;
	     -o-transition:all 0.5s ease;
	        transition:all 0.5s ease;
}
a:hover,
a:focus {
	color:#D60000;
	text-decoration:none;	
}
a:focus, button:focus, input:focus, select:focus, textarea:focus {
	outline:2px dotted #FF6600;
}
a,
button,
textarea,
select,
input {
    appearance:none;
    -webkit-tap-highlight-color:rgba(0, 0, 0, 0);
    -webkit-border-radius:0;
       -moz-border-radius:0;
            border-radius:0;
	-webkit-transition:all 0.5s ease;
	   -moz-transition:all 0.5s ease;
	     -o-transition:all 0.5s ease;
	        transition:all 0.5s ease;
}
img {
	max-width:100%;
	height:auto;
    border:none;
    vertical-align:middle;
}
sub,
sup {
    font-size:75%;
    line-height:0;
    position:relative;
    vertical-align:baseline;
}
sup {
    top:-0.5em;
}
sub {
    bottom:-0.25em;
}
.font-pink { color:#E3007F; }
.font-red { color:#ee0000; }
.font-orange { color:#CC4B00; }

/** Layout **/
#wrapper {
	position:relative;
	width:100%;
	margin:0 auto;
	overflow:hidden;
}
.noscript {
	display:block;
	width:100%;
	font-size:1.5em;
	line-height:120%;
	padding:20px 0px;
	margin:0 auto;
	box-sizing:border-box;
	background:#ffe5e6;
}
.hide-panel {
    display:none !important;
}
.sr-only {
	position:absolute;
	width:1px;
	height:1px;
	padding:0;
	margin:-1px;
	overflow:hidden;
	clip:rect(0,0,0,0);
	border:0;
}
.sr-only-focusable {
    position:fixed;
	top:0;
	left:0;
	color:#000;
	opacity:0;
	z-index:9999;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
	color:#FFF;
	font-size:1.2em;
	padding:5px 10px;	
	opacity:1;
	background:rgba(0,0,0,.7);
}
.acKey,
.acKey a {
    color:transparent;
    font-size:0.8rem;
}
.acKey:hover,
.acKey:focus,
.acKey a:hover,
.acKey a:focus {
    color:#D60000;
}
.container {
    width:100%;
    margin:0 auto;
}
@media screen and (max-width:990px) {
    .pc-mode {
        display:none !important;
    }
    .container {
		width:calc(100% - 50px);
	}
}
@media screen and (min-width:991px) {
    .sp-mode {
        display:none !important;
    }
    .container {width:calc(100% - 80px);}
}
@media screen and (min-width:1200px) {
    .container {
        max-width:1200px;
    }
}
@media screen and (min-width:1540px) {
    .container {
        max-width:1480px;
    }
}
/* fixedNav */
.fixedNav > ul{
	list-style:none;
	display:flex;
	flex-wrap:wrap;
}
.fixedNav > ul > li{
	max-width:100%;
}
.fixedNav .oneCard{
	position:relative;
	width:100%;
}
/**/
.material-card {  
	font-size:1.5em;
	line-height:150%;
	display:flex;
	align-items:flex-start;
	transition:all 0.4s ease-in-out;
}
.material-card.mc-active{
	border-radius:0 10px 10px 0;
}
/**/
.material-card .mc-btn-action {
    width:62px; min-width:62px;
    text-align:center;
    cursor:pointer;
    transition:all 0.3s;
	border-radius:0;
	background-color:#c64000;
	position:relative;
	overflow:hidden;
	z-index:5;
	padding:20px 0 62px;
	box-sizing:border-box;
	display:flex;
	flex-direction:column;
}
.material-card.faq .mc-btn-action{
	background-color:#b48100;
}
.material-card .mc-btn-action::before{
	content:"";
	width:100%;
	height:32px;
	display:block;
	background-image:url(../images/fixed_icon.svg);
	background-repeat:no-repeat;
	background-size:contain;
	background-position:top center;
	margin-bottom:8px;
}
.material-card .mc-btn-action > span{
	font-family:"PingFang TC Semibold", "微軟雅黑", "Microsoft YaHei";
	font-weight:bold;
	font-size:1.3125rem;
	color:#ffffff;
	padding:5px 0;
	box-sizing:border-box;
	display:inline-block;
	text-align:center;
	margin:0 auto;
	letter-spacing:0.125em;
	max-width:1em;
}
.material-card .mc-btn-action i{
	width:100%;height:62px;
	position:absolute;
	right:0;
	bottom:0;
	background-color:transparent;
	display:flex;
	justify-content:center;
	align-items:center;
}
.material-card .mc-btn-action i::before{
	content:"";display:block;
	width:50px;height:50px;
	margin:auto;
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-size:contain;
}
.material-card .mc-btn-action i::before{
	background-image:url(../images/click_off.svg);
}
.material-card.mc-active .mc-btn-action i::before{
	background-image:url(../images/click_on.svg);
}
.material-card .mc-content {
	display:block;
	width:0;
	height:0;
	overflow:hidden;
}
.material-card.mc-active .mc-content{
	width:100%;
	height:100%;
	display:block;
	box-shadow:0 0 10px 0 rgba(0,0,0, 0.6);
	background-color:#fff;
	box-sizing:border-box;
	padding:25px;
}
.material-card.faq .mc-content{
	background-image:url(../images/fqaSearch.png);
	background-position:left top;
	background-repeat:no-repeat;
}
@media screen and (max-width:640px) {
	.fixedNav{width:100%;}
	.material-card{
		display:flex;
		flex-wrap:wrap;
		flex-direction:column-reverse;
	}
	.material-card .mc-btn-action{
		width:100%;
		min-height:62px;
		flex-direction:row;
		padding:15px 0;
	}
	.material-card .mc-btn-action::before,
	.material-card .mc-btn-action i{
		width:62px;margin:0;}
	.material-card .mc-btn-action > span{
		max-width:calc(100% - 124px);
		margin:0;
	}
	.material-card.mc-active .mc-content{
		box-shadow:none;
	}
}
@media screen and (min-width:768px) and (max-width:990px) {
	.fixedNav > ul > li{ width:calc(50% - 8px);}
	.fixedNav > ul > li + li{ margin-top:0;}
}
@media screen and (min-width:641px) {
	.fixedNav{
		position:fixed;
		top:calc(50vh - 160px);
		left:0;
		z-index:20;
	}
	.fixedNav > ul{flex-direction:column;}
	.fixedNav > ul > li{float:left;}
	.fixedNav > ul > li + li{ margin-top:8px;}
	.fixedNav .oneCard{width:auto;float:left;}
}


/** header **/
#header {
	position:relative;
	display:block;
	width:100%;
	background:#FFF;
	margin:0 auto;
	box-sizing:border-box;
	z-index:1;
}
#header .container {
	width:100%;
	max-width:calc(100% - 40px);
}
#header.sp-flex {
	position:absolute;
    left:0;
    top:0;
	z-index:99;
}
#header.sp-flex.flex {
     position:fixed;
		-webkit-box-shadow:0 5px 10px rgba(0,0,0,0.2);
		   -moz-box-shadow:0 5px 10px rgba(0,0,0,0.2);
				box-shadow:0 5px 10px rgba(0,0,0,0.2);
}
#header .logo {
	position:absolute;
	top:50%;
	left:20px;
	display:inline-block;
	width:161px;
	-webkit-transform:translate(0, -50%);
		-ms-transform:translate(0, -50%);
			transform:translate(0, -50%);
}
#header .logo a {
	display:block;
	width:100%;
	height:auto;
	padding-bottom:25.3%;
	background:url(../images/logo.svg) no-repeat 0 50%;
	background-size:contain;
}
@media screen and (max-width:990px) {
	#header.sp-flex {
		height:60px;
	}
	#header .container {
		max-width:100%;
	}
	#header .logo {
		left:15px;
	}
}
@media screen and (min-width:991px) {
	#header {
		-webkit-transition:all 0.5s;
		   -moz-transition:all 0.5s;    
			 -o-transition:all 0.5s;
				transition:all 0.5s;
	}
	#header.flex {
		position:fixed;
		left:0;
		top:0;
		padding-top:0;
		background:#FFF;
		animation:header 0.5s ease 1;
		z-index:99;
		-webkit-box-shadow:0 5px 10px rgba(0,0,0,0.2);
		   -moz-box-shadow:0 5px 10px rgba(0,0,0,0.2);
				box-shadow:0 5px 10px rgba(0,0,0,0.2);
	}
	#header .logo {
		width:17.5vw;
		margin:0;
	}
	#header.flex .logo {
		width:13vw;
	}
}
@media screen and (min-width:1200px) {
	#header .logo{
		max-width:289px;
	}
	#header.flex .logo {
		max-width:220px;
	}
}
@media screen and (min-width:1540px) {
	#header .container {
		max-width:calc(100% - 120px);
	}
	#header .logo{
		left:60px;
	}
}

.headGroup{
	width:100%;
}

/* ----- topHead ----- */
#topHead {
	width:100%;
	text-align:right;
	z-index:2;
	transition:all 0.4s ease;
}
#topHead .container{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	align-items:center;
}
#header.flex #topHead .container{
	justify-content:flex-end;
}
@media screen and (max-width:990px) {
	#topHead .container{
		width:100%;
		position:relative;
		max-width:100%;
	}
}
@media screen and (min-width:991px) {
	#topHead {
		position:relative;
	}
	.headGroup{
		width:100%;
		height:100%;
		min-height:95px;
		transition:all 0.4s ease;
		display:flex;
		flex-wrap:wrap;
		align-content:flex-start;
		flex-direction:row-reverse;
		justify-content:flex-start;
		box-sizing:border-box;
	}
	#header.flex .headGroup{
		align-content:center;
		min-height:75px;
	}
    #topHead {
		width:100%;
		margin-top:15px;
	}
	#header.flex #topHead {
		margin-top:0;
	}
	#header.flex #topHead #addon {
		display:none;
		transform:translate3d(0, -120px, 0);
		visibility:hidden;
	}
}
@media screen and (min-width:1200px) {
	.headGroup{
		min-height:105px;
	}
}
@media screen and (min-width:1540px) {
	.headGroup{
		width:calc(100% - 320px);
		min-height:115px;
		margin-left:320px;
	}
	#header.flex .headGroup{
		width:calc(100% - 250px);
		min-height:85px;
		margin-left:250px;
	}
	#topHead {
		margin-top:25px;
	}
	#header.flex #topHead {
		margin-top:0;
	}
	#header.flex #topHead #addon {
		transform:translate3d(200px, 15px, 0);
	}
}
/* ----- addon ----- */
#addon{
	width:100%;
	text-align:right;
}
#addon-sp{
	width:100%;padding:0;
	box-sizing:border-box;
	text-align:center;
	background-color:#fff;
}
#addonLink{
	display:flex;flex-wrap:wrap;
	align-items:center;
	justify-content:flex-end;
}
#addonLink > ul {
	display:flex;
	flex-wrap:wrap;
	list-style:none;
}
#addonLink > ul > li {
	position:relative;
	box-sizing:border-box;
	display:flex;
	align-items:center;
	padding:0 10px;
}
#addonLink > ul > li.textsize {
	padding:0;
	margin-left:5px;
}
#addonLink > ul > li a {
	color:#333333;
	font-size:1.5em;
	text-align:center;
	font-weight:bold;
	box-sizing:border-box;
	padding:0;
}
#addonLink > ul > li.textsize a {
	position:relative;
	display:flex;
	align-items:center;
	justify-content:center;
	color:#666666;
	width:30px;
	height:30px;
	font-family:Arial, Helvetica, sans-serif;
	border:1px solid #999999;
	overflow:hidden;
	border-radius:40px;
}
#addonLink > ul > li.textsize a span {
	margin-right:0.25em;
}
#addonLink > ul > li.textsize a sup{
	position:absolute;
	right:0.25em;
	top:35%;
	font-weight:normal;
	font-size:0.818em;
	width:10px;
	height:10px;
	margin-top:-5px;
	display:flex;
	align-items:center;
	justify-content:center;
}
#addonLink > ul > li a:hover,
#addonLink > ul > li a:focus{
	color:#CC4E00;
}
#addonLink > ul > li.textsize a:hover,
#addonLink > ul > li.textsize a:focus{
	border-color:#CC4E00;
}
@media screen and (max-width:990px) {
	#addon-sp {
		width:100%;
	}
	#addon-sp #addonLink > ul {
		width:100%;
		border-top:1px solid #ddd;
	}
	#addonLink > ul > li {
		background:#F4F4F4;
		padding:0;
	}
	#addonLink > ul > li:nth-child(2),
	#addonLink > ul > li:nth-child(3) {
		width:30%;
	}
	#addonLink > ul > li:nth-child(4) {
		width:40%;
	}
	#addonLink > ul > li + li {
		border-left:1px solid #ccc;
	}
	#addonLink > ul > li a {
		display:flex;
		width:100%;
		height:50px;
		font-size:1.7em;
		line-height:125%;
		padding:0 5px;
		align-items:center;
		justify-content:center;
		box-sizing:border-box;
		border-radius:0;
		border:none;
	}
}
@media screen and (max-width:560px) {
	#addonLink > ul > li:nth-child(2),
	#addonLink > ul > li:nth-child(3) {
		width:28%;
	}
	#addonLink > ul > li:nth-child(4) {
		width:44%;
	}
}
@media screen and (min-width:991px) {
	#addon {
		width:auto;
		margin:0 35px 0 0;
	} 
	#addonLink > ul > li::before {
		position:absolute;
		left:0;
		top:50%;
		content:"";
		display:block;
		width:1px;
		height:16px;
		background-image:linear-gradient(to bottom, #ccc 0, #ccc 4px, transparent 4px, transparent 6px, #ccc 6px);
		background-size:1px 6px;
		background-repeat:repeat-y;
		margin-top:-8px;
	}
	#addonLink > ul > li:first-of-type::before,
	#addonLink > ul > li.textsize::before{ display:none;}
}
@media screen and (min-width:1540px) {
}


/* ----- searchZone ----- */
.searchZone {
    position:absolute;
	top:0;right:0;
    width:100%;
    text-align:center;
    margin:0 auto;
}
.searchZone .searchTag {
	position:absolute;
	top:7.5px;
	right:55px;
	display:inline-block;
	box-sizing:border-box;
	z-index:99;
}
.searchZone .searchTag a {
	display:inline-block;
	width:45px;
	height:45px;
	transition:all 0.4s ease;
}
.searchZone .searchTag a span {
	display:flex;
	align-items:center;
	justify-content:center;
	width:100%;
	height:100%;
}
.searchZone .searchTag a span em {
	position:relative;
	width:23px;
	height:23px;
	background:none;
	-webkit-backface-visibility:hidden;
			backface-visibility:hidden;
}
.searchZone .searchTag a.open span em::before {
	content:'';
	position:absolute;
	display:block;
	left:0;
	top:0;
	width:20px;
	height:20px;
	border:2px solid #000;
	box-sizing:border-box;
    -webkit-border-radius:100px;
       -moz-border-radius:100px;
            border-radius:100px;
	-webkit-transition:-webkit-transform .2s;
	        transition:transform .2s;
}
.searchZone .searchTag a.open span em::after {
	position:absolute;
	display:block;
	content:'';
	right:2px;
	bottom:0;
	width:2px;
	height:9px;
	background:#000;
	border-radius:10px;
	transition:transform .2s;
	transform:rotate(-45deg);
}
.searchZone .searchTag a.close {
	display:none;
}
.searchZone .searchTag a.close span em::before,
.searchZone .searchTag a.close span em::after {
	display:block;content:'';
	position:absolute;
	left:50%;
	top:50%;
	width:26px;
	height:2px;
	margin-left:-13px;
	margin-top:-1px;
	border-radius:5px;
	background:#000;
}
.searchZone .searchTag a.close span em::before {
	-webkit-transform:rotate(45deg);
	    -ms-transform:rotate(45deg);
	        transform:rotate(45deg);
}
.searchZone .searchTag a.close span em::after {
	-webkit-transform:rotate(-45deg);
	    -ms-transform:rotate(-45deg);
	        transform:rotate(-45deg);
}
.searchZone .search {
	position:absolute;
	top:60px;
	display:none;
	width:100%;
	padding:20px 0;
	background:linear-gradient(to right, rgba(21,65,153,1) 0%,rgba(33,155,166,1) 99%,rgba(33,155,166,1) 100%);
	box-sizing:border-box;
	z-index:2;
	-webkit-box-shadow:0 5px 10px rgba(0,0,0,0.3);
	   -moz-box-shadow:0 5px 10px rgba(0,0,0,0.3);
			box-shadow:0 5px 10px rgba(0,0,0,0.3);
}
.searchZone form{width:100%;}
.searchZone .box {
	position:relative;
	width:100%;
	background:none;
	box-sizing:border-box;
	margin:0 auto;
	-webkit-transition:.3s;
		    transition:.3s;
	-webkit-transition:all 200ms ease;
			transition:all 200ms ease;
}
.searchZone .search-txt {
	width:100%;
	color:#FFF;
	font-family:"微軟正黑體", Microsoft JhengHei, Helvetica, sans-serif;
	font-size:1.7em;
	line-height:50px;
	padding:0 55px 0 10px;
	border:none;	
	border-bottom:2px solid #FFF;
	box-sizing:border-box;
	background:none;
}
.searchZone .search-txt:focus,
.searchZone .search-txt:hover{
	background-color:rgba(255,255,255,0.15);
}
.searchZone .search-txt[placeholder]{ color:#fff; }
.searchZone .search-txt::-webkit-input-placeholder { color:#fff; }
.searchZone .search-txt:-moz-placeholder { color:#fff; }
.searchZone .search-txt::-moz-placeholder { color:#fff; }
.searchZone .search-txt:-ms-input-placeholder { color:#fff;}
.searchZone .search-btn {
	position:absolute;
	top:0;
	right:0;
	display:block;
	width:50px;
	height:50px;
	font-size:0;
	padding:0;
	margin:0;	
	border:none;
	cursor:pointer;
	background:none;
}
.searchZone .search-btn span {
	float:left;
	width:100%;
	height:100%;
}
.searchZone .search-btn span em {
	position:relative;
	display:block;
	width:26px;
    height:26px;
    margin:12px auto;
	-webkit-backface-visibility:hidden;
			backface-visibility:hidden;
}
.searchZone .search-btn span em::before {
	position:absolute;
	display:block;
	content:'';
	left:0;
	top:0;
	height:20px;
	width:20px;
	border:3px solid #FFF;
	box-sizing:border-box;
    -webkit-border-radius:100px;
       -moz-border-radius:100px;
            border-radius:100px;
}
.searchZone .search-btn span em::after {
	position:absolute;
	display:block;
	content:'';
	left:15px;
	top:18px;
	width:10px;
	height:3px;	
	background:#FFF;
	-webkit-transform:rotate(45deg);
		-ms-transform:rotate(45deg);
			transform:rotate(45deg);
}
.searchZone .search-btn:hover span em::before,
.searchZone .search-btn:focus span em::before {
	border-color:#fff100;
}
.searchZone .search-btn:hover span em::after,
.searchZone .search-btn:focus span em::after {
	background-color:#fff100;
}
.searchZone .keyWd {
	width:100%;
	color:#fff100;
	font-size:1.5em;
	line-height:27px;
	text-align:left;
	margin:10px auto 0 auto;
	box-sizing:border-box;
}
.searchZone .keyWd a {
	display:inline-block;
	color:#FFF;
	text-decoration:none;
	vertical-align:top;
	margin:0 5px 0 0;
}
.searchZone .keyWd a:hover,
.searchZone .keyWd a:focus{
	color:#fff100;
}

@media screen and (max-width:990px) {
	.searchZone .searchTag a{overflow:hidden;}
	.searchZone .searchTag a strong{
		visibility:hidden;
		display:block;
		width:1px; height:1px;
		display:block;
		position:absolute;
	}
	.searchZone .search { padding:20px;}
}
@media screen and (min-width:991px) {
	.searchZone {top:0; right:0;}
	.searchZone .searchTag {top:0; right:0;}
	#header.flex .searchZone .searchTag {top:15px;}
	.searchZone .search {
		padding:16px 0;
		right:-20px;
		top:80px;
		width:100vw;
	}
	#header.flex .searchZone .search{top:75px;}
	.searchZone .search-txt {font-size:2em;}
	.searchZone .keyWd {margin-top:20px;font-size:1.7em;}
	/**/
	.searchZone .searchTag a {
		background:#000000;
		border-radius:100px;
		width:30px;
		height:30px;
		color:#fff;padding:0;
		font-size:1.6em;
		display:flex;
		align-items:center;
		white-space:nowrap;
	}
	#header.flex .searchZone .searchTag a strong{
		visibility:hidden;
		display:block;
		width:1px; height:1px;
		display:block;
		position:absolute;
	}
	#header .searchZone .searchTag a strong{
		width:1px; height:1px;
		display:block;
		overflow:hidden;
		position:absolute;
	}
	.searchZone .searchTag a span em{
		width:14px; height:14px
	}
	.searchZone .searchTag a.open span em::before{
		width:12px; height:12px;
	}
	.searchZone .searchTag a.open span em::after {
		right:1px;height:6px;
		background:#FFF;
	}
	.searchZone .searchTag a.open span em::before {
		border-color:#FFF;
	}
	.searchZone .searchTag a.close span em::before,
	.searchZone .searchTag a.close span em::after {
		width:16px;
		margin-left:-8px;
		background:#FFF;
	}
}
@media screen and (min-width:1200px) {
	.searchZone .searchTag {right:0;}
	#header.flex .searchZone .searchTag {top:17.5px;}
	.searchZone .search {
		top:90px;
	}
	#header.flex .searchZone .search{top:75px;}
}
@media screen and (min-width:1540px) {
	.searchZone .container {max-width:1720px !important;}
	.searchZone .searchTag {top:0;}
	.searchZone .search {
		right:-60px;
	}
}



/** footer **/
#footer {
    position:relative;
    width:100%;
	padding:0;
    margin:0 auto;
}
#footer .footerTop {
    position:relative;
	padding-bottom:19.1vw;
    overflow:hidden;
}
#footer .footerTop .road_bar_set {
    position:absolute;
    bottom:0;
    left:0;
    display:flex;
    justify-content:flex-start;
    -webkit-animation:outro_anim 100s linear infinite;
	   -moz-animation:outro_anim 100s linear infinite;
			animation:outro_anim 100s linear infinite;
    -webkit-animation-fill-mode:both;
	   -moz-animation-fill-mode:both;
			animation-fill-mode:both;
}
#footer .footerTop .road_bar_set.stop {
	animation-play-state:paused;
}
#footer .footerTop .road_bar {
    display:flex;
    justify-content:flex-start;
}
#footer .footerTop .road_bar p {
	display:inline-block;
    width:max-content;
}
#footer .footerTop .road_bar p img {
	width:auto;
	max-width:inherit;
	height:19.1vw;
}
@media screen and (max-width:990px) {
	#footer .footerTop {
		padding-bottom:26vw;
	}
	#footer .footerTop .road_bar p img {
		height:26vw;
	}
}
@media screen and (max-width:560px) {
	#footer .footerTop {
		padding-bottom:34vw;
	}
	#footer .footerTop .road_bar p img {
		height:34vw;
	}
}
@media screen and (min-width:991px) {
}
@media screen and (min-width:1540px) {
	#footer .footerTop {
		padding-bottom:410px;
	}
	#footer .footerTop .road_bar p img {
		height:410px;
	}
}
@-webkit-keyframes outro_anim {
  0% {
    transform:translateX(0%);
  }
  100% {
    transform:translateX(-50%);
  }
}

@-moz-keyframes outro_anim {
  0% {
    transform:translateX(0%);
  }
  100% {
    transform:translateX(-50%);
  }
}
@keyframes outro_anim {
  0% {
    transform:translateX(0%);
  }
  100% {
    transform:translateX(-50%);
  }
}


/* ----- image_control ----- */
.image_control {
    position:absolute;
    top:1px;
    right:20px;
	z-index:1;
}
.image_control .button {
	position:relative;
	display:inline-block;
	width:45px;
	height:45px;
	letter-spacing:0;
	border:none;
	background:rgba(17,47,91,.3);
	cursor:pointer;
	box-sizing:border-box;
	vertical-align:middle;
	padding:0;
    -webkit-border-radius:50%;
	   -moz-border-radius:50%;
			border-radius:50%;
	-webkit-transition:all 0.5s ease;
	   -moz-transition:all 0.5s ease;
	     -o-transition:all 0.5s ease;
	        transition:all 0.5s ease;
}
.image_control .button:hover,
.image_control .button:focus {
	background:#a6323b;
}
.image_control .btn-play {
	display:none;
	-webkit-transform:rotate(90deg);
		-ms-transform:rotate(90deg);
			transform:rotate(90deg);
}
.image_control .btn-play span {
	position:absolute;
	left:50%;
	top:50%;
	display:block;
	width:10px;
	height:10px;
	background-color:#FFF;
	margin:-8px 0 0 -6px;
	-webkit-transform:rotate(-60deg) skewX(-30deg) scale(1,.866);
		-ms-transform:rotate(-60deg) skewX(-30deg) scale(1,.866);
			transform:rotate(-60deg) skewX(-30deg) scale(1,.866);
	-webkit-border-radius:0 40% 0 0;
	   -moz-border-radius:0 40% 0 0;
			border-radius:0 40% 0 0;
}
.image_control .btn-play span:before,
.image_control .btn-play span:after {
	content:'';
	position:absolute;
	display:block;
	width:10px;
	height:10px;
	background-color:inherit;
	-webkit-border-radius:0 40% 0 0;
	   -moz-border-radius:0 40% 0 0;
			border-radius:0 40% 0 0;
}
.image_control .btn-play span:before {
	-webkit-transform:rotate(-135deg) skewX(-45deg) scale(1.414, .707) translate(0,-50%);
		-ms-transform:rotate(-135deg) skewX(-45deg) scale(1.414, .707) translate(0,-50%);
			transform:rotate(-135deg) skewX(-45deg) scale(1.414, .707) translate(0,-50%);
}
.image_control .btn-play span:after {
	-webkit-transform:rotate(135deg) skewY(-45deg) scale(.707, 1.414) translate(50%, 0);
		-ms-transform:rotate(135deg) skewY(-45deg) scale(.707, 1.414) translate(50%, 0);
			transform:rotate(135deg) skewY(-45deg) scale(.707, 1.414) translate(50%, 0);
}
.image_control .btn-stop span:before,
.image_control .btn-stop span:after {
	position:absolute;
	content:"";
    display:block; 
	top:50%;  
	left:50%;
    width:5px;
    height:16px;
	background:#fff;
	margin:-8px 0 0 0;   
    z-index:2;
    -webkit-border-radius:5px;
	   -moz-border-radius:5px;
			border-radius:5px;
	-webkit-transition:all 0.5s ease;
	   -moz-transition:all 0.5s ease;
	     -o-transition:all 0.5s ease;
	        transition:all 0.5s ease;
}
.image_control .btn-stop span:before {
	margin-left:-7px;
}
.image_control .btn-stop span:after {
	margin-left:3px;
}
@media screen and (min-width:991px) {
	.image_control {
		right:40px;
	}
}
@media screen and (min-width:1200px) {
	.image_control {
		top:5px;
		right:50%;
		margin-right:-600px;
	}
}
@media screen and (min-width:1540px) {
	.image_control {
		right:50%;
		margin-right:-720px;
	}
}


/* ----- fat-nav ----- */
.fat-nav {
    position:relative;
	width:100%;
	padding:30px 0 0 0;
	margin:0 auto;	
	background:#0f367a;
}
.fat-nav:before {
	display:block;
	content:"";
	position:absolute;
	bottom:100%;
	left:0;
	width:100vw;
	height:59.4vw;
	background:url(../images/footer-bg.png) no-repeat 50% 50%;
	background-size:cover;
	z-index:-1;
}
.fat-nav .container {
	max-width:1440px;
}
.fat-nav .container > ul {
	display:flex;
	flex-wrap:wrap;
    list-style:none;
	letter-spacing:-9px;
    margin:0 -10px;	
}
.fat-nav .container > ul > li {
	display:inline-block;
    width:calc(100% / 6);
	letter-spacing:0;
    padding:0 10px;
    box-sizing:border-box;
	vertical-align:top;
}
.fat-nav .container > ul > li > a {
	position:relative;
	display:inline-block;
	color:#FFF;
	font-family:"PingFang TC Semibold", "微軟雅黑", "Microsoft YaHei";
	font-size:1.9em;
    font-weight:bold;
	line-height:130%;
}
.fat-nav .container > ul > li > a:hover,
.fat-nav .container > ul > li > a:focus {
	color:#fff100;
}
.fat-nav .container > ul > li > ul {
    list-style:none;
}
.fat-nav .container > ul > li > ul > li {
    margin-top:10px;
}
.fat-nav .container > ul > li > ul > li > a {
    position:relative;
	display:inline-block;
	color:#81baeb;
    font-size:1.5em;
	font-weight:bold;
    line-height:130%;
	padding-left:15px;
    box-sizing:border-box;
}
.fat-nav .container > ul > li > ul > li a:hover,
.fat-nav .container > ul > li > ul > li a:focus {
    color:#fff100;
}
.fat-nav .container > ul > li > ul > li > a:before {
	content:"";
    position:absolute;
    display:block;
    left:0px;
    top:8px;
    width:7px;
    height:7px;
    border-right:2px solid #81baeb;
    border-top:2px solid #81baeb;
    box-sizing:border-box;
    transform:rotate(45deg);
    transition:all 0.5s ease;
}
.fat-nav .container > ul > li > ul > li a:hover:before,
.fat-nav .container > ul > li > ul > li a:focus:before {
    border-color:#fff100;
}
.fat-nav .container > ul > li > ul > li > a.dropBtn:before {
	display:none;
}
.fat-nav .container > ul > li > ul > li > a.dropBtn span {
	position:absolute;
	left:0;
	top:0;
}
.fat-nav .container > ul > li > ul > li > a.dropBtn span:before,
.fat-nav .container > ul > li > ul > li > a.dropBtn span:after {
	content:"";
	position:absolute;
	display:block;
	width:10px;
	height:2px;
	top:10px;
	left:0;
	border:none;
	background-color:#81baeb;
	-webkit-transition:all 0.5s ease;
	   -moz-transition:all 0.5s ease;
	     -o-transition:all 0.5s ease;
	        transition:all 0.5s ease;
}
.fat-nav .container > ul > li > ul > li > a.dropBtn span:after {
	-webkit-transform:rotate(90deg);
	    -ms-transform:rotate(90deg);
			transform:rotate(90deg);
}
.fat-nav .container > ul > li > ul > li > a.dropBtn.open span:before,
.fat-nav .container > ul > li > ul > li > a.dropBtn.open span:after {
	left:-0.5px;
	width:11px;
}
.fat-nav .container > ul > li > ul > li > a.dropBtn.open span:before {
	-webkit-transform:rotate(135deg);
		-ms-transform:rotate(135deg);
			transform:rotate(135deg);
}
.fat-nav .container > ul > li > ul > li > a.dropBtn.open span:after {
	-webkit-transform:rotate(225deg);
		-ms-transform:rotate(225deg);
			transform:rotate(225deg);
}
.fat-nav .container > ul > li > ul > li > a.dropBtn:hover span:before,
.fat-nav .container > ul > li > ul > li > a.dropBtn:focus span:before,
.fat-nav .container > ul > li > ul > li > a.dropBtn:hover span:after,
.fat-nav .container > ul > li > ul > li > a.dropBtn:focus span:after {
	background-color:#fff100;
}
.fat-nav .container > ul > li > ul > li > a.link:after,
.fat-nav .container > ul > li > ul > li > a.download:after {
	content:"";
	display:inline-block;
	width:13px;
	height:13px;
	border:0;
	margin-left:7px;
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:cover;
	background-color:#fff;
	opacity:.5;
	-webkit-mask-size:100% 100%;
			mask-size:100% 100%;
	-webkit-transform:rotate(0deg);
		-ms-transform:rotate(0deg);
			transform:rotate(0deg);
	-webkit-transition:all 0.5s;
	   -moz-transition:all 0.5s;    
		 -o-transition:all 0.5s;
			transition:all 0.5s;
}
.fat-nav .container > ul > li > ul > li > a.link:after {
	-webkit-mask-image:url(../images/nav-icon-link.svg);
			mask-image:url(../images/nav-icon-link.svg);
}
.fat-nav .container > ul > li > ul > li > a.download:after {
	-webkit-mask-image:url(../images/nav-icon-download.svg);
			mask-image:url(../images/nav-icon-download.svg);
}
.fat-nav .container > ul > li > ul > li > a.link:hover:after,
.fat-nav .container > ul > li > ul > li > a.link:focus:after,
.fat-nav .container > ul > li > ul > li > a.download:hover:after,
.fat-nav .container > ul > li > ul > li > a.download:focus:after {
	background-color:#fff100;
}
.fat-nav .container > ul > li > ul > li > ul {
	list-style:none;
	height:0;
	padding-left:15px;
	visibility:hidden;
	opacity:0;
	overflow:hidden;
}
.fat-nav .container > ul > li > ul > li > ul.focu-show {
	height:inherit;
	opacity:1;
	visibility:visible;
	overflow:inherit;
}
.fat-nav .container > ul > li > ul > li > ul > li {	
	margin-top:10px;
}
.fat-nav .container > ul > li > ul > li > ul > li > a {
	position:relative;
	display:block;
	color:#81baeb;
	font-size:1.7em;
	line-height:125%;
	padding-left:1em;
}
.fat-nav .container > ul > li > ul > li > ul > li > a:before {
	content:'';
	display:block;
	position:absolute;
	left:3px;
	top:9px;
	width:6px;
	height:2px;	
	background:#81baeb;
	visibility:visible;
	-webkit-transition:all 0.5s ease;
	   -moz-transition:all 0.5s ease;
	     -o-transition:all 0.5s ease;
	        transition:all 0.5s ease;
}
.fat-nav .container > ul > li > ul > li > ul > li > a:hover,
.fat-nav .container > ul > li > ul > li > ul > li > a:focus {
	color:#fff100;
}
.fat-nav .container > ul > li > ul > li > ul > li > a:hover:before,
.fat-nav .container > ul > li > ul > li > ul > li > a:focus:before {
	background:#fff100;
}
.fat-nav .container > ul > li > ul > li > ul > li > a.link:after,
.fat-nav .container > ul > li > ul > li > ul > li > a.download:after {
	content:"";
	display:inline-block;
	width:13px;
	height:13px;
	border:0;
	margin-left:7px;
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:cover;
	background-color:#fff;
	opacity:.5;
	-webkit-mask-size:100% 100%;
			mask-size:100% 100%;
	-webkit-transform:rotate(0deg);
		-ms-transform:rotate(0deg);
			transform:rotate(0deg);
	-webkit-transition:all 0.5s;
	   -moz-transition:all 0.5s;    
		 -o-transition:all 0.5s;
			transition:all 0.5s;
}
.fat-nav .container > ul > li > ul > li > ul > li > a.link:after {
	-webkit-mask-image:url(../images/nav-icon-link.svg);
			mask-image:url(../images/nav-icon-link.svg);
}
.fat-nav .container > ul > li > ul > li > ul > li > a.download:after {
	-webkit-mask-image:url(../images/nav-icon-download.svg);
			mask-image:url(../images/nav-icon-download.svg);
}
.fat-nav .container > ul > li > ul > li > ul > li > a.link:hover:after,
.fat-nav .container > ul > li > ul > li > ul > li > a.link:focus:after,
.fat-nav .container > ul > li > ul > li > ul > li > a.download:hover:after,
.fat-nav .container > ul > li > ul > li > ul > li > a.download:focus:after {
	background-color:#fff100;
}
@media screen and (max-width:990px) {
	.fat-nav .container > ul{
		margin:-15px -10px;
	}
	.fat-nav .container > ul > li {
		width:25%;
		padding:15px 10px;
	}
}
@media screen and (max-width:560px) {
	.fat-nav .container > ul > li {
		width:50%;
	}
}
@media screen and (min-width:991px) {
}
@media screen and (min-width:1200px) {
	.fat-nav {
		padding:40px 0 0 0;
	}
	.fat-nav .container > ul {
		margin:0 -15px;
	}
	.fat-nav .container > ul > li {
		padding:0 15px;
	}
	.fat-nav .container > ul > li > a {
		font-size:2.3em;
	}
	.fat-nav .container > ul > li > ul > li > a {
		font-size:1.7em;
	}
}
@media screen and (min-width:1540px) {
	.fat-nav {
		padding:50px 0 0 0;
	}
}


/* ----- add_info ----- */
.add_info {
	position:relative;
	display:flex;
	width:100%;	
	flex-direction:row;
	justify-content:space-between;
	align-items:center;
	padding:20px 0 25px 0;
	border-top:2px dotted rgba(255,255,255,.75);
	margin:40px auto 0 auto;
}
.add_info dl {
	width:100%;	
}
.add_info dl dt {
	color:#FFF;
	font-family:"PingFang TC Semibold", "微软雅黑", "Microsoft YaHei";
	font-size:1.7em;
	line-height:155%;
	font-weight:bold;
}
.add_info dl dd {
	max-width:calc(100% - 165px);
	color:#FFF;
	font-size:1.5em;
	line-height:155%;
}
.add_info dl dd span {
	display:inline-block;
	margin:5px 15px 0 0;
	vertical-align:middle;
}
.add_info dl dd span:last-child {
	margin-right:0;
}
.add_info dl dd a.btn {
	display:inline-block;
	color:#0f367a;
	font-weight:bold;
	line-height:100%;
	padding:5px 10px 5px 8px;
	background:#81baeb;
	box-sizing:border-box;
	margin:0 5px;
	-webkit-border-radius:12.5px;
	   -moz-border-radius:12.5px;
            border-radius:12.5px;
}
.add_info dl dd a.btn:hover,
.add_info dl dd a.btn:focus {
	background:#fff100;
}
.add_info dl dd a.btn em {
	position:relative;
	display:inline-block;
	font-style:normal;
	padding-left:18px;
}
.add_info dl dd a.btn em:before {
	position:absolute;
	content:"";
	left:0px;
	top:50%;
	display:block;   
	width:15px;
	height:15px;
	margin-top:-7.5px;
	background-color:#0f367a;
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:cover;
    -webkit-mask-size:100% 100%;
			mask-size:100% 100%;
	-webkit-mask-image:url(../images/icon-tel.svg);
			mask-image:url(../images/icon-tel.svg);
}
.add_info .logo {
	position:absolute;
	right:0;
	bottom:25px;
}
.add_info .logo a {
	display:inline-block;
}
.add_info .logo a + a {
	margin-left:10px;
}
.add_info .logo a + a img {
	filter:drop-shadow(1px 1px 1px rgba(255,255,255,.9));
}
@media screen and (max-width:990px) {
	.add_info dl dd {
		max-width:calc(100% - 105px);
	}
}
@media screen and (max-width:768px) {
	.add_info {
		flex-direction:column;
		align-items:flex-start;
	}
	.add_info dl dd {
		max-width:100%;
	}
	.add_info .logo {
		position:relative;
		right:inherit;
		bottom:inherit;
		margin-top:10px;
	}
}
@media screen and (max-width:560px) {
	.add_info {
		padding:20px 0;
	}
	.add_info dl dd a.btn {
		max-width:calc(100% - 3em);
		vertical-align: middle;
		margin:5px;
	}
}
@media screen and (min-width:991px) {
	.add_info {
		padding:25px 0 30px 0;
	}
	.add_info .logo {
		bottom:30px;
	}
}


/* ----- fotBot ----- */
.fotBot {
    width:100%;
	padding:20px 0;
    margin:0 auto;
	background:#0a2655;
}
.fotBot .container {
	display:flex;
	max-width:1440px;
    justify-content:space-between;
}
.fotBot .accessibility {
	display:flex;
	justify-content:flex-start;
	align-items:center;
}
.fotBot .accessibility .mark {
	display:inline-block;
}
.fotBot .accessibility .mark a {
	display:inline-block;
}
.fotBot .accessibility .wd {
	display:inline-block;
	max-width:calc(100% - 103px);
	color:#ffffff;
	font-size:1.5em;
	line-height:165%;
	margin-left:15px;
}
.fotBot .accessibility .wd span {
	position:relative;
	display:inline-block;
	vertical-align:top;
	margin-right:30px;
}
.fotBot .accessibility .wd span:last-child {
	margin-right:0;
}
.fotBot .accessibility .wd span:after {
	position:absolute;
	content:"";
	right:-16px;
	top:4px;
	display:block;   
	width:1px;
	height:17px;
	border-left:1px dashed rgba(255,255,255,1);
}
.fotBot .accessibility .wd span:last-child:after {
	display:none;
}
.fotBot .accessibility .wd a {
	display:inline-block;
	color:#ffffff;
	vertical-align:top;
}
.fotBot .accessibility .wd a:hover,
.fotBot .accessibility .wd a:focus {
    color:#fff100;
}
.fotBot .follow {
	display:flex;
	align-items:center;
}
.fotBot .follow p {
	display:inline-block;
	color:#ffffff;
	font-size:1.5em;
	margin-right:10px;
}
.fotBot .follow ul {
	list-style:none;
	letter-spacing:-9px;
}
.fotBot .follow li {
	display:inline-block;
	letter-spacing:0;
}
.fotBot .follow li + li {
	margin-left:10px;
}
.fotBot .follow a {
	position:relative;
	display:block;
	width:45px;
	height:45px;
	background:#fff;
	-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;
}
.fotBot .follow a:before {
	content:"";
	display:block;
	position:absolute;
	top:50%;
	left:50%;
	width:25px;
	height:25px;
	margin:-12.5px 0 0 -12.5px;
	background-color:#0f367a;
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:cover;
    -webkit-mask-size:100% 100%;
			mask-size:100% 100%;
	-webkit-transition:all 0.5s ease;
	   -moz-transition:all 0.5s ease;
	     -o-transition:all 0.5s ease;
	        transition:all 0.5s ease;
}
.fotBot .follow a.icon-fb:before {
	-webkit-mask-image:url(../images/icon-FB.svg);
			mask-image:url(../images/icon-FB.svg);
}
.fotBot .follow a.icon-ig:before {
	-webkit-mask-image:url(../images/icon-IG.svg);
			mask-image:url(../images/icon-IG.svg);
}
.fotBot .follow a.icon-yt:before {
	-webkit-mask-image:url(../images/icon-Youtube.svg);
			mask-image:url(../images/icon-Youtube.svg);
}
.fotBot .follow a:hover,
.fotBot .follow a:focus {
    -webkit-transform:rotate(360deg);
		-ms-transform:rotate(360deg);
			transform:rotate(360deg);
}
.fotBot .follow a.icon-fb:hover,
.fotBot .follow a.icon-fb:focus {
	background:rgba(8,102,255,1);
}
.fotBot .follow a.icon-yt:hover,
.fotBot .follow a.icon-yt:focus {
	background:#e60012;
}
.fotBot .follow a.icon-ig:hover,
.fotBot .follow a.icon-ig:focus {
	background:#ffd321; 
	background:-moz-linear-gradient(45deg, #ffd321 20%, #e6683c 35%, #f20006 50%, #ba00b2 80%); 
	background:-webkit-linear-gradient(45deg, #ffd321 20%,#e6683c 35%,#f20006 50%,#ba00b2 80%); 
	background:linear-gradient(45deg, #ffd321 20%,#e6683c 35%,#f20006 50%,#ba00b2 80%); 
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd321', endColorstr='#ba00b2',GradientType=1 );
}
.fotBot .follow a:hover:before,
.fotBot .follow a:focus:before {
    background-color:#fff;
}
@media screen and (max-width:990px) {
	.fotBot .container {
		flex-direction:column;
	}
	.fotBot .follow {
		margin-top:10px;
	}
}
@media screen and (max-width:768px) {
	.add_info {
		flex-direction:column;
		align-items:flex-start;
	}
	.fotBot .accessibility {
		flex-direction:column;
		align-items:flex-start;
	}
	.fotBot .accessibility .wd {
		max-width:100%;
		margin:10px 0 0 0;
	}
	.add_info dl dd {
		max-width:100%;
	}
	.add_info .logo {
		position:relative;
		right:inherit;
		bottom:inherit;
		margin-top:10px;
	}
}
@media screen and (min-width:991px) {
	.fotBot .accessibility {
		max-width:calc(100% - 240px);
	}
}
@media screen and (min-width:1280px) {
}


/* gMenu */
#gMenu {
	position:fixed;
	right:20px;
	bottom:20px;
	display:flex;
	flex-direction:column;
    align-items:flex-end;
	z-index:90;
}


/* ----- tailShare ----- */
.tailShare {
	display:flex;
	width:45px;
	text-align:center;
	flex-direction:column-reverse;
    align-items:center;
	margin-top:10px;
	z-index:90;
}

/* ----- tailshareBtn ----- */
.tailshareBtn {
	position:relative;
	display:none;
}
.tailshareBtn > a {
	position:relative;
	display:block;
	width:45px;
	height:45px;
	overflow:hidden;
	background:#2953a6;
	border-radius:100%;
}
.tailshareBtn > a.open:before {
	content:"";
	display:block;
	position:absolute;
	top:50%;
	left:50%;
	width:19px;
	height:19px;
	margin:-9.5px 0 0 -9.5px;
	background:url(../images/icon-share.svg) 50% 50% no-repeat;
	background-size:cover;
}
.tailshareBtn > a.close:before,
.tailshareBtn > a.close:after {
	content:"";
	position:absolute;
	display:block;
	width:2px;
	height:20px;
	top:50%;
	left:50%;
	border:none;
	margin:-10px 0 0 -1px;
	background-color:#FFF;
	-webkit-border-radius:50px;
	   -moz-border-radius:50px;
			border-radius:50px;
	-webkit-transform:rotate(45deg);
	   -moz-transform:rotate(45deg);
        -ms-transform:rotate(45deg);
         -o-transform:rotate(45deg);
            transform:rotate(45deg);
}
.tailshareBtn > a.close:after {
	-webkit-transform:rotate(-45deg);
	   -moz-transform:rotate(-45deg);
        -ms-transform:rotate(-45deg);
         -o-transform:rotate(-45deg);
            transform:rotate(-45deg);
}
.tailshareBtn > a span {
	position:relative;
	display:block;
	color:#FFF;
	font-size:1.2em;
	text-align:center;
	padding-top:32px;
}
.tailShare .tailshareMenu {
	display:none;
}
.tailShare .tailshareMenu ul {
	width:45px;
	list-style:none;
	letter-spacing:-9px;
}
.tailShare .tailshareMenu li {
	display:inline-block;
	letter-spacing:0;
	margin-bottom:5px;
}
.tailShare .tailshareMenu a {
	position:relative;
	display:block;
	width:45px;
	height:45px;
	text-align:left;
	text-indent:-999px;
	overflow:hidden;
	-webkit-border-radius:100%;
	   -moz-border-radius:100%;
			border-radius:100%;
}
.tailShare .tailshareMenu a:before {
	content:"";
	display:block;
	position:absolute;
	top:50%;
	left:50%;
	width:25px;
	height:25px;
	margin:-12.5px 0 0 -12.5px;
	background-size:100% auto;
	-webkit-transition:all 0.3s ease;
	   -moz-transition:all 0.3s ease;
	     -o-transition:all 0.3s ease;
	        transition:all 0.3s ease;
}
.tailShare .tailshareMenu a.icon-fb {
	background-color:rgba(8,102,255,1);
}
.tailShare .tailshareMenu a.icon-fb:before {
	background-image:url(../images/icon-FB.svg);
}
.tailShare .tailshareMenu a.icon-twitter {
	background-color:#000;
}
.tailShare .tailshareMenu a.icon-twitter:before {
	background-image:url(../images/icon-Twitter-X.svg);
}
.tailShare .tailshareMenu a.icon-line {
	background-color:rgba(1,185,1,1);
}
.tailShare .tailshareMenu a.icon-line:before {
	background-image:url(../images/icon-LINE.svg);
}
.tailShare .tailshareMenu a:hover:before {
    -webkit-transform:rotate(360deg);
		-ms-transform:rotate(360deg);
			transform:rotate(360deg);
}
@media screen and (min-width:991px) {
	.tailShare {width:50px;}
	.tailshareBtn > a {
		width:50px;
		height:50px;
	}
	.tailshareBtn > a.open:before {
		width:21px;
		height:21px;
		margin:-10.5px 0 0 -10.5px;
	}
	.tailshareBtn > a.close:before,
	.tailshareBtn > a.close:after {
		height:24px;
		margin:-12px 0 0 -1px;
	}
	.tailShare .tailshareMenu {
		bottom:50px;
	}
	.tailShare .tailshareMenu ul {
		width:50px;
	}
	.tailShare .tailshareMenu a {
		width:50px;
		height:50px;
	}
	.tailShare .tailshareMenu a:before {
		width:30px;
		height:30px;
		margin:-15px 0 0 -15px;
	}
}


/* ----- goTop ----- */
.goTop {
	display:none;
	width:45px;
	margin-top:5px;
}
.goTop a {
	position:relative;
	display:block;
	width:45px;
	height:45px;
	overflow:hidden;
	background:#db4f09;
	margin:0 auto;
	-webkit-border-radius:100%;
	   -moz-border-radius:100%;
			border-radius:100%;
}
.goTop a:hover,
.goTop a:focus {
	background:#a6323b;
}
.goTop a::before {
	content:"";
	display:block;
	position:absolute;
	top:50%;
	left:50%;
	width:21px;
	height:21px;
	margin:-10.5px 0 0 -10.5px;
	background:url(../images/icon-top.svg) 50% 50% no-repeat;
	background-size:cover;
}
@media screen and (min-width:991px) {
	.goTop {width:50px;}
	.goTop a {
		width:50px;
		height:50px;
	}
}


/* ----- google套用全站搜尋 ----- */
#___gcse_0 {
	width:100%;
}
.gsc-search-box {
	margin:0 !important;
	border:1px solid #D1D5DB;
	-webkit-border-radius:10px;
	   -moz-border-radius:10px;
			border-radius:10px;
}
.homeSearch .gsc-search-box {
	border:none;
}
.gsc-control-cse {
	padding:0 !important;
}
.gsc-input-box {
    border:none !important;
    background:none !important;
}
.gsc-search-box .gsib_a {
	padding:0;
}
.gsc-search-box .gsib_b {
	position:relative;
}
.gsc-search-box .gsst_b {
	position:absolute;
	right:55px;
	top:50%;
	margin-top:-13.5px;
}
.gsc-search-box tr {
	position:relative;
}
.gsc-search-box td.gsc-input {
	padding-right:0 !important;
}
.gsc-search-box input.gsc-input {
	font-family:"微軟正黑體", Microsoft JhengHei, Helvetica, sans-serif;
	font-size:1.2rem;
	line-height:45px;
	padding:0 90px 0 15px !important;
	background-position:15px center !important;
	border:none !important;
	box-sizing:border-box;
	vertical-align:top;
	-webkit-border-radius:10px;
	   -moz-border-radius:10px;
			border-radius:10px;
}
.homeSearch .gsc-search-box input.gsc-input {
	border:3px solid #1f64aa !important;
}
.gsc-search-box input.gsc-input:focus {
	outline:1px dashed #FF6600 !important;
}
.gsc-search-box .gsc-search-button {
	position:absolute;
	right:0;
	top:0;
	display:inline-block;
	margin:0;
}
.gsc-search-box .gsc-search-button-v2 {
	width:45px;
	height:45px;
	padding:0;
	margin-right:0;
	border:0;
	border-radius:0;
	background:#FFF;
	cursor:pointer;
	-webkit-border-radius:0 10px 10px 0;
	   -moz-border-radius:0 10px 10px 0;
			border-radius:0 10px 10px 0;
}
.gsc-search-box .gsc-search-button-v2:hover,
.gsc-search-box .gsc-search-button-v2:focus {
	background:#FFF;
}
.homeSearch .gsc-search-box .gsc-search-button-v2 {
	background:linear-gradient(90deg, #1f64aa 0%, #00998a 100%);
    -webkit-border-radius:15px;
       -moz-border-radius:15px;
            border-radius:15px;
}
.homeSearch .gsc-search-box .gsc-search-button-v2:hover,
.homeSearch .gsc-search-box .gsc-search-button-v2:focus {
	background:linear-gradient(90deg, #1f64aa 0%, #164778 100%);
}
.gsc-search-box .gsc-search-button-v2 svg {
	width:50%;
	height:50%;
	fill:#000;
}
.homeSearch .gsc-search-box .gsc-search-button-v2 svg {
	fill:#fff !important;
}
.gsc-search-box .gsc-search-button-v2:hover svg,
.gsc-search-box .gsc-search-button-v2:focus svg {
	fill:#A40000;
}

.gs-title {
	line-height:normal;
}
.gs-snippet b,
.gs-title b {
	color:#c40000 !important;
    padding:2px 3px;
    background-color:#fff766 !important;
}
@media screen and (min-width:1200px) {
	.gsc-search-box input.gsc-input {
		line-height:50px;
	}
	.gsc-search-box .gsc-search-button-v2 {
		width:50px;
		height:50px;
	}
}
@media screen and (min-width:1540px) {
	.homeSearch .gsc-search-box input.gsc-input {
		line-height:54px;
		-webkit-border-radius:20px;
		   -moz-border-radius:20px;
				border-radius:20px;
	}
	.homeSearch .gsc-search-box .gsc-search-button-v2 {
		width:60px;
		height:60px;
		-webkit-border-radius:20px;
		   -moz-border-radius:20px;
				border-radius:20px;
	}
}


/*PRINT*/
@media print {
	body {
		margin:0!important;
		padding:0!important;
	}
	h1, h2, h3, h4, h5, h6 {
		page-break-after:avoid;
		page-break-inside:avoid;
	}
	blockquote, table, pre {
		page-break-inside:avoid;
	}
	ul, ol, dl {
		page-break-before:avoid;
	}
	img {
		max-width:100%!important;
		page-break-inside:avoid;
	}
	#addon,
	#navMenu,
	.searchZone,
	.donate,
	.fatfooter .trigger,
	.fatfooter .fat-nav,
	.faqHelper,
	#gMenu {
		display:none!important;
	}
	#wrapper {
		padding-top:60px;
		background:none!important;
	}
	#header,#header.sp-flex{
		position:relative!important;
		background:#FFFFFF!important;
	}
	#footer {
		padding:20px!important;
	} 
	.add_info {
		padding:0!important;
		margin:0 auto;
	}
}

@page {
	size:A4 portrait; /*a4尺寸 直式 */
    margin:1cm; /*邊距1公分 */
    orphans:2; /*頁面最後一段段落行數，預設值為2 */
    widows:2; /*頁面第一段段落行數，預設值為2 */
}