@import url(//fonts.googleapis.com/earlyaccess/notosanstc.css);@import url(https://fonts.googleapis.com/css?family=Poppins);@import url(https://fonts.googleapis.com/css?family=Poppins:600,800,900|Roboto:700i,900i);@font-face{font-family:hakkafatv-icons;src:url("/fonts/icons-font.eot?7ffd4d6673050237212dd18d647f3a54");src:url("/fonts/icons-font.eot?7ffd4d6673050237212dd18d647f3a54#iefix") format("embedded-opentype"),url("/fonts/icons-font.woff2?7ffd4d6673050237212dd18d647f3a54") format("woff2"),url("/fonts/icons-font.woff?7ffd4d6673050237212dd18d647f3a54") format("woff"),url("/fonts/icons-font.ttf?7ffd4d6673050237212dd18d647f3a54") format("truetype"),url("/fonts/icons-font.svg?7ffd4d6673050237212dd18d647f3a54#icons-font") format("svg");font-weight:400;font-style:normal}[class*=" icon-"]:before,[class^=icon-]:before{font-family:hakkafatv-icons;display:inline-block;line-height:1;font-weight:400;font-style:normal;speak:none;text-decoration:inherit;text-transform:none;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-arrow-down:before{content:"\F101"}.icon-arrow-left:before{content:"\F102"}.icon-arrow-right:before{content:"\F103"}.icon-arrow-up:before{content:"\F104"}.icon-close:before{content:"\F105"}.icon-facebook:before{content:"\F106"}.icon-line:before{content:"\F107"}.icon-menu-game:before{content:"\F108"}.icon-menu-infographic:before{content:"\F109"}.icon-menu-timeline:before{content:"\F10A"}.icon-pause:before{content:"\F10B"}.icon-play:before{content:"\F10C"}.icon-refresh:before{content:"\F10D"}.icon-synbol-chart:before{content:"\F10E"}.icon-synbol-mouse:before{content:"\F10F"}.icon-twitter:before{content:"\F110"}.icon-video-dialog:before{content:"\F111"}.icon-video-mission:before{content:"\F112"}.icon-video-sing:before{content:"\F113"}.icon-youtube:before{content:"\F114"}*{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box;letter-spacing:.25px;font-family:Poppins,Noto Sans TC,sans-serif}a{text-decoration:none}li{list-style:none}.container{margin:0 auto;width:100%;height:100%}.container.-pad-top{padding-top:56px}@media (min-width:1025px){.container{max-width:972px}}.container.content{padding-top:60px}.container.-narrow{max-width:780px}@media (min-width:0px) and (max-width:640px){.container.-horizon-padding{padding-left:12px;padding-right:12px}}@media (max-width:1024px){.container.-horizon-padding{padding-left:12px;padding-right:12px}}@media (min-width:1025px){.container.-horizon-padding{padding-left:0;padding-right:0}}.row{display:block;width:100%}@media (max-width:1024px){.row{padding-left:16px;padding-right:16px}}.col{display:inline-block;vertical-align:top;padding-left:2%;padding-right:2%}@media (max-width:1024px){.col{padding-left:1.5%;padding-right:1.5%}.col.-four-magazine:nth-child(4n+1){padding-left:0;padding-right:1%}.col.-four-magazine:nth-child(4n+2){padding-left:.25%;padding-right:.75%}.col.-four-magazine:nth-child(4n+3){padding-left:.75%;padding-right:.25%}.col.-four-magazine:nth-child(4n+4){padding-left:1%;padding-right:0}.col.-three:nth-child(3n+1){padding-left:0}.col.-three:nth-child(3n+2){padding-left:.75%;padding-right:.75%}.col.-three:nth-child(3n+3){padding-right:0}.col.-two:nth-child(odd){padding-left:0}.col.-two:nth-child(2n+2){padding-right:0}}@media (min-width:1025px){.col{padding-left:1.5%;padding-right:1.5%}}.col.-one{width:100%;padding-left:0;padding-right:0}.col.-two{width:50%}.col.-three{width:33.3333%}.col.-four-magazine{width:25%}@media (min-width:0px) and (max-width:640px){.col.-one-p{width:100%;padding-left:0;padding-right:0}.col.-two-p{width:50%}}.button{display:inline-block;position:relative;min-width:170px;height:45px;color:#fff;font-size:20px;font-weight:600;text-align:center;border-radius:22.5px;background-color:#c43532;-webkit-transition-duration:.5s;transition-duration:.5s;border:none;cursor:pointer}.button,.button:focus{outline:none}.button:disabled{background-color:#85837e;cursor:auto}.button:not([disabled]):hover{background-color:#b0302d}.button.-next:after{content:"\F103";font-family:hakkafatv-icons;color:#fff;position:absolute;right:15px;-webkit-transition-duration:.5s;transition-duration:.5s}.button.-next:not([disabled]):hover:after{right:10px}.button.-video-play{min-width:0;min-height:0;background-image:url("/img/timeline/video-play-btn.png");background-size:contain;background-position:50%;background-repeat:no-repeat}.button.-video-play,.button.-video-play:not([disabled]):hover{background-color:transparent}@media (min-width:0px) and (max-width:640px){.button.-phone-fixed-bottom{padding:0 5%;margin-top:0;position:fixed;bottom:0;left:0;width:100vw;height:60px;border-radius:0;z-index:100}}.-red{color:#c43532}.-yellow{color:#eeb033}.-green{color:#89b829}.-pink{color:#e4005a}.-black{stop-color:#222}.-white{color:#fff}.-thin{font-weight:400}@media (min-width:1025px){.-desktop-hide{display:none}}@media (max-width:1024px){.-desktop-only{display:none}}@media (min-width:0px) and (max-width:640px){.-tablet-more{display:none}}@media (min-width:641px){.-phone-only{display:none}}.delay-0-0s{-webkit-animation-delay:0s;animation-delay:0s}.delay-0-1s{-webkit-animation-delay:.1s;animation-delay:.1s}.delay-0-2s{-webkit-animation-delay:.2s;animation-delay:.2s}.delay-0-3s{-webkit-animation-delay:.3s;animation-delay:.3s}.delay-0-4s{-webkit-animation-delay:.4s;animation-delay:.4s}.delay-0-5s{-webkit-animation-delay:.5s;animation-delay:.5s}.delay-0-6s{-webkit-animation-delay:.6s;animation-delay:.6s}.delay-0-7s{-webkit-animation-delay:.7s;animation-delay:.7s}.delay-0-8s{-webkit-animation-delay:.8s;animation-delay:.8s}.delay-0-9s{-webkit-animation-delay:.9s;animation-delay:.9s}.delay-1-0s{-webkit-animation-delay:1s;animation-delay:1s}.delay-1-1s{-webkit-animation-delay:1.1s;animation-delay:1.1s}.delay-1-2s{-webkit-animation-delay:1.2s;animation-delay:1.2s}.delay-1-3s{-webkit-animation-delay:1.3s;animation-delay:1.3s}.delay-1-4s{-webkit-animation-delay:1.4s;animation-delay:1.4s}.delay-1-5s{-webkit-animation-delay:1.5s;animation-delay:1.5s}.delay-1-6s{-webkit-animation-delay:1.6s;animation-delay:1.6s}.delay-1-7s{-webkit-animation-delay:1.7s;animation-delay:1.7s}.delay-1-8s{-webkit-animation-delay:1.8s;animation-delay:1.8s}.delay-1-9s{-webkit-animation-delay:1.9s;animation-delay:1.9s}.delay-2-0s{-webkit-animation-delay:2s;animation-delay:2s}.delay-2-1s{-webkit-animation-delay:2.1s;animation-delay:2.1s}.delay-2-2s{-webkit-animation-delay:2.2s;animation-delay:2.2s}.delay-2-3s{-webkit-animation-delay:2.3s;animation-delay:2.3s}.delay-2-4s{-webkit-animation-delay:2.4s;animation-delay:2.4s}.delay-2-5s{-webkit-animation-delay:2.5s;animation-delay:2.5s}.delay-2-6s{-webkit-animation-delay:2.6s;animation-delay:2.6s}.delay-2-7s{-webkit-animation-delay:2.7s;animation-delay:2.7s}.delay-2-8s{-webkit-animation-delay:2.8s;animation-delay:2.8s}.delay-2-9s{-webkit-animation-delay:2.9s;animation-delay:2.9s}.delay-3-0s{-webkit-animation-delay:3s;animation-delay:3s}.delay-3-1s{-webkit-animation-delay:3.1s;animation-delay:3.1s}.delay-3-2s{-webkit-animation-delay:3.2s;animation-delay:3.2s}.delay-3-3s{-webkit-animation-delay:3.3s;animation-delay:3.3s}.delay-3-4s{-webkit-animation-delay:3.4s;animation-delay:3.4s}.delay-3-5s{-webkit-animation-delay:3.5s;animation-delay:3.5s}.delay-3-6s{-webkit-animation-delay:3.6s;animation-delay:3.6s}.delay-3-7s{-webkit-animation-delay:3.7s;animation-delay:3.7s}.delay-3-8s{-webkit-animation-delay:3.8s;animation-delay:3.8s}.delay-3-9s{-webkit-animation-delay:3.9s;animation-delay:3.9s}.delay-4-0s{-webkit-animation-delay:4s;animation-delay:4s}.delay-4-1s{-webkit-animation-delay:4.1s;animation-delay:4.1s}.delay-4-2s{-webkit-animation-delay:4.2s;animation-delay:4.2s}.delay-4-3s{-webkit-animation-delay:4.3s;animation-delay:4.3s}.delay-4-4s{-webkit-animation-delay:4.4s;animation-delay:4.4s}.delay-4-5s{-webkit-animation-delay:4.5s;animation-delay:4.5s}.delay-4-6s{-webkit-animation-delay:4.6s;animation-delay:4.6s}.delay-4-7s{-webkit-animation-delay:4.7s;animation-delay:4.7s}.delay-4-8s{-webkit-animation-delay:4.8s;animation-delay:4.8s}.delay-4-9s{-webkit-animation-delay:4.9s;animation-delay:4.9s}.delay-5-0s{-webkit-animation-delay:5s;animation-delay:5s}.delay-5-1s{-webkit-animation-delay:5.1s;animation-delay:5.1s}.delay-5-2s{-webkit-animation-delay:5.2s;animation-delay:5.2s}.delay-5-3s{-webkit-animation-delay:5.3s;animation-delay:5.3s}.delay-5-4s{-webkit-animation-delay:5.4s;animation-delay:5.4s}.delay-5-5s{-webkit-animation-delay:5.5s;animation-delay:5.5s}.delay-5-6s{-webkit-animation-delay:5.6s;animation-delay:5.6s}.delay-5-7s{-webkit-animation-delay:5.7s;animation-delay:5.7s}.delay-5-8s{-webkit-animation-delay:5.8s;animation-delay:5.8s}.delay-5-9s{-webkit-animation-delay:5.9s;animation-delay:5.9s}.-opacity-0{opacity:0}.-opacity-0-3{opacity:.3}.fadeInDownLittle{-webkit-animation-name:fade-in-down-little;animation-name:fade-in-down-little}@-webkit-keyframes fade-in-down-little{0%{opacity:0;-webkit-transform:translateY(-50px);transform:translateY(-50px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fade-in-down-little{0%{opacity:0;-webkit-transform:translateY(-50px);transform:translateY(-50px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.fadeInUpLittle{-webkit-animation-name:fade-in-up-little;animation-name:fade-in-up-little}@-webkit-keyframes fade-in-up-little{0%{opacity:0;-webkit-transform:translateY(50px);transform:translateY(50px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fade-in-up-little{0%{opacity:0;-webkit-transform:translateY(50px);transform:translateY(50px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.section{position:relative;margin-bottom:100px;width:100%;overflow-x:hidden}.section .-fullpage{min-height:calc(100vh - 70px)}.section.no-margin-bottom{margin-bottom:0}.section.section-draw-headercolor{margin-bottom:0;height:70px;position:absolute;top:0;background-color:#f8f5f0}.section .section-container{position:relative;max-width:1024px;margin:0 auto}.section .section-container .description,.section .section-container .statement,.section .section-container .title{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 65px}@media (min-width:0px) and (max-width:640px){.section .section-container .description,.section .section-container .statement,.section .section-container .title{padding:0}}.section .section-container .title{font-size:32px;font-weight:700;color:#222}@media (min-width:1025px){.section .section-container .title{width:1024px}}@media (min-width:641px){.section .section-container .title{margin-bottom:20px}}.section .section-container .description{font-size:16px;color:#222;line-height:28px;margin-bottom:70px}@media (min-width:0px) and (max-width:640px){.section .section-container .description{margin-bottom:30px}}@media (max-width:1024px){.section .section-container{width:90%;margin:0 5%}}.section.bottom-split{margin-bottom:100px}.section.bottom-split:after{content:" ";display:block;margin-left:calc(50% - 1px);position:relative;height:50px;width:1px;border-left:2px dashed #fff;margin-top:40px}@media (min-width:0px) and (max-width:640px){.section.bottom-split{margin-bottom:50px}.section.bottom-split:after{content:none}}.modal-overlay{position:fixed;top:0;bottom:0;left:0;right:0;z-index:10001;background-color:rgba(34,34,34,.8);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.modal-overlay .modal-content{position:relative;width:90vw;height:50vw;max-height:80vh}.modal-overlay .button-close{width:70px;height:70px;min-width:auto;background-color:transparent;font-size:50px;color:#eeb033;position:fixed;top:30px;right:30px}.modal-overlay .button-close:hover{background-color:transparent;color:#ad780e}