@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+TC:wght@200;300;400;500;600;700;900&display=swap');

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%;
}
body.font-size-s {
    font-size:56.3%;
}
body.font-size-l {
	font-size:68.8%;
}
/* 修正粗體 */
@font-face {
    font-family:"微軟正黑體修正";
    unicode-range:U+7db0, U+78A7, U+7B75; /* ASCII (碧筵綰) */
    font-style:normal;
    font-weight:bold;
    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;
    src:local("微軟正黑體");
}
a {
	color:#468C00;
	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:#A40000;
	text-decoration:none;	
}
a,
button,
textarea,
select,
input {
    -webkit-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 ----- */
.font-orange{ color:#f68b10;}
.font-green{ color: #5aae08;}
.font-Seo14,
.font-Seo14:hover,
.font-Seo14:focus,
.font-Seo14:active{ color:#000;text-decoration:none;cursor:text; }

/** 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;
}
.container {
    width:100%;
    margin:0 auto;
}
@media screen and (max-width:990px) {
    .pc-mode {
        display:none !important;
    }
    .container {
        width:calc(100% - 40px);
    }
}
@media screen and (min-width:991px) {
    .sp-mode {
        display:none !important;
    }
    .container {
         width:calc(100% - 140px);
    }
}
@media screen and (min-width:1200px) {
    .container {
        width:calc(100% - 150px);
    }
}
@media screen and (min-width:1920px) {
	.container {
        width:calc(100% - (100vw - 1720px));
    }
}

 
/** header **/
#header {
	position:relative;
	display:block;
	width:100%;
	min-height:60px;
	background:#FFF;
	margin:0 auto;
	box-sizing:border-box;
	z-index:99;
	-webkit-transition:all 0.5s;
	   -moz-transition:all 0.5s;    
		 -o-transition:all 0.5s;
			transition:all 0.5s;
}
#header.sp-flex {
	position:absolute;
    left:0;
    top:0;
}
#header.sp-flex.flex {
     position:fixed;
		-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);
}
#header .logo {
	position:absolute;
	left:15px;
	top:10px;
	z-index:99;
}
#header .logo a {
	display:block;
	width:230px;
	height:40px;
	background:url(../images/logo.png) no-repeat 0 50%;
	background-size:auto 40px;
}
@media screen and (min-width:991px) {
	#header {
		min-height:100px;
	}
	#header.flex {
		position:fixed;
		left:0;
		top:0;
		min-height:60px;
		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 {
		left:20px;
		top:25px;
	}
	#header.flex .logo {
		top:15px;
	}
	#header .logo a {
		width:287px;
		height:50px;
		background-size:auto 50px;
	}
	#header.flex .logo a {
		width:230px;
		height:40px;
		background-size:auto 40px;
	}
}
@media screen and (min-width:1200px) {
	#header.flex {
		min-height:80px;
	}
	#header.flex .logo {
		top:20px;
	}
}
@media screen and (min-width:1440px) {
	#header {
		min-height:120px;
	}
	#header.flex {
		min-height:100px;
	}
	#header .logo {
		top:30px;
	}
	#header.flex .logo {
		top:25px;
	}
	#header .logo a {
		width:345px;
		height:60px;
		background-size:auto 60px;
	}
	#header.flex .logo a {
		width:287px;
		height:50px;
		background-size:auto 50px;
	}
}
@media screen and (min-width:1920px) {
	#header .logo {
		top:25px;
		left:50px;
	}
	#header .logo a {
		width:402px;
		height:70px;
		background-size:auto 70px;
	}
}

 
/* ----- topHead ----- */
#topHead {
    position:relative;
	width:100%;
	text-align:right;
	z-index:99;
}
@media screen and (min-width:991px) {
    #topHead {
		position:absolute;
		top:15px;
		right:60px;
		display:inline-block;
		width:auto;
		vertical-align:middle;
	}
	#header.flex #topHead {
		display:none;
	}
}
@media screen and (min-width:1200px) {
    #topHead {
		top:35px;
		right:70px;
	}
	#header.flex #topHead {
		display:block;
		top:25px;
	}
}
@media screen and (min-width:1440px) {
    #topHead {
		top:45px;
		right:80px;
	}
	#header.flex #topHead {
		top:35px;
	}
}
@media screen and (min-width:1920px) {
    #topHead {
		right:110px;
	}
}


/* ----- addon ----- */
#addon {
	display:inline-block;
	text-align:right;
	margin:0 auto;
}
#addon > ul {
	list-style:none;
	letter-spacing:-9px;
	margin:0 -5px;
}
#addon > ul > li {
	display:inline-block;
	color:#000;
	text-align:left;
	letter-spacing:0;
	padding:0 5px;
}
#addon > ul > li > a {
	position:relative;
	display:block;
	width:30px;
	height:30px;
	text-indent:-999px;
	overflow:hidden;
	box-sizing:border-box;
	vertical-align:top;
}
#addon > ul > li > a:hover,
#addon > ul > li > a:focus {
	color:#A40000;
}
#addon > ul > li > a::before {
	position:absolute;
	left:4px;
	top:4px;
	content:"";
	display:block;
	width:22px;
	height:22px;
	background-color:#000;
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:cover;
    -webkit-mask-size:100% 100%;
			mask-size:100% 100%;
}
#addon > ul > li > a:hover::before,
#addon > ul > li > a:focus::before {
	background-color:#1e7a21;
}
#addon > ul > li > a.sitemap::before {
	-webkit-mask-image:url(../images/icon-sitemap.svg);
			mask-image:url(../images/icon-sitemap.svg);
}
#addon > ul > li > a.contact::before {
	-webkit-mask-image:url(../images/icon-contact.svg);
			mask-image:url(../images/icon-contact.svg);
}
#addon > ul > li > a.language::before {
	-webkit-mask-image:url(../images/icon-language.svg);
			mask-image:url(../images/icon-language.svg);
}
@media screen and (min-width:1200px) {
	#addon > ul {
		margin:0 -10px;
	}
	#addon > ul > li {
		padding:0 10px;
	}
	#addon > ul > li > a::before {
		left:0;
		top:0;
		width:100%;
		height:100%;
	}
}
@media screen and (min-width:1440px) {
	#addon > ul {
		margin:0 -15px;
	}
	#addon > ul > li {
		padding:0 15px;
	}
}


