@charset "utf-8";
/* CSS Document */
/*google font icon*/
@import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200');
@font-face {
  font-family: 'Material Symbols Outlined';
  font-style: normal;
  src: url(https://example.com/material-symbols.woff) format('woff');
}
.tour .material-symbols-outlined {
  font-family: 'Material Symbols Outlined'!important;
  font-weight: normal;
  font-style: normal;
  font-size: 26px;  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
}
.tour .material-icons {
  font-size: 18px!important; 
  margin-right: 2px;
	padding-top: 5px;
}

.tour .material-symbols-outlined {
  font-variation-settings:
  'FILL' 1,
  'wght' 400,
  'GRAD' 0,
  'opsz' 40
}
/*google font icon*/
.tour ul{
    list-style-type: decimal!important;
}
.tour li{
		
        margin-bottom: 0.6%;
}
.tour ol {
    margin: 0;
    padding-left: 3%;
    font-size: 16px;
    line-height: 1.5;
}
/*bootstrap
.tour .row {
    margin-right: -5px!important;
    margin-left: -5px!important;
}
.tour .col-1,.tour .col-2,.tour .col-3,.tour .col-4,.tour .col-5,.tour .col-6,.tour .col-7,.tour .col-8,.tour .col-9,.tour .col-10,.tour .col-11,.tour .col-12,.tour .col,.tour .col-auto,.tour .col-sm-1,.tour .col-sm-2,.tour .col-sm-3,.tour .col-sm-4,.tour .col-sm-5,.tour .col-sm-6,.tour .col-sm-7,.tour .col-sm-8,.tour .col-sm-9,.tour .col-sm-10,.tour .col-sm-11,.tour .col-sm-12,.tour .col-sm{
    padding-right: 5px!important;
    padding-left: 5px!important;
}*/

/*小間距*/
.little .row {
    margin-right: -5px!important;
    margin-left: -5px!important;
}
.little .col-1,.little .col-2,.little .col-3,.little .col-4,.little .col-5,.little .col-6,.little .col-7,.little .col-8,.little .col-9,.little .col-10,.little .col-11,.little .col-12,.little .col,.little .col-auto,.little .col-sm-1,.little .col-sm-2,.little .col-sm-3,.little .col-sm-4,.little .col-sm-5,.little .col-sm-6,.little .col-sm-7,.little .col-sm-8,.little .col-sm-9,.little .col-sm-10,.little .col-sm-11,.little .col-sm-12,.little .col-sm{
    padding-right: 5px!important;
    padding-left: 5px!important;
}
.tour .new_row {
    margin-right: -5px !important;
    margin-left: -5px !important;
}
.tour .little_p {
    padding-right: 5px !important;
    padding-left: 5px !important;
}
/*tour*/
.tour{
	width: 100%;
	max-width:1150px;
	padding-left: 0%;
	padding-right: 0%;
	margin: auto;
	box-sizing: border-box;	
	
	display: table!important;
}
.tour img{
	margin: 0 auto;
	max-width: 100%;
}
.tour h1{
        width: 100%;
    float: left;
    font-size: 41px!important;
    line-height: 1.5!important;
    text-align: left;
    font-weight: 500;
    font-family: 'Noto Serif TC', serif!important;
    margin-top: 0%!important;
    margin-bottom: 1%!important;
    color: #343434;
    display: flex;
    align-items:center;
    justify-content:center;
}
.tour h1 span{
	font-weight: 700!important;
	font-size: 30px!important;
    line-height: 1.5!important;
    font-family: 'Noto Serif TC', serif!important;
}
.tour h2{
    font-size: 28px!important;
    line-height: 1.5!important;
    margin-bottom: 0%!important;
    margin-top: 0px!important;
    float: left;
    width: 100%;
    font-family: 'Noto Serif TC', serif!important;
    font-weight: 500!important;
	color: #343434;
}
.tour h2 span{
    font-weight: 700!important;
    font-family: 'Noto Serif TC', serif!important;
}
.tour h3{
    font-size: 21px;
    color: #343434;
    font-weight: 300;
    line-height: 1.5 !important;
    margin-top: 2%;
}
.tour h4{
	font-size: 21px!important;
    line-height: 1.5!important;
    color: #343434;
    float: left;
    width: 100%;
    font-family: 'Noto Serif TC', serif!important;
	font-weight: 300;
    margin-top: 0px!important;
    margin-bottom: 3%!important;
}
.tour h5{
	font-size: 18px;
    line-height: 1.5!important;
    color: #343434;
    float: left;
    width: 100%;
    font-family: 'Noto Serif TC', serif!important;
    font-weight: 400;
    margin-top: 0px!important;
	margin-bottom: 0px!important;
}
.tour h6 {
    font-size: 21px !important;
    line-height: 1.5 !important;
    color: #343434;
    float: left;
    width: 100%;
    font-weight: 500;
    margin-top: 0px !important;
    margin-bottom: 3% !important;
    border-left: 5px solid #cd734a;
    padding-left: 2%;
}
.tour h7 {
    font-size: 19px;
    line-height: 1.5;
    color: #fff;
    float: left;
    margin-bottom: 2%;
    background: #dd6d2a;
    padding: 1% 2%;
    border-top-right-radius: 20px;
    font-style: italic;
    font-weight: 600;
}
.tour h8 {
    font-size: 22px;
    line-height: 1.5;
    color: #232323;
    float: left;
    width: 100%;
    margin-bottom: 1.5%;
}
.tour h8 span{
    color: #6e6969;
}

.tour p{
	font-size: 16px;
    line-height: 1.5!important;
    letter-spacing: 1px;
	color: #343434;
	text-align: justify;
	
	float: left;
	margin-bottom: 1px;
	width: 100%;
}
.tour p span {
    font-weight: 600;
}
.tour .text18 {
    font-size: 18px;
    line-height: 1.5;
}
.tour .text12{
    font-size: 12px;
    line-height: 1.5;
}
.tour .awardtext{
    font-size: 12px;
    line-height: 1.5;
}
.tour .introBox{
	width: 100%;
	float: left;
	padding: 6% 7%;
    line-height: 1.5;
	color: #343434;
}
.tour .introBox2 {
    width: 100%;
    float: left;
    padding: 4% 3%;
	color: #343434;
	font-size: 16px;
    line-height: 1.5;
	text-align: justify;
	
}
.tour .photo{
    width: 100%;
    float: left;
    text-align: center;
}
.tour .photo0{
	width: 100%;
	float: left;
    text-align: center;
}
.tour .Serif{
	font-family: 'Noto Serif TC', serif!important;
    line-height: 1.5;
}
.tour .text14{
    font-size: 14px;
}
.mobile_n{
		display: block;
	}
.mobile_on{
		display: none;
	}
.tour .carousel_Box{
	float: left;
}
.tour .up{
    margin-top: -12%;
}
/*介紹*/
.tour .flag{
    margin: 0 0.6%;
    padding-bottom: 0.5%;
}
.tour .title01{
    font-family: SaolText,Georgia,Times,Songti TC,Noto Serif TC,Serif!important;
    font-size: 36px;
    line-height: 1;
    color: #343434;
    text-align: center;
}
.tour .tag1{
    font-size: 21px;
    color: #343434;
    padding: 4px 15px;
    float: left;
    font-family: 'Noto Serif TC', serif!important;
    margin-bottom: 2%;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 20px;
    margin-top: 1.5%;
}
.tour .tag2{
    font-size: 24px;
    color: #323232;
    padding: 1% 2%;
    float: left;
    font-family: 'Noto Serif TC', serif!important;
    margin-bottom: 5%;
    text-align: center;
    background-color: #bbae9e;
}
.tour .titlebox2{
	padding-top: 4%;
    padding-bottom: 1%;
}
.tour .starBox{
	width: 100%;
	float: left;
	text-align: center;
    color: #ffc107;
	margin-bottom: 1%;
}
.tour .starBox2{
	width: 100%;
	float: left;
	text-align: center;
    color: #eb9849;
	margin-bottom: 1%;
}
.tour .starBox2 span{
	font-size: 38px!important;
}
.tour .bottom_line{
	width: 100%;
	float: left;
	border-bottom: 1px solid #6c757d;
	margin-bottom: 2%;
}
.tour .bottom_line2{
	width: 100%;
	float: left;
	border-bottom: 1px dotted #b1b4b7;
	margin-bottom: 4%;
	margin-top: 3%;
}
.tour .foodtitle{
    width: 100%;
    float: left;
    font-size: 16px;
    color: #293243;
    line-height: 1.5;
    font-weight: 400;
    margin-bottom: 0.5%;
}
.tour .foodtitle{
    font-size: 16px;
    color: #293243;
    line-height: 1.5;
    font-weight: 400;
    margin-bottom: 1%;
}
.tour .foodtitle span {
    font-weight: 800;
}

.tour .foodtitle li{
    margin-bottom: 1%;
}
.tour .foodText{
    font-size: 16px;
    color: #293243;
    line-height: 1.5;
    font-weight: 400;
    margin-bottom: 0.5%;
    text-align: justify;
}
.tour .foodText span {
    font-weight: 800;
}
.tour .food-link {
    margin-left: 1%;
    font-size: 14px;
    padding: 3px 8px;
    margin-top: -3px;
}
.tour .foodintro {
    width: 100%;
    float: left;
    font-size: 16px;
    color: #5c5a5a;
    line-height: 1.5;
    font-weight: 400;
    text-align: justify;
    padding-left: 1.3%;
    padding-bottom: 1%;
}
.tour .note{
    padding: 2%;
    background-color: #d5d4d4;
    color: #cc192a;
    font-size: 15px;
    line-height: 1.5;
    text-align: justify;
    margin-top: 1%;
    float: left;
    margin-bottom: 1%;
    width: 100%;
}
/*胡志明*/
.tour .center{
	display: flex;
	justify-content: center;
	align-items: center;
}
.tour .grayBox{
	width: 100%;
	float: left;
	background-color:#f1f1f1;
	padding: 3% 4%;
}
.tour .pinkBG{
	background-color:#fcd2d2;
	width: 100%;
	float: left;
	padding: 5% 3% 3% 3%;
}
.tour .pinkchurchBOX {
    float: left;
	padding: 20% 5% 5% 0%;
}
.tour .HoChiMinhBOX {
    float: left;
	padding: 7% 4% 0% 3%;
}
.tour .HoChiMinhBOX2 {
    float: left;
    margin-top: -64%;
     padding-right: 4%;
    padding-left: 3%;
    margin-bottom: 5%;
}
.tour .cafeApartmentBOX {
    float: left;
	padding: 13% 5% 5% 0%;
}
.tour .NguyenHueBOX1 {
    float: left;
	padding: 7% 2% 2% 6%;
}
.tour .NguyenHueBOX2 {
    float: left;
	margin-top: -55%;
    padding-right: 4%;
    padding-left: 3%;
}
.tour .flex_wrap{
	display: flex;
	flex-wrap: wrap-reverse;
}
.tour .number {
    width: 10%;
    float: left;
    color: #000000;
    font-size: 26px;	
    padding-right: 1%;
    font-style: italic;
}
.tour .point_intro {
    width: 90%;
    float: left;
}
.tour .point_name {
    width: 100%;
    float: left;
    font-size: 24px;	
	font-family: 'Century Gothic','Noto Sans TC', sans-serif;
    margin-bottom: 3%;
    color: #000;
}
.tour .point_name2 {
    width: 100%;
    float: left;
    font-size: 20px;	
	font-family: 'Century Gothic','Noto Sans TC', sans-serif;
    margin-bottom: 1%;
	font-weight: 600;
	margin-top: 3%;
}
.tour .point_text {
    width: 100%;
    float: left;
    font-size: 16px;	
    line-height: 1.5;
    margin-bottom: 1%;
	text-align: justify;
}
.tour .nightBox{
	width: 100%;
	float: left;
	padding: 3% 4%;
}
/*沙壩美憬閣穹頂飯店*/
.BillBensley_box{
	width: 100%;
	padding: 5% 7%;
	background: #000;
	margin-right: 0px;
	margin-left: 0px;
	float: left;
}
.BillBensley_title{
	font-size: 21px;
	line-height: 1.5;
	text-align: right;
	color: #e99c15;
	font-family: '新細明體';
	width: 100%;
	float: left;
	padding: 0 7%;
	margin-bottom: 2%;
}
.BillBensley_text{
	font-size: 16px;
	line-height: 1.5;
	color: #fff;
	font-family: 'Century Gothic','Noto Sans TC', sans-serif;
	 margin-top: 1%;
    float: left;
}
.hotel_intro1{
	width: 40%;
	padding: 26% 12% 9% 3%;
	background-color: #f4b201;
	margin-top: 8%;
	float: left;
}
.hotel_intro2{
	width: 70%;
    margin-left: -10%!important;
    float: left;
    margin-top: 1%;
    padding-right: 4%;
}
.hotel_intro3{
	background-image: url(https://event.pktravel.com.tw/eWeb_pktravel/Vietnam/sapa/tours/HAN051909VNS/images/HoteldelaCoupole8.jpg);
	padding: 37% 0% 3% 0%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	width: 100%;
	float: left;
}
.hotel_intro3_text{
	background-color: #000;
	color: #fff;
	font-size: 21px;
	line-height: 1.5;
	font-family: '新細明體';
	width: 60%;
	margin-left: 20%;
	padding: 3%;
	float: left;
	text-align: center;
	font-style:italic;
}
.hotel_intro4{
	width: 100%;
	padding: 3% 4%;
	float: left;
}

.hotel_roombBG{
	width: 100%;
	background-color: #f4b201;
	margin-top: -8%;
	float: left;
	height: 160px;
}
/*蘭夏灣*/
.LanHaBay_text{
	font-size: 18px;
	line-height: 1.5;
	text-align: center;
	padding: 2% 3% 0% 3%;
	color: #000;
	font-family: 'Century Gothic','Noto Sans TC', sans-serif;
	float: left;
	width: 100%;
    margin-bottom: 2%;
}
.LanHaBay_text span{
	font-size: 21px;
	line-height: 1.5;
	color: #8a572c;
	font-weight: bold;
}
.LanHaBay_title{
	font-size: 21px;
	line-height: 1.5;
	color: #000;
	font-family: 'Century Gothic','Noto Sans TC', sans-serif;
	text-align: center;
	margin-bottom: 3%;
	width: 100%;
    float: left;
}
.LanHaBay_title2 {
    font-size: 24px;
    line-height: 1.5;
    color: #000;
    font-family: 'Century Gothic','Noto Sans TC', sans-serif;
    text-align: center;
    margin-bottom: 1%;
    width: 100%;
    float: left;
    margin-top: 3%;
}
.Indochine_BG{
	width: 100%;
	float: left;
	background-color: #703f3a;
	padding: 1% 4% 4% 4%;
}
.LanHaBay_notice{
	background-color: #bdbdbd;
    font-size: 14px;
    line-height: 1.5;
    color: #000;
    width: 100%;
    float: left;
    padding: 2%;
    font-family: 'Century Gothic','Noto Sans TC', sans-serif;
}
/***vieeo****/
.tour .video-container{
    position:relative;
    padding-bottom:56.25%;
    padding-top:30px;height:0;overflow:hidden;
    
    margin-top: 2%;
}
.tour .video-container iframe,
.tour .video-container object,
.tour .video-container embed{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}
/*color*/
.e99c15{
    color: #e99c15!important;
}
.c6b36f{
    color: #c6b36f!important;
}
.color_8a572c{
    color: #8a572c!important;
}
.color_006f66 {
    color: #006f66 !important;
}
.StarluxColor{
	color: #83744d;
}
.white{
	color:#fff!important;
}
.black{
	color:#343434!important;
}
.pink{
	color:#E00E56!important;
}
.yellow{
	color: #fff000!important;
}
.red{
	color:red!important;
}
.gray{
	color:#666!important;
}
.lightgray{
    color:#5c5a5a!important;
}
.blue{
	color: #015ebc!important;
}
.deepBlue{
	color:#152242!important;
}
.blue_green {
    color: #3593a5!important;
}
.brown{
	color: #703f3a!important;
}
.deepBlue_213651{
	color:#213651!important;
}
.green_97a58c{
	color:#97a58c!important;
}
.green_656565{
	color:#656565!important;
}
.color_965556{
	color:#965556!important;
}
.orange{
	color:#F30!important;
}
.GBceb8a3{
    background-color: #ceb8a3;
}
.BG948572{
    background-color: #948572;
}
.BGece9e2{
    background-color: #ece9e2;
}
.BGe1d4c3{
    background-color: #e1d4c3;
}
.BG8a572c{
    background-color: #8a572c;
}
.BGmilktea{
    background-color: #bbae9e;
}
.BGorange{
	background-color: #f60;
}
.BGdeepgray{
    background-color: #323232;
}
.BGgray{
	background-color: #7c848b;
}
.BGblue{
	background-color: #80ceff;
}
.BGbrown{
    background-color: #4e4242;
}
.BGbrown2{
    background-color: #703f3a;
}
.BGblue_3d90e9{
	background-color: #3d90e9!important;
}
.BGyellow{
	background-color: #fff343434;
}
.BGgreen{
	background-color: #156044;
}
.BGgreen_656565{
	background-color: #656565!important;
}
.BGgreen_97a58c{
	background-color: #97a58c!important;
}
/***vieeo****/
.hotel_video{
	padding-left: 4.4%;
    padding-right: 4.4%;
    padding-top: 1%;
}


@media only screen and (max-width: 640px){
.tour{
	padding-left: 15px!important;
	padding-right: 15px!important;
}
.mobile_n{
		display: none;
	}
.mobile_on{
		display: block;
	}
.tour h1 {
    font-size: 28px!important;
    display: block;
}
.tour h2 {
    font-size: 21px!important;
}
.tour h3 {
    font-size: 18px;
    line-height: 1.5!important;
}
.tour h4 {
    font-size: 18px!important;
    text-align: center;
}
.tour .flag{
    margin: 0 1%;
}
 .tour .flag img{
     width: 10%;
     margin-top: -2%;
 }
.tour .tag1 {
    font-size: 16px;
    margin-bottom: 5%;
    margin-top: 2%;
}
.tour .tag2 {
    font-size: 21px;
    float: unset;
}

.tour .introBox {
    padding: 7%;
}
.tour .introBox2 {
    padding: 6% 2%;
}
.tour .title01 {
    font-size: 21px;
}
.tour .bottom_line {
    padding-bottom: 7%;
    margin-bottom: 5%;
}
.tour .foodtitle {
    margin-bottom: 2%;
}
.tour .food-link {
    font-size: 12px;
    padding: 2px 5px;
}
.tour .foodintro {
    padding-left: 0;
}

.tour .titlebox2 {
    padding-top: 10%;
}
.tour .up{
    margin-top: 0%;
}
 /*胡志明*/
    .tour .center{
		display: block;
	}
    .tour .pinkchurchBOX {
    padding: 5%;
	}
    .tour .HoChiMinhBOX2 {
    margin-top: 0%;
}
    .tour .number {
    width: 14%;
}
    .tour .point_intro {
   width: 86%;
　　margin-top: 2%;
}
 .tour .grayBox {
    padding: 5%;
}
    
.tour .awardtext{
    font-size: 10px;
}
    /*沙壩*/
    .BillBensley_title {
    padding: 0%;
    margin-bottom: 4%;
}
.hotel_intro1 {
    width: 100%;
    padding: 5% 5% 10% 5%;
    margin-top: 0%;
}
.hotel_intro2 {
    width: 100%;
    margin-left: 0%;
    margin-top: -10%;
    padding-right: 4%;
    padding-left: 4%;
    margin-bottom: 3%;
}
.hotel_intro3 {
    padding: 50% 0% 3% 0%;
    background-position: center bottom;
}
.hotel_intro3_text {
    width: 86%;
    margin-left: 6%;
	font-size: 18px;
	line-height: 28px;
}    
.hotel_roombBG {
    margin-top: -33%;
}
    /*蘭夏灣*/
    .LanHaBay_text{
	font-size: 18px;
	line-height: 1.5;
	text-align: center;
	padding: 2% 3% 0% 3%;
	color: #000;
	font-family: 'Century Gothic','Noto Sans TC', sans-serif;
	float: left;
	width: 100%;
}
.LanHaBay_text span{
	font-size: 21px;
	line-height: 1.5;
	color: #e99c15;
	font-weight: bold;
}
.LanHaBay_title{
	font-size: 24px;
	line-height: 1.5;
	color: #000;
	font-family: 'Century Gothic','Noto Sans TC', sans-serif;
	text-align: center;
	margin-bottom: 3%;
	width: 100%;
    float: left;
}
.LanHaBay_title2 {
    font-size: 24px;
    line-height: 1.5;
    color: #000;
    font-family: 'Century Gothic','Noto Sans TC', sans-serif;
    text-align: center;
    margin-bottom: 1%;
    width: 100%;
    float: left;
    margin-top: 3%;
}
.Indochine_BG{
	width: 100%;
	float: left;
	background-color: #703f3a;
	padding: 1% 4% 4% 4%;
}
.LanHaBay_notice{
	background-color: #bdbdbd;
    font-size: 14px;
    line-height: 1.5;
    color: #000;
    width: 100%;
    float: left;
    padding: 2%;
    font-family: 'Century Gothic','Noto Sans TC', sans-serif;
}
}