﻿* {
    margin: 0;
    padding: 0;
    text-decoration: unset;
    /*font-size: 14px;*/
}

a {
    color: #404040;
    text-decoration: none !important;
}

a:hover {
    color: #005cbf;
    text-decoration: none !important;
}
.dataTables_scrollHeadInner{
    width: 100% !important;
}
/*.dataTables_scrollHeadInner>table{*/
/*    width: 100% !important;*/
/*}*/
/*.dataTables_scrollBody>table{*/
/*    width: 100% !important;*/
/*}*/
body {
    /*Ã©Å¡ÂÃ¨â€”ÂÃ¦Â»Å¡Ã¥Å Â¨Ã¦ÂÂ¡Ã¯Â¼Å’Ã¥Â½â€œIEÃ¤Â¸â€¹Ã¦ÂºÂ¢Ã¥â€¡ÂºÃ¯Â¼Å’Ã¤Â»ÂÃ§â€žÂ¶Ã¥ÂÂ¯Ã¤Â»Â¥Ã¦Â»Å¡Ã¥Å Â¨*/
    /*-ms-overflow-style: none;*/
    /*!*Ã§ÂÂ«Ã§â€¹ÂÃ¤Â¸â€¹Ã©Å¡ÂÃ¨â€”ÂÃ¦Â»Å¡Ã¥Å Â¨Ã¦ÂÂ¡*!*/
    /*overflow: -moz-scrollbars-none;*/
    /*position: relative;*/
}

*::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

*::-webkit-scrollbar-track {
    background: #fff;
}

*::-webkit-scrollbar-thumb {
    background: #bfbfbf;
    border-radius: 5px;
}

*::-webkit-scrollbar-thumb:hover {
    background: #bfbfbf;
}

*::-webkit-scrollbar-corner {
    background: #777e77;
}

.breadcrumb {
    padding: 0.75rem 1rem;
    margin-bottom: 1rem;
    list-style: none;
    background-color: #e9ecef;
    border-radius: 0.25rem;
}

.breadcrumb span {
    color: #909090;
}

.modal-backdrop {
    z-index: 20;
}

.modal {
    z-index: 21;
}

.modal-header {
    background: #128cc8;
    color: #fff;
}

.modal.fade .modal-dialog {
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}

.modal.fade .modal-dialog.modal-dialog-table td {
    line-height: 14px;
}

.Committee-modal ul {
    padding-left: 20px;
}

.banner-section {
    margin: 120px 0 0 0;
}

.banner-section .banner-wrapper img {
    width: 100%;
}

.introduce-section {
    margin: 5% 0;
}

.introduce-section .page-title {
    margin: 10px 0;
    text-align: center;
}

.introduce-section .page-title h4 {
    display: inline-block;
    width: 80%;
}

.introduce-section .intro-content {
    margin: 30px 0;
    word-break: break-word;
}

.introduce-section .intro-content p {
    font-size: 18px;
    color: #505050;
    font-family: Arial;
}

.article-section {
    margin: 6% 0 20px;
    background: url("../imgs/banner-bk3.jpg") no-repeat;
    background-size: cover;
    width: 100%;
    position: relative;
    padding: 20px;
}

.article-section .container {
    position: relative;
    height: 100%;
}

.article-section .article-link-wrapper {
    display: -webkit-box; /* Ã¨â‚¬ÂÃ§â€°Ë†Ã¦Å“Â¬Ã¨Â¯Â­Ã¦Â³â€¢: Safari, iOS, Android browser, older WebKit browsers. */
    display: -moz-box; /* Ã¨â‚¬ÂÃ§â€°Ë†Ã¦Å“Â¬Ã¨Â¯Â­Ã¦Â³â€¢: Firefox (buggy) */
    display: -ms-flexbox; /* Ã¦Â·Â·Ã¥ÂË†Ã§â€°Ë†Ã¦Å“Â¬Ã¨Â¯Â­Ã¦Â³â€¢: IE 10 */
    display: -webkit-flex; /* Ã¦â€“Â°Ã§â€°Ë†Ã¦Å“Â¬Ã¨Â¯Â­Ã¦Â³â€¢: Chrome 21+ */
    display: flex; /* Ã¦â€“Â°Ã§â€°Ë†Ã¦Å“Â¬Ã¨Â¯Â­Ã¦Â³â€¢: Opera 12.1, Firefox 22+ */
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    margin-top: -60px;
}

.article-section .article-link-wrapper .article-item {
    background: #005cbf;
    width: 19%;
    text-align: center;
    border-radius: 10px;
    box-shadow: 2px 2px 1px #6482c7;
    margin: 10px;
}

.article-section .article-link-wrapper .article-item a {
    display: -webkit-box; /* Ã¨â‚¬ÂÃ§â€°Ë†Ã¦Å“Â¬Ã¨Â¯Â­Ã¦Â³â€¢: Safari, iOS, Android browser, older WebKit browsers. */
    display: -moz-box; /* Ã¨â‚¬ÂÃ§â€°Ë†Ã¦Å“Â¬Ã¨Â¯Â­Ã¦Â³â€¢: Firefox (buggy) */
    display: -ms-flexbox; /* Ã¦Â·Â·Ã¥ÂË†Ã§â€°Ë†Ã¦Å“Â¬Ã¨Â¯Â­Ã¦Â³â€¢: IE 10 */
    display: -webkit-flex; /* Ã¦â€“Â°Ã§â€°Ë†Ã¦Å“Â¬Ã¨Â¯Â­Ã¦Â³â€¢: Chrome 21+ */
    display: flex; /* Ã¦â€“Â°Ã§â€°Ë†Ã¦Å“Â¬Ã¨Â¯Â­Ã¦Â³â€¢: Opera 12.1, Firefox 22+ */
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    width: 100%;
    height: 100%;
    padding: 12px 20px;
    border-radius: 10px;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
}
.article-section .article-link-wrapper .article-item a:hover {
    cursor: unset;
}
/*.article-section .article-link-wrapper .article-item:nth-child(1){*/
/*    background: #61caff;*/
/*}*/
/*.article-section .article-link-wrapper .article-item:nth-child(2){*/
/*    background: #259fdd;*/
/*}*/
/*.article-section .article-link-wrapper .article-item:nth-child(3){*/
/*    background: #00b7ff;*/
/*}*/
/*.article-section .article-link-wrapper .article-item:nth-child(4){*/
/*    background: #259fdd;*/
/*}*/
/*.article-section .article-link-wrapper .article-item:nth-child(5){*/
/*    background: #61caff;*/
/*}*/
.article-section .article-link-wrapper .article-item:nth-child(n) {
    background: #259fdd;
}

.article-section .article-link-wrapper .article-item:nth-child(2n-1) {
    background: #61caff;
}

.article-section .article-short-panel {
    display: -webkit-box; /* Ã¨â‚¬ÂÃ§â€°Ë†Ã¦Å“Â¬Ã¨Â¯Â­Ã¦Â³â€¢: Safari, iOS, Android browser, older WebKit browsers. */
    display: -moz-box; /* Ã¨â‚¬ÂÃ§â€°Ë†Ã¦Å“Â¬Ã¨Â¯Â­Ã¦Â³â€¢: Firefox (buggy) */
    display: -ms-flexbox; /* Ã¦Â·Â·Ã¥ÂË†Ã§â€°Ë†Ã¦Å“Â¬Ã¨Â¯Â­Ã¦Â³â€¢: IE 10 */
    display: -webkit-flex; /* Ã¦â€“Â°Ã§â€°Ë†Ã¦Å“Â¬Ã¨Â¯Â­Ã¦Â³â€¢: Chrome 21+ */
    display: flex; /* Ã¦â€“Â°Ã§â€°Ë†Ã¦Å“Â¬Ã¨Â¯Â­Ã¦Â³â€¢: Opera 12.1, Firefox 22+ */
    width: 100%;
    background: #fff;
    padding: 20px;
    margin-top: 20px;
}