/* ----- addon-sp ----- */
#addon-sp {
    width:100%;
	width:100%;
	background:#282828;
}
#addon-sp > ul {
    letter-spacing:-9px;
    list-style:none;
}
#addon-sp > ul > li {
    display:inline-block;
	width:25%;
	letter-spacing:0px;
	box-sizing:border-box;
	vertical-align:top;
}
#addon-sp > ul > li.lang_area {
	width:50%;
	border:none;
}
#addon-sp > ul > li + li {
	border-left:1px solid rgba(255, 255, 255, 0.3);
}
#addon-sp > ul > li a {
	display:block;
    width:100%;
    height:100%;
    color:#FFF;
    font-size:1.5em;
    text-align:center;
    vertical-align:middle;
    padding:17px 5px;
    box-sizing:border-box;
}
#addon-sp > ul > li a:hover,
#addon-sp > ul > li a:focus {
    color:#f2f230
}
#addon-sp > ul > li > a.language {
	display:none;
}
#addon-sp > ul > li > a span {
	position:relative;
	display:inline-block;
	padding-left:25px;
}
#addon-sp > ul > li > a span::before {
	position:absolute;
	left:0;
	top:50%;
	content:"";
	display:block;
	width:20px;
	height:20px;
	margin-top:-10px;
	background-color:#FFF;
	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;
}
#addon-sp > ul > li > a.sitemap span::before {
	-webkit-mask-image:url(../images/icon-sitemap.svg);
			mask-image:url(../images/icon-sitemap.svg);
}
#addon-sp > ul > li > a.contact span::before {
	-webkit-mask-image:url(../images/icon-contact.svg);
			mask-image:url(../images/icon-contact.svg);
}
#addon-sp > ul > li > a:hover span::before,
#addon-sp > ul > li > a:focus span::before {
	background-color:#f2f230;
}
@media screen and (max-width:420px) {
	#addon-sp > ul > li > a span {
		padding:25px 0 0 0;
    }
	#addon-sp > ul > li > a span::before {
		left:50%;
		top:0;
		margin:0 0 0 -10px;
	}
}


/* ----- lang_area ----- */
.lang_area {
    position:relative;
}
.lang_area .lanNav {
	display:block;
}
.lang_area .lanNav li {
	list-style:none;
	box-sizing:border-box;
}
.lang_area .lanNav li a {
    display:block;
    height:inherit;
    width:100%;
    font-size:1.5em;
    color:#999;
    text-align:center;
}
.lang_area .lanNav li a:hover,
.lang_area .lanNav li a:focus {
    color:#1e7a21
}
.lang_area .lanNav li.on a {
	color:#000;
	font-weight:bold;
}
@media screen and (max-width:990px) {
	#addon-sp .lang_area .lanNav {
		display:flex !important;
	}
	#addon-sp .lang_area .lanNav li {
		width:50%;
		box-sizing:border-box;
	}
	#addon-sp .lang_area .lanNav li + li {
		border-left:1px solid rgba(255, 255, 255, 0.3);
	}
	#addon-sp .lang_area .lanNav li.on {
		display:none;
	}
	#addon-sp .lang_area .lanNav li a span {
		position:relative;
		display:inline-block;
		padding-left:25px;
	}
	#addon-sp .lang_area .lanNav li a span::before {
		position:absolute;
		left:0;
		top:50%;
		content:"";
		display:block;
		width:20px;
		height:20px;
		margin-top:-10px;
		background-color:#FFF;
		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;
		-webkit-mask-image:url(../images/icon-language.svg);
				mask-image:url(../images/icon-language.svg);
	}
	#addon-sp .lang_area .lanNav li a:hover span::before,
	#addon-sp .lang_area .lanNav li a:focus span::before {
		background-color:#f2f230;
	}
}
@media screen and (max-width:420px) {
	#addon-sp .lang_area .lanNav li a span {
		padding:25px 0 0 0;
    }
	#addon-sp .lang_area .lanNav li a span::before {
		left:50%;
		top:0;
		margin:0 0 0 -10px;
	}
}
@media screen and (min-width:991px) {
	.lang_area .lanNav {
		position:absolute;
		top:50px;
		left:50%;
		display:block;
		min-width:inherit;
		height:inherit;
		background-color:#fff;
		padding:20px;
		-webkit-transform:translateX(-50%);
				transform:translateX(-50%);
		-webkit-box-shadow:0 -3px 10px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.3);
				box-shadow:0 -3px 10px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.3);
		z-index:100;
	}
	.lang_area .lanNav:before {
		content:"";
		display:block;
		position:absolute;
		top:-10px;
		left:50%;
		border-left:12px solid transparent;
		border-right:12px solid transparent;
		border-bottom:12px solid #fff;
		-webkit-transform:translateX(-50%);
				transform:translateX(-50%);
	}
	.lang_area .lanNav li + li {
		margin-top:12px;
		padding-top:12px;
		border-top:1px dashed #CCC;
	}
}


