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

html,body{
	overflow:auto;!important;
	
}

.main-content{
	width:100%;
	min-width:320px;
	background:url(img_bg.gif);
	overflow:hidden;
	position: relative;
}

/* ==================== 主視覺 ==================== */

.goto_line{
	width: 10%;
	position: fixed;
	right: 30px;
	bottom: 15vh;
	z-index: 60;
	
	
}

.goto_line a{
	display: block;
	width: 100%;
	height: 0;
	padding-bottom: 100%;
	background: url("img_goto_line.png") no-repeat left top;
	background-size: 100%;
	-webkit-filter: drop-shadow(0px 5px 5px rgba(0, 0, 0, 0.3));
    filter: drop-shadow(0px 5px 5px rgba(0, 0, 0, 0.3));
}

.main-top{
	width:100%;
	
}

.top-content{
	width:100%;
	height: 0;
	padding-bottom: 50%;
	position: relative;
}

h1.heading{
	display:block;
	width:33%;
	height:0;
	padding-bottom:33%;
	background:url(img_maintittle.png) no-repeat;
	background-size:100%;
	text-indent:-9999px;
	
	position:absolute;
	top:8vw;
	right:20%;
	z-index: 50;
}


.preface{
	width: 70%;
	height: 0;
	padding-bottom: 35%;
	margin: 20px auto;
	
}

.map01{
	background: url("img_map01.png") no-repeat left top;
	background-size: 55%;
	background-position: right top;
}

.map02{
	background: url("img_map02.png") no-repeat left top;
	background-size: 55%;
	background-position: right top;
}

.map03{
	background: url("img_map03.png") no-repeat left top;
	background-size: 55%;
	background-position: right top;
}

.map04{
	background: url("img_map04.png") no-repeat left top;
	background-size: 55%;
	background-position: right top;
}

.map05{
	background: url("img_map05.png") no-repeat left top;
	background-size: 55%;
	background-position: right top;
}

.map06{
	background: url("img_map06.png") no-repeat left top;
	background-size: 55%;
	background-position: right top;
}

.preface h2{
	display:block;
	text-indent:-9999px;
	width:50%;
	height:0;
	padding-bottom: 16%;
	background:url(img_Stittle.png) no-repeat;
	background-size:100%;
	
	margin-bottom:20px;
	
}

.preface .preface-text{
	width: 50%;
}

.preface .preface-text p{
	color:#333;
	margin-bottom:10px;
	font-size:1.1em;
}

.preface .preface-text img{
	width: 80%;
	height: auto;
	display: block;
	
}

.EEUmap{
	width:64.1667%;
	
	position:absolute;
	right:50px;
	top:540px;
	
}

.EEUmap img{
	width:100%;
	height:auto;
}

.tag{
	width:100%;
	position:absolute;
	top:0;
	left:0;
	z-index: 40;
	
	color:#FFF;
	font-size:1.7em;
	font-weight:600;
	text-shadow:rgba(51,51,51,0.5) 1px 3px 5px;
	
}

.tag .t01{
	position:absolute;
	top:60px;
	left:50px;
}
.tag .t02{
	position:absolute;
	top:110px;
	left:50px;
}
.tag .t03{
	position:absolute;
	top:20px;
	right:60px;
}
.tag .t04{
	position:absolute;
	top:65px;
	right: 60px;
}

.slider_container {
	width:100%;
	height: 0;
	padding-bottom: 46.875%;
	position:relative;
}

.slider_container div { /* -- 圖片輪播部分 -- */
	width:100%;	
	
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    filter: alpha(opacity=0);
	
	-webkit-animation: round 25s linear infinite;
            animation: round 25s linear infinite;
}



@-webkit-keyframes round {
    4% {
        opacity: 1;
        filter: alpha(opacity=100);
        /* 0 - 1秒 淡入*/
    }
    20% {
        opacity: 1;
        filter: alpha(opacity=100);
        /* 1- 5秒靜止*/
    }
    24% {
        opacity: 0;
        filter: alpha(opacity=0);
        /* 5-6秒淡出*/
    }
}
@keyframes round {
    4% {
        opacity: 1;
        filter: alpha(opacity=100);
        /* 0 - 1秒 淡入*/
    }
    20% {
        opacity: 1;
        filter: alpha(opacity=100);
        /* 1- 5秒靜止*/
    }
    24% {
        opacity: 0;
        filter: alpha(opacity=0);
        /* 5-6秒淡出*/
    }
}

