@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:middle}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1;position:relative;overflow-x:hidden}button,ol,ul{list-style:none;margin:0;padding:0}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-collapse:collapse;border-spacing:0}:focus,a:active,a:focus,a:hover,button:focus{text-decoration:none;outline:0}button{background:0 0;border:none;font-size:0}img{max-width:100%;height:auto}body{background:#000;color:#fff;font-family:SWEI}body::-webkit-scrollbar{display:none}@font-face{font-family:SWEI;src:url(//landing.mangot5.com/template/gs/event/nav_bootstrap4/font/SWEI-R.TTF)}@font-face{font-family:JadeFang;src:url(../font/JadeFang.ttf)}h3{margin-top:4vw}p{font-size:1rem;line-height:1.4rem;letter-spacing:1px;margin:.6vw 0;color:#dad4cb}.fixedBox{position:fixed;top:10%;right:2%;padding:0;overflow:hidden;z-index:9;display:flex;flex-direction:column;transition:1s all}@media only screen and (max-width:480px){.fixedBox{top:6vh}}.fixedBox a,.fixedBox button{display:inline-block;margin:.4rem 0}@media only screen and (max-width:767px){.fixedBox a>img,.fixedBox button>img{width:12vw}}@media only screen and (max-width:480px){.fixedBox a>img,.fixedBox button>img{width:20vw}}.fixedBox a:hover img,.fixedBox button:hover img{opacity:0}.fixedBox a:nth-of-type(1):hover{background:url(../images/s11.png) no-repeat center center;background-size:contain}.fixedBox a:nth-of-type(2):hover{background:url(../images/s22.png) no-repeat center center;background-size:contain}@media only screen and (max-width:768px){.fixedBox a:nth-of-type(2){display:none}}.fixedBox a:nth-of-type(3):hover{background:url(../images/s33.png) no-repeat center center;background-size:contain}.sideBtn{position:fixed;z-index:9;height:100%;background-color:#000000b0;padding:6vh .2vw 0;text-align:center;transition:1s all;font-family:JadeFang}.sideBtn>a>img{max-width:140px;margin-top:4vh}.sideBtn ul{padding:0;margin-top:4vh;list-style:none}@media only screen and (max-width:480px){.sideBtn ul{margin-top:2vh}}.sideBtn ul li{margin:.2vh 0}.sideBtn ul li a{display:block;width:200px;height:50px;background:url(../images/sidebg.png) no-repeat center center;background-size:contain;padding:0 6%;text-align:left;text-decoration:none;color:#78736b;font-size:1.2rem;line-height:50px;transform:scaleX(.95)}.sideBtn ul li a.active,.sideBtn ul li a:active,.sideBtn ul li a:focus,.sideBtn ul li a:hover{background:url(../images/sidebg3.png) no-repeat center center;background-size:contain;color:#fff}@media only screen and (max-width:480px){.sideBtn ul li a{width:160px;height:40px;line-height:40px}}.sideBtn ul li:nth-of-type(1) a,.sideBtn ul li:nth-of-type(2) a{height:70px;line-height:70px}.sideBtn ul li:nth-of-type(1) a.active,.sideBtn ul li:nth-of-type(1) a:active,.sideBtn ul li:nth-of-type(1) a:focus,.sideBtn ul li:nth-of-type(1) a:hover,.sideBtn ul li:nth-of-type(2) a.active,.sideBtn ul li:nth-of-type(2) a:active,.sideBtn ul li:nth-of-type(2) a:focus,.sideBtn ul li:nth-of-type(2) a:hover{color:#fff}@media only screen and (max-width:480px){.sideBtn ul li:nth-of-type(1) a,.sideBtn ul li:nth-of-type(2) a{height:60px}}.sideBtn ul li:nth-of-type(1) a{color:#b47c70;background:url(../images/sidebg1.png) no-repeat center center;background-size:contain}.sideBtn ul li:nth-of-type(1) a.active,.sideBtn ul li:nth-of-type(1) a:active,.sideBtn ul li:nth-of-type(1) a:focus,.sideBtn ul li:nth-of-type(1) a:hover{background:url(../images/sidebg11.png) no-repeat center center;background-size:contain;text-shadow:0 0 10px #b42f2f,0 0 10px #b42f2f,0 0 10px #b42f2f,0 0 10px #b42f2f}.sideBtn ul li:nth-of-type(2) a{color:#8a9c88;background:url(../images/sidebg2.png) no-repeat center center;background-size:contain}.sideBtn ul li:nth-of-type(2) a.active,.sideBtn ul li:nth-of-type(2) a:active,.sideBtn ul li:nth-of-type(2) a:focus,.sideBtn ul li:nth-of-type(2) a:hover{background:url(../images/sidebg22.png) no-repeat center center;background-size:contain;text-shadow:0 0 10px #55b847,0 0 10px #55b847,0 0 10px #55b847,0 0 10px #55b847}.sideBtn ul li:last-of-type{margin-top:20%}@media only screen and (max-width:1440px){.sideBtn ul li:last-of-type{margin-top:4%}}.sideBtn ul li:last-of-type a{background:0 0;color:#8d877e}.sideBtn ul li:last-of-type a.active,.sideBtn ul li:last-of-type a:active,.sideBtn ul li:last-of-type a:focus,.sideBtn ul li:last-of-type a:hover{color:#fff}.sideBtn.off{transform:translateX(-100%)}.btn-on{position:absolute;z-index:9;outline:0;bottom:0;right:-90px;top:50%;transform:translateY(-50%);transition:.6s all}.btn-on img{transition:1s all}.btn-on img:hover{webkit-filter:bhue-rotate(180deg);filter:hue-rotate(180deg)}.btn-on.open img{transform:rotate(-180deg)}#header{position:relative;background:url(../images/mainbg.jpg) no-repeat center center;background-size:cover;min-height:130vh}@media only screen and (max-width:1440px){#header{min-height:100vh}}@media only screen and (max-width:1200px){#header{background:url(../images/mainbg_m.jpg) no-repeat center center;background-size:cover}}#header .main{position:relative}@media only screen and (max-width:1200px){#header .main{display:none}}#header .title{position:absolute;left:0;right:0;bottom:30vh;z-index:1}@media only screen and (max-width:1440px){#header .title{bottom:0}}@media only screen and (max-width:768px){#header .title{bottom:6vh}}@media only screen and (max-width:480px){#header .title{bottom:20vh}}#effect_liquid{touch-action:none;cursor:inherit;position:absolute;top:0;left:0;width:100%!important;height:auto!important}@media only screen and (max-width:1200px){#effect_liquid{display:none}}section{background:transparent url(../images/bg.png) no-repeat center top;background-size:cover;position:relative;overflow:hidden;text-align:center;margin-top:-68vh;padding:90vh 0 10vh}@media only screen and (max-width:1200px){section{margin-top:-80vh}}@media only screen and (max-width:768px){section{padding:75vh 1vw 10vh 1vw}}@media only screen and (max-width:480px){section{padding-top:90vh}}section p{text-shadow:0 0 10px #000}section button.popbtn{width:287px;height:74px;background:transparent url(../images/btn.png) no-repeat center center;background-size:contain}@media only screen and (max-width:350px){section button.popbtn{width:90%}}section button.popbtn span{display:block;font-size:1.4rem;color:#9d8588;transform:scaleX(.95)}section button.popbtn:hover{background:transparent url(../images/btnn.png) no-repeat center center;background-size:contain}section button.popbtn:hover span{color:#fa8b5f}section button.popbtn:nth-of-type(4){margin-top:4vh}section button.popbtn:nth-of-type(5){margin:4vh}section button.popbtn:nth-of-type(6),section button.popbtn:nth-of-type(7){margin:0 1.5vw}@media only screen and (max-width:480px){section button.popbtn:nth-of-type(6),section button.popbtn:nth-of-type(7){margin:1.5vw}}section #s8{margin-bottom:-10vh}.mainBox{display:flex;flex-direction:row-reverse;align-items:center}@media only screen and (max-width:1200px){.mainBox{flex-wrap:wrap;justify-content:center}}.mainBox>img{z-index:1;pointer-events:none}@media only screen and (max-width:1440px){.mainBox>img{width:50vw}}@media only screen and (max-width:1200px){.mainBox>img{width:80vw;z-index:0}}@media only screen and (max-width:480px){.mainBox>img{display:none}}.mainBox#s1{margin-bottom:10%}@media only screen and (max-width:1440px){.mainBox#s1{margin-bottom:20%}}@media only screen and (max-width:480px){.mainBox#s1{margin-bottom:50%}}.mainBox#s1>img{margin-top:-20vh;margin-left:-20vw}@media only screen and (max-width:1200px){.mainBox#s1>img{margin-top:unset}}.mainBox#s1 span{color:#ff5824}.mainBox#s2>img{margin-left:-28vw}@media only screen and (max-width:1440px){.mainBox#s2>img{margin-left:-20vw}}.mainBox#s2 span{color:#c4f943}.mainBox .gridTable{position:relative;max-width:800px;background-color:#0000005c;display:-ms-grid;display:grid;grid-gap:1px;-ms-grid-columns:1fr 4fr;grid-template-columns:1fr 4fr}@media only screen and (max-width:480px){.mainBox .gridTable{-ms-grid-columns:1fr;grid-template-columns:1fr}}.mainBox .gridTable h3{margin:0;position:absolute;top:-180px}@media only screen and (max-width:350px){.mainBox .gridTable h3{top:-120px}}.mainBox .gridTable div{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;outline:1px solid #5d4c3f;padding:2%}.mainBox .gridTable div:nth-of-type(12),.mainBox .gridTable div:nth-of-type(3),.mainBox .gridTable div:nth-of-type(4),.mainBox .gridTable div:nth-of-type(9){-ms-grid-column:1;-ms-grid-column-span:2;grid-column:1/3}@media only screen and (max-width:480px){.mainBox .gridTable div:nth-of-type(12),.mainBox .gridTable div:nth-of-type(3),.mainBox .gridTable div:nth-of-type(4),.mainBox .gridTable div:nth-of-type(9){-ms-grid-column:1;-ms-grid-column-span:1;grid-column:1/2}}.mainBox .gridTable p{font-size:.9rem;color:#c5bdaf}.modal-backdrop{display:none}.modal{background:url(../images/popbg.jpg) no-repeat center center;background-size:cover;background-attachment:fixed;z-index:999;padding-top:50px}.modal::-webkit-scrollbar{display:none}.modal h4{font-size:1.6rem;line-height:2rem;margin-bottom:1rem}.modal h5{font-size:1.6rem;line-height:1.8rem;color:#f1ddba;text-align:left;margin:1rem 0 .6rem}.modal .modal-content{background:0 0;border:none}.modal .modal-body{text-align:center}.modal .modal-body table{font-size:1rem;line-height:1.2rem;margin:30px auto;border-collapse:collapse;max-width:1000px;table-layout:fixed}.modal .modal-body table th{color:#f1ddba;padding:1rem}.modal .modal-body table td,.modal .modal-body table th{text-align:center;border:1px solid #5d4c3f}.modal .modal-body table td{padding:1.2rem}@media only screen and (max-width:480px){.modal .modal-body table td{padding:.2rem}}.modal .modal-body table td.spetable{width:10vw}.modal .modal-body table td.note2{color:#5d4c3f}.modal .modal-body table td p{text-align:center;margin:0}.modal .modal-body table td span{font-size:.8rem}.modal .modal-body ol,.modal .modal-body ul{margin:2% 0;text-align:left;font-size:1.1rem;line-height:1.8rem;padding-left:20px;letter-spacing:1px}.modal .modal-body ol li::before,.modal .modal-body ul li::before{content:"\2299 ";margin-left:-22px;margin-right:2px;color:#5d4c3f}.modal .gridTable{background-color:#0000005c;display:-ms-grid;display:grid;grid-gap:1px;margin-bottom:4%}.modal .gridTable div{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;flex-direction:column;outline:1px solid #5d4c3f;padding:2%}.modal .gridTable div p{margin:0}.modal p{font-size:1rem;color:#f1ddba;margin:20px 0 0 0;text-align:left}.modal p.note{color:#f18181}.modal .specolor{font-size:1.2rem;color:#fa8b5f}button.close{opacity:1;position:absolute;right:0;width:70px;height:70px;font-size:70px;font-weight:lighter;color:#f1ddba;text-shadow:none;overflow:hidden;border:solid 1px #f1ddba;border-radius:70px;z-index:9}@media only screen and (max-width:1200px){button.close{width:50px;height:50px;font-size:50px}}@media only screen and (max-width:480px){button.close{top:-2vh;right:4vw}}button.close span{display:block}button.close:hover{background-color:#f1ddba;color:#000}.eventflex{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;margin:0 auto 1rem auto}.eventflex table{margin:0!important}.eventflex img{margin:.6rem}#pop .mainCtn{background:linear-gradient(0deg,rgba(0,0,0,0) 0,rgba(0,0,0,.501961) 20%,rgba(0,0,0,.501961) 90%,rgba(0,0,0,0) 100%);border:1px solid #5d4c3f;border-radius:10px;margin:2% auto;padding:1vw}#pop .mainCtn>img{margin:1%}@media only screen and (max-width:350px){#pop .mainCtn>img{margin:0}}#pop2 .gridTable{background-color:#0000005c;display:-ms-grid;display:grid;grid-gap:1px;-ms-grid-columns:1fr 3fr;grid-template-columns:1fr 3fr}#pop2 .gridTable div:nth-of-type(2){-ms-grid-column:1;-ms-grid-column-span:1;grid-column:1/2;-ms-grid-row:2;-ms-grid-row-span:1;grid-row:2/3}@media only screen and (max-width:480px){#pop2 .gridTable div:nth-of-type(2){-ms-grid-row:2;-ms-grid-row-span:1;grid-row:2/3}}#pop2 .gridTable div:nth-of-type(3){-ms-grid-column:2;-ms-grid-column-span:1;grid-column:2/3;-ms-grid-row:1;-ms-grid-row-span:2;grid-row:1/3}#pop2 .gridTable div:nth-of-type(4){-ms-grid-column:1;-ms-grid-column-span:2;grid-column:1/3}#pop3 .gridTable{background-color:#0000005c;display:-ms-grid;display:grid;grid-gap:1px;-ms-grid-columns:(1fr)[3];grid-template-columns:repeat(3,1fr)}@media only screen and (max-width:768px){#pop3 .gridTable{-ms-grid-columns:(1fr)[2];grid-template-columns:repeat(2,1fr)}}@media only screen and (max-width:350px){#pop3 .gridTable{-ms-grid-columns:1fr;grid-template-columns:1fr}}.navbar-toggler-icon{background-image:url(../images/hamburger.svg)}.navbar-toggler-icon:focus{outline:unset}.navbar-toggler-icon .fas.fa-bars{color:#fff}.navbar{padding:0;background-color:#000}.navbar .navbar-nav{align-items:center}@media only screen and (max-width:767px){.navbar li.nav-item{width:100%;display:inline-block;margin:auto;text-align:center}}.navbar a.nav-link{color:#fff;padding:.8rem 1.5rem;padding-right:1rem;padding-left:1rem}.navbar a.nav-link:hover{background-color:#484848}footer{margin:0;background:#23222b;padding:25px 0;font-family:'微軟正黑體','Malgun Gothic',Dotum,Tahoma,sans-serif;letter-spacing:normal}footer .copyright{text-align:center}@media only screen and (max-width:767px){footer .copyright{text-align:left}}footer .copyright ul{list-style:none;display:inline-block;margin:0;padding:0}footer .copyright ul li{display:block;float:left;margin:0 10px;color:silver}@media only screen and (max-width:480px){footer .copyright ul li:first-child{width:40vw}}@media only screen and (max-width:480px){footer .copyright ul li:last-child{margin:0 12px}}footer .copyright ul li p{letter-spacing:normal;text-align:left;margin:0}footer .copyright ul li span{vertical-align:top;display:inline-block;font-size:12px;text-align:left;line-height:1.1}@media only screen and (max-width:480px){footer .copyright ul li span{width:74vw}}footer .copyright .text{font-size:12px;line-height:1.6em;margin-top:0;text-align:center}footer .copyright .rating{width:40px;display:inline-block}@media only screen and (max-width:480px){footer .copyright .rating{width:10vw}}