/* ----- searchZone ----- */
.searchZone {
    position:absolute;
	top:60px;
    width:100%;
    text-align:center;
    margin:0 auto;
	z-index:10;
}
.searchZone .searchTag {
	position:absolute;
	top:-52.5px;
	right:60px;
	display:inline-block;
	box-sizing:border-box;
	z-index:99;
}
.searchZone .searchTag a {
	display:inline-block;
	width:44px;
	height:44px;
	padding:11px;
	box-sizing:border-box;
}
.searchZone .searchTag a span {
	display:inline-block;
	width:100%;
	height:100%;
}
.searchZone .searchTag a span em {
	position:relative;
	display:inline-block;
	width:100%;
	height:100%;
	background:none;
	-webkit-backface-visibility:hidden;
			backface-visibility:hidden;
}
.searchZone .searchTag a.open span em::before {
	position:absolute;
	display:block;
	content:'';
	left:0;
	top:0;
	width:19px;
	height:19px;
	border:3px 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:-1px;
	bottom:3.5px;
	width:10px;
	height:3px;
	background:#000;
    -webkit-border-radius:50px;
       -moz-border-radius:50px;
            border-radius:50px;
	-webkit-transition:-webkit-transform .2s;
	        transition:transform .2s;
	-webkit-transform:rotate(45deg);
		-ms-transform:rotate(45deg);
			transform:rotate(45deg);
}
.searchZone .searchTag a.open:hover  span em::before,
.searchZone .searchTag a.open:focus  span em::before {
	border-color:#1e7a21;
}
.searchZone .searchTag a.open:hover  span em::after,
.searchZone .searchTag a.open:focus  span em::after {
	background:#1e7a21;
}
.searchZone .searchTag a.close {
	display:none;
}
.searchZone .searchTag a.close span em::before,
.searchZone .searchTag a.close span em::after {
	position:absolute;
	display:block;
	content:'';
	left:50%;
	top:50%;
	width:26px;
	height:3px;
	margin-left:-13px;
	margin-top:-1.5px;
	background:#000;
    -webkit-border-radius:50px;
       -moz-border-radius:50px;
            border-radius:50px;
}
.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 .searchTag a.close:hover  span em::before,
.searchZone .searchTag a.close:focus  span em::before,
.searchZone .searchTag a.close:hover  span em::after,
.searchZone .searchTag a.close:focus  span em::after {
	background:#1e7a21;
}
@media screen and (min-width:991px) {
	.searchZone {
		position:relative;
		top:inherit;
	}
	.searchZone .searchTag {
		top:-85px;
		right:20px;
	}
	#header.flex .searchZone .searchTag {
		top:-50px;
	}
	.searchZone .searchTag a {
		width:30px;
		height:30px;
		padding:4px;
	}
}
@media screen and (min-width:1200px) {
	.searchZone .searchTag {
		top:-65px;
	}
	#header.flex .searchZone .searchTag {
		top:-55px;
	}
	.searchZone .searchTag a {
		padding:0;
	}
	.searchZone .searchTag a.open span em::before {
		width:26px;
		height:26px;
		border:3px solid #000;
	}
	.searchZone .searchTag a.open span em::after {
		right:-1px;
		bottom:4px;
		width:13px;
		height:3px;
	}
	.searchZone .searchTag a.close span em::before,
	.searchZone .searchTag a.close span em::after {
		width:32px;
		height:3px;
		margin-left:-16px;
		margin-top:-1.5px;
	}
}
@media screen and (min-width:1440px) {
	.searchZone .searchTag {
		top:-75px;
	}
	#header.flex .searchZone .searchTag {
		top:-65px;
	}
}
@media screen and (min-width:1920px) {
	.searchZone .searchTag {
		right:50px;
	}
}


.searchZone .search {
	position:absolute;
	display:none;
	width:100%;
	padding:25px 0;
	background:#F3F4F6;
	box-sizing:border-box;
	border-top:1px solid #D1D5DB;
	-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);
}
.searchZone .box {
	position:relative;
	width:calc(100% - 50px);
	max-width:800px;
	margin:0 auto;
	-webkit-transition:.3s;
		    transition:.3s;
	-webkit-transition:all 200ms ease;
			transition:all 200ms ease;
}
.searchZone .search-txt {
	width:100%;
	color:#000;
	font-family:"微軟正黑體", Microsoft JhengHei, Helvetica, sans-serif;
	font-size:1.7em;
	line-height:48px;
	padding:0 55px 0 10px;
	border:1px solid #D1D5DB;
	box-sizing:border-box;
	background:#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;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
	width:26px;
    height:26px;
    margin:12px auto;
    display:block;
}
.searchZone .search-btn span em::before {
	position:absolute;
	display:block;
	content:'';
	left:0;
	top:0;
	height:20px;
	width:20px;
	border:3px solid #000;
	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:#000;
	-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:#1e7a21;
}
.searchZone .search-btn:hover span em::after,
.searchZone .search-btn:focus span em::after {
	background-color:#1e7a21;
}
@media screen and (min-width:991px) {
	.searchZone .search {
		padding:40px 0;
	}
	#header.flex .searchZone .search {
		position:relative;
		-webkit-box-shadow:0 0 0 rgba(0,0,0,0);
		   -moz-box-shadow:0 0 0 rgba(0,0,0,0);
				box-shadow:0 0 0 rgba(0,0,0,0);
	}
	.searchZone .search-txt {
		font-size:1.9em;
	}
}


