*{
	margin:0;
	padding:0;
	-webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

html,body{
	width:100%;
}

#themeTravel{
	width: 100%;
	min-width:320px;
	height: 97vh;
	margin:0 auto;
	overflow:hidden;
	background-color:#ccc;
	position:relative;
}

/*==================================== 主視覺裝飾 ====================================*/

#themeTravel .seo_area{ display: none; }

#themeTravel .main_frame{
	width: 100%;
	height: 97vh;
	position: absolute;
	top:0;
	left: 0;
	z-index: 5;
	pointer-events: none;
}

#themeTravel .stamp_icon{
	width: 25%;
	height: 0;
	padding-bottom: 14.46%;
	background: url("../images/img_stamp_icon.png") no-repeat left top;
	background-size: 100%;
	position: absolute;
	top: 1.9vw;
	left: 1.9vw;
}

#themeTravel .cis_dec_left{
	width: 9.375%;
	height: 0;
	padding-bottom: 24.22%;
	background: url("../images/img_cis_dec_left.png") no-repeat left top;
	background-size: 100%;
	position: absolute;
	bottom: 9.375vw;
	left: -1.2vw;
	
}

#themeTravel .cis_dec_right{
	width: 22.265625%;
	height: 0;
	padding-bottom: 20.313%;
	background: url("../images/img_cis_dec_right.png") no-repeat right top;
	background-size: 100%;
	position: absolute;
	bottom: 14.8vw;
	right: 0;
	
}


/*==================================== 主視覺套件 ====================================*/ 

#themeTravel .wrapper{
  width: 100%;
  height: 97vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

#themeTravel .inner{
  width: 100%;
}

#themeTravel .slide>span{
  display: flex;
  align-items: center;
  justify-content: center;
}

#themeTravel .slider-main{}

#themeTravel .slider-main .slide>span{
	width: 100%;
	height: 97vh;
}

#themeTravel .nav_bk{
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 10;
	background:url("../images/img_nav_bg.png");
	background-color: rgba(0,0,0,0.5);
}

#themeTravel .slider-thumb{
	width: 80%;
	margin: 0 auto;
	padding: 1%;	
}

#themeTravel .slider-thumb .slide{
	display: inline-block;
	vertical-align: top;
}

#themeTravel .slider-thumb .slide img{
	width: 100%;
	height: auto;
}


#themeTravel .slider-thumb .slide>span{
	display: block;
	text-align: center;
	padding: 5% 0;
  	font-size: 1.7vw;
  	height: 10vh;
	color:#FFF;
	margin: 0 5px 0 0; /*★*/
	border-right: #FFF 1px dotted;
	cursor: pointer;
}

#themeTravel .slider-thumb .slide>span p{
	font-size: 0.8vw;
}

#themeTravel .slider-thumb .fristslide span{
	border-left: #FFF 1px dotted;
}


#themeTravel .theme_inner>h3{ display: none; }


#themeTravel .cruis_theme{
	width: 100%;
	height: 100%;
	background: url("../images/img_mainPic_curise.jpg") no-repeat left top;
	background-size: 100%;
	background-position: left top;
}

#themeTravel .luxury_theme{
	width: 100%;
	height: 100%;
	background: url("../images/img_mainPic_luxury.jpg") no-repeat left top;
	background-size: 100%;
	background-position: left top;
}

#themeTravel .clubmed_theme{
	width: 100%;
	height: 100%;
	background: url("../images/img_mainPic_clubmed.jpg") no-repeat left top;
	background-size: 100%;
	background-position: left top;
}

#themeTravel .golf_theme{
	width: 100%;
	height: 100%;
	background: url("../images/img_mainPic_golf.jpg") no-repeat left top;
	background-size: 100%;
	background-position: left top;
}

#themeTravel .ski_theme{
	width: 100%;
	height: 100%;
	background: url("../images/img_mainPic_ski.jpg") no-repeat left top;
	background-size: 100%;
	background-position: left top;
}

#themeTravel .sports_theme{
	width: 100%;
	height: 100%;
	background: url("../images/img_mainPic_sports.jpg") no-repeat left top;
	background-size: 100%;
	background-position: left top;
}

#themeTravel .exhibition_theme{
	width: 100%;
	height: 100%;
	background: url("../images/img_mainPic_festival.jpg") no-repeat left top;
	background-size: 100%;
	background-position: left top;
}


#themeTravel .theme_inner{
	display: block;
	width: 80%;
	height: 100%;
	margin: 0 auto;
	position: relative;
}


#themeTravel .theme_inner h1{
	width: 58.6%;
	height: 0;
	padding-bottom: 19.667%;
	position: absolute;
	top: 17vw;
	left: 2.5%;
}


#themeTravel .theme_inner h1.cruis_title{
	background: url("../images/img_title_cruis.png") no-repeat left top;
	background-size: 100%;
}

