/*------------------------ c-chronicle ------------------------*/.l-chronicle__list{list-style-type: none; display: flex; max-width: 1500px; flex-wrap: wrap; margin: 0 auto; padding: 0;}.l-chronicle__item{box-sizing: border-box; width: 20%; flex: 0 0 auto; border-width: 0 1px 1px; border-style: solid; border-color: #ede9d9; margin-bottom: 1em;}@media only screen and (max-width: 1399px){.l-chronicle__item{width: 25%; margin-bottom: 1em;} }@media only screen and (max-width: 959px){.l-chronicle__item{width: 33.33%; margin-bottom: 0em; } }@media only screen and (max-width: 719px){.l-chronicle__item{width: 100%; border: 0; margin-bottom: 0em; } }.c-chronicle__link{display: flex;}.c-chronicle{position: relative; display: flex; margin: 0 -1px; flex-direction: column;} .c-chronicle__media{position: relative; padding-bottom: 95%; overflow: hidden; background-position: center; background-repeat: no-repeat; background-size: cover;} .c-chronicle__img{position: absolute; top: 50%; left: 50%; width: 100%; transform: translateX(-50%) translateY(-50%) scale(1.005); transition: transform ease .3s;} .c-chronicle__img:hover{transform: translateX(-50%) translateY(-50%) scale(1.2);} .c-chronicle__content{padding: 40px 40px 55px; height: 14em;} .c-chronicle__date{flex: 0 0 auto; margin-bottom: 25px; padding-bottom: 15px; color: #383364; text-align: center; border-bottom: 2px solid #383364;} .c-chronicle__year{font-family: 'Cinzel', 'Times New Roman', Times, serif, 'Microsoft JhengHei'; font-size: 1.875em;} .c-chronicle__month{font-family: 'Cinzel', 'Times New Roman', Times, serif, 'Microsoft JhengHei'; font-size: 1.125em; font-weight: 500;} .c-chronicle__desc{margin: 0; font-size: 1.125em;}.ellipsis4{text-align: justify; overflow: hidden; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 4; /*¦æ¼Æ*/ -webkit-box-orient: vertical; white-space: normal;} @media only screen and (max-width: 719px){.c-chronicle__content{padding: 15px 15px 30px;} .c-chronicle__date{margin-bottom: 10px; padding-bottom: 10px;} .c-chronicle__link{display: block;} }/*------------------------ c-documental ------------------------*/.c-documental{box-sizing: border-box; min-height: 340px; padding: 80px 0; background-color: #383364;} .c-documental__inner{box-sizing: border-box; max-width: 1280px; margin: 0 auto; padding: 0 10px;} .c-documental__title{margin-bottom: 37px;}/*------------------------ c-moeHistory ------------------------*/.l-moeHistory{padding: 110px 0; background-color: #fffae9; background: url(../images/evolution-bg.png) #fffae9 no-repeat center center; background-size: cover;} .l-moeHistory__title{margin-bottom: 80px;} @media only screen and (max-width: 719px){.l-moeHistory{padding: 80px 0;} .l-moeHistory__title{margin-bottom: 37px;} }.c-moeHistory{overflow: hidden;} .c-moeHistory__inner{box-sizing: border-box; max-width: 1280px; margin: 0 auto; padding: 0 10px; padding: 0;} .c-moeHistory__list{list-style-type: none; display: flex; margin: 0; padding: 0;} .c-moeHistory__item{position: relative; display: flex; width: 180px; margin: 0 2px; align-items: center; flex-direction: column;} .c-moeHistory__item:first-child:before{content: ''; position: absolute; top: 50%; left: -4px; width: 100vw; height: 43px; background-color: #fffcf1; transform: translateX(-100%) translateY(-50%);} .c-moeHistory__item:last-child:after{content: ''; position: absolute; top: 50%; left: 100%; width: 100vw; height: 43px; background-color: #fff; transform: translateY(-50%);} .c-moeHistory__item:nth-of-type(odd) .c-moeHistory__year{order: 1;} .c-moeHistory__item:nth-of-type(odd) .c-moeHistory__cursor:before{bottom: 50%;} .c-moeHistory__item:nth-of-type(even) .c-moeHistory__year{align-items: flex-end;} .c-moeHistory__item:nth-of-type(even) .c-moeHistory__content{order: 1;} .c-moeHistory__item:nth-of-type(even) .c-moeHistory__cursor:before{top: 50%;} .c-moeHistory__year{font-family: 'Cinzel', 'Times New Roman', Times, serif, 'Microsoft JhengHei'; font-size: 3em; display: flex; height: 120px; flex: 0 0 auto; justify-content: center; font-weight: 500; color: #986b23;} .c-moeHistory__content{font-size: 1.125em; position: relative; z-index: 1; display: inline-flex; width: 120px; height: 120px; flex: 0 0 auto; justify-content: center; align-items: center; font-weight: bold; color: #fff; text-align: center; border-radius: 50%; background-color: #383364;} .c-moeHistory__cursor{position: relative; width: 100%; height: 43px; flex: 0 0 auto; margin: 30px 0; background-color: #fff;} .c-moeHistory__cursor:before{content: ''; display: inline-block; position: absolute; left: 50%; width: 2px; height: 50px; background-color: #cfb284; transform: translateX(-50%);} .c-moeHistory__cursor:after{content: ''; position: absolute; left: 50%; top: 50%; display: inline-block; width: 8px; height: 8px; border-radius: 50%; background-color: #cfb284; transform: translateX(-50%) translateY(-50%);} @media only screen and (max-width: 959px){.c-moeHistory__year{font-size: 2.25em; height: 90px;} .c-moeHistory__content{font-size: 1em; width: 90px; height: 90px;} .c-moeHistory__cursor{height: 40px; margin: 25px 0;} .c-moeHistory__cursor:before{height: 45px;} } @media only screen and (max-width: 719px){.c-moeHistory{overflow: visible;} .c-moeHistory__list{flex-direction: column; align-items: center;} .c-moeHistory__item{flex-direction: row; width: auto; height: 120px;} .c-moeHistory__item:first-child:before, .c-moeHistory__item:last-child:after{content: none;} .c-moeHistory__item:nth-of-type(odd) .c-moeHistory__cursor:before{right: 50%;} .c-moeHistory__item:nth-of-type(even) .c-moeHistory__cursor:before{left: 50%;} .c-moeHistory__content{font-size: 1.125em; width: 103px; height: 103px;} .c-moeHistory__year{width: 103px; height: auto;} .c-moeHistory__cursor{width: 43px; height: 100%; margin: 0 8vw;} .c-moeHistory__cursor:before{top: 50%; left: auto; width: calc(50% + 8vw); height: 2px; transform: translateY(-50%);} }