html,body{position:relative;margin:0 auto;height:100%;font-family:Arial,"Noto Sans TC","Microsoft JhengHei",Verdana,Arial,Helvetica,sans-serif,"Microsoft Yahei","Microsoft JhengHei","新細明體"}a{cursor:pointer}.fb-root{height:0;overflow:hidden}._freeze{position:fixed;width:100%;height:100%}.l-container{margin:0 auto;position:relative}.l-wrap{width:100%;position:relative;overflow:hidden}.l-main{font-family:Arial,"Noto Sans TC","Microsoft JhengHei",Verdana,Arial,Helvetica,sans-serif,"Microsoft Yahei","Microsoft JhengHei","新細明體";background:#ededed}.l-main img{width:100%}.l-main p{margin:0;line-height:1}.l-footer{position:relative;text-align:center}.container-area{width:100%;max-width:75vw;margin:0 auto}.hidden{display:none}.hide-text{overflow:hidden;padding:0;text-indent:101%;white-space:nowrap}.hide{display:none !important}.alpha{opacity:0;pointer-events:none}.index{width:100%;max-width:1080px;background-color:#d1d2d4;padding-top:2.5%;padding-bottom:2.5%;margin:0 auto}.index .container{width:95.92%;height:160vw;max-height:700px;margin:0 auto;background-image:linear-gradient(to bottom, #fff 37%, #5ebb7c 88%);position:relative;overflow:hidden}.index .container .window{width:100%;margin-bottom:5%}.index .container .tag{width:35.1351351351%;margin-left:13.7065637066%}.index .container .title{width:83.0115830116%;margin:0 auto}.index .container .character{width:86.1003861004%;position:absolute;top:56.2037037037vw;left:7.7777777778vw}.index .container .kv_btn{width:58.5907335907%;height:18.4259259259vw;background-image:url("../images/index_btn.png");background-size:100% 100%;position:absolute;top:119.1666666667vw;left:20.8333333333vw;cursor:pointer}.index .container .kv_btn:hover{background-image:url("../images/index_btn_hover.png")}.index .container .kv_btn:hover .arrow{top:31%}.index .container .kv_btn a{width:100%;height:100%;display:block}.index .container .kv_btn .arrow{width:9%;position:absolute;top:25.9%;right:22%;-webkit-animation-name:arrow_move_effect;animation-name:arrow_move_effect;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:linear;animation-timing-function:linear}@media only screen and (min-width: 480px)and (max-width: 768px){.index .container{max-height:1200px}}@media screen and (min-width: 769px){.index{width:486px;padding-top:20px;padding-bottom:20px}.index .container{max-height:850px}.index .container .character{top:273px;left:37px}.index .container .kv_btn{top:579px;left:101px;height:89px}.index .container .kv_btn:hover .arrow{top:35%}.index .container .kv_btn .arrow{top:30.8%}}@-webkit-keyframes arrow_move_effect{0%{-webkit-transform:translateX(0);transform:translateX(0)}50%{-webkit-transform:translateX(30%);transform:translateX(30%)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes arrow_move_effect{0%{-webkit-transform:translateX(0);transform:translateX(0)}50%{-webkit-transform:translateX(30%);transform:translateX(30%)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}[v-cloak] *{display:none}@media screen and (max-width: 768px){.display-pc{display:none !important}}@media screen and (max-width: 769px){.display-mb{display:none !important}}