.article-section .article-short-panel .article-info-wrapper {
    width: 31%;
    display: -webkit-box; /* Ã¨â‚¬ÂÃ§â€°Ë†Ã¦Å“Â¬Ã¨Â¯Â­Ã¦Â³â€¢: Safari, iOS, Android browser, older WebKit browsers. */
    display: -moz-box; /* Ã¨â‚¬ÂÃ§â€°Ë†Ã¦Å“Â¬Ã¨Â¯Â­Ã¦Â³â€¢: Firefox (buggy) */
    display: -ms-flexbox; /* Ã¦Â·Â·Ã¥ÂË†Ã§â€°Ë†Ã¦Å“Â¬Ã¨Â¯Â­Ã¦Â³â€¢: IE 10 */
    display: -webkit-flex; /* Ã¦â€“Â°Ã§â€°Ë†Ã¦Å“Â¬Ã¨Â¯Â­Ã¦Â³â€¢: Chrome 21+ */
    display: flex; /* Ã¦â€“Â°Ã§â€°Ë†Ã¦Å“Â¬Ã¨Â¯Â­Ã¦Â³â€¢: Opera 12.1, Firefox 22+ */
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.article-section .article-short-panel .article-imgs {
    width: 70%;
    overflow: hidden;
}

.article-section .article-short-panel .article-imgs img {
    width: 100%;
}

.article-section .article-short-panel .article-info-wrapper .article-info-title {
    font-size: 26px;
    font-weight: bold;
}

.article-section .article-short-panel .article-info-wrapper .article-info-showMore {
    margin-top: auto;
}

.article-section .article-short-panel .article-info-wrapper .article-info-showMore .showMoreBtn a {
    display: inline-block;
    padding: 8px 15px;
    background: #005cbf;
    color: #fff;
    transition: all ease .3s;
    -webkit-transition: all ease .3s;
    -moz-transition: all ease .3s;
    -o-transition: all ease .3s;
}

.article-section .article-short-panel .article-info-wrapper .article-info-showMore .showMoreBtn a:hover {
    background: #004e9c;
}

.periodical-section {
    margin: 5% 0;
}

.index-title-wrapper {
    display: -webkit-box; /* Ã¨â‚¬ÂÃ§â€°Ë†Ã¦Å“Â¬Ã¨Â¯Â­Ã¦Â³â€¢: Safari, iOS, Android browser, older WebKit browsers. */
    display: -moz-box; /* Ã¨â‚¬ÂÃ§â€°Ë†Ã¦Å“Â¬Ã¨Â¯Â­Ã¦Â³â€¢: Firefox (buggy) */
    display: -ms-flexbox; /* Ã¦Â·Â·Ã¥ÂË†Ã§â€°Ë†Ã¦Å“Â¬Ã¨Â¯Â­Ã¦Â³â€¢: IE 10 */
    display: -webkit-flex; /* Ã¦â€“Â°Ã§â€°Ë†Ã¦Å“Â¬Ã¨Â¯Â­Ã¦Â³â€¢: Chrome 21+ */
    display: flex; /* Ã¦â€“Â°Ã§â€°Ë†Ã¦Å“Â¬Ã¨Â¯Â­Ã¦Â³â€¢: Opera 12.1, Firefox 22+ */
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: end;
    text-align: center;
    border-bottom: 1px solid #eee;
    margin: 20px 0;
}

.index-title-wrapper .index-title {
    display: inline-block;
    border-bottom: 3px solid #7fb5f7;
}

.index-title-wrapper .index-title h2 {
    font-weight: bold;
}

.index-title-wrapper .index-sub-title a {
    display: inline-block;
    padding: 5px 15px;
    background: #005cbf;
    color: #fff;
    transition: all ease .3s;
    -webkit-transition: all ease .3s;
    -moz-transition: all ease .3s;
    -o-transition: all ease .3s;
}

.periodical-section .periodical-content-wrapper {
    height: 77%;
    display: -webkit-box; /* Ã¨â‚¬ÂÃ§â€°Ë†Ã¦Å“Â¬Ã¨Â¯Â­Ã¦Â³â€¢: Safari, iOS, Android browser, older WebKit browsers. */
    display: -moz-box; /* Ã¨â‚¬ÂÃ§â€°Ë†Ã¦Å“Â¬Ã¨Â¯Â­Ã¦Â³â€¢: Firefox (buggy) */
    display: -ms-flexbox; /* Ã¦Â·Â·Ã¥ÂË†Ã§â€°Ë†Ã¦Å“Â¬Ã¨Â¯Â­Ã¦Â³â€¢: IE 10 */
    display: -webkit-flex; /* Ã¦â€“Â°Ã§â€°Ë†Ã¦Å“Â¬Ã¨Â¯Â­Ã¦Â³â€¢: Chrome 21+ */
    display: flex; /* Ã¦â€“Â°Ã§â€°Ë†Ã¦Å“Â¬Ã¨Â¯Â­Ã¦Â³â€¢: Opera 12.1, Firefox 22+ */
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.periodical-section .periodical-content-wrapper .periodical-content a {
    display: block;
    width: 100%;
    height: 100%;
}

.periodical-section .periodical-content-wrapper .periodical-content a img {
    width: 100%;
}

.news-section {
    margin: 5% 0;
}

.news-section .news-content-wrapper .news-title span {
    margin: 20px 0;
    font-size: 1.6rem;
    font-weight: bold;
    overflow: hidden;
    display: -webkit-box; /*Ã¥Â¼Â¹Ã¦â‚¬Â§Ã¤Â¼Â¸Ã§Â¼Â©Ã§â€ºâ€™Ã¥Â­Â*/
    -webkit-box-orient: vertical; /*Ã¥Â­ÂÃ¥â€¦Æ’Ã§Â´Â Ã¥Å¾â€šÃ§â€ºÂ´Ã¦Å½â€™Ã¥Ë†â€”*/
    -webkit-line-clamp: 2; /*Ã¥ÂÂ¯Ã¤Â»Â¥Ã¦ËœÂ¾Ã§Â¤ÂºÃ§Å¡â€žÃ¨Â¡Å’Ã¦â€¢Â°Ã¯Â¼Å’Ã¨Â¶â€¦Ã¥â€¡ÂºÃ©Æ’Â¨Ã¥Ë†â€ Ã§â€Â¨...Ã¨Â¡Â¨Ã§Â¤Âº*/
    text-overflow: ellipsis; /*Ã¯Â¼Ë†Ã¥Â¤Å¡Ã¨Â¡Å’Ã¦â€“â€¡Ã¦Å“Â¬Ã§Å¡â€žÃ¦Æ’â€¦Ã¥â€ ÂµÃ¤Â¸â€¹Ã¯Â¼Å’Ã§â€Â¨Ã§Å“ÂÃ§â€¢Â¥Ã¥ÂÂ·Ã¢â‚¬Å“Ã¢â‚¬Â¦Ã¢â‚¬ÂÃ©Å¡ÂÃ¨â€”ÂÃ¦ÂºÂ¢Ã¥â€¡ÂºÃ¨Å’Æ’Ã¥â€ºÂ´Ã§Å¡â€žÃ¦â€“â€¡Ã¦Å“Â¬)*/
}

.news-section .news-content-wrapper, .news-section .col-lg-4, .news-section .news-list-wrapper {
    display: -webkit-box; /* Ã¨â‚¬ÂÃ§â€°Ë†Ã¦Å“Â¬Ã¨Â¯Â­Ã¦Â³â€¢: Safari, iOS, Android browser, older WebKit browsers. */
    display: -moz-box; /* Ã¨â‚¬ÂÃ§â€°Ë†Ã¦Å“Â¬Ã¨Â¯Â­Ã¦Â³â€¢: Firefox (buggy) */
    display: -ms-flexbox; /* Ã¦Â·Â·Ã¥ÂË†Ã§â€°Ë†Ã¦Å“Â¬Ã¨Â¯Â­Ã¦Â³â€¢: IE 10 */
    display: -webkit-flex; /* Ã¦â€“Â°Ã§â€°Ë†Ã¦Å“Â¬Ã¨Â¯Â­Ã¦Â³â€¢: Chrome 21+ */
    display: flex; /* Ã¦â€“Â°Ã§â€°Ë†Ã¦Å“Â¬Ã¨Â¯Â­Ã¦Â³â€¢: Opera 12.1, Firefox 22+ */
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.news-section .news-content-wrapper {
    height: 100%;
}

.news-section .news-content-wrapper .news-content {
    height: 100%;
}

.news-section .news-swiper-container {
    width: 100%;
    height: 100%;
    position: relative;
}

.news-section .news-swiper-container .news-swiper-pagination {
    position: absolute;
    display: inline-block;
    width: 25%;
    text-align: right;
    left: initial;
    right: 10px;
    bottom: 10px;
    z-index: 1;
}

.news-section .news-swiper-container .news-swiper-pagination .swiper-pagination-bullet {
    background: #fff;
    opacity: 1;
}

.news-section .news-swiper-container .news-swiper-pagination .swiper-pagination-bullet-active {
    background: #fff;
    width: 15px;
    border-radius: 4px;
}

.news-section .news-swiper-container .swiper-slide a {
    display: block;
    width: 100%;
    height: 100%;
}

.news-section .news-swiper-container .swiper-slide .news-imgs-panel {
    position: relative;
    width: 100%;
    height: 100%;
}

.news-section .news-swiper-container .swiper-slide .news-imgs-panel .news-img {
    position: absolute;
    width: 100%;
}

.news-section .news-swiper-container .swiper-slide .news-imgs-panel .news-img img {
    width: 100%;
    height: 100%;
}

.news-section .news-swiper-container .swiper-slide .news-imgs-panel .news-img-title {
    position: absolute;
    bottom: 0;
    width: 100%;
    background: #4e4e4e;
    z-index: 9;
    color: #fff;
    padding: 10px;
}

.news-section .news-swiper-container .swiper-slide .news-imgs-panel .news-img-title span {
    display: block;
    width: 80%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.news-section .news-list-wrapper {
    -webkit-flex: 1; /* Chrome */
    -ms-flex: 1; /* IE 10 */
    flex: 1; /* NEW, Spec - Opera 12.1, Firefox 20+ */
    -webkit-box-flex: 1; /* OLD - iOS 6-, Safari 3.1-6 */
    -moz-box-flex: 1; /* OLD - Firefox 19- */
}

.news-section .news-list-wrapper .news-list-item a {
    padding: 4px;
    display: -webkit-box; /* Ã¨â‚¬ÂÃ§â€°Ë†Ã¦Å“Â¬Ã¨Â¯Â­Ã¦Â³â€¢: Safari, iOS, Android browser, older WebKit browsers. */
    display: -moz-box; /* Ã¨â‚¬ÂÃ§â€°Ë†Ã¦Å“Â¬Ã¨Â¯Â­Ã¦Â³â€¢: Firefox (buggy) */
    display: -ms-flexbox; /* Ã¦Â·Â·Ã¥ÂË†Ã§â€°Ë†Ã¦Å“Â¬Ã¨Â¯Â­Ã¦Â³â€¢: IE 10 */
    display: -webkit-flex; /* Ã¦â€“Â°Ã§â€°Ë†Ã¦Å“Â¬Ã¨Â¯Â­Ã¦Â³â€¢: Chrome 21+ */
    display: flex; /* Ã¦â€“Â°Ã§â€°Ë†Ã¦Å“Â¬Ã¨Â¯Â­Ã¦Â³â€¢: Opera 12.1, Firefox 22+ */
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
}

.news-section .news-list-wrapper .news-list-item a .news-content-title {
    display: block;
    width: 90%;
    padding: 5px;
    transition: all ease .5s;
    -webkit-transition: all ease .5s;
    -moz-transition: all ease .5s;
    -o-transition: all ease .5s;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-align: left;
    line-height: 30px;
}
.news-section .news-list-wrapper .news-list-item a .news-content-title span{
    font-size: 18px;
    font-family: Arial;
}
.news-section .news-list-wrapper .news-list-item a:hover .news-content-title {
    color: #259fdd;
}

.news-section .news-list-wrapper .news-list-item a .news-content-time {
    border: 1px solid #128cc8;
    width: 12%;
}

.news-section .news-list-wrapper .news-list-item a .news-content-time .news-time-day {
    font-size: 18px;
    font-weight: bold;
}

.news-section .news-list-wrapper .news-list-item a .news-content-time .news-time-month {
    background: #128cc8;
    color: #fff;
    font-size: 12px;
}

.cooperate-section {
    margin: 5% 0;
}

.cooperate-section .cooperate-section-wrapper {
    display: -webkit-box; /* Ã¨â‚¬ÂÃ§â€°Ë†Ã¦Å“Â¬Ã¨Â¯Â­Ã¦Â³â€¢: Safari, iOS, Android browser, older WebKit browsers. */
    display: -moz-box; /* Ã¨â‚¬ÂÃ§â€°Ë†Ã¦Å“Â¬Ã¨Â¯Â­Ã¦Â³â€¢: Firefox (buggy) */
    display: -ms-flexbox; /* Ã¦Â·Â·Ã¥ÂË†Ã§â€°Ë†Ã¦Å“Â¬Ã¨Â¯Â­Ã¦Â³â€¢: IE 10 */
    display: -webkit-flex; /* Ã¦â€“Â°Ã§â€°Ë†Ã¦Å“Â¬Ã¨Â¯Â­Ã¦Â³â€¢: Chrome 21+ */
    display: flex; /* Ã¦â€“Â°Ã§â€°Ë†Ã¦Å“Â¬Ã¨Â¯Â­Ã¦Â³â€¢: Opera 12.1, Firefox 22+ */
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    height: 204px;
    margin: 4% 0;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
}

.cooperate-section .cooperate-section-wrapper:nth-last-child(1) {
    height: 300px;
}

.cooperate-section .cooperate-section-wrapper:nth-child(2) {
    height: 204px;
}

.cooperate-section .cooperate-section-wrapper .cooperate-title {
    text-align: left;
    font-size: 20px;
    color: #505050;
    width: 20%;
}

.cooperate-section .cooperate-section-wrapper .cooperate-imgs-panel {
    width: 80%;
    height: 100%;
    box-shadow: 1px 1px 5px #ccc;
    padding: 20px;
}

.cooperate-imgs-panel .swiper-container {
    width: 100%;
    height: 100%;
}

.cooperate-section .cooperate-section-wrapper .cooperate-imgs-panel .swiper-slide {
    width: 14%;
    overflow: unset;
}

.cooperate-section .cooperate-section-wrapper .cooperate-imgs-panel .coop-img {
    width: 100%;
    height: 100%;
}

.cooperate-section .cooperate-section-wrapper .cooperate-imgs-panel .coop-img a{
    width: 100%;
    overflow: hidden;
    display: -webkit-box; /* Ã¨â‚¬ÂÃ§â€°Ë†Ã¦Å“Â¬Ã¨Â¯Â­Ã¦Â³â€¢: Safari, iOS, Android browser, older WebKit browsers. */
    display: -moz-box; /* Ã¨â‚¬ÂÃ§â€°Ë†Ã¦Å“Â¬Ã¨Â¯Â­Ã¦Â³â€¢: Firefox (buggy) */
    display: -ms-flexbox; /* Ã¦Â·Â·Ã¥ÂË†Ã§â€°Ë†Ã¦Å“Â¬Ã¨Â¯Â­Ã¦Â³â€¢: IE 10 */
    display: -webkit-flex; /* Ã¦â€“Â°Ã§â€°Ë†Ã¦Å“Â¬Ã¨Â¯Â­Ã¦Â³â€¢: Chrome 21+ */
    display: flex; /* Ã¦â€“Â°Ã§â€°Ë†Ã¦Å“Â¬Ã¨Â¯Â­Ã¦Â³â€¢: Opera 12.1, Firefox 22+ */
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    border: 1px solid #ccc;
}
.cooperate-section .cooperate-section-wrapper .cooperate-imgs-panel .coop-img img {
    width: 100%;
}

.sub-banner-section {
    margin-top: 190px;
    margin-bottom: 2%;
    position: relative;
    height: 200px;
    background: url("../imgs/sub-banner/sub-banner1.png") no-repeat center center;
    background-size: cover;
}

.structure-sub-banner.sub-banner-section {
    background: url("../imgs/sub-banner/sub-banner3.png") no-repeat center center;
    background-size: cover;
}

.fcvc-sub-banner.sub-banner-section {
    background: url("../imgs/sub-banner/sub-banner9.png") no-repeat center center;
    background-size: cover;
}

.international-sub-banner.sub-banner-section {
    background: url("../imgs/sub-banner/sub-banner8.png") no-repeat center center;
    background-size: cover;
}

.joinUs-sub-banner.sub-banner-section {
    background: url("../imgs/sub-banner/sub-banner2.png") no-repeat center center;
    background-size: cover;
}

.studies-sub-banner.sub-banner-section {
    background: url("../imgs/sub-banner/sub-banner4.png") no-repeat center center;
    background-size: cover;
}

.h2Demo-sub-banner.sub-banner-section {
    background: url("../imgs/sub-banner/sub-banner11.png") no-repeat center center;
    background-size: cover;
}

.Constitution-sub-banner.sub-banner-section {
    background: url("../imgs/sub-banner/sub-banner6.png") no-repeat center center;
    background-size: cover;
}

.members-sub-banner.sub-banner-section {
    background: url("../imgs/sub-banner/sub-banner10.png") no-repeat center center;
    background-size: cover;
}

.contact-sub-banner.sub-banner-section {
    background: url("../imgs/sub-banner/sub-banner12.png") no-repeat center center;
    background-size: cover;
}

.sub-banner-section .mantle-panel {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #04496a57;
}

.sub-banner-section .mantle-panel .container, .sub-banner-section .mantle-panel .sub-banner-text {
    height: 100%;
}

.sub-banner-section .mantle-panel .sub-banner-text {
    display: -webkit-box; /* Ã¨â‚¬ÂÃ§â€°Ë†Ã¦Å“Â¬Ã¨Â¯Â­Ã¦Â³â€¢: Safari, iOS, Android browser, older WebKit browsers. */
    display: -moz-box; /* Ã¨â‚¬ÂÃ§â€°Ë†Ã¦Å“Â¬Ã¨Â¯Â­Ã¦Â³â€¢: Firefox (buggy) */
    display: -ms-flexbox; /* Ã¦Â·Â·Ã¥ÂË†Ã§â€°Ë†Ã¦Å“Â¬Ã¨Â¯Â­Ã¦Â³â€¢: IE 10 */
    display: -webkit-flex; /* Ã¦â€“Â°Ã§â€°Ë†Ã¦Å“Â¬Ã¨Â¯Â­Ã¦Â³â€¢: Chrome 21+ */
    display: flex; /* Ã¦â€“Â°Ã§â€°Ë†Ã¦Å“Â¬Ã¨Â¯Â­Ã¦Â³â€¢: Opera 12.1, Firefox 22+ */
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    color: #FFFFFF;
    font-weight: bold;
    text-align: left;
    padding-left: 13%;
}

.sub-banner-section .mantle-panel .sub-banner-text .sub-banner-text-cn {
    font-size: 3.4rem;
    text-align: left;
    margin-bottom: 15px;
}

.sub-banner-section .mantle-panel .sub-banner-text .sub-banner-text-en {
    font-size: 1.4rem;
    text-align: left;
}

.who-intro-section .first-row {
    margin: 5% 0 0 0;
}

.who-intro-section .who-intro-title {
    font-size: 1.6rem;
    font-weight: bold;
    margin: 0 0 5% 0;
}

.who-intro-section .who-intro-text {
    /*list-style: none;*/
    color: #505050;
}

.who-intro-section .who-intro-text li {
    font-size: 18px;
    line-height: 40px;
    font-family: Arial;
}
.org-intro-section .who-intro-text li{
    font-size: 18px;
    line-height: 50px;
    font-family: Arial;
}

.who-intro-section .who-intro-img {
    padding-right: 5%;
}

.who-intro-img img {
    width: 90%;
}

.who-intro-img {
    display: -webkit-box; /* Ã¨â‚¬ÂÃ§â€°Ë†Ã¦Å“Â¬Ã¨Â¯Â­Ã¦Â³â€¢: Safari, iOS, Android browser, older WebKit browsers. */
    display: -moz-box; /* Ã¨â‚¬ÂÃ§â€°Ë†Ã¦Å“Â¬Ã¨Â¯Â­Ã¦Â³â€¢: Firefox (buggy) */
    display: -ms-flexbox; /* Ã¦Â·Â·Ã¥ÂË†Ã§â€°Ë†Ã¦Å“Â¬Ã¨Â¯Â­Ã¦Â³â€¢: IE 10 */
    display: -webkit-flex; /* Ã¦â€“Â°Ã§â€°Ë†Ã¦Å“Â¬Ã¨Â¯Â­Ã¦Â³â€¢: Chrome 21+ */
    display: flex; /* Ã¦â€“Â°Ã§â€°Ë†Ã¦Å“Â¬Ã¨Â¯Â­Ã¦Â³â€¢: Opera 12.1, Firefox 22+ */
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    /*padding-left: 5%;*/
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}

.who-intro-img .sub-temp-short-width {
    width: 80%;
}

.who-intro-content {
    display: -webkit-box; /* Ã¨â‚¬ÂÃ§â€°Ë†Ã¦Å“Â¬Ã¨Â¯Â­Ã¦Â³â€¢: Safari, iOS, Android browser, older WebKit browsers. */
    display: -moz-box; /* Ã¨â‚¬ÂÃ§â€°Ë†Ã¦Å“Â¬Ã¨Â¯Â­Ã¦Â³â€¢: Firefox (buggy) */
    display: -ms-flexbox; /* Ã¦Â·Â·Ã¥ÂË†Ã§â€°Ë†Ã¦Å“Â¬Ã¨Â¯Â­Ã¦Â³â€¢: IE 10 */
    display: -webkit-flex; /* Ã¦â€“Â°Ã§â€°Ë†Ã¦Å“Â¬Ã¨Â¯Â­Ã¦Â³â€¢: Chrome 21+ */
    display: flex; /* Ã¦â€“Â°Ã§â€°Ë†Ã¦Å“Â¬Ã¨Â¯Â­Ã¦Â³â€¢: Opera 12.1, Firefox 22+ */
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-left: 5%;
}

.who-intro-table-wrapper .who-intro-table-title {
    text-align: center;
    margin: 5% 0;
}

.who-intro-table-wrapper .who-intro-table-title span {
    font-size: 1.6rem;
    font-weight: bold;
}

.who-intro-section .who-intro-table-title {
    margin: 8% 0 5% 0;
}

.who-intro-section .who-intro-company-wrapper {
    margin-top: auto;
}

.who-intro-section .who-intro-company-wrapper .who-intro-company {
    display: -webkit-box; /* Ã¨â‚¬ÂÃ§â€°Ë†Ã¦Å“Â¬Ã¨Â¯Â­Ã¦Â³â€¢: Safari, iOS, Android browser, older WebKit browsers. */
    display: -moz-box; /* Ã¨â‚¬ÂÃ§â€°Ë†Ã¦Å“Â¬Ã¨Â¯Â­Ã¦Â³â€¢: Firefox (buggy) */
    display: -ms-flexbox; /* Ã¦Â·Â·Ã¥ÂË†Ã§â€°Ë†Ã¦Å“Â¬Ã¨Â¯Â­Ã¦Â³â€¢: IE 10 */
    display: -webkit-flex; /* Ã¦â€“Â°Ã§â€°Ë†Ã¦Å“Â¬Ã¨Â¯Â­Ã¦Â³â€¢: Chrome 21+ */
    display: flex; /* Ã¦â€“Â°Ã§â€°Ë†Ã¦Å“Â¬Ã¨Â¯Â­Ã¦Â³â€¢: Opera 12.1, Firefox 22+ */
    font-weight: bold;
    color: #606060;
    margin: 15px 0;
}

.who-intro-section .who-intro-company-wrapper .who-intro-company img {
    display: inline-block;
    width: 20px;
    height: auto;
}

.who-intro-section .who-intro-company-wrapper .who-intro-company .who-intro-span {
    margin-left: 10px;
    color: #666666;
}

.who-intro-table-wrapper .who-intro-table {
    margin: 5% 0;
}

.who-intro-table-wrapper .who-intro-table table {
    width: 100%;
}

.who-intro-table-wrapper .who-intro-table table td {
    vertical-align: middle;
}

.who-intro-table-wrapper .who-intro-table table th div, .who-intro-table-wrapper .who-intro-table table td div {
    font-size: 16px;
}

.who-intro-table-wrapper .who-intro-table .first-th, .who-intro-table-wrapper .who-intro-table .first-td {
    width: 15%;
}

.who-intro-table-wrapper .who-intro-table .intro-first-bg, .who-intro-table-wrapper .who-intro-table .intro-second-bg {
    transition: all ease .3s;
    -webkit-transition: all ease .3s;
    -moz-transition: all ease .3s;
    -o-transition: all ease .3s;
}

.who-intro-table-wrapper .who-intro-table .intro-first-bg {
    background: #91C6ED;
    margin: 0px 15%;
    padding: 15px;
    text-align: center;
    height: 100%;
}

.who-intro-table-wrapper .who-intro-table .intro-second-bg {
    background: #1B6AA3;
    margin: 0 10px;
    padding: 15px;
    text-align: center;
    height: 100%;
    color: #fff;
    font-weight: bold;
    display: -webkit-box; /* Ã¨â‚¬ÂÃ§â€°Ë†Ã¦Å“Â¬Ã¨Â¯Â­Ã¦Â³â€¢: Safari, iOS, Android browser, older WebKit browsers. */
    display: -moz-box; /* Ã¨â‚¬ÂÃ§â€°Ë†Ã¦Å“Â¬Ã¨Â¯Â­Ã¦Â³â€¢: Firefox (buggy) */
    display: -ms-flexbox; /* Ã¦Â·Â·Ã¥ÂË†Ã§â€°Ë†Ã¦Å“Â¬Ã¨Â¯Â­Ã¦Â³â€¢: IE 10 */
    display: -webkit-flex; /* Ã¦â€“Â°Ã§â€°Ë†Ã¦Å“Â¬Ã¨Â¯Â­Ã¦Â³â€¢: Chrome 21+ */
    display: flex; /* Ã¦â€“Â°Ã§â€°Ë†Ã¦Å“Â¬Ã¨Â¯Â­Ã¦Â³â€¢: Opera 12.1, Firefox 22+ */
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.who-intro-table-wrapper .who-intro-table .intro-first-bg:hover {

}

.who-intro-table-wrapper .who-intro-table .intro-second-bg:hover {
    background: #fff;
    color: #128cc8;
    box-shadow: 1px 1px 5px #0c4460;
}

.who-intro-table-wrapper .who-intro-table td {
    height: 50px;
    line-height: 15px;
}

.org-box-trees-panel, .org-box-trees-panel .org-box-tree-lineBox, .org-box-trees-panel .org-box-tree-lineBox .org-box {
    display: -webkit-box; /* Ã¨â‚¬ÂÃ§â€°Ë†Ã¦Å“Â¬Ã¨Â¯Â­Ã¦Â³â€¢: Safari, iOS, Android browser, older WebKit browsers. */
    display: -moz-box; /* Ã¨â‚¬ÂÃ§â€°Ë†Ã¦Å“Â¬Ã¨Â¯Â­Ã¦Â³â€¢: Firefox (buggy) */
    display: -ms-flexbox; /* Ã¦Â·Â·Ã¥ÂË†Ã§â€°Ë†Ã¦Å“Â¬Ã¨Â¯Â­Ã¦Â³â€¢: IE 10 */
    display: -webkit-flex; /* Ã¦â€“Â°Ã§â€°Ë†Ã¦Å“Â¬Ã¨Â¯Â­Ã¦Â³â€¢: Chrome 21+ */
    display: flex; /* Ã¦â€“Â°Ã§â€°Ë†Ã¦Å“Â¬Ã¨Â¯Â­Ã¦Â³â€¢: Opera 12.1, Firefox 22+ */
}

.org-box-trees-panel {
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 2% 0;
}

.org-box-trees-panel .org-box-tree-lineBox, .org-box-trees-panel .org-box-tree-lineBox .org-box {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.org-box-trees-panel .org-box-tree-lineBox .org-box {
    width: 150px;
    min-height: 60px;
    border: 1px solid #ccc;
    padding: 5px;
    border-radius: 5px;
    text-align: center;
    font-size: 12px;
    background: -webkit-linear-gradient(left, #E1F1FF, #caf0ff, #9ED0EF);
    background: linear-gradient(to right, #E1F1FF, #caf0ff, #9ED0EF);
    font-weight: 600;
    transition: all ease .3s;
    -webkit-transition: all ease .3s;
    -moz-transition: all ease .3s;
    -o-transition: all ease .3s;
}

.org-box-trees-panel .org-box-tree-lineBox .org-box:hover {
    background: -webkit-linear-gradient(left, #E1F1FF, #caf0ff, #9ED0EF, #8fbedd);
    background: linear-gradient(to right, #E1F1FF, #caf0ff, #9ED0EF, #8fbedd);
    cursor: pointer;
}

.org-box-trees-panel .org-box-tree-lineBox:nth-last-child(1) {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: start;
}

.org-box-trees-panel .org-box-tree-lineBox:nth-child(1) .org-box {
    width: 20%;
}

.org-box-trees-panel .org-box-tree-lineBox:nth-last-child(1) .org-box {
    width: 20%;
    margin: 0 10px;
}

.org-box-trees-panel .org-box-tree-lineBox .org-box-v-line-border {
    height: 20px;
    margin: 0 10%;
    border-left: 1px solid #ccc;
}

.org-box-trees-panel .org-box-tree-lineBox .org-box-h-line-border {
    width: 50px;
    border-bottom: 1px solid #ccc;
}

.org-box-trees-panel .org-box-tree-lineBox:nth-last-child(3) {
    width: 80.5%;
    margin: 0 auto;
}

.org-box-trees-panel .org-box-tree-lineBox:nth-last-child(3) .org-box-h-line-border {
    width: 100%;
}

.organization-persons-panel, .organization-person-item {
    display: -webkit-box; /* Ã¨â‚¬ÂÃ§â€°Ë†Ã¦Å“Â¬Ã¨Â¯Â­Ã¦Â³â€¢: Safari, iOS, Android browser, older WebKit browsers. */
    display: -moz-box; /* Ã¨â‚¬ÂÃ§â€°Ë†Ã¦Å“Â¬Ã¨Â¯Â­Ã¦Â³â€¢: Firefox (buggy) */
    display: -ms-flexbox; /* Ã¦Â·Â·Ã¥ÂË†Ã§â€°Ë†Ã¦Å“Â¬Ã¨Â¯Â­Ã¦Â³â€¢: IE 10 */
    display: -webkit-flex; /* Ã¦â€“Â°Ã§â€°Ë†Ã¦Å“Â¬Ã¨Â¯Â­Ã¦Â³â€¢: Chrome 21+ */
    display: flex; /* Ã¦â€“Â°Ã§â€°Ë†Ã¦Å“Â¬Ã¨Â¯Â­Ã¦Â³â€¢: Opera 12.1, Firefox 22+ */
}

.organization-persons-panel {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
}

.organization-persons-panel .organization-person-item {
    width: 30%;
    padding: 0;
    margin: 10px;
    transition: all 0.5s linear;
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
}
.organization-persons-panel .organization-person-item:hover{
    box-shadow: 1px 1px 10px #ccc;
    cursor: pointer;
}
.organization-persons-panel .organization-person-item .person-img {
    width: 40%;
    display: -webkit-box; /* Ã¨â‚¬ÂÃ§â€°Ë†Ã¦Å“Â¬Ã¨Â¯Â­Ã¦Â³â€¢: Safari, iOS, Android browser, older WebKit browsers. */
    display: -moz-box; /* Ã¨â‚¬ÂÃ§â€°Ë†Ã¦Å“Â¬Ã¨Â¯Â­Ã¦Â³â€¢: Firefox (buggy) */
    display: -ms-flexbox; /* Ã¦Â·Â·Ã¥ÂË†Ã§â€°Ë†Ã¦Å“Â¬Ã¨Â¯Â­Ã¦Â³â€¢: IE 10 */
    display: -webkit-flex; /* Ã¦â€“Â°Ã§â€°Ë†Ã¦Å“Â¬Ã¨Â¯Â­Ã¦Â³â€¢: Chrome 21+ */
    display: flex; /* Ã¦â€“Â°Ã§â€°Ë†Ã¦Å“Â¬Ã¨Â¯Â­Ã¦Â³â€¢: Opera 12.1, Firefox 22+ */
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.organization-persons-panel .organization-person-item .person-img img {
    width: 100%;
    box-shadow: 3px 3px 5px #bdbdbd;
}

.organization-persons-panel .organization-person-item .person-info {
    width: 60%;
    padding-left: 10px;
    padding-top: 15px;
}

.organization-persons-panel .organization-person-item .person-info .person-info-name {
    font-size: 18px;
    font-weight: 600;
}

.organization-persons-panel .organization-person-item .person-info-desc {
    color: #909090;
}

.organization-persons-panel .organization-person-item .person-info-desc div {
    font-size: 16px;
    font-family: Arial;

}
.organization-member-panel{
    padding: 0 0 5% 0;
    background: url('../imgs/member/bg-map.png') no-repeat;
    background-size: cover;
}
.organization-member-panel .sub-temp-page-title{
    margin: 6% 0;
}
.organization-footer{
    margin-top: 0 !important;
}
.modal-table table th {
    text-align: center;
    white-space: nowrap;
}

.modal-table table th, .modal-table table td {
    padding: 10px;
}

.modal-img-article .row {
    width: 100%;
    margin-right: 0;
    margin-left: 0;
}

.modal-img-article .article-img img {
    width: 100%;
}
.modal-img-article .article-name{
    font-size: 18px;
    font-weight: bold;
    padding: 8px;
    text-align: center;
    border: 1px solid #ccc;
}
.modal-img-article .article-text {
    margin-left: 15px;
    display: -webkit-box; /* Ã¨â‚¬ÂÃ§â€°Ë†Ã¦Å“Â¬Ã¨Â¯Â­Ã¦Â³â€¢: Safari, iOS, Android browser, older WebKit browsers. */
    display: -moz-box; /* Ã¨â‚¬ÂÃ§â€°Ë†Ã¦Å“Â¬Ã¨Â¯Â­Ã¦Â³â€¢: Firefox (buggy) */
    display: -ms-flexbox; /* Ã¦Â·Â·Ã¥ÂË†Ã§â€°Ë†Ã¦Å“Â¬Ã¨Â¯Â­Ã¦Â³â€¢: IE 10 */
    display: -webkit-flex; /* Ã¦â€“Â°Ã§â€°Ë†Ã¦Å“Â¬Ã¨Â¯Â­Ã¦Â³â€¢: Chrome 21+ */
    display: flex; /* Ã¦â€“Â°Ã§â€°Ë†Ã¦Å“Â¬Ã¨Â¯Â­Ã¦Â³â€¢: Opera 12.1, Firefox 22+ */
    /*-webkit-align-items: center;*/
    /*-ms-flex-align: center;*/
    /*align-items: center;*/

    /*-webkit-box-pack: center;*/
    /*-webkit-justify-content: center;*/
    /*-ms-flex-pack: center;*/
    /*justify-content: center;*/
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
}

.modal-img-article .article-text ul {
    padding-left: 20px;
}

.modal-img-article .article-text ul li {
    font-size: 16px;
}

.join-section .row .col-lg-6:nth-child(2) .sub-temp-content-wrapper,
.collaboration-section .row .col-lg-6:nth-child(2) .sub-temp-content-wrapper,
.fcvc2022-section .row .col-lg-6:nth-child(2) .sub-temp-content-wrapper,
.Members-section .row .col-lg-6:nth-child(2) .sub-temp-content-wrapper {
    margin-left: 5%;
}

.Members-section .sub-title-bg {
    height: 200px;
    line-height: 200px;
    color: #fff;
    background: url("../imgs/sub-title-banner.png") no-repeat;
    background-size: cover;
}

.Members-section .sub-title-bg .sub-temp-page-title {
    font-size: 2.8rem;
}

.sub-temp-img-wrapper, .sub-temp-content-wrapper {
    display: -webkit-box; /* Ã¨â‚¬ÂÃ§â€°Ë†Ã¦Å“Â¬Ã¨Â¯Â­Ã¦Â³â€¢: Safari, iOS, Android browser, older WebKit browsers. */
    display: -moz-box; /* Ã¨â‚¬ÂÃ§â€°Ë†Ã¦Å“Â¬Ã¨Â¯Â­Ã¦Â³â€¢: Firefox (buggy) */
    display: -ms-flexbox; /* Ã¦Â·Â·Ã¥ÂË†Ã§â€°Ë†Ã¦Å“Â¬Ã¨Â¯Â­Ã¦Â³â€¢: IE 10 */
    display: -webkit-flex; /* Ã¦â€“Â°Ã§â€°Ë†Ã¦Å“Â¬Ã¨Â¯Â­Ã¦Â³â€¢: Chrome 21+ */
    display: flex; /* Ã¦â€“Â°Ã§â€°Ë†Ã¦Å“Â¬Ã¨Â¯Â­Ã¦Â³â€¢: Opera 12.1, Firefox 22+ */
}

.sub-temp-img-wrapper {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    margin: 10px 0;
}

.Industry-section .sub-temp-content-wrapper {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: start;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: start;
}

.member-map-img {
    position: relative;
}

.member-map-img .img-title-panel {
    position: absolute;
    width: 100%;
    bottom: 0;
    padding: 10px;
    background: #ebebeb4d;
    font-size: 12px;
    color: #c5c5c5;
}

.sub-temp-content-wrapper {
    height: 100%;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.sub-temp-content-wrapper .sub-temp-content-title {
    font-size: 1.6rem;
    margin: 2% 0;
    font-weight: 600;
    text-align: left;
    width: 100%;
}

.Members-section .sub-temp-content-wrapper .sub-temp-content-title {
    margin: 6% 0 3% 0;
    width: 100%;
    text-align: left;
}

.sub-temp-content-wrapper {
    position: relative;
}

.sub-temp-content-wrapper img {
    z-index: 2;
    background: #fff;
}

.sub-temp-content-wrapper .sub-temp-img {
    box-shadow: 1px 1px 10px #eee;
}

.sub-temp-content-wrapper .sub-temp-img-bg {
    position: absolute;
    width: 150px;
    z-index: 1;
}

.sub-temp-content-wrapper .sub-temp-img-bg.top-bg {
    left: 0;
    bottom: -10%;
}

.sub-temp-content-wrapper .sub-temp-img-bg.bottom-bg {
    right: 0;
    top: -10%;
}
.sub-temp-content-wrapper .sub-temp-content p{
    font-size: 18px;
    font-family: Arial;
}
.fcvc2022-section .sub-temp-content-wrapper .sub-temp-img-bg.top-bg, .collaboration-section .sub-temp-content-wrapper .sub-temp-img-bg.top-bg,
.Members-section .sub-temp-content-wrapper .sub-temp-img-bg.top-bg {
    left: -5%;
    bottom: -5%;
}

.fcvc2022-section .sub-temp-content-wrapper .sub-temp-img-bg.bottom-bg, .collaboration-section .sub-temp-content-wrapper .sub-temp-img-bg.bottom-bg,
.Members-section .sub-temp-content-wrapper .sub-temp-img-bg.bottom-bg {
    right: -5%;
    top: -5%;
}

.member-intro-img .sub-temp-content-wrapper .sub-temp-img-bg.top-bg {
    bottom: 12%;
}

.member-intro-img .sub-temp-content-wrapper .sub-temp-img-bg.bottom-bg {
    top: 12%;
}

.sub-temp-content-wrapper.who-intro-img {
    -webkit-box-pack: unset;
    -webkit-justify-content: unset;
    -ms-flex-pack: unset;
    justify-content: unset;
}

.sub-temp-img-wrapper img {
    width: 100%;
}

.join-section .sub-temp-img-wrap {
    width: 80%;
}

.join-section .sub-temp-content-wrapper .right-bottom-img {
    position: absolute;
    width: 50%;
    bottom: -5%;
    right: -20%;
}

.Industry-section .sub-temp-img-wrapper img {
    width: 80%;
}

.Industry-section .goods-panel {
    padding: 10px;
    background: #fcfcfc;
}

.Industry-section .thinkTankPanel {
    padding: 10px;
    background: url("../imgs/sub-banner/sub-banner14.png") no-repeat;
    background-size: cover;
    color: #fff;
}

.out-partners-section .row, .join-section .row, .collaboration-section .row, .Industry-section .row,
.Plans-section .row, .fcvc2022-section .row, .Members-section .row, .H2Demo-section .row {
    margin: 3% 0;
}

.H2Demo-section .who-intro-img {
    margin: 5% 0;
}

.H2Demo-section .who-intro-img .sub-temp-content-wrapper {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.H2Demo-section .sub-temp-content-wrapper .sub-temp-img-bg.bottom-bg {
    top: -5%;
}

.H2Demo-section .sub-temp-content-wrapper .sub-temp-img-bg.top-bg {
    bottom: -5%;
}

.H2Demo-section .title-img img {
    width: 80%;
}

.h2-main-img-panle {
    position: relative;
    margin-top: 10%;
}

.h2-main-img-panle .who-intro-img .sub-temp-short-width {
    width: 100%;
}

.h2-main-img-panle .who-intro-img {
    margin: 2%;
}

.h2-main-img-panle .sub-temp-img-bg {
    position: absolute;
    width: 150px;
}

.h2-main-img-panle .img-left-top {
    top: 0;
    left: 0;
}

.h2-main-img-panle .img-right-top {
    top: 0;
    right: 0;
}

.h2-main-img-panle .img-center {
    top: 50%;
    right: 50%;
    transform: translate(50%, -50%);
    -webkit-transform: translate(50%, -50%);
    -moz-transform: translate(50%, -50%);
    -o-transform: translate(50%, -50%);
}

.h2-main-img-panle .img-left-bottom {
    bottom: -5%;
    left: 0;
}

.h2-main-img-panle .img-right-bottom {
    bottom: -5%;
    right: 0;
}

.Industry-section .row {
    margin: 5% 0;
}

.sub-temp-page-title {
    margin: 4% 0;
    font-size: 1.6rem;
    font-weight: bold;
    text-align: center;
}

.sub-temp-page-title .pc-title > div {
    font-size: 1.6rem;
    font-weight: bold;
    text-align: center;
}

.sub-temp-page-title .wap-title {
    display: none;
}

.sub-temp-page-title-sub {
    font-size: 14px;
    color: #909090;
    text-align: left;
}

.sub-temp-content-wrapper .sub-temp-content .content-bottom {
    margin-top: 20px;
}

.sub-temp-content-wrapper .sub-temp-content .content-bottom p {
    margin-bottom: 0;
}

.sub-temp-content-wrapper .sub-temp-content ul {
    padding-left: 20px;
}

.sub-temp-content-wrapper .sub-temp-content ul li {
    margin-bottom: 10px;
}

.fcvc2022-section .sub-temp-download-inline {
    width: 100%;
    text-align: left;
}

.sub-temp-content-wrapper .sub-temp-download-inline {
    margin: 10px 0;
}

.download-btn {
    padding: 8px 15px;
    background: #128cc8;
    color: #fff;
    border-radius: 3px;
    transition: all ease .3s;
    -webkit-transition: all ease .3s;
    -moz-transition: all ease .3s;
    -o-transition: all ease .3s;
}

.download-btn:hover {
    background: #0e77ab;
    color: #fff;
}

.contact-wrapper {
    color: #606060;
    /*background: #fff;*/
}

.contact-wrapper:nth-child(1) {
    border-bottom: 1px solid #eee;
}
.contact-wrapper:nth-child(2) {
    border-bottom: 1px solid #eee;
}
.contact-wrapper .contact-inline {
    display: -webkit-box; /* Ã¨â‚¬ÂÃ§â€°Ë†Ã¦Å“Â¬Ã¨Â¯Â­Ã¦Â³â€¢: Safari, iOS, Android browser, older WebKit browsers. */
    display: -moz-box; /* Ã¨â‚¬ÂÃ§â€°Ë†Ã¦Å“Â¬Ã¨Â¯Â­Ã¦Â³â€¢: Firefox (buggy) */
    display: -ms-flexbox; /* Ã¦Â·Â·Ã¥ÂË†Ã§â€°Ë†Ã¦Å“Â¬Ã¨Â¯Â­Ã¦Â³â€¢: IE 10 */
    display: -webkit-flex; /* Ã¦â€“Â°Ã§â€°Ë†Ã¦Å“Â¬Ã¨Â¯Â­Ã¦Â³â€¢: Chrome 21+ */
    display: flex; /* Ã¦â€“Â°Ã§â€°Ë†Ã¦Å“Â¬Ã¨Â¯Â­Ã¦Â³â€¢: Opera 12.1, Firefox 22+ */
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 10px 0;
}

.contact-wrapper .contact-title {
    font-weight: bold;
    font-size: 20px;
    color: #000;
}

.contact-wrapper .contact-inline .contact-text {
    font-size: 16px;
    padding-left: 10px;
}

.contact-wrapper .contact-title .contact-text {
    font-size: 1.6rem;
    color: #595959;
}

.contact-wrapper .contact-titles .contact-text{
    color: #0070c0;
}

.contact-wrapper .contact-inline img {
    width: 30px;
    margin: 5px;
}

.fcvc2022-section .row .col-lg-6:nth-child(1), .collaboration-section .row .col-lg-6:nth-child(1),
.Members-section .row .col-lg-6:nth-child(1) {
    margin: 5% 0;
}

.fcvc2022-section .row .col-lg-6:nth-child(2), .collaboration-section .row .col-lg-6:nth-child(1),
.Members-section .row .col-lg-6:nth-child(1) {
    padding: 0 3%;
}

.contact-panel-wrapper {
    /*background: url("../imgs/contact_bj.png") no-repeat;*/
    /*background-size: cover;*/
}

.contact-form-wrapper {
    /*height: 100%;*/
    display: -webkit-box; /* Ã¨â‚¬ÂÃ§â€°Ë†Ã¦Å“Â¬Ã¨Â¯Â­Ã¦Â³â€¢: Safari, iOS, Android browser, older WebKit browsers. */
    display: -moz-box; /* Ã¨â‚¬ÂÃ§â€°Ë†Ã¦Å“Â¬Ã¨Â¯Â­Ã¦Â³â€¢: Firefox (buggy) */
    display: -ms-flexbox; /* Ã¦Â·Â·Ã¥ÂË†Ã§â€°Ë†Ã¦Å“Â¬Ã¨Â¯Â­Ã¦Â³â€¢: IE 10 */
    display: -webkit-flex; /* Ã¦â€“Â°Ã§â€°Ë†Ã¦Å“Â¬Ã¨Â¯Â­Ã¦Â³â€¢: Chrome 21+ */
    display: flex; /* Ã¦â€“Â°Ã§â€°Ë†Ã¦Å“Â¬Ã¨Â¯Â­Ã¦Â³â€¢: Opera 12.1, Firefox 22+ */
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: end;
}

.contact-form {
	width: 99%;
    /*background: #128cc8;*/
    padding: 0 20px;
    /*height: 100%;*/
    /*border: 1px solid #eee;
    box-shadow: 1px 1px 5px #eee;*/
    border-radius: 5px;
    margin-right: 5%;
}

.contact-form .contact-form-title {
    font-size: 1.6rem;
    font-weight: bold;
    margin: 0 0;
    padding: 0 10px;
    color: #595959;
}

.contact-form .contact-form-group {
    display: -webkit-box; /* Ã¨â‚¬ÂÃ§â€°Ë†Ã¦Å“Â¬Ã¨Â¯Â­Ã¦Â³â€¢: Safari, iOS, Android browser, older WebKit browsers. */
    display: -moz-box; /* Ã¨â‚¬ÂÃ§â€°Ë†Ã¦Å“Â¬Ã¨Â¯Â­Ã¦Â³â€¢: Firefox (buggy) */
    display: -ms-flexbox; /* Ã¦Â·Â·Ã¥ÂË†Ã§â€°Ë†Ã¦Å“Â¬Ã¨Â¯Â­Ã¦Â³â€¢: IE 10 */
    display: -webkit-flex; /* Ã¦â€“Â°Ã§â€°Ë†Ã¦Å“Â¬Ã¨Â¯Â­Ã¦Â³â€¢: Chrome 21+ */
    display: flex; /* Ã¦â€“Â°Ã§â€°Ë†Ã¦Å“Â¬Ã¨Â¯Â­Ã¦Â³â€¢: Opera 12.1, Firefox 22+ */
}

.contact-form .contact-form-group .contact-form-inline {
    -webkit-flex: auto; /* Chrome */
    -ms-flex: auto; /* IE 10 */
    flex: auto; /* NEW, Spec - Opera 12.1, Firefox 20+ */
    -webkit-box-flex: initial; /* OLD - iOS 6-, Safari 3.1-6 */
    -moz-box-flex: initial; /* OLD - Firefox 19- */
    padding: 10px;
}

.contact-form .contact-form-group .contact-form-inline input, .contact-form .contact-form-group .contact-form-inline textarea,
.ihfca-form-input-line input[type="text"], .ihfca-form-input-line input[type="number"], .ihfca-form-input-line input[type="tel"],
.ihfca-form-input-line input[type="password"] {
    width: 100%;
    padding: 10px;
    background: #c9e6fa;
    outline: none;
    border: none;
}

.contact-form .contact-form-group .contact-form-inline input.inputError, .contact-form .contact-form-group .contact-form-inline textarea.inputError,
.ihfca-form-input-line input[type="text"].inputError, .ihfca-form-input-line input[type="number"].inputError, .ihfca-form-input-line input[type="tel"].inputError,
.ihfca-form-input-line input[type="password"].inputError {
    border: 1px solid #f40;
}

.ihfca-form-input-line .ihfca-form-input-group .error-text {
    color: #ff4400;
}

.contact-form .contact-form-group .contact-form-inline input::placeholder, .contact-form .contact-form-group .contact-form-inline textarea::placeholder {
    /*color: #fff;*/
}

.contact-form .contact-form-group .contact-form-inline input:focus {
    outline: none;
}

.contact-form .contact-form-group .contact-form-inline input, .contact-form .contact-form-group .contact-form-inline textarea,
.ihfca-form-input-line input[type="text"], .ihfca-form-input-line input[type="number"], .ihfca-form-input-line input[type="tel"],
.ihfca-form-input-line input[type="password"] {
	background: #fff;
	border: 1px solid #89a4a7;
}

.contact-form .contact-form-submit {
    background: #128cc8;
    padding: 8px 12px;
    display: inline-block;
    border-radius: 2px;
    color: #fff;
    transition: all ease .3s;
    -webkit-transition: all ease .3s;
    -moz-transition: all ease .3s;
    -o-transition: all ease .3s;
}

.contact-form .contact-form-submit:hover {
    background: #1275a8;
    cursor: pointer;
}

.chapter-main-wrapper {
    /*display: -webkit-box; !* Ã¨â‚¬ÂÃ§â€°Ë†Ã¦Å“Â¬Ã¨Â¯Â­Ã¦Â³â€¢: Safari, iOS, Android browser, older WebKit browsers. *!*/
    /*display: -moz-box; !* Ã¨â‚¬ÂÃ§â€°Ë†Ã¦Å“Â¬Ã¨Â¯Â­Ã¦Â³â€¢: Firefox (buggy) *!*/
    /*display: -ms-flexbox; !* Ã¦Â·Â·Ã¥ÂË†Ã§â€°Ë†Ã¦Å“Â¬Ã¨Â¯Â­Ã¦Â³â€¢: IE 10 *!*/
    /*display: -webkit-flex; !* Ã¦â€“Â°Ã§â€°Ë†Ã¦Å“Â¬Ã¨Â¯Â­Ã¦Â³â€¢: Chrome 21+ *!*/
    /*display: flex; !* Ã¦â€“Â°Ã§â€°Ë†Ã¦Å“Â¬Ã¨Â¯Â­Ã¦Â³â€¢: Opera 12.1, Firefox 22+ *!*/
}

.nav-tabs {
    border: none;
}

.chapter-tabs-wrapper {
    display: none;
    position: fixed;
    top: 140px;
    left: 10px;
    width: 200px;
}

.chapter-tab {
    display: inline-block;
    width: 100%;
    height: 100%;
    margin: 2px 0;
    padding: 10px;
    transition: all ease .1s;
    -webkit-transition: all ease .1s;
    -moz-transition: all ease .1s;
    -o-transition: all ease .1s;
    background: url("../imgs/constitution-pos-default-icon.png") no-repeat 180px center;
}

.chapter-tab.active, .chapter-tab:hover {
    color: #000;
    background: url("../imgs/constitution-pos-active-icon.png") no-repeat 175px center;
}

.chapter-tabs-wrapper .list-group-item.active {
    color: #128cc8;
}

.chapter-tabs-wrapper .list-group-item {
    border: none;
    margin: 0;
    font-weight: bold;
}
.chapter-tabs-wrapper .list-group-item span{
    font-size: 12px;
}
.chapter-tabs-wrapper .list-group-item span{
    display: inline-block;
    width: 70%;
}
.chapter-tabs-wrapper .list-group-item.chapter-first{
    padding: 10px 0;
}
.chapter-tabs-wrapper .list-group-item.chapter-first:nth-last-child(1){
    padding: 30px 0;
}
.chapter-tabs-wrapper .list-group-item.chapter-second{
    font-weight: initial;
}
.chapter-content-scroll {
    width: 100%;
}

.chapter-content-wrapper {
    height: 100%;
    margin: 1% 0;
    padding-left: 14%;
    padding-bottom: 20%;
}

.chapter-content-wrapper .chapter-content-title {
    font-size: 1.6rem;
    font-weight: 600;
    margin: 6% 0 3% 0;
}

.chapter-content-wrapper strong.label-title {
    margin-left: 0;
    margin-right: 10px;
}

.chapter-content-wrapper span.label-title {
    display: inline-block;
    width: 1rem;
    text-align: center;
    margin-right: 10px;
}

.chapter-content-wrapper .label-sub-title {
    display: inline-block;
    width: 2rem;
    text-align: center;
}

.chapter-content-wrapper .chapter-paragraph {
    margin-bottom: 1.2rem;
}

.chapter-content-wrapper .chapter-paragraph p {
    margin-bottom: 0;
}
.flow-process-panel .flow-process-item{
    position: relative;
    width: 70%;
    height: 200px;
    margin: 3% auto;
    padding: 3%;
}
.flow-process-panel .flow-process-item:nth-child(1){
    background: url('../imgs/partners/process01.png') no-repeat;
    background-size: 100% 200px;
}
.flow-process-panel .flow-process-item:nth-child(2){
    background: url('../imgs/partners/process02.png') no-repeat;
    background-size: 100% 200px;
}
.flow-process-panel .flow-process-item:nth-child(3){
    background: url('../imgs/partners/process03.png') no-repeat;
    background-size: 100% 200px;
}
.flow-process-panel .flow-process-item:nth-child(4){
    background: url('../imgs/partners/process04.png') no-repeat;
    background-size: 100% 200px;
}
.flow-process-panel .flow-process-item:nth-child(5){
    background: url('../imgs/partners/process05.png') no-repeat;
    background-size: 100% 200px;
}
.flow-process-panel .flow-process-item .flow-process-item-num{
    position: absolute;
    right: 5%;
    top: -20px;
    height: 240px;
    width: 10%;
    background: #fff;
    display: -webkit-box; /* Ã¨â‚¬ÂÃ§â€°Ë†Ã¦Å“Â¬Ã¨Â¯Â­Ã¦Â³â€¢: Safari, iOS, Android browser, older WebKit browsers. */
    display: -moz-box; /* Ã¨â‚¬ÂÃ§â€°Ë†Ã¦Å“Â¬Ã¨Â¯Â­Ã¦Â³â€¢: Firefox (buggy) */
    display: -ms-flexbox; /* Ã¦Â·Â·Ã¥ÂË†Ã§â€°Ë†Ã¦Å“Â¬Ã¨Â¯Â­Ã¦Â³â€¢: IE 10 */
    display: -webkit-flex; /* Ã¦â€“Â°Ã§â€°Ë†Ã¦Å“Â¬Ã¨Â¯Â­Ã¦Â³â€¢: Chrome 21+ */
    display: flex; /* Ã¦â€“Â°Ã§â€°Ë†Ã¦Å“Â¬Ã¨Â¯Â­Ã¦Â³â€¢: Opera 12.1, Firefox 22+ */
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 15px;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
}
.flow-process-panel .flow-process-item:nth-child(1) .flow-process-item-num{
    border-top: 1px solid #ccc;
}
.flow-process-panel .flow-process-item:nth-last-child(1) .flow-process-item-num{
    border-bottom: 1px solid #ccc;
}
.flow-process-panel .flow-process-item .flow-process-item-num img{
    width: 100%;
}
.flow-process-panel .flow-process-item .flow-process-item-content{
    position: absolute;
    top: 10%;
    left: 15%;
    width: 50%;
    height: 80%;
    display: -webkit-box; /* Ã¨â‚¬ÂÃ§â€°Ë†Ã¦Å“Â¬Ã¨Â¯Â­Ã¦Â³â€¢: Safari, iOS, Android browser, older WebKit browsers. */
    display: -moz-box; /* Ã¨â‚¬ÂÃ§â€°Ë†Ã¦Å“Â¬Ã¨Â¯Â­Ã¦Â³â€¢: Firefox (buggy) */
    display: -ms-flexbox; /* Ã¦Â·Â·Ã¥ÂË†Ã§â€°Ë†Ã¦Å“Â¬Ã¨Â¯Â­Ã¦Â³â€¢: IE 10 */
    display: -webkit-flex; /* Ã¦â€“Â°Ã§â€°Ë†Ã¦Å“Â¬Ã¨Â¯Â­Ã¦Â³â€¢: Chrome 21+ */
    display: flex; /* Ã¦â€“Â°Ã§â€°Ë†Ã¦Å“Â¬Ã¨Â¯Â­Ã¦Â³â€¢: Opera 12.1, Firefox 22+ */
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    color: #fff;
}
.flow-process-panel .flow-process-item .flow-process-item-content p:nth-child(1){
    font-size: 18px;
    font-weight: bold;
}
.sub-logo-panels {
    width: 100%;
    display: -webkit-box; /* Ã¨â‚¬ÂÃ§â€°Ë†Ã¦Å“Â¬Ã¨Â¯Â­Ã¦Â³â€¢: Safari, iOS, Android browser, older WebKit browsers. */
    display: -moz-box; /* Ã¨â‚¬ÂÃ§â€°Ë†Ã¦Å“Â¬Ã¨Â¯Â­Ã¦Â³â€¢: Firefox (buggy) */
    display: -ms-flexbox; /* Ã¦Â·Â·Ã¥ÂË†Ã§â€°Ë†Ã¦Å“Â¬Ã¨Â¯Â­Ã¦Â³â€¢: IE 10 */
    display: -webkit-flex; /* Ã¦â€“Â°Ã§â€°Ë†Ã¦Å“Â¬Ã¨Â¯Â­Ã¦Â³â€¢: Chrome 21+ */
    display: flex; /* Ã¦â€“Â°Ã§â€°Ë†Ã¦Å“Â¬Ã¨Â¯Â­Ã¦Â³â€¢: Opera 12.1, Firefox 22+ */
    /*-webkit-box-pack: center;*/
    /*-webkit-justify-content: center;*/
    /*-ms-flex-pack: center;*/
    /*justify-content: center;*/
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
}

.sub-logo-panels .sub-logo-item {
    width: 10%;
    border: 1px solid #ccc;
    margin: 5px;
}

.sub-logo-panels .sub-logo-item img {
    width: 100%;
}

.standards-types-section {
    /*position: absolute;*/
    /*width: 100%;*/
    /*left: 0;*/
    /*bottom: 0;*/
    /*position: fixed;*/
    /*margin-top: 190px;*/
    width: 100%;
    z-index: 6;
    background: #fff;
    transition: all ease .3s;
    -webkit-transition: all ease .3s;
    -moz-transition: all ease .3s;
    -o-transition: all ease .3s;
}

.standards-types-section .standards-types-wrapper {
    padding: 0 0 3% 0;
    display: -webkit-box; /* Ã¨â‚¬ÂÃ§â€°Ë†Ã¦Å“Â¬Ã¨Â¯Â­Ã¦Â³â€¢: Safari, iOS, Android browser, older WebKit browsers. */
    display: -moz-box; /* Ã¨â‚¬ÂÃ§â€°Ë†Ã¦Å“Â¬Ã¨Â¯Â­Ã¦Â³â€¢: Firefox (buggy) */
    display: -ms-flexbox; /* Ã¦Â·Â·Ã¥ÂË†Ã§â€°Ë†Ã¦Å“Â¬Ã¨Â¯Â­Ã¦Â³â€¢: IE 10 */
    display: -webkit-flex; /* Ã¦â€“Â°Ã§â€°Ë†Ã¦Å“Â¬Ã¨Â¯Â­Ã¦Â³â€¢: Chrome 21+ */
    display: flex; /* Ã¦â€“Â°Ã§â€°Ë†Ã¦Å“Â¬Ã¨Â¯Â­Ã¦Â³â€¢: Opera 12.1, Firefox 22+ */
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;

    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
}

.standards-types-section .standards-types-wrapper .standards-types-item {
    width: 170px;
    height: 60px;
    margin: 5px 20px;
    position: relative;
}

/*.standards-types-section .standards-types-wrapper .standards-types-item.active{*/
/*    box-shadow: 1px 1px 10px #000;*/
/*    border-radius: 14px;*/
/*}*/
.standards-types-section .standards-types-wrapper .standards-types-item .bg-img,
.standards-types-section .standards-types-wrapper .standards-types-item .standards-types-text {
    position: absolute;
    width: 100%;
    height: 100%;
}

.standards-types-section .standards-types-wrapper .standards-types-item .bg-img img {
    width: 100%;
    height: 100%;
}

.standards-types-section .standards-types-wrapper .standards-types-item .bg-img .normal-bg-img,
.standards-types-section .standards-types-wrapper .standards-types-item.active .bg-img .active-bg-img,
.standards-types-section .standards-types-wrapper .standards-types-item.hover .bg-img .active-bg-img{
    display: block;
}

.standards-types-section .standards-types-wrapper .standards-types-item.active .bg-img .normal-bg-img,
.standards-types-section .standards-types-wrapper .standards-types-item.hover .bg-img .normal-bg-img,
.standards-types-section .standards-types-wrapper .standards-types-item .bg-img .active-bg-img {
    display: none;
}

.standards-types-section .standards-types-wrapper .standards-types-item .standards-types-text {
    display: -webkit-box; /* Ã¨â‚¬ÂÃ§â€°Ë†Ã¦Å“Â¬Ã¨Â¯Â­Ã¦Â³â€¢: Safari, iOS, Android browser, older WebKit browsers. */
    display: -moz-box; /* Ã¨â‚¬ÂÃ§â€°Ë†Ã¦Å“Â¬Ã¨Â¯Â­Ã¦Â³â€¢: Firefox (buggy) */
    display: -ms-flexbox; /* Ã¦Â·Â·Ã¥ÂË†Ã§â€°Ë†Ã¦Å“Â¬Ã¨Â¯Â­Ã¦Â³â€¢: IE 10 */
    display: -webkit-flex; /* Ã¦â€“Â°Ã§â€°Ë†Ã¦Å“Â¬Ã¨Â¯Â­Ã¦Â³â€¢: Chrome 21+ */
    display: flex; /* Ã¦â€“Â°Ã§â€°Ë†Ã¦Å“Â¬Ã¨Â¯Â­Ã¦Â³â€¢: Opera 12.1, Firefox 22+ */
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.standards-types-section .standards-types-wrapper .standards-types-item .standards-types-text img {
    width: 20px;
    margin: 5px;
}

.standards-types-section .standards-types-wrapper .standards-types-item .standards-types-text span {
    width: 65%;
    display: block;
    font-weight: bold;
    transition: all ease .3s;
    -webkit-transition: all ease .3s;
    -moz-transition: all ease .3s;
    -o-transition: all ease .3s;
    color: #fff;
}

.standards-types-wrapper .standards-types-item span:hover, .standards-types-wrapper .standards-types-item.active span {
    cursor: pointer;
    color: #fff;
}

.standards-section {
    margin-top: 240px;
}
.standards-section>.container{
    display: -webkit-box; /* Ã¨â‚¬ÂÃ§â€°Ë†Ã¦Å“Â¬Ã¨Â¯Â­Ã¦Â³â€¢: Safari, iOS, Android browser, older WebKit browsers. */
    display: -moz-box; /* Ã¨â‚¬ÂÃ§â€°Ë†Ã¦Å“Â¬Ã¨Â¯Â­Ã¦Â³â€¢: Firefox (buggy) */
    display: -ms-flexbox; /* Ã¦Â·Â·Ã¥ÂË†Ã§â€°Ë†Ã¦Å“Â¬Ã¨Â¯Â­Ã¦Â³â€¢: IE 10 */
    display: -webkit-flex; /* Ã¦â€“Â°Ã§â€°Ë†Ã¦Å“Â¬Ã¨Â¯Â­Ã¦Â³â€¢: Chrome 21+ */
    display: flex; /* Ã¦â€“Â°Ã§â€°Ë†Ã¦Å“Â¬Ã¨Â¯Â­Ã¦Â³â€¢: Opera 12.1, Firefox 22+ */
}
.standards-section .container .standards-tabs-wrapper{
    width: 20%;
}
.standards-section .container .standards-tabs-wrapper.nav{
    display: block;
}
.standards-section .container .standards-tabs-wrapper .nav-link{
    padding: 10px;
    text-align: center;
    border: 1px solid #ccc;
    margin: 0 15px 15px 15px;
    border-radius: 5px;
    color: #505050;
}
.standards-section .container .standards-tabs-wrapper .nav-link:hover{
    cursor: pointer;
    background: #128cc8;
    color: #fff;
}
.standards-section .container .standards-tabs-wrapper .nav-link.active{
    background: #128cc8;
    color: #fff;
}
.standards-section .container .standards-tabPanes-wrapper{
    width: 80%;
    border: 1px solid #ccc;
    padding: 3%;
}
.standards-tabPanes-wrapper .standard-background-wrapper .standard-bk-title{
    display: -webkit-box; /* Ã¨â‚¬ÂÃ§â€°Ë†Ã¦Å“Â¬Ã¨Â¯Â­Ã¦Â³â€¢: Safari, iOS, Android browser, older WebKit browsers. */
    display: -moz-box; /* Ã¨â‚¬ÂÃ§â€°Ë†Ã¦Å“Â¬Ã¨Â¯Â­Ã¦Â³â€¢: Firefox (buggy) */
    display: -ms-flexbox; /* Ã¦Â·Â·Ã¥ÂË†Ã§â€°Ë†Ã¦Å“Â¬Ã¨Â¯Â­Ã¦Â³â€¢: IE 10 */
    display: -webkit-flex; /* Ã¦â€“Â°Ã§â€°Ë†Ã¦Å“Â¬Ã¨Â¯Â­Ã¦Â³â€¢: Chrome 21+ */
    display: flex; /* Ã¦â€“Â°Ã§â€°Ë†Ã¦Å“Â¬Ã¨Â¯Â­Ã¦Â³â€¢: Opera 12.1, Firefox 22+ */
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
}
.standards-tabPanes-wrapper .standard-background-wrapper .standard-bk-title .standard-bk-title-img{
    width: 120px;
}
.standards-tabPanes-wrapper .standard-background-wrapper .standard-bk-title .standard-bk-title-img img{
    width: 100%;
}
.standards-tabPanes-wrapper .standard-background-wrapper .standard-bk-title .standard-bk-title-text{
    color: #448975;
    font-weight: bold;
}
.standards-tabPanes-wrapper .standard-background-wrapper .standard-bk-title .standard-bk-title-text div:nth-child(1){
    font-size: 1.6rem;
}
.standards-tabPanes-wrapper .standard-background-wrapper .standard-bk-content-wrapper .standard-bk-c-title{
    margin: 15px 0;
}
.standards-tabPanes-wrapper .standard-background-wrapper .standard-bk-content-wrapper .standard-bk-c-title p{
    font-size: 1.6rem;
}
.standards-tabPanes-wrapper .standard-background-wrapper .standard-bk-content-wrapper p{
    font-size: 18px;
    font-family: Arial;
    line-height: 40px;
    color: #505050;
}
.standards-tabPanes-wrapper .standard-Procedure-wrapper .standard-Procedure-title-p p{
    font-size: 18px;
    font-family: Arial;
    line-height: 40px;
    color: #505050;
}
.standards-tabPanes-wrapper .standard-Procedure-wrapper .standard-pd-img{
    text-align: center;
    margin: 3% 0;
}
.standards-tabPanes-wrapper .standard-Procedure-wrapper .standard-pd-img:nth-child(2) img{
    width: 70%;
}
.standards-tabPanes-wrapper .standard-Procedure-wrapper .standard-pd-img img{
    width: 100%;
}
.standards-types-contents {
    /*margin: 3% 0;*/
    /*overflow-x: scroll;*/
}

.standards-types-contents .nav {
    /*-webkit-box-pack: center;*/
    /*-ms-flex-pack: center;*/
    /*justify-content: center;*/
    /*-webkit-justify-content: center;*/
    margin-bottom: 10px;
}

.standards-types-contents .nav-tabs {
    border-bottom: 1px solid #dee2e6;
}

.standards-types-contents .nav-link {
    color: #128cc8;
}

.standards-types-contents .nav-link:hover, .nav-link:focus {
    color: #0e6c9a;
}

.standards-types-contents .nav-tabs .nav-link.active, .standards-types-contents .nav-tabs .nav-item.show .nav-link {
    background: #0e6c9a;
    color: #fff;
}

.standards-types-contents .tab-content {
    min-height: 300px;
}

.standards-types-contents .tab-content table td, .standards-types-contents .tab-content table td b {
    font-size: 12px;
}

.standards-types-contents .tab-content thead th {
    font-size: 12px;
    min-width: 110px;
    /*white-space: nowrap;*/
    text-align: center;
}

.standards-types-contents .tab-content thead th, .standards-types-contents .tab-content tbody td {
    /*border-bottom: none;*/
    vertical-align: middle;
}

.standards-types-contents .tab-content thead th {
    border-right: 0;
}

.standards-types-contents .tab-content thead {
    border-bottom: 1px solid #efefef;
}

.standards-types-contents table {
    border-spacing: 0;
}

.standards-types-contents .tab-content tbody td {
    border-right: 1px solid #efefef;
}

.standards-types-contents .tab-content thead th:nth-child(1), .standards-types-contents .tab-content tbody td:nth-child(1),
.standards-types-contents .tab-content thead th:nth-last-child(1), .standards-types-contents .tab-content tbody td:nth-last-child(1) {
    text-align: center;
}

.standards-types-contents .tab-content .standards-details-btn {
    white-space: nowrap;
    font-size: 12px;
}

.standards-types-contents .dataTables_length, .standards-types-contents .dataTables_filter {
    margin-bottom: 10px;
}

.standards-types-contents .dataTables_length select, .standards-types-contents .dataTables_filter input {
    padding: 5px;
    background: #eee;
    border: none;
    outline: none;
}

.standards-types-contents .dataTables_filter input {
    min-width: 400px;
    width: 400px;
    background: #eee !important;
}

.standards-types-contents .table-bordered > :not(caption) > * > * {
    border: none;
}

.standards-types-contents .table > thead.table-light {
    background: #128cc8;
    color: #fff;
    --bs-table-bg: #128cc8;
    --bs-table-striped-bg: #128cc8;
    --bs-table-striped-color: #fff;
    --bs-table-active-bg: #128cc8;
    --bs-table-active-color: #fff;
    --bs-table-hover-bg: #128cc8;
    --bs-table-hover-color: #fff;
}

.standards-types-contents .dataTables_scrollBody thead tr {
    height: 0 !important;
    overflow: hidden;
}

.standards-types-contents .dataTables_scrollBody tbody tr.even {
    background: #f0f6ff;
}
.standards-types-contents .dataTables_scrollBody tbody tr.even td{
    background: #f0f6ff;
}
.DTFC_RightBodyLiner tbody tr.even {
    background: #f0f6ff;
}

.standards-types-contents .dataTables_wrapper.no-footer div.dataTables_scrollHead table.dataTable {
    border: 1px solid #fff;
    border-right: 0;
}

.standards-types-contents .dataTables_scroll {
    margin: 15px 0;
    overflow-x: scroll;
}

.standards-types-contents .dataTables_scroll .dataTables_scrollHead,
.standards-types-contents .dataTables_scroll .dataTables_scrollBody {
    overflow: unset !important;
}

.dataTables_wrapper.no-footer .dataTables_scrollBody {
    border-bottom: none;
}

.standards-types-contents .dataTables_scroll .dataTables_scrollHead table {
    border: 1px solid #404040;
}

.standards-types-contents .dataTables_scroll .dataTables_scrollBody table {
    border-left: 1px solid #fff;
    /*border-right: 1px solid #404040;*/
    border-bottom: 1px solid #fff !important;
    border-top: none;
}

.standards-types-contents .DTFC_LeftHeadWrapper table, .standards-types-contents .DTFC_RightHeadWrapper table {
    border-right: 1px solid #000;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000 !important;
}

.standards-types-contents .DTFC_LeftBodyWrapper table, .standards-types-contents .DTFC_RightBodyWrapper table {
    border-right: 1px solid #000;
}

.standards-types-contents .DTFC_RightBodyWrapper, .standards-types-contents .DTFC_RightBodyLiner {
    height: 100%;
}

.standards-types-contents .dataTables_wrapper .dataTables_paginate .paginate_button {
    padding: 0.1em 0.8em;
}

.btn-primary {
    background-color: #128cc8;
    border-color: #128cc8;
    font-size: 14px;
}

.btn-primary:hover {
    background-color: #1274a6;
    border-color: #1274a6;
}

.standards-types-contents .tab-content .table > :not(:first-child) {
    border-top: none;
}

.standards-types-contents .page-link {
    color: #128cc8;
}

.standards-types-contents .page-link:hover {
    background: #128cc8;
    color: #fff;
}

.standards-types-contents .page-item.active .page-link {
    background: #128cc8;
    border: #128cc8;
    color: #fff;
}

.standards-details-panel {
    border: 1px solid #ededed;
    box-shadow: 1px 1px 10px #ededed;
    border-radius: 5px;
}

.standards-details-panel .standards-details-wrapper, .standards-details-panel .standards-doc-wrapper {
    padding: 3%;
}

.standards-details-panel .standards-details-wrapper {
    border-bottom: 1px dashed #eaeaea;
}

.standards-details-panel .standards-details-wrapper .sDetail-No-wrapper {
    color: #e71e1e;
    font-size: 1.8rem;
    font-weight: 600;
    margin-bottom: 30px;
}

.standards-details-panel .standards-details-wrapper .sDetail-No-wrapper .detail-line-wrapper div {
    font-size: 1.2rem;
}

.standards-details-panel .standards-details-wrapper .standards-download-wrapper {
    margin-top: 30px;
}
table.dataTable thead tr > .dtfc-fixed-left, table.dataTable thead tr > .dtfc-fixed-right{
    background: #128cc8;
    border-right: 1px solid #fff;
}
table.dataTable tbody tr > .dtfc-fixed-left, table.dataTable tbody tr > .dtfc-fixed-right{
    border-right: 1px solid #fff;
    border-left: 1px solid #efefef;
}
table.dataTable tbody tr > .dtfc-fixed-left, table.dataTable tbody tr > .dtfc-fixed-right{

}
.detail-line-wrapper, .detail-half-group, .detail-line-group {
    display: -webkit-box; /* Ã¨â‚¬ÂÃ§â€°Ë†Ã¦Å“Â¬Ã¨Â¯Â­Ã¦Â³â€¢: Safari, iOS, Android browser, older WebKit browsers. */
    display: -moz-box; /* Ã¨â‚¬ÂÃ§â€°Ë†Ã¦Å“Â¬Ã¨Â¯Â­Ã¦Â³â€¢: Firefox (buggy) */
    display: -ms-flexbox; /* Ã¦Â·Â·Ã¥ÂË†Ã§â€°Ë†Ã¦Å“Â¬Ã¨Â¯Â­Ã¦Â³â€¢: IE 10 */
    display: -webkit-flex; /* Ã¦â€“Â°Ã§â€°Ë†Ã¦Å“Â¬Ã¨Â¯Â­Ã¦Â³â€¢: Chrome 21+ */
    display: flex; /* Ã¦â€“Â°Ã§â€°Ë†Ã¦Å“Â¬Ã¨Â¯Â­Ã¦Â³â€¢: Opera 12.1, Firefox 22+ */
}

.detail-line-wrapper {
    margin: 10px 0;
}

.detail-line-wrapper .detail-label {
    font-weight: bold;
}

.standards-doc-wrapper .detail-line-wrapper .detail-label {
    width: 150px;
}

.detail-line-wrapper .detail-text {
    /*width: 100%;*/
}

.detail-half-group {
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
}

.detail-half-group .detail-line-wrapper {
    width: 50%;
}

.standards-details-panel {
    color: #606060;
}

.login-body {
    width: 100%;
    height: 100%;
}

.login-section {
    margin-top: 190px;
}

.login-section .login-elements-imgs {
    width: 80%;
    margin: 0 auto;
}

.login-section .login-elements-imgs img {
    width: 100%;
}

.login-section .sub-temp-page-title {
    text-align: left;
    color: #128cc8;
}

.standards-details-section {
    margin-top: 220px;
}

.login-section .login-form-wrapper {
    display: -webkit-box; /* Ã¨â‚¬ÂÃ§â€°Ë†Ã¦Å“Â¬Ã¨Â¯Â­Ã¦Â³â€¢: Safari, iOS, Android browser, older WebKit browsers. */
    display: -moz-box; /* Ã¨â‚¬ÂÃ§â€°Ë†Ã¦Å“Â¬Ã¨Â¯Â­Ã¦Â³â€¢: Firefox (buggy) */
    display: -ms-flexbox; /* Ã¦Â·Â·Ã¥ÂË†Ã§â€°Ë†Ã¦Å“Â¬Ã¨Â¯Â­Ã¦Â³â€¢: IE 10 */
    display: -webkit-flex; /* Ã¦â€“Â°Ã§â€°Ë†Ã¦Å“Â¬Ã¨Â¯Â­Ã¦Â³â€¢: Chrome 21+ */
    display: flex; /* Ã¦â€“Â°Ã§â€°Ë†Ã¦Å“Â¬Ã¨Â¯Â­Ã¦Â³â€¢: Opera 12.1, Firefox 22+ */
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 2% 0 0 0;
}

.login-section .login-form-wrapper .login-form-panel {
    width: 100%;
    border: 1px solid #ececec;
    padding: 3%;
    border-right: 30px solid #128cc8;
    border-radius: 5px;
}

.register-section .login-form-wrapper .login-form-panel {
    width: 65%;
}

.ihfca-form-input-line {
    margin: 20px 0;
    display: -webkit-box; /* Ã¨â‚¬ÂÃ§â€°Ë†Ã¦Å“Â¬Ã¨Â¯Â­Ã¦Â³â€¢: Safari, iOS, Android browser, older WebKit browsers. */
    display: -moz-box; /* Ã¨â‚¬ÂÃ§â€°Ë†Ã¦Å“Â¬Ã¨Â¯Â­Ã¦Â³â€¢: Firefox (buggy) */
    display: -ms-flexbox; /* Ã¦Â·Â·Ã¥ÂË†Ã§â€°Ë†Ã¦Å“Â¬Ã¨Â¯Â­Ã¦Â³â€¢: IE 10 */
    display: -webkit-flex; /* Ã¦â€“Â°Ã§â€°Ë†Ã¦Å“Â¬Ã¨Â¯Â­Ã¦Â³â€¢: Chrome 21+ */
    display: flex; /* Ã¦â€“Â°Ã§â€°Ë†Ã¦Å“Â¬Ã¨Â¯Â­Ã¦Â³â€¢: Opera 12.1, Firefox 22+ */
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.forget-section .login-form-wrapper .code-input-group, .register-section .login-form-wrapper .code-input-group {
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: end;
}

.register-section .login-form-wrapper .phone-input-group {
    margin: 0;
}

.register-section .login-form-wrapper .phone-input-group input:nth-child(1) {
    max-width: 100px;
}

.register-section .login-form-wrapper .phone-input-group .input-divider {
    display: block;
    margin: 0 10px;
    line-height: 40px;
}

.ihfca-form-input-line .ihfca-form-input-group {
    width: 100%;
}

.ihfca-form-input-line .ihfca-form-input-group label {
    color: #909090;
    margin: 5px 0;
}

.login-section .login-form-wrapper .login-submit, .login-section .login-form-wrapper .register-submit, .login-section .login-form-wrapper .forget-submit {
    margin: 20px 0;
    width: 100%;
}

.login-section .login-form-wrapper .btn-primary:disabled, .btn-primary.disabled {
    background-color: #999;
    border-color: #999;
}

.login-section .login-form-wrapper .form-inline-link {
    text-decoration: underline !important;
    display: block;
    margin: 0 15px;
}

.login-section .login-form-wrapper .login-tools-inline a {
    margin-left: auto;
}

.login-section .login-form-wrapper .login-tools-inline .login-tools-remember-wrapper {
    display: -webkit-box; /* Ã¨â‚¬ÂÃ§â€°Ë†Ã¦Å“Â¬Ã¨Â¯Â­Ã¦Â³â€¢: Safari, iOS, Android browser, older WebKit browsers. */
    display: -moz-box; /* Ã¨â‚¬ÂÃ§â€°Ë†Ã¦Å“Â¬Ã¨Â¯Â­Ã¦Â³â€¢: Firefox (buggy) */
    display: -ms-flexbox; /* Ã¦Â·Â·Ã¥ÂË†Ã§â€°Ë†Ã¦Å“Â¬Ã¨Â¯Â­Ã¦Â³â€¢: IE 10 */
    display: -webkit-flex; /* Ã¦â€“Â°Ã§â€°Ë†Ã¦Å“Â¬Ã¨Â¯Â­Ã¦Â³â€¢: Chrome 21+ */
    display: flex; /* Ã¦â€“Â°Ã§â€°Ë†Ã¦Å“Â¬Ã¨Â¯Â­Ã¦Â³â€¢: Opera 12.1, Firefox 22+ */
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.login-section .login-form-wrapper .login-tools-inline .login-tools-remember-wrapper label {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    margin-left: 10px;
}

.login-section .login-form-wrapper .login-tools-inline .login-tools-remember-wrapper label:hover {
    cursor: pointer;
}

.login-form .getCode {
    width: 200px;
    height: 41px;
    display: -webkit-box; /* Ã¨â‚¬ÂÃ§â€°Ë†Ã¦Å“Â¬Ã¨Â¯Â­Ã¦Â³â€¢: Safari, iOS, Android browser, older WebKit browsers. */
    display: -moz-box; /* Ã¨â‚¬ÂÃ§â€°Ë†Ã¦Å“Â¬Ã¨Â¯Â­Ã¦Â³â€¢: Firefox (buggy) */
    display: -ms-flexbox; /* Ã¦Â·Â·Ã¥ÂË†Ã§â€°Ë†Ã¦Å“Â¬Ã¨Â¯Â­Ã¦Â³â€¢: IE 10 */
    display: -webkit-flex; /* Ã¦â€“Â°Ã§â€°Ë†Ã¦Å“Â¬Ã¨Â¯Â­Ã¦Â³â€¢: Chrome 21+ */
    display: flex; /* Ã¦â€“Â°Ã§â€°Ë†Ã¦Å“Â¬Ã¨Â¯Â­Ã¦Â³â€¢: Opera 12.1, Firefox 22+ */
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: auto;
}

.search-sub-banner .container {
    width: 100%;
    height: 100%;
}

.search-sub-banner .search-input-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
}

.search-sub-banner .search-input-wrapper .search-input-block-wrapper {
    position: absolute;
    bottom: -20px;
    width: 100%;
    height: 90px;
    background: #fff;
    border: 1px solid #eee;
    box-shadow: 1px 1px 5px #ccc;
    border-radius: 10px;
}

.search-sub-banner .search-input-wrapper .search-input-block-wrapper img {
    position: absolute;
    width: 50px;
    left: 20px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    z-index: 2;
}

.search-sub-banner .search-input-wrapper .search-input-block-wrapper input {
    position: absolute;
    width: 100%;
    height: 100%;
    border: none;
    border-radius: 10px;
    padding-left: 80px;
    outline: none;
}

.search-result-section .search-result-panel {
    border: 1px solid #eee;
    box-shadow: 1px 1px 5px #ccc;
}

.search-result-section .search-result-wrapper {
    padding: 10px;
}

.search-result-section .search-result-empty {
    display: none;
    padding: 40px;
    min-height: 150px;
    font-size: 1.2rem;
}

.search-result-section .search-result-wrapper .search-result-item {
    padding: 30px;
    border-bottom: 1px solid #eee;
}

.search-result-section .search-result-wrapper .search-result-item:nth-last-child(1) {
    border-bottom: none;
}

.search-result-section .search-result-wrapper .search-result-item .result-news-title {
    font-size: 1.4rem;
    font-weight: 600;
    margin-bottom: 10px;
}

.search-result-section .search-result-wrapper .search-result-item .result-news-time {
    color: #909090;
    margin-bottom: 20px;
}

.search-result-section .search-result-wrapper .search-result-item .result-news-desc {
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-align: left;
}

.Members-section .sub-temp-content {
    width: 100%;
}

.Members-section .sub-temp-content-title {
    text-align: left;
}
.news-result-panel{
    border: 1px solid #eee;
    box-shadow: 1px 1px 5px #ccc;
}
.news-result-panel .news-result-empty{
    display: none;
}
.news-result-wrapper{
    padding: 10px;
}
.news-result-wrapper{
    padding: 10px;
}
.news-result-wrapper .news-result-item{
    width: 100%;
    /* height: 100%; */
    padding: 30px;
    border-bottom: 1px solid #eee;
    display: -webkit-box; /* Ã¨â‚¬ÂÃ§â€°Ë†Ã¦Å“Â¬Ã¨Â¯Â­Ã¦Â³â€¢: Safari, iOS, Android browser, older WebKit browsers. */
    display: -moz-box; /* Ã¨â‚¬ÂÃ§â€°Ë†Ã¦Å“Â¬Ã¨Â¯Â­Ã¦Â³â€¢: Firefox (buggy) */
    display: -ms-flexbox; /* Ã¦Â·Â·Ã¥ÂË†Ã§â€°Ë†Ã¦Å“Â¬Ã¨Â¯Â­Ã¦Â³â€¢: IE 10 */
    display: -webkit-flex; /* Ã¦â€“Â°Ã§â€°Ë†Ã¦Å“Â¬Ã¨Â¯Â­Ã¦Â³â€¢: Chrome 21+ */
    display: flex; /* Ã¦â€“Â°Ã§â€°Ë†Ã¦Å“Â¬Ã¨Â¯Â­Ã¦Â³â€¢: Opera 12.1, Firefox 22+ */
}
.news-result-wrapper .news-result-item:nth-last-child(1){
    border-bottom: none;
}
.news-result-wrapper .news-result-item .news-item-img{
    width: 30%;
    display: -webkit-box; /* Ã¨â‚¬ÂÃ§â€°Ë†Ã¦Å“Â¬Ã¨Â¯Â­Ã¦Â³â€¢: Safari, iOS, Android browser, older WebKit browsers. */
    display: -moz-box; /* Ã¨â‚¬ÂÃ§â€°Ë†Ã¦Å“Â¬Ã¨Â¯Â­Ã¦Â³â€¢: Firefox (buggy) */
    display: -ms-flexbox; /* Ã¦Â·Â·Ã¥ÂË†Ã§â€°Ë†Ã¦Å“Â¬Ã¨Â¯Â­Ã¦Â³â€¢: IE 10 */
    display: -webkit-flex; /* Ã¦â€“Â°Ã§â€°Ë†Ã¦Å“Â¬Ã¨Â¯Â­Ã¦Â³â€¢: Chrome 21+ */
    display: flex; /* Ã¦â€“Â°Ã§â€°Ë†Ã¦Å“Â¬Ã¨Â¯Â­Ã¦Â³â€¢: Opera 12.1, Firefox 22+ */
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.news-result-wrapper .news-result-item .news-item-img img{
    width: 100%;
}
.news-result-wrapper .news-result-item .news-item-info{
    width: 70%;
    padding-left: 15px;
}
.news-result-wrapper .news-result-item .news-item-info .result-news-title{
    margin-bottom: 15px;
}
.news-result-wrapper .news-result-item .news-item-info .result-news-title a{
    font-weight: bold;
    font-size: 16px;
}
.news-result-wrapper .news-result-item .news-item-info .result-news-time{
    margin-bottom: 15px;
}
.news-result-wrapper .news-result-item .news-item-info .result-news-desc{
    overflow: hidden;
    display: -webkit-box; /*Ã¥Â¼Â¹Ã¦â‚¬Â§Ã¤Â¼Â¸Ã§Â¼Â©Ã§â€ºâ€™Ã¥Â­Â*/
    -webkit-box-orient: vertical; /*Ã¥Â­ÂÃ¥â€¦Æ’Ã§Â´Â Ã¥Å¾â€šÃ§â€ºÂ´Ã¦Å½â€™Ã¥Ë†â€”*/
    -webkit-line-clamp: 2; /*Ã¥ÂÂ¯Ã¤Â»Â¥Ã¦ËœÂ¾Ã§Â¤ÂºÃ§Å¡â€žÃ¨Â¡Å’Ã¦â€¢Â°Ã¯Â¼Å’Ã¨Â¶â€¦Ã¥â€¡ÂºÃ©Æ’Â¨Ã¥Ë†â€ Ã§â€Â¨...Ã¨Â¡Â¨Ã§Â¤Âº*/
    text-overflow: ellipsis; /*Ã¯Â¼Ë†Ã¥Â¤Å¡Ã¨Â¡Å’Ã¦â€“â€¡Ã¦Å“Â¬Ã§Å¡â€žÃ¦Æ’â€¦Ã¥â€ ÂµÃ¤Â¸â€¹Ã¯Â¼Å’Ã§â€Â¨Ã§Å“ÂÃ§â€¢Â¥Ã¥ÂÂ·Ã¢â‚¬Å“Ã¢â‚¬Â¦Ã¢â‚¬ÂÃ©Å¡ÂÃ¨â€”ÂÃ¦ÂºÂ¢Ã¥â€¡ÂºÃ¨Å’Æ’Ã¥â€ºÂ´Ã§Å¡â€žÃ¦â€“â€¡Ã¦Å“Â¬)*/
    margin-top: auto;
    color: #909090;
}
.news-result-pager{
    margin-top: 15px;
}
.news-result-pager .pagination{
    width: 100%;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
}
.news-result-pager .page-item{
    margin: 5px 0;
}
.news-details-panel .news-details-wrapper{
    padding: 10px;
}
.news-details-panel .news-details-wrapper .news-details-content .news-details-inline{
    margin: 10px 0;
}
.news-details-panel .news-details-wrapper .news-details-content .news-details-inline p{
    font-size: 18px;
    line-height: 30px;
    font-family: Arial;
}
.news-details-panel .news-details-wrapper .news-details-content .news-details-inline img{
    width: 100%;
    margin: 15px 0;
}
.news-details-panel .news-details-wrapper .news-details-content .news-details-inline a{
    color: #128cc8;
    font-weight: bold;
}
.journal-tabs-wrapper{
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -o-flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 5% 0 0 0;
}
.journal-tabs-wrapper .journal-tabs-item{
    margin: 0 5%;
}
.journal-tabs-wrapper .journal-tabs-item a{
    display: inline-block;
    width: 100%;
    height: 100%;
    padding: 8px 12px;
    border: 1px solid #909090;
    color: #909090;
    font-weight: bold;
    border-radius: 5px;
    transition: all ease-in-out .3s;
    -webkit-transition: all ease-in-out .3s;
    -moz-transition: all ease-in-out .3s;
    -o-transition: all ease-in-out .3s;
}
.journal-tabs-wrapper .journal-tabs-item.active a,.journal-tabs-wrapper .journal-tabs-item:hover a{
    background: #005cbf;
    color: #fff;
}
#v-pills-tabContent{
    padding: 3% 1%;
}
@media screen and (max-width: 1466px) {
    .chapter-content-wrapper .con-pane {
        padding: 0 5%;
    }
}
@media screen and ( max-width: 1280px ){
    .chapter-tabs-wrapper .list-group-item.chapter-first{
        padding: 15px 0;
    }
    .flow-process-panel .flow-process-item{
        width: 80%;
    }
}
@media screen and (min-width: 992px) {
    .modal-lg {
        max-width: 900px;
    }
}

@media screen and (max-width: 992px) {
    .flow-process-panel .flow-process-item{
        width: 100%;
    }
    .login-section {
        margin-top: 120px;
    }

    .standards-section {
        margin-top: 190px;
    }
    .standards-wrapper .dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter {
        text-align: left;
    }

    .login-section .login-form-wrapper .login-form-panel {
        width: 100%;
    }

    .Members-section .sub-title-bg {
        height: 100px;
        line-height: 100px;
        color: #fff;
        background: url("../imgs/sub-title-banner.png") no-repeat;
        background-size: cover;
    }

    .Members-section .sub-title-bg .sub-temp-page-title {
        font-size: 2.8rem;
    }

    .sub-temp-page-title .pc-title {
        display: none;
    }

    .sub-temp-page-title .wap-title {
        font-size: 1.4rem;
        font-weight: bold;
        text-align: center;
        display: block;
    }

    .chapter-content-wrapper .chapter-content-title {
        font-size: 1.3rem;
    }

    .chapter-tabs-wrapper {
        display: none !important;
    }

    .modal.fade .modal-dialog {
        top: 10%;
        transform: translateY(0);
    }

    .banner-section {
        margin: 100px 0 20px;
    }

    .introduce-section .intro-content {
        margin: 10px 0;
    }

    .article-section {
        margin: 15% 0 20px;
    }

    .article-section .article-short-panel {
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -o-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .article-section .article-short-panel .article-info-wrapper {
        width: 100%;
    }

    .article-section .article-short-panel .article-imgs {
        width: 100%;
        margin: 10px 0;
    }

    .cooperate-section .cooperate-section-wrapper {
        height: 180px;
        margin-bottom: 45px;
    }

    .cooperate-section .cooperate-section-wrapper {
        /*height: auto;*/
    }

    .cooperate-section .cooperate-section-wrapper .cooperate-title {
        width: 100%;
        margin: 20px 0;
    }

    .cooperate-section {
        padding: 1px;
    }

    .news-section .news-list-wrapper .news-list-item a .news-content-time {
        width: 22%;
    }

    .article-section .article-link-wrapper .article-item {
        width: 26%;
        font-size: 12px;
    }

    .article-section .article-link-wrapper .article-item:nth-last-child(1), .article-section .article-link-wrapper .article-item:nth-last-child(2) {
        width: 42%;
    }

    .article-section .article-short-panel .article-info-wrapper .article-info-title {
        font-size: 20px;
        margin-bottom: 5px;
    }

    .cooperate-section .cooperate-section-wrapper .cooperate-imgs-panel .coop-img {
        height: auto;
    }

    .cooperate-section .cooperate-section-wrapper .cooperate-imgs-panel .coop-img img {
        max-height: 100%;
    }

    .introduce-section .page-title h1 {
        font-size: 1.6rem;
        font-weight: bold;
    }

    .introduce-section .page-title h4 {
        width: 100%;
        font-size: 1.4rem;
    }

    .introduce-section, .news-section {
        margin: 10px 0;
    }

    .news-section .news-content-wrapper .news-title span {
        margin: 10px 0;
        text-align: center;
    }

    .article-section .article-link-wrapper {
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -o-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .article-section .article-link-wrapper .article-item a {
        font-size: 12px;
        padding: 10px 1px;
    }

    .who-intro-table-wrapper .who-intro-table {
        float: left;
    }

    .who-intro-table-wrapper .who-intro-table .first-th, .who-intro-table-wrapper .who-intro-table .first-td {
        width: 26%;
    }

    .who-intro-table-wrapper .who-intro-table .intro-second-bg {
        padding: 5px;
        margin: 0 10px;
    }

    .who-intro-table-wrapper .who-intro-table table th div, .who-intro-table-wrapper .who-intro-table table td div {
        font-size: 12px;
    }

    .who-intro-table-wrapper .who-intro-table .intro-first-bg {
        padding: 5px;
        margin: 0 10px;
    }

    .who-intro-table-wrapper .who-intro-table .intro-second-bg {
        padding: 5px;
        margin: 0 5px;
    }

    .who-intro-section .who-intro-title {
        font-size: 1.4rem;
        margin: 5% 0;
        text-align: center;
    }

    .who-intro-table-wrapper .who-intro-table-title {
        margin: 7% 0;
    }

    .who-intro-table-wrapper .who-intro-table-title span {
        font-size: 1.4rem;
    }

    .who-intro-content {
        margin-left: 0;
    }

    .org-box-panel {
        display: -webkit-box; /* Ã¨â‚¬ÂÃ§â€°Ë†Ã¦Å“Â¬Ã¨Â¯Â­Ã¦Â³â€¢: Safari, iOS, Android browser, older WebKit browsers. */
        display: -moz-box; /* Ã¨â‚¬ÂÃ§â€°Ë†Ã¦Å“Â¬Ã¨Â¯Â­Ã¦Â³â€¢: Firefox (buggy) */
        display: -ms-flexbox; /* Ã¦Â·Â·Ã¥ÂË†Ã§â€°Ë†Ã¦Å“Â¬Ã¨Â¯Â­Ã¦Â³â€¢: IE 10 */
        display: -webkit-flex; /* Ã¦â€“Â°Ã§â€°Ë†Ã¦Å“Â¬Ã¨Â¯Â­Ã¦Â³â€¢: Chrome 21+ */
        display: flex; /* Ã¦â€“Â°Ã§â€°Ë†Ã¦Å“Â¬Ã¨Â¯Â­Ã¦Â³â€¢: Opera 12.1, Firefox 22+ */
        width: 100%;
        max-width: 100%;
        overflow: auto;
    }

    .org-box-trees-panel .org-box-tree-lineBox:nth-last-child(1) .org-box {
        margin: 0 5px;
    }

    .modal-img-article .article-text {
        margin-top: 15px;
    }

    .sub-temp-content-wrapper .sub-temp-img-bg.top-bg {
        left: -5%;
        bottom: -5%;
    }

    .sub-temp-content-wrapper .sub-temp-img-bg.bottom-bg {
        right: -5%;
        top: -5%;
    }

    .modal.fade .modal-dialog.modal-dialog-table .modal-body {
        overflow: scroll;
    }
    .modal.fade .modal-dialog.modal-dialog-table {
        top: 0;
        transform: unset;
        -webkit-transform: unset;
        -moz-transform: unset;
        -o-transform: unset;
    }
    .cooperate-section .cooperate-section-wrapper .cooperate-imgs-panel {
        height: 90%;
    }

    .cooperate-section .cooperate-section-wrapper .cooperate-imgs-panel .swiper-slide {
        width: 28%;
    }

    .cooperate-section .cooperate-section-wrapper .cooperate-imgs-panel {
        width: 100%;
    }

    .fcvc2022-section .sub-temp-content-wrapper .sub-temp-img-bg.top-bg, .Members-section .sub-temp-content-wrapper .sub-temp-img-bg.top-bg {
        left: -5%;
        bottom: 25%;
    }

    .fcvc2022-section .sub-temp-content-wrapper .sub-temp-img-bg.bottom-bg, .Members-section .sub-temp-content-wrapper .sub-temp-img-bg.bottom-bg {
        right: -5%;
        top: 25%;
    }

    .member-intro-img .sub-temp-content-wrapper .sub-temp-img-bg.bottom-bg {
        top: 30%;
    }

    .member-intro-img .sub-temp-content-wrapper .sub-temp-img-bg.top-bg {
        bottom: 30%;
    }

    .who-intro-img .sub-temp-short-width {
        width: 100%;
    }

    .org-box-trees-panel .org-box-tree-lineBox:nth-child(1) .org-box {
        width: 30%;
    }

    .standards-types-contents .dataTables_length label, .standards-types-contents .dataTables_filter label {
        width: 100%;
    }

    .standards-types-contents .dataTables_length select, .standards-types-contents .dataTables_filter input {
        width: 100%;
    }

    .standards-types-contents .dataTables_wrapper .dataTables_filter {
        float: left;
        text-align: left;
    }

    .standards-types-contents .dataTables_filter input {
        margin-left: 0;
    }

    .cooperate-section .cooperate-section-wrapper {
        height: 180px !important;
    }

    .sub-logo-panels .sub-logo-item {
        width: 23%;
    }

    .join-section .sub-temp-content-title {
        margin-top: 10%;
    }

    .standards-types-section .standards-types-wrapper .standards-types-item {
        width: 35%;
    }

    .standards-types-contents .dataTables_wrapper .dataTables_filter {
        float: none;
    }

    .standards-types-contents .dataTables_filter input {
        min-width: auto;
        width: 100%;
    }

    .sub-banner-section {
        height: 140px;
        margin-top: 100px;
        background: url("../imgs/sub-banner/mobile/sub-banner/sub-banner1.png") no-repeat;
        background-size: cover;
    }

    .sub-banner-section .mantle-panel .sub-banner-text .sub-banner-text-cn {
        font-size: 2.4rem;
    }

    .sub-banner-section .mantle-panel .sub-banner-text .sub-banner-text-en {
        font-size: 1.2rem;
    }

    .sub-banner-section {
    }

    .login-section .login-elements-imgs {
        display: none;
    }
    .organization-persons-panel .organization-person-item{
        width: 33%;
    }
    .sub-news-section .news-result-wrapper .news-result-item{
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -o-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .sub-news-section .news-result-wrapper .news-result-item .news-item-img{
        width: 100%;
        margin-bottom: 15px;
    }
    .sub-news-section .news-result-wrapper .news-result-item .news-item-info{
        width: 100%;
    }
    .chapter-content-wrapper{
        padding-left: 5%;
    }
}

@media screen and (max-width: 768px) {
    .flow-process-panel .flow-process-item .flow-process-item-num{
        width: 20%;
    }
    .standards-section {
        margin-top: 130px;
    }
    .H2Demo-section .sub-temp-content-wrapper {
        margin: 5% 0;
    }

    .h2-main-img-panle .sub-temp-content-wrapper {
        margin: 0 0;
    }

    .h2-main-img-panle .img-center {
        display: none;
    }

    .sub-logo-panels .sub-logo-item {
        width: 29%;
    }

    .news-section .news-content-wrapper .news-content {
        height: 250px;
    }

    .cooperate-section .cooperate-section-wrapper {
        height: 180px;
    }

    .cooperate-section .cooperate-section-wrapper .cooperate-imgs-panel {
        width: 100%;
        height: 65%;
    }

    .cooperate-section .cooperate-section-wrapper .cooperate-imgs-panel .swiper-slide {
        width: 28%;
    }

    .cooperate-section .cooperate-section-wrapper .cooperate-imgs-panel .swiper-slide.empty-swiper-slide {
        display: none;
    }

    .chapter-content-wrapper .con-pane {
        padding: 0;
    }

    .fcvc2022-section .sub-temp-content-wrapper .sub-temp-img-bg.top-bg, .collaboration-section .sub-temp-content-wrapper .sub-temp-img-bg.top-bg, .Members-section .sub-temp-content-wrapper .sub-temp-img-bg.top-bg {
        left: -5%;
        bottom: -5%;
    }

    .fcvc2022-section .sub-temp-content-wrapper .sub-temp-img-bg.bottom-bg, .collaboration-section .sub-temp-content-wrapper .sub-temp-img-bg.bottom-bg, .Members-section .sub-temp-content-wrapper .sub-temp-img-bg.bottom-bg {
        right: -5%;
        top: -5%;
    }

    .search-result-section .sub-temp-page-title {
        margin: 8% 0;
    }

    .who-intro-img {
        padding: 0 5%;
    }
    .organization-persons-panel .organization-person-item{
        width: 100%;
    }
    .organization-persons-panel .organization-person-item .person-img{
        width: 30%;
    }
    .organization-persons-panel .organization-person-item .person-info{
        width: 70%;
    }
    .organization-persons-panel .organization-person-item .person-info .person-info-name{
        font-size: 14px;
    }
    .organization-persons-panel .organization-person-item .person-info-desc{
        font-size: 12px;
    }
    .standards-types-section .standards-types-wrapper .standards-types-item{
        height: 50px;
        font-size: 12px;
    }
    .standards-types-section .standards-types-wrapper .standards-types-item .standards-types-text span{
        font-size: 12px;
    }
    .standards-section>.container{
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -o-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .standards-section .container .standards-tabs-wrapper{
        width: 100%;
    }
    .standards-section .container .standards-tabs-wrapper.nav{
        display: -webkit-box; /* Ã¨â‚¬ÂÃ§â€°Ë†Ã¦Å“Â¬Ã¨Â¯Â­Ã¦Â³â€¢: Safari, iOS, Android browser, older WebKit browsers. */
        display: -moz-box; /* Ã¨â‚¬ÂÃ§â€°Ë†Ã¦Å“Â¬Ã¨Â¯Â­Ã¦Â³â€¢: Firefox (buggy) */
        display: -ms-flexbox; /* Ã¦Â·Â·Ã¥ÂË†Ã§â€°Ë†Ã¦Å“Â¬Ã¨Â¯Â­Ã¦Â³â€¢: IE 10 */
        display: -webkit-flex; /* Ã¦â€“Â°Ã§â€°Ë†Ã¦Å“Â¬Ã¨Â¯Â­Ã¦Â³â€¢: Chrome 21+ */
        display: flex; /* Ã¦â€“Â°Ã§â€°Ë†Ã¦Å“Â¬Ã¨Â¯Â­Ã¦Â³â€¢: Opera 12.1, Firefox 22+ */
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .standards-section .container .standards-tabPanes-wrapper{
        width: 100%;
    }
    .standards-section .container .standards-tabs-wrapper .nav-link{
        width: 30%;
        display: inline-block;
        margin:5px;
    }
    .modal-img-article .article-img img{
        width: 50%;
        margin: 0 auto;
        display: block;
    }
    .join-section .row .col-lg-6:nth-child(2) .sub-temp-content-wrapper,
    .collaboration-section .row .col-lg-6:nth-child(2) .sub-temp-content-wrapper,
    .fcvc2022-section .row .col-lg-6:nth-child(2) .sub-temp-content-wrapper,
    .Members-section .row .col-lg-6:nth-child(2) .sub-temp-content-wrapper {
        margin-left: 0;
    }
}

@media screen and (max-width: 560px){
    .flow-process-panel{
        margin: 10% 0;
    }
    .flow-process-panel .flow-process-item{
        height: 160px;
        background-size: 100% 160px !important;
    }
    .flow-process-panel .flow-process-item .flow-process-item-num{
        height: 200px;
    }
    .flow-process-panel .flow-process-item .flow-process-item-content{
        width: 58%;
    }
}
@media screen and (max-width: 380px){
    .flow-process-panel .flow-process-item .flow-process-item-content p:nth-child(1){
        font-size: 14px;
    }
    .flow-process-panel .flow-process-item .flow-process-item-content p:nth-child(2){
        font-size: 12px;
    }
}

