@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%;
}
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:#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:#A40000;
	text-decoration:none;	
}
a:focus, button:focus, input:focus, select:focus, textarea:focus, :focus {
	outline:2px dotted #FF6600;
	-webkit-transition:all 0s ease;
	   -moz-transition:all 0s ease;
	     -o-transition:all 0s ease;
	        transition:all 0s ease;
}
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;
}

.lazysizes-js .lazyload {
    opacity:0;
}
.lazysizes-js .lazyloading {
    opacity:1;
    transition:opacity 300ms;
    background:#f7f7f7 url('./ajax-loader.gif') 50% 50% no-repeat !important;
	background-size:32px auto !important;
}
.lazysizes-js .lazyloaded {
    opacity:1;
    transition:opacity 300ms;
}

/** 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;
	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:#A40000;
}
.font-pink {color:#E3007F;}
.font-red {color:#ee0000;}
.font-orange {color:#CC4B00;}

.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% - 150px);
    }
}
@media screen and (min-width:1200px) {
    .container {
        width:calc(100% - 180px);
    }
}
@media screen and (min-width:1600px) {
}
@media screen and (min-width:1920px) {
    .container {
		max-width:1720px;
    }
}

 
/** header **/
#header {
	position:absolute;
	width:100%;
	min-height:65px;
	margin:0 auto;
	box-sizing:border-box;
	z-index:99;
}
#header .logo {
	position:absolute;
	left:10px;
	top:10px;
	display:inline-block;
	z-index:101;
}
#header .logo > a {
	display:inline-block;
	background:#FFF;
	-webkit-transition:all 0s ease;
	   -moz-transition:all 0s ease;
	     -o-transition:all 0s ease;
	        transition:all 0s ease;
}
#header .logo > a span {
	display:block;
	width:175px;
	height:45px;
	background:url(../images/logo-mobile.png) no-repeat 0 50%;
	background-size:auto 45px;
}
#header.sp-show .logo {
	left:10px;
	top:10px;
	padding:0;
	background:none;
	z-index:121;
	-webkit-box-shadow:none;
	   -moz-box-shadow:none;
		-ms-box-shadow:none;
			box-shadow:none;
}
#header.sp-show .logo > a {
	padding:0;
	background:none;
	-webkit-border-radius:0px;
	   -moz-border-radius:0px;
			border-radius:0px;
}
#header.sp-show .logo > a span {
	width:175px;
	height:45px;
	background:url(../images/logo-mobile.png) no-repeat 0 50%;
	background-size:auto 45px;
}
@media screen and (min-width:768px) {
	#header .logo {
		left:15px;
		top:15px;
		-webkit-border-radius:10px;
		   -moz-border-radius:10px;
				border-radius:10px;
		-webkit-box-shadow:0 0 10px rgba(0,0,0,0.3);
		   -moz-box-shadow:0 0 10px rgba(0,0,0,0.3);
			-ms-box-shadow:0 0 10px rgba(0,0,0,0.3);
				box-shadow:0 0 10px rgba(0,0,0,0.3);
	}
	#header .logo > a {
		padding:10px;
		-webkit-border-radius:10px;
		   -moz-border-radius:10px;
				border-radius:10px;
	}
	#header .logo > a span {
		width:100px;
		height:139px;
		background:url(../images/logo.png) no-repeat 50% 50%;
		background-size:auto 139px;
	}
}
@media screen and (min-width:991px) {
	#header .logo {
		display:flex;
		left:20px;
		top:20px;
		padding:15px;
		flex-direction:column;
		background:rgba(15,29,38,.85);
		-webkit-border-radius:20px;
		   -moz-border-radius:20px;
				border-radius:20px;
		-webkit-box-shadow:none;
		   -moz-box-shadow:none;
			-ms-box-shadow:none;
				box-shadow:none;
	}
	#wrapper.contentPage #header .logo {
		background:rgba(15,29,38,.12);
	}
	#header .logo > a {
		padding:15px;
	}
	#header .logo > a span {
		width:124px;
		height:172px;
		background-size:auto 172px;
	}
}
@media screen and (min-width:1200px) {
	#header .logo {
		left:30px;
		top:30px;
		padding:17px;
	}
}
@media screen and (min-width:1600px) {
	#header .logo {
		padding:20px;
	}
	#header .logo > a {
		padding:20px;
	}
	#header .logo > a span {
		width:155px;
		height:215px;
		background-size:auto 215px;
	}
}


