@charset "utf-8";

/*layout*/
.book-view-section .in-side{padding:20px}

/*tit*/
.book-title{width:100%;padding:9px 0;background-color:#6c6c6c;font-size:16px;text-align:center;color:#fff;font-weight:bold}

/*select*/
.book-list-section select{padding:5px;-webkit-appearance:none;-webkit-border-radius:0;border: 1px solid #b5b5b6;background:#fff url(//cdn.hackersut.com/m/img/common/arrowDown.png) 95% 8px no-repeat;background-size:10px auto;font-size:15px}
.book-list-select{padding:15px 15px 0;overflow:hidden;}
.book-list-select select{float:left;width:49%;}
.book-list-select select:last-child{float:right;}

/*txt*/
.book-name{font-weight:700;font-size:16px;color:#000}
.book-name a{color:#000}
.book-public{color:#6a6a6a}
.book-price{color:#da1226;font-weight:700;font-size:15px}
.book-original-price{color:#000;font-weight:700;font-size:15px}
.book-point{color:#999;font-size:12px}
.book-delivery{color:#999;font-size:12px}
.book-point:before{content:'P';display:inline-block;padding:1px 3px;margin-right:4px;background:#eaeaea;border:1px solid #b1b2b7;border-radius:4px;color:#6c6c6c;font-size:10px;vertical-align:1px}

/*list*/
.book-list li{display:table;width:100%;box-sizing:border-box;padding:15px;border-top:1px solid #e6e6e6}
.book-list li:first-child{border-top:0}
.book-list li .book-img,
.book-list li .book-info{display:table-cell;vertical-align:middle}
.book-list li .book-img{width:40%;padding-right:5%;box-sizing:border-box;text-align:center}
.book-list li .book-img img{display:inline-block;max-width:152px;width:100%}
.book-list li .book-info{width:60%}
.book-list .btn{margin-top:7px}
.book-list .book-public{margin-top:4px;font-size:13px}
.book-list .book-price{margin-top:9px}
.book-list .book-original-price{margin-top:9px}
.book-list .book-point{margin-top:4px}

/*btn*/
[class^='btn-sty-']{display:inline-block;padding:8px 7%;box-sizing:border-box;background:#b1b2b7;color:#fff;text-align:center;font-size:14px}
.btn-sty-red{background:#da1226}
.btn-sty-line{background:#fff;border:1px solid #d7d7d7;color:#616161}
.btn-sty-review{width:100%;padding:4px 0;background:#fff;border:1px solid #d7d7d7;color:#616161;font-size:12px}
.dual-btn{text-align:center}
.dual-btn a{width:49%}

/*view*/
.book-view{display:table;width:100%;margin:20px 0 15px;box-sizing:border-box}
.book-view li{display:table;width:100%;margin-top:8px;color:#333}
.book-view li:first-child{margin-top:0}
.book-view li.book_info{font-size: 11px;}
.book-view .book-img,
.book-view .book-view-info{display:table-cell;vertical-align:middle}
.book-view .book-img{width:35%;padding-right:5%;box-sizing:border-box}
.book-view .book-img img{display:inline-block;max-width:152px;width:100%}
.book-view .book-view-info{width:65%}

/*row*/
[class^='row-item-']{display:table-cell;vertical-align:middle}
.row-item-left{width:40%}
.row-item-right{width:60%}

/*tab*/
.book-tab{border-top:4px solid #c0c0c0}
.book-tab-list{display:table;width:100%}
.book-tab-list li{display:table-cell;;border:1px solid #d7d7d7;background:#f5f5f5;vertical-align:middle}
.book-tab-list li a{display:block;height:30px;color:#757575;line-height:30px;text-align:center}
.book-tab-list li.active{border-color:#da1226;border-bottom:0;background:#fff}
.book-tab-list li.active a{color:#da1226;font-weight:700}
.book-tab-content{padding:20px 12px}
.book-tab-content h5{font-size:15px}

/*scroll*/
.scroll_nav.fixed{position:fixed;top:0;left:0;right:0;z-index:90}
.scroll_nav .dual-btn{display:none;padding-bottom:4px;background:#fff}
.scroll_nav.fixed .dual-btn{display:block}

/*table*/
.table-type{width:100%;table-layout:fixed;border-collapse:collapse}
.table-type th,
.table-type td{padding-top:6px;padding-bottom:6px;border:1px solid #e6e6e6;color:#666;font-size:12px}
.table-type th{background:#f2f2f2;color:#666}
.table-type td{padding-left:10px;padding-right:10px}

/*data*/
[class^='data-load']{margin:10px 0 30px}
.data-load{padding:10px;border:1px solid #e6e6e6}

/*tab*/
.data-load-tab .js-tab-type1{display:table;width:100%}
.data-load-tab .js-tab-type1 li{display:table-cell;width:50%}
.data-load-tab .js-tab-type1 li a{display:block;padding:8px 0;background:#fff;border:1px solid #6c6c6c;text-align:center;color:#6c6c6c;font-size:12px}
.data-load-tab .js-tab-type1 li.on a{background:#6c6c6c;color:#fff}
.data-load-tab .js-tab-type1-con{display:none;padding:10px;border:1px solid #e9e9e9;border-top:0}
.data-load-tab .js-tab-type1-con.on{display:block}

/*preview-slider*/
.book-preview-section .tit{position:relative;width:100%;height:33px;padding-left:40px;box-sizing:border-box;background-color:#bf1e2e;font-size:15px;color:#fff;font-weight:bold;line-height:33px}
.book-preview-section .tit:before{content:'';display:block;position:absolute;top:0;left:0;width:33px;height:33px;background:linear-gradient(to left top,#bf1e2e 50%, #fff 50%)}
.preview-slide{position:relative;text-align:center}
.preview-slide .slide-list:after{display:block;content:'';clear:both}
.preview-slide .slide-list li{display:none;float:left;width:100%;font-size:0;line-height:0}
.preview-slide .slide-list li.active{display:block}
.preview-slide .slide-list li img{width:100%}
.preview-slide .slide-arr a{display:block;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:10;width:42px;height:74px;background:url('//ingang.hackersut.com/images/bullet/slider_arr.gif') no-repeat;font-size:0}
.preview-slide .slide-arr .slide_btn_prev{left:0}
.preview-slide .slide-arr .slide_btn_next{right:0;background-position-x:-44px}
.slide_paging{margin-top:10px;font-size:14px}