@charset "UTF-8";
@font-face {
    font-family: MyriadPro;
    src: url(/fonts/MYRIADPRO-REGULAR.OTF);
    font-display: swap
}

@font-face {
    font-family: SF-Pro-Text-Light;
    src: url(/fonts/SF-Pro-Text-Light.woff2);
    font-display: swap
}

@font-face {
    font-family: SF-Pro-Text;
    src: url(/fonts/SF-Pro-Text-Regular.woff2);
    font-display: swap
}

@font-face {
    font-family: SF-Pro-Text-Medium;
    src: url(/fonts/SF-Pro-Text-Medium.woff2);
    font-display: swap
}

@font-face {
    font-family: SF-Pro-Text-Semibold;
    src: url(/fonts/SF-Pro-Text-Semibold.woff2);
    font-display: swap
}

@font-face {
    font-family: SF-Pro-Text-Bold;
    src: url(/fonts/SF-Pro-Text-Bold.woff2);
    font-display: swap
}

@font-face {
    font-family: SF-Pro-Text-Heavy;
    src: url(/fonts/SF-Pro-Text-Heavy.woff2);
    font-display: swap
}

@media (max-width:1200px) {
    .hidden-lg-down {
        display: none!important
    }
}

@media (max-width:992px) {
    .hidden-md-down {
        display: none!important
    }
}

@media (max-width:768px) {
    .hidden-sm-down {
        display: none!important
    }
}

@media (max-width:544px) {
    .hidden-xs-down {
        display: none!important
    }
}

@media (min-width:544px) {
    .hidden-sm-up {
        display: none!important
    }
}

@media (min-width:768px) {
    .hidden-md-up {
        display: none
    }
}

@media (min-width:992px) {
    .hidden-lg-up {
        display: none!important
    }
}

@media (min-width:1200px) {
    .hidden-xl-up {
        display: none!important
    }
}

@-webkit-keyframes my {
    0% {
        color: #000
    }
    to {
        color: #fff
    }
}

@keyframes my {
    0% {
        color: #000
    }
    to {
        color: #fff
    }
}

body {
    color: #030020;
    font-family: SF-Pro-Text;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    margin: 0;
    padding: 0;
    text-decoration: none
}

a {
    text-decoration: none!important;
    outline: none
}

a:hover {
    color: #204b45
}

@media (min-width:1400px) {
    .container {
        max-width: 1140px!important
    }
}

input::-webkit-inner-spin-button,
input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input[type=number] {
    -moz-appearance: textfield
}

input {
    outline: none
}

ul {
    margin-bottom: 0;
    padding-left: 0
}

ul li {
    list-style: none
}

.pull-left {
    float: left
}

.fright,
.pull-right {
    float: right
}

.fleft {
    float: left
}

.clear-fix {
    clear: both
}

.flex1 {
    display: flex;
    flex: 1
}

.z-depth-2 {
    box-shadow: 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12), 0 2px 4px -1px rgba(0, 0, 0, .3)
}

.z-depth-3 {
    box-shadow: 0 6px 10px 0 rgba(0, 0, 0, .14), 0 1px 18px 0 rgba(0, 0, 0, .12), 0 3px 5px -1px rgba(0, 0, 0, .3)
}

.z-depth-4 {
    box-shadow: 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12), 0 5px 5px -3px rgba(0, 0, 0, .3)
}

.z-depth-5 {
    box-shadow: 0 16px 24px 2px rgba(0, 0, 0, .14), 0 6px 30px 5px rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(0, 0, 0, .3)
}

.img_cover {
    -o-object-fit: cover;
    object-fit: cover
}

.img_cover,
.img_fill {
    width: 100%;
    height: 100%
}

.img_fill {
    -o-object-fit: fill;
    object-fit: fill
}

.img_contain {
    -o-object-fit: contain;
    object-fit: contain
}

.fullimg,
.img_contain {
    width: 100%;
    height: 100%
}

.fullimg {
    border-radius: 4px;
    -o-object-fit: cover;
    object-fit: cover
}

.fullwidthimg {
    width: 100%;
    height: auto
}

#pagination {
    width: 100%;
    border-radius: 0
}

#pagination .pagination {
    margin: 0 auto;
    display: table
}

#pagination .pagination .page-link {
    background: transparent;
    background-color: transparent;
    border: none;
    border-radius: 0;
    color: #333
}

#pagination .pagination li {
    float: left;
    margin-right: 8px;
    background: #fff;
    box-shadow: 0 4px 8px rgba(0, 0, 0, .05);
    border-radius: 4px;
    padding: 0
}

#pagination .pagination li .page-link {
    color: #1f345b;
    font-size: 15px;
    padding: 5px 12px
}

#pagination .pagination li.dot {
    border: none;
    box-shadow: unset;
    padding: 0 6px
}

#pagination .pagination li.active,
#pagination .pagination li:hover {
    background-color: #1f345b
}

#pagination .pagination li.active .page-link,
#pagination .pagination li:hover .page-link {
    color: #fff
}

#pagination .pagination li.dis,
#pagination .pagination li.disabled {
    display: none
}

.video-container,
.videoEmbed {
    position: relative;
    padding-bottom: 50%;
    padding-top: 30px;
    height: 0;
    overflow: hidden
}

.video-container embed,
.video-container iframe,
.video-container object,
.videoEmbed embed,
.videoEmbed iframe,
.videoEmbed object {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.sf-light {
    font-family: SF-Pro-Text-Light
}

.sf-medium {
    font-family: SF-Pro-Text-Medium
}

.sf-semibold {
    font-family: SF-Pro-Text-Semibold
}

.sf-bold {
    font-family: SF-Pro-Text-Bold
}

.sf-heavy {
    font-family: SF-Pro-Text-Heavy
}

.htitle1,
.htitle2 {
    text-transform: uppercase;
    color: #144881;
    font-size: 23px;
    position: relative;
    font-weight: 700
}

.htitle1:before {
    width: 100px;
    left: 0
}

.htitle1:before,
.htitle2:before {
    content: "";
    border-bottom: 2px solid #144881;
    position: absolute;
    bottom: -7px
}

.htitle2:before {
    width: 50px;
    left: calc(50% - 25px)
}

.text-bold {
    font-weight: 700
}

.webkit-box-1 {
    -webkit-line-clamp: 1;
    white-space: nowrap;
    text-overflow: ellipsis
}

.webkit-box-1,
.webkit-box-2 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical
}

.webkit-box-2 {
    -webkit-line-clamp: 2
}

.webkit-box-3 {
    -webkit-line-clamp: 3
}

.webkit-box-3,
.webkit-box-4 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical
}

.webkit-box-4 {
    -webkit-line-clamp: 4
}

.webkit-box-5 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical
}

.font11 {
    font-size: 11px
}

.font12 {
    font-size: 12px
}

.font14 {
    font-size: 14px
}

.font15 {
    font-size: 15px
}

.font16 {
    font-size: 16px
}

.font17 {
    font-size: 17px
}

@media (max-width:768px) {
    .font17 {
        font-size: 16px
    }
}

.font18 {
    font-size: 18px
}

@media (max-width:768px) {
    .font18 {
        font-size: 16px
    }
}

.font20 {
    font-size: 20px
}

@media (max-width:768px) {
    .font20 {
        font-size: 17px
    }
}

.font22 {
    font-size: 22px
}

@media (max-width:768px) {
    .font22 {
        font-size: 18px
    }
}

.font25 {
    font-size: 25px
}

@media (max-width:768px) {
    .font25 {
        font-size: 20px
    }
}

.font26 {
    font-size: 26px
}

@media (max-width:768px) {
    .font26 {
        font-size: 20px
    }
}

.font29 {
    font-size: 29px
}

@media (max-width:768px) {
    .font29 {
        font-size: 25px
    }
}

.font30 {
    font-size: 30px
}

@media (max-width:768px) {
    .font30 {
        font-size: 25px
    }
}

.font31 {
    font-size: 31px
}

@media (max-width:768px) {
    .font31 {
        font-size: 26px
    }
}

.text-main {
    color: #144881
}

.text-blue {
    color: #00f
}

.text-green {
    color: green
}

.text-dark {
    color: #000
}

.text-white {
    color: #fff
}

.text-red {
    color: red
}

.text-orange {
    color: orange
}

.text-light-through {
    text-decoration: line-through
}

.font-bold,
.font_bold,
.text-bold,
.text_bold {
    font-weight: 700
}

.btn-style1 {
    border: 0;
    border-radius: 4px;
    background-color: #80c601;
    color: #fff;
    font-size: 16px;
    font-family: SF-Pro-Text-Semibold;
    padding: 15px 30px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.btn-style2 {
    border: 0;
    border-radius: 4px;
    background-color: #80c601;
    color: #fff;
    font-size: 16px;
    font-family: SF-Pro-Text-Semibold;
    padding: 9px 22px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.slideStyle1 .swiper-button-next,
.slideStyle1 .swiper-button-prev {
    width: auto;
    outline: none!important;
    top: calc(50% - 20px)
}

.slideStyle1 .swiper-button-next:after,
.slideStyle1 .swiper-button-prev:after {
    display: inline-block;
    font-size: 20px;
    cursor: pointer;
    line-height: 40px;
    width: 40px;
    height: 40px;
    border-radius: 40px;
    text-align: center;
    position: relative;
    z-index: 9;
    color: #144881;
    border: 1px solid #144881;
    background: hsla(0, 0%, 100%, 0);
    transition: transform .1s ease-out, background .2s
}

.slideStyle1 .swiper-button-next:focus:after,
.slideStyle1 .swiper-button-next:hover:after,
.slideStyle1 .swiper-button-prev:focus:after,
.slideStyle1 .swiper-button-prev:hover:after {
    background-color: #144881;
    color: #fff
}

#slideWrapper {
    position: relative;
    padding: 0 50px
}

#slideWrapper #orgTrustSlide .swiper-slide .thumb {
    margin-bottom: 15px;
    text-align: center;
    padding: 20px 0;
    background: #fff;
    box-shadow: 0 4px 16px rgba(0, 0, 0, .05);
    border-radius: 12px
}

#slideWrapper #orgTrustSlide .swiper-slide .thumb img {
    height: 100px;
    width: auto
}

#tag-list {
    overflow: hidden
}

#tag-list li {
    float: left;
    margin-right: 10px
}

#tag-list li.tag-item {
    background-color: #ddd;
    padding: 5px 10px;
    border-radius: 20px
}

.icon-fixed {
    position: fixed;
    left: 20px;
    top: 30%;
    z-index: 999
}

.icon-fixed ul li {
    list-style-type: none;
    padding: 7px 0
}

.icon-fixed ul li img {
    width: 60px;
    height: 60px
}

.icon-fixed ul li .ring {
    position: relative;
    -webkit-animation: quick-alo-circle-img-anim 1s ease-in-out infinite;
    animation: quick-alo-circle-img-anim 1s ease-in-out infinite
}

@-webkit-keyframes quick-alo-circle-img-anim {
    0% {
        -webkit-transform: rotate(0) scale(1) skew(1deg)
    }
    10% {
        -webkit-transform: rotate(-25deg) scale(1) skew(1deg)
    }
    20% {
        -webkit-transform: rotate(25deg) scale(1) skew(1deg)
    }
    30% {
        -webkit-transform: rotate(-25deg) scale(1) skew(1deg)
    }
    40% {
        -webkit-transform: rotate(25deg) scale(1) skew(1deg)
    }
    50% {
        -webkit-transform: rotate(0) scale(1) skew(1deg)
    }
    to {
        -webkit-transform: rotate(0) scale(1) skew(1deg)
    }
}

.head-style1 {
    overflow: hidden
}

.head-style1 h1,
.head-style1 h2 {
    font-size: 28px;
    font-family: SF-Pro-Text-Semibold;
    line-height: 36px;
    position: relative;
    margin-bottom: 30px
}

.head-style1 h1:after,
.head-style1 h2:after {
    content: "";
    left: 0;
    position: absolute;
    width: 100px;
    border-bottom: 4px solid #80c601;
    bottom: -10px
}

.head-style1 h1 {
    font-size: 32px;
    line-height: 40px;
    font-family: SF-Pro-Text-Medium
}

.head-style1 h1:after {
    width: 120px
}

.head-style1 p {
    margin: 0
}

@media (max-width:768px) {
    .head-style1 h1,
    .head-style1 h2 {
        font-size: 24px;
        line-height: 32px
    }
}

.head-style2 {
    text-align: center
}

.head-style2 h1,
.head-style2 h2 {
    font-size: 28px;
    color: #204b45;
    font-family: SF-Pro-Text-Semibold;
    line-height: 36px
}

.head-style2 p {
    color: #204b45;
    opacity: .8;
    padding: 0 150px
}

@media (max-width:1200px) {
    .head-style2 p {
        padding: 0 100px
    }
}

@media (max-width:992px) {
    .head-style2 p {
        padding: 0 50px
    }
}

@media (max-width:768px) {
    .head-style2 h1,
    .head-style2 h2 {
        font-size: 24px;
        line-height: 32px
    }
    .head-style2 p {
        padding: 0 10px
    }
}

#boxUpdateInfo {
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    height: 100%
}

#boxUpdateInfo .box {
    background: hsla(0, 0%, 100%, .12549019607843137);
    border-radius: 4px;
    padding: 8px 14px
}

#boxUpdateInfo .box .text {
    color: #fff;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 20px
}

@media (max-width:576px) {
    #boxUpdateInfo {
        margin-top: 8px;
        justify-content: flex-start
    }
}

#short-head {
    background-color: #030020;
    background-image: url(/img/bg_directory.jpg);
    background-repeat: no-repeat;
    background-position: top;
    background-size: cover;
    color: #fff
}

#short-head .container {
    padding-top: 20px;
    padding-bottom: 20px
}

#short-head h2 {
    font-size: 32px;
    line-height: 40px
}

#short-head #breadcrumb {
    margin-top: 25px
}

#short-head #breadcrumb ol {
    margin: 0
}

#short-head #breadcrumb ol a {
    color: #fff
}

@media (max-width:576px) {
    #short-head #breadcrumb ol li:nth-child(2) {
        display: none
    }
}

.box-style1 {
    border: 1px solid #e8e8e8;
    box-sizing: border-box;
    box-shadow: 0 4px 8px rgba(0, 0, 0, .05);
    border-radius: 8px
}

