@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Noto+Serif+TC');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100;300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Jost:wght@200&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Merriweather:wght@900&display=swap');
/*google font icon*/
.tour .material-icons {
  font-size: 18px!important; 
  margin-right: 2px;
	padding-top: 5px;
}
/*google font icon*/
.tour ul{
    list-style-type: decimal!important;
}
.tour{
	width: 100%;
	max-width:1200px;
	padding-left: 0%;
	padding-right: 0%;
	margin: auto;
	box-sizing: border-box;	
	font-family:'Noto Sans TC','Jost', sans-serif!important;
	display: table;
}
.tour img{
	width: 100%;
	margin: 0 auto;
	max-width: 1200px;
}
.tour h1{
	font-size: 18px!important;
    line-height: 36px!important;
    letter-spacing: 1px;
    text-align: left;
    font-weight: bold;
	font-family:'Noto Sans TC','Jost', sans-serif!important;
	margin-top: 0!important;
}
.tour h1 span{
	font-weight: 700!important;
	font-size: 32px!important;
    line-height: 34px!important;
}
.tour h2{
	font-size: 30px!important;
    line-height: 30px!important;
    color: #000!important;
    margin-bottom: 5px!important;
	margin-top: 0px!important;
    float: left;
    width: 100%;
    font-family: 'Noto Serif TC','Jost', sans-serif!important;
    font-weight: 300!important;
}
.tour h2 span{
    font-weight: 700!important;
}
.tour h3{
	font-size: 2.2em;
    text-align: center;
    color: #000;
    line-height: 2em;
    margin-bottom: 3%;
    font-weight: 500;
    margin-top: 0px;
    font-family: 'Noto Sans TC','Jost', sans-serif!important;
}
.tour h4{
	font-size: 18px!important;
    line-height: 18px!important;
    color: #000!important;
    float: left;
    width: 100%;
	font-family:'Noto Sans TC','Jost', sans-serif!important;
	font-weight: 300;
	margin-bottom: 25px!important;
    margin-top: 5px!important;
}
.tour h5{
	font-size: 21px;
    line-height: 21px;
    color: #000!important;
    float: left;
    width: 100%;
    font-family: 'Noto Sans TC','Jost', sans-serif!important;
    font-weight: 400;
    margin-top: 17px!important;
	margin-bottom: 8px!important;
}
.tour p{
	font-size: 16px;
	line-height: 26px;
    letter-spacing: 1px;
	color: #464646!important;
	text-align: justify;
	font-family:'Noto Sans TC','Jost', sans-serif!important;
	float: left;
	margin-bottom: 1px;
	width: 100%;
}
.tour .introBox{
	width: 100%;
	float: left;
	padding: 3%;
	font-size: 16px;
    line-height: 26px;
}
.tour .Serif{
	font-family: 'Noto Serif TC', serif!important;
	font-weight: 600;
}
.tour li{
	font-family:'Noto Sans TC','Jost', sans-serif!important;	
}
.mobile_n{
		display: block;
	}
.mobile_on{
		display: none;
	}
/*蘭夏灣大標*/
.titleBox{
	width: 100%;
	float: left;
	padding: 4% 2%;
}
.titleBox h1{
    font-size: 55px!important;
    line-height: 58px!important;
    letter-spacing: 1px;
    text-align: center;
    font-weight: 700;
    font-family: 'Noto Sans TC','Jost', sans-serif!important;
    margin-top: 0!important;
    margin-bottom: 2%!important;
    color: #000;
}
.titleBox h2{
    font-size: 20px!important;
    line-height: 26px!important;
    text-align: center;
    font-weight: 300;
    font-family:'華康細圓體','Jost'!important;
    margin-top: 0!important;  
    margin-bottom: 2%!important;  
	color: #404040!important;
}
.titleBox h3{
    font-size: 24px!important;
    line-height: 26px!important;
    text-align: center;
    font-weight: 700;
    font-family:'華康細圓體','Jost'!important;
    margin-top: 0!important;  
    margin-bottom: 0%!important; 
	color: #000;  
}

/*印度支那*/
.tour .textbox {
    padding: 1% 2% 3% 2%;
    text-align: center;
    float: left;
    width: 100%;
}
.tour .textbox2 {
    padding: 2% 1%;
    float: left;
}
.tour .logo {
    text-align: center;
    margin-bottom: 2%;
}
.tour .logo img {
    max-width: 100%!important;
	    width: auto!important;
}
.tour .IndochineTitle1 {
    font-size: 3.2em;
    font-weight: bold;
    text-align: center;
    line-height: 1.4em;
    margin-top: 0px;
    margin-bottom: 0px;
    color: #703f3a;
}
.tour .IndochineTitle2 {
    font-size: 2.7em;
    font-weight: bold;
    text-align: center;
    line-height: 1.4em;
    margin-top: 0px;
    margin-bottom: 1%;
    color: #703f3a;
}
.tour .photo {
    text-align: center;
    width: 100%;
    float: left;
}
.tour .photo img{
   max-width: 100%!important;
	    width: auto!important;
}
.tour .box {
    padding-left: 1%;
    padding-right: 1%;
    padding-bottom: 2%;
    padding-top: 2.5%;
    float: left;
}
.tour .note {
        padding: 2%;
    background-color: #d5d4d4;
    color: #D40003;
    font-size: 15px;
    line-height: 25px;
    text-align: justify;
    margin-top: 2%;
    float: left;
    margin-bottom: 1%;
	width: 100%;
}

/*color*/
.white{
	color:#fff!important;
}
.black{
	color:#000!important;
}
.pink{
	color:#E00E56!important;
}
.yellow{
	color: #fff000!important;
}
.red{
	color:red!important;
}
.gray{
	color:#666!important;
}
.blue{
	color: #015ebc!important;
}
.deepBlue{
	color:#152242!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;
}
.BGgray{
	background-color: #ededeb;
}
.BGblue{
	background-color: #80ceff;
}
.BGblue_3d90e9{
	background-color: #3d90e9!important;
}
.BGyellow{
	background-color: #fff000;
}
.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){

.mobile_n{
		display: none;
	}
.mobile_on{
		display: block;
	}

.tour .IndochineTitle1 {
    font-size: 2em;
    line-height: 1.4em;
}
.tour .IndochineTitle2 {
    font-size: 1.7em;
    line-height: 1.3em;
}
.tour h3 {
    line-height: 26px;
    font-size: 21px;
    margin-top: 2%;
}
.titleBox h1 {
    font-size: 31px!important;
    line-height: 43px!important;
}
.titleBox h2 {
    font-size: 17px!important;
    line-height: 25px!important;
    margin-bottom: 3%!important;
}
.titleBox h3 {
    font-size: 21px!important;
}
}