@import url('/css/SeoJump.css');
@import url('https://fonts.googleapis.com/css2?family=Lato&family=Noto+Sans+TC:wght@100;400;500;900&display=swap');
* { margin: 0; padding: 0; }
body::-webkit-scrollbar,
#mobile-menu::-webkit-scrollbar{width:7px;}
body::-webkit-scrollbar-track,
#mobile-menu::-webkit-scrollbar-track{background:#c5c5c5;}
body::-webkit-scrollbar-thumb,
#mobile-menu::-webkit-scrollbar-thumb{background:#f5cf34;}
body::-webkit-scrollbar-thumb:hover,
#mobile-menu::-webkit-scrollbar-thumb:hover{background:#393935;}
body {margin: 0;border: 0;width: 100%;color: #fbfbfb;font-size: 16px;line-height: 150%;-webkit-text-size-adjust: none;background-color: #fbfbfb;background-repeat: no-repeat;background-position: 50% 100%;background-size: cover;}

div, h1, h2, h3, h4, hr, p, form, label, input, textarea, img, span {
	vertical-align: middle;
	margin: 0px;
	padding: 0px;
	word-wrap: normal;
	word-break: normal;
	border-width: 0;
	font-family: 'Lato','Noto Sans TC', sans-serif;
	outline: none !important;
	-webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
	}
hr { noshade: noshade; }

th { font-weight: normal; }

ul { list-style: none; margin: 0; padding: 0; overflow: hidden; }

li { list-style: none; }

a:link , a:visited , a:hover {text-decoration: none;cursor: pointer;outline: none !important;}

img { max-width: 100%; }

.pageh1 { position: fixed; z-index: -999; opacity: 0; }

section {overflow: hidden;width: 1366px;margin: 0 auto;}

/* header topbar */
header{
    position: absolute;
    width: 100%;
    z-index: 9999;
}
header #topbar {padding: 15px 0;background-color: #3c6341eb;position: fixed;width: 100%;}
header #topbar section{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}
#topbar #cis {width: 300px;}
#topbar #top-right {overflow: hidden;}
#topbar #top-right .trans ,
#topbar #top-right .topshare ,
#topbar #top-right .topphone {/* float: right; */display: inline-block;vertical-align: super;}
#topbar #top-right .transhare{    width: 100%;    text-align: end;}
#topbar #top-right .trans a {color: #797979;font-size: 14px;padding: 0 10px;}
#topbar #top-right .trans a:first-child { position: relative; }
#topbar #top-right .trans a:first-child:before { content: '|'; color: #868686; position: absolute; right: -3px; top: 3px; line-height: 12px; font-size: 12px; }
#topbar #top-right .topshare {/* margin: 0 0 0 5px; *//* line-height: 43px; */}
#topbar #top-right .topshare a {color: #797979;font-size: 14px;margin: 0 5px;}
#topbar #top-right .topphone a {color: #ffffff;font-size: 14px;background: linear-gradient(-117deg,  rgb(220, 200, 117) 0%,rgb(185, 146, 63) 100%);padding: 3px 10px;border-radius: 17px;}

/* header main-menu */
#main-menu section { position: relative; overflow: inherit; }
#main-menu {display: flex;}
#main-menu ul {
    overflow: hidden;
    display: flex;
}
#main-menu ul >li {display: flex;position: relative;text-align: center;}
#main-menu ul >li:hover a p{
	color:#ffd400
}
#main-menu ul >li .menuicon{
    width: 20px;
    display:none;
}
#main-menu ul >li:hover .menuicon{margin: 0 auto 4px;}
#main-menu ul >li >ul { display: none; top: 100%; width: 180px; left: 0; z-index: 8; position: absolute; }
#main-menu ul >li >ul >li >a ,
#main-menu ul >li >ul >li >p {padding: 5px 15px;color: #fff;border-bottom: 1px solid #6e8a72;display: block;background: #505050;}
#main-menu ul >li >ul >li >ul >li a { display: block; color: #fff; border-bottom: 1px solid #848484;padding: 5px 25px; }
#main-menu ul >li:hover >ul { display: block; }
#main-menu ul >li >a {color: #e4e4e4;display: flex;padding: 5px 20px;font-size: 16px;line-height: 100%;transition: all linear 0.3s;text-align: center;flex-direction: column;}
#main-menu ul >li >a:hover {opacity: 1;}
#main-menu ul >li >a b{
    display: flex;
    font-size: 13px;
    margin-top: 5px;
    flex-direction: column;
    align-items: center;
    font-weight: 100;
}
#main-menu ul >li >a p{
    display: flex;
    font-weight: 500;
    font-size: 19px;
}
#main-menu ul >li:hover >a b{}
#main-menu ul >li .subnav { display: none; position: absolute; overflow: visible; left: calc(50% - 90px); }
#main-menu ul >li:hover .subnav {display: flex;position: fixed;top: 0;align-items: center;width: 100%;justify-content: center;width: 400px;flex-direction: column;left: 59%;background: #3c63412e;z-index: -1;padding-top: 77px;}
#main-menu ul >li .subnav li {text-align: center;position: relative;display: flex;width: 100%;}
#main-menu ul >li .subnav li >a {background: #4e7448;padding: 12px 20px;color: #fff;}
#main-menu ul >li .subnav li p { text-align: center; }
#main-menu ul >li .subnav li:hover {background: #3c6341;}
#main-menu ul >li .subnav li a {color: #fff;text-align: center;width: 100%;}
#main-menu ul >li .subnav li:hover > a {background: #385a31;width: 100%;}
#main-menu ul >li .subnav li .sub2nav { left: 180px; top: 0; transition: all ease-in-out 0.3s; opacity: 0; }
#main-menu ul >li .subnav li .sub2nav:before ,
#main-menu ul >li .subnav li .sub3nav:before { position: absolute; width: 0; height: 0; border-style: solid; border-width: 5px 0 5px 7px; border-color: transparent transparent transparent #000; content: ""; top: 14px; left: 0; z-index: 9; }
#main-menu ul >li .subnav li .sub2nav a { background: #6c6c6c; }
#main-menu ul >li .subnav li .sub2nav > li:hover > a { background: #5a5757; }
#main-menu ul >li .subnav li .sub3nav { left: 180px; top: 0; overflow: hidden; transition: all ease-in-out 0.3s; opacity: 0; }

