/*--
Author: W3layouts
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
--*/

@font-face{
    font-family: 'Poppins-Regular';
	src:url(../fonts/Poppins-Regular.ttf) format('truetype');
}
@font-face{
    font-family: 'Poppins-Medium';
	src:url(../fonts/Poppins-Medium.ttf) format('truetype');
}
@font-face{
    font-family: 'Poppins-Bold';
	src:url(../fonts/Poppins-Bold.ttf) format('truetype');
}
@font-face{
    font-family: 'Quicksand-Regular';
	src:url(../fonts/Quicksand-Regular.ttf) format('truetype');
}
@font-face{
    font-family: 'Quicksand-SemiBold';
	src:url(../fonts/Quicksand-SemiBold.ttf) format('truetype');
}
@font-face{
    font-family: 'Quicksand-Bold';
	src:url(../fonts/Quicksand-Bold.ttf) format('truetype');
}
@font-face{
    font-family: 'DMSans-Bold';
	src:url(../fonts/DMSans-Bold.ttf) format('truetype');
}
@font-face{
    font-family: 'DMSans';
	src:url(../fonts/DMSans-Regular.ttf) format('truetype');
}

.fontFamily3 {
	font-family:'Poppins-Regular';
}
.fontFamily4 {
	font-family:'Poppins-Medium';
}
.fontFamily5 {
	font-family:'Poppins-Bold';
}
.fontFamily6 {
	font-family:'Quicksand-Regular';
}
.fontFamily7 {
	font-family:'Quicksand-SemiBold';
}
.fontFamily8 {
	font-family:'Quicksand-Bold';
}
.fontFamily9 {
	font-family:'DMSans-Bold';
}
.fontFamily10 {
	font-family:'DMSans';
}
.margine {
	clear:both;
}
.margine10 {
	clear:both;
	margin-bottom:10px;
}
.margine20 {
	clear:both;
	margin-bottom:20px;
}
.margine1 {
	clear:both;
	margin-bottom:1em;
}
.margine2 {
	clear:both;
	margin-bottom:2em;
}

.marginAtas {
	padding-top:4.5em;
}

.marginAtas2 {
	padding-top:14em;
}
/*#movetop {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 15px;
  z-index: 99;
  font-size: 18px;
  cursor: pointer;
  color: #fff;
  width: 250px;
  height: auto;
  padding: 0;
  transition: 0.3s ease-out;
  border:1px solid;
}*/
#movetop {
	display: none;
	text-decoration: none;
	position: fixed;
	bottom: 25px;
	right: 2%;
	overflow: hidden;
	z-index: 999;
	width: 32px;
	height: 32px;
	border: none;
	text-indent: 100%;
	background: url(../images/arr.png) no-repeat 0px 0px;
}

.border1 {
	border:1px solid;
}

.frameHubKami {
	background: #FADD5C;
	padding: 2em 0px;
	color: #D47115;
}

.frameHubKami .frameContent {
	width:80%;
	margin:auto;
}

.frameHubKami .frameContent .title {
	text-align:center;
	font-size:30px;
	padding-bottom:20px;
}

.frameHubKami .frameContent .wording {
	text-align:center;
	font-size:20px;
}


@media(max-width:1440px){

}

@media(max-width:1366px){

}

@media(max-width:1280px){

}

@media(max-width:1080px){

}

@media(max-width:1024px){

}

@media(max-width:991px){

}

@media(max-width:900px){

}

@media(max-width:800px){

}

@media(max-width:767px){

}

@media(max-width:667px){
	.frameHubKami .frameContent {
		width:90%;
		margin:auto;
	}

	.frameHubKami .frameContent .title {
		font-size:25px;
		padding-bottom:20px;
	}
}

@media(max-width:640px){

}

@media(max-width:600px){
	.frameHubKami .frameContent {
		width:98%;
		margin:auto;
	}

	.frameHubKami .frameContent .title {
		font-size:25px;
		padding-bottom:20px;
	}
	
	.frameHubKami .frameContent .wording {
		font-size:18px;
	}
}

