@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Encode+Sans+SC:wght@100..900&display=swap');


.dfw { display: flex ; flex-wrap: wrap; }
.aic { align-items: anchor-center; }
.l_hotel ::selection { background: #F2F2F2; color:#2F2F2F; }
/*.l_hotel> h2, h4, h5, h6, p { font-family: "Noto Sans TC", sans-serif; }*/
.l_hotel { padding:25px;}
.l_hotel * { font-family: "Noto Sans TC", sans-serif !important; text-align: justify;}
.l_hotel .info_text .info_tp p { color:#374040;}

.top_deco { padding: 0 3% 4% 0;}
.top_deco span:before { content: " "; display: block; border-top: 1px solid #bebebe; height: 5px; }
.top_deco span { font-size: 12px; color: #ABABAB; letter-spacing: 1px; font-family: "Encode Sans SC", sans-serif; font-weight: 600; display: grid; grid-template-columns: 1fr max-content; grid-gap: 0 20px; align-items: center; }

.pm1 img { aspect-ratio: 9/5; object-fit: cover;}
.pm2 .img_l { padding:0 50px 0 0;}
.img_l .lis { padding: 1px 0 0;}
.pullman .pm2 .info_text { padding:50px 50px 40px 0;}
.l_hotel .info_text { padding: 0;}
.img_l .lis img { aspect-ratio: 1/1.3; object-fit: cover; height: 100%;}
.img_l .lis.room img { aspect-ratio: 1/1; object-fit: cover;}

.l_hotel .pm2 div.info_text h5 { font-size: 22px; font-weight: 600; margin:0 0 5px 0; color: #374040; letter-spacing: 1px;} 
.l_hotel .pm2 .info_text p { font-size: 14px;}
.lh_name { padding: 0 0 18px;}
.pm2 .lh_name h4 { font-size: 16px; font-weight: 600 ; margin: 0 0 8px; color: #374040;}
.l_hotel .pm2 div.lh_name h2 { font-size: 34px; font-weight: 500; display: block; text-shadow: none; color: #374040; margin: 0 0 8px; line-height: 1.1;}
.l_hotel.sr .pm2 div.lh_name h2 { text-align: right;}
.l_hotel .pm2 div.lh_name h6 { font-size: 22px; font-weight: 500; display: none; padding:0 20px 0 10px; margin: 0; color: #374040;}
.l_hotel .pm2 div.lh_name span a { font-size: 12.5px; color:#374040; padding: 2px 10px; margin: 10px 0 0; border-bottom: 1px solid #374040; transition: all 0.3s ease-in-out;}
.l_hotel .pm2 div.lh_name span a:hover { transition: all 0.3s ease-in-out; padding: 5px 12px; font-weight: bold;}

.info_img { padding:10px 0 40px; }
.info_img img { aspect-ratio: 1/1; object-fit: cover; height: 100%;}
.info_img .lis2 { padding: 0;}
.info_img .r1, .info_img .r2 { padding: 0 1px 0 0;}
.l_hotel .pm2  { padding:0;}
.l_hotel.sr .pm2 { padding:40px 0 20px; }
.l_hotel.sr .pm2 .info_text .lh_name { text-align: right; }
.sr .pm2 .lh_name h4 { text-align: right;}
.l_hotel.pullman .pm2 .info_tp { padding:0 0 30px 0;}
.pm2 .info_text .info_tp { padding: 0;}
.sr .pm2 .info_text .info_tp { padding: 0 0 0 50px;}
.l_hotel .pm3 { padding: 0 50px 0 0;}
.pm3 img { aspect-ratio: 4/3; object-fit: cover;}

.l_hotel.pullman { margin:-45px 0 0;}

.l_hotel.tmark { margin: -60px 0 0;}

.l_hotel.amarivv { margin: 0 0 100px;}

.l_hotel.amarivt {padding: 25px; margin:-45px 0 0;}


.rsl { border:1px solid #E7E7E7; margin:0 0 60px;}
div.new_features_content .rsl iframe { width:100%;}
div.new_features_content div.rsl * { color:#212529; text-align: justify;  font-family: "Noto Sans TC", sans-serif ;}
.rsl_info { padding:45px; }
.rsl h3 { font-size: 24px; font-weight: 700; letter-spacing: 1px; }
div.new_features_content div.rsl h5 { display: inline-block; font-size: 14px; font-weight: 500; line-height: 1.5; margin:10px 0; background-color: #E7E7E7; padding: 3px 10px; letter-spacing: 2px;}
div.new_features_content div.rsl p { font-size: 14px; }
.info_img div.img43.r1 img { aspect-ratio: 4/3; object-fit: cover; object-position:center 65%;}
.info_img .info_t { padding:0 0 0 30px; align-content: center;}


@media(max-width:1700px){
.pm2 .img_l { padding: 0 40px 0 0; }
.pullman .pm2 .info_text { padding: 45px 40px 40px 0; }
.rsl { margin:40px 0 60px;}
}

@media(max-width:1600px){
.l_hotel .info_text .info_tp p { display: inline; }
.rsl { margin:0 0 60px;}
}

@media(max-width:1500px){
.pullman .pm2 .info_text { padding: 50px 0; }
.img_l .lis.room img { aspect-ratio: 1/1.3;}   
.rsl { margin: 15px 0 60px; }
}

@media(max-width:1400px){
.pullman .pm2 .info_text { padding: 50px 0 20px; }
.img_l .lis.room img { aspect-ratio: 1/1;}   
}

@media(max-width:1300px){
.pm2 .img_l { padding: 25px 40px 0 0; }
.img_l .lis.room img { aspect-ratio: 1 / 1.1; }   
.rsl { margin:30px 0 60px;}    
}

@media(max-width:1199px){
.top_deco { padding: 0 3% 5% 0; }
.pullman .pm1 { padding: 0 1px 0 0;}
.pm2 .img_l { padding: 1px 0 0; }
.img_l .lis { padding:0 1px 0 0; }
.info_img div.lis2 img { aspect-ratio: 1/1  ;}
.img_l .lis img { aspect-ratio: 4 / 2.5; }
.img_l .lis.room img { aspect-ratio: 4 / 2.5; }
.pullman .pm2 .info_text { margin: 0 auto;}
.rsl { margin: 30px 0 60px; padding: 0 25px; border: none; }
.rsl_info { padding: 25px 0; }
.pullman .pm2 { border-bottom:1px solid #bebebe;}
.l_hotel.sr .pm2 { padding: 25px 0 35px;}
.sr .pm2 .info_text .info_tp { padding: 0 0 0 30px;}
.l_hotel.sr .pm2 { border-bottom:1px solid #E7E7E7; }
.l_hotel .pm3 { padding: 0 30px 0 0; }
div.pm3 img { aspect-ratio: 1 / 1.1; }
.l_hotel.amarivv { padding: 25px 0 45px; margin: 0 25px 50px; border-bottom: 1px solid #bebebe; }
}

@media(max-width:991px){
.pullman .pm2 .info_text { padding: 40px 0 0; }
.rsl_info { padding:1px 0 20px;margin: 1px 0 0; }
div.new_features_content div.rsl h5 { letter-spacing: 1px;}
.info_img .info_t { padding: 20px 0; }
.info_img div.img43.r1 img { aspect-ratio: 4 / 2.5; width: 100%; }
.info_img img { aspect-ratio: 4 / 2.5; width: 100%;}
.rsl { margin: 20px 0 ; }
.rsl video { padding: 0 1px 0 0; vertical-align: bottom;}
.l_hotel.pullman .pm2 .info_tp.bp { padding: 0 0 45px 0;}
.l_hotel.tmark { margin: -20px 0 0; }
.sr .pm2 .lh_name h4 {text-align: justify; }
.l_hotel.sr .pm2 div.lh_name h2 { text-align: justify; display: flex; align-items: baseline; }
.l_hotel.sr .pm2 div.lh_name h2 small { margin:0 0 0 10px;}
.l_hotel.sr .pm2 .info_text .lh_name { text-align: justify;}
.sr .pm2 .info_text .info_tp { padding: 0;}
div.pm3 img { aspect-ratio: 9 / 5; }
.l_hotel .pm3 { padding: 0 0 25px 0; }
}

@media(max-width:767px){
.top_deco { padding: 0 3% 6% 0; }
.l_hotel { padding: 25px 0;}
.pullman .pm2 .info_text { padding: 25px 0 0; }
.l_hotel.pullman .pm2 .info_tp { padding: 0 0 25px 0; }
.rsl { padding: 0;}
.l_hotel.amarivv { margin: 0 0 50px;}
.l_hotel.amarivt { padding: 25px 0; }
}

@media(max-width:575px){
.l_hotel .pm2 div.lh_name h2 { font-size: 32px; }
.l_hotel.tmark { margin: 25px 0 0; }
}

@media(max-width:425px){
.l_hotel.sr.tmark .pm2 div.lh_name h2 { display: block;}
.l_hotel.sr.tmark .pm2 div.lh_name h2 small { margin:0; }
}