@charset "UTF-8";body{margin:0 auto;max-width:1920px;min-width:1024px;background-image:url(../images/bg.jpg);background-attachment:fixed;background-repeat:no-repeat;background-position:center top;background-size:100% auto;font-family:'微軟正黑體','新細明體','標楷體';-webkit-transform:.25s;-moz-transform:.25s;-ms-transform:.25s;-o-transform:.25s;transform:.25s;font-size:18px;overflow:hidden}canvas{display:block}.snowman{position:absolute;top:0;left:0;z-index:-1;margin-top:1%;margin-left:6%;width:36%}.snowman img{width:100%}.snow-shadow{position:absolute;top:0;left:0;z-index:-2;width:25%;margin-top:33.5%;margin-left:16%}.snow-shadow img{width:100%}.fb{position:absolute;top:0;left:0;width:20%;margin-left:10px;margin-top:10px;display:none}#header{width:100%;height:95vh;padding-top:0;-moz-box-sizing:border-box;box-sizing:border-box}#start{position:absolute;top:0;left:0;width:12%;margin-top:28%;margin-left:61%}#start img{width:100%}#element_to_pop_up{color:#000;display:none;height:100%;min-width:400px;min-height:180px}#element_to_pop_up img{margin-top:5px;height:100%}#logo{position:absolute;top:20px;right:90px;width:14%}.main_title{position:absolute;top:0;left:0;width:20%;margin-left:35%;margin-top:20px;white-space:nowrap;overflow:hidden;background-repeat:no-repeat}.main_title span{display:none}.main_title img{width:100%}.descrip{margin-top:45px;margin-left:145px;white-space:nowrap;overflow:hidden;background-repeat:no-repeat;width:910px;height:187px}.descrip span{display:none}.span_red{color:red}#main_content{padding:50px 15px}#start{cursor:pointer}#footer{margin-top:10px;padding:10px 0;background-color:rgba(255,255,255,.8);vertical-align:middle;-webkit-transition:.25s;-moz-transition:.25s;-o-transition:.25s;transition:.25s}#footer span{display:block;margin-top:15px}.swing{-webkit-animation:swinging 10s ease-in-out 0 infinite;-moz-animation:swinging 10s ease-in-out 0s infinite;-o-animation:swinging 10s ease-in-out 0 infinite;animation:swinging 10s ease-in-out 0s infinite;-webkit-transform-origin:50% 100%;-moz-transform-origin:50% 100%;-ms-transform-origin:50% 100%;-o-transform-origin:50% 100%;transform-origin:50% 100%}.snow-move{-webkit-animation:shadow 10s ease-in-out 0 infinite;-moz-animation:shadow 10s ease-in-out 0s infinite;-o-animation:shadow 10s ease-in-out 0 infinite;animation:shadow 10s ease-in-out 0s infinite}.bm{-webkit-animation:bm 10s ease-in-out 0 infinite;-moz-animation:bm 10s ease-in-out 0s infinite;-o-animation:bm 10s ease-in-out 0 infinite;animation:bm 10s ease-in-out 0s infinite}.shake{-webkit-animation:shake 1s ease-in-out 0 infinite;-moz-animation:shake 1s ease-in-out 0s infinite;-o-animation:shake 1s ease-in-out 0 infinite;animation:shake 1s ease-in-out 0s infinite}@-webkit-keyframes swinging{0%{-webkit-transform:rotate(0);transform:rotate(0)}5%{-webkit-transform:rotate(10deg);transform:rotate(10deg)}10%{-webkit-transform:rotate(-9deg);transform:rotate(-9deg)}15%{-webkit-transform:rotate(8deg);transform:rotate(8deg)}20%{-webkit-transform:rotate(-7deg);transform:rotate(-7deg)}25%{-webkit-transform:rotate(6deg);transform:rotate(6deg)}30%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}35%{-webkit-transform:rotate(4deg);transform:rotate(4deg)}40%{-webkit-transform:rotate(-3deg);transform:rotate(-3deg)}45%{-webkit-transform:rotate(2deg);transform:rotate(2deg)}50%{-webkit-transform:scale(1);transform:scale(1)}65%{-webkit-transform:scale(.9);transform:scale(.9)}80%{-webkit-transform:scale(1);transform:scale(1)}95%{-webkit-transform:scale(.8);transform:scale(.8)}100%{-webkit-transform:scale(1);transform:scale(1)}}@-moz-keyframes swinging{0%{-moz-transform:rotate(0);transform:rotate(0)}5%{-moz-transform:rotate(10deg);transform:rotate(10deg)}10%{-moz-transform:rotate(-9deg);transform:rotate(-9deg)}15%{-moz-transform:rotate(8deg);transform:rotate(8deg)}20%{-moz-transform:rotate(-7deg);transform:rotate(-7deg)}25%{-moz-transform:rotate(6deg);transform:rotate(6deg)}30%{-moz-transform:rotate(-5deg);transform:rotate(-5deg)}35%{-moz-transform:rotate(4deg);transform:rotate(4deg)}40%{-moz-transform:rotate(-3deg);transform:rotate(-3deg)}45%{-moz-transform:rotate(2deg);transform:rotate(2deg)}50%{-moz-transform:scale(1);transform:scale(1)}65%{-moz-transform:scale(.9);transform:scale(.9)}80%{-moz-transform:scale(1);transform:scale(1)}95%{-moz-transform:scale(.8);transform:scale(.8)}100%{-moz-transform:scale(1);transform:scale(1)}}@-o-keyframes swinging{0%{-o-transform:rotate(0);transform:rotate(0)}5%{-o-transform:rotate(10deg);transform:rotate(10deg)}10%{-o-transform:rotate(-9deg);transform:rotate(-9deg)}15%{-o-transform:rotate(8deg);transform:rotate(8deg)}20%{-o-transform:rotate(-7deg);transform:rotate(-7deg)}25%{-o-transform:rotate(6deg);transform:rotate(6deg)}30%{-o-transform:rotate(-5deg);transform:rotate(-5deg)}35%{-o-transform:rotate(4deg);transform:rotate(4deg)}40%{-o-transform:rotate(-3deg);transform:rotate(-3deg)}45%{-o-transform:rotate(2deg);transform:rotate(2deg)}50%{-o-transform:scale(1);transform:scale(1)}65%{-o-transform:scale(.9);transform:scale(.9)}80%{-o-transform:scale(1);transform:scale(1)}95%{-o-transform:scale(.8);transform:scale(.8)}100%{-o-transform:scale(1);transform:scale(1)}}@keyframes swinging{0%{-webkit-transform:rotate(0);-moz-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0)}5%{-webkit-transform:rotate(10deg);-moz-transform:rotate(10deg);-o-transform:rotate(10deg);transform:rotate(10deg)}10%{-webkit-transform:rotate(-9deg);-moz-transform:rotate(-9deg);-o-transform:rotate(-9deg);transform:rotate(-9deg)}15%{-webkit-transform:rotate(8deg);-moz-transform:rotate(8deg);-o-transform:rotate(8deg);transform:rotate(8deg)}20%{-webkit-transform:rotate(-7deg);-moz-transform:rotate(-7deg);-o-transform:rotate(-7deg);transform:rotate(-7deg)}25%{-webkit-transform:rotate(6deg);-moz-transform:rotate(6deg);-o-transform:rotate(6deg);transform:rotate(6deg)}30%{-webkit-transform:rotate(-5deg);-moz-transform:rotate(-5deg);-o-transform:rotate(-5deg);transform:rotate(-5deg)}35%{-webkit-transform:rotate(4deg);-moz-transform:rotate(4deg);-o-transform:rotate(4deg);transform:rotate(4deg)}40%{-webkit-transform:rotate(-3deg);-moz-transform:rotate(-3deg);-o-transform:rotate(-3deg);transform:rotate(-3deg)}45%{-webkit-transform:rotate(2deg);-moz-transform:rotate(2deg);-o-transform:rotate(2deg);transform:rotate(2deg)}50%{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1)}65%{-webkit-transform:scale(.9);-moz-transform:scale(.9);-o-transform:scale(.9);transform:scale(.9)}80%{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1)}95%{-webkit-transform:scale(.8);-moz-transform:scale(.8);-o-transform:scale(.8);transform:scale(.8)}100%{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1)}}@-webkit-keyframes shadow{0%{left:0;-webkit-transform:scale(1);transform:scale(1)}5%{left:25px}10%{left:-25px}15%{left:25px}20%{left:-25px}25%{left:25px}30%{left:-25px}35%{left:25px}40%{left:-25px}45%{left:25px}50%{left:0;-webkit-transform:scale(1);transform:scale(1)}65%{left:0;-webkit-transform:scale(.8);transform:scale(.8)}80%{left:0;-webkit-transform:scale(1);transform:scale(1)}95%{left:0;-webkit-transform:scale(.8);transform:scale(.8)}100%{left:0;-webkit-transform:scale(1);transform:scale(1)}}@-moz-keyframes shadow{0%{left:0;-moz-transform:scale(1);transform:scale(1)}5%{left:25px}10%{left:-25px}15%{left:25px}20%{left:-25px}25%{left:25px}30%{left:-25px}35%{left:25px}40%{left:-25px}45%{left:25px}50%{left:0;-moz-transform:scale(1);transform:scale(1)}65%{left:0;-moz-transform:scale(.8);transform:scale(.8)}80%{left:0;-moz-transform:scale(1);transform:scale(1)}95%{left:0;-moz-transform:scale(.8);transform:scale(.8)}100%{left:0;-moz-transform:scale(1);transform:scale(1)}}@-o-keyframes shadow{0%{left:0;-o-transform:scale(1);transform:scale(1)}5%{left:25px}10%{left:-25px}15%{left:25px}20%{left:-25px}25%{left:25px}30%{left:-25px}35%{left:25px}40%{left:-25px}45%{left:25px}50%{left:0;-o-transform:scale(1);transform:scale(1)}65%{left:0;-o-transform:scale(.8);transform:scale(.8)}80%{left:0;-o-transform:scale(1);transform:scale(1)}95%{left:0;-o-transform:scale(.8);transform:scale(.8)}100%{left:0;-o-transform:scale(1);transform:scale(1)}}@keyframes shadow{0%{left:0;-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1)}5%{left:25px}10%{left:-25px}15%{left:25px}20%{left:-25px}25%{left:25px}30%{left:-25px}35%{left:25px}40%{left:-25px}45%{left:25px}50%{left:0;-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1)}65%{left:0;-webkit-transform:scale(.8);-moz-transform:scale(.8);-o-transform:scale(.8);transform:scale(.8)}80%{left:0;-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1)}95%{left:0;-webkit-transform:scale(.8);-moz-transform:scale(.8);-o-transform:scale(.8);transform:scale(.8)}100%{left:0;-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1)}}@-webkit-keyframes bm{0%{-webkit-transform:scale(1);transform:scale(1)}5%{-webkit-transform:scale(.8);transform:scale(.8)}10%{-webkit-transform:scale(1);transform:scale(1)}15%{-webkit-transform:scale(.8);transform:scale(.8)}20%{-webkit-transform:scale(1);transform:scale(1)}25%{-webkit-transform:scale(.8);transform:scale(.8)}30%{-webkit-transform:scale(1);transform:scale(1)}35%{-webkit-transform:scale(.8);transform:scale(.8)}40%{-webkit-transform:scale(1);transform:scale(1)}45%{-webkit-transform:scale(.8);transform:scale(.8)}50%{-webkit-transform:scale(1);transform:scale(1)}65%{-webkit-transform:scale(.9);transform:scale(.9)}80%{-webkit-transform:scale(.8);transform:scale(.8)}95%{-webkit-transform:scale(.7);transform:scale(.7)}100%{-webkit-transform:scale(1);transform:scale(1)}}@-moz-keyframes bm{0%{-moz-transform:scale(1);transform:scale(1)}5%{-moz-transform:scale(.8);transform:scale(.8)}10%{-moz-transform:scale(1);transform:scale(1)}15%{-moz-transform:scale(.8);transform:scale(.8)}20%{-moz-transform:scale(1);transform:scale(1)}25%{-moz-transform:scale(.8);transform:scale(.8)}30%{-moz-transform:scale(1);transform:scale(1)}35%{-moz-transform:scale(.8);transform:scale(.8)}40%{-moz-transform:scale(1);transform:scale(1)}45%{-moz-transform:scale(.8);transform:scale(.8)}50%{-moz-transform:scale(1);transform:scale(1)}65%{-moz-transform:scale(.9);transform:scale(.9)}80%{-moz-transform:scale(.8);transform:scale(.8)}95%{-moz-transform:scale(.7);transform:scale(.7)}100%{-moz-transform:scale(1);transform:scale(1)}}@-o-keyframes bm{0%{-o-transform:scale(1);transform:scale(1)}5%{-o-transform:scale(.8);transform:scale(.8)}10%{-o-transform:scale(1);transform:scale(1)}15%{-o-transform:scale(.8);transform:scale(.8)}20%{-o-transform:scale(1);transform:scale(1)}25%{-o-transform:scale(.8);transform:scale(.8)}30%{-o-transform:scale(1);transform:scale(1)}35%{-o-transform:scale(.8);transform:scale(.8)}40%{-o-transform:scale(1);transform:scale(1)}45%{-o-transform:scale(.8);transform:scale(.8)}50%{-o-transform:scale(1);transform:scale(1)}65%{-o-transform:scale(.9);transform:scale(.9)}80%{-o-transform:scale(.8);transform:scale(.8)}95%{-o-transform:scale(.7);transform:scale(.7)}100%{-o-transform:scale(1);transform:scale(1)}}@keyframes bm{0%{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1)}5%{-webkit-transform:scale(.8);-moz-transform:scale(.8);-o-transform:scale(.8);transform:scale(.8)}10%{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1)}15%{-webkit-transform:scale(.8);-moz-transform:scale(.8);-o-transform:scale(.8);transform:scale(.8)}20%{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1)}25%{-webkit-transform:scale(.8);-moz-transform:scale(.8);-o-transform:scale(.8);transform:scale(.8)}30%{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1)}35%{-webkit-transform:scale(.8);-moz-transform:scale(.8);-o-transform:scale(.8);transform:scale(.8)}40%{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1)}45%{-webkit-transform:scale(.8);-moz-transform:scale(.8);-o-transform:scale(.8);transform:scale(.8)}50%{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1)}65%{-webkit-transform:scale(.9);-moz-transform:scale(.9);-o-transform:scale(.9);transform:scale(.9)}80%{-webkit-transform:scale(.8);-moz-transform:scale(.8);-o-transform:scale(.8);transform:scale(.8)}95%{-webkit-transform:scale(.7);-moz-transform:scale(.7);-o-transform:scale(.7);transform:scale(.7)}100%{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1)}}@-webkit-keyframes shake{0%{-webkit-transform:rotate(-3deg);transform:rotate(-3deg);left:-10px}50%{-webkit-transform:rotate(3deg);transform:rotate(3deg);left:10px}100%{-webkit-transform:rotate(-3deg);transform:rotate(-3deg);left:-10px}}@-moz-keyframes shake{0%{-moz-transform:rotate(-3deg);transform:rotate(-3deg);left:-10px}50%{-moz-transform:rotate(3deg);transform:rotate(3deg);left:10px}100%{-moz-transform:rotate(-3deg);transform:rotate(-3deg);left:-10px}}@-o-keyframes shake{0%{-o-transform:rotate(-3deg);transform:rotate(-3deg);left:-10px}50%{-o-transform:rotate(3deg);transform:rotate(3deg);left:10px}100%{-o-transform:rotate(-3deg);transform:rotate(-3deg);left:-10px}}@keyframes shake{0%{-webkit-transform:rotate(-3deg);-moz-transform:rotate(-3deg);-o-transform:rotate(-3deg);transform:rotate(-3deg);left:-10px}50%{-webkit-transform:rotate(3deg);-moz-transform:rotate(3deg);-o-transform:rotate(3deg);transform:rotate(3deg);left:10px}100%{-webkit-transform:rotate(-3deg);-moz-transform:rotate(-3deg);-o-transform:rotate(-3deg);transform:rotate(-3deg);left:-10px}}