/*
Theme Name: iDea - Clean & Powerful Bootstrap Theme
Author: HtmlCoder
Author URI: http://www.htmlcoder.me
Author e-mail: htmlcoder.me@gmail.com
Version: 1.0.0 
Created: August 2014
License URI: http://wrapbootstrap.com
File Description: Place here your custom CSS styles
*/

/* corner
---------------------------------- */
.mfp-title {
    text-align: center;
}
.text-muted ul, .text-muted li, .text-muted ol {
    padding-left: 0;
}
.text-muted li {
    list-style: none;
}

/* corner-radius:
---------------------------------- */
.white-bg.box-style-1, .dark-bg.box-style-1, .gray-bg.box-style-1, .default-bg.box-style-1,
.btn, .dropdown-menu, .sorting-filters, .form-control, .input-group .form-control,
.table-bordered, .box-style-2, .icon-container, .panel-heading a.collapsed,
.mfp-figure:after, .pswp img,
.image-box .overlay-container img{
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.rtable--flip th:first-child,

.panel-heading a,
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus,
.nav-tabs > li > a:hover,
.overlay-links a:first-child{
    -webkit-border-top-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    border-top-left-radius: 5px;
}
.rtable--flip th:last-child,
.overlay-links a:first-child {
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-left-radius: 5px;
}
.rtable--flip tbody, .rtable--flip tr:last-child td:first-child,

.panel-heading a,
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus,
.nav-tabs > li > a:hover,
.overlay-links a:last-child {
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    border-top-right-radius: 5px;
}
@media (max-width:767px) {
    .nav-tabs, .tabs-style-2 .nav-tabs {
        -webkit-border-radius: 5px;
       	-moz-border-radius: 5px;
       	border-radius: 5px;
    }
    .nav-tabs, .tabs-style-2 .nav-tabs, .nav-tabs > li a {
        border-bottom: none;
    }
    .nav-tabs > li.active > a,
    .nav-tabs > li.active > a:hover,
    .nav-tabs > li.active > a:focus,
    .nav-tabs > li > a:hover {
        border-radius: 0;
    }
    .nav-tabs > li.active:first-child > a,
    .nav-tabs > li.active:first-child > a:hover,
    .nav-tabs > li.active:first-child > a:focus,
    .nav-tabs > li:first-child > a:hover {
        -webkit-border-top-left-radius: 5px;
        -moz-border-radius-topleft: 5px;
        border-top-left-radius: 5px;

        -webkit-border-top-right-radius: 5px;
        -moz-border-radius-topright: 5px;
        border-top-right-radius: 5px;
    }
    .nav-tabs > li.active:last-child > a,
    .nav-tabs > li.active:last-child > a:hover,
    .nav-tabs > li.active:last-child > a:focus,
    .nav-tabs > li:last-child > a:hover {
        -webkit-border-bottom-left-radius: 5px;
        -moz-border-radius-bottomleft: 5px;
        border-bottom-left-radius: 5px;

        -webkit-border-bottom-right-radius: 5px;
        -moz-border-radius-bottomright: 5px;
        border-bottom-right-radius: 5px;
    }

    .tabs-style-simple .nav-tabs > li.active:last-child > a,
    .tabs-style-simple .nav-tabs > li.active:last-child > a:hover,
    .tabs-style-simple .nav-tabs > li.active:last-child > a:focus,
    .tabs-style-simple .nav-tabs > li:last-child > a:hover {
        -webkit-border-bottom-left-radius: 0;
        -moz-border-radius-bottomleft: 0;
        border-bottom-left-radius: 0;

        -webkit-border-bottom-right-radius: 0;
        -moz-border-radius-bottomright: 0;
        border-bottom-right-radius: 0;
	}
}
.rtable--flip tbody,
.rtable--flip tbody tr:last-child td:last-child,
.overlay-links a:last-child{
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    border-bottom-right-radius: 5px;
}



.showcase {
    margin-bottom: 50px;
}
.showcase .dark-translucent-bg:after {
	background-color: transparent;
}
/*.feature-list {*/
    /*border-top: 1px solid #eee;*/
    /*padding: 50px 20px;*/
/*}*/
/*.feature-list:nth-child(odd){*/
    /*background-color: #fafafa;*/
/*}*/
/*.feature-list:nth-child(even) {*/
    /*background-color: #fff;*/
/*}*/
/*.feature-list .feature-img {*/
    /*display: table-cell;*/
    /*vertical-align: middle;*/
    /*text-align: center;*/
/*}*/
/*.feature-list .feature-img img {*/
    /*display:block;*/
    /*width: 70%;*/
    /*height: 70%;*/
/*}*/
.feature-list img,
.section-comming-soon img {
    margin:0 auto;
    /*-moz-box-shadow: 0 10px 35px 0 rgba(0, 0, 0, 0.3), 0 5px 25px 0 rgba(0, 0, 0, 0.1);*/
   	/*-o-box-shadow: 0 10px 35px 0 rgba(0, 0, 0, 0.3), 0 5px 25px 0 rgba(0, 0, 0, 0.1);*/
   	/*-webkit-box-shadow: 0 10px 35px 0 rgba(0, 0, 0, 0.3), 0 5px 25px 0 rgba(0, 0, 0, 0.1);*/
    /*box-shadow: 0 10px 35px 0 rgba(0, 0, 0, 0.3), 0 5px 25px 0 rgba(0, 0, 0, 0.1);*/
}
@media (max-width:767px) {
    .feature-list .feature-img img {
        width: 100%;
        height: 100%;
    }
}
.feature-list > .section:first-child .fa { padding-bottom: 5px; padding-top: 5px;}
.feature-list > .section:first-child .btn-sm { font-size: 14px; }
.feature-list .col-md-6:first-child img {
    text-align: right;
}
.textAlign-right {
    text-align: right;
}
.buy-func-list li {
    list-style: disc;
}
.buy-func-list li > ul {
    marrgin-left: 0;
    padding-left: 0;
}
.buy-func-list li > ul > li {
    list-style: none !important;
}

h2.annotation,
h2.annotation-more {
    position: relative;
    padding: 4px 10px;

    display: inline-block;
    font-size: 36px;
    font-weight: 400;
    min-height: 1.3em;
    margin-left: -2px;
    line-height: 1.3em;
    letter-spacing: -.008em;
    font-family: 'Roboto', -apple-system, Helvetica Neue, Helvetica, Roboto, Arial, PingFang SC, PingFang TC, Hiragino Sans GB, Microsoft Yahei, Microsoft Jhenghei, sans-serif;


}
h2.annotation:before,
h2.annotation-more:before{
    content: "";
    position: absolute;
    bottom: -20px;
    right: -16px;
    width: 16px;
    height: 20px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAATCAYAAAB2pebxAAAA90lEQVR4AaTMUQpCIRSE4QuCi6me3Yegittw1dkWlCbmwjxZVDrwcwThOwDcjs0ReexCRNB734OIhBAEXZcRnhgjoUZoGdmChKiUkqDLMiJojHFC+GFCpnLOhO5ryAzx/anvCCul/Ic4587rvYem/zebkVorWmtPay2MMa/9f/ToEUjKCIiJc0l1dTWIegDEO6Ojo8GSlZWVILEZxLkEAu4AsRwQOx87dgwsKSoq+v/Hjx+fiXXJDSCWQko314yMjMAKFi1aRHSYiKMlvuy5c+f+FxMT+z979uz/xLgEWwrm/fnz5ycgBskfJSax4coKUaCYITbrAAB7BRvN2wNwCQAAAABJRU5ErkJggg==);
    background-size: 100%;
    background-repeat: no-repeat
}