#popupRegis .modal-content {
    border-radius: 12px
}

#popupRegis .modal-content h2 {
    font-size: 24px;
    line-height: 40px
}

#popupRegis .modal-content h3 {
    font-size: 16px;
    line-height: 24px
}

#popupRegis .modal-header {
    color: #fff;
    padding: 20px 30px;
    background: url(/img/bg_regis.jpg) #040120;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 100% 0;
    align-items: unset;
    border: 0
}

#popupRegis .modal-header .btn-close {
    background: #fff;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 2px;
    width: 25px;
    height: 25px
}

#popupRegis .modal-header .modal-title h2 {
    font-size: 24px;
    line-height: 32px
}

#popupRegis .modal-header .modal-title p {
    margin: 0
}

#popupRegis .modal-body {
    padding: 0
}

#popupRegis .modal-body input[type=email],
#popupRegis .modal-body input[type=file],
#popupRegis .modal-body input[type=number],
#popupRegis .modal-body input[type=text],
#popupRegis .modal-body select {
    background: #fbfbfb;
    border: 1px solid #e8e8e8;
    box-sizing: border-box;
    border-radius: 4px;
    padding: 11px
}

#popupRegis .modal-body input[type=email]::-moz-placeholder,
#popupRegis .modal-body input[type=file]::-moz-placeholder,
#popupRegis .modal-body input[type=number]::-moz-placeholder,
#popupRegis .modal-body input[type=text]::-moz-placeholder,
#popupRegis .modal-body select::-moz-placeholder {
    color: #6a6972
}

#popupRegis .modal-body input[type=email]:-ms-input-placeholder,
#popupRegis .modal-body input[type=file]:-ms-input-placeholder,
#popupRegis .modal-body input[type=number]:-ms-input-placeholder,
#popupRegis .modal-body input[type=text]:-ms-input-placeholder,
#popupRegis .modal-body select:-ms-input-placeholder {
    color: #6a6972
}

#popupRegis .modal-body input[type=email]::placeholder,
#popupRegis .modal-body input[type=file]::placeholder,
#popupRegis .modal-body input[type=number]::placeholder,
#popupRegis .modal-body input[type=text]::placeholder,
#popupRegis .modal-body select::placeholder {
    color: #6a6972
}

#popupRegis .modal-body .progress {
    height: 12px;
    border-radius: 0
}

#popupRegis .modal-body .progress .progress-bar {
    background-color: #80c601;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

#popupRegis .modal-body .content {
    padding: 50px 80px 10px
}

@media (max-width:992px) {
    #popupRegis .modal-body .content {
        padding: 20px
    }
}

@media (max-width:576px) {
    #popupRegis .modal-body .content {
        padding: 10px
    }
}

#popupRegis .modal-body .content #modal-wrapper {
    min-height: 420px
}

#popupRegis .modal-body .content .form-footer {
    border-top: 1px solid #e6e7ed;
    font-size: 16px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    height: 60px
}

#popupRegis .modal-body .content .form-footer .back {
    border: 0;
    background-color: transparent;
    color: #80c601;
    margin-right: 25px
}

#popupRegis .modal-body .content .form-footer .next {
    background-color: #80c601;
    color: #fff;
    border: 0;
    padding: 8px 15px;
    border-radius: 4px
}

#step-general .title h3 {
    font-size: 28px;
    line-height: 36px
}

#step-general .title p {
    font-size: 13px;
    line-height: 20px;
    color: #403f4b;
    margin: 0
}

#step-general .item {
    margin-bottom: 10px;
    background-color: #fbfbfb;
    border-radius: 12px;
    padding: 10px
}

#step-general .item .col-2,
#step-general .item .col-10 {
    display: flex;
    justify-content: flex-start;
    align-items: center
}

#step-general .item .col-2 {
    justify-content: center
}

#step-general .item .col-10 img {
    width: 40px;
    height: 40px;
    margin-right: 15px;
    float: left
}

#step-general .item .col-10 .info h3 {
    font-size: 16px;
    line-height: 24px
}

#step-general .item .col-10 .info p {
    font-size: 13px;
    color: #403f4b
}

#step-org .head h3 {
    font-size: 28px;
    line-height: 36px
}

#step-org .head des {
    font-size: 13px;
    color: #403f4b
}

#step-org .upload {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

#step-org .upload img {
    width: 96px;
    height: 96px;
    margin-right: 15px
}

#step-org .upload .input_file {
    position: relative
}

#step-org .upload .input_file .check {
    position: absolute;
    top: 0;
    right: 0;
    display: none
}

#step-org .upload .input_file .check svg {
    width: 18px;
    height: 18px
}

#step-org .upload .input_file label {
    cursor: pointer
}

#step-org .upload .input_file input {
    position: absolute;
    width: 10px;
    height: 10px;
    top: 35px;
    left: 35px;
    z-index: -1
}

#step-org .input_name {
    position: relative
}

#step-org .input_name #org-search-result {
    width: 90%;
    position: absolute;
    top: 66px;
    background-color: #fafafa;
    border: 1px solid #ddd;
    padding: 5px;
    border-radius: 5px
}

#step-org .input_name #org-search-result ul li {
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: flex-start
}

#step-org .input_name #org-search-result ul li .thumb {
    padding: 5px 10px 5px 0
}

#step-org .input_name #org-search-result ul li .thumb img {
    width: 30px;
    height: 30px
}

#step-org #other h4 {
    font-size: 16px;
    line-height: 24px
}

#step-org #other .add-other {
    width: 100%;
    cursor: pointer;
    padding: 10px;
    font-size: 14px;
    background: #f9fcf2;
    color: #80c601;
    border: 1px dashed #80c601;
    box-sizing: border-box;
    border-radius: 4px;
    text-align: center
}

#step-org #other .add-other:before {
    content: " +"
}

#step-org .org-other {
    position: relative
}

#step-org .org-other .remove {
    padding: 0;
    position: absolute;
    top: -10px;
    right: 5px
}

#step-org .org-other .remove svg {
    width: 22px;
    height: 22px
}

#step-web #step-web-list .row {
    background-color: #fbfbfb;
    border-radius: 16px;
    padding: 15px;
    margin-bottom: 15px;
    position: relative
}

#step-web #step-web-list .row .name label {
    font-size: 16px;
    list-style: 24px
}

#step-web #step-web-list .row .name input {
    background: #fff
}

#step-web #step-web-list .row .package {
    height: 100%;
    padding: 15px;
    background-color: #fff;
    border: 1px solid #e8e8e8;
    box-sizing: border-box;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: space-between
}

#step-web #step-web-list .row .package .info {
    display: flex;
    justify-content: flex-start;
    align-items: center
}

#step-web #step-web-list .row .package .info input {
    margin-right: 15px
}

#step-web #step-web-list .row .package .info .meta {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start
}

#step-web #step-web-list .row .package .info .meta span {
    background: #fef3f5;
    border-radius: 32px;
    padding: 2px 8px;
    color: #eb3b5b;
    font-size: 10px
}

#step-web #step-web-list .row .package .price {
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

#step-web #step-web-list .row .package .price .cur {
    font-size: 16px;
    line-height: 24px
}

#step-web #step-web-list .row .package .price .old {
    font-size: 13px;
    color: #6a6972;
    text-decoration: line-through
}

#step-web #step-web-list .row .upload {
    background: #fff;
    height: 100%;
    border: 1px dashed #80c601;
    box-sizing: border-box;
    border-radius: 16px;
    position: relative
}

#step-web #step-web-list .row .upload .check {
    position: absolute;
    top: 5px;
    right: 5px;
    z-index: 11111;
    display: none
}

#step-web #step-web-list .row .upload .check svg {
    width: 15px;
    height: 15px
}

#step-web #step-web-list .row .upload input {
    height: 100%;
    width: 100%;
    border-radius: 16px
}

#step-web #step-web-list .row .upload label {
    position: absolute;
    height: 100%;
    z-index: 99;
    color: #80c601;
    background: #fff;
    width: 100%;
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center
}

#step-web #step-web-list .row .upload label svg {
    width: 32px;
    height: 32px
}

#step-web #step-web-list .row .remove {
    position: absolute;
    top: -10px;
    right: -10px;
    cursor: pointer;
    width: 23px;
    padding: 0
}

#step-web #step-web-list .row .remove svg {
    width: 22px;
    height: 22px
}

#step-web #add-web {
    width: 100%;
    cursor: pointer;
    padding: 18px;
    font-size: 18px;
    background: #f9fcf2;
    color: #80c601;
    border: 1px dashed #80c601;
    box-sizing: border-box;
    border-radius: 16px;
    text-align: center
}

#step-web #add-web:before {
    content: " +"
}

.step-iot input[type=email],
.step-iot input[type=file],
.step-iot input[type=number],
.step-iot input[type=text],
.step-iot select {
    background: #fff!important
}

#step-confirm h2 {
    font-size: 28px;
    line-height: 36px
}

#step-confirm h3 {
    font-size: 24px;
    line-height: 32px
}

#step-confirm p {
    font-size: 13px;
    line-height: 30px
}

#step-confirm hr {
    border-top: 1px solid #e6e7ed;
    margin: 15px 0
}

#step-confirm .edit,
#step-confirm .edit a {
    color: #80c601
}

#step-confirm .edit svg {
    width: 14px;
    height: 14px
}

#step-confirm .org .top {
    display: flex;
    justify-content: space-between
}

#step-confirm .org .top .info {
    display: flex;
    align-items: center
}

#step-confirm .org .top .info .thumb {
    display: flex;
    margin-right: 10px
}

#step-confirm .org .top .info .thumb img {
    width: 60px;
    height: 60px
}

#step-confirm .org .top .info .meta {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-around
}

#step-confirm .org .top .info .meta .name {
    font-size: 20px;
    line-height: 28px
}

#step-confirm .org .top .info .meta .des {
    color: #6a6972
}

#step-confirm .org .org-detail {
    margin-top: 15px
}

#step-confirm .org .org-detail ul li {
    padding: 3px 0
}

#step-confirm .org .org-detail ul li .label {
    color: #204b45;
    width: 136px;
    float: left
}

#step-confirm .org .org-detail ul li .label svg {
    fill: #204b45;
    margin-right: 6px
}

#step-confirm .org .org-detail ul li .info {
    margin-left: 136px
}

#step-confirm .box {
    background: #fff;
    border: 1px solid #e6e7ed;
    box-sizing: border-box;
    border-radius: 12px;
    padding: 15px 20px;
    display: flex;
    justify-content: space-between;
    overflow: hidden
}

#step-confirm .box .info {
    display: flex
}

#step-confirm .box .info .img {
    margin-right: 10px
}

#step-confirm .box .info .img img {
    width: 48px;
    height: 48px
}

#step-confirm .box .info .meta {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-around
}

#step-confirm .box .info .meta h3 {
    font-size: 16px;
    margin: 0;
    max-width: 240px;
    overflow: hidden
}

#step-confirm .box .info .meta .des {
    font-size: 12px;
    color: #6a6972
}

#step-confirm .box .package {
    display: flex;
    flex-direction: column;
    justify-content: flex-end
}

#step-confirm .box .package .name {
    font-size: 16px;
    line-height: 24px
}

#step-confirm .box .package .price {
    color: #6a6972
}

#step-confirm .social-item {
    padding: 5px 0
}

#step-confirm .social-item .icon {
    width: 135px;
    float: left
}

#step-confirm .social-item .icon svg {
    width: 24px;
    height: 24px;
    margin-right: 10px;
    float: left
}

.invalid-feed {
    font-size: 13px;
    color: red
}

.list-star {
    display: flex;
    align-items: center
}

.list-star svg {
    width: 12px;
    height: 12px;
    fill: #f2b519;
    margin-right: 3px
}

#rating {
    border: none;
    float: left
}

#rating>input {
    display: none
}

#rating>label:before {
    margin: 5px;
    font-size: 1.25em;
    font-family: FontAwesome;
    display: inline-block;
    content: "\F005"
}

#rating>.half:before {
    content: "\F089";
    position: absolute
}

#rating>label {
    color: #ddd;
    float: right
}

#rating:not(:checked)>label:hover,
#rating:not(:checked)>label:hover~label,
#rating>input:checked~label {
    color: gold
}

#rating>input:checked+label:hover,
#rating>input:checked~label:hover,
#rating>input:checked~label:hover~label,
#rating>label:hover~input:checked~label {
    color: #ffed85
}

.widget-box {
    background: #fff;
    border: 1px solid #e6e7ed;
    box-sizing: border-box;
    border-radius: 12px;
    padding: 25px
}

#widget-about-ncsc h2 {
    font-size: 20px;
    color: #204b45
}

#widget-about-ncsc p {
    font-size: 16px;
    line-height: 24px
}

#widget-about-ncsc .readmore {
    display: flex;
    justify-content: flex-end
}

#widget-about-ncsc a {
    color: #80c601;
    text-align: right
}

#widget_ratting {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center
}

#widget_ratting h3 {
    font-size: 16px;
    line-height: 24px;
    max-width: 260px
}

#widget_ratting svg {
    width: 20px;
    height: 20px
}

#widget_ratting .btn-ratting {
    border: 1px solid #80c601;
    border-radius: 4px;
    padding: 8px 20px;
    color: #80c601;
    background-color: #fff
}

#rd_path_rating h3 {
    font-size: 20px;
    line-height: 28px;
    color: #204b45
}

#sec-faq {
    padding: 35px 0;
    color: #204b45
}

#sec-faq .sec-wrapper {
    max-width: 745px;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

#sec-faq .sec-wrapper h2.title {
    font-size: 28px;
    line-height: 36px;
    text-align: center;
    margin-bottom: 15px
}

#sec-faq .sec-wrapper .sec-content .faq-ques {
    border-top: 1px solid rgba(32, 75, 69, .09019607843137255);
    padding: 16px 0
}

#sec-faq .sec-wrapper .sec-content .faq-ques .faq-title {
    font-size: 16px;
    position: relative;
    cursor: pointer
}

#sec-faq .sec-wrapper .sec-content .faq-ques .faq-title:after {
    content: " +";
    position: absolute;
    font-size: 1.5rem;
    line-height: 1;
    color: #666;
    top: -1px;
    right: 0
}

