@charset "utf-8";
/* CSS Document */
h1 {
	margin-bottom: 20px;
	font-size: 30px;
	line-height: 42px;
	text-align: center;
	color: #333333;
	}
h2 {
	font-size: 22px;
	font-weight: 500;
	line-height: 30px;
	color: #333333;
	margin: 40px 0 10px;
	}
h3 {
	margin-top: 30px;
	margin-bottom: 12px;
	font-size: 20px;
	line-height: 34px;
	color: #313131;
	}
p {
	margin-bottom: 20px;
	font-size: 16px;
	color: #363636;
	line-height: 25px;
	font-weight: 400;
	}
p i {
	font-size: 16px;
	font-style: oblique; !important;
	color: #4c4c4c;
	}
body {
	background-color: #f8f8f8;
	}
/* status elements */
.page-load-status, .pagination__next {
	display: none; /* hidden by default */
	padding: 50px 0;
	text-align: center;
	color: #777;
	background: rgba(255,255,255,.4);
	}
.page-load-status .infinite-scroll-last, .page-load-status .infinite-scroll-error{
	margin-bottom: 0;
	font-size: 22px;
	color: #888888;
	}
.loader-ellips {
	font-size: 20px; /* change size here */
	position: relative;
	width: 4em;
	height: 1em;
	margin: 10px auto;
	}

.loader-ellips__dot {
	display: block;
	width: 1em;
	height: 1em;
	border-radius: 0.5em;
	background: #555; /* change color here */
	position: absolute;
	animation-duration: 0.5s;
	animation-timing-function: ease;
	animation-iteration-count: infinite;
	}

.loader-ellips__dot:nth-child(1),
.loader-ellips__dot:nth-child(2) {
	left: 0;
	}
.loader-ellips__dot:nth-child(3) { left: 1.5em; }
.loader-ellips__dot:nth-child(4) { left: 3em; }

@keyframes reveal {
	from { transform: scale(0.001); }
	to { transform: scale(1); }
	}

@keyframes slide {
	to { transform: translateX(1.5em) }
	}

.loader-ellips__dot:nth-child(1) {
	animation-name: reveal;
	}

.loader-ellips__dot:nth-child(2),
.loader-ellips__dot:nth-child(3) {
	animation-name: slide;
	}

.loader-ellips__dot:nth-child(4) {
	animation-name: reveal;
	animation-direction: reverse;
	}
/* status elements-end */
.title-border, .title-border2{
	padding-left: 12px;
	line-height: 46px;
	border-left: 4px #2880ed solid;
	}
.title-border2{
	background: #e4f0ff;
	}
.article-line, .article-line2 {
	width: 100%;
	height: 1px;
	margin: 10px 0 20px;
	background: #eeeeee;
	}
.article-line2 {
	height: 3px;
	background: #e8e8e8;
	}
/*internal-link*/
.internal-link{
	padding: 12px 0;
	border-left: 4px #669f35 solid;
	background: #e5f5d7;
	}
.internal-link p{margin-bottom: 10px;}
/*text-bg*/
.text-bg{
	padding: 10px;
	line-height: 36px;
	color: #669f35 !important;
	background: #e5f5d7;
	}
.text-bg a{
	color: #669f35 !important;
	}
/*article-table*/
.article-table{
	padding: 10px;
	margin: 10px 0;
	line-height: 34px;
	color: #669f35 !important;
	background: #e5f5d7;
	}
.article-table p{	color: #669f35 !important; margin-bottom: 2px;}
.article-table a{
	color: #669f35 !important;
	}
.article-table ul{
	padding-left: 32px;
	margin-bottom: 10px;
	}
.article-table ul li{list-style-type:disc;}
/*article-table-end*/
/*article-table-new*/
#article-table{
	padding: 16px 4px 10px 22px;
	margin: 20px 0;
	border-left: 4px #4d8ab8 solid;
	background-color: #f4f9ff;
	}
#article-table dl{
	margin-bottom: 0;
	line-height: 26px;
	}
#article-table dl dt{
	margin-bottom: 6px;
	color: #525252;
	}
#article-table dl dd a{color: #5f96c1 !important;}
#article-table dl dd ul{
	padding-left: 28px;
	margin: 8px 0;
	}
