@import"all.css";@import"https://fonts.googleapis.com/css2?family=Noto+Serif+TC:wght@600&display=swap";@import"https://fonts.googleapis.com/css2?family=Open+Sans:wght@500&display=swap";@import"https://fonts.googleapis.com/css2?family=Roboto:wght@700&display=swap";html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}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}input,button,textarea{outline:none}*{box-sizing:border-box}a{text-decoration:none}a{color:#666}body{font-family:Helvetica,Arial,"Noto Sans TC","微軟正黑體",Heiti TC,"メイリオ",sans-serif;line-height:1;color:#666}.marquee{margin:0 auto;width:100%;height:300px;white-space:nowrap;overflow:hidden;box-sizing:border-box;position:relative}.marquee-content{width:100%;display:flex;line-height:30px;animation:marquee 30s linear infinite forwards}.marquee-content:hover{animation-play-state:paused}@media(max-width: 500px){.marquee-content{animation:marquee 10s linear infinite forwards}}.list-inline{display:flex;justify-content:space-around;list-style:none;padding:2em;margin:0}@keyframes marquee{0%{transform:translateX(0)}66%{transform:translateX(-66.6%)}100%{transform:translateX(-66.6%)}}/*!
 * animate.css -https://daneden.github.io/animate.css/
 * Version - 3.7.2
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2019 Daniel Eden
 */@keyframes flip{from{transform:perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);animation-timing-function:ease-out}40%{transform:perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);animation-timing-function:ease-out}50%{transform:perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);animation-timing-function:ease-in}80%{transform:perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);animation-timing-function:ease-in}to{transform:perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);animation-timing-function:ease-in}}.animated.flip{backface-visibility:visible;animation-name:flip}@keyframes lightSpeedIn{from{transform:translate3d(20%, 0, 0) skewX(-30deg);opacity:0}60%{transform:skewX(20deg);opacity:1}80%{transform:skewX(-5deg)}to{transform:translate3d(0, 0, 0)}}.lightSpeedIn{animation-name:lightSpeedIn;animation-timing-function:ease-out}@keyframes rotateIn{from{transform-origin:center;transform:rotate3d(0, 0, 1, 90deg);opacity:0}to{transform-origin:center;transform:translate3d(0, 0, 0);opacity:1}}.rotateIn{animation-name:rotateIn}@keyframes jackInTheBox{from{opacity:0;transform:scale(0.1) rotate(30deg);transform-origin:center bottom}50%{transform:rotate(-10deg)}70%{transform:rotate(3deg)}to{opacity:1;transform:scale(1)}}.jackInTheBox{animation-name:jackInTheBox}@keyframes rollOut{from{opacity:1}to{opacity:0;transform:translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)}}.rollOut{animation-name:rollOut}@keyframes zoomInDown{from{opacity:0;transform:scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)}60%{opacity:1;transform:scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)}}.zoomInDown{animation-name:zoomInDown}@keyframes zoomInLeft{from{opacity:0;transform:scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)}60%{opacity:1;transform:scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)}}.zoomInLeft{animation-name:zoomInLeft}@keyframes zoomInRight{from{opacity:0;transform:scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)}60%{opacity:1;transform:scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)}}.zoomInRight{animation-name:zoomInRight}@keyframes zoomInUp{from{opacity:0;transform:scale3d(0.1, 0.1, 0.1) translate3d(0, 50px, 0);animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)}60%{opacity:1;transform:scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)}}.zoomInUp{animation-name:zoomInUp}@keyframes slideInDown{from{transform:translate3d(0, -10%, 0);visibility:visible}to{transform:translate3d(0, 0, 0)}}.slideInDown{animation-name:slideInDown}@keyframes slideInLeft{from{transform:translate3d(-100%, 0, 0);visibility:visible}to{transform:translate3d(0, 0, 0)}}.slideInLeft{animation-name:slideInLeft}@keyframes slideInRight{from{transform:translate3d(100%, 0, 0);visibility:visible}to{transform:translate3d(0, 0, 0)}}.slideInRight{animation-name:slideInRight}@keyframes slideInUp{from{transform:translate3d(0, 10%, 0);visibility:visible}to{transform:translate3d(0, 0, 0)}}.slideInUp{animation-name:slideInUp}@keyframes slideOutDown{from{transform:translate3d(0, 0, 0)}to{visibility:hidden;transform:translate3d(0, 100%, 0)}}.slideOutDown{animation-name:slideOutDown}@keyframes slideOutLeft{from{transform:translate3d(0, 0, 0)}to{visibility:hidden;transform:translate3d(-100%, 0, 0)}}.slideOutLeft{animation-name:slideOutLeft}@keyframes slideOutRight{from{transform:translate3d(0, 0, 0)}to{visibility:hidden;transform:translate3d(100%, 0, 0)}}.slideOutRight{animation-name:slideOutRight}@keyframes slideOutUp{from{transform:translate3d(0, 0, 0)}to{visibility:hidden;transform:translate3d(0, -100%, 0)}}.slideOutUp{animation-name:slideOutUp}.animated{animation-duration:1s;animation-fill-mode:both}.animated.infinite{animation-iteration-count:infinite}.animated.delay-1s{animation-delay:1s}.animated.delay-2s{animation-delay:2s}.animated.delay-3s{animation-delay:3s}.animated.delay-4s{animation-delay:4s}.animated.delay-5s{animation-delay:5s}.animated.fast{animation-duration:800ms}.animated.faster{animation-duration:500ms}.animated.slow{animation-duration:2s}.animated.slower{animation-duration:3s}@media(print),(prefers-reduced-motion: reduce){.animated{animation-duration:1ms !important;transition-duration:1ms !important;animation-iteration-count:1 !important}}@keyframes fadeInLeft{from{opacity:0;transform:translate3d(-10%, 0, 0)}to{opacity:1;transform:translate3d(0, 0, 0)}}.fadeInLeft{animation-name:fadeInLeft}@keyframes fadeInRight{from{opacity:0;transform:translate3d(10%, 0, 0)}to{opacity:1;transform:translate3d(0, 0, 0)}}.fadeInRight{animation-name:fadeInRight}@keyframes fadeInDown{from{opacity:0;transform:translate3d(0, -30%, 0)}to{opacity:1;transform:translate3d(0, 0, 0)}}.fadeInDown{animation-name:fadeInDown}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.fadeIn{animation-name:fadeIn}@keyframes fadeInUp{from{opacity:0;transform:translate3d(0, 20%, 0)}to{opacity:1;transform:translate3d(0, 0, 0)}}.fadeInUp{animation-name:fadeInUp}@keyframes zoomIn{from{opacity:0;transform:scale3d(0.7, 0.7, 0.7)}50%{opacity:1}}.zoomIn{animation-name:zoomIn}.img_effects{animation-name:effects;position:absolute;width:100%;height:100%;top:0;left:0;background:#fff;transform:translate3d(100%, 0, 0)}.effects_wrap{position:relative;overflow:hidden}@keyframes effects{0%{transform:translate3d(-100%, 0, 0)}50%{transform:translate3d(0%, 0, 0)}100%{transform:translate3d(100%, 0, 0)}}.clip_bottom{animation-name:clip_bottom}@keyframes clip_bottom{0%{clip-path:polygon(0 100%, 100% 100%, 100% 100%, 0% 100%)}100%{clip-path:polygon(0 0, 100% 0, 100% 100%, 0% 100%)}}.clip_top{animation-name:clip_top}@keyframes clip_top{0%{clip-path:polygon(0 0, 100% 0, 100% 0, 0 0)}100%{clip-path:polygon(0 0, 100% 0, 100% 100%, 0 100%)}}.roboto{font-family:"Roboto",sans-serif}.ckeditor{font-size:16px;line-height:28px}.ckeditor img{max-width:100%}.ckeditor p{word-wrap:break-word}.font{font-family:"Noto Serif TC",serif}.flex{display:flex;flex-wrap:wrap}body,html{height:100%;font-size:16px;font-weight:normal;font-family:"Roboto",sans-serif;color:#fff;background-color:#f0f0ee;margin:0px;padding:0}a{color:#fff}h1{font-size:32px;color:#fff;position:relative;display:block;top:40%;text-align:center;text-transform:uppercase}.logoImg{position:absolute;top:0;left:0;width:900px;opacity:.2}@media(max-width: 900px){.logoImg{width:100%}}.vertical_top{position:relative}.vertical_top .container{width:100%;height:100vh;overflow:hidden;position:relative}.vertical_top .container .theme{height:100%;width:100%;position:absolute}.vertical_top .container .theme .logo svg{width:900px}@media(max-width: 900px){.vertical_top .container .theme .logo svg{width:100%}}.vertical_top .container article{position:relative;z-index:6}.vertical_top .container .text_font{display:inline-block}.vertical_top{position:relative}.vertical_top .container{width:100%;height:100vh;overflow:hidden;position:relative}.vertical_top .container .theme{height:100%;width:100%;position:absolute}.vertical_top .container .theme-1{background-image:url("../img/section_1_bg.png");display:flex;align-items:center;justify-content:center;background-size:cover;flex-wrap:wrap}@media(max-width: 900px){.vertical_top .container .theme-1{background-image:url("../img/section_1_bg_ipad.jpg")}}@media(max-width: 500px){.vertical_top .container .theme-1{background-image:url("../img/section_1_bg_mb.jpg")}}.vertical_top .container .theme-1 .line{position:absolute;bottom:0;left:0;width:100%}@media(max-width: 900px){.vertical_top .container .theme-1 .line{background-image:url("../img/one_line.svg");background-size:cover;height:100%;background-position-x:right;display:none}}@media(max-width: 500px){.vertical_top .container .theme-1 .line{display:none}}.vertical_top .container .theme-1 .line img{max-width:100%}@media(min-width: 1925px){.vertical_top .container .theme-1 .line img{max-width:initial;width:100%}}@media(max-width: 900px){.vertical_top .container .theme-1 .line img{display:none}}.vertical_top .container .theme-1 article{font-size:20px;letter-spacing:1px;text-align:center}@media(max-width: 500px){.vertical_top .container .theme-1 article{font-size:16px}}.vertical_top .container .theme-1 article .logo{padding-bottom:60px}.vertical_top .container .theme-1 .scroll{position:absolute;z-index:7;width:100%;text-align:center;left:0;bottom:30px}.vertical_top .container .theme-1 .scroll .down_icon{animation:down 2s ease-in-out infinite;cursor:pointer}.vertical_top .container .theme-2{background-image:url("../img/section_2_bg.jpg");background-size:cover;z-index:8;padding-top:20vh;background-position-x:center}@media(max-width: 900px){.vertical_top .container .theme-2{background-image:url("../img/section_2_bg_ipad.jpg")}}@media(max-width: 500px){.vertical_top .container .theme-2{background-image:url("../img/section_2_bg_mb.jpg");background-position-y:0px}}.vertical_top .container .theme-2 .content{margin:0 auto;max-width:960px}@media(max-width: 500px){.vertical_top .container .theme-2 .content{padding:30px}}.vertical_top .container .theme-2 .content img{max-width:80%}@media(max-width: 1024px){.vertical_top .container .theme-2 .content img{max-width:60%}}@media(max-width: 500px){.vertical_top .container .theme-2 .content img{max-width:100%}}.vertical_top .container .theme-2 .content h2{font-size:21px;text-align:center;line-height:38px}@media(max-width: 500px){.vertical_top .container .theme-2 .content h2{font-size:16px;text-align:center;line-height:28px}}.vertical_top .container .theme-2 .content h2 br{display:none}@media(max-width: 500px){.vertical_top .container .theme-2 .content h2 br{display:block}}.vertical_top .container .theme-2 .content .box{padding:25px 0}.vertical_top .container .theme-2 .content .box:nth-child(1),.vertical_top .container .theme-2 .content .box:nth-child(3){padding-right:10vw}@media(max-width: 1024px){.vertical_top .container .theme-2 .content .box:nth-child(1),.vertical_top .container .theme-2 .content .box:nth-child(3){padding-right:5vw}}@media(max-width: 900px){.vertical_top .container .theme-2 .content .box:nth-child(1),.vertical_top .container .theme-2 .content .box:nth-child(3){padding-right:0;padding-left:8vw}}@media(max-width: 500px){.vertical_top .container .theme-2 .content .box:nth-child(1),.vertical_top .container .theme-2 .content .box:nth-child(3){padding:15px}}.vertical_top .container .theme-2 .content .box:nth-child(3){padding-right:0;text-align:center}.vertical_top .container .theme-2 .content .box:nth-child(2){padding-left:10vw;text-align:right}@media(max-width: 1024px){.vertical_top .container .theme-2 .content .box:nth-child(2){padding-left:5vw}}@media(max-width: 900px){.vertical_top .container .theme-2 .content .box:nth-child(2){padding-right:8vw;padding-left:0}}@media(max-width: 500px){.vertical_top .container .theme-2 .content .box:nth-child(2){padding:15px}}@keyframes down{0%{transform:translateY(0px)}50%{transform:translateY(20px)}100%{transform:translateY(0px)}}.vertical_bottom{position:relative}.vertical_bottom .container{width:100%;height:100vh;overflow:hidden;position:relative}@media(max-width: 500px){.vertical_bottom .container{height:150vh}}.vertical_bottom .container .themes{height:100%;width:100%;position:absolute}.vertical_bottom .container .theme_4{height:100%;width:100%;position:absolute;background-image:url("../img/section_4_bg.jpg");background-size:cover}@media(max-width: 1450px){.vertical_bottom .container .theme_4{padding:0 30px}}@media(max-width: 900px){.vertical_bottom .container .theme_4{background-image:url("../img/section_4_bg_ipad.jpg");background-position-x:center}}@media(max-width: 500px){.vertical_bottom .container .theme_4{background-image:url("../img/section_4_bg_mb.jpg");background-position-x:center}}.vertical_bottom .container .theme_4 .title{text-align:center;padding-top:55px;padding-bottom:20px}@media(max-width: 500px){.vertical_bottom .container .theme_4 .title{padding-top:85px}}.vertical_bottom .container .theme_4 .title h2{padding-top:10px}@media(max-width: 500px){.vertical_bottom .container .theme_4 .title h2{padding-top:0;padding-bottom:12px}}.vertical_bottom .container .theme_4 .title .border_font{font-size:100px;padding:10px 0;font-family:"Roboto",sans-serif;letter-spacing:5px;padding-right:20px}@media(max-width: 900px){.vertical_bottom .container .theme_4 .title .border_font{font-size:60px}}@media(max-width: 500px){.vertical_bottom .container .theme_4 .title .border_font{font-size:32px;padding-right:5px}}.vertical_bottom .container .theme_4 .title .title_font{padding-left:20px;font-size:90px;padding:10px 0;letter-spacing:5px;font-family:"Noto Serif TC",serif;position:relative;top:40px}@media(max-width: 900px){.vertical_bottom .container .theme_4 .title .title_font{font-size:50px}}@media(max-width: 500px){.vertical_bottom .container .theme_4 .title .title_font{font-size:30px;top:0px}}.vertical_bottom .container .theme_4 .list{max-width:1024px;margin:10px auto;padding:25px 0}@media(max-width: 900px){.vertical_bottom .container .theme_4 .list{padding:35px 0 5px}}@media(max-width: 500px){.vertical_bottom .container .theme_4 .list{padding:3px 0}}.vertical_bottom .container .theme_4 .list ul{display:flex;justify-content:center;flex-wrap:wrap}@media(max-width: 500px){.vertical_bottom .container .theme_4 .list ul{display:flex;flex-wrap:wrap;justify-content:flex-start}}.vertical_bottom .container .theme_4 .list ul li{padding:0px 20px;border-right:solid 1px #fff;margin-bottom:0px;margin-top:10px}@media(max-width: 900px){.vertical_bottom .container .theme_4 .list ul li{padding:0px 15px;border-right:none}}@media(max-width: 500px){.vertical_bottom .container .theme_4 .list ul li{padding:0px;margin:0px 0;flex:0 0 100%;text-align:center}}@media(max-width: 500px){.vertical_bottom .container .theme_4 .list ul li div{display:none}}.vertical_bottom .container .theme_4 .list ul li a{font-size:18px;position:relative;padding:0px 0 5px;overflow:hidden;display:inline-block}@media(max-width: 500px){.vertical_bottom .container .theme_4 .list ul li a{font-size:16px;color:#98afd1}}@media(max-width: 375px){.vertical_bottom .container .theme_4 .list ul li a{font-size:14px}}.vertical_bottom .container .theme_4 .list ul li .active{color:#fff}.vertical_bottom .container .theme_4 .list ul li:last-child{border:none}.vertical_bottom .container .theme_4 .content{max-width:1120px;margin:0 auto}.vertical_bottom .container .theme_4 .content .box{flex:0 0 25%}@media(max-width: 900px){.vertical_bottom .container .theme_4 .content .box{flex:0 0 33.33%}}@media(max-width: 500px){.vertical_bottom .container .theme_4 .content .box{flex:0 0 50%}}.vertical_bottom .container .theme_4 .content .box .photo{height:180px;overflow:hidden;position:relative}@media(max-width: 900px){.vertical_bottom .container .theme_4 .content .box .photo{height:185px}}@media(max-width: 768px){.vertical_bottom .container .theme_4 .content .box .photo{height:120px}}@media(max-width: 500px){.vertical_bottom .container .theme_4 .content .box .photo{height:200px}}.vertical_bottom .container .theme_4 .content .box .photo::before{content:"More";font-size:25px;color:#fff;align-items:center;justify-content:center;position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.6);display:none}@media(max-width: 900px){.vertical_bottom .container .theme_4 .content .box .photo::before{display:none}}.vertical_bottom .container .theme_4 .content .box .photo:hover::before{display:flex}.vertical_bottom .container .theme_4 .content .box img{max-width:100%}@media(max-width: 900px){.vertical_bottom .container .theme_4 .content .box img{max-width:500px;width:100%}}.vertical_bottom .container .theme_4 .content .box article{padding:10px 15px;border-right:solid 1px hsla(0,0%,80%,.4);background-color:rgba(0,0,0,.2)}.vertical_bottom .container .theme_4 .content .box article h2{font-size:16px;line-height:25px}.vertical_bottom .container .theme_4 .content .box article p{font-size:12px;line-height:22px;height:44px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}@media(max-width: 500px){.vertical_bottom .container .theme_4 .content .box article p{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;height:22px}}@media(max-width: 900px){.vertical_bottom .container .theme_4 .content .box:nth-child(7),.vertical_bottom .container .theme_4 .content .box:nth-child(8){display:none}}@media(max-width: 500px){.vertical_bottom .container .theme_4 .content .box:nth-child(7),.vertical_bottom .container .theme_4 .content .box:nth-child(8){display:block}}.vertical_bottom .container .theme_4 .content .box:nth-child(4) article,.vertical_bottom .container .theme_4 .content .box:nth-child(8) article{border:none}.vertical_bottom .container .theme_4 .content .more{text-align:center;padding-top:35px;font-size:17px;letter-spacing:1px}@media(max-width: 500px){.vertical_bottom .container .theme_4 .content .more{padding-top:20px;position:absolute;top:87vh;text-align:center;width:85%}}.vertical_bottom .container .theme_4 .content .more a{position:relative}.vertical_bottom .container .theme_4 .content .more a::before{content:"";position:absolute;width:60px;height:1px;background:#fff;left:-5px;top:28px}.vertical_bottom .container .theme_4 .content .more a::after{content:"";position:absolute;width:30px;height:4px;background:#fff;left:-5px;top:29px;transition:.7s width}.vertical_bottom .container .theme_4 .content .more a:hover::after{width:60px;transition:.7s width}.vertical_bottom .container .theme_5{height:100%;width:100%;position:absolute;background-image:url("../img/section_5_bg.jpg");z-index:8;background-position:center;background-size:cover}@media(max-width: 900px){.vertical_bottom .container .theme_5{background-image:url("../img/section_5_bg_ipad.jpg")}}@media(max-width: 500px){.vertical_bottom .container .theme_5{height:110%;background-image:url("../img/section_5_bg_mb.jpg")}}.vertical_bottom .container .theme_5 .title{text-align:center;padding-top:12vh}@media(max-width: 500px){.vertical_bottom .container .theme_5 .title{padding-top:95px}}.vertical_bottom .container .theme_5 .title h2{font-size:28px}@media(max-width: 500px){.vertical_bottom .container .theme_5 .title h2{padding-bottom:12px}}.vertical_bottom .container .theme_5 .title p{padding:10px 0}@media(max-width: 500px){.vertical_bottom .container .theme_5 .title p{display:inline-block}}.vertical_bottom .container .theme_5 .title .border_font{font-size:100px;padding:10px 0;letter-spacing:5px}@media(max-width: 900px){.vertical_bottom .container .theme_5 .title .border_font{font-size:60px}}@media(max-width: 500px){.vertical_bottom .container .theme_5 .title .border_font{font-size:32px;padding:3px 0}}.vertical_bottom .container .theme_5 .title .title_font{font-size:90px;padding:10px 0;letter-spacing:5px;font-family:"Noto Serif TC",serif}@media(max-width: 900px){.vertical_bottom .container .theme_5 .title .title_font{font-size:50px}}@media(max-width: 500px){.vertical_bottom .container .theme_5 .title .title_font{font-size:30px;padding:3px 0}}.vertical_bottom .container .theme_5 .content{max-width:1400px;margin:0 auto}@media(max-width: 1024px){.vertical_bottom .container .theme_5 .content{padding:0 30px}}.vertical_bottom .container .theme_5 .content .flex{display:flex;flex-wrap:wrap}.vertical_bottom .container .theme_5 .content .flex .box{flex:0 0 20%;height:200px;display:flex;align-items:center;justify-content:center}@media(max-width: 900px){.vertical_bottom .container .theme_5 .content .flex .box{padding:42px;height:150px;flex:0 0 33.33%}}@media(max-width: 500px){.vertical_bottom .container .theme_5 .content .flex .box{flex:0 0 50%;height:initial;padding:5px 30px}}.vertical_bottom .container .theme_5 .content .flex .box img{max-width:100%}@media(max-width: 500px){.vertical_bottom .container .theme_5 .content .flex .box:nth-child(8) img{max-width:75%}}.wrapper{width:100%;height:100%;overflow:hidden;background-image:url("../img/section_3_bg.jpg");min-height:100vh;background-size:cover}@media(max-width: 900px){.wrapper{background-image:url("../img/section_3_bg_ipad.jpg")}}@media(max-width: 500px){.wrapper{background-image:url("../img/aboutThem_2_mb.jpg")}}.wrapper .title{text-align:center;padding-top:10vh;margin-bottom:2vh}@media(max-width: 500px){.wrapper .title{padding-top:60px;margin-bottom:20px}}.wrapper .title .border_font{font-size:100px;padding-top:1vh}@media(max-width: 900px){.wrapper .title .border_font{font-size:60px}}@media(max-width: 500px){.wrapper .title .border_font{font-size:40px}}.wrapper .sections{width:400%;height:100%;padding-left:25vw;padding-top:5vh}@media(max-width: 900px){.wrapper .sections{padding-top:0}}.wrapper .sections .section{height:100%;width:20%;float:left;position:relative;display:flex;justify-content:center;position:relative;max-width:960px;margin:0 auto}@media(max-width: 900px){.wrapper .sections .section{max-width:505px;padding:0 25px}}@media(max-width: 500px){.wrapper .sections .section{max-width:305px}}.wrapper .sections .section img{max-width:100%;width:100%}@media(max-width: 500px){.wrapper .sections .section img{width:100%;max-width:275px}}@media(max-width: 500px){.wrapper .sections .section{padding:0 15px}}.wrapper .sections .section article{position:absolute;left:-70px;top:160px;width:100%}@media(max-width: 900px){.wrapper .sections .section article{position:absolute;left:31px;top:254px;width:87%;background:rgba(51,51,51,0);padding:15px;padding-left:0;max-width:100%}}@media(max-width: 500px){.wrapper .sections .section article{position:absolute;left:15px;top:225px;width:90%;background:rgba(51,51,51,0);padding:15px;max-width:305px;padding:20px 0}}@media(max-width: 900px){.wrapper .sections .section article img{max-width:80%}}.wrapper .sections .section article .text{position:relative;padding-bottom:20px}.wrapper .sections .section article .text span{font-size:20px;line-height:24px;letter-spacing:1px}@media(max-width: 500px){.wrapper .sections .section article .text span{font-size:17px}}.wrapper .sections .section article .text strong{font-size:30px;font-family:"Noto Serif TC",serif;padding-left:28px}@media(max-width: 900px){.wrapper .sections .section article .text strong{position:absolute;right:0}}@media(max-width: 500px){.wrapper .sections .section article .text strong{font-size:22px;position:initial;top:0;bottom:auto}}.wrapper .sections .section article .txt{font-family:"Roboto",sans-serif}.wrapper .sections .section article .txt span{-webkit-text-stroke:.4px #fff;color:rgba(0,0,0,0);font-size:38px;font-family:"Roboto",sans-serif}@media(max-width: 900px){.wrapper .sections .section article .txt span{display:block;text-align:right}}@media(max-width: 500px){.wrapper .sections .section article .txt span{font-size:28px;position:absolute;right:0;top:50px}}.wrapper .sections .section article .more{position:absolute;bottom:-50px;left:70px;font-size:14px;font-weight:bold;border-bottom:solid 1px #fff;padding-bottom:7px;padding-right:36px}@media(max-width: 900px){.wrapper .sections .section article .more{bottom:25px;left:0px}}@media(max-width: 500px){.wrapper .sections .section article .more{position:absolute;bottom:0px;left:0px;font-size:12px}}.wrapper .sections .section article .more:before{content:"";position:absolute;bottom:-4px;height:3px;width:39px;background-color:#fff;transition:.8s width}.wrapper .sections .section article:hover .more:before{width:100%;transition:.8s width}.wrapper .sections .section:nth-child(1){padding-top:14vh}@media(max-width: 900px){.wrapper .sections .section:nth-child(1){padding-top:8vh}}@media(max-width: 500px){.wrapper .sections .section:nth-child(1){padding-top:14px}}@media(max-width: 900px){.wrapper .sections .section:nth-child(1) article{top:403px}}@media(max-width: 500px){.wrapper .sections .section:nth-child(1) article{top:190px}}@media(max-width: 500px){.wrapper .sections .section:nth-child(1) article span{top:50px}}@media(max-width: 900px){.wrapper .sections .section:nth-child(1) article .text strong{top:0}}@media(max-width: 500px){.wrapper .sections .section:nth-child(1) article .text strong{top:-25px;position:relative}}@media(max-width: 900px){.wrapper .sections .section:nth-child(1) article .txt span{top:-15px;position:relative}}@media(max-width: 500px){.wrapper .sections .section:nth-child(1) article .txt span{top:50px;position:absolute}}@media(max-width: 500px){.wrapper .sections .section:nth-child(2){margin-top:15vh}}.wrapper .sections .section:nth-child(2) article{top:50px}@media(max-width: 900px){.wrapper .sections .section:nth-child(2) article{top:332px}}@media(max-width: 500px){.wrapper .sections .section:nth-child(2) article{top:186px;left:15px}}.wrapper .sections .section:nth-child(3){padding-top:8vh}@media(max-width: 900px){.wrapper .sections .section:nth-child(3){padding-top:8vh;justify-content:flex-start}}.wrapper .sections .section:nth-child(3) article{position:absolute;left:0px;top:140px}@media(max-width: 900px){.wrapper .sections .section:nth-child(3) article .more{left:10px;right:auto}}@media(max-width: 900px){.wrapper .sections .section:nth-child(3) article .more{left:0px;right:auto}}@media(max-width: 900px){.wrapper .sections .section:nth-child(3) article{top:434px;left:26px}}@media(max-width: 500px){.wrapper .sections .section:nth-child(3) article{top:258px;left:15px}}@media(max-width: 900px){.wrapper .sections .section:nth-child(4){padding-top:0;justify-content:flex-start}}@media(max-width: 500px){.wrapper .sections .section:nth-child(4){margin-top:15vh}}.wrapper .sections .section:nth-child(4) article{position:absolute;left:0px;top:30px}@media(max-width: 900px){.wrapper .sections .section:nth-child(4) article{top:334px;left:26px}}@media(max-width: 500px){.wrapper .sections .section:nth-child(4) article{top:188px;left:15px;width:90%}}@media(max-width: 500px){.wrapper .sections .section:nth-child(4) article strong{width:100%;position:absolute;right:0;text-align:right}}.wrapper .sections .section:nth-child(5){padding-top:8vh}@media(max-width: 900px){.wrapper .sections .section:nth-child(5){padding-top:8vh}}@media(max-width: 900px){.wrapper .sections .section:nth-child(5) article{top:416px;left:26px}}@media(max-width: 500px){.wrapper .sections .section:nth-child(5) article{top:250px}}footer{background:#10183d;padding:9vh 0;position:relative;z-index:9;cursor:none}@media(max-width: 1450px){footer{padding:9vh 30px}}@media(max-width: 500px){footer{padding:9vh 30px 4vh}}footer .content{max-width:1400px;margin:0 auto}footer .content .flex{display:flex;flex-wrap:wrap}footer .content .flex .data{flex:0 0 50%}@media(max-width: 900px){footer .content .flex .data{flex:0 0 100%}}footer .content .flex .data .logo{padding-bottom:30px}@media(max-width: 900px){footer .content .flex .data .logo{text-align:center}}@media(max-width: 500px){footer .content .flex .data .logo img{max-width:200px}}footer .content .flex .data h2{font-size:22px;padding-bottom:5px;font-weight:bold}@media(max-width: 900px){footer .content .flex .data h2{text-align:center}}footer .content .flex .data h2 a{color:#fff}footer .content .flex .data h3{font-size:17px;letter-spacing:1px;padding-bottom:25px}@media(max-width: 900px){footer .content .flex .data h3{text-align:center}}@media(max-width: 500px){footer .content .flex .data h3{font-size:16px;display:none}}footer .content .flex .data h3 a{color:#fff}footer .content .flex .data .col{padding:14px 0;font-family:Arial,Helvetica,sans-serif;position:relative}@media(max-width: 900px){footer .content .flex .data .col{max-width:400px;margin-left:25vw}}@media(max-width: 500px){footer .content .flex .data .col{max-width:100%;margin-left:0;text-align:center;padding:10px 0;font-size:15px}}footer .content .flex .data .col span{display:inline-block;width:110px;font-weight:100;letter-spacing:1px}@media(max-width: 900px){footer .content .flex .data .col span{width:90px}}@media(max-width: 500px){footer .content .flex .data .col span{display:none}}footer .content .flex .data .col strong{position:absolute;right:20%;top:10px}footer .content .flex .data .col strong a{padding:0 6px}footer .content .flex .data .col strong .link_a{opacity:0}footer .content .flex .data .col strong .link_a:hover{opacity:1}footer .content .flex .data .col:hover .link_a{opacity:.2}footer .content .flex .link{flex:0 0 50%;padding-left:10vw;padding-top:10vh}@media(max-width: 900px){footer .content .flex .link{flex:0 0 100%;padding-left:0vw;padding-top:30px;max-width:325px;margin:0 auto}}footer .content .flex .link .footer_link{padding-bottom:30px}@media(max-width: 900px){footer .content .flex .link .footer_link{text-align:center}}@media(max-width: 500px){footer .content .flex .link .footer_link{text-align:center}}footer .content .flex .link .footer_link a{padding-right:25px}@media(max-width: 500px){footer .content .flex .link .footer_link a{padding:5px 25px}}@media(max-width: 500px){footer .content .flex .link ul{max-width:220px;margin:0 auto}}footer .content .flex .link ul li{padding:5px 0;position:relative;cursor:pointer}@media(max-width: 500px){footer .content .flex .link ul li{padding:10px 0px}}footer .content .flex .link ul li:before{content:"";position:absolute;width:60px;height:1px;background:#fff;left:70%;top:25px}@media(max-width: 500px){footer .content .flex .link ul li:before{right:0;left:auto;top:22px}}footer .content .flex .link ul li:after{content:"";position:absolute;width:30px;height:4px;background:#fff;left:70%;top:25px;transition:.7s width}@media(max-width: 500px){footer .content .flex .link ul li:after{right:0;left:auto;top:22px}}footer .content .flex .link ul li a{display:block}footer .content .flex .link ul li img{max-width:120px}@media(max-width: 500px){footer .content .flex .link ul li img{max-width:100px}}footer .content .flex .link ul li:hover:after{width:60px;transition:.7s width}footer .content .flex .link ul li:nth-child(2) img{max-width:150px}@media(max-width: 500px){footer .content .flex .link ul li:nth-child(2) img{max-width:100px}}footer .content .flex .link ul li:nth-child(3) img{max-width:150px}@media(max-width: 500px){footer .content .flex .link ul li:nth-child(3) img{max-width:100px}}footer .content .flex .link ul li:nth-child(4) img{max-width:140px}@media(max-width: 500px){footer .content .flex .link ul li:nth-child(4) img{max-width:100px}}.menu_logo{position:fixed;z-index:99;top:5vh;left:5vw}@media(max-width: 500px){.menu_logo{top:15px}}.menu_logo img{max-width:157px}@media(max-width: 500px){.menu_logo img{max-width:100px}}.menu_btn{position:fixed;z-index:99;top:5vh;right:5vw;font-size:20px;display:flex;align-items:center;letter-spacing:1px;cursor:pointer}@media(max-width: 500px){.menu_btn{top:21px;right:0vw}}@media(max-width: 500px){.menu_btn b{display:none}}.menu_btn span{width:51px;height:51px;display:inline-block;border:solid 2px #fff;z-index:99;border-radius:100%;margin-right:20px}@media(max-width: 500px){.menu_btn span{width:36px;height:36px;border:solid 1px #fff}}.menu_btn span::before{content:"";position:absolute;width:30px;height:2px;background:#fff;top:20px;left:11px}@media(max-width: 500px){.menu_btn span::before{width:21px;height:1px;top:14px;left:8px}}.menu_btn span::after{content:"";position:absolute;width:30px;height:2px;background:#fff;top:30px;left:11px}@media(max-width: 500px){.menu_btn span::after{width:21px;height:1px;top:21px;left:8px}}.menu_btn_toggle span::before{transform:rotate(-45deg);top:25px;transition:.7s transform}@media(max-width: 500px){.menu_btn_toggle span::before{top:18px}}.menu_btn_toggle span::after{transform:rotate(45deg);top:25px;transition:.7s transform}@media(max-width: 500px){.menu_btn_toggle span::after{top:18px}}.contact_btn{position:fixed;z-index:99;top:7vh;right:5vw;font-size:20px;z-index:9}.link_btn{position:fixed;z-index:7;bottom:0;right:5vw;z-index:77}.link_btn a{display:block;margin-bottom:10px}menu{background-color:#001b43;position:fixed;width:100%;height:100%;top:0;left:0;z-index:10;display:none}menu .content{max-width:800px;margin:0 auto;text-align:left;padding:15vh 30px}@media(max-width: 900px){menu .content{padding-left:20%}}@media(max-width: 500px){menu .content{padding-top:8vh;padding-left:30px}}menu .content .box{padding:20px 0}@media(max-width: 500px){menu .content .box{padding:10px 0;text-align:center}}menu .content .box a{display:flex;flex-wrap:wrap;align-items:center;line-height:25px;padding:30px 0}@media(max-width: 500px){menu .content .box a{padding:7px 0}}menu .content .box a section{padding-left:12%;font-size:5.2vw;letter-spacing:7px;font-family:"Noto Serif TC",serif}@media(max-width: 900px){menu .content .box a section{font-size:8.5vw}}@media(max-width: 500px){menu .content .box a section{padding-left:0;letter-spacing:2px;flex:0 0 100%}}menu .content .box a article{padding-bottom:10px}@media(max-width: 500px){menu .content .box a article{flex:0 0 100%}}menu .content .box a article p{padding:2px 0}@media(max-width: 500px){menu .content .box img{max-width:180px}}@media(max-width: 500px){menu .content .box:nth-child(2) img{max-width:140px}}@media(max-width: 500px){menu .content .box:nth-child(3) img{max-width:148px}}@media(max-width: 500px){menu .content .box:nth-child(4) img{max-width:200px}}.cursor{width:30px;height:30px;border-radius:100%;border:1px solid #fff;transition:all 200ms ease-out;position:fixed;pointer-events:none;left:0;top:0;transform:translate(calc(-50% + 15px), -50%);z-index:99999}@media(max-width: 900px){.cursor{display:none}}.cursor2{width:5px;height:5px;border-radius:100%;background-color:#fff;opacity:.8;position:fixed;transform:translate(-50%, -50%);pointer-events:none;transition:width .3s,height .3s,opacity .3s;z-index:99999}@media(max-width: 900px){.cursor2{display:none}}.aertBox{background-color:rgba(0,0,0,.6);position:fixed;top:0;left:0;width:100%;height:100%;display:none;align-items:center;justify-content:center;z-index:9}.aertBox .cursor2{background-color:#000}.aertBox .aertContent{background-color:#fff;padding:45px 60px;font-size:20px;color:#000;position:relative}.aertBox .alertClose{position:absolute;top:-15px;right:-15px;background-color:#001b43;color:#fff;border-radius:100%;text-align:center;line-height:30px;width:30px;z-index:99;height:30px;cursor:pointer}.case img{max-width:100%}.case .banner{background-image:url("../img/case_banner.jpg");height:100vh;background-size:cover;display:flex;justify-content:center;align-content:center;color:#fff;flex-wrap:wrap;position:relative;background-position-x:center}@media(max-width: 500px){.case .banner{height:67vh}}.case .banner .num{font-size:150px;flex:0 0 100%;text-align:center;font-family:"Microsoft Himalaya"}@media(max-width: 900px){.case .banner .num{font-size:80px}}@media(max-width: 500px){.case .banner .num{font-size:60px}}.case .banner .title{font-size:60px;flex:0 0 100%;padding:0px;letter-spacing:3px;text-align:center}@media(max-width: 500px){.case .banner .title{font-size:30px}}.case .banner .scroll_down{position:absolute;z-index:7;width:100%;text-align:center;left:0;bottom:40px}.case .banner .scroll_down .down_icon{animation:down 2s ease-in-out infinite;cursor:pointer}.case .caseIntro{background-color:#fff}@media(max-width: 1280px){.case .caseIntro{padding:0 30px}}.case .caseIntro .container{max-width:1170px;margin:0 auto;padding:80px 0}@media(max-width: 500px){.case .caseIntro .container{padding:30px 0}}.case .caseIntro .container .flex{display:flex;flex-wrap:wrap;justify-content:space-between}@media(max-width: 1280px){.case .caseIntro .container .flex{justify-content:flex-start}}.case .caseIntro .container .flex .introData{color:#000;flex:0 0 60%}@media(max-width: 1280px){.case .caseIntro .container .flex .introData{padding-left:30px}}@media(max-width: 500px){.case .caseIntro .container .flex .introData{flex:0 0 100%}}.case .caseIntro .container .flex .introData .title{font-size:30px;position:relative}@media(max-width: 500px){.case .caseIntro .container .flex .introData .title{font-size:21px}}.case .caseIntro .container .flex .introData .title span{font-size:16px;padding-right:10px;color:#979797}.case .caseIntro .container .flex .introData .title a{color:#000;font-size:20px;padding-left:20px}@media(max-width: 500px){.case .caseIntro .container .flex .introData .title a{position:absolute;top:6px;right:0}}@media(max-width: 500px){.case .caseIntro .container .flex .introData .title a span{display:none}}.case .caseIntro .container .flex .introData .title a img{margin-right:7px}.case .caseIntro .container .flex .introData .industry{padding:30px 0;font-size:30px}@media(max-width: 500px){.case .caseIntro .container .flex .introData .industry{font-size:21px}}.case .caseIntro .container .flex .introData .industry span{font-size:16px;padding-right:10px;color:#979797}.case .caseIntro .container .flex .introData p{color:#000;line-height:28px;display:initial}.case .caseIntro .container .flex .introData .color_row{display:flex;flex-wrap:wrap;padding-top:30px}.case .caseIntro .container .flex .introData .color_row div{margin-right:25px}.case .caseIntro .container .flex .introData .color_row div span{width:48px;height:48px;display:block}.case .caseIntro .container .flex .introData .color_row div p{font-size:12px}.case .caseIntro .container .flex .caseOrder{color:#000;letter-spacing:1px}@media(max-width: 1280px){.case .caseIntro .container .flex .caseOrder{padding-left:5%}}@media(max-width: 500px){.case .caseIntro .container .flex .caseOrder{padding-left:0%;padding-top:20px}}.case .caseIntro .container .flex .caseOrder h2{font-size:29px;padding-bottom:22px}.case .caseIntro .container .flex .caseOrder p{color:#979797;padding-bottom:12px}.case .caseIntro .container .flex .caseOrder ul li{line-height:29px}.case .caseIntro .container .flex .caseOrder ul li a{color:#000}.case .case_row .flex{display:flex;flex-wrap:wrap}.case .case_row .flex .intro{flex:0 0 50%;line-height:29px;padding-top:15vh;padding-right:5%}@media(max-width: 1280px){.case .case_row .flex .intro{padding-left:30px;padding-right:30px;padding-top:30px;flex:0 0 100%;padding-bottom:30px}}@media(max-width: 500px){.case .case_row .flex .intro{flex:0 0 100%;line-height:25px;padding:0px}}.case .case_row .flex .intro h2,.case .case_row .flex .intro h3{font-size:20px;margin-bottom:10px;flex:0 0 100%;padding-right:40px}@media(max-width: 500px){.case .case_row .flex .intro h2,.case .case_row .flex .intro h3{padding-right:0px;font-size:18px}}.case .case_row .flex .intro .txt{margin:0 auto;flex:0 0 100%;max-width:500px;margin:0 auto}@media(max-width: 1280px){.case .case_row .flex .intro .txt{max-width:100%;padding:10px 30px}}@media(max-width: 500px){.case .case_row .flex .intro .txt{max-width:100%;padding-top:10px}}@media(max-width: 1280px){.case .case_row .flex .intro .txt p{display:initial;font-size:16px;line-height:26px;text-align:justify}}.case .case_row .flex .intro h3{margin-top:60px}@media(max-width: 1280px){.case .case_row .flex .intro h3{margin-top:10px}}@media(max-width: 500px){.case .case_row .flex .intro h3{margin-top:0px}}.case .case_row .flex .img{flex:0 0 50%;background-size:cover;background-position-x:center}@media(max-width: 1280px){.case .case_row .flex .img{flex:0 0 100%;order:-1}}@media(max-width: 500px){.case .case_row .flex .img{flex:0 0 100%;order:-1;padding:30px}}.case .case_row .flex .img img{max-width:100%}@media(max-width: 500px){.case .case_row .flex .img img{display:block}}.case .case_row:nth-child(2n+1) .img{text-align:right}@media(max-width: 1280px){.case .feature{padding:0 30px}}.case .feature img{max-width:100%}.case .feature .container{max-width:1170px;margin:0 auto;padding:80px 0}@media(max-width: 900px){.case .feature .container{padding-left:30px}}@media(max-width: 500px){.case .feature .container{padding-left:0}}.case .feature .container .intro{flex:0 0 50%;max-width:50%}@media(max-width: 500px){.case .feature .container .intro{flex:0 0 100%;max-width:100%}}.case .feature .container .intro h2{color:#979797;font-size:28px}.case .feature .container .intro article{color:#000;line-height:29px;margin-top:40px}.case .feature .container .intro article h3{font-size:20px;padding-bottom:12px}.case .feature .container .img{flex:0 0 50%;max-width:50%}@media(max-width: 900px){.case .feature .container .img{position:relative;z-index:9}}@media(max-width: 500px){.case .feature .container .img{flex:0 0 100%;max-width:100%}}.case .feature .container .img img{max-width:100%}.case .case_photo img{max-width:100%}.case .case_mac{padding-top:80px;background-color:#fff;position:relative}.case .case_mac::before{content:"";position:absolute;top:-10px;height:10px;background-color:#fff;left:0;width:100%}@media(max-width: 900px){.case .case_mac{padding:5% 15%}}@media(max-width: 500px){.case .case_mac{padding-top:0px;padding:0 46px 3%}}.case .case_mac .content{max-width:1040px;margin:0 auto}@media(max-width: 500px){.case .case_mac .content{padding:15px}}.case .case_mac .content .video{background-repeat:no-repeat;height:1000px;text-align:center;padding-top:100px;background-size:100%}@media(max-width: 900px){.case .case_mac .content .video{height:555px}}@media(max-width: 500px){.case .case_mac .content .video{padding-top:34px;background-size:100%;height:304px;padding-bottom:30px}}.case .case_mac .content .video img{position:relative;top:-6px}.case .case_mac .content video{max-width:94.5%;margin:0 auto;position:relative;left:0px;top:0px;border:solid 42px #000;border-radius:25px 25px 0 0}@media(max-width: 500px){.case .case_mac .content video{left:0;top:0px;max-width:100%;border:solid 20px #000}}.case .case_mac .content video[poster]{height:initial}.case .case_project{position:relative}.case .case_project img{max-width:100%}@media(max-width: 500px){.case .case_project .img{display:none}}.case .case_project .phone{position:absolute;top:15%;left:60%;height:800px;width:408px;background-size:cover}@media(max-width: 1450px){.case .case_project .phone{top:8%}}@media(max-width: 900px){.case .case_project .phone{top:2%}}@media(max-width: 1280px){.case .case_project .phone{height:500px;width:250px}}@media(max-width: 500px){.case .case_project .phone{position:initial;top:18px;left:61%;height:404px;width:200px;background-size:cover;margin:0 auto}}.case .case_project .phone .phone-img{position:absolute;z-index:9;pointer-events:none}@media(max-width: 900px){.case .case_project .phone .phone-img{max-width:100%;left:7px}}@media(max-width: 500px){.case .case_project .phone .phone-img{max-width:212px;left:85px}}.case .case_project .phone img{max-width:100%}@media(max-width: 1450px){.case .case_project .phone img{max-width:80%}}.case .case_project .phone video{max-width:283px;position:absolute;top:60px;left:67px;border-radius:33px}@media(max-width: 1280px){.case .case_project .phone video{max-width:177px;position:absolute;top:37px;left:44px;border-radius:17px}}@media(max-width: 500px){.case .case_project .phone video{max-width:151px;position:absolute;top:31px;left:117px;border-radius:20px;overflow:hidden}}@media(max-width: 1280px){.case .case_project .phone{padding:0 30px}}@media(max-width: 500px){.case .case_project .phone{padding:0 15px}}.case .case_project .phone video[poster]{height:592px}@media(max-width: 500px){.case .case_project .phone video[poster]{height:306px}}.case .case_give{padding:100px}@media(max-width: 900px){.case .case_give{position:relative;margin-top:-4px}}@media(max-width: 500px){.case .case_give{padding:50px 30px}}.case .case_give .img{flex:0 0 50%;max-width:50%}@media(max-width: 900px){.case .case_give .img{flex:0 0 100%;max-width:100%;margin-bottom:30px}}@media(max-width: 500px){.case .case_give .img{flex:0 0 100%;max-width:100%;margin-bottom:30px}}.case .case_give .img img{max-width:100%}.case .case_give .intro{flex:0 0 50%;max-width:50%}@media(max-width: 900px){.case .case_give .intro{flex:0 0 100%;max-width:100%}}@media(max-width: 1024px){.case .case_give .intro{padding-left:5%}}@media(max-width: 500px){.case .case_give .intro{flex:0 0 100%;max-width:100%;padding-left:0%}}.case .case_give .intro h2{font-size:24px;color:#000}.case .case_give .intro img{max-width:100%}.case .case_give .intro article{padding-left:20%;padding-top:7%;color:#000}@media(max-width: 1024px){.case .case_give .intro article{padding-left:0}}.case .case_give .intro article h3{font-size:22px;padding-bottom:12px}.case .case_give .intro article p{line-height:36px}.case .case_next{padding:80px 30px}@media(max-width: 500px){.case .case_next{padding:30px}}.case .case_next .container{max-width:1170px;margin:0 auto}.case .case_next .container .flex{color:#000;align-items:center}.case .case_next .container .flex .next{flex:0 0 50%}@media(max-width: 500px){.case .case_next .container .flex .next{flex:0 0 100%}}.case .case_next .container .flex .next h2{font-size:22px}@media(max-width: 500px){.case .case_next .container .flex .next img{max-width:70%}}.case .case_next .container .flex .name{flex:0 0 50%;text-align:right;font-size:32px;color:#000;position:relative;padding-right:10%}@media(max-width: 500px){.case .case_next .container .flex .name{text-align:left;padding-top:15px;flex:0 0 100%}}@media(max-width: 500px){.case .case_next .container .flex .name a{width:100%;display:block}}.case .case_next .container .flex .name a::before{content:"";position:absolute;width:60px;height:1px;background:#000;left:100%;top:15px;display:none}@media(max-width: 1450px){.case .case_next .container .flex .name a::before{left:80%;display:none}}@media(max-width: 500px){.case .case_next .container .flex .name a::before{left:88%;display:none}}.case .case_next .container .flex .name a::after{content:"";position:absolute;width:30px;height:4px;background:#000;left:100%;top:15px;transition:.7s width;display:none}@media(max-width: 1450px){.case .case_next .container .flex .name a::after{left:80%;display:none}}@media(max-width: 500px){.case .case_next .container .flex .name a::after{left:88%;display:none}}.case .case_next .container .flex .name a:hover::after{width:60px}.add_icon{position:relative}.add_icon:before{content:"";position:absolute;width:15px;height:1px;right:-30px;top:11px;background:#fff}@media(max-width: 500px){.add_icon:before{content:"";position:absolute;width:10px;height:1px;right:-16px;top:8px;background:#fff}}.add_icon:after{content:"";position:absolute;height:15px;width:1px;right:-23px;top:4px;background:#fff}@media(max-width: 500px){.add_icon:after{content:"";position:absolute;height:11px;width:1px;right:-12px;top:3px;background:#fff}}.contact{background-image:url("../img/contact_bg.jpg");background-position-x:center;padding:0 30px;padding-bottom:200px;position:relative}@media(max-width: 900px){.contact{background-position-y:20%}}@media(max-width: 500px){.contact{background-size:cover;padding-bottom:80px}}@media(max-width: 500px){.contact .contact_section{height:100vh}}.contact .title{text-align:center;padding-top:36vh;position:relative;z-index:5}@media(max-width: 900px){.contact .title img{max-width:70%}}.contact .scroll{text-align:center;padding-top:88px}@media(max-width: 900px){.contact .scroll{padding-top:210px}}@media(max-width: 500px){.contact .scroll{padding-top:32vh}}.contact .scroll div{font-size:14px;margin-bottom:20px}.contact .contactTable{background-color:#fff;max-width:1280px;margin:130px auto 0;padding:80px 200px}@media(max-width: 1024px){.contact .contactTable{padding:50px 80px}}@media(max-width: 900px){.contact .contactTable{padding-bottom:50px}}@media(max-width: 500px){.contact .contactTable{padding:40px 20px}}.contact .contactTable h1{text-align:center;color:#000;font-size:24px}@media(max-width: 500px){.contact .contactTable h1{font-size:20px}}.contact .contactTable .form{padding:60px 0}@media(max-width: 500px){.contact .contactTable .form{padding:20px 0}}.contact .contactTable .form .sendWrap{text-align:center;padding:50px 0}.contact .contactTable .form .sendWrap a{color:#535353;font-family:"Noto Serif TC",serif;font-size:30px;position:relative}@media(max-width: 900px){.contact .contactTable .form .sendWrap a{font-size:22px}}.contact .contactTable .form .sendWrap a::before{content:"";position:absolute;width:100%;height:1px;background:#535353;left:0%;top:50px}@media(max-width: 900px){.contact .contactTable .form .sendWrap a::before{top:35px}}.contact .contactTable .form .sendWrap a::after{content:"";position:absolute;width:50%;height:4px;background:#535353;left:0%;top:51px;transition:.7s width}@media(max-width: 900px){.contact .contactTable .form .sendWrap a::after{top:36px}}.contact .contactTable .form .sendWrap a:hover::after{width:100%;transition:.7s width}.contact .contactTable .form .flex{margin-bottom:40px;color:#6a6a6a}@media(max-width: 500px){.contact .contactTable .form .flex{margin-bottom:0}}.contact .contactTable .form .flex .col-1{flex:0 0 100%;position:relative;padding-top:20px}@media(max-width: 500px){.contact .contactTable .form .flex .col-1{margin-bottom:10px}}.contact .contactTable .form .flex .col-1 select{width:100%;height:40px;font-size:16px;border:none;border-bottom:solid 1px #ccc;color:#6a6a6a}.contact .contactTable .form .flex .col-1 input{width:100%;height:40px;border:none;border-bottom:solid 1px #ccc;padding-left:5px;font-size:16px;color:#6a6a6a}.contact .contactTable .form .flex .col-1 label{position:absolute;top:30px;left:5px;transition:top .8s;color:#6a6a6a}.contact .contactTable .form .flex .col-1 .label_top{transition:top .6s;top:5px}.contact .contactTable .form .flex .col-2:nth-child(2n+1){margin-right:2%}@media(max-width: 500px){.contact .contactTable .form .flex .col-2:nth-child(2n+1){margin-right:0%}}.contact .contactTable .form .flex .col-2:nth-child(2n){margin-left:2%}@media(max-width: 500px){.contact .contactTable .form .flex .col-2:nth-child(2n){margin-left:0%}}.contact .contactTable .form .flex .col-2{flex:0 0 48%;position:relative;padding-top:20px}@media(max-width: 500px){.contact .contactTable .form .flex .col-2{flex:0 0 100%;margin-bottom:10px}}.contact .contactTable .form .flex .col-2 .codeImg{position:absolute;right:0;top:20px}.contact .contactTable .form .flex .col-2 input{width:100%;height:40px;border:none;border-bottom:solid 1px #ccc;padding-left:5px;font-size:16px;color:#6a6a6a}.contact .contactTable .form .flex .col-2 label{position:absolute;top:30px;left:5px;transition:top .8s;color:#6a6a6a}.contact .contactTable .form .flex .col-2 select{width:100%;height:40px;font-size:16px;border:none;border-bottom:solid 1px #ccc;color:#6a6a6a}.contact .contactTable .form .flex .col-2 .label_top{transition:top .6s;top:5px}.scroll{text-align:center;position:relative}.scroll div{font-size:14px;margin-bottom:20px}.scroll p{position:relative;top:0;animation:down 2s ease-in-out infinite;cursor:pointer}.work_menu{padding:25vh 0;position:relative}@media(max-width: 500px){.work_menu{padding-top:10vh}}.work_menu:before{content:"";position:absolute;top:0;left:0;background-image:url("../img/work_menu_top.jpg");background-position-x:center;background-repeat:no-repeat;width:100%;height:100%;z-index:5;background-size:cover}@media(max-width: 500px){.work_menu:before{background-size:220%}}.work_menu:after{content:"";position:absolute;bottom:0;left:0;background-image:url("../img/work_menu_order.jpg");width:100%;height:100%}.work_menu .work_menu_themes{position:relative;z-index:8}.work_menu .work_menu_themes .work_section{height:100vh}@media(max-width: 900px){.work_menu .work_menu_themes .work_section{height:66vh}}@media(max-width: 500px){.work_menu .work_menu_themes .work_section{height:83vh}}.work_menu .title{text-align:center;padding-top:80px}@media(max-width: 1024px){.work_menu .title img{max-width:70%}}.work_menu .title p{padding:40px 0;font-size:27px;font-family:"Roboto",sans-serif}@media(max-width: 500px){.work_menu .title p{padding:10px 0}}.work_menu .title .scroll{padding-top:160px;margin-top:20px}@media(max-width: 900px){.work_menu .title .scroll{padding-top:50px;margin-top:140px}}@media(max-width: 500px){.work_menu .title .scroll{padding-top:34vh}}.work_menu .title .scroll div{margin-bottom:10px}.work_menu .title .scroll p{padding:0}.work_menu .list{max-width:1024px;margin:80px auto 0;padding:30px 0;padding-bottom:40px}@media(max-width: 500px){.work_menu .list{margin-top:30px}}.work_menu .list ul{display:flex;flex-wrap:wrap;justify-content:center}.work_menu .list ul li{padding:0px 22px;border-right:solid 1px #fff;margin-bottom:20px}@media(max-width: 500px){.work_menu .list ul li{padding:1px 10px;flex:0 0 100%;text-align:center;margin-bottom:10px;height:20px}}.work_menu .list ul li a{font-size:18px;position:relative}@media(max-width: 500px){.work_menu .list ul li a{font-size:16px}}@media(max-width: 375px){.work_menu .list ul li a{font-size:14px}}.work_menu .list ul li .active:after{display:none}.work_menu .list ul li:last-child{border-right:none}.work_menu .content{max-width:1120px;margin:0 auto;padding:0 30px}.work_menu .content .box{flex:0 0 25%}@media(max-width: 900px){.work_menu .content .box{flex:0 0 33.33%}}@media(max-width: 500px){.work_menu .content .box{flex:0 0 100%;max-width:360px;margin:0 auto 0px}}@media(max-width: 375px){.work_menu .content .box{flex:0 0 100%}}.work_menu .content .box .photo img{overflow:hidden;height:189px;max-width:265px;width:100%}@media(max-width: 500px){.work_menu .content .box .photo img{max-width:400px;width:100%;height:initial}}.work_menu .content .box article{padding:10px 15px;border-right:solid 1px hsla(0,0%,80%,.4);background-color:rgba(0,0,0,.2)}@media(max-width: 500px){.work_menu .content .box article{border-right:none;margin-top:-4px}}.work_menu .content .box article h2{font-size:16px;line-height:25px}.work_menu .content .box article p{font-size:12px;line-height:22px;height:44px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}@media(max-width: 500px){.work_menu .content .box article p{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}}.work_menu .content .box:nth-child(4n) article,.work_menu .content .box:nth-child(8) article{border:none}@media(max-width: 900px){.work_menu .content .box:nth-child(4n) article,.work_menu .content .box:nth-child(8) article{border-right:solid 1px hsla(0,0%,80%,.4)}}@media(max-width: 500px){.work_menu .content .box:nth-child(4n) article,.work_menu .content .box:nth-child(8) article{border-right:none}}@media(max-width: 900px){.work_menu .content .box:nth-child(3n) article{border:none}}#spinner{padding-top:60px;text-align:center}.newsWarp .title{background-image:url("../img/newsWarp.jpg");background-position:center bottom;text-align:center;padding:20vh 30px 14vh;background-repeat:no-repeat;background-size:cover}@media(max-width: 900px){.newsWarp .title{background-position:center bottom;background-image:url("../img/newsWarp_mb.jpg")}}@media(max-width: 500px){.newsWarp .title{background-image:url("../img/newsWarp_xs.jpg")}}.newsWarp .title h1{margin-bottom:200px;margin-top:50px}.newsWarp .title img{max-width:100%}@media(max-width: 500px){.newsWarp .title img{max-width:50%}}.newsWarp .title .scroll{margin-top:20px}@media(max-width: 900px){.newsWarp .title .scroll{margin-top:-10px}}@media(max-width: 500px){.newsWarp .title .scroll{margin-top:-50px}}.newsWarp .title .list{padding-top:120px}@media(max-width: 500px){.newsWarp .title .list{padding-top:38vh}}.newsWarp .title .list ul{justify-content:center;max-width:600px;margin:0 auto}.newsWarp .title .list ul li{border-right:solid 1px #fff;padding:0 2.5vw;overflow:hidden;height:18px}.newsWarp .title .list ul li div{margin-bottom:5px;font-size:18px;position:relative;top:0;transition:.8s top cubic-bezier(0.19, 1, 0.22, 1);color:#98afd1}.newsWarp .title .list ul li a{font-size:18px;position:relative;top:0;transition:.8s top cubic-bezier(0.19, 1, 0.22, 1)}.newsWarp .title .list ul li:hover div{top:-30px;transition:.8s top cubic-bezier(0.19, 1, 0.22, 1)}.newsWarp .title .list ul li:hover a{top:-23px;transition:.8s top cubic-bezier(0.19, 1, 0.22, 1)}.newsWarp .title .list ul .active div{top:-30px;transition:.8s top cubic-bezier(0.19, 1, 0.22, 1)}.newsWarp .title .list ul .active a{top:-23px;transition:.8s top cubic-bezier(0.19, 1, 0.22, 1)}.newsWarp .title .list ul li:last-child{border-right:none}.newsWarp .news{position:relative;overflow:hidden}@media(max-width: 900px){.newsWarp .news{margin-top:-4px}}.newsWarp .news::before{content:"";position:absolute;top:0;left:0;background-image:url("../img/news_top.jpg");width:100%;min-height:2024px}@media(max-width: 900px){.newsWarp .news::before{background-image:url("../img/news_top_mb.jpg")}}@media(max-width: 500px){.newsWarp .news::before{background-image:url("../img/news_top_xs.jpg")}}.newsWarp .news::after{content:"";position:absolute;top:2024px;left:0;background-image:url("../img/news.jpg");width:100%;height:100%}.newsWarp .news .content{max-width:960px;padding:0 15px;margin:0 auto;position:relative;z-index:6}@media(max-width: 900px){.newsWarp .news .content{padding-top:10vh}}@media(max-width: 500px){.newsWarp .news .content{padding-top:10vh}}.newsWarp .news .content .flex{margin-bottom:30vh}@media(max-width: 500px){.newsWarp .news .content .flex{padding:15px;margin-bottom:30px}}.newsWarp .news .content .flex .col{flex:0 0 50%;padding:15px 20px;position:relative;font-weight:bold}@media(max-width: 500px){.newsWarp .news .content .flex .col{flex:0 0 100%;padding:0px;margin-bottom:70px}}.newsWarp .news .content .flex .col .titles{display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:40px;font-size:14px;position:relative;top:0;max-width:78%}@media(max-width: 900px){.newsWarp .news .content .flex .col .titles{max-width:100%}}@media(max-width: 500px){.newsWarp .news .content .flex .col .titles{max-width:100%}}.newsWarp .news .content .flex .col section{max-width:78%;line-height:28px;position:relative;z-index:6;top:0;transition:all .8s ease;font-size:22px;line-height:34px}@media(max-width: 900px){.newsWarp .news .content .flex .col section{max-width:100%}}@media(max-width: 500px){.newsWarp .news .content .flex .col section{max-width:100%}}.newsWarp .news .content .flex .col .img{position:absolute;max-width:500px;top:0;z-index:-1;left:50%;transform:translateX(-50%) scale(0.78);top:0;opacity:0;overflow:hidden;transition:all .8s ease}@media(max-width: 900px){.newsWarp .news .content .flex .col .img{left:0px;transform:translateX(0%) scale(0.9);top:-100px;opacity:.3}}@media(max-width: 500px){.newsWarp .news .content .flex .col .img{left:0%;transform:translateX(0%) scale(0.9);top:-100px;opacity:.3}}@media(max-width: 900px){.newsWarp .news .content .flex .col .img img{max-width:100%}}@media(max-width: 500px){.newsWarp .news .content .flex .col .img img{max-width:100%}}.newsWarp .news .content .flex .col .more{margin-top:50px;letter-spacing:1px;position:relative;font-size:18px}.newsWarp .news .content .flex .col .more::before{content:"";position:absolute;width:60px;height:1px;background:#fff;left:30%;top:15px}.newsWarp .news .content .flex .col .more::after{content:"";position:absolute;width:30px;height:4px;background:#fff;left:30%;top:15px;transition:.7s width;transition:all .8s ease}.newsWarp .news .content .flex .col:hover .more::after{width:60px;transition:all .8s ease}.newsWarp .news .content .flex .col:hover .img{opacity:.4;max-width:500px;margin:0 auto;top:-230px;transform:translateX(-50%) scale(1)}@media(max-width: 500px){.newsWarp .news .content .flex .col:hover .img{top:-80px;left:0;transform:translateX(0%) scale(1)}}.newsWarp .news .content .flex .col:hover section{top:218px;transition:all .8s ease}@media(max-width: 500px){.newsWarp .news .content .flex .col:hover section{top:0}}.newsWarp .news .content .flex .col:nth-child(2n){margin-top:100px;padding-right:0px}.newsWarp .news .content .flex .col:nth-child(2n) section{margin-left:auto}.newsWarp .news .content .flex .col:nth-child(2n) .titles{margin-left:auto}.news_item{background-image:url("../img/new-item.jpg");background-position:center bottom;padding:32vh 0 35vh;background-size:cover}@media(max-width: 900px){.news_item{background-image:url("../img/new-item_ipad.jpg")}}@media(max-width: 500px){.news_item{padding:30px 0;background-image:url("../img/new-item_mb.jpg");height:100vh;display:flex;align-items:center}}.news_item .title{max-width:465px;margin:0 auto;line-height:36px}.news_item .title h1{font-size:20px;margin-bottom:60px}.news_item .title article{text-align:center;font-size:24px;letter-spacing:2px;font-weight:bold}@media(max-width: 500px){.news_item .title article{line-height:27px;font-size:20px;padding:0 30px}}.news_item .title .date{text-align:center;padding:7vh 0}@media(max-width: 500px){.news_item .title .date{padding:50px 0}}.news_item_content{background-image:url("../img/new-item2.jpg");background-position:center top;padding-bottom:150px}@media(max-width: 900px){.news_item_content{background-image:url("../img/new-item_2_ipad.jpg")}}@media(max-width: 500px){.news_item_content{background-image:url("../img/new-item_2_mb.jpg");padding:50px 0}}.news_item_content .ckeditor{max-width:860px;margin:0px auto 0;padding:0 30px}@media(max-width: 900px){.news_item_content .ckeditor{padding:0 10vw}}@media(max-width: 500px){.news_item_content .ckeditor{padding:0 30px}}.item_next{background:#2048a3;padding:8vh 0 20vh 0}@media(max-width: 1280px){.item_next{padding:8vh 30px 20vh}}@media(max-width: 900px){.item_next{padding:4vh 10vw 10vh;background:#2048a3}}@media(max-width: 500px){.item_next{padding:0 30px 10vh}}.item_next .item_more{text-align:center;border-top:solid 1px #fff;max-width:1280px;padding-top:70px;margin:120px auto 0;font-size:20px}@media(max-width: 500px){.item_next .item_more{border-top:none;margin:30px auto 0}}.item_next .item_more a{position:relative}.item_next .item_more a::before{content:"";position:absolute;width:60px;height:1px;background:#fff;left:calc(100% - 60px);top:45px}.item_next .item_more a::after{content:"";position:absolute;width:30px;height:4px;background:#fff;left:calc(100% - 60px);top:45px;transition:.7s width}.item_next .item_more a:hover::after{width:60px;transition:.7s width}.item_next .content{max-width:1280px;margin:0 auto;padding-top:70px}@media(max-width: 900px){.item_next .content{padding-top:20px}}@media(max-width: 500px){.item_next .content{padding-top:30px}}.item_next .content .next{flex:0 0 70%}@media(max-width: 500px){.item_next .content .next{flex:0 0 100%}}@media(max-width: 500px){.item_next .content .next img{max-width:50%}}.item_next .content .next_txt{flex:0 0 30%;padding-top:40px;position:relative}@media(max-width: 500px){.item_next .content .next_txt{flex:0 0 100%}}.item_next .content .next_txt a{max-width:260px;line-height:29px;display:block}.item_next .content .next_txt::before{content:"";position:absolute;width:60px;height:1px;background:#fff;left:calc(100% - 60px);top:65px;display:none}@media(max-width: 1280px){.item_next .content .next_txt::before{display:none}}@media(max-width: 900px){.item_next .content .next_txt::before{top:85%}}@media(max-width: 500px){.item_next .content .next_txt::before{top:auto;bottom:-15px;left:0%}}.item_next .content .next_txt::after{content:"";position:absolute;width:30px;height:4px;background:#fff;left:calc(100% - 60px);top:65px;transition:.7s width;display:none}@media(max-width: 1280px){.item_next .content .next_txt::after{display:none}}@media(max-width: 900px){.item_next .content .next_txt::after{top:85%}}@media(max-width: 500px){.item_next .content .next_txt::after{top:auto;bottom:-19px;left:0%}}.item_next .content .next_txt:hover::after{width:60px;transition:.7s width}#aboutContainer{width:100%;height:100vh;overflow:hidden;position:relative}#aboutContainer .aboutBox{height:100%;width:100%;position:absolute;display:flex;align-content:center;flex-wrap:wrap;justify-content:center}#aboutContainer .aboutBox h1{top:0;flex:0 0 100%;font-size:25px;padding-top:40px}#aboutContainer .aboutBox h2{font-size:120px}@media(max-width: 900px){#aboutContainer .aboutBox h2{font-size:80px}}@media(max-width: 500px){#aboutContainer .aboutBox h2{font-size:50px}}#aboutContainer .aboutBox figure img{opacity:.5}@media(max-width: 500px){#aboutContainer .aboutBox h3 img{max-width:100px}}#aboutContainer #aboutMaster{position:relative}#aboutContainer .one{background-image:url("../img/aboutThem_1.jpg");padding-top:130px;background-position-y:-50px}@media(max-width: 1450px){#aboutContainer .one{padding-top:130px;background-position-y:0;background-position-x:center;background-size:cover}}@media(max-width: 500px){#aboutContainer .one{background-size:cover}}#aboutContainer .one .h2_txt{display:inline-block}#aboutContainer .two{background-image:url("../img/aboutThem_2.jpg")}@media(max-width: 900px){#aboutContainer .two{background-image:url("../img/section_3_bg_ipad.jpg")}}@media(max-width: 500px){#aboutContainer .two{padding:30px;background-image:url("../img/aboutThem_2_mb.jpg")}}@media(max-width: 900px){#aboutContainer .two img{max-width:100%}}#aboutContainer .three{background-size:cover;background-image:url("../img/about_three.jpg")}@media(max-width: 900px){#aboutContainer .three{background-image:url("../img/about_three_ipad.jpg")}}@media(max-width: 500px){#aboutContainer .three{background-image:url("../img/about_three_mb.jpg")}}#aboutContainer .three .title{flex:0 0 100%;text-align:center}@media(max-width: 900px){#aboutContainer .three .title img{max-width:80%}}#aboutContainer .three .flex{width:100%;max-width:1200px;padding-top:30px}@media(max-width: 500px){#aboutContainer .three .flex{padding-top:0}}#aboutContainer .three .flex .box{flex:0 0 33.33%;position:relative;padding:0 15px}@media(max-width: 500px){#aboutContainer .three .flex .box{padding:0;flex:0 0 100%;max-width:36%;margin:5px 32%}}#aboutContainer .three .flex .box figure{opacity:.6;text-align:center}#aboutContainer .three .flex .box figure img{max-width:100%}#aboutContainer .three .flex .box article{position:absolute;top:0;left:0;width:100%;height:100%;text-align:center;display:flex;justify-content:center;align-content:space-between}#aboutContainer .three .flex .box article ul li:nth-child(1){font-size:22px;padding-top:90px}@media(max-width: 500px){#aboutContainer .three .flex .box article ul li:nth-child(1){font-size:14px;padding-top:55px}}@media(max-width: 375px){#aboutContainer .three .flex .box article ul li:nth-child(1){font-size:14px;padding-top:60px}}#aboutContainer .three .flex .box article ul li:nth-child(2){font-size:120px;font-weight:bold;padding:30px 0}@media(max-width: 1024px){#aboutContainer .three .flex .box article ul li:nth-child(2){font-size:78px}}@media(max-width: 900px){#aboutContainer .three .flex .box article ul li:nth-child(2){padding:5px 0;font-size:70px}}@media(max-width: 500px){#aboutContainer .three .flex .box article ul li:nth-child(2){font-size:22px;padding:10px 0}}#aboutContainer .three .flex .box article ul li:nth-child(3){font-size:22px;padding-top:40px}@media(max-width: 500px){#aboutContainer .three .flex .box article ul li:nth-child(3){font-size:14px;padding-top:8px}}.four{background-image:url("../img/about_four.jpg");background-size:cover;background-position:top center;height:110vh;padding:0 30px;padding-top:150px}@media(max-width: 900px){.four{height:128vh;background-image:url("../img/section_5_bg_ipad.jpg")}}@media(max-width: 500px){.four{padding-top:50px}}.four .title{flex:0 0 100%;text-align:center}@media(max-width: 1024px){.four .title{padding-top:80px}}@media(max-width: 1024px){.four .title img{max-width:100%}}.four .slick_box{max-width:1300px;margin:0 auto}.four .slick_box img{max-width:100%}.four .slick_box .thems{flex:100%;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;max-width:1200px;margin:0 auto}@media(max-width: 500px){.four .slick_box .thems{justify-content:flex-start}}.four .slick_box .thems section{flex:0 0 20%;height:220px;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;padding:15px}@media(max-width: 900px){.four .slick_box .thems section{flex:0 0 33.33%;height:initial;padding:10px 60px}}@media(max-width: 500px){.four .slick_box .thems section{padding:10px 32px;flex:0 0 50%;height:125px}}@media(max-width: 900px){.four .slick_box .thems section:nth-child(10){display:none}}@media(max-width: 500px){.four .slick_box .thems section:nth-child(9){display:none}}.four .slick_box .prev-arrow{position:absolute;left:-90px;top:40%;background-color:rgba(0,0,0,0);cursor:pointer;border:none}@media(max-width: 900px){.four .slick_box .prev-arrow{left:0px;top:33%}}@media(max-width: 500px){.four .slick_box .prev-arrow{left:-30px;top:33%}}@media(max-width: 500px){.four .slick_box .prev-arrow img{max-width:36px}}.four .slick_box .next-arrow{position:absolute;right:-90px;top:40%;background-color:rgba(0,0,0,0);cursor:pointer;border:none;transform:rotate(180deg)}@media(max-width: 900px){.four .slick_box .next-arrow{right:0px;top:33%}}@media(max-width: 500px){.four .slick_box .next-arrow{right:-30px;top:33%}}@media(max-width: 500px){.four .slick_box .next-arrow img{max-width:36px}}#menus{position:fixed;z-index:99;top:5vh;right:5vw;font-size:20px;letter-spacing:1px;cursor:pointer}.listStyle ul li{border-right:solid 1px #fff;padding:0 2.5vw;overflow:hidden;height:21px}@media(max-width: 500px){.listStyle ul li{height:25px;margin:5px 0;border-right:none !important}}.listStyle ul li div{margin-bottom:5px;font-size:18px;position:relative;top:0;transition:.8s top;color:#98afd1}.listStyle ul li a{font-size:18px;position:relative;top:0;transition:.8s top;border-bottom:solid 1px rgba(0,0,0,0);display:block;color:#ccc}.listStyle ul li .searchWork_tg{color:#fff;font-weight:bold}.listStyle ul li:hover div{top:-30px;transition:.8s top}.listStyle ul li:hover a{top:-23px;transition:.8s top}.listStyle ul li:last-child{border-right:none}.index-title{font-weight:bold;font-size:32px;padding-top:30px}.border_font{-webkit-text-stroke:1px #fff;color:rgba(0,0,0,0);font-family:"Roboto",sans-serif}.required::before{content:"*";position:absolute;top:0;left:-20px;color:#be003f}/*# sourceMappingURL=style.min.css.map */