.chaoxian-sub-banner{margin-bottom: 57px}
.chaoxian-about-title{font-family: RobotoSlab-Bold;font-size: 40px; margin-bottom: 36px; color: #f9b51c}
.chaoxian-about-context{margin-bottom: 47px;font-family: RobotoSlab-Light;font-size: 20px}
.chaoxian-about-menu-link{font-family: RobotoSlab-Light;font-size: 15px; background-color: black; width: 211px;padding: 12px 0; text-align: center; overflow: hidden;color: white; position: absolute;}
.chaoxian-menu-link{overflow: hidden;width: 219px;background: black; color: white; position: absolute;bottom: 23px; margin: auto;text-align: center;left: 0;right: 0;padding: 13px 0px;font-size: 15px; font-family: 'RobotoSlab-Bold';}
.chaoxian-menu-link:hover{background: #f8b51c; color: white}
.chaoxian-about-menu-link:hover{background: #f8b51c; color: white}

.chaoxian-menu-link .mask {
	background-color: #fff;
	background-color: rgba(255, 255, 255, 0.5);
	height: 100px;
	position: absolute;
	transform: translate3d(-120%, -50px, 0) rotate3d(0, 0, 1, 45deg);
	transition: all 1.1s cubic-bezier(0.19, 1, 0.22, 1);
	width: 200px;
}

.chaoxian-menu-link:hover .mask {
	background-color: #fff;
	transform: translate3d(120%, -100px, 0) rotate3d(0, 0, 1, 90deg);
}

.chaoxian-about-menu-link .mask {
	background-color: #fff;
	background-color: rgba(255, 255, 255, 0.5);
	height: 100px;
	position: absolute;
	transform: translate3d(-120%, -50px, 0) rotate3d(0, 0, 1, 45deg);
	transition: all 1.1s cubic-bezier(0.19, 1, 0.22, 1);
	width: 200px;
}

.chaoxian-about-menu-link:hover .mask {
	background-color: #fff;
	transform: translate3d(120%, -100px, 0) rotate3d(0, 0, 1, 90deg);
}

.chaoxian-about-img a{color: black !important;}
.chaoxian-about-img{position: relative;}

.box-set-gia {
	padding-top: 50px;
}
.box-gia {
	border-left: 9px solid #b93c3c;
    height: 103pt;
    padding-left: 10pt;
}
.gia-lauphan {
    font-family: SansitaOne-Regular;
    font-size: 35pt;
    text-transform: uppercase;
    line-height: 50px;
}
.gia-lauphan span {
	color: #ff6a00;
    font-size: 50pt;
}
.box-gia-lauphan {
	border-left: 9px solid #df5800;
    height: 103pt;
    padding-left: 10pt;
}
.gia {
	font-family: SansitaOne-Regular;
	font-size: 35pt;
	text-transform: uppercase;
	line-height: 50px;
}
.gia span {
	color: #b93c3c;
	font-size: 50pt;
}
.sologan-gia {
	font-size: 14pt;
	font-family: 'RobotoSlab-Regular';
}

.somon {
	font-family: 'RobotoSlab-Regular';
	color: #ff6a00;
	font-size: 14pt;
	padding-top: 15px;
}
.setgia-img {
    padding-top: 35pt;
    position: relative;
}
.detail {
	    bottom: 25px;
    height: 46px;
    border: 1px solid black;
    background: black;
    border-radius: 6px;
    justify-content: center;
    align-items: center;
    display: flex;
    width: 211px;
    margin: auto;
    position: absolute;
    left: 0;
    right: 0;
}
.detail a {
	color: white;
    font-family: 'RobotoSlab-Regular';
}
@media only screen and (min-width: 769px) {
	#chaoxian-about-left-col{margin-bottom: 50px}
}

@media only screen and (max-width: 768px) {
	#chaoxian-about-left-col{margin-bottom: 70px}
	.chaoxian-about-menu-link{margin: auto; left: 0; right: 0}
	.chaoxian-about-img{margin-bottom: 50px;}
	.chaoxian-about-img img{width: 100%}
}