/** main **/
#main {
    width:100%;
    margin:0 auto;
}


/** footer **/
#footer {
    position:relative;
    width:100%;
    margin:0 auto;
	z-index:5;
}
#footer:before {
	position:absolute;
	left:0;
	bottom:0;
	content:"";
    display:block;	
    width:100%;
	height:calc(100% - 130px);
	background:#282828;
	z-index:-2;
}
#footer .container {
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}
@media screen and (min-width:991px) {
	#footer:before {
		height:calc(100% - 165px);
	}
}
@media screen and (min-width:1200px) {
	#footer:before {
		height:calc(100% - 180px);
	}
}
@media screen and (min-width:1920px) {
	#footer:before {
		height:calc(100% - 225px);
	}
}


/* ----- add_link ----- */
.add_link {
	display:flex;
	width:100%;
	margin:0 auto 25px auto;
}
.add_link dl {
	display:flex;
	min-height:260px;
	width:33.333%;
	text-align:center;
	padding:30px 15px;
	background:#0e5400;
	flex-direction:column;
	justify-content:space-between;
    align-items:center;
	box-sizing:border-box;
}
.add_link dl:nth-child(2n) {
	background:#29660a;
}
.add_link dl dt {
	width:100%;
	color:#FFF;
	font-size:3.3em;
	font-weight:bold;
	margin-bottom:20px;
}
.add_link dl dd {
	width:100%;
	color:#FFF;
	font-size:1.5em;
	line-height:175%;
}
.add_link dl dd + dd {
	margin-top:10px;
}
.add_link dl dd a {
	display:inline-block;
	width:90%;
	color:#FFF;
	padding:15px 20px;
	border:1px solid #FFF;
	box-sizing:border-box;
}
.add_link dl dd a:hover,
.add_link dl dd a:focus {
	color:#0e5400;
	background:#FFF;
}
.add_link dl dd span {
	display:block;
}
.add_link dl dd span.tel {
	position:relative;
	display:inline-block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.9rem;
	font-weight:bold;
	line-height:33px;
	padding-left:40px;
}
.add_link dl dd span.tel::before {
	position:absolute;
	left:0;
	top:0;
	content:"";
	display:block;
	width:30px;
	height:30px;
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-color:#FFF;
	-webkit-mask-size:100% 100%;
			mask-size:100% 100%;
	-webkit-mask-image:url(../images/icon-tel.svg);
			mask-image:url(../images/icon-tel.svg);
	-webkit-transition:all 0.5s ease;
	   -moz-transition:all 0.5s ease;
	     -o-transition:all 0.5s ease;
	        transition:all 0.5s ease;
}
.add_link dl dd span.time {
	font-size:1rem;
	font-weight:bold;
	margin:5px 0;
}
.add_link dl dd span.job,
.add_link dl dd span.mail {
	position:relative;
	display:inline-block;
	font-size:1.1rem;
	font-weight:bold;
	line-height:25px;
	padding-right:30px;
}
.add_link dl dd span.job::before,
.add_link dl dd span.mail::before {
	position:absolute;
	right:0;
	top:0;
	content:"";
	display:block;
	width:25px;
	height:25px;
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-color:#FFF;
	-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;
}
.add_link dl dd span.job::before {
	-webkit-mask-image:url(../images/icon-job.svg);
			mask-image:url(../images/icon-job.svg);
}
.add_link dl dd span.mail::before {
	-webkit-mask-image:url(../images/icon-write.svg);
			mask-image:url(../images/icon-write.svg);
}
.add_link dl dd a:hover span.job::before,
.add_link dl dd a:focus span.job::before,
.add_link dl dd a:hover span.mail::before,
.add_link dl dd a:focus span.mail::before {
	background-color:#0e5400;
}
@media screen and (max-width:768px) {
	.add_link {
		flex-direction:column;
		margin-bottom:25px;
	}
	.add_link dl {
		width:80%;
		margin:0 auto;
	}
	.add_link dl dd a {
		max-width:300px;
	}
}
@media screen and (max-width:480px) {
	.add_link dl {
		width:100%;
	}
}
@media screen and (min-width:991px) {
	.add_link dl {
		padding:40px 10px;
		min-height:330px;
	}
	.add_link dl dt {
		font-family:"Noto Serif TC", "微軟雅黑", "Microsoft YaHei";
		font-size:3.5em;
	}
	.add_link dl dd {
		font-size:1.5em;
	}
	.add_link dl dd a {
		max-width:300px;
		padding:20px;
	}
	.add_link dl dd span.tel {
		font-size:2.2rem;
		line-height:40px;
		padding-left:45px;
	}
	.add_link dl dd span.tel::before {
		width:35px;
		height:35px;
	}
	.add_link dl dd span.time {
		font-size:1.2rem;
		margin:10px 0;
	}
	.add_link dl dd span.job,
	.add_link dl dd span.mail {
		font-size:1.2rem;
	}
}
@media screen and (min-width:1200px) {
	.add_link dl {
		padding:60px 20px;
		min-height:360px;
	}
	.add_link dl dt {
		margin-bottom:30px;
	}
	.add_link dl dd + dd {
		margin-top:20px;
	}
	.add_link dl dd a {
		max-width:340px;
	}
	.add_link dl dd span.tel {
		font-size:2.5rem;
		line-height:40px;
		padding-left:45px;
	}
	.add_link dl dd span.tel::before {
		width:35px;
		height:35px;
	}
	.add_link dl dd span.time {
		font-size:1.3rem;
	}
}
@media screen and (min-width:1720px) {
	.add_link {
		margin-bottom:60px;
	}
	.add_link dl {
		padding:90px 20px;
		min-height:450px;
	}
	.add_link dl dt {
		font-size:3.9em;
	}
	.add_link dl dd {
		font-size:1.7em;
	}
	.add_link dl dd a {
		max-width:370px;
	}
	.add_link dl dd span.tel {
		position:relative;
		display:inline-block;
		font-family:Arial, Helvetica, sans-serif;
		font-size:3.1rem;
		font-weight:bold;
		line-height:49px;
		padding-left:55px;
	}
	.add_link dl dd span.tel::before {
		width:45px;
		height:45px;
	}
	.add_link dl dd span.time {
		font-size:1.4rem;
	}
	.add_link dl dd span.job,
	.add_link dl dd span.mail {
		font-size:1.3rem;
		line-height:30px;
		padding-right:35px;
	}
	.add_link dl dd span.job::before,
	.add_link dl dd span.mail::before {
		width:30px;
		height:30px;
	}
}


