/*集團logo套用在beanfun首頁*/
.content + .footer{
	height: 118px;
	position: relative;
}
.content + .footer .pic-r{
	display: none;
}
.content + .footer .GHQLogo{
	position: absolute;
	top: 50px;
	right: 0px;
}


/*集團logo樣式*/
.GHQLogo{
	width: 154px;
	height: 40px;
	font-size: 0;
	text-align: right;
	position: relative;
	display: inline-block;
}
.GHQLogo a{
	width: 40px;
	height: 100%;
	box-sizing: border-box;
	border-radius: 200px;
	text-align: center;
	overflow: hidden;
	display: inline-block;
}
.GHQLogo.dark a{
	border: 2px solid #fff;
}
.GHQLogo.light a{
	border: 2px solid black;
}
.GHQLogo a:before{
	width: 123px;
	height: 100%;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: contain;
	opacity: 0;
	display: inline-block;
	content: "";
}
.GHQLogo.light a:before{
	background-image: url(https://tw.hicdn.beanfun.com/beanfun/beanfun/common_assets/gama-group/images/ghq-text1.png);
}
.GHQLogo.dark a:before{
	background-image: url(https://tw.hicdn.beanfun.com/beanfun/beanfun/common_assets/gama-group/images/ghq-text2.png);
}
.GHQLogo a:after{
	width: 40px;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: cover;
	content: "";
}
.GHQLogo.light a:after{
	background-image: url(https://tw.hicdn.beanfun.com/beanfun/beanfun/common_assets/gama-group/images/ghq-logo1.png);
}
.GHQLogo.dark a:after{
	background-image: url(https://tw.hicdn.beanfun.com/beanfun/beanfun/common_assets/gama-group/images/ghq-logo2.png);
}
.GHQLogo a:hover{
	width: 100%;
	transition: width .35s linear;
}
.GHQLogo a:hover:before{
	opacity: 1;
	transition: opacity .35s linear;
}
.GHQLogo a:hover:after{
	opacity: 0;
	transition: opacity .35s linear;
}