@charset "utf-8";


/*sapa5d*/
.sapa6 ::selection { background: #F2F2F2; color:unset; }
.con { position: absolute; z-index: 3; top: 5%; left: 8%; text-align:justify; }
.new_features_content div.con h6 { font-size:28px; font-weight:500; margin-bottom: 10px; font-family: "Zen Old Mincho", "Noto Serif TC", serif; }
.new_features_content .sp_info { width: 100%; display: table; margin-bottom: 150px; position: relative; }
.new_features_content .sp_info .sp_img img { width:100%; aspect-ratio: 1/1;object-fit: cover;  object-position: top; height: 100%;}
.new_features_content .sp_info .sp_text { position: absolute; bottom: -7%; right:6%; z-index: 3; width: 100%; align-items: center; padding:30px ; background: #EFF8FC; opacity: 0.95; justify-content: center;}
.new_features_content .sp_info .sp_text * { color:#000; }
.new_features_content .sp_info .sp_text h5 { font-family: "Zen Old Mincho", "Noto Serif TC", serif; margin:10px 0 ; font-size:25px; font-weight:600; }
.new_features_content .sp_info .sp_text .sp_hotel h5, .new_features_content .sp_info .sp_text .sp_tour h5, .new_features_content .sp_info .sp_text .sp_all h5{padding: 0 5px 6px; display:inline-block; /*background: linear-gradient(to bottom, white 50%, #D4EEF7 50%);*/}
.new_features_content .sp_info .sp_text .sp_hotel h5 { margin:0 0 10px; }
.new_features_content .sp_info .sp_text .sp_hotel h5 span { font-family: "Tangerine", cursive; font-size:36px;  }
.new_features_content .sp_info .sp_text h5 span.vtb { vertical-align: text-bottom; padding: 0 5px;}
.new_features_content .sp_info .sp_text h6 { font-size:16px; margin-bottom: 5px; letter-spacing:1px; }
.new_features_content .sp_info .sp_text .sp_hotel .sp_h { margin: 10px 0; }
.new_features_content .sp_info .sp_text .col-12.col-lg-5 { padding:0px; }
.new_features_content .sp_info .sp_text .sp_hotel p { font-size:12px; line-height:1.8; letter-spacing:1px; }
.new_features_content .sp_info .sp_text .sp_hotel .sp_h.dline::after { content: '-';  color: #000; }
.new_features_content .sp_info .sp_text .sp_hotel { margin:10px 0 25px; }
.new_features_content .sp_info .sp_text .sp_tour { border-top:1px dotted #000; border-bottom:1px dotted #000; padding: 25px 0 15px; margin-bottom:25px; }
.new_features_content .sp_info .sp_text .sp_tour .tour { margin: 10px 0; }
.new_features_content .sp_info .sp_text .sp_tour h5 { margin:0 0 3px; }
.new_features_content .sp_info .sp_text .sp_tour .tour p { font-size:12px; line-height:1.8; letter-spacing:1px; }
/*.new_features_content .sp_info .sp_text .sp_tour .tour.dline::after { content: '-';  color: #000; }*/
.new_features_content .sp_info .sp_text .sp_all { margin:0 0 10px;}
.new_features_content .sp_info .sp_text .sp_all h5 { margin:0 0 10px; }
.new_features_content .sp_info .sp_text .sp_all p { font-size:12px; line-height:1.8; letter-spacing:1px; }

.new_features_content .point_fs { padding:0 50px; }
.new_features_content div.point_fs h5 { font-size:26px; font-family: "Sorts Mill Goudy", serif; margin:5px 0;}
.new_features_content .point_fs h4 { font-size:30px; color:#000; font-family: "Zen Old Mincho", "Noto Serif TC", serif; margin-bottom: 20px; }
.new_features_content .point_fs h4 span { font-size:30px; color:#000; font-family: "Zen Old Mincho", "Noto Serif TC", serif; font-weight:900; }
.new_features_content .point_fs p { text-align:justify; padding:0 30px 25px; }
.new_features_content .point_fs .fsall { display:flex; flex-wrap: wrap; align-items: end; margin:15px 0 ;}
.new_features_content .point_fs .fsall p { padding:0px; width: 90%; }
.new_features_content .point_fs .p_fs1 { position: relative; }
/*.point_fs .p_fs1::after { background: #C7DFDF; opacity:0.3; position: absolute; content: ' '; width:1px; height:75px; left: 50%; bottom: -8%; transform: rotate(-45deg); }*/
.new_features_content .point_fs .p_fs2 { position: relative; margin:40px 0 0 ;}
/*.new_features_content .point_fs .p_fs2::after { background: #C7DFDF; opacity:0.3; position: absolute; content: ' '; width:1px; height:75px; left: 50%; bottom: -10.5%; transform: rotate(45deg); z-index:1; }*/
.new_features_content .point_fs .p_fs1 h6 { font-family: "Zen Old Mincho", "Noto Serif TC", serif; text-align:right; letter-spacing:2px; line-height:1.5; margin-bottom: 50px; }
.new_features_content .point_fs .p_fs1 h5 { font-size:28px; font-family: "Zen Old Mincho", "Noto Serif TC", serif; text-align:right; line-height: 0.9; padding-bottom: 15px; }
.new_features_content .point_fs .p_fs1 h5 span { font-size:20px; font-family: "Sorts Mill Goudy", serif; letter-spacing:1px; }
.new_features_content .point_fs .p_fs2 h6 { font-family: "Zen Old Mincho", "Noto Serif TC", serif; text-align:left; letter-spacing:2px; line-height:1.5; margin-bottom: 50px; }
.new_features_content .point_fs .p_fs2 h5 { font-size:28px; font-family: "Zen Old Mincho", "Noto Serif TC", serif; text-align:left; line-height: 0.9; padding-bottom: 15px; }
.new_features_content .point_fs .p_fs2 h5 span { font-size:20px; font-family: "Sorts Mill Goudy", serif;letter-spacing:1px; }
.new_features_content .point_fs .fsall .text_pd { padding:0 30px 50px; }
.new_features_content .point_fs .p_fs1 h4::before { content: 'step One'; font-family: "WindSong", cursive; font-weight: 400; font-style: normal; font-size: 80px; position: absolute; width: 100%; color: #C7DFDF; 
  													opacity:0.3; left: 8%; bottom: 92%; }
.new_features_content .point_fs .p_fs2 h4::before { content: 'step Two'; font-family: "WindSong", cursive; font-weight: 400; font-style: normal; font-size: 80px; position: absolute; width: 100%; color: #C7DFDF; 
  													opacity:0.3; right: 12%; bottom: 93%; }
.point_fs .p_fs1 img { padding: 15px; object-fit: cover;  object-position: center bottom; border-radius: 300px 300px 0 0; height:100%; width:100%; }
.new_features_content .point_fs .p_fs2 .imgf2 { display:flex; flex-wrap: wrap; padding: 15px 30px; }
/*.point_fs .p_fs2 img { padding: 5px 5px 0 0; aspect-ratio:16/9 ; object-fit: cover;  object-position: top right; }*/
.new_features_content .point_fs .p_fs2 .imgf2 .col-4.col-md-12.cbimg1, .new_features_content .point_fs .p_fs2 .imgf2 .col-4.col-md-6.cbimg { padding-right:0; padding-left:0;}
.new_features_content .point_fs .p_fs2 .imgf2 .cbimg1 img  { padding: 5px 5px 0 0; aspect-ratio:1/1 ; object-fit: cover;  object-position: top left; height:100%; width:100%; border-radius: 50% 50% 0 0;}
.new_features_content .point_fs .p_fs2 .imgf2 .cbimg img  { padding: 5px 5px 0 0; object-fit: cover;  object-position: top right; height:100%; width:100%;}

.p_fs3 { width: 100%; display: table; margin: 15px 0; position: relative; }
.p_fs3 .bgimg img { width:100%; border-radius:45px; padding:0; margin-top:15px; }
/*.p_fs3 .bgimg img { width:100%; border-top-left-radius: 50px 10%; padding:15px 0; }*/
.p_fs3 .text3 { position: absolute; top: 16%; left:6%; z-index: 3; padding: 0px 10px; }
.new_features_content .p_fs3 .text3 * { color: #000; text-align:left; font-family: "Zen Old Mincho", "Noto Serif TC", serif; }
.new_features_content .p_fs3 .text3 h4 { font-size:35px; font-weight:500; }
.new_features_content .p_fs3 .text3 h4 span { font-size:60px; font-family: "WindSong", cursive; font-weight:500; padding:0 10px; }
.new_features_content .p_fs3 .text3 h4 small { font-size:45px; font-family: "WindSong", cursive; font-weight:500; }
.new_features_content .point_fs .p_fs3 h4::before { content: 'step Three'; font-family: "WindSong", cursive; font-weight: 400; font-style: normal; font-size: 45px; position: absolute; width: 100%; color: #42cffc; 
  													opacity:0.8; right: -1%; bottom: 96%; }
.new_features_content .p_fs3 .text3 h5 { font-size:18px; font-family: "Zen Old Mincho", "Noto Serif TC", serif; margin-top:12px; letter-spacing:2px; line-height:1.5;  }
.p_rm {width: 100%; display: table; margin-bottom: 20px; position: relative;}
.p_rm bgimg {width:100%;}
/*.point_fs .p_rm .col-12.bgimg img { max-width:55%;}*/
.point_rm { padding:30px 50px 10px; margin-top:30px; }
.new_features_content div.point_rm h5 { font-size:26px; font-family: "Sorts Mill Goudy", serif; margin:5px 0;}
.new_features_content .point_rm h4 { font-size:30px; color:#000; font-family: "Zen Old Mincho", "Noto Serif TC", serif; margin-bottom: 20px; }
.new_features_content .point_rm h4 span { font-size:30px; color:#000; font-family: "Zen Old Mincho", "Noto Serif TC", serif; font-weight:900; }
.new_features_content .point_rm p { text-align:justify; padding:0 50px 25px; }
.point_rm .p_rm .col-md-7.bgimg img { border-radius: 0 50px 0 0;}
.p_rm .rminfo {position: absolute; top: 5%; z-index: 3; padding: 0px 10px; display:flex; flex-wrap: wrap; }
.p_rm .rmtext mark { background:#ffef94; color:unset; padding-bottom: 5px; }
.p_rm .rmtext p { color: #000; padding:30px 30px 30px 60px; line-height:2.5; font-size:13px; }
.point_rm .p_rm .rminfo .rmimg { display:flex; flex-wrap: wrap; padding:0 0 0 25px; }
.point_rm .p_rm .rminfo .rmimg .rm1 img { aspect-ratio:3/2 ; object-fit: cover;  object-position: center center; height:100%; width:100%; border-radius: 50px 0 0 0; }
.point_rm .p_rm .rminfo .rmimg .rm1 { padding:5px 5px 0 0; }
.point_rm .p_rm .rminfo .rmimg .rm { padding:5px 5px 0 0; }

.point_cc { width: 100%; display:table; margin-bottom: 20px; padding:0 30px; }
.point_cc .cc_info h4 { font-size:50px; font-family:  "WindSong", cursive; font-weight: 500; margin-bottom:0px; color:#eedb8d; position: relative; right: 2%; text-shadow: 8px 8px 5px rgba(119,110,71, 0.05);}
.point_cc .cc_info h4 span { font-size:85px; font-family:  "WindSong", cursive; font-weight: 400; }
.point_cc .cc_info h4 span.v_pd { font-size:75px; font-family:  "WindSong", cursive; font-weight: 400; padding-left:10px; }
.point_cc .cc_info h4 span.c100 { font-size:100px; }
.sapa6 .point_cc .cc_info h5 { font-size:30px; color:#776E47; font-family: "Zen Old Mincho", "Noto Serif TC", serif; font-weight:600; margin:0px; 
							   display: inline-grid; grid-template-columns: 1fr max-content; grid-template-rows: 30px 0; grid-gap: 0 20px; align-items: center; position: relative; left:8%; }
.sapa6 .point_cc .cc_info h5::before { content: " "; display: block; border-top: 1px solid #776E47; width:100px; }
.point_cc .cc_info { top: 0; z-index: 10; padding: 0px 60px;}
.point_cc .cc_info .ccall { display:flex; flex-wrap: wrap; }
.point_cc .cc_info .ccall .col-12.col-md-5, .point_cc .cc_info .ccall .col-12.col-md-7 { padding:0; }
.point_cc .cc_info .ccall .col-12.col-md-5 img { object-fit: cover;  object-position: center left; height:100%; width:100%; border-radius: 10px 0 0 10px; }
.point_cc .cc_info .ccall .col-12.col-md-7 { margin:auto 0; }
.point_cc .cc_info .ccall p { text-align:justify; padding:30px 0 30px 40px; }

.point_cruise { padding:0 30px; }
.point_cruise .p_c1 { width: 100%; display: table; position: relative; z-index:2; }
.point_cruise .p_c1 .bgimg img { width:100%;}
.point_cruise .p_c1 .cruise_info { position: absolute; bottom: 2%; z-index: 3; padding: 0px 10px;}
.point_cruise .p_c1 .cruise_info * { color:#f2ffff; font-family: "Zen Old Mincho", "Noto Serif TC", serif; line-height:1.2; }
.point_cruise .p_c1 .cruise_info h6 { font-size: 18px; margin-bottom: 3px; letter-spacing:1px; }
.point_cruise .p_c1 .cruise_info h6 span { font-size: 24px; font-family: "Sorts Mill Goudy", serif; letter-spacing:0px; }
.point_cruise .p_c1 .cruise_info h6 b { font-size: 24px; padding:0 2px; }
.point_cruise .p_c1 .cruise_info .ct { display: inline-flex; align-items: baseline; }
.point_cruise .p_c1 .cruise_info .ct h3 { font-size:40px; font-weight:600; padding:0 12px; }
.point_cruise .p_c1 .cruise_info .ct h5 { margin:0; }
.point_cruise .p_c1 .cruise_info .ct h5 span { font-size:40px; font-family: "Tangerine", cursive; padding-right:5px; }
.point_cruise .p_c1 .cruise_info p { color:#215663; font-family: "Sorts Mill Goudy", serif; font-size:24px; }
.point_cruise .p_c1 .col-12.bgimg { padding:0; }

.point_cruise .p_c2 { width: 100%; display: table; position: relative; background-color:#3a7b8b; padding:30px 0 0; top:-1px; }
.point_cruise .p_c2 .col-12.bgimg { padding:0; position: relative; }
.point_cruise .p_c2 .col-12.bgimg::before { content: ""; width: 100%; height: 150px; background: #2a6c7c; position: absolute; bottom: 0px; left: 0; }
.point_cruise .p_c2 .bgimg img { width:100%; mix-blend-mode: multiply; margin: -50px 0 0; }
.point_cruise .p_c2 .col-12.cruise_info { position: absolute; top: 3%; bottom: 7%; z-index: 3; padding:0px; }
.point_cruise .p_c2 .cruise_info .c_text p { font-size:14px; color:#f2ffff; padding: 0 12%; line-height:1.8; margin:0 0 3px;  }
.point_cruise .p_c2 .cruise_info .c_text p b { font-size:18px; padding-right:3px; }
.point_cruise .p_c2 .cruise_info .c_text p a { font-size: 12px; display:block; float:right; color: #fff; border-bottom:1px solid #fff; padding:1px 5px; margin:5px 0 0 ;}
.point_cruise .p_c2 .cruise_info .cimg { display:flex; flex-wrap: wrap; margin: 20px 0 0 0; }
.point_cruise .p_c2 .cruise_info .cimg .col-7, .point_cruise .p_c2 .cruise_info .cimg .col-12.col-sm-5 { padding:0px; }
.point_cruise .p_c2 .cruise_info .cimg .col-7 img { max-width:120%; z-index: 2; position: absolute;  margin: -10px 0 0; }
.point_cruise .p_c2 .cruise_info .cimg .col-12.col-sm-5 { display:flex; flex-wrap: wrap; margin: 0 0 0 -4%; }
.point_cruise .p_c2 .cruise_info .cimg .col-12.col-sm-5 .col-6, .point_cruise .p_c2 .cruise_info .cimg .col-12.col-sm-5 .col-12 { padding:5px 5px 0 0; }
.point_cruise .p_c2 .cruise_info .cimg .col-12.col-sm-5 .col-6 img { aspect-ratio:1/1 ; object-fit: cover;  object-position: center right; height:100%; width:100%; }

.point_cc2 { margin:20px 0 0;}
.point_cc2 .ccv { display:flex; flex-wrap:wrap; padding: 10px 30px 40px; border-bottom:1px dotted #D7E3D1;}
.point_cc2 .ccv .text_pd { margin:auto 0;}
.point_fs.point_cc2 .ccv .text_pd h5 { font-size: 28px; font-family: "Zen Old Mincho", "Noto Serif TC", serif; margin:0 0 15px; }
.point_fs.point_cc2 .ccv p { padding: 0 30px; }
.point_cc2 .ccv .img_pd img { object-fit: cover; height:100%; width: 100%; object-position: 10%;}
.point_cc2 .tvv { display:flex; flex-wrap:wrap; padding: 40px 30px 20px; }
.point_cc2 .tvv .text_pd { margin:auto 0;}
.point_fs.point_cc2 .tvv .text_pd h5 { font-size: 28px; font-family: "Zen Old Mincho", "Noto Serif TC", serif; margin:0 0 15px; }
.point_fs.point_cc2 .tvv p { padding: 0 30px; }
.point_cc2 .tvv .img_pd img { object-fit: cover; height:100%; width: 100%; object-position: center;}

.point_han { margin: 40px 0 0 ; padding: 10px 30px; }
.point_han .title { /*border-bottom:1px solid #000;*/ margin: 0 0 40px; }
.point_han .title h5 { font-size:30px; font-family: "Zen Old Mincho", "Noto Serif TC", serif; font-weight:500; line-height:1.2; color:#000;  background-image: url("https://www1.loyaltytour.com.tw/eWeb_loyaltytour/IMGDB/000204/00004529.PNG");background-repeat: no-repeat; background-size: 220px 80px; background-position: center;}
.point_han .ph_card3 { display:flex; flex-wrap: wrap; }
.point_han .ph_card3 .pc31::before { content: '01'; color: #000; font-size:60px; left:0; position: absolute; text-shadow: 4px 4px #FFF; font-weight:900; }
.point_han .ph_card3 .pc32::before { content: '02'; color: #000; font-size:60px; left:0; position: absolute; text-shadow: 4px 4px #FFF; font-weight:900; }
.point_han .ph_card3 .pc33::before { content: '03'; color: #000; font-size:60px; left:0; position: absolute; text-shadow: 4px 4px #FFF; font-weight:900; }
.point_han .ph_card3 .pc34::before { content: '04'; color: #000; font-size:60px; left:0; position: absolute; text-shadow: 4px 4px #FFF; font-weight:900; }
.point_han .ph_card3 .pc35::before { content: '05'; color: #000; font-size:60px; left:0; position: absolute; text-shadow: 4px 4px #FFF; font-weight:900; }

.point_han .ph_card3 .mgt { margin: 35px 0 0 ;} 
.point_han .ph_card3 .mm { display: flex; flex-wrap: wrap;}

.point_han .ph_card3 .col-12.col-md-4 { padding:0 25px; }
.point_han .ph_card3 .text h4::before { content: '／'; color: #000; font-size:40px; left:0; position: absolute; padding-left:25px; }
.point_han .ph_card3 .text h4 { font-size:25px; font-family: "Zen Old Mincho", "Noto Serif TC", serif; font-weight:800; margin:15px 0 5px; text-align:right;color: #000; letter-spacing:1px; }
.point_han .ph_card3 .text h6 { font-family: "Sorts Mill Goudy", serif; margin:0 0 8px; text-align:right; color: #000; }
.point_han .ph_card3 p { text-align:justify; }

.hotelm { display:flex; flex-wrap: wrap; margin: 40px 0 0 ; }
.hotelm .hotel_mark { background: #ffce50; margin: 0 15px 30px; padding: 10px 0; }
/*.hotelm .hotel_mark { writing-mode:vertical-lr; flex-basis: content; background:#ffce50; }*/
.hotelm .htext { display:flex; flex-wrap: wrap; padding:0x; }
.hotelm .hotel_img { padding:0 15px 0 0; }
.hotelm .hotel_img .carousel-item img { aspect-ratio:1/1 ; object-fit: cover;  object-position: center center; height:100%; width:100%; }
.sapa6 .hotelm .hotel_info * { text-align:justify; color:#000; }
.hotelm .hotel_info { margin:auto; padding:0 0 0 15px;}
.hotelm .hotel_mark p { font-family: "Sorts Mill Goudy", serif; }
.sapa6 .hotelm .hotel_info h6 { font-weight:800; font-family: "Zen Old Mincho", "Noto Serif TC", serif; margin:0 0 15px; letter-spacing:1px; }
.hotelm .hotel_info h4 small { font-size:22px; letter-spacing:3px; }
.hotelm .hotel_info h4 { font-size:30px; font-family: "Sorts Mill Goudy", serif; }
.sapa6 .hotelm .hotel_info h5 { font-size:28px; font-weight:600; font-family: "Zen Old Mincho", "Noto Serif TC", serif; margin:5px 0 20px; }
.sapa6 .hotelm .hotel_info p mark { background-color:#fffbde;}
.sapa6 .hotelm .hotel_info p a { font-size: 12px; display:block; float:right; background: #ffce50; padding:1px 5px; margin:10px 0 0 ;}

.hotelm .htext .hotel_1, .hotelm .htext .hotel_2 { display:flex; flex-wrap: wrap; padding:0x; }
/*.hotelm .htext .hotel_1 { padding:0 0 20px; border-bottom:1px dashed #ccc; }*/
/*.hotelm .htext .hotel_2 { padding:20px 0 0 ; }*/
@media (max-width:1440px){
.con { left: 10%; }
.new_features_content .sp_info .sp_text { padding:35px; }
.new_features_content .sp_info .sp_text h5 { font-size: 24px;}
}
@media (max-width:1399px){ /*xxl*/
.p_rm .rmtext p { padding: 30px 0 0 40px; }
.point_cruise .p_c2 .col-12.bgimg { height:600px; }
.point_cruise .p_c2 .cruise_info .c_text p { padding:0 10%; }
.point_cruise .p_c2 .bgimg img { position: absolute; bottom: 0; }
.point_cruise .p_c2 .cruise_info .c_text { margin:10px 0 15px;  }
.point_cruise .p_c2 .cruise_info .cimg { margin:25px 0 0 ; }
.point_cruise .p_c1 .cruise_info h6 { margin-bottom: 0px; } 
  
.hotelm .hotel_img .carousel-item img { aspect-ratio:4/5; }
}
@media (max-width:1199px){ /*xl*/
.con { position: relative; z-index: 3; top: 0; left: 0; padding:0 0 40px 40px; text-align:justify; }
.sapa6 .con p { color:#000; }
.con::after {  position: absolute; content: ' ';  background: #000; width:1px; height:75px; margin:5px 0 0 5px;}
.new_features_content .sp_info { margin-bottom: 70px;}
.new_features_content .sp_info .sp_text .col-12.col-xl-7 { border-right:none; }
.new_features_content .sp_info .sp_img img {aspect-ratio:unset;}
.new_features_content .sp_info .col-12.sp_img { padding:0; }
.new_features_content .sp_info .sp_text { position: relative; bottom: 0; right:0; background: none; margin-top:10px; padding:20px 0; }
.new_features_content .sp_info .sp_text h5 { font-size:26px; }
.new_features_content .sp_info .sp_text h6 { font-size:16px; }
.sp_hotel, .sp_tour, .sp_all { margin-bottom:40px; }
.sp_info .sp_text .col-12.col-xl-7 .sp_hotel { padding:0 0 15px 0; margin-bottom:25px; border-bottom:1px dotted #000; }
.new_features_content .sp_info .sp_text .col-12.col-xl-5 { padding:0; }
.new_features_content .point_fs { padding:0px; }
.new_features_content div.point_fs h4 { font-size:28px; line-height: 1.4; }
.new_features_content .point_fs .fsall { align-items: unset; }
.new_features_content .point_fs p { margin-bottom:45px; }
.new_features_content .point_fs .fsall p { margin-bottom:20px; width: 100%; }
.new_features_content .point_fs .fsall .f_right { padding: 0 0 0 15px; }
.new_features_content .point_fs .fsall .f_left { padding: 0 15px 0 0; }
.new_features_content .point_fs .fsall .text_pd { padding:0px; margin: 20px 0 0 ; }
.new_features_content .point_fs .p_fs1 h4::before { font-size: 60px; left: 16%; bottom: 92%; }
.new_features_content .point_fs .p_fs1 h6 { margin-bottom: 30px; }
.point_fs .p_fs1 img { padding: 0 0 15px 15px; object-fit: cover;  object-position: 70% bottom; border-radius: 180px 180px 0 0; height:100%; width:100%; }
.point_fs .p_fs1::after { left: 47%; bottom: -13%; transform: rotate(-45deg); }
.new_features_content .point_fs .fsall { margin-bottom:40px; }
.new_features_content .point_fs .p_fs2 h4::before { font-size: 60px; right: 10%; bottom: 91%; }
.new_features_content .point_fs .p_fs2 h6 { margin-bottom: 30px; }
.new_features_content .point_fs .p_fs2 .text_pd { padding: 20px 0 0 30px; }
.new_features_content .point_fs .p_fs2 .imgf2 { padding: 0 0 0 20px; } 
.new_features_content .point_fs .p_fs2 .imgf2 .cbimg1 img { object-position: 30% center; border-radius: 200px 200px 0 0; }
.new_features_content .point_fs .p_fs2 .imgf2 .cbimg img { object-position: top center; }
.p_fs3 .bgimg img { border-top-left-radius: 0; padding: 0; border-radius: 30px; }
.p_fs3 .col-12.bgimg { padding:0px; }
.p_fs3 .text3 { left:3%; top: 18%; }
.new_features_content .p_fs3 .text3 h4 { font-size:30px; }
.new_features_content .p_fs3 .text3 h4 span { font-size:48px; padding:0 5px; }
.new_features_content .p_fs3 .text3 h4 small { font-size:28px; }
.new_features_content .point_fs .p_fs2::after { left: 52%; bottom: -13%; }
.new_features_content .point_rm { padding:30px 0px 0px; }
.new_features_content .point_rm h4 { font-size:28px; line-height: 1.4; }
.p_rm .rmtext p { padding: 20px 0 0 30px; }
.point_cc .cc_info { padding: 0px; }
  .sapa6 .point_cc .cc_info h5 { left:12%;}
.point_cruise .p_c1 .cruise_info { bottom:5px;}
.point_cruise .p_c2 .col-12.bgimg { height:540px; }
.point_cruise .p_c1 .cruise_info * { line-height:1.1;}
.point_cruise .p_c2 .cruise_info .c_text p { padding:0 8%; }
.point_cruise .p_c2 .cruise_info .c_text { margin:5px 0 15px; }
.point_cruise { padding: 0 15px;}

.point_cc2 { margin:60px 0 0;}
.point_fs.point_cc2 p { margin-bottom: 0px;}
  
.point_han { padding: 10px 0px; }
.point_han .ph_card3 .pc31::before { font-size:55px;}
.point_han .ph_card3 .pc32::before { font-size:55px;}
.point_han .ph_card3 .pc33::before { font-size:55px;}
.point_han .ph_card3 .pc34::before { font-size:55px; }
.point_han .ph_card3 .pc35::before { font-size:55px; }
  
.hotelm .hotel_img .carousel-item img { aspect-ratio:6/11; }
.hotelm .hotel_img .carousel-item.p3 img { object-position: 70%; }
.hotelm .hotel_info h4 { font-size: 28px; }
.sapa6 .hotelm .hotel_info h5 { font-size: 26px; }
  .hotelm .hotel_2 .hotel_img .carousel-item.p1 img { object-position:20%; }
    .hotelm .hotel_2 .hotel_img .carousel-item.p3 img { object-position:90%; }
}
@media (max-width:991px){ /*lg*/
.con::after {  position: absolute; content: ' ';  background: #000; width:1px; height:75px; margin:5px 0 0 5px;}
.new_features_content .sp_info .col-12.sp_img { padding:0; }
.new_features_content .sp_info .sp_text { position: relative; bottom: 0; z-index: 3; width: 100%; align-items: center; background: none; margin-top:10px; }
.point_fs .p_fs1 .img_pd { padding:0 0 0 15px; }
.new_features_content .sp_info .sp_text h6 { font-size:15px; }
.sp_hotel, .sp_tour, .sp_all { margin-bottom:40px; }
.new_features_content .point_fs p { padding:0 0 25px; }
.new_features_content .point_fs .p_fs1 h4::before { left: 6%; }
.new_features_content .point_fs .p_fs1 h6 { font-size:16.5px; }
.new_features_content .point_fs .p_fs2 h4::before { right: 3%; }
.new_features_content .point_fs .p_fs2 h6 { font-size:16.5px; }
.new_features_content .point_fs .fsall p {width: 100%; }
.new_features_content .point_fs .p_fs2 .imgf2 .cbimg img { object-position: 70%; }
.p_fs3 .text3 { left:4%; top: 21%; }  
.new_features_content .p_fs3 .text3 h4 { font-size:28px; }
.new_features_content .p_fs3 .text3 h4 span { font-size:42px;  }
.mb { margin-bottom:40px; }
.new_features_content .point_rm p { padding: 0 0 25px; }
.new_features_content .point_rm .p_rm .col-12.col-md-7.bgimg { padding:0px; }
.p_rm .rmtext p { padding: 10px 0 0 15px; }
.p_rm .rminfo .rmtext p { font-size:12px; }
  .point_cc .cc_info h4 span { font-size:80px;  }
  .point_cc .cc_info h4 { font-size:40px; }
  .sapa6 .point_cc .cc_info h5 { left:16%; }
  .point_cc .cc_info .ccall .col-12.col-md-5 img { object-position: 20%; }
.point_cruise { padding: 0; }
.point_cruise .p_c1 .cruise_info { bottom:-1px; }
.point_cruise .p_c1 .cruise_info h6 span { font-size:22px; }
.point_cruise .p_c1 .cruise_info h6 { font-size:16px; }
.point_cruise .p_c1 .cruise_info h6 b { font-size:22px; }
.point_cruise .p_c1 .cruise_info .ct h5 span { font-size:38px; }
.point_cruise .p_c1 .cruise_info .ct h3 { font-size:36px; }
.point_cruise .p_c1 .cruise_info p { font-size:20px; }
.point_cruise .p_c2 .cruise_info .c_text { margin: 0px 0 15px; }
.point_cruise .p_c2 .col-12.bgimg { height: 520px; }
.point_cruise .p_c2 .cruise_info .c_text { text-align:justify;}

.point_cc2 .ccv { padding: 10px 0 40px; }
.point_cc2 .ccv .img_pd { padding:0;}
.point_cc2 .tvv { padding: 40px 0 20px; }
.point_cc2 .tvv .img_pd { padding:0;}

.point_han .ph_card3 .col-12.col-md-4 { padding:0 10px;}
.point_han .ph_card3 .text h4::before { padding-left: 8px; }
  
.hotelm .hotel_mark p { margin: 0 0 0 -4px; }
.hotelm .htext { padding: 0 0 0 30px;}
.hotelm .hotel_img { padding:0; }
.hotelm .hotel_img .carousel-item img { aspect-ratio:auto; }
.hotelm .hotel_info { padding: 30px 0 30px; }

.sapa6 .hotelm .hotel_info h6 , .sapa6 .hotelm .hotel_info h5 { width: 100%;}

}
@media (max-width:767px){ /*md*/
.new_features_content .point_fs p { margin-bottom:0px; }
.new_features_content .point_fs .p_fs1 h4::before { text-align:left; left: 0%; bottom:82%; opacity:0.6; }
.new_features_content .point_fs .p_fs1 h5 { font-size: 30px; text-align: center; }
.new_features_content .point_fs .fsall .f_right { padding:0px; }
.point_fs .p_fs1 .img_pd { padding:0px; }
.point_fs .p_fs1 img { aspect-ratio: 3 / 2; border-radius:0px; padding: 0px;}
.new_features_content .point_fs .p_fs2 .imgf2 .cbimg1 img { border-radius:0px; }
.new_features_content .point_fs .p_fs1.fsall { margin:-10px 0 0 ;}
.new_features_content .point_fs .p_fs2 h4::before  { text-align:left; right: 0%; left: 0%; bottom:84%; opacity:0.6; }
.new_features_content .point_fs .p_fs2 h6 { text-align:right; }
.new_features_content .point_fs .p_fs2 h5 { font-size: 30px; text-align: center; }
.new_features_content .point_fs .fsall .f_left { padding:0px; }
.new_features_content .point_fs .p_fs2 .text_pd { padding:0px; margin: 20px 0 0 }
.new_features_content .point_fs .p_fs2 .imgf2 { padding:0px}
.new_features_content .point_fs .p_fs2 .imgf2 .cbimg.nopr img{ padding-right:0; }
.new_features_content .point_fs .p_fs2.fsall { margin-bottom: 20px;}
.p_fs3 .text3 { top: 15%; left:3%; }
.p_fs3 .bgimg img { border-radius: 0px; aspect-ratio: 4 / 5; object-fit: cover; object-position: 65%; }
.new_features_content .point_fs .p_fs3 h4::before { font-size:45px; }
/*.p_rm .rminfo { padding: 0px 15px 0 90px; }*/
/*.new_features_content .point_rm { height:900px; }*/
.point_rm .p_rm .col-md-7.bgimg img { border-radius: 0; aspect-ratio: 1.2 / 1; object-fit: cover; object-position: center 45%; } 
.p_rm .rminfo { padding:0; position:relative; }
.p_rm .rminfo .rmtext {  padding: 0 0 0 140px; margin:0 0 220px;}
.point_rm .p_rm .rminfo .rmimg { padding:0; }/*padding: 0 0 0 30px;*/
.point_rm .p_rm .rminfo .rmimg .rm1 img { border-radius: 0; }
.point_rm .p_rm .rminfo .rmimg img { aspect-ratio: 1/1; object-fit: cover; height:100%; width:100%; }
.point_rm .p_rm .rminfo .rmimg .rm.nopr { padding-right:0; }
.p_rm .rmtext p { padding: 10px 0 0; }
  .point_cc { padding:0; }
  .point_cc .cc_info h5.re:before { display:none;}
  .point_cc .cc_info h5.re { font-size: 26px; font-family: "Sorts Mill Goudy", serif; margin: 5px 0; left:0; color:#333; font-weight:400;}
  .point_cc .cc_info h4.re { font-size: 28px; line-height: 1.4; font-family: "Zen Old Mincho", "Noto Serif TC", serif; margin-bottom: 20px; color: #000; text-shadow:none; font-weight:400; right: 0; }
  .point_cc .cc_info h4.re span { font-size: 30px; color: #000; font-family: "Zen Old Mincho", "Noto Serif TC", serif; font-weight: 900; }
  .point_cc .cc_info .ccall .col-12.col-md-5 img { border-radius: 0px; }
  .point_cc .cc_info .ccall p { padding:20px 0; }
.point_cruise .p_c2 .col-12.bgimg::before { height:120px; }
.point_cruise .p_c1 .cruise_info { bottom:-12px;}
.point_cruise .p_c2 .col-12.bgimg { height: 460px; }

.point_cc2 { margin: 0; background-color: #EBF1E8; }
.point_fs.point_cc2 { padding: 30px 15px; margin: 50px 0 0; } /*padding:15px;*/
.point_fs.point_cc2 p { padding:0 0 10px; }
.point_cc2 .ccv { border-bottom:1px dotted #fff; padding:10px 0 20px; }
.point_cc2 .ccv .text_pd { padding: 20px 0 0;}
.point_fs.point_cc2 .ccv .text_pd h5 { margin:0 0 8px;}
.point_fs.point_cc2 .ccv p { padding: 0;}
.point_cc2 .tvv {padding: 20px 0 10px; }
.point_cc2 .tvv .text_pd { padding: 20px 0 0;}
.point_fs.point_cc2 .tvv .text_pd h5 { margin:0 0 8px;}
.point_fs.point_cc2 .tvv p { padding: 0;}

.point_han .ph_card3 .mgt { margin: 0 0 40px;} 

.point_han { padding:10px 20px;}
  .hotelm .hotel_info  { padding: 20px 0 ; border-bottom: 1px solid #d6b033;}
  .hotelm .hotel_mark { writing-mode: unset; background:none; margin:0 auto; flex-basis: auto; border-bottom: 1px solid #d6b033; padding:0; }
  .hotelm .hotel_mark p { padding: 0 ; color:#d6b033; text-align:right; font-weight:900; }
  .hotelm .htext { padding: 20px 0 0 ; }
  
  .sapa6 .hotelm .hotel_info p a { font-size: 12px; font-weight:900; display:block; float:right; color:#d6b033; background: none; padding:0; margin:0; }
  .hotelm .htext .hotel_1 { padding:0; border-bottom:none; }
}
@media (max-width:620px){ 
.p_rm .rminfo .rmtext {  padding: 0 0 0 100px; margin:0 0 220px;}
/*.point_rm .p_rm .rminfo .rmimg { padding:0; }*/
.point_cruise .p_c1 .cruise_info { bottom:-15px;}
.point_cruise .p_c2 .cruise_info .c_text { margin:10px; }
.point_cruise .p_c2 .cruise_info .cimg { margin:15px 0 0; }
.point_cruise .p_c2 .cruise_info .c_text p { padding:0 6%; }
.point_cruise .p_c1 .cruise_info h6 span { font-size:20px; }
/*.new_features_content .point_rm { height: 900px; }*/
}
@media (max-width:575px){ 
.new_features_content div.point_fs h5 { font-size:24px; }
.new_features_content .point_fs { padding:0px 20px; }
.p_fs3 .text3 { top: 16%; left:3%; }
.new_features_content div.point_rm h5  { font-size:24px; }
.new_features_content .point_rm { padding:0px 20px; margin-top: 60px; }
.p_rm .rminfo .rmtext {  padding: 0 0 0 80px; margin:0 0 250px;}
/*.point_rm .p_rm .rminfo .rmimg { padding:0; }*/
  .point_cc{ padding:0px 20px;}
    .point_cc .cc_info h5.re { font-size: 24px; }
.point_cruise { margin:150px 0 0;}
.point_cruise .p_c1 .cruise_info { bottom:0; top:-150px;}
.point_cruise .p_c1 .cruise_info * { color:#3a7b8b; line-height:1.25; }
.point_cruise .p_c1 .cruise_info h6 span { font-size: 25px; }
.point_cruise .p_c1 .cruise_info h6 { padding:0 0 5px; }
.point_cruise .p_c1 .cruise_info p { color:#3a7b8b; }
.point_cruise .p_c1 .cruise_info .ct h3 { color:#215663; padding:0 3px;   background: linear-gradient(to top, #215663, #3a7b8b); background: -webkit-linear-gradient(to top, #215663, #3a7b8b); background-clip: text;
   -webkit-background-clip: text;color: transparent;}
.point_cruise .p_c2 .bgimg img { bottom:50%;}
.point_cruise .p_c2 .col-12.bgimg::before { height:350px;}
.point_cruise .p_c2 .col-12.bgimg { height: 600px; }
.point_cruise .p_c2 .col-12.cruise_info { top:-70px;}
.point_cruise .p_c2 .cruise_info .c_text p  { padding:0 5%; }
.point_cruise .p_c1 .cruise_info .ct h5 { font-size:24px; padding: 0 10px 0 0; font-weight:700;}
.point_cruise .p_c2 .cruise_info .cimg .col-7 { display:none;}
.point_cruise .p_c2 .cruise_info .cimg { margin:15px 30px 0 ; }
.point_cruise .p_c2 .cruise_info .cimg .col-12.col-sm-5 { margin:0; padding: 0 0 0 5px; }
.point_cruise .p_c2 .cruise_info .cimg .col-12.col-sm-5 .col-6 img { aspect-ratio: 4 / 3; }
.point_fs.point_cc2 { padding:30px 15px; } 
}
@media (max-width:520px){ 
.new_features_content .point_rm { /*height:850px;*/ margin:60px 0 30px;}
.p_rm .rminfo .rmtext {  padding: 0 0 0 80px; margin:0 0 210px;}
.point_cruise .p_c1 .cruise_info p { font-size:16.5px;  }
.point_cruise { margin:180px 0 0;}
.point_cruise .p_c2 .cruise_info .c_text { margin:20px 10px; }
.point_cruise .p_c1 .cruise_info h6 { font-size:18px; margin:-8px 0 0 ; padding: 0 0 15px;}
.point_cruise .p_c1 .cruise_info p { font-size: 14.5px; letter-spacing: 1px; }
.point_cruise .p_c2 .col-12.bgimg { height: 560px; }
.point_cruise .p_c2 .bgimg img { bottom:45%;}

.point_fs.point_cc2 .ccv .text_pd h5 { font-size: 24px; }
.point_fs.point_cc2 .tvv .text_pd h5 { font-size: 24px; }
}
@media (max-width:425px){ /*m*/
.new_features_content .sp_info .sp_text h5 { font-size:22.5px; }
.new_features_content .point_fs { padding:0px 10px; }
.new_features_content div.point_fs h5 { font-size:20.5px; }
.new_features_content .point_fs .fsall p { margin-bottom: 10px; }
.new_features_content .point_fs .p_fs1.fsall { margin:-10px 0 0 ;}
.new_features_content .point_fs .p_fs1 h6 { font-size:15.5px; padding:30px 0 0 ;}
.new_features_content .point_fs .p_fs2 { margin:25px 0 0;}
.new_features_content .point_fs .p_fs2 h6 { font-size:15.5px; padding:30px 0 0 ;}
.new_features_content .point_fs .p_fs2 h4::before  { bottom:85%; }
.new_features_content .point_fs .p_fs2.fsall { margin-bottom: 10px;}
.p_fs3 .text3 { top: 18%; left:3%; }
.new_features_content .point_fs .p_fs3 h4::before { font-size:40px; }
.new_features_content .p_fs3 .text3 h5 { font-size:15.5px; letter-spacing:1px; }
.new_features_content .p_fs3 .text3 h4 { font-size:28px; line-height: 1.3; }
.new_features_content .p_fs3 .text3 h4 span { font-size:40px; }
.new_features_content .p_fs3 .text3 h4 small { font-size: 30px; line-height: 0.6; }
.new_features_content .point_rm { padding:0px 10px; /*height:780px;*/ margin:60px 0 20px ;}
.new_features_content .point_rm p { padding:0 0 15px; }
.new_features_content div.point_rm h5 { font-size:20.5px; }
.p_rm .rminfo .rmtext { padding:0 0 0 50px; margin:0 0 175px;}
.p_rm .rminfo .rmtext p { font-size:10.5px; }
.point_cc{ padding:0px 10px;}
.point_cc .cc_info h5.re { font-size: 20.5px; }
.point_cc .cc_info .ccall p { padding:20px 0; }
.point_cruise { padding:0px 10px; }
.point_cruise .p_c1 .cruise_info { top:-180px;}
.point_cruise .p_c2 .cruise_info .c_text { margin:30px 10px 10px; }
.point_cruise .p_c2 .cruise_info .cimg { margin:15px 25px 0px; }
.point_cruise .p_c2 .col-12.bgimg::before { height:250px;}
.point_cruise .p_c2 .col-12.bgimg { height:550px;}

.point_cc2 { margin: 0 0 30px;}
.point_fs.point_cc2 { padding:30px 0 20px; } 
.point_fs.point_cc2 p { padding:0 15px 10px; }
.point_fs.point_cc2 .ccv { padding: 10px 15px 20px;}
.point_fs.point_cc2 .tvv { padding: 20px 15px 10px;}

.hotelm { padding:0 10px; }
.hotelm .hotel_info h4 small { font-size:18px;}
.point_han { margin: 0; }
}