#sec-faq .sec-wrapper .sec-content .faq-ques .faq-content {
    color: #666;
    line-height: 1.7;
    text-align: justify;
    overflow: hidden;
    max-height: 0;
    transition: all .3s!important;
    -o-transition: all .3s!important;
    -ms-transition: all .3s!important;
    -webkit-transition: all .3s!important;
    -moz-transition: all .3s!important
}

#sec-faq .sec-wrapper .sec-content .faq-ques.active .faq-title:after {
    content: " -"
}

#sec-faq .sec-wrapper .sec-content .faq-ques.active .faq-content {
    padding: 20px 20px 0 0;
    white-space: pre-line;
    max-height: 600px
}

@media (max-width:768px) {
    #sec-faq .sec-wrapper .sec-content .faq-ques .faq-title {
        padding-right: 20px
    }
}

#cateFree {
    background-color: #fafafa;
    padding: 35px 0 45px
}

#cateFree .head {
    text-align: center;
    color: #204b45;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-bottom: 30px
}

#cateFree .head .des {
    max-width: 800px
}

#cateFree .head h2 {
    max-width: 600px
}

#cateFree #slideWrapper {
    position: relative;
    padding: 0 50px
}

#cateFree #slideWrapper #cateFreeSlide .swiper-slide {
    background: #fff;
    box-shadow: 0 4px 16px rgba(0, 0, 0, .05);
    border-radius: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 150px
}

#cateFree #slideWrapper #cateFreeSlide .swiper-slide .thumb img {
    width: 220px;
    height: auto
}

#regis_process {
    padding-bottom: 45px
}

#regis_process .head-title {
    margin-bottom: 25px
}

#regis_process .head-title h2 {
    max-width: 450px;
    font-size: 32px;
    line-height: 40px
}

#regis_process .head-title p {
    font-size: 16px;
    line-height: 24px
}

#regis_process .process .step {
    background: #fff;
    box-shadow: 0 16px 48px rgba(20, 103, 227, .15);
    border-radius: 24px;
    padding: 22px 22px 8px;
    height: 100%
}

#regis_process .process .step .head img {
    width: 72px;
    height: 72px;
    margin-bottom: 24px
}

#regis_process .process .step .head h3 {
    font-size: 20px;
    line-height: 28px;
    color: #020288;
    text-transform: uppercase
}

#regis_process .process .step .content {
    font-size: 16px;
    line-height: 24px
}

#regis_process .process .step .content ul {
    margin-left: 30px
}

#regis_process .process .step .content ul li {
    list-style: inherit;
    margin-bottom: 8px
}

#regis_process .process .step .content .btn-regis {
    background: #80c601;
    border-radius: 4px;
    color: #fff;
    display: flex;
    justify-content: center;
    margin-top: 20px;
    padding: 10px
}

#regis_process .process .step .content .basic {
    background: #f5f8ff;
    border-radius: 16px;
    padding: 15px
}

#regis_process .process .step .content .basic .title {
    text-transform: uppercase;
    color: #2f6bff
}

#regis_process .process .step .content .basic p {
    margin-bottom: 0
}

#regis_process .process .step .content .premium {
    padding: 15px;
    background: #fff9f4;
    border-radius: 16px;
    min-height: 126px
}

#regis_process .process .step .content .premium .title {
    text-transform: uppercase;
    color: #ff821e
}

#regis_process .process .step .content .premium p {
    margin-bottom: 0
}

@media (max-width:768px) {
    #regis_process .process .step {
        padding: 22px
    }
    #regis_process .process .step .content .basic {
        min-height: 126px
    }
}

#box_report_fake {
    background: #fff;
    border: 1px solid #e6e7ed;
    box-sizing: border-box;
    border-radius: 12px;
    padding: 24px
}

#box_report_fake .info {
    display: flex
}

#box_report_fake .info img {
    width: 64px;
    height: 64px;
    margin-right: 20px
}

#box_report_fake .info .text .title {
    font-size: 16px;
    line-height: 24px
}

#box_report_fake .info .text p {
    color: #6a6972;
    margin: 0
}

#box_report_fake .btn-report {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

#box_report_fake .btn-report a {
    width: 100%;
    justify-content: center;
    display: flex;
    background: #80c601;
    border-radius: 8px;
    padding: 10px;
    color: #fff;
    font-size: 16px;
    line-height: 24px
}

@media (max-width:576px) {
    #box_report_fake .info {
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center;
        margin-bottom: 30px
    }
    #box_report_fake .btn-report a {
        max-width: 230px
    }
}

#boxReportGap {
    background: #fff;
    border: 1px solid #dededf;
    box-sizing: border-box;
    border-radius: 4px;
    padding: 6px 12px;
    position: absolute;
    top: 16px;
    right: 16px
}

#boxReportGap a {
    font-size: 12px;
    color: #403f4b;
    line-height: 20px
}

@media (max-width:576px) {
    #boxReportGap {
        padding: 3px 8px
    }
}

.medal_premium1 {
    color: #ff821e
}

.medal_basic1 {
    color: #2f6bff
}

#modalRatingSuccess .modal-body,
#modalReportFakeAccountSuccess .modal-body,
#modalFakeAccountCommentSuccess .modal-body,
#modalRegisSuccess .modal-body {
    background: #fff;
    border-radius: 24px;
    padding: 60px 40px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

#modalRatingSuccess .modal-body img,
#modalReportFakeAccountSuccess .modal-body img,
#modalFakeAccountCommentSuccess .modal-body img,
#modalRegisSuccess .modal-body img {
    width: 76px;
    height: 76px
}

#modalRatingSuccess .modal-body h3,
#modalReportFakeAccountSuccess .modal-body h3,
#modalFakeAccountCommentSuccess .modal-body h3,
#modalRegisSuccess .modal-body h3 {
    font-size: 24px;
    line-height: 32px
}

#modalRatingSuccess .modal-body p,
#modalReportFakeAccountSuccess .modal-body p,
#modalFakeAccountCommentSuccess .modal-body p,
#modalRegisSuccess .modal-body p {
    font-size: 16px;
    line-height: 24px
}

#modalRatingSuccess .modal-body .close-modal,
#modalReportFakeAccountSuccess .modal-body .close-modal,
#modalFakeAccountCommentSuccess .modal-body .close-modal,
#modalRegisSuccess .modal-body .close-modal {
    padding: 10px 60px;
    background: #80c601;
    border: none;
    border-radius: 4px;
    color: #fff;
    font-size: 16px;
    line-height: 24px
}

.marquee-parent {
    position: relative;
    width: 100%;
    overflow: hidden;
    height: 30px
}

.marquee-child {
    display: block;
    width: 100%;
    height: 30px;
    position: absolute;
    -webkit-animation: marquee 25s linear infinite;
    animation: marquee 25s linear infinite
}

.marquee-child:hover {
    -webkit-animation-play-state: paused;
    animation-play-state: paused;
    cursor: pointer
}

@-webkit-keyframes marquee {
    0% {
        left: 100%
    }
    to {
        left: -147px
    }
}

@keyframes marquee {
    0% {
        left: 100%
    }
    to {
        left: -147px
    }
}

.datepicker {
    background-color: #fff;
    padding: 10px!important;
    font-family: SF-Pro-Text-Medium;
    font-size: 14px;
    list-style: 22px
}

.datepicker td {
    width: 30px!important;
    height: 30px!important
}

.datepicker td.active,
.datepicker td:hover {
    border-radius: 50%
}

@media (max-width:1200px) {
    #showmenu {
        position: absolute;
        top: 63px;
        right: 35px
    }
    #showmenu svg {
        width: 40px;
        height: 40px;
        fill: #231f20
    }
}

@media (max-width:1200px) and (max-width:767px) {
    #showmenu {
        top: 58px;
        right: 15px
    }
    #showmenu svg {
        width: 35px;
        height: 35px
    }
}

@media (max-width:1200px) {
    #nav-menu {
        background: #fff;
        position: fixed;
        height: 100%;
        width: 320px;
        top: 0;
        font-size: .9em;
        left: 0;
        overflow-x: hidden;
        overflow-y: scroll;
        transition: all .3s ease-in-out 0s;
        z-index: 501;
        transform: translate(-320px);
        z-index: 9999999
    }
    #nav-menu.opened {
        transform: translate(0);
        z-index: 9999999;
        box-shadow: 0 0 10px 0 rgba(0, 0, 0, .5)
    }
    #nav-menu li {
        display: inline-block;
        font-family: brandon_textregular, sans-serif;
        margin: 0!important;
        padding: 0;
        width: 100%;
        position: relative;
        border-bottom: 1px solid hsla(0, 0%, 86.7%, .8666666666666667)
    }
    #nav-menu li img {
        width: 20px;
        height: auto;
        margin-right: 5px
    }
    #nav-menu a {
        position: relative;
        display: block;
        outline: medium none;
        text-decoration: none;
        text-align: left;
        margin: 1px 0 0;
        padding: 5px 6px;
        line-height: 25px;
        font-weight: 400;
        transition: all .05s ease 0s;
        font-family: inherit;
        font-size: 15px
    }
    #nav-menu .toplg {
        background-color: #fafafa;
        width: 100%;
        padding: 10px;
        text-align: center;
        margin: 0 auto;
        display: table
    }
    #nav-menu .toplg img {
        width: 60px;
        height: auto
    }
    #nav-menu .toplg h3 {
        margin: 10px 0;
        line-height: 1.2rem;
        font-size: 16px;
        text-transform: uppercase;
        color: #f2f2f2;
        text-align: center
    }
    #nav-menu #menu-main {
        padding: 0
    }
    #nav-menu #menu-main li.menu-item {
        padding: 5px;
        position: relative
    }
    #nav-menu #menu-main li.menu-item .dropdown,
    #nav-menu #menu-main li.menu-item a {
        color: #58595b;
        padding: 8px 6px;
        font-size: 15px
    }
    #nav-menu #menu-main li.menu-item .dropdown .title {
        display: flex;
        justify-content: space-between;
        align-items: center
    }
    #nav-menu #menu-main li.menu-item .dropdown .title svg {
        width: 10px;
        height: 10px
    }
    #nav-menu #menu-main li.menu-item .dropdown .dropdown-menu {
        display: none;
        list-style: none;
        position: relative;
        border: 0
    }
    #nav-menu #menu-main li.menu-item .dropdown .dropdown-menu .dropdown-item {
        overflow: hidden;
        width: 47%;
        float: left;
        margin: 0 1.5% 5px;
        clear: unset;
        background-color: #fbfbfb;
        padding: 5px
    }
    #nav-menu #menu-main li.menu-item .dropdown .dropdown-menu .dropdown-item a {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center
    }
    #nav-menu #menu-main li.menu-item .dropdown .dropdown-menu .dropdown-item .icon img {
        width: 35px;
        height: 35px
    }
    #nav-menu #menu-main li.menu-item .dropdown .dropdown-menu .dropdown-item .meta {
        font-size: 11px;
        text-transform: uppercase;
        color: #6a6972
    }
    #nav-menu #menu-main li.menu-item .dropdown .dropdown-menu .dropdown-item h3 {
        font-size: 14px;
        font-family: SF-Pro-Text-Semibold
    }
    #nav-menu #menu-main li.menu-item .dropdown .dropdown-menu .dropdown-item .read-more {
        font-size: 12px;
        color: #80c601;
        font-family: SF-Pro-Text-Medium
    }
    #nav-menu #menu-main li.menu-item .dropdown.open .dropdown-menu {
        display: block
    }
    #nav-menu #menu-main li.menu-item .dropdown .dropdown-menu-2 {
        display: none;
        list-style: none;
        position: relative;
        border: 0
    }
    #nav-menu #menu-main li.menu-item .dropdown .dropdown-menu-2 .dropdown-item {
        overflow: hidden;
        width: 47%;
        float: left;
        margin: 0 1.5% 5px;
        clear: unset;
        background-color: #fbfbfb;
        padding: 5px
    }
    #nav-menu #menu-main li.menu-item .dropdown .dropdown-menu-2 .dropdown-item a {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center
    }
    #nav-menu #menu-main li.menu-item .dropdown .dropdown-menu-2 .dropdown-item .icon img {
        width: 35px;
        height: 35px
    }
    #nav-menu #menu-main li.menu-item .dropdown .dropdown-menu-2 .dropdown-item .meta {
        font-size: 11px;
        text-transform: uppercase;
        color: #6a6972
    }
    #nav-menu #menu-main li.menu-item .dropdown .dropdown-menu-2 .dropdown-item h3 {
        font-size: 14px;
        font-family: SF-Pro-Text-Semibold
    }
    #nav-menu #menu-main li.menu-item .dropdown .dropdown-menu-2 .dropdown-item .read-more {
        font-size: 12px;
        color: #80c601;
        font-family: SF-Pro-Text-Medium
    }
    #nav-menu #menu-main li.menu-item .dropdown.open .dropdown-menu-2 {
        display: block
    }
}

@media (max-width:1200px) {
    .panel-overlay {
        opacity: 0;
        filter: alpha(opacity=0)
    }
    .panel-overlay.active {
        background: #000;
        position: fixed;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        z-index: 999;
        min-height: 100vh;
        opacity: .35;
        filter: alpha(opacity=35);
        transition: opacity .2s ease-in-out 0s
    }
}

