@charset "UTF-8";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;font-family:"微軟正黑體",Nanum Barun Gothic,sans-serif;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!important;background-color:transparent!important;padding:0}::-webkit-scrollbar{display:none}::-webkit-scrollbar-button{display:none}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:6vh;z-index:999}}.sideBtn a{display:inline-block;background-color:#ffef4b!important;width:100px;height:50px;color:#262626;font-size:20px;text-align:center;line-height:50px;margin:4px;opacity:.85;border-radius:7px;border:2px solid #ffcb25!important}#main main{position:relative;width:100vw;height:140vh;background:url(../images/bg1.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/bg1_phone.jpg) no-repeat center center;background-size:cover}}#main main #scene{position:absolute;width:100vw;height:140vh}@media only screen and (max-width:1200px){#main main #scene{height:100vh}}@media only screen and (max-width:480px){#main main #scene{display:none}}#main main #scene::before{content:"";background:url(../images/deco1.png) no-repeat center center;background-size:contain;width:880px;height:979px;position:absolute;left:-14vw;bottom:-20vh;z-index:2;animation:moveY 1s infinite ease-in-out alternate-reverse}@media only screen and (max-width:1440px){#main main #scene::before{width:40vw;height:60vh;bottom:0}}#main main #scene::after{content:"";background:url(../images/deco2.png) no-repeat center center;background-size:contain;width:762px;height:802px;position:absolute;right:-10vw;bottom:-6vh;z-index:1;animation:moveY .9s infinite ease-in-out alternate-reverse}@media only screen and (max-width:1440px){#main main #scene::after{width:40vw;height:60vh;bottom:0}}#main main #scene .role1,#main main #scene .role2,#main main #scene .role3{position:absolute}#main main #scene .role1 img,#main main #scene .role2 img,#main main #scene .role3 img{position:relative;z-index:1}#main main #scene .role1{top:24vh;right:32vw}@media only screen and (max-width:800px){#main main #scene .role1{top:10vh;right:16vw}}#main main #scene .role1::before{content:"";background:url(../images/deco5.png) no-repeat center center;background-size:contain;width:570px;height:480px;position:absolute;top:-36vh;right:-8vw;animation:moveY 1.1s infinite ease-in-out alternate-reverse}#main main #scene .role2{top:-20vh;left:-4vw}@media only screen and (max-width:1440px){#main main #scene .role2{left:-20vw}}@media only screen and (max-width:1200px){#main main #scene .role2{left:-50vw}}@media only screen and (max-width:800px){#main main #scene .role2{left:-80vw}}#main main #scene .role2::before{content:"";background:url(../images/deco3.png) no-repeat center center;background-size:contain;width:405px;height:404px;position:absolute;top:30vh;animation:moveY 1.2s infinite ease-in-out alternate-reverse}#main main #scene .role2::after{content:"";background:url(../images/deco4.png) no-repeat center center;background-size:contain;width:359px;height:331px;position:absolute;top:16vh;left:16vw;animation:moveY .9s infinite ease-in-out alternate-reverse}#main main #scene .role3{top:10vh;right:-2vw}@media only screen and (max-width:1440px){#main main #scene .role3{right:-10vw}}@media only screen and (max-width:800px){#main main #scene .role3{right:-30vw}}#main main #scene .role3::before{content:"";background:url(../images/deco6.png) no-repeat center center;background-size:contain;width:388px;height:348px;position:absolute;right:0;animation:moveY 1s infinite ease-in-out alternate-reverse}#main main .logo{position:absolute;left:50%;bottom:4vh;transform:translateX(-50%);text-align:center;z-index:9}@media only screen and (max-width:480px){#main main .logo{display:none}}#main main .popyt{position:absolute;left:50%;bottom:50vh;transform:translateX(-50%);z-index:9}@media only screen and (max-width:1200px){#main main .popyt{bottom:40vh}}@media only screen and (max-width:800px){#main main .popyt{bottom:26vh}}@media only screen and (max-width:480px){#main main .popyt{top:30vh;bottom:unset}}@media only screen and (max-width:480px){#main main .popyt img{width:40vw}}#main main .popyt:hover{background:url(../images/v2.png) no-repeat center top;background-size:contain}#main main .popyt:hover img{opacity:0}#main section{position:relative;width:100vw;background:url(../images/bg2.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 -3vw}@media only screen and (max-width:1440px){#main section .listfour a{margin:unset}}#main section .listfour a:hover.list1{background:url(../images/l11.png) no-repeat center top;background-size:contain}#main section .listfour a:hover.list2{background:url(../images/l22.png) no-repeat center top;background-size:contain}#main section .listfour a:hover.list3{background:url(../images/l33.png) no-repeat center top;background-size:contain}#main section .listfour a:hover img{opacity:0}#story{background:url(../images/bg3.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/sbg.png) no-repeat center center;background-size:cover;padding:50% 8vw}.story>img{display:none}}.story>div{position:absolute;color:#000;top:30%;max-width:440px;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}}.ctnBoss{display:flex;flex-wrap:wrap;justify-content:center}.ctnBoss .boss{width:20%;text-align:left;margin-top:4vh}@media only screen and (max-width:1200px){.ctnBoss .boss{width:unset;max-width:90vw}}.ctnBoss .boss em{font:revert}.ctnBoss .boss h4,.ctnBoss .boss p{color:#262626}.ctnBoss .boss>img{margin-bottom:2vh}.ctnBoss .boss .popyt{position:relative}.ctnBoss .boss .popyt::before{content:"";width:34px;height:34px;background:url(../images/vicon1.png) no-repeat center center;background-size:contain;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ctnBoss .boss .popyt:hover::before{background:url(../images/vicon2.png) no-repeat center center;background-size:contain}#boss1{background:url(../images/bbg1.jpg) no-repeat center center;background-size:cover}#boss2{background:url(../images/bbg2.jpg) no-repeat center center;background-size:cover}#boss3{background:url(../images/bbg3.jpg) no-repeat center center;background-size:cover}#boss4{background:url(../images/bbg4.jpg) no-repeat center center;background-size:cover}#boss5{background:url(../images/bbg5.jpg) no-repeat center center;background-size:cover}#boss6{background:url(../images/bbg6.jpg) no-repeat center center;background-size:cover}#boss2 h2,#boss2 p,#boss5 h2,#boss5 p,#boss6 h2,#boss6 p{color:#fff}#boss2 h2 span:first-of-type,#boss2 p span:first-of-type,#boss5 h2 span:first-of-type,#boss5 p span:first-of-type,#boss6 h2 span:first-of-type,#boss6 p span:first-of-type{background:#fff}#boss2 h2 span:last-of-type,#boss2 p span:last-of-type,#boss5 h2 span:last-of-type,#boss5 p span:last-of-type,#boss6 h2 span:last-of-type,#boss6 p span:last-of-type{border:solid 1px #fff}#system1,#system2{background:url(../images/sbg.jpg) no-repeat center center;background-size:cover;min-height:100vh;color:#fff}#system1 h4,#system2 h4{margin:unset}#system1 h6,#system2 h6{margin:1vh 0}#system1 h2,#system1 p,#system2 h2,#system2 p{color:#fff}#system1 h2 span:first-of-type,#system1 p span:first-of-type,#system2 h2 span:first-of-type,#system2 p span:first-of-type{background:#fff}#system1 h2 span:last-of-type,#system1 p span:last-of-type,#system2 h2 span:last-of-type,#system2 p span:last-of-type{border:solid 1px #fff}.system{max-width:1400px;margin:0 auto}.system ol,.system ul{display:inline-block;text-align:left;counter-reset:num;list-style-position:outside;margin:0 auto 2vh auto;padding-left:16px;color:#fff}.system ol>li,.system ul>li{margin-bottom:1vh}.system ol>li::before,.system ul>li::before{counter-increment:num;content:counter(num) ") ";margin-left:-18px}.system ol>li>ul,.system ul>li>ul{padding-left:6px}.system ol>li>ul li::before,.system ul>li>ul li::before{content:" - "}.system ol>li>ul li>ul li::before,.system ul>li>ul li>ul li::before{content:"："}.system .ctnTwo{display:flex;flex-wrap:wrap;justify-content:center}.system .ctnTwo>div{max-width:600px;margin:2vh 0;text-align:left}@media only screen and (max-width:480px){.system .ctnTwo>div{max-width:90vw}}.system .ctnTwo>div li::before{content:"\2B29";color:red;margin-right:10px}@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:#ffef4b;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}main,section{padding:90px 0 1vh 0}@media only screen and (max-width:480px){main,section{padding-top:60px}}.introduce-menu{position:fixed;left:6%;bottom:10%;z-index:99}@media only screen and (max-width:1440px){.introduce-menu{left:unset;right:2%;bottom:20%}}.introduce-menu::before{content:"";display:block;border-color:transparent transparent #fff transparent;border-style:solid;border-width:0 70px 30px 70px}.introduce-menu::after{content:"";display:block;border-color:#fff transparent transparent transparent;border-style:solid;border-width:30px 70px 0 70px}.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:#ffcb25}.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%;border-right:solid 1px #848484;color:#ffcb25}.introduce-menu .nav .nav-item a.active,.introduce-menu .nav .nav-item a:hover{color:#262626}.introduce-menu .nav .nav-item a.active span,.introduce-menu .nav .nav-item a:hover span{border-right-color:#ffcb25}.introduce-btn{position:fixed;z-index:999;right:2%;bottom:48%;width:60px;height:60px;border-radius:50%;background-color:rgba(0,0,0,.7);display:none}.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}#nav-main #expend #myTab li.nav-item a:hover,#nav-main #expend #myTab li.nav-item a[aria-expanded=true]{color:#ffef4b}#nav-main #expend #myTab .dropdown-menu .dropdown-item:hover a{color:#ffef4b}#GAinfor li{background-color:#ffef4b;margin:0 .5px}#GAinfor li a{color:#262626}#GAinfor li:hover{transition:.4s;background-color:#ffcb25}#GAinfor li:hover a{color:#fff}