#main-menu ul >li .subnav li .sub3nav:before { border-color: transparent transparent transparent #5a5757; }
#main-menu ul >li .subnav li .sub3nav a { background: rgba(53, 53, 53, 0.6); }
#main-menu ul >li .subnav li:hover .sub2nav { opacity: 1; overflow: visible; }
#main-menu ul >li .sub2nav li:hover .sub3nav { right: -132px; opacity: 1; }

/* topsearch */
#topsearch { position: absolute; right: 0; top: 0; }
#topsearch #openSearBox { position: absolute; width: 45px; height: 45px; background: #000; display: inline-block; text-align: center; font-size: 20px; line-height: 44px; color: #fff; right: 0; top: 0; }
#hSearch { overflow: hidden; position: absolute; width: 260px; height: 0; background: #fff; border: 1px #cac8c8 solid; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: inset 0 0 14px #d1d1d1; -moz-box-shadow: inset 0 0 14px #d1d1d1; box-shadow: inset 0 0 14px #d1d1d1; right: 1px; top: 46px; z-index: 9; transition: all ease-in-out 0.3s; opacity: 0; }
#hSearch input { padding: 8px 10px; width: 180px; background: transparent; }
#hSearch b { font-weight: normal; color: #797777; }
#topsearch a#goSearch { padding: 8px 0; width: 40px; display: inline-block; text-align: center; color: #787171; }

/* nav-func */
.nav-func { display: none; }
.mobile-main-nav { display: none; }