h2.annotation:after,
h2.annotation-more:after {
    content: "";
    position: absolute;
    top: -15px;
    left: -15px;
    width: 30px;
    height: 30px;
    background-size: 100%;
}
h2.annotation-more:after {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAiCAYAAAA6RwvCAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo0QjhBQzRGOUJBRkMxMUU3Qjg2OThGNjgwNzNGMjNDRCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo0QjhBQzRGQUJBRkMxMUU3Qjg2OThGNjgwNzNGMjNDRCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjRCOEFDNEY3QkFGQzExRTdCODY5OEY2ODA3M0YyM0NEIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjRCOEFDNEY4QkFGQzExRTdCODY5OEY2ODA3M0YyM0NEIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+aqqaDgAABbZJREFUeNqsWGtsVEUUPnfvdrtbun2k6ap9pbXVBDEIWppGxIZYDU1aqRIJalr+GBI1Wos/DNRgIxQCEX6QYFC0icEoYiCaKkKsNt1U09haaNE2QaF1CxX73L7Yln2M53Bn2ruz925b4CQnu3fuzDnfnNecuQBLJ0XH+jGj30WTdQnKowHRE+Msj90REEVWPjQ0tDIhIWGTqqpPID+AYyl8zkgwGPwLuWViYuJUampqlwEoBnfgApUADw8PFwcCgV/ZIonm0hq+WXUBK0YFYSEh1dXVjpmZmaNCwdgNFjriZqz0I8YydzFmq9aY/tMYvaM5Yj6tJRkckMUMjBLFEpbGxsaUoqKik1ar9cnZALBDTaDsbwQYn4m+i0Q7wDtoi+3rgcVaQUHruJubmzcXFxeP4OuQURypZiAqKipiq6qqviEQA+PAnvkQlOPtAAhoQaI5P10CONsDSukKYIlxluysrKyCvr6+r7q6ukKLyQYBTvX5fIftdvs2AlFwEJRr43BblJ4I8NvbwNISQUE3fexwON7E4SDnuQC2SOvo2dLb27ueQJA7Nh6LDuLgU9GB0FqSQbJIJskWeozSV18brOnp6bU0SDHR3m+u5JNSgLI1AFeGAHoG58dd8QAn/p5/Jhkka8fTaCFNtpvHivACU+QsaWtry0dq8fqAZdeCYhSYDzoBDj8PsPr+yHeuJIBPfwR45bvIAO6rBZbkAAV1rC0oKPgdhwMieK1SjKi5ubnl9PBFuzEIYYXmPwE+x319j78/X9fend0K4HREgiAiWSTztXUAeXl5z+HQBV2czOW1sIiKwfQ4vfihx9gd5z0AVccBNp8EyMSa+uWrAK+vBOh8C+AqJufao+auFDK5DlWv3yK7xmaz5dJA5zVjYUe65v1/ugPg+hjArk0AjRcB1uRpFjMjIZPrCCtwcrBakJJp4L9J8yxZkaHFxxSau+niLZPDbnTovcnhmdT2T3jQCplch94bYSmkGKRzZNXEGJjwAbx/CiB3n+Yqcs8tt10ByEjRgG5/Fk/DuKiiwsq9HKwKnp5ePFVd92Bm9HsjV4tAFHFBVqDApZgRREF7rkNzo55IJhHpkA/BCAtg9eul30fSo9eP/S+j6dHs6z4AeCxXUy7eUeZs+CxynZApdMjmCWtoRkdH2+ihZLk5ELLKo3u030uTmovuQ8tc3gGwPMM8c4RMriPs4JOBhNxu9xl6eCkfDyu7OZiMZQBbeJYIF1HgmoEgWSST/jc1NZ3RncLh2YIcQymOHD85OfltfHz86n1YIXdKxYlcQBlDFXQas+byv5qLDjRr1jGjvQiYSvzU1NR5p9O5EYemkDHswU+grHpr8JIbwD7kUHl5+XHqJ053hp83B87hrnMAfkEvX52OrlxQfqbWm9CmSbbQo7eK/qyhSmdDpqRzejyevZmZmVvuZhvQ399/AvuSnThM8G8g3+RlnskxEuSmmsVDabfX620nASSIdrVUojUCBMkimSSb6wjqY0Q1uy6gL6G7u7ulpKRkVWqSPX1rAbA4G7rJs3CXRoH53gaAYy8CS47TQFRWVr7R0dExwuNilruGmXVoFp2LKHCXuVyuhNbW1ndzcnJeoEnUHtApSgcYnR2ibFOxojpBKUrZQcc9jWMj9HVhYeGewcHBCXyc5kCES0JGV4y5xgg5luKE2gvkbOSH6uvrt42NjXUu9jpBc2kNreUyXFxmLNcRVlkVs+aZT6aUtnPrEMfW1dU9XFZWVpyWlrYK0zArJiYmgRb6/f4JTHvPwMDAhYaGhsaampo/uAt8nGd4bASMOvmo1wnuphi+C8E2PmaVes+QrgT4uflndeyX3MEWunIynWC5xtzUgZAvTGG1iCv2S1YImdyNo14BFem4VnWst4YMRIAJ6phJG4OlADG8hEsAFAkIkwAxyQJsMZ8b7vZniSV9BVBuo2ovds2SPkH8L8AAWf68vu8ZbmEAAAAASUVORK5CYII=);
}

