@charset "utf-8";
/* CSS Document */
#oneshot_2_7 { width:100%; position:relative;}
#oneshot_2_7 .la_title {display:block;padding:0px 0 10px 0; font-size:2em;font-weight:500; letter-spacing:-1.5px; color:#333; border-bottom:1px solid #ddd; margin-bottom:15px;}
#oneshot_2_7 .lt_more{ position:absolute; top:10px; right:0px; display: none;}
#oneshot_2_7 .lt_more a{ font-size:1.2em; color:#555;}
#oneshot_2_7 .lt_more a:hover{ color:#333;}

#oneshot_2_7 ul {list-style:none;clear:both;margin:0;padding:0; display: flex; align-items: center; flex-wrap: wrap;}
#oneshot_2_7 li {list-style:none;text-decoration:none; margin: 0 1% 2% 0;}
#oneshot_2_7 li.no_list{ text-align: center; font-weight: 300; color: #aaa; padding: 20px 0; margin: 0 auto !important;}
#oneshot_2_7 li:last-child{ margin: 0 0 2% 0;}
#oneshot_2_7 #quick{position: absolute; z-index: 2; top: -5px; left: 5px; width: 50px; display: none;}

#oneshot_2_7 #border { position:relative; overflow:hidden;}
.review_wrap #border{ border-radius: 10px !important;}
#oneshot_2_7 #border:hover{}
#oneshot_2_7 .border { border: 1px solid #ddd;}

#border .over{position:absolute; left:0; top:275px; width:100%; height:100%; text-align:center; background:rgba(0,0,0,0.8); opacity:0; transition:all 0.5s; display:none;}
#border .over a{color:#fff; display:block; width:100%; padding:50% 10%; font-size:1.2em;}
#border .over a p{border:1px solid rgba(255,255,255,0.5); font-size:11px; padding:5px 10px; width:100px; margin:10px auto;}
#border:hover .over{top:0; opacity:1;}

#oneshot_2_7 .img_set2{width:<?php echo $imgwidth ?>px; height:<?php echo $imgheight ?>px; position:relative; width:230px; height:230px;}
#oneshot_2_7 .img_set2 a{ display: block; width: 100%; height: 100%;}
#oneshot_2_7 .img_set2 .img_left{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: auto; height: 230px;}
#oneshot_2_7 .subject_set2{ width:<?php echo $imgwidth - 0 ?>px; padding:20px 10px; background-color:#fff;}

#oneshot_2_7 .subject_set2 .sub_title{ height:auto;}
#oneshot_2_7 .subject_set2 .sub_title a{ font-weight:600;font-size:16px;color:#333;}
#oneshot_2_7 .subject_set2 .sub_content{ font-size:13px; color:#888;}

@media screen and (max-width: 1279px) {  
    #oneshot_2_7 ul { justify-content: space-evenly;}
}
@media screen and (max-width: 1023px) {
    #oneshot_2_7 .img_set2{ width:190px; height:190px;}
    #oneshot_2_7 .img_set2 .img_left{ height: 190px;}
    #oneshot_2_7 .subject_set2{ padding:15px 15px;}
    #oneshot_2_7 .subject_set2 .sub_title a{ font-size:16px;}
    #oneshot_2_7 .subject_set2 .sub_content{ font-size:12px;}
}
@media screen and (max-width: 767px) {
    .review_wrap li:last-child { display: none;}
    #oneshot_2_7 li.no_list{ font-size: 13px;}
    #oneshot_2_7 .img_set2{ width:140px; height:120px;}
    #oneshot_2_7 .img_set2 .img_left{ height: 120px;}
    #oneshot_2_7 .subject_set2{ padding:10px 10px; }
    #oneshot_2_7 .subject_set2 .sub_title { width: 120px; height: 19px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;}
    #oneshot_2_7 .subject_set2 .sub_title a{ font-size:14px;}
    #oneshot_2_7 .subject_set2 .sub_content{ font-size:11px;}
}