@import url('/css/SeoJump.css');
* { margin: 0; padding: 0;box-sizing: border-box; }

body { margin:0; }
div, h1, h2, h3, h4, h5, h6, hr, p, form, label, input, textarea, img, span, ul, li { text-align: left; vertical-align: middle; margin: 0; padding: 0; word-wrap: normal; word-break: normal; line-height: 170%; border-width: 0; font-family: "微軟正黑體", "蘋果儷中黑", "Lucida Grande", "Arial", "Arial Narrow"; font-size: 14px; word-wrap: break-word; word-break: break-all; }
:before , :after { -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
ul, ol { list-style: none; }
fieldset { border: 0; }
input,button,select,textarea { outline:none }
img { max-width: 100%; }a:link , a:visited{color: #000}
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; }

.container{width: 1080px;position: relative;margin: 0 auto;}

/* a.photo */
a.photo { overflow: hidden; background-position: 50%; background-repeat: no-repeat; background-size: 100% auto; display: inline-block; }

/* wow */
.wow { animation-fill-mode: both; -webkit-animation-fill-mode: both; animation-duration: 1s; -webkit-animation-duration: 1s; }

/* webBox */
.webBox { position: relative;}
.webBox .pageh1 { position: absolute; top: 0; z-index: 1; }
.pageh1 {position: fixed; z-index: -8989898; opacity: 0;color: #fff;}
.webBox .wrapper {width: 100%;overflow: hidden; position: relative;  top: 0; left: 0; z-index: 2; transition: all linear 0.3s; }

/* workframe */
.container{width: 1080px;position: relative;margin: 0 auto;}
.workframe { position: relative; margin: 0 auto; width: 100%; }

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

/*右側懸浮*/
#side-fix-icon{position: fixed;z-index: 999; width: 40px;bottom:190px;right: 10px;display: flex;flex-wrap: wrap;}
#side-fix-icon a{margin: 5px 0px; width: 40px;height:40px;border-radius: 50%;text-align: center;line-height: 40px;font-size: 20px;} 

.icon {cursor: pointer;position: relative;display: inline-block;width: 60px;height: 60px;margin-left: 12px;margin-right: 12px;border-radius: 30px;overflow: hidden;text-align: center;}
.icon::before, .icon::after {content: '';position: absolute;top: 0;left: 0;height: 100%;width: 100%;transition: all 0.25s ease;border-radius: 30px;}
.icon i {position: relative;color: #FFFFFF;}
.icon i:hover i{}

.icon-expand::before {box-shadow: inset 0 0 0 60px #fff;}
.icon-expand:hover::before {box-shadow: inset 0 0 0 0px #fff;}

#fbFansURL.icon-expand::after {box-shadow: inset 0 0 0 1px #3b5999}
#lineTitle.icon-expand::after {box-shadow: inset 0 0 0 1px #00b900}
#webPhone.icon-expand::after {box-shadow: inset 0 0 0 1px #3c6382}
#webEmail.icon-expand::after {box-shadow: inset 0 0 0 1px #d5362f}

#fbFansURL.icon i{color:#3b5999 }
#lineTitle.icon i{color:#00b900 }
#webPhone.icon i{color:#3c6382 }
#webEmail.icon i{color:#d5362f }

#fbFansURL.icon:hover i,#lineTitle.icon:hover i,#webPhone.icon:hover i,#webEmail.icon:hover i{color:#fff }

#fbFansURL.icon-expand::before{background:#3b5999;}
#lineTitle.icon-expand::before{background:#00b900;}
#webPhone.icon-expand::before{background:#3c6382;}
#webEmail.icon-expand::before{background:#d5362f;}


/* header */
header {box-shadow: 0 0 14px -5px rgba(0,0,0,.3); background: #fff;  width: 100%; transition: all linear 0.3s; z-index: 99; position: fixed;top: 0px;left: 0px;}
header.fixed{position: fixed;}
header.headerTop{top: 0px;}

header #translate {display: inline-block;border: 1px solid #dadada;border-radius: 15px;}
header #translate >p{display:inline-block;vertical-align:initial;font-size:12px;margin-left:10px;color:#238dc7}
header #translate >p a{color:#1b6c98}
header #translate form{top:132px;right:50px;z-index:8;text-align:center;line-height:40px;color:#fff; transition: ease .3s;}
header #translate form p{border:1px solid #7d7d7d;overflow:hidden;background:#fff}
header #translate #goSearch{transition: ease .3s; text-align:center;padding:0px 10px;color:#717171;line-height:20px;float:right;font-size:12px;letter-spacing:.1em;line-height:25px}
header #translate #goSearch:hover{opacity: .9}
header #translate form input{height:25px;width:120px;padding:5px 10px;font-size:14px;display:inline-block;float:left;background: none;}
header#openSearch #translate{position: absolute; display: block;}
header #cis { position: absolute; top:15px; left: 40px; z-index: 10; transition: ease .3s;}
header.headerTop #cis{top: 15px;}
header .topBox{position: absolute;right:40px;top: 0px;display: inline-block;z-index: 2; transition: ease .3s;}
header.headerTop .topBox{top: 0px;}
header .topBox font { padding:5px; display: inline-block; transition: all linear 0.3s; }

header .topBox font#openMenu { display: none;}
header .topBox font#openMenu a{display: block;width: 28px;height: 28px;}
header .topBox font#openMenu a span{transition: ease .3s; display:block;width: 100%;height: 2px;margin: 6px 0px; background: #79551a;}
.openwrap header .topBox font#openMenu a span:nth-child(1){transform: rotate(45deg) translateY(10px);}
.openwrap header .topBox font#openMenu a span:nth-child(2){opacity: 0;}
.openwrap header .topBox font#openMenu a span:nth-child(3){transform: rotate(-45deg) translateY(-11px) translateX(1px);}
header .topBox font a , header .topMenu nav .mobtop font a { color: #333; }


header .topMenu { position: relative;text-align: right; }
header .topMenu nav { margin-left: 450px; }
header .topMenu nav {}
header .topMenu nav ul.pc{display: inline-block;}
header .topMenu nav .mobtop , header .topMenu nav .pc >li >p b { display: none; }
header .topMenu nav .pc >li { display: inline-block; }
header .topMenu nav .pc >li >p a {padding: 33px 10px; display: block; text-align: center; font-size: 16px; color: #333; transition: all linear 0.3s; }
header .topMenu nav .pc >li:hover >p a { color: #79551a;}
header .topMenu nav .pc li .menu_body { overflow: hidden; position: absolute; width: 130px; height: 0; background: #fff; text-align: left; z-index: 10; opacity: 0; transition: all linear 0.3s; }

header .topMenu nav .pc li:hover .menu_body { overflow: visible; height: auto; opacity:1; }
header .topMenu nav .pc li .menu_body ul li , header .topMenu nav .pc li .menu_body ul li .bo { position: relative; }
header .topMenu nav .pc li .menu_body ul li >div a {transition: ease .3s; font-weight: bold; border-bottom: 1px solid #ddd; background-color:#fff; position: relative; padding: 10px 15px 10px 15px; display: block;  color: #79551a; z-index: 3; }

header .topMenu nav .pc li .menu_body ul li:hover b ,
header .topMenu nav .pc li .menu_body ul li .sub2Option b ,
header .topMenu nav .pc li .menu_body ul li .sub2Option a { color: #79551a; }
header .topMenu nav .pc li .menu_body ul li b {color: #fff; position: absolute; padding: 0 5px; right: 0; top: calc(50% - 13px); z-index: 4; }
header .topMenu nav .pc li .menu_body ul li b i.fa-plus:before { content: "\f0da"; }
header .topMenu nav .pc li .menu_body ul li > .sub2Option ,
header .topMenu nav .pc li .menu_body ul li > .sub3Option {transition: ease .3s; position: absolute; width: 130px; background: rgba(31, 77, 161, 0.7); right: 0; top: 0; opacity:0; }
header .topMenu nav .pc li .menu_body ul li:hover > .sub2Option ,
header .topMenu nav .pc li .menu_body ul li:hover > .sub3Option { right: -130px; opacity: 1; }



/* gotop */
#gotop { 
	position: fixed;
    bottom: 40px;
    right: 10px;
    z-index: 999;
    width: 50px;
    height: 50px;
    padding-top: 7px;
    border-radius: 50%;
    background-color: #79551a;
    color: #fff;
    font-family: Montserrat,sans-serif;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    transition: .3s;

}
#gotop:before {
    display: block;
    width: 12px;
    height: 8px;
    margin-bottom: 2px;
    margin-left: 18.5px;
    margin-top: 5px;
    background: url(/images/27/ico-arrow_top.svg) 50% 50% no-repeat;
    background-size: cover;
    content: "";
}
#gotop i{color: #E33339;font-size: 45px;}
/* gocart */
#gocart {position: fixed;width: 50px;bottom: 95px;right: 10px;z-index: 999;color: #ffffff;height: 50px;border-radius: 50%;background: #333;text-align: center;line-height: 50px;font-size: 24px;}



/* footer */
footer{color:#fff;font-size:13px;}
footer #footerCompany{background: #fbf8f0;padding-top: 80px;padding-bottom: 30px;}
footer #footerCompany .row{display: flex;}
footer #footerCompany .row .section{width: 33%;}
footer #footerCompany .row .section:nth-child(2){padding: 0 30px;}
footer #footerCompany .logo-content{margin-bottom: 40px;padding-bottom: 30px;border-bottom: 1px solid #eee;display: flex;align-items: flex-end;}
footer .navlist{margin-bottom: 40px;padding-bottom: 30px;border-bottom: 1px solid #eee;}
footer .navlist ul{display: flex;flex-wrap: wrap;}
footer .community{display: flex;padding-bottom: 10px;}
footer .community i{color: #b19f80;font-size: 20px;padding: 0 10px;transition: ease .3s;}
footer .community i:hover{opacity: .8;}
footer #footerCompany .row h4{font-size:18px;font-weight:400;margin-bottom:15px;color: #333;}
footer #footerCompany .row h4 span{display: inline-block;width: 8px;height: 8px;background: #79551a;vertical-align: inherit; margin-right: 15px;}
footer #footerCompany .fcontact li:nth-child(2n+1) .btn a > span{background: #818181;}
footer #footerCompany .fcontact li:nth-child(2n+1) .btn a:hover > span{background:#818181 }
footer #footerCompany .fcontact li:nth-child(even) .btn a:hover > span{background:#E33339;}
footer #footerCompany #footer-qrcode,footer #footerCompany #footer-FB,footer #footerCompany #footer-map{width:100%;display:inline-block;margin:0 10px 10px 0;}
#footerCompany #footer-FB{overflow: hidden;}
footer #footerCompany .comlist li{color: #333; position: relative;}
footer #footerCompany .comlist li b{color:#333;margin-right:5px;vertical-align:middle}
footer #footerCompany .comlist li span{vertical-align:middle;color:#818181;}
footer #footerCompany p{margin-bottom:15px;color: #333;}
footer #footerCompany .fcontact li{margin-bottom:5px}
footer #footerCompany .fcontact li a{display:block;background:#ceb267;text-align:center;color:#fff;padding:13px 0;transition:all linear .3s}
footer #footerCompany .fcontact li:nth-child(even) a{background:#79551a;color:#fff}
footer #footerCompany .fcontact li a:hover{opacity:.8}
footer #footerCompany .footernav{display: flex;flex-wrap: wrap;}
footer #footerCompany .footernav li{width:14.28555%;position: relative;padding-bottom: 20px;}
footer #footerCompany .footernav li.sitemap i{color: #333;}
footer #footerCompany .footernav li a{color: #212121;font-weight: bold;}
footer #footerCompany .comlist li span a{color:#818181}
footer .web,#footerSet{background: #79551a;}
#footerSet .info{
    overflow: hidden;
    text-align: center;
    border-top: 1px solid rgba(255,255,255,0.2);
    padding-top: 15px;
}
#footerSet .info div,#footerSet .info p{display:inline-block;vertical-align:top;color:#fff;font-size:12px}
#footerSet .info .SeoWebFooter{display:block;text-align: center;padding-bottom: 5px;}
#footerSet .info .SeoWebFooter .sitemap{margin-left: 5px;font-size: 12px;vertical-align: baseline;}
#footerSet .info .SeoWebFooter .sitemap a{color: #fff;}
#footerSet .info a{color:#818181}
#footerSet .community{text-align: center;}
#footerSet .community li{display: inline-block;}
#footerSet .community li a{display: inline-block;font-size: 22px;padding: 0 5px;}
#footerSet .community li a i{color: #333;}
footer #footerCompany .comlist{overflow:visible}
footer #footerCompany .plus-information{overflow:visible}
footer #footerCompany .plus-information a{position:relative;display:inline-block}
footer #footerCompany .plus-information img{position:absolute;max-width:150px;bottom:100%;left:0;z-index:8;max-height:150px;display:none}
.web{color:#fff;font-size:8pt;padding:5px 0}

/* webSeo */
#webSeo { overflow: hidden; width: 100%; }
#webSeo .seo > div { -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; }

/* phoneWrap */
.phoneWrap { position: fixed; width: 100%; display: none; bottom: 0; left: 0; z-index: 998;transition: all linear .3s; }
.phoneWrap ul { overflow: hidden; }
.phoneWrap ul li { float: left; width: 50%; }
.phoneWrap ul li a { padding: 6px 0; background:#ccae62; display: block; text-align: center; font-size: 16px; color: #fff; }
.phoneWrap ul li:last-child a { background-color:#10ac84; border-right: 0; }

/* SeoStarRating */
#SeoStarRating font { margin-right: 5px; display: inline-block; vertical-align: middle; }
#SeoStarRating font { display: inline-block; }
#SeoStarRating font:first-child { font-weight: bold; font-size: 18px; color: #FF9800; }
#SeoStarRating font:nth-child(2) { font-size: 16px; color: #FF9800; }
#SeoStarRating font:last-child { color: #ff003b; }

@media screen and (min-width: 1281px) {
	footer #footer-info ul li.plus-information a:hover img { display:block; }
}
@media screen and (min-width: 1280px) {
footer #footerCompany .plus-information a:hover img{display:block}

}

@media screen and (max-width: 1540px) and (min-width: 1025px){
	header .topMenu nav .pc li:nth-child(7) ~ li .menu_body ul li:hover > .sub2Option, header .topMenu nav .pc li:nth-child(7) ~ li .menu_body ul li:hover > .sub3Option{
		right: 130px;
	}
	
	header .topMenu nav .pc li:nth-child(10) .menu_body ul li b{left: 0px;right: unset;}
	header .topMenu nav .pc li:nth-child(10) .menu_body ul li b i{transform: rotate(180deg);}
}
@media screen and (min-width: 1025px) {
	header .topMenu nav .pc li .menu_body ul{box-shadow: 0 1px 3px 1px rgba(0,0,0,.15);}
	header .topMenu nav .pc li .menu_body ul li:hover >div a { color: #fff; background: #79551a;}
	header .topMenu nav .pc >li{position: relative;}
	header .topMenu nav .pc >li::after{content: "";position: absolute;bottom: 0px;width: 100%;display: block;height: 0px;background: #ceb267;transition: ease .3s;}
	header .topMenu nav .pc >li:hover::after{height: 5px;}
}
@media screen and (max-width: 1440px) {
	header .topMenu nav{margin-left: 350px;}
	header .topMenu nav .pc >li >p a{padding: 35px 5px;}
	
}

@media screen and (max-width: 1280px) {
header .community i{font-size: 20px;padding: 0 5px;}
header .topMenu nav{margin-left: 300px;}
footer #footerCompany .row:last-child,footer #footerCompany .row:nth-child(3){margin-bottom:0}
header .topMenu nav .pc >li >p a{padding: 35px 4px;}
}
@media screen and (max-width: 1240px){
	.container{width: 80%;}
}

@media screen and (max-width: 1180px) {
	header #cis{left: 4%;width: 200px;}
	header .topMenu nav{margin-left: 280px;}
}
@media screen and (max-width: 1140px) {
	header .topMenu nav .pc >li >p a{padding: 45px 4px 30px;}
	header .topBox{right: 20px;}
	header .community{display: none;}
}
@media screen and (max-width: 1024px) {
	header{z-index: 1000;}
	header #translate{display: none;}
	header .topMenu nav .pc li .menu_body ul li >div a{background-color:#eee;}
	header .ykln{display: none;}
	header.headerTop .ykln{position: absolute;display: block; bottom: 0px;}
	header.headerTop .topBox{top: 15px;}
	header .topMenu nav .mobtop .community{display: block;z-index: 10;}
	header .topMenu nav .mobtop .community i{color: #fff;font-size: 18px;}
	header .topMenu nav .pc >li:hover >p a{color: #000;}
	header .topBox{right: 0px;top: 15px; display: flex;align-items: center;}
	header { height: 85px; }
	header #cis { top: 15px; left: 3%; }
	header #cis a.photo img { width: 170px; }
	header .topBox .workframe { width: 100%; }
	header .topBox font.languagebox{display: none;}
	header .topBox font { padding: 5px 15px 15px; }
	header .topBox font#openMenu{padding-top: 10px;}
	header .topBox font.phone , header .topBox font.cont { display: none; }
	header .topBox font#openMenu { display: inline-block; }
	header .topMenu:before { background-size: auto 5px; top: -4px; height: 5px; }
	header .topMenu nav {display: none; overflow-y: scroll; position: fixed; margin-left: 0; padding: 0 0 100px; width: 100%; height: 100%; background:#fff;  top: 85px;left: 0px; z-index: 110; transition: all 0.5s ease; }
	.openwrap header nav{display: block;}
	header .topMenu nav::-webkit-scrollbar { width: 0; }
	header .topMenu nav .mobtop , header .topMenu nav .pc >li { display: block; }
	header .topMenu nav .mobtop font { padding: 10px 0 15px; float: left; width: 50%; text-align: center; }
	header .topMenu nav .pc {background: #fff; position: relative; padding: 40px 10%;width: 100%; }
	header .topMenu nav .pc >li,header .topMenu nav .pc >li:first-child { border-bottom:1px solid #e0e0e0;}
	header .topMenu nav .pc >li >p { position: relative; }
	header .topMenu nav .pc >li >p a , header.headerTop .topMenu nav .pc >li >p a { padding: 15px 10px; text-align: left; color: #000; }
	header .topMenu nav .pc >li >p b { position: absolute; padding: 0 10px; display: block; color: #000; top: calc(50% - 13px); right: 0; z-index: 1; }
	header .topMenu nav .pc li .menu_body ,
	header .topMenu nav .pc li .menu_body ul li > .sub2Option ,
	header .topMenu nav .pc li .menu_body ul li > .sub3Option { position: relative;  width: auto; height: auto; background: none; display: none; opacity: 1; transition: none; }
	header .topMenu nav .pc li .menu_body ul li > .sub2Option .sub3Title a{padding: 15px 30px;}
	header .topMenu nav .pc li .menu_body ul li > .sub3Option li a{padding: 15px 40px;}
	header .topMenu nav .pc li .menu_body ul li:hover >div a{color: #000;}
	header .topMenu nav .pc li .menu_body ul li > .sub2Option {background: unset; }
	header .topMenu nav .pc li .menu_body ul li:hover b, header .topMenu nav .pc li .menu_body ul li .sub2Option b, header .topMenu nav .pc li .menu_body ul li .sub2Option a{color: #000;}
	header .topMenu nav .pc li .menu_body ul li > .sub3Option { padding-right: 0; }
	header .topMenu nav .pc li .menu_body ul li >div a { border-bottom: 0; color: #000; }
	header .topMenu nav .pc li .menu_body ul li b { color: #000;padding: 0 10px; }
	header .topMenu nav .pc li .menu_body ul li b i.fa-plus:before { content: "\f067"; }
	header .topMenu nav .pc li .menu_body ul li:hover > .sub2Option ,
	header .topMenu nav .pc li .menu_body ul li:hover > .sub3Option { right: 0; }
	header .topMenu nav .pc li .menu_body ul li > .sub2Option >li:last-child { border-bottom: 0; }
	header .topMenu nav .pc li .menu_body ul li >div a{padding: 15px 20px;}
	footer { padding: 0px 0 35px; }
	footer #footer-links { width: calc(48% - 40px); }
	footer #footer-menu { width: 48%; }
	footer #footer-info { margin: 15px 0; width: 100%; }
	footer #footer-info ul li { padding-right: 15px; width: calc(50% - 20px); display: inline-block; }
	.phoneWrap { display: block; }
}
@media screen and (max-width: 768px) {
	.container{width: 85%;}
	footer #footerCompany .footernav li{width: 20%;}
	header .topMenu nav .pc{padding: 40px 5%;}
	footer #footerCompany .row{flex-wrap: wrap;}
	footer #footerCompany .row .section:nth-child(2){padding: 15px 0px;}
	footer #footerCompany .row .section{width: 50%;padding: 15px 0px;}
	footer #footerCompany .row .section:first-child{width: 100%;}
	
}
@media screen and (max-width: 640px) {
footer #footerCompany .row,footer #footerCompany .comlist,footer #footerCompany .fcontact,footer #footerCompany .footernav{width:100%;max-width:100%}
footer #footerCompany .row:nth-child(3){margin-bottom:50px}
footer #footerCompany .row:last-child,footer #footerCompany .footernav li{text-align:left;}
#footerSet .info,#footerSet .info .SeoWebFooter{text-align: center;}
#footerSet .info{width:100%}
#trs1 img{height: 100vh !important;}
#trs #trs2 img,#trs #trs3 img{height: 100vh !important;}
}
@media screen and (max-width: 680px) {
	footer #footer-links #qrcode { display: none; }
	footer #footer-info ul li { padding-right: 0; width: auto; display: block; }
}
@media screen and (max-width: 480px) {
	footer #footerCompany .row .section{width: 100%;}
	footer #footerCompany .row:last-child{text-align: left;}
	footer #footerCompany #footer-FB{display: block;width: 85%;}
	footer #footerCompany #footer-qrcode{display: block;width: 150px;}
	footer #footerCompany #footer-map{width:70px}
	.web{font-size:6pt}

	
}
@media screen and (max-width: 540px) {
	footer #footerCompany .footernav li{width: 25%;}
}

@media screen and (max-width: 480px) {
	footer #footerCompany .footernav li{width: 50%;}
}
@media screen and (max-width: 420px){
	header #translate form{right: 0px;}
	header .topBox font{padding: 6px 15px;}
}
@media screen and (max-width: 400px){
	header .topBox font:first-child{display: none;}
}