h1 {
	font: 600 2rem "Montserrat";
	margin-bottom: 0;
}
h3 {
	font: 600 1.2rem "Montserrat";
}
h2>a {
	font: inherit;
	color: inherit;
}
h3>a {
	font: inherit;
	color: #df1a22;
}
h4>img {
	height: 3rem;
	width: auto;
	display: block;
	margin: 0 auto;
}
img#imprint-logo {
	max-height: 3rem;
	width: auto;
	margin-right: 1rem;
}
div#banner {
	padding-bottom: 0 !important;
}
div#banner img {
	width: 100%;
	height: auto;
}
div#banner>div {
	margin: 0.5rem;
}
div.paginate {
	border: 0 !important;
	flex-basis: 100%;
}
div.paginate a {
	padding: 0.5rem 0.5rem !important;
	font: 400 0.9rem "Montserrat" !important;
	border-radius: 0.2rem;
	margin: 0.2rem;
}
div.paginate a.current-pg {
	font: inherit;
	font-weight: 600 !important;
	font-size: 1rem !important;
	background-color: rgba(0,0,0,0.03);
	border-right: 1px solid rgba(0,0,0,0.05);
	border-bottom: 1px solid rgba(0,0,0,0.05);
}
div.paginate a>span {
	font: inherit;
	font-size: 1.2rem !important;
	font-weight: 400 !important;
}
div.mainbox {
	padding: 2rem;
}
div.booklist {
	padding: 4rem 0;
	padding-top: 2rem;
	position: relative;
}
div.booklist>div {
	width: 14rem;
	padding: 1.5rem 0.5rem;
	margin: 0.4rem;
	text-align: center;
}
div.booklist>div.small {
	width: 11rem;
	margin: 0.8rem;
}
div.booklist h3 {
	font: 600 0.9rem/1.4rem "Montserrat";
	margin-bottom: 0.5rem;
}
div.booklist p {
	font: 500 0.8rem/1.3rem "Montserrat";
	font-style: italic;
	color: rgba(0,0,0,0.7);
}
div.booklist a {
	font-style: normal;
	padding: 0.05rem 0;
	font: inherit;
	color: rgba(0,0,0,0.7);
}
div.booklist p.aimprint {
	margin-top: 1em;
}
div.booklist p.aimprint a {
	font-style: italic;
}
div.booklist h3>a,
div.booklist p>a {
	border-bottom: 1px dotted rgba(0,0,0,0.3);
	font-style: normal;
}
div.booklist p>a {
	color: rgba(0,0,0,0.7);
}
div.booklist h3>a {
	/*color: #ca161d;*/
}
div.booklist img {
	width: 100%;
	margin-bottom: 0.5rem;
	border: 1px solid rgba(0,0,0,0.1);
	border-radius: 0.25rem;
	-webkit-box-shadow: 0 0 16px 0 rgba(0,0,0,0.15);
  	box-shadow: 0 0 16px 0 rgba(0,0,0,0.15);
}
div.booklist>div.Boxset {
	width: 20rem;
}
div.booklist>div.small.Boxset {
	width: 15rem;
}
div.Boxset img {
	border: 0 !important;
	-webkit-box-shadow: none!important;
	box-shadow: none !important;
}
div.Hardcover,
div.Boxset {
	position: relative;
}
div.booklist div.Hardcover:after {
	content: url(/assets/pts2019/icons/hardcover_icon.svg);
	height: 4rem;
	width: 4rem;
	top: 1rem;
	right: 0;
	position: absolute;
}
div#newsbg {
	background: no-repeat top center;
	background-size: 100%;
}
div#newshead {
	padding: 0 10rem;
	padding-top: 25rem;
	text-align: center;
	margin-bottom: 4rem;
	background: no-repeat center center;
	background-size: 100%;
}
div#newshead h1 {
	font: 800 2.5rem "Montserrat";
	color: rgba(0,0,0,0.8);
	background: white;
	padding: 1rem;
	padding-top: 2rem;
	width: 100%;
}
div#newshead p {
	background: white;
	padding: 1rem 0;
	font: 400 1.2rem "Source Sans Pro";
	color: rgba(0,0,0,0.5);
	width: 100%;
}
div#newshead span {
	font: inherit;
	color: rgba(0,0,0,0.8);
}
div#contenthead {
	background: white;
	width: 80%;
	margin: 0 auto;
	padding: 2rem;
	text-align: center;
		margin-top: -10rem;
}
div#contenthead h1 {
	font: 800 2.5rem "Montserrat";
	color: rgba(0,0,0,0.8);
}
div#contenthead p {
	font: 400 1.2rem "Source Sans Pro";
	color: rgba(0,0,0,0.5);
	text-indent: none !important;
	text-align: center;
}
div#contentbox {/*
	column-count: 2;
	column-gap: 5rem;*/
	width: 80%;
	margin: 0 auto;
	padding: 2rem 4rem;
	background: white;
}
div#contentbox * {
	font: 400 1.3rem "Source Sans Pro";
	color: rgba(0,0,0,0.8);	
}
div#contentbox p {
	text-align: justify;
	font: 400 1.3rem/2rem "Source Sans Pro";
	color: rgba(0,0,0,0.8);
	margin-bottom: 1rem;
	text-indent: 1rem;
}
div#contentbox figure {
	padding: 4rem;
}
div#contentbox img {
	width: 90%;
	height: auto;
}
div#contentbox p>span {
	font: inherit;
}
div#contentbox a {
	font: inherit;
	color: rgba(0,0,0,0.9);
	border-bottom: 1px dotted rgba(0,0,0,0.5);
}
div#contentbox ol,
div#contentbox ul {
	margin: 1rem 2rem;
}
div#contentbox li {
	margin-bottom: 1rem;
	font: 400 1.3rem/2rem "Source Sans Pro";
}
div#contentbox h2 {
	font: 700 1.5rem "Source Sans Pro";
	margin-top: 3rem;
	margin-bottom: 1rem;
}
div#textbox {
	width: 80%;
	margin: 0 auto;
	padding: 2rem 4rem;
	background: white;
	font: 400 1.3rem "Source Sans Pro";
	color: rgba(0,0,0,0.8);
}
div#textbox * {
	font: 400 1.3rem "Source Sans Pro";
	color: rgba(0,0,0,0.8);
}
div#textbox p {
	line-height: 2rem;
	margin-bottom: 1rem;
}
div#textbox p span {
	font: inherit;
}
div#textbox h3 {
	margin: 2rem 0;
	margin-top: 4rem;
	font-weight: 800;
	font-size: 1.6rem;
}
div#textbox li {
	font: inherit;
	margin: 0.5rem;
}
div#textbox ul,
div#textbox ol {
	margin: 0 2rem;
}
div#textbox a {
	border-bottom: 1px dotted rgba(0,0,0,0.9);
	color: rgba(0,0,0,0.9);
}
div#newslink a {
	padding: 1rem;
	margin: 0.25rem 0;
	background-color: rgba(0,0,0,0.02);
	border-radius: 0.2rem;
	color: rgba(0,0,0,0.8);
}
div#newslink i {
	color: #df1a22;
	margin: 0 0.5rem;
}
div#authorbox>div {
	padding: 1rem 2rem;
	width: 25%;
}
div#authorbox h5 {
	font: 600 1rem/1rem "Montserrat";
	margin-bottom: 0.5rem;
	color: rgba(0,0,0,0.7);
}
div#authorbox p {
	font: 500 0.85rem/1rem "Montserrat";
	color: rgba(0,0,0,0.6);
}
div#authorbox a {
	color: inherit;
	font: inherit;
	border-bottom: 1px dotted rgba(0,0,0,0.3);
}
div#authorbox img {
	width: 5rem;
	height: 5rem;
}
div#authorlist a {
	background-color: rgba(0,0,0,0.02);
	padding: 1rem;
	border: 1px solid rgba(0,0,0,0.1);
	margin: 0.5rem;
	color: rgba(0,0,0,0.8);
}
.newsbox {
	flex-wrap: wrap;
}
.newsbox>div {
	width: 23%;
	margin: 0.6rem;
	border: 1px solid rgba(0,0,0,0.1);
	padding-bottom: 1rem;
	-webkit-box-shadow: 0 0 16px 0 rgba(0,0,0,0.15);
	box-shadow: 0 0 16px 0 rgba(0,0,0,0.15);
	border-radius: 0.1rem;
}
.newsbox > div.paginate {
	width: 100%;
	border: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	flex-basis: 100%;
	width: 15rem;
	padding: 1.5rem .5rem;
	margin: .4rem;
	text-align: center;
}
div.paginate a {
	color: rgba(0,0,0,0.7);
}
.newsbox h4 {
	font: 600 1.2rem/1.7rem "Open Sans";
	margin-bottom: 0.5rem;
	padding: 0 1rem;
}
.newsbox h4>a {
	border-bottom: 1px dotted rgba(0,0,0,0.3);
	font: inherit;
	color: rgba(0,0,0,0.7);
}
.newsbox p {
	font: 400 0.9rem "Open Sans";
	color: rgba(0,0,0,0.6);
	padding: 0 1rem;
}
.newsbox figure {
	height: 10rem;
	width: 100%;
	margin-bottom: 1rem;
	border-top-right-radius: 0.1rem;
	border-top-left-radius: 0.1rem;
}
.hero {
	height: 25rem;
}
p.hero {
	column-count: 2;
	padding: 2rem;
	font: 400 1rem "Roboto Slab";
}
div.cat {
	padding: 0.5rem 1rem;
	padding-top: 0;
}
div.cat a {
	font: 600 0.6rem "Montserrat";
	text-transform: uppercase;
	padding: 0.3rem;
	background: rgba(0,0,0,0.05);
	color: rgba(0,0,0,0.6);
}
div.news>div {
	margin: 0.2rem 0;
	height: 15rem;
	-webkit-box-shadow: 0 0 151px 40px rgba(0,0,0,0.8) inset;
  	box-shadow: 0 0 151px 40px rgba(0,0,0,0.8) inset;
}
div.news h4 {
	font: 600 1rem/1.4rem "Montserrat";
	margin-bottom: 0.7rem;
	padding: 1rem 2rem;
}
div.news h4>a {
	font: inherit;
	color: white;
	border-bottom: 1px dotted rgba(255,255,255,0.3);
}
div#newsentry {
	position: relative;
}
div#newsentry img#hero {
	width: 100%;
	height: auto;
	margin-bottom: -10rem;
	z-index: 1;
	position: relative;
}
div#newsbox {
	border-top: 5px solid #ee322c;
	background-color: #fff;
	padding: 3rem;
	max-width: 90%;
	margin: auto;
	z-index: 1000;
	position: relative;
}
div#newsbox p {
	font: 400 1.2rem/1.7rem "Noto Serif SC";
	margin-bottom: 1rem;
	text-indent: 2rem;
}
div#newsbox i {
	font: inherit;
	font-style: italic;
}
div#newsbox a,
div#newsbox b,
div#newsbox span {
	font: inherit;
}
div#newsbox a {
	border-bottom: 1px dotted #ee322c;
	color: #ee322c;
}
div#newsbox ol {
	margin: 1rem 3rem;
}
div#newsbox img {
	max-width: 100%;
	height: auto;
}
div#imprint div {
	justify-content: space-between;
	padding: 1rem 1.5rem;
}
div#imprint img {
	height: 3.5rem;
}

