@charset "UTF-8";
/* 以上是 聲明 css編碼 */

/* 以下是 圖示文字 的 CSS */
@import url('/webeip/HT00100/peggy/fonticons/css/style.css');
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+TC:wght@600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Aleo:wght@500&display=swap');

/* 以下是 animate 的 CSS */
@import url('/webeip/HT00100/becky/css/animate.css');
/* 以下是 reset 的 CSS */
@import url('/webeip/HT00100/becky/css/reset.css');

header{
	position: fixed;
    z-index: 999;
    background-color: #fff;
	box-shadow: 0 0 5px rgb(0 0 0 / 10%);
	width: auto;
	display: flex;
    justify-content: center;
    align-items: center;
    right: 0;
}
/*logo*/
	.toplogo{
		width: 200px;
		display: inline-flex;
		justify-content: center;
		align-items: center;
		transition: all .3s;
		margin: 0 5px;
		padding: 5px 0;
	}
	.toplogo img{
		vertical-align: top;
		height: 60px;
		transition: all .3s;
		image-rendering: -moz-crisp-edges;
		image-rendering: -o-crisp-edges;
		image-rendering: -webkit-optimize-contrast;
		image-rendering: optimize-contrast;
		-ms-interpolation-mode: nearest-neighbor;
		background: linear-gradient(135deg, rgb(15, 240, 179) 0%, rgb(3, 110, 217) 100%);
		background: -webkit-linear-gradient(135deg, rgb(15, 240, 179) 0%, rgb(3, 110, 217) 100%);
		background: -o-linear-gradient(135deg, rgb(15, 240, 179) 0%, rgb(3, 110, 217) 100%);
		border-radius: 10px;
	}
	.toplogo span{
		margin-left: 10px;
		display: block;
		font-size: 1.5rem;
		color: #000;
		letter-spacing: 2.5px;
		padding-left: 2.5px;
		box-sizing: border-box;
		font-weight: normal;
		font-family: "Noto Serif TC", serif;
	}
