@charset "utf-8";

html,
body {
    height: 100%;
    margin: 0;
    padding: 0;
}
main {
    display: block;
}
body {
    color: #333;
    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: #c85200;
    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: #B20000;
}
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;
}
: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;
}
table th,
table td {
    padding: 10px;
}
table ul,
table ol {
    margin-left: 2em;
}
.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;}

.font-green{color:#148832;}


/** Layout **/
#wrapper {
    position: relative;
    float: left;
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
}
#wrapper h1 {
    position: absolute;
    top: 9px;
    font-size: 0;
    z-index: 1000;
    margin: 0;
}
#wrapper.sp-fix h1 {
    position: fixed;
}
#wrapper.sp-show h1 {
    position: absolute;
}
#wrapper h1 a {
    display: block;
    width: 255px;
    height: 42px;
    background: url(../images/logo.png) no-repeat 50% 50%;
    background-size: contain;
}
.noscript {
    display: block;
    width: 100%;
    font-size: 1.5em;
    line-height: 120%;
    padding: 20px 0px;
    margin: 0 auto;
    box-sizing: border-box;
    background: #ffe5e6;
}
.hide-panel {
    display: none !important;
}
.sr-only {
	position:absolute;
	width:1px;
	height:1px;
	padding:0;
	margin:-1px;
	overflow:hidden;
	clip:rect(0,0,0,0);
	border:0;
}
.sr-only-focusable {
    position:fixed;
	top:0;
	left:0;
	color:#000;
	opacity:0;
	z-index:9999;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
	color:#FFF;
	font-size:1.2em;
	padding:5px 10px;	
	opacity:1;
	background:rgba(0,0,0,.7);
}
.acKey,
.acKey a {
    color: transparent;
    font-size: 0.8rem;
}
.acKey:hover,
.acKey:focus,
.acKey a:hover,
.acKey a:focus {
    color: #cd4b00;
}
.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 (max-width:420px) {
    #wrapper h1 {top: 12px;}
    #wrapper h1 a {width: 195px; height: 32px;}
}
@media screen and (min-width:991px) {
    #wrapper {padding: 0;}
    #wrapper h1 {top: 21px; left: calc((100% - 990px) / 2);}
    #wrapper h1 a {width: 340px; height: 56px;}
    .sp-mode {display: none !important;}
    .container {max-width: 960px; padding: 0;}
}
@media screen and (min-width:1230px) {
    .container {max-width: 1200px;}
    #wrapper h1 {left: calc((100% - 1200px) / 2);}
    #wrapper h1 a {width: 425px; height: 70px;}	
}

/** header **/
#header {
    width: 100%;
    background: #FFF;
    z-index: 999;
    -webkit-box-shadow: 0 3px 5px rgba(0%, 0%, 0%, 0.3);
    -moz-box-shadow: 0 3px 5px rgba(0%, 0%, 0%, 0.3);
    box-shadow: 0 3px 5px rgba(0%, 0%, 0%, 0.3);
}
#header .container {
    padding: 0;
}
#header.sp-fix {
    position: absolute;
}
#header .topMenu {
    float: right;
}
@media screen and (min-width:991px) {
	#header {min-height: 92px;}
}
@media screen and (min-width:1230px) {
	#header {min-height: 112px;}
}

/* ----- addon ----- */
.addon {
    float: right;
    width: calc(100% - 220px);
    text-align: right;
    margin: 18px 0 0 0;
}
.addon > ul {
    list-style: none;
    margin: 0 -10px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
}
.addon > ul > li {
    display: inline-block;
    color: #000000;
    font-size: 1.4em;
    font-weight: bold;
    text-align: left;
    padding: 0 3px;
}
.addon > ul > li:last-child {
    border-right: none;
}
.addon > ul > li > a {
    display: inline-block;
    width: auto;
    height: 26px;
    color: #fff;
    padding: 0 15px;
    box-sizing: border-box;
    background-color: #148832;
    border: none;
    border-radius: 50px;
    line-height: 26px;
}
.addon > ul > li > a:hover,
.addon > ul > li > a:focus {
    background-color: #c85200;
}
.addon > ul > li > a.acKey,
.addon > ul > li > a.acKey:hover,
.addon > ul > li > a.acKey:focus {
    color: #FFF;
    background-color: transparent;
    padding: 0;
}
/**/
.addon > ul > li.textsize a {
    margin-left: -1px;
    border-radius: 50px;
    background-color: #eeeeee;
    margin-left: 3px;
    width: 26px;
    height: 26px;
    text-align: center;
    line-height: 26px;
    display: inline-block;
    padding: 0;
    color: #333333;
}
.addon > ul > li.textsize span {
    margin-right: 0;
    line-height: 26px;
}
.addon > ul > li.textsize a.ts-on {
    color: #FFF;
    background: #148832;
}
.addon > ul > li.textsize a em {
    display: inline-block;
    font-style: normal;
    padding: 0 2px;
}
@media screen and (min-width:991px) {
    .addon {width: calc(100% - 340px);}
}
@media screen and (min-width:1230px) {
    .addon {width: calc(100% - 425px); margin: 20px 0 0 0;}
	.addon > ul > li {font-size: 1.5em; padding: 0 5px;}		
}


