@charset "utf-8";
main {
	max-width: 900px;
    margin: 48px auto;
    padding: 24px;
}
.acp-header{
    margin-bottom: 16px;
    z-index: 0;
}
.acp-header p{
    color: #6b7280;
    margin-top: 8px;
}

main h3 {
	font-size: 130%;
	position: relative;
	padding: 0 10px 8px;
	margin-bottom: 20px;
	border-bottom: 4px solid #eaece6;
}

main h3::after {
	position: absolute;
	bottom: -4px;
	left: 0;
	z-index: 2;
	content: '';
	width: 20%;
	height: 4px;
	background-color: #2aa7d3;
}

main h3:before {
	content: "\f234";
	font-family: FontAwesome;
	padding-right: 5px;
	color: #2aa7d3;
	font-size: 117%;
}

main h4 {
	font-size: 117%;
	border-left: 5px solid #2aa7d3;
	border-bottom: 1px dotted #ccc;
	padding: 8px 10px;
	margin-bottom: 10px;
}
main p {
	padding: 0 10px 20px;
	font-size: 109%;
}

main section.acp-frame{
    background: #fff;
    border-radius: 12px;
    padding: 20px;
    margin-top: 20px;
    box-shadow: 0 6px 18px rgba(16,24,40,0.06);
}

.list-style-3 {
    margin-left: 15px;
}
.list-style-3 > li {
    list-style-type: disc;
    margin-bottom: 0px;
}

.acp-reserve .acp-bnt {
    display: flex;
    align-items: center; 
    justify-content: center; 
    flex-wrap: wrap;
    margin-top: 18px; 
    gap: 12px; 
}

.acp-reserve .acp-bnt a {
    background: #1f6feb; 
    color: #fff;
    padding: 16px 28px;
    font-size: 1.1rem;
    border-radius: 12px;
    text-decoration: none;
    font-weight: bold;
    display: inline-block;
    box-shadow: 0 4px 10px rgba(31,111,235,0.3)
}
.acp-reserve .acp-bnt a:hover {
    opacity: 0.7;
}

.acp-reserve .reserve-attention {
    margin-top: 12px;
    color: #6b7280;
    font-size: 0.95rem;
}

.acp-footer {
    margin-top: 24px;
    color: #6b7280;
    font-size: 0.9rem;
}