@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{
	font-family:'Century Gothic','Noto Sans TC', sans-serif!important;	
    margin-bottom: 4px;
}
/*bootstrap*/
.tour .row {
    margin-right: -8px!important;
    margin-left: -8px!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: 8px!important;
    padding-left: 8px!important;
}
/*tour*/
.tour{
	width: 100%;
	max-width:1150px;
	padding-left: 0%;
	padding-right: 0%;
	margin: auto;
	box-sizing: border-box;	
	font-family:'Century Gothic','Noto Sans TC', sans-serif!important;
	display: table!important;
}
.tour img{
	width: 100%;
	margin: 0 auto;
	max-width: 1200px;
}
.tour h1{
	font-size: 24px!important;
    line-height: 1.5!important;
    font-weight: 500;
    font-family: 'Century Gothic','Noto Sans TC', sans-serif!important;
	margin-top: 0%!important;
	margin-bottom: 0!important;
	color: #232323!important
}
.tour h1 span{
	font-weight: 700!important;
	font-size: 24px!important;
    line-height: 1.5!important;
}
.tour h2{
    font-size: 18px!important;
    line-height: 1.5!important;
    margin-bottom: 1%!important;
    margin-top: 0px!important;
    float: left;
    width: 100%;
    font-family: 'Century Gothic','Noto Sans TC', sans-serif!important;
    font-weight: 300!important;
}
.tour h2 span{
    font-weight: 700!important;
}
.tour h3{
	font-size: 20px;
    color: #232323;
    float: left;
    width: 100%;
    line-height: 1.5 !important;
    margin-top: 0% !important;
    margin-bottom: 1% !important;
}
.tour h4{
	font-size: 18px!important;
    line-height: 1.5!important;
    color: #343434!important;
    float: left;
    width: 100%;
	font-family:'Century Gothic','Noto Sans TC', sans-serif!important;
	font-weight: 300;
	margin-bottom: 2%!important;
    margin-top: 3%!important;
}
.tour h5{
	font-size: 21px;
    line-height: 1.5!important;
    color: #343434!important;
    float: left;
    width: 100%;
    font-family: 'Century Gothic','Noto Sans TC', 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:'Century Gothic','Noto Sans TC', sans-serif!important;
	margin-bottom: 1px;
	width: 100%;    
    float: left;
}
.tour p span {
    font-weight: 600;
}
.tour .introBox{
	width: 100%;
	float: left;
	padding: 3% 3% 0% 3%;
	font-size: 16px;
    line-height: 1.5;
	color: #343434;
}
.tour .introBox2 {
    width: 100%;
    float: left;
    padding: 3%;
    font-size: 16px;
    line-height: 1.5;
	color: #343434;
}
.tour .photo{
    width: 100%;
    float: left;
    text-align: center;
    margin-top: 2%;
}
.tour .Serif{
	font-family: 'Noto Serif TC', serif!important;
    line-height: 2.5;
}
.mobile_n{
		display: block;
	}
.mobile_on{
		display: none;
	}
.tour .carousel_Box{
	float: left;
}
/*飯店介紹*/

.tour .titlebox2{
	padding-top: 6%;
    padding-bottom: 2%;
}
.tour .title01{
	width: 100%;
    float: left;
    font-family: 'Noto Serif TC', serif!important;
    font-size: 33px;
    line-height: 1;
    color: #343434;
    text-align: center;
}
.tour .title02{
	width: 100%;
	float: left;
	font-size: 21px;
	color:#343434;
	margin-bottom: 2%;
}
.tour .tag1{
    font-size: 18px;
    color: #fff;
    padding: 4px 15px;
    float: left;
    font-family: 'Century Gothic','Noto Sans TC', sans-serif;
    margin-bottom: 7px;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 20px;
    margin-top: 3%;
}
.tour .tag2{
    font-size: 19px;
    color: #fff;
    padding: 0.3%;
    float: left;
    font-family: 'Century Gothic','Noto Sans TC', sans-serif;
    margin-bottom: 1%;
    width: 8%;
    text-align: center;
    letter-spacing: 2px;
    margin-right: 91%;
    margin-top: 1%;
    margin-left: 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 .hotel_line {
    width: 30%;
    float: left;
    margin-left: 35%;
    border-top: 1px solid #000;
	margin-top: 4%;
    margin-bottom: 1%;
}
.tour .hotel_title1 {
    width: 100%;
    float: left;
    text-align: center;
    color: #000;
    font-size: 50px;
    font-weight: 600;
    line-height: 1.5;
	margin-bottom: 1%;
}
.tour .hotel_title2 {
    width: 100%;
    float: left;
    text-align: center;
    color: #ff2769;
    font-size: 24px;
    line-height: 1.2;
    font-weight: 600;
	margin-top: 3%;
}
.tour .hotel_title3{
	width: 100%;
	float: left;
	text-align: center;
	color:#000;
	font-size: 26px;
	line-height: 1.5;
	margin-top: 1%;
}

.tour .bottom_line{
	width: 100%;
	float: left;
	border-bottom: 1px solid #6c757d;
	padding-bottom: 3%;
	margin-bottom: 2%;
}
.tour .foodtitle{
    width: 100%;
    float: left;
    font-size: 16px;
    color: #293243;
    line-height: 1.5;
    font-weight: 400;
    margin-bottom: 0.5%;
}
.tour .foodtitle 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: #343434;
    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%;
}

/***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*/
.CapellaColor{
    color: #065669;
}
.CapellaBG{
    background-color: #065669;
}
.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;
}
.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;
}
.BGorange{
	background-color: #f60;
}
.BGgray{
	background-color: #7c848b;
}
.BGblue{
	background-color: #80ceff;
}
.BGbrown{
    background-color: #4e4242e6;
}
.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;
}
.BGlightgray{
    background-color: #f1f1f1;
}
.BGmocha {
    background-color: #c9baba;
}
@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 .titleBox {
    padding: 4% 0;
}
.tour .titlebox2 {
    padding-top: 10%;
	padding-bottom: 4%;
}
.tour .starBox2 span {
    font-size: 29px!important;
}	
.tour h1 {
	font-size: 22px!important;
	line-height: 1.5!important;
    letter-spacing: 1px;
}	
.tour h2 {
	font-size: 18px!important;
	line-height: 1.1!important;
	margin-bottom: 2.5%!important;
}
.tour h3 {
    font-size: 18px!important;
    margin-top: 4.2%!important;
    margin-bottom: 2%!important;
}
.tour .introBox {
    padding: 5% 2%;
}
.tour .textbox2 {
    padding: 5% 0;
}
/*飯店*/
.tour .tag1 {
    font-size: 14px;
    padding: 4px 10px;
	}
.tour .tag2 {
    font-size: 18px;
    width: 26%;
    margin-right: 37%;
    margin-top: 1%;
    margin-left: 37%;   
    margin-bottom: 3%;
}

.tour .title01 {
    font-size: 26px;
}
.tour .title02 {
    font-size: 19px;
}
.tour .hotel_title1 {
    font-size: 28px;
    line-height: 1.2;
    margin-top: 1%;
    margin-bottom: 2%;
}
.tour .hotel_title2 {
    font-size: 18px;
    margin-top: 5%;
}
.tour .hotel_title3 {
    font-size: 20px;
}
.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;
}
}