.table-container td, .table-container th {
    vertical-align: middle !important;
}

.ul-table li {
    line-height: 40px;
    padding-left: 10px;
    list-style: disc;
}
#table-pro-compare tbody:last-child td:first-child {
    text-align: left;
}

#table-pro-compare .text-muted {
    display: block;
}

/*!
    // CSS only Responsive Tables
    // http://dbushell.com/2016/03/04/css-only-responsive-tables/
    // by David Bushell
    */

.rtable {
    /*!
    // IE needs inline-block to position scrolling shadows otherwise use:
    // display: block;
    // max-width: min-content;
    */
    display: inline-block;
    vertical-align: top;
    max-width: 100%;

    overflow-x: auto;

    white-space: nowrap;

    border-collapse: collapse;
    border-spacing: 0;
}

.rtable,
.rtable--flip tbody {
    -webkit-overflow-scrolling: touch;


    /*background: radial-gradient(left, ellipse, rgba(0,0,0, .2) 0%, rgba(0,0,0, 0) 75%) 0 center,*/
    /*radial-gradient(right, ellipse, rgba(0,0,0, .2) 0%, rgba(0,0,0, 0) 75%) 100% center;*/
    /*background-size: 10px 100%, 10px 100%;*/
    /*background-attachment: scroll, scroll;*/
    /*background-repeat: no-repeat;*/
}