/* ----- addon-sp ----- */
#addon-sp {
    width: 100%;
    background-color: rgba(0, 0, 0, 0.3);
}
#addon-sp > ul {
    list-style: none;
    padding: 5px;
    box-sizing: border-box;
}
#addon-sp > ul > li {
    display: inline-block;
    width: 33.33%;
    text-align: center;
    padding: 10px;
    box-sizing: border-box;
    vertical-align: top;
    border-left: 1px solid rgba(255, 255, 255, 0.3);
}
#addon-sp > ul > li:first-of-type {
    border-left: none;
}
#addon-sp > ul > li a {
    display: inline-block;
    color: #FFF;
    font-size: 1.7em;
    vertical-align: middle;
}
#addon-sp > ul > li a span {
    display: inline-block;
    position: relative;
    padding-top: 30px;
    z-index: 1;
}
#addon-sp > ul > li a:hover,
#addon-sp > ul > li a:focus {
    color: #f2f230;
}
#addon-sp > ul > li a span:before {
    content: "";
    position: absolute;
    display: block;
    width: 25px;
    height: 25px;
    top: 0;
    left: 50%;
    margin-left: -12.5px;
    background: url(../images/addon-sp-icon.png) no-repeat;
}
#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.ab2:before {
    background-position: 0 0;
}
#addon-sp > ul > li a span.ab3:before {
    background-position: -25px 0;
}
#addon-sp > ul > li a span.ab4:before {
    background-position: -50px 0;
}
#addon-sp > ul > li a span.ab5:before {
    background-position: -75px 0;
}
#addon-sp > ul > li a span.ab6:before {
    background-position: -100px 0;
}
@media screen and (max-width:460px) {
    #addon-sp > ul > li {width: 33.3333%;}
}

