@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@300500700900&display=swap");html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}h1,h2,h3,h4,h5,h6,p,a{font-family:'Noto Sans TC', sans-serif, "微軟正黑體",  sans-serif;line-height:1.5em}p{color:#555;font-size:16px;letter-spacing:0.1em;line-height:28px}*{outline:none;box-sizing:border-box}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}img{max-width:100%;height:auto;border:0}a,a:hover{text-decoration:none}em{font-style:normal}body{background-color:#fff;font-size:14px;color:#333}.wrap{position:relative;max-width:1200px;width:100%;margin:0 auto;padding:0 15px}#outerWrap{padding-top:130px}@media screen and (max-width: 980px){#outerWrap{padding-top:100px}}.owl-next,.owl-prev{opacity:0.5;position:absolute;z-index:1;top:50%;width:29px;height:58px}.owl-next:hover,.owl-prev:hover{opacity:1}.owl-theme .owl-nav .owl-prev{left:3%;background:url(../images/iArrow02L_w.png) left top no-repeat;background-size:100% auto}.owl-theme .owl-nav .owl-next{right:3%;background:url(../images/iArrow02R_w.png) left top no-repeat;background-size:100% auto}.owl-dots{margin-top:0px;position:absolute;bottom:1em;left:0px;width:100%;text-align:center}.owl-dots .owl-dot{background-color:#b1b1b1;height:0.8em;width:0.8em;border-radius:0.4em;margin-right:0.3em;display:inline-block}.owl-dots .owl-dot:hover{background-color:#0098dc}.owl-dots .owl-dot.active{background-color:#0098dc;width:29px}#bannerBox{width:100%}#bannerBox .myVideo{min-width:100%;min-height:100%}@media screen and (max-width: 900px){#bannerBox .myVideo{min-width:auto;min-height:auto;max-width:100%;max-height:100%}}#bannerBox ul,#bannerBox li{list-style:none;margin:0;padding:0}#bannerBox .owl-dots{margin-top:0px;position:absolute;bottom:1em;left:0px;width:100%;text-align:center}#bannerBox .owl-dots .owl-dot{background-color:#ffffff60;height:0.8em;width:0.8em;border-radius:0.4em;margin-right:0.3em}#bannerBox .owl-dots .owl-dot:hover{background-color:#fff}#bannerBox .owl-dots .owl-dot.active{background-color:#0098dc;width:29px}#aboutIdx .wrap{display:flex;flex-direction:row;align-items:flex-start;flex-wrap:wrap;background:url(../images/picIdx02.jpg) right 3em no-repeat;background-size:40% auto}#aboutIdx .txtBox,#aboutIdx .picBox{min-height:500px}#aboutIdx .txtBox{width:calc(55% - 20px);padding:70px 20px 10px 0;margin-bottom:2em}#aboutIdx .txtBox h1{font-size:32px;font-weight:900;font-style:italic}#aboutIdx .txtBox h2{font-size:20px;font-weight:500;font-style:italic;color:#333;margin-bottom:0.5em}#aboutIdx .txtBox p{margin-bottom:0.5em;font-weight:500}#aboutIdx .txtBox .moreBtn{font-size:16px;font-weight:500;color:#333;border-bottom:1px solid #333}#aboutIdx .txtBox .moreBtn:hover{color:#0098dc;border-bottom:1px solid #0098dc;font-weight:500}#aboutIdx .pic01{width:45%;max-width:409px;transform:translateY(100%);margin-bottom:2em}#aboutIdx .pic02{width:100%;margin-bottom:2em}@media screen and (max-width: 980px){#aboutIdx .wrap{flex-direction:column;align-items:center;background:url(../images/picIdx02.jpg) right 3em no-repeat;background-size:60% auto}#aboutIdx .txtBox{width:100%;min-height:auto;text-align:center;padding:20px 20px 10px 0}#aboutIdx .pic01{width:100%;min-height:auto;transform:translateY(0%)}}@media screen and (max-width: 600px){#aboutIdx .txtBox h1{font-size:28px}}#advantageIdx{display:flex;flex-direction:row;align-items:flex-start;flex-wrap:wrap;background-color:#014099;padding:3em 0;justify-content:space-evenly}#advantageIdx .txtBox{background-color:#fff;display:flex;flex-direction:column;justify-content:center;width:25%;height:454px;padding:1em}#advantageIdx .txtBox p{font-weight:500}#advantageIdx h3{color:#fd2a00;font-size:30px;font-weight:700;margin-bottom:30px}#advantageIdx .listBox{width:22%;height:454px}#advantageIdx .listBox .txt{padding:1em}#advantageIdx .listBox p{color:#fff}#advantageIdx .listBox .title{font-size:24px;margin-bottom:0.5em;font-weight:700}#advantageIdx .listBox:hover{transition:all 0.3s ease 0s;border:5px solid #55a9ff;box-shadow:0 0 20px rgba(0,0,0,0.7)}@media screen and (max-width: 1200px){#advantageIdx .txtBox,#advantageIdx .listBox{height:400px}}@media screen and (max-width: 980px){#advantageIdx .txtBox{height:auto;width:calc(100% - 40px);margin:0 20px 2em;background:none;text-align:center}#advantageIdx .txtBox p{color:#fff}#advantageIdx h3{margin-bottom:0.5em}#advantageIdx .listBox{width:30%;height:auto}}@media screen and (max-width: 700px){#advantageIdx .listBox{text-align:center;width:calc(100% - 40px);margin-bottom:1em}}#producrsIdx{width:100%;display:flex;flex-direction:column;align-items:center;padding:2em 0}#producrsIdx h3{font-size:32px;font-weight:700;font-style:italic;margin-bottom:1em}#producrsIdx .slideBox{position:relative;width:100%;padding:1em 0;margin-bottom:2em}#producrsIdx .listCard{margin-bottom:1em;padding:0;display:inline-block}#producrsIdx .listCard .photoBox{width:100%;margin:0 auto 0.2em;margin-position:relative}#producrsIdx .listCard .photoBox a{width:100%;height:100%;display:block}#producrsIdx .listCard .photoBox img{position:relative;opacity:0.95;transition:all 0.3s linear}#producrsIdx .listCard .txtBox{width:100%;padding:0.5em;display:block}#producrsIdx .listCard .txtBox a{text-align:left;color:#333;font-size:16px;font-weight:500}#producrsIdx .listCard .txtBox a.title{display:block;position:relative;font-weight:700;color:#000;font-style:italic;height:1.8em;border-bottom:1px solid #999;margin-bottom:0.5em;margin-bottom-overflow:hidden;margin-bottom-transition:all 0.3s linear}#producrsIdx .listCard .txtBox a.title::after{content:'';width:0%;height:4px;transition:all 0.3s linear;background-color:#55a9ff;bottom:-1px;left:0;position:absolute;z-index:100;display:block}#producrsIdx .listCard:hover .photoBox img{transform:scale(1.1);opacity:1}#producrsIdx .listCard:hover .txtBox a.title{font-weight:900;border:none}#producrsIdx .listCard:hover .txtBox a.title::after{width:100%}@media screen and (max-width: 550px){#producrsIdx .listCard .photoBox{width:13em;height:13em}}@media screen and (max-width: 480px){#producrsIdx .listCard .photoBox{width:10em;height:10em}}#producrsIdx .owl-next,#producrsIdx .owl-prev{width:8%;top:0;height:100%;z-index:3;opacity:1;position:absolute;display:flex;align-items:center;justify-content:center}#producrsIdx .owl-next::after,#producrsIdx .owl-prev::after{content:'';width:29px;height:58px;opacity:0.5}#producrsIdx .owl-next:hover::after,#producrsIdx .owl-prev:hover::after{opacity:1}#producrsIdx .owl-prev{left:0;background:url(../images/bgNavL.png) right top repeat-y}#producrsIdx .owl-prev::after{background:url(../images/iArrow02L_b.png) left top no-repeat;background-size:100% auto}#producrsIdx .owl-next{background:url(../images/bgNavR.png) left top repeat-y;right:0}#producrsIdx .owl-next::after{background:url(../images/iArrow02R_b.png) left top no-repeat;background-size:100% auto}#producrsIdx .owl-dots{bottom:-1em}#contactIdx{background:url(../images/contactIdx.jpg) center top no-repeat;background-size:cover;min-height:500px;display:flex;flex-direction:row;align-items:center;justify-content:center}#contactIdx .txtBox{text-align:center;width:100%;max-width:600px;padding:0 1em}#contactIdx .txtBox h3{font-size:32px;font-weight:900;font-style:italic;color:#fff}#contactIdx .txtBox h4{font-size:20px;font-weight:300;font-style:italic;color:#fff;margin-bottom:1em}#contactIdx .txtBox p{margin-bottom:2em;color:#fff}#contactIdx .txtBox .moreBtn{width:182px;height:50px;line-height:50px;clip-path:polygon(15% 0%, 100% 0%, 85% 100%, 0% 100%);font-size:20px;font-weight:300;display:inline-block;color:#fff;background-color:#014099}#contactIdx .txtBox .moreBtn:hover{transition:all 0.3s ease 0s;clip-path:polygon(0 0, 85% 0, 100% 100%, 20% 100%)}
/*# sourceMappingURL=index.css.map */