@media(max-width:480px){
	.frameHubKami .frameContent {
		width:98%;
		margin:auto;
	}

	.frameHubKami .frameContent .title {
		font-size:23px;
		padding-bottom:20px;
	}
	
	.frameHubKami .frameContent .wording {
		font-size:16px;
	}
}

@media(max-width:440px){
	.frameHubKami .frameContent {
		width:100%;
		margin:auto;
	}

	.frameHubKami .frameContent .title {
		font-size:20px;
		padding-bottom:20px;
	}
	
	.frameHubKami .frameContent .wording {
		font-size:14px;
	}
}

@media(max-width:414px){

}

@media(max-width:375px){
	.frameHubKami {
		padding: 2em 10px;
	}
	.frameHubKami .frameContent {
		width:100%;
		margin:auto;
	}

	.frameHubKami .frameContent .title {
		font-size:20px;
		padding-bottom:20px;
	}
	
	.frameHubKami .frameContent .wording {
		font-size:14px;
	}
}

@media(max-width:320px){

}

.frameAddrMap {
	width:100%;
	padding-top:2em;
	padding-bottom:2em;
}

.frameAddrMap .frameContent {
	width:80%;
	margin:auto;
	border:1px solid;
	border-radius:5px;
	border-color:#D47115;
	padding-left:3em;
	padding-right:3em;
	padding-top:2em;
	padding-bottom:2em;
}

.frameAddrMap .frameContent .isiTitle {
	width:95%;
	color: #D47115;
	font-family: 'Roboto Slab';
	font-size:22px;
	font-weight:600;
	padding-bottom:10px;
	padding-top:10px;
	line-height:30px;
}

.frameAddrMap .frameContent .isi {
	width:95%;
	color: #D47115;
	font-family: 'Roboto Slab';
	font-size:18px;
	line-height:30px;
}

.frameAddrMap .frameContent .isi a {
	color: #D47115;
	text-decoration:none;
}

.frameAddrMap .frameContent .isi a:hover {
	color:#0000FF;
	text-decoration:none
}

.frameAddrMap .frameContent .peta {
	width:100%;
	height:400px;
	border:2px solid #D47115;
	margin-top:2em;
}



@media(max-width:1440px){

}

@media(max-width:1366px){

}

@media(max-width:1280px){

}

@media(max-width:1080px){

}

@media(max-width:1024px){

}

@media(max-width:991px){

}

@media(max-width:900px){

}

@media(max-width:800px){

}

@media(max-width:767px){
	.frameAddrMap .frameContent {
		width:90%;
		margin:auto;
		padding-left:3em;
		padding-right:3em;
		padding-top:2em;
		padding-bottom:2em;
	}
	
	.frameAddrMap .frameContent .isiTitle {
		width:100%;
		font-size:20px;
		padding-bottom:10px;
		padding-top:10px;
		line-height:30px;
	}
	
	.frameAddrMap .frameContent .isi {
		width:100%;
		font-size:16px;
		line-height:30px;
	}
}

@media(max-width:667px){

}

@media(max-width:640px){

}

@media(max-width:600px){

}

@media(max-width:480px){
	.frameAddrMap .frameContent {
		width:95%;
		margin:auto;
		padding-left:2em;
		padding-right:2em;
		padding-top:2em;
		padding-bottom:2em;
	}
	
	.frameAddrMap .frameContent .isiTitle {
		width:100%;
		font-size:18px;
		padding-bottom:10px;
		padding-top:10px;
		line-height:30px;
	}
	
	.frameAddrMap .frameContent .isi {
		width:100%;
		font-size:14px;
		line-height:30px;
	}
	
	.frameAddrMap .frameContent .peta {
		width:100%;
		height:350px;
		margin-top:2em;
	}
}

@media(max-width:440px){

}