/* ----- demBox ----- */
#demBox.demBox {
	display:inline-block;
	margin:10px auto -5px auto;
}
#wrapper.contentPage #demBox.demBox {
	display:none;
}
#demBox-sp.demBox {
	position:absolute;
	bottom:0;
	display:block;
	width:100%;
	padding:0 10px;
	text-align:center;
	box-sizing:border-box;
	margin:0 auto;
	background:rgba(15,29,38,.85);
}
.demBox > ul {
	list-style:none;
}
#demBox.demBox > ul > li {
	display:block;
}
#demBox.demBox > ul > li + li {
	border-top:1px solid rgba(255,255,255,.2);
}
#demBox-sp.demBox > ul {
	display:flex;
	justify-content:center;
	margin:0 -15px;
}
#demBox-sp.demBox > ul > li {
	display:inline-block;
	padding:10px 15px;
}
.demBox > ul > li > a {
	position:relative;
	display:block;
	color:#FFF;
	font-size:1.7em;
	font-weight:bold;
	line-height:25px;
	text-align:left;
	padding:10px 0 10px 30px;
	box-sizing:border-box;
}
#demBox-sp.demBox > ul > li > a {
	line-height:135%;
	padding:5px 0 5px 30px;
}
.demBox > ul > li > a:hover,
.demBox > ul > li > a:focus {
	color:#fff67f;
}
.demBox > ul > li > a::before {
	position:absolute;
	left:0;
	top:50%;
	content:"";
	display:block;
	width:25px;
	height:25px;
	margin-top:-12.5px;
	background-color:#FFF;
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:cover;
	-webkit-mask-image:url(../images/icon-question.svg);
			mask-image:url(../images/icon-question.svg);
    -webkit-mask-size:100% 100%;
			mask-size:100% 100%;
}
.demBox > ul > li > a:hover::before,
.demBox > ul > li > a:focus::before {
	background-color:#fff67f;
}
.demBox > ul > li > a span {
	display:inline-block;
}
@media screen and (max-width:990px) {
	#demBox-sp.demBox {
		position:relative;
		padding:0 20px;
		background:rgba(15,29,38,1);
	}
	#demBox-sp.demBox > ul {
		margin:0 -10px;
	}
	#demBox-sp.demBox > ul > li {
		padding:0 10px;
	}
	#demBox-sp.demBox > ul > li > a {
		padding:15px 0 15px 30px;
	}
}
@media screen and (max-width:580px) {
	#demBox-sp.demBox > ul {
		justify-content:space-around;
	}
	#demBox-sp.demBox > ul > li {
		padding:0 10px;
	}
	#demBox-sp.demBox > ul > li > a {
		padding:10px 0 10px 35px;
	}
	#demBox-sp.demBox > ul > li > a::before {
		width:30px;
		height:30px;
		margin-top:-15px;
	}
	#demBox-sp.demBox > ul > li > a span {
		display:block;
	}
}
@media screen and (max-width:439px) {
	#demBox-sp.demBox > ul {
		margin:0 -5px;
	}
	#demBox-sp.demBox > ul > li {
		padding:0 5px;
	}
	#demBox-sp.demBox > ul > li > a {
		font-size:1.5em;
		padding-left:30px;
	}
	#demBox-sp.demBox > ul > li > a::before {
		width:25px;
		height:25px;
		margin-top:-12.5px;
	}
}
@media screen and (min-width:991px) {
	.demBox > ul > li > a {
		font-size:1.3em;
		line-height:21px;
		padding-left:25px;
	}
	.demBox > ul > li > a::before {
		width:21px;
		height:21px;
		margin-top:-10.5px;
	}
}
@media screen and (min-width:1200px) {
	.demBox > ul > li > a {
		font-size:1.5em;
		padding-left:30px;
	}
	.demBox > ul > li > a::before {
		width:25px;
		height:25px;
		margin-top:-12.5px;
	}
}
@media screen and (min-width:1600px) {
	.demBox > ul > li > a {
		font-size:1.7em;
	}
}

 
/* ----- topHead ----- */
#topHead {
    position:relative;
	display:flex;
}

