*,*::after,*::before{margin:0;padding:0;box-sizing:inherit;font-family:inherit}html{font-size:62.5%;scroll-behavior:smooth}@media only screen and (max-width: 75em){html{font-size:59%}}@media only screen and (max-width: 56.25em){html{font-size:56%}}@media only screen and (min-width: 112.5em){html{font-size:65%}}body{box-sizing:border-box;position:relative;line-height:1.5;font-family:sans-serif;overflow-x:hidden;overflow-y:scroll;font-family:"Montserrat","Noto Sans TC",sans-serif;background-color:#00082c;background-position:center}a{text-decoration:none;color:inherit}ul{padding-left:3rem}p{font-size:2rem}@media only screen and (max-width: 37.5em){p{font-size:1.8rem}}ol{list-style-type:decimal !important}input:focus,button:focus,a:focus,textarea:focus{outline:none}button{border:none;cursor:pointer}textarea{resize:none}.section{width:100%}.heading-primary{font-size:6rem;text-transform:uppercase;letter-spacing:3px;text-align:center}@media only screen and (max-width: 37.5em){.heading-primary{font-size:4.5rem}}.heading{background-color:#dbc9ab;padding-top:2rem;padding-bottom:2rem;margin-bottom:6rem}.color-blue{color:#0b5a8e !important}.color-red{color:#bc2021 !important}.color-w{color:#f7f9f9 !important}.color-mt{color:#7d4e22 !important}.color-og{color:#e59b2e !important}.color-bg-gray{background-color:#d3b488 !important}.icon-box{background-color:#fff;border-radius:15px;box-shadow:0 0 5px rgba(0,0,0,.5);text-align:center;padding:1.5rem 2rem}.heading-sec{text-align:left;display:inline-block;padding-bottom:1rem;position:relative;color:#201512}.heading-sec::after{content:"";background-image:url(../assets/images/title_line.png);background-repeat:repeat-x;background-position:right bottom;width:100%;height:10px;left:0;bottom:0;position:absolute;transform:skew(-20deg)}@media only screen and (max-width: 37.5em){.heading-sec::after{background-image:url(../assets/images/title_line2.png);height:6px}}.heading-sec__mb-bg{margin-bottom:11rem}@media only screen and (max-width: 56.25em){.heading-sec__mb-bg{margin-bottom:8rem}}.heading-sec__mb-med{margin-bottom:1.5rem}@media only screen and (max-width: 56.25em){.heading-sec__mb-med{margin-bottom:1rem;padding-bottom:1rem}}.heading-sec__main{text-align:left;display:inline-block;font-size:5rem;letter-spacing:.5rem;position:relative}@media only screen and (max-width: 56.25em){.heading-sec__main{font-size:4rem}}@media only screen and (max-width: 37.5em){.heading-sec__main{font-size:3rem;letter-spacing:0rem}}.heading-sec__main b{font-size:8rem}@media only screen and (max-width: 37.5em){.heading-sec__main b{font-size:4rem}}.heading-sec__mainsub{color:#201512;text-align:left;font-size:5rem;font-weight:700;max-width:80rem;margin:auto;margin-left:1rem;line-height:1.6;letter-spacing:.2rem;display:inline-block}@media only screen and (max-width: 56.25em){.heading-sec__mainsub{font-size:4rem}}@media only screen and (max-width: 37.5em){.heading-sec__mainsub{line-height:1.2;font-size:3rem;letter-spacing:0rem}}.heading-sec__mainsub--lt{color:#eee}.heading-sec__mainsub2{color:#ffdb00;display:block;text-align:center;font-size:3rem;font-weight:700;max-width:80rem;margin:auto;line-height:1.6;letter-spacing:.2rem;text-shadow:0px 1px 3px rgba(0,0,0,.75);margin-top:0rem;margin-bottom:4rem}@media only screen and (max-width: 37.5em){.heading-sec__mainsub2{font-size:2.5rem;margin-bottom:2rem}}.heading-sec__mainsub2--lt{color:#eee}.heading-sec__sub{text-align:center;margin-bottom:8rem}.heading-sec__sub div{color:#00c364;display:inline-block;width:auto;text-align:center;font-size:2.5rem;font-weight:700;margin:auto;letter-spacing:.2rem;background-color:#0d267d;border-radius:20px;padding:5px 20px}@media only screen and (max-width: 37.5em){.heading-sec__sub{margin-bottom:4rem}.heading-sec__sub div{font-size:2rem;letter-spacing:.1rem;display:block}}.heading-sec__sub--lt{color:#eee}.heading-sm{font-size:2.2rem;text-transform:uppercase;letter-spacing:1px}.main-container{max-width:1000px;margin:auto}@media only screen and (max-width: 65.7em){.main-container{width:92%}}.main-container2{max-width:80rem;margin:auto;width:90%}.btn{background:#fff;color:#333;text-transform:uppercase;letter-spacing:2px;display:inline-block;font-weight:700;border-radius:5px;box-shadow:0 5px 15px 0 rgba(0,0,0,.15);transition:transform .3s}.btn:hover{transform:translateY(-3px)}.btn--bg{padding:1.5rem 8rem;font-size:2rem}.btn--med{padding:1.5rem 5rem;font-size:1.6rem}.btn--theme{background:#102d84;color:#fff}.btn--theme-inv{color:#102d84;background:#fff;border:2px solid #102d84;box-shadow:none;padding:calc(1.5rem - 2px) calc(5rem - 2px)}.text-w{color:#fff !important}.text-primary{color:#fff;font-size:2.2rem;text-align:center;width:100%;line-height:1.6}@media only screen and (max-width: 37.5em){.text-primary{font-size:2rem}}.visible_m{display:none !important}@media only screen and (max-width: 37.5em){.visible_pc{display:none !important}.visible_m{display:block !important}}.d-none{display:none}.pos-r{position:relative}.pos-a{position:absolute !important}.t0{top:0}.op0{opacity:0}.rwd-img{max-width:100%;display:block;-o-object-fit:cover;object-fit:cover}.mx-auto{margin-right:auto !important;margin-left:auto !important}.img-fluid{max-width:100%;height:auto}.img-fluid-center{max-width:100%;height:auto;margin:auto}.text-center{text-align:center !important}.text-right{text-align:right !important}.note-txt{color:#585757;font-weight:700;text-align:left}.align-items-center{align-items:center !important}.flex-row{flex-direction:row !important}.d-inline-flex{display:inline-flex !important}.pr-2,.px-2{padding-right:.5rem !important}.pr-3,.px-3{padding-right:1rem !important}.z99{z-index:99}@media only screen and (max-width: 37.5em){.db-xs{display:block}}.heading-amine .heading-sec__icon img{opacity:0;animation:heading-am-icon .8s 1s forwards}@media only screen and (max-width: 37.5em){.heading-amine .heading-sec__icon img{transform:scale(0.95)}}.heading-amine .heading-sec__icon::after{animation:heading-am-circle 1s .5s forwards;opacity:0;transform-origin:center center;left:11%}@media only screen and (max-width: 37.5em){.heading-amine .heading-sec__icon::after{left:18.5%}}@keyframes heading-am-icon{0%{opacity:0}100%{opacity:1}}@keyframes heading-am-circle{0%{opacity:0;transform:scale(0.1)}50%{opacity:.5;transform:scale(1.2)}100%{opacity:1;transform:scale(1)}}.dot::before{content:"•";color:#7d4e22;font-size:1.2em}.flex-column{display:flex;flex-direction:column;justify-content:center;align-items:center}.flex-column>div{display:flex;align-items:center}.block{display:block !important}@media only screen and (max-width: 56.25em){.block-pad{display:block}}@media only screen and (max-width: 37.5em){.block-m{display:block}}.dib{display:inline-block}.pt10{padding-top:10rem}.pt1{padding-top:1rem}.pt2{padding-top:2rem}.mt2{margin-top:2rem}.pb10{padding-bottom:10rem}.underline{border-bottom:4px solid #e50012}.underline-blue{border-bottom:1px solid #0031ff}.txt-lg{font-size:1.2em;position:relative;top:1px;font-weight:normal}@media only screen and (max-width: 37.5em){.txt-lg{font-size:1.2em}}.txt-xl{font-size:1.25em;position:relative;top:1.5px;font-weight:normal}@media only screen and (max-width: 37.5em){.txt-xl{font-size:1.3em}}h2.title{font-size:5rem;color:#231815;padding-bottom:2rem;margin-bottom:2rem}@media only screen and (max-width: 56.25em){h2.title{font-size:4rem}}@media only screen and (max-width: 37.5em){h2.title{font-size:3rem}}h2.title .dib{padding-left:1rem;padding-right:1rem;border-bottom:6px solid #dbc9ab}h2.title .text-liner::after{content:" |";font-weight:normal;font-size:2.7rem;position:relative;top:-3px;color:#201512}h2.title small{margin-left:2rem;font-size:3.5rem;color:#201512}h3.title{font-size:3.5rem;color:#e50012;padding-bottom:2rem}h3.title small{margin-left:2rem;font-size:3.5rem;color:#201512}@media only screen and (max-width: 37.5em){h3.title small{font-size:2rem;margin-left:1rem}}@media only screen and (max-width: 37.5em){h3.title{font-size:2rem}}.content-main{padding:4rem 5rem}@media only screen and (max-width: 37.5em){.content-main{padding:2rem 1rem}}.content-main li{font-size:2rem}@media only screen and (max-width: 37.5em){.content-main li{font-size:1.8rem}}.chartbox{padding-top:2rem;padding-bottom:2rem}.pb2{padding-bottom:2rem}.video-container{position:relative;padding-bottom:56.25%;padding-top:30px;height:0;overflow:hidden}.video-container iframe,.video-container object,.video-container embed{position:absolute;top:0;left:0;width:100%;height:100%}.ta-c{text-align:center}.home-hero{margin-top:75px;background-color:#000;text-align:right;overflow:visible;position:relative}@media only screen and (max-width: 75em){.home-hero{margin-top:40px}}@media only screen and (max-width: 56.25em){.home-hero{margin-top:32px}}@media only screen and (max-width: 37.5em){.home-hero{margin-top:52px;height:unset;min-height:unset}}.sec6,.sec5,.sec4,.sec3,.sec2{position:relative;z-index:15;line-height:0}.sec6 h2.title,.sec5 h2.title,.sec4 h2.title,.sec3 h2.title,.sec2 h2.title{padding-bottom:30px;margin-bottom:0}@media only screen and (max-width: 37.5em){.sec6 h2.title,.sec5 h2.title,.sec4 h2.title,.sec3 h2.title,.sec2 h2.title{padding-bottom:10px;margin-bottom:5px}}h2.title{text-align:center}h2.title .title-L1{position:absolute;text-align:left}@media only screen and (max-width: 37.5em){h2.title{padding-top:10px;padding-bottom:0;margin-bottom:20px}}@media only screen and (max-width: 24em){h2.title{padding-top:10px;padding-bottom:0;margin-bottom:5px}}h3.title{text-align:center;padding-bottom:20px}@media only screen and (max-width: 37.5em){h3.title{padding-top:10px;padding-bottom:0;margin-bottom:5px}h3.title img{width:50%}}.txt-red{color:#f95568}.txt-blue{color:#066dba}p a{color:#e0c885}#ExitModal .modal-content{margin-top:8%}#ExitModal .modal-content p{font-size:20px;color:#fff;margin:20px 0;line-height:1.6;text-align:left}#ExitModal .modal-content .ModalBtn{font-size:18px}@media only screen and (max-width: 46.8em){#ExitModal .modal-content{margin-top:0}#ExitModal .modal-content p{font-size:16px}}p.note-txt{padding-left:3px;padding-right:3px;padding-top:15px;font-size:13px;color:#fff;line-height:20px;font-weight:bold}@media only screen and (max-width: 46.8em){p.note-txt{text-align:justify;vertical-align:top}}p.note-txt .sp-txt{color:#fcee21}.con{position:relative}.sec-time{padding-top:150px;padding-bottom:100px;background:url(../assets/images/rb-time.png?v=1.0),url(../assets/images/timebox-bg.png?v=1.0);background-size:auto,auto;background-repeat:no-repeat;background-position:right bottom,center top;line-height:0;position:relative;z-index:15;margin-top:-150px}@media only screen and (max-width: 90em){.sec-time{background:url(../assets/images/rb-time.png?v=1.0),url(../assets/images/timebox-bg-tab.png?v=1.0);background-position:right bottom,center top;background-repeat:no-repeat;background-size:26%,100%;padding-top:100px}}@media only screen and (max-width: 46.8em){.sec-time{padding-top:12vw;margin-top:-6.5vw;padding-bottom:50px;background:url(../assets/images/timebox-bg-m.png?=1.0);background-size:cover}}.sec-time__content{width:96%;margin-left:3%;position:relative}@media only screen and (max-width: 46.8em){.sec-time__content{width:98%;margin-left:1%}}.sec-time h2.title{padding-bottom:0px;margin-bottom:0}@media only screen and (max-width: 37.5em){.sec-time h2.title{padding-bottom:10px;margin-bottom:5px}}.sec1{padding-top:150px;padding-bottom:50px;background:url(../assets/images/sec1-bg-peo.png?v=1.0),url(../assets/images/sec1-bg.png?v=1.0);background-size:auto,auto;background-repeat:no-repeat;background-position:right bottom,center 0;line-height:0;position:relative;z-index:15;margin-top:-120px}@media only screen and (max-width: 46.8em){.sec1{padding-top:12vw;margin-top:-6.5vw;background:url(../assets/images/sec1-bg-m.png?=1.0);background-size:100%;padding-top:0px;padding-bottom:20px}}.sec1__content{width:96%;margin-left:3%;position:relative}@media only screen and (max-width: 46.8em){.sec1__content{width:98%;margin-left:1%}}.sec1 h2.title{padding-bottom:0px;margin-bottom:0}@media only screen and (max-width: 37.5em){.sec1 h2.title{padding-bottom:10px;margin-bottom:5px}}.sec2{padding-top:150px;padding-bottom:120px;background-image:url(../assets/images/sec2-bg-peo.png?v=1.0),url(../assets/images/sec2-bg.png?v=1.0);background-size:auto,auto;background-repeat:no-repeat;background-position:left bottom,center 0;margin-top:-110px}@media only screen and (max-width: 90em){.sec2{background:url(../assets/images/sec2-bg-tab.png?=1.0);background-repeat:no-repeat;background-size:100%;padding-top:120px}}@media only screen and (max-width: 46.8em){.sec2{padding-top:12vw;padding-bottom:80px;margin-top:-10vw;background:url(../assets/images/sec1-bg-m.png?=1.0);background-repeat:no-repeat;background-size:100%}}.sec2 .item-list{display:grid;grid-template-columns:repeat(2, 1fr);grid-gap:.5rem}.sec2 .item-list .item a{display:block;position:relative;perspective:1000px}.sec2 .item-list .item a img{width:100%;display:block;transition:transform .6s cubic-bezier(0.4, 0.2, 0.2, 1);backface-visibility:hidden}.sec2 .item-list .item a img:first-of-type{position:relative;transform:rotateY(0deg)}.sec2 .item-list .item a img:last-of-type{position:absolute;top:0;left:0;transform:rotateY(-180deg)}.sec2 .item-list .item a:focus,.sec2 .item-list .item a:focus-visible,.sec2 .item-list .item a.active{outline-offset:4px}.sec2 .item-list .item a:focus img:first-of-type,.sec2 .item-list .item a:focus-visible img:first-of-type,.sec2 .item-list .item a.active img:first-of-type{transform:rotateY(180deg)}.sec2 .item-list .item a:focus img:last-of-type,.sec2 .item-list .item a:focus-visible img:last-of-type,.sec2 .item-list .item a.active img:last-of-type{transform:rotateY(0deg)}@media(hover: hover){.sec2 .item-list .item a:hover img:first-of-type{transform:rotateY(180deg)}.sec2 .item-list .item a:hover img:last-of-type{transform:rotateY(0deg)}}.sec2 .item-list-m .item a{display:block;position:relative;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0)}.sec2 .item-list-m .item a img{width:100%;display:block;transition:opacity .4s ease-in-out}.sec2 .item-list-m .item a img:first-of-type{opacity:1;position:relative}.sec2 .item-list-m .item a img:last-of-type{position:absolute;top:0;left:0;opacity:0;z-index:2}.sec2 .item-list-m .item a.active img:first-of-type{opacity:0}.sec2 .item-list-m .item a.active img:last-of-type{opacity:1}.sec3{padding-top:180px;padding-bottom:100px;background:url(../assets/images/sec3-bg_l.png?v=1.0),url(../assets/images/sec3-bg_r.png?v=1.0),url(../assets/images/sec3-bg_m.png?v=1.0);background-repeat:no-repeat,no-repeat,repeat-x;background-position:left top,right top,center top;margin-top:-120px}@media only screen and (max-width: 90em){.sec3{background:url(../assets/images/sec3-bg-tab.png?=1.0);background-size:100%;padding-top:120px}}@media only screen and (max-width: 46.8em){.sec3{padding-top:12vw;padding-bottom:70px;margin-top:-20vw;background:url(../assets/images/sec3-bg-m.png?=1.0);background-size:100%;background-repeat:no-repeat}}.sec4{padding-top:180px;padding-bottom:80px;background:url(../assets/images/sec4-bg_l.png?v=1.0),url(../assets/images/sec4-bg_r.png?v=1.0),url(../assets/images/sec4-bg_m.png?v=1.0);background-repeat:no-repeat,no-repeat,repeat-x;background-position:left top,right top,center top;margin-top:-120px}@media only screen and (max-width: 90em){.sec4{background:url(../assets/images/sec4-bg-tab.png?=1.0);background-size:100%;padding-top:120px;margin-top:-100px}}@media only screen and (max-width: 46.8em){.sec4{padding-top:12vw;padding-bottom:100px;margin-top:-15vw;background:url(../assets/images/sec3-bg-m.png?=1.0);background-size:100%}}.sec5{padding-top:150px;padding-bottom:120px;background:url(../assets/images/sec5-bg-peo.png?v=1.0),url(../assets/images/sec5-bg.png?v=1.0);background-size:auto,auto;background-repeat:no-repeat;background-position:left bottom,center 0;margin-top:-115px}@media only screen and (max-width: 90em){.sec5{background:url(../assets/images/sec5-bg-tab.png?=1.0);background-repeat:no-repeat;background-size:100%;margin-top:-80px;padding-top:120px}}@media only screen and (max-width: 46.8em){.sec5{padding-top:12vw;padding-bottom:60px;margin-top:-15vw;background:url(../assets/images/sec5-bg-m.png?=1.0);background-size:100%}}@media only screen and (max-width: 46.8em){.sec5 .note-txt{width:100%;margin-left:0}}.sec5 .tab_nav{position:relative;margin-bottom:0;display:grid;grid-template-columns:repeat(3, 1fr);grid-gap:0rem}.sec6{padding-top:150px;padding-bottom:50px;background:url(../assets/images/sec6-bg.png?v=1.0);background-size:auto;background-repeat:no-repeat;background-position:center 0;margin-top:-145px}@media only screen and (max-width: 90em){.sec6{background:url(../assets/images/sec4-bg-tab.png?=1.0);background-size:100%;padding-top:120px}}@media only screen and (max-width: 46.8em){.sec6{padding-top:12vw;padding-bottom:30px;margin-top:-15vw;background:url(../assets/images/sec3-bg-m.png?=1.0);background-size:100%}}.sec6 h3{font-size:3.6rem;text-align:center;color:#fff}@media only screen and (max-width: 46.8em){.sec6 h3{font-size:2rem}}.sec6 h5{text-align:center;color:#fff}.sec6 .s-list{padding:8% 12%;font-size:4rem;line-height:2;text-align:left;color:#0079bf;position:relative;background-image:url(../assets/images/sec6-conbox.png?v=1.0);background-size:100% 100%;padding:40px 20px;background-repeat:no-repeat;min-height:500px}@media only screen and (max-width: 90em){.sec6 .s-list{min-height:400px}}@media only screen and (max-width: 75em){.sec6 .s-list{padding:8% 8%;font-size:2.6rem}}@media only screen and (max-width: 37.5em){.sec6 .s-list{background-image:url(../assets/images/sec6-conbox-m.png?v=1.0);padding:8% 5%;font-size:4.7vw;min-height:300px}}@media only screen and (max-width: 24em){.sec6 .s-list{padding:8% 5%}}.sec6 .s-list h2{color:#fff;text-align:center}.sec6 .s-list .btn-ask{width:50%}.sec6 .s-list a{color:#fff;font-weight:bold;display:inline-block}.slider-tab{padding:0px}.slider-tab .con-info{background-image:url(../assets/images/conbox-line.png?v=1.0);background-size:100% 100%;padding:40px 20px;background-repeat:no-repeat}@media only screen and (max-width: 37.5em){.slider-tab .con-info{background-image:url(../assets/images/conbox-line-m.png?v=1.0);background-size:99% 100%;background-position:center 0}}.tab_nav{margin-bottom:15px;position:relative;top:0px;z-index:9;text-align:center;display:grid;grid-template-columns:repeat(2, 1fr);grid-gap:0rem}@media only screen and (max-width: 37.5em){.tab_nav{margin-left:0%;margin-top:10px;margin-bottom:10px;place-items:center;text-align:center}}.tab_nav .tab_nav_btn{display:inline-block;text-align:center;position:relative;margin-left:0%}@media only screen and (max-width: 37.5em){.tab_nav .tab_nav_btn{max-width:45vw}}.tab_nav .tab_nav_btn .btn-img{opacity:1}.tab_nav .tab_nav_btn .btn-img-hover{opacity:0;position:absolute;left:50%;top:0px;transform:translateX(-50%)}.tab_nav .tab_nav_btn.active .btn-img,.tab_nav .tab_nav_btn:hover .btn-img{opacity:0}.tab_nav .tab_nav_btn.active .btn-img-hover,.tab_nav .tab_nav_btn:hover .btn-img-hover{opacity:1}@media only screen and (max-width: 37.5em){.tab_nav .tab_nav_btn:hover .btn-img{opacity:1}.tab_nav .tab_nav_btn:hover .btn-img-hover{opacity:0}.tab_nav .tab_nav_btn.active .btn-img{opacity:0}.tab_nav .tab_nav_btn.active .btn-img-hover{opacity:1}}.list_btn{width:96%;margin-left:2%;margin-top:0rem;place-items:center;text-align:center}@media only screen and (max-width: 75em){.list_btn{margin-top:2rem;width:100%;margin-left:0;font-size:1.4em;display:grid;grid-template-columns:repeat(2, 1fr);grid-gap:.5rem}}@media only screen and (max-width: 37.5em){.list_btn{margin-bottom:1rem;grid-template-columns:repeat(2, 1fr);padding:0;grid-gap:1rem;width:90%;margin-left:5%}}.list_btn__a{display:inline-block;margin-left:15px;margin-right:15px;width:48%;max-width:400px;background-size:100%;background-repeat:no-repeat;font-size:2.5rem;color:#fff;padding:20px 20px;transform:scale(1);transition:all .3s}@media only screen and (max-width: 75em){.list_btn__a{font-size:2rem;width:90%}}@media only screen and (max-width: 37.5em){.list_btn__a{background-size:100%;font-size:1.5rem;width:100%;background-position:center center;padding:0}}.list_btn__a:hover{color:#ffe100;transform:scale(1.1)}@media only screen and (max-width: 37.5em){.list_btn__a{margin:0}}.list_btn .tab_nav_btn{text-align:center;position:relative}.list_btn .tab_nav_btn .btn-img{opacity:1}.list_btn .tab_nav_btn .btn-img-hover{opacity:0;position:absolute;left:50%;top:0;transform:translateX(-50%)}.list_btn .tab_nav_btn.active .btn-img{opacity:0}.list_btn .tab_nav_btn.active .btn-img-hover{opacity:1}.list_btn .tab_nav_btn:focus .btn-img,.list_btn .tab_nav_btn:hover .btn-img{opacity:1}.list_btn .tab_nav_btn:focus .btn-img-hover,.list_btn .tab_nav_btn:hover .btn-img-hover{opacity:0}@keyframes pulse{0%{transform:translate(-50%, -50%) scale(0.5);opacity:.5}50%{opacity:1}100%{transform:translate(-50%, -50%) scale(1.5);opacity:0}}.fix_btn{position:fixed;right:1%;top:30%;z-index:1000;min-width:60px;max-width:70px}.fix_btn a{display:block;max-width:75px;transition:all .2s;transform:scale(0.9)}.fix_btn a:hover{transform:scale(1)}@media only screen and (max-width: 56.25em){.fix_btn{width:6%}}@media only screen and (max-width: 37.5em){.fix_btn{top:7%;right:0;width:6%;min-width:28px}}.fix_btn_b{position:fixed;right:1%;z-index:99;bottom:10px;z-index:9999;min-width:70px}.fix_btn_b a{display:block;max-width:75px}@media only screen and (max-width: 37.5em){.fix_btn_b{bottom:0%;right:1.5%;width:42px;min-width:40px}}.slick-arrow{top:40%;line-height:30px;z-index:999;width:60px;height:60px;padding:10px;background-color:rgba(95,60,40,.8);border-radius:50%;background-repeat:no-repeat;background-position:center center;transition:all .3s;transform:scale(0.8)}@media only screen and (max-width: 37.5em){.slick-arrow{width:30px;height:30px;background-size:70%}}.slick-arrow::before{color:#3365c2;font-size:30px;display:none}.slick-arrow.slick-prev{left:-2%;background-image:url(../assets/images/slick-prev.png?v=1.2);background-color:#d54d27;background-repeat:no-repeat;background-position:center center}@media only screen and (max-width: 56.25em){.slick-arrow.slick-prev{left:-30px}}@media only screen and (max-width: 37.5em){.slick-arrow.slick-prev{left:-4%}}.slick-arrow.slick-prev:hover{transform:scale(1)}.slick-arrow.slick-next{right:-2%;background-image:url(../assets/images/slick-next.png?v=1.2);background-color:#d54d27;background-repeat:no-repeat;background-position:center center}.slick-arrow.slick-next:hover{transform:scale(1)}@media only screen and (max-width: 56.25em){.slick-arrow.slick-next{right:-30px}}@media only screen and (max-width: 37.5em){.slick-arrow.slick-next{right:-3%}}@keyframes zoom-in{0%{transform:scale(1.5);opacity:0}100%{transform:scale(1);opacity:1}}@keyframes fadeOut{0%{transform:scale(0.8);opacity:0}100%{transform:scale(1);opacity:1}}@keyframes elegant-twinkle{0%{opacity:0;transform:scale(0.3);filter:drop-shadow(0 0 0px transparent)}50%{opacity:1;transform:scale(1);filter:drop-shadow(0 0 10px rgba(255, 223, 5, 0.2)) brightness(1.5)}100%{opacity:0;transform:scale(1.8);filter:drop-shadow(0 0 20px transparent)}}.banner{background-image:url("../assets/images/banner-peo.png?v=1.2"),url("../assets/images/banner-bg.jpg?v=1.2");background-size:auto,auto;background-repeat:no-repeat,repeat-x;background-position:left top,left top;position:relative;overflow:hidden;height:920px;color:#fff}@media(max-height: 680px){.banner{height:100vh}}@media(min-height: 681px)and (max-height: 800px){.banner{height:90vh}}@media(min-height: 1200px){.banner{max-height:1200px}}@media only screen and (max-width: 90em){.banner{background-size:50%,auto;height:850px;color:#fff}}@media only screen and (max-width: 75em){.banner{height:700px;min-height:auto}}@media only screen and (max-width: 65.7em){.banner{height:650px;min-height:auto}}@media only screen and (max-width: 46.8em){.banner{height:auto;background-image:url(../assets/images/banner-bg-m.png?v=1.2);background-position:center top;background-size:cover}}@media only screen and (max-width: 37.5em){.banner{overflow-x:visible;height:unset;min-height:unset}}.banner .home-title-main{position:absolute;z-index:9;top:1%;max-width:1100px;width:58%;right:6%}@media only screen and (max-width: 75em){.banner .home-title-main{top:5%}}@media only screen and (max-width: 56.25em){.banner .home-title-main{top:10%;width:60%}}@media only screen and (max-width: 37.5em){.banner .home-title-main{top:0%;left:5%;width:90%;position:relative;z-index:99}}.time-mode{display:none !important}.stage1 .time-mode1{display:inline-block !important}.stage2 .time-mode2{display:inline-block !important}.stage3 .time-mode3{display:inline-block !important}.time-mode4{display:none !important}.stage4 .home-title{display:none}.stage4 .time-mode4{display:inline-block !important}.reciprocal{position:relative;width:80%;margin-left:20%;padding:15px;margin-bottom:30px}@media only screen and (max-width: 90em){.reciprocal{width:80%;margin-left:10%}}@media only screen and (max-width: 37.5em){.reciprocal{z-index:9;margin-top:0rem;width:100%;margin-left:0%;position:relative;padding-top:5px;padding-bottom:5px}}.reciprocal .reciprocal-main{display:grid;grid-template-columns:1fr 1fr;gap:15px;align-items:center;padding-top:10px}@media only screen and (max-width: 46.8em){.reciprocal .reciprocal-main{grid-template-columns:1fr}}.reciprocal .timebox{position:relative;top:-12px}@media only screen and (max-width: 46.8em){.reciprocal .timebox{top:0px;padding-top:20px;padding-bottom:20px}}.reciprocal .timebtn{margin:auto;z-index:999}@media only screen and (max-width: 46.8em){.reciprocal .timebtn{width:75%}}.reciprocal .timenum{display:inline-block;position:relative;width:100%;margin-left:auto}.reciprocal .timenum .time{color:#001e5b;display:flex;justify-content:space-between;width:100%;font-size:4rem;font-family:Arial;font-weight:bold;position:relative;margin-top:30px}.reciprocal .timenum .time .unit{font-size:.8em;padding-left:3px}@media only screen and (max-width: 56.25em){.reciprocal .timenum .time{font-size:3rem}}@media only screen and (max-width: 46.8em){.reciprocal .timenum .time{font-size:4rem}}@media only screen and (max-width: 37.5em){.reciprocal .timenum .time{font-size:4rem}}@media only screen and (max-width: 24em){.reciprocal .timenum .time{font-size:3rem}}.stage4 .sec-time{display:none}.stage2 .reciprocal-main{width:50%;margin-top:25px;display:inline-block}@media only screen and (max-width: 37.5em){.stage2 .reciprocal-main{width:100%;margin-top:0px}}.grid-container.grid-s .th{padding:.3em}.grid-container.grid-s .td{padding:.3em}.grid-container .row{display:grid;grid-gap:0rem .5rem;margin-bottom:.5rem;font-size:1.6rem}@media only screen and (max-width: 37.5em){.grid-container .row{font-size:1.4rem}.grid-container .row ul{padding-left:1rem}}.grid-container .row li{font-size:1.6rem;text-align:left}.grid-container .row.cell-2{grid-template-columns:repeat(2, 1fr);grid-gap:2rem}@media only screen and (max-width: 37.5em){.grid-container .row.cell-2{grid-template-columns:repeat(1, 1fr)}}.grid-container .row.cell-3{grid-template-columns:60% 20% 20%}.grid-container .row.cell-4{grid-template-columns:repeat(4, 1fr)}.grid-container .row.cell-7{grid-template-columns:repeat(7, 1fr)}.grid-container b{font-size:1.8rem}@media only screen and (max-width: 37.5em){.grid-container b{font-size:1.5rem}}.dn{display:none}.dn-i{display:none !important}.modal{position:fixed;z-index:9999;left:0;top:0;width:100vw;height:100vh;background-color:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center}.modal[style*="display: block"]{display:flex !important}.modal-content{background-color:#000;padding:30px;border:2px solid #555;width:90%;max-width:800px;position:relative;box-shadow:0 4px 25px rgba(0,0,0,.6)}@media only screen and (max-width: 37.5em){.modal-content{padding:20px 15px}}.modal-header{text-align:center;padding-bottom:15px}.modal-body.scrollable-content{overflow-y:auto;max-height:55vh;padding-right:15px}.modal-body.scrollable-content p{color:#fff;font-size:15px;line-height:1.8;text-align:justify}.modal-body.scrollable-content .color-og{color:#e0c885}.modal-body.scrollable-content::-webkit-scrollbar{width:6px}.modal-body.scrollable-content::-webkit-scrollbar-track{background:#222;border-radius:4px}.modal-body.scrollable-content::-webkit-scrollbar-thumb{background:#666;border-radius:4px}.modal-body.scrollable-content::-webkit-scrollbar-thumb:hover{background:#888}.modal-footer{display:flex;justify-content:center;align-items:center;margin-top:25px}.modal-footer a{display:inline-block;transition:transform .2s ease-in-out}.modal-footer a:hover{transform:scale(1.05)}.modal .close{position:absolute;top:10px;right:15px;color:#aaa;font-size:36px;font-weight:normal;cursor:pointer;line-height:1;transition:color .2s}.modal .close:hover,.modal .close:focus{color:#fff;text-decoration:none}.project-cs-hero{color:#fff;background:linear-gradient(to right, rgba(16, 45, 132, 0.8), rgba(16, 45, 132, 0.8)),url(../../assets/svg/common-bg.svg);background-size:cover;background-position:center;position:relative}@media only screen and (max-width: 37.5em){.project-cs-hero{height:unset;min-height:unset}}.project-cs-hero__content{padding:25rem 0 17rem 0;max-width:90rem;width:92%;margin:auto}@media only screen and (max-width: 37.5em){.project-cs-hero__content{padding:19rem 0 13rem 0;margin:auto;position:static;transform:translate(0, 0)}}.project-cs-hero__info{margin:3rem auto 0 auto;max-width:80rem}.project-cs-hero__cta{margin-top:5rem;text-align:center}.project-details__content{padding:8rem 0;max-width:90rem;margin:auto}.project-details__content-title{font-weight:700;font-size:2.8rem;margin-bottom:3rem}@media only screen and (max-width: 37.5em){.project-details__content-title{font-size:2.4rem}}.project-details__showcase-img-cont{width:100%;margin-bottom:6rem}.project-details__showcase-img{width:100%}.project-details__content-main{width:100%;max-width:70rem;margin:auto}.project-details__desc{margin:0 0 7rem 0}.project-details__desc-para{font-size:1.8rem;line-height:1.7;color:gray;margin-bottom:2rem}.project-details__tools-used{margin:0 0 7rem 0}.project-details__tools-used-list{display:flex;flex-wrap:wrap}.project-details__tools-used-item{padding:1rem 2rem;margin-bottom:1.5rem;margin-right:1.5rem;font-size:1.6rem;background:hsla(0,0%,60%,.2);border-radius:5px;font-weight:600;color:#777}.project-details__links{margin:0 0}.project-details__links-btn{margin-right:2rem}@media only screen and (max-width: 37.5em){.project-details__links-btn{margin-right:0;width:70%;margin-bottom:2rem;text-align:center}}.project-details__links-btn:last-child{margin:0}@media only screen and (max-width: 37.5em){.project-details__links-btn:last-child{margin:0}}.header{position:fixed;width:100%;z-index:10000;top:0;background:url(../assets/images/nav-bg.png?v=1.0) no-repeat right bottom,linear-gradient(to right, #003481, #208ecf);background-size:2.5%,auto;box-shadow:0 10px 100px rgba(0,0,0,.1)}.header__logo{width:320px;padding:1rem 1rem}.header__logo img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;display:block}@media only screen and (max-width: 65.7em){.header__logo{width:200px}}@media only screen and (max-width: 37.5em){.header__logo{width:60%}}@media only screen and (max-width: 65.7em){.header__logo2{width:100px;padding:1rem 0rem}}.header__content{display:flex;align-items:center;justify-content:space-between;padding:.5rem 5rem}@media only screen and (max-width: 56.25em){.header__content{padding:0 1.5rem}}.header__logo-container{display:flex;align-items:center;cursor:pointer;color:#333;transition:color .3s}.header__logo-container:hover{color:#102d84}.header__logo-img-cont{width:5rem;height:5rem;border-radius:50px;overflow:hidden;margin-right:1.5rem;background:#102d84}@media only screen and (max-width: 56.25em){.header__logo-img-cont{width:4.5rem;height:4.5rem;margin-right:1.2rem}}.header__logo-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;display:block}.header__logo-sub{font-size:1.8rem;text-transform:uppercase;font-weight:700;letter-spacing:1px}.header__links{display:flex;justify-content:flex-end;list-style-type:none;padding-left:0}@media only screen and (max-width: 37.5em){.header__links{display:none}}.header__link{margin:1.5rem 1rem 0rem 1rem;font-size:1.7rem;color:#fff;text-transform:uppercase;letter-spacing:2px;font-weight:700;margin-left:1rem;max-width:130px;transition:color .3s;position:relative}.header__link .img-normal{opacity:.8;transition:opacity .3s ease}.header__link .img-hover{position:absolute;top:0;left:0;width:100%;opacity:0;transition:opacity .3s ease-in-out;pointer-events:none}@media only screen and (max-width: 75em){.header__link{font-size:1.8rem;text-align:center}}.header__link:hover .img-hover,.header__link.active .img-hover{opacity:1}@media only screen and (max-width: 65.7em){.header__link{font-size:1.4em}}@media only screen and (max-width: 56.25em){.header__link{font-size:1.4rem}}.header__link-wrapper{display:flex}.header__btnlink{padding:1.4rem 2rem 0rem 2rem;display:inline-block;font-size:1.6rem;color:#333;text-transform:uppercase;letter-spacing:1px;font-weight:700;transition:color .3s}@media only screen and (max-width: 56.25em){.header__btnlink{padding:3rem 1rem;font-size:1.8rem}.header__btnlink img{position:relative;top:-3px}}.header__main-ham-menu-cont{display:none;width:3rem;padding:1.2rem 0}@media only screen and (max-width: 37.5em){.header__main-ham-menu-cont{display:block}}.header__main-ham-menu{width:100%}.header__main-ham-menu-close{width:100%}.header__sm-menu{background:rgba(14,42,99,.9);position:absolute;width:100%;height:100vh;top:100%;visibility:hidden;padding-top:5%;opacity:0;transition:all .3s;box-shadow:inset 0px 5px 5px rgba(0,0,0,.1)}.header__sm-menu--active{visibility:hidden;opacity:0}@media only screen and (max-width: 37.5em){.header__sm-menu--active{visibility:visible;opacity:1}}.header__sm-menu-links{padding:0}.header__sm-menu-link{width:70%;margin-left:15%;padding:.5rem 1rem .5rem 1rem;color:#fff;list-style-type:none;position:relative}.header__sm-menu-link:after{content:"";width:50%;left:25%;height:3px;position:absolute}.header__sm-menu-link a{margin:auto;max-width:220px;padding:1rem;display:block;text-decoration:none;font-size:2.5rem;color:#fff;text-align:center;font-weight:700;text-transform:uppercase;letter-spacing:2px;transition:color .3s}@media only screen and (max-width: 37.5em){.header__sm-menu-link a{font-size:2rem}}.header__sm-menu-link a.btn-og{background-image:linear-gradient(to right, #d53f07, #fa7443)}.header__sm-menu-link-last{border-bottom:0}.main-footer{color:#231815}.main-footer .footerbar{background-color:#16346d;color:#fff;padding-top:20px;padding-bottom:20px}.main-footer .footerbar a{color:#fff}@media only screen and (max-width: 37.5em){.main-footer .footerbar{padding-bottom:20px;text-align:center}}.main-footer h4{font-weight:normal;font-size:1.4rem}.main-footer .sharebar{text-align:center}.main-footer .sharebar a{text-align:center;padding-left:10px;padding-right:10px}.main-footer .sharebar a img{width:80px}@media only screen and (max-width: 37.5em){.main-footer .sharebar a{text-align:center;padding-left:5px;padding-right:5px}.main-footer .sharebar a img{width:40px}}.main-footer p{font-size:1.6rem;text-align:justify;line-height:1.5}.main-footer a{color:#16346d}.main-footer__title{font-size:2.8rem}.main-footer__title small{font-size:.7em}@media only screen and (max-width: 37.5em){.main-footer__title{font-size:2.2rem;padding-bottom:10px}}.main-footer__title{position:relative}.main-footer__title .sharebar{position:absolute;right:0;top:0}@media only screen and (max-width: 37.5em){.main-footer__title .sharebar img{min-width:150px}}.main-footer__upper{padding:4rem 0}@media only screen and (max-width: 56.25em){.main-footer__upper{padding:0rem 0}}@media only screen and (max-width: 37.5em){.main-footer__upper{display:block}}.main-footer__short-desc{color:#3e3a39;font-size:1.5rem;padding-top:20px;padding-bottom:50px;text-align:left;font-weight:bold}.main-footer__short-desc span.txt-blue{color:#09f}.main-footer__info-cont{margin-top:2rem;display:grid;grid-template-columns:1.5fr 1.3fr 1fr 1fr;grid-gap:1rem;line-height:1.8}.main-footer__info-cont h3{font-size:2.2rem}.main-footer__info-cont h4{font-size:1.5rem;font-weight:normal;font-weight:bold}@media only screen and (max-width: 56.25em){.main-footer__info-cont{grid-template-columns:repeat(2, 1fr)}}@media only screen and (max-width: 37.5em){.main-footer__info-cont{margin-top:0rem;display:block;grid-template-columns:repeat(1, 1fr)}}.main-footer__item{border-right:1px solid #ccc;padding-right:5px;padding-left:5px}.main-footer__item:first-child{padding-left:0}.main-footer__item.last-c{border-right:0px solid #ccc}@media only screen and (max-width: 37.5em){.main-footer__item{margin-bottom:1rem;padding-bottom:1rem;border-right:0px solid #ccc;border-bottom:1px solid #ccc;text-align:center}.main-footer__item.last-c{border-bottom:0px solid #ccc}}.main-footer__lower{padding:4rem 0;border-top:1px solid #444;color:#eee;font-size:1.2rem;text-align:left;text-align:center}.main-footer__lower a{text-decoration:underline;font-weight:bold;margin-left:2px}@media only screen and (max-width: 56.25em){.main-footer__lower{padding:3.5rem 0}}.skills{display:flex;flex-wrap:wrap}.skills__skill{padding:1rem 2rem;margin-bottom:1.5rem;margin-right:1.5rem;font-size:1.6rem;background:hsla(0,0%,60%,.2);border-radius:5px;font-weight:600;color:#777}.mouse{width:25px;height:40px;border:2px solid #eee;border-radius:60px;position:relative;overflow:hidden}.mouse::before{content:"";width:5px;height:5px;position:absolute;top:7px;left:50%;transform:translateX(-50%);background-color:#eee;border-radius:50%;opacity:1;animation:wheel 1.3s infinite;-webkit-animation:wheel 1.3s infinite}@keyframes wheel{to{opacity:0;top:27px}}.mouse-scroll-cont{position:absolute;bottom:3%;left:50%;transform:translateX(-50%);animation:wheel2 1.6s infinite;-webkit-animation:wheel2 1.6s infinite}@media only screen and (max-width: 56.25em){.mouse-scroll-cont{bottom:1%}}@media only screen and (max-width: 37.5em){.mouse-scroll-cont{left:48%;bottom:1%}.mouse-scroll-cont img{width:40px}}@keyframes wheel2{0%,100%{transform:translateX(-50%) translateY(-10px)}50%{transform:translateX(-50%) translateY(0px)}}.modal{overflow-x:hidden;overflow-y:auto;z-index:1001;position:fixed;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,.8);-webkit-overflow-scrolling:touch;outline:0;display:none}.modal .modal-dialog{margin:0;position:relative;transform:translate(0, 0);transition:transform .3s ease-out;width:600px;margin:30px auto}@media only screen and (max-width: 37.5em){.modal .modal-dialog{width:90%}}.modal .modal-dialog .modal-content{margin-top:10rem;border-radius:15px;background-color:#000;border:0;padding:3rem 2rem;box-shadow:0 5px 15px rgba(0,0,0,.5)}.modal-open{overflow:hidden}.modal-backdrop{background-color:rgba(0,0,0,.5);position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040}.modal-header{padding:15px;border-bottom:1px solid #e9ecef}.modal-header .modal-title{margin-bottom:0;font-size:4rem;text-align:center;color:#3365c2}@media only screen and (max-width: 37.5em){.modal-header .modal-title{font-size:3rem}}.modal-header .close{margin:-15px;position:absolute;background-color:#5781dd;color:#fff;border-radius:50%;width:40px;height:40px;font-size:1.8rem;top:0;right:0}.modal-body{position:relative;padding:15px;text-align:center;font-size:2rem;padding:6rem 0}.modal-footer{padding:15px;border-top:1px solid #e9ecef;text-align:right}.modal-footer .btn{margin-left:5px}#modal-listlink a::after{content:"、"}#modal-listlink a:last-child::after{content:""}#modal-listlink a:nth-of-type(4):before{content:"";display:block;clear:both}/*# sourceMappingURL=main.css.map */