.breadcrumb
	{
		background: none;
		padding: 0;
	}
	.fs-12
	{
		font-size: 12px;
	}
	.fs-14
	{
		font-size: 14px;
	}
	.fs-16
	{
		font-size: 16px;
	}
	.fs-18
	{
		font-size: 18px;
	}
	.fs-20
	{
		font-size: 20px;
	}
	.breadcrumb li:last-child a
	{
		margin-top: 5px;
		display: inline-block;
	}
	.breadcrumb a,.breadcrumb span
	{
		color: #8a4182!important;
	}
	.breadcrumb li:last-child:after
	{
		display: none;
	}
	.breadcrumb li:after
	{
		content: '\f105';
		font-family: FontAwesome;
		margin:0 5px;
		text-align: center;
		width: 20px;
		height: 100%;
		font-size: 1.4rem;
		display: inline-block;
		color: #8a4182!important;
		vertical-align: sub;
	}
	.slider .item_slide
	{

	}
	.slider .item_slide:nth-child(even)
	{
		background: #95a4d3;
		color: #fff;
	}
	.slider .item_slide:nth-child(odd)
	{
		background: #8a4182;
		color: #fff;
	}
	.wed_music_content
	{
		left: 1%;
		width: 60px;
		bottom: 10%;
		z-index: 99;
		height: 52px;
		position: fixed;
		transform: rotateZ(-12deg)!important;
	}
	.wed_music_container, .wed_music_container2
	{
		background-image: url('../images/music_new_container.png');
		background-position: center;
		background-repeat: no-repeat;
		text-align: center;
		padding: 26px 18px 18px 18px;
		-webkit-transition: all .6s;
		-o-transition: all .6s;
		transition: all .6s;
		animation: pulse2 3.5s infinite both;
	}
	.wed_music_container2
	{
		display: none;
	}
	.wed_floral .wed_music_container, .wed_music_container2
	{
		background-image: url('../images/border_music.png');
	}
	.wed_music_container i, .wed_music_container2 i
	{
		color: #874280;
		font-size: 2.4rem;
		font-weight: bold;
		display: inline-block;
	}
	.wed_music_container2 i
	{
		color: #99e9dd;
	}
	.ti-music:before
	{
		content: "\f028";
		font-family: FontAwesome;
	}
	.banner.page
	{
		min-height: 300px;
		z-index: 0;
	}

	.img-center img
	{
		object-fit: contain;
	}
	.frm-search.active
	{
		opacity: 1;
		visibility: visible;
		pointer-events: all;
		top: 40px;
	}
	.frm-search
	{
		border: solid thin #8080804f;
		border-radius: 20px;
		position: absolute;
		right: 0;
		top: 60px;
		min-width: 230px;
		opacity: 0;
		visibility: hidden;
		pointer-events: none;
		transition: .2s ease-in-out 0s;
		-moz-transition: .2s ease-in-out 0s;
		-webkit-transition: .2s ease-in-out 0s;
		-o-transition: .2s ease-in-out 0s;
		z-index: 10;
	}
	.frm-search input
	{
		width: 100%;
	}
	.frm-search button
	{
		position: absolute;
		top: 0;
		right: 30px;
		outline: none!important;
	}
	@keyframes TopUpDown {
		0% {
			-webkit-transform: translate(0, -100%);
			-moz-transform: translate(0, -100%);
			-o-transform: translate(0, -100%);
			-ms-transform: translate(0, -100%);
			transform: translate(0, -100%);
		}
		100% {
			-webkit-transform: translate(0, 0%);
			-moz-transform: translate(0, 0%);
			-o-transform: translate(0, 0%);
			-ms-transform: translate(0, 0%);
			transform: translate(0, 0%);
		}
	}
	.fix-top
	{
		position: fixed;
		padding: 5px 0!important;
		width: 100%;
		top: 0;
		left: 0;
		z-index: 1000;
		background: #ffffff;
		box-shadow: 0 1px 6px 0.5px #8a4182;
		animation: TopUpDown 0.2s linear; 
	}
	.fix-logo
	{
		max-width: 100%;
	}
	.bg-cuz
	{
		background: #fb9902!important;
		color: #fff!important;
		border: none!important;
	}
	.logo-cus
	{
		max-width: 100px;
		display: none;
	}
	@media(min-width: 991px)
	{
		.logo-sm
		{
			display: none;
		}
		.main-nav ul ul a {
			display: block;
			padding: 10px 10px 10px 10px;
			color: #fff;
			background: #8a4182;
		}

		.main-nav ul ul a:hover {
			background:#fff;
			color: #8a4182;
		}

		button.btn-menu {
			display: none;
		}

		.main-nav>ul>li {
			display: inline-block;
			position: relative;
		}

		.main-nav>ul>li:last-child>a:before {
			display: none;
		}

		.main-nav>ul>li:hover>a:after {
			opacity: 1;
			left: 0;
			right: 0;
			transition: all 0.2s ease-in-out;
		}

		.main-nav ul ul li {
			background: transparent;
			position: relative;
		}

		.main-nav ul ul li:first-child>a {
			border-radius: 10px 10px 0px 0px;
		}



		.main-nav ul ul li:hover > a {
			background: #fff;
			color: #8b4a83!important;
			text-decoration: none;
		}
		.main-nav ul ul li:last-child a {
			border: none;
			border-radius: 0px 0px 10px 10px;
		}



		.main-nav ul li:hover>ul {
			opacity: 1;
			pointer-events: all;
			z-index: 11;
		}
		.main-nav ul li i
		{
			transition: all 0.2s ease-in-out;
			display: inline-block;
		}

		nav ul ul {
			opacity: 0;
		}



		.main-nav ul li {
			position: relative;
		}

		.main-nav ul ul {
			position: absolute;
			border-radius: 10px;
			padding-top: 10px;
			text-align: left;
			min-width: 179px;
			pointer-events: none;
			max-height: 300px;
			overflow: auto;
		}
		.main-nav>ul>li>ul>li a{
			box-shadow: 6px 10px 17px -7px black;
		}

		.main-nav ul ul ul {top: -10px;padding-left: 10px;}

		nav ul ul ul {
			left: 100%;
		}

		.main-nav ul {
			list-style: none;
		}

		nav>ul>li:hover nav>ul>li>a:before {content: "";position: absolute;width: 20px;height: 20px;background: aqua;left: 0;bottom: 0;}
		.main-nav>ul>li>a {
			color: black;
			font-size: 16px;
			display: inline-block;
			position: relative;
			padding: 5px 10px;
		}

		nav>ul>li>a:after {
			left: 50%;
			right: 50%;
			opacity: 0;
		}

		nav>ul>li>a:after {
			content: "";
			height: 2px;
			background: linear-gradient(to right, #8a4182, #8a4182, #8a4182);
			bottom: 0;
			position: absolute;
			left: 50%;
			right: 50%;
			transition: all 0.2s ease-in-out;
			opacity: 0;
		}

		nav>ul>li>a:before {
			/* position: absolute; */
			/* content: ""; */
			/* top: 7px; */
			/* right: -35px; */
			/* width: 1px; */
			/* bottom: 8px; */
			/* background: linear-gradient(rgba(1, 1, 1, 0), #010101, rgba(1, 1, 1, 0)); */
		}

		nav>ul>li>a:last-child:before {
		}


		nav>ul>li>a:hover :after {
			position: absolute;
			content: "";
			background: linear-gradient(to right, rgba(1, 1, 1, 0), #010101, rgba(1, 1, 1, 0));
			height: 1px;
			bottom: 0px;
			left: 0;
			right: 0;
		}

		nav>ul>li>a:hover {
			text-decoration: none;
			color: #8a4182;
		}

		nav>ul>li>a:hover {
			color: #8a4182;
		}
	}
	@media (min-width: 576px)
	{
		#event-point .modal-dialog {
			max-width: 400px;
			margin: 1.75rem auto;
		}
	}
	@media (min-width: 992px)
	{
		.story_highlight .item_story_high a.c-img img
		{
			object-fit: cover!important;
		}
		.story_highlight .item_story_high .text
	}
	.item_pro_hover
	{
		display: none;
	}
	.cursor
	{
		cursor: pointer;
	}
	.panel-login>.panel-heading {
		color: #00415d;
		background-color: #fff;
		border-color: #fff;
		text-align:center;
	}
	.panel-body form {
		min-height: 320px;
	}
	.panel-login>.panel-heading a{
		width: 110px;
		text-decoration: none;
		color: #000;
		font-size: 14px;
		background: transparent;
		padding: 8px 7px;
		margin: 0 5px;
		border-radius: 5px;
		color: #666;
		font-weight: bold;
		font-size: 14px;
		-webkit-transition: all 0.1s linear;
		-moz-transition: all 0.1s linear;
		transition: all 0.1s linear;
	}
	.panel-login>.panel-heading a.active{
		color: #fff;
		font-size: 14px;
		background: #8a4182;
		display: inline-block;
	}
	.panel-login>.panel-heading hr{
		margin-top: 10px;
		margin-bottom: 0px;
		clear: both;
		border: 0;
		height: 1px;
		background-image: -webkit-linear-gradient(left,rgba(0, 0, 0, 0),rgba(0, 0, 0, 0.15),rgba(0, 0, 0, 0));
		background-image: -moz-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,0.15),rgba(0,0,0,0));
		background-image: -ms-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,0.15),rgba(0,0,0,0));
		background-image: -o-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,0.15),rgba(0,0,0,0));
	}
	.panel-login input[type="text"],.panel-login input[type="email"],.panel-login input[type="password"] {
		height: 45px;
		border: 1px solid #ddd;
		font-size: 14px;
		-webkit-transition: all 0.1s linear;
		-moz-transition: all 0.1s linear;
		transition: all 0.1s linear;
	}
	.panel-login input:hover,
	.panel-login input:focus {
		outline:none;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
		border-color: #ccc;
	}
	.modal-content
	{
		overflow: hidden;
	}
	.modal .close
	{
		position: absolute;
		outline: none;
		top: 0;
		right: 0;
		width: 40px;
		height: 40px;
		z-index: 1;
		font-size: 28px;
		background: #8a4182;
		color: #fff;
		z-index: 1;
		opacity: 1;
	}
	.btn-login:hover,
	.btn-register:hover {
		background-color: #ffa500;
	}
	.btn-login {
		background-color: #8a4182;
		outline: none;
		color: #fff;
		font-size: 14px;
		height: auto;
		font-weight: normal;
		padding: 14px 0;
		text-transform: uppercase;
	}
	.btn-login:hover,
	.btn-login:focus,
	.btn-register:hover,
	.btn-register:focus {
		color: #fff;
		background-color: #ffa500;
	}
	.forgot-password {
		text-decoration: underline;
		color: #888;
	}
	.forgot-password:hover,
	.forgot-password:focus {
		text-decoration: underline;
		color: #666;
	}

	.btn-register {
		background-color: #8a4182;
		outline: none;
		color: #fff;
		font-size: 14px;
		height: auto;
		font-weight: normal;
		padding: 14px 0;
		text-transform: uppercase;
		display: block;
	}
	.login-more
	{
		text-align: center;
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
		margin-top: 10px;
	}
	.login-more .login-item.gg
	{
		background:#dc493f;
	}
	.login-more .login-item
	{
		display: inline-block;
		border-radius: 5px;
		padding: 2px;
		margin: 0 5px;
		color: #fff;
		text-align: left;
		padding-right: 15px;
		min-width: 120px;
	}
	.login-more .login-item.fb
	{
		background:#3b5998;
	}
	.login-more .login-item.gg i
	{
		color: #dc493f;
	}
	.login-more .login-item.fb i
	{
		color: #3b5998;
	}
	.login-more .login-item i
	{
		width: 50px;
		height: 38px;
		text-align: center;
		line-height: 38px;
		background: #fff;
		clip-path: polygon(0 0, 100% 0%, 90% 100%, 0% 100%);
		margin-right: 10px;
	}
	.title-block
	{
		background: #ad7aa7;
		color: #fff;
		padding: 8px 12px;
		border-radius: 5px;
	}
	.action-user {
		padding: 5px;
		box-shadow: 0 0 2px 1px #f3c7ed;
	}

	.action-user a i {
		display: inline-block;
		width: 20px;
		font-size: 18px;
		color: #ad7aa7;
	}
	.action-user a {
		padding: 5px 0;
		border-bottom: solid thin #ad7aa7;
	}
	.point .break-point
	{
		font-size: 20px;
		font-weight: 600;
		color: #ad7aa7;
	}
	.point .point-index
	{
		font-size: 14px;
	}
	.violet:hover
	{
		color: #fff;
	}
	.violet
	{
		background-color: #ad7aa7;
		border-color: #ad7aa7;
		color: #fff;
	}
	#chosen.chose-file
	{
		color: #ad7aa7;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	.upload-img
	{
		position: absolute;
		right: 0;
		top: 0;
		left: 0;
		bottom: 0;
		text-align: right;
		z-index: 0;
		cursor: pointer;
	}
	.upload-img input {
		opacity: 0;
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
	}
	.panel-body
	{
		padding: 10px 35px;
	}
	.chapter-top .c-img
	{
		padding-top: 150%;
	}
	.row-5
	{
		margin-left: -5px;
		margin-right: -5px;
	}
	.row-5 > div[class^="col"]
	{
		padding-left: 5px;
		padding-right: 5px;
	}
	.chapter-top .type:before
	{
		display: none;
	}
	.chapter-top .title
	{
		font-size: 14px;
		font-weight: 600;
		min-height: 45px;
	}
	.line-camp-2{
		text-overflow:ellipsis;
		overflow:hidden;
		display:-webkit-box;
		-webkit-line-clamp:2;
		-webkit-box-orient:vertical
	}
	marquee
	{
		margin-top: 10px;
	}
	.img-zoom {
		overflow: hidden;
		display: block; }
		.img-zoom img {
			-webkit-transform: scale(1);
			-moz-transform: scale(1);
			-o-transform: scale(1);
			-ms-transform: scale(1);
			transform: scale(1);
			-webkit-transition: 1.5s ease 0s;
			-moz-transition: 1.5s ease 0s;
			-ms-transition: 1.5s ease 0s;
			-o-transition: 1.5s ease 0s;
			transition: 1.5s ease 0s; }
			.img-zoom:hover img {
				-webkit-transform: scale(1.15);
				-moz-transform: scale(1.15);
				-o-transform: scale(1.15);
				-ms-transform: scale(1.15);
				transform: scale(1.15); }

				.block-number
				{
					font-size: 18px;
					line-height: 38px;
					z-index: 1;
					width: 50px;
					height: 50px;
					text-align: left;
					text-indent: 5px;
					color: #fff;
					position: absolute;
					top: 0;
				}
				.block-number:after {
					position: absolute;
					z-index: -1;
					top: 0;
					left: -5px;
					width: 0;
					height: 0;
					content: '';
					border-top: 30px solid #ad7aa7;
					border-right: 30px dashed transparent;
					border-bottom: 30px dashed transparent;
					border-left: 30px solid #ad7aa7;
				}
				.item-chapter:hover .title a
				{
					color: #8a4182;
					text-decoration: underline;
				}
				.btn-action.orange {
					background: #ffb734;
					border: solid thin #ffb734;
					color: #fff;
				}
				/* .btn-action:hover
				{
					box-shadow: 2px 4px 5px #0000009e;
					} */
					.btn-action.smallicon
					{
						padding: 4px 8px;
						font-size: 13px;
						color: #fff!important;
					}
					.btn-action
					{
						border-radius: 5px;
						padding: 4px 12px;
						text-transform: uppercase;
						outline: none!important;
						cursor: pointer;
					}
					.btn-action.white
					{
						background: #fff;
						color: #000;
						border: solid thin #fff;
					}
					.action-user a:last-child {
						border: none;
					}
					.cam
					{
						position: absolute;
						right: 0;
						top: 0;
						border: solid thin #ad7aa7;
						padding: 5px;
						border-radius: 50%;
						width: 60px;
						height: 60px;
						background: #fff;
						object-fit: contain;
					}
					#profile-img-tag {
						border-radius: 999px;
						width: 200px;
						height: 200px;
					}
					#backtotop {
						background: url('../images/backtotop.png') no-repeat center center;
						bottom: 50px;
						cursor: pointer;
						display: none;
						height: 42px;
						position: fixed;
						right: 20px;
						text-indent: -9999px;
						width: 39px;
						z-index: 1;
					}
					.messager:hover .notifications
					{
						opacity: 1;
						visibility: visible;
						pointer-events: all;
						top: 25px;
					}
					.more-header:hover
					{
						background: #fff;
						color: #ffa500;
					}
					.more-header
					{
						display: inline-block;
						width: 40px;
						height: 40px;
						line-height: 40px;
						text-align: center;
						border-radius: 999px;
						position: relative;
					}
					.notifications
					{
						z-index: 15;
						opacity: 0;
						visibility: hidden;
						pointer-events: none;
						position: absolute;
						top: 70px;
						right: 0;
						min-width: 250px;
						padding-top: 25px;
						overflow: hidden;
						border-radius: 2px;
					}
					.notifications:after {
						position: absolute;
						top: 10px;
						right: 3px;
						content: '';
						width: 0;
						height: 0;
						border-left: 15px solid transparent;
						border-right: 15px solid transparent;
						border-bottom: 15px solid #8a4182;
					}
					.notifications .item:before
					{
						display: inline-block;
						content: '';
						background: url('../images/update.png') no-repeat center center;
						background-size: 100%;
						background-position: center;
						width: 35px;
						height: 20px;
						margin-right: 5px;
						vertical-align: middle;
					}
					.notifications .item:first-child {
						border-top-left-radius: 5px;
						border-top-right-radius: 5px;
					}
					.notifications .item:last-child {
						border-bottom-left-radius: 5px;
						border-bottom-right-radius: 5px;
					}
					.notifications .item {
						display: block;
						background: #8a4182;
						line-height: 1.5;
						text-align: left;
						padding: 10px 5px;
						font-size: 12px;
						color: #fff;
						border-bottom: solid thin #ffffffc7;
					}
					.mni-avatar {
						width: 30px;
						height: 30px;
						vertical-align: middle;
						margin-right: 5px;
						overflow: hidden;
						border-radius: 999px;
					}
					.block-action-user .wrap a:hover
					{
						color: #FF9800;
					}
					.block-action-user .wrap
					{
						background: #8a4182;
						padding: 10px;
						text-align: left;
						border-radius: 5px;
						box-shadow: 0 0 8px #00000096;
					}
					.get-point
					{
						background: #FF9800;
						padding: 7px;
						border-radius: 10px;
					}
					.point  i {
						color: #ffc107;
					}
					.block-action-user:after
					{
						bottom: 100%;
						width: 0;
						height: 0;
						border-right: 10px dashed transparent;
						border-bottom: 7px solid #8a4182;
						border-left: 10px dashed transparent;
						content: '';
						top: 3px;
						position: absolute;
						right: 40px;
					}
					.block-action-user
					{
						position: absolute;
						opacity: 0;
						top: 50px;
						padding-top: 10px;
						min-width: 300px;
						right: -10px;
						visibility: hidden;
						z-index: 2;
						border-radius: 10px;
					}
					.block-login-success:hover .block-action-user
					{
						right: 0;
						visibility: visible;
						opacity: 1;
					}
					.block-login-success
					{
						position: relative;
						display: inline-block;
					}
					#event-point .modal-content
					{
						background: #FF9800;
					}
					.modal-content .header
					{
						max-width: 300px;
						padding: 10px;
						color: #fff;
					}
					#event-point .nav-tabs {
						border-bottom: 1px solid #ff9800;
					}
					#event-point .close {
						border-radius: 5px;
						background: #fff;
						color: #000;
					}
					#event-point .modal-body {
						border-top-left-radius: 10px;
						border-top-right-radius: 10px;
						background: whitesmoke;
						margin-top: 10px;
					}
					#event-point .nav-tabs .nav-item.show .nav-link,#event-point .nav-tabs .nav-link.active,#event-point .nav-tabs .nav-link:hover
					{
						color: #fff;
						background-color: #ff9800;
						border-color: #ff9800 #ff9800 #ff9800;
					}
					.item-event:last-child
					{
						border-bottom: none;
					} 
					.item-event 
					{
						display: flex;
						align-items: center;
						justify-content: space-between;
						padding: 10px 0;
						border-bottom: solid thin #ff9800;
					}
					.view_more_pro.v2.orange
					{
						background: #ff9800;	
						height: unset;	
					}
					.item_pro_cate
					{
						border: solid thin #ad7aa7;
						padding: 5px;
						min-height: 75px;
					}
					.item-chapter
					{
						padding: 5px;
						box-shadow: 0 0 5px #98a5d3;
					}
					.wrap-login .tab-content>.active {
						display: block;
						height: auto;
					}
					.wrap-login
					{
						padding: 20px 0;
					}
					.wrap-login .panel-login
					{
						max-width: 500px;
						margin: auto;
					}
					.point-buy i
					{
						color: #ffc107;
					}
					.status i
					{
						color: #41a758;
					}
					.view-count
					{
						color: #717171;
					}
					.display-proper
					{
						margin-bottom: 10px;
					}
					.action-chapter a:hover {
						background: #e03142!important;
						border:solid thin #e03142!important;
						color: #fff!important;
					}
					.action-chapter a {
						font-size: 24px;
						width: 35px;
						display: inline-block;
						height: 35px;
						text-align: center;
						line-height: 35px;
						margin-right: 5px;
						margin-top: 10px;
						border-radius: 5px;
					}

					.action-chapter a:nth-child(1) {
						color: #fff;
						background: rgb(0, 120, 249);
						border: solid thin rgb(0, 123, 255);
					}

					.action-chapter a:nth-child(2) {
						color: #fff;
						background: #da2a2ae0;
						border: solid thin #fff;
					}

					.action-chapter a:nth-child(3) {
						color: #5a5a5a7a;
						background: #e8e8e8;
						border: solid thin #e8e8e8;
					}

					.action-chapter {
						text-align: center;
						opacity: 0;
						visibility: hidden;
						height: 0;
						-webkit-transition: height .5s ease 0s;
						-moz-transition: height .5s ease 0s;
						-ms-transition: height .5s ease 0s;
						-o-transition: height .5s ease 0s;
						transition: height .5s ease 0s; 
						pointer-events: none;
					}
					.manager .item-chapter:hover .action-chapter
					{
						opacity: 1;
						visibility: visible;
						height: 50px;
						-webkit-transition: height .5s ease 0s;
						-moz-transition: height .5s ease 0s;
						-ms-transition: height .5s ease 0s;
						-o-transition: height .5s ease 0s;
						transition: height .5s ease 0s; 
						pointer-events: all;
					}
					.elm,.elm-textarea {
						width: 100%;
						padding: 6px 12px;
						border: solid thin #ad7aa7;
						margin: 5px 0;
						-webkit-appearance: none;
						-moz-appearance: none;
						appearance: none;
					}
					.elm-textarea
					{
						min-height: 200px;
						max-height: 200px;
						width: 100%;
					}
					button.upload
					{
						display: inline-block;
						padding: 8px 12px;
						background: #ad7aa7;
						color: #fff;
						margin-top: 15px;
					}
					.list-chapter
					{
						display: flex;
						border-radius: 10px;
						flex-wrap: wrap;
						align-items: center;
						background:#ad7aa7;
						color: #fff;
						padding: 5px;
					}
					.list-chapter .item .action
					{
						opacity: 0;
						visibility: hidden;
					}
					.list-chapter .item:hover .action
					{
						opacity: 1;
						visibility: visible;
					}
					.list-chapter .item:hover
					{
						background:#ffb734;
						color: #fff;
					}
					.list-chapter .item
					{
						display: inline-block;
						padding: 5px 2px;
						border: solid thin #ad7aa7;
						text-align: center;
						background: #fff;
						color: #000;
						border-radius: 10px;
					}
					.add-book.active
					{
						color: #e21414;
					}
					.add-book
					{
						color:#8a4182;
						margin-left: 8px;
						font-size: 24px;
						margin-top: 12px;
					}
					header .point img
					{
						max-width: 40px;
					}
					.action-item a.trash {
						background-color: #d02d2d;
					}
					.action-item a.edits {
						background:#ffc107;
					}
					.action-item a.eyes {
						background:#ad7aa7;
					}
					.action-item a:last-child {
						margin-right: 0;
					}
					.action-item a:hover {
						background:#ad7aa7;
						color: #fff;
					}
					.action-item span
					{
						background: #ccc;
					}
					.action-item span,
					.action-item a {
						display: inline-block;
						margin-right: 5px;
						padding: 3px 6px;
						border-radius: 5px;
						color: #fff;
					}
					.block-story .short_content
					{
						border: solid thin #ad7aa7;
						padding: 5px;
					}
					.block-story .cate a
					{
						display: inline-block;
						padding: 2px 5px;
						background:#ad7aa7;
						border-radius: 5px;
						color: #fff;
					}
					.nav-pills .nav-link
					{
						border-radius: 0;
						font-size: 24px;
						position: relative;
						padding: 5px 10px;
					}
					.nav-pills .nav-link:after
					{
						position: absolute;
						bottom: 0;
						height:1px;
						background: transparent;
						width: 100%;
						left: 0;
						content: '';
						z-index: 1;
					}
					.nav-pills .nav-link:hover:after,.nav-pills .nav-link.active:after
					{
						background: #fff;
					}
					.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
						background: transparent;
						color: #8a4182;

					}
					.block-story .title-story
					{
						background: #ad7aa7;
						color: #fff;
						padding: 0 5px;
						border-radius: 5px;
					}
					.social a img
					{
						width: 100%;
					}
					.social a.sky
					{
						color: #0268ff;
					}
					.social a.fb
					{
						color: #0268ff;
					}
					.social a img
					{
						border-radius: 999px;
					}
					.social a
					{
						display: inline-block;
						padding: 2px 5px;
						width: 40px;
						height: 40px;
						margin-right: 5px;
						color: #fff!important;
						font-size: 24px;
						text-align: center;
						border-radius: 999px;
						background: #ad7aa7;
					}
					.block-bar-action
					{
						background: #ad7aa7;
						display: flex;
						color: #fff;
						flex-wrap: wrap;
						justify-content: flex-start;
						border-radius: 5px;
					}
					.block-bar-action a:hover {
						color: #ffc107;
					}
					.block-bar-action a.active {
						color: #ffc107;
					}
					.block-bar-action a {
						padding: 0 10px;
						flex: 0 0 25%;
						text-align: left;
						max-width: 25%;
						margin-bottom: 10px;
					}

					.block-bar-action a i {
						margin-right: 5px;
						font-size: 20px;
						background: #ffff;
						padding: 5px 6px;
						color: #ad7aa7;
						border-radius: 999px;
					}
					.point
					{
						max-width: 30px;
					}

					@media(max-width: 991px)
					{
						.banner .text .breadcrumb
						{
							display: none;
						}
						.block-bar-action a
						{
							flex: 0 0 50%;
							max-width: 50%;
						}
						.logo-sm
						{
							display: block;
							padding: 10px;
						}

						.nav-menu .logo {
							max-width: 100%;
							padding: 5px;
						}
						.nav-menu {
							position: fixed;
							min-width: 250px;
							width: 70%;
							height: 100vh;
							background: #fff;
							left: -100%;
							z-index: 1000;
							top: 0;
							opacity: 0;
							visibility: hidden;
							pointer-events: none;
							-webkit-transition: .15s ease-in-out;
							-moz-transition: .15s ease-in-out;
							-ms-transition: .15s ease-in-out;
							-o-transition: .15s ease-in-out;
							transition: .15s ease-in-out;
						}
						.nav-menu.active {
							opacity: 1;
							visibility: visible;
							pointer-events: all;
							left: 0;
						}
						.nav-menu .tt-menu {
							padding: 5px 0;
							text-align: center;
						}
						.nav-menu .bt-close {
							max-width: 30px;
							width: 100%;
							height: 30px;
							font-size: 20px;
							color: #95a5d2;
							z-index: 1;
							text-align: center;
							cursor: pointer;
							-webkit-transition: 1s ease 0s;
							-moz-transition: 1s ease 0s;
							-ms-transition: 1s ease 0s;
							-o-transition: 1s ease 0s;
							transition: 1s ease 0s;
							margin-left: auto;
						}
						.nav-menu .bt-close:hover {
							color: #ee3239;
						}
						.nav-menu ul ul {
							display: none;
						}
						.nav-menu ul ul a {
							padding-left: 25px !important;
						}
						.nav-menu ul li {
							display: block;
							position: relative;
						}
						.nav-menu ul li a {
							display: block;
							text-align: left;
							padding: 6px 10px 6px 15px;
							background: #fff;
						}
						.nav-menu ul li i {
							position: absolute;
							max-width: 33px;
							display: flex;
							width: 100%;
							height: 33px;
							font-style: normal;
							right: 10px;
							top: 0;
							cursor: pointer;
							justify-content: center;
							align-items: center;
							color: #cac7c7;
							-webkit-transition: 0.3s ease 0s;
							-moz-transition: 0.3s ease 0s;
							-ms-transition: 0.3s ease 0s;
							-o-transition: 0.3s ease 0s;
							transition: 0.3s ease 0s;
						}
						.nav-menu ul li i.active {
							-webkit-transition: 0.3s ease 0s;
							-moz-transition: 0.3s ease 0s;
							-ms-transition: 0.3s ease 0s;
							-o-transition: 0.3s ease 0s;
							transition: 0.3s ease 0s;
							-webkit-transform: rotateZ(90deg);
							-moz-transform: rotateZ(90deg);
							-o-transform: rotateZ(90deg);
							-ms-transform: rotateZ(90deg);
							transform: rotateZ(90deg);
						}
						.nav-menu ul li i:hover {
							color: #000000e0;
						}
						.nav-menu ul li i:after {
							font-family: 'FontAwesome';
							content: '\f105';
							position: absolute;
							font-size: 28px;
							color: #98a5d3;
							top: 0;
							bottom: 0;
							display: flex;
							z-index: 1;
							right: 0;
							left: 0;
							text-align: center;
							justify-content: center;
							align-items: center;
						}
						.main_search
						{
							border: solid thin #8a4182;
							display: flex;
							align-items: center;
							position: relative;
						}
						.blur-black

						{

							position: fixed;

							background-color: #000000cf;

							z-index: 998;

							top: 0;

							left: 0;

							right: 0;

							bottom: 0;

							opacity: 0;

							visibility: hidden;

							pointer-events: none;

						}

						.blur-black.active

						{

							opacity: 1;

							visibility: visible;

							pointer-events: all;

						}

						.block-search

						{

							height: 0px;

							background-color: #8a4182;

							opacity: 0;

							visibility: hidden;

							display: flex;

							align-items: center;

							justify-content: center;

							z-index: 999;

							position: relative;

							transition: 0.2s all;

						}

						.block-search.active

						{

							height: 70px;

							opacity: 1;

							visibility: visible;

							top: 0;

							width: 100%;

							position: fixed;

						}

						.block-search .btn-close

						{

							font-size: 24px;
							color: #fff;
							margin-left: 15px;
						}

						.block-search button

						{

							position: absolute;
							right: 0px;
							width: 40px;
							height: 100%;
							color: #8a4182;
							outline: none;
							font-size: 22px;

						}

						.block-search input

						{

							min-width: 250px;
							border: none;
							padding: 8px 12px;

						}
					}
					@media (max-width: 480px) {
						.view_more
						{
							width: 120px;
						}
						.block-bar-action a {
							flex: 0 0 100%;
							max-width: 100%;
						}
						.content_pro .tab-content .item_chapter .iconlock {
							margin-bottom: 10px;
							margin-left: 10px;
						}
						.nav-pills .nav-link
						{
							font-size: 18px;
						}
						.wrap-login .panel-body 
						{
							padding: 10px 2px;
						}
						.story_detail .title_cover .function_button a
						{
							margin: 10px 10px 0 0;
						}
						header .mid_header form
						{
							position: absolute;
							top: 65px;
							right: 0px;
							left: 22px;
							width: 90%;
							z-index: 3;
						}
						button.btn-menu
						{
							color: #8a4182!important;
							border: 1px solid #8a4182!important;
						}
						.show-search i
						{
							margin-top: 6px;
							font-size: 24px;
						}
						.show-search
						{
							width: 40px;
							color: #8a4182;
							border: solid thin #8a4182;
							height: 40px;
							cursor: pointer;
							text-align: center;

						}
					}
					.logo-nav
					{
						max-width: 100px;
						display: block;
					}
					.user-none
					{
						user-select: none;
					}
					.tech5s-box-comment
					{
						padding: 30px 20px!important;
						border-radius: 10px;
					}
					.tech5s-box-comment .form-comment .btn-cm
					{
						background: #94a4d4!important;
						border-radius: 5px!important;
						border: solid 1px #e8ddf3!important;
					}
					.hv-yl a:hover,.hv-yl:hover
					{
						color: #ffeb3bcf!important;
					}
					.rotateZ
					{
						transform: rotateZ(180deg);
					}
					.story_highlight .item_story_high a.c-img
					{
						top: 0;
						padding-top: 150%;
					}
					.item_story_high .story_highlight .item_story_high
					{
						display: flex;
						align-items: center;
					}
					.item_story_high .story_highlight .item_story_high .text
					{
						padding: 0;
					}
					.story_highlight .item_story_high .text
					{
						padding: 10px 5px;
					}
					.item-chapter .success,
					.pro_detail .success
					{
						position: absolute;
						top: 0;
						right: 0px;
					}
					.page-login {
						background: #f9e9f7;
						padding-top: 25px;
						padding-bottom: 25px;
						border-radius: 10px;
					}
					.notifications .item:hover {
						background: #fff;
						color: #000;
					}
					.account_form .title
					{
						font-size: 28px;
					}
					.account_form form button
					{
						background-color: #fff;
					}
					.account_form form button,
					.account_form form input
					{
						padding: 8px 12px;
						margin-top: 10px;
						border-radius: 10px;
						border: none;
					}
					.account_form
					{
						padding: 10px;
						border-radius: 10px;
						background: #786ef3;
						color: #fff;
						display: flex;
						flex-direction: column;
						justify-content: center;
						align-items: center;
					}
					.cl-main
					{
						color: #ad7aa7;
					}
					.progress-bar
					{
						background: #ad7aa7;
					}
					.next-exp {
						color: #ad7aa7;
						font-size: 18px;
						font-weight: 600;
					}
					.add-boo.active {
						font-size: 24px;
						margin-left: 5px;
						color: #f44336;
					}
					.progress
					{
						height: 1.5rem;
					}
					.item-members .readmore
					{
						background: #ad7aa7;
						border-radius: 5px;
						color: #fff;
						padding: 5px;
					}
					.item-members .count
					{
						position: absolute;
						top: 5px;
						left: 10px;
						color: #ad7aa7;
						font-size: 18px;
					}
					.item-members .lv
					{
						position: absolute;
						top: -15px;
						right: -15px;
						line-height: 20px;
						color: white;
						padding: 5px;
						border-radius: 999px;
						width: 50px;
						border-bottom-left-radius: 3px;
						background: #ad7aa7;
						height: 50px;
						z-index: 1;
					}
					.item-members
					{
						background: #f3f3f3;
						padding: 10px;
						position: relative;
						border-radius: 3px;
						height: 100%;
					}
					.item-members img {
						border-radius: 999px;
						height: 200px;
						width: 200px;
					}

					.item-members .img {
						text-align: center;
					}
					.box-info .img img
					{
						width: 200px;
						height: 200px;
						border-radius: 999px;
					}
					.item-members
					{
						box-shadow: 0 0 10px 1px #ad7aa7;
					}
					.box-info,.block-list-story
					{
						box-shadow: 0 0 10px 1px #ad7aa7;
						padding: 10px 15px;
						border-radius: 3px;
					}
					.box-info .img 
					{
						border-radius: 999px;
						overflow: hidden;
					}
					.box-info a img
					{
						border-radius: 999px;
					}
					.box-info a:not(:last-child) {
						margin-right: 5px;
					}
					.box-info a {
						font-size: 20px;
						display: inline-block;
						color: #fff;
						text-align: center;
						width: 40px;
						border-radius: 999px;
						height: 40px;
						background: #94a3d3;
						line-height: 40px;
						text-align: center;
					}
					.story-item .title-story
					{
						font-weight: 600;
						font-size: 18px;
					}
					.btn-main
					{
						background: #ad7aa7;
						color: #fff;
						padding: 5px 8px;
					}
					.top-users .img img
					{
						width: 100px;
						height: 100px;
					}
					.form-intro {
						position: relative;
					}

					.form-intro input {
						width: 100%;
						padding: 8px 12px;
						padding-right: 50px;
					}

					.form-intro button {
						position: absolute;
						top: 0;
						right:0;
						height:100%;
					}
					.block-list-chapter .img
					{
						border-radius: 999px;
						height: 100%;
						overflow: hidden;
					}
					.block-list-chapter .short_content
					{
						background: #ad7aa7;
						color: #fff;
						border-radius: 10px;
						padding: 10px;
						overflow: hidden;
					}
					.point-flower:before
					{
						background-image: url('../images/hoa.png');
						display: inline-block;
						width: 25px;
						height: 25px;
						content: '';
						background-position: center;
						background-size: contain;
						vertical-align: middle;
						margin-right: 5px;
					}
					.log table tr td,.log table tr th {
						color: #fff;
						padding: 5px 10px;
					}

					.log table tr th {
						background: #ad7aa7;
					}

					.log table tr td {
						color: #000000d1;
						background: #f5f5f5;
						border: solid thin #ebebeb;
					}
					#profile-img-cover {
						display: block;
					}

					#profile-img-cover img {
						width: 100%;
						max-height: 230px;
						object-fit: cover;
					}
					.item-members .top.count {
						width: 40px;
						height: 40px;
						color: #fff;
						background: #8fa6d3;
						border-radius: 999px;
						line-height: 40px;
					}
					.like-and-share {
						margin-left: 5px;
						background: #8a4182;
						border-radius: 5px;
						padding: 5px;
						color: #fff;
					}
					.action-item .views {
						color: #f8f9fa;
						background: #007bff;
					}

					.action-item .likes {
						background: #ebebeb;
						color: #007bff;
					}
					.story_detail .tech5s-box-comment .comment-item .name-user,
					.story_detail .tech5s-box-comment .comment-item .rep_comment
					{
						color: #8a4182!important;
						font-size: 14px!important;
					}
					.item-vote .icon.like:hover
					{
						color: #007bff;
					}
					.item-vote .icon.dislike:hover
					{
						color: #dc3545;
					}
					.item-vote {
						position: relative;
						display: block;
						max-width: 50%;
						width: 50%;
						flex: 0 0 50%;
						font-size: 40px;
						cursor: pointer;
						text-align: center;
					}

					
					.item-vote input {
						position: absolute;
						top: 0;
						left: 0;
						height: 100%;
						right: 0;
						bottom: 0;
						z-index: 1;
						opacity: 0;
					}
					#send-like .modal-content{
						overflow: unset;
					}
					#send-like .modal-dialog {
						max-width: 350px;
						margin: auto;
					}

					.modal-dialog .close {
						border-radius: 999px;
						max-width: 30px;
						max-height: 30px;
						font-size: 24px;
						top: -15px;
						right: -15px;
					}
					.action-item .icon.dislike {
						color: #000;
					}
					.action-item .icon {
						margin-bottom: 5px;
					}
					.action-item .icon.cmt {
						color: #212529;
						background: rgba(0,123,255,.25);
					}
					.show-ratting {
						font-size: 36px;
						color: #FFEB3B;
						position: fixed;
						animation: lac 1s 1s linear infinite;
						right: 25px;
						bottom: 15%;
						z-index: 999;
						outline: none!important;
						cursor: pointer;
					}
					.item-vote .like {color: #2196F3;}
					@keyframes lac {
						0% {
							-webkit-transform: rotate(0deg);
							-moz-transform: rotate(0deg);
							-o-transform: rotate(0deg);
							-ms-transform: rotate(0deg);
							transform: rotate(0deg); }
							10% {
								-webkit-transform: rotate(-25deg);
								-moz-transform: rotate(-25deg);
								-o-transform: rotate(-25deg);
								-ms-transform: rotate(-25deg);
								transform: rotate(-25deg); }
								20% {
									-webkit-transform: rotate(25deg);
									-moz-transform: rotate(25deg);
									-o-transform: rotate(25deg);
									-ms-transform: rotate(25deg);
									transform: rotate(25deg); }
									30% {
										-webkit-transform: rotate(-25deg);
										-moz-transform: rotate(-25deg);
										-o-transform: rotate(-25deg);
										-ms-transform: rotate(-25deg);
										transform: rotate(-25deg); }
										40% {
											-webkit-transform: rotate(25deg);
											-moz-transform: rotate(25deg);
											-o-transform: rotate(25deg);
											-ms-transform: rotate(25deg);
											transform: rotate(25deg); }
											50% {
												-webkit-transform: rotate(0deg);
												-moz-transform: rotate(0deg);
												-o-transform: rotate(0deg);
												-ms-transform: rotate(0deg);
												transform: rotate(0deg); }
												100% {
													-webkit-transform: rotate(0deg);
													-moz-transform: rotate(0deg);
													-o-transform: rotate(0deg);
													-ms-transform: rotate(0deg);
													transform: rotate(0deg); } }
													.messager .count
													{
														line-height: 14px;
														font-size: 12px;
														position: absolute;
														width: 15px;
														height: 15px;
														background: white;
														color: #ad7aa7;
														border-radius: 999px;
													}
													.item-news .name
													{
														flex:  0 0 70%;
														max-width: 70%;
													}
													.item-news:not(.hot) .top
													{
														display: none;
													}
													.item-news.hot .top
													{
														color: red;
														font-weight: 600;
													}
													.item-news .time
													{
														flex: 0 0 30%;
														max-width: 30%;
													}
													
													#frmLogin .modal-body {
  padding: 30px 20px; }
