.menu-custom .lang-set {
    text-transform: uppercase;
}

.select-control {
    width: 100%;
}

.select-control:focus {
    outline: none;
}

.select2-selection:focus {
    outline: none;
}

.select2-container .select2-selection--single {
    height: 40px;
}

.select2-container--default .select2-selection--single {
    border-color: #e1e1e1;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 38px;
    font-size: 14px;
    color: #666;
    padding-left: 15px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 40px;
    top: 0;
    width: 30px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #333 transparent transparent transparent;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #333 transparent;
}

.select2-container--default .select2-results__group {
    font-weight: bold;
    font-size: 14px;
    padding: 8px 15px;
    color: #333;
}

.select2-container--default .select2-results__option .select2-results__option:hover {
    background-color: #f2f2f2;
}

.select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
    background-color: #5897fb;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border-color: #e1e1e1;
    padding: 6px 10px;
    font-size: 14px;
}

.select2-dropdown {
    border-color: #e1e1e1;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.select2-search--dropdown {
    padding: 10px;
}

.select2-results__option {
    padding: 6px 15px;
    font-size: 14px;
    color: #666;
}

.style2~.select2-container--default .select2-selection--single {
    border-color: #f00;
}

.style2 .select2-dropdown {
    border-color: #f00;
}

.form-default .form-group {
    position: relative;
    margin-bottom: 20px;
}

.form-2 .form-default .form-group {
    position: relative;
    margin-bottom: 35px;
}

.form-default .control-label {
    margin-bottom: 10px;
    font-weight: normal;
    font-size: 14px;
    color: #333;
    line-height: 1.2em;
}

.form-default .form-control {
    line-height: 1.2em;
    padding: 10px 15px;
    font-size: 14px;
    color: #333;
    min-height: 40px;
    background-color: #fff;
    border: 1px solid #ccc;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.form-default .form-note {
    position: absolute;
    top: 100%;
    left: 20px;
    margin-top: 4px;
    font-size: 14px;
    color: #999;
}

.form-default .form-control:focus {
    border-color: #333;
}

.form-default .block-control {
    position: relative;
}

