@charset "UTF-8";

.header_box .header_down_box .main_meun li.hover .mega_meun.big_s {
    opacity: 1;
    top: 128px;
    z-index: 8;
    transition: visibility 0s, opacity .3s, top .3s, z-index 0s linear;
    visibility: visible;
    height: 400px;
    display: block;
    width: 100%;
    max-height: 400px;
}

body {
    width: 100%;
    background: #f8f7f5;
    font-family: PingFang TC, Helvetica Neue, Microsoft JhengHei, 微軟正黑體;
    position: relative;
    height: auto;
    min-height: 100%;
}

ul {
    padding: 0;
    margin: 0;
}

li {
    list-style-type: none;
}

a,
a:hover {
    text-decoration: none;
}

.clear {
    clear: both;
    display: block;
    content: "";
}

.m-t-45 {
    margin-top: 45px;
}

.header_box {
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 177;
    background: #fff;
}

.header_box .header_up_box {
    max-width: 1170px;
    width: 100%;
    margin: 0 auto;
}

.header_box .header_up_box .logo_box {
    padding: 10px 0;
    margin: 5px 0;
}

.header_box .header_up_box .logo_box img {
    width: 100%;
    max-width: 304px;
}

.header_box .header_up_box .logo_box a {
    display: block;
}

.header_box .header_up_box .login_box {
    padding: 0;
    float: right;
    margin-top: 15px;
    border: none;
}

.header_box .header_up_box .login_box .btn-lg {
    padding-left: 35px;
    font-size: 18px;
    font-weight: 700;
    color: #3481d5;
    height: 29px;
    display: block;
    line-height: 25px;
    background: none;
    border: none;
    background: url(../images/nchc/login_icon.png) no-repeat 0;
}

.header_box .header_up_box .header_up_meun {
    float: right;
    padding-left: 0;
    padding-right: 0;
    padding-top: 15px;
}

.header_box .header_up_box .header_up_meun li {
    float: right;
}

.header_box .header_up_box .header_up_meun li.line {
    content: "|";
    font-size: 13px;
    color: #a7a7a7;
    line-height: 19px;
}

.header_box .header_up_box .header_up_meun li a {
    color: #a7a7a7;
    font-size: 14px;
    display: block;
    padding: 0 10px;
    font-weight: 400;
    box-shadow: none;
}

.header_box .header_up_box .header_up_meun li a:hover {
    color: #111;
    text-decoration: none;
}

.header_box .header_up_box .header_up_meun li .select_style {
    margin-left: 13px;
    background: #fff;
    overflow: hidden;
    display: inline-block;
    color: #525252;
    font-weight: 300;
    border-radius: 5px 4px 4px 5px/5px 5px 4px 4px;
    border: 1px solid #c7c7c7;
    font-family: helvetica neue, arial;
    position: relative;
    cursor: pointer;
    padding-right: 20px;
    display: block;
    width: 120px;
    height: 26px;
    margin-top: -4px;
}

.header_box .header_up_box .header_up_meun li .select_style span {
    position: absolute;
    right: 10px;
    width: 8px;
    height: 8px;
    margin-top: -4px;
    top: 25%;
}

.header_box .header_up_box .header_up_meun li .select_style select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 131%;
    background: none;
    background: transparent;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 1px 10px;
    color: #a7a7b7;
    display: block;
    font-size: 13px;
    line-height: 23px;
    height: 24px !important;
    min-height: auto !important;
}

.header_box .header_down_box {
    width: 100%;
    height: 58px;
    background: url(../images/nchc/menu_bg.jpg) repeat-x;
}

.mega_meun_mask {
    position: relative;
    width: 90%;
    max-width: 1170px;
    margin: 0 auto;
    height: 400px;
}

.mega_meun_mask .left_btu {
    position: absolute;
    display: block;
    width: 40px;
    height: 40px;
    background: #d8d8d8;
    color: #fff;
    left: -50px;
    text-align: center;
    border-radius: 5px;
    top: 50%;
    font-size: 30px;
    line-height: 36px;
    margin-top: -40px;
    cursor: pointer;
}

.mega_meun_mask .left_btu:hover {
    background: #555;
    display: block;
}

.mega_meun_mask .right_btu {
    position: absolute;
    display: block;
    width: 40px;
    height: 40px;
    background: #d8d8d8;
    color: #fff;
    right: -50px;
    text-align: center;
    border-radius: 5px;
    font-size: 30px;
    line-height: 36px;
    top: 50%;
    margin-top: -40px;
    cursor: pointer;
}

.mega_meun_mask .right_btu:hover {
    background: #555;
    display: block;
}

.mega_meun_mask .mega_meun_mask_box {
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
    height: 400px;
    position: relative;
    display: block;
}

.banner_box_bg {
    width: 100%;
    margin: 121px auto 0;
}

.carousel-inner>.item>a>img,
.carousel-inner>.item>img,
.img-responsive,
.thumbnail>img,
.thumbnail a>img {
    margin: 0 auto;
}

.main_conten_bg {
    width: 100%;
    margin: 0 auto;
    background: #f8f7f5;
    padding-top: 143px;
}

.main_conten_bg.no-padding {
    padding-top: 0;
}

.main_conten_bg .main_conten {
    width: 100%;
    max-width: 1170px;
    margin: 0 auto;
    padding-bottom: 40px;
}

.main_conten_bg .main_conten h2 {
    font-weight: 400;
}

.main_conten_bg .main_conten .product_list {
    border: 1px solid #c1c1c1;
    text-align: center;
    padding: 5px 5px 18px;
    background: #fff;
    display: block;
    text-decoration: none;
}

.main_conten_bg .main_conten .product_list.nobodertb {
    border-left: none;
    border-right: none;
}

.main_conten_bg .main_conten .product_list h2 {
    color: #3c3c3c;
    text-decoration: none;
    font-size: 19px;
    font-weight: 700;
    margin-top: 3px;
    margin-bottom: 3px;
}

.main_conten_bg .main_conten .product_list .icon_box {
    padding: 5px;
    height: 89px;
}

.main_conten_bg .main_conten .product_list .text_box {
    height: auto;
    margin: 0 auto;
    width: 90%;
    float: none;
    padding: 5px;
    min-height: 105px;
}

.main_conten_bg .main_conten .product_list .text_box p {
    text-decoration: none;
    font-size: 13px;
    color: #797979;
    line-height: 21px;
}

.main_conten_bg .main_conten .product_list .text_box p span {
    color: #4c4c4c;
    font-size: 16px;
    font-weight: 700;
}

.main_conten_bg .main_conten .product_list button {
    background: #1669d0;
    border-radius: 5px;
    color: #fff;
    border: none;
    width: 50%;
    margin: 0 auto;
    height: 37px;
    font-size: 16px;
    line-height: 32px;
}

.main_conten_bg .main_conten .product_list:hover {
    border: 1px solid #feca38;
}

.main_conten_bg .main_conten .index_s_content {
    border: 1px solid #c1c1c1;
    background: #fff;
    padding: 0;
}

.main_conten_bg .main_conten .index_s_content .title_box {
    border-bottom: 1px solid #c1c1c1;
    padding: 5px 10px;
}

.main_conten_bg .main_conten .index_s_content .title_box:after {
    display: block;
    content: "";
    clear: both;
}

.main_conten_bg .main_conten .index_s_content .title_box h2 {
    float: left;
    margin: 0;
    font-size: 17px;
    padding: 10px;
}

.main_conten_bg .main_conten .index_s_content .title_box .more_button {
    float: right;
    padding: 10px;
}

.main_conten_bg .main_conten .index_s_content .title_box .more_button i {
    padding-left: 8px;
}

.main_conten_bg .main_conten .index_s_content .index_news_box {
    padding: 10px 20px;
}

.main_conten_bg .main_conten .index_s_content .index_news_box li {
    padding: 5px 15px 5px 20px;
    border-bottom: 1px dashed #d0d0d0;
    font-size: 15px;
    background: url(../images/nchc/index_newlist_icon.png) no-repeat 0;
}

.main_conten_bg .main_conten .index_s_content .index_news_box li:after {
    display: block;
    clear: both;
    content: "";
}

.main_conten_bg .main_conten .index_s_content .index_news_box li a span {
    color: #5f5f5f;
    text-decoration: none;
}

.main_conten_bg .main_conten .index_s_content .index_news_box li a span.title {
    float: left;
}

.main_conten_bg .main_conten .index_s_content .index_news_box li a span.date {
    float: right;
    color: #afafaf;
}

.main_conten_bg .elastislide-list {
    padding: 10px 0 31px;
}

.main_conten_bg .elastislide-list ul:after {
    display: block;
    clear: both;
    content: "";
}

.main_conten_bg .elastislide-list ul li {
    float: left;
    width: 50%;
    padding: 20px 22px;
}

.main_conten_bg .elastislide-list ul li:after {
    display: block;
    clear: both;
    content: "";
}

.main_conten_bg .elastislide-list ul li .title {
    float: left;
    width: 50%;
    padding-top: 38px;
}

.main_conten_bg .elastislide-list ul li .title span.big {
    font-size: 20px;
    color: #141414;
    display: block;
    font-weight: 700;
}

.main_conten_bg .elastislide-list ul li .title span.small {
    font-size: 15px;
    color: #939393;
    display: block;
    font-weight: 700;
}

.main_conten_bg .elastislide-list ul li .pic {
    float: left;
    width: 50%;
}

.main_conten_bg .elastislide-list ul li .pic img {
    width: 100%;
    max-width: 133px;
}

.main_conten_bg .elastislide-list ul li:nth-child(2n) {
    border-left: 1px dashed #d0d0d0;
}

.page_conten_box {
    width: 90%;
    margin: 0 auto;
    max-width: 1170px;
    z-index: 6;
    /* padding-top: 20px; */
    /* padding-bottom: 40px; */
}

.page_conten_box:after {
    display: block;
    clear: both;
    content: "";
}

.page_conten_box .page_menu_box {
    padding: 0;
    background: #f8f7f5;
    border-bottom: 1px solid #e2e2e2;
}

.page_conten_box .page_menu_box:after {
    display: block;
    clear: both;
    content: "";
}

.page_conten_box .page_menu_box ul {
    float: left;
    width: 71%;
    padding: 0;
    margin: 0;
}

.page_conten_box .page_menu_box ul:after {
    display: block;
    clear: both;
    content: "";
}

.page_conten_box .page_menu_box ul li {
    float: left;
    position: relative;
}

.page_conten_box .page_menu_box ul li.active a {
    color: #0080bd;
    font-weight: 700;
    border-bottom: solid #0080bd;
    font-size: 17px;
    text-decoration: none;
}

.page_conten_box .page_menu_box ul li a {
    display: block;
    color: #4c4c4c;
    padding: 20px 18px;
    font-size: 17px;
    text-decoration: none;
}

.page_conten_box .page_menu_box ul li a:hover {
    color: #0083ca;
}

.page_conten_box .page_menu_box ul li ul {
    position: absolute;
    width: 1024px;
    background: #fff;
}

.page_conten_box .page_menu_box ul li ul:after {
    display: block;
    clear: both;
    content: "";
}

.page_conten_box .page_menu_box ul li ul li {
    float: left;
}

.page_conten_box .page_menu_box ul li ul li a {
    font-size: 14px;
    border: none !important;
    font-weight: 400 !important;
}

.page_conten_box .page_menu_box .page_title {
    font-size: 20px;
    font-weight: 700;
    color: #111;
    float: left;
    width: 60%;
}

.page_conten_box .page_menu_box .page_title h1 {
    border-left: 5px solid #e4e4e4;
    font-size: 28px;
    font-weight: 700;
    padding-left: 20px;
    color: #505050;
}

.page_conten_box .page_menu_box .page_search_box {
    float: right;
    width: 38%;
    padding: 16px 10px;
    position: relative;
}

.page_conten_box .page_menu_box .page_search_box:after {
    display: block;
    clear: both;
    content: "";
}

.page_conten_box .page_menu_box .page_search_box input {
    width: 100%;
    float: left;
    box-shadow: none;
    font-size: 17px;
}

.page_conten_box .page_menu_box .page_search_box span {
    width: 10%;
    float: left;
    text-align: right;
}

.page_conten_box .page_menu_box .page_search_box span i {
    font-size: 18px;
    padding-top: 8px;
}

.page_conten_box .page_menu_box .page_search_box span.input_addon {
    position: absolute;
    right: 5%;
}

.page_conten_box .page_menu_box .page_search_box span.input_addon i {
    color: #111;
}

.page_conten_box .page_menu_lv2 {
    background: #fff;
    width: 100%;
    margin-top: -1px;
    padding: 10px 20px;
    border-radius: 7px;
}

.page_conten_box .page_menu_lv2 ul:after {
    display: block;
    clear: both;
    content: "";
}

.page_conten_box .page_menu_lv2 ul li {
    float: left;
    padding: 10px 0;
    color: #8a8a8a;
    width: 33%;
    list-style-type: square;
    list-style: inherit;
    list-style-position: inside;
}

.page_conten_box .page_menu_lv2 ul li a {
    color: #006c9e;
    padding: 0;
    display: block;
    font-size: 16px;
}

.page_conten_box .page_conten {
    width: 100%;
    float: left;
    border-top: 3px solid #4a93ec;
    background: #fff;
    padding: 25px;
}

.page_conten_box .page_conten_2 {
    width: 75%;
    float: left;
}

.page_menu_box_st1 {
    width: 25%;
    float: left;
    background: #f8f7f5;
}

.page_menu_box_st1 ul {
    padding: 10px;
}

.page_menu_box_st1 ul li {
    border-bottom: 1px solid #ccc;
    padding: 0 15px 15px 0;
}

.page_menu_box_st1 ul li a {
    display: block;
    width: 100%;
    padding: 14px 0 0 14px;
    font-size: 17px;
    color: #313131;
    font-weight: 700;
}

.page_menu_box_st1 ul li a i {
    padding-right: 10px;
    color: #3c75d6;
}

.page_menu_box_st1 ul li ul {
    padding: 0;
    margin: 0;
}

.page_menu_box_st1 ul li ul li {
    border: none;
    list-style: initial;
    list-style-type: disc;
    list-style-position: inside;
    margin-left: 2px;
    padding-left: 20px;
    border-bottom: 1px solid #dedede;
    color: #304d8a;
    padding-bottom: 7px;
    padding-top: 7px;
}

