:root {
	--bg-color-text: #ff8249;
	--bg-btn-download: #ff8249;
}

html, body {
	font-family: Roboto,sans-serif;
	font-size: 16px;
	margin: 0 auto;
	color: #4a474c;
	padding: 0;
	background-color: #f8f9fa;
}

a {
	color: #195fd7;
}

	a:visited, a:hover, a:link {
		text-decoration: none !important
	}

.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0
}

h1, h2, h3 {
	margin: 0
}

.fl {
	float: left
}

ul {
	padding: 0;
	margin: 0;
	list-style: none
}

p {
	margin: 0 0 10px;
	line-height: 25px;
}

.mag0 {
	margin: 0 !important
}

.magr10 {
	margin-right: 10px
}

.magT40 {
	margin-top: 40px
}

.magT10 {
	margin-top: 10px
}

.relative {
	position: relative
}

.img, img {
	max-width: 100%;
	height: auto;
}

.container {
	max-width: 1200px;
	margin: 0 auto;
	position: relative;
}

.container-main {
	background: #fff;
	-webkit-box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);
	box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);
	border-radius: .25rem;
	margin-bottom: 10px;
}

.flex {
	display: flex
}

.flex-a-i-center {
	align-items: center
}

.center {
	text-align: center
}

html:not(.tab-outline) *:focus {
	outline: none
}

table {
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%
}

.language {
	float: right;
	position: absolute;
	right: 40px;
	cursor: pointer
}


.ftco-section {
	padding: 20px 20px 20px;
}

.tik-main {
	padding: 60px 20px 50px;
}

h1.title, h2.title, h3.title {
	font-weight: 600;
	font-size: 30px;
	margin-bottom: 10px
}

h2.title, h3.title {
	font-size: 2em;
}

.h2-subcontent {
	font-size: 18px;
	font-weight: 500;
}

.search-form {
	margin: 20px 0 20px;
	display: flex;
	align-items: center;
	justify-content: center;
}

	.search-form .input-group {
		display: inline-block;
		width: 65%;
		position: relative;
	}

.search-form .input-group input {
	width: 100%;
	box-sizing: border-box;
	border-radius: 5px 0 0 5px;
	height: 55px;
	padding: 17px 20px;
	font-size: 16px
}

.btn-red, .btn-gray {
	background: var(--bg-btn-download);
	border-radius: 0 5px 5px 0;
	padding: 18px 40px;
	display: inline-block;
	border: none;
	color: #fdfdfe;
	font-size: 17px;
	font-weight: 600;
	cursor: pointer;
	height: 55px;
	transition: all .3s;
	gap: 3px;
}


	.btn-red:hover {
		color: #fff;
		box-shadow: none;
		opacity: 0.8;
	}