@media(max-width:414px){
	.frameAddrMap .frameContent {
		width:95%;
		margin:auto;
		padding-left:2em;
		padding-right:2em;
		padding-top:1em;
		padding-bottom:1em;
	}
	
	.frameAddrMap .frameContent .isiTitle {
		width:100%;
		font-size:16px;
		padding-bottom:10px;
		padding-top:10px;
		line-height:30px;
	}
	
	.frameAddrMap .frameContent .isi {
		width:100%;
		font-size:13px;
		line-height:30px;
	}
	
	.frameAddrMap .frameContent .peta {
		width:100%;
		height:300px;
		margin-top:2em;
	}
}

@media(max-width:375px){

}

@media(max-width:320px){

}

.frameArticleMaster {
	width:100%;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:20px;
	padding-right:20px;
}

.frameArticleMaster .frameArticle {
	width:100%;
	padding:10px;
	margin-bottom:15px;
	border-bottom:1px solid #EDEDED;
}

.frameArticleMaster .frameArticle .contentArticle {
	width:90%;
	float:left;
	padding-right:20px;
	cursor:pointer;
}

.frameArticleMaster .frameArticle .contentArticle:hover {
	opacity:50%;
}

.frameArticleMaster .frameArticle .contentArticle .title {
	width:100%;
	color:#B35F12;
	font-family:'Adobe Garamond Regular';
	font-size:18px;
	padding-bottom:10px;
}

.frameArticleMaster .frameArticle .contentArticle .source {
	color:#000;
	font-size:12px;
	font-family: 'Roboto Slab';
	line-height:normal;
}

.frameArticleMaster .frameArticle .linkFile {
	width:10%;
	float:left;
	text-align:center;
}

.frameArticleMaster .frameArticle .linkFile .linkTitle {
	color:#FF0000;
	padding-bottom:5px;
	font-size:12px;
}

.frameArticleMaster .frameArticle .linkFile .frameImg {
	width:35%;
	margin:auto;
	padding:0px;
}

.frameArticleMaster .frameArticle .linkFile .frameImg img {
	width:100%;
	cursor:pointer;
	padding:0px;
}

.frameArticleMaster .frameArticle .linkFile .frameImg img:hover {
	opacity:50%;
}

.frameArticleMaster .readArticle {
	width:100%;
	padding:10px;
	text-align:left;
}



@media(max-width:1440px){

}

@media(max-width:1366px){

}

@media(max-width:1280px){

}

@media(max-width:1080px){

}

@media(max-width:1024px){

}

@media(max-width:991px){

}

@media(max-width:900px){

}

@media(max-width:800px){
	.frameArticleMaster .frameArticle .contentArticle .title {
		width:100%;
		font-size:16px;
		padding-bottom:10px;
	}
	.frameArticleMaster .frameArticle .contentArticle .source {
		font-size:11px;
		line-height:normal;
	}
	.frameArticleMaster .frameArticle .linkFile .frameImg {
		width:50%;
		margin:auto;
		padding:0px;
	}
	.frameArticleMaster .readArticle {
		width:100%;
		padding:5px;
	}
}

@media(max-width:767px){
	.frameArticleMaster .frameArticle .contentArticle {
		width:90%;
		float:left;
		padding-right:20px;
		text-align:left;
	}
	.frameArticleMaster .frameArticle .contentArticle .title {
		width:100%;
		font-size:17px;
		padding-bottom:10px;
	}
	.frameArticleMaster .frameArticle .contentArticle .source {
		font-size:12px;
		line-height:normal;
	}
	.frameArticleMaster .frameArticle .linkFile .frameImg {
		width:50%;
		margin:auto;
		padding:0px;
	}
}

@media(max-width:667px){
	.frameArticleMaster .frameArticle .contentArticle {
		width:90%;
		float:left;
		padding-right:20px;
		text-align:left;
	}
	.frameArticleMaster .frameArticle .contentArticle .title {
		width:100%;
		font-size:16px;
		padding-bottom:10px;
	}
	.frameArticleMaster .frameArticle .contentArticle .source {
		font-size:12px;
		line-height:normal;
	}
	.frameArticleMaster .frameArticle .linkFile .frameImg {
		width:60%;
		margin:auto;
		padding:0px;
	}
}

