body {
    font-size: 14px;
    line-height: 24px;
    font-family: "微軟正黑體";
    color: #333;
}

.rev_ctnBg {
    width: 100%;
    float: left;
    min-width: 1200px;
    margin: 70px 0 0 0;
}

.rev_ctnBg .left {
    width: 50%;
    float: left;
    background: url(../images/rev_bg_l.png) left top repeat;
}

.rev_ctnBg .left_two {
    width: 50%;
    float: left;
    background: url(../images/rev_bg_b.png) left top repeat;
}

.rev_ctnBg .right {
    width: 50%;
    float: right;
    background: url(../images/rev_bg_r.png) left top repeat;
}

.rev_ctnBg .right_two {
    width: 50%;
    float: right;
    background: url(../images/rev_bg_b.png) left top repeat;
}

.rev_ctnBg .left .rev_ctn {
    width: 580px;
    height: 490px;
    padding: 0 10px;
    float: right;
    position: relative;
    background: url(../images/rev_bg_l2.png) left bottom no-repeat;
}

.rev_ctnBg .left_two .rev_ctn {
    width: 580px;
    height: 490px;
    padding: 0 10px;
    float: right;
    position: relative;
    background: url(../images/rev_bg_b2.png) left bottom no-repeat;
}

.rev_ctnBg .right .rev_ctn {
    width: 580px;
    height: 490px;
    padding: 0 10px;
    float: left;
    position: relative;
    background: url(../images/rev_bg_r2.png) left bottom no-repeat;
}

.rev_ctnBg .right_two .rev_ctn {
    width: -webkit-fill-available;
    height: 490px;
    float: left;
    position: relative;
    background: url(../images/rev_img.png) right bottom no-repeat;
}

/* .rev_ctn {
    padding: 0 10px;
} */

.rev_ctn .img {
    position: absolute;
    top: -70px;
    left: 20px;
}

.rev_ctn .tit {
    font-size: 24px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    padding: 30px 0 0 0;
    font-weight: 600;
}

.rev_ctn table {
    border-bottom: 1px solid #fff;
    margin: 10px auto;
}

.rev_ctn td {
    border-left: 1px dashed #fff;
    border-top: 1px solid #fff;
    padding: 8px 15px;
    color: #fff;
    text-shadow: 0 0 10px #666;
}

.rev_ctn td.title {
    text-align: center;
    background: rgba(0, 0, 0, 0.2);
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    .rev_ctnBg {
        min-width: 1000px;
    }
    .rev_ctn {
        width: 1000px;
        padding: 0;
    }
    .rev_ctnBg .left .rev_ctn,
    .rev_ctnBg .left_two .rev_ctn {
        width: 500px;
        min-height: 490px;
        height: auto;
    }
    .rev_ctnBg .right .rev_ctn,
    .rev_ctnBg .right_two .rev_ctn {
        width: 500px;
        min-height: 490px;
        height: auto;
    }
    .rev_ctn .tit {
        padding-left: 5rem;
    }
}

@media screen and (min-width: 320px) and (max-width: 768px) {
    .rev_ctnBg {
        min-width: 32px;
    }
    .rev_ctn {
        width: 100%;
        padding: 0;
    }
    .rev_ctnBg .left,
    .rev_ctnBg .right,
    .rev_ctnBg .left_two,
    .rev_ctnBg .right_two {
        width: 90%;
        padding: 0 5%;
    }
    .rev_ctnBg .left,
    .rev_ctnBg .right {
        padding: 0 5% 50px 5%
    }
    .rev_ctnBg .right,
    .rev_ctnBg .right_two {
        float: left;
    }
    .rev_ctnBg .left .rev_ctn,
    .rev_ctnBg .right .rev_ctn,
    .rev_ctnBg .left_two .rev_ctn,
    .rev_ctnBg .right_two .rev_ctn {
        width: 100%;
        min-height: 490px;
        height: auto;
    }
    .rev_ctnBg .left .rev_ctn {
        background: url(../images/rev_bg_l2_s.png) left bottom no-repeat;
    }
    .rev_ctnBg .left_two .rev_ctn {
        background: url(../images/rev_bg_b2_s.png) left bottom no-repeat;
    }
    .rev_ctnBg .right .rev_ctn {
        background: url(../images/rev_bg_r2_s.png) left bottom no-repeat;
    }
    .rev_ctnBg .right .rev_ctn .img {
        right: 20px;
        left: auto;
    }
    .rev_ctn .tit {
        padding: 80px 0 0 0;
    }
}