.page_menu_box_st1 ul li ul li a {
    font-size: 15px;
    color: #0f5ea9;
    font-weight: 400;
    padding: 8px 0;
}

.breadcrumb.s_st {
    margin: 0;
    background: #f8f7f5;
}

.breadcrumb.s_st li.active {
    color: #2e6dba !important;
}

.breadcrumb.s_st li a {
    color: #7d7d7d;
}

.breadcrumb.s_st>li+li:before {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding: 0 5px;
    color: #909090;
    content: "\f105";
}

.qa_box ul.qa_ul {
    padding-top: 20px;
    padding-bottom: 0;
}

.qa_box ul.qa_ul:after {
    display: block;
    clear: both;
    content: "";
}

.qa_box ul.qa_ul li {
    width: 33.3%;
    float: left;
    padding: 20px 5%;
    border-left: 1px solid #d0d0d0;
    margin-bottom: 40px;
}

.qa_box ul.qa_ul li:nth-child(3n) {
    border-right: 1px solid #d0d0d0;
}

.qa_box ul.qa_ul li a,
.qa_box ul.qa_ul li a :hover {
    text-decoration: none;
}

.qa_box ul.qa_ul li a .qa_icon {
    border: 2px solid #dadada;
    width: 144px;
    height: 144px;
    border-radius: 50%;
    margin: 0 auto;
}

.qa_box ul.qa_ul li a .qa_icon img {
    background: #f3f3f3;
    padding: 30px;
    border-radius: 50%;
    width: 140px;
    height: 140px;
    border: 5px solid #fff;
}

.qa_box ul.qa_ul li a .title {
    margin-top: 25px;
    font-size: 18px;
    padding-bottom: 10px;
    border-bottom: 2px solid #868686;
    text-decoration: none;
    color: #006298;
    font-weight: 700;
    height: 60px;
}

.qa_box ul.qa_ul li a .more {
    color: #8c8c8c;
    font-size: 14px;
    text-decoration: none;
    text-align: right;
}

.qa_box .faq-one .faq-list {
    margin: 3px 0;
}

.qa_box .faq-one .header {
    background-image: url(../images/nchc/img_50.png);
    background-repeat: no-repeat;
    background-position: 0;
    background-color: #f9f9f9;
    border-radius: 3px;
    border: 1px solid #dcdcdc;
    cursor: pointer;
    padding: 0 10px 0 40px;
    text-decoration: none;
    line-height: 50px;
    height: 50px;
    font-weight: 700;
    color: #666;
}

.qa_box .faq-one .header>span {
    display: block;
}

.qa_box .faq-one .header .txt {
    float: left;
}

.qa_box .faq-one .header .arrow {
    float: right;
    width: 50px;
    height: 50px;
    background: url(../images/nchc/arrow-d.png) no-repeat 50%;
}

.accordionPart li a {
    color: #0d638f;
}

.accordionPart li.qa_list {
    border-bottom: 1px dotted #ccc;
    padding: 5px;
    line-height: 29px;
    background: #f1f1f1;
    margin-bottom: 5px;
    margin-top: 5px;
    border-radius: 8px;
    padding-left: 10px;
    color: #111;
}

.accordionPart li.qa_list .qa_title {
    background: url(../images/nchc/red_icon_01.gif) no-repeat 0;
}

.accordionPart li.qa_list .lv_title,
.accordionPart li.qa_list .qa_title {
    font-size: 17px;
    font-weight: 700;
    padding-left: 35px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.accordionPart li.qa_list .lv_title {
    background: url(../images/nchc/lv_icon.png) no-repeat 0;
}

.accordionPart li.qa_list .qa_content {
    background: url(../images/nchc/red_icon_02.gif) no-repeat 0 5px;
    padding: 6px 40px;
    display: none;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
}

.accordionPart li.qa_list .qa_content ul {
    background: none;
}

.accordionPart li.qa_list .qa_content ul li a {
    color: #0d638f;
}

.paging {
    text-align: center;
    margin: 0 auto;
    width: 352px;
}

.Pagination {
    padding: 0 0 20px;
    width: 100%;
}

.right .Pagination {
    padding: 30px 0 20px 12px;
}

.content_box .Pagination {
    padding: 30px 0 20px;
}

.Pagination li {
    width: 30px;
    height: 30px;
    line-height: 30px;
    border: 1px solid #ddd;
    color: #555;
    float: left;
    margin: 0 3px;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    border-radius: 3px;
    cursor: pointer;
    background-color: #fff;
    list-style-type: none;
    padding-left: 0;
}

.Pagination li.back,
.Pagination li.next {
    width: auto;
    background-repeat: no-repeat;
    padding: 0 5px;
}

.Pagination li.next {
    background-image: url(../images/nchc/img_33.png);
    background-position: 100%;
    padding-right: 25px;
}

.Pagination li.back {
    background-image: url(../images/nchc/img_32.png);
    background-position: 0;
    padding-left: 23px;
    text-align: center;
}

.Pagination li.hover {
    background-color: #c5a86e;
    color: #fff;
}

.page_big_conten_box {
    width: 100%;
}

.page_big_conten_box .pro_menu_box {
    width: 100%;
    background: #f8f7f5;
    border-bottom: 1px solid #e0e0e0;
}

.page_big_conten_box .pro_menu_box ul {
    width: 80%;
    max-width: 1024px;
    margin: 0 auto;
}

.page_big_conten_box .pro_menu_box ul:after {
    display: block;
    clear: both;
    content: "";
}

.page_big_conten_box .pro_menu_box ul li {
    float: left;
    background: url(../images/nchc/pro_menu_icon.jpg) no-repeat 0;
    margin-right: 20px;
}

.page_big_conten_box .pro_menu_box ul li.active {
    border-bottom: 3px solid #2e74bc;
}

.page_big_conten_box .pro_menu_box ul li.active a {
    color: #2e74bc;
}

.page_big_conten_box .pro_menu_box ul li a {
    display: block;
    color: #111;
    padding: 20px 11px 20px 9px;
}

.page_big_conten_box .pro_menu_box ul li a:hover {
    color: #2d6fbb;
}

.page_big_conten {
    width: 100%;
}

.page_big_conten .application_but {
    width: 160px;
    margin: 0 auto;
    height: 40px;
    line-height: 40px;
    border-radius: 5px;
    font-size: 18px;
    color: #fff;
    background: #2c6eba;
    border: none;
    margin-top: 50px;
    display: block;
    text-align: center;
}

.page_big_conten .application_but i {
    padding-right: 10px;
}

.page_big_conten .application_but:hover {
    background: #0b4a92;
    box-shadow: inset 3px 3px 3px rgba(51, 51, 102, 0.5);
}

.page_big_conten .connection_p {
    font-size: 15px;
    font-size: 20px;
}

.page_big_conten .connection_p ul li {
    font-size: 15px;
    text-align: left;
}

.page_big_conten .innerWrap {
    text-align: center;
    width: 80%;
    max-width: 1024px;
    margin: 0 auto;
}

.page_big_conten .innerWrap:after {
    display: block;
    clear: both;
    content: "";
}

.page_big_conten .innerWrap .nav-tabs {
    background: none;
}

.page_big_conten .innerWrap .nav-tabs li {
    width: 130px;
    border-right: 1px solid #dedede;
    height: 46px;
}

.page_big_conten .innerWrap .nav-tabs li:first-child {
    border-left: 1px solid #dedede;
    border-right: 1px solid #dedede;
}

.page_big_conten .innerWrap .nav-tabs li.active {
    border-bottom: 3px solid #126ac5;
    margin-bottom: 0;
}

.page_big_conten .innerWrap .nav-tabs li.active a {
    box-shadow: none;
    background: none;
}

.page_big_conten .innerWrap .nav-tabs li a {
    text-align: center;
    font-size: 17px;
    padding-top: 10px;
}

.page_big_conten .innerWrap .tab-content {
    background: none;
}

.page_big_conten .innerWrap .tab-content>.active {
    padding: 15px 0;
}

.page_big_conten .innerWrap .pro_pic {
    float: left;
    width: 42%;
}

.page_big_conten .innerWrap .pro_pic img {
    width: 100%;
    max-width: 450px;
    padding-top: 20%;
}

.page_big_conten .innerWrap .pro_text {
    float: left;
    width: 58%;
    padding-left: 50px;
}

.page_big_conten .innerWrap .pro_text h1 {
    width: 100%;
    text-align: left;
    font-size: 32px;
    font-weight: 700;
    color: #505050;
}

.page_big_conten .innerWrap .pro_text h3 {
    width: 100%;
    text-align: left;
    color: #2c6eba;
    margin: 0 auto;
    padding-bottom: 10px;
    font-size: 16px;
}

.page_big_conten .innerWrap .pro_text p {
    width: 100%;
    text-align: left;
    margin: 0 auto;
    line-height: 28px;
    font-size: 15px;
    color: #6b6b6b;
}

.page_big_conten .innerWrap .pro_table {
    border: 1px solid #e0e0e0;
}

.page_big_conten .innerWrap .pro_table th {
    background: #2b6db9;
    color: #fff;
    font-size: 20px;
    padding: 5px 23px;
    font-weight: 400;
    text-align: left;
}

.page_big_conten .innerWrap .pro_table td {
    padding: 7px 20px;
    border-bottom: 1px solid #e0e0e0;
    color: #666;
    border-left: 1px solid #e0e0e0;
    border-right: 1px solid #e0e0e0;
    line-height: 150%;
    font-size: 15px;
    text-align: left;
}

.page_big_conten .pro-detail-wrap01 {
    background: url(../images/nchc/high-performance_bg1.jpg) no-repeat 100%;
    height: auto;
    padding-bottom: 50px;
    padding-top: 70px;
}

.page_big_conten .pro-detail-wrap01 h1 {
    width: 100%;
    text-align: center;
    font-size: 40px;
    font-weight: 700;
    padding-bottom: 15px;
    color: #333;
    font-size: 2.25rem;
}

.page_big_conten .pro-detail-wrap01 h3 {
    width: 60%;
    text-align: center;
    color: #b38e45;
    margin: 0 auto;
    padding-bottom: 30px;
    line-height: 38px;
}

.page_big_conten .pro-detail-wrap01 p {
    width: 77%;
    text-align: center;
    margin: 0 auto;
    line-height: 1.8em;
    font-size: 1rem;
    color: #666;
}

.page_big_conten .pro-detail-wrap02 {
    background: url(../images/nchc/high-performance_bg2.jpg) no-repeat 0 #fff;
    padding-top: 39px;
    padding-bottom: 38px;
    min-height: 600px;
}

.page_big_conten .pro-detail-wrap03 {
    background: url(../images/nchc/high-performance_bg3.jpg) no-repeat 100% 0 #f6f6f6;
    padding-top: 39px;
    padding-bottom: 38px;
    min-height: 600px;
}

.page_big_conten .pro-detail-wrap04 {
    background: url(../images/nchc/high-performance_bg2.jpg) no-repeat 0 #fff;
    padding-top: 39px;
    padding-bottom: 38px;
    min-height: 600px;
}

.page_big_conten .pro-detail-wrap06 {
    background: url(../images/nchc/banner_2.jpg) no-repeat 50% #000;
    min-height: 222px;
}

.page_big_conten .pro-detail-wrap09 {
    background: url(../images/nchc/scientific_data_banner1.jpg) no-repeat 50% #000;
    min-height: 222px;
}

.page_big_conten .pro-detail-wrap10 {
    background: url(../images/nchc/scientific_data_banner2.jpg) no-repeat 50% #000;
    min-height: 222px;
}

.page_big_conten .pro-detail-wrap05 .innerWrap .pro_pic {
    max-width: 420px;
    padding-left: 30px;
    padding-right: 30px;
    margin-right: 40px;
    margin-left: 34px;
}

.page_big_conten .pro-detail-wrap05 .innerWrap .pro_title {
    padding-top: 50px;
    padding-left: 30px;
    float: left;
    width: 48%;
}

.page_big_conten .pro-detail-wrap05 .innerWrap .pro_title h1 {
    width: 100%;
    text-align: left;
    font-size: 40px;
    font-weight: 700;
    padding-bottom: 5px;
    color: #333;
    font-size: 2.25rem;
}

.page_big_conten .pro-detail-wrap05 .innerWrap .pro_title h3 {
    width: 100%;
    text-align: left;
    color: #0e5bb5;
    margin: 0 auto;
    padding-bottom: 30px;
    line-height: 38px;
}

.page_big_conten .pro-detail-wrap05 .innerWrap .pro_title p {
    width: 77%;
    text-align: center;
    margin: 0 auto;
    line-height: 1.5em;
    font-size: 1rem;
    color: #666;
}

.page_big_conten .pro-detail-wrap05 .innerWrap .pro_title .contact_box {
    text-align: left;
}

.page_big_conten .pro-detail-wrap05 .innerWrap .pro_title .contact_box p {
    width: 100%;
    text-align: left;
    color: #828282;
}

.page_big_conten .pro-detail-wrap05 .innerWrap .pro_title .contact_box ul {
    padding-top: 10px;
}

.page_big_conten .pro-detail-wrap05 .innerWrap .pro_title .contact_box ul li {
    padding-bottom: 10px;
    color: gray;
}

.page_big_conten .pro-detail-wrap05 .innerWrap .pro_title .contact_box ul li i {
    padding-right: 10px;
    color: #c7af81;
}

.page_big_conten .pro-detail-wrap05 .innerWrap .pro_title .contact_box ul li span.title {
    color: #9a9a9a;
    font-size: 16px;
}

.page_big_conten .pro-detail-wrap05 .innerWrap .pro_title .contact_box ul li span.text {
    color: #717171;
    font-size: 18px;
}

.page_big_conten .pro_deatail_text {
    text-align: left;
    width: 80%;
    max-width: 1024px;
    margin: 0 auto;
    border-top: 3px solid #347dd2;
    background: #fff;
    box-shadow: 0 2px 20px #d2d2d2;
}

.page_big_conten .pro_deatail_text .nav-tabs {
    background: #fff;
    width: 100%;
    padding: 0;
    border-bottom: 1px solid #e8e8e8;
}

.page_big_conten .pro_deatail_text .nav-tabs li {
    padding: 0;
    width: 160px;
    border-left: 1px solid #e8e8e8;
    border-right: 1px solid #e8e8e8;
}

.page_big_conten .pro_deatail_text .nav-tabs li.active {
    background: #1176c7;
    box-shadow: none;
}

.page_big_conten .pro_deatail_text .nav-tabs li.active a {
    color: #fff;
    background: #1176c7;
}

.page_big_conten .pro_deatail_text .nav-tabs li.active a:hover {
    background: #1176c7;
}

.page_big_conten .pro_deatail_text .nav-tabs li a {
    background: none;
    box-shadow: none;
    padding: 10px;
    text-align: center;
    display: block;
    color: #1176c7;
    font-size: 15px;
}

.page_big_conten .pro_deatail_text .tab-content {
    padding: 10px 30px;
}

.page_big_conten .pro_deatail_text .tab-content h3 {
    text-align: left;
    padding-top: 20px;
    color: #666;
}

.page_big_conten .pro_deatail_text .tab-content ul {
    padding-left: 40px;
}

.page_big_conten .pro_deatail_text .tab-content ul li {
    list-style: square;
    padding-bottom: 10px;
    color: #666;
}

.page_big_conten .pro_deatail_text .tab-content p {
    line-height: 1.8em;
    font-size: 1rem;
    color: #666;
}

.page_big_conten .pro_deatail_text .tab-content .pro_table {
    border: 1px solid #e0e0e0;
    width: 100%;
}

.page_big_conten .pro_deatail_text .tab-content .pro_table th {
    background: #5d5d5d;
    color: #fff;
    font-size: 20px;
    padding: 5px 23px;
    font-weight: 400;
    text-align: center;
}

.page_big_conten .pro_deatail_text .tab-content .pro_table td {
    padding: 20px;
    border-bottom: 1px solid #e0e0e0;
    color: #666;
    border-left: 1px solid #e0e0e0;
    border-right: 1px solid #e0e0e0;
    line-height: 150%;
    font-size: 15px;
    text-align: left;
}

.page_big_conten .pro_deatail_text .tab-content .pro_table td.bac1 {
    background: #f3f3f3;
    font-weight: 700;
    text-align: center;
}

.page_big_conten #landsystems-Anchor {
    right: -106px;
}