.gotop{
	cursor: pointer;
	position: fixed;
	bottom: 0;
	right: 0;
	font-size: 1.5rem;
	background-color: rgba(0,0,0,0.8);
	opacity: .4;
	border: none;
	margin: 0;
	border-radius: 0;
	padding: 5px;
	box-sizing: border-box;
	color: #fff;
	display: none;
}
/* 社群連結 */
	.toplink{
	
	}
	.toplink ul{
		display: flex;
		flex-wrap: wrap;
	    justify-content: center;
	    align-items: center;
	    flex-wrap: wrap;
	}
	.toplink ul li{ display: block; }
	.toplink ul li a{
		display: inline-block;
		margin: 5px;
		padding: 5px;
		border: 2px solid #444;
		box-sizing: border-box;
		color: #444;
		cursor: pointer;
		font-size: 1.75rem;
		transition: all .5s;
		background-color: rgba(255,255,255,.5);
		border-radius: 50%;
	}
	.toplink ul li .toplink_fb:hover{
		border: 2px solid #3B559F;
		color: #fff;
		background-color: #3B559F;
	}
	.toplink ul li .toplink_line:hover{
		border: 2px solid #4ECD00;
		color: #fff;
		background-color: #4ECD00;
	}
	.toplink ul li .toplink_ig:hover{
		border: 2px solid #E3297D;
		color: #fff;
		background: #E3297D;
	    background: -webkit-linear-gradient( -120deg, #7D36AE 0%, #D82F81 30%, #F80A00 70%, #F7D903 100% );
	    background: -o-linear-gradient( -120deg, #7D36AE 0%, #D82F81 30%, #F80A00 70%, #F7D903 100% );
	    background: linear-gradient( -120deg, #7D36AE 0%, #D82F81 30%, #F80A00 70%, #F7D903 100% );
	}
	.toplink ul li .toplink_phone:hover{
		border: 2px solid #4ECD00;
		color: #fff;
		background-color: #4ECD00;
	}
/**/
	.topwrap_spclBtn{
		display: inline-block;
		padding: 10px 20px;
		box-sizing: border-box;
		color: #fff;
		image-rendering: -moz-crisp-edges;
		image-rendering: -o-crisp-edges;
		image-rendering: -webkit-optimize-contrast;
		image-rendering: optimize-contrast;
		-ms-interpolation-mode: nearest-neighbor;
		background: linear-gradient(135deg, rgb(15, 240, 179) 0%, rgb(3, 110, 217) 100%);
		background: -webkit-linear-gradient(135deg, rgb(15, 240, 179) 0%, rgb(3, 110, 217) 100%);
		background: -o-linear-gradient(135deg, rgb(15, 240, 179) 0%, rgb(3, 110, 217) 100%);
		transition: all .5s;
	}
	.topwrap_spclBtn:hover{
		background: linear-gradient(135deg, rgb(3, 110, 217) 0%, rgb(15, 240, 179) 100%);
		background: -webkit-linear-gradient(135deg, rgb(3, 110, 217) 0%, rgb(15, 240, 179) 100%);
		background: -o-linear-gradient(135deg, rgb(3, 110, 217) 0%, rgb(15, 240, 179) 100%);
	}
	.topwrap_spclBtn > span{
		letter-spacing: 2px;
		padding-left: 2px;
		box-sizing: border-box;
		display: inline-block;
	}
	/* 左邊選單 */
		.topwrap_left{
			position: fixed;
			width: 120px;
			left: 0;
			top: 0;
			height: 100%;
			background: rgb(0 0 0 / 20%);
			z-index: 999;
			display: flex;
		    flex-wrap: wrap;
		    flex-direction: column;
		    justify-content: space-around;
		    align-items: center;
		    transition: all 1s;
		}
		.topnav_left{
			position: fixed;
		    width: calc(100% - 120px);
		    right: -100%;
		    top: 0;
		    background-color: #fff;
		    height: 100%;
		    display: flex;
		    justify-content: flex-start;
		    align-items: flex-start;
		    transition: all .3s;
		}
		/* 側邊LOGO */
		.toplogo_left{
			width: 100%;
			display: inline-flex;
			flex-direction: column;
			justify-content: center;
			align-items: center;
			transition: all .3s;
		}
		.toplogo_left img{
			vertical-align: top;
			height: 60px;
			transition: all .3s;
			image-rendering: -moz-crisp-edges;
			image-rendering: -o-crisp-edges;
			image-rendering: -webkit-optimize-contrast;
			image-rendering: optimize-contrast;
			-ms-interpolation-mode: nearest-neighbor;
			background: linear-gradient(135deg, rgb(15, 240, 179) 0%, rgb(3, 110, 217) 100%);
			background: -webkit-linear-gradient(135deg, rgb(15, 240, 179) 0%, rgb(3, 110, 217) 100%);
			background: -o-linear-gradient(135deg, rgb(15, 240, 179) 0%, rgb(3, 110, 217) 100%);
			border-radius: 10px;
		}
		.toplogo_left span{
			display: block;
			font-size: 1.5rem;
			color: #fff;
			letter-spacing: 2.5px;
			padding-left: 2.5px;
			box-sizing: border-box;
			font-weight: normal;
			font-family: "Noto Serif TC", serif;
		}
		/* 側邊選單 */
		.topnav_left_btn{
			width: 14px;
			height: 45px;
			cursor: pointer;
			position: relative;
		}
		.topnav_left_btn .line_btn_left{
			position: absolute;
			display: inline-block;
			width: 2px;
			height: 100%;
			transition: all .3s;
			background-color: #fff;
			left: 0;
			
		}
		.topnav_left_btn .line_btn_left_top{
			left: 0;
		}
		.topnav_left_btn .line_btn_left_center{
			left: 6px;
		}
		.topnav_left_btn .line_btn_left_bottom{
			left: 12px;
		}
		.topnav_left_close{
			
		}
		.topnav_left_close .line_btn_left_top{
			transform: rotate(20deg);
			left: 5px;
		}
		.topnav_left_close .line_btn_left_center{
			display: none;
		    
		}
		.topnav_left_close .line_btn_left_bottom{
			transform: rotate(-20deg);
			left: 7px;

		}
		/* 左邊社群 */
		.toplink_left{

		}
		.toplink_left ul li a{
			display: inline-block;
			padding: 5px;
			box-sizing: border-box;
			font-size: 1.25rem;
			margin: 5px;
			transition: all .3s;
			color: #fff;
		}
		.toplink_left ul li .toplink_left_fb:hover{
			color: #3B559F;
		}
		.toplink_left ul li .toplink_left_line:hover{
			color: #4ECD00;
		}
		.toplink_left ul li .toplink_left_ig:hover{
			color: #E3297D;
		}
		.toplink_left ul li .toplink_left_phone:hover{
			color: #4ECD00;
		}
		.topnav_left_ulImg{
			height: 100%;
			width: 30%;
			position: relative;
		}
		.topnav_left_ulImg .topnav_left_ulImg_box{
			position: absolute;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%);
			width: 100%;
			text-align: center;
		}
		.topnav_left_ulImg_box > h3{
			font-family: "Noto Serif TC", serif;
			color: #fff;
			letter-spacing: 10px;
			padding-top: 10px;
			writing-mode: vertical-lr;
			width: 100%;
			display: flex;
			justify-content: center;
			align-items: center;
			font-size: 1.35rem;
		}
		.topnav_left_ulImg_nav > a{
			display: inline-block;
			color: #fff;
			font-size: 1rem;
			font-family: "Noto Serif TC", serif;
			background-color: rgb(0 0 0 / 80%);
			padding: 2px 5px;
			box-sizing: border-box;
			border-radius: 10px;
			margin-top: 15px;
		}
		.topnav_left_ulImg > .topnav_left_ulImg_img{
			background-image: url(/webeip/HT00424/img/topnav_ulImg.jpg);
			background-position: center center;
			background-size: cover;
			width: 100%;
			height: 100%;
		}
		.topnav_left ul{
			width: 95%;
			margin: 0.25rem auto;
			height: 95%;
	    	overflow: auto;
		}
		.topnav_left ul li{ width: 100%; }
		.topnav_left ul li a{
			display: block;
			width: 100%;
			text-align: left;
			color: #000;
			font-size: 1rem;
			font-weight: bold;
			padding: 1rem 0 1rem 15px;
			box-sizing: border-box;
			font-family: "Noto Serif TC", serif;
			transition: all .5s;
		}
		.topnav_left > ul > li > a{
			font-size: 1.35rem;
			border-bottom: 1px solid #e8e8e8;
			box-sizing: border-box;
		}
		.topnav_left ul li .subnav_left{
			width: 95%;
			/*background-color: rgb(136 136 136 / 20%);*/
		}
		.topnav_left > ul > li > .subnav_left > li > a{
			position: relative;
		}
		.topnav_left > ul > li > .subnav_left > li > a:after{
			content: "";
	        position: absolute;
	        width: 8px;
	        height: 8px;
	        background-color: #44a3dd;
	        border-radius: 50%;
	        left: 0;
	        top: 50%;
	        transform: translate(0, -50%);
		}

		.topnav_left > ul > li > .subnav_left > li > .thirdnav_left > li > a{ position: relative; }
		.topnav_left > ul > li > .subnav_left > li > .thirdnav_left > li > a:after{
			content: "";
	        position: absolute;
	        width: 8px;
	        height: 2px;
	        background-color: #cacaca;
	        left: 0;
	        top: 50%;
	        transform: translate(0, -50%);
		}
		.topnav_left > ul > li > .subnav_left > li > .thirdnav_left > li > a:hover{
			color: #44a3dd;
		}
		/* 團體、站內 */
		.topnav_left_theme_main{
			width: 95%;
			margin: 0.25rem auto;
			height: 90%;
			overflow: auto;
		}
		.topnav_left_theme_main .travelteam_main,
		.topnav_left_theme_main .ShowImgUrlLink_main{
			padding: 0;
		}
		.topnav_left_theme_main .travelteam,
		.topnav_left_theme_main .ShowImgUrlLink_box{
			padding: 0;
		}
		.topnav_left ul li > .subnav_left .topnav_left_theme_main .travelteam_img,
		.topnav_left ul li > .subnav_left .topnav_left_theme_main .ShowImgUrlLink_img{ display: none; }
		.topnav_left ul li > .subnav_left .topnav_left_theme_main .travelteam_title,
		.topnav_left ul li > .subnav_left .topnav_left_theme_main .ShowImgUrlLink_title{ position: relative; }
		.topnav_left ul li > .subnav_left .topnav_left_theme_main .travelteam_title:after,
		.topnav_left ul li > .subnav_left .topnav_left_theme_main .ShowImgUrlLink_title:after{
			content: "";
	        position: absolute;
	        width: 8px;
	        height: 2px;
	        background-color: #cacaca;
	        left: 0;
	        top: 50%;
	        transform: translate(0, -50%);
		}
		.topnav_left ul li > .subnav_left .topnav_left_theme_main .travelteam_title:hover,
		.topnav_left ul li > .subnav_left .topnav_left_theme_main .ShowImgUrlLink_title:hover{
			color: #44a3dd;
		}

		/* 下滑時 */
			.header_2 .topwrap_left{
				background: #fff;
				box-shadow: 0 0 5px rgb(0 0 0 / 10%);
			}
			.header_2 .toplogo_left span{ color: #777777; }
			.header_2 .topnav_left_btn .line_btn_left{ background-color: #777; }
			.header_2 .toplink_left ul li a{ color: #777777; }



/* 團體、站內 */
	.topnav > ul > li > .subnav > .topnav_theme{
		align-items: flex-start;
		height: 100%;
	}
	.topnav > ul > li > .subnav > .topnav_theme > a:before{ display: none; }
	.topnav_theme_main{
		width: calc(100% - 150px);
		height: 95%;
	}
	.topnav_theme_main .travelteam_main,
	.topnav_theme_main .ShowImgUrlLink_main{
		width: 100%;
		height: 95%;
		overflow: auto;
		padding: 20px 0;
	}
	.topnav_theme_main .travelteam,
	.topnav_theme_main .ShowImgUrlLink_box{
		width: 100%;
		padding: 10px;
		box-sizing: border-box;
		transition: all .3s;
	}
	
	.topnav ul li > .subnav .topnav_theme_main .travelteam_title,
	.topnav ul li > .subnav .topnav_theme_main .ShowImgUrlLink_title{
		font-family: "Noto Serif TC", serif;
		transition: all .3s;

	}
	.topnav_theme_main .travelteam:hover .travelteam_title,
	.topnav_theme_main .ShowImgUrlLink_box:hover .ShowImgUrlLink_title{
		color: #036ed9;
	}

	.topnav ul li > .subnav .topnav_theme_main .travelteam_img a,
	.topnav ul li > .subnav .topnav_theme_main .ShowImgUrlLink_img{
		width: 100%;
		height: 200px;
		overflow: hidden;
		display: flex;
		justify-content: center;
		align-items: center;
		padding: 0;
	}
	.topnav ul li > .subnav .topnav_theme_main .ShowImgUrlLink_img .ShowImgUrlLink_img_img{
		overflow: hidden;
	}
	.topnav_theme_main .travelteam_img a img,
	.topnav_theme_main .ShowImgUrlLink_img img{
		width: 100%;
		vertical-align: top;
		transition: all .3s;
	}
	.topnav_theme_main .travelteam:hover .travelteam_img a img,
	.topnav_theme_main .ShowImgUrlLink_box:hover .ShowImgUrlLink_img img{
		transform: scale(1.05);
	}
@media all and (min-width: 990px)
{
	.toplogo{ display: none;}

	.topwrap{
	    box-sizing: border-box;
	    background-color: #fff;
	    display: flex;
		justify-content: center;
		align-items: center;
		padding: 0 20px;
		box-sizing: border-box;
	}
	.topnav_ulImg{ display: none; }
	/* 導覽列 */
		.topnav ul{
			display: flex;
		}

		.topnav ul li{
			position: relative;
			box-sizing: border-box;
			display: block;
			text-align: center;
			transition: all .5s ease;
		}
		.topnav ul li a{
			color: #444;
			font-weight: bold;
			display: inline-block;
			position: relative;
			margin: 0.5rem;
			font-size: 1.15rem;
			padding: 15px 0;
			font-family: "Noto Serif TC", serif;
		}
		.topnav > ul > li > a:before{
			content: '';
		    position: absolute;
		    height: 3px;
		    width: 3px;
		    bottom: -5px;
		    display: block;
		    background-color: #444;
		    opacity: 0;
		    transition: all .3s ease;
		}
		.topnav > ul > li:hover > a:before{
			opacity: 1;
			width: 50%;
		}
		.topnav > ul > li > .subnav{
			display: block;
		    position: fixed;
		    background-color: #fff;
		    border-radius: 0 5px 5px 5px;
		    top: 72px;
		    right: 0;
		    height: 100%;
		    width: 576px;
		    z-index: 99;
		    opacity: 0;
			visibility: hidden;
			transition: opacity .5s ease;
			animation: fadeIn 0.5s ease;
		}
		.topnav > ul > li > .subnav:after{
			content: "";
			display: block;
			position: fixed;
			width: calc(100% - var(--topwrap-width));
			height: 100%;
			top: 0;
			left: 0;
			background-color: rgb(0 0 0 / 30%);
			z-index: -1;
			opacity: 0;
			visibility: hidden;
			transition: opacity .5s ease;
			animation: fadeIn 0.5s ease;
			z-index: 9999 !important;


		}
		.topnav > ul > li:hover > .subnav{
		  	opacity: 1;
		  	visibility: visible;
		}
		.topnav > ul > li:hover > .subnav:after{
			opacity: 1;
			visibility: visible;
		}
		.topnav ul li > .subnav li a{
			margin: 0;
		    display: block;
		    text-align: center;
		    padding: 10px;
		    box-sizing: border-box;
		    transition: all .5s ease;
		    color: #444;
		}
		.topnav > ul > li > .subnav > li:hover{
			background-color: #f5f5f5;
		}

		@keyframes fadeIn {
			from { opacity: 0; }
			to   { opacity: 1; }
		}

		/* 第三層 */
			/*一般*/
			.topnav > ul > li > .subnav > li{
				display: flex;
				justify-content: flex-start;
				align-items: stretch;
				border-bottom: 1px solid #eeeeee;
				transition: all .5s ease;
				box-sizing: border-box;
			}
			.topnav > ul > li > .subnav > li > a{
				min-width: 150px;
			    display: flex;
			    justify-content: center;
			    align-items: center;
			    -webkit-writing-mode: vertical-lr;
			    writing-mode: vertical-lr;
			    letter-spacing: 10px;
			    padding-top: 20px;
			    position: relative;
			}
			.topnav > ul > li > .subnav > li > a:before{
				content: "";
				position: absolute;
				height: 80%;
				width: 1px;
				background-color: #eeeeee;
				right: 0;

			}
			.topnav > ul > li > .subnav > li .thirdnav{ flex-wrap: wrap; }
			.topnav > ul > li > .subnav > li .thirdnav li{
				display: flex;
				justify-content: center;
				align-items: center;
			}
			.topnav > ul > li > .subnav > li .thirdnav li a{
				transition: all .3s ease;
			}

			.topnav > ul > li > .subnav > li .thirdnav li:hover a{
				color: #036ed9;
			}
			

			/* 滑到灰色區塊時全部關閉 */
			.topnav.force-close li > ul,
			.topnav.force-close li > div {
			  display: none !important;
			}

			/* 避免 hover 生效 */
			.topnav.force-close li:hover > ul,
			.topnav.force-close li:hover > div {
			  display: none !important;
			  opacity: 0 !important;
			  visibility: hidden !important;
			}



}
@media all and (max-width: 989px){

	
	header{ 
		width: 100%;
		height: auto;
		max-width: 100%;
		justify-content: flex-start;
		box-shadow: none;
		border-bottom: 1px solid #f0f0f0;
		box-sizing: border-box;
	}
	.topwrap_left{ display: none; }

	.toplogo{
		display: inline-flex;
		width: 160px;
	}
	.toplogo img{
		height: 40px;
	}
	.toplogo span{
		font-size: 1.25rem;
	}
	.topwrap_spclBtn{
		position: absolute;
		right: 60px;
		top: 10px;
		padding: 5px 10px;
	}
	.topwrap{
		
	}

	.topnav_btn{
		width: 40px;
		height: 34px;
		position: absolute;
		top: 8px;
		right: 5px;
		z-index: 10000;
		cursor: pointer;
	}
	.topnav_btn .line_btn{
		position: absolute;
		display: inline-block;
		width: 80%;
		height: 3px;
		transition: all .3s;
		background-color: #0584d2;
		left: 50%;
		transform: translate(-50%, 0);
	}
	.topnav_btn .line_btn_top{
		top: 7px;
	}
	.topnav_btn .line_btn_center{
		top: 17px;
	}
	.topnav_btn .line_btn_bottom{
		top: 27px;
	}
	.topnav_close{
		left: auto;
	}
	.topnav_close .line_btn_top{
		top: 10px;
    	width: 60%;
		transform: translate(-50%, 0) rotate(45deg);
	}
	.topnav_close .line_btn_center{
		top: 17px;
	    width: 80%;
	    left: calc(50% - 10px);
	}
	.topnav_close .line_btn_bottom{
		top: 25px;
    	width: 60%;
		transform: translate(-50%, 0) rotate(135deg);
	}

	.topnav{
		position: fixed;
		z-index: 99;
		top: 50px;
		right: -100%;
		width: 100%;
		height: 100%;
		box-sizing: border-box;
		background-color: #fff;
	}
	.topnav_ulImg{
		height: 30vw;
		position: relative;
	}
	.topnav_ulImg .topnav_ulImg_box{
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		width: 100%;
		text-align: center;
	}
	.topnav_ulImg_box > h3{
		font-family: "Noto Serif TC", serif;
		color: #fff;
		letter-spacing: 5px;
		padding-left: 5px;
		box-sizing: border-box;
	}
	.topnav_ulImg_nav > a{
		display: inline-block;
		color: #fff;
		font-size: 0.9rem;
		font-family: "Noto Serif TC", serif;
		background-color: rgb(0 0 0 / 80%);
		padding: 2px 5px;
		box-sizing: border-box;
		border-radius: 10px;
		margin-top: 10px;
	}
	.topnav_ulImg > .topnav_ulImg_img{
		background-image: url(/webeip/HT00424/img/topnav_ulImg.jpg);
		background-position: center center;
		background-size: cover;
		width: 100%;
		height: 100%;
	}
	.topnav ul{
		width: 95%;
		margin: 0.25rem auto;
		height: calc(90% - 30vw);
    	overflow: auto;
	}
	.topnav ul li{ width: 100%; }
	.topnav ul li a{
		display: block;
		width: 100%;
		text-align: left;
		color: #000;
		font-size: 1rem;
		font-weight: bold;
		padding: 1rem 0 1rem 15px;
		box-sizing: border-box;
		font-family: "Noto Serif TC", serif;
	}
	.topnav > ul > li > a{
		font-size: 1.35rem;
		border-bottom: 1px solid #e8e8e8;
		box-sizing: border-box;
	}
	.topnav ul li .subnav{
		width: 95%;
		/*background-color: rgb(136 136 136 / 20%);*/
	}
	.topnav > ul > li > .subnav > li > a{
		position: relative;
	}
	.topnav > ul > li > .subnav > li > a:after{
		content: "";
        position: absolute;
        width: 8px;
        height: 8px;
        background-color: #44a3dd;
        border-radius: 50%;
        left: 0;
        top: 50%;
        transform: translate(0, -50%);
	}

	.topnav > ul > li > .subnav > li > .thirdnav > li > a{ position: relative; }
	.topnav > ul > li > .subnav > li > .thirdnav > li > a:after{
		content: "";
        position: absolute;
        width: 8px;
        height: 2px;
        background-color: #cacaca;
        left: 0;
        top: 50%;
        transform: translate(0, -50%);
	}

	/* 團體、站內 */
		.topnav_theme_main{
			width: 95%;
			margin: 0.25rem auto;
			height: 90%;
			overflow: auto;
		}
		.topnav_theme_main .travelteam_main,
		.topnav_theme_main .ShowImgUrlLink_main{
			padding: 0;
		}
		.topnav_theme_main .travelteam,
		.topnav_theme_main .ShowImgUrlLink_box{
			padding: 0;
		}
		.topnav ul li > .subnav .topnav_theme_main .travelteam_img,
		.topnav ul li > .subnav .topnav_theme_main .ShowImgUrlLink_img{ display: none; }
		.topnav ul li > .subnav .topnav_theme_main .travelteam_title,
		.topnav ul li > .subnav .topnav_theme_main .ShowImgUrlLink_title{ position: relative; }
		.topnav ul li > .subnav .topnav_theme_main .travelteam_title:after,
		.topnav ul li > .subnav .topnav_theme_main .ShowImgUrlLink_title:after{
			content: "";
	        position: absolute;
	        width: 8px;
	        height: 2px;
	        background-color: #cacaca;
	        left: 0;
	        top: 50%;
	        transform: translate(0, -50%);
		}
	.toplink{
		position: fixed;
		right: 0;
		bottom: 5px;
		z-index: 9999;
	}
	.toplink ul{
		display: block;
	}
	.toplink ul li a{
		
	}

	/*.toplink ul li .toplink_fb{
		color: #3B559F;
	}
	.toplink ul li .toplink_line{
		color: #4ECD00;
	}
	.toplink ul li .toplink_ig{
		background: #E3297D;
	    background: -webkit-linear-gradient( -120deg, #7D36AE 0%, #D82F81 30%, #F80A00 70%, #F7D903 100% );
	    background: -o-linear-gradient( -120deg, #7D36AE 0%, #D82F81 30%, #F80A00 70%, #F7D903 100% );
	    background: linear-gradient( -120deg, #7D36AE 0%, #D82F81 30%, #F80A00 70%, #F7D903 100% );
	    -webkit-background-clip: text;
    	-webkit-text-fill-color: transparent;
	}
	.toplink ul li .toplink_phone{
		color: #4ECD00;
	}*/

}
/* 表尾 under */
	footer{
		width: 100%;
		position: relative;
		padding-top: 80px;
		background-color: #111d22;
		color: #fff;
		padding-left: 130px;
    	padding-right: 10px;
    	box-sizing: border-box;
		padding-bottom: 20px;
	}
	footer.underUTF8{
		padding-left: 5px;
    	padding-right: 5px;
	}
	.under_wrap{
		width: 95%;
		max-width: 1280px;
		margin: 0 auto;
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
	}
	.under_main{
		width: 100%;
		box-sizing: border-box;
		position: relative;
		transition: all .5s;
		padding: 0 5px;
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
	}
	.underlogo{
		width: 250px;
		display: inline-flex;
		justify-content: flex-start;
		align-items: center;
		margin: 0 auto;
		position: relative;
		transition: all .3s;
	}
	.underlogo > img{
		width: 50px;
		vertical-align: top;
		transition: all .3s;
		padding: 5px;
		box-sizing: border-box;
		border: 2px solid #fff;
		border-radius: 15px;
		margin-right: 5px;
	}
	.underlogo_txt{
		display: flex;
		flex-direction: column;
		align-items: center;
		color: #fff;
	}
	.underlogo_txt_cn{
		font-size: 1.5rem;
		letter-spacing: 2.5px;
		padding-left: 2.5px;
		box-sizing: border-box;
		font-weight: normal;
	}
	.underlogo_txt_en{
		font-size: 12px;
		letter-spacing: 5px;
		padding-left: 5px;
		box-sizing: border-box;
		font-family: 'Playfair Display', serif;
	}
	.underbox{
		
	}
	.underbox > h4{
		font-size: 1.25rem;
		font-weight: normal;
		border-left: 2px solid #fff;
		padding-left: 10px;
		box-sizing: border-box;
		letter-spacing: 2px;
		font-family: "Noto Serif TC", serif;
		margin-bottom: 15px;
		line-height: 20px;
	}
	.underbox > p{
		display: block;
		margin-bottom: 5px;
		padding-left: 10px;
		box-sizing: border-box;
		letter-spacing: 2px;

	}

    .underbox ul{
		width: 300px;
		display: flex;
		flex-wrap: wrap;
		align-items: flex-start;
		justify-content: flex-start;
    }

	.underbox ul li{
		width: calc( 100% / 3 );
	}
	.underbox ul li a{
		display: block;
		width: 100%;
		padding: 0.25em 0.5em;
		box-sizing: border-box;
		color: #fff;
		transition: all .5s;
		font-family: "Noto Serif TC", serif;
		letter-spacing: 2px;
	}
	.underbox ul li:hover a{
		color: #A8A8A8;
	}

	.underbottom_main{
		max-width: 1280px;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: flex-end;
		margin: 0 auto;
		padding-top: 80px;
		padding-bottom: 20px;
	}
	.underbottom_box p{
		letter-spacing: 2px;
		padding-left: 2px;
		box-sizing: border-box;
		margin-bottom: 5px;
	}
	.underbottom_box p span{
		display: inline-block;
		margin-right: 10px;
	}
	.underlink{
		width: 204px;
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-start;
		align-items: center;
	}
	.underlink ul{
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-start;
		align-items: center;
		margin-bottom: 10px;
	}
	.underlink ul li a{
		display: block;
		padding: 0.75rem;
		box-sizing: border-box;
		font-size: 1.05rem;
		margin: 0.25rem;
		border-radius: 50%;
		transition: all .3s;
		background-color: #111d22;
		color: #ffffff;
		border: 1px solid #ffffff1a;
	}
	.underlink ul li:hover a{
		color: #A8A8A8;
	}
	.fectechs{
		width: 100%;
		font-size: 0.7rem;
		text-align: right;
		padding: 5px;
		box-sizing: border-box;
		color: #A4A4A4;
	}
@media all and (max-width: 989px){
	footer{
		padding-left: 5px;
		padding-right: 5px;
	}
}
@media all and (max-width: 768px){
	
	footer{
		padding-top: 20px;
	}
	.under_wrap{
		flex-wrap: wrap;
	}

	.underlogo{
		justify-content: center;
		margin: 0 auto 20px;
	}
	.under_main{
		flex-wrap: wrap;
		justify-content: center;
	}
	.underbox > h4{
		border-left: none;
		text-align: center;
		padding-left: 0;
	}
	.underbox > p{
		padding-left: 0;
	}
	.underbox ul li a{
		text-align: center;
	}

	.underbottom_main{
		justify-content: center;
		align-items: center;
		padding-top: 20px;
	}
	.underbottom_box p{
		text-align: center;
	}
	.underlink ul{
		margin: 10px auto;
	}

}
@media all and (max-width: 452px){

}
/* 隱私權政策 */
	.privacy_fixed_main{
		position: fixed;
		z-index: 99999;
		left: 0;
		right: 0;
		bottom: 0;
		width: 100%;
		margin: 0;
		background-color: #FFF6BF;
		border: 1px solid #FFD324;
		padding: 10px;
		box-sizing: border-box;
	}
	.privacy_fixed_btn_close{
		cursor: pointer;
		position: absolute;
		top: 15px;
		right: 15px;
		font-size: 1.25rem;
		color: #D86711;
	}
	.privacy_fixed_main form{
		width: 100%;
		padding: 10px;
		box-sizing: border-box;
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		justify-content: center;
		margin-top: 10px;
	}
	.privacy_fixed_main form div{
		font-weight: bold;
		color: #D86711;
	}
	.privacy_fixed_main form input[type="button"]{
		cursor: pointer;
		border: 0;
		display: inline-block;
		padding: 0.25rem 1rem;
		box-sizing: border-box;
		background-color: #D86711;
		color: #FFF;
		margin: 10px;
		font-size: 1rem;
		border-radius: 2px;
		transition: all .5s;
	}