@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*/
.material-icons {
  font-size: 18px!important; 
  margin-right: 2px;
	padding-top: 5px;
}
/*google font icon*/
ul{
	
    list-style-type: none!important;
}
.little_p{
	padding-right: 5px!important;
	padding-left: 5px!important;
}
.new_row{
	margin-right: -5px!important;
    margin-left: -5px!important;
}
.tour{
	width: 100%;
	max-width:1150px;
	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{
	max-width: 100%;
	margin: 0 auto;
}
.tour .pd5{
    padding-right: 5px!important;
    padding-left: 5px!important;
}
.tour .pd5-{
    margin-right: -5px!important;
    margin-left: -5px!important;
}
.tour h1{
	font-size: 30px;
    line-height: 36px;
    color: #354b69!important;
    margin-bottom: 0.5%;
	margin-top: 3%;
    float: left;
    width: 100%;
	font-family:'Noto Sans TC','Jost', sans-serif!important;
	font-weight: 500;
}
.tour h2{
	font-size: 21px!important;
    line-height: 28px!important;
    color: #53524e!important;
    margin-bottom: 1%!important;
    float: left;
    width: 100%;
    font-family: 'Noto Sans TC','Jost', sans-serif!important;
    font-weight: 300!important;
}
.tour h3{
	font-size: 21px;
    line-height: 26px;
    color: #c99c4e!important;
    margin-bottom: 2px;
    float: left;
    width: 100%;
	font-family:'Noto Sans TC','Jost', sans-serif!important;
	font-weight: 300;   
	margin-top: 2%;
}
.tour h4{
	font-size: 18px;
    line-height: 24px;
    color: #53524e!important;
    margin-bottom: 2px;
    float: left;
    width: 100%;
	font-family:'Noto Sans TC','Jost', sans-serif!important;
	font-weight: 300;
}
.tour p{
	font-size: 16px;
	line-height: 22px;
	color: #53524e!important;
	text-align: justify;
	font-family:'Noto Sans TC','Jost', sans-serif!important;
	float: left;
	margin-bottom: 1px;
	width: 100%;
}
.tour .Serif{
	font-family: 'Noto Serif TC', serif!important;
	font-weight: 600;
}
.tour li{
	font-family:'Noto Sans TC','Jost', sans-serif!important;	
}
.tour .text18{
	font-size: 18px;
	line-height: 28px;
}
.tour .text14{
	font-size: 14px;
	line-height: 21px;
	color: #232323;
	font-family:'Noto Sans TC','Jost', sans-serif!important;
	float: left;
	width: 100%;
}
.tour .font_weight_900{
	font-weight: 900;
}
.tour .note{
	font-size: 15px;
	line-height: 23px;
	color: #fff;
	text-align: center;
	font-family:'Noto Sans TC','Jost', sans-serif!important;
	
}
.photo{
	width: 100%;
	margin-bottom: 1%;
	float: left;
	text-align: center;
}
.mobile_n{
		display: block;
	}
.mobile_on{
		display: none;
	}
.banner{
	width: 100%;
	float: left;
	text-align: center;
}
.tour .tag{
	background-color: #733e57;
    font-size: 18px;
    color: #fff;
    padding: 2px 7px;
    float: left;
    font-family: 'Noto Sans TC','Jost', sans-serif!important;
    margin-bottom: 3%;
	position: relative;
	left: 50%;
	transform: translateX(-50%);
}
.tour .note1{
	width: 100%;
	float: left;
	background-color: #e9ecef;
	color:#212529;
	font-size: 16px;
	line-height: 22px;
	padding: 2%;
	margin: 1% 0%;
}

.box_right{
	float: right;
	text-align: right;
}
.tour_box1{
　width: 100%;
	float: left;
	padding: 1% 0% 3% 7%;
}
.tour_box2{
　width: 100%;
	float: left;
	padding: 3% 7% 3% 0%;
}
.tour_box3,.tour_box5{
　width: 100%;
	float: left;
	padding: 2% 3%;
}
.tour_box4{
　width: 100%;
	float: left;
	padding: 2% 0% 2% 3%;
}
.SEE_Box1{
	width: 100%;
	float: left;
	padding-left: 15%;
	margin-bottom: 2%;
}
.SEE_Box2{
	width: 100%;
	float: left;
	padding-right: 15%;
	margin-bottom: 2%;
	text-align: right!important;
}
.SEE_Box2 p{
    text-align: right!important;
	float: right;
}
.award{
	font-size: 16px;
	line-height: 21px;
}
.negative_top{
	margin-top: -3%;
    float: left;
}
.food{
	width: 100%;
	float: left;
	font-size: 16px;
	line-height: 26px;
	color:#232323;
}
.food > ol{
	 list-style-type:disc!important;
}
/*color*/
.white{
	color:#fff!important;
}
.black{
	color:#000!important;
}
.pink{
	color:#E00E56!important;
}
.yellow{
	color: #fff000!important;
}
.red{
	color:red!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:#de7d42!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%;
}

/*padding
.tour .pt-2{
	padding-top: 2%;
}
.tour .pt-3 {
	padding-top: 3%;
}
.tour .pt-4 {
	padding-top: 4%;
}
.tour .pt-5 {
	padding-top: 5%;
}
.tour .px-1{
	padding-left: 1%;
	padding-right: 1%;
}
.tour .px-2{
	padding-left: 2%;
	padding-right:2%;
}
.tour .px-3{
	padding-left: 3%;
	padding-right:3%;
}
.tour .px-4{
	padding-left: 4%;
	padding-right:4%;
}
.tour .px-5{
	padding-left: 5%;
	padding-right:5%;
}
.tour .pb-1{
	padding-bottom: 1%;
}
.tour .pb-2{
	padding-bottom: 2%;
}
.tour .pb-3{
	padding-bottom: 3%;
}
.tour .pb-4{
	padding-bottom: 4%;
}
.tour .pb-5{
	padding-bottom: 5%;
}
.tour .py-2{
	padding-top: 2%;
	padding-bottom: 2%;
}
.tour .py-3{
	padding-top: 3%;
	padding-bottom: 3%;
}
.tour .padding0{
	padding-left: 0px!important;
	padding-right: 0px!important;
}
.tour .padding5{
	padding-left: 5px!important;
	padding-right: 5px!important;
}
.tour .align-items-center{
	align-items: center;
    display: flex;
}

.tour .align-items-end{
	align-items: flex-end;
    display: flex;
}
.tour .mb-4{
	margin-bottom: 4%;
}

#carousel1, #carousel2, #carousel3, #carousel4, #carousel5, #carousel6, #carousel7, #carousel8, #carousel9, #carousel10 {
    float: left;
    margin-bottom: 0!important;
}
/*2淡出淡入

.carousel-fade .carousel-inner .item {
    transition-property: opacity;
}
.carousel-fade .carousel-inner .item,

.carousel-fade .carousel-inner .active.left,

.carousel-fade .carousel-inner .active.right {
   opacity: 0;
}
.carousel-fade .carousel-inner .active,

.carousel-fade .carousel-inner .next.left,

.carousel-fade .carousel-inner .prev.right {
    opacity: 1;
}
.carousel-fade .carousel-inner .next,

.carousel-fade .carousel-inner .prev,

.carousel-fade .carousel-inner .active.left,

.carousel-fade .carousel-inner .active.right {
    left: 0;
    transform: translate3d(0, 0, 0);
}
.carousel-fade .carousel-control {
    z-index: 2;
}
*/
@media only screen and (max-width: 640px){

.mobile_n{
		display: none;
	}
.mobile_on{
		display: block;
	}
.tour .ECOTOURISM_box1,.tour .ECOTOURISM_box2,.Room_Box1,.Room_Box2,.Room_Box3{
	width: 100%;
}
.tour h1 {
    font-size: 22px;
}
.tour h2 {
    font-size: 19px!important;
    margin-top: 0px!important;
}
.tour_box1,.tour_box2,.tour_box5,.tour_box4 {
    padding: 4% 0%;
}
.tour_box3 {
    padding: 6%;
}
.tour .tag {
    font-size: 16px;
    margin-bottom: 0px;
}
.SEE_Box1{
	padding-left: 0%;
	margin-bottom: 2%;
}
.SEE_Box2{
	padding-right: 0%;
	margin-bottom: 2%;
	text-align: left!important;
}
.SEE_Box2 p{
    text-align: left!important;
	float: left!important;
}
.Upgrade_text1{
    font-size: 24px;
    -webkit-writing-mode: unset;;
    writing-mode: unset;
    margin: 4% 0;
    text-align: center;
}
.Upgrade_text2 {
    font-size: 24px;
    margin-bottom: 4%;
}
.Room_Box3 {
    margin-bottom: 10%;
}
.tour p {
    margin-bottom: 0px;
}
.box_right {
    float: left;
    text-align: left;
}
.text14 {
    line-height: 19px!important;
}
}