@media (min-width:1200px) {
    .header-main {
        position: relative
    }
    #nav-menu .menu-main-container ul#menu-main {
        display: flex;
        position: unset
    }
    #nav-menu .menu-main-container ul#menu-main li.menu-item {
        padding: 29px 25px;
        text-align: center;
        border-bottom: 4px solid hsla(0, 0%, 100%, 0);
        position: unset
    }
    #nav-menu .menu-main-container ul#menu-main li.menu-item .dropdown {
        position: unset
    }
    #nav-menu .menu-main-container ul#menu-main li.menu-item .dropdown .title svg {
        width: 10px;
        height: 10px;
        margin-left: 3px
    }
    #nav-menu .menu-main-container ul#menu-main li.menu-item .dropdown .dropdown-menu {
        padding: 0;
        background-color: unset;
        visibility: hidden;
        position: absolute;
        top: 100%;
        left: 0;
        z-index: -1;
        transition: all .3s ease-out;
        border: none;
        display: flex;
        justify-content: end;
        width: 91.2%
    }
    #nav-menu .menu-main-container ul#menu-main li.menu-item .dropdown .dropdown-menu .dropdown-item {
        background-color: #fff;
        border: 1px solid #e6e7ed;
        width: 235px;
        padding: 20px 0;
        display: flex;
        flex-direction: column;
        justify-content: center
    }
    #nav-menu .menu-main-container ul#menu-main li.menu-item .dropdown .dropdown-menu .dropdown-item a {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center
    }
    #nav-menu .menu-main-container ul#menu-main li.menu-item .dropdown .dropdown-menu .dropdown-item .icon {
        padding-bottom: 10px
    }
    #nav-menu .menu-main-container ul#menu-main li.menu-item .dropdown .dropdown-menu .dropdown-item .icon img {
        width: 40px;
        height: 40px
    }
    #nav-menu .menu-main-container ul#menu-main li.menu-item .dropdown .dropdown-menu .dropdown-item .meta {
        font-size: 12px;
        color: #6a6972;
        text-transform: uppercase
    }
    #nav-menu .menu-main-container ul#menu-main li.menu-item .dropdown .dropdown-menu .dropdown-item h3 {
        font-size: 18px;
        color: #030020;
        font-family: SF-Pro-Text-Semibold
    }
    #nav-menu .menu-main-container ul#menu-main li.menu-item .dropdown .dropdown-menu .dropdown-item .read-more {
        font-size: 12px;
        color: #80c601;
        font-family: SF-Pro-Text-Medium
    }
    #nav-menu .menu-main-container ul#menu-main li.menu-item .dropdown .dropdown-menu .dropdown-item .read-more:hover {
        color: #144881
    }
    #nav-menu .menu-main-container ul#menu-main li.menu-item .dropdown .dropdown-menu-2 {
        padding: 0;
        background-color: unset;
        visibility: hidden;
        position: absolute;
        top: 100%;
        left: -11%;
        z-index: -1;
        transition: all .3s ease-out;
        border: none;
        display: flex;
        justify-content: end;
        width: 91.2%
    }
    #nav-menu .menu-main-container ul#menu-main li.menu-item .dropdown .dropdown-menu-2 .dropdown-item {
        background-color: #fff;
        border: 1px solid #e6e7ed;
        width: 235px;
        padding: 20px 0;
        display: flex;
        flex-direction: column;
        justify-content: center
    }
    #nav-menu .menu-main-container ul#menu-main li.menu-item .dropdown .dropdown-menu-2 .dropdown-item a {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center
    }
    #nav-menu .menu-main-container ul#menu-main li.menu-item .dropdown .dropdown-menu-2 .dropdown-item .icon {
        padding-bottom: 10px
    }
    #nav-menu .menu-main-container ul#menu-main li.menu-item .dropdown .dropdown-menu-2 .dropdown-item .icon img {
        width: 40px;
        height: 40px
    }
    #nav-menu .menu-main-container ul#menu-main li.menu-item .dropdown .dropdown-menu-2 .dropdown-item .meta {
        font-size: 12px;
        color: #6a6972;
        text-transform: uppercase
    }
    #nav-menu .menu-main-container ul#menu-main li.menu-item .dropdown .dropdown-menu-2 .dropdown-item h3 {
        font-size: 18px;
        color: #030020;
        font-family: SF-Pro-Text-Semibold
    }
    #nav-menu .menu-main-container ul#menu-main li.menu-item .dropdown .dropdown-menu-2 .dropdown-item .read-more {
        font-size: 12px;
        color: #80c601;
        font-family: SF-Pro-Text-Medium
    }
    #nav-menu .menu-main-container ul#menu-main li.menu-item .dropdown .dropdown-menu-2 .dropdown-item .read-more:hover {
        color: #144881
    }
    #nav-menu .menu-main-container ul#menu-main li.menu-item.active,
    #nav-menu .menu-main-container ul#menu-main li.menu-item:hover {
        border-color: #80c601
    }
    #nav-menu .menu-main-container ul#menu-main li.menu-item.active .dropdown,
    #nav-menu .menu-main-container ul#menu-main li.menu-item.active a,
    #nav-menu .menu-main-container ul#menu-main li.menu-item:hover .dropdown,
    #nav-menu .menu-main-container ul#menu-main li.menu-item:hover a {
        color: #80c601
    }
    #nav-menu .menu-main-container ul#menu-main li.menu-item:hover .dropdown svg {
        fill: #80c601
    }
    #nav-menu .menu-main-container ul#menu-main li.menu-item:hover .dropdown .dropdown-menu {
        visibility: visible;
        opacity: 1;
        z-index: 99;
        transition-delay: 0s, 0s, .3s
    }
    #nav-menu .menu-main-container ul#menu-main li.menu-item:hover .dropdown .dropdown-menu-2 {
        visibility: visible;
        opacity: 1;
        z-index: 99;
        transition-delay: 0s, 0s, .3s
    }
    #nav-menu .menu-main-container ul#menu-main li.menu-item i {
        display: none
    }
}

@media (min-width:1200px) {
    #nav-menu #menu-main {
        justify-content: center
    }
    #nav-menu #menu-main li.menu-item .dropdown,
    #nav-menu #menu-main li.menu-item a {
        color: #030020;
        font-size: 14px;
        font-family: SF-Pro-Text-Medium
    }
}

header {
    border-bottom: 1px solid #e6e7ed
}

header .header-top {
    background-color: #030020;
    color: #fff;
    padding: 7px 0 5px
}

header .header-main {
    display: flex
}

header .header-main .logo {
    display: flex;
    align-items: center;
    padding: 10px 0
}

header .header-main .logo img {
    width: 160px;
    height: auto
}

header .header-main .menu {
    flex-grow: 1
}

header .header-main .btn-head {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

header .header-main .btn-head .btn-regis {
    background-color: #80c601;
    color: #fff;
    font-family: SF-Pro-Text-Semibold;
    padding: 10px 20px;
    border-radius: 5px
}

header .header-main .btn-head #regisList {
    z-index: 999;
    position: absolute;
    top: 100%;
    background-color: #fff;
    padding: 5px;
    border: 1px solid #f4f4f4;
    box-sizing: border-box;
    box-shadow: 0 8px 16px rgba(0, 0, 0, .1);
    border-radius: 9px
}

header .header-main .btn-head #regisList ul li {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px
}

header .header-main .btn-head #regisList ul li a {
    color: #030020
}

header .header-main .btn-head #regisList ul li img {
    margin-right: 6px;
    width: 50px;
    height: 50px
}

header .header-main .btn-head #regisList ul li .icon {
    width: 23px;
    padding-left: 5px
}

header .header-main .btn-head #regisList ul li .icon svg {
    width: 0
}

header .header-main .btn-head #regisList ul li .info h3 {
    font-size: 14px;
    margin-bottom: 5px
}

header .header-main .btn-head #regisList ul li .info p {
    font-size: 13px;
    margin: 0
}

header .header-main .btn-head #regisList ul li:hover {
    background: #f9fcf2
}

header .header-main .btn-head #regisList ul li:hover .icon svg {
    width: 18px;
    height: 18px
}

@media (max-width:1200px) {
    header .header-main .btn-head {
        margin-right: 60px
    }
}

@media (max-width:576px) {
    header .header-main .logo img {
        width: 120px;
        height: auto
    }
    header .header-main .btn-head .btn-regis {
        font-size: 12px;
        padding: 8px 15px
    }
}

header.blackHead {
    border: 1px solid hsla(0, 0%, 100%, .12549019607843137);
    background-color: #030020
}

header.blackHead .header-top {
    border-bottom: 1px solid hsla(0, 0%, 100%, .12549019607843137)
}

header.blackHead #showmenu svg {
    fill: #fff
}

header.blackHead #nav-menu .menu-main-container #menu-main .menu-item .dropdown,
header.blackHead #nav-menu .menu-main-container #menu-main .menu-item a {
    color: #fff
}

header.blackHead #nav-menu .menu-main-container #menu-main .menu-item .dropdown svg,
header.blackHead #nav-menu .menu-main-container #menu-main .menu-item a svg {
    fill: #fff
}

@media (max-width:1200px) {
    header.blackHead #nav-menu .menu-main-container #menu-main .menu-item .dropdown,
    header.blackHead #nav-menu .menu-main-container #menu-main .menu-item a {
        color: #030020
    }
    header.blackHead #nav-menu .menu-main-container #menu-main .menu-item .dropdown svg,
    header.blackHead #nav-menu .menu-main-container #menu-main .menu-item a svg {
        fill: #030020
    }
}

footer {
    background-color: #030020
}

footer .certificate img {
    max-width: 145px;
    height: auto
}

@media (max-width:768px) {
    footer .certificate {
        display: flex;
        justify-content: center
    }
}

footer #footer-meta {
    border-bottom: 1px solid #272728
}

footer #footer-meta .left {
    padding: 60px 0 50px
}

footer #footer-meta .left h2 {
    font-size: 16px;
    font-family: SF-Pro-Text-Semibold;
    color: #fff;
    line-height: 24px;
    margin-top: 10px
}

footer #footer-meta .left .item {
    padding: 6px 0
}

footer #footer-meta .left .item h3 {
    color: #fff;
    opacity: .8;
    line-height: 22px;
    font-size: 14px;
    margin: 0
}

footer #footer-meta .left .item h3:hover {
    color: #80c601
}

footer #footer-meta .right {
    background-image: url(/img/bg_footer2.jpg);
    background-repeat: no-repeat;
    background-position: 100% 0;
    background-size: cover
}

@media (max-width:1200px) {
    footer #footer-meta .left {
        background-image: url(/img/bg_footer22.jpg);
        background-repeat: no-repeat;
        background-position: 100% 0;
        background-size: contain
    }
}

@media (max-width:576px) {
    footer #footer-meta .left {
        padding: 30px 0
    }
}

footer #copyright {
    padding-top: 20px
}

footer #copyright .left {
    display: flex
}

footer #copyright .left .logo-footer {
    width: 170px;
    height: auto;
    padding-right: 30px;
    padding-bottom: 55px
}

footer #copyright .left ul.finfo {
    max-width: 380px
}

footer #copyright .left ul.finfo li {
    color: #fff;
    opacity: .6;
    font-size: 12px;
    line-height: 20px
}

footer #copyright .right {
    text-align: right
}

footer #copyright .right .fsocial {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 15px
}

footer #copyright .right .fsocial ul {
    display: flex
}

footer #copyright .right .fsocial ul li {
    padding: 0 10px
}

footer #copyright .right .fsocial ul li svg {
    width: 20px;
    fill: #fff;
    opacity: .6
}

footer #copyright .right .fsocial ul li:hover svg {
    fill: #80c601
}

footer #copyright .right .copyright {
    font-size: 12px;
    color: #fff;
    opacity: .6;
    line-height: 20px
}

@media (max-width:992px) {
    footer #copyright {
        padding-top: 0
    }
    footer #copyright .left .logo-footer {
        padding: 22px 0;
        margin-right: 30px
    }
    footer #copyright .left ul.finfo {
        display: flex;
        justify-content: space-between;
        max-width: unset;
        align-items: center
    }
    footer #copyright .left ul.finfo li {
        margin-right: 10px;
        max-width: 220px
    }
    footer #copyright .right {
        border-top: 1px solid #272728;
        display: flex;
        justify-content: space-between;
        align-items: center
    }
    footer #copyright .right .copyright {
        order: 1;
        margin: 10px 0
    }
    footer #copyright .right .fsocial {
        order: 2;
        margin: 10px 0
    }
}

@media (max-width:576px) {
    footer #copyright .left {
        flex-direction: column;
        justify-content: center;
        align-items: center
    }
    footer #copyright .left .logo-footer {
        max-width: 170px;
        margin: 0 auto;
        display: table
    }
    footer #copyright .left ul.finfo {
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-align: center;
        margin-bottom: 10px
    }
    footer #copyright .left ul.finfo li {
        max-width: 280px
    }
    footer #copyright .right {
        flex-direction: column;
        align-items: center;
        justify-content: center
    }
    footer #copyright .right .copyright {
        order: 2
    }
    footer #copyright .right .fsocial {
        order: 1
    }
}

#bttop {
    text-align: center;
    position: fixed;
    bottom: 25%;
    right: 10px;
    cursor: pointer;
    display: none;
    color: #fff;
    font-size: 11px;
    font-weight: 900
}

#bttop img {
    width: 50px;
    height: auto
}

#bttop:hover {
    opacity: .7
}

.bg-grey {
    background-color: #fafafa
}

#home-top {
    position: relative;
    margin-bottom: 190px
}

#home-top #home-wellcome {
    padding: 60px 0;
    background-repeat: no-repeat;
    background-position: top;
    background-size: cover
}

#home-top #home-wellcome .container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

#home-top #home-wellcome h1 {
    font-size: 40px;
    font-family: SF-Pro-Text-Bold;
    color: #fff
}

#home-top #home-wellcome p {
    font-size: 16px;
    font-family: SF-Pro-Text-Semibold;
    color: #fff;
    line-height: 24px;
    margin-top: 15px
}

#home-top #home-wellcome form {
    display: flex;
    padding-bottom: 190px;
    margin-top: 45px
}

#home-top #home-wellcome form .input {
    background-color: #fff;
    padding: 15px 10px;
    display: flex;
    align-items: center;
    border-radius: 5px;
    margin-right: 10px
}

#home-top #home-wellcome form .input svg {
    width: 20px;
    fill: #231f20;
    margin-right: 10px
}

#home-top #home-wellcome form .input input {
    border: none;
    width: 380px
}

#home-top #home-wellcome form .input input::-moz-placeholder {
    color: #204b45;
    opacity: .6
}

#home-top #home-wellcome form .input input:-ms-input-placeholder {
    color: #204b45;
    opacity: .6
}

#home-top #home-wellcome form .input input::placeholder {
    color: #204b45;
    opacity: .6
}

#home-top #home-wellcome form .btn-search {
    background-color: #80c601;
    color: #fff;
    padding: 10px 30px;
    border-radius: 10px;
    font-size: 16px;
    font-family: SF-Pro-Text-Semibold;
    border: 0;
    border-radius: 5px
}

#home-top #home-list-trust {
    position: absolute;
    width: 100%;
    bottom: -185px
}

