#sub_banner img {height: 60vw;}

/* book_detail */
#book_detail * { box-sizing: border-box; }

#book_detail .title_box { margin-top: 5rem; }
#book_detail .title_box h3 { text-transform: uppercase; font-size: 44px; color: #2d2d2d; }
#book_detail .title_box h3:first-letter { margin-right: 10px; font-size: 2em; }
#book_detail .title_box h3 span { font-size: 24px; left: 62px; }
#book_detail .title_box p { margin-top: 10px; font-size: 26px; }

#book_detail .item { margin-top: 4rem; flex-wrap: wrap; justify-content: space-between; align-items: center; }
#book_detail .item .txt_box { padding: 0 15px; }
#book_detail .item .sub_tit_box { padding-bottom: 15px; border-bottom: 2px #2d2d2d solid; align-items: flex-end; }
#book_detail .item .sub_tit_box:before { position: absolute; width: 35px; height: 10px; background: var(--primary); display: block; top: -40px; left: 0; content: ""; }
#book_detail .item .sub_tit_box * {line-height: 1;font-weight: 500;font-size: 26px;}
#book_detail .item .sub_tit_box font {margin: 0 5px;font-size: 37px;}
#book_detail .item .sub_tit_box span { margin-right: 5px; font-size: 46px; }
#book_detail .item article { margin-top: 30px; }
#book_detail .item article p { font-size: 18px; color: #383838; }
#book_detail .item article span { font-weight: 300; font-size: 14px; color: #383838; }

#book_detail .item.left .img_box:before { top: -15px; right: auto; bottom: auto; left: 0; }

a.btn-default {clear: both;display: block;width: 200px;height: 55px;line-height: 55px;margin-left: auto;margin-right: auto;font-size: 15px;letter-spacing: 1px;text-align: center;color: #353535;text-transform: uppercase;border: 1px solid #c4c4c4;background-color: #fff;font-family: 'Oswald', 'Lato', '微軟正黑體', sans-serif;margin-top: 50px;}

a.btn-default:hover {color: #fff;background-color: #404040;border-color: transparent;}


@media screen and (min-width: 1271px){
	#book_detail .item .txt_box { padding: 0 0 0 70px; }
	#book_detail .item.left .txt_box { padding: 0; }
}
@media screen and (max-width: 1024px){
	#book_detail .title_box h3 {font-size: 34px;}
	#book_detail .title_box h3 span { font-size: 20px; left: 52px; }
	#book_detail .title_box p { font-size: 20px; }
	#book_detail .item .sub_tit_box:before { width: 25px; height: 5px; top: -20px; }
	#book_detail .item .sub_tit_box * { font-size: 20px; }
	#book_detail .item .sub_tit_box font { font-size: 35px; }
	#book_detail .item .sub_tit_box span { font-size: 25px; }
	#book_detail .item .img_box { padding: 15px; }
	#book_detail .item article p { font-size: 15px; }
	#book_detail .item article span { font-size: 12px; }
}
@media screen and (min-width: 761px){
	#book_detail .item.left { flex-direction: row-reverse; }
	#book_detail .item .img_box:before { position: absolute; width: 60px; height: 85%; background: var(--primary); display: block; right: 0; bottom: -15px; content: ""; }
	#book_detail .item .img_box img { width: 90%; }
}
@media screen and (max-width: 768px){
	#sub_banner img {height: 90vw;object-position: 20% 50%;}
}
@media screen and (max-width: 560px){
    #book_detail .item {margin-top: 2rem;}
    #book_detail .title_box {margin-top: 3rem;}
    #book_detail .title_box h3 {font-size: 25px;}
	#book_detail .title_box h3 span {font-size: 16px;left: 42px;padding-bottom: 10px;}
    #book_detail .item .txt_box{padding: 0;}
	#book_detail .item .sub_tit_box font {font-size: 25px;}
	#book_detail .item .img_box {padding: 15px 0;}
	a.btn-default {margin-top: 20px;}
	#book_detail .item article{padding: 0 6px;margin-top: 25px;}
	#book_detail .item .sub_tit_box:before{display: none;}
}