.flex-center {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.listitem {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	padding: 2rem 0 0;
	text-align: left;
}

	.listitem li {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		margin-bottom: 3rem;
	}

		.listitem li .post-content h3 {
			margin-bottom: .5rem;
			font-weight: 600;
		}

		.listitem li .post-content img {
			width: 32px;
			height: auto;
			vertical-align: middle;
			margin-right: 5px;
		}

		.listitem li .post-content p {
			line-height: 20px;
			margin-bottom: 0;
		}

@media only screen and (min-width: 992px) {
	.listitem {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}

		.listitem li {
			-webkit-box-flex: 0;
			-ms-flex: 0 0 30%;
			flex: 0 0 30%;
			text-align: left;
		}
}

@media only screen and (max-width: 992px) {
	.listitem li {
		text-align: center;
	}
}

.bg1 {
	background: #d2e3fc
}

.bg2 {
	background: #fad2cf
}

.bg3 {
	background: #ceead6
}

.bg4 {
	background: #feefc3
}

.bg5 {
	background: #ffd5ec
}

.bg6 {
	background: #d1f4ff
}

ul.listicon {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin: 50px 0
}

	ul.listicon li:not(:last-child) {
		margin-right: 25px
	}

.mw70 {
	max-width: 700px;
	margin: 0 auto
}

ul.liststep {
	flex-wrap: nowrap;
	max-width: 100%
}

	ul.liststep li {
		display: table;
		width: 33.33333%
	}

		ul.liststep li .number {
			font-weight: 600;
			font-size: 45px;
			width: 80px;
			height: 80px;
			line-height: 80px;
			border-radius: 50%;
			display: table;
			color: #4285f4;
			text-align: center;
			margin-right: 20px;
			background: #fff;
			-webkit-box-shadow: 0 1px 5px #d0d0d0;
			box-shadow: 0 1px 5px #d0d0d0;
		}

		ul.liststep li span {
			text-align: left;
			display: table-cell;
			vertical-align: middle
		}

.contact {
	border-top: 1px solid #dfdfdf;
	padding: 60px 0;
	margin-top: 20px
}

	.contact .container {
		max-width: 840px;
		text-align: center
	}

.contact-form {
	text-align: left;
	margin: 50px 0 20px
}

.form-control {
	background: #fafafa;
	border: 1px solid #e8e8e8;
	box-sizing: border-box;
	border-radius: 6px;
	color: #666;
	font-size: 13px;
	padding: 20px
}

textarea.form-control {
	width: 100%;
	resize: none;
	margin-bottom: 10px;
	font-family: Roboto,sans-serif;
}

input.form-control {
	height: 56px;
	width: 38.333333%;
	margin-right: 10px
}

.btn-gray {
	background: #dfdfdf;
	border-radius: 6px;
	color: #4a474c;
	box-shadow: none;
	font-weight: 400;
	padding: 18px 60px;
	margin: 0
}

	.btn-gray:hover {
		background: red;
		color: #fff
	}

.copyright {
	background: #f5f5f5;
	color: #fff;
	padding: 15px 0;
	text-align: center;
}

	.copyright ul {
		justify-content: center;
	}

		.copyright ul a, .copyright ul p {
			color: #4a474c;
			font-weight: 500;
			display: inline-block;
			padding: 0 25px;
			margin: 0;
		}

.sub-language.show-language .sub_menu {
	transform: scale(1);
	visibility: visible;
	opacity: 1
}

.sub_menu {
	position: absolute;
	background: #fff;
	width: 230px;
	border: 1px solid #f4f4f4;
	visibility: hidden;
	opacity: 0;
	z-index: 1;
	top: 30px;
	right: 0;
	box-shadow: 0 4px 18px rgba(0,0,0,.14);
	border-radius: 5px
}

	.sub_menu li a {
		display: block;
		padding: 10px 20px;
		color: #000;
		text-align: left
	}

	.sub_menu a:hover {
		background: #eaeaea;
		color: #0066a5 !important
	}

.listvideo {
	display: flex;
	flex-wrap: wrap;
	margin-top: 30px
}

	.listvideo li {
		max-width: 31.222%;
		margin: 0 3% 30px 0;
		width: 31.222%
	}

		.listvideo li a:hover .content h3 {
			color: red
		}

		.listvideo li:nth-child(3n) {
			margin-right: 0
		}

		.listvideo li img {
			height: 168px;
			overflow: hidden;
			background-size: cover;
			background-repeat: no-repeat;
			background-position: center center;
			position: relative;
			display: block;
			border-radius: 7px;
			width: 100%;
			object-fit: cover
		}

		.listvideo li .content {
			display: table;
			margin-top: 10px
		}

			.listvideo li .content .avarta, .thumbnail .content .avarta {
				width: 35px;
				height: 35px;
				border-radius: 50%;
				display: table;
				margin-right: 15px
			}

			.listvideo li .content .clearfix {
				display: table-cell;
				vertical-align: top;
				text-align: left
			}

			.listvideo li .content h3, .thumbnail .content h3 {
				color: #333;
				font-weight: 600;
				font-size: 14px;
				margin-bottom: 5px;
				max-height: 97px;
				overflow: hidden;
			}

			.listvideo li .content p {
				color: #666;
				font-size: 13px;
				margin-bottom: 0
			}

.line {
	border-bottom: 1px solid #dfdfdf
}

.detail {
	position: relative;
}

.sp-sm {
	position: absolute;
	text-align: center;
	top: 0;
	background: rgba(0,0,0,0.7);
	color: #fff;
	width: 100%;
	display: none;
}

.group-share {
	margin-top: 50px;
}

table.table-bordered tr td {
	border-bottom: 1px solid #dfdfdf;
	padding: 10px 15px;
	color: #333;
	text-align: left;
	font-size: 14px
}

.btn-gray-small, .btn-blue-small, .btn-white-small {
	background: #e8e8e8;
	border-radius: 6px;
	border: none;
	width: 150px;
	padding: 10px 0;
	font-weight: 600;
	font-size: 13px;
	cursor: pointer;
	transition: all .3s
}

	.btn-gray-small:hover {
		background: red;
		color: #fff
	}

.btn-blue-small {
	background: #195fd7;
	color: #fff
}

	.btn-blue-small:hover {
		opacity: 0.8;
	}

.btn-white-small {
	background: #fff;
	border: 1px solid #e8e8e8;
	color: #2879fe;
	font-weight: 400
}

	.btn-white-small:hover {
		background: #2879fe;
		color: #fff
	}

.mesg-convert {
	background: #2196f3;
	border-radius: 6px;
	padding: 9px 20px;
	display: inline-block;
	color: #fff;
	font-size: 13px;
	font-weight: 600;
	white-space: nowrap
}

.success {
	background: #195fd7
}

	.success:hover {
		opacity: 0.8;
	}

.mesg-convert.success {
	padding: 9px 50px
}

a.success {
	color: #fff;
	font-weight: 600;
	font-size: 13px
}

table.table-bordered tr td:first-child {
	width: 20%
}

table.table-bordered tr td:nth-child(2n) {
	width: 20%
}

table.table-bordered tr td:last-child {
	width: 60%
}

.items-more li {
	margin-bottom: 10px;
}

.error {
	border: 1px solid #fff1ba;
	border-radius: 6px;
	text-align: center;
	padding: 10px;
	background: #fff1ba;
	margin-top: 20px;
	width: 98%;
	margin: 0 auto;
	margin-top: 15px;
}

.alert-gr {
	width: 80%;
	text-align: center;
}

@media only screen and (max-width:640px) {
	.error, .alert-gr {
		width: auto;
	}
}

.error p {
	color: rgba(0,0,0,.7);
	margin: 0;
}

	.error p a {
		color: rgba(0,0,0,.7);
		text-decoration: underline !important;
	}

.magT10 .error {
	margin: 0;
}

.h1-title {
	font-size: 18px;
	margin-bottom: 5px;
}

.privacy p {
	font-size: 16px;
	line-height: 24px;
	color: #000
}

.privacy ul {
	list-style: disc;
	padding-left: 20px;
	font-size: 16px;
	line-height: 24px;
	color: #000
}

	.privacy ul li {
		margin-bottom: 5px
	}

.form-control-small {
	padding: 10px;
	margin-right: 10px !important
}

.form-control-small {
	display: block;
	font-size: 16px;
	font-family: Roboto,sans-serif;
	font-weight: 700;
	color: #444;
	line-height: 1.3;
	padding: .6em 1.4em .5em .8em;
	box-sizing: border-box;
	border: 1px solid #aaa;
	box-shadow: 0 1px 0 1px rgba(0,0,0,.04);
	border-radius: .5em;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	background-color: #fff;
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyOTIuNCIgaGVpZ2h0PSIyOTIuNCI+PHBhdGggZmlsbD0iIzAwN0NCMiIgZD0iTTI4NyA2OS40YTE3LjYgMTcuNiAwIDAgMC0xMy01LjRIMTguNGMtNSAwLTkuMyAxLjgtMTIuOSA1LjRBMTcuNiAxNy42IDAgMCAwIDAgODIuMmMwIDUgMS44IDkuMyA1LjQgMTIuOWwxMjggMTI3LjljMy42IDMuNiA3LjggNS40IDEyLjggNS40czkuMi0xLjggMTIuOC01LjRMMjg3IDk1YzMuNS0zLjUgNS40LTcuOCA1LjQtMTIuOCAwLTUtMS45LTkuMi01LjUtMTIuOHoiLz48L3N2Zz4=),linear-gradient(to bottom,#ffffff 0%,#e5e5e5 100%);
	background-repeat: no-repeat,repeat;
	background-position: right .7em top 50%,0 0;
	background-size: .65em auto,100%
}

	.form-control-small::-ms-expand {
		display: none
	}

	.form-control-small:hover {
		border-color: #888
	}

	.form-control-small:focus {
		color: #222;
		outline: none
	}

	.form-control-small option {
		font-weight: 400
	}

@media only screen and (max-width:640px) {
	.container {
		margin: 0;
	}

	.language {
		right: 15px
	}

	.search-form .input-group {
		width: 100%
	}

		.search-form .input-group input {
			border-radius: 5px;
		}

	.btn-red, .btn-gray {
		border-radius: 5px;
	}

	.listitem, ul.liststep, .listvideo {
		display: block
	}

		ul.liststep li {
			width: 100%
		}

	.search-form .btn-red {
		width: 100%;
		margin: 10px 0 0
	}

	ul.listicon {
		margin: 20px 0 0
	}

		ul.listicon li {
			margin: 0 10px 2% !important
		}

	.ftco-section {
		padding: 10px 10px 0;
	}

	.tik-main {
		padding: 30px 10px 10px;
	}

	h1.title, h2.title, h3.title {
		font-size: 20px
	}

	h2.title, h3.title {
		font-size: 18px
	}

	.h2-subcontent {
		font-size: 16px;
	}

	.contact {
		padding: 30px 0
	}

	input.form-control {
		width: 100%;
		margin: 0 0 10px
	}

	.btn-gray {
		width: 100%
	}

	ul.listicon li img {
		max-width: 85px
	}

	.listvideo li {
		max-width: 100%;
		width: 100%;
		margin: 0 0 20px;
		display: flex
	}

		.listvideo li img {
			height: auto;
			width: 120px;
			margin-right: 15px;
			float: left
		}

		.listvideo li .content {
			margin-top: 0
		}

			.listvideo li .content .avarta, .thumbnail .content .avarta {
				display: none
			}

	.nowidth {
		width: auto;
		margin-bottom: 40px
	}

	.sp-sm {
		display: block;
	}

	.group-share {
		margin-top: 0;
	}

	table.table-bordered tr td {
		padding: 10px 5px
	}

		table.table-bordered tr td:first-child {
			width: 30%;
			text-align: left !important
		}

		table.table-bordered tr td:nth-child(2n) {
			width: 30%
		}

		table.table-bordered tr td:last-child {
			width: 40%;
			text-align: right
		}

		table.table-bordered tr td .magr10 {
			margin: 0 0 10px
		}

	.detail .form-control {
		display: block;
		width: 100%;
		margin-bottom: 10px
	}

	.mesg-convert {
		display: block;
		text-align: center
	}

	.search-form {
		margin: 10px 0 10px;
		display: block;
	}
}

@media only screen and (max-width:380px) {
	.container {
		margin: 0;
	}

	.copyright ul a {
		padding: 0 10px
	}
}

.lds-dual-ring {
	display: inline-block;
	width: 16px;
	height: 13px
}

	.lds-dual-ring:after {
		content: " ";
		display: block;
		width: 10px;
		height: 10px;
		margin: 0;
		border-radius: 50%;
		border: 3px solid #fff;
		border-color: #fff transparent #fff transparent;
		animation: lds-dual-ring 2.1s linear infinite
	}

@keyframes lds-dual-ring {
	0% {
		transform: rotate(0deg)
	}

	100% {
		transform: rotate(360deg)
	}
}

#loader-wrapper {
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1000
}

