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

/* 以下是 圖示文字 的 CSS */
@import url('/webeip/HT00100/Peggy/fonticons/css/style.css');
/* 以下是英文文字CSS */
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+TC&display=swap');

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

/* 聯絡我們公版 */
	.contact_nav ul li:nth-child(2){ display: none; }
/* 客製服務公版 */
	.travelwant_nav ul li:nth-child(2){ display: none; }

/* 表頭 top */
	header{
		width: 100%;
		background-color: #FFF;
		box-shadow: 0 0 8px #999;
	}
	.toplogo{
		display: inline-block;
		margin: 10px;
	}
	.toplogo > img{
		vertical-align: top;
		width: 250px;
		transition: all .3s;
	}
	/* 上方導覽列 */
	.topnav2 ul{
		display: flex;
	    flex-wrap: wrap;
	    justify-content: flex-end;
	    align-items: center;
	}
	.topnav2 ul h2{
		width: 100%;
    	text-align: end;
    	color: #444;
    	letter-spacing: 10px;
    	font-family: 'Noto Sans TC', sans-serif;
    	font-style: italic;
	}
	.topnav2 ul li{
		padding: 0.25rem;
    	box-sizing: border-box;
	}
	.topnav2 ul li a{ color: #444; transition: all .5s;}
	.topnav2 ul li:hover a{ color: #e74191; }
	/* 導覽列 */
	.topwrap{
		width: 100%;
		max-width: 1000px;
		margin: 0 auto;
		background-color: #FFF;
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 15px 0;
    	box-sizing: border-box;
	}
	.topnav{
		width: 100%;
		background-color: #0C6EDD;
	}
	.topnav ul{
		display: flex;
		align-items: center;
		justify-content: center;
		position: relative;
	}
	.topnav ul li a{
		display: block;
		text-align: center;
		color: #FFF;
		padding: 1rem;
		box-sizing: border-box;
		font-size: 1.25rem;
	}
	.topnav ul li:hover > a{ color: #FFFF00; }
	.topnav ul li .nav_phonebox{
		width: 180px;
		position: relative;
		background-color: #e74191;
		color: #fff;
		padding: 0.5rem 0.75rem;
		box-sizing: border-box;
	}
	.topnav ul li .nav_phonebox:after{
		content: '';
	    position: absolute;
	    z-index: 9999;
	    top: 100%;
	    left: 0;
	    width: 0;
	    height: 0;
	    border-style: solid;
	    border-width: 10px 90px 0 90px;
	    border-color: #e74191 transparent transparent transparent;
	}
	.topnav ul li > .subnav{
		position: absolute;
		z-index: 999;
		top: 100%;
		left: 0;
		background-color: rgba(255, 136, 0, .8);
		width: 100%;
		text-align: center;
		display: none;
	}
	.topnav ul li > .subnav li{
		display: inline-block;
		position: relative;
	}

	.topnav ul li > .subnav li:hover > a{ background-color: rgba(0,0,0,0.3); color: #fff;}

	.topnav ul li:hover > .subnav{ display: block; }

	.topnav ul li > .subnav li > .thirdnav{
		position: absolute;
		top: 100%;
		left: 50%;
		transform: translate(-50%,0);
		background-color: #DDD;
		min-width: 125%;
		display: none;
	}
	.topnav ul li > .subnav li > .thirdnav li{ display: block; }

	.topnav ul li > .subnav li > .thirdnav li a{ white-space: nowrap; }

	.topnav ul li > .subnav li:hover > .thirdnav{ display: block; }

/* 表尾 under */
	footer{
		width: 100%;
		background-image: url(/webeip/HT00667/img/footer_bg.jpg);
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center center;
		color: #FFF;
	}
	.footer_bg{
		padding: 40px 0;
	    box-sizing: border-box;
	    display: flex;
	    justify-content: center;
	    align-items: baseline;
	    background-color: rgba(5, 44, 87, 0.7);
	}
	.undernav{ width: 250px; }
	.undernav ul h3,
	.underwrap div h3{
		width: 100%;
	    margin-bottom: 15px;
	    font-size: 24px;
	    font-weight: bold;
	    letter-spacing: 0.1em;
	    color: #FFF;
	}
	.undernav ul{
		display: flex;
	    flex-wrap: wrap;
	    justify-content: flex-start;
	    align-items: center;
	}
	.undernav ul li{
		width: 45%;
    	margin: 0 0.25%;
	}
	.undernav ul li a{
		display: inline-block;
	    color: #FFF;
	    opacity: 0.7;
	    padding: 7px 0;
	    box-sizing: border-box;
	    transition: all .5s;
	}
	.undernav ul li:hover a{
		color: #fff;
		margin-left: 10px;
		opacity: 1;
	}
	.undernav ul li a .undernav_icon{
		font-size: 0.4rem;
		color: #e74191;
		margin-right: 5px;
	}
	.underwrap{
		width: 600px;
		display: flex;
		justify-content: space-between;
		align-items: flex-end;
	}
	.underwrap_p{
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		justify-content: flex-start;
		text-align: center;
	}
	.underwrap_p > span{ margin: 3.5px; }

/* 五福BBC */
	/* 表頭 */
	.header_life{
		max-width: 970px;
    	margin: 0 auto;
	}
	.header_life .topnav ul li a{
		padding: 0.25rem 0.5rem;
	}
	.header_life .topwrap{ padding: 5px 0; }
	.header_life .topnav2 ul{ margin-right: 1rem; }
	/* 表尾 */
	.footer_life{
		max-width: 970px;
    	margin: 0 auto;
	}
	.footer_life .underwrap{ width: 320px; }