body.intro{width:100%;height:100vh;overflow:hidden}@media screen and (min-width:768px) and (max-width:992px){body.intro{background-image:url(/zh-tw/images/common/bg_lattice-sm.png)}}#header{background:none}main{height:100%;margin-top:0}.intro-title{max-width:1030px;width:100%;text-align:center;left:50%;right:auto;top:50%;bottom:auto;-webkit-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);display:inline-block;position:absolute}.intro-title p{font-size:14px;color:#ccc;margin:0;left:-6px;top:-3px;position:relative}.intro-title .intro-slogan{font-size:21px;letter-spacing:3px;width:auto;height:26px;text-align:center;margin:74px 0 0 0}.intro-title .intro-slogan .left,.intro-title .intro-slogan .right{display:inline-block;width:100px;height:1px;position:relative;margin:0px 20px;top:-5px;opacity:0.6}.intro-title .intro-slogan .left:after,.intro-title .intro-slogan .right:after{content:"";display:inline-block;width:6px;height:6px;background:#ccc;-webkit-transform:rotate(-135deg);-ms-transform:rotate(-135deg);transform:rotate(-135deg);position:absolute;top:-3px}.intro-title .intro-slogan .left{background:-moz-linear-gradient(left,rgba(204,204,204,0) 0%,rgba(204,204,204,0) 1%,rgba(204,204,204,0.3) 31%,#cccccc 100%);background:-webkit-linear-gradient(left,rgba(204,204,204,0) 0%,rgba(204,204,204,0) 1%,rgba(204,204,204,0.3) 31%,#cccccc 100%);background:-webkit-gradient(linear,left top,right top,from(rgba(204,204,204,0)),color-stop(1%,rgba(204,204,204,0)),color-stop(31%,rgba(204,204,204,0.3)),to(#cccccc));background:-o-linear-gradient(left,rgba(204,204,204,0) 0%,rgba(204,204,204,0) 1%,rgba(204,204,204,0.3) 31%,#cccccc 100%);background:linear-gradient(to right,rgba(204,204,204,0) 0%,rgba(204,204,204,0) 1%,rgba(204,204,204,0.3) 31%,#cccccc 100%)}.intro-title .intro-slogan .left:after{right:-5px}.intro-title .intro-slogan .right{background:-moz-linear-gradient(left,#cccccc 0%,#cccccc 1%,rgba(204,204,204,0.7) 31%,rgba(204,204,204,0) 100%);background:-webkit-linear-gradient(left,#cccccc 0%,#cccccc 1%,rgba(204,204,204,0.7) 31%,rgba(204,204,204,0) 100%);background:-webkit-gradient(linear,left top,right top,from(#cccccc),color-stop(1%,#cccccc),color-stop(31%,rgba(204,204,204,0.7)),to(rgba(204,204,204,0)));background:-o-linear-gradient(left,#cccccc 0%,#cccccc 1%,rgba(204,204,204,0.7) 31%,rgba(204,204,204,0) 100%);background:linear-gradient(to right,#cccccc 0%,#cccccc 1%,rgba(204,204,204,0.7) 31%,rgba(204,204,204,0) 100%)}.intro-title .intro-slogan .right:after{left:-5px}.intro-lang{top:65px!important;left:0px!important;text-align:center;display:inline-block}.intro-lang span{display:inline-block;width:74px;height:74px;line-height:74px;margin:0 12px;background-position:center center;background-size:74px;background-repeat:no-repeat;background-image:url('/zh-tw/images/intro/lang_bg-xs.png');-webkit-transition:opacity 0.3s;transition:opacity 0.3s}.intro-lang span:hover{background-image:url('/zh-tw/images/intro/lang_bg_hover-xs.png')}.intro-lang span a{display:inline-block;width:100%;height:100%;color:#fff}@media screen and (min-width:768px) and (max-width:1199px){.intro-title{padding:0 20px}}@media screen and (max-width:767px){.intro-title{margin-top:20px;padding:0 15px}.intro-title .intro-slogan{font-size:17px;letter-spacing:0;margin-top:45px;-webkit-animation-delay:1.0s;animation-delay:1.0s}.intro-title .intro-slogan .left,.intro-title .intro-slogan .right{width:40px}.intro-title .intro-slogan .left:after,.intro-title .intro-slogan .right:after{top:-2px}.intro-title p{left:0}.intro-lang{top:42px!important}}@media only screen and (max-width:330px){.intro-title .intro-slogan .left,.intro-title .intro-slogan .right{width:22px}}.circle{position:absolute;display:block;opacity:0.3}.circle.circle-top-left{top:-174px;left:-145px;width:144px;height:144px}.circle.circle-bottom-left{bottom:45px;left:-3px;width:74px;height:74px}.circle.circle-bottom-right{right:-180px;bottom:-400px;width:403px;height:403px}.circle.circle-top-right{right:-45px;top:-215px;width:48px;height:49px}@media screen and (max-width:1199px){.circle{display:none}}.dec-wrapper{width:100%;height:256px;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto}.intro-letter-box{width:auto;display:inline-block;position:relative;opacity:0;-webkit-transition:opacity 0.8s;-o-transition:opacity 0.8s;transition:opacity 0.8s}.intro-letter-box.is-active{opacity:1}.intro-letter-box span{display:inline-block;position:relative;letter-spacing:2px}.intro-letter-box .title{font-size:16px;top:-30px;position:absolute;left:2px}.intro-letter-box .num{font-size:145px;line-height:150px;color:#921414;letter-spacing:0;text-align:right;text-shadow:-1px 0 rgba(255,255,255,0.3),0 1px rgba(255,255,255,0.3),1px 0 rgba(255,255,255,0.3),0 -1px rgba(255,255,255,0.3)}.intro-letter-box .unit{text-align:left;vertical-align:bottom;top:-6px}.intro-letter-box.year .num{width:138px}.intro-letter-box.run{margin:0 63px}.intro-letter-box.run .num{width:310px}.intro-letter-box.finish .num{width:380px}@media screen and (min-width:768px) and (max-width:1199px){.intro-letter-box{-webkit-transition:none !important;-o-transition:none !important;transition:none !important}.intro-letter-box.finish{margin-top:50px}.intro-letter-box .title{top:-20px}}@media screen and (max-width:767px){.intro-letter-box span{letter-spacing:0px}.intro-letter-box .title{font-size:13px;top:-20px;left:2px}.intro-letter-box .num{width:auto !important;font-size:75px;line-height:90px;text-align:right}.intro-letter-box .unit{font-size:13px}.intro-letter-box.run{margin:0 0 0 10px}.intro-letter-box.finish{margin-top:40px}}.intro-skip{width:35px;height:50px;font-size:15px;color:#ccc;letter-spacing:3px;display:block;padding-top:10px;position:absolute;bottom:50px;left:0;right:0;margin:auto;opacity:0;-webkit-transition:opacity 0.8s;-o-transition:opacity 0.8s;transition:opacity 0.8s}.intro-skip.is-active{opacity:1}.intro-skip:after{content:"";width:100%;height:2px;background:#ccc;display:block;position:absolute;top:0;left:0;opacity:0.8;-webkit-transition:opacity 0.3s;-o-transition:opacity 0.3s;transition:opacity 0.3s}.intro-skip:hover,.intro-skip:focus{color:#fff}.intro-skip:hover:after,.intro-skip:focus:after{opacity:1}@media screen and (max-width:767px){.intro-skip{bottom:0px}}.long-line{width:100%;height:1px;position:absolute;display:block;background:#ccc;opacity:0.3}.long-line.left{width:0}.long-line.left:after{content:"";width:150px;height:1px;display:block;position:absolute;right:-150px;top:0;background:-webkit-gradient(linear,left top,right top,color-stop(50%,#ccc),color-stop(98%,transparent));background:-webkit-linear-gradient(left,#ccc 50%,transparent 98%);background:-o-linear-gradient(left,#ccc 50%,transparent 98%);background:linear-gradient(90deg,#ccc 50%,transparent 98%)}.long-line.left.line-left1{top:10px;left:-1px;opacity:0}.long-line.left.line-left2{bottom:118px;left:-70px}.long-line.left.line-left3{bottom:-102px;left:-70px}.long-line.right{width:0%}.long-line.right:after{content:"";width:150px;height:1px;display:block;position:absolute;left:-150px;top:0;background:-webkit-gradient(linear,left top,right top,color-stop(50%,transparent),color-stop(98%,#ccc));background:-webkit-linear-gradient(left,transparent 50%,#ccc 98%);background:-o-linear-gradient(left,transparent 50%,#ccc 98%);background:linear-gradient(90deg,transparent 50%,#ccc 98%)}.long-line.right.line-right1{top:-31px;right:-70px}@media screen and (max-width:992px){.long-line{display:none}}.bg-vertical-line{width:100%;display:block;position:absolute;top:0;left:126px;z-index:0;pointer-events:none;background-image:-webkit-linear-gradient(left,#ccc 1px,transparent 1px);background-image:-o-linear-gradient(left,#ccc 1px,transparent 1px);background-image:linear-gradient(90deg,#ccc 1px,transparent 1px);background-position:0;background-origin:padding-box;background-clip:border-box;background-size:257px auto;background-position:center;behavior:url(js/plugin/PIE.htc);height:0%;opacity:0}@media screen and (max-width:992px){.bg-vertical-line{display:none}}