#themeTravel .theme_inner h1.luxury_title{
	background: url("../images/img_title_luxury.png") no-repeat left top;
	background-size: 100%;
}

#themeTravel .theme_inner h1.clubmed_title{
	background: url("../images/img_title_clubmed.png") no-repeat left top;
	background-size: 100%;
}

#themeTravel .theme_inner h1.golf_title{
	background: url("../images/img_title_golf.png") no-repeat left top;
	background-size: 100%;
}

#themeTravel .theme_inner h1.ski_title{
	background: url("../images/img_title_ski.png") no-repeat left top;
	background-size: 100%;
}

#themeTravel .theme_inner h1.sports_title{
	background: url("../images/img_title_sports.png") no-repeat left top;
	background-size: 100%;
}

#themeTravel .theme_inner h1.exhibition_title{
	background: url("../images/img_title_festival.png") no-repeat left top;
	background-size: 100%;
}

#themeTravel .theme_inner p{
	display: block;
	font-size: 1.4vw;
	letter-spacing: 10px;
	line-height: 2.5vw;
	font-weight: 600;
	color: #fff;
	position: absolute;
	top: 32vw;
	left: 3%;
}

#themeTravel .ski_theme .theme_inner p{
	color: #084d72;
}

#themeTravel .theme_inner a ,
#themeTravel .theme_inner .preparative{
	display: block;
	width: 16.602%;
	height: 3.9vw;
	border: #FFF solid 1px;
	border-radius: 1.9vw;
	font-size: 1.5625vw;
	line-height: 3.9vw;
	color: #fff;
	font-weight: 500;
	padding-left: 2%;
	position: absolute;
	right: 3%;
	bottom: 11vw;
	
}

#themeTravel .theme_inner a{
	background: url("../images/img_goto_arrow.png") no-repeat left top;
	background-size: 17.65%;
	background-position: 90% 50% ;
	background-color: rgba(51,51,51,0.5);
	transition: all .3s linear;
}

#themeTravel .theme_inner a:hover{
	color: #ffd800;
	border: #ffd800 solid 1px;
	background: url("../images/img_goto_arrow02.png") no-repeat left top;
	background-size: 17.65%;
	background-position: 95% 50% ;
	background-color: rgba(51,51,51,1.0);
}

#themeTravel .theme_inner .preparative{
	padding-left: 0;
	text-align: center;
	background-color: rgba(51,51,51,0.5);
}




/*---- 套件用左右鍵 ----*/

/* arrow */
/*.slick-arrow{
  z-index: 2;
  top: 50%;
  margin-top: -10px;
  width: 20px;
  height: 20px;
  border-top: 3px solid #3498db;
  border-right: 3px solid #3498db;
  opacity: .8;
}
.slick-arrow::before{
  content: '';
}
.slick-prev{
  left: 30px;
  transform: rotate(-135deg);
}
.slick-next{
  right: 30px;
  transform: rotate(45deg);
}*/


/* dots */
/*.slick-dots{
  bottom: -25px;
}
.slick-dots li,
.slick-dots li button,
.slick-dots li button::before{
  width: 12px;
  height: 12px;
}
.slick-dots li{
  margin: 0 7px;
}
.slick-dots li button{
  background-color: #fff;
  opacity: .8;
  border-radius: 100%;
}
.slick-dots li.slick-active button{
  opacity: .4;
}
.slick-dots li button::before{
  content: '';
}*/

/*---- 套件用左右鍵END ----*/

@media screen and (max-width: 1440px){
	
	#themeTravel .theme_inner h1{
		top: 25vw;
	}
	
	#themeTravel .theme_inner p{
		top: 40vw;
	}
}


@media screen and (max-width: 1280px){
	
	#themeTravel .slider-thumb .slide>span{
		height: 8vh;
	}
	
	#themeTravel .theme_inner h1{
		top: 35vw;
	}
	
	#themeTravel .theme_inner p{
		top: 50vw;
	}
	
}