@media(max-width:640px){

}

@media(max-width:600px){
	.frameArticleMaster {
		width:100%;
		padding-top:10px;
		padding-bottom:10px;
		padding-left:10px;
		padding-right:10px;
	}
	.frameArticleMaster .frameArticle .contentArticle {
		width:100%;
		float:none;
		padding-right:0px;
		text-align:left;
		padding-bottom:20px;
	}
	.frameArticleMaster .frameArticle .contentArticle .title {
		width:100%;
		font-size:18px;
		padding-bottom:10px;
	}
	.frameArticleMaster .frameArticle .contentArticle .source {
		font-size:12px;
		line-height:normal;
	}
	.frameArticleMaster .frameArticle .linkFile .frameImg {
		width:20%;
		margin-left:0px;
		padding:0px;
	}
	.frameArticleMaster .frameArticle .linkFile {
		width:40%;
		float:none;
		text-align:left;
	}
}

@media(max-width:480px){
	.frameArticleMaster {
		width:100%;
		padding-top:10px;
		padding-bottom:10px;
		padding-left:10px;
		padding-right:10px;
	}
	.frameArticleMaster .frameArticle .contentArticle {
		width:100%;
		float:none;
		padding-right:0px;
		text-align:left;
		padding-bottom:10px;
	}
	.frameArticleMaster .frameArticle .contentArticle .title {
		width:100%;
		font-size:18px;
		padding-bottom:10px;
	}
	.frameArticleMaster .frameArticle .contentArticle .source {
		font-size:12px;
		line-height:normal;
	}
	.frameArticleMaster .frameArticle .linkFile .frameImg {
		width:20%;
		margin-left:0px;
		padding:0px;
	}
	.frameArticleMaster .frameArticle .linkFile {
		width:40%;
		float:none;
		text-align:left;
	}
}

@media(max-width:440px){

}

@media(max-width:414px){
	.frameArticleMaster {
		width:100%;
		padding-top:10px;
		padding-bottom:10px;
		padding-left:5px;
		padding-right:5px;
	}
	.frameArticleMaster .frameArticle {
		width:100%;
		padding:10px;
		padding-bottom:5px;
		margin-bottom:10px;
	}
	.frameArticleMaster .frameArticle .contentArticle {
		width:100%;
		float:none;
		padding-right:0px;
		text-align:left;
		padding-bottom:10px;
	}
	.frameArticleMaster .frameArticle .contentArticle .title {
		width:100%;
		font-size:18px;
		padding-bottom:10px;
	}
	.frameArticleMaster .frameArticle .contentArticle .source {
		font-size:12px;
		line-height:normal;
	}
	.frameArticleMaster .frameArticle .linkFile .frameImg {
		width:20%;
		margin-left:0px;
		padding:0px;
	}
	.frameArticleMaster .frameArticle .linkFile {
		width:40%;
		float:none;
		text-align:left;
	}
	.frameArticleMaster .readArticle {
		width:100%;
		padding:5px;
	}
}

@media(max-width:375px){
	.frameArticleMaster {
		width:100%;
		padding-top:10px;
		padding-bottom:10px;
		padding-left:10px;
		padding-right:10px;
	}
	.frameArticleMaster .frameArticle {
		width:100%;
		padding:10px;
		padding-bottom:5px;
		margin-bottom:10px;
	}
	.frameArticleMaster .frameArticle .contentArticle {
		width:100%;
		float:none;
		padding-right:0px;
		text-align:left;
		padding-bottom:10px;
	}
	.frameArticleMaster .frameArticle .contentArticle .title {
		width:100%;
		font-size:18px;
		padding-bottom:10px;
	}
	.frameArticleMaster .frameArticle .contentArticle .source {
		font-size:12px;
		line-height:normal;
	}
	.frameArticleMaster .frameArticle .linkFile {
		width:40%;
		float:none;
		text-align:left;
	}
	.frameArticleMaster .frameArticle .linkFile .frameImg {
		width:30%;
		margin-left:0px;
		padding:0px;
	}
}

