@charset "UTF-8";@import url("https://fonts.googleapis.com/css?family=Roboto:400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Noto+Sans+TC:400,700&display=swap");.page-history{color:#fff;overflow:hidden}.history-bg{z-index:-1;position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;position:fixed;background-image:url(/Content/web_theme/css/History/images/history_bg.jpg)}.history-section{position:relative;z-index:1;padding-top:120px}.history-section:before,.history-section:after{content:"";display:block;clear:both}.history-section+.history-section{padding-top:0}.history-title-group,.event-list{float:left}.history-title-group{width:50%;position:relative;overflow:visible}.history-title,.history-subtitle,.history-thirdtitle{position:relative;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.3),0 0 10px rgba(0,0,0,.3);padding:0;margin:0;max-width:270px}.history-title{font-size:80px;font-weight:900}.history-subtitle,.history-thirdtitle{font-size:30px;font-weight:400}.history-subtitle{padding-left:60px;margin-bottom:10px}.history-thirdtitle{padding-left:30px}.history-title-bg{position:absolute;height:800px;width:100vw;background-size:auto 100%;background-position:center;top:calc(50% - 400px);z-index:-1}.event-list{position:relative;padding-top:30px;padding-bottom:120px;text-shadow:0 1px 2px rgba(0,0,0,.3);width:730px;max-width:50%}.event-list:before{content:"";position:absolute;top:0;bottom:0;width:0;border-right:2px dotted rgba(244,231,39,.3)}.event-list li{position:relative;padding-bottom:60px;padding-left:30px;padding-right:30px}.event-list li:nth-child(1){margin-top:-42px}.event-list li:nth-last-child(1) .event-year-line{display:none}.event-year-dot,.event-year-line{position:absolute;top:12px;background-color:#f4e727}.event-year-dot{width:16px;height:16px;border-radius:50%}.event-year-line{width:2px;height:100%}.event-year{font-size:30px;color:#fff;line-height:40px}.event-year,.event-content{margin-bottom:0}.event-content{margin-top:15px;position:relative}.event-content:before{content:"";position:absolute;width:10px;height:2px;border-radius:1px;top:8px;background-color:rgba(255,255,255,.5)}.section-title-left .history-title-group{padding-left:calc(50vw - 280px)}.section-title-left .history-title-bg{left:0;background-image:url(/Content/web_theme/css/History/images/history_title_bg_1.png)}.section-title-left .event-list:before,.section-title-left .event-list .event-year-line{left:-1px}.section-title-left .event-list .event-year-dot{left:-9px}.section-title-left .event-content{padding-left:20px}.section-title-left .event-content:before{left:0}.section-title-right .history-title-group,.section-title-right .event-list{float:right}.section-title-right .history-title-group{padding-left:60px}.section-title-right .history-title-bg{right:0;background-image:url(/Content/web_theme/css/History/images/history_title_bg_2.png)}.section-title-right .event-list:before,.section-title-right .event-list .event-year-line{right:-1px}.section-title-right .event-list li{text-align:right}.section-title-right .event-list .event-year-dot{right:-9px}.section-title-right .event-content{padding-right:20px}.section-title-right .event-content:before{right:0}.section-last .event-list:before{bottom:auto;height:20px}.history-body #footer{background-color:transparent}.history-body #footer p{color:#fff}.history-body #footer a,.history-body #footer a:hover{color:#fff}@media(max-width:767px){.history-section .history-title-group{padding-left:20px;padding-right:20px}.history-section .history-title{font-size:40px}.history-section .history-subtitle,.history-section .history-thirdtitle{font-size:20px}.history-section .history-subtitle{padding-left:30px;line-height:30px}.history-section .history-thirdtitle{padding-left:15px}.section-title-left .history-title-group{padding-left:calc(50vw - 160px)}.event-list{font-size:16px}.event-list li{padding:0 20px 30px}.event-year{font-size:22px}.event-content{margin-top:0}.event-content+.event-content{margin-top:10px}}.fadeInUpSmall{-webkit-animation-name:fadeInUpSmall;-khtml-animation-name:fadeInUpSmall;-moz-animation-name:fadeInUpSmall;-ms-animation-name:fadeInUpSmall;-o-animation-name:fadeInUpSmall;animation-name:fadeInUpSmall}@-webkit-keyframes fadeInUpSmall{from{-webkit-transform:translateY(50%);-khtml-transform:translateY(50%);-moz-transform:translateY(50%);-ms-transform:translateY(50%);-o-transform:translateY(50%);transform:translateY(50%);opacity:0}to{-webkit-transform:translateY(0);-khtml-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);opacity:1}}@-moz-keyframes fadeInUpSmall{from{-webkit-transform:translateY(50%);-khtml-transform:translateY(50%);-moz-transform:translateY(50%);-ms-transform:translateY(50%);-o-transform:translateY(50%);transform:translateY(50%);opacity:0}to{-webkit-transform:translateY(0);-khtml-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);opacity:1}}@-ms-keyframes fadeInUpSmall{from{-webkit-transform:translateY(50%);-khtml-transform:translateY(50%);-moz-transform:translateY(50%);-ms-transform:translateY(50%);-o-transform:translateY(50%);transform:translateY(50%);opacity:0}to{-webkit-transform:translateY(0);-khtml-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);opacity:1}}@-o-keyframes fadeInUpSmall{from{-webkit-transform:translateY(50%);-khtml-transform:translateY(50%);-moz-transform:translateY(50%);-ms-transform:translateY(50%);-o-transform:translateY(50%);transform:translateY(50%);opacity:0;}to{-webkit-transform:translateY(0);-khtml-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);opacity:1;}}@keyframes fadeInUpSmall{from{-webkit-transform:translateY(50%);-khtml-transform:translateY(50%);-moz-transform:translateY(50%);-ms-transform:translateY(50%);-o-transform:translateY(50%);transform:translateY(50%);opacity:0}to{-webkit-transform:translateY(0);-khtml-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);opacity:1}}.fadeInLeftSmall{-webkit-animation-name:fadeInLeftSmall;-khtml-animation-name:fadeInLeftSmall;-moz-animation-name:fadeInLeftSmall;-ms-animation-name:fadeInLeftSmall;-o-animation-name:fadeInLeftSmall;animation-name:fadeInLeftSmall}@-webkit-keyframes fadeInLeftSmall{from{-webkit-transform:translateX(50%);-khtml-transform:translateX(50%);-moz-transform:translateX(50%);-ms-transform:translateX(50%);-o-transform:translateX(50%);transform:translateX(50%);opacity:0}to{-webkit-transform:translateX(0);-khtml-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0);opacity:1}}@-moz-keyframes fadeInLeftSmall{from{-webkit-transform:translateX(50%);-khtml-transform:translateX(50%);-moz-transform:translateX(50%);-ms-transform:translateX(50%);-o-transform:translateX(50%);transform:translateX(50%);opacity:0}to{-webkit-transform:translateX(0);-khtml-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0);opacity:1}}@-ms-keyframes fadeInLeftSmall{from{-webkit-transform:translateX(50%);-khtml-transform:translateX(50%);-moz-transform:translateX(50%);-ms-transform:translateX(50%);-o-transform:translateX(50%);transform:translateX(50%);opacity:0}to{-webkit-transform:translateX(0);-khtml-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0);opacity:1}}@-o-keyframes fadeInLeftSmall{from{-webkit-transform:translateX(50%);-khtml-transform:translateX(50%);-moz-transform:translateX(50%);-ms-transform:translateX(50%);-o-transform:translateX(50%);transform:translateX(50%);opacity:0;}to{-webkit-transform:translateX(0);-khtml-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0);opacity:1;}}@keyframes fadeInLeftSmall{from{-webkit-transform:translateX(50%);-khtml-transform:translateX(50%);-moz-transform:translateX(50%);-ms-transform:translateX(50%);-o-transform:translateX(50%);transform:translateX(50%);opacity:0}to{-webkit-transform:translateX(0);-khtml-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0);opacity:1}}.fadeInRightSmall{-webkit-animation-name:fadeInRightSmall;-khtml-animation-name:fadeInRightSmall;-moz-animation-name:fadeInRightSmall;-ms-animation-name:fadeInRightSmall;-o-animation-name:fadeInRightSmall;animation-name:fadeInRightSmall}@-webkit-keyframes fadeInRightSmall{from{-webkit-transform:translateX(-50%);-khtml-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);opacity:0}to{-webkit-transform:translateX(0);-khtml-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0);opacity:1}}@-moz-keyframes fadeInRightSmall{from{-webkit-transform:translateX(-50%);-khtml-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);opacity:0}to{-webkit-transform:translateX(0);-khtml-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0);opacity:1}}@-ms-keyframes fadeInRightSmall{from{-webkit-transform:translateX(-50%);-khtml-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);opacity:0}to{-webkit-transform:translateX(0);-khtml-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0);opacity:1}}@-o-keyframes fadeInRightSmall{from{-webkit-transform:translateX(-50%);-khtml-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);opacity:0;}to{-webkit-transform:translateX(0);-khtml-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0);opacity:1;}}@keyframes fadeInRightSmall{from{-webkit-transform:translateX(-50%);-khtml-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);opacity:0}to{-webkit-transform:translateX(0);-khtml-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0);opacity:1}}