.body {
}

.wrapper {
    box-sizing: border-box;
    width: 90%;
    margin: auto;
    max-width: 22.22rem;
}

html[xmlns] .clearfix-time {
    display: block
}



th {
    font-style: normal;
    font-weight: 400
}

h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight: 400
}

ol, ul {
    padding-left: 0;
    list-style: none
}

.clearfix-time {
    display: block;
    zoom: 1
}

    .clearfix-time:after {
        content: '\20';
        display: block;
        clear: both;
        visibility: hidden;
        line-height: 0;
        height: 0
    }


.about2 {
    padding-bottom: 3.5rem
}

    .about2 .tit {
        text-align: center
    }

    .about2 ul {
        height: 53rem;
        background: url(../../assets/img/about_dev/JP_2.png) repeat-y center;
        background-size: contain;
    }


.img_icon-rightcut {
    width: 0.65rem;
    height: 0.46rem;
    margin-top: -6px;
}


.about2 li:nth-child(1) {
    margin-top: 2.3rem;
}



.about2 li:nth-child(2n) {
    float: left;
    width: 45%;
    text-align: right;
    position: relative;
    margin-top: 3.43rem;
}

.about2 li {
    float: right;
    width: 45%;
    text-align: left;
    position: relative;
    margin-top: 4.9rem;
}

/*.span {
    display: inline-block;
    color: green;
    font-size: 20px;
}*/


.container_width {
    max-width: 22.22rem !important;
}

.page-header {
    height: 5.48rem !important;
    padding: 0;
}

.page-header-bg:before {
    background-color: transparent !important;
}

.about_us__top_title {
    font-size: 0.518rem;
    font-family: TaipeiSansTCBeta-Bold;
    font-weight: bold;
    color: #2C3740;
    line-height: 0.98rem;
}



.tit_box {
    background-color: #E14525;
    height: 1rem;
    width: 2.7rem;
    margin-left: 8.4rem;
}

.bom_box {
    background-color: #E14525;
    height: 1rem;
    width: 2.96rem;
    margin-left: 8.3rem;
}

.tit_txt {
    color: #ffffff;
    font-size: 0.35rem;
    font-family: TaipeiSansTCBeta-Bold;
    line-height: 1rem;
    letter-spacing:2px;
}


.img {
    height: 3.7rem;
    margin-left: -1rem;
    margin-top: -1rem;
}

.img_right {
    height: 3.7rem;
    margin-left: 1.85rem;
    margin-top: -1.3rem;
}

.div_text {
    line-height: 0.37rem;
    margin-top: 0.185rem;
    margin-left: 0.55rem;
}

.div_text_right {
    line-height: 0.37rem;
    /*margin-top: 0.185rem;
    margin-left: 0.55rem;*/
}

.div_text_span1 {
    font-family: NotoSansSC-Regular;
    font-size: 0.3rem;
    color: #E04622;
}

/*.div_text_span1_one {
    font-family: NotoSansSC-Regular;
    font-size: 0.55rem;
    color: rgba(224, 70, 34, 1);
}*/

.div_text_span2 {
    font-family: NotoSansSC-Regular;
    color: #333333;
    font-size: 0.3rem;
    white-space: nowrap;
    line-height: 0.5rem;
}

.txt_nm {
    font-size: 0.55rem;
    font-weight:bold;
}

.new_dev_div {
    background: url(../../assets/img/about_dev/JP_5.png) no-repeat;
    height: 61rem;
    background-size: 100%;
}

.old_dev {
    display: block;
}

.new_dev {
    display: none;
}

@media only screen and (min-width: 0px) and (max-width: 768px) {

    .about2 ul {
        height: 31.8rem;
        background: url(../../assets/img/about_dev/JP_2.png) repeat-y center;
        background-size: contain;
    }

    .about2 li:nth-child(1) {
        margin-top: 3.1rem;
    }



    .tit_box {
        background-color: rgba(224, 70, 34, 1);
        height: 1rem;
        width: 3rem;
        margin-left: 4.3rem;
    }

    .img {
        height: 2.22rem;
        margin-right: 3.7rem;
    }

    .img_right {
        height: 2.22rem;
        margin-left: 3.1rem;
        margin-top: -3.66rem;
    }

    .div_text {
        /*text-align: left;*/
        line-height: 0.28rem;
    }

    .div_text_span1 {
        font-family: NotoSansSC-Regular;
        font-size: 0.18rem;
        color: rgba(224, 70, 34, 1);
    }

    .txt_nm {
        font-size: 0.33rem;
    }

    .div_text_span2 {
        font-family: NotoSansSC-Regular;
        color: rgba(44, 55, 64, 1);
        font-size: 0.18rem;
        white-space: nowrap;
    }

    .tit_txt {
        color: rgba(255, 255, 255, 1);
        font-size: 0.35rem;
        font-family: NotoSansSC-Regular;
        line-height: 1rem;
    }

    .new_dev_div {
        background: url(../../assets/img/about_dev/JP_5.png) center no-repeat;
        height: 22rem;
        background-size: contain;
    }

    .old_dev {
        display: none;
    }

    .new_dev {
        display: block;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {

    .about2 ul {
        height: 31.8rem;
        background: url(../../assets/img/about_dev/JP_2.png) repeat-y center;
        background-size: contain;
    }

    .about2 li:nth-child(1) {
        margin-top: 3.1rem;
    }



    .tit_box {
        background-color: rgba(224, 70, 34, 1);
        height: 1rem;
        width: 3rem;
        margin-left: 4.3rem;
    }

    .img {
        height: 2.22rem;
        margin-right: 3.7rem;
    }

    .img_right {
        height: 2.22rem;
        margin-left: 3.1rem;
        margin-top: -3.66rem;
    }

    .div_text {
        /*text-align: left;*/
        line-height: 0.28rem;
    }

    .div_text_span1 {
        font-family: NotoSansSC-Regular;
        font-size: 0.18rem;
        color: rgba(224, 70, 34, 1);
    }

    .txt_nm {
        font-size: 0.33rem;
    }

    .div_text_span2 {
        font-family: NotoSansSC-Regular;
        color: rgba(44, 55, 64, 1);
        font-size: 0.18rem;
        white-space: nowrap;
    }

    .tit_txt {
        color: rgba(255, 255, 255, 1);
        font-size: 0.35rem;
        font-family: NotoSansSC-Regular;
        line-height: 1rem;
    }

    .new_dev_div {
        background: url(../../assets/img/about_dev/JP_5.png) center no-repeat;
        height: 31rem;
        background-size: contain;
    }

    .old_dev {
        display: none;
    }

    .new_dev {
        display: block;
    }
}