@media screen and (min-width: 601px) {
.comics_fl { width: 900px; margin: 0 auto; padding: 30px 10px 100px 130px; color: #FFF; font-size:20px; font-weight: 500; line-height: 40px; }
.comics_fl .title { font-size:30px; font-weight: 600; }
.comics_fl .title img { width: auto; height: 42px; }
.comics_fl ul li.once_fl { padding: 10px 0; }
.comics_fl ul li.once_fl { float:left; width:200px; margin: 0 10px 0 0; }
.comics_fl ul li.once_fl img { width:100%; height: auto; }
.comics_fl a .btm { color: #FFF; transition-duration: 0.5s; padding: 2px 5px; border: 4px solid #FFF; margin:10px 0 0 20px; width: 300px; text-align: center; font-weight: 600; display: inline-block; transform: skewX(-30deg); }
.comics_fl a:hover .btm { color: #F8F782; transition-duration: 0.5s; border: 4px solid #F8F782; }
.comics_fl a .btm span {display: inline-block; transform: skewX(30deg); }
}

@media screen and (max-width: 600px) {
.comics_fl { position: relative;  width: 500px; margin: 0 auto; padding: 30px 0 100px 0; color: #FFF; font-size:20px; font-weight: 500; line-height: 40px; }
.comics_fl .title { font-size:30px; font-weight: 600; }
.comics_fl .title img { width: auto; height: 42px; }
.comics_fl ul li.once_fl { padding: 10px 0; }
.comics_fl ul li.once_fl { float:left; width:240px; margin: 0 10px 0 0; }
.comics_fl ul li.once_fl img { width:100%; height: auto; }
.comics_fl a .btm { color: #FFF; transition-duration: 0.5s; padding: 2px 5px; border: 4px solid #FFF; margin:10px 0 0 20px; width: 300px; text-align: center; font-weight: 600; display: inline-block; transform: skewX(-30deg); }
.comics_fl a:hover .btm { color: #F8F782; transition-duration: 0.5s; border: 4px solid #F8F782; }
.comics_fl a .btm span {display: inline-block; transform: skewX(30deg); }
}