#loader {
	display: block;
	position: relative;
	left: 50%;
	top: 50%;
	width: 150px;
	height: 150px;
	margin: 0 0 0 -75px;
	border-radius: 50%;
	border: 3px solid transparent;
	border-top-color: #3498db;
	-webkit-animation: spin 2s linear infinite;
	animation: spin 2s linear infinite;
	z-index: 1001
}

	#loader:before {
		content: "";
		position: absolute;
		top: 5px;
		left: 5px;
		right: 5px;
		bottom: 5px;
		border-radius: 50%;
		border: 3px solid transparent;
		border-top-color: #e74c3c;
		-webkit-animation: spin 3s linear infinite;
		animation: spin 3s linear infinite
	}

	#loader:after {
		content: "";
		position: absolute;
		top: 15px;
		left: 15px;
		right: 15px;
		bottom: 15px;
		border-radius: 50%;
		border: 3px solid transparent;
		border-top-color: #f9c922;
		-webkit-animation: spin 1.5s linear infinite;
		animation: spin 1.5s linear infinite
	}

@-webkit-keyframes spin {
	0% {
		-webkit-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		transform: rotate(0deg)
	}

	100% {
		-webkit-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

@keyframes spin {
	0% {
		-webkit-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		transform: rotate(0deg)
	}

	100% {
		-webkit-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

#loader-wrapper .loader-section {
	position: relative;
	top: 0;
	width: 51%;
	height: 100%;
	z-index: 1000;
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0)
}

	#loader-wrapper .loader-section.section-left {
		left: 0
	}

	#loader-wrapper .loader-section.section-right {
		right: 0
	}

.loaded #loader-wrapper .loader-section.section-left {
	-webkit-transform: translateX(-100%);
	-ms-transform: translateX(-100%);
	transform: translateX(-100%);
	-webkit-transition: all .7s .3s cubic-bezier(.645,.045,.355,1);
	transition: all .7s .3s cubic-bezier(.645,.045,.355,1)
}

.loaded #loader-wrapper .loader-section.section-right {
	-webkit-transform: translateX(100%);
	-ms-transform: translateX(100%);
	transform: translateX(100%);
	-webkit-transition: all .7s .3s cubic-bezier(.645,.045,.355,1);
	transition: all .7s .3s cubic-bezier(.645,.045,.355,1)
}

.loaded #loader {
	opacity: 0;
	-webkit-transition: all .3s ease-out;
	transition: all .3s ease-out
}

.loaded #loader-wrapper {
	visibility: hidden;
	-webkit-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	transform: translateY(-100%);
	-webkit-transition: all .3s 1s ease-out;
	transition: all .3s 1s ease-out
}

.nopading {
	padding-bottom: 0
}

.detail .form-control.hidden, .hidden {
	display: none
}

.caret {
	width: 0;
	height: 0;
	display: inline-block;
	border: 40px solid transparent;
}

	.caret.down {
		border-top-color: white;
	}

	.caret.right {
		border-left-color: black;
	}

	.caret.up {
		border-bottom-color: black;
	}

	.caret.left {
		border-right-color: black;
	}
/* Add a black background color to the top navigation */
.topnav {
	overflow: hidden;
}

	/* Style the links inside the navigation bar */
	.topnav a {
		float: left;
		display: block;
		color: #333333;
		text-align: center;
		padding: 18px 10px;
		text-decoration: none;
	}

	/* Hide the link that should open and close the topnav on small screens */
	.topnav .icon {
		display: none;
	}

/* Dropdown container - needed to position the dropdown content */
.dropdown {
	float: left;
	overflow: hidden;
	cursor: pointer;
}

	/* Style the dropdown button to fit inside the topnav */
	.dropdown .dropbtn {
		font-size: 16px;
		border: none;
		outline: none;
		padding: 17px 10px;
		background-color: inherit;
		font-family: inherit;
		margin: 0;
	}

/* Style the dropdown content (hidden by default) */
.dropdown-content {
	display: none;
	position: absolute;
	background-color: #fff;
	min-width: 160px;
	box-shadow: 0 8px 8px rgba(10,10,10,.1);
	z-index: 1;
	margin-bottom: 10px;
	border-top: 2px solid #dbdbdb;
}

	/* Style the links inside the dropdown */
	.dropdown-content a {
		float: none;
		color: #212529;
		font-weight: 400;
		padding: 8px 16px;
		text-decoration: none;
		display: block;
		text-align: left;
	}

	.dropdown-content .two-column {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		font-size: 15px;
		padding: 5px;
	}

		.dropdown-content .two-column a {
			font-size: 15px;
		}

.menu-right {
	right: 0;
}
/* Add a dark background on topnav links and the dropdown button on hover */
.topnav a:hover, .dropdown:hover .dropbtn {
	color: #195fd7;
}

.topnav .nav-logo a {
	color: #195fd7;
	font-size: 24px;
	padding: 14px !important;
	font-weight: bold;
}

.logo-name {
	display: inline-block;
	color: var(--bg-color-text);
}

	.logo-name span {
		display: inline-block;
		background: var(--bg-color-text);
		background-clip: text;
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
	}

	.logo-name b {
		color: #4a4a4a;
	}
/* Add a grey background to dropdown links on hover */
.dropdown-content a:hover {
	background-color: #f5f5f5;
	color: black;
}

/* Show the dropdown menu when the user moves the mouse over the dropdown button */
.topnav .nav-item {
	float: right;
}

.cl-red {
	color: red;
}

.tips {
	margin-top: 5px;
}

	.tips img {
		max-width: 100%;
		height: auto;
	}
/* The "responsive" class is added to the topnav with JavaScript when the user clicks on the icon. This class makes the topnav look good on small screens (display the links vertically instead of horizontally) */
@media screen and (max-width: 900px) {
	.topnav .nav-item a, .dropdown .dropbtn {
		display: none;
	}

	.topnav .nav-item {
		width: 100%;
	}

	.topnav span.icon {
		float: right;
		display: block;
		color: #4a4a4a;
		font-size: 25px;
		padding: 10px;
		font-weight: bold;
		cursor: pointer;
	}

	.topnav.responsive {
		position: relative;
	}

	.dropdown-content {
		background: #fff;
		box-shadow: none;
		padding-left: 10px;
	}

		.dropdown-content a:hover {
			background-color: #195fd7;
			color: #fff;
		}

		.dropdown-content .two-column {
			display: block;
			padding: inherit;
		}

			.dropdown-content .two-column a {
				font-size: 16px;
				padding: 12px;
			}

	.topnav.responsive a.icon {
		position: absolute;
		right: 0;
		top: 0;
	}

	.topnav.responsive a {
		float: none;
		display: block;
		text-align: left;
		padding: 10px;
	}

	.topnav.responsive .dropdown {
		float: none;
	}

	.topnav.responsive .dropdown-content {
		position: relative;
		margin-bottom: 0;
		border-top: none;
	}

	.topnav.responsive .dropdown .dropbtn {
		display: block;
		width: 100%;
		text-align: left;
		padding: 10px;
	}
}