/* ----- addon ----- */
#addon {
	display:inline-block;
	height:45px;
	margin:0 auto;
}
#addon > ul {
	list-style:none;
	letter-spacing:-9px;
}
#addon > ul > li {
	display:inline-block;
	color:#000;
	text-align:left;
	letter-spacing:0;
	vertical-align:middle;
}
#addon > ul > li + li {
	margin-left:6px;
}
#addon > ul > li > a.btn {
	position:relative;
	display:block;
	width:45px;
	height:45px;
	text-indent:-999px;
	overflow:hidden;
	box-sizing:border-box;
	vertical-align:top;
	border:1px solid #0f1d26;
	-webkit-border-radius:100px;
	   -moz-border-radius:100px;
			border-radius:100px;
}
#addon > ul > li > a.btn:hover,
#addon > ul > li > a.btn:focus {
	color:#A40000;
	border-color:#A40000;
}
#addon > ul > li > a.btn::before {
	position:absolute;
	left:50%;
	top:50%;
	content:"";
	display:block;
	width:23px;
	height:23px;
	margin:-11.5px 0 0 -11.5px;
	background-color:#0f1d26;
	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 > ul > li > a.btn:hover::before,
#addon > ul > li > a.btn:focus::before {
	background-color:#A40000;
}
#addon > ul > li > a.btn.sitemap::before {
	-webkit-mask-image:url(../images/icon-sitemap.svg);
			mask-image:url(../images/icon-sitemap.svg);
}
#addon > ul > li > a.btn.contact::before {
	-webkit-mask-image:url(../images/icon-contact.svg);
			mask-image:url(../images/icon-contact.svg);
}


/* ----- 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:50%;
	letter-spacing:0px;
	box-sizing:border-box;
}
#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:15px 5px;
    box-sizing:border-box;
}
#addon-sp > ul > li a:hover,
#addon-sp > ul > li a:focus {
    color:#f2f230
}
#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:440px) {
	#addon-sp > ul > li a i {
		display:block;
		line-height:125%;
    }
}


/* ----- lang_area ----- */
.lang_area {
    position:relative;
	display:inline-block;
	margin-left:6px;
}
.lang_area > a {
	position:relative;
	display:block;
	width:45px;
	height:45px;
	overflow:hidden;
	background:#FFF;
	box-sizing:border-box;
	vertical-align:top;
	-webkit-border-radius:100px;
	   -moz-border-radius:100px;
			border-radius:100px;
}
#header.sp-show .lang_area > a.open {
	border:1px solid #0f1d26;
}
.lang_area > a.open:hover,
.lang_area > a.open:focus {
	color:#A40000;
	border-color:#A40000;
}
.lang_area > a.open::before {
	position:absolute;
	left:50%;
	top:50%;
	content:"";
	display:block;
	width:23px;
	height:23px;
	margin:-11.5px 0 0 -11.5px;
	background-color:#0f1d26;
	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-language.svg);
			mask-image:url(../images/icon-language.svg);
	-webkit-transition:all 0.5s ease;
	   -moz-transition:all 0.5s ease;
	     -o-transition:all 0.5s ease;
	        transition:all 0.5s ease;
}
.lang_area > a.open:hover::before,
.lang_area > a.open:focus::before {
	background-color:#A40000;
}
.lang_area > a.close {
	display:none;
	border-color:#A40000;
}
.lang_area > a.close span em::before,
.lang_area > 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:#A40000;
    -webkit-border-radius:50px;
       -moz-border-radius:50px;
            border-radius:50px;
}
.lang_area > a.close span em::before {
	-webkit-transform:rotate(45deg);
	    -ms-transform:rotate(45deg);
	        transform:rotate(45deg);
}
.lang_area > a.close span em::after {
	-webkit-transform:rotate(-45deg);
	    -ms-transform:rotate(-45deg);
	        transform:rotate(-45deg);
}
.lang_area .lanNav {
	position:absolute;
	top:54px;
	left:50%;
	display:none;
	min-width:inherit;
	height:inherit;
	background:#FFF;
	padding:15px 20px;
	-webkit-border-radius:10px;
	   -moz-border-radius:10px;
			border-radius:10px;
	-webkit-transform:translateX(-50%);
			transform:translateX(-50%);
	-webkit-box-shadow:0 0 5px rgba(0,0,0,0.5);
	   -moz-box-shadow:0 0 5px rgba(0,0,0,0.5);
			box-shadow:0 0 5px rgba(0,0,0,0.5);
	z-index:100;
}
.lang_area .lanNav li {
	list-style:none;
	box-sizing:border-box;
}
.lang_area .lanNav li + li {
	margin-top:12px;
	padding-top:12px;
	border-top:1px dashed #CCC;
}
.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:#A40000
}
.lang_area .lanNav li a.on {
	color:#000;
	font-weight:bold;
}
@media screen and (max-width:767px) {
	.lang_area > a {
		border:1px solid #0f1d26;
	}
	.lang_area .lanNav {
		top:55px;
		-webkit-border-radius:0 0 10px 10px;
		   -moz-border-radius:0 0 10px 10px;
				border-radius:0 0 10px 10px;
		-webkit-box-shadow:0px 5px 5px rgba(0,0,0,.5);
		   -moz-box-shadow:0px 5px 5px rgba(0,0,0,.5);
				box-shadow:0px 5px 5px rgba(0,0,0,.5);
	}
}
@media screen and (min-width:991px) {
	.lang_area > a {
		border:1px solid #0f1d26;
	}
}