.rtable td:first-child,
.rtable--flip tbody tr:first-child {
    /*background-image: linear-gradient(to right, rgba(255,255,255, 1) 50%, rgba(255,255,255, 0) 100%);*/
    /*background-repeat: no-repeat;*/
    /*background-size: 20px 100%;*/
}

.rtable td:last-child,
.rtable--flip tbody tr:last-child {
    /*background-image: linear-gradient(to left, rgba(255,255,255, 1) 50%, rgba(255,255,255, 0) 100%);*/
    /*background-repeat: no-repeat;*/
    /*background-position: 100% 0;*/
    /*background-size: 20px 100%;*/
}

.rtable th {
    font-size: 11px;
    text-align: left;
    text-transform: uppercase;
    /*background: #f2f0e6;*/
}

.rtable th,
.rtable td {
    padding: 6px 12px;
    /*border: 1px solid #d9d7ce;*/
}

.rtable--flip {
    display: flex;
    overflow: hidden;
    /*background: none;*/
}

.rtable--flip thead {
    display: flex;
    flex-shrink: 0;
    min-width: min-content;
}

.rtable--flip tbody {
    display: flex;
    position: relative;
    overflow-x: auto;
    overflow-y: hidden;
}

.rtable--flip tr {
    display: flex;
    flex-direction: column;
    min-width: min-content;
    flex-shrink: 0;
}

.rtable--flip td,
.rtable--flip th {
    display: block;
}

.rtable--flip td {
    background-image: none !important;
/*/ / border-collapse is no longer active*/
    border-left: 0;
}

.rtable--flip th:not(:last-child),
.rtable--flip td:not(:last-child) {
    border-bottom: 0;
}
.rtable--flip.table > thead:first-child > tr:first-child > th {
    border-top:solid 1px #e8e8e8;
}
.rtable--flip.table > thead:first-child > tr:last-child > th:last-child {
    border-bottom:solid 1px #e8e8e8;
}
.rtable--flip th {
    border-left: solid 1px #e8e8e8;
}

