@import url('/css/fontawesome-all.css');
@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=Gideon+Roman&family=Noto+Serif+TC:wght@200..900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

.webBox:before,.webBox:after {transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s 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:45px;height:45px;border-radius:50%}
.webBox header #search_box form {transform:translate(30px,0);-webkit-transform:translate(30px,0)}
.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)}

/* #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:45px;height:45px;border-radius:50%}
* {margin:0;padding:0}
*:focus {outline:none}
body {margin:0}
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:170%;border-width:0;font-family:var(--font-family),sans-serif;font-size:16px;color:var(--info)}
ul,ol {list-style:none}
fieldset {border:0}
input,button,select,textarea {padding:5px 15px;width:calc(100% - 32px);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:70px;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}
.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}
.nowrap_box {font-size:0}
.txt_num {font-family:'Quicksand',sans-serif}
.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}
.webBox {position:relative;width:100%;max-width:100%;overflow-x:clip}
.webBox .pageh1 {position:absolute;top:0;z-index:1}
.webBox .wrapper {position:relative;background:var(--white);z-index:2}
.webBox .slick-slider {margin-bottom:0}
.workframe {margin:0 auto;width:90%}
.section_space {padding:12vw 0 8vw}
.area_title {margin:0;color:var(--text-color);font-size:clamp(30px,2.2vw,44px);font-weight:600;line-height:1.55;letter-spacing:.12em}
.sub_title {margin:0;color:var(--text-color);font-size:clamp(17px,1.3vw,25px);font-weight:500;line-height:1.7;letter-spacing:.14em}
.article {color:var(--text-light);font-size:clamp(14px,.95vw,17px);line-height:2.1;letter-spacing:.09em}
.article p {margin:0}
.more_btn {display:inline-block;position:relative}
.more_btn a {display:flex;align-items:center;justify-content:space-between;gap:35px;min-width:215px;padding:14px 14px 14px 25px;border:1px solid var(--line-color);color:var(--text-color);font-family:"Montserrat",sans-serif;font-size:12px;font-weight:500;letter-spacing:.15em;text-decoration:none;background:transparent;transition:border-color .35s ease,color .35s ease}
.more_btn a i {position:relative;flex:0 0 auto;width:32px;height:32px;border-radius:50%;background:#d83d35;transition:transform .35s ease}
.more_btn a i::before {position:absolute;top:50%;left:50%;width:8px;height:1px;background:#fff;content:"";transform:translate(-50%,-50%)}
.more_btn a i::after {position:absolute;top:50%;left:50%;width:5px;height:5px;border-top:1px solid #fff;border-right:1px solid #fff;content:"";transform:translate(-25%,-50%) rotate(45deg)}
.more_btn a:hover {color:var(--main-color);border-color:var(--main-color)}
.more_btn a:hover i {transform:translateX(4px)}
.site_btn {position:relative;display:inline-flex;align-items:center;justify-content:space-between;gap:40px;min-width:190px;padding:13px 13px 13px 24px;border:1px solid rgba(151,39,34,.45);color:#8f211d;background:transparent;font-family:"Noto Serif TC",serif;font-size:13px;font-weight:500;line-height:1.5;letter-spacing:.12em;text-decoration:none;overflow:hidden;transition:color .45s ease,border-color .45s ease}
.site_btn::before {position:absolute;top:0;bottom:0;left:0;z-index:0;width:0;background:linear-gradient(110deg,#861713 0%,#a9211c 48%,#bc2d25 100%);content:"";transition:width .55s cubic-bezier(.77,0,.18,1)}
.site_btn::after {position:absolute;top:0;left:0;z-index:2;width:28px;height:2px;background:#b99462;content:"";transform-origin:left center;transition:width .45s ease,background .45s ease}
.site_btn_text {position:relative;z-index:2;white-space:nowrap}
.site_btn_arrow {position:relative;z-index:2;display:flex;align-items:center;justify-content:center;flex:0 0 auto;width:32px;height:32px;border-radius:50%;background:#a9231f;transition:background .4s ease,transform .45s cubic-bezier(.22,.61,.36,1)}
.site_btn_arrow i {position:relative;display:block;width:12px;height:1px;background:#fff;transition:width .35s ease}
.site_btn_arrow i::after {position:absolute;top:-3px;right:0;width:6px;height:6px;border-top:1px solid #fff;border-right:1px solid #fff;content:"";transform:rotate(45deg)}
.site_btn:hover {color:#fff;border-color:#9b211c}
.site_btn:hover span {color:#fff}
.site_btn:hover::before {width:100%}
.site_btn:hover::after {width:55px;background:#d4b172}
.site_btn:hover .site_btn_arrow {background:#fff;transform:translateX(3px) rotate(360deg)}
.site_btn:hover .site_btn_arrow i {width:15px;background:#9b211c}
.site_btn:hover .site_btn_arrow i::after {border-color:#9b211c}
.site_btn:focus-visible {outline:2px solid #a9231f;outline-offset:4px}
.site_btn.site_btn_light {color:#fff;border-color:rgba(255,255,255,.45)}
.site_btn.site_btn_light::after {background:#d8b87e}
.site_btn.site_btn_light .site_btn_arrow {background:#fff}
.site_btn.site_btn_light .site_btn_arrow i {background:#9b211c}
.site_btn.site_btn_light .site_btn_arrow i::after {border-color:#9b211c}
.site_btn.site_btn_light:hover {border-color:#fff}
header {z-index:999}
header .item {padding:0 2%}
header .top_btn {width:96%;top:0;left:0}
header .top_btn svg {margin:10px;width:19px;height:19px}

/* #cis */
header #cis {z-index:5}

