@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+Display:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+TC:wght@200..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=MonteCarlo&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lavishly+Yours&display=swap');
@import url('https://fonts.googleapis.com/css2?family=MonteCarlo&display=swap');



.nldad9 .ICSP ::selection { background: #ededed; color:#4a5031;}
.dfw { display: flex; flex-wrap: wrap; }
.ICSP .icsp_all .ifrs iframe { width:100%; margin:0;}

.ICSP { position: relative; background-color: #4a5031; margin:0 0 60px; }
.ICSP::before { content: ""; display: block; background-size: cover; background-image: url(https://www1.loyaltytour.com.tw/eWeb_loyaltytour/IMGDB/000226/00004956.JPG);
                height: 100%; width: 100%;  opacity: 0.05; position: absolute; /* 偏移值皆設為 0，讓僞元素跟父元素一樣大小 */ top: 0; bottom: 0; left: 0; right: 0; border-radius: 8px;}
.icsp_all { position: relative;}
.icsp_all .top { position: absolute; top:55px; right:55px; justify-items: right; background: rgba(74, 80, 49, 0.6); padding: 20px 30px 30px 20px; border: 1px solid #4a5031; }
.ICSP .icsp_all .top p { color:#fffaf0; font-size: 28px; font-weight: 500; font-family: "Noto Serif TC", serif; letter-spacing: 7px; line-height: 1.3; text-align: right; }
.ICSP .icsp_all .top p span {font-size: 50px; font-weight: 600; font-family: "Noto Serif TC", serif; font-style: italic ; padding:0 2px;}
.top p.t2 span { vertical-align: top;}
.ICSP .icsp_all .top p.t1 { padding: 0 50px 0 0;
  background: linear-gradient(0deg,rgba(255, 250, 240, 1) 40%, rgba(255, 250, 240, 0.8) 80%, rgba(255, 250, 240, 0) 98%); /* 設定漸層背景 */
  -webkit-background-clip: text; /* 讓背景裁切成文字形狀 (需加前綴詞給部分瀏覽器使用) */
  background-clip: text; /* 讓背景裁切成文字形狀 */
  color: transparent; /* 將文字顏色設為透明，使背景透出 */}
.ICSP .icsp_all .top p.t2 { background: linear-gradient(180deg,rgba(255, 250, 240, 1) 40%, rgba(255, 250, 240, 0.8) 80%, rgba(255, 250, 240, 0) 98%); -webkit-background-clip: text; background-clip: text; color: transparent; }
.ICSP .icsp_all .top p.t3 { font-size: 12px; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; font-weight: 400; letter-spacing: 1px; border-top:1px solid #fffaf0; padding: 8px 5px 0 35px; margin: 8px 0 0;}
.icsp_slider img { aspect-ratio: 1.7/1; object-fit: cover; object-position: center 90%; width: -webkit-fill-available; }
.icsp_all .title { padding: 80px 70px 65px;}
.title .icsp_logo img { height: 70px; margin: 0 auto;}
.icsp_all .title h4 { color:#FFF; font-size: 20px; font-family: "Noto Serif TC", serif; font-weight:400; letter-spacing: 10px; opacity: 0.9; padding: 5px 0; margin: 30px 0 0;}
.icsp_all .title h1 { color:#FFE2A6; font-size: 38px; font-family: "Noto Serif TC", serif; font-weight:500; margin: 10px 0 5px; letter-spacing: 2px; }
.icsp_all .title h3 { color:#FFE2A6; font-size: 16px; font-family: "Noto Serif Display", serif;  font-weight:400; font-style: italic; letter-spacing: 1px;}
.icsp_all .title p { padding: 20px 0 10px;}
.title .link a { color:#FFFCF6; font-size: 12px; float: right; border: 1px solid; padding: 0px 8px; margin: 3px 0 0;}
.title .link a:hover { padding: 0 10px; background-color:#FFFCF6; color:#4a5031;}
.ICSP .icsp_all p { color:#FFFCF6; font-size: 14px; text-align: justify; }
.p1 .text_s, .p2 .text_s, .p3 .text_s, .p4 .text_s, .p5 .text_s, .p6 .text_s { align-items: baseline;}
.icsp_info { padding: 0 1px;}
.icsp_info .text_s { padding:30px;}
.icsp_info .p4 .text_s { padding:30px 30px 30px 80px;}
.ICSP .icsp_info .text_s h6 { color:#FFE2A6; font-size: 36px; font-family: "MonteCarlo", cursive; margin:0; text-align: right;}
.ICSP .icsp_info .text_s h5 { color:#FFE2A6; font-size: 22px; font-family: "Noto Serif TC", serif; font-weight:600; margin:0; text-align: left;}
.ICSP .icsp_info .text_s h5 span { color:#FFE2A6; font-size: 40px;font-family: "MonteCarlo", cursive; font-weight:400; padding: 0 8px; }
.ICSP .icsp_info .text_s h5 b { font-family: "Noto Serif TC", serif; font-weight: 900;}
.ICSP .icsp_info .text_s p { padding: 15px 0 0;}
.icsp_info .img_s { padding:0; }
.p1 { padding: 70px 0 50px 50px;}
.icsp_info .p1 .text_s { padding:45px 30px;}
.p1 .img_s { background-image: linear-gradient(90deg,rgba(74, 80, 49, 1) 0%, rgba(74, 80, 49, 0.25) 15%, rgba(74, 80, 49, 0) 30%), url(https://www1.loyaltytour.com.tw/eWeb_loyaltytour/IMGDB/000226/00004958.png); 
             background-size: cover; background-position: center 60%; }
.p2 { padding: 0 50px 0 0;}
.icsp_info .p2 .text_s { padding:70px 30px;}
.ICSP .icsp_info .p2 .text_s h5 { text-align: center;}
.p2 .img_s { background-image: linear-gradient(-90deg,rgba(74, 80, 49, 1) 0%, rgba(74, 80, 49, 0.25) 15%, rgba(74, 80, 49, 0) 30%), url(https://www1.loyaltytour.com.tw/eWeb_loyaltytour/IMGDB/000226/00004960.png);
             background-size: cover; background-position:top center; }
.p3 { padding:60px 0 0;}
.p3 .t1.text_s { padding:0 80px 30px;}
.p3 .carousel-inner { width: 100%; height: 100%;  }
.p3 .carousel-inner .rp img { aspect-ratio: 16/9;object-fit: cover; object-position: bottom;}
.p3 img {  width: -webkit-fill-available; }
.p3 .room_3 { padding:1px 0 0;}
.p3 .room_3 .text_s { padding: 40px;}
.p3 .room_3 img { object-fit: cover; height: 100%; width: 100%;}
.p3 .room_3 .p_04 { padding: 0 1px 0 0;}
.p3 .room_3 .p_04 img { object-position: left;}
.p3 .room_3 .p_05 img { object-position: right;}
.p4 { position: relative; padding: 80px 0 70px;}
.p4 .img_s img { aspect-ratio: 2.2/1; object-fit: cover; object-position: bottom; padding:0 50px; }
.p4 .text_s { position: absolute; bottom: 110px; background-color: rgba(66,72,44, 0.45); box-shadow:rgba(66,72,44, 0.2) 0px 3px 3px;}
.s5 { padding: 0 0 70px 50px;}
.p5 {padding: 0;}
.p6 { padding: 0;}
.tt56 { padding: 0;}
.s5 .img_s { align-content: center; }
.s5 .p_pool { background-image: linear-gradient(90deg,rgba(74, 80, 49, 1) 0%, rgba(74, 80, 49, 0.25) 15%, rgba(74, 80, 49, 0) 30%), url(https://www1.loyaltytour.com.tw/eWeb_loyaltytour/IMGDB/000226/00004964.png);
              background-size: cover; background-position: 35% center;}
.s5 .p_beach { background-image: linear-gradient(90deg,rgba(74, 80, 49, 1) 0%, rgba(74, 80, 49, 0.25) 15%, rgba(74, 80, 49, 0) 30%), url(https://www1.loyaltytour.com.tw/eWeb_loyaltytour/IMGDB/000226/00004963.png);
               background-size: cover; background-position: 35% center;}
.s5 .p_spa { background-image: linear-gradient(90deg,rgba(74, 80, 49, 1) 0%, rgba(74, 80, 49, 0.25) 15%, rgba(74, 80, 49, 0) 30%), url(https://www1.loyaltytour.com.tw/eWeb_loyaltytour/IMGDB/000226/00004965.png);
             background-size: cover; background-position: 35% center; }

@media (max-width:1600px){
.ICSP .icsp_info .text_s h6 { font-size: 32px;}
.p1 { padding: 70px 0 50px 20px; }
.p2 { padding: 0 20px 0 0; }
.ICSP .icsp_info .p2 .text_s h5 { text-align: right;}
.p3 .t1.text_s { padding: 0 50px 30px; }
.s5 { padding: 0 0 50px 20px; }
}

@media (max-width:1440px){
.icsp_all .top { top: 40px; right: 40px; padding: 15px 25px 25px 15px; }
.ICSP .icsp_info .text_s h5 { font-size: 21px;}
}

@media (max-width:1199px){
.icsp_all .top { top: 30px; right: 30px; padding: 15px 20px;}
.ICSP .icsp_all .top p { font-size: 24px;}
.ICSP .icsp_all .top p span { font-size: 42px;}
.ICSP .icsp_all .top p.t3 { padding: 8px 5px 0 25px; }
.icsp_all .title { padding: 65px 70px; }
.icsp_all .title h1 { font-size: 34px;}
.ICSP .icsp_info .text_s h5 { text-align: center;}
.ICSP .icsp_info .p2 .text_s h5 { text-align: center;}
.ICSP .icsp_info .p3 .text_s h5 { text-align: justify;}
.ICSP .icsp_info .p4 .text_s h5 { text-align: justify;}
.p1 { padding: 60px 0 50px; }
.p2 { padding: 0;}
.p3 .t1.text_s { padding: 0 30px 20px;}
.p3 .room_3 .text_s { padding: 15px 30px 30px;}
.p3 .room_3 .p_05 img { object-position: 90% center; }
.p4 { padding: 70px 0;}
.p4 .img_s img {padding: 0 30px; }
.p4 .text_s { position: initial;}
.icsp_info .p4 .text_s { padding: 20px 30px 0;}
.s5 { padding: 0 0 50px;}
.icsp_info .p5 .text_s { padding: 30px 15px 30px 30px ; align-content: baseline;}
.icsp_info .p6 .text_s { padding: 30px  30px 30px 15px;}
.s5 .p_pool img { aspect-ratio: 2.5/1;}
.s5 .p_beach img { aspect-ratio: 2.5/1;}
.s5 .p_spa img { aspect-ratio: 2.5/1;}
.s5 .p_pool { background-image: url(https://www1.loyaltytour.com.tw/eWeb_loyaltytour/IMGDB/000226/00004964.png); background-position: center 60%;}
.s5 .p_beach { background-image: url(https://www1.loyaltytour.com.tw/eWeb_loyaltytour/IMGDB/000226/00004963.png); background-position: center 15%;}
.s5 .p_spa { background-image: url(https://www1.loyaltytour.com.tw/eWeb_loyaltytour/IMGDB/000226/00004965.png);  background-position:bottom; }
}

@media (max-width:991px){
.icsp_all .top { top: 20px; right: 20px; padding: 10px 15px;}
.ICSP .icsp_all .top p { font-size: 20px;}
.ICSP .icsp_all .top p span { font-size: 36px;}
.ICSP .icsp_all .top p.t3 { font-size: 10.5px; padding: 8px 5px 0 15px; }
.icsp_all .title { padding: 50px; }
.title .icsp_logo img { height: 60px;}
.icsp_all .title h4 { font-size: 18px; margin: 25px 0 0;}
.icsp_all .title h1 { font-size: 30px;}
.icsp_all .title h3 { font-size: 14px;}
.title .link { display: flex;}
.title .link a { float: unset; border: 1px solid; padding: 0px 8px; margin: 15px auto 0;}
.ICSP .icsp_info .text_s .col-xl-9 { padding: 0;}
.ICSP .icsp_info .text_s h5 { font-size: 20px; }
.ICSP .icsp_info .text_s h5 span { font-size: 34px;}
.icsp_info .p1 .text_s { padding: 30px;}
.p1 .img_s { object-position: center left;}
.icsp_info .p2 .text_s { padding: 50px 30px;}
.p3 .room_3 .text_s { padding: 5px 30px 0; }
.p4 { padding: 60px 0; }
.s5 { padding: 0 0 30px; }
}

@media (max-width:767px){
.ICSP::before { display:none;}
.icsp_slider img { aspect-ratio: 1/1.3;}
.icsp_all .title { padding: 40px 35px; }
.icsp_all .title h4 { margin: 18px 0 0;letter-spacing: 5px;}
.icsp_all .title h1 { font-size: 28px; }
.title .link a { margin: 10px auto 0; }
.icsp_info { padding: 5px 1px 0;}
.icsp_info .p_all { padding: 40px 0 45px; position: relative;}
.icsp_info .p_all::after {
  content: ""; /* 必須有 content 屬性才能渲染偽元素 */
  display:block; /* 將偽元素轉為塊級元素 */
  position: absolute; /* 相對於 .element 進行定位 */
  bottom: 0; /* 放置在元素的底部 */
  left: 50%; /* 放置在元素的左側 */
  transform: translate(-50%, -50%);
  width: 5%; /* 設置寬度與父元素相同 */
  height: 1px; /* 設置線條的高度 */
  background-color: #FFE2A6; /* 設置線條的背景顏色 */

}
.icsp_info .p_all.p6::after {display: none;}
.ICSP .icsp_info .text_s p { padding: 15px 35px 0;}
.icsp_info .text_s .img_s img{ aspect-ratio: 16/9; object-fit: cover;}
.ICSP .icsp_info .text_s h6 { font-size: 30px; text-align: center; }
.ICSP .icsp_info .text_s h5 { margin: 10px 0 15px;}
.icsp_info .p1 .text_s { padding: 0;}
.icsp_info .p2 .text_s { padding: 0;}
.ICSP .icsp_info .p3 .text_s h5 { text-align: center;}
.p3 .t1.text_s { padding: 0;}
.p3 .room_3 .text_s { padding: 0;}
.ICSP .icsp_info .p3 .t1.text_s p { padding: 0 35px 15px;}
.ICSP .icsp_info .p4 .text_s h5 { text-align: center;}
.icsp_info .p4 .text_s { padding: 0;}
.p4 .img_s img { padding: 0;}
.s5 { padding: 0;}
.s5 .slider { display: none;}
.icsp_info .p5 .text_s { padding: 0;}
.icsp_info .p6 .text_s { padding: 0;}
}

@media (max-width:575px){
}

@media (max-width:480px){
.icsp_all .top { top: 0; right: 8px; padding: 20px 8px 5px; margin: -10px 0 0;}
.ICSP .icsp_all .top p { font-size: 15px;}
.ICSP .icsp_all .top p span { font-size: 25px;}
.ICSP .icsp_all .top p.t3 { font-size: 7px; padding: 5px 5px 0 8px; } 
.icsp_all .title h1 { font-size: 32px;}
.icsp_all .title h3 { font-size: 12.5px; letter-spacing: 0;}
.ICSP .icsp_info .text_s h5 { font-size: 22px; letter-spacing: 1px;}
}