@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Arabic:wght@100;200;300;400;500;600;700;800;900&family=Noto+Sans+Devanagari:wght@100;200;300;400;500;600;700;800;900&family=Noto+Sans+Hebrew:wght@100;200;300;400;500;600;700;800;900&family=Noto+Sans+JP:wght@100;300;400;500;700;900&family=Noto+Sans+KR:wght@100;300;400;500;700;900&family=Noto+Sans+SC:wght@100;300;400;500;700;900&family=Noto+Sans+TC:wght@100;300;400;500;700;900&family=Noto+Sans+Thai:wght@100;200;300;400;500;600;700;800;900&family=Noto+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Poppins:ital,wght@0,100;0,200;0,400;0,500;1,200&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900');*{-webkit-box-sizing:border-box;box-sizing:border-box;word-wrap:break-word}
*:before,*:after{-webkit-box-sizing:border-box;box-sizing:border-box}
html{font-size:10px;-webkit-tap-highlight-color:transparent;min-width:320px;font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
body{margin:0;padding:0;font-family:"Roboto","Poppins",Arial,"Noto Sans TC","微軟正黑體",Helmet,Freesans,verdana,sans-serif;font-size:14px;line-height:1.42857;color:#0e071e;background-color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-font-feature-settings:"liga";font-feature-settings:"liga";font-style:normal;text-rendering:optimizelegibility;letter-spacing:.5px;word-spacing:.5px;color:#000;position:relative;width:100vw;overflow-x:hidden}
@media screen and (max-width:800px){body{min-width:320px;max-width:100%;overflow-x:hidden;font-size:4.375vw;letter-spacing:.1px}
}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}
input,button,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}
button,select{text-transform:none}
button{overflow:visible}
html .container{min-width:320px;max-width:1220px;width:100%}
@media screen and (max-width:800px){html .container{width:100%}
}
input{line-height:normal}
figure{margin:0}
ul,ol{margin-top:0;margin-bottom:10px}
body ul li{list-style:none}
img{border:0;vertical-align:middle}
h4,.h4,h5,.h5,h6,.h6{margin-top:10px;margin-bottom:10px}
input[type="radio"],input[type="checkbox"]{margin:4px 0 0;margin-top:1px \9;line-height:normal}
input[type="search"]{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:none}
ul ul,ul ol,ol ul,ol ol{margin-bottom:0}
br{display:block;margin:0;content:""}
[role="button"]{cursor:pointer}
.clearfix:before,.clearfix:after{content:" ";display:table}
.clearfix:after{clear:both}
.container{margin-right:auto;margin-left:auto;padding-left:10px;padding-right:10px}
.container:before,.container:after{content:" ";display:table}
.container:after{clear:both}
@media(min-width:801px){.container{width:740px}
}
@media(min-width:1200px){.container{width:960px}
}
@media(min-width:1920px){.container{width:1160px}
}
.form-control{display:block;width:100%;height:34px;padding:6px 12px;font-size:14px;line-height:1.42857;color:#555;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);-webkit-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;-webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s,-webkit-box-shadow ease-in-out .15s}
.form-control:focus{border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6)}
.form-control::-moz-placeholder{color:#999;opacity:1}
.form-control:-ms-input-placeholder{color:#999}
.form-control::-webkit-input-placeholder{color:#999}
.form-control::-ms-expand{border:0;background-color:transparent}
::-webkit-input-placeholder{color:#ddd}
::-moz-placeholder{color:#ddd}
:-ms-input-placeholder{color:#ddd}
:-moz-placeholder{color:#ddd}
.beneath-cover{z-index:-2;position:relative}
.component-header{background-color:rgba(238,238,238,1);border-top:6px solid #492582;z-index:10}
.component-header .header-cover.show{position:fixed;background-color:rgba(0,0,0,0.6);width:100%;height:100%;right:0;top:0;z-index:-1}
.component-header .line-1 .search-toggle-label svg{position:absolute;top:0;left:0;width:100%;height:100%;display:none}
.component-header .line-1 .search-toggle-label svg>g>path:first-child{fill:#eee;-webkit-transition-duration:.25s;transition-duration:.25s}
small,.small{font-size:85%}
@media screen and (min-width:801px){.small{font-size:85.7142857143%}
}
.log_area ul li div,#notloginDiv ul li div,#loginDiv ul li div{display:inline-block;vertical-align:middle}
.shopping_car_area{display:inline-block;position:relative}
.component-header .shopping-cart{letter-spacing:.1px;background-color:#fff;padding:3% 11%;position:absolute;width:310px;top:20px;margin-top:20px;border:solid 1px #bbb;border-radius:3px;right:-100vw;opacity:0;display:none}
.component-header .shopping-cart:before{content:"";width:15px;height:15px;background-color:#fff;position:absolute;top:-8px;right:40px;-webkit-transform:rotate(45deg);transform:rotate(45deg);border-top:1px solid #bbb;border-left:1px solid #bbb}
@media screen and (max-width:800px){.component-header .shopping-cart:before{position:fixed;right:auto;top:calc( 15vw);left:calc( 100vw - 81px)}
}
@media screen and (max-width:500px){.component-header .shopping-cart:before{top:calc( 11.3vw + 12px);left:calc( 100vw - 53px)}
}
@media screen and (max-width:400px){.component-header .shopping-cart:before{top:calc( 11vw + 12px);left:calc( 100vw - 51px)}
}
.component-header .shopping-cart:after{content:"";width:100%;height:30px;display:block;position:absolute;top:-23px;left:0}
.component-header .shopping-cart .shopping-cart-items ul{max-height:300px;overflow-y:auto}
@media screen and (max-width:800px){.component-header .shopping-cart .shopping-cart-items ul{max-height:55vh}
}
.component-header .shopping-cart .cart-subtotal{padding:4% 5px 10px;width:100%;display:block;line-height:24px}
.component-header .shopping-cart .cart-subtotal .capt{display:inline-block;width:45%}
.component-header .shopping-cart .cart-subtotal .currency{display:inline-block;width:50%;color:#492582}
.component-header .shopping-cart .com_btn{float:right;margin-top:5%;margin-bottom:5%}
@media screen and (max-width:800px){.component-header .shopping-cart .com_btn{display:block !important;margin-right:10px}
}
.component-header .line-1 .sub-menu a.cart span{display:inline-block;min-width:23px;height:22px;padding:1px 5px;background:#009fe8;color:#fff;border-radius:11px;line-height:21px;margin-left:5px}
.component-header .line-1 .sub-menu .cart span:empty{background-color:transparent;min-width:0;color:transparent;margin:0;padding:0}
@media screen and (max-width:800px){.component-header .line-1 .sub-menu{display:none !important}
}
@media screen and (max-width:800px){.component-header .line-1 .sub-menu a.cart span{color:#fff;font-size:5vw;line-height:6vw;min-width:6.5625vw;height:6.5625vw;border-radius:3.3vw;right:-22%;position:absolute;top:-20%;padding:2px 5px}
.component-header .line-1 .sub-menu a.cart{font-size:0;color:transparent;display:block;line-height:1;margin-top:5%}
}
@media screen and (max-width:800px) and (orientation:landscape){.component-header .line-1 .sub-menu a.cart span{font-size:4vw;line-height:5vw;min-width:5.5625vw;height:5.5625vw;top:-13%}
.component-header .line-1 .container .sub-menu .cart:before{font-size:6.75vw;line-height:6.75vw}
}
.line_cookies{line-height:20px;padding-top:20px;padding-bottom:20px;position:relative;z-index:12;-webkit-box-shadow:0 0 0 1px #fff;box-shadow:0 0 0 1px #fff;border-top:6px solid #4d4f52;background-color:#4d4f52;font-size:14px;font-family:"Roboto",Arial;bottom:0;width:100%;z-index:99}
.line_cookies.component-header{transform:translateY(110vh)}
.fade-in{animation:slide-up 1s forwards}
@keyframes slide-up{0{transform:translateY(110vh)}
100%{transform:translateY(0vh)}
}
#cookieBar{position:fixed}
@media screen and (max-width:800px){.line_cookies{font-size:14px;padding-left:10px;padding-right:10px;padding-bottom:10px}
}
.line_cookies .container .text{display:inline-block;vertical-align:middle;width:1200px;color:#fff;font-family:"Roboto",Arial}
@media screen and (max-width:800px){.line_cookies .container .text{width:calc( 100% - 200px)}
}
@media screen and (max-width:600px){.line_cookies .container .text{width:calc( 100% - 50px)}
}
.line_cookies .cookies_more{display:inline-block;vertical-align:middle;color:#fff;text-decoration:underline;margin-right:40px}
@media screen and (max-width:600px){.line_cookies .cookies_more{float:none}
}
.line_cookies .btn_close{display:inline-block;vertical-align:middle;float:right}
.line_cookies .cookiebtn_close{color:#fff;margin-right:80px;opacity:1;background:#000;padding:5px 20px;border:0;font-size:14px}
.line_cookies .cookie-content{padding-top:20px}
.line_cookies .cookie-content span{display:inline-block}
@media screen and (max-width:800px){.line_cookies .cookie-content{padding-top:10px}
.line_cookies .cookiebtn_close{margin-bottom:32px;margin-right:60px}
.line_cookies .cookie-content span{padding-bottom:32px}
}
.breadcrumb{padding:8px 15px;list-style:none;background-color:#fff;border-radius:4px}
.breadcrumb>li{display:inline-block}
.breadcrumb>li+li:before{content:"/ ";padding:0 5px;color:#ccc}
.breadcrumb>.active{color:#777}
@media screen and (max-width:800px){.breadcrumb{display:none}
}
.component-header .news-feed{height:30px;text-align:center;background-color:#492582;color:#fff;font-size:11px;line-height:30px;margin-top:-6px;overflow:hidden;padding:0 20px;text-overflow:ellipsis}
.component-header .news-feed a{color:#fff;white-space:nowrap}
.component-header .line-1{line-height:45px;height:45px;position:relative;z-index:11;border-bottom:1px solid #ccc;-webkit-box-shadow:0 0 0 1px #fff;box-shadow:0 0 0 1px #fff}
.component-header .line-1 .container{position:relative}
.component-header .line-1 .sub-menu{display:inline-block;letter-spacing:30px;margin-right:15px;width:80%}
.component-header .line-1 .sub-menu a{letter-spacing:normal}
.component-header .line-1 .container .left-wrapper{position:absolute;left:148px;top:0;background:#eee;height:40px;z-index:1;overflow:hidden}
.newSubTitle{display:inline-block}
.component-header .line-1 .container .right-wrapper{position:absolute;right:0;top:0;background:#eee;height:44px;z-index:2;padding-left:17px}
.component-header .line-1 .container .right-wrapper a{font-family:'Roboto',Arial,"微軟正黑體",Helmet,Freesans,verdana,sans-serif;display:inline-block;font-style:normal;font-weight:400;font-size:12px;line-height:130%}
.component-header .line-1 .container .sub-menu .text-indent-13{position:relative}
.component-header .line-1 .container .sub-menu .top_sales:before{content:"\e90d";font-family:icomoon !important;color:#65478a;margin-right:3px;height:15.6px;width:14px}
.component-header .line-1 .container .sub-menu .top_support:before{content:"\e90e";font-family:icomoon !important;color:#65478a;margin-right:3px;height:15.6px;width:16px}
.component-header .line-1 .container .sub-menu .shopping_car_area img{width:20px;margin-bottom:5px;margin-right:-30px}
.log_area,#notloginDiv,#loginDiv{display:inline-block;vertical-align:top;position:relative}
.log_area .login-icon{margin-right:-30px}
.log_area .login-icon,.log_area .not-login-icon,.log_area .order-track-icon,.log_area .account-icon{width:16px;margin-bottom:1.5px}
.log_area>a,#notloginDiv>a,#loginDiv>a{display:block}
.log_area ul,#notloginDiv ul,#loginDiv ul{padding:0 8px;width:auto;background-color:#fff;position:absolute;right:0;top:calc( 100% - 10px);z-index:100;-webkit-box-shadow:0 6px 9px -5px rgba(0,0,0,0.5);box-shadow:0 6px 9px -5px rgba(0,0,0,0.5);display:none;background-clip:padding-box}
.log_area ul li:last-of-type,#notloginDiv ul li:last-of-type,#loginDiv ul li:last-of-type{border-bottom:0 solid transparent}
.log_area ul li,#notloginDiv ul li,#loginDiv ul li{padding:10px 10px;border-bottom:1px solid #ccc;text-align:left;margin-bottom:0}
.log_area ul li a,#notloginDiv ul li a,#loginDiv ul li a{white-space:nowrap}
.log_area>a.not_sign:hover+ul,#notloginDiv>a.not_sign:hover+ul,#loginDiv>a.not_sign:hover+ul{display:none}
@media screen and (max-width:800px){.log_area>a.not_sign:hover+ul,#notloginDiv>a.not_sign:hover+ul,#loginDiv>a.not_sign:hover+ul{display:none}
}
.log_area>a.not_sign+ul:hover,#notloginDiv>a.not_sign+ul:hover,#loginDiv>a.not_sign+ul:hover{display:none}
.log_area:hover>a+ul,#notloginDiv>a:hover+ul,#loginDiv>a:hover+ul{display:block}
@media screen and (max-width:800px){.log_area>a:hover+ul,#notloginDiv>a:hover+ul,#loginDiv>a:hover+ul{display:none}
}
.log_area ul:hover,#notloginDiv ul:hover,#loginDiv ul:hover{display:block}
@media screen and (max-width:800px){.log_area ul:hover,#notloginDiv ul:hover,#loginDiv ul:hover{display:none}
}
.log_area ul li div.account_img:before,#notloginDiv ul li div.account_img:before,#loginDiv ul li div.account_img:before{content:"\e928";font-family:icomoon !important;color:#9e9e9e;margin-right:7px}
.log_area ul li div.logout_img:before,#notloginDiv ul li div.logout_img:before,#loginDiv ul li div.logout_img:before{content:"\e929";font-family:icomoon !important;color:#9e9e9e;margin-right:7px}
.log_area a#loginName{display:inline-block}
html.ie11 .log_area{margin-top:4px}
.component-header .line-1 .search-toggle-label{cursor:pointer;margin:0;width:87px;height:0;position:absolute;padding-top:80px;right:0;left:auto;margin-right:0;z-index:1;top:0;bottom:0;margin-top:45px;margin-bottom:0}
.component-header .line-1 .search-toggle-label:before{content:"\e906";font-family:icomoon !important;color:#65478a;font-size:20px;line-height:20px;position:absolute;top:50%;right:63px;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:20px}
.component-header .line-1 .container .search-toggle-label img,.component-header .line-1 .container .search-toggle-label svg{display:none}
.hidden{display:none !important}
@media screen and (max-width:400px){.component-header .line-1 .container .right-wrapper{height:37px}
}
@media screen and (max-width:800px){.component-header .line-1 .container .sub-menu{height:100%;position:relative;width:30%;float:right}
.component-header .line-1 .container .sub-menu .shopping_car_area{position:absolute;top:0;left:0;width:100%;height:100%}
.component-header .line-1 .container .sub-menu .shopping_car_area img{width:100px;margin-left:-35px;margin-top:-15px;margin-right:unset}
.component-header .line-1 .container .search-toggle-label:before{content:"\e906";font-family:icomoon !important;color:#65478a;font-size:8.75vw;line-height:11.75vw;position:static}
}
@media screen and (max-width:800px) and (orientation:landscape){.component-header .line-1 .container .search-toggle-label:before{font-size:6.75vw;line-height:5.75vw}
}
@media screen and (min-width:801px) and (max-width:1199px){.component-header .line-1 .container .left-wrapper-2{left:166px}
}
@media screen and (max-width:800px){.component-header .line-1{margin:0;width:31.25%;height:0;position:relative;padding-top:9.375%;right:0;left:auto;margin-right:3.125%;z-index:1;top:0;bottom:0;margin-top:3.4375%;margin-bottom:"auto";border:0;z-index:15;float:right;line-height:8.75vw;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent}
.component-header .line-1 .container{position:absolute;top:0;left:0;width:100%;height:100%;min-width:0;padding:0}
.component-header .line-1 .sub-menu a,.log_area a#loginName{display:none}
.component-header .line-1 .container .search-toggle-label{height:200%;position:relative;width:60%;margin-top:-23%;margin-right:-5%;float:right;text-align:center}
.component-header .line-1 .search-toggle-label{margin:0;width:18.75%;height:0;position:relative;padding-top:18.75%;right:0;left:auto;margin-right:3.125%;z-index:1;top:0;bottom:0;margin-top:0;margin-bottom:0}
}
@media screen and (max-width:800px) and (orientation:landscape){.component-header .line-1{margin-top:1.4375%}
.component-header .line-1 .container .search-toggle-label{height:150%;width:41%;margin-top:-16%;margin-right:4%}
}
@media screen and (min-width:801px) and (max-width:1199px){.component-header .line-1 .sub-menu{margin-right:20px}
.component-header .line-1 .container .left-wrapper{left:26px}
}
@media screen and (max-width:500px){.component-header .line-1 .container .sub-menu .cart:before{font-size:8.75vw;line-height:8.75vw}
.component-header .line-1 .container .search-toggle-label{margin-top:-23%}
.component-header .line-1 .container .search-toggle-label:before{font-size:8.75vw;line-height:11.75vw}
.component-header .line-1 .container .sub-menu .shopping_car_area img{width:50px;margin-left:-10px;margin-top:-8px;margin-right:unset}
}
@media screen and (max-width:500px) and (orientation:landscape){.component-header .line-1 .container .sub-menu .cart:before{font-size:6.75vw;line-height:6.75vw}
.component-header .line-1 .container .search-toggle-label:before{font-size:6.75vw;line-height:10.75vw}
}
.ipad .component-header .mega-menu-group{width:calc( 14% - 5px);vertical-align:middle;display:inline-block;float:none}
.ipad .component-header .mega-menu-group a{padding:.85em .8em;display:block;word-wrap:normal;margin-top:-20px}
.ipad .component-header .line-2 .nav nav{display:block}
.ipad .component-header .line-2 .nav nav:before{content:"";display:inline-block;height:100%;vertical-align:middle}
.component-header .line-2{height:80px;letter-spacing:68px;position:relative;z-index:10}
.component-header .line-2 .container{height:80px}
.component-header .line-2 .logo{display:inline-block;float:left;width:120px;height:0;position:relative;left:0;right:auto;top:0;bottom:0;margin:0;padding-top:80px;z-index:2}
.component-header .line-2 .logo img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:auto;height:auto;max-height:100%;max-width:100%}
.component-header .line-2 .nav{letter-spacing:normal;display:inline-block;width:920px;height:80px}
.nav{margin-bottom:0;padding-left:0;list-style:none}
.nav:before,.nav:after{content:" ";display:table}
.nav:after{clear:both}
.component-header .line-2 .nav nav{display:-webkit-box;display:-ms-flexbox;display:flex;margin-left:0;height:80px}
.component-header .mega-menu-group{display:block;float:left;letter-spacing:normal;text-align:center}
.component-header .mega-menu-group:before{content:"";display:inline-block;height:100%;vertical-align:middle}
.component-header .mega-menu-group:hover{background-color:#fff}
.component-header .line-2 .nav a,.component-header .line-2 .nav a span{color:#333}
.component-header .mega-menu-group a{vertical-align:middle;padding:.85em .8em;line-height:1.2}
.component-header .mega-menu-group>a{font-family:'Poppins',Arial,"微軟正黑體",Helmet,Freesans,verdana,sans-serif;font-size:14px;font-style:normal;font-weight:500}
@media screen and (max-width:800px){.component-header .mega-menu-group>a{font-family:"Poppins","Roboto","微軟正黑體",Helmet,Freesans,verdana,sans-serif;font-size:18px}
}
.component-header .mega-menu-group .icon-minus,.component-header .mega-menu-group .icon-plus{float:right;width:4.1666666667%}
.component-header .mega-menu-group .icon-minus{opacity:0}
.component-header .mega-menu{position:absolute;top:79px;width:100%;left:0;overflow:hidden;z-index:30;opacity:0;-webkit-transition-duration:.35s;transition-duration:.35s}
.component-header .mega-menu ul{position:absolute;top:0;left:0;width:100%;height:100%;background:#fff;height:auto;padding:0 calc((100% - 1200px) / 2) 30px;z-index:30;-webkit-box-shadow:0 10px 10px rgba(0,0,0,0.1);box-shadow:0 10px 10px rgba(0,0,0,0.1)}
.component-header .mega-menu li{margin:0;width:180px;height:0;position:relative;padding-top:170px;right:0;left:auto;margin-right:"auto";z-index:1;bottom:0;top:auto;margin-bottom:"auto";display:inline-block;float:left}
.component-header .mega-menu li a{position:absolute;top:0;left:0;width:100%;height:100%}
.component-header .mega-menu li figure{background-repeat:no-repeat;background-position:center;-webkit-transition-duration:.35s;transition-duration:.35s;-webkit-transform:scale(0.8);transform:scale(0.8);opacity:.9;position:absolute;top:0;left:0;width:100%;height:100%;-webkit-transform:1;transform:1}
.component-header .mega-menu li a:hover figure{-webkit-transform:none;transform:none;opacity:1}
.component-header .mega-menu li .title{margin:0;width:180px;height:0;position:absolute;padding-top:30px;right:0;left:auto;margin-right:auto;z-index:1;bottom:0;top:auto;margin-bottom:auto;color:#0e071e}
.component-header .mega-menu li .title span{position:absolute;top:0;left:0;width:100%;height:100%}
.component-header .mega-menu-group.on .icon-minus{opacity:1}
.component-header .mega-menu-group.on .icon-plus{opacity:0}
.bottom_btn_area{display:none;padding-top:.5em}
.bottom_btn_area .weblink{width:100%;height:38px;overflow:hidden}
.bottom_btn_area .weblink>a{color:#333}
.bottom_btn_area>li{padding:.5em 0;margin:0 2em}
.bottom_btn_area.sub_nav>li:last-of-type{border-bottom:1px solid #ccc}
.bottom_btn_area>li>a{font-size:3.75vw}
@media screen and (max-width:400px){.bottom_btn_area>li>a{font-size:16px}
}
.bottom_btn_area>li>a span{color:#492582;margin-right:10px}
.bottom_btn_area.sub_nav_brand>li>a span{color:#000}
.bottom_btn_area>li>a.not_sign+ul{display:none}
.bottom_btn_area .weblink span{margin-right:23px}
.bottom_btn_area>li>ul{padding-top:.5em}
.bottom_btn_area>li>ul>li{padding:.5em 1.5em}
.bottom_btn_area>li>ul>li a{font-size:3.75vw}
@media screen and (max-width:400px){.bottom_btn_area>li>ul>li a{font-size:16px}
}
.bottom_btn_area>li>ul>li a span{color:#9e9e9e;margin-right:10px;display:inline-block;vertical-align:text-top}
.bottom_btn_area>li>ul>li a.logout_img::before{content:"\e929";font-family:icomoon !important;color:#9e9e9e;margin-right:7px;font-size:16px}
#mobileContentDiv .bottom_btn_area .icon-icon_product{margin:0 4px 0 -0.5%}
#loginDivMobile .icon-icon_product{color:#bdbdbd}
@media screen and (max-width:800px) and (min-width:500px){#mobileContentDiv .bottom_btn_area .icon-icon_product{margin-left:-4px;margin-right:0}
}
@media screen and (min-width:801px) and (max-width:1199px){.component-header .mega-menu-group:before{height:auto}
.component-header .mega-menu-group a{padding:0 .6em}
}
@media screen and (min-width:801px) and (max-width:1199px){.component-header .line-2 .nav a,.component-header .line-2 .nav a span{font-size:1.6666666667vw;line-height:1.2;display:block}
}
@media screen and (max-width:800px){.ipad .component-header .mega-menu-group{width:100%}
.ipad .component-header .mega-menu-group a{padding:.9em 0;margin:0 1.5em}
.ipad .component-header .line-2 .nav nav:before{display:none}
.component-header .line-2{border-bottom:.0714285714em solid #ccc;z-index:11;padding-top:15%;height:0}
.component-header .line-2 .container{height:auto}
.component-header .line-2 .logo{width:20.5625%;position:absolute;padding-top:13.75%;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}
.component-header .line-2 .nav{width:calc( 100% + 20px);height:0;position:relative;z-index:2;top:0;bottom:0;right:auto;left:0;padding-top:0;margin-left:-10px;margin-right:0;margin-top:.3125%;margin-bottom:0;overflow:auto;-webkit-overflow-scrolling:touch;background:#eee}
.component-header .line-2 .nav nav{width:100%;position:relative;left:0;right:auto;top:0;bottom:0;z-index:2;padding-top:0;padding-bottom:10%;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;height:auto;display:block}
.component-header .mega-menu-group{margin:0;width:100%;height:0;position:relative;padding-top:0;padding-bottom:1px;left:0;right:auto;top:0;bottom:0;z-index:2;float:none;height:auto;display:block;text-align:left}
.ipad .component-header .mega-menu-group:before{display:none}
.component-header .mega-menu-group:hover{background-color:transparent}
.component-header .mega-menu-group:hover .mega-menu{margin:0;width:100%;height:0;position:relative;padding-top:0;margin-left:0;left:0;right:auto;margin-right:0;z-index:2;top:0;bottom:0;margin-top:0;margin-bottom:0;height:0;overflow:hidden;background:#eee}
.component-header .mega-menu-group a{display:inline-block;padding:.9em 0;margin:0 1.5em}
.component-header .mega-menu-group a::before{content:'\e911';font-family:'icomoon';width:auto;position:absolute;font-size:20px;height:auto;vertical-align:middle;font-weight:bold;right:35px}
.component-header .menu{margin:0;width:8.75%;height:0;position:absolute;padding-top:6.875%;margin-left:4.375%;left:0;right:auto;margin-right:"auto";z-index:2;top:0;bottom:0;margin-top:5%;margin-bottom:"auto"}
.component-header .mega-menu-group .icon-minus,.component-header .mega-menu-group .icon-plus{float:none;position:absolute;right:1.5em;top:calc( 0.9em + 4.46875vw);-webkit-transform:translateY(-50%);transform:translateY(-50%)}
.component-header .mega-menu{margin:0;width:100%;height:0;position:relative;padding-top:0;margin-left:0;left:0;right:auto;margin-right:0;z-index:2;top:0;bottom:0;margin-top:0;margin-bottom:0;height:0;overflow:hidden;background:#eee}
.component-header .mega-menu ul{margin:0;width:100%;height:0;position:relative;padding-top:0;margin-left:0;left:0;right:auto;margin-right:0;z-index:2;top:0;bottom:0;margin-top:0;margin-bottom:0;height:auto;background:#eee;-webkit-box-shadow:0 10px 10px transparent;box-shadow:0 10px 10px transparent}
.component-header .mega-menu ul:after{content:"";display:block;clear:both}
.component-header .mega-menu li{margin:0;width:100%;height:0;position:relative;padding-top:0;margin-left:0;left:0;right:auto;margin-right:0;z-index:2;top:0;bottom:0;margin-top:0;margin-bottom:0;height:auto}
.component-header .mega-menu li a{margin:0;width:100%;height:0;position:relative;padding-top:0;margin-left:0;left:0;right:auto;margin-right:0;z-index:2;top:0;bottom:0;margin-top:0;margin-bottom:0;height:auto}
.component-header .mega-menu li a{padding:.5em 3.5625em}
.ipad .component-header .mega-menu li a{padding:.5em 3.5625em}
.component-header .mega-menu li .title{margin:0;width:75%;height:0;position:relative;padding-top:7.1875%;margin-left:0;left:0;right:auto;margin-right:0;z-index:2;top:0;bottom:0;margin-top:0;margin-bottom:0;height:auto}
.component-header .mega-menu li .title span{margin:0;width:100%;height:0;position:relative;padding-top:0;margin-left:0;left:0;right:auto;margin-right:0;z-index:2;top:0;bottom:0;margin-top:0;margin-bottom:0;height:auto}
.bottom_btn_area{display:block}
.bottom_btn_area>li .mobile-login-icon,.bottom_btn_area>li .mobile-support-icon,.bottom_btn_area>li .mobile-cart-icon{width:30px;margin-bottom:1.5px}
.bottom_btn_area>li .mobile-order-track-icon,.bottom_btn_area>li .mobile-account-icon{width:30px}
.component-header .burger{margin:0;width:100%;height:0;position:absolute;padding-top:5px;left:0;right:auto;margin-right:"auto";z-index:2;top:0;bottom:0;margin-top:0;margin-bottom:"auto";background-color:#4d4f52;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transition-duration:.3s;transition-duration:.3s}
.component-header .burger:before{content:'';background-color:#4d4f52;margin:0;width:100%;height:0;position:absolute;padding-top:5px;margin-left:0;left:0;right:auto;margin-right:"auto";z-index:2;top:0;bottom:0;margin-top:28.5714285714%;margin-bottom:"auto";-webkit-transition-duration:.3s;transition-duration:.3s}
.component-header .burger:after{content:'';background-color:#4d4f52;margin:0;width:100%;height:0;position:absolute;padding-top:5px;margin-left:0;left:0;right:auto;margin-right:"auto";z-index:2;top:0;bottom:0;margin-top:57.1428571429%;margin-bottom:"auto";-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transform-origin:0 0;transform-origin:0 0}
.component-header .menu.on .burger:before{opacity:0}
.component-header .menu.on .burger{-webkit-transform:rotate(45deg);transform:rotate(45deg)}
.component-header .menu.on .burger:after{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);-webkit-transform-origin:center;transform-origin:center;margin-top:0}
.component-header .menu.on ~ .nav{border-top:.0714285714em solid #fff;height:auto}
.component-header .mega-menu-group.on .mega-menu{margin:0;width:100%;height:0;position:relative;padding-top:0;margin-left:0;left:0;right:auto;margin-right:0;z-index:2;top:0;bottom:0;margin-top:0;margin-bottom:0;height:auto;background:#eee;opacity:1;overflow:visible}
.component-header .mega-menu-group>a:after{content:"";border-bottom:1px solid #fff;position:absolute;bottom:0;left:1.5em;width:calc( 100% - 3em);-webkit-box-shadow:0 -1px 0 #ccc;box-shadow:0 -1px 0 #ccc}
}
@media screen and (max-width:800px) and (orientation:landscape){.component-header .line-2{padding-top:10%}
.component-header .line-2 .logo{width:14.5625%}
.component-header .menu{width:6.75%;margin-top:3%}
}
@media screen and (min-width:768px){.bottom_btn_area .weblink{height:75px}
.bottom_btn_area .weblink span{margin-right:33px}
}
@media screen and (min-width:801px) and (max-width:1199px){.component-header .line-2 .nav{width:76%}
.component-header .mega-menu-group:before{height:auto}
.component-header .mega-menu-group a{padding:0 .6em}
}
@media screen and (min-width:801px){.component-header .mega-menu-group:hover .mega-menu{margin:0;width:1200px;height:0;position:absolute;padding-top:0;margin-left:0;left:0;right:auto;margin-right:0;z-index:2;top:0;bottom:0;margin-top:79px;margin-bottom:0;width:100%;height:auto;opacity:1;overflow:visible;-webkit-transition-property:opacity;transition-property:opacity}
}
@media screen and (max-width:600px){.component-header .burger,.component-header .burger:before,.component-header .burger:after{padding-top:3px}
}
@media screen and (max-width:500px){.bottom_btn_area>li .mobile-login-icon,.bottom_btn_area>li .mobile-support-icon,.bottom_btn_area>li .mobile-cart-icon{width:20px;margin-bottom:1.5px}
.bottom_btn_area>li .mobile-order-track-icon,.bottom_btn_area>li .mobile-account-icon{width:20px}
}
.component-header .search-toggle:checked~.line-3{-webkit-transition-duration:.5s;transition-duration:.5s;height:110px;opacity:1;z-index:2}
.component-header .line-3{background:#fff;width:100%;height:0;opacity:0;-webkit-transition-duration:.25s;transition-duration:.25s;padding-top:1px;margin-top:0;z-index:-1}
.component-header .search-toggle:checked~.line-3 .search-form{margin-bottom:25px;z-index:5}
.component-header .line-3 .search-form{width:800px;height:60px;margin:25px auto 0;position:relative;-webkit-transition-duration:.25s;transition-duration:.25s;z-index:-1}
.component-header .search-toggle:checked~.line-3 .search-form aside{z-index:2}
.component-header .line-3 .search-form aside .twitter-typeahead,.component-header .line-3 .search-form aside input{border:solid 1.5px #ccc;border-radius:0;position:absolute;top:0;left:0;width:100%;height:100%}
.component-header .line-3 .search-form aside{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1}
.component-header .search-toggle:checked~.line-3 .search-form input{z-index:2}
.component-header .line-3 .search-form input{z-index:-1}
.component-header .line-3 .search-form aside .twitter-typeahead::-webkit-input-placeholder,.component-header .line-3 .search-form aside input::-webkit-input-placeholder{color:#ddd}
.component-header .line-3 .search-form aside .twitter-typeahead::-moz-placeholder,.component-header .line-3 .search-form aside input::-moz-placeholder{color:#ddd}
.component-header .line-3 .search-form aside .twitter-typeahead:-ms-input-placeholder,.component-header .line-3 .search-form aside input:-ms-input-placeholder{color:#ddd}
.component-header .line-3 .search-form aside .twitter-typeahead:-moz-placeholder,.component-header .line-3 .search-form aside input:-moz-placeholder{color:#ddd}
.component-header .search-toggle:checked~.line-3 .search-form button{z-index:2}
.component-header .line-3 .search-form button{z-index:-1;position:absolute;width:60px;height:60px;right:0;top:0;background:0;border:0;background-color:#492582;text-align:center}
.component-header .line-3 .search-form button:before{content:"\e906";font-family:icomoon !important;font-size:20px;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);color:#fff}
.component-header .line-3 .search-form button img{display:none;position:absolute;top:0;left:0;width:100%;height:100%}
.component-header .mega-menu li .menu-img-wrap{position:absolute;top:10%;left:10%;width:80%;height:80%}
.component-header .mega-menu li img{-webkit-transition-duration:.35s;transition-duration:.35s;-webkit-transform:scale(0.8);transform:scale(0.8);opacity:.9;width:100%;height:100%;-webkit-transform:1;transform:1}
.component-header .mega-menu li a:hover img{-webkit-transform:none;transform:none;opacity:1}
.component-header .line-3 .search-form .clear-icon{position:absolute;width:20px;height:100%;top:0;right:80px;text-align:center;z-index:3;cursor:pointer;display:none}
.component-header .line-3 .search-form .clear-icon::before{width:20px;height:1px;background:#4d4f52;content:'';display:inline-block;position:absolute;top:50%;transform:translate(-50%,-50%) rotate(45deg)}
.component-header .line-3 .search-form .clear-icon::after{width:1px;height:20px;background:#4d4f52;content:'';display:inline-block;position:absolute;top:50%;transform:translate(-50%,-50%) rotate(45deg)}
.component-header .line-3 .tt-menu{width:calc(100% - 60px);background:#fff;max-height:283px;overflow-y:auto}
.component-header .line-3 .tt-menu .tt-suggestion .search_group{line-height:1;color:#492582;font-weight:bold;font-size:1em;padding-top:10px;padding-bottom:10px;padding-left:29px;margin:0;border-bottom:solid 1px #eee}
.component-header .line-3 .tt-menu .tt-suggestion p{line-height:1;margin:0;border-bottom:solid 1px #eee;cursor:pointer;color:#262626;padding-top:10px;padding-bottom:10px;padding-left:29px}
.component-header .line-3 .tt-menu .tt-suggestion:hover p,.component-header .line-3 .tt-menu .tt-suggestion.tt-cursor p{color:#fff;background:#492582}
.component-header .line-3 .tt-hint{color:#ccc}
.component-header .line-3 .search-form #search-text:focus{box-shadow:none;-webkit-box-shadow:none}
.component-header .line-3 .search-form button svg{position:absolute;top:0;left:0;width:100%;height:100%}
.component-header .line-3 .search-form button svg>g>path:first-child{fill:#492582;-webkit-transition-duration:.25s;transition-duration:.25s}
.component-header .line-3 .search-form button svg>g>g{fill:#fff}
.component-header .search-toggle:checked ~ .line-3{-webkit-transition-duration:.5s;transition-duration:.5s;height:110px;opacity:1;z-index:2}
.component-header .search-toggle:checked ~ .line-3 .search-form{margin-bottom:25px;z-index:5}
.component-header .search-toggle:checked ~ .line-3 .search-form aside{z-index:2}
.component-header .search-toggle:checked ~ .line-3 .search-form input{z-index:2;padding-left:20px}
.component-header .search-toggle:checked ~ .line-3 .search-form button{z-index:2}
.search-form .search_dropdown{position:absolute;top:100%;left:0;width:100%;z-index:20;background-color:#fff;display:none;box-shadow:2px 4px 10px rgba(0,0,0,0.25)}
.search-form .search_dropdown .search_dropdown_content{max-height:300px;overflow-y:auto;position:relative}
.search-form .search_dropdown ul .group_name{color:#492582;font-size:18px;font-family:"Roboto";font-weight:bolder;padding:10px 20px;border-bottom:1px solid #ccc;background:#f2f2f2;border:0}
.search-form .search_dropdown ul .group_name.group_name_series{padding:0}
.search-form .search_dropdown ul li{font-size:16px;padding:10px 20px;cursor:pointer;margin-bottom:0}
.search_dropdown .search_dropdown_content.history{display:none}
.search_dropdown .search_dropdown_content.history.show{display:block !important}
.search_dropdown ul .group_name span{position:absolute;right:60px;top:0;text-decoration:underline;cursor:pointer;padding:8px 10px;color:#757575;font-size:12px;font-weight:normal}
@media screen and (max-width:800px){.search-form .search_dropdown .search_dropdown_content{width:100%}
.search-form .search_dropdown ul .group_name{width:100%}
}
@media screen and (max-width:800px){.component-header .line-3{margin:0;width:100%;height:0;position:relative;padding-top:0;margin-left:0;left:0;right:auto;margin-right:0;top:0;bottom:0;margin-top:0;margin-bottom:0}
.component-header .line-3 .search-form aside{z-index:-1}
.component-header .line-3 .search-form input{z-index:-1;background-color:transparent !important}
.component-header .line-3 .search-form button{z-index:-1;margin:0;width:16.4383561644%;height:calc( 100% - 2px);position:absolute;padding-top:0;right:0;left:auto;margin-right:.3424657534%;z-index:1;top:0;bottom:0;margin-top:.3424657534%;margin-bottom:0}
.component-header .line-3 .search-form button:before{font-size:5.5vw}
.component-header .line-3 .search-form{margin:0;width:91.25%;height:0;position:absolute;padding-top:15.625%;margin-left:4.375%;left:0;right:auto;margin-right:0;top:0;bottom:0;margin-top:7.8125%;margin-bottom:0;z-index:-1}
.component-header .search-toggle:checked~.line-3{margin:0;width:100%;height:0;position:relative;padding-top:31.25%;left:0;top:0;right:auto;border-top:1px solid #fff;z-index:10;z-index:10}
.component-header .search-toggle:checked~.line-3 aside{z-index:10}
.component-header .search-toggle:checked~.line-3 input{z-index:10}
.component-header .search-toggle:checked~.line-3 button{z-index:10}
}
@media screen and (min-width:801px) and (max-width:1199px){.component-header .line-3 .search-form{width:66.6666666667%}
}
.component-footer{background:#eee}
.component-footer .component-container-footer{margin-right:auto;margin-left:auto;padding-left:10px;padding-right:10px;min-width:320px;width:100%}
.component-footer .component-container-footer>.row{width:100%;border-bottom:1px solid #ccc;margin-right:0;margin-left:0}
.component-footer .component-container-footer .grid{min-height:244px}
.component-footer .component-container-footer .grid h5{color:#0e071e;margin:30px 0 14px}
.component-footer .component-container-footer .grid a{display:block;color:#262626;margin-bottom:12px}
.component-footer .component-container-footer .grid .icon-minus,.component-footer .component-container-footer .grid .icon-plus{float:right;width:3.125%}
.component-footer .component-container-footer .grid .icon-minus{opacity:0}
.footer_e_paper_area{position:relative}
.footer_e_paper_area .loading_pic_area{position:absolute;right:-36px;top:-98px}
.loading_pic_area{margin-top:52px;margin-bottom:52px}
.adCircle .dot{position:absolute;background-color:white;height:22px;width:22px;border-radius:12px;-o-border-radius:12px;-ms-border-radius:12px;-webkit-border-radius:12px;-moz-border-radius:12px;animation-name:dot_fade;-o-animation-name:dot_fade;-ms-animation-name:dot_fade;-webkit-animation-name:dot_fade;-moz-animation-name:dot_fade;animation-duration:1.2s;-o-animation-duration:1.2s;-ms-animation-duration:1.2s;-webkit-animation-duration:1.2s;-moz-animation-duration:1.2s;animation-iteration-count:infinite;-o-animation-iteration-count:infinite;-ms-animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;animation-direction:normal;-o-animation-direction:normal;-ms-animation-direction:normal;-webkit-animation-direction:normal;-moz-animation-direction:normal}
.adCircle{position:relative;width:125px;height:125px;top:0;margin:auto;transform:scale(0.56);-o-transform:scale(0.56);-ms-transform:scale(0.56);-webkit-transform:scale(0.56);-moz-transform:scale(0.56)}
.adCircle .dot.dot_rotate_01{left:0;top:51px;animation-delay:.05s;-o-animation-delay:.05s;-ms-animation-delay:.05s;-webkit-animation-delay:.05s;-moz-animation-delay:.05s}
.adCircle .dot.dot_rotate_02{left:15px;top:15px;animation-delay:.2s;-o-animation-delay:.2s;-ms-animation-delay:.2s;-webkit-animation-delay:.2s;-moz-animation-delay:.2s}
.adCircle .dot.dot_rotate_03{left:51px;top:0;animation-delay:.35s;-o-animation-delay:.35s;-ms-animation-delay:.35s;-webkit-animation-delay:.35s;-moz-animation-delay:.35s}
.adCircle .dot.dot_rotate_04{right:15px;top:15px;animation-delay:.5s;-o-animation-delay:.5s;-ms-animation-delay:.5s;-webkit-animation-delay:.5s;-moz-animation-delay:.5s}
.adCircle .dot.dot_rotate_05{right:0;top:51px;animation-delay:.65s;-o-animation-delay:.65s;-ms-animation-delay:.65s;-webkit-animation-delay:.65s;-moz-animation-delay:.65s}
.adCircle .dot.dot_rotate_06{right:15px;bottom:15px;animation-delay:.8s;-o-animation-delay:.8s;-ms-animation-delay:.8s;-webkit-animation-delay:.8s;-moz-animation-delay:.8s}
.adCircle .dot.dot_rotate_07{left:51px;bottom:0;animation-delay:.95s;-o-animation-delay:.95s;-ms-animation-delay:.95s;-webkit-animation-delay:.95s;-moz-animation-delay:.95s}
.adCircle .dot.dot_rotate_08{left:15px;bottom:15px;animation-delay:1.1s;-o-animation-delay:1.1s;-ms-animation-delay:1.1s;-webkit-animation-delay:1.1s;-moz-animation-delay:1.1s}
.component-footer .component-container-footer .component-container-footer-search-form{width:70%;height:40px;margin:0 auto;margin-left:0;position:relative}
.component-footer .component-container-footer input{background:0}
#mc_embed_signup input[name="EMAIL"]{border:solid 1.5px #ccc;border-radius:0;position:absolute;top:0;left:0;width:100%;height:100%}
#mc_embed_signup input[type="submit"],#mc_embed_signup input[type="button"]{position:absolute;width:40px;height:40px;right:0;top:0;background:0;border:0;border-radius:0;background-color:#492582;color:transparent;margin-top:-2px}
#email_submit_wrap{position:absolute;width:40px;height:40px;right:0;top:1.5px;text-align:center;line-height:40px}
#email_submit_wrap:before{content:"\e919";font-family:icomoon !important;color:#fff;font-size:15px;display:inline-block;position:relative;z-index:10;pointer-events:none}
#mc_embed_signup div.mce_inline_error{display:none !important}
.component-footer .component-container-footer .epaper-wrapper{width:70%;height:40px;margin:0 auto;margin-left:0;margin-bottom:4px;position:relative;background-color:#492582}
.component-footer .component-container-footer .epaper-wrapper #epaper-subscribe-btn{font-family:"Roboto",Arial;font-size:12px;line-height:40px;color:#fff;text-align:center}
.component-footer .component-container-footer .epaper-wrapper #epaper-subscribe-btn:hover{color:#fff}
.component-footer .component-container-footer .epaper-wrapper #epaper-subscribe-btn::before{content:"\e919";font-family:icomoon !important;color:#fff;font-size:15px;display:inline-block;position:relative;margin-right:10px}
.component-container-footer .form_item_text_warn{color:#da3a22;display:none}
.component-footer .component-container-footer .component-container-footer-social-icon{margin-top:16px}
.component-footer .component-container-footer .component-container-footer-social-icon [class*="col"]:nth-of-type(odd){width:auto;max-width:16.666%;padding-right:5px}
.component-footer .component-container-footer .component-container-footer-social-icon [class*="col"]:nth-of-type(even){padding-left:0;padding-right:0;width:0;overflow:hidden;font-size:0}
.component-footer .component-container-footer .component-container-footer-social-icon *{word-wrap:normal}
.component-footer .component-container-footer .component-container-footer-social-icon div{line-height:2em;min-height:40px}
.component-footer .component-container-footer .component-container-footer-social-icon p{vertical-align:middle;margin:0;color:#492582}
.component-footer .component-container-footer .component-container-footer-social-icon span{color:#492582;font-size:30px;font-family:"Poppins"}
.component-footer .component-container-footer .component-container-footer-social-icon span:before{width:30px;height:30px;background-size:30px 30px;display:inline-block;content:""}
.component-footer .component-container-footer .grid .component-container-footer-payment-icon{padding-bottom:10px}
.component-footer .component-container-footer .grid .component-container-footer-payment-icon h5{margin:14px 10px}
.component-footer .component-container-footer .copy-and-policy{border-top:1px solid #fff}
.component-footer .component-container-footer .copy-and-policy .copy{display:inline-block;line-height:43px;height:43px;vertical-align:middle}
.component-footer .component-container-footer .copy-and-policy .policy{float:right;height:2.8571428571em}
.component-footer .component-container-footer .copy-and-policy .policy ul li{display:inline-block;float:left;margin-bottom:0}
.component-footer .component-container-footer .copy-and-policy .policy ul li a{display:inline-block;padding:.7142857143em 1.4285714286em;border-right:1px solid #ccc;border-left:1px solid #fff}
.component-footer .component-container-footer .copy-and-policy .policy ul li:first-child a{border-left:0}
.component-footer .component-container-footer .copy-and-policy .policy ul li:last-child a{border-right:0}
.component-footer .component-container-footer .copy-and-policy .policy ul li .flag{display:inline-block;margin:0;width:24px;height:0;position:relative;padding-top:18px;margin-left:0;left:0;right:auto;margin-right:0;z-index:2;top:0;bottom:0;margin-top:0;margin-bottom:0;width:1.7142857143em;padding-top:1em}
.component-footer .component-container-footer .grid a:hover{color:#101010}
.component-footer .component-container-footer .grid.on .icon-minus{opacity:1}
.component-footer .component-container-footer .grid.on .icon-plus{opacity:0}
.component-footer .component-container-footer .component-container-footer-search-form aside{position:absolute;top:0;left:0;width:100%;height:100%}
.component-footer .component-container-footer .component-container-footer-search-form aside input{border:solid 1.5px #ccc;border-radius:0;position:absolute;top:0;left:0;width:100%;height:100%}
@media screen and (max-width:800px){.component-footer .component-container-footer .component-container-footer-search-form aside input{background:#eee}
}
.component-footer .component-container-footer .component-container-footer-search-form button{position:absolute;width:40px;height:40px;right:0;top:0;background:0;border:0}
@media screen and (max-width:800px){.component-footer .component-container-footer .component-container-footer-search-form button{width:13.7931034483%;padding-top:13.7931034483%}
}
.component-footer .component-container-footer .component-container-footer-search-form button svg{position:absolute;top:0;left:0;width:100%;height:100%}
.component-footer .component-container-footer .component-container-footer-search-form button svg>g>path:first-child{fill:#492582;-webkit-transition-duration:.25s;transition-duration:.25s}
.component-footer .component-container-footer .component-container-footer-search-form button svg>g>g{fill:#fff}
.component-footer .component-container-footer .component-container-footer-social-icon img{width:100%;height:auto;max-width:30px;max-height:32px;display:inline-block;vertical-align:text-bottom;margin-bottom:5px}
.component-footer .component-container-footer .language img{float:left;width:24px;height:18px}
.component-footer .component-container-footer .copy-and-policy .policy ul li .flag img{position:absolute;top:0;left:0;width:100%;height:auto}
@media(min-width:1000px){.component-footer .component-container-footer{width:100%}
.component-container-footer .form_item_text_warn{font-size:12px}
}
@media(min-width:1220px){.component-footer .component-container-footer{width:1176px}
}
@media screen and (max-width:1000px){.component-footer .component-container-footer .component-container-footer-social-icon span{font-size:3vw}
.component-footer .component-container-footer .component-container-footer-social-icon span:before{width:3vw;height:3vw;background-size:3vw 3vw}
}
@media screen and (max-width:800px){.component-footer .component-container-footer .grid{min-height:0;border-bottom:1px solid #ccc;padding:0 15px}
.component-footer .component-container-footer .grid h5{margin-top:0;margin-bottom:0;padding-top:3.75%;padding-bottom:3.75%;position:relative}
.component-footer .component-container-footer .grid .icon-minus,.component-footer .component-container-footer .grid .icon-plus{position:absolute;right:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}
.loading_pic_area{margin-top:2px;margin-bottom:2px}
.adCircle{transform:scale(0.4);-o-transform:scale(0.4);-ms-transform:scale(0.4);-webkit-transform:scale(0.4);-moz-transform:scale(0.4)}
.component-footer .component-container-footer .component-container-footer-search-form{width:100%;padding-top:13.7931034483%}
#mc_embed_signup input[name="EMAIL"]{font-size:3.75vw}
#mc_embed_signup input[type="submit"],#mc_embed_signup input[type="button"]{height:100%;width:100%;margin-top:0}
#email_submit_wrap{width:14%;height:calc( 100% - 2px);line-height:40px;margin-top:-1px}
#email_submit_wrap:before{font-size:3.75vw;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}
.component-footer .component-container-footer .copy-and-policy{display:inline-block;padding-bottom:13%;position:relative;padding-left:5px;padding-right:5px}
.component-footer .component-container-footer .copy-and-policy .copy{bottom:0;left:5px;position:absolute;white-space:nowrap}
.component-footer .component-container-footer .copy-and-policy .policy{height:auto;float:none;display:inline-block}
.component-footer .component-container-footer .copy-and-policy .policy ul li{float:none}
.component-footer .component-container-footer .copy-and-policy .policy ul li a{border:0;padding:0;white-space:nowrap;vertical-align:middle}
.component-footer .component-container-footer .copy-and-policy .policy ul li:first-child a{height:35px;line-height:35px;height:10.9375vw;line-height:12.5vw}
.component-footer .component-container-footer .copy-and-policy .policy ul li:last-child a{padding:0;height:20px;vertical-align:middle;line-height:20px}
.component-footer .component-container-footer .copy-and-policy .policy ul li:last-child a:before{display:none}
.small-sm{font-size:3.75vw;line-height:1.43}
.component-footer .component-container-footer .component-container-footer-social-icon span{font-size:8vw}
.component-footer .component-container-footer .component-container-footer-social-icon span:before{width:8vw;height:8vw;background-size:8vw 8vw}
.component-footer .component-container-footer .grid aside.small-sm{padding-left:4.375%;height:0;overflow:hidden}
.component-footer .component-container-footer .grid:last-child{border-bottom:0}
.tiny-sm{font-size:3.4375vw;line-height:1.43}
.component-footer .component-container-footer .copy-and-policy .policy ul li:first-child{display:block}
.component-footer .component-container-footer .copy-and-policy .policy ul li:nth-child(2) ~ li a:before{border-left:1px solid #ccc;border-right:1px solid #fff;content:'';width:0;height:100%;margin:0 1em}
.component-footer .component-container-footer .copy-and-policy .policy ul li:last-child{display:block}
.component-footer .component-container-footer .grid.on aside.small-sm{height:auto}
.component-footer .component-container-footer>.row{margin-left:0;margin-right:0}
.component-footer .component-container-footer .grid .component-container-footer-payment-icon h5{padding-left:10px;margin:0}
.component-footer .component-container-footer .copy-and-policy .policy ul li:last-child a{padding:0;height:20px;vertical-align:middle;line-height:20px}
}
@media screen and (min-width:801px) and (max-width:1199px){.component-footer .component-container-footer .copy-and-policy .copy{font-size:11px;font-size:1.1666666667vw}
.component-footer .component-container-footer .copy-and-policy .policy ul li a{font-size:11px;font-size:1.1666666667vw}
.component-footer .component-container-footer .copy-and-policy .policy ul li:last-child a{padding-right:1em}
}
@media screen and (max-width:500px){.component-footer .component-container-footer .component-container-footer-social-icon span{font-size:9vw}
.component-footer .component-container-footer .component-container-footer-social-icon span:before{width:9vw;height:9vw;background-size:9vw 9vw}
}
@keyframes dot_fade{100%{background-color:#999}
}
@-webkit-keyframes dot_fade{100%{background-color:#999}
}
.button{padding:10px 12px;line-height:1;font-size:20px;font-family:"Roboto";text-align:center;cursor:pointer;overflow:hidden}
@media screen and (max-width:400px){.button{padding:10px 3px}
}
#goTop{color:#fff;position:fixed;right:20px;bottom:20px;cursor:pointer;z-index:15}
#goTop .toparea{width:50px;height:50px;text-align:center;background-color:#9e9e9e;border-radius:50%;overflow:hidden;align-items:center;padding:10px}
#goTop .toparea .arrow{max-width:18px;height:10px;margin:0 auto;background-image:url('clientlib-site/img/footer/goTop-arrow.svg');background-repeat:no-repeat}
#goTop .toparea .top-text{font-size:12px;font-weight:bold;letter-spacing:.06em;line-height:14px;margin-top:10%}
.mobile #goTop,.tablet #goTop{opacity:.7 !important}
@media screen and (max-width:800px){#goTop{opacity:.7 !important}
}
@media screen and (max-width:500px){#goTop .toparea{width:45px;height:45px;padding:10px 5px}
}
.carousel-container:not(.slick-initialized){display:none}
.component-hero-carousel{margin:0;width:100%;position:relative;padding-top:27.6%;margin-left:0;left:0;right:auto;margin-right:0;z-index:2;top:0;bottom:0;margin-top:0;margin-bottom:0;color:#fff}
.component-hero-carousel .carousel-container{position:absolute;top:0;left:0;width:100%;height:100%}
.component-hero-carousel .carousel-container .slick-next,.component-hero-carousel .carousel-container .slick-prev{display:block;background-size:cover}
.component-hero-carousel .carousel-container .slick-prev{display:block;margin:0;width:5.5555555556%;height:0;position:absolute;padding-top:5.5555555556%;margin-left:1.3888888889%;left:0;right:auto;margin-right:0;z-index:2;top:50%;bottom:0;margin-bottom:0}
.component-hero-carousel .carousel-container .slick-next{display:block;margin:0;width:5.5555555556%;height:0;position:absolute;padding-top:5.5555555556%;right:0;left:auto;margin-right:1.3888888889%;z-index:1;top:50%;bottom:0;margin-bottom:0}
.component-hero-carousel .carousel-container .slick-next:before{content:"\e90f";font-family:icomoon !important;color:#979797;font-size:5.3vw;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);right:30%}
.component-hero-carousel .carousel-container .slick-list{position:absolute;top:0;left:0;width:100%;height:100%}
.component-hero-carousel .carousel-container .more:active,.component-hero-carousel .carousel-container .more.active,.component-hero-carousel .carousel-container .more:focus,.component-hero-carousel .carousel-container .more:hover{color:inherit}
.component-hero-carousel .carousel-container .rwd-banner{height:100%;width:100%}
.component-hero-carousel .carousel-container .slick-track{height:100%}
.component-hero-carousel .slick-slide{margin:0}
.component-hero-carousel .carousel-container img{position:relative;top:0;left:0;width:100%;height:100%}
.component-hero-carousel .carousel-container figure{position:relative;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center center}
.component-hero-carousel .carousel-container figcaption{position:absolute;top:0;left:0;width:100%;height:100%}
.component-hero-carousel .carousel-container figcaption cite{display:block}
.component-hero-carousel .carousel-container .container{position:relative;max-width:1440px;margin:0 auto;height:100%;padding:40px 125px 40px 125px;font-size:0}
.component-hero-carousel .carousel-container figcaption section{max-width:calc( 100% - 1px)}
.component-hero-carousel .carousel-container figcaption section.w_hundred{max-width:calc( 100% - 1px)}
.component-hero-carousel .carousel-container figcaption section.w_lg{max-width:580px}
.component-hero-carousel .carousel-container figcaption section.w_md{max-width:480px}
.component-hero-carousel .carousel-container figcaption section.w_sm{max-width:380px}
.component-hero-carousel .carousel-container figcaption .carousal_link{width:100%;height:100%;display:block;position:absolute;top:0;left:0;z-index:5}
.component-hero-carousel .container .text-left .com_title{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}
.component-hero-carousel .container .text-center .com_title{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.component-hero-carousel .container .text-right .com_title{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}
.component-hero-carousel .progressing-bar{width:0}
.component-hero-carousel .progressing-bar.progressing{width:100%;-webkit-transition-property:width;transition-property:width;-webkit-transition-duration:5s;transition-duration:5s;height:8px;background-color:#492582;position:absolute;bottom:0;left:0}
@media screen and (max-width:1200px){.component-hero-carousel{height:0}
.component-hero-carousel .carousel-container .slick-prev{margin-top:13.625%;top:0}
.component-hero-carousel .carousel-container .slick-next{margin-top:13.625%;top:0}
.component-hero-carousel .carousel-container .container{padding:7px 125px}
.component-hero-carousel .sub_title_sm{font-size:1.5vw}
.component-hero-carousel .title_lg{font-size:3.6vw}
.component-hero-carousel .sub_title_md{font-size:2.25vw}
}
@media screen and (max-width:800px){.component-hero-carousel{margin:0;width:100%;height:0;position:relative;padding-top:125%;margin-left:0;left:0;right:auto;margin-right:"auto";z-index:2;top:0;bottom:0;margin-top:0;margin-bottom:"auto"}
.component-hero-carousel .carousel-container .slick-prev{margin:0;width:12.5%;height:0;position:absolute;padding-top:12.5%;margin-left:4.375%;left:0;right:auto;margin-right:0;z-index:2;bottom:0;margin-top:56.25%;margin-bottom:0;border:0}
.component-hero-carousel .carousel-container .slick-prev img{position:absolute;top:0;left:0;width:100%;height:auto}
.component-hero-carousel .carousel-container .slick-next{margin:0;width:12.5%;height:0;position:absolute;padding-top:12.5%;right:0;left:auto;margin-right:4.375%;z-index:1;bottom:0;margin-top:56.25%;margin-bottom:0;border:0}
.component-hero-carousel .carousel-container .slick-next:before{font-size:12.125vw}
.component-hero-carousel .carousel-container .container{padding:10px 0}
.com_title{margin-bottom:10px}
.com_btn_wrap{margin-left:20px;margin-right:20px}
.component-hero-carousel .sub_title_sm{font-size:6.75vw;margin-top:3%;margin-bottom:3%}
.com_btn:before{content:"";display:inline-block;height:100%;vertical-align:middle}
.com_btn.com_btn_mg{margin:4% 10px}
.component-hero-carousel .title_lg{font-size:10.25vw;margin-top:3%;margin-bottom:3%}
.component-hero-carousel .sub_title_md{font-size:7.75vw;margin-top:3%;margin-bottom:3%}
.component-hero-carousel .com_btn_wrap{margin-left:20px;margin-right:20px}
}
@media screen and (max-width:579px){.component-hero-carousel .carousel-container figcaption section.w_lg{max-width:calc( 100% - 1px)}
}
@media screen and (max-width:500px){.com_btn_wrap{margin-left:15px;margin-right:15px}
}
@media screen and (max-width:479px){.component-hero-carousel .carousel-container figcaption section.w_md{max-width:calc( 100% - 1px)}
}
@media screen and (max-width:379px){.component-hero-carousel .carousel-container figcaption section.w_sm{max-width:calc( 100% - 1px)}
}
@media screen and (max-width:370px){.com_btn:before{content:none}
}
html.loading-done body:after{-webkit-animation:fade .35s 1 linear forwards .0000001s;animation:fade .35s 1 linear forwards .0000001s}
@-webkit-keyframes fade{0{opacity:1;z-index:100}
99.9999%{opacity:.1;z-index:100;height:100%}
100%{opacity:0;height:0;padding:0;z-index:-1}
}
@keyframes fade{0{opacity:1;z-index:100}
99.9999%{opacity:.1;z-index:100;height:100%}
100%{opacity:0;height:0;padding:0;z-index:-1}
}
@-webkit-keyframes fadeIn{0{opacity:0;z-index:100;height:100%}
99.9999%{opacity:1;z-index:100;height:100%}
}
@keyframes fadeIn{0{opacity:0;z-index:100;height:100%}
99.9999%{opacity:1;z-index:100;height:100%}
}
.knowledge_banner.component-container-header-2{height:15.625vw;overflow:hidden}
@media screen and (max-width:800px){.knowledge_banner.component-container-header-2 .component-header-2{height:150px;margin-top:-150px}
}
.knowledge_banner.component-container-header-2 .component-header-2 .component-header-2-cookie{top:-13.5vw}
.knowledge_banner.component-container-header-2 .component-header-2 .component-header-2-title{margin-top:0;margin-bottom:0}
@media screen and (max-width:800px){.knowledge_banner.component-container-header-2{height:150px}
.knowledge_banner.component-container-header-2 .component-header-2-img{width:unset;height:150px;position:relative;left:50%;transform:translate(-50%,-3%)}
.knowledge_banner.component-container-header-2 .component-header-2 .component-header-2-title{top:50%;bottom:auto;-webkit-transform:translateY(-50%);transform:translateY(-50%);color:#fff;left:20px;height:auto}
}
@media screen and (max-width:425px){.knowledge_banner.component-container-header-2 .component-header-2-img{transform:translate(-50%,-2%)}
}
@media screen and (min-width:800px){.knowledge_banner.component-container-header-2 .component-header-2-img{height:15.625vw}
.knowledge_banner.component-container-header-2 .component-header-2 .component-header-2-cookie{top:-13.5vw;left:0}
.knowledge_banner.component-container-header-2 .component-header-2 .component-header-2-title{top:-75px;left:0}
}
@media screen and (min-width:1000px){.knowledge_banner.component-container-header-2 .component-header-2-img{height:15.625vw}
.knowledge_banner.component-container-header-2 .component-header-2 .component-header-2-cookie{top:-13.5vw}
.knowledge_banner.component-container-header-2 .component-header-2 .component-header-2-title{top:-75px}
}
@media screen and (min-width:1220px){.knowledge_banner.component-container-header-2 .component-header-2-img{height:15.625vw}
.knowledge_banner.component-container-header-2 .component-header-2 .component-header-2-cookie{top:-13.5vw}
}
.component-container-header-2{margin-right:auto;margin-left:auto;width:100%;height:200px}
.component-container-header-2 .component-header-2-img{position:relative;width:100%;height:100px;background-size:cover;background-position:top center}
.component-container-header-2 .component-header-2{position:relative;margin:0 auto;padding-left:0;padding-right:0;min-width:320px}
.component-container-header-2 .component-header-2 .component-header-2-title{position:absolute;top:20px;left:3%;height:55px;font-size:48px;font-family:"Poppins";font-weight:normal;font-style:normal;font-stretch:normal;line-height:normal;letter-spacing:normal;color:#000;margin-top:0;margin-bottom:0}
@media(max-width:800px){.component-container-header-2 .component-header-2 .component-header-2-title{font-size:32px;font-family:"Poppins"}
}
@media(min-width:800px){.component-container-header-2{height:360px}
.component-container-header-2 .component-header-2-img{height:300px}
.component-container-header-2 .component-header-2 .component-header-2-title{top:-90px;color:#fff;left:5%}
}
@media(min-width:1000px){.component-container-header-2{height:360px}
.component-container-header-2 .component-header-2-img{height:300px}
.component-container-header-2 .component-header-2{width:950px}
}
@media(min-width:1220px){.component-container-header-2{height:360px}
.component-container-header-2 .component-header-2-img{height:300px}
.component-container-header-2 .component-header-2{width:1200px}
.component-container-header-2 .component-header-2 .component-header-2-title{top:-90px;color:#fff;top:-90px;left:1%}
}
@media screen and (max-width:800px){.knowledge_banner.component-container-header-2 .component-header-2{height:150px;margin-top:-150px}
}
.knowledge_banner.component-container-header-2.no_img{height:auto}
.knowledge_banner.component-container-header-2.no_img .component-header-2 .component-header-2-cookie{position:static;margin-bottom:30px;margin-top:20px}
.knowledge_banner.component-container-header-2.no_img .component-header-2 .component-header-2-title{position:static;color:#000;margin-bottom:20px}
@media screen and (max-width:800px){.knowledge_banner.component-container-header-2.no_img{height:auto}
.knowledge_banner.component-container-header-2.no_img .component-header-2-img{height:0}
.knowledge_banner.component-container-header-2.no_img .component-header-2 .component-header-2-title{color:#000;-webkit-transform:translateY(0);transform:translateY(0);margin-top:20px}
}
@media screen and (min-width:800px){.knowledge_banner.component-container-header-2.no_img .component-header-2-img{height:0}
}
@media screen and (min-width:1000px){.knowledge_banner.component-container-header-2.no_img .component-header-2-img{height:0}
}
@media screen and (min-width:1220px){.knowledge_banner.component-container-header-2.no_img .component-header-2-img{height:0}
}
.component-container-header-2.no_img .component-header-2 .component-header-2-title{height:auto}
.component-container-header-2 .component-header-2 .component-header-2-cookie{display:none;position:absolute;top:-280px;left:3%;height:16px;font-size:14px;font-weight:normal;font-style:normal;font-stretch:normal;line-height:1.14;letter-spacing:normal;text-align:left}
@media(max-width:800px){.component-container-header-2.no_img{height:auto;padding-left:5%;padding-right:5%}
.component-container-header-2.no_img .component-header-2-img{height:0}
.component-container-header-2.no_img .component-header-2 .component-header-2-title{position:static;color:#000;margin-top:20px}
.component-container-header-2.no_img .component-header-2 .component-header-2-cookie{position:static}
}
@media(min-width:800px){.component-container-header-2 .component-header-2 .component-header-2-cookie{display:block;top:-280px;left:5%}
.component-container-header-2.no_img{height:auto;padding-left:5%;padding-right:5%}
.component-container-header-2.no_img .component-header-2-img{height:0}
.component-container-header-2.no_img .component-header-2 .component-header-2-title{position:static;color:#000}
.component-container-header-2.no_img .component-header-2 .component-header-2-cookie{position:static;margin-bottom:30px;margin-top:20px}
}
@media(min-width:1000px){.component-container-header-2 .component-header-2 .component-header-2-cookie{display:block;top:-280px;left:0}
.component-container-header-2.no_img{height:100px;padding-left:0;padding-right:0}
}
@media(min-width:1220px){.component-container-header-2 .component-header-2 .component-header-2-cookie{display:block;top:-280px;left:1%}
.component-container-header-2.no_img{height:100px;padding-left:1%;padding-right:1%}
}
body.zh-fonts .component-container-header-2 .component-header-2 .component-header-2-title,body.zh-tw .component-container-header-2 .component-header-2 .component-header-2-title,body.jp .component-container-header-2 .component-header-2 .component-header-2-title{font-size:43.2px;font-family:"Poppins"}
body.zh-fonts .component-container-header-2 .component-header-2 .component-header-2-cookie,body.zh-tw .component-container-header-2 .component-header-2 .component-header-2-cookie,body.jp .component-container-header-2 .component-header-2 .component-header-2-cookie{font-size:12.6px}
@media(max-width:800px){body.zh-fonts .component-container-header-2 .component-header-2 .component-header-2-title,body.zh-tw .component-container-header-2 .component-header-2 .component-header-2-title,body.jp .component-container-header-2 .component-header-2 .component-header-2-title{font-size:28.8px;font-family:"Poppins"}
}
.support-banner.separate-content{display:none}
.component-container-header-2.knowledge_banner.support-banner .component-header-2 .component-header-2-title{top:50%;left:50%;transform:translate(-50%,-50%)}
@media(max-width:800px){.component-container-header-2.knowledge_banner.support-banner .component-header-2{margin-top:0}
.component-container-header-2.knowledge_banner.support-banner .component-header-2 .component-header-2-title.separate-content{display:none}
.support-banner.separate-content{display:block;font-family:"Poppins";font-size:32px;line-height:37px;text-align:center;margin:20px 0}
.component-container-header-2.knowledge_banner.support-banner .component-header-2-img{transform:translate(-50%,0)}
}
.component-container-header-2.knowledge_banner.support-banner{position:relative}
.component-container-header-2.knowledge_banner.support-banner .component-header-2{position:absolute !important;top:50% !important;left:50% !important;transform:translate(-50%,-50%) !important;height:100% !important;width:100% !important}
.component-header-2-breadcrumb{height:76px;display:flex;align-items:center;min-width:320px;max-width:1220px;width:100%;margin:auto}
.component-header-2-breadcrumb .component-header-2-cookie{font-weight:400;font-size:14px;line-height:16px;text-indent:15px;color:#4d4f52}
.component-header-2-breadcrumb .component-header-2-cookie a{position:relative;padding-left:20px}
.component-header-2-breadcrumb .component-header-2-cookie a::before{position:absolute;content:'';top:8px;left:0;width:7px;height:7px;border-top:1px solid #000;border-left:1px solid #000;border-bottom:transparent;border-right:transparent;transform:rotate(-45deg)}
.component-header-2-breadcrumb .component-header-2-cookie *{color:inherit}
.b2b-site .component-header-2-breadcrumb{max-width:1220px}
.b2b-site .component-header-2-breadcrumb .component-header-2-cookie{font-size:10px;line-height:130%;letter-spacing:.06em;text-indent:15px}
.b2b-site .component-header-2-breadcrumb .component-header-2-cookie a::before{top:3px}
@media screen and (max-width:1440px){.b2b-site .component-header-2-breadcrumb{max-width:97%}
}
@media screen and (max-width:800px){.component-header-2-breadcrumb{height:40px}
.component-header-2-breadcrumb .component-header-2-cookie{font-size:12px;line-height:14px;color:#333}
.component-header-2-breadcrumb .component-header-2-cookie a{z-index:11}
.component-header-2-breadcrumb .component-header-2-cookie a::before{top:6px}
.b2b-site .component-header-2-breadcrumb{width:100%}
.b2b-site .component-header-2-breadcrumb .component-header-2-cookie{color:#4d4f52}
}
@media screen and (max-width:499px){.b2b-site .component-header-2-breadcrumb{margin-left:10px}
}
.knowledge_tab{width:100%;background-color:#f2f2f2}
@media screen and (max-width:1025px){.knowledge_tab.before_init{height:66.5px;overflow:hidden}
}
.knowledge_tab ul:not(.sub_menu){width:100%;font-size:0;text-align:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.knowledge_tab ul:not(.sub_menu) .tab_cover{display:none}
.knowledge_tab ul:not(.sub_menu)>li{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;vertical-align:middle;font-size:0;line-height:1.2;position:relative;cursor:pointer;min-height:70px}
.knowledge_tab ul:not(.sub_menu)>li:after{content:"";display:inline-block;height:100%;vertical-align:middle}
.knowledge_tab ul:not(.sub_menu)>li>a{display:inline-block;vertical-align:middle;width:100%;padding:10px 30px;word-wrap:break-word;font-size:20px;font-family:"Roboto"}
@media screen and (max-width:1200px){.knowledge_tab ul:not(.sub_menu)>li>a{font-size:1.6vw}
}
@media screen and (max-width:1025px){.knowledge_tab ul:not(.sub_menu)>li>a{font-size:20px;font-family:"Roboto"}
}
.knowledge_tab ul:not(.sub_menu)>li>a:before{content:"";width:1px;height:30px;background-color:#fff;position:absolute;left:0;top:calc( 50%);-webkit-transform:translateY(-50%);transform:translateY(-50%);-webkit-box-shadow:-1px 0 0 #ddd;box-shadow:-1px 0 0 #ddd}
.knowledge_tab ul:not(.sub_menu)>li>a span{display:inline-block;vertical-align:middle}
.knowledge_tab ul:not(.sub_menu)>li>a span:nth-of-type(2){background-color:#4d4f52;color:#fff;padding-left:8px;padding-right:8px;padding-top:2px;padding-bottom:1px;display:inline-block;border-radius:16px;margin-left:7px;vertical-align:middle;font-family:Helvetica,sans-serif}
.knowledge_tab ul:not(.sub_menu)>li:last-of-type a:after{content:"";width:1px;height:30px;background-color:#fff;position:absolute;right:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);-webkit-box-shadow:-1px 0 0 #ddd;box-shadow:-1px 0 0 #ddd}
.knowledge_tab ul:not(.sub_menu)>li:last-of-type:hover a:after{display:none}
.knowledge_tab ul:not(.sub_menu)>li:hover{background-color:#fff;-webkit-box-shadow:0 2px 0 #4a575f;box-shadow:0 2px 0 #4a575f;z-index:9}
.knowledge_tab ul:not(.sub_menu)>li:hover>a{color:#492582}
.knowledge_tab ul:not(.sub_menu)>li:hover>a:before{display:none}
.knowledge_tab ul:not(.sub_menu)>li:hover>a span:nth-of-type(2){color:#fff;background-color:#492582}
.knowledge_tab ul:not(.sub_menu)>li:hover+li a:before{display:none}
.knowledge_tab ul:not(.sub_menu)>li:hover ul.sub_menu{display:block;z-index:9}
.knowledge_tab ul:not(.sub_menu)>li.with_sub_menu>a{padding:20px 34px 20px 30px}
.knowledge_tab ul:not(.sub_menu)>li.with_sub_menu:before{content:"\e911";font-family:icomoon !important;font-size:13px;color:#4a575f;position:absolute;top:calc( 50% + 4px);-webkit-transform:translateY(-50%) rotate(90deg);transform:translateY(-50%) rotate(90deg);right:15px;z-index:6;-webkit-transition:all .5s;transition:all .5s}
@media screen and (max-width:1025px){.knowledge_tab ul:not(.sub_menu)>li.with_sub_menu:before{right:46px;display:none}
}
.knowledge_tab ul:not(.sub_menu)>li.with_sub_menu ul{min-width:100%;width:auto}
.knowledge_tab ul:not(.sub_menu)>li.selected>a{color:#492582}
.knowledge_tab ul:not(.sub_menu)>li.selected>a span:nth-of-type(2){color:#fff;background-color:#492582}
.knowledge_tab ul:not(.sub_menu)>li.selected:hover ul.sub_menu{display:block;z-index:9}
@media screen and (max-width:1025px){.knowledge_tab ul:not(.sub_menu)>li.selected.with_sub_menu:before{content:"\e91f";right:47px;top:35px}
}
@media screen and (max-width:1025px){.knowledge_tab ul:not(.sub_menu){position:relative;height:auto;display:block}
.knowledge_tab ul:not(.sub_menu) .tab_cover{display:block;width:100%;height:100%;position:absolute;top:0;left:0;z-index:10;background-color:transparent;cursor:pointer}
.knowledge_tab ul:not(.sub_menu) .btn_select_table_toggle{position:absolute;width:50px;height:50px;top:8px;right:28px;z-index:15}
.knowledge_tab ul:not(.sub_menu):before{font-family:icomoon !important;content:"\e90b";position:absolute;right:40px;font-size:13px;color:#4a575f;z-index:6;pointer-events:none;-webkit-transform:translateY(-50%) rotate(-180deg);transform:translateY(-50%) rotate(-180deg);top:35px}
.knowledge_tab ul:not(.sub_menu)>li{display:block;width:100%;max-width:100%;text-align:left;position:relative;min-height:auto}
.knowledge_tab ul:not(.sub_menu)>li>a{padding-top:20px;padding-bottom:20px;padding-right:76px}
.knowledge_tab ul:not(.sub_menu)>li>a:before{content:"";width:calc( 100% - 40px);color:transparent;position:absolute;left:20px;top:auto;bottom:0;-webkit-transform:translateY(-50%);transform:translateY(-50%);-webkit-box-shadow:0 -1px 0 0 #aaa,0 1px 0 0 #fff;box-shadow:0 -1px 0 0 #aaa,0 1px 0 0 #fff;height:1px}
.knowledge_tab ul:not(.sub_menu)>li>a:after{content:"";display:inline-block;height:100%;vertical-align:middle}
.knowledge_tab ul:not(.sub_menu)>li>a>span{display:inline-block;vertical-align:middle}
.knowledge_tab ul:not(.sub_menu)>li:last-of-type a:after{content:"";display:inline-block;height:100%;vertical-align:middle;position:static;-webkit-transform:translateY(0);transform:translateY(0)}
.knowledge_tab ul:not(.sub_menu)>li:last-of-type a:before{display:none}
.knowledge_tab ul:not(.sub_menu)>li.with_sub_menu:before{content:"-"}
.knowledge_tab ul:not(.sub_menu)>li.with_sub_menu>a{padding:20px 75px 20px 30px}
.knowledge_tab ul:not(.sub_menu)>li.with_sub_menu ul.sub_menu{display:none}
.knowledge_tab ul:not(.sub_menu)>li.with_sub_menu ul.sub_menu li.selected a{color:#492582}
.knowledge_tab ul:not(.sub_menu)>li.with_sub_menu.open_sub ul.sub_menu{display:block}
.knowledge_tab ul:not(.sub_menu)>li.with_sub_menu.open_sub:before{content:""}
.knowledge_tab ul:not(.sub_menu)>li:hover.with_sub_menu ul.sub_menu{display:none}
.knowledge_tab ul:not(.sub_menu)>li:hover.with_sub_menu.open_sub ul.sub_menu{display:block}
.knowledge_tab ul:not(.sub_menu)>li:hover,.knowledge_tab ul:not(.sub_menu)>li.selected{background-color:transparent;-webkit-box-shadow:0 2px 0 transparent;box-shadow:0 2px 0 transparent}
.knowledge_tab ul:not(.sub_menu)>li:hover>a,.knowledge_tab ul:not(.sub_menu)>li.selected>a{color:#492582}
.knowledge_tab ul:not(.sub_menu)>li:hover>a:before,.knowledge_tab ul:not(.sub_menu)>li.selected>a:before{display:block}
.knowledge_tab ul:not(.sub_menu)>li:hover+li a:before,.knowledge_tab ul:not(.sub_menu)>li.selected+li a:before{display:block}
.knowledge_tab ul:not(.sub_menu)>li:hover:last-of-type>a:after,.knowledge_tab ul:not(.sub_menu)>li.selected:last-of-type>a:after{content:"";display:inline-block;height:100%;vertical-align:middle;position:static;-webkit-transform:translateY(0);transform:translateY(0)}
.knowledge_tab ul:not(.sub_menu)>li:hover:last-of-type>a:before,.knowledge_tab ul:not(.sub_menu)>li.selected:last-of-type>a:before{display:none}
.knowledge_tab ul:not(.sub_menu)>li:hover:nth-last-of-type(2)+li a:before,.knowledge_tab ul:not(.sub_menu)>li.selected:nth-last-of-type(2)+li a:before{display:none}
.knowledge_tab ul:not(.sub_menu)>li.hidden{display:none}
.knowledge_tab ul:not(.sub_menu)>li.selected a:before{display:none}
.knowledge_tab ul:not(.sub_menu).open .tab_cover{display:none}
.knowledge_tab ul:not(.sub_menu).open:before{-webkit-transform:translateY(-50%) rotate(0);transform:translateY(-50%) rotate(0);top:35px}
.knowledge_tab ul:not(.sub_menu).open>li.with_sub_menu ul{display:none}
.knowledge_tab ul:not(.sub_menu).open>li.with_sub_menu:before{content:"";-webkit-transform:rotate(0);transform:rotate(0);width:16px;height:16px;background-image:url(clientlib-base/css/clientlib-site/img/common/plus@3x.png);background-size:100%;background-position:center center;background-repeat:no-repeat;top:26px;pointer-events:none;display:block}
.knowledge_tab ul:not(.sub_menu).open>li.with_sub_menu.open_sub:before{content:"";-webkit-transform:rotate(0);transform:rotate(0);width:16px;height:16px;background-image:url(clientlib-base/css/clientlib-site/img/common/minus@3x.png);background-size:100%;background-position:center center;background-repeat:no-repeat;top:26px;pointer-events:none}
.knowledge_tab ul:not(.sub_menu).open>li.with_sub_menu.open_sub ul{display:block;padding-bottom:20px}
.knowledge_tab ul:not(.sub_menu).open>li.selected>a:before{display:block}
.knowledge_tab ul:not(.sub_menu).open>li.selected:last-of-type a:before{display:none}
}
.knowledge_tab ul.sub_menu{position:absolute;top:calc( 100% + 0px);left:0;padding-left:0;border-left:1px solid #ddd;border-right:1px solid #ddd;-webkit-box-shadow:0 -2px 0 #4a575f;box-shadow:0 -2px 0 #4a575f;display:none}
@media screen and (max-width:1025px){.knowledge_tab ul.sub_menu{display:block;position:static;-webkit-box-shadow:0 -2px 0 transparent;box-shadow:0 -2px 0 transparent}
}
.knowledge_tab ul.sub_menu li a{display:block;width:100%;padding:10px 30px;word-wrap:break-word;border-bottom:1px solid #ddd;background-color:#fff;font-size:20px;font-family:"Roboto";color:#000}
.knowledge_tab ul.sub_menu li a:hover{color:#492582}
@media screen and (max-width:1200px){.knowledge_tab ul.sub_menu li a{font-size:1.6vw}
}
@media screen and (max-width:1025px){.knowledge_tab ul.sub_menu li a{display:block;border-bottom:0 solid #ddd;background-color:transparent;padding:5px 30px 5px 47px;font-size:20px;font-family:"Roboto"}
}
.knowledge_tab.align_left ul{margin-right:auto;margin-left:auto;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}
@media screen and (min-width:1000px){.knowledge_tab.align_left ul{max-width:950px}
}
@media screen and (min-width:1220px){.knowledge_tab.align_left ul{max-width:1200px}
}
body.zh-fonts,body.zh-tw,[lang="zh-Hant-TW"] body,body.jp{font-size:12.6px}
body.zh-fonts .component-footer .component-container-footer .component-container-footer-social-icon [class*="col"]:nth-of-type(even),body.zh-tw .component-footer .component-container-footer .component-container-footer-social-icon [class*="col"]:nth-of-type(even),[lang="zh-Hant-TW"] body .component-footer .component-container-footer .component-container-footer-social-icon [class*="col"]:nth-of-type(even),body.jp .component-footer .component-container-footer .component-container-footer-social-icon [class*="col"]:nth-of-type(even){font-size:12.6px}
body.zh-tw .component-footer .component-container-footer .component-container-footer-social-icon [class*="col"]:nth-of-type(odd),[lang="zh-Hant-TW"] body .component-footer .component-container-footer .component-container-footer-social-icon [class*="col"]:nth-of-type(odd),body.jp .component-footer .component-container-footer .component-container-footer-social-icon [class*="col"]:nth-of-type(odd){max-width:20%}
@media screen and (max-width:800px){body.zh-fonts .component-footer .component-container-footer .component-container-footer-social-icon [class*="col"]:nth-of-type(even),body.zh-tw .component-footer .component-container-footer .component-container-footer-social-icon [class*="col"]:nth-of-type(even),[lang="zh-Hant-TW"] body .component-footer .component-container-footer .component-container-footer-social-icon [class*="col"]:nth-of-type(even),body.jp .component-footer .component-container-footer .component-container-footer-social-icon [class*="col"]:nth-of-type(even){font-size:3.9375vw}
body.zh-fonts .fontsize-sm-48,body.zh-tw .fontsize-sm-48,[lang="zh-Hant-TW"] body .fontsize-sm-48,body.jp .fontsize-sm-48{font-size:13.5vw}
body.zh-fonts .fontsize-sm-36,body.zh-tw .fontsize-sm-36,[lang="zh-Hant-TW"] body .fontsize-sm-36,body.jp .fontsize-sm-36{font-size:9vw}
body.zh-fonts .fontsize-sm-24,body.zh-tw .fontsize-sm-24,[lang="zh-Hant-TW"] body .fontsize-sm-24,body.jp .fontsize-sm-24{font-size:6.75vw}
body.zh-fonts .fontsize-sm-20,body.zh-tw .fontsize-sm-20,[lang="zh-Hant-TW"] body .fontsize-sm-20,body.jp .fontsize-sm-20{font-size:5.625vw}
body.zh-fonts .fontsize-sm-18,body.zh-tw .fontsize-sm-18,[lang="zh-Hant-TW"] body .fontsize-sm-18,body.jp .fontsize-sm-18{font-size:5.0625vw}
body.zh-fonts .fontsize-sm-16,body.zh-tw .fontsize-sm-16,[lang="zh-Hant-TW"] body .fontsize-sm-16,body.jp .fontsize-sm-16{font-size:4.5vw}
body.zh-fonts .fontsize-sm-14,body.zh-tw .fontsize-sm-14,[lang="zh-Hant-TW"] body .fontsize-sm-14,body.jp .fontsize-sm-14{font-size:3.9375vw}
body.zh-fonts .small-sm,body.zh-tw .small-sm,[lang="zh-Hant-TW"] body .small-sm,body.jp .small-sm{font-size:3.375vw}
body.zh-fonts .tiny-sm,body.zh-tw .tiny-sm,[lang="zh-Hant-TW"] body .tiny-sm,body.jp .tiny-sm{font-size:3.09375vw}
}
body.zh-tw .component-footer .component-container-footer .component-container-footer-social-icon,[lang="zh-Hant-TW"] body .component-footer .component-container-footer .component-container-footer-social-icon{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}
body.zh-tw .component-footer .component-container-footer .component-container-footer-social-icon [class*="col"]:nth-of-type(even),[lang="zh-Hant-TW"] body .component-footer .component-container-footer .component-container-footer-social-icon [class*="col"]:nth-of-type(even){width:80%}
@media screen and (max-width:800px){body.zh-tw .component-footer .component-container-footer .component-container-footer-social-icon [class*="col"]:nth-of-type(even),[lang="zh-Hant-TW"] body .component-footer .component-container-footer .component-container-footer-social-icon [class*="col"]:nth-of-type(even){width:88%}
}
@media screen and (max-width:500px){body.zh-tw .component-footer .component-container-footer .component-container-footer-social-icon [class*="col"]:nth-of-type(even),[lang="zh-Hant-TW"] body .component-footer .component-container-footer .component-container-footer-social-icon [class*="col"]:nth-of-type(even){width:85%}
}
@media screen and (max-width:350px){body.zh-tw .component-footer .component-container-footer .component-container-footer-social-icon [class*="col"]:nth-of-type(even),[lang="zh-Hant-TW"] body .component-footer .component-container-footer .component-container-footer-social-icon [class*="col"]:nth-of-type(even){width:80%}
}
body.jp .component-footer .component-container-footer .component-container-footer-social-icon [class*="col"]:nth-of-type(even){line-height:2.5}
body.zh-fonts .button,body.zh-tw .button,[lang="zh-Hant-TW"] body .button,body.jp .button{font-size:18px}
body.zh-fonts .component-header .line-2 .nav a,body.zh-tw .component-header .line-2 .nav a,[lang="zh-Hant-TW"] body .component-header .line-2 .nav a,body.jp .component-header .line-2 .nav a,body.jp .component-header .line-2 .nav a span{line-height:1.8}
@media screen and (min-width:801px) and (max-width:1199px){body.zh-fonts .component-header .line-2 .nav a,body.zh-tw .component-header .line-2 .nav a,[lang="zh-Hant-TW"] body .component-header .line-2 .nav a,body.jp .component-header .line-2 .nav a,body.jp .component-header .line-2 .nav a span{font-size:1.5vw}
}
@media screen and (max-width:1200px){body.zh-fonts .component-hero-carousel .title_lg,body.zh-tw .component-hero-carousel .title_lg,body.jp .component-hero-carousel .title_lg{font-size:3.24vw}
}
@media screen and (max-width:800px){body.zh-fonts .component-hero-carousel .title_lg,body.zh-tw .component-hero-carousel .title_lg,body.jp .component-hero-carousel .title_lg{font-size:9.225vw}
}
@media screen and (max-width:500px){body.zh-fonts .component-hero-carousel .title_lg,body.zh-tw .component-hero-carousel .title_lg,body.jp .component-hero-carousel .title_lg{font-size:9.225vw}
}
@media screen and (max-width:1200px){body.zh-fonts .component-hero-carousel .sub_title_md,body.zh-tw .component-hero-carousel .sub_title_md,body.jp .component-hero-carousel .sub_title_md{font-size:2.025vw}
}
@media screen and (max-width:800px){body.zh-fonts .component-hero-carousel .sub_title_md,body.zh-tw .component-hero-carousel .sub_title_md,body.jp .component-hero-carousel .sub_title_md{font-size:6.975vw}
}
@media screen and (max-width:500px){body.zh-fonts .component-hero-carousel .sub_title_md,body.zh-tw .component-hero-carousel .sub_title_md,body.jp .component-hero-carousel .sub_title_md{font-size:6.975vw}
}
@media screen and (max-width:1200px){body.zh-fonts .component-hero-carousel .sub_title_sm,body.zh-tw .component-hero-carousel .sub_title_sm,body.jp .component-hero-carousel .sub_title_sm{font-size:1.35vw}
}
@media screen and (max-width:800px){body.zh-fonts .component-hero-carousel .sub_title_sm,body.zh-tw .component-hero-carousel .sub_title_sm,body.jp .component-hero-carousel .sub_title_sm{font-size:6.075vw}
}
@media screen and (max-width:500px){body.zh-fonts .component-hero-carousel .sub_title_sm,body.zh-tw .component-hero-carousel .sub_title_sm,body.jp .component-hero-carousel .sub_title_sm{font-size:6.075vw}
}
body.zh-fonts .btn_close,body.zh-tw .btn_close,body.jp .btn_close{font-size:18px}
@media screen and (max-width:800px){body.zh-fonts .line_cookies,body.zh-tw .line_cookies,body.jp .line_cookies{font-size:12.6px}
}
body.zh-fonts .knowledge_tab ul:not(.sub_menu)>li>a,body.zh-tw .knowledge_tab ul:not(.sub_menu)>li>a,body.jp .knowledge_tab ul:not(.sub_menu)>li>a{font-size:18px;font-family:"Roboto"}
@media screen and (max-width:1200px){body.zh-fonts .knowledge_tab ul:not(.sub_menu)>li>a,body.zh-tw .knowledge_tab ul:not(.sub_menu)>li>a,body.jp .knowledge_tab ul:not(.sub_menu)>li>a{font-size:1.44vw}
}
@media screen and (max-width:1000px){body.zh-fonts .knowledge_tab ul:not(.sub_menu)>li>a,body.zh-tw .knowledge_tab ul:not(.sub_menu)>li>a,body.jp .knowledge_tab ul:not(.sub_menu)>li>a{font-size:18px;font-family:"Roboto"}
}
body.zh-fonts .knowledge_tab ul:not(.sub_menu)>li.with_sub_menu:before,body.zh-tw .knowledge_tab ul:not(.sub_menu)>li.with_sub_menu:before,body.jp .knowledge_tab ul:not(.sub_menu)>li.with_sub_menu:before{font-size:11.7px}
@media screen and (max-width:1025px){body.zh-fonts .knowledge_tab ul:not(.sub_menu):before,body.zh-tw .knowledge_tab ul:not(.sub_menu):before,body.jp .knowledge_tab ul:not(.sub_menu):before{font-size:11.7px}
}
body.zh-fonts .knowledge_tab ul.sub_menu li a,body.jp .knowledge_tab ul.sub_menu li a{font-size:18px;font-family:"Roboto"}
@media screen and (max-width:1200px){body.zh-fonts .knowledge_tab ul.sub_menu li a,body.zh-tw .knowledge_tab ul.sub_menu li a,body.jp .knowledge_tab ul.sub_menu li a{font-size:1.44vw}
}
@media screen and (max-width:1025px){body.zh-fonts .knowledge_tab ul.sub_menu li a,body.zh-tw .knowledge_tab ul.sub_menu li a,body.jp .knowledge_tab ul.sub_menu li a{font-size:18px;font-family:"Roboto"}
}
body.zh-fonts .search-form .search_dropdown ul .group_name,body.zh-tw .search-form .search_dropdown ul .group_name,body.jp .search-form .search_dropdown ul .group_name{font-size:16.2px}
body.zh-fonts .search-form .search_dropdown ul li,body.zh-tw .search-form .search_dropdown ul li,body.jp .search-form .search_dropdown ul li{font-size:14.4px}
body.zh-fonts .bottom_btn_area>li>a,body.zh-tw .bottom_btn_area>li>a,body.jp .bottom_btn_area>li>a{font-size:3.375vw}
@media screen and (max-width:400px){body.zh-fonts .bottom_btn_area>li>a,body.zh-tw .bottom_btn_area>li>a,body.jp .bottom_btn_area>li>a{font-size:14.4px}
}
body.zh-fonts .bottom_btn_area>li>ul>li a,body.zh-tw .bottom_btn_area>li>ul>li a,body.jp .bottom_btn_area>li>ul>li a{font-size:3.375vw}
@media screen and (max-width:400px){body.zh-fonts .bottom_btn_area>li>ul>li a,body.zh-tw .bottom_btn_area>li>ul>li a,body.jp .bottom_btn_area>li>ul>li a{font-size:14.4px}
}
body.zh-fonts,body.zh-tw{font-family:"Noto Sans TC","微軟正黑體","Roboto","Poppins",Arial,Helmet,Freesans,verdana,sans-serif}
body.ja,body.jp,body.ja-jp{font-family:"Noto Sans JP","Lucida Grande_jp","Hiragino Kaku Gothic ProN_jp","ヒラギノ角ゴ ProN W3_jp",Meiryo_jp,メイリオ_jp,"ＭＳ Ｐゴシック_jp","Roboto","Poppins",Arial,Helmet,Freesans,sans-serif}
body.vi,body.vi-vn{font-family:"Roboto","Poppins",Arial,Helmet,Freesans,sans-serif}
body.zh-cn{font-family:"Microsoft YaHei","微软雅黑","Noto Sans SC","微軟正黑體","Roboto","Poppins",Arial,Helmet,Freesans,verdana,sans-serif}
.v_align.com_container .row{display:table;table-layout:fixed;width:calc( 100% + 20px)}
@media screen and (max-width:800px){.v_align.com_container .row{display:block;width:auto}
}
@media(max-width:800px){.com_container>.row,.component-list-4-body .row{margin-right:0;margin-left:0}
}
@media screen and (max-width:800px){.com_container [class*="col-"] img,.com_container [class*="col_"] img{max-width:calc( 100% + 20px);margin-left:-10px;margin-right:-10px}
}
body.ko-kr{font-family:"Noto Sans KR","Roboto","Poppins",Arial,"Noto Sans TC","微軟正黑體",Helmet,Freesans,verdana,sans-serif}
body.ar-me{font-family:"Noto Sans Arabic","Roboto","Poppins",Arial,"Noto Sans TC","微軟正黑體",Helmet,Freesans,verdana,sans-serif}
body.th-th{font-family:"Noto Sans Thai","Roboto","Poppins",Arial,"Noto Sans TC","微軟正黑體",Helmet,Freesans,verdana,sans-serif}
.title_lg,.title_md,.title_sm,.sub_title_lg,.sub_title_md,.sub_title_sm{font-family:"Poppins"}
.component-footer .component-container-footer .footnotes{padding-top:20px;padding-bottom:20px;font-size:14px;line-height:1.5;color:#757575}
@media screen and (max-width:800px){.component-footer .component-container-footer .footnotes{display:flex;padding-top:8px;padding-bottom:40px;font-size:12px;padding-left:5px}
}
.component-list-2-body .slider:not(.slick-initialized){display:none}
.component-container-products .component-products .component-products-left .component-products-carousel-single-item:not(.slick-initialized) .component-products-carousel:first-child{padding:20px}
.component-container-products .component-products .component-products-left .component-products-carousel-single-item:not(.slick-initialized) .component-products-carousel:not(:first-child){display:none}
.component-container-products .component-products-lightbox-con_pc_nav:not(.slick-initialized){opacity:0;height:82px}
.folder .folder_text{border-top:1px solid #ccc;padding:10px 30px 20px;display:none}
.folder .folder_title{color:#492582;padding:10px 30px;position:relative;cursor:pointer}
.folder .accordion.section.dark .folder_title,.folder .accordion.section.dark .parbase.text a{color:#c09d5b}
.folder .accordion.section.dark .folder_text,.folder .accordion.section.dark>ul,.folder .accordion.section.dark:last-of-type{border-color:#4d4f52}
.folder .accordion.section.dark .folder_title::before,.folder .accordion.section.dark .folder_title::after{background-color:#9e9e9e}
.b2b-site .folder .folder_title{color:#23299b;padding:10px 30px;position:relative;cursor:pointer}
.component-container-list-3{margin-right:auto;margin-left:auto;padding-left:10px;padding-right:10px;min-width:320px;width:100%;padding:30px 0}
.component-container-list-3 .component-list-3-row{padding-left:10px;padding-right:10px;height:100%}
.component-container-list-3 .component-list-3-row .component-list-3-col{padding:0}
.component-container-list-3 .component-list-3-row .component-list-3-col .component-list-3-con img{display:block;max-width:100%;height:auto;margin-left:auto;margin-right:auto}
.component-container-list-3 .component-list-3-row .component-list-3-col .component-list-3-imgCon{margin-top:2%}
.component-container-list-3 .component-list-3-row .component-list-3-col .component-list-3-pCon{margin-top:4%}
@media(min-width:800px){.component-container-list-3 .component-list-3-row .component-list-3-col .component-list-3-con .component-list-3-h4{font-size:16px}
}
@media(min-width:1000px){.component-container-list-3{width:950px}
.component-container-list-3 .component-list-3-row .component-list-3-col .component-list-3-con{height:160px}
.component-container-list-3 .component-list-3-row .component-list-3-col .component-list-3-h4{font-size:18px;font-family:"Roboto"}
}
@media(min-width:1220px){.component-container-list-3{width:1200px}
.component-container-list-3 .component-list-3-row .component-list-3-col .component-list-3-con{height:160px}
.component-container-list-3 .component-list-3-row .component-list-3-col .component-list-3-pCon{margin-top:6%}
}
@media(min-width:800px){body.zh-fonts .component-container-list-3 .component-list-3-row .component-list-3-col .component-list-3-con .component-list-3-h4,body.zh-tw .component-container-list-3 .component-list-3-row .component-list-3-col .component-list-3-con .component-list-3-h4,body.jp .component-container-list-3 .component-list-3-row .component-list-3-col .component-list-3-con .component-list-3-h4{font-size:14.4px}
}
@media(min-width:1000px){body.zh-fonts .component-container-list-3 .component-list-3-row .component-list-3-col .component-list-3-h4,body.zh-tw .component-container-list-3 .component-list-3-row .component-list-3-col .component-list-3-h4,body.jp .component-container-list-3 .component-list-3-row .component-list-3-col .component-list-3-h4{font-size:16.2px}
}
.component-container-list-1 .component-list-1 .component-list-1-body .text-wrap-component-list-1-p{overflow:hidden}
.component-container-list-4 .component-list-4 .component-list-4-body .component-list-4-con .text-wrap-component-list-4-p{overflow:hidden}
.component-container-list-8 .component-list-8 .component-list-8-body .text-wrap-component-list-8-p{overflow:hidden}
.component-container-list-1 .component-list-1 .component-list-1-body .component-list-1-thumbnail .img_area{display:block;width:100%;padding-top:75%;background-size:auto 100%;background-repeat:no-repeat;background-position:center center;margin-left:auto;margin-right:auto;position:relative;overflow:hidden}
.component-container-list-1 .component-list-1 .component-list-1-body .component-list-1-thumbnail .img_area img{height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:auto}
.component-container-list-1{margin-right:auto;margin-left:auto;padding-left:10px;padding-right:10px;min-width:320px;width:100%;padding:30px 0}
@media(min-width:1000px){.component-container-list-1{width:950px}
}
@media(min-width:1220px){.component-container-list-1{width:1200px}
}
html .display_360_component .container{min-width:100%}
.view360{visibility:hidden}
.view360.reelDefault{visibility:visible}
.view360>.view360Reel{height:80% !important;margin:0 auto 25px;border-bottom:1px solid #9e9e9e;overflow:visible !important;display:none}
.view360.reel{width:100%;height:100%}
.content_list_7 .box_lg .text,.content_list_7 .box_sm .text{overflow:hidden}
.component-container-list-6 .component-list-6-body .slider:not(.slick-initialized){display:none}
.content_list_7 .box_lg .text,.content_list_7 .box_sm .text{overflow:hidden}
.reviewreport .component-list-5-body .slider:not(.slick-initialized){display:none}
.support_top_area .img_wrap img{max-width:70%;width:70%}
@media screen and (max-width:800px){.support_top_area .img_wrap img{max-width:100%;width:auto}
}
@media screen and (max-width:600px){.support_top_area .img_wrap img{width:calc( 100% + 20px);max-width:calc( 100% + 20px)}
}
@media screen and (max-width:800px){.pure_text{margin-left:10px;margin-right:10px}
.row.col_mobile_full [class*="col-"],.row.col_mobile_full [class*="col_"]{width:100%}
.com_select_wrap{margin:10px 10px;width:calc( 100% - 20px)}
.com_select_wrap .com_select ul{height:calc( 6.250000001875vw + 18px)}
}
.welcome .country_list .pc_btn_country_area{padding-top:5%;padding-bottom:5%;min-height:50vh}
@media screen and (max-width:800px){.welcome .country_list .pc_btn_country_area{padding:10% 20px}
}
.welcome .knowledge_tab{margin-top:-40px}
.bqc-qrcode-section{clear:both;margin-top:30px;margin-bottom:30px;padding-left:10px;padding-right:10px}
@media(max-width:800px){.bqc-qrcode-section{display:none}
}
.bqc-qrcode-section img{max-width:90px;height:auto;margin-right:40px}
.bqc-qrcode-section .qrcode-title{display:inline-block;font-size:1.8rem;font-family:"Roboto";max-width:135px;word-wrap:break-word;vertical-align:middle;line-height:1.4;letter-spacing:1px}
.bqc-qrcode-section.column-qrcode img{margin-right:10px;margin-bottom:5px}
.bqc-security{font-family:"Microsoft YaHei","微软雅黑","Noto Sans TC","微軟正黑體","Roboto","Poppins",Arial,Helmet,Freesans,verdana,sans-serif}
@media(max-width:800px){.bqc-security{display:block !important}
}
.bqc-security img{max-width:20px;height:auto}
.bqc-security span{margin-left:4px}
.text.parbase .com_text .text-20{font-size:20px;font-family:"Roboto"}
@media(min-width:501px) and (max-width:800px){.text.parbase .com_text .text-20{font-size:3.33333vw}
}
.text.parbase .com_text .text-18{font-size:18px;font-family:"Roboto"}
@media(min-width:501px) and (max-width:800px){.text.parbase .com_text .text-18{font-size:3vw}
}
.text.parbase .com_text .text-16{font-size:16px}
@media(min-width:501px) and (max-width:800px){.text.parbase .com_text .text-16{font-size:2.7vw}
}
.text.parbase .com_text .text-14{font-size:14px}
@media(min-width:501px) and (max-width:800px){.text.parbase .com_text .text-14{font-size:2.33333vw}
}
.text.parbase .com_text .text-12{font-size:12px}
@media(min-width:501px) and (max-width:800px){.text.parbase .com_text .text-12{font-size:2.1vw}
}