@import"https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100..900&family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap";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}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}body *{-webkit-box-sizing:border-box;box-sizing:border-box;word-break:break-all}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}body,html{scroll-behavior:smooth}a{text-decoration:none}body{font-family:"Noto Sans TC",sans-serif}@media only screen and (max-width: 1200px){:root{--logo: calc(380px * 0.8);--img: calc(420px * 0.8);--padding-right: calc(15% * 0.8);--title: calc(68px * 0.8);--company: calc(36px * 0.8);--contact-btn-w: calc(250px * 0.8);--contact-btn-h: calc(50px * 0.8);--contact-btn-r: calc(25px * 0.8);--contact-text: calc(24px * 0.8);--h1: calc(80px * 0.8);--h2: calc(50px * 0.8);--p: calc(24px * 0.8);--p2: calc(30px * 0.8)}}@media only screen and (max-width: 768px){:root{--logo: calc(380px * 0.65);--img: calc(420px * 0.5);--padding-right: calc(15% * 0.6);--title: calc(68px * 0.6);--company: calc(36px * 0.6);--contact-btn-w: calc(250px * 0.6);--contact-btn-h: calc(56px * 0.7);--contact-btn-r: calc(28px * 0.7);--contact-text: calc(24px * 0.6);--h1: calc(80px * 0.5);--h2: calc(50px * 0.6);--p: calc(24px * 0.6);--p2: calc(30px * 0.6)}}@media only screen and (min-width: 1200px)and (max-width: 1599.98px){:root{--logo: calc(380px * 0.75);--img: calc(420px * 0.75);--padding-right: calc(15% * 0.75);--title: calc(68px * 0.75);--company: calc(36px * 0.75);--contact-btn-w: calc(250px * 0.75);--contact-btn-h: calc(50px * 0.75);--contact-btn-r: calc(25px * 0.75);--contact-text: calc(24px * 0.75);--h1: calc(80px * 0.75);--h2: calc(50px * 0.75);--p: calc(24px * 0.75);--p2: calc(30px * 0.75)}}@media only screen and (min-width: 1600px){:root{--logo: 380px;--img: 420px;--padding-right: 15%;--title: 68px;--company: 36px;--contact-btn-w: 250px;--contact-btn-h: 50px;--contact-btn-r: 25px;--contact-text: 24px;--h1: 80px;--h2: 50px;--p: 24px;--p2: 30px}}@media only screen and (min-width: 1200px){.one_page{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:start;width:100%;min-height:100vh;background:#f4f1ec;position:relative}.one_page .ceo{position:absolute;left:37%;bottom:0}}@media only screen and (min-width: 1200px)and (min-width: 1599.98px){.one_page .ceo{left:36%}}@media only screen and (min-width: 1200px)and (min-width: 1800px){.one_page .ceo{left:39%}}@media only screen and (min-width: 1200px){.one_page .ceo img{width:var(--img)}}@media only screen and (min-width: 1200px){.one_page .left{width:55%;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;height:100vh;padding-right:15%}.one_page .left .logo img{width:var(--logo)}.one_page .left .title{font-size:var(--title);font-weight:bold;color:#3e3358;line-height:1.2;margin:20% 0 15%}.one_page .left .center{text-align:center}.one_page .left .center .company_name{font-size:var(--company);font-weight:600}.one_page .left .center a.contact{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:var(--contact-btn-w);height:var(--contact-btn-h);font-size:var(--contact-text);color:#fff;background:#eb5e21;border-radius:var(--contact-btn-r);margin:6% 0 4%}.one_page .left .center a.contact span{position:relative;top:-1px}.one_page .left .center a.contact:hover{background:#ff1331}.one_page .left .center p{font-size:var(--p)}}@media only screen and (min-width: 1200px){.one_page .right{width:45%}.one_page .right .inner{background:#eb5e21;padding:10% 15%;color:#3e3358;min-height:90vh}.one_page .right .inner h1{font-size:var(--h1);font-weight:bold}.one_page .right .inner h2{font-size:var(--h2);font-weight:bold;margin:3% 0 10%}.one_page .right .inner p{font-size:var(--p2);line-height:1.6}.one_page .right .inner p.position{margin-top:10%;text-align:right}}@media only screen and (max-width: 1200px){.one_page{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;width:100%;background:#f4f1ec;position:relative}.one_page .ceo{text-align:center}.one_page .ceo img{width:var(--img)}.one_page .left{width:100%;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;min-height:100vh}.one_page .left .logo{text-align:center}.one_page .left .logo img{width:var(--logo)}.one_page .left .title{font-size:var(--title);font-weight:bold;color:#3e3358;line-height:1.2;margin:20% 0 15%;text-align:center}.one_page .left .center{text-align:center}.one_page .left .center .company_name{font-size:var(--company);font-weight:600}.one_page .left .center a.contact{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:var(--contact-btn-w);height:var(--contact-btn-h);font-size:var(--contact-text);color:#fff;background:#eb5e21;border-radius:var(--contact-btn-r);margin:6% 0 4%}.one_page .left .center a.contact span{position:relative;top:-1px}.one_page .left .center a.contact:hover{background:#ff1331}.one_page .left .center p{font-size:var(--p)}.one_page .right{width:100%;background:#eb5e21;min-height:100vh}.one_page .right .inner{padding:15% 15% 10%;color:#3e3358}.one_page .right .inner h1{font-size:var(--h1);font-weight:bold}.one_page .right .inner h2{font-size:var(--h2);font-weight:bold;margin:3% 0 10%}.one_page .right .inner p{font-size:var(--p2);line-height:1.6}.one_page .right .inner p.position{margin-top:10%;text-align:right}}/*# sourceMappingURL=style.css.map */