#home-top #home-list-trust .box {
    background: #fff;
    box-shadow: 0 4px 8px rgba(0, 0, 0, .1);
    border-radius: 4px;
    padding: 30px 20px 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column
}

#home-top #home-list-trust .box img {
    width: 72px;
    height: 72px
}

#home-top #home-list-trust .box h2 {
    font-size: 18px;
    font-family: SF-Pro-Text-Bold;
    color: #204b45;
    line-height: 26px;
    margin-top: 15px
}

#home-top #home-list-trust .box p {
    font-size: 13px;
    color: #204b45;
    line-height: 18px;
    text-align: center;
    opacity: .8;
    min-height: 90px
}

#home-top #home-list-trust .box .btn-detail {
    padding: 10px 20px;
    border: 1px solid #80c601;
    box-sizing: border-box;
    border-radius: 4px;
    font-family: SF-Pro-Text-Bold;
    color: #80c601
}

@media (max-width:1200px) {
    #home-top {
        margin-bottom: 630px
    }
    #home-top #home-wellcome {
        padding: 60px 0
    }
    #home-top #home-list-trust {
        margin-bottom: -360px
    }
}

@media (max-width:768px) {
    #home-top {
        margin-bottom: 580px
    }
    #home-top #home-list-trust {
        margin-bottom: -300px
    }
    #home-top #home-list-trust .box p {
        min-height: 72px
    }
    #home-top #home-list-trust .box img {
        width: 48px;
        height: 48px
    }
}

@media (max-width:576px) {
    #home-top {
        margin-bottom: 735px
    }
    #home-top #home-wellcome {
        padding: 40px 0;
        text-align: center
    }
    #home-top #home-wellcome h1 {
        font-size: 32px;
        line-height: 40px;
        max-width: 300px;
        margin: 0 auto
    }
    #home-top #home-wellcome form {
        width: 100%;
        margin-top: 20px;
        margin-bottom: 50px;
        flex-direction: column;
        padding-bottom: 0
    }
    #home-top #home-wellcome form .input {
        margin-right: 0;
        padding: 10px;
        margin-bottom: 10px
    }
    #home-top #home-list-trust {
        margin-bottom: -545px
    }
    #home-top #home-list-trust .box {
        align-items: flex-start;
        padding: 10px 10px 15px
    }
    #home-top #home-list-trust .box h2 {
        margin-top: 5px
    }
    #home-top #home-list-trust .box p {
        text-align: left;
        margin: 0
    }
    #home-top #home-list-trust .box .btn-detail {
        display: none
    }
}

#home-value {
    padding: 50px 0
}

#home-value .item {
    text-align: center
}

#home-value .item .icon {
    margin: 30px 0 20px
}

#home-value .item .icon img {
    width: 130px;
    height: 130px;
    filter: drop-shadow(0 8px 12px rgba(19, 60, 23, .25))
}

#home-value .item h3 {
    line-height: 24px;
    font-size: 20px;
    text-transform: uppercase;
    padding: 0 30px
}

#home-value .item p {
    padding: 0 10px;
    color: #204b45;
    font-size: 16px;
    line-height: 24px
}

.date_post_create {
    color: #939090;
    font-style: italic;
    font-size: 13px
}

#cagegory_page1 .one {
    padding: 20px;
    background-color: #daedf7;
    border-bottom: 1px dashed #ddd
}

#cagegory_page1 .one .btn_readmore {
    background-color: #ff8c00;
    color: #fff;
    padding: 8px 30px;
    border-radius: 5px
}

#cagegory_page1 .two {
    border-bottom: 1px dashed #ddd;
    overflow: hidden
}

#cagegory_page1 .two .thumb {
    width: 250px;
    height: 150px;
    margin-right: 15px;
    float: left
}

#cagegory_page1 .two .content {
    margin-left: 260px
}

@media (max-width:768px) {
    #cagegory_page1 .two .thumb {
        width: 200px;
        margin-right: 10px
    }
    #cagegory_page1 .two .content {
        margin-left: unset!important
    }
}

@media (max-width:375px) {
    #cagegory_page1 .two .thumb {
        width: 150px
    }
}

#cagegory_page2 {
    border-bottom: 1px solid #d6d6d6;
    margin-bottom: 15px
}

#cagegory_page2 .left {
    position: relative
}

#cagegory_page2 .left .title {
    position: absolute;
    background-color: #0072a6;
    width: 100%;
    bottom: 0;
    color: #fff;
    padding: 15px
}

#cagegory_page2 .right ul li {
    overflow: hidden;
    margin-bottom: 15px
}

#cagegory_page2 .right ul li .thumb {
    width: 150px;
    height: 120px;
    float: left;
    margin-right: 10px
}

@media (max-width:1024px) {
    #cagegory_page2 .right ul li .thumb {
        width: 125px;
        height: 100px
    }
}

.date-create {
    color: #6a6972
}

.post-vertical .thumb {
    margin-bottom: 20px
}

.post-vertical .thumb img {
    border-radius: 8px
}

.post-vertical a h2 {
    font-size: 16px;
    line-height: 24px;
    color: #030020
}

.post-vertical p {
    font-size: 16px;
    line-height: 24px;
    display: none
}

.post-horizontal {
    margin-bottom: 15px;
    overflow: hidden
}

.post-horizontal a .thumb {
    margin-right: 25px;
    float: left;
    width: 120px;
    height: 120px
}

.post-horizontal a .thumb img {
    border-radius: 8px
}

.post-horizontal .meta {
    margin-left: 145px
}

.post-horizontal .meta a h2 {
    font-size: 20px;
    line-height: 28px;
    color: #030020
}

#category-publish {
    padding: 45px 0
}

#category-publish .head {
    padding-bottom: 12px
}

@media (max-width:992px) {
    #category-publish .head .col-md-8 {
        width: 100%;
    }
}

#category-publish .head h1 {
    font-size: 32px;
    line-height: 40px
}

#category-publish .head .title1 {
    line-height: 15px !important;
    margin-bottom: 15px;
}

#category-publish .head p {
    margin-bottom: 0!important;
    font-style: italic;
}

#category-publish .head a {
    color: #80c601;
}

#category-publish .head form {
    display: flex;
    justify-content: flex-end
}

#category-publish .head form .input {
    display: flex;
    align-items: center;
    padding-left: 10px;
    background: #fff;
    border: 1px solid #e6e7ed;
    border-radius: 12px;
    height: 45px;
    width: 265px
}

#category-publish .head form .input input {
    border: none
}

#category-publish .head form .input svg {
    width: 18px;
    height: 18px;
    fill: #231f20;
    margin-right: 8px
}

#category-publish .list .big .post-vertical h2 {
    font-size: 28px;
    line-height: 36px
}

#category-publish .list .big .post-vertical p {
    display: block
}

#category-foryou {
    padding: 45px 0
}

#category-foryou .head {
    padding-bottom: 25px
}

#category-foryou .head h2 {
    font-style: 32px;
    line-height: 40px
}

#category-warning {
    background-color: #fafafa;
    padding: 45px 0
}

#category-warning .head {
    padding-bottom: 25px
}

#category-warning .head h2 {
    font-size: 32px;
    line-height: 40px
}

#category-hot {
    padding: 45px 0
}

#category-hot .head {
    padding-bottom: 25px
}

#category-hot .head h1 {
    font-size: 32px;
    line-height: 40px
}

#category-hot .head form {
    display: flex;
    justify-content: flex-end
}

#category-hot .head form .input {
    display: flex;
    align-items: center;
    padding-left: 10px;
    background: #fff;
    border: 1px solid #e6e7ed;
    border-radius: 12px;
    height: 45px;
    width: 265px
}

#category-hot .head form .input input {
    border: none
}

#category-hot .head form .input svg {
    width: 18px;
    height: 18px;
    fill: #231f20;
    margin-right: 8px
}

#category-hot .list .big .post-vertical h2 {
    font-size: 28px;
    line-height: 36px
}

#category-hot .list .big .post-vertical p {
    display: block
}

#post {
    text-align: justify;
    font-size: 16px;
    line-height: 24px
}

#post img {
    max-width: 100%;
    height: auto!important
}

#post h1 {
    font-size: 32px;
    line-height: 40px
}

#post .text1 {
    font-style: italic;
    font-size: 15px;
    margin-bottom: 0.5rem;
}

#post .text1 a {
    color: #80c601;
}

#post h1,
#post h2 {
    font-family: SF-Pro-Text-Semibold;
    color: #204b45
}

#post h2 {
    font-size: 24px;
    line-height: 32px
}

#post h3 {
    font-size: 22px;
    font-family: SF-Pro-Text-Bold
}

#post h4 {
    font-size: 20px
}

#post h5 {
    font-size: 18px
}

#post embed,
#post iframe,
#post object {
    max-width: 100%
}

#post #box-concern .title-concern {
    font-size: 24px;
    line-height: 32px
}

#post #box-concern h2 {
    font-size: 16px;
    line-height: 24px
}

#post #sidebar {
    padding-top: 25px;
    padding-bottom: 25px;
    background: #fafafa;
    border-radius: 16px
}

#service-head {
    background-color: #030020;
    background-repeat: no-repeat;
    background-position: 100% 0;
    background-size: contain;
    padding-bottom: 120px
}

#service-head #main {
    max-width: 490px
}

#service-head #main .box-title {
    padding: 50px 0;
    display: flex;
    align-items: center
}

#service-head #main .box-title img {
    width: 80px;
    height: 80px;
    margin-right: 10px
}

#service-head #main .box-title .meta {
    display: flex;
    justify-content: flex-start;
    color: #fff;
    flex-direction: column
}

#service-head #main .box-title .meta .sub {
    font-family: SF-Pro-Text-Medium;
    text-transform: uppercase
}

#service-head #main .box-title .meta .main {
    font-size: 28px;
    line-height: 36px;
    font-family: SF-Pro-Text-Bold
}

#service-head #main .box-search {
    color: #fff
}

#service-head #main .box-search form {
    margin-top: 35px;
    display: flex
}

#service-head #main .box-search form .input {
    background-color: #fff;
    border: none;
    padding: 15px 20px;
    border-radius: 4px;
    display: flex;
    flex: 1;
    margin-right: 10px
}

#service-head #main .box-search form .input svg {
    width: 20px;
    height: 20px;
    fill: #204b45;
    margin-right: 10px
}

#service-head #main .box-search form .input input {
    width: 100%;
    border: none
}

#service-head #main .box-search form .input input::plaholder {
    color: #204b45;
    opacity: .6
}

#service-head #main .box-search form .btn-search {
    padding: 10px 30px
}

@media (max-width:1200px) {
    #service-head #main {
        background-size: cover
    }
}

@media (max-width:576px) {
    #service-head #main {
        padding-bottom: 35px
    }
    #service-head #main .box-title {
        padding: 35px 0
    }
    #service-head #main .box-search form {
        flex-direction: column
    }
    #service-head #main .box-search form .input {
        padding: 10px 15px;
        margin: 0 0 10px
    }
    #service-head #main .box-search form .btn-search {
        width: 100%
    }
}

@media (max-width:1200px) {
    #service-head {
        padding-bottom: 100px
    }
}

@media (max-width:992px) {
    #service-head {
        padding-bottom: 80px
    }
}

@media (max-width:576px) {
    #service-head {
        padding-bottom: 0
    }
    #service-head.service-for-web {
        background-position: right -80px center;
        background-size: 150%
    }
    #service-head.service-for-iot,
    #service-head.service-for-org,
    #service-head.service-for-sys {
        background-position: right -100px center;
        background-size: 200%
    }
}

#service-reason {
    padding: 50px 0;
    color: #204b45
}

#service-reason .left {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start
}

#service-reason .left .regis-btn {
    margin-top: 45px
}

#service-reason .right {
    display: flex;
    justify-content: center
}

#service-reason .right img {
    max-width: 520px;
    max-height: 330px
}

@media (max-width:576px) {
    #service-reason {
        padding: 30px 0
    }
    #service-reason .left {
        order: 2
    }
    #service-reason .left .regis-btn {
        margin-top: 25px
    }
    #service-reason .right {
        order: 1;
        margin-bottom: 15px
    }
}

#intro-sec {
    padding: 50px 0;
    color: #204b45
}

#intro-sec .banner {
    display: flex
}

#intro-sec .banner img {
    max-width: 490px;
    border-radius: 16px
}

#intro-sec .icon-certificate {
    position: absolute;
    bottom: 30px;
    left: calc(50% - 200px);
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding: 0;
    box-shadow: 0 18.756px 37.512px rgba(34, 49, 33, .25)
}

@media (max-width:1200px) {
    #intro-sec .banner {
        padding: 0 20px
    }
}

@media (max-width:992px) {
    #intro-sec {
        padding: 40px 0
    }
    #intro-sec .banner {
        padding: 0 5px
    }
}

@media (max-width:768px) {
    #intro-sec {
        padding: 35px 0
    }
}

@media (max-width:576px) {
    #intro-sec .banner {
        padding: unset;
        margin-bottom: 15px
    }
}

#benefit-sec {
    padding: 50px 0;
    background-color: #fafafa
}

#benefit-sec .row .col-md-6 {
    z-index: 1;
    display: flex
}

#benefit-sec .row .col-md-6:first-child {
    justify-content: flex-end
}

#benefit-sec .row .col-md-6 .box-item {
    margin-top: 25px;
    max-width: 350px;
    background-color: #fff;
    border: 1px solid #e8e8e8;
    box-sizing: border-box;
    box-shadow: 0 4px 8px rgba(0, 0, 0, .05);
    border-radius: 12px;
    padding: 25px;
    position: relative
}

#benefit-sec .row .col-md-6 .box-item:before {
    content: "";
    z-index: -1;
    width: 100px;
    height: 100px;
    position: absolute;
    top: -10px;
    left: -40px;
    background: url(/img/dot-grid.png) no-repeat
}

#benefit-sec .row .col-md-6 .box-item.right:before {
    top: -10px;
    right: -40px;
    left: unset
}

#benefit-sec .row .col-md-6 .box-item h3 {
    font-size: 20px;
    font-family: SF-Pro-Text-Semibold;
    margin-bottom: 20px;
    text-align: center
}

#benefit-sec .row .col-md-6 .box-item ul li {
    opacity: .8;
    margin-bottom: 15px;
    overflow: hidden
}