.table td,
.rtable--flip th {
    height: 50px;
}
#table-pro-compare.rtable--flip th,
#table-pro-downloads.rtable--flip th{
    width: 100px;
    padding: 5px;
}
.links-to-others a {
    margin-left: 13px;
}
.links-to-others a:first-child {
    margin-left: 0;
}
.contact-container {
    background: url("../images/mypic/contact-bg.jpg");
    background-size: cover;
    color: #fff;
}

.contact-container .separator:after {
    background-color: #fff;
}

.contact-container .title {
    color: #fff;
}

.contact-container address {
    line-height: 30px;
    margin-top:30px;
}

.contact-container .sorting-filters, .contact-container .sorting-filters .form-control {
    background: transparent;
    color: #fff;
}

@media (max-width:767px) {
    .contact-container address {
        line-height: 30px;
        margin-top: 0;
    }
}

/*版本升级页面 start*/
@media only screen and (max-width: 480px) {
    .changelog-page {
        /*padding: 102px 30px 72px*/
    }
}

.changelog-page .content .versions {
    position: relative;
    padding: 40px 0;
}

.changelog-page .content .versions:after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    bottom: 0;
    width: 2px;
    background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.1) 50px)
}

.changelog-page .content .versions .version {
    margin-left: 40px;
    padding-bottom: 60px
}

@media only screen and (max-width: 480px) {
    .changelog-page .content .versions .version {
        margin-left: 20px
    }
}

.changelog-page .content .versions .version .dot {
    z-index: 10;
    position: absolute;
    left: -7px;
    background-color: #fff;
    border-radius: 50%;
    width: 16px;
    height: 16px;
    text-align: start;
}

.changelog-page .content .versions .version .ver {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 12px
}

.changelog-page .content .versions .version .date {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 24px
}

.changelog-page .content .versions .version .message {
    white-space: pre-line;
    line-height: 1.7
}

@media only screen and (max-width: 480px) {
    .changelog-page .content .versions .version .message {
        /*font-size: 13px*/
    }

    .changelog-page .content .versions .version .message p {
        /*font-size: 13px*/
    }
}
@media only screen and (max-width: 480px) {
    .changelog-page .content .versions .version .logs {
        /*font-size: 13px*/
    }

    .changelog-page .content .versions .version .logs p {
        /*font-size: 13px*/
    }
}
.changelog-page .content .versions .version .logs h2 {
    font-size: 14px;
    margin-top: 24px;
    margin-bottom: 12px;
    font-weight: bold
}
.changelog-page .content .versions .version .logs h2:first-child {
    margin-top: 0
}
.changelog-page .content .versions .version .logs iframe {
    width: 480px;
    height: 270px
}
@media only screen and (max-width: 480px) {
    .changelog-page .content .versions .version .logs iframe {
        width: 80vw;
        height: 45vw
    }
}
.changelog-page .content .versions .version .logs .log {
    display: flex;
    align-items: baseline;
    margin-bottom: 5px
}

.changelog-page .content .versions .version .logs .log .type {
    /*font-size: 13px;*/
    font-weight: bold;
    padding: 3px 10px;
    color: #fff;
    margin-right: 8px;
    border-radius: 3px;
    flex-grow: 0;
    flex-shrink: 0
}
.changelog-page .content .versions .version .logs .log p {
    line-height: 1.6;
}
.changelog-page .content .versions .version .logs .log .chg-title {
    /* font-weight: bold; */
}
.changelog-page .content .versions .version .logs .log .chg-des {
    /* font-weight: normal; */
}
/*版本升级页面 end*/

#search-faq-nav.nav a {
    padding-left: 16px;
    padding-right: 16px;
}
#search-faq-nav.nav a > .badge {
	font-style: normal;
    font-size: 9px;
}

.image-box-body .label {
    font-weight: normal;
    font-size: 100%;
}
.image-box .overlay .overlay-links a[disabled],
.image-box-body a[disabled] {
    pointer-events: none;
    cursor: not-allowed;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none;
    opacity: .65;
}