@media(max-width:320px){

}


.frameBookMaster {
	width:100%;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:20px;
	padding-right:20px;
}

.frameBookMaster .title {
	width:100%;
	color:#B35F12;
	font-weight:bold;
	font-size:18px;
	padding-bottom:20px;
}

.frameBookMaster .frameBook {
	width:100%;
	padding:10px;
	padding-bottom:20px;
	margin-bottom:15px;
	border-bottom:1px solid #EDEDED;
}

.frameBookMaster .frameBook .frameCover {
	width:25%;
	float:left;
	padding:0px;
	padding-right:20px;
}

.frameBookMaster .frameBook .frameCover .frameImg {
	width:100%;
	padding:0px;
}

.frameBookMaster .frameBook .frameCover .frameImg img {
	width:100%;
	padding:0px;
	margin:0px;
	border:1px solid;
}

.frameBookMaster .frameBook .frameContent {
	width:75%;
	float:left;
	padding-top:20px;
	padding-bottom:20px;
	padding-right:20px;
	padding-left:20px;
}

.frameBookMaster .frameBook .frameContent .frameItem {
	width:100%;
	padding-bottom:10px;
}

.frameBookMaster .frameBook .frameContent .frameItem .titleContent {
	width:20%;
	float:left;
	padding-right:5px;
	font-weight:600;
	color:#B35F12;
	font-size:15px;
}

.frameBookMaster .frameBook .frameContent .frameItem .descContent {
	width:80%;
	float:left;
	padding-right:5px;
	font-size:15px;
}



@media(max-width:1440px){

}

@media(max-width:1366px){

}

@media(max-width:1280px){

}

@media(max-width:1080px){
	.frameBookMaster .frameBook .frameContent {
		width:75%;
		float:left;
		padding-top:0px;
		padding-bottom:0px;
		padding-right:20px;
		padding-left:20px;
	}
	.frameBookMaster .frameBook .frameContent .frameItem .titleContent {
		width:25%;
		float:left;
		padding-right:5px;
		font-weight:600;
		color:#B35F12;
		font-size:14px;
	}

	.frameBookMaster .frameBook .frameContent .frameItem .descContent {
		width:75%;
		float:left;
		padding-right:0px;
		font-size:14px;
	}
}

@media(max-width:1024px){
	.frameBookMaster .frameBook .frameCover {
		width:30%;
		float:left;
		padding:0px;
		padding-right:20px;
	}

	.frameBookMaster .frameBook .frameContent {
		width:70%;
		float:left;
		padding-top:0px;
		padding-bottom:0px;
		padding-right:20px;
		padding-left:20px;
	}
	.frameBookMaster .frameBook .frameContent .frameItem .titleContent {
		width:25%;
		float:left;
		padding-right:5px;
		font-weight:600;
		color:#B35F12;
		font-size:14px;
	}

	.frameBookMaster .frameBook .frameContent .frameItem .descContent {
		width:75%;
		float:left;
		padding-right:0px;
		font-size:14px;
	}
}

@media(max-width:991px){

}

@media(max-width:900px){
	.frameBookMaster .title {
		width:100%;
		font-size:16px;
		padding-bottom:20px;
	}

	.frameBookMaster .frameBook .frameCover {
		width:30%;
		float:left;
		padding:0px;
		padding-right:20px;
	}

	.frameBookMaster .frameBook .frameContent {
		width:70%;
		float:left;
		padding-top:0px;
		padding-bottom:0px;
		padding-right:20px;
		padding-left:20px;
	}
	.frameBookMaster .frameBook .frameContent .frameItem .titleContent {
		width:30%;
		float:left;
		padding-right:5px;
		font-weight:600;
		color:#B35F12;
		font-size:13px;
	}

	.frameBookMaster .frameBook .frameContent .frameItem .descContent {
		width:70%;
		float:left;
		padding-right:0px;
		font-size:13px;
	}
}