/* ----- searchZone ----- */
.searchZone {
	display:inline-block;
	width:auto;
	margin-left:6px;
}
.searchZone .searchTag {
	display:inline-block;
	width:45px;
	height:45px;
}
.searchZone .searchTag a {
	display:inline-block;
	width:45px;
	height:45px;
	padding:11px;
	background:#0f1d26;
	box-sizing:border-box;
	-webkit-border-radius:100px;
	   -moz-border-radius:100px;
			border-radius:100px;
}
.searchZone .searchTag a:hover,
.searchZone .searchTag a:focus {
	background:#A40000;
}
.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:20px;
	height:20px;
	border:3px solid #FFF;
	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:#FFF;
    -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.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:#FFF;
    -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 .search {
	position:absolute;
	display:none;
	right:10px;
	top:65px;
	width:calc(100% - 160px);
	max-width:360px;
	height:auto;
	padding:20px;
    background:#f2f2f2;
	box-sizing:border-box;
	z-index:100;
	-webkit-border-radius:10px;
	   -moz-border-radius:10px;
			border-radius:10px;
	-webkit-box-shadow:0px 0px 7px rgba(0,0,0,.5);
	   -moz-box-shadow:0px 0px 7px rgba(0,0,0,.5);
			box-shadow:0px 0px 7px rgba(0,0,0,.5);
}
.searchZone .box {
	position:relative;
	width:100%;
	background:none;
	-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:#A40000;
}
.searchZone .search-btn:hover span em::after,
.searchZone .search-btn:focus span em::after {
	background-color:#A40000;
}
.searchZone .keyWd {
	width:100%;
	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:#D13F00;
	text-decoration:none;
	vertical-align:top;
}
.searchZone .keyWd a + a {
	margin-left:5px;
}
.searchZone .keyWd a:hover,
.searchZone .keyWd a:focus{
	color:#A40000;
}
@media screen and (max-width:767px) {
	.searchZone .search {
		right:0;
		width:100%;
		max-width:100%;
		background:#f2f2f2;
		-webkit-border-radius:0;
		   -moz-border-radius:0;
				border-radius:0;
		-webkit-box-shadow:0px 5px 5px rgba(0,0,0,.5);
		   -moz-box-shadow:0px 5px 5px rgba(0,0,0,.5);
				box-shadow:0px 5px 5px rgba(0,0,0,.5);
	}
}
@media screen and (min-width:991px) {
	.searchZone .search-txt {
		font-size:1.7em;
	}
}


/* ----- google套用全站搜尋 ----- */
#___gcse_0 {
	width:100%;
}
.gsc-search-box {
	margin:0 !important;
	border:1px solid #D1D5DB;
}
.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;
}
.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;
}
.gsc-search-box .gsc-search-button-v2:hover,
.gsc-search-box .gsc-search-button-v2:focus {
	background:#FFF;
}
.gsc-search-box .gsc-search-button-v2 svg {
	width:50%;
	height:50%;
	fill:#000;
}
.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;
	}
}


/** main **/
#main {
    width:100%;
    margin:0 auto;
}
@media screen and (max-width:767px) {
	#main {
		margin-top:65px;
	}
}


/** footer **/
#footer {
    position:relative;
    width:100%;
    margin:0 auto;
	background:#eeeeee;
}


/* ----- fatfooter ----- */
.fatfooter {
	display:inline-block;
	width:100%;
	padding:30px 0;
	background:#eeeeee;
}
@media screen and (min-width:991px) {
	.fatfooter {
		padding:40px 0;
	}
}



