.unit_title{ position:relative; text-align: center; }
.unit_title h2{ position: relative; z-index: 2; color: var(--color-tertiary); font-weight: 700; }
.unit_title .en_text{ position: absolute; inset: 0; margin: auto; font-size: 6rem; color:#000; opacity: 0.05; font-weight: 700; z-index: 1; transform: translateY(-80%); }

/* banner */
.banner-slider{ width: 100%; margin-top: 113px; overflow: hidden; position: relative; }
.banner-slider__wrapper{ display: flex; width: 100%; transition: transform 0.5s; }
.banner-slider__item{ flex:0 0 100%; position: relative; overflow: hidden; }
.banner-slider__item:after{ content: ""; display: block; width: 100%; padding-bottom: 41.66%; }
.banner-slider__item img{ width: 100%; position: absolute; inset: 0; margin: auto; z-index: 1; }
.banner-slider__item .text_box{ position: absolute; transform: translateY(-50%); top: 50%; left: 10%; right: 10%; z-index: 5; }
.banner-slider__item .text_box h2{ font-size: 3.5rem; color: var(--color-tertiary); font-weight: 700; margin-bottom: 20px; }
.banner-slider__item .text_box p{ font-size: 1.75rem; color:var(--color-tertiary); }
.banner-slider__arrow{ cursor: pointer; position: absolute; z-index: 2; top: 0; bottom: 0; margin: auto; width: 35px; height: 35px; background: none; font-size: 0; background-repeat: no-repeat; background-size: 21px; background-position: center; border: none; }
.banner-slider__arrow--prev{ left: 20px; background-image: url(../images/index/banner_right.svg); }
.banner-slider__arrow--next{ right: 20px; background-image: url(../images/index/banner_left.svg); }

/* 完整服務 */
.serve_flex{ display: flex; flex-wrap: wrap; margin-left: -40px; gap:40px 0; }
.serve_flex .grid{ display: flex; width: 50%; padding-left: 40px; }
.serve_flex .grid:last-child{ width: 100%; }

.main_service{ display: flex; align-items: flex-end; flex-direction: column; position: relative; width: 100%; border-radius: 20px; background-repeat: no-repeat; }
.main_service h3{ color: #fff; position: relative; z-index: 3; padding: 90px 0 10% 50px; width: 100%; }
.main_service .list{ background-color: #fff; border-radius: 20px; padding: 40px; width: 85%; position: relative; z-index: 3; box-shadow: 5px 5px 15px rgba(0,0,0,0.1); display: flex; flex-direction: column; gap:20px; flex: 1; }
.main_service .list .item{ display: flex; gap: 16px; }
.main_service .list .item .item_number{ font-size: 1.75rem; font-style: italic; }
.main_service .list .item .item_description{ font-size: 1.125rem; line-height: 1.8; }
.main_service .bg_img{ width: 100%; padding-bottom: 64.19%; background-repeat: no-repeat; background-size: cover; background-position: center; position: absolute; z-index: 1; border-radius: 20px 20px 0 0; overflow: hidden; }
.main_service .bg_img::before{ content: ""; display: block; width: 100%; padding-bottom: 20.96%; background-image: url(../images/index/bg_arrow.svg); background-position: center; background-repeat: no-repeat; background-size:cover; position: absolute; bottom: 0; right: 0; z-index: 2; }
.main_service .bg_img::after{ content: ""; display: block; width: 100%; height: 100%; margin: auto; inset: 0; position: absolute; z-index: 1; }
.main_service.high_quality .bg_img::after{ background: linear-gradient(160deg,  rgba(134,198,54,0.8) 30%,rgba(255,255,255,0) 80%); }
.main_service.major .bg_img::after{ background: linear-gradient(160deg,  rgba(63,168,187,0.8) 30%,rgba(255,255,255,0) 80%); }
.main_service.high_quality .bg_img{ background-image: url(../images/index/service_bg_01.jpg); }
.main_service.major .bg_img{ background-image: url(../images/index/service_bg_02.jpg); }
.main_service.high_quality .list .item .item_number{ color: var(--color-primary); }
.main_service.major .list .item .item_number{ color: var(--color-secondary); }

.complete_service{ background-color: #fff; box-shadow: 5px 5px 10px rgba(0,0,0,0.1); border-radius: 20px; padding: 20px 60px; display: flex; gap:90px; align-items: center; }
.complete_service h3{ color: var(--color-tertiary); }
.complete_service .service_list{ flex:1; display: flex; flex-wrap: wrap; gap: 0 40px; }
.complete_service .service_list .item{ display: flex; gap: 14px; align-items: center; padding: 20px 0; }
.complete_service .service_list .item .icon{ width: 54px; height: 54px; border-radius: 100%; background-color: var(--color-tertiary); background-size: 24px; background-repeat: no-repeat; background-position: center; }
.complete_service .service_list .item .title{ font-size: 1.25rem; }

.bg_service_01{ width: 61px; aspect-ratio: 61/185; background-image: url(../images/index/bg_service_01.svg); background-position: center; background-repeat: no-repeat; background-size: cover; position: absolute; top: 0; right: 0; z-index: 1; }
.bg_service_02{ width: 170px; aspect-ratio: 1/1; background-image: url(../images/index/bg_service_02.svg); background-position: left; background-repeat: no-repeat; background-size:  cover; position: absolute; bottom: 30%; left: 0; z-index: 1; margin-left:-85px; animation: rotation 8s infinite linear; }

@keyframes rotation{
    0%{ transform: rotate(0deg); }
    100%{ transform: rotate(360deg); }
}
 
/* 最新消息 */
.news_block{ background: linear-gradient(to bottom,  rgba(134,198,54,1) 0%,rgba(63,168,187,1) 100%); }
.news_block:after{ content: ""; display: block; position: absolute; inset: 0; margin: auto; background-image: url(../images/index/bg_news.png); background-size: cover; background-attachment: fixed; }
.news_block .unit_title h2{ color: #fff; }
.news_block .unit_title .en_text{ color: #fff; opacity: 0.2; }
.news_flex{ display: flex; gap:20px; flex-wrap: wrap; }
.news_flex .item{ width: calc((100% - (3 * 20px)) / 4); display: block; }
.news_flex .item .img{ width: 100%; padding-bottom: 65.57%; border-radius: 20px; overflow: hidden; position: relative; }
.news_flex .item .img img{ position: absolute; inset: 0; margin: auto; max-width: none; width: 100%; }
.news_flex .item .event_info{ display: flex; align-items: center; justify-content: space-between; }
.news_flex .item .date{ color: #fff; font-size: 1.125rem; }
.news_flex .item .category_tag{ background-color: var(--color-tertiary); color: #fff; font-size: 0.875rem; padding: 0 5px; }
.news_flex .item h4{ color: #fff; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; line-height: 1.6; }
.news_flex .item .align{ text-align: center; }
.news_flex .item .btn_more{  background-color: #fff; border-radius: 50px; display: inline-flex; padding: 10px 20px; min-width: 120px; justify-content: center; align-items: center; }
.news_flex .item .btn_more .txt{ flex:1; color: var(--color-tertiary); font-size: 1.125rem; }
.news_flex .item .btn_more i{ color: var(--color-tertiary); }

/* 評鑑 */
.evaluation_block{ background-color: var(--color-tertiary); height: 330px; }
.evaluation_block .container{ width: 100%; margin: 0 auto; height: 100%; }
.evaluation_block .flex_box{ display: flex; align-items: end; height: 100%; gap: 40px; }
.evaluation_block .text_box{ max-width: 502px; width: 40%; }
.evaluation_block .text_box h2{ color: #fff; }
.evaluation_block .text_box .flex_m_box{ display: flex; width: 100%; align-items: center; }
.evaluation_block .text_box .flex_m_box p{ flex:1; font-size: 1.5rem; color: #fff; }
.evaluation_block .text_box .flex_m_box i{ color: #fff; }
.evaluation_block .img_box{ flex: 1; height: 100%; position: relative; }
.evaluation_block .img_box .img{ position: absolute; top: 25%; width: calc( 50% - 20px ); aspect-ratio: 179 / 225; box-shadow: 8px 8px 15px rgba(0,0,0,0.5); font-size: 0; }
.evaluation_block .img_box .img01{ left: 0; }
.evaluation_block .img_box .img02{ right: 0; }
.evaluation_block .img_box .img img{ object-fit: cover; }

.evaluation_block .bg_box{ position: absolute; bottom: 0; left: 0; max-width: 512px; width: 57.42%; aspect-ratio: 256 / 147; overflow: hidden; z-index: 1; }
.evaluation_block .bg_box:after{ content: ""; display: block; width: 120%; position: absolute; top: 5%; right: 0; aspect-ratio:1 / 1; background-image: url(../images/index/bg_service_03.svg); background-size: cover; background-repeat: no-repeat; background-position: center; animation: rotation 45s infinite linear; } 

/* 特色 */
.feature_block{ padding-top: 22%; background-image: url(../images/index/bg_bottom.jpg); background-position: center bottom; background-size: 100%; background-repeat: no-repeat; position: relative; text-align: center; }
.feature_block::after{ content: ""; display: block; width: 100%; padding-bottom: 32%; }
.feature_block h2{ 
    color: var(--color-tertiary);
    display: inline-block;
    position: relative;
    padding-bottom: 8px;
    margin: 0 auto 15px;
}
.feature_block h2:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: var(--color-tertiary);
}
.feature_block p{ text-align: center; font-size: 1.5rem; }

.bg_feature_01{ width: 61px; aspect-ratio: 61/185; background-image: url(../images/index/bg_service_01.svg); background-position: center; background-repeat: no-repeat; background-size: cover; position: absolute; top: 22%; left: 5%; z-index: 1; }
.bg_feature_02{ width: 170px; aspect-ratio: 1/1; background-image: url(../images/index/bg_service_02.svg); background-position: left; background-repeat: no-repeat; background-size:  cover; position: absolute; top: 11%; right: 5%; z-index: 1; animation: rotation 8s infinite linear; }

/***************************平板***************************/
@media screen and (width < 1200px) {
.unit_title .en_text{ font-size: 5rem; }

/*banner*/
.banner-slider{ margin-top: 0; }

.banner-slider__item .text_box h2{ font-size: 2rem; margin-bottom: 20px; }
.banner-slider__item .text_box p{ font-size:1.25rem; }
}

/***************************平板***************************/
@media screen and (width < 1024px) {

/*banner*/
.banner-slider__item .text_box h2{ font-size: 1.75rem; margin-bottom: 20px; }
.banner-slider__item .text_box p{ font-size:1.125rem; }

/* 完整服務 */
.main_service{ align-items:center; }
.main_service h3{ padding: 70px 0 8% 0; text-align: center; }
.main_service .list{ padding: 20px; border-radius: 10px; width: 90%; }

/* 最新消息 */
.news_flex{ gap: 40px 20px; }
.news_flex .item{ width: calc((100% -  20px) / 2); }

/* 特色 */
.feature_block{ padding-top: 10%; }
.feature_block p{ font-size: 1rem; }
    
}

/***************************手機***************************/
@media screen and (width < 768px) {
.unit_title .en_text{ font-size: 2.5rem; transform: translateY(-40%); }

/*banner*/
.banner-slider__arrow{ width: 25px; height: 25px; background-size: 12px; }
.banner-slider__arrow--prev{ left: 0; }
.banner-slider__arrow--next{ right: 0; }

/*banner*/
.banner-slider__item .text_box h2{ font-size: 1rem; margin-bottom:10px; }
.banner-slider__item .text_box p{ font-size:0.75rem; }

/* 完整服務 */
.serve_flex{ flex-wrap: nowrap; flex-direction: column; margin-left: 0; }
.serve_flex .grid{ width: 100%; padding-left: 0; }
.main_service{  align-items: center; }
.main_service h3{ padding: 50px 0 30px; text-align: center; }
.main_service .list{ padding: 20px; border-radius: 10px; min-height: 360px; }
.main_service .list .item .item_number{ font-size: 1.375rem; }
.main_service .list .item .item_description{ font-size: 1rem; }


.complete_service{ flex-direction: column; gap: 30px; padding: 0px; box-shadow:none; background: none; }
.complete_service .service_list{ gap: 0; }
.complete_service .service_list .item{ padding: 0 0 20px 0; gap:10px; width: 50%; justify-content: center; }
.complete_service .service_list .item .icon{ width: 30px; height: 30px;     background-size: 15px; }
.complete_service .service_list .item .title{ font-size: 1rem; }

.bg_service_01{ width: 30px; top: 3%; }
.bg_service_02{ width: 90px; margin-left: -60px; }

/* 最新消息 */
.news_flex .item{ width: 100%; }
.news_flex .item .date{ font-size: 1rem; }
.news_flex .item .btn_more{ padding: 8px 10px; min-width: 80px; }
.news_flex .item .btn_more .txt{ font-size: 1rem; }

/* 評鑑 */
.evaluation_block{ height: auto; overflow: hidden; }
.evaluation_block .flex_box{ flex-direction: column; align-items: flex-start; gap:0; }
.evaluation_block .text_box{ width: 100%; max-width: none; }
.evaluation_block .text_box .flex_m_box i{ transform: rotate(90deg); }
.evaluation_block .img_box{ width: 100%; height: auto; display: flex; justify-content: space-between; flex: none; margin-top: 20px; }
.evaluation_block .img_box .img{ position: static; width: calc(50% - 10px); }
.evaluation_block .bg_box{ width: 150%; transform: translateX(-50%); margin-left: 50%; }
.evaluation_block .bg_box:after{ width: 100%; }

/* 特色 */
.feature_block{ padding-top: 50px; }
.feature_block h2{ padding-bottom: 5px; margin-bottom: 10px; }
.feature_block h2:after { height: 1px; }
.feature_block p{ font-size: 1rem; }
.bg_feature_01{ width: 23px; top: 10%; }
.bg_feature_02{ width:60px; right: 2%; top: 5%; }

}