@font-face{
	font-family:"Bodoni 72 Smallcaps";
	src:url("./fonts/Bodoni 72 Smallcaps Book-bf8b3661.ttf") format("truetype");
	font-display:swap;
}
@font-face{
	font-family:Kefa;
	src:url("./fonts/Kefa-Regular-01-4d7511ef.ttf") format("truetype");
	font-display:swap;
}
@font-face{
	font-family:"Bodoni 72 Oldstyle";
	src:url("./fonts/BodoniSvtyTwoOSITCTT-Book-01-307b4957.ttf") format("truetype");
	font-display:swap;
}
@font-face{
	font-family:DIN Condensed;
	src:url("./fonts/DIN Condensed Bold-36958182.ttf") format("truetype");
	font-display:swap;
}

.mb30 {
	margin-bottom: 1.875rem;
}
.main-area-left {
	margin: 0 auto;
    margin-bottom: 0px;
}
.read-container[data-v-f77aab26] {
	float: left;
	box-sizing: border-box;
	background-color: #fff;
	border-radius: .5rem;
	border: .125rem solid;
	border-top-color: currentcolor;
	border-right-color: currentcolor;
	border-bottom-color: currentcolor;
	border-left-color: currentcolor;
	border-top-color: currentcolor;
	border-right-color: currentcolor;
	border-bottom-color: currentcolor;
	border-left-color: currentcolor;
	border-color: #ede5dd;
}
.read-title[data-v-f77aab26] {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 1.25rem;
	padding: 0 3.75rem;
	min-height: 8.125rem;
	border-bottom: .125rem solid rgba(151,151,151,.2);
}

.left-ui {
	float: left;
	display: flex;
	flex-direction: column;
}
.change-chapter-btn[data-v-f77aab26] {
	display: flex;
	align-items: center;
	gap: 1.25rem;
	width: 13%;
	height: 3.25rem;
	background: #b22d36;
	border-radius: 1.625rem;
	padding: 0 1.5rem;
	cursor: pointer;
	-webkit-user-select: none;
	user-select: none;
	font-family: Kefa;
	color: #fff;
	font-size: 1.25rem;
	justify-content: center;
}
.change-chapter-btn img[data-v-f77aab26] {
	height: 1.125rem;
	width: .75rem;
}
.title-main[data-v-f77aab26] {
	align-items: center;
	/*margin: 0 auto;*/
	margin-right: 5rem;
}
.flex {
	display: flex;
}
.change-chapter-btn[data-v-f77aab26] {
	display: flex;
	align-items: center;
	gap: 1.25rem;
	height: 3.25rem;
	background: #b22d36;
	border-radius: 1.625rem;
	padding: 0 1.5rem;
	cursor: pointer;
	-webkit-user-select: none;
	user-select: none;
	font-family: Kefa;
	color: #fff;
	font-size: 1.25rem;
}
.read-content[data-v-f77aab26] {
	box-sizing: border-box;
	padding: 1.25rem 4.75rem;
}
.verse-item[data-v-f77aab26] {
	margin-bottom: 3.125rem;
}
.verse-content[data-v-f77aab26] {
	font-family: Kefa;
	color: #3c3c3c;
	font-size: 1.125rem;
	line-height: 2.313rem;
	margin: 30px 0;
}
.title-main-img[data-v-f77aab26] {
	height: 3.25rem;
	width: 2.4375rem;
}
.title-main-info[data-v-f77aab26] {
	height: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	font-family: Kefa;
	color: #592f15;
}
.ml36 {
	margin-left: 2.25rem;
}
.mr36 {
	margin-right: 2.25rem;
}
.title-main-info .title-chapter[data-v-f77aab26] {
	font-size: 2.1875rem;
}
.title-main-info .title-book[data-v-f77aab26] {
	font-size: 1.125rem;
}