.btn {
	display: inline-block;
	margin-bottom: 0;
	font-weight: normal;
	text-align: center;
	vertical-align: middle;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	background-image: none;
	border: 1px solid transparent;
	white-space: nowrap;
	padding: 6px 12px;
	font-size: 16px;
	line-height: 1.42857143;
	border-radius: 4px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.btn-info {
	color: #fff;
	background-color: #5bc0de;
	border-color: #46b8da;
}

.btn-success {
	color: #fff;
	background-color: #5cb85c;
	border-color: #4cae4c;
}

.extension {
	display: none;
	position: fixed;
	bottom: 14px;
	right: 0;
	z-index: 1200;
	width: 220px;
	font-weight: 400;
	color: #fff;
	cursor: pointer;
	box-shadow: 0 2px 4px 0 rgba(0,0,0,.19);
	background: #c10841;
	transform: translateZ(0)
}

	.extension.is-rolledUp {
		margin-right: 20px;
		border-radius: 5px;
		animation: extRollUp 2.6s ease-in-out
	}

@media(min-width:1025px) {
	.extension {
		display: block;
		animation: extAppear .8s ease-in-out
	}
}

.extension-header {
	padding: 5px 10px;
	font-size: 0;
	line-height: 0
}

.is-init .extension-header {
	border-radius: 0;
	background: 0 0
}

.is-rolledUp .extension-header {
	border-radius: 5px;
	background: #048966;
	animation: extRollUpHeader 2.6s ease-in-out
}

.is-rolledUp--half .extension-header {
	animation: none;
	transition: all .78s ease-in-out .78s
}

.is-superCollapsed .extension-header, .is-rolledDown .extension-header {
	padding: 6px;
	border-radius: 5px 0 0 5px;
	animation: extRollDownHeader 2.6s ease-in-out
}

.is-superCollapsed .extension-header {
	animation: none
}

.is-rolledDown--half .extension-header {
	animation: extRollDownHeaderHalf 1.95s ease-in-out
}

.extension-headerImgContainer {
	display: inline-block;
	width: 56px;
	height: 60px;
	margin-right: 16px;
	vertical-align: middle;
	line-height: 60px
}

.is-rolledUp .extension-headerImgContainer {
	transition: all 0 ease-in-out .91s
}

.is-superCollapsed .extension-headerImgContainer, .is-rolledDown .extension-headerImgContainer {
	width: 26px;
	height: 26px;
	margin-right: 0;
	text-align: center;
	line-height: 26px;
	transition: all 0 ease-in-out 1.82s
}

.is-rolledDown--half .extension-headerImgContainer {
	transition: all 0 ease-in-out 1.17s
}

.extension-headerImg {
	max-width: 100%;
	max-height: 100%
}

.extension-headerText {
	display: inline-block;
	overflow: hidden;
	width: calc(100% - 56px - 16px);
	max-height: 150px;
	line-height: 1.25em;
	vertical-align: middle;
	font-size: 15px;
	font-weight: 700
}

.is-rolledUp .extension-headerText {
	transition: all 0 ease-in-out .91s
}

.is-superCollapsed .extension-headerText, .is-rolledDown .extension-headerText {
	max-height: 0;
	width: 0;
	transition: all 0 ease-in-out 1.82s
}

.is-rolledDown--half .extension-headerText {
	transition: all 0 ease-in-out 1.17s
}

.alert {
	border-radius: 6px;
	margin: 10px auto;
	padding: 10px;
	font-size: 15px;
}

.alert-warning {
	background-color: #d4edda;
	border-color: #d4edda;
	color: #00b887;
}

	.alert-warning a {
		color: #155724;
	}

.text-left p img {
	display: block;
	max-width: 100%;
	margin: 0 auto;
}

.bg-black {
	background: #212429;
}

	.bg-black p {
		color: #fff;
	}

#navbar {
	background: #fff;
	border-bottom: 1px solid #e1e1e1;
}

.btn-danger {
	background: #f00;
}

.btn-active {
	background: #227dc7;
}

.d-none {
	display: none;
}

@media (max-width: 480px) {
	.copyright ul li:first-child {
		display: none;
	}

	.magT10 .flex {
		display: block;
	}

	.addthis-detail {
		text-align: center;
	}

	ul.flex {
		flex-wrap: wrap;
	}

	.copyright ul li {
		flex: 0 50%;
		padding: 8px 0;
	}

	.copyright ul a, .copyright ul p {
		padding: 5px 25px;
	}
}

.fa, .fab, .fal, .far, .fas {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	line-height: 1;
}

.fa-angle-double-down:before {
	content: url(/imgs/angle-double.png);
}

.group-share fieldset {
	border-radius: 5px;
	border-color: #e1e1e1;
}

.group-share legend {
	font-weight: 600;
	text-align: center;
}

.section-tips {
	margin-top: 10px;
	list-style: disc;
}

	.section-tips li {
		margin-bottom: 10px;
	}

		.section-tips li:last-child {
			margin-bottom: 0;
		}

.faq_item {
	margin-bottom: 10px;
}

.faq_item_content li {
	line-height: 25px;
}

.post-content h1, .post-content h2, .post-content h3, .post-content h4 {
	margin-bottom: 10px;
	line-height: initial;
}

.post-content h1 {
	font-size: 20px;
}

.post-content h2 {
	font-size: 18px;
}

.post-content h3, .post-content h4 {
	font-size: 16px;
}

.icon.icon-download {
	background: url(/imgs/download.svg) no-repeat center;
	margin-right: 3px !important;
	margin-left: 0 !important;
	width: 16px;
	height: auto;
}

.tik-video {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	text-align: left;
	overflow: hidden;
	box-shadow: 0 1px 3px #0000001f, 0 1px 2px #0000003d;
	border-radius: 5px;
	padding: 10px;
	margin-top: 30px;
}

.tik-left, .tik-right {
	flex: 50%;
}

.tik-right {
	text-align: right;
	overflow: hidden;
}

.thumbnail {
	text-align: left;
	display: flex;
}

	.thumbnail .image-tik {
		height: 168px;
		width: 168px;
		display: block;
		position: relative;
	}

@media only screen and (max-width: 640px) {
	.thumbnail .image-tik {
		height: 100px;
		width: 100px;
		display: block;
		position: relative;
	}

	.tik-right a {
		display: flex;
	}
}

.thumbnail .image-tik img {
	border-radius: .25rem;
	object-fit: cover;
	height: 100%;
	width: 100%;
	display: block;
	min-width: 80px;
	box-shadow: 0 10px 15px -3px #e2e1e1, 0 4px 6px -2px #dcdcdc;
}

.thumbnail .content {
	display: flex;
	margin-left: 10px;
}

.tik-right p {
	margin-bottom: 5px;
}

	.tik-right p:last-child {
		margin: 0;
	}

.button {
	background-color: #fff;
	border-color: #dbdbdb;
	border-width: 1px;
	color: #363636;
	cursor: pointer;
	justify-content: center;
	padding-bottom: calc(.5em - 1px);
	padding-left: 1em;
	padding-right: 1em;
	padding-top: calc(.5em - 1px);
	text-align: center;
	white-space: nowrap;
	display: inline-flex;
}

.dl-success {
	background-color: var(--bg-btn-download);
	border-color: transparent;
	color: #fff;
	border-radius: 5px;
	min-width: 190px;
}

.btn-render {
	background-color: #0a58ca;
}

.tik-button-dl:hover, .tik-button-dl:focus {
	opacity: .8;
}

@media only screen and (max-width: 640px) {
	.tik-left, .tik-right {
		flex: 100%;
	}

	.tik-left {
		margin-bottom: 10px;
	}

	.tik-right {
		text-align: center
	}

	.tik-video {
		padding: 5px;
		margin-top: 10px;
	}
}

.more-video {
	margin-top: 10px;
	padding: 8px 0;
}

.button.is-dark {
	background-color: #0088cc;
	border-color: transparent;
	color: #fff;
	padding: 10px;
	border-radius: 6px;
}

.button.is-fullwidth {
	display: flex;
}

.overlay {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(0, 0, 0, 0.7);
	transition: opacity 500ms;
	visibility: hidden;
	opacity: 0;
	z-index: 9999999999;
}

	.overlay:target {
		visibility: visible;
		opacity: 1;
	}

.popup-body {
	position: relative;
	width: 100%;
	height: 100%;
}

	.popup-body .close {
		position: relative;
		transition: all .1s ease-in-out;
		opacity: .8;
		fill: #fff;
		position: absolute;
		top: 15px;
		cursor: pointer;
		right: 15px;
		z-index: 99999999999;
	}