/* ----- fat-nav ----- */
.fat-nav {
    position:relative;
	display:inline-block;
	width:100%;
}
.fat-nav > ul {
    list-style:none;
	letter-spacing:-9px;
    margin:-15px -10px;
}
.fat-nav > ul > li {
	display:inline-block;
	width:25%;
	letter-spacing:0;
    padding:15px 10px;
    box-sizing:border-box;
	vertical-align:top;
}
.fat-nav > ul > li > a {
	position:relative;
    display:inline-block;
	font-family:"PingFang TC Semibold", "微軟雅黑", "Microsoft YaHei";
	color:#003f66;
	font-size:1.9em;
    font-weight:bold;
	line-height:130%;
}
.fat-nav > ul > li > a:hover,
.fat-nav > ul > li > a:focus {
	color:#A40000;
}
.fat-nav > ul > li > ul {
    list-style:none;
}
.fat-nav > ul > li > ul > li {
    margin-top:10px;
}
.fat-nav > ul > li > ul > li > a {
    position:relative;
	display:inline-block;
	color:#000;
    font-size:1.6em;
    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:8px;
	width:5px;
	height:0;
	padding-bottom:5px;
	background:#003f66;
	-webkit-border-radius:10px;
	   -moz-border-radius:10px;
			border-radius:10px;
	-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:#A40000;
}
.fat-nav > ul > li > ul > li > a:hover:before,
.fat-nav > ul > li > ul > li > a:focus:before {
	background:#A40000;
}
.fat-nav > ul > li > ul > li > a.dropBtn:before {
	display:none;
}
.fat-nav > ul > li > ul > li > a.dropBtn span:before {
	content:"";
	position:absolute;
	display:block;
	width:10px;
	height:2px;
	top:10px;
	left:0px;
	border:none;
	background-color:#bababa;
	-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.dropBtn span:after {
	content:"";
	position:absolute;
	display:block;
	width:2px;
	height:10px;
	top:6px;
	left:4px;
	border:none;
	margin:0;
	background-color:#bababa;
	-webkit-transform:rotate(0deg);
	    -ms-transform:rotate(0deg);
			transform:rotate(0deg);
	-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.dropBtn:hover span:before,
.fat-nav > ul > li > ul > li > a.dropBtn:focus span:before,
.fat-nav > ul > li > ul > li > a.dropBtn:hover span:after,
.fat-nav > ul > li > ul > li > a.dropBtn:focus span:after {
	background-color:#D76060;
}
.fat-nav > ul > li > ul > li > a.dropBtn.open {
	color:#ffff00;
}
.fat-nav > ul > li > ul > li > a.dropBtn.open span:before {
	left:-2px;
	width:12px;
	background-color:#ffff00;
	-webkit-transform:rotate(315deg);
		-ms-transform:rotate(315deg);
			transform:rotate(315deg);
}
.fat-nav > ul > li > ul > li > a.dropBtn.open span:after {
	left:3px;
	top:5px;
	height:12px;
	background-color:#ffff00;
	-webkit-transform:rotate(315deg);
		-ms-transform:rotate(315deg);
			transform:rotate(315deg);
}
.fat-nav > ul > li > ul > li > a.link:after,
.fat-nav > ul > li > ul > li > a.download:after {
	content:"";
	display:inline-block;
	width:15px;
	height:15px;
	border:0;
	margin-left:7px;
	vertical-align:middle;
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:cover;
	background-color:#bababa;
	opacity:.5;
	-webkit-mask-size:15px 15px;
			mask-size:15px 15px;
	-webkit-transform:rotate(0deg);
		-ms-transform:rotate(0deg);
			transform:rotate(0deg);
	-webkit-transition:all 0.3s;
	   -moz-transition:all 0.3s;    
		 -o-transition:all 0.3s;
			transition:all 0.3s;
}
.fat-nav > 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 > 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 > ul > li > ul > li > a.link:hover:after,
.fat-nav > ul > li > ul > li > a.link:focus:after,
.fat-nav > ul > li > ul > li > a.download:hover:after,
.fat-nav > ul > li > ul > li > a.download:focus:after {
	background-color:#D76060;
}
@media screen and (max-width:460px) {
	.fat-nav > ul {
		margin:-20px;
	}
	.fat-nav > ul > li {
		width:100%;
		padding:20px;
	}
	.fat-nav > ul > li > ul {
		display:flex;
		flex-wrap:wrap;
		margin:0 -10px;
	}
	.fat-nav > ul > li > ul > li {
		width:50%;
		padding:0 10px;
		box-sizing:border-box;
	}
}
@media screen and (min-width:991px) {
	.fat-nav > ul {
		display:flex;
		justify-content:space-between;
		margin:-15px;
	}
	.fat-nav > ul > li {
		width:13%;
		padding:15px;
	}
	.fat-nav > ul > li:nth-child(1),
	.fat-nav > ul > li:nth-child(4) {
		width:14%;
	}
	.fat-nav > ul > li:nth-child(3),
	.fat-nav > ul > li:nth-child(5) {
		min-width:16.5%;
	}
	.fat-nav > ul > li > ul {
		margin-top:10px;
	}
	.fat-nav > ul > li > ul > li {
		margin-top:10px;
	}
}
@media screen and (min-width:1200px) {
	.fat-nav > ul > li > a {
		font-size:2.1em;
	}
	.fat-nav > ul > li > ul > li > a {
		font-size:1.7em;
	}
	.fat-nav > ul > li > ul > li > a:before {
		top:10px;
	}
}
@media screen and (min-width:1600px) {
	.fat-nav > ul {
		margin:-20px;
	}
	.fat-nav > ul > li {
		width:inherit !important;
		min-width:12% !important;
		padding:20px;
	}
}


/* ----- add_info ----- */
.add_info {
    width:100%;
    margin-top:30px;
	padding-top:20px;
	border-top:1px solid #cccccc;
}
.add_info .wd {
	display:inline-block;
	font-size:1.5em;
	line-height:165%;
}
.add_info .wd strong {
	font-size:1.1em;
}
.add_info .wd p span {
	display:inline-block;
	margin-right:20px;
}
.add_info .wd .seo,
.add_info .wd .seo:active {
	color:#000;
	text-decoration:none;
	cursor:text;
}
.add_info .mark {
	display:flex;
	margin-top:25px;
}
.add_info .mark ul {
	list-style:none;
	letter-spacing:-9px;
	margin:-10px;
}
.add_info .mark li {
	display:inline-block;
	font-size:1.5em;
	padding:10px;
	letter-spacing:0;
	box-sizing:border-box;
}
.add_info .mark li span {
	display:inline-block;
	margin-right:10px;
}
@media screen and (min-width:991px) {
	.add_info {
		display:flex;
		justify-content:space-between;
		align-items:center;
	}
	.add_info .wd {
		width:calc(100% - 335px);
	}
	.add_info .wd p span {
		display:block;
	}
	.add_info .mark {
		width:315px;
		margin:0;
	}
}
@media screen and (min-width:1200px) {
}
@media screen and (min-width:1600px) {
	.add_info .wd {
		width:calc(100% - 640px);
	}
	.add_info .wd p span {
		display:inline-block;
	}
	.add_info .mark {
		width:620px;
		justify-content:flex-end;
	}
	.add_info .mark ul {
		margin:-15px
	}
	.add_info .mark li {
		padding:15px;
	}
	.add_info .mark li span {
		display:block;
		margin:0 0 10px 0;
	}
}
@media screen and (min-width:1920px) {
	.add_info .mark {
		width:650px;
	}
	.add_info .mark ul {
		margin:-20px
	}
	.add_info .mark li {
		padding:20px;
	}
}


/* ----- copyright ----- */
.copyright {
    position:relative;
    width:100%;
	padding:20px 0;
    margin:0 auto;
	background:#0f1d26;
}
.copyright .accessibility {
	position:relative;
	display:flex;
	flex-direction:column;
}
.copyright .accessibility .mark {
	display:flex;
}
.copyright .accessibility .mark a + a {
	margin-left:10px;
}
.copyright .accessibility .wd {
	display:inline-block;
	color:#999999;
	font-size:1.5em;
	line-height:165%;
	margin-top:15px;
}
.copyright .accessibility .wd a {
	position:relative;
	display:inline-block;
	color:#999999;
	vertical-align:top;
	margin-right:19px;
}
.copyright .accessibility .wd a:after {
	position:absolute;
	content:"";
	right:-9px;
	top:4px;
	display:block;   
	width:1px;
	height:17px;
	background:#999999;
}
.copyright .accessibility .wd a:hover,
.copyright .accessibility .wd a:focus {
    color:#E9A92B;
}
.copyright .accessibility .wd span {
	display:inline-block;
	vertical-align:top;
}
.copyright .follow {
	position:absolute;
	left:305px;
	top:2px;
	display:flex;
	align-items:center;
}
.copyright .follow p {
	display:inline-block;
	color:#999999;
	font-size:1.5em;
	margin-right:10px;
}
.copyright .follow ul {
	list-style:none;
	letter-spacing:-9px;
}
.copyright .follow li {
	display:inline-block;
	letter-spacing:0;
}
.copyright .follow li + li {
	margin-left:10px;
}
.copyright .follow a {
	position:relative;
	display:block;
	width:45px;
	height:45px;
	-webkit-border-radius:100%;
	   -moz-border-radius:100%;
			border-radius:100%;
}
.copyright .follow 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;
}
.copyright .follow a.icon-fb {
	background-color:rgba(8,102,255,1);
}
.copyright .follow a.icon-fb:before {
	background-image:url(../images/icon-FB.svg);
}
.copyright .follow a.icon-ig {
	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 );
}
.copyright .follow a.icon-ig:before {
	background-image:url(../images/icon-IG.svg);
}
.copyright .follow a.icon-yt {
	background:#e60012;
}
.copyright .follow a.icon-yt:before {
	background-image:url(../images/icon-Youtube.svg);
}
.copyright .follow a:hover,
.copyright .follow a:focus {
    -webkit-transform:rotate(360deg);
		-ms-transform:rotate(360deg);
			transform:rotate(360deg);
}
@media screen and (max-width:990px) {
	.copyright .accessibility .wd {
		padding-right:60px;
	}
}
@media screen and (max-width:620px) {
	.copyright .follow {
		position:relative;
		left:inherit;
		top:inherit;
		margin-top:15px;
	}
}
@media screen and (min-width:991px) {
	.copyright .accessibility {
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content:space-between;
	}
	.copyright .accessibility .wd {
		width:calc(100% - 240px);
	}
}
@media screen and (min-width:1280px) {
	.copyright .accessibility {
		flex-wrap:nowrap;
	}
	.copyright .accessibility .wd {
		width:calc(100% - 500px);
		margin:0 0 0 15px;
	}
	.copyright .follow {
		position:relative;
		left:inherit;
		top:inherit;
	}
	.copyright .follow p {
		width:2em;
	}
}
@media screen and (min-width:1320px) {
	.copyright .accessibility .wd {
		width:calc(100% - 530px);
	}
	.copyright .follow p {
		width:4em;
	}
}
@media screen and (min-width:1600px) {
}
@media screen and (min-width:1920px) {
}


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

