@import "/webeip/HT00100/becky/css/reset.css";
/* 以下是 圖示文字 的 CSS */
@import url('/webeip/HT00100/becky/fonticons/css/style.css');
/* 以下是 圖示文字 new ver. 的 CSS */
@import url('https://fonts.googleapis.com/icon?family=Material+Icons');
@charset "big5";
header{
	background-color: rgba(255,255,255,1);
	box-shadow: 0 0 8px #999;
}
/*top_bbc*/
.header_cola{
	width: 810px;
	margin: 0 auto;
}
.header_castle{
	width: 950px;
	margin: 0 auto;
}
.header_life{
	width: 970px;
	margin: 0 auto;
}
.header_art{
	/*width: 1127px;
	margin: 0 auto;*/
}
.header_falcon{
	width: 1200px;
	margin: 0 auto;
}
.logo{
	background-image: url(/webeip/HT00001/img4/logotop.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
}
/*小連結*/
.toplink ul li{
	padding: 0.5em;
}
.icon-facebook2{background-color: white;color: #3B559F;border-radius: 5px; box-sizing: border-box;}
.icon-line{background: #4ECD00;color: white; border-radius: 5px;padding: 5px;box-sizing: border-box;}
.icon-instagram{background-color: white;color: #E3297D;border-radius: 10px; box-sizing: border-box;}
.icon-skype{background: #00AEF3;color: white; border-radius: 5px;padding: 5px;box-sizing: border-box;}
.icon-mail3{background-color: white;color: #CA1D21;border-radius: 8px;}
.icon-phone{ background-color: #4CDA64; color: #FFF; border-radius: 5px; padding: 5px; box-sizing: border-box; font-size: 1.35rem;}

.topwrap{
	width: 100%;

	display: flex;
	align-items: center;
	justify-content: space-between;
}
.header_lion > .topwrap{
	margin: 0 auto;
}
.header_1b > .topwrap{
	margin: 0 auto;
}
.logo{
	display: block;
	width: 130px;
	height: 80px;
	margin: 1em 0;
}
	/*小連結*/
	.toplink{
		margin: 0 0.5em;
	}
	.toplink ul{
		display: flex;
		align-items:center;
	}
	.icon-facebook2{font-size: 2em;}
	.icon-line{font-size: 1.4em;}
	.icon-instagram{font-size: 2em;}
	.icon-skype{font-size: 1.4em;}
	.icon-mail3{font-size: 2em;}
	/*導覽列*/
	.topnav{
		background-color: #C60D1B;
		width: 100%;
	}
	.topnav ul{
		display: flex;
		align-items:center;
		justify-content:center;
	}
	.topnav ul li { position: relative; }
	.topnav ul li > a{
		display: block;
		font-weight: bold;
		white-space: nowrap;
		color: white;
		box-sizing: border-box;
		border-right: 1px solid rgba(255,255,255,0.5);
		padding: 10px;	
	}
/*topnav_bbc*/
.topnav_cola ul li > a{
	font-size: 1em;
	padding: 1em 0.84em;
}
.topnav_castle ul li > a{
	font-size: 1.11em;
	padding: 1em;
}
.topnav_life ul li > a{
	font-size: 1.135em;
	padding: 1em;
}
.topnav_art ul li > a{
	font-size: 1.3em;
	padding: 0.8em 1em;
}
.header_lion .topnav ul li > a{
    font-size: 1.2em;
    padding: 15px;
}
.header_1b .topnav ul li a{
    font-size: 1.2em;
    padding: 15px;
}
.topnav_falcon ul li > a{
	font-size: 1.2em;
	padding: 1em 0.84em;
}
.topnav ul > li:last-child a{ border-right:none; }
.topnav ul li a:hover{
	background: #B60C19;/*for 無法顯示漸層的瀏覽器(non-css3 browser)*/
	background: -webkit-linear-gradient(top, #B60C19, #56040A);/*前綴規格, 漸層起點*/
	background: linear-gradient(to bottom, #B60C19, #56040A);/*W3C規格, to+方向*/
}

footer{
	background-color: #332C31;
	color: white;
}
/*under_bbc*/
.footer_cola{
	width: 810px;
	margin: 0 auto;
}
.footer_castle{
	width: 950px;
	margin: 0 auto;
}
.footer_life{
	width: 970px;
	margin: 0 auto;	
}
.footer_art{
	/*
	width: 1127px;
	margin: 0 auto;	
	*/
}
.footer_falcon{
	width: 1200px;
	margin: 0 auto;	
}
.footer_lion{
	position: relative;
	padding: 0 0 1.5em;
}
.footer_1b{
	position: relative;
	padding: 0 0 1.5em;
}
.undernav{
	background-color: #605F5F;
}
.undernav ul{
	display: flex;
	align-items: center;
	justify-content: center;
}
.undernav ul li a{
	display: block;
	box-sizing: border-box;
	color: white;
}
/*undernav_bbc*/
.undernav_cola ul li a{
	padding: 0.5em 0.85em;
}
.undernav_castle ul li a{
	padding: 0.5em 0.85em;
}
.undernav_life ul li a{
	padding: 0.5em 1em;
}
.undernav_art ul li a{
	padding: 0.5em 1em;
}
.undernav_lion ul li a{
	padding: 0.5em 1em;
    margin: 0 0.5em;
}
.undernav_1b ul li a{
	padding: 0.5em 1em;
    margin: 0 0.5em;
}
.undernav_falcon ul li a{
	padding: 0.5em 0.85em;
}
.undernav ul li a:hover{
	color: rgba(255,255,255,0.7);
}
.underwrapbox{
	/*
	display: flex;
	align-items: center;
	justify-content: center;
	*/
}
.footer_art > .underwrapbox{
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 0.9em;
}
.footer_lion > .underwrapbox{
	display: flex;
	align-items: center;
	justify-content: center;
}
.footer_1b > .underwrapbox{
	display: flex;
	align-items: center;
	justify-content: center;
}
.underwrap1{
	/*margin-top: 1.5em;*/
	width: 100%;
	margin: 0 auto;
	text-align: center;
}
.footer_art > .underwrapbox .underwrap1{
	width: auto;
	margin: 0;
	margin-top: 0;
	text-align: left;
}
.footer_lion > .underwrapbox .underwrap1{
	width: auto;
	margin: 0;
	text-align: left;
	margin-top: 1.5em;
}
.footer_1b > .underwrapbox .underwrap1{
	width: auto;
	margin: 0;
	text-align: left;
	margin-top: 1.5em;
}
.underwrap1 p{
	margin: 0.5em 0;
	line-height: 1.5em;
}
.underspanwrap{
	padding-right: 1em;
}
.skypecall{
	display: inline-block;
	background-color: #00AEF3;
	color: white;
	font-weight: bold;
	padding: 0.1em 0.7em;
	box-sizing: border-box;
	border-radius: 10px;
}
.skypecall:hover{
	position: relative;
	top: 2px;
}
.underwrap2{
	/*padding: 0 1em;*/
	width: 100%;
	margin: 0 auto;
	text-align: center;
}
.footer_art > .underwrapbox .underwrap2{
	width: auto;
	margin: 0;
	padding: 0 1em;
	display: flex;
	align-items: center;
	justify-content: center;
}
.footer_lion > .underwrapbox .underwrap2{
	width: auto;
	margin: 0;
	padding: 0 1em;
}
.footer_1b > .underwrapbox .underwrap2{
	width: auto;
	margin: 0;
	padding: 0 1em;
}
.visa{
	/*display: block;
	padding: 1em 0;*/
}
.footer_lion > .underwrapbox .underwrap2 .visa{
	display: block;
	padding: 1em 0;
}
.footer_1b > .underwrapbox .underwrap2 .visa{
	display: block;
	padding: 1em 0;
}
.allpay{
	/*display: block;*/
	width: auto;
    height: 42px;
}
.footer_art > .underwrapbox .underwrap2 .allpay{
	display: block;
	height: auto;
	margin: 0 0.5em;
}
.footer_lion > .underwrapbox .underwrap2 .allpay{
	display: block;
	height: auto;
	margin: 0 0.5em;
}
.footer_1b > .underwrapbox .underwrap2 .allpay{
	display: block;
	height: auto;
	margin: 0 0.5em;
}
.allpay:hover{
	position: relative;
	top: 4px;
}
.allpay img{
	/*width: 100%;*/
}
.footer_lion > .underwrapbox .underwrap2 .allpay,
.footer_lion > .underwrapbox .underwrap2 .allpay img{
	width: 100%;
	margin: 0;
}
.footer_1b > .underwrapbox .underwrap2 .allpay,
.footer_1b > .underwrapbox .underwrap2 .allpay img{
	width: 100%;
	margin: 0;
}
/*綠視界*/
.underp{
	text-align: center;
	font-size:0.9em;
	padding: 0.5em 0 0;
	box-sizing: border-box;
	color: white;
}
.footer_art > .underp{
	text-align: right;
	padding: 0 0.5em 0.2em;
	font-size:0.7em;
	margin-top: -2em;
}
.footer_lion > .underp{
	position: absolute;
    bottom: 0;
    right: 0;
    text-align: right;
    font-size: 0.9em;
    padding: 0.5em 2em;
    box-sizing: border-box;
    color: white;
}
.footer_1b > .underp{
	position: absolute;
    bottom: 0;
    right: 0;
    text-align: right;
    font-size: 0.9em;
    padding: 0.5em 2em;
    box-sizing: border-box;
    color: white;
}