@media screen and (max-width: 1024px){ 	
	
	#themeTravel .stamp_icon{
		width: 40%;
		height: 0;
		padding-bottom: 23.125%;
		position: absolute;
		top: 60VW;
		left: auto;
		right: -10%;
	}

	#themeTravel .cis_dec_left{
		width: 19.5%;
		height: 0;
		padding-bottom: 50.37%;
		position: absolute;
		bottom: auto;
		left: -1.2vw;
		top: -10%;

	}

	#themeTravel .cis_dec_right{
		width: 40%;
		height: 0;
		padding-bottom: 40%;
		bottom: auto;
		right: -10%;
		top: -3%;
	}
	
	#themeTravel .theme_inner {
		width: 85%;
	}
	
	#themeTravel .theme_inner h1{
		width: 100%;
		height: 0;
		padding-bottom: 33.3333%;
		top: auto;
		bottom: 34vw;
		left: 0;
	}
	
	#themeTravel .theme_inner p {
		font-size: 2.5vw;
		line-height: 5vw;
		font-weight: 300;
        top: auto;
        bottom: 24vw;
		left: 1%;
    }
	
	#themeTravel .theme_inner a,
	#themeTravel .theme_inner .preparative{
		width: 50%;
		height: 6vw;
		border-radius: 3vw;
		line-height: 5.9vw;
		font-size: 2.5vw;
		padding-left: 4%;
		right: auto;
		left: 0;
		bottom: 15vw;
		border: rgba(255,255,255,0.6) solid 1px;
		background-color: rgba(0,0,0,0.3);
	}
	
	#themeTravel .theme_inner .preparative{
		text-align: center;
		padding-left: 0;
	}
	
	
	
	#themeTravel .slider-thumb{
		width: 95%;
		margin: 0 auto;
		padding: 0.5%;	
	}
	
	#themeTravel .slider-thumb .slide>span{
		font-size: 2.8vw;
		padding: 10% 0;
	}
	
	#themeTravel .slider-thumb .slide>span p{
		font-size: 1.2vw;
	}
	
	
	#themeTravel .cruis_theme{
		width: 100%;
		height: 100%;
		background: url("../images/img_mainPic_curise_m.jpg") no-repeat left top;
		background-size: 100%;
		background-position: left top;
		background-color: #00376a;
	}

	#themeTravel .clubmed_theme{
		width: 100%;
		height: 100%;
		background: url("../images/img_mainPic_clubmed_m.jpg") no-repeat left top;
		background-size: 100%;
		background-position: left top;
		background-color: #4a7b8f;
	}
	
	#themeTravel .luxury_theme{
		width: 100%;
		height: 100%;
		background: url("../images/img_mainPic_luxury_m.jpg") no-repeat left top;
		background-size: 100%;
		background-position: left top;
		background-color: #4e2106;
	}

	#themeTravel .golf_theme{
		width: 100%;
		height: 100%;
		background: url("../images/img_mainPic_golf_m.jpg") no-repeat left top;
		background-size: 100%;
		background-position: left top;
		background-color: #718d01;
	}

	#themeTravel .ski_theme{
		width: 100%;
		height: 100%;
		background: url("../images/img_mainPic_ski_m.jpg") no-repeat left top;
		background-size: 100%;
		background-position: left top;
		background-color: #eff1f0;
	}

	#themeTravel .sports_theme{
		width: 100%;
		height: 100%;
		background: url("../images/img_mainPic_sports_m.jpg") no-repeat left top;
		background-size: 100%;
		background-position: left top;
		background-color: #737474;
	}

	#themeTravel .exhibition_theme{
		width: 100%;
		height: 100%;
		background: url("../images/img_mainPic_festival_m.jpg") no-repeat left top;
		background-size: 100%;
		background-position: left top;
		background-color: #5b0e03;
	}
	
	
	
}



@media screen and (max-width: 600px){ 
	
	#themeTravel,
	#themeTravel .main_frame,
	#themeTravel .wrapper{
		height: 87vh;
	}
	
	#themeTravel .slider-thumb .slide>span{
		font-size: 5vw;
		padding: 10% 0;
	}
	
	#themeTravel .slider-thumb .fristslide span{
		border-left: none;
	}


	
	#themeTravel .slider-thumb .slide>span p{
		display: none;
	}
	
	#themeTravel .stamp_icon {
        width: 50%;
		padding-bottom: 30%;
		top:auto;
		bottom: 87vw;
	}
	
	#themeTravel .theme_inner h1{
		padding-bottom: 50%;
		bottom: 61.5vw;
	}
	
	#themeTravel .theme_inner h1.cruis_title{
		background-size: 150%;
	}

	#themeTravel .theme_inner h1.luxury_title{
		background-size: 150%;
	}

	#themeTravel .theme_inner h1.golf_title{
		background-size: 150%;
	}

	#themeTravel .theme_inner h1.ski_title{
		background-size: 150%;
	}

	#themeTravel .theme_inner h1.sports_title{
		/*background-size: 120%;*/
		padding-bottom: 40%;
	}

	#themeTravel .theme_inner h1.exhibition_title{
		background-size: 120%;
		padding-bottom: 40%;
	}
	
	#themeTravel .theme_inner h1.clubmed_title{
		background-size: 100%;
		padding-bottom: 40%;
	}

	#themeTravel .theme_inner p{
		bottom: 50vw;
		font-size: 3.9vw;
		line-height: 7vw;
		letter-spacing: 1px;
	}
	
	#themeTravel .theme_inner a,
	#themeTravel .theme_inner .preparative {
        width: 60%;
        height: 10vw;
        border-radius: 5vw;
        line-height: 9.2vw;
        font-size: 4.2vw;
        padding-left: 6%;
        bottom: 35vw;
    }
	
	#themeTravel .theme_inner .preparative {
		padding-left: 0;
	}
	
}