@charset "utf-8";

#rule .ruleArea{
	margin-top: 45px;
	padding-bottom: 45px;
}
#rule .ruleArea .rule-inner{
	background-color: #fff;
}
#rule .ruleArea .rule-title{
	background: url(../r_images/rule/tit.png) no-repeat left top;
	height: 237px;
}
#rule .ruleArea .rule-inner .section{
	padding: 45px;
}
#rule .ruleArea .rule-inner .section + .section {
    padding-top: 90px;
    position: relative;
}
#rule .ruleArea .rule-inner .section + .section:before {
    content: "";
    display: block;
    width: 100%;
    height: 45px;
    background: url(../r_images/backnumber/oa-line.gif) no-repeat center;
    position: absolute;
    top: 0;
    left: 0;
}
.mb05{
	margin-bottom: 0.5em;
}
.mb15{
	margin-bottom: 1.5em;
}
#rule .ruleArea .rule-inner #rule-text h3{
	color: #ca8e52;
	font-weight: bold;
	margin-bottom: 0.5em;
	margin-top: 1.5em;
}
#rule .ruleArea .rule-inner .rule-lists{
	margin-left: 1em;
}
#rule .ruleArea .rule-inner .rule-lists li{
	text-indent: -1em;
	font-size: 0.8em;
	padding-bottom: 0.25em;
}
#rule .ruleArea .rule-inner #rule-text h4{
	display: inline-block;
	color: #fff;
	font-weight: bold;
	background: #be0308;
	position: relative;
	padding: 10px 60px; 
	font-size: 1.3em;
	width: 100%;
	text-align: center;
	box-sizing: border-box;
	margin-bottom: 1.5em;
}
#rule .ruleArea .rule-inner #rule-text h4::after,
#rule .ruleArea .rule-inner #rule-text h4::before{
	content: '';
	width: 60px;
	height: 60px;
	border-radius: 50%;
	background: #fff;
	position: absolute;
}
#rule .ruleArea .rule-inner #rule-text h4::after{
	top: -30px;
	left: -30px;
}
#rule .ruleArea .rule-inner #rule-text h4::before{
	bottom: -30px;
	right: -30px;
}

#rule .ruleArea .rule-inner .rule-btn{
	display: flex;
}
#rule .ruleArea .rule-inner .rule-btn li{
	width: calc(50% - 22.5px);
	float: left;
	position: relative;
}
#rule .ruleArea .rule-inner .rule-btn li::after{
	content: '';
	width: 60px;
	height: 60px;
	border-radius: 50%;
	background: #fff;
	position: absolute;
	bottom: -30px;
	right: -30px;
}
#rule .ruleArea .rule-inner .rule-btn li:nth-child(odd){
	margin-right: 45px;
}
#rule .ruleArea .rule-inner .rule-btn .apply{ background-color: #be0308; }
#rule .ruleArea .rule-inner .rule-btn .close{ background-color: #969696; }
#rule .ruleArea .rule-inner .rule-btn li a{
	display: block;
	font-weight: bold;
	width: 100%;
	padding: 30px;
	box-sizing: border-box;
	text-align: center;
	color: #fff;
	text-decoration: none;
}