.popup-content {
	padding: 20px;
	background: transparent;
	text-align: center;
	border-radius: 5px;
	max-width: 100%;
	width: 90%;
	height: 90%;
	display: block;
	top: 50%;
	left: 50%;
	position: fixed;
	transform: translate(-50%,-50%);
}

	.popup-content video {
		max-width: 90%;
		max-height: 90%;
	}

.zoom-show {
	visibility: visible;
	opacity: 1;
}

.dl-action {
	position: relative;
}

.link-ex i {
	display: block;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	color: #195fd7;
}

.text-red {
	color: #f00;
}

.tip-img {
	max-height: 55px;
	max-width: 100%;
	border: 1px solid #eff3f4;
}

.faq_item h4 {
	margin: 0;
	font-size: 20px;
}

faq_item ul li {
	margin-bottom: 5px;
}

.faq_item {
	border: 1px solid rgba(0,0,0,.15);
	border-radius: 10px;
	margin-bottom: 12px;
	padding: 11px 60px 11px 20px;
	background-image: url(data:image/svg+xml,%3Csvg%20width%3D%2214%22%20height%3D%2214%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Crect%20y%3D%226%22%20width%3D%2214%22%20height%3D%222%22%20rx%3D%221%22%20fill%3D%22%23000%22%2F%3E%3Crect%20x%3D%226%22%20y%3D%2214%22%20width%3D%2214%22%20height%3D%222%22%20rx%3D%221%22%20transform%3D%22rotate%28-90%206%2014%29%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E);
	background-repeat: no-repeat;
	background-position: right 20px top 18px;
	cursor: pointer;
	transition: .2s;
}

	.faq_item.active {
		background-image: url(data:image/svg+xml,%3Csvg%20width%3D%2214%22%20height%3D%2214%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Crect%20y%3D%226%22%20width%3D%2214%22%20height%3D%222%22%20rx%3D%221%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E);
	}

	.faq_item .faq_item_content {
		display: none;
		margin-top: 7px;
	}

	.faq_item.active .faq_item_content {
		display: block;
	}
/*G_Share*/
.svg-inline--fa {
	display: inline-block;
	font-size: inherit;
	height: 1em;
	overflow: visible;
	vertical-align: -0.125em;
}

svg:not(:root).svg-inline--fa {
	overflow: visible;
}

.modal, .modal-background {
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
}

.modal {
	align-items: center;
	display: none;
	flex-direction: column;
	justify-content: center;
	overflow: hidden;
	position: fixed;
	z-index: 40;
}

	.modal.is-active {
		display: flex;
	}

.modal-content {
	z-index: 99;
}

.box {
	background-color: #fff;
	border-radius: 6px;
	box-shadow: 0 0.5em 1em -0.125em #0a0a0a1a, 0 0 0 1px #0a0a0a05;
	color: #4a4a4a;
	display: block;
	padding: 1.25rem;
}

.share-dialog header {
	display: flex;
	justify-content: space-between;
	margin-bottom: 20px;
}

.dialog-title {
	font-weight: 400;
}

.close-button {
	background-color: transparent;
	border: none;
	padding: 0;
	cursor: pointer;
}

	.close-button svg {
		margin-right: 0;
	}

.share-dialog svg {
	width: 20px;
	height: 20px;
	margin-right: 7px;
}

.targets {
	display: grid;
	grid-template-rows: 1fr 1fr;
	grid-template-columns: 1fr 1fr;
	grid-gap: 20px;
	margin-bottom: 20px;
}

	.targets .button {
		border: 1px solid #dbdbdb;
		border-radius: 4px;
		box-shadow: none;
		line-height: 1.5;
		align-items: center;
	}

		.targets .button:hover {
			border-color: #b5b5b5;
			color: #363636;
		}

.link {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 10px;
	border-radius: 4px;
	background-color: #eee;
}

.copy-link {
	padding-left: 30px;
	padding-right: 30px;
	margin-left: 7px;
	cursor: pointer;
}

.lt-icon {
	display: table-cell;
	height: 24px;
	width: 24px;
}

.is-paste {
	position: absolute;
	right: 8px;
	border-left: none;
	width: auto;
	cursor: pointer;
	top: 50%;
	justify-content: center;
	border-radius: 6px;
	background: #dae4ff;
	transform: translate(-2%,-50%);
	z-index: 100;
}

.img-paste {
	background: url(/imgs/clipboard.png) no-repeat;
}

.img-trash {
	background: url(/imgs/delete.png) no-repeat;
}

.is-paste span {
	display: flex;
	cursor: pointer;
	padding: 5px 8px;
	font-size: 16px;
	color: #252638;
	align-items: center;
	height: 1.8em;
	font-weight: 500;
	border: 1px solid #00b8f2;
	border-radius: .5rem;
}

i.icon-btn {
	display: table-cell;
	height: 1em;
	width: 1em;
}

.icon-btn.icon-clear, .icon-btn.icon-paste {
	background: url(/imgs/clipboard.svg) no-repeat center;
	margin-right: 4px;
	width: 1rem;
	height: 1rem;
}

i.icon-clear {
	background: url(/imgs/x.svg) no-repeat center !important;
}

.more-tools {
	border: 1px solid #f2f2f2;
	-webkit-box-shadow: 0 2px 6px 2px #00000005;
	box-shadow: 0 2px 6px 2px #00000005;
	border-radius: 5px;
	padding: 10px;
	line-height: 15px;
}

	.more-tools ul {
		list-style: none;
		padding: 0;
		display: inline-block;
	}

		.more-tools ul li {
			padding: 10px;
			float: left;
		}

	.more-tools li a {
		color: #6c757d;
	}

		.more-tools li a:hover, .more-tools li a:focus, .more-tools li a:active {
			color: #195fd7;
			text-decoration: underline !important;
		}

.tools-title {
	font-weight: bold;
}

@media screen and (max-width: 640px) {
	.more-tools {
		padding: 15px 5px;
	}

		.more-tools ul li {
			clear: both;
			display: flex;
		}
}

