@charset "UTF-8";@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100..900&family=Poppins: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&display=swap");:root{--line-height-default:2.1;--padding-spac:24px;--container-1520:calc(1520px + (var(--padding-spac) * 2));--container-1460:calc(1460px + (var(--padding-spac) * 2));--container-1320:calc(1320px + (var(--padding-spac) * 2));--container-1280:calc(1280px + (var(--padding-spac) * 2));--header-h:155px;--header-h-scroll:90px;--logo-w:208px;--border-r:10px;--skew-x:-15deg;--input-h:52px}@media (max-width: 1559px){:root{--logo-w:180px}}@media (max-width: 1439px){:root{--header-h:90px}}@media (max-width: 767px){:root{--line-height-default:1.9;--header-h:75px;--header-h-scroll:75px;--logo-w:140px;--border-r:6px}}html{font-size:10px;line-height:10px}body{margin:0;padding:0;font-family:"Poppins",sans-serif,"Noto Sans TC","Microsoft JhengHei","微軟正黑體";font-size:1.7rem;color:#222;letter-spacing:0;word-wrap:break-word;line-height:var(--line-height-default);background-color:#fff;overflow-x:hidden !important}*{-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-box-sizing:border-box;box-sizing:border-box}img{max-width:100%;text-decoration:none;vertical-align:top;border:0}:where(a){color:#06F}:where(a):visited,:where(a):hover,:where(a):focus,:where(a):active{color:#06F}a{outline:none;-webkit-transition:all 0.35s ease-in-out;transition:all 0.35s ease-in-out}a:visited,a:hover,a:focus,a:active{text-decoration:none}input,textarea,select,button{font-size:1.6rem;font-weight:400}textarea,input{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0}input,textarea,select{font-size:1.6rem;border:none;border-radius:0;-webkit-box-shadow:none !important;box-shadow:none !important}input,textarea,select,input[type=radio],input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none}textarea{resize:vertical}h1,h2,h3,h4,h5,h6{margin:0;padding:0;font-weight:normal}span{display:inline-block}label{margin:0;padding:0;font-weight:inherit;vertical-align:baseline;border:0}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-size:100%;font-style:inherit;font-weight:inherit;outline:0}::-webkit-input-placeholder{font-size:1.6rem;color:#999;opacity:1}::placeholder,::-webkit-input-placeholder,:-ms-input-placeholder,:-moz-placeholder{font-size:1.6rem;color:#999;opacity:1}.reset input, .reset label, .reset
select{vertical-align:middle}input[type=date]::-webkit-inner-spin-button{display:none;-webkit-appearance:none}::after,::before{-webkit-box-sizing:border-box;box-sizing:border-box}.reset{margin:0;padding:0;list-style:none;border:0;border-spacing:0;border-collapse:collapse}p{margin:0;padding:0;line-height:inherit}img{vertical-align:middle}.img-responsive{display:block;max-width:100%;height:auto}[role=button]{cursor:pointer}.center-block{display:block;margin-right:auto;margin-left:auto}.pull-right{float:right !important}.pull-left{float:left !important}.hide{display:none !important}.show{display:block !important}.invisible{visibility:hidden}.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.hidden{display:none !important}.affix{position:fixed}@-ms-viewport{width:device-width}.visible-xs,.visible-sm,.visible-md,.visible-lg,.visible-xs-block,.visible-xs-inline,.visible-xs-inline-block,.visible-sm-block,.visible-sm-inline,.visible-sm-inline-block,.visible-md-block,.visible-md-inline,.visible-md-inline-block,.visible-lg-block,.visible-lg-inline,.visible-lg-inline-block,.visible-print,.visible-print-block,.visible-print-inline,.visible-print-inline-block{display:none !important}@media (max-width: 767px){.visible-xs{display:block !important}table.visible-xs{display:table !important}tr.visible-xs{display:table-row !important}th.visible-xs,td.visible-xs{display:table-cell !important}}@media (max-width: 767px){.visible-xs-block{display:block !important}}@media (max-width: 767px){.visible-xs-inline{display:inline !important}}@media (max-width: 767px){.visible-xs-inline-block{display:inline-block !important}}@media (min-width: 768px) and (max-width: 991px){.visible-sm{display:block !important}table.visible-sm{display:table !important}tr.visible-sm{display:table-row !important}th.visible-sm,td.visible-sm{display:table-cell !important}}@media (min-width: 768px) and (max-width: 991px){.visible-sm-block{display:block !important}}@media (min-width: 768px) and (max-width: 991px){.visible-sm-inline{display:inline !important}}@media (min-width: 768px) and (max-width: 991px){.visible-sm-inline-block{display:inline-block !important}}@media (min-width: 992px) and (max-width: 1199px){.visible-md{display:block !important}table.visible-md{display:table !important}tr.visible-md{display:table-row !important}th.visible-md,td.visible-md{display:table-cell !important}}@media (min-width: 992px) and (max-width: 1199px){.visible-md-block{display:block !important}}@media (min-width: 992px) and (max-width: 1199px){.visible-md-inline{display:inline !important}}@media (min-width: 992px) and (max-width: 1199px){.visible-md-inline-block{display:inline-block !important}}@media (min-width: 1200px){.visible-lg{display:block !important}table.visible-lg{display:table !important}tr.visible-lg{display:table-row !important}th.visible-lg,td.visible-lg{display:table-cell !important}}@media (min-width: 1200px){.visible-lg-block{display:block !important}}@media (min-width: 1200px){.visible-lg-inline{display:inline !important}}@media (min-width: 1200px){.visible-lg-inline-block{display:inline-block !important}}@media (max-width: 767px){.hidden-xs{display:none !important}}@media (min-width: 768px) and (max-width: 991px){.hidden-sm{display:none !important}}@media (min-width: 992px) and (max-width: 1199px){.hidden-md{display:none !important}}@media (min-width: 1200px){.hidden-lg{display:none !important}}@media
print{.visible-print{display:block !important}table.visible-print{display:table !important}tr.visible-print{display:table-row !important}th.visible-print,td.visible-print{display:table-cell !important}}@media
print{.visible-print-block{display:block !important}}@media
print{.visible-print-inline{display:inline !important}}@media
print{.visible-print-inline-block{display:inline-block !important}}@media
print{.hidden-print{display:none !important}}.clearfix:before,.clearfix:after{content:" ";display:table;clear:both}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.disabled,.disabled:hover{cursor:not-allowed}.header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:fixed;z-index:1000;top:0;left:0;width:100%;height:var(--header-h);background-color:#fff;-webkit-transition:height 0.35s;transition:height 0.35s}.header__box{position:relative}.header__bar{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;width:100%;background-color:transparent;-webkit-transition:padding 0.35s, background-color 0.35s;transition:padding 0.35s, background-color 0.35s}@media (max-width: 1439px){.header
.header__box{padding-right:0}.header
.header__bar{z-index:999;height:var(--header-h)}}.header__bar
.logo{position:relative;z-index:5;width:var(--logo-w);-webkit-transition:width 0.35s;transition:width 0.35s}.header__bar .logo
a{display:block;width:100%;background:url(../../../themes/en/assets/css/../images/logo.svg) no-repeat 0 0;background-size:cover}.header__bar .logo a::before{display:block;content:"";width:100%;padding-bottom:24%;width:100%}.header__bar
.topnav{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0 16px;position:relative;z-index:5;font-size:1.5rem}.header__bar .topnav
.line{width:2px;height:40px;background:url(../../../themes/en/assets/css/../images/topnav_line.png) no-repeat 0 0}.header__bar .search .operate-btn, .header__bar .lang .operate-btn{position:relative;width:40px;height:40px;cursor:pointer;border-radius:100%;background-color:transparent;-webkit-transition:background-color 0.35s;transition:background-color 0.35s}.header__bar .search .operate-btn:hover, .header__bar .lang .operate-btn:hover{background-color:#F6F6F6}.header__bar .search .operate-btn:hover i, .header__bar .lang .operate-btn:hover
i{width:22px;height:22px}.header__bar .search .operate-btn i, .header__bar .search .operate-btn span, .header__bar .lang .operate-btn i, .header__bar .lang .operate-btn
span{display:block;position:absolute;top:50%;left:50%;width:24px;height:24px;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);-webkit-transition:width 0.35s, height 0.35s;transition:width 0.35s, height 0.35s}.header__bar .search .operate-btn
i{background:url(../../../themes/en/assets/css/../images/icon_search.svg) no-repeat 0 0;background-size:cover}.header__bar .search .operate-btn
span{display:none;-webkit-transform:translate(-50%, -50%) rotate(0deg);-ms-transform:translate(-50%, -50%) rotate(0deg);transform:translate(-50%, -50%) rotate(0deg);-webkit-transition:-webkit-transform 0.35s;transition:-webkit-transform 0.35s;transition:transform 0.35s;transition:transform 0.35s, -webkit-transform 0.35s}.header__bar .search .operate-btn span::before, .header__bar .search .operate-btn span::after{display:block;content:"";width:100%;position:absolute;top:50%;left:50%;width:18px;height:2px;border-radius:50px;background-color:#444;-webkit-transform:translate(-50%, -50%) rotate(45deg);-ms-transform:translate(-50%, -50%) rotate(45deg);transform:translate(-50%, -50%) rotate(45deg)}.header__bar .search .operate-btn span::after{-webkit-transform:translate(-50%, -50%) rotate(-45deg);-ms-transform:translate(-50%, -50%) rotate(-45deg);transform:translate(-50%, -50%) rotate(-45deg)}.header__bar .search .operate-list{pointer-events:none;position:fixed;z-index:1;top:calc(var(--header-h) + 12%);left:0;padding:max(var(--padding-spac), 3.2vw) var(--padding-spac);width:100%;opacity:0;background-color:rgba(255, 255, 255, 0.9);-webkit-box-shadow:0 1px 6px inset rgba(0, 0, 0, 0.12);box-shadow:0 1px 6px inset rgba(0, 0, 0, 0.12);backdrop-filter:blur(10px);-webkit-transition:top 0.35s, opacity 0.35s;transition:top 0.35s, opacity 0.35s}.header__bar .search .operate-list .form-group{display:-webkit-box;display:-ms-flexbox;display:flex;gap:0 10px;margin:0
auto;padding:0;max-width:820px}.header__bar .search .operate-list .form-group .input-style{position:relative;-webkit-box-flex:1;-ms-flex:1;flex:1;padding-left:50px;background:url(../../../themes/en/assets/css/../images/icon_search.svg) no-repeat 12px 50% #fff;background-size:22px 22px}.header__bar .search .operate-list .form-group .btn-submit{display:block;margin:0;padding:0;width:72px;height:var(--input-h);color:#fff;text-align:center;outline:none;line-height:var(--input-h);border:none;border-radius:6px;background-color:#00317A;-webkit-transition:background-color 0.35s;transition:background-color 0.35s}.header__bar .search .operate-list .form-group .btn-submit:hover{background-color:#06F}.header__bar .search.is-on .operate-btn{background-color:#F6F6F6}.header__bar .search.is-on .operate-btn
i{display:none}.header__bar .search.is-on .operate-btn
span{display:block}.header__bar .search.is-on .operate-btn:hover
span{-webkit-transform:translate(-50%, -50%) rotate(360deg);-ms-transform:translate(-50%, -50%) rotate(360deg);transform:translate(-50%, -50%) rotate(360deg)}.header__bar .search.is-on .operate-list{pointer-events:auto;top:var(--header-h);opacity:1}.header__bar
.lang{color:#000}.header__bar .lang .operate-btn{display:none}.header__bar .lang .operate-btn
i{background:url(../../../themes/en/assets/css/../images/icon_lang.svg) no-repeat 0 0;background-size:cover}.header__bar .lang .operate-list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0 5px;padding:10px
20px;letter-spacing:normal;line-height:1.4;border-radius:100px;background-color:#F6F6F6}.header__bar .lang .operate-list
a{color:#B6C4D7;font-weight:500}.header__bar .lang .operate-list a:hover{color:#00317A}.header__bar .lang .operate-list li.current
a{color:#00317A}.header__bar .contact-btn{display:block;position:relative;margin-left:20px;width:50px;height:50px;border-radius:100%;background-color:#00317A}.header__bar .contact-btn
i{display:block;position:absolute;top:50%;left:50%;padding-bottom:30%;width:40%;max-width:20px;background:url(../../../themes/en/assets/css/../images/icon_mail.svg) no-repeat 0 0;background-size:cover;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.header__bar .contact-btn:hover{background-color:#06F}.header__bar .switch-btn{display:none;position:relative;width:var(--header-h);height:calc(var(--header-h) - 1px);cursor:pointer;background-color:#06F}.header__bar .switch-btn .nav-switch{display:block;position:absolute;z-index:5;top:50%;left:50%;width:30px;height:30px;font-size:0;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.header__bar .switch-btn .nav-switch
span{display:block;position:absolute;left:50%;top:50%;width:30px;height:2px;background-color:#fff;-webkit-transform:translate(-50%, -50%) rotate(0);-ms-transform:translate(-50%, -50%) rotate(0);transform:translate(-50%, -50%) rotate(0);-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center;-webkit-transition:margin 0.35s 0.3s, -webkit-transform 0.35s;transition:margin 0.35s 0.3s, -webkit-transform 0.35s;transition:margin 0.35s 0.3s, transform 0.35s;transition:margin 0.35s 0.3s, transform 0.35s, -webkit-transform 0.35s}.header__bar .switch-btn .nav-switch span:nth-child(1){margin-top:-30%}.header__bar .switch-btn .nav-switch span:nth-child(2){-webkit-transition:opacity 0.35s;transition:opacity 0.35s}.header__bar .switch-btn .nav-switch span:nth-child(3){margin-top:29%}.header__bar .switch-btn.is-on{background-color:#00317A}.header__bar .switch-btn.is-on .nav-switch
span{background-color:#fff}.header__bar .switch-btn.is-on .nav-switch span:nth-child(1){margin-top:0;-webkit-transform:translate(-50%, -50%) rotate(45deg);-ms-transform:translate(-50%, -50%) rotate(45deg);transform:translate(-50%, -50%) rotate(45deg);-webkit-transition:margin 0.35s, -webkit-transform 0.35s 0.3s;transition:margin 0.35s, -webkit-transform 0.35s 0.3s;transition:margin 0.35s, transform 0.35s 0.3s;transition:margin 0.35s, transform 0.35s 0.3s, -webkit-transform 0.35s 0.3s}.header__bar .switch-btn.is-on .nav-switch span:nth-child(2){opacity:0}.header__bar .switch-btn.is-on .nav-switch span:nth-child(3){margin-top:0;-webkit-transform:translate(-50%, -50%) rotate(-45deg);-ms-transform:translate(-50%, -50%) rotate(-45deg);transform:translate(-50%, -50%) rotate(-45deg);-webkit-transition:margin 0.35s, -webkit-transform 0.35s 0.3s;transition:margin 0.35s, -webkit-transform 0.35s 0.3s;transition:margin 0.35s, transform 0.35s 0.3s;transition:margin 0.35s, transform 0.35s 0.3s, -webkit-transform 0.35s 0.3s}@media (max-width: 1669px){.header__bar
.topnav{gap:0 8px}.header__bar
.lang{position:relative}.header__bar .lang .operate-btn{display:block}.header__bar .lang .operate-list{pointer-events:none;position:absolute;z-index:5;top:calc(100% + 20px);left:50%;padding:20px;width:120px;opacity:0;border-radius:var(--border-r);background-color:#fff;overflow:hidden;-webkit-box-shadow:0 0 10px rgba(0, 0, 0, 0.15);box-shadow:0 0 10px rgba(0, 0, 0, 0.15);-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);-webkit-transition:top 0.35s, opacity 0.35s;transition:top 0.35s, opacity 0.35s}.header__bar .lang .operate-list li:nth-child(2){padding:0
10px}.header__bar .lang.is-on .operate-btn{background-color:#F6F6F6}.header__bar .lang.is-on .operate-btn
i{width:22px;height:22px}.header__bar .lang.is-on .operate-list{pointer-events:auto;top:calc(100% + 8px);opacity:1}.header__bar .contact-btn{margin-left:8px;width:40px;height:40px}}@media (max-width: 1439px){.header__bar
.topnav{margin:0
20px 0 auto}.header__bar .switch-btn{display:block}}@media (max-width: 767px){.header__bar .contact-btn{display:none}}@media (max-width: 399px){.header__bar
.logo{margin-right:8px}.header__bar
.topnav{gap:0;margin-right:8px}.header__bar .topnav
.line{display:none}}.nav-menu{-webkit-transition:all 0.35s;transition:all 0.35s}.nav-menu__list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0 max(16px,1.92vw)}.nav-menu__list>li{position:relative}.nav-menu__list>li>a{display:block;position:relative;padding:24px
0;color:#222;font-weight:500;white-space:nowrap;line-height:1}.nav-menu__list > li > a
.word{display:inline-block;position:relative}.nav-menu__list > li > a .word::before{display:block;content:"";width:100%;position:absolute;top:-6px;right:-7px;width:6px;height:6px;border-radius:100%;background-color:#1FB4FF;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.nav-menu__list>li.current>a{color:#06F}.nav-menu__list > li:not(.current) > a .word::before{display:none}.nav-menu__second>li{line-height:1.6}.nav-menu .contact-btn{display:none;position:absolute;left:0;bottom:28px;margin:0
var(--padding-spac);padding:6px
24px;width:calc(100% - var(--padding-spac) * 2);color:#fff;text-align:center;border-radius:100px;background-color:#1FB4FF}.nav-menu .contact-btn
i{display:inline-block;margin:-3px 16px 0 0;width:20px;height:15px;vertical-align:middle;background:url(../../../themes/en/assets/css/../images/icon_mail.svg) no-repeat 0 0;background-size:cover}@media (min-width: 1440px){.nav-menu{position:absolute;z-index:5;top:50%;left:0;-webkit-transform:translate(0, -50%);-ms-transform:translate(0, -50%);transform:translate(0, -50%);margin:0
210px 0 300px;width:calc(100% - 510px)}.nav-menu__list > li:hover .nav-menu__second{pointer-events:auto;top:100%;opacity:1}.nav-menu__second{pointer-events:none;display:block !important;position:absolute;z-index:5;top:140%;left:50%;width:220px;opacity:0;border-top:#06F solid 3px;border-radius:0 0 var(--border-r) var(--border-r);background:#fff;-webkit-box-shadow:0 0 14px rgba(0, 0, 0, 0.12);box-shadow:0 0 14px rgba(0, 0, 0, 0.12);-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);-webkit-transition:top 0.35s, opacity 0.35s;transition:top 0.35s, opacity 0.35s}.nav-menu__second>li:not(:last-child){border-bottom:#ddd solid 1px}.nav-menu__second>li>a{display:block;padding:12px;font-size:1.5rem;color:#222;text-align:center;background-color:transparent;-webkit-transition:background-color 0.35s;transition:background-color 0.35s}.nav-menu__second>li>a:hover{color:#fff;background-color:#06F}.nav-menu__second > li.current
a{color:#fff;background-color:#06F}.nav-menu__second > li:last-child
a{border-radius:0 0 var(--border-r) var(--border-r)}}@media (min-width: 1670px){.nav-menu{margin:0
300px;width:calc(100% - 600px)}}@media (max-width: 1669px){.nav-menu__list>li>a{font-size:1.6rem}}@media (max-width: 1439px){.nav-menu{pointer-events:none;position:fixed;z-index:998;top:var(--header-h);right:0;padding:28px
max(var(--padding-spac), 3vw);width:100%;height:calc(var(--vh, 1vh) * 100 - var(--header-h));background-color:#00317A;-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%);-webkit-transition:-webkit-transform 0.35s;transition:-webkit-transform 0.35s;transition:transform 0.35s;transition:transform 0.35s, -webkit-transform 0.35s}.nav-menu.is-on{pointer-events:auto;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}.nav-menu__list{display:block;padding-right:8px;max-height:calc(var(--vh, 1vh) * 100 - var(--header-h) - 72px);overflow-x:hidden;overflow-y:auto}.nav-menu__list>li{border-bottom:rgba(255, 255, 255, 0.2) solid 1px}.nav-menu__list>li>a{padding:18px
0;font-size:1.8rem;color:#fff}.nav-menu__list > li > a .word>span::before{color:#fff}.nav-menu__list > li > a
.aw{position:absolute;top:12px;right:0;width:28px;height:28px;border-radius:100%;background-color:#1FB4FF;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:-webkit-transform 0.35s;transition:-webkit-transform 0.35s;transition:transform 0.35s;transition:transform 0.35s, -webkit-transform 0.35s}.nav-menu__list > li > a .aw::before{position:absolute;top:50%;left:50%;display:block;content:"";width:100%;width:10px;height:8px;background:url(../../../themes/en/assets/css/../images/menu_aw.svg) no-repeat 0 0;background-size:cover;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.nav-menu__list>li.current>a{color:#1FB4FF}.nav-menu__list > li.is-on > a
.aw{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}.nav-menu__second{display:none;margin-bottom:18px;padding:3px
0;border-radius:var(--border-r);background-color:#fff}.nav-menu__second>li:not(:last-child){border-bottom:#eee solid 1px}.nav-menu__second>li>a{display:block;position:relative;padding:12px
20px;font-size:1.6rem;color:#222;line-height:1.4}.nav-menu__second > li.current
a{color:#fff;background-color:#06F}}@media (max-width: 767px){.nav-menu__list{margin-bottom:120px;max-height:calc(var(--vh, 1vh) * 100 - var(--header-h) - 120px)}.nav-menu .contact-btn{display:block}}.header.fixed{height:var(--header-h-scroll);border-bottom:rgb(238, 238, 238) solid 1px}.header.fixed .header__bar .search.is-on .operate-list{top:var(--header-h-scroll)}.is-desktop .nav-menu__list > li > a .word>span{position:relative;overflow:hidden;-webkit-transition:-webkit-transform 0.35s;transition:-webkit-transform 0.35s;transition:transform 0.35s;transition:transform 0.35s, -webkit-transform 0.35s}.is-desktop .nav-menu__list > li > a .word>span::before{display:block;content:attr(data-title);position:absolute;top:20px;left:0;color:#06F;-webkit-transition:top 0.35s;transition:top 0.35s}.is-desktop .nav-menu__list > li > a .word>span>span{-webkit-transition:-webkit-transform 0.35s;transition:-webkit-transform 0.35s;transition:transform 0.35s;transition:transform 0.35s, -webkit-transform 0.35s}.is-desktop .nav-menu__list > li:hover > a .word>span::before{top:0}.is-desktop .nav-menu__list > li:hover > a .word>span>span{-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%)}@media (max-width: 1439px){.is-desktop .nav-menu__list > li > a .word>span::before{color:#1FB4FF}}.footer{position:relative;z-index:3;font-size:1.5rem;color:#fff;line-height:1.6}.footer
a{color:#fff}.footer__top{padding:50px
0 50px;background:url(../../../themes/en/assets/css/../images/footer_bg.jpg) no-repeat center center;background-size:cover}.footer__info{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:16px 40px;padding:0
var(--padding-spac) 40px;color:#1FB4FF;border-bottom:rgba(255, 255, 255, 0.15) solid 1px}.footer__info
.logo{display:block;width:var(--logo-w);background:url(../../../themes/en/assets/css/../images/footer_logo.svg) no-repeat 0 0;background-size:cover;-webkit-transition:width 0.35s;transition:width 0.35s}.footer__info .logo::before{display:block;content:"";width:100%;padding-bottom:24%;width:100%}.footer__info
.data{margin-bottom:0;padding-left:40px;border-left:rgba(255, 255, 255, 0.15) solid 1px}.footer__info .data a:hover{text-decoration:underline}.footer__info .data
.item{padding:4px
16px 4px 0}.footer__info .data .item:not(.add) a, .footer__info .data .item:not(.add) span{padding-left:8px}.footer__info .data .item.fax>span{color:#fff}.footer__links{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:20px max(30px, 4vw);padding:50px
var(--padding-spac) 0}.footer__links .box:not(:last-child){padding-right:max(30px, 4vw);border-right:rgba(255, 255, 255, 0.15) solid 1px}.footer__links .box
.ti{margin-bottom:16px;font-size:1.6rem;font-weight:500;line-height:1}.footer__links .box .ti:last-child{margin-bottom:0}.footer__links .box .ti a:hover{color:#1FB4FF}.footer__links .box ul li
a{display:inline-block;color:#ddd}.footer__links .box ul li a:hover{color:#1FB4FF}.footer__links .box ul li:not(:last-child){margin-bottom:4px}.footer__links
.box.prod{width:calc(335px + max(30px, 4vw))}.footer__links .box.prod
ul{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:0 max(16px, 1.7vw)}.footer__links .box.prod ul
li{width:150px}.footer__bottom{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:4px 8px;padding:28px
var(--padding-spac);color:#999;font-weight:500;text-align:center;background-color:#00112B}.footer__bottom
a{color:#777}.footer__bottom a:hover{text-decoration:underline}.footer__bottom
br{display:none}@media (max-width: 1199px){.footer__top{padding-bottom:30px}.footer__info{padding-bottom:0;border-bottom:none}.footer__links{padding-top:30px}.footer__links .box:not(:last-child){display:none}.footer__links .box:last-child{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:10px max(10px, 1.6vw);text-align:center}}@media (max-width: 991px){.footer__info
.logo{margin:0
auto}.footer__info
.data{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;padding-left:0;text-align:center;border-left:none}}@media (max-width: 575px){.footer__links .box
.ti{width:40%}.footer__bottom{font-size:1.4rem;letter-spacing:0}.footer__bottom
br{display:block}}.float-download{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:fixed;z-index:900;right:16px;bottom:100px;padding:10px;width:46px;min-height:140px;font-size:clamp(1.4rem, 1.2vw, 1.6rem);color:#fff !important;font-weight:500;text-align:center;line-height:1.2}.float-download::before{display:block;content:"";width:100%;position:absolute;top:0;left:0;height:100%;background-color:#06F;-webkit-transform:skewY(var(--skew-x));-ms-transform:skewY(var(--skew-x));transform:skewY(var(--skew-x))}.float-download
span{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;gap:8px;position:relative;z-index:2;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center;white-space:nowrap}.float-download
i{display:block;width:26px;height:26px;background:url(../../../themes/en/assets/css/../images/icon_download.svg) no-repeat 0 0;background-size:cover;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}@media (max-width: 991px){.float-download{right:12px;bottom:80px;padding:8px;width:42px;min-height:120px}.float-download
i{width:22px;height:22px}}.scroll-top{position:fixed;z-index:900;right:16px;bottom:-60px;padding:12px
0;width:46px;cursor:pointer;text-align:center;opacity:0;-webkit-transition:opacity 0.35s, bottom 0.35s;transition:opacity 0.35s, bottom 0.35s}.scroll-top::before{display:block;content:"";width:100%;position:absolute;top:0;left:0;height:100%;background-color:#666;-webkit-transform:skewY(var(--skew-x));-ms-transform:skewY(var(--skew-x));transform:skewY(var(--skew-x))}.scroll-top
i{display:block;position:relative;z-index:2;margin:0
auto;width:26px;height:26px;background:url(../../../themes/en/assets/css/../images/icon_top.svg) no-repeat 0 0;background-size:cover}.scroll-top.is-show{opacity:1;bottom:30px}@media (max-width: 991px){.scroll-top{right:12px;width:42px}.scroll-top.is-show{bottom:20px}}.cc-window{display:block}.cc-window.cc-floating{position:fixed;z-index:999;bottom:0;right:0;padding:2vw;max-width:24em;font-size:16px}.cc-window.cc-floating .cc-compliance{margin:auto}.cc-floating .cc-message{padding:0;width:100%;font-size:15px;line-height:1.6;text-align:center}.cc-floating .cc-message::before{display:block;content:"Privacy Statement";position:unset;top:unset;left:unset;margin-bottom:5px;width:100%;height:auto;font-size:18px;color:#fff;font-weight:500;text-align:center;background:none;-webkit-transform:unset;-ms-transform:unset;transform:unset}.cc-link{text-decoration:underline}.cc-floating .cc-compliance>.cc-btn{display:block;margin-top:10px;padding:8px
0;text-align:center;text-decoration:none}@media (max-width: 1400px){.cc-window.cc-floating{height:auto}}@media (max-width: 991px){.cc-window.cc-floating{width:600px}}@media (max-width: 767px){.cc-window.cc-floating{padding:5vw 2vw;width:100%;max-width:100%}.cc-window.cc-floating .cc-compliance{position:unset;width:150px}.cc-window .cc-message{margin-bottom:0}.cc-floating .cc-compliance>.cc-btn{margin-top:15px;padding:6px
0}}html,body{height:100%}html.is-on{overflow:hidden}body{padding-top:var(--header-h)}body .g-main{position:relative;padding-top:max(40px, 4.2vw);padding-bottom:max(40px, 6.2vw)}@media (min-width: 992px){body{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;min-height:100vh}body .header, body .c-kanban, body .g-banner, body
.footer{-ms-flex-negative:0;flex-shrink:0}body .g-main{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}}@media (max-width: 991px){body .g-main{min-height:36vh}}.container-1520,.container-1460,.container-1320,.container-1280{position:relative;margin:0
auto;padding-left:var(--padding-spac);padding-right:var(--padding-spac);width:100%}.container-1520{max-width:var(--container-1520)}.container-1460{max-width:var(--container-1460)}.container-1320{max-width:var(--container-1320)}.container-1280{max-width:var(--container-1280)}.flex:has(.box-l){gap:0 max(40px, 3.4vw)}@media (min-width: 992px){.box-l{-webkit-box-flex:0;-ms-flex:0 0 200px;flex:0 0 200px}.box-r{-webkit-box-flex:1;-ms-flex:1;flex:1;padding-top:8px}}@media (max-width: 991px){.g-main>.flex{display:block}}.clearboth::after{display:block;content:"";clear:both;height:0;font-size:0;overflow:hidden}.hidden-ele{position:absolute;clip:rect(1px, 1px, 1px, 1px);clip-path:inset(0px 0px 99.9% 99.9%);padding:0;width:1px;height:1px;border:0;overflow:hidden}.txt-center{text-align:center}.txt-right{text-align:right}.txt-justify{text-align:justify;text-justify:inter-ideograph}.flex{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.scroll-wrap,.scroll{width:100%;-webkit-overflow-scrolling:touch}.scroll-wrap::-webkit-scrollbar-track,.scroll::-webkit-scrollbar-track{margin:0;border-radius:100px;background:rgba(0,0,0,0.1);-webkit-box-shadow:none}.scroll-wrap::-webkit-scrollbar-thumb,.scroll::-webkit-scrollbar-thumb{border-radius:100px;background:rgba(0,0,0,0.5);-webkit-box-shadow:none}.scroll-wrap:hover::-webkit-scrollbar-thumb,.scroll:hover::-webkit-scrollbar-thumb{background:rgba(0,0,0,0.7)}.scroll-x{padding-bottom:4px;overflow-y:hidden;overflow-x:auto}.scroll-x::-webkit-scrollbar{height:4px}.scroll-y{padding-right:8px;overflow-y:auto;overflow-x:hidden}.scroll-y::-webkit-scrollbar{width:6px}@media (max-width: 1439px){.scroll{padding-right:8px;width:100%;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.scroll::-webkit-scrollbar{width:6px}.scroll::-webkit-scrollbar-track{margin:0;border-radius:100px;background:rgba(255,255,255,0.15);-webkit-box-shadow:none}.scroll::-webkit-scrollbar-thumb{border-radius:100px;background:rgba(255,255,255,0.3);-webkit-box-shadow:none}.scroll:hover::-webkit-scrollbar-thumb{background:rgba(255,255,255,0.3)}}.g-banner{position:relative;background-color:#111;overflow:hidden}.g-banner::before{display:block;content:"";padding-bottom:29.5%;width:100%}.g-banner .container-1460{position:absolute;z-index:2;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.g-banner__text{color:#fff;font-style:italic;line-height:1.4;text-shadow:0 0 6px rgba(0, 0, 0, 0.12)}.g-banner__text
span{vertical-align:middle}.g-banner__text
.en{font-size:clamp(2.6rem, 2.5vw, 5.2rem);font-weight:700;letter-spacing:1px}.g-banner__text .en
i{color:#1FB4FF}.g-banner__text
.tw{margin:6px
0 0 12px;font-size:clamp(2rem,1.5vw,3.2rem);font-weight:700;font-style:italic;letter-spacing:4px}.g-banner__media{display:block;position:absolute;top:0;left:0;width:100%;height:100%;will-change:transform;-webkit-animation:ani_kanban_in 1.5s both;animation:ani_kanban_in 1.5s both}.g-banner__media
img{position:absolute;top:50%;left:50%;width:100% !important;max-width:none !important;height:100% !important;-o-object-fit:cover;object-fit:cover;-o-object-position:center center;object-position:center center;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}@media (max-width: 639px){.g-banner::before{padding-bottom:46%}.g-banner__text
span{display:block}.g-banner__text
.tw{margin:0}}.breadcrumb-wrap{padding-top:10px;text-shadow:0 0 6px rgba(0, 0, 0, 0.12)}.breadcrumb__nav
li{position:relative;font-size:1.6rem;color:#1FB4FF;line-height:1.4}.breadcrumb__nav li:not(:last-child){padding-right:35px}.breadcrumb__nav li:not(:last-child)::after{display:block;content:"";width:100%;position:absolute;top:48%;right:10px;width:15px;height:1px;background-color:#ccc;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.breadcrumb__nav li
a{color:#ccc}.breadcrumb__nav li a:hover{color:#1FB4FF}@media (max-width: 767px){.breadcrumb__nav
li{font-size:1.3rem}.breadcrumb__nav li:not(:last-child){padding-right:15px}.breadcrumb__nav li:not(:last-child)::after{right:5px;width:5px}}.view .breadcrumb__nav li
a{color:#aaa}.view .breadcrumb__nav li a:hover{color:#1FB4FF}#csr .breadcrumb__nav li
a{color:#eee}#csr .breadcrumb__nav li a:hover{color:#1FB4FF}.js-headings{opacity:0;will-change:transform,opacity}.g-sort{margin-bottom:max(20px, 1.4vw);width:100%}.g-sort
span{display:block;font-style:italic;line-height:1.4}.g-sort
.en{font-size:clamp(2.2rem, 2.2vw, 3rem);color:#00317A;font-weight:800;letter-spacing:0;line-height:1.4}.g-sort .en
i{color:#1FB4FF}.g-sort
.tw{margin-top:4px;font-size:clamp(1.8rem,1.5vw,2.2rem);font-weight:900;letter-spacing:4px}.g-headline{margin-bottom:max(24px, 2.1vw);font-size:clamp(2rem, 1.2vw, 2.4rem);font-weight:700;line-height:1.4}.g-headline span, .g-headline
i{display:inline-block;vertical-align:middle}.g-headline
span{color:#00317A}.g-headline
i{margin-left:2px;color:#06F}.g-headline.line{padding-bottom:6px;border-bottom:#ddd solid 1px}.g-box-title{position:relative;margin-bottom:max(16px,1.4vw);padding-left:35px;font-size:clamp(2rem,1.2vw,2.4rem);font-weight:700;font-style:italic;line-height:1.4}.g-box-title::before{content:"";display:block;position:absolute;top:48%;left:4px;width:4px;height:90%;background-color:#06F;-webkit-transform:translateY(-50%) skewX(var(--skew-x));-ms-transform:translateY(-50%) skewX(var(--skew-x));transform:translateY(-50%) skewX(var(--skew-x))}.box-l .g-sort{margin-bottom:0;padding-bottom:16px;border-bottom:#000 1px solid}.box-l .g-sort
.tw{line-height:1}@media (max-width: 991px){.box-l .g-sort{display:none}}:root{--input-spac:0 12px;--input-size:1.7rem;--input-color: $color-dark-gary}@media (max-width: 991px){:root{--input-size:1.6rem}}form{margin:0;width:100%}.form-group{margin-bottom:max(24px,1.8vw);width:100%}.form-group.half{width:calc(50% - 15px)}.form-group .label-ti{margin-bottom:12px;font-size:var(--input-size);color:#444;font-weight:500;line-height:1}.form-group .label-ti
label{margin-bottom:0}.form-group .label-ti
strong{padding-left:4px;color:#06F}.input-style{display:block;padding:var(--input-spac);width:100%;height:var(--input-h);font-size:var(--input-size);color:var(--input-color);outline:none;line-height:var(--input-h);border:#ccc solid 1px;border-radius:4px;background-color:#fff}textarea.input-style{padding-top:10px;padding-bottom:10px;height:150px;line-height:1.6}.form-group .input-style[disabled]{color:#999;cursor:not-allowed}label input[type=radio], label input[type=checkbox], label input[type=file]{position:absolute;z-index:-100 !important;width:1px !important;height:1px !important;clip:rect(1px, 1px, 1px, 1px)}.form-group.code
.field{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.form-group.code .field .input-style{-webkit-box-flex:1;-ms-flex:1;flex:1}.form-group.code .field .code-txt{-webkit-box-flex:0;-ms-flex:0 0 130px;flex:0 0 130px;position:relative;margin:0
10px;height:var(--input-h);border-radius:6px;overflow:hidden}.form-group.code .field .code-txt
img{position:absolute;top:50%;left:50%;width:100%;height:100%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.form-group.code .field
.renew{display:block;width:20px;height:20px;cursor:pointer;background:url(../../../themes/en/assets/css/../images/icon_chang.svg) no-repeat 0 0;background-size:cover}.submit{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;padding-top:28px}@media (max-width: 767px){.submit{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding-top:16px}}@media (max-width: 767px){.form-group.half{width:100%}.form-group.code .field .code-txt{-webkit-box-flex:0;-ms-flex:0 0 95px;flex:0 0 95px}}@media (max-width: 575px){.form-group.name .field .input-style{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%}}.btn-wrap{padding-top:max(1.5vw,30px);width:100%;line-height:0}.btn-style{display:inline-block;position:relative;width:100%;max-width:170px;font-size:1.4rem;color:#fff;font-weight:600;font-style:italic;text-align:center;outline:none;line-height:var(--input-h);border:none;border-radius:0;-webkit-box-shadow:none;box-shadow:none;overflow:hidden}.btn-style::before{display:block;content:"";position:absolute;top:0;left:10px;width:150px;height:var(--input-h);background-color:#00317A;-webkit-transform:skewX(var(--skew-x));-ms-transform:skewX(var(--skew-x));transform:skewX(var(--skew-x));-webkit-transition:background-color 0.35s;transition:background-color 0.35s}.btn-style > span, .btn-style
i{display:inline-block;position:relative;z-index:2}.btn-style
span{color:#fff}.btn-style:hover::before{background-color:#06F}.btn-more{display:inline-block;position:relative;margin-top:max(10px, 1.2vw);width:100%;max-width:170px;font-size:1.4rem;color:#444;font-weight:700;font-style:italic}.btn-more
i{display:inline-block;width:24px;height:24px;vertical-align:middle;background:url(../../../themes/en/assets/css/../images/icon_aw.svg) no-repeat 0 0;background-size:cover}.btn-more:hover{color:#00317A}.btn-links{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0
max(24px, 1.8vw);width:100%;max-width:300px;color:#fff;font-weight:500;line-height:var(--input-h);outline:none;border:none;border-radius:100px;background-color:#06F;-webkit-transition:color 0.35s, letter-spacing 0.35s, background-color 0.35s;transition:color 0.35s, letter-spacing 0.35s, background-color 0.35s}.btn-links
i{position:relative;width:32.914%;max-width:76px;height:5px;-webkit-transition:max-width 0.35s;transition:max-width 0.35s}.btn-links i::before, .btn-links i::after{display:block;content:"";position:absolute;top:50%;background-color:#fff;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);-webkit-transition:background-color 0.35s;transition:background-color 0.35s}.btn-links i::before{right:0;width:100%;height:1px}.btn-links i::after{right:0;width:5px;height:5px;border-radius:100%}.btn-links:hover{color:#fff;letter-spacing:4px}.btn-links:hover
i{max-width:30px}.btn-links.white{max-width:330px;color:#06F;line-height:calc(var(--input-h) * 1.3);background-color:#fff}.btn-links.white i::before, .btn-links.white i::after{background-color:#06F}.btn-links.white:hover{color:#fff;background-color:#06F}.btn-links.white:hover i::before, .btn-links.white:hover i::after{background-color:#fff}@-webkit-keyframes
ani_scrolldown{0%{top:0;-webkit-transform:translate(0, 130px) scale(1, 0);transform:translate(0, 130px) scale(1,0)}40%{top:0;-webkit-transform:translate(0, 130px) scale(1, 1);transform:translate(0, 130px) scale(1,1)}100%{top:100%;-webkit-transform:translate(0, 0) scale(1, 0);transform:translate(0, 0) scale(1, 0)}}@keyframes
ani_scrolldown{0%{top:0;-webkit-transform:translate(0, 130px) scale(1, 0);transform:translate(0, 130px) scale(1,0)}40%{top:0;-webkit-transform:translate(0, 130px) scale(1, 1);transform:translate(0, 130px) scale(1,1)}100%{top:100%;-webkit-transform:translate(0, 0) scale(1, 0);transform:translate(0, 0) scale(1, 0)}}@-webkit-keyframes
ani_kanban_in{from{opacity:0;-webkit-transform:scale(1.15);transform:scale(1.15)}}@keyframes
ani_kanban_in{from{opacity:0;-webkit-transform:scale(1.15);transform:scale(1.15)}}@-webkit-keyframes
ani_slideIn{0%{opacity:0;-webkit-transform:translateY(80px);transform:translateY(80px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes
ani_slideIn{0%{opacity:0;-webkit-transform:translateY(80px);transform:translateY(80px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes
ani_slideOut{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(80px);transform:translateY(80px)}}@keyframes
ani_slideOut{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(80px);transform:translateY(80px)}}#csr .g-main{padding-top:0}.csr-one{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:calc(max(40px, 4.2vw) * 1.8);padding:max(max(40px, 4.2vw), 7.2vw) 0 0 max(var(--padding-spac), 10.5vw)}.csr-one
.ele{position:absolute;z-index:-1;top:1.2%;left:0%;width:25.25%;max-width:480px;background:url(../../../themes/en/assets/css/../images/csr_ele1.svg) no-repeat 0 0;background-size:cover}.csr-one .ele::before{display:block;content:"";padding-bottom:41.875%;width:100%}.csr-one__pic{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;position:relative;padding:0
max(var(--padding-spac) + 10px, 9vw) 3% 0;width:calc(48% + max(var(--padding-spac) + 10px, 9vw))}.csr-one__pic
.img{position:relative;z-index:2;width:98.124%;max-width:697px}.csr-one__pic
.bg{position:absolute;right:0;bottom:0;padding-bottom:35.3%;width:100%;max-width:1000px;background:url(../../../themes/en/assets/css/../images/csr_pic1_bg.svg) no-repeat 0 0;background-size:cover}.csr-one__content{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:10px
max(40px, 2.2vw) 0 max(30px, 2.4vw)}.csr-one__content .g-sort
.en{font-size:clamp(2.6rem, 2.2vw, 4rem)}.csr-one__content .g-sort
.tw{margin-top:12px;font-size:clamp(2.2rem, 1.8vw, 3rem)}.csr-one__content .g-box-title{margin:max(20px, 1.8vw) 0 0}@media (max-width: 1679px){.csr-one{padding-left:max(var(--padding-spac),6.2vw)}.csr-one__pic{padding-right:max(var(--padding-spac) + 10px, 6.2vw);width:calc(48% + max(var(--padding-spac) + 10px, 6.2vw))}}@media (max-width: 1365px){.csr-one{padding-left:max(var(--padding-spac),2vw)}.csr-one__pic{padding-right:calc(var(--padding-spac) + 10px);width:calc(48% + var(--padding-spac) + 10px)}}@media (max-width: 1024px){.csr-one{padding-left:calc(var(--padding-spac) + 10px)}.csr-one__content{padding-left:0}}@media (max-width: 991px){.csr-one{margin-bottom:calc(max(40px, 4.2vw) * 1.5);padding-left:var(--padding-spac)}.csr-one__pic{padding-right:var(--padding-spac);width:100%}.csr-one__content{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;padding:30px
var(--padding-spac) 0 0}}.csr-two{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;position:relative;padding-right:max(var(--padding-spac), 9.5vw)}.csr-two
.ele{position:absolute;z-index:-1;top:-12%;right:0%;width:10%;max-width:159px;background:url(../../../themes/en/assets/css/../images/technology_ele2.svg) no-repeat 0 0;background-size:cover}.csr-two .ele::before{display:block;content:"";padding-bottom:87%;width:100%}.csr-two__box-l{position:relative;padding:0
0 3.5% max(var(--padding-spac) + 10px, 8vw);width:64%}.csr-two__box-l .nav-item{position:relative;z-index:2;left:62%;width:38%}.csr-two__box-l .nav-item
li{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer;line-height:1.6}.csr-two__box-l .nav-item li
.icon{position:relative;margin-right:max(12px, 1.2vw);width:120px;-webkit-transition:width 0.35s;transition:width 0.35s}.csr-two__box-l .nav-item li .icon::before, .csr-two__box-l .nav-item li .icon::after{display:block;content:""}.csr-two__box-l .nav-item li .icon::before{padding-bottom:100%;width:100%}.csr-two__box-l .nav-item li .icon::after{position:absolute;top:50%;left:50%;width:100%;height:100%;background:url(../../../themes/en/assets/css/../images/feature_line.svg) no-repeat 0 0/cover;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.csr-two__box-l .nav-item li .icon
i{position:absolute;top:50%;left:50%;width:81.667%;max-width:98px;background:url(../../../themes/en/assets/css/../images/csr_icon1.svg) no-repeat center center #fff;border-radius:100%;background-size:52% auto;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);-webkit-transition:width 0.35s, -webkit-box-shadow 0.35s;transition:width 0.35s, -webkit-box-shadow 0.35s;transition:width 0.35s, box-shadow 0.35s;transition:width 0.35s, box-shadow 0.35s, -webkit-box-shadow 0.35s}.csr-two__box-l .nav-item li .icon i::before{display:block;content:"";padding-bottom:100%;width:100%}.csr-two__box-l .nav-item li
span{-webkit-box-flex:1;-ms-flex:1;flex:1;font-size:clamp(1.6rem, 1.2vw, 1.7rem);color:#666;font-weight:600;-webkit-transition:color 0.35s;transition:color 0.35s}.csr-two__box-l .nav-item li span
i{color:#D9D9D9}.csr-two__box-l .nav-item li:nth-child(1){margin-left:15%}.csr-two__box-l .nav-item li:nth-child(2){margin-left:10%}.csr-two__box-l .nav-item li:nth-child(2) .icon::after{-webkit-transform:translate(-50%, -50%) rotate(45deg);-ms-transform:translate(-50%, -50%) rotate(45deg);transform:translate(-50%, -50%) rotate(45deg)}.csr-two__box-l .nav-item li:nth-child(2) .icon
i{background-image:url(../../../themes/en/assets/css/../images/csr_icon2.svg)}.csr-two__box-l .nav-item li:nth-child(3){margin-left:5%}.csr-two__box-l .nav-item li:nth-child(3) .icon
i{background-image:url(../../../themes/en/assets/css/../images/csr_icon3.svg)}.csr-two__box-l .nav-item li:nth-child(4) .icon::after{-webkit-transform:translate(-50%, -50%) rotate(45deg);-ms-transform:translate(-50%, -50%) rotate(45deg);transform:translate(-50%, -50%) rotate(45deg)}.csr-two__box-l .nav-item li:nth-child(4) .icon
i{background-image:url(../../../themes/en/assets/css/../images/csr_icon4.svg)}.csr-two__box-l .nav-item li:hover .icon
i{-webkit-box-shadow:0 0 10px 8px rgba(2, 125, 255, 0.3);box-shadow:0 0 10px 8px rgba(2, 125, 255, 0.3)}.csr-two__box-l .nav-item li.active
.icon{width:140px}.csr-two__box-l .nav-item li.active .icon
i{width:81.429%;max-width:114px;-webkit-box-shadow:0 0 10px 8px rgba(2, 125, 255, 0.3);box-shadow:0 0 10px 8px rgba(2, 125, 255, 0.3)}.csr-two__box-l .nav-item li.active
span{color:#06F}.csr-two__box-l .nav-item li.active span
i{color:#1FB4FF}.csr-two__box-l
.bg{position:absolute;bottom:0;left:0;padding-bottom:38.55%;width:82%;max-width:717px;background:url(../../../themes/en/assets/css/../images/csr_pic2_bg.svg) no-repeat 0 0;background-size:contain}.csr-two__pic{position:absolute;top:4.5%;left:max(var(--padding-spac) + 10px, 8vw);width:70%;max-width:735px;vertical-align:top}.csr-two__pic
.img{position:relative;z-index:2;width:100%;-webkit-mask:url(../../../themes/en/assets/css/../images/csr_pic2_mask.svg) no-repeat 0 0/cover;mask:url(../../../themes/en/assets/css/../images/csr_pic2_mask.svg) no-repeat 0 0/cover}.csr-two__pic .img::before{display:block;content:"";padding-bottom:440px;width:100%}.csr-two__pic .img
div{position:absolute;top:0;left:0;width:100%;height:100%}.csr-two__pic .img
img{position:absolute;top:50%;left:50%;-o-object-fit:cover;object-fit:cover;-o-object-position:center center;object-position:center center;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:100% !important;max-width:none !important;height:100% !important}.csr-two__content{-webkit-box-flex:1;-ms-flex:1;flex:1;position:relative;z-index:2;padding:max(40px, 3.2vw) max(20px, 2vw) 0 max(40px, 2.2vw)}.csr-two__content .tab-item{display:none}.csr-two__content .tab-item.active{display:block}.csr-two__content .tab-title{position:relative;z-index:3;cursor:pointer}.csr-two__content .tab-content{padding-left:22px}.csr-two__content .tab-content ul
li{position:relative;padding-left:16px}.csr-two__content .tab-content ul li::before{display:block;content:"";position:absolute;top:14px;left:0;width:4px;height:4px;background-color:#444;border-radius:100%}.csr-two__content .tab-content ul li:not(:last-child){margin-bottom:4px}@media (max-width: 1679px){.csr-two{padding-right:calc(var(--padding-spac) + 10px)}.csr-two__box-l{padding-left:max(var(--padding-spac) + 10px,6.2vw)}.csr-two__pic{left:max(var(--padding-spac) + 10px, 6.2vw)}}@media (max-width: 1669px){.csr-two__box-l{padding-left:calc(var(--padding-spac) + 10px);width:850px}.csr-two__box-l .nav-item{left:470px;width:350px}.csr-two__pic{left:calc(var(--padding-spac) + 10px);width:615px;max-width:100%}.csr-two__pic
.img{-webkit-mask-image:url(../../../themes/en/assets/css/../images/csr_pic2_mask2.svg);mask-image:url(../../../themes/en/assets/css/../images/csr_pic2_mask2.svg)}}@media (max-width: 1439px){.csr-two__content .tab-item{padding-right:0}}@media (max-width: 1365px){.csr-two
.ele{display:none}.csr-two__box-l{width:50%}.csr-two__box-l .nav-item{display:none}.csr-two__pic{position:relative;top:0;left:0;width:100%;max-width:615px}.csr-two__pic .img::before{padding-bottom:71.545%}.csr-two__content{padding-top:20px;padding-right:0}.csr-two__content .tab-item{display:block;min-height:auto}.csr-two__content .tab-item.active .tab-content{display:block}.csr-two__content .tab-item:not(:last-child){margin-bottom:max(20px, 1.8vw)}.csr-two__content .tab-title{position:relative;padding:8px
12px;border:#ddd solid 1px;border-radius:6px;background-color:#fff}.csr-two__content .tab-title::after{display:block;content:"";position:absolute;top:10px;right:12px}.csr-two__content .tab-title .g-box-title{margin-bottom:0;font-size:1.7rem}.csr-two__content .tab-content{display:none;margin-top:max(16px, 1.2vw);padding-left:4px}}@media (max-width: 991px){.csr-two{padding-right:var(--padding-spac)}.csr-two__box-l{padding:0
0 8% var(--padding-spac);width:100%}.csr-two__pic{margin:0
auto;max-width:735px}.csr-two__pic
.img{-webkit-mask-image:url(../../../themes/en/assets/css/../images/csr_pic2_mask2.svg);mask-image:url(../../../themes/en/assets/css/../images/csr_pic2_mask2.svg)}.csr-two__pic .img::before{padding-bottom:59.864%}.csr-two__content{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;padding:30px
0 0 var(--padding-spac)}}