.form-default .has-error .form-control:focus {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.form-default .has-success .form-control:focus {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.form-default .floating-label {
    color: #333;
    font-size: 14px;
    position: absolute;
    pointer-events: none;
    left: 15px;
    top: 9px;
    -webkit-transition: all 200ms ease-out;
    -moz-transition: all 200ms ease-out;
    -o-transition: all 200ms ease-out;
    -ms-transition: all 200ms ease-out;
    transition: all 200ms ease-out;
}

.form-default .form-control:focus~.floating-label,
.form-default .form-control:not(:focus):valid~.floating-label {
    color: #333;
    font-size: 12px;
    left: 0;
    top: -22px;
}

.form-control-feedback {
    position: absolute;
    top: 14px;
    right: 10px;
    width: 20px;
    height: 20px;
    background-size: 100%;
}

.password-input .form-control-feedback {
    right: 30px;
    z-index: 5;
}

.box-login .form-control-feedback {
    top: 18px;
}

.form-control-feedback {
    top: 14px;
}

.form-control-feedback:before {
    display: none;
}

.form-control-feedback.glyphicon-ok {
    background: url('../img/static/checked.png') center no-repeat;
    background-size: 16px;
}

.form-control-feedback.glyphicon-remove {
    background: url('../img/static/cancel.png') center no-repeat;
    background-size: 16px;
}

.form-default .radio-list li+li {
    margin-left: 40px;
}

.form-default .checkbox-list li+li {
    margin-left: 40px;
}

.radio-control {
    position: relative;
    display: inline-block;
    min-height: 34px;
    padding-left: 0;
}

.radio-control .icon {
    width: 20px;
    height: 20px;
    border: 1px solid #ccc;
    background-color: #fff;
    position: absolute;
    top: 10px;
    left: 0;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.radio-control .title {
    margin: 0;
    font-size: 16px;
    font-weight: normal;
    color: #333;
    padding-left: 30px;
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 20px;
    display: block;
}

.radio-control input[type='radio'] {
    margin-top: 0;
    position: absolute;
    z-index: 5;
    opacity: 0;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    cursor: pointer;
}

.radio-control input[type='radio']:checked~.icon {
    border-color: transparent;
    border-color: #333;
}

.radio-control input[type='radio']:checked~.icon:before {
    content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    background-color: #333;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.radio-label {
    position: absolute;
    bottom: 100%;
    line-height: 1em;
    font-size: 20px;
    color: #6bb953;
    font-weight: 500;
}

.checkbox-control {
    position: relative;
    display: inline-block;
}

.checkbox-control .icon {
    width: 20px;
    height: 20px;
    border: 1px solid #ccc;
    background-color: #fff;
    position: absolute;
    top: 10px;
    left: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.checkbox-control .title {
    margin: 0;
    font-size: 16px;
    font-weight: normal;
    color: #333;
    padding-left: 30px;
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 20px;
    display: block;
}

.checkbox-control input[type='checkbox'] {
    margin-top: 0;
    position: absolute;
    z-index: 5;
    opacity: 0;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    cursor: pointer;
}

.checkbox-control input[type='checkbox']:checked~.icon {
    border-color: transparent;
    background-color: #333;
}

.checkbox-control input[type='checkbox']:checked~.icon:before {
    content: '';
    position: absolute;
    width: 18px;
    height: 18px;
    background: url('public/image/icon/checkbox.png') center no-repeat;
    background-size: 12px;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

a:hover {
    text-decoration: unset;
}

h1 {
    margin: 0;
    line-height: 1;
}

.form-group {
    margin-bottom: 0;
}

.head-title h2 {
    font-size: 42px;
    display: inline-block;
    margin: 0;
}

.search .form-control::-webkit-input-placeholder {
    color: #fff;
}

.search .form-control::-moz-placeholder {
    color: #fff;
}

.search .form-control:-ms-input-placeholder {
    color: #fff;
}

.search input#search {
    font-size: 24px;
}

.search .form-control {
    font-size: 24px;
}


/* .form-control:placeholder {
    color: #fff;
} */

.site-container {
    padding-top: 225px;
}

.site-header {
    position: fixed;
    z-index: 100;
    width: 100%;
    top: 0;
    left: 0;
}

.menu-top {
    /* background: #353A9D; */
    height: 50px;
    background-image: url(../img/static/menu-top-bg.png);
    width: 100%;
    position: absolute;
}

.menu-bottom .menu-main,
.menu-top .menu-main {
    padding-left: 155px;
}

.menu-bottom {
    padding-top: 50px;
    background-image: url(../img/static/bg-menu.png);
    background-position: center;
}

.logo {
    position: absolute;
    z-index: 9;
}

.menu-custom {
    float: right;
}

.menu-custom>div {
    display: inline-block;
}

.menu-custom {
    padding: 7px 0;
}

.menu-custom .lang-set li a {
    color: #fff;
    font-weight: 600;
    display: block;
    float: left;
    width: 35px;
    height: 35px;
    text-align: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    text-decoration: unset;
    font-size: 24px;
    color: #fff;
    line-height: 33px;
    font-weight: 400;
}

.menu-custom .lang-set li {
    display: inline-block;
    position: relative;
    margin: 0 10px;
}

.lang-set li+li:before {
    /* border-left: solid 1px #fff; */
    content: "";
    display: block;
    width: 2px;
    height: 20px;
    background: #fff;
    position: absolute;
    top: 5px;
    right: 45px;
}

.menu-custom .lang-set li+li {
    margin-right: 0;
}

.menu-custom .lang-set li:first-child {
    margin-left: unset;
}

.menu-custom .nav-size:after {
    content: "";
    display: block;
    width: 1px;
    height: 20px;
    background: #fff;
    position: absolute;
    top: 5px;
    right: 0px;
}

.menu-custom .nav-size {
    padding-right: 20px;
    position: relative;
    /* border-right: solid 1px #fff; */
}

.menu-custom .lang-set {
    padding-left: 20px;
}

.menu-custom .lang-set li a.active {
    border: solid 1px #fff;
}

.nav-size span {
    display: inline-block;
    margin-right: 10px;
    font-size: 24px;
    color: #fff;
    vertical-align: super;
    position: relative;
    top: -3px;
}

.nav-size a {
    color: #fff;
    font-weight: 600;
    display: block;
    float: left;
    width: 35px;
    height: 35px;
    text-align: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    text-decoration: unset;
}

.nav-size a.active {
    border: solid 1px;
}

.nav-size .nav-size-small {
    font-size: 18px;
    color: #fff;
    line-height: 33px;
    font-weight: 400;
}

.nav-size .nav-size-medium {
    font-size: 22px;
    color: #fff;
    line-height: 33px;
    font-weight: 400;
}

.nav-size .nav-size-large {
    font-size: 28px;
    color: #fff;
    line-height: 29px;
    font-weight: 400;
}

.nav-size ul,
.lang-set ul {
    padding: 0;
    margin: 0;
    display: inline-block;
    vertical-align: sub;
}

.nav-size li {
    display: inline-block;
}

.menu-bottom .menu-main a {
    font-size: 36px;
    line-height: 1;
    color: #fff;
    text-decoration: unset;
    font-weight: 300;
}

.menu-bottom .menu-main .member {
    padding: 12px 20px;
    background: #353a9d;
    /* border: solid 2px #353a9d; */
    border: solid 1px #353a9d;
    border-radius: 10px;
    margin-right: 10px;
    height: 50px;
}

.menu-bottom .menu-main .member:hover {
    border: solid #fff 1px;
    box-shadow: 0;
    -webkit-box-shadow: -2px 1px 10px rgba(255, 255, 255, 0.4);
    -moz-box-shadow: -2px 1px 10px rgba(255, 255, 255, 0.4);
    box-shadow: -2px 1px 10px rgba(255, 255, 255, 0.4);
}

.menu-bottom .menu-main .name-title {
    padding: 25px 0;
}

.menu-bottom .menu-main .member a {
    font-size: 24px;
    padding: 0px 0;
    vertical-align: middle;
}

.menu-bottom .menu-main .member a img {
    width: 20px;
    vertical-align: middle;
    margin-right: 10px;
}

.menu-bottom .menu-main a strong {
    display: block;
    font-size: 40px;
}

.menu-bottom .menu-main .member,
.menu-bottom .menu-main .search {
    display: inline-block;
    vertical-align: middle;
}

.menu-bottom .menu-main .search {
    position: relative;
}

.menu-bottom .menu-main .search button {
    position: absolute;
    top: 0;
    right: 0;
    height: 50px;
    background: unset;
    border: unset;
}

.menu-bottom .menu-main .search button img {
    width: 20px;
    margin-right: 5px;
}

.menu-bottom .menu-main .search input {
    height: 50px;
    border-radius: 10px;
}

.menu-bottom .menu-main .search .block-control input {
    display: inline-block;
    border: unset;
    background: #353a9d;
    border: solid 1px #353a9d;
    padding-right: 40px;
    color: #fff;
    width: 200px;
}

.menu-bottom .menu-main .search .block-control input,
.menu-bottom .menu-main .search .block-control span,
.menu-bottom .menu-main .search .block-control button {
    display: inline-block;
}

.form-group {
    margin-bottom: unset;
}

.menu-sub {
    background-image: url(../img/static/sub-bg-menu.png);
    background-position: center;
}


/* .menu-sub .brand {
    display: none;
} */

.menu-sub li {
    display: inline-block;
    width: calc(100% / 7);
    float: left;
    text-align: center;
}

.menu-sub ul {
    margin: 0;
    padding: 0;
}

.menu-sub li a {
    height: 50px;
    padding: 20px 0;
    display: block;
    font-size: 24px;
}

.menu-sub li:hover a {
    color: #9687F5;
    border-bottom: solid #9687f5;
}

.menu-sub:after {
    content: "";
    display: block;
    clear: both;
}

.menu-sub li {
    position: relative;
}

.menu-sub li a:before {
    content: "";
    display: inline-block;
    width: 2px;
    height: 30px;
    background: #D8D8D8;
    position: absolute;
    top: 10px;
    right: 0;
}

.menu-sub li:last-child a:before {
    display: none;
}

.menu-sub li a {
    color: #353A9D;
}

.menu-sub li.active a {
    background: #fff;
    color: #9687F5;
    border-bottom: solid #9687f5;
}

.bg-inner {
    background-image: url(../img/static/bg-inner.png);
    min-height: 653px;
    background-position: top;
    background-repeat: no-repeat;
    position: absolute;
    width: 100%;
    margin-top: -10px;
}

.bg-home-1 {
    background-image: url(../img/static/bg-home-1.png);
    background-position: bottom;
    min-height: 1640px;
    background-repeat: no-repeat;
}

.x .bg-home {
    min-height: unset;
}

.bg-home {
    background-image: url(../img/static/bg-home_01.png);
    background-position: bottom;
    min-height: unset;
    /* margin-bottom: -331px; */
    background-repeat: no-repeat;
}

.site-footer {
    background-image: url(../img/static/bg-home_02.png);
    background-position: top;
    /* min-height: 258px; */
    position: relative;
    background-repeat: no-repeat;
}

.site-footer .all-footer {
    /* position: absolute; */
    bottom: 0;
    width: 100%;
    font-size: 24px;
    line-height: 1;
    color: #fff;
}

.social li {
    display: inline-block;
}

.social span,
.social ul {
    display: inline-block;
}

.footer-end ul {
    margin: 0;
    padding: 0;
}

.footer-end {
    background: #353A9D;
    padding: 10px 0;
}

.footer-end .w3c,
.footer-end .social {
    float: right;
}

.footer-end .social span {
    margin-right: 10px;
}

.footer-start .address {
    display: block;
    margin-bottom: 15px;
}


/* .footer-start .contact .icon,
.footer-start .address .icon {
    margin-right: 10px;
} */

.footer-start .address:after {
    content: "";
    display: block;
    clear: both;
}

.footer-start .contact>div {
    display: inline-block;
    width: calc(100% / 3);
    float: left;
}

.footer-start .icon img {
    width: 40px;
}


/* .footer-start .contact>div+div {
    margin-left: 15px;
} */

.footer-start .contact>div>div {
    display: inline-block;
}

.footer-start .address>div {
    display: inline-block;
    float: left;
}

.footer-start .brand,
.footer-start .name {
    display: inline-block;
    float: left;
    width: calc(100% - 145px);
}


/* .footer-start .sup-title {
    margin-top: 25px;
} */

.footer-start .sup-title p {
    line-height: 0.7;
}

.footer-start .name .title {
    font-size: 40px;
}

.footer-start .brand img {
    margin-right: 10px;
}

.footer-start {
    /*padding: 40px 0;*/
    padding: 33px 0;
}

.footer-start .brand {
    position: relative;
    top: -15px;
    width: 145px;
}

.banner-slide .content {
    position: relative;
    width: 100%;
}

.banner-slide .content .title {
    position: absolute;
    top: 50%;
    width: 100%;
    margin-top: -125px;
}

.banner-slide .content .title p {
    margin: 0;
}

.banner-slide .content .title .title-top {
    color: #fff;
    font-size: 34px;
    line-height: 1;
}

.banner-slide .content .title .title-middle {
    color: #fff;
    font-size: 60px;
    line-height: 0.9;
}

.banner-slide .content .title .title-bottom {
    color: #fff;
    font-size: 24px;
    line-height: 1.5;
}

.news {
    background-image: url(../img/static/bg-news.png);
    padding: 25px 0;
    /* min-height: 800px;
        max-height: 800px; */
    background-position: bottom;
    background-size: cover;
}

.news .bg-item {
    background: #fff;
    border-radius: 15px;
}

.news .bg-item .img {
    border-bottom: solid 4px #0699FB;
}

.news .bg-item img {
    width: 100%;
    border-radius: 15px 15px 0px 0px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}


/* 
.news .item {
    padding: 25px;
} */

.news .news-slide {
    padding: 35px 0;
}

.news .slick-list {
    margin: 0 -20px;
}

.news .slick-list .item {
    padding: 0 20px;
}

.news .head-title {
    font-size: 48px;
    color: #fff;
    position: relative;
}

.news .head-title img {
    margin-right: 15px;
}

.news .item .content {
    padding: 0 30px;
}

.news .item .title {
    padding: 15px 0;
}

.news .item .title a {
    color: #003ADB;
    font-size: 35px;
    line-height: 1;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.news .item .desc {
    color: #666666;
    font-size: 24px;
    line-height: 1.08;
    /* margin: 25px 0; */
    font-weight: 300;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    word-break: break-all;
}

.news .item .date {
    color: #003ADB;
    font-size: 24px;
    padding: 25px 0;
    /* margin-top: 15px; */
}

.news .item .date img {
    width: auto;
    border-radius: unset;
    float: right;
    position: relative;
    top: -10px;
}

.news-slide button.slick-arrow {
    display: none !important;
}

.news-slide button.slick-arrow {
    display: none !important;
}

.top-banner {
    overflow: hidden;
}

.banner-slide .slick-dots {
    bottom: 20px;
}

.banner-slide .slick-dots li button:before {
    content: "";
    border: solid 2px #fff;
    border-radius: 50%;
    opacity: 1;
}

.banner-slide .slick-dots li.slick-active button:before {
    opacity: 1;
    background: #fff;
}

.news-slide button.slick-arrow {
    display: none !important;
}

.news-slide .slick-dots li button:before {
    content: "";
    border: solid 2px #003ADB;
    border-radius: 50%;
    opacity: 1;
}

.news-slide .slick-dots li.slick-active button:before {
    opacity: 1;
    background: #003ADB;
}

.banner-slide.slick-dotted.slick-slider {
    margin-bottom: -3px;
}

.coral-map {
    padding: 40px 0;
}

.coral-map .head-title {
    font-size: 48px;
    color: #7B1CE8;
    position: relative;
}

.coral-map .head-title img {
    margin-right: 15px;
}

.coral-map .head-title a img {
    margin-right: 0;
    margin-left: 15px;
}

.coral-map .coral-detail {
    margin: 30px 0;
}

.coral-main-map .img img {
    width: 100%;
}

.pin-all {
    /* padding: 0 50px; */
}


/* .pin-all>div {
    display: inline-block;
    width: calc(100% / 3);
    float: left;
    text-align: center;
} */

.pin-all:after {
    content: "";
    display: block;
    clear: both;
}

.pin-all>div img {
    margin-right: 5px;
    /* margin: 0 auto; */
    width: 20px;
}

.pin-all .pin-green>div,
.pin-all .pin-yellow>div,
.pin-all .pin-red>div {
    display: inline-block;
    vertical-align: middle;
    color: #666666;
    font-size: 16px;
}

.coral-main-map .content .title {
    text-align: center;
    padding: 15px;
    font-size: 24px;
    color: #7B1CE8;
}

.coral-main-map .content .pin-all .title {
    color: #666666;
    padding: unset;
    font-size: 20px;
}

.coral-main-map .content {
    border: solid 1px #9687F5;
}

.coral-main-map .desc {
    padding: 10px;
    border-top: solid 1px #9687F5;
}

.table-coral .body-table .box:hover>div,
.table-coral .body-table .box:hover a>div {
    color: #fff;
    background: #9549ec;
}

.coral-main-map .img {
    min-height: 625px;
    max-height: 625px;
}

.coral-main-map .img div#map {
    height: 625px !important;
    width: 100%;
}


/* .box:hover>div {
    color: #fff;
    background: #7B1CE8;
} */

.table-coral .head-table .location,
.table-coral .head-table .status {
    font-size: 30px;
    padding: 30px 20px;
    background: #7B1CE8;
    color: #fff;
    float: left;
}

.table-coral .head-table .location {
    width: calc(100% - 200px);
    border-top-left-radius: 15px;
}

.table-coral .head-table .status {
    width: 200px;
    border-top-right-radius: 15px;
}

.table-coral .body-table .location,
.table-coral .body-table .status {
    font-size: 24px;
    padding: 5px 10px;
    color: #666666;
    /* float: left; */
}

.table-coral .body-table a {
    display: table;
    width: 100%;
}

.table-coral .body-table a .td {
    display: table-cell;
    vertical-align: middle;
}

.table-coral .body-table .location {
    width: calc(100% - 200px);
}

.table-coral .body-table .status {
    width: 200px;
}


/* .table-coral .body-table .status {
    width: 30%;
} */

.table-coral .body-table span {
    font-size: 19px;
}

.table-coral .body-table span.darkred {
    padding: 5px;
    border: solid 1px #f00;
    display: block;
    text-align: center;
    color: #f00;
    border-radius: 50px;
    line-height: 1;
    background: #fff;
}

.table-coral .body-table span.gray {
    padding: 5px;
    border: solid 1px #bababa;
    display: block;
    text-align: center;
    color: #bababa;
    border-radius: 50px;
    line-height: 1;
    background: #fff;
}

.table-coral .body-table span.blue {
    padding: 5px;
    border: solid 1px #008ecc;
    display: block;
    text-align: center;
    color: #008ecc;
    border-radius: 50px;
    line-height: 1;
    background: #fff;
}

.table-coral .body-table span.green {
    padding: 5px;
    border: solid 1px #0c3;
    display: block;
    text-align: center;
    color: #0c3;
    border-radius: 50px;
    line-height: 1;
    background: #fff;
}

.table-coral .body-table span.red {
    padding: 5px;
    border: solid 1px #f00;
    display: block;
    text-align: center;
    color: #f00;
    border-radius: 50px;
    line-height: 1;
    background: #fff;
}

.table-coral .body-table span.yellow {
    padding: 5px;
    border: solid 1px #ffcf10;
    display: block;
    text-align: center;
    color: #ffcf10;
    border-radius: 50px;
    line-height: 1;
    background: #fff;
}

.table-coral .body-table img {
    margin-right: 10px;
}

.table-coral .body-table .location,
.table-coral .body-table .status {
    border-bottom: dashed 1px #9687F5;
    min-height: 60px;
}

.head-table:after,
.body-table:after {
    content: "";
    display: block;
    clear: both;
}

.table-coral {
    height: 100%;
}

.body-table {
    min-height: calc(100% - 70px);
    max-height: calc(100% - 70px);
}

.body-table {
    /* max-height: 687px;
    min-height: 687px; */
    overflow: auto;
    width: 100%;
    /* border-bottom: dashed 1px #9687F5; */
    border: dashed 1px #9687F5;
}

.mCSB_inside>.mCSB_container {
    margin: 0;
}

.table-coral .body-table .status,
.table-coral .head-table .status {
    padding-right: 30px;
    text-align: center;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #CCC6D9;
    width: 10px;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #CCC6D9;
    background-color: #CCC6D9;
}

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #E9E9E9;
    background-color: #E9E9E9;
}

.coral-report {
    padding: 40px 0;
}

.coral-report .head-title {
    font-size: 25px;
    color: #0051dc;
    position: relative;
}

.coral-report .head-title img {
    margin-right: 15px;
}

.coral-report .head-title a img {
    margin-right: 0;
    margin-left: 15px;
}

.coral-report .coral-detail {
    padding: 40px 0;
}


/* .coral-report .report-slide .box:hover {
    transform: scale(1.1);
}

.coral-report .report-slide .box {
    width: 100%;
    transition: transform .6s;
} */

.coral-report .report-slide .title {
    font-size: 24px;
    line-height: 1;
    color: #0051DC;
    /* display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical; */
    overflow: hidden;
}

.coral-report .report-slide .desc {
    font-size: 20px;
    line-height: 1;
    color: #181414;
    margin-top: 10px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    word-break: break-word;
}

.coral-report .report-slide .content {
    width: calc(100% - 70px);
    float: left;
    display: inline-block;
    padding-left: 10px;
    padding-right: 20px;
}

.coral-report .report-slide .date {
    float: left;
    display: inline-block;
    width: 70px;
    font-size: 20px;
    color: #0051DC;
    line-height: 1;
    text-align: center;
    /* position: relative;
    top: 5px; */
}

.coral-report .report-slide .date .day {
    font-size: 48px;
    font-weight: 600;
}

.coral-report .report-slide .date p {
    margin-bottom: 0;
}

.coral-report .report-slide .date .icon img {
    margin: 0 auto;
    width: 27px;
}

.coral-report .report-slide .date .m-y {
    margin: 5px 0;
}

.coral-report .report-slide .box {
    margin: 15px;
    background: #fff;
    /* border: solid #ccc 1px; */
    /* -webkit-box-shadow: 3px 5px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 3px 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 3px 5px 10px rgba(0, 0, 0, 0.1); */
}

.coral-report .report-slide .box,
.coral-report .report-slide .box:hover {
    -webkit-box-shadow: 3px 7px 14px rgb(0 0 0 / 5%);
    -moz-box-shadow: 3px 7px 14px rgb(0 0 0 / 5%);
    box-shadow: 3px 7px 14px rgb(0 0 0 / 5%);
    border-radius: 10px;
    overflow: hidden;
}

.report-slide button.slick-arrow {
    display: none !important;
}

.report-slide .slick-dots li button:before {
    content: "";
    border: solid 2px #0051DC;
    border-radius: 50%;
    opacity: 1;
}

.report-slide .slick-dots li.slick-active button:before {
    opacity: 1;
    background: #0051DC;
}

.box>.row {
    margin: unset;
}

.box .row>div {
    padding: 0;
}

.coral-knowledge {
    padding: 40px 0;
    padding-top: 0;
}

.coral-knowledge .head-title {
    font-size: 25px;
    color: #05c9aa;
    position: relative;
}

.coral-knowledge .head-title img {
    margin-right: 15px;
}

.coral-knowledge .head-title a img {
    margin-right: 0;
    margin-left: 15px;
}

.coral-knowledge .item {
    padding: 25px 10px;
}

.coral-knowledge .bg-item img {
    margin: 0 auto;
}

.coral-knowledge .bg-item {
    background: #fff;
    padding: 20px;
    border-radius: 10px;
}

.coral-knowledge .bg-item a {
    font-size: 18px;
    color: #00c9a7;
    border: solid 1px #00c9a7;
    padding: 10px 10px;
    border-radius: 25px;
    margin-top: 5px;
    width: 140px;
    display: block;
    text-align: center;
    margin: 0 auto;
}

.coral-knowledge .bg-item .content {
    text-align: center;
    line-height: 1;
}

.coral-knowledge .bg-item .content .title {
    font-size: 24px;
    margin: 15px 0;
    font-weight: 600;
    color: #00C9A7;
}

.coral-knowledge .bg-item .content .desc {
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 20px;
    line-height: 1.1;
    color: #666666;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    padding: 0 20px;
}

.coral-knowledge .bg-item a img {
    margin: unset;
    display: unset;
    margin-left: 15px;
}

.coral-knowledge .bg-item .content .title-1 {
    color: #00c9a7;
    font-size: 26px;
    margin: 15px 0;
    margin-bottom: 5px;
    font-weight: 500;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.coral-knowledge .bg-item .content .title-2 {
    color: #3c9dff;
    font-size: 28px;
    margin: 15px 0;
    font-weight: 600;
}

.coral-knowledge .bg-item .content .title-3 {
    color: #a09efb;
    font-size: 28px;
    margin: 15px 0;
    font-weight: 600;
}

.coral-knowledge .bg-item .content .title-4 {
    color: #fc8ba1;
    font-size: 28px;
    margin: 15px 0;
    font-weight: 600;
}

.coral-knowledge button.slick-arrow {
    display: none !important;
}

.coral-knowledge .slick-dots li button:before {
    content: "";
    border: solid 2px #00816B;
    background: #fff;
    border-radius: 50%;
    opacity: 1;
}

.coral-knowledge .slick-dots li.slick-active button:before {
    opacity: 1;
    background: #00816B;
}

.coral-home-content .bg-content-1 {
    background-image: url(../img/static/home-content-1.png);
    height: 280px;
    background-size: cover;
    background-position: center;
    border-radius: 10px;
}

.coral-home-content .bg-content-4 .content,
.coral-home-content .bg-content-3 .content,
.coral-home-content .bg-content-2 .content {
    color: #fff;
    font-size: 48px;
    height: 100%;
    position: relative;
}

.coral-home-content .bg-content-4 .content .title,
.coral-home-content .bg-content-3 .content .title,
.coral-home-content .bg-content-2 .content .title {
    position: absolute;
    top: 50%;
    margin-top: -20px;
    width: 100%;
    padding: 0 20px;
}

.coral-home-content .bg-content-4 .content .title {
    margin-top: -50px;
}

.coral-home-content .bg-content-4 .content .view-all,
.coral-home-content .bg-content-3 .content .view-all,
.coral-home-content .bg-content-2 .content .view-all {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: solid 2px #fff;
    text-align: center;
}

.coral-home-content .bg-content-4 .content .title span,
.coral-home-content .bg-content-3 .content .title span,
.coral-home-content .bg-content-2 .content .title span {
    position: relative;
    top: 15px;
}

.coral-home-content .bg-content-4 .content .title a,
.coral-home-content .bg-content-3 .content .title a,
.coral-home-content .bg-content-2 .content .title a {
    float: right;
}

.coral-home-content .bg-content-4 a.view-all img,
.coral-home-content .bg-content-3 a.view-all img,
.coral-home-content .bg-content-2 a.view-all img {
    position: absolute;
    top: 50%;
    margin-top: -6px;
    display: block;
    left: 50%;
    margin-left: -4px;
}

.coral-home-content .bg-content-1 .content {
    position: relative;
    top: 20%;
    color: #fff;
    font-size: 48px;
    line-height: 1;
    padding: 0 20px;
}

.coral-home-content .bg-content-1 .content .desc {
    color: #fff;
    font-size: 36px;
}

.coral-home-content .bg-content-1 .content .desc p {
    margin: 0;
}

.coral-home-content .bg-content-1 a.view-all {
    font-size: 24px;
    color: #fff;
    border: solid 2px #fff;
    padding: 10px 10px;
    border-radius: 25px;
    margin-top: 5px;
    width: 190px;
    display: block;
    text-align: center;
    margin-top: 15px;
}

.coral-home-content .bg-content-1 a.view-all img {
    margin-left: 15px;
}

.coral-home-content .bg-content-2 {
    background-image: url(../img/static/home-content-2.png);
    height: 50%;
    background-size: cover;
    background-position: center;
    border-radius: 10px;
}

.coral-home-content .bg-content-two {
    height: 50%;
    background-size: cover;
    background-position: center;
}

.coral-home-content .content-3,
.coral-home-content .content-4 {
    width: 50%;
    float: left;
    height: 50%;
    padding-top: 20px;
}

.coral-home-content .content-3 {
    padding-right: 10px;
}

.coral-home-content .content-4 {
    padding-left: 10px;
}

.coral-home-content .content-4 .title {
    line-height: 1;
}

.coral-home-content .bg-content-3 {
    background-image: url(../img/static/home-content-3.png);
    height: 100%;
    background-size: cover;
    background-position: center;
    border-radius: 10px;
}

.coral-home-content .bg-content-4 {
    background-image: url(../img/static/home-content-4.png);
    height: 100%;
    background-size: cover;
    background-position: center;
    border-radius: 10px;
}

.coral-home-content {
    padding: 40px 0;
}

.coral-home-content .content-4 .title {
    line-height: 0.7;
}


/* .coral-home-content .bg-content-4 .content {
    color: #fff;
    font-size: 48px;
    position: relative;
    top: 20%;
    padding: 0 20px;
} */


/* .coral-home-content .bg-content-4 .content .view-all {
    padding: 2px 0px;
}

.coral-home-content .bg-content-4 .content .view-all:hover {
    padding: 5px 0px;
} */

.coral-knowledge .bg-item .content .title-1,
.coral-knowledge .bg-item .content .title-2,
.coral-knowledge .bg-item .content .title-3,
.coral-knowledge .bg-item .content .title-4 {
    /* min-height: 50px; */
    max-height: 50px;
}

.coral-knowledge .bg-item .img-item img {
    height: 175px;
}

.menu-bottom .menu-main .name-title .logo-mobile {
    display: none;
}

.footer-start .name .title p {
    margin: 0;
}

.footer-end .w3c {
    padding: 3px 20px;
}

.coral-report .slick-list {
    margin: 0 -15px;
}

.coral-knowledge .slick-list {
    margin: 0 -10px;
}


/* header.site-header.tiny .logo {
    top: 48px;
} */

header.site-header .logo {
    width: auto;
    width: 138PX;
}

header.site-header.tiny .logo {
    -webkit-transition: All 500ms ease-out;
    -moz-transition: All 500ms ease-out;
    -o-transition: All 500ms ease-out;
    transition: All 500ms ease-out;
    -webkit-transition-delay: 500ms;
    -moz-transition-delay: 500ms;
    -o-transition-delay: 500ms;
    -webkit-transition: All 500ms ease;
    -moz-transition: All 500ms ease;
    -o-transition: All 500ms ease;
    width: 85px;
}


/* header.site-header.tiny .logo img.logo-img {
    width: 77px;
    -webkit-transition: All 500ms ease;
    -moz-transition: All 500ms ease;
    -o-transition: All 500ms ease;
} */

header.site-header.tiny .menu-bottom .menu-main .name-title {
    /* padding: 5px 0;
    -webkit-transition: All 500ms ease;
    -moz-transition: All 500ms ease;
    -o-transition: All 500ms ease; */
    padding: 5px 0;
    -webkit-transition: unset;
    -moz-transition: All 500ms ease;
    -o-transition: All 500ms ease;
    display: none;
}

header.site-header.tiny .menu-custom {
    padding: 5px 0;
    -webkit-transition: unset;
    -moz-transition: All 500ms ease;
    -o-transition: All 500ms ease;
    display: none;
}


/* header.site-header.tiny .menu-sub li a {
    height: 35px;
    padding: 15px 0;
} */

header.site-header.tiny .menu-bottom .menu-main {
    display: none;
    -webkit-transition: All 500ms ease;
}

header.site-header.tiny .menu-top .menu-main {
    padding-left: 95px;
    -webkit-transition: All 500ms ease;
    -moz-transition: All 500ms ease;
    -o-transition: All 500ms ease;
}

header.site-header.tiny .menu-top {
    background: #353A9D;
    /* height: 45px; */
    /* -webkit-transition: All 500ms ease;
    -moz-transition: All 500ms ease;
    -o-transition: All 500ms ease; */
}

header.site-header.tiny .menu-sub li a:before {
    height: 20px;
    top: 20px;
    -webkit-transition: All 500ms ease;
    -moz-transition: All 500ms ease;
    -o-transition: All 500ms ease;
}

header.site-header.tiny .menu-bottom .menu-main a {
    font-size: 24px;
    -webkit-transition: All 500ms ease;
    -moz-transition: All 500ms ease;
    -o-transition: All 500ms ease;
}

header.site-header.tiny .menu-sub li a {
    height: 45px;
    padding: 28px 0;
    -webkit-transition: All 500ms ease;
    -moz-transition: All 500ms ease;
    -o-transition: All 500ms ease;
}

header.site-header.tiny .menu-bottom .menu-main a strong {
    font-size: 28px;
    -webkit-transition: All 500ms ease;
    -moz-transition: All 500ms ease;
    -o-transition: All 500ms ease;
}

.coral-home-content .bg-content-1 a.view-all img,
.news .head-title a img {
    margin-right: 0;
    margin-left: 15px;
    filter: brightness(0) invert(1);
}

.coral-home-content .bg-content-2 a.view-all img,
.coral-home-content .bg-content-3 a.view-all img,
.coral-home-content .bg-content-4 a.view-all img {
    filter: brightness(0) invert(1);
}

.coral-home-content .bg-content-1 a.view-all:hover img,
.coral-home-content .bg-content-2 a.view-all:hover img,
.coral-home-content .bg-content-3 a.view-all:hover img,
.coral-home-content .bg-content-4 a.view-all:hover img,
.news .head-title a:hover img {
    filter: unset;
}

.coral-home-content .bg-content-1 a.view-all,
.coral-home-content .bg-content-2 a.view-all,
.coral-home-content .bg-content-3 a.view-all,
.coral-home-content .bg-content-4 a.view-all,
.coral-knowledge .bg-item a,
.coral-knowledge .head-title a,
.coral-report .head-title a,
.coral-map .head-title a,
.news .head-title a {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    text-align: center;
}

.coral-home-content .bg-content-1 a.view-all:before,
.coral-home-content .bg-content-2 a.view-all:before,
.coral-home-content .bg-content-3 a.view-all:before,
.coral-home-content .bg-content-4 a.view-all:before,
.coral-knowledge .bg-item a:before,
.coral-knowledge .head-title a:before,
.coral-report .head-title a:before,
.coral-map .head-title a:before,
.news .head-title a:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.coral-home-content .bg-content-1 a.view-all:hover:before,
.coral-home-content .bg-content-1 a.view-all:focus:before,
.coral-home-content .bg-content-1 a.view-all:active:before,
.coral-home-content .bg-content-2 a.view-all:hover:before,
.coral-home-content .bg-content-2 a.view-all:focus:before,
.coral-home-content .bg-content-2 a.view-all:active:before,
.coral-home-content .bg-content-3 a.view-all:hover:before,
.coral-home-content .bg-content-3 a.view-all:focus:before,
.coral-home-content .bg-content-3 a.view-all:active:before,
.coral-home-content .bg-content-4 a.view-all:hover:before,
.coral-home-content .bg-content-4 a.view-all:focus:before,
.coral-home-content .bg-content-4 a.view-all:active:before,
.coral-knowledge .bg-item a:hover:before,
.coral-knowledge .bg-item a:focus:before,
.coral-knowledge .bg-item a:active:before,
.coral-knowledge .head-title a:hover:before,
.coral-knowledge .head-title a:focus:before,
.coral-knowledge .head-title a:active:before,
.coral-report .head-title a:hover:before,
.coral-report .head-title a:focus:before,
.coral-report .head-title a:active:before,
.coral-map .head-title a:hover:before,
.coral-map .head-title a:focus:before,
.coral-map .head-title a:active:before,
.news .head-title a:hover:before,
.news .head-title a:focus:before,
.news .head-title a:active:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}

.coral-home-content .bg-content-1 a.view-all:hover,
.coral-home-content .bg-content-1 a.view-all:focus,
.coral-home-content .bg-content-1 a.view-all:active,
.coral-home-content .bg-content-2 a.view-all:hover,
.coral-home-content .bg-content-2 a.view-all:focus,
.coral-home-content .bg-content-2 a.view-all:active,
.coral-home-content .bg-content-3 a.view-all:hover,
.coral-home-content .bg-content-3 a.view-all:focus,
.coral-home-content .bg-content-3 a.view-all:active,
.coral-home-content .bg-content-4 a.view-all:hover,
.coral-home-content .bg-content-4 a.view-all:focus,
.coral-home-content .bg-content-4 a.view-all:active,
.news .head-title a:hover,
.news .head-title a:focus,
.news .head-title a:active {
    color: #2392ff;
    border: unset;
}

.coral-knowledge .bg-item a:hover,
.coral-knowledge .bg-item a:focus,
.coral-knowledge .bg-item a:active,
.coral-knowledge .head-title a:hover,
.coral-knowledge .head-title a:focus,
.coral-knowledge .head-title a:active,
.coral-map .head-title a:hover,
.coral-map .head-title a:focus,
.coral-map .head-title a:active,
.coral-report .head-title a:hover,
.coral-report .head-title a:focus,
.coral-report .head-title a:active {
    color: #fff;
    border: unset;
}

.news .head-title a:hover {
    padding: 12px 17px;
}

.coral-map .head-title a:hover {
    padding: 12px 17px;
}

.coral-report .head-title a:hover {
    padding: 12px 17px;
}

.coral-knowledge .head-title a:hover {
    padding: 12px 17px;
}

.coral-home-content .bg-content-1 a.view-all:before,
.coral-home-content .bg-content-2 a.view-all:before,
.coral-home-content .bg-content-3 a.view-all:before,
.coral-home-content .bg-content-4 a.view-all:before,
.news .head-title a:before {
    background: #fff;
    border-radius: 25px;
}

.coral-home-content .bg-content-1 .content .view-all,
.coral-home-content .bg-content-4 .content .view-all,
.coral-home-content .bg-content-3 .content .view-all,
.coral-home-content .bg-content-2 .content .view-all {
    overflow: hidden;
}

.coral-map .head-title a:before {
    background: #7B1CE8;
    border-radius: 25px;
}

.coral-report .head-title a:before {
    background: #0051dc;
    border-radius: 25px;
}

.coral-knowledge .head-title a:before {
    background: #05c9aa;
    border-radius: 25px;
}

.coral-knowledge .bg-item .read-more-1:before {
    background: #05c9aa;
    border-radius: 25px;
}

.coral-knowledge .bg-item .read-more-2:before {
    background: #3c9dff;
    border-radius: 25px;
}

.coral-knowledge .bg-item .read-more-3:before {
    background: #a09efb;
    border-radius: 25px;
}

.coral-knowledge .bg-item .read-more-4:before {
    background: #fc8ba1;
    border-radius: 25px;
}

.news .head-title a {
    background: unset;
    font-size: 24px;
    position: absolute;
    right: 0;
    color: #fff;
    border: solid 2px #fff;
    padding: 10px 15px;
    border-radius: 25px;
    margin-top: 5px;
    overflow: hidden;
    line-height: 1;
}

.coral-map .head-title a {
    font-size: 24px;
    position: absolute;
    right: 0;
    color: #7B1CE8;
    border: solid 2px #7B1CE8;
    padding: 10px 15px;
    border-radius: 25px;
    margin-top: 5px;
    overflow: hidden;
    line-height: 1;
}

.coral-report .head-title a {
    font-size: 24px;
    position: absolute;
    right: 0;
    color: #0051dc;
    border: solid 2px #0051dc;
    padding: 10px 15px;
    border-radius: 25px;
    margin-top: 5px;
    overflow: hidden;
    line-height: 1;
}

.coral-knowledge .head-title a {
    font-size: 24px;
    position: absolute;
    right: 0;
    color: #05c9aa;
    border: solid 2px #05c9aa;
    padding: 10px 15px;
    border-radius: 25px;
    margin-top: 5px;
    overflow: hidden;
    line-height: 1;
}

.coral-knowledge .bg-item .read-more-1 {
    font-size: 24px;
    color: #00c9a7;
    border: solid 2px #00c9a7;
    padding: 10px 10px;
    border-radius: 25px;
    margin-top: 5px;
    width: 140px;
    display: block;
    text-align: center;
    margin: 0 auto;
    overflow: hidden;
    line-height: 1;
}

.coral-knowledge .bg-item .read-more-2 {
    font-size: 24px;
    color: #3c9dff;
    border: solid 2px #3c9dff;
    padding: 10px 10px;
    border-radius: 25px;
    margin-top: 5px;
    width: 140px;
    display: block;
    text-align: center;
    margin: 0 auto;
    overflow: hidden;
    line-height: 1;
}

.coral-knowledge .bg-item .read-more-3 {
    font-size: 24px;
    color: #a09efb;
    border: solid 2px #a09efb;
    padding: 10px 10px;
    border-radius: 25px;
    margin-top: 5px;
    width: 140px;
    display: block;
    text-align: center;
    margin: 0 auto;
    overflow: hidden;
    line-height: 1;
}

.coral-knowledge .bg-item .read-more-4 {
    font-size: 24px;
    color: #fc8ba1;
    border: solid 2px #fc8ba1;
    padding: 10px 10px;
    border-radius: 25px;
    margin-top: 5px;
    width: 140px;
    display: block;
    text-align: center;
    margin: 0 auto;
    overflow: hidden;
    line-height: 1;
}

.coral-home-content .bg-content-1 a.view-all:hover,
.coral-knowledge .bg-item .read-more-1:hover,
.coral-knowledge .bg-item .read-more-2:hover,
.coral-knowledge .bg-item .read-more-3:hover,
.coral-knowledge .bg-item .read-more-4:hover {
    padding: 12px 12px;
}

.coral-knowledge .bg-item a:hover img,
.coral-knowledge .head-title a:hover img,
.coral-report .head-title a:hover img,
.coral-map .head-title a:hover img {
    filter: brightness(0) invert(1);
}

.coral-home-content .bg-content-1 .content .view-all:hover img,
.coral-knowledge .bg-item a:hover img,
.head-title a:hover img,
.head-title a:focus img,
.head-title a:active img {
    -webkit-transform: translateX(4px);
    transform: translateX(4px);
}

.coral-home-content .bg-content-1 .content .view-all img,
.coral-knowledge .bg-item a img,
.head-title a img {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-duration: 0.1s;
    transition-duration: 0.1s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.pin-green,
.pin-yellow,
.pin-red {
    text-align: left;
}

.pin-red .icon {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin-top: 5px;
    margin-bottom: 5px;
}

.pin-all .pin-red .icon {
    position: relative;
    width: 18px;
    height: 25px;
    margin-right: 5px;
}

.pin-all>div img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.coral-main-map .content .pin-all:after {
    content: "";
    display: block;
    clear: both;
}

.coral-main-map .content .pin-all .pin-red {
    width: 25%;
    float: left;
    cursor: pointer;
}

.coral-main-map .content .pin-all .title {
    color: #666666;
    padding: unset;
    /* display: block; */
    text-align: center;
    margin-top: 10px;
    display: inline-block;
    vertical-align: middle;
}

.footer-start .w3c {
    margin-bottom: 15px;
}


/* header.site-header.tiny .logo , */

header.site-header.tiny .menu-top,
header.site-header.tiny .menu-bottom {
    /* display: none; */
}

header.site-header.tiny .menu-bottom {
    padding-top: 0px;
}


/* header.site-header.tiny .menu-top .menu-main, */

header.site-header.tiny .menu-bottom .menu-main {
    opacity: 0;
}

header.site-header.tiny .menu-bottom {
    transition: All 500ms ease-out;
    -webkit-transition-delay: 500ms;
    -moz-transition-delay: 500ms;
    -o-transition-delay: 500ms;
    -webkit-transition: All 500ms ease;
    -moz-transition: All 500ms ease;
    -o-transition: All 500ms ease;
    /* opacity: 0; */
    /* display: none; */
    height: 0;
}

header.site-header.tiny .menu-top {
    position: relative;
    background: #353A9D;
}


/* header.site-header .menu-sub .brand {
    display: none;
} */

header.site-header.tiny .menu-sub .brand,
header.site-header.tiny .menu-sub .main-menu {
    display: inline-block;
}


/* header.site-header .menu-sub .brand img.logo-img {
    width: 0px;
    opacity: 0;
    -webkit-transition: All 500ms ease;
    -moz-transition: All 500ms ease;
    -o-transition: All 500ms ease;
}

header.site-header.tiny .menu-sub .brand img.logo-img {
    width: 45px;
    opacity: 1;
} */

header.site-header.tiny .menu-sub .main-menu {
    width: calc(100% - 80px);
    vertical-align: middle;
    /* padding-left: 15px; */
    padding-left: 40px;
}

header.site-header .menu-sub {
    background-size: cover;
}

header.site-header.tiny .menu-sub .brand {
    opacity: 1;
    width: 45px;
    top: 4px;
}

header.site-header .menu-sub .brand {
    visibility: hidden;
}

header.site-header .menu-sub .brand {
    opacity: 0;
    width: 55px;
    height: 0;
    -webkit-transition: All 200ms ease;
    -moz-transition: All 200ms ease;
    -o-transition: All 200ms ease;
}


/* header.site-header.tiny .menu-sub li a {
    color: #fff;
} */


/* header.site-header.tiny .menu-sub li:hover a {
    color: #fff;
    border-bottom: solid #fff;
} */


/* header.site-header.tiny .menu-sub li.active a {
    color: #9687F5;
    background: unset;
} */

.banner-slide .content figure {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 480px;
    width: 100%;
    margin: unset;
}

.head-title.mobile {
    display: none;
}

.coral-knowledge .head-title.mobile a,
.coral-report .head-title.mobile a,
.coral-map .head-title.mobile a {
    margin: 15px auto;
}

.coral-knowledge .head-title.mobile a {
    background: #fff;
}

.news .head-title.mobile a {
    margin: 15px auto;
    background: #2392ff;
}

.news .item .date img,
.coral-report .report-slide .date .icon img,
.table-coral .body-table img {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

.item-box:hover .date img,
.news .item:hover .date img,
.coral-report .report-slide .item:hover .date .icon img,
.table-coral .body-table .box:hover img {
    -webkit-animation-name: hvr-icon-wobble-vertical;
    animation-name: hvr-icon-wobble-vertical;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}

@-webkit-keyframes hvr-icon-wobble-vertical {
    16.65% {
        -webkit-transform: translateY(6px);
        transform: translateY(6px);
    }
    33.3% {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px);
    }
    49.95% {
        -webkit-transform: translateY(4px);
        transform: translateY(4px);
    }
    66.6% {
        -webkit-transform: translateY(-2px);
        transform: translateY(-2px);
    }
    83.25% {
        -webkit-transform: translateY(1px);
        transform: translateY(1px);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes hvr-icon-wobble-vertical {
    16.65% {
        -webkit-transform: translateY(6px);
        transform: translateY(6px);
    }
    33.3% {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px);
    }
    49.95% {
        -webkit-transform: translateY(4px);
        transform: translateY(4px);
    }
    66.6% {
        -webkit-transform: translateY(-2px);
        transform: translateY(-2px);
    }
    83.25% {
        -webkit-transform: translateY(1px);
        transform: translateY(1px);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

.menu-bottom .menu-main .search .block-control input:active,
.menu-bottom .menu-main .search .block-control input:focus,
.menu-bottom .menu-main .search .block-control input:hover {
    border: solid #fff 1px;
    box-shadow: 0;
    -webkit-box-shadow: -2px 1px 10px rgba(255, 255, 255, 0.4);
    -moz-box-shadow: -2px 1px 10px rgba(255, 255, 255, 0.4);
    box-shadow: -2px 1px 10px rgba(255, 255, 255, 0.4);
}

.footer-start .contact .title a {
    color: #fff;
}

.bg-item figure.cover {
    overflow: hidden;
    position: relative;
    border-bottom: solid 4px #0699FB;
    min-height: 280px;
}

.menu-bottom .menu-mobile-btn .close {
    float: unset;
}

.radio-control .icon {
    border: 2px solid #ccc;
}

.intro-img img.logo-img {
    width: 100%;
}

.tooltip {
    color: #353A9D;
    font-size: 20px;
    font-family: 'db_helvethaica', sans-serif;
    /* background: #ffff!important; */
}

.tooltip-inner {
    padding: 10px;
    color: #353A9D;
    font-weight: 600;
    background: #fff;
    border: 2px solid #353A9D;
    line-height: 1;
    border-radius: 10px;
}

.tooltip.bs-tether-element-attached-left .tooltip-inner::before {
    border-right-color: #353A9D;
}

.bs-tooltip-auto[x-placement^=top] .arrow::before,
.bs-tooltip-top .arrow::before {
    border-top-color: #353A9D;
}

.coral-rate-detail-page .coral-rate-detail .download img {
    display: unset;
    margin: 0 auto;
    margin-bottom: 20px;
}

.share .icon-share-fb {
    line-height: 0.5;
}

::-webkit-scrollbar {
    -webkit-appearance: none;
}

::-webkit-scrollbar:vertical {
    width: 11px;
}

::-webkit-scrollbar:horizontal {
    height: 11px;
}

::-webkit-scrollbar-thumb {
    border-radius: 8px;
    border: 2px solid white;
    /* should match background, can't be transparent */
    background-color: rgba(0, 0, 0, .5);
}


/* Track */

::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 20px;
}


/* Handle */


/* ::-webkit-scrollbar-thumb {
    background: #888; 
  } */


/* Handle on hover */

::-webkit-scrollbar-thumb:hover {
    background: #555;
    border-radius: 20px;
}


/* .slide-news .slick-next,
.slide-news .slick-prev {
    display: none!important;
} */


/* ##################################### aboutus #################################### */

.breadcrumb-block {
    background: #FBFEFF;
    -webkit-box-shadow: 1px 0px 10px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 1px 0px 10px rgba(0, 0, 0, 0.4);
    box-shadow: 1px 0px 10px rgba(32, 31, 31, 0.4);
    position: relative;
}

.breadcrumb {
    background-color: unset;
    font-size: 25px;
}

.breadcrumb-item+.breadcrumb-item::before {
    display: inline-block;
    margin: 0 20px;
    content: "";
    background-image: url(../img/static/icon-arrow-b.png);
    width: 8px;
    height: 13px;
    vertical-align: middle;
}

.breadcrumb-item span {
    color: #6c757d;
    vertical-align: text-bottom;
    display: inline-block;
}

.breadcrumb-block .container {
    position: relative;
}

.breadcrumb-block a.back {
    position: absolute;
    color: #6c757d;
    top: 50%;
    right: 15px;
    font-size: 25px;
    border: solid 2px #D8D8D8;
    padding: 5px 20px;
    border-radius: 25px;
    height: 40px;
    margin-top: -20px;
}

.breadcrumb-block a.back span {
    vertical-align: middle;
}

.breadcrumb {
    padding: 10px 0;
}

.banner-page .cover-bg {
    height: 280px;
    margin: 0;
}

.slick-prev:before {
    content: '';
    background-image: url(../img/static/icon-arrow-menu-prev.png);
    width: 8px;
    height: 13px;
    position: relative;
    display: block;
    left: 50%;
    margin-left: -4px;
}

.slick-next:before {
    content: '';
    background-image: url(../img/static/icon-arrow-menu-next.png);
    width: 8px;
    height: 13px;
    position: relative;
    display: block;
    left: 50%;
    margin-left: -4px;
}

.slick-next:before,
.slick-prev:before {
    font-family: slick;
    font-size: 20px;
    line-height: 1;
    opacity: 1;
    color: #fff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-next,
.slick-prev {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 50px;
    height: 50px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: 0;
    background: 0 0;
    background: #fff;
    border: solid 2px #1870D7;
    border-radius: 50%;
}

.slick-next:focus,
.slick-next:hover,
.slick-prev:focus,
.slick-prev:hover {
    background: #fff;
}

.slick-next.slick-disabled:before,
.slick-prev.slick-disabled:before {
    opacity: 1;
}

.menu-sub-page .item {
    padding: 0 10px;
}

.menu-sub-page .slick-list {
    margin: 0 -10px;
}

.menu-sub-page .item a.active {
    background: rgb(82, 122, 246);
    background: linear-gradient(90deg, rgba(82, 122, 246, 1) 0%, rgba(238, 154, 238, 1) 100%);
    height: 80px;
    display: table;
    color: #fff;
    border: solid 1px linear-gradient(90deg, rgba(82, 122, 246, 1) 0%, rgba(238, 154, 238, 1) 100%);
}

.menu-sub-page .item a {
    background: #fff;
    color: #707070;
    height: 80px;
    border-radius: 10px;
    display: table;
    font-size: 30px;
    text-align: center;
    padding: 0 15px;
    width: 100%;
    border: solid 1px #DBDBDB;
}

.menu-sub-page .item a .box {
    display: table-cell;
    vertical-align: middle;
    line-height: 1;
    /* line-height: 0.8; */
}

.slick-next {
    right: -70px;
}

.slick-prev {
    left: -70px;
}

.about-coral>.container {
    width: 1280px;
    background: #fff;
    padding: 40px 50px;
    border-radius: 10px;
    position: relative;
    padding: 50px;
}

.about-coral .head-title {
    margin-bottom: 40px;
    padding-bottom: 40px;
    border-bottom: solid 1px #DBDBDB;
}

.about-coral-content h2 {
    color: #7b1ce8;
    font-size: 42px;
}

.about-coral-content {
    font-size: 26px;
    line-height: 1;
}

.about-coral-content p+p {
    margin-top: 40px;
}

.about-coral-content p span {
    color: #30409F;
    font-weight: 600;
}

.hitory-coral.coral-knowledge {
    padding-top: 40px;
}

.coral-profile .profile-box .hitory-coral.coral-knowledge {
    padding-top: 0px;
}

.hitory-coral .head-title {
    margin-bottom: unset;
    padding-bottom: 40px;
    border-bottom: unset;
}

.hitory-coral .hitory-coral-content {
    font-size: 26px;
    line-height: 1;
}

.hitory-coral .hitory-coral-content .content-img img {
    display: block;
    margin: 0 auto;
}

.hitory-coral .hitory-coral-content .content-img {
    padding: 40px 0;
}

.morality-coral.coral-report {
    padding: 40px 40px;
    margin: 0 -40px;
    /* margin-top: -40px; */
}

.about-coral .morality-coral .head-title {
    margin-bottom: unset;
    padding-bottom: 40px;
    border-bottom: unset;
}

.morality-coral li {
    font-size: 26px;
    line-height: 1;
    margin-bottom: 10px;
    color: #2F42A0;
}

.morality-coral li span {
    color: #333;
}

.morality-coral {
    background-image: url(../img/static/morality-bg.png);
    background-size: cover;
}

.standard-coral .head-title {
    color: #FC8796;
}

.menu-sub-page {
    padding-top: 40px;
}

.bg-home {
    background-repeat: no-repeat;
}

.standard-coral .head-title {
    padding-bottom: 0;
    border: unset;
}

.morality-coral-content .text-icon-1,
.morality-coral-content .text-icon-2,
.morality-coral-content .text-icon-3,
.morality-coral-content .text-icon-4 {
    font-size: 20px;
    text-align: center;
    font-weight: 600;
    display: block;
    margin-top: 5px;
    line-height: 1;
}

.morality-coral-content .text-icon-1 {
    color: #00C9A7;
}

.morality-coral-content .text-icon-2 {
    color: #35CFFD;
}

.morality-coral-content .text-icon-3 {
    color: #8D83F7;
}

.morality-coral-content .text-icon-4 {
    color: #FC8C95;
}

.morality-coral-content img {
    margin: 0 auto;
    display: block;
}

.morality-coral-content .text {
    font-size: 24px;
    text-align: center;
    margin-top: 10px;
    line-height: 1;
}

.standard-coral .morality-coral-content {
    border-bottom: solid 1px #DBDBDB;
    padding-bottom: 40px;
}

.about-coral .morality .head-title {
    padding-bottom: 0;
    border: unset;
}

.sub-content .content {
    /* width: calc(100% / 3); */
    background: rgb(45, 213, 255);
    background: linear-gradient(0deg, rgba(45, 213, 255, 1) 0%, rgba(7, 131, 255, 1) 100%);
    width: 307px;
    height: 307px;
    margin: 0 auto;
    position: relative;
    border-radius: 50%;
}

.sub-content .content .text .head {
    font-size: 40px;
}

.morality-coral-content p {
    font-size: 26px;
    margin-bottom: 40px;
}

.sub-content .content .text {
    font-size: 24px;
    color: #fff;
    text-align: center;
    line-height: 1;
    display: block;
    position: absolute;
    height: 100%;
    top: 50%;
    margin-top: -115px;
    padding: 23px;
}

.sub-content {
    padding: 0 100px;
}

.morality {
    padding-bottom: 40px;
    border-bottom: #DBDBDB solid 1px;
}

.download-box {
    padding: 10px;
    border: solid 1px #DBDBDB;
    border-radius: 10px;
    color: #05c9aa;
    font-size: 22px;
    line-height: 1;
    position: relative;
    margin-bottom: 30px;
}

.download-box .content p {
    color: #333;
    margin: 0;
}

.download-box .content p span {
    color: #05c9aa;
}

.download-box .download {
    position: absolute;
    right: 15px;
    bottom: 15px;
}

.download-box .content .head {
    font-weight: 600;
    margin-bottom: 10px;
    font-size: 24px;
}

.download-box .img {
    display: inline-block;
    float: left;
    margin-right: 10px;
}

.download-box:after {
    content: "";
    display: block;
    clear: both;
}

.download-box .download a img {
    margin-right: 5px;
}

.download-box .download a {
    color: #05c9aa;
    padding: 5px 10px;
    border: solid 2px;
    border-radius: 30px;
    display: inline-block;
}


/* .download-box .download {
        padding: 5px 10px;
        border: solid 1px;
        border-radius: 30px;
    } */

.hitory-coral.coral-knowledge.download {
    padding-bottom: 0px;
}

.coral-rate>.container {
    background: #fff;
    padding: 40px;
    border-radius: 10px;
    position: relative;
}

.coral-rate-detail .item-box .img .cover-bg {
    width: 100%;
    height: 400px;
    margin: 0;
}

.coral-rate-detail .item-box .content h2 {
    font-size: 30px;
    line-height: 1;
    color: #7B1CE8;
    margin-bottom: 20px;
}

.coral-rate-detail .item-box .content {
    font-size: 26px;
    line-height: 1;
}

.coral-rate-detail .item-box .date-read {
    color: #B4B4B4;
    font-size: 20px;
    padding: 0 20px;
}

.coral-rate-detail .item-box .date-read img {
    margin-right: 10px;
}

.date span {
    vertical-align: middle;
}

.coral-rate-detail .item-box {
    padding-bottom: 20px;
    border-radius: 10px;
    overflow: hidden;
}

.coral-rate-detail .item-box {
    -webkit-box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.11);
    -moz-box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.11);
    box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.11);
}

.coral-rate-detail .sub-box .item-box {
    border: solid 1px #e1e1e1;
    -webkit-box-shadow: unset;
    -moz-box-shadow: unset;
    box-shadow: unset;
}

.coral-report .coral-map .coral-rate-detail .item-box {
    /* border: solid 1px #e1e1e1; */
    -webkit-box-shadow: unset;
    -moz-box-shadow: unset;
    box-shadow: unset;
}


/* .coral-rate-detail .sub-box .item-box:hover,
.coral-report .coral-map .coral-rate-detail .item-box:hover {
    -webkit-box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.11);
    -moz-box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.11);
    box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.11);
} */


/* 
.date-read .read {
    float: right;
}

.date-read .date {
    float: left;
} */

.coral-rate-detail .item-box .date-read {
    display: table;
    width: 100%;
}

.date-read>div {
    display: table-cell;
}

.date-read .read {
    width: 100px;
    text-align: center;
}

.date-read .date {
    width: calc(100% - 70px);
}

.coral-rate-detail .item-box:after {
    content: "";
    display: block;
    clear: both;
}

.coral-rate-detail .item-box .content {
    padding: 20px;
}

.date-read .read a {
    display: block;
    border: solid 2px #7b1ce8;
    padding: 13px 20px;
    border-radius: 25px;
    color: #7B1CE8;
}

.coral-rate .head-title {
    margin-bottom: 40px;
    padding-bottom: 40px;
    border-bottom: solid 1px #B4B4B4;
}

.coral-rate-detail .sub-box .item-box .img .cover-bg {
    width: 100%;
    height: 250px;
    margin: 0;
    background-position: center;
}

.coral-rate-detail .sub-box .item-box .content h2 {
    font-size: 27px;
    margin-bottom: 15px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.coral-rate-detail .sub-box .item-box .content {
    font-size: 20px;
}

.coral-rate-detail .item-box .content p {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    /* min-height: 80px; */
    line-height: 1.08;
}

.coral-rate-detail .sub-box .item-box .content p {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    /* min-height: 60px; */
}

.coral-rate-detail .sub-box .item-box .content {
    padding: 10px;
    min-height: 170px;
}

.coral-rate-detail .sub-box .item-box .date-read {
    padding: 0 15px;
    display: table;
    width: 100%;
    font-size: 20px;
}

.botton-nav:after,
.coral-rate-detail-page .head-title-sub:after,
.coral-map .head-title:after,
.date-read:after {
    content: "";
    display: block;
    clear: both;
}

.menu-sub-page .slick-slider {
    margin: 0 -126px;
}

.map-detail .table-coral {
    margin-top: 40px;
}

.coral-rate-detail-page .container,
.map-detail>.container {
    background: #fff;
    padding: 40px;
    border-radius: 10px;
    position: relative;
}

.coral-rate-detail-page .head-title h2 {
    width: calc(100% - 50px);
    display: inline-block;
    float: left;
    padding-left: 15px;
}

.coral-rate-detail-page .head-title img {
    width: 50px;
    float: left;
    margin-right: 0;
}

.coral-rate-detail-page .head-title {
    margin-bottom: 40px;
    padding-bottom: 40px;
    border-bottom: solid 1px #B4B4B4;
}

.coral-rate-detail-page .head-title-sub {
    color: #0051DC;
    font-size: 24px;
    padding-bottom: 40px;
}

.coral-rate-detail-page .head-title-sub .date {
    float: left;
    display: inline-block;
}

.coral-rate-detail-page .head-title-sub .view {
    float: right;
    display: inline-block;
}

.coral-rate-detail-page .head-title-sub img {
    margin-right: 5px;
}

.coral-rate-detail-page .coral-rate-detail img {}

.coral-rate-detail-page .coral-rate-detail p span {
    /* font-size: 26px; */
    /* line-height: 1;
    padding-left: 25px; */
}

.coral-rate-detail-page .coral-rate-detail iframe {
    width: 80%;
    height: 550px;
    margin: 20px auto;
    display: block;
}

.coral-rate-detail-page .coral-rate-detail .share iframe {
    width: unset;
    height: auto;
    margin: 0px auto;
    display: block;
}

.coral-rate-detail-page .coral-rate-detail .head-title {
    /* margin-bottom: 0px; */
    padding-top: 40px;
    border-bottom: unset;
    padding-bottom: 0;
}

.coral-rate-detail-page .coral-rate-detail .head-title.img {
    border-bottom: unset;
}

.coral-rate-detail-page .coral-rate-detail .hitory-coral.coral-knowledge.download {
    padding-bottom: 0px;
    padding-top: 0px;
}

.coral-rate-detail-page .coral-rate-detail .download-box img {
    margin-right: 5px;
    margin-bottom: 0px;
}

.coral-rate-detail-page .download-box .download a,
.coral-rate-detail-page .download-box .content p span,
.coral-rate-detail-page .download-box {
    color: #0051dc;
}

.coral-rate-detail-page .coral-rate-detail .download-box p span {
    padding-left: 0px;
}

.botton-nav {
    font-size: 25px;
    margin-top: 40px;
}

.botton-nav>a {
    display: inline-block;
    border: solid 2px #0051dc;
    padding: 5px;
    width: 120px;
    text-align: center;
    color: #0051dc;
    border-radius: 20px;
}

.botton-nav .back {
    float: left;
}

.botton-nav .next {
    float: right;
}

.botton-nav>a:after {
    content: "";
    display: block;
    clear: both;
}

.coral-rate-detail-page .coral-rate-detail .botton-nav a.back img {
    transform: rotate(180deg);
}

.coral-rate-detail-page .coral-rate-detail .botton-nav img {
    margin-bottom: 0px;
    margin: 0 5px;
    display: inline-block;
}

.coral-rate-detail-page .coral-rate-detail .botton-nav span {
    vertical-align: middle;
}

.coral-map.coral-rate-detail-page+.coral-map.coral-rate-detail-page {
    padding-top: 0;
}

.coral-map.coral-rate-detail-page+.coral-map.coral-rate-detail-page .head-title {
    margin-bottom: 0px;
    /* padding-top: 40px; */
    border-bottom: unset;
    padding-bottom: 0;
}

.coral-map.coral-rate-detail-page .item-box {
    position: relative;
}


/* .coral-map.coral-rate-detail-page .item-box a {
    position: absolute;
    bottom: 0;
} */

.coral-report .coral-map .head-title h2 {
    color: #8229e9;
}

.coral-report .coral-map .coral-rate-detail .item-box .img {
    width: 50%;
    float: left;
    border-top-right-radius: 10px;
    overflow: hidden;
    border-bottom-right-radius: 10px;
}

.coral-report .coral-map .coral-rate-detail .item-box .content {
    width: 50%;
    float: left;
    height: 400px;
}

.coral-report .coral-map .coral-rate-detail .item-box {
    padding-bottom: 0px;
    position: relative;
}

.coral-report .coral-map .coral-rate-detail .content {
    position: relative;
}

.coral-report .coral-map .coral-rate-detail .date-read .date {
    float: left;
    vertical-align: middle;
    display: inline-block;
}

.coral-report .coral-map .coral-rate-detail .date-read .read {
    float: right;
    vertical-align: middle;
    display: inline-block;
    margin-bottom: 25px;
    position: absolute;
    bottom: -35px;
    right: 40px;
}

.coral-report .coral-map .coral-rate-detail .date-read {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 100%;
    margin-bottom: 30px;
}

.coral-report .coral-map .coral-rate-detail .date-read .read a {
    padding: 10px 0px;
}

.coral-report .coral-map .coral-rate-detail .sub-box .item-box .content {
    height: 250px;
}

.coral-report .coral-map .coral-rate-detail .sub-box .date-read .read {
    bottom: -28px;
    right: 10px;
}

.coral-report .coral-map .coral-rate-detail .sub-box .date-read .read a {
    padding: 5px 20px;
}

.coral-report .coral-map .coral-rate-detail .sub-box .item-box .date-read img {
    margin-right: 10px;
    width: 15px;
}

.coral-report .coral-map .coral-rate-detail .sub-box .item-box {
    margin-bottom: 30px;
}

.coral-report .coral-map .coral-rate-detail .sub-box .date-read {
    margin-bottom: 15px;
}

.about-coral-content img {
    display: block;
    margin: 0 auto;
}

.morality-coral-content p {
    line-height: 1;
}

.coral-rate-detail .item-box {
    margin-bottom: 30px;
}

.coral-map.coral-rate-detail-page+.coral-map.coral-rate-detail-page .container {
    padding: 40px;
}

.coral-map.coral-rate-detail-page+.coral-map.coral-rate-detail-page .item {
    padding: 0 10px;
}

.coral-knowledge-page .head-title img {
    margin-right: 15px;
}

.coral-knowledge-page .head-title {
    margin-bottom: 40px;
    /* padding-bottom: 40px;
    border-bottom: solid 1px #B4B4B4; */
}

.coral-knowledge-page .head-title h2 {
    color: #8229e9;
}

.coral-knowledge-page .bg-menu,
.coral-knowledge-page .bg-content {
    background: #fff;
    -webkit-box-shadow: 10px 30px 50px rgb(183 183 183 / 70%);
    -moz-box-shadow: 10px 30px 50px rgb(183 183 183 / 70%);
    box-shadow: 10px 10px 15px rgb(183 183 183 / 33%);
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 30px;
}

.coral-knowledge-page .bg-content {
    padding: 40px;
    border-radius: 10px;
    position: relative;
}

.coral-knowledge-page .title-menu {
    font-size: 30px;
    color: #fff;
    background: #8229e9;
    padding: 20px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    position: relative;
    line-height: 1;
}

.coral-knowledge-page .bg-menu .list-menu {
    padding: 15px;
    padding-top: 0
}

.coral-knowledge-page .bg-menu .list.active a:before {
    content: "";
    width: 25px;
    height: 25px;
    background: #fff;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    border-radius: 50%;
    position: absolute;
    left: 0;
    margin-left: 15px;
}

.coral-knowledge-page .bg-menu .list.active a {
    color: #ffff;
    font-size: 25px;
    background: #116CD6;
    border-radius: 30px;
    padding: 10px;
    display: block;
    padding-left: 50px;
    position: relative;
}

.coral-knowledge-page .bg-menu .list a {
    font-size: 25px;
    color: #707070;
    padding: 10px;
    display: block;
    line-height: 1;
}

.coral-knowledge-page .bg-menu .list {
    padding: 10px 0;
    border-bottom: dashed 1px #116cd6;
}

.coral-knowledge-detail {
    font-size: 24px;
    line-height: 1;
}

.coral-knowledge-detail span {
    /* padding: 15px 0; */
    display: block;
}

.coral-knowledge-detail h2 {
    font-size: 30px;
    color: #8229e9;
}

.coral-knowledge-detail img {
    margin: 0 auto;
    margin-bottom: 15px;
    display: block;
}

.head-title h2 {
    vertical-align: middle;
}

.coral-contact .head-title {
    padding: 10px;
    background: rgb(6, 139, 255);
    background: linear-gradient(0deg, rgba(6, 139, 255, 1) 0%, rgba(53, 58, 157, 1) 100%);
    color: #fff;
}

.coral-contact .form-box {
    border-radius: 10px;
    overflow: hidden;
    background: #fff;
}

.coral-contact .form-box form {
    padding: 40px;
}

.coral-contact .form-box form .g-recaptcha>div {
    margin: 0 auto;
}

.coral-contact .form-bt {
    text-align: center;
}

.coral-contact .form-bt a {
    width: 120px;
    padding: 15px 20px;
    border: solid 1px #00C9A7;
    color: #00C9A7;
    display: inline-block;
    font-size: 24px;
    margin: 0 5px;
    border-radius: 25px;
}

.coral-contact .form-bt a+a {
    border: solid 1px #FC8199;
    color: #FC8199;
}

.coral-contact .form-default .control-label {
    font-size: 24px;
}

.coral-contact .form-default .form-control {
    border-radius: 5px;
}

.coral-contact .info-box {
    background-image: url(../img/static/contact-bg.png);
    padding: 40px;
    margin: 40px 0;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 10px;
    background-size: cover;
}

.coral-contact .info-box .address>div {
    display: inline-block;
    vertical-align: middle;
    font-size: 24px;
    color: #fff;
}

.coral-contact .contact>.tel {
    margin-left: 0;
}

.coral-contact .info-box h2 {
    font-size: 48px;
    color: #fff;
    padding-bottom: 0px;
    margin-bottom: 35px;
    border-bottom: solid 2px;
}

.coral-contact .contact>div {
    margin: 20px 20px;
}

.coral-contact .info-box .address img,
.coral-contact .info-box .contact img {
    margin-right: 5px;
}

.coral-contact .info-box .contact>div>div,
.coral-contact .info-box .contact>div {
    display: inline-block;
    vertical-align: middle;
    font-size: 24px;
    color: #fff;
}

.coral-contact .info-box .content-3,
.coral-contact .info-box .content-4 {
    width: 220px;
    height: 130px;
    float: left;
}

.coral-contact .info-box .content-4 .bg-content-4 {
    background-image: url(../img/static/home-content-4.png);
    height: 100%;
    background-size: cover;
    background-position: center;
    border-radius: 10px;
    position: relative;
}

.coral-contact .info-box .content-3 .bg-content-3 {
    background-image: url(../img/static/home-content-3.png);
    height: 100%;
    background-size: cover;
    background-position: center;
    border-radius: 10px;
    position: relative;
}

.coral-contact .info-box .content-4 .title span,
.coral-contact .info-box .content-4 .title a {
    display: inline-block;
}

.coral-contact .info-box .content-4 .title img,
.coral-contact .info-box .content-3 .title img {
    position: absolute;
    top: 50%;
    margin-top: -6px;
    display: block;
    left: 50%;
    margin-left: -4px;
    filter: brightness(0) invert(1);
}

.coral-contact .info-box .content-3 .title a,
.coral-contact .info-box .content-4 .title a {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: solid 2px #fff;
    text-align: center;
    position: absolute;
    top: 50%;
    margin-top: -20px;
    right: 0;
    margin-right: 10px;
}

.coral-contact .info-box .content-3 .title span,
.coral-contact .info-box .content-3 .title a {
    display: inline-block;
}

.coral-contact .info-box .content-4 .title,
.coral-contact .info-box .content-3 .title {
    font-size: 48px;
    line-height: 0.7;
    color: #fff;
    padding-left: 10px;
}

.coral-contact .info-box .content-3 {
    margin-right: 20px;
}

.coral-contact .info-box .content-4 .bg-content-4 {
    display: table;
    width: 100%;
}

.coral-contact .info-box .content-3 .bg-content-3 {
    display: table;
    width: 100%;
}

.coral-contact .info-box .content-4 .content {
    display: table-cell;
    vertical-align: middle;
}

.coral-contact .info-box .content-3 .content {
    display: table-cell;
    vertical-align: middle;
}

.coral-login .box-login {
    position: relative;
    margin: 7px;
    background-color: #fff;
    border-radius: 10px;
    overflow: hidden;
    -webkit-box-shadow: 3px 5px 10px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 3px 5px 10px rgba(0, 0, 0, 0.4);
    box-shadow: -1px 1px 10px rgba(0, 0, 0, 0.4);
}

.coral-login .box-login img {
    width: 100%;
}

.coral-login .box-login>img {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.coral-login .box-login .login h2 {
    text-align: center;
    margin-top: 75px;
    color: #003ADB;
    font-size: 48px;
}

.coral-login .box-login .login {
    padding: 40px;
    position: relative;
}

.coral-login .forgot-box,
.coral-login .register-box {
    position: relative;
}

.coral-login .forgot-box .forgot,
.coral-login .register-box .register {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    /* display: table; */
    padding: 50px;
}

.coral-login .register-box .register .btn-box {
    /* display: table-cell;
    vertical-align: middle; */
}

.coral-login .forgot-box .forgot h2,
.coral-login .register-box .register h2 {
    font-size: 48px;
    color: #fff;
    font-weight: 600;
    border-bottom: 2px solid #fff;
    margin-bottom: 20px;
}

.coral-login .forgot-box .forgot p,
.coral-login .register-box .register P {
    font-size: 24px;
    color: #fff;
    line-height: 1;
}

.coral-login .register-box .register a {
    width: 153px;
    border: solid 2px #918FFA;
    color: #918FFA;
    background: #fff;
    height: 52px;
    padding: 7px;
    font-size: 24px;
    border-radius: 30px;
    margin: 0 auto;
    display: block;
}

.coral-login .forgot-box .forgot a {
    width: 153px;
    border: solid 2px #FC8099;
    color: #FC8099;
    background: #fff;
    height: 52px;
    padding: 7px;
    font-size: 24px;
    border-radius: 30px;
    margin: 0 auto;
    display: block;
}

.coral-login .box-login .img img {
    width: auto;
    margin: 0 auto;
    display: block;
}

.coral-login .box-login .login .img {
    position: absolute;
    top: -190px;
    width: 100%;
    left: 0;
}

.coral-login .box-login .form-default .form-control {
    min-height: 55px;
    border-radius: 10px;
    overflow: hidden;
    padding-left: 100px;
}

.coral-login .box-login .form-default .control-label {
    font-size: 24px;
    font-weight: 500;
    position: absolute;
    z-index: 4;
    top: 50%;
    margin-top: -14px;
    border-right: 1px solid #ccc;
    padding: 0 15px;
    width: 90px;
}


/* .coral-login .box-login .form-button button:hover {
        background: #7B1CE8;
        color: #fff;
    }
     */

.coral-login .box-login .form-button button {
    width: 100%;
    border: solid 2px #7B1CE8;
    background: unset;
    color: #7B1CE8;
    height: 50px;
    font-size: 24px;
    border-radius: 30px;
}

.coral-login .box-login form.form-default {
    margin-top: 15px;
}

.coral-login .forgot-box {
    position: absolute;
    bottom: 0;
}

.coral-login .register-box {
    position: absolute;
    top: 0;
}

.coral-login .forgot-box .btn-box,
.coral-login .register-box .btn-box {
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
    margin-bottom: 50px;
}

.coral-report.coral-member {
    padding: 0;
}

.coral-member .bg-home {
    min-height: unset;
    padding: 40px 0;
}

.coral-member .breadcrumb {
    margin: 0;
}

.coral-register .step-progress {
    margin: 0 -20px;
}

.coral-register .step-progress>div {
    width: 25%;
    float: left;
    padding: 0 20px;
}

.step-slider-item {}

.coral-register .box-step {
    display: table;
    width: 100%;
}

.coral-register .step-slider-item .box-step.active {
    background: rgb(82, 122, 246);
    background: linear-gradient(90deg, rgba(82, 122, 246, 1) 0%, rgba(238, 154, 238, 1) 100%);
    height: 80px;
    border-radius: 10px;
    /* display: block; */
    color: #fff;
    font-size: 36px;
    text-align: left;
    padding: 0 20px;
    border: transparent;
    line-height: 0.8;
}

.coral-register .step-slider-item .box-step {
    background: #fff;
    color: #707070;
    text-align: left;
    padding: 0 20px;
    border: solid 1px #DBDBDB;
    height: 80px;
    border-radius: 10px;
    line-height: 0.8;
    font-size: 36px;
    -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.15);
}

.coral-register .step-slider-item .box-step .num {
    padding-right: 15px;
    display: table-cell;
    vertical-align: middle;
    font-size: 60px;
    width: 65px;
}

.coral-register .step-slider-item .box-step .text {
    /* width: calc(100% - 50px); */
    display: table-cell;
    vertical-align: middle;
}

.coral-register .step-progress:after {
    content: "";
    display: block;
    clear: both;
}

.coral-member.coral-register .coral-detail {
    margin-top: 40px;
    background: #fff;
    border-radius: 10px;
    padding: 40px;
}

.coral-profile {}

.coral-profile .menu-profile {
    margin: 0 -5px;
}

.coral-profile .menu-profile>div {
    width: calc(100% / 5);
    float: left;
    padding: 0 5px;
}

.step-slider-item {}

.coral-profile .box-step {
    display: table;
    width: 100%;
}

.coral-profile .menu-slider-item .box-step.active {
    background: rgb(6, 139, 255);
    background: linear-gradient(0deg, rgba(6, 139, 255, 1) 0%, rgba(53, 58, 157, 1) 100%);
    height: 80px;
    border-radius: 10px;
    /* display: block; */
    color: #fff;
    font-size: 30px;
    text-align: left;
    border: transparent;
    line-height: 0.8;
}

.coral-profile .menu-slider-item .box-step {
    background: #fff;
    color: #707070;
    text-align: left;
    padding: 0 20px;
    border: solid 1px #DBDBDB;
    height: 80px;
    border-radius: 10px;
    line-height: 0.8;
    font-size: 30px;
    /* -webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4);
        -moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4);
        box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4); */
}

.coral-profile .menu-slider-item .box-step.active a {
    color: #fff;
}

.coral-profile .menu-slider-item .box-step a {
    color: #707070;
}

.coral-profile .menu-slider-item .box-step .num {
    padding-right: 15px;
    display: table-cell;
    vertical-align: middle;
    font-size: 60px;
    width: 50px;
}

.coral-profile .menu-slider-item .box-step .text {
    /* width: calc(100% - 50px); */
    display: table-cell;
    vertical-align: middle;
}

.coral-profile .menu-profile:after {
    content: "";
    display: block;
    clear: both;
}

.coral-profile .menu-slider-item .box-step.active .num img {
    filter: brightness(0) invert(1);
    width: 40px;
}

.coral-profile .coral-detail {
    /* margin: 0 -15px; */
    margin-top: 40px;
    background: #fff;
    border-radius: 10px;
    padding: 40px;
}

.coral-profile .head-title h2 {
    font-size: 42px;
    display: inline-block;
    margin: 0;
    color: #7B1CE8;
}

.coral-profile .head-title img {
    margin-right: 5px;
}

.coral-profile .coral-rate-detail .head-title img {
    margin-right: 0px;
}

.coral-profile .profile-box .detail span {
    font-size: 24px;
    color: #333;
    /* width: 150px; */
    /* display: inline-block; */
    display: inline-grid;
}

.coral-profile .profile-box p {
    margin-bottom: 40px;
}

.coral-profile .profile-box span.two-text {
    width: 150px;
}

.radio-control .title {
    font-size: 24px;
}

.coral-profile .profile-box span.title {
    width: 150px;
    display: inline-block;
    font-size: 28px;
    color: #003ADB;
}

.coral-profile .profile-box .detail+.detail {
    border-top: solid 1px #ccc;
    padding-top: 40px;
}

.coral-profile .profile-box .member-img img {
    width: 100%;
    border-radius: 10px;
}

.coral-profile .profile-box a {
    width: 320px;
    text-align: center;
    border: solid 2px #918FFA;
    background: unset;
    color: #918FFA;
    height: 50px;
    font-size: 35px;
    border-radius: 30px;
    display: inline-block;
    line-height: 47px;
}

.coral-profile .coral-detail .head-title {
    border-bottom: solid 1px #ccc;
    margin-bottom: 40px;
    padding-bottom: 40px;
}

.coral-profile .profile-box .member-img {
    padding: 20px;
    border: solid 1px #ccc;
    border-radius: 10px;
}

.coral-profile .profile-box .box-content {
    display: table;
    height: 139px;
    border-radius: 10px;
    overflow: hidden;
    border: #ccc 1px solid;
    margin-bottom: 15px;
}

.coral-profile .profile-box .box-content>div {
    display: table-cell;
    vertical-align: middle;
    padding: 0 25px;
}

.coral-profile .profile-box .box-content .title {
    color: #0051DC;
    font-size: 35px;
    width: 100%;
    background: unset;
    border: unset;
    line-height: 1;
    height: unset;
    text-align: left;
    margin-bottom: 15px;
}

.coral-profile .profile-box .box-content .date {
    /* display: inline-block; */
    display: block;
    /* float: left; */
}

.coral-profile .profile-box .box-content .date span {
    vertical-align: middle;
}

.coral-profile .profile-box .box-content .num {
    background-image: url(../img/static/bg-corol-history.png);
    height: 100%;
    background-size: cover;
    background-position: center;
    position: relative;
    width: 75px;
    text-align: center;
}

.coral-profile .profile-box .box-content .status .title {
    color: #0051DC;
    line-height: 1;
    font-size: 35px;
}

.coral-profile .profile-box .box-content .status>div {
    width: 50%;
    float: left;
}

.coral-profile .profile-box .box-content a {
    width: 98px;
    text-align: center;
    border: solid 2px #918FFA;
    background: unset;
    color: #918FFA;
    height: unset;
    font-size: 24px;
    border-radius: 30px;
    display: inline-block;
    line-height: 35px;
}

.coral-profile .profile-box .box-content .status {
    width: 45%;
}

.coral-profile .profile-box .box-content .content .title {
    color: #0051DC;
    line-height: 1;
    font-size: 35px;
    border-bottom: #ccc solid 1px;
    border-radius: 0px;
}

.coral-profile .profile-box .num span {
    font-size: 84px;
    color: #fff;
}

.coral-profile .profile-box .box-content .status .title {
    text-align: center;
}

.coral-profile .profile-box .box-content .status .status-1 .btn-status a {
    width: 98px;
    margin: 0 auto;
    display: block;
    color: #FFCC00;
    border: solid 2px #FFCC00;
}

.coral-profile .profile-box .box-content .status .status-2 .btn-status a {
    color: #FF1313;
    border: solid 2px #FF1313;
}

.coral-profile .profile-box .box-content .btn-status img {
    width: 20px;
    position: relative;
    /* top: -5px;
        margin-right: 5px;
        margin-left: 10px; */
}

.coral-profile .profile-box .box-content .content .title {
    padding-bottom: 5px;
}

.coral-profile .profile-box .box-content .date+.date {
    /* margin-left: 10px; */
}

.coral-profile .profile-box .box-content .date img {
    margin-right: 5px;
}

.coral-profile .profile-box {
    font-size: 22px;
    line-height: 1;
}

.coral-profile .form-default .control-label {
    font-size: 24px;
    line-height: 1;
}

.edit-btn.btn-edit-profile {
    margin-top: 40px;
}

.coral-profile .coral-forgot {
    padding: 0;
    margin-top: 0;
    overflow: hidden;
}

.coral-profile .coral-forgot .head-title {
    padding: 10px 40px;
    background: rgb(6, 139, 255);
    background: linear-gradient(0deg, rgba(6, 139, 255, 1) 0%, rgba(53, 58, 157, 1) 100%);
    color: #fff;
    padding-bottom: 10px;
}

.coral-profile .coral-forgot .head-title h2 {
    color: #fff;
}

.coral-profile .coral-forgot .form-forgot {
    padding: 0 40px;
    padding-bottom: 40px;
}

.form-default .form-control {
    border-radius: 5px;
    font-size: 24px;
}

.coral-profile .coral-forgot .form-forgot .control-label span {
    color: red;
}

.coral-profile .coral-forgot .form-forgot .btn-forgot {
    color: #00C9A7;
    border: solid 2px #00C9A7;
    background: unset;
    width: 150px;
    font-size: 24px;
    margin: 0 auto;
    text-align: center;
    border-radius: 30px;
}

.coral-profile .coral-forgot .form-forgot .btn-forgot:hover {
    color: #fff;
    background: #00C9A7;
}

.coral-profile .coral-forgot img {
    display: block;
    margin: 0 auto;
}

.forgot-pass-message p {
    text-align: center;
    line-height: 1;
    font-size: 24px;
}

.forgot-pass-message p .head {
    color: #20CEA3;
    font-size: 48px;
}

.forgot-pass-message .complete {
    margin: 40px;
}

.forgot-pass-message {
    display: none;
}

.register-message p {
    text-align: center;
    line-height: 1;
    font-size: 24px;
}

.register-message .fail .head,
.register-message .complete .head {
    font-size: 48px;
}

.register-message .fail .head {
    color: #fc8099;
}

.register-message .complete .head {
    color: #20CEA3;
}

.register-message .fail,
.register-message .complete {
    margin: 40px;
}

.register-message .fail img,
.register-message .complete img {
    margin: 0 auto;
    margin-bottom: 10px;
}

.register-message a {
    width: 150px;
    display: inline-block;
    border: 2px solid #918FFA;
    font-size: 24px;
    color: #918FFA;
    padding: 10px 15px;
    border-radius: 25px;
    margin-top: 40px;
}

.register-message a:hover {
    color: #fff;
    background: #918FFA;
}

.complete-message {}

.register-box {
    font-size: 24px;
    line-height: 1;
}

.form-default .register-box .control-label,
.register-box .form-default .control-label {
    font-size: 24px;
    line-height: 1;
}

.form-group.sex label {
    display: inline-block;
    vertical-align: unset;
}

.form-group.sex .radio-list {
    display: inline-block;
    vertical-align: middle;
    margin-left: 40px;
}

.form-group.sex .radio-list .radio-control .title {
    font-size: 24px;
}

.form-group.sex .radio-control input[type='radio']:checked~.icon {
    border-color: #29C4FF;
}

.form-group.sex .radio-control input[type='radio']:checked~.icon:before {
    background-color: #29C4FF;
}

.register-box .g-recaptcha div {
    margin: 0 auto;
}


/* .register-box .submit-register {
    color: #00C9A7;
    border: solid 2px #00C9A7;
    padding: 10px;
    width: 150px;
    display: inline-block;
    border-radius: 25px;
}

.register-box .cancel-register {
    color: #FC8199;
    border: solid 2px #FC8199;
    padding: 10px;
    width: 150px;
    display: inline-block;
    border-radius: 25px;
} */

.register-box .form-button {
    text-align: center;
    margin-top: 40px;
}

.register-box .form-button button {
    background: unset;
    font-size: 24px;
    padding: 5px;
}

.btn-register {
    text-align: center;
    margin-top: 40px;
}

.register-box .form-button button,
.btn-register a {
    margin-right: 5px;
}

.register-box .form-button button+button,
.btn-register a+a {
    margin-left: 5px;
    margin-right: 0;
}

.register-box .submit-register {
    color: #00C9A7;
    border: solid 2px #00C9A7;
    padding: 10px;
    width: 150px;
    display: inline-block;
    border-radius: 25px;
}

.register-box .cancel-register {
    color: #FC8199;
    border: solid 2px #FC8199;
    padding: 10px;
    width: 150px;
    display: inline-block;
    border-radius: 25px;
}


/* .register-box .submit-register:hover {
        color: #fff;
        border: solid 2px #00C9A7;
        background: #00C9A7;
    }
    
    .register-box .cancel-register:hover {
        color: #fff;
        border: solid 2px #FC8199;
        background: #FC8199;
    }
     */

.intro-content {
    background-image: url(../img/static/intro-bg.png);
    height: auto;
    background-size: cover;
    background-position: center;
    position: fixed;
    width: 100%;
    text-align: center;
    bottom: 0;
    height: 140px;
}

.intro-content .bg {
    background-image: url(../img/static/intro-item.png);
    height: 100%;
    background-size: cover;
    background-position: right;
    width: 50%;
    text-align: center;
    position: absolute;
    left: -2px;
}


/* .intro-content .bg>div {
    width: 50%;
    float: left;
} */

.intro-content .address .logo {
    position: relative;
    top: -45px;
    width: 100%;
    max-width: 138px;
    float: left;
    height: 1px;
}

.intro-content .address .text-box {
    width: calc(100% - 138px);
    float: left;
    text-align: left;
    padding: 20px;
    color: #0051DC;
    line-height: 1;
    font-size: 20px;
}

.intro-content .address .logo img {
    position: absolute;
    left: 0;
}

.intro-content .address:after {
    content: "";
    display: block;
    clear: both;
}

.intro-content .address .text-box h2 {
    font-size: 29px;
}

.intro-content .btn-all {
    display: table;
    width: 100%;
    height: 100%;
}

.intro-content .btn-all>div {
    display: table-cell;
    vertical-align: middle;
    text-align: right;
}

.intro-content .all>div {
    display: inline-block;
    text-align: center;
}

.intro-content .goto-web a {
    width: 150px;
    background: #fff;
    padding: 15px 10px;
    display: inline-block;
    border-radius: 25px;
    border: solid 2px #0051DC;
    font-size: 24px;
    color: #0051DC;
}

.intro-content .goto-web a img {
    margin-left: 5px;
}

.intro-content .all .lang-set li {
    display: inline-block;
    font-size: 24px;
    color: #fff;
}

.intro-content .all .lang-set li a {
    color: #fff;
}

.intro-content .all .lang-set li+li:before {
    display: none;
}

.intro-content .goto-web {
    margin-left: 40px;
}

.intro-content .all .lang-set li a {
    width: 40px;
    height: 40px;
    line-height: 1.6;
    border: solid 2px transparent;
    color: #fff;
    border-radius: 50%;
    display: inline-block;
    vertical-align: middle;
    font-weight: 600;
}

.intro-content .all .lang-set li+li a.active {
    margin-right: 0px;
    margin-left: 5px;
}

.intro-content .all .lang-set li a.active {
    background: #fff;
    color: #0051DC;
    border: solid 2px #0051DC;
    margin-right: 7px;
}

.intro-content .all .lang-set li+li:after {
    display: none;
}

.intro-content .all .lang-set li:after {
    width: 2px;
    color: #fff;
    height: 24px;
    content: "";
    display: inline-block;
    background: #fff;
    position: relative;
    top: 6px;
}

section.site-container.intro {
    padding: 0;
}

.content-part.part-2 .table .tr,
.content-part.part-1 .table .tr {
    display: table;
    width: 100%;
}

.content-part.part-2 .table .tr .td,
.content-part.part-1 .table .tr .td {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    padding: 10px;
    /* border: solid 1px rgba(208, 207, 207, 0); */
    /* -webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4); */
    -moz-box-shadow: 0px -1px 2px rgba(0, 0, 0, 0.16);
    box-shadow: 0px -1px 2px rgba(0, 0, 0, 0.16);
    border-top: unset;
    border-right: unset;
}


/* .content-part.part-2 .table .tr .td.detail,
    .content-part.part-1 .table .tr .td.detail {
        border-right: 1px solid #ccc;
    } */

.content-part.part-2 .table-title h2,
.content-part.part-1 .table-title h2 {
    font-size: 35px;
    color: #fff;
    margin: 0;
}

.content-part.part-2 .table,
.content-part.part-1 .table {
    margin: 0;
}

.content-part.part-2,
.content-part.part-1 {
    border-radius: 10px;
    overflow: hidden;
    -webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.11);
    -moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.11);
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.11);
}

.content-part.part-2 .table-title,
.content-part.part-1 .table-title {
    background: linear-gradient(0deg, rgba(6, 139, 255, 1) 0%, rgba(53, 58, 157, 1) 100%);
    padding: 10px;
    font-size: 35px;
}

.radio-control.sup-radio {
    padding-left: 30px;
}

.radio-control.sup-radio .icon {
    margin-left: 30px;
}

.content-part.part-1 .table .tr .td.id {
    width: 10%;
}

.content-part.part-1 .table .tr .td.ultra {
    width: 20%;
}

.content-part.part-1 .table .tr .td.percent {
    width: 20%;
}

.content-part.part-2 .table .tr .td.percent {
    width: 30%;
}

.content-part.part-2 .table .tr .td.ultra {
    width: 20%;
}


/* .content-part.part-1 .table .tbody .tr .td.ultra,
.content-part.part-1 .table .tbody .tr .td.percent, */

.content-part.part-2 .table .tbody .tr .td.detail,
.content-part.part-1 .table .tbody .tr .td.detail {
    text-align: left;
}

.content-part.part-2 .table .tbody .tr:nth-of-type(odd),
.content-part.part-1 .table .tbody .tr:nth-of-type(odd) {
    background: #F3F3F3;
}

.content-part.part-2 .table .thead .tr:nth-of-type(even),
.content-part.part-1 .table .tbody .tr:nth-of-type(even) {
    background: #fff;
}

.content-part.part-2 .table .thead .tr .td,
.content-part.part-1 .table .thead .tr .td {
    color: #0051DC;
    font-weight: 600;
}

.content-part.part-2 .radio-control .title,
.content-part.part-1 .radio-control .title {
    font-size: 24px;
    color: #212529;
}

.coral-member .bg-home {
    position: relative;
}

.content-part.part-3 .default-block {
    margin-bottom: 15px;
}

.content-part.part-3 .submit-report {
    color: #00C9A7;
    border: solid 2px #00C9A7;
    padding: 10px;
    width: 150px;
    display: inline-block;
    border-radius: 25px;
}

.content-part.part-3 .cancel-report {
    color: #FC8199;
    border: solid 2px #FC8199;
    padding: 10px;
    width: 150px;
    display: inline-block;
    border-radius: 25px;
}

.content-part.part-3 .form-button {
    text-align: center;
    margin-top: 40px;
}

.content-part.part-3 .form-button button {
    background: unset;
    font-size: 24px;
    padding: 5px;
}


/* .btn-register {
    text-align: center;
    margin-top: 40px;
} */

.content-part.part-3 .form-button button {
    margin-right: 5px;
}

.content-part.part-3 .form-button button+button {
    margin-left: 5px;
    margin-right: 0;
}

.fix-content h2 {
    font-size: 35px;
    color: #7B1CE8;
    text-align: center;
    margin-bottom: 20px;
}

.fix-content .box-img img {
    display: block;
    margin: 0 auto;
}

.fix-content .box-img h4 {
    color: #0051DC;
    font-size: 24px;
    text-align: center;
}

.fix-content .box-img {
    margin-bottom: 40px;
}

.coral-profile .profile-box .fix-content p {
    color: #0051DC;
    font-size: 24px;
    text-align: center;
    margin-bottom: 10px;
}


/* .profile-box.report-coral .fix-content {
    margin-bottom: 40px;
} */

.profile-box.report-coral form>div {
    margin-bottom: 40px;
}

.content-part.part-3 .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 38px;
    font-size: 24px;
    color: #666;
    padding-left: 15px;
}

.profile-box.report-coral .fix-content {
    margin-bottom: 40px;
    border-radius: 10px;
    border: solid 2px #0155dd;
    padding: 10px;
}

.profile-box.report-coral .radio-control .title {
    font-size: 24px;
}

.profile-box.report-coral .radio-control {
    margin-right: 15px;
}

.radio-control input[type='radio']:checked~.icon {
    border-color: #29C4FF;
}

.radio-control input[type='radio']:checked~.icon:before {
    background-color: #29C4FF;
}

.contact-page .bg-home {
    min-height: unset;
}

.coral-map.coral-rate-detail-page .item-box img {
    /* height: 220px;
    width: 100%; */
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.news .item .date {
    color: #003ADB;
    font-size: 24px;
    padding: 25px 0;
    /* margin-top: 15px; */
    position: absolute;
    width: 100%;
    left: 0;
    padding: 0 30px;
    bottom: 15px;
}

.news .bg-item {
    background: #fff;
    border-radius: 15px;
    min-height: 530px;
    position: relative;
}

.coral-map.search-page .container {
    background: #fff;
    padding: 40px;
    border-radius: 10px;
    position: relative;
}

.search-input {
    position: relative;
    margin-top: 40px;
}


/* .search-input .container {
    background: #fff;
} */

.search-input .search button {
    position: absolute;
    top: -3px;
    right: 8px;
    height: 50px;
    background: unset;
    border: unset;
    outline: unset;
}

.search-input .search {
    position: relative;
    margin: 0 -15px;
}

.search-input .search .form-control {
    font-size: 24px;
    background: #fff;
    border: 2px #7B1CE8 solid;
    border-radius: 25px;
    padding: 0 25px;
    padding-right: 40px;
    color: #7B1CE8;
    font-weight: 600;
}

.search-page .head-title {
    margin-bottom: 40px;
    padding-bottom: 40px;
    border-bottom: solid 1px #DBDBDB;
}

.search-page .search-box {
    border: solid 1px #0000001f;
    padding: 15px;
    border-radius: 10px;
    font-size: 24px;
    line-height: 1;
    margin-bottom: 20px;
    position: relative;
}

.search-page .search-box h4 {
    font-size: 35px;
    color: #003ADB;
}

.search-page .search-box .red {
    color: #FF3636;
}

.search-box p {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.search-box:after {
    clear: both;
    display: block;
    content: "";
}

.search-box a.link-im {
    color: #7B1CE8;
    border: solid 2px #7B1CE8;
    width: 85px;
    display: inline-block;
    float: right;
    text-align: center;
    padding: 5px 0;
    border-radius: 25px;
}

.search-box a p {
    color: #212529;
}

.search-box a.link-search {
    position: absolute;
    bottom: 15px;
    color: #003adb;
}


/* .search-box a.link-search {
    color: #003adb;
    border: unset;
    width: unset;
    display: inline-block;
    float: unset;
    text-align: center;
    padding: unset;
    border-radius: unset;
} */

.search-box .link {
    vertical-align: bottom;
    color: #003ADB;
    margin-top: 15px;
    display: inline-block;
}

.search-input .search .form-control::-webkit-input-placeholder {
    color: #7B1CE8;
}

.search-input .search .form-control::-moz-placeholder {
    color: #7B1CE8;
}

.search-input .search .form-control:-ms-input-placeholder {
    color: #7B1CE8;
}

.register-message .complete a {
    color: #918FFA;
}

.share {
    margin-top: 40px;
}

.share>div {
    display: inline-block;
    vertical-align: middle;
}

.share>div img {
    margin: 0 !important;
}

.share .icon-share-p {
    float: right;
}

.share .icon-share-fb {
    margin-right: 5px;
}

.select2-container--default .select2-selection--single {
    border-radius: 5px;
    overflow: hidden;
}


/* .coral-map.coral-rate-detail-page .item-box .title,
.coral-map.coral-rate-detail-page .item-box .date  */

.coral-map.coral-rate-detail-page .item-box .title {
    display: none;
}

.coral-map.coral-rate-detail-page .item-box:hover .date {
    margin-bottom: 20px;
}

.coral-map.coral-rate-detail-page .item-box .title {
    margin-top: 20px;
}

.coral-map.coral-rate-detail-page .item-box .item-content .subject {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.coral-map.coral-rate-detail-page .item-box:hover .item-content .subject {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.coral-map.coral-rate-detail-page .item-box:hover .item-content .title {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.coral-map.coral-rate-detail-page .item-box:hover .title,
.coral-map.coral-rate-detail-page .item-box:hover .date {
    display: block;
}

.coral-map.coral-rate-detail-page .item-box:hover .item-content {
    height: 100%;
}

.coral-map.coral-rate-detail-page .item-box:hover .item-content {
    background: #7b1ce8;
    color: #fff;
}

.coral-map.coral-rate-detail-page .item-box .item-content {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    color: #707070;
    background: #ffff;
    width: 100%;
    height: 45px;
    -webkit-transition: height 4s;
    transition: height .4s;
    padding: 5px 10px;
    font-size: 24px;
    line-height: 0.8;
    opacity: 0.9;
}

.coral-map.coral-rate-detail-page .item-box {
    border-radius: 10px;
    overflow: hidden;
    min-height: 220px;
}

.coral-map.coral-rate-detail-page .item-box:hover .item-content a {
    color: #fff;
}

.coral-map.coral-rate-detail-page .item-box .item-content a {
    font-size: 18px;
    line-height: 1;
    color: #707070;
}

.coral-map.coral-rate-detail-page .item-box .item-content a .date {
    font-size: 14px;
}

.coral-map.coral-rate-detail-page .item-box:hover .item-content a .date {
    font-size: 18px;
}

.coral-map.coral-rate-detail-page+.coral-map.coral-rate-detail-page .head-title {
    padding-bottom: 40px;
}


/* .coral-map.coral-rate-detail-page+.coral-map.coral-rate-detail-page .slick-dots li {
    width: 15px;
    height: 15px;
}

.coral-map.coral-rate-detail-page+.coral-map.coral-rate-detail-page .slick-dots li button {
    width: 15px;
    height: 15px;
    background: #d6d6d6;
    border-radius: 50%;
} */

.coral-map.coral-rate-detail-page+.coral-map.coral-rate-detail-page .slick-dots li.slick-active button {
    opacity: .75;
    color: #7b1ce8;
    background: #7b1ce8;
    border-radius: 50%;
}

.coral-map.coral-rate-detail-page+.coral-map.coral-rate-detail-page .slick-dots li button:before {
    opacity: .75;
    color: transparent;
}

.hitory-coral .hitory-coral-content img+img {
    float: right;
}

.hitory-coral .hitory-coral-content img {
    text-align: center;
    padding: 0 40px;
    display: block;
    float: left;
    width: 50%;
}

.hitory-coral .hitory-coral-content p:after {
    content: "";
    display: block;
    clear: both;
}

.footer-start .contact .icon,
.footer-start .address .icon {
    width: 50px;
}

.footer-start .address .title,
.footer-start .contact .title {
    width: calc(100% - 50px);
}

.footer-start .address .title p,
.footer-start .contact .title p {
    margin: 0;
}

.footer-start .contact>div>div {
    display: inline-block;
    float: left;
}

.modal-all-show {
    display: block !important;
    opacity: 1 !important;
    z-index: 999999 !important;
}

.modal-header button.close {
    font-size: 50px;
    padding: 0;
    right: 16px;
    position: relative;
    outline: unset;
}

.modal-fail .modal-footer .close {
    width: 90px;
    border: 2px solid #fc8099;
    padding: 10px 15px;
    font-size: 24px;
    color: #fc8099;
    border-radius: 25px;
    opacity: 1;
}

.modal-pic .modal-footer .close,
.modal-complete .modal-footer .close {
    width: 90px;
    border: 2px solid #20CEA3;
    padding: 10px 15px;
    font-size: 24px;
    color: #20CEA3;
    border-radius: 25px;
    opacity: 1;
}

.modal-fail .modal-footer .close:hover {
    /* border: 2px solid #fc8099;
        padding: 10px 15px;
        font-size: 24px;
        background: #fc8099; */
    color: #fff;
}

.modal-complete .modal-footer .close:hover {
    /* border: 2px solid #20CEA3;
        padding: 10px 15px;
        font-size: 24px;
        background: #20CEA3; */
    color: #fff;
}

.modal {
    opacity: 0;
    display: block !important;
    z-index: -1;
}

.map-head .logo {
    position: relative;
}

.map-head .logo {
    position: relative;
}

.map-head .menu-bottom .menu-main,
.map-head .menu-top .menu-main {
    padding-left: 0;
}

.map-head .menu-bottom .menu-main .name-title {
    padding: 0;
}

section.site-container.map-page {
    padding-top: 0px;
}

.map-head .item-list li a {
    width: 150px;
    padding: 10px;
    border-radius: 30px;
    font-size: 30px;
    font-weight: 400;
}

.map-head .item-list .download a:hover {
    color: #fff;
    /* border: 2px solid #00C9A7;
        background: #00C9A7; */
}

.map-head .item-list .download a {
    color: #00C9A7;
    border: 2px solid #00C9A7;
    background: #fff;
}

.map-head .item-list .print a:hover {
    color: #fff;
    /* border: 2px solid #FC8199;
        background: #FC8199; */
}

.map-head .item-list .print a {
    color: #FC8199;
    border: 2px solid #FC8199;
    background: #fff;
}

.map-head .menu-bottom .menu-main a {
    font-size: 29px;
}

.map-head .menu-bottom .menu-main a strong {
    display: block;
    font-size: 32px;
}

.map-head .item-list li+li {
    margin-left: 10px;
}

.modal-footer,
.modal-header {
    border: unset;
}

.modal-content .register-message .fail,
.modal-content .register-message .complete {
    margin: 10px;
}

.modal-footer .close {
    margin: 0 auto;
    margin-bottom: 10px;
}


/* .map-page .google-map iframe {
    width: 100%;
    height: 860px;

} */

.map-block {
    height: calc(100vh - 0px);
    overflow: hidden;
    padding-top: 180px;
}

.map-block.graphic-page {
    overflow: unset;
}

.map-page .google-map {
    height: 100%;
    padding-top: 0;
    min-height: 100%;
}

.map-page .google-map iframe {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.btn-box button {
    margin-right: 5px;
}

.btn-box button+button {
    margin-right: 0px;
    margin-left: 5px;
}

.btn-box button {
    background: unset;
    font-size: 24px;
    padding: 5px;
    height: 50px;
}

.btn-box .submit {
    color: #00C9A7;
    border: solid 2px #00C9A7;
    padding: 10px;
    width: 150px;
    display: inline-block;
    border-radius: 25px;
}

.btn-box .cancel {
    color: #FC8199;
    border: solid 2px #FC8199;
    padding: 10px;
    width: 150px;
    display: inline-block;
    border-radius: 25px;
}

.coral-contact .info-box .address .icon {
    width: 50px;
}

.coral-contact .info-box .address .title {
    width: calc(100% - 50px);
    line-height: 1;
}

.coral-contact .info-box .address>div {
    display: inline-block;
    float: left;
}

.coral-contact .info-box .address:after {
    content: "";
    display: block;
    clear: both;
}

.form-group {
    margin-bottom: unset;
    position: relative;
}

.search-input .select2-container .select2-selection--single {
    height: 45px;
}

.search-input .select2-container--default .select2-selection--single {
    overflow: hidden;
    border: 2px solid #7b1ce8;
    border-radius: 25px;
}

.search-input .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 40px;
    font-size: 24px;
    color: #7b1ce8;
    padding-left: 15px;
    font-weight: 600;
}

.select2-results__option {
    padding: 10px 15px;
    font-size: 24px;
    color: #666;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    outline: unset;
    font-size: 24px;
}

.search-input .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #7a1be8 transparent;
}

.search-input .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #7a1be8 transparent transparent transparent;
}

.other .title {
    padding: 0;
}

.how-to-find>.row+.row .radio-control {
    width: 113px;
}

.coral-profile .profile-box .form-bt.btn-box {
    margin-top: 30px;
}

.profile-box.report-coral form>div+div+div {
    margin-bottom: 0px;
}

.coral-profile .how-to-find .desktop {
    /* display: none; */
    visibility: unset;
}

.coral-profile .how-to-find .mobile {
    visibility: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.coral-report .img-item img {
    /* min-height: 157px;
    max-height: 157px; */
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.bg-img-item {
    height: 169px;
    width: 100%;
    background-image: url(../img/static/coral-knowledge-1.png);
    background-size: auto;
    background-position: center;
    left: 0px;
    position: relative;
    z-index: 1;
    background-repeat: no-repeat;
}

.knowledge-detail .img-item>img {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 0;
    right: 0;
}

.knowledge-detail .img-item {
    position: relative;
}

.knowledge-detail .slick-slide:nth-child(4n+1) .bg-img-item {
    height: 175px;
    width: 100%;
    background-image: url(../img/static/coral-knowledge-1.png);
    background-size: auto;
    background-position: center;
    left: 0px;
    position: relative;
    z-index: 1;
}

.knowledge-detail .slick-slide:nth-child(4n+2) .bg-img-item {
    height: 175px;
    width: 100%;
    background-image: url(../img/static/coral-knowledge-2.png);
    background-size: auto;
    background-position: center;
    left: 0px;
    position: relative;
    z-index: 1;
}

.knowledge-detail .slick-slide:nth-child(4n+3) .bg-img-item {
    height: 175px;
    width: 100%;
    background-image: url(../img/static/coral-knowledge-3.png);
    background-size: auto;
    background-position: center;
    left: 0px;
    position: relative;
    z-index: 1;
}

.knowledge-detail .slick-slide:nth-child(4n+4) .bg-img-item {
    height: 175px;
    width: 100%;
    background-image: url(../img/static/coral-knowledge-4.png);
    background-size: auto;
    background-position: center;
    left: 0px;
    position: relative;
    z-index: 1;
}

.coral-knowledge .bg-item {
    height: 360px;
    position: relative;
}

.coral-knowledge .bg-item .btn-view {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 20px;
}

.report-coral-detail .date-box>div {
    display: inline-block;
}

.report-coral-detail .date-box>div+div {
    margin-left: 10px;
}

.coral-profile .head-title h2+h2 {
    width: 180px;
    float: right;
    text-align: center;
}

.report-coral-detail .status {
    width: 180px;
    float: right;
    text-align: center;
}

.coral-profile .report-coral-detail .btn-status img {
    width: 20px;
    position: relative;
    top: 0px;
    margin-right: 5px;
    margin-left: 10px;
}

.coral-profile .report-coral-detail .status .status-2 .btn-status a {
    color: #FF1313;
    border: solid 2px #FF1313;
    width: 98px;
    font-size: 24px;
    height: 40px;
    line-height: 35px;
}

.report-coral-detail .date-box,
.report-coral-detail .status {
    display: inline-block;
}

.coral-profile .report-coral-detail .head-title.tx-2 {
    margin-top: 15px;
    border: unset;
}

.coral-profile .report-coral-detail .part-3 .head-title.tx-2 {
    border-top: 1px solid #ccc;
    padding-top: 15px;
}

.coral-profile .report-coral-detail .head-title {
    margin-bottom: 25px;
    padding-bottom: 15px;
}

.report-coral-detail .profile-box {
    border-bottom: 1px solid #ccc;
    padding-bottom: 50px;
}

.report-coral-detail .part-1 .tr {
    display: table;
    width: 100%;
}

.report-coral-detail .part-1 .tr .td {
    display: table-cell;
    padding: 5px 10px;
}

.report-coral-detail .part-1 .table .tr .td.id {
    width: 10%;
}

.report-coral-detail .part-1 .table .tr .td.ultra {
    width: 20%;
}

.report-coral-detail .part-1 .table .tr .td.percent {
    width: 20%;
}

.report-coral-detail .part-2 .table .thead .td,
.report-coral-detail .part-1 .table .thead .td {
    color: #0051DC;
    font-weight: 600;
    font-size: 24px;
}

.report-coral-detail .profile-box.part-2,
.report-coral-detail .profile-box.part-1 {
    padding-bottom: 20px;
}

.coral-profile .report-coral-detail .head-title.tx-2 {
    margin-bottom: 0;
}

.report-coral-detail .part-2 .tr {
    display: table;
    width: 100%;
}

.report-coral-detail .part-2 .tr .td {
    display: table-cell;
    padding: 5px 10px;
}

.report-coral-detail .part-2 .table .tr .td.ultra {
    width: 30%;
}

.report-coral-detail .part-2 .table .tr .td.percent {
    width: 25%;
}

.coral-profile .profile-box.part-3 span.title {
    width: unset;
}

.report-coral-detail .part-3 {
    padding: 20px 0;
}

.report-coral-detail .part-3 .row>div {
    /* margin-bottom: 10px; */
    margin-bottom: 15px;
}


/* .report-coral-detail .status span.status {
        width: 98px;
        font-size: 24px;
        display: inline-block;
        height: 40px;
        line-height: 35px;
        border-radius: 25px;
    } */

.coral-profile .profile-box .box-content span.status,
.report-coral-detail .status span.status {
    width: unset;
    padding: 0 10px;
    font-size: 24px;
    display: inline-block;
    height: 40px;
    line-height: 35px;
    border-radius: 25px;
    float: unset;
    text-align: center;
    /* vertical-align: sub; */
    vertical-align: middle;
}

span.status.blue {
    color: #0590cd;
    border: solid 2px #0590cd;
}

.btn-status {
    text-align: center;
}

span.status.yellow {
    color: #ffcc00;
    border: solid 2px #ffcc00;
}

span.status.green {
    /* color: #ffcc00;
        border: solid 2px #ffcc00; */
    color: #16d044;
    border: solid 2px #00cc33;
}

span.status.red {
    color: #FF1313;
    border: solid 2px #FF1313;
}

.coral-profile .report-coral-detail .btn-status img {
    width: 20px;
    position: relative;
    top: 5px;
    margin-right: 0px;
    margin-left: 0px;
    vertical-align: middle;
    display: inline-block;
}

.report-coral-detail .part-3 .form-bt.btn-box {
    text-align: center;
}

.report-coral-detail .part-3 {
    border: unset;
}

.form-bt.btn-box button {
    outline: unset;
}

.coral-report-page.coral-report {
    padding: 0;
}

.coral-knowledge-page .hitory-coral.coral-knowledge.download {
    padding-top: 0px;
}

.coral-knowledge-page .download-box .download a {
    color: #8229e9;
}

.coral-knowledge-page .download .download-box {
    color: #8229e9;
}

.coral-knowledge-page .download .download-box .content p span {
    color: #7b1ce8;
}

.botton-nav>a {
    color: #0051dc !important;
}

.botton-nav .x-back:hover {
    color: #fff !important;
    padding: 7px;
    border: unset;
}

.botton-nav .x-back:before {
    background: #0051dc;
}

.x-back {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    overflow: hidden;
}

.x-back:hover:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}

a.x-back:hover img {
    filter: brightness(0) invert(1);
}

a.x-back.back {
    cursor: pointer;
}

.x-back:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    /* background: #2098D1; */
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.x-hover {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.x-hover:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    /* background: #2098D1; */
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.x-hover:hover:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}

.x-hover:before {
    background: #05c9aa;
    color: #fff;
}

a.x-hover {
    overflow: hidden;
}

a.x-hover:hover {
    color: #fff;
    padding: 7px 12px;
    border: unset;
}

a.x-hover:hover img {
    filter: brightness(0) invert(1);
}

.coral-knowledge-page .download a.x-hover:hover {
    color: #fff;
}

.coral-knowledge-page .download .x-hover:before {
    background: #8229e9;
    color: #fff;
}

.botton-nav .back img {
    transform: rotate(180deg);
    margin-right: 5px;
}

.botton-nav .next img {
    margin-left: 5px;
}

.botton-nav a span {
    vertical-align: middle;
}

.knowledge-detail .img-item {
    position: relative;
    overflow: hidden;
}

.share .icon-share-fb {
    margin-right: 5px;
    border: #3B5998 solid 2px;
    padding: 3px 10px;
    border-radius: 25px;
    vertical-align: bottom;
}

.contact-area .select2-container--default .select2-selection--single .select2-selection__rendered {
    font-size: 24px;
}

.contact-area .select2-container .select2-selection--single {
    height: 45px;
}

.contact-area .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 44px;
}

.coral-contact .head-title {
    padding: 10px 20px;
}

.coral-contact .head-title img {
    margin-right: 10px;
}

a.view-all.x-hover:before {
    background: #fff;
    color: #fff;
}

.coral-contact .info-box .content-4 .title a:hover img,
.coral-contact .info-box .content-3 .title a:hover img {
    filter: unset;
}

.coral-knowledge-page .botton-nav {
    font-size: 25px;
    margin-top: unset;
    padding: 40px 0;
    padding-bottom: 0;
    /* border-top: solid 1px #ccc;
    border-bottom: solid 1px #ccc; */
}

.coral-rate-detail {
    font-size: 24px;
    line-height: 1;
}

.coral-report .coral-map .coral-rate-detail .sub-box .item-box .img .cover-bg {
    border-radius: 0px;
}

.coral-report .coral-map .coral-rate-detail .item-box .img .cover-bg {
    border-radius: 10px;
}

.menu-sub-page .item a span {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.date-read .read a.x-hover {
    border: solid 2px #7b1ce8;
    padding: 5px 20px;
    color: #7B1CE8;
}

.date-read .read a.x-hover:hover {
    color: #fff;
    border: unset;
    padding: 7px 22px;
}

.date-read .read a.x-hover:before {
    background: #7b1ce8;
}

.coral-report .coral-map .coral-rate-detail .date-read .read a.x-hover:hover {
    padding: 12px 2px;
    color: #fff;
    border: unset;
}

.coral-report .coral-map .coral-rate-detail .sub-box .date-read .read a.x-hover:hover {
    padding: 7px 2px;
}

.coral-report .coral-map .coral-rate-detail .date-read .read a.x-hover:before {
    background: #7b1ce8;
}

.coral-report .coral-map .coral-rate-detail .date-read .read a.x-hover:before {
    background: #7b1ce8;
}

.botton-nav a.x-hover:before {
    background: #0051dc;
}

.botton-nav>a:hover {
    color: #fff !important;
    padding: 7px;
    width: 120px;
    border: unset;
}

.breadcrumb-block a.x-back:hover {
    color: #fff;
}

.breadcrumb-block a.x-back:before {
    background: #D8D8D8;
}

.coral-rate-detail-page .download-box .download a:hover {
    color: #fff;
}

.coral-rate-detail-page .download-box .download a:before {
    background: #0051dc;
}

.coral-report .coral-map .coral-rate-detail .item-box .img .cover-bg {
    background-repeat: no-repeat;
    background-size: cover;
}

.coral-login .box-login .form-button button:before {
    background: #7B1CE8;
}

button {
    overflow: hidden;
}

.coral-login .register-box .register a:before {
    background: #918FFA;
}

.coral-login .box-login .form-button button:hover {
    border: unset;
}

.coral-login .box-login .form-button button:hover {
    color: #fff;
}

.coral-login .register-box .register a:hover {
    border: unset;
    color: #fff;
    padding: 9px;
    background: unset;
}

.coral-login .forgot-box .register .x-hover:before {
    background: #918FFA;
    color: #fff;
}

.coral-login .forgot-box .forgot .x-hover:before {
    background: #FC8099;
    color: #fff;
}

.coral-login .forgot-box .forgot a:hover {
    border: unset;
    color: #Fff;
    padding: 9px;
    background: unset;
}


/* .coral-knowledge-page {
    margin-top: 40px;
} */

.coral-knowledge-page .bg-menu .list.active a:hover {
    color: #fff;
}

.coral-knowledge-page .bg-menu .list a:hover {
    color: #116cd6;
}

.coral-profile .profile-box .add-img {
    padding: 10px;
    border-radius: 10px;
    border: solid 1px #ccc;
    margin-top: 25px;
}

.choose::-webkit-file-upload-button {
    color: white;
    background: #353A9D;
    border: none;
    padding: 10px 25px;
    font-weight: 700;
    border-radius: 25px;
    white-space: nowrap;
    cursor: pointer;
    font-size: 20px;
    /* margin-right: 25px; */
}

.choose {
    font-size: 24px;
    color: #003ADB;
    margin-right: 25px;
}

.coral-profile .profile-box .box-content {
    width: 100%;
}

.coral-profile .profile-box .pagination .active a {
    width: unset;
    height: unset;
    font-size: unset;
    line-height: unset;
    padding: 0 10px;
    display: block;
    min-width: 40px;
    height: 40px;
    padding: 0 10px;
    background-color: #fff;
    border: 1px solid #0051DC;
    text-align: center;
    font-size: 24px;
    font-weight: 500;
    line-height: 38px;
    color: #0051DC;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.coral-profile .profile-box .pagination-label span.color {
    padding: 0 43px;
    border: 2px solid #0051dc;
    margin: 0 5px;
    border-radius: 25px;
    font-size: 30px;
}

.coral-profile .profile-box .pagination .active a {
    background-color: #0051DC;
    color: #fff;
    border-color: transparent;
    text-decoration: none;
}

.btn-box .cancel,
.btn-box .submit {
    line-height: 1;
}

.coral-profile .profile-box a {}

.coral-profile .profile-box a.x-hover:hover {
    color: #fff;
    padding: 2px;
    border: unset;
}

.coral-profile .profile-box .download-box .download a.x-hover:before {
    background: #05c9aa;
    border-radius: 30px;
}

.coral-profile .profile-box .download-box .download a:hover {
    color: #fff;
    border: solid 2px #05c9aa;
}

.btn-box .submit:hover {
    color: #fff;
    padding: 2px;
    border: unset;
}

.btn-box .cancel:hover {
    color: #fff;
    padding: 2px;
    border: unset;
}

.btn-box .submit.x-hover:before {
    background: #00C9A7;
    border-radius: 30px;
}

.btn-box .cancel.x-hover:before {
    background: #FC8199;
    border-radius: 30px;
}

button.x-hover.submit-report:before {
    background: #00C9A7;
    border-radius: 30px;
}

button.x-hover.cancel-report:before {
    background: #FC8199;
    border-radius: 30px;
}

.content-part.part-3 button.x-hover.submit-report:hover {
    color: #fff;
    border: unset;
    padding: 7px;
}

.content-part.part-3 button.x-hover.cancel-report:hover {
    color: #fff;
    border: unset;
    padding: 7px;
}

.coral-profile .profile-box .btn-box .submit.x-hover:before {
    background: #00C9A7;
    border-radius: 30px;
}

.coral-profile .profile-box .btn-box .cancel.x-hover:before {
    background: #FC8199;
    border-radius: 30px;
}

.map-head .item-list .download a:hover {
    border: unset;
    padding: 12px;
}

.map-head .item-list .print a:hover {
    border: unset;
    padding: 12px;
}

.map-head .item-list .download a:before {
    background: #00C9A7;
}

.map-head .item-list .print a:before {
    background: #FC8199;
}

.coral-profile .coral-forgot .form-forgot .btn-forgot:before {
    background: #00C9A7;
}

.coral-profile .coral-forgot .form-forgot .btn-forgot:hover {
    background: unset;
    border: unset;
    padding: 4px;
}

.coral-profile .coral-forgot .form-forgot .btn-forgot {
    padding: 2px;
}

.register-box .x-hover.submit-register:hover {
    padding: 12px;
    border: unset;
}

.register-box .cancel-register:hover {
    padding: 12px;
    border: unset;
}

.register-blog-2 .register-box .form-button button:hover {
    /* padding: 7px; */
    border: solid 2px #00C9A7;
    color: #fff;
    padding: 5px;
}

.register-blog-2 .register-box .form-button button+button:hover {
    border: solid 2px #FC8199;
}

.register-blog-2 .register-box .form-button button {
    padding: 5px;
}


/*     
    border: solid 2px #00C9A7; */

.register-box .cancel-register:before {
    background: #FC8199;
}

.register-box .x-hover.submit-register:before {
    background: #00C9A7;
}

.register-message a:hover {
    color: #fff !important;
}

.register-message a {
    width: 150px;
    display: inline-block;
    border: 2px solid #918FFA;
    font-size: 24px;
    color: #918FFA;
    padding: 10px 15px;
    border-radius: 25px;
    margin-top: 40px;
}

.coral-profile .profile-box .pagination a {
    display: block;
    min-width: 40px;
    height: 40px;
    padding: 0 10px;
    background-color: #fff;
    border: 1px solid #0051DC;
    text-align: center;
    font-size: 24px;
    font-weight: 500;
    line-height: 38px;
    color: #0051DC;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    width: unset;
}

.table-coral .body-table span.green,
.table-coral .body-table span.yellow,
.table-coral .body-table span.red {
    /* width: 120px; */
}

.botton-nav>a span {
    line-height: 1;
}

.search-home-page.show {
    visibility: visible;
    opacity: 1;
}

.search-home-page {
    min-width: inherit;
    border: none;
    position: fixed;
    top: 225px;
    left: 0;
    width: 100%;
    height: calc(100vh - 225px);
    font-size: inherit;
    overflow-x: auto;
    padding: 0;
    margin: 0;
    border: 0;
    border-radius: 0;
    display: block;
    transition: all 400ms ease;
    visibility: hidden;
    opacity: 0;
}

.modal-search .search-input {
    position: relative;
    margin-top: 0px;
    display: table;
    width: 100%;
    height: 100%;
}

.modal-search .search-input .search {
    position: relative;
    margin: 0;
    padding: 20px;
    display: table-cell;
    vertical-align: middle;
}

.modal-search .search-input .search .default-block {
    margin-bottom: 20px;
}

.modal-search .modal-footer .close {
    width: 100px;
    border: 2px solid #fc8099;
    padding: 10px 15px;
    font-size: 24px;
    color: #fc8099;
    border-radius: 25px;
    opacity: 1;
}

.modal-search .modal-footer .close:hover {
    border: unset;
    color: #fff;
    padding: 12px 15px;
    background: unset;
}

.modal-search .modal-footer .close:before {
    background: #fc8099;
}

.modal-search .modal-dialog {
    max-width: 650px;
}

.modal-search .modal-content {
    height: 400px;
    border-radius: 20px;
}

.inner-page .banner-slide .content figure {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 280px;
    width: 100%;
    margin: unset;
}

.pagination li {
    display: inline-block;
    vertical-align: middle;
}

li.pagination-nav.back a img {
    transform: rotate(180deg);
    position: relative;
    left: -1px;
    top: -1px;
}

.coral-knowledge-page .bg-menu .list.active a {
    line-height: 1;
}

button {
    outline: unset !important;
}

.fancybox-inner {
    background: #00000075;
}

.desc-img img {
    max-height: 200px;
    min-height: 200px;
    /* width: 100%; */
}

.modal-news.show {
    display: flex !important;
}

.modal-news {
    position: fixed;
    z-index: 1050;
    display: none;
    height: 100%;
    align-items: center;
    justify-content: center;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #0000004d;
}

.box-slide-new {
    /* padding: 10px;
        background: #fff; */
    position: relative;
    height: 100%;
}

.modal-news .container {
    /* height: 100%; */
}


/* .box-slide-new .slide-new {
    position: absolute;
    top: 50%;
    width: 100%;
    margin-top: 100;
    margin-top: -372.5px;
} */

.slide-new button.close {
    position: absolute;
    right: -20px;
    top: -20px;
    color: #000;
    background: #fff;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    border: #0051DC solid 2px;
    font-size: 35px;
    opacity: 1;
    vertical-align: middle;
    z-index: 999;
    color: #0051DC;
}

.slide-new button.close span {
    line-height: 1px;
    position: relative;
    top: -1px;
}

.slide-new .item {
    padding: 10px;
    background: #fff;
    position: relative;
    border-radius: 10px;
}

.slide-new .item img {
    width: 100%;
    border-radius: 10px;
}

.slide-new .slick-dots li.slick-active button:before {
    opacity: 1;
    background: #fff;
}

.slide-new .slick-dots li button:before {
    content: "";
    border: solid 3px #fff;
    border-radius: 50%;
    opacity: 1;
}

.slide-new .close:not(:disabled):not(.disabled):focus,
.slide-new .close:not(:disabled):not(.disabled):hover {
    opacity: 1;
    background: #0051DC;
    border: #0051DC solid 2px;
    color: #fff;
}

.slide-new button.close:hover {
    color: #fff;
}

.slide-new .slick-dots {
    bottom: -45px;
}

.modal-complete .modal-footer .close:hover {
    border: unset;
    padding: 12px 17px;
    font-size: 24px;
    color: #fff;
    background-color: unset;
}

.modal-fail .modal-footer .close:hover {
    border: unset;
    padding: 12px 17px;
    font-size: 24px;
    color: #fff;
    background-color: unset;
}

.modal-fail .modal-footer .x-hover:before {
    background: #fc8099;
    color: #fff;
}

.modal-complete .modal-footer .close:hover {
    border: unset;
    padding: 12px 17px;
    font-size: 24px;
    color: #fff;
    background-color: unset;
}

.coral-knowledge-page .head-title {
    padding-bottom: 0;
}

.coral-knowledge-page .hitory-coral.coral-knowledge.download {
    margin-top: 40px;
}

.intro-img {
    /* padding-top: 45%; */
    position: relative;
    background: #5c4263;
    height: calc(100vh - 140px);
}

.intro-img img.logo-img {
    width: 100%;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}

.contact .bg-home {
    min-height: unset;
    /* padding: 40px 0; */
}

.password-input .field-icon {
    /* float: right; */
    /* margin-left: -25px; */
    /* margin-top: -25px; */
    position: absolute;
    z-index: 2;
    right: 0;
    top: 16px;
    right: 10px;
    font-size: 16px;
    z-index: 1111;
}


/* .register-box .password-input .field-icon {
        top: 16px;
    } */

.box-login .password-input .field-icon {
    top: 20px;
}

.alert {
    font-size: 20px;
    line-height: 1;
}

span.red {
    color: red;
}

.input-group>.custom-select:not(:last-child),
.input-group>.form-control:not(:last-child) {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.captcha-box {
    margin-bottom: 0 !important;
}

.menu-bottom .menu-main .member:hover {
    overflow: hidden;
    border: solid 2px #353a9d;
}

.menu-bottom .menu-main .member img {
    filter: brightness(0) invert(1);
}

.menu-bottom .menu-main .member a {
    font-weight: 400;
}

.menu-bottom .menu-main .member:hover a img {
    filter: unset;
}

.menu-bottom .menu-main .member:hover a {
    color: #353A9D;
}

.menu-bottom .menu-main .member:before {
    background: #fff;
    border-radius: 10px;
}

.coral-knowledge-page .bg-menu {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}


/* 
.coral-rate-detail-page .coral-rate-detail img {
    display: none;
}
 */

.desc-img .item {
    padding: 0 5px;
}

.slick-dots li.slick-active button:before {
    opacity: 1;
    background: #003ADB;
}

.slick-dots li button:before {
    content: "";
    border: solid 2px #003ADB;
    border-radius: 50%;
    opacity: 1;
}

.menu-sub-page ul.slick-dots {
    display: none !important;
}

.download-box .download a img {
    display: inline-block;
}

.noti {
    margin-top: 15px;
}


/* span#message,
span#message-1 {
    display: none;
} */

span#message.no,
span#message-1.no {
    display: none;
}

span#message.yes,
span#message-1.yes {
    display: block;
}

span#message {
    color: green;
}

span#message-1 {
    color: red;
}


/* .coral-rate-detail .sub-box .item-box {
    min-height: 465px;
} */


/* .coral-rate-detail .sub-box .item-box .date-read {
    bottom: -30px;
    position: relative;
} */

.coral-contact .info-box .contact>div>div a {
    color: #fff;
}

.fa,
.fas {
    font-weight: 500;
}

.pagination-nav a {
    max-width: 40px;
    padding: 0 0px;
}

.pagination-nav a svg {
    position: relative;
    top: -1px;
    left: -1px;
}

.pagination a:hover {
    color: #0051dc;
}

.content a {
    color: #212529;
}


/* 
.pagination a span {
    vertical-align: middle;
    position: relative;
    top: -1px;
}

.fa-angle-left:before {
    font-weight: 400;
} */

.coral-profile .head-title h2+h2,
.coral-profile .head-title.tx-2 h2 {
    font-size: 32px;
}

.coral-profile .head-title h2+h2 {
    width: 50%;
    float: right;
    text-align: right;
}

.report-coral-detail .status {
    width: 50%;
    float: right;
    text-align: right;
}

.report-coral-detail .status .btn-status {
    text-align: center;
    float: right;
}

.coral-profile .profile-box .pagination .last-page a {
    max-width: unset;
    border-radius: 20px;
    padding: 0 10px;
}

.pagination-nav.last-page a {
    max-width: unset;
    border-radius: 20px;
    padding: 0 10px;
}

.table .title.xs {
    display: none;
}

a.unlink,
.coral-knowledge .bg-item a.unlink {
    font-size: unset;
    color: unset;
    border: unset;
    padding: unset;
    border-radius: unset;
    margin-top: unset;
    width: unset;
    display: block;
    text-align: unset;
    margin: unset;
}

a.unlink:hover img,
a.unlink img {
    filter: unset !important;
    -webkit-transform: unset !important;
    transform: unset !important;
}

.coral-report .report-slide .title a {
    font-size: 24px;
    line-height: 1;
    color: #0051DC;
    overflow: hidden;
    line-height: 1;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

a.unlink,
.coral-knowledge .bg-item a.unlink img {
    margin: unset;
    display: unset;
    margin: 0 auto;
}

.coral-knowledge .bg-item a:hover img,
.coral-knowledge .head-title a:hover img,
.coral-report .head-title a:hover img,
.coral-map .head-title a:hover img {
    /* filter: brightness(0) invert(1); */
}

.cover,
figure.cover {
    position: relative;
}

.report-slide figure.cover {
    width: 100%;
    height: 170px;
}

.menu-list {
    display: block;
    position: fixed;
    width: 100%;
    bottom: -100%;
    top: 100%;
    background: #fff;
    left: 0;
    right: 0;
    z-index: 100000000000000000000;
    transition: all 0.8s ease;
    -webkit-transition: all 0.8s ease;
    -moz-transition: all 0.8s ease;
    -o-transition: all 0.8s ease;
    -ms-transition: all 0.8s ease;
}

.menu-list.open {
    display: block;
    top: 0;
}

.menu-box {
    position: relative;
    width: 100%;
    background: #d595ef;
    text-align: center;
    font-size: 24px;
    display: block;
    line-height: 1;
    padding: 10px;
    border-radius: 10px;
    color: #fff;
    background: rgb(82, 122, 246);
    background: linear-gradient(90deg, rgba(82, 122, 246, 1) 0%, rgba(238, 154, 238, 1) 100%);
}

.menu-list li span {
    color: #30409F;
}

.menu-list li.active span {
    color: #fff;
}

.menu-list li.active {
    background: rgb(82, 122, 246);
    background: linear-gradient(90deg, rgba(82, 122, 246, 1) 0%, rgba(238, 154, 238, 1) 100%);
    color: #fff;
}

.menu-list li {
    display: block;
    width: 100%;
    /* height: 25px; */
    font-size: 20px;
    color: #30409F;
    padding: 20px;
    border-bottom: solid 1px #ccc;
}

.menu-list a.closebtn {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 36px;
    margin-left: 50px;
    color: #0058C6;
    /* padding: 10px; */
    width: 30px;
    background: #FFF;
    height: 30px;
    padding: 9px 9px;
    border-radius: 50%;
    z-index: 2;
}

.menu-list .tap-head span {
    display: table-cell;
    vertical-align: middle;
    color: #fff;
    font-size: 24px;
}

.menu-list .tap-head {
    position: absolute;
    height: 50px;
    width: 100%;
    text-align: center;
    background: #0058C6;
    display: table;
    z-index: 1;
}

.menu-list ul {
    top: 50px;
    position: relative;
    /* padding-top: 15px; */
    padding-left: 0;
}

.menu-mobile {
    display: none;
}

.menu-list.blog .scroll {
    position: fixed;
    max-height: 100%;
    width: 100%;
    overflow-y: scroll;
    top: 100%;
    padding-top: 50px;
}

.menu-list.open .scroll {
    transition: all 0.8s ease;
    -webkit-transition: all 0.8s ease;
    -moz-transition: all 0.8s ease;
    -o-transition: all 0.8s ease;
    -ms-transition: all 0.8s ease;
    top: 0px;
}

.menu-list.blog .tap-head {
    /* display: none; */
}

.menu-list .scroll ul {
    top: 0;
}

.menu-list.blog a.closebtn {
    border: 1px solid #0058c6;
    padding: 7px 8px;
}


/* .menu-list.blog .scroll {
    display: none;
    transition: all 0.8s ease;
    -webkit-transition: all 0.8s ease;
    -moz-transition: all 0.8s ease;
    -o-transition: all 0.8s ease;
    -ms-transition: all 0.8s ease;
}

.menu-list.open .scroll {
    display: block;
} */

.gm-style {
    font-family: 'db_helvethaica', sans-serif;
    font-size: 20px;
}

.gm-style .gm-style-iw {
    font-size: 20px;
}

.menu-main h2 {
    display: inline-block;
    float: left;
    vertical-align: middle;
    padding: 5px 0;
    color: #fff;
    font-size: 31px;
    opacity: 0;
    -webkit-transition: All 200ms ease;
    -moz-transition: All 200ms ease;
    -o-transition: All 200ms ease;
}

.site-header.tiny .menu-main h2 {
    opacity: 1;
}

.footer-start .name .title {
    font-size: 40px;
    padding-right: 40px;
}

.footer-start .sup-title {
    margin-top: 10px;
}

.coral-rate-detail h2 {}

.coral-rate-detail span,
.coral-rate-detail a,
.coral-rate-detail p {
    font-size: 24px;
}

.coral-rate-detail .item-box .cover {
    height: 350px;
}

.coral-report-page.coral-report .item-box .cover {
    height: 400px;
}

.coral-report-page.coral-report .sub-box .item-box .cover {
    height: 250px;
}

.coral-rate-detail .item-box .cover img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.coral-rate-detail .sub-box figure.cover,
.coral-rate-detail .sub-box .cover {
    height: 250px;
}


/* .coral-rate-detail .sub-box .item-box {
    height: 250px;
} */

.coral-report-page.coral-report .sub-box .date-read .read {
    width: 70px;
    text-align: center;
}

.coral-report-page.coral-report .coral-map .coral-rate-detail .sub-box .date-read .read a {
    padding: 5px 0px;
}

.coral-rate-detail-page .head-box {
    display: table;
}

.coral-rate-detail-page .head-box>div {
    display: table-cell;
    vertical-align: middle;
    height: 100%;
}

.coral-rate-detail-page .head-box {
    display: table;
    width: 100%;
    margin-bottom: 40px;
}

.coral-rate-detail-page .head-box .head-title {
    width: calc(100% - 350px);
}

.coral-rate-detail-page .head-box .head-title-sub {
    width: 350px;
    margin-bottom: 40px;
    padding-bottom: 40px;
    border-bottom: solid 1px #B4B4B4;
    text-align: end;
}

.coral-rate-detail-page .head-box .head-title-sub>div+div {
    padding-left: 20px;
}

.coral-rate-detail-page .head-box .head-title-sub>div {
    float: unset;
    /* padding: 5px; */
}

.map-head .menu-bottom {
    padding-top: 0px;
}

.menu-sub li.mobile {
    display: none;
}

.coral-profile .profile-box.report-coral .block-control img {
    width: 100% !important;
}

.coral-profile .profile-box.report-coral .add-img {
    margin-top: 0;
}

.content-part.part-3 .img {
    margin-bottom: 15px;
}

.choose {
    white-space: pre-wrap;
    display: -webkit-box;
    overflow: hidden;
}

.content-part .radio-control h4 {
    display: inline-block;
}

.coral-profile .profile-box .content-part .radio-control a {
    position: relative;
    z-index: 99;
    width: unset;
    width: 35px;
    height: 35px;
    border-radius: 5px;
    border: solid 2px #0033FF;
    color: #0033FF;
    display: inline-block;
    vertical-align: middle;
}


/* .content-part .td.pic {
    width: 85px;
} */

.content-part .radio-control a svg {
    position: absolute;
    top: 3px;
    right: 0;
    left: 0;
    bottom: 0;
    width: 100%;
}

.content-part .radio-control {
    margin-right: 15px;
    width: 100%;
}

.content-part .radio-content {
    width: calc(100% - 35px);
    margin: 0 -2px;
    display: inline-block;
    vertical-align: middle;
}

.content-part.part-3 .radio-control {
    width: auto;
}

.modal-news.show .slide-new {
    max-height: 600px;
    margin: 0 auto;
    max-width: 600px;
    position: relative;
    /* overflow: hidden; */
}

.modal-news.show .slide-new img {
    max-height: 600px;
}

.menu-sub-page .item {
    position: relative;
}

.menu-sub-page .item a.icon-rss {
    background: unset;
    border: unset;
    width: 20px;
    height: 20px;
    z-index: 1;
    position: absolute;
    top: 10px;
    padding: 0;
    right: 15px;
    transition: transform .2s;
}

.menu-sub-page .item a.icon-rss:hover {
    transform: scale(1.1);
}

.menu-sub-page .item a.icon-rss img {
    width: 100%;
    height: 100%;
}

.menu-list li {
    position: relative;
}

.menu-list li a.icon-rss {
    background: unset;
    border: unset;
    width: 20px;
    height: 20px;
    z-index: 1;
    position: absolute;
    top: 15px;
    padding: 0;
    right: 15px;
}

.previews .form-button {
    text-align: center;
}

.previews .form-button a+a {
    color: #FC8199;
    border: solid 2px #FC8199;
    margin-right: 0px;
    margin-left: 5px;
}

.previews .form-button a {
    width: 120px;
    height: 45px;
    font-size: 24px;
    line-height: 34px;
    color: #00C9A7;
    border: solid 2px #00C9A7;
    margin-right: 5px;
}

.coral-profile .previews .form-button a+a:before {
    background: #FC8199;
}

.coral-profile .previews .form-button a:before {
    background: #00C9A7;
}

.coral-profile .previews .form-button a:hover {
    line-height: 42px;
}

.news.scroll {
    padding-top: 134px;
}

#coral-map-scroll,
#coral-report-scroll,
#coral-knowledge-scroll,
#coral-home-content-scroll,
#news {
    position: relative;
    top: -134px;
}

.gm-style-iw-d a b.hmap+b.hmap {
    font-size: 23px;
}

.gm-style-iw-d a {
    font-size: 20px;
}

.gm-style-iw-d a b.hmap {
    font-size: 22px;
}

.pin-slide .slick-dots li button:before {
    width: 15px;
    height: 15px;
}

.pin-slide .slick-dots li {
    margin: 0;
}

.menu-sub li span {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.modal-complete .modal-footer .close-1 {
    width: 90px;
    border: 2px solid #20CEA3;
    padding: 10px 15px;
    font-size: 24px;
    color: #20CEA3;
    border-radius: 25px;
    opacity: 1;
    background: unset;
    height: unset;
}

.modal-footer .close-1 {
    margin: 0 auto;
    margin-bottom: 10px;
}

.coral-map-page .coral-map>.container {
    background: #fff;
    padding: 40px;
    border-radius: 10px;
    position: relative;
}

.after-login {
    padding: 5px 0;
    background: #fff;
}

.after-login .container {
    text-align: end;
}

.after-login .container>div {
    display: inline-block;
}

.after-login .user-name a {
    font-size: 20px;
    color: #6c757d;
}

.user-name svg {
    width: 18px;
}

.after-login .user-name {
    padding-right: 10px;
    font-size: 24px;
    color: #6c757d;
    position: relative;
}

.after-login .user-name a span {
    vertical-align: middle;
    margin-left: 5px;
}

.after-login .user-name:after {
    content: "";
    display: block;
    width: 2px;
    height: 20px;
    background: #6c757d;
    position: absolute;
    top: 2px;
    right: 0;
}

.after-login .log-out svg {
    color: #6c757d;
    width: 20px;
    position: relative;
    top: -1px;
}

.after-login .log-out {
    padding-left: 10px;
}

header.site-header.tiny .after-login {
    display: none;
}

.accordion {
    display: block;
    cursor: pointer;
    /* padding: 18px; */
}

.accordion.active,
.accordion:hover {
    background-color: #9549ec;
}

.table-coral .body-table .accordion.active svg,
.table-coral .body-table .accordion.active .location,
.table-coral .body-table .accordion:hover .location {
    color: #ffffff;
}

.panel {
    padding: 0 18px;
    display: none;
    background-color: white;
    overflow: hidden;
}

.coral-map-page .table-coral .box {
    font-size: 0;
    display: table;
    width: 100%;
}

.coral-map-page .table-coral .box>div {
    display: table-cell;
    vertical-align: middle;
}

.coral-map-page .table-coral .head-title h2 {
    font-size: 24px;
    display: inline-block;
    margin: 0;
}

.coral-map-page .table-coral .report-coral-detail .part-2 .table .thead .td,
.coral-map-page .table-coral .report-coral-detail .part-1 .table .thead .td {
    color: #0051DC;
    font-weight: 600;
    font-size: 20px;
}

.coral-map-page .table-coral .coral-detail {
    margin: 10px 0;
}

.coral-map-page .table-coral .head-title.tx-2 {
    margin-top: 20px;
}

.table-coral .report-coral-detail .part-3 .table .tr .td,
.table-coral .report-coral-detail .part-2 .table .tr .td,
.table-coral .report-coral-detail .part-1 .table .tr .td {
    font-size: 18px;
}

.accordion-box {
    margin-top: 40px;
}

.accordion-box .table-coral .body-table .td.status {
    font-size: 0;
}

.accordion-box .table-coral .body-table svg {}

.accordion-box .table-coral .body-table span {
    width: calc(100% - 24px);
}

.accordion-box .table-coral .body-table span,
.accordion-box .table-coral .body-table svg {
    display: inline-block;
    vertical-align: middle;
}

.accordion-box .table-coral .head-table .location,
.accordion-box .table-coral .body-table .location {
    width: calc(100% - 224px);
}

.accordion-box .table-coral .head-table .status,
.accordion-box .table-coral .body-table .status {
    width: 224px;
}

.dd-mm-yyyy .block-control {
    width: calc(100% / 3);
    display: inline-block;
    vertical-align: middle;
}

.coral-profile .dd-mm-yyyy .control-label {
    display: block;
}

.coral-profile .dd-mm-yyyy .select2-container {
    width: 100% !important;
}

.form-default .dd-mm-yyyy .form-group {
    font-size: 0;
}

.dd-mm-yyyy .block-control {
    padding-right: 5px;
}

.intro-box .slick-dots {
    bottom: 30px;
}

.accordion-box .coral-profile span {
    width: auto !important;
    font-size: 20px !important;
}

.accordion-box .coral-profile .coral-detail {
    padding: 0px;
}

.accordion-box .coral-profile span.desc {
    padding-left: 5px;
}

.user-login .block-control input {
    width: 333px !important;
}

.coral-rate-detail .item-box .content h2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.coral-rate-detail .item-box .content p {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.coral-rate-detail .item-box .content {
    min-height: 205px;
}

.menu-sub-page .item a:hover {
    background: rgb(82, 122, 246);
    background: linear-gradient(90deg, rgba(82, 122, 246, 1) 0%, rgba(238, 154, 238, 1) 100%);
    border: solid 1px linear-gradient(90deg, rgba(82, 122, 246, 1) 0%, rgba(238, 154, 238, 1) 100%);
}

.menu-sub-page .item a span {
    /* display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden; */
}

.menu-sub-page .item a:hover span {
    color: #fff;
}

li.breadcrumb-item {
    display: inline-block;
}

li.breadcrumb-item>a,
li.breadcrumb-item>span {
    display: inline-block;
    vertical-align: middle;
}

li.breadcrumb-item .box {
    display: table-cell;
    vertical-align: middle;
}

.breadcrumb-item span {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 1;
    max-width: 200px;
}

.breadcrumb {
    display: block;
}


/* li.breadcrumb-item {
    max-width: 150px;
} */

.table-coral .body-table .td .icon {
    position: relative;
    width: 21px;
    height: 30px;
    margin-right: 5px;
    display: inline-block;
    vertical-align: middle;
}

.table-coral .body-table .td .icon img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

section.site-container.login {
    position: relative;
    top: 35px;
}

.ck-editor {
    font-family: Arial, Helvetica, sans-serif;
    line-height: 1.5;
}

.ck-editor a,
.ck-editor p,
.ck-editor span {
    font-size: 16px;
}

.ck-editor h6,
.ck-editor h5,
.ck-editor h4,
.ck-editor h3,
.ck-editor h2,
.ck-editor h1 {
    color: #7B1CE8;
}

.ck-editor h6 {
    font-size: 18px;
}

.ck-editor h5 {
    font-size: 20px;
}

.ck-editor h4 {
    font-size: 22px;
}

.ck-editor h3 {
    font-size: 24px;
}

.ck-editor h2 {
    font-size: 26px;
}

.ck-editor h1 {
    font-size: 30px;
}

.desc-img .item a img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.desc-img .item a {
    position: relative;
    padding-top: 75%;
    display: block;
    /* max-height: 198px; */
}

.coral-knowledge-detail span {
    display: inline-block;
    vertical-align: middle;
}

.coral-knowledge-detail p strong {
    display: inline-block;
    vertical-align: middle;
}

.coral-profile .head-title img {
    margin-right: 0px;
}

.coral-map.coral-rate-detail-page .slide-news a,
.coral-map.coral-rate-detail-page+.coral-map.coral-rate-detail-page .item a {
    font-family: 'db_helvethaica', sans-serif;
}

.coral-map.coral-rate-detail-page+.coral-map.coral-rate-detail-page .item-box .item-content a .date {
    font-size: 22px !important;
}

.coral-map.coral-rate-detail-page+.coral-map.coral-rate-detail-page .item-box .item-content a {
    font-size: 22px !important;
}

.coral-member .coral-map.coral-rate-detail-page+.coral-map.coral-rate-detail-page .item-box .item-content {
    height: 55px;
}

.coral-member .coral-map.coral-rate-detail-page+.coral-map.coral-rate-detail-page .item-box:hover .item-content {
    height: 100%;
}

.coral-map.coral-rate-detail-page .item-box .title {}

.about-coral.coral-map .head-title {
    font-size: 0;
}

.about-coral.coral-map .head-title img {
    margin-right: 0;
    float: left;
    width: auto;
}

.about-coral.coral-map .head-title h2 {
    /* width: calc(100% - 50px); */
    width: calc(100% - 50px);
    display: inline-block;
    float: left;
    /* padding-left: 15px; */
    font-weight: bold;
    margin-left: -10px;
    padding-top: 15px;
}


/* .pin-all .pin-red:hover p {
    color: #fff;
}

.pin-all .pin-red a {
    padding: 10px 10px;
    border: solid 1.5px #003ADB;
    border-radius: 5px;
    width: 100%;
}

.pin-all .pin-red:hover a {
    background: #003ADB;
    border-radius: 5px;
    transition: all 0.5s;
} */

.coral-rate-detail-page .coral-rate-detail .img-top{
	text-align: center;
}
.coral-rate-detail-page .coral-rate-detail .img-top img {
    display: inline-block;
    margin: 0 auto;
    margin-bottom: 20px;
    width: auto;
    max-width: 100%;
}

.ck-editor table,
.ck-editor .div {
    max-width: 100%;
    width: auto !important;
}

.coral-member.coral-profile .coral-map.coral-rate-detail-page {
    padding-top: 0;
}

.coral-member.coral-profile .coral-rate-detail .head-title {
    padding-top: 0;
}

.coral-member.coral-profile .coral-rate-detail-page .container {
    padding: 0;
}

.coral-member.coral-profile .coral-rate-detail-page .container table,
.coral-member.coral-profile .coral-rate-detail-page .container .div {
    max-width: 100%;
    width: auto !important;
}

.detail-all .head-title.img {
    margin-top: 40px;
    margin-bottom: 40px;
}

.detail-all>.head-title {
    margin-top: 40px;
}

.coral-member.coral-profile .coral-map.coral-rate-detail-page {
    margin-top: 40px;
}

.coral-member.coral-profile .coral-rate-detail-page .container {
    padding-right: 15px;
    padding-left: 15px;
    background: none;
}

.coral-profile .coral-detail {
    background: #fff;
    -webkit-box-shadow: 10px 30px 50px rgb(183 183 183 / 70%);
    -moz-box-shadow: 10px 30px 50px rgb(183 183 183 / 70%);
    box-shadow: 10px 10px 15px rgb(183 183 183 / 33%);
    border-radius: 10px;
}

.coral-member.coral-profile .coral-rate-detail-page .container .coral-rate-detail {
    background: #fff;
    -webkit-box-shadow: 10px 30px 50px rgb(183 183 183 / 70%);
    -moz-box-shadow: 10px 30px 50px rgb(183 183 183 / 70%);
    box-shadow: 10px 10px 15px rgb(183 183 183 / 33%);
    border-radius: 10px;
    padding: 40px;
}

.coral-member.coral-profile .container .coral-rate-detail {
    background: #fff;
    -webkit-box-shadow: 10px 30px 50px rgb(183 183 183 / 70%);
    -moz-box-shadow: 10px 30px 50px rgb(183 183 183 / 70%);
    box-shadow: 10px 10px 15px rgb(183 183 183 / 33%);
    border-radius: 10px;
    padding: 40px;
}

.coral-member.coral-profile .coral-map.coral-rate-detail-page+.coral-map.coral-rate-detail-page {
    margin-top: 0px;
    padding: 0;
}

.coral-member.coral-profile .coral-map.coral-rate-detail-page+.coral-map.coral-rate-detail-page .container {
    padding: 0;
    padding-right: 15px;
    padding-left: 15px;
    background: none;
}

.content-part.part-3 a.close-file i {
    font-size: 13px;
    position: relative;
    padding: 5px;
    top: -2px;
    left: -1px;
}

.content-part.part-3 a.close-file {
    display: inline-block;
    width: 22px;
    height: 22px;
    line-height: 0;
    border: solid 2px #FC8199;
    color: #FC8199;
    padding: unset;
}

.content-part.part-3 div#uploadTxt {
    display: inline-block;
}

.content-part.part-3 .btn.btn-file {
    display: none;
}

.content-part.part-3 .upload-wrapper {
    margin-top: 5px;
}

.content-part.part-3 .upload-wrapper+.upload-wrapper {
    margin-bottom: 10px;
}

.coral-profile .coral-detail {
    margin-bottom: 40px;
}

.panel .coral-profile .coral-detail {
    -webkit-box-shadow: unset;
    -moz-box-shadow: unset;
    box-shadow: unset;
}

.panel {
    border-bottom: dashed 1px #9687F5;
}

.panel .read-more a {
    display: inline-block;
    border: solid 2px #0051dc;
    padding: 5px;
    width: 120px;
    text-align: center;
    color: #0051dc;
    border-radius: 20px;
    font-size: 24px;
    line-height: 1;
}

.panel .read-more a:hover {
    color: #fff !important;
    padding: 7px;
    width: 120px;
    border: unset;
}

.panel .read-more a.x-hover:before {
    background: #0051dc;
}

.pagination li.active a:hover {
    color: #fff;
}

.panel .read-more {
    text-align: right;
    margin-bottom: 15px;
}

.coral-profile .profile-box .img div#map1 a {
    width: unset;
    text-align: center;
    border: unset;
    background: unset;
    color: #918FFA;
    height: 50px;
    font-size: 20px;
}

.ck-editor h1,
.ck-editor h2,
.ck-editor h3,
.ck-editor h4,
.ck-editor h5,
.ck-editor h6 {
    font-family: 'db_helvethaica', sans-serif;
    width: 100%;
}

.ck-editor h2,
.ck-editor h1 {
    font-size: 42px;
    display: inline-block;
}

.ck-editor h3 {
    font-size: 30px;
}

.ck-editor h4 {
    font-size: 28px;
}

.ck-editor h5 {
    font-size: 26px;
}

.ck-editor h6 {
    font-size: 24px;
}

.coral-knowledge-detail .ck-editor img {
    margin: unset;
    display: unset;
}

.ck-editor img {
    margin: unset;
    /* display: unset; */
    margin: auto auto;
    display: block;
    width: 100%;
}

.file-all-list span+span {
    margin-left: 5px;
}

.file-all-list {
    width: 600px;
    padding: 10px;
    border: dashed 1px #003adb;
    margin-top: 10PX;
}

.coral-profile .profile-box .file-all-list a {
    width: auto;
    color: #003adb;
    border: unset;
    font-size: 24px;
    height: auto;
    line-height: 1;
}

.coral-profile .profile-box .file-all-list a span {
    color: #333;
}

.coral-profile .profile-box .file-all-list a span.desc {
    color: #003ADB;
}

span.status.darkred {
    color: #f00;
    border: solid 2px #f00;
}

span.status.gray {
    color: #bababa;
    border: solid 2px #bababa;
}

.coral-profile .profile-box .download-box p {
    margin-bottom: 0;
}

.coral-profile .profile-box .download-box .download a {
    color: #05c9aa;
    padding: 5px 10px;
    border: solid 2px;
    border-radius: 30px;
    display: inline-block;
    font-size: 20px;
    line-height: 1;
    width: auto;
    height: auto;
}

.coral-profile .profile-box .hitory-coral.coral-knowledge.download h2 {
    color: #05c9aa;
}

.modal {
    background: rgb(0 0 0 / 0.30);
}

footer.site-footer.login {
    top: 35px;
}

.x-hover:disabled:before {
    background: unset!important;
}

button:disabled {
    color: #bababa!important;
    border: solid 2px #bababa!important;
}

.breadcrumb-block {
    position: relative;
    z-index: 1;
}

.bg-inner {
    margin-top: 0px;
    z-index: 1;
}

.coral-profile .coral-detail,
.coral-profile .menu-profile {
    z-index: 1;
    position: relative;
}

.container {
    z-index: 1;
    position: relative;
}

.breadcrumb {
    margin-bottom: 0;
}

.ck-editor {
    font-size: 18px;
}

.ck-editor td {
    vertical-align: top;
    padding-right: 20px;
}

.ck-editor td+td {
    padding-right: 0;
}

.coral-knowledge .item {
    padding: 0 10px;
}

.no-data {
    line-height: 1;
    padding: 10px;
    text-align: center;
    font-size: 24px;
}

.no-data span {
    font-size: 24px!important;
}

.no-data .text:after,
.no-data .text:before {
    content: '';
    display: inline-block;
    width: calc(50% - 50px);
    border-top: dashed 1px #ccc;
    vertical-align: middle;
}

.no-data span {
    width: 100px;
    padding: 0 10px;
}

.site-container.x .knowledge-detail {
    margin: 30px 0;
}

.site-container.x .knowledge-detail .slick-slider {
    padding-bottom: 30px;
}

.about-coral.coral-map .botton-nav {
    padding-top: 40px;
    border-top: solid 1px #ccc;
}

.about-coral-content .ck-editor h2 img {
    width: 100%!important;
    padding-bottom: 40px;
    border-bottom: solid 1px #ccc;
    height: auto!important;
}

.mobile-rate {
    display: none;
}

.coral-profile .menu-slider-item:hover .box-step {
    background: rgb(6, 139, 255);
    background: linear-gradient(0deg, rgba(6, 139, 255, 1) 0%, rgba(53, 58, 157, 1) 100%);
    height: 80px;
    border-radius: 10px;
    /* display: block; */
    color: #fff;
    font-size: 30px;
    text-align: left;
    border: transparent;
    line-height: 0.8;
}

.coral-profile .menu-slider-item:hover .box-step .num img {
    filter: brightness(0) invert(1);
}

.coral-profile .menu-slider-item:hover .box-step a {
    color: #fff;
}

.coral-profile .profile-box .edit-btn .x-hover:before {
    background: #918FFA;
    color: #fff;
}

.user-name img {
    width: 20px;
}

.user-name .user {
    display: inline-block;
}

.after-login .container>div {
    vertical-align: middle;
}

.user-name .user {
    display: inline-block;
    width: 20px;
    height: 24px;
    vertical-align: middle;
    overflow: hidden;
    position: relative;
}

.user-name img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}


/* span#mailerror.ok {
    background: url(../img/static/checked.png) center no-repeat;
    background-size: 16px;
} */


/* span#mailerror.ok {
    background: url(public/image/icon/checked.png) center no-repeat;
    background-size: 16px;
} */

span#passerror.ok,
span#mailerror.ok {
    background: url('../img/static/checked.png') center no-repeat;
    background-size: 16px;
}