.change-chapter-container[data-v-f77aab26] {
	width: 100%;
	display: flex;
	align-items: center;
	height: 6.8125rem;
	background: #ffffff;
	border: .125rem solid;
	border-top-color: currentcolor;
	border-right-color: currentcolor;
	border-bottom-color: currentcolor;
	border-left-color: currentcolor;
	border-color: #ede5dd;
	border-radius: .5rem;
	box-sizing: border-box;
	padding: 0 4.375rem;
	float: left;
}
.justify-between {
	justify-content: space-between;
}

@media only screen and (max-width:1080px) {
  .left-ui .book-list li a {
      font-size: 1.025rem;
      font-family: Kefa;
      color: #9f0000;
  }
  .left-ui .book-title {
      font-family: "Bodoni 72 Oldstyle";
      font-weight: 700;
      color: #9f0000;
      font-size: 1.45rem;
      padding-bottom: 1.625rem;
      border-bottom: .0625rem dashed #9f0000;
      margin-bottom: 1.75rem;
  }
  .left-ui .verse-day-container[data-v-20a63e46] {
    box-sizing: border-box;
    padding: 0;
    border-radius: .5rem;
    background-color: #fff;
  }
  .verse-box .amen-btn[data-v-20a63e46] {
    max-width: 23.188rem;
    height: 3.25rem;
    background: #b22d36;
    border-radius: 1.625rem;
    font-family: Kefa;
    color: #fff;
    font-size: 1.25rem;
    cursor: pointer;
    margin: 3.75rem auto 0;
  }
  .left-ui .date-item[data-v-7c287f87] {
    width: 3.75rem;
    height: 3.75rem;
    background: #f3e7e8;
    border-radius: 50%;
    font-family: Kefa;
    color: #6e0000;
    font-size: 1.25rem;
    flex-shrink: 0;
  }
  .left-ui .date-container .date-item-amend[data-v-7c287f87] {
    background-color: #b22d36;
  }
	.read-title[data-v-f77aab26] {
		display: flex;
		justify-content: space-between;
		align-items: center;
		gap: 1.25rem;
		padding: 0 2.75rem;
		min-height: 8.125rem;
		border-bottom: .125rem solid rgba(151,151,151,.2);
	}
	.story-ui .change-chapter-container[data-v-f77aab26] {
		width: 100%;
		display: flex;
		align-items: center;
		height: 6.8125rem;
		background: #ffffff;
		border: .125rem solid;
		border-top-color: currentcolor;
		border-right-color: currentcolor;
		border-bottom-color: currentcolor;
		border-left-color: currentcolor;
		border-top-color: currentcolor;
		border-right-color: currentcolor;
		border-bottom-color: currentcolor;
		border-left-color: currentcolor;
		border-color: #ede5dd;
		border-radius: .5rem;
		box-sizing: border-box;
		padding: 0 2.375rem;
		float: left;
	}
	.story-ui .change-chapter-btn[data-v-f77aab26] {
		display: flex;
		align-items: center;
		gap: 1.25rem;
		height: 3.25rem;
		background: #b22d36;
		border-radius: 1.625rem;
		padding: 0 1.5rem;
		cursor: pointer;
		-webkit-user-select: none;
		user-select: none;
		font-family: Kefa;
		color: #fff;
		font-size: 1.05rem;
	}
	.title-main-info .title-book[data-v-f77aab26] {
		font-size: .925rem;
	}
}
@media only screen and (min-width:1080px) and (max-width:1380px) {
  .left-ui .book-list li a {
      font-size: 1.12rem;
      font-family: Kefa;
      color: #9f0000;
  }
  .left-ui .book-title {
      font-family: "Bodoni 72 Oldstyle";
      font-weight: 700;
      color: #9f0000;
      font-size: 1.52rem;
      padding-bottom: 1.625rem;
      border-bottom: .0625rem dashed #9f0000;
      margin-bottom: 1.75rem;
  }
}
  .story-ui .change-chapter-container[data-v-f77aab26] {
	  border-top:none;
  }



