.mio-aposi { margin-top: 100px; }

.mio-articlea { margin-top: 30px; }

.mio-aplist a { display: block; margin-bottom: 30px; border-bottom: #e3e3e3 1px solid; }
.mio-aplist h3 { height: 50px; line-height: 50px; text-align: center; white-space: nowrap;text-overflow: ellipsis;overflow: hidden;word-break: break-all; padding: 0 15px; }
.mio-aplist a:hover { border-bottom: #c3002f 1px solid }
.mio-aplist .mio-img { height: 264px; overflow: hidden }
.mio-aplist .mio-img img { min-height: 100%; }

.mio-city-random { background-color: #eee; padding: 15px; margin-top: 30px; }
.mio-city-random li { width: 50%; float: left; height: 24px; line-height: 24px; overflow: hidden; white-space: nowrap;text-overflow: ellipsis;overflow: hidden;word-break: break-all; }

.mio-scity { background-color: #efefef; padding: 50px; margin-top: 40px; }
.mio-scity h3 { font-size: 1.6em; margin-bottom: 15px; font-weight: bold }
.mio-scity ul { }
.mio-scity li { float: left; margin: 0 8px 8px 0 }

.mio-abl {}
.mio-abl li { margin-top: 15px; }
.mio-abl li a { display: block; line-height: 80px; text-align: center; background-color: #CC3300; color: #fff; font-size: 1.6em }

.mio-cwrap {}
.mio-cwrap h1 { font-weight: bold; font-size: 2.2em; color: #111; margin-bottom: 20px; border-bottom: rgba(0,0,0,.2) 1px solid; padding-bottom: 30px; }