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

.wrapmenu{
			min-height:112px; padding-top:35px;
			font-size: 1.15rem;
			
		}
		.carttext{
			color:#d93832;text-align: right;
		}
		.smalllogo{
			text-align: center;
			margin:0.5rem 0 0.3rem 0;
			z-index: 100;
			}
.biglogo{
	padding-right:0;
}
		.dropmenu{
			font-size:0.8rem; margin-top:-2rem;}
		.social li{
			padding:0 !important;
			
		}
		.buttoncat{
			font-size:1.15rem;background-color:#fff;color:#000;	
		padding-left:1rem;
			padding-right:1rem;
			padding-top:0.7rem;
		
		}
	.buttoncat2{
			padding-bottom:3rem;
		padding-top:0rem;
		
	}
		
		.buttoncat:hover{
			color:#d93832}
		
		.topline{
			width:100%;
			height: 1px;
			background-color: #d93832;
		}
		.topbarlarge{
						width:100%;
			height: 50px;
			background-color: #b9b7b7;
		}
		.topbarcell{
			padding: 5px;
			text-align: center;
		}

		.topbarcell3{
			padding-top:10px;
			padding-bottom:0;
			text-align: center;
		}
			.topbarcell4{
			padding:5px;
			text-align: left;
		}
		.login{font-size: 0.8rem;}
		.sectionline{
			background-image:url("/2020/images/section_line.png");
		width:100%;
			z-index:-200;
			text-align: center;
		}
		.sectiontitle{
			color:#666;
			font-size: 2rem;
			font-weight: 200;
			background-color: white;
			padding:1rem;
		}
.sectiontitle a{color:#666;}
.sectiontitle a:hover{color:#d93832;}
		.booktitle{font-size:1.2rem;}
		.booktitle a{
			
			color:#000;
		}
		.booktitle a:hover{
			
			color:red;
		}
		.wrapbook{text-align:center;padding:1rem;}
		.bookremark{
			color:red;
			font-size:0.8rem;
		}
		.bookauthor{
			color:#8c8b8b;
			font-size:0.8rem;
		}
		.booknormalprice{
			text-decoration: line-through;
			color:#8c8b8b;
			font-size:0.6rem;
		}
		.bookprice{
			color:red;
			font-size:0.8rem;
		}
.wrapbookdetail{
	color:#666;
	text-align: justify;
	padding-left:3rem;

}	
	
		.inbooknormalprice{
			text-decoration: line-through;
			color:#8c8b8b;
			font-size:1rem;
			padding-top:1rem;
		}
		.inbookprice{
			color:red;
			font-size:1.2rem;
		}

.inbooksave{}
		.bookcover{
			padding:0.5rem;
		
			padding-top:1.5rem;
			
		}
.inbooktitle{font-size: 2rem;
font-weight: 500;
color:#000;
	text-align: left !important;
}
.inbookdesc{
	text-align: justify;
	font-size: 1.2rem;
}	
.inbooksamplebutton{font-size: 0.8rem;
text-align: left;
	padding:1rem 1rem 1rem 0;
}

.inarticleby{

	font-style: italic;
	text-align: left;
	color:#666;
	padding-bottom:2rem;
}
.wraparticlepro{
			text-align: center;

		}
.wraparticlepro2{
			text-align: center;
border-left: dotted 2px #CAC9C9;

		}
.inbookauthor{font-size:1.2rem;}
		.wraparticle{
			text-align: center;
			padding-left:2rem;
			padding-right:2rem;
		}
		.promotioncover{width:300px;
			padding:0.5rem;
		
			padding-top:1.5rem;
		}
		.newstitle{
			padding-bottom:1rem;
			font-size: 1.4rem;
		}
		.newsparent {
  background: #eeeeee;
border-width:5px;
			border-style: solid;
			border-color:white;
  display:flex;
}

.newschild1 {
	border-left-width:5px;
	border-right-width:5px;
	border-top-width:1.5rem;
	border-bottom-width:0;
	margin:0;
			border-style: solid;
			border-color:white;
  width: 100%;

  min-height: 150px;
  padding: 1.5rem;
}

.newschild {  
	border-right-width:5px;
	border-left-width: 5px;
	border-top-width:0;
	border-bottom-width:0;
	margin:0;
			border-style: solid;
			border-color:white;
  width: 100%;
padding:1.5rem;
}
	.wrapfooter{
			width:100%;
			background-color: black;
			padding:2rem;
			color:white;
			margin-top:5px;
		}	
		.footertext{
			
			font-size:0.9rem;
		}
		.footertext ul{
			list-style: none;
		}
		.footertext a{
			padding-top:1rem;
			padding-bottom:1rem;
			color:white;
		}
		.footertext a:hover{
			
			color:#999;
		}
		.footertitle{
			font-size:1.1rem;
			
		}
		.footertextaddress{
			font-size:0.9rem;
			padding-left:1.2rem;
		}
		.footertextaddress a{
			color:white;
		}
		.footertextaddress a:hover{
			
			color:#999;
		}
		label {
    display: inline;
			color:#999;
}
.spaceundermenu{
	width:100%;
	height: 2rem !important;

}
	.spaceundercat{
	width:100%;
	height: 1rem !important;

}
.booklevels{
	font-size: 0.8rem;
color:#666;	
	
}
.booklevels a{
	color:#666;	
}
.booklevels a:hover{
	color:#000;
	
}
.sorttext{
	font-size: 0.8rem;
color:#666;	
	
}

.sorttext a{

color:#666;	

}
.sorttextactive{
	font-weight: 600;
	color:#888;
}
.sorttext a:hover{

color:#000;	

}

.pagetext{
padding:1rem;
color:#666;	
	text-align: center;
}
.pagetext a{color:#666;}
.pagetext a:hover{color:#000;}
.pagetextactive{	font-weight: 600;
	color:#888;}

.articlecat{
	font-size: 0.8rem;
color:#666;	
	padding-left:1rem;
	padding-right:1rem;
}
.articlecat a{
	color:#666;	
}
.articlecat a:hover{
	color:#000;
	
}
.wraparticlein{padding-left:1rem;padding-right:1rem;}
		#myBtn {
    display: none; /* Hidden by default */
    position: fixed; /* Fixed/sticky position */
    bottom: 10px; /* Place the button at the bottom of the page */
    right: 10px; /* Place the button 30px from the right */
    z-index: 99; /* Make sure it does not overlap */
    border: none; /* Remove borders */
    outline: none; /* Remove outline */
    background-color: rgba(150, 150, 150,0.5); /* Set a background color */
    color: white; /* Text color */
    cursor: pointer; /* Add a mouse pointer on hover */
    padding-top: 10px;
			padding-bottom:5px;
			padding-left:15px;
			padding-right:15px;/* Some padding */
    border-radius: 2px; /* Rounded corners */
    font-size: 40px; /* Increase font size */
}

#myBtn:hover {
    background-color: #555; /* Add a dark-grey background on hover */
}

	.wrapbookdetail2{
	
	text-align: left;
	padding-left:1.5rem;
padding-right:1.5rem;
}	
	
.wraprelated{
	width:100%;
	background: #eeeeee;
	padding:1rem;
	margin:0.5rem;
	font-size: 1rem;
	color:#000;
	text-align: center;
}



@media only screen and (max-width: 74.99875em) {
		
			.topbarlarge{
						width:100%;
			height: 50px;
			background-color: #b9b7b7;
		}
	.topbarcell{
		padding: 5px;
	}
	.topbarcell5{
		padding: 5px 5px 0 5px;
	}
.topbarcell2{
			margin-top:10px;
			text-align: center;
		}
.topbarcell3{
	font-size: 0.95rem;
			margin-bottom:0;
			text-align: center;
		}
.topbar{min-height:100px !important;
			background-color: #b9b7b7;}
.login{font-size: 0.7rem;padding-top:0.7rem}
			
			
.login2{font-size: 0.8rem;}

.wrapmenu{
				text-align: center;

			}
		.buttoncat2{
				padding-left:1rem;
		
			padding-right:1rem;
			padding-bottom:2.3rem ;}
.buttoncat{
			padding-top:0.7rem;}
	
	
		
		}
.spaceundermenu{
	width:100%;
	height: 1rem !important;
}
	.wrapbookdetail{
	
	text-align: justify;
	padding-left:2rem;

}
	.wrapbookdetail2{
	padding-right:1.5rem;
	text-align: left;
	padding-left:1rem;

}
	.spaceundercat{
	width:100%;
	height: 0 !important;

}
	.inbooktitle2{font-size: 2rem;
font-weight: 500;
color:#000;padding-top:0.5rem;text-align: center;
}
@media only screen and (max-width: 768px) {
		.topbarcell{
		padding: 0 5px 5px 5px;
	}
	.topbarcell5{
		padding: 5px 5px 0 5px;
	}
			.topbarcell2{
			margin-top:10px;

		text-align: center;
		}
		.topbar{min-height:100px !important;
			background-color: #b9b7b7;}
		.login2{font-size: 0.8rem;}
		.orbit-bullets button {
    width: 0.6rem !important;
    height: 0.6rem !important;
				
		}
		
			.wraparticle{
			text-align: center;
			padding-left:0;
			padding-right:0;
		}
		
		.wrapfooter{

			padding:1rem;

		}	
		.wrapmenu{
				text-align: center !important;
			
			}
	.buttoncat2{
			padding-left:1rem;padding-right:1rem;padding-top:0;padding-bottom:0;}
		
.spaceundermenu{
	width:100%;
	height: 1rem !important;

}
	.spaceundercat{
	width:100%;
	height: 0 !important;

}
		.sectiontitle{

			font-size: 2rem;
			font-weight: 200;
			background-color: white;
			padding-left:1rem;
			padding-right:1rem;
			padding-top:0;
			padding-bottom:0;
			line-height: 3rem;
		}
	
.wrapbookdetail{
	
	text-align: justify;
	padding-left:0rem;

}	
		.wrapbookdetail2{
	padding-right:1.5rem;
	text-align: left;
	padding-left:0.5rem;

}
	.inbooktitle{padding-top:0.5rem;
}
		.inbooktitle2{font-size: 2rem;
font-weight: 500;
color:#000;padding-top:0.5rem;text-align: center;
}
	.wraparticlepro2{
			text-align: center;
border-left: 0;
}