@charset "utf-8";

html,body {
	height:100%;
	margin:0;
	padding:0;
}
main {display:block;}
body {
	color: #000;
	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;
    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:#c55400;
	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 {
	text-decoration:none;
	color:#b62824;
}
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;
}
a:focus, button:focus, input:focus, select:focus, textarea:focus {
	outline:2px dashed #b62824;
}
:before,
:after {
	-webkit-transition:all 0.5s ease;
	   -moz-transition:all 0.5s ease;
	     -o-transition:all 0.5s ease;
	        transition:all 0.5s ease;
}
img {
	border:none;
	vertical-align:middle;
	max-width:100%;
	height:auto;
}
table {
	width:100%;
	border:1px solid #CCC;	
}
table th,
table td {
	padding:10px;
	border-left:1px dotted #CCC;
	border-bottom:1px solid #CCC;	
}
table ul,
table ol {
	margin-left:2em;
}
.noscript {
	float:left;
	display:block;
	width:100%;
	font-size:1.5em;
	line-height:135%;
	padding:20px 0px;
	margin:20px auto 0;
	box-sizing:border-box;
	background:#ffe5e6;
	z-index:9999;
}
.hide-panel {
	display:none !important;
}
.ellipsis {
	overflow:hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.ellipsis-2, .ellipsis-3, .ellipsis-4, .ellipsis-5, .ellipsis-6, .ellipsis-7{
	overflow : hidden !important;
	text-overflow: ellipsis !important;
	display: -webkit-box !important;
	-webkit-box-orient: vertical !important;
}
.ellipsis-2 {-webkit-line-clamp: 2 !important;}
.ellipsis-3 {-webkit-line-clamp: 3 !important;}
.ellipsis-4 {-webkit-line-clamp: 4 !important;}
.ellipsis-5 {-webkit-line-clamp: 5 !important;}
.ellipsis-6 {-webkit-line-clamp: 6 !important;}
.ellipsis-7 {-webkit-line-clamp: 7 !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%;
	padding:0 15px;	
	margin:0 auto;
	box-sizing:border-box;
}
.row {
    margin-right:-10px;
    margin-left:-10px;
}
@media screen and (max-width:990px) {
	.pc-mode {display:none !important;}	
}
@media screen and (min-width:991px) {
	.sp-mode {display:none !important;}
	.container {max-width:990px; padding:0;}
}
@media screen and (min-width:1200px) {
	.container {max-width:1200px;}
}

.font-black { color:#000;}
.font-blue { color:#00aad9;}
.font-green { color:#59b300;}
.font-yellow { color:#f39800;}
.font-orange { color:#eb6100;}
.font-red { color:#c55400;}


/** wrapper **/
#wrapper {
	position:relative;
	float:left;
	width:100%;
	margin:0 auto;
	overflow:hidden;
}
#wrapper h1 {
	position:absolute;
	top:10px;
	left:10px;
	z-index:999;
}
#wrapper h1 a {
	display:block;
	width:300px;
	height:0;
	padding-bottom:40px;
	/*background:url(../images/logo.png) no-repeat 50% 50%;
	background-size:100% auto;*/
}
#wrapper h1 a img{
 	height: auto !important;
	max-width: 100%;   /* 不超過容器寬度 */
  	max-height: 100%;  /* 不超過容器高度 */
  	height: auto;      /* 保持比例 */
  	width: auto;       /* 保持比例 */
  	display: block;    /* 消除底部空隙，建議加 */
	position: absolute;
	left: 0;
	top: 0;
}
@media screen and (max-width:460px) {
	#wrapper h1 a {width:280px; padding-bottom:35px;}
}
@media screen and (max-width:420px) {
	#wrapper h1 a {width:240px;}
}
@media screen and (max-width:380px) {
	#wrapper h1 {top:11px;}
	#wrapper h1 a {width:186px; padding-bottom:31px;}
}
@media screen and (min-width:991px) {
	#wrapper h1 {top:15px; left:50%; margin-left:-495px;}
	#wrapper h1 a {width:350px; padding-bottom:50px;}
}
@media screen and (min-width:1200px) {
	#wrapper h1 {top:2px; margin-left:-600px;}
	#wrapper h1 a {width:420px; padding-bottom:70px;}
}


/** header **/
#header {
	width:100%;
	margin:0 auto;
}
#header.sp-fix {
	position:relative;
	z-index:300;
	background:#FFF;
	box-shadow:0 2px 7px rgba(0%,0%,0%,0.3);
	min-height:60px;
}  
@media screen and (max-width:420px) {
	#header.sp-fix{min-height:55px;}
}
@media screen and (min-width:991px) {
	#header {padding:10px 0; box-sizing:border-box; height:80px;}
}


/* ----- addon ----- */
.addon {
	width:990px;
	text-align:right;
	box-sizing:border-box;
	margin:30px auto 5px auto;
}
.addon > ul {
	list-style:none;
	letter-spacing:-9px;
	margin:0;
}
.addon > ul > li {
	display:inline-block;
	text-align:left;
	letter-spacing:0;
	padding:0 10px;
	margin:3px 0;
	border-left:1px dashed #000;
}
.addon > ul > li:first-child {border-left:none;}
.addon > ul > li.noline {
	border-left:none;
	padding:0 10px  0 0;
	margin:0;
}
.addon > ul > li:last-child {padding:0 0 0 10px;}
.addon > ul > li.noline:last-child {padding:0;}
.addon > ul > li a {
	display:inline-block;
	color:#000;
	font-size:1.5em;
	font-weight:bold;
	line-height:15px;
	vertical-align:middle;
}
.addon > ul > li a.acKey {color:#FFF;}
.addon > ul > li a:hover,
.addon > ul > li a:focus {color:#b62824;}
.addon > ul > li a span {
	position:relative;
	display:inline-block;
	padding-left:18px;
}
.addon > ul > li a span:before {
    content:"";
    position:absolute;
    display:block;
    width:15px;
    height:15px;
    top:0;
	left:0;
	background:url(../images/addon-icon.svg) no-repeat;
	background-size:60px 15px;
}
.addon > ul > li a:hover span:before,
.addon > ul > li a:focus span:before {background-image:url(../images/addon-icon-on.svg);}
.addon > ul > li a span.ab1:before { background-position:0 0; }
.addon > ul > li a span.ab2:before { background-position:-15px 0; }
.addon > ul > li a span.ab3:before { background-position:-30px 0; }
.addon > ul > li a span.ab4:before { background-position:-45px 0; }
.addon > ul > li a span em {font-style:normal;}
.addon > ul > li a.pwBtn {
	color:#FFF;
	line-height:11px;
	padding:4px 8px 6px 8px;
	background:#498500;
    -webkit-border-radius:3px;
       -moz-border-radius:3px;
            border-radius:3px;
}
.addon > ul > li a.pwBtn:hover,
.addon > ul > li a.pwBtn:focus {background:#b62824;}
.addon > ul > li a.pwBtn span {
	position:relative;
	padding-left:0;
	padding-right:14px;
}
.addon > ul > li a.pwBtn span:before {
    content:"";
    position:absolute;
    display:block;
    width:11px;
    height:11px;
    top:1px;
	left:inherit;
	right:0;
	background:url(../images/icon-pwBtn.svg) no-repeat;
	background-size:11px 11px;
}
.addon > ul > li a.logout {
	color:#FFF;
	line-height:11px;
	padding:4px 8px 6px 8px;
	background:#c85100;
    -webkit-border-radius:3px;
       -moz-border-radius:3px;
            border-radius:3px;
}
.addon > ul > li a.logout:hover,
.addon > ul > li a.logout:focus {background:#b62824;}
.addon > ul > li a.logout span {
	position:relative;
	padding-left:0;
	padding-right:15px;
}
.addon > ul > li a.logout span:before {
    content:"";
    position:absolute;
    display:block;
    width:12px;
    height:11px;
    top:1px;
	left:inherit;
	right:0;
	background:url(../images/icon-logout.svg) no-repeat;
	background-size:12px 11px;
}
@media screen and (min-width:991px) {
	.addon {margin:20px auto 5px auto;}	
	.addon > ul {margin-right: 90px;}	
}
@media screen and (min-width:1200px) {
	.addon {width:1200px;}
}


/* ----- addon-sp ----- */
#addon-sp {
	width:100%;
	padding:20px;
	box-sizing:border-box;
	background:#005290;
}
#addon-sp > ul {
	list-style:none;
	letter-spacing:-9px;
	margin:-5px;
	box-sizing:border-box;
}
#addon-sp > ul > li {
	display:inline-block;
	width:33.3333%;
	text-align:center;
	letter-spacing:0;
	padding:5px;
	box-sizing:border-box;
	vertical-align:top;
}
#addon-sp > ul > li.noline {width:50%;}
#addon-sp > ul > li a {
	display:block;
	color:#FFF;
	font-size:1.7em;
	line-height:125%;
	font-weight:bold;
	padding:10px 0;
	vertical-align:middle;
	background:rgba(255, 255, 255, .2);
    -webkit-border-radius:3px;
       -moz-border-radius:3px;
            border-radius:3px;
}
#addon-sp > ul > li a span {
	display:inline-block;
	position:relative;
	padding-top:30px;
	z-index:1;
}
#addon-sp > ul > li a span:before {
    content:"";
    position:absolute;
    display:block;
    width:15px;
    height:15px;
    top:5px;
	left:50%;
	margin-left:-7.5px;
	background:url(../images/addon-sp-icon.svg) no-repeat;
	background-size:45px auto;
}
#addon-sp > ul > li a span.ab2:before { background-position:0 0; }
#addon-sp > ul > li a span.ab3:before { background-position:-15px 0; }
#addon-sp > ul > li a span.ab4:before { background-position:-30px 0; }
#addon-sp > ul > li a span:after {
    content:"";
    position:absolute;
    display:block;
    width:25px;
    height:25px;
    top:0;
	left:50%;
	margin-left:-12.5px;
	background:#FFF;
	z-index:-1;
	-webkit-border-radius:100px;
	   -moz-border-radius:100px;
			border-radius:100px;
}
#addon-sp > ul > li a:hover span:before,
#addon-sp > ul > li a:focus span:before {
	-webkit-transform:rotate(360deg);
	   -moz-transform:rotate(360deg);
        -ms-transform:rotate(360deg);
         -o-transform:rotate(360deg);
            transform:rotate(360deg);
}
#addon-sp > ul > li a:hover span:after,
#addon-sp > ul > li a:focus span:after {background:#f2f230;}
#addon-sp > ul > li a span em {font-style:normal;}
#addon-sp > ul > li a:hover,
#addon-sp > ul > li a:focus {color:#f2f230;}
#addon-sp > ul > li a.pwBtn {
	color:#FFF;
	line-height:17px;
	padding:13px 8px 15px 8px;
	background:rgba(0,0,0,.3);
}
#addon-sp > ul > li a.pwBtn:hover,
#addon-sp > ul > li a.pwBtn:focus {background:#b62824;}
#addon-sp > ul > li a.pwBtn span {
	position:relative;
	padding-top:0;
	padding-right:19px;
}
#addon-sp > ul > li a.pwBtn span:before {
    content:"";
    position:absolute;
    display:block;
    width:15px;
    height:15px;
    top:1px;
	left:inherit;
	right:0;
	background:url(../images/icon-pwBtn.svg) no-repeat;
	background-size:15px 15px;
}
#addon-sp > ul > li a.pwBtn span:after {display:none;}
#addon-sp > ul > li a.logout {
	color:#FFF;
	line-height:17px;
	padding:13px 8px 15px 8px;
	background:#eb6100;
}
#addon-sp > ul > li a.logout:hover,
#addon-sp > ul > li a.logout:focus {background:#b62824;}
#addon-sp > ul > li a.logout span {
	position:relative;
	padding-top:0;
	padding-right:20px;
}
#addon-sp > ul > li a.logout span:before {
    content:"";
    position:absolute;
    display:block;
    width:16px;
    height:15px;
    top:1px;
	left:inherit;
	right:0;
	background:url(../images/icon-logout.svg) no-repeat;
	background-size:16px 15px;
}
#addon-sp > ul > li a.logout span:after {display:none;}
@media screen and (max-width:420px) {
	#addon-sp {padding:16px;}	
	#addon-sp > ul > li a {font-size:1.6em;}	
	#addon-sp > ul > li a span {width:4em;}
	#addon-sp > ul > li a span em {display:block;}
	#addon-sp > ul > li a.pwBtn,
	#addon-sp > ul > li a.logout {min-height:inherit; padding:13px 8px 15px 8px;}
	#addon-sp > ul > li a.pwBtn span,
	#addon-sp > ul > li a.logout span {width:inherit;}
}