span#passerror.remove,
span#mailerror.remove {
    background: url('../img/static/cancel.png') center no-repeat;
    background-size: 16px;
}


/* .span#mailerror.ok {
    top: 14px;
} */

span#passerror,
span#mailerror {
    position: absolute;
    top: 14px;
    right: 10px;
    width: 20px;
    height: 20px;
    background-size: 100%;
}

span#passerror {
    right: 30px;
    z-index: 5;
}

.form-default .register-box .form-group {
    position: relative;
    margin-bottom: 10px;
}


/* #################################################################### */

@media print {
    .site-container {
        padding-top: 0px !important;
    }
    /* img {
        display: none;
    } */
    .breadcrumb-block,
    .top-banner,
    .share,
    .botton-nav,
    .site-header {
        display: none !important;
    }
}

@media screen and (max-width: 1600px) {
    .intro-img {}
}

@media screen and (max-width: 1440px) {
    .ck-editor {
        font-size: 16px;
    }
    .coral-profile .profile-box .file-all-list a {
        font-size: 20px;
    }
    .search-page .search-box {
        font-size: 20px;
    }
    .search-page .search-box h4 {
        font-size: 30px;
    }
    .coral-login .register-box {
        height: 50%;
        height: calc(50% - 30px);
        margin-top: 10px;
        border-radius: 10px;
        overflow: hidden;
    }
    .coral-login .forgot-box {
        height: 50%;
        height: calc(50% - 30px);
        margin-bottom: 10px;
        border-radius: 10px;
        overflow: hidden;
    }
    .coral-login .forgot-box .forgot,
    .coral-login .register-box .register {
        padding: 20px;
    }
    .coral-login .forgot-box .forgot {
        background-image: url(../img/static/forgot-bg.png);
        background-size: auto;
        background-position: center;
        width: 100%;
    }
    .coral-login .register-box .register {
        background-image: url(../img/static/register-bg.png);
        background-size: auto;
        background-position: center;
        width: 100%;
    }
    /* ?????????????????????????? */
    .coral-profile .profile-box .box-content .title {
        margin-bottom: 15px;
    }
    .coral-profile .head-title img {
        width: 35px;
    }
    .coral-profile .head-title h2 {
        font-size: 35px;
    }
    .coral-profile .head-title h2+h2,
    .coral-profile .head-title.tx-2 h2 {
        font-size: 30px;
    }
    /* .coral-profile .profile-box .box-content span.status,
    .report-coral-detail .status span.status {
        width: 110px;
    } */
    .coral-profile .profile-box .box-content .status .title {
        font-size: 28px;
    }
    .coral-profile .profile-box .box-content .content .title {
        font-size: 28px;
        margin-bottom: 15px;
    }
    .coral-profile .profile-box .box-content .date {
        display: block;
    }
    .coral-profile .profile-box .box-content .date+.date {
        margin-left: 0px;
        margin-top: 5px;
    }
    .coral-contact .contact>div {
        margin: 15px 15px;
    }
    .contact-area .select2-container .select2-selection--single {
        height: 40px;
    }
    .coral-knowledge-page .bg-menu .list a,
    .coral-knowledge-page .bg-menu .list.active a {
        font-size: 22px;
    }
    .coral-knowledge-page .bg-menu .list {
        padding: 5px 0;
    }
    .download-box .content .head {
        /* font-weight: 600;
        margin-bottom: 10px; */
        /* font-size: 20px; */
    }
    .download-box {
        font-size: 20px;
    }
    .content-part.part-2 .table-title h2,
    .content-part.part-1 .table-title h2 {
        font-size: 30px;
        color: #fff;
        margin: 0;
    }
    .coral-profile .profile-box a {
        width: 200px;
        height: 40px;
        font-size: 24px;
        line-height: 35px;
    }
    .coral-profile .profile-box.part-3 span.title {
        margin-right: 5px;
    }
    .coral-profile .profile-box span.title {
        font-size: 20px;
    }
    .coral-profile .menu-slider-item .box-step.active,
    .coral-profile .menu-slider-item .box-step {
        font-size: 26px;
    }
    .coral-profile .menu-slider-item .box-step.active .num img,
    .coral-profile .menu-slider-item .num img {
        width: 30px;
    }
    .breadcrumb-block a.back {
        height: 34px;
        margin-top: -18px;
    }
    .breadcrumb-block svg {
        width: 20px;
        height: 20px;
    }
    .coral-register .step-progress {
        margin: 0 -5px;
    }
    .form-control-feedback {
        top: 10px;
    }
    .password-input .field-icon {
        top: 12px;
    }
    .coral-knowledge-page .title-menu {
        font-size: 26px;
        padding: 15px;
    }
    /* .coral-knowledge-page .bg-menu .list.active a {
        font-size: 24px;
    } */
    .news .head-title a img,
    .coral-report .head-title a img,
    .coral-report .head-title a img,
    .coral-map .head-title a img,
    .coral-knowledge .head-title a img {
        width: auto;
    }
    .coral-knowledge-page .head-title img,
    .news .head-title img,
    .coral-report .head-title img,
    .coral-report .head-title img,
    .coral-map .head-title img,
    .coral-knowledge .head-title img {
        margin-right: 5px;
        width: 35px;
    }
    .coral-knowledge-detail {
        font-size: 22px;
    }
    .coral-profile .profile-box {
        font-size: 20px;
    }
    /* .coral-profile .profile-box .box-content .status {
        width: 380px;
    } */
    .coral-profile .profile-box .box-content>div {
        padding: 15px 15px;
    }
    .content-part.part-3 .select2-container--default .select2-selection--single .select2-selection__rendered {
        line-height: 38px;
        font-size: 20px;
        color: #666;
        padding-left: 15px;
    }
    .form-default .form-control {
        border-radius: 5px;
        font-size: 20px;
    }
    .profile-box.report-coral .radio-control .title {
        font-size: 20px;
    }
    .coral-profile .form-default .control-label {
        font-size: 20px;
    }
    .coral-rate-detail {
        font-size: 20px;
    }
    .coral-rate-detail .sub-box .item-box .content h2 {
        font-size: 22px;
    }
    .coral-rate-detail .item-box .content h2 {
        font-size: 26px;
    }
    .coral-rate-detail .item-box .content {
        font-size: 20px;
    }
    /* .coral-rate-detail .item-box .content p {
            max-height: 55px;
            min-height: 55px;
        } */
    /* .coral-rate-detail .sub-box .item-box .content p {
            max-height: 55px;
            min-height: 55px;
        } */
    .coral-contact .form-default .control-label {
        font-size: 20px;
    }
    .contact-area .select2-container--default .select2-selection--single .select2-selection__rendered {
        font-size: 20px;
    }
    .select2-results__option {
        font-size: 20px;
    }
    .intro-content .bg {
        width: 60%;
    }
    .coral-register .step-slider-item .box-step.active {
        font-size: 28px;
    }
    .coral-register .step-slider-item .box-step {
        font-size: 28px;
    }
    .coral-register .step-progress>div {
        padding: 0 5px;
    }
}