/* footer */
footer{color: #ffffff;font-size: 15px;position:relative;z-index:2;background-position:50%;background-color: #232f2b;}
footer .workframe{margin:0 auto;overflow:hidden;display: flex;flex-direction: row;flex-wrap: wrap;width: 1280px;max-width: 100%;}
footer #footerCompany{padding: 40px 0 0;}
footer #footerCompany .row{display: flex;width: calc(37% - 4px);vertical-align:top;flex-direction: column;}
footer #footerCompany .row .footernav{margin-top: 18px;}
footer #footerCompany .row .sedc{margin-top: 19px;}
footer #footerCompany .row:first-child{width: calc(33% - 4px);}
footer #footerCompany .row:last-child{width: calc(33% - 40px);display: flex;flex-direction: column;}
footer #footerCompany .row h2{font-size:18px;font-weight: 300;margin-bottom: 0px;color: white;}
footer #footerCompany .row h3{
	font-size: 48px;
	color:white;
	line-height: 150%;
}
footer #footerCompany .row h2 span{display:inline-block;width:8px;height:8px;background:#d0d0d0;vertical-align:inherit;margin-right:15px}
footer #footerSet{padding:0 0 50px}
footer #footerCompany .comlist,footer #footerCompany .fcontact,footer #footerCompany .footernav{max-width: 95%;}
footer #footerCompany #footer-qrcode{width:100%;margin:0 0 10px}
footer #footerCompany .sedc >div{display:inline-block;vertical-align:top;margin-bottom: 10px;}
footer #footerCompany .sedc >div a{display:block; text-align:center;color:#cecece;padding-right: 10px;font-family:'Oswald',sans-serif;}
footer #footerCompany .sedc a b{font-weight:400}
footer #footerCompany .comlist li b{color: #ffdb4f;vertical-align:middle;font-weight: 500;border-right: #f0f8ff8c 1px solid;margin-right: 10px;padding-right: 10px;width: 69px;}
footer #footerCompany .comlist li span{vertical-align:middle}
footer #footerCompany p.sitemap,footer #footerCompany p.sitemap a{color:#7acab8}
footer #footerCompany p a{color:#fff}
footer #footerCompany .fcontact li{margin-bottom:5px}
footer #footerCompany .fcontact li a{display:block;background:#0d0d0d;text-align:center;color:#fff;padding:13px 0;transition:all linear .3s}
footer #footerCompany .fcontact li:nth-child(even) a{background:#4e4e4e}
footer #footerCompany .fcontact li a:hover,footer #footerCompany .sedc >div a:hover{opacity:.8}
footer #footerCompany .footernav li{margin-bottom:5px;float:left;width: 33%;}
footer #footerCompany .footernav li a,footer #footerCompany .comlist li span a{color: #ffffff;}
footer #footerCompany .footernav li a:hover{color:#ffd946}
footer #footerCompany .fcontact{max-width:80%}
#footerSet .info{overflow:hidden;}
#footerSet .info div,#footerSet .info p{display:inline-block;vertical-align:top;color: #636363;font-size:12px;text-align:center;}
#footerSet .info .SeoWebFooter{margin-left: 5px;}
#footerSet .info a{color:#818181}
#footerSet .community{
	display:flex;
	flex-direction: row;
	align-items: center;
}
#footerSet .community li{display: flex;margin-right: 5px;}
#footerSet .community li a .fa{color:#c8c8c8}
#footerSet .community li a{display: flex;color:#999;left:25px;}
#footerSet .community li a:hover{opacity: .8;}
footer #footerCompany .comlist{overflow:visible;}
footer #footerCompany .comlist li{color:#f8f8f8;font-weight: 300;margin: 3px 0;display: flex;align-items: center;}
footer #footerCompany .comlist li a{color:aliceblue;}
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{background: #232f2b;color:#fff;font-size:8pt;padding:20px 0;}
.web .workframe{border-top: 1px solid #fafafa1f;padding-top: 15px;}
#footer-cis{text-align:center;margin-bottom:60px}

/* webSeo */
#webSeo { padding: 10px 0; white-space: nowrap; box-sizing: border-box; }
#webSeo .seo {padding-left: 100%;display: inline-block;font-weight: 100;font-size: 13px;opacity: .8;color: white;font-weight: 200;-webkit-animation: marquee 200s linear infinite;animation: marquee 200s linear infinite;}
@-webkit-keyframes marquee { 0% { -webkit-transform:translate(0, 0); } 100% { -webkit-transform:(-100%, 0); } }
@keyframes marquee { 0% { transform:translate(0, 0); } 100% { transform:translate(-100%, 0); } }

/* footer_btn */
#footer_btn { right: 15px; bottom: 15px; z-index: 2000; }
#footer_btn a { margin-top: 10px; line-height: 40px; }
#footer_btn a svg { margin: auto; width: 60%; height: 60%; }
#footer_btn a.line { background: #12b508; }
#footer_btn a.gotop { background: var(--primary); border: 1px rgba(var(--white-rgb), .2) solid; }
#footer_btn a.gotop:before { margin: 18px auto 0; width: 30%; height: 30%; border: var(--white) solid; border-width: 3px 0 0 3px; display: block; content: ""; }

/* footer webSeo */
footer section #webSeo {color: #0a0a0a;font-size: 6pt;width: 100%;}

/* gotop */
#gotop {position: fixed;right: 20px;bottom: 30px;font-size: 25px;color: #ffffff;z-index: 9;background: #d9b219;border-radius: 50%;width: 50px;height: 50px;text-align: center;line-height: 44px;}

/* gocart */
#gocart {position: fixed;right: 20px;bottom: 90px;font-size: 18px;color: #fff;z-index: 9;background: #d9b219;border-radius: 50%;width: 50px;height: 50px;text-align: center;line-height: 46px;font-size: 23px;}
/*LINEt2*/
#LINEt2{
	position:fixed;
	bottom: 162px;
	z-index: 996;
	right: 7px;
	display: flex;
	align-items: flex-end;
}
#LINEt2 img{
	width:80px;
	display: flex;
	order: 1;
}
#LINEt2 .show_QR img{
    width: 150px;
}
/* SeoStarRating */
#SeoStarRating font { margin-right: 5px; display: inline-block; vertical-align: middle; }
#SeoStarRating font:first-child {font-weight: bold;font-size: 18px;color: #435951;}
#SeoStarRating font:nth-child(2) {font-size: 16px;color: #8a9b92;}
#SeoStarRating font:last-child {color: #5f6964;}



