@charset "UTF-8";@import url("https://font.emtech.cc/css/LINESeedTW");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{font-size:62.5%;scroll-behavior:smooth}body{margin:0;padding:0;background:-webkit-gradient(linear,left top,left bottom,color-stop(88%,rgb(19,59,209)),to(rgb(29,183,255)));background:linear-gradient(180deg,rgb(19,59,209) 88%,rgb(29,183,255));font-family:"LINESeedTW","Microsoft JhengHei","PingFangTC-Regular",sans-serif;font-weight:400;font-size:1rem;text-autospace:normal;color:#363535}form{margin:0;padding:0}image{border:0}::-moz-selection{background:rgb(19,59,209);color:#fff}::selection{background:rgb(19,59,209);color:#fff}::-moz-selection{background:rgb(19,59,209);color:#fff}img::-moz-selection{background:transparent}img::selection{background:transparent}img::-moz-selection{background:transparent}.clean{clear:both}.hidden{display:none}.jf-active *,.jf-inactive *{-webkit-transition:opacity 1s ease-out;transition:opacity 1s ease-out}.txt-blue{color:#2160d4}.txt-white{color:#fff}#wrap{display:block;width:96%;margin:2.2% auto}#top-menu,.mybox,header{display:block;width:1070px;margin:30px auto}.mybox2{display:block;width:85%;margin:30px auto}header{padding:0 20px}h1 a{display:block;float:left;width:244px;height:82px;background:url(../images/logo.png) no-repeat;text-indent:100%;white-space:nowrap;overflow:hidden}#trigger-overlay{display:none}#main-nav{display:block;float:right}#main-nav li{display:inline-block;padding:5px 15px;margin-top:43px;font-size:1.8rem;font-weight:400;line-height:1.6rem;-moz-line-height:1.6rem;text-align:center;letter-spacing:0.1rem;color:#fff}#main-nav li a{color:#fff;text-decoration:none;text-shadow:0 0 15px #868686}#main-nav li a:hover{color:#fff;text-decoration:none}.hvr-bounce,.hvr-bounce-sub{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-box-shadow:0 0 1px rgba(0,0,0,0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:0.5s;transition-duration:0.5s}.hvr-bounce-sub:before,.hvr-bounce:before{display:inline-block;height:20px;content:"";position:absolute;z-index:-1;top:-3px;left:-3px;right:0;bottom:0;text-align:center;-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:50% 0;transform-origin:50% 0;-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.5s;transition-duration:0.5s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out;border-radius:50px}.hvr-bounce:before{background:rgba(19,59,209,0.8);-webkit-box-shadow:0 12px 40px rgba(0,0,0,0.15),inset 0 2px 0 rgba(255,255,255,0.5),inset 0 -1px 0 rgba(0,0,0,0.1);box-shadow:0 12px 40px rgba(0,0,0,0.15),inset 0 2px 0 rgba(255,255,255,0.5),inset 0 -1px 0 rgba(0,0,0,0.1)}.hvr-bounce-sub:before{background:rgb(8,116,231);-webkit-box-shadow:0 12px 40px rgba(0,0,0,0.15),inset 0 2px 0 rgba(255,255,255,0.5),inset 0 -1px 0 rgba(0,0,0,0.1);box-shadow:0 12px 40px rgba(0,0,0,0.15),inset 0 2px 0 rgba(255,255,255,0.5),inset 0 -1px 0 rgba(0,0,0,0.1)}.hvr-bounce:before{width:75px;margin:-2px 0 0 -7px;padding:8px 8px 3px 15px}.hvr-bounce-sub:before{width:60px;margin-left:-8px;padding:3px 8px 5px 15px}.hvr-bounce-sub:active,.hvr-bounce-sub:focus,.hvr-bounce-sub:hover,.hvr-bounce:active,.hvr-bounce:focus,.hvr-bounce:hover{color:#fff}.hvr-bounce-sub:active:before,.hvr-bounce-sub:focus:before,.hvr-bounce-sub:hover:before,.hvr-bounce:active:before,.hvr-bounce:focus:before,.hvr-bounce:hover:before{-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transition-timing-function:cubic-bezier(0.52,1.64,0.37,0.66);transition-timing-function:cubic-bezier(0.52,1.64,0.37,0.66)}#top-bar{display:block;position:fixed;top:-65px;z-index:150;width:100%;height:40px;padding:0;background:rgb(19,59,209)}#top-menu{margin:0 auto}#top-menu h2 a{float:left;margin:6px 20px 0 0}.menu-list{display:block;float:left;width:60%;padding-top:8px}.menu-list li{display:inline;font-size:1.5rem;line-height:2rem;margin:0 25px;padding-left:15px}.menu-list li a{color:#fff;text-decoration:none}#btn_totop{display:block;float:right;font-size:2.3rem;color:#fff;margin-top:8px}#btn_totop:hover{color:#1db7ff}#loading{display:-webkit-box;display:-ms-flexbox;display:flex;position:fixed;top:0;left:0;z-index:500;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100dvw;height:100dvh;background:-webkit-gradient(linear,left top,left bottom,color-stop(50%,rgb(19,59,209)),to(rgb(29,183,255)));background:linear-gradient(180deg,rgb(19,59,209) 50%,rgb(29,183,255))}.spinner{width:50%;padding:50px 0;text-align:center}.lineup{display:block;width:150px;height:50px;font-size:10px;margin:2% auto}.lineup>div{display:inline-block;background-color:#fff;height:100%;width:10px;margin:0 2%;-webkit-animation:sk-stretchdelay 1.2s infinite ease-in-out;animation:sk-stretchdelay 1.2s infinite ease-in-out}.lineup .rect2{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}.lineup .rect3{-webkit-animation-delay:-1s;animation-delay:-1s}.lineup .rect4{-webkit-animation-delay:-0.9s;animation-delay:-0.9s}.lineup .rect5{-webkit-animation-delay:-0.8s;animation-delay:-0.8s}@-webkit-keyframes sk-stretchdelay{0%,40%,to{-webkit-transform:scaleY(0.4)}20%{-webkit-transform:scaleY(1)}}@keyframes sk-stretchdelay{0%,40%,to{transform:scaleY(0.4);-webkit-transform:scaleY(0.4)}20%{transform:scaleY(1);-webkit-transform:scaleY(1)}}.mybtn,.mybtn-l,.mybtn-m,.mybtn-xl{display:block;font-size:1.8rem;font-weight:500;line-height:2.2rem;letter-spacing:1px;text-align:center;position:relative;color:#fff;border:1px solid rgba(255,255,255,0.2);border-radius:50px;background:rgba(255,255,255,0.15);backdrop-filter:blur(20px);-webkit-box-shadow:0 8px 32px rgba(0,0,0,0.1),inset 0 1px 0 rgba(255,255,255,0.3),inset 0 -1px 0 rgba(0,0,0,0.1);box-shadow:0 8px 32px rgba(0,0,0,0.1),inset 0 1px 0 rgba(255,255,255,0.3),inset 0 -1px 0 rgba(0,0,0,0.1);overflow:hidden;cursor:pointer;-webkit-transition:all 0.3s cubic-bezier(0.25,0.46,0.45,0.94);transition:all 0.3s cubic-bezier(0.25,0.46,0.45,0.94);margin:0 auto;text-decoration:none}.mybtn-xl{width:180px;padding:15px 10px}.mybtn-l{width:160px;padding:15px 10px}.mybtn-m{width:120px;padding:8px 10px}.mybtn{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding:15px 10px}.mybtn:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(255,255,255,0.1),transparent);-webkit-transform:rotate(-45deg) translateX(-100%);transform:rotate(-45deg) translateX(-100%);-webkit-transition:-webkit-transform 0.6s cubic-bezier(0.25,0.46,0.45,0.94);transition:-webkit-transform 0.6s cubic-bezier(0.25,0.46,0.45,0.94);transition:transform 0.6s cubic-bezier(0.25,0.46,0.45,0.94);transition:transform 0.6s cubic-bezier(0.25,0.46,0.45,0.94),-webkit-transform 0.6s cubic-bezier(0.25,0.46,0.45,0.94)}.mybtn:hover{-webkit-transform:translateY(-2px) scale(1.02);transform:translateY(-2px) scale(1.02);background:rgba(255,255,255,0.25);border-color:rgba(255,255,255,0.4);-webkit-box-shadow:0 12px 40px rgba(0,0,0,0.15),inset 0 1px 0 rgba(255,255,255,0.4),inset 0 -1px 0 rgba(0,0,0,0.1);box-shadow:0 12px 40px rgba(0,0,0,0.15),inset 0 1px 0 rgba(255,255,255,0.4),inset 0 -1px 0 rgba(0,0,0,0.1)}.mybtn:hover:before{-webkit-transform:rotate(-45deg) translateX(100%);transform:rotate(-45deg) translateX(100%)}.mybtn:active{-webkit-transform:translateY(0) scale(0.98);transform:translateY(0) scale(0.98);-webkit-box-shadow:0 4px 16px rgba(0,0,0,0.1),inset 0 1px 0 rgba(255,255,255,0.2);box-shadow:0 4px 16px rgba(0,0,0,0.1),inset 0 1px 0 rgba(255,255,255,0.2)}.btn-white{color:#fff;background:rgba(255,255,255,0.15);border-color:rgba(255,255,255,0.4);text-shadow:0 0 15px rgba(134,134,134,0.6)}.btn-blue{color:#5e98d4;background:rgba(255,255,255,0.15);border-color:#5e98d4}.btn_sent{font-family:"LINESeedTW","Microsoft JhengHei","PingFangTC-Regular",sans-serif;font-weight:400;font-size:1.5rem;letter-spacing:1px;cursor:pointer;border-radius:50px}.btn-blue:hover,.btn-white:hover,.btn_sent:hover{color:#fff;background:rgb(19,59,209);-webkit-transition:all 0.5s ease 0s;transition:all 0.5s ease 0s;-webkit-box-shadow:0 12px 40px rgba(0,0,0,0.15),inset 0 2px 0 rgba(255,255,255,0.5),inset 0 -1px 0 rgba(0,0,0,0.1);box-shadow:0 12px 40px rgba(0,0,0,0.15),inset 0 2px 0 rgba(255,255,255,0.5),inset 0 -1px 0 rgba(0,0,0,0.1)}.btn-blue,.btn-white,.btn_sent{position:relative}.btn-blue:after,.btn-white:after,.btn_sent:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;border-radius:inherit;background:-webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,0.35)),color-stop(45%,rgba(255,255,255,0.05)),color-stop(60%,rgba(255,255,255,0)));background:linear-gradient(to bottom,rgba(255,255,255,0.35),rgba(255,255,255,0.05) 45%,rgba(255,255,255,0) 60%);opacity:0;-webkit-transition:opacity 0.3s ease;transition:opacity 0.3s ease}.btn-blue:hover:after,.btn-white:hover:after,.btn_sent:hover:after{opacity:1}@keyframes mousemove{0%{margin-top:85px}50%{margin-top:100px}to{margin-top:84px}}@-webkit-keyframes mousemove{0%{margin-top:85px}50%{margin-top:100px}to{margin-top:84px}}.icon-mouse{display:block;width:17px;height:49px;margin:85px auto 0 auto;background:url(../images/icon_mouse.png) no-repeat;text-indent:100%;white-space:nowrap;overflow:hidden;-webkit-animation-name:mousemove;animation-name:mousemove;-webkit-animation-duration:1800ms;animation-duration:1800ms;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}#trigger-02{display:none}#copyright{clear:both;display:block;width:100%;min-height:118px;background:rgba(9,31,114,0.8);padding:1px 0 5px 0;border-radius:0 0 30px 30px}#copyright>hr{border:0;height:1px;background-color:#2bacf7;color:#2bacf7}.box_copyright{display:block;float:left;width:33.3%;font-size:1.5rem;line-height:2.2rem;color:#f7f7f7}.box_copyright h4{font-size:1.5rem;font-weight:500;padding-bottom:5px}.box_copyright p{line-height:2.6rem}.box_copyright li a{display:block;float:left;font-size:2em;margin-right:15px;color:#fff}.box_copyright li a:hover{color:#1db7ff}#top-menu h2 a,.foot-logo{display:block;width:95px;height:27px;background:url(../images/logo-footer.png) no-repeat;text-indent:100%;white-space:nowrap;overflow:hidden}.foot-logo{margin-bottom:7px}.dkuywW,.dmopMx{display:none}.overlay{position:fixed;width:100dvw;height:100dvh;top:0;left:0;z-index:16000500;background:-webkit-gradient(linear,left top,left bottom,color-stop(70%,rgba(19,59,209,0.85)),to(rgba(29,183,255,0.95)));background:linear-gradient(180deg,rgba(19,59,209,0.85) 70%,rgba(29,183,255,0.95));backdrop-filter:blur(3px)}.overlay .overlay-close{width:40px;height:40px;position:absolute;right:20px;top:20px;overflow:hidden;border:none;background:url(../images/btn_cross.png) no-repeat center center;text-indent:200%;color:transparent;outline:none;z-index:100}.overlay nav{text-align:center;position:relative;top:50%;height:60%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.overlay ul{list-style:none;padding:0;margin:0 auto;display:inline-block;height:80%;position:relative}.overlay ul li{display:block;height:15%;height:20%;min-height:70px;-webkit-backface-visibility:hidden;backface-visibility:hidden}.overlay ul li a{font-family:"jf-jinxuan","Microsoft JhengHei","PingFangTC-Regular",sans-serif;font-size:4rem;font-weight:500;display:block;color:#fff;text-decoration:none;-webkit-transition:color 0.2s;transition:color 0.2s;padding-bottom:10px}.overlay ul li a:focus,.overlay ul li a:hover{color:#f0f0f0}.overlay-scale{visibility:hidden;opacity:0;-webkit-transform:scale(0.9);transform:scale(0.9);-webkit-transition:-webkit-transform 0.2s,opacity 0.2s,visibility 0s 0.2s;-webkit-transition:opacity 0.2s,visibility 0s 0.2s,-webkit-transform 0.2s;transition:opacity 0.2s,visibility 0s 0.2s,-webkit-transform 0.2s;transition:transform 0.2s,opacity 0.2s,visibility 0s 0.2s;transition:transform 0.2s,opacity 0.2s,visibility 0s 0.2s,-webkit-transform 0.2s}.overlay-scale.open{visibility:visible;opacity:1;-webkit-transform:scale(1);transform:scale(1);-webkit-transition:-webkit-transform 0.4s,opacity 0.4s;-webkit-transition:opacity 0.4s,-webkit-transform 0.4s;transition:opacity 0.4s,-webkit-transform 0.4s;transition:transform 0.4s,opacity 0.4s;transition:transform 0.4s,opacity 0.4s,-webkit-transform 0.4s}@media screen and (max-height:30.5em){.overlay nav{height:70%;font-size:34px}.overlay ul li{min-height:34px}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-button{width:0;height:0}::-webkit-scrollbar-thumb{background:rgb(29,183,255);border:0px none #fff;border-radius:60px;behavior:url(PIE.htc)}::-webkit-scrollbar-thumb:hover{background:rgb(29,183,255)}::-webkit-scrollbar-track{background:rgb(19,59,209);border:0px none #fff;border-radius:0;behavior:url(PIE.htc)}#sub-vision{display:block;max-width:100vw;height:500px;border-radius:30px 30px 0 0;background-size:cover;background-repeat:no-repeat;background-position:top center;background-color:#133bd1;overflow:hidden}#container,#my-contact{display:block;width:100%;padding:50px 0;background:rgb(247,247,247)}#my-contact{background:url(../images/bg_website.png)}#my-contact{padding:0}#my-contact{border-radius:0 0 30px 30px}#blog-title,#project-title,#slogan{clear:both;padding-top:11%;text-align:center}#blog-title>h2,#project-title>h2,#slogan>h2{font-family:"jf-jinxuan","Microsoft JhengHei","PingFangTC-Medium",sans-serif;font-weight:700;color:#fff;border-bottom:1px solid #fff;text-shadow:0 0 15px #868686;margin:0 83px}#slogan>h2{font-size:5rem;padding-bottom:30px}#blog-title>h2,#project-title>h2{font-size:4rem;line-height:4.5rem;padding-bottom:20px}#slogan>h2 span{font-size:2rem;vertical-align:middle}#project-title>h3,#slogan>h3{width:76%;margin:0 auto;font-size:2.2rem;line-height:2.8rem;font-weight:400;color:#fff;text-shadow:0 0 15px #868686}#slogan>h3{padding:30px 0 60px 0}#project-title>h3{padding:30px 0 10px 0}#my-contact h2{font-size:3.5rem;font-weight:500;line-height:2.1rem;text-align:center;padding-bottom:2rem}#my-contact h3{width:760px;margin:0 auto;font-size:1.6rem;font-weight:normal;line-height:2.2rem;text-align:center}.cover_bloglist,.cover_contact,.cover_error403,.cover_error404,.cover_profile,.cover_project{background-position:top center;background-repeat:no-repeat}.cover_error403{background:url(../images/banner/pic_403.jpg)}.cover_error404{background:url(../images/banner/pic_404.jpg)}.fancybox__caption{font-size:1.6rem}#project-info,#project-main{display:block;width:90%;margin:0 auto;padding-bottom:30px}#project-main img{display:block;width:90%;height:auto;margin:10px auto 20px}#project-main strong{font-weight:normal}#box_cta{display:block;width:80%;margin:20px auto 0 auto;text-align:center}#box_cta h4{font-family:"jf-jinxuan","Microsoft JhengHei","PingFangTC-Medium",sans-serif;font-weight:500;font-size:2.5rem;line-height:3.5rem;letter-spacing:1px;color:rgb(19,59,209);text-align:center;padding-bottom:15px}#btn_cta{display:inline-block;position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin:0 auto 30px auto;padding:16px 28px;background:rgba(19,59,209,0.8);border-radius:50px;text-decoration:none;font-family:"LINESeedTW","Microsoft JhengHei","PingFangTC-Regular",sans-serif;font-weight:400;font-size:2rem;line-height:2.5rem;color:#fff;text-align:center;-webkit-transition:all 0.5s ease 0s;transition:all 0.5s ease 0s}#btn_cta:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;border-radius:inherit;background:-webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,0.35)),color-stop(45%,rgba(255,255,255,0.05)),color-stop(60%,rgba(255,255,255,0)));background:linear-gradient(to bottom,rgba(255,255,255,0.35),rgba(255,255,255,0.05) 45%,rgba(255,255,255,0) 60%);opacity:0;-webkit-transition:opacity 0.3s ease;transition:opacity 0.3s ease}#btn_cta:hover{background:rgb(19,59,209);-webkit-box-shadow:0 12px 40px rgba(0,0,0,0.15),inset 0 2px 0 rgba(255,255,255,0.5),inset 0 -1px 0 rgba(0,0,0,0.1);box-shadow:0 12px 40px rgba(0,0,0,0.15),inset 0 2px 0 rgba(255,255,255,0.5),inset 0 -1px 0 rgba(0,0,0,0.1)}#btn_cta:hover:after{opacity:1}#project-info h4{font-family:"jf-jinxuan","Microsoft JhengHei","PingFangTC-Medium",sans-serif;font-weight:500;font-size:2rem;line-height:4rem;letter-spacing:2px;color:#2358be}#project-info p{font-size:1.8rem;line-height:3.5rem;margin-bottom:20px}#project-info ul{width:90%;margin:0 auto;padding-top:20px}#project-info li{display:inline-block;width:33%;padding-left:40px;vertical-align:top}#project-info a{color:rgba(35,88,190,0.8);text-decoration:none}#project-info a:visited{color:#8e8e8e;text-decoration:none}#project-info a:hover{color:rgb(35,88,190);text-decoration:none}#bar_social i,#project-info i{font-size:3rem;margin:8px 10px 0 0}#project-info i{color:rgba(19,59,209,0.8)}#bar_social i.share-line,#project-info i.share-line{font-size:2.8rem}#bar_PageNext,#bar_PageNumber,#bar_PageTruner{display:block;width:100%;border-top:1px solid #bfbfbf;border-bottom:1px solid #bfbfbf;padding:30px 0;text-align:center}#bar_PageTruner{display:none}#bar_PageNumber a:link{font-size:1.6rem;line-height:2.2rem;color:#444545;text-decoration:none;padding:0 30px;border-right:1px solid #bfbfbf}#bar_PageNext a:link{display:inline-block;position:relative;width:32%;text-align:center;vertical-align:middle;font-size:1.8rem;line-height:3rem;color:#444545;text-decoration:none;margin:0 0.5%;padding:10px 30px;border-radius:50px;-webkit-transition:all 0.5s ease 0s;transition:all 0.5s ease 0s}#bar_PageNext a:last-child,#bar_PageNumber a:last-child{border-right:none}#bar_PageNext a:visited,#bar_PageNumber a:visited{color:#8e8e8e;text-decoration:none}#bar_PageNext a:hover,#bar_PageNumber a.nowin,#bar_PageNumber a:hover{color:#fff;text-decoration:none;border-radius:50px}#bar_PageNext a:hover,#bar_PageNumber a:hover{background:rgb(19,59,209);-webkit-box-shadow:0 12px 40px rgba(0,0,0,0.15),inset 0 2px 0 rgba(255,255,255,0.5),inset 0 -1px 0 rgba(0,0,0,0.1);box-shadow:0 12px 40px rgba(0,0,0,0.15),inset 0 2px 0 rgba(255,255,255,0.5),inset 0 -1px 0 rgba(0,0,0,0.1)}#bar_PageNumber a.nowin{background:rgb(19,59,209)}#bar_PageNext a:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;border-radius:inherit;background:-webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,0.35)),color-stop(45%,rgba(255,255,255,0.05)),color-stop(60%,rgba(255,255,255,0)));background:linear-gradient(to bottom,rgba(255,255,255,0.35),rgba(255,255,255,0.05) 45%,rgba(255,255,255,0) 60%);opacity:0;-webkit-transition:opacity 0.3s ease;transition:opacity 0.3s ease}#bar_PageNext a:hover:after{opacity:1}#blog-tag,#project-tag{display:block;margin-top:20px;text-align:center}#blog-tag span,#project-tag span{display:inline-block;font-size:1.5rem;letter-spacing:1px;text-shadow:1px 1px 1px #fff;margin:0 15px;padding:8px 25px;background:rgba(255,255,255,0.8);border-radius:8px}#box_author{display:block;float:left;width:40%}#box_author img,#box_author p{display:inline-block}#box_author img{width:50px;height:auto;margin-right:15px}#box_author p{font-size:1.5rem;line-height:2.2rem;vertical-align:top;padding-top:2px}#bar_social{display:block;float:right;width:55%;text-align:right;padding-top:8px}#blog-main{display:block;width:80%;margin:30px auto 50px}#blog-main h3,#project-main h3{font-family:"jf-jinxuan","Microsoft JhengHei","PingFangTC-Medium",sans-serif;font-weight:500;font-size:2.6rem;line-height:3rem;letter-spacing:1px}#blog-main h3,#project-main h3{padding:20px 0 10px}#blog-main h3:after,#project-main h3:after{content:"";display:block;border-top:4px solid #2160d4;width:10.5rem;margin:10px 0 20px}#blog-main h3:first-child,#project-main h3:first-child{padding:0 0 10px}#blog-main h4,#project-main h4{font-family:"jf-jinxuan","Microsoft JhengHei","PingFangTC-Medium",sans-serif;font-weight:500;font-size:2rem;line-height:3rem;letter-spacing:1px}#blog-main p,#project-main p{font-size:2rem;line-height:3.2rem;text-align:justify;margin-bottom:20px}#blog-main ol,#blog-main ul{width:90%;margin:0 auto;line-height:2.2rem;padding-bottom:30px}#blog-main ol,#blog-main ul{font-size:1.7rem}#blog-main ol li,#blog-main ul li{padding-top:8px;margin-bottom:8px;border-bottom:1px dashed #a7a7a7}#blog-main ul li{list-style:circle}#blog-main ol li{list-style:decimal}#blog-main li>p{margin-bottom:10px}.pic_group,.pic_group-row2,.pic_group-row3{width:90%;margin:25px auto}.pic_group-project{width:100%;margin:25px auto}.pic_group,.pic_group-project{display:block}.pic_group-row2,.pic_group-row3{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.pic_note{padding:5px 0;margin:0 auto;font-size:1.6rem;line-height:2rem;color:#363535;text-align:center}.item-row2{width:49%;margin:0 0.5%}.item-row3{width:32%;margin:0 0.5%}.pic_group img,.pic_group-project img,.pic_group-row2 img,.pic_group-row3 img{width:100%;height:auto;margin:0;padding:0;border-radius:12px}.fa-caret-up{margin-right:10px}.my_blockquote{width:90%;background:url(../images/icon_left_quote.svg) no-repeat;padding-left:40px;margin:35px auto;border-bottom:1px solid #b5b5b5}#blog-main>.my_blockquote p{font-family:"jf-jinxuan","Microsoft JhengHei","PingFangTC-Regular",sans-serif;font-weight:700;font-size:2.5rem;line-height:3rem;color:#b5b5b5}#blog-main a,#project-main a{color:rgb(19,59,209);text-decoration:underline}#blog-main a:visited,#project-main a:visited{color:#6b7e86;text-decoration:underline}#blog-main a:hover,#project-main a:hover{color:#1db7ff;text-decoration:none}.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s}.animated.bounceIn,.animated.bounceOut,.animated.flipOutX,.animated.flipOutY{-webkit-animation-duration:0.75s;animation-duration:0.75s}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn;-webkit-animation-delay:0.5s;animation-delay:0.5s;-webkit-animation-duration:1s;animation-duration:1s}.fadeIn-title{-webkit-animation-name:fadeIn;animation-name:fadeIn;-webkit-animation-delay:1.5s;animation-delay:1.5s;-webkit-animation-duration:3s;animation-duration:3s}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,50%,0);transform:translate3d(0,50%,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,50%,0);transform:translate3d(0,50%,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp;-webkit-animation-delay:0.5s;animation-delay:0.5s;-webkit-animation-duration:1s;animation-duration:1s}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-30%,0,0);transform:translate3d(-30%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-30%,0,0);transform:translate3d(-30%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft;-webkit-animation-delay:0.5s;animation-delay:0.5s;-webkit-animation-duration:1s;animation-duration:1s}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight;-webkit-animation-delay:0.5s;animation-delay:0.5s;-webkit-animation-duration:1s;animation-duration:1s}@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(0.3,0.3,0.3);transform:scale3d(0.3,0.3,0.3)}50%{opacity:1}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(0.3,0.3,0.3);transform:scale3d(0.3,0.3,0.3)}50%{opacity:1}}.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}.floating-menu{position:fixed;right:20px;bottom:80px;z-index:100}.main-button{width:50px;height:50px;border-radius:50%;background:#e63946;border:none;cursor:pointer;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;-webkit-box-shadow:0 4px 12px rgba(0,0,0,0.3);box-shadow:0 4px 12px rgba(0,0,0,0.3);-webkit-transition:all 0.3s ease;transition:all 0.3s ease;position:relative;z-index:10;margin-left:auto}.main-button:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.main-button svg{width:26px;height:26px;fill:white;-webkit-transition:all 0.3s ease;transition:all 0.3s ease}.main-button svg.rotating{-webkit-animation:rotateIcon 0.5s ease-in-out;animation:rotateIcon 0.5s ease-in-out}@-webkit-keyframes rotateIcon{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotateIcon{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.sub-buttons{position:absolute;bottom:60px;right:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:15px;opacity:0;pointer-events:none;-webkit-transform:translateY(20px);transform:translateY(20px);-webkit-transition:all 0.4s ease;transition:all 0.4s ease;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.sub-buttons.active{opacity:1;pointer-events:auto;-webkit-transform:translateY(0);transform:translateY(0)}.sub-button-item{position:relative;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;width:50px}.sub-button{width:50px;height:50px;border-radius:50%;border:none;cursor:pointer;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;-webkit-box-shadow:0 3px 10px rgba(0,0,0,0.25);box-shadow:0 3px 10px rgba(0,0,0,0.25);-webkit-transition:all 0.3s ease;transition:all 0.3s ease;position:relative}.sub-button:hover{-webkit-transform:scale(1.15);transform:scale(1.15)}.sub-button img{width:28px;height:28px}.sub-button.line{background:#00B900}.sub-button.messenger{background:#0084FF}.button-label{position:absolute;right:60px;background:rgba(0,0,0,0.8);color:white;padding:8px 15px;border-radius:5px;white-space:nowrap;font-size:14px;opacity:0;pointer-events:none;-webkit-transform:translateX(10px);transform:translateX(10px);-webkit-transition:all 0.3s ease;transition:all 0.3s ease}.sub-button-item:hover .button-label{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}.floating-box{position:absolute;bottom:60px;right:0;width:240px;background:white;border-radius:10px;-webkit-box-shadow:0 5px 20px rgba(0,0,0,0.3);box-shadow:0 5px 20px rgba(0,0,0,0.3);opacity:0;pointer-events:none;-webkit-transform:translateY(20px);transform:translateY(20px);-webkit-transition:all 0.4s ease;transition:all 0.4s ease;overflow:hidden}.floating-box.active{opacity:1;pointer-events:auto;-webkit-transform:translateY(0);transform:translateY(0)}.box-header{background:#00B900;color:white;padding:15px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.box-header h3{font-size:16px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px}.box-content p{font-size:1.8rem;line-height:1.5;text-align:center}.box-header img{width:24px;height:24px}.box-close{background:none;border:none;color:white;font-size:24px;cursor:pointer;width:30px;height:30px;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;border-radius:50%;-webkit-transition:background 0.3s ease;transition:background 0.3s ease}.box-close:hover{background:rgba(255,255,255,0.2)}.box-content{padding:20px;font-size:14px;line-height:1.6;color:#333}.box-content a{color:#0084FF;text-decoration:none;word-break:break-all}.box-content a:hover{text-decoration:underline}.box-content img.line-code{width:100%;height:auto}.hidden{display:none!important}@media (max-width:800px){.floating-box{display:none!important}}a.btn_back{display:block;position:fixed;bottom:20px;right:20px;width:50px;height:50px;padding:5px;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:50%;cursor:pointer;-webkit-box-shadow:rgba(0,0,0,0.4) 2px 2px 6px;box-shadow:rgba(0,0,0,0.4) 2px 2px 6px;-webkit-transition:all 0.5s ease 0s;transition:all 0.5s ease 0s;background:#1D3BD1;overflow:hidden;z-index:100;text-align:center}.fa-undo-alt{font-size:2.5rem;padding-top:10px;color:#fff}@media (max-width:1500px){.project-list{width:90%}.pitem-end{display:none}}@media (max-width:1200px){.project-list{width:100%}}@media (max-width:1110px){#wrap{width:94%;margin:3% auto}#top-menu,.mybox,.mybox2,header{display:block;width:100%;margin:30px auto}#top-menu{margin:0 auto;padding-left:4%}#btn_totop{margin-right:35px}.menu-list li{margin:0 15px}#main-vision{background-position:center}#blog-title,#project-title{padding-top:10%}#slogan>h2{font-size:5rem}#slogan>h3{font-size:2.2rem}.box_copyright{width:30%}.box_copyright:first-child{margin-left:10%}.box_copyright:nth-child(2){width:25%;margin-left:5%}#container{padding:50px 5%}.service_item li{margin-right:35px}#my-project-step li{width:155px;margin:0 15px}.icon_step{width:155px;height:155px;background:url(../images/pic_projectstep@2x.png) no-repeat;background-size:cover}.step-02{background-position:0 -155px}.step-03{background-position:0 -310px}.step-04{background-position:0 -465px}.article_summary{width:48.5%}#contact_info img{display:block;margin:5px 5px 10px}#project-info li:nth-child(3){width:29%}#bar_social i,#project-info i{font-size:3.8rem}#bar_social i{margin:0 10px 0 0}#bar_social i.share-line,#project-info i.share-line{font-size:3.5rem}.project-list{-ms-flex-pack:distribute;justify-content:space-around}}@media (max-width:800px){h1 a{background:url(../images/logo@2x.png) no-repeat;background-size:cover}#sub-vision{height:420px}#blog-title,#project-title,#slogan{padding-top:10%}#blog-title>h2,#project-title>h2,#slogan>h2{line-height:5.3rem;padding-bottom:10px;margin:0 30px}#blog-title>h3,#project-title>h3,#slogan>h3{font-size:2.4rem;padding:15px 0 0}#main-nav{display:none}#trigger-overlay{display:block;float:right;background:url(../images/nav-mobile.png) no-repeat;background-size:cover;width:50px;height:50px;text-indent:100%;white-space:nowrap;overflow:hidden;border:none;margin:15px -10px 0 0}.sub-overlay li{display:block;float:left;margin:0 15px;padding:0}.overlay .sub-overlay a:hover{color:#1db7ff}.hvr-underline-from-left{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);-webkit-box-shadow:0 0 1px transparent;box-shadow:0 0 1px transparent;position:relative;overflow:hidden}.hvr-underline-from-left:before{content:"";position:absolute;z-index:-1;left:0;right:100%;bottom:0;background:#1db7ff;height:4px;-webkit-transition-property:right;transition-property:right;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-underline-from-left:active:before,.hvr-underline-from-left:focus:before,.hvr-underline-from-left:hover:before{right:0}#top-bar{height:46px}.menu-list li{margin:0 12px;padding-left:0}#container{padding:20px 5% 40px}.box_copyright{width:30%}.box_copyright:first-child{width:25%;margin-left:5%}.box_copyright:nth-child(2){width:25%;margin-left:2%}.box_copyright:nth-child(3){width:40%;margin-left:2%}.box_copyright li a{font-size:2.2em;margin-right:15px}.logomean-left,.logomean-right{float:none;width:90%;margin:0 auto}.logomean-left{margin:20px auto 40px}#logo-change{margin:0 auto}.service_item li{width:180px;height:101px;background:url(../images/icon_service-sub@2x.png) no-repeat;background-size:cover;margin-right:8px;padding-top:75px;font-size:1.4rem;letter-spacing:2px}.service_item li:nth-child(3){margin-right:0}.service_item .service-01{background-position:0 0}.service_item .service-02{background-position:0 -101px}.service_item .service-03{background-position:0 -202px}.service_item .service-04{background-position:0 -303px}.service_item .service-05{background-position:0 -404px}.service_item .service-06{background-position:0 -505px}#my-project-step li{width:200px;margin:0 15px}.icon_step{width:200px;height:200px;background:url(../images/pic_projectstep@2x.png) no-repeat;background-size:cover}.step-02{background-position:0 -200px}.step-03{background-position:0 -400px}.step-04{background-position:0 -600px}.step-03,.step-04{margin-top:30px}#blog-main,#project-main{width:90%}#box_blog li{display:inline-block;width:45%;margin:2%;vertical-align:top}#box_blog img,.article_summary{float:none}#box_blog img{width:100%;height:auto}.article_summary{width:100%}.article_summary h4{display:block;min-height:80px}.article_summary p{display:block;max-height:86px;overflow:hidden}.btn_read{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin:8px 0 20px 0}#project-main img{width:100%;margin:8px auto}.pic_group,.pic_group-row2,.pic_group-row3{width:100%}#project-info li:first-child{width:49%}#project-info li:nth-child(2){width:49%}#project-info li:nth-child(3){width:100%}}@media (max-width:600px){#blog-title>h2,#project-title>h2,#slogan>h2{line-height:4.8rem}#blog-title>h3,#slogan>h3{line-height:3.5rem}#project-title>h3{font-size:2.2rem;line-height:2.6rem}.menu-list{display:none}#trigger-02{display:block;float:right;border:none;background:none;font-size:2.3rem;color:#fff;margin:7px 15px 0 0}.box_copyright:first-child{width:25%;margin-left:5%}.box_copyright:nth-child(2){width:32%;margin-left:2%}.box_copyright:nth-child(3){width:33%;margin-left:2%}.box_copyright li a{margin-bottom:15px}.service_item li{width:135px;height:76px;margin-right:8px;padding-top:54px}.service_item li:nth-child(3){margin-right:0}.service_item .service-01{background-position:0 0}.service_item .service-02{background-position:0 -76px}.service_item .service-03{background-position:0 -152px}.service_item .service-04{background-position:0 -228px}.service_item .service-05{background-position:0 -304px}.service_item .service-06{background-position:0 -380px}#project-info ul{width:100%;margin:0;padding-top:20px}#project-info li,#project-info li:first-child,#project-info li:nth-child(2),#project-info li:nth-child(3){display:block;width:100%}#bar_PageNext a:link{min-height:100px;overflow:hidden}#bar_PageNext a:nth-child(2){padding-top:5%;line-height:20px}#bar_PageNumber a:link{padding:0 25px}#contact_form,#contact_info{display:block;float:none;width:100%;padding:0 30px}#contact_info{margin-bottom:30px}#box_contact ul{width:95%;padding-bottom:30px}#contact_info img{display:inline-block;margin:0 5px}#contact_form img{display:block;width:230px;height:auto;margin:20px auto}#contact-map{display:none}.pitem{margin-bottom:30px}}@media (max-width:450px){.spinner{width:100%}.spinner img{width:50%;height:auto}#slogan{padding-top:20%}#blog-title,#project-title{padding-top:18%}h1 a{width:193px;height:65px;background:url(../images/logo@2x.png) no-repeat;background-size:cover;margin-top:11px}#slogan>h2{font-size:4.5rem;line-height:5rem;padding-bottom:8px}#blog-title>h2,#project-title>h2{font-size:3.5rem;line-height:3.8rem;padding-bottom:8px}#slogan span{display:block;line-height:2rem}#blog-tag span,#project-tag span{font-size:1.5rem;letter-spacing:0;text-shadow:1px 1px 1px #fff;margin:0 5px 8px;padding:8px 10px}#slogan>h3{font-size:2rem;line-height:2.5rem}#blog-title>h3,#project-title>h3{font-size:1.8rem;line-height:2rem}#slogan>h3{padding:15px 0 60px 0}#blog-title>h3,#project-title>h3{padding:15px 0}.mybtn-l{width:150px;padding:8px 10px}.box_copyright:first-child{width:94%;margin-left:5%}.box_copyright:nth-child(2){width:94%;margin:2% 5%}.box_copyright:nth-child(3){width:94%;margin:3% 0 0 5%}.box_copyright p{line-height:2.6rem}#logo-change{display:block;width:95%;height:auto;margin:0 auto 15px auto}#logo-change img{width:100%;height:auto}.logomean-left{padding:50px 0}.logomean-right{margin-top:20px}#service-info>section{margin-bottom:20px}#our_doit h4{display:none}.service_item{text-align:center}.service_item li{width:250px;height:141px;margin:0 auto 28px auto;padding-top:100px;font-size:1.8rem}.service_item li:nth-child(6){margin-bottom:50px}.service_item .service-01{background-position:0 0}.service_item .service-02{background-position:0 -141px}.service_item .service-03{background-position:0 -282px}.service_item .service-04{background-position:0 -423px}.service_item .service-05{background-position:0 -564px}.service_item .service-06{background-position:0 -705px}#project-main img{width:100%}#project-info h4{font-size:1.8rem}#bar_PageNext a:link,#bar_PageTruner a:link{display:inline-block;width:50px;border-radius:0;max-width:50px;min-height:50px;text-indent:100%;white-space:nowrap;overflow:hidden;font-size:0;border:none}#bar_PageNext a:link{margin:0 15px}#bar_PageTruner a:link{margin:0 15%}#bar_PageNext a:first-child,#bar_PageTruner a:first-child{background:url(../images/icon_arrow_left.svg) no-repeat;background-size:cover;opacity:0.7}#bar_PageNext a:nth-child(2){background:url(../images/icon_list.svg) no-repeat;background-size:cover;opacity:0.7}#bar_PageNext a:nth-child(3),#bar_PageTruner a:nth-child(2){background:url(../images/icon_arrow_right.svg) no-repeat;background-size:cover;opacity:0.7}#box_blog li{display:inline-block;width:100%;margin:2% 0}#bar_PageNumber{display:none}#bar_PageTruner{display:block}.article_summary h4{display:block;min-height:0}.pic_note{line-height:2.2rem}.item-row2,.item-row3{width:100%;margin:0.5%}#bar_social i{margin:0 4px 0 0}#contact_info img{display:inline-block;margin:8px 5px 0}#my_form{width:100%}#box_cta{width:100%}#btn_cta{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding:15px 15px}}@media (max-width:350px){h1 a{width:145px;height:49px;background:url(../images/logo@2x.png) no-repeat;background-size:cover;margin-top:20px}#trigger-overlay{margin:20px 0 0 0}.box_copyright:first-child{width:95%;margin:0 0 10px 5%}.box_copyright:nth-child(2){width:95%;margin-left:5%}.box_copyright:nth-child(3){margin-bottom:5%}#sub-vision{height:380px}#blog-tag span,#project-tag span{display:none}#service-info h3{font-size:2.2rem;line-height:2.6rem}#our_doit p,#our_sop p{padding:0 0 40px 0}.service_item li{width:180px;height:101px;margin:0 auto 28px auto;padding-top:74px;font-size:1.5rem}.service_item .service-01{background-position:0 0}.service_item .service-02{background-position:0 -101px}.service_item .service-03{background-position:0 -202px}.service_item .service-04{background-position:0 -303px}.service_item .service-05{background-position:0 -404px}.service_item .service-06{background-position:0 -505px}.pcover,.pitem,.ptitle{width:230px;height:316px}#bar_PageNext a:link{margin:0 10px}#bar_social,#box_author{float:none;width:100%}#bar_social{text-align:left;padding-top:15px}#box_contact h3{font-size:2.3rem}#box_contact ul{width:100%}#contact_form img{width:190px;height:auto;margin:20px auto}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi),only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min-resolution:2dppx){#top-menu h2 a,.foot-logo{background:url(../images/logo-footer@2x.png) no-repeat;background-size:cover}}