.news_box { margin-top: 20px; }
.news_box:first-child { margin-top: 0; }
.news_box .title .pult { float: right; }
.news_box .title { font-size: 28px; color: rgb(67, 67, 67); border-bottom: 1px solid #ebebeb; padding-bottom: 13px; }
.news_box ul.books { margin: 0; margin-top: 30px; padding: 0; list-style: none;}

.news_box ul.books li {
    float: left;
    margin-left: 30px;
    height: 320px;
}

.news_box .cntperiodics ul.books li {
    float: left;
    margin-left: 30px;
    height: 270px;
}

.news_box ul.books li.you_view_content { width: 230px; max-width: 230px; float: left; margin-left: 0; }
.news_box ul.books li:first-child { margin-left: 0; }
.news_box ul.books li .title_book { max-width: 200px; margin-top: 10px; margin-bottom: 5px; height: 30px; line-height: 15px; width: 99%; font-size: 13px; overflow: hidden; position: relative; }
.gradient_link { position: absolute; width: 100%; height: 16px; bottom: -1px; display: block; left: 0; background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 100%); background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 100%); background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 100%); background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 70%, rgba(255,255,255,0.8) 100%); background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 70%,rgba(255,255,255,0.8) 100%); background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 70%,rgba(255,255,255,0.8) 100%); }
.news_box ul.books li .title_book a { text-decoration: none; color: rgb(18, 87, 171); font-weight: bold;}
.news_box ul.books li .author { font-size: 13px; color: rgb(136, 136, 136); height: 30px; overflow: hidden; line-height: 25px;}
.news_box ul.books li .cost { font-size: 19px; color: rgb(48, 28, 83); font-weight: bold;}
.news_box ul.books li .nds { font-size: 14px; color: rgb(136, 136, 136);}
.news_box ul.books li .addcart a { border-radius: 4px; height: 30px; line-height: 30px; display: block; color: #fff; text-decoration: none; padding-right: 0; text-align: center; width: 91px; margin-top: 18px; }
.news_box ul.books li .more a,
.memo_items .more a{ width: 171px; border-radius: 4px; background: #ecad0a; height: 30px; line-height: 30px; display: block; color: #fff; text-decoration: none; text-align: center; margin-top: 18px; }
.memo_items .more a{ margin-top: 0; }
.news_box_index .container.slider-items { overflow: hidden; height: 350px; }
.news_box_index .container.news-box__slider-items {
    overflow: hidden;
 }
.news_box_index .container.news-box__slider-items .slider-items{
     width:1150px;
}
.news_box ul.books li div.img { position: relative; height: 150px; }

.pult a.btn_left span.fa,
.pult a.btn_right span.fa { display: inline-block; border: solid 1px #000; width: 31px; height: 31px; position: relative; top: 9px; border-radius: 3px; opacity: 0.2;}
.pult a.btn_left span.fa::before { content: '\f104'; color: #000; position: absolute; left: 10px; top: 15px; font-size: 23px; line-height: 0; }
.pult a.btn_right span.fa::before { content: '\f105'; color: #000; position: absolute; left: 13px; top: 15px; font-size: 23px; line-height: 0; }

/* small status-block fore sale and new*/
.status-block-sm{ display: none; padding: 3px 8px; color: #ffffff; font-size: 10px; position: absolute; top: 0; left: 0; }
.status-block-sm + a { display: inline-block; }
.status-block-sm + a img { margin: 5px 0 0 5px; }
.status-block-sm.sale { display: block; background: #ed2024; }
.status-block-sm.new { display: block; background: #4081d0; }
.status-block-sm.rec { display: block; background: #42b455; }

.without_discount { color: #301c53; margin-right: 5px; text-decoration: line-through; font-size: 16px; font-weight: bold; }
.cost span.without_discount {font-size: 13px; color: #301c53; text-decoration: line-through;}
.cost span.with_discount {color: #ed1d24;font-size: 18px; font-weight: bold; white-space: nowrap;}