@charset "UTF-8";
/* CSS Document */

/* contents */
main.main{width: 100%; margin: 0; }
header.type02{border-bottom: 0}
header.type02 .menu01 .dropdown_menu{top: 50px;}

/* main_img */
.main_img{background: url("/WebBtbr/images/main_bg01.png") no-repeat; width: 100%; height: 700px; background-size: cover; }
.main_img .wrapper{width: 1280px; height: 700px; padding: 0; margin: 0 auto; text-align: center; color: #fff; display: flex; flex-wrap: wrap; align-content: center;}
.main_img .wrapper h2{font-size: 40px; font-weight: bold; line-height: 1; margin-bottom: 20px; color: #fff; width: 100%;}
.main_img .wrapper .sub_tlt{font-size: 28px; color: #fff; width: 100%;}

/* book_list */
.main_img .wrapper .book_list{width: 100%; padding: 60px 0 0; margin: 0 auto; text-align: center; color: #fff; display: block;}
.main_img .wrapper .book_list ul{width: 100%;}
.main_img .wrapper .book_list li{width: 33.3%; padding: 0 10px; display: inline-block; float: left;}
.main_img .wrapper .book_list li img{max-height: 200px; -webkit-box-shadow: 4px 6px 12px 3px rgba(0,0,0,0.5); -moz-box-shadow: 4px 6px 12px 3px rgba(0,0,0,0.5); box-shadow: 4px 6px 12px 3px rgba(0,0,0,0.5);}
.main_img .wrapper .book_list li p{color: #fff;}
.main_img .wrapper .book_list li .sub_tlt{font-size: 14px; line-height: 21px; margin-top: 15px; height: 65px; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.main_img .wrapper .book_list li .tlt{font-size: 22px; font-weight: bold; line-height: 29px; margin-top: 15px; height: 60px; width: 100%; overflow: hidden;}
.main_img .wrapper .book_list li .auther{margin-top: 10px; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

/* today_book */
.today_book{width: 1280px; height: 700px; padding: 0; margin: 70px auto 20px;}
.today_book::before, .today_book::after{content: ''; width: 100%; height: 0; clear: both;}
.today_book .book_img{width: 33.3%; float: left; margin-right: 40px;}
.today_book .book_img img{max-width: 100%; max-height: 600px; -webkit-box-shadow: 20px 30px 20px 3px rgba(0,0,0,0.2); -moz-box-shadow: 20px 30px 20px 3px rgba(0,0,0,0.2); box-shadow: 20px 30px 20px 3px rgba(0,0,0,0.2);  border: 1px solid rgba(200,200,200, 0.2);}
.today_book .book_info{width: calc(100% - 33.3% - 40px); float: left;}
.today_book .book_info h2{font-size: 30px; font-weight: bold; color: #6EB327; line-height: 1;}
.today_book .book_info .tlt{font-size: 45px; font-weight: bold; color: #141450; line-height: 1.2; margin: 20px 0; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.today_book .book_info .info{font-size: 18px; line-height: 28px; margin-top: 10px; width: 100%; height: 227px; overflow: hidden;}
.today_book .book_info .info strong{font-weight: bold; font-size: 18px; line-height: 28px;}
.today_book_con{display: none;}
.today_book_con.show{display: block;}


.today_book .book_list{width: calc(100% - 33.3% - 40px); float: left; margin-top: 20px;}
.today_book .book_list ul{display: flex; justify-content: space-between; width: 100%;}
.today_book .book_list li{text-align: center; cursor: pointer; width:200px; padding:0 5px;}
.today_book .book_list li:hover img{-webkit-box-shadow: 10px 9px 16px -6px rgba(0,0,0,0.6); -moz-box-shadow: 10px 9px 8px -3px rgba(0,0,0,0.6); box-shadow: 10px 9px 8px -3px rgba(0,0,0,0.6);}
.today_book .book_list li img{height: 200px; width:140px;s- -webkit-box-shadow: 5px 9px 8px -3px rgba(0,0,0,0.3); -moz-box-shadow: 5px 9px 8px -3px rgba(0,0,0,0.3); box-shadow: 5px 9px 8px -3px rgba(0,0,0,0.3); border: 1px solid #C8C8C8;}
.today_book .book_list li .category{color: #FF6000; margin-top: 10px}
.today_book .book_list li .tlt{font-size: 16px; font-weight: bold; margin: 8px 0 10px; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

/* best_seller */
.best_seller{background: url("/WebBtbr/images/main_bg02.png") no-repeat; width: 100%; min-height: 900px; background-size: cover;}
.best_seller h2{font-size: 30px; font-weight: bold; color: #fff; text-align: center; padding: 70px 0 0;}
.best_seller .book_wrapper{width: 1280px; padding: 0; margin: 20px auto;}
.book_wrapper .best_tab{width: 100%; display: inline-block; margin:0 0 0 15px;}
.book_wrapper .best_tab li{background: #C8C8C8; color: #fff; font-size: 16px; width: 200px; text-align: center; height: 52px; line-height: 52px; float: left; cursor: pointer}
.book_wrapper .best_tab li.active{background: #32B432; color: #fff; font-weight: bold;}
.book_wrapper .best_tab li:first-child{border-radius: 10px 0 0 0;}
.book_wrapper .best_tab li:last-child{border-radius: 0 10px 0 0;}
.book_wrapper .best_tab li i{width: 24px; height: 24px; background: url("/WebBtbr/images/book_icon.png") no-repeat; display: inline-block; margin: 15px 10px 0 0;}
.book_wrapper .contents_box.show{display: block;}
.book_wrapper .contents_box{display: none; width: 100%; padding: 0 40px 40px; background: #fff; border-radius: 15px;}
.book_wrapper .contents_box ul{width: 100%; display: inline-block;}
.book_wrapper .contents_box ul li{text-align: center; width: 20%; padding: 0 10px; display: inline-block; margin: 40px -2px 0;}
.book_wrapper .contents_box ul li img{height: 160px; margin-top: 50px;  -webkit-box-shadow: 5px 9px 8px -3px rgba(0,0,0,0.3); -moz-box-shadow: 5px 9px 8px -3px rgba(0,0,0,0.3); box-shadow: 5px 9px 8px -3px rgba(0,0,0,0.3); border: 1px solid #C8C8C8;}
.book_wrapper .contents_box ul li .tlt{font-size: 16px; font-weight: bold; margin-top: 20px}
.book_wrapper .contents_box ul li .auther{margin-top: 5px}
.book_wrapper .contents_box ul li .box{position: relative; width: 60%; left: 20%;}
.book_wrapper .contents_box ul li label{top: 0; left: -10px; position: absolute; z-index: 10; color: #C8C8C8; font-size: 24px; font-weight: bold;}
.book_wrapper .contents_box .best label{background: url("/WebBtbr/images/best_label.png") no-repeat; width: 33px; height: 38px; display: inline-block;color: #fff; font-size: 16px; font-weight: bold; padding-top: 4px;}
.book_wrapper .contents_box .best img{height: 200px; margin-top: 10px;}
.book_wrapper .contents_box ul li:nth-child(6)::before{content: ''; width: 100%; height: 0; clear: both;}

/* recommend_book */
.recommend_book{width: 1280px; padding: 0; margin: 30px auto 30px;}
.recommend_book h2{font-size: 30px; font-weight: bold; color: #32B432; text-align: center;}
.recommend_book ul{width: 100%; display: flex; justify-content: space-between;}
.recommend_book ul li{width: 50%; padding-right: 10px; display: inline-block; margin: 40px -2px 0;}
.recommend_book li:last-child{padding-left: 10px; padding-right: 0}
.recommend_book li .book_img{width: 40%; float: left; margin-right: 10px; text-align: center;}
.recommend_book li .book_img img{height: 300px; border: 1px solid #C8C8C8;}
.recommend_book li .tlt{font-size: 18px; font-weight: bold; margin: 10px 0;}
.recommend_book li .info strong{font-weight: bold;}
.recommend_book li .info{line-height: 21px; max-height: 190px; overflow: hidden; margin-top: 10px}

/* arrive_book */
.arrive_book{width: 1280px; padding: 30px 0 30px 0; display: block; background-color: #f0f0f0; margin: 0 auto 0;}
.arrive_book h2{font-size: 30px; font-weight: bold; color: #32B432; text-align: center; margin-bottom: 40px}
.arrive_book .book_slider li{text-align: center; cursor: pointer}
.arrive_book .book_slider li img{width:150px;height:200px; max-height: 200px; -webkit-box-shadow: 5px 9px 8px -3px rgba(0,0,0,0.3); -moz-box-shadow: 5px 9px 8px -3px rgba(0,0,0,0.3); box-shadow: 5px 9px 8px -3px rgba(0,0,0,0.3); border: 1px solid #C8C8C8;}
.arrive_book .book_slider li .category{height:21px; color: #FF6000; margin-top: 10px}
.arrive_book .book_slider li .tlt{font-size: 16px; font-weight: bold; margin: 8px 0 10px; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
/*.arrive_book .book_slider li .tlt {font-size: 16px; font-weight: bold; margin: 8px 0 10px; width: 100%; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; height: 52px; word-wrap: break-word; word-break: keep-all;}*/