#benefit-sec .row .col-md-6 .box-item ul li .icon,
#benefit-sec .row .col-md-6 .box-item ul li .text {
    display: flex
}

#benefit-sec .row .col-md-6 .box-item ul li .icon {
    float: left;
    height: 44px;
    justify-content: center
}

#benefit-sec .row .col-md-6 .box-item ul li .icon svg {
    width: 20px;
    height: 20px;
    fill: #00bc3c;
    margin-right: 10px
}

#benefit-sec .row .col-md-6 .box-item ul li .text {
    margin-left: 30px
}

@media (max-width:576px) {
    #benefit-sec .row .col-md-6 .box-item {
        max-width: 100%
    }
    #benefit-sec .row .col-md-6 .box-item:before {
        left: -10px
    }
    #benefit-sec .row .col-md-6 .box-item.right:before {
        right: -10px
    }
}

#benefit-sec .btn {
    display: table;
    margin: 30px auto 0
}

#recommend-sec {
    padding: 50px 0
}

#recommend-sec .item {
    padding: 30px;
    text-align: center
}

#recommend-sec .item img {
    max-width: 100%;
    max-width: 120px;
    margin-bottom: 30px
}

#recommend-sec .item h3 {
    font-size: 16px;
    color: #204b45;
    font-family: SF-Pro-Text-Medium
}

@media (max-width:992px) {
    #recommend-sec .item {
        padding: 0
    }
}

#category-trust {
    padding: 50px 0;
    background-color: #fafafa
}

#category-trust h2 {
    font-size: 24px
}

#category-trust h2 svg {
    width: 20px;
    height: 20px
}

#category-trust h2:last-child svg {
    width: 18px;
    height: 18px
}

#category-trust .item {
    background-color: #fff;
    padding: 10px;
    margin-bottom: 15px
}

#category-trust .item .logo {
    margin-right: 15px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

#category-trust .item .logo img {
    width: 68px;
    height: 68px
}

#category-trust .item .circle img {
    background: #fafafa;
    border-radius: 50%;
    border: .5px solid #e8e8e8
}

#category-trust .item .info {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    overflow: hidden
}

#category-trust .item .info .title {
    font-size: 16px;
    display: flex;
    align-items: center
}

#category-trust .item .info .title span {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    max-width: 90%;
    color: #030020
}

@media (max-width:576px) {
    #category-trust .item .info .title span {
        max-width: 85%
    }
}

#category-trust .item .info .title svg {
    width: 16px;
    height: 16px;
    fill: #80c601;
    margin-left: 5px
}

#category-trust .item .info .date-join,
#category-trust .item .info .des {
    font-size: 13px;
    color: #676767
}

#category-trust .item .info .code {
    font-size: 13px
}

#category-trust .item .info .code span {
    color: #204b45
}

#category-trust .item .meta {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    height: 100%
}

#category-trust .item .meta .package {
    display: flex;
    text-transform: uppercase
}

#category-trust .item .meta .package svg {
    margin-right: 3px;
    width: 22px;
    height: 22px
}

#category-trust .item .meta .package.premium {
    color: #ff821e
}

#category-trust .item .meta .package.basic {
    color: #2f6bff
}

#category-trust .item .meta .package.basic svg {
    width: 21px;
    height: 21px
}

#category-trust .item .meta img {
    max-width: 60px
}

#category-trust .item .meta a {
    font-size: 13px;
    color: #4894f0;
    display: flex;
    align-items: flex-end
}

#category-org-trust {
    padding: 50px 0;
    background-color: #fafafa
}

#category-org-trust .swiper-button-next,
#category-org-trust .swiper-button-prev {
    top: calc(50% - 30px)
}

#category-org-trust .item {
    width: 100%;
    padding: 45px 35px
}

#category-org-trust .item img {
    width: 100%;
    height: auto
}

#category-org-trust .item:hover {
    background: #fff;
    box-shadow: 0 4px 16px rgba(0, 0, 0, .05);
    border-radius: 12px
}

#category-org-trust .btn {
    margin-top: 30px;
    display: flex;
    justify-content: center
}

@media (max-width:1200px) {
    #category-org-trust {
        padding: 40px 0
    }
    #category-org-trust .btn {
        margin-top: 30px
    }
}

@media (max-width:768px) {
    #category-org-trust {
        padding: 30px 0
    }
    #category-org-trust .btn {
        margin-top: 20px
    }
}

#contact-page {
    padding: 50px 0
}

#contact-page .top .right h1 {
    font-size: 32px;
    line-height: 40px;
    margin-bottom: 15px
}

#contact-page .top .right img {
    max-width: 100%;
    height: auto
}

#contact-page .top .right .meta {
    font-size: 16px;
    color: #403f4b;
    margin-bottom: 15px
}

#contact-page .top .right form label {
    line-height: 22px;
    margin-bottom: 5px
}

#contact-page .top .right form input,
#contact-page .top .right form textarea {
    background: #fbfbfb;
    border: 1px solid #e8e8e8;
    box-sizing: border-box;
    border-radius: 8px
}

#contact-page .top .right form input::-moz-placeholder,
#contact-page .top .right form textarea::-moz-placeholder {
    color: #6a6972
}

#contact-page .top .right form input:-ms-input-placeholder,
#contact-page .top .right form textarea:-ms-input-placeholder {
    color: #6a6972
}

#contact-page .top .right form input::placeholder,
#contact-page .top .right form textarea::placeholder {
    color: #6a6972
}

#contact-page .top .right form input {
    height: 48px
}

#contact-page .info li {
    color: #204b45;
    padding: 5px 0
}

#contact-page .info li svg {
    margin-right: 6px;
    width: 20px;
    fill: #204b45
}

#directory-head {
    background-color: #030020;
    background-repeat: no-repeat;
    background-position: top;
    background-size: cover;
    color: #fff;
    padding: 20px 0
}

#directory-head h2 {
    font-size: 32px;
    line-height: 40px
}

#directory-head #breadcrumb {
    margin-top: 25px
}

#directory-head #breadcrumb ol {
    margin: 0
}

#directory-head #breadcrumb ol a {
    color: #fff
}

.filter {
    display: flex;
    justify-content: flex-end;
    align-items: center
}

.filter .btn-filter {
    background: #fff;
    border: 1px solid #e6e7ed;
    box-sizing: border-box;
    border-radius: 8px;
    padding: 11px 16px;
    display: flex;
    color: #403f4b
}

.filter .btn-filter svg {
    width: 20px;
    height: 20px;
    margin-right: 5px
}

#directory-sub-menu {
    border: 1px solid #e6e7ed
}

#directory-sub-menu ul {
    display: flex;
    justify-content: center
}

#directory-sub-menu ul li {
    padding: 5px 20px;
    border-bottom: 4px solid #fff
}

#directory-sub-menu ul li.active,
#directory-sub-menu ul li:hover {
    border-bottom: 4px solid #80c601
}

#directory-sub-menu ul li a {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

#directory-sub-menu ul li a img {
    width: 40px;
    height: 40px;
    margin-bottom: 8px
}

#directory-sub-menu ul li a h2 {
    font-size: 12px;
    color: #204b45
}

.circle img {
    background: #fafafa;
    border-radius: 50%;
    border: .5px solid #e8e8e8
}

.directory-main {
    padding: 30px 0 50px;
    position: relative
}

.directory-main h1 {
    font-size: 20px;
    line-height: 28px;
    margin: 0
}

.directory-main p.des {
    color: #6a6972
}

.directory-main ul .item1,
.directory-main ul li {
    border: 1px solid #e6e7ed;
    box-sizing: border-box;
    border-radius: 12px;
    padding: 12px
}

.directory-main ul .item1 {
    margin-bottom: 10px
}

@media (max-width: 1200px) and (min-width:767px) {
    .directory-main ul .item1 .col-lg-5 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }
    .directory-main ul .item1 .col-lg-6 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }
    .directory-main ul .item1 .medal {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
}

.directory-main ul .item1 .obj .icon {
    float: left;
    margin-right: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%
}

.directory-main ul .item1 .obj .icon img {
    width: 48px;
    height: 48px
}

.directory-main ul .item1 .obj .icon2 {
    float: left;
    margin-right: 10px;
    width: 72px
}

.directory-main ul .item1 .obj .icon2 img {
    width: 72px;
    height: 72px
}

.directory-main ul .item1 .obj .icon3 {
    float: left;
    margin-right: 10px
}

.directory-main ul .item1 .obj .icon3 img {
    width: 32px;
    height: 32px;
    border-radius: 50%;
}

.directory-main ul .item1 .obj .meta {
    display: flex;
    flex-direction: column;
    justify-content: center
}

.directory-main ul .item1 .obj .meta a {
    font-size: 14px;
    color: #403f4b;
    display: flex;
    align-items: center
}

.directory-main ul .item1 .obj .meta a span {
    max-width: 85%;
    overflow: hidden;
    float: left;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    white-space: nowrap
}

.directory-main ul .item1 .obj .meta a svg {
    margin-left: 5px;
    width: 16px;
    height: 16px
}

.directory-main ul .item1 .obj .meta .date {
    font-size: 12px;
    color: #6a6972
}

.directory-main ul .item1 .obj .meta .own {
    color: #6a6972
}

.directory-main ul .item1 .obj .meta .own span {
    color: #030020
}

.directory-main ul .item1 .obj .meta .code label {
    color: #6a6972
}

.directory-main ul .item1 .org {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.directory-main ul .item1 .org a {
    color: #030020
}

.directory-main ul .item1 .org img {
    width: 32px;
    height: 32px;
    margin-right: 8px;
    background: #fafafa;
    border-radius: 50%;
    border: .5px solid #e8e8e8
}

.directory-main ul .item1 .medal {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.directory-main ul .item1 .medal .medal_premium1 svg {
    width: 24px;
    height: 32px
}

.directory-main ul .item1 .status div {
    height: 100%;
    display: flex;
    align-items: center
}

.directory-main ul .item1 .status div svg {
    width: 16px;
    height: 16px;
    margin-right: 5px
}

.directory-main ul .item1 .status div.pending {
    color: #6a6972
}

.directory-main ul .item1 .status div.pending svg {
    fill: #6a6972
}

.directory-main ul .item1 .status div.verify {
    color: #2f6bff
}

.directory-main ul .item1 .status div.verify svg {
    fill: #2f6bff
}

.directory-main ul .item1 .status div.handling {
    color: #ff821e
}

.directory-main ul .item1 .status div.handling svg {
    fill: #ff821e
}

.directory-main ul .item1 .status div.processed {
    color: #80c601
}

.directory-main ul .item1 .status div.processed svg {
    fill: #80c601
}

.directory-main ul .item1 .status div.fake {
    color: #F20013
}

.directory-main ul .item1 .status div.fake svg {
    fill: #F20013
}

@media (max-width:767px) {
    .directory-main ul .item1 .medal {
        margin-top: 10px
    }
    .directory-main ul .item1 .medal .medal_basic1,
    .directory-main ul .item1 .medal .medal_premium1 {
        width: 100%;
        padding: 6px;
        background: #fff9f4;
        border-radius: 8px;
        display: flex;
        justify-content: center;
        align-items: center
    }
    .directory-main ul .item1 .medal .medal_basic1 {
        background: #f2fcf5
    }
    .directory-main ul .item1 .status {
        margin-top: 10px
    }
    .directory-main ul .item1 .status div {
        padding: 6px;
        border-radius: 8px;
        width: 100%;
        justify-content: center;
    }
    .directory-main ul .item1 .status div.pending {
        background: #f4f4f4
    }
    .directory-main ul .item1 .status div.verify {
        background: #f5f8ff
    }
    .directory-main ul .item1 .status div.handling {
        background: #fff9f4
    }
    .directory-main ul .item1 .status div.processed {
        background: #f2fcf5
    }
    .directory-main ul .item1 .status div.fake {
        background: #fcf3f2
    }
}

.directory-main ul .item2 {
    padding: 20px;
    margin-bottom: 10px
}

.directory-main ul .item2 .obj {
    display: flex;
    align-items: flex-end
}

.directory-main ul .item2 .obj .icon {
    float: left;
    margin-right: 10px
}

.directory-main ul .item2 .obj .icon img {
    border-radius: 50%;
    width: 48px;
    height: 48px;
    background: #f7f9fc;
    border: .5px solid #e8e8e8
}

.directory-main ul .item2 .obj .meta {
    overflow: hidden
}

.directory-main ul .item2 .obj .meta a {
    font-size: 16px;
    color: #403f4b;
    display: flex;
    align-items: center
}

.directory-main ul .item2 .obj .meta a svg {
    margin-left: 5px;
    width: 16px;
    height: 16px
}

.directory-main ul .item2 .obj .meta .date {
    font-size: 12px;
    color: #6a6972
}

.directory-main ul .item2 .medal {
    margin-top: 15px;
    padding: 15px;
    background: #fbfbfb;
    border: 1px solid #f4f4f4;
    box-sizing: border-box;
    border-radius: 8px
}

.directory-main ul .item2 .medal label {
    color: #403f4b
}

.directory-main ul .item2 .medal .list {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.directory-main ul .item2 .medal .list .premium {
    color: #ff821e;
    font-size: 12px;
    text-transform: uppercase
}

.directory-main ul .item2 .medal .list .basic {
    color: #2f6bff;
    font-size: 12px;
    text-transform: uppercase
}

.directory-main #boxFilter {
    background: #fff;
    border: 1px solid #e6e7ed;
    box-sizing: border-box;
    border-radius: 12px;
    padding: 25px 15px 15px
}

.directory-main #boxFilter h3 {
    font-size: 16px;
    line-height: 24px
}

.directory-main #boxFilter .form-check {
    min-height: 35px
}

.directory-main #boxFilter .btn-search {
    background-color: #80c601;
    width: 100%;
    text-align: center;
    color: #fbfbfb;
    border: none;
    border-radius: 8px;
    padding: 8px
}

@media (max-width:992px) {
    .directory-main #boxFilter {
        visibility: hidden;
        position: absolute;
        top: 80px;
        right: 15px;
        transition: all .3s ease-out
    }
}

