@import 'http://www.tpa.or.th/css/greyscale.css';
html { position: relative; min-height: 100%; }
body { margin-bottom: 125px; }
h1,h2,h3,h4 { font-weight: bold; } 
/*
.ehrow { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-wrap: wrap; }
.ehrow > [class*='col-'] { display: flex; flex-direction: column; }
.ehrow a { color: #333; }

.box-listbook .row { display: table; }
.box-listbook .row > [class*="col-"] { float: none; display: table-cell; vertical-align: top; }*/
.box-listbook .row a { color: #333; }

.navbar-default .navbar-nav > li > a { color: #333; } .navbar-default .navbar-nav > li > a:hover { color: #000; }
.navbar-brand img { width: 205px; height: auto; margin-top: -15px; }
.randombanner { margin-top: -20px; margin-bottom: 8px; padding: 0; background-color: #EEE; }
	.carousel { }
	.carousel-caption { /*position: relative;*/ display: block; position: static; min-height: 7em; padding-top: 10px; padding-bottom: 20px; bottom: 0px; color: #333; text-shadow: none; /*background-color: #FFF;*/ }
	.carousel-caption h3 { margin: 0; padding: 0; }
	.carousel-indicators { bottom: 0; }
	.carousel-indicators li { border: 1px solid #269abc; }
	.carousel-indicators .active { background-color: #31b0d5; }
.home-intro { margin-top: -20px; margin-bottom: -60px; height: 15em; background: #000 url(../images/top-bg.jpg) no-repeat center center; }
.home-menu div { text-align: center; }
.home-menu div img { margin: -14% 0; padding: 18%; }
.home-menu div h3 { margin-top: 0; padding-top: 0; font-weight: bold; }
.home-newbook { padding: 1.6em; background-color: #e2f8fe; }
.home-newbook div { text-align: center; }
.home-recbook { padding: 1.6em; background-color: #deffd6; }
.home-recbook div { text-align: center; }
.nav-book { margin: 0; padding: 8px 0; background-color: #09C; }
/* .nav-book div { text-align: center; }
.nav-book div a { color: #FFF; } */
.nav-book ul { margin: 0; padding: 0; list-style-type: none; }
.nav-book ul li { display: inline; padding: 0 2.4em; }
.nav-book ul li a { color: #FFF; text-decoration: none; }
.content-intro { padding: 1em 4em; background: #FFF; }
.content-intro h1 { margin-bottom: 1em; font-size: 2em; font-weight: bold; }
.content-intro h1 span { font-size: 1.4em; color: #039; }
.page-title { padding: 0.5em; border: 1px solid #CCC; font-size: 1em; font-weight: bold; }
.bookpagedetail h1 { padding-bottom: 1em; font-size: 1.6em; font-weight: bold; border-bottom: 1px #EEE solid; }
.box-category { padding: 1em 8%; background-color: #e2f8fe; }
.box-category h1 { font-size: 1.6em; font-weight: bold; }
.box-category .list-group-item:before { content: "\e041"; font-family: 'Glyphicons Halflings'; position: relative; margin-right: 1.8em; top: 3px; color: #ccc; }
.box-category .list-group-item:after { content: "\e258"; font-family: 'Glyphicons Halflings'; position: absolute; right: 0.5em; top:32%; color: #ccc; }
.box-category-title { position: relative; }
.box-category-title h3 { margin: 0; padding: 0; font-size: 1em; font-weight: normal; } .box-category-title a, .box-category-title a:hover { color: #333; text-decoration: none; }
.box-category-title h3:before { content: "\e041"; font-family: 'Glyphicons Halflings'; position: relative; margin-right: 1.2em; top: 3px; color: #ccc; }
.box-category-title h3:after { content: "\e258"; font-family: 'Glyphicons Halflings'; position: absolute; right: 0.5em; top:32%; color: #333; }
.box-category-book a { color: #333; text-decoration: none; }
.box-activity { padding: 0.4em 2%; background-color: #f9f9f9; }
.box-activity h1 { font-size: 1.6em; font-weight: bold; }
.box-activity .list-group-item:before { content: "\e258"; font-family: 'Glyphicons Halflings'; position: relative; margin-right: 0.8em; top: 3px; color: #ccc; }
.box-listbook { padding: 0.4em 2%; }
.box-listbook h1 { font-size: 1.6em; font-weight: bold; } .box-listbook h1 span { color: #06F; }
.box-listbook .row > div { padding: 1.4em 2em; text-align: center; }
.footer { height: 124px; width: 100%; padding: 1em 0; position: absolute; bottom: 0; text-align: center; }
.footer p:nth-child(1) a { margin:0 2.2em; }
.footer p:nth-child(2) { margin-top: 2.2em; }
.footer .footer_links a { display: inline-block; }
.footer footer { padding: 1.5em 0 0.7em 0; background: #034ea2; color: #ffffff; }
.footer footer p a { margin: 0 !important; }
.footer footer a { color: #ffffff; text-decoration: none; }

#ebooklink div { text-align: center !important; }
#ebooklink a img { margin: 1em auto; }
#book-related div { text-align: center !important; }
#book-related a img { padding: 0 1em; }
#book-related a { color: #333; text-decoration: none; }

#myvoteform { padding-bottom: 0.9em; background-color: #fafafa; }
/* #myvoteform div { text-align: center; } */
/*
#myvoteform .myvotepic img { margin: 1em 2em; }
#myvoteform .myvotepic .col-xs-4 { padding: 0 1em; }
*/
#myvoteform .myvotepic img { margin: 1em auto; }
/* #myvoteform .myvotedata { width: 90%; height: 90%; margin: 1.2em 0; padding: 4.4em 0; background: #9C6; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; } */
#myvoteform .myvotedata { padding-top: 0.8em; }
#myvoteform .myvotedata > div { margin-top: 1em; }
#myvoteform .progress { margin: 0 2em; }
#myvoteform div p { text-align: center; }

.backwards { unicode-bidi: bidi-override; direction: rtl; }
.bshadow { margin-bottom: 10px; box-shadow: 0px 2px 5px #888888; }

.bookpagedetail-btn-group .btn { margin-bottom: 0.25em; }
.btn-lazada { background-color: #000083; border-color: #00005d; color: #FFF; } 
.btn-lazada:hover { background-color: #00005d; border-color: #000033; color: #FFF; }
.btn-tiktok { background-color: #010101; border-color: #000000; color: #FFF; } 
.btn-tiktok:hover { background-color: #212121; border-color: #010101; color: #FFF; }
.btn-ebook { background-color: #F14303; border-color: #cf2200; color: #FFF; } 
.btn-ebook:hover { background-color: #cf2200; border-color: #8a1701; color: #FFF; }

@media (max-width: 991px) {
	.carousel-caption { min-height: 4em; }
	.carousel-caption h3 { font-size: 1em; }
	.carousel-caption p { font-size: 0.9em; }
	.nav-book div { border-bottom: 1px solid #FFF; }
	.nav-book div:nth-last-child(1) { border-bottom: 0px none; }
}

@media (max-width: 480px) {
	/*.randombanner .carousel-indicators { display: none; }*/
	.box-listbook .row > div { padding: 0.4em; }
}