@charset "utf-8";


.M6D.ULN15D { width:100%;}
.M6D.ULN15D ::selection { background: #86CCE5; color:#fff; }
.dfw { display: flex; flex-wrap: wrap; }
.M6D div.ifrs iframe { width:100%; margin:60px 0 0 ;}
.tsr.ulb.mobile_show { display: none;}

.ikt.m6u .img2 { padding: 0 15px 0 0;}
.ikt.m6u .ikt_info { padding: 20px 0 20px 30px;}
.ikt.m6b .img2 { padding: 0 0 0 15px;}
.ikt.m6b .ikt_info { padding: 20px 30px 20px 0;}
.ikt.m6b .ikt_info h6, .ikt.m6b .ikt_info h5 { text-align: right;}

/*蒙古8D*/

.point_8D { position: relative; }
.point_8D .top {  position: absolute; z-index: 2; top:70px; right:60px; writing-mode: tb; }
.point_8D .top p { font-size:14px; font-weight:bold; letter-spacing: 5px; color: #3d5a81; }
.point_8D .info { position: absolute; z-index: 2; top:90px; right:115px; text-align: justify; writing-mode: tb; }
.point_8D .tour_point { position: absolute; z-index: 2; bottom:0; padding:0 0 25px 40px ; } 
.point_8D .bgimg img { width: 100%; height: 100%; aspect-ratio: 1 / 1.15; object-fit: cover; }
.point_8D .info * { color: #3d5a81;}
.point_8D .info h4 { font-size:75px; font-weight:600; font-family: "Noto Serif TC", serif; letter-spacing: 3px;line-height: 1.1; }
.point_8D .info .sptext h6 { font-size:18px; font-weight:600; font-family: "Noto Serif TC", serif; margin-bottom: 10px; padding: 0 10px 0 0; }
.point_8D .info .sptext h6 span { font-size:18.5px; font-weight:400; font-family: "Lustria", serif; letter-spacing: 3px;}
.point_8D .info p { font-size:14px; line-height: 2.2; padding:0 20px 0 0 ; letter-spacing: 3px; }

.point_8 { background-color: rgba(247,250,250, 0.9); padding: 10px 30px 15px; margin: 0 0 8px;}
.point_8D .tour_point .tpt .point_8 * { color:#134a71; text-align: center;}
.point_8D div.point_8 h5 { color: #134a71; font-family: "Noto Serif TC", serif; font-weight:600; line-height:1.2;  letter-spacing: 1px; margin: 10px 0 12px; /*text-underline-offset: 8px;  text-decoration: underline 1px double;*/ }
.point_8D .tour_point .point_8 p { font-size: 14px; }
.point_8 ol { margin:0;  }
.point_8D .tour_point .tpt .point_8 li { text-align: justify;padding: 0 0 0 8px; line-height: 1.8; margin:0 15px;}
.point_8D .tour_point .tpt .point_8 ul { font-size: 14px; }
.tour_point .tpt, .tour_point .m8map { padding: 0;}
.tour_point .m8map { margin:auto 0;}

.M8D .list { width: 100%; padding: 45px 65px 45px 80px; margin: 2px 0; background-color: #F8F8F8; }    
.M8D .list ol { margin-bottom:0;}
.M8D ol.decimal li { list-style-type: decimal; list-style-position: outside; text-align: justify; font-size:14px; color:#333333;line-height:2.2; /*text-decoration: underline; text-underline-offset: 5px;*/ }



.point_15D { position: relative; background-color: #FCFCFC;}
.ULN15D .point_15D * { color:#134A71; }
.point_15D .top {  position: absolute; z-index: 2; top:0; padding:20px 60px 8px;  border-bottom: 1px solid #134A71; justify-self: anchor-center; }
.point_15D .top p { font-size:14px; font-weight:bold; letter-spacing: 5px; }
.point_15D .bgimg img { width: 100%;  }
.point_15D .info { display:flex; flex-wrap: wrap; position: absolute; z-index: 2; top:10%; left:5%; width: 100%; text-align: justify; }
.point_15D .info .sptext { z-index: 1; }
.point_15D .info .sptext h6 { font-size:18px; font-weight:600; font-family: "Noto Serif TC", serif; margin-bottom: 10px; }
.point_15D .info .sptext h6 span { font-size:18.5px; font-weight:400; font-family: "Lustria", serif; letter-spacing: 1px;}
.point_15D .info h4 { font-size:55px; font-weight:600; font-family: "Noto Serif TC", serif; letter-spacing: 3px; }
.point_15D .info p { font-size:14px; line-height: 2.2; padding:15px 0 0 ; }
.info .map15 {  max-width: 58%; position: absolute; right: 35px; top: 50px; /*padding: 0;*/ }
.tour_point { display:flex; flex-wrap: wrap; margin:-100px 0 0; padding:0 30px 25px; justify-content: center; }
.point_15D .tour_point .spot h5 { color: #134a71; font-family: "Noto Serif TC", serif; font-weight:600; line-height:1.2; margin: 5px 0 20px; letter-spacing: 1px; }
.point_15D .tour_point .spot h5 span { font-size:36px; font-family: "Lustria", serif; font-weight: 400; font-style:italic; padding:0 6px 0 0;}
.tour_point .spot { background-color: #fff; padding:20px 25px; margin: 0 10px; justify-items: center; }
.tour_point .spot p { font-size:14px; line-height: 1.8; }
.tour_point .flight { float: left;}
.tour_point .flight p { margin:12px 0 0 ; padding:0 0 0 10px; border-left:3px solid #134A71; text-align: justify; }
.tour_point .flight p.sp { font-size:12px; color:#2F3236; background-color: #FCFCFC; margin:10px 0 15px; padding:8px 15px; border:none; text-align: justify; }
.tour_point .flight p span { color: #FFF; font-weight: 900; background: #c0403C; padding: 3px 8px;}
.tour_point .flight p span.sp { font-size:12px; color: #FFF;  font-weight: 900; padding:3px 8px ; background-color: #c0403C;}
.tour_point .enjoy p { margin:12px 0 0 ; }
.tour_point .enjoy .exp b { color:#F9FCFF; font-size:18px; line-height: 2;}
.tour_point .enjoy .exp { color:#F9FCFF; background-color:#134A71; font-size:12.5px; padding:8px 0 15px; }
.tour_point .guide { border-left:3px solid #134A71; text-align: justify; padding:0 0 0 10px; }
.tour_point .taste {text-align: justify; }
/*.tour_point .taste .st { padding: 20px 0 0;}*/

/*v3*/
.tour_point .ss.spot .taste, .tour_point .ss.spot .t_img { padding: 10px 0 0;}
.tour_point .ss.spot h5 { margin:5px auto 12px;}
.spot.sweet { display: flex; flex-wrap: wrap; margin: 20px 10px 0;}
.spot.sweet h5 { width: 100%; }
.tour_point .spot.sweet .taste { padding: 0 0 0 25px ; margin:auto 0 ;}
.tour_point .spot.sweet .swe_img { padding: 0;}
.tour_point .spot.sweet .swe_img img { height: 100%; width: 100%; object-fit: cover; aspect-ratio: 9 / 5.2;  object-position: center 85%;}
.tour_point .spot.sweet .swe_img.u13 img { aspect-ratio: 10/7;    padding: 0 5px 0 0; }
img.st { object-fit: cover; height: 100%; width: 100%;  }

/*15D*/
.ss { display: flex; flex-wrap: wrap; padding: 0;}
.ss .sweet { margin-top:20px;}


.tsr { display: flex; flex-wrap: wrap; padding: 30px 0 0; text-align: justify;} 
.cRed { color: #923848; }
.ULN15D .tsr .tab_mark h6 { writing-mode: vertical-lr; font-size: 16px; font-family: "Noto Serif TC", serif; font-weight: 600; letter-spacing: 2px; margin: 0px; display: inline-grid;
                            grid-template-columns: 1fr max-content; grid-template-rows: 30px 0; grid-gap: 0 10px; align-items: center; position: relative; left: 8%;  padding: 0 10px; }
.ULN15D .tsr .tab_mark h6 span { display: contents; font-size: 14px; font-family: "Lustria", serif; font-weight: 400; letter-spacing: 0;}
.tab_mark h6::before { content: " "; display: block; border-left: 1px solid #923848; height: 60px;}

.cGreen { color: #8b8b5c; }
.tab_mark.cGreen h6::before { content: " "; display: block; border-left: 1px solid #8b8b5c; height: 60px;}

.tsr_title { display: flex; flex-wrap: wrap; padding: 30px 40px 30px 0; }
.tsr_title>img { aspect-ratio: 2.3 / 1; object-fit: cover; }
.ULN15D .tsr .tsr_title h6 { font-size:16px; font-weight:600; font-family: "Noto Serif TC", serif; letter-spacing: 1px; margin:0 0 10px; line-height: 1.5; }
.ULN15D .tsr .tsr_title p { font-size: 14px;}

.tsr_info { display: flex; flex-wrap: wrap; padding: 0; margin:20px 15px 20px 0;}
.tsr_info.acsa { align-content: space-around; }
.tsr .tsr_title .tsr_info h5 { font-size:22px; font-weight:600; font-family: "Noto Serif TC", serif; letter-spacing: 2px; margin:10px 0; line-height: 1.5; }
.tsr_info p { padding:10px 0; }
.tsr_info .simg { padding:20px 10px 0 0;}
.simg img { aspect-ratio: 3/2.1; object-fit: cover; object-position: center right; } 
.simg.boat .col-6 { padding: 0 2px 0 0; } 
.simg.boat img { aspect-ratio: 1/1 ;object-fit: cover;} 
.simg.boat .imgL img { object-position: center center;}
.simg.boat .imgR img { object-position: center 75%;}
.boat { display: flex; flex-wrap: wrap;}
.tsr_salt { background-color: #f8f7f3; margin:35px 20px; padding:30px; height: fit-content; position: relative; align-self: center;} 
.tsr_salt .spe { position: absolute; width: 36%; top: -25px; right: -40px;}
.tsr .tsr_title .tsr_salt h5 { font-size:22px; font-weight:600; font-family: "Noto Serif TC", serif; letter-spacing: 2px; margin:0 0 30px; line-height: 1.5; }

/*奧立洪島*/
.jcr { justify-content: right; }
.olkhon_info { text-align: center; margin: 0 auto 30px; }
.olkhon_img { height:100%; object-fit: cover; object-position: 88%; }
.shaman_info { background-color: #f8f7f3; padding:30px; text-align: center; }
.olkhon_info>p, .shaman_info>p { padding:0px; }
.imgxpd { padding:0 0 0 30px;}
.shaman_img { aspect-ratio: 16/6; object-fit: cover; }

/*伊爾庫茨克 景點*/
.ikt_top { padding:0px; background-color: #923848; }
.tsr .ikt_top p { color:#fff; padding:15px; text-align: center; font-weight:600; font-family: "Noto Serif TC", serif; letter-spacing: 1px; }
.ikt { display: flex; flex-wrap: wrap; padding: 0 22px; margin:20px 0; }
.ikt .img2 { display: flex; flex-wrap: wrap; padding:0 ; }
.img2 .col-6 { padding:0; object-fit: cover; }
.img2 .imgL img { aspect-ratio: 3/4; object-fit: cover; padding:0 2px 0 0;}
.ikt .ikt_info { padding:20px 0 20px 40px; margin:auto 0; }
.ikt_p { display: flex; flex-wrap: wrap; padding: 0; margin:20px 0;}
.col-lg-4.ikt_info { padding: 0 22px;}
.ikt_info { padding: 0;}
.tsr .tsr_title .ikt_info h5 { font-size:22px; font-weight:600; font-family: "Noto Serif TC", serif; margin: 10px 0; line-height: 1.5; }
.ikt_info h5 span { display: block; font-size:14px; font-weight:400; font-family: "Lustria", serif; letter-spacing: 1px; }
.ikt_info img { aspect-ratio: 4/3; object-fit: cover;}
.lcfx { display: flex; flex-wrap: wrap; margin: 35px 0 0;}
.lcfx .col-4 { padding: 0 22px;}
.lcfx .col { padding: 0 22px ;}

/*烏蘭烏德*/
.tsr_info.ikt_info { display: block; padding: 20px 40px 20px 0; margin:0;}
.tvimg { display: flex; flex-wrap: wrap; padding: 0; margin: auto 0; }
.tvimg .col-6 { padding:0; object-fit: cover;}
.tvimg .imgL { padding:0 2px 0 0; }
.tvimg .imgL img { aspect-ratio: 3/4; object-fit: cover; height:100%; width: 100%;}

/*烏蘭巴托*/
.tsr.ULN { padding:0; position: relative;}
.tsr.ULN .col * { padding:0;}
.ulnpoint { display: flex; flex-wrap: wrap; position: absolute; padding:30px 0 0;}
.ulnpoint .uln_info > p { font-size: 14px; line-height: 2.2; padding: 15px 0 0; color: #6F6F49; margin: 30px 0 125px;}
.GK_title { display: flex; flex-wrap: wrap; }
.tsr.ULN .GK_title .col-sm-3 img { padding:0 20px 0 0 ; height: 100%; width: 100%; object-fit: cover;}
.uln_info .uln_GK .GK_title h6 { font-size: 16px; font-weight: 600; font-family: "Noto Serif TC", serif; letter-spacing: 1px; margin: 0 0 10px; line-height: 1.5;}
.uln_info .uln_GK .GK_title h5 { font-size: 22px; font-weight: 600; font-family: "Noto Serif TC", serif; margin: 10px 0 0; line-height: 1.5; }
.uln_info .uln_GK .GK_title h5 span { display: block; font-size: 14px; font-weight: 400; font-family: "Lustria", serif; letter-spacing: 1px; }
.tsr.ULN .uln_info .uln_GK p { font-size: 14px; padding:15px 20px 0 0 ; }
.tsr.ULN .uln_info .uln_GK p span { background-color: rgba(255, 255, 255, 0.5); }

/*國家公園*/
.npmg { margin:50px 0 0;}
.tsr_info.ikt_info.tnp_pd { position: relative; margin:0; padding:0;}
.ikt_info .tnpbg img { aspect-ratio: 4/5; object-position: center bottom; }
.tnp { position: absolute; z-index: 1; }
.tsr_info.ikt_info .tnp { padding:25px 40px; margin: 0 45px 45px; background-color: rgba(252,253,252, 0.99); bottom: 0; justify-self: anchor-center;}
.tsr_info.ikt_info .tnp p { font-size: 14px; }
.tsr_info.ikt_info .tnp .sp_h { font-size: 15px; font-weight: 900; display: block; text-align: center; color:#fff; background: #6F6F49; padding:2px; margin:15px 0 5px ;}
.npmg .tnp_pd .tnp h5 { font-size: 22px; font-weight: 600; font-family: "Noto Serif TC", serif; margin: 10px 0 0; line-height: 1.5;}
.tsr_info.ikt_info.hnp_pd { margin:auto 0; padding:0; }
.hnp { padding: 0 40px 0 50px;}
.tsr_info.ikt_info .hnp h6 { font-size: 16px; font-weight: 600; font-family: "Noto Serif TC", serif; letter-spacing: 1px; margin: 0 0 10px; line-height: 1.5;}
.tsr_info.ikt_info .hnp h5 { font-size: 22px; font-weight: 600; font-family: "Noto Serif TC", serif; margin: 10px 0 0; line-height: 1.5; }
.tsr_info.ikt_info .hnp h5 small { font-size: 14px; font-weight: 600; font-family: "Noto Serif TC", serif; }
.tsr_info.ikt_info .hnp p { font-size: 14px; }
.tsr_info.ikt_info .hnp img { aspect-ratio:auto; margin:15px 0 0; }

/*哈喇和林*/
.tsr.KKR { padding:50px 0; margin:50px 0 30px; background: #F8F8F8; }
.KKR .k_title { text-align: right;}
.KKR .k_info { padding:0 120px 0 50px; margin:auto 0; }
.tsr.KKR .k_title h6 { font-size: 16px; font-weight: 600; font-family: "Noto Serif TC", serif; letter-spacing: 1px; margin: 0 0 10px; line-height: 1.5;}
.tsr.KKR .k_title h5 { font-size: 22px; font-weight: 600; font-family: "Noto Serif TC", serif; margin: 10px 0 0; line-height: 1.5; }
.KKR .k_title h5 span {display: block; font-size: 14px; font-weight: 400; font-family: "Lustria", serif; letter-spacing: 1px; }
.KKR .k_info p { font-size: 14px; }

/*光顯寺*/
.tnpbg.ezbg { margin:60px 0 0; }
.ez_img { padding:0 0 100px 100px; }
.hnp.zuu { margin: 20px 0 0; padding: 0 100px 0 50px;}
.tsr_info.ikt_info.hnp_pd.ez_info { margin:0;}

/*戈壁駱駝*/
.tsr.ULN.npmg .gb_info { padding: 0 50px; margin:auto 0;}
.tsr.ULN.npmg .gb_info h6 { font-size: 16px; font-weight: 600; font-family: "Noto Serif TC", serif; letter-spacing: 1px; margin: 0 0 10px; line-height: 1.5; }
.tsr.ULN.npmg .gb_info h5 { font-size: 22px; font-weight: 600; font-family: "Noto Serif TC", serif; margin: 10px 0 20px; line-height: 1.5; }
.tsr.ULN.npmg .gb_info .sp_h {font-size: 15px; font-weight: 900; display: block; text-align: center; color:#fff; background: #6F6F49; padding:2px; margin:15px 0 5px ; }
.tsr.ULN.npmg .gb_info p { font-size: 14px; }
.tsr.ULN.npmg .gbimg { padding:0 50px 0 0;}
.gbimg img { aspect-ratio: 1/1; object-fit: cover; object-position: center 30%; height: 100%; width: 100%;}

/*遊牧民族渡假村*/
.npmg.mnc { margin:80px 0; }
.mnc::after {content: ""; height: 75%; display:block; margin: auto 0; position: absolute; right: 0; left: 0; bottom: 0; top:0; border: 1px solid #9A9A7F; }
.mnc_img { z-index: 2; }
.mnc_img .mncp { margin:0 auto; }
.mncp img {aspect-ratio:16/9; object-fit: cover; padding:0 0 2px; }
.mnc .ez_info { padding:0; margin:auto 0;}
.hnp.mnc_info { padding:0 80px 0 0 ; }
.tsr_info.ikt_info.hnp_pd.ez_info.mncc { margin: auto 0;}

/*蒙古景點*/
.mg_point { background-color: #F9F9F9;}
.mg_point .tsr_title { padding: 0px 50px 40px;}
.ly_hide { visibility: hidden}
.gk_img img { aspect-ratio:16/9; object-fit: cover; height: 100%; width: 100%; }
.gk_info { margin: auto 0;}
.mg_point .tsr_title .lcfx { margin: 15px 0 10px;}

/*蒙古包*/
.tsr.sp_hotel { margin: 20px 0 0;}
.cBlue { color: #1BA3CE; }
.tab_mark.cBlue h6::before { content: " "; display: block; border-left: 1px solid #1BA3CE; height: 60px;}
img.mgb { object-position: center 75%; }
.h_img { display: flex; flex-wrap: wrap; padding:50px; margin: auto 0;}
.h_img .img4 { padding: 0 2px 2px 0;}
.img4 img { aspect-ratio: 1/1; object-fit: cover; height: 100%; width: 100%;}
.h_info { padding: 30px 40px 0 0;}
.sp_hotel .tsr_title .h_info h5 { font-size: 22px; font-weight: 600; font-family: "Noto Serif TC", serif; margin: 0 0 10px; line-height: 1.5; }
.sp_h.mg { font-size: 15px; font-weight: 900; display: block; text-align: center; color:#fff; background: #1BA3CE; padding:2px; margin:15px 0 5px ; }
ol.star { margin: 0 0 0 15px; }
ol.star li{ list-style-type: ' ★ '; list-style-position: outside; text-align: justify; font-size:14px; color:#2F3236;line-height:2; }
ol.star li span { font-size:14px; font-weight: 900; color:#1892B9; background-color: #F5FAFC;}

/*餐食介紹*/
.cGray { color: #939393; }
.tab_mark.cGray h6::before { content: " "; display: block; border-left: 1px solid #939393; height: 60px;}
.sp_food .h_info { padding:0 50px; margin:auto 0;} 
.ULN15D .sp_food .h_info h5 { font-size: 22px; font-weight: 600; font-family: "Noto Serif TC", serif; margin: 0 0 10px; line-height: 1.5;text-align: right;}
.sp_food .h_info h6 { text-align: right; }
.sp_food p { text-align: right; padding: 10px 0;}
.sp_food ol { float: right; padding:20px 0;}
.sp_food ol li { color:#666; text-decoration: none; line-height: 2; }
.sp_food ul { float: right;}
.sp_food ul li { font-size: 12px; padding:0 0 0 5px;}
.sp_food ul li span { font-weight: bolder; color: #C0403C;}
.sp_food .f_img { padding:0; margin: auto 0;}

/*12D蒙古 景點*/
.top.mg { margin: 60px 0 20px;}
.ulb .cc3 { color: #8b8b5c; }
.ulb .tab_mark h6::before { border-left: 1px solid #8b8b5c;}
.top.mg .top_info { position: initial; padding:0 50px;}
.top.mg .top_info .t_text { margin: 20px 0 50px 50px;}
.top.mg .top_info .m_info h5 { font-size: 22px; font-weight: 600; font-family: "Noto Serif TC", serif; margin: 10px 0; line-height: 1.5; }
.top.mg .top_info .m_info h5 span { display: block; font-size: 14px; font-weight: 400; font-family: "Lustria", serif; letter-spacing: 1px; }
.mg .top_bg .cover img { object-fit: cover; height:100%; width:100%; border-radius: 0 100px 0  0 ;}




/*團型AOJ33>>HCM HOTEL 新增市區飯店*/
.sgn10 .sgn_img img{ margin:0 auto; }
.sgn10 .SGNH { margin: 30px 0 ;} 
.hcm_hotel { display:flex; flex-wrap:wrap; }
.hcm_hotel .col-12.col-xl-1.HCMC { padding:0 5px; writing-mode: vertical-lr; flex-basis: content; background: #3195B4; margin:18px; }
.hcm_hotel .col-12.col-xl-1 p { color:#FFF;  font-size:18px; font-family: "Noto Serif TC", serif; font-weight: 400; letter-spacing:5px; }
.hcm_hotel .col-12.col-xl-1 p span { font-size:12px; font-family: "Trirong", serif;  font-weight: 500; letter-spacing:2px;  }
.hcm_hotel .col-12.col-xl-11 { padding:0; }
.hcm_hotel .hotel_info .hcm { padding:18px 0; }
.hcm_hotel .hotel_info .hcm.BDB { border-bottom:1px solid #DEDEDE; }
.hcm_hotel .col-12.col-sm-6.col-md-12.col-lg-2 { padding:0 3px 0 0; }
.hcm_hotel .col-12.col-sm-6.col-md-5.col-lg-4 { padding:0; }
.hcm_hotel .hotel_info .hcm .hpic img{ object-fit: cover; height: 100%; width: 100%; }
.hcm_hotel .hotel_info .hcm .hpic.bs1 img{ object-position: 58% center; }
.hcm_hotel .hotel_info .hcm .hpic.bs2 img{ object-position: 20% center; }
.hcm_hotel .hotel_info .hcm .hpic.LMSl img { object-position: 50%; }
.hcm_hotel .hotel_info .hcm .h_text { padding:20px 30px; }
.hcm_hotel .hotel_info .hcm * { color:#282828; text-align: justify; }
.hcm_hotel .hotel_info .hcm h4 { font-size:24px; font-family: "Noto Serif TC", serif; font-weight: 700; letter-spacing:2px; padding:0 0 8px; }
.hcm_hotel .hotel_info .hcm h6 { font-size:15px; font-family: "Lustria", serif; font-weight: 400; letter-spacing:1px; margin-bottom: 12px;}
.hcm_hotel .hotel_info .hcm span.link a { font-size: 14px; font-weight: 800; color:#FFF; background: #3195B4; padding: 3px 10px; float: right; line-height: 2; }
.hotel_info { display:flex; flex-wrap:wrap; }
.hcm { display:flex; flex-wrap:wrap; }
.hcm_hotel .col-12.col-xl-1.MN { padding:0 5px; writing-mode: vertical-lr; flex-basis: content; background: #9C6E54; margin:18px; }
.hcm_hotel .hotel_info .hcm .hpic.MRPTl img { object-position: 65%; }
.hcm_hotel .hotel_info .hcm span.link_mn a { font-size: 14px; font-weight: 800; color:#FFF; background: #AF8B76; padding: 3px 10px; float: right; line-height: 2; }


@media (max-width:1500px){ 
    .point_8D .top { top:50px; right:50px; }
    .point_8D .info { top:75px; right:100px; }
}


@media (max-width:1400px){ 
    .hnp.zuu { margin: 0;}
    .img4 img { aspect-ratio: 3/4;}
}


@media(max-width:1352px){
.hcm_hotel .col-12.col-xl-1.HCMC { margin:18px 12px; } 
.hcm_hotel .col-12.col-xl-1.MN { margin:18px 12px; }
}

@media (max-width:1300px){ 
    .point_8D .top { right: 40px;}
    .point_8D .top p { letter-spacing: 3px;}
    .point_8D .info { top:60px; right: 85px;}
    .point_8D .info h4 { font-size: 68px; }
    .point_8D .tour_point { padding: 0 0 10px 20px; }

    .point_15D .info { top:10%; }
    .point_15D .top { padding: 20px 20px 8px; }
    .tvimg { margin:0; padding: 25px 0;}
    .tvimg .imgL img, .tvimg .imgR img { height: 100%;}
    .ulnpoint .uln_info > p { font-size: 13px; margin: 20px 0 110px; }
    
    .tsr_info.ikt_info .tnp { margin: 0 30px 30px;}

    .ez_img { padding: 0 0 80px 80px;}
    .hnp.zuu { padding: 0 80px 0 50px; }

    .mnc::after { height: 80%;}
    .mnc_img .mncp { padding: 0;}
    .hnp.mnc_info { padding: 0 60px 0 0 ;}
    .tsr_info .mnc_info p { padding:10px 0 0;}

    .h_img { padding: 40px;}

    .sp_food .h_info { padding: 0 40px 0 0;}
}


@media (max-width:1199px){ 

    .point_8D .top {  position: initial; writing-mode: initial; } 
    
    .point_8D .info {  position: initial; writing-mode: initial; text-align: center; margin: 20px 0;} 
    
    .point_8D .info h4 { margin: 0 0 10px; }
    .point_8D .info p { padding: 0; }
    .M8D .list { padding: 35px 35px 35px 50px; }
    .point_8D .bgimg img { aspect-ratio: 1/1; object-position: center 90%; }


    .point_8D .tour_point { position: initial; padding: 0; margin: -300px 0 20px -1px; }
    .point_8 { background-color:unset; padding: 10px 30px 15px; margin: 0 0 8px;}
    .tour_point .m8map { padding: 0 0 20px;}
   
    .point_8D div.point_8 h5 { font-size: 1.5rem;} 
    .point_8D .tour_point .tpt .point_8 li { place-self: center; }

    .point_15D .top { padding: 12px 15px 8px; }
    .point_15D .top p { font-size: 12.5px;}
    .point_15D .info { top:7%; }
    .point_15D .info h4 { font-size: 50px;}
    .point_15D .info .sptext h6 { font-size: 15px; margin-bottom: 0; }
    .info .map15 { max-width: 60%; right: 22px; top: 55px;}
    .tour_point .spot { margin: 20px 10px 0; }
    .point_15D .tour_point .spot h5 { font-size: 22px; }

    .tour_point .spot.sweet .swe_img.u13 img { aspect-ratio: 1/1;    padding: 0 5px 0 0; }

    /*v3*/
    .tour_point .ss.spot h5 { width: 100%; padding:0;}
    .tour_point .ss.spot .taste { padding: 10px 25px 0 0; margin: auto 0;}
    .tour_point .spot.sweet  h5 { padding: 0 0 15px; margin: 0;}

    .tsr_title { padding: 30px 40px 30px 30px; }
    .tsr .tsr_title .tsr_info h5 { width: 100%;}
    .ULN15D .tsr .tsr_title .fu100 { width: 100%;}
    .tsr_info .simg.boat { padding: 20px 0 0; }
    
    .tsr_salt { margin: 30px 0 20px; padding: 30px; }
    .tsr_salt .spe { top: 32px; right: 40px; }
    .imgxpd { padding: 0;}
    .olkhon_img { aspect-ratio: 2.3 / 1; object-fit: cover; height: 100%;  width: 100%;}

    .ikt { padding: 0 15px;}
    .cos { height: 100%; width:100%; object-fit: cover;}
    .ikt .ikt_info { padding: 0 0 0 30px ;}
    .col-lg-4.ikt_info { padding:0 15px;}
    .lcfx .col-lg-4, .lcfx .col { padding:0 15px;}
    .lcfx .col-lg-4 img { height: 100%; width: 100%;}

    .ulnpoint .uln_info > p { margin: 15px 0 80px; }

    .ikt_info .tnpbg img { height:100%; width: 100%; aspect-ratio: 4 / 3; object-position: center top; }
    .tsr_info.ikt_info .tnp { margin: 0; position: initial; background-color:#F2F6F2; }

    .KKR .k_info { padding: 0 70px 0 50px; }
    .tsr.KKR { margin: 50px 0;}
    .ulnpoint.tsr_title {padding: 0;}
    .tnpbg.ezbg { margin: 100px 0 0;}
    .ez_img { padding: 0 0 0 50px;}
    .ez_img img { height: 100%; width: 100%; object-fit: cover;}
    .hnp.zuu { margin: 0; padding: 0 50px;  }

    .hnp.mnc_info { padding: 0 50px 0 0 ;}

    .mg_point { padding: 0;}
    .mg_point .tsr_title {padding: 30px; }

    .h_img { padding: 2px 0 0;}
    .h_info { padding: 20px 0 0; }
    .img4 img {aspect-ratio: 1/1; }
    img.mgb { padding: 0 2px 0 0;  }
    
    .f_img.xl_mobile_show img { height: 100%; width: 100%; object-fit: cover;}
    .sp_food .h_info { padding: 20px 0 0; }
    .ULN15D .sp_food .h_info h5 { text-align: left;}
    .ULN15D .tsr.sp_food .tsr_title h6 { text-align: left; }
    .sp_food p { text-align: left;}
    .sp_food ol { float: left; padding:20px 0 20px 20px; }
    .sp_food ul { float: left; padding:0 0 0 10px; }

    .hcm_hotel .col-12.col-xl-1.HCMC { margin:0px; writing-mode: horizontal-tb; flex-basis: auto; margin:18px 0 0;} 
    .hcm_hotel .hotel_info .hcm .h_text { padding: 20px 0 20px 25px; }
    .hcm_hotel .hotel_info .hcm.BDB.LMS { border-bottom:none; }
    .hcm_hotel .hotel_info .hcm .hpic.LMSr img { object-position: 50%; }
    .hcm_hotel .col-12.col-xl-1.MN { margin:0px; writing-mode: horizontal-tb; flex-basis: auto; margin:18px 0 0;} 

}


@media (min-width:768px) and (max-width:1199px){
    .simg img{aspect-ratio: 3 / 2.15;}
  }

@media (max-width:1080px){ 
    .tsr_salt .spe { width: 30%; top: 55px; right: 55px; }
    .mnc_img { padding: 0;}
}
  
@media (max-width:991px){
        .point_8D .tour_point { margin: -250px 0 20px -1px; }
        .point_8 { margin:0; }
    
.ikt.m6u .img2 { padding: 0;}
.ikt.m6u .ikt_info { padding: 0;}
.ikt.m6b .img2 { padding: 0;}
.ikt.m6b { margin:10px 0;}
.ikt.m6b .ikt_info { padding: 0;}
.ikt.m6b .ikt_info h6, .ikt.m6b .ikt_info h5 { text-align: left;}
.ikt.m6b .ikt_info h6 { margin: 15px 0 0;}
.M6D .ikt.m6b .ikt_info h5 { margin: 0 0 10px;}

    .point_15D .top { position: inherit; border-bottom: 0; }
    .point_15D .top p { font-size: 11px; }
    .point_15D .info { top: 5%; left: 2%; }
    .point_15D .info .sptext h6 { font-size: 14px; }
    .point_15D .info .sptext h6 span { font-size: 16px; }
    .point_15D .info h4 { font-size: 45px; }
    .point_15D .info p { font-size: 12px; }
    .info .map15 { max-width: 65%; right: -5px; top: 66px; }
    .tour_point { padding: 0 20px 10px; }
    .tsr_title { padding: 30px; }
    .tsr_salt .spe { width: 28%; top: 18px; right: 18px; }

    .ikt { padding: 0;}
    .ikt .ikt_info { padding: 5px 0 0;}
    .col-lg-4.ikt_info { padding: 0;  margin: 0 0 30px;}
    .tsr .tsr_title .ikt_info h5 { padding: 5px 0 0;}
    .lcfx { margin:0;}
    .lcfx .col-lg-4, .lcfx .col { padding:0 ;}
    .mdm { order: -1;  margin: 2px 0 0; }
    .tsr_info.ikt_info.tvg { padding:20px 0 ;}
    .tvimg { padding: 0;}
    .tvimg .imgR img { height: auto;}
    .tvimg .imgL img { height: 100%; width: 100%; object-fit: cover ;}
    .mgb991 { margin: 350px 0 0;}

    .ulnpoint .uln_info > p { margin: 150px 0 180px 15px;}
    .tsr_info.uln_GK { margin: 20px 0 20px 15px; }
    .hnp {padding: 0 30px 0 40px; }

    .tsr.KKR { padding: 35px 0;}
    .KKR .k_title { text-align: center; margin: 0 0 20px;}
    .KKR .k_info { padding: 0 35px; }


    .ulnpoint.tsr_title { position: initial;}
    .ez_img { padding: 0 60px;}
    .hnp.zuu { padding: 25px 60px 0;}
    .tnpbg.ezbg { margin: -165px 0 0;}

    .tsr.ULN.npmg .gb_info { padding: 0 30px 0 0;}
    .tsr.ULN.npmg .gbimg { padding: 0;}

    .mnc::after { height: 92%;}
    .hnp.mnc_info { padding: 0 30px 0 0 ;}

    .gk_img { padding: 0;}

    .hcm_hotel .col-12.col-sm-6.col-md-12.col-lg-2 { padding:0 0 5px; }
    .hcm_hotel .hotel_info .hcm h6 { letter-spacing:0px; }
}
@media (max-width:800px){ 
    .ulnpoint .uln_info > p { margin: 150px 0 160px 15px;}
}

@media (max-width:767px){ 
    
    .M6D .tsr.ulb.mobile_show { margin: 50px 0 0;}
    .M6D .point_8 { padding: 10px 0 15px; }
    .point_8D .top p { font-size: 13px; letter-spacing: 1px; }
    .point_8D .info h4 { font-size: 60px; }
    .point_8D .tour_point { margin: -180px 0 20px -1px; }
    .point_8D .info p { font-size: 13px; letter-spacing: 1px; }
    .point_8D .tour_point .tpt .point_8 li { place-self: initial; }
    .point_8D div.point_8 h5 { font-size: 1.4rem ; }

    .point_15D .info { top: 70px; left: 0%;    text-align: center; }
    .point_15D .top p { letter-spacing: 2px; }
    .point_15D .info p { text-align: left; padding: 15px 0 0 15px; }
    .info .map15 { max-width: 80%; right: -15px; top: 150px;}
    .tour_point { margin: -100px 0 0; }
    .point_15D .bgimg img { aspect-ratio: 9/16 ; object-fit: cover; object-position: center left; }

    /*v3*/
    
    img.st { object-fit: cover; aspect-ratio: 9 / 5.2;  object-position: center 40%; height: 100%; width: 100%;  }
    .tour_point .ss.spot .taste { padding: 10px 0 0; }
    .tour_point .spot.sweet h5 { order: -1;}
    .tour_point .spot.sweet .taste { padding: 0; }
    .tour_point .spot.sweet .swe_img {  padding: 10px 0 0; }

    .ULN15D .tsr .tab_mark h6 {writing-mode: initial; display: flex ; grid-gap: 0 30px; left:0; justify-content: center; text-align: center;}
    .tab_mark h6::before { height: 30px; }
    .tab_mark h6::after { content: " "; display: block; border-left: 1px solid #923848; height: 30px; }
    .tab_mark.cGreen h6::before { height: 30px; }
    .tab_mark.cGreen h6::after { content: " "; display: block; border-left: 1px solid #8b8b5c; height: 30px; }
    .tab_mark.cBlue h6::before { height: 30px; }
    .tab_mark.cBlue h6::after { content: " "; display: block; border-left: 1px solid #1BA3CE; height: 30px; }
    .tab_mark.cGray h6::before { height: 30px; }
    .tab_mark.cGray h6::after { content: " "; display: block; border-left: 1px solid #939393; height: 30px; }
    .tsr_title { padding: 20px 0; }
    .cRed { margin:20px 0 0 ;}

    .mgb991 { margin: 320px 0 0; }
    img.ulnbg {  margin: 80px 0 0;}
    .ulnpoint .uln_info > p { font-size: 12px; margin: 130px 0 130px 20px; }
    .col.pdz { padding: 0;}
    .tsr_info.uln_GK { margin: 20px 0;}
    .tsr.ULN .uln_info .uln_GK p { padding: 15px 0 0;}

    .tsr_info.ikt_info .tnp { padding: 25px 30px;}
    .hnp {padding: 30px 30px 0; }

    .KKR .k_info { padding: 0 30px; }

    .ez_img { padding: 0 30px;}
    .hnp.zuu { padding: 25px 30px 0;}
    .tnpbg.ezbg { margin: -145px 0 0;}

    .tsr.ULN.npmg .gbimg { margin: 0 0 20px;}
    .gbimg img { aspect-ratio:4/3; object-position: center 30%; }
    .tsr.ULN.npmg .gb_info { padding: 0;}
    
    .npmg.mnc { margin: 40px 0; padding:25px;}
    .mnc::after { height: 100%;}
    .mnc_img { display: flex; margin: 0 0 20px;}
    .mncp img { aspect-ratio: 3/4; padding: 0 2px 0 0; height: 100%; width: 100%;}
    .mncp.imgL img { object-position: 60% ;}
    .mncp.imgR img { object-position: 45% ;}
    .hnp.mnc_info { padding: 0; }
    .gk_img img { aspect-ratio: 4/3;}

    .sp_hotel img.mgb { aspect-ratio: 2/1;}
    .img4 img { aspect-ratio: 4 / 3; }

    .hcm_hotel .col-12.col-sm-6.col-md-12.col-lg-2 { padding:0 5px 0 0; }
    .hcm_hotel .hotel_info .hcm .h_text { padding: 20px 0; }

}

@media (max-width:600px){ 
    .tsr_info.uln_GK { display: none;}
    .tsr.ULN .m_gksc { margin: 20px 0 0;}
    .tsr.ULN .m_gksc h6 { font-size: 16px; font-weight: 600;  font-family: "Noto Serif TC", serif; letter-spacing: 1px; margin: 0 0 10px; line-height: 1.5;}
    .tsr.ULN .m_gksc h5 { font-size: 22px;  font-weight: 600; font-family: "Noto Serif TC", serif; margin: 10px 0 0; line-height: 1.5; }
    .tsr.ULN .m_gksc h5 span { display: block; font-size: 14px; font-weight: 400; font-family: "Lustria", serif; letter-spacing: 1px; }
    .tsr.ULN .m_gksc p { font-size: 14px; padding: 15px 0 0;}
    .mgb991 { margin: 25px 0 0; }
}

@media (max-width:575px){ 
    .M6D.ULN15D { padding: 0 30px;}
    .point_8D .tour_point { margin: -210px 0 20px -1px; }

    .point_15D { background-color: #F6F6F6; }
    .tour_point { padding: 0 8px 10px; }

    .tsr_title { padding: 20px 18px; }
    .tsr_info { margin:10px 0;}
    .col-sm-5.simg { margin: 20px 0 0; }
    .simg img { height:auto ; width:auto ; aspect-ratio: 2 / 1; object-position: right 40%; }
    .tsr_info .simg { padding: 0;}
    .simg.boat h6 { width: 100%;}
    .simg.boat img { height: 100%; width: 100%; object-fit: cover; aspect-ratio: 1/1.1;}
    .tsr_salt { margin:30px 0 20px ;}

    .col.pdz { padding: 0 18px;}
    .ulnpoint .uln_info > p { margin: 130px 0 180px 20px; }
    .dpn { display: none;}
    
    
    .ulnpoint {padding: 25px 0 0; }

    .col-12.ikt { margin:0 0 20px;}

    .tsr_info.ikt_info.tnp_pd { padding: 20px 18px;}
    .hnp {padding: 20px 18px 0; }

    .ikt_p.mm1 { margin: 20px 0 0;}
    .tsr.KKR {  margin:50px 18px;}

    .ez_img { padding: 0 18px;}
    .hnp.zuu { padding: 15px 18px 0;}
    .tnpbg.ezbg { margin: -145px 0 0;}

    .npmg.nm2 { margin: 50px 18px 0; }
     
    .mg_point .tsr_title { padding: 0 18px 20px;}

    .tsr.ULN .m_gksc { padding:0 18px;}

    .hcm_hotel { padding: 0; }
    .hcm_hotel .col-12.col-sm-6.col-md-12.col-lg-2 { padding:0 0 5px; }

}

@media (max-width:540px){ 
    .ulnpoint .uln_info > p { margin: 130px 0 160px 20px; }
}

@media (max-width:500px){ 
    .point_8D .tour_point { margin: -180px 0 20px -1px; }
}

@media(min-width:476px) and (max-width:480px) {
    .tsr_salt .spe {  width: 28%; top: -35px; }
}
@media (max-width:475px){ 
    .M6D .point_8D .top { margin:0 0 20px;}
    .M6D.ULN15D { padding: 0 15px;}
    .point_8 { padding: 10px 20px 15px 30px; }
    .point_8D .top p { font-size: 12px; letter-spacing: 0px; }
    .point_8D .info p { letter-spacing: 0; }
    .point_8D .tour_point .tpt .point_8 p { text-align: justify;}
    .M8D .list { margin: 0 0 40px;}

    .mm2 { margin:-25px 0 0;}
    .point_15D .top p { font-size:9px; letter-spacing: 1px;}
    .info .sptext { padding: 0 0 0 3px ;}
    .point_15D .info { top: 55px; }
    .point_15D .info .sptext h6 { font-size: 12px; }
    .point_15D .info .sptext h6 span { font-size: 12px; }
    .point_15D .info h4 { font-size: 40px; letter-spacing: 2px; }
    .point_15D .info p { font-size: 10px; padding: 6px 0 0; text-align: center;}
    .info .map15 { max-width: 100%; top: 165px; right: 0; background: linear-gradient(rgba(77,152,179, 0),  rgba(73,177,231, 0.4),  rgba(73,177,231, 0.4), rgba(77,152,179,  0)); padding: 0;}
    .point_15D .bgimg img { aspect-ratio: 6 / 16; object-position: 15% center; }

    .ULN15D .tsr .tab_mark h6 { text-align: center;}
    .tab_mark h6::before, .tab_mark h6::after { height:45px; }
    .ULN15D .tsr .tsr_title .fu100 { padding: 5px 0;}
    .tsr_salt .spe { position: initial; width:100%;}
    .tsr .tsr_title .tsr_salt h5 { margin: 0; }
    .tsr_salt p { padding: 20px 0;}

    .jcr .shaman_info p.ss13 { font-size: 13px;}

    .ulnpoint .uln_info > p { font-size: 10px; margin: 90px 0 160px ;}

    .tnpbg.ezbg { margin: -125px 0 0; }
}


@media (max-width:450px){ 
    .point_8D .tour_point { margin: -160px 0 20px -1px; }
    .M6D .hcm_hotel .hotel_info .hcm h6 { font-size: 14px;}
}


@media (max-width:420px){ 
    .point_8D .tour_point { margin: -150px 0 20px -1px; }
}