@charset "UTF-8";@import url(reset.css) ;html{overflow-x:hidden}html,body{-webkit-text-size-adjust:none!important;-webkit-text-size-adjust:100%!important}body{font-family:"微軟正黑體",Arial,"Arial Black",Verdana;text-rendering:optimizeLegibility;color:#1da7fc;background:#fff}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,header,footer,section,input,button{font-family:"微軟正黑體",Arial,"Arial Black",Verdana;-webkit-font-smoothing:subpixel-antialiased}#container{width:100%;max-width:700px;margin:0 auto;text-align:center}.vision{position:relative;width:100%;z-index:1;overflow:hidden}.vision img{position:absolute;width:100%;height:auto;opacity:1;transform:scale(0);top:0}.vision img.vision-1{position:relative;z-index:3;transition:all 1s}.vision img.vision-2{z-index:2;left:20%;transition:all 0.5s 0.8s}.vision img.vision-3{z-index:2;right:20%;transition:all 0.5s 1s}.vision img.vision-4{z-index:1;left:20%;transition:all 0.5s 1.2s}.vision img.vision-5{z-index:1;right:20%;transition:all 0.5s 1.4s}.vision.act img.vision-1{opacity:1;transform:scale(1)}.vision.act img.vision-2{opacity:0.9;left:0;transform:scale(1)}.vision.act img.vision-3{opacity:0.9;right:0;transform:scale(1)}.vision.act img.vision-4{opacity:0.4;left:0;transform:scale(1)}.vision.act img.vision-5{opacity:0.4;right:0;transform:scale(1)}.info{position:relative;width:96%;margin:-22% auto 0 auto;padding-bottom:2%;z-index:2}.info h1{font-size:36px;font-weight:bold;letter-spacing:1px;margin-bottom:2%}.info h2{font-size:28px;letter-spacing:1px}.info h3{font-size:20px;letter-spacing:1px}.info p{font-size:20px;line-height:30px;color:#dae6f3;margin-bottom:4%}.info a.go-shop{display:block;font-size:20px;line-height:36px;height:36px;color:#dae6f3;vertical-align:middle}.info a.go-shop img{position:relative;display:inline-block;width:auto;height:100%;top:3px;margin-right:10px}.info a.go-shop span{display:inline-block;font-size:24px;color:#fff;margin:0 10px;border-bottom:2px solid #fff;font-weight:bold}ul.btn_block{display:block;width:100%;margin:6% auto;padding:2%;overflow:hidden;box-sizing:border-box}ul.btn_block:after{content:"";display:block;height:0px;clear:both}ul.btn_block li{border-radius:5px;border:1px solid #1da7fc;overflow:hidden;font-size:18px;margin:10px}ul.btn_block li a{display:block;border-radius:5px}ul.btn_block li a img{display:block;border-radius:5px}.btn-default{padding:10px 0}.btn-default.open{background:#1da7fc;color:#fff}footer{font-size:14px;color:#ccc;line-height:1.5;margin:10% 5%}@media only screen and (min-width:320px) and (max-width:554px){.info h1{font-size:24px}.info h2{font-size:16px}.info p{font-size:12px;line-height:18px}.info a.go-shop{font-size:12px;line-height:20px;height:20px}.info a.go-shop img{margin-right:5px}.info a.go-shop span{font-size:14px;margin:0 5px;border-bottom:1px solid #fff}}@media only screen and (min-width:768px){ul.btn_block li.open{float:right}ul.btn_block li{width:45%;float:left}}