/* ----- goTop ----- */
.goTop {
	display:none;
	float:right;
	margin-top:5px
}
.goTop a {
	position:relative;
	display:block;
	width:45px;
	height:45px;
	overflow:hidden;
	background:rgb(0,0,0);
	-webkit-border-radius:100%;
	   -moz-border-radius:100%;
			border-radius:100%;
}
.goTop a:hover,
.goTop a:focus {
	background-color:#A40000;
}
.goTop span {
	position:relative;
	display:block;
	color:#FFF;
	font-size:1.2em;
	text-align:center;
	padding-top:22px;
}
.goTop a::before {
	position:absolute;
	content:"";
    display:block;
    position:absolute;
	left:50%;
	top:50%;
    width:7px;
    height:7px;    
    border-left:2px solid #FFF;
	border-top:2px solid #FFF;
	margin:-11px 0 0 -5px;
    z-index:2;
    -webkit-transform:rotate(45deg);
		-ms-transform:rotate(45deg);
			transform:rotate(45deg);
}
@media screen and (min-width:991px) {
}
@media screen and (min-width:1200px) {
	.goTop a {
		width:55px;
		height:55px;
	}
	.goTop span {
		padding-top:29px;
	}
	.goTop a::before {
		width:9px;
		height:9px;    
		border-left:3px solid #FFF;
		border-top:3px solid #FFF;
		margin:-11px 0 0 -6px;
	}
}