/* ----- fat-nav ----- */
.fat-nav {
    position:relative;
	width:100%;
	margin-bottom:40px;
	z-index:1;
}
.fat-nav > ul {
	display:flex;
    list-style:none;
	letter-spacing:-9px;
    margin:-20px -10px;
	flex-wrap:wrap;
    justify-content:space-between;
}
.fat-nav > ul > li {
	display:inline-block;
	max-width:16.6666%;
	letter-spacing:0;
    padding:20px 10px;
    box-sizing:border-box;
	vertical-align:top;
}
.fat-nav > ul > li > a {
	position:relative;
    display:inline-block;
	font-family:"Noto Serif TC", "PingFang TC Semibold", "微軟雅黑", "Microsoft YaHei";
	color:#FFF;
	font-size:2.1em;
    font-weight:bold;
	line-height:130%;
	margin-bottom:20px;
}
.fat-nav > ul > li > a:hover,
.fat-nav > ul > li > a:focus {
	color:#FF6;
}
.fat-nav > ul > li > ul {
    list-style:none;
}
.fat-nav > ul > li > ul > li + li {
    margin-top:10px;
}
.fat-nav > ul > li > ul > li > a {
    position:relative;
	display:inline-block;
	font-family:"Noto Serif TC", "PingFang TC Semibold", "微軟雅黑", "Microsoft YaHei";
	color:#ffffff;
	font-size:1.7em;
    line-height:130%;    
    padding-left:1em;
    box-sizing:border-box;	
}
.fat-nav > ul > li > ul > li > a:before {
	content:"";
	position:absolute;
	display:block; 
	left:2px;
	top:11px;
	width:6px;
	height:2px;
	background:#FFF;
	box-sizing:border-box;
	-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 > ul > li > ul > li a:hover,
.fat-nav > ul > li > ul > li a:focus {
    color:#FF6;
}
.fat-nav > ul > li > ul > li > a:hover:before,
.fat-nav > ul > li > ul > li > a:focus:before {
	background:#FF6;
}
@media screen and (max-width:768px) {
	.fat-nav > ul > li {
		width:33.33333%;
		max-width:inherit;
	}
}
@media screen and (max-width:480px) {
	.fat-nav > ul > li {
		width:50%;
	}
}
@media screen and (min-width:991px) {
	.fat-nav > ul {
		margin:-20px -15px;
	}
	.fat-nav > ul > li {
		padding:20px 15px;
	}
}
@media screen and (min-width:1440px) {
	.fat-nav {
		width:calc(100% - 440px);
		max-width:1000px;
		margin-bottom:0;
	}
}
@media screen and (min-width:1720px) {
	.fat-nav {
		width:calc(100% - 550px);
		max-width:1170px;
	}
	.fat-nav > ul {
		margin:-20px;
	}
	.fat-nav > ul > li {
		padding:20px;
	}
	.fat-nav > ul > li > a {
		font-size:2.3em;
	}
	.fat-nav > ul > li > ul > li > a {
		font-size:1.9em;
	}
}


/* ----- add_info ----- */
.add_info {
	display:flex;
	width:100%;
	justify-content:space-between;
}
.add_info dl.org {
	position:relative;
	display:inline-block;
	width:100%;
	max-width:360px;
}
.add_info dl.org dt {
	margin-bottom:10px;
}
.add_info dl.org dt span {
	display:inline-block;
	width:92%;
	height:0;
	padding-bottom:16%;
	background:url(../images/logo_white.png) no-repeat 0 0;
	background-size:100% auto;
	filter:drop-shadow(0px 0px 5px rgba(0,0,0,.75));
}
.add_info dl.org dd {
	color:#FFF;
	font-size:1.5em;
	line-height:155%;
}
.add_info dl.org dd + dd {
	margin-top:5px;
}
.add_info dl.org dd a {
	display:inline-block;
	vertical-align:top;
	margin-left:5px;
}
.add_info dl.org dd span {
	display:inline-block;
	vertical-align:top;
}
.add_info dl.org dd span.map::before {
	content:"";
	display:block;
	width:21px;
	height:21px;
	background-position:50% 50%;
	background-repeat:no-repeat;
	background:#FFF;
	-webkit-mask-size:100% 100%;
			mask-size:100% 100%;
	-webkit-mask-image:url(../images/icon-map.svg);
			mask-image:url(../images/icon-map.svg);
}
.add_info dl.org dd a:hover span.map::before,
.add_info dl.org dd a:focus span.map::before {
    background:#FF6;
}
.add_info dl.org dd span.tel,
.add_info dl.org dd span.fax {
	position:relative;
	padding-left:30px;
}
.add_info dl.org dd span.tel::before,
.add_info dl.org dd span.fax::before {
	content:"";
	display:block;
	position:absolute;
	top:50%;
	left:0;
	width:21px;
	height:21px;
	margin:-10.5px 0 0 0;
	background-position:0 50%;
	background-repeat:no-repeat;
	background-size:100% auto;
}
.add_info dl.org dd span.tel::before {background-image:url(../images/icon-tel.svg); }
.add_info dl.org dd span.fax::before { background-image:url(../images/icon-fax.svg); }
.add_info .other {
	position:relative;
	display:inline-block;
	width:calc(100% - 380px);
	max-width:350px;
}
.add_info .other .iso {
	width:100%;
	text-align:center;
	margin-bottom:10px;
}
.add_info .other .iso span {
	display:inline-block;
	width:94%;
	height:0;
	padding-bottom:28%;
	background:url(../images/SGS_ISO.png) no-repeat 0 0;
	background-size:100% auto;
	filter:drop-shadow(0px 0px 5px rgba(0,0,0,.75));
}
.add_info .other p {
	color:#f68b10;
	font-size:1.2em;
	line-height:155%;
}
@media screen and (max-width:990px) {
	.add_info dl.org {
		width:calc(100% - 310px);
	}
	.add_info .other {
		width:290px;
	}
	.add_info .other .iso span {
		width:100%;
		padding-bottom:30%;
	}
}
@media screen and (max-width:640px) {
	.add_info {
		flex-direction:column;
	}
	.add_info dl.org {
		width:100%;
	}
	.add_info .other {
		width:100%;
		max-width:360px;
		margin-top:30px;
	}
	.add_info .other .iso {
		width:100%;
		max-width:320px;
	}
}
@media screen and (min-width:1440px) {
	.add_info {
		width:400px;
		flex-direction:column;
	}
	.add_info dl.org {
		width:100%;
		max-width:inherit;
	}
	.add_info .other {
		width:100%;
		max-width:inherit;
		margin-top:30px;
	}
	.add_info .other .iso {
		margin-bottom:15px;
	}
}
@media screen and (min-width:1720px) {
	.add_info {
		width:420px;
	}
	.add_info dl.org dt {
		margin-bottom:10px;
	}
	.add_info dl.org dt span {
		width:96%;
		padding-bottom:17%;
	}
	.add_info dl.org dd {
		font-size:1.7em;
	}
	.add_info dl.org dd + dd {
		margin-top:10px;
	}
	.add_info .other p {
		font-size:1.3em;
	}
}


/* ----- copyright ----- */
.copyright {
	display:flex;
	width:100%;
	justify-content:space-between;
	align-items:center;
	padding:15px 0;
	border-top:1px solid rgba(255,255,255,.2);
	margin:30px auto 0 auto;
}
.copyright .wd {
	display:inline-block;
	width:calc(100% - 280px);
	color:#FFF;
	font-size:1.3em;
	line-height:155%;
}
@media screen and (max-width:990px) {
	.copyright {
		padding-right:50px;
		box-sizing:border-box;
	}
	.copyright .wd {
		width:calc(100% - 260px);
	}
}
@media screen and (max-width:640px) {
	.copyright {
		flex-direction:column;
		align-items:flex-start;
		padding-right:0;
	}
	.copyright .wd {
		width:calc(100% - 50px);
		margin-bottom:10px;
	}
}
@media screen and (min-width:1200px) {
	.copyright {
		padding:20px 0;
	}
}
@media screen and (min-width:1720px) {
	.copyright {
		margin-top:40px;
	}
	.copyright .wd {
		width:calc(100% - 330px);
		font-size:1.5em;
	}
}
@media screen and (min-width:1920px) {
	.copyright {
		padding:25px 0;
	}
}


/* ----- agencyLink ----- */
.agencyLink {
	position:relative;
	display:inline-block;
	width:260px;
	letter-spacing:0;
	background:rgba(255,255,255,.1);
	vertical-align:middle;
}
.agencyLink > a {
	position:relative;
	display:block;
	width:100%;
	color:#FFF;
	font-size:1.5em;
	line-height:45px;
	padding:0 15px;
	box-sizing:border-box;
	-webkit-transition:all 0.4s ease;
	   -moz-transition:all 0.4s ease;
	     -o-transition:all 0.4s ease;
	        transition:all 0.4s ease;
}
.agencyLink > a.show {
	color:#FFF;
	background:#1e7a21;
}
.agencyLink > a span {
	display:block;
	padding-right:50px;
}
.agencyLink > a span:before,
.agencyLink > a span:after {
	position:absolute;
	content:"";
	right:13px;
	top:50%;
	display:block;   
	width:14px;
	height:2px;
	margin-top:-1px;
	background:#FFF;
	z-index:3;
}
.agencyLink > a span:after {
	-webkit-transform:rotate(-90deg);
	   -moz-transform:rotate(-90deg);
        -ms-transform:rotate(-90deg);
         -o-transform:rotate(-90deg);
            transform:rotate(-90deg);
}
.agencyLink > a.show span:before,
.agencyLink > a.show span:after {
	right:12px;
	width:16px;
}
.agencyLink > a.show span:before {
	-webkit-transform:rotate(45deg);
	   -moz-transform:rotate(45deg);
        -ms-transform:rotate(45deg);
         -o-transform:rotate(45deg);
            transform:rotate(45deg);
}
.agencyLink > a.show span:after {
	-webkit-transform:rotate(-45deg);
	   -moz-transform:rotate(-45deg);
        -ms-transform:rotate(-45deg);
         -o-transform:rotate(-45deg);
            transform:rotate(-45deg);
}
.agencyLink .agencyNav {
	display:block;
	width:100%;
	list-style:none;
	box-sizing:border-box;
	background:#FFF;
	margin-top:-1px;	
}
.agencyLink .agencyNav.fix {
	display:none;
	position:absolute;
	bottom:100%;
	right:0;
	margin:0;	
	z-index:200;
	-webkit-box-shadow:0 -5px 5px rgba(0,0,0,0.5);
	   -moz-box-shadow:0 -5px 5px rgba(0,0,0,0.5);
			box-shadow:0 -5px 5px rgba(0,0,0,0.5);
}
.agencyLink .agencyNav li {
	border-bottom:1px dashed #CCC;
}
.agencyLink .agencyNav li:last-child {
	border-bottom:none;
}
.agencyLink .agencyNav li a {
	position:relative;	
	display:block;
	width:100%;
	color:#000;
	font-size:1.5em;
	line-height:135%;
	font-weight:bold;
	padding:15px 40px 15px 15px;
	box-sizing:border-box;
}
.agencyLink .agencyNav li a:before {
	position:absolute;
	content:"";
	display:block; 
	right:15px;
	top:50%;
	width:12px;
	height:12px;
	margin:-6px 1px 0 0;
	border-right:2px solid #000;
	border-top:2px solid #000;
	-webkit-transform:rotate(45deg);
		-ms-transform:rotate(45deg);
			transform:rotate(45deg);
	z-index:2;
	box-sizing:border-box;
	-webkit-transition:all 0.5s ease;
	   -moz-transition:all 0.5s ease;
	     -o-transition:all 0.5s ease;
	        transition:all 0.5s ease;
}
.agencyLink .agencyNav li a:after {
	position:absolute;
	content:"";
	right:15px;
	top:50%;
	display:block;   
	width:14px;
	height:2px;
	margin:-1px 0 0 0;
	background:#000;
	z-index:2;
	-webkit-transition:all 0.5s ease;
	   -moz-transition:all 0.5s ease;
	     -o-transition:all 0.5s ease;
	        transition:all 0.5s ease;
}
.agencyLink .agencyNav li a:hover,
.agencyLink .agencyNav li a:focus {	
	color:#1e7a21;
}
.agencyLink .agencyNav li a:hover:before,
.agencyLink .agencyNav li a:focus:before {	
	border-color:#1e7a21;
}
.agencyLink .agencyNav li a:hover:after,
.agencyLink .agencyNav li a:focus:after {	
	background:#1e7a21;
}
@media screen and (max-width:990px) {
	.agencyLink {
		width:240px;
	}
}
@media screen and (max-width:640px) {
	.agencyLink {
		width:calc(100% - 50px);
		max-width:300px;
	}
}
@media screen and (min-width:1720px) {
	.agencyLink {
		width:300px;
	}
	.agencyLink > a {
		font-size:1.7em;
		line-height:50px;
		padding:0 20px;
	}
	.agencyLink > a span:before,
	.agencyLink > a span:after {
		right:18px;
	}
	.agencyLink > a.show span:before,
	.agencyLink > a.show span:after {
		right:17px;
	}
	.agencyLink .agencyNav li a {
		font-size:1.7em;
		padding:15px 20px;
	}
	.agencyLink .agencyNav li a:before {
		right:20px;
	}
	.agencyLink .agencyNav li a:after {
		right:20px;
	}
}


 
/* gMenu */
#gMenu {
	position:fixed;
	right:15px;
	bottom:15px;
	width:45px;
	text-align:right;
	z-index:90;
}
@media screen and (min-width:1200px) {
	#gMenu {
		width:50px;
	}
}
@media screen and (min-width:1920px) {
	#gMenu {
		right:20px;
		bottom:20px;
		width:55px;
	}
}

