@charset "UTF-8";*{outline:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}html,body{margin:0;padding:0;height:100.1%;}body{font-family:Heiti TC,Microsoft JhengHei,"微軟正黑體",Verdana;-webkit-font-smoothing:antialiased;-webkit-overflow-scrolling:touch;background:url("../_img/bg.jpg") top center no-repeat;}input,textarea,button,select{font-family:Heiti TC,Microsoft JhengHei,"微軟正黑體",Verdana;}button{cursor:pointer;border:none;border-radius:0;box-shadow:none;background:center no-repeat;background-size:contain;}img{max-width:100%;}.hidden{display:none;}.clearfix:after{content:'';display:block;clear:both;}a{text-decoration:none;transition:color .5s;}p{margin:0;}.wp{width:1300px;margin:auto;position:relative;}#header{width:100%;height:299px;margin:auto;background:url("../_img/header-pic.jpg") top center no-repeat;}#header .home-btn,#header .fb-btn{display:block;width:227px;height:84px;position:absolute;top:5px;z-index:2;background:center no-repeat;}#header .home-btn{left:165px;background-image:url("../_img/home-btn.png");}#header .home-btn:hover{background-image:url("../_img/home-btn-hover.png");}#header .fb-btn{right:165px;background-image:url("../_img/fb-btn.png");}#header .fb-btn:hover{background-image:url("../_img/fb-btn-hover.png");}.main{position:relative;}.main .pic{width:100%;height:299px;background:top center no-repeat;}.main .pic.top{background-image:url("../_img/top-pic.jpg");}.main .pic.center{background-image:url("../_img/center-pic.jpg");}.main .pic.bottom{background-image:url("../_img/bottom-pic.jpg");}.main .download-btn{display:block;width:247px;height:252px;margin-left:-126px;position:absolute;left:50%;top:164px;z-index:2;background:url("../_img/download-btn.jpg") 0 0 no-repeat;background-size:247px;animation:download-btn .8s steps(2) infinite;}.main .download-btn:hover{background-image:url("../_img/download-btn-hover.jpg");background-size:contain;animation:none;}@keyframes download-btn{0%{background-position:0 0;}100%{background-position:0 -504px;}}#QRcodeImg{position:relative;top:167px;left:290px;width:100px;}#qrcodeArea{position:absolute;top:50%;left:50%;width:578px;height:410px;margin:-205px 0 0 -289px;background:url("../_img/qrcodeAreaBG.png") center center no-repeat;display:none;z-index:9;}.qrcodeImg{position:relative;margin:48px 0 0 245px;}.qrcodeImg ul li{display:block;float:left;padding:0 20px;text-align:center;font-family:Arial;}.qrcodeImg img{width:100px;height:100px;border:0;float:left;display:block;}.qrcodeDownloadBtn a{position:relative;width:408px;height:108px;display:block;border:0;background:url("../_img/qrdownload_btn.png") top left no-repeat;cursor:pointer;margin:260px 0 0 90px;}.qrcodeDownloadBtn a:hover{background:url("../_img/qrdownload_hover.png") top left no-repeat;}.closeBtn{position:absolute;top:13px;left:529px;display:block;z-index:9;width:30px;height:30px;background:url("../_img/closeBtn.png") top left no-repeat;cursor:pointer;}#mask{top:0;left:0;width:100%;height:100%;position:fixed;background:#000;display:none;z-index:2;zoom:1;filter:alpha(opacity=50);opacity:.5;}