.page_big_conten #landsystems-Anchor:hover {
    right: 0;
}

.login_box_st2 {
    padding-top: 25px;
    margin-top: 25px;
    border-top: 1px solid #e0e0e0;
    position: relative;
}

.login_box_st2 .title {
    position: absolute;
    background: #f9f9f9;
    top: -12px;
    width: 100px;
    height: 40px;
    left: 50%;
    margin-left: -50px;
    color: #505458;
    text-align: center;
}

.login_box_st2 .button.facebook {
    position: relative;
    background: linear-gradient(180deg, #637aad 5%, #5972a7);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#637aad", endColorstr="#5972a7", GradientType=0);
    background-color: #637aad;
    border: 1px solid #314179;
    text-shadow: 0 1px 0 #314179;
    line-height: 45px;
    color: #fff;
    font-size: 17px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 700;
    text-align: center;
    border-radius: 3px;
    cursor: pointer;
}

.login_box_st2 .button.facebook div {
    background-image: url(../images/facebook.png);
    background-color: #5a78b9;
    background-color: rgba(255, 255, 255, 0.08);
    width: 45px;
    height: 45px;
    float: left;
    background-repeat: no-repeat;
    background-position: 50%;
}

.login_box_st2 .button.iservice {
    position: relative;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#637aad", endColorstr="#5972a7", GradientType=0);
    background-color:rgb(13, 115, 189);
    border: 1px solid #314179;
    text-shadow: 0 1px 0 #314179;
    line-height: 45px;
    color: #fff;
    font-size: 17px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 700;
    text-align: center;
    border-radius: 3px;
    cursor: pointer;
}

.login_box_st2 .button.iservice div {
    background-image: url(../images/iservice_favicon.ico);
    background-color: #5a78b9;
    background-color: rgba(255, 255, 255, 0.08);
    width: 45px;
    height: 45px;
    float: left;
    background-repeat: no-repeat;
    background-position: 50%;
}

.login_box_st2 .button.tws {
    position: relative;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#637aad", endColorstr="#5972a7", GradientType=0);
    background-color:#008AD8;
    border: 1px solid #314179;
    text-shadow: 0 1px 0 #314179;
    line-height: 45px;
    color: #fff;
    font-size: 17px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 700;
    text-align: center;
    border-radius: 3px;
    cursor: pointer;
}

.login_box_st2 .button.tws div {
    background-image: url("/nchc_service/template/tws/img/TWS_Logo_white.png");
    background-size: 120%;
    /* background-color: #5a78b9; */
    /* background-color: rgba(255, 255, 255, 0.08); */
    width: 100px;
    height: 45px;
    float: left;
    background-repeat: no-repeat;
    background-position: 50%;
}

.login_box_st2 .button.google {
    position: relative;
    background: linear-gradient(180deg, #fc8d83 5%, #e4685d);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fc8d83", endColorstr="#e4685d", GradientType=0);
    background-color: #fc8d83;
    border: 1px solid #d83526;
    text-shadow: 0 1px 0 #d83526;
    line-height: 45px;
    color: #fff;
    font-size: 17px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 700;
    text-align: center;
    border-radius: 3px;
    cursor: pointer;
}

.login_box_st2 .button.google div {
    background-image: url(../images/google.png);
    background-color: #5a78b9;
    background-color: rgba(255, 255, 255, 0.08);
    width: 45px;
    height: 45px;
    float: left;
    background-repeat: no-repeat;
    background-position: 50%;
}

.login_box_st2 .button.openid {
    position: relative;
    background: linear-gradient(180deg, #fc8d83 5%, #e4685d);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fc8d83", endColorstr="#e4685d", GradientType=0);
    background-color: #fc8d83;
    border: 1px solid #d83526;
    text-shadow: 0 1px 0 #d83526;
    line-height: 45px;
    color: #fff;
    font-size: 17px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 700;
    text-align: center;
    border-radius: 3px;
    cursor: pointer;
}

.login_box_st2 .button.openid div {
    background-image: url(../images/google.png);
    background-color: #5a78b9;
    background-color: rgba(255, 255, 255, 0.08);
    width: 45px;
    height: 45px;
    float: left;
    background-repeat: no-repeat;
    background-position: 50%;
}

.panel_title_wrapper .add_to a {
    color: #037eff;
}

.contri_panel_form {
    position: relative;
    width: 100%;
    margin: 0 auto;
}

.contri_panel_form .panel_input_wrapper:after {
    display: block;
    content: "";
    clear: both;
}

.contri_panel_form .panel_input_wrapper input {
    width: 100%;
    border-radius: 3px;
    height: 50px;
    position: relative;
    background: #fff;
}

.contri_panel_form .panel_input_wrapper input:focus {
    background: #fff;
}

.contri_panel_form .panel_input_wrapper input.red-style {
    border: 1px solid red;
}

.contri_panel_form .panel_input_wrapper input.red-style:hover {
    border: 1px solid red !important;
}

.contri_panel_form .panel_input_wrapper label {
    position: absolute;
    top: 14px;
    left: 25px;
    color: #969696;
    font-size: 15px;
}

.contri_panel_form .panel_input_wrapper .panel_input_forgotpassword {
    text-align: right;
    color: #b7b7b7;
    font-size: 13px;
}

.contri_panel_form .panel_input_wrapper .panel_input_forgotpassword:hover {
    color: #111;
}

.contri_panel_form .login_but_box {
    text-align: center;
}

.contri_panel_form .login_but_box .login_but {
    width: 100%;
    padding: 10px;
    color: #fff;
    background: #0d67ce;
    border-radius: 3px;
    border: 1px solid #002652;
    margin: 0 auto;
}

.panel_input_wrapper {
    position: relative;
    width: 100%;
    margin: 7px 0;
}

.panel_input,
.panel_select {
    background-image: none;
    background-color: #e5e5e5;
    border: 1px solid #e5e5e5;
    width: 368px;
    height: 30px;
    padding: 5px 15px;
    font-size: 16px;
    line-height: 30px;
    color: #333;
    font-family: Open Sans light, sans-serif;
}

.panel_input:focus {
    border: 1px solid #999;
    box-shadow: inset 0 0 5px #aaa;
}

.panel_select:focus {
    border: 1px solid #999;
    box-shadow: 0 0 3px #ccc;
}

.panel_input:hover {
    border: 1px solid #999 !important;
    box-shadow: inset 0 0 3px #aaa !important;
}

.panel_select:hover {
    border: 1px solid #999 !important;
    box-shadow: 0 0 3px #ccc !important;
}

.panel_input_error {
    border: 1px solid #fe3b3b;
    color: #fe3b3b;
}

.panel_msg_box {
    margin: 2px auto 10px;
    padding: 0 10px;
    font-weight: 700;
    background: #fff;
}

.panel_msg-error {
    color: #f52323;
    font-size: 13px;
}

.project_type_box {
    max-width: 1024px;
    width: 90%;
    margin: 0 auto;
    padding-top: 30px;
}

.project_type_box ul li {
    text-align: center;
    margin-bottom: 20px;
}

.project_type_box ul li .proj_box {
    padding: 20px 20px 22px;
    border-radius: 3px;
    margin-bottom: 20px;
    box-shadow: 0 0 5px #b7b7b7;
}

.project_type_box ul li .proj_box.proj_1 {
    background: #e91e63;
    background-image: linear-gradient(0deg, #c2185b 0, #e91e63);
}

.project_type_box ul li .proj_box.proj_2 {
    background: #009688;
    background-image: linear-gradient(0deg, #00796b 0, #009688);
}

.project_type_box ul li .proj_box.proj_3 {
    background: #7c4dff;
    background-image: linear-gradient(0deg, #6200ea 0, #7c4dff);
}

.project_type_box ul li .proj_box.proj_4 {
    background: #ffab40;
    background-image: linear-gradient(0deg, #ff6d00 0, #ffab40);
}

.project_type_box ul li .proj_box.proj_5 {
    background: #2196f3;
    background-image: linear-gradient(0deg, #1976d2 0, #2196f3);
}

.project_type_box ul li .proj_box .title {
    color: #fff;
    font-size: 24px;
    padding-bottom: 20px;
}

.project_type_box ul li .proj_box .icon {
    width: 60%;
    margin: 20px auto;
    border-radius: 50%;
}

.project_type_box ul li .proj_box .icon img {
    width: 100%;
    padding: 25px;
}

.project_type_box ul li .proj_box .icon.st_1 {
    background: #ad0544;
    border: 8px solid #f3387d;
}

.project_type_box ul li .proj_box .icon.st_2 {
    background: #006157;
    border: 8px solid #00a998;
}

.project_type_box ul li .proj_box .icon.st_3 {
    background: #4207a9;
    border: 8px solid #904aff;
}

.project_type_box ul li .proj_box .icon.st_4 {
    background: #d06503;
    border: 8px solid #ffb567;
}

.project_type_box ul li .proj_box .icon.st_5 {
    background: #0b5ba9;
    border: 8px solid #67baff;
}

.project_type_box ul li .proj_box .but-groups ul {
    background: #fff;
    margin: 42px -20px -20px;
    border: 1px solid #dadada;
}

.project_type_box ul li .proj_box .but-groups ul:after {
    display: block;
    clear: both;
    content: "";
}

.project_type_box ul li .proj_box .but-groups ul li {
    width: 50%;
    float: left;
    padding: 0;
    color: #666;
    padding-bottom: 0;
    margin-bottom: 0;
}

.project_type_box ul li .proj_box .but-groups ul li:first-child {
    border-right: 1px solid #dadada;
}

.project_type_box ul li .proj_box .but-groups ul li a {
    color: #666;
    display: block;
    padding: 15px 20px;
}

.project_type_box ul li .proj_box .but-groups ul li a:hover {
    background: #ececec;
}

.project_type_box ul li .proj_box .but-groups ul li a i {
    color: #a0a0a0;
    padding-right: 15px;
}

.project_type_box ul li .proj_box .but-groups ul li button.application_1,
.project_type_box ul li .proj_box .but-groups ul li button.application_2 {
    width: 80%;
    height: 45px;
    color: #fff;
    background: none;
    border: none;
    box-shadow: none;
}

.project_appliction_form {
    /* width: 90%; */
    margin: 0 auto !important;
    max-width: 1170px;
    padding: 5px 15px;
}

.project_appliction_form h1 {
    border-bottom: 1px solid #e6e6e6;
    padding-top: 0;
    padding-bottom: 0;
    font-weight: 700;
    text-align: left;
    font-size: 22px;
    color: #2d71bf;
    margin: 10px 0;
}

.project_appliction_form .project_step_img {
    width: 100%;
    margin: 0;
}

.project_appliction_form .project_process {
    padding: 20px;
    margin-bottom: 25px;
}

.project_appliction_form .project_process.st_1 ul li {
    background: #437fe0;
    border-radius: 50%;
    padding: 5px !important;
}

.project_appliction_form .project_process.st_1 ul li a {
    background: #fff;
    border-radius: 50%;
    width: 90%;
    height: 90%;
    display: block;
    margin: 5% auto;
    padding: 0;
    text-align: center;
}

.project_appliction_form .project_process ul {
    width: 80%;
    margin: 0 auto;
}

.project_appliction_form .project_process ul:after {
    display: block;
    clear: both;
    content: "";
}

.project_appliction_form .project_process ul li {
    float: left;
    width: 124px;
    background: url(../images/nchc/step/step_2_pic.png) no-repeat 0;
    height: 123px;
    position: relative;
}

.project_appliction_form .project_process ul li.active {
    background: url(../images/nchc/step/step_2_pic_active.png) no-repeat 0;
}

.project_appliction_form .project_process ul li.active span.strp_n,
.project_appliction_form .project_process ul li.active span.strp_t {
    color: #3568bf;
}

.project_appliction_form .project_process ul li.active a {
    color: #1f3d77;
}

.project_appliction_form .project_process ul li.active .step_ls i {
    color: #3568bf;
}

.project_appliction_form .project_process ul li:first-child {
    background: url(../images/nchc/step/step_1_pic.png) no-repeat 0;
    width: 137px;
}

.project_appliction_form .project_process ul li:first-child.active {
    background: url(../images/nchc/step/step_1_pic_active.png) no-repeat 0;
}

.project_appliction_form .project_process ul li:first-child a {
    padding-left: 24px;
    padding-right: 0;
}

.project_appliction_form .project_process ul li:first-child .step_ls {
    width: 131px;
    padding-left: 20px;
}

.project_appliction_form .project_process ul li:last-child {
    width: 178px;
    background: url(../images/nchc/step/step_3_pic.png) no-repeat 0;
}

.project_appliction_form .project_process ul li:last-child.active {
    background: url(../images/nchc/step/step_3_pic_active.png) no-repeat 0;
}

.project_appliction_form .project_process ul li:last-child a {
    padding-left: 28px;
    padding-right: 26px;
    width: 133px;
}

.project_appliction_form .project_process ul li:last-child .step_ls i {
    display: none;
}

.project_appliction_form .project_process ul li a,
.project_appliction_form .project_process ul li p {
    padding: 40px 12px 41px 22px;
    font-size: 19px;
    line-height: 23px;
    color: #909090;
    height: 123px;
    width: 133px;
    margin: 0 auto;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    *display: block;
    *position: absolute;
    *top: expression(this.parentElement.clientHeight/2 - this.clientHeight/2);
    *width: 100%;
}

.project_appliction_form .project_process ul li .step_ls {
    position: relative;
    width: 126px;
}

.project_appliction_form .project_process ul li .step_ls i {
    position: absolute;
    top: -5px;
    right: -12px;
    font-size: 28px;
    color: #999;
}

.project_appliction_form .project_process ul li span.strp_t {
    font-size: 18px;
    font-weight: 700;
    color: #828282;
}

.project_appliction_form .project_process ul li span.strp_n {
    font-size: 30px;
    font-style: italic;
    font-weight: 700;
    color: #828282;
}

.project_appliction_form .project_process ul li:hover .step_ls i,
.project_appliction_form .project_process ul li:hover a,
.project_appliction_form .project_process ul li:hover span.strp_n,
.project_appliction_form .project_process ul li:hover span.strp_t {
    color: #3a72d3;
}

.project_appliction_form .project_process ul li.act:hover .step_ls i,
.project_appliction_form .project_process ul li.act:hover a,
.project_appliction_form .project_process ul li.act:hover span.strp_n,
.project_appliction_form .project_process ul li.act:hover span.strp_t {
    color: #828282;
}

.project_appliction_form .form_box {
    padding: 20px;
    margin: 0;
    background: #fdfdfd;
    border-top: 5px solid #3392ff;
    box-shadow: 0 0 10px #ccc;
    border-radius: 0;
    text-align: left;
    margin-top: 10px;
}

/* .project_appliction_form .form_box.row {
    margin-left: -15px;
    margin-right: -15px;
    padding: 0px;
} */
.project_appliction_form .form_box h5 {
    font-size: 20px;
    color: #0070b9;
    font-weight: 700;
    border-bottom: 1px solid #ececec;
    padding: 10px 0;
}

.project_appliction_form .form_box .tools-md {
    float: left;
    margin-left: 7px;
    margin-bottom: 10px;
    width: 31px;
}

.project_appliction_form .form_box .tools-md .dropdown-menu {
    left: 0;
}

.project_appliction_form .form_box.no_mt {
    margin-top: 0 !important;
}

.project_appliction_form .form_box .list:after {
    display: block;
    content: "";
    clear: both;
}

.project_appliction_form .form_box .search_box .radio label:before {
    margin-right: 10px;
    bottom: 1.5px;
    background-color: #fff;
    border: 1px solid #c2c6cb;
    border-radius: 99px;
}

.project_appliction_form .form_box p {
    /* text-align: left;
  color: #2b2b2b; */
}

.project_appliction_form .form_box p:last-child {
    margin: 0px;
}

.project_appliction_form .form_box .clear:after {
    clear: both;
    display: block;
    content: "";
}

.project_appliction_form .form_box .form-label {
    text-align: left;
    font-size: 16px;
    padding-bottom: 5px;
    color: #333;
}

.project_appliction_form .form_box .calendar-inline {
    width: 45%;
}

.project_appliction_form .form_box .form-row-text {
    font-weight: 700;
    float: left;
    width: 10%;
    text-align: center;
    color: #263238;
    position: relative;
    top: 37px;
}

.project_appliction_form .form_box .form-row-text.st_2 {
    width: 50%;
    float: left;
    top: 8px;
    left: 50px;
    text-align: left;
    font-size: 14px;
    font-weight: 400;
    color: #f44336;
}

.project_appliction_form .form_box .form-row-text.st_3 {
    width: 66%;
    float: left;
    top: 8px;
    left: 30px;
    text-align: left;
    font-size: 14px;
    font-weight: 400;
    color: #f44336;
}

.project_appliction_form .form_box .nav-tabs {
    background: #fff;
    padding: 0;
    border-bottom: 1px solid #e8e8e8;
    margin: -20px -20px 2px -21px;
    padding: 0 !important;
}

.project_appliction_form .form_box .nav-tabs.st_2 {
    border: none;
    margin: 0px;
    background-color: #dce0e8;
    padding: 0;
}

.project_appliction_form .form_box .nav-tabs.st_2 li {
    border: none;
    width: auto;
}

.project_appliction_form .form_box .nav-tabs.st_2 li a {
    padding: 15px 20px;
    height: auto;
    line-height: normal;
}

.project_appliction_form .form_box .nav-tabs.st_2 li.active {
    background: none;
}

.project_appliction_form .form_box .nav-tabs.st_2 li.active a {
    color: #555;
    cursor: default;
    background-color: #fff;
    border: none;
    border-bottom-color: transparent;
    box-shadow: none;
}

.project_appliction_form .form_box .nav-tabs li {
    padding: 0;
    width: 160px;
    border-left: 1px solid #e8e8e8;
    border-right: 1px solid #e8e8e8;
    text-align: center;
}

.project_appliction_form .form_box .nav-tabs li.active {
    background: #1176c7;
    box-shadow: none;
    margin: 0;
}

.project_appliction_form .form_box .nav-tabs li.active a {
    color: #fff;
    background: #1176c7;
}

.project_appliction_form .form_box .nav-tabs li.active a:hover {
    background: #1176c7;
}

.project_appliction_form .form_box .nav-tabs.st_2 li.active a:hover {
    background: #fff;
}

.project_appliction_form .form_box .nav-tabs li a {
    display: block;
    height: 38px;
    line-height: 10px;
}

.project_appliction_form .form_box .tab-content {
    margin-bottom: 0;
}

.project_appliction_form .form_box .user_diff_warp {
    padding: 25px 10px;
    background: #f3f3f3;
    margin: -14px 19px 19px;
    border: 1px solid #e6e6e6;
}

.project_appliction_form .form_box .tab-content>.active {
    padding: 0px;
}

.project_appliction_form .form_box .tab-content>.active table {
    margin-top: 15px;
}

.project_appliction_form .form_box .J-download-box {
    border: 1px solid #e0e0e0;
    padding: 20px;
    margin: 20px 0;
    background: #f7f7f7;
}

.project_appliction_form .form_box .J-download-box a {
    padding: 0 20px;
}

.project_appliction_form .form_box .b_line {
    border-bottom: 1px solid #e2e2e2;
    margin-top: 15px;
    margin-bottom: 15px;
}

.project_appliction_form .form_box .btn-success:active:hover {
    background: #084c98;
}

.project_appliction_form .form_box .provision_box h2 {
    color: #212121;
    font-size: 20px;
    font-weight: 400;
}

.project_appliction_form .form_box .provision_box p {
    display: block;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0;
    color: #444;
}

.project_appliction_form .form-actions {
    text-align: left;
    padding-left: 30px;
    margin: 0 -35px -20px;
}

.project_appliction_form .program_options {
    background: #f1f1f1;
    padding: 25px;
    margin: 15px 0 !important;
}

.project_appliction_form .program_options2 {
    background: #ddf4ff;
    padding: 25px;
    margin: 15px 0 !important;
}

.project_appliction_form .program_options3 {
    background: #f1f1f1;
    padding: 25px;
    margin: 0 !important;
}

.project_appliction_form .program_options3 .form-label span {
    /* color: #138db7; */
    font-size: 15px;
}

.project_appliction_form .program_options3 .form-label span.important-star {
    color: #f44336;
}

.project_appliction_form .program_options3 p.su_number {
    font-size: 25px;
    color: #1976d2;
}

.project_appliction_form .program_options3 p.money {
    font-size: 35px;
    color: #c10a17;
}

.project_appliction_form .ps_box {
    background: #fff;
    margin: 14px !important;
    padding: 26px !important;
    width: 97%;
    border: 1px solid #b7b7b7;
    border-radius: 5px;
}

.project_appliction_form .ps_box p {
    color: #676767;
}

.modal .form_box {
    margin: 1%;
    border-radius: 0;
    text-align: left;
}

.modal .form_box .list {
    padding-top: 10px;
    padding-bottom: 10px;
}

.modal .form_box p {
    text-align: left;
}

.modal .form_box .clear:after {
    clear: both;
    display: block;
    content: "";
}

.modal .form_box .form-label {
    text-align: left;
    font-size: 17px;
    padding-bottom: 5px;
    color: #88888;
    font-weight: 700;
}

.modal .form_box .calendar-inline {
    width: 45%;
}

.modal .form_box .form-row-text {
    font-weight: 700;
    float: left;
    width: 10%;
    text-align: center;
    color: #263238;
    position: relative;
    top: 37px;
}

.modal .form_box .nav-tabs {
    background: #fff;
    padding: 0;
    border-bottom: 1px solid #e8e8e8;
    margin: -20px -20px 2px -21px;
    padding: 0 !important;
}

.modal .form_box .nav-tabs li {
    padding: 0;
    width: 160px;
    border-left: 1px solid #e8e8e8;
    border-right: 1px solid #e8e8e8;
    text-align: center;
}

.modal .form_box .nav-tabs li.active {
    background: #1176c7;
    box-shadow: none;
    margin: 0;
}

.modal .form_box .nav-tabs li.active a {
    color: #fff;
    background: #1176c7;
}

.modal .form_box .nav-tabs li.active a:hover {
    background: #1176c7;
}

.modal .form_box .nav-tabs li a {
    display: block;
    height: 38px;
    line-height: 10px;
}

.modal .form_box .tab-content {
    margin-bottom: 0;
}

.modal .form_box .user_diff_warp {
    padding: 25px 10px;
    background: #f3f3f3;
    margin: -14px 19px 19px;
    border: 1px solid #e6e6e6;
}

.modal .form_box .tab-content>.active {
    padding: 39px 19px;
}

.modal .form_box .J-download-box {
    border: 1px solid #e0e0e0;
    padding: 20px;
    margin: 20px 0;
    background: #f7f7f7;
}

.modal .form_box .J-download-box a {
    padding: 0 20px;
}

.modal .form_box .b_line {
    border-bottom: 1px solid #e2e2e2;
    margin-top: 15px;
    margin-bottom: 15px;
}

.modal .form_box .radio label:before {
    bottom: 1.5px;
}

.modal .form_box .st_sp:after,
.modal .form_box .st_sp:before {
    top: 10px;
}

.project_list_st_box {
    margin-bottom: 20px;
    border-radius: 2px;
}

.project_list_st_box.noyet {
    background: #ffcdcd;
    border: 1px solid #e08282;
}

.project_list_st_box.noyet .list_title_box .title span.h2 {
    color: #333;
}

.project_list_st_box.noyet .list_title_box .title span.ps {
    color: #da1717;
}

.project_list_st_box.ok {
    background: #d6ffe0;
    border: 1px solid #5dd47a;
}

.project_list_st_box.ok .list_title_box .title span.h2 {
    color: #333;
}

.project_list_st_box.ok .list_title_box .title span.ps {
    color: #019024;
}

.project_list_st_box.normal {
    background: #f3f3f3;
    border: 1px solid #dedede;
}

.project_list_st_box .list_title_box .title {
    padding: 15px 20px;
}

.project_list_st_box .list_title_box .title span.h2 {
    font-size: 20px;
    font-weight: 700;
}

.project_list_st_box .list_title_box .title span.ps {
    font-size: 15px;
    font-weight: 700;
    padding-left: 20px;
}

.project_list_st_box .list_title_box .but {
    text-align: right;
    padding-top: 4px;
}

.project_list_st_box .list_title_box .but a {
    color: #666;
    font-size: 24px;
    font-weight: 700;
    display: block;
}

.project_list_st_box .well {
    background: #fff;
}

.project_list_st_box .well label {
    float: left;
}

.project_list_st_box .well span.colon {
    float: left;
    font-size: 17px;
    color: #b9b9b9;
    padding-left: 10px;
    padding-right: 10px;
    line-height: 24px;
}

.project_list_st_box .well span.text_st {
    float: left;
    font-size: 17px;
    color: #00a3b9;
    line-height: 24px;
}

.project_list_st_box .well p.p_st {
    padding: 5px;
    line-height: 25px;
}

.project_list_st_box .well .clear_st {
    display: block;
    clear: both;
    content: "";
}

.project_list_st_box .well .notyet {
    border: 1px solid #ffcbcb;
    border-radius: 3px;
    margin-bottom: 10px;
    padding-bottom: 1px !important;
}

.project_list_st_box .well .notyet label {
    color: #f44336 !important;
}

.project_list_st_box .well .notyet:after {
    display: block;
    content: "未填寫" !important;
    position: absolute;
    color: #ff9c9c;
    right: 10px;
    top: 5px;
}

.project_list_st_box .well .calendar-inline:after {
    display: block;
    clear: both;
    content: "";
}

.project_list_st_box .well .form-row-text {
    top: 0 !important;
}

.project_list_st_box .well .form-actions {
    margin: 0;
    background: #fff7f7;
}

.project_list_st_box .well .form-actions button {
    background: #c53434;
    color: #fff;
}

.project_list_st_box .well .form-actions button a {
    color: #fff;
}

.project_list .project_list_delete {
    position: absolute;
    top: 20px;
    right: 15px;
}

.project_list ul li {
    padding: 10px 20px;
    position: relative;
    width: 100%;
    margin: 0px;
    padding: 0px;
    margin: 10px 0px;
    border: solid 1px #d7d7d7;
}

.project_list ul li>a {
    display: table;
    width: 100%;
}

.project_list ul li .enable_status {
    position: absolute;
    top: 15px;
    right: 15px;
}

.project_list ul li .checkbox {
    position: absolute;
    top: 17px;
    left: 15px;
    z-index: 3;
}

.project_list ul li .project_list_box {
    /* position: relative; */
    background: #f6f6f6;
    border: 1px solid #e4e4e4;
    display: table-row;
    width: 100%;
}

.project_list ul li .project_list_box .col-left {
    display: table-cell;
    /* width: 14%; */
    vertical-align: top;
    height: 100%;
    overflow: hidden;
}

.project_list ul li .project_list_box .col-left .type_icon_box {
    width: 140px;
    height: 100%;
    padding: 32px 24px 15px 5px;
    margin: 0;
    padding-bottom: 100em;
    margin-bottom: -100em;
}

.project_list ul li .project_list_box .col-left .type_icon_box.science_st {
    background: url(../images/nchc/projcet_list_bg.png) no-repeat top right #e91e63;
}

.project_list ul li .project_list_box .col-left .type_icon_box.scholarship_st {
    background: url(../images/nchc/projcet_list_bg.png) no-repeat top right #009688;
}

.project_list ul li .project_list_box .col-left .type_icon_box.government_st {
    background: url(../images/nchc/projcet_list_bg.png) no-repeat top right #7c4dff;
}

.project_list ul li .project_list_box .col-left .type_icon_box.enterprise_st {
    background: url(../images/nchc/projcet_list_bg.png) no-repeat top right #ffab40;
}

.project_list ul li .project_list_box .col-left .type_icon_box.nar_st {
    background: url(../images/nchc/projcet_list_bg.png) no-repeat top right #2196f3;
}

.project_list ul li .project_list_box .col-left .type_icon_box.test_st {
    background: url(../images/nchc/projcet_list_bg.png) no-repeat top right #12b4c5;
}

.project_list ul li .project_list_box .col-left .type_icon_box .type_img {
    width: 60px;
    height: 60px;
    margin: 0 auto;
}

.project_list ul li .project_list_box .col-left .type_icon_box .type_img img {
    width: 100%;
}

.project_list ul li .project_list_box .col-left .type_icon_box p {
    font-size: 14px;
    color: #fff;
    width: 100%;
    font-weight: 700;
    padding: 12px;
    text-align: center;
}

.project_list ul li .project_list_box .col-right {
    /* float: left; */
    padding: 15px;
    width: 86%;
    display: table-cell;
}

.project_list ul li .project_list_box .col-right .detail_tite:after {
    display: block;
    clear: both;
    content: "";
}

.project_list ul li .project_list_box .col-right .detail_tite .text_box {
    padding-left: 0;
}

.project_list ul li .project_list_box .col-right .detail_tite .text_box:after {
    display: block;
    clear: both;
    content: "";
}

.project_list ul li .project_list_box .col-right .detail_tite .text_box p {
    float: left;
    padding-right: 10px;
    color: #949494;
}

.project_list ul li .project_list_box .col-right .detail_tite .text_box p.name {
    font-weight: 400;
}

.project_list ul li .project_list_box .col-right .detail_tite .text_box p.name span {
    padding: 0 15px;
    color: #444;
    font-weight: 700;
}

.project_list ul li .project_list_box .col-right .detail_tite p.numbering {
    color: #777;
}

.project_list ul li .project_list_box .col-right .detail_tite p.no {
    font-weight: 400;
}

.project_list ul li .project_list_box .col-right .detail_tite p.no span {
    padding: 0 15px;
    color: #444;
    font-weight: 700;
}

.project_list ul li .project_list_box .col-right .date {
    float: right;
    font-style: italic;
    color: #949494;
}

.form_box_text {
    padding: 10px;
    margin-top: 20px;
    /* margin-bottom: 21px; */
}

.form_box_text .page_number_st {
    float: right;
}

.form_box_text .table {
    background: #fff;
}

.form_box_text .list:after {
    display: block;
    content: "";
    clear: both;
}

.form_box_text.view label {
    float: left;
}

.form_box_text.view span.colon {
    float: left;
    font-size: 17px;
    color: #b9b9b9;
    padding-left: 10px;
    padding-right: 10px;
    line-height: 24px;
}

.form_box_text.view span.text_st {
    float: left;
    font-size: 17px;
    color: #00a3b9;
    line-height: 24px;
}

.form_box_text.view p.p_st {
    padding: 5px;
    line-height: 25px;
}

.form_box_text.view .clear_st {
    display: block;
    clear: both;
    content: "";
}

.form_box_text.view .notyet {
    border: 1px solid #ffcbcb;
    border-radius: 3px;
    margin-bottom: 10px;
    padding-bottom: 1px !important;
}

.form_box_text.view .notyet label {
    color: #f44336 !important;
}

.form_box_text.view .notyet:after {
    display: block;
    content: "未填寫" !important;
    position: absolute;
    color: #ff9c9c;
    right: 10px;
    top: 5px;
}

.form_box_text.view .calendar-inline:after {
    display: block;
    clear: both;
    content: "";
}

.form_box_text.view .form-row-text {
    top: 0 !important;
}

.form_box_text.view .form-actions {
    margin: 0;
}

.form_box_text.view .form-actions button {
    background: #c53434;
    color: #fff;
}

.form_box_text.view .form-actions button a {
    color: #fff;
}

.form_box_text.view .form-actions.st {
    background: #e5f2ff;
}

.form_box_text.view .form-actions.st button {
    background: #1976d2;
}

.form_box_text:after {
    display: block;
    clear: both;
    content: "";
}

.form_box_text_content {
    padding: 0px 30px 20px;
}

.su_list.st_2 ul {
    padding: 0px;
}

.su_list ul {
    padding: 20px;
}

.su_list ul li {
    margin: 20px 0;
    border: 1px solid #cecece;
    padding: 0;
    position: relative;
    display: block;
}

.su_list.st_2 ul li {
    margin: 10px 0;
    display: table;
}

.su_list ul li .project_list_delete {
    position: absolute;
    top: 7px;
    right: 10px;
}

.su_list ul li .project_list_delete a {
    padding-top: 7px;
}

.su_list ul li .su_list-box {
    position: relative;
    padding: 50px 10px 20px;
}

.su_list.st_2 ul li .su_list-box {
    padding: 10px;
    display: table-row;
}

.su_list.st_2 ul li .su_list-box.stop_set_st {
    background: #f2f2f2 !important;
    opacity: 0.5;
}

.su_list.st_2 ul li .su_list-box.set_st_1 {
    background: #fff7f2;
}

.su_list.st_2 ul li .su_list-box.set_st_1 .su_list_icon span {
    background: #fd8127;
}

.su_list.st_2 ul li .su_list-box.set_st_5 {
    background: #e4ebff;
}

.su_list.st_2 ul li .su_list-box.set_st_5 .su_list_icon span {
    background: #6a8aed;
}

.su_list.st_2 ul li .su_list-box>a {
    display: table-row;
}

.su_list.st_2 ul li .su_list-box>a:after {
    display: block;
    content: "";
    clear: both;
}

.su_list ul li .su_list-box:after {
    display: block;
    clear: both;
    content: "";
}

.su_list ul li .bottom {
    background: #eee;
    height: auto;
    padding: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding-right: 50px;
}

.su_list ul li .bottom .host,
.su_list ul li .bottom .memer {
    line-height: 50px;
    padding-left: 2%;
    color: #606060;
    display: inline;
}

.su_list ul li .bottom .host span,
.su_list ul li .bottom .memer span {
    font-weight: 700;
    color: #3c3c3c;
}

.su_list ul li .checkbox {
    position: absolute;
    top: 12px;
    left: 24px;
}

.su_list ul li .su_list_icon {
    text-align: center;
    float: left;
    height: 100px;
}

.su_list.st_2 ul li .su_list_icon {
    text-align: center;
    float: none;
    display: table-cell;
    height: auto;
}

.su_list ul li .su_list_icon:before {
    content: "";
    height: 100%;
    display: inline-block;
    vertical-align: middle;
}

.su_list ul li .su_list_icon span {
    padding: 3px;
    background: #e4718d;
    color: #fff;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    margin: 0 auto;
    font-size: 15px;
    display: inline-block;
    vertical-align: middle;
}

.su_list ul li .su_list_icon span i {
    color: #fff;
    font-size: 20px;
    text-align: center;
    line-height: 35px;
    width: 100%;
}

.su_list.st_2 a {
    display: block;
}

.su_list ul li .su_data_ls {
    float: left;
    padding: 10px 20px;
    width: 47%;
}

.su_list.st_2 ul li .su_data_ls {
    padding: 0px 10px;
    float: none;
    display: table-cell;
}

.su_list ul li .su_data_ls.title_box {
    text-align: left;
}

.su_list ul li .su_data_ls.title_box.st_2 {
    width: 95%;
    padding-bottom: 0;
}

.su_list ul li .su_data_ls.title_box .tit {
    font-size: 20px;
    color: #333;
    text-align: left;
    line-height: 24px;
}

.su_list ul li .su_data_ls.title_box .num {
    font-size: 16px;
    font-weight: 700;
    padding-top: 5px;
    color: #777;
}

.su_list ul li .su_data_ls.title_box .num span {
    padding-right: 10px;
}

.su_list ul li .su_data_ls.title_box .date {
    color: #777;
    font-size: 14px;
}

.su_list ul li .su_data_ls.date {
    color: #777;
}

.su_list ul li .su_data_ls.su_quantity {
    width: 13%;
    border-left: 1px solid #cecece;
    padding: 10px 20px 20px;
    height: 100%;
}

.su_list ul li .su_data_ls.su_quantity p.tit {
    text-align: center;
}

.su_list ul li .su_data_ls.su_quantity p.tex {
    font-size: 39px;
    color: #2e72bb;
    font-weight: 700;
    text-align: center;
    line-height: 80px;
}

.su_list ul li .su_data_ls.money {
    width: 18%;
    border-left: 1px solid #cecece;
    padding: 10px 20px 20px;
    text-align: center;
}

.su_list ul li .su_data_ls.money p.tex {
    color: #dd4814;
    font-size: 20px;
}

.su_list ul li .su_data_ls.status {
    width: 13%;
    border-left: 1px solid #cecece;
    padding: 10px 20px 20px;
    text-align: center;
}

.su_list ul li .su_data_ls.status p.tit {
    text-align: center;
}

.su_list ul li .su_data_ls.status p.tex {
    text-align: center;
    padding-top: 0;
}

.su_list ul li .su_data_ls.status p.tex span {
    font-size: 12px;
}

.su_list ul li .su_data_ls p.tit {
    color: #949494;
    font-size: 14px;
}

.su_list ul li .su_data_ls p.tex {
    padding: 0;
}

@media (max-width: 990px) {
    .su_list ul li .su_list-box {
        padding-top: 120px;
    }

    .su_list ul li .su_list-box .su_list_icon {
        display: none;
    }

    .su_list ul li .su_data_ls.title_box.st_2 {
        width: 100%;
        padding: 10px 10px;
    }

    .su_list ul li .bottom .host,
    .su_list ul li .bottom .memer {
        display: block;
        line-height: 30px;
        padding-left: 10px;
    }
}

.form_box .form-horizontal {
    display: block;
    margin-right: 0;
    padding: 0 !important;
}

.form_box .price-box {
    margin: 0 auto;
    background: #e9e9e9;
    border-radius: 10px;
    padding: 40px 15px;
    width: 500px;
}

.form_box .ui-widget-content {
    border: 1px solid #bdc3c7;
    background: #e1e1e1;
    color: #222;
    margin-top: 28px;
}

.form_box .ui-slider .ui-slider-handle {
    position: absolute !important;
    z-index: 2 !important;
    width: auto !important;
    padding: 6px;
    height: 2.2em !important;
    cursor: default !important;
    margin: 0 -20px auto;
    text-align: center !important;
    line-height: 30px !important;
    color: #fff !important;
    font-size: 15px !important;
}

.form_box .ui-slider-horizontal .ui-slider-handle {
    top: -3em !important;
}

.form_box .ui-state-default,
.form_box .ui-widget-content .ui-state-default {
    background: #393a40 !important;
}

.form_box .ui-slider-horizontal .ui-slider-handle {
    margin-left: -23px;
}

.form_box .ui-slider .ui-slider-handle {
    cursor: pointer;
}

.form_box .ui-slider a,
.form_box .ui-slider a:focus {
    cursor: pointer;
    outline: none;
}

.form_box p.price.lead {
    font-weight: 400;
    font-size: 19px;
    display: block;
    margin: 0;
    padding-top: 13px;
}

.form_box p.price.lead.total {
    font-weight: 600;
    font-size: 34px;
    display: block;
    margin: 0;
    padding-top: 0;
}

.form_box h4.great {
    background: #00ac98;
    margin: 0 0 55px -60px;
    padding: 7px 15px;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    border-radius: 5px;
    display: inline-block;
    box-shadow: 2px 4px 5px 0 #ccc;
}

.form_box .form-pricing {
    padding: 20px;
    border-radius: 4px;
}

.form_box .price-form {
    margin-bottom: 10px;
    padding: 0 20px;
    border: 1px solid #eee;
    border-radius: 4px;
}

.form_box .form-group {
    padding: 9px;
    margin: 0 20px;
}

.form_box .form-group.st_1 {
    border-bottom: 1px solid #999;
}

.form_box .form-group.st_1,
.form_box .form-group.st_2 {
    text-align: left;
    margin: 0;
    padding: 0;
}

.form_box .form-group span.price {
    font-weight: 200;
    display: inline-block;
    color: #7f8c8d;
    font-size: 14px;
}

.form_box .help-text {
    display: block;
    margin-top: 32px;
    margin-bottom: 10px;
    color: #737373;
    position: absolute;
    font-weight: 200;
    text-align: right;
    width: 188px;
}

.form_box .price-form label {
    font-weight: 200;
    font-size: 16px;
    padding-top: 16px;
}

.form_box .ui-slider-range-min {
    background: #2980b9;
}

.form_box .ui-slider-label-inner {
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #393a40;
    display: block;
    left: 50%;
    margin-left: -10px;
    position: absolute;
    top: 100%;
    z-index: 5;
}

.form_box .list {
    padding-bottom: 10px;
}

.table-condensed td.active {
    color: #fff;
}

.price_text .title {
    padding-right: 10px;
    color: #868686;
    font-size: 18px;
}

.price_text .text {
    color: #d20000;
    font-size: 21px;
}

.content_step.row {
    background: linear-gradient(90deg, #2c6eba, #2b6db9);
    font-family: sans-serif;
    margin: 1% 2% 2% !important;
    width: 96%;
}

.content_step.row:after,
.content_step.row:before {
    content: " ";
    display: table;
    clear: both;
}

.content_step.row div {
    position: relative;
    float: left;
    width: 20%;
    box-sizing: border-box;
}

.content_step.row .current {
    width: 20%;
}

.content_step.row div {
    background: #f0f0f0;
    padding: 12px 0 12px 12px;
    color: #888;
    text-align: center;
    font-size: 1em;
}

.content_step.row div:after {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    width: 0;
    height: 0;
    border-top: 24px inset transparent;
    border-bottom: 20px inset transparent;
    border-left: 24px solid transparent;
    content: "";
}

.content_step.row div.current:last-child:after {
    border: 0;
}

.content_step.row .current {
    color: #fff;
    font-weight: 700;
}

.content_step.row .current:after {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    width: 0;
    height: 0;
    border-bottom: 24px solid #f0f0f0;
    border-top: 24px solid #f0f0f0;
    border-right: 0 solid #f0f0f0;
}

.content_step.row .completed {
    color: rgba(71, 71, 71, 0.2);
}

.content_step.row .completed,
.content_step.row .current {
    background: transparent;
}

.print_box {
    width: 100%;
    text-align: left;
    padding-top: 20px;
    padding-bottom: 20px;
}

.print_box .button_st {
    cursor: pointer;
    width: 130px;
    height: 40px;
    padding: 7px;
    background: #ff9212;
    color: #fff;
    border-radius: 5px;
    border: 1px solid #b96400;
    text-align: center;
}

* {
    box-sizing: border-box;
    padding: 0;
    margin: 0;
}

menu {
    border-radius: 0 4px 4px 0;
    overflow: hidden;
    text-align: left;
    font-family: sans-serif;
    margin: 1% 2% 0 !important;
    width: 96%;
}

menu,
menu li {
    background-color: #f0f0f0;
}

menu li {
    position: relative;
    list-style: none;
    display: block;
    padding: 15px 0;
    font-size: 18px;
    line-height: 20px;
    margin: 0 !important;
    color: #fff;
    width: 20%;
    float: left;
    text-align: center;
}

menu li a {
    color: #989898;
    display: block;
}

menu li a:hover {
    color: #2b6db9;
}

menu li:after,
menu li:before {
    content: "";
    position: absolute;
    top: -3px;
    z-index: 1;
    border-bottom: 28px solid transparent;
    border-top: 28px solid rgba(84, 14, 14, 0);
}

menu li:before {
    border-left: 19px solid #dedede;
    left: 100%;
}

menu li:after {
    border-left: 20px solid #f0f0f0;
    left: 98%;
}

menu li.active {
    background: #0056bf;
    background: linear-gradient(90deg, #246bb5 1%, #2579ca);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0056bf", endColorstr="#2c8bd3", GradientType=1);
    box-shadow: -2px 0 0 #2b6db9;
}

menu li.active a {
    color: #fff;
    display: block;
    font-weight: 700;
}

menu li.active a:hover {
    color: #fff;
}

menu li.active:before,
menu li.active menu li:after {
    border-bottom: 28px solid transparent;
}

menu li.active:before {
    border-left: 18px solid #2b7eb9;
}

menu li.active:after {
    border-left: 20px solid #2578c8;
}

menu li:last-child:after,
menu li:last-child:before {
    border: none !important;
}

menu li:first-child {
    z-index: 2;
}

menu li:nth-child(2) {
    z-index: 1;
}

.receipt_pic {
    text-align: center;
    width: 100%;
    margin: 16px 0 !important;
}

.receipt_pic img {
    padding: 20px;
    width: 100%;
}

.footer_bg {
    background: url(../images/nchc/footer_bg.jpg) repeat-x;
    width: 100%;
    height: 70px;
    margin-top: 0;
}

@media (max-width: 480px) {
    .footer_bg {
        margin-top: 0;
    }
}

.footer_bg#footer {
    height: 70px;
    position: absolute;
    bottom: 0px;
}

@media (max-width: 480px) {
    .footer_bg#footer {
        height: auto;
    }
}

.footer_bg .footer_box {
    width: 90%;
    margin: 0 auto;
    max-width: 1170px;
}

.footer_bg .footer_box p {
    color: #fff;
    padding: 25px 0 10px;
}

.footer_bg .footer_box .footer_meun {
    margin: 0;
    padding: 10px 0 0;
}

.footer_bg .footer_box .footer_meun li {
    float: left;
    color: #fff;
    padding-top: 10px;
    font-size: 16px;
    padding-right: 90px;
}

.footer_bg .footer_box .footer_meun li:after {
    clear: both;
}

.footer_bg .footer_box .footer_meun li ul {
    padding-top: 20px 0 0 0;
    margin: 0;
}

.footer_bg .footer_box .footer_meun li ul li {
    padding: 8px 0 0;
    float: none;
}

.footer_bg .footer_box .footer_meun li ul li a {
    color: #87c0ff;
    font-size: 13px;
}

.footer_bg .footer_box .footer_meun li ul li a:hover {
    color: #fff;
    text-decoration: none;
}

.project_process_sty2 {
    padding: 29px;
    text-align: center;
}

.project_process_sty2 ul:after {
    display: block;
    clear: both;
    content: "";
}

.project_process_sty2 ul li {
    width: 20%;
    float: left;
    position: relative;
}

.project_process_sty2 ul li a {
    border-radius: 50%;
    height: 115px;
    display: block;
    width: 115px;
    background: #d6d6d6;
    text-align: center;
    padding-top: 11px;
    padding-left: 11px;
    margin: auto;
    z-index: 2;
    position: relative;
    box-shadow: inset 1px 2px 3px rgba(51, 51, 102, 0.5);
}

.project_process_sty2 ul li a .text {
    border-radius: 50%;
    height: 92px;
    display: block;
    width: 92px;
    background: #fff;
    margin: auto;
    border: 1px solid #bdbdbd;
    color: #666;
    font-size: 19px;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

.project_process_sty2 ul li:before {
    display: block;
    position: absolute;
    width: 100%;
    height: 12px;
    background: url(../images/nchc/step/step_before_bg.png) repeat-x top;
    content: "";
    top: 50%;
    margin-top: -20px;
    left: 0;
    z-index: 0;
}

.project_process_sty2 ul li.active a {
    background: url(../images/nchc/step/step_before_bg2.png) repeat-x #447dd6;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1e5799", endColorstr="#7db9e8", GradientType=1);
    border: 1px solid #3468be;
}

.project_process_sty2 ul li.active a .text {
    color: #1f3d77;
    border: 1px solid #fff;
    box-shadow: -1px 2px 3px #565656;
}

.project_process_sty2 ul li.active:before {
    background: url(../images/nchc/step/step_before_bg1.png) repeat-x #447dd6;
}

.project_process_sty2 ul li.active .step_ls i,
.project_process_sty2 ul li.active span.strp_n,
.project_process_sty2 ul li.active span.strp_t {
    color: #3568bf;
}

.project_process_sty2 ul li:last-child .step_ls i {
    display: none;
}

.project_process_sty2 ul li .step_ls {
    position: relative;
    padding-top: 10px;
}

.project_process_sty2 ul li .step_ls i {
    position: absolute;
    top: -5px;
    right: -12px;
    font-size: 28px;
    color: #999;
}

.project_process_sty2 ul li span.strp_t {
    font-size: 18px;
    font-weight: 700;
    color: #828282;
}

.project_process_sty2 ul li span.strp_n {
    font-size: 30px;
    font-style: italic;
    font-weight: 700;
    color: #828282;
}

.form_box .checkbox label:after {
    width: auto;
}

.form_box .checkbox-nolabeltex.checkbox label:after {
    left: 2px;
}

.member_phone_icon {
    text-align: left;
    padding-bottom: 5px;
}

.member_phone_icon span {
    padding: 0;
}

.member_phone_icon span.icon {
    width: 40px;
    display: block;
    padding: 0;
    float: left;
    color: #2e73c0;
    text-align: center;
}

.order_table_sp .decor,
.order_table_sp a:hover {
    text-decoration: underline;
}

/* .modal-body .list {
    padding-top: 10px;
    padding-bottom: 10px;
} */
.modal-body .J-download-box {
    border: 1px solid #e0e0e0;
    padding: 20px;
    margin: 20px 0;
    background: #f7f7f7;
}

ul.nostyle li {
    list-style-type: none;
}

ul.st_1 li {
    list-style-type: none !important;
    list-style-position: inside;
    margin-bottom: 5px;
    margin-top: 0;
    margin-left: 5% !important;
}

ul.st_1 li span.number {
    float: none !important;
    width: auto !important;
    display: inline-block !important;
}

.select_cantext .btn {
    background: #fff;
    border: 1px solid #ccc;
    font-size: 16px;
}

.main_meun_button {
    float: left;
    width: 35px;
    height: 35px;
    margin-top: 24px;
    margin-right: 15px;
    cursor: pointer;
    display: none;
}

.main_meun_button span.icon-bar {
    width: 23px;
    height: 4px;
    display: block;
    background: #666 !important;
    margin-top: 4px;
}

.set_button {
    float: right;
    width: 35px;
    height: 35px;
    margin-top: 20px;
    margin-right: 15px;
    cursor: pointer;
    display: none;
}

.set_button span {
    font-size: 24px;
    color: #666 !important;
}

.language_box {
    display: none;
    border-top: 1px solid #4e8bce;
    border-bottom: 1px solid #4e8bce;
    padding-bottom: 10px;
    padding-top: 10px;
}

.language_box h2 {
    padding: 5px 17px;
    font-size: 15px;
    color: #fff;
    margin: 0;
    float: left;
    line-height: 23px;
    padding-left: 0;
    padding-right: 0;
    text-align: center;
    width: 100%;
}

.language_box .select_style select {
    width: 100%;
}

.wizard-steps.Upload-steps-5 {
    padding: 30px 0;
    height: 105px;
}

.wizard-steps.Upload-steps-5 li {
    width: 20%;
    min-width: 20%;
    max-width: 20%;
}

.wizard-steps.Upload-steps-5 li a {
    z-index: 3;
}

.wizard-steps.Upload-steps-5 li a .title {
    font-size: 15px;
    z-index: 3;
}

.form_box .title {
    font-weight: 700;
    /* border-left: 3px solid #999; */
    /* padding: 0 10px; */
    /* margin: 20px 0; */
    font-size: 16px;
    line-height: 15px;
}

.form_box .reg_title {
    font-weight: 700;
    border-left: 3px solid #999;
    padding: 0 10px;
    margin: 20px 0;
    font-size: 16px;
    line-height: 15px;
}

.form_box .content {
    font-size: 15px;
    line-height: 25px;
    padding: 0 0 10px;
    min-height: 500px;
}

.form_box .content .Provision {
    border: 1px solid #ccc;
    padding: 10px;
    height: 400px;
    overflow-y: auto;
}

.form_box .content .Provision ul {
    margin-left: 10px;
}

.form_box .content ul li {
    list-style-type: korean-hanja-informal;
    margin: 10px 10px 10px 30px;
    color: #027dce;
    font-weight: 700;
    padding-left: 0;
}

.form_box .content ul li div {
    color: #000;
    font-weight: 400;
}

.form_box .content ul li ul.square_li {
    margin-left: 30px;
}

.form_box .content ul li ul.square_li li {
    list-style-type: square;
}

.form_box .content ul li ul.second_li li {
    list-style-type: cjk-ideographic;
}

.form_box .content ul li ul.second_li li ul li {
    list-style-type: decimal-leading-zero;
}

.form_box .content ul li ul li {
    list-style-type: none;
    margin-left: 0;
    color: #000;
    font-weight: 400;
}

.form_box .content ul li ul li:after {
    display: block;
    content: "";
    clear: both;
}

.form_box .content ul li ul li span.number {
    display: block;
    float: left;
    width: 5%;
    max-width: 30px;
}

@media screen and (max-width: 480px) {
    .form_box .content ul li ul li span.number {
        display: inline;
        float: none;
        width: auto;
        max-width: none;
        min-width: none;
    }
}

.form_box .content ul li ul li span.text {
    display: block;
    float: left;
    width: 94%;
}

@media screen and (max-width: 480px) {
    .form_box .content ul li ul li span.text {
        display: inline;
        float: none;
        width: auto;
        max-width: none;
        min-width: none;
    }
}

.form_box .content ul li ul li ul li {
    list-style-type: none;
    margin-left: 20px;
    color: #000;
    font-weight: 400;
}

.form_box .content ul li ul li ul li:after {
    display: block;
    content: "";
    clear: both;
}

.form_box .content ul li ul li ul li span.number {
    display: block;
    float: left;
    width: 3%;
}

.form_box .content ul li ul li ul li span.text {
    display: block;
    float: left;
    width: 97%;
}

.form_box .content ul li ul.nostyle li {
    list-style-type: none;
}

.member_box {
    width: 96%;
    margin: 1% 2% 2%;
    background: #fdfdfd;
    padding-top: 30px;
    box-shadow: 0 0 10px #ccc;
    border-radius: 0;
    text-align: left;
    height: 100%;
    background: #f7f7f7;
}

.member_box .box_left {
    background: #fff;
    margin-top: -30px;
    padding-top: 30px;
}

.member_box .box_left .form-actions {
    margin: 0 -30px;
    background: #fff;
}

.member_box .box_right {
    width: 25%;
    margin-top: -30px;
    padding: 0;
    height: 100%;
}

.member_box .box_right .panel-default>.panel-heading {
    background-image: none;
    background-color: #fff;
    border-radius: 2px;
    box-shadow: none;
    border: 1px solid #d2d2d2;
    margin: 0;
}

.member_box .member_meun li {
    border-bottom: 1px solid #e0e0e0;
    border-left: 1px solid #e0e0e0;
}

.member_box .member_meun li a {
    font-size: 16px;
    color: #111;
    display: block;
    padding: 20px;
}

.member_box .member_meun li.active {
    background: #fff;
    border-right: 5px solid #2b6fba;
    border-left: 1px solid #fff;
}

.member_box .member_meun li.active a {
    color: #2b6fba;
    font-weight: 700;
}

.member_box .member_meun li:hover {
    background: #fff;
    border-right: 5px solid #2b6fba;
    border-left: 1px solid #fff;
}

.member_box .member_meun li:hover a {
    color: #999;
}

.imgbox img {
    border: 1px solid #ccc;
    padding: 5px;
}

.edition {
    font-size: 16px;
    color: #676767;
    position: absolute;
    top: 10px;
    right: 0;
    border: 1px solid #a9a9a9;
    padding: 4px 10px;
}

.member_button {
    padding: 20px;
    border: 1px solid #cee0f5;
    background: #f7fbff;
    width: 48%;
    margin: 18px 1% 0;
}

.member_button .facebook {
    position: relative;
    background: linear-gradient(180deg, #637aad 5%, #5972a7);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#637aad", endColorstr="#5972a7", GradientType=0);
    background-color: #637aad;
    border: 1px solid #314179;
    text-shadow: 0 1px 0 #314179;
    margin: 5px 20px;
    line-height: 45px;
    color: #fff;
    font-size: 17px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 700;
    text-align: center;
    border-radius: 3px;
    cursor: pointer;
}

.member_button .facebook div {
    background-image: url(../images/facebook.png);
    background-color: #5a78b9;
    background-color: rgba(255, 255, 255, 0.08);
    width: 45px;
    height: 45px;
    float: left;
    background-repeat: no-repeat;
    background-position: 50%;
}

.member_button .google {
    position: relative;
    background: linear-gradient(180deg, #fc8d83 5%, #e4685d);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fc8d83", endColorstr="#e4685d", GradientType=0);
    background-color: #fc8d83;
    border: 1px solid #d83526;
    text-shadow: 0 1px 0 #d83526;
    margin: 5px 20px;
    line-height: 45px;
    color: #fff;
    font-size: 17px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 700;
    text-align: center;
    border-radius: 3px;
    cursor: pointer;
}

.member_button .google div {
    background-image: url(../images/google.png);
    background-color: #e65858;
    background-color: rgba(255, 255, 255, 0.07);
    width: 45px;
    height: 45px;
    float: left;
    background-repeat: no-repeat;
    background-position: 50%;
}

.member_button .iservice {
    position: relative;
    background: linear-gradient(180deg, #0d73bd 5%, #0d73bd);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#637aad", endColorstr="#5972a7", GradientType=0);
    background-color:#0d73bd;
    border: 1px solid #314179;
    text-shadow: 0 1px 0 #314179;
    margin: 5px 20px;
    line-height: 45px;
    color: #fff;
    font-size: 17px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 700;
    text-align: center;
    border-radius: 3px;
    cursor: pointer;
}

.member_button .iservice div {
    background-image: url(.../images/iservice_favicon.ico);
    background-color: #5a78b9;
    background-color: #0d73bd;
    width: 45px;
    height: 45px;
    float: left;
    background-repeat: no-repeat;
    background-position: 50%;
}

.member_button .openid {
    position: relative;
    background: linear-gradient(180deg, #f3bf48 5%, #eab726);
    background-color: #f9c227;
    border: 1px solid #c1890a;
    text-shadow: 0 1px 0 #84610a;
    margin: 5px 20px;
    line-height: 45px;
    color: #fff;
    font-size: 17px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 700;
    text-align: center;
    border-radius: 3px;
    cursor: pointer;
}

.member_button .openid div {
    background-color: #e65858;
    background-color: rgba(255, 255, 255, 0.07);
    width: 45px;
    height: 45px;
    float: left;
    background-repeat: no-repeat;
    background-position: 50%;
}

.member_button p.confirm_i {
    position: absolute;
    right: 10px;
    top: 10px;
    display: none;
    color: #6ab300 !important;
    width: 25px;
    height: 25px;
    background: #fff;
    border-radius: 5px;
    text-align: center !important;
    line-height: 25px;
}

.member_button p.confirm_i.ok_st {
    display: block;
}

.control-group_st2 {
    width: 100%;
    background: #f5f5f5;
    padding: 30px;
}

.control-group_st2 .btn {
    width: 17%;
    margin: 0 auto;
    text-align: center;
    display: block;
}

.page_big_conten_box .bread {
    border-bottom: 1px solid #e6e6e6;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 10px;
    margin-right: 0;
    margin-left: 0;
}

.page_big_conten_box .bread .col-md-12 {
    padding-left: 0;
}

.table_rwd tr td:before {
    display: none;
    content: "";
}

.search-dropdown-control .search-dropdown .form-actions {
    margin-left: 0;
    margin-right: 0;
}

.member_name_main ul li {
    color: #fff;
    padding: 10px;
    background: #348fe8;
    border-radius: 5px;
    margin: 6px 0;
    cursor: pointer;
}

.AddMinusLeft.active,
.member_name_main ul li.active {
    background: #1f5d9a;
}

.AddMinusRight.active {
    background: #0a7d94;
}

.member_name_second ul li {
    color: #fff;
    padding: 10px;
    background: #32acc4;
    border-radius: 5px;
    margin: 6px 0;
    cursor: pointer;
}

.member_name_second ul li.active {
    background: #0a7d94;
}

@media screen and (min-width: 768px) and (max-width: 992px) {
    .main_conten_bg .main_conten .index_s_content.left_s {
        margin: 5px -15px;
    }

    .main_conten_bg .main_conten .index_s_content.right_s {
        margin: 10px -15px;
    }
}

.project_appliction_form .DivBut_Kshow .s_title {
    color: #0097a7;
}

.project_appliction_form .DivBut_Kshow .s_title:before {
    font-family: FontAwesome;
    height: auto;
    content: "\f0da" !important;
    font-weight: 300;
    padding-right: 3px;
}

.project_appliction_form .input-group .dropdown-menu.search-dropdown {
    width: 200%;
}

.project_appliction_form .input-group .dropdown-menu.search-dropdown .checkboxInline {
    margin-bottom: 0;
    display: block;
    height: 28px;
    margin-top: 15px;
}

.project_appliction_form .input-group .dropdown-menu.search-dropdown .add-on {
    z-index: 5;
}

.group_1:after {
    display: block;
    clear: both;
    content: "";
}

.group_2 {
    margin-bottom: 20px;
    padding: 10px 0;
    margin: 10px;
    border-radius: 5px;
}

.group_2:after {
    display: block;
    clear: both;
    content: "";
}

.su_list ul li .project_list_delete ul {
    padding: 0;
    margin: 0;
}

.su_list ul li .project_list_delete li {
    margin: 0;
    border: none;
}

.su_list ul li .project_list_delete li a {
    padding-top: 0;
}

.unread {
    position: absolute;
    bottom: 12px;
    right: 12px;
    display: inline;
    padding-left: 30px;
    z-index: 5;
}

.unread span {
    width: 25px;
    height: 25px;
    display: inline-block;
    background: #d22400;
    text-align: center;
    border-radius: 50%;
    color: #fff;
    line-height: 25px;
}

.page_big_conten_box .JChatGroupbox_2 .JChatGroup.nobg {
    border: none;
    background: none;
}

.page_big_conten_box .JChatGroupbox_2 .JChatGroup .JChatGroup {
    margin-left: 40px;
}

.te_lin {
    border-bottom: 1px solid #797979;
    width: 50px;
    display: inline-block;
    content: "";
    height: 20px;
}

.livetimestamp {
    color: #a7a7a7;
}

input[type=text].te_input {
    height: 34px;
    min-height: 34px;
    margin-right: 5px;
}

.addtextst {
    display: inline-block;
    color: #1b96ff;
    line-height: 34px;
    font-size: 21px;
    text-shadow: none;
}

.form-pricing:after {
    display: block;
    clear: both;
    content: "";
}

.form-pricing .price-slider {
    float: left;
    width: 81%;
    padding: 20px;
}

.form-pricing .limited_st {
    padding: 11px;
}

.form-pricing .limited_st.max_st {
    width: 12%;
    float: right;
}

.form-pricing .limited_st.min_st {
    width: 7%;
    float: left;
}

.form-pricing .limited_st p {
    color: #f34d7f;
    font-size: 16px;
    padding-bottom: 0;
    margin-bottom: 0;
    display: block;
    font-weight: 700;
}

.form-pricing .limited_st h5 {
    font-size: 13px;
    color: #393a40;
    padding: 0;
    margin: 0;
    border: none;
}

@media screen and (max-width: 980px) {
    .form-pricing .price-slider {
        float: left;
        width: 100%;
        padding: 20px 10px;
    }

    .form-pricing .limited_st {
        padding: 11px;
    }

    .form-pricing .limited_st.max_st {
        width: 50%;
        float: right;
        text-align: right !important;
    }

    .form-pricing .limited_st.max_st p {
        text-align: right !important;
    }

    .form-pricing .limited_st.min_st {
        width: 50%;
        float: left;
    }
}

#header .nav .quick-section {
    margin-left: 20px;
    margin-top: 16px;
    margin-right: 10px;
    display: inline-block;
    float: left;
    direction: ltr;
}

#header .nav>li {
    margin: 0;
    padding: 0;
    text-align: center;
    display: inline-block;
    float: left;
}

#header .nav>li a {
    color: #555;
}

#header .profile-pic {
    border-radius: 100px 100px 100px 100px;
    display: inline-block;
    height: 35px;
    overflow: hidden;
    width: 35px;
    float: left;
}

#header .profile-text {
    color: #777;
    line-height: 37px;
    font-size: 17px;
    padding: 8px;
}

#header #user-options {
    padding: 7px 15px;
}

.ps_sbox {
    padding: 10px 10px 10px 34px;
}

@media screen and (max-width: 480px) {
    .ps_sbox {
        padding: 2%;
    }

    .ps_sbox span {
        display: block;
        margin-top: 10px;
    }
}

.modal_contact {
    background: #fff url(../images/nchc/contact_bg.jpg) no-repeat top;
    max-width: 526px;
    border: none;
}

@media screen and (max-width: 760px) {
    .modal_contact {
        background-image: none;
        background-color: #fff;
    }
}

.modal_contact .modal-body,
.modal_contact .modal-header {
    background: none;
    border: none;
}

.modal_contact .modal-body {
    padding: 0 20px 20px;
}

.modal_contact .contact_text_box {
    padding-left: 60px;
    background-size: 14% !important;
    margin-left: 23%;
    padding-top: 1px;
}

@media screen and (max-width: 760px) {
    .modal_contact .contact_text_box {
        margin-left: 0;
        padding-left: 18%;
        background-size: 17% !important;
    }
}

.modal_contact .contact_text_box.st_1 {
    background: url(../images/nchc/contact_icon_1.png) no-repeat 0 0;
    margin-bottom: 20px;
}

.modal_contact .contact_text_box.st_2 {
    background: url(../images/nchc/contact_icon_2.png) no-repeat 0 0;
    margin-bottom: 20px;
}

.modal_contact .contact_text_box h3 {
    font-size: 26px;
    color: #136daf;
}

.modal_contact .contact_text_box p {
    padding: 0;
    margin: 0;
    color: #555;
}

.clear-fix {
    clear: both;
    content: "";
    display: block;
}

.page_big_conten .innerWrap .pro_icon {
    float: left;
    width: 20%;
}

.page_big_conten .innerWrap .pro_icon img {
    width: 60px;
    padding-top: 0;
}

.page_big_conten .innerWrap .pro_main {
    min-height: 100px;
}

.page_big_conten .innerWrap .pro_main_sim {
    width: 50%;
    float: left;
    padding-right: 10px;
    margin-bottom: 10px;
}

.page_big_conten .innerWrap .sim_title {
    font-weight: 900;
}

.page_big_conten .innerWrap .pro_text .sim_title {
    color: #238041;
}

.page_big_conten .innerWrap .pro_text ul {
    width: 100%;
    text-align: left;
    margin: 0 auto;
    font-size: 15px;
    color: #6b6b6b;
    list-style-type: disc;
}

.page_big_conten .innerWrap .pro_text li {
    line-height: 28px;
}

.page_big_conten .pro-detail-wrap07 {
    background: url(../images/nchc/banner_sim.png) no-repeat 50% #000;
    min-height: 212px;
}

.video_box_list {
    padding: 10px;
}

.index_owl_box {
    position: relative;
}

.index_owl_box .owl-wrapper-outer {
    position: relative;
    z-index: 5;
}

.index_owl_box .owl-controls {
    position: absolute;
    z-index: 4;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.index_owl_box .owl-prev {
    left: -35px;
}

.index_owl_box .owl-next,
.index_owl_box .owl-prev {
    position: absolute;
    display: block;
    width: auto;
    top: 50%;
    font-size: 35px;
    color: #f5b645;
    margin-top: -17px;
}

.index_owl_box .owl-next {
    right: -35px;
}

.myopacity-5 {
    opacity: .5;
}

.systemList__disabled__st {
    background: #ffdada;
    padding: 5px 0px;
    border-radius: 5px;
}

.systemList__disabled__st .systemList_title {
    color: #ff6767 !important;
}

.systemList__disabled__st p {
    color: #ff7b7b;
}

.label_check_group:after {
    display: block;
    content: "";
    clear: both;
}

.label_check_group {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.modal-body .label_check_group li {
    width: 23%;
}

.label_check_group li {
    margin: 3px 1%;
    width: 23%;
    float: left;
    background: #fff;
    padding: 10px;
    border-radius: 5px;
    border: solid 2px #d4deec;
    cursor: pointer;
}

.label_check_group li.active {
    background: #d4deec;
    border: solid 2px #d4deec;
}

.software_table_st td,
.software_table_st th {
    border: solid 1px #d9d9d9;
    padding: 5px 5px;
}

/**
*enable_status
**/
.project_list_box .enable_status {
    top: 15px;
    right: 15px;
}

.enable_status {
    font-size: 13px;
    color: #666;
}

.enable_status.enable_pass i {
    color: #4eb708;
}

.enable_status.enable_stop i {
    color: #222222;
}

.enable_pass .enable_status i {
    color: #4eb708;
}

.enable_stop .enable_status i {
    color: #222222;
}

.project_list ul li.enable_stop {
    opacity: 0.5;
}

/*------------------------------------*\
 $list
\*------------------------------------*/
/**付款方式**/
.paymentMethod__list {
    border-radius: 5px;
    display: block;
    text-align: center;
    /* border: solid 2px #a9f7f3; */
    padding: 10px 10px 0px;
    /* background: #e9fffe; */
}

.paymentMethod__list:after {
    display: block;
    content: "";
    clear: both;
}

.paymentMethod__list .paymentMethod__list__point {
    display: none;
}

.paymentMethod__list .paymentMethod__list__icon {
    text-align: center;
    line-height: 85px;
    font-size: 2em;
    color: #14aeaf;
    border: solid 2px #2eaeaf;
    width: 85px;
    margin: 0 auto;
    background: #fff;
    border-radius: 50%;
}

.paymentMethod__list .paymentMethod__list__text {
    font-size: 18px;
    color: #2eaeaf;
    padding: 10px 0px 5px;
    font-weight: bold;
}

.paymentMethod__list:hover .paymentMethod__list__icon {
    background: #2ab4ad;
    color: #fff;
    border: solid 2px #21aba3;
}

.paymentMethod__list:hover .paymentMethod__list__text {
    color: #0c7f79;
}

.paymentMethod__list.active .paymentMethod__list__icon {
    background: #1e8782;
    color: #fff;
    border: solid 2px #2eaeaf;
}

.paymentMethod__list.active .paymentMethod__list__text {
    color: #0c7f79;
}

.paymentMethod__list.active .paymentMethod__list__point {
    display: block;
    width: 0;
    height: 0;
    margin: 0 auto;
    border-style: solid;
    border-width: 0 15px 15px 15px;
    border-color: transparent transparent #1e8782 transparent;
}

@media screen and (max-width: 1390px) {
    .paymentMethod__list .paymentMethod__list__icon {
        background: #fff;
        width: auto;
        border-radius: 5px;
    }
}

@media screen and (max-width: 760px) {
    .paymentMethod__list .paymentMethod__list__icon {
        font-size: 1.5em;
        line-height: normal;
        padding: 10px 0px;
    }

    .paymentMethod__list .paymentMethod__list__text {
        font-size: 15px;
    }
}

.paymentMethod__content {
    background: #1e8782;
    border-radius: 0px;
    width: 100%;
}

.paymentMethod__content:after {
    display: block;
    clear: both;
    content: "";
}

.paymentMethod__content .paymentMethod__content__icon {
    float: left;
    background: none;
    padding: 0px;
    line-height: normal;
    border: none;
    border-radius: 0px;
    font-size: 20px;
    vertical-align: middle;
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    /* padding: 0px 20px; */
    color: #fff;
    border-radius: 50%;
    background: #28a29d;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 5px;
}

.paymentMethod__content .paymentMethod__content__text {
    float: left;
    color: #fff;
    padding: 0px;
    line-height: normal;
    vertical-align: middle;
    line-height: 35px;
    font-size: 18px;
    line-height: 44px;
}

/*------------------------------------*\
 $st
\*------------------------------------*/
.project_appliction_form .form_box .survey-wizard.ontop {
    background: #cefffd;
}

.project_appliction_form .form_box .survey-wizard.ontop.payment__st .nav-tabs {
    background: #cefffd;
    margin: -20px -19px 2px -19px;
}

.project_appliction_form .form_box .survey-wizard.ontop.payment__st .nav-tabs li {
    background: #cefffd;
    border: none;
    width: auto;
}

.project_appliction_form .form_box .survey-wizard.ontop.payment__st .nav-tabs li a {
    color: #399c98;
    border-radius: 0px;
    border: none;
}

.project_appliction_form .form_box .survey-wizard.ontop.payment__st .nav-tabs li:after {
    border-left-color: #99dbd9;
}

.project_appliction_form .form_box .survey-wizard.ontop.payment__st .nav-tabs li:before {
    border-left-color: #cefffd;
}

.project_appliction_form .form_box .survey-wizard.ontop.payment__st .nav-tabs li.active {
    background: #111;
}

.project_appliction_form .form_box .survey-wizard.ontop.payment__st .nav-tabs li.active a {
    color: #073836;
    background: #3dc1ba;
}

.project_appliction_form .form_box .survey-wizard.ontop.payment__st .nav-tabs li.active:after {
    border-left-color: #3dc1ba;
}

.project_appliction_form .form_box .survey-wizard.ontop.payment__st .nav-tabs li.active:before {
    border-left-color: #3dc1ba;
}

.project_appliction_form .form_box .survey-wizard.ontop.payment__st .nav-tabs li.active:not(:last-child):after {
    top: -3px;
    right: -39px;
}

.project_appliction_form .form_box .survey-wizard.ontop.payment__st span {
    line-height: 26px;
}

@media screen and (max-width: 500px) {
    .project_appliction_form .form_box .survey-wizard.ontop span {
        display: block;
    }

    .project_appliction_form .form_box .survey-wizard.ontop.payment__st .nav-tabs li {
        width: 100%;
        border-bottom: solid 1px #22958e;
    }

    .project_appliction_form .form_box .survey-wizard.ontop.payment__st .nav-tabs li:after {
        display: none;
    }

    .project_appliction_form .form_box .survey-wizard.ontop.payment__st .nav-tabs li:before {
        display: none;
    }
}

/*------------------------------------*\
 data_chart_nav-tabs
\*------------------------------------*/
.project_appliction_form .form_box .data_chart_nav-tabs.nav-tabs li.active {
    background: #fff;
}

.project_appliction_form .form_box .data_chart_nav-tabs.nav-tabs li.active a {
    background: #fff;
    border-bottom: solid 3px #1176c7;
    color: #1176c7;
}

/*------------------------------------*\
 chart__box
\*------------------------------------*/
.chart__box {
    background: #fff;
    margin: 10px 0px;
    border: solid 1px #e7e7e7;
}

.chart__box__title {
    background: #1e7de8;
    color: #fff;
    text-align: center;
    padding: 10px;
}

.chart_box_content {
    padding: 10px;
}

.gaugeRange_box {
    margin-bottom: 10px;
}

.gaugeRange_box ul:after {
    display: block;
    content: "";
    clear: both;
    width: 100%;
    height: 10px;
}

.gaugeRange_box ul {
    margin: 0 auto;
    display: table;
}

.gaugeRange_box li {
    float: left;
    margin: 0 10px;
}

.gaugeRange_box .range_st_1 {
    color: #0070f9;
    padding-right: 8px;
    font-size: 13px;
}

.gaugeRange_box .range_st_2 {
    color: #83e049;
    padding-right: 8px;
    font-size: 13px;
}

.gaugeRange_box .range_st_3 {
    color: #f2db34;
    padding-right: 8px;
    font-size: 13px;
}

.gaugeRange_box .range_st_4 {
    color: #ff7e82;
    padding-right: 8px;
    font-size: 13px;
}

.gaugeRange_box.st_2 {
    margin-top: 10px;
    margin-bottom: 0px;
}

.gaugeRange_box.st_2 ul:after {
    height: 1px;
}

.gaugeRange_box.st_2 .range_st_1 {
    color: #00cc00;
}

.gaugeRange_box.st_2 .range_st_2 {
    color: #0000ff;
}

.highcharts-credits {}

.flowDataBox {
    padding: 20px;
    background: #edf9ff;
    border: solid 1px #a2e0ff;
    margin-top: 10px;
}

/**
*
**/
.list-style-disc li {
    list-style-type: disc;
    list-style-position: inside;
}

.processorUl__list {
    background: #f5f5f5;
    padding: 10px;
    color: #616161;
    max-width: 800px;
    margin: 20px auto;
    font-size: 15px;
}

.processorUl__list:after {
    display: block;
    content: "";
    clear: both;
}

.processorUl__list li {
    border-bottom: dashed 1px #c3c3c3;
    margin-bottom: 5px;
    padding-bottom: 5px;
    /* width: 48%;
  float: left;
  margin-left: 1%;
  margin-right: 1%; */
}

/**
*form-label
**/
.form-label.inRadioGroup {
    margin-right: 0px;
    padding-left: 0px;
}

.form-label.inRadioGroup:after {
    display: none;
}

.form-label.inRadioGroup:before {
    display: none;
}

/**
resourceRecord__listGroup
**/

.resourceRecord__listGroup {
    list-style-type: disc;
    list-style-position: inside;
    color: #1d44c1;
    margin-bottom: 15px;
}

.resourceRecord__listGroup li {
    list-style-type: disc;
}

.resourceRecord__listGroup li p {
    display: inline-block;
    color: #111;
    font-size: 17px;
}

/**
landsystems-Anchor st_2
**/
#landsystems-Anchor.st_2 li:after {
    display: block;
    clear: both;
    content: "";
}

#landsystems-Anchor.st_2 li a {
    display: block;
    float: left;
}


/**
*fix footer
**/
.page-container.row-fluid {
    height: auto;
}

/**
*wallet__starBtn
**/
.wallet__starBtn {
    position: absolute;
    top: 10px;
    right: 10px;
    border: none;
    font-size: 21px;
    background: none;
}

.wallet__starBtnText {
    display: none;
    font-size: 15px;
    color: #dca800;
}

.wallet__starBtn i {
    color: #a9a9a9;
}

.wallet__starBtn.active i {
    color: #eab301;
}

.wallet__starBtn.active .wallet__starBtnText {
    display: inline-block;
    padding: 0px 0px 0px 5px;
    vertical-align: top;
}


/**.page-content**/
.page-content {
    overflow: visible;
}

/**footer fix**/
.footer_bg#footer {
    z-index: 99;
}


.page-content .content {
    padding-bottom: 70px;
    padding-top: 68px !important;
}
.page_big_conten {
    padding-bottom: 70px;
}

.main_conten_bg.no-padding {
    padding-bottom: 70px !important;
}

.project_appliction_form {
    padding-bottom: 70px;
}

@media (max-width: 750px) {
    .footer_bg#footer {
        height: auto !important;
    }

    .page-content .content {
        padding-bottom: 100px;
    }

    .page_big_conten {
        padding-bottom: 100px;
    }

    .main_conten_bg.no-padding {
        padding-bottom: 100px !important;
    }

    .project_appliction_form {
        padding-bottom: 150px !important;
    }
}

/**
*2019/10/15新增
**/
.carSelectBox {
    width: 400px;
    position: absolute !important;
    z-index: 996;
    background: white;
    top: 203px;
    left: 65px;
    border-radius: 5px;
    box-shadow: 1px 1px 2px #b9b9b9;
}

.carSelectBox--Close {
    position: absolute;
    right: 10px;
    top: 2px;
    font-size: 22px;
    color: #797979;
}

.carSelectBox--Close:hover {
    opacity: .8;
}

.carSelectBox .events-heading {
    color: #8a8a8a;
    border-bottom: 1px solid rgba(121, 121, 121, 0.247059);
}

/**
*carSelectBox.st_2
**/
.carSelectBox.st_2 {
    background: none;
    box-shadow: none;
    left: -190px;
}

.carSelectBox.st_2 .JQ-toggle {
    background: #fff;
    box-shadow: 1px 1px 2px #b9b9b9;
    border: solid 1px #e2e2e2;
    position: relative;
    margin-top: 10px;
}

.carSelectBox.st_2 .JQ-toggle:after {
    display: block;
    content: "";
    position: absolute;
    top: -10px;
    right: 6px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 12.5px 10px 12.5px;
    border-color: transparent transparent #ffffff transparent;
}

.carSelectBox.st_2 .JQ-toggle:before {
    display: block;
    content: "";
    position: absolute;
    top: -11px;
    right: 6px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 12.5px 10px 12.5px;
    border-color: transparent transparent #cccccc transparent;
}

.carSelectBox.st_2.text__left-st .JQ-toggle:before {
    left: 6px;
    right: auto;
}

.carSelectBox.st_2.text__left-st .JQ-toggle:after {
    left: 6px;
    right: auto;
}

/**
*2020 02 20 新增
**/
.buttonSt_radio::after {
    display: block;
    clear: both;
    content: "";
}

.buttonSt_radio input[type=radio] {
    display: none;
}

.buttonSt_radio label {
    background-color: #8cb5b1;
    border-radius: 5px;
    color: #fff;
    padding: 10px 20px;
    position: relative;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.radio.buttonSt_radio input[type=radio]:checked+label {
    color: #ffffff;
    background: #16988e;
}

.radio.buttonSt_radio input[type=radio]:checked+label:after {
    position: absolute;
    right: -24px;
    left: auto;
    top: -18px;
    content: "\f05d";
    background: none;
    font-size: 42px;
    color: #1d8279;
    background: #fff;
    width: 42px;
    height: 42px;
    border: none;
    line-height: 42px;
}

.buttonSt_radio label:before {
    display: none;
}

/**
**20200303
**/
.project_process_sty2 ul li a.disableLink {
    position: relative;
    cursor: default;
}

.project_process_sty2 ul li a.disableLink:hover::before {
    content: "\f05e";
    font-family: FontAwesome;
    color: red;
    right: 20px;
    font-size: 20px;
    font-weight: 400;
    position: absolute;
    top: 20px;
}

/**
*statusCard
**/
.statusCard {
    border-top: solid 5px #cdcdcd;
    width: 100%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12);
    background-color: #FFF;
    transition: all .3s ease;
    background: #f2f2f2;
    position: relative;
}

.statusCard_icon {
    border-radius: 50%;
    width: 60px;
    height: 60px;
    line-height: 52px;
    color: #fff;
    background: #cdcdcd;
    font-size: 24px;
    border: solid 5px #e8e8e8;
    margin: 0px auto 0px;
    display: inline-block;
}

.statusCard.yes {
    border-color: #4caf50;
    background: #f0fff0;
}

.statusCard.yes .statusCard_icon {
    background: #4caf50;
    border-color: #a1dfa3;
}

.statusCard.yes .statusCard_text {
    color: #4caf50;
}

.statusCard.no {
    border-color: #ef5350;
    background: #fff6f6;
}

.statusCard.no .statusCard_icon {
    background: #ef5350;
    border-color: #ffb5b4;
}

.statusCard.no .statusCard_text {
    color: #ef5350;
}

.statusCard_title {
    padding: 25px 10px;
    background: #ffffff;
    margin-bottom: 0px;
}

.statusCard_button_group {
    background: #fff;
    padding: 10px 0px;
    border-top: solid 1px #eaeaea;
}

.statusCard.yet .tgl-btn {
    border: solid 1px #bfbfbf;
}

.statusCard .tooltip.bottom .tooltip-arrow {
    border-bottom-color: #000;
    opacity: 0.7;
}

.statusCard .tooltip-inner {
    background-color: #000;
    opacity: 0.7;
    font-size: 14px;
}

/**
**20200713
**/
.member_button .other_login {
    position: relative;
    background: #fff;
    border: 1px solid #cecece;
    /* text-shadow: 0 1px 0 #84610a; */
    margin: 5px 20px;
    line-height: 45px;
    color: #555;
    font-size: 17px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 700;
    text-align: center;
    border-radius: 3px;
    cursor: pointer;
}