.slider_container div:nth-child(1) {
    -webkit-animation-delay: 0s;
            animation-delay: 0s;
}

.slider_container div:nth-child(2) {
    -webkit-animation-delay: 5s;
            animation-delay: 5s;
}

.slider_container div:nth-child(3) {
    -webkit-animation-delay: 10s;
            animation-delay: 10s;
}

.slider_container div:nth-child(4) {
    -webkit-animation-delay: 15s;
            animation-delay: 15s;
}

.slider_container div:nth-child(5) {
    -webkit-animation-delay: 20s;
            animation-delay: 20s;
}

.slider_container div img{
	width: 100%;
	height: auto;
}

.slider_container-mobile,
.mobile-map{
	display:none;
}

.under-line{
	width:100%;
	height:15px;
	margin-bottom:30px;
	background:url(img_line.png) repeat-x;
}


/* ==================== 選單 ==================== */

.main-nav{
	width:100%;
	height:auto;
	padding-top:50px;
}

.article-title{
	width: 100%;
	height: 7.8125vw;
	text-indent:-9999px;
	background:url(img_sline01.png) no-repeat top center;
	background-size: 20%;
	
	position:relative;
	
}

.article-title:before{
	content: ""; /*產生一個空的元素*/
	width:40%;
	height:55px;
	border-bottom:#18565b 2px dashed;
	position:absolute;
	left:0;
}

.article-title:after{
	content: ""; /*產生一個空的元素*/
	width:40%;
	height:55px;
	border-bottom:#18565b 2px dashed;
	position:absolute;
	right:0;
}

.main-nav nav{
	width:100%;
	text-align:center;
	overflow:hidden;
	
}

.main-nav nav ul{
	display: inline-block;
	width:1200px;
	margin:30px auto;
}

.main-nav nav li{
	display:inline-block;
	vertical-align:top;
	width:11.25%;
	height:150px;
	
	margin:0 1%;
}

.main-nav nav li a{
	display:block;
	text-indent:-9999px;
	width:100%;
	height:0;
	padding-bottom:110%;
	
}

.main-nav nav li a.thepage{
	
}

.main-nav nav li a.ee-cro{ /* 雙點進出 */
	background:url(img_btn0101.png) no-repeat top center;
	background-size:100%;
	
	transition:background 1s;
	-webkit-transition:background 1s;
	-moz-transition:background 1s;
}

.main-nav nav li a.ee-cro:hover,
.main-nav nav li a.ee-cro2{
	background:url(img_btn0102.png) no-repeat top center;
	background-size:100%;
}

.main-nav nav li a.ee-ac{ /* 四季奧捷 */
	background:url(img_btn0201.png) no-repeat top center;
	background-size:100%;
	
	transition:background 1s;
	-webkit-transition:background 1s;
	-moz-transition:background 1s;
}

.main-nav nav li a.ee-ac:hover,
.main-nav nav li a.ee-ac2{ 
	background:url(img_btn0202.png) no-repeat top center;
	background-size:100%;
}

.main-nav nav li a.ee-honey{ /* 蜜月東歐 */
	background:url(img_btn0301.png) no-repeat top center;
	background-size:100%;
	
	transition:background 1s;
	-webkit-transition:background 1s;
	-moz-transition:background 1s;
}

.main-nav nav li a.ee-honey:hover,
.main-nav nav li a.ee-honey2{
	background:url(img_btn0302.png) no-repeat top center;
	background-size:100%;
}

.main-nav nav li a.ee04-ach{ /* 特色東歐 */
	background:url(img_btn0401.png) no-repeat top center;
	background-size:100%;
	
	transition:background 1s;
	-webkit-transition:background 1s;
	-moz-transition:background 1s;
}

.main-nav nav li a.ee04-ach:hover,
.main-nav nav li a.ee04-ach2{
	background:url(img_btn0402.png) no-repeat top center;
	background-size:100%;
}

.main-nav nav li a.ee-gc{ /* 德國捷克 */
	background:url(img_btn0501.png) no-repeat top center;
	background-size:100%;
	
	transition:background 1s;
	-webkit-transition:background 1s;
	-moz-transition:background 1s;
}

.main-nav nav li a.ee-gc:hover,
.main-nav nav li a.ee-gc2{
	background:url(img_btn0502.png) no-repeat top center;
	background-size:100%;
}

.main-nav nav li a.ee-cs{ /* 克斯 */
	background:url(img_btn0601.png) no-repeat top center;
	background-size:100%;
	
	transition:background 1s;
	-webkit-transition:background 1s;
	-moz-transition:background 1s;
}