@media (max-width:767px) {
    .directory-main .fake-acc-search {
        visibility: visible!important;
        position: revert!important;
        margin-bottom: 1rem;
        padding-top: 15px;
    }
    .directory-main .fake-acc-des {
        width: 100%;
    }
    .directory-main .fake-acc-filter {
        display: none;
    }
}

#directory-org tbody tr td .org-trust {
    display: flex;
    align-items: center
}

#directory-org tbody tr td .sys img {
    height: 48px;
    width: 48px
}

#directory-org tbody tr td .list {
    height: 48px
}

#directory-web table tbody tr td .sys img {
    width: 48px;
    height: 48px
}

#directory-web table tbody tr td .web a {
    color: #2f6bff
}

#directory-web table tbody tr td .date,
#directory-web table tbody tr td .icon,
#directory-web table tbody tr td .web {
    height: 48px;
    display: flex;
    align-items: center
}

#package-detail {
    background: #fff;
    background: linear-gradient(180deg, #fff, #fff 43%, #fafafa 48%, #fafafa);
    padding-bottom: 30px
}

#package-detail .table1 .item2 {
    width: 100%;
    overflow: hidden;
    border-bottom: 1px solid #e6e7ed
}

#package-detail .table1 .item2:first-child,
#package-detail .table1 .item2:last-child {
    border-bottom: 0
}

#package-detail .table1 .item2.three,
#package-detail .table1 .item2.two {
    width: 27%
}

#package-detail .table1 .item2 .one {
    width: 46%;
    float: left;
    padding: 15px 25px
}

#package-detail .table1 .item2 .three,
#package-detail .table1 .item2 .two {
    border-left: 1px solid #e6e7ed;
    width: 27%;
    float: left
}

#package-detail .table1 .item2 .three .img,
#package-detail .table1 .item2 .two .img {
    text-align: center
}

#package-detail .table1 .item2 .three .img img,
#package-detail .table1 .item2 .two .img img {
    max-width: 185px;
    height: auto
}

#package-detail .table1 .top {
    color: #fff;
    padding-top: 50px
}

#package-detail .table1 .top .box-pk {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-align: center;
    border-radius: 16px 0 0 0;
    position: absolute;
    width: 100%;
    bottom: 0
}

#package-detail .table1 .top .box-pk h2 {
    font-size: 24px
}

#package-detail .table1 .top .box-pk .before-promo {
    font-size: 16px;
    text-decoration: line-through;
    opacity: .5
}

#package-detail .table1 .top .box-pk .price {
    font-size: 24px
}

#package-detail .table1 .top .box-pk .meta {
    opacity: .8
}

#package-detail .table1 .top .box-pk .btn-style1 {
    padding: 10px 30px;
    margin-top: 8px;
    cursor: pointer
}

#package-detail .table1 .top .one,
#package-detail .table1 .top .three,
#package-detail .table1 .top .two {
    height: 250px;
    position: relative;
    border-left: unset!important
}

#package-detail .table1 .top .one {
    color: #204b45
}

#package-detail .table1 .top .one h1 {
    font-size: 32px;
    line-height: 40px;
    padding-right: 20%
}

#package-detail .table1 .top .one p {
    font-size: 16px;
    line-height: 24px
}

#package-detail .table1 .top .two {
    position: relative
}

#package-detail .table1 .top .two .basic-box {
    background: #081d0f;
    padding: 20px 0
}

#package-detail .table1 .top .three {
    position: relative;
    color: #030020
}

#package-detail .table1 .top .three .premium-box {
    padding: 45px 0 20px;
    background: linear-gradient(180deg, #a8ff78, #78ffd6);
    border-radius: 16px 16px 0 0
}

#package-detail .table1 .top .three .premium-box h2 {
    font-size: 30px
}

#package-detail .table1 .top .three .premium-box .btn-style1 {
    background-color: #fff;
    color: #80c601
}

#package-detail .table1 .criteria-list {
    background-color: #fff;
    border-radius: 12px 0 12px 12px;
    box-shadow: 0 4px 32px rgba(0, 0, 0, .05);
    position: relative
}

#package-detail .table1 .criteria-list .hoverbox {
    width: 27%;
    height: 100%;
    background-color: transparent;
    box-shadow: 0 0 32px rgba(0, 0, 0, .21);
    border-radius: 0 0 16px 0;
    position: absolute;
    right: 0;
    bottom: 0
}

#package-detail .table1 .criteria-list .item2 {
    display: flex
}

#package-detail .table1 .criteria-list .item2 .one,
#package-detail .table1 .criteria-list .item2 .three,
#package-detail .table1 .criteria-list .item2 .two {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px
}

#package-detail .table1 .criteria-list .item2 .one {
    justify-content: flex-start;
    padding: 15px 25px
}

#package-detail .table1 .criteria-list .item2 .one .special {
    color: #ff821e;
    display: flex;
    align-items: center
}

#package-detail .table1 .criteria-list .item2 .one .special .icon {
    width: 35px;
    float: left;
    display: flex;
    height: 100%;
    justify-content: center;
    align-items: center
}

#package-detail .table1 .criteria-list .item2 .one .special .icon svg {
    fill: #ff821e
}

#package-detail .table1 .criteria-list .item2 .one .special .text {
    margin-left: 10px
}

.label-certain {
    font-size: 12px;
    font-family: SF-Pro-Text-Medium;
    color: #80c601;
    background: #f2fcf5;
    border-radius: 21px;
    padding: 2px 8px
}

.label-certain.disactive {
    color: #6a6972;
    background: #e8e8e8
}

#trust-page hr {
    background-color: #e6e7ed
}

#trust-page .top {
    padding: 35px 0 15px
}

#trust-page .top .org-main {
    overflow: hidden;
    margin-bottom: 15px
}

#trust-page .top .org-main .icon {
    margin-right: 10px;
    float: left
}

#trust-page .top .org-main .icon img {
    width: 56px;
    height: 56px
}

#trust-page .top .org-main .meta {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-around
}

#trust-page .top .org-main .meta .name {
    font-size: 20px;
    line-height: 28px
}

#trust-page .top .org-main .meta .name svg {
    width: 20px;
    height: 20px
}

#trust-page .top .org-main .meta #rating label:before {
    font-size: 13.5px
}

#trust-page .top .org-main .meta .ratting {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

#trust-page .top .org-main .meta .ratting .list-star {
    padding: 0 10px 5px
}

#trust-page .top .org-main .meta .ratting .total {
    font-size: 13px;
    text-transform: uppercase;
    color: #80c601;
    padding-left: 8px
}

#trust-page .top ul.org-info li {
    overflow: hidden;
    padding-bottom: 10px
}

#trust-page .top ul.org-info li .label {
    width: 165px;
    float: left;
    display: flex;
    color: #144881
}

#trust-page .top ul.org-info li .label svg {
    margin-right: 10px;
    width: 20px;
    height: 20px
}

#trust-page .top ul.org-info li .info {
    margin-left: 165px
}

#trust-page .top ul.org-info li .info svg {
    width: 20px;
    height: 20px
}

#trust-page .top #box-medal {
    background: #fbfbfb;
    border-radius: 12px;
    padding: 30px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative
}

#trust-page .top #box-medal svg {
    width: 20px;
    height: 20px
}

#trust-page .top #box-medal .logo {
    width: 64px;
    height: 64px;
    margin-bottom: 15px
}

#trust-page .top #box-medal .obj {
    font-size: 18px;
    max-width: 300px
}

#trust-page .top #box-medal .medal {
    width: 190px;
    height: auto
}

#trust-page .top #box-certain {
    height: 100%;
    background: #fbfbfb;
    border-radius: 12px;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    padding: 55px 0;
    position: relative
}

#trust-page .top #box-certain h3 {
    font-size: 30px;
    line-height: 36px;
    color: #204b45;
    margin-top: 18px
}

#trust-page .top #box-certain .des {
    display: flex;
    align-items: center
}

#trust-page .top #box-certain .des span {
    color: #b1b1b6;
    margin-right: 6px
}

#trust-page .top #box-certain .des img {
    width: 62px;
    height: auto
}

@media (max-width:576px) {
    #trust-page .top #box-medal {
        padding: 45px 30px
    }
}

#trust-page .under h2.title {
    font-size: 24px;
    line-height: 32px;
    border-top: 1px solid #e6e7ed;
    padding-top: 15px
}

#trust-page .under ul.list li {
    border-bottom: 1px solid #e6e7ed;
    padding: 20px 0
}

#trust-page .under ul.list li .icon {
    float: left;
    margin-right: 15px
}

#trust-page .under ul.list li .icon img {
    width: 48px;
    height: 48px
}

#trust-page .under ul.list li .meta {
    margin-left: 65px
}

#trust-page .under ul.list li .meta h3 {
    font-size: 18px;
    line-height: 24px
}

#trust-page .under ul.list li .meta p {
    color: #403f4b;
    margin: 0
}

#trust-page .under .social-item {
    padding: 10px 0
}

#trust-page .under .social-item .icon {
    width: 150px;
    float: left;
    color: #204b45
}

#trust-page .under .social-item .icon svg {
    width: 24px;
    height: 24px;
    margin-right: 10px
}

#trust-page .under .social-item .social-value {
    display: flex;
    align-items: center;
    justify-content: space-between
}

#trust-page .under .social-item .social-value a {
    color: #030020
}

#trust-page .under .social-item .social-value span {
    max-width: 245px;
    overflow: hidden
}

.comment-row {
    margin: 0 0;
}

#trust-page .under .comment {
    margin: 10px auto;
    padding: 0 100px;
    width: 100%;
}

#trust-page .under .comment img {
    display: block;
    height: auto;
    width: 100%;
}

#trust-page .under .comment .comment-avatar {
    border: 2px solid #fff;
    border-radius: 50%;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
    height: 70px;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 70px;
    margin-left: 10px;
}

#trust-page .under .comment .comment-form {
    position: relative;
    margin-bottom: 20px;
}

#trust-page .under .comment .comment-form input,
#trust-page .under .comment .comment-form textarea {
    background: #FBFBFB;
    border: 1px solid #E8E8E8;
    box-sizing: border-box;
    border-radius: 8px;
}

#trust-page .under .comment .comment-form input::placeholder,
#trust-page .under .comment .comment-form textarea::placeholder {
    color: #6A6972;
}

#trust-page .under .comment .comment-form .button1-safe {
    background: #FBFBFB;
    border: 1px solid #E8E8E8;
    box-sizing: border-box;
    border-radius: 8px;
    color: #212529;
    font-size: 1rem;
    width: 100%;
}

#trust-page .under .comment .comment-form .button1-fake {
    background: #FBFBFB;
    border: 1px solid #E8E8E8;
    box-sizing: border-box;
    border-radius: 8px;
    color: #212529;
    font-size: 1rem;
    width: 100%;
}

#trust-page .under .comment .comment-form .button1-no-opinion {
    background: #FBFBFB;
    border: 1px solid #E8E8E8;
    box-sizing: border-box;
    border-radius: 8px;
    color: #212529;
    font-size: 1rem;
    width: 100%;
    padding: 0 0;
}

#trust-page .under .comment .comment-form .button2-safe {
    background-color: #80c601;
    color: #fff;
    font-size: 16px;
    font-family: SF-Pro-Text-Semibold;
    border: 1px solid #E8E8E8;
    box-sizing: border-box;
    border-radius: 8px;
    width: 100%;
}

#trust-page .under .comment .comment-form .button2-fake {
    background-color: #f7432f;
    color: #fff;
    font-size: 16px;
    font-family: SF-Pro-Text-Semibold;
    border: 1px solid #f7432f;
    box-sizing: border-box;
    border-radius: 8px;
    width: 100%;
}

#trust-page .under .comment .comment-form .button2-no-opinion {
    background-color: #3d8afc;
    color: #fff;
    font-size: 16px;
    font-family: SF-Pro-Text-Semibold;
    border: 1px solid #3d8afc;
    box-sizing: border-box;
    border-radius: 8px;
    width: 100%;
}

.content-style {
    color: #204b45;
    font-size: 20px;
    font-family: SF-Pro-Text-Semibold;
}

@media (max-width:768px) {
    #boxResultVoteComment .col-md-4 {
        flex: 1 !important;
    }
    #comment .col-md-2 {
        margin-top: 16px !important;
    }
}

@media (max-width:1199px) {
    .box-certain-fake-account {
        padding-bottom: 68px !important
    }
}

.boxResultVoteComment {
    width: 80%;
    position: absolute;
    bottom: 8px;
}

@media (max-width:992px) {
    #trust-page .under .comment {
        padding: 0 0;
    }
}

#trust-page .under .comment .comment-form input,
#trust-page .under .comment .comment-form .button1-safe,
#trust-page .under .comment .comment-form .button1-fake,
#trust-page .under .comment .comment-form .button1-no-opinion,
#trust-page .under .comment .comment-form .button2-safe,
#trust-page .under .comment .comment-form .button2-fake,
#trust-page .under .comment .comment-form .button2-no-opinion {
    height: 40px;
}

#trust-page .under .comment .comment-form label {
    line-height: 22px;
    margin-bottom: 5px;
}

#trust-page .under .comment .comment-form .comment-info {
    margin-left: 95px;
}

#trust-page .under .comment .comment-box {
    position: relative;
    margin-bottom: 20px;
}

#trust-page .under .comment .comment-box .comment-info {
    background: #f8f8f8;
    border: 1px solid #f8f8f8;
    border-radius: 8px;
    margin-left: 95px;
    padding: 12px 12px;
}

@media (max-width:450px) {
    #trust-page .under .comment .comment-avatar {
        display: none;
    }
    #trust-page .under .comment .comment-form .comment-info {
        margin-left: 0px;
    }
    #trust-page .under .comment .comment-box .comment-info {
        margin-left: 0px;
    }
}

#trust-page .under .comment .comment-box .comment-info:before,
#trust-page .under .comment .comment-box .comment-info:after {
    border-width: 10px 10px 10px 0;
    border-style: solid;
    border-color: transparent #f8f8f8;
    content: "";
    left: -10px;
    position: absolute;
    top: 20px;
    margin-left: 95px;
}

#trust-page .under .comment .comment-box .comment-info .comment-text {
    font-size: 16px;
    color: #403f4b;
    margin-bottom: 5px;
}

#trust-page .under .comment .comment-box .comment-info .comment-footer {
    color: #acb4c2;
    font-size: 13px;
}

