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

/* 以下是 圖示文字 的 CSS */
@import url('/webeip/HT00100/peggy/fonticons/css/style.css');
/* 以下是 animate 的 CSS */
@import url('/webeip/HT00100/becky/css/animate.css');
/* 以下是 reset 的 CSS */
@import url('/webeip/HT00100/becky/css/reset.css');
/* 以下是 mbasic.asp客製化 的 CSS*/
@import url('/webeip/HT00026/css/style_mbasic.css');


/* 聯絡我們公版 */
	.contact_nav ul li:nth-child(2){ display: none; }
	@media screen and (max-width: 580px){
		.contact_nav ul li:last-child{
		    width: 45%;
		}
	}
/* 客製服務公版 */
	.travelwant_nav{ display: none; }
	.travelwant_nav ul li:nth-child(2){ display: none; }
	@media screen and (max-width: 580px){
		.travelwant_nav ul li:last-child{
		    width: 45%;
		}
	}

/*表頭*/
	header{
		position: fixed;
		width: 100%;
		z-index: 999;
		left: 0;
		top: 0;
		display: flex;
		justify-content: space-around;
		align-items: center;
		box-shadow: 0 0 5px rgba(0,0,0,10%);
		background-color: #fff;
	}
	.toplogo,
	.underlogo{
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: flex-start;
		font-size: 1.5rem;
		color: #9AB777;
		letter-spacing: 5px;
		padding-left: 5px;
		box-sizing: border-box;
		font-weight: bold;
	}
	.toplogo span,
	.underlogo span{
		display: inline-flex;
		justify-content: center;
		align-items: center;
		min-height: 32px;
	}

	.gotop{
		cursor: pointer;
		position: fixed;
		bottom: 0;
		left: 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;
	}
	.top_line{
		position: fixed;
		right: 0;
		bottom: 0;
	}
	.top_line a{
		display: inline-flex;
	    justify-content: center;
	    align-items: center;
		box-sizing: border-box;
		background-color: #9AB777;
		color: #fff;
		cursor: pointer;
		padding: 10px 30px;
		transition: all .3s;
	}
	.top_line a:hover{
		background-color: #e98c24;
	}
	.top_line a span{ margin-right: 5px; font-size: 1.25rem;}

	/* 登入/註冊、簽到 */
		.topwrap2{
			display: flex;
			justify-content: flex-start;
			align-items: center;
		}
		/* 登入/註冊 */
		.topnav2 ul li,
		.topnav3 ul li{
			position: relative;
		}
		.topnav2 > ul > li > a,
		.topnav3 > ul > li > a{
			display: inline-block;
			background-color: #E98C24;
			padding: 5px 10px;
			box-sizing: border-box;
			color: #fff;
			border-radius: 10px;
			margin-right: 10px;
			margin-bottom: 5px;
			margin-top: 5px;
			transition: all .3s ease;
		}
		.topnav2 > ul > li:hover > a,
		.topnav3 > ul > li:hover > a{
			background-color: #9AB777;
		}
		.topnav2 ul li > .topnav2_subnav,
		.topnav3 ul li > .topnav3_subnav{
			display: none;
			position: absolute;
			width: 150%;
			top: 100%;
			left: 50%;
			transform: translate(-50%, 0);
			border: 2px solid #E98C24;
			background-color: #fff;
			border-radius: 5px;
		    opacity: 0;
		}
		.topnav2 ul li:hover .topnav2_subnav,
		.topnav3 ul li:hover .topnav3_subnav{ display: block; opacity: 1;}
		.topnav2 ul li > .topnav2_subnav li a,
		.topnav3 ul li > .topnav3_subnav li a{
			margin: 0;
		    display: block;
		    text-align: center;
		    padding: 10px;
		    box-sizing: border-box;
		    transition: all .3s ease;
		    color: #E98C24;
		}
		.topnav2 ul li > .topnav2_subnav li:hover a,
		.topnav3 ul li > .topnav3_subnav li:hover a{
			background-color: #E98C24;
			color: #fff;
		}

	/* 導覽列 */
		/* 漢堡選單 */
		.topwrap{
			position: fixed;
		    right: 65px;
		    z-index: 10000;
		}
		.topnav_btn{
			cursor: pointer;
			position: absolute;
			top: 0;
			right: -55px;
			z-index: 10000;
			width: 30px;
			height: 45px;
			background-size: contain;
			background-repeat: no-repeat;
			background-position: center center;
		}
		.topnav_btn .line_btn{
			position: absolute;
			display: inline-block;
			width: 100%;
			height: 2px;
			background-color: #252839;
			transition: all .3s;
		}
		.topnav_btn .line_btn_top{
			top: 10px;
		}
		.topnav_btn .line_btn_center{
			top: 20px;
		}
		.topnav_btn .line_btn_bottom{
			top: 30px;
		}

		.topnav_close .line_btn_top{
			top: 18px;
		}
		.topnav_close .line_btn_bottom{
			top: 22px;
		}

		/* 導覽列 */
		.topnav{
			background-color: rgba(242,222,153,80%);
			position: fixed;
			z-index: -1;
			top: 0;
			left: -200px;
			width: 200px;
			padding-top: 100px;
			height: 100%;
			box-sizing: border-box;
		}
		.topnav .topscoll{
			height: 60%;
			overflow: auto;
		}
		.topnav ul{
			width: 90%;
			max-width: 250px;
			margin: 0.25rem auto;
			height: 90%;
	    	overflow: auto;
		}
		.topnav ul li{ width: 100%; }
		.topnav ul li a{
			display: block;
			width: 100%;
			text-align: center;
			color: #252839;
			font-size: 1rem;
			font-weight: bold;
			padding: 1rem;
			box-sizing: border-box;
		}
		.topnav ul li .subnav{
			width: 90%;
			background-color: rgba(0,0,0,0.2);
		}

