*{-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;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}
}
body:after{content:'';background:white;opacity:1;position:absolute;top:0;left:0;width:100%;height:100%;position:fixed;z-index:100}
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}
.component-header{background:#eee;border-top:6px solid #492582;z-index:10}
.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}
#cookieBar{position:fixed}
.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)}
}
.line_cookies .container .text{display:inline-block;vertical-align:middle;width:1200px;color:#fff;font-family:"Roboto",Arial}
.line_cookies .cookies_more{display:inline-block;vertical-align:middle;color:#fff;text-decoration:underline;margin-right:40px}
.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}
.cookiesettinglink{font-size:14px;line-height:20px;color:#fff}
@media screen and (max-width:800px){.line_cookies{font-size:14px;padding-left:10px;padding-right:10px;padding-bottom:0}
.line_cookies .container .text{width:calc( 100% - 200px)}
.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}
}
@media screen and (max-width:600px){.line_cookies .container .text{width:calc( 100% - 50px)}
.line_cookies .cookies_more{float:none}
}
.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:0;left:0;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;position:relative}
.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{color:#333}
.component-header .mega-menu-group a{vertical-align:middle;padding:.85em .8em;line-height:1.2}
.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;min-width:100%;height:100%;background:#fff;height:auto;padding:20px;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{position:relative;z-index:1;margin-bottom:"auto";display:block;margin:5px 0;font-size:1.6rem;line-height:1.5;text-align:left;white-space:nowrap}
.component-header .mega-menu li:hover span,.component-header .mega-menu li:active span{color:#492582}
.component-header .mega-menu li>a{text-align:left;padding:0}
.component-header .mega-menu li .title{color:#333}
.bottom_btn_area{display:none;padding-top:.5em}
.bottom_btn_area .weblink{width:100%;height:38px;overflow:hidden}
.bottom_btn_area>li{padding:.5em 2em}
.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>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}
#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}
.component-header .mega-menu ul{padding-left:12px;padding-right:12px}
}
@media screen and (min-width:801px) and (max-width:1199px){.component-header .line-2 .nav a{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 .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;white-space:initial}
.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}
.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:#65478a;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transition-duration:.3s;transition-duration:.3s}
.component-header .burger:before{content:'';background-color:#65478a;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:#65478a;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}
.component-header .mega-menu-group .icon-minus,.component-header .mega-menu-group .arrow:before{content:'\e911';font-family:'icomoon';width:auto;position:absolute;font-size:20px;height:auto;vertical-align:middle;font-weight:bold;right:35px}
}
@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}
}
.hidden{display:none !important}
#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}
}
.com_btn_wrap{display:block;margin:30px 20px}
@media screen and (max-width:800px){.com_btn_wrap{margin-left:20px;margin-right:20px}
.com_btn:before{content:"";display:inline-block;height:100%;vertical-align:middle}
.com_btn.com_btn_mg{margin:4% 10px}
}
@media screen and (max-width:500px){.com_btn_wrap{margin-left:15px;margin-right:15px}
}
@media screen and (max-width:370px){.com_btn:before{content:none}
}
img{border:0;vertical-align:middle}
.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 a:hover{color:#101010}
.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}
.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>.row{margin-left:0;margin-right:0}
.component-footer .component-container-footer .copy-and-policy{display:inline-block;padding-bottom:12.5%;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{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}
.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 .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;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%}
@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}
}
.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}
.com_title,.com_sub_title,.com_text{padding-left:20px;padding-right:20px}
.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_title,.com_sub_title,.com_text{padding-left:20px;padding-right:20px}
.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)}
}
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%}
}
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{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{font-size:1.5vw}
}
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 .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.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}
.component-header #news-feed .news-feed{background:unset;height:unset}
.line-1{font-size:1.6rem;height:45px;border-bottom:1px solid #ccc;-webkit-box-shadow:0 0 0 1px #fff;box-shadow:0 0 0 1px #fff}
@media(max-width:800px){.line-1{display:none}
}
.line-1 .top-nav{margin-left:120px;padding-left:.8em}
@media screen and (min-width:801px) and (max-width:1199px){.line-1 .top-nav{padding-left:0}
}
.line-1 .top-nav a{color:#000;display:inline-block;margin:11px auto;padding-left:10px;padding-right:12px;position:relative}
.line-1 .top-nav a:before{content:'';width:1px;background:#000;display:inline-block;position:absolute;height:16px;right:0;top:4px}
.line-1 .top-nav a:last-of-type:before{content:none}
.line-1 .top-nav .with-link:hover{color:#492582}
.mobile-top-nav{padding-top:10px}
.mobile-top-nav .fontsize-sm-20>span{font-size:1.6rem}
@media(max-width:600px){.mobile-top-nav .fontsize-sm-20>span{font-size:1.4rem}
}
@media(min-width:801px){.mobile-top-nav{display:none}
}
@media(max-width:800px){.mobile-top-nav a{color:#333;display:block;padding:.3em 0;margin:0 1.5em}
}
.mobile-top-nav a>span{display:block;padding-left:8px}
.header-cover.show{position:fixed;width:100%;height:100%;top:0;bottom:0;right:0;left:0;background-color:rgba(0,0,0,0.6);z-index:-1;display:block}
.beneath-cover{position:relative;z-index:-2}
.dropdown-content{letter-spacing:normal;width:156px;position:absolute;right:10%;top:20px;font-size:1.6rem;z-index:99}
@media(max-width:1440px){.dropdown-content{right:5%}
}
@media(max-width:1200px){.dropdown-content{right:4%}
}
@media(max-width:800px){.dropdown-content{position:fixed;width:100%;top:auto;left:0;right:0;bottom:0}
}
.dropdown-content.beneath-cover{z-index:-2 !important}
.dropdown-content.beneath-cover .dropdown-cover{position:absolute;width:100%;height:100%;z-index:10;background-color:rgba(0,0,0,0.6);top:0}
.dropdown-content .dropdown-title{color:#fff;background-color:#492582;text-align:center}
@media(min-width:801px){.dropdown-content .dropdown-title{border-radius:4px}
}
.dropdown-content .dropdown-title a{padding:9px 20px 9px 20px;display:block;color:#fff}
@media(max-width:800px){.dropdown-content .dropdown-title a{padding-top:14px;padding-bottom:14px}
}
.dropdown-content .dropdown-title.with-list{border-radius:0;text-align:left}
.dropdown-content .dropdown-title.with-list:before{content:'';position:absolute;width:0;height:0;border-style:solid;border-width:10px 6.5px 0 6.5px;border-color:#fff transparent transparent transparent;right:17px;top:14px;transition:all .4s ease;-webkit-transition:all .4s ease}
@media(max-width:800px){.dropdown-content .dropdown-title.with-list:before{transform:rotate(180deg);top:18px}
}
.dropdown-content .dropdown-title.with-list a{padding:9px 30px 9px 20px;color:#fff;position:relative;display:block}
@media(max-width:800px){.dropdown-content .dropdown-title.with-list a{padding-top:14px;padding-bottom:14px}
}
.dropdown-content .dropdown-title.with-list.active:before{transform:rotate(180deg)}
@media(max-width:800px){.dropdown-content .dropdown-title.with-list.active:before{top:18px;transform:rotate(0)}
}
.dropdown-content .dropdown-list{display:none}
.dropdown-content .dropdown-list li a{display:block;padding:9px 15px 9px 20px;background-color:#fff;color:#000}
.dropdown-content .dropdown-list li a:hover{background-color:#492582;color:#fff}
@media(max-width:800px){.dropdown-content .dropdown-list li a{padding-top:14px;padding-bottom:14px}
}
.header-item.active+.dropdown-content{z-index:-2}
body.vi *,body.vi-vn *,body.el-gr *,body.uk-ua *,body.ru-ru *{font-family:"Roboto" !important}
body.vi .component-container-header-2 .component-header-2 .component-header-2-title,body.vi-vn .component-container-header-2 .component-header-2 .component-header-2-title,body.el-gr .component-container-header-2 .component-header-2 .component-header-2-title,body.uk-ua .component-container-header-2 .component-header-2 .component-header-2-title,body.ru-ru .component-container-header-2 .component-header-2 .component-header-2-title{font-family:"Roboto" !important}
body.vi .content .filter,body.vi-vn .content .filter,body.el-gr .content .filter,body.uk-ua .content .filter,body.ru-ru .content .filter{font-family:"Roboto" !important}
body.vi .component-header .mega-menu-group>a,body.vi-vn .component-header .mega-menu-group>a,body.el-gr .component-header .mega-menu-group>a,body.uk-ua .component-header .mega-menu-group>a,body.ru-ru .component-header .mega-menu-group>a{font-family:"Roboto" !important}
body.vi .title_lg,body.vi-vn .title_lg,body.el-gr .title_lg,body.uk-ua .title_lg,body.ru-ru .title_lg,body.vi .title_md,body.vi-vn .title_md,body.el-gr .title_md,body.uk-ua .title_md,body.ru-ru .title_md,body.vi .title_sm,body.vi-vn .title_sm,body.el-gr .title_sm,body.uk-ua .title_sm,body.ru-ru .title_sm,body.vi .sub_title_lg,body.vi-vn .sub_title_lg,body.el-gr .sub_title_lg,body.uk-ua .sub_title_lg,body.ru-ru .sub_title_lg,body.vi .sub_title_md,body.vi-vn .sub_title_md,body.el-gr .sub_title_md,body.uk-ua .sub_title_md,body.ru-ru .sub_title_md,body.vi .sub_title_sm,body.vi-vn .sub_title_sm,body.el-gr .sub_title_sm,body.uk-ua .sub_title_sm,body.ru-ru .sub_title_sm{font-family:"Roboto" !important}
body.vi h1,body.vi-vn h1,body.el-gr h1,body.uk-ua h1,body.ru-ru h1,body.vi .h1,body.vi-vn .h1,body.el-gr .h1,body.uk-ua .h1,body.ru-ru .h1,body.vi h2,body.vi-vn h2,body.el-gr h2,body.uk-ua h2,body.ru-ru h2,body.vi .h2,body.vi-vn .h2,body.el-gr .h2,body.uk-ua .h2,body.ru-ru .h2,body.vi h3,body.vi-vn h3,body.el-gr h3,body.uk-ua h3,body.ru-ru h3,body.vi .h3,body.vi-vn .h3,body.el-gr .h3,body.uk-ua .h3,body.ru-ru .h3,body.vi h4,body.vi-vn h4,body.el-gr h4,body.uk-ua h4,body.ru-ru h4,body.vi .h4,body.vi-vn .h4,body.el-gr .h4,body.uk-ua .h4,body.ru-ru .h4,body.vi h5,body.vi-vn h5,body.el-gr h5,body.uk-ua h5,body.ru-ru h5,body.vi .h5,body.vi-vn .h5,body.el-gr .h5,body.uk-ua .h5,body.ru-ru .h5,body.vi h6,body.vi-vn h6,body.el-gr h6,body.uk-ua h6,body.ru-ru h6,body.vi .h6,body.vi-vn .h6,body.el-gr .h6,body.uk-ua .h6,body.ru-ru .h6{font-family:"Roboto" !important}
body.vi .no-filter .content .right .no-filter-series-title,body.vi-vn .no-filter .content .right .no-filter-series-title,body.el-gr .no-filter .content .right .no-filter-series-title,body.uk-ua .no-filter .content .right .no-filter-series-title,body.ru-ru .no-filter .content .right .no-filter-series-title{font-family:"Roboto" !important}
body.vi .form-component .form-title div,body.vi-vn .form-component .form-title div,body.el-gr .form-component .form-title div,body.uk-ua .form-component .form-title div,body.ru-ru .form-component .form-title div{font-family:"Roboto" !important}
body.vi .freehtml,body.vi-vn .freehtml,body.el-gr .freehtml,body.uk-ua .freehtml,body.ru-ru .freehtml{font-family:"Roboto",sans-serif !important}
body.vi .freehtml .tg td,body.vi-vn .freehtml .tg td,body.el-gr .freehtml .tg td,body.uk-ua .freehtml .tg td,body.ru-ru .freehtml .tg td,body.vi .freehtml .tg th,body.vi-vn .freehtml .tg th,body.el-gr .freehtml .tg th,body.uk-ua .freehtml .tg th,body.ru-ru .freehtml .tg th{font-family:"Roboto",sans-serif !important}
body.vi .block_title,body.vi-vn .block_title,body.el-gr .block_title,body.uk-ua .block_title,body.ru-ru .block_title{font-family:"Roboto" !important}
.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}
.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}
}
.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}