#article-table dl dd ul li{
	margin-bottom: 8px;
	list-style-type: none;
	}
/*article-table-new-end*/
.article-line, .article-line2{
	width: 100%;
	height: 1px;
	margin: 10px auto;
	background: #eeeeee;
	}
.article-line2{
	height: 3px;
	background: #e8e8e8;
	}
.blockquote{
	position: relative;
	padding: 20px 36px 1px;
	font-style: oblique;
	}
.summary{
	font-style: oblique;
	padding-bottom: 22px;
	margin-bottom: 10px;
	border-bottom: 1px #dbdbdb solid;
	}
/*article-note*/
.article-note{
	padding: 10px;
	margin-bottom: 1rem;
	border: 3px #408be7 dashed;
	box-shadow: 0 0 8px #cccccc;
	font-style: oblique;
	}
.article-note p{
	margin-bottom: 0;
	}
.article-note .lamp{
	top: -10px;
	margin-right: 5px;
	box-shadow: none !important;
	}
/*solution*/
.solution{
	position: relative;
	padding: 8px;
	margin-right: 24px;
	background: #e4f0ff;;
	}
.solution:before {
	position: absolute;
	display: inline-block;
	right: -14px;
	top: 0;
	width: 0;
	height: 0;
	content: "";
	border-top: 19px solid transparent;
	border-bottom: 19px solid transparent;
	border-left: 14px solid #e4f0ff;
	}
/*list-lines*/
.list-lines-decimal,  .list-lines-disc, .list-lines-step{	padding-left: 36px;}
.list-lines-decimal li, .list-lines-disc li, .list-lines-step li{ margin-bottom: 14px;}
.list-lines-decimal li{list-style-type: decimal;}
.list-lines-disc li{list-style-type: disc;}
.list-lines-step{list-style: none;}
/*download-bottom*/
.download-bottom{
	padding-top: 14px;
	border: 2px #bedda4 solid;
	}
.download-bottom .download-bottom-btn{
	position: relative;
	width: 210px;
	height: 46px;
	background: #2bcd6f;
	transition: all 0.2s;
	}
.download-bottom .download-bottom-btn a{
	display: inline-block;
	width: 100%;
	height: 100%;
	}
.download-bottom .download-bottom-btn .icon-mac {
	position: absolute;
	top: 11px;
	left: 36px;
	color: #ffffff;
	}
.download-bottom .download-bottom-btn a p {
	position: absolute;
	top: 11px;
	left: 72px;
	color: #ffffff;
	}