@media(max-width:800px){
	.frameBookMaster .title {
		width:100%;
		font-size:15px;
		padding-bottom:20px;
	}

	.frameBookMaster .frameBook .frameCover {
		width:30%;
		float:left;
		padding:0px;
		padding-right:20px;
	}

	.frameBookMaster .frameBook .frameContent {
		width:70%;
		float:left;
		padding-top:0px;
		padding-bottom:0px;
		padding-right:20px;
		padding-left:20px;
	}
	.frameBookMaster .frameBook .frameContent .frameItem .titleContent {
		width:30%;
		float:left;
		padding-right:5px;
		font-weight:600;
		color:#B35F12;
		font-size:13px;
	}

	.frameBookMaster .frameBook .frameContent .frameItem .descContent {
		width:70%;
		float:left;
		padding-right:0px;
		font-size:13px;
	}
}

@media(max-width:767px){
	.frameBookMaster {
		width:100%;
		padding-top:10px;
		padding-bottom:10px;
		padding-left:0px;
		padding-right:0px;
	}
	.frameBookMaster .title {
		width:100%;
		font-size:18px;
		padding-bottom:20px;
		text-align:left;
	}

	.frameBookMaster .frameBook .frameCover {
		width:30%;
		float:left;
		padding:0px;
		padding-right:20px;
	}

	.frameBookMaster .frameBook .frameContent {
		width:70%;
		float:left;
		padding-top:0px;
		padding-bottom:0px;
		padding-right:20px;
		padding-left:20px;
	}
	.frameBookMaster .frameBook .frameContent .frameItem .titleContent {
		width:35%;
		float:left;
		padding-right:5px;
		font-weight:600;
		color:#B35F12;
		font-size:15px;
		text-align:left;
	}

	.frameBookMaster .frameBook .frameContent .frameItem .descContent {
		width:65%;
		float:left;
		padding-right:0px;
		font-size:15px;
		text-align:left;
	}
}

@media(max-width:667px){
	.frameBookMaster {
		width:100%;
		padding-top:10px;
		padding-bottom:10px;
		padding-left:0px;
		padding-right:0px;
	}
	.frameBookMaster .title {
		width:100%;
		font-size:18px;
		padding-bottom:20px;
		text-align:left;
	}

	.frameBookMaster .frameBook .frameCover {
		width:30%;
		float:left;
		padding:0px;
		padding-right:20px;
	}

	.frameBookMaster .frameBook .frameContent {
		width:70%;
		float:left;
		padding-top:0px;
		padding-bottom:0px;
		padding-right:20px;
		padding-left:5px;
	}
	.frameBookMaster .frameBook .frameContent .frameItem .titleContent {
		width:35%;
		float:left;
		padding-right:5px;
		font-weight:600;
		color:#B35F12;
		font-size:15px;
		text-align:left;
	}

	.frameBookMaster .frameBook .frameContent .frameItem .descContent {
		width:65%;
		float:left;
		padding-right:0px;
		font-size:15px;
		text-align:left;
	}
}

@media(max-width:640px){

}

@media(max-width:600px){
	.frameBookMaster {
		width:100%;
		padding-top:10px;
		padding-bottom:10px;
		padding-left:0px;
		padding-right:0px;
	}
	.frameBookMaster .title {
		width:100%;
		font-size:16px;
		padding-bottom:20px;
		text-align:left;
	}

	.frameBookMaster .frameBook .frameCover {
		width:30%;
		float:left;
		padding:0px;
		padding-right:20px;
	}

	.frameBookMaster .frameBook .frameContent {
		width:70%;
		float:left;
		padding-top:0px;
		padding-bottom:0px;
		padding-right:20px;
		padding-left:5px;
	}
	.frameBookMaster .frameBook .frameContent .frameItem .titleContent {
		width:35%;
		float:left;
		padding-right:5px;
		font-weight:600;
		color:#B35F12;
		font-size:14px;
		text-align:left;
	}

	.frameBookMaster .frameBook .frameContent .frameItem .descContent {
		width:65%;
		float:left;
		padding-right:0px;
		font-size:14px;
		text-align:left;
	}
}