/* ----- shareHeader ----- */
.shareHeader {
    position: relative;
}
.shareHeader .on {
    display: block;
    width: auto;
    height: 26px;
    color: #fff;
    padding: 0 15px;
    box-sizing: border-box;
    background-color: #148832;
    border: none;
    border-radius: 50px;
    line-height: 26px;
}
.shareHeader .on.show,
.shareHeader .on.show:focus {
    background-color: #c85200;
    color: #fff;
}
.shareHeader .on::before {
    content: "";
    width: 12px;
    height: 14px;
    background-image: url(../images/icon-share.svg);
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}
.shareHeader .shareFrame {
    display: none;
    transition: all 0.3s ease;
    margin: 0 auto;
}
.shareHeader .shareFrame.lanFix {
    display: block;
    position: absolute;
    left: 8px;
    top: 26px;
    height: 0;
    visibility: hidden;
    opacity: 0;
    z-index: 100;
    overflow: hidden;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.shareHeader .shareFrame.focu-show {
    height: inherit;
    visibility: visible;
    opacity: 1;
}

/**/
.shareNav {
    list-style-type: none;
}
.shareNav li {
    padding-top: 5px;
}
.shareNav a {
    width: 60px;
    height: 60px;
    font-size: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
}
.shareNav a.icon-fb {background-color: #3b5999;}
.shareNav a.icon-twitter {background-color: #1ea1f3;}
.shareNav a.icon-line {background-color: #01c302;}
.shareNav a:hover {background-color: #333333;}
.shareNav a::before {
    content: "";
    display: block;
    width: 50px;
    height: 50px;
    background-image: url(../images/fat-social.svg);
    *background-image: url(../images/fat-social.png);
    background-repeat: no-repeat;
}
.shareNav a.icon-fb::before {background-position: 0 0;}
.shareNav a.icon-twitter::before {background-position: -50px 0;}
.shareNav a.icon-line::before {background-position: -100px 0;}

/* ----- lan-sp ----- */
#lan-sp {
    font-size: 1.6em;
    padding: 10px 0;
    background-color: rgba(0, 0, 0, 0.6);
}
#lan-sp ul.shareNav {
    list-style-type: none;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}
#lan-sp ul.shareNav li {
    padding: 0 5px;
}
#lan-sp ul.shareNav a {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}
#lan-sp a::before {
    content: "";
    display: block;
    width: 40px;
    height: 40px;
    background-image: url(../images/fat-social.svg);
    *background-image: url(../images/fat-social.png);
    background-repeat: no-repeat;
    background-size: auto 40px
}
#lan-sp a.icon-fb::before {background-position: 0 0;}
#lan-sp a.icon-twitter::before {background-position: -40px 0;}
#lan-sp a.icon-line::before {background-position: -80px 0;}

/* ----- searchZone ----- */
#search-sp {
    font-size: 1.6em;
}
.searchZone {
    width: 100%;
    text-align: center;
    margin: 0 auto;
    max-width: 1200px;
}
.searchZone .searchTag {
    position: absolute;
    right: 60px;
    top: 0;
    display: block;
    width: 60px;
    height: 60px;
    color: #fff;
    padding: 0;
    box-sizing: border-box;
    background-color: #89c398;
    border-radius: 0;
    font-size: 0;
    z-index: 100;
}
.searchZone .searchTag:hover,
.searchZone .searchTag:focus {
    background-color: #c85200;
    color: #fff;
}
.searchZone .searchTag span {
    position: relative;
    float: left;
    margin: 20px 0 0 22px;
    width: 22px;
    height: 22px;
}
.searchZone .searchTag span em {
    display: block;
    height: 2px;
    width: 8px;
    background: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.searchZone .searchTag span em::before {
    position: absolute;
    display: block;
    content: '';
    left: -4px;
    top: 0;
    height: 18px;
    width: 18px;
    border: 2px 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 span em::after {
    position: absolute;
    display: block;
    content: '';
    left: 9px;
    top: 17px;
    width: 8px;
    height: 2px;
    background: #FFF;
    -webkit-transition: -webkit-transform .2s;
    transition: transform .2s;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.searchZone .searchTag.off {
    background: #c85200;
}
.searchZone .searchTag.off span em::before {
    left: -3px;
    top: 10px;
    width: 24px;
    height: 2px;
    border: none;
    background: #FFF;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.searchZone .searchTag.off span em::after {
    left: -3px;
    top: 10px;
    width: 24px;
    height: 2px;
    background: #FFF;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.searchZone .search {
    display: none;
    width: 100%;
    text-align: center;
    background: #f6f2c8;
    margin: 0 auto;
    -webkit-box-shadow: 0 3px 5px rgba(0%, 0%, 0%, 0.3);
    -moz-box-shadow: 0 3px 5px rgba(0%, 0%, 0%, 0.3);
    box-shadow: 0 3px 5px rgba(0%, 0%, 0%, 0.3);
}
.searchZone .box {
    position: relative;
    width: 100%;
    max-width: 1440px;
    padding: 10px;
    background: none;
    box-sizing: border-box;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    -webkit-transition: .3s;
    transition: .3s;
    -webkit-transition: all 200ms ease;
    transition: all 200ms ease;
}
.searchZone .keyWd {
    display: inline-block;
    width: 100%;
    max-width: 1440px;
    color: #000;
    font-size: 1em;
    line-height: 25px;
    text-align: left;
    padding: 0 10px 15px 10px;
    box-sizing: border-box;
    margin: 0 auto;
}
.searchZone .keyWd a {
    display: inline-block;
    color: #dd3700;
    font-weight: normal;
    text-decoration: none;
    margin: 0 5px;
}
.searchZone .keyWd a:hover,
.searchZone .keyWd a:focus {
    color: #cd4b00;
}
.searchZone .advanced {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 50px;
    height: 50px;
    color: #FFF;
    font-size: 0.866em;
    line-height: 15px;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    padding: 12px 10px;
    background: #148832;
    box-sizing: border-box;
}
.searchZone .advanced:hover,
.searchZone .advanced:focus {
    background: ##dd3700;
}
.searchZone .search-txt {
    width: calc(100% - 60px);
    height: 50px;
    color: #FFF;
    font-family: "PingFang TC", "微軟正黑體", "Microsoft JhengHei", Arial, Helvetica, sans-serif;
    font-size: 1em;
    line-height: 50px;
    padding: 0 10px;
    border: none;
    border-bottom: 1px solid #224b92;
    box-sizing: border-box;
    background: none;
}
.searchZone .search-txt:focus {
    color: #cd4b00;
    background: none;
    border-bottom: 2px solid #e66000;
}
.searchZone input:-internal-autofill-selected {
    background: none !important;
}
.searchZone .search-btn {
    position: absolute;
    top: 10px;
    right: 70px;
    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;
    float: left;
    width: 26px;
    height: 26px;
    margin: 9px 0 0 9px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.searchZone .search-btn span em::before {
    position: absolute;
    display: block;
    content: '';
    left: 0;
    top: 0;
    height: 22px;
    width: 22px;
    border: 3px solid #999;
    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: 16px;
    top: 19px;
    width: 11px;
    height: 3px;
    background: #999;
    -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: #cd4b00;
}
.searchZone .search-btn:hover span em::after,
.searchZone .search-btn:focus span em::after {
    background-color: #cd4b00;
}
@media screen and (max-width:480px) {
    .searchZone .searchTag {top: 0; right: 55px; width: 55px; height: 55px;}
    .searchZone .searchTag span {margin: 17px 0 0 19px;}
}

@media screen and (min-width:991px) {
    .searchZone {
        position: relative;
    }
    .searchZone .searchTag {
        position: relative;
        right: inherit;
        width: auto;
        height: 26px;
        padding: 0 10px;
        border-radius: 50px;
        display: flex;
        align-items: center;
        font-size: 1em;
        background-color: #148832;
    }
    .searchZone .searchTag::after {
        content: "網站搜尋";
        font-size: 1em;
    }
    .searchZone .searchTag.off::after {
        content: "關閉搜尋";
    }
    .searchZone .searchTag span {
        width: 14px;
        height: 14px;
        margin: 0 5px 0 0;
		font-size:0;
    }
    .searchZone .searchTag span em {
        display: block;
        height: 2px;
        width: 8px;
        background: none;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
    }
    .searchZone .searchTag span em::before {
        position: absolute;
        display: block;
        content: '';
        left: -2px;
        top: 0;
        height: 12px;
        width: 12px;
        border: 2px 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 span em::after {
        position: absolute;
        display: block;
        content: '';
        left: 6px;
        top: 10px;
        width: 7px;
        height: 2px;
        background: #FFF;
        -webkit-transition: -webkit-transform .2s;
        transition: transform .2s;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    .searchZone .searchTag.off span em::before {
        left: -2px;
        top: 6px;
        width: 14px;
        height: 2px;
    }
    .searchZone .searchTag.off span em::after {
        left: -2px;
        top: 6px;
        width: 14px;
        height: 2px;
    }
    .searchZone .search {
        position: absolute;
        right: 0;
        z-index: 3;
        top: 50px;
        width: 390px;
        border: 5px solid #148832;
        background: #FFF;
        -webkit-box-shadow: 0px 5px 6px rgba(0, 0, 0, .2);
        -moz-box-shadow: 0px 2px 6px rgba(0, 0, 0, .2);
        box-shadow: 0px 2px 6px rgba(0, 0, 0, .2);
    }
    .searchZone .box {
        position: relative;
        float: left;
        width: 100%;
        padding: 10px 70px 10px 10px;
        background: none;
        box-sizing: border-box;
        -webkit-transition: .3s;
        transition: .3s;
        -webkit-transition: all 200ms ease;
        transition: all 200ms ease;
    }
}


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

/* ----- fatfooter ----- */
.fatfooter {
	position: relative;
	zoom: 1;
	width: 100%;
	margin: 0 auto;
	background-color: #148832;
}
.fatfooter .container {
	background: url(../images/fatfooter-man.png) no-repeat 100% 100%;
	background-size:420px 202px;
}
	
/* ----- fatNavi ----- */
.fatNavi {
    width: 90%;
    display: inline-block;
}
.fatNavi > ul {
    position: relative;
    list-style: none;
    padding: 42px 0 45px;	
}
.fatNavi > ul > li {
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
	margin-right:3.5%;
}
.fatNavi > ul > li:last-child {
	margin-right:0;
}
.fatNavi > ul > li > a {
    color: #ffffff;
    font-size: 2em;
    font-weight: bold;
    line-height: 150%;
	padding-left:22px;	
	background:url(../images/footer_ico_arro.svg) 0 50% no-repeat;
	background-size:17px;	
}
.fatNavi > ul > li > a:hover,
.fatNavi > ul > li > a:focus {
    color: #ffd769;
}
.fatNavi > ul > li > ul {
    list-style: none;
    margin-top: 10px;
}
.fatNavi > ul > li > ul > li {
    margin-top: 7px;
}
.fatNavi > ul > li > ul > li > a {
    position: relative;
    display: inline-block;
    color: #ffffff;
    font-size: 1.5em;
    line-height: 120%;
	padding-left:22px;
}
.fatNavi > ul > li > ul > li > a:hover,
.fatNavi > ul > li > ul > li > a:focus {
    color: #ffd769;
}
@media screen and (min-width:1230px) {
	.fatNavi {width: 70%;}	
	.fatfooter .container {background-size:auto;}	
}

/* ----- copyright ----- */
.copyright {
    width: 100%;
    padding: 20px 0;
    margin: 0 auto;
    background: rgba(255, 255, 255, 1);
    position: relative;
    z-index: 1;
}
.copyright .mark {
    width: 100%;
    text-align: center;
    margin: 0 auto;
}
.copyright .mark a {
    display: inline-block;
    margin: 0 5px;
}
.copyright .wd {
    width: 100%;
    margin: 10px auto;
}
.copyright .wd dl {
    width: 100%;
}
.copyright .wd dt {
    color: #207D00;
    font-size: 1.5em;
    line-height: 140%;
    font-weight: bold;
    margin-bottom: 10px;
}
.copyright .wd dd {
    color: #000;
    font-size: 1.5em;
    line-height: 120%;
    font-weight: bold;
    margin-top: 8px;
}
.copyright .wd dd > span {
    display: inline-block;
}
.copyright .wd dd > span:after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 1px;
    height: 16px;
    background: #7f7f7f;
    margin: 0 10px;
}
.copyright .wd dd > span:last-of-type:after {
    display: none;
}
.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 {
    background: #D53500;
}
.copyright .wd dd a.btn-map span {
    padding-left: 11px;
    background: url(../images/icon-map.png) no-repeat 0 50%;
}
.copyright .wd dd a {
    color: #000;
}
.copyright .webInquire {
    float: left;
    width: 100%;
    margin: 0 auto;
}
.copyright .webInquire dt a {
    color: #000;
}
.copyright .webInquire dt a:hover,
.copyright .webInquire dt a:focus {
    color: #c85200;
}
.copyright .webInquire dt,
.copyright .webInquire dd {
    color: #000;
    font-size: 1.5em;
    line-height: 120%;
    font-weight: bold;
    margin-bottom: 8px;
}
.copyright .webInquire dt > span,
.copyright .webInquire ddd > span {
    display: inline-block;
}
.copyright .webInquire dt > span:after,
.copyright .webInquire dd > span:after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 1px;
    height: 16px;
    background: #7f7f7f;
    margin: 0 10px;
}
.copyright .webInquire dt > span:last-of-type:after,
.copyright .webInquire dd > span:last-of-type:after {
    display: none;
}
@media screen and (max-width: 990px) {
	.copyright .wd { text-align:center;}
	.copyright .wd dd {font-size: 1.3em;}		
	.copyright .webInquire dt,
	.copyright .webInquire dd {
		font-size: 1.3em;
		text-align:center;
		font-weight:normal;
		color:#207D00;
	}
	.copyright .wd dd a.btn-map {
		font-size: 0.65rem;
	}			
}
@media screen and (min-width: 991px) {
	.copyright .wd,
	.copyright .webInquire dt,
	.copyright .webInquire dd {text-align:center;}		
}
@media screen and (min-width: 1230px) {
    .copyright .container {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }	
    .copyright {padding: 25px 0;}
    .copyright .mark {width: 160px; margin: 0 0 15px; text-align: left;}
    .copyright .wd {width: calc(100% - 560px); margin: 0; text-align:left;}
    .copyright .webInquire {width: 400px; margin: 0;}
}


/** fotMenu **/
#fotMenu {
    position: fixed;
    right: 20px;
    bottom: 20px;
    width: 60px;
    z-index: 1;
}

/** goTop **/
#goTop {
    text-align: right;
}
#goTop > a {
    display: block;
    width: 60px;
    height: 60px;
    background: rgba(0, 0, 0, .8);
    border-radius: 50px;
}
#goTop > a:hover {
    background-color: rgba(0, 0, 0, 1);
}
#goTop > a span {
    position: relative;
    display: block;
    color: #FFF;
    font-size: 1.2em;
    text-align: center;
    padding-top: 32px;
}
#goTop > a span::after {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    top: 20px;
    width: 7px;
    height: 7px;
    border-left: 2px solid #FFF;
    border-top: 2px solid #FFF;
    margin: 0 0 0 -5px;
    z-index: 2;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

