@import url('/css/font-awesome.min.css');@import url('/css/fontawesome.min.css');@import url('/css/all.min.css');@import url('/css/SeoJump.css');@import url('/css/contentBuilder.css');@import url('root.css');@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+TC:wght@200..900&family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');
.webBox:before,.webBox:after { transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box }
.aos-init { transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out }
/* #menubtn */
.webBox header #menubtn[data-type="2"] a span:nth-child(1) { transform: rotate(45deg); -webkit-transform: rotate(45deg) }
.webBox header #menubtn[data-type="2"] a span:nth-child(3) { transform: rotate(-45deg); -webkit-transform: rotate(-45deg) }
/* #search_box */
.webBox header #search_box #openform { width: 24px; height: auto; aspect-ratio: 1/1; border-radius: 50%; display: flex; flex-direction: column; align-items: center; justify-content: center; background: var(--primary); padding: 10px }
.webBox header #search_box { display: flex; justify-content: flex-end; width: auto; align-items: center; gap: 10px; position: absolute; right: -4vw }
.webBox header #search_box form { transform: translate(30px,0); -webkit-transform: translate(30px,0); display: flex; align-items: center }
.webBox header #search_box[data-type="2"] form { transform: translate(0,0); -webkit-transform: translate(0,0) }
.webBox .img_scale img { transform: scale(1); -webkit-transform: scale(1); transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out }
/* #SeoStarRating */
.webBox #SeoStarRating font { margin-right: 5px; display: inline-block; line-height: 110%; vertical-align: text-bottom; color: #ffc107 }
.webBox #SeoStarRating font * { color: #ffc107 }
.webBox #SeoStarRating font:first-child { font-weight: bold; font-size: 18px }
.webBox #SeoStarRating font:last-child { color: #cb0244 }
/* #webSeo */
.webBox #webSeo .seo { -webkit-animation: marquee 200s linear infinite; animation: marquee 200s linear infinite }
/* #footer_btn */
.webBox #footer_btn a { width: 40px; height: 40px; border-radius: 50%; display: flex; flex-direction: column; align-items: center; justify-content: center; position: relative; background-size: cover; padding: 5px }
/* #search_box */
.webBox header #search_box form svg { display: flex; width: 17px }
/* #footer_btn */
.webBox #footer_btn a:hover {background: var(--primary);}
* { margin: 0; padding: 0 }
*:focus { outline: none }
body { margin: 0; -webkit-text-size-adjust: 100% }
body,body * { -webkit-text-size-adjust: 100% }
body::selection { background: var(--gray); text-shadow: none; color: var(--white) }
body::-webkit-scrollbar { width: 5px }
body::-webkit-scrollbar-track { background: rgba(var(--gray-rgb),.4) }
body::-webkit-scrollbar-thumb { background: var(--primary) }
header,footer,div,nav,article,h2,h3,h4,h5,h6,hr,p,form,label,input,textarea,ul,li,img,svg,span,font,strong,b,a,i { text-align: left; vertical-align: middle; word-wrap: break-word; word-break: break-word; line-height: 190%; border-width: 0; font-family: var(--font-family),sans-serif; font-size: max(1.1*(1vw+1vh)/2,15px); color: var(--info); letter-spacing: 0.05em }
ul,ol { list-style: none }
fieldset { border: 0 }
input,button,select,textarea { padding: 5px 15px; width: calc(100% - 0px); border: 1px rgba(var(--black-rgb),.15) solid; border-radius: 0; background: none; box-shadow: none; outline: none; font-size: 16px; color: var(--gray); -webkit-appearance: none; -moz-appearance: none; appearance: none }
select { padding: 10px 15px; width: 100% }
/* #Checknum */
input#Checknum { margin-right: 15px; width: 110px; max-width: calc(100% - 97px) }
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder { font-weight: 400; color: rgba(var(--black-rgb),.6) }
input::-moz-placeholder,textarea::-moz-placeholder { font-weight: 400; color: rgba(var(--black-rgb),.6) }
input:-ms-input-placeholder,textarea:-ms-input-placeholder { font-weight: 400; color: rgba(var(--black-rgb),.6) }
input:-moz-placeholder,textarea:-moz-placeholder { font-weight: 400; color: rgba(var(--black-rgb),.6) }
img { max-width: 100% }
.img_cover { width: 100%; object-fit: cover }
.img_contain { width: 100%; object-fit: contain }
a,a:link,a:visited,a:hover { text-decoration: none; white-space: pre-wrap; cursor: pointer }
a.maskilink {position: absolute;width: 100%;height: 100%;z-index: 5566;}
.txt_clamp { overflow: hidden; height: 27px; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1 }
.d_inblock.txt_clamp { display: -webkit-inline-box }
.atag_item { width: 100%; height: 100%; top: 0; left: 0 }
.txt_num { font-family: 'Quicksand',sans-serif }
.coouJJ * { font-size: max(1.2*(1vw+1vh)/2,16px) }
.coouJJ font { display: flex; color: aliceblue }
.coouJJ a { display: flex }
.coouJJ svg { width: 21px; aspect-ratio: 1/1; margin-right: 10px; fill: #ffffff }
.btn,.btn_outline { padding: 2px 10px }
.more_btn { padding: 10px 35px; text-transform: capitalize }
.more_btn:before { position: absolute; width: 100%; height: 100%; background: var(--white); top: 0; left: 0; opacity: .3; z-index: 9; content: ""; -webkit-transition: -webkit-transform .6s; transition: -webkit-transform .6s; transition: transform .6s; transition: transform .6s,-webkit-transform .6s; -webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,180deg) translate3d(0,100%,0); transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,180deg) translate3d(0,100%,0) }
.badge { padding: 2px 10px; box-shadow: none }
.badge_lighten { padding: 0 4px; min-width: 22px; border-radius: 3px; font-weight: 400; text-align: center; font-size: 12px; vertical-align: text-bottom }
a.photo,.bgBox { overflow: hidden; background: no-repeat 50%/cover; display: block }
[class^="fancybox-"],[class^="fancybox-"] *,.slick-track,.fa,.fas,.fa:before,.fas:before,.fa:after,.fas:after,.trans_none_box { -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none }
[class^="fancybox-"],[class^="fancybox-"] * { font-family: inherit; color: currentColor }
header,header a,a { transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out }
.webBox { overflow: hidden; position: relative; width: 100% }
.webBox .wrapper { position: relative; background: #f4f4f4; overflow: hidden }
.webBox .slick-slider { margin-bottom: 0 }
.workframe { margin: 0 auto; width: 90% }
.dambox { width: min(90%,1600px) }
@keyframes fadeAnimation {
  0% { opacity: 0 }
  50% { opacity: 1 }
  100% { opacity: 0 }
}
.JJtitle .titlebameoo { font-weight: 600; font-size: max(1.7 * (1vw+1vh)/2,20px); margin-bottom: 5px; color: #72514a; font-weight: 300 }
.JJtitle .cnlittle { font-weight: 400; font-size: max(4.2 * (1vw+1vh)/2,28px); line-height: 100%; color: var(--primary); text-transform: uppercase }
.JJtitle .Jterightbox .cnlittle:before { width: 120px }
.JJtitle { margin-bottom: 65px; display: flex; align-items: center; flex-direction: column }
.JJtitle.martop { margin-top: 120px }
.JJtitle .midtexrb { width: min(60px,100%); margin-bottom: 12px }
.ctntertitlewow.JJtitle .Jterightbox { display: flex; flex-direction: column; align-items: center }
.JJtitle .twobox { display: flex; width: 100%; justify-content: space-between; align-items: center }
.JJtitle .twobox .arrow_btns_box svg { background: var(--primary); border-radius: 5px; padding: 16px; width: 19px; fill: #f3f3f3 }
@keyframes myfirst {
  0% { transform: translate(0,0) }
  50% { transform: translate(0,-10px) }
  100% { transform: translate(0,0) }
}
.JJtitle .centerbox { display: flex; flex-direction: column; align-items: center }
.JJtitle2 h2:before,.JJtitle2 h2:after { top: 0px }
.JJtitle2 h2:before { content: ""; position: absolute; width: 10px; aspect-ratio: 1/1; border-radius: 55px; background: #302521; left: 10px }
.JJtitle2 h2:after { content: ""; position: absolute; width: 10px; aspect-ratio: 1/1; border-radius: 55px; background: var(--primary); left: 25px }
.jumpJJ:before,jumpJJ:after { transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out }
.JJtitle2 h2 { font-weight: 700; font-size: max(4*(1vw+1vh)/2,40px); text-transform: uppercase; color: #363636; display: flex; align-items: center }
.JJtitle2 p { font-weight: 700; font-size: max(2.8*(1vw+1vh)/2,26px); color: var(--primary); line-height: 100% }
@keyframes myfirst {
  0% { transform: translate(0px,0px) }
  50% { transform: translate(0px,-10px) }
  100% { transform: translate(0px,0px) }
}
/* #webmenu */
header #webmenu nav>ul>li>p a { color: #ffffff }
header.scroll { top: 0 }
/* #openform */
header.scroll #openform { background: var(--secondary) }
header { z-index: 9999; top: 0; padding: 43px 0; display: flex; justify-content: center; align-items: center }
header:before { content: ""; position: absolute; width: 100%; height: 100%; padding: 5px 0; border-radius: 0 }
header .menu { display: flex; align-items: center; margin: 0 auto }
header .item { padding: 0 0; width: min(1430px,100%); gap: 20px }
/* #header_bar */
header #header_bar { width: 233px }
header #header_bar a.con { background: #b01a26; padding: 9px 30px; border-radius: 50px; margin-left: 20px; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; -ms-transition: all 0.4s ease-out; -o-transition: all 0.4s ease-out; transition: all 0.4s ease-out; display: flex; align-items: center }
header #header_bar a.con:hover { background: #555 }
header #header_bar a.con font { color: var(--white); font-size: max(1.2*(1vw+1vh)/2,16px); display: flex; align-items: center }
header #header_bar a.con font svg { fill: #ffffff; width: 20px; aspect-ratio: 1/1; margin-right: 10px }
header .top_btn { width: 96%; top: 0; left: 0 }
header .top_btn svg { margin: 10px; width: 19px; height: 19px; fill: #ffffff }
/* #cis */
header #cis { z-index: 2222; display: flex; align-items: center; position: absolute }
header #cis * { transition: all 0s ease-in-out; -webkit-transition: all 0s ease-in-out }
header #cis img {width: min(290px,95%);}
header.scroll #cis img { width: min(230px,95%) }
/* #webmenu */
header #webmenu { display: flex; justify-content: flex-end; flex-direction: column; align-items: flex-end; width: 100% }
header #webmenu .tex_box a {display: flex;color: white;align-items: center;font-size: 12px;letter-spacing: 0.2em;font-weight: 300;}
/* #menubtn */
header #menubtn { height: 70px; top: 0; right: 0px; z-index: 1000; width: 98% }
header #menubtn a {margin: auto 0 auto auto;width: 30px;height: 25px;right: 20px;}
header #menubtn a span { position: absolute; width: 100%; height: 2px; background: var(--white); display: block; top: 0; right: 0 }
/* #JPchose */
header #JPchose { color: white }
/* #menubtn */
header #menubtn[data-type="1"] a span { transition: transform .4s cubic-bezier(.215,.61,.355,1),opacity .4s cubic-bezier(.215,.61,.355,1),-webkit-transform .4s cubic-bezier(.215,.61,.355,1) }
header #menubtn[data-type="1"] a span:nth-child(2) { top: calc(50% - .5px) }
header #menubtn[data-type="1"] a span:nth-child(3) { top: calc(100% - 1px) }
header #menubtn[data-type="2"] a span {transition: .4s cubic-bezier(.645,.045,.355,1);background: #ffffff;}
header #menubtn[data-type="2"] a span:nth-child(1),header #menubtn[data-type="2"] a span:nth-child(3) { top: 50% }
header #menubtn[data-type="2"] a span:nth-child(2) { opacity: 0 }
/* #webmenu */
header #webmenu nav>ul>li>p a { padding: 10px 5px; font-size: max(1.25*(1vw+1vh)/2,15px) }
header #webmenu nav ul li b { position: absolute; padding: 0 5px 0 15px; width: 23px; height: 41px; display: inline-block; text-align: center; line-height: 41px; top: calc((100% - 41px)/2); right: 12px }
header #webmenu nav ul li b .fa { color: #121212 }
header #webmenu nav>ul>li .subOption li>div a { padding: 7px 10px; display: block }
header.scroll { box-shadow: 0 0 20px rgba(var(--black-rgb),.3); padding: 11px 0; background: var(--triadic1) }
header.scroll:before { display: none }
/* #cis */
header.scroll #cis {padding: 0;position: relative;}
header #cis a { display: flex; flex-direction: column; align-items: center }
header.scroll #cis a {padding: 0;}
header.scroll .item.menu { padding-top: 0; border-bottom: 0 }
/* #wwbewm */
#wwbewm { display: flex; align-items: center; justify-content: flex-end; display: none }
#wwbewm a { padding: 14px; background: #fffdfc; border-radius: 50%; margin-left: 8px }
#wwbewm svg { width: 18px; height: 18px; display: flex; fill: #8c755a }
/* #openform */
#openform { background: var(--secondary); line-height: 45px }
/* #search_box */
#search_box svg { width: 75%; height: auto; display: flex; aspect-ratio: 1/1 }
#search_box form { width: 240px; box-shadow: 0 0 10px rgba(var(--black-rgb),.3); right: 0; bottom: -55px; opacity: 0 }
#search_box[data-type="2"] form { opacity: 1 }
#search_box form input { width: calc(100% - 65px); border: 0 }
/* #menubg */
#menubg { width: 100vw; height: 100vh; top: 0; left: 0 }
#menubg[data-type="1"] { background: rgba(var(--black-rgb),0) }
#menubg[data-type="2"] { background: rgba(var(--black-rgb),.5); z-index: 998 }
/* #webSeo */
#webSeo { padding: 10px 0; white-space: nowrap; box-sizing: border-box }
#webSeo .seo { padding-left: 100%; font-weight: 100; font-size: 13px; color: var(--info) }
/* #footer_btn */
#footer_btn { right: 1.5vw; bottom: 46px; z-index: 800; display: flex; flex-direction: column }
#footer_btn a { margin-top: 10px; background: #747474; line-height: 40px }
#footer_btn a svg { width: 50%; height: 50%; fill: #ffffff }
#footer_btn a.phone { background: #2e2e2e }
#footer_btn a.gotop { background: var(--primary) }
@-webkit-keyframes marquee {
  0% { -webkit-transform: translate(0,0) }
  100% { -webkit-transform: translate(-100%,0) }
}
@keyframes marquee {
  0% { transform: translate(0,0) }
  100% { transform: translate(-100%,0) }
}
.cormcall { background: #182c54; padding: 20px 0 }
.cormcall .workframe { display: grid; grid-template-columns: 25% 41% 30%; gap: 2%; align-items: center }
.cormcall .bienentext { font-size: max(3.4 * (1vw+1vh)/2,22px); color: #ffffff; text-transform: uppercase }
.cormcall .boim02 { color: #ffffff; font-size: max(1.88 * (1vw+1vh)/2,23px); display: flex; align-items: center; gap: 10px }
.cormcall .boim02 svg { width: 30px; fill: #ffffff; aspect-ratio: 1/1 }
.cormcall .boim03 { display: flex; gap: 10px; justify-content: flex-end }
.cormcall .boim03 svg { width: 26px; padding: 20px; background: #ffffff; aspect-ratio: 1/1; border-radius: 5555px; fill: #182c54 }
/* #contact_area */
#contact_area { position: relative; padding: clamp(90px,7vw,135px) 0; overflow: hidden; background: var(--design-dark,#3b4348);width: 100vw; }
#contact_area .contact_bg_text {position: absolute;left: -2%;bottom: 0%;font-size: clamp(110px,16vw,300px);font-weight: 500;line-height: .75;letter-spacing: .02em;color: rgba(255,255,255,.022);white-space: nowrap;pointer-events: none;z-index: 0;}
#contact_area .workframe {position: relative;margin: 0 auto;z-index: 2;width: 85vw;}
#contact_area .cisfooterbox {position: relative;display: grid;grid-template-columns: minmax(320px,38%) minmax(0,62%);min-height: 430px;border: 1px solid rgba(255,255,255,.13)}
#contact_area .cioleft {position: relative;display: flex;align-items: center;justify-content: center;background-color: rgb(113 129 142 / 0%);background-image: linear-gradient(145deg, rgb(102 119 134 / 64%) 0%, rgb(59 67 72 / 74%) 100%), repeating-linear-gradient(0deg, rgba(255, 255, 255, .025) 0, rgba(255, 255, 255, .025) 1px, transparent 1px, transparent 105px), repeating-linear-gradient(90deg, rgba(255, 255, 255, .02) 0, rgba(255, 255, 255, .02) 1px, transparent 1px, transparent 105px);}
#contact_area .cioleft::after {content: "";position: absolute;top: 28px;right: 28px;width: 58px;height: 58px;border-top: 1px solid rgba(198,166,95,.65);border-right: 1px solid rgba(198,166,95,.65);opacity: 0;}
#contact_area .contact_brand {position: relative;width: 100%;max-width: 100%;padding: 55px 35px;z-index: 2;display: flex;flex-direction: row;align-items: center}
#contact_area #flogo { width: 100%; margin-bottom: 35px; display: flex; flex-direction: column; align-items: center }
#contact_area #flogo a {display: flex;flex-direction: column;align-items: center;}
#contact_area #flogo img {display: block;width: min(280px , 100%);height: auto;filter: brightness(0) invert(1);opacity: .94}
#contact_area .contact_brand_line {position: absolute;width: 13vw;height: 1px;left: -4.6vw;margin-bottom: 31px;background: linear-gradient(to right,rgba(255,255,255,.55),rgba(255,255,255,0));display: none;}
#contact_area .contact_brand_info { width: 100%; display: flex; flex-direction: column; align-items: center }
#contact_area .contact_brand_line::before {content: "";position: absolute;top: -3px;left: 0;width: 0.4vw;height: 0.4vw;background: var(--design-gold,#c6a65f);transform: rotate(45deg)}
#contact_area .contact_brand_info span { display: block; margin-bottom: 14px; font-size: 10px; font-weight: 500; line-height: 1; letter-spacing: .28em; color: var(--design-gold,#c6a65f) }
#contact_area .contact_brand_info p { max-width: 100%; margin: 0; font-size: 14px; font-weight: 400; line-height: 2; letter-spacing: .1em; color: rgba(255,255,255,.72) }
#contact_area .cioright {position: relative;display: grid;grid-template-columns: 60% 35%;justify-content: center;gap: 5%;padding: 50px clamp(60px,7vw,130px);background: rgba(51,59,64,.7);align-items: center;}
#contact_area .cioright .ciright_box {display:flex;justify-content: flex-end;}
#contact_area .cioright .ciright_box .gocontact { display: flex; width: 20px; aspect-ratio: 1/1; padding: 20px; transform: rotate(45deg); border-radius: 555px; background: var(--primary); }
#contact_area .cioright .ciright_box .gocontact:hover{background: #e7ae35;}
#contact_area .cioright::before { content: ""; position: absolute; top: 35px; right: 35px; width: 60px; height: 60px; border-top: 1px solid rgba(255,255,255,.12); border-right: 1px solid rgba(255,255,255,.12) }
#contact_area .contact_title { max-width: 760px }
#contact_area .contact_title .common_title_number { border-color: rgba(198,166,95,.8); color: var(--design-gold,#c6a65f) }
#contact_area .contact_title .common_title_en { color: var(--design-taupe,#c5baa4) }
#contact_area .contact_title .common_title_zh { color: rgba(255,255,255,.62) }
#contact_area .contact_title .common_title_main {color: #fff;font-size: clamp(28px, 1.5vw, 35px);}
#contact_area .cisinfo {position: relative;max-width: 680px;margin: 35px 0 0px;padding-left: 26px;border-left: 1px solid rgba(198,166,95,.48)}
#contact_area .cisinfo p { margin: 0; font-size: 15px; font-weight: 400; line-height: 2.1; letter-spacing: .08em; color: rgba(255,255,255,.68) }
#contact_area .contact_actions { display: flex; align-items: center; gap: 30px }
#contact_area .contact_more { width: 235px; border-color: rgba(255,255,255,.65); color: #fff; background: var(--secondary) }
#contact_area .contact_more::before { background: var(--design-gold,#c6a65f) }
#contact_area .contact_more:hover { border-color: var(--design-gold,#c6a65f); color: var(--design-dark,#3b4348) }
#contact_area .contact_actions_note { position: relative; padding-left: 41px }
#contact_area .contact_actions_note::before { content: ""; position: absolute; top: 7px; left: 0; width: 27px; height: 1px; background: var(--design-gold,#c6a65f) }
#contact_area .contact_actions_note span { display: block; margin-bottom: 8px; font-size: 9px; font-weight: 500; line-height: 1; letter-spacing: .22em; color: var(--design-gold,#c6a65f) }
#contact_area .contact_actions_note small { display: block; font-size: 12px; font-weight: 400; line-height: 1.6; letter-spacing: .1em; color: rgba(255,255,255,.5) }
/* #footer_area */
#footer_area { position: relative; overflow: hidden; background: #2c3337; color: #fff }
#footer_area *{letter-spacing: 0.125em;}
#footer_area::before { content: ""; position: absolute; top: 0; right: 0; left: 0; height: 1px; background: linear-gradient(to right,rgba(198,166,95,0),rgba(198,166,95,.8),rgba(198,166,95,0)) }
#footer_area .footer_bg_text { position: absolute; right: 2%; bottom: 25px; font-size: clamp(160px,19vw,360px); font-weight: 500; line-height: .7; letter-spacing: -.05em; color: rgba(255,255,255,.018); pointer-events: none }
#footer_area>.workframe { position: relative; width: calc(100% - 100px); max-width: 1600px; margin: 0 auto; z-index: 2 }
#footer_area .foom_box { display: grid; grid-template-columns: minmax(0,1.2fr) minmax(0,1fr) minmax(260px,.7fr); padding: 88px 0 75px; border-bottom: 1px solid rgba(255,255,255,.11) }
#footer_area .ionfoo,#footer_area .work_bomx { position: relative; min-width: 0; padding: 0 clamp(35px,4vw,68px); border-right: 1px solid rgba(255,255,255,.11) }
#footer_area .foom_box>:first-child { padding-left: 0 }
#footer_area .foom_box>:last-child { padding-right: 0; border-right: 0 }
#footer_area .cootitle,#footer_area .footitle { position: relative; margin-bottom: 34px; padding-left: 55px }
#footer_area .cootitle::before,#footer_area .footitle::before { content: ""; position: absolute; top: 7px; left: 0; width: 37px; height: 1px; background: var(--design-gold,#c6a65f) }
#footer_area .cootitle::after,#footer_area .footitle::after { content: ""; position: absolute; top: 4px; left: 40px; width: 6px; height: 6px; border: 1px solid var(--design-gold,#c6a65f); transform: rotate(45deg) }
#footer_area .cootitle>span,#footer_area .footitle>span { display: block; margin-bottom: 10px; font-size: 12px; font-weight: 500; line-height: 1; letter-spacing: .24em; color: var(--design-gold,#c6a65f) }
#footer_area .cootitle>small,#footer_area .footitle>small { display: block; font-size: 14px; font-weight: 400; line-height: 1.5; letter-spacing: .18em; color: rgba(255,255,255,.6) }
#footer_area .footer_contact_list { display: flex; flex-direction: column; gap: 23px }
#footer_area .footer_contact_list .link { position: relative; display: block; padding: 0 0 21px; text-decoration: none; border-bottom: 1px solid rgba(255,255,255,.1) }
#footer_area .footer_contact_list .link::after { content: ""; position: absolute; right: 0; bottom: -1px; left: 0; height: 1px; background: var(--design-gold,#c6a65f); transform: scaleX(0); transform-origin: right center; transition: transform .45s ease }
#footer_area .footer_contact_list .link>span { display: block; margin-bottom: 9px; font-size: 9px; font-weight: 500; line-height: 1; letter-spacing: .23em; color: var(--design-slate,#71818e) }
#footer_area .footer_contact_list .link>strong {display: block;font-size: 14px;font-weight: 400;line-height: 1.8;color: rgba(255,255,255,.75);transition: color .35s ease}
#footer_area .footer_contact_list .link:hover::after { transform: scaleX(1); transform-origin: left center }
#footer_area .footer_contact_list .link:hover>strong { color: #fff }
#footer_area .footer_contact_list .link:focus-visible { outline: 1px solid var(--design-gold,#c6a65f); outline-offset: 5px }
#footer_area .mananatop { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 0 28px }
#footer_area .calist { position: relative; display: block; padding: 11px 0 11px 16px; border-bottom: 1px solid rgba(255,255,255,.08); font-size: 13px; font-weight: 400; line-height: 1.5; letter-spacing: .08em; color: rgba(255,255,255,.68); text-decoration: none; transition: color .35s ease,padding-left .35s ease }
#footer_area .calist::before { content: ""; position: absolute; top: 50%; left: 0; width: 5px; height: 5px; border: 1px solid rgba(198,166,95,.65); transform: translateY(-50%) rotate(45deg); transition: background-color .35s ease }
#footer_area .calist span {display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color: var(--design-paper);}
#footer_area .calist:hover { padding-left: 21px; color: #fff }
#footer_area .calist:hover::before { background: var(--design-gold,#c6a65f) }
#footer_area .calist:focus-visible { outline: 1px solid var(--design-gold,#c6a65f); outline-offset: 2px }
#footer_area .footicon { display: flex; align-items: center; gap: 10px }
#footer_area .footicon a { position: relative; display: flex; align-items: center; justify-content: center; width: 50px; height: 50px; border: 1px solid rgba(255,255,255,.2); border-radius: 50%; overflow: hidden; background: rgba(255,255,255,.025); transition: background-color .4s ease,border-color .4s ease,transform .4s ease }
#footer_area .footicon a::before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: 50%; background: var(--design-gold,#c6a65f); transform: scale(0); transition: transform .4s cubic-bezier(.77,0,.18,1) }
#footer_area .footicon img { position: relative; display: block; width: 20px; height: 20px; object-fit: contain; filter: brightness(0) invert(1); z-index: 1; transition: filter .4s ease }
#footer_area .footicon a:hover { border-color: var(--design-gold,#c6a65f); transform: translateY(-4px) }
#footer_area .footicon a:hover::before { transform: scale(1) }
#footer_area .footicon a:hover img { filter: brightness(0) saturate(100%) invert(19%) sepia(6%) saturate(590%) hue-rotate(157deg) brightness(95%) contrast(91%) }
#footer_area .footicon a:focus-visible { outline: 2px solid var(--design-gold,#c6a65f); outline-offset: 3px }
#footer_area .footer_social_note { margin-top: 28px; padding-top: 22px; border-top: 1px solid rgba(255,255,255,.1) }
#footer_area .footer_social_note span {display: block;margin-bottom: 10px;font-size: 8px;font-weight: 500;line-height: 1.4;color: var(--design-gold,#c6a65f)}
#footer_area .footer_social_note p {margin: 0;font-size: 12px;font-weight: 400;line-height: 1.8;color: rgba(255,255,255,.45)}
#footer_area .mananabotom { display: flex; align-items: center; justify-content: space-between; gap: 30px; padding: 26px 0; font-size: 10px; font-weight: 400; line-height: 1.6; letter-spacing: .12em; color: rgba(255,255,255,.42) }
#footer_area .mananabotom *{color: rgba(255,255,255,.75);}
#footer_area .footer_credit { display: flex; align-items: center; gap: 9px }
#footer_area .footer_credit span { font-size: 8px; letter-spacing: .2em; color: rgba(255,255,255,.3) }
#footer_area .footer_credit a { position: relative; color: rgba(255,255,255,.58); text-decoration: none; transition: color .35s ease }
#footer_area .footer_credit a::after { content: ""; position: absolute; right: 0; bottom: -4px; left: 0; height: 1px; background: var(--design-gold,#c6a65f); transform: scaleX(0); transition: transform .35s ease }
#footer_area .footer_credit a:hover { color: #fff }
#footer_area .footer_credit a:hover::after { transform: scaleX(1) }
#footer_area .downJboooosx { position: relative; border-top: 1px solid rgba(255,255,255,.05); background: #252c30; z-index: 5 }
#footer_area #f_other { position: relative; width: 100% }
#footer_area #extra { position: relative; width: 100%; overflow: visible }
#footer_area #more_extra { position: relative; display: flex; align-items: center; justify-content: center; gap: 15px; width: 100%; height: 58px; padding: 0 65px; color: rgba(255,255,255,.58); text-decoration: none; transition: background-color .35s ease,color .35s ease }
#footer_area #more_extra::before { content: ""; position: absolute; top: 50%; left: calc(50% - 145px); width: 32px; height: 1px; background: var(--design-gold,#c6a65f); transform: translateY(-50%) }
#footer_area #more_extra::after { content: ""; position: absolute; top: 50%; right: calc(50% - 145px); width: 8px; height: 8px; border-right: 1px solid var(--design-gold,#c6a65f); border-bottom: 1px solid var(--design-gold,#c6a65f); transform: translateY(-65%) rotate(45deg); transition: transform .35s ease }
#footer_area #more_extra>span { font-size: 9px; font-weight: 500; line-height: 1; letter-spacing: .24em }
#footer_area #more_extra>small { font-size: 11px; font-weight: 400; line-height: 1; letter-spacing: .12em }
#footer_area #more_extra:hover { background: rgba(255,255,255,.025); color: #fff }
#footer_area #more_extra[data-type="1"]::after { transform: translateY(-30%) rotate(225deg) }
#footer_area #extra>ul { position: absolute; right: 0; bottom: 100%; left: 0; display: none; width: 100%; max-height: 420px; margin: 0; padding: 28px max(40px,calc((100vw - 1600px)/2)); overflow: auto; background: var(--design-paper,#faf8f4); box-shadow: 0 -18px 45px rgba(20,25,28,.18); color: var(--design-dark,#3b4348); z-index: 10 }
#footer_area #more_extra[data-type="1"]+ul { display: block }
#footer_area #extra>ul>li { display: grid; grid-template-columns: minmax(140px,220px) minmax(0,1fr); gap: 30px; margin: 0; padding: 18px 0; border-bottom: 1px solid var(--design-line,rgba(59,67,72,.16)); list-style: none }
#footer_area #extra>ul>li:last-child { border-bottom: 0 }
#footer_area .extra_name { font-size: 13px; font-weight: 500; line-height: 1.7; letter-spacing: .1em; color: var(--design-dark,#3b4348) }
#footer_area .extra_content { font-size: 13px; font-weight: 400; line-height: 1.8; letter-spacing: .05em; color: var(--design-text,#655f57) }
#footer_area .extra_content a { color: var(--design-slate,#71818e); text-decoration: none }
#footer_area .extra_content a:hover { color: var(--design-gold,#c6a65f) }
/* @media */
@media screen and (max-width:1470px) {
  header {padding: 25px 0;top: 0}
  header.scroll {padding: 7px 0;}
  header .item { padding: 0; width: min(1160px,90%) }
  header #cis img {width: min(260px,95%);}
  header.scroll #cis a {padding: 0;}
  header.scroll #cis img{width: min(200px, 95%);}
  header.scroll #cis {padding: 0;}
  header #webmenu nav>ul>li>p a { padding: 10px 12px }
  header:before { border-radius: 0 }
  header.scroll #webmenu nav>ul>li>p a:after { display: none }
  header #webmenu nav>ul>li>p a:after { right: 0px }
  .JJtitle.martop { margin-top: 60px }
  .workframe , #footer_area>.workframe{width: min(1240px , 90%);}
  #contact_area::after{right: clamp(30px, 3.2vw, 60px);}
  #footer_btn{right: 1.4vw;}
}
@media screen and (max-width:1400px) {
  #contact_area .workframe { width: calc(100% - 80px) }
  #contact_area .cisfooterbox { grid-template-columns: minmax(300px,36%) minmax(0,64%) }
  #contact_area .cisfooterbox::before { left: 36% }
  #contact_area .cioright { padding: 70px 65px }
}
@media screen and (max-width:1300px) {
  #footer_area>.workframe { width: calc(100% - 80px) }
  #footer_area .foom_box { grid-template-columns: minmax(0,1.1fr) minmax(0,1fr) minmax(230px,.65fr) }
  #footer_area .ionfoo,#footer_area .work_bomx { padding-right: 38px; padding-left: 38px }
  #footer_area .foom_box>:first-child { padding-left: 0 }
  #footer_area .foom_box>:last-child { padding-right: 0 }
  #footer_area .mananatop { gap-right: 20px }
}
@media screen and (max-width:1280px) {
  .coouJJ svg { display: none }
  header .item { padding: 0 0% }
  header #webmenu .tex_box {display:none;}
  header #webmenu nav ul li b { width: 100%; display: flex; justify-content: flex-end; align-items: center; z-index: 5 }
  header #menubtn a span { background: #ffffff }
  header .menu { align-items: center; display: flex; justify-content: space-between; width: min(1024px,84%) }
  header.scroll #menubtn[data-type="2"] a span { background: #ffffff }
  header #webmenu {padding: 15px 0;width: 350px;height: calc(100vh - 0px);background: var(--design-dark);box-shadow: 0 10px 10px rgba(var(--black-rgb),.5);right: calc(-1 * var(--width-xs));z-index: 999;display: flex;justify-content: unset;flex-direction: column;align-items: center;top: 0;position: fixed;transition: all 1200ms cubic-bezier(1.000,0.095,0.170,0.975);transition-timing-function: cubic-bezier(1.000,0.095,0.170,0.975)}
  header #webmenu .top_btn a { margin: 0 5px }
  header #webmenu nav {overflow-y: scroll;margin-top: 80px;padding: 0 10px;height: calc(100% - 65px);display: flex;width: 100%;flex-direction: column}
  header #webmenu nav::-webkit-scrollbar { width: 0 }
  header #webmenu nav>ul { padding-bottom: 200px; width: 100% }
  header #webmenu nav>ul>li>p a,.coouJJ a {color: var(--design-paper);padding: 14px 25px;border-bottom: rgb(147 147 147/26%) 1px solid}
  header #webmenu nav>ul * { transition: all 0.3s ease-in-out; -webkit-transition: all 0s ease-in-out }
  header #webmenu li .menu_body,header #webmenu li .menu_body .subOption li ul { position: relative; display: none; -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none }
  header #webmenu li .menu_body ul { margin-left: 20px }
  header #webmenu li .menu_body .subOption .bo { position: relative }
  header #webmenu li .menu_body .subOption a { padding: 7px 45px 7px 10px; color: #616161 }
  header #webmenu li .menu_body .sub2Option a { font-weight: 300; color: rgba(var(--white-rgb),.5) }
  .JJtitle.martop { margin-top: 30px }
  #contact_area .contact_brand_line{display:none;}
}
@media screen and (max-width:1100px) {
  #contact_area .cisfooterbox { grid-template-columns: minmax(280px,35%) minmax(0,65%) }
  #contact_area .cisfooterbox::before { left: 35% }
  #contact_area .contact_brand { padding-right: 30px; padding-left: 30px }
  #contact_area .cioright { padding: 65px 48px }
  #contact_area .contact_title .common_title_main { font-size: 35px }
  #contact_area .contact_actions { align-items: flex-start; flex-direction: column; gap: 22px }
}
@media screen and (max-width:1024px) {
  header.scroll #cis img {width: min(150px,95%);}
  header.scroll { padding: 5px 0 }
  .phoneWrap { display: flex; position: fixed; bottom: 0px; left: 0px; width: 100%; z-index: 94500; flex-direction: column }
  .phoneWrap ul { display: flex }
  .phoneWrap ul li { width: 50%; box-sizing: border-box; background-color: #348523 }
  .phoneWrap ul li+li { border-left: 1px solid #fff; background: #271b1b }
  .phoneWrap ul li a { display: inline-block; width: 100%; color: #fff; text-align: center; padding: 10px 0px }
  #banner_newbox .slick-list { width: 90%; margin: 0 auto }
  #f_contact { width: 100%; margin-top: 20px }
  #contact_area::after{display:none;}
}
@media screen and (max-width:991px) {
  #contact_area { padding: 85px 0 }
  #contact_area .workframe { width: calc(100% - 70px) }
  #contact_area .cisfooterbox { display: block; min-height: 0 }
  #contact_area .cisfooterbox::before { top: 260px; left: -1px; width: 75px }
  #contact_area .cioleft { min-height: 260px; justify-content: flex-start }
  #contact_area .contact_brand { display: grid; grid-template-columns: minmax(180px,280px) 1px minmax(190px,1fr); align-items: center; gap: 35px; max-width: none; padding: 50px }
  #contact_area #flogo { margin: 0 }
  #contact_area .contact_brand_line { width: 1px; height: 90px; margin: 0; background: linear-gradient(to bottom,rgba(255,255,255,.55),rgba(255,255,255,0)) }
  #contact_area .contact_brand_line::before { top: 0; left: -3px }
  #contact_area .cioright { padding: 70px 60px 75px }
  #footer_area>.workframe { width: calc(100% - 70px) }
  #footer_area .foom_box { grid-template-columns: repeat(2,minmax(0,1fr)); padding: 75px 0 60px }
  #footer_area .ionfoo { padding: 0 35px 0 0 }
  #footer_area .footer_nav { padding: 0 0 0 35px; border-right: 0 }
  #footer_area .work_bomx { grid-column: 1/-1; margin-top: 50px; padding: 45px 0 0; border-top: 1px solid rgba(255,255,255,.11); border-right: 0 }
  #footer_area .work_bomx .footitle { margin-bottom: 25px }
  #footer_area .footer_social_note { max-width: 320px }
  #footer_area #extra>ul { padding-right: 35px; padding-left: 35px }
}
@media screen and (max-width:768px) {
  header {top: 0;padding: 5px 0;}
  header #cis img {width: min(200px,90%);}
  .webBox .wrapper_lines .center_box>div { border-width: 0 0 0 1px }
  header:before { display: none }
  .cormcall .boim02 svg { display: none }
  .cormcall .workframe { display: flex; flex-direction: column; align-items: center }
  .cormcall .boim03 { margin-top: 30px }
  .cormcall .boim03 svg { width: 25px; padding: 13px }
  .cormcall { padding: 40px 0 }
  header #menubtn { width: 92% }
}
@media screen and (max-width:767px) {
  #contact_area { padding: 65px 0 }
  #contact_area::before { left: 25px; height: 50px }
  #contact_area::after { right: 25px; height: 50px }
  #contact_area .workframe { width: calc(100% - 40px) }
  #contact_area .cisfooterbox::before {top: 230px;display: none;}
  #contact_area .cioleft { min-height: 230px }
  #contact_area .cioleft::after { top: 20px; right: 20px; width: 42px; height: 42px }
  #contact_area .contact_brand { display: block; padding: 42px 30px }
  #contact_area #flogo { margin-bottom: 25px }
  #contact_area #flogo img { max-width: 220px }
  #contact_area .contact_brand_line { width: 100%; height: 1px; margin-bottom: 22px; background: linear-gradient(to right,rgba(255,255,255,.55),rgba(255,255,255,0)) }
  #contact_area .contact_brand_line::before { top: -3px; left: 0 }
  #contact_area .contact_brand_info p { display: none }
  #contact_area .cioright {padding: 55px 21px 62px;display: flex;flex-direction: column;align-items: center;}
  #contact_area .cioright::before { top: 20px; right: 20px; width: 42px; height: 42px }
  #contact_area .contact_title .common_title_main {font-size: 28px;text-align: center;}
  #contact_area .cisinfo {margin: 28px 0 34px;padding-left: 18px;border-left: unset;}
  #contact_area .cisinfo p {font-size: 14px;line-height: 2;text-align: center;}
  #contact_area .contact_more { width: 225px }
  #footer_area>.workframe { width: calc(100% - 40px) }
  #footer_area .footer_bg_text { right: -20px; bottom: 70px; font-size: 170px }
  #footer_area .foom_box { display: block; padding: 62px 0 48px }
  #footer_area .ionfoo,#footer_area .work_bomx,#footer_area .footer_nav { margin: 0; padding: 0; border-right: 0 }
  #footer_area .footer_nav,#footer_area .work_bomx { margin-top: 42px; padding-top: 42px; border-top: 1px solid rgba(255,255,255,.11) }
  #footer_area .cootitle,#footer_area .footitle { margin-bottom: 26px; padding-left: 48px }
  #footer_area .cootitle::before,#footer_area .footitle::before { width: 31px }
  #footer_area .cootitle::after,#footer_area .footitle::after { left: 34px }
  #footer_area .mananatop { gap: 0 22px }
  #footer_area .mananabotom { align-items: flex-start; flex-direction: column; gap: 10px; padding: 23px 0 }
  #footer_area .footer_credit { flex-wrap: wrap }
  #footer_area #more_extra { height: 55px }
  #footer_area #more_extra::before { left: calc(50% - 135px); width: 25px }
  #footer_area #more_extra::after { right: calc(50% - 135px) }
  #footer_area #extra>ul { padding: 20px }
  #footer_area #extra>ul>li { display: block; padding: 16px 0 }
  #footer_area .extra_name { margin-bottom: 7px }
}
@media screen and (max-width:640px) {
  .mbnone { display: none!important }
  header #menubtn a {width: 24px;height: 21px;right: 40px;}
  header #header_bar { display: none }
  .workframe { width: 87% }
  #doctorpicbox .boomJJ { width: 100%; order: 3 }
}
@media screen and (max-width:550px) {
  .webBox #footer_btn a { width: 35px; height: 35px; border-radius: 50%; margin-bottom: 10px }
  header .item {padding: 0;}
  header .top_btn { width: 90% }
  header #webmenu {width: 100%;top: 0;height: calc(100vh - 0px);}
  header.scroll #webmenu {top: 90px;height: calc(100vh - 100px)}
  #search_box form { right: -15vw; bottom: -18vw; width: 50vw }
  #footer_btn { right: 0; bottom: 30px }
  #footer_btn a { margin: 0 10px; line-height: 35px }
  #footer_btn a.gotop { right: 0; bottom: 0px }
}
@media screen and (max-width:480px) {
  #wwbewm a { padding: 10px }
  .webBox header #search_box #openform { width: 19px; height: 19px }
  .webBox header #search_box {order: 0;position: relative;right: 0;}
  header #menubtn a{right: 0;}
  header #menubtn { order: 0; width: auto; height: 40px }
  header .item {display: flex;justify-content: flex-end;padding: 10px 8%;width: 100%;}
  header.scroll .item.menu {padding: 10px 7%;justify-content: space-between;}
  header {padding: 10px 0;}
  header #cis { left: 0 }
  header.scroll #cis a{display:flex;align-items: flex-start;}
  #contact_area .contact_title .common_title_main { font-size: 25px; letter-spacing: .05em }
  #contact_area .contact_title .common_title_main br { display: none }
  #contact_area .contact_actions_note { padding-left: 34px }
  #contact_area .contact_actions_note::before { width: 22px }
  #footer_area .mananatop { grid-template-columns: 1fr }
  #footer_area .calist { padding-top: 10px; padding-bottom: 10px }
  #footer_area #more_extra { gap: 10px; padding: 0 42px }
  #footer_area #more_extra::before { left: 18px; width: 20px }
  #footer_area #more_extra::after { right: 22px }
}
@media screen and (min-width:1471px) {
  .workframe { width: var(--width-xxl); width: min(95%,1640px) }
  header .top_btn { width: 90% }
  #contact_area .contact_brand_line{
}
}
@media screen and (min-width:1281px) {
  .webBox header #webmenu li .menu_body { transform: translate(0,30px); -webkit-transform: translate(0,30px) }
  .webBox header #webmenu li .menu_body .subOption li .sub2Option { transform: translate(-30px,0); -webkit-transform: translate(-30px,0) }
  .webBox header #webmenu li .menu_body .subOption li .sub2Option li .sub3Option { transform: translate(-30px,0); -webkit-transform: translate(-30px,0) }
  .webBox header #webmenu li .menu_body .subOption li .sub2Option li:hover .sub3Option { transform: translate(0,0); -webkit-transform: translate(0,0) }
  .webBox header #webmenu li .menu_body .subOption li:hover .sub2Option { transform: translate(0,0); -webkit-transform: translate(0,0) }
  .webBox header #webmenu li:hover .menu_body { transform: translate(0,0); -webkit-transform: translate(0px,0px); padding-top: 10px }
  .webBox header #webmenu li:last-child .menu_body .subOption li .sub2Option { transform: translate(30px,0); -webkit-transform: translate(30px,0) }
  .webBox header #webmenu li:last-child .menu_body .subOption li .sub2Option li .sub3Option { transform: translate(30px,0); -webkit-transform: translate(30px,0) }
  .webBox header #webmenu li:last-child .menu_body .subOption li .sub2Option li:hover .sub3Option { transform: translate(0,0); -webkit-transform: translate(0,0) }
  .webBox header #webmenu li:last-child .menu_body .subOption li:hover .sub2Option { transform: translate(0,0); -webkit-transform: translate(0,0) }
  .webBox .img_scale:hover img { transform: scale(1.1); -webkit-transform: scale(1.1) }
  .more_btn:hover:before { -webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,180deg) translate3d(0,-100%,0); transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,180deg) translate3d(0,-100%,0) }
  header .menu_box { display: flex; justify-content: flex-end }
  header .menu_box ul { display: flex; gap: 24px }
  header #webmenu nav ul li b { display: none }
  header #webmenu nav ul li { position: relative; overflow: hidden }
  header #webmenu nav ul li .bo { position: relative; background: var(--white); z-index: 1 }
  header #webmenu nav>ul>li>p a { padding: 0; margin-left: 0; display: flex; align-items: center; width: 100% }
  header.scroll #webmenu nav>ul>li>p a:after { background: #7fb053 }
  header #webmenu nav>ul>li:last-child>p a:after { display: none }
  header #webmenu nav>ul>li>p a:before { content: ""; position: absolute; width: 100%; height: 3px; bottom: 0px; left: 0; background: #ffffff; -moz-transform-origin: center; -moz-transform: scaleX(0); -webkit-transform-origin: center; -webkit-transform: scaleX(0); -o-transform-origin: center; -o-transform: scaleX01); -ms-transform-origin: center; -ms-transform: scaleX(0); transform-origin: center; transform: scaleX(0); transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out }
  header.scroll #webmenu nav>ul>li>p a:before { background: #ffffff }
  header #webmenu nav>ul>li>p a:hover:before { -moz-transform: scaleX(1); -webkit-transform: scaleX(1); -o-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1) }
  header .coouJJ a { padding: 6px 30px; background: #b01a26; border-radius: 500px }
  header .coouJJ a:hover { background: #333333 }
  header .coouJJ * { color: #ffffff }
  header #webmenu li .menu_body,header #webmenu li .subOption ul { position: absolute; width: 170px; right: calc(50% - 85px); z-index: -1; opacity: 0 }
  header #webmenu li .menu_body ul { background: var(--white); box-shadow: 0 0 10px rgba(var(--black-rgb),.3); display: flex; flex-direction: column; gap: 0 }
  header #webmenu li .subOption li { overflow: hidden }
  header #webmenu li .subOption li>div a { padding: 6px 15px; border-bottom: 1px rgba(var(--black-rgb),.1) solid; line-height: 150%; font-weight: 300; background: unset; border-radius: unset; color: #222222 }
  header #webmenu li .subOption li:last-child>div a { border-color: none }
  header #webmenu li .subOption li>div a:hover { background: var(--primary); color: white }
  header #webmenu li .subOption .sub2Option,header #webmenu li .subOption .sub3Option { top: 0; right: -170px }
  header #webmenu nav>ul>li:hover,header #webmenu li .subOption li:hover { overflow: visible }
  header #webmenu nav>ul>li:hover .menu_body,header #webmenu li .subOption li:hover>ul { z-index: 2; opacity: 1 }
  header #webmenu li:last-child .subOption .sub2Option,header #webmenu li:last-child .subOption .sub3Option { right: auto; left: -170px }
  header.scroll .top_btn { top: -55px; opacity: 0 }
}
@media screen and (min-width:1025px) {
  .phoneWrap { display: none !important }
  footer #footerCompany .plus-information a:hover img { display: block }
}
@media screen and (min-width:641px) {
  .mbshow { display: none!important }
}