:root{--font-family-default:"Rubik", "Arial", "sans-serif", "Noto Sans TC", "Microsoft JhengHei", "微軟正黑體";--size-default:1.6rem;--color-default:#555;--line-height-default:2;--color-bg-default:#fff;--gap-default:20px;--padding-spac-default:0 20px;--container-width:calc(1400px + (var(--gap-default) * 2));--con-top:170px;--spac-bottom:5.4vw;--header-height:65px;--color-white:#fff;--color-black:#000;--color-dark:#333;--color-gray:#666;--color-blue:#272862;--size-headline:4.6rem;--size-box-ti:3rem;--easeInOutCubic:cubic-bezier(0.645, 0.045, 0.355, 1.000)}@media screen and (max-width: 1459px){:root{--size-headline:4rem}}@media screen and (max-width: 1279px){:root{--size-headline:3.4rem;--size-box-ti:2.8rem}}@media screen and (max-width: 1079px){:root{--spac-bottom:40px;--line-height-default:1.8;--size-headline:2.8rem;--size-box-ti:2.6rem}}@media screen and (max-width: 839px){:root{--con-top:78px}}@media screen and (max-width: 767px){:root{--line-height-default:1.5;--size-headline:2.2rem;--size-box-ti:2.2rem}}.reset{margin:0;padding:0;list-style:none}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:rgba(0,0,0,0);text-shadow:none;background-color:rgba(0,0,0,0);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}*{box-sizing:border-box;backface-visibility:hidden;-webkit-tap-highlight-color:rgba(0,0,0,0)}*:before,*:after{box-sizing:border-box}a,a:visited,a:hover,a:focus,a:active{text-decoration:none;outline:0
!important;-webkit-tap-highlight-color:rgba(0,0,0,0)}button,button:visited,button:hover,button:focus,button:active{outline:0
!important;-webkit-tap-highlight-color:rgba(0,0,0,0)}a[accesskey]{color:rgba(0,0,0,0) !important;position:absolute !important;top:0;left:0;font-size:0}img,a
img{border:none;max-width:100%;height:auto !important}h1,h2,h3,h4,h5,h6{font-weight:normal}img,input[type=image],video,embed,iframe,marquee,object,table{aspect-ratio:attr(width)/attr(height)}section,article,aside,footer,header,nav,main{display:block}p{line-height:inherit}ol.reset,ul.reset,li.reset{list-style:none;margin:0;padding:0}label{font-weight:inherit}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;outline:0;border-radius:0;box-shadow:none !important}input:not([type=radio]):not([type=checkbox]),textarea,select,input[type=text]{-webkit-appearance:none;-moz-appearance:none;appearance:none}select::-ms-expand{display:none}input:not([type=button]),input:not([type=submit]),input:not([type=reset]){font-size:16px !important}input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none;height:1em;width:1em;margin-left:3px;opacity:0;pointer-events:none;background-size:contain;background-image:svg-url('<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="#fff" d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm0 448c-110.5 0-200-89.5-200-200S145.5 56 256 56s200 89.5 200 200-89.5 200-200 200zm101.8-262.2L295.6 256l62.2 62.2c4.7 4.7 4.7 12.3 0 17l-22.6 22.6c-4.7 4.7-12.3 4.7-17 0L256 295.6l-62.2 62.2c-4.7 4.7-12.3 4.7-17 0l-22.6-22.6c-4.7-4.7-4.7-12.3 0-17l62.2-62.2-62.2-62.2c-4.7-4.7-4.7-12.3 0-17l22.6-22.6c4.7-4.7 12.3-4.7 17 0l62.2 62.2 62.2-62.2c4.7-4.7 12.3-4.7 17 0l22.6 22.6c4.7 4.7 4.7 12.3 0 17z" /></svg>')}input[type=search]:focus::-webkit-search-cancel-button{opacity:1;pointer-events:all;cursor:pointer}textarea{resize:vertical}::-webkit-input-placeholder{color:#a6a7a7;font-size:16px}::-moz-placeholder{color:#a6a7a7;font-size:16px}:-ms-input-placeholder,:-moz-placeholder{color:#a6a7a7;font-size:16px}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{box-shadow:none;transition:background-color 5000s ease-in-out 0s;-webkit-text-fill-color:#1c92d2}::selection{background:#1c92d2;color:#fff}::-moz-selection{background:#1c92d2;color:#fff}hr{display:block;background:none;height:1px;width:100%;margin:20px
auto;border:none;border-top:1px solid #ddd}@media(max-width: 767px){hr{margin:15px
auto}}.hidden-ele{display:none;visibility:hidden}@font-face{font-display:swap;font-family:"Rubik";font-style:normal;font-weight:400;src:url("../fonts/Rubik/Rubik-Regular.woff2") format("woff2"),url("../fonts/Rubik/Rubik-Regular.woff") format("woff")}@font-face{font-display:swap;font-family:"Rubik";font-style:normal;font-weight:500;src:url("../fonts/Rubik/Rubik-Medium.woff2") format("woff2"),url("../fonts/Rubik/Rubik-Medium.woff") format("woff")}@font-face{font-display:swap;font-family:"Rubik";font-style:normal;font-weight:600;src:url("../fonts/Rubik/Rubik-SemiBold.woff2") format("woff2"),url("../fonts/Rubik/Rubik-SemiBold.woff") format("woff")}@font-face{font-display:swap;font-family:"Rubik";font-style:normal;font-weight:700;src:url("../fonts/Rubik/Rubik-Bold.woff2") format("woff2"),url("../fonts/Rubik/Rubik-Bold.woff") format("woff")}html{font-size:10px;line-height:10px}html.is-open{overflow:hidden}a{color:var(--color-default);transition:all .25s}img{max-width:100%;height:auto !important;vertical-align:top;border:0}body{margin:0;padding:0;font-family:var(--font-family-default);font-size:var(--size-default);color:var(--color-default);word-wrap:break-word;line-height:var(--line-height-default);background-color:var(--color-bg--default);-webkit-text-size-adjust:none;-webkit-overflow-scrolling:touch;overflow-x:hidden !important}.main-wrap{overflow:hidden}.container{padding-left:var(--gap-default);padding-right:var(--gap-default);max-width:var(--container-width)}.wrap-1310{margin:0
auto;padding-left:var(--gap-default);padding-right:var(--gap-default);max-width:calc(1310px + var(--gap-default)*2)}@media screen and (min-width: 768px){.container{padding-left:25px;padding-right:25px;max-width:1450px}.wrap-1310{padding-left:25px;padding-right:25px;max-width:1360px}}@media screen and (min-width: 1280px){.container{padding-left:30px;padding-right:30px;max-width:1460px}.wrap-1310{padding-left:30px;padding-right:30px;max-width:1370px}}.clearboth{clear:both;height:0;font-size:0;overflow:hidden}.hidden-block{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{line-height:0;text-align:center}.txt-justify{text-align:justify;text-justify:inter-ideograph}.cursor{pointer-events:none;position:fixed;width:50px;height:50px;top:0;left:0;z-index:999;border:2px
solid #272862;border-radius:50%}@media screen and (max-width: 1024px){.cursor{display:none}}.flex{display:flex;flex-wrap:wrap}.box-ti{margin:0
0 2.1vw 0;font-size:var(--size-box-ti);color:var(--color-blue);font-weight:700;text-align:center;line-height:1.5}.box-ti.small{font-size:1.5rem;color:var(--color-black)}.box-ti.line{position:relative;margin-bottom:1.5vw;text-align:left}.box-ti.line::after{display:block;content:"";position:absolute;top:50%;left:0;width:100%;height:1px;background-color:#ccc}.box-ti.line
span{display:inline-block;position:relative;z-index:2;padding-right:15px;background-color:#fff}@media screen and (max-width: 1079px){.box-ti{margin-bottom:30px}}@media screen and (max-width: 767px){.box-ti{margin-bottom:20px}}.spac-view{padding-top:var(--con-top)}.spac{padding-top:2.85vw;padding-bottom:var(--spac-bottom)}@media screen and (max-width: 767px){.spac{padding-top:10px}}.hover-style .pic,.hover-style .pic
a{display:block;position:relative}.hover-style
.more{position:absolute;z-index:2;top:0;left:0;width:100%;height:100%;opacity:0;visibility:hidden;background-color:rgba(39,40,98,.85);transition:all .35s}.hover-style .more>div{position:absolute;top:50%;left:50%;width:35.72%;max-width:50px;border-radius:100%;background-color:var(--color-white);transform:translate(-50%, -50%) scale(0);transition:all .35s .05s}.hover-style .more>div::after{display:block;content:"";padding-bottom:100%;width:100%}.hover-style .more>div
i{display:block;position:absolute;z-index:2;top:0;left:0;width:100%;height:100%}.hover-style .more>div i::before,.hover-style .more>div i::after{display:block;content:"";position:absolute;top:50%;left:50%;width:1px;height:40%;background-color:var(--color-blue);transform:translate(-50%, -50%)}.hover-style .more>div i::after{transform:translate(-50%, -50%) rotate(90deg)}.hover-style:hover
.more{opacity:1;visibility:visible}.hover-style:hover .more>div{transform:translate(-50%, -50%) scale(1)}.block-nodata{margin:auto;width:100%;padding:60px
0;text-align:center}.block-nodata
.img{display:block;position:relative;margin:0
auto 15px auto;width:85px;height:85px;border-radius:50%;border:2px
dashed var(--color-gray)}.block-nodata .img::before{content:"!";position:absolute;top:50%;left:50%;font-size:2.5rem;color:var(--color-purple);font-weight:600;transform:translate(-50%, -50%)}.block-nodata
.text{margin:20px
auto 0;color:#555;letter-spacing:var(--letter-spac-md);text-align:center;text-shadow:0 0 1px rgba(0,0,0,.1)}.block-nodata .text
strong{display:block;margin:0
auto;font-weight:500}@media screen and (max-width: 1079px){.block-nodata{padding:50px
0}}#header,.nav-wrap,.menu-main,.header-top{transition:all .25s ease-in-out}#header{display:flex;justify-content:center;align-items:center;position:fixed;z-index:999;top:0;left:0;padding:2.6vw 3.5vw 0 3.1vw;width:100%}.header-top{display:flex;justify-content:space-between;align-items:center;position:relative;width:100%}.logo{margin:0;width:115px}.logo
a{display:block;width:100%;background:url(../images/logo_white.svg) no-repeat 0 0;background-size:cover}.logo a
i{display:block;padding-bottom:74.783%;width:100%}.search .search-btn{position:relative;width:25px;cursor:pointer}.search .search-btn
i{display:block;width:100%;background:url(../images/icon_search.svg) no-repeat 0 0;background-size:cover;transition:all .3s}.search .search-btn i::before{display:block;content:"";padding-bottom:100%;width:100%}.search .search-btn
span{pointer-events:none;display:block;position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:all .3s}.search .search-btn span::before,.search .search-btn span::after{display:block;content:"";position:absolute;top:50%;left:50%;width:2px;height:100%;background-color:var(--color-white)}.search .search-btn span::before{transform:translate(-50%, -50%) rotate(-45deg)}.search .search-btn span::after{transform:translate(-50%, -50%) rotate(45deg)}.search .search-btn.is-open
i{opacity:0}.search .search-btn.is-open
span{pointer-events:auto;opacity:1;transform:rotate(360deg)}.search-wrap{position:fixed;top:calc(var(--header-height) + 4vw);right:3.5vw;width:30%;visibility:hidden;transform:rotateX(90deg);transform-origin:center top 0;transition:all .3s ease}.search-wrap
form{position:relative}.search-wrap form .input-style{padding-right:55px}.search-wrap form .btn-search{display:block;position:absolute;top:1px;right:1px;width:48px;height:48px;outline:none;border:none;box-shadow:none;border-radius:0 3px 3px 0;background-color:#f6f6f6}.search-wrap form .btn-search
i{display:block;position:absolute;top:50%;left:50%;width:20px;height:20px;background:url(../images/icon_search.svg) no-repeat 0 -20px;background-size:cover;transform:translate(-50%,-50%)}.search-wrap.is-open{visibility:visible;transform:rotateX(0deg)}@media screen and (min-width: 840px){#header:not(.is-open).is-scroll{padding-top:0;height:75px;background-color:var(--color-white);box-shadow:0 0 30px rgba(0,0,0,.15)}#header:not(.is-open).is-scroll
.logo{max-width:97px}#header:not(.is-open).is-scroll .logo
a{background:url(../images/logo.svg) no-repeat 0 0;background-size:cover}#header:not(.is-open).is-scroll .logo a
i{padding-bottom:59.794%}#header:not(.is-open).is-scroll .search .search-btn
i{background-position:0 100%}#header:not(.is-open).is-scroll .search .search-btn span::before,#header:not(.is-open).is-scroll .search .search-btn span::after{background-color:var(--color-blue)}#header:not(.is-open).is-scroll .search-wrap{top:90px}.view-page
#header{padding-top:20px}.view-page
.logo{max-width:115px}.view-page .logo
a{background:url(../images/logo_blue.svg) no-repeat 0 0;background-size:cover}.view-page .logo a
i{padding-bottom:74.783%}.view-page .search .search-btn
i{background-position:0 100%}.view-page .search .search-btn span::before,.view-page .search .search-btn span::after{background-color:var(--color-blue)}}@media screen and (max-width: 1559px){#header{padding-left:30px;padding-right:30px}.search-wrap{right:30px}}@media screen and (max-width: 1279px){#header{padding-top:20px;padding-left:25px;padding-right:25px}.logo{max-width:100px}.search-wrap{top:calc(var(--header-height) + 2.5vw);right:25px}}@media screen and (max-width: 1079px){.header-top{z-index:10;padding-right:80px}.logo{max-width:90px}.search-wrap{top:calc(var(--header-height) + 3.5vw);right:35px;width:calc(100% - 55px)}}@media screen and (min-width: 840px)and (max-width: 1079px){#header.is-open{background-color:var(--color-blue)}}@media screen and (max-width: 839px){#header{padding-top:0;height:var(--header-height);background-color:var(--color-white);box-shadow:0 0 30px rgba(0,0,0,.15)}.header-top{padding-right:65px;height:48px}.logo{max-width:80px}.logo
a{background:url(../images/logo.svg) no-repeat 0 0;background-size:cover}.logo a
i{padding-bottom:60%}.search .search-btn
i{background-position:0 100%}.search .search-btn span::before,.search .search-btn span::after{background-color:var(--color-blue)}.search-wrap{top:75px;right:25px;width:calc(100% - 50px)}}@media screen and (max-width: 575px){#header{padding-left:var(--gap-default);padding-right:var(--gap-default)}.header-top{padding-right:60px}.search .search-btn{width:20px}.search-wrap{right:20px;width:calc(100% - 40px)}}.menu-main
a{display:block;position:relative;font-size:1.7rem;line-height:1.3;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}.menu-main .menu-second
a{font-size:1.6rem}@media screen and (min-width: 1080px){#nav-menu{position:absolute;top:calc(50% + 1.3vw);right:calc(3.1vw + 25px + 35px);width:780px;transform:translateY(-50%)}.menu-main{display:flex;justify-content:flex-end}.menu-main>li{position:relative}.menu-main>li:not(:first-child){margin-left:3.5vw}.menu-main>li>a{padding-bottom:13px;color:var(--color-white);font-weight:500}.menu-main>li>a>span{white-space:nowrap}.js-slide,ul.js-slide{position:absolute;width:210px;visibility:hidden;background-color:var(--color-white);box-shadow:0 0 10px rgba(0,0,0,.1);transform-origin:center top;transition:all .5s ease}.menu-second.js-slide{top:calc(100% + 10px);left:50%;transform:translateX(-50%) rotateX(90deg)}.menu-second>li{position:relative;text-align:center}.menu-second>li
a{position:relative;padding:5px;color:#111}.menu-second>li a::before,.menu-second>li a::after{display:block;content:"";position:absolute;left:5px}.menu-second>li a::before{top:5px;width:0;height:calc(100% - 10px);background-color:var(--color-blue);background:linear-gradient(45deg, rgb(39, 40, 98) 0%, rgb(40, 45, 211) 100%);transition:all .25s ease-in-out}.menu-second>li a::after{bottom:0;width:calc(100% - 10px);height:1px;background-color:#eee}.menu-second>li a
span{display:block;position:relative;z-index:2;padding:10px}.menu-third.js-slide{top:0;left:calc(100% + 10px);transform:rotateX(90deg)}.menu-main>li.product .js-slide{position:fixed;top:calc(100% + 10px);right:0;width:123.077%;max-width:960px;height:50vh;overflow-y:auto;background-color:#f5f5f5;transform:rotateX(90deg)}.menu-main>li.product .menu-second{width:100%}.menu-main>li.product .menu-second::after{display:block;content:"";position:absolute;top:2px;left:0;width:210px;height:calc(100% - 2px);background-color:var(--color-white)}.menu-main>li.product .menu-second>li{position:static;max-width:210px;text-align:left}.menu-main>li.product .menu-second>li>a{z-index:5;width:100%;background-color:var(--color-white)}.menu-main>li.product .menu-third{display:flex;flex-wrap:wrap;position:absolute;z-index:10;top:0;left:210px;padding:25px
30px;width:calc(100% - 210px);height:50vh;transition:all .25s ease-in-out;background-color:#f5f5f5}.menu-main>li.product .menu-third
a{padding:0}.menu-main>li.product .menu-third a::before,.menu-main>li.product .menu-third a::after{display:none}.menu-main>li.product .prod-box{margin:0
-15px;font-size:0}.menu-main>li.product .prod-box
.item{display:inline-block;margin-bottom:15px;padding:0
15px;width:25%;vertical-align:top}.menu-main>li.product .prod-box .item
.name{margin-top:10px;font-size:1.5rem;color:var(--color-blue);font-weight:500;text-align:center;line-height:1.4}.menu-main>li.has-child:hover .menu-second.js-slide{visibility:visible;transform:translateX(-50%) rotateX(0deg)}.menu-main>li .menu-second>li a:hover::before{width:calc(100% - 10px)}.menu-main>li .menu-second>li a:hover
span{color:var(--color-white)}.menu-main>li .menu-second>li.has-child:hover>a{color:var(--color-white)}.menu-main>li .menu-second>li.has-child:hover>a::before{width:calc(100% - 10px)}.menu-main>li .menu-second>li.has-child:hover .js-slide{visibility:visible;transform:rotateX(0deg)}.menu-main>li .menu-second>li.has-child:not(.product).current a::before{width:calc(100% - 10px)}.menu-main>li .menu-second>li.has-child:not(.product).current a
span{color:var(--color-white)}.menu-main>li.product.has-child:hover .js-slide{visibility:visible;transform:rotateX(0deg)}.menu-main>li.product.has-child:hover .js-slide li .menu-third{display:none;pointer-events:none}.menu-main>li.product.has-child:hover .js-slide li:nth-child(1) .menu-third,.menu-main>li.product.has-child:hover .js-slide li:nth-child(1):hover .menu-third{display:block;z-index:11;pointer-events:auto}.menu-main>li.product .menu-second>li.has-child:hover .menu-third{display:block;z-index:11;pointer-events:auto;opacity:1;visibility:visible}#header:not(.is-open).is-scroll #nav-menu{top:68%}#header:not(.is-open).is-scroll .menu-main>li>a{padding-bottom:26px;color:#222}#header:not(.is-open).is-scroll .menu-main>li>a::after{display:block;content:"";position:absolute;left:0;bottom:0;width:0;height:6px;background-color:var(--color-blue);transition:all .25s ease-in-out}#header:not(.is-open).is-scroll .menu-main>li.current>a{color:var(--color-blue)}#header:not(.is-open).is-scroll .menu-main>li.current>a::after{width:100%}#header:not(.is-open).is-scroll .menu-main>li.product .js-slide{top:100%}#header:not(.is-open).is-scroll .menu-second{border-top:var(--color-blue) solid 2px}#header:not(.is-open).is-scroll .menu-second.js-slide{top:100%}.view-page #nav-menu{top:calc(50% + 1.8vw)}.view-page .menu-main>li>a{padding-bottom:26px;color:#222}.view-page .menu-main>li>a::after{display:block;content:"";position:absolute;left:0;bottom:0;width:0;height:6px;background-color:var(--color-blue);transition:all .25s ease-in-out}.view-page .menu-main>li.current>a{color:var(--color-blue)}.view-page .menu-main>li.current>a::after{width:100%}.view-page .menu-main>li.product .js-slide{top:100%}.view-page .menu-second{border-top:var(--color-blue) solid 2px}.view-page .menu-second.js-slide{top:100%}}@media screen and (min-width: 1280px){#nav-menu{top:calc(50% + 1.3vw + 6.5px)}.view-page #nav-menu{top:calc(50% + 1.4vw)}}@media screen and (min-width: 1560px){#nav-menu{right:calc(3.1vw + 25px + 70px)}.view-page #nav-menu{top:calc(50% + 1.25vw)}}@media screen and (max-width: 1279px){#nav-menu{right:85px}}@media screen and (min-width: 768px)and (max-width: 1079px){#nav-menu{top:0;padding:calc(2.6vw + 116px) 0 40px;height:calc(var(--vh, 1vh)*100)}}@media screen and (max-width: 1079px){#nav-menu{position:fixed;z-index:9;left:0;width:100%;overflow-x:hidden;overflow-y:auto;background-color:var(--color-blue);transform:rotateX(90deg);transition:all .3s ease;-webkit-overflow-scrolling:touch}#nav-menu.is-open{transform:rotateX(0deg)}ul.menu-main{padding:0
45px}ul.menu-main>li{padding:25px
0}ul.menu-main>li:not(:last-child){border-bottom:rgba(255,255,255,.15) solid 1px}ul.menu-main>li>a{padding:5px
0 5px 50px;font-size:1.8rem;color:var(--color-white);font-weight:500}ul.menu-main>li>a::before,ul.menu-main>li>a::after{display:block;content:"";position:absolute}ul.menu-main>li>a::before{top:-1px;left:0;width:36px;height:36px;border:var(--color-white) solid 1px;border-radius:100%;background-color:var(--color-white)}ul.menu-main>li>a::after{top:13px;left:14px;width:9px;height:8px;background:url(../images/btn_aw_l.svg) no-repeat 0 0;background-size:cover}ul.menu-second{display:flex;flex-wrap:wrap;margin:15px
0 0 50px;max-width:calc(90% - 50px)}ul.menu-second>li{width:50%}ul.menu-second>li>a{padding:5px
15px;color:rgba(255,255,255,.55)}ul.menu-second>li>a::before{display:block;content:"";position:absolute;top:13px;left:0;width:4px;height:4px;border-radius:100%;background-color:rgba(255,255,255,.5)}ul.menu-second>li>a:hover{color:#fff}ul.menu-second>li>a:hover::before{background-color:#fff}ul.menu-second>li.current
a{color:var(--color-white)}ul.menu-second>li.current a::before{background-color:#fff}.menu-third{display:none}}@media screen and (max-width: 839px){#nav-menu{top:var(--header-height);padding:10px
0 20px;height:calc(var(--vh, 1vh)*100 - var(--header-height))}ul.menu-main{padding:0
20px}ul.menu-main>li{padding:15px
0}ul.menu-main>li>a{padding:5px
0 5px 45px;font-size:1.7rem}ul.menu-main>li>a::before{top:2px;width:28px;height:28px}ul.menu-main>li>a::after{top:12px;left:10px}ul.menu-second{margin:5px
0 0 45px;max-width:calc(100% - 45px)}ul.menu-second>li{width:100%}ul.menu-second>li>a{padding-left:12px}}#nav-toggler{display:none;position:absolute;z-index:5;top:50%;right:10px;width:45px;font-size:0;cursor:pointer;border:var(--color-white) solid 1px;transform:translateY(-50%)}#nav-toggler::after{display:block;content:"";padding-bottom:100%;width:100%}#nav-toggler
span{display:block;position:absolute;left:50%;top:50%;width:40%;height:2px;background-color:var(--color-white);transform:translate(-50%, -50%)}#nav-toggler span:nth-child(1){margin-top:-18%;transition:.3s}#nav-toggler span:nth-child(2){transition:width .3s}#nav-toggler span:nth-child(3){margin-top:18%;transition:.3s}#nav-toggler.is-open span:nth-child(1){margin-top:0px;transition:margin .3s,transform .3s .3s;transform:translate(-50%, -50%) rotate(45deg)}#nav-toggler.is-open span:nth-child(2){width:0}#nav-toggler.is-open span:nth-child(3){margin-top:0px;transition:margin .3s,transform .3s .3s;transform:translate(-50%, -50%) rotate(-45deg)}@media screen and (min-width: 840px){#header:not(.is-open).is-scroll #nav-toggler{border-color:var(--color-blue)}#header:not(.is-open).is-scroll #nav-toggler
span{background-color:var(--color-blue)}.view-page #nav-toggler{border-color:var(--color-blue)}.view-page #nav-toggler
span{background-color:var(--color-blue)}}@media screen and (max-width: 1079px){#nav-toggler{display:block}}@media screen and (max-width: 839px){#nav-toggler{right:0;width:40px;border-color:var(--color-blue)}#nav-toggler
span{background-color:var(--color-blue)}}#gotop{cursor:pointer;position:fixed;z-index:10;right:0;bottom:0;width:4.8rem;height:4.8rem;cursor:pointer;background:url(../images/gotop.png) no-repeat 0 0;background-size:cover}#footer{padding-top:2.85vw;font-size:1.6rem;color:#aaa;background-color:#111}#footer
a{color:#aaa}#footer
.container{padding:0
2.85vw;max-width:1700px}#footer .footer-logo{width:105px}#footer .footer-logo
a{display:block;width:100%;background:url(../images/logo_white.svg) no-repeat 0 0;background-size:cover}#footer .footer-logo a
i{display:block;padding-bottom:75.239%;width:100%}#footer
.links{padding:0
3vw 0 4vw;width:calc(100% - 105px - 27%);font-size:0}#footer .links
.item{display:inline-block;vertical-align:top}#footer .links .item:not(:last-child){padding-right:1.5vw}#footer .links .item
.box{display:flex;flex-wrap:wrap}#footer .links .item .box .item-sub{flex:0 0 50%;width:50%}#footer .links .item .item-ti{margin-bottom:10px;width:100%;font-size:1.7rem;font-weight:500}#footer .links .item .item-ti
a{color:var(--color-white)}#footer .links .item .item-sub{margin-bottom:10px;font-size:1.6rem}#footer .links .item .item-sub
a{color:#aaa}#footer .links .item .item-sub a:hover{color:var(--color-white)}#footer .links
.item.about{width:21%}#footer .links
.item.prod{width:30%}#footer .links
.item.solution{padding-right:0;width:49%}#footer .links
.item.other{margin-top:-50px;width:20%}#footer
.data{width:27%}#footer .data .info
h3{display:flex;margin-bottom:15px;font-size:1.6rem;line-height:1.5}#footer .data .info
i{display:block;margin:1px
13px 0 0;width:20px;height:20px;background-repeat:no-repeat;background-position:0 0;background-size:cover}#footer .data .info
a{display:block;width:calc(100% - 33px)}#footer .data .info a:hover{color:var(--color-white)}#footer .data .info .tel
i{background-image:url(../images/icon_tel.svg)}#footer .data .info .fax
i{background-image:url(../images/icon_fax.svg)}#footer .data .info .mail
i{background-image:url(../images/icon_mail.svg)}#footer .data .info .add
i{background-image:url(../images/icon_map.svg)}#footer .data ul.social-link{padding-top:5px}#footer
.copyright{margin:2.5vw 20px 0;padding:1.5vw 2.85vw;max-width:1740px;font-size:1.5rem;color:#888;text-align:center;line-height:1.5;border-top:#323232 solid 1px}#footer .copyright
a{color:#555}#footer .copyright a:hover{color:#888;text-decoration:underline}@media screen and (max-width: 1279px){#footer{padding-top:40px}#footer
.container{padding:0
20px}#footer
.links{margin-bottom:20px;padding:20px
0;width:100%;border-bottom:#323232 solid 1px}#footer
.data{width:100%}#footer .data
.info{display:flex;flex-wrap:wrap;justify-content:center;margin:0
-8px;text-align:center}#footer .data .info
li{padding:0
8px}#footer .data .info
h3{margin-bottom:5px}#footer .data .social-link{justify-content:center}#footer
.copyright{margin-top:20px;padding:20px
0}}@media screen and (max-width: 991px){#footer .footer-logo{margin:0
auto 20px;width:85px}#footer
.links{display:none}#footer .data .info
i{margin-right:5px}#footer .data .info
a{width:calc(100% - 25px)}#footer .data ul.social-link{margin-top:10px}#footer .copyright
a{display:block}}@media screen and (max-width: 575px){#footer .data
.info{justify-content:flex-start;text-align:left}}ul.social-link{display:flex;margin:0
-10px}ul.social-link
li{padding:0
10px}ul.social-link
a{display:block}ul.social-link a:hover
i{background-position:0 -22px}ul.social-link
i{display:block;width:22px;height:22px;background-repeat:no-repeat;background-position:0 0;background-size:cover;transition:all .25s}ul.social-link .linkin
i{background-image:url(../images/icon_linkin.png)}ul.social-link .twitter
i{background-image:url(../images/icon_twitter.png)}ul.social-link .youtube
i{background-image:url(../images/icon_youtube.png)}ul.social-link .fb
i{background-image:url(../images/icon_fb.png)}.ani-fadeup{opacity:0;transform:translate(0, 60px);transition:opacity .35s,transform 1s}.ani-fadeup.scroll-view{opacity:1;transform:translate(0,0)}.ani-fadedown{opacity:0;transform:translate(0, -80px);transition:opacity .35s,transform 1s}.ani-fadedown.scroll-view{opacity:1;transform:translate(0,0)}.ani-fadein{opacity:0;transition:opacity 1.5s}.ani-fadein.scroll-view{opacity:1}.ani-fadeleft{opacity:0;transform:translate(30%, 0);transition:opacity .35s,transform 1s}.ani-fadeleft.scroll-view{opacity:1;transform:translate(0,0)}.ani-faderight{opacity:0;transform:translate(-50px, 0);transition:opacity .35s,transform 1s}.ani-faderight.scroll-view{opacity:1;transform:translate(0,0)}.ani-zoomin{transform:scale(0);transition:all .8s ease-in-out}.ani-zoomin.scroll-view{transform:scale(1)}.delay-15{transition-delay:.15s}.delay-40{transition-delay:.4s}.delay-65{transition-delay:.65s}.delay-90{transition-delay:.9s}.banner{position:relative;width:100%;overflow:hidden}.banner
.wrap{position:relative;padding-bottom:31.596%;width:100%;background-color:#111}.banner .pic,.banner .background-img{position:absolute;z-index:0;top:0;left:0;width:100%;height:100%;opacity:0;will-change:transform;transform:scale(1.12);transition:opacity 1.5s .15s,transform 1.5s .15s}.banner .pic img,.banner .pic source,.banner .background-img img,.banner .background-img
source{position:absolute;top:0;left:50%;min-width:100%;min-height:100% !important;object-fit:cover;object-position:center center;transform:translate(-50%, 0)}.banner.scroll-view .pic,.banner.scroll-view .background-img{opacity:1;transform:scale(1)}#p-ban
.container{position:absolute;z-index:2;top:50%;left:50%;transform:translate(-50%, -50%)}#p-ban .foreground-text{margin:0;font-size:var(--size-headline);color:var(--color-white);font-weight:700}#i-banner{height:calc(var(--vh, 1vh)*100)}#i-banner
.wrap{padding-bottom:100vh}.ban-swiper .swiper-wrapper{line-height:0;transition:none;background-color:#333}.ban-swiper .swiper-slide
a{display:block;position:absolute;top:0;left:0;width:100%;height:100%}.ban-swiper .swiper-slide
.txt{position:absolute;z-index:2;top:46%;left:50%;padding:0
var(--gap-default);width:88%;max-width:var(--container-width);color:var(--color-white);transform:translate(-50%, -50%)}.ban-swiper .swiper-slide
.slogan{margin:0
0 10px 50px;font-size:4.6rem;font-weight:700;line-height:1.2;letter-spacing:.08rem;opacity:0;transform:translateY(50px);transition:all .8s ease-in-out}.ban-swiper .swiper-slide
.subtitle{margin:0
0 0 50px;font-size:1.9rem;opacity:0;transform:translateY(-50px);transition:all .8s ease-in-out}.ban-swiper .swiper-slide-active .slogan,.ban-swiper .swiper-slide-active
.subtitle{opacity:1;transform:translateY(0)}.ban-swiper .swiper-slide-active
.pic{opacity:1;transform:scale(1) !important}.ban-swiper.prevent-btn .swiper-pagination{opacity:0 !important;pointer-events:none !important}@media screen and (max-width: 1679px){#p-ban
.container{top:65%}}@media screen and (max-width: 1279px){#p-ban
.container{top:75%}}@media screen and (max-width: 1079px){.ban-swiper .swiper-slide
.txt{text-align:center}.ban-swiper .swiper-slide
.slogan{margin-left:0;font-size:3.8rem}.ban-swiper .swiper-slide
.subtitle{margin-left:0}}@media screen and (max-width: 839px){.banner{margin-top:var(--header-height)}#p-ban
.container{top:55%}#p-ban .foreground-text{font-weight:500}#i-banner{height:calc(var(--vh, 1vh)*100 - var(--header-height))}#i-banner
.wrap{padding-bottom:calc(100vh - var(--header-height))}}@media screen and (max-width: 767px){.ban-swiper .swiper-slide
.slogan{font-size:3.2rem;font-weight:600}.ban-swiper .swiper-slide .slogan
br{display:none}}@media screen and (max-width: 575px){.ban-swiper .swiper-slide
.slogan{font-size:2.8rem}}.breadcurmb-wrap{display:none}.p-breadcurmb{padding-top:15px;width:100%}.p-breadcurmb
ul{width:100%;font-size:1.5rem}.p-breadcurmb
li{position:relative;color:var(--color-white);line-height:1.2}.p-breadcurmb li:not(:first-child){padding-left:14px}.p-breadcurmb li:not(:first-child)::before{display:block;content:"";position:absolute;top:8px;left:6px;width:3px;height:3px;border-radius:100%;background-color:var(--color-white)}.p-breadcurmb li
a{color:var(--color-white)}.p-breadcurmb li a:hover{text-decoration:underline}.view-page .p-breadcurmb{padding:0}.view-page .p-breadcurmb
li{color:#999}.view-page .p-breadcurmb li:not(:first-child)::before{background-color:#bbb}.view-page .p-breadcurmb li
a{color:#999}@media screen and (max-width: 1279px){.p-breadcurmb{padding-top:5px}}@media screen and (max-width: 767px){#p-ban .p-breadcurmb{display:none !important}.p-breadcurmb{padding-top:0}.p-breadcurmb
ul{font-size:1.3rem}.p-breadcurmb ul
li{color:#999}.p-breadcurmb ul li:not(:first-child)::before{top:6px;background-color:#bbb}.p-breadcurmb ul li
a{color:#999}.breadcurmb-wrap{display:block;padding-top:15px;padding-bottom:15px}}.p-category{margin-bottom:3.5vw}.p-category .cate-btn{display:none}.p-category .cate-name{margin:0;font-size:1.6rem;color:var(--color-white)}.p-category .nav-list
a{display:block;position:relative;font-size:1.6rem;color:var(--color-gray)}@media screen and (min-width: 768px){.p-category{border-bottom:#ddd solid 1px}.nav-list{display:flex !important;justify-content:center}.nav-list>li{padding:0
1.5vw}.nav-list>li>a{display:block;padding-bottom:15px;font-weight:500}.nav-list>li>a:hover{color:var(--color-blue)}.nav-list>li>a::before{display:none;content:"";position:absolute;bottom:-1px;left:0;width:100%;height:3px;background-color:var(--color-blue)}.nav-list>li.current>a{color:var(--color-blue)}.nav-list>li.current>a::before{display:block}}@media screen and (max-width: 767px){.p-category{margin:0
auto;padding-bottom:30px;max-width:100%}.p-category .cate-btn{display:block;position:relative;padding:10px
15px;width:100%;cursor:pointer;border-radius:4px;background-color:var(--color-blue)}.p-category .cate-btn
span{display:block}.p-category .cate-btn
.icon{content:"";position:absolute;top:50%;right:15px;margin-top:-6px;width:10px;height:10px;text-align:center}.p-category .cate-btn .icon::before,.p-category .cate-btn .icon::after{display:block;content:"";position:absolute;top:50%;left:0;width:100%;height:1px;background-color:var(--color-white);transition:all .3s}.p-category .cate-btn .icon::after{transform:rotate(90deg)}.p-category .cate-btn.open .icon::before{opacity:0}.p-category .cate-btn.open .icon::after{transform:rotate(0deg)}ul.nav-list{display:none;margin-top:8px;border-bottom:var(--color-blue) 1px solid;border-radius:4px;background-color:var(--color-white);box-shadow:0 1px 8px rgba(0,0,0,.15)}ul.nav-list>li{overflow:hidden}ul.nav-list>li:not(:last-child){border-bottom:#ddd solid 1px}ul.nav-list>li:first-child{border-radius:6px 6px 0 0}ul.nav-list>li:last-child{border-radius:0 0 6px 6px}ul.nav-list>li>a{padding:8px
15px 5px}ul.nav-list>li.current>a,ul.nav-list>li>a:hover{color:var(--color-blue);font-weight:600;background-color:#f6f6f6}}.p-category.prod .nav-list>li.has-child>a{position:relative}.p-category.prod .nav-list>li.has-child>a::after{display:block;content:"";position:absolute;top:25.5px;right:8px;width:8px;height:8px;border-width:2px;border-style:solid;border-color:var(--color-blue) var(--color-blue) rgba(0,0,0,0) rgba(0,0,0,0);background-color:rgba(0,0,0,0);transform:translate(-50%, -50%) rotate(45deg)}.p-category.prod .nav-list>li.has-child.current>a{color:var(--color-white);background-color:#5a5bb0}.p-category.prod .nav-list>li.has-child.current>a::after{border-color:var(--color-white) var(--color-white) rgba(0,0,0,0) rgba(0,0,0,0)}.p-category.prod .nav-list>li ul.nav-second{display:none;padding:12px
5px 10px 28px;background-color:#f9f9fd}.p-category.prod .nav-list>li ul.nav-second>li:not(:last-child){margin-bottom:5px}.p-category.prod .nav-list>li ul.nav-second>li>a{padding-left:15px;font-size:1.4rem;color:var(--color-gray);font-weight:400}.p-category.prod .nav-list>li ul.nav-second>li>a::before{display:block;content:"";position:absolute;top:10px;left:0;width:4px;height:1px;background-color:var(--color-gray)}.p-category.prod .nav-list>li ul.nav-second>li>a:hover{color:var(--color-blue)}.p-category.prod .nav-list>li ul.nav-second>li>a:hover::before{background-color:var(--color-blue)}.p-category.prod .nav-list>li ul.nav-second>li.current>a{color:var(--color-blue)}.p-category.prod .nav-list>li ul.nav-second>li.current>a::before{background-color:var(--color-blue)}@media screen and (min-width: 768px){.p-category.prod{border-bottom:none}.p-category.prod .nav-list{flex-wrap:wrap;justify-content:flex-start;line-height:1.5}.p-category.prod .nav-list>li{padding:1px
0;width:100%;border-bottom:#ccc solid 1px}.p-category.prod .nav-list>li>a{padding:15px
30px 15px 25px;font-size:1.4rem;color:var(--color-black);font-weight:400}.p-category.prod .nav-list>li>a:hover{background-color:#f2f2fc}.p-category.prod .nav-list>li>a::before{display:block;bottom:auto;left:12px;top:23px;width:4px;height:4px;background-color:#ccc;transform:rotate(45deg)}}@media screen and (min-width: 1080px){.p-category.prod .nav-list>li.has-child.current .nav-second{display:block}}@media screen and (max-width: 767px){.p-category.prod .nav-list>li.has-child>a::after{top:20px}}.form-group .label-ti{font-size:1.8rem;color:var(--color-dark);line-height:2.2}.form-group .label-ti
label{margin-bottom:0}.form-group .label-ti
strong{padding-right:5px;color:#5a5bb0}.input-style{display:block;padding:0
12px;width:100%;height:5rem;font-size:1.6rem;line-height:5rem;border:#ddd solid 1px;border-radius:4px;box-shadow:none;background-color:#fff}.input-style:focus,.input-style:hover{border-color:var(--color-blue)}textarea.input-style{padding-top:10px;padding-bottom:10px;height:100px;line-height:var(--line-height-sm)}.form-group .input-style[disabled]{cursor:not-allowed;background-color:#ececec}label input[type=radio],label input[type=checkbox]{position:absolute;z-index:-100 !important;width:1px !important;height:1px !important;clip:rect(1px,1px,1px,1px)}.sex{display:flex;width:100px}.sex
label.radio{margin:0
0 0 5px;padding:0;width:50px;height:50px;text-align:center;cursor:pointer;line-height:5rem}.sex label.radio input+span{display:inline-block;position:relative;width:50px;height:50px;font-size:1.6rem;color:var(--color-gray);font-weight:normal;text-align:center;vertical-align:middle;line-height:5rem;border:#ddd solid 1px;border-radius:4px;background-color:var(--color-white)}.sex label.radio input:checked+span{color:var(--color-white);border-color:var(--color-blue);background-color:var(--color-blue)}.gender .field
input{width:calc(100% - 110px)}.gender .field
.sex{width:110px}.select-box{position:relative;z-index:1;width:100%}.select-box::before{pointer-events:none;content:"";position:absolute;z-index:5;top:45%;right:15px;width:0;height:0;line-height:0;border-style:solid;border-width:6px 4px 0 4px;border-color:var(--color-blue) rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0)}.select-box
select{padding:0
12px;width:100%;height:50px;font-size:1.6rem;color:var(--color-dark);outline:none;cursor:pointer;line-height:5rem;border:#ddd solid 1px;border-radius:4px;background-color:var(--color-white);text-overflow:"";appearance:none}.select-box select::-ms-expand{display:none}.select-box:hover
select{border-color:var(--color-blue)}.form-group.code
.field{display:flex}.form-group.code .field .code-txt{margin-left:5px;width:120px;cursor:pointer;line-height:5rem}.form-group.code .field .code-txt
img{width:120px;border-radius:4px;overflow:hidden}.form-group.code .field
input{width:calc(100% - 125px)}@media screen and (max-width: 1079px){.form-group{margin-bottom:10px}}@media screen and (max-width: 767px){.form-group .label-ti{font-size:1.7rem;line-height:2}}.p-pager{padding-top:25px;font-size:0;text-align:center}.p-pager>a{display:inline-block;position:relative;margin:0
7px;width:40px;height:40px;vertical-align:middle;line-height:4rem;border-radius:100%;overflow:hidden}.p-pager
.num{font-size:1.5rem;color:var(--color-dark);border:#ddd solid 1px}.p-pager .num:hover,.p-pager
.num.current{color:var(--color-white);background-color:var(--color-blue)}.p-pager .btn-aw{text-indent:-9999px}.p-pager .btn-aw::after{display:block;content:"";position:absolute;top:50%;left:50%;width:30%;height:30%;border-width:2px;border-style:solid;border-color:var(--color-blue) var(--color-blue) rgba(0,0,0,0) rgba(0,0,0,0)}.p-pager .prev::after{transform:translate(-50%, -50%) rotate(-135deg)}.p-pager .next::after{transform:translate(-50%, -50%) rotate(45deg)}.p-pager
.disabled{opacity:.3;cursor:not-allowed}.p-pager .disabled::after{border-color:var(--color-gray) var(--color-gray) rgba(0,0,0,0) rgba(0,0,0,0)}@media screen and (max-width: 1079px){.p-pager{padding-top:0}.p-pager>a{margin:0
4px;width:26px;height:26px;line-height:2.6rem}.p-pager
.num{font-size:1.3rem}}.recommen{margin-top:3.5vw;padding:4.6vw 0;background:url(../images/recommended_bg.jpg) no-repeat center top}.recommen .recommen-list{position:relative;padding-top:1.5vw}.recommen .recommen-list .page-control{position:absolute;z-index:10;top:45%;left:50%;width:39%;max-width:540px;transform:translate(-50%, -50%)}.recommen-slick
.item{padding:0
1.5vw;text-align:center}.recommen-slick .item
a{display:block;width:100%}.recommen-slick .item
.pic{margin:0
auto;max-width:200px}.recommen-slick .item
.name{margin:18px
0 0 0;font-size:1.6rem;color:var(--color-default);line-height:1.3}.recommen-slick .item .name
span{display:block;margin-bottom:8px;font-size:1.8rem;color:var(--color-blue);font-weight:700}.recommen-slick.more-type
.item{padding:0
2.5vw}.recommen-slick.less-type{margin-bottom:1.5vw}@media screen and (min-width: 992px){.recommen .recommen-list .page-control.btn-hide{display:none}}@media screen and (max-width: 1365px){.recommen{margin-top:60px}}@media screen and (min-width: 992px)and (max-width: 1079px){.recommen .recommen-list .page-control{width:48%}}@media screen and (max-width: 1079px){.recommen{margin-top:40px;padding:40px
0}.recommen-slick .item .name
span{font-size:1.7rem}.recommen-slick.more-type
.item{padding:0
5vw}}@media screen and (max-width: 991px){.recommen .recommen-list{padding-top:10px}.recommen .recommen-list .page-control{top:35%;width:70%}.recommen-slick{margin:0
auto;max-width:470px}.recommen-slick
.item{max-width:100%}}@media screen and (max-width: 767px){.recommen .recommen-list .page-control{width:100%;max-width:100%}}@media screen and (max-width: 575px){.recommen{margin-top:30px}}@keyframes criss-cross-left{0%{left:-20px}50%{left:50%;width:20px;height:20px}100%{left:50%;width:375px;height:375px}}@keyframes criss-cross-right{0%{right:-20px}50%{right:50%;width:20px;height:20px}100%{right:50%;width:375px;height:375px}}.btn-box{padding-top:2.5vw}.btn-box
ul{justify-content:center;margin:0
-5px}.btn-box ul
li{padding:0
5px}.btn-style{display:inline-block;position:relative;padding:0
10px;width:180px;font-size:1.6rem;text-align:center;line-height:5.5rem;border:none;border-radius:100px;box-shadow:none;overflow:hidden}.btn-style::before,.btn-style::after{position:absolute;top:50%;content:"";width:20px;height:20px;background-color:#5a5bb0;border-radius:50%}.btn-style::before{left:-20px;transform:translate(-50%,-50%)}.btn-style::after{right:-20px;transform:translate(50%,-50%)}.btn-style:hover::before{animation:criss-cross-left .8s both;animation-direction:alternate}.btn-style:hover::after{animation:criss-cross-right .8s both;animation-direction:alternate}.btn-style
span{position:relative;z-index:5}.blue{background-color:var(--color-blue)}.blue
span{color:var(--color-white)}.blue:hover
span{color:var(--color-white)}.white{border:#5a5bb0 solid 1px;background-color:var(--color-white)}.white
span{color:#5a5bb0}.white:hover
span{color:var(--color-white)}@media screen and (max-width: 1079px){.btn-box{padding-top:30px}}@media screen and (max-width: 767px){.btn-style{width:160px;line-height:4.6rem}}@media screen and (max-width: 575px){.btn-box ul
li{width:50%}.btn-box ul .btn-style{width:100%}}.slick{position:relative}.slick
img{width:100%}.slick .slick-slide{margin-bottom:0}.slick .slick-slide>div{line-height:0}.slick .slick-dots{margin:4.2vw 0 1.5vw;padding:0
20px;width:100%;font-size:0;letter-spacing:0;text-align:center;line-height:0}.slick .slick-dots
li{display:inline-block;position:relative;margin:0
4.5px;padding:0;vertical-align:middle}.slick .slick-dots li
button{display:block;padding:0;width:9px;height:9px;text-indent:-9999px;line-height:9px;border:none;border-radius:100%;background:#bbb;box-shadow:none;overflow:hidden;transition:all .25s ease-in-out}.slick .slick-dots li.slick-active
button{width:40px;border-radius:100px;background:var(--color-blue)}.slick .slick-dots li::marker{display:none}.slick-arrow,.page-control-btn{display:block;position:absolute;z-index:5;top:50%;margin:0;padding:0;width:36px;text-indent:-9999px;outline:none;border:none;line-height:0;background-color:rgba(0,0,0,0);box-shadow:none;overflow:hidden;transform:translateY(-50%)}.slick-arrow::before,.slick-arrow::after,.page-control-btn::before,.page-control-btn::after{display:block;content:""}.slick-arrow::before,.page-control-btn::before{position:absolute;top:50%;left:50%;width:6px;height:10px;background-repeat:no-repeat;background-position:0 0;background-size:cover;transform:translate(-50%,-50%)}.slick-arrow::after,.page-control-btn::after{padding-bottom:100%;width:100%;border-radius:100%;background-color:var(--color-blue)}.slick-prev,.page-prev{left:0}.slick-prev::before,.page-prev::before{background-image:url(../images/slick_aw_l.svg)}.slick-next,.page-next{right:0}.slick-next::before,.page-next::before{background-image:url(../images/slick_aw_r.svg)}@media(max-width: 576px){.slick .slick-dots{padding:0
10px}.slick .slick-dots
li{margin:0
2.5px}.slick .slick-dots li
button{display:block;padding:0;width:7px;height:7px}.slick .slick-dots li.slick-active
button{width:20px}.slick-arrow,.page-control-btn{width:28px}}.thumb-slider .slick-arrow{top:0;left:50%;transform:translate(-50%, 0) rotate(90deg)}.thumb-slider .slick-next{top:auto;bottom:0}@media(max-width: 1366px){.thumb-slider .slick-arrow{width:28px}}@media(max-width: 768px){.pic-slick .slick-dots{position:absolute;left:0;bottom:5px}}@media(min-width: 1280px){.recommen-list .page-control .page-control-btn{width:51px}.recommen-list .page-control .page-control-btn::before{width:11px;height:19px}}#product .cata-ti{margin:0
0 15px;padding-bottom:8px;font-size:var(--size-box-ti);color:var(--color-black);font-weight:700;border-bottom:var(--color-dark) solid 1px}#product .cata-intro{margin-bottom:15px;line-height:1.8}#product .prod-list{margin:0
-15px;padding-top:20px}#product .prod-list
.item{margin-bottom:30px;padding:0
15px;width:25%}#product .prod-list .item
a{display:block;border:#eee solid 1px}#product .prod-list .item .pic
img{border:var(--color-white) solid 1px}#product .prod-list .item
.name{margin-bottom:0;padding:20px
15px;min-height:95px;font-size:1.6rem;color:var(--color-default);text-align:center;line-height:1.5}@media screen and (min-width: 768px){#product .nav-prod>span{display:block;padding:5px
0 10px;font-size:1.4rem;color:var(--color-black);font-weight:600;border-bottom:var(--color-dark) solid 1px}}@media screen and (min-width: 1080px){#product .nav-prod{width:250px}#product .box-r{padding-left:3.5vw;width:calc(100% - 250px)}}@media screen and (max-width: 1279px){#product .prod-list{margin:0
-10px}#product .prod-list
.item{margin-bottom:20px;padding:0
10px}}@media screen and (max-width: 1079px){#product .cata-intro{margin-bottom:5px}#product .box-r{width:100%}}@media screen and (max-width: 839px){#product .prod-list
.item{width:33.333%}}@media screen and (max-width: 767px){#product .nav-prod{width:100%}#product .nav-prod>span{display:none}#product .cata-intro{line-height:1.5}}@media screen and (max-width: 575px){#product .prod-list
.item{width:50%}}@media screen and (max-width: 413px){#product .prod-list
.item{width:100%}}#product.view-page .data-top{position:relative;padding-bottom:5vw}#product.view-page .data-top .p-breadcurmb{margin-bottom:2vw}#product.view-page .data-top::after{display:block;content:"";position:absolute;top:0;left:0;width:40%;height:100%;background-color:#f9f9fd}#product.view-page .data-top
.flex{position:relative;z-index:2}#product.view-page .pic-wrap{display:flex;align-items:center;position:relative;width:43.512%;max-width:570px}#product.view-page
.intro{padding:1.5vw 0 0 5.5vw;width:56.488%}#product.view-page .intro
.name{font-size:var(--size-box-ti);color:var(--color-blue);font-weight:700}#product.view-page .intro .serial-num{color:#5a5bb0}#product.view-page .intro
.specifi{font-size:1.8rem;color:var(--color-dark)}#product.view-page .intro
.brief{margin-top:10px;padding-top:15px;border-top:#ddd solid 1px;line-height:1.8}#product.view-page .big-pic{position:relative;width:calc(85.96% - 20px);max-width:450px}#product.view-page .big-pic.marg-center{margin:0
auto;width:100%}#product.view-page .big-pic .page-control{display:none;position:absolute;top:50%;left:0;width:100%;transform:translateY(-50%)}#product.view-page .big-pic .pic-slick{background-color:var(--color-white);box-shadow:0 0 16px rgba(0,0,0,.08)}#product.view-page .small-pic{margin-right:20px;width:14.04%;max-width:80px}#product.view-page .small-pic .thumb-slider{padding:2.5vw 0}#product.view-page .small-pic .thumb-slider
.item{position:relative;margin:2.5px 0}#product.view-page .small-pic .thumb-slider .item
img{border:var(--color-white) solid 2px}#product.view-page .small-pic .thumb-slider .slick-current
img{border-color:var(--color-blue)}#product.view-page
.detail{margin-top:3.5vw}#product.view-page .detail .p-category{margin-bottom:0;border-bottom:0}#product.view-page .detail
.back{padding-bottom:var(--spac-bottom)}#product.view-page .detail .back.btn-hide{display:none}#product.view-page .nav-tabs{justify-content:center;border-color:var(--color-blue)}#product.view-page .nav-link{color:var(--color-dark);background-color:rgba(0,0,0,0)}#product.view-page .nav-link.active{color:var(--color-blue);font-weight:600;border-color:var(--color-blue);border-bottom-color:var(--color-white)}#product.view-page .tab-content{padding-top:60px}@media screen and (min-width: 768px){#product.view-page .nav-list>li{padding:0}#product.view-page .nav-link{padding:8px
1.8vw;font-size:1.7rem}}@media screen and (min-width: 992px){#product.view-page .nav-link{padding:10px
2.2vw;font-size:1.8rem}}@media screen and (max-width: 1679px){#product.view-page .small-pic .thumb-slider{padding:45px
0}}@media screen and (max-width: 1365px){#product.view-page
.detail{margin-top:80px}}@media screen and (max-width: 1279px){#product.view-page .tab-content{padding-top:20px}}@media screen and (max-width: 1079px){#product.view-page .data-top .p-breadcurmb{margin-bottom:30px}#product.view-page
.detail{margin-top:60px}#product.view-page .tab-content{padding-top:30px}}@media screen and (max-width: 1023px){#product.view-page .pic-wrap{margin:0
auto;width:100%}#product.view-page
.intro{padding:30px
0 0 0;width:100%}}@media screen and (max-width: 767px){#product.view-page .p-category{padding-bottom:0}#product.view-page
.detail{margin-top:40px}#product.view-page .nav-link{display:block;margin:0
!important;width:100%;padding:8px
15px 5px;font-size:1.6rem;color:var(--color-gray);text-align:left;border:none;border-radius:0}#product.view-page .nav-link.active,#product.view-page .nav-link:hover{border:none}#product.view-page .tab-content{padding-top:20px}#product.view-page .pic-wrap{max-width:100%}#product.view-page .small-pic{display:none}#product.view-page .big-pic{margin:0
auto;padding:0
50px;width:100%;max-width:550px}#product.view-page .big-pic .page-control{display:block}}@media screen and (max-width: 575px){#product.view-page .big-pic{padding:0
40px;max-width:100%}#product.view-page .big-pic.marg-center{padding:0;max-width:450px}}#product
.keyword{margin:30px
0 40px;padding-bottom:20px;font-size:1.8rem;text-align:center;border-bottom:var(--color-dark) solid 1px;line-height:1.5}#product .keyword
span{color:var(--color-blue);font-weight:600}@media screen and (max-width: 991px){#product
.keyword{font-size:1.7rem}}@media screen and (max-width: 767px){#product
.keyword{margin:10px
0 30px;padding:5px
0 10px}}@media screen and (max-width: 566px){#product
.keyword{margin-top:0}}