body{font-family:'微軟正黑體','Malgun Gothic',Dotum,Tahoma,sans-serif;background-color:#111;background:url(../images/body_bg.jpg) no-repeat center top;background-size:cover;color:#fff;overflow-x:hidden}body :focus{outline:0}body a:active,body a:focus,body a:hover{text-decoration:none;outline:0}body button:focus{outline:0}body ol,body ul{margin:0;padding:0;list-style-type:none!important}body img{max-width:100%}body .navbar{background:#644899;font-size:24px}body .navbar .container{position:relative;max-width:1650px;padding:0 15px}body .navbar .logo{height:100%;padding:0}body .navbar .logo img{height:70px}@media (max-width:480px){body .navbar .logo img{height:70px;max-width:unset}}body .navbar .navbar-collapse .navbar-nav li{font-size:24px}body .navbar .navbar-collapse .navbar-nav li .nav-link{color:#fff}body .navbar .navbar-collapse .navbar-nav li .nav-link:hover{color:#f9baff;background:unset}body .navbar .navbar-collapse .navbar-nav li .nav-link.nav-happytuk{width:199px;background:url(../images/nav_happytuk.png) no-repeat center center;background-size:calc(100% - 30px)}body .navbar .navbar-collapse .navbar-nav li .nav-link.nav-baha{width:87px;background:url(../images/nav_baha.png) no-repeat center center;background-size:calc(100% - 30px)}body .navbar .navbar-collapse .navbar-nav li .nav-link.nav-fb{width:249px;background:url(../images/nav_fb.png) no-repeat center center;background-size:calc(100% - 30px)}body .navbar .navbar-collapse .navbar-nav li .nav-link.nav-img{overflow:hidden;text-indent:-2000%}@media (max-width:768px){body .navbar .navbar-collapse .navbar-nav li .nav-link.nav-img{width:100%;text-indent:0;background:unset}}body aside{position:fixed;left:0;top:50%;transform:translateY(-50%);z-index:1050}@media (max-width:480px){body aside{top:70%}}body aside li{position:relative;display:flex;flex-wrap:wrap;width:223px;height:53px;cursor:pointer;margin-bottom:15px;transition:.3s all}@media (max-width:480px){body aside li{transform:scale(.5);transform-origin:0}}body aside li#gotop{background:url(../images/aside_top.png) no-repeat center center;background-size:contain}body aside li#gotop:hover{background:url(../images/aside_top_on.png) no-repeat center center;background-size:contain}body aside li#gotop::after{content:'TOP';position:absolute;right:20px;font-size:24px;line-height:50px}body aside li#music{background:url(../images/aside_muted.png) no-repeat center center;background-size:contain}body aside li#music::after{content:'MUSIC ON';position:absolute;right:20px;font-size:24px;line-height:50px}body aside li#music:hover{background:url(../images/aside_muted_on.png) no-repeat center center;background-size:contain}body aside li#music.off::after{content:'MUSIC OFF'}@media (max-width:480px){body aside li#music{margin-top:-30px}}body header{position:relative;padding-bottom:60%;background:url(../images/header_bg.png) no-repeat center top;background-size:cover;overflow-x:hidden}@media (max-width:1200px){body header{padding-bottom:90%}}@media (max-width:768px){body header{padding-bottom:120%}}@media (max-width:480px){body header{padding-bottom:175%}}@media (max-width:996px){body header{background-size:115%}}body header .container{max-width:unset}body header .container .title{position:relative;top:25vh;width:1100px;max-width:100%;padding-bottom:34%;display:flex;background:url(../images/header_title.png) no-repeat center center;background-size:contain}@media (max-width:768px){body header .container .title{top:10vh}}@media (max-width:1200px){body header .container .title{padding-bottom:60%}}body header .container .btn{position:relative;top:22vh;width:268px;height:79px;display:flex;background:url(../images/header_btn.png) no-repeat center top;background-size:contain}@media (max-width:768px){body header .container .btn{top:10vh}}body section{position:relative;overflow-x:hidden;text-align:center}body section .con{position:relative}body section.section1{margin-top:-500px}body section.section1 .btn{transition:.3s all}body section.section1 .btn:hover{filter:brightness(110%)}body section.section1:after{content:'';position:absolute;width:455px;padding-bottom:30%;max-width:30%;top:100px;right:5%;background:url(../images/s1_after.png) no-repeat center top;background-size:contain;z-index:-1}@media (max-width:1200px){body section.section1:after{right:-50px;top:150px}}body section.section1:before{content:'';position:absolute;width:355px;padding-bottom:30%;max-width:30%;top:300px;left:10%;background:url(../images/s1_before.png) no-repeat center top;background-size:contain;z-index:-1}@media (max-width:1200px){body section.section1:before{left:0;top:unset;bottom:0}}body section.section2{margin-top:150px}@media (max-width:996px){body section.section2{padding-bottom:480px}}@media (max-width:480px){body section.section2{padding-bottom:250px}}body section.section2 .container{position:relative}body section.section2::before{content:'';position:absolute;width:675px;max-width:100%;height:474px;max-height:100%;bottom:0;left:50%;transform:translateX(-50%);background:url(../images/s2_before.png) no-repeat center top;background-size:contain}@media (max-width:480px){body section.section2::before{height:250px}}body section.section3{margin-top:100px}body section.section3:after{content:'';position:absolute;width:404px;padding-bottom:30%;max-width:30%;top:100px;right:10%;background:url(../images/s3_after.png) no-repeat center top;background-size:contain;z-index:-1}@media (max-width:1200px){body section.section3:after{right:-50px;top:150px}}body section.section3:before{content:'';position:absolute;width:627px;padding-bottom:30%;max-width:30%;top:400px;left:10%;background:url(../images/s3_before.png) no-repeat center top;background-size:contain;z-index:-1}@media (max-width:1200px){body section.section3:before{left:0;top:unset;bottom:0}}body section.section4{margin-top:100px}body section.section4:before{content:'';position:absolute;width:1693px;height:522px;max-width:100%;top:0;left:50%;transform:translateX(-50%);background:url(../images/s4_before.png) no-repeat center top;background-size:contain}body section.section4 .con{padding:30px;text-align:left;background:url(../images/s4_con_bg.png) no-repeat center top;background-size:100% 100%}@media (max-width:768px){body section.section4 .con{background:url(../images/s4_con_bg_m.png) no-repeat center top;background-size:100% 100%}}body footer{background:#644899}