.ecard{background:#253226}.ecard .color-w{color:#fff;font-weight:300}.ecard .color-y{color:#e6ae2c;font-weight:300}.ecard .color-g{color:#71b43a}.ecard .kv{position:relative}.ecard .kv:before{content:'';display:block;background:url(../images/ecard/bg_start.png) no-repeat;position:absolute;bottom:-27%;left:50%;margin-left:16%}.ecard .kv img{width:auto}.ecard .kv h2{font-size:4.4rem;line-height:1.4em;margin-bottom:.2em}.ecard .video{position:relative;width:100%;padding-top:56%;margin:0 auto}.ecard .video iframe{position:absolute;top:0;left:0;width:100%;height:100%}.ecard .download h2{text-align:center;line-height:1.33em;letter-spacing:.2em;margin-bottom:.4em}.ecard .download .step{display:flex}.ecard .download .step li{text-align:center;position:relative}.ecard .download .step li h3{font-size:1.8rem}.ecard .download .step li h3:before{content:'';font-size:0;width:0;height:0;position:absolute;border-style:solid}.ecard .download .step li:nth-last-of-type(1) h3:before{display:none}.ecard .download .step li h3:after{content:'';display:block;height:1px;background:#e6ae2c;margin:.4rem 0}.ecard .download .step .image_block{padding:2rem 0}.ecard .download .apps{display:flex}.ecard .download .apps li img{width:100%}.ecard .map{position:relative;text-align:center}.ecard .map .bg{position:relative}.ecard .map .info .btn.color-g{border:solid 2px #71b43a;border-radius:20px;padding:.6em 1.3em;margin:1.1em 0;letter-spacing:.1em}.ecard .map .info{width:100%;text-align:left}.ecard .map .event{width:100%;height:100%;display:block;top:0;left:0}.ecard .map .event li{text-align:left}.ecard .map .event li .date{font-family:'Paralucent','Noto Sans TC','微軟正黑體','Microsoft JhengHei',sans-serif;color:#fff}.ecard .map .event li h4{color:#fff}.ecard .map .event li p{color:#949495}.ecard .map .event .apps{display:flex;position:relative}.ecard .map .event .apps li{position:relative}.ecard .map .event .apps li img{width:100%}.ecard .map .event .apps li img:nth-of-type(1){transform:scale(.96)}.ecard .note .text_block{color:#727171}.ecard .note .text_block p,.ecard .note .text_block ul li{font-size:1.6rem}.ecard .note .text_block ul{list-style:disc;margin-left:1.4em}.ecard-nav{position:fixed}.ecard-nav a{width:100%}.ecard-nav p{color:#71b43a;text-align:center}.ecard-nav li.on p{color:#f1b936}@media (max-width:768px){.ecard .kv{padding:15vmin 0}.ecard .kv h1{margin-bottom:1.2rem}.ecard .kv h2{font-size:1.9rem;letter-spacing:.15em}.ecard .kv h2 img{width:75%}.ecard .video{margin:15vmin 0}.ecard .download{margin:10rem 0}.ecard .download h2{font-size:1.8rem;width:80%;margin:0 auto .4em;line-height:1.6em;letter-spacing:.1em}.ecard .download .step{flex-direction:column;align-items:center}.ecard .download .step li h3{font-size:1.6rem;letter-spacing:.1em;line-height:1.6em}.ecard .download .step h3:before{border-width:8px 8px 0;border-color:#e6ae2c transparent transparent;left:calc(50% - 8px);bottom:-1.2rem}.ecard .download .step > li{width:80%;margin-bottom:10vmin}.ecard .download .step .image_block img{width:50%}.ecard .download .step li:nth-of-type(1) .image_block img{width:100%}.ecard .download .apps{justify-content:space-between}.ecard .download .apps li{width:calc(100% / 2 - 8px)}.ecard .download .apps li img:nth-of-type(1){display:none}.ecard .map{overflow-x:hidden}.ecard .map .bg{display:none}.ecard .map .info .title img{width:100%}.ecard .map .info h2{font-size:5.8vmin;font-weight:400;line-height:2.3em}.ecard .map .info h4{font-size:1.6rem;line-height:1.6em}.ecard .map .event:before{content:'';width:40%;padding-top:68.8%;margin:10vmin auto;background:url(../images/ecard/map_mobile_bg.png) no-repeat;background-size:cover;display:block}.ecard .map .event > li{text-align:center;margin-bottom:20vmin}.ecard .map .event > li a{width:100%}.ecard .map .event > li:nth-of-type(10){margin-bottom:0}.ecard .map .event > li:nth-of-type(11){margin-bottom:5vmin}.ecard .map .event > li img{transform:scale(.9);transform-origin:center 60%}.ecard .map .event > li:nth-of-type(1) img{transform:translateX(7%) scale(.8)}.ecard .map .event > li:nth-of-type(2) img{transform:translateX(10%) scale(.8)}.ecard .map .event > li:nth-of-type(3) img{transform:translateX(11%) scale(.8)}.ecard .map .event > li:nth-of-type(4) img{transform:translateX(6%) scale(.8)}.ecard .map .event > li:nth-of-type(7) img{transform:translateX(-11%) scale(.8)}.ecard .map .event > li:nth-of-type(8) img{transform:translateX(-6%) scale(.8)}.ecard .map .event > li:nth-of-type(9) img{transform:translateX(-9%) scale(.8)}.ecard .map .event > li:nth-of-type(10) img{transform:translateX(5%) scale(.75)}.ecard .map .event > li:nth-of-type(11) .apps li img:nth-of-type(1){display:none}.ecard .map .event .apps{margin-top:1.2em}.ecard .map .event .text_block{padding-left:16%;text-align:left}.ecard .note{padding-bottom:20vmin}.ecard-nav{top:-100px;width:100%;display:flex;opacity:0;transition:all .6s;background:#231f20}.ecard-nav.star{top:0;opacity:1}.ecard-nav li{width:calc(100% / 3)}.ecard-nav p{color:#71b43a;line-height:3em}}@media (min-width:769px){.ecard .content{max-width:1100px}.ecard .kv{padding:7rem 0 6rem}.ecard .kv h1{margin-bottom:1.8rem}.ecard .kv:before{width:429px;padding-top:379px}.ecard .download{margin:10rem 0 15rem}.ecard .download h2{font-size:3rem}.ecard .download .step{display:flex;justify-content:space-between;align-items:flex-end}.ecard .download .step li{width:calc(100% / 3 - 20px)}.ecard .download .step h3:before{border-width:8px 0 8px 8px;border-color:transparent transparent transparent #e6ae2c;right:0;bottom:-.2rem}.ecard .download .apps{justify-content:space-around}.ecard .download .apps li{width:calc(100% / 2 - 16px);background:#fff;border-radius:6px}.ecard .download .apps li img:nth-of-type(1){transform:scale(.96)}.ecard .map .info{position:absolute;top:1.2%;left:0;padding-left:3.2%;z-index:1}.ecard .map .info .title img{width:auto;max-width:41.8%}.ecard .map .info h2{font-size:2.6rem;line-height:2.3em}.ecard .map .info h4{line-height:1.7em}.ecard .map .info .btn.color-g{transition:all .6s}.ecard .map .info .btn.color-g:hover{background:#71b43a;color:#253226;font-weight:600}.ecard .map .event{position:absolute;min-width:1060px;z-index:0}.ecard .map .event > li{position:absolute}.ecard .map .event > li img{transform:scale(.76);transform-origin:0 80%}.ecard .map .event li .date{font-size:3.1rem;margin-bottom:.15em}.ecard .map .event li h4,.ecard .map .event li p{font-size:1.8rem;letter-spacing:.05em;line-height:1.4em}.ecard .map .event > li:nth-of-type(1){top:9.1%;left:28.7%}.ecard .map .event > li:nth-of-type(2){top:17.5%;left:2.8%}.ecard .map .event > li:nth-of-type(3){top:29.75%;left:31.8%}.ecard .map .event > li:nth-of-type(4){top:29.6%;left:63%}.ecard .map .event > li:nth-of-type(5){top:45.55%;left:72.1%}.ecard .map .event > li:nth-of-type(6){top:45.1%;left:39.1%}.ecard .map .event > li:nth-of-type(7){top:55%;left:3.3%}.ecard .map .event > li:nth-of-type(8){top:69.4%;left:24.95%}.ecard .map .event > li:nth-of-type(9){top:70.4%;left:65.3%}.ecard .map .event > li:nth-of-type(10){top:86.6%;left:33.8%}.ecard .map .event > li:nth-of-type(11){top:90.6%;left:-3.2%;text-align:right;width:346px}.ecard .map .event > li:nth-of-type(11) h4{font-size:1.6rem;letter-spacing:0}.ecard .map .event .apps{justify-content:flex-end;margin-top:1.65em}.ecard .map .event .apps li{width:calc(70% / 2 - 16px);background:#fff;border-radius:6px;margin-left:16px}.ecard .map .event .apps li img{width:100%;transform:scale(1)}.ecard .note{position:relative}.ecard .note .text_block{width:100%;margin:0 auto;padding:6rem 0 10rem 20%;box-sizing:border-box}.ecard .note:before{content:'';display:block;background:url(../images/ecard/bg_start.png) no-repeat;width:429px;padding-top:218px;position:absolute;bottom:0;left:50%;margin-left:-800px}.ecard-nav{top:50%;right:1rem;transform:translate(500%,-50%);transition:all .6s}.ecard-nav.star{transform:translate(0,-50%)}.ecard-nav li{position:relative}.ecard-nav li:after{content:'';display:block;width:1px;height:46px;background:#71b43a;margin:.8em auto}.ecard-nav li:nth-last-of-type(1):after{display:none}.ecard-nav a{position:relative}.ecard-nav a:before{content:'';width:45px;padding-top:45px;background:url(../images/ecard/nav.png) no-repeat;background-size:200%;display:block;margin:.3em auto}.ecard-nav li:nth-of-type(1) a:before{background-position:0 0}.ecard-nav li:nth-of-type(2) a:before{background-position:0 50%}.ecard-nav li:nth-of-type(3) a:before{background-position:0 100%}.ecard-nav li:hover:nth-of-type(1) a:before,.ecard-nav li.on:nth-of-type(1) a:before{background-position:100% 0}.ecard-nav li:hover:nth-of-type(2) a:before,.ecard-nav li.on:nth-of-type(2) a:before{background-position:100% 50%}.ecard-nav li:hover:nth-of-type(3) a:before,.ecard-nav li.on:nth-of-type(3) a:before{background-position:100% 100%}.ecard-nav p{font-size:1.4rem}}