/* ----- tailshareBtn ----- */
.tailshareBtn {
	position:relative;
	display:none;
	margin-top:5px;
}
.tailshareBtn > a {
	position:relative;
	display:block;
	width:45px;
	height:45px;
	overflow:hidden;
	background:#134098;
	-webkit-border-radius:100%;
	   -moz-border-radius:100%;
			border-radius:100%;
}
.tailshareBtn > a.open:before {
	content:"";
	display:block;
	position:absolute;
	top:50%;
	left:50%;
	width:16px;
	height:16px;
	margin:-14px 0 0 -8px;
	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:18px;
	top:50%;
	left:50%;
	border:none;
	margin:-15px 0 0 -1px;
	background-color:#FFF;
	-webkit-border-radius:100px;
	   -moz-border-radius:100px;
			border-radius:100px;
	-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:27px;
}
.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(8,102,255,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:991px) {
}
@media screen and (min-width:1200px) {
	.tailshareBtn > a {
		width:55px;
		height:55px;
	}
	.tailshareBtn > a span {
		padding-top:32px;
	}
	.tailshareBtn > a.open:before {
		width:19px;
		height:19px;
		margin:-17px 0 0 -9.5px;
	}
	.tailshareBtn > a.close:before,
	.tailshareBtn > a.close:after {
		width:3px;
		height:20px;
		margin:-18px 0 0 -1.5px;
	}
	.tailshareBtn .tailshareMenu {
		bottom:55px;
	}
	.tailshareBtn .tailshareMenu ul {
		width:55px;
	}
	.tailshareBtn .tailshareMenu a {
		width:55px;
		height:55px;
	}
	.tailshareBtn .tailshareMenu a:before {
		width:30px;
		height:30px;
		margin:-15px 0 0 -15px;
	}
}