div.tabnav {
	padding-bottom: 1rem;
}
div.tabnav h4 {
	font: 400 1.1rem "Montserrat";
	text-transform: uppercase;
	
}
div.tabnav h4>a {
	margin: 0;
	padding: 1rem 1.5rem;
	font: inherit;
	color: rgba(0,0,0,0.5);
	border-bottom: 1px solid rgba(0,0,0,0.08);
}
div.tabnav h4.active>a {
	border-bottom: 3px solid #df1a22;
	color: #df1a22;
	font-weight: 700;
}
div.tabnav h4>a:focus,
div.tabnav h4>a:active {
	color: #df1a22;
}
div.tabnav h4>a:hover {
	border-color: rgba(0,0,0,0.2);
}
div#bk_cover {
	padding-right: 2rem;
	width: 35%;
}
div.Hardcover {
	position: relative;
}
div#bk_cover.Hardcover:after {
	content: url(/assets/pts2019/icons/hardcover_icon.svg);
	height: 4rem;
	width: 4rem;
	top: 1rem;
	right: 0;
	position: absolute;
}
div#bk_cover img {
	width: 100%;
	border: 1px solid rgba(0,0,0,0.1);
	border-radius: 0.3rem;
	-webkit-box-shadow: 0 0 16px 0 rgba(0,0,0,0.15);
  	box-shadow: 0 0 16px 0 rgba(0,0,0,0.15);
  	margin-right: 2rem;
}
div#prodimg a {
	margin: 0.2rem;
	width: 22%;
}
div.book h1 {
	font: 600 1.7rem "Montserrat";
	color: rgba(0,0,0,0.9);
	margin-bottom: 1rem;
}
div.bk_info {
	padding: 1rem 0;
	width: 70%;
}
div.bk_info p.bk_author {
	font: 400 1.2rem "Montserrat";
	font-style: italic;
	color: rgba(0,0,0,0.6);
	margin-bottom: 0.5rem;
}
div.bk_info p.bk_author>a {
	font: inherit;
	font-style: normal;
	font-weight: 500;
	border-bottom: 1px dotted rgba(0,0,0,0.3);
	color: #ca161d;
}
div.bk_spec {
	padding: 0.5rem 0;
}
div.bk_spec p {
	font: 400 0.9rem "Open Sans";
	padding-right: 2rem;
	color: rgba(0,0,0,0.8);
}
div.bk_spec a {
	font: inherit;
	border-bottom: 1px dotted rgba(0,0,0,0.3);
	color: #ca161d
}
div.bk_summary {
	padding: 1rem 0;
}
div.bk_summary p {
	font: 500 0.9rem/1.2rem "Open Sans";
	color: rgba(0,0,0,0.8);
}
div.bk_price {
	margin: 1rem 0;
}
div.bk_price span {
	color: rgba(0,0,0,0.7);
	padding: 0.5rem 0.75rem;
	font: 700 0.8em "Montserrat";
	margin-right: 0.5rem;
	border: 2px solid rgba(0,0,0,0.4);
	border: 0;
	border-right: 1px solid rgba(0,0,0,0.1);
	border-bottom: 1px solid rgba(0,0,0,0.1);
	background-color: rgb(0,0,0,0.05);
}
div.bk_price span i {
	font: 500 0.8em "Montserrat";
	color: rgba(0,0,0,0.6);
	padding-left: 0.5rem;
}

