@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@300;400;500;700&display=swap');

/**/

.row-depth-1 > .row-fluid { padding: 0; } 

*{ box-sizing: border-box; }
*:focus { outline:none; }
::-moz-focus-inner { border:0; }

body {  overflow-x: hidden; }

a { transition:all 0.4s ease; text-decoration:none; color:var(--primary); }

a:hover, a:focus { text-decoration:none; color:var(--secondary); }

img { height:auto; max-width:100%; }

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

input { font-family: var(--primaryFont); }
textarea, select, input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]), .default-form .hs-form fieldset select, .default-form .hs-form fieldset textarea
{ font-family: var(--primaryFont); border-radius:0; color:var(--primary); border:1px solid #ccc; padding:10px; margin:0 0 20px 0; font-size:16px; font-weight:400; width: 100%; }
fieldset.form-columns-1 textarea.hs-input, fieldset.form-columns-1, select.hs-input, fieldset.form-columns-1 input[type="text"].hs-input,  fieldset.form-columns-1 input[type="password"].hs-input,  fieldset.form-columns-1 input[type="datetime"].hs-input,  fieldset.form-columns-1 input[type="datetime-local"].hs-input, fieldset.form-columns-1 input[type="date"].hs-input, fieldset.form-columns-1 input[type="file"].hs-input, fieldset.form-columns-1 input[type="month"].hs-input, fieldset.form-columns-1 input[type="time"].hs-input, fieldset.form-columns-1 input[type="week"].hs-input, fieldset.form-columns-1 input[type="number"].hs-input, fieldset.form-columns-1 input[type="email"].hs-input, fieldset.form-columns-1 input[type="url"].hs-input, fieldset.form-columns-1 input[type="search"].hs-input, fieldset.form-columns-1 input[type="tel"].hs-input, fieldset.form-columns-1 input[type="color"].hs-input{width:100%;}
.hs-form fieldset.form-columns-1 textarea.hs-input, .hs-form fieldset textarea.hs-input, .hs-form fieldset input[type="number"].hs-input { width:100%; }
input[type="radio"], input[type="checkbox"] { margin-right: 10px; }
input[type="file"] { background-color:var(--white); color:#000; }
.inputs-list { margin:0 0 15px; }
input[type="submit"] { font-family:; color:; cursor:pointer; -webkit-appearance: none; border-radius:0px; width:100%; border:none; box-sizing:border-box; background-color:; padding:18px 10px; font-weight:700; font-size:18px; display: inline-block; text-align: center;  }
input[type="submit"]::-moz-focus-inner { border: 0; }
select { cursor:pointer; background:var(--white) url(//383029.fs1.hubspotusercontent-na1.net/hubfs/383029/media-theme/images/down-arrow.png) no-repeat right center; -webkit-appearance:none; -moz-appearance:none; appearance:none; border:1px solid #ccc; }
select::-ms-expand { display:none; }
fieldset .hs-form-field > label span.hs-form-required { display:none; }
fieldset .hs-form-field > label span:not(:empty) + span.hs-form-required { display:inherit; }
textarea { resize:none; }
.default-form .hs-form fieldset.form-columns-1 .hs-input {
    min-width: 100%;
}

.sideMenuArea .search form input::-webkit-input-placeholder, input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { opacity:1; }
.sideMenuArea .search form input::-moz-placeholder, input::-moz-placeholder, textarea::-moz-placeholder { opacity:1; }
.sideMenuArea .search form input:-ms-input-placeholder, input:-ms-input-placeholder, textarea:-ms-input-placeholder { opacity:1; }
.sideMenuArea .search form input:-moz-placeholder, input:-moz-placeholder, textarea:-moz-placeholder { opacity:1; }


.sideMenuArea .search form input::-webkit-input-placeholder { color:#777; }
.sideMenuArea .search form input::-moz-placeholder { color:#777; }
.sideMenuArea .search form input:-ms-input-placeholder { color:#777; }
.sideMenuArea .search form input:-moz-placeholder { color:#777; }


h1,h2,h3,h4,h5,h6 {margin-top:0px; font-weight:700; color:var(--secondary); margin-bottom:10px; line-height: 1.3; }


.header .search form input[type="text"]{ height:25px !important; }






.container, .row-fluid .container[class*="span"] { margin-left: auto; margin-right: auto; padding-left: 15px; padding-right: 15px; float: none; box-sizing: border-box; }
.container:after, .row-fluid .container[class*="span"]:after { clear: both; content: ""; display: table; }

.body-container-wrapper .dnd-section { padding:0; }
.body-container-wrapper .dnd-section > .row-fluid { max-width:100%; }

.bread_menu__row{     display: flex; align-items: center; justify-content: space-between; }


/* Slick css */
.slick-slider .slick-arrow { z-index: 9; position: absolute; bottom: -75px; left: 30%; width: 45px; border: 1px solid rgba(222,222,222,0.35); height: 45px; background: transparent; font-size: 0px; color: var(--white); padding:0 3px 0 0; transition: all .5s ease; cursor: pointer; border-radius: 30px; text-align: center; }
.slick-slider .slick-arrow:hover { border-color:var(--secondary); }
.slick-slider .slick-arrow.slick-prev:after { content: '\f104'; font-size: 24px; font-family: 'FontAwesome'; font-weight: 900; }
.slick-slider .slick-arrow.slick-next:after { content: '\f105'; font-size: 24px; font-family: 'FontAwesome'; font-weight: 900; }
.slick-slider .slick-arrow.slick-next { left: auto; right: 30%; padding:0 0 0 3px; }

.slick-slider .slick-dots { text-align:center; padding:0; margin:0; }
.slick-slider .slick-dots li { display:inline-block; margin:0 5px; }
.slick-slider .slick-dots li button { width:6px; height:6px; border-radius:100%; background-color:var(--white); border:none; padding:0; text-indent:-9999px; cursor:pointer; opacity:.5; transition:all 0.5s ease; }
.slick-slider .slick-dots li.slick-active button { opacity:1; } 

/* Default Form Code */
.default-form .hs-form-field { margin-bottom:0; }
.default-form .hs-form-field label { font-size: 18px; color: var(--primary); display: inline-block; line-height: 20px; margin-bottom: 4px; font-family:var(--primaryFont);}
.default-form .hs-form .hs-form-field > label span.hs-form-required { display:none; }
.default-form .hs-form .hs-form-field > label span:not(:empty) + span.hs-form-required { display:inherit; }
.default-form .hs-form .hs-form-field .input { margin:0; }
.default-form .hs-form fieldset { max-width: none; }
.default-form .hs-form fieldset.form-columns-2, .default-form .hs-form fieldset.form-columns-3 { display:flex; column-gap:20px }
.default-form .hs-form fieldset.form-columns-2 .hs-form-field { width:50%; margin:0; }
.default-form .hs-form fieldset.form-columns-3 .hs-form-field { width:33.33%; margin:0; }
.default-form .hs-form fieldset textarea { height:100px; }
.default-form .hs-form fieldset input[type="file"] { border: none; margin-bottom: 20px; font-size:18px; }
.default-form .hs-form .hs_submit { padding:25px 0 0; }
.default-form .hs-form .legal-consent-container { font-size:13px; padding:17px 0 0; }
.default-form .hs-form-field.hs-fieldtype-radio { display: flex; }
.default-form .hs-form-field.hs-fieldtype-radio .input ul { display: flex; }
.default-form .hs-form-field.hs-fieldtype-radio .input ul li { margin: 0 0 0 15px; }
/* .default-form .hs-form .inputs-list { list-style:none; }
.default-form .hs-form .inputs-list input[type="checkbox"] { opacity:0; position:absolute; }
.default-form .hs-form .inputs-list span { margin:0; padding:2px 0 0 26px; position:relative;  cursor:pointer; }
.default-form .hs-form .inputs-list span:after { background-color:#b7d7e9;  content:""; height:22px; left:0; position:absolute; top:0; width:22px; }
.default-form .hs-form .inputs-list span:before { border-bottom:3px solid #175ca4; border-left:3px solid #175ca4; transition:all 500ms ease; content:""; height:5px; left:4px; position:absolute; top:6px; transform:rotate(-41deg); width:11px; z-index:1; }
.default-form .hs-form .inputs-list span:before { border-bottom-width:0;  border-left-width:0; }
.default-form .hs-form .inputs-list input[type="checkbox"]:checked + span:after { background-color:green; }
.default-form .hs-form .inputs-list input[type="checkbox"]:checked + span:before { border-bottom-width:3px;  border-left-width:3px; } */
.default-form .hs-form input.hs-button { width: 225px; height: 50px; margin-top:50px; background-color: var(--secondary); border: 1px solid var(--secondary); color: var(--white); display: block; font-size: 16px; font-weight: 600; line-height: 48px; padding: 0 15px; position: relative; border-radius: 0; }
.default-form .hs-form input.hs-button:hover { background-color: transparent; color: var(--secondary); }
form .hs-richtext, form .hs-richtext p {
    font-size: 14px !important;
    line-height: 150% !important;
}
.default-form .input ul.inputs-list li label {display: flex;align-items: center;}
.default-form .input ul.inputs-list li label input { width: 20px; min-width: inherit !important; }

.submitted-message {text-align: center;color: #155724;background-color: #d4edda;border-color: #c3e6cb;position: relative;padding: .75rem 1.25rem;margin-bottom: 1rem;border: 1px solid #c3e6cb;border-radius: .25rem;}



header .nav-toggle { background-color: transparent; border: 0 none; cursor: pointer; padding: 0; position: absolute; top: 50%; right: 15px; transform:translateY(-50%); }
.nav-toggle .icon-bar { margin: auto; background-color: var(--black); border-radius: 1px; display: block; height: 1px; position: relative; width: 30px; transition: all 0.4s ease; }
.nav-toggle .icon-bar + .icon-bar { margin-top:9.5px; }
.nav-toggle .icon-bar:nth-child(2) { width: 20px; margin-right: 0; }
.nav-toggle .icon-bar:nth-child(1), .nav-toggle .icon-bar:nth-child(3) { top:0;  transform:rotate(0deg); }
.nav-toggle.nav-menuopen .icon-bar { background-color:var(--secondary); }
.nav-toggle.nav-menuopen .icon-bar:nth-child(1) { top:11px; transform:rotate(45deg); }
.nav-toggle.nav-menuopen .icon-bar:nth-child(2) { opacity:0; }
.nav-toggle.nav-menuopen .icon-bar:nth-child(3) { top:-10px; transform:rotate(-45deg); }

.mainmenu .mobile-menu span.mobile-toggle { width:36px; height:36px; position:absolute; right:0px; top:0px; background-color:#ededed; transition:all 0.4s ease; }
.mainmenu .mobile-menu span.mobile-toggle:after,.mainmenu .mobile-menu span.mobile-toggle:before { content:""; background-color:#000; height:16px; width:2px; position:absolute; left:17px; top:10px; transition:all 0.4s ease; }
.mainmenu .mobile-menu span.mobile-toggle:before { transform:rotate(90deg); transition:all 0.4s ease; }
.mainmenu .mobile-menu span.mobile-toggle.nav-subopen:after { transform:rotate(90deg)}; }
.mainmenu .mobile-menu span.mobile-toggle.nav-subopen:before { opacity:0; background-color:var(--white); transform:rotate(180deg); }

.mainmenu .hs-menu-wrapper ul { padding:0; margin:0; list-style:none; text-align:left; }
.mainmenu .hs-menu-wrapper ul li a { padding:10px 0; display:block; }

.mainmenu .hs-menu-wrapper > ul > li { display:inline-block; vertical-align:middle; padding:0 5px; }
.mainmenu .hs-menu-wrapper > ul > li > a { max-width:none; width:auto; line-height: 1; letter-spacing: 1px; padding: 33px 15px; position: relative; }
.mainmenu .hs-menu-wrapper > ul > li > a svg { width: 18px; height: 13px; display: inline-block; fill: currentColor; margin-top: -3px; margin-right: 1px; vertical-align: middle; transition: all 0.4s ease; }
.mainmenu .hs-menu-wrapper > ul > li > a:hover svg { fill: var(--secondary); }
.mainmenu .hs-menu-wrapper > ul > li.hs-item-has-children { position:relative; }
.mainmenu .hs-menu-wrapper > ul > li.hs-item-has-children > ul.hs-menu-children-wrapper { background-color:var(--white); min-width:260px; left:0; top:100%; opacity:0; position:absolute; visibility:hidden; z-index:10;  transform:translateY(20px); transition:all 0.4s ease; }
.mainmenu .hs-menu-wrapper > ul > li.hs-item-has-children ul.hs-menu-children-wrapper li a { padding:11px 5px; text-align:center; }

.mainmenu .hs-menu-wrapper > ul > li.hs-item-has-children:nth-child(4) ul.sub-menu { flex-direction: inherit; min-width: 450px; }
.mainmenu .hs-menu-wrapper > ul > li.hs-item-has-children:nth-child(4) ul.sub-menu > li { width: 50%; }
.mainmenu .hs-menu-wrapper > ul > li.hs-item-has-children:nth-child(4) ul.sub-menu > li:nth-child(2) ul { left: auto;}
.mainmenu .hs-menu-wrapper > ul > li.hs-item-has-children:nth-child(4) ul.sub-menu > li > a { display: none; }
.mainmenu .hs-menu-wrapper > ul > li.hs-item-has-children:nth-child(4) ul.sub-menu > li a { text-align: left; padding: 9px 20px; }
.mainmenu .hs-menu-wrapper > ul > li.hs-item-has-children:nth-child(4) ul.sub-menu ul {min-width: 225px;     border-right: 1px solid #d8d8d8; }
.mainmenu .hs-menu-wrapper > ul > li.hs-item-has-children:nth-child(4) ul.sub-menu > li:nth-child(2) ul li:first-child a { font-weight: 600; }

span.inq-counter { font-weight: 600; }


.btnbox a { font-size:18px; width: 180px; height: 50px; background-color: var(--secondary); color: var(--white); display: inline-block; line-height: 50px; letter-spacing: 1px; position: relative; text-align: center;  }
.btnbox a:before { content: ""; width: 0; height: 0; border-style: solid; border-width: 50px 50px 0 0; border-color: var(--secondary) transparent transparent transparent; position: absolute; top: 0; right: -50px; z-index: 1; transition:all 0.4s ease; }
.btnbox a:hover { background-color: var(--white); color: var(--secondary); }
.btnbox a:hover:before { border-color: var(--white) transparent transparent transparent; }

.border-box-btn a { width: 225px; height: 50px; border: 1px solid rgba(142,142,142,.6); color: #eee; display: block; font-size: 18px; font-weight: 600; line-height: 48px; padding: 0 15px; text-transform:uppercase; position: relative; }
.border-box-btn a:after, .border-box-btn a:before { content: ""; width: 16px; height: 3px; background-color: var(--secondary); display: block; position: absolute; -webkit-transform: skew(50deg); transform: skew(50deg); transition: all .2s ease; }
.border-box-btn a:before { top: calc(50% - 4px); right: 40px; }
.border-box-btn a:after { top: calc(50% + 2px); right: 35px; }
.border-box-btn a:hover { color: var(--secondary); border: 1px solid var(--secondary); }
.border-box-btn a:hover:after, .border-box-btn a:hover:before { right: 37px; }

.bg-btn ul li { border-bottom:1px solid #e6e6e6; width:100%; }
.bg-btn ul li a { color: var(--primary); display: block; font-size: 18px; font-weight: 500; line-height: 1.2; padding: 25px 35px; position: relative; }
.bg-btn ul li.active a, .bg-btn ul li a:hover { background-color: var(--secondary); color: var(--white); }
.bg-btn ul li.active a:before, .bg-btn ul li a:before { content: ""; width: 25px; height: 1px; background-color: #ebebeb; display: block; position: absolute; top: calc(50% - 0.5px); right: 25px; opacity:0; visibility:hidden; }
.bg-btn ul li.active a:after, .bg-btn ul li a:after { content: ""; width: 1px; height: 8px; background-color: #ebebeb; display: block; position: absolute; top: calc(50% - 7px); right: 28px; -webkit-transform: rotate(-55deg); transform: rotate(-55deg); opacity:0; visibility:hidden; }
.bg-btn ul li.active a:before, .bg-btn ul li.active a:after, .bg-btn ul li a:hover:after, .bg-btn ul li a:hover:before { opacity:1; visibility:visible; }

.title h2 {  letter-spacing: 1px; }


.loadArea { width: 100%; height: 100vh; background-color: #fff; overflow: hidden; position: fixed; top: 0; left: 0; z-index: 999999999999999999; transition: all .75s ease-in-out; }
.loadArea .loadBox { width: 100%; height: 100%; position: relative; }
.loadArea .loadLogo { width: 280px; height: 132px; position: absolute; top: calc(50% - 66px); left: calc(50% - 140px); z-index: 3; transition: all .75s ease-in-out; }
.loadArea .loadLogo img { display: block; width: 100%; -webkit-backface-visibility: hidden; backface-visibility: hidden; opacity: 0; position: absolute; top: 0; left: 0; right: 0; bottom: 0; transition: all 1s ease-in-out; }
.loadArea .loadLogo img.loadOrange { z-index: 3; -webkit-transform: translateY(-20px); transform: translateY(-20px); }
.loadArea .loadLogo img.loadGrey { z-index: 1; transition-delay: 1s; -webkit-transform: translate(0, 0); transform: translate(0, 0); }

@media(max-width:640px) {
    .loadArea .loadLogo { width: 220px; height: 160px; top: calc(50% - 80px); left: calc(50% - 110px); }
}

.loadArea.show .loadLogo img { opacity: 1; }
.loadArea.show .loadLogo img.loadOrange { -webkit-transform: translateY(0); transform: translateY(0); }
.loadArea.show .loadLogo img.loadGrey { -webkit-transform: translate(0, 0); transform: translate(0, 0); }
.loadArea.close { opacity: 0; visibility:hidden; }

/* CSS start from here */

/* HEADER */
header { border-bottom: 1px solid rgba(255,255,255,.15); box-shadow: 0 2px 8px rgb(0 0 0 / 10%); position: absolute;  z-index: 1; width: 100%; left:0; right:0; top:0;   }
header .inner {display: flex; align-items: center; }
header .inner .logo {width: 105px; line-height:0; } 
header .inner .header-right {display: flex; align-items: center; width: calc(100% - 105px); padding-left: 40px; justify-content: space-between; font-size:18px; }
.search form { width: 150px; display: -ms-flexbox; display: flex; opacity: 1; position: relative; bottom: -1px; right: 0; align-items:center;}
.search form input[type="text"] { width: calc(100% - 25px) !important; height: 25px; font-size: 18px !important; background-color: transparent; border: none !important; border-bottom: 1px solid #747474 !important; padding: 0 15px 0 5px !important; border-radius: 0 !important; margin:0 !important; }
.search form button { width: 25px; height: 25px; display: flex; align-items: center; border-radius: 0; border: none; padding: 0; justify-content: center; background: none; }
.search form button svg { height: 13px; fill: #747474; }
.user { line-height:0; }
.user img { height:25px; }









.body-container-wrapper{  margin-top: 80px; }

.row-fluid [class*=span] { min-height:0; }


/* HEADER SIDEBAR */
.sideMenuArea .funcBox .loginBox .loginToggle svg,
.sideMenuArea .funcBox .searchBox,
.sideMenuArea .funcBox .searchBox .searchRow,
.sideMenuBtn b,
.sideMenuBtn span,
.sideMenuBtn span:after,
.sideMenuBtn span:before { transition: all .4s; }

.sideMenuArea .funcBox,
.sideMenuArea .funcBox .searchBox,
.sideMenuArea .menuBox .menu,
.sideMenuArea .menuBox .menu .submenu ul,
.sideMenuArea .topBox,
.sideMenuArea .topBox .languageBox,
.sideMenuArea .topBox .languageBox ul,
.sideMenuBtn { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.sideMenuArea { width: 100%; max-width: 440px; height: 100vh; background-color: #1d1d1d; box-sizing: border-box; box-shadow: 0 0 30px rgba(0, 0, 0, .1); display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; opacity: 0; overflow-y: auto; overflow-x: hidden; padding: 30px 35px; position: fixed; right: -100%; top: 0; z-index: 99999999; transition: all .8s ease; -webkit-overflow-scrolling: touch; }
.sideMenuArea:before { content: ""; width: 140px; height: 600px; background-color: #e6ad39; -webkit-transform: skew(-40deg); transform: skew(-40deg); pointer-events: none; position: absolute; bottom: 0; right: -130px; z-index: -1; }
.sideMenuArea.show { right: 0; opacity: 1; }

.sideMenuArea .topBox { -ms-flex-align: center; align-items: center; -ms-flex-justify: space-between; justify-content: space-between; }
.sideMenuArea .topBox .languageBox { border-bottom: 1px solid rgba(255, 255, 255, .6); margin-right:0; padding-bottom:1px; }
.sideMenuArea .topBox .languageBox span { color: #e6ad39; display: inline-block; font-size: 14px; font-weight: 600; font-family: var(--primaryFont);}
.sideMenuArea .topBox .languageBox ul li a { color: #fff; }
[lang="en"] .sideMenuArea .topBox .languageBox ul li a[lang="en"],
[lang="zh-tw"] .sideMenuArea .topBox .languageBox ul li a[lang="zh-tw"] { color: #777; }

.sideMenuArea .search form input[type="text"] { border-bottom-color: var(--white) !important; color: var(--white) !important; font-weight:300 !important; }
.sideMenuArea .search form button svg path { fill:var(--white); }
.sideMenuArea .user { margin-left: 25px; }
.sideMenuArea .user .icon-wrapper .icon { border-color: var(--white); }
.sideMenuArea .user .icon-wrapper .icon svg path { fill: var(--white); }




.sideMenuBtn { width:90px; height: 22px; align-items: center; }
.sideMenuBtn b { color: #818181; display: inline-block; font-size: 16px; font-weight: 600; line-height: 1; letter-spacing: 1px; transition: all 0.4s ease; }
.sideMenuBtn:hover b { color: var(--secondary); }
.sideMenuBtn span { width: 20px; height: 1px; display: inline-block; background-color: #818181; margin-left: auto; position: relative; transition: all 0.4s ease; }
.sideMenuBtn span:after, .sideMenuBtn span:before { content: ""; width: 30px; height: 1px; background-color: #818181; display: inline-block; position: absolute; right: 0; transition: all 0.4s ease; }
.sideMenuBtn span:before { top: -10px; }
.sideMenuBtn span:after { bottom: -10px; }
.sideMenuBtn:hover span { width: 30px; }
.sideMenuBtn:hover span, .sideMenuBtn:hover span:after, .sideMenuBtn:hover span:before { background-color: var(--secondary); }
.sideMenuBtnClose { margin-left: auto; }
.sideMenuBtnClose span { height: 0; }
.sideMenuBtnClose span:before { top: 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.sideMenuBtnClose span:after { top: 0; bottom: auto; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
.sideMenuBtnClose.scrollDown b { color: #fff }


.sideMenuArea .funcBox { -ms-flex-align: center; align-items: center; -ms-flex-pack: start; justify-content: flex-start; padding-top: 20px; }
.sideMenuArea .funcBox .searchBox { width: 150px; -ms-flex-align: center; align-items: center; position: relative; }
.sideMenuArea .funcBox .searchBox .searchRow { width: 100%; display: -ms-flexbox; display: flex; opacity: 1; position: relative; bottom: -1px; right: 0; }
.sideMenuArea .funcBox .searchBox .searchRow input { width: 100%; height: 25px; font-size: 14px; background-color: transparent; border: none; border-bottom: 1px solid #fff; color: #eaeaea; padding: 0 15px 0 5px; }
.sideMenuArea .funcBox .searchBox .searchRow a { width: 25px; height: 25px; color: #fff; display: block; -ms-flex-negative: 0; flex-shrink: 0; font-size: 14px; line-height: 25px; text-align: center; }

.sideMenuArea .funcBox .loginBox { height: 22px; margin: 0 25px; }
.sideMenuArea .funcBox .loginBox .loginToggle { display: inline-block; }
.sideMenuArea .funcBox .loginBox .loginToggle svg { width: 22px; height: 22px; fill: none; stroke: #fff; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; stroke-miterlimit: 10; }
.sideMenuArea .funcBox .loginBox .submenu a,
.sideMenuArea .funcBox .loginBox .submenu span { color: #fff; }
.sideMenuArea .funcBox .loginBox .submenu span { display: inline-block; padding: 0 5px; }

.sideMenuArea .menuBox { padding-top: 70px; }
.sideMenuArea .menuBox .menu > li { width: 100%; line-height: 1; padding: 20px 0; }
.sideMenuArea .menuBox .menu > li:first-child { padding-top: 0; }
.sideMenuArea .menuBox .menu > li a { color: #eee; font-size: 17px; letter-spacing: 0px; padding: 0; }
.sideMenuArea .menuBox .menu > li a svg { display:none; }
.sideMenuArea .menuBox .menu > li a.current { color: #e6ad39; }

.sideMenuArea .menuBox .menu .submenu { position:static; opacity:1; flex-direction: inherit; }
.sideMenuArea .menuBox .menu .submenu li { padding-top: 20px; display:inline-block; }
.sideMenuArea .menuBox .menu .submenu li:not(:last-child) { padding-right: 15px; }
.sideMenuArea .menuBox .menu .submenu li a { color: #a5a5a5; font-size: 14px; }
.sideMenuArea .menuBox .menu .submenu.twoColumns { -ms-flex-wrap: wrap; flex-wrap: wrap; }
.sideMenuArea .menuBox .menu .submenu.twoColumns li.title { width: 100%; }
.sideMenuArea .menuBox .menu .submenu.twoColumns li.title a { color: #e5e5e5; font-weight: 600; }

.sideMenuArea .menuBox .menu li:nth-child(4) .submenu > li { padding: 0; }
.sideMenuArea .menuBox .menu li:nth-child(4) .submenu > li ul { flex-direction: initial; }
.sideMenuArea .menuBox .menu li:nth-child(4) .submenu > li:nth-child(2) ul li:first-child a { color: var(--white); }
.sideMenuArea .menuBox .menu li:nth-child(4) .submenu > li:nth-child(2) ul li:first-child { width: 100%; }

.sideMenuArea .socialBox { border-bottom: 1px solid rgba(255, 255, 255, .05); margin: auto 0 20px; padding-bottom: 40px; }
.sideMenuArea .socialBox .social-links { justify-content:flex-start; }
.sideMenuArea .socialBox a.social-links__link:first-child { margin-left: 0; }
.sideMenuArea .socialBox a.social-links__link:last-child { margin-right: 0; }
.sideMenuArea .socialBox a.social-links__link { width: 35px; height: 35px; border-radius: 50%; background-color: #fff; color: #000; margin: 0 7px; text-align: center; display:flex; align-items:center;}
.sideMenuArea .socialBox a.social-links__link .social-links__icon { background: transparent; display: flex; align-items: center; justify-content: center; height: 34px; }
.sideMenuArea .socialBox a.social-links__link .social-links__icon svg { fill: var(--primary); height: 18px; }


.sideMenuArea .copyrightBox { color: #eee; font-size: 12px; font-weight: 500; line-height: 2; letter-spacing: 1px; padding-right: 20px; }

.sideMenuMask { position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 98; background-color: rgba(0, 0, 0, .5); opacity: 0; visibility: hidden; pointer-events: none; transition: all .5s; height:100vh; }
.sideMenuMask.show { opacity: 1; visibility: visible; pointer-events: auto }





.induiry-section {}

.induiry-section .default-form .hs-form-field label {
    font-size: 18px;
}

/* .induiry-section .default-form h3 {
    font-size: 28px;
}
 */


/* BAnner Section */
.banner-section { position:relative; background:url(https://www.everpads.com/hubfs/banner-bg-2-_1_.webp) no-repeat center / cover; padding:120px 0 160px; } 
.banner-section .container { max-width:1570px; width:100%; }
.banner-section h1 { max-width:737px;  text-transform: uppercase; }
.banner-section .left .content { color: #bababa; font-weight: 300; line-height: 1.4; letter-spacing: 1px; position: relative; }
.banner-section .left .content:before { content: ""; width: 130px; height: 1px; background-color: rgba(255,255,255,.1); display: block; position: absolute; bottom: 0; left: 0; z-index: 1; }
.banner-section .social-box { position: absolute; bottom: 50px; right: 50px; z-index: 5; }
.banner-section .social-box .box { padding: 10px 0; }
.banner-section .social-box .box a { width: 32px; height: 32px; background-color: var(--white); border-radius: 50%; display: inline-block; font-size: 17px; line-height: 32px; text-align: center; }
.banner-slider .box img { margin: 0 auto; }
.banner-slider .funcBox { width: 100%; max-width: 270px; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; margin: 30px auto 0; z-index: 5; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.banner-slider span.arrow.progressBar { font-size:16px; width: 45px; height: 45px; border: 1px solid rgba(222, 222, 222, 0.35); border-radius: 50%; cursor: pointer; position: relative; z-index: 2; display: block !important; top: 0; left: 0; }
.banner-slider span.arrow.progressBar svg.path { width: 45px; height: 45px; min-width: 45px; min-height: 45px; fill: none; transition: all 0.1s ease-in-out; opacity: 0; stroke-dashoffset: 0; stroke-dasharray: 141.3; stroke: #e6ad39; stroke-width: 1px; -webkit-transform: translate(-1px, -1px) rotate(-90deg); transform: translate(-1px, -1px) rotate(-90deg); }
.banner-slider .funcBox .arrow:before { content: ""; width: 10px; height: 10px; border-top: 2px solid #fff; border-left: 2px solid #fff; display: block; margin: auto; position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
.banner-slider .funcBox .arrowPrev:before { left: 5px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
.banner-slider .funcBox .arrowNext:before { right: 5px; -webkit-transform: rotate(135deg); transform: rotate(135deg); }
.banner-slider .funcBox .arrow:hover .path { opacity: 1; }
.banner-slider .funcBox .slideNum span {
    font-size: 16px;
}
.banner-slider .funcBox .slideNum span.total { color: #bababa; font-weight: 500; }
.banner-slider  .funcBox .slideNum span.current { color: #e6ad39; font-weight: 700; }
.banner-slider .funcBox .slideNum i { color: #ebebeb; display: inline-block; font-weight: 500; padding: 0 12px; }
@keyframes progressCircleAnimation { 
    0% { stroke-dashoffset: 141.3; }
    100% { stroke-dashoffset: 0; }
}

.banner-slider .funcBox .arrow.active .path circle { 
    -webkit-animation: progressCircleAnimation linear forwards; 
    animation: progressCircleAnimation linear forwards; }


/* Product Section */
.home-product-section { position:relative; background:url(https://www.everpads.com/hubfs/product-bg.webp) no-repeat center / cover; padding:180px 0; } 
.home-product-section .product-slider { margin:0 12.5px; }
.home-product-section .product-slider .productsItem { height: 600px; background-color: var(--black); -webkit-clip-path: polygon(20% 0%,100% 0%,100% 90%,80% 100%,0 100%,0 10%); clip-path: polygon(20% 0%,100% 0%,100% 90%,80% 100%,0 100%,0 10%); color: var(--white); margin: 0 12.5px; overflow: hidden; position: relative; z-index: 1; }
.home-product-section .product-slider .productsItem:after, 
.home-product-section .product-slider .productsItem:before { content: ""; -webkit-clip-path: polygon(20% 0%,100% 0%,100% 90%,80% 100%,0 100%,0 10%); clip-path: polygon(20% 0%,100% 0%,100% 90%,80% 100%,0 100%,0 10%); display: block; margin: auto; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 3; }
.home-product-section .product-slider .productsItem:before { width: calc(100% - 16px); height: calc(100% - 16px); background-color: #4b4b4b; }
.home-product-section .product-slider .productsItem:after { width: calc(100% - 18px); height: calc(100% - 18px); background-color:var(--black); }
.home-product-section .product-slider .productsItem .item { width: calc(100% - 16px); height: calc(100% - 16px); -webkit-clip-path: polygon(20% 0%,100% 0%,100% 90%,80% 100%,0 100%,0 10%); clip-path: polygon(20% 0%,100% 0%,100% 90%,80% 100%,0 100%,0 10%); display: -ms-flexbox; display: flex; margin: 8px auto; overflow: hidden; padding: 20px 0; position: relative; z-index: 4; }
.home-product-section .product-slider .slick-slide:nth-child(odd) .productsItem .item { -ms-flex-direction: column; flex-direction: column; }
.home-product-section .product-slider .slick-slide:nth-child(2n) .productsItem .item { -ms-flex-direction: column-reverse; flex-direction: column-reverse; }
.home-product-section .product-slider .productsItem .img { width: 385px; position: relative; right: -20%; }
.home-product-section .product-slider .slick-slide:nth-child(odd) .productsItem .img { padding-bottom: 30px; }
.home-product-section .product-slider .slick-slide:nth-child(2n) .productsItem .img { padding-top: 30px; }
.home-product-section .product-slider .productsItem .img img { display: block; width: 100%; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
.home-product-section .product-slider .productsItem .txt { padding: 30px 20px; }
.home-product-section .product-slider .slick-slide:nth-child(odd) .productsItem .txt { border-top: 1px solid #4b4b4b; }
.home-product-section .product-slider .slick-slide:nth-child(2n) .productsItem .txt { border-bottom: 1px solid #4b4b4b; }
.home-product-section .product-slider .slick-slide > div { line-height:0; }
.home-product-section .product-slider .productsItem .item .btn a { width: 30px; height: 30px; border-radius: 50%; color:var(--white); border: 1px solid var(--secondary); background:var(--secondary); display:flex; align-items:center; justify-content:center; }
.home-product-section .product-slider .productsItem .item .btn.border-btn a,
.home-product-section .product-slider .productsItem .item .btn a:hover { background:transparent; color:var(--secondary); }
.home-product-section .product-slider .productsItem .item .btn.border-btn a:hover { background:var(--secondary); color:var(--white); }
.home-product-section .product-slider .productsItem .item .txt .content { letter-spacing: 1.5px; line-height:1.2; }


.home-product-section .slick-slider .slick-arrow {left: -75px; top: 50%; transform: translateY(-50%); } 
.home-product-section .slick-slider .slick-arrow.slick-next {left: auto; right: -75px; } 
.home-product-section .slick-slider .slick-arrow.slick-prev {border-color: #9b9b9b; color: #1b1b1b; } 
.home-product-section .slick-slider .slick-arrow.slick-prev:hover {border-color: var(--secondary); }

.home-product-section .product-btn { width: 50%; height: 85px; background-color: var(--white); line-height: 85px; padding-right: 80px; position: absolute; bottom: 0; left: 0; z-index: 1; text-align: right; }
.home-product-section .product-btn a { color:var(--black); font-size: 16px; font-weight: 600; line-height: 1; }
.home-product-section .product-btn a:after, .home-product-section .product-btn a:before { content: ""; width: 16px; height: 3px; background-color: var(--black); display: block; position: absolute; -webkit-transform: skew(50deg); transform: skew(50deg); transition: all .2s ease; }
.home-product-section .product-btn a:before { top: calc(50% - 4px); right: 40px; }
.home-product-section .product-btn a:after { top: calc(50% + 2px); right: 35px; }
.home-product-section .product-btn a:hover { color: var(--secondary); }
.home-product-section .product-btn a:hover:after, .home-product-section .product-btn a:hover:before { background-color: var(--secondary); }
.home-product-section .product-btn a:hover:before { right: 37px; }
.home-product-section .product-btn a:hover:after { right: 37px; }
.home-product-section .product-slider .productsItem .sub_title { color: #bababa; font-size: 13px; font-weight: 500; line-height: 1.2; letter-spacing: 1px; margin-bottom: 20px; margin-top: 10px; }
.home-product-section .product-slider .productsItem .item .txt .content a { color: #e6ad39; font-size: 18px; font-weight: 600; line-height: 1.2; letter-spacing: 1.5px; margin-bottom: 10px; }


.productsModule, .productsModuleMask { width: 100%; height: 100%; margin: auto; position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
.productsModule { position: fixed; overflow: hidden; opacity: 0; visibility: hidden; pointer-events: none; z-index: 9999999; transition: all 0.4s; }
.productsModule .productsModuleMask { background-color: rgba(0, 0, 0, 0.8); }
.productsModule .productsModuleContent { width: 100%; max-width: 450px; height: 100%; margin-left: auto; background-color: #fff; overflow-y: auto; position: relative; z-index: 52; -webkit-transform: translateX(50%); transform: translateX(50%); transition: all 0.4s; }

.productsModule .closeModule { width: 100px; height: 100px; -ms-flex-align: center; align-items: center; background-color: var(--secondary); color: #fff; display: -ms-flexbox; display: flex; font-size: 14px; font-weight: 500; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: center; justify-content: center; letter-spacing: 1px; }
.productsModule .closeModule span { width: 20px; height: 20px; margin-bottom: 5px; position: relative; }
.productsModule .closeModule span:after,
.productsModule .closeModule span:before { content: ""; width: 100%; height: 1px; background-color: #fff; display: block; position: absolute; top: 10px; left: 0; }
.productsModule .closeModule span:before { -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.productsModule .closeModule span:after { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }

.productsModule .productsModuleBox { padding: 0 25px; }
.productsModule .productsModuleBox .productClass { border-bottom: 1px solid #d9d9d9; margin: 10px 0 40px; padding-bottom: 50px; }
.productsModule .productsModuleBox .productClass h4 { color: var(--primary); font-size: 26px; font-weight: 600; line-height: 1.2; letter-spacing: 1.5px; margin-bottom: 5px; text-align: center; }
/* .productsModule .productsModuleBox .productClass em { color: #575757; display: block; font-size: 18px; font-weight: 500; line-height: 1.2; letter-spacing: 1px; margin-bottom: 20px; text-align: center; }
.productsModule .productsModuleBox .productClass p { color: #7f7f7f; font-size: 14px; font-weight: 500; line-height: 1.8; } */
.productsModule .productsModuleBox .productList li { padding-bottom: 40px; }
.productsModule .productsModuleBox .productList li .Img img { -webkit-transform: scale(1.01); transform: scale(1.01); display: block; width: 100%; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
.productsModule .productsModuleBox .productList li .Txt { padding-top: 15px; text-align: center; }
.productsModule .productsModuleBox .productList li .Txt h3 a { color: #252525; font-size: 18px; font-weight: 500; line-height: 1.2; }

.productsModule.show { opacity: 1; visibility: visible; pointer-events: auto; }
.productsModule.show .productsModuleContent { -webkit-transform: translateX(0); transform: translateX(0); }


/* About Section */
.home-about-section { padding:120px 0 100px; position:relative; }
.home-about-section .container { position:relative; left:-50px; }
.home-about-section:before { content: ""; width: 150px; height: 510px; background-color: var(--secondary); display: block; position: absolute; bottom: 0; right: 320px; -webkit-transform: skew(-45deg); transform: skew(-45deg) }
.home-about-section .title h2 { text-transform: uppercase;  }
.home-about-section .title h2 span { display:block; color: transparent; -webkit-text-stroke: 1px rgba(249,249,249,.4); padding-left:110px; }
.home-about-section .left .content { font-weight: 500;  letter-spacing: 1px; font-size:18px; line-height:150%; } 
.home-about-section .right { width:325px; }
.home-about-section .right .box { border-bottom:1px solid rgba(149,149,149,.5); padding-bottom:12px; margin-bottom:25px; }
.home-about-section .right .box:last-child { margin-bottom:0; }
.home-about-section .right .box .counter { color: var(--secondary); font-size: 48px; font-weight: 700; line-height: 36px; letter-spacing: 1px; }
.home-about-section .right .box .content { letter-spacing:1px; font-size: 18px; line-height: 150%; }
.home-about-section .right .box .content span { display:block; color:#8d8d8d; font-size:14px; margin-bottom:10px; line-height:12px; letter-spacing:0; }


/* FOOTER */
footer { background-color: #212121; }
footer .f-top .f-about { width: 25%; }

/* footer .f-top h4 { color: var(--white); font-family: var(--primaryFont); font-size: 20px; font-weight: 500; line-height: 1.2; letter-spacing: 1.5px; margin-bottom: 20px; }
 */

/*  letter-spacing: 1.5px; */
 footer .f-top h4 { color: var(--white); font-family: var(--primaryFont);  margin-bottom: 20px; line-height: 1.5; font-size: 20px; font-weight: 400;  }


footer .f-top .f-about ul li { color: gray; font-size: 16px; font-weight: 400; font-family: var(--primaryFont); line-height: 1.5; letter-spacing: 1.5px; max-width: 300px; }
footer .f-top .f-about ul li:not(:last-child) { margin-bottom: 15px; }
footer .f-top .f-about ul li span { width: 105px; display: inline-block; padding-right: 15px; }
footer .f-top .f-menu { width: 30%; margin-top: -6px;}
footer .f-top .f-menu ul { display: grid !important; flex-flow: row wrap; width: 100%; grid-gap: 30px; grid-template-columns: 1fr 1fr; grid-row-gap: 15px; }
footer .f-top .f-menu ul li a { color: var(--white); display: block; font-size: 18px; font-weight: 400; letter-spacing: 1.5px; }
footer .f-top .f-menu ul li a:hover { color: var(--secondary); }
footer .f-top .download { width: 40%; }
footer .f-top .download .content { color: gray; font-size: 14px; font-weight: 400; line-height: 1.5; letter-spacing: 1.5px; border-bottom: 1px solid rgba(255,255,255,.15); padding-bottom: 15px; position: relative; }
footer .f-top .download h4 { margin-bottom: 10px;  }
footer .f-top .download .content:before { content: ""; width: 50px; height: 2px; background-color: rgba(235,235,235,.65); display: block; position: absolute; bottom: -1px; left: 0; }

footer .f-bottom { border-top: 1px solid rgba(255,255,255,.05); }
footer .f-bottom .f-menu ul li a { color: gray; text-decoration: none; font-size: 14px; margin: 0 5px; text-transform: uppercase; font-weight: 500; line-height: 1.2; letter-spacing: 1.5px; }
footer .f-bottom .f-menu ul { display: flex !important; flex-direction: inherit; }
footer .f-bottom .content { margin-bottom: 0; color: var(--white); font-size: 14px; font-weight: 400; line-height: 1.5; letter-spacing: 1.5px; text-transform: uppercase; }
footer .f-bottom .social-box .box a { width: 35px; height: 35px; background-color: var(--white); border-radius: 50%; display: inline-block; font-size: 17px; line-height: 32px; text-align: center; display:flex; align-items:center; justify-content:center;}


/* INNER BANNER SECTION */
.inner-banner-section { position:relative; min-height:300px; }
.inner-banner-section .title { width: 340px; position: absolute; top: 50px; left: 190px; z-index: 1; }
.inner-banner-section .title .content { max-height:150px; font-size: 18px; font-weight: 500; line-height: 1.8; letter-spacing: 1px; }


/* ABOUT SECTION */
.about-section { padding:140px 0 45px; }
.about-section .inner .left { width: 300px; }
.about-section .inner .right { width: calc(100% - 300px); padding-left: 100px; }


/* Contact Section */
.contact-section { padding:140px 0 45px; }
.contact-section .box .icon { width: 130px; height: 130px; display: flex; align-items: center; justify-content: center; text-transform: uppercase; text-align: center; font-style: italic; background-color: var(--secondary); border-radius: 100%; padding: 20px; font-weight: bold; color: var(--white); letter-spacing: 2px; font-size: 16px; line-height:1.5;}
.contact-section .box .content p { margin-top: 5px; }
.contact-section .box .content p a { font-size: 18px; color: #e67e22; }
.contact-section .box ul.social-box li:not(:last-child):after { content: "/"; font-weight: 700; font-size: 18px; margin: 0 5px; }
.contact-section .box ul.social-box li a { color: var(--secondary); font-weight: 600; }
.contact-section .contact-form { border-top:1px solid #ccc; }  


/* Product Box Section */
.product-box-section .left { width:360px; }
.product-box-section .right { width:calc(100% - 360px); background-attachment:fixed !important; }
.product-box-section .right .list { max-width:1160px; }
.product-box-section .box .Img { position: relative; }
.product-box-section .box .Img:before { content: ""; width: 55%; height: 55%; background: url(https://20422797.fs1.hubspotusercontent-na1.net/hubfs/20422797/Everpads%202022/water-mark-text.svg) center/contain no-repeat; display: block; -webkit-filter: contrast(0) brightness(2); filter: contrast(0) brightness(2); margin: auto; opacity: 0; pointer-events: none; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 2; visibility: hidden; }
.product-box-section .box .Img:hover:before { opacity: .7; visibility: visible; }
.product-box-section .box .Img a { display: block; overflow: hidden; }
.product-box-section .box .Img img { display: block; width: 100%; transform: scale(1.01); display: block; width: 100%; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
.product-box-section .box .Img:hover img { -webkit-transform: scale(1.05); transform: scale(1.05); }
.product-box-section .box .imh_opacity { background-color: #000; overflow: hidden; }
.product-box-section .box .imh_opacity:hover img { opacity: .8; transform:  scale(1.05); }
.product-box-section .box .imh_opacity img { transition: all .3s linear; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
.product-box-section .box .Txt { background-color: var(--white); box-shadow: 0 0 10px rgb(0 0 0 / 10%); margin: 0 20px; padding: 45px 25px; -webkit-transform: translateY(-30px); transform: translateY(-30px); }
.product-box-section .box .Txt h5 { color: var(--white);  font-weight: 700; line-height: 1; letter-spacing: 1px; position: absolute; top: 0; left: 30px; right:30px; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.product-box-section .box .Txt h5 a { background-color: var(--secondary); color: var(--white); display: block; padding: 15px; font-weight:600; }
.product-box-section .box .Txt h5 a:hover { background-color: var(--primary); color: var(--secondary); }
.product-box-section .box .Txt h3 a { color: var(--primary); display: block; font-size: 18px; font-weight: 700; line-height: 1.2; letter-spacing: 1px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.product-box-section .box .Img:after{ content:"tets"; }

/* DOCUMENT SECTION */
.document-section .left { width: 300px; }
.document-section .right { width: calc(100% - 300px); padding-left: 100px; }
.document-section .right .box .image { line-height:0; }
.document-section .right .box h5 a { font-weight:600; padding:10px 0; display:block }
.document-section .right .box .image { overflow: hidden; background-color: #000; overflow: hidden; }
.document-section .right .box .image img { transition: all 0.3s linear; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
.document-section .right .box .image:hover img { opacity: 0.8; -webkit-transform: scale(1.05); transform: scale(1.05); }

header.header {z-index: 99999;  }

.default-form .hs-form fieldset .hs-form-field > label { display: flex; flex-wrap: wrap; flex-direction: row-reverse; justify-content: flex-end; }
.default-form .hs-form fieldset .hs-form-field > label span.hs-form-required { font-style: normal; font-weight: 500; font-family: "新細明體",Verdana,Geneva,sans-serif; color: #e61f6e; margin-right: 3px; }
.default-form .hs-form h3 {   letter-spacing: 0.5px; margin-top: 30px; margin-bottom: 10px; color: #333; font-family: var(--primaryFont); }

ul.productList .Img a { background: #000; display: block; }
ul.productList .Img a img { transition: all 0.3s linear; }
ul.productList .Img a:hover img { opacity: 0.8; }



.featured-image-wrapper a img{       max-height: 145px;
    object-fit: cover;}


.lg-backdrop,.lg-outer{ z-index: 99999 !important;  }




/* Updates 8/14/2022  */

span.hs-form-required { font-style: normal; font-weight: 500; font-family: 'M PLUS 1', sans-serif !important;
    color: #e61f6e; font-size: 0; }
span.hs-form-required:before { content: "※"; font-size: 15px; margin-right: 0px; vertical-align: top; line-height: 17px; }
.induiry-section .content { margin-bottom: 30px; padding: 20px 10px;  font-size: 16px;  line-height: 1.8; font-family: var(--primaryFont); color: #2f2f2f; }



.hs_submit .actions { display: inline-block; margin-top: 50px !important; position: relative; text-align: left; }
.hs_submit .actions input { margin: 0; margin-top: 0 !important; }
.hs_submit .actions:before { content: ""; width: 16px; height: 3px; background-color: #fff; display: block; position: absolute; -webkit-transform: skew(50deg); transform: skew(50deg); transition: all 0.2s ease; top: calc(50% - 4px); right: 40px; z-index: 99; }
.hs_submit .actions:after { content: ""; width: 16px; height: 3px; background-color: #fff; display: block; position: absolute; -webkit-transform: skew(50deg); transform: skew(50deg); transition: all 0.2s ease; }
.hs_submit .actions:after { top: calc(50% + 2px); right: 35px; }
input.hs-button.primary.large { }
.hs_submit .actions input { text-align: left; }
.hs_submit .actions:hover input { background-color: transparent; color: #e6ad39; }
.hs_submit .actions:hover:before { background-color: #e6ad39; right: 37px; }
.hs_submit .actions:hover:after { background-color: #e6ad39; right: 37px; }




.header{ transition: all 0.4s;  } 
/* .header.scrollTop {  -webkit-transform: translateY(-100%);  transform: translateY(-100%); } */
.header.scrollFixed {  position: fixed; }
.header.scrollDown, .headerInner {  -webkit-transform: translateY(0);  transform: translateY(0); }


.menu_product { display: none; }
.product-box-section .box .Img:after { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0, 0, 0, 0.2); opacity: 0; transition: all 0.6s ease; }
.product-box-section .box:hover .Img:after { opacity: 1; }
.product-box-section .box .imh_opacity a:before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 2; }
.btnbox.btnbox\:hover\:black:hover a { background: black; color: #fff; }
.btnbox.btnbox\:hover\:black:hover a:before { border-color: black transparent transparent transparent; }
.blog-post__body p+p { margin-top: 0; }
.blog-post__body  .btn { padding: 7px 25px; font-size: .9em; line-height: 2em; border-radius: 0; letter-spacing: 1px; display: inline-block; margin-bottom: 0; margin-top: 10px; font-weight: 400; text-align: center; text-decoration: none; vertical-align: middle; cursor: pointer; background-image: none; border: 1px solid transparent; white-space: nowrap; -webkit-transition: all .16s ease; -o-transition: all .16s ease; transition: all .16s ease; }
.blog-post__body  .btn.btn-black { color: #fff; background-color: #333; }
.blog-post__body .center { text-align: center; }
.textEditor .contentBuilder { padding: 10px 0; }
.textEditor .contentBuilder p { margin: 12px 0 20px; font-size: 14px; line-height: 24px; }
.blog-post__body .max-full img { width: 100%; min-width: 100%; }
em { font-style: normal; }
.blog-post__body h2, .blog-post__body h3, .blog-post__body h4 { margin: 0; }
.blog-post__body ul { list-style: disc outside; padding-left: 30px; }
.blog-post__body strong a { font-weight: inherit; }


.case-study-section .bread_menu__row { justify-content: end; }
.case_row .item { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.case_row .Img { width: 250px; }
.imh_opacity { background-color: #000; overflow: hidden; }
.imh_opacity img { transition: all 0.3s linear; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
.imh_opacity:hover img { opacity: 0.8; -webkit-transform: scale(1.05); transform: scale(1.05); }
.case_row .Img img { display: block; width: 100%; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
.case_row .Txt { width: calc(100% - 250px); overflow: hidden; padding-left: 25px; }
.newIcon { color: #fff; display: inline-block; font-size: 12px; font-weight: 500; letter-spacing: 1px; padding: 5px 8px; color: #ffffff; background-color: #e6ad39; }
.newsDate { color: #5a5a5a; font-size: 14px; letter-spacing: 1px; padding: 10px 0 5px; text-transform: uppercase; }
.newsDate strong { font-weight: 500; }
.case_row .Txt h3 { padding: 10px 0 20px; }
.case_row .Txt h3 a { color: #2b2b2b; display: block; font-size: 20px; font-weight: 700; line-height: 1.2; letter-spacing: 1px; }
.case_row .Txt p { max-height: 36px; color: #5a5a5a; line-height: 1.5; letter-spacing: 1px; }

.casestudy_inner { padding-top: 140px; }
.casestudy_inner .title { border-bottom: 1px dashed #b6b6b6; margin-bottom: 30px; }
.casestudy_inner  .bread_menu__row { justify-content: end; }
.casestudy_inner .case_row .Txt { width:100%; padding:0; }

.left_right_section { color: #2f2f2f; line-height:1.8; }
.left_right_section h4.title { color: #2f2f2f; }
.left_right_section .right_col img { width:100%; }

.store_section { line-height:1.8; color:#2f2f2f; }
.store_section h5 { color: #e67e22; }
.store_section .store_row { border-top: 1px solid #dadada; border-bottom: 1px solid #dadada; }
.store_section .txt span { display:block; }

.bottom_row { grid-gap: 100px; }

.icon_col .icon { width: 33.3%; }
.icon_col .icon_right { width: calc(100% - 33.3%); padding-left: 30px; }
.icon_col .icon_right h4 {color: #2f2f2f;}
.catalogSubClassDetail .tabContent h3.h3 { color: #e6ad39 !important; }
.dataTable { margin: 0 0 30px; }
.hs-blog-post .mainArea { padding: 120px 0 30px; }
.title .bread_menu__row h2 span { color: var(--secondary); font-weight: 700; font-family:var(--primaryFont); }
.inner-banner-section { padding: 0; }
.inner-banner-section img.bg { width: 100%; min-height: 300px; object-fit: cover; }
.inner-banner-section .bg_wrapper { line-height: 0; }
span.mobile-dd-toggle { display: none; }
.inner-banner-section .title h2 + .text { max-height: 150px; color: #333; font-size: 14px; font-weight: 500; letter-spacing: 1px; overflow: hidden; }
header .search .hs-search-field { position: relative; }
header .search .hs-search-field ul.hs-search-field__suggestions { position: absolute; background: #fff; width: 100%; display: block !important; opacity: 0; visibility: hidden; transition: all 0.3s ease; margin-top: 10px; }
header .search .hs-search-field ul.hs-search-field__suggestions li { border-top: 1px solid #d1d1d1; }
header .search .hs-search-field ul.hs-search-field__suggestions li a, header .search .hs-search-field ul.hs-search-field__suggestions li#results-for { display: block; padding: 5px 10px; }
header .search .hs-search-field ul.hs-search-field__suggestions li#results-for { border-top: 0; }
header .search .hs-search-field.hs-search-field--open ul.hs-search-field__suggestions { opacity: 1; visibility: visible; margin-top: 0; }
main#main-content main#main-content { margin: 0; }



ul.sub-product { display: flex; flex-wrap: wrap; margin-left: -10px; }
ul.sub-product li { background-color: var(--primary); color: #fff; padding: 18px 10px; line-height: 1.2; letter-spacing: .5px; font-size: 14px; cursor: pointer; margin: 0 10px 15px; position: relative; transition: all 0.3s ease; }
ul.sub-product li.active { background: var(--secondary); }
ul.sub-product li:before { content: ''; content: ""; width: 12px; height: 12px; border-radius: 50%; border: 1px solid #fff; display: inline-block; margin-right: 15px; transition: all 0.3s ease; }
ul.sub-product li.active:before { background: #fff; }
section.product-box-section { background-attachment: fixed !important; }
.productsModule .productsModuleBox .productClass h4 span { display: none; }
html[lang="zh-tw"] .productsModule .productsModuleBox .productClass { }
html[lang="zh-tw"] .productsModule .productsModuleBox .productClass h4 { color: #575757; display: block;  font-weight: 500; line-height: 1.2; letter-spacing: 1px; margin-bottom: 20px; text-align: center; }
html[lang="zh-tw"] .productsModule .productsModuleBox .productClass h4 span { color: #161413; font-weight: 600; letter-spacing: 1.5px; margin-bottom: 5px; text-align: center; display: block; }
.productsModule .productsModuleBox .productClass .dynamic-text { color: #7f7f7f; font-size: 14px; font-weight: 500; line-height: 1.8; }
.ab_text { color: #333; font-size: 14px; font-weight: 500; line-height: 1.8; letter-spacing: 1px; overflow: hidden; }
.tabContent .textEditor h2 { font-size: 22px; }
.tabContent .textEditor .hs-responsive-embed { margin-left: 0 !important; margin-bottom: 30px !important; }
.tabContent .textEditor h6 {  margin: 0.8em 0; color: #000;  font-family: var(--primaryFont); }
.dynamic-text, .dynamic-text strong, .dynamic-text em { color: #c5c5c5; font-size: 18px; font-weight: 500; letter-spacing: 1.5px; font-family: var(--primaryFont); font-style: normal; }
.dynamic-text h2 { color: #c5c5c5; font-size: 16px; font-weight: 500; letter-spacing: 1.5px; font-family: var(--primaryFont); }
.dynamic-text  ul { list-style: disc; margin-left: 30px; }
.dynamic-text ul li { padding-bottom: 5px; }
.dynamic-text strong { }
.classTitle strong { color: #8d8d8d; font-size: 18px; font-weight: 500; line-height: 1.2; letter-spacing: 1px; }
.product-box-section .box .Img img {/*     height: 270px; */
object-fit: cover; }
.btnArea { width: 100%; height: 90px; background-color: #e6ad39; position: relative; }
.btnArea:before { content: ""; width: calc(50% + 40px); height: 100%; background-color: #fff; display: block; position: absolute; top: 0; left: -40px; -webkit-transform: skew(-40deg); transform: skew(-40deg); }
.btnArea>a { width: 50%; height: 90px; color: #333; display: block; font-size: 16px; font-weight: 700; line-height: 90px; letter-spacing: 1.5px; text-align: center; }
.btnArea>a span { position: relative; }
.btnArea>a span:before { content: ""; width: 25px; height: 1px; background-color: #333; display: block; position: absolute; top: calc(50% - 0.5px); left: -45px; }
.btnArea>a span:after { content: ""; width: 1px; height: 8px; background-color: #333; display: block; position: absolute; top: calc(50% - 7px); left: -43px; -webkit-transform: rotate(55deg); transform: rotate(55deg); }
.product_dynamic__content { padding: 120px 0; }
.slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
.catalogSubClassIntro .albumBox .albumBtn { font-size: 20px; line-height: 1; display: block; margin: 10px 0; padding: 5px 0; text-align: right; }
iv.titan { display: none; }
.catalogSubClassIntro .albumBox .albumListNav { margin: 0 -15px; }
.catalogSubClassIntro .albumBox .arrowBox { width: 100%; -ms-flex-align: center; align-items: center; -ms-flex-pack: end; justify-content: flex-end; margin: 40px auto 0; z-index: 5; }
.product_inner__main { background-attachment: fixed; }
.catalogSubClassDetail { background-color: #fff; padding-bottom: 70px; }
.catalogSubClassDetail .tab { border-bottom: 2px solid #d3d3d3; padding: 0 35px; margin-top: 0; }
.catalogSubClassDetail .tabContent { border-top: none; margin: 100px 0; padding: 0 5px; }
.catalogSubClassDetail .tabContent .contentItem { display: none; }
.catalogSubClassDetail .tabContent ul { list-style: disc; padding-left: 30px; }
.catalogSubClassDetail .tabContent h2, .catalogSubClassDetail .tabContent h3 { font-family: var(--primary); }
.catalogSubClassDetail .tabContent h3 { color: var(--primary); }
.tabContent .textEditor { margin: 0; }
.catalogSubClassDetail .tab .tabCurrent { border-bottom: 1px solid rgba(255, 255, 255, .5); color: #fff; display: none; font-size: 16px; font-weight: 500; line-height: 1; letter-spacing: .5px; padding: 18px 30px 18px 10px; position: relative; text-align: center; }
.catalogSubClassDetail .tab .tabCurrent:before { content: ""; width: 8px; height: 8px; border-right: 1px solid #fff; border-bottom: 1px solid #fff; position: absolute; top: 20px; right: 15px; z-index: 1; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.catalogSubClassDetail .tab ul { -ms-flex-align: center; align-items: center; display: -ms-flexbox; display: flex; }
.catalogSubClassDetail .tab ul li { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex: 1; flex: 1; }

/* .catalogSubClassDetail .tab ul li:not(:last-child):before { content: ""; width: 2px; height: 20px; background-color: #c7c7c7; position: absolute; top: 50%; right: 0; z-index: 1; -webkit-transform: translateY(-50%); transform: translateY(-50%); } */

/* .catalogSubClassDetail .tab ul li:not(:last-child) { position: relative; } */
.catalogSubClassDetail .tab ul li:not(:first-child) { position: relative; }
.catalogSubClassDetail .tab ul li:not(:first-child):before { content: ''; background-color: #c7c7c7; height: 20px; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 2px; z-index: 1; }
.catalogSubClassDetail .tab ul a { border: none; box-shadow: none; color: #000; display: block; font-size: 16px; font-weight: 500; line-height: 1.1; letter-spacing: .5px; padding: 25px; position: relative; }
.catalogSubClassDetail .tab ul a.current { color: #e6ad39; }
.catalogSubClassDetail .tab ul a:before { content: ""; width: 0; height: 2px; background-color: #e6ad39; position: absolute; bottom: -2px; left: 50%; z-index: 1; }
.catalogSubClassDetail .tab ul a:hover { color: #e6ad39; }
.catalogSubClassDetail .tab ul a:hover:before { width: 100%; left: 0; }
.catalogSubClassDetail .tab ul a.current:before { width: 100%; left: 0; }
.catalogSubClassIntro .introBox .form { margin-top: 40px; }
.catalogSubClassIntro .introBox .form .radioBox { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -10px; margin-right: -10px; margin-bottom: 30px; }
.catalogSubClassIntro .introBox .form .radioBox label { cursor: pointer; margin-bottom: 15px; margin: 0 10px 15px; position: relative; }
.catalogSubClassIntro .introBox .form .radioBox input { width: 100%; height: 100%; display: block; margin: 0; opacity: 0; outline: none; position: absolute; top: 0; left: 0; }
.catalogSubClassIntro .introBox .form .radioBox input:checked+span { background-color: #e6ad39; }
.catalogSubClassIntro .introBox .form .radioBox input:checked+span:before { background-color: #fff; }
.catalogSubClassIntro .introBox .form .radioBox span { -ms-flex-align: center; align-items: center; background-color: #2b2b2b; color: #fff; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; line-height: 1.2; letter-spacing: 0.5px; padding: 18px 10px; position: relative; }
.catalogSubClassIntro .introBox .form .radioBox span:before { content: ""; width: 12px; height: 12px; border-radius: 50%; border: 1px solid #fff; display: inline-block; margin-right: 20px; }
.catalogSubClassIntro .introBox .form .detailBox .detailItem { -ms-flex-align: center; align-items: center; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; }
.catalogSubClassIntro .introBox .form .detailBox .detailItem:not(:last-child) { margin-bottom: 15px; }
.catalogSubClassIntro .introBox .form .detailBox .title { color: #000; display: inline-block; font-size: 16px; font-weight: 500; line-height: 1; letter-spacing: 0.5px; text-transform: uppercase; }
.catalogSubClassIntro .introBox .form .detailBox .detail { width: 260px; }
.catalogSubClassIntro .introBox .form .detailBox .detailCount { display: -ms-flexbox; display: flex; -ms-flex-pack: end; justify-content: flex-end; }
.catalogSubClassIntro .introBox .form .detailBox .detailCount input { width: 55px !important; height: 45px; line-height: 45px; text-align: center; border: none !important; margin-bottom: 0 !important; }
.catalogSubClassIntro .introBox .form .detailBox .detailCount .count { width: 45px; height: 45px; background-color: #2f2f2f; color: #fff; cursor: pointer; line-height: 45px; position: relative; text-align: center; transition: all 0.4s ease; }
.catalogSubClassIntro .introBox .form .detailBox .detailCount .count:after, .catalogSubClassIntro .introBox .form .detailBox .detailCount .count:before { content: ""; background-color: #fff; margin: auto; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; }
.catalogSubClassIntro .introBox .form .detailBox .detailCount .count:before { width: 10px; height: 1px; }
.catalogSubClassIntro .introBox .form .detailBox .detailCount .count:after { width: 1px; height: 10px; }
.catalogSubClassIntro .introBox .form .detailBox .detailCount .countMinus:after { display: none; }
.catalogSubClassIntro .introBox .form .detailBox .detailSelect { position: relative }
.catalogSubClassIntro .introBox .form .detailBox .detailSelect:before { content: ""; width: 8px; height: 8px; border-right: 1px solid #fff; border-bottom: 1px solid #fff; display: block; position: absolute; top: 50%; right: 18px; z-index: 1; -webkit-transform: translateY(-75%) rotate(45deg); transform: translateY(-75%) rotate(45deg); }
.catalogSubClassIntro .introBox .form .detailBox .detailSelect select { width: 100%; border-radius: 0; border: none; background: #e6ad39; color: #fff; cursor: pointer; display: block; font-size: 16px; line-height: 1.1; letter-spacing: 0.5px; outline: none; padding: 15px 32px 15px 18px; margin-bottom: 0; transition: all 0.4s ease; }
.catalogSubClassIntro .introBox .form .detailBox .detailSelect select:hover { background-color: #2b2b2b; }
.catalogSubClassIntro .introBox .form .detailBox .detailNumber { line-height: 1.1; letter-spacing: 0.5px; padding: 15px 18px; text-align: right; }
.catalogSubClassIntro .introBox .form .detailBox .detailNumber.line { padding: 0; }
.catalogSubClassIntro .introBox .form .detailBox .detailNumber input { background-color: transparent; border: 1px solid #7b7b7b !important; display: block; line-height: 1.1; letter-spacing: 0.5px; outline: none; padding: 15px 18px !important; text-align: right; margin-bottom: 0 !important; }
.catalogSubClassIntro .introBox .form .btnBox { display: -ms-flexbox; display: flex; -ms-flex-pack: end; justify-content: flex-end; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 60px; }
.catalogSubClassIntro .introBox .form .btnBox .searchOpen { -ms-flex-align: center; align-items: center; color: #2b2b2b; font-weight: 500; line-height: 1; letter-spacing: 0.5px; padding-bottom: 6px; position: relative; text-transform: uppercase; }
.catalogSubClassIntro .introBox .form .btnBox .searchOpen:after, .catalogSubClassIntro .introBox .form .btnBox .searchOpen:before { content: ""; height: 1px; position: absolute; bottom: 0; left: 24px; z-index: 1; transition: all 0.4s ease; }
.catalogSubClassIntro .introBox .form .btnBox .searchOpen:before { width: calc(100% - 24px); background-color: #2b2b2b; }
.catalogSubClassIntro .introBox .form .btnBox .searchOpen:after { width: 0; background-color: #e6ad39; }
.catalogSubClassIntro .introBox .form .btnBox .searchOpen img { width: 18px; display: inline-block; vertical-align: middle; margin-right: 6px; -webkit-filter: contrast(0); filter: contrast(0); }
.catalogSubClassIntro .introBox .form .btnBox .btn { width: 100%; -ms-flex-align: center; align-items: center; background-color: #e6ad39; color: #fff; display: -ms-flexbox; display: flex; font-size: 15px; font-weight: 500; line-height: 1; letter-spacing: 0.5px; -ms-flex-pack: center; justify-content: center; margin-top: 15px; padding: 25px 10px; text-transform: uppercase; }
.catalogSubClassIntro .introBox .form .btnBox .btn img { width: 21px; display: inline-block; margin-right: 5px; vertical-align: middle }
.catalogSubClassIntro .introBox .form .btnBox .btn.added { pointer-events: none; background-color: #2b2b2b; }
.catalogSubClassIntro .albumListNav li > a { display: block; padding: 0 15px; }
.catalogSubClassIntro .albumBox .albumBtn img { width: 26px; display: block; -webkit-filter: contrast(0); filter: contrast(0); margin-left: auto; transition: all 0.4s; }
.catalogSubClassIntro .albumBox .albumBtn:hover img { -webkit-filter: contrast(1); filter: contrast(1); }
.product_dynamic__content  div.titan { display: none; }
span.arrow { width: 45px; height: 45px; border: 1px solid rgba(43, 43, 43, 0.35); border-radius: 50%; cursor: pointer; position: relative; display: inline-flex !important; font-size: 25px; align-items: center; justify-content: center; }
span.arrow:hover { border-color: #e6ad39; color: #e6ad39; }
span.arrow.arrowPrev.slick-arrow { margin-right: 30px; }
.arrowBox { text-align: right; }
.fancybox-caption { text-align: center; }
.b-box img { display: block; width: 100%; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
.btnArea>a:hover span:before { background: var(--secondary); left: -55px; }
.btnArea>a:hover span:after { background: var(--secondary); left: -53px; }
.btnArea>a:hover { color: #e6ad39; }
.btnArea>a span:before, .btnArea>a span:after { transition: all .4s; }

/* equire popup */
.cartArea .wrap { position: relative; width: auto; padding: 40px 25px 30px; }
#closeInquiry { font-size: 20px; position: absolute; top: 10px; right: 25px; }
.cartArea .cart { max-height: 70vh; clear: both; overflow-y: auto; }
.cartArea .countBox { color: #333; font-size: 15px; margin-top: 20px; text-align: center; }
.cartArea .cart li { position: relative; padding: 10px 5px 15px; margin-bottom: 15px; border-bottom: 1px solid #eee; text-align: left; }
.cartArea .cart li .Txt { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; overflow: hidden; -ms-flex-pack: justify; justify-content: space-between; }
.cartArea .cart li .Txt .item:not(:last-child) { margin-bottom: 8px; }
.cartArea .cart li .Txt .item { width: calc(100%/2 - 15px); }
.cartArea .cart li .Txt i { width: 100%; background: #333; cursor: pointer; color: #f1f1f1; display: block; font-size: 16px; margin-top: 10px; padding: 8px 5px; text-align: center; }
.cartArea .cart li .Txt span { color: #000; display: block; font-size: 16px; font-weight: 500; margin-bottom: 8px; }
.cartArea .cart li .Txt strong { color: #6a6a6a; display: block; }
.cartArea .countBox a.btn_pay, .cartArea .countBox a.moduleClose { color: #fff; display: inline-block; font-size: 15px; padding: 10px 15px; }
.cartArea .countBox a.btn_pay:nth-child(2), .cartArea .countBox a.moduleClose:nth-child(2) { margin-left: 5px; }
a.btn_color2 { color: #fff; background-color: #e6ad39; }
a.btn_color1 { color: #fff; background-color: #2b2b2b; }
a.btn_color2:hover { background-color: #2b2b2b; }
a.btn_color1:hover { background-color: #e6ad39; }

/* End equire popup */
.cartArea .cart::-webkit-scrollbar { width: 5px; border-radius: 10px; }
.cartArea .cart::-webkit-scrollbar-track { box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); border-radius: 10px; }
.cartArea .cart::-webkit-scrollbar-thumb { background-color: #e6ad39; border-radius: 10px; }

/* Start Search popup */
.searchPopBox { width: 100%; max-width: 600px; background-color: #fff; padding: 90px 30px 40px; position: relative; z-index: 53; }
.searchPopBox .searchClose { width: 50px; height: 50px; background-color: #e6ad39; display: block; position: absolute; top: 0; right: 0; }
.searchPopBox h3 { color: #333; font-size: 18px; font-weight: 600; line-height: 1.2; letter-spacing: 1px; margin-bottom: 15px; text-align: center; }
.searchPopBox p { color: #333; font-size: 14px; font-weight: 500; line-height: 1.5; letter-spacing: 1px; text-align: center; }
.searchPopBox .searchBoxMultiple { width: 100%; padding-top: 30px; position: relative; }
.searchPopBox .searchClose:after, .searchPopBox .searchClose:before { content: ""; width: 30px; height: 1px; background-color: #fff; display: block; position: absolute; top: 50%; left: calc(50% - 15px); }
.searchPopBox .searchClose:before { -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.searchPopBox .searchClose:after { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
.searchPopBox .searchBoxMultiple .searchRow { background-color: #2b2b2b; padding: 35px 25px; -ms-flex-pack: center; justify-content: center; position: relative; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.searchPopBox .searchBoxMultiple .searchBtn { width: 75px; height: 75px; color: #fff; font-size: 15px; position: absolute; right: 0; bottom: 0; }
.searchPopBox .searchBoxMultiple .searchRow .searchColumn { width: 170px; padding-right: 10px; position: relative; }
.searchPopBox .searchBoxMultiple .searchRow .searchColumn p { color: #fff; font-size: 15px; font-weight: 500; letter-spacing: 1.5px; margin-bottom: 10px; text-align: left; }
.searchPopBox .searchBoxMultiple .searchRow .searchColumn select { background: #ffffff !important; width: 100%; height: 35px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: #eeeeee; color: #6a6a6a; cursor: pointer; font-size: 13px; font-weight: 500; line-height: 35px; padding: 0 15px; }
.searchPopBox .searchBoxMultiple .searchRow .searchColumn:after { content: ""; width: 0; height: 0; border-style: solid; border-width: 8px 5px 0 5px; border-color: #5e5e5e transparent transparent transparent; border-radius: 2px; position: absolute; bottom: 32px; right: 18px; }
.searchPopBox .searchBoxMultiple .searchRow { background-color: #2b2b2b; padding: 35px 25px; -ms-flex-pack: center; justify-content: center; position: relative; }
.searchPopBox .searchBoxMultiple .searchBtn { width: 75px; height: 75px; color: #fff; font-size: 15px; position: absolute; right: 0; bottom: 0; }
.searchBtn:before { content: ""; width: 0; height: 0; border-style: solid; border-width: 0 0 75px 75px; border-color: transparent transparent #e6ad39 transparent; position: absolute; right: 0; bottom: 0; z-index: 2; }
.searchPopBox .searchBoxMultiple .searchBtn i { position: absolute; right: 15px; bottom: 15px; z-index: 3; }
.search_popup__main { padding: 0 !important; }

/* end  Search popup */
a.btn.disabled { pointer-events: none; opacity: 0.5; }
div#iquiry { min-width: 700px; }
.cartArea .countBox { margin-top: 0; }
.catalogSubClassDetail .tabContent ul li { margin: 10px 0; }
.catalogSubClassIntro .albumBox .albumListNav .slick-track { margin-left: 0; }
.top-title h4 { text-transform: uppercase; }

.tabContent .textEditor h6 { font-weight: 400; }
/* .catalogSubClassDetail .tabContent h3.h3 { font-size: 24px; } */
.catalogSubClassDetail .textEditor p { margin: 12px 0 20px; }
.catalogSubClassDetail .textEditor  h2 { margin: 0.6em 0; }
.catalogSubClassDetail .tabContent em, .catalogSubClassDetail .tabContent strong { font-style: normal; }
.tabContent .textEditor h4 { color: var(--primary); font-family: var(--primaryForn); font-weight: 400; }


.hs-search-field { position: relative; }
.hs-search-field__input { box-sizing: border-box; width: 100%; }
.hs-search-field__bar button svg { height: 10px; }
.hs-search-field__suggestions { margin: 0; padding: 0; list-style: none; }
.hs-search-field--open .hs-search-field__suggestions { border: 1px solid #000; }
.hs-search-field__suggestions li { display: block; margin: 0; padding: 0; }
.hs-search-field__suggestions #results-for { font-weight: bold; }
.hs-search-field__suggestions a, .hs-search-field__suggestions #results-for { display: block; }
.hs-search-field__suggestions a:hover, .hs-search-field__suggestions a:focus { background-color: rgba(0, 0, 0, 0.1); outline: none; }

.social-links { align-items: center; display: flex; flex-wrap: wrap; justify-content: center; }
.social-links__icon { border-radius: 50%; display: inline-flex; height: 1.75rem; margin: 0 0.35rem; position: relative; width: 1.75rem; }
.social-links__icon svg { fill: #FFF; height: 0.625rem; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); width: auto; }
.social-links__icon:hover svg, .social-links__icon:focus svg, .social-links__icon:active svg { fill: #FFF; }
.listing-banner img { display: block; width: 100%; -webkit-backface-visibility: hidden; backface-visibility: hidden; }

.blog-author-heading,.blog-tag-heading{padding:0 1rem;}
.blog-index{display:flex;flex-wrap:wrap;}
.blog-index__post{flex:0 0 100%;padding:1.4rem 1rem;}
.blog-index__post-image{height:auto;max-width:100%;}
.blog-index__post-title{font-size:1.25rem;}
.blog-index__post-timestamp{display:block;}
.blog-index__post-author{align-items:center;display:flex;}
.blog-index__post-author-image{border-radius:50%;height:auto;margin-right:0.35rem;width:30px;}
.blog-index__post-tags,.blog-index__post-title,.blog-index__post-timestamp,.blog-index__post-author,.blog-index__post-image--small{margin:0 0 0.7rem;}
.pagination { align-items: center; display: flex; justify-content: center; }
.pagination__link { display: inline-flex; margin: 0 0.35rem; }
.pagination__link, .pagination__link:hover, .pagination__link:focus, .pagination__link:active { text-decoration: none; }
.pagination__link--disabled { cursor: default; pointer-events: none; }
.pagination__link--disabled .pagination__link-text { color: #B0C1D4 !important; }
.pagination__link--first, .pagination__link--prev { margin-right: 0.7rem; }
.pagination__link--first { margin-left: 0; }
.pagination__link--number { border: 2px solid transparent; border-radius: 6px; margin: 0 0.175rem; padding: 0.25rem 0.4rem; }
.pagination__link--number:hover, .pagination__link--number:focus, .pagination__link--active { border-color: #B0C1D4; }
.pagination__link--last, .pagination__link--next { margin-left: 0.7rem; }
.pagination__link--last { margin-right: 0; }
.pagination__link-icon svg, .pagination__link-icon svg { height: 16px; margin: 0 0.3rem; width: 16px; }
.pagination__link--disabled .pagination__link-icon svg, .pagination__link--disabled .pagination__link-icon svg { fill: #B0C1D4 !important; }

.dynamic-text, .dynamic-text strong { color: #c5c5c5; font-size: 18px; font-weight: 500; letter-spacing: 1.5px; font-family: var(--primaryFont); }
.dynamic-text h2 { color: #c5c5c5; font-size: 16px; font-weight: 500; letter-spacing: 1.5px; font-family: var(--primaryFont); }
.dynamic-text  ul { list-style: disc; margin-left: 30px; }
.dynamic-text ul li { padding-bottom: 5px; }

.dataTable .tableRow { border-left: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.dataTable .tableRowHead { background-color: #e6ad39; border-top: 1px solid #e6e6e6; color: #fff; }
.dataTable .tableRow .tableItem { font-size: 15px; padding: 15px; text-align: center; word-break: break-word; }
.dataTable .tableRow .tableItemTag { width: 10%; }
.dataTable .tableRow .tableItem:not(:last-child) { border-right: 1px solid #e6e6e6; }
.dataTable .tableRow .tableItemSystem { width: 16%; }
.dataTable .tableRow .tableItemCate { width: 12%; }
.dataTable .tableRow .tableItemType { width: 12%; }
.dataTable .tableRow .tableItemMaker { width: 12%; }
.dataTable .tableRow .tableItemModel { width: 10%; }
.dataTable .tableRow .tableItemAmount, .dataTable .tableRow .tableItemNo { width: 10%; }
.dataTable .tableRow .tableItemDelete { width: 8%; }
.dataTable .tableRow .tableItem span.title { display: none; font-size: 16px; padding-bottom: 5px; }
.dataTable .tableRow .tableItem input { width: 100%; background-color: #e5e5e5; color: #333; display: block; padding: 3px 5px; text-align: center; height: 24px; margin: 0 !important; }
.dataTable .tableRow .tableItem { display: flex; align-items: center; justify-content: center; }

.product-box-section .box .Img a { height: 280px; background: #fff; display: flex; align-items: center; justify-content: center; }
@-webkit-keyframes shimmer {
    100% { transform: translateX(100%); }
}
@keyframes shimmer {
    100% { transform: translateX(100%); }
}
.product-box-section .box .Img a img.loaded+ span { opacity: 0; visibility: hidden; }



/* */
.product-info  { font-size: 16px;}
.product-info > div { padding: 90px 0; }
.product-info .text h2, .product-info .text h3 {  margin: 0.6em 0; font-family: var(--primary); }
/* .product-info .text h2, .product-info .text h3 { font-size: 22px; margin: 0.6em 0; font-family: var(--primary); } */
h2.info-title { padding: 30px 0 20px; border-top: 1px solid #e1e1e1; margin: 30px 0 0; }
h2.info-title.intro-title { font-family: var(--primary); margin: 0; padding-top: 0; border-top: none; }
.product_dynamic__content .left {
    width: 57.5%;
}
.text ul {
    list-style: disc;
    padding-left: 18px;
}

.product_dynamic__content .right {
    width: 42.5%;
}
.catalogSubClassIntro.dnd .albumBox {
    width: 100%;
}

.inner-banner-section.v2 .title h2 span {
    color: grey;
    font-size: 18px;
    display: block;
    font-family: Orbitron;
    margin-top: 10px;
}
.catalog-banner-section .title h2 span {
    color: #8d8d8d;
    font-size: 18px;
    font-weight: 500;

    letter-spacing: 1px;
    margin-left: 20px;
}

.hs-search-results ul#hsresults { counter-reset: section; }
.hs-search-results ul#hsresults li + li { border-top: 1px solid rgba(0, 0, 0, 0.2); }
.hs-search-results ul#hsresults li  a.hs-search-results__title { font-weight: 700; position: relative; padding-left: 0; font-size: 21px; display: inline-block; }
.hs-search-results ul#hsresults li  p.hs-search-results__description { padding: 13px 0 0; margin: 0; }
.hs-search-results ul#hsresults li a.hs-search-results__title:before { counter-increment: section; content: ""counter(section) ":"; position: relative; left: 0; top: 0; padding-right: 5px; }
.hs-search-results ul#hsresults li { padding: 30px 0; }
.hs-search-results ul#hsresults li:first-child { padding-top: 0; }
.hs-search-results ul#hsresults li:last-child { padding-bottom: 0; }
.systems-page--search-results { padding-top: 100px; padding-bottom: 100px; }
.systems-page--search-results .hs-search-results__pagination { display: inline-block; width: 100%; margin-top: 40px; }


.btn_link .btn_design a:hover {
    color: var(--secondary);
}





/* ============ Write Custome CSS ================= */





.header .container-fluid{ max-width: 1570px;  margin: 0 auto; }



h1,h2,h3,h5,h6{ font-family: allotrope,sans-serif; }

html[lang="zh-tw"] .mainmenu .hs-menu-wrapper ul li a{ font-family: 'Noto Sans TC', sans-serif; }
html[lang="zh-tw"] .search form input[type="text"]{  font-family: 'Noto Sans TC', sans-serif; }
html[lang="zh-tw"]  .home-product-section .product-slider .productsItem .item .txt .content a,
html[lang="zh-tw"]  .home-product-section .product-slider .productsItem .item .txt .content a,
html[lang="zh-tw"] .home-about-section .left .content,
html[lang="zh-tw"] .home-about-section .right .box .content,
html[lang="zh-tw"] footer .f-bottom .f-menu ul li a,
html[lang="zh-tw"] footer .f-top .f-menu ul li a,
html[lang="zh-tw"] footer .f-top h4,
html[lang="zh-tw"] .adress_buy,
html[lang="zh-tw"] span.adress_buy
{ font-family: 'Noto Sans TC', sans-serif; }


html[lang="zh-tw"] .bread_menu__row,
html[lang="zh-tw"] .about-section  h4,
html[lang="zh-tw"] .about-section  .content,
html[lang="zh-tw"] .induiry-section *,
html[lang="zh-tw"] .title .bread_menu__row h2 span,
html[lang="zh-tw"] .contact-section form *,
html[lang="zh-tw"] .sideMenuArea .menuBox .menu > li,
html[lang="zh-tw"] .inner-banner-section,
html[lang="zh-tw"] .product-box-section h4,
html[lang="zh-tw"] .m_classLink,
html[lang="zh-tw"] .product-box-section .right .list h3,
html[lang="zh-tw"] .inner-banner-section h2,
html[lang="zh-tw"] .catalog-banner-section h3,
html[lang="zh-tw"] .dynamic-text,
html[lang="zh-tw"] .document-section .right .box h5 a,
html[lang="zh-tw"] .select-list-container .post-categories li,
html[lang="zh-tw"] .bread,
html[lang="zh-tw"] .newIcon span,
html[lang="zh-tw"] h3.sectionTitle,
html[lang="zh-tw"] .blog-post__tags>span,
html[lang="zh-tw"] .titleArea h1,
html[lang="zh-tw"] .blog-post__body,html[lang="zh-tw"] .blog-post__body p
{ font-family: 'Noto Sans TC', sans-serif; }


html[lang="zh-tw"] .ellipsis a{ font-family:'Allotrope','Noto Sans TC', 'sans-serif'; }


html[lang="zh-tw"] .bg-btn ul li a{ font-family: 'Noto Sans TC', sans-serif; }
html[lang="zh-tw"] .bg-btn ul li:last-child a{ font-family: allotrope,sans-serif; }





html[lang="zh-tw"] .home-about-section .right .box .content span,
html[lang="zh-tw"]  .induiry-section h2,
html[lang="zh-tw"] .default-form .hs-form h3, html[lang="zh-tw"] .default-form .hs-form h3 strong,
html[lang="zh-tw"] from select,
html[lang="zh-tw"]  .default-form .hs-form fieldset input[type="file"],
html[lang="zh-tw"] .contact-section form select,
html[lang="zh-tw"] .inner-banner-section h2 span,
html[lang="zh-tw"] .catalog-banner-section h3 > span > span
{ font-family: allotrope,sans-serif;  }


html[lang="zh-tw"] .inner-banner-section h2{ line-height:1; }









.adress_buy {  display: inline-block; }


.adress_buy {  width: calc(100% - 105px); }





/* CSS end  here */


/* Responsive CSS */


@media (min-width:768px) { .container, .row-fluid .container[class*="span"] { width: 750px; } }
@media (min-width:992px) { .container, .row-fluid .container[class*="span"] { width: 970px; } }
@media (min-width:1200px) { .container, .row-fluid .container[class*="span"] { width: 1170px; } }
@media (min-width:1430px) { .container, .row-fluid .container[class*="span"] { width: 1230px; } }

@media(min-width:1200px) {
    .sideMenuArea .topBox .languageBox ul li a:hover { color: #e6ad39; } 
    .sideMenuArea .funcBox .loginBox .loginToggle:hover svg { stroke: #e6ad39; } 
    .sideMenuArea .menuBox .menu > li > a:hover { color: #e6ad39; } 
    .sideMenuArea .menuBox .menu .submenu li a:hover { color: #e6ad39; } 
    .sideMenuArea .socialBox a.social-links__link:hover { opacity: .8; } 

    .catalogSubClassIntro .introBox .form .detailBox .detailCount .count:hover { background-color: #e6ad39; }
    .catalogSubClassIntro .introBox .form .btnBox .btn:hover { background-color: #2b2b2b; }
    .catalogSubClassIntro .introBox .form .btnBox .searchOpen:hover { color: #e6ad39 }
    .catalogSubClassIntro .introBox .form .btnBox .searchOpen:hover:after { width: calc(100% - 24px) }
    .catalogSubClassIntro .introBox .form .btnBox .searchOpen:hover img { -webkit-filter: contrast(1); filter: contrast(1) }
}


@media (min-width:1025px) {
    .catalogSubClassIntro .wrap { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; }
    .catalogSubClassIntro .albumBox { width: 57.5%; max-width: 690px; padding-right: 90px; }
    .catalogSubClassIntro .introBox { width: 42.5%; }
    .catalogSubClassIntro .introBox { -ms-flex: 1; flex: 1; }
}

@media (min-width:992px) {/*hover event for desktops*/
    .mainmenu .hs-menu-wrapper ul li:hover > a,
    .mainmenu .hs-menu-wrapper ul li.active > a,
    .mainmenu .hs-menu-wrapper ul li.active-branch > a,
    .header .right-links .top-header a:hover { color:var(--secondary); }
    .mainmenu .hs-menu-wrapper > ul > li.hs-item-has-children > ul.hs-menu-children-wrapper > li:hover > a, .mainmenu .hs-menu-wrapper > ul > li.hs-item-has-children ul.hs-menu-children-wrapper li a:hover { background-color:var(--secondary); color:var(--white); }
    .mainmenu .hs-menu-wrapper > ul > li.hs-item-has-children:hover ul.hs-menu-children-wrapper { opacity:1; visibility:visible; transform:translateY(0); }
    .mainmenu .hs-menu-wrapper > ul > li.hs-item-has-children span.mobile-toggle, .nav-toggle { display:none; }

    .banner-section .social-box.mobile { display:none; }
}
@media screen and (min-width:1000px){
    .blog-index__post--small{flex:0 0 calc(100% / 3);}
}
@media screen and (min-width:768px){
    .blog-index__post--small{flex:0 0 calc(100% / 2);}
    .blog-index__post--large{display:flex;flex:1 0 100%;}
    .blog-index__post-image-wrapper--large{flex:1 1 48%;}
    .blog-index__post-content--large{flex:1 1 48%;padding-left:2rem;}
    .blog-index__post-content--full-width{flex:1 1 100%;padding-left:0;}
}

@media (max-width:1680px) {
    .home-about-section:before { display:none; }

    .inner-banner-section .title { left:40px; }
}

@media (max-width:1429px){
    header .inner .header-right { padding-left:20px; }
    .mainmenu .hs-menu-wrapper > ul > li { padding:0; }

    .banner-section { padding:100px 0; }
    .banner-section .social-box { position:static; padding-top:30px; display:flex; }
    .banner-section .social-box .box { padding:0 15px 0 0; }

    .home-product-section { padding:100px 0 130px; }
    .home-product-section .product-slider {margin: 0 60px; } 
    .home-product-section .slick-slider .slick-arrow {left: -50px; } 
    .home-product-section .slick-slider .slick-arrow.slick-next {right: -50px; }

/*     .home-about-section .title h2 { font-size:120px; } */

    .home-about-section .container { left:0; }

    .about-section, .contact-section { padding-top:100px; }
    .inner-banner-section .title .text.pb\:20.sm\:pb\:40 {
        padding-bottom: 10px;
    }

}



@media(max-width:1600px){
/*     .header_width_x{ padding:0 80px; } */
}

@media(max-width:1450px) and (min-width:1200px){
/*     .header_width_x{ padding:0 20px; } */
    .mainmenu .hs-menu-wrapper > ul > li > a{ padding: 33px 10px;  }
}



@media(max-width:1280px){
    .inner-banner-section .title h2+.text{ display:none; }
    .listing-banner { height: 300px; }
    .listing-banner img { height: 100%; object-fit: cover; height: 300px !important; }
}


@media (max-width:1199px){
    header.header {
        padding: 15px 0;
    }
    .bg-btn ul li a { padding: 25px 15px; font-size:16px; }
    header .inner { justify-content:space-between; }
    header .inner .header-right, header .inner .nav-toggle { display:none; }

    .sideMenuArea .socialBox { width: 100%; -ms-flex-order: 1; order: 1; padding-bottom: 20px; padding-top: 20px; } 

    .banner-section { padding:80px 0; }

/*     .home-about-section .title h2 { font-size:100px; } */

    .about-section .inner .left { width: 260px; }
    .about-section .inner .right { width: calc(100% - 260px); padding-left: 30px; }

    .inner-banner-section { min-height:300px; }

    .product-box-section .left { width:280px; }
    .product-box-section .right { width:calc(100% - 280px); }

    .document-section .right { padding-left:30px; }

    .home-product-section .product-slider { margin:0; }
    .catalogSubClassIntro .albumBox { padding-right: 25px; }
    .product_dynamic__content { padding: 90px 0 60px; }
    .product-info > div { padding: 60px 0; }
    .catalogSubClassIntro.dnd .albumBox {
        padding-right: 0;
    }
    


}

@media (max-width:1024px) {
    .catalogSubClassIntro { padding: 60px 0; }
    .catalogSubClassIntro .wrap.container { width: 100%; padding: 0 100px; }
    .catalogSubClassDetail .tab { padding: 0; }
    .catalogSubClassDetail .tabContent { margin: 50px 0; }

    .product_dynamic__content .left {
        width: 100%;
    }

    .product_dynamic__content .right {
        width: 100%;
    }
}

@media (max-width:991px){
  

    .banner-section { padding:70px 0 120px; }
    .banner-section .social-box.desktop { display:none; }

    .home-product-section { padding-top:70px; }

    .home-about-section { padding:80px 0; }
/*     .home-about-section .title h2 { font-size:80px; } */
    .home-about-section .title h2 span { padding-left:50px; }

    footer .f-top { flex-flow: row wrap; }
    footer .f-top .f-about, footer .f-top .f-menu { width:47%; }
    footer .f-top .download { width:100%; }
    footer .f-bottom .f-menu { margin: 20px 0; }

    .about-section { padding-top:70px; }
    .about-section .inner .left { width:100%; }
    .about-section .inner .right { width:100%; padding:40px 0 0; }

    .default-form .hs-form input.hs-button { margin-top:10px; }

    .product-box-section .left{ position:relative; z-index:99; }
    .product-box-section .left, .document-section .left { width:100%; }
    .product-box-section .right { width:100%; }

    .document-section .right { width:100%; padding:40px 0 0; }

    .contact-section { padding-top:70px; }

    .casestudy_inner { padding-top:70px; }
    .bottom_row { grid-gap:60px; }


    /*  */
    .menu_product{ display:block; }
    a.menu_product { border: 1px solid #e6ad39; background: transparent; color: #333; display: block; font-size: 16px; font-weight: 600; letter-spacing: 1px; padding: 15px; position: relative; text-align: center; }
    a.menu_product i { display: block; font-size: 20px; position: absolute; right: 15px; top: calc(50% - 10px); }
    ul.m_classLink li a{   padding: 18px 15px;font-weight: normal;  font-size: 14px; border-left: 1px solid #e6ad39; border-right: 1px solid #e6ad39; }
    ul.m_classLink li a:after,ul.m_classLink li a:before{ opacity:0 !important;  }
    ul.m_classLink li { position: relative; text-align: center;  border-bottom: 1px solid #d49f32;  }
    ul.m_classLink li.active a{     background-color: #d49f32; color: #fff; }
    ul.m_classLink{     position: absolute;  z-index: 1; width: 100%;  background: #fff; display:none; }
    a.menu_product.active_menu i {  transform: rotate(-180deg); }

    /* */
    span.mobile-dd-toggle { display:block; border: 1px solid #e6ad39; background: transparent; color: #333; display: block; font-size: 16px; font-weight: 600; letter-spacing: 1px; padding: 15px; position: relative; text-align: center; }
    span.mobile-dd-toggle i.fa { display: block; font-size: 20px; position: absolute; right: 15px; top: calc(50% - 10px); transition: all 0.3s ease; }
    span.mobile-dd-toggle b { font-weight: 600; }
    span.active.mobile-dd-toggle { }
    span.active.mobile-dd-toggle i.fa { transform: scale(-1); }
    .mobile-dd-menu { position: relative; }
    .mobile-dd-menu .hs-menu-wrapper { position: absolute; top: 100%; left: 0; width: 100%; background: #fff; display: none; }
    .mobile-dd-menu .hs-menu-wrapper a { display: block; padding: 15px 20px; text-align: center; font-weight: 400; font-size: 14px; }
    .mobile-dd-menu .hs-menu-wrapper ul { border: 1px solid #e6ad39; }
    .mobile-dd-menu .hs-menu-wrapper ul li:not(:last-child) { border-bottom: 1px solid #d49f32; }
    .mobile-dd-menu .hs-menu-wrapper a:before, .mobile-dd-menu .hs-menu-wrapper a:after { display: none !important; }


    section.case-study-section.about-section {
        padding-top: 30px;
    }
    
    .catalogSubClassIntro .albumBox .arrowBox { justify-content: space-between; margin: 20px auto 47px; display: flex; }
    .top-title { text-align: center; }

}

@media (max-width:767px){
    .body-container-wrapper{  margin-top: 73px; }
    .logo img{     height: 40px; object-fit: contain;  object-position: left; }

    .home-product-section .product-slider { margin:0 40px; }
    .home-product-section .product-btn {width:100%;}

/*     .home-about-section .title h2 { font-size:38px; } */
    .home-about-section .title h2 span { padding-left:30px;  }
    .home-about-section .right { width:100%; }
    .home-about-section .right .box .counter { font-size:36px; }

    footer .f-top .f-about, footer .f-top .f-menu { width:100%; }

    .inner-banner-section { background-position:center !important; min-height:220px; }
    .inner-banner-section .title { display:none; }

    .default-form .hs-form-field.hs-fieldtype-radio { display:block; }
    .default-form .hs-form-field.hs-fieldtype-radio .input ul li { margin:0 15px 0 0; }
    .default-form .hs-form fieldset.form-columns-2, .default-form .hs-form fieldset.form-columns-3 { display:block; }
    .default-form .hs-form fieldset.form-columns-2 .hs-form-field, .default-form .hs-form fieldset.form-columns-3 .hs-form-field { width:100%; }

    .product-box-section .box { max-width: 400px; margin: 0 auto; width: 100%; }
    .bread{ display:none;  }

    .document-section .right .box { max-width: 320px; text-align: center; margin: 0 auto; }

    .icon_col .icon_right { width: 100%; text-align: center; padding: 20px 0 0; }
    .icon_col .icon { width: 100%; }

    .case_row .Img { width: 100%; }
    .case_row .Txt { width: 100%; padding: 25px 0 0; }
    
    .catalogSubClassDetail { padding-top: 40px; }
    .catalogSubClassDetail .tab { background-color: #e6ad39; border: none; position: relative; z-index: 2; }
    .catalogSubClassDetail .tab .tabCurrent { display: block; }
    .catalogSubClassDetail .tab ul { width: 100%; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1); border: none; display: none; -ms-flex-direction: column; flex-direction: column; padding: 0; position: absolute; top: 100%; left: 0; z-index: 1; }
    .catalogSubClassDetail .tab ul li { width: 100%; display: block; text-align: center; background-color: #fff; }
    .catalogSubClassDetail .tab ul li:not(:last-child):before { display: none; }
    .catalogSubClassDetail .tab ul a { margin: 0; padding: 15px 10px; }
    .catalogSubClassDetail .tab ul a:before { display: none; }
    .catalogSubClassDetail .tab ul a.current { background-color: #e6ad39; color: #fff }
    .catalogSubClassIntro .wrap.container { padding: 0 15px; }
    
    section.content-wrapper .systems-page { padding-left: 0; padding-right: 0; }
    .systems-page--search-results { padding-top: 50px; padding-bottom: 60px; }
    .hs-search-results ul#hsresults li a.hs-search-results__title { font-size: 17px; }
    .hs-search-results ul#hsresults li p.hs-search-results__description { padding-top: 3px; }
}



@media (max-width:640px) {
    .inner-banner-section img.bg {
        min-height: 220px;
    }
    .listing-banner { height: 220px; }
    .listing-banner img { height: 100%; object-fit: cover; height: 220px !important; }
}



/* Media Queries */
@media only screen and (max-width: 600px) {
  h1, .h1 {
    font-size: 2.25rem;
    line-height:1.3;
  }
  h2, .h2 {
    font-size: 2rem;
    line-height:1.3;
  }
  h3, .h3 {
    font-size: 1.rem;
    line-height:1.3;
  }
  h4, .h4 {
    font-size: 1.375rem;
    line-height:1.3;
  }
  h5, .h5 {
    font-size: 1.125rem;
    line-height:1.3;
  }
  h6, .h6 {
    font-size: 1rem;
    line-height:1.5;
  }
  body, .body {
    font-size: 1rem;
    line-height:1.5;
  }
}



@media (max-width:480px) {
    .productsArea .productsModule .closeModule { width: 75px; height: 75px; }
    .sideMenuArea { padding: 30px 20px; } 
    .catalogSubClassIntro .introBox .form { margin-top: 20px; }
    .catalogSubClassIntro .introBox .form .radioBox label { width: calc(100%/3 - 10px); margin-right: 15px; }
    .catalogSubClassIntro .introBox .form .radioBox label:nth-child(4n) { margin-right: 20px; }
    .catalogSubClassIntro .introBox .form .radioBox label:nth-child(3n) { margin-right: 0; }
    .catalogSubClassIntro .introBox .form .radioBox span { padding: 14px 10px; }
    .catalogSubClassIntro .introBox .form .radioBox span:before { margin-right: 10px; }
    .catalogSubClassIntro .introBox .form .detailBox .detailItem { -ms-flex-direction: column; flex-direction: column; -ms-flex-align: start; align-items: flex-start; }
    .catalogSubClassIntro .introBox .form .detailBox .detailItem:not(:last-child) { margin-bottom: 20px; }
    .catalogSubClassIntro .introBox .form .detailBox .title { margin-bottom: 15px; }
    .catalogSubClassIntro .introBox .form .detailBox .detail { width: 100%; }
    .catalogSubClassIntro .introBox .form .detailBox .detailCount { -ms-flex-pack: start; justify-content: flex-start; }
    .catalogSubClassIntro .introBox .form .detailBox .detailCount input { width: auto; -ms-flex: 1; flex: 1; }
    .catalogSubClassIntro .introBox .form .detailBox .detailNumber { text-align: left; }
    .product-box-section .box .Txt { width: 100%; margin: 0; transform: translateY(0px); -webkit-transform: translateY(0px); }
}