@media screen and (max-width: 1200px) {
    .intro-content .container {
        /* margin: 0 -100px; */
        margin-left: 0;
        margin-right: 0;
        width: 100%;
    }
    .coral-login .register-box {
        height: 50%;
        height: calc(50% - 30px);
        margin-top: 10px;
        border-radius: 10px;
        overflow: hidden;
    }
    .coral-login .forgot-box {
        height: 50%;
        height: calc(50% - 30px);
        margin-bottom: 10px;
        border-radius: 10px;
        overflow: hidden;
    }
    .coral-login .forgot-box .forgot,
    .coral-login .register-box .register {
        padding: 20px;
    }
    .coral-login .forgot-box .forgot {
        background-image: url(../img/static/forgot-bg.png);
        background-size: auto;
        background-position: center;
        width: 100%;
    }
    .coral-login .register-box .register {
        background-image: url(../img/static/register-bg.png);
        background-size: auto;
        background-position: center;
        width: 100%;
    }
    .coral-login .forgot-box .btn-box,
    .coral-login .register-box .btn-box {
        margin-bottom: 20px;
    }
    .coral-login .box-login .img img {
        width: 200px;
    }
    .coral-login .box-login .login .img {
        top: -150px;
    }
}

@media screen and (max-width: 1024px) {
    .menu-mobile .menu-list li a {
        line-height: 1;
    }
    li.breadcrumb-item img {
        width: 20px;
    }
    .menu-sub .container {
        width: 100%;
        padding: 0;
    }
    .menu-sub li a {
        font-size: 20px;
    }
    .coral-main-map .content .pin-all .pin-red {
        width: 50%;
    }
    .search-page .search-box h4 {
        font-size: 28px;
    }
    .intro-img img.logo-img {
        width: 100%;
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: center;
        object-position: center;
    }
    /* .box-slide-new .slide-new {
        position: absolute;
        top: 50%;
        width: 100%;
        margin-top: calc( 0px - 50%);
    } */
    .coral-profile .profile-box .box-content .date {
        display: block;
    }
    .coral-profile .profile-box .box-content .date+.date {
        margin-left: 0;
    }
    .coral-profile .profile-box .box-content .title {
        margin-bottom: 10px;
    }
    .coral-knowledge-page .title-menu {
        font-size: 22px;
    }
    .coral-knowledge-page .bg-menu .list a {
        font-size: 20px;
    }
    .coral-knowledge-page .bg-menu .list-menu {
        padding: 10px;
    }
    .coral-knowledge-page .bg-menu .list.active a:before {
        width: 15px;
        height: 15px;
    }
    .coral-knowledge-page .bg-menu .list a {
        padding: 10px;
    }
    .coral-knowledge-page .bg-menu .list.active a {
        padding: 10px;
        padding-left: 35px;
    }
    .coral-knowledge-page .bg-menu .list.active a {
        font-size: 20px;
    }
    .coral-knowledge-page .bg-menu .list.active a:before {
        top: 12px;
    }
    .morality-coral li {
        font-size: 20px;
    }
    .hitory-coral .hitory-coral-content,
    .about-coral-content {
        font-size: 20px;
        line-height: 1;
    }
    .hitory-coral-content p:after {
        content: "";
        display: block;
        clear: both;
    }
    .hitory-coral-content p img+img {
        margin-left: 5px;
        margin-right: 0px;
        width: calc(50% - 5px);
    }
    .hitory-coral-content img {
        /* width: 50%; */
        float: left;
        margin-right: 5px;
        width: calc(50% - 5px);
    }
    .coral-register .step-progress>div {
        width: 50%;
        margin-bottom: 15px;
    }
    .intro-content .address {
        margin-right: -50px;
    }
    .menu-sub-page .slick-slider {
        margin: 0px 20px;
    }
    .about-coral>.container {
        padding: 20px;
    }
    .about-coral .head-title {
        margin-bottom: 20px;
        padding-bottom: 0px;
    }
    .about-coral-content h2 {
        font-size: 30px;
        margin-top: 10px;
    }
    .sub-content {
        padding: 0 0px;
    }
    .sub-content .content {
        width: 220px;
        height: 220px;
    }
    .sub-content .content .text .head {
        font-size: 30px;
    }
    .sub-content .content .text {
        font-size: 20px;
    }
    .morality-coral.coral-report {
        margin: 0 -20px;
    }
    .morality-coral.coral-report {
        padding: 20px 20px;
    }
    .hitory-coral.coral-knowledge {
        padding-top: 20px;
    }
    .coral-knowledge {
        padding: 20px 0;
    }
    .morality-coral-content .row>div {
        margin-bottom: 20px;
    }
    .download-box {
        font-size: 20px;
    }
    .inner-page .banner-slide .content figure {
        height: 220px;
    }
    .banner-page .cover-bg {
        height: 220px;
        margin: 0;
        background-position: center;
        background-size: cover;
    }
    .menu-sub-page .item a,
    .menu-sub-page .item a.active {
        height: 80px;
        /* font-size: 30px; */
        padding: 0 20px;
    }
    .coral-rate-detail .item-box .img .cover-bg {
        height: 260px;
        margin: 0;
        background-position: center;
        background-size: cover;
    }
    .coral-rate-detail .item-box .content h2 {
        font-size: 25px;
        margin-bottom: 10px;
    }
    .coral-rate-detail .item-box .content {
        font-size: 20px;
        line-height: 1;
    }
    .coral-rate-detail .sub-box .item-box .content h2 {
        font-size: 25px;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
    .coral-rate-detail .sub-box .item-box .content p {
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
    .coral-rate-detail-page .coral-rate-detail iframe {
        height: 390px;
    }
    .coral-report .coral-map .coral-rate-detail .item-box .content {
        width: 50%;
        float: left;
        height: 250px;
    }
    .coral-report .coral-map .coral-rate-detail .date-read {
        margin-bottom: 15px;
    }
    .coral-profile .menu-slider-item .box-step {
        font-size: 24px;
        height: 60px;
    }
    .coral-profile .menu-slider-item .box-step.active {
        font-size: 24px;
        height: 60px;
    }
    .coral-profile .menu-slider-item .box-step .num {
        padding-right: 10px;
        width: 30px;
    }
    .coral-profile .profile-box p {
        margin-bottom: 20px;
    }
    .coral-profile .profile-box span.title {
        width: 130px;
        font-size: 24px;
    }
    .coral-profile .profile-box .detail span {
        font-size: 20px;
    }
    .coral-profile .profile-box span.title {
        font-size: 20px;
    }
    .coral-profile .profile-box span.two-text {
        width: 120px;
    }
    .coral-profile .coral-detail .head-title {
        margin-bottom: 20px;
        padding-bottom: 20px;
    }
    .coral-profile .coral-detail {
        margin-top: 20px;
        padding: 20px;
    }
    .coral-profile .profile-box a {
        width: 180px;
        height: 45px;
        font-size: 24px;
        line-height: 42px;
    }
    .morality-coral-content p {
        font-size: 20px;
    }
    .coral-knowledge-page .download-box .download a img {
        display: none;
    }
    .coral-knowledge-page .download-box .download {
        position: absolute;
        right: 15px;
        bottom: 70px;
    }
    .coral-report-page.coral-report .coral-map .coral-rate-detail .sub-box .date-read {
        margin-bottom: 15px;
        text-align: center;
        position: relative;
        position: absolute;
        margin-bottom: 0;
    }
    .coral-report-page.coral-report .sub-box .date-read .date {
        width: 100%;
    }
    .coral-report-page.coral-report .coral-map .coral-rate-detail .sub-box .date-read .read {
        bottom: 0;
        right: 0;
        position: relative;
        width: 100%;
        margin-top: 5px;
    }
}

@media screen and (max-width: 767px) {
    .coral-rate-detail-page .coral-rate-detail .ck-editor img {
        width: 100%;
        height: auto!important;
    }
    .ck-editor table,
    .ck-editor .div {
        overflow: auto;
        display: block;
    }
    tbody {
        display: flex;
        width: 1200px;
    }
    .coral-report-page.coral-report .coral-map .coral-rate-detail .sub-box .date-read {
        position: absolute;
        margin-bottom: 0;
    }
    .menu-mobile {
        display: block;
    }
    .menu-sub-page .menu-slide {
        display: none;
    }
    .menu-bottom {
        padding-top: 0px;
    }
    header.site-header.tiny .menu-bottom .menu-main a {
        font-size: 30px;
    }
    .menu-bottom .menu-main a {
        font-size: 20px;
    }
    header.site-header.tiny .menu-bottom {
        display: block;
    }
    .news .slick-list {
        margin: 0 0;
    }
    .coral-profile .profile-box .box-content .status {
        /* width: 310px; */
        width: 325px;
    }
    .coral-profile .profile-box .box-content .status>div {
        width: auto;
        float: left;
        padding: 10px;
    }
    .none-desktop {
        display: none;
    }
    .coral-profile .profile-box span.title {
        width: unset;
        font-size: 24px;
        margin-right: 5px;
    }
    .coral-knowledge-page .bg-menu {
        margin-bottom: 040px;
    }
    /* .coral-login .forgot-box {
            position: relative;
        } */
    .coral-login .forgot-box .forgot p,
    .coral-login .register-box .register P {
        font-size: 20px;
    }
    .coral-login .forgot-box .forgot h2,
    .coral-login .register-box .register h2 {
        font-size: 35px;
        margin-bottom: 10px;
    }
    .coral-login .forgot-box {
        position: relative;
        margin-top: 40px;
    }
    .coral-login .register-box {
        position: relative;
        /* top: 0; */
    }
    .pagination-label span.color {
        padding: 0 20px;
        font-size: 25px;
    }
    .pagination-label {
        font-size: 20px;
    }
    .coral-map {
        padding: 40px 15px;
    }
    .coral-knowledge .bg-item .img-item img {
        width: 50%;
    }
    .coral-profile .how-to-find .desktop {
        /* display: none; */
        visibility: hidden;
    }
    .coral-profile .how-to-find .mobile {
        visibility: unset;
    }
    header.site-header.map-head .logo {
        width: 70PX;
    }
    /* section.site-container.map-page {
        padding-top: 113px;
    } */
    .map-block {
        padding-top: 113px;
    }
    .map-head .menu-bottom .menu-main,
    .map-head .menu-top .menu-main {
        padding-left: 0;
        padding: 10px 0;
    }
    .coral-register .step-progress {
        margin: 0 0px;
    }
    .inner-page .banner-slide .content figure {
        height: 165px;
    }
    .banner-page .cover-bg {
        height: 165px;
    }
    .coral-profile .menu-profile>div {
        width: calc(100% / 3);
        padding: 0 5px;
        margin-bottom: 20px;
    }
    .coral-profile .coral-detail {
        margin: 0px;
        margin-top: 0px;
    }
    .coral-profile .menu-profile {
        margin: 0 0px;
        margin-bottom: 20px;
        display: none;
    }
    .coral-member.coral-profile .menu-sub-page {
        padding-top: 0;
        margin-bottom: 40px;
    }
    .coral-member.coral-profile .menu-box {
        background: rgb(6, 139, 255);
        background: linear-gradient(0deg, rgba(6, 139, 255, 1) 0%, rgba(53, 58, 157, 1) 100%);
    }
    .coral-member.coral-profile .menu-list li.active {
        background: rgb(6, 139, 255);
        background: linear-gradient(0deg, rgba(6, 139, 255, 1) 0%, rgba(53, 58, 157, 1) 100%);
    }
    /* .coral-profile .menu-profile {
            margin: 0 0px;
        } */
    .coral-login .box-login .img img {
        width: 150px;
    }
    .coral-login .box-login .login .img {
        top: -90px;
    }
    .coral-login .box-login .form-default .control-label {
        padding: 0 10px;
        width: 80px;
    }
    .coral-login .box-login .login {
        padding: 20px;
        position: relative;
    }
    .coral-login .box-login .login h2 {
        font-size: 30px;
    }
    /* .intro-content .address:after {
        width: 2px;
        color: #fff;
        height: 130px;
        content: "";
        display: inline-block;
        background: #105bde;
        position: relative;
        top: 6px;
        left: -7px;
    } */
    /* .intro-content .all .lang-set li:after {
        background: #105bde;
        top: 8px;
    }
    .intro-content .all .lang-set li a {
        color: #0051DC;
    }
    .intro-content {
        background: #fff;
        padding: 20px 0;
    }
    .intro-content .address .logo {
        display: block;
        top: 0;
    }
    .intro-content .address {
        margin-right: 0;
    }
    .intro-content .address .text-box {
        padding-top: 0;
        padding-right: 0;
    }
    .intro-content .address .logo {
        max-width: 100px;
    }
    .intro-content .bg {
        background: unset;
    } */
    .download-box .download {
        position: absolute;
        right: 5px;
        bottom: 15px;
    }
    .coral-report .coral-map .coral-rate-detail .sub-box .item-box .content {
        width: 100%;
        float: left;
        height: unset;
    }
    .coral-report .coral-map .coral-rate-detail .sub-box .item-box .img {
        width: 100%;
        float: left;
    }
    .coral-report .coral-map .coral-rate-detail .sub-box .date-read {
        /* position: relative; */
        /* margin-bottom: 15px; */
    }
    .intro-content .address .text-box {
        width: calc(100% - 100px);
    }
    .intro-content .address .text-box h2 {
        font-size: 24px;
    }
    .intro-content .address .text-box {
        font-size: 16px;
    }
    .coral-knowledge-page .bg-content {
        padding: 40px 20px;
    }
    .coral-knowledge-page .download-box .download a img {
        display: inline-block;
    }
    .coral-knowledge-page .download-box .download {
        position: absolute;
        right: 15px;
        bottom: 15px;
    }
    .coral-profile .profile-box .box-content .status>.status-2 {
        width: 190px;
    }
    .report-coral-detail .date-box>div {
        display: block;
    }
    .report-coral-detail .date-box>div+div {
        margin-left: 0;
        margin-top: 10px;
    }
    .menu-sub-page {
        position: relative;
        z-index: 100;
    }
}

@media screen and (max-width: 575px) {
    .map-block {
        padding-top: 145px;
    }
    .map-head .item-list {
        text-align: center;
    }
    .item-list>li {
        list-style: none;
        float: unset;
        display: inline-block;
        text-align: center;
    }
    .coral-report-page.coral-report .coral-map .coral-rate-detail .sub-box .date-read .read {
        position: relative;
        float: unset;
        bottom: unset;
        right: unset;
        margin-bottom: 0;
        width: 100px;
        margin-top: 0;
    }
    .coral-report-page.coral-report .sub-box .date-read .date {
        width: 100%;
        width: calc(100% - 100px);
        float: unset;
        text-align: left;
    }
    .coral-report-page.coral-report .coral-map .coral-rate-detail .sub-box-x .item-box .content {
        height: 200px;
    }
    .coral-report-page.coral-report .coral-map .coral-rate-detail .date-read {
        bottom: 15px;
    }
    .coral-report .report-slide .title {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
    .coral-report .report-slide .content {
        height: 120px;
    }
    .coral-report .report-slide .box {
        min-height: 390px;
    }
    .coral-report .report-slide .desc {
        height: 52px;
    }
    .search-box a.link-search {
        position: relative;
        bottom: 0;
        color: #003adb;
    }
    .search-box a.link-im {
        margin-top: 15px;
    }
    .coral-profile .profile-box.part-3 span.title {
        font-size: 20px;
        width: 100%;
    }
    .box-login .password-input .field-icon {
        top: 12px;
    }
    .box-login .form-control-feedback {
        top: 10px;
    }
    .captcha label {
        display: none;
    }
    .coral-profile .coral-forgot .form-forgot {
        padding: 0 15px;
        padding-bottom: 15px;
    }
    .form-forgot .form-button {
        padding-top: 20px;
    }
    .form-forgot .captcha div,
    .form-forgot .captcha iframe {
        width: 100% !important;
    }
    .slide-new .item {
        padding: 5px;
    }
    .slide-new .slick-dots {
        bottom: -20px;
    }
    .slide-new button.close {
        right: -15px;
        top: -15px;
        width: 30px;
        height: 30px;
        font-size: 25px;
    }
    .coral-profile .profile-box .box-content .status .title {
        font-size: 25px;
    }
    .coral-profile .profile-box .box-content .status .status-1 .btn-status a {
        width: 70px;
        font-size: 20px;
    }
    .coral-profile .profile-box .box-content span.status,
    .report-coral-detail .status span.status {
        width: 120px;
        font-size: 20px;
    }
    /* .coral-profile .profile-box .box-content .status {
        width: 275px;
    } */
    .coral-map.coral-rate {
        padding: 10px 10px;
    }
    .coral-profile .profile-box .box-content>div {
        padding: 10px 10px;
    }
    .coral-profile .profile-box .box-content .content .title {
        font-size: 25px;
    }
    .table-coral .body-table span.green,
    .table-coral .body-table span.yellow,
    .table-coral .body-table span.red {
        width: auto;
    }
    .coral-member.coral-profile .head-title {
        padding: 10px;
    }
    .coral-profile .profile-box .table-list {
        overflow: auto;
    }
    .coral-profile .profile-box .box-content {
        width: 100%;
        position: relative;
        height: unset;
    }
    .coral-profile .profile-box .box-content .content {
        padding-bottom: 220px;
    }
    .coral-profile .profile-box .box-content>.status {
        position: absolute;
        bottom: 0;
        /* right: 0; */
        left: 85px;
        width: unset;
    }
    .status-1 {
        border-top: solid 1px #ccc;
    }
    .coral-profile .profile-box .box-content .status>div {
        padding: 10px 0;
    }
    .coral-profile .profile-box .box-content>.status {
        padding: 10px 0;
        padding-right: 10px;
    }
    .coral-profile .profile-box .box-content .status .title,
    .coral-profile .profile-box .box-content .status .btn-status {
        text-align: left;
    }
    .coral-profile .profile-box .box-content .status>div {
        width: 100%;
    }
    .coral-profile .profile-box .pagination-label span.color {
        padding: 0 15px;
    }
    .pagination-block {
        padding-top: 10px;
    }
    .pagination {
        margin: 0 auto;
        float: unset;
        text-align: center;
    }
    .pagination ul {
        margin: 0 auto;
    }
    .pagination-label {
        text-align: center;
    }
    .coral-profile .profile-box p {
        margin-bottom: 10px;
    }
    .coral-profile .profile-box .default-block {
        margin-bottom: 10px;
    }
    .coral-profile .profile-box span.title {
        width: 100%;
        margin-bottom: 5px;
    }
    /* .coral-profile .profile-box span.title {
            width: 100%;
            margin-bottom: 10px;
        } */
    .coral-profile .profile-box .detail+.detail {
        border-top: solid 1px #ccc;
        padding-top: 15px;
    }
    .coral-profile .profile-box {
        font-size: 20px;
        padding: 15px;
    }
    .coral-knowledge-page .download-box .download a img {
        display: none;
    }
    .coral-knowledge-page .bg-content {
        padding: 15px;
    }
    .coral-login .forgot-box {
        margin-top: 0;
    }
    .content-part.part-3 .form-button button {
        height: 40px;
        width: 130px;
        line-height: 1;
    }
    .content-part.part-3 .form-button {
        margin-top: 10px;
    }
    .coral-profile .how-to-find .mobile {
        -webkit-line-clamp: 2;
    }
    .form-default .form-group {
        margin-bottom: 10px;
    }
    .content-part.part-3 .select2-container--default .select2-selection--single .select2-selection__rendered {
        font-size: 20px;
    }
    .select2-results__option {
        padding: 10px 15px;
        font-size: 20px;
        color: #666;
    }
    .coral-profile .how-to-find .mobile {
        -webkit-line-clamp: 2;
    }
    .coral-profile .form-default .control-label {
        font-size: 20px;
        line-height: 1;
    }
    .none-desktop {
        display: none;
    }
    /* form#frmReport .table-row {
        width: 575px;
    } */
    .content-part.part-2,
    .content-part.part-1 {
        overflow: auto;
    }
    .content-part.part-2 .table .thead .tr .td,
    .content-part.part-1 .table .thead .tr .td {
        font-size: 20px;
    }
    .profile-box.report-coral .radio-control .title {
        font-size: 20px;
    }
    .tbody .td {
        font-size: 20px;
    }
    .coral-profile .coral-detail {
        padding: 0px;
    }
    .content-part.part-3 {
        padding: 15px;
    }
    .fix-content h2 {
        font-size: 24px;
    }
    .fix-content .box-img h4 {
        font-size: 20px;
    }
    .coral-profile .profile-box .fix-content p {
        font-size: 20px;
    }
    .coral-contact .form-box {
        margin-bottom: 20px;
    }
    .coral-contact .form-box form {
        padding: 15px;
        margin-bottom: 20px;
    }
    .coral-contact .info-box .content-3,
    .coral-contact .info-box .content-4 {
        width: 100%;
        height: 70px;
        float: left;
        margin-bottom: 20px;
    }
    .coral-contact .info-box .content-4 .title,
    .coral-contact .info-box .content-3 .title {
        font-size: 35px;
    }
    .coral-contact .contact>div {
        margin: 10px 0px;
    }
    .coral-contact .info-box .content-3,
    .coral-contact .info-box .content-4 {
        width: 100%;
    }
    .contact>div:after,
    .contact:after {
        content: "";
        display: block;
        clear: both;
    }
    .coral-contact .info-box h2 {
        font-size: 30px;
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .coral-contact .info-box {
        padding: 15px
    }
    .coral-contact .info-box .address img,
    .coral-contact .info-box .contact img {
        margin-right: 5px;
        width: 25px;
    }
    .coral-contact .info-box .contact .icon,
    .coral-contact .info-box .address .icon {
        width: 30px;
    }
    .coral-contact .info-box .contact .title,
    .coral-contact .info-box .address .title {
        width: calc(100% - 30px);
        line-height: 1;
    }
    .coral-contact .info-box .contact>div>div {
        float: left;
    }
    .coral-contact .info-box .contact>div {
        display: block;
    }
    /* .contact-area {
            margin: 0 -15px;
            padding: 0;
        } */
    .coral-contact .info-box {
        margin: 0px 0;
    }
    .map-head .menu-bottom .menu-main a strong {
        display: block;
        font-size: 25px;
    }
    .map-head .item-list li a {
        width: 100px;
        padding: 5px;
    }
    .map-head .item-list .download a:hover {
        padding: 7px;
    }
    /* section.site-container.map-page {
        padding-top: 175px;
    } */
    .map-head .menu-bottom .menu-main a {
        font-size: 20px;
    }
    .map-head .item-list {
        margin: 10px 50px;
        padding: 0;
    }
    .register-message a {
        width: 100px;
        display: inline-block;
        border: 2px solid #918FFA;
        font-size: 20px;
        color: #918FFA;
        padding: 5px 0px;
        border-radius: 25px;
        margin-top: 10px;
    }
    .coral-member.coral-register .coral-detail {
        margin-top: 15px;
    }
    .register-message .fail,
    .register-message .complete {
        margin: 0px;
    }
    .register-message p {
        text-align: center;
        line-height: 1;
        font-size: 20px;
    }
    .register-message .fail .head,
    .register-message .complete .head {
        font-size: 24px;
    }
    .register-message .fail img,
    .register-message .complete img {
        width: 100px;
    }
    .coral-register .step-slider-item .box-step,
    .coral-register .step-slider-item .box-step.active {
        font-size: 24px;
    }
    .coral-register .step-slider-item .box-step.active,
    .coral-register .step-slider-item .box-step {
        height: 50px;
    }
    .coral-register .step-slider-item .box-step .num {
        font-size: 40px;
    }
    .coral-register .step-progress>div {
        width: 100%;
        margin-bottom: 15px;
    }
    .coral-member.coral-register .coral-detail {
        padding: 10px;
    }
    .about-coral-content p+p {
        margin-top: 15px;
    }
    .coral-profile .menu-profile>div {
        width: calc(100% / 1);
        padding: 0 5px;
        margin-bottom: 5px;
    }
    .coral-profile .head-title img {
        width: 30px;
    }
    .coral-profile .head-title h2 {
        font-size: 30px;
    }
    .coral-login .box-login .form-button button {
        height: 40px;
        font-size: 20px;
    }
    .coral-login .box-login .form-default .control-label {
        width: 72px;
    }
    .form-default .form-control {
        font-size: 20px;
    }
    .coral-login .box-login .form-default .control-label {
        font-size: 20px;
        /* margin-top: -10px; */
    }
    .coral-login .box-login .form-default .form-control {
        min-height: 40px;
        padding: 5px 10px;
        padding-left: 85px;
    }
    .coral-profile .profile-box .member-img {
        margin-bottom: 15px;
        padding: 5px;
    }
    .coral-login .forgot-box,
    .coral-login .register-box {
        position: relative;
        top: 0;
        height: 50%;
    }
    .coral-login .forgot-box .btn-box,
    .coral-login .register-box .btn-box {
        position: relative;
        margin-bottom: 0;
    }
    .coral-login .forgot-box .forgot h2,
    .coral-login .register-box .register h2 {
        font-size: 30px;
        margin-bottom: 10px;
    }
    .coral-login .forgot-box .forgot p,
    .coral-login .register-box .register P {
        font-size: 20px;
        color: #fff;
        line-height: 1;
    }
    .coral-login .forgot-box .forgot,
    .coral-login .register-box .register {
        background: unset;
    }
    .intro-content .goto-web a {
        width: 110px;
        padding: 10px 10px;
        font-size: 22px;
    }
    .intro-content .all .lang-set li {
        font-size: 20px;
    }
    .intro-content .all .lang-set li a {
        width: 35px;
        height: 35px;
    }
    .intro-content .btn-all>div {
        text-align: center;
    }
    .intro-content .address {
        margin-right: 0;
    }
    .intro-content .address .text-box h2 {
        font-size: 22px;
    }
    .intro-content .address .text-box {
        font-size: 16px;
    }
    .intro-content .address .text-box {
        padding-left: 10px;
    }
    .intro-content .address .logo {
        max-width: 70px;
    }
    .intro-content .address .text-box {
        width: calc(100% - 70px);
    }
    .intro-content .address:after {
        display: none;
    }
    .coral-rate-detail .item-box .content h2 {
        font-size: 25px;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
    .coral-rate-detail .item-box .content p {
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
    .coral-report .coral-map .coral-rate-detail .item-box .date-read img {
        margin-right: 5px;
        width: 15px;
    }
    .coral-rate-detail .item-box .date-read {
        padding: 0 10px;
    }
    .coral-rate-detail .item-box .content {
        padding: 10px;
    }
    /* .coral-report .coral-map .coral-rate-detail .sub-box .date-read {
        margin-bottom: unset;
    } */
    /* .coral-report .coral-map .coral-rate-detail .date-read .read {
        display: inline-block;
        margin-bottom: unset;
        position: unset;
        bottom: unset;
        right: unset;
    } */
    .coral-report .coral-map .coral-rate-detail .date-read {
        margin-bottom: 0;
    }
    .coral-rate-detail .item-box .date-read {
        font-size: 16px;
    }
    .coral-report .coral-map .coral-rate-detail .date-read .read a {
        padding: 5px 20px;
    }
    /* .coral-report .coral-map .coral-rate-detail .date-read {
        position: relative;
    }
    .coral-report .coral-rate-detail .sub-box .item-box .date-read {
        padding: unset;
    }
    .coral-report .coral-rate-detail .item-box .date-read {
        padding: unset;
    } */
    .coral-report .coral-map .coral-rate-detail .item-box .content {
        width: 100%;
        float: left;
        height: unset;
    }
    .coral-report .coral-map .coral-rate-detail .item-box .img {
        width: 100%;
        float: left;
    }
    .download-box .download a img {
        display: none !important;
    }
    .download-box .download {
        position: absolute;
        right: 5px;
        bottom: 15px;
    }
    .inner-page .banner-slide .content figure {
        height: 135px;
    }
    .banner-page .cover-bg {
        height: 80px;
        margin: 0;
        background-position: center;
        background-size: cover;
    }
    .menu-sub-page {
        padding-top: 15px;
        position: relative;
        z-index: 100;
    }
    .about-coral.coral-map {
        padding: 10px;
    }
    .menu-sub-page .item a,
    .menu-sub-page .item a.active {
        height: 60px;
        font-size: 24px;
        padding: 0 20px;
    }
    .slick-next,
    .slick-prev {
        width: 30px;
        height: 30px;
    }
    .menu-sub-page .slick-slider {
        margin: 0px 20px;
    }
    .slick-next {
        right: -40px;
    }
    .slick-prev {
        left: -40px;
    }
    .hitory-coral .hitory-coral-content .content-img img,
    .download-box {
        margin-bottom: 15px;
    }
    .coral-rate>.container {
        padding: 15px;
    }
    .coral-rate .head-title {
        margin-bottom: 15px;
        padding-bottom: 15px;
    }
    .coral-rate-detail-page .container,
    .map-detail>.container {
        background: #fff;
        padding: 15px;
        border-radius: 10px;
        position: relative;
    }
    .bg-home {
        min-height: unset;
    }
    .coral-map.coral-rate-detail-page+.coral-map.coral-rate-detail-page .container {
        padding: 15px;
    }
}

@media screen and (max-width: 375px) {
    .map-head .item-list {
        margin: 0;
        padding: 0;
    }
    /* section.site-container.map-page {
        padding-top: 155px;
    } */
    .coral-knowledge-page .head-title {
        margin-bottom: 0px;
    }
}


/* responsive table coral-report */

@media screen and (max-width: 575px) {
    .coral-map.coral-rate-detail-page {
        padding: 25px 15px;
    }
    .content-part.part-2 .table .tr,
    .content-part.part-1 .table .tr,
    .report-coral-detail .part-2 .tr,
    .report-coral-detail .part-1 .tr {
        display: block;
        width: 100%;
        border: solid 1px #ccc;
    }
    .content-part.part-2 .table .tr .td>div,
    .content-part.part-1 .table .tr .td>div,
    .report-coral-detail .part-2 .tr .td>div,
    .report-coral-detail .part-1 .tr .td>div {
        padding: 10px 10px;
        float: left;
    }
    .part-2 .tbody .td.percent .title.xs,
    .content-part.part-2 .tbody .td.percent .title.xs {
        border-right: solid 1px #ccc;
        width: 131px;
    }
    .tbody .td>.title.xs {
        width: 130px;
        color: #0051DC;
        font-weight: 600;
        font-size: 20px;
        /* border-right: solid 1px #ccc;  */
    }
    /* .report-coral-detail .part-1 .tr .td .decs {
        width: calc(100% - 130px);
    } */
    .part-2 .tbody .tr .td.percent .decs,
    .content-part.part-2 .tbody .tr .td.percent .decs {
        border-left: unset;
        width: calc(100% - 131px);
    }
    .tbody .td>.decs {
        border-left: solid 1px #ccc;
    }
    .content-part.part-2 .table .tr .td.id,
    .content-part.part-1 .table .tr .td.id,
    .report-coral-detail .part-2 .table .tr .td.id,
    .report-coral-detail .part-1 .table .tr .td.id {
        width: 100%;
    }
    .content-part.part-2 .table .tr .td,
    .content-part.part-1 .table .tr .td,
    .report-coral-detail .part-2 .tr .td,
    .report-coral-detail .part-1 .tr .td {
        display: block;
        padding: 0;
        width: 100% !important;
    }
    .content-part.part-2 .tr .td+.td,
    .content-part.part-1 .tr .td+.td,
    .report-coral-detail .part-2 .tr .td+.td,
    .report-coral-detail .part-1 .tr .td+.td {
        border-top: solid 1px #ccc;
    }
    .content-part.part-2 .tr .td .decs,
    .content-part.part-1 .tr .td .decs,
    .report-coral-detail .part-2 .tr .td .decs,
    .report-coral-detail .part-1 .tr .td .decs {
        width: calc(100% - 130px);
    }
    .content-part.part-2 .tr .td:after,
    .content-part.part-1 .tr .td:after,
    .report-coral-detail .part-2 .tr .td:after,
    .report-coral-detail .part-1 .tr .td:after {
        content: "";
        display: block;
        clear: both;
    }
    .content-part.part-2 .thead,
    .content-part.part-1 .thead,
    .report-coral-detail .profile-box.part-2 .thead,
    .report-coral-detail .profile-box.part-1 .thead {
        display: none;
    }
    .table .title.xs {
        display: block;
    }
    .profile-box.part-3 .row>div {
        width: 50%;
    }
    .profile-box.part-3 .row>div.col-md-12 {
        width: 100%;
    }
    .profile-box.part-3 .col-md-4.xs {
        display: none;
    }
}









/* edit - main page (head title) */
.news .head-title > img{
    position: absolute;
    top: 0;
    left: 0;
}
.news .head-title{
    position:relative;
    padding-left: 65px;
    padding-right: 160px;
}
.news .head-title .viewall{
    position: absolute;
    top: 0;
    right: 0;
}

.coral-map .head-title > img{
    position: absolute;
    top: 0;
    left: 0;
}
.coral-map .head-title{
    position:relative;
    padding-left: 65px;
    padding-right: 160px;
}
.coral-map .head-title .viewall{
    position: absolute;
    top: 0;
    right: 0;
}

.coral-report .head-title > img{
    position: absolute;
    top: 0;
    left: 0;
}
.coral-report .head-title{
    position:relative;
    padding-left: 65px;
    padding-right: 160px;
}
.coral-report .head-title .viewall{
    position: absolute;
    top: 0;
    right: 0;
}

.coral-knowledge .head-title > img{
    position: absolute;
    top: 0;
    left: 0;
}
.coral-knowledge .head-title{
    position:relative;
    padding-left: 65px;
    padding-right: 160px;
}
.coral-knowledge .head-title .viewall{
    position: absolute;
    top: 0;
    right: 0;
}

@media screen and (max-width: 1440px) {
    .news .head-title,
    .coral-map .head-title,
    .coral-report .head-title,
    .coral-knowledge .head-title{
        padding-left: 55px;
    }
}
@media screen and (max-width: 575px) {
    .news .head-title,
    .coral-map .head-title,
    .coral-report .head-title,
    .coral-knowledge .head-title{
        padding: 0;
    }
    
    .news .head-title h2,
    .coral-map .head-title h2,
    .coral-report .head-title h2,
    .coral-knowledge .head-title h2{
        padding: 0;
    }
}