*{position:relative;box-sizing:border-box}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}:focus{outline:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none;-moz-appearance:none}input[type=search]{-webkit-appearance:none;-moz-appearance:none;box-sizing:content-box}textarea{overflow:auto;vertical-align:top;resize:vertical}audio,canvas,video{display:inline-block;*display:inline;*zoom:1;max-width:100%}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}a:focus{outline:thin dotted}a:active,a:hover{outline:0}img{border:0;-ms-interpolation-mode:bicubic}figure{margin:0}form{margin:0}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0;white-space:normal;*margin-left:-7px}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}button,input{line-height:normal}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;*overflow:visible}button[disabled],html input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;*height:13px;*width:13px}input[type="search"]{-webkit-appearance:textfield;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}img{vertical-align:middle}fieldset{border:0;margin:0;padding:0}textarea{resize:vertical}.chromeframe{margin:0.2em 0;background:#ccc;color:#000;padding:0.2em 0}::placeholder{color:#999}::selection{background-color:rgba(93,116,126,0.7)}::-webkit-scrollbar{width:10px;height:5px}::-webkit-scrollbar-track{border-radius:10px;margin:5px 0;background:rgba(255,255,255,0.9)}::-webkit-scrollbar-thumb{border-radius:4px;background:rgba(0,0,0,0.4)}a{color:#fff;text-decoration:none}a:hover,a:focus{color:#a1b2ba}.bold,strong,b{font-weight:bold}.tac{text-align:center}.titlefont{font-family:'Century Gothic','Arial','微軟正黑體',serif}.yellow{color:#ffc600}.bluefont{color:#92a6af}.t-center{text-align:center}h1{font-size:46px}h2{font-size:46px}h3{font-size:24px}h4{font-size:20px}h5{font-size:18px}h6{font-size:14px}p{font-size:16px;line-height:1.5}@media screen and (max-width: 1440px){h1{font-size:52px}h4{font-size:18px}h5{font-size:16px}p{font-size:14px}}.w1280{width:1280px;max-width:98%;margin:0 auto}.w1850{width:1850px;max-width:92%;margin:0 auto}.bgimg-wrap{width:100%;padding:70px 0;margin-bottom:-70px}.inner-top{width:100%}.inner-top img{width:100%;height:auto}ul.top-link{width:100%;margin-bottom:30px;display:flex;flex-wrap:wrap;align-items:flex-end}ul.top-link i{font-size:18px;color:#fff;margin:4px 8px 4px 0}ul.top-link li{padding-right:20px;margin:4px 0;display:flex;align-items:flex-end}ul.top-link li a{font-size:14px}ul.top-link li::after{content:'';background-image:url("../img/arrow_forward_ios.svg");background-size:70%;background-repeat:no-repeat;background-position:50% 50%;width:14px;height:14px;position:absolute;right:3px;bottom:0}ul.top-link li:last-child::after{display:none}.btn{display:inline-flex;align-items:center;justify-content:center;background-color:#fff;color:#ccc;font-weight:bold;border:none;border-radius:30px;padding:12px 20px 10px 20px;font-size:16px;line-height:1;transition:.3s}.btn.yellow{font-size:24px;background-color:#ffc600;color:#000;padding:25px 50px;border-radius:50px}.btn.yellow:hover,.btn.yellow:focus{background-color:#849aa4;color:#fff}.btn.black{background-color:transparent;border:3px solid #fff;color:#fff;font-size:30px;border-radius:50px;padding:30px 80px}.btn.black:hover,.btn.black:focus{border-color:#ffc600;color:#ffc600}a.addcart-btn{width:100%;border:none;background-color:#ffc600;color:#000;padding:18px 25px}a.addcart-btn::before{content:'ADD TO INQUIRY CART'}a.addcart-btn i{font-size:24px;color:#000}a.addcart-btn i.icon-cart{margin-left:10px}a.addcart-btn i.icon-plus{position:absolute;top:-30%;left:0;transform:rotate(0)}a.addcart-btn:hover,a.addcart-btn:focus{background-color:#ff9900}a.addcart-btn:hover i.icon-plus,a.addcart-btn:focus i.icon-plus{transform:rotate(360deg)}a.addcart-btn.active{background-color:#5d747e;color:#fff}a.addcart-btn.active i{color:#fff}a.addcart-btn.active::before{content:'ITEM ALREADY ADDED'}a.gocart{background-color:#849aa4;color:#fff;width:100%;letter-spacing:1px}a.gocart i.icon-MdiCart{font-size:24px;margin-left:12px;margin-right:-12px}a.gocart i.icon-arrow-right{font-size:14px;color:#849aa4;position:absolute;top:0;left:5px}a.gocart:hover,a.gocart:focus{background-color:#5d747e}a.gocart:hover i.icon-arrow-right,a.gocart:focus i.icon-arrow-right{left:23px;color:#fff}.more.btnbox{text-align:center}.more.btnbox a.btn{background-color:#92a6af;color:#fff;border-radius:5px}.more.btnbox a.btn:hover,.more.btnbox a.btn:focus{background-color:#5d747e}a,button,input,i{transition:.3s}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.fade-enter-active,.fade-leave-active{transition:opacity .3s}.fade-enter,.fade-leave-to{opacity:0}.slide-enter-active,.slide-leave-active{transform:scale(1, 1);opacity:1}.slide-enter,.slide-leave-to{transform:scale(0, 0);opacity:0}html{width:100vw;overflow-x:hidden}body{width:100vw;overflow-x:hidden;background:#0b0b0b;color:#fff;font-family:Arial,'微軟正黑體',serif;animation-name:fade-in;animation-duration:.5s;animation-timing-function:ease-in;-moz-user-select : none;-webkit-user-select: none;}.fb-wrap{width:100%;display:flex;flex-wrap:wrap;align-items:flex-start;margin-top:30px}input,button,select,textarea{font-size:16px;letter-spacing:1px;padding:11px 20px 9px 20px;border:1px solid #fff;border-radius:0;transition:.3s;appearance:none}select{cursor:pointer;appearance:none;-moz-appearance:none;-webkit-appearance:none;background:transparent;background-position:calc(100% - 10px) center;background-image:url("../img/select.svg");background-repeat:no-repeat;background-size:auto 60%;padding-right:40px}select::-ms-expand{display:none}a.color-yellow{color:#ffc600;text-decoration:underline}a.color-yellow:hover,a.color-yellow:focus{color:#369fcd}#menu{display:block;width:100%;position:fixed;top:0;left:0;z-index:1001}#menu.scroll .menu-bottom{height:60px;background-color:#16171b}#menu #menu-pc{display:block}#menu #menu-m{display:none}#menu .menu-top{width:100%;background-color:#333}#menu .menu-top ul.toplist{padding:10px 0;display:flex;flex-wrap:wrap;align-content:center;justify-content:flex-end}#menu .menu-top ul.toplist>li{display:flex;align-items:center;border-right:2px solid rgba(255,255,255,0.25);padding:0 10px 0 15px}#menu .menu-top ul.toplist>li:last-child{border-right:none;padding:0 0 0 15px}#menu .menu-top ul.toplist>li a{display:flex;align-items:center;justify-content:center;width:100%}#menu .menu-top ul.toplist>li a h6{font-family:'微軟正黑體',serif}#menu .menu-top ul.toplist>li a>img{width:20px;height:auto;margin-left:7px;transition:.3s}#menu .menu-top ul.toplist>li a i.icon-MdiCart{color:#fff;margin-left:7px}#menu .menu-top ul.toplist>li a span.cart-num{position:absolute;right:-7px;bottom:-7px;background-color:#ffc600;font-size:12px;transform:scale(0.8);font-weight:bold;color:#000;width:18px;height:18px;border-radius:100%;display:flex;align-items:center;justify-content:center;transition:.3s}#menu .menu-top ul.toplist>li a i.icon-arrow_drop_down{color:#ccc;font-size:18px;margin:-2px 0 0 3px}#menu .menu-top ul.toplist>li a:hover span.cart-num,#menu .menu-top ul.toplist>li a:focus span.cart-num{color:#fff;background-color:#849aa4}#menu .menu-top ul.toplist>li>ul.choose{z-index:2;position:absolute;width:100%;top:100%;left:-2px;background-color:rgba(100,100,100,0.9)}#menu .menu-top ul.toplist>li>ul.choose>li{width:100%;border-bottom:1px solid rgba(255,255,255,0.5)}#menu .menu-top ul.toplist>li>ul.choose>li:last-child{border-bottom:none}#menu .menu-top ul.toplist>li>ul.choose>li a{width:100%;height:100%;padding:10px}#menu .menu-top ul.toplist>li>ul.choose>li a:hover,#menu .menu-top ul.toplist>li>ul.choose>li a:focus{background-color:rgba(0,0,0,0.2);color:#ffc600}#menu .menu-bottom{width:100%;height:80px;display:flex;align-items:center;background-color:rgba(22,23,27,0.7);transition:.5s}#menu .menu-bottom:hover{background-color:#16171b}#menu .menu-bottom .w1280{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between}#menu .menu-bottom .logo{width:240px}#menu .menu-bottom .logo img{width:100%;height:auto}#menu .menu-bottom .list-wrap,#menu .menu-bottom .searchwrap{display:flex;align-items:center;justify-content:flex-end}#menu .menu-bottom .list-wrap{width:calc(100% - 240px)}#menu .menu-bottom .list-wrap ul.menulist{width:calc(85% - 40px);display:flex;align-items:center;justify-content:space-between;padding-right:50px}#menu .menu-bottom .list-wrap ul.menulist li{transition:1.5s}#menu .menu-bottom .list-wrap ul.menulist li p{font-weight:bold}#menu .menu-bottom .list-wrap ul.menulist li:hover>ul{display:block}#menu .menu-bottom .list-wrap ul.menulist li>ul{display:none;position:absolute;width:150px;top:100%;left:-10px;background-color:rgba(51,51,51,0.8)}#menu .menu-bottom .list-wrap ul.menulist li>ul>li{width:100%;border-bottom:1px solid #aaa}#menu .menu-bottom .list-wrap ul.menulist li>ul>li:last-child{border-bottom:none}#menu .menu-bottom .list-wrap ul.menulist li>ul>li a{display:flex;width:100%;height:100%;padding:10px}#menu .menu-bottom .list-wrap ul.menulist li>ul>li a:hover,#menu .menu-bottom .list-wrap ul.menulist li>ul>li a:focus{background-color:#000}#menu .menu-bottom .searchwrap{width:calc(85% - 40px);padding-right:50px}#menu .menu-bottom .searchwrap input,#menu .menu-bottom .searchwrap button{border-radius:30px}#menu .menu-bottom .searchwrap input{width:100%;margin-right:20px}.searchwrap{width:100%;display:flex;align-items:center;justify-content:center}.searchwrap input,.searchwrap button{background:transparent;color:#fff;border-radius:30px}.searchwrap input{width:80%;max-width:750px;margin-right:20px}.searchwrap input:focus{background-color:rgba(255,255,255,0.1);border-color:#ffc600}.searchwrap input:focus::placeholder{color:rgba(255,198,0,0.5)}.searchwrap button:hover,.searchwrap button:focus{border-color:#ffc600;color:#ffc600}button.searchbtn{width:40px;height:40px;background-color:transparent;border:1px solid #fff;border-radius:100%;display:flex;align-items:center;justify-content:center}button.searchbtn i{font-size:22px;color:#fff;margin-top:-2px}button.searchbtn:hover,button.searchbtn:focus{border-color:#ffc600;background-color:#ffc600}button.searchbtn:hover i,button.searchbtn:focus i{color:#16171b}#footer-fixed{position:fixed;right:12px;bottom:100px;z-index:1000;display:flex;flex-wrap:wrap;justify-content:center;margin:0 12px;width:60px;opacity:0;pointer-events:none;transform:translate(0, -100%);transition:.5s}#footer-fixed #gocart{width:56px;height:56px;margin-top:20px}#footer-fixed.scroll{opacity:1;pointer-events:auto;transform:translate(0, 0)}#footer-fixed a.footer-btn{width:100%;height:100%;border-radius:100%;border:1px solid rgba(255,255,255,0.5);display:flex;align-items:center;justify-content:center}#footer-fixed a.footer-btn span.before,#footer-fixed a.footer-btn::after{pointer-events:none;opacity:0;transition:.5s}#footer-fixed a.footer-btn span.before{position:absolute;right:calc(100% + 15px);font-size:12px;letter-spacing:1px;padding:10px 15px;border-radius:5px;color:#000;background-color:rgba(255,255,255,0.9);white-space:nowrap}#footer-fixed a.footer-btn::after{content:'';position:absolute;right:calc(100% + 8px);width:0;height:0;border-style:solid;border-width:5px 0 5px 7px;border-color:transparent transparent transparent rgba(255,255,255,0.9)}#footer-fixed a.footer-btn span.cart-amount{position:absolute;right:-7px;bottom:-7px;font-size:12px;transform:scale(0.9);background-color:#5d747e;color:#fff;width:24px;height:24px;border-radius:100%;display:flex;align-items:center;justify-content:center;transition:.3s}#footer-fixed a.footer-btn i{font-size:32px;color:rgba(255,255,255,0.5)}#footer-fixed a.footer-btn i.icon-MdiCart{font-size:26px;margin-right:-2px}#footer-fixed a.footer-btn:hover,#footer-fixed a.footer-btn:focus,#footer-fixed a.footer-btn.active{border-color:#fff}#footer-fixed a.footer-btn:hover i,#footer-fixed a.footer-btn:focus i,#footer-fixed a.footer-btn.active i{color:#fff}#footer-fixed a.footer-btn:hover span.before,#footer-fixed a.footer-btn:hover::after{opacity:1}#footer-fixed a.footer-btn.active span.before,#footer-fixed a.footer-btn.active::after{opacity:0}#footer-fixed a.footer-btn.active span.cart-amount{color:#000;background-color:#ffc600}#gocart .cart-list{position:fixed;right:calc(100% + 20px);bottom:60px;width:calc(100vw - 95px);max-width:450px;padding:20px;background-color:rgba(255,255,255,0.9);box-shadow:0 0 15px rgba(100,100,100,0.5);border-radius:5px;color:#000}#gocart .cart-list h3{padding-bottom:10px;margin-bottom:10px;border-bottom:1px solid #333}#gocart .cart-list a.remove-btn{position:absolute;right:20px;top:20px}#gocart .cart-list a.remove-btn i{font-size:24px;color:#000;transition:.3s}#gocart .cart-list a.remove-btn:hover i,#gocart .cart-list a.remove-btn:focus i{opacity:.5}#gocart .cart-list a.gocart{border-radius:5px}#gocart .cart-list>ul{width:100%;max-height:50vh;overflow-y:auto;margin-bottom:15px}#gocart .cart-list>ul>li{width:100%;padding:10px 0}#gocart .cart-list>ul>li>a{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start}#gocart .cart-list>ul>li>a:hover p,#gocart .cart-list>ul>li>a:focus p{color:#5d747e}#gocart .cart-list>ul>li>a:hover .img img,#gocart .cart-list>ul>li>a:focus .img img{opacity:.7}#gocart .cart-list>ul>li .img{width:35%;padding:5px;background-color:#fff}#gocart .cart-list>ul>li .img img{width:100%;height:auto;transition:.3s}#gocart .cart-list>ul>li p{width:65%;padding:0 10px 0 25px;line-height:1.4;color:#000;transition:.3s}#gocart .cart-list>ul>li.nochoose{display:block;padding:20px}#gocart .cart-list>ul>li.nochoose p,#gocart .cart-list>ul>li.nochoose h5{padding:5px 0;width:100%}#gocart .cart-list>ul>li.nochoose h5{letter-spacing:1px}#gocart .cart-list>ul>li.nochoose a{color:#5d747e;text-decoration:underline}#gocart .cart-list>ul>li.nochoose a:hover,#gocart .cart-list>ul>li.nochoose a:focus{color:#849aa4}#gotop{display:flex;align-items:flex-end;cursor:pointer;margin-bottom:20px}#gotop p{writing-mode:vertical-lr;letter-spacing:2px;font-size:14px;color:rgba(255,255,255,0.5);transition:.3s}#gotop .arrow::after,#gotop .arrow .arrow-angle::after{content:'';width:100%;height:100%;position:absolute;left:0;bottom:0;background-color:#fff;transition:.3s;transform:scale(1, 0)}#gotop .arrow{width:1px;height:100px;background-color:rgba(255,255,255,0.5)}#gotop .arrow::after{transform-origin:left bottom;transition-delay:.2s}#gotop .arrow .arrow-angle{width:1px;height:20px;background-color:rgba(255,255,255,0.5);position:absolute;top:0;left:0;transform:rotate(-45deg);transform-origin:left top}#gotop .arrow .arrow-angle::after{transform-origin:left top;transition-delay:0s}#gotop:hover p{color:#fff}#gotop:hover .arrow::after,#gotop:hover .arrow .arrow-angle::after{transform:scale(1, 1)}#gotop:hover .arrow::after{transition-delay:0s}#gotop:hover .arrow .arrow-angle::after{transition-delay:.2s}#footer{width:100%;overflow-x:hidden;display:flex;flex-wrap:wrap;align-content:center}#footer .footer-top{width:100%;height:70px;background-color:transparent}#footer .footer-left,#footer .footer-right{width:50%}#footer .footer-left p{font-size:12px}#footer .footer-left .footer-logo{position:absolute;top:50%;left:calc(55% - 280px);transform:translate(0, -50%)}#footer .footer-left .footer-logo a img{transition:.5s}#footer .footer-left .footer-logo a:hover img,#footer .footer-left .footer-logo a:focus img{opacity:.7}#footer .footer-left .fontbox{width:calc(45% - 30px);position:absolute;right:30px;bottom:45px}#footer .footer-left .fontbox p{width:100%;display:flex;flex-wrap:wrap;color:#a09f9f;line-height:1}#footer .footer-left .fontbox p span{padding-right:10px;margin:5px 10px 5px 0;white-space:nowrap;border-right:1px solid #a09f9f}#footer .footer-left::before{content:'';position:absolute;left:0;top:0;width:55%;height:100%;background-image:url("../img/redbg.png");background-repeat:no-repeat;background-size:cover;transform:scaleX(-1)}#footer .footer-right{background-image:url("../img/bg-footer.jpg");background-size:cover;display:flex;flex-wrap:wrap;align-items:flex-start;padding:100px 0}#footer .footer-right i{font-size:24px}#footer .footer-right i.color{color:#ffc600}#footer .footer-right ul.link,#footer .footer-right ul.footer-contact{width:50%;max-width:calc(1280px / 4);padding-left:55px}#footer .footer-right ul.link li{margin:15px 0;width:100%}#footer .footer-right ul.link li a{font-size:16px;font-weight:bold}#footer .footer-right ul.link li:last-child{margin-bottom:0}#footer .footer-right ul.footer-contact li{width:100%;margin-bottom:30px}#footer .footer-right ul.footer-contact li h6{font-size:12px;line-height:1.5}#footer .footer-right ul.footer-contact li h6,#footer .footer-right ul.footer-contact li h5{margin-top:5px}#footer .footer-right ul.footer-contact li:last-child{margin-bottom:0;display:flex;align-items:center}#footer .footer-right ul.footer-contact li:last-child a{margin-right:15px}#footer .footer-right ul.footer-contact li:last-child a i{color:#fff;font-size:26px}#footer .footer-right ul.footer-contact li:last-child a i.icon-play{font-size:30px}#footer .footer-right ul.footer-contact li:last-child a:hover i,#footer .footer-right ul.footer-contact li:last-child a:focus i{color:#a1b2ba}#footer .copyright{width:100%;background:#6a6a6a}#footer .copyright .w1280{display:flex;align-items:center;justify-content:space-between;padding:30px 0}#footer .copyright .list a{display:inline-block;padding:0 10px;border-right:1px solid #aaa}#footer .copyright .list a:last-child{padding-right:0;border-right:none}.swiper-pagination-bullet{background:#fff;opacity:.5}.swiper-pagination-bullet-active{background:#ffc600;opacity:1}#index-banner{width:100%;height:100vh}#index-banner a{width:100%;height:100%;display:flex;flex-wrap:wrap}#index-banner a img{width:100%;height:100%;object-fit:cover}#index-banner a img.m-img{display:none}#index-banner a .fontbox{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);z-index:2}#index-banner a .fontbox h3{font-size:42px;color:#ffc600}#index-banner a .fontbox h2{font-size:70px;margin-bottom:10px}#index-banner a .fontbox h2,#index-banner a .fontbox h3,#index-banner a .fontbox p{letter-spacing:0px;text-shadow:0 0 10px rgba(0,0,0,0.87)}#index-banner a .fontbox .btn{background-color:transparent;border:1px solid #fff;font-weight:normal;color:#fff;font-size:18px;padding:7px 12px 7px 20px;margin-top:50px}#index-banner a .fontbox .btn i{color:#fff;font-size:24px;margin-left:5px}#index-banner a .fontbox .btn:hover{border-color:#ffc600;color:#ffc600}#index-banner a .fontbox .btn:hover i{color:#ffc600;margin-left:15px;margin-right:-10px}#index-banner a:hover,#index-banner a:focus{color:#fff}#scroll-line{position:fixed;right:5%;top:50%;width:100px;z-index:10;pointer-events:none;opacity:1;transition:.5s}#scroll-line.scroll{transform:translate(0, -100%);opacity:0}#scroll-line .scroll-box{width:100%;height:80px}#scroll-line .scroll-box .line{width:1px;height:100%;background-color:rgba(255,255,255,0.5);margin:0 auto}#scroll-line .scroll-box .ball{width:6px;height:6px;background-color:#fff;border-radius:100%;position:absolute;top:0;left:50%;transform:translate(-50%, 0);animation:balldown 2s ease-in-out infinite}#scroll-line p{text-align:center;font-size:14px;letter-spacing:2px;margin-top:10px}@keyframes balldown{0%{top:0}to{top:100%}}section.contact{width:100%;height:304px}section.contact ul{width:100%;height:100%;display:flex;flex-wrap:wrap;align-items:center}section.contact ul li{width:50%;height:100%;display:flex;align-items:center}section.contact ul li:first-child{background-image:url("../img/index/contact-orange.jpg");background-size:cover;justify-content:flex-end;padding-right:80px;text-align:right}section.contact ul li:last-child{background-image:url("../img/index/contact-black.jpg");background-size:cover;justify-content:flex-start;background-position:right top;padding-left:80px}section.contact ul li .fontbox{width:360px}section.contact ul li .fontbox h4{margin-bottom:15px}section.contact ul li .fontbox h6,section.contact ul li .fontbox h4{width:100%;line-height:1.5}section.contact ul li .fontbox .btn-box{width:100%;text-align:right;margin-top:30px}section.contact ul li .fontbox .btn-box .btn{color:#ed570a}section.contact ul li .fontbox .btn-box .btn:hover,section.contact ul li .fontbox .btn-box .btn:focus{background-color:rgba(255,255,255,0.8)}section.contact ul li .fontbox .sign-box{width:100%;margin-top:30px;display:flex;align-items:center}section.contact ul li .fontbox .sign-box input{width:calc(100% - 128px)}section.contact ul li .fontbox .sign-box input:focus{border-color:#ed570a;background-color:#fde3d5}section.contact ul li .fontbox .sign-box input:focus::placeholder{color:#f67634}section.contact ul li .fontbox .sign-box button{width:128px;background-color:#ed570a;border-color:#ed570a;color:#fff}section.contact ul li .fontbox .sign-box button:hover,section.contact ul li .fontbox .sign-box button:focus{background-color:#d54e09;border-color:#8b3306}@keyframes heartBeat{0%,to{transform:scale(1);opacity:.5}14%{transform:scale(1.3);opacity:1}28%{transform:scale(1);opacity:.7}42%{transform:scale(1.3);opacity:1}70%{transform:scale(1);opacity:.5}}#index-innovative{width:100%;height:926px;background-color:#000000}#index-innovative #particles-wrap{width:100%;height:100%}#index-innovative .titlebox{position:absolute;top:11%;right:calc((100% - 1280px) / 2);display:flex;flex-wrap:wrap;justify-content:flex-end;z-index:2}#index-innovative .titlebox h5{margin-top:10px;letter-spacing:1px}#index-innovative .titlebox .titletop{width:100%;display:flex;align-items:center;justify-content:flex-end}#index-innovative .titlebox .titletop h1{font-size:60px;letter-spacing:2px}#index-innovative .titlebox .titletop img{width:auto;height:52px;margin-right:25px}#index-innovative ul.iconbox{position:absolute;width:350px;right:60%;top:19%;z-index:2;pointer-events:none}#index-innovative ul.iconbox li{width:100%;display:flex;flex-wrap:wrap;justify-content:center;margin:70px 0}#index-innovative ul.iconbox li h4,#index-innovative ul.iconbox li p{width:100%;text-align:center;line-height:1.5;pointer-events:auto}#index-innovative ul.iconbox li h4{font-weight:bold}#index-innovative ul.iconbox li p{color:#ffc600;letter-spacing:1px}#index-innovative ul.iconbox li .img{width:80px;height:80px;border-radius:100%;border:3px solid #fff;background-size:75%;background-repeat:no-repeat;background-position:50% 40%;margin-bottom:10px}#index-innovative ul.iconbox li .img.icon2{background-size:85%}#index-innovative ul.iconbox li:nth-child(2){right:50%}#index-innovative .moto,#index-innovative .motoline{position:absolute;width:50%;bottom:5%;pointer-events:none}#index-innovative .moto img,#index-innovative .motoline img{width:100%;height:auto;user-select:none}#index-innovative .moto img.logo,#index-innovative .motoline img.logo{width:12%;position:absolute;left:48%;top:35%;z-index:3;opacity:.5;animation-iteration-count:infinite}#index-innovative .moto{right:10%;z-index:1}#index-innovative .motoline{right:54%;z-index:0}.indextitle{width:100%;margin:30px 0;padding:0 10px;text-align:center}.indextitle .top{display:flex;align-items:center;justify-content:center}.indextitle .top img{height:46px;width:auto;margin-right:20px}.indextitle p{color:#bbb;margin-top:10px}.indextitle p.supplement{text-align:center;line-height:1.5;margin:30px 0 0 0;color:#eee}.indextitle p.supplement a{color:#ffc600;text-decoration:underline}.indextitle p.supplement a:hover,.indextitle p.supplement a:focus{color:#849aa4}section#top-product{background-image:url("../img/index/bg-1.jpg");background-size:cover;background-position:center center}.top-btnbox{width:100%;margin:-30px 0 50px 0;text-align:center}.top-btnbox a.btn{color:#878787;border:2px solid #5e5e5e}.top-btnbox a.btn:hover,.top-btnbox a.btn:focus{border-color:#92a6af;color:#92a6af}section#top-product,section#professional{padding:80px 0}ul.product-list{width:100%;padding:0 3.5%;display:flex;flex-wrap:wrap;align-content:flex-start;justify-content:flex-start}ul.product-list li{width:calc(100% / 3 - 4%);margin:2%;display:flex;flex-wrap:wrap;align-content:space-between}ul.product-list li .photo{width:100%}ul.product-list li .photo .img img{width:100%}ul.product-list li .photo>a{border:13px solid #5d747e;background-color:#fff;display:flex;align-items:center;justify-content:center;width:100%;height:0;padding-bottom:calc(100% - 26px);border-radius:100%;overflow:hidden;transition:.5s}ul.product-list li .photo>a:hover,ul.product-list li .photo>a:focus{border-color:#849aa4}ul.product-list li .photo>a:hover .img,ul.product-list li .photo>a:focus .img{opacity:.7}ul.product-list li .photo>a .img{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:100%;height:100%;padding:10%;display:flex;align-items:center;transition:.5s}ul.product-list li p{line-height:1.2;margin-top:20px}ul.product-list li .cartbox{margin-top:25px;width:100%}ul.product-list li.thead{display:none}ul.product-list li .code,ul.product-list li .size,ul.product-list li .brand{display:none}ul.product-list.dislist li{width:100%;padding:15px;margin:0;display:flex;align-items:center;justify-content:flex-start;text-align:center;transition:.3s}ul.product-list.dislist li:hover{background-color:rgba(255,255,255,0.1)}ul.product-list.dislist li .icon-container{display:none}ul.product-list.dislist li p,ul.product-list.dislist li .cartbox{margin-top:0}ul.product-list.dislist li p{font-size:14px}ul.product-list.dislist li .photo{width:100px}ul.product-list.dislist li .photo>a{border:none;border-radius:0}ul.product-list.dislist li .photo>a .img{padding:5px}ul.product-list.dislist li .des{width:calc(100% - 100px - 140px * 3 - 100px)}ul.product-list.dislist li .code,ul.product-list.dislist li .size,ul.product-list.dislist li .brand{display:block;width:140px}ul.product-list.dislist li .brand{white-space:pre-wrap}ul.product-list.dislist li .brand p{line-height:1.5}ul.product-list.dislist li .operating{width:100px;text-align:center}ul.product-list.dislist li .operating i.icon-remove{display:none}ul.product-list.dislist li .operating a.addcart-btn{width:auto;font-size:16px}ul.product-list.dislist li .operating a.addcart-btn::before{content:'ADD'}ul.product-list.dislist li .operating a.addcart-btn.active::before{content:'ADDED'}ul.product-list.dislist li .operating a.addcart-btn i{display:none}ul.product-list.dislist li.thead{display:block;width:100%;background-color:#3a7c99;display:flex;align-items:center;font-size:14px;line-height:1.3}:root{--swiper-navigation-size:50px}#product-all.recom-product.swiper-container{width:100%;height:100%;max-width:1280px;margin-bottom:100px;padding:30px 50px 60px 50px}#product-all.recom-product.swiper-container::before,#product-all.recom-product.swiper-container::after{content:'';width:70px;height:100%;position:absolute;top:0;z-index:2}#product-all.recom-product.swiper-container::before{left:0}#product-all.recom-product.swiper-container::after{right:0}#product-all.recom-product.swiper-container ul.product-list.swiper-wrapper{max-width:100%;padding:0;flex-wrap:nowrap}#product-all.recom-product.swiper-container ul.product-list.swiper-wrapper li.swiper-slide{width:100%;margin:0}.product-main-list{display:flex;flex-wrap:wrap;align-items:flex-start}.product-main-list .product-list-left{width:250px;padding-top:60px}.product-main-list .product-list-left .m-filter-btn{display:none}.product-main-list .product-list-left ul.advance-filter{width:100%}.product-main-list .product-list-left ul.advance-filter .remove-btn{display:none}.product-main-list .product-list-left ul.advance-filter>li{width:100%;padding-bottom:20px}.product-main-list .product-list-left ul.advance-filter>li .titlebox{border-bottom:1px solid #ddd;padding:10px 0;font-size:16px;font-weight:bold;cursor:pointer}.product-main-list .product-list-left ul.advance-filter>li .titlebox.cate{font-size:20px;display:flex;flex-wrap:wrap;align-items:center;cursor:auto}.product-main-list .product-list-left ul.advance-filter>li .titlebox.cate span{width:20px;height:20px;margin-left:8px;display:inline-flex;align-items:center;justify-content:center;font-size:12px;background-color:#999;border-radius:100%;cursor:pointer;transition:.3s}.product-main-list .product-list-left ul.advance-filter>li .titlebox.cate span:hover,.product-main-list .product-list-left ul.advance-filter>li .titlebox.cate span.active{background-color:#ffc600;color:#000}.product-main-list .product-list-left ul.advance-filter>li .titlebox.cate span.active::after{content:'';position:absolute;bottom:-10px;left:50%;transform:translate(-50%, 0);width:0;height:0;border-style:solid;border-width:0 6px 6px 6px;border-color:transparent transparent rgba(255,255,255,0.2) transparent}.product-main-list .product-list-left ul.advance-filter>li .titlebox.cate .prompt{width:100%;font-size:13px;font-weight:normal;line-height:1.5;background-color:rgba(255,255,255,0.2);padding:10px 15px;margin:10px 0;border-radius:5px}.product-main-list .product-list-left ul.advance-filter>li .titlebox .cross{width:16px;height:16px;position:absolute;right:10px;top:50%;transform:translate(0, -50%);transition:.5s}.product-main-list .product-list-left ul.advance-filter>li .titlebox .cross::before,.product-main-list .product-list-left ul.advance-filter>li .titlebox .cross::after{content:'';position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);background-color:#fff;transition:.5s}.product-main-list .product-list-left ul.advance-filter>li .titlebox .cross::before{width:100%;height:2px}.product-main-list .product-list-left ul.advance-filter>li .titlebox .cross::after{width:2px;height:100%}.product-main-list .product-list-left ul.advance-filter>li .titlebox.active .cross{transform:translate(0, -50%) rotate(180deg)}.product-main-list .product-list-left ul.advance-filter>li .titlebox.active .cross::before{width:50%}.product-main-list .product-list-left ul.advance-filter>li .titlebox.active .cross::after{height:0}.product-main-list .product-list-left ul.advance-filter>li .choosebox{padding-top:20px;font-size:14px}.product-main-list .product-list-left ul.advance-filter>li .choosebox p{font-size:14px}.product-main-list .product-list-left ul.advance-filter ul.checkwrap{width:100%;display:flex;flex-wrap:wrap}.product-main-list .product-list-left ul.advance-filter ul.checkwrap>li{padding:5px;width:100%}.product-main-list .product-list-left ul.advance-filter input{width:100%;background-color:transparent;border:1px solid #fff;color:#fff;padding:10px;font-size:13px}.product-main-list .product-list-left ul.advance-filter input:focus{border-color:#ffc600}.product-main-list .product-list-left ul.advance-filter select{width:100%;color:#fff;font-size:13px;padding:10px 30px 10px 10px;background-position:calc(100% - 5px) center}.product-main-list .product-list-left ul.advance-filter select option{background-color:#333}.product-main-list .product-list-left ul.advance-filter select:focus{border-color:#ffc600}.product-main-list .product-list-left ul.advance-filter button.advance-btn{width:100%;border:1px solid #666;background-color:#ccc;color:#333;border-radius:5px}.product-main-list .product-list-left ul.advance-filter button.advance-btn:hover,.product-main-list .product-list-left ul.advance-filter button.advance-btn:focus{background-color:#fff}.product-main-list .product-list-right{width:calc(100% - 250px)}p.result{text-align:center;padding-top:50px;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;font-size:14px}p.result span.keyword{margin:0 3px;text-decoration:underline}p.result i{font-size:20px;color:#ffc600;margin-right:6px}#product-all a.addcart-btn{padding:10px;font-size:12px}#product-all a.addcart-btn i{font-size:18px}#product-all ul.product-list{margin-bottom:100px}#product-all ul.product-list li{width:calc(100% / 3 - 4%);margin:2%}#product-all ul.product-list li .photo>a{border-width:10px;padding-bottom:calc(100% - 20px)}#product-all ul.product-list li .des p{padding:0 10px}#product-all ul.product-list.dislist li{width:100%;margin:0}#product-all ul.product-list.dislist li.thead{margin-bottom:15px}.icon-container{position:absolute;top:0;left:0;right:0;bottom:0;z-index:100;color:#ffc600;font-size:20px;text-align:center;background:rgba(0,0,0,0.7);padding:20px;display:flex;flex-wrap:wrap;align-content:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .3s}.icon-container p.okfont{width:100%;text-align:center;margin-top:10px}.icon-container p.okfont::before{content:'This product has been removed from your Inquiry Cart.'}.icon-container .circle,.icon-container .check{fill:none;stroke:#ffc600;stroke-width:3}.icon-container .check{stroke-dasharray:80;stroke-dashoffset:80}.icon-container.showing{opacity:1;pointer-events:auto}.icon-container.showing .check{animation:check 0.3s cubic-bezier(0.5, 0, 0.6, 1) forwards 0.2s}.icon-container.active{color:#6ff375}.icon-container.active .circle,.icon-container.active .check{stroke:#6ff375}.icon-container.active p.okfont::before{content:'Successfully Added To Inquiry Cart!'}@keyframes check{from{stroke-dashoffset:80}to{stroke-dashoffset:0}}@keyframes circle{to{stroke-dashoffset:0}}@keyframes rotateInTopLeft{0%{transform:rotate(45deg);opacity:0}to{transform:translateZ(0);opacity:1}}.animate__rotateInTopLeft{animation-name:rotateInTopLeft;transform-origin:left top}@keyframes tape1{0%{opacity:0;transform:translate(-30px, -30px) rotate(-45deg)}to{opacity:1;transform:translate(0, 0) rotate(-45deg)}}@keyframes tape2{0%{opacity:0;transform:translate(-30px, 30px) rotate(45deg)}to{opacity:1;transform:translate(0, 0) rotate(45deg)}}@keyframes tape3{0%{opacity:0;transform:translate(30px, -30px) rotate(45deg)}to{opacity:1;transform:translate(0, 0) rotate(45deg)}}@keyframes tape4{0%{opacity:0;transform:translate(30px, 30px) rotate(-45deg)}to{opacity:1;transform:translate(0, 0) rotate(-45deg)}}.tape1{animation-name:tape1;animation-delay:.5s}.tape2{animation-name:tape2;animation-delay:1.5s}.tape3{animation-name:tape3;animation-delay:1s}.tape4{animation-name:tape4;animation-delay:2s}.tape1,.tape2,.tape3,.tape4{animation-duration:.3s;animation-timing-function:ease-in-out}@keyframes flipInX{0%{transform:perspective(400px) rotateX(90deg);opacity:0}40%{transform:perspective(400px) rotateX(-45deg)}60%{transform:perspective(400px) rotateX(20deg);opacity:1}80%{transform:perspective(400px) rotateX(-20deg)}to{transform:perspective(400px) rotateX(0)}}.animate__flipInX{animation-delay:.3s;animation-duration:1s;animation-timing-function:ease-in}section#professional ul.wrap{width:100%;display:flex;flex-wrap:wrap;align-items:center;justify-content:center}section#professional ul.wrap>li{width:calc(30.5% - 0.5px)}section#professional ul.wrap>li:nth-child(2){width:calc(39% + 1px)}section#professional ul.wrap>li a.img{width:100%;height:100%;display:flex;align-items:center;overflow:hidden}section#professional ul.wrap>li a.img img{width:100%;transform:scale(1);transform-origin:50% 50%;transition:.5s}section#professional ul.wrap>li a.img:hover img,section#professional ul.wrap>li a.img:focus img{opacity:.7;transform:scale(1.05)}section#professional ul.wrap ul.tape{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none}section#professional ul.wrap ul.tape>li{width:182px;height:50px;background-color:rgba(255,255,255,0.7);position:absolute;z-index:3}section#professional ul.wrap ul.tape>li:nth-child(1){top:0;left:-61px;transform:rotate(-45deg)}section#professional ul.wrap ul.tape>li:nth-child(2){transform:rotate(45deg);bottom:0;left:-61px}section#professional ul.wrap ul.tape>li:nth-child(3){transform:rotate(45deg);top:0;right:-61px}section#professional ul.wrap ul.tape>li:nth-child(4){transform:rotate(-45deg);bottom:0;right:-61px}section#index-news{width:100%;margin:75px 0;background-image:url("../img/redbg.png");background-repeat:no-repeat;background-size:auto 100%;background-position:right center}section#index-news ul.news-top-list{width:65%}section#index-news .news-title{width:35%;position:absolute;top:50%;right:0;transform:translate(0, -50%);display:flex;flex-wrap:wrap;justify-content:flex-end}section#index-news .news-title h2{width:100%;padding:0 110px 20px 0;text-align:right}section#index-news .news-title img{width:250px;opacity:1;transition:.5s}section#index-news .news-title a:hover img,section#index-news .news-title a:focus img{opacity:.7}ul.news-top-list{width:100%}ul.news-top-list li{width:100%;padding:30px 0;display:flex;flex-wrap:wrap;align-content:center;justify-content:space-between}ul.news-top-list li a.img,ul.news-top-list li .fontbox{width:calc(100% / 2 - 25px)}ul.news-top-list li img.arrow{position:absolute;top:50%;left:51%;transform:translate(-50%, -50%);z-index:2}ul.news-top-list li a.img img{width:100%;height:auto;opacity:1;transform:scale(1);transition:.5s}ul.news-top-list li a.img:hover img,ul.news-top-list li a.img:focus img{transform:scale(0.95);opacity:.7}ul.news-top-list li .fontbox{padding:35px 25px;display:flex;flex-wrap:wrap;align-content:center;background-color:rgba(0,0,0,0.5)}ul.news-top-list li .fontbox h3,ul.news-top-list li .fontbox h5,ul.news-top-list li .fontbox h6{width:100%}ul.news-top-list li .fontbox h3{font-weight:bold;line-height:1.3}ul.news-top-list li .fontbox h6{color:#92a6af;margin-bottom:10px}ul.news-top-list li .fontbox h6 span.color{color:#ccc;margin-left:15px;padding-left:15px;border-left:1px solid #999}ul.news-top-list li .fontbox h5{margin:20px 0 30px 0;font-family:'Aparajita','微軟正黑體',serif;line-height:1.3;display:-webkit-box;-webkit-line-clamp:3;overflow:hidden;text-overflow:ellipsis}ul.news-top-list li .fontbox a.btn{background-color:#e70012;color:#fff;font-family:'微軟正黑體'}ul.news-top-list li .fontbox a.btn:hover,ul.news-top-list li .fontbox a.btn:focus{background-color:#b4000e}ul.news-top-list li .fontbox a.btn.white{background-color:#fff;color:#666}ul.news-top-list li .fontbox a.btn.white:hover,ul.news-top-list li .fontbox a.btn.white:focus{background-color:#999;color:#fff}ul.news-top-list li:nth-child(even) a.img{order:2}ul.news-top-list li:nth-child(even) .fontbox{order:1}ul.news-top-list li:nth-child(even) img.arrow{left:49%;transform:translate(-50%, -50%) rotate(180deg)}.inner-news{margin-bottom:120px}.inner-news ul.news-top-list li{padding:20px 50px}.inner-news ul.news-top-list li.listtype a.img{width:350px}.inner-news ul.news-top-list li.listtype .fontbox{width:calc(100% - 350px);padding:0 0 0 30px}.inner-news ul.news-top-list li.listtype .fontbox h5{-webkit-line-clamp:2;margin:10px 0;line-height:1.5}.inner-news ul.news-top-list li.listtype .fontbox .btnbox{width:100%;display:flex;justify-content:space-between;align-items:center}.inner-news ul.news-top-list li.listtype .fontbox .btnbox .hashtagwrap a{font-size:12px;color:#fff;display:inline-flex;background-color:#666;padding:6px 12px;border-radius:20px;margin:5px 10px 5px 0}.inner-news ul.news-top-list li.listtype .fontbox .btnbox .hashtagwrap a:hover,.inner-news ul.news-top-list li.listtype .fontbox .btnbox .hashtagwrap a:focus{background-color:#999}.inner-news ul.news-top-list li.listtype .fontbox .btnbox a.btn{font-size:12px;white-space:nowrap;padding:10px 15px}.inner-news ul.news-top-list li.listtype:nth-child(even) a.img{order:1}.inner-news ul.news-top-list li.listtype:nth-child(even) .fontbox{order:2}.news-inner-title{padding:30px 0;width:100%;display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:center}.news-inner-title h1,.news-inner-title h2{font-size:46px}.news-inner-title img{height:80px;margin-left:25px;margin-bottom:-8px}.news_d{margin-bottom:50px}.news_d .news-inner-title h1,.news_d .news-inner-title p{width:100%;text-align:center}.news_d .news-inner-title p{margin-top:10px}.news_d .news-inner-title p span.color{color:#ccc;border-left:1px solid #999;margin-left:15px;padding-left:15px}.news_d .news-img{width:100%;margin-bottom:50px}.news_d .news-img img{width:100%;height:auto}.news_d .arrow{text-align:center}.news_d .arrow img{transform:rotate(90deg)}.edit-block{padding:50px;width:100%}.edit-block h1,.edit-block h2,.edit-block h3,.edit-block h4,.edit-block h5,.edit-block h6,.edit-block p{line-height:1.8}.edit-block h1{font-size:28px}.edit-block h2{font-size:24px}.edit-block h3{font-size:22px}.edit-block h4{font-size:20px}.edit-block h5{font-size:18px}.edit-block h6{font-size:14px}.edit-block p{font-size:16px}.edit-block img{max-width:100% !important;height:auto !important;margin-left:auto;margin-right:auto;display:block}.edit-block table{width:100%;font-size:16px;line-height:1.5}.edit-block table td{padding:15px 20px;vertical-align:middle}.edit-block table tr{border-bottom:1px solid #92a6af;transition:.3s}.edit-block table tr:nth-child(even){background-color:rgba(93,116,126,0.2)}.edit-block table tr:hover{background-color:rgba(93,116,126,0.5)}.edit-block table thead{background-color:#5d747e}.edit-block table thead tr{border-bottom:none}.edit-block .hashtagwrap{margin-top:30px}.edit-block .hashtagwrap h4{margin-bottom:5px}.edit-block .hashtagwrap>ul{display:flex;flex-wrap:wrap}.edit-block .hashtagwrap>ul>li{margin:5px 10px 5px 0}.edit-block .hashtagwrap>ul>li a{display:flex;align-items:center;justify-content:center;font-size:12px;padding:8px 12px;border-radius:20px;background-color:#666;color:#fff}.edit-block .hashtagwrap>ul>li a:hover,.edit-block .hashtagwrap>ul>li a:focus{background-color:#999}ul.article-page{padding:30px 50px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between}ul.article-page li{display:flex;justify-content:center}ul.article-page li a{border-radius:30px;font-size:16px;padding:10px 15px;width:100%;height:100%;display:flex;align-items:center;justify-content:center;transition:.5s}ul.article-page li a span{margin-left:10px;max-width:70%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}ul.article-page li.prev,ul.article-page li.next{width:calc((100% - 220px) / 2)}ul.article-page li.prev a,ul.article-page li.next a{border:1px solid #fff}ul.article-page li.prev a:hover,ul.article-page li.prev a:focus,ul.article-page li.next a:hover,ul.article-page li.next a:focus{border-color:#92a6af;color:#92a6af}ul.article-page li.back{width:160px}ul.article-page li.back a{background-color:#e70012;border:1px solid #e70012;color:#fff}ul.article-page li.back a:hover,ul.article-page li.back a:focus{background-color:#92a6af;border-color:#92a6af}.backpagebox{width:100%;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;margin-bottom:100px}.backpagebox.top{margin-bottom:30px}.backpagebox a.btn{align-items:center;border-radius:10px;background-color:#92a6af;color:#fff}.backpagebox a.btn span{margin-left:10px}.backpagebox a.btn i{transform:rotate(180deg)}.backpagebox a.btn:hover,.backpagebox a.btn:focus{background-color:#5d747e}.backpagebox a.btn.right{background-color:#ffc600;color:#000}.backpagebox a.btn.right i{transform:none;margin-left:10px}.backpagebox a.btn.right:hover,.backpagebox a.btn.right:focus{background-color:#369fcd;color:#fff}.backpagebox a.btn.right:hover i,.backpagebox a.btn.right:focus i{color:#fff}.backpagebox ul.pagebox{display:flex;align-items:center}.backpagebox ul.pagebox li{margin:0 4px}.backpagebox ul.pagebox li a{display:flex;align-items:center;justify-content:center;padding:8px 12px;font-size:14px;color:#000;font-weight:bold;background-color:#fff;border-radius:3px}.backpagebox ul.pagebox li a:hover,.backpagebox ul.pagebox li a:focus{background-color:#8abdd3;color:#fff}.backpagebox ul.pagebox li.prev a,.backpagebox ul.pagebox li.next a{background-color:#92adba;color:#fff}.backpagebox ul.pagebox li.prev a:hover,.backpagebox ul.pagebox li.prev a:focus,.backpagebox ul.pagebox li.next a:hover,.backpagebox ul.pagebox li.next a:focus{background-color:#6f93a3}.backpagebox ul.pagebox li.active a{background-color:#3a7c99;color:#fff}.backpagebox.brown a.btn,.backpagebox.brown ul.pagebox li.prev a,.backpagebox.brown ul.pagebox li.next a{background-color:#b89263}.backpagebox.brown a.btn:hover,.backpagebox.brown a.btn:focus,.backpagebox.brown ul.pagebox li.prev a:hover,.backpagebox.brown ul.pagebox li.prev a:focus,.backpagebox.brown ul.pagebox li.next a:hover,.backpagebox.brown ul.pagebox li.next a:focus{background-color:#8d6b42}.backpagebox.brown ul.pagebox li a:hover,.backpagebox.brown ul.pagebox li a:focus{background-color:#d6b287}.backpagebox.brown ul.pagebox li.active a{background-color:#996c33}.product-top{margin-bottom:50px}.product-top h1{padding:60px 0 30px 0}.product-top .searchwrap{flex-wrap:wrap;padding:30px 0 0 0}.product-top .searchwrap h5{margin-right:20px}.product-top .searchwrap input{width:calc(70% - 160px)}#filter-wrap{width:100%;padding:50px 3.5%;display:flex;flex-wrap:wrap;align-items:center;justify-content:center}#filter-wrap .filter-type{width:24%;margin-right:1%}#filter-wrap .filter-type select{width:100%;font-size:14px;color:#fff;padding:15px 40px 15px 20px}#filter-wrap .filter-type select option{background-color:#333}#filter-wrap .filter-type a{width:100%;font-size:16px;padding:10px 10px 10px 20px;border:1px solid #fff;color:#fff;display:flex;align-items:center;justify-content:space-between}#filter-wrap .filter-type a i{font-size:24px}#filter-wrap .filter-type a:hover,#filter-wrap .filter-type a:focus,#filter-wrap .filter-type a.active{background-color:rgba(51,51,51,0.95)}#filter-wrap .filter-type a.active i{transform:rotate(-180deg)}#filter-wrap .filter-type ul{width:100%;border:1px solid #fff;padding:10px 20px;background-color:rgba(51,51,51,0.95);position:absolute;top:100%;left:0;z-index:10}#filter-wrap .filter-type ul li{width:100%;padding:10px 0}#filter-wrap .total-box{width:35%;display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start}#filter-wrap .total-box select{color:#fff;margin-left:15px;font-size:14px;padding:10px 35px 10px 10px}#filter-wrap .total-box select option{background-color:#333}#filter-wrap .total-box.sort{width:40%;justify-content:flex-start}#filter-wrap .display-as{width:25%;display:flex;align-items:center;justify-content:flex-end}#filter-wrap .display-as p{margin-right:10px}#filter-wrap .display-as button{background-color:transparent;margin-left:15px;color:#fff;border:1px solid #ccc;border-radius:100%;padding:5px;width:45px;height:45px;display:flex;align-items:center;justify-content:center}#filter-wrap .display-as button i{font-size:24px;color:#ccc}#filter-wrap .display-as button:hover,#filter-wrap .display-as button:focus{border-color:#fff}#filter-wrap .display-as button:hover i,#filter-wrap .display-as button:focus i{color:#fff}#filter-wrap .display-as button.active{border-color:#ffc600}#filter-wrap .display-as button.active i{color:#ffc600}.inputbox input[type="checkbox"],.inputbox input[type="radio"]{display:none}.inputbox label{width:100%;display:flex;align-items:center;cursor:pointer}.inputbox label p,.inputbox label i{color:rgba(255,255,255,0.7)}.inputbox label p{line-height:1}.inputbox label i{margin-right:10px}.inputbox label i.icon-radio,.inputbox label i.icon-checkbox-checked{display:none}.inputbox label i.icon-checkbox-unchecked{display:block}.inputbox input:checked ~ label p,.inputbox input:checked ~ label i{color:#ffc600}.inputbox input[type="checkbox"]:checked ~ label i.icon-checkbox-checked{display:block}.inputbox input[type="checkbox"]:checked ~ label i.icon-checkbox-unchecked{display:none}.inputbox input[type="radio"]:checked ~ label i.icon-radio{display:block}.inputbox input[type="radio"]:checked ~ label i.icon-checkbox-unchecked{display:none}#pagebox{width:100%;text-align:center;margin-bottom:100px;font-size:14px}#pagebox ul.num{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;margin-bottom:40px}#pagebox ul.num li{margin:0 7px;font-weight:bold}#pagebox ul.num li.active a{color:#ffc600;text-decoration:underline}#pagebox .gopage{display:flex;align-items:center;justify-content:center}#pagebox .gopage input{width:70px;padding:7px;font-size:14px;margin:0 40px;background-color:transparent;border:1px solid rgba(255,255,255,0.5);border-radius:30px;color:rgba(255,255,255,0.5);text-align:center}#pagebox .gopage input:hover,#pagebox .gopage input:focus{border-color:#fff;color:#fff}#pagebox .gopage input:focus{background-color:rgba(255,255,255,0.15)}#pagebox .gopage .prev,#pagebox .gopage .next{padding-top:5px;padding-bottom:2px;font-weight:bold;letter-spacing:1px;color:#fff}#pagebox .gopage .prev .arrow,#pagebox .gopage .next .arrow{position:absolute;bottom:1px;width:25px;height:1px;background-color:#fff}#pagebox .gopage .prev .arrow::after,#pagebox .gopage .next .arrow::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:100%;background-color:#ffc600;transform:scale(0, 1);transition:.15s;transition-delay:0s}#pagebox .gopage .prev::before,#pagebox .gopage .prev::after,#pagebox .gopage .next::before,#pagebox .gopage .next::after{content:'';position:absolute;left:0;bottom:0;width:100%;height:1px}#pagebox .gopage .prev::before,#pagebox .gopage .next::before{background-color:#fff}#pagebox .gopage .prev::after,#pagebox .gopage .next::after{background-color:#ffc600;transform:scale(0, 1);transition:.15s;transition-delay:.15s}#pagebox .gopage .prev:hover,#pagebox .gopage .prev:focus,#pagebox .gopage .next:hover,#pagebox .gopage .next:focus{color:#ffc600}#pagebox .gopage .prev:hover::after,#pagebox .gopage .prev:focus::after,#pagebox .gopage .next:hover::after,#pagebox .gopage .next:focus::after{transform:scale(1, 1);transition-delay:0s}#pagebox .gopage .prev:hover .arrow::after,#pagebox .gopage .prev:focus .arrow::after,#pagebox .gopage .next:hover .arrow::after,#pagebox .gopage .next:focus .arrow::after{transform:scale(1, 1);transition-delay:.15s}#pagebox .gopage .prev{padding-left:50px}#pagebox .gopage .prev::after{transform-origin:right center}#pagebox .gopage .prev .arrow{left:0;transform:rotate(-45deg);transform-origin:left center}#pagebox .gopage .prev .arrow::after{transform-origin:left center}#pagebox .gopage .next{padding-right:50px}#pagebox .gopage .next::after{transform-origin:left center}#pagebox .gopage .next .arrow{right:0;transform:rotate(45deg);transform-origin:right center}#pagebox .gopage .next .arrow::after{transform-origin:right center}.product_d{width:100%;display:flex;flex-wrap:wrap;align-items:center}.product_d .main-img{width:36%;height:0;padding-bottom:36%;margin:60px 7%;background-color:#fff;border:13px solid #5d747e;border-radius:100%;overflow:hidden}.product_d .main-img .img{width:80%;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%)}.product_d .main-img .img img{width:100%;height:auto}.product_d .main-img .img ul#photo-small{position:absolute;width:100%;height:100%;top:0;left:0}.product_d .main-img .img ul#photo-small li{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:.5s}.product_d .main-img .img ul#photo-small li.active{opacity:1}.product_d .main-font{width:50%}.product_d .main-font h1{font-size:32px;letter-spacing:1.8px;line-height:1.5}.product_d .main-font .fb-wrap{justify-content:flex-end;margin:30px 0}.product_d .main-font p{color:#92a6af;margin-left:20px;line-height:1.3}.product_d .main-font ul#product-photo{width:100%;display:flex;flex-wrap:wrap;align-items:center;margin-bottom:30px}.product_d .main-font ul#product-photo li{width:70px;height:70px;border-radius:100%;overflow:hidden;cursor:pointer;background-color:#fff;border:3px solid #ccc;margin:10px 20px 10px 0;transition:.3s}.product_d .main-font ul#product-photo li img{width:80%;height:80%;object-fit:contain;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);transition:.3s}.product_d .main-font ul#product-photo li .hover{width:100%;height:100%;background-color:rgba(0,0,0,0.5);display:flex;align-items:center;justify-content:center;opacity:0;transition:.3s}.product_d .main-font ul#product-photo li .hover i{color:#fff;font-size:24px;text-shadow:0 0 5px rgba(0,0,0,0.7)}.product_d .main-font ul#product-photo li:hover{border-color:#ffc600}.product_d .main-font ul#product-photo li:hover .hover{opacity:1}.product_d .main-font .cartbox{width:100%;display:flex;flex-wrap:wrap;justify-content:space-between}.product_d .main-font .cartbox a.btn{width:48%}.product_d .main-block{width:100%}.product_d .main-block h3.destitle{margin-bottom:20px}.product_d .main-block ul.tab{width:100%;display:flex;flex-wrap:wrap;align-items:center}.product_d .main-block ul.tab li{background-color:#fff;color:#000;padding:15px 25px;font-size:16px;letter-spacing:1px;font-weight:bold;margin:0 5px;cursor:pointer;transition:.3s}.product_d .main-block ul.tab li:first-child{margin-left:15px}.product_d .main-block ul.tab li:hover{color:#849aa4}.product_d .main-block ul.tab li.active{background-color:#ffc600}.product_d .main-block ul.tab li.active:hover{color:#000}.product_d .main-block .edit-block{border:1px solid #fff}.product_d .main-block .edit-block a{text-decoration:underline;color:#ffc600}.product_d .main-block .edit-block a:hover,.product_d .main-block .edit-block a:focus{color:#849aa4}.product_d .main-block .edit-block .notlogged{padding:30px 0;text-align:center}.product_d .main-block .edit-block .notlogged h5{letter-spacing:1px}.product_d .backbtn{width:100%;text-align:center;margin:100px 0}.product_d .backbtn a.btn{width:35%;padding:20px;font-size:24px;font-family:'微軟正黑體';color:#fff;background-color:#5d747e}.product_d .backbtn a.btn:hover,.product_d .backbtn a.btn:focus{background-color:#849aa4}.recommend-block{width:100%;background-image:url("../img/product-inner-bg.jpg");background-size:cover;background-position:top center}.recommend-block .titlefont{padding:50px 0;font-size:60px}.recommend-block .des p{width:100%;height:38px;display:-webkit-box;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis}#faq h1{margin-top:50px}#faq form.searchwrap{margin:60px 0}#faq ul.faq-tag{width:100%;display:flex;flex-wrap:wrap;justify-content:center;margin:80px 0}#faq ul.faq-tag li{margin:12px 10px}#faq ul.faq-tag li input[type="radio"]{display:none}#faq ul.faq-tag li input[type="radio"] ~ label{color:#ccc;padding:8px 15px;font-size:24px;cursor:pointer;transition:.3s}#faq ul.faq-tag li input[type="radio"] ~ label::after{content:'';position:absolute;left:0;bottom:0;transform:scale(0, 1);transform-origin:center center;width:100%;height:3px;background-color:#ffc600;transition:.3s}#faq ul.faq-tag li input[type="radio"]:hover ~ label,#faq ul.faq-tag li input[type="radio"]:checked ~ label{color:#ffc600}#faq ul.faq-tag li input[type="radio"]:hover ~ label::after,#faq ul.faq-tag li input[type="radio"]:checked ~ label::after{transform:scale(1, 1)}#faq ul.faq-list{width:100%;margin-bottom:100px}#faq ul.faq-list li{display:flex;flex-wrap:wrap;align-items:center;margin:30px 0}#faq ul.faq-list li .icon{width:70px;height:70px;background-color:#5d747e;border-radius:100%;display:flex;align-items:center;justify-content:center}#faq ul.faq-list li .icon i{font-size:44px}#faq ul.faq-list li h3{width:calc(100% - 70px);padding-left:30px;line-height:1.3}#faq ul.faq-list li p{width:100%;padding-left:100px;margin:20px 0}.contact-wrap{background-image:url("../img/contact-bg.jpg");background-size:cover;background-position:top center}form.contact{width:98%;max-width:800px;margin:30px auto 70px auto;background-color:rgba(93,116,126,0.5);padding:30px 40px}form.contact h2.titlefont{font-size:30px;margin:25px 0 15px 0}form.contact p{line-height:1.8;letter-spacing:1px;margin-bottom:15px}form.contact h6{line-height:1.8}form.contact h6.warning{color:#ffc600;display:flex;align-items:center}form.contact h6.warning i{margin-right:5px;font-size:20px}form.contact .form-item{padding:15px 0}form.contact .form-item.upload{padding:15px 0 0 0}form.contact .form-item label{width:100%;display:flex;flex-wrap:wrap;cursor:pointer}form.contact .form-item .margintop{margin-top:10px}form.contact .form-item .form-title{order:1;width:100%;font-size:20px;font-weight:bold;padding-bottom:15px;transition:.3s}form.contact .form-item .form-title.required::before{content:'* '}form.contact .form-item .form-title>h6{font-weight:normal;margin-top:7px;margin-bottom:0}form.contact .form-item input,form.contact .form-item select,form.contact .form-item textarea{order:2;width:100%;padding:15px 20px;background-color:transparent;color:#fff}form.contact .form-item input:focus,form.contact .form-item select:focus,form.contact .form-item textarea:focus{background-color:rgba(0,0,0,0.4);border-color:#ffc600;caret-color:#fff}form.contact .form-item input:focus ~ .form-title,form.contact .form-item select:focus ~ .form-title,form.contact .form-item textarea:focus ~ .form-title{color:#ffc600}form.contact .form-item input:disabled,form.contact .form-item select:disabled,form.contact .form-item textarea:disabled{border-color:#aaa;background-color:#222;color:#aaa;opacity:1;cursor:not-allowed}form.contact .form-item select{padding:15px 40px 15px 20px}form.contact .form-item textarea{line-height:1.5;font-family:'Arial','微軟正黑體';resize:none}form.contact .form-item select option{background-color:#222}form.contact .form-item.captcha label input{width:calc(100% - 165px);margin-right:15px}form.contact .form-item.captcha label a.img{order:3;width:150px;cursor:pointer;transition:.5s}form.contact .form-item.captcha label a.img img{width:100%}form.contact .form-item.captcha label a.img:hover,form.contact .form-item.captcha label a.img:focus{opacity:.5}form.contact .form-item.password label i{position:absolute;right:20px;bottom:13px;font-size:24px;transition:.3s}form.contact .form-item.password label i:hover{color:#92a6af}form.contact .form-item.contact-person{display:flex;align-items:flex-end}form.contact .form-item.contact-person input{width:calc(70% - 10px);margin-right:10px}form.contact .form-item.contact-person select{width:30%}form.contact button.form-btn,form.contact label.upload{width:100%;background-color:#849aa4;color:#fff;border:none;font-size:24px;letter-spacing:3px;font-weight:bold;padding:20px;margin:20px 0}form.contact button.form-btn i,form.contact label.upload i{position:absolute;right:5%;top:50%;transform:translate(0, -50%);font-size:36px;color:#fff;font-weight:normal}form.contact button.form-btn:hover,form.contact button.form-btn:focus,form.contact label.upload:hover,form.contact label.upload:focus{background-color:#5d747e}form.contact button.form-btn:hover i.icon-arrow-right,form.contact button.form-btn:focus i.icon-arrow-right,form.contact label.upload:hover i.icon-arrow-right,form.contact label.upload:focus i.icon-arrow-right{transform:translate(10px, -50%)}form.contact label.upload{margin:0;justify-content:center;color:#000;background-color:#ffc600;letter-spacing:1px;transition:.5s}form.contact label.upload i{color:#000}form.contact label.upload input[type="file"]{display:none}form.contact label.upload:hover,form.contact label.upload:focus{color:#fff;background-color:#3a7c99}form.contact label.upload:hover i,form.contact label.upload:focus i{color:#fff}form.contact ul.upload-file{width:100%;display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between}form.contact ul.upload-file li{width:calc(50% - 8px);display:flex;align-items:center;justify-content:space-between;background-color:rgba(255,255,255,0.15);font-size:14px;padding:15px 20px;margin:8px 0}form.contact ul.upload-file li a{color:#fff}form.contact ul.upload-file li a:hover,form.contact ul.upload-file li a:focus{text-decoration:underline}form.contact ul.upload-file li i{font-size:20px;cursor:pointer}form.contact ul.upload-file li i:hover{opacity:.7}form.contact h6{margin-bottom:10px}form.contact h6 a{margin:0 10px;text-decoration:underline;color:#ffc600}form.contact h6 a:hover,form.contact h6 a:focus{color:#fff}form.contact .inputbox{padding-top:10px}form.contact .inputbox label{justify-content:flex-end;align-items:flex-start}form.contact .inputbox label p,form.contact .inputbox label h6{margin:0;line-height:1.5}form.contact .inputbox.agree{margin-bottom:10px}form.contact .inputbox.agree i{margin-left:2px}form.contact .inputbox.agree i,form.contact .inputbox.agree h6,form.contact .inputbox.agree a{color:#bbb}form.contact .inputbox.agree label{justify-content:flex-start}form.contact .inputbox.agree input:checked ~ label i,form.contact .inputbox.agree input:checked ~ label h6,form.contact .inputbox.agree input:checked ~ label a{color:#fff}form.contact .inputbox.agree a{text-decoration:underline;margin:0}.inquiry-cart{background-image:url("../img/inquiry-bg.jpg");background-size:cover;background-position:top center}.inquiry-cart h1{margin:80px 0}.inquiry-cart ul.product-list{padding:0;margin-bottom:70px;background-color:rgba(93,116,126,0.5)}.inquiry-cart ul.product-list li{border-bottom:1px solid #b5c5cc}.inquiry-cart ul.product-list li:first-child,.inquiry-cart ul.product-list li:last-child{border-bottom:none}.inquiry-cart ul.product-list li .photo{width:180px}.inquiry-cart ul.product-list li .des{width:calc(100% - 180px - 140px * 3 - 100px)}.inquiry-cart ul.product-list li .operating a i{color:#fff;font-size:24px}.inquiry-cart ul.product-list li .operating a:hover i,.inquiry-cart ul.product-list li .operating a:focus i{color:#ffc600}.inquiry-cart ul.product-list li.nochoose{text-align:center;padding:40px;display:block}.inquiry-cart ul.product-list li.nochoose p,.inquiry-cart ul.product-list li.nochoose h5{padding:15px 0;letter-spacing:1px}.inquiry-cart ul.product-list li.nochoose a{text-decoration:underline}.inquiry-cart .nextbtn{text-align:right;margin-bottom:70px}.inquiry-cart .nextbtn a{background-color:#92a6af;color:#fff;font-size:20px;padding:18px 45px;border-radius:50px;letter-spacing:1px}.inquiry-cart .nextbtn a i{font-size:30px;margin-left:20px;margin-right:-10px;transform:translate(0, 0)}.inquiry-cart .nextbtn a:hover,.inquiry-cart .nextbtn a:focus{background-color:#5d747e}.inquiry-cart .nextbtn a:hover i,.inquiry-cart .nextbtn a:focus i{transform:translate(15px, 0)}.labapp{background-image:url("../img/lab-bg.jpg");background-size:cover;background-position:center center}.labapp h1{margin:80px 0}h5.top-prompt{letter-spacing:1px;line-height:2;margin-top:-40px;margin-bottom:40px;font-weight:normal}h5.top-prompt a{color:#ffc600;text-decoration:underline}h5.top-prompt a:hover,h5.top-prompt a:focus{color:#92a6af}#news-filter-wrap{width:100%;margin-top:100px}#news-filter-wrap h2{margin-bottom:50px}#news-filter-wrap h5{display:none}#news-filter-wrap #filter-wrap{margin-top:30px}section#certificate-wrap{width:100%;padding:0;border-bottom:17px solid #6a6a6a}section#certificate-wrap .cer-title{width:100%;background-image:url("../img/index/certificate-bg.png");background-repeat:no-repeat;background-position:top center;background-size:auto 100%;display:flex;justify-content:center}section#certificate-wrap .cer-title .img{width:70%;max-width:369px}section#certificate-wrap .cer-title .img img{width:100%;height:auto}section#certificate-wrap .w1280{max-width:1050px;width:100%}section#certificate-wrap .swiper-container{width:100%;padding-bottom:60px;margin-bottom:30px}section#certificate-wrap .swiper-wrapper{align-content:center}section#certificate-wrap .swiper-slide a.smallwrap{width:100%;height:250px;overflow:hidden;background-color:#fff;border:2px solid #ccc;padding:10px;display:flex;align-items:center;justify-content:center}section#certificate-wrap .swiper-slide a.smallwrap:hover img,section#certificate-wrap .swiper-slide a.smallwrap:focus img{transform:scale(1.15)}section#certificate-wrap .swiper-slide a.smallwrap img{width:100%;height:100%;object-fit:contain;transform:scale(1);transform-origin:center center;transition:.5s}section#certificate-wrap ul.bigwrap{position:fixed;left:0;top:0;width:100vw;height:100vh;z-index:10011;pointer-events:none}section#certificate-wrap ul.bigwrap>li{width:100%;height:100%;display:none;align-items:center;justify-content:center;padding:5%;pointer-events:none}section#certificate-wrap ul.bigwrap>li a{display:flex;align-items:center;justify-content:center;z-index:2}section#certificate-wrap ul.bigwrap>li img{max-width:90%;max-height:90%;width:auto !important;height:auto}section#certificate-wrap ul.bigwrap>li.active{display:flex;pointer-events:auto}section#certificate-wrap ul.bigwrap .bgblock{position:absolute;left:0;top:0;width:100vw;height:100vh;background-color:rgba(0,0,0,0.7);z-index:1}section#certificate-wrap ul.bigwrap .bgblock i{position:absolute;right:30px;top:30px;font-size:30px;cursor:pointer;color:#fff}section#certificate-wrap ul.bigwrap .bgblock i:hover{color:#ffc600}.activate-lab{background-image:url("../img/service-lab-bg.jpg");background-position:center center;background-size:100% auto;background-repeat:no-repeat;background-attachment:fixed;padding:200px 0;margin:70px 0}.activate-lab h2{font-size:48px;line-height:1.5;text-shadow:0 0 15px rgba(0,0,0,0.7)}.activate-lab h2.light{text-shadow:0 0 15px rgba(255,255,255,0.3);animation:fontLighting 1.5s ease-in-out infinite}.activate-lab .btnbox{margin-top:80px;width:100%;text-align:center}.activate-lab .btnbox a.btn{width:100%;max-width:900px;padding:40px;border-radius:50px;box-shadow:0 0 15px rgba(0,0,0,0.7)}.activate-lab .btnbox a.btn .hand{width:80px;height:auto;position:absolute;right:30px;top:30px;transform:translate(100%, 100%);transition:.5s;animation:handanimate 2s ease-in-out infinite}.activate-lab .btnbox a.btn .hand img{width:100%;height:auto}@keyframes handanimate{0%,to{transform:translate(100%, 100%)}40%,60%{transform:translate(0, 0)}}@keyframes fontLighting{0%,30%{text-shadow:0 0 15px rgba(255,255,255,0.3)}to,10%{text-shadow:0 0 15px rgba(255,255,255,0.7)}}.service-wrap{background-image:url("../img/service-bg.jpg");background-size:cover;background-position:top center}.service-wrap h1{font-size:120px;text-shadow:0 0 5px rgba(0,0,0,0.5);position:absolute;top:310px;left:calc(50% - 640px);z-index:2}.service-wrap .service-list{width:60%;padding:120px 10%;margin-top:140px;margin-left:auto;margin-bottom:140px;background:linear-gradient(160deg, rgba(93,116,126,0.9), rgba(6,8,8,0.9))}.service-wrap .service-list ul.service-main>li{margin-bottom:40px}.service-wrap .service-list ul.service-main>li h3{line-height:1.5}.service-wrap .service-list ul.service-main>li:last-child{margin-bottom:0}.service-wrap .service-list ul.service-main>li:last-child>ul.service-sub{margin-bottom:0}.service-wrap .service-list ul.service-sub{margin-top:20px;margin-bottom:40px}.service-wrap .service-list ul.service-sub>li h5{line-height:2;margin:10px 0}.service-wrap .service-list ul.service-sub>li a{display:inline-flex;align-items:center}.service-wrap .service-list ul.service-sub>li a span.arrow{margin-left:5px;margin-right:15px;display:flex;align-items:center}.service-wrap .service-list ul.service-sub>li a span.arrow i{margin:0 -.2em;transition:.5s;transform:translate(0, 0)}.service-wrap .service-list ul.service-sub>li a span.arrow i:first-child{opacity:0;transition-delay:.2s}.service-wrap .service-list ul.service-sub>li a span.arrow i:nth-child(2){opacity:0;transition-delay:.1s}.service-wrap .service-list ul.service-sub>li a span.arrow i:last-child{opacity:.5}.service-wrap .service-list ul.service-sub>li a:hover,.service-wrap .service-list ul.service-sub>li a:focus{opacity:1;color:#fff}.service-wrap .service-list ul.service-sub>li a:hover span.arrow i,.service-wrap .service-list ul.service-sub>li a:focus span.arrow i{transform:translate(10px, 0)}.service-wrap .service-list ul.service-sub>li a:hover span.arrow i:first-child,.service-wrap .service-list ul.service-sub>li a:focus span.arrow i:first-child{opacity:1}.service-wrap .service-list ul.service-sub>li a:hover span.arrow i:nth-child(2),.service-wrap .service-list ul.service-sub>li a:focus span.arrow i:nth-child(2){opacity:0.75}.service-wrap .service-list ul.service-sub>li a:hover span.arrow i:last-child,.service-wrap .service-list ul.service-sub>li a:focus span.arrow i:last-child{opacity:.5}.service-wrap .service-list ul.service-sub>li a:hover span.font,.service-wrap .service-list ul.service-sub>li a:focus span.font{text-decoration:underline}.service-wrap .notice-box{margin-top:30px;border-left:5px solid #ffc600;color:#ffc600;font-weight:bold;padding-left:15px;line-height:1.5}.service-inner-title{padding-top:30px;text-align:center}.service-inner-title h1{font-size:36px}.service-inner-title h1,.service-inner-title h4,.service-inner-title h6{margin:20px 0}.service-inner-title .arrowbox{font-size:44px;padding:40px 0 20px 0}.service-inner-title .arrowbox i{display:block;margin:-.6em}.service-inner-title .arrowbox i:first-child{opacity:1;animation:arrow1 1.5s ease-in 0s infinite}.service-inner-title .arrowbox i:nth-child(2){opacity:.75;animation:arrow2 1.5s ease-in .05s infinite}.service-inner-title .arrowbox i:last-child{opacity:.5;animation:arrow3 1.5s ease-in .1s infinite}@keyframes arrow1{0%{opacity:1;transform:translate(0, 0)}25%{opacity:.6}55%{opacity:.2;transform:translate(0, 20px)}80%,to{opacity:0;transform:translate(0, 10px)}}@keyframes arrow2{0%{opacity:.6;transform:translate(0, 0)}25%{opacity:1}55%{opacity:.6;transform:translate(0, 20px)}80%,to{opacity:0;transform:translate(0, 10px)}}@keyframes arrow3{0%{opacity:.2;transform:translate(0, 0)}25%{opacity:.6}55%{opacity:1;transform:translate(0, 20px)}80%,to{opacity:0;transform:translate(0, 10px)}}.btnbox.back{margin-top:20px;margin-bottom:100px;text-align:center}.btnbox.back a.btn{width:90%;max-width:400px;background-color:#5d747e;color:#fff;font-size:24px;padding:20px}.btnbox.back a.btn:hover,.btnbox.back a.btn:focus{background-color:#849aa4}.lab_intro .tab-list{display:flex;justify-content:center;flex-wrap:wrap}.lab_intro .tab-list a{display:inline-block;font-size:18px;padding:15px 30px;margin:10px}.lab_intro h1{margin-top:50px;margin-bottom:10px}.lab_intro .lab-top-wrap{width:100%;display:flex;flex-wrap:wrap;align-items:center;margin-top:50px}.lab_intro .lab-top-wrap .vediowrap{width:70%;padding:25px 40px;border-radius:30px;border:2px solid #888;background:linear-gradient(300deg, #444 2%, #000 25%, #000 75%, #444 98%);position:relative}.lab_intro .lab-top-wrap .vediowrap:after{content:'';display:block;width:10px;height:10px;border-radius:50%;border:2px solid #888;position:absolute;top:50%;transform:translateY(-50%);left:15px}.lab_intro .lab-top-wrap .btnbox{width:30%;padding:0 40px}.lab_intro .lab-top-wrap .btnbox a.btn{width:100%;margin:20px 0;padding:20px 10px}.lab_intro .lab-top-wrap .btnbox .join-btn{background-color:#0d81ee;background:linear-gradient(180deg, #45a4ff 0%, #0d81ee 20%, #136abd 100%);box-shadow:0 0 -5px #99cdff;font-size:2.5em;color:#fff;text-shadow:0 0 10px #1c68b0;border-radius:15px;font-family:'Century Gothic','Arial','微軟正黑體',serif}.lab_intro .lab-top-wrap .btnbox .join-btn:hover{transform:scale(1.2)}.lab_intro p{padding:0 20px}.lab_intro section{width:100%;display:flex;flex-wrap:wrap;align-content:center}.lab_intro section .fontbox,.lab_intro section .imgbox{width:50%}.lab_intro section .fontbox{display:flex;flex-wrap:wrap;align-content:center;z-index:2}.lab_intro section .fontbox h3{line-height:2}.lab_intro section .imgbox img{width:100%;height:auto}.lab_intro section.intro1 .fontbox h2{text-shadow:0 0 5px rgba(0,0,0,0.7)}.lab_intro section.intro1 .fontbox .dialog{width:100%;margin-top:100px;background-color:#fff;color:#0b0b0b;padding:50px 60px;border-radius:50px;z-index:2;filter:drop-shadow(15px 15px 0 rgba(255,255,255,0.4))}.lab_intro section.intro1 .fontbox .dialog::after{content:'';width:80px;height:80px;position:absolute;left:100%;top:50%;background-image:url("../img/dialog.png");background-size:contain;background-repeat:no-repeat}.lab_intro section.intro2 .fontbox,.lab_intro section.intro4 .fontbox{padding-left:70px}.lab_intro section.intro3 .fontbox{padding-right:70px}.lab_intro section.intro2 .fontbox h3{font-size:30px}.lab_intro section.intro3 .btnbox,.lab_intro section.intro4 .btnbox{width:100%;margin-top:100px}.lab_intro .joinbox{margin-bottom:150px}.lab_intro .bigcircle{position:absolute;width:500px;height:500px;background-color:#5d747e;border-radius:100%;animation:bigcircle 3s ease-out infinite}.lab_intro .bigcircle.circle1{right:-30%;top:-20%}.lab_intro .bigcircle.circle2{width:700px;height:700px;left:-40%;bottom:-20%;animation-delay:.3s}.lab_intro .bigcircle.circle3{right:-30%;top:-30%;animation-delay:.5s}@keyframes bigcircle{0%{transform:scale(0.5);opacity:1}80%,to{transform:scale(2);opacity:0}}.login-wrap{background-image:url("../img/login-bg.jpg");background-size:cover;background-position:top center}.login-wrap h1{padding:30px 0}form.forget-box{margin-top:-20px;background-color:rgba(17,17,17,0.7);transform-origin:top center;transition:.5s}form.forget-box .remove-box{display:block;text-align:right}form.forget-box .remove-box i{font-size:28px;cursor:pointer}form.forget-box .remove-box i:hover{color:#ffc600}form.forget-box button.form-btn{background-color:#ffc600;color:#000;letter-spacing:1px}form.forget-box button.form-btn:hover,form.forget-box button.form-btn:focus{color:#fff}span#about1,span#about2,span#about3,span#about4,span#about5{top:-120px}.about-wrap{width:100%;text-align:justify;text-justify:inter-ideograph}.about-wrap .news-inner-title h1{font-size:68px}.about-wrap section{width:100%;display:flex;flex-wrap:wrap;align-content:center}.about-wrap section .imgbox,.about-wrap section .fontbox{width:50%}.about-wrap section .imgbox img{width:100%;height:auto}.about-wrap section .fontbox{padding:120px 80px 80px 80px}.about-wrap section .fontbox h5{line-height:1.8}.about-wrap section .fontbox .btnbox{width:100%;margin-top:50px}.about-wrap section .fontbox .btnbox a.btn.black{font-size:18px;padding:25px 50px}.about-wrap section.about1{margin-top:50px}.about-wrap section.about1 h2{position:absolute;left:50%;bottom:-50px;transform:translate(-50%, 0);font-size:120px;opacity:.7;font-style:italic;z-index:2}.about-wrap section.about1 .imgbox{background-image:url("../img/about/about1.jpg");background-size:cover}.about-wrap section.about2 .imgbox{background-image:url("../img/about/about2.jpg");background-size:cover;background-position:center center}.about-wrap section.about3 .imgbox{background-image:url("../img/about/about3.jpg");background-size:cover;background-position:100% 50%}.about-wrap section.about3 .imgbox .innerfont{position:absolute;right:50px;bottom:50px;width:calc(100% - 100px);max-width:590px}.about-wrap section.about3 .imgbox h2{font-size:60px;font-style:italic;text-shadow:0 5px 5px rgba(0,0,0,0.7);margin:0 auto 50px 0}.about-wrap section.about3 .imgbox .img{width:100%;max-width:415px;margin-left:auto}.about-wrap section.about3 .imgbox .img img{width:100%;height:auto;filter:drop-shadow(0 5px 5px rgba(0,0,0,0.7))}.about-wrap section.about3 .fontbox img.dia{float:left;margin:-15px 20px 10px 0;width:150px;height:auto}.about-wrap section.about4 .fontbox{width:100%;padding:120px 80px}.about-wrap section.about4 .fontbox h3{font-style:italic;font-size:30px;line-height:1.2}.about-wrap section.about5 .contentwrap{margin-bottom:120px}.about-wrap section.about5 .contentwrap>ul{width:100%;display:flex;flex-wrap:wrap;align-content:center;justify-content:center}.about-wrap section.about5 .contentwrap>ul>li{width:50%;padding:40px;text-align:center}.about-wrap section.about5 .contentwrap>ul>li img{width:70%;max-width:250px;height:auto;z-index:2}.about-wrap section.about5 .contentwrap>ul>li h3{font-family:'Century Gothic','Arial','微軟正黑體',serif;font-size:36px;margin:20px 0}.about-wrap section.about5 .contentwrap>ul>li h3 span{font-size:1.35em;font-weight:bold;color:#ffc600}.about-wrap section.about5 .contentwrap>ul>li p{line-height:1.8;text-align:justify;text-justify:inter-ideograph}.about-wrap section.about5 .contentwrap>ul>li::after{content:'';position:absolute;bottom:0;left:50%;transform:translate(-50%, 0);width:6px;height:6px;border:4px solid #fff;border-radius:100%}.about-wrap section.about5 .contentwrap>ul>li:first-child,.about-wrap section.about5 .contentwrap>ul>li:last-child{width:100%;margin:0 25%}.about-wrap section.about5 .contentwrap>ul>li:nth-child(2) .linetop{height:100%;position:absolute;right:-1px;top:0}.about-wrap section.about5 .contentwrap>ul>li:last-child h3 span{color:#68bbe1}.about-wrap section.about5 .contentwrap>ul>li:last-child .linetop{position:absolute;top:0;height:165px;animation:linetop 1s}.about-wrap section.about5 .contentwrap>ul>li:last-child .linetop.left{left:-1px}.about-wrap section.about5 .contentwrap>ul>li:last-child .linetop.right{right:-1px}.about-wrap section.about5 .contentwrap>ul>li:last-child .linelevel{position:absolute;top:164px;width:165px}.about-wrap section.about5 .contentwrap>ul>li:last-child .linelevel.left{left:0;transform-origin:left center}.about-wrap section.about5 .contentwrap>ul>li:last-child .linelevel.right{right:0;transform-origin:right center}.about-wrap section.about5 .contentwrap>ul>li:last-child::after{display:none}.about-wrap section.about5 .titlewrap{width:100%;background-image:url("../img/about/about4.jpg");background-size:cover;background-position:80% 50%;height:550px;display:flex;align-items:center;justify-content:center}.about-wrap section.about5 .titlewrap .w1280{margin:0}.about-wrap section.about5 .titlewrap h3,.about-wrap section.about5 .titlewrap h2{font-style:italic}.about-wrap section.about5 .titlewrap h3,.about-wrap section.about5 .titlewrap h2,.about-wrap section.about5 .titlewrap h4{text-shadow:0 2px 5px rgba(0,0,0,0.7)}.about-wrap section.about5 .titlewrap h3{font-size:60px}.about-wrap section.about5 .titlewrap h3 span{font-size:.7em}.about-wrap section.about5 .titlewrap h2{font-size:150px;text-align:center;margin-top:60px;line-height:.5}.about-wrap section.about5 .titlewrap h2 span{font-size:.32em;margin-left:.5em}.about-wrap section.about5 .titlewrap h4{font-size:36px;margin-top:80px}.about-wrap section.about5 .titlewrap .halo{width:400px;height:400px;position:absolute;left:-400px;top:15%;background:radial-gradient(#fff 0%, transparent 70%);z-index:2;animation:haloAnimate 2s ease-in-out;animation-fill-mode:forwards}.about-wrap section.about5 .titlewrap .halo .innerhalo{width:70%;height:70%;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);background:radial-gradient(rgba(255,255,255,0.5) 0%, rgba(255,255,255,0.2) 20%, transparent 70%)}.about-wrap section.about6{width:100%}.about-wrap section.about6 .titlebox{width:100%;padding:135px 0;background-image:url("../img/about/about5.jpg");background-size:cover}.about-wrap section.about6 .titlebox h2{font-size:60px;margin-bottom:20px;text-shadow:0 2px 5px rgba(0,0,0,0.3)}.about-wrap section.about6 .titlebox h5{line-height:1.8}.about-wrap section.about6 .treebox{display:flex;flex-wrap:wrap;justify-content:center;font-family:'Century Gothic','Arial','微軟正黑體',serif}.about-wrap section.about6 .treebox .circlewrap{width:135px;height:135px;border:1px solid #fff;border-radius:100%;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:bold}.about-wrap section.about6 .treebox .circlewrap::before{content:'';position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);width:110px;height:110px;border:5px solid #fff;border-radius:100%}.about-wrap section.about6 .treebox ul li h5{width:100%;padding:15px 0 10px 0}.about-wrap section.about6 .treebox ul.topwrap{width:100%;margin-top:100px}.about-wrap section.about6 .treebox ul.topwrap li{width:100%;display:flex;flex-wrap:wrap;justify-content:center;text-align:center;margin:10px 0}.about-wrap section.about6 .treebox ul.topwrap li .linewrap{width:100%;height:60px}.about-wrap section.about6 .treebox ul.topwrap li .linewrap .line{width:2px;height:calc(100% - 14px);background-color:#fff;position:absolute;left:50%;top:0;transform:translate(-50%, 0)}.about-wrap section.about6 .treebox ul.topwrap li .linewrap .ball{width:14px;height:14px;border:4px solid #fff;border-radius:100%;position:absolute;left:50%;bottom:100%;transform:translate(-50%, 0)}.about-wrap section.about6 .treebox ul.topwrap li.long .linewrap{height:350px}.about-wrap section.about6 .treebox ul.topwrap li.right{margin-top:-260px;margin-bottom:80px;padding-left:50%;justify-content:flex-start}.about-wrap section.about6 .treebox ul.topwrap li.right .linewrap{width:25%;margin-right:10px;height:135px}.about-wrap section.about6 .treebox ul.topwrap li.right .linewrap .line{width:calc(100% - 14px);height:2px;left:0;top:50%;transform:translate(0, -50%) scale(0, 1)}.about-wrap section.about6 .treebox ul.topwrap li.right .linewrap .ball{left:auto;right:calc(100% - 14px);bottom:auto;top:50%;transform:translate(0, -50%)}.about-wrap section.about6 .treebox ul.topwrap li.font{padding-bottom:60px;margin-bottom:0}.about-wrap section.about6 .treebox ul.topwrap li.font::after{content:'';position:absolute;left:50%;bottom:0;transform:translate(-50%, 0);width:1px;height:60px;background-color:#fff;opacity:0;animation:lightline 2s ease-in-out 1s;animation-fill-mode:forwards}.about-wrap section.about6 .treebox ul.topwrap li.font .circlewrap{width:auto;height:auto;padding:25px 50px;border-radius:50px;font-size:18px;font-weight:normal}.about-wrap section.about6 .treebox ul.topwrap li.font .circlewrap::before{width:calc(100% - 18px);height:calc(100% - 18px);border-radius:50px}.about-wrap section.about6 .treebox ul.bus-icon{width:100%;margin-bottom:150px;display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:center}.about-wrap section.about6 .treebox ul.bus-icon li{width:20%;text-align:center;padding-top:40px}.about-wrap section.about6 .treebox ul.bus-icon li::before,.about-wrap section.about6 .treebox ul.bus-icon li::after{content:'';position:absolute;top:0;left:50%;transform:translate(-50%, 0);background-color:#fff;opacity:0;animation:lightline 2s ease-in-out 1.5s;animation-fill-mode:forwards}.about-wrap section.about6 .treebox ul.bus-icon li::before{width:1px;height:40px}.about-wrap section.about6 .treebox ul.bus-icon li::after{width:100%;height:1px}.about-wrap section.about6 .treebox ul.bus-icon li .circlewrap{margin:0 auto;animation-delay:1s}.about-wrap section.about6 .treebox ul.bus-icon li .circlewrap img{height:53px;width:auto}.about-wrap section.about6 .treebox ul.bus-icon li h5{opacity:0;animation:lightline 1s ease-in-out 1.5s;animation-fill-mode:forwards}.about-wrap section.about6 .treebox ul.bus-icon li:first-child::after{left:50%;transform:translate(0, 0);width:50%}.about-wrap section.about6 .treebox ul.bus-icon li:last-child::after{left:0;transform:translate(0, 0);width:50%}.about-wrap section.about-contact{width:100%;margin-bottom:150px}.about-wrap section.about-contact .contact-block{width:100%;margin:60px 0;display:flex;flex-wrap:wrap;align-items:center}.about-wrap section.about-contact .contact-block .imgbox,.about-wrap section.about-contact .contact-block .fontbox{width:50%}.about-wrap section.about-contact .contact-block .imgbox{padding-right:25px}.about-wrap section.about-contact .contact-block .imgbox img{width:100%;height:auto;transition:.5s}.about-wrap section.about-contact .contact-block .imgbox a:hover img,.about-wrap section.about-contact .contact-block .imgbox a:focus img{opacity:.7}.about-wrap section.about-contact .contact-block .fontbox{padding:0 0 0 50px}.about-wrap section.about-contact .contact-block .fontbox .img{width:100%;max-width:300px;height:auto}.about-wrap section.about-contact .contact-block .fontbox .img img{width:100%;height:auto}.about-wrap section.about-contact .contact-block .fontbox h4{margin-top:15px}.about-wrap section.about-contact .contact-block .fontbox ul.linkwrap{width:100%;margin-top:40px}.about-wrap section.about-contact .contact-block .fontbox ul.linkwrap li{width:100%;margin:15px 0;display:flex;align-items:flex-start}.about-wrap section.about-contact .contact-block .fontbox ul.linkwrap li i{font-size:24px;margin-right:20px}.about-wrap section.about-contact .contact-block .fontbox ul.linkwrap li i.color{color:#ffc600}.about-wrap section.about-contact .contact-block .fontbox ul.linkwrap li h6{padding:2px 0;line-height:1.5}.about-wrap section.about-contact .contact-block .fontbox ul.linkwrap li h6 a:hover,.about-wrap section.about-contact .contact-block .fontbox ul.linkwrap li h6 a:focus{text-decoration:underline}.about-wrap section.about-contact .contact-block .fontbox ul.linkwrap li.fb i{font-size:30px}@keyframes haloAnimate{0%{left:-400px;transform:scale(0.2)}30%{transform:scale(1)}70%{left:calc(100% - 300px);transform:scale(0.5)}80%,90%{transform:scale(1)}85%,95%{transform:scale(0.5)}to{left:calc(100% - 300px);transform:scale(0.2)}}.linetop{width:2px;background-color:#fff;transform-origin:top center;animation:linetop 2s ease-in-out}.linelevel{height:2px;background-color:#fff;animation:linelevel 2s ease-in-out}@keyframes linetop{0%{transform:scale(1, 0)}to{transform:scale(1, 1)}}@keyframes linelevel{0%,50%{transform:scale(0, 1)}to{transform:scale(1, 1)}}.linetopball{transform-origin:top center;animation:linetopball 1s ease-in-out}.linetopball.long{animation:linetopball 2s ease-in-out}@keyframes linetopball{0%{transform:translate(-50%, 0) scale(1, 0)}to{transform:translate(-50%, 0) scale(1, 1)}}.topball{animation:topball 1s ease-in-out;animation-fill-mode:forwards}.topball.long{animation:topball 2s ease-in-out;animation-fill-mode:forwards}@keyframes topball{0%{bottom:calc(100% - 14px)}to{bottom:0}}.lineright{transform-origin:left center;animation:lineright 1s ease-in-out 0.5s;animation-fill-mode:forwards}@keyframes lineright{0%{transform:translate(0, -50%) scale(0, 1)}to{transform:translate(0, -50%) scale(1, 1)}}.rightball{animation:rightball 1s ease-in-out 0.5s;animation-fill-mode:forwards}@keyframes rightball{0%{right:calc(100% - 14px)}to{right:0}}@keyframes lightline{0%{opacity:0}to{opacity:1}}.inner-top.member{background-image:url("../img/member-bg.jpg");background-size:cover;background-position:center bottom}.member-title{width:100%;padding-top:200px;padding-bottom:50px}.member-title h1{width:100%}.member-title ul.btnbox{margin-top:30px;width:100%;display:flex;flex-wrap:wrap;justify-content:center}.member-title ul.btnbox .pc-mode{display:block}.member-title ul.btnbox .m-mode{display:none}.member-title ul.btnbox li{margin:10px}.member-title ul.btnbox li h3{font-size:18px;font-family:'Century Gothic','Arial','微軟正黑體',serif}.member-title ul.btnbox li a{display:flex;align-items:center;justify-content:center;border:1px solid #fff;border-radius:10px;padding:12px 18px}.member-title ul.btnbox li a:hover,.member-title ul.btnbox li a:focus{color:#fff;background-color:#92a6af;border-color:#92a6af}.member-title ul.btnbox li.active a{background-color:#3a7c99;border-color:#3a7c99}.member-title.lab{padding:0}form.contact.member-info{width:96%;max-width:1280px;background:#333;background:linear-gradient(#222, #424242 70%, #222)}form.contact.member-info .inputbox.agree{margin:20px 0}.inquiry-cart.member{background-image:none}.inquiry-cart.member h2{margin-bottom:40px;font-size:36px}#record-wrap ul.product-list.dislist{margin-bottom:30px}#record-wrap ul.product-list.dislist>li a{width:100%;display:flex;flex-wrap:wrap;align-items:center;justify-content:center}#record-wrap ul.product-list.dislist>li a:hover,#record-wrap ul.product-list.dislist>li a:focus{color:#fff}#record-wrap ul.product-list.dislist>li .photo{width:150px}#record-wrap ul.product-list.dislist>li .date{width:170px}#record-wrap ul.product-list.dislist>li .reply{width:120px}#record-wrap ul.product-list.dislist>li .des{width:calc(100% - 150px - 340px - 240px);padding:0 5px}#record-wrap ul.product-list.dislist>li .des p{text-align:left}#record-wrap ul.product-list.dislist>li .record{width:calc(580px / 3)}#record-wrap ul.product-list.dislist>li .price{width:100%;margin-top:15px;background-color:rgba(17,17,17,0.7);border:1px solid rgba(255,255,255,0.7);padding:10px 20px}#record-wrap ul.product-list.dislist>li .price p{display:flex;align-items:center;justify-content:space-between}#record-wrap ul.product-list.dislist>li i.icon-remove{color:#fe5f55}#record-wrap ul.product-list.dislist>li i.icon-UimCheck{color:#22b46a}#record-wrap ul.product-list.dislist>li i{display:block;text-align:center;font-size:30px}.record-notice{width:100%;padding:60px 5%;margin:30px 0;background-color:#222;border:1px solid #ddd;display:flex;flex-wrap:wrap;justify-content:center}.record-notice .titlefont{width:100%;display:flex;align-items:center;justify-content:center;margin-bottom:30px}.record-notice .titlefont span{width:50px;height:1px;margin:0 15px;background-color:#fff;display:inline-block}.record-notice>ul>li p{padding:5px 0 5px 20px;line-height:1.2}.record-notice>ul>li i{position:absolute;left:0;top:5px}.record-status{width:100%;padding:20px 30px;margin-bottom:30px;background-color:#222;border:1px solid #ddd}.record-status>ul{width:100%;display:flex;flex-wrap:wrap}.record-status>ul>li{width:25%;padding:5px 0;display:flex;align-items:center}.record-status>ul>li p{width:100%;display:flex;justify-content:flex-start;align-items:center}.record-status>ul>li p span{margin-right:5px}.record-status>ul>li i.icon-UimCheck{color:#22b46a}.record-status>ul>li i.icon-remove{color:#fe5f55}.record-bottom{width:100%;margin-bottom:100px}.record-bottom .record-note{border:1px solid #fff;margin-bottom:30px}.record-bottom .totalprice{text-align:right}.record-bottom .anyquestion{padding:100px 0 30px 0;line-height:2}.record-bottom .anyquestion a{color:#ffc600;text-decoration:underline}.record-bottom .anyquestion a:hover,.record-bottom .anyquestion a:focus{color:#999}.record-bottom .anyquestion h5.arrow{display:flex;align-items:center;justify-content:center}.record-bottom .anyquestion h5.arrow span{margin:0 10px;width:0;height:0;border-style:solid;border-width:6px 5px 0 5px;border-color:#ffffff transparent transparent transparent;animation:arrowdown 1s ease-in-out infinite}.record-bottom .anyquestion h5.border{margin-top:20px;padding:20px 10px;border-top:1px solid #999;border-bottom:1px solid #999}@keyframes arrowdown{0%,to{transform:translate(0, -4px)}50%{transform:translate(0, 4px)}}ul.project-list{width:100%;margin:20px 0 50px 0}ul.project-list>li{width:100%;border:1px solid #fff;border-radius:10px;padding:30px;margin-bottom:15px}ul.project-list>li h6.date{position:absolute;right:15px;top:15px}ul.project-list>li h3{margin-top:8px;line-height:1.3}ul.project-list>li ul.detail{width:100%;display:flex;flex-wrap:wrap;align-content:flex-start;margin-top:15px}ul.project-list>li ul.detail>li{padding:3px 0;width:calc(100% / 3);display:flex;align-items:center}ul.project-list>li ul.detail>li:last-child{width:100%}ul.project-list>li ul.detail>li i{font-size:26px}ul.project-list>li ul.detail>li i.icon-UimCheck{color:#22b46a}ul.project-list>li ul.detail>li i.icon-remove{color:#fe5f55}ul.project-list>li ul.detail>li p span.title{color:#92a6af;font-weight:bold;margin-right:15px}ul.project-list>li ul.detail>li p span.small{font-size:12px}ul.project-list>li.review{border-color:#666;color:#ddd}ul.project-list>li.review h6.review{margin-top:10px;display:flex;align-items:center;color:#ffc600}ul.project-list>li.review h6.review i{margin-right:5px}ul.project-list>li.list{padding:0}ul.project-list>li.list>a{padding:36px 30px 30px 30px;width:100%;height:100%;display:flex;flex-wrap:wrap}ul.project-list>li.list>a::before{content:'';position:absolute;left:-1px;top:-1px;width:calc(100% + 5px);height:calc(100% + 5px);background-color:#000;opacity:0;z-index:2;pointer-events:none;transition:.3s}ul.project-list>li.list>a::after{content:'SWITCH TO THIS PROJECT';position:absolute;right:5px;bottom:5px;padding:10px 15px 10px 30px;background-color:#369fcd;color:#fff;font-size:12px;border-radius:6px;background-image:url("../img/change.svg");background-size:20px 20px;background-repeat:no-repeat;background-position:5px center;z-index:2;transition:.3s;opacity:0}ul.project-list>li.list>a:hover,ul.project-list>li.list>a:focus{color:#fff}ul.project-list>li.list>a:hover::before,ul.project-list>li.list>a:focus::before{opacity:.5}ul.project-list>li.list>a:hover::after,ul.project-list>li.list>a:focus::after{opacity:1}ul.project-list>li.list.active{border-color:#ffc600;background-color:#333}ul.project-list>li.list.active a{cursor:auto;pointer-events:none}ul.project-list>li.list.active a::before{display:none}ul.project-list>li.list.active a::after{content:'NOW SELECTED';background-color:#000;color:#ffc600;font-weight:bold;opacity:1;background-image:none;padding:10px 15px}ul.project-list>li.list.choose a::after{content:'SELECT THIS PROJECT';padding:10px 15px;background-color:#ffc600;color:#000;background-image:none;font-weight:bold}ul.project-list.history>li h4{line-height:1.3}ul.project-list.history>li h4 span{font-size:14px;margin-left:5px;color:#ffc600;text-decoration:underline}ul.project-list.history>li ul.detail>li{width:25%}ul.project-list.history>li ul.detail>li:last-child{width:100%}ul.project-list.history>li.list>a::after{content:'VIEW THIS INQUIRY'}#wislab-wrap{width:100%}#wislab-wrap h2.bigtitle{margin:80px 0 30px 0}#wislab-wrap form.searchwrap{margin-bottom:50px}#wislab-wrap .applybox{width:100%;text-align:right}#wislab-wrap .applybox a.btn{border-radius:10px;background-color:#ffc600;color:#000}#wislab-wrap .applybox a.btn i{color:#000}#wislab-wrap .applybox a.btn span{margin-left:10px;font-size:1.5em;margin-top:-3px}#wislab-wrap .applybox a.btn:hover,#wislab-wrap .applybox a.btn:focus{background-color:#369fcd;color:#fff}#wislab-wrap .applybox a.btn:hover i,#wislab-wrap .applybox a.btn:focus i{color:#fff}#wislab-wrap .applybox.download{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between}#wislab-wrap .applybox.download p a{display:inline-flex}#wislab-wrap .applybox.download p a span.underline{text-decoration:underline}#wislab-wrap .applybox.download p a span.arrow{margin-left:5px;margin-right:15px;display:flex;align-items:center}#wislab-wrap .applybox.download p a span.arrow i{margin:0 -.2em;transition:.5s;transform:translate(0, 0)}#wislab-wrap .applybox.download p a span.arrow i:first-child{opacity:0;transition-delay:.2s}#wislab-wrap .applybox.download p a span.arrow i:nth-child(2){opacity:0;transition-delay:.1s}#wislab-wrap .applybox.download p a span.arrow i:last-child{opacity:.5}#wislab-wrap .applybox.download p a span.arrow{margin-left:-8px}#wislab-wrap .applybox.download p a:hover span.arrow i,#wislab-wrap .applybox.download p a:focus span.arrow i{transform:translate(10px, 0)}#wislab-wrap .applybox.download p a:hover span.arrow i:first-child,#wislab-wrap .applybox.download p a:focus span.arrow i:first-child{opacity:1}#wislab-wrap .applybox.download p a:hover span.arrow i:nth-child(2),#wislab-wrap .applybox.download p a:focus span.arrow i:nth-child(2){opacity:0.75}#wislab-wrap .applybox.download p a:hover span.arrow i:last-child,#wislab-wrap .applybox.download p a:focus span.arrow i:last-child{opacity:.5}#wislab-wrap .applybox.download a.btn i{font-size:24px;margin-left:5px}#wislab-wrap .wislab-top{width:100%;height:600px;background-image:url("../img/labtop-bg.jpg");background-size:cover;background-position:center center;display:flex;flex-wrap:wrap;align-items:center;justify-content:center}#wislab-wrap .wislab-top h1{font-size:60px;line-height:1.2;text-shadow:0 5px 15px rgba(0,0,0,0.3)}#wislab-wrap .wislab-top .fontbox{text-align:center;margin-top:50px;padding:0 20px;width:100%}#wislab-wrap .wislab-top .listwrap{position:absolute;bottom:0;left:0;width:100%;z-index:10;transition:.3s}#wislab-wrap .wislab-top .listwrap::before{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background-color:#171e28;opacity:.8;transition:.3s}#wislab-wrap .wislab-top .listwrap.scroll{position:fixed;top:100px;height:50px;display:flex;align-items:center}#wislab-wrap .wislab-top .listwrap.scroll::before{background-color:#3a7c99;opacity:1}#wislab-wrap .wislab-top .listwrap.scroll ul#lab-list li{padding:0 5px}#wislab-wrap .wislab-top .listwrap.scroll ul#lab-list li a:hover,#wislab-wrap .wislab-top .listwrap.scroll ul#lab-list li a:focus{opacity:.7}#wislab-wrap .wislab-top .listwrap.scroll ul#lab-list li a::after{content:'';position:absolute;left:50%;top:100%;transform:translate(-50%, 0);width:0;height:0;border-style:solid;border-width:7px 7px 0 7px;border-color:#ffffff transparent transparent transparent;background-color:transparent;opacity:0}#wislab-wrap .wislab-top .listwrap.scroll ul#lab-list li.active a::after{opacity:1;transform:translate(-50%, 2px)}#wislab-wrap .wislab-top .listwrap ul#lab-list{width:100%;margin:0 auto;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between}#wislab-wrap .wislab-top .listwrap ul#lab-list li{padding:25px 5px;font-weight:bold}#wislab-wrap .wislab-top .listwrap ul#lab-list li a::after{content:'';position:absolute;left:0;top:calc(100% + 3px);width:100%;height:4px;background-color:#97b4c1;transform:scale(0, 1);transition:.3s}#wislab-wrap .wislab-top .listwrap ul#lab-list li a:hover,#wislab-wrap .wislab-top .listwrap ul#lab-list li a:focus{color:#fff}#wislab-wrap .wislab-top .listwrap ul#lab-list li a:hover::after,#wislab-wrap .wislab-top .listwrap ul#lab-list li a:focus::after{transform:scale(1, 1)}#wislab-wrap .wislab-top .listwrap ul#lab-list li.active a::after{transform:scale(1, 1)}#wislab-wrap .lab-select-wrap{width:100%;max-width:800px;margin-left:auto;margin-right:auto;margin-top:30px;transition:.5s}#wislab-wrap .lab-select-wrap select{width:100%;color:#fff;padding:15px 60px 15px 30px;background-color:rgba(0,0,0,0.5);border:1px solid #fff;font-size:14px;font-weight:bold;border-radius:30px;transition:.5s}#wislab-wrap .lab-select-wrap select:hover ~ .change{background-color:#777}#wislab-wrap .lab-select-wrap select:hover ~ .change i{transform:rotate(270deg)}#wislab-wrap .lab-select-wrap select:focus{border-color:#ffc600}#wislab-wrap .lab-select-wrap select:focus ~ .change{background-color:#ffc600}#wislab-wrap .lab-select-wrap select:focus ~ .change i{color:#000}#wislab-wrap .lab-select-wrap .change{position:absolute;right:4px;top:50%;transform:translate(0, -50%);width:40px;height:40px;border-radius:100%;background-color:#369fcd;pointer-events:none;display:flex;align-items:center;justify-content:center;transition:.5s}#wislab-wrap .lab-select-wrap .change i{font-size:30px}#wislab-wrap .lab-select-wrap.scroll{position:fixed;top:7px;left:calc(50% - 640px);width:40%;max-width:500px;margin:0;z-index:1001}#wislab-wrap .lab-select-wrap.scroll select{font-size:12px;padding:6px 30px 6px 20px}#wislab-wrap .lab-select-wrap.scroll .change{right:3px;width:22px;height:22px}#wislab-wrap .lab-select-wrap.scroll .change i{font-size:18px}#wislab-wrap ul.top-link{margin-top:40px}#wislab-wrap .idwrap{width:100%;display:flex;flex-wrap:wrap;align-content:flex-start;justify-content:space-between}#wislab-wrap .idcard{width:calc(100% - 275px);height:268px;background-color:#333;border:1px solid #fff;border-radius:10px;padding:25px;display:flex;flex-wrap:wrap;align-items:center;margin-bottom:60px}#wislab-wrap .idcard .hole{position:absolute;top:10px;left:50%;transform:translate(-50%, 0);width:60px;height:11px;background-color:#000;border:1px solid #fff;border-radius:10px}#wislab-wrap .idcard .hole::after{content:'';position:absolute;left:50%;bottom:4px;transform:translate(-50%, 0);width:14px;height:27px;border-radius:10px;background-color:#ddd}#wislab-wrap .idcard .imgbox .img{width:180px;height:180px;border:2px solid #fff}#wislab-wrap .idcard .imgbox .img img{width:100%;height:auto}#wislab-wrap .idcard .imgbox .img a:hover,#wislab-wrap .idcard .imgbox .img a:focus{opacity:.7}#wislab-wrap .idcard .imgbox h6{text-align:center;margin-top:10px}#wislab-wrap .idcard .imgbox h6 a{text-decoration:underline}#wislab-wrap .idcard .fontbox{width:calc(100% - 180px);padding:0 20px 0 50px}#wislab-wrap .idcard .fontbox>ul>li{margin:10px 0}#wislab-wrap .idcard .fontbox>ul>li h6{line-height:1.6}#wislab-wrap .idcard .activate{position:absolute;right:5%;top:50%;transform:translate(0, -50%);width:200px;height:200px}#wislab-wrap .idcard .activate img{width:100%;height:auto}#wislab-wrap .idcard .btnbox{width:270px;position:absolute;right:20px;bottom:20px}#wislab-wrap .idcard .btnbox a.btn{width:100%;font-size:24px;padding:15px;background:#222;background:linear-gradient(110deg, #d6d6d6 0%, #111 40%, #12c521 60%, #054914 100%);background-size:300% 100%;background-position:left center;color:#fff;border:2px solid #000;transition:.5s}#wislab-wrap .idcard .btnbox a.btn span{margin-left:25px;transition:.5s;text-shadow:0 0 2px rgba(0,0,0,0.8)}#wislab-wrap .idcard .btnbox a.btn span::after{content:'OFF'}#wislab-wrap .idcard .btnbox a.btn::before{content:'';position:absolute;left:0;top:50%;transform:translate(0, -50%);width:50px;height:50px;background:#ccc;background:conic-gradient(#fff 0deg, #fff 5deg, #5d5d5d 50deg, #5d5d5d 60deg, #fff 120deg, #fff 130deg, #5d5d5d 160deg, #5d5d5d 170deg, #fff 240deg, #fff 250deg, #5d5d5d 280deg, #5d5d5d 295deg, #fff 355deg, #fff 360deg);border:1px solid #fff;border-radius:100%;box-shadow:3px 3px 10px rgba(0,0,0,0.7);transition:.5s;z-index:2}#wislab-wrap .idcard .btnbox a.btn::after{content:'';width:calc(100% + 4px);height:calc(100% + 4px);border:1px solid #fff;border-radius:30px;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%)}#wislab-wrap .idcard .btnbox a.btn:hover,#wislab-wrap .idcard .btnbox a.btn:focus{background-position:right center}#wislab-wrap .idcard .btnbox a.btn:hover::before,#wislab-wrap .idcard .btnbox a.btn:focus::before{left:calc(100% - 53px)}#wislab-wrap .idcard .btnbox a.btn:hover span,#wislab-wrap .idcard .btnbox a.btn:focus span{margin-left:-25px;text-shadow:none}#wislab-wrap .idcard .btnbox a.btn:hover span::after,#wislab-wrap .idcard .btnbox a.btn:focus span::after{content:'JOIN NOW'}#wislab-wrap .project-wrap{width:100%}#wislab-wrap .project-wrap h2{padding:50px 0 15px 0}#wislab-wrap .project-wrap .work-on h2{font-size:36px;line-height:1.2;display:flex;align-items:flex-end;justify-content:center}#wislab-wrap .project-wrap .work-on h2 img{height:40px;width:auto;margin-left:10px}#wislab-wrap .project-wrap .lab-select-wrap{width:80%}#wislab-wrap .project-selected{margin-bottom:100px}#wislab-wrap .project-selected .lab-select-wrap{margin-bottom:50px}#wislab-wrap .project-selected .btnbox.back{margin-top:30px}#wislab-wrap .project-selected .btnbox.back a.btn{background-color:#92a6af}#wislab-wrap .project-selected .btnbox.back a.btn:hover,#wislab-wrap .project-selected .btnbox.back a.btn:focus{background-color:#5d747e}#wislab-wrap ul.project-list>li.create,#wislab-wrap ul.research-list>li.create{padding:50px}#wislab-wrap ul.project-list>li.oops,#wislab-wrap ul.research-list>li.oops{padding:0;overflow:hidden}#wislab-wrap ul.project-list>li.oops a,#wislab-wrap ul.research-list>li.oops a{padding:50px;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;width:100%;height:100%}#wislab-wrap ul.project-list>li.oops a:hover,#wislab-wrap ul.project-list>li.oops a:focus,#wislab-wrap ul.research-list>li.oops a:hover,#wislab-wrap ul.research-list>li.oops a:focus{color:#fff;background-color:#333}#wislab-wrap ul.project-list>li.oops h3,#wislab-wrap ul.research-list>li.oops h3{width:100%}#wislab-wrap ul.project-list>li.oops h3.yellow,#wislab-wrap ul.research-list>li.oops h3.yellow{margin-bottom:20px}#wislab-wrap ul.article-page{padding:0 0 100px}#wislab-wrap ul.article-page li a{border-radius:10px}#wislab-wrap ul.article-page li.back{width:185px}#wislab-wrap ul.article-page.brown li a:hover,#wislab-wrap ul.article-page.brown li a:focus{border-color:#d8b78f;color:#d8b78f}#wislab-wrap ul.article-page.brown li.back a{background-color:#b89263;border-color:#b89263;font-weight:bold}#wislab-wrap ul.article-page.brown li.back a:hover,#wislab-wrap ul.article-page.brown li.back a:focus{background-color:#8d6b42;border-color:#8d6b42;color:#fff}#wislab-wrap ul.article-page.blue li.back a{background-color:#92a6af;border-color:#92a6af;font-weight:bold}#wislab-wrap ul.article-page.blue li.back a:hover,#wislab-wrap ul.article-page.blue li.back a:focus{background-color:#5d747e;border-color:#5d747e;color:#fff}#wislab-wrap .edit-block.download{background-color:rgba(93,116,126,0.5);margin:20px 0 40px 0}#wislab-wrap .bulletin-wrap{width:100%;background-color:#996c33;border-radius:10px;padding:20px;margin:150px 0}#wislab-wrap .bulletin-wrap.list{margin:40px 0}#wislab-wrap .bulletin-wrap.list .bulletin-board{padding:70px 10% 90px 10%}#wislab-wrap .bulletin-wrap.list .bulletin-board h2{font-size:24px;line-height:1.5}#wislab-wrap .bulletin-wrap.list .bulletin-board .tagwrap{width:100%;margin-bottom:30px;display:flex;align-items:center}#wislab-wrap .bulletin-wrap.list .bulletin-board .tagwrap h6{margin-left:15px}#wislab-wrap .bulletin-wrap.list .bulletin-board .edit-block{padding:20px 0 0 0}#wislab-wrap .bulletin-wrap .bulletin-board{width:100%;padding:60px 10% 100px 10%;background-color:#0f220e}#wislab-wrap .bulletin-wrap .bulletin-board h2{font-size:30px;margin-bottom:30px}#wislab-wrap .bulletin-wrap .bulletin-board h2 span{border-bottom:2px solid #fff}#wislab-wrap .bulletin-wrap .bulletin-board::after{content:'';position:absolute;left:-2px;top:-2px;width:calc(100% + 2px);height:calc(100% + 2px);border:1px solid #0f220e;pointer-events:none}#wislab-wrap .bulletin-wrap .bulletin-board>ul>li{padding:15px 0}#wislab-wrap .bulletin-wrap .bulletin-board>ul>li a{width:100%;display:flex;flex-wrap:wrap;align-items:center;font-size:16px}#wislab-wrap .bulletin-wrap .bulletin-board>ul>li a .date{padding:0 20px}#wislab-wrap .bulletin-wrap .bulletin-board>ul>li a .title{width:calc(100% - 220px);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}#wislab-wrap .bulletin-wrap .bulletin-board .more.btnbox{position:absolute;bottom:-3px;left:50%;transform:translate(-50%, 0);z-index:2}#wislab-wrap .bulletin-wrap .bulletin-board .more.btnbox a.btn{background-color:#b89263}#wislab-wrap .bulletin-wrap .bulletin-board .more.btnbox a.btn:hover,#wislab-wrap .bulletin-wrap .bulletin-board .more.btnbox a.btn:focus{background-color:#81633d}#wislab-wrap .bulletin-wrap .bulletin-board .warning{margin:80px 0 40px 0;display:flex;justify-content:center}#wislab-wrap .bulletin-wrap .bulletin-board .warning::before,#wislab-wrap .bulletin-wrap .bulletin-board .warning::after{content:'';display:block}#wislab-wrap .bulletin-wrap .bulletin-board .warning::before{width:100px;height:100px;border:15px solid #996c33;border-radius:100%}#wislab-wrap .bulletin-wrap .bulletin-board .warning::after{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%) rotate(45deg);width:110px;height:15px;background-color:#996c33}#wislab-wrap .bulletin-wrap .bulletin-board .eraser{position:absolute;bottom:-2px;left:20%;width:88px;height:38px;border-radius:5px;background-color:#b89263;z-index:2;box-shadow:0 0 2px rgba(0,0,0,0.7);transition:.3s}#wislab-wrap .bulletin-wrap .bulletin-board .eraser::after{content:'';position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);width:20px;height:calc(100% + 4px);background-color:#6a3906;border-radius:3px}#wislab-wrap .bulletin-wrap .bulletin-board .chalk{position:absolute;bottom:-3px;left:75%;width:60px;height:7px;background-color:#fff;border-radius:2px;z-index:2}#wislab-wrap .tag{font-weight:bold}#wislab-wrap .tag.alluser{background-color:transparent;border:1px solid #62b7a0;color:#62b7a0}#wislab-wrap .tag.alluser::after{content:'';position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);width:calc(100% - 7px);height:calc(100% - 7px);border:2px solid #62b7a0;border-radius:3px}#wislab-wrap .tag.personal{background-color:#ff7f27}#wislab-wrap .tag.no{background-color:#62b7a0}@keyframes yesfly{0%,to{transform:translate(0, -2px)}50%{transform:translate(0, 0)}}#wislab-wrap .tag.yes{padding:0;animation:yesfly .8s ease-in-out infinite}#wislab-wrap .tag.yes i.icon-envelope{font-size:30px;color:#ffcd42}#wislab-wrap .tag.yes i.icon-warning{color:#fe5f55;font-size:14px;position:absolute;right:-5px;top:-3px}#wislab-wrap .tag.yes i.icon-warning::after{content:'';position:absolute;width:10px;height:10px;border-radius:100%;left:50%;top:50%;transform:translate(-50%, -50%);background-color:#fff;z-index:-1}#wislab-wrap .tag.gray{background-color:#666}#wislab-wrap .tag{display:inline-block;color:#fff;font-size:12px;padding:8px 12px;border-radius:5px}#wislab-wrap .research-wrap{margin-bottom:150px}#wislab-wrap .research-wrap.list{margin:15px 0 30px 0}#wislab-wrap .research-wrap h2{margin-bottom:30px}#wislab-wrap .research-wrap .addnew{margin:0 0 15px 0;text-align:right}#wislab-wrap .research-wrap .addnew a{text-decoration:none}#wislab-wrap .research-wrap ul.research-list{width:100%}#wislab-wrap .research-wrap ul.research-list li{width:100%;margin-bottom:20px}#wislab-wrap .research-wrap ul.research-list li>a{width:100%;display:flex;flex-wrap:wrap;align-items:center;padding:25px 40px;border:1px solid #fff;border-radius:10px}#wislab-wrap .research-wrap ul.research-list li>a .tag{margin-right:15px}#wislab-wrap .research-wrap ul.research-list li>a h5,#wislab-wrap .research-wrap ul.research-list li>a h6{transition:.3s}#wislab-wrap .research-wrap ul.research-list li>a h6{color:#92a6af}#wislab-wrap .research-wrap ul.research-list li>a h6.latest{margin-left:auto;color:#ccc}#wislab-wrap .research-wrap ul.research-list li>a h5{width:100%;margin-top:15px;color:#fff;line-height:1.3}#wislab-wrap .research-wrap ul.research-list li>a:hover,#wislab-wrap .research-wrap ul.research-list li>a:focus{border-color:#ffc600}#wislab-wrap .research-wrap ul.research-list li>a:hover h5,#wislab-wrap .research-wrap ul.research-list li>a:hover h6,#wislab-wrap .research-wrap ul.research-list li>a:focus h5,#wislab-wrap .research-wrap ul.research-list li>a:focus h6{color:#ffc600}#wislab-wrap .research-wrap ul.research-list li.create{padding:50px;margin-top:30px;border:1px solid #fff;border-radius:10px}#wislab-wrap .research-wrap ul.research-list li.oops>a{padding:50px}#wislab-wrap ul.file-switch{width:100%;margin:30px 0 50px 0;display:flex;align-items:center;justify-content:center}#wislab-wrap ul.file-switch li{margin:0 10px}#wislab-wrap ul.file-switch li a{display:flex;align-items:center;justify-content:center;border:1px solid #fff;color:#fff;padding:15px 25px;border-radius:10px;font-size:18px}#wislab-wrap ul.file-switch li a:hover,#wislab-wrap ul.file-switch li a:focus{border-color:#92a6af;color:#92a6af}#wislab-wrap ul.file-switch li.active a{background-color:#3a7c99;border-color:#3a7c99;color:#fff}#wislab-wrap .file-wrap{width:100%;margin-bottom:150px}#wislab-wrap .file-wrap.list{margin-bottom:40px}#wislab-wrap .file-wrap .titlefont{display:flex;align-items:center;justify-content:center}#wislab-wrap .file-wrap .titlefont img{height:50px;width:auto;margin-right:15px}#wislab-wrap .file-wrap table{width:100%;margin-top:30px;background-color:rgba(93,116,126,0.5)}#wislab-wrap .file-wrap table thead tr{background-color:#3a7c99}#wislab-wrap .file-wrap table tbody tr{border-bottom:1px solid #b5c5cc}#wislab-wrap .file-wrap table tbody tr:last-child{border-bottom:none}#wislab-wrap .file-wrap table td{padding:15px;font-size:14px;vertical-align:middle}#wislab-wrap .file-wrap table td.create{padding:40px}#wislab-wrap .file-wrap table td a:hover,#wislab-wrap .file-wrap table td a:focus{color:#ffc600}#wislab-wrap .file-wrap table td a:hover i,#wislab-wrap .file-wrap table td a:focus i{color:#ffc600}#wislab-wrap .file-wrap table td a.color-yellow:hover,#wislab-wrap .file-wrap table td a.color-yellow:focus{color:#369fcd}#wislab-wrap .file-wrap table td i{font-size:24px}#wislab-wrap .file-wrap table td:nth-child(1){width:calc(100% - 280px)}#wislab-wrap .file-wrap table td:nth-child(1) h6{width:100%;display:-webkit-box;-webkit-line-clamp:1;overflow:hidden;text-overflow:ellipsis}#wislab-wrap .file-wrap table td:nth-child(1) a:hover,#wislab-wrap .file-wrap table td:nth-child(1):focus{text-decoration:underline}#wislab-wrap .file-wrap table td:nth-child(2){width:150px}#wislab-wrap .file-wrap table td:nth-child(3){text-align:center;width:130px}#wislab-wrap form.contact{background:#333;background:linear-gradient(#222, #424242 70%, #222);width:100%;max-width:100%;margin:30px 0}#wislab-wrap .more.btnbox{margin-top:50px}#wislab-wrap.noselected .lab-select-wrap{display:none}#wislab-wrap.noselected ul.pagebox{display:none}#wislab-wrap.choosepage .lab-select-wrap,#wislab-wrap.choosepage .listwrap,#wislab-wrap.choosepage .listwrap.scroll{display:none}#wislab-wrap.choosepage .wislab-top .fontbox{margin-top:120px}#wislab-wrap.choosepage .choose-wrap{margin-bottom:150px}#wislab-wrap.choosepage .choose-wrap h2{padding-top:30px}#wislab-wrap.choosepage .choose-wrap p.arrow{padding:20px 0;display:flex;align-items:center;justify-content:center}#wislab-wrap.choosepage .choose-wrap p.arrow span{margin:0 10px;width:0;height:0;border-style:solid;border-width:6px 5px 0 5px;border-color:#ffffff transparent transparent transparent;animation:arrowdown 1s ease-in-out infinite}#wislab-wrap.choosepage .choose-wrap .dotbox{padding:30px 0}#wislab-wrap.choosepage .choose-wrap .dotbox>div{width:6px;height:6px;background-color:#fff;border-radius:100%;margin:6px auto}#wislab-wrap.choosepage .choose-wrap .dotbox>div.dot1{opacity:1;animation:dotAnimate 1s ease-in infinite}#wislab-wrap.choosepage .choose-wrap .dotbox>div.dot2{opacity:.75;animation:dotAnimate 1s ease-in .3s infinite}#wislab-wrap.choosepage .choose-wrap .dotbox>div.dot3{opacity:.5;animation:dotAnimate 1s ease-in .6s infinite}#wislab-wrap.choosepage .choose-wrap .btnbox{margin:15px 0}#wislab-wrap.choosepage .choose-wrap a.btn.black{font-size:18px;padding:25px 40px}@keyframes dotAnimate{0%{opacity:1}to{opacity:.5}}@keyframes animate__activate{0%{transform:translate(100%, -200%) scale(0.5);opacity:0;filter:drop-shadow(1px 1px 5px #000)}90%{transform:translate(5%, -5%) scale(1.1);opacity:.5;filter:drop-shadow(1px 1px 2px #000)}to{transform:translate(0, 0) scale(1);opacity:1;filter:drop-shadow(0px 0px 1px #000)}}.animate__activate{filter:drop-shadow(0px 0px 1px #000);animation:animate__activate 1s ease-out}.research-inner{width:100%}.research-inner .research-status{width:100%;border:1px solid #fff;padding:50px;margin-bottom:80px}.research-inner .research-status h3{margin-bottom:20px;line-height:1.2}.research-inner .research-status h6{margin:10px 0;line-height:1.3}.research-inner .research-status .tag{margin-top:15px}.research-inner ul.research-reply{width:100%}.research-inner ul.research-reply li{width:100%;display:flex;flex-wrap:wrap;align-items:flex-start;margin:30px 0}.research-inner ul.research-reply li .imgbox{width:60px}.research-inner ul.research-reply li .imgbox h6{margin-top:10px}.research-inner ul.research-reply li .imgbox .img{width:60px;height:60px;border-radius:100%;border:2px solid #fff;background-color:#fff;overflow:hidden}.research-inner ul.research-reply li .imgbox .img img{width:100%;height:100%}.research-inner ul.research-reply li .fontbox{width:calc(100% - 60px);padding-left:25px}.research-inner ul.research-reply li .fontbox .reply-content{background-color:#333;padding:40px;border-radius:10px;margin-bottom:10px;transition:.5s}.research-inner ul.research-reply li .fontbox .reply-content h6{line-height:1.5;display:-webkit-box;-webkit-line-clamp:1;overflow:hidden;text-overflow:ellipsis}.research-inner ul.research-reply li .fontbox .fold{position:absolute;right:5px;top:5px;background-color:#777;font-weight:bold;padding:7px 12px;border-radius:5px;font-size:12px;cursor:pointer;z-index:2;transition:.3s}.research-inner ul.research-reply li .fontbox .fold i{margin-left:5px}.research-inner ul.research-reply li .fontbox .fold i.icon-ArrowDown{display:inline-block}.research-inner ul.research-reply li .fontbox .fold i.icon-ArrowUp{display:none}.research-inner ul.research-reply li .fontbox .fold:hover{background-color:#369fcd}.research-inner ul.research-reply li .fontbox .fold::before{content:'Click To Expand'}.research-inner ul.research-reply li .fontbox h6.reply-time{text-align:right;position:absolute;right:10px;bottom:20px;color:#ccc;pointer-events:none}.research-inner ul.research-reply li .fontbox ul.research-file{display:none;padding-top:5px}.research-inner ul.research-reply li .fontbox ul.research-file li{margin:10px 0}.research-inner ul.research-reply li .fontbox ul.research-file li a{width:100%;border-radius:10px;border:1px solid #fff;padding:8px 25px;font-size:14px;display:flex;justify-content:space-between;align-items:center}.research-inner ul.research-reply li .fontbox ul.research-file li a span{text-decoration:underline}.research-inner ul.research-reply li .fontbox ul.research-file li a i{font-size:24px}.research-inner ul.research-reply li .fontbox ul.research-file li a:hover,.research-inner ul.research-reply li .fontbox ul.research-file li a:focus{border-color:#ffc600}.research-inner ul.research-reply li .fontbox ul.research-file li a:hover span,.research-inner ul.research-reply li .fontbox ul.research-file li a:hover i,.research-inner ul.research-reply li .fontbox ul.research-file li a:focus span,.research-inner ul.research-reply li .fontbox ul.research-file li a:focus i{color:#ffc600}.research-inner ul.research-reply li.active .fontbox .fold{bottom:5px;top:auto}.research-inner ul.research-reply li.active .fontbox .fold::before{content:'Click To Fold'}.research-inner ul.research-reply li.active .fontbox .fold i.icon-ArrowDown{display:none}.research-inner ul.research-reply li.active .fontbox .fold i.icon-ArrowUp{display:inline-block}.research-inner ul.research-reply li.active ul.research-file{display:block}.research-inner ul.research-reply li.active h6.reply-time{position:relative;bottom:0;right:0;padding:5px 0 15px 0}.research-inner ul.research-reply li.active .reply-content::after{display:none}.research-inner ul.research-reply li.active .reply-content:hover{background-color:#333;cursor:auto}.research-inner ul.research-reply li.active .reply-content h6{display:block;overflow:auto}span#latest-reply{top:-140px}#modify-box{position:absolute;top:100%;left:0;z-index:50;padding:20px;border-radius:10px;background-color:#ccc}#modify-box input{background-color:#000}#modify-box button{width:100%;margin-top:10px;background-color:#ffc600;border-radius:5px}.help-process-box{margin:50px 0}.help-process-box.mb{display:none}.help-process-box .swiper-slide{text-align:center}.help-process-box .swiper-slide img{max-width:100%;margin:0 auto}.help-process-box .swiper-pagination-progressbar{background-color:#fff}.help-process-box .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#ffc600}.help-process-box .swiper-button-next,.help-process-box .swiper-button-prev{color:#ffc600}.pop-up-wrap{position:fixed;top:-100vh;left:0;z-index:1200;width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;opacity:0;pointer-events:none;padding:50px;transition:.5s ease;height:0;overflow:hidden}.pop-up-wrap.active{top:0;opacity:1;pointer-events:auto;height:100vh}.pop-up-wrap.active .pop-up-box{opacity:1}.pop-up-wrap .pop-up-bg{width:100%;height:100%;background-color:rgba(17,17,17,0.8);cursor:pointer;position:absolute;top:0;left:0}.pop-up-wrap .pop-up-box{position:relative;width:90vw;opacity:0;text-align:center}.pop-up-wrap .btn-box .btn{margin:10px}.pop-up-wrap .btn-box .btn.pop-up-close{background-color:#fff}.pop-up-wrap .help-process-wrap{width:auto}.pop-up-wrap .help-process-wrap .help-process-box{margin:0}.pop-up-wrap .help-process-wrap .help-process-box .swiper-slide img{border:2px solid #ccc;border-radius:10px;max-height:80vh}.fontwrap{width:100%;padding:60px 5%;margin:30px 0;background-color:#333}.fontwrap section:first-child .title1:first-child{margin-top:0}.fontwrap .title,.fontwrap .title1,.fontwrap .title2,.fontwrap .title3{font-family:'Century Gothic','Arial','微軟正黑體',serif;font-weight:bold}.fontwrap .title1{font-size:28px;margin-top:80px;margin-bottom:30px;text-align:center;color:#ffc600}.fontwrap .title1 ~ .title2:first-child{margin-top:0}.fontwrap .title2{font-size:22px;padding-left:25px;margin:30px 0 10px 0;position:relative}.fontwrap .title2::before{content:'';position:absolute;left:0;top:50%;transform:translate(0, -50%);width:15px;height:4px;background-color:#ffc600}.fontwrap .title3{font-size:20px;margin:40px 0 15px 0;color:#ffc600}.fontwrap .indent{width:100%;padding-left:25px;border-left:1px solid #777}.fontwrap .important{width:100%;padding:35px 25px;margin:30px 0;border:1px solid #999}.fontwrap .important .title{text-align:center;margin-bottom:20px;color:#ffc600;color:#ed570a;letter-spacing:2px}.fontwrap ul{list-style-type:disc;margin-left:25px}.fontwrap ul li{font-size:16px;line-height:1.5;padding:8px 0}.fontwrap p{line-height:1.8}.fontwrap a{color:#ccc;text-decoration:underline;word-wrap:break-word}#cookiebox{position:fixed;left:0;bottom:0;width:100%;max-width:500px;padding:35px 30px 20px 30px;background:linear-gradient(#424242, #222);z-index:2147483646;box-shadow:0 -5px 10px rgba(150,150,150,0.2);transform:translate(0, 110%);transition:.5s}#cookiebox.active{transform:translate(0, 0)}#cookiebox .remove{position:absolute;right:10px;top:10px;width:24px;height:24px;cursor:pointer}#cookiebox .remove::before,#cookiebox .remove::after{content:'';position:absolute;left:50%;top:50%;width:100%;height:2px;background-color:#666;transition:.3s}#cookiebox .remove::before{transform:translate(-50%, -50%) rotate(45deg)}#cookiebox .remove::after{transform:translate(-50%, -50%) rotate(-45deg)}#cookiebox .remove:hover::before,#cookiebox .remove:hover::after{background-color:#999}#cookiebox h6{line-height:1.5}#cookiebox .btnbox{width:100%;display:flex;align-items:center;justify-content:space-between;margin-top:15px}#cookiebox a.btn{width:49%;padding:10px 15px;font-weight:bold;background-color:#ffc600;border:2px solid #ffc600;color:#000;border-radius:5px;display:inline-flex;align-items:center;justify-content:center;font-size:14px}#cookiebox a.btn.white{background-color:#fff;border:2px solid #bbb;color:#666}#cookiebox a.btn:hover,#cookiebox a.btn:focus{background-color:transparent;color:#fff}.member-title.lab{display:none}.member-title.lab ul.btnbox{position:fixed;top:100px;padding:0;margin:0;z-index:999}.member-title.lab ul.btnbox::before{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background-color:#ffc600;z-index:-1}.member-title.lab ul.btnbox .m-mode .img{background-color:#000}.member-title.lab ul.btnbox .m-mode{display:none}.member-title.lab ul.btnbox li .pc-mode h3{font-size:20px;padding:5px 0}.member-title.lab ul.btnbox li{width:25%;margin:0}.member-title.lab ul.btnbox li h3{color:#000;font-weight:bold}.member-title.lab ul.btnbox li a{padding:10px;border-radius:0;border:none;border-bottom:3px solid rgba(255,255,255,0.5)}.member-title.lab ul.btnbox li a:hover{background-color:#3a7c99}.member-title.lab ul.btnbox li a:hover h3{color:#fff}.member-title.lab ul.btnbox li a.join-btn{background-color:#0d81ee}.member-title.lab ul.btnbox li a.join-btn:hover{background-color:#ed570a}.member-title.lab ul.btnbox li a.join-btn h3{color:#fff}.member-title.lab ul.btnbox li a.join-btn .m-mode .img{background:none}@media screen and (max-width: 1600px){section#index-news .news-title h2{padding:0 40px 20px 0}section#index-news ul.news-top-list{width:60%}.about-wrap section .fontbox{padding:100px 60px 60px 60px}.about-wrap section .fontbox .btnbox a.btn.black{padding:20px 40px}.about-wrap section.about1 h2{bottom:-35px;font-size:80px}.about-wrap section.about3 .imgbox .innerfont{width:calc(70% - 50px)}.about-wrap section.about3 .imgbox h2{font-size:48px;margin:0 auto 15px 0}.about-wrap section.about3 .imgbox .img{max-width:340px}.about-wrap section.about5 .titlewrap h2{font-size:135px}.about-wrap section.about5 .titlewrap h3{font-size:50px}.about-wrap section.about5 .titlewrap h4{font-size:32px}.activate-lab{padding:150px 20px}.activate-lab h2{font-size:36px}.activate-lab .btnbox a.btn{padding:30px}}@media screen and (max-width: 1440px){.w1280{width:1200px}#scroll-line{right:2%}#index-banner a .fontbox{width:45%;top:48%;left:calc((100% - 1200px) / 2);transform:translate(0, -50%)}#index-banner a .fontbox h3{font-size:38px}#index-banner a .fontbox h2{font-size:52px}#index-banner a .fontbox .btn{align-items:center;font-size:16px}#index-banner a .fontbox .btn i{font-size:20px;margin:-2px 0 2px 5px}#index-innovative{height:768px}#index-innovative .titlebox{top:10%;right:7%}#index-innovative .titlebox .titletop h1{font-size:48px}#index-innovative .titlebox .titletop img{height:46px}#index-innovative ul.iconbox{top:9%;right:58%}#index-innovative .moto{right:4%;width:60%}ul.news-top-list li .fontbox{padding:15px 25px}ul.news-top-list li .fontbox h5{margin:20px 0}ul.news-top-list li .fontbox a.btn{font-size:14px;padding:10px 20px}section#index-news ul.news-top-list{width:70%}section#index-news .news-title h2{font-size:36px}section#index-news .news-title img{width:200px}ul.product-list li>a{width:80%;margin:0 auto}ul.product-list.dislist li{padding:15px 0}ul.product-list.dislist li .des{width:calc(100% - 100px - 140px * 3 - 70px)}ul.product-list.dislist li .operating{width:70px}.inquiry-cart ul.product-list.dislist li{padding:15px}.inquiry-cart ul.product-list.dislist li .des{width:calc(100% - 180px - 140px * 3 - 70px)}.product-main-list .product-list-left{width:220px;padding-right:20px}.product-main-list .product-list-right{width:calc(100% - 220px)}section#professional ul.wrap ul.tape>li{width:130px;height:40px}section#professional ul.wrap ul.tape>li:nth-child(1),section#professional ul.wrap ul.tape>li:nth-child(2){left:-40px}section#professional ul.wrap ul.tape>li:nth-child(3),section#professional ul.wrap ul.tape>li:nth-child(4){right:-40px}.product_d .main-img{width:30%;padding-bottom:30%;margin:60px 10%}.product_d .main-font h1{font-size:28px;letter-spacing:1px}.product_d .main-font ul#product-photo{margin-bottom:40px}.product_d .main-font ul#product-photo li{width:60px;height:60px;margin:5px 10px 5px 0}.about-wrap .news-inner-title h1{font-size:56px}.about-wrap section .fontbox{padding:80px 40px 60px 40px}.about-wrap section .fontbox .btnbox{margin-top:30px}.about-wrap section.about3 .fontbox img.dia{width:100px;margin:0 20px 20px 0}.about-wrap section.about4 .fontbox h3{font-size:24px}.service-wrap h1{font-size:100px;left:auto;right:65%}.service-wrap .service-list{width:70%}#wislab-wrap .lab-select-wrap.scroll{left:calc(50% - 600px)}#wislab-wrap .bulletin-wrap{margin:100px 0}#wislab-wrap .research-wrap,#wislab-wrap .file-wrap{margin-bottom:100px}}@media screen and (max-width: 1300px){h1,h2{font-size:40px}.w1850{max-width:95%}.w1280{max-width:95%}.news-inner-title h1,.news-inner-title h2{font-size:40px}.news-inner-title img{height:60px;margin-left:12px;margin-bottom:-4px}a.addcart-btn{font-size:15px;padding:13px}a.addcart-btn i{font-size:20px}.top-btnbox .btn{font-size:20px;padding:16px 20px 15px 20px;width:50%}#footer .footer-left p{font-size:12px}#footer .footer-left::before{width:50%}#footer .footer-left .footer-logo{left:10%}#footer .footer-left .footer-logo a img{width:140px;height:auto}#footer .footer-left .fontbox{width:calc(50% - 30px);bottom:30px}#footer .footer-right{padding:60px 0}#footer .footer-right i{font-size:20px}#footer .footer-right ul.link{padding:0 30px}#footer .footer-right ul.link li a{font-size:14px}#footer .footer-right ul.footer-contact{padding:0 60px 0 0}#footer .copyright .w1280{padding:15px 0}#index-banner a .fontbox{left:8%}#index-innovative ul.iconbox{right:auto;left:18%;top:23%}#index-innovative ul.iconbox li{margin:35px 0}#index-innovative ul.iconbox li .img{width:75px;height:75px}section.contact ul li .fontbox .btn-box .btn{font-size:15px;padding:12px 15px}ul.product-list{padding:0 2%}ul.product-list li{width:calc(100% / 3 - 6%);margin:3%}#filter-wrap{padding:0 2% 30px 2%}#filter-wrap .total-box{width:31%;justify-content:center}#filter-wrap .display-as{width:29%}#faq form.searchwrap{margin:35px 0}#faq ul.faq-tag{margin:60px 0}#faq ul.faq-tag li input[type="radio"] ~ label{font-size:22px}.product_d .main-img{margin:20px 5%}.product_d .main-font{width:60%}.product_d .main-block{margin-top:60px}.product_d .backbtn a.btn{width:50%}.recommend-block .titlefont{font-size:46px}.about-wrap section.about1{margin-top:20px}.about-wrap section.about1 h2{bottom:-25px;font-size:60px}.about-wrap section.about5 .titlewrap{height:450px;padding:0 30px}.about-wrap section.about5 .titlewrap h2{font-size:120px;margin-top:15px}.about-wrap section.about5 .titlewrap h3{font-size:40px}.about-wrap section.about5 .titlewrap h4{font-size:28px;margin-top:40px}.about-wrap section.about6 .titlebox{padding:135px 30px}.about-wrap section.about-contact .contact-block .fontbox{padding:0 0 0 30px}.about-wrap section.about-contact .contact-block .fontbox .img{max-width:220px}.lab_intro section{padding:0 20px}.lab_intro section.intro1 .fontbox .dialog{padding:40px}.lab_intro section.intro2 .fontbox h3{font-size:24px}.service-wrap h1{font-size:80px;right:68%;top:265px}.service-wrap .service-list{padding:60px 5%}#wislab-wrap .lab-select-wrap.scroll{left:30px;max-width:330px}#wislab-wrap .idcard{width:100%;height:auto}#wislab-wrap .idcard .btnbox{width:250px}.vc-container.vc-is-dark{display:none}}@media screen and (max-width: 1024px){h1,h2{font-size:32px}.inquiry-cart.member h2{font-size:28px}input,button,select,textarea{font-size:14px;padding:7px 15px}.edit-block,ul.article-page{padding:30px}ul.article-page li.prev,ul.article-page li.next{width:calc((100% - 190px) / 2)}.indextitle .top img{height:36px;margin-right:15px}.btn,a.addcart-btn{font-size:14px}a.gocart i.icon-MdiCart{font-size:20px}a.gocart i.icon-arrow-right{font-size:12px;top:1px}.searchwrap input{margin-right:12px}button.searchbtn{width:34px;height:34px}button.searchbtn i{font-size:20px;margin-top:-1px;margin-right:-1px}ul#burger,ul#lab-burger{position:absolute;right:30px;top:50%;width:40px;height:40px;transform:translate(0, -50%);z-index:1010}ul#burger li,ul#lab-burger li{width:100%;height:2px;border-radius:5px;background-color:#fff;position:absolute;left:0;transition:.3s}ul#burger li:first-child,ul#lab-burger li:first-child{top:20%;transform-origin:center center}ul#burger li:nth-child(2),ul#lab-burger li:nth-child(2){top:50%;transform:translate(0, -50%) scale(1, 1)}ul#burger li:last-child,ul#lab-burger li:last-child{top:80%;transform-origin:center center}ul#burger.active li:first-child,ul#lab-burger.active li:first-child{top:50%;transform:translate(0, -50%) rotate(45deg);width:calc(100% * 1.1)}ul#burger.active li:nth-child(2),ul#lab-burger.active li:nth-child(2){transform:translate(0, -50%) scale(0, 1)}ul#burger.active li:last-child,ul#lab-burger.active li:last-child{top:50%;transform:translate(0, -50%) rotate(-45deg);width:calc(100% * 1.1)}ul#burger.active li{background-color:#ffc600}#menu #menu-pc{display:none}#menu #menu-m{display:block}#menu #menu-m .m-wrap{width:100%;padding:10px 20px;background-color:#000;display:flex;align-items:center}#menu #menu-m .m-wrap .logo{width:calc(100% - 250px)}#menu #menu-m .m-wrap .logo img{height:50px}#menu #menu-m .m-wrap form.searchwrap{width:100%;position:fixed;left:0;top:70px;padding:20px;background-color:#333;background-color:#3a7c99;box-shadow:0 3px 10px rgba(0,0,0,0.5);animation-duration:.5s;display:flex;flex-wrap:nowrap}#menu #menu-m .m-wrap form.searchwrap input{width:100%;border-radius:30px;margin-right:-30px;padding-right:30px;max-width:100%}#menu #menu-m .m-wrap form.searchwrap input:focus{background-color:#000}#menu #menu-m .m-wrap form.searchwrap button{background-color:#ffc600;border:none;color:#000;height:36px;font-weight:bold}#menu #menu-m .m-wrap form.searchwrap i.icon-remove{margin:0 20px;color:#fff}#menu #menu-m .m-wrap .m-btn-wrap{width:150px;display:flex;align-items:center;justify-content:space-between}#menu #menu-m .m-wrap button.searchbtn{width:35px;height:35px;padding:0}#menu #menu-m .m-wrap button.searchbtn i{font-size:22px}#menu #menu-m .m-wrap a.account{display:flex;align-items:center}#menu #menu-m .m-wrap a.account .img{width:35px;height:35px;border:1px solid #fff;border-radius:100%;overflow:hidden}#menu #menu-m .m-wrap a.account .img img{width:26px;position:absolute;left:50%;top:56%;transform:translate(-50%, -50%)}#menu #menu-m .m-wrap a.account .img i{font-size:20px;position:absolute;left:53%;top:52%;transform:translate(-50%, -50%)}#menu #menu-m .m-wrap a.account span{position:absolute;right:-5px;bottom:-5px;font-size:12px;background-color:#ffc600;color:#000;width:20px;height:20px;border-radius:100%;display:flex;align-items:center;justify-content:center;transform:scale(0.95)}#menu #menu-m .m-list-wrap{position:fixed;top:0;right:0;width:90%;max-width:400px;height:100vh;background:#333;background:linear-gradient(#222, #424242 70%, #222);z-index:1005;transition:.5s;box-shadow:0 -5px 15px rgba(0,0,0,0.5)}#menu #menu-m .m-list-wrap .lan{position:absolute;right:100px;top:18px;border:1px solid #fff}#menu #menu-m .m-list-wrap .lan .choosed{display:flex;align-items:center;justify-content:space-between}#menu #menu-m .m-list-wrap .lan .choosed i{padding:6px 10px}#menu #menu-m .m-list-wrap .lan a{padding:10px 10px 10px 20px;display:flex}#menu #menu-m .m-list-wrap .lan ul.choose{z-index:2}#menu #menu-m .m-list-wrap .lan ul.choose li{border-top:1px solid rgba(255,255,255,0.5);background-color:#000}#menu #menu-m .m-list-wrap ul.m-list{width:100%;height:calc(100% - 90px);margin:60px 0 30px 0;overflow-y:auto;display:flex;flex-wrap:wrap;align-content:center}#menu #menu-m .m-list-wrap ul.m-list>li{width:100%;letter-spacing:2px}#menu #menu-m .m-list-wrap ul.m-list>li p{width:100%;font-size:16px;line-height:1.5;font-family:'Century Gothic','Arial','微軟正黑體',serif}#menu #menu-m .m-list-wrap ul.m-list>li p a{display:flex;width:100%;height:100%;padding:10px 40px}#menu #menu-m .m-list-wrap ul.m-list>li p a:hover,#menu #menu-m .m-list-wrap ul.m-list>li p a:focus{color:#fff;background-color:rgba(0,0,0,0.5)}#menu #menu-m .m-list-wrap ul.m-list>li.addicon{background-color:#555}#menu #menu-m .m-list-wrap ul.m-list>li.icon{padding:20px 40px 0 40px}#menu #menu-m .m-list-wrap ul.m-list>li.icon i{font-size:36px;margin-right:10px}#footer-fixed a.footer-btn{border-color:#fff}#footer-fixed a.footer-btn i{color:#fff}#footer-fixed a.footer-btn span.before,#footer-fixed a.footer-btn::after{display:none}#footer .footer-left{width:40%}#footer .footer-left::before{width:108%}#footer .footer-left .footer-logo{top:40px;left:30px;transform:none}#footer .footer-left .footer-logo a img{width:110px}#footer .footer-left .fontbox{position:relative;top:0;left:0;transform:none;width:100%;margin-top:150px;padding:30px}#footer .footer-right{width:60%;padding:30px 0}#footer .footer-right h5{font-size:14px}#footer .footer-right ul.link li{margin:12px 0}#footer .footer-right ul.footer-contact li{margin-bottom:20px}#footer .copyright h6{font-size:12px}#index-banner{margin-top:0;height:100vh}#index-banner a img{object-position:center right}#index-banner a img.pc-img{display:none}#index-banner a img.m-img{display:block}#index-banner a .fontbox{left:5%;width:60%}#index-banner a .fontbox h2{font-size:50px;margin-top:10px}#index-banner a .fontbox h3{font-size:32px}#scroll-line .scroll-box{height:55px}#scroll-line p{font-size:12px}section.contact ul li:first-child{padding:40px}section.contact ul li:last-child{padding:40px}section.contact ul li .fontbox .btn-box .btn{padding:10px 20px;font-size:14px}#index-innovative .moto{width:75%}#index-innovative .motoline{bottom:5.5%}#index-innovative .titlebox{top:14%}#index-innovative .titlebox .titletop h1{font-size:40px;letter-spacing:1px}#index-innovative .titlebox h5{font-size:14px;margin-top:5px}#index-innovative ul.iconbox{width:270px}#index-innovative ul.iconbox li .img{width:70px;height:70px;box-shadow:0 0 10px rgba(0,0,0,0.7)}#index-innovative ul.iconbox li p,#index-innovative ul.iconbox li h4{text-shadow:0 0 10px rgba(0,0,0,0.7)}.inquiry-cart ul.product-list,ul.product-list{padding:0}.inquiry-cart ul.product-list li .photo>a,ul.product-list li .photo>a{border-width:9px;padding-bottom:calc(100% - 18px)}.inquiry-cart ul.product-list.dislist li.thead,ul.product-list.dislist li.thead{display:none}.inquiry-cart ul.product-list.dislist li,ul.product-list.dislist li{flex-wrap:wrap;align-content:flex-start;align-items:flex-start}.inquiry-cart ul.product-list.dislist li .code,.inquiry-cart ul.product-list.dislist li .size,.inquiry-cart ul.product-list.dislist li .brand,ul.product-list.dislist li .code,ul.product-list.dislist li .size,ul.product-list.dislist li .brand{width:calc(100% / 3)}.inquiry-cart ul.product-list.dislist li .photo,.inquiry-cart ul.product-list.dislist li .code,.inquiry-cart ul.product-list.dislist li .des,.inquiry-cart ul.product-list.dislist li .size,.inquiry-cart ul.product-list.dislist li .brand,ul.product-list.dislist li .photo,ul.product-list.dislist li .code,ul.product-list.dislist li .des,ul.product-list.dislist li .size,ul.product-list.dislist li .brand{display:flex;flex-wrap:wrap;padding:10px}.inquiry-cart ul.product-list.dislist li .photo p,.inquiry-cart ul.product-list.dislist li .code p,.inquiry-cart ul.product-list.dislist li .des p,.inquiry-cart ul.product-list.dislist li .size p,.inquiry-cart ul.product-list.dislist li .brand p,ul.product-list.dislist li .photo p,ul.product-list.dislist li .code p,ul.product-list.dislist li .des p,ul.product-list.dislist li .size p,ul.product-list.dislist li .brand p{font-size:16px;text-align:left}.inquiry-cart ul.product-list.dislist li .photo,ul.product-list.dislist li .photo{order:1;width:180px;justify-content:center}.inquiry-cart ul.product-list.dislist li .des,ul.product-list.dislist li .des{order:2;width:calc(100% - 180px);padding:60px 20px 10px 20px}.inquiry-cart ul.product-list.dislist li .code,ul.product-list.dislist li .code{order:3}.inquiry-cart ul.product-list.dislist li .size,ul.product-list.dislist li .size{order:4}.inquiry-cart ul.product-list.dislist li .brand,ul.product-list.dislist li .brand{order:5}.inquiry-cart ul.product-list.dislist li .operating,ul.product-list.dislist li .operating{position:absolute;width:auto;top:15px;right:15px}.inquiry-cart ul.product-list.dislist li .operating i.icon-remove,ul.product-list.dislist li .operating i.icon-remove{display:block}.inquiry-cart ul.product-list.dislist li .operating i.icon-IcRoundDeleteForever,ul.product-list.dislist li .operating i.icon-IcRoundDeleteForever{display:none}.inquiry-cart ul.product-list.dislist li div[data-title]::before,ul.product-list.dislist li div[data-title]::before{content:attr(data-title);color:#ffc600;width:100%;text-align:left;font-size:16px;font-family:'Century Gothic','Arial','微軟正黑體',serif;font-weight:bold;margin-bottom:5px}#record-wrap ul.product-list.dislist>li{text-align:left;align-items:center}#record-wrap ul.product-list.dislist>li a.detail::after{content:'DETAIL';order:5;display:block;text-align:center;font-size:16px;letter-spacing:2px;font-weight:bold;width:100%;margin-top:15px;background-color:#849aa4;padding:10px 20px}#record-wrap ul.product-list.dislist>li p,#record-wrap ul.product-list.dislist>li i{display:inline-block}#record-wrap ul.product-list.dislist>li i{font-size:20px}#record-wrap ul.product-list.dislist>li .photo{padding:0}#record-wrap ul.product-list.dislist>li .des{width:calc(100% - 150px);padding-left:30px}#record-wrap ul.product-list.dislist>li .date{order:3;width:50%;margin:10px 0}#record-wrap ul.product-list.dislist>li .reply{order:4;width:50%;display:inline-flex;align-items:center}#record-wrap ul.product-list.dislist>li .reply::before{width:auto;margin:0 5px 0 0}#record-wrap ul.product-list.dislist>li .record{order:3;width:calc(100% / 3);padding:10px 0}#record-wrap ul.product-list.dislist>li .price{order:4;margin:0}#product-all a.addcart-btn{padding:12px 20px;font-size:14px}#product-all ul.product-list{padding:0}#product-all ul.product-list li{width:calc(100% / 3 - 4%)}#product-all ul.product-list.dislist{background-color:rgba(93,116,126,0.3);padding:0}#product-all ul.product-list.dislist li{border-bottom:1px solid #b5c5cc}#product-all ul.product-list.dislist li .des p{padding:0}#filter-wrap{padding:0 0 30px 0;justify-content:space-between}#filter-wrap .filter-type,#filter-wrap .total-box{width:calc(100% / 2 - 10px);padding:10px 0}#filter-wrap .filter-type select,#filter-wrap .total-box select{background-position:calc(100% - 5px) center;font-size:12px;padding:10px;padding-right:25px}section#top-product,section#professional{padding:80px 20px}section#index-news{background-image:none;margin:75px 0 0 0}section#index-news .news-title{width:100%;position:relative;top:0;left:0;transform:none;align-items:center;justify-content:center}section#index-news .news-title h2{width:auto;padding:0}section#index-news .news-title img{width:160px;margin-left:20px}section#index-news ul.news-top-list{width:100%}.inner-news ul.news-top-list li{padding:20px 0}.inner-news ul.news-top-list li.listtype a.img{width:300px}.inner-news ul.news-top-list li.listtype .fontbox{width:calc(100% - 300px)}.news_d .news-img{margin-bottom:30px}#faq form.searchwrap{margin:0;width:100%}#faq form.searchwrap input{padding:12px 25px;width:100%;max-width:100%;border-radius:30px;margin-right:0}#faq ul.faq-tag li input[type="radio"] ~ label{font-size:20px}#faq ul.faq-list{padding:0 40px}.inquiry-cart h1{margin:50px 0}.inquiry-cart h5.prompt{margin-top:-25px;line-height:1.5;letter-spacing:1px}#news-filter-wrap .searchwrap input{padding:12px 22px;width:calc(80% - 55px)}#news-filter-wrap button.searchbtn{width:42px;height:42px}#news-filter-wrap button.searchbtn i{font-size:24px}.product-top .searchwrap input{padding:12px 22px;width:calc(90% - 55px - 160px)}.product-top button.searchbtn{width:42px;height:42px}.product-top button.searchbtn i{font-size:24px}.product_d{align-items:flex-start}.product_d .main-img{margin:0 5% 0 0;border-width:7px}.product_d .main-font{width:65%}.product_d .main-font h1{font-size:24px}.product_d .main-font ul#product-photo{margin-bottom:25px}.product_d .main-block ul.tab li{font-size:14px;padding:12px 15px}#product-all.recom-product.swiper-container{margin-bottom:50px}.product-main-list .product-list-left{width:100%;padding:0}.product-main-list .product-list-left .m-filter-btn{position:fixed;left:0;top:70px;display:block;width:100%;padding:15px 20px;text-align:center;font-size:24px;background-color:#849aa4;z-index:101}.product-main-list .product-list-left .m-filter-btn i{font-size:40px;position:absolute;right:30px;top:50%;transform:translate(0, -50%)}.product-main-list .product-list-left .m-filter-btn.active{background-color:#ffc600;color:#000}.product-main-list .product-list-left form{position:fixed;right:0;top:0;width:70%;height:100%;height:fill-available;overflow-y:auto;background:#333;background:linear-gradient(#222, #424242 70%, #222);z-index:9999999999;opacity:0;transform:translate(100%, 0);transition:.5s}.product-main-list .product-list-left form.active{transform:translate(0, 0);opacity:1}.product-main-list .product-list-left ul.advance-filter{height:96%;overflow-y:auto;padding:50px 0}.product-main-list .product-list-left ul.advance-filter .remove-btn{display:flex;justify-content:flex-end;font-size:30px;padding:10px;position:fixed;top:0;left:0;width:100%;z-index:2;background-color:#444}.product-main-list .product-list-left ul.advance-filter .remove-btn span{display:none}.product-main-list .product-list-left ul.advance-filter>li{padding:10px 30px}.product-main-list .product-list-left ul.advance-filter>li .titlebox .cross{right:5px}.product-main-list .product-list-left ul.advance-filter>li .choosebox{padding-top:15px}.product-main-list .product-list-left ul.advance-filter ul.checkwrap>li{width:25%;padding:8px 5px}.product-main-list .product-list-left ul.advance-filter select{background-color:#555}.product-main-list .product-list-left ul.advance-filter button.advance-btn{padding:15px;font-size:18px;border-radius:0;border:none;background-color:#3a7c99;color:#fff}.product-main-list .product-list-left ul.advance-filter>li.btnbox{position:fixed;left:0;bottom:0;padding:0}.product-main-list .product-list-right{width:100%}.about-wrap section .imgbox,.about-wrap section .fontbox{width:100%}.about-wrap section .imgbox{height:400px}.about-wrap section .fontbox .btnbox{text-align:right}.about-wrap section.about-contact .contact-block .imgbox{height:auto}.about-wrap section.about1 h2{bottom:-40px;font-size:100px}.about-wrap section.about2 .imgbox{order:1}.about-wrap section.about2 .fontbox{order:2}.about-wrap section.about3 .imgbox .innerfont{width:calc(100% - 100px);max-width:450px;bottom:25px}.about-wrap section.about3 .fontbox img.dia{margin:0 20px 0 0}.about-wrap section.about5 .titlewrap h2{font-size:95px}.about-wrap section.about5 .titlewrap h3{font-size:32px}.about-wrap section.about5 .titlewrap h4{font-size:24px}.about-wrap section.about5 .titlewrap .halo{top:0;width:300px;height:300px;left:-100px}.about-wrap section.about6 .titlebox h2{font-size:40px}.about-wrap section.about6 .treebox .circlewrap{width:120px;height:120px}.about-wrap section.about6 .treebox .circlewrap::before{width:100px;height:100px}.about-wrap section.about6 .treebox ul.topwrap li.right{margin-top:-217px;margin-bottom:55px}.about-wrap section.about6 .treebox ul.topwrap li.long .linewrap{height:260px}.about-wrap section.about-contact .contact-block{margin:30px 0;justify-content:center}.about-wrap section.about-contact .contact-block .imgbox{padding-right:0;width:100%;max-width:600px}.about-wrap section.about-contact .contact-block .fontbox{width:100%;padding:50px 15px;display:flex;flex-wrap:wrap;justify-content:center}.about-wrap section.about-contact .contact-block .fontbox .img{max-width:180px}.about-wrap section.about-contact .contact-block .fontbox h4{margin-top:15px;line-height:1.3;width:100%;text-align:center}.about-wrap section.about-contact .contact-block .fontbox ul.linkwrap{margin-top:30px;width:auto}.about-wrap section.about-contact .contact-block .fontbox ul.linkwrap li{margin:10px 0}.about-wrap section.about-contact .contact-block .fontbox ul.linkwrap li h6{padding:0}.about-wrap section.about-contact .contact-block .fontbox ul.linkwrap li i{font-size:18px;margin-right:10px}@keyframes haloAnimate{0%{left:-100px;transform:scale(0.2)}30%{transform:scale(1)}70%{left:calc(100% - 250px);transform:scale(0.5)}80%,90%{transform:scale(1)}85%,95%{transform:scale(0.5)}to{left:calc(100% - 250px);transform:scale(0.2)}}.btn.yellow{font-size:20px;padding:20px 40px}.lab_intro .lab-top-wrap .btnbox{padding:0 25px}.lab_intro .lab-top-wrap .btnbox a.btn{margin:15px 0}.lab_intro .lab-top-wrap .vediowrap{width:100%;padding:18px 30px;border-radius:20px}.lab_intro .lab-top-wrap .vediowrap:after{width:5px;height:5px;left:10px}.lab_intro .lab-top-wrap .btnbox{padding:0;width:100%;margin:30px 0 0 0;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between}.lab_intro .lab-top-wrap .btnbox a.btn{width:31.5%;margin:0}.lab_intro .lab-top-wrap .btnbox a.btn.join-btn{width:100%;margin-bottom:20px}.lab_intro section .fontbox h3,.lab_intro section.intro2 .fontbox h3{line-height:1.8;font-size:20px}.lab_intro section.intro1 .fontbox .dialog{margin-top:40px}.lab_intro section.intro1 .fontbox .dialog::after{top:35%}.lab_intro section.intro2 .fontbox,.lab_intro section.intro4 .fontbox{padding-left:40px}.lab_intro section.intro3 .btnbox,.lab_intro section.intro4 .btnbox{margin-top:50px}.lab_intro section.intro3 .fontbox{padding-right:40px}.lab_intro .bigcircle{width:300px;height:300px}.lab_intro .bigcircle.circle2{width:500px;height:500px}.service-wrap h1{position:relative;font-size:60px;right:0;left:0;top:0;text-align:center}.service-wrap .service-list{width:90%;margin:60px auto 100px auto}.service-wrap .service-list ul.service-main>li,.service-wrap .service-list ul.service-sub{margin-bottom:20px}.activate-lab{background-attachment:scroll;background-size:cover;padding:100px 20px}.activate-lab h2{font-size:32px}.activate-lab .btnbox{margin-top:40px}.activate-lab .btnbox a.btn{padding:25px}.service-inner-title .arrowbox{padding:40px 0;font-size:40px}section#certificate-wrap .swiper-container{padding:0 20px 50px 20px}.record-status>ul>li{width:50%}ul.project-list>li ul.detail>li{width:100%}ul.project-list>li.list>a::after{opacity:1;transform:scale(0.9);transform-origin:right bottom}ul.project-list.history>li ul.detail>li{width:50%}#wislab-wrap .tag{padding:6px 8px}#wislab-wrap .wislab-top{height:400px}#wislab-wrap .wislab-top .fontbox{margin-top:40px}#wislab-wrap .wislab-top h1{font-size:40px}#wislab-wrap .wislab-top .lab-select-wrap.scroll{top:77px;left:23px;width:calc(100% - 115px);max-width:100%;z-index:999}#wislab-wrap .wislab-top .lab-select-wrap.scroll .change{right:4px;width:28px;height:28px}#wislab-wrap .wislab-top .lab-select-wrap.scroll .change i{font-size:20px}#wislab-wrap .wislab-top .lab-select-wrap.scroll select{padding:10px 38px 10px 20px}#wislab-wrap .wislab-top .listwrap{top:350px;height:50px;bottom:auto;z-index:101}#wislab-wrap .wislab-top .listwrap::before{background-color:#3a7c99;opacity:.7}#wislab-wrap .wislab-top .listwrap.scroll{position:fixed;top:70px}#wislab-wrap .wislab-top .listwrap.scroll::before{opacity:1}#wislab-wrap .wislab-top .listwrap.scroll ul#lab-list{top:25px}#wislab-wrap .wislab-top .listwrap .w1280{width:100%;max-width:100%}#wislab-wrap .wislab-top .listwrap ul#lab-list{position:absolute;top:50px;display:none}#wislab-wrap .wislab-top .listwrap ul#lab-list li{width:100%;background-color:#3a7c99;padding:0;border-bottom:1px solid rgba(0,0,0,0.3)}#wislab-wrap .wislab-top .listwrap ul#lab-list li:last-child{border-bottom:none}#wislab-wrap .wislab-top .listwrap ul#lab-list li a{display:flex;width:100%;padding:15px 40px}#wislab-wrap .wislab-top .listwrap ul#lab-list li a::after{display:none}#wislab-wrap .wislab-top .listwrap ul#lab-list li.active a::before{content:'';position:absolute;left:15px;top:50%;transform:translate(0, -50%);width:0;height:0;border-style:solid;border-width:5px 0 5px 10px;border-color:transparent transparent transparent #ffffff;background-color:transparent}#wislab-wrap .wislab-top .listwrap ul#lab-list.active{display:block}#wislab-wrap .project-wrap .work-on h2{font-size:32px}#wislab-wrap .bulletin-wrap .bulletin-board{padding:60px 5% 80px 5%}#wislab-wrap .bulletin-wrap .bulletin-board>ul>li{border-bottom:1px dashed #999}#wislab-wrap .bulletin-wrap .bulletin-board>ul>li:last-child{border-bottom:none}#wislab-wrap .bulletin-wrap .bulletin-board>ul>li a .date{padding:0 0 0 15px;font-size:14px}#wislab-wrap .bulletin-wrap .bulletin-board>ul>li a .title{width:100%;margin-top:10px;font-weight:bold}#wislab-wrap .bulletin-wrap.list .bulletin-board{padding:30px 5% 80px 5%}#wislab-wrap .research-wrap ul.research-list li>a{padding:25px 30px}#wislab-wrap .file-wrap .titlefont img{height:38px;margin-right:10px}#wislab-wrap .file-wrap table td:nth-child(1){width:calc(100% - 215px)}#wislab-wrap .file-wrap table td:nth-child(2){width:85px;padding:15px 5px}#wislab-wrap .file-wrap table td:nth-child(3){width:100px;padding:15px 5px}#wislab-wrap form.searchwrap{margin-bottom:30px}#wislab-wrap ul.article-page li.back{width:170px}.research-inner .research-status{padding:35px;margin-bottom:60px}.member-title ul.btnbox{position:fixed;top:70px;padding:0 10px;margin:0;z-index:10}.member-title ul.btnbox::before{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background-color:#5d747e;z-index:-1}.member-title ul.btnbox .pc-mode{display:none}.member-title ul.btnbox .m-mode{display:flex;flex-wrap:wrap;align-items:center}.member-title ul.btnbox .m-mode .img{width:30px;height:30px;margin-right:10px;border:1px solid #fff;border-radius:100%;overflow:hidden;padding:5px;display:flex;align-items:center;justify-content:center}.member-title ul.btnbox .m-mode .img img{width:auto;height:100%}.member-title ul.btnbox li{width:25%;margin:0}.member-title ul.btnbox li h3{font-size:16px}.member-title ul.btnbox li a{padding:10px;border-radius:0;border:none;border-bottom:3px solid rgba(255,255,255,0.3)}.member-title ul.btnbox li.active a{border-color:#fff;background-color:rgba(0,0,0,0.3)}.member-title.lab ul.btnbox{top:70px}.member-title.lab ul.btnbox .pc-node{display:none}.member-title.lab ul.btnbox .m-mode{display:flex}.searchwrap{position:fixed;top:70px;left:0;padding:7px 10px;z-index:10;flex-wrap:nowrap;background-color:#ffc600;color:#000}.searchwrap h5{width:150px;margin-right:5px}.searchwrap button.searchbtn{width:50px;margin-top:0;height:36px;background-color:#369fcd;border:none;border-radius:30px;border-radius:0 30px 30px 0}.searchwrap button.searchbtn i{font-size:18px}.searchwrap input{height:36px;padding:0 10px;margin-right:0;width:calc(100% - 200px);background-color:#222;color:#fff;border:none;border-radius:30px 0 0 30px}.searchwrap input:focus{background-color:#000}#news-filter-wrap .searchwrap,.product-top .searchwrap{position:fixed;left:0;padding:8px 10px;z-index:10;flex-wrap:nowrap;background-color:#ffc600;color:#000}#news-filter-wrap .searchwrap h5,.product-top .searchwrap h5{width:150px;margin-right:5px}#news-filter-wrap .searchwrap button.searchbtn,.product-top .searchwrap button.searchbtn{width:50px;margin-top:0;height:34px;background-color:#3a7c99;border:none;border-radius:30px}#news-filter-wrap .searchwrap button.searchbtn i,.product-top .searchwrap button.searchbtn i{font-size:18px}#news-filter-wrap .searchwrap button.searchbtn:focus,#news-filter-wrap .searchwrap button.searchbtn:hover,.product-top .searchwrap button.searchbtn:focus,.product-top .searchwrap button.searchbtn:hover{background-color:#369fcd}#news-filter-wrap .searchwrap button.searchbtn:focus i,#news-filter-wrap .searchwrap button.searchbtn:hover i,.product-top .searchwrap button.searchbtn:focus i,.product-top .searchwrap button.searchbtn:hover i{color:#fff}#news-filter-wrap .searchwrap input,.product-top .searchwrap input{height:36px;padding:0 10px;margin-right:0;width:calc(100% - 200px);background-color:#222;color:#fff;border:none;border-radius:30px 0 0 30px;margin-right:-30px;padding-right:30px}#news-filter-wrap .searchwrap{background-color:#666}#news-filter-wrap .searchwrap h5{display:inline-block;color:#ffc600;font-weight:bold}#news-filter-wrap .searchwrap input{background-color:#ddd;color:#000;width:100%;max-width:100%}#news-filter-wrap #filter-wrap{padding:0 10px;margin-top:0;display:flex;flex-wrap:nowrap;justify-content:space-between;background-color:#ffc600}#news-filter-wrap #filter-wrap .filter-type{width:100%;margin-right:10px}#news-filter-wrap #filter-wrap .filter-type:last-child{margin-right:0}#news-filter-wrap #filter-wrap .filter-type select{padding:10px 15px;background-color:#000;border:none;font-size:12px}.product-main-list .product-list-left .m-filter-btn{left:auto;right:10px;top:127px;width:auto;background-color:#3a7c99;border:1px solid;color:#fff;padding:10px 25px;border-radius:30px;font-size:16px;display:flex;align-items:center;margin-right:-1px}.product-main-list .product-list-left .m-filter-btn span{display:none}.product-main-list .product-list-left .m-filter-btn i{font-size:20px;position:unset;transform:none}#filter-wrap{position:fixed;background-color:#999;top:120px;left:0;padding:0 160px 0 0;justify-content:flex-start;z-index:6}#filter-wrap p{display:none}#filter-wrap .total-box{width:calc((100% - 100px) / 2)}#filter-wrap .total-box select{background-color:#222;color:#ffc600;font-size:12px;width:100%;border:none;background-position:calc(100% - 5px) center;padding:10px 25px 10px 10px;height:36px}#filter-wrap .display-as{width:auto}#filter-wrap .display-as button{width:35px;height:35px;border-color:#fff}#filter-wrap .display-as button i{color:#fff}#filter-wrap .display-as button.active{background-color:#ffc600}#filter-wrap .display-as button.active i{color:#fff}.help-process-box.pc{display:none}.help-process-box.mb{display:block}.privacy .member-title ul.btnbox{padding:0}.privacy .member-title ul.btnbox li{width:calc(100% / 3)}.fontwrap{padding:5%}.fontwrap .title1{font-size:24px;margin-top:50px}.fontwrap .title2{font-size:20px}.fontwrap .title3{font-size:18px;margin-top:20px}.fontwrap .indent{padding-left:15px}.fontwrap .important{padding:25px 15px}}@media screen and (max-width: 1000px){a.addcart-btn{padding:10px}a.addcart-btn::before{content:'ADD TO CART'}a.addcart-btn.active::before{content:'ALREADY ADDED'}ul.product-list{padding:0}ul.product-list li{width:calc(100% / 3 - 4%);margin:3% 2%}ul.product-list li .photo>a{border-width:7px;padding-bottom:calc(100% - 14px)}#footer .footer-left::before{width:174%}}@media screen and (max-width: 768px){.edit-block table{font-size:14px}.edit-block table td{padding:15px}h5.top-prompt{line-height:1.5}.news-inner-title h1,.news-inner-title h2{font-size:32px}.news-inner-title img{height:46px}.member-title ul.btnbox .m-mode{display:flex;flex-wrap:wrap;justify-content:center}.member-title ul.btnbox .m-mode .img{margin-right:0;margin-bottom:5px}.member-title ul.btnbox .m-mode h3{width:100%;text-align:center}.inner-top{overflow:hidden;height:200px}.inner-top img{width:auto;height:100%}.inner-top.member{height:auto}#footer .footer-top{height:50px}#footer .footer-left{width:100%}#footer .footer-left::before{width:40%}#footer .footer-left .footer-logo{left:13%}#footer .footer-left .fontbox{width:60%;margin-left:40%;margin-top:0}#footer .footer-right{width:100%}#footer .footer-right ul.link,#footer .footer-right ul.footer-contact{padding:0 30px;width:50%;max-width:100%}#footer .footer-right ul.link{padding-left:13%}#footer .copyright .w1280{flex-wrap:wrap;padding:15px 80px}#footer .copyright h6{width:100%;text-align:center}#footer .copyright .list a{padding:5px 10px;margin-top:10px}#gotop{margin-bottom:5px}section.index-certificate{margin-bottom:-50px}#index-innovative .titlebox{right:0;top:10%;justify-content:center}#index-innovative .titlebox .titletop{justify-content:center}#index-innovative ul.iconbox{left:23%}#index-innovative ul.iconbox li:nth-child(2){right:0;transform:translate(-50%, 0)}#index-innovative .moto{right:0;width:90%;bottom:7%}#index-innovative .motoline{display:none}section.contact{height:auto}section.contact ul li{width:100%}section.contact ul li .fontbox{width:80%}section.contact ul li:first-child,section.contact ul li:last-child{padding:30px;justify-content:center;text-align:left}ul.product-list li{width:calc(100% / 2 - 8%);margin:6% 4%}.product-top h4.supplement{font-size:15px}.product-top h1{padding:50px 0 20px 0}section#professional ul.wrap>li{order:2;width:50%;display:flex;flex-wrap:wrap}section#professional ul.wrap>li:nth-child(2){width:100%;order:1}section#professional ul.wrap>li:nth-child(2) a.img{width:100%}ul.news-top-list li a.img,ul.news-top-list li .fontbox{width:100%}ul.news-top-list li .fontbox{padding:30px 0}ul.news-top-list li .fontbox a.btn{width:100%}ul.news-top-list li img.arrow{display:none}ul.news-top-list li:nth-child(even) a.img{order:1}ul.news-top-list li:nth-child(even) .fontbox{order:2}section#index-news ul.news-top-list{width:80%;margin:0 auto}.inner-news{margin-bottom:100px}.inner-news ul.news-top-list li{padding:30px}.inner-news ul.news-top-list li.listtype{padding:20px 0}.inner-news ul.news-top-list li.listtype a.img{width:250px}.inner-news ul.news-top-list li.listtype .fontbox{width:calc(100% - 250px);padding:0 0 0 20px}.inner-news ul.news-top-list li.listtype .fontbox h3{font-size:18px}.inner-news ul.news-top-list li.listtype .fontbox .btnbox{flex-wrap:wrap}.inner-news ul.news-top-list li.listtype .fontbox .btnbox .hashtagwrap{width:100%;margin-bottom:10px}ul.article-page li a{padding:15px}ul.article-page li.prev{order:1}ul.article-page li.next{order:2}ul.article-page li.prev,ul.article-page li.next{width:calc(50% - 10px)}ul.article-page li.back{order:3;width:100%;margin-top:20px}#faq ul.faq-tag{margin:40px 0 50px 0}#faq ul.faq-list{padding:0 20px;margin-bottom:70px}#faq ul.faq-list li h3{width:calc(100% - 60px);padding-left:25px}#faq ul.faq-list li p{padding-left:85px;margin:0}#faq ul.faq-list li .icon{width:60px;height:60px}#faq ul.faq-list li .icon i{font-size:36px}form.contact{margin:10px auto 50px auto;width:100%}form.contact#member-info{margin:10px auto 50px auto}.bgimg-wrap{padding:0 0 50px 0;margin-bottom:-50px}.inquiry-cart .nextbtn a{width:50%;font-size:18px;padding:15px}.inquiry-cart .nextbtn a i{margin-right:-20px;font-size:26px}.product_d .main-img{width:60%;padding-bottom:60%;margin:0 auto}.product_d .main-font{width:90%;margin:40px auto}.product_d .main-font .cartbox a.btn{padding:15px}.product_d .main-block ul.tab li{font-size:12px}.product_d .backbtn a.btn{font-size:20px;width:70%}.recommend-block .des p{height:32px}.recommend-block .titlefont{font-size:40px}#filter-wrap .total-box p,#filter-wrap .total-box.sort p,#filter-wrap .display-as p{width:100%;margin-bottom:10px;font-weight:bold}#filter-wrap .display-as button{margin-left:5px}.product-main-list .product-list-left ul.advance-filter ul.checkwrap>li{width:calc(100% / 3)}.about-wrap .news-inner-title h1{font-size:40px}.about-wrap section.about1 h2{bottom:-23px;font-size:60px}.about-wrap section.about3 .imgbox .img{max-width:300px}.about-wrap section.about3 .imgbox h2{margin:0 auto 5px 0}.about-wrap section.about4 .fontbox{padding:120px 20px}.about-wrap section.about5 .titlewrap{height:350px}.about-wrap section.about5 .titlewrap h2{font-size:80px}.about-wrap section.about5 .titlewrap h2 span{font-size:.28em}.about-wrap section.about5 .titlewrap h4{font-size:20px}.about-wrap section.about5 .contentwrap{margin-top:30px;margin-bottom:80px}.about-wrap section.about5 .contentwrap>ul>li{padding:25px 0}.about-wrap section.about5 .contentwrap>ul>li h3{font-size:28px;margin:15px 0}.about-wrap section.about5 .contentwrap>ul>li:first-child,.about-wrap section.about5 .contentwrap>ul>li:last-child{margin:0}.about-wrap section.about5 .contentwrap>ul>li:first-child img,.about-wrap section.about5 .contentwrap>ul>li:last-child img{width:50%}.about-wrap section.about5 .contentwrap>ul>li:nth-child(2){padding:25px 25px 25px 0}.about-wrap section.about5 .contentwrap>ul>li:nth-child(2)::after{left:44px;transform:none}.about-wrap section.about5 .contentwrap>ul>li:nth-child(3){padding:25px 0 25px 25px}.about-wrap section.about5 .contentwrap>ul>li:nth-child(3)::after{right:44px;left:auto;transform:none}.about-wrap section.about5 .contentwrap>ul>li:last-child .linetop.left,.about-wrap section.about5 .contentwrap>ul>li:last-child .linelevel.left{left:50px}.about-wrap section.about5 .contentwrap>ul>li:last-child .linetop.right,.about-wrap section.about5 .contentwrap>ul>li:last-child .linelevel.right{right:50px}.about-wrap section.about5 .contentwrap>ul>li:last-child .linelevel{width:calc(50% - 175px)}.about-wrap section.about6 .titlebox{padding:80px 20px}.about-wrap section.about6 .titlebox h2{font-size:32px;margin-bottom:10px}.about-wrap section.about6 .titlebox h5{font-size:13px;line-height:1.5}.about-wrap section.about6 .treebox .circlewrap{width:98px;height:98px;font-size:18px}.about-wrap section.about6 .treebox .circlewrap::before{width:83px;height:83px;border-width:3px}.about-wrap section.about6 .treebox ul li h5{padding:10px 0;font-size:14px}.about-wrap section.about6 .treebox ul.topwrap{margin-top:60px}.about-wrap section.about6 .treebox ul.topwrap li.right{margin-top:-173px;margin-bottom:37px}.about-wrap section.about6 .treebox ul.topwrap li.right .linewrap{height:98px}.about-wrap section.about6 .treebox ul.topwrap li.long .linewrap{height:200px}.about-wrap section.about6 .treebox ul.topwrap li.font .circlewrap{font-size:14px}.about-wrap section.about6 .treebox ul.bus-icon li .circlewrap img{height:40px}@keyframes haloAnimate{0%{left:-100px;transform:scale(0.2)}30%{transform:scale(1)}70%{left:calc(100% - 180px);transform:scale(0.5)}80%,90%{transform:scale(1)}85%,95%{transform:scale(0.5)}to{left:calc(100% - 180px);transform:scale(0.2)}}.btn.black{font-size:26px;padding:20px 60px}.lab_intro .tab-list a{font-size:16px;padding:10px 20px;margin:5px}.lab_intro section{padding:0}.lab_intro section .imgbox,.lab_intro section .fontbox{width:70%}.lab_intro section .imgbox{order:1}.lab_intro section .fontbox{order:2;margin-top:-30%}.lab_intro section.intro2 .fontbox{width:50%;left:50%;padding:0}.lab_intro section.intro1 .fontbox{margin-top:-50%}.lab_intro section.intro1 .fontbox .dialog{padding:25px 40px;margin-top:30px;border-radius:30px}.lab_intro section.intro1 .fontbox .dialog::after{width:60px;height:60px;top:-40px;left:calc(100% - 100px);transform:rotate(-60deg)}.lab_intro section.intro1 .imgbox{margin-left:auto}.lab_intro section.intro3 .fontbox,.lab_intro section.intro4 .fontbox{left:30%;padding:0}.lab_intro section.intro3 .btnbox,.lab_intro section.intro4 .btnbox{margin-top:20px}.lab_intro .joinbox{margin:100px 0}.lab_intro .joinbox a{width:50%}.service-wrap h1{font-size:48px}.service-wrap h3{font-size:20px}.service-wrap .service-list{padding:40px 5%;margin:35px auto 65px auto}.service-wrap .service-list ul.service-sub>li h5{line-height:1.5;font-size:14px}.service-inner-title h1{font-size:30px;line-height:1.3}.service-inner-title h1,.service-inner-title h4,.service-inner-title h6{margin:10px 0}.service-inner-title .arrowbox{padding:20px 0 30px 0;font-size:32px}.btnbox.back a.btn{font-size:20px}section#certificate-wrap .cer-title .img{max-width:300px}.record-notice{margin:0 0 70px 0}.activate-lab .btnbox a.btn .hand{width:65px}ul.project-list>li{padding:36px 30px 30px 30px}#wislab-wrap .idcard{margin:30px 0}#wislab-wrap .idcard .hole{top:7px}#wislab-wrap .idcard .hole::after{width:10px;height:22px}#wislab-wrap .idcard .activate{width:100px;height:100px;transform:none;top:auto;right:10px;bottom:10px}#wislab-wrap .idcard .imgbox .img{width:150px;height:150px}#wislab-wrap .idcard .fontbox{width:calc(100% - 150px);padding:0 0 0 30px}#wislab-wrap .idcard .btnbox{position:relative;bottom:0;right:0;width:100%;margin-top:20px;text-align:right}#wislab-wrap .idcard .btnbox a.btn{max-width:400px}#wislab-wrap .project-wrap .work-on h2{font-size:28px}#wislab-wrap .project-wrap .work-on h2 img{height:30px;margin-left:6px}#wislab-wrap ul.article-page li.back{width:100%}}@media screen and (max-width: 600px){h1,h2{font-size:28px}h3{font-size:20px}h4{font-size:18px}h5{font-size:16px}.indextitle p{font-size:12px}.indextitle .top img{height:30px}ul#burger,ul#lab-burger{right:25px;width:35px}#menu #menu-m .m-wrap .logo{width:calc(100% - 190px)}#menu #menu-m .m-wrap .logo img{height:40px}#menu #menu-m .m-wrap form.searchwrap{top:60px}#menu #menu-m .m-wrap form.searchwrap i.icon-remove{margin-left:15px}#menu #menu-m .m-wrap .m-btn-wrap{width:120px}#menu #menu-m .m-wrap button.searchbtn,#menu #menu-m .m-wrap a.account .img{width:30px;height:30px}#menu #menu-m .m-wrap button.searchbtn i{font-size:18px}#menu #menu-m .m-wrap a.account span{transform:scale(0.8)}#menu #menu-m .m-wrap a.account .img img{width:23px}#menu #menu-m .m-wrap a.account .img i{font-size:18px}#menu #menu-m .m-list-wrap .lan{top:12px;right:80px}#menu #menu-m .m-list-wrap ul.m-list li p{line-height:1.5}.member-title ul.btnbox,.member-title.lab ul.btnbox{top:60px}#index-banner a .fontbox{width:80%}#index-banner a .fontbox h2{font-size:40px;margin-top:0}#index-banner a .fontbox h3{font-size:28px}#index-banner a .fontbox .btn{margin-top:40px}#index-innovative{height:620px}#index-innovative .titlebox .titletop img{height:34px}#index-innovative .titlebox .titletop h1{font-size:32px}#index-innovative ul.iconbox{top:20%;right:auto;left:25%;width:240px}#index-innovative ul.iconbox li{margin:28px 0}#index-innovative ul.iconbox li .img{width:60px;height:60px}#index-innovative ul.iconbox li h4{font-size:16px}#index-innovative ul.iconbox li p{font-size:12px}#index-innovative .moto{bottom:9%}section#top-product{padding:80px 0}section#index-news .news-title h2{font-size:28px}section#index-news .news-title img{width:110px;margin-left:10px}ul.article-page li.prev,ul.article-page li.next{width:100%}ul.article-page li.next,ul.article-page li.back{margin-top:15px}form.contact{padding:25px}form.contact p{line-height:1.5}form.contact .form-item input,form.contact .form-item select,form.contact .form-item textarea{padding:12px 15px}form.contact .form-item select{padding:12px 40px 12px 15px}form.contact .form-item .form-title{font-size:18px}form.contact .form-item.captcha label input{width:100%;margin-right:0;margin-bottom:15px}form.contact .form-item.password label i{bottom:9px;right:15px}form.contact button.form-btn,form.contact label.upload{padding:15px;font-size:20px;letter-spacing:1px}form.contact button.form-btn i,form.contact label.upload i{font-size:30px}form.contact label.upload{margin-bottom:-10px}form.contact button.form-btn{margin-bottom:5px}form.contact h6.regi{margin-top:15px}form.contact ul.upload-file li{width:calc(50% - 4px);margin:4px 0;padding:10px 15px}.inquiry-cart form.contact button.form-btn i{font-size:26px}#product-all ul.product-list li{width:calc(100% / 2 - 4%);margin:30px 2%}#product-all ul.product-list li .photo>a{border-width:7px;padding-bottom:calc(100% - 14px)}.product-main-list .product-list-left form{width:100%}.product-main-list .product-list-left ul.advance-filter ul.checkwrap>li{width:50%}.product-main-list .product-list-left .m-filter-btn{top:60px}.product-main-list .product-list-left .m-filter-btn i{right:23px}.inner-news ul.news-top-list li.listtype{padding:30px}.inner-news ul.news-top-list li.listtype a.img{width:100%}.inner-news ul.news-top-list li.listtype .fontbox{width:100%;padding:30px 0 0 0}.about-wrap section .fontbox{padding:50px 30px}.about-wrap section .fontbox .btnbox a.btn.black{font-size:16px;padding:15px 32px}.about-wrap section.about4 .fontbox h3{font-size:20px}.about-wrap section.about5 .titlewrap{height:300px}.about-wrap section.about5 .titlewrap h2{font-size:60px}.about-wrap section.about5 .titlewrap h3{font-size:24px}.about-wrap section.about5 .titlewrap h4{font-size:16px;margin-top:20px}.about-wrap section.about5 .titlewrap .halo{width:200px;height:200px}.about-wrap section.about6 .treebox ul.topwrap{margin-top:30px}.about-wrap section.about6 .treebox ul.bus-icon{border:1px solid #999;background:linear-gradient(#222, #424242, #222);padding:20px;margin-bottom:100px}.about-wrap section.about6 .treebox ul.bus-icon li{width:calc(100% / 3);padding:5px}.about-wrap section.about6 .treebox ul.bus-icon li::before,.about-wrap section.about6 .treebox ul.bus-icon li::after{display:none}.about-wrap section.about-contact{margin-bottom:0}@keyframes haloAnimate{0%{left:-100px;transform:scale(0.2)}30%{transform:scale(1)}70%{left:calc(100% - 100px);transform:scale(0.5)}80%,90%{transform:scale(1)}85%,95%{transform:scale(0.5)}to{left:calc(100% - 100px);transform:scale(0.2)}}.lab_intro .joinbox a{width:90%}.lab_intro .bigcircle{width:200px;height:200px}.lab_intro .bigcircle.circle2{width:300px;height:300px}.lab_intro section .imgbox,.lab_intro section .fontbox{width:100%}.lab_intro section.intro1 .fontbox{padding:0 20px}.lab_intro section.intro1 .fontbox .dialog{margin-top:15px;filter:drop-shadow(10px 10px 0 rgba(255,255,255,0.4))}.lab_intro section.intro1 .fontbox .dialog::after{transform:rotate(-110deg)}.lab_intro section.intro2 .fontbox{width:100%;left:0}.lab_intro section.intro2 .fontbox h3{margin:0 auto}.lab_intro section.intro3 .fontbox,.lab_intro section.intro4 .fontbox{left:0;padding:0 20px}.lab_intro section.intro3 .fontbox .btnbox,.lab_intro section.intro4 .fontbox .btnbox{text-align:right}.activate-lab{padding:70px 10px}.activate-lab h2{font-size:22px;line-height:1.3}.activate-lab .btnbox{margin-top:25px}.activate-lab .btnbox a.btn{padding:20px;font-size:16px}.service-wrap h1{font-size:36px}.service-wrap h3{font-size:17px}.service-wrap .service-list{width:95%;padding:7%}.service-wrap .service-list ul.service-main>li h3{line-height:1.3}.service-wrap .service-list ul.service-sub>li h5{line-height:1.3}.service-wrap .service-list ul.service-sub>li a span.arrow{margin-left:-5px}.service-wrap .service-list ul.service-sub>li a:hover span.arrow i,.service-wrap .service-list ul.service-sub>li a:focus span.arrow i{transform:translate(5px, 0)}.backpagebox a.btn,.backpagebox.brown a.btn{background-color:#999}.backpagebox{margin-bottom:70px}.backpagebox a.btn{border-radius:3px;width:100%}.backpagebox a.btn.right{margin-top:15px}.backpagebox ul.pagebox{width:100%;flex-wrap:wrap;justify-content:center}.backpagebox ul.pagebox li{order:2;margin-top:20px}.backpagebox ul.pagebox li.prev,.backpagebox ul.pagebox li.next{width:calc(50% - 4px);order:1}.backpagebox ul.pagebox li.prev a,.backpagebox ul.pagebox li.next a{padding:12px}.backpagebox ul.pagebox li.prev{margin-left:0}.backpagebox ul.pagebox li.prev a::before{content:'←';font-size:20px;position:absolute;left:15px;top:48%;transform:translate(0, -50%)}.backpagebox ul.pagebox li.next{margin-right:0}.backpagebox ul.pagebox li.next a::after{content:'→';font-size:20px;position:absolute;right:15px;top:48%;transform:translate(0, -50%)}#wislab-wrap .lab-select-wrap select{padding:12px 47px 12px 20px}#wislab-wrap .lab-select-wrap .change{width:35px;height:35px}#wislab-wrap .lab-select-wrap .change i{font-size:24px}#wislab-wrap .wislab-top h1{font-size:32px}#wislab-wrap .wislab-top .listwrap.scroll{top:60px}#wislab-wrap .wislab-top .lab-select-wrap.scroll{top:67px;left:20px;width:calc(100% - 107px)}#wislab-wrap .project-wrap .work-on h2{font-size:24px}#wislab-wrap .project-wrap .work-on h2 img{display:none}#wislab-wrap .research-wrap ul.research-list li>a{padding:25px}#wislab-wrap .research-wrap ul.research-list li>a h6.latest{order:3;margin-top:12px;font-size:12px}.research-inner ul.research-reply li .imgbox{width:50px}.research-inner ul.research-reply li .imgbox .img{width:50px;height:50px}.research-inner ul.research-reply li .imgbox h6{font-size:12px}.research-inner ul.research-reply li .fontbox{width:calc(100% - 50px);padding-left:15px}.research-inner ul.research-reply li .fontbox h6.reply-time{bottom:8px;margin-top:8px}.research-inner ul.research-reply li .fontbox .reply-content{padding:30px;margin-bottom:0}.searchwrap{top:60px}#news-filter-wrap .searchwrap h5,.product-top .searchwrap h5{width:80px;font-size:14px;text-align:left}#news-filter-wrap .searchwrap input,.product-top .searchwrap input{width:calc(100% - 160px);height:34px}#news-filter-wrap .searchwrap h5{width:100px}#filter-wrap{top:110px;padding:0 5px;flex-wrap:nowrap}#filter-wrap .total-box,#filter-wrap .total-box.sort{width:100%}#filter-wrap .total-box select,#filter-wrap .total-box.sort select{margin-left:10px;background-position:calc(100% - 5px) center;width:100%}#filter-wrap .display-as{margin-left:5px;margin-right:10px}.product-main-list ul.top-link{width:calc(100% - 100px)}.product-main-list .product-list-left .m-filter-btn{top:173px;padding:8px 15px;font-size:14px;right:0;border-radius:30px 0 0 30px}.product-main-page .product-list-left .m-filter-btn{top:130px}}@media screen and (max-width: 500px){h1,h2{font-size:26px}.inquiry-cart.member h2{font-size:22px}.btn{font-size:14px}.labapp h1{margin:60px 0;line-height:1.3}h5.top-prompt{font-size:14px}.inner-top{height:150px}ul.top-link{margin-bottom:15px}.edit-block,ul.article-page{padding:20px}.news-inner-title{padding:20px 0}.news-inner-title h1,.news-inner-title h2{font-size:26px;width:100%;text-align:center}.news-inner-title img{margin-top:10px;margin-left:0}.contact-wrap .news-inner-title h1{width:auto;font-size:30px}.contact-wrap .news-inner-title img{margin-left:10px}.inputbox label i{font-size:15px}form.contact p{margin:0;line-height:1.3}form.contact p.lab2{padding:15px 0}form.contact h6{line-height:1.3}form.contact h2.titlefont{font-size:20px;margin:12px 0 8px 0}form.contact .inputbox label p,form.contact .inputbox label h6{line-height:1.3}form.contact .inputbox label h6{margin-top:-1px}form.contact ul.upload-file li{width:100%}a.addcart-btn i{font-size:16px}a.addcart-btn i.icon-cart{margin-left:5px}a.addcart-btn::before{content:'ADD TO'}a.addcart-btn.active::before{content:'ADDED TO'}.icon-container p.okfont{font-size:12px}.icon-container p.okfont::before{content:'Already Removed.'}.icon-container.active p.okfont::before{content:'Success ADD!'}.icon-container svg{width:50px;height:50px}.indextitle .top img{display:none}#menu #menu-m .m-wrap{height:60px}#menu #menu-m .m-wrap .logo img{height:36px}#footer .footer-left::before{width:32%}#footer .footer-left .footer-logo{left:9%}#footer .footer-left .footer-logo a img{width:90px}#footer .footer-left .fontbox{width:70%;margin-left:30%;padding:30px 10px 30px 30px}#footer .footer-right ul.footer-contact{padding:0}#gotop,#gotop:hover{margin-bottom:0;width:40px;height:40px;border:1px solid #fff;border-radius:100%;display:flex;align-items:center;justify-content:center}#gotop p,#gotop:hover p{display:none}#gotop .arrow,#gotop:hover .arrow{height:60%;background-color:#fff}#gotop .arrow::after,#gotop:hover .arrow::after{display:none}#gotop .arrow .arrow-angle,#gotop:hover .arrow .arrow-angle{height:12px;background-color:#fff}#gotop .arrow .arrow-angle::after,#gotop:hover .arrow .arrow-angle::after{opacity:1;transform:scale(1) rotate(90deg)}#footer-fixed{width:45px}#footer-fixed #gocart{margin-top:15px}#footer-fixed #gocart{width:40px;height:40px}#footer-fixed a.footer-btn i.icon-MdiCart{font-size:20px}#gocart .cart-list{background-color:rgba(255,255,255,0.98)}#scroll-line{right:0%;top:70%;width:80px}#index-banner a .fontbox h2{font-size:28px;margin-top:5px}#index-banner a .fontbox h3{font-size:20px}#index-banner a .fontbox p{font-size:12px}#index-banner a .fontbox .btn{margin-top:15px;font-size:14px}#index-innovative{height:800px}#index-innovative .titlebox{top:4%;padding:0 20px}#index-innovative .titlebox .titletop h1{text-align:center;font-size:26px}#index-innovative .titlebox .titletop img{margin-right:5px;height:28px}#index-innovative .titlebox h5{text-align:center;font-size:12px}#index-innovative .moto{bottom:auto;top:13%;right:5%}#index-innovative ul.iconbox{top:auto;bottom:0;width:100%;left:0}#index-innovative ul.iconbox li:nth-child(2){transform:none}.inquiry-cart ul.product-list li .cartbox,ul.product-list li .cartbox{margin-top:12px}.inquiry-cart ul.product-list li .photo>a,ul.product-list li .photo>a{border-width:5px;padding-bottom:calc(100% - 10px)}.inquiry-cart ul.product-list li .photo>a .img,ul.product-list li .photo>a .img{transition:0s}.inquiry-cart ul.product-list.dislist li,ul.product-list.dislist li{padding:10px}.inquiry-cart ul.product-list.dislist li .photo,.inquiry-cart ul.product-list.dislist li .code,.inquiry-cart ul.product-list.dislist li .des,.inquiry-cart ul.product-list.dislist li .size,.inquiry-cart ul.product-list.dislist li .brand,ul.product-list.dislist li .photo,ul.product-list.dislist li .code,ul.product-list.dislist li .des,ul.product-list.dislist li .size,ul.product-list.dislist li .brand{padding:5px}.inquiry-cart ul.product-list.dislist li .photo p,.inquiry-cart ul.product-list.dislist li .code p,.inquiry-cart ul.product-list.dislist li .des p,.inquiry-cart ul.product-list.dislist li .size p,.inquiry-cart ul.product-list.dislist li .brand p,ul.product-list.dislist li .photo p,ul.product-list.dislist li .code p,ul.product-list.dislist li .des p,ul.product-list.dislist li .size p,ul.product-list.dislist li .brand p{font-size:14px}.inquiry-cart ul.product-list.dislist li .photo,ul.product-list.dislist li .photo{width:160px}.inquiry-cart ul.product-list.dislist li .des,ul.product-list.dislist li .des{padding-left:10px;padding-top:50px;width:calc(100% - 160px)}.inquiry-cart ul.product-list.dislist li div[data-title]::before,ul.product-list.dislist li div[data-title]::before{font-size:14px}.top-btnbox .btn{width:90%;font-size:18px;padding:12px 20px 11px 20px}.product-top h1{padding:30px 0 15px 0}#filter-wrap{padding:0}section.contact ul li .fontbox{width:100%}section.contact ul li .fontbox .btn-box .btn{width:100%}section.contact ul li .fontbox .sign-box{flex-wrap:wrap}section.contact ul li .fontbox .sign-box input{width:100%}section.contact ul li .fontbox .sign-box button{width:100%;margin-top:10px}section#professional{padding:60px 12px}section#professional ul.wrap>li{width:100%}section#professional ul.wrap ul.tape>li{width:85px;height:30px}section#professional ul.wrap ul.tape>li:nth-child(1),section#professional ul.wrap ul.tape>li:nth-child(2){left:-18px}section#professional ul.wrap ul.tape>li:nth-child(3),section#professional ul.wrap ul.tape>li:nth-child(4){right:-18px}section#index-news .news-title h2{width:100%;text-align:center}section#index-news .news-title img{width:auto;height:46px;margin-top:10px;margin-left:0}section#index-news ul.news-top-list{width:90%}section#index-news ul.news-top-list li .fontbox{padding:30px 0 0 0}.inner-news{margin-top:20px;margin-bottom:50px}.inner-news ul.news-top-list li,.inner-news ul.news-top-list li.listtype{padding:20px}.inner-news ul.news-top-list .all{width:calc(100% - 40px);margin:0 auto 40px auto}.inner-news ul.news-top-list .all a.allbtn{width:100%;display:flex;align-items:center;justify-content:center}.product-main-list{margin-top:20px}.news_d .arrow img{width:24px;height:auto}.news_d .news-img{margin-bottom:20px}.news_d .news-inner-title p{margin-top:5px}.edit-block h1,.edit-block h2,.edit-block h3,.edit-block h4,.edit-block h5,.edit-block h6,.edit-block p{line-height:1.5}.edit-block h1{font-size:26px}.edit-block h2{font-size:22px}.edit-block h3{font-size:20px}.edit-block h4{font-size:18px}.edit-block h5{font-size:16px}.edit-block h6{font-size:12px}.edit-block p{font-size:14px}#faq h1{margin-top:30px}#faq ul.faq-tag{margin:25px 0}#faq ul.faq-tag li{margin:10px 0}#faq ul.faq-tag li input[type="radio"] ~ label{font-size:18px}#faq ul.faq-list{padding:0 10px}#faq ul.faq-list li{align-items:flex-start}#faq ul.faq-list li h3{width:calc(100% - 35px);padding-left:15px;margin:5px 0 10px 0}#faq ul.faq-list li p{padding-left:50px}#faq ul.faq-list li .icon{width:35px;height:35px}#faq ul.faq-list li .icon i{font-size:20px}.inquiry-cart h5.prompt{margin-top:-10px;margin-bottom:28px;letter-spacing:0}.inquiry-cart ul.product-list{margin-bottom:40px}.inquiry-cart .nextbtn{margin-bottom:40px;text-align:center}.inquiry-cart .nextbtn a{width:80%}.inquiry-cart form.contact .inputbox{padding:10px 0}.inquiry-cart form.contact .inputbox label{justify-content:flex-start}#product-all a.addcart-btn i{font-size:16px}#product-all ul.product-list li{margin:20px 2%}#product-all ul.product-list li .photo>a{border-width:5px;padding-bottom:calc(100% - 10px)}.product_d .main-img .img ul#photo-small li{transition:0s}.product_d .main-font{margin:20px auto 0 auto}.product_d .main-font h1{letter-spacing:0;line-height:1.3}.product_d .main-font .fb-wrap{justify-content:center}.product_d .main-font .fb-wrap p{width:100%;text-align:center;margin:10px 0 0 0}.product_d .main-font .cartbox a.btn{width:100%;margin:7px 0}.product_d .main-font ul#product-photo{margin-bottom:10px}.product_d .main-font ul#product-photo li img,.product_d .main-font ul#product-photo li .hover{transition:0s}.product_d .main-block{margin-top:35px}.product_d .main-block h3.destitle{line-height:1.3;font-size:90%}.product_d .main-block ul.tab li{letter-spacing:0;margin:0 2px;padding:12px}.product_d .main-block ul.tab li:first-child{margin-left:6px}.product_d .backbtn{margin:60px 0}.product_d .backbtn a.btn{width:100%}.recommend-block .titlefont{font-size:32px}#product-all.recom-product.swiper-container{padding:30px 30px 40px 30px}#product-all.recom-product.swiper-container .swiper-button-next,#product-all.recom-product.swiper-container .swiper-button-prev,#product-all.recom-product.swiper-container::before,#product-all.recom-product.swiper-container::after{display:none}ul.top-link li a{font-size:12px}.product-main-list .product-list-left ul.advance-filter .remove-btn{font-size:20px}.product-main-list .product-list-left .m-filter-btn{top:173px}.product-main-page .product-list-left .m-filter-btn{top:120px}#news-filter-wrap h2{margin-bottom:0}.about-wrap section .fontbox h5{font-size:14px}.about-wrap section.about3 .imgbox .innerfont{width:calc(80% - 50px);right:25px}.about-wrap section.about3 .imgbox .img{width:70%}.about-wrap section.about3 .imgbox h2{font-size:36px}.about-wrap section.about4 .fontbox{padding:40px 10px}.about-wrap section.about4 .fontbox h3{font-size:15px}.about-wrap section.about5 .titlewrap{height:250px;padding:0 10px}.about-wrap section.about5 .titlewrap h2{font-size:54px;margin-top:3px}.about-wrap section.about5 .titlewrap h3{font-size:20px}.about-wrap section.about5 .titlewrap h4{font-size:12px}.about-wrap section.about5 .contentwrap>ul>li{padding:10px 0 25px 0}.about-wrap section.about5 .contentwrap>ul>li p{font-size:12px;line-height:1.6}.about-wrap section.about5 .contentwrap>ul>li h3{font-size:20px;margin:10px 0}.about-wrap section.about5 .contentwrap>ul>li:nth-child(2){padding:25px 15px 25px 0}.about-wrap section.about5 .contentwrap>ul>li:nth-child(2)::after{left:0}.about-wrap section.about5 .contentwrap>ul>li:nth-child(3){padding:25px 0 25px 15px}.about-wrap section.about5 .contentwrap>ul>li:nth-child(3)::after{right:0}.about-wrap section.about5 .contentwrap>ul>li:last-child .linetop.right,.about-wrap section.about5 .contentwrap>ul>li:last-child .linelevel.right{right:6px}.about-wrap section.about5 .contentwrap>ul>li:last-child .linetop.left,.about-wrap section.about5 .contentwrap>ul>li:last-child .linelevel.left{left:6px}.about-wrap section.about5 .contentwrap>ul>li:last-child .linelevel{width:calc(50% - 100px);top:115px}.about-wrap section.about5 .contentwrap>ul>li:last-child .linetop{height:115px}.about-wrap section.about6 .treebox ul.bus-icon li{width:50%}.lab_intro .lab-top-wrap .vediowrap{border-radius:15px;padding:12px 22px}.lab_intro .lab-top-wrap .vediowrap:after{left:5px}.lab_intro .lab-top-wrap .btnbox{margin:20px 0 0 0}.lab_intro .lab-top-wrap .btnbox a.btn{font-size:14px}.lab_intro section.intro1 .fontbox{margin-top:-40%}.lab_intro section .fontbox h3{font-size:18px}.lab_intro section.intro1 .fontbox .dialog{padding:20px 30px;border-radius:20px}.btn.yellow{font-size:18px;padding:15px 32px}.service-inner-title h1{font-size:20px}.service-inner-title h4{font-size:14px}.btnbox.back a.btn{font-size:16px}section#certificate-wrap .swiper-slide a.smallwrap{padding:5px;height:200px}section#certificate-wrap ul.bigwrap .bgblock i{right:20px;top:20px}.member-title ul.btnbox li h3{font-size:14px}.inquiry-cart.member h2{margin-bottom:25px}.record-notice{padding:40px 5%}.record-notice h3{font-size:18px}.record-notice .titlefont span{width:30px;margin:0 10px}#record-wrap ul.product-list.dislist>li .des{padding-left:20px}#record-wrap ul.product-list.dislist>li .record{width:100%;padding:10px 0 0 0}#record-wrap ul.product-list.dislist>li .price{margin-top:10px;padding:10px}#record-wrap ul.product-list.dislist>li .price p{flex-wrap:wrap;font-size:12px}#record-wrap ul.product-list.dislist>li .price p span{width:100%;display:block;margin:3px}.record-status{padding:20px;margin-bottom:20px}.record-status>ul>li{width:100%}.record-bottom .anyquestion{font-size:14px}.activate-lab .btnbox a.btn .hand{width:50px;right:15px;top:25px}ul.project-list>li{padding:20px}ul.project-list>li h3{font-size:16px}ul.project-list>li h6.date{position:relative;top:0;right:0;margin-bottom:15px;width:100%}ul.project-list>li ul.detail{margin-top:10px}ul.project-list>li ul.detail>li i{font-size:20px}ul.project-list>li.list>a{padding:20px 20px 35px 20px}ul.project-list.history>li h4{font-size:16px}ul.project-list.history>li h4 span{font-size:12px}ul.project-list.history>li ul.detail>li{width:100%}#wislab-wrap h2.bigtitle{margin:50px 0 30px 0}#wislab-wrap .idcard .activate{display:none}#wislab-wrap ul.project-list>li.create,#wislab-wrap .research-wrap ul.research-list>li.create{padding:30px}#wislab-wrap ul.project-list>li.oops>a,#wislab-wrap .research-wrap ul.research-list>li.oops>a{padding:30px}#wislab-wrap ul.project-list>li.oops>a h3,#wislab-wrap .research-wrap ul.research-list>li.oops>a h3{font-size:16px;line-height:1.2}#wislab-wrap .project-wrap .lab-select-wrap{width:90%}#wislab-wrap .bulletin-wrap{padding:20px 12px}#wislab-wrap .bulletin-wrap .bulletin-board{padding:45px 5% 70px 5%}#wislab-wrap .bulletin-wrap .bulletin-board h2{font-size:24px}#wislab-wrap .bulletin-wrap .bulletin-board>ul>li a{font-size:14px}#wislab-wrap .bulletin-wrap .bulletin-board .warning{margin:50px 0 40px 0}#wislab-wrap .bulletin-wrap .bulletin-board .eraser{left:10%}#wislab-wrap .bulletin-wrap .bulletin-board .chalk{width:50px;height:5px}#wislab-wrap .bulletin-wrap.list .bulletin-board .edit-block{padding:0}#wislab-wrap .bulletin-wrap.list .bulletin-board .tagwrap{margin-bottom:20px}#wislab-wrap .bulletin-wrap.list .bulletin-board h2{font-size:20px}#wislab-wrap .research-wrap h2{margin-bottom:15px}#wislab-wrap .research-wrap ul.research-list li>a{padding:20px}#wislab-wrap .research-wrap ul.research-list li>a .tag{margin-right:10px}#wislab-wrap .research-wrap ul.research-list li>a h5{margin-top:10px}#wislab-wrap .file-wrap table td{font-size:12px}#wislab-wrap .file-wrap table td:nth-child(1){width:calc(100% - 126px);padding:15px 10px}#wislab-wrap .file-wrap table td:nth-child(2),#wislab-wrap .file-wrap table td:nth-child(3){padding:15px 0;width:63px}#wislab-wrap .file-wrap table td.create{padding:30px}#wislab-wrap .more.btnbox{margin-top:30px}#wislab-wrap form.searchwrap{padding:0}#wislab-wrap .applybox a.btn{width:100%}#wislab-wrap .applybox.download p,#wislab-wrap .applybox.download h6{width:100%;text-align:left;order:2;margin:25px 0 10px 0}#wislab-wrap ul.file-switch{margin:30px 0}#wislab-wrap ul.file-switch li{margin:0 5px}#wislab-wrap ul.file-switch li a{font-size:16px}#wislab-wrap .edit-block.download{margin:20px 0}#wislab-wrap.choosepage .choose-wrap a.btn.black{font-size:16px;padding:22px;width:100%}.research-inner .research-status{padding:25px}.research-inner .research-status h6{margin:5px 0}.research-inner .research-status h3{margin-bottom:10px}.research-inner .research-status .tag{margin-top:10px}.research-inner ul.research-reply li .fontbox{padding-left:10px}.research-inner ul.research-reply li .fontbox .reply-content{padding:30px 20px}.research-inner ul.research-reply li .fontbox ul.research-file li a{padding:8px 15px}}@media screen and (max-width: 400px){h1,h2{font-size:24px}.edit-block table{font-size:12px}.edit-block table td{padding:10px}ul.top-link i{font-size:16px;margin-right:6px}ul.top-link li a{font-size:12px}ul#burger,ul#lab-burger{right:20px}#gotop,#gotop:hover{width:30px;height:30px}#gotop .arrow .arrow-angle,#gotop:hover .arrow .arrow-angle{height:9px}#menu #menu-m .m-list-wrap ul.m-list li p{line-height:1;letter-spacing:1px;font-size:14px}#menu #menu-m .m-wrap{height:50px}#menu #menu-m .m-wrap .logo{width:calc(100% - 122px)}#menu #menu-m .m-wrap .m-btn-wrap{width:70px}#menu #menu-m .m-wrap a.account.cart{display:none}#menu #menu-m .m-wrap form.searchwrap{top:50px;flex-wrap:wrap}#menu #menu-m .m-wrap form.searchwrap input,#menu #menu-m .m-wrap form.searchwrap button{width:100%;margin:8px 0}#menu #menu-m .m-wrap form.searchwrap button{background-color:#ffc600;border-color:#ffc600;color:#000}#menu #menu-m .m-wrap form.searchwrap i.icon-remove{margin:7px 0 0 0;display:flex;align-items:center}#menu #menu-m .m-wrap form.searchwrap i.icon-remove::after{content:'CLOSE';font-family:'Arial','微軟正黑體';font-size:14px;margin-left:10px}#footer-fixed{width:30px}#footer-fixed #gocart{width:30px;height:30px}#footer-fixed a.footer-btn i{font-size:25px}#footer-fixed a.footer-btn i.icon-MdiCart{font-size:17px}#footer-fixed a.footer-btn span.cart-amount{transform:scale(0.8)}#footer .footer-left::before{width:60%}#footer .footer-left .footer-logo{left:65%;top:25px}#footer .footer-left .fontbox{margin-left:0;margin-top:100px;width:100%;padding:20px}#footer .footer-left .fontbox p{justify-content:flex-end}#footer .footer-left .fontbox p span{padding-right:7px;margin:5px 7px 5px 0}#footer .footer-right ul.link{padding:0 30px}#footer .copyright .w1280{flex-wrap:wrap}#footer .copyright h6{width:100%;text-align:center;padding:5px 0}#gocart .cart-list{right:0;width:calc(100vw - 4vw);padding:15px}#gocart .cart-list a.remove-btn{top:15px;right:15px}#gocart .cart-list>ul>li{padding:5px 0}#gocart .cart-list>ul>li p{padding:0 0 0 15px}#index-banner a .fontbox{width:90%}#index-innovative .titlebox .titletop{flex-wrap:wrap}#index-innovative .titlebox .titletop h1{width:100%;margin:5px 0}#index-innovative .titlebox .titletop img{height:36px}#index-innovative .moto{top:150px}section#top-product{padding:30px 0}.top-btnbox{margin:0 0 50px 0}.inner-news ul.news-top-list li,.inner-news ul.news-top-list li.listtype{padding:20px 10px}.inner-news ul.news-top-list .all{width:calc(100% - 20px)}.inquiry-cart ul.product-list.dislist li,ul.product-list.dislist li{padding:5px}.inquiry-cart ul.product-list.dislist li .photo,ul.product-list.dislist li .photo{width:50%}.inquiry-cart ul.product-list.dislist li .code,.inquiry-cart ul.product-list.dislist li .des,.inquiry-cart ul.product-list.dislist li .size,.inquiry-cart ul.product-list.dislist li .brand,ul.product-list.dislist li .code,ul.product-list.dislist li .des,ul.product-list.dislist li .size,ul.product-list.dislist li .brand{width:100%}.inquiry-cart ul.product-list.dislist li .brand,ul.product-list.dislist li .brand{line-height:1.2}.inquiry-cart ul.product-list.dislist li .brand p,ul.product-list.dislist li .brand p{line-height:1.2}.inquiry-cart ul.product-list.dislist li .des,ul.product-list.dislist li .des{padding:5px;margin:5px 0}.inquiry-cart ul.product-list.dislist li .operating,ul.product-list.dislist li .operating{right:10px;top:10px}.inquiry-cart ul.product-list.dislist li div[data-title]::before,ul.product-list.dislist li div[data-title]::before{width:auto;margin-right:5px}#record-wrap ul.product-list.dislist>li .des{width:100%;padding-left:0;padding-top:10px}#product-all a.addcart-btn{padding:10px 15px;font-size:12px}.edit-block,ul.article-page{padding:20px 10px}ul.article-page li a{padding:10px;font-size:14px}ul.article-page li.next,ul.article-page li.back{margin-top:15px}#faq ul.faq-tag li input[type="radio"] ~ label{font-size:16px;padding:8px 12px}.contact-wrap .news-inner-title h1{font-size:24px}.contact-wrap .news-inner-title img{height:40px}form.contact{padding:15px}form.contact button.form-btn,form.contact label.upload{font-size:16px}form.contact button.form-btn i,form.contact label.upload i{font-size:24px}#pagebox .gopage input{margin:0 20px}#pagebox .gopage .prev{padding-left:40px}#pagebox .gopage .next{padding-right:40px}.product_d .main-font{width:95%}.product_d .main-font h1{font-size:20px}.product_d .main-font ul#product-photo li{margin:5px}.product_d .main-block ul.tab{justify-content:center}.product_d .main-block ul.tab li{width:44%;margin:0 1%;text-align:center}.product_d .main-block ul.tab li:first-child{margin:0 1%}.product_d .main-block ul.tab li:last-child{width:96%;box-shadow:0 -2px 5px rgba(0,0,0,0.1)}.product_d .backbtn a.btn{font-size:16px}.recommend-block .titlefont{font-size:24px;padding:20px 0}#product-all.recom-product.swiper-container{padding:20px 20px 40px 20px;margin-bottom:30px}.inputbox label{align-items:flex-start}.product-main-list .product-list-left ul.advance-filter .remove-btn{padding:15px 20px;font-size:16px}.product-main-list .product-list-left ul.advance-filter>li{padding:10px 20px}.about-wrap section .imgbox{height:240px}.about-wrap section .fontbox{padding:30px 15px}.about-wrap section .fontbox .btnbox a.btn.black{width:100%;font-size:14px;padding:15px 25px}.about-wrap section.about1 h2{bottom:-16px;font-size:40px}.about-wrap section.about3 .imgbox h2{font-size:28px}.about-wrap section.about3 .fontbox img.dia{width:80px;margin:0 13px 0 0}.about-wrap section.about5 .titlewrap{padding:0}.about-wrap section.about5 .titlewrap h3{text-align:center}.about-wrap section.about5 .titlewrap h2{margin-top:10px}.about-wrap section.about5 .titlewrap h2 span{display:block}.about-wrap section.about5 .contentwrap>ul>li:last-child .linelevel{width:calc(50% - 88px)}.about-wrap section.about5 .contentwrap>ul>li:last-child .linetop{height:93px}.about-wrap section.about5 .contentwrap>ul>li:last-child .linelevel{top:93px}.about-wrap section.about6 .titlebox{padding:50px 10px}.about-wrap section.about6 .titlebox h2{margin-bottom:15px;font-size:28px}.about-wrap section.about6 .titlebox h5{font-size:12px}.about-wrap section.about6 .treebox ul.bus-icon{padding:20px 5px}.about-wrap section.about6 .treebox ul.topwrap li.font .circlewrap{padding:25px}.about-wrap section.about-contact .contact-block .fontbox h4{font-size:16px}.lab_intro section.intro1 .fontbox,.lab_intro section.intro2 .fontbox,.lab_intro section.intro3 .fontbox,.lab_intro section.intro4 .fontbox{padding:0 10px}.lab_intro section .fontbox h3,.lab_intro section.intro2 .fontbox h3{font-size:16px}.lab_intro section.intro1 .fontbox .dialog{padding:15px 25px}.lab_intro section.intro1 .fontbox .dialog::after{left:calc(100% - 80px)}.activate-lab{padding:50px 10px}.activate-lab h2{font-size:18px}.activate-lab .btnbox a.btn{font-size:14px}.service-wrap .service-list ul.service-main>li h3{font-size:16px}.member-title ul.btnbox,.member-title.lab ul.btnbox{top:50px;padding:0}.member-title ul.btnbox li a,.member-title.lab ul.btnbox li a{padding:5px}.member-title ul.btnbox li a h3,.member-title.lab ul.btnbox li a h3{font-size:12px}#record-wrap ul.product-list.dislist>li{padding:10px}#record-wrap ul.product-list.dislist>li .photo{width:150px;height:150px}#record-wrap ul.product-list.dislist>li .photo a{height:100%}#wislab-wrap .wislab-top h1{font-size:28px}#wislab-wrap .wislab-top .listwrap.scroll{top:50px}#wislab-wrap .wislab-top .lab-select-wrap.scroll{top:57px;width:calc(100% - 81px);left:10px}#wislab-wrap .idcard .imgbox{width:100%}#wislab-wrap .idcard .imgbox .img{margin:0 auto}#wislab-wrap .idcard .fontbox{width:100%;padding:10px 0 0 0;text-align:center}#wislab-wrap .idcard .btnbox a.btn{padding:10px}#wislab-wrap .idcard .btnbox a.btn::before{width:45px;height:45px}#wislab-wrap .idcard .btnbox a.btn:hover::before,#wislab-wrap .idcard .btnbox a.btn:focus::before{left:calc(100% - 47px)}#wislab-wrap .file-wrap .titlefont img{height:32px}.research-inner ul.research-reply li .imgbox{width:40px}.research-inner ul.research-reply li .imgbox .img{width:40px;height:40px}.research-inner ul.research-reply li .fontbox{width:calc(100% - 40px);padding-left:7px}.searchwrap{top:50px}#filter-wrap{top:100px}}@media screen and (max-width: 350px){#menu #menu-m .m-wrap{padding:10px}ul#burger,ul#lab-burger{right:15px;width:30px;height:36px}#footer .footer-left p{transform:scale(0.9)}section#certificate-wrap .swiper-slide a.smallwrap{height:160px}ul.product-list li{width:calc(100% / 2 - 6%);margin:5% 3%}.product-main-list .product-list-left .m-filter-btn i{right:10px}#wislab-wrap .wislab-top .lab-select-wrap.scroll{width:calc(100% - 71px)}#popwrap{padding:35px 20px 20px 20px}#popwrap a.btn{font-size:12px;padding:10px 5px;white-space:nowrap}}