.main-nav nav li a.ee-cs:hover,
.main-nav nav li a.ee-cs2{ 
	background:url(img_btn0602.png) no-repeat top center;
	background-size:100%;
}



/* ==================== 打卡景點介紹 ==================== */

.checkin-point{
	width:100%;
	padding-bottom:30px;
	
}

.checkin-point div{
	width:1100px;
	margin:0 auto;
	padding:0 50px;
	border:#e0e0d3 1px solid;
}

.checkin-point div:nth-child(1){ /*  白色區塊 */
	height:1000px;
	padding:50px 49px 50px;
	/*background:url(img_fb_like.png) no-repeat bottom center;
	background-size:44%;*/
	background-color:#FFF;
	border-radius:10px 10px 0 0;	
}

.checkin-point div:nth-child(2){  /*  灰色區塊 */
	height:50px;
	line-height:50px;
	margin-top:-1px; /*-- 和上方邊框重疊 --*/
	background:url(img_fb_like02.jpg) no-repeat;
	background-size:5%;
	background-position:5% 50%;
	background-color:#ececec;
	padding-left:110px;
	border-radius:0 0 10px 10px;
}

.checkin-point div:nth-child(1) img{
	width:100%;
	height:auto;
}

.checkin-point div:nth-child(1) img.mobilelike{
	display:none;
}

.checkin-point iframe{
	width:100%;
	height:880px;
	overflow:hidden;
}

.intro-main{
	width:1000px;
}

.loc-link,.loc-infor,.loc-text{
	width:100%;
	height:auto;
	margin-bottom:10px;
}

.loc-link{
	border-bottom:#e0e0d3 1px solid;
}

.loc-link .tt,.loc-link .link-side{
	display:inline-block;
	vertical-align:top;
}

.loc-link .tt{
	font-size:1.3em;
	margin-right:10px;
	margin-bottom:10px;
}

.loc-link a{
	display:inline-block;
	text-decoration:none;
	min-width:50px;
	padding:2px 5px 2px 30px;
	margin-right:10px;
	margin-bottom:10px;
	font-size:1.2em;
	color:#333;
	border:#999 1px solid;
	background:url(img_fb_site01.svg) no-repeat;
	background-size:20px auto;
	background-position:5px 5px;
}

.loc-link a:hover,a.loc-this{
	color:#FFF;
	background:url(img_fb_site02.svg) no-repeat;
	background-size:20px auto;
	background-position:5px 5px;
	background-color:#18565b;
	border:#18565b 1px solid;
}

/*
.loc-infor{
	height:80px;

}*/

.loc-infor .fb-infor{
	width:95%;
	float:left;
}

.loc-infor .fb-PP{
	width:5%;
	float:right;
	color:#999;
	font-size:2em;
	padding:2px 10px;
}

.fb-infor .bt-pic,.fb-infor .bt-checkin{
	display:inline-block;
	vertical-align:middle;
}

.fb-infor .bt-pic{
	/*width:6%;
	height:0;
	padding-bottom:6%;*/
	width:60px;
	height:60px;
	background:url(img_fb_logo.svg) no-repeat;
	background-size:100%;
	background-position:50%;
	margin:10px;
}

.fb-infor .bt-checkin{
	margin-top:10px;
}

.fb-infor .bt-checkin div:nth-child(1){
	color:#006;
	line-height:30px;
	font-size:1.2em;
	font-weight:600;
	
}

.fb-infor .bt-checkin div:nth-child(1) span{
	font-size:0.8em;
	font-weight:300;
}

.fb-infor .bt-checkin div:nth-child(2){
	font-size:0.8em;
	color:#999;
	line-height:24px;
	
	
}

.fb-infor .bt-checkin div:nth-child(2) span{
	background:url(img_fb_earth.svg) no-repeat;
	background-size:10%;
	background-position:99% 50%;
	padding-right:20px;
}


.loc-text{
	width:100%;
	clear:both;
	padding:10px 0;
	font-size:1em;
	line-height:28px;
}

.loc-infor img{
	width:100%;
	height:auto;
}

/* ==================== 網友來分享 ==================== */

.share-area{}

.article-title03 {
    width: 100%;
    height: 7.8125vw;
    text-indent: -9999px;
    background: url(img_sline03.png) no-repeat top center;
    background-size: 20%;
	margin: 30px auto;
}


.swiper-container{
	width: 60%;
	
}