div.bk_price p {
	font: 500 0.8rem "Montserrat";
}
div.bk_price p>a {
	font: inherit;
	border-bottom: 1px dotted rgba(0,0,0,0.3);
}
div#buybox {
	padding: 1rem 0;
}
div#buybox h6 {
	font: 500 0.8rem "Montserrat";
	margin-bottom: 0.5rem;
	color: rgba(0,0,0,0.8);
	text-transform: uppercase;
}
div#buybox>div {
	margin-right: 0.5rem;
}
a.buy_book svg {
	height: 0.8rem;
	margin-right: 0.5rem;
	fill: rgba(255,255,255,0.8);
}
a.buy_book {
	height: 2rem;
	padding: 0.2rem 1rem;
	border-radius: 0.2rem;
	display: inline-block;
	font: 600 0.8rem "Montserrat";
	line-height: 2rem;
	color: white;
	background-color: #2D7AED;
}	
a.buy_book>span {
	font: inherit;
}
a.buy_ebook {
	border-radius: 0.2rem;
	display: inline-block;
	height: 2rem;
	padding: 0.2rem;
	border: 1px solid rgba(0, 0, 0, 0.1);
}
a.buy_ebook img {
	height: 100%;
	width: auto;
}
label.bookformat {
	display: inline-block;
	padding: 0.5rem;
	border-radius: 0.2rem;
	border: 1px solid rgba(0,0,0,0.5);
	font: 600 0.8rem "Montserrat";
	text-transform: uppercase;
	color: rgba(0, 0, 0, 0.8);
	margin-bottom: 0.5rem;
}
a.more {
	margin: 2rem auto;
	padding: 1rem 2rem;
	border: 1px solid rgba(0,0,0,0.1);
	background: rgba(0,0,0,0.03);
	font: 800 1rem "Montserrat";
	color: rgba(0,0,0,0.7);
	text-transform: uppercase;
}
a.more i {
	margin-left: 0.5rem;
}
div#footer {
	background: white;
	margin-top: 7rem;
	padding: 5rem;
	padding-bottom: 2rem;
	border-top: 1px solid rgba(0,0,0,0.1);
}
div#subfooter {
	padding: 1rem 5rem;
	background: white;
}
div#footer>div>div {
	padding: 2rem;
}
div#footer h3 {
	font: 600 1rem "Montserrat";
	text-transform: uppercase;
	color: rgba(0,0,0,0.7);
	margin-bottom: 0.5rem;
}
div#footer ul {
	list-style: none;
	margin-bottom: 1.5rem;
}
div#footer ul li {
	padding-bottom: 0.75rem;
	font: 400 0.9rem "Montserrat";
}
div#footer ul li a {
	color: rgba(0,0,0,0.8);
	font: inherit;
	border-bottom: 1px dotted rgba(0,0,0,0.5);
}
div#footer p {
	font: 400 0.9rem/1.2rem "Montserrat";
	color: rgba(0,0,0,0.8);
	margin-bottom: 1rem;
}
div#footer i {
	margin-right: 0.5rem;
}
div#subfooter {
	padding-bottom: 5rem;
	background: white;
}
div#subfooter img {
	height: 3rem;
	width: auto;
}
div#subfooter p {
	font: 400 0.8rem "Montserrat";
	color: rgba(0,0,0,0.8);
	padding: 1rem;
}
div#socialfooter {
	padding: 3rem;
	background: white;
}
div#socialfooter i {
	font-size: 2rem;
	color: rgba(0,0,0,0.5);
}
div#socialfooter a {
	margin: 1rem 2rem;
}
div#copy {
	text-align: center;
}
div#copy img {
	height: 3rem;
}
div#copy p {
	font: 400 0.7rem/2rem "Montserrat";
	color: rgba(0,0,0,0.6);
}
div#btn-contact {
	text-align: center;
	padding: 1rem 0;
}
div#btn-contact>a {
	display: inline-block;
	padding: 1rem 2rem;
	font: 600 0.8rem "Montserrat";
	border: 2px solid #ca161d;
	color: #ca161d;
}
/*
	SEARCH RESULT
*/
div.searchlist>div {
	width: 20%;
	padding: 1rem 1rem;
}
div.searchlist>div>div {
	width: 60%;
}
div.searchlist figure {
	width: 40%;
	padding-right: 0.5rem;
}
div.searchlist img {
	width: 100%;
	height: auto;

}
div.searchlist h3 {
	font: 600 0.9rem/1rem "Open Sans";
	margin-bottom: 0.5rem;
	color: rgba(0,0,0,0.9);
}
div.searchlist p {
	color: rgba(0,0,0,0.7);
	font: 400 0.85rem/1rem "Open Sans";
}
div.searchlist a {
	color: inherit;
}
/*
	TAB CONTENT
*/
div.tab-content>div {
	display: none;
	padding: 2rem 0;
}
div.tab-content {
	font: 400 1.2rem/1.5rem "Open Sans";
	color: rgba(0,0,0,0.8);
}
div.tab-content p {
	margin-bottom: 1rem;
}
div.tab-content > div > ul,
div.tab-content > div> ol {
	margin: 1rem 2rem;
}
div.tab-content h4 {
	text-align: center;
}
ul.tabnav {
	list-style: none;
	border-bottom: 1px solid rgba(0,0,0,0.05);
}
ul.tabnav li {
	font: 800 1rem "Montserrat";
	position: relative;
}
ul.tabnav li>a {
	font: inherit;
	padding: 1rem 1.5rem;
	padding-left: 0;
	display: block;
	color: rgb(0,0,0,0.6);
}
ul.tabnav li.active>a {
	color: #ca161d;
/*	border-bottom: 2px solid #ca161d;	*/
	font-weight: 800;
}
ul.tabnav li.active::after {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 50%;
	border-bottom: 3px solid rgba(0,0,0,0.2);
}
article {
	font: 400 0.9rem "Open Sans";
	color: rgba(0,0,0,0.8);
}
article p {
	font: inherit;
	line-height: 1.5rem;
	margin-bottom: 1rem;
}
div#more {
	padding: 2rem 0;
	margin-top: -1rem;
	background: rgb(255,255,255);
	background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); 
}
div.buy {
	text-align: center;
	font: 600 0.8rem "Montserrat";
	padding: 0.75rem 0;
}
div.buy a {
	display: inline-block;
	border: 2px solid rgba(0,0,0,0.1);
	border-radius: 0.2rem;
	padding: 0.25rem 0.5rem;
	background-color: #2d7aee;
}
div.buy img {
	height: 0.6rem;
	width: auto;
	border: 0;
	margin: 0;
	margin-right: 0.25rem;
	box-shadow: 0;
	opacity: 0.8;
}
div.buy svg {
	margin-top: 1px;
	height: 0.8rem;
	width: auto;
	fill: rgba(255,255,255,0.8);
	margin-right: 0.25rem;
}
div.buy i {
	color: rgba(255,255,255,0.8);
	font-size: 1rem;
	margin-right: 0.5rem;
}
div.buy a span {
	color: rgba(255,255,255,0.9);
	font: inherit;
}
span.akanterbit {
	font: 600 0.65rem "Montserrat";
	display: inline-block;
	border: 2px solid rgba(0,0,0,0.2);
	border-radius: 0.2rem;
	padding: 0.25rem 0.5rem;
	margin: 0.75rem 0;
	color: rgba(0,0,0,0.5);
}
.contactbox {
	padding: 1rem;
}
.contactbox>div {
	padding: 1rem 0;
}
.contactbox * {
	font-size: 0.9rem;
}

