@charset "UTF-8";


/*layout*/
.index-section{padding-top: 50px;padding-bottom: 50px; position: relative;}
.index-section .post-preview h3{margin-bottom: 15px;}
.index-section .post-info{padding-top: 10px;margin-top: 5px;}
.index-section .post-preview{padding: 20px 0;}

/*index-section-intro三分鐘認識自癒力*/
.index-section-intro{position: relative;}
.intro-video{position: absolute;width: 55%;right: 20px;}
.intro-video-cover{width: 100%;display: block;}
.intro-content-wrapper{padding: 20px;position: relative;width: 50%;min-width: 500px;}
.intro-content{border: 1px solid #c3c3c3;padding: 20px 25px 10px;background-color: #fff;position: relative;z-index: 9;}
.intro-content p{line-height: 1.8;}
.intro-content .btn-wrapper{position: relative;top: 30px;}
.index-section-intro:before{content: '';position: absolute;left: 0;top: 50px;width: 0;height: 0;border-style: solid;border-width: 250px 250px 0 0;border-color: rgba(97,193,191,.2) transparent transparent transparent;}
.index-section-intro:after{z-index: -1; content: '';width: 0;right: 0;bottom: 85px;position: absolute;height: 0;border-style: solid;border-width: 0 0 250px 250px;border-color: transparent transparent rgba(97,193,191,.2) transparent;}
/*活動報名index-event-content*/
.index-section-event{padding: 0;}
.index-event-cover{position: absolute;right: 0;bottom: 0;width: 40%;height: calc(100% + 10px);}
.index-event-cover img{object-fit: cover;display: block;height: 100%;width: 100%;}
.index-event-content{padding: 30px 25px 0 0;display: flex;width: 60%;}
.index-event-content .date-preview{padding-top: 50px;margin-right: 30px;}
.index-event-content .date-preview div{font-size: 36px;color: #ffffff;font-weight: 600;}
.index-event-content .btn-wrapper,.index-section-news .btn-wrapper{position: relative;top: 30px;}
/*index-event-news*/
.wrapper.index-section-news{border: 1px solid #c3c3c3;padding: 20px 30px 0;margin: 50px auto 50px;background-color: #fff;}
.index-section-news .post-preview{margin-bottom: -30px;}
.index-section-news .news-preview{display: flex;}
.index-section-news .news-preview .content-preview{width: 80%;padding-left: 30px;}
/*index-section-story*/
.index-section-story .category-list{position: relative;margin-top: -30px;}
/*index-post-grid*/

.index-post-grid .post-grid-content .site-label{display: block;width: 150px;margin-top: -30px;}
.index-post-grid .post-grid-content:hover .post-info{border-top: 1px solid #c3c3c3;}
.index-post-grid .post-excerpt{height: 45px;}
.video-grid .post-grid-content{padding: 12px 20px;}

.wrapper.index-section-media { padding-bottom: 0;}


@media screen and (max-width: 1200px) {
/*layout*/
.index-section{padding-top: 30px;padding-bottom:30px;}
/*index-section-intro*/
.index-section-intro:before,.index-section-intro:after{display: none;}
/*index-event-content*/
.index-section-event{padding: 0;}
/*index-event-news*/
.index-section-news .post-preview{margin-bottom: -50px;}
.index-section-news .post-preview p{ padding-bottom: 20px;}
.index-section-subscribe{width: calc(100% - 40px);}

}


@media screen and (max-width: 900px) {
/*index-section-intro三分鐘認識自癒力*/
.intro-video{position: relative;}
.intro-video,.intro-content-wrapper{width: 100%;right: auto;padding: 0;min-width: 0;}
/*index-event-content*/
.index-section-event .wrapper{display: block;padding: 0;}
.index-event-content,.index-event-cover{position: relative;width: 100%;}
.index-event-content{padding: 15px 20px;}
.index-event-content .date-preview{padding-top: 0;}
.index-event-content .post-info{clear: both;}
/*index-event-news*/
.wrapper.index-section-news{margin: 50px 20px;width: calc(100% - 40px);}

/*.index-post-grid*/
.index-post-grid{padding: 20px 0 0;flex-direction: column;}
.index-post-grid.grid_3 > *{width: 100%;margin-bottom: 20px;}
.index-post-grid .post-grid-content .post-grid-header,.index-post-grid .post-grid-content .post-excerpt.ellipsis{height: auto;}
}

@media screen and (max-width: 640px) {
/*index-event-content*/
.index-event-cover,.index-event-content,.index-section-news .news-preview,.index-section-news .news-preview .content-preview{display: block;width: 100%;}
.index-event-content .post-info{padding-top: 10px;}
/*index-event-news*/
.news-preview-cover{text-align: center;margin-bottom: 20px;}
.index-section-news .news-preview .content-preview{padding-left: 0;}
.index-section-story .category-list li{margin-left: 5px;}
}
@media screen and (max-width: 360px) {
/*index-event-content*/
.index-event-content .post-info{padding-top: 20px;}
.index-event-content .post-preview{padding: 10px 0;}
}