@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@200..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Alex+Brush&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Kanit:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Sansita+Swashed:wght@300..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400..700&display=swap');

.pd0 { padding:0;}
.WDH14 * { text-align: justify;}

.WDH14 ::selection { background: #A47C48; color:#F5F2F3; }
.WDH14 { width: 100%; }
.drifters { background: #F5F2F3; padding:40px 30px; align-items: center; }
.drifters .info * { font-family: "Noto Sans TC", sans-serif; font-size: 14px; }
.drifters .info span { display: block; font-weight: 700; line-height: 2.2; }

.n_im { position:relative; z-index: 1; width: 99.99%; padding:0 0 50px; margin:-180px 0 0 ; 
        background: url("https://www1.loyaltytour.com.tw/eWeb_loyaltytour/IMGDB/000231/00005121.PNG") center bottom no-repeat, 
        linear-gradient(to bottom, rgba(224,118,53,0) 0%,rgba(224,118,53,0.91) 8%,rgba(224,118,53,1) 10%,rgba(224,118,53,1) 100%); } /*sticky*/
.n_im .top_info * { color:#fff;  font-family: "Noto Sans TC", sans-serif; font-size: 14px; }
.top_info { padding: 60px 40px 0 120px; }
.n_im .title { margin: 0 0 30px; }
.n_im .top_info h1 { font-size: 90px;  font-family: "Noto Serif JP", serif; font-weight:700; font-style:normal; margin:0; letter-spacing: -10px; transform: scaleY(1.2); 
background: linear-gradient(to bottom, rgba(255,255,255,1) 60%,rgba(255,255,255,1) 70%,rgba(255,255,255,0.95) 80%,rgba(255,255,255,0.5) 90%,rgba(255,255,255,0) 100%); background-clip: text; color: transparent; }
.n_im .top_info h3 span { font-weight: 600; margin: 0 3px 0 0; }
.n_im .top_info h3 { font-size: 45px; font-family: "Alex Brush", cursive; font-weight: 400; font-style: normal; }
.n_im div.top_info h6 { font-size: 15px; font-weight: 700; line-height: 1.6; letter-spacing: 1px; margin: 0 0 5px; } 
.n_im .top_info p { padding: 0 0 15px; }
.n_map { margin: -165px 0 0; }

.namibia_point { border-top:6px solid #000; }
.point_title { position: relative; }
.point_title .pt_info  { position: absolute; /*justify-self: center;*/ top:50%; right: 0; left: 0;}
.point_title .pt_info * { text-align: center; color: #FFF; }
.point_title div.pt_info h5 { font-size: 60px; font-family: "Kanit", sans-serif; font-weight: 800; opacity: 0.2;
                              background: linear-gradient(to bottom, rgba(255,255,255,0.95) 10%,rgba(255,255,255,0.6) 40%,rgba(255,255,255,0.3) 80%,rgba(255,255,255,0) 100%);
                              background-clip: text; color: transparent; }
.point_title div.pt_info h4 { font-size: 32px; font-family: "Alex Brush", cursive; font-weight: 400; font-style: normal; margin: -60px 0 0; }
.namibia_point .point_title div.pt_info h2 { font-size: 36px; font-family: "Noto Serif JP", serif; font-weight: 600; letter-spacing: 2px; transform: scaleY(1.2); margin: 0 0 5px; text-shadow: none; line-height: 0.9;}
.point_title div.pt_info p { font-family: "Noto Sans TC", sans-serif; font-weight: 500; letter-spacing: 1px; }
.point_title .pt_bg img { aspect-ratio: 1.8/1; object-fit: cover; max-width: 100.05%; }


.etosha .pt_bg img { object-position: center 40%; } /*5112-center 80%;*/
.dune .pt_bg img { object-position: center 80%; }
.deadvlei .pt_bg img { object-position: center 45%; }
.camping .pt_bg img { object-position: center 90%; }
.camping { border-bottom:6px solid #000; }

.WDH14 div.n_intro iframe { width: stretch;  height: revert-layer; }
.WDH14 .namibia_point div.n_intro * { font-family: "Noto Sans TC", sans-serif; color: #513100;}
.namibia_point div.n_intro .txt h4 { font-size: 28px; font-weight: 800; }
.namibia_point div.n_intro .txt h5 { font-size: 18px; font-weight: 600; letter-spacing: 1px; margin: 7px 0 12px ;}
.namibia_point div.n_intro .txt p { font-size: 14px; line-height: 2.2; }

.n_intro { padding: 50px 30px; }
.txt p.sp { display: inline-block; margin: 8px 0 0; padding: 0 5px; background-color: #fff; border-radius: 10px; }

.truck .n_intro { background: #EBDFCE; }
.truck .txt { margin: 30px 0 0;}
.truck .pt_img { padding: 0 15px 0 20px; overflow: hidden;}
.truck .img1 img { aspect-ratio: 1 / 0.85; object-fit: cover; }
.truck .img1 { padding: 0;}
.truck .img2 { height: 60%; width: 100%; margin:2px 0 0 ; padding: 0; }
.truck .img2 img { /*object-fit: cover*/ object-position: 65% center; height: 100%; }
.truck iframe { border-radius: 20px; }
.truck .n_2 { padding: 40px 15px 0; align-items: center;}
.truck .n_2 .txt { margin: 0; }
.n_2 .img3 { padding: 0; height: 100%; object-fit: cover;} /**/
.n_2 .img3 img { height: 100%;}
.n_2 .img4 { height: 100%; padding: 0 0 0 2px;}
.n_2 .img4 img { aspect-ratio: 1/0.85; object-fit: cover; height: 100%; width: 100%; }
.n_2 .txt { padding: 0 0 0 35px;}

.etosha .n_intro { padding: 50px 30px 0; }
.n_intro img { height: 100%; width: 100%; object-fit: cover;}
.e_1 { padding: 0 15px 0 20px; align-self: center;}
.e_2 { padding: 40px 15px 0;}
.e_2 .txt { padding: 0 35px 0 0;}
.e_2 .e_img { padding: 0;}
.pd2 { padding: 0 2px 0 0;}
.pd2 img { height: 100%; object-fit: cover;}
.pd2.img4 { padding: 0;}
.e_2 .img2 img { object-position:30% center;}
.e_2 .img3 img { object-position:40% center;}
.e_2 .img4 img { object-position:40% center;}
.e_bg { margin: -170px 0 0;}

.nnp .n_intro { padding: 50px 0 ; }
.nnp .np_1 { padding: 0 50px; }
.np_1 .txt { padding:0 0 0 70px; align-self: center; }
.np_1 .img1 { padding:0 70px; }
.np_1 .img1 img { aspect-ratio: 1/1; object-fit: cover; }
.np_2 { margin: 50px 0 0;}
.np_2 .np_n { margin: 0 auto;} 
.nnp .np_2 div.np_n h4 { font-size: 32px; font-family: "Alex Brush", cursive; font-weight: 400; text-align: center; }
.nnp .n_intro .np_2 div.np_n h2 { color: #513100; font-size: 36px; font-family: "Noto Serif JP", serif; font-weight: 600;  letter-spacing: 2px; transform: scaleY(1.2); margin: 0 0 5px; text-shadow: none; }
.np_2 .img2 img { aspect-ratio: 2.8 / 1; object-fit: cover; object-position: center 60%; }
.np_2 .txt { padding: 35px 45px ;}
.np_3 { padding: 0 45px;}
.namibia_point.sss { border-top: none; padding: 0;}
.blank { padding: 0; max-width: 2px;}
.sss .point_title .pt_bg img { aspect-ratio: 1/1.25; object-fit: cover; max-width: 100.05%;}
.sss.deadvlei .point_title .pt_bg img { object-position: 54% center;}

.sss .point_title div.pt_info h5 { font-size: 60px; font-family: "Kanit", sans-serif; font-weight: 800; opacity: 0.2;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.95) 10%, rgba(255, 255, 255, 0.6) 40%, rgba(255, 255, 255, 0.3) 80%, rgba(255, 255, 255, 0) 100%);
    background-clip: text; color: transparent;}

.sss .point_title div.pt_info h4 { color: #fff; font-size: 32px; font-family: "Alex Brush", cursive; font-weight: 400; font-style: normal; margin: -60px 0 0; }

.camping .n_intro { background: url("https://www1.loyaltytour.com.tw/eWeb_loyaltytour/IMGDB/000231/00005155.PNG") center 75% no-repeat; } /*000*/
.namibia_point.camping .n_intro .txt * { color: #EBDFCE;}
.camping .txt { align-self: center; }



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

@media (max-width:1399px){ /*xxl*//*xl*/
.top_info { padding: 80px 40px 0 90px; }
.n_map { margin: -100px 0 0; }
}

@media (max-width:1300px){
.top_info { padding: 40px 40px 0 80px; }

}

@media (max-width:1199px){ /*xl*//*lg*/
.n_im { padding: 0 0 30px; }
.top_info { padding: 30px 30px 0 50px; }
.n_im .top_info h1 { font-size: 85px; }    
.n_im .top_info h3 { padding: 8px 0 0;}
.n_map { margin: 0; }
.namibia_point .point_title div.pt_info h2 { font-size: 30px; }

.truck .pt_img { padding: 0 15px; margin: 30px 0 0; }
.truck .img1 { padding: 0 2px 0 0;}
.truck .img1 img { aspect-ratio: 4/3;  object-fit: cover;}
.truck .img2 { height: auto; width: 100%; margin:0; padding: 0; } /*margin: revert-rule; 100*/
.truck .n_2 { padding: 2px 15px 0; }
.n_2 .txt { padding: 30px 0 30px 30px; }

.e_1 { padding: 0 15px 25px; }
.e_2 { padding: 2px 15px 0;}
.e_2 .pd2 { aspect-ratio: 1/1;}
.e_2 .txt { padding: 25px 0 0;}
.e_bg { margin: -125px 0 0; }

.namibia_point div.n_intro .txt h4 { line-height: 1.4;}
.namibia_point div.n_intro .txt h4 span { font-size: 24px;}
/*.namibia_point.nnp div.n_intro .txt h5 { display: inline-block;}*/
.nnp .np_1 { padding: 0 30px; }
.np_1 .txt { padding: 0 0 0 35px; }
.np_1 .img1 { padding: 0 35px; }
.sss .point_title div.pt_info h2 { font-size: 28px; }
.sss .point_title div.pt_info h4 { font-size: 30px; }

.camping .n_intro { background: url(https://www1.loyaltytour.com.tw/eWeb_loyaltytour/IMGDB/000231/00005155.PNG) 80% 75% no-repeat; }
}

@media (max-width:991px){ /*lg*//*md*/
.drifters { padding: 20px 30px 35px; }
.drifters .logo img { width:60%; float: right; }
.n_im { width: 100%; }
.top_info { padding: 30px 10px 0 40px; }
.n_im div.top_info h6 { font-size: 14px; }
.n_im .top_info h1 { font-size: 75px; }   
.n_im .top_info * { font-size: 12.5px; }
.n_map { margin: auto 0; }
.point_title .pt_info { top:45%; }
.namibia_point .point_title div.pt_info h2 { text-shadow: 1px 1px 2px rgba(91, 91, 91, 0.8); }
.point_title div.pt_info p { font-size: 14px; margin:0 50px; /*padding: 5px 50px 0;*/ line-height: 1.6; text-shadow: 1px 1px 2px rgba(91, 91, 91, 0.8); }
.point_title .pt_bg img { aspect-ratio: 1.6/1; }

.n_intro { padding: 40px 30px; }
.truck .n_2 { align-items: unset; }

.n_2 .img3 { height: auto; padding: 0 2px 0 0; }
.n_2 .img4 { height: auto; padding: 0; }
.truck .img1 img, .truck .img2 img, .n_2 .img3 img,.n_2 .img4 img { aspect-ratio: 16/9;  object-fit: cover; height: 100%; width: 100%; }
.truck .img2 img, .n_2 .img4 img { object-position: bottom; }
.n_2 .txt { padding: 20px 0 0; }

.etosha .n_intro { padding: 40px 30px 0; }
.e_2 .txt {padding: 20px 0 0; }
.e_bg { margin: -100px 0 0; }

.namibia_point.nnp div.n_intro .txt h4 span { float: unset; }
.nnp .n_intro { padding: 40px 0; }
.np_1 .txt { padding: 0 15px; }
.sss .point_title div.pt_info h5 { font-size: 45px; }
.sss .point_title div.pt_info h4 { margin: -50px 0 0;}

.camping .n_intro { background: url(https://www1.loyaltytour.com.tw/eWeb_loyaltytour/IMGDB/000231/00005155.PNG) 70% 70% no-repeat; }
}

@media (max-width:767px){ /*md*//*sm*/
.drifters { padding: 20px 25px 35px; }
.drifters .logo img { width:80%; float: none; margin: 0 auto;}
.top_info { padding: 70px 40px 0; }
.n_map img { width: 95%; float: right; }
.point_title .pt_bg img { aspect-ratio: 1.5/1; }
.point_title div.pt_info h5 { font-size: 50px; }
.point_title div.pt_info h4 { font-size: 30px; margin: -55px 0 0; }
.namibia_point .point_title div.pt_info h2 { font-size: 26px; }
.point_title div.pt_info p { font-size: 12.5px; margin:0 35px; /*padding: 3px 35px 0;*/ line-height: 1.6; }

.n_intro { padding: 35px 20px; }
.namibia_point div.n_intro .txt h4 { font-size: 25px; }
.namibia_point.nnp div.n_intro .txt h4 span { font-size: 22px;}
.namibia_point div.n_intro .txt h5 { font-size: 16px; }
.truck .img1 img, .truck .img2 img, .n_2 .img3 img, .n_2 .img4 img { aspect-ratio: 4 / 3; }

.etosha .n_intro { padding: 35px 20px 0; }
.e_bg { margin: -60px 0 0; }    

.nnp .n_intro { padding: 30px 0 35px; }
.nnp .np_1 { padding: 0 20px; }
.np_2 { margin: 25px 0 0; }
.np_2 .txt { padding: 35px 35px 20px; }
.np_3 { padding: 0 35px; }

.sss .point_title div.pt_info h2 { font-size: 24x; }
.sss .point_title div.pt_info h5 { font-size: 32px;}
.sss .point_title div.pt_info h4 { font-size: 28px; margin: -45px 0 0; }
.namibia_point .point_title div.pt_info h2 { font-size: 26px; }

.namibia_point.camping .n_intro .txt * { text-shadow: 1px 1px 2px #000; }
.camping .n_intro { background: url(https://www1.loyaltytour.com.tw/eWeb_loyaltytour/IMGDB/000231/00005155.PNG) 75% 40% no-repeat; }
}

@media (max-width:575px){ /*sm*/
.point_title .pt_bg img { aspect-ratio: 1.35 / 1; }
.n_intro { padding: 35px 12px; }

.etosha .n_intro { padding: 35px 12px 0; }
.nnp .np_1 { padding: 0 12px; }
.np_2 .txt { padding: 30px 27px 20px;  }
.np_3 { padding: 0 27px; }


.camping .n_intro { background: url(https://www1.loyaltytour.com.tw/eWeb_loyaltytour/IMGDB/000231/00005155.PNG) 90% 40% no-repeat; }
}

@media (max-width:480px){
.point_title .pt_info { top: 40%; }
.point_title div.pt_info h5 { font-size: 40px; }
.point_title div.pt_info h4 { font-size: 26px; margin: -50px 0 0; }
.namibia_point .point_title div.pt_info h2 { font-size: 22px; }
.point_title div.pt_info p { font-size: 10px; margin: 0; padding: 0 25px;}

.namibia_point div.n_intro .txt h4.m_mobile_show { font-size: 32px; line-height: 1.4;}
.namibia_point div.n_intro .txt h4.m_mobile_show span { float: right; font-size: 22px;}
.namibia_point div.n_intro .txt h5.m_mobile_show { line-height: 1.4; display: inline-block;}
}   

@media (max-width:425px){ /*m*/
.drifters .logo img { width:100%; }
.drifters { padding: 10px 20px 30px; }
.top_info { padding: 100px 35px 0; }
.truck .n_intro .txt p.sp { font-size: 11.5px;}
.etosha .n_intro .txt h4 { letter-spacing: -1.5px;}
.e_bg { margin: -45px 0 0; }
.sss .point_title div.pt_info h4 { font-size: 24px; margin: -42px 0 0;}
.sss .point_title div.pt_info h5 { font-size: 28px; }
.sss .point_title div.pt_info h2 { font-size: 22px; }
}