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;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}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{content:"";content:none}q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}html,body{height:100%}body{font:400 15px/1.8em "Noto Sans TC Light","PingFangTC-Light",Noto Sans,Arial,Helvetica,"儷黑 Pro","LiHei Pro","微軟正黑體","Microsoft JhengHei",sans-serif;color:#303030;background:#fff}body.fixed{overflow:hidden !important}html.auto,body.auto{overflow:scroll;height:auto}::selection{background:#CC002C;color:#fff}::-moz-selection{background:#CC002C;color:#fff}a,a:hover,a:focus{outline:none;color:#303030;text-decoration:none;-webkit-transition:all ease .3s;-moz-transition:all ease .3s;-o-transition:all ease .3s;transition:all ease .3s}.container{position:relative}@media (max-width: 1199px){.container{width:100% !important;padding-left:40px !important;padding-right:40px !important}}@media (max-width: 991px){.container{font-size:.9em}}@media (max-width: 767px){.container{font-size:1em;padding-left:15px !important;padding-right:15px !important}}.btn{border:1px solid #303030;color:#303030;border-radius:3px;text-transform:uppercase;padding:0 20px;font:700 .9em/36px "Noto Sans TC Light","PingFangTC-Light",Noto Sans,Arial,Helvetica,"儷黑 Pro","LiHei Pro","微軟正黑體","Microsoft JhengHei",sans-serif;cursor:pointer;display:inline-block;position:relative}.btn::before{content:"";display:block;position:absolute;top:0;left:50%;width:0;height:36px;background:#303030;-webkit-transition:all ease .3s;-moz-transition:all ease .3s;-o-transition:all ease .3s;transition:all ease .3s}.btn span{position:relative;z-index:10}.btn:hover{color:#fff}.btn:hover::before{width:100%;left:0;-webkit-transition:all ease .3s;-moz-transition:all ease .3s;-o-transition:all ease .3s;transition:all ease .3s}@media (max-width: 767px){.btn{font:400 1.05em/32px "Noto Sans TC Light","PingFangTC-Light",Noto Sans,Arial,Helvetica,"儷黑 Pro","LiHei Pro","微軟正黑體","Microsoft JhengHei",sans-serif;padding:0 15px}.btn::before{height:32px}}.loading{position:absolute;left:0;top:0;z-index:10000;width:100%;height:100%;background:rgba(255,255,255,0.95)}.sk-folding-cube{margin:20px auto;width:40px;height:40px;position:absolute;top:50%;left:50%;margin:-20px 0 0 -20px;-webkit-transform:rotateZ(45deg);-moz-transform:rotateZ(45deg);-ms-transform:rotateZ(45deg);-o-transform:rotateZ(45deg);transform:rotateZ(45deg)}.sk-folding-cube .sk-cube{float:left;width:50%;height:50%;position:relative;-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}.sk-folding-cube .sk-cube::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;-moz-animation:sk-foldCubeAngle 2.4s infinite linear both;-webkit-animation:sk-foldCubeAngle 2.4s infinite linear both;animation:sk-foldCubeAngle 2.4s infinite linear both;-webkit-transform-origin:100% 100%;-moz-transform-origin:100% 100%;-ms-transform-origin:100% 100%;-o-transform-origin:100% 100%;transform-origin:100% 100%}.sk-folding-cube .sk-cube1::before{background-color:#575656}.sk-folding-cube .sk-cube2{-webkit-transform:scale(1.1) rotateZ(90deg);-moz-transform:scale(1.1) rotateZ(90deg);-ms-transform:scale(1.1) rotateZ(90deg);-o-transform:scale(1.1) rotateZ(90deg);transform:scale(1.1) rotateZ(90deg)}.sk-folding-cube .sk-cube2::before{background-color:#4b4b4b;-webkit-animation-delay:.3s;animation-delay:.3s}.sk-folding-cube .sk-cube3{-webkit-transform:scale(1.1) rotateZ(180deg);-moz-transform:scale(1.1) rotateZ(180deg);-ms-transform:scale(1.1) rotateZ(180deg);-o-transform:scale(1.1) rotateZ(180deg);transform:scale(1.1) rotateZ(180deg)}.sk-folding-cube .sk-cube3::before{background-color:#303030;-webkit-animation-delay:.3s;animation-delay:.6s}.sk-folding-cube .sk-cube4{-webkit-transform:scale(1.1) rotateZ(270deg);-moz-transform:scale(1.1) rotateZ(270deg);-ms-transform:scale(1.1) rotateZ(270deg);-o-transform:scale(1.1) rotateZ(270deg);transform:scale(1.1) rotateZ(270deg)}.sk-folding-cube .sk-cube4::before{background-color:#a52828;-webkit-animation-delay:.3s;animation-delay:.9s}@-moz-keyframes sk-foldCubeAngle{0%, 10%{-webkit-transform:perspective(140px) rotateX(-180deg);-moz-transform:perspective(140px) rotateX(-180deg);-ms-transform:perspective(140px) rotateX(-180deg);-o-transform:perspective(140px) rotateX(-180deg);transform:perspective(140px) rotateX(-180deg);-moz-opacity:0;opacity:0;filter:alpha(opacity=0)}25%, 75%{-webkit-transform:perspective(140px) rotateX(0deg);-moz-transform:perspective(140px) rotateX(0deg);-ms-transform:perspective(140px) rotateX(0deg);-o-transform:perspective(140px) rotateX(0deg);transform:perspective(140px) rotateX(0deg);-moz-opacity:1;opacity:1;filter:alpha(opacity=100)}90%, 100%{-webkit-transform:perspective(140px) rotateY(180deg);-moz-transform:perspective(140px) rotateY(180deg);-ms-transform:perspective(140px) rotateY(180deg);-o-transform:perspective(140px) rotateY(180deg);transform:perspective(140px) rotateY(180deg);-moz-opacity:0;opacity:0;filter:alpha(opacity=0)}}@-webkit-keyframes sk-foldCubeAngle{0%, 10%{-webkit-transform:perspective(140px) rotateX(-180deg);-moz-transform:perspective(140px) rotateX(-180deg);-ms-transform:perspective(140px) rotateX(-180deg);-o-transform:perspective(140px) rotateX(-180deg);transform:perspective(140px) rotateX(-180deg);-moz-opacity:0;opacity:0;filter:alpha(opacity=0)}25%, 75%{-webkit-transform:perspective(140px) rotateX(0deg);-moz-transform:perspective(140px) rotateX(0deg);-ms-transform:perspective(140px) rotateX(0deg);-o-transform:perspective(140px) rotateX(0deg);transform:perspective(140px) rotateX(0deg);-moz-opacity:1;opacity:1;filter:alpha(opacity=100)}90%, 100%{-webkit-transform:perspective(140px) rotateY(180deg);-moz-transform:perspective(140px) rotateY(180deg);-ms-transform:perspective(140px) rotateY(180deg);-o-transform:perspective(140px) rotateY(180deg);transform:perspective(140px) rotateY(180deg);-moz-opacity:0;opacity:0;filter:alpha(opacity=0)}}@-o-keyframes sk-foldCubeAngle{0%, 10%{-webkit-transform:perspective(140px) rotateX(-180deg);-moz-transform:perspective(140px) rotateX(-180deg);-ms-transform:perspective(140px) rotateX(-180deg);-o-transform:perspective(140px) rotateX(-180deg);transform:perspective(140px) rotateX(-180deg);-moz-opacity:0;opacity:0;filter:alpha(opacity=0)}25%, 75%{-webkit-transform:perspective(140px) rotateX(0deg);-moz-transform:perspective(140px) rotateX(0deg);-ms-transform:perspective(140px) rotateX(0deg);-o-transform:perspective(140px) rotateX(0deg);transform:perspective(140px) rotateX(0deg);-moz-opacity:1;opacity:1;filter:alpha(opacity=100)}90%, 100%{-webkit-transform:perspective(140px) rotateY(180deg);-moz-transform:perspective(140px) rotateY(180deg);-ms-transform:perspective(140px) rotateY(180deg);-o-transform:perspective(140px) rotateY(180deg);transform:perspective(140px) rotateY(180deg);-moz-opacity:0;opacity:0;filter:alpha(opacity=0)}}@keyframes sk-foldCubeAngle{0%, 10%{-webkit-transform:perspective(140px) rotateX(-180deg);-moz-transform:perspective(140px) rotateX(-180deg);-ms-transform:perspective(140px) rotateX(-180deg);-o-transform:perspective(140px) rotateX(-180deg);transform:perspective(140px) rotateX(-180deg);-moz-opacity:0;opacity:0;filter:alpha(opacity=0)}25%, 75%{-webkit-transform:perspective(140px) rotateX(0deg);-moz-transform:perspective(140px) rotateX(0deg);-ms-transform:perspective(140px) rotateX(0deg);-o-transform:perspective(140px) rotateX(0deg);transform:perspective(140px) rotateX(0deg);-moz-opacity:1;opacity:1;filter:alpha(opacity=100)}90%, 100%{-webkit-transform:perspective(140px) rotateY(180deg);-moz-transform:perspective(140px) rotateY(180deg);-ms-transform:perspective(140px) rotateY(180deg);-o-transform:perspective(140px) rotateY(180deg);transform:perspective(140px) rotateY(180deg);-moz-opacity:0;opacity:0;filter:alpha(opacity=0)}}#lightbox{position:fixed;width:100%;height:100%;left:0;top:0;z-index:-100}#lightbox #boxBg{position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(255,255,255,0.9);display:none;overflow:auto}#lightbox #boxContainer{max-width:600px;margin:0 auto;position:relative;padding:10px 60px}#lightbox #boxClose{display:block;background:url(../images/btn_close.png) left center/contain no-repeat;width:20px;height:20px;width:30px;height:30px;position:absolute;right:15px;top:10px}#lightbox #boxClose:hover{-moz-opacity:.6;opacity:.6;filter:alpha(opacity=60)}#lightbox #boxContent{background:#FFF;height:100%;margin:0 auto;position:relative;cursor:default;-webkit-box-shadow:2px 2px 6px 1px rgba(0,0,0,0.15);-moz-box-shadow:2px 2px 6px 1px rgba(0,0,0,0.15);box-shadow:2px 2px 6px 1px rgba(0,0,0,0.15);-moz-opacity:0;opacity:0;filter:alpha(opacity=0)}#lightbox #boxContent #detail{padding:20px 20px 70px 20px}#lightbox #boxContent #detail date{font-size:1em;letter-spacing:.1em;background:#333;color:#fff;padding:0 6px;border-radius:2px}#lightbox #boxContent #detail h3{font:700 1.3em/1.2em "Noto Sans TC Light","PingFangTC-Light",Noto Sans,Arial,Helvetica,"儷黑 Pro","LiHei Pro","微軟正黑體","Microsoft JhengHei",sans-serif;margin:0 0 10px 0}#lightbox #boxContent #detail p{line-height:1.5em;font-size:.9em}#lightbox #boxContent #detail p span{display:inline-block;padding:0 10px;margin:2px 4px 2px 0;border:1px solid #666;border-radius:2px}#lightbox #boxContent #detail .btnBlock{text-align:right;position:absolute;right:20px;bottom:20px;white-space:nowrap;width:100%}#lightbox #boxContent #detail .btnBlock .btn{margin:0 0 0 20px;padding:0 12px;line-height:30px}#lightbox #boxContent #detail .btnBlock .btn::before{height:30px}#lightbox #boxContent #detail .btnBlock .btn span{display:block}#lightbox #boxContent #detail .btnBlock .btn small{font-size:.7em}#lightbox #boxContent #detail .btnBlock .btn-tester span{padding:0 27px 0 0;background:url(../images/icon02.png) right center/20px auto no-repeat}#lightbox #boxContent #detail .btnBlock .btn-tester:hover span{background-image:url(../images/icon02_.png)}#lightbox #boxContent #detail .btnBlock .btn-online span{padding:0 23px 0 0;background:url(../images/icon03.png) right center/17px auto no-repeat}#lightbox #boxContent #detail .btnBlock .btn-online:hover span{background-image:url(../images/icon03_.png)}.slider-lightbox{width:100%;margin:0 auto;text-align:center;height:48%}.slider-lightbox .slick-list{height:100%}.slider-lightbox .slick-track{height:100%}.slider-lightbox .slick-slide{overflow:auto;overflow-x:hidden}.slider-lightbox .slick-slide:focus{outline:none}.slider-lightbox .slick-slide img{margin:0 auto;max-width:100%}.slider-lightbox .slick-slide:hover{cursor:default}.slider-lightbox .slick-dots{bottom:auto;text-align:right;padding:5px 10px 0 0}.slider-lightbox .slick-dots li{width:10px}.slider-lightbox .slick-dots li button{width:100%;height:100%;margin:0 auto;padding:0}.slider-lightbox .slick-dots li button::before{font-size:0;border:1px solid #303030;border-radius:40px;display:block;width:8px;height:8px;margin:0 auto}.slider-lightbox .slick-dots li.slick-active button::before{background:#303030;border:0}.slick-dotted.slick-slider{margin-bottom:0}#lightbox.open{z-index:2000}.msg{position:fixed;bottom:6%;right:4%;z-index:1000}.msg a{display:block;width:50px;height:50px;text-indent:-9999px;border-radius:50%;margin:5px 0 0 0;background:url(../images/icon_fb.png) #efefef center center/70% auto no-repeat}.msg a:hover{background-color:#ddd}.msg .msg_fb{background-image:url(../images/icon_fb.png)}.msg .msg_line{background-image:url(../images/icon_line.png)}.msg .msg_ig{background-image:url(../images/icon_ig.png)}.msg .msg_em{background-image:url(../images/icon_mail.png)}@media (max-width: 767px){#lightbox #boxContainer{padding:45px 15px 20px 15px;max-width:630px;min-height:500px}#lightbox #boxContent #detail{padding:20px 15px 60px 15px}#lightbox #boxContent #detail date{margin:0}#lightbox #boxContent #detail h3{margin:5px 0 10px 0}#lightbox #boxContent #detail .btnBlock{right:0;width:100%;text-align:center}#lightbox #boxContent #detail .btnBlock .btn{margin:0 12px 0 0;font:400 1.05em/30px "Noto Sans TC Light","PingFangTC-Light",Noto Sans,Arial,Helvetica,"儷黑 Pro","LiHei Pro","微軟正黑體","Microsoft JhengHei",sans-serif}#lightbox #boxContent #detail .btnBlock .btn:last-child{margin:0}#lightbox #boxClose{right:15px}.slider-lightbox{height:62%;margin-bottom:0 !important}}.arrow{position:absolute;width:20px;height:15px;z-index:100}#arrow01{top:0;left:0;background:url(../images/arrow01.png) right bottom/contain no-repeat;-moz-animation:arrow01 .8s ease-out infinite;-webkit-animation:arrow01 .8s ease-out infinite;animation:arrow01 .8s ease-out infinite}#arrow02{top:0;right:0;background:url(../images/arrow02.png) right bottom/contain no-repeat;-moz-animation:arrow02 .8s ease-out infinite;-webkit-animation:arrow02 .8s ease-out infinite;animation:arrow02 .8s ease-out infinite}#arrow03{bottom:0;left:0;background:url(../images/arrow03.png) right bottom/contain no-repeat;-moz-animation:arrow03 .8s ease-out infinite;-webkit-animation:arrow03 .8s ease-out infinite;animation:arrow03 .8s ease-out infinite}#arrow04{bottom:0;right:0;background:url(../images/arrow04.png) right bottom/contain no-repeat;-moz-animation:arrow04 .8s ease-out infinite;-webkit-animation:arrow04 .8s ease-out infinite;animation:arrow04 .8s ease-out infinite}@-moz-keyframes arrow01{0%{-webkit-transform:translate(0, 0);-moz-transform:translate(0, 0);-ms-transform:translate(0, 0);-o-transform:translate(0, 0);transform:translate(0, 0)}50%{-webkit-transform:translate(15px, 15px);-moz-transform:translate(15px, 15px);-ms-transform:translate(15px, 15px);-o-transform:translate(15px, 15px);transform:translate(15px, 15px)}100%{-webkit-transform:translate(0, 0);-moz-transform:translate(0, 0);-ms-transform:translate(0, 0);-o-transform:translate(0, 0);transform:translate(0, 0)}}@-webkit-keyframes arrow01{0%{-webkit-transform:translate(0, 0);-moz-transform:translate(0, 0);-ms-transform:translate(0, 0);-o-transform:translate(0, 0);transform:translate(0, 0)}50%{-webkit-transform:translate(15px, 15px);-moz-transform:translate(15px, 15px);-ms-transform:translate(15px, 15px);-o-transform:translate(15px, 15px);transform:translate(15px, 15px)}100%{-webkit-transform:translate(0, 0);-moz-transform:translate(0, 0);-ms-transform:translate(0, 0);-o-transform:translate(0, 0);transform:translate(0, 0)}}@-o-keyframes arrow01{0%{-webkit-transform:translate(0, 0);-moz-transform:translate(0, 0);-ms-transform:translate(0, 0);-o-transform:translate(0, 0);transform:translate(0, 0)}50%{-webkit-transform:translate(15px, 15px);-moz-transform:translate(15px, 15px);-ms-transform:translate(15px, 15px);-o-transform:translate(15px, 15px);transform:translate(15px, 15px)}100%{-webkit-transform:translate(0, 0);-moz-transform:translate(0, 0);-ms-transform:translate(0, 0);-o-transform:translate(0, 0);transform:translate(0, 0)}}@keyframes arrow01{0%{-webkit-transform:translate(0, 0);-moz-transform:translate(0, 0);-ms-transform:translate(0, 0);-o-transform:translate(0, 0);transform:translate(0, 0)}50%{-webkit-transform:translate(15px, 15px);-moz-transform:translate(15px, 15px);-ms-transform:translate(15px, 15px);-o-transform:translate(15px, 15px);transform:translate(15px, 15px)}100%{-webkit-transform:translate(0, 0);-moz-transform:translate(0, 0);-ms-transform:translate(0, 0);-o-transform:translate(0, 0);transform:translate(0, 0)}}@-moz-keyframes arrow02{0%{-webkit-transform:translate(0, 0);-moz-transform:translate(0, 0);-ms-transform:translate(0, 0);-o-transform:translate(0, 0);transform:translate(0, 0)}50%{-webkit-transform:translate(-15px, 15px);-moz-transform:translate(-15px, 15px);-ms-transform:translate(-15px, 15px);-o-transform:translate(-15px, 15px);transform:translate(-15px, 15px)}100%{-webkit-transform:translate(0, 0);-moz-transform:translate(0, 0);-ms-transform:translate(0, 0);-o-transform:translate(0, 0);transform:translate(0, 0)}}@-webkit-keyframes arrow02{0%{-webkit-transform:translate(0, 0);-moz-transform:translate(0, 0);-ms-transform:translate(0, 0);-o-transform:translate(0, 0);transform:translate(0, 0)}50%{-webkit-transform:translate(-15px, 15px);-moz-transform:translate(-15px, 15px);-ms-transform:translate(-15px, 15px);-o-transform:translate(-15px, 15px);transform:translate(-15px, 15px)}100%{-webkit-transform:translate(0, 0);-moz-transform:translate(0, 0);-ms-transform:translate(0, 0);-o-transform:translate(0, 0);transform:translate(0, 0)}}@-o-keyframes arrow02{0%{-webkit-transform:translate(0, 0);-moz-transform:translate(0, 0);-ms-transform:translate(0, 0);-o-transform:translate(0, 0);transform:translate(0, 0)}50%{-webkit-transform:translate(-15px, 15px);-moz-transform:translate(-15px, 15px);-ms-transform:translate(-15px, 15px);-o-transform:translate(-15px, 15px);transform:translate(-15px, 15px)}100%{-webkit-transform:translate(0, 0);-moz-transform:translate(0, 0);-ms-transform:translate(0, 0);-o-transform:translate(0, 0);transform:translate(0, 0)}}@keyframes arrow02{0%{-webkit-transform:translate(0, 0);-moz-transform:translate(0, 0);-ms-transform:translate(0, 0);-o-transform:translate(0, 0);transform:translate(0, 0)}50%{-webkit-transform:translate(-15px, 15px);-moz-transform:translate(-15px, 15px);-ms-transform:translate(-15px, 15px);-o-transform:translate(-15px, 15px);transform:translate(-15px, 15px)}100%{-webkit-transform:translate(0, 0);-moz-transform:translate(0, 0);-ms-transform:translate(0, 0);-o-transform:translate(0, 0);transform:translate(0, 0)}}@-moz-keyframes arrow03{0%{-webkit-transform:translate(0, 0);-moz-transform:translate(0, 0);-ms-transform:translate(0, 0);-o-transform:translate(0, 0);transform:translate(0, 0)}50%{-webkit-transform:translate(15px, -15px);-moz-transform:translate(15px, -15px);-ms-transform:translate(15px, -15px);-o-transform:translate(15px, -15px);transform:translate(15px, -15px)}100%{-webkit-transform:translate(0, 0);-moz-transform:translate(0, 0);-ms-transform:translate(0, 0);-o-transform:translate(0, 0);transform:translate(0, 0)}}@-webkit-keyframes arrow03{0%{-webkit-transform:translate(0, 0);-moz-transform:translate(0, 0);-ms-transform:translate(0, 0);-o-transform:translate(0, 0);transform:translate(0, 0)}50%{-webkit-transform:translate(15px, -15px);-moz-transform:translate(15px, -15px);-ms-transform:translate(15px, -15px);-o-transform:translate(15px, -15px);transform:translate(15px, -15px)}100%{-webkit-transform:translate(0, 0);-moz-transform:translate(0, 0);-ms-transform:translate(0, 0);-o-transform:translate(0, 0);transform:translate(0, 0)}}@-o-keyframes arrow03{0%{-webkit-transform:translate(0, 0);-moz-transform:translate(0, 0);-ms-transform:translate(0, 0);-o-transform:translate(0, 0);transform:translate(0, 0)}50%{-webkit-transform:translate(15px, -15px);-moz-transform:translate(15px, -15px);-ms-transform:translate(15px, -15px);-o-transform:translate(15px, -15px);transform:translate(15px, -15px)}100%{-webkit-transform:translate(0, 0);-moz-transform:translate(0, 0);-ms-transform:translate(0, 0);-o-transform:translate(0, 0);transform:translate(0, 0)}}@keyframes arrow03{0%{-webkit-transform:translate(0, 0);-moz-transform:translate(0, 0);-ms-transform:translate(0, 0);-o-transform:translate(0, 0);transform:translate(0, 0)}50%{-webkit-transform:translate(15px, -15px);-moz-transform:translate(15px, -15px);-ms-transform:translate(15px, -15px);-o-transform:translate(15px, -15px);transform:translate(15px, -15px)}100%{-webkit-transform:translate(0, 0);-moz-transform:translate(0, 0);-ms-transform:translate(0, 0);-o-transform:translate(0, 0);transform:translate(0, 0)}}@-moz-keyframes arrow04{0%{-webkit-transform:translate(0, 0);-moz-transform:translate(0, 0);-ms-transform:translate(0, 0);-o-transform:translate(0, 0);transform:translate(0, 0)}50%{-webkit-transform:translate(-15px, -15px);-moz-transform:translate(-15px, -15px);-ms-transform:translate(-15px, -15px);-o-transform:translate(-15px, -15px);transform:translate(-15px, -15px)}100%{-webkit-transform:translate(0, 0);-moz-transform:translate(0, 0);-ms-transform:translate(0, 0);-o-transform:translate(0, 0);transform:translate(0, 0)}}@-webkit-keyframes arrow04{0%{-webkit-transform:translate(0, 0);-moz-transform:translate(0, 0);-ms-transform:translate(0, 0);-o-transform:translate(0, 0);transform:translate(0, 0)}50%{-webkit-transform:translate(-15px, -15px);-moz-transform:translate(-15px, -15px);-ms-transform:translate(-15px, -15px);-o-transform:translate(-15px, -15px);transform:translate(-15px, -15px)}100%{-webkit-transform:translate(0, 0);-moz-transform:translate(0, 0);-ms-transform:translate(0, 0);-o-transform:translate(0, 0);transform:translate(0, 0)}}@-o-keyframes arrow04{0%{-webkit-transform:translate(0, 0);-moz-transform:translate(0, 0);-ms-transform:translate(0, 0);-o-transform:translate(0, 0);transform:translate(0, 0)}50%{-webkit-transform:translate(-15px, -15px);-moz-transform:translate(-15px, -15px);-ms-transform:translate(-15px, -15px);-o-transform:translate(-15px, -15px);transform:translate(-15px, -15px)}100%{-webkit-transform:translate(0, 0);-moz-transform:translate(0, 0);-ms-transform:translate(0, 0);-o-transform:translate(0, 0);transform:translate(0, 0)}}@keyframes arrow04{0%{-webkit-transform:translate(0, 0);-moz-transform:translate(0, 0);-ms-transform:translate(0, 0);-o-transform:translate(0, 0);transform:translate(0, 0)}50%{-webkit-transform:translate(-15px, -15px);-moz-transform:translate(-15px, -15px);-ms-transform:translate(-15px, -15px);-o-transform:translate(-15px, -15px);transform:translate(-15px, -15px)}100%{-webkit-transform:translate(0, 0);-moz-transform:translate(0, 0);-ms-transform:translate(0, 0);-o-transform:translate(0, 0);transform:translate(0, 0)}}@media (max-width: 767px){.arrow{display:none}}.deco{position:absolute;width:100%}.deco span{display:block;position:absolute;background-size:contain}.deco::before,.deco::after{content:"";display:block;position:absolute;height:1px}.deco-rightTop{right:0;top:0}.deco-rightTop span{background-position:left top}.deco-leftBottom{left:0;bottom:0}.deco-leftBottom span{background-position:left bottom}.about .deco-rightTop{padding-top:27%;width:15%}.about .deco-rightTop::before{width:200%;background:#688d9d;right:-60%;top:0;-webkit-transform:rotate(50deg);-moz-transform:rotate(50deg);-ms-transform:rotate(50deg);-o-transform:rotate(50deg);transform:rotate(50deg)}.deco_about01{background:url(../images/about_deco_1.png) left center no-repeat;width:294px;height:355px;top:-10%;right:10%;width:90%;-webkit-transform-origin:right top;-moz-transform-origin:right top;-ms-transform-origin:right top;-o-transform-origin:right top;transform-origin:right top;-moz-animation:about_deco01 ease 3s alternate infinite;-webkit-animation:about_deco01 ease 3s alternate infinite;animation:about_deco01 ease 3s alternate infinite}.deco_about02{background:url(../images/about_deco_2.png) left center no-repeat;width:330px;height:376px;top:10%;right:-22%;width:100%;-webkit-transform-origin:center center;-moz-transform-origin:center center;-ms-transform-origin:center center;-o-transform-origin:center center;transform-origin:center center;-moz-animation:about_deco02 linear 10s alternate infinite;-webkit-animation:about_deco02 linear 10s alternate infinite;animation:about_deco02 linear 10s alternate infinite}.deco_about03{background:url(../images/about_deco_3.png) left center no-repeat;width:111px;height:124px;top:50%;right:32%;width:30%;-moz-animation:about_deco03 linear 8s infinite;-webkit-animation:about_deco03 linear 8s infinite;animation:about_deco03 linear 8s infinite}.about .deco-leftBottom{padding-top:27%;width:24%}.about .deco-leftBottom::before{width:150%;background:#d6d6d6;left:-10%;height:3px;bottom:8%;-webkit-transform:rotate(25deg);-moz-transform:rotate(25deg);-ms-transform:rotate(25deg);-o-transform:rotate(25deg);transform:rotate(25deg)}.about .deco-leftBottom::after{width:150%;background:#ededed;left:-10%;bottom:8%;-webkit-transform:rotate(18deg);-moz-transform:rotate(18deg);-ms-transform:rotate(18deg);-o-transform:rotate(18deg);transform:rotate(18deg)}.deco_about04{background:url(../images/about_deco_4.png) left center no-repeat;width:527px;height:210px;bottom:0;left:0;width:95%;-moz-animation:about_deco04 ease-out 4s alternate infinite;-webkit-animation:about_deco04 ease-out 4s alternate infinite;animation:about_deco04 ease-out 4s alternate infinite}.deco_about05{background:url(../images/about_deco_5.png) left center no-repeat;width:579px;height:629px;bottom:-20%;left:-35%;width:100%;-moz-animation:about_deco05 ease-out 6s alternate infinite;-webkit-animation:about_deco05 ease-out 6s alternate infinite;animation:about_deco05 ease-out 6s alternate infinite}.experience .deco-leftBottom{padding-top:10%;width:37%}.experience .deco-leftBottom::before{width:150%;background:#e2cccd;left:-10%;bottom:8%;-webkit-transform:rotate(21deg);-moz-transform:rotate(21deg);-ms-transform:rotate(21deg);-o-transform:rotate(21deg);transform:rotate(21deg)}.experience .deco-leftBottom::after{width:150%;background:#b06e71;left:-10%;bottom:8%;-webkit-transform:rotate(16deg);-moz-transform:rotate(16deg);-ms-transform:rotate(16deg);-o-transform:rotate(16deg);transform:rotate(16deg)}.deco_experience01{background:url(../images/experience_deco_1.png) left center no-repeat;width:187px;height:199px;bottom:-20%;left:44%;width:20%;-moz-animation:about_deco03 linear 20s infinite;-webkit-animation:about_deco03 linear 20s infinite;animation:about_deco03 linear 20s infinite}.deco_experience02{background:url(../images/experience_deco_2.png) left center no-repeat;width:417px;height:411px;bottom:-96%;left:-15%;width:60%;-moz-animation:about_deco05 ease-out 6s alternate infinite;-webkit-animation:about_deco05 ease-out 6s alternate infinite;animation:about_deco05 ease-out 6s alternate infinite}.deco_experience03{background:url(../images/experience_deco_3.png) left center no-repeat;width:508px;height:337px;bottom:-25%;left:5%;width:50%;-moz-animation:experience_deco03 ease-out 5s alternate infinite;-webkit-animation:experience_deco03 ease-out 5s alternate infinite;animation:experience_deco03 ease-out 5s alternate infinite}.works .deco-rightTop{padding-top:25%;width:33%}.works .deco-rightTop::before{width:200%;background:#afafaf;right:-5%;top:10%;-webkit-transform:rotate(12deg);-moz-transform:rotate(12deg);-ms-transform:rotate(12deg);-o-transform:rotate(12deg);transform:rotate(12deg)}.works .deco-rightTop::after{width:200%;background:#dadada;right:-5%;top:-10%;-webkit-transform:rotate(20deg);-moz-transform:rotate(20deg);-ms-transform:rotate(20deg);-o-transform:rotate(20deg);transform:rotate(20deg)}.deco_works01{background:url(../images/works_deco_1.png) left center no-repeat;width:401px;height:358px;top:-12%;right:10%;width:50%;z-index:100;-moz-animation:works_deco01 linear 8s alternate infinite;-webkit-animation:works_deco01 linear 8s alternate infinite;animation:works_deco01 linear 8s alternate infinite}.deco_works02{background:url(../images/works_deco_2.png) left center no-repeat;width:263px;height:165px;top:8%;right:6%;width:28%;z-index:100;-webkit-transform-origin:center center;-moz-transform-origin:center center;-ms-transform-origin:center center;-o-transform-origin:center center;transform-origin:center center;-moz-animation:about_deco02 linear 10s alternate infinite;-webkit-animation:about_deco02 linear 10s alternate infinite;animation:about_deco02 linear 10s alternate infinite}.deco_works03{background:url(../images/works_deco_3.png) left center no-repeat;width:300px;height:290px;top:-10%;right:38%;width:40%;z-index:100;-moz-animation:works_deco03 linear 5s alternate infinite;-webkit-animation:works_deco03 linear 5s alternate infinite;animation:works_deco03 linear 5s alternate infinite}@-moz-keyframes about_deco01{0%{-webkit-transform:rotate(-10deg);-moz-transform:rotate(-10deg);-ms-transform:rotate(-10deg);-o-transform:rotate(-10deg);transform:rotate(-10deg)}100%{-webkit-transform:rotate(20deg);-moz-transform:rotate(20deg);-ms-transform:rotate(20deg);-o-transform:rotate(20deg);transform:rotate(20deg)}}@-webkit-keyframes about_deco01{0%{-webkit-transform:rotate(-10deg);-moz-transform:rotate(-10deg);-ms-transform:rotate(-10deg);-o-transform:rotate(-10deg);transform:rotate(-10deg)}100%{-webkit-transform:rotate(20deg);-moz-transform:rotate(20deg);-ms-transform:rotate(20deg);-o-transform:rotate(20deg);transform:rotate(20deg)}}@-o-keyframes about_deco01{0%{-webkit-transform:rotate(-10deg);-moz-transform:rotate(-10deg);-ms-transform:rotate(-10deg);-o-transform:rotate(-10deg);transform:rotate(-10deg)}100%{-webkit-transform:rotate(20deg);-moz-transform:rotate(20deg);-ms-transform:rotate(20deg);-o-transform:rotate(20deg);transform:rotate(20deg)}}@keyframes about_deco01{0%{-webkit-transform:rotate(-10deg);-moz-transform:rotate(-10deg);-ms-transform:rotate(-10deg);-o-transform:rotate(-10deg);transform:rotate(-10deg)}100%{-webkit-transform:rotate(20deg);-moz-transform:rotate(20deg);-ms-transform:rotate(20deg);-o-transform:rotate(20deg);transform:rotate(20deg)}}@-moz-keyframes about_deco02{0%{-webkit-transform:rotate(-10deg);-moz-transform:rotate(-10deg);-ms-transform:rotate(-10deg);-o-transform:rotate(-10deg);transform:rotate(-10deg)}100%{-webkit-transform:rotate(20deg);-moz-transform:rotate(20deg);-ms-transform:rotate(20deg);-o-transform:rotate(20deg);transform:rotate(20deg)}}@-webkit-keyframes about_deco02{0%{-webkit-transform:rotate(-10deg);-moz-transform:rotate(-10deg);-ms-transform:rotate(-10deg);-o-transform:rotate(-10deg);transform:rotate(-10deg)}100%{-webkit-transform:rotate(20deg);-moz-transform:rotate(20deg);-ms-transform:rotate(20deg);-o-transform:rotate(20deg);transform:rotate(20deg)}}@-o-keyframes about_deco02{0%{-webkit-transform:rotate(-10deg);-moz-transform:rotate(-10deg);-ms-transform:rotate(-10deg);-o-transform:rotate(-10deg);transform:rotate(-10deg)}100%{-webkit-transform:rotate(20deg);-moz-transform:rotate(20deg);-ms-transform:rotate(20deg);-o-transform:rotate(20deg);transform:rotate(20deg)}}@keyframes about_deco02{0%{-webkit-transform:rotate(-10deg);-moz-transform:rotate(-10deg);-ms-transform:rotate(-10deg);-o-transform:rotate(-10deg);transform:rotate(-10deg)}100%{-webkit-transform:rotate(20deg);-moz-transform:rotate(20deg);-ms-transform:rotate(20deg);-o-transform:rotate(20deg);transform:rotate(20deg)}}@-moz-keyframes about_deco03{0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes about_deco03{0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}@-o-keyframes about_deco03{0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes about_deco03{0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}@-moz-keyframes about_deco04{0%{bottom:0}100%{bottom:-8%}}@-webkit-keyframes about_deco04{0%{bottom:0}100%{bottom:-8%}}@-o-keyframes about_deco04{0%{bottom:0}100%{bottom:-8%}}@keyframes about_deco04{0%{bottom:0}100%{bottom:-8%}}@-moz-keyframes about_deco05{0%{-webkit-transform:rotate(-10deg);-moz-transform:rotate(-10deg);-ms-transform:rotate(-10deg);-o-transform:rotate(-10deg);transform:rotate(-10deg)}100%{-webkit-transform:rotate(20deg);-moz-transform:rotate(20deg);-ms-transform:rotate(20deg);-o-transform:rotate(20deg);transform:rotate(20deg)}}@-webkit-keyframes about_deco05{0%{-webkit-transform:rotate(-10deg);-moz-transform:rotate(-10deg);-ms-transform:rotate(-10deg);-o-transform:rotate(-10deg);transform:rotate(-10deg)}100%{-webkit-transform:rotate(20deg);-moz-transform:rotate(20deg);-ms-transform:rotate(20deg);-o-transform:rotate(20deg);transform:rotate(20deg)}}@-o-keyframes about_deco05{0%{-webkit-transform:rotate(-10deg);-moz-transform:rotate(-10deg);-ms-transform:rotate(-10deg);-o-transform:rotate(-10deg);transform:rotate(-10deg)}100%{-webkit-transform:rotate(20deg);-moz-transform:rotate(20deg);-ms-transform:rotate(20deg);-o-transform:rotate(20deg);transform:rotate(20deg)}}@keyframes about_deco05{0%{-webkit-transform:rotate(-10deg);-moz-transform:rotate(-10deg);-ms-transform:rotate(-10deg);-o-transform:rotate(-10deg);transform:rotate(-10deg)}100%{-webkit-transform:rotate(20deg);-moz-transform:rotate(20deg);-ms-transform:rotate(20deg);-o-transform:rotate(20deg);transform:rotate(20deg)}}@-moz-keyframes experience_deco03{0%{bottom:-35%}100%{bottom:-15%}}@-webkit-keyframes experience_deco03{0%{bottom:-35%}100%{bottom:-15%}}@-o-keyframes experience_deco03{0%{bottom:-35%}100%{bottom:-15%}}@keyframes experience_deco03{0%{bottom:-35%}100%{bottom:-15%}}@-moz-keyframes works_deco01{0%{top:-20%;right:20%;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}100%{top:-12%;right:10%;-webkit-transform:rotate(10deg);-moz-transform:rotate(10deg);-ms-transform:rotate(10deg);-o-transform:rotate(10deg);transform:rotate(10deg)}}@-webkit-keyframes works_deco01{0%{top:-20%;right:20%;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}100%{top:-12%;right:10%;-webkit-transform:rotate(10deg);-moz-transform:rotate(10deg);-ms-transform:rotate(10deg);-o-transform:rotate(10deg);transform:rotate(10deg)}}@-o-keyframes works_deco01{0%{top:-20%;right:20%;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}100%{top:-12%;right:10%;-webkit-transform:rotate(10deg);-moz-transform:rotate(10deg);-ms-transform:rotate(10deg);-o-transform:rotate(10deg);transform:rotate(10deg)}}@keyframes works_deco01{0%{top:-20%;right:20%;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}100%{top:-12%;right:10%;-webkit-transform:rotate(10deg);-moz-transform:rotate(10deg);-ms-transform:rotate(10deg);-o-transform:rotate(10deg);transform:rotate(10deg)}}@-moz-keyframes works_deco03{0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(10deg);-moz-transform:rotate(10deg);-ms-transform:rotate(10deg);-o-transform:rotate(10deg);transform:rotate(10deg)}}@-webkit-keyframes works_deco03{0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(10deg);-moz-transform:rotate(10deg);-ms-transform:rotate(10deg);-o-transform:rotate(10deg);transform:rotate(10deg)}}@-o-keyframes works_deco03{0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(10deg);-moz-transform:rotate(10deg);-ms-transform:rotate(10deg);-o-transform:rotate(10deg);transform:rotate(10deg)}}@keyframes works_deco03{0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(10deg);-moz-transform:rotate(10deg);-ms-transform:rotate(10deg);-o-transform:rotate(10deg);transform:rotate(10deg)}}#fullpage div>h2{display:none}.section{overflow:hidden}.section .container{min-height:620px}@media (max-width: 767px){#fullpage{height:100%}#fullpage div>h2{display:block;font:italic 400 2em/1em Georgia,serif;border-bottom:1px solid #303030;padding:30px 0 10px 10px;margin:0 0 10px 0}.section .container{min-height:0}}header{padding:0 0 10px 20px;height:120px;position:fixed;left:20px;top:0;z-index:1000}header h1{margin-top:5px;float:left;position:relative;z-index:1001}header h1 a{display:block;background:url(../images/logo_.png) left center/contain no-repeat;width:95px;height:110.5px;text-indent:-9999px}header nav{float:left;margin-left:-10px;position:relative;z-index:1000}header nav::before{content:"";display:block;position:absolute;left:0px;top:-20px;width:1px;height:130%;border-left:1px solid #959595;-webkit-transform:rotate(-12deg);-moz-transform:rotate(-12deg);-ms-transform:rotate(-12deg);-o-transform:rotate(-12deg);transform:rotate(-12deg)}header nav ul{border-left:3px solid #303030;padding:10px 20px 0 20px;position:relative;z-index:100}header nav ul li a{font:400 1.1em/24px Georgia,serif;text-transform:lowercase;display:inline-block}header nav ul li a:hover{font-size:1.4em}header nav ul li.active a{font:italic 400 2em/1em Georgia,serif;text-transform:uppercase;margin-top:5px;cursor:default}@media (max-width: 767px){header{display:none !important}}.index{text-align:center;overflow:hidden}.index .container{height:100%;overflow:hidden}.index #kv{height:100%;min-height:400px;max-height:800px}.index #kv li{text-align:center;width:100%;position:absolute;top:auto !important;bottom:0;height:100%;-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;-o-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden}.index #kv li img{max-height:80vh;width:auto !important}.index #kv li.kv6 img{-moz-animation:kv06 ease 4s alternate infinite;-webkit-animation:kv06 ease 4s alternate infinite;animation:kv06 ease 4s alternate infinite}.index #kv li.kv7 img{-moz-animation:kv07 linear 3s alternate infinite;-webkit-animation:kv07 linear 3s alternate infinite;animation:kv07 linear 3s alternate infinite}.index #kv li.kv9 img{-moz-animation:kv09 ease-out 2s alternate infinite;-webkit-animation:kv09 ease-out 2s alternate infinite;animation:kv09 ease-out 2s alternate infinite}.index #kv li.kv10 img{-moz-animation:kv10 ease-in 2s alternate infinite;-webkit-animation:kv10 ease-in 2s alternate infinite;animation:kv10 ease-in 2s alternate infinite}.index article{position:absolute;left:0;z-index:100;bottom:10%;width:100%;z-index:1000}.index article h2{font:400 1.1em/1.7em "Noto Sans TC Light","PingFangTC-Light",Noto Sans,Arial,Helvetica,"儷黑 Pro","LiHei Pro","微軟正黑體","Microsoft JhengHei",sans-serif}.index article p{font:400 .9em/1.4em "Noto Sans TC Light","PingFangTC-Light",Noto Sans,Arial,Helvetica,"儷黑 Pro","LiHei Pro","微軟正黑體","Microsoft JhengHei",sans-serif}.index article .btn{margin:20px auto 0 auto}@-moz-keyframes kv06{0%{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}100%{-webkit-transform:translateY(20px);-moz-transform:translateY(20px);-ms-transform:translateY(20px);-o-transform:translateY(20px);transform:translateY(20px)}}@-webkit-keyframes kv06{0%{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}100%{-webkit-transform:translateY(20px);-moz-transform:translateY(20px);-ms-transform:translateY(20px);-o-transform:translateY(20px);transform:translateY(20px)}}@-o-keyframes kv06{0%{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}100%{-webkit-transform:translateY(20px);-moz-transform:translateY(20px);-ms-transform:translateY(20px);-o-transform:translateY(20px);transform:translateY(20px)}}@keyframes kv06{0%{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}100%{-webkit-transform:translateY(20px);-moz-transform:translateY(20px);-ms-transform:translateY(20px);-o-transform:translateY(20px);transform:translateY(20px)}}@-moz-keyframes kv07{0%{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}100%{-webkit-transform:translateY(30px);-moz-transform:translateY(30px);-ms-transform:translateY(30px);-o-transform:translateY(30px);transform:translateY(30px)}}@-webkit-keyframes kv07{0%{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}100%{-webkit-transform:translateY(30px);-moz-transform:translateY(30px);-ms-transform:translateY(30px);-o-transform:translateY(30px);transform:translateY(30px)}}@-o-keyframes kv07{0%{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}100%{-webkit-transform:translateY(30px);-moz-transform:translateY(30px);-ms-transform:translateY(30px);-o-transform:translateY(30px);transform:translateY(30px)}}@keyframes kv07{0%{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}100%{-webkit-transform:translateY(30px);-moz-transform:translateY(30px);-ms-transform:translateY(30px);-o-transform:translateY(30px);transform:translateY(30px)}}@-moz-keyframes kv09{0%{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}100%{-webkit-transform:translateY(-20px);-moz-transform:translateY(-20px);-ms-transform:translateY(-20px);-o-transform:translateY(-20px);transform:translateY(-20px)}}@-webkit-keyframes kv09{0%{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}100%{-webkit-transform:translateY(-20px);-moz-transform:translateY(-20px);-ms-transform:translateY(-20px);-o-transform:translateY(-20px);transform:translateY(-20px)}}@-o-keyframes kv09{0%{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}100%{-webkit-transform:translateY(-20px);-moz-transform:translateY(-20px);-ms-transform:translateY(-20px);-o-transform:translateY(-20px);transform:translateY(-20px)}}@keyframes kv09{0%{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}100%{-webkit-transform:translateY(-20px);-moz-transform:translateY(-20px);-ms-transform:translateY(-20px);-o-transform:translateY(-20px);transform:translateY(-20px)}}@-moz-keyframes kv10{0%{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}100%{-webkit-transform:translateY(20px);-moz-transform:translateY(20px);-ms-transform:translateY(20px);-o-transform:translateY(20px);transform:translateY(20px)}}@-webkit-keyframes kv10{0%{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}100%{-webkit-transform:translateY(20px);-moz-transform:translateY(20px);-ms-transform:translateY(20px);-o-transform:translateY(20px);transform:translateY(20px)}}@-o-keyframes kv10{0%{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}100%{-webkit-transform:translateY(20px);-moz-transform:translateY(20px);-ms-transform:translateY(20px);-o-transform:translateY(20px);transform:translateY(20px)}}@keyframes kv10{0%{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}100%{-webkit-transform:translateY(20px);-moz-transform:translateY(20px);-ms-transform:translateY(20px);-o-transform:translateY(20px);transform:translateY(20px)}}@media (max-width: 767px){.index{height:100%;min-height:500px;background:url(../images/kv_.jpg) center top/cover no-repeat}.index #kv{min-height:0;max-height:100%;display:none}.index article{bottom:0}.index article h2{font:400 1em/1.7em "Noto Sans TC Light","PingFangTC-Light",Noto Sans,Arial,Helvetica,"儷黑 Pro","LiHei Pro","微軟正黑體","Microsoft JhengHei",sans-serif}.index article p{font:400 .8em/1.4em "Noto Sans TC Light","PingFangTC-Light",Noto Sans,Arial,Helvetica,"儷黑 Pro","LiHei Pro","微軟正黑體","Microsoft JhengHei",sans-serif;margin:0 auto;max-width:80%}}.about .container{padding-top:160px}.about .container::before{content:"";display:block;background:url(../images/about_deco_6.png) left center no-repeat;width:805px;height:123px;background-size:contain;width:45%;position:absolute;right:68%;top:16%}.about .container a{font-weight:700}.about .container a:hover {color: #CC002C !important;}.about .left{font:400 .9em/1.7em "Noto Sans TC Light","PingFangTC-Light",Noto Sans,Arial,Helvetica,"儷黑 Pro","LiHei Pro","微軟正黑體","Microsoft JhengHei",sans-serif;padding:30px 8% 15px 8%}.about .left h3{font-size:1.3em;margin:0 0 10px 0}.about .right{font:400 .9em/1.7em "Noto Sans TC Light","PingFangTC-Light",Noto Sans,Arial,Helvetica,"儷黑 Pro","LiHei Pro","微軟正黑體","Microsoft JhengHei",sans-serif;padding:30px 4% 15px 8%}.about .right h3{font-size:1.3em;margin:0 0 10px 0}.about .right::before{content:"";display:block;position:absolute;left:0;top:0;width:1px;height:100%;border-left:1px solid #ddd;-webkit-transform:rotate(24deg);-moz-transform:rotate(24deg);-ms-transform:rotate(24deg);-o-transform:rotate(24deg);transform:rotate(24deg)}.about .intro{padding-top:30px}.about .btnBlock{text-align:center;padding:40px 0 80px 0}@media (max-width: 767px){.about .container{padding-top:0}.about .container::before{display:none}.about .row{margin:0}.about .left{padding:0 0 15px 0}.about .right{padding:75px 0 15px 0}.about .right::before{height:60px;left:50%;margin-left:-30px;-webkit-transform:rotate(24deg);-moz-transform:rotate(24deg);-ms-transform:rotate(24deg);-o-transform:rotate(24deg);transform:rotate(24deg)}.about .intro>div{font:400 .95em/1.6em "Noto Sans TC Light","PingFangTC-Light",Noto Sans,Arial,Helvetica,"儷黑 Pro","LiHei Pro","微軟正黑體","Microsoft JhengHei",sans-serif;border-top:2px solid #303030;padding:30px 0}.about .btnBlock{padding:10px 0 40px 0}}.experience{background:url(../images/experience_deco_4.png) 90% 60%/auto 70% no-repeat,url(../images/experience_deco_5.png) 20% 25%/20px auto no-repeat}.experience .container{height:100%;padding:0}.experience .container::after{content:"";display:block;position:absolute;left:50%;top:50%;width:10000px;margin:-1px 0 0 -5000px;height:3px;border-top:3px solid #303030}.experience .slick-slider{top:50%;margin-top:-154px;position:absolute;left:0;width:100%;cursor:col-resize}.experience .slick-slider li:focus{outline:none}.experience .slick-slider li{overflow:hidden}.experience .slick-slider .slick-prev,.experience .slick-slider .slick-next{width:50px;height:60px;top:0;z-index:1000;-webkit-transition:all ease .3s;-moz-transition:all ease .3s;-o-transition:all ease .3s;transition:all ease .3s}.experience .slick-slider .slick-prev::before,.experience .slick-slider .slick-next::before{font:400 12px/1em Georgia,serif;-moz-opacity:1;opacity:1;filter:alpha(opacity=100);color:#303030;position:absolute;top:0;display:block;width:100%}.experience .slick-slider .slick-prev:hover,.experience .slick-slider .slick-next:hover{-webkit-transition:all ease .3s;-moz-transition:all ease .3s;-o-transition:all ease .3s;transition:all ease .3s}.experience .slick-slider .slick-prev{background:url(../images/experience_prev.png) 50% 13px/20px auto no-repeat}.experience .slick-slider .slick-prev::before{content:"LAST"}.experience .slick-slider .slick-prev:hover{background-position:35% 13px}.experience .slick-slider .slick-next{background:url(../images/experience_next.png) 50% 13px/20px auto no-repeat}.experience .slick-slider .slick-next::before{content:"OLDER"}.experience .slick-slider .slick-next:hover{background-position:65% 13px}.experience .slick-slider .slick-disabled{display:none !important}.experience .title{position:relative;padding:40px 10px 8px 130px;white-space:nowrap}.experience .title::before{content:"";display:block;position:absolute;left:70px;top:20px;width:1px;height:260px;border-left:1px solid #303030;-webkit-transform:rotate(26deg);-moz-transform:rotate(26deg);-ms-transform:rotate(26deg);-o-transform:rotate(26deg);transform:rotate(26deg)}.experience .title b{font:italic 400 4em/1em Georgia,serif;display:block;position:absolute;left:40px;top:100px}.experience .title h4{font:700 1.2em/1.5em Georgia,serif;margin:0 0 5px 0}.experience .title h4 span{display:block}.experience .title h3{font:400 1.1em/1.4em "Noto Sans TC Light","PingFangTC-Light",Noto Sans,Arial,Helvetica,"儷黑 Pro","LiHei Pro","微軟正黑體","Microsoft JhengHei",sans-serif}.experience .title h3 span{display:block}.experience .title h3 span.companyEName{font-size:.9em}.experience .content{padding:15px 15px 20px 80px}.experience .content em{background:#303030;color:#fff;display:inline-block;padding:0 10px;border-radius:2px;letter-spacing:.05em}.experience .content p{font:400 .9em/1.7em "Noto Sans TC Light","PingFangTC-Light",Noto Sans,Arial,Helvetica,"儷黑 Pro","LiHei Pro","微軟正黑體","Microsoft JhengHei",sans-serif;margin-top:8px}.experience .content a{color:#2b6d92;border-bottom:1px dashed transparent;display:inline-block;padding:0 20px 0 0;background:url(../images/icon01.png) right center/16px auto no-repeat}.experience .content a:hover{border-color:#2b6d92}@media (max-width: 1300px){.experience .slick-slider .slick-prev{left:10px}.experience .slick-slider .slick-next{right:10px}}@media (max-width: 991px){.experience .title{padding:50px 10px 8px 130px}}@media (max-width: 767px){.experience{background:none}.experience .container::after{display:none}.experience .slick-slider li{outline:none}.experience .title{padding:10px 15px 10px 50px}.experience .title::before{left:20px;top:0;height:110px;border-left:1px solid #959595}.experience .title b{font:italic 400 3em/1em Georgia,serif;left:0;top:10px}.experience .title h4{font:700 1.1em/1.3em Georgia,serif;margin:0 0 8px 0}.experience .title h3{font:400 1.1em/1.3em "Noto Sans TC Light","PingFangTC-Light",Noto Sans,Arial,Helvetica,"儷黑 Pro","LiHei Pro","微軟正黑體","Microsoft JhengHei",sans-serif}.experience .content{padding:5px 0 30px 0}.experience .content em{font:400 1em/30px "Noto Sans TC Light","PingFangTC-Light",Noto Sans,Arial,Helvetica,"儷黑 Pro","LiHei Pro","微軟正黑體","Microsoft JhengHei",sans-serif;padding:0 10px}}.works .container{padding:40vh 0 0 0 !important;max-width:2000px;width:100% !important;text-align:center}.works .worksImg{position:absolute;left:0;top:0;width:100%;height:100%;background:url(../images/works.jpg) center center/cover no-repeat;opacity:.15;-moz-animation:worksMove 20s linear alternate infinite;-webkit-animation:worksMove 20s linear alternate infinite;animation:worksMove 20s linear alternate infinite}.works .category ul{text-align:right;padding:10px 0}.works .category ul li{display:inline-block}.works .category ul li::after{content:"/";margin:0 7px}.works .category ul li a{font:400 .85em/1.7em "微軟正黑體",Microsoft JhengHei}.works .category ul li:last-child::after{display:none}.works .category ul li.active a{font-size:1.2em}.works .category ul li.active a::after{content:" ”"}.works .worksBlock{margin:0;position:relative;z-index:100}.works .worksBlock .work{padding:1px;float:left;width:16.66667%}.works .worksBlock .work>div{position:relative;overflow:hidden;padding-top:66%;background-repeat:no-repeat;background-position:center center;background-size:cover;cursor:pointer}.works .worksBlock .work>div::after{content:"";display:block;position:absolute;left:0;top:0;height:100%;width:100%;background:url(../images/works_mask.png) transparent left top/5px auto}.works .worksBlock .work>div:hover .intro{-moz-opacity:1;opacity:1;filter:alpha(opacity=100);-webkit-transition:all ease .5s;-moz-transition:all ease .5s;-o-transition:all ease .5s;transition:all ease .5s}.works .worksBlock .intro{background:-webkit-linear-gradient(180deg, rgba(10,86,139,0.9) 0%, rgba(16,41,58,0.9) 100%);background:-moz-linear-gradient(180deg, rgba(10,86,139,0.9) 0%, rgba(16,41,58,0.9) 100%);background:-ms-linear-gradient(180deg, rgba(10,86,139,0.9) 0%, rgba(16,41,58,0.9) 100%);background:-o-linear-gradient(180deg, rgba(10,86,139,0.9) 0%, rgba(16,41,58,0.9) 100%);background:linear-gradient(180deg, rgba(10,86,139,0.9) 0%,rgba(16,41,58,0.9) 100%);position:absolute;width:100%;height:100%;left:0;top:0;padding:8px;-moz-opacity:0;opacity:0;filter:alpha(opacity=0);-webkit-transition:all ease .3s;-moz-transition:all ease .3s;-o-transition:all ease .3s;transition:all ease .3s}.works .worksBlock .intro article{border:1px solid #fff;height:100%;color:#fff;text-align:center;padding:6% 10px 0 10px}.works .worksBlock .intro date{font:400 1.45em/1em Georgia,serif;border-bottom:1px solid #fff;display:inline-block;padding:0 6px;letter-spacing:1px}.works .worksBlock .intro h3{font:700 1.3em/1em "Noto Sans TC Light","PingFangTC-Light",Noto Sans,Arial,Helvetica,"儷黑 Pro","LiHei Pro","微軟正黑體","Microsoft JhengHei",sans-serif;margin:8% 0 5% 0;white-space:nowrap}.works .worksBlock .intro p{font:400 .9em/1.2em "Noto Sans TC Light","PingFangTC-Light",Noto Sans,Arial,Helvetica,"儷黑 Pro","LiHei Pro","微軟正黑體","Microsoft JhengHei",sans-serif}.works .worksBlock .intro p::before{content:"[ "}.works .worksBlock .intro p::after{content:" ]"}.works .worksBlock .intro p span::after{content:" x "}.works .worksBlock .intro p span:last-child::after{display:none}.works .worksBlock .detail{display:none}.works .worksBlock .work.else{-moz-opacity:0;opacity:0;filter:alpha(opacity=0);display:none}.works .worksBlock .work.else>div{cursor:default}.works .worksBlock .work.more .intro{-moz-opacity:1;opacity:1;filter:alpha(opacity=100);z-index:100;background:-webkit-linear-gradient(180deg, rgba(10,86,139,0) 0%, rgba(16,41,58,0) 100%);background:-moz-linear-gradient(180deg, rgba(10,86,139,0) 0%, rgba(16,41,58,0) 100%);background:-ms-linear-gradient(180deg, rgba(10,86,139,0) 0%, rgba(16,41,58,0) 100%);background:-o-linear-gradient(180deg, rgba(10,86,139,0) 0%, rgba(16,41,58,0) 100%);background:linear-gradient(180deg, rgba(10,86,139,0) 0%,rgba(16,41,58,0) 100%)}.works .worksBlock .work.more .intro article{padding:0 10px}.works .worksBlock .work.more .intro h3{font:700 1.3em/40px "Noto Sans TC Light","PingFangTC-Light",Noto Sans,Arial,Helvetica,"儷黑 Pro","LiHei Pro","微軟正黑體","Microsoft JhengHei",sans-serif;margin:-20px 0 0 0;position:relative;top:50%}.works .worksBlock .work.more>div::before{content:"";position:absolute;width:100%;height:100%;left:0;top:0;background:-webkit-linear-gradient(180deg, rgba(10,86,139,0.9) 0%, rgba(16,41,58,0.9) 100%);background:-moz-linear-gradient(180deg, rgba(10,86,139,0.9) 0%, rgba(16,41,58,0.9) 100%);background:-ms-linear-gradient(180deg, rgba(10,86,139,0.9) 0%, rgba(16,41,58,0.9) 100%);background:-o-linear-gradient(180deg, rgba(10,86,139,0.9) 0%, rgba(16,41,58,0.9) 100%);background:linear-gradient(180deg, rgba(10,86,139,0.9) 0%,rgba(16,41,58,0.9) 100%);-moz-opacity:0;opacity:0;filter:alpha(opacity=0);-webkit-transition:all ease .3s;-moz-transition:all ease .3s;-o-transition:all ease .3s;transition:all ease .3s}.works .worksBlock .work.more>div:hover::before{-moz-opacity:1;opacity:1;filter:alpha(opacity=100);-webkit-transition:all ease .3s;-moz-transition:all ease .3s;-o-transition:all ease .3s;transition:all ease .3s}@media (max-width: 1500px){.works .worksBlock .work{width:20%}}@media (max-width: 1199px){.works .worksBlock .work{width:25%}}@media (max-width: 991px){.works .worksBlock .work{width:33.33333%}}@media (max-width: 767px){.works .container{padding:0 !important;min-height:30vh}.works .worksBlock .work{width:50%}.works .worksBlock .intro{padding:6px;display:none}.works .worksBlock .intro article{padding:4% 10px 0 10px}.works .worksBlock .intro date{font:400 1.05em/1em Georgia,serif;padding:2px 6px}.works .worksBlock .intro h3{font:400 1em/1em "Noto Sans TC Light","PingFangTC-Light",Noto Sans,Arial,Helvetica,"儷黑 Pro","LiHei Pro","微軟正黑體","Microsoft JhengHei",sans-serif;margin:4% 0}.works .worksBlock .intro p{font:400 .7em/1.2em "Noto Sans TC Light","PingFangTC-Light",Noto Sans,Arial,Helvetica,"儷黑 Pro","LiHei Pro","微軟正黑體","Microsoft JhengHei",sans-serif}.works .worksBlock .work.else{display:none}.works .worksBlock .work.more .intro{display:block}.works .worksBlock .work.more .intro h3{font:400 1.25em/40px "Noto Sans TC Light","PingFangTC-Light",Noto Sans,Arial,Helvetica,"儷黑 Pro","LiHei Pro","微軟正黑體","Microsoft JhengHei",sans-serif;margin-top:-20px}}.contact{background:url(../images/contact_deco_1.png) 72% 60%/auto 70% no-repeat;position:relative}.contact .container{height:100%}.contact a.from-email:hover {color: #CC002C !important;}.contact .letterBlock{position:absolute;left:50%;top:50%;width:150px;height:115px;margin:-140px 0 0 -75px;cursor:pointer;-webkit-transition:all ease 1.8s;-moz-transition:all ease 1.8s;-o-transition:all ease 1.8s;transition:all ease 1.8s}.contact .letterBlock>h3{text-align:center;font:italic 400 1.5em/1em "Noto Sans TC Light","PingFangTC-Light",Noto Sans,Arial,Helvetica,"儷黑 Pro","LiHei Pro","微軟正黑體","Microsoft JhengHei",sans-serif;position:absolute;left:-25%;bottom:-50px;width:150%;white-space:nowrap}.contact .letter{width:100%;padding-top:74%;position:absolute;left:0;bottom:0;-webkit-box-shadow:0 2px 8px 0 rgba(0,0,0,0.4);-moz-box-shadow:0 2px 8px 0 rgba(0,0,0,0.4);box-shadow:0 2px 8px 0 rgba(0,0,0,0.4);-webkit-transition:all ease 1.8s;-moz-transition:all ease 1.8s;-o-transition:all ease 1.8s;transition:all ease 1.8s}.contact .letter::before{content:"";display:block;position:absolute;left:0;bottom:0;width:100%;background:#8f8e8e;height:100%}.contact .letter::after{content:"";display:block;position:absolute;left:0;bottom:0;width:100%;height:100%;background:url(../images/contact.png) center center/contain no-repeat}.contact .letter .letter-seal{position:absolute;left:0;top:0;z-index:100;width:100%;padding-top:42.55%;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;-o-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform-origin:center top;-moz-transform-origin:center top;-ms-transform-origin:center top;-o-transform-origin:center top;transform-origin:center top;-webkit-transition:transform 1s cubic-bezier(0, .75, .25, 1);-moz-transition:transform 1s cubic-bezier(0, .75, .25, 1);-o-transition:transform 1s cubic-bezier(0, .75, .25, 1);transition:transform 1s cubic-bezier(0, .75, .25, 1)}.contact .letter .letter-seal .front,.contact .letter .letter-seal .back{position:absolute;left:0;top:0;width:100%;height:100%}.contact .letter .letter-seal .front{background:url(../images/contact_seal.png) center top/contain no-repeat;z-index:100;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden}.contact .letter .letter-seal .back{background:url(../images/contact_seal_.png) center top/contain no-repeat;-webkit-transform:rotateX(180deg);-moz-transform:rotateX(180deg);-ms-transform:rotateX(180deg);-o-transform:rotateX(180deg);transform:rotateX(180deg);-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden}.contact .formFrame{padding:0 60px;height:100%;top:100%;width:100%;position:absolute;-moz-opacity:0;opacity:0;filter:alpha(opacity=0)}.contact .formFrame div{position:relative;height:100%}.contact .formFrame div::before{content:"";display:block;background:#f6f6f6;height:100%;position:absolute;left:0;top:0;width:100%;-webkit-box-shadow:0 0 18px 1px rgba(100,100,100,0.3);-moz-box-shadow:0 0 18px 1px rgba(100,100,100,0.3);box-shadow:0 0 18px 1px rgba(100,100,100,0.3)}.contact .formBlock{position:absolute;left:0;top:100%;width:100%;height:200%;-moz-opacity:0;opacity:0;filter:alpha(opacity=0);display:none}.contact .formBlock h3{font:italic 400 2em/1.5em "Noto Sans TC Light","PingFangTC-Light",Noto Sans,Arial,Helvetica,"儷黑 Pro","LiHei Pro","微軟正黑體","Microsoft JhengHei",sans-serif;letter-spacing:.1em;text-align:center;margin:60px 0 20px 0;position:relative}.contact .formBlock .form{max-width:400px;padding:0 15px 40px 15px;margin:0 auto;position:relative;z-index:100}.contact .formBlock .form .form-group{position:relative;margin:0 0 30px 0}.contact .formBlock .form label{color:#000;text-transform:uppercase;font:italic 400 1em/1.7em "Noto Sans TC Light","PingFangTC-Light",Noto Sans,Arial,Helvetica,"儷黑 Pro","LiHei Pro","微軟正黑體","Microsoft JhengHei",sans-serif}.contact .formBlock .form .form-control{border-radius:0;border:2px solid #181818;background:transparent !important;font:400 1.2em/1.7em "Noto Sans TC Light","PingFangTC-Light",Noto Sans,Arial,Helvetica,"儷黑 Pro","LiHei Pro","微軟正黑體","Microsoft JhengHei",sans-serif;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.contact .formBlock .form .form-control:focus{outline:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.contact .formBlock .form .form-input label{position:absolute;left:0;top:0}.contact .formBlock .form .form-input .form-control{border:0;border-bottom:2px solid #181818;padding:0 15px 0 80px}.contact .formBlock .form .hint{position:absolute;right:0;top:32px;color:#c90639}.contact .formBlock .form .hint span{display:none}.contact .formBlock .form .hint span::before{content:"X "}.contact .formBlock .form .form-textarea .form-control{resize:none;height:180px}.contact .formBlock .form .form-textarea .hint{top:4px}.contact .formBlock .form .btnBlock{text-align:center}.contact .formBlock .form .btnBlock .btn{background:transparent;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;margin-bottom:20px}.contact .formBlock .form .btnBlock .btn:focus{outline:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.contact .formBlock .form .btnBlock #letterClose{display:block;width:30px;height:30px;margin:0 auto;position:relative}.contact .formBlock .form .btnBlock #letterClose::before,.contact .formBlock .form .btnBlock #letterClose::after{content:"";display:block;width:30px;height:1px;background:#303030;position:absolute;top:14px}.contact .formBlock .form .btnBlock #letterClose::before{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);left:0}.contact .formBlock .form .btnBlock #letterClose::after{-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg);-ms-transform:rotate(135deg);-o-transform:rotate(135deg);transform:rotate(135deg);left:0}.contact .formBlock .form .btnBlock #letterClose:hover{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);-webkit-transform-origin:center center;-moz-transform-origin:center center;-ms-transform-origin:center center;-o-transform-origin:center center;transform-origin:center center}.contact .formBlock #responseloading{position:absolute;left:0;top:0;z-index:100;width:100%;height:50%;display:none}.contact .formBlock #response{max-width:400px;margin:0 auto;display:none;text-align:center}.contact .formBlock #response h3{margin:200px 0 0 0;font-size:2.2em;white-space:nowrap}.contact .formBlock #response p{margin:80px 0 60px 0}.contact .letterBlock.active{left:50%;top:0;margin:0 0 0 -600px;width:1200px;height:100%;cursor:default}.contact .letterBlock.active .letter{width:100%;position:absolute;bottom:-700px;margin:0 0 5% 0}.contact .letterBlock.active .letter::after{z-index:10}.contact .letterBlock.active>h3{display:none}.contact .letterBlock.active .formFrame{z-index:1;-moz-animation:formMove 1s ease-out 3.2s forwards;-webkit-animation:formMove 1s ease-out 3.2s forwards;animation:formMove 1s ease-out 3.2s forwards}.contact .letterBlock.active .formBlock{z-index:11;display:block;-moz-animation:formMove 1s ease-out 3.2s forwards;-webkit-animation:formMove 1s ease-out 3.2s forwards;animation:formMove 1s ease-out 3.2s forwards}.contact .letterBlock.active .letter-seal{-moz-animation:sealMove 1.2s ease-out 2s forwards;-webkit-animation:sealMove 1.2s ease-out 2s forwards;animation:sealMove 1.2s ease-out 2s forwards}.contact .copyright{position:absolute;left:0;bottom:10px;width:100%;text-align:center;font:400 .9em/1.5em "Noto Sans TC Light","PingFangTC-Light",Noto Sans,Arial,Helvetica,"儷黑 Pro","LiHei Pro","微軟正黑體","Microsoft JhengHei",sans-serif;z-index:100}@-moz-keyframes formMove{0%{-moz-opacity:1;opacity:1;filter:alpha(opacity=100)}100%{top:-420px;-moz-opacity:1;opacity:1;filter:alpha(opacity=100)}}@-webkit-keyframes formMove{0%{-moz-opacity:1;opacity:1;filter:alpha(opacity=100)}100%{top:-420px;-moz-opacity:1;opacity:1;filter:alpha(opacity=100)}}@-o-keyframes formMove{0%{-moz-opacity:1;opacity:1;filter:alpha(opacity=100)}100%{top:-420px;-moz-opacity:1;opacity:1;filter:alpha(opacity=100)}}@keyframes formMove{0%{-moz-opacity:1;opacity:1;filter:alpha(opacity=100)}100%{top:-420px;-moz-opacity:1;opacity:1;filter:alpha(opacity=100)}}@-moz-keyframes sealMove{100%{-webkit-transform:rotateX(180deg);-moz-transform:rotateX(180deg);-ms-transform:rotateX(180deg);-o-transform:rotateX(180deg);transform:rotateX(180deg);z-index:0}}@-webkit-keyframes sealMove{100%{-webkit-transform:rotateX(180deg);-moz-transform:rotateX(180deg);-ms-transform:rotateX(180deg);-o-transform:rotateX(180deg);transform:rotateX(180deg);z-index:0}}@-o-keyframes sealMove{100%{-webkit-transform:rotateX(180deg);-moz-transform:rotateX(180deg);-ms-transform:rotateX(180deg);-o-transform:rotateX(180deg);transform:rotateX(180deg);z-index:0}}@keyframes sealMove{100%{-webkit-transform:rotateX(180deg);-moz-transform:rotateX(180deg);-ms-transform:rotateX(180deg);-o-transform:rotateX(180deg);transform:rotateX(180deg);z-index:0}}@-moz-keyframes worksMove{0%{background-position-y:0}100%{background-position-y:100%}}@-webkit-keyframes worksMove{0%{background-position-y:0}100%{background-position-y:100%}}@-o-keyframes worksMove{0%{background-position-y:0}100%{background-position-y:100%}}@keyframes worksMove{0%{background-position-y:0}100%{background-position-y:100%}}@media (max-width: 767px){.contact{background:none}.contact .formFrame{display:none}.contact .formBlock{position:static;min-height:300px;display:block;-moz-opacity:1;opacity:1;filter:alpha(opacity=100)}.contact .formBlock h3{font-size:1.8em;margin:0 0 10px 0}.contact .formBlock .form{padding:0 20px 100px 20px;max-width:100%}.contact .formBlock .form .form-group{margin:0 0 20px 0}.contact .formBlock .form label{font:italic 400 1.1em/34px "Noto Sans TC Light","PingFangTC-Light",Noto Sans,Arial,Helvetica,"儷黑 Pro","LiHei Pro","微軟正黑體","Microsoft JhengHei",sans-serif}.contact .formBlock .form .form-control{height:34px;font:400 1em/1.5em "Noto Sans TC Light","PingFangTC-Light",Noto Sans,Arial,Helvetica,"儷黑 Pro","LiHei Pro","微軟正黑體","Microsoft JhengHei",sans-serif}.contact .formBlock .form .form-textarea .form-control{height:120px}.contact .formBlock .form .btnBlock #letterClose{display:none}.contact .formBlock #responseloading{height:100%}.contact .formBlock #response{text-align:left}.contact .formBlock #response h3{margin:20px 0 0 0;white-space:normal;text-align:left;font:400 2em/1.3em "Noto Sans TC Light","PingFangTC-Light",Noto Sans,Arial,Helvetica,"儷黑 Pro","LiHei Pro","微軟正黑體","Microsoft JhengHei",sans-serif}.contact .formBlock #response p{margin:40px 0}.contact .formBlock #response .btnBlock{padding-bottom:80px;text-align:center}.contact .letterBlock{margin:0;width:100%;height:100%;position:static;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.contact .letterBlock>h3{font-size:1.5em;bottom:-40px}.contact .letterBlock .letter{position:static;padding:30px 0 0 0;height:100%;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.contact .letterBlock .letter::before{display:none}.contact .letterBlock .letter::after{display:none}.contact .letterBlock .letter .letter-seal{display:none}.contact .letterBlock.active{position:static;width:100%;margin:0}.contact .letterBlock.active .letter{position:static}.contact .letterBlock.active .formFrame{-moz-animation:none;-webkit-animation:none;animation:none}.contact .letterBlock.active .formBlock{-moz-animation:none;-webkit-animation:none;animation:none}.contact .copyright{font:400 .8em/1.4em "Noto Sans TC Light","PingFangTC-Light",Noto Sans,Arial,Helvetica,"儷黑 Pro","LiHei Pro","微軟正黑體","Microsoft JhengHei",sans-serif;padding:0 15px}}