/*PRINT*/
@page {
    size:A4 portrait;
	margin:1cm 0.5cm;
}
@media print {
	* {
		-webkit-print-color-adjust:exact !important;
		-moz-print-color-adjust:exact !important;
		color-adjust:exact !important;
	}
	body {
		width:1020px;
		margin:0!important;
		padding:0!important;
	}
	a:link, a:visited, a {
		word-wrap:break-word;
	}
	.container {
		display:block;
		width:100%;
		max-width:990px;
	}
	#header{
		width:100%;
		margin:0 auto;
	}
	#header .logo {
		left:15px;
		top:15px;
		-webkit-border-radius:10px;
		   -moz-border-radius:10px;
				border-radius:10px;
		-webkit-box-shadow:0 0 10px rgba(0,0,0,0.3);
		   -moz-box-shadow:0 0 10px rgba(0,0,0,0.3);
			-ms-box-shadow:0 0 10px rgba(0,0,0,0.3);
				box-shadow:0 0 10px rgba(0,0,0,0.3);
	}
	#header .logo > a {
		padding:10px;
		-webkit-border-radius:10px;
		   -moz-border-radius:10px;
				border-radius:10px;
	}
	#header .logo > a span {
		width:100px;
		height:139px;
		background:url(../images/logo.png) no-repeat 50% 50%;
		background-size:auto 139px;
	}
	#topHead {
		position:relative;
		width:100%;
		padding:10px 0;
		background:#FFFFFF;
		box-sizing:border-box;
		margin:0 auto;
		-webkit-box-shadow:0 0px 10px rgb(0 0 0 / 30%);
		-moz-box-shadow:0 0px 10px rgba(0%,0%,0%,0.3);
		box-shadow:0 0px 10px rgb(0 0 0 / 30%);
		z-index:1;
	}	
	#addon{float:left;max-width:calc(100% - 100px);}
	.productsTop + .products-list + #page {
		flex-direction:column-reverse;
	}
	.fat-nav > ul {
		display:flex;
		justify-content:space-between;
		margin:-15px;
	}
	.fat-nav > ul > li {
		width:13%;
		padding:15px;
	}
	.fat-nav > ul > li:nth-child(1),
	.fat-nav > ul > li:nth-child(4) {
		width:14%;
	}
	.fat-nav > ul > li:nth-child(3),
	.fat-nav > ul > li:nth-child(5) {
		min-width:16.5%;
	}
	.fat-nav > ul > li > ul {
		margin-top:10px;
	}
	.fat-nav > ul > li > ul > li {
		margin-top:10px;
	}
	.shareBtn {
		float:left; margin-right:10px;
	}
	.shareBtn > a {
		width:35px;
		height:35px;
	}
	.headSearchZone{float:left;}
	.headSearchZone .searchTag a{float:left;display:block;width:35px;height:35px;}
	.headSearchZone .searchTag a span::before{left:7px;top:6px;}
	.headSearchZone .searchTag a span::after{left:20px;top:23px;}
	.headSearchZone .search,
	#goTop {display:none!important;}
}