@import url('/css/fontawesome-all.css');
@import url('/css/font-awesome.min.css');
@import url('/css/fontawesome.min.css');
@import url('/css/SeoJump.css');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC&family=Noto+Sans+SC&family=Playfair+Display:wght@500&family=Noto+Sans+TC:wght@100&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Abhaya+Libre:wght@400;500;600;700;800&display=swap');

* { margin: 0; padding: 0; }
*:focus { outline: none; }

body { margin: 0; }
body ::selection { background: #75cccc; text-shadow: none; color: #fff; }
body::-webkit-scrollbar { width: 5px; }
body::-webkit-scrollbar-track { background: #6f6f6f; }
body::-webkit-scrollbar-thumb { background: #75cccc; }
body::-webkit-scrollbar-thumb:hover { background: #363542; }
body::-webkit-scrollbar-thumb:hover { background: #75cccc; }

header, footer, div, nav, article, h2, h3, h4, h5, h6, hr, p, form, label, input, textarea, ul, li, img, span, font, strong, b, a, i{text-align: left;vertical-align: middle;margin: 0;padding: 0;line-height: 170%;border-width: 0;font-family: 'Noto Sans TC', serif,'Abhaya Libre', serif;font-size: 16px;word-wrap: break-word;word-break: break-word;}

:before , :after { -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; -ms-transition: all .5s ease-out; -o-transition: all .5s ease-out; transition: all .5s ease-out; }

ul, ol { list-style: none; }

fieldset { border: 0; }

input,button,select,textarea { outline:none }

img { max-width: 100%; }

a:link , a:visited , a:hover {text-decoration: none;vertical-align: initial;}

* html .clearfix { height: 1%; }

.clearfix { display: block; }

livedemo00.template-help:after, :before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.text-clamp { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; }

/* a.photo */
a.photo , .bgBox {overflow: hidden;background: no-repeat 50% / cover;display: block;transition: all linear .3s;}

/* fancybox */
[class^="fancybox-"] , [class^="fancybox-"] * , .slick-track , .fa , .fas , .fa:before , .fas:before , .fa:after , .fas:after { -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; }

/* slick-slider */
.wrapper .slick-slider { margin-bottom: 0; }

/* webBox */
.webBox { position: relative; overflow: hidden; width: 100%; }
.webBox .pageh1 { position: absolute; top: 0; z-index: 1; }
.webBox .wrapper {position: relative;background-color: #fff;z-index: 2;}

/* workframe */
.workframe {position: relative;margin: 0 auto;width: 1400px;z-index: 1;padding: 0px 0 0;}
.phoneWrap{display:none}

/* Sitemap */
#Sitemap #jsonUL a { color: #000; }

/* header */
header {position: fixed;left: 0;top: 0;width: 100%;z-index: 99999;-moz-transition: height 0.5s, background 0.5s;-o-transition: height 0.5s, background 0.5s;-webkit-transition: height 0.5s, background 0.5s;transition: height 0.5s, background 0.5s;background: -webkit-linear-gradient(rgb(0 0 0 / 61%),rgb(0 0 0 / 0%));}
header .workframe {position: relative;margin: 0 auto;width: 1600px;}
header .topBar {text-align: left;margin-left: 17px;padding-left: 0px;position: inherit;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
header .topBar .list { text-align: right; }
header .topBar a.btn {margin-left: -4px;padding: 0px 16px;border-right: 1px rgb(255 255 255 / 31%) dashed;display: inline-block;color: #ffffff;width: 20px;}
header .topBar a.btn:last-child { border-right: 0; }
header .topBar a.btn i {/* font-size: 22px; */}
header .topBar a.btn.red i {color: #ffffff;}
header .topBar a.btn font {font-size: 18px;font-weight: bold;text-align: center;}
header .topBar a.btn:nth-child(6) font {margin-left: 10px;}

header .topBar form[name="hSearch"] {position: absolute;background: #fff;box-shadow: 0 0 14px rgb(19 18 18 / 14%);z-index: -99;opacity: 0;top: 80px;right: 10px;display: inherit;}
header .topBar form[name="hSearch"] , header .menuBox .mbMenu nav >ul >li .menu_body , header .menuBox .mbMenu nav >ul >li .menu_body .subOption li ul { -webkit-transition-duration: .3s; -moz-transition-duration: .3s; -ms-transition-duration: .3s; -o-transition-duration: .3s; transition-duration: .3s; }
header .topBar form[name="hSearch"] input {padding: 5px 10px;width: 220px;display: inline-block;}
header .topBar form[name="hSearch"] a {padding: 5px 15px 9px;background: #1c1c1c;display: inline-block;color: #fff;}
header .topBar #hSearch {top: 100px;right: 10px;z-index: 10;opacity: 1;display: -webkit-box;display: -ms-flexbox;display: inherit;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
header .menuBox , header .menuBox .mbMenu nav >ul {font-size: 0;position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;margin-left: auto;margin-right: auto;}
header .menuBox #cis {position: relative;display: inline-block;text-align: center;width: 0px;height: 100%;}
header .menuBox #cis a {position: absolute;-webkit-transform: translateX(0%);-ms-transform: translateX(0%);transform: translateX(0%);z-index: 5;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;width: 115px;height: 115px;border-radius: 0%;-webkit-transition: all .5s;-o-transition: all .5s;transition: all .5s;padding: 10px;}
header.headerfixed .menuBox #cis{}
header.headerfixed .menuBox #cis a{width: 80px;height: 80px;}
header .menuBox .mbMenu {margin-left: auto;}
header .menuBox .mbMenu nav >ul >li >p a {padding: 10px 0px;font-weight: bold;color: #fff;display: block;}
header .menuBox .mbMenu nav >ul >li .menu_body ul {border-top: 4px #0e74c5 solid;}
header .menuBox .mbMenu nav >ul >li .menu_body .subOption li { position: relative; overflow: hidden; }
header .menuBox .mbMenu nav >ul >li .menu_body .subOption li >div a { padding: 10px 15px; border-bottom: 1px #3b3838 solid; display: block; color: #fff; }
header.headerfixed {position: fixed;top: 0;background-color: rgb(0 0 0 / 70%);}
header.headerfixed .topBar a.btn font, header.headerfixed .topBar a.btn i {/* font-size: 18px; *//* vertical-align: baseline; */}
header .menuBox .mbMenu nav >ul >li p >a span.ch{
    font-family: 'Noto Sans TC', serif;
}

/* footer */
footer {position: relative;background-color: #2a2c2c;}
footer #pictureBox { padding: 30px 0; background: #eee; }
footer #pictureBox ul li a { margin: 0 10px; }
footer #contactBox {padding: 30px 0 40px;}
footer #contactBox .workframe , footer #infoBox .workframe {position: initial;font-size: 0;border-right: none !important;}
footer #contactBox .workframe{display: flex;justify-content: flex-start;}
footer #contactBox .row {width: 70%;display: inline-block;vertical-align: top;font-size: 0;margin-right: 4%;}
footer #contactBox #leftborder{text-align: right;display: flex;width: 26%;justify-content: space-around;}
footer #contactBox #leftborder #footer-qrcode2 {display: inherit;margin: 5px;width: 120px;}
footer #contactBox #leftborder #fb-wrap{width: 240px;}
footer #contactBox #flogo { margin-left: 0; width: 190px; }
footer #contactBox #fcount .tit {margin: 0 0 10px 40px;padding-bottom: 10px;border-bottom: 1px #4d4d4d solid;}
footer #contactBox #fcount .tit b { position: relative; margin-right: 10px; display: inline-block; font-weight: 400; color: #fff; }
footer #contactBox #fcount .tit b:after {position: absolute;width: 100%;height: 2px;background: #ffffff;display: block;left: 0;bottom: -11px;content: "";}
footer #contactBox #fcount .tit font {font-size: 13px;color: #ffffff;}
footer #contactBox #fcount ul {margin-left: 40px;display: inline-block;vertical-align: text-top;}
footer #contactBox #fcount ul li{overflow: hidden;display: inline-block;vertical-align: top;width: calc((100%/2) - 20px);}
footer #contactBox ul li font {min-width: 60px;display: inline-block;font-size: 13px;color: #aaaaaa;}
footer #contactBox ul li font * { font-size: 13px; color: #e0e0e0; }
footer #contactBox ul li font:first-child { text-align: justify; text-justify: distribute-all-lines; text-align-last: justify; }
footer #contactBox ul li.plus-information b , footer #contactBox ul li.plus-information span { display: inline-block; vertical-align: middle; }
footer #contactBox ul li.plus-information a { position: relative; display: inline-block; }
footer #contactBox ul li.plus-information img { position: absolute; max-width: 150px; bottom: 100%; left: 0; z-index: 8; max-height: 150px; display: none; }
footer #infoBox {position: relative;}
footer #contactBox #fcount .row {width: 40%;z-index: 1;margin-left: 40px;color: #000;}
footer #infoBox #fnav {position: relative;margin-top: -15px;padding: 20px 0;width: 60%;background: #75cccc;font-size: 0;z-index: 3;}
footer #infoBox #fnav:before { position: absolute; width: 0; height: 0; border-style: solid; border-width: 0 31px 15px 9px; border-color: transparent transparent #64060a transparent; display: block; top: 0; right: -67px; z-index: 10; content: ""; }
footer #infoBox #fnav:after { position: absolute; width: 0; height: 0; border-style: solid; border-width: 74px 36px 0 0; border-color: #75cccc transparent transparent transparent; right: -36px; top: 0; z-index: 11; content: ""; }
footer #contactBox #fcount a {display: inline-block;font-size: 14px;color: #c3c3c3;}
footer #contactBox ul li font:first-child:after {margin: 0 5px;display: inline-block;font-weight: 100;font-size: 12px;color: #777777;content: "|";}
footer #contactBox #fcount a:last-child:after { content: ""; }
footer #infoBox .row .footercop { margin-left: 30px; text-align: right; }
footer #infoBox .row .footercop >div {margin-left: 10px;display: inline-block;font-size: 13px;color: #565656;}
footer #infoBox .row .footercop .text {color: #565656;}

/* gotop */
#gotop {position: fixed;bottom: 10px;right: 16px;z-index: 99;}
#gotop a { width: 40px; height: 41px; background: #75cccc; border-radius: 50%; display: block; text-align: center; line-height: 41px; color: #fff; }

/* webSeo */
#webSeo { position: relative; overflow: hidden; }
#webSeo .js-marquee-wrapper * , #webSeo .js-marquee * , #webSeo .seo * {font-weight: 400;font-size: 13px;color: #e8e8e8;-webkit-transition: none;-moz-transition: none;-ms-transition: none;-o-transition: none;transition: none;}

/* SeoStarRating */
#SeoStarRating{display: none;}
#SeoStarRating font { margin-right: 5px; display: inline-block; vertical-align: bottom; }
#SeoStarRating font:first-child {line-height: 130%;font-weight: bold;font-size: 18px;color: #757575;}
#SeoStarRating font:nth-child(2) {font-size: 16px;color: #9c9c9c;}
#SeoStarRating font:last-child { color: #383838; }

@media screen and (max-width: 1680px){
	.workframe { width: 1300px; }
	footer #infoBox:before { width: calc((100% - 1300px) / 2); }
}
@media screen and (max-width: 1500px) {
	header .workframe{ width: 90%; }
}
@media screen and (max-width: 1440px){
	.workframe {width: 1270px;}
	.wrap:before{width: 95vw;}
	footer #infoBox:before { width: calc((100% - 1100px) / 2); }
}
@media screen and (min-width: 1361px) {
	header.headerfixed .menuBox .mbMenu nav >ul >li >p a {padding: 20px 15px;}
}
@media screen and (max-width: 1360px) {
	header .menuBox #cis {z-index: 70;}
	header .menuBox .mbMenu {width: calc(100% - 300px);}
}
@media screen and (min-width: 1281px){
	footer #contactBox ul li.plus-information a:hover img { display: block; }
	#menuIcon { display: none; }
	header .menuBox .mbMenu {margin-left: auto;}
	header .menuBox .mbMenu nav >ul >li {position: relative;overflow: hidden;display: inline-block;}
	header .menuBox .mbMenu nav >ul >li:hover , header .menuBox .mbMenu nav >ul >li .menu_body .subOption >li:hover , header .menuBox .mbMenu nav >ul >li .menu_body .sub2Option >li:hover { overflow: visible; }
	header .menuBox .mbMenu nav >ul >li .menu_body .subOption >li:hover,header .menuBox .mbMenu nav >ul >li .menu_body .sub2Option >li:hover{    background-color: #004d8b;}
	header .menuBox .mbMenu nav >ul >li >p a {display: block;position: relative;min-width: 120px;height: 50px;color: #434343;letter-spacing: 0px;font-size: 22px;}
	header .menuBox .mbMenu nav ul li b { display: none; }
	header .menuBox .mbMenu nav >ul >li .menu_body , header .menuBox .mbMenu nav >ul >li .menu_body .subOption li ul {position: absolute;width: 170px;background: rgba(29, 29, 29, 0.81);left: calc(50% - 80px);z-index: 1;opacity: 0;transform: translateY(30px);}
	header .menuBox .mbMenu nav >ul >li:hover .menu_body { opacity: 1; transform: translateY(0); }
	header .menuBox .mbMenu nav >ul >li .menu_body .subOption li ul {top: -4px;left: 170px;transform: translateY(0);transform: translateX(30px);}
	header .menuBox .mbMenu nav >ul >li:last-child .menu_body .subOption li ul { left: auto; right: 170px; }
	header .menuBox .mbMenu nav >ul >li .menu_body .subOption li:hover ul.sub2Option , header .menuBox .mbMenu nav >ul >li .menu_body .subOption li ul.sub2Option li:hover ul.sub3Option { opacity: 1; transform: translateX(0); }
	header.headerfixed .menuBox .mbMenu nav >ul >li >p a {padding: 11px 0px;}
	header.headerfixed .menuBox #cis:before { height: calc(100% + 26px); top: -13px; }
	header.headerfixed .menuBox #cis:after { height: calc(100% + 41px); top: -13px; }
	header .menuBox .mbMenu nav {font-size: 0;text-align: center;}
	header .menuBox .mbMenu nav >ul >li {display: inline-block;vertical-align: top;padding: 12px 0px;}
	header .menuBox .mbMenu nav >ul >li p >a span {display: block;position: absolute;width: 100%;line-height: 30px;font-size: 1.05rem;color: #fff;top: 50%;font-weight: 400;margin-top: -15px;white-space: nowrap;transition: opacity .25s,transform .25s;-moz-transition: opacity .25s,transform .25s;-webkit-transition: opacity .25s,transform .25s;text-align: center;font-family: 'Libre Caslon Text', serif;text-transform: uppercase;}
	header .menuBox .mbMenu nav >ul >li p >a span.ch {font-size: 0.825rem;opacity: 0;transform: translateY(15px);-moz-transform: translateY(15px);-webkit-transform: translateY(15px);}
	header.headerfixed .menuBox .mbMenu nav >ul >li p >a span.ch{font-size: 17px;}
	header .menuBox .mbMenu nav >ul >li p >a span.ch,header .menuBox .mbMenu nav >ul >li p >a span.en{font-size: 17px;font-weight: 500;}
	header .menuBox .mbMenu nav >ul >li p >a span.ch, header .menuBox .mbMenu nav >ul >li p >a:hover span.en {opacity: 1;transform: translateY(0);-moz-transform: translateY(0);-webkit-transform: translateY(0);}
	header .menuBox .mbMenu nav >ul >li p >a span.en, header .menuBox .mbMenu nav >ul >li p >a:hover span.ch {opacity: 0;transform: translateY(-15px);-moz-transform: translateY(-15px);-webkit-transform: translateY(-15px);}
}
@media screen and (max-width: 1280px) {
	.workframe,header .workframe {width: 95%;}
	header {top: 0px;}
	header .topBar a.btn font,header .topBar a.btn i {font-size: 16px;}
	header .topBar a.btn {padding: 0px 6px;margin-left: 0px;}
	header .menuBox #cis a{width: 100px;height: 95px;}
	header.headerfixed .menuBox #cis a{width: 60px;height: 55px;}
	header .menuBox .mbMenu {width: 30px;}
	header .menuBox #menuIcon {margin: 14px 0 10px;width: 40px;display: inline-block;z-index: 99999;}
	header .menuBox #menuIcon span {margin: 8px auto 6px;height: 3px;background: #ffffff;display: block;-webkit-transition-duration: .3s;-o-transition-duration: .3s;transition-duration: .3s;}
	header .menuBox a[data-type] span {width: 25px;}
	header .menuBox a[data-type="2"] { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition-delay: .6s; -o-transition-delay: .6s; transition-delay: .6s; }
	header .menuBox a[data-type="2"] span:nth-child(1) { -webkit-transform: translateY(11px); -ms-transform: translateY(11px); -o-transform: translateY(11px); transform: translateY(11px); -webkit-transition-delay: .3s; -o-transition-delay: .3s; transition-delay: .3s; }
	header .menuBox a[data-type="2"] span:nth-child(2) { width: 0; }
	header .menuBox a[data-type="2"] span:nth-child(3) { -webkit-transform: translateY(-11px) rotate(90deg); -ms-transform: translateY(-11px) rotate(90deg); -o-transform: translateY(-11px) rotate(90deg); transform: translateY(-11px) rotate(90deg); -webkit-transition-delay: .3s; -o-transition-delay: .3s; transition-delay: .3s; }
	header .menuBox .mbMenu nav {position: fixed;overflow-y: scroll;width: 100%;height: 0;background: rgb(35 35 35 / 97%);left: 0;top: 66px;z-index: 9999999;}
	header .menuBox .mbMenu nav.openBox {height: calc(100vh - 0px);position: fixed;z-index: -10;top: 0px;transition: none;right: 0;padding: 150px 30px;width: calc(100% - 60px);}
	header .menuBox .mbMenu nav >ul {display: block;margin-top: 0px;max-height: calc(100% - 90px);overflow-y: auto;}
	header .menuBox .mbMenu nav >ul >li >p {position: relative;border-bottom: 1px #424242 solid;overflow: hidden;padding: 10px 15px;text-align: center;}
	header .menuBox .mbMenu nav >ul >li >p a span.en{display: none;}
	header .menuBox .mbMenu nav ul li b {position: absolute;padding: 10px 15px;color: #fff;right: 15px;top: calc((100% - 44px) / 2);}
	header .menuBox .mbMenu nav >ul >li .menu_body , header .menuBox .mbMenu nav >ul >li .menu_body .subOption >li >ul , header .menuBox .mbMenu nav >ul >li .menu_body .subOption >li >ul li .sub3Option { overflow: hidden; height: 0; transform: translateY(-1px); opacity: 0; }
	header .menuBox .mbMenu nav >ul >li.action .menu_body , header .menuBox .mbMenu nav >ul >li .menu_body .subOption >li.action >ul , header .menuBox .mbMenu nav >ul >li .menu_body .subOption >li >ul li.action .sub3Option { overflow: visible; height: inherit; transform: translateY(0); opacity: 1; }

	header .menuBox .mbMenu nav >ul >li .menu_body ul li .bo { position: relative; }
	header .menuBox .mbMenu nav >ul >li .menu_body .subOption li >div a {padding: 10px 35px;color: #b7b7b7;}
	header .menuBox .mbMenu nav >ul >li .menu_body ul.sub2Option , header .menuBox .mbMenu nav >ul >li .menu_body ul.sub3Option { border-top: 0; }
	header .menuBox .mbMenu nav >ul >li .menu_body .subOption li .sub3Title p a {padding: 10px 50px;color: #b7b7b7;}
	header .menuBox .mbMenu nav >ul >li .menu_body .subOption li .sub3Option p a {padding: 10px 64px;color: #cecece;}
	header .menuBox .mbMenu nav >ul >li .menu_body ul {border-top: 0px #0e74c5 solid;}
	.workframe { width: 90%; }
	footer #contactBox .workframe{display: flex;flex-direction: column;}
	footer #contactBox .row, footer #contactBox #flogo, footer #contactBox #leftborder,footer #contactBox #leftborder #fb-wrap {width: 100%;text-align: center;margin: 20px 0 0;}
	footer #contactBox #flogo a img{width: 100px;}
	footer #contactBox #leftborder #footer-qrcode2{display: none;}
	footer #contactBox #fcount .tit {margin: 0px 0 10px;}
	footer #contactBox #fcount ul { margin: 0 30px 0 0; width: calc((100% - 30px) / 2); }
	footer #contactBox #fcount ul:last-child {margin-right: 0;width: calc((100% - 0px) / 1);}
	footer #infoBox:before { width: 5%; }
	footer #infoBox #fnav a:after { margin: 0 10px; }
}
@media screen and (max-width: 980px){
	footer #infoBox .workframe { width: 100%; }
	footer #infoBox:before , footer #infoBox #fnav:after , footer #infoBox #fnav:after { opacity: 0; }
	footer #infoBox .row , footer #infoBox #fnav { padding: 10px 5%; width: 90%; }
	footer #infoBox #fnav { width: 90%; }
	footer #infoBox #fnav a { padding: 2px 5px; width: 90px; }
	footer #infoBox #fnav a:after { display: none; }
	footer #infoBox .row .footercop , footer #infoBox .row .footercop >div { margin-left: 0; text-align: left; }
}
@media screen and (max-width: 680px) {
	.phoneWrap{display:block;position:fixed;bottom: 10px;left:10px;width:calc(100% - 72px);z-index:99;}
	.phoneWrap li{display:inline-block;width: calc(50% - 5px);}
	.phoneWrap li a{display:block;color:#fff;padding: 2px 0px;text-align:center;line-height:30px;font-size:9pt;background: #4267b2;}
	.phoneWrap li:nth-child(2) a{background: #57bc7b;}
	#webSeo{    padding-bottom: 40px;}
}
@media screen and (max-width: 640px){
	footer #contactBox #fcount ul { margin: 10px 0; width: 100%; display: block; }
	footer #infoBox #fnav a { width: calc((100% / 3) - 10px); }
	footer #contactBox ul li font:last-child:before { margin: 0 5px; }
	footer #contactBox #fcount .tit {margin: 20px 0 10px;}
	footer #contactBox #fcount ul li{width: 100%;}
}
@media screen and (max-width: 450px) {
	header .topBar a.btn {padding: 0px 6px;padding-right: 11px;}
	header .topBar a.btn i , header.headerfixed .topBar a.btn i { font-size: 12px; }
	header .menuBox #cis {text-align: left;width: 0px;}
	header .menuBox #cis a{width: 60px;height: 65px;}
	header.headerfixed .menuBox #cis a{width: 50px;height: 55px;}
	header .topBar{margin-left: 2px;}
	header .topBar a.btn font,header .topBar a.btn i {font-size: 18px;vertical-align: baseline;}
	header {padding: 0px 0;}
	header .menuBox .mbMenu nav.openBox{top: 0;padding: 110px 30px;}
	header.headerfixed .topBar a.btn font, header.headerfixed .topBar a.btn i{font-size: 18px;}
	header .menuBox .mbMenu {width: 43px;}
	footer #contactBox{padding: 30px 0 20px;}
}
@media screen and (max-width: 380px) {
	header .menuBox #cis a{width: 50px;height: 55px;}
	header .topBar a.btn font,header .topBar a.btn i {font-size: 16px;vertical-align: baseline;}
}