.share-button {
	position: fixed;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	line-height: 40px;
	border: none;
	background-color: #29b76b;
	bottom: 80px;
	right: 16px;
	display: none;
	align-items: center;
	justify-content: center;
	z-index: 100;
	cursor: pointer;
}

	.share-button .icon {
		align-items: center;
		display: inline-flex;
		justify-content: center;
		height: 1.5rem;
		width: 1.5rem;
	}

	.share-button .icon-sprite {
		background-image: url(data:image/svg+xml,%3Csvg%20width%3D%2232px%22%20height%3D%2232px%22%20viewBox%3D%220%200%2032%2032%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ctitle%3Eshare%3C%2Ftitle%3E%3Cg%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cg%20fill%3D%22%23FFFFFF%22%3E%3Cpath%20d%3D%22M26%2C13.4285714%20C26%2C13.6220248%2025.9293162%2C13.7894338%2025.7879464%2C13.9308036%20L20.0736607%2C19.6450893%20C19.932291%2C19.786459%2019.7648819%2C19.8571429%2019.5714286%2C19.8571429%20C19.3779752%2C19.8571429%2019.2105662%2C19.786459%2019.0691964%2C19.6450893%20C18.9278267%2C19.5037195%2018.8571429%2C19.3363105%2018.8571429%2C19.1428571%20L18.8571429%2C16.2857143%20L16.3571429%2C16.2857143%20C15.6279725%2C16.2857143%2014.9750773%2C16.3080355%2014.3984375%2C16.3526786%20C13.8217977%2C16.3973217%2013.2488868%2C16.477306%2012.6796875%2C16.5926339%20C12.1104882%2C16.7079619%2011.6157015%2C16.8660704%2011.1953125%2C17.0669643%20C10.7749235%2C17.2678581%2010.3824423%2C17.5264121%2010.0178571%2C17.8426339%20C9.65327199%2C18.1588557%209.35565592%2C18.534596%209.125%2C18.9698661%20C8.89434408%2C19.4051361%208.71391434%2C19.9203839%208.58370536%2C20.515625%20C8.45349637%2C21.1108661%208.38839286%2C21.7842224%208.38839286%2C22.5357143%20C8.38839286%2C22.9449425%208.40699386%2C23.4025272%208.44419643%2C23.9084821%20C8.44419643%2C23.9531252%208.45349693%2C24.0405499%208.47209821%2C24.1707589%20C8.4906995%2C24.3009679%208.5%2C24.3995532%208.5%2C24.4665179%20C8.5%2C24.5781256%208.46837829%2C24.6711306%208.40513393%2C24.7455357%20C8.34188956%2C24.8199408%208.25446484%2C24.8571429%208.14285714%2C24.8571429%20C8.02380893%2C24.8571429%207.9196433%2C24.7938994%207.83035714%2C24.6674107%20C7.77827355%2C24.6004461%207.72991094%2C24.5186017%207.68526786%2C24.421875%20C7.64062478%2C24.3251483%207.59040206%2C24.2135423%207.53459821%2C24.0870536%20C7.47879436%2C23.9605648%207.43973225%2C23.87128%207.41741071%2C23.8191964%20C6.47246551%2C21.6986501%206%2C20.0208395%206%2C18.7857143%20C6%2C17.3050521%206.19717065%2C16.0662252%206.59151786%2C15.0691964%20C7.79688103%2C12.0706695%2011.0520568%2C10.5714286%2016.3571429%2C10.5714286%20L18.8571429%2C10.5714286%20L18.8571429%2C7.71428571%20C18.8571429%2C7.52083237%2018.9278267%2C7.35342333%2019.0691964%2C7.21205357%20C19.2105662%2C7.07068382%2019.3779752%2C7%2019.5714286%2C7%20C19.7648819%2C7%2019.932291%2C7.07068382%2020.0736607%2C7.21205357%20L25.7879464%2C12.9263393%20C25.9293162%2C13.067709%2026%2C13.2351181%2026%2C13.4285714%20L26%2C13.4285714%20Z%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E);
		background-position: center center;
		background-repeat: no-repeat;
		transition: transform .4s ease;
		border-radius: 50%;
		display: block;
	}

	.share-button i.icon {
		display: table-cell;
		height: 2em;
		width: 2em;
	}
/*CSS photo download*/
.photo-list ul.download-box {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	width: 100%;
	margin-top: 15px;
}

.photo-list .download-box li {
	flex: 0 0 auto;
	width: 33.33333333%;
}

@media (max-width: 768px) { /*breakpoint*/
	.photo-list .download-box li {
		width: 50%;
	}
}

@media (max-width: 480px) { /*breakpoint*/
	.photo-list .download-box li {
		width: 100%;
	}
}

.photo-list .download-items {
	position: relative;
	padding: 0 5px;
}

.photo-list .download-items__thumb {
	margin-bottom: 10px;
	position: relative;
	width: 100%;
	padding-top: 100%;
}

.photo-list .download-box img {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	object-fit: cover;
}

.photo-list img {
	display: block;
	margin-left: auto;
	margin-right: auto;
	background: #eaecf3;
	margin-right: auto;
	box-shadow: 0 10px 15px -3px #e2e1e1, 0 4px 6px -2px #dcdcdc;
}

.photo-list .download-items__btn {
	position: absolute;
	bottom: 0;
	width: calc(100% - 16px);
	left: 8px;
	display: flex;
}

.photo-list .abutton.is-fullwidth {
	display: block;
	width: 100%;
}

.photo-list .abutton.is-success {
	background-color: #28b76b;
	color: #fff !important;
	border-color: transparent;
	box-shadow: 0 3px 1px -2px #00000033, 0 2px 2px 0 #00000024, 0 1px 5px 0 #0000001f;
}

.photo-list .download-box .abutton {
	margin-bottom: 10px;
	padding: 10px 0;
	border-radius: 5px;
}

.action-progress {
	background: #ff9800;
	display: inline-block;
}

.lds-dual-ring {
	display: inline-block;
	width: 16px;
	height: 13px
}

	.lds-dual-ring:after {
		content: " ";
		display: block;
		width: 10px;
		height: 10px;
		margin: 0;
		border-radius: 50%;
		border: 3px solid #fff;
		border-color: #fff transparent #fff transparent;
		animation: lds-dual-ring 2.1s linear infinite
	}

@keyframes lds-dual-ring {
	0% {
		transform: rotate(0deg)
	}

	100% {
		transform: rotate(360deg)
	}
}

.icon.icon-convert {
	background: url(/imgs/convert.svg) no-repeat center;
	margin-right: 3px !important;
	margin-left: 0 !important;
	width: 16px;
	height: auto;
}
/*end CSS photo download*/
.mt-15 {
	margin-top: 15px;
}

.topnav .nav-logo a.waves-effect {
	display: inline-block;
}

.text-bold {
	font-weight: bold;
}

.list-default {
	list-style: disc;
	margin-left: 30px;
}

	.list-default li {
		position: relative;
		line-height: 22px;
		margin-bottom: 10px;
	}

.ol-list li {
	position: relative;
	line-height: 22px;
	margin-bottom: 10px;
}

.terms-note {
	background: #f3f3f4;
	padding: 10px;
	border-radius: 5px;
	margin-bottom: 10px;
	color: #252638;
}

.list_feature {
	margin-left: 0;
	list-style: none;
}

	.list_feature li {
		margin-bottom: 13px;
	}

		.list_feature li:before {
			content: '✓';
			color: #195fd7;
			padding-right: 10px;
			font-weight: bold;
		}

.img-center {
	display: block;
	margin-left: auto;
	margin-right: auto;
	background: #eaecf3;
	margin-right: auto;
	box-shadow: 0 10px 15px -3px #e2e1e1, 0 4px 6px -2px #dcdcdc;
}

.ads-slot-top {
	padding: 10px 0;
}

@media (max-width: 480px) {
	.ads-slot-top {
		padding: 5px 0;
	}
}

.bg-color {
	/*background: linear-gradient(89.86deg, #5843d8 8.6%, #bd22e2 99.86%);*/
	color: rgba(0,0,0,0.7);
}

.show-result {
	background: #fff;
}

	.show-result .tik-main {
		padding-top: 10px;
	}

.icon.icon-idownload {
	background: url(/imgs/down.svg) center no-repeat;
	display: inline-block;
	width: 24px;
	height: 24px;
}
/*start apk*/
hr {
	margin-top: 1rem;
	margin-bottom: 1rem;
	border: 0;
	border-top: 1px solid rgba(0,0,0,.1)
}

.section-app-download {
	margin-top: 5px
}

	.section-app-download .app-text {
		margin-bottom: 10px
	}

	.section-app-download h3.title {
		font-size: 25px;
		margin-bottom: 5px
	}

@media only screen and (max-width: 640px) {
	.section-app-download h3.title {
		font-size: 18px;
		margin-bottom: 5px
	}
}

.section-app-download p {
	margin: 0
}

.icon.icon-ggplay {
	background: url(/imgs/googleplay.svg) center no-repeat;
	width: 165.93px;
	height: 48px;
	display: inline-block
}

.btn-download-app {
	margin-bottom: 10px;
	background: #0063f9
}

	.btn-download-app:hover {
		background: #0063f9
	}

@media screen and (max-width:900px) {
	.section-app-download {
		text-align: center
	}
}
/*end apk*/
/* start ads modal-open*/
body.modal-open {
	overflow: hidden
}

.modal {
	display: none;
	position: fixed;
	z-index: 1000;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	background-color: rgba(0,0,0,.4);
	align-items: center;
	justify-content: center
}

.modal-content {
	position: relative;
	display: flex;
	flex-direction: column;
	width: 100%;
	pointer-events: auto;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid rgba(0,0,0,.175);
	border-radius: .5rem;
	outline: 0;
	-webkit-animation-name: animatetop;
	-webkit-animation-duration: .4s;
	animation-name: animatetop;
	animation-duration: .4s
}

