/* a kingdom for scss */
.ago_textpic {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    align-items: center;
    max-width:1300px;
    margin:auto;
    position:relative;
}

.ago_textpic p {
    margin:2em 0 2em 0;
}

.ago_textpic .title-line {
    height:6px;
    position:relative;
    width:60px;
    background-color:transparent;
    display:inline-block;
}

.ago_textpic .text, .ago_textpic .pic {
    flex: 0 50%;
}

.ago_textpic.pic_left .pic {
    order:1;
}

.ago_textpic.pic_left .text {
    order:2;
    text-align:right;
}

.ago_textpic.pic_left .maxw {
    display:inline-block;
}

.ago_textpic .pic .img_wrap {
    display:block;
    padding:0 0 0 10%;
    text-align:right;
}

.ago_textpic.pic_left .pic .img_wrap {
    order:2;
    padding:0 10% 0 0;
    text-align:left;
}

.ago_textpic .pic img {
    display:inline-block;
    width:100%;
    max-width:472px;
}

.clear {
    float:none;
    clear:both;
}

.container.ago_fullwidth {
    width:100%;
    max-width:unset;
    margin:auto;
}

.container.ago_fullwidth .blend {
    content: '';
    display:block;
    width:215%;
    right:236px;
    top:-5%;
    position:absolute;
    height:109%;
    z-index:-1;
}

.container.ago_fullwidth.pic_left .blend {

    right:auto;
    top:-5%;
    left:236px;

}

.responsive .container.ago_fullwidth {
    max-width:100%;
}

.ago_textpic .mobile_pic {
    display:none;
}


@media only screen and (max-width: 1480px) {
    .ago_textpic {
        max-width:100%;
    }
}

@media only screen and (max-width: 1200px) {
    .container.ago_fullwidth {
        padding:0;
    }
    .ago_textpic {
        max-width:95%;
    }

    h2 {
        font-size:40px;
    }
}

@media only screen and (max-width: 1023px) {
    .ago_textpic {
        padding:0px!important;
    }
}

@media only screen and (max-width: 767px) {
    .ago_textpic {
        padding:0px!important;
    }

    .ago_textpic .text {
        width:100%;
        padding:0px!important;
        flex:0 100%;
    }

    .ago_textpic .pic {
        display:none;
    }

    .ago_textpic .mobile_pic {
        display:block;
    }
    .container.ago_fullwidth .blend {
        width:150%;
        right:-15%;
    }
    .container.ago_fullwidth.pic_left .blend {
        width:150%;
        left:-15%;
    }

    .avia-section .ago_fullwidth {
        margin-bottom:10%!important;
    }

    #app .ji_detail, #app_ji_list {
        width:114%;
        margin-left:-7%;
    }
}