body.openpopout{overflow:hidden;}body.openpopout #Master #Body{z-index:1001;}body.openpopout #FOS #Popout{display:flex;}#Background picture{position:absolute;}#FOS{width:100%;overflow:clip;position:relative;}#FOS .banner{z-index:1;width:100%;height:524px;position:relative;}#FOS .banner .hdb{z-index:1;position:absolute;}#FOS .banner .logo{top:130px;left:0;right:0;width:170px;margin:0 auto;position:absolute;}#FOS .banner .cloud{position:absolute;}#FOS .banner .cloud.v1{animation:15s straightright infinite linear;}#FOS .banner .cloud.v2{animation:15s straightright infinite linear;animation-delay:.5s;}#FOS .banner .cloud.v3{animation:15s straightright infinite linear;animation-delay:1s;}#FOS .banner .school{position:absolute;}#FOS .banner .school .tree{z-index:3;position:absolute;}#FOS .banner .school .tree.v1{top:57.895%;left:-9.634%;width:12.298%;}#FOS .banner .school .tree.v2{top:51.267%;left:-3.486%;width:16.191%;}#FOS .banner .school .light{z-index:1;top:40.219%;width:5.535%;right:-3.076%;position:absolute;}#FOS .banner .school .building{z-index:2;position:relative;}#FOS .banner .singa{z-index:2;position:absolute;}#FOS .banner .student{z-index:2;position:absolute;}#FOS .banner .font38{color:#000;position:absolute;font-family:"Raleway-ExtraBold";}#FOS #Info{z-index:2;width:100%;overflow:hidden;margin-top:-5px;position:relative;padding-bottom:23px;}#FOS #Info .dot{left:-28px;width:127px;bottom:178px;position:absolute;}#FOS #Info .wave{bottom:0;right:130px;width:139px;position:absolute;}#FOS #Info .w906{width:906px;margin:86px auto 0;}#FOS #Info .w906 .w883{width:883px;margin-left:auto;position:relative;border-radius:30px;padding:74px 56px 21px 76px;background:url(../images/fos/secondary/bg.svg) top center no-repeat;background-size:cover;}#FOS #Info .w906 .w883 .btn{width:185px;height:45px;margin:0 auto;overflow:hidden;position:relative;padding-left:33px;border-radius:29px;background-color:#e24747;transform:translate(-20px,43px);}#FOS #Info .w906 .w883 .btn span{color:#fff;font-size:16px;font-family:"Raleway-SemiBold";}#FOS #Info .w906 .w883 .btn .arrow{width:16px;margin-left:22px;}#FOS #Info .w906 .w883 .font16{color:#000;font-size:16px;line-height:24px;font-family:"Raleway-SemiBold";}#FOS #Info .w906 .w883 .plane{top:-13px;left:-24px;width:89px;position:absolute;}#FOS #Info .w906 .w883 .glass{top:-26px;width:73px;right:-10px;position:absolute;}#FOS #Info .w1355{width:1355px;margin:0 auto;padding:6px 10px;border-radius:20px;background-color:#fff;box-shadow:0 3px 20px rgba(0,0,0,.1019607843);}#FOS #Info .w1355 .box{color:#000;width:325px;font-size:20px;position:relative;border-radius:15px;background-color:#fff;padding:28.5px 0 28.5px 38px;font-family:"Raleway-ExtraBold";cursor:pointer;}#FOS #Info .w1355 .box .arrow{top:33px;right:37px;width:14px;position:absolute;}#FOS #Info .w1355 .box .arrow .img:last-child{margin-top:-2px;}#FOS #Timeline{width:100%;position:relative;padding-top:100px;}#FOS #Timeline .font32{color:#000;font-size:32px;}#FOS #Timeline .header{text-align:center;margin-bottom:65px;}#FOS #Timeline .header .font18{color:#000;font-size:18px;font-family:"Raleway-SemiBold";}#FOS #Timeline .header .font32{margin-bottom:10px;font-family:"Raleway-ExtraBold";}#FOS #Timeline .wrapper{width:100%;position:relative;}#FOS #Timeline .wrapper .pole{left:0;top:150px;z-index:1;width:100%;height:7px;position:absolute;background-color:#414141;}#FOS #Timeline .wrapper .w609{width:609px;margin:55px auto 0;}#FOS #Timeline .wrapper .w609 .arrow{width:43px;min-width:43px;aspect-ratio:1/1;border-radius:50%;background-color:#e24747;cursor:pointer;}#FOS #Timeline .wrapper .w609 .arrow .img{fill:white;display:block;aspect-ratio:1/1;}#FOS #Timeline .wrapper .w609 .arrow.prev .img{transform:rotate(180deg);}#FOS #Timeline .wrapper .w609 .swiper-scrollbar{top:auto;left:auto;right:auto;bottom:auto;height:9px;margin:0 47px;border-radius:9px;position:relative;background-color:rgba(226,71,71,.34);}#FOS #Timeline .wrapper .w609 .swiper-scrollbar .swiper-scrollbar-drag{border-radius:9px;background-color:#e24747;cursor:pointer;}#FOS #Timeline .wrapper .timelineSwiper{overflow:visible;margin-left:107px;margin-right:367px;}#FOS #Timeline .wrapper .timelineSwiper .swiper-slide .itemAnim{margin:0 70px;min-height:100px;padding-top:105px;position:relative;animation-fill-mode:both;transform-origin:50% 0%;transition:transform .5s;}#FOS #Timeline .wrapper .timelineSwiper .swiper-slide .itemAnim .box{margin-top:24px;}#FOS #Timeline .wrapper .timelineSwiper .swiper-slide .itemAnim .box .font16{color:#000;font-size:16px;line-height:24px;font-family:"Raleway-SemiBold";}#FOS #Timeline .wrapper .timelineSwiper .swiper-slide .itemAnim .box .font16 b{font-weight:400;font-family:"Raleway-ExtraBold";}#FOS #Timeline .wrapper .timelineSwiper .swiper-slide .itemAnim .box .font16 ul{margin:18px 0 29px;list-style-type:none;}#FOS #Timeline .wrapper .timelineSwiper .swiper-slide .itemAnim .box .font16 ul:last-child{margin-bottom:0;}#FOS #Timeline .wrapper .timelineSwiper .swiper-slide .itemAnim .box .font16 ul li{padding-left:30px;position:relative;}#FOS #Timeline .wrapper .timelineSwiper .swiper-slide .itemAnim .box .font16 ul li::before,#FOS #Timeline .wrapper .timelineSwiper .swiper-slide .itemAnim .box .font16 ul li:before{top:7px;left:0;width:6px;content:"";display:block;aspect-ratio:1/1;position:absolute;border-radius:50%;background-color:#000;}#FOS #Timeline .wrapper .timelineSwiper .swiper-slide .itemAnim .box .font16 .red{color:#f00;}#FOS #Timeline .wrapper .timelineSwiper .swiper-slide .itemAnim .box .font18{top:55px;left:167px;color:#000;font-size:18px;min-height:72px;line-height:24px;position:absolute;font-family:"Raleway-ExtraBold";}#FOS #Timeline .wrapper .timelineSwiper .swiper-slide .itemAnim .date{top:0;left:76px;width:2px;height:89px;position:absolute;background-color:#3c405b;}#FOS #Timeline .wrapper .timelineSwiper .swiper-slide .itemAnim .date:after,#FOS #Timeline .wrapper .timelineSwiper .swiper-slide .itemAnim .date::after{left:-4px;width:10px;content:"";bottom:-5px;display:block;aspect-ratio:1/1;border-radius:50%;position:absolute;background-color:#3c405b;}#FOS #Timeline .wrapper .timelineSwiper .swiper-slide .itemAnim .date .font20{left:50%;color:#fff;font-size:20px;position:absolute;padding-left:24px;padding-right:25px;transform:translateX(-50%);font-family:"Raleway-SemiBold";}#FOS #Timeline .wrapper .timelineSwiper .swiper-slide .itemAnim .date .font20 div{min-width:125px;white-space:nowrap;background-color:#3c405b;padding:7px 14px 7px 16px;}#FOS #Timeline .wrapper .timelineSwiper .swiper-slide .itemAnim .date .font20 .end{top:0;right:0;width:auto;height:38px;position:absolute;}#FOS #Timeline .wrapper .timelineSwiper .swiper-slide .itemAnim .date .font20 .start{top:0;left:0;width:auto;height:38px;position:absolute;}#FOS #Timeline .wrapper .timelineSwiper .swiper-slide .itemAnim .circle{width:97px;height:97px;margin-left:28px;position:relative;border-radius:50%;background-color:#3c405b;}#FOS #Timeline .wrapper .timelineSwiper .swiper-slide .itemAnim .circle::before,#FOS #Timeline .wrapper .timelineSwiper .swiper-slide .itemAnim .circle:before{top:0;left:0;right:0;bottom:0;content:"";width:85px;height:85px;margin:auto;position:absolute;border-radius:50%;border:2px solid #282b3d;}#FOS #Timeline .wrapper .timelineSwiper .swiper-slide .itemAnim .circle svg{top:29px;left:30px;width:38px;fill:white;display:block;aspect-ratio:1/1;position:absolute;}#FOS #Timeline .wrapper .timelineSwiper .swiper-slide .itemAnim .circle svg.implement{left:33px;width:37px;}#FOS #Timeline .wrapper .timelineSwiper .swiper-slide .itemAnim .circle svg.registration{left:35px;fill:none;stroke:white;}#FOS #FocusArea{z-index:1;width:100%;padding-top:160px;position:relative;}#FOS #FocusArea .wave{top:342px;left:-56px;width:139px;position:absolute;}#FOS #FocusArea .pattern{position:absolute;}#FOS #FocusArea .pattern.v1{top:38px;right:-63px;width:126px;}#FOS #FocusArea .pattern.v2{left:-83px;width:165px;bottom:-36px;}#FOS #FocusArea .w1334{z-index:2;width:1334px;margin:0 auto;position:relative;border-radius:25px;padding:88px 0 39px;background:url(../images/fos/secondary/bg2.svg) top center no-repeat;background-size:cover;}#FOS #FocusArea .w1334 .font16{color:#000;font-size:16px;line-height:24px;font-family:"Raleway-SemiBold";}#FOS #FocusArea .w1334 .font18{color:#000;font-size:18px;font-family:"Raleway-ExtraBold";}#FOS #FocusArea .w1334 .title{top:-33px;left:0;right:0;width:302px;color:#fff;margin:0 auto;padding:16px 0;font-size:28px;position:absolute;text-align:center;border-radius:20px;font-family:"Raleway-Bold";box-shadow:5px 5px 0 rgba(55,55,55,.0509803922);background:#006397 url(../images/fos/primary/pattern.svg) center no-repeat;background-size:100%;}#FOS #FocusArea .w1334 .title .pencil{top:13px;left:-16px;width:56px;position:absolute;}#FOS #FocusArea .w1334 .w1204{width:1204px;margin:0 auto;}#FOS #FocusArea .w1334 .w1204 .header{cursor:pointer;text-align:center;margin-bottom:33px;}#FOS #FocusArea .w1334 .w1204 .wrapper{padding-top:70px;position:relative;}#FOS #FocusArea .w1334 .w1204 .wrapper .box{margin-bottom:15px;border-radius:20px;background-color:#fff;box-shadow:0 3px 20px rgba(0,0,0,.1019607843);}#FOS #FocusArea .w1334 .w1204 .wrapper .box .header{text-align:left;margin-bottom:0;position:relative;padding:27.5px 81px 27.5px 61px;}#FOS #FocusArea .w1334 .w1204 .wrapper .box .header:after,#FOS #FocusArea .w1334 .w1204 .wrapper .box .header::after{top:35px;right:53px;content:"";width:13px;display:block;aspect-ratio:1/1;position:absolute;transform:rotate(0deg);background:url(../images/fos/primary/arrow.svg) center no-repeat;background-size:100%;-webkit-transition:transform .5s;-moz-transition:transform .5s;-o-transition:transform .5s;transition:transform .5s;}#FOS #FocusArea .w1334 .w1204 .wrapper .box .content{display:none;padding:0 61px 27px;}#FOS #FocusArea .w1334 .w1204 .wrapper .box.open .header{text-align:left;margin-bottom:0;position:relative;padding:27.5px 81px 27.5px 61px;}#FOS #FocusArea .w1334 .w1204 .wrapper .box.open .header:after,#FOS #FocusArea .w1334 .w1204 .wrapper .box.open .header::after{transform:rotate(180deg);}#FOS #FocusArea .w1334 .w1204 .wrapper .plane{top:0;right:-20px;width:200px;position:absolute;}#FOS #FocusArea .w1334 .singa{left:-79px;width:134px;bottom:-19px;position:absolute;}#FOS #PastProject{padding-top:79px;position:relative;}#FOS #PastProject .w1396{width:1396px;margin:0 auto;}#FOS #PastProject .w1396 .font16{color:#000;font-size:16px;line-height:24px;font-family:"Raleway-SemiBold";}#FOS #PastProject .w1396 .font16.school{color:#674101;border-radius:18px;margin-bottom:16px;padding:3px 18px 2px;background-color:#f1b34c;}#FOS #PastProject .w1396 .font18{color:#000;font-size:18px;margin-bottom:20px;font-family:"Raleway-SemiBold";}#FOS #PastProject .w1396 .font32{color:#000;font-size:32px;text-align:center;margin-bottom:49px;font-family:"Raleway-ExtraBold";}#FOS #PastProject .w1396 .itemAnim{margin:0 11px;padding-bottom:20px;}#FOS #PastProject .w1396 .itemAnim .box{cursor:pointer;border-radius:17px;padding:13px 12px 31px;background-color:#fff;box-shadow:0 10px 10px rgba(0,0,0,.062745098);}#FOS #PastProject .w1396 .itemAnim .box .imgWrapper{border-radius:23px;aspect-ratio:16/10.684;border:.5px solid #707070;}#FOS #PastProject .w1396 .itemAnim .box .imgWrapper .img{height:100%;object-fit:cover;border-radius:23px;object-position:center;}#FOS #PastProject .w1396 .itemAnim .box .txtWrapper{padding:24px 19px 0;}#FOS #PastProject .w1396 .w609{width:609px;margin:35px auto 0;}#FOS #PastProject .w1396 .w609 .arrow{width:43px;min-width:43px;aspect-ratio:1/1;border-radius:50%;background-color:#e24747;cursor:pointer;}#FOS #PastProject .w1396 .w609 .arrow .img{fill:white;display:block;aspect-ratio:1/1;}#FOS #PastProject .w1396 .w609 .arrow.prev .img{transform:rotate(180deg);}#FOS #PastProject .w1396 .w609 .swiper-scrollbar{top:auto;left:auto;right:auto;bottom:auto;height:9px;margin:0 47px;border-radius:9px;position:relative;background-color:rgba(226,71,71,.34);}#FOS #PastProject .w1396 .w609 .swiper-scrollbar .swiper-scrollbar-drag{border-radius:9px;background-color:#e24747;cursor:pointer;}#FOS #PastProject .w1396 .swiper-slide:nth-child(1) .itemAnim,#FOS #PastProject .w1396 .swiper-slide:nth-child(2) .itemAnim,#FOS #PastProject .w1396 .swiper-slide:nth-child(3) .itemAnim{opacity:0;transform:translateY(5%);-webkit-transition:opacity .5s,transform .5s;-moz-transition:opacity .5s,transform .5s;-o-transition:opacity .5s,transform .5s;transition:opacity .5s,transform .5s;}#FOS #PastProject .w1396.is-inViewport .pastprojectSwiper .swiper-slide:nth-child(1) .itemAnim{opacity:1;transform:translateY(0);}#FOS #PastProject .w1396.is-inViewport .pastprojectSwiper .swiper-slide:nth-child(2) .itemAnim{opacity:1;transform:translateY(0);transition-delay:.3s;}#FOS #PastProject .w1396.is-inViewport .pastprojectSwiper .swiper-slide:nth-child(3) .itemAnim{opacity:1;transform:translateY(0);transition-delay:.6s;}#FOS #PastProject .circle{width:198px;right:-106px;bottom:0;position:absolute;}#FOS #Resource{width:100%;}#FOS #Resource .w1226{margin:0 auto;}#FOS #Resource .w1226 .w1034 .font18{color:#000;font-family:"Raleway-SemiBold";}#FOS #Resource .w1226 .w1034 .font32{color:#000;font-family:"Raleway-ExtraBold";}#FOS #Resource .w1226 .w1034 .row .font18{font-family:"Raleway-ExtraBold";}#FOS #Resource .w1226 .w1034 .row .flex{flex-wrap:wrap;}#FOS #Resource .w1226 .w1034 .row .box{position:relative;background-color:#fff;}#FOS #Resource .w1226 .w1034 .row .box .side{position:absolute;}#FOS #Resource .w1226 .w1034 .row .box .side:before,#FOS #Resource .w1226 .w1034 .row .box .side::before,#FOS #Resource .w1226 .w1034 .row .box .side:after,#FOS #Resource .w1226 .w1034 .row .box .side::after{content:"";width:100%;height:100%;display:block;position:absolute;}#FOS #Resource .w1226 .w1034 .row .box .side:before,#FOS #Resource .w1226 .w1034 .row .box .side::before{bottom:100%;}#FOS #Resource .w1226 .w1034 .row .box .side:after,#FOS #Resource .w1226 .w1034 .row .box .side::after{top:100%;}#FOS #Resource .w1226 .w1034 .row .box .download{position:absolute;}#FOS #Resource .w1226 .w1034 .row .box.doc{border-color:#0263d1;}#FOS #Resource .w1226 .w1034 .row .box.doc .side{background-color:#0263d1;}#FOS #Resource .w1226 .w1034 .row .box.doc .side:before,#FOS #Resource .w1226 .w1034 .row .box.doc .side::before,#FOS #Resource .w1226 .w1034 .row .box.doc .side:after,#FOS #Resource .w1226 .w1034 .row .box.doc .side::after{background-color:#0263d1;}#FOS #Resource .w1226 .w1034 .row .box.pdf{border-color:#e5252a;}#FOS #Resource .w1226 .w1034 .row .box.pdf .side{background-color:#e5252a;}#FOS #Resource .w1226 .w1034 .row .box.pdf .side:before,#FOS #Resource .w1226 .w1034 .row .box.pdf .side::before,#FOS #Resource .w1226 .w1034 .row .box.pdf .side:after,#FOS #Resource .w1226 .w1034 .row .box.pdf .side::after{background-color:#e5252a;}#FOS #Popout{top:0;left:0;right:0;bottom:0;z-index:1000;display:none;position:fixed;}#FOS #Popout .bg{z-index:2;display:flex;position:absolute;background-color:#fff;}#FOS #Popout .bg .scrollHeight{flex-grow:1;overflow-y:auto;}#FOS #Popout .bg .scrollHeight::-webkit-scrollbar{width:9px;margin-right:1em;}#FOS #Popout .bg .scrollHeight::-webkit-scrollbar-track{background:#fff;border-radius:1em;}#FOS #Popout .bg .scrollHeight::-webkit-scrollbar-thumb{background:#dbdbdb;border-radius:1em;}#FOS #Popout .bg .scrollHeight .scrollbar{flex-grow:1;}#FOS #Popout .bg .close{aspect-ratio:1/1;border-radius:50%;position:absolute;background-color:#e24747;cursor:pointer;}#FOS #Popout .bg .close .img{fill:white;height:100%;}#FOS #Popout .bg .w1312 .font16{color:#000;font-family:"Raleway-SemiBold";}#FOS #Popout .bg .w1312 .font16 b{font-weight:400;font-family:"Raleway-ExtraBold";}#FOS #Popout .bg .w1312 .font20{color:#664101;background-color:#f1b34c;font-family:"Raleway-Bold";}#FOS #Popout .bg .w1312 .font38{color:#000;font-family:"Raleway-ExtraBold";}#FOS #Popout .bg .w1341{flex-wrap:wrap;}#FOS #Popout .bg .w1341 .item{aspect-ratio:16/9.716;}#FOS #Popout .bg .w1341 .item .img{height:100%;object-fit:cover;object-position:center;}#FOS #Popout .bg iframe{width:100%;display:block;aspect-ratio:16/9;}#FOS #Popout .shadow{top:0;left:0;right:0;bottom:0;z-index:1;position:absolute;background-color:rgba(0,0,0,.64);}@media screen and (max-width:768px){#Background picture{top:-11.86vw;width:388.837vw;}#FOS .banner{height:135.814vw;}#FOS .banner .hdb{display:none;}#FOS .banner .logo{top:53.488vw;width:39.535vw;}#FOS .banner .cloud.v1{top:39.535vw;left:4.651vw;width:44.186vw;}#FOS .banner .cloud.v2{top:27.907vw;width:18.605vw;right:27.907vw;}#FOS .banner .cloud.v3{top:41.86vw;width:23.256vw;right:-4.651vw;}#FOS .banner .school{right:0;left:4.651vw;z-index:1;width:86.047vw;margin:auto;bottom:11.628vw;}#FOS .banner .singa{left:39.977vw;width:23.256vw;bottom:-11.628vw;}#FOS .banner .student{right:0;z-index:2;margin:auto;left:25.581vw;width:51.163vw;bottom:-11.628vw;}#FOS .banner .font38{top:53.488vw;left:0;right:0;margin:auto;font-size:7.442vw;text-align:center;}#FOS #Info{margin-top:0;padding-bottom:5.814vw;}#FOS #Info .dot{left:-16.279vw;width:20.93vw;bottom:41.395vw;}#FOS #Info .w906{width:100%;margin:11.628vw auto 0;}#FOS #Info .w906 .w883{width:90%;margin:0 auto;border-radius:6.977vw;padding:8.605vw 3.721vw 4.884vw 6.047vw;}#FOS #Info .w906 .w883 .btn{width:43.023vw;height:10.465vw;padding-left:7.674vw;border-radius:6.744vw;transform:translateY(10vw);}#FOS #Info .w906 .w883 .btn span{font-size:3.721vw;}#FOS #Info .w906 .w883 .btn .arrow{width:3.721vw;margin-left:5.116vw;}#FOS #Info .w906 .w883 .font16{font-size:3.721vw;line-height:5.581vw;}#FOS #Info .w906 .w883 .plane{top:-4.651vw;left:-4.651vw;width:16.279vw;}#FOS #Info .w906 .w883 .glass{top:-4.651vw;width:12.326vw;right:-2.326vw;}#FOS #Timeline{padding-top:6.25vw;}#FOS #Timeline .font32{font-size:4.651vw;}#FOS #Timeline .header{margin-bottom:15.116vw;}#FOS #Timeline .header .font18{font-size:3.721vw;}#FOS #Timeline .header .font32{margin-bottom:2.326vw;}#FOS #Timeline .wrapper .pole{top:34.884vw;height:1.628vw;}#FOS #Timeline .wrapper .w609{width:88.372vw;margin:6.977vw auto 0;}#FOS #Timeline .wrapper .w609 .arrow{width:10vw;min-width:10vw;}#FOS #Timeline .wrapper .w609 .swiper-scrollbar{height:2.093vw;margin:0 9.302vw;border-radius:2.093vw;}#FOS #Timeline .wrapper .w609 .swiper-scrollbar .swiper-scrollbar-drag{border-radius:2.093vw;}#FOS #Timeline .wrapper .timelineSwiper{margin-left:0;margin-right:0;}#FOS #Timeline .wrapper .timelineSwiper .swiper-slide:nth-child(1) .itemAnim{opacity:0;}#FOS #Timeline .wrapper .timelineSwiper .swiper-slide .itemAnim{min-height:23.256vw;padding-top:24.419vw;margin:0 2.558vw 0 7.209vw;}#FOS #Timeline .wrapper .timelineSwiper .swiper-slide .itemAnim .box{margin-top:5.581vw;}#FOS #Timeline .wrapper .timelineSwiper .swiper-slide .itemAnim .box .font16{font-size:3.721vw;line-height:5.581vw;}#FOS #Timeline .wrapper .timelineSwiper .swiper-slide .itemAnim .box .font16 ul{margin:4.186vw 0 6.744vw;}#FOS #Timeline .wrapper .timelineSwiper .swiper-slide .itemAnim .box .font16 ul li{padding-left:6.977vw;}#FOS #Timeline .wrapper .timelineSwiper .swiper-slide .itemAnim .box .font16 ul li::before,#FOS #Timeline .wrapper .timelineSwiper .swiper-slide .itemAnim .box .font16 ul li:before{top:1.628vw;width:1.395vw;}#FOS #Timeline .wrapper .timelineSwiper .swiper-slide .itemAnim .box .font18{top:12.791vw;left:38.837vw;font-size:4.186vw;min-height:16.744vw;line-height:5.581vw;}#FOS #Timeline .wrapper .timelineSwiper .swiper-slide .itemAnim .date{left:17.674vw;width:.465vw;height:20.698vw;}#FOS #Timeline .wrapper .timelineSwiper .swiper-slide .itemAnim .date:after,#FOS #Timeline .wrapper .timelineSwiper .swiper-slide .itemAnim .date::after{left:-.93vw;width:2.326vw;bottom:-1.163vw;}#FOS #Timeline .wrapper .timelineSwiper .swiper-slide .itemAnim .date .font20{font-size:4.186vw;padding-left:5.581vw;padding-right:5.814vw;}#FOS #Timeline .wrapper .timelineSwiper .swiper-slide .itemAnim .date .font20 div{min-width:29.07vw;padding:1.628vw 3.256vw 1.628vw 3.721vw;}#FOS #Timeline .wrapper .timelineSwiper .swiper-slide .itemAnim .date .font20 .end{height:8.14vw;}#FOS #Timeline .wrapper .timelineSwiper .swiper-slide .itemAnim .date .font20 .start{height:8.14vw;}#FOS #Timeline .wrapper .timelineSwiper .swiper-slide .itemAnim .circle{width:22.558vw;height:22.558vw;margin-left:6.512vw;}#FOS #Timeline .wrapper .timelineSwiper .swiper-slide .itemAnim .circle::before,#FOS #Timeline .wrapper .timelineSwiper .swiper-slide .itemAnim .circle:before{width:19.767vw;height:19.767vw;border:.465vw solid #282b3d;}#FOS #Timeline .wrapper .timelineSwiper .swiper-slide .itemAnim .circle svg{top:6.744vw;left:6.977vw;width:8.837vw;}#FOS #Timeline .wrapper .timelineSwiper .swiper-slide .itemAnim .circle svg.implement{left:7.674vw;width:8.605vw;}#FOS #Timeline .wrapper .timelineSwiper .swiper-slide .itemAnim .circle svg.registration{left:8.14vw;}#FOS #Timeline .wrapper.is-inViewport .timelineSwiper .swiper-slide:nth-child(1) .itemAnim{animation:slideInRotation 3s forwards;}#FOS #FocusArea{padding-top:23.256vw;}#FOS #FocusArea .wave{top:58.14vw;left:-12.791vw;width:20.93vw;}#FOS #FocusArea .pattern.v1{top:0;width:32.558vw;right:-23.256vw;}#FOS #FocusArea .pattern.v2{left:-8.14vw;width:13.953vw;bottom:16.279vw;}#FOS #FocusArea .w1334{width:83.721vw;border-radius:5.814vw;padding:16.279vw 0 5.814vw;}#FOS #FocusArea .w1334 .font16{font-size:3.721vw;line-height:5.581vw;}#FOS #FocusArea .w1334 .font18{font-size:3.721vw;}#FOS #FocusArea .w1334 .title{top:-5.814vw;width:46.977vw;padding:3.721vw 0;font-size:4.651vw;border-radius:4.651vw;box-shadow:1.163vw 1.163vw 0 rgba(55,55,55,.0509803922);}#FOS #FocusArea .w1334 .title .pencil{top:3.488vw;left:-2.326vw;width:8.372vw;}#FOS #FocusArea .w1334 .w1204{width:69.767vw;}#FOS #FocusArea .w1334 .w1204 .header{margin-bottom:6.977vw;}#FOS #FocusArea .w1334 .w1204 .wrapper{padding-top:29.07vw;}#FOS #FocusArea .w1334 .w1204 .wrapper .box{margin-bottom:3.488vw;border-radius:4.651vw;box-shadow:0 .698vw 4.651vw rgba(0,0,0,.1019607843);}#FOS #FocusArea .w1334 .w1204 .wrapper .box .header{padding:6.395vw 14.186vw 6.395vw 5.814vw;}#FOS #FocusArea .w1334 .w1204 .wrapper .box .header:after,#FOS #FocusArea .w1334 .w1204 .wrapper .box .header::after{top:8.14vw;right:6.279vw;width:3.023vw;}#FOS #FocusArea .w1334 .w1204 .wrapper .box .content{padding:0 5.814vw 6.279vw;}#FOS #FocusArea .w1334 .w1204 .wrapper .box.open .header{padding:6.395vw 14.186vw 6.395vw 5.814vw;}#FOS #FocusArea .w1334 .w1204 .wrapper .plane{top:3.488vw;right:-4.651vw;width:34.884vw;}#FOS #FocusArea .w1334 .singa{left:-11.628vw;width:18.605vw;bottom:-2.326vw;}#FOS #PastProject{padding-top:11.628vw;}#FOS #PastProject .w1396{width:88.372vw;}#FOS #PastProject .w1396 .font16{font-size:3.721vw;line-height:5.581vw;}#FOS #PastProject .w1396 .font16.school{border-radius:4.186vw;margin-bottom:3.721vw;padding:1.163vw 3.721vw .93vw;}#FOS #PastProject .w1396 .font18{font-size:3.721vw;margin-bottom:4.651vw;}#FOS #PastProject .w1396 .font32{font-size:4.651vw;margin-bottom:6.977vw;}#FOS #PastProject .w1396 .itemAnim{margin:0 2.558vw;padding-bottom:4.651vw;}#FOS #PastProject .w1396 .itemAnim .box{border-radius:3.953vw;padding:3.023vw 2.791vw 6.977vw;box-shadow:0 2.326vw 2.326vw rgba(0,0,0,.062745098);}#FOS #PastProject .w1396 .itemAnim .box .imgWrapper{border-radius:5.349vw;aspect-ratio:16/10.684;border:.233vw solid rgba(112,112,112,.5);}#FOS #PastProject .w1396 .itemAnim .box .imgWrapper .img{border-radius:5.349vw;}#FOS #PastProject .w1396 .itemAnim .box .txtWrapper{padding:5.581vw 4.419vw 0;}#FOS #PastProject .w1396 .w609{width:88.372vw;margin:6.977vw auto 0;}#FOS #PastProject .w1396 .w609 .arrow{width:10vw;min-width:10vw;}#FOS #PastProject .w1396 .w609 .swiper-scrollbar{height:2.093vw;margin:0 9.302vw;border-radius:2.093vw;}#FOS #PastProject .w1396 .w609 .swiper-scrollbar .swiper-scrollbar-drag{border-radius:2.093vw;}#FOS #PastProject .circle{width:34.884vw;right:-20.93vw;bottom:20.93vw;}#FOS #Resource{padding-top:11.628vw;}#FOS #Resource .w1226{width:76.744vw;}#FOS #Resource .w1226 .w1034 .font18{font-size:3.721vw;}#FOS #Resource .w1226 .w1034 .font18.desc{padding-bottom:4.651vw;}#FOS #Resource .w1226 .w1034 .font18.header{margin-bottom:3.488vw;}#FOS #Resource .w1226 .w1034 .font32{font-size:4.651vw;margin-bottom:2.326vw;}#FOS #Resource .w1226 .w1034 .row{margin-top:3.488vw;}#FOS #Resource .w1226 .w1034 .row .box{width:100%;min-height:16.279vw;margin-bottom:4.651vw;border-radius:3.721vw;border:.465vw solid #fff;padding:3.488vw 13.953vw 3.488vw 9.302vw;box-shadow:0 2.326vw 4.651vw rgba(82,82,82,.0509803922);}#FOS #Resource .w1226 .w1034 .row .box .side{top:11.628vw;left:-3.721vw;width:7.907vw;height:2.791vw;border-radius:1.395vw;border:.465vw solid #fff;}#FOS #Resource .w1226 .w1034 .row .box .side:before,#FOS #Resource .w1226 .w1034 .row .box .side::before,#FOS #Resource .w1226 .w1034 .row .box .side:after,#FOS #Resource .w1226 .w1034 .row .box .side::after{left:-.465vw;border-radius:1.395vw;border:.465vw solid #fff;}#FOS #Resource .w1226 .w1034 .row .box .side:before,#FOS #Resource .w1226 .w1034 .row .box .side::before{margin-bottom:2.326vw;}#FOS #Resource .w1226 .w1034 .row .box .side:after,#FOS #Resource .w1226 .w1034 .row .box .side::after{margin-top:2.326vw;}#FOS #Resource .w1226 .w1034 .row .box .file{width:6.977vw;margin-bottom:3.721vw;}#FOS #Resource .w1226 .w1034 .row .box .download{width:6.977vw;right:5.349vw;bottom:3.721vw;}#FOS #Popout .bg{top:6.977vw;left:4.651vw;right:4.651vw;bottom:6.977vw;margin:2.326vw auto;border-radius:13.953vw;padding:16.279vw 4.651vw 6.977vw;}#FOS #Popout .bg .scrollHeight::-webkit-scrollbar{width:2.093vw;}#FOS #Popout .bg .close{top:4.651vw;right:4.651vw;width:9.302vw;}#FOS #Popout .bg .w1312{width:95%;}#FOS #Popout .bg .w1312 .font16{font-size:3.721vw;line-height:5.581vw;margin-bottom:8.837vw;}#FOS #Popout .bg .w1312 .font20{font-size:4.186vw;padding:1.86vw 4.651vw;margin-bottom:4.651vw;border-radius:4.651vw;}#FOS #Popout .bg .w1312 .font38{font-size:7.442vw;margin-bottom:5.814vw;}#FOS #Popout .bg .w1341{width:95%;}#FOS #Popout .bg .w1341 .item{width:100%;border-radius:5.814vw;margin-bottom:5.814vw;}#FOS #Popout .bg .w1341 .item .img{border-radius:5.814vw;}#FOS #Popout .bg iframe{max-width:139.535vw;margin-bottom:5.814vw;}}@media screen and (min-width:769px) and (max-width:1023px){#Background picture{top:-51px;width:1672px;}#FOS .banner{height:584px;}#FOS .banner .hdb.v1{right:0;top:370px;left:250px;width:180px;margin:auto;}#FOS .banner .hdb.v2{right:0;top:334px;left:550px;width:215px;margin:auto;}#FOS .banner .logo{top:210px;width:170px;}#FOS .banner .cloud.v1{top:170px;left:20px;width:190px;}#FOS .banner .cloud.v2{top:120px;width:80px;right:120px;}#FOS .banner .cloud.v3{top:180px;width:100px;right:-20px;}#FOS .banner .school{right:0;z-index:1;left:-380px;width:320px;margin:auto;bottom:50px;}#FOS .banner .singa{right:0;z-index:2;left:-180px;width:100px;bottom:-10px;margin:auto;}#FOS .banner .student{right:0;z-index:2;left:-380px;width:220px;margin:auto;bottom:-50px;}#FOS .banner .font38{top:230px;left:0;right:0;margin:auto;font-size:32px;text-align:center;}#FOS #Info{margin-top:0;padding-bottom:25px;}#FOS #Info .dot{left:-70px;width:90px;bottom:178px;}#FOS #Info .w906{width:100%;margin:50px auto 0;}#FOS #Info .w906 .w883{width:90%;margin:0 auto;border-radius:30px;padding:37px 16px 21px 26px;}#FOS #Info .w906 .w883 .btn{width:185px;height:45px;padding-left:33px;border-radius:29px;transform:translateY(43px);}#FOS #Info .w906 .w883 .btn span{font-size:16px;}#FOS #Info .w906 .w883 .btn .arrow{width:16px;margin-left:22px;}#FOS #Info .w906 .w883 .font16{font-size:16px;line-height:24px;}#FOS #Info .w906 .w883 .plane{top:-20px;left:-20px;width:70px;}#FOS #Info .w906 .w883 .glass{top:-20px;width:53px;right:-10px;}#FOS #Timeline{padding-top:6.25vw;}#FOS #Timeline .font32{font-size:20px;}#FOS #Timeline .header{margin-bottom:65px;}#FOS #Timeline .header .font18{font-size:16px;}#FOS #Timeline .header .font32{margin-bottom:10px;}#FOS #Timeline .wrapper .pole{top:150px;height:7px;}#FOS #Timeline .wrapper .w609{width:380px;margin:30px auto 0;}#FOS #Timeline .wrapper .w609 .arrow{width:43px;min-width:43px;}#FOS #Timeline .wrapper .w609 .swiper-scrollbar{height:9px;margin:0 40px;border-radius:9px;}#FOS #Timeline .wrapper .w609 .swiper-scrollbar .swiper-scrollbar-drag{border-radius:9px;}#FOS #Timeline .wrapper .timelineSwiper{max-width:609px;margin-left:30px;margin-right:130px;}#FOS #Timeline .wrapper .timelineSwiper .swiper-slide:nth-child(1) .itemAnim{opacity:0;}#FOS #Timeline .wrapper .timelineSwiper .swiper-slide:nth-child(2) .itemAnim{opacity:0;}#FOS #Timeline .wrapper .timelineSwiper .swiper-slide .itemAnim{margin:0 31px;min-height:100px;padding-top:105px;}#FOS #Timeline .wrapper .timelineSwiper .swiper-slide .itemAnim .box{margin-top:24px;}#FOS #Timeline .wrapper .timelineSwiper .swiper-slide .itemAnim .box .font16{font-size:16px;line-height:24px;}#FOS #Timeline .wrapper .timelineSwiper .swiper-slide .itemAnim .box .font16 ul{margin:18px 0 29px;}#FOS #Timeline .wrapper .timelineSwiper .swiper-slide .itemAnim .box .font16 ul li{padding-left:30px;}#FOS #Timeline .wrapper .timelineSwiper .swiper-slide .itemAnim .box .font16 ul li::before,#FOS #Timeline .wrapper .timelineSwiper .swiper-slide .itemAnim .box .font16 ul li:before{top:7px;width:6px;}#FOS #Timeline .wrapper .timelineSwiper .swiper-slide .itemAnim .box .font18{top:55px;left:167px;font-size:18px;min-height:72px;line-height:24px;}#FOS #Timeline .wrapper .timelineSwiper .swiper-slide .itemAnim .date{left:76px;width:2px;height:89px;}#FOS #Timeline .wrapper .timelineSwiper .swiper-slide .itemAnim .date:after,#FOS #Timeline .wrapper .timelineSwiper .swiper-slide .itemAnim .date::after{left:-4px;width:10px;bottom:-5px;}#FOS #Timeline .wrapper .timelineSwiper .swiper-slide .itemAnim .date .font20{font-size:18px;padding-left:24px;padding-right:25px;}#FOS #Timeline .wrapper .timelineSwiper .swiper-slide .itemAnim .date .font20 div{min-width:125px;padding:7px 14px 7px 16px;}#FOS #Timeline .wrapper .timelineSwiper .swiper-slide .itemAnim .date .font20 .end{right:1px;height:35px;}#FOS #Timeline .wrapper .timelineSwiper .swiper-slide .itemAnim .date .font20 .start{left:1px;height:35px;}#FOS #Timeline .wrapper .timelineSwiper .swiper-slide .itemAnim .circle{width:97px;height:97px;margin-left:28px;}#FOS #Timeline .wrapper .timelineSwiper .swiper-slide .itemAnim .circle::before,#FOS #Timeline .wrapper .timelineSwiper .swiper-slide .itemAnim .circle:before{width:85px;height:85px;border:2px solid #282b3d;}#FOS #Timeline .wrapper .timelineSwiper .swiper-slide .itemAnim .circle svg{top:29px;left:30px;width:38px;}#FOS #Timeline .wrapper .timelineSwiper .swiper-slide .itemAnim .circle svg.implement{left:33px;width:37px;}#FOS #Timeline .wrapper .timelineSwiper .swiper-slide .itemAnim .circle svg.registration{left:35px;}#FOS #Timeline .wrapper.is-inViewport .timelineSwiper .swiper-slide:nth-child(1) .itemAnim{animation:slideInRotation 3s forwards;animation-delay:.2s;}#FOS #Timeline .wrapper.is-inViewport .timelineSwiper .swiper-slide:nth-child(2) .itemAnim{animation:slideInRotation 3s forwards;}#FOS #FocusArea{padding-top:100px;}#FOS #FocusArea .wave{top:250px;left:-55px;width:90px;}#FOS #FocusArea .pattern.v1{top:0;width:140px;right:-100px;}#FOS #FocusArea .pattern.v2{left:-35px;width:60px;bottom:70px;}#FOS #FocusArea .w1334{width:90%;border-radius:25px;padding:70px 0 25px;}#FOS #FocusArea .w1334 .font16{font-size:16px;line-height:24px;}#FOS #FocusArea .w1334 .font18{font-size:16px;}#FOS #FocusArea .w1334 .title{top:-25px;width:202px;padding:16px 0;font-size:20px;border-radius:20px;box-shadow:5px 5px 0 rgba(55,55,55,.0509803922);}#FOS #FocusArea .w1334 .title .pencil{top:15px;left:-10px;width:36px;}#FOS #FocusArea .w1334 .w1204{width:90%;}#FOS #FocusArea .w1334 .w1204 .header{margin-bottom:30px;}#FOS #FocusArea .w1334 .w1204 .wrapper{padding-top:125px;}#FOS #FocusArea .w1334 .w1204 .wrapper .box{margin-bottom:15px;border-radius:20px;box-shadow:0 3px 20px rgba(0,0,0,.1019607843);}#FOS #FocusArea .w1334 .w1204 .wrapper .box .header{padding:27.5px 61px 27.5px 25px;}#FOS #FocusArea .w1334 .w1204 .wrapper .box .header:after,#FOS #FocusArea .w1334 .w1204 .wrapper .box .header::after{top:35px;right:27px;width:13px;}#FOS #FocusArea .w1334 .w1204 .wrapper .box .content{padding:0 25px 27px;}#FOS #FocusArea .w1334 .w1204 .wrapper .box.open .header{padding:27.5px 61px 27.5px 25px;}#FOS #FocusArea .w1334 .w1204 .wrapper .plane{top:15px;right:-20px;width:150px;}#FOS #FocusArea .w1334 .singa{left:-50px;width:80px;bottom:-10px;}#FOS #PastProject{padding-top:50px;}#FOS #PastProject .w1396{width:95%;max-width:962px;}#FOS #PastProject .w1396 .font16{font-size:16px;line-height:24px;}#FOS #PastProject .w1396 .font16.school{border-radius:18px;margin-bottom:16px;padding:5px 16px 4px;}#FOS #PastProject .w1396 .font18{font-size:16px;margin-bottom:20px;}#FOS #PastProject .w1396 .font32{font-size:20px;margin-bottom:30px;}#FOS #PastProject .w1396 .itemAnim{margin:0 11px;padding-bottom:20px;}#FOS #PastProject .w1396 .itemAnim .box{border-radius:17px;padding:13px 12px 30px;box-shadow:0 10px 10px rgba(0,0,0,.062745098);}#FOS #PastProject .w1396 .itemAnim .box .imgWrapper{border-radius:23px;aspect-ratio:16/10.684;border:1px solid rgba(112,112,112,.5);}#FOS #PastProject .w1396 .itemAnim .box .imgWrapper .img{border-radius:23px;}#FOS #PastProject .w1396 .itemAnim .box .txtWrapper{padding:24px 19px 0;}#FOS #PastProject .w1396 .w609{width:380px;margin:30px auto 0;}#FOS #PastProject .w1396 .w609 .arrow{width:43px;min-width:43px;}#FOS #PastProject .w1396 .w609 .swiper-scrollbar{height:9px;margin:0 40px;border-radius:9px;}#FOS #PastProject .w1396 .w609 .swiper-scrollbar .swiper-scrollbar-drag{border-radius:9px;}#FOS #PastProject .circle{width:150px;right:-90px;bottom:90px;}#FOS #Resource{padding-top:50px;}#FOS #Resource .w1226{width:85%;max-width:600px;}#FOS #Resource .w1226 .w1034{max-width:600px;}#FOS #Resource .w1226 .w1034 .font18{font-size:16px;}#FOS #Resource .w1226 .w1034 .font18.desc{padding-bottom:20px;}#FOS #Resource .w1226 .w1034 .font18.header{margin-bottom:15px;}#FOS #Resource .w1226 .w1034 .font32{font-size:20px;margin-bottom:10px;}#FOS #Resource .w1226 .w1034 .row{margin-top:15px;}#FOS #Resource .w1226 .w1034 .row .box{width:276px;min-height:70px;margin-bottom:20px;border-radius:16px;border:2px solid #fff;padding:15px 60px 15px 40px;box-shadow:0 10px 20px rgba(82,82,82,.0509803922);}#FOS #Resource .w1226 .w1034 .row .box .side{top:50px;left:-16px;width:34px;height:12px;border-radius:6px;border:2px solid #fff;}#FOS #Resource .w1226 .w1034 .row .box .side:before,#FOS #Resource .w1226 .w1034 .row .box .side::before,#FOS #Resource .w1226 .w1034 .row .box .side:after,#FOS #Resource .w1226 .w1034 .row .box .side::after{left:-2px;border-radius:6px;border:2px solid #fff;}#FOS #Resource .w1226 .w1034 .row .box .side:before,#FOS #Resource .w1226 .w1034 .row .box .side::before{margin-bottom:10px;}#FOS #Resource .w1226 .w1034 .row .box .side:after,#FOS #Resource .w1226 .w1034 .row .box .side::after{margin-top:10px;}#FOS #Resource .w1226 .w1034 .row .box .file{width:30px;margin-bottom:16px;}#FOS #Resource .w1226 .w1034 .row .box .download{width:30px;right:23px;bottom:16px;}#FOS #Popout .bg{top:30px;left:20px;right:20px;bottom:30px;margin:10px auto;border-radius:60px;padding:70px 20px 30px;}#FOS #Popout .bg .scrollHeight::-webkit-scrollbar{width:9px;}#FOS #Popout .bg .close{top:20px;right:20px;width:40px;}#FOS #Popout .bg .w1312{width:95%;}#FOS #Popout .bg .w1312 .font16{font-size:16px;line-height:24px;margin-bottom:38px;}#FOS #Popout .bg .w1312 .font20{font-size:18px;padding:8px 20px;margin-bottom:20px;border-radius:20px;}#FOS #Popout .bg .w1312 .font38{font-size:32px;margin-bottom:25px;}#FOS #Popout .bg .w1341{width:95%;}#FOS #Popout .bg .w1341 .item{width:48%;border-radius:25px;margin-bottom:25px;}#FOS #Popout .bg .w1341 .item .img{border-radius:25px;}#FOS #Popout .bg iframe{max-width:600px;margin-bottom:25px;}}@media screen and (max-width:1023px){#Background picture{left:50%;transform:translateX(-50%);}#FOS #Info .wave{display:none;}#FOS #Info .w1355{display:none;}}@media screen and (min-width:1024px){#Background picture{top:-6.063vw;left:-1.063vw;width:104.5vw;}#FOS .banner{height:32.75vw;}#FOS .banner .hdb.v1{top:19.375vw;left:65.063vw;width:14.25vw;}#FOS .banner .hdb.v2{top:17.75vw;left:75.875vw;width:15.375vw;}#FOS .banner .logo{top:8.125vw;width:10.625vw;}#FOS .banner .cloud.v1{top:10.5vw;left:15.125vw;width:17vw;}#FOS .banner .cloud.v2{top:4.875vw;left:61.625vw;width:5.375vw;}#FOS .banner .cloud.v3{top:7.875vw;left:81vw;width:8.313vw;}#FOS .banner .school{top:19vw;left:12.375vw;width:30.5vw;}#FOS .banner .school .tree.v1{top:8.188vw;left:-2.938vw;width:3.75vw;}#FOS .banner .school .tree.v2{top:7.25vw;left:-1.063vw;width:4.938vw;}#FOS .banner .school .light{top:5.688vw;right:-.938vw;width:1.688vw;}#FOS .banner .singa{top:21.188vw;left:46.125vw;width:10.813vw;}#FOS .banner .student{top:22.625vw;left:53.375vw;width:16.5vw;}#FOS .banner .font38{top:13.188vw;left:43.813vw;font-size:2.375vw;}#FOS #Info{margin-top:-.313vw;padding-bottom:1.438vw;}#FOS #Info .dot{left:-1.75vw;width:7.938vw;bottom:11.125vw;}#FOS #Info .wave{right:8.125vw;width:8.688vw;}#FOS #Info .w906{width:56.625vw;margin:5.375vw auto 0;}#FOS #Info .w906 .w883{width:55.188vw;border-radius:1.875vw;padding:4.625vw 3.5vw 1.313vw 4.75vw;}#FOS #Info .w906 .w883 .btn{width:11.563vw;height:2.813vw;padding-left:2.063vw;border-radius:1.813vw;transform:translate(-1.25vw,2.688vw);}#FOS #Info .w906 .w883 .btn:after,#FOS #Info .w906 .w883 .btn::after{content:"";top:-3.125vw;left:-4.688vw;width:3.125vw;height:9.688vw;position:absolute;transform:rotate(35deg);background-color:rgba(255,255,255,.2);transition:all 550ms cubic-bezier(.19,1,.22,1);}#FOS #Info .w906 .w883 .btn span{font-size:1vw;}#FOS #Info .w906 .w883 .btn .arrow{width:1vw;margin-left:1.375vw;}#FOS #Info .w906 .w883 .btn:hover:after,#FOS #Info .w906 .w883 .btn:hover::after{left:120%;transition:all 550ms cubic-bezier(.19,1,.22,1);}#FOS #Info .w906 .w883 .font16{font-size:1vw;line-height:1.5vw;}#FOS #Info .w906 .w883 .plane{top:-.813vw;left:-1.5vw;width:5.563vw;}#FOS #Info .w906 .w883 .glass{top:-1.625vw;width:4.563vw;right:-.625vw;}#FOS #Info .w1355{width:84.688vw;padding:.375vw .625vw;border-radius:1.25vw;box-shadow:0 .188vw 1.25vw rgba(0,0,0,.1019607843);}#FOS #Info .w1355 .box{width:20.313vw;font-size:1.25vw;border-radius:.938vw;padding:1.781vw 0 1.781vw 2.375vw;}#FOS #Info .w1355 .box .arrow{top:2.063vw;right:2.313vw;width:.875vw;}#FOS #Info .w1355 .box .arrow .img:last-child{margin-top:-.125vw;}#FOS #Info .w1355 .box:first-child{color:#fff;background-color:#3561a9;box-shadow:5px 5px 0 rgba(0,0,0,.0784313725);}#FOS #Info .w1355 .box:first-child .arrow .img{opacity:0;animation:opacity 1s ease infinite;}#FOS #Info .w1355 .box:first-child .arrow .img:last-child{animation-delay:.5s;}#FOS #Info .w1355:hover .box:hover{color:#fff;background-color:#3561a9;box-shadow:5px 5px 0 rgba(0,0,0,.0784313725);}#FOS #Info .w1355:hover .box:hover .arrow .img{opacity:0;animation:opacity 1s ease infinite;}#FOS #Info .w1355:hover .box:hover .arrow .img:last-child{animation-delay:.5s;}#FOS #Info .w1355:hover .box:first-child{color:#000;background-color:#fff;box-shadow:0 0 0 rgba(0,0,0,.0784313725);}#FOS #Info .w1355:hover .box:first-child:hover{color:#fff;background-color:#3561a9;box-shadow:5px 5px 0 rgba(0,0,0,.0784313725);}#FOS #Timeline{padding-top:6.25vw;}#FOS #Timeline .font32{font-size:2vw;}#FOS #Timeline .header{margin-bottom:4.063vw;}#FOS #Timeline .header .font18{font-size:1.125vw;}#FOS #Timeline .header .font32{margin-bottom:.625vw;}#FOS #Timeline .wrapper .pole{top:9.375vw;height:.438vw;}#FOS #Timeline .wrapper .w609{width:38.063vw;margin:3.438vw auto 0;}#FOS #Timeline .wrapper .w609 .arrow{width:2.688vw;min-width:2.688vw;-webkit-transition:background-color .5s;-moz-transition:background-color .5s;-o-transition:background-color .5s;transition:background-color .5s;}#FOS #Timeline .wrapper .w609 .arrow .img{-webkit-transition:fill .5s;-moz-transition:fill .5s;-o-transition:fill .5s;transition:fill .5s;}#FOS #Timeline .wrapper .w609 .arrow:hover{background-color:#061c2b;}#FOS #Timeline .wrapper .w609 .arrow:hover .img{fill:#f8f35e;}#FOS #Timeline .wrapper .w609 .swiper-scrollbar{height:.563vw;margin:0 2.938vw;border-radius:.563vw;}#FOS #Timeline .wrapper .w609 .swiper-scrollbar .swiper-scrollbar-drag{border-radius:.563vw;}#FOS #Timeline .wrapper .timelineSwiper{margin-left:6.688vw;margin-right:22.938vw;}#FOS #Timeline .wrapper .timelineSwiper .swiper-slide:nth-child(1) .itemAnim{opacity:0;}#FOS #Timeline .wrapper .timelineSwiper .swiper-slide:nth-child(2) .itemAnim{opacity:0;}#FOS #Timeline .wrapper .timelineSwiper .swiper-slide:nth-child(3) .itemAnim{opacity:0;}#FOS #Timeline .wrapper .timelineSwiper .swiper-slide .itemAnim{margin:0 4.375vw;min-height:6.25vw;padding-top:6.563vw;}#FOS #Timeline .wrapper .timelineSwiper .swiper-slide .itemAnim .box{margin-top:1.5vw;}#FOS #Timeline .wrapper .timelineSwiper .swiper-slide .itemAnim .box .font16{font-size:1vw;line-height:1.5vw;}#FOS #Timeline .wrapper .timelineSwiper .swiper-slide .itemAnim .box .font16 ul{margin:1.125vw 0 1.813vw;}#FOS #Timeline .wrapper .timelineSwiper .swiper-slide .itemAnim .box .font16 ul li{padding-left:1.875vw;}#FOS #Timeline .wrapper .timelineSwiper .swiper-slide .itemAnim .box .font16 ul li::before,#FOS #Timeline .wrapper .timelineSwiper .swiper-slide .itemAnim .box .font16 ul li:before{top:.438vw;width:.375vw;}#FOS #Timeline .wrapper .timelineSwiper .swiper-slide .itemAnim .box .font18{top:3.438vw;left:10.438vw;font-size:1.125vw;min-height:4.5vw;line-height:1.5vw;}#FOS #Timeline .wrapper .timelineSwiper .swiper-slide .itemAnim .date{left:4.75vw;width:.125vw;height:5.563vw;}#FOS #Timeline .wrapper .timelineSwiper .swiper-slide .itemAnim .date:after,#FOS #Timeline .wrapper .timelineSwiper .swiper-slide .itemAnim .date::after{left:-.25vw;width:.625vw;bottom:-.313vw;}#FOS #Timeline .wrapper .timelineSwiper .swiper-slide .itemAnim .date .font20{font-size:1.25vw;padding-left:1.5vw;padding-right:1.563vw;}#FOS #Timeline .wrapper .timelineSwiper .swiper-slide .itemAnim .date .font20 div{min-width:7.813vw;padding:.438vw .875vw .438vw 1vw;}#FOS #Timeline .wrapper .timelineSwiper .swiper-slide .itemAnim .date .font20 .end{height:2.375vw;}#FOS #Timeline .wrapper .timelineSwiper .swiper-slide .itemAnim .date .font20 .start{height:2.375vw;}#FOS #Timeline .wrapper .timelineSwiper .swiper-slide .itemAnim .circle{width:6.063vw;height:6.063vw;margin-left:1.75vw;}#FOS #Timeline .wrapper .timelineSwiper .swiper-slide .itemAnim .circle::before,#FOS #Timeline .wrapper .timelineSwiper .swiper-slide .itemAnim .circle:before{width:5.313vw;height:5.313vw;border:.125vw solid #282b3d;}#FOS #Timeline .wrapper .timelineSwiper .swiper-slide .itemAnim .circle svg{top:1.813vw;left:1.875vw;width:2.375vw;}#FOS #Timeline .wrapper .timelineSwiper .swiper-slide .itemAnim .circle svg.implement{left:2.063vw;width:2.313vw;}#FOS #Timeline .wrapper .timelineSwiper .swiper-slide .itemAnim .circle svg.registration{left:2.188vw;}#FOS #Timeline .wrapper.is-inViewport .timelineSwiper .swiper-slide:nth-child(1) .itemAnim{animation:slideInRotation 3s forwards;animation-delay:.4s;}#FOS #Timeline .wrapper.is-inViewport .timelineSwiper .swiper-slide:nth-child(2) .itemAnim{animation:slideInRotation 3s forwards;animation-delay:.2s;}#FOS #Timeline .wrapper.is-inViewport .timelineSwiper .swiper-slide:nth-child(3) .itemAnim{animation:slideInRotation 3s forwards;}#FOS #FocusArea{padding-top:10vw;}#FOS #FocusArea .wave{top:21.375vw;left:-3.5vw;width:8.688vw;}#FOS #FocusArea .pattern.v1{top:2.375vw;right:-3.938vw;width:7.875vw;}#FOS #FocusArea .pattern.v2{left:-5.188vw;width:10.313vw;bottom:-2.25vw;}#FOS #FocusArea .w1334{width:83.375vw;border-radius:1.563vw;padding:5.5vw 0 2.438vw;}#FOS #FocusArea .w1334 .font16{font-size:1vw;line-height:1.5vw;}#FOS #FocusArea .w1334 .font18{font-size:1.125vw;}#FOS #FocusArea .w1334 .title{top:-2.063vw;width:18.875vw;padding:1vw 0;font-size:1.75vw;border-radius:1.25vw;box-shadow:.313vw .313vw 0 rgba(55,55,55,.0509803922);}#FOS #FocusArea .w1334 .title .pencil{top:.813vw;left:-1vw;width:3.5vw;}#FOS #FocusArea .w1334 .w1204{width:75.25vw;}#FOS #FocusArea .w1334 .w1204 .header{margin-bottom:2.063vw;}#FOS #FocusArea .w1334 .w1204 .wrapper{padding-top:4.375vw;}#FOS #FocusArea .w1334 .w1204 .wrapper .box{margin-bottom:.938vw;border-radius:1.25vw;box-shadow:0 .188vw 1.25vw rgba(0,0,0,.1019607843);}#FOS #FocusArea .w1334 .w1204 .wrapper .box .header{padding:1.719vw 5.063vw 1.719vw 3.813vw;-webkit-transition:color .5s;-moz-transition:color .5s;-o-transition:color .5s;transition:color .5s;}#FOS #FocusArea .w1334 .w1204 .wrapper .box .header:after,#FOS #FocusArea .w1334 .w1204 .wrapper .box .header::after{top:2.188vw;right:3.313vw;width:.813vw;}#FOS #FocusArea .w1334 .w1204 .wrapper .box .header:hover{color:#e24747;}#FOS #FocusArea .w1334 .w1204 .wrapper .box .header:hover:after,#FOS #FocusArea .w1334 .w1204 .wrapper .box .header:hover::after{transform:rotate(180deg);}#FOS #FocusArea .w1334 .w1204 .wrapper .box .content{padding:0 3.813vw 1.688vw;}#FOS #FocusArea .w1334 .w1204 .wrapper .box.open .header{padding:1.719vw 5.063vw 1.719vw 3.813vw;}#FOS #FocusArea .w1334 .w1204 .wrapper .plane{right:-1.25vw;width:12.5vw;}#FOS #FocusArea .w1334 .singa{left:-4.938vw;width:8.375vw;bottom:-1.188vw;}#FOS #PastProject{padding-top:4.938vw;}#FOS #PastProject .w1396{width:87.25vw;}#FOS #PastProject .w1396 .font16{font-size:1vw;line-height:1.5vw;}#FOS #PastProject .w1396 .font16.school{border-radius:1.125vw;margin-bottom:1vw;padding:.188vw 1.125vw .125vw;}#FOS #PastProject .w1396 .font18{font-size:1.125vw;margin-bottom:1.25vw;}#FOS #PastProject .w1396 .font32{font-size:2vw;margin-bottom:3.063vw;}#FOS #PastProject .w1396 .itemAnim{margin:0 .688vw;padding-bottom:1.25vw;}#FOS #PastProject .w1396 .itemAnim .box{border-radius:1.063vw;padding:.813vw .75vw 1.938vw;box-shadow:0 .625vw .625vw rgba(0,0,0,.062745098);}#FOS #PastProject .w1396 .itemAnim .box .imgWrapper{overflow:hidden;border-radius:1.438vw;aspect-ratio:16/10.684;border:.063vw solid rgba(112,112,112,.5);}#FOS #PastProject .w1396 .itemAnim .box .imgWrapper .img{border-radius:1.438vw;transform:scale(1);-webkit-transition:transform .5s;-moz-transition:transform .5s;-o-transition:transform .5s;transition:transform .5s;}#FOS #PastProject .w1396 .itemAnim .box .txtWrapper{padding:1.5vw 1.188vw 0;}#FOS #PastProject .w1396 .itemAnim .box:hover .imgWrapper .img{transform:scale(1.1);}#FOS #PastProject .w1396 .w609{width:38.063vw;margin:2.188vw auto 0;}#FOS #PastProject .w1396 .w609 .arrow{width:2.688vw;min-width:2.688vw;-webkit-transition:background-color .5s;-moz-transition:background-color .5s;-o-transition:background-color .5s;transition:background-color .5s;}#FOS #PastProject .w1396 .w609 .arrow .img{-webkit-transition:fill .5s;-moz-transition:fill .5s;-o-transition:fill .5s;transition:fill .5s;}#FOS #PastProject .w1396 .w609 .arrow:hover{background-color:#061c2b;}#FOS #PastProject .w1396 .w609 .arrow:hover .img{fill:#f8f35e;}#FOS #PastProject .w1396 .w609 .swiper-scrollbar{height:.563vw;margin:0 2.938vw;border-radius:.563vw;}#FOS #PastProject .w1396 .w609 .swiper-scrollbar .swiper-scrollbar-drag{border-radius:.563vw;}#FOS #PastProject .circle{width:12.375vw;right:-6.625vw;}#FOS #Resource{padding-top:6.25vw;}#FOS #Resource .w1226{width:76.625vw;}#FOS #Resource .w1226 .w1034{width:64.625vw;}#FOS #Resource .w1226 .w1034 .font18{font-size:1.125vw;}#FOS #Resource .w1226 .w1034 .font18.desc{padding-bottom:2vw;}#FOS #Resource .w1226 .w1034 .font18.header{margin-bottom:1.875vw;}#FOS #Resource .w1226 .w1034 .font32{font-size:2vw;margin-bottom:.625vw;}#FOS #Resource .w1226 .w1034 .row{margin-top:1.25vw;}#FOS #Resource .w1226 .w1034 .row .box{width:17.25vw;min-height:12.875vw;padding:2.25vw 2.125vw;margin-bottom:2.813vw;border-radius:1vw;border:.125vw solid #fff;box-shadow:0 .625vw 1.25vw rgba(82,82,82,.0509803922);-webkit-transition:box-shadow .3s,transform .3s;transform-style:preserve-3d;}#FOS #Resource .w1226 .w1034 .row .box .side{top:5.875vw;left:-1.125vw;width:2.375vw;height:.75vw;border-radius:.375vw;border:.125vw solid #fff;}#FOS #Resource .w1226 .w1034 .row .box .side:before,#FOS #Resource .w1226 .w1034 .row .box .side::before,#FOS #Resource .w1226 .w1034 .row .box .side:after,#FOS #Resource .w1226 .w1034 .row .box .side::after{left:-.125vw;border-radius:.375vw;border:.125vw solid #fff;}#FOS #Resource .w1226 .w1034 .row .box .side:before,#FOS #Resource .w1226 .w1034 .row .box .side::before{margin-bottom:2.438vw;}#FOS #Resource .w1226 .w1034 .row .box .side:after,#FOS #Resource .w1226 .w1034 .row .box .side::after{margin-top:2.438vw;}#FOS #Resource .w1226 .w1034 .row .box .file{width:2.125vw;margin-bottom:1.375vw;}#FOS #Resource .w1226 .w1034 .row .box .download{width:2.125vw;right:1.438vw;bottom:1vw;}#FOS #Resource .w1226 .w1034 .row .box:hover{box-shadow:0 .625vw 1.25vw rgba(82,82,82,.3529411765);transform:perspective(1200px) rotateY(5deg) rotateZ(-1deg) rotate(-2deg) translateZ(-6px);}#FOS #Popout .bg{top:1.25vw;left:2.625vw;right:2.625vw;bottom:1.25vw;width:94.813vw;margin:1.25vw auto;min-height:45.438vw;border-radius:3.75vw;padding:4.438vw 2.313vw 1.875vw 6.188vw;}#FOS #Popout .bg .scrollHeight::-webkit-scrollbar{width:.563vw;}#FOS #Popout .bg .close{width:3vw;top:1.875vw;right:2.625vw;-webkit-transition:background-color .5s;-moz-transition:background-color .5s;-o-transition:background-color .5s;transition:background-color .5s;}#FOS #Popout .bg .close .img{-webkit-transition:background-color .5s;-moz-transition:background-color .5s;-o-transition:background-color .5s;transition:background-color .5s;}#FOS #Popout .bg .close:hover{background-color:#061c2b;}#FOS #Popout .bg .close:hover .img{fill:#f8f35e;}#FOS #Popout .bg .w1312{width:82vw;}#FOS #Popout .bg .w1312 .font16{font-size:1vw;line-height:1.5vw;margin-bottom:2.375vw;}#FOS #Popout .bg .w1312 .font20{font-size:1.25vw;padding:.5vw 1.625vw;margin-bottom:1.188vw;border-radius:1.25vw;}#FOS #Popout .bg .w1312 .font38{font-size:2.375vw;margin-bottom:2.5vw;}#FOS #Popout .bg .w1341{width:83.813vw;}#FOS #Popout .bg .w1341 .item{width:25.938vw;border-radius:1.25vw;margin-bottom:2.813vw;}#FOS #Popout .bg .w1341 .item .img{border-radius:1.25vw;}#FOS #Popout .bg iframe{max-width:56.25vw;margin-bottom:1.563vw;}}@keyframes slideInRotation{0%{opacity:1;transform:translateX(-396%) rotate(10deg);}20%{transform:rotate(-12deg);}40%{transform:rotate(6deg);}60%{transform:rotate(-3deg);}80%{transform:rotate(2deg);}90%{transform:rotate(-1deg);}100%{opacity:1;transform:translateX(0) rotate(0deg);}}