@import url(https://fonts.googleapis.com/css?family=Kanit:300,400,700&subset=thai,latin);
/*body {font-family:'ThaiSansNeue','Helvetica Neue',Arial,sans-serif; font-size:21px; line-height:1.3;}*/
body { font-family:'Kanit', "Helvetica Neue", Helvetica, Arial, sans-serif, tahoma; font-size:15px; line-height:1.6; font-weight:300; color:#444;}

a {color: #3f6faf; -webkit-transition: all .35s; -moz-transition: all .35s; transition: all .35s;text-decoration:none; outline:none;}
a:hover,a:focus {outline: 0; color: #21bbdb; text-decoration:none;}
a.inverse {color: #FFF; cursor:pointer;}
a.inverse:hover,a.inverse:focus {color: #21bbdb;}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{font-family:'Kanit', "Helvetica Neue", Helvetica, Arial, sans-serif;  font-weight: 400; line-height:1.4; margin-top:10px; margin-bottom:10px;}
h1, .h1 { font-size: 36px; margin-bottom:15px; color:#807a7a;}
h2, .h2 { font-size: 26px;}  
h3, .h3 { font-size: 21px; color:#362f2e;} 
h4, .h4 { font-size: 17px; color:#676e77;} 
h5, .h5 { font-size: 13px;} 
b, strong{ font-weight:400;}

.page-header{ border-bottom:none; margin:0px; padding:10px 0px;background:#f3f3f3;}
.main-content{padding-bottom:30px; min-height:1100px;}
.footer{ background:#232323 ; color:#6c7176; font-size:14px; padding:10px; padding-top:6px;}

/*magazine detail*/
.btn, .form-control, .dffont-md{ font-family: Arial, sans-serif, tahoma; font-size:14px; line-height:1.42857143;}
.magazine-wood-bg{ background:url(/images/template/wood.jpg); padding:30px 0; padding-bottom:10px; text-align:center;}
h3.book-title{ margin-bottom:0px; margin-top:5px; color:#000;}
.row img{ max-width:100%; height:auto;}
.book-list-container{ max-width:1050px;}
.book-list-container .row{ margin-bottom:35px;}
.detail-book .book-title{ margin-bottom:15px; margin-top:15px; color:#000; font-size:36px;}
.detail-book .book-title span{ display:block; font-size:18px;}
.book-preview{ max-width:900px; margin:0 auto;  border-bottom:3px solid #333;margin-bottom:30px; padding-bottom:30px; margin-top:15px; }
.book-preview hr{ margin-top:5px; margin-bottom:5px;}
.preview-book-title{ font-size:26px; font-weight:400;}
.preview-content{ font-size:16px; color:#000; background:#f5f5f5; padding:10px 15px; margin-bottom:15px;}
.book-related{max-width:740px; margin:0 auto; }
.book-related{ font-size:16px;}
.book-related .related-title{ font-size:24px; font-weight:600; margin-bottom:15px;}
.book-related  .book-title{ font-size:21px;}

.fancybox-wrap.fancybox-opened{ width:1000px ;}
.book-view {color:#888}
.book-view .fa{ color:#888}
.book-view .fa.fa-eye{ font-size:16px;}
/* /magazine detail*/