/* ----- goTop ----- */
.goTop {
	display:none;
	float:right;
	margin-top:5px
}
.goTop a {
	position:relative;
	display:block;
	width:45px;
	height:45px;
	overflow:hidden;
	background:rgba(0,0,0,.8);
	-webkit-border-radius:100%;
	   -moz-border-radius:100%;
			border-radius:100%;
}
.goTop a:hover,
.goTop a:focus {
	background-color:#A40000;
}
.goTop a::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-top.svg) 50% 50% no-repeat;
	background-size:cover;
}
@media screen and (min-width:1200px) {
	.goTop a {
		width:50px;
		height:50px;
	}
}
@media screen and (min-width:1920px) {
	.goTop a {
		width:55px;
		height:55px;
	}
}


/* ----- tailshareBtn ----- */
.tailshareBtn {
	position:relative;
	display:none;
	margin-top:5px;
}
.tailshareBtn > a {
	position:relative;
	display:block;
	width:45px;
	height:45px;
	overflow:hidden;
	background:rgba(102,102,102,.8);
	-webkit-border-radius:100%;
	   -moz-border-radius:100%;
			border-radius:100%;
}
.tailshareBtn > a:hover,
.tailshareBtn > a:focus {
	background:#A40000;
}
.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:24px;
	top:50%;
	left:50%;
	border:none;
	margin:-12px 0 0 -1px;
	background-color:#FFF;
	-webkit-border-radius:100%;
	   -moz-border-radius:100%;
			border-radius:100%;
	-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;
}
.tailshareBtn .tailshareMenu {
	display:none;
	position:absolute;
	bottom:45px;
	z-index:100;
}
.tailshareBtn .tailshareMenu ul {
	width:45px;
	list-style:none;
	letter-spacing:-9px;
}
.tailshareBtn .tailshareMenu li {
	display:inline-block;
	letter-spacing:0;
	margin-bottom:5px;
}
.tailshareBtn .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%;
}
.tailshareBtn .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;
}
.tailshareBtn .tailshareMenu a.icon-fb {
	background-color:rgba(59,89,152,1);
}
.tailshareBtn .tailshareMenu a.icon-fb:before {
	background-image:url(../images/icon-FB.svg);
}
.tailshareBtn .tailshareMenu a.icon-twitter {
	background-color:#000;
}
.tailshareBtn .tailshareMenu a.icon-twitter:before {
	background-image:url(../images/icon-Twitter-X.svg);
}
.tailshareBtn .tailshareMenu a.icon-line {
	background-color:rgba(1,185,1,1);
}
.tailshareBtn .tailshareMenu a.icon-line:before {
	background-image:url(../images/icon-LINE.svg);
}
.tailshareBtn .tailshareMenu a:hover:before {
    -webkit-transform:rotate(360deg);
		-ms-transform:rotate(360deg);
			transform:rotate(360deg);
}
@media screen and (min-width:1200px) {
	.tailshareBtn > a {
		width:50px;
		height:50px;
	}
	.tailshareBtn > a.open:before {
		width:21px;
		height:21px;
		margin:-10.5px 0 0 -10.5px;
	}
	.tailshareBtn .tailshareMenu {
		bottom:50px;
	}
	.tailshareBtn .tailshareMenu ul {
		width:50px;
	}
	.tailshareBtn .tailshareMenu a {
		width:50px;
		height:50px;
	}
	.tailshareBtn .tailshareMenu a:before {
		width:30px;
		height:30px;
		margin:-15px 0 0 -15px;
	}
}
@media screen and (min-width:1920px) {
	.tailshareBtn > a {
		width:55px;
		height:55px;
	}
	.tailshareBtn .tailshareMenu {
		bottom:55px;
	}
	.tailshareBtn .tailshareMenu ul {
		width:55px;
	}
	.tailshareBtn .tailshareMenu a {
		width:55px;
		height:55px;
	}
}