/* agencyLink */
.agencyLink {
    position: absolute;
    right: 0;
    bottom: 65px;
    width: 60px;
    text-align: center;
    z-index: 1;
}
.agencyLink > a {
    display: block;
    width: 60px;
    height: 60px;
    background: rgba(1, 159, 233, .8);
    border-radius: 50px;
    box-sizing: border-box;
    position: static;
    z-index: 1;
    -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:hover {
    background-color: rgba(0, 0, 0, 1);
}
.agencyLink > a span {
    position: relative;
    display: block;
    color: #FFF;
    font-size: 1.2em;
    text-align: center;
    padding-top: 32px;
}
.agencyLink > a span::after {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    top: 12px;
    width: 12px;
    height: 14px;
    background-image: url(../images/icon-share.svg);
    margin-left: -6px;
}
.agencyLink > a.show {
    color: #FFF;
    background-color: #C83722;
}

/**/
.agencyNav {
    list-style-type: none;
    transition: all 0.3s ease;
    margin: 0 auto;
}
.agencyLink .agencyNav.fix {
    position: absolute;
    bottom: 100%;
    right: 0;
    margin: 0;
    z-index: -1;
    overflow: hidden;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.agencyNav li {
    padding-bottom: 5px;
}
.agencyNav a {
    width: 60px;
    height: 60px;
    font-size: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
}
.agencyNav a.icon-fb {background-color: #3b5999;}
.agencyNav a.icon-twitter { background-color: #1ea1f3;}
.agencyNav a.icon-line {background-color: #01c302;}
.agencyNav a:hover {background-color: #333333;}
.agencyNav a::before {
    content: "";
    display: block;
    width: 50px;
    height: 50px;
    background-image: url(../images/fat-social.svg);
    *background-image: url(../images/fat-social.png);
    background-repeat: no-repeat;
}
.agencyNav a.icon-fb::before {background-position: 0 0;}
.agencyNav a.icon-twitter::before {background-position: -50px 0;}
.agencyNav a.icon-line::before {background-position: -100px 0;}
@media screen and (max-width: 990px) {
    .agencyLink .agencyNav {
        display: none;
        position: absolute;
        right: 0;
        bottom: 60px;
    }
}
@media screen and (min-width: 991px) {
    .agencyLink .agencyNav.fix {
        display: block;
        height: 0;
        visibility: hidden;
        opacity: 0;
        transform: translate3d(0, 65px, 0);
    }
    .agencyLink .agencyNav.focu-show {
        height: inherit;
        visibility: visible;
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}
@media print and (width: 21cm) and (height: 29.7cm) {
    @page {
        margin: 1cm;
    }
}

@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: 100% !important;
    }

    #header {
        position: absolute;
        -webkit-box-shadow: 0 3px 5px rgba(0%, 0%, 0%, 0);
        -moz-box-shadow: 0 3px 5px rgba(0%, 0%, 0%, 0);
        box-shadow: 0 3px 5px rgba(0%, 0%, 0%, 0);
    }

    #wrapper h1 {
        position: absolute;
    }

    #addon,
    #navMenu,
    .acKey,
    .searchZone,
    .fatfooter .trigger,
    .fatNavi,
    #goTop {
        display: none !important;
    }
}