/* #menubtn */
header #menubtn {height:70px;top:0;right:0;z-index:1000}
header #menubtn a {margin:auto 0 auto auto;width:30px;height:25px}
header #menubtn a span {position:absolute;width:100%;height:2px;background:var(--white);display:block;top:0;right:0}
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)}
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 {display:flex;justify-content:flex-end}
header #webmenu nav>ul>li>p a {padding:10px 5px;font-size:18px}
header #webmenu nav>ul>li>p a:hover,header.scroll #webmenu nav>ul>li>p a:hover {color:#f6ab00}
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:0}
header #webmenu nav>ul>li .subOption li>div a {padding:7px 10px;display:block}
header #webmenu nav ul li b i {color:#e2e2e2}
header.scroll {background:rgb(36 32 30 / 90%);box-shadow:0 0 20px rgba(var(--black-rgb),.3)}
header.scroll .item.menu {padding-top:0;border-bottom:0}

/* #openform */
#openform {background:var(--secondary);line-height:45px}

/* #search_box */
#search_box svg {width:18px;height:18px}
#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);z-index:-998}
#menubg[data-type="2"] {background:rgba(var(--black-rgb),.5);z-index:998}

/* #footer */
#footer {position:relative;margin-top:0;color:#fff;background:linear-gradient(115deg,#941014 0%,#b7171b 42%,#c91d20 70%,#a91014 100%);overflow:hidden}
#footer .footer_main {position:relative;z-index:5;padding:clamp(45px,4vw,75px) 0 30px;background:linear-gradient(115deg,#941014 0%,#b7171b 42%,#c91d20 70%,#a91014 100%)}
#footer .footer_inner {position:relative;display:grid;grid-template-columns:minmax(270px,.72fr) minmax(0,2fr);gap:clamp(45px,5vw,95px);align-items:start}
#footer .footer_bg {top:0;right:0;left:0;z-index:3;height:154px;pointer-events:none}
#footer .footer_curve {position:absolute;right:-3%;left:-3%;background:#fbfaf7}
#footer .footer_curve_1 {top:-65px;height:115px;border-radius:0 0 50% 50%}
#footer .footer_curve_2 {top:0;height:2px;transform:rotate(.7deg)}
#footer .footer_deco {position:absolute;border:2px solid rgba(255,221,203,.09);border-radius:45% 55% 48% 52%}
#footer .footer_deco01 {right:-80px;top:95px;width:330px;height:230px;transform:rotate(20deg);display:none}
#footer .footer_deco02 {left:-95px;bottom:-85px;width:290px;height:220px;transform:rotate(-25deg);display:none}
#footer #flogo {position:relative}
#footer .footer_brand {position:relative}
#footer .footer_logo {width:min(100%,270px)}
#footer .footer_logo a,#footer .footer_logo img {display: flex;width:100%}
#footer .footer_logo img {height:auto;object-fit:contain;object-position:left center}
#footer .footer_brand_info {margin-top:20px}
#footer .footer_brand_sub {color:rgba(255,255,255,.86);font-size:18px;line-height:1.8;letter-spacing:.16em}
#footer .footer_brand_line {width:52px;height:1px;margin-top:18px;background:rgba(255,255,255,.5)}
#footer .footer_pixel {display:grid;grid-template-columns:repeat(3,4px);gap:4px;margin-top:28px;width:fit-content}
#footer .footer_pixel span {display:block;width:4px;height:4px;background:rgba(255,255,255,.4)}
#footer #f_info {min-width:0}
#footer .footer_content {display:grid;grid-template-columns:minmax(0,1.15fr) minmax(330px,.85fr);gap:clamp(40px,5vw,85px)}
#footer .footer_section_title {display:flex;align-items:flex-start;gap:13px;margin-bottom:25px}
#footer .footer_no {display:block;padding-top:2px;color:rgba(255,255,255,.45);font-family:"Times New Roman",serif;font-size:12px;letter-spacing:.05em}
#footer .footer_title_text {position:relative;padding-left:13px}
#footer .footer_title_text::before {position:absolute;top:2px;bottom:2px;left:0;width:1px;background:rgba(255,255,255,.3);content:""}
#footer .footer_en {color:#fff;font-family:"Montserrat",sans-serif;font-size:13px;font-weight:500;line-height:1.4;letter-spacing:.2em}
#footer .footer_cht {margin-top:3px;color:rgba(255,255,255,.8);=:"Noto Serif TC",serif;font-size:16px;line-height:1.5;letter-spacing:.12em;font-weight:500}
#footer .contact_grid {display:grid;grid-template-columns:1fr 1fr;column-gap:clamp(25px,3vw,50px);row-gap:0}
#footer .contact_item {display:grid;grid-template-columns:50px 1fr;align-items:baseline;padding:11px 0;border-bottom:1px solid rgba(255,255,255,.15)}
#footer .contact_item:first-child {grid-column:1/-1}
#footer .contact_label {color:rgba(255,255,255,.58);font-family:"Noto Serif TC",serif;font-size:15px;letter-spacing:.1em}
#footer .contact_value,#footer .contact_value a {color:rgba(255,255,255,.9);font-family:"Montserrat","Noto Sans TC",sans-serif;font-size:15px;line-height:1.8;text-decoration:none;transition:color .3s ease}
#footer .contact_value a:hover {color:#ffd1ad}
#footer .footer_nav_list {display:grid;grid-template-columns:repeat(3,1fr);column-gap:26px;row-gap:4px}
#footer .footer_nav_list a {position:relative;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 0;color:rgba(255,255,255,.85);border-bottom:1px solid rgba(255,255,255,.13);font-family:"Noto Serif TC",serif;font-size:13px;line-height:1.5;letter-spacing:.08em;text-decoration:none;transition:color .3s ease,padding-left .3s ease}
#footer .footer_nav_list a span {color:white;font-size:15px}
#footer .footer_nav_list a i {position:relative;display:block;width:18px;height:1px;background:rgba(255,255,255,.48);transition:width .3s ease}
#footer .footer_nav_list a i::after {position:absolute;top:-3px;right:0;width:6px;height:6px;border-top:1px solid rgba(255,255,255,.7);border-right:1px solid rgba(255,255,255,.7);content:"";transform:rotate(45deg)}
#footer .footer_nav_list a:hover {padding-left:6px;color:#ffd1ad}
#footer .footer_nav_list a:hover i {width:25px}
#footer #f_other {display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:clamp(30px,2vw,20px);padding-top:0}
#footer .footer_other_left {display:flex;align-items:center;flex-wrap:wrap;gap:8px 22px}
#footer #copyright,#footer #web_footer {color:rgba(255,255,255,.55);font-family:"Montserrat","Noto Sans TC",sans-serif;font-size:11px;line-height:1.7}
#footer #web_footer a {color:rgb(255 255 255 / 55%);text-decoration:none}
#footer #extra {flex:0 0 auto}
#footer #more_extra {align-items:center;gap:12px;color:rgba(255,255,255,.7);font-size:12px;text-decoration:none}
#footer #more_extra i {position:relative;display:block;width:16px;height:16px}
#footer #more_extra i::before,#footer #more_extra i::after {position:absolute;top:50%;left:50%;background:rgba(255,255,255,.7);content:"";transform:translate(-50%,-50%);transition:transform .3s ease}
#footer #more_extra i::before {width:10px;height:1px}
#footer #more_extra i::after {width:1px;height:10px}
#footer #more_extra[data-type="1"] i::after {transform:translate(-50%,-50%) rotate(90deg)}
#footer #extra ul {right:0;bottom:calc(100%+15px);z-index:20;display:none;min-width:260px;margin:0;padding:15px 18px;background:#8b1115;border:1px solid rgba(255,255,255,.2);list-style:none}
#footer #extra ul li {padding:7px 0;color:rgba(255,255,255,.75);font-size:12px;line-height:1.7}
#footer #extra ul font {display:block}
#footer #webSeo {position:relative;z-index:10;padding:9px 0;background:#861014;border-top:1px solid rgba(255,255,255,.12);white-space:nowrap}
#footer #webSeo .seo {color:rgba(255,255,255,.42);font-size:10px;line-height:1.5}
#footer .footer_logo img {transition:transform .5s cubic-bezier(.22,.61,.36,1)}
#footer .footer_logo:hover img {transform:translateY(-3px)}
#footer .footer_brand_line {transform-origin:left center;animation:footerLine 3.5s ease-in-out infinite}
@keyframes footerLine{0%,100%{transform:scaleX(1);opacity:.55}50%{transform:scaleX(1.55);opacity:1}}

