.common-main {
    padding: 50px 0 80px;
}

.l-wrap {
    width: 100%;
    max-width: 1600px;
    padding: 0 70px;
    margin: 0 auto;
}

/* contact */
.contact-list{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center}
.contact-list .contact-item{width:31%;background:#FFF;box-shadow:0 3px 8px 0 rgba(19,20,21,.17);padding:4%;text-align:center;transition:all .1s linear; margin-top:40px;}
.contact-list .contact-item:hover{box-shadow:0 3px 8px 0 rgba(19,20,21,.25)}
.contact-list .contact-item:hover em{font-size:28px}
.contact-list .contact-item em{background:var(--color);width:50px;height:50px;display:inline-flex;align-items:center;justify-content:center;color:#FFF;font-size:22px;transition:all .2s linear}
.contact-list .contact-item .contact-item-title{font-weight:700;font-size:22px;margin:20px 0px}
.contact-list .contact-item p{margin-bottom:0px;font-size: 16px;line-height: 1.6; text-align:left;word-wrap: break-word;}
.contact-list .contact-item p a{color:var(--fontcolortitle);text-decoration:none;margin-right:10px}
.contact-list .contact-item p a:hover{color:var(--color)}


@media (max-width:768px) {
    
   
    
    .l-wrap {
    padding: 0 15px;
}

.contact-list .contact-item {
	width: 100%;
	margin-bottom: 20px;
	padding: 20px 6%
}
.contact-list .contact-item em {
	width: 40px;
	height: 40px
}
.contact-list .contact-item .contact-item-title {
	font-size: 18px;
	margin: 10px 0px
}

}

.richtext  tr{ border-bottom: 1px solid #c8c8c8;display:block}
.richtext  tr td:first-child{ padding-right:10%}
tr.firstRow1 td{ padding-right:0 !important; }
.richtext img{ max-width:1100px; margin:20px auto; display:block;}
.richtext p{ text-align:justify; line-height:2}
.richtext table{ width:100%;}

.richtext p:nth-child(2) img{ width:100%}


.header img {
    width: 100%;
    display: block;
}
.header{ width:100%; overflow:hidden}

.headertitle {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    text-transform: uppercase;
    font-size: 34px;
    color: #fff;
}

.router {
    top: 10px;
    left: 24px;
    color: #fff !important;
    font-size: 12px;
    line-height: 1.5;
    padding: 10px 0;
    width: 100%;
    position: absolute;
}

*{
    margin:0;
    padding:0;
    box-sizing: border-box;
    list-style: none;
}
a{
    text-decoration: none;
    color: inherit;
}

.relative{
    position: relative;
}
.absolute{
    position: absolute;
}

.flex-center{
    display: flex;
    align-items: center;
    justify-content: center;
}
.flex-space-between{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.flex{
    display: flex;
}

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

svg:not(:root) {
    overflow: hidden;
    display: inline-block;
    fill: currentColor;
    pointer-events: none;
}

.bg-w{
    background-color: #fff;
}

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


@media (min-width: 1800px){
.container123 {
    max-width: 1700px;
    margin-right: auto;
    margin-left: auto;

}
}
@media (min-width: 992px){
.col-lg-6 {
  width: 45%;
    float: left;
    margin-left: 5%;
 

}
}
/* ===== Contact Area CSS ===== */



@media (max-width: 1000px) {
    
    .router{ display:none}
.flex-center p{ font-size:16px;}

}



@media (max-width: 1000px) {
    
    .subnavbox{
        overflow-x: scroll;
        overflow-y: hidden;
    }
    
    .richtext img{ max-width:80%;margin-left:10%}
  
}