@charset "UTF-8";@import 'https://cdn.jsdelivr.net/npm/uikit@3.23.3/dist/css/uikit.min.css';@import 'https://cdn.jsdelivr.net/npm/mmenu-js@9.3.0/dist/mmenu.min.css';a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;background:transparent}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:after,blockquote:before,q:after,q:before{content:"";content:none}:focus{outline:none}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}*{-webkit-box-sizing:border-box;box-sizing:border-box}html{line-height:1.75;-webkit-text-size-adjust:100%}main{display:block}hr{-webkit-box-sizing:content-box;box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html{height:100%;font-size:62.5%;text-autospace:normal;scroll-behavior:smooth;background:url("../images/bg_gradient2.png") no-repeat center 14%/cover,hsl(0,0%,95%)}::-moz-selection{background:hsl(204,90%,55%);color:hsl(0,0%,100%)}::selection{background:hsl(204,90%,55%);color:hsl(0,0%,100%)}::-moz-selection{background:hsl(204,90%,55%);color:hsl(0,0%,100%)}img::-moz-selection{background:transparent}img::selection{background:transparent}img::-moz-selection{background:transparent}.clean{clear:both}.hidden{display:none}#loading{position:fixed;top:0;left:0;width:100%;height:100%;background:-webkit-gradient(linear,left top,left bottom,color-stop(50%,#DFEABA),to(#1CB1FC));background:linear-gradient(180deg,#DFEABA 50%,#1CB1FC);background-size:cover;z-index:9999;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.loading-content{padding:20px;text-align:center}.loading-content img{display:block;width:60%;height:auto;margin:0 auto;padding:20px 40px}.loader{display:block;width:150px;height:14px;margin:30px auto 0;background:radial-gradient(circle closest-side,hsl(204,94%,49%) 92%,transparent) 33.3333333333% 0/25% 100%;-webkit-animation:l2 0.5s infinite linear;animation:l2 0.5s infinite linear}@-webkit-keyframes l2{to{background-position:0 0}}@keyframes l2{to{background-position:0 0}}#wrap{display:block;width:100%}.top-line{display:block;margin:0;border:4px solid hsl(160,82%,28%)}header{display:block;width:100%;margin-bottom:60px}.logo,.sublogo{display:inline-block;width:24%;height:auto;vertical-align:middle}.logo{margin-right:5%}.sublogo{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.sublogo img{vertical-align:sub}main{display:block;width:84%;min-height:600px;margin:0 auto}section{display:block;width:100%;margin:0 auto 80px auto;text-align:center}footer{display:block;width:100%;background:hsl(0,0%,99%);padding:40px 0}#barCopyright{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;width:96%;max-width:1600px;margin:0 auto;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}#barCopyright a,#barCopyright li,#barCopyright p{font-size:1.6rem;line-height:3rem;color:hsl(0,2%,37%)}.copyright_info{display:block;width:39%}.copyright_info p{padding-top:16px}.copyright_contact{margin-left:auto}#info_marquee{display:block;width:100%;text-align:center}.footer-divider{width:100%;height:6px;background:-webkit-gradient(linear,left top,right top,color-stop(30%,#1abc9c),color-stop(70%,#1cb1fc));background:linear-gradient(to right,#1abc9c 30%,#1cb1fc 70%);margin:0 auto;display:block}body{font-family:"Noto Sans TC","Helvetica Neue","PingFang TC","Heiti TC","微軟正黑體",sans-serif;line-height:1.5;font-weight:400;font-size:1rem;color:hsl(0,0%,20%)}h1,h2,h3,h4,h5,h6{font-weight:700;font-family:"Noto Sans TC","Helvetica Neue","PingFang TC","Heiti TC","微軟正黑體",sans-serif;line-height:1.5;letter-spacing:1px}.article-content{font-family:"Noto Sans TC","Helvetica Neue","PingFang TC","Heiti TC","微軟正黑體",sans-serif;font-size:2rem;line-height:1.75;color:hsl(0,0%,20%)}.article-content h1,.article-content h2,.article-content h3,.article-content h4,.article-content h5,.article-content h6{margin-top:1rem;margin-bottom:0.6rem}.article-content h1{font-size:4.5rem}.article-content h2{font-size:3.6rem;letter-spacing:2px;color:hsl(200,97%,55%)}.article-content h3{font-size:2.8rem}.article-content h4{font-size:2.4rem}.article-content h5{font-size:2rem}.article-content h6{font-size:1.8rem}.article-content p{margin-top:1.8rem;margin-bottom:1.8rem}.article-content pre{margin-top:35px;margin-bottom:35px}#barNav{display:block;width:98%;margin:0 auto;background:rgba(255,255,255,0.2);-webkit-box-shadow:0 4px 30px rgba(0,0,0,0.1);box-shadow:0 4px 30px rgba(0,0,0,0.1);backdrop-filter:blur(5px);border-radius:16px;border:1px solid rgba(255,255,255,0.3);padding:10px 50px;z-index:150;-webkit-transition:background-color 0.3s ease;transition:background-color 0.3s ease;border-top:3px solid rgb(255,255,255);border-left:2px solid rgb(255,255,255)}.mobileBtn{display:none}#mainMenu{display:inline-block;width:70%;vertical-align:middle}#mainMenu ul>li{position:relative;min-width:20%;height:58px;text-align:center}#mainMenu>ul>li{float:left}#mainMenu a{display:block;padding:0 20px;font-size:2.4rem;font-weight:400;text-decoration:none;line-height:60px;letter-spacing:1px;color:hsl(0,2%,37%);position:relative}#mainMenu>ul>li{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);-webkit-box-shadow:0 0 1px rgba(0,0,0,0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative;overflow:visible}#mainMenu>ul>li:before{content:"";position:absolute;z-index:-1;left:0;right:0;bottom:0;background:#3fb1fc;height:4px;-webkit-transform:translateY(4px);transform:translateY(4px);-webkit-transition-property:transform;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out;opacity:0}#mainMenu>ul>li:hover:before{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}#mainMenu li:hover>a{background:transparent;color:#3fb1fc}#mainMenu ul ul{position:absolute;z-index:150;top:100%;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:-webkit-max-content;width:-moz-max-content;width:max-content;min-width:0;max-width:90vw;opacity:0;-webkit-transition:opacity 0.3s;transition:opacity 0.3s;display:none;-ms-grid-columns:-webkit-max-content 0 -webkit-max-content 0 -webkit-max-content 0 -webkit-max-content;-ms-grid-columns:max-content 0 max-content 0 max-content 0 max-content;grid-template-columns:repeat(4,-webkit-max-content);grid-template-columns:repeat(4,max-content);grid-auto-rows:auto;gap:0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background:hsl(0,0%,90%)}#mainMenu ul li:hover>ul{display:-ms-grid;display:grid;opacity:1}#mainMenu ul ul li{border-bottom:1px solid #fff;border-left:1px solid #fff;border-right:1px solid #fff;background:hsl(0,0%,90%);height:auto;text-align:center;width:200px;position:relative}#mainMenu ul ul li:last-child{border-bottom:none}#mainMenu ul ul li a{padding:10px;line-height:3rem;vertical-align:middle;font-size:1.8rem}#mainMenu ul ul li a:hover{background-color:#3fb1fc;color:#fff}#mainMenu ul ul ul{left:-9999px;top:0}#mainMenu ul ul li:hover>ul{left:100%;top:0}.mm-navbar,.mm-panel{font-family:"Noto Sans TC","Microsoft JhengHei","PingFangTC-Regular","Arial","Helvetica",sans-serif;font-size:1.6rem;line-height:3.5rem}.mm-panel{--mm-color-text:#384A8C;--mm-color-button:#384A8C}.mybtn{display:inline-block;width:150px;height:50px;font-size:2rem;font-weight:600;line-height:3.5rem;letter-spacing:2px;color:#fff;text-align:center;text-decoration:none;margin:0 20px;padding-right:20px;-webkit-transition:-webkit-transform 0.5s;transition:-webkit-transform 0.5s;transition:transform 0.5s;transition:transform 0.5s,-webkit-transform 0.5s}a.mybtn:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.float-link-wrapper{pointer-events:none;position:absolute;top:100vh;right:5rem;bottom:5.5rem;width:3em}.float-link{display:inline-block;position:fixed;position:sticky;pointer-events:all;top:calc(100vh - 10rem);-webkit-transition:-webkit-transform 80ms ease-in;transition:-webkit-transform 80ms ease-in;transition:transform 80ms ease-in;transition:transform 80ms ease-in,-webkit-transform 80ms ease-in}.float-link a,.float-link a:visited{font-size:5rem;color:hsl(204,97%,62%)}.float-link a:hover{color:#13568D}.float-link a>i{-webkit-transition:-webkit-transform 0.5s;transition:-webkit-transform 0.5s;transition:transform 0.5s;transition:transform 0.5s,-webkit-transform 0.5s}.float-link a:hover>i{-webkit-transform:scale(1.2);transform:scale(1.2)}:root{--marquee-width:100vw;--marquee-height:20vh;--marquee-elements-displayed:4;--marquee-element-width:calc(var(--marquee-width) / var(--marquee-elements-displayed));--marquee-animation-duration:calc(var(--marquee-elements) * 7s)}.marquee{display:block;position:relative;width:var(--marquee-width);height:var(--marquee-height);overflow-x:hidden;margin:40px 0}.marquee-content{display:-webkit-box;display:-ms-flexbox;display:flex;list-style:none;height:100%;-webkit-animation:scrolling var(--marquee-animation-duration) linear infinite;animation:scrolling var(--marquee-animation-duration) linear infinite}@-webkit-keyframes scrolling{0%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(calc(-1 * var(--marquee-element-width) * var(--marquee-elements)));transform:translateX(calc(-1 * var(--marquee-element-width) * var(--marquee-elements)))}}@keyframes scrolling{0%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(calc(-1 * var(--marquee-element-width) * var(--marquee-elements)));transform:translateX(calc(-1 * var(--marquee-element-width) * var(--marquee-elements)))}}.marquee-content li{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:var(--marquee-element-width);-ms-flex-negative:0;flex-shrink:0;font-size:calc(var(--marquee-height) * 0.3);white-space:nowrap;-webkit-transition:all 0.2s ease;transition:all 0.2s ease}.marquee-content li img{max-height:calc(var(--marquee-height) * 1);width:auto;-o-object-fit:contain;object-fit:contain}#hero-banner-index{display:block;width:100%;max-height:500px;overflow:hidden;margin-bottom:6px}#hero-banner-index img{width:100%;aspect-ratio:3.84;-o-object-fit:cover;object-fit:cover}#box_service h2{font-family:"Fox on the Run Expanded",sans-serif;font-size:6rem;line-height:5.2rem;letter-spacing:0}#box_productsIndex h2{font-size:4rem}#box_service ul{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:100%;text-align:center;margin-top:50px}#box_service li{width:30%}#box_service .boxPic{display:block;overflow:hidden;margin-bottom:30px;border-radius:20px;-webkit-box-shadow:rgba(0,0,0,0.2) 0px 18px 50px -10px;box-shadow:rgba(0,0,0,0.2) 0px 18px 50px -10px}#box_service .boxPic img{display:block;width:100%;height:auto}#box_service .service_name{font-size:2rem;font-weight:400;letter-spacing:2px;color:#0B4C51}#products-swiper{display:block;width:100%;margin-top:50px;padding:20px 40px;--swiper-navigation-color:hsl(200,97%,55%)}#products-swiper img{border-radius:20px;-webkit-box-shadow:rgba(50,50,93,0.25) 0px 6px 12px -2px,rgba(0,0,0,0.3) 0px 3px 7px -3px;box-shadow:rgba(50,50,93,0.25) 0px 6px 12px -2px,rgba(0,0,0,0.3) 0px 3px 7px -3px;-webkit-transition:-webkit-transform 0.5s;transition:-webkit-transform 0.5s;transition:transform 0.5s;transition:transform 0.5s,-webkit-transform 0.5s}#products-swiper img:hover{-webkit-box-shadow:rgba(139,218,201,0.25) 0px 6px 20px -2px,rgba(15,105,170,0.909) 0px 3px 20px -3px;box-shadow:rgba(139,218,201,0.25) 0px 6px 20px -2px,rgba(15,105,170,0.909) 0px 3px 20px -3px}#products-swiper .swiper-pagination{display:none}#box_aboutme{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.item_about,.item_productUse{display:inline-block;height:394px}.item_about{width:57.5%}.item_productUse{width:40.5%;background:url(../images/index/bg_productiuse.png) no-repeat;background-size:cover;border-radius:20px;padding:20px 36px;text-align:left}.item_about-main{display:block;width:100%;height:100%;background:url(../images/index/bg_aboutme.webp) no-repeat;background-position:right top;background-size:cover;border-radius:20px;padding:20px 36px;text-align:left}.item_about-main h3,.item_productUse h3{font-size:3.2rem;font-weight:400;color:#0B4C51}.item_about-main p{color:#5F5C5C;margin:1rem 0;text-align:justify;text-shadow:0 0 3px #e1e1e1}.item_productUse ul{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:distribute;justify-content:space-around;padding-top:12px}.item_productUse li{display:block;position:relative;width:40%;margin:2%;text-align:center;overflow:hidden}.item_productUse img{display:block;width:100%;height:auto}.item_productUse p{display:block;position:absolute;bottom:-18px;width:100%;height:40px;background:rgba(17,17,17,0.3);color:#fff;padding:8px;letter-spacing:1px}#hero-banner{display:block;width:100%;max-height:359px;overflow:hidden;margin-bottom:6px}#hero-banner img{width:100%;aspect-ratio:5.34;-o-object-fit:cover;object-fit:cover}#box_aboutFantech,#box_contactFantech,#box_cooperate,#box_productsList{display:block;width:100%;text-align:left}.breadcrumb,.breadcrumb a,.breadcrumb a:visited{color:hsl(0,2%,37%)}.breadcrumb a,.breadcrumb a:visited{text-decoration:underline}.breadcrumb a:hover{color:hsl(204,90%,55%);text-decoration:none}.breadcrumb i{font-size:1.6rem;margin-right:4px}#box_companyCore,#box_companyInfo,#box_contactMain,#list_products{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:100%;margin-top:40px}.tabs{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:left;-ms-flex-pack:left;justify-content:left;width:100%}.tabs label{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;display:block;padding:1rem 2rem;margin-right:2rem;border-radius:20px;border:1px solid #e1e1e1;cursor:pointer;background:#fff;-webkit-transition:background ease 0.2s;transition:background ease 0.2s}.tabs .tab{display:none;-webkit-box-ordinal-group:100;-ms-flex-order:99;order:99;width:100%}.tab_container{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:left;-ms-flex-pack:left;justify-content:left;width:100%;padding-top:20px}.tab_container .item_products{display:block;width:49%;margin:20px 0}.tabs input[type=radio]{display:none}.tabs input[type=radio]:checked+label{background:hsl(204,97%,62%);color:#fff}.tabs input[type=radio]:checked+label+.tab{display:block}img.item_onlypic{display:inline-block;width:23%;margin:20px 2% 20px 0;border-radius:20px;-webkit-box-shadow:rgba(0,0,0,0.12) 0px 1px 3px,rgba(0,0,0,0.24) 0px 1px 2px;box-shadow:rgba(0,0,0,0.12) 0px 1px 3px,rgba(0,0,0,0.24) 0px 1px 2px}.item_products{display:block;width:49%;margin:20px 0}.item_products-full{display:block;width:100%;margin:20px 0}.form_contact,.img_products,.img_products-full,.info_products,.info_products-full,.list_contact{display:inline-block;vertical-align:top}.img_products{width:40.5%}.info_products{width:57.5%;padding:0 20px 20px 40px}.img_products-full{width:74.5%;padding-right:40px}.info_products-full{width:23.5%;padding:0 20px 20px 0}.img_products img,.img_products-full img{display:block;width:100%;height:auto;border-radius:20px;-webkit-box-shadow:rgba(0,0,0,0.12) 0px 1px 3px,rgba(0,0,0,0.24) 0px 1px 2px;box-shadow:rgba(0,0,0,0.12) 0px 1px 3px,rgba(0,0,0,0.24) 0px 1px 2px}.info_products h4,.info_products-full h4{font-family:"Mona Sans",sans-serif;font-size:3.2rem;line-height:5.5rem;color:hsl(204,97%,62%);margin:0}.info_products ul,.info_products-full ul{display:block;width:100%}.info_products li,.info_products-full li{font-family:"Mona Sans","Noto Sans TC","Helvetica Neue","PingFang TC","Heiti TC","微軟正黑體",sans-serif;padding:5px 0;border-bottom:1px solid hsla(0,0%,33%,0.2)}.info_products span,.info_products-full span{display:inline-block;width:100px;font-size:1.8rem;font-weight:500;letter-spacing:1px;color:#6e6e6e}.info_products span.info-indent{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;font-size:2rem;font-weight:normal;letter-spacing:0;color:#333;text-indent:100px}#box_scrollText{display:block;width:83%;margin:0 auto 50px auto;text-align:center}#box_scrollText h4{font-size:2.8rem;letter-spacing:1px;padding:8px;border:3px solid;-o-border-image:linear-gradient(90deg,#1DB7FF 0%,#4dbe3e 100%);border-image:-webkit-gradient(linear,left top,right top,from(#1DB7FF),to(#4dbe3e));border-image:linear-gradient(90deg,#1DB7FF 0%,#4dbe3e 100%);border-image-slice:1}.gradient-text{background:-webkit-gradient(linear,left top,right top,from(#1DB7FF),to(#4dbe3e));background:linear-gradient(90deg,#1DB7FF 0%,#4dbe3e 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent}.list_contact{width:49%;padding:30px 50px;background:url(../images/about/pic_service-staff.png) no-repeat top right;background-size:45%}.list_contact h4{font-size:2rem;line-height:2rem;font-weight:400;letter-spacing:1px;color:hsl(204,69%,53%);margin:0;text-shadow:1px 1px 1px #f9f7f7}.list_contact ul{margin-bottom:20px}.list_contact li{padding:20px 0 4px}.list_contact p{font-size:2.4rem;line-height:3rem;color:hsl(0,2%,37%)}.list_contact a,.list_contact a:visited{color:hsl(0,2%,37%);text-decoration:underline}.list_contact a:hover{color:hsl(204,90%,55%);text-decoration:none}.list_contact i{font-size:1.4rem;color:hsl(204,97%,62%);margin-right:8px}.list_contact iframe{border-radius:20px}.form_contact{width:49%;border-radius:20px;border:1px solid hsla(0,0%,100%,0.8);background:hsla(0,0%,92%,0.8);padding:30px 50px}.form_contact .mail_sendout{display:block;padding:150px 0;text-align:center}.form_contact h4{width:90%;margin:0 auto;text-align:center;letter-spacing:1px;font-weight:500;color:hsl(212,73%,59%);text-shadow:2px 2px 2px #fff}#my_form{display:block;width:100%;margin:0 auto}#my_form label{font-size:2rem;line-height:5rem;font-weight:400;color:hsl(204,97%,62%);letter-spacing:1px;padding-left:15px;margin-bottom:20px}#my_form img{display:block;width:254px;height:auto;margin:30px auto}#my_form p{font-size:1.8rem;line-height:3.2rem;color:hsl(0,2%,37%)}#my_form input,#my_form textarea{display:block;width:100%;padding:8px 10px;margin-bottom:15px;border-radius:8px;border:1px solid #a3a3a3;font-family:"Noto Sans TC","Microsoft JhengHei","PingFangTC-Regular","Arial","Helvetica",sans-serif;font-weight:400;font-size:1.7rem;line-height:3rem;color:hsl(0,2%,37%)}#my_form input:focus,#my_form textarea:focus{border:1px solid #1683b5;border:none;-webkit-box-shadow:0 0 10px #1DB7FF;box-shadow:0 0 10px #1DB7FF}#submit.btn_sent{font-family:"Noto Sans TC","Microsoft JhengHei","PingFangTC-Regular","Arial","Helvetica",sans-serif;font-weight:400;font-size:1.8rem;letter-spacing:2px;background:#c5c5c5;color:hsl(0,2%,37%);cursor:pointer}#submit.btn_sent:hover{color:#fff;border-color:#0d4d80;background:-webkit-gradient(linear,left top,left bottom,from(#046EC6),to(#1A67A6));-webkit-transition:all 0.5s ease 0s;transition:all 0.5s ease 0s}#box_companyCore h3,#box_companyInfo h3,#custom-formulas h3,#custom_stands h3{display:block;width:100%;color:hsl(204,97%,62%);line-height:8rem;border-bottom:2px solid hsla(206,16%,60%,0.5);margin-bottom:20px}#box_companyCore h3:before,#box_companyInfo h3:before,#custom-formulas h3:before,#custom_stands h3:before{content:"⊡";font-size:3rem;line-height:5rem;margin-right:12px}#box_companyInfo{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.item_companyPic{display:block;width:49%}.item_companyPic img{display:block;width:100%;height:auto}.item_companyInfo{display:block;width:49%;padding:0 32px}.item_companyInfo p{font-size:2.4rem;line-height:4rem;text-align:justify}.item_companyInfo mark{font-weight:500;color:hsl(204,97%,62%)}.item_companyInfo span{font-family:"Fox on the Run Semi-Bold",sans-serif;font-size:3.2rem;padding:0 4px}#box_companyCore ul{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}#box_companyCore li{display:block;width:30%;text-align:center;margin:32px 0}#box_companyCore img{display:block;width:30%;height:auto;margin:0 auto}#box_companyCore h4{color:hsl(204,97%,62%);letter-spacing:1px}#box_companyCore p{text-align:left;padding:0 32px}#box_error{display:block;width:100%;margin:0 auto;text-align:center}.btn_backindex{display:block;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding:8px 40px;color:hsl(0,2%,37%);letter-spacing:1px;border:1px solid #8d8d8d;margin:40px auto 0 auto;border-radius:20px;-webkit-transition:-webkit-transform 0.5s;transition:-webkit-transform 0.5s;transition:transform 0.5s;transition:transform 0.5s,-webkit-transform 0.5s}.btn_backindex:hover{text-decoration:none;background:hsl(204,97%,62%);color:#fff;border:1px solid #fff}#list_process{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:distribute;justify-content:space-around;padding:32px 0 0 0}#list_process li{display:block;width:48%;padding:0 10px 0 0;border-bottom:none}#list_process li:nth-child(2n){margin:130px 0 0 0}#list_process li:nth-child(odd){margin:0}#list_process .process_img{display:inline-block;width:49%;vertical-align:middle;margin-right:4%}#list_process .process_img img{display:block;margin:0 auto}#list_process .process_info{display:inline-block;width:47%;vertical-align:middle}#list_process h4{color:hsl(204,97%,62%);font-weight:700;letter-spacing:2px}#list_process i{display:block;position:absolute;bottom:-40px;right:37%;font-size:10rem;color:#01B0F1}.box_custom{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:100%;margin:40px 0 60px}.box_custom .custom_img{display:block;width:15%}.box_custom .custom_flow{display:block;width:83%}.box_custom .custom_flow ul{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:100%}.box_custom .custom_flow li{display:block;border:1px solid #e1e1e1;border-radius:20px;padding:4rem 1rem;background:#fff;width:11%}.box_custom .custom_flow li.info-center{padding-top:12%}.box_custom .custom_info{text-align:center}.box_custom .custom_flow span{font-size:4rem;padding-left:4px;color:hsl(204,97%,62%)}.box_custom .custom_flow h4{color:#b1b1b1;border-bottom:1px solid #e1e1e1}.box_custom .custom_flow i{font-size:4.5rem;line-height:4.5rem;margin-top:20px;color:hsl(204,97%,62%)}.box_custom .custom_flow .info_sub1,.box_custom .custom_flow .info_sub2{font-size:1.6rem;color:#838383}.box_custom .custom_flow .info_sub1{border-bottom:1px solid #e1e1e1;padding-bottom:12px;margin-bottom:12px}#custom_stands .custom_flow li.step-pair{display:-webkit-box;display:-ms-flexbox;display:flex;border:none;padding:0;background:transparent}#custom_stands .custom_flow li.step-pair .pair-col{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:12px;width:100%}#custom_stands .custom_flow li.step-pair .custom_info{border:1px solid #e1e1e1;border-radius:20px;padding:0 1rem;background:#fff;text-align:center}@media (max-width:1700px){#list_process li{padding:0 20px}}@media (max-width:1500px){#hero-banner,#hero-banner-index{margin-bottom:0}#barNav{padding:6px 20px}.logo,.sublogo{width:16%;height:auto;margin-right:5%}.logo img,.sublogo img{display:block;width:100%;height:auto}#mainMenu{width:79%}#mainMenu a{font-size:2rem}#mainMenu li{min-width:20%}.item_productUse{background-size:cover;background-position:center}.img_products{width:32%}.info_products{width:66%}.img_products-full{width:66%}.info_products-full{width:32%}#list_process li{padding:0}.item_productUse li{width:46%;margin:2%}}@media (max-width:1300px){#mainMenu a{font-size:2rem}.box_custom .custom_img{display:block;width:23.5%}.box_custom .custom_flow{display:block;width:74.5%}.box_custom .custom_flow ul{display:block}.box_custom .custom_flow li{display:inline-block;width:23%;margin:0 1% 2%;padding:4rem 1rem;vertical-align:top}.box_custom .custom_flow li.info-center{padding-top:4rem}}@media (max-width:1110px){.item_productUse{background-position:bottom right}.item_productUse ul{display:block;padding-top:4px}.item_productUse li{width:100%;text-align:left;margin-bottom:20px}.item_productUse img,.item_productUse p{display:inline-block;vertical-align:middle}.item_productUse img{width:40%;height:auto}.item_productUse p{height:auto;margin-left:16px;background:transparent;color:#5F5C5C}.item_companyInfo,.item_companyPic,.item_products,.tab_container .item_products{width:100%}.img_products,.info_products{width:49%}.img_products-full{width:100%;padding-right:0;margin-bottom:40px}.info_products-full{width:100%;padding:0 0 20px 0}.item_companyPic img{display:block;width:70%;height:auto;margin:0 auto 20px auto}.item_companyInfo{padding:0}.tabs label{margin-bottom:20px}#list_process{display:block;padding:0}#list_process li,#list_process li:nth-child(2n),#list_process li:nth-child(odd){width:100%;margin:16px 0 40px}#list_process .process_img{display:block;width:100%;margin:0 auto 20px auto}#list_process .process_info{display:block;width:100%}#list_process .process_info p{text-align:left}#list_process i{right:45%}}@media (max-width:800px){#barNav{padding:3% 20px}#mainMenu{display:none}.logo,.sublogo{display:inline-block;width:30%;height:auto;margin-right:5%}.mobileBtn{display:inline-block;width:64%;text-align:right;vertical-align:middle}.mobileBtn i{font-size:3rem;color:#0098d0;cursor:pointer}#hero-banner img{aspect-ratio:4.4}#hero-banner-index img{aspect-ratio:3.2}#barCopyright{display:block}.copyright_info{display:block;width:90%}.copyright_info,.sublogo{margin-bottom:20px}:root{--marquee-width:100vw;--marquee-height:10vh;--marquee-elements-displayed:3}section{margin:0 auto 60px auto}#box_service h2{font-size:5.6rem}#box_service ul{margin-top:16px}#box_service .boxPic{margin-bottom:16px}#box_service .service_name{font-size:1.6rem}#box_productsIndex p{display:block;width:95%;margin:1.8rem auto;text-align:center}.item_about,.item_productUse{display:block;width:100%;height:420px;margin-bottom:40px}.item_productUse{display:block;width:100%;height:500px;background:url(../images/index/bg_productiuse-m.png) no-repeat;background-size:cover;background-position:right bottom}.item_productUse ul{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding-top:12px}.item_productUse li{display:block;position:relative;width:44%;margin:2%;text-align:center}.item_productUse img{display:block;width:100%;height:auto}.item_productUse p{display:block;position:absolute;bottom:-18px;width:100%;height:40px;background:rgba(17,17,17,0.3);color:#fff;padding:8px;margin:0 0 18px 0}.item_products{width:48%}.img_products{width:100%;margin-bottom:40px}.info_products{width:100%;padding:0 0 20px 0}.info_products span{width:100px}#box_contactMain,.form_contact,.list_contact{display:block}.form_contact,.list_contact{width:100%}.list_contact{padding:30px 0}#box_scrollText{margin:0 auto 20px auto}#box_companyCore li{width:49%}.item_companyPic img{width:80%;height:auto}img.item_onlypic{width:48%;margin:20px 2% 20px 0}.box_custom{display:block}.box_custom .custom_flow,.box_custom .custom_img{display:block;width:100%}.box_custom .custom_img{margin-bottom:20px}#box_scrollText h4{font-size:2rem}}@media (max-width:600px){}@media (max-width:450px){.loading-content{padding:0}.loading-content img{display:block;width:80%;height:auto;padding:20px 30px}:root{--marquee-width:100vw;--marquee-height:15vh;--marquee-elements-displayed:2}.top-line{border:2px solid hsl(160,82%,28%)}header{margin-bottom:36px}#hero-banner,#hero-banner-index{max-height:372px}#hero-banner img{aspect-ratio:2.85}#hero-banner-index img{aspect-ratio:2.15}.logo,.sublogo{width:40%;height:auto;margin-right:5%}.mobileBtn{width:55%}#barCopyright{width:90%}#info_marquee{width:90%;margin:0 auto}.marquee{display:block;position:relative;width:var(--marquee-width);height:var(--marquee-height);overflow-x:hidden;margin:20px 0}section{margin:0 auto 52px auto}#box_service ul{display:block;padding-top:20px}#box_service li{display:block;width:100%;margin:0 auto 20px auto}#products-swiper{display:block;width:100%;margin-top:0;padding:10px 20px 40px}#products-swiper .swiper-button-next,#products-swiper .swiper-button-prev{display:none}#products-swiper .swiper-pagination{display:block;margin-top:32px}#box_productsIndex h2,#box_service h2{display:block;width:92%;margin:1rem auto;line-height:3.5rem}#box_service h2{width:84%;font-size:3.6rem}#box_productsIndex h2,.article-content h2{font-size:3rem}#box_productsIndex p,#box_service p{display:block;width:88%;margin:1.8rem auto;font-size:1.6rem;line-height:2.8rem;text-align:justify}#box_service p.service_name{text-align:center}.item_about-main{background:url(../images/index/bg_aboutme-m.webp) no-repeat;background-size:cover;background-position:right bottom;padding:10px 36px}.article-content h3,.item_about-main h3,.item_productUse h3{font-size:2.6rem}.item_about-main p{font-size:1.6rem;line-height:2.6rem;margin:1rem 0;text-align:justify;text-shadow:0 0 3px #e1e1e1}.item_productUse ul{display:block;padding-top:4px}.item_productUse li{width:100%;text-align:left;margin-bottom:20px}.item_productUse img,.item_productUse p{display:inline-block;vertical-align:middle}.item_productUse img{width:40%;height:auto}.item_productUse p{height:auto;margin-left:16px;padding-bottom:20px;background:transparent;font-size:2rem;font-weight:500;color:#5F5C5C}.item_products{width:100%}.img_products img{width:70%;height:auto;margin:0 auto}.info_products,.info_products span.info-indent{font-size:1.6rem}.info_products h4,.info_products-full h4{font-size:2.8rem;line-height:5.8rem}.breadcrumb,.breadcrumb a,.breadcrumb a:hover,.breadcrumb a:visited{font-size:1.4rem;line-height:2.4rem}.breadcrumb i{font-size:1.3rem;margin-right:4px}#box_scrollText{width:100%;margin-bottom:0}.scroll .text{font-size:2rem;line-height:2rem}.list_contact p{font-size:2rem;line-height:3rem;color:hsl(0,2%,37%)}.form_contact{padding:30px 20px}.form_contact .mail_sendout{padding:24px 0}.item_companyPic img{width:100%;height:auto}.item_companyInfo p{font-size:2rem;line-height:3rem;text-align:justify;padding:0 20px}#box_companyCore,#box_companyInfo{margin-top:20px}#box_companyCore li{width:100%}#box_error p{text-align:left}.tabs .tab,.tabs label{-webkit-box-ordinal-group:initial;-ms-flex-order:initial;order:initial}.tabs label{width:100%;margin-right:0;margin-top:0.2rem}img.item_onlypic{width:70%;margin:10px auto}.box_custom .custom_flow li{display:block;width:100%;margin:0 0 2%;padding:0 1rem 2rem}.box_custom .custom_flow li.info-center{padding-top:0}.box_custom .custom_flow i,.box_custom .custom_flow p{display:inline-block;vertical-align:middle;margin:12px 12px 0}.box_custom .custom_flow i{font-size:4rem;line-height:4rem;color:hsl(204,97%,62%)}#custom_stands .custom_flow li.step-pair .pair-col{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;gap:12px;width:100%}#custom_stands .custom_flow li.step-pair .pair-col .custom_info{-webkit-box-flex:1;-ms-flex:1 1 0px;flex:1 1 0}.custom_flow .info_sub1,.custom_flow .info_sub2{font-size:2rem;line-height:1.5;padding:20px 0}.custom_info{display:block;width:100%;text-align:center;padding-bottom:20px}}