@charset "utf-8";
/* CSS Document */

.news {
    margin: 0 auto;
}

.img2 {
    width: 88%;
    float: left;
    padding-top: 2%;
    padding-bottom: 1%;
}

.img3 {
    width: 12%;
    float: left;
    padding-top: 2%;
    padding-bottom: 1%;
}

.main {
    text-align: center;
    padding-bottom: 70px;
}

.text {
    width: 31%;
    height: 100%;
    text-align: left;
    float: left;
}

.main .text .img {
    border-radius: 25px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
}

.main .text p {
    width: 100%;
    line-height: 20px;
    font-size: 20px;
    color: #216DAB;
    font-weight: bold;
    padding: 5% 0% 0% 0%;
}

.main .text a {
    color: #216DAB;
    width: 5%;
    line-height: 13px;
    font-size: 13px;
}

.main .text .main {
    /*font-size:15px;*/
    height: 100%;
    /*上 右 下 左*/
    padding: 8px 0px 15px 0px;
    text-align: justify;
    letter-spacing: 2px;
}

.footer {
    margin: 0 auto;
    width: 100%;
    background: url(/Images/Rec/1-21.png);
    background-position: center;
    color: #808080;
    font-size: 18px;
    background-size: cover;
    background-repeat: no-repeat;
    height: 100px;
    float: left;
}

.footer ul {
    list-style-position: inside;
    width: 60%;
    margin: 0 auto;
    height: 100%;
}

.footer ul li {
    width: 100%;
    line-height: 50px;
    letter-spacing: 3px;
    color: #535353;
}

#oder_customized{
            width:500px;
        }



@media (min-width: 1240px) and (max-width: 1470px) {
    .footer {
        font-size: 16px;
    }

        .footer ul li {
            letter-spacing: 2px;
        }


}

@media (min-width: 1152px) and (max-width: 1240px) {
    .footer {
        font-size: 14px;
    }

    .footer ul li {
        line-height: 40px;
        letter-spacing: 2px;
    }
}

@media (min-width: 960px) and (max-width: 1151px) {
    .footer {
        font-size: 14px;
    }

        .footer ul li {
            line-height: 30px;
            letter-spacing: 2px;
        }
}

@media (min-width: 768px) and (max-width: 959px) {

}

@media (min-width: 641px) and  (max-width:768px) {
    .footer {
        font-size: 14px;
    }

    .footer ul {
        width: 70%;
    }

    .footer ul li {
        line-height: 30px;
        letter-spacing: 2px;
    }
}

@media screen and (max-width:640px) {
    .footer {
        font-size: 14px;
    }

    .footer ul {
        width: 80%;
    }

    .footer ul li {
        line-height: 30px;
        letter-spacing: 1px;
    }
    #oder_customized{
            width:100%;
        }
}