/*表尾*/
	footer{
		width: 100%;
		background-color: #252839;
		color: #fff;
		position: relative;
	}
	.underwrap{
		width: 100%;
	    max-width: 1200px;
	    margin: 0 auto;
	    padding: 30px 0 20px;
	    display: flex;
	    flex-wrap: wrap;
	    justify-content: space-around;
	    align-items: center;
	}
	.underlink ul{
		display: inline-flex;
	    flex-wrap: wrap;
	    justify-content: flex-start;
	    align-items: center;
	    margin: 10px 0 30px;
	}
	.underlink ul li{ margin: 10px; }
	.underlink ul li a{
		display: inline-block;
	    padding: 8px;
	    background: #F2DE99;
	    color: #252839;
	    font-size: 0.9rem;
	    transition: all .3s;
	}
	.underlink ul li a:hover{
		color: #fff;
		border-radius: 50%;
	}
	.underlink ul li .underlink_fb:hover{ background: #3b5999;}
	.underlink ul li .underlink_line:hover{ background: #00c300;}
	.underlink ul li .underlink_mail:hover{ background:#cd201f;}
	.underlink ul li .underlink_sk:hover{ background:#00AEF3;}
	.underlink ul li .underlink_phone:hover{background: #4CDA64;}
	.underlink ul li .underlink_ig:hover{ background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);}
	.fectechs{
		font-size: 0.7rem;
		color: #999;
		position: absolute;
		bottom: 0;
		right: 0;
	}
@media all and (max-width: 650px){
	.topwrap2{
		position: absolute;
		right: 0;
		top: 100%;
	}
	.toplogo,
	.underlogo{ font-size: 1.05rem; }
}
@media all and (max-width: 380px){
	.topnav2 > ul > li > a, .topnav3 > ul > li > a{
		font-size: 0.9rem;
		padding: 2px 5px;
		border-radius: 5px;
	}
	.topnav_btn{
		top: 5px;
		height: 25px;
	}
	.topnav_btn .line_btn_top{ top: 5px; }
	.topnav_btn .line_btn_center{ top: 10px; }
	.topnav_btn .line_btn_bottom{ top: 15px; }
}
/* 隱私權政策 */
	.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;
	}