@-webkit-keyframes animatetop {
	from {
		top: -300px;
		opacity: 0
	}

	to {
		top: 0;
		opacity: 1
	}
}

@keyframes animatetop {
	from {
		top: -300px;
		opacity: 0
	}

	to {
		top: 0;
		opacity: 1
	}
}

.modal-body {
	padding: 2px 15px;
	min-height: 250px
}

.modal-footer {
	margin: 10px 0;
	padding: 2px 15px
}

.btn.btn-secondary {
	color: #fff;
	background-color: #6c757d;
	border: 1px solid #6c757d;
	display: block;
	width: 100%;
	margin-bottom: 10px
}

@media (min-width:768px) {
	.modal-content {
		max-width: 1140px
	}
}

.notification.is-success {
	background-color: #d1e7dd;
	color: #0f5132;
	padding: 0.5rem 1rem;
	border: 1px solid #badbcc;
	margin-top: 1.5rem;
	text-align: center;
}

.modal-content .notification.is-success {
	margin-top: 0;
}
/* end ads modal-open*/
.sf_container {
	line-height: 1.8em;
}

.is-hide {
	display: none;
}

.btn-blue {
	background-color: #0063f9;
}

.ol-decorated {
	counter-reset: zone-counter;
	margin: 0;
	text-align: left;
	list-style: none;
	padding-left: 50px;
}

	.ol-decorated li {
		position: relative;
		line-height: 22px;
		margin-bottom: 15px;
	}

		.ol-decorated li:before {
			border: 1px solid #195fd7;
			box-sizing: border-box;
			color: #195fd7;
			content: counter(zone-counter);
			counter-increment: zone-counter;
			display: block;
			height: 25px;
			left: -37px;
			position: absolute;
			text-align: center;
			width: 25px;
			-moz-border-radius: 50%;
			-webkit-border-radius: 50%;
			border-radius: 50%;
		}

.bg-feature-color {
	background: #4f5d71;
	padding: 40px 25px;
	border-radius: 12px;
	color: #fff;
}

.snaptik-list-feature {
	margin-left: 0;
	list-style: none;
}

	.snaptik-list-feature li {
		margin-bottom: 13px;
	}

		.snaptik-list-feature li::before {
			content: "✓";
			color: #28b76b;
			padding-right: 10px;
			font-weight: bold;
		}

.height-18 {
	line-height: 1.8em;
}

.link-example {
	word-break: break-all;
	color: #195fd7;
	margin-bottom: 3px;
}

li img.img-center {
	margin-top: 10px;
}

.disclaimer {
	padding-top: 5px;
	padding-bottom: 5px;
}

.terms h1 {
	font-size: 25px;
	margin-bottom: 10px;
}

.terms h2 {
	font-size: 22px;
	margin-bottom: 10px;
}

.terms h3 {
	font-size: 18px;
	margin-bottom: 10px;
}

.terms ul {
	list-style: disc;
	margin-left: 30px;
	margin-bottom: 15px;
}

	.terms ul li {
		line-height: 25px;
	}

footer {
	background: #fcfcfc;
	line-height: 1.8em;
}

.footer-link {
	text-align: center;
	padding: 10px 0;
	overflow: hidden;
}

	.footer-link ul li {
		line-height: 20px;
		float: left;
		width: 25%;
	}

		.footer-link ul li:after {
			content: "";
			display: table;
			clear: both;
		}

		.footer-link ul li a {
			color: #4a474c;
			font-weight: 500;
			display: inline-block;
			padding: 10px 0;
			margin: 0;
			width: 100%;
			font-size: 18px;
		}

.ftcopyright {
	font-size: 15px;
	padding-bottom: 10px;
	text-align: center;
}

.cp-text {
	margin: 0;
}

@media screen and (max-width: 640px) {
	.footer-link ul li {
		width: 50%;
	}
}

.feature-pro {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	row-gap: 1rem;
	column-gap: 0;
	color: #ffffffa3;
}

	.feature-pro li {
		display: flex;
		align-items: center;
		column-gap: .5rem;
		text-align: left;
		font-size: .9rem;
		line-height: 1rem;
	}

@media (min-width: 1024px) {
	.feature-pro {
		grid-template-columns: repeat(4, minmax(0, 1fr));
		margin-top: 3rem;
	}

		.feature-pro li {
			justify-content: center;
			text-align: center;
			font-size: 1rem;
			line-height: 1.5rem;
		}
}

@media only screen and (max-width: 640px) {
	.feature-pro {
		margin-top: 1.75rem;
		padding-bottom: 1rem;
	}
}

.tool-box {
	display: flex;
	flex-direction: column;
	margin-top: 2.5rem;
}

.tool-info {
	order: 2;
}

	.tool-info a,
	.tool-info h4 {
		text-decoration: none;
		font-weight: 600;
		font-size: 20px;
		line-height: 28px;
		color: #252638;
		margin-top: 2rem;
		margin-bottom: .5rem;
	}

	.tool-info p {
		font-weight: 400;
		font-size: 14px;
		line-height: 20px;
		color: #5c5d6b;
		margin-bottom: .5rem;
	}

.tool-thumb {
	order: 1;
	margin-bottom: 8px;
}

	.tool-thumb img,
	.tool-thumb picture,
	.tool-thumb source {
		max-width: 100%;
		height: auto;
		box-shadow: none;
	}

@media (min-width:768px) {

	.title-box .title {
		letter-spacing: 0;
		font-size: 32px;
		line-height: 44px;
	}

	.title-box .sub {
		font-size: 16px;
		line-height: 24px;
	}

	.tool-box {
		align-items: center;
		justify-content: center;
		flex-direction: row;
		margin-top: 88px;
	}

		.tool-box:first-child {
			margin-top: 0;
		}

		.tool-box.tool-reverse .tool-info {
			order: 1;
		}

		.tool-box.tool-reverse .tool-thumb {
			order: 2;
		}

		.tool-box .tool-info {
			width: calc(55% - 4px);
		}

		.tool-box .tool-thumb {
			width: calc(45% - 4px);
		}

	.tool-info a,
	.tool-info h4 {
		font-size: 24px;
		line-height: 32px;
		letter-spacing: -.01em;
	}

	.tool-info p {
		font-size: 16px;
		line-height: 24px;
	}
}

.no-style {
	list-style: none;
}

blockquote {
	border-left: 5px solid rgba(0, 0, 0, .05);
	padding: 20px;
	font-size: 16px;
	font-style: italic;
	margin: 0;
	position: relative;
}

kbd {
	border: 1px solid rgb(229 231 235 / 1);
	border-radius: .25rem;
	padding-left: .325rem;
	padding-right: .325rem;
	padding-bottom: .12rem;
	padding-top: .12rem;
	background-color: rgb(243 244 246 / 1);
	color: rgb(31 41 55 / 1);
	font-weight: 600;
	font-size: 14px;
}

.step-guide {
	color: #252638;
	font-weight: 500;
	border-radius: .25rem;
	background-color: var(--bg-btn-download);
	padding-left: .5rem;
	padding-right: .5rem;
	padding-bottom: .125rem;
	padding-top: .125rem;
}

.section-tips {
	margin: 15px 0;
	list-style: none;
}

	.section-tips li {
		margin-bottom: 10px;
	}

.section-download-pro {
	max-width: 56rem;
	margin: 0 auto;
	margin-top: 2rem;
	margin-bottom: 1rem;
}