/*** directory-list ***/
.directory-btn[data-v-f77aab26] {
	flex-shrink: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 2.35rem;
	width: 8.25rem;
	border-radius: 3.125rem;
	border: .0625rem solid #592f15;
	font-family: Kefa;
	color: #3c3c3c;
	font-size: 1.125rem;
	cursor: pointer;
}
.read-container .directory-list {
	position: absolute;
	width: 473px;
}

.summary {
	width: 100%;
	float: left;
}

.summarys {
	width: 100%;
	float: left;
	height: 5px;
}

.summary-warp {
	padding-left: 100px;
	font-size: 14px;
	position: relative;
	z-index: 5;
}

.ui-pop {
	position: absolute;
	top: 40px;
	left: -89px;
	width: 100%;
}

.pop-wrap {
	border: 1px solid #ccc;
	color: #787878;
	font-size: 12px;
	background: #fffcfa;
	border-radius: 12px;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.21);
}

.ui-pop .pop-wrap em {
	width: 0;
	height: 0;
	line-height: 0;
	font-size: 0;
	border: 10px solid #fffcfa;
	position: absolute;
	left: 142px;
	display: block;
	top: -23px;
	border-color: transparent transparent #ccc transparent;
	border-style: dashed dashed solid dashed;
	border-width: 10px 10px 13px 10px;
}

.align-items-center {
	align-items: center;
}

.ui-pop .pop-wrap i {
	width: 0;
	height: 0;
	line-height: 0;
	font-size: 0;
	border: 10px solid #fffcfa;
	position: absolute;
	left: 142px;
	display: block;
	top: -22px;
	border-color: transparent transparent #fffcfa transparent;
	border-style: dashed dashed solid dashed;
	border-width: 10px 10px 13px 10px;
}

.drawer-title-wrapper[data-v-f77aab26] {
	display: flex;
	justify-content: space-between;
	font-family: Kefa;
	font-weight: 700;
	color: #592f15;
	font-size: 1.875rem;
	padding-bottom: 1.25rem;
	padding-top: 1.25rem;
	padding-right: 1rem;
	padding-left: 1rem;
	border-bottom: .25rem solid rgba(89, 47, 21, .12);
}

.el-drawer__body > * {
	box-sizing: border-box;
}

.close-image[data-v-f77aab26] {
	height: 1.875rem;
	width: 1.875rem;
	cursor: pointer;
}

.group-wrapper[data-v-f77aab26] {
	font-family: Kefa;
}

.el-drawer__body > * {
	box-sizing: border-box;
}

.have-height[data-v-2542f93a] {
	max-height: 50rem;
}

.chapter-container[data-v-2542f93a] {
	transition-duration: .5s;
	overflow: scroll;
	overflow-x: hidden;
}

.selected-title[data-v-2542f93a] {
	color: #a12830 !important;
}

.chapter-item-wrapper[data-v-2542f93a] {
	display: flex;
	justify-content: space-between;
	align-items: center;
	cursor: pointer;
	font-size: 16px;
	color: #592f15;
	font-weight: 600;
}

.list-box {
	border-bottom: 1px solid rgba(89, 47, 21, 0.08);
	padding: 1.125rem 1.2rem;

}

.verse-box {
	align-items: center;
	padding: .425rem 0;
	border-top: 1px solid #eee;
	margin-top: 8px;
	display: none;
}

.verse-box li {
	cursor: pointer;
	font-size: .785rem;
	padding: 8px 0;
	color: #592f15;
}

.verse-box li span {
	margin-left: 12px;
}

.readed-icon[data-v-2542f93a] {
	margin-right: .4375rem;
}

.chapter-icon[data-v-2542f93a] {
	width: .5rem;
	height: .3125rem;
	transition-duration: 0.5s;
}

.chapter-icon.right {
	width: .35rem;
	height: .38rem;
	transition-duration: 0.5s;
}

.arrow-rotate {
	transform: rotate(-180deg);
}

.verse-box .verse_url {
	color: #592f15;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.schedule {
	color: rgba(89, 47, 21, 1);
	font-size: 14px;
	padding-right: .4375rem;;
}