/* #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:15px;bottom:15px;z-index:2000;display:flex;flex-direction:column;align-items:center;gap:10px}
#footer_btn a {position:relative;margin-top:0;background:#12b508;line-height:40px}
#footer_btn a svg {width:60%;height:60%;fill:white}
#footer_btn a.phone {background:var(--primary)}
#footer_btn a.gotop {background:#383634}
@-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)}}

/* @media */
@media screen and (min-width:1441px){
.workframe {width:var(--width-xxl)}
header .item {padding:0 5%}
header .top_btn {width:90%}
header #webmenu nav>ul>li {margin-left:15px}
}
@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(0,0)}
.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 #webmenu nav ul li b {display:none}
header #webmenu nav ul li {position:relative}
header #webmenu nav ul li .bo {position:relative;background:var(--white);z-index:1}
header #webmenu nav>ul>li>p a {padding:25px 10px;color:white}
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)}
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}
header #webmenu li .subOption li:last-child>div a {border-color:none}
header #webmenu li .subOption li>div a:hover {color:var(--primary)}
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}
header.scroll #webmenu nav>ul>li>p a {padding:15px 10px;color:var(--white)}
}

@media screen and (max-width:1470px){
    .workframe {width: min(1280px , 90%);}
    #footer .footer_inner{grid-template-columns: 18% 80%;gap: 2%;}
    #footer .footer_brand_sub{font-size: 14px;}
}
@media screen and (max-width:1280px){
header #webmenu {padding:15px 0;width:350px;height:100vh;background:#93030e;box-shadow:0 10px 10px rgba(var(--black-rgb),.5);right:calc(-1 * var(--width-xs));z-index:999}
header #webmenu .top_btn a {margin:0 5px}
header #cis img {width:min(100%,250px)}
header #webmenu nav {overflow-y:scroll;margin-top:15px;padding:0 10px;height:calc(100% - 65px);display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
header #webmenu nav::-webkit-scrollbar {width:0}
header #webmenu nav>ul {width:100%}
header #webmenu nav>ul>li>p a {color:var(--white);padding:14px 5px}
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:#d3d3d3}
header #webmenu li .menu_body .sub2Option a {font-weight:300;color:rgba(var(--white-rgb),.5)}
header #webmenu li .menu_body .sub3Option a {color:rgba(var(--triadic1-rgb),.8)}
}
@media screen and (max-width:1199px){
#footer .footer_inner {grid-template-columns:230px 1fr;gap:45px}
#footer .footer_content {grid-template-columns:1fr 1fr;gap:40px}
#footer .footer_nav_list {grid-template-columns:repeat(2,1fr)}
}
@media screen and (max-width:991px){
#footer {padding-top:65px}
#footer .footer_inner {display: flex;flex-direction: column;}
#footer #flogo {margin-bottom:45px}
#footer .footer_brand {display:flex;align-items:flex-end;gap:25px}
#footer .footer_logo {width:220px}
#footer .footer_brand_info {margin:0 0 5px}
#footer .footer_pixel {display:none}
#footer .footer_content {gap:50px}
}
@media screen and (max-width:768px){
.section_space {padding:70px 0}
    header{background:rgb(18 18 18 / 75%);}
}
@media screen and (max-width:767px){
.site_btn {gap:28px;min-width:170px;padding:11px 11px 11px 19px}
.site_btn_arrow {width:30px;height:30px}
#footer .footer_main {padding-top:0}
#footer .footer_brand {display: flex;flex-direction: column;align-items: flex-start;margin: 30px 0 0;gap: 10px;}
#footer .footer_logo {width:210px}
#footer .footer_brand_info {margin-top:16px}
#footer .footer_content {display:block}
#footer #f_contact {margin-bottom:45px}
#footer .contact_grid {grid-template-columns:1fr}
#footer .contact_item:first-child {grid-column:auto}
#footer .footer_nav_list {grid-template-columns:repeat(2,1fr)}
#footer #f_other {align-items:flex-start;flex-direction:column;gap:20px}
#footer #extra ul {right:auto;left:0}
}
@media screen and (max-width:760px){
.webBox .wrapper_lines .center_box>div {border-width:0 0 0 1px}
}
@media screen and (max-width:550px){
.webBox #footer_btn a {width:40px;height:40px;border-radius:50%;border:1px rgb(211 211 211 / 62%) solid}
header .item {padding:0 5%}
header .top_btn {width:90%}
header #webmenu {width:320px}
#search_box form {right:2%;bottom:-35px}
#footer_btn a {margin:0 10px;line-height:35px}
#footer_btn a.gotop {right:0;bottom:0}
}
@media screen and (max-width:500px){
.section_space {padding:55px 0}
.more_btn {width:100%}
.more_btn a {width:100%;min-width:0}
.site_btn {min-width:155px;font-size:12px}
#footer {padding-top:0}
#footer .footer_logo {width: 220px;}
#footer .footer_brand_sub {font-size: 15px;}
#footer .footer_section_title {margin-bottom:18px}
#footer .contact_item {grid-template-columns:50px 1fr}
#footer .footer_nav_list {grid-template-columns:1fr 1fr;column-gap:18px}
#footer .footer_nav_list a {font-size:12px}
#footer #copyright,#footer #web_footer {font-size:10px}
}

@media (prefers-reduced-motion:reduce){
.site_btn,.site_btn::before,.site_btn::after,.site_btn_arrow,.site_btn_arrow i {transition:none}
#footer .footer_brand_line {animation:none}
#footer .footer_logo img,#footer .footer_nav_list a {transition:none}
}