@media(max-width:480px){
	.frameBookMaster {
		width:100%;
		padding-top:10px;
		padding-bottom:10px;
		padding-left:0px;
		padding-right:0px;
	}
	.frameBookMaster .title {
		width:100%;
		font-size:16px;
		padding-bottom:20px;
		text-align:left;
	}

	.frameBookMaster .frameBook .frameCover {
		width:70%;
		float:none;
		margin:auto;
		padding:0px;
		padding-right:20px;
		padding-bottom:30px;
	}

	.frameBookMaster .frameBook .frameContent {
		width:100%;
		float:none;
		margin:auto;
		padding-top:0px;
		padding-bottom:0px;
		padding-right:0px;
		padding-left:0px;
	}
	.frameBookMaster .frameBook .frameContent .frameItem .titleContent {
		width:35%;
		float:left;
		padding-right:5px;
		font-weight:600;
		color:#B35F12;
		font-size:15px;
		text-align:left;
	}

	.frameBookMaster .frameBook .frameContent .frameItem .descContent {
		width:65%;
		float:left;
		padding-right:0px;
		font-size:15px;
		text-align:left;
	}
}

@media(max-width:440px){

}

@media(max-width:414px){
	.frameBookMaster {
		width:100%;
		padding-top:10px;
		padding-bottom:10px;
		padding-left:0px;
		padding-right:0px;
	}
	.frameBookMaster .title {
		width:100%;
		font-size:16px;
		padding-bottom:20px;
		text-align:center;
	}

	.frameBookMaster .frameBook .frameCover {
		width:70%;
		float:none;
		margin:auto;
		padding:0px;
		padding-right:20px;
		padding-bottom:30px;
	}

	.frameBookMaster .frameBook .frameContent {
		width:100%;
		float:none;
		margin:auto;
		padding-top:0px;
		padding-bottom:0px;
		padding-right:0px;
		padding-left:0px;
	}
	.frameBookMaster .frameBook .frameContent .frameItem .titleContent {
		width:35%;
		float:left;
		padding-right:5px;
		font-weight:600;
		color:#B35F12;
		font-size:14px;
		text-align:left;
	}

	.frameBookMaster .frameBook .frameContent .frameItem .descContent {
		width:65%;
		float:left;
		padding-right:0px;
		font-size:14px;
		text-align:left;
	}
}

@media(max-width:375px){
	.frameBookMaster {
		width:100%;
		padding-top:10px;
		padding-bottom:10px;
		padding-left:0px;
		padding-right:0px;
	}
	.frameBookMaster .title {
		width:100%;
		font-size:16px;
		padding-bottom:20px;
		text-align:center;
	}

	.frameBookMaster .frameBook .frameCover {
		width:70%;
		float:none;
		margin:auto;
		padding:0px;
		padding-right:20px;
		padding-bottom:30px;
	}

	.frameBookMaster .frameBook .frameContent {
		width:100%;
		float:none;
		margin:auto;
		padding-top:0px;
		padding-bottom:0px;
		padding-right:0px;
		padding-left:0px;
	}
	.frameBookMaster .frameBook .frameContent .frameItem {
		width:100%;
		padding-bottom:0px;
	}
	.frameBookMaster .frameBook .frameContent .frameItem .titleContent {
		width:100%;
		float:none;
		padding-right:5px;
		padding-bottom:5px;
		font-size:15px;
		text-align:left;
	}

	.frameBookMaster .frameBook .frameContent .frameItem .descContent {
		width:100%;
		float:none;
		padding-right:0px;
		padding-bottom:5px;
		font-size:15px;
		text-align:left;
	}
}

@media(max-width:320px){
	
}