h2 + p {padding:1em 0 1em !important;}
h3 + p {padding:.2em 0 1em !important;}
h2 + h3 {padding:.5em 0;}

#info article a{color:#e95098; transition: 0.3s;}
#info article a:active,#info article a:hover{background-color:rgba(255,255,255,0.6);}

#info article h3.clb{font-weight:bold; font-size:130%; padding:.5em 0 .3em; border-bottom:2px dotted #e95098; margin:0 0 1em;}
.clbph,.clbph_l {width:500px; height:333px; margin:0 auto 1em; box-shadow:5px 5px 15px rgba(3,47,63,0.1); border:3px solid #fff;}

a.btn_info{font-size:140%; color:#fff !important; display:block; font-weight:bold; text-align:center; width:40%; padding:1.2em 0; margin:.5em auto; letter-spacing:.2em; transition: 0.3s; background-color:rgba(233,80,152,0.8); border:2px solid #fff;}
a.btn_info:hover{background:none !important; color:#e95098 !important; border:2px solid #e95098;}

.rules{border:1px solid #e295c5; padding:.8em .8em 0; overflow-y: auto; /*height:300px;*/ background-color:rgba(255,255,255,0.5);}
.rules::-webkit-scrollbar{width: 5px; background:none;}
.rules::-webkit-scrollbar-thumb{background:#e295c5;}
.rules p{padding:0 .5em 1em !important; font-size:90% !important;}
.rules h3{font-weight:bold; font-size:100%;}
.rules h4{font-weight:bold; font-size:95%; padding:0 0 .2em;}

#info .bdr3{margin:.5em auto 2em;}
.bdr2{border:1px solid rgba(65,159,182,0.6); padding:.8em 1.2em !important; margin:2em auto 1em; width:100%; font-size:90%; border-radius:10px;}

@media all and (min-width: 768px) {
#info .ph_cut_l{width:400px; height:550px; margin:.5em auto .5em;}
.clbph_l{height:500px !important; margin:0 auto 1em !important;}
#info .emb {margin:0 auto 1.5em;}
#info .emb iframe {width:100%; height:338px;}
.cap{font-size:90% !important; padding:0 0 .8em !important; line-height:1; margin:-.5em 0 0;}
.news1{width:800px; height:276px;}
.news2{width:700px; height:238px;}
.news4{width:700px; height:342px;}
.news0423_2{height:223px;}
.news0416{height:338px; margin:.5em auto 2em;}
.ost{height:400px !important; margin:.5em auto 2em !important;}
.news0611{height:395px !important; margin:1em auto 1.5em !important;}
}
@media all and (max-width: 767px) {
h2 + p {padding:.5em 0 1em !important;}
h2 + h3 {padding:.2em 0 0;}
.cap{/*font-size:1rem !important;*/ font-size:90% !important; margin:-.5em 0 0; padding:0 0 .5em !important;}
#info .ph_cut_l{width:60%; height:0; padding:82.5% 0 0; margin:.6em auto 1em;}
.clbph {width:90%; height:0; padding:60% 0 0; margin:0 auto 1em; box-shadow:5px 5px 15px rgba(3,47,63,0.1); border:2px solid #fff;}
.clbph_l{padding:75% 0 0 !important; margin:0 auto 1em !important;}
#info .emb {margin:.5em auto 1em;}
a.btn_info{width:65%; font-size:3.5vw; padding:4.8% 0;}
.rules{padding:.5em .5em 0; /*height:200px;*/ margin:0 0 1.5em;}
.rules h3{font-size:100% !important;}
#info article p{word-break: break-all;}
.news1{padding:33.81% 0 0;}
.news2{width:96%; padding:32.64% 0 0;}
.news4{width:96%; padding:46.9% 0 0;}
.news0423_2{width:90%; padding:33.45% 0 0; margin:0 auto 3em;}
.news0416{padding:54.08% 0 0; margin:.5em auto 1.5em;}
#info p.bdr3{margin:.5em auto 1.5em !important;}
.ost{padding:60% 0 0 !important; margin:0 auto 1.5em !important;}
.news0611{padding:59.25% 0 0 !important; margin:1em auto 1.5em !important;}
}