.swiper-wrapper,.swiper-slide{
	width: 100%;
	margin: 30px auto;
	text-align: center;
}

.spot-pic,.spot-contect{
	display: inline-block;
	vertical-align: top;
}

.spot-pic{
	width: 45%;
}

.spot-pic img{
	width: 100%;
	height: auto;
	display: block;
}

.spot-contect{
	width: 45%;
	height: 0;
	padding: 5% 2% 55% 2%;
	text-align: left;
	background-color: #fff;
}

.spot-contect h4{
	font-size: 18px;
	color: #333;
	background: url("img_cheakin.png") no-repeat left top;
	background-size: 20px;
	background-position: 0% 50%;
	padding-left: 25px;
	margin-bottom: 10px;
	
}

.spot-contect h4 span{
	color: #999;
	font-size: 12px;
	margin-left: 5px;
	
}

.spot-inner{
	text-align: left;
	font-size: 16px;
	line-height: 30px;
}

.tag_txt{
	color: #258CF9;
}

.spot-txt{}

.spot-txt p{}






/* ==================== 推薦行程 ==================== */

.tours-area{
	width:100%;
	padding-bottom:50px;
	
	background-color:#e0e0d3;
	overflow:hidden;
}

.article-title02{
	width:100%;
	height: 7.8125vw;
	text-indent:-9999px;
	background:url(img_sline02.png) no-repeat top center;
	background-size: 20%;
	margin:30px auto;
	
}

.tours-list{
	width:1200px;
	margin:0 auto;
	text-align:center;
}

.tours-list a.tours{
	display:inline-block;
	vertical-align:top;
	width:33%;
	color:#000;
	text-align:left;
	/*margin:0 1.6% 30px 1.6%;*/
	background-color:#FFF;
	border:#e0e0d3 18px solid;
	
	transition:border 2s,color 2s;
	-webkit-transition:border 2s,color 2s;
	-moz-transition:border 2s,color 2s;
}

.tours-list a.tours:hover{
	color:#18565b;
	border:#18565b 18px solid;
}


.tours-list a.tours h4,
.tours-list a.tours h5,
.tours-list a.tours .price{
	padding:0 20px;
	
}

.tours-list a.tours h4{
	display:block;
	margin-top:20px;
	font-size:1.6em;
	font-weight:600;
	color: #18565b;
	margin-bottom: 5px;
}

.tours-list a.tours h5{
	font-size:1.1em;
	line-height:30px;
	color: #333;
	min-height: 160px;
}

.tours-list a.tours .offer{
	font-size:1.2em;
	font-weight:600;
	text-align:left;
	margin:10px 20px;
	line-height:30px;
	height:30px;
	color: chocolate;
	background:url(img_bg02.gif);
	
}

.tours-list a.tours .offer-no{
	margin:10px 20px;
	height:30px;
	
	
}

.tours-list a.tours .price{
	text-align:right;
}

.tours-list a.tours .price span,
.tours-list a.tours .money,
.tours-list a.tours .price p{
	display:inline-block;
	vertical-align:middle;
}

.tours-list a.tours .price span{
	padding:3px;
	margin-right:10px;
	border:#ccc 1px solid;
}

.tours-list a.tours .money{
	color:#F00;
	font-size:2em;
	line-height:60px;
	font-family:Arial, Helvetica, sans-serif;
}


.tours-list a.tours img{
	width:100%;
	height:auto;
	margin-bottom:-6px;
	
}

@media screen and (max-width: 1280px){
	
	.preface{
		width: 80%;
	}
}


@media screen and (max-width: 1199px){
	
	.tag {
		font-size: 18px;
	}
	
	.preface .preface-text p {
		font-size: 16px;
	}

		
	/* ==================== 選單 ==================== */
	
		.main-nav nav ul{
			display: inline-block;
			width:100%;
			margin:30px auto;
		}
		
    /* ==================== 打卡景點介紹 ==================== */
	
	
		.checkin-point div{
			width:96%;
			margin:0 auto;
			padding:0 50px;
			border:#e0e0d3 1px solid;
		}
		
		.intro-main{
			width:100%;
		}
		
		.loc-link a{
			min-width:50px;
			padding:2px 5px 2px 25px;
			font-size:1.1em;
			color:#333;
			border:#999 1px solid;
			background:url(img_fb_site01.svg) no-repeat;
			background-size:15px auto;
			background-position:5px 5px;
		}
		
		.loc-link a:hover,a.loc-this{
			color:#FFF;
			background:url(img_fb_site02.svg) no-repeat;
			background-size:15px auto;
			background-position:5px 5px;
			background-color:#18565b;
			border:#18565b 1px solid;
		}
		
		
		.checkin-point div:nth-child(2){  /*  灰色區塊 */
			padding-left:10%;
		}
		
		
		/* ==================== 推薦行程 ==================== */
		
		.tours-list{
			width:100%;
			margin:0 auto;
			text-align:center;
		}
	
	    .swiper-container {
			width: 80%;
		}


}





