/* sub default */
.sub_top{height: 579px;}
.h1_hr{height: 1px; width: 80px;border: none; border-top: 1px solid;margin: 30px auto;}
.section_div > section{padding: 50px;}
.table_ul{display: table;width: 100%;}
.table_ul li{display: table-cell;float: none;vertical-align: middle;width: 50%;}
.table_ul .li1{padding-right: 1%;}
.table_ul .li2{padding-left: 1%;}
.sec_common_h2{margin-bottom: 30px;}
.sec_common_h2 span{color: #737c9a;}
.p_custom1{color: #d1837e;margin: 40px 0 20px 0;}
/* sub default */
.section_div > section *{text-align: center;}
.section_div > .sec1-common{padding: 0;}

.sec7 li{width: 50%;}
.sec7 .li1 p span{color: #f56ea9;}
.sec7 .li2 p span{color: #6f7ae3;}

.sec7 li a{position: relative;color: #fff;border-radius:50px;padding: 30px 140px 30px 50px;font-weight: bold;font-size: 30px;margin-top: 25px;}
.sec7 li a span{position: absolute;background: #fff;width: 78px;height: 78px;border-radius:50%;font-size: 16px;right: 30px;top: 50%;margin-top:-39px;padding-top: 22px; }
.sec7 .li1 a{background: #f56ea9;}
.sec7 .li2 a{background: #6f7ae3;}
.sec7 .li1 a span{color: #f56ea9;}
.sec7 .li2 a span{color: #6f7ae3;}
.sec7 li .p_20{line-height: 28px;}

.sec1-4{position: relative;}
.sec1-4 .a-1{position: absolute;top: 64%;left: 23%;width: 54%;height: 28%;}

.sec1-2{position: relative;}
.sec1-2 .a{position: absolute;}
.sec1-2 .a-1{top: 74%;left: 60%;width: 29%;height: 8%;}
.sec1-2 .a-2{top: 83%;left: 60%;width: 29%;height: 8%;}


.sec1-4{position: relative;}
.sec1-4 .a{position: absolute;}
.sec1-4 .a-1{top: 37%;left: 73%;width: 15%;height: 4%;}
.sec1-4 .a-2{top: 56%;left: 73%;width: 15%;height: 4%;}

@media only screen and (max-width: 1023px) {
    /* sub default */
    .sub_top{height: 300px;background-size:cover;}
    .h1_hr{margin: 20px auto;}
    .section_div > section{padding: 20px;}
    /* sub default */

    .sec7 li a{font-size: 22px;padding: 30px 120px 30px 50px;white-space: nowrap;}
    .sec7 li a span{font-size: 14px;width: 60px;height: 60px;margin-top: -30px;padding-top: 15px;}
}
@media only screen and (max-width: 767px) {

    .sec7 li{width: 100%;}
    .sec7 .li1{padding-bottom:20px;border-bottom: 1px solid #ddd; }
    .sec7 .li2{margin-top:20px; }


}
@media only screen and (max-width: 640px) {
    .sub_top_txt_in h1{font-size: 23px;}
    .sub_top{background-position: 53% 0;}

    .sec7 li p br{display: block;}

    .sec1-4 .a-1{top: 73%;left: 3%;width: 94%;height: 21%;}

    .sec1-2 .a-1{top: 53%;left: 52%;width: 41%;height: 6%;}
    .sec1-2 .a-2{top: 59%;left: 52%;width: 41%;height: 6%;}

    .sec1-4 .a-1{top: 31%;left: 57%;width: 29%;height: 4%;}
    .sec1-4 .a-2{top: 49%;left: 57%;width: 29%;height: 4%;}
}