/* BASIC css start */
#page-wrap {width:100%; margin:0 auto; }

#page-wrap .page-top{ }

#page-wrap .page-body{position: relative;}

.container {    max-width: 1200px;   width:100%;    margin: 0 auto; /*text-align: center;*/ }

.content-pd{
    padding: var(--content-pd) 0;
}

.d-flex{
    display: flex;
}

.jcsb{
    display: flex;
    justify-content: space-between;
}

.aic{
    display: flex;
    align-items: center;
}


.hidden{
    display: none;
}

hr{
    border:none;
    border-top:1px solid #e6e7eb;
}

.sub-title {
    padding : 10px 0px 10px;
}
.sub-icon{
    padding : 100px 0px 50px;
}


 h3{
        font-size: 22px;
        color: #2e4052;
        margin: 10px 0 0 20px;
        display: block;
    }



.sub-title { position: relative; overflow:hidden;height: 100%; width:100%; min-width:1200px}
.sub-title img {-webkit-transition: -webkit-transform 0.5s ease;transition:transform 0.5s ease;}

.sub-title:hover img {-webkit-transform: scale(1.15);transform: scale(1.15) }
.sub-title .title-wrap {text-align:center; z-index:10; letter-spacing:1px; }
.sub-title .title-wrap .title { font-size: 40px; color: #333; font-weight: 500; height: 55px; line-height: 55px;letter-spacing:-0.5px;}
.sub-title .title-wrap .title i{font-size: 54px;height: 55px;line-height: 55px; position: relative; top:3px}
.sub-title .title-wrap .hr{padding: 20px 0 0px 0; font-size: 120px; color: #999; font-weight: 100; line-height: 17px;}
.sub-title .title-wrap .commant { display:none; font-size: 16px; color: #333; font-weight: 300; border:1px solid #ddd; padding:5px 20px;background-color:rgb(255,255,255); }

.sub-title .title-wrap .t2 a { display:inline-block; font-size: 14px; color: #ddd; font-weight: 300;border:1px solid #ddd; padding:5px 20px;background-color:rgb(255,255,255); }
.sub-title .title-wrap .t2 a:hover { background-color:rgb(255,255,255,0.3)}



.sub-contants { position:relative; width:1100px;       margin:0 auto;    line-height: 1.8em;    letter-spacing :0.05em; }

.sub-contants .box-contants{padding:40px 0 40px 0;}
.sub-contants .title { font-size: 22px;        color: #2e4052 }
.sub-contants .commant{display: none;}

.line {display:block; width:100%; border-bottom:1px solid #d4d4d4;text-align: center;padding-top:10px;}

.sub-contants .contants  { margin-top: 10px; font-size: 20px;   }

.contants li { padding:10px 10px 10px ; line-height: 1.5em;   }

 .contants li:after {
    content: '';
    display: block;
    clear: both
}
.contants li  .left,.contants li  .right {
    float: left;  display:block;
}

.contants li  .left {
    text-align: center;
    color: #333;
    width: 5%;
}

.contants li  .right {
    font-weight: 400;    width: 95%;
}


.brand_as {
    margin-top: 30px; margin-left:50px; position: relative;  text-align: center;    width:900px;
}
.brand_as li { margin-top: 30px; position: relative; text-align:left;
    }

.brand_as .name{
        font-size: 22px; font-weight: 500; color: #106eb8; height:25px; line-height: 1.5em;
    }
.brand_as .no{
        font-size: 21px; font-weight:400; color: #445576; margin-top: 10px;  margin-bottom: 10px;
    }

.brand_as .txt {
        margin-top: 10px; margin-bottom: 20px;
        font-size: 18px;
        background-color: #f4f4f4;
        display: block;
        padding: 20px;
        text-align: left;  line-height: 1.5em;
    }


.brand_as .btn-link {
        background-color: #106eb8;
        color: #fff;
        font-size: 18px;
        margin-top: 25px;
        text-align: center; padding:10px;
        font-weight: 300; line-height: 1.5em;

    }


.sub-link {padding:65px 0 20px;}
.sub-link .link { text-align: center;  }
.sub-link .link li { display: inline; }
.sub-link .link li a {padding: 0 15px;color: #333;background: url(/images/d3/modern_simple/common/bull_bbs_hd_link.gif) no-repeat left center; font-size:16px; }
.sub-link .link li.last a { background-image: none; }




/* FAQ°Ë»ö Æû */
.sub-contants .faq-tit { padding-bottom:5px; font-size:18px; color:#202020; font-weight:bold }
.sub-contants .faq-search { height:110px; text-align: center; border: 1px solid #d8d8d8; background:#fff }
.sub-contants .search-wrap { margin:30px auto 0; position:relative; width:812px }
.sub-contants .search-wrap .keyword input { padding-left:10px; width:483px; height:28px; line-height:28px; border:1px solid #ddd }
.sub-contants .search-wrap .select-category { width:183px; height:32px; font-size:14px; color:#7b7b7b; border:1px solid #ddd }
.sub-contants .search-wrap .btn-submit { width:118px; height:30px; font-size:13px; line-height:30px }



.sub-box { margin-top: 50px;}
.sub-box ul{ gap:50px;  padding: 0 150px;   font-size: 21px; line-height: 21px;}
.sub-box ul li{ text-align: center; }
.sub-box .gray_box {  width:320px; height: 110px; border :0px solid #999;
    margin : 75 auto 0px; display:block; align-items: center; justify-content: top;
    background-color: #e5e5e5; position :relative;
}

.sub-box .tit{display: block;  font-weight:600; padding:18px 0 }
.sub-box .price{ display: block; width:240px; height :40px; background-color:#fff;
    text-align: center; justify-content: center; padding-left:10px; vertical-align: middle;}

.sub-box {margin: 34px auto 43px auto; width:1000px;}
.sub-box table {background-color:#fff;  margin:10px 0 15px 0;}
.sub-box h2 {text-align:left; font-size:20px; margin:0 0 10px 0;}
.sub-box p {text-align:left; font-size:20px; margin:10px 0 10px 0; color:#fff;}
.sub-box th,
.sub-box td { padding: 6px 0; text-align: center; border: 1px solid #d7d7d7; }
.sub-box th { background-color: #efefef; }
.sub-box th {font-size: 20px; font-weight: 600; line-height: 40px;}
.sub-box td {font-size: 20px;line-height: 25px; padding:20px 0;}

.sub-box td .txt {
        color: #333;
        padding: 10px;
        font-size: 18px;
        background-color: #f4f4f4;
        display: block;
         line-height: 1.5em; text-align: center;
}

.sub-box td .btn-link {
        background-color: #106eb8;
        color: #fff;
        font-size: 18px;
        margin-top: 25px;  margin-bottom: 25px;
        text-align: center; padding:10px 20px 10px 20px;
        font-weight: 300; line-height: 1.5em;

    }

.sub-box .logo_info { font-size: 20px; line-height: 25px; }

.sub-contants  .contants  .msg-box {text-align: center;
    background-color: #eee; margin-top:20px;
    padding: 25px 0;}


/* BASIC css end */