/** 背景 **/
.regular-contact > .bg-container {
	background-image:url(https://d1r4509tniam8v.cloudfront.net/img/crm-regular-contact-bg.png);
    background-size: cover; background-position: center 60%; background-repeat: no-repeat; opacity: 0.15;
	position: absolute; height: 200px; width: 100%; border-bottom-left-radius: 50% 30%; border-bottom-right-radius: 50% 30%;
} 
@media (max-width:767px) {
	.regular-contact > .bg-container { height: 230px; border-bottom-left-radius: 50% 20%; border-bottom-right-radius: 50% 20%; }
}


/**====== 404 error ======**/
.error {
	padding: 50px 0 50px;
	
	background-image: url('https://d1r4509tniam8v.cloudfront.net/img/cc_00_0001.jpg');
	background-size: cover;
    background-position: center center;
}
.error p {
	margin: 0;
	padding: 10px 0 10px;
}
.error .code span {
	position: relative;
    display: inline-block;
    margin: -45px 0 -20px;
    font-size: 120pt;
 			color: #87A841;
}
.error .msg {
	color: #fff;
   	font-size: 40px;
   	font-weight:bold;
   }
.error .desc {
	color: #f9f9f9;
    font-size: 14pt;
    margin-bottom: 30px;
}
.error p a {
	min-width: 280px;
	font-size: 16pt;
	padding: 15px 30px 15px;
	letter-spacing: 2px;
	color: #fff;
}
.error p a.btn {
	background-color: transparnet;
	border-color: #fff;
	color: #fff;
}
.error p a.btn:hover, .error p a.btn:focus {
	background-color: #fff;
	border-color: #fff;
	color: #87A841;
}
@media (max-width: 767px) {
	.error .code span {
	    font-size: 80pt;
	}
	.error .msg {
   		font-size: 32px;
   	}
}