/* ----- fbBtn ----- */
.fbBtn {display:none;}
.fbBtn a {
	display:block;
	width:100%;
	height:100%;
	background:#3c5a9b url(../images/ico-fb.svg) no-repeat 50% 50%;
	background-size:35px auto;
	border-radius:100%;	
}
.fbBtn a:hover,
.fbBtn a:focus {background-color:#005290;	}
@media screen and (min-width:991px) {
	.fbBtn {
		position:absolute;
		top:20px;
		right:50%;
		display:block;
		width:35px;
		height:35px;
	    margin-right:-455px;	
		box-sizing:border-box;
		z-index:999;
	}
}
@media screen and (min-width:1200px) {
	.fbBtn {margin-right:-560px;}
}


/* ----- searchZone ----- */
.searchZone {
    position:absolute;
	top:60px;
    width:100%;
    text-align:center;
    margin:0 auto;
	background:#b62824;
	z-index:10;
}
.searchZone .container{width:100%;}
.searchZone .searchTag {
	position:absolute;
	top: -60px;
	right: 61px;
	display: block;
	width: 60px;
	height: 60px;
	box-sizing:border-box;
	z-index:999;
}
.searchZone .searchTag a {
	display:block;
	width:100%;
	height:100%;
	background:#3399cc;
}
.searchZone .searchTag a:hover,
.searchZone .searchTag a:focus {background:#bd2824;}
.searchZone .searchTag a span {
	position:relative;
	display:block;
}
.searchZone .searchTag a span em {
	display:block;
	background:none;
	-webkit-backface-visibility:hidden;
			backface-visibility:hidden;
}
.searchZone .searchTag a span em::before {
	position:absolute;
	display:block;
	content:'';
    left:20px;
    top:20px;
    height:18px;
    width:18px;
	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 span em::after {
	position:absolute;
	display:block;
	content:'';
	left: 34px;
	top: 36px;
    width:8px;
    height:3px;
	background:#FFF;
	-webkit-transition:-webkit-transform .2s;
	        transition:transform .2s;
	-webkit-transform:rotate(45deg);
		-ms-transform:rotate(45deg);
			transform:rotate(45deg);
    -webkit-border-radius:100px;
       -moz-border-radius:100px;
            border-radius:100px;
}
.searchZone .searchTag a.close {
	display:none;
	background:#316932;
}
.searchZone .searchTag a.close span em::before {
	left:23.5px;
	top:33.5px;
	width:23px;
	height:3px;
	border:none;
	background:#FFF;
	-webkit-transform:rotate(45deg);
	    -ms-transform:rotate(45deg);
	        transform:rotate(45deg);
}
.searchZone .searchTag a.close span em::after {
	left:23.5px;
	top:33.5px;
	width:23px;
	height:3px;
	background:#FFF;
	-webkit-transform:rotate(-45deg);
	    -ms-transform:rotate(-45deg);
	        transform:rotate(-45deg);
}
@media screen and (max-width:420px) {
	.searchZone {top:55px;}
	.searchZone .searchTag {top:-55px; right:56px; width:55px;height:55px;}
	.searchZone .searchTag a span em::before {left:17px; top:17px;}
	.searchZone .searchTag a span em::after {left:30px; top:34px;}
	.searchZone .searchTag a.close span em::before {left:16px; top:26px;}
	.searchZone .searchTag a.close span em::after {left:16px; top:26px;}	
}
@media screen and (min-width:991px) {
	.searchZone {top:80px;background-color:rgba(0,85,145,.8);}
	.searchZone .searchTag {
		top:-60px;
		right:50%;
		width:35px;
		height:35px;
		margin-right:-495px;
	}
	.searchZone .searchTag a {border-radius:100%;}	
	.searchZone .searchTag a span em::before {
		left: 7px;
		top: 7px;
		width: 18px;
		height: 18px;
		border: 3px solid #FFF;
	}
	.searchZone .searchTag a span em::after {
		left: 19px;
		top: 22px;
		width: 8px;
		height: 3px;
	}
	.searchZone .searchTag a.close span em::before {
		left:12px;
		top:28px;
		width:36px;
		height:4px;
	}
	.searchZone .searchTag a.close span em::after {
		left:12px;
		top:28px;
		width:36px;
		height:4px;
	}
}
@media screen and (min-width:1200px) {
	.searchZone .searchTag {margin-right:-600px;}
}


.searchZone .search {
    display:none;
    position:relative;
    float:left;
    width:100%;
    padding:15px 10px;
    box-sizing:border-box;
}
.searchZone .search form {
	width:100%;
	display:block;
}
.searchZone .box {
	position:relative;
	display:block;
	width:100%;
	padding:0 60px 0 0;
	background:none;
	box-sizing:border-box;
	transition:all 200ms ease;
	margin:0 auto;
}
.searchZone .search-txt {
	width:100%;
	color:#fff;
	font-family:"微軟正黑體", Microsoft JhengHei, Helvetica, sans-serif;
	font-size:1.7em;
	line-height:50px;
	padding:0 60px 0 10px;
	border:none;
	border-bottom:1px solid #ddd;
	box-sizing:border-box;
	background:none;
}
.searchZone .search-txt::placeholder {color:#fff; opacity:1;}
.searchZone .search-txt:-ms-input-placeholder,
.searchZone .search-txt::-ms-input-placeholder {color:#fff;}
.searchZone .search-btn {
	position:absolute;
	top:0;
	right:60px;
	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 #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 .advanced {
	position:absolute;
	top:0;
	right:0;
	width:50px;
	height:50px;
	color:#FFF;
	font-size:1.5em;
	line-height:17px;
	text-align:center;
	vertical-align:middle;
	padding:8px 5px;
	background:#000;
	box-sizing:border-box;
}
.searchZone .advanced:hover,
.searchZone .advanced:focus {background:#D53500;	}
.searchZone .keyWd {
	width:100%;
	color:#fff;
	font-size:1.7em;	
	line-height:25px;
	text-align:left;
	box-sizing:border-box;
	margin:10px auto 0 auto;
}
.searchZone .keyWd a {
	display:inline-block;
	color:#fff100;
	text-decoration:none;
	margin:0 5px;
}
.searchZone .keyWd a:hover,
.searchZone .keyWd a:focus {color:#B6E69E;}
@media screen and (min-width:991px) {
	.searchZone .search {padding:20px 0;}
	.searchZone .keyWd {margin-top:20px;}
	.searchZone .keyWd a {color:#fff45c;}
	.searchZone .keyWd a:hover,
	.searchZone .keyWd a:focus {color:#aaff00;}
}


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


/** footer **/
#footer {
	position:relative;
	width:100%;
	margin:0 auto;
	/*background:#005290;*/	
}
#footer .trigger {
	float:left;
	width:100%;
	padding:20px 0;
	text-align:center;
}
#footer .trigger .tit-Panell {
	float:left;
	width:100%;
	color:#FFF;
	font-size:1.9em;
	font-weight:bold;	
	margin-top:20px;
}
#footer .trigger a {
	width:110px;
	height:auto;
	color:#FFF;
	font-size:1.5em;
	font-weight:bold;
	text-align:center;
	margin:0 auto;
}
#footer .trigger a:hover {color:#aaff00;}
#footer .trigger a.open-Panell,
#footer .trigger a.close-Panell {display:none;	}
#footer .trigger a.open-Panell span,
#footer .trigger a.close-Panell span {
	display:block;
	width:110px;
	padding-top:20px;
	margin:0 auto;
}
#footer .trigger a.open-Panell span {background:url(../images/open-Panell.png) no-repeat 50% 0;}
#footer .trigger a.open-Panell:hover span {background:url(../images/open-Panell-hover.png) no-repeat 50% 0;}
#footer .trigger a.close-Panell span {background:url(../images/close-Panell.png) no-repeat 50% 0;}
#footer .trigger a.close-Panell:hover span {background:url(../images/close-Panell-hover.png) no-repeat 50% 0;}
@media screen and (min-width:991px) {
	#footer {z-index:0;}
	#footer:before {
		content:"";
		position:absolute;
		display:block;
		width:100%;
		height:100%;
		top:0;
		left:0;
		background-attachment:fixed !important;
		background:url(../images/footer_bg.webp) no-repeat 50% bottom ;
		background-size:cover;
		z-index:-2;
	}
	#footer:after {
		content:"";
		position:absolute;
		display:block;
		width:100%;
		height:100%;
		top:0;
		left:0;
		background:rgba(20,30,70,.95);
		z-index:-1;
	}
}

/* ----- fatfooter ----- */
.fatfooter {
	width:100%;
	margin:0 auto;	
}
.fat-nav {
	float:left;
	width:100%;
	padding:0 0 20px 0;
	margin:0 auto;
	overflow:hidden;
}
.fat-nav > ul {
	list-style:none;
	letter-spacing:-9px;
	margin:-10px;
}
.fat-nav > ul > li {
	display:inline-block;
	width:calc(20% - 20px);
	letter-spacing:0;
	padding-right:30px;
	box-sizing:border-box;
	vertical-align:top;
	margin:10px;	
}
.fat-nav > ul > li > a {
	position:relative;
	display:inline-block;
	font-size:1.9em;
	font-weight:bold;
	line-height:150%;
	color:#fff45c;	
	text-shadow:rgba(0, 0, 0, 0.5) 0px 0px 5px;
}
.fat-nav > ul > li > a:hover {color:#aaff00;}
.fat-nav > ul > li > ul {	list-style:none;}
.fat-nav > ul > li > ul > li {	margin-top:7px;}
.fat-nav > ul > li > ul > li > a {
	position:relative;
	display:inline-block;
	color:#FFF;
	font-size:1.5em;
	line-height:150%;
	padding-left:10px;
	text-shadow:rgba(0, 0, 0, 0.5) 0px 0px 5px;
}
.fat-nav > ul > li > ul > li > a:before {
	content:"";
	display:block;
	position:absolute;
	left:0;
	top:9px;
	width:5px;
	height:2px;
	background:#FFF;
	z-index:1;
}
.fat-nav > ul > li > ul > li > a:hover {color:#aaff00;}
@media screen and (max-width:990px) {
	.fatfooter {display:none;}	
}


/* ----- copyright ----- */
.copyright {
	width:100%;
	background:#fff;
}
.copyright .wd {
	position:relative;
	width:72%;
	padding:25px 0;	
	margin:0 auto;
}
.copyright .wd dl {
	width:100%;
}
.copyright .wd dt {
	font-size:1.7em;
	line-height:145%;
	font-weight:bold;
	margin-bottom:10px;
	color:#0080a0;
}
.copyright .wd dd {
	color:#333;
	font-size:1.5em;
	line-height:130%;
	font-weight:bold;
	margin-top:8px;
}
.copyright .wd dd a {color:#333;}
.copyright .wd dd a:hover,
.copyright .wd dd a:focus {color:#b62824;}
.copyright .wd dd a.btn-map {
	color:#FFF;
	font-size:0.8rem;
	font-weight:bold;
	padding:1px 4px;
	background:#000;
	margin:0 0 0 5px;
	-webkit-border-radius:4px;
	   -moz-border-radius:4px;
            border-radius:4px;
}
.copyright .wd dd a.btn-map:hover,
.copyright .wd dd a.btn-map:focus {color:#FFF;background:#b62824;}
.copyright .wd dd a.btn-map span {
	padding-left:11px;
	background:url(../images/icon-map.png) no-repeat 0 50%;
}
.copyright .mark {
	position:absolute;
	bottom:27px;
	right:0;
}
@media screen and (max-width:1199px) {
	.copyright .wd {width:90%;}
}
@media screen and (max-width:960px) {
	.copyright .wd {width:95%;}
}
@media screen and (max-width:920px) {
	.copyright .wd {padding-bottom:35px;}
	.copyright .mark {position:relative;top:10px;}	
}
@media screen and (max-width:830px) {
	.copyright .wd {width:98%;}
}


/* ----- goTop ----- */
#goTop {
	position:fixed;
	display:block;
	right:15px;
	bottom:15px;
	z-index:900;
}
#goTop a {
	float:left;
	display:block;
	width:50px;
	height:50px;
	font-size:0;
	border:1px solid #CCC;
	box-sizing:border-box;
	background:url(../images/btn-top.png) no-repeat 50% 50%;
}
#goTop a:hover,
#goTop a:focus {
	border:1px solid rgba(0,0,0,0.8);
	background:rgba(0,0,0,0.8) url(../images/btn-top-hover.png) no-repeat 50% 50%;
}
@media screen and (min-width:991px) {
	#goTop {right:30px; bottom:30px;}
}


@page {
    size:A4;
    margin:1cm;
    size:auto ;
	size:portrait;
}
@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;}
	.container {max-width:900px;}
	#topHead {min-height:inherit;}
	#topHead .logo {margin:0!important;}
	#topHead .logo a:before{visibility:hidden; position:absolute; content:url(../images/logo.png);}
	.addon,
	#target-menu,
	#topHead .logo span,
	.fatfooter,
	.copyright .tel,
	.copyright .mark,
	.botLink,
	#goTop {display:none!important;} 
	.copyright {padding:25px 0!important;}
	.copyright .wd {width:100%!important; text-align:center;margin:0 auto!important;}
	.copyright .wd dl {float:none!important;}
}