@media screen and (max-width: 768px){

	
	/* ==================== 主視覺 ==================== */
	
	h1.heading {
		width: 60%;
		height: 0;
		padding-bottom: 62%;
		
		top: 120px;
		right: 30px;
	}
	    .top-content {
			padding-bottom: 115%;
	    }

		
		.slider_container{
			display:none;
		}
		
		.slider_container-mobile {
			display:block;
			width:100%;
			height: 0;
			padding-bottom: 112%;
			position:relative;
		}		
			
		.slider_container-mobile div { /* -- 圖片輪播部分 -- */
			width:100%;	
			
			position: absolute;
			top: 0;
			left: 0;
			opacity: 0;
			filter: alpha(opacity=0);
			
			-webkit-animation: round 25s linear infinite;
					animation: round 25s linear infinite;
		}
		
		
		
		@-webkit-keyframes round {
			4% {
				opacity: 1;
				filter: alpha(opacity=100);
				/* 0 - 1秒 淡入*/
			}
			20% {
				opacity: 1;
				filter: alpha(opacity=100);
				/* 1- 5秒靜止*/
			}
			24% {
				opacity: 0;
				filter: alpha(opacity=0);
				/* 5-6秒淡出*/
			}
		}
		@keyframes round {
			4% {
				opacity: 1;
				filter: alpha(opacity=100);
				/* 0 - 1秒 淡入*/
			}
			20% {
				opacity: 1;
				filter: alpha(opacity=100);
				/* 1- 5秒靜止*/
			}
			24% {
				opacity: 0;
				filter: alpha(opacity=0);
				/* 5-6秒淡出*/
			}
		}
		
		.slider_container-mobile div:nth-child(1) {
			-webkit-animation-delay: 0s;
					animation-delay: 0s;
		}
		
		.slider_container-mobile div:nth-child(2) {
			-webkit-animation-delay: 5s;
					animation-delay: 5s;
		}
		
		.slider_container-mobile div:nth-child(3) {
			-webkit-animation-delay: 10s;
					animation-delay: 10s;
		}
		
		.slider_container-mobile div:nth-child(4) {
			-webkit-animation-delay: 15s;
					animation-delay: 15s;
		}
		
		.slider_container-mobile div:nth-child(5) {
			-webkit-animation-delay: 20s;
					animation-delay: 20s;
		}
	
	   .slider_container-mobile img{
		   width: 100%;
		   height: auto;
		   display: block;
	   }
		
		
		.slider_container{
			display:none;
		}
		
		.mobile-map{ /*  平板+手機地圖 */
			display:block;
			width:100%;
			margin:0 auto;
		}
		
		.mobile-map .mo-pic{
			width:100%;
			height:0;
			padding-bottom:80%;
			background:url(img_map.gif) no-repeat top center;
			background-size:100%;
			
			position:relative;
			
		}
		
		.mobile-map .mo-pic img{
			width: 70%;
		    height: auto;
			position: absolute;
			top: 60px;
			left: 40px;
			z-index: 95;
		}
		
		.mobile-map .mo-text{
			width:100%;
			text-align:center;
			
		}
		
		.mobile-map .mo-text p{
			color:#333;
			margin-bottom:10px;
			font-size:1.1em;
		}
		
		.under-line {
			margin-bottom: 5px;
		}
		
	.preface{
		width: 90%;
		height: 0;
		padding-bottom: 45%;
	}
	
	.map02 {
		background: url(img_map02.png) no-repeat left top;
		background-size: 70%;
		background-position: 150% 0%;
	}
		


		/* ==================== 選單 ==================== */
		
	.article-title ,.article-title02,.article-title03{
		height: 12vw;
		background-size: 30%;
	}
		
		.main-nav nav ul{
			display: inline-block;
			width:90%;
			margin:30px auto;
		}
		
		.main-nav nav li{
			display:inline-block;
			vertical-align:top;
			width:17%;
			height:0;
			padding-bottom:22%;
			
			margin:0 1%;
		}
		
		
		/* ==================== 打卡景點介紹 ==================== */


		
		.checkin-point div:nth-child(1){ /*  白色區塊 */
			height:auto;
			padding: 30px 2% 0;
			/*background:url(img_fb_like.png) no-repeat bottom center;
			background-size:70%;
			background-color:#FFF;
			border-radius:10px 10px 0 0;	*/
		}
		
		.checkin-point div:nth-child(1) img.mobilelike{
			display:block;
		}

	
		.checkin-point div:nth-child(1) img.pclike{
			display:none;
		}
			
		
		.checkin-point iframe{
			width:100%;
			height:600px;
			overflow:hidden;
		}
		
		.loc-infor .fb-infor{
			width:100%;
			float:left;
		}
		
		.fb-infor .bt-checkin div:nth-child(1){
			line-height:20px;
			font-size:1em;
			
		}
		
		
		.fb-infor .bt-checkin div:nth-child(1) span{
			font-size:0.7em;

		}
		
		.fb-infor .bt-checkin div:nth-child(2){
			font-size:0.7em;
			
		}
		
		.fb-infor .bt-checkin div:nth-child(2) span{
			background:url(img_fb_earth.svg) no-repeat;
			background-size:12%;
			background-position:99% 50%;
			padding-right:20px;
		}
		
				
		.loc-infor .fb-PP{
			display:none;
		}
		
        .fb-infor .bt-pic{
			width:50px;
			height:50px;
			margin:5px 10px 5px 5px ;
		}
			
		.intro-main img{
			width:100%;
			height:auto;
		}
		
		
		.checkin-point div:nth-child(2) {
			background: url(img_fb_like02.jpg) no-repeat;
			background-size: 10%;
			background-position: 2% 50%;
			background-color:#ececec;
			padding-left: 11%;
		}				
		
		/* ==================== 推薦行程 ==================== */
		
		.tours-list a.tours{
			width:80%;
			margin:0 auto;*/
			
		}
	
	    .swiper-container {
			width: 90%;
		}
	
	    .spot-inner {
			font-size: 13px;
			line-height: 25px;
		}
	
	    .goto_line {
			width: 16%;
			right: 20px;
	     }

}