.contactbox p {
	font: 400 0.9rem/1.3rem "Roboto";
}
.contactbox ul {
	padding: 1rem 0;
}
.contactbox li {
	display: block;
	padding: 0.25rem 0;
}
.contactbox li img {
	height: 1rem;
	width: auto;
	margin-right: 0.5rem;
	opacity: 0.3;
}
.contactbox iframe {
	border: 5px solid rgba(0,0,0,0.2);
	width: 100%;
	height: 360px;
}
.contactbox h3 {
	margin: 0.5rem 0;
}
.contactbox a>span {
	border-bottom: 1px dotted rgba(0,0,0,0.3);
}
#borang label {
	font: 400 1rem "Montserrat";
	display: block;
	padding-bottom: 0.5rem;
}
#borang>div {
	padding: 1rem 0;
}
#borang input,
#borang select,
#borang textarea {
	padding: 0.5rem;
	border: 1px solid rgba(0,0,0,0.3);
	width: 98%;
}
#borang input,
#borang select {
	height: 2.5rem;
}
#borang div {
	flex: 1;
}
#boxsubmit button {
	padding: 0.5rem 1rem;
	border: 0;
	background-color: #2d7aee;
}
#boxsubmit span {
	font: 700 1rem "Montserrat";
	text-transform: uppercase;
	color: #fff;
}
div.boxhead {
	flex: 100%;
	text-align: left !important;
}
div.boxhead h2 {
	font: 800 1.2rem "Montserrat";
	color: #ca161d;
	color: rgba(0,0,0,0.6);
	position: relative;
	padding-right: 0.5rem;
	background: #fff;
	margin-bottom: 2rem;
	padding-bottom: 1rem;
	flex: 100%;
}
div.boxhead h2::after {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 3rem;
	border-bottom: 3px solid rgba(0,0,0,0.2);
	border-color: #df1a22;
}
div.boxhead h2::before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	border-bottom: 0px solid rgba(0,0,0,0.1);
}
div.boxhead p {
	font: 500 1rem "Montserrat";
	color: rgba(0,0,0,0.5);
}
div.staff>div {
	width: 25%;
	padding: 2rem;
}
div.staff img {
	width: 100%;
	height: auto;
	border: 1px solid rgba(0,0,0,0.1);
}
div.staff h3 {
	font: 600 0.9rem/1rem "Open Sans";
	padding: 0.5rem 1rem;
}
div.staff p {
	font: 400 0.8rem "Montserrat";
	color: rgba(0,0,0,0.7);
	padding: 0 1rem;
}
div.staff2 div {
	padding: 1rem;
}
div.staff2 img {
	width: 100%;
	height: auto;
	border: 1px solid rgba(0,0,0,0.1);
}
div.staff2 h3 {
	font: 600 0.9rem/1rem "Open Sans";
	padding: 0.5rem 1rem;
}
div.staff2 p {
	font: 400 0.8rem "Montserrat";
	color: rgba(0,0,0,0.7);
	padding: 0 1rem;
}
#pg2 #t2 {
	color: #ca161d;
    font-weight: 800;
}
div#boxsocial2 {
	margin: 1rem 0;
}
div#boxsocial2 #st-1 {
	text-align: left !important;
}
a.a-link {
	border-bottom: 1px dotted rgba(0,0,0,0.5) !important;
	color: rgba(0,0,0,0.8) !important;
}
a.a-link::before {
	content: "\f0c1";
	font-family: "Font Awesome 5 Free";
  	font-weight: 900;
  	margin-right: 0.5rem;
}
a.bconline i {
	margin-right: 0.5rem;
}
a.bconline {
	background-color: #652f91;
	color: #fff !important;
}
a.bconline:hover {
	color: #652f91 !important;
}
div#notice {
	border: 5px solid #df1a22;
	padding: 2rem;
}
div#notice p {
	line-height: 1.4rem;
	font-size: 0.9rem;
	margin-bottom: 0.5rem;
}
div#notice p:last-child {
	margin-bottom: 0;
}
div#erratabox>div {
	padding: 2rem 1rem;
	border-bottom: 1px solid rgba(0,0,0,0.3);
}
div#erratabox .flexy>div {
	padding: 1rem;

}
div#erratabox .flexy>div:first-child {
	width: 25% !important;
}
div.errbooks {
	padding-bottom: 1rem;
}
div.errbooks + div {
	padding: 1rem 0;
}
div.errbooks img {
	width: 10rem;
	height: auto;
	margin-right: 1rem;
	border: 1px solid rgba(0,0,0,0.1);
	border-radius: 0.25rem;
	-webkit-box-shadow: 0 0 16px 0 rgba(0,0,0,0.15);
	box-shadow: 0 0 16px 0 rgba(0,0,0,0.15);
}
div.errbooks h5>a {
	padding: 0.05rem 0;
	font: inherit;
	color: rgba(0,0,0,0.7);
	border-bottom: 1px dotted rgba(0,0,0,0.3);
}
div.errata_text p {
	margin-bottom: 1rem;
}
p.errata_file a {
	color: rgba(0,0,0,0.7);
	border-bottom: 1px dotted rgba(0,0,0,0.3);
}
p.errata_pg {
	display: inline-block;
	font: 600 0.9rem "Roboto";
	color: black;
}
img.err_img {
	width: 100%;
	height: auto;
}
div.errs {
	display: grid;
	grid-template-columns: 10em 10em 1fr;
	grid-column-gap: 0.5rem
}
div#services img {
	height: 3rem;
	width: auto;
}
div#ecommercebox img {
	height: 2rem;
	width: auto;
	margin-right: 0.5rem;
}
div#ecommercebox a {
	margin: 0.2rem;
}
div#ecommercebox a>span {
	color: white;
}
div#ecommercebox a.bookcafe {
	padding: 0.2rem 0.5rem;
	background-color: #652f91;
}
div#ecommercebox a.shopee {
	padding: 0.2rem 0.5rem;
	background-color: #e85206;
}
div#ecommercebox a.laz {
	padding: 0.2rem 0.5rem;
	background-color: #2a388b;
}
div#ecommercebox a.whatsapp {
	padding: 0.2rem 0.5rem;
	background-color: #25d366;
}
ul#ul-cat {
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	max-width: 80%;
	margin: 0 auto;
	justify-content: center;
}
ul#ul-cat li {
	display: block;
	padding: 0.3rem 0.7rem;
	background-color: rgba(0,0,0,0.05);
	font: 400 0.9rem "Montserrat";
	margin: 0.25rem;
	border-radius: 1rem;
}
ul#ul-cat li>a {
	font: inherit;
	color: #df1a22;
}
h2.en {
	font: 600 1.5rem montserrat;
	font-style: italic;
	color: rgba(0,0,0,.9);
	margin-bottom: 1rem;
}
div.enbox p {
	font-style: italic;
} /*
div#oshopbox a {
	display: flex;
	align-items: center;
	color: rgba(0,0,0,0.8);
	opacity: 0.9;
	justify-content: center;
} */
div#oshopbox {
	padding: 1rem 0;
}
div#oshopbox a {
	color: rgba(0,0,0,0.8);
	opacity: 0.9;
}
div#oshopbox a:hover {
	opacity: 1;
}
div#oshopbox a img {
	height: 3rem;
	width: auto;
}
div#oshopbox a:hover img {
} 
div#oshopbox a span {
	font: 600 1rem "Montserrat";
	color: inherit;
}
div#oshopbox2 {
	display: flex;
	align-self: center;
}
div#oshopbox2 a {
	text-align: center;
	margin: 0.5rem 2rem;
}
div#oshopbox2 span {
	display: block;
	font: 600 1.4rem "Montserrat";
	color: inherit;
	margin-top: -0.1rem;
}
div#oshopbox2 img {
	height: 4rem;
	width: auto;
}
.tns-horizontal.tns-subpixel > .tns-item {
	display: inline-flex !important;
	align-items: center !important;
}
div.gridbox {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(360px,1fr));
	gap: 2.5rem;
}
div.gridpromo {
	border: 0px solid rgba(0,0,0,0.2);
	padding: 0rem;
}
div.gridpromo h3 {
	text-align: center;
	font-size: 1rem;
	margin-bottom: 0.5rem;
	text-transform: uppercase;
}
div.gridpromo img {
	border-radius: 0.2rem;
	border: 1px solid rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 0 0.5rem 0 rgba(0,0,0,0.15);
  	box-shadow: 0 0 0.5rem 0 rgba(0,0,0,0.15);
  	margin-bottom: 0.5rem;
}
div#flyertable {
	max-width: 60%;
	margin: 0 auto;
}
div#flyertable>div {
	padding: 1rem;
	text-align: center;
}
div#flyertable>div img {
	width: 100%;
	height: auto;
	padding: 0.1rem;
	border: 1px solid rgba(0,0,0,0.5);
}
div#flyertable abbr {
	border-bottom: none !important;
  	cursor: inherit !important;
  	text-decoration: none !important;
}
div#promonews {
	max-width: 60vw;
	margin:  1rem auto;
}
div#promonews>div {
	border: 1px solid rgba(0,0,0,0.1);
	padding: 1rem;
}
div#promonews a {
	color: inherit;
}
div#promonews h3 {
	font: 700 1rem "Source Sans Pro";
	margin-bottom: 0.5rem;
}
div#promonews>div>img {
	margin-right: 1rem;
}
div#promonews p {
	font: 500 1rem "Source Sans Pro";
	line-height: 1.2rem;
	color: rgba(0,0,0,0.8);
}
p.promo_link {
	margin-top: 1rem;
}
p.promo_link a {
	border-bottom: 1px dotted rgba(0,0,0,0.6);
}
div.articles {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(280px,1fr));
	gap: 1.5rem;	
}
div.articles>div {
	border: 1px solid rgba(0,0,0,0.2);
	padding-bottom: 1rem;
}
div.articles img {
	width: 100%;
	height: auto;
}
div.articles h4 {
	font: 500 0.8rem "Source Sans Pro";
	color: rgba(0,0,0,0.9);
	margin: 0.5rem 0;
	padding: 0 1rem;
}
div.articles h4>a {
	color: rgba(0,0,0,0.9);
}
div.articles p {
	font:  400 0.9rem "Source Sans Pro";
	color: rgba(0,0,0,0.7);
	padding: 0 1rem;
}
div.articles figure {
	height: 10rem;
	width: 100%;
	margin-bottom: 1rem;
	border-top-right-radius: 0.1rem;
	border-top-left-radius: 0.1rem;
}
.grid {
	display: grid;
	place-items: center;
}