.download-bottom .download-bottom-btn a:hover{background: #25be66;}
/*download-bottom-end*/
/*author*/
.author{
	padding: 8px;
	border: 3px #eeeeee solid;
	}
.author p{margin-bottom: 0;}
/*article-note2*/
.article-note2, .article-tips, .article-warning{
	padding: 14px 14px 14px 80px;
	margin-bottom: 16px;
	font-style: oblique;
	}
.article-note2 p, .article-tips p, .article-warning p{	margin-bottom: 0;}
.article-note2{
	border: 1px #09b69a dashed;
	background: #efffe1 url("/?originalUrl=https%3A%2F%2Fiboysoft.com%2Fimages%2Fresource%2Farticle-note2.png") no-repeat 23px center;
	}
/*.article-note2-end*/
/*article-tips*/
.article-tips{
	border: 2px #09b69a dashed;
	background: url("/?originalUrl=https%3A%2F%2Fiboysoft.com%2Fimages%2Fresource%2Farticle-tips.png") no-repeat 20px center;
	}
/*article-tips-end*/
/*article-warning*/
.article-warning{	padding-left: 80px;
	background: #f6eed7 url("/?originalUrl=https%3A%2F%2Fiboysoft.com%2Fimages%2Fresource%2Farticle-warning.png") no-repeat 23px center;
	}
.note-title{
	margin-bottom: 7px !important;
	font-size: 18px;
	font-weight: bold;
	}
/*article-warning-end*/
/*share-btn*/
.share-btn {
	width: 248px;
	height: 58px;
	margin: 22px 0;
	-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;
	-webkit-box-shadow: 0 4px 5px #cccccc;-moz-box-shadow: 0 4px 5px #cccccc;box-shadow: 0 4px 5px #cccccc;
	background: #1da1f3;
	}
.share-btn a{
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	}
.share-btn a .icon-twitter1{
	position: absolute;
	top: 11px;
	left: 28px;
	color: #ffffff;
	font-size: 34px;
	}
.share-btn a p{
	position: absolute;
	top: 16px;
	left: 73px;
	font-size: 22px;
	font-weight: bold;
	color: #ffffff !important;
	}
.share-btn a:hover{
	-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;
	text-decoration: none;
	background: #0b8fe0;
	}
/*share-btn-end*/
/*main*/
.header-bg {
	height: 0;
	}
.main {
	margin-bottom: 36px;
	padding-top: 60px;
	}
.main a { color: #0075ef; }
.main a:hover { color: #0075ef; }
.main .content {
	padding: 56px 70px 60px;
	border-radius: 12px;
	box-shadow: 0 4px 12px 0 #b8b8b8;
	font-family: Georgia, Palatino, serif, 'Times new roman';
	background: #ffffff;
	}
.main .content img {
	max-width: 90%;
	height: auto !important;
	-webkit-box-shadow: 0 1px 12px #cccccc;-moz-box-shadow: 0 1px 12px #cccccc;box-shadow: 0 1px 12px #cccccc;
	}
@media (max-width: 992px) {
	.main .content { padding: 56px 60px 62px; }
	}
@media (max-width: 768px) {
	.main .content {
		width: 100%;
		padding: 20px 24px 42px;
		}
	.main .container { padding-right: 0; padding-left: 0; }
	.main { margin-top: -160px;}
	}
@media (min-width: 768px) {
	.main .content { width: 100%;}
	}
@media (min-width: 992px) {
	.main .content { width: 800px;}
	}
@media (min-width: 1423px) {
	.main .content { width: 820px;}
	}
.main .content .crumb {
	margin-bottom: 24px;
	font-size: 16px;
	color: #838383;
	}
.main .content .question {
	min-height: 80px;
	padding: 14px 10px;
	margin: 20px 0;
	background: #f4f4f4;
	}
.main .content .question p { margin-bottom: 0;}
/*download-btn-group*/
.main .content .download-btn-group { margin-top: 12px;}
.main .content .download-btn-group .tag:first-child {
	margin-right: 20px;
	margin-bottom: 12px;
	}
.main .content .download-btn-group .download_one, .main .content .download-btn-group .download_two {
	position: relative;
	width: 210px;
	height: 46px;
	}
.main .content .download-btn-group .download_one a, .main .content .download-btn-group .download_two a {
	display: block;
	width: 100%;
	height: 100%;
	}
.main .content .download-btn-group .download_one a:hover, .main .content .download-btn-group .download_two a:hover {text-decoration: none;}
.main .content .download-btn-group .download_one a p, .main .content .download-btn-group .download_two a p {
	position: absolute;
	top: 11px;
	left: 75px;
	margin: 0;
	font-size: 16px;
	}
.main .content .download-btn-group .download_two a:hover p, .main .content .download-btn-group .download_two a:hover span {color: #FFFFFF;}
.main .content .download-btn-group .download_one {
	background: #2bcd6f;
	transition: all 0.2s;
	}
.main .content .download-btn-group .icon-mac {
	position: absolute;
	top: 8px;
	left: 43px;
	}
.main .content .download-btn-group .icon-win {
	position: absolute;
	top: 12px; left: 28px;
	}
.main .content .download-btn-group .icon-down-circle {
	position: absolute;
	top: 12px; left: 46px;
	font-size: 20px;
	}
.main .content .download-btn-group .single a p {
	position: absolute;
	top: 9px; left: 86px;
	}
.main .content .download-btn-group .download_one a span {}
.main .content .download-btn-group .download_one a {color: #fff;}
.main .content .download-btn-group .download_one a:hover {background: #25be66;}
.main .content .download-btn-group .download_one a p {color: #fff; font-style: normal;}
.main .content .download-btn-group .download_two {border: 1px #2bcd6f solid;}
.main .content .download-btn-group .download_two a span {color: #2bcd6f;}
.main .content .download-btn-group .download_two a p {color: #2bcd6f; font-style: normal;}
.main .content .download-btn-group .download_two a:hover {
	background: #2bcd6f;
	color: #fff;
	}
.main .content .download-btn-group .file-protector {width: 248px;}
/*download box*/
.main .content .download {
	padding: 26px 26px 13px;
	margin: 24px 0;
	background: #e6f1ff;
	}
.icon-product-32 {
	float: left;
	margin-right: 14px;
	}
.main .content .download .product-name {
	float: left;
	font-size: 20px;
	color: #333333;
	line-height: 34px;
	}
.main .content .download .download_btn {
	float: left;
	position: relative;
	width: 200px;
	height: 38px;
	margin-right: 14px;
	background: #2bcd6f;
	}
.main .content .download .download_btn a {
	position: absolute;
	top: 0;left: 0;
	display: block;
	z-index: 2;
	width: 100%;
	height: 100%;
	color: #ffffff;
	text-align: center;
	line-height: 38px;
	}
.main .content .download .for-mac a .icon-down-circle {
	position: absolute;
	top: 8px;
	left: 48px;
	}
.main .content .download .for-win a .icon-down-circle {
	position: absolute;
	top: 8px;
	left: 28px;
	}
.main .content .download .download_btn i {
	position: absolute;left: 50%;top: 50%;
	display: block;
	width: 70px;
	height: 6px;
	margin: -3px 0 0 -35px;
	opacity: 0;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	}
.main .content .download .download_btn a:hover { text-decoration: none; }
.main .content .download .download_btn:hover i {
	opacity: 1;
	background: #25be66;
	-webkit-transform: scale(2.8, 6);
	-moz-transform: scale(2.8, 6);
	transform: scale(2.8, 6);
	}
/*contact*/
.main .content .contact {
	padding: 20px 80px 10px 26px;
	margin-top: 62px;
	background: #e6f1ff;
	}
.main .content .contact p {
	float: left;
	font-size: 24px;
	color: #404040;
	}
.main .content .contact .contact_btn {
	position: relative;
	float: right;
	width: 190px;
	height: 36px;
	background: #0098ff;
	}
.main .content .contact .contact_btn a {
	position: absolute;
	top: 0;left: 0;
	display: inline-block;
	z-index: 2;
	width: 100%;
	font-size: 18px;
	color: #fff;
	line-height: 36px;
	text-align: center;
	}
.main .content .contact .contact_btn i {
	position: absolute;left: 50%;top: 50%;
	display: block;
	width: 76px;
	height: 6px;
	margin: -3px 0 0 -38px;
	opacity: 0;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	}
.main .content .contact .contact_btn a:hover { text-decoration: none; }
.main .content .contact .contact_btn:hover i {
	opacity: 1;
	background: #008aff;
	-webkit-transform: scale(2.5, 6);
	-moz-transform: scale(2.5, 6);
	transform: scale(2.5, 6);
	}
/*menu-top*/
.main .content .menu-top .card-body .menu-top-nav{padding-left: 16px;}
.main .content .menu-top .card-body .menu-top-nav li{
	position: relative;
	margin-bottom: 12px;
	font-size: 18px;
	color: #0075ef;
	}
.main .content .menu-top .card-body .menu-top-nav li .nav-current {
	transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	}
.main .content .menu-top .card-body .menu-top-nav>li:hover{cursor: pointer;}
.main .content .menu-top .card-body .menu-top-nav li .ma01 {
	position: absolute;
	left: -12px;
	top: 8px;
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
	border-left: 5px solid #666666;
	}
.main .content .menu-top .btn-link{
	padding: 0;
	color: #525252;
	font-size: 18px;
	font-weight: bold;
	}
.btn-link:focus,.btn-link:hover {text-decoration: none !important;}
.main .content .menu-top .card-body .menu-top-sub{display: none;}
.main .content .menu-top .card-body .menu-top-sub li{
	margin-bottom: 5px;
	font-size: 16px;
	}
.main .content .menu-top .card-body .menu-top-sub li::before{
	content:"●";
	margin-right: 5px;
	color:#666666;
	font-size:10px;
	}
/*menu-top-end*/
/*pre*/
pre{
	padding: 20px;
	margin: 20px 0;
	background: #F7F7F7;
	border: 1px solid #E5E5E5;
	}
.badge1{
	display: inline-block;
	padding: .25em .4em;
	font-size: 75%;
	font-weight: 700;
	line-height: 1;
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
	border-radius: .25rem;
	background: #dbdbdb;
	}
/*pre-end*/
@media (max-width: 991px) {
	.main .content .contact { padding-right: 40px;}
	}
@media (max-width: 767px) {
	.main .content .contact { padding-bottom: 20px;}
	.main .content .contact .contact_btn { float: left;}
	}
/*FAQ*/
.faq { padding-bottom: 40px;}
.faq h2{
	margin: 50px 0 28px;
	color: #0075ef;
	}
.faq .border-t { border-top: 1px #b2b2b2 solid; }
.faq .faq-item {
	padding: 16px 0;
	border-bottom: 1px #b2b2b2 solid;
	}
.faq .faq-item .title {
	margin: 0 0 10px;
	cursor: pointer;
	font-size: 18px;
	font-weight: 400;
	color: #333333;
	}
.faq .faq-item .title .faq-current {
	transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	}
.faq .faq-item .faq-item-content {
	display: none;
	font-size: 18px;
	line-height: 28px;
	color: #4c4c4c;
	}
.faq .faq-item .faq-item-content p {
	margin-bottom: 6px;
	font-weight: 300;
	color: #525252;
	}
/*FAQ-end*/
/*sidebar*/
.main .sidebar { padding-top: 166px; }
@media (min-width: 992px) {
	.main .sidebar { width: 310px; }
	}
@media (min-width: 1423px) {
	.main .sidebar { width: 330px; }
	}
.main .sidebar .sidebar_products {
	padding: 0 20px 20px 26px;
	margin-bottom: 26px;
	background: #ffffff;
	}
.main .sidebar .articleTitle {
	position: relative;
	height: 42px;
	padding-left: 16px;
	margin-bottom: 24px;
	margin-top: 0;
	border-bottom: 1px solid #eaeaea;
	font-size: 16px;
	font-weight: 400;
	line-height: 54px;
	color: #404040;
	background: url("/?originalUrl=https%3A%2F%2Fiboysoft.com%2Fimages%2Fmark-icon%2Ficon-article-title.png") no-repeat 0 19px;
	}
.main .sidebar .sidebar_products .products-list { cursor: pointer;}
.main .sidebar .sidebar_products .products-list img {
	float: left;
	margin: 0 10px 0 0;
	width: 66px;
	min-height: 43px;
	}
.main .sidebar .sidebar_products .products-list p {
	font-size: 13px;
	color: #4c4c4c;
	line-height: 17px;
	}
@media (max-width: 1422px) {
	.main .sidebar .sidebar_products .products-list p br { display: none;}
	}
.main .sidebar .sidebar_products .products-list h6 {margin-bottom: 10px;}
.main .sidebar .sidebar_products .products-list h6 a {
	font-size: 15px;
	font-weight: 400;
	color: #363636;
	}
.main .sidebar .sidebar_products .products-list h6 a:hover { color: #0098ff; text-decoration: underline; }
.main .sidebar .sidebar_tips {
	padding: 0 20px 12px 26px;
	margin-bottom: 24px;
	background: #ffffff;
	}
.main .sidebar .sidebar_tips ul li {
	padding-left: 10px;
	margin-bottom: 10px;
	font-size: 14px;
	line-height: 17px;
	background: url("/?originalUrl=https%3A%2F%2Fiboysoft.com%2Fimages%2Fmark-icon%2Fbullets01.png") 0 7px no-repeat;
	}
.main .sidebar .sidebar_tips ul li a { color: #404040; }
.main .sidebar .sidebar_tips ul li a:hover { color: #0075ef; text-decoration: underline; }
/*sidebar-end*/
@media (max-width: 767px) {
	.article-title .crumb{display: none;}
	.download-btn-group{margin-bottom: 24px;}
	.summary{display: none;}
}
/*online-help-content*/
.online-help-content h1{
	font-size: 32px;
}
.online-help-content h2{
	font-size:24px;
}
.online-help-content h3{
	font-size:22px;
}
.online-help-content p,.online-help-content b,.online-help-content li,.main .online-help-content .crumb{
	font-size:18px;
}
/*online-help-content-end*/