.grid-download {
	display: grid;
	column-gap: .5rem;
	row-gap: .5rem;
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.rounded-lg {
	border-radius: .5rem;
}

.video-item {
	border-radius: 8px;
	border: 1px solid var(--Neutral-Ink100, #eaeaed);
	background: var(--White-White-1, #fff);
	box-shadow: 0 2px 8px 0 rgba(32, 52, 89, .12);
	padding: .5rem;
}

.pro-thumbnail {
	position: relative;
	border-top-left-radius: .5rem;
	border-top-right-radius: .5rem;
}

	.pro-thumbnail img {
		width: 100%;
		border-radius: .25rem;
	}

	.pro-thumbnail .count-view {
		left: .5rem;
		top: .5rem;
		position: absolute;
		font-size: 1rem;
		line-height: 1.5rem;
		--tw-text-opacity: 1;
		color: #fff;
	}

	.pro-thumbnail .view-text {
		display: flex;
		align-items: center;
		justify-content: flex-start;
		column-gap: 2px;
	}

	.pro-thumbnail svg {
		width: 1rem;
		height: 1rem;
	}

	.pro-thumbnail span {
		font-size: .875rem;
		line-height: 1.25rem;
	}

.pro-information {
	margin-top: .5rem;
}

	.pro-information .text-title {
		font-size: .875rem;
		line-height: 1.25rem;
		overflow: hidden;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		height: auto;
		font-weight: 600;
		--tw-text-opacity: 1;
		color: #16161d;
		margin: 0;
		min-height: 40px;
	}

	.pro-information .text-channel {
		display: flex;
		align-items: center;
		margin: 7px 0;
	}

		.pro-information .text-channel span {
			font-size: .75rem;
			line-height: 1rem;
			flex: 1 1 0%;
		}

.pro-download-btn a {
	display: flex;
	align-items: center;
	font-size: .875rem;
	line-height: 1.25rem;
	font-weight: 600;
	--tw-text-opacity: 1;
	color: #0051ee;
	--tw-bg-opacity: 1;
	background-color: #d7e5fe;
	justify-content: center;
	border-radius: .25rem;
	text-align: center;
	padding: 8px;
}

@media only screen and (max-width: 640px) {
	.section-download-pro {
		padding: 0 10px;
		margin-top: 10px;
	}

	.grid-download {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

.pro-pagination {
	margin: 10px 0;
}

.pagination {
	display: flex;
	justify-content: space-between;
	align-items: center;
	list-style-type: none;
	margin: 0;
}

	.pagination li {
		flex: 1;
		text-align: center;
	}

		.pagination li:first-child {
			margin-right: 5px;
		}

		.pagination li:last-child {
			margin-left: 5px;
		}

	.pagination a {
		display: block;
		padding: 10px 20px;
		text-decoration: none;
		color: #333;
		background-color: #fff;
		border: 1px solid #ddd;
		border-radius: 5px;
		text-align: center;
		transition: background-color 0.3s ease, color 0.3s ease;
		cursor: pointer;
	}

		.pagination a:hover {
			background-color: #f3f4f6;
			color: #374151;
		}

	.pagination .previous {
		text-align: left;
	}

	.pagination .next {
		text-align: right;
	}

	.pagination a.disabled {
		pointer-events: none;
		color: #ccc;
		background-color: #e9e9e9;
	}

.btn-download-zip {
	text-align: center;
	border-radius: .25rem;
	--tw-text-opacity: 1;
	color: #fff;
	background-color: #195fd7;
	width: 100%;
	padding: 12px;
	font-weight: 600;
	font-size: 15px;
	border: none;
	cursor: pointer;
	justify-content: center;
	align-items: center;
	display: flex;
	column-gap: .25rem;
}

.size-4 {
	width: 1rem;
	height: 1rem;
}

.download-all {
	margin-top: 10px;
}

.btn-download-zip .pro-loading {
	display: none;
}

.btn-download-zip .font-semibold {
	display: block;
}

.btn-download-zip:disabled {
	opacity: 0.5;
	padding: 7px;
	cursor: default;
}

	.btn-download-zip:disabled .font-semibold {
		display: none;
	}

	.btn-download-zip:disabled .pro-loading {
		display: block;
	}

.pro-loading {
	height: 1.5rem;
	width: 1.5rem;
	border-width: 2px;
	border-style: solid;
	border-radius: 9999px;
	border-right-color: transparent;
	animation: spin 1s linear infinite;
}

@keyframes spin {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

.step-sub {
	margin-left: 10px;
}

.feature-pro li {
	color: #333;
	display: table-column;
	font-size: 1.5em;
	text-align: center;
	padding: 0px 20px;
}

.feature-pro {
	margin: 4rem 0;
	display: flex;
	justify-content: space-around;
}

@media only screen and (max-width: 640px) {
	.feature-pro {
		display: flex;
		flex-direction: column;
	}

		.feature-pro li {
			width: 100%;
			text-align: center;
			display: block;
			padding: 0;
		}
}

.feature-pro .feature-info {
	font-size: 18px;
	margin-top: 10px;
}

.feature-pro .title {
	color: rgb(37, 46, 105);
	line-height: 1.8rem;
}

.feature-pro .info {
	color: rgb(37, 46, 105);
	font-size: 18px;
	margin-top: 10px;
}

.ftco-section.sc-rm.guide-main {
	border-radius: 10px;
	max-width: 90%;
	margin: 0 auto;
	color: #333;
}

	.ftco-section.sc-rm.guide-main a {
		color: #ed8e8e;
	}

.tool-thumb {
	margin: 10px;
}

.tool-info a, .tool-info h4, h2.title.center {
	color: #252e69;
}
.block_term_note {
	background-color: #3333331c;
	padding: 10px 10px;
	border-radius: 7px;
	color: #000000;
}
.ft-pro {
	border-radius: 7px;
}
.feature-pro li {
	background-color: #fff;
	margin: 0px 10px;
	padding: 15px;
	border-radius: 10px;
	text-align: left;
}
@media only screen and (max-width: 640px)
{
	.feature-pro li {
		margin: 0;
		padding: 0;
	}
}
.icon-feature {
	background: linear-gradient(176deg, #4eb1ea, #e14b88);
	width: 3rem;
	height: 2rem;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 7px;		  
	margin-left: 14px;
	margin-bottom: 11px;
}
.icon-feature svg {
	color:#fff;
}
ul.feature-pro li {
	border-radius: 12px;
	border: 2px solid transparent;
	background: linear-gradient(#efefef, #f9f9f9) padding-box, linear-gradient(90deg, #ffffff, #ffffff) border-box;
}
ul.feature-pro li:hover {
	transition: background 0.35s ease, box-shadow 0.35s ease, transform 0.35s ease;
}

ul.feature-pro li:hover {

	background: linear-gradient(#fff, #fff) padding-box, linear-gradient(90deg, #032ba3, #d03295) border-box;
}
button.btn-red.flex-center {
	margin-left: 10px;
	border-radius: 7px;
}
input#s_input {
	border-radius: 8px;
}
 
@media only screen and (max-width: 640px) {
	button.btn-red.flex-center {
		width: 100%;
		margin-left: 0;
	}
	.icon-feature {
		margin: 10px;
	}
	.block-feature b {
		line-height: 27px;
	}
}

.progress-container {
	width: 300px;
	height: 20px;
	background: #eee;
	border-radius: 10px;
	overflow: hidden;
	margin-bottom: 8px;
}

#loadding {
	height: 100%;
	width: 0%;
	background: linear-gradient(90deg, #4caf50, #81c784);
	transition: width 0.3s ease;
}
.progress-container {
	margin: 0 auto;
	width: 52%;
}
.hidden{
	display: none;
}
.hidden-btn-progress {
	display: none;
}

.active-btn-progress {
	display: block;
	margin-left: 8px;
}
.icon-feature {
	margin: 0 auto;
	margin-bottom: 13px;
}
ul.feature-pro {
	margin: 0;
}
.icon-feature {
	margin-top: 14px;
}
.feature-pro li  p
{
	padding: 0px 10px;
}
.feature-pro li b {
	padding: 0px 10px;
}
.block_center {
	margin-top: 17px;
}