/* ----- google套用全站搜尋 ----- */
#___gcse_0 {
	width:100%;
}
.gsc-search-box {
	margin:0 !important;
}
.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:10px;
	top:50%;
	margin-top:-13.5px;
}
.gsc-search-box input.gsc-input {
	font-size:1.2rem;
	line-height:45px;
	padding:0 40px 0 15px !important;
	background-position:15px center !important;
	border:1px solid #ccc !important;
	box-sizing:border-box;
	vertical-align:top;
}
.searchBox .gsc-search-box input.gsc-input {
	-webkit-border-radius:5px;
       -moz-border-radius:5px;
            border-radius:5px;
}
/*
.gsc-search-box input.gsc-input:focus {
	outline:1px dashed #FF6600 !important;
}
*/
.gsc-search-box .gsc-search-button {
	margin:0;
}
.gsc-search-box .gsc-search-button-v2 {
	width:45px;
	height:45px;
	padding:0;
	margin-right:0;
	border:0;
	border-radius:0;
	background:#737373;
	cursor:pointer;
}
.gsc-search-box .gsc-search-button-v2:hover,
.gsc-search-box .gsc-search-button-v2:focus {
	background-color:#A40035;
}
.searchBox .gsc-search-box .gsc-search-button-v2 {
	-webkit-border-radius:5px;
       -moz-border-radius:5px;
            border-radius:5px;
}
.gsc-search-box .gsc-search-button-v2 svg {
	width:50%;
	height:50%;
}

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



/*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 {
		position:absolute!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 */
}