@media screen and (max-width: 600px){
	
	.swiper-wrapper, .swiper-slide{
		margin: 0 auto 30px;
	}
	    
	.spot-pic, .spot-contect {
		width: 80%;
	}
	
	.spot-contect {
		padding: 5% 2% 80% 2%;
	}

	
}


@media screen and (max-width: 500px){
	
	.map01,.map02,.map03,.map04,.map05,.map06{
		background:none;
	}
	
	.preface {
		padding-bottom: 100%;
		margin-left: 50px;
	}
	
	.preface h2 {
		width: 100%;
		height: 0;
		padding-bottom: 32%;
	}
	
	.preface .preface-text {
		width: 100%;
	}
	
	.article-title, .article-title02 ,.article-title03 {
		height: 20vw;
		background-size: 50%;
	}
	
	.article-title:before,.article-title:after{
		width: 25%;
	}
	
	.goto_line {
    	width: 25%;
		bottom: 12vh;
	}

}


@media screen and (max-width: 414px){
	
	.tag .t01,.tag .t02{
		left: 20px;
	}
	
	.tag .t03,.tag .t04{
		right: 20px;
	}
	
	.preface .preface-text img{
		width: 92%;
	}
	
	/* ==================== 選單 ==================== */

		
		.main-nav nav ul{
			display: inline-block;
			width:100%;
			margin:20px auto;
		}
	
	.main-nav nav li {
		width: 25%;
		height: 0;
		padding-bottom: 28%;
		margin-bottom: 30px;
	}
		
	/* ==================== 打卡景點介紹 ==================== */


		
		.loc-link .tt {
			font-size: 1.1em;
		}
				
	/* ==================== 推薦行程 ==================== */
		
		.article-title02 {
			margin: 20px auto 10px auto;
		}
				
		.tours-list a.tours{
			width:90%;
			margin:10px auto;
			border:#e0e0d3 10px solid;
			
		}
		
		.tours-list a.tours:hover{
			border:#18565b 10px solid;
		}
		
		.tours-list a.tours h5 {
			font-size: 1em;
			line-height: 30px;
		}
	
	    .spot-inner {
			font-size: 12px;
	    }
			
			
}

@media screen and (max-width: 500px){
	
	.preface {
		margin-left: 20px;
	}
}