/*
Theme Name: Twenty Thirteen
Theme URI: http://wordpress.org/themes/twentythirteen
Author: the WordPress team
Author URI: http://wordpress.org/
Description: The 2013 theme for WordPress takes us back to the blog, featuring a full range of post formats, each displayed beautifully in their own unique way. Design details abound, starting with a vibrant color scheme and matching header images, beautiful typography and icons, and a flexible layout that looks great on any device, big or small.
Version: 1.3
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, brown, orange, tan, white, yellow, light, one-column, two-columns, right-sidebar, fluid-layout, responsive-layout, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, translation-ready, accessibility-ready
Text Domain: twentythirteen

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/


@font-face { font-family: 'open_sansregular'; src: url('font/opensans-regular-webfont.eot'); src: url('font/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'), url('font/opensans-regular-webfont.woff2') format('woff2'), url('font/opensans-regular-webfont.woff') format('woff'), url('font/opensans-regular-webfont.ttf') format('truetype'), url('font/opensans-regular-webfont.svg#open_sansregular') format('svg'); font-weight: normal; font-style: normal; }
article, aside, details, figcaption, figure, footer, header, nav, section, summary { display: block; }
audio, canvas, video { display: inline-block; }
audio:not([controls]) { display: none; height: 0; }
[hidden] { display: none; }
* { padding: 0; margin: 0; }
body { width: 100%; margin: 0 auto; background: #fff; font-family: 'open_sansregular', Arial, Helvetica, 'Helvetica Neue', sans-serif; }
h2, h4 { color: #333; line-height: 140%; }
h2 { text-align: center; font-size: 30px; padding: 60px 0 30px; clear: both; }
h3 { font-size: 1.25em; color: #333; line-height: 160%; }
h4 { font-size: 20px; }
h5 { font-size: 18px; }
h6 { font-size: 16px; }
p { line-height: 160%; }
p img, .textwidget img { padding: 0; max-width: 100%; height: auto; }
.container { margin: 0 auto; width: 920px; }
.clear { clear: both; }
.entry-content { font-size: 100%; line-height: 140%; }
.entry-content ol, .entry-content ul { padding-left: 30px; }
.widget-area ul, #who_con ul, .how_con ul, #independent_con ul, .icon ul { list-style: none; }
header.entry-header { +display: none; }

/* IE7 */
img.alignnone { border: 1px solid #ccc; }
.pakb-single a { text-decoration: underline; }

@media screen and (min-width:1080px) {
	#content-area, .content-area1, .site-header, #secondary, .copyright, .title { max-width: 1080px; margin: 0 auto; }
}
@media screen and (max-width:980px) {
	.main-navigation, .navbar { width: 100%; }
}
@media screen and (min-width:768px) {
	.blog-content, .help-con, .attention p { width: 67%; float: left; }
	.sidebar-inner { width: 28%; float: left; padding-left: 5%; }
	.function tr, .affiliate-area { width: 70%; }
	.toggle-menu { display: none; }
}
@media screen and (max-width:768px) {
	.con img { display: none; }
	.pakb-single, .sidebar-inner, .affiliate-area, .blog-content, .site-content, .function tr, .attention p { width: 100%; clear: both; }
	.logo { float: none; }
	#secondary, #navbar { display: none; }
}

/**
 * Templete - Content (Have Sidebar)
 * ----------------------------------------------------------------------------
 */
#main { width: 100%; clear: both; }
.layout { width: 90%; max-width: 1080px; margin: 0 auto; }
.layout-left { width: 67%; float: left; }
.title-page { background: #003a87; }
.title-page h1 { width: 90%; max-width: 1080px; margin: 0 auto; color: #fff; padding: 30px 0; }
@media screen and (max-width:768px) {
	.layout-left { width: 100%; }
}

/**
 * 2.0 Repeatable Patterns
 * ----------------------------------------------------------------------------
 */
.xControl a:before, .menu-toggle:after, .featured-post:before, .date a:before, .entry-meta .author a:before, .format-audio .entry-content:before, .comments-link a:before, .tags-links a:first-child:before, .categories-links a:first-child:before, .edit-link a:before, .attachment .entry-title:before, .attachment-meta:before, .attachment-meta a:before, .comment-awaiting-moderation:before, .comment-reply-link:before, .comment-reply-login:before, .comment-reply-title small a:before, .bypostauthor > .comment-body .fn:before, .error404 .page-title:before { -webkit-font-smoothing: antialiased; display: inline-block; font: normal 16px/1 Genericons; vertical-align: text-bottom; }

/**
 * 1.0 Header
 * ----------------------------------------------------------------------------
 */
#masthead { margin: 0 auto; width: 90%; }
.logo { float: left; padding-left: 10px; }
.left-logo { float: left; padding-top: 10px; }
#line { background: #eee; width: 100%; height: 5px; overflow: hidden; clear: both; }

/* 1.1 Navigation */
#site-navigation .search-form { display: none; }
.navigation:before, .navigation:after { content: ""; display: table; }
.main-navigation, .navbar { float: right; min-height: 46px; position: relative; }
ul.nav-menu, div.nav-menu > ul { margin: 0 auto; }
.nav-menu li { display: inline-block; position: relative; float: left; }
.nav-menu li a { color: #333; display: block; font-size: 18px; line-height: 1; padding: 25px 11px; text-decoration: none; }
.nav-menu li:hover > a, .nav-menu li a:hover, .nav-menu li:focus > a, .nav-menu li a:focus { color: #fff; background: #0096da; }
.nav-menu .sub-menu, .nav-menu .children { background: #eee; border-top: 0; padding: 0; position: absolute; z-index: 99999; height: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); }
.nav-menu .sub-menu { left: -50%; }
.nav-menu .sub-menu ul, .nav-menu .children ul { border-left: 0; left: 100%; top: 0; }
ul.nav-menu ul a, .nav-menu ul ul a { color: #333; margin: 0; width: 200px; padding-left: 13px; background: #eee; }
ul.nav-menu ul a:hover, .nav-menu ul ul a:hover, ul.nav-menu ul a:focus, .nav-menu ul ul a:focus { color: #fff; background: #00a0e9; }
ul.nav-menu li:hover > ul, .nav-menu ul li:hover > ul, ul.nav-menu .focus > ul, .nav-menu .focus > ul { clip: inherit; overflow: inherit; height: inherit; width: inherit; }
.nav-menu .current_page_item > a, .nav-menu .current_page_ancestor > a, .nav-menu .current-menu-item > a, .nav-menu .current-menu-ancestor > a { color: #fff; background: #00a0e9; }

/* mobile menu */
input#burger { display: none; }
input + label { position: absolute; top: 13px; right: 30px; height: 34px; width: 34px; z-index: 5; border: 3px solid #333; -webkit-transition: border-radius 300ms ease; transition: border-radius 300ms ease; }
input + label span { position: absolute; width: 24px; height: 3px; margin-top: 3px; margin-left: 5px; left: 0; display: block; background: #020304; transition: .5s; }
input + label span:first-child { top: 5px; }
input + label span:nth-last-child(2) { top: 13px; }
input + label span:last-child { top: 21px; }
label:hover { cursor: pointer; border-radius: 50%; }
input:checked + label { position: fixed; }
input:checked + label span { opacity: 0; top: 34%; }
input:checked + label span:first-child { opacity: 1; transform: rotate(405deg); }
input:checked + label span:last-child { opacity: 1; transform: rotate(-405deg); }
input ~ nav { background: white; position: fixed; top: 0; left: 0; width: 100%; z-index: 3; transition: .5s; transition-delay: .5s; overflow-y: auto; }
input ~ nav > ul { text-align: center; position: absolute; top: 5%; left: 20%; right: 20%; }
input ~ nav > ul > li { opacity: 0; transition: .5s; transition-delay: 0s; list-style: none; }
input ~ nav > ul > li > a { text-decoration: none; color: #333; font-weight: 600; font-family: sans-serif; display: block; font-size: 140%; padding: 15px; }
input ~ nav > ul > li > a:hover { color: #00a0e9; }
input:checked ~ nav { height: 100%; transition-delay: 0s; }
input:checked ~ nav > ul > li { opacity: 1; transition-delay: .3s; }
.sub-menu { border-top: 1px dotted #ccc;  border-bottom: 1px dotted #ccc; padding: 10px; }
.toggle-menu li .sub-menu li { list-style: none; padding: 10px 0; }
.sub-menu > li > a { color: #333;  text-decoration: none; display: block; }

/**
 * 2.0 Home Banner
 * ----------------------------------------------------------------------------
 */
#banner { background: url(/wp-content/uploads/2015/02/bg.png) repeat-x; width: 100%; height: 680px; }
.banner_img { position: absolute; padding: 0; }
.banner-text { background: url(/wp-content/uploads/2017/03/banner-home.jpg) no-repeat; padding-left: 450px; padding-top: 40px; width: 430px; height: 460px; }
.banner-text h1 { font-size: 40px; color: #fff; line-height: 1.043; }
.banner-text h1 span { color: #ffa200; }
.banner-text p { color: #fff; padding-top: 20px; }
.icon { padding-left: 26px; height: 110px; }
.icon ul { float: left; color: #fff; font-size: 14px; padding-left: 23px; }
.icon ul li { padding-left: 25px; width: 146px; font-size: 90%; }
.version { padding-left: 26px; padding-top: 20px; color: #fff; }
.version label { font-weight: 600; }
.version a { font-weight: 600; color: #ffa200; padding-left: 40px; text-decoration: none; }

/* 2.1 Home Who-con */
.user li { border-left: 20px #fff solid; float: left; width: 280px; height: 640px; margin-bottom: 30px; background: #eee; }
.user h4 { text-align: left; font-size: 18px; padding-top: 20px; padding-left: 20px; }
.user p { width: 240px; padding: 10px 20px; }
.user_img { height: 175px; }
.button { padding-left: 285px; clear: both; }
.button a { width: 400px; height: 90px; display: block; overflow: hidden; background: url(/wp-content/uploads/2016/12/btn_download.png) no-repeat; }
.button a:hover { background: url(/wp-content/uploads/2016/12/btn_download.png) no-repeat 0 -90px; }

/* 2.2 Home How-con */
.how_con { width: 920px; margin: 0 auto; }
ul.work { width: 880px; padding-left: 20px; }
ul.work li { clear: both; }
.work-img { float: left; padding-bottom: 40px; }
.work-imgo { float: left; padding-bottom: 40px; padding-left: 15px; }
ul.work li p { width: 340px; padding-top: 40px; float: left; }
ul.work li p strong { width: 340px; font-size: 24px; color: #008cc5; line-height: 220%; }
ul.work li p label { font-weight: 600; }

/* 2.3 Home Find-con */
.drivers { padding-left: 20px; }
table.drivers1, table.drivers2, table.drivers3 { float: left; padding-left: 60px; width: 293px; }
table.drivers1 th, table.drivers2 th, table.drivers3 th { padding-top: 5px; width: 60px; height: 60px; }
table.drivers1 td, table.drivers2 td, table.drivers3 td { padding: 0 10px; font-size: 18px; }

/* 2.4 Home Features-con */
.features { padding-left: 20px; }
table.features_text { border-collapse: separate; border-spacing: 3px; }
table.features_text tr td { width: 217px; height: 159px; text-align: center; }
table.features_text tr td p { padding-top: 105px; font-size: 90%; }
table.features_text tr td a { color: #fff; font-size: 18px; text-decoration: none; }

/*--start compare_con--*/
.compare { padding-left: 20px; }
table.one th { font-size: 18px; padding: 15px 0; }
table.one { width: 880px; line-height: 120%; font-size: 12px; border-spacing: 0; border-collapse: collapse; text-align: center; background: #eee; }
tr.gray-light { background: #f7f7f7; }
th.black-bg { background: #363636; color: #fff; line-height: 120%; border-bottom: 5px solid #000; }
th.black-bg label, th.blue-bg label { font-size: 20px; line-height: 220%; }
th.black-bg span, th.blue-bg span { font-size: 14px; font-weight: 100; color: #ccc; }
th.black-bg span strong, th.blue-bg span strong { font-size: 16px; color: #fff; }
th.blue-bg { background: #008abf; color: #fff; line-height: 120%; border-bottom: 5px solid #006d97; }
.pro-tag { background: #006d97; line-height: 50px; width: 241px; color: #fff; font-size: 18px; font-weight: 600; text-align: center; margin: 0 240px 0 432px; }
td.white-bg { background: #fff; }
td.fea-con { width: 176px; text-align: left; padding: 7px; }
td.fre-con { width: 194px; padding: 8px; }
td.pro-con { width: 224px; padding: 8px; }
td.tec-con { width: 204px; padding: 8px; }
th.sp, td.sp { width: 5px; background: #fff; overflow: hidden; }
td.fre-con-bt, td.pro-con-bt, tec-con-bt { padding: 15px 0; }
td.fre-con-bt input[type="submit"], td.tec-con-bt input[type="submit"] { cursor: pointer; -webkit-appearance: none; cursor: pointer; color: #fff; font-weight: 600; background: #363636; font-family: 'open_sansregular'; Arial, border: none; display: inline-block; font-size: 18px; border-radius: 4px; padding: 15px 0; }
td.fre-con-bt input[type="submit"] { width: 180px; }
td.tec-con-bt input[type="submit"] { width: 190px; }
td.fre-con-bt input[type="submit"]:hover, td.tec-con-bt input[type="submit"]:hover { background: #000; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
td.pro-con-bt input[type="submit"] { cursor: pointer; padding: 15px 0; width: 210px; -webkit-appearance: none; cursor: pointer; color: #fff; font-weight: 600; background: #008abf; font-family: 'open_sansregular'; Arial, border: none; display: inline-block; font-size: 18px; border-radius: 4px; }
td.pro-con-bt input[type="submit"]:hover { background: #006d97; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.compare_text { padding: 20px; clear: both; }

/* 2.6 Home Independent-con */
.left, .center, .right { float: left; display: inline; }
.left, .right { width: 310px; padding-left: 20px; padding-top: 10px; }
.test ul li { font-weight: 400; padding: 20px; }
.test ul li span { font-size: 12px; font-weight: normal; line-height: 220%; padding: 4px 0 6px 25px; }

/* 2.7 Home Partner-con */
.partner_con h2 label { font-weight: normal; font-size: 14px; line-height: 120%; }
table.partner { width: 360px; float: left; height: 100px; text-align: center; margin-left: 70px; _display: inline; }
table.partner td a { text-decoration: none; color: #0086c5; font-weight: bold; font-size: 18px; }

/* 2.8 Home Customers-con */
#customer_con h2 label { font-weight: normal; font-size: 14px; line-height: 120%; }
.map_text { padding-left: 314px; }
.text-top { border: 1px solid #ccc; width: 290px; text-align: center; font-weight: 600; padding: 5px; }
.color { width: 18px; height: 18px; background: #ffae00; float: left; _display: inline; }
.map { padding: 20px 0 40px 62px; }

/* 2.9 say-con */
#say { background: url(/wp-content/uploads/2016/03/collection-people.jpg) no-repeat center center; background-size: cover; height: 540px; }
h2.say-text-new { color: #fff; line-height: 120%; }
.say-con li { margin: 0 0 20px 10px; float: left; height: 370px; background: #fff; list-style: none; }
.say-con p { width: 250px; margin: 20px; font-size: 14px; line-height: 1.4; }

/* 2.9 Home Awards */
.award_con { background: #E7ECF0; }
table.award tr td { padding: 10px 0 10px 5px; }

/* 2.9 Home Awards */
h2.say-text { color: #fff; background: #0089c1; padding: 30px 0 0; line-height: 120%; }
.award_con { background: #E7ECF0; }
table.award tr td { padding: 10px 0 10px 5px; }

/* 2.10 Home Buy-con */
.buy_text p { margin: 0 auto; }
.buy_text a { color: #f39700; font-weight: 600; text-decoration: none; }
.button_buy { clear: both; padding: 20px 0 60px 0; width: 320px; margin: 0 auto; }
.button_buy a { height: 74px; display: block; overflow: hidden; background: url(/wp-content/uploads/2016/07/btn-buy-yellow.png) no-repeat; }
.button_buy a:hover { background: url(/wp-content/uploads/2016/07/btn-buy-yellow.png) no-repeat 0 -74px; }

/**
 * 3.0 Version History
 * ----------------------------------------------------------------------------
 */
.version-text p { line-height: 140%; width: 880px; margin: 0 auto; padding-left: 20px; }
.version-text ul li h4 { line-height: 260%; padding-top: 40px; width: 880px; padding-left: 20px; margin: 0 auto; }
.page-link a { font-size: 18px; text-decoration: none; color: #333; padding: 10px; font-weight: normal; font-style: normal; line-height: 120px; }
.page-link { font-size: 30px; width: 880px; margin: 0 auto; color: #F90; font-weight: 600; }

/**
 * 4.0 Features
 * ----------------------------------------------------------------------------
 */
table.function { width: 90%; }
table.function h3 { padding-left: 20px; }
table.function tr th { width: 10%; }
table.function tr td { color: #666; line-height: 130%; padding: 20px 0 40px 0; }
table.function tr td p { padding-left: 20px; }

/**
 * 5.0 Support
 * ----------------------------------------------------------------------------
 */
.faq { width: 920px; margin: 0 auto; }
.faq-left { width: 580px; float: left; padding-bottom: 60px; }
.faq p { width: 540px; text-align: left; overflow: hidden; }
.faq h4 { width: 540px; line-height: 140%; padding: 40px 0 20px 20px; }

/* 5.1 shortcode */
.shortcode-showhidden { margin: 1em 0; background: #f9f9f9; }
.xControl { font-size: 18px; }
.xControl a:before { content: '\f429'; }
.xControl a { text-decoration: none; color: #158abf; display: block; padding: 20px; background: #f9f9f9; }
.xControl a:hover { background: #f4f4f4; }
.xContent { padding: 0 35px 30px; }

/* 5.2 Help */
#help-box { margin: 0 auto; width: 920px; padding-top: 40px; padding-bottom: 60px; }
#help-box h2 span { padding-left: 20px; }
#help-box p { padding-top: 20px; font-size: 16px; }
#help-box p a { text-decoration: none; border-bottom: 1px dotted #ccc; padding: 10px 0; color: #158abf; }
#help-box p a:hover, .toc.wptoc ul li a:hover, .sidebar-inner ul li a:hover, a.more-link:hover { color: #F90; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
#help-con p { padding-bottom: 5px; }
.help-con { padding-bottom: 60px; }

/**
 * 6.0 Online Scan
 * ----------------------------------------------------------------------------
 */
.text-notes { background: #a40000; width: 100%; padding: 20px; color: #fff; }
.text-notes a { color: #ffc729; }
.scan_banner { background: #003A87; height: 420px; }
.contain { margin: 0 auto; width: 880px; padding-left: 20px; }
.scan_left { width: 450px; float: left; }
.scan_left img { padding-top: 52px; }
.scan_right { width: 430px; float: left; }
.scan_right h4 { color: #3BCB3F; padding: 0; height: 18px; }
.scan_right ul { color: #ccc; margin: 30px 20px 30px 0; line-height: 140%; }
.scan_bt a { background: url(/wp-content/uploads/2014/11/scan_bt.jpg) no-repeat; width: 306px; height: 92px; display: block; }
.scan_bt a:hover { background: url(/wp-content/uploads/2014/11/scan_bt.jpg) 0 -92px; }
#supported_browser { background: #F4F4F4; width: 100%; padding-bottom: 20px; }
.contain h3 { padding-top: 10px; width: 800px; }
table.support-browser { border-collapse: collapse; width: 780px; margin: 0 auto; }
table.support-browser th { text-align: left; border: 1px solid #999; padding-left: 20px; }
table.support-browser td { border: 1px solid #999; padding: 5px 5px 5px 20px; }
table.support-browser tr.colorbg { background: #ccc; }
.how_box { margin: 0 auto; width: 880px; }
table.step { padding-bottom: 40px; padding-left: 30px; }
table.step td { width: 440px; padding: 0 0 20px; }
table.step td strong { width: 382px; font-size: 24px; color: #008cc5; line-height: 220%; }
table.step td label { font-weight: 600; }
table.step td p { width: 400px; padding-bottom: 80px; }
p.step-left { padding-left: 30px; }

/**
 * 7.0 About Us
 * ----------------------------------------------------------------------------
 */
.about-us { background: url(/wp-content/uploads/2015/02/about.jpg) no-repeat center; height: 417px; width: 100%; background-color: #d7dcdf; }
.about-text { padding-bottom: 60px; }
.about-text p { width: 880px; margin: 0 auto; padding-top: 20px; }

/**
 * 8.0 Contact Us
 * ----------------------------------------------------------------------------
 */
.attention { background: #063c85; overflow: hidden; padding-bottom: 10px; }
.con { margin: 0 auto; width: 90%; max-width: 1080px; }
.attention span { padding-left: 50px; padding-right: 20px; float: left; }
.attention p { padding-top: 10px; font-size: 18px; color: #bbb; padding-left: 0; }
.attention a { font-size: 1.5em; color: #fff; }
.contact { margin: 0 auto; width: 90%; max-width: 600px; }
.contact h2 { text-transform: uppercase; color: #777777; text-align: left; padding: 20px 0 10px; }
.wpcf7 { width: 100%; padding-left: 20px; margin: 0 auto; padding-bottom: 60px; }
.wpcf7 p { font-size: 18px; padding-top: 20px; color: #999; }
form.wpcf7-form { padding-bottom: 50px; }
input.wpcf7-form-control, .keybox input { width: 100%; height: 32px; font-size: 18px; border: 2px solid #eee; }
textarea.wpcf7-form-control.wpcf7-textarea { width: 100%; font-size: 18px; border: 2px solid #eee; }
input.wpcf7-form-control.wpcf7-submit, button, input#submit { -webkit-appearance: none; height: 50px; cursor: pointer; color: #fff; font-weight: 600; background: #158abf; border: none; display: inline-block; font-size: 20px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
input.wpcf7-form-control.wpcf7-submit:hover, button:hover, input#submit:hover { background: #F90; }

/* 8.1 Resend License Key */
.keybox { width: 90%; line-height: 160%; }
.keybox p { padding-top: 20px; }
p.word { padding-top: 40px; padding-bottom: 20px; }
p.notes { padding-top: 40px; }
.keybox input { padding: 8px 0; border: 2px solid #ccc; }
button { width: 100%; font-size: 18px; }
.resend-buy { padding: 20px 0; }
p.text-get { font-size: 30px; line-height: 1.6; }
.send { width: 80%; }

/* start universal-license */
.universal_text { width: 880px; margin: 0 auto; padding: 30px 20px 200px 20px; }

/**
 * 9.0 Blog
 * ----------------------------------------------------------------------------
 */
#crumbs { padding-top: 20px; color: #999; width: 90%; margin: 0 auto; max-width: 1080px; }
#crumbs a { color: #333; text-decoration: none; }
#crumbs a:hover { color: #158abf; }
#blog-content { width: 90%; margin: 0 auto; max-width: 1080px; }
.nav-links a { padding-bottom: 30px; font-size: 18px; line-height: 140%; color: #158abf; text-decoration: none; display: block; }
#title { width: 100%; color: #fff; background: #003A87; }
.title { margin: 0 auto; width: 90%; }
h1.entry-title, h1.archive-title { font-size: 30px; padding: 30px 0; }
h1.entry-title a { text-decoration: none; color: #333; padding: 0; }
h1.entry-title a:hover, .entry-meta a:hover, .nav-links a:hover { color: #F90; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
span.vcard a { color: #999; text-decoration: none; }
.blog-article p { padding-bottom: 10px; }
.blog-article p a { color: #158abf; }
.blog-article p a:hover { color: #F90; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.entry-meta a { color: #999; text-decoration: none; }
footer.entry-meta { padding-bottom: 40px; }
a.more-link { color: #158abf; }
.single-read span.details { display: none; }
span.details a { background: #158abf; color: #fff; line-height: 220%; text-decoration: none; padding: 10px 40px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
span.details a:hover { background: #F90; }

/**
 * 9.1 Entry Meta
 * ----------------------------------------------------------------------------
 */
div.entry-meta { clear: both; border-top: 1px dotted #ccc; padding: 10px 0; }
.entry-meta { clear: both; font-size: 14px; }
.entry-meta > span { margin-right: 20px; }
.entry-meta > span:last-child { margin-right: 0; }
.featured-post:before { content: "\f308"; margin-right: 2px; }
.entry-meta .date a:before { content: "\f303"; }
.comments-link a:before { content: "\f300"; margin-right: 2px; position: relative; top: -1px; }
.entry-meta .author a:before { content: "\f304"; position: relative; top: -1px; }
.categories-links a:first-child:before { content: "\f301"; }
.tags-links a:first-child:before { content: "\f302"; position: relative; top: -1px; }
.edit-link a:before { content: "\f411"; position: relative; top: -1px; }
.single-author .entry-meta .author, .sticky.format-standard .entry-meta .date, .sticky.format-audio .entry-meta .date, .sticky.format-chat .entry-meta .date, .sticky.format-image .entry-meta .date, .sticky.format-gallery .entry-meta .date { display: none; }

/**
 * 9.1 widget-area
 * ----------------------------------------------------------------------------
 */
.sidebar-inner ul li { border-bottom: 1px dotted #ccc; padding: 10px 0; }
.sidebar-inner ul li a { text-decoration: none; color: #158abf; font-size: 16px; }
.sidebar-inner ul li ul { padding-left: 20px; }
.sidebar-inner ul li ul li { border: none; }
.widget-area { padding: 40px 0 40px 20px; }
h3.widget-title { padding: 30px 0 0; }

/**
 * 9.2 Comments
 * ----------------------------------------------------------------------------
 */
.comment-body { padding: 40px 20px; border-top: 1px dotted #ccc; }
.comment-content { margin-bottom: 20px; }
.comment-author { float: left; position: absolute; }
.fn { font-weight: 100; vertical-align: top;  margin-bottom: 20px; }
.comment-author .url, .comment-reply-login { color: #158abf; font-weight: normal; }
a.comment-reply-link { border:1px solid #158abf; padding:5px 20px; text-decoration: none; border-radius: 20px; }
a.comment-reply-link:hover { background: #158abf; color:#fff; text-decoration: none; }
span.leave-reply, .comments-link a { line-height: 220%; }
.says { display: none; }
h3#reply-title { padding-top: 0; line-height: 220%; padding-left: 0; }
.comment-meta, .comment-meta a { color: #999; text-decoration: none; padding-right: 20px; }
.comment-metadata time { cursor: text; }
.comment-metadata { margin-bottom: 20px; padding-top: 30px; }
.ping-meta { color: #a2a2a2; line-height: 2; }
.comment-awaiting-moderation { color: #a2a2a2; }
.depth-2 { margin-left: 50px; background: #eee; }
.comment-list li { list-style: none; clear: both; }

/* 9.2.1 Comment form */
#comments { margin: 50px 0; }
.comment-respond { border-top: 1px dotted #ccc; }
.comment .comment-respond { margin-bottom: 20px; padding: 20px; }
.comment-reply-title small a:hover { color: #ed331c; text-decoration: none; }
.comment-form .required { color: #ed331c; }
p.comment-form-author, p.comment-form-email, p.comment-form-url { padding: 5px 0; }
p.comment-form-url label { padding-right: 10px; }
p.comment-form-email label { padding-right: 16px; }
p.comment-form-author label { padding-right: 14px; }
.comment-form input[type="text"], .comment-form input[type="email"], .comment-form input[type="url"] { width: 100%; height: 30px; font-size: 18px; border: 1px solid #ccc; }
p.logged-in-as { color: #999; }
p.logged-in-as a { color: #158abf; }
p.comment-form-comment label { color: #333; font-size: 18px; line-height: 220%; }
.comment-form textarea { width: 100%; border: 1px solid #ccc; }
textarea#comment { font-size: 18px; max-width: 100%; }
input#submit { padding: 0 60px; margin-top: 10px; }
.form-allowed-tags code { margin-left: 3px; }
.comment-list .pingback, .comment-list .trackback { padding-top: 24px; }
.comment-navigation { font-size: 20px; font-style: italic; font-weight: 300; margin: 0 auto; max-width: 600px; padding: 20px 0 30px; width: 100%; }
.no-comments { background-color: #fff; font-size: 20px; line-height: 140%; font-style: italic; font-weight: 300; margin: 0; padding: 40px 20px; text-align: center; }
.form-allowed-tags { display: none; }
.comment-form-comment { padding-top: 10px; width: 100%; }

/**
 * 10.0 Footer
 * ----------------------------------------------------------------------------
 */
 .site-footer { width: 90%; }
.widget-area { padding: 0; }
#colophon { clear: both; width: 100%; background: #333; }
#colophon .widget-area aside.widget { float: left; padding: 20px; color: #666;  width: 46%; }
#colophon .widget-area aside.widget h3 { color: #fff; font-size: 18px; }
#colophon .widget-area aside.widget ul li { padding-top: 10px; }
#colophon .widget-area aside.widget a { color: #aaa; line-height: 140%; text-decoration: none; }
#colophon .widget-area aside.widget a:hover,
.copyright p a:hover { color: #F90; }
.copyright { text-align: center; }
.sfsi_wicons { float: left; }
.copyright { color: #666; padding: 20px; border-top: 1px solid #555; clear: both; width: 90%; margin: 0 auto; }
.copyright p a { color: #999; text-decoration: none; }
a#go-to-top { display: inline; }
#go-to-top { position: fixed; bottom: 20px; right: 20px; text-indent: -999em; color: white; background: #333; background-image: url(/wp-content/uploads/2015/02/up.png); padding: 0; height: 50px; width: 50px; opacity: 0.7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); z-index: 999; display: none; -webkit-transition: opacity 0.4s ease-in-out; -moz-transition: opacity 0.4s ease-in-out; -o-transition: opacity 0.4s ease-in-out; transition: opacity 0.4s ease-in-out; }

/**
 * 11.0 404
 * ----------------------------------------------------------------------------
 */
h1.page-title { width: 90%; max-width: 1080px; margin: 0 auto; font-size: 30px; font-family: "'open_sansregular'" Arial, Helvetica, sans-serif; color: #fff; font-style: normal; }
.page-content { width: 90%; max-width: 1080px; margin: 0 auto; padding: 40px 0; }
.page-content p { font-size: 18px; padding-bottom: 10px; width: 80%; }
.nothing { text-align: left; line-height: 140%; padding-top: 0; }

/**
 * 12.0 Search Results/No posts
 * ----------------------------------------------------------------------------
 */
span.screen-reader-text { display: none; }
.page-header { background-color: #063c85; }
.page-title { font: 30px "'open_sansregular'" Arial, Helvetica, sans-serif; margin: 0 auto; max-width: 920px; padding: 30px 0; width: 100%; }

/**
 * 13.0 Why Choose Us
 * ----------------------------------------------------------------------------
 */
.advantage-banner { background: #7d0000; height: 430px; color: #FFFFFF; }
.advantage-left { width: 580px; float: left; overflow: hidden; }
.advantage-right { width: 300px; float: left; overflow: hidden; }
.advantage-right img { padding-top: 35px; }
.advantage-banner h1 { font-size: 38px; width: 600px; padding: 20px 0 0 20px; }
.advantage-banner p, .ad-partner p { width: 540px; padding: 20px 10px 20px 20px; }
.ab-bt { margin: 0 auto; width: 320px; padding: 30px 0 40px; }
.ab-bt a { height: 74px; display: block; background: url(/wp-content/uploads/2016/07/btn-buy-yellow.png) no-repeat; }
.ab-bt a:hover { background: url(/wp-content/uploads/2016/07/btn-buy-yellow.png) no-repeat 0 -74px; }
#get-con h2 { color: #a40000; font-size: 36px; }
.gtr td { padding: 30px 10px; width: 440px; line-height: 160%; }
.gtr td a { text-decoration: none; }
.gtri { text-align: center; }
.global-map { background: #eee; border-top: 1px solid #ddd; }
.global-map h2 { color: #a40000; padding: 40px 0 10px; font-size: 36px; }
.global-map p { margin: 0 auto; text-align: center; }
img.com-map { margin: 20px 0 40px; }
.server { background: #fff0d3; width: 100%; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; padding-left: 20px; }
.free-server { width: 340px; float: left; }
.free-server h2 { font-size: 36px; text-align: left; line-height: 100%; padding: 30px 0 5px 20px; font-weight: 100; }
.pro-server { width: 410px; float: left; padding-left: 150px; }
.pro-server h2 { font-size: 36px; text-align: left; line-height: 100%; color: #a40000; font-weight: 100; padding: 30px 0 5px 20px; }
.server h4 { text-align: center; font-size: 30px; font-weight: 100; padding-top: 30px; }
.server p { margin: 0 auto; width: 880px; text-align: center; padding-top: 20px; }
.server p a { color: #a40000; text-decoration: none; }
.ts-con h2 { padding: 30px 0 20px; font-size: 30px; color: #333; }
.ts-img { height: 247px; overflow: hidden; border-bottom: 1px solid #e5e5e5; text-align: center; margin-top: 60px; }
.ts-text p { padding: 0 50px; }
.ts-con p { padding-bottom: 30px; border-bottom: 1px solid #e5e5e5; }
.buy_text h2 { font-size: 30px; color: #333; padding-top: 40px; }

/**
 * 14.0 Update the latest version
 * ----------------------------------------------------------------------------
 */
.delete-price { text-decoration: line-through; }
.update-buy-btn { margin: 30px 0; }
.update-buy-btn a { background: url(/wp-content/uploads/2016/07/btn-buy-yellow.png) no-repeat; width: 320px; height: 74px; display: block; }
.update-buy-btn a:hover { background: url(/wp-content/uploads/2016/07/btn-buy-yellow.png) no-repeat 0 -74px; }
#plan-lr { margin: 30px 20px; }
.plan-left { width: 340px; float: left; overflow: hidden; padding-right: 10px; }
.latest-content h1 { font-size: 34px; }
.latest-content h4 { padding-top: 20px; padding-bottom: 10px; }
.inside-box { width: 320px; height: 140px; overflow: scroll; overflow-x: hidden; background: #fff; padding: 10px 10px 10px 0; font-size: 14px; }
.lr-update-btn { padding-top: 20px; }
.lr-update-btn a { background: url(/wp-content/uploads/2015/03/lr-update-btn.png) no-repeat; width: 252px; height: 62px; display: block; }
.lr-update-btn a:hover { background: url(/wp-content/uploads/2015/03/lr-update-btn.png) 0 -62px; }
.plan-center { width: 50px; float: left; overflow: hidden; text-align: center; color: #c20000; font-size: 28px; font-weight: 600; font-size: 34px; }
.vc { width: 1px; height: 335px; background: #dcdcdc; margin: 20px auto 10px; }
.plan-right { width: 490px; float: left; overflow: hidden; padding-left: 30px; }
.buy-content { padding: 40px 10px 40px 0; width: 270px; float: left; }
h2.gp { color: #003a87; text-align: left; font-size: 34px; padding-bottom: 20px; padding: 0; line-height: 120%; }
.buy-content span { color: #c20000; }
#uv { background: #eee; clear: both; }
img.b-arrow { padding-left: 530px; }
h2.wu { padding-top: 20px; color: #c20000; font-weight: 100; }
.pro-left { width: 500px; float: left; overflow: hidden; }
.pro-left img { margin-left: 20px; }
.pro-right { width: 420px; float: left; overflow: hidden; }
.pro-right p { width: 342px; padding: 70px 20px 20px; }
h3.pr { padding-left: 40px; font-size: 24px; }
table.up-promise { border: 2px #d2d2d2 dotted; margin: 0 auto; width: 840px; margin-bottom: 20px; }
table.up-promise td { padding: 10px; }
table.uv-con td { padding: 10px 20px 40px; vertical-align: top; }
table.uv-con h4 { text-align: center; }
tr.uv-img td { text-align: center; padding: 0; }
.bc { margin: 0 auto; width: 600px; text-align: center; padding-bottom: 20px; }
.aub { font-size: 28px; padding: 10px; }
.ubp { color: #c10000; font-size: 18px; }

/**
 * 15.0 template-content
 * ----------------------------------------------------------------------------
 */
#content-title { background: #003A87; padding: 20px; }
h1.content-title { text-decoration: none; color: #fff; padding: 10px 0; width: 90%; margin: 0 auto; max-width: 1080px; }
#content-area { width: 90%; margin: 20px auto; }

/**
 * 16.0 - Affiliate Program
 * ----------------------------------------------------------------------------
 */
.affiliate-area { margin: 0 auto; }
.title-off { padding: 30px 0 20px; text-align: center; }
.title-off p { font-size: 24px; }
.title-off span { color: #a40000; font-size: 36px; font-weight: 600; }
.affiliate { width: 80%; margin: 0 auto; padding: 40px 0 0; }
.affiliate h3 { font-size: 28px; padding-left: 0; }
.affiliate p { margin: 0 0 20px; }
.whdec { padding-bottom: 30px; }
.pl { width: 100%; font-size: 14px; border-spacing: 0; border-collapse: collapse; text-align: center; background: #eee; margin: 20px 0; }
.pl td, .pl th { padding: 15px 0; border-right: 5px #fff solid; }

/**
 * 17.0 - Press Kits
 * ----------------------------------------------------------------------------
 */
.presskit { width: 100%; background: #4c4c4c; }
.banner-presskit { background: url(/wp-content/uploads/2016/04/bg-presskit.jpg) no-repeat; height: 460px; text-align: center; width: 880px; margin: 0 auto; color: #fff; }
.banner-presskit h1 { font-size: 60px; padding-top: 100px; padding-bottom: 30px; }
.btn-pk { padding-top: 40px; }
.btn-pk a, .btn-templete a { padding: 20px 40px; background: #008cc5; color: #fff; font-size: 24px; text-decoration: none; border-radius: 2px; display: inline-block; }
.btn-pk a:hover, .btn-templete a:hover { background: #0077a8; }
.pk-contains { border-bottom: 2px dotted #ccc; width: 600px; margin: 30px auto 0; }
.pk-contains h4 { color: #008cc5; font-size: 24px; text-align: center; }
.pk-details { border-bottom: 2px dotted #555; width: 600px; margin: 0 auto; padding-bottom: 30px; }
.pk-details ul { padding: 20px 0 0 193px; }
.pk-details ul li { list-style: url(/wp-content/uploads/2016/04/point.jpg); line-height: 1.667; font-size: 18px; }
.pk-title { font-size: 48px; text-align: center; padding: 50px 0 5px; }
.title-text { text-align: center; }
.img-partner { clear: both; }
.partner-text { padding-bottom: 20px; }
.pk-de-logo { margin: 0 auto; width: 199px; padding: 30px 0; }
.img-packingbox { background: url(/wp-content/uploads/2016/04/bg-pb.jpg) no-repeat; background-size: cover; background-position: center center; color: #fff; }
.debox { width: 303px; margin: 0 auto; padding: 30px 0; }
.img-partner { background: #eee; width: 100%; margin-top: 40px; height: 260px; }
.btn-about { text-align: center; margin-bottom: 80px; }
.img-magazine ul li { text-align: center; float: left; border: 2px solid #eee; list-style: none; padding: 20px; margin: 30px 15px 0; }
.text-about { width: 750px; padding-top: 50px; margin: 0 auto; }
.tb { padding: 10px; }
.img-screenshot img { float: left; padding: 20px 23px 50px; }

/**
 * 18.0 - WHQL Certified
 * ----------------------------------------------------------------------------
 */
.left-icon { width: 150px; float: left; margin-top: 22px; }
.right-text { width: 730px; float: left; }
.link-de { margin-bottom: 40px; }
strong.tag-dd { font-size: 16px; color: #084b84; line-height: 1.4; }
.tag-dd label { font-size: 24px; }

/**
 * 19.0-help us translate
 * ----------------------------------------------------------------------------
 */
.banner-a { width: 100%; background: #010124; margin: 0 auto; display: inline-block; }
.banner-in { background: url(/wp-content/uploads/2016/12/333_03.jpg) no-repeat; background-position: center center; background-size: cover; display: inline-block; }
.text-help { width: 70%; margin: 0 40px; padding-top: 30px; color: #FFFFFF; font-size: 1.1875em; }
.text-p { width: 70%; color: #fff; margin: 40px 40px; }
.tag-help { width: 100%; }
.tag-center { width: 100%; height: auto; }
.tag-text { margin-top: 30px; }
.box1 { height: 100%; width: 26px; font-size: 26px; line-height: 76px; position: absolute; }
.box2 { line-height: 76px; }
.box3 { background: #007fc1; height: 100%; width: 26px; font-size: 26px; line-height: 103px; position: absolute; }
.box4 { margin-left: 36px; border-radius: 4px; margin-top: 8px; color: #FFFFFF; }
.box4 p { width: 75%; margin: 0 auto; padding-top: 20px; padding-bottom: 20px; }
.box2 p { width: 75%; margin: 0 auto; padding-top: 27px; padding-bottom: 27px; }
.box1, .box3 { float: left; background: #05b3de; border-radius: 4px; color: #FFFFFF; text-align: center; }
.box3 h7, .box1 h7 { display: table; width: 100%; height: 100%; font-size: inherit; font-weight: inherit; }
.box3 h7 p, .box1 h7 p { display: table-cell; vertical-align: middle; }
.box2 { background: #05b3de; border-radius: 4px; margin-left: 36px; margin-top: 8px; color: #FFFFFF; text-align: center; border-bottom: 3px solid #0195BA; }
.blue-bg1 { background: #007FC1; border-bottom: 3px solid #01669a; }
.blue-bg2 { background: #0055a5; border-bottom: 3px solid #124472; }
.blue-bg3 { background: #323c7c; border-bottom: 3px solid #2f2f65; }
.box { position: relative; }
span.box-icon { position: absolute; left: 90%; bottom: -25px; z-index: 999; }
@media screen and (max-width:768px) {
	.banner-in { width: 100%; height: 100%; }
}

/**
 * 20.0 - Post Content
 * ----------------------------------------------------------------------------
 */
blockquote { color: #666; font-size: 1.125em; font-style: italic; line-height: 1.7; margin: 0; overflow: hidden; padding: 20px 20px 10px; border-left: 5px solid #ccc; }
blockquote,
q { quotes: "" ""; background: url(images/cite.png) no-repeat 5px 0; }
blockquote:before,
blockquote:after,
q:before,
q:after { content: """"; }
pre { background: #f5f5f5; color: #666; border: 1px solid #ccc; font-size: 16px; margin: 20px 0; padding: 20px; white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