.gc-4 {
	grid-template-columns: repeat(4, 1fr);
	grid-template-areas:
    ". a a ."
    ". a a .";
}
.gc-5 {
	grid-template-columns: repeat(5, 1fr);
}
.grid>div {
	grid-area: a;
}
.gc-center {
	/*justify-items: center;*/
}
div.tabsbox {
	margin-top: 2rem;
	display: flex;
	justify-content: center;
	align-items: center;
}
div.tabsbox a {
	padding: 1rem 2rem;
	border: 1px solid red;
	font: 500 1rem "Source Sans Pro";
}
div.tabsbox a.selected {
	color: white;
	background-color: red;
}
div.tabsbox a:hover {
	cursor: pointer;
}

@media screen and (min-width: 541px) and (max-width: 1024px) {
	.newsbox>div {
		width: 30%;
	}
}
@media screen and (max-width: 540px) {
	div.gridbox {
		grid-template-columns: repeat(auto-fill, minmax(100%,1fr));
	}
	div#notice {
		border: 5px solid #df1a22;
		padding: 1rem;
	}
	div#mainbox {
		padding: 2rem 0;
	}
	div#bk_cover {
		padding-right: 0;
		width: 100% !important;
	}
	div#bk_cover img {
		margin: 0;
	}
	a {
		color: #ca161d;
	}
	div#news>div {
		width: 100%;
	}
	div.book {
		flex-wrap: wrap;
	}
	div.bk_info {
		width: 100%;
	}
	div#footer {
		flex-wrap: wrap;
		padding: 3rem 2rem;
	}
	div#footer .flexy {
		flex-wrap: wrap;
	}
	div#footer-address {
		width: 100%;
	}
	div#footer-address>div {
		flex-wrap: nowrap;
		width: 100%;
	}
	div#footer>div.w30 {
		width: 100%;
	}
	div#btn-contact {

	}
	ul.tabnav {
		width: 70%;
		margin: 0 auto;
		flex-wrap: wrap;
		border: 1px solid rgba(202, 22, 29, 0.7);
	}
	ul.tabnav li {
		width: 100%;
		display: none;
		position: relative;
		font-size: 0.8rem;
	}
	ul.tabnav li > a {
		padding-left: 1rem;
	}
	ul.tabnav li.active {
		order: -1;
		display: block;
	}
	ul.tabnav li.active::after {
		display: none;
	}
	ul.tabnav li.active>a {
		border-bottom: 1px solid rgba(202, 22, 29, 0.4) !important;
	}
	ul.tabnav li.active>a::after {
		padding-right: 1rem;
		content: "\25BE";
		content: "\025BF";
		font-size: 1.2rem;
		line-height: 1rem;
		right: 0;
		position: absolute;
		font-weight: 800;
		/*
		font: 800 1rem "Montserrat";*/
	}
	
	span.akanterbit {
		font-size: 0.75rem;
	}
	div.buy {
		font-size: 0.75rem;
	}
	div#newshead {
		padding: 0;
		margin-bottom: 0;
	}
	div#newshead img {
		width: 100%;
		height: auto;
	}
	div#newshead h1 {
		font-size: 1.5rem;
	}
	div#newshead p {
		font-size: 1rem !important;
	}
	div#newsbox {
		padding: 1.5rem;
		max-width: 100%;
	}
	div#contentbox,
	div#contenthead,
	div#textbox {
		width: 100%;
		padding: 2rem 0.5rem;
	}
	div#contenthead {
		margin-top: 0;
		padding-top: 0;
	}
	div#contenthead h1 {
		font-size: 2rem;
	}
	div#contentbox *,
	div#textbox * {
		font-size: 1.1rem !important;
	}
	div#contentbox p {
		text-indent: 0;
		line-height: 1.7rem;
	}
	div#contentbox i {
		font-style: italic;
	}
	div#authorbox>div {
		width: 50%;
	}
	.newsbox>div {
		width: 100%;
		margin: 0.5rem 0;
		padding: 1rem 0.5rem;
	}
	div#contentbox img {
		width: 95%;
	}
	div#contentbox figure {
		padding: 1rem;
	}
	div#newslink {
		flex-wrap: wrap;
	}
	div#newslink a {
		width: 100%;
	}
	div.booklist>div,
	div.booklist > div.small {
		width: 45% !important;
		margin: 0.4rem !important;
	}
	div.news > div {
		width: 100%;
	}
	div#newsentry img#hero {
		margin-bottom: -1rem;
	}
	div.imgblock img {
		width: 100%;
		height: auto;
	}
	div.searchlist>div {
		width: 100%;
	}
	div.searchlist>div>div {
		width: 70%;
	}
	div.searchlist figure {
		width: 30%;
	}
	.contactbox > div {
		display: block;
		width: 100%;
	}
	.contactbox > div > div {
		display: block;
		
	}
	div.errata_text img {
		width: 100%;
		height: auto;
	}
	div#services {
		flex-wrap: wrap;
		align-items: center;
	}
	div#services a {
		margin: 0.5rem;
	}
	div#services img {
		height: 2rem;
		width: auto;
	}
	div.booklist div.Hardcover:after {
		height: 3rem;
		width: 3rem;
	}
	div#bk_cover.Hardcover:after {
		top: 0.5rem;
		right: -0.5rem;
	}
	div#flyertable {
		display: block;
	}
	div.booklist>div.Boxset {
		width: 15rem !important;
	}
	div#promotion h1 {
		font-size: 1.3rem;
	}
	div#promonews {
		max-width: 100%;
	}

	div#promonews img {
		width: 100%;
		height: auto;
	}
	div#promonews>div {
		display: block;
	}
	div#promonews>div>img {
		margin-right: 0;
	}
	div.errs {
		display: block;
	}
	div#socialfooter a {
		margin: 1rem;
	}
	.staff>div {
		width: 50% !important;
		padding: 1rem !important;
	}
	.staff>div h3 {
		font-size: 0.85rem;
		padding: 0.5rem !important;
	}
	.staff p {
		padding: 0 0.5rem !important;
	}
	div.tabsbox a {
		padding: 1rem 0.5rem;
	}
}