#trust-page .under .comment .comment-box .comment-info .comment-footer:after {
    content: "";
    display: table;
    clear: both;
}

#trust-page .under .comment .comment-box .comment-info .comment-author {}

#trust-page .under .comment .comment-box .comment-info .comment-date {}

#trust-page .under .comment .comment-box .comment-info .comment-date:before {
    content: "|";
    margin: 0 10px;
}

#trust-page .fakes {
    padding-top: 45px
}

#trust-page .fakes h3.title {
    font-size: 24px;
    line-height: 32px;
    border-top: 1px solid #e6e7ed;
    padding-top: 15px
}

#trust-page .box,
#trust-page .box-style1 {
    background-color: #fff;
    box-shadow: 0 4px 24px rgba(0, 0, 0, .08);
    border-radius: 24px;
    height: 100%
}

#trust-page .box-style1 .head,
#trust-page .box .head {
    background: #f3f5ff;
    border-radius: 24px 24px 0 0;
    padding: 32px 24px
}

#trust-page .box-style1 .head .title,
#trust-page .box .head .title {
    font-size: 24px;
    line-height: 32px
}

#trust-page .box-style1 .head .title img,
#trust-page .box .head .title img {
    width: 52px;
    height: 52px;
    float: left
}

#trust-page .box-style1 .head .title .text,
#trust-page .box .head .title .text {
    margin-left: 64px;
    display: flex;
    flex-direction: column;
    font-size: 22px;
    line-height: 30px
}

#trust-page .box-style1 .head .title .text span,
#trust-page .box .head .title .text span {
    text-transform: uppercase;
    font-size: 28px;
    line-height: 36px
}

#trust-page .box-style1 .main,
#trust-page .box .main {
    padding: 20px;
    min-height: 200px
}

#trust-page .box-style1 .main .item,
#trust-page .box .main .item {
    overflow: hidden;
    padding: 8px 0
}

#trust-page .box-style1 .main .item .icon,
#trust-page .box .main .item .icon {
    float: left;
    margin-right: 10px
}

#trust-page .box-style1 .main .item .icon svg,
#trust-page .box .main .item .icon svg {
    width: 24px;
    height: 24px
}

#trust-page .box-style1 .main .item .val,
#trust-page .box .main .item .val {
    font-size: 16px;
    line-height: 24px
}

#trust-page .box-style1 .main .item .val a,
#trust-page .box .main .item .val a {
    color: #030020
}

#trust-page .box-style1.web-trust .head,
#trust-page .box.web-trust .head {
    background-image: url(/img/bg_trust_web.png);
    background-repeat: no-repeat;
    background-position: 100% 0;
    background-size: contain
}

#trust-page .box-style1.iot-trust .head,
#trust-page .box.iot-trust .head {
    background-image: url(/img/bg_trust_iot.png);
    background-repeat: no-repeat;
    background-position: 100% 0;
    background-size: contain
}

#trust-page .box-style1.sys-trust .head,
#trust-page .box.sys-trust .head {
    background-image: url(/img/bg_trust_sys.png);
    background-repeat: no-repeat;
    background-position: 100% 0;
    background-size: contain
}

#trust-page .box-style1.rd3-trust,
#trust-page .box.rd3-trust {
    height: unset
}

#trust-page .box-style1.rd3-trust .head,
#trust-page .box.rd3-trust .head {
    background-image: url(/img/bg_trust_3rd.png);
    background-repeat: no-repeat;
    background-position: 100% 0;
    background-size: contain
}

#trust-page .box-style1.rd3-basic,
#trust-page .box.rd3-basic {
    height: unset
}

#trust-page .box-style1.rd3-basic .head,
#trust-page .box.rd3-basic .head {
    background-image: url(/img/bg_rd3_basic.png);
    background-repeat: no-repeat;
    background-position: 100% 0;
    background-size: contain;
    background-color: #f9f9f9
}

#trust-page .rd3-trust .head {
    background-color: #fffcf3
}

#trust-page .rd3-trust .head .title {
    max-width: 90%
}

#trust-page .rd3-trust .main {
    min-height: 120px;
    text-align: center
}

#trust-page .rd3-trust .footer-box {
    font-size: 12px;
    background: #fbfbfb;
    border-radius: 0 0 24px 24px;
    padding: 8px;
    display: flex;
    align-items: center;
    justify-content: center
}

#trust-page .rd3-trust .footer-box img {
    width: 40px;
    height: auto;
    margin-left: 8px
}

#trust-page .rd3-basic .head .title {
    max-width: 90%
}

#trust-page .rd3-basic .main {
    min-height: unset;
    font-size: 16px;
    line-height: 24px;
    text-align: center
}

#trust-page .rd3-basic .main .btn-regis {
    background: #80c601;
    border-radius: 4px;
    padding: 14px;
    color: #fff;
    display: flex;
    justify-content: center
}

#trust-page #directory-trust {
    padding: 50px 0;
    background: #fff;
    background: linear-gradient(180deg, #fff 46%, #fbfbfb 51%, #fbfbfb)
}

#hof-page {
    padding: 50px 0;
}

#hof-page .head {
    padding-bottom: 25px
}

#hof-page .head h1 {
    font-size: 32px;
    line-height: 40px;
    color: #403f4b
}

#hof-page .head h6 {
    font-size: 14px;
    color: #403f4b
}

#hof-page .head h6 a {
    color: #80c601;
}

#hof-page table {
    width: 100%;
    color: #403f4b;
    font-size: 16px;
    font-family: SF-Pro-Text;
    font-weight: normal;
    line-height: 35px;
    text-align: center;
    background-color: #fcfcfc;
}

#hof-page table tr {
    /* border-bottom-color: #80c601; */
    line-height: 50px;
}

#hof-page table tr:hover {
    background: #f2f2f2;
    /* color: white; */
}

#hof-page table thead tr {
    background: #80c601;
    line-height: 35px;
    color: white;
}

#hof-page table thead tr th {
    border: 2px solid white;
    border-left: 2px solid #80c601;
}

#hof-page table thead tr:hover {
    background: #80c601;
    color: white;
}

#hof-page table a {
    color: #403f4b;
    /* color: white; */
}

#hof-page table a:hover {
    color: #80C90F;
}

.tab1-hof-class {
    background-color: #80c601;
    margin-left: 12px;
    text-align: center;
    line-height: 30px;
    padding: 8px;
    max-width: 20%;
}

.tab1-hof-class a {
    font-size: 15px;
    font-weight: bolder;
    color: white;
}

.tab1-off-hof-class {
    background-color: #E5F3CC;
    margin-left: 12px;
    text-align: center;
    line-height: 30px;
    padding: 8px;
}

.tab1-off-hof-class a {
    font-size: 14px;
    color: #403f4b;
    font-weight: 500;
}

.tab2-hof-class {
    background-color: #80c601;
    text-align: center;
    line-height: 30px;
    padding: 8px;
    /* border-top-right-radius: 25px; */
    max-width: 20%;
}

.tab2-hof-class a {
    font-size: 15px;
    font-weight: bolder;
    color: white;
}

.tab2-off-hof-class {
    background-color: #E5F3CC;
    text-align: center;
    line-height: 30px;
    padding: 8px;
    /* border-top-right-radius: 25px; */
}

.tab2-off-hof-class a {
    font-size: 14px;
    color: #403f4b;
    font-weight: 500;
}

.hof-pf-modal-content {
    border-radius: 16px;
    width: 70%;
    margin-left: 15%;
}

.hof-pf-modal-header {
    background-image: url(/img/bg_regis.jpg);
    background-size: cover;
    padding: 25px;
}

.hof-pf-btn-close {
    background: #fff;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 2px;
    margin-bottom: 50px;
    margin-right: 1px
}

.hof-pf-modal-body {
    padding: 25px;
    padding-top: 5%;
    padding-bottom: 5%;
    background-color: #030020;
    background-repeat: no-repeat;
}

.hof-pf-col-md-4 {
    text-align: center;
    width: 32%;
    padding-top: 12px
}

.hof-pf-col-md-4-s {
    width: 30%;
    margin: 2%;
    border: 2px solid white;
    height: 220px;
    padding: 20px;
    padding-left: 0px;
    padding-right: 0px;
    overflow: hidden;
}

.hof-pf-h5 {
    font-weight: bold;
    padding: 0px;
    color: white;
}

.hf-pf-ul {
    font-size: 22px;
    text-align: left;
    font-weight: 600;
    line-height: 30px;
}

.hf-pf-li-critical {
    list-style-type: disc;
    list-style-position: inside;
    color: #e80a02;
}

.hf-pf-li-high {
    list-style-type: disc;
    list-style-position: inside;
    color: #ee9336;
}

.hf-pf-li-medium {
    list-style-type: disc;
    list-style-position: inside;
    color: #fdc431;
}

.hf-pf-li-low {
    list-style-type: disc;
    list-style-position: inside;
    color: #3fae49;
}

#popupReportFakeAccount .modal-content {
    border-radius: 12px
}

#popupReportFakeAccount .modal-content h2 {
    font-size: 24px;
    line-height: 40px
}

#popupReportFakeAccount .modal-content h3 {
    font-size: 16px;
    line-height: 24px
}

#popupReportFakeAccount .modal-header {
    color: #fff;
    padding: 20px 30px;
    background: url(/img/bg_regis.jpg) #040120;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 100% 0;
    align-items: unset;
    border: 0
}

#popupReportFakeAccount .modal-header .btn-close {
    background: #fff;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 2px;
    width: 25px;
    height: 25px
}

#popupReportFakeAccount .modal-header .modal-title h2 {
    font-size: 24px;
    line-height: 32px
}

#popupReportFakeAccount .modal-header .modal-title p {
    margin: 0
}

#popupReportFakeAccount .modal-body {
    padding: 0
}

#popupReportFakeAccount .modal-body input[type=email],
#popupReportFakeAccount .modal-body input[type=file],
#popupReportFakeAccount .modal-body input[type=number],
#popupReportFakeAccount .modal-body input[type=text],
#popupReportFakeAccount .modal-body select {
    background: #fbfbfb;
    border: 1px solid #e8e8e8;
    box-sizing: border-box;
    border-radius: 4px;
    padding: 11px
}

#popupReportFakeAccount .modal-body input[type=email]::-moz-placeholder,
#popupReportFakeAccount .modal-body input[type=file]::-moz-placeholder,
#popupReportFakeAccount .modal-body input[type=number]::-moz-placeholder,
#popupReportFakeAccount .modal-body input[type=text]::-moz-placeholder,
#popupReportFakeAccount .modal-body select::-moz-placeholder {
    color: #6a6972
}

#popupReportFakeAccount .modal-body input[type=email]:-ms-input-placeholder,
#popupReportFakeAccount .modal-body input[type=file]:-ms-input-placeholder,
#popupReportFakeAccount .modal-body input[type=number]:-ms-input-placeholder,
#popupReportFakeAccount .modal-body input[type=text]:-ms-input-placeholder,
#popupReportFakeAccount .modal-body select:-ms-input-placeholder {
    color: #6a6972
}

#popupReportFakeAccount .modal-body input[type=email]::placeholder,
#popupReportFakeAccount .modal-body input[type=file]::placeholder,
#popupReportFakeAccount .modal-body input[type=number]::placeholder,
#popupReportFakeAccount .modal-body input[type=text]::placeholder,
#popupReportFakeAccount .modal-body select::placeholder {
    color: #6a6972
}

#popupReportFakeAccount .modal-body .content {
    padding: 20px 80px 10px
}

#popupReportFakeAccount .modal-body .content .input-file {
    position: relative;
    flex: 0 0 auto;
    width: 100px
}

#popupReportFakeAccount .modal-body .content .input-file .remove-file {
    position: absolute;
    top: -10px;
    right: -2px;
    border: 0px;
    background: unset;
}

#popupReportFakeAccount .modal-body .content .input-file .check {
    display: none;
}

#popupReportFakeAccount .modal-body .content .input-file .img_upload {
    margin-bottom: 15px;
}

@media (max-width:992px) {
    #popupReportFakeAccount .modal-body .content {
        padding: 20px
    }
}

@media (max-width:991px) and (min-width:768px) {
    #popupReportFakeAccount .modal-body .content .col-md-4 {
        width: 100% !important;
    }
}

@media (max-width:576px) {
    #popupReportFakeAccount .modal-body .content {
        padding: 10px
    }
}

#popupReportFakeAccount .modal-body .content #modal-wrapper-fake-account {
    min-height: 420px
}

#popupReportFakeAccount .modal-body .content .form-footer {
    border-top: 1px solid #e6e7ed;
    font-size: 16px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    height: 60px
}

#popupReportFakeAccount .modal-body .content .form-footer .next {
    background-color: #80c601;
    color: #fff;
    border: 0;
    padding: 8px 15px;
    border-radius: 4px
}

#popupReportFakeAccount .modal-body .content .form-footer .btn-submit {
    margin-top: 36px;
    margin-left: 10px;
}

@media (max-width:991px) {
    #popupReportFakeAccount .modal-body .content .form-footer {
        display: initial;
        float: right;
        height: 150px !important;
    }
    #popupReportFakeAccount .modal-body .content .form-footer .btn-submit {
        margin-top: 15px;
        margin-left: 0px;
        float: right;
    }
}

@media (max-width:991px) {
    #popupReportFakeAccount .modal-body .content .form-footer {
        display: initial;
        float: right;
        height: 150px !important;
    }
    #popupReportFakeAccount .modal-body .content .form-footer .btn-submit {
        margin-top: 15px;
        margin-left: 0px;
        float: right;
    }
}

@media (max-width:576px) {
    #popupReportFakeAccount .modal-body .content .form-footer {
        float: unset;
        text-align: -webkit-center;
    }
    #popupReportFakeAccount .modal-body .content .form-footer .btn-submit {
        float: unset;
        text-align: -webkit-center;
    }
}

@media (max-width:800px) {
    .close-mess-like-page {
        display: none;
    }
}

.like-page-message {
    width: 240px;
    color: #FFF;
    background-color: #80c601;
    border-radius: 10px;
    padding: 10px;
    margin-left: 12px;
}

.box-close-mess-like-page {
    bottom: 14%;
    right: 10px;
    position: fixed;
    max-width: 240px;
    margin-right: 12px
}