#frmLogin .nav li {
  flex: 0 0 50%;
  max-width: 50%;
  text-align: center; }
  #frmLogin .nav li a {
    background: #F9F9F9;
    color: #D3D3D3;
    box-shadow: inset 0px 4px 4px rgba(0, 0, 0, 0.15);
    border-radius: 0 !important;
    padding: 15px 5px; }
    #frmLogin .nav li a.active, #frmLogin .nav li a:hover, #frmLogin .nav li a:focus {
          background: #ad7aa7;
    color: #fff; }
#frmLogin .modal-content
{
	border-radius: 10px;
}
#frmLogin button {
  padding: 12px 15px;
  border-radius: 5px;
  color: #fff; }
#frmLogin div[class^="form-gr"] {
  position: relative; }
  #frmLogin div[class^="form-gr"] i {
    position: absolute;
    top: calc(50% - 8px);
    left: 10px;
    color: #888888;
    z-index: 0; }
  #frmLogin div[class^="form-gr"] input {
    padding-left: 30px; }

.login-social .option-login {
  flex: 0 0 49%;
  padding: 12px 15px;
  max-width: 49%;
  color: #fff;
  border-radius: 5px; }
  .login-social .option-login i {
    color: #fff; }
  .login-social .option-login.fb {
    background: #4267B2; }
  .login-social .option-login.gg {
    background: #DD4B39; }
.bgmain
{
	background: #ad7aa7;
}
.page-login .login-block
{

}

@keyframes lac
{
	0%{transform: rotateZ(50deg);}
	50%{transform: rotateZ(75deg);}
	100%{transform: rotateZ(50deg);}
}

.unlock_all {
    display: inline-block;
    position: absolute;
    z-index: 1;
    right: -15px;
    top: -15px;
    transform: rotate(45deg);
    animation: lac 1.5s linear infinite;
}

.unlock_all img {
    width: 50px;
    height: 50px;
}

.jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-title {
    line-height: 1.5;
}

.jconfirm .jconfirm-box div.jconfirm-content-pane {
    max-height: 100px!important;
}
.full_unlock {
    display: inline-block;
    position: absolute;
    top: -15px;
    right: 30px;
    z-index: 1;
}

.full_unlock img {
    width: 50px;
    height: 50px;
}
@media(max-width: 991px){
	.block-login-success {
    display: none;
}
}