/**/
.buy_show{
    position: absolute;
    right: 150px;
    background: #f7f7f7;
    z-index: 6;
    margin-top: 62px;
    box-shadow: 0 0 10px rgb(79 69 62 / 26%);
}
.buy_show2{
    position: fixed;
    right: 118px;
    background: #f7f7f7;
    z-index: 6;
    margin-top: 0;
    box-shadow: 0 0 10px rgb(79 69 62 / 26%);
    bottom: 21px;
}
.poductboxJ .orderJ{
    display: flex;
    flex-direction: column;
    overflow-y: scroll;
    height: 300px;
}
.poductboxJ .orderJ::-webkit-scrollbar{width:7px;}
.poductboxJ .orderJ::-webkit-scrollbar-track{background:#c5c5c5;}
.poductboxJ .orderJ::-webkit-scrollbar-thumb{background:#f5cf34;}
.poductboxJ .orderJ::-webkit-scrollbar-thumb:hover{background:#393935;}

.poductboxJ .listJ{
    display: flex;
    align-items: center;
    border-bottom: #c8c8c887 1px solid;
    margin-bottom: 5px;
    margin-top: 10px;
}
.poductboxJ .listJ .mimg{
    width: 100px;
}
.poductboxJ .listJ .imfotext{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0 35px;
}
.poductboxJ .listJ .imfotext p{
    font-size: 20px;
    color: #232323;
    font-weight: 500;
}
.poductboxJ .listJ .imfotext p.moneey{
	font-size: 18px;
	font-weight: 400;
	color: #c3a14e;
}
.poductboxJ .gogosister{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.poductboxJ .gogosister a{
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 8px 0;
    color: #ffffff;
    background: #4b6f50;
}
@media screen and (max-width:1366px) {
	section {width: 90%;}
	#topbar #top-right .trans { margin-top: 5px; }
	#topbar #top-right .topshare { line-height: 35px; }
	#topbar #top-right .topphone a {}
	#topbar #top-right .topphone img { height: 30px; vertical-align: sub; }
	#topbar #top-right .topshare a {}





	footer section .four .leftborder #footer-qrcode2 { margin-right: 0; }
	header #topbar { padding: 20px 0; }
}
@media screen and (min-width:1281px) {
	.mobile-main-nav { display: none !important; }
	footer section .two .border p.plus-information:hover img { display:block; }
	footer #extra ul li:hover img { display: block; }
}
@media screen and (max-width:1280px) {
	footer section .one { width: 100%; margin-bottom: 40px; }
	footer section .one img{
    width: 150px;
}
	footer section .two ,
	footer section .three ,
	footer section .four { width: 30%; margin: 0 1.533%; }
	footer section .four .leftborder { padding-left: 0; overflow: hidden; }
	footer section .four .leftborder #footer-qrcode2 ,
	#cellphone { margin: 0; float: right; max-width: 49%; }
	#cellphone { float: left; }
	#mobile-menu ul li p, #mobile-menu ul li .bo { position: relative; }
	header section { width: 90%; }
	#topbar #top-right .topshare a {}
	#main-menu, header #main-menu ul.pc, #mobile-menu ul li .menu_body, #mobile-menu ul li .sub2Option, #mobile-menu ul li .sub3Option { display: none; }
	.mobile-main-nav {position: fixed;left: 0;top: 0;z-index: 999;width: 30%;background: linear-gradient(-10deg,  #628567 0%,#526c55 50%,#719276 100%);height: 100vh;}
	.nav-funcB {position: fixed;color: #ffffff;text-align: right;float: right;font-size: 24px;left: 20px;top: 15px;}
	#mobile-menu >ul {margin-top: 55px;padding-bottom: 20px;overflow: auto;max-height: calc(100vh - 110px);}
	#mobile-menu >ul::-webkit-scrollbar { width: 0; }
	#mobile-menu ul li {overflow: hidden;border-bottom: 1px solid rgb(255 255 255 / 15%);}
	#mobile-menu ul li ul li:last-child { border-bottom: 0; }
	#mobile-menu ul li a {padding: 15px 20px;color: #ffffff;display: block;}
	#mobile-menu ul li b { position: absolute; top: 15px; right: 20px; color: #fff; }
	#mobile-menu ul li ul { background: rgba(0, 0, 0, 0.2); }
	#mobile-menu ul li .sub3Option li { border-bottom-color: #4e4d4d; }
	.nav-func {display: block;position: absolute;top: 35px;left: 2.5%;font-size: 24px;color: #fff;}
	#topbar #cis { margin-left: 2.5%; }
	#topbar #cis img {height: 70px;}
	header #topbar {padding: 10px 0;/* width: calc(100% - 60px); */}
	#topbar #top-right .trans { margin: 0 0 0 10px; } 
	#topbar #top-right .topshare { line-height: 24px; }
	#topbar #top-right .topphone img { height: 20px; }
	#topbar #top-right .topphone a {}
	#topbar #top-right {width: auto;margin-top: 20px;}
	#main-menu section { position: inherit; width: 100%; }
	.menu ul li { float: none; width: 100%; overflow: hidden; }
	#topsearch #openSearBox { width: 60px; height: 60px; line-height: 60px; }
	#hSearch { top: 61px; }
}
@media screen and (max-width:980px) {
	footer section .two ,
	footer section .three, footer section .four { width: 100%; margin: 0 0 20px; }
	footer section .two .border p { margin-right: 20px; width: calc(50% - 30px); display: inline-block; }
	footer section .three ul { margin: 0 auto; }
	footer section .three li { display: inline-block; width: calc((100% / 4) - 40px); text-align: center; }
	footer section .four .leftborder #footer-qrcode2 ,
	#cellphone { width: 100%; margin: 0 auto; float: none; text-align: center; }
	#cellphone ul { text-align: center; }
	#cellphone li { display: inline-block; }
	footer section .four .leftborder #footer-qrcode2 img { width: 150px; }
	.mobile-main-nav { width: 50%; }
}
@media screen and (min-width: 1025px){
	footer * { vertical-align: top; }
	.phoneWrap{display:none!important}
}
@media screen and (max-width: 1024px){
	footer #f_other { margin-top: 10px; }
	.phoneWrap{display:block;position:fixed;bottom:20px;left:10px;width:calc(100% - 72px);z-index:99}
.phoneWrap li{display:inline-block;width:calc(50% - 4px)}
.phoneWrap li a{display:block;color:#fff;padding:5px 15px;text-align:center;line-height:30px;font-size: 10pt;background: #c9a243;}
.phoneWrap li:nth-child(2) a{background: #3e694e;}




.web{padding-bottom:60px}
#gotop {}
}
@media screen and (max-width: 980px){
	footer #footerCompany .row{
    width: calc(50% - 40px);
    margin: 10px 0;
    padding: 20px;
}
	footer #footerCompany .row:first-child{
    width: 100%;
}
	footer #footerCompany .row:last-child{
    width: calc(50% - 40px);
}
}

@media screen and (max-width:768px) {
	#topbar #top-right .topphone { display: none; }
	footer #extra , footer #f_info { margin-top: 10px; }
}
@media screen and (max-width:640px) {
	header #topbar section{
    display: flex;
    align-items: center;
    margin: 0 auto;
    justify-content: center;
}
	#webSeo {margin-top: 0;}
	#footer_btn { width: calc(100% - 30px); bottom: 34px; }
	#footer_btn a.line { margin-right: 15px; }
	
	#topbar #top-right .trans a:first-child ,
	#topbar #top-right .trans a:first-child:before { display: none; }
	.nav-func {top: 16px;z-index: 99998;position: fixed;left: 18px;}
	#topbar #cis img {height: 40px;}
	#topbar #cis {margin-left: 0;display: flex;justify-content: center;}
	#topbar #top-right { margin-top: 5px; }
	#topbar #top-right .topshare a { font-size: 14px; }
	#topbar #top-right .trans a { padding: 0 0 0 5px; font-size: 12px; }
	#topbar #top-right .trans ,
	#topbar #top-right .topshare { margin: 0 0 0 5px; }
	#topbar #top-right {margin-top: 10px;}
	section { width: 90%; }
	header section {margin: 0 10px 0 30px;/* width: calc(100% - 90px); */}
	header #topbar { width: 100%; }
	#topsearch #openSearBox { width: 50px; height: 50px; line-height: 50px; }
	#hSearch { top: 51px; }
	#gotop ,#gocart{
    right: 10px;
}
}
@media screen and (max-width:480px) {
	.menu ul li a { padding: 10px; }
	.mobile-main-nav {}
	#gocart {bottom: 80px;right: 10px;}
	#gotop {bottom: 22px;right: 10px;}
	footer #footerCompany .mbbnone{display: none;}
	footer #footerCompany .row:last-child{
        width: 100%;
    }
    footer #footerSet{
        padding-bottom: 20px;
    }
    header{
        position: fixed;
        top: 0;
        left: 0;
        z-index: 997;
        width: 100%;
        background-color: #3f6746c7;
    }
    #LINEt2 img{
        width: 60px;
    }
    #LINEt2{
    bottom: 150px;
}
}
@media screen and (max-width:360px) {
	#topbar #top-right .topshare { display: none; }
	#topbar #cis { margin-left: 10%; }
}