@import url(https://fonts.googleapis.com/css2?family=Noto+Serif+TC:wght@200..900&display=swap);a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{margin:0;padding:0;background:#000;color:#000;font-size:16px;font-weight:400;line-height:24px}ol,ul{list-style:none}blockquote,q{quotes:none}q:after,q:before{content:'';content:none}a:active,a:focus,a:hover,a:visited,button:focus{text-decoration:none;outline:0}table{border-collapse:collapse;border-spacing:0}img{max-width:100%;height:auto}a,button{border:none;background-color:transparent;padding:0}::-webkit-scrollbar{display:none}::-webkit-scrollbar-button{display:none}@-webkit-keyframes blinking-data-v-1a95a69e{0%{opacity:1}to{opacity:.3}}@keyframes blinking-data-v-1a95a69e{0%{opacity:1}to{opacity:.3}}@-webkit-keyframes floating-data-v-1a95a69e{0%{transform:translate(0) rotate(0)}100%{transform:translate(-30px,-30px) rotate(-5deg)}}@keyframes floating-data-v-1a95a69e{0%{transform:translate(0) rotate(0)}100%{transform:translate(-30px,-30px) rotate(-5deg)}}@-webkit-keyframes fallAndSway{0%{transform:translateX(0) translateY(-50px) rotate(0);opacity:1}50%{transform:translateX(-120px) translateY(50vh) rotate(180deg);opacity:1}100%{transform:translateX(120px) translateY(100vh) rotate(-150deg);opacity:0}}@keyframes fallAndSway{0%{transform:translateX(0) translateY(-50px) rotate(0);opacity:1}50%{transform:translateX(-120px) translateY(50vh) rotate(180deg);opacity:1}100%{transform:translateX(120px) translateY(100vh) rotate(-150deg);opacity:0}}body{background:#474456}.sideBtn{display:none;margin:0;padding:0}@media only screen and (max-width:480px){.sideBtn{display:block;position:fixed;right:5px;bottom:4vh;z-index:999}}.sideBtn a{display:inline-block;background-color:#4958e7!important;width:100px;height:50px;color:#fff;font-size:20px;text-align:center;line-height:50px;margin:4px;opacity:.85;border-radius:7px;border:2px solid #ffff!important}#main{position:relative;height:100vh}#main .petal{position:absolute;z-index:999;top:10px;width:42px;height:30px;background:url(../images/fl01.png) no-repeat center center;pointer-events:none;-webkit-animation:fallAndSway linear infinite;animation:fallAndSway linear infinite}#main main{position:relative;width:100vw;height:145vh;background:url(../images/mainBg1.jpg) no-repeat center center;background-size:cover;overflow:hidden}@media only screen and (max-width:1200px){#main main{height:100vh}}@media only screen and (max-width:480px){#main main{background:url(../images/mainMb.jpg) no-repeat center center;background-size:cover}}#main main #mainContent{position:absolute;top:0;width:100vw;height:120vh}#main main #mainContent #scene .mainDeco1{position:absolute;width:428px;height:595px;top:148px;left:46.5vw}#main main #mainContent #scene .mainDeco1 .light_m{display:none}#main main #mainContent #scene .mainDeco1 img{-webkit-animation:blinking-data-v-1a95a69e 1.3s ease-in-out infinite alternate;animation:blinking-data-v-1a95a69e 1.3s ease-in-out infinite alternate}@media only screen and (max-width:480px){#main main #mainContent #scene .mainDeco1{width:36%;left:47vw;transform-origin:5% -2%}#main main #mainContent #scene .mainDeco1 .light{display:none}#main main #mainContent #scene .mainDeco1 .light_m{display:block}}#main main #mainContent #scene .mainDeco2{position:absolute;background-size:contain;width:2145px;height:456px;top:360px;right:-33px}#main main #mainContent #scene .mainDeco2 img{-webkit-animation:blinking-data-v-1a95a69e 1.5s ease-in-out .9s infinite alternate;animation:blinking-data-v-1a95a69e 1.5s ease-in-out .9s infinite alternate}@media only screen and (max-width:480px){#main main #mainContent #scene .mainDeco2{width:100%;top:26.5%;left:6vw}}#main main #mainContent #scene .mainDeco3{position:absolute;background:url(../images/01_light3.png) no-repeat;width:1882px;height:1411px;left:50px;top:0;animation-easing:cubic-bezier(.25,1,.5,1)}@media only screen and (max-width:480px){#main main #mainContent #scene .mainDeco3{background:url(../images/01_light3_m.png) no-repeat;background-size:18%;top:53vh;left:4vw;transform-origin:5% -20%}}#main main #mainContent #scene .mainDeco4{position:absolute;background:url(../images/01_flower.png) no-repeat;width:2359px;height:1202px;right:-12%;top:180px}@media only screen and (max-width:480px){#main main #mainContent #scene .mainDeco4{background:url(../images/01_flower_m.png) no-repeat;left:-5%;top:7vh}}#main main #mainContent #scene .mainCh{position:relative;background:url(../images/mainCh.png) no-repeat center center;background-size:contain;width:1582px;height:1351px;top:7vh;left:2vw}@media only screen and (max-width:767px){#main main #mainContent #scene .mainCh{background:url(../images/mainCh_m.png) no-repeat center center;background-size:50%;width:720px;left:-50vw;top:-34vh}}#main main #mainContent #scene .mainChs1{position:absolute;background:url(../images/02_char.png) no-repeat;width:624px;height:718px;left:1%;top:5%}@media only screen and (max-width:480px){#main main #mainContent #scene .mainChs1{background-size:31%;left:-5%;top:7vh}}#main main #mainContent #scene .mainChs2{position:absolute;background:url(../images/03_char.png) no-repeat;width:1184px;height:1185px;right:49%;bottom:-24%}@media only screen and (max-width:480px){#main main #mainContent #scene .mainChs2{background-size:28%;left:-21%;top:28vh}}#main main #mainContent #scene .mainChs3{position:absolute;background:url(../images/04_char.png) no-repeat;width:640px;height:905px;right:-1%;top:6%}@media only screen and (max-width:480px){#main main #mainContent #scene .mainChs3{background-size:28%;left:40vw}}#main main #mainContent #scene .mainChs4{position:absolute;background:url(../images/05_char.png) no-repeat;width:1012px;height:957px;right:-9%;bottom:-16%}@media only screen and (max-width:480px){#main main #mainContent #scene .mainChs4{background-size:28%;left:45vw;top:20vh}}@media only screen and (max-width:480px){#main main #mainContent #scene .mainCh,#main main #mainContent #scene .mainChs1,#main main #mainContent #scene .mainChs2,#main main #mainContent #scene .mainChs3,#main main #mainContent #scene .mainChs4,#main main #mainContent #scene .mainDeco2,#main main #mainContent #scene .mainDeco4{transform-origin:10% 20%}}#main main #mainContent #scene .wow.zoomIn{-webkit-animation-timing-function:cubic-bezier(.34,1.56,.64,1);animation-timing-function:cubic-bezier(.34,1.56,.64,1)}#main main .logo{z-index:10;position:absolute;left:50%;bottom:17vh;transform:translateX(-50%);text-align:center;width:90%}@media only screen and (max-width:1200px){#main main .logo{bottom:5vh}}@media only screen and (max-width:800px){#main main .logo{bottom:18vh;max-width:520px}}@media only screen and (max-width:767px){#main main .logo{bottom:20vh}}@media only screen and (max-width:480px){#main main .logo{bottom:9vh}}#main main .main_title_word{z-index:10;position:absolute;left:50%;bottom:2vh;transform:translateX(-50%);text-align:center;width:90%}@media only screen and (max-width:1200px){#main main .main_title_word{bottom:5vh}}@media only screen and (max-width:800px){#main main .main_title_word{bottom:3vh;max-width:520px}}@media only screen and (max-width:480px){#main main .main_title_word{display:none}}#main main .popYt{top:67vh;position:absolute;left:45.5%;z-index:9}@media only screen and (max-width:480px){#main main .popYt{top:51vh;left:33%;width:37%}}#main main .popYt img{width:100%}@media only screen and (max-width:1200px){#main main .popYt img{width:70%}}#main main .popYt:hover{background:url(../images/playBtn_hover.png) no-repeat center top;background-size:contain}#main main .popYt:hover img{opacity:0}#main section{position:relative;width:100vw;background:url(../images/mainBg3.jpg) no-repeat center top;background-size:cover;overflow:hidden;text-align:center}#main section .listfour{display:flex;flex-wrap:wrap;justify-content:center}#main section .listfour a{position:relative;display:block;margin:1vw}#main section .listfour a.list2{margin-top:10vh}@media only screen and (max-width:1200px){#main section .listfour a.list2{margin-top:1vh}}#main section .listfour a:hover.list1{transition:.5s linear;transform:scale(1.025)}#main section .listfour a:hover.list2{transition:.5s linear;transform:scale(1.025)}#main section .listfour a:hover.list3{transition:.5s linear;transform:scale(1.025)}#story{background:url(../images/storyBg.jpg) no-repeat center center;text-align:center}.story{position:relative;padding:1% 0 10% 0}@media only screen and (max-width:480px){.story{background:url(../images/storyIframe.png) no-repeat center center;background-size:cover;padding:50% 8vw}.story>img{display:none}}.story>div{position:absolute;color:#000;top:20%;max-width:400px;text-align:center;left:50%;transform:translateX(-50%)}@media only screen and (max-width:480px){.story>div{position:relative;max-width:100%;top:10%;left:auto;transform:translateX(0);font-size:20px}}.ctnJob{display:flex;flex-wrap:none;justify-content:center;margin-left:200px}@media only screen and (max-width:1440px){.ctnJob{flex-wrap:wrap;margin-left:0}}.ctnJob .job{width:20%;text-align:left;margin-top:6vh;z-index:10}.ctnJob .job .title{margin-bottom:30px}@media only screen and (max-width:1440px){.ctnJob .job{width:90%}}.ctnJob .job em{font:revert}.ctnJob .job h4,.ctnJob .job p{color:#fff}#job{background:url(../images/mainjobBg.jpg) no-repeat center center;background-size:cover}#job h2{color:#fff}#job h2 span:first-of-type{background:#fff}#job h2 span:last-of-type{border:none}#jobsub{background:url(../images/subjobBg.jpg) no-repeat center center;background-size:cover}#jobsub h2{color:#262626}#jobsub h2 span:first-of-type{background:#262626}#jobsub h2 span:last-of-type{border:none}.jobImg1,.jobImg2{position:relative;top:-17vh;left:-8vw;pointer-events:none}@media only screen and (max-width:480px){.jobImg1,.jobImg2{top:0;left:-1vw}}.jobImg3{position:relative;top:-13vh;left:-2vw}@media only screen and (max-width:480px){.jobImg3{top:1vh;left:0}}.jobImg4{position:relative;top:-17vh;left:-4vw}@media only screen and (max-width:480px){.jobImg4{top:-2vh;left:-1vw}}.yticon{display:block;cursor:pointer}.yticon button{position:relative;margin:0;padding:0;border:1px solid #fff;font-size:0;line-height:0}.yticon button::after{content:'';position:absolute;width:48px;height:48px;top:39%;left:44%;background:url(../images/play.png) no-repeat center center/contain}.yticon button:hover{border:1px solid #e91a92;transition:border-color .3s ease}.yticon button:hover::after{background:url(../images/play_hover.png) no-repeat center center/contain}#introduce h2 span:last-of-type{border:none}.intrTwo{color:#fff;display:flex;justify-content:center;align-items:center;margin:2vw 0;flex-wrap:wrap}.intrTwo:nth-of-type(odd){flex-direction:row-reverse}@media only screen and (max-width:1200px){.intrTwo:nth-of-type(odd){flex-direction:row}}.intrTwo .introduce{width:50%;margin:0 2vw 12vh 2vw;text-align:left;color:#000;position:relative}@media only screen and (max-width:1200px){.intrTwo .introduce{width:90%}}.intrTwo .introduce .name{font-weight:700;font-family:"Noto Serif TC",serif;display:flex;justify-content:center;margin-top:35px;margin-bottom:20px}.intrTwo .introduce ul.word{list-style:disc;margin:0 200px;display:flex;flex-direction:column;justify-content:center;padding-top:3%}@media only screen and (max-width:480px){.intrTwo .introduce ul.word{margin:0 auto;padding:17px 0 0 17px}}.intrTwo .introduce ul.word li{font-size:1.1rem;padding-bottom:10px}.intrTwo .intro_char{position:absolute;background:url(../images/introdue_ch.png) no-repeat center center;width:903px;height:1055px;bottom:-29vh;right:-15vw}@media only screen and (max-width:480px){.intrTwo .intro_char{background:url(../images/introdue_ch_m.png) no-repeat center center;width:66vw;height:100vh;max-width:100%;background-size:100%;bottom:0;right:0;top:-29vh}}#introduce{background:url(../images/introduceBg.jpg) no-repeat center center;background-size:cover}h1{margin:6% 0 2% 0}@media only screen and (max-width:480px){h1 img{max-width:90vw}}h2{position:relative;width:20%;text-align:left;color:#262626;margin:6vh 0 2vh 0;display:flex;align-items:center}@media only screen and (max-width:480px){h2{width:60%}}h2 span:first-of-type{width:70px;height:1px;background:#262626}h2 span:last-of-type{border:solid 1px #262626;font-size:18px;line-height:22px;text-align:center;padding:10px}h3{margin-right:1%}@media only screen and (max-width:480px){h3 img{max-width:90vw}}h3 img:first-of-type{margin-bottom:6%}h4{font-size:18px;font-weight:700;line-height:20px;margin:4% 0;color:#000}@media only screen and (max-width:1440px){h4{margin:1% 0}}h4 span{display:inline-block;background-color:#4958e7;padding:.4% 1%;margin-right:1%;white-space:nowrap}h6{font-size:20px;font-weight:700;margin:6vh 0 2vh 0}p{font-size:1rem;margin-bottom:2vh}.tab-pane{display:none}.tab-pane.active{display:block}.modal-modal,a,button{background-color:transparent;border:none;cursor:pointer}button.close{width:54px;height:54px;background:url(//landing.mangot5.com/template/la/event/nav/images/close.png) no-repeat 0 0;background-size:contain;overflow:hidden;text-indent:-10000em;cursor:pointer;border:0;opacity:1;position:absolute;right:1rem;top:-54px;z-index:999}.modal-dialog{width:100%;max-width:1400px;margin:8vh auto 0 auto;text-align:center;pointer-events:auto}@media only screen and (max-width:480px){.modal-dialog{margin:40% auto}}.modal-dialog iframe{max-width:100%}@media only screen and (max-width:350px){.modal-dialog iframe{max-height:60vh}}#myTabContent>div,#myTabContent>section{min-height:100vh;background-size:cover}#expend #myTab .nav-item:last-child a{color:#ef2e96}main,section{padding:90px 0 1vh 0}@media only screen and (max-width:480px){main,section{padding-top:60px}}.introduce-menu{position:absolute;right:6%;top:40%;z-index:90;width:140px}@media only screen and (max-width:1440px){.introduce-menu{left:unset;right:2%;top:21%}}.introduce-menu .nav.nav-tabs.close{display:none}.introduce-menu .nav.nav-tabs{position:relative}.introduce-menu .nav.nav-tabs::before{position:absolute;content:"";display:block;border-color:transparent transparent #fff transparent;border-style:solid;border-width:0 70px 30px 70px;right:0;transform:translateY(-36px)}.introduce-menu .nav.nav-tabs::after{position:absolute;content:"";display:block;border-color:#fff transparent transparent transparent;border-style:solid;border-width:30px 70px 0 70px;right:0;transform:translateY(5px)}.introduce-menu .nav{background-color:#fff;padding:4% 1% 4% 44px;display:block;text-align:left;font-size:14px;border:none}.introduce-menu .nav .nav-item{position:relative;display:list-item;list-style:disc;color:#848484;line-height:40px;text-indent:-4px}.introduce-menu .nav .nav-item::marker{color:#4958e7}.introduce-menu .nav .nav-item a{display:inline-block;padding:0;color:#808285}.introduce-menu .nav .nav-item a span{position:absolute;width:20px;left:-36%}.introduce-menu .nav .nav-item a.active,.introduce-menu .nav .nav-item a:hover{color:#4958e7;border:none}.introduce-menu .nav .nav-item a.active span,.introduce-menu .nav .nav-item a:hover span{border-right-color:#4958e7}.introduce-menu .nav .nav-tabs .nav-link:focus,.introduce-menu .nav .nav-tabs .nav-link:hover{border-color:transparent}.introduce-btn{position:relative;z-index:999;right:-32.7%;top:37%;width:47px;height:47px;border-radius:50%;background-color:#464af3}@media only screen and (max-width:480px){.introduce-btn{width:60px;height:60px;top:-8vh;right:-29%;background-color:rgba(0,0,0,.7)}}.introduce-btn a{display:block;position:absolute;top:0;right:0;width:100%;height:100%;overflow:hidden;text-indent:-10000em;transition:.6s all;transform:rotate(135deg)}.introduce-btn a::after,.introduce-btn a::before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;overflow:hidden;background:#fff}.introduce-btn a::before{width:25px;height:2px}.introduce-btn a::after{width:2px;height:25px}.introduce-btn a.active{transform:rotate(0)}.landscape{position:fixed;top:0;left:0;bottom:0;right:0;overflow:auto;background:#33313e;display:none;z-index:999}@media only screen and (orientation:landscape) and (max-device-width:850px){.landscape{display:block}}.landscape span{position:absolute;right:0;top:50%;margin:0;width:100%;text-align:center;transform:translateY(-50%)}.landscape span>p{color:#ccc;margin:0;font-size:16px}.toggle-button{position:absolute;z-index:99;margin:0 auto;border-radius:50%;background-color:#464af3;height:47px;width:47px;top:38vh;right:8.3%}.toggle-button:after,.toggle-button:before{position:absolute;transition-property:rotate;margin:auto;inset:0;background:#eee;width:14px;height:2px;content:"";transition:transform .3s ease}.toggle-button.open::before{transform:rotate(90deg)}.nav-tabs .nav-link:focus,.nav-tabs .nav-link:hover{border:none}#nav-main{height:68px}@media only screen and (max-width:767px){#nav-main{height:auto}}#nav-main a{max-width:150px}@media only screen and (max-width:1440px){#nav-main a img{max-width:18vw}}#nav-main #expend #myTab li.nav-item:hover::after{top:10px}#nav-main #expend #myTab li.nav-item a{line-height:68px}@media only screen and (max-width:1440px){#nav-main #expend #myTab li.nav-item a{margin:auto}}#nav-main #expend #myTab li.nav-item a:hover,#nav-main #expend #myTab li.nav-item a[aria-expanded=true]{color:#e91a92}#nav-main #expend #myTab .dropdown-menu .dropdown-item:hover a{color:#4958e7}#GAinfor li{background-color:#4958e7;margin:0 .5px}#GAinfor li:hover{background-color:#e91a92;transition:.4s}#GAinfor li a{line-height:68px}