/* BASIC css start */
.special_banner { margin:0 auto; width:50%; height:800px; float:left; }
.special_ex div a img {vertical-align:top; width:100%;}

.descrition { display:none; }
.i_over { position:absolute; top:0; }

#Nav_event {position: fixed; top: 50%; right: 30px; transform: translateY(-50%); z-index: 99;}
#Nav_event li {display: block; margin: 18px 0; width: 10px; height: 10px; border-radius: 50%; background: rgba(180,180,180,0.7); transition: all 0.5s; cursor: pointer;}
#Nav_event li:hover, #Nav_event li.on {background: #fff;}

.section a {display: block; position: relative; width: 100%; height: 100%;}
.section {width: 100%; background-position: center; background-size: cover;}

.box a > .over {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #fff; text-align: center;}

.box a > .over h2 {font-size: 70px; margin-bottom: 23px;font-weight: 300;}
.box a > .over h5 {font-size: 18px; text-decoration: underline; font-weight: 300;}

@media(max-width: 992px) {

.box a > .over h2 {font-size: 40px; line-height: 42px;}
.box a > .over h5 {font-size: 14px;}
}
/* BASIC css end */