@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');
@import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200');
/*google font icon*/
@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;
}
/*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;
}
/*tour*/
.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!important;
}
.tour img{
	width: 100%;
	margin: 0 auto;
	max-width: 1200px;
}
.tour h1{
	font-size: 32px!important;
    line-height: 1.5!important;
    letter-spacing: 2px;
    text-align: left;
    font-weight: 500;
    font-family: 'Noto Sans TC','Jost', sans-serif!important;
	margin-top: 1%!important;
	margin-bottom: 0!important;
	color: #343434!important
}
.tour h1 span{
	font-weight: 700!important;
	font-size: 32px!important;
    line-height: 1.5!important;
}
.tour h2{
	font-size: 21px!important;
    line-height: 1.5!important;
    margin-bottom: 1.5%!important;
	margin-top: 0px!important;
    float: left;
    width: 100%;
    font-family: 'Noto Sans TC','Jost', sans-serif!important;
    font-weight: 300!important;
}
.tour h2 span{
    font-weight: 700!important;
}
.tour h3{
	font-size: 26px!important;
    text-align: center;
    color: #343434;
    line-height: 1.5!important;
    margin-bottom: 1.5%;
    font-weight: 500;
    margin-top: 0px;
    font-family: 'Noto Sans TC','Jost', sans-serif!important;
}
.tour h4{
	font-size: 21px!important;
    line-height: 1.5!important;
    color: #343434!important;
    float: left;
    width: 100%;
	font-family:'Noto Sans TC','Jost', sans-serif!important;
	font-weight: 500;
	margin-bottom: 1.5%!important;
    margin-top: 5px!important;
}
.tour h5{
	font-size: 21px;
    line-height: 1.5!important;
    color: #343434!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: 1.5!important;
    letter-spacing: 1px;
	color: #343434;
	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% 3% 3% 3%;
}
.tour .Serif{
	font-family: SaolText,Georgia,Times,Songti TC,Noto Serif TC,Serif!important;
}
.tour li{
	font-family:'Noto Sans TC','Jost', sans-serif!important;	
}
.mobile_n{
		display: block;
	}
.mobile_on{
		display: none;
	}
.tour .carousel_Box{
	float: left;
}

/*color*/
.StarluxColor{
	color: #83744d;
}
.white{
	color:#fff!important;
}
.black{
	color:#343434!important;
}
.pink{
	color:#E00E56!important;
}
.yellow{
	color: #fff343434!important;
}
.red{
	color:red!important;
}
.gray{
	color:#666!important;
}
.blue{
	color: #015ebc!important;
}
.deepBlue{
	color:#152242!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;
}
.BGgray{
	background-color: #ededeb;
}
.BGblue{
	background-color: #80ceff;
}
.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){

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

.tour h1 {
	font-size: 24px!important;
	line-height: 1.3!important;
    letter-spacing: 1px;
	margin-bottom: 2%!important;
}	
.tour h2 {
	font-size: 18px!important;
	line-height: 1.4!important;
	margin-bottom: 2.5%!important;
}
.tour h3 {
    font-size: 22px!important;
    margin-top: 2.2%;
	 margin-bottom: 11px;
}
.tour h4 {
    font-size: 19px!important;
}
}