body {
    margin: 0;
}

img {
    border: 0;
}

.w100 {
    width: 100%;
}

.w95 {
    width: 95%;
}

.w90 {
    width: 90%;
}

.w85 {
    width: 85%;
}

.w80 {
    width: 80%;
}

#wrapper {
    width: 1280px;
    margin: 0px auto 0px;
}

#main_frame {
    width: 1280px;
}

#sky_frame {
    position: relative;
    width: 1280px;
    height: 405px;
    margin: 20px 0px;
    background-image: url(./../img/PC_sky_back.jpg);
}

#sky_text {
    text-align: center;
    padding-top: 130px;
}

#sky_left {
    position: absolute;
    top: 160px;
    left: 50px;
}

#sky_right {
    position: absolute;
    top: 160px;
    right: 50px;
    z-index: 1;
}

.sky_image {
    display: inline-block;
    width: 560px;
    height: 230px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    box-shadow: 5px 5px 15px -5px rgba(0, 0, 0, 0.8);
    -moz-box-shadow: 5px 5px 15px -5px rgba(0, 0, 0, 0.8);
    -webkit-box-shadow: 5px 5px 15px -5px rgba(0, 0, 0, 0.8);
}

#sky_right:hover img {
    opacity: 0.66;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}

.white_cover {
    display: block;
    position: absolute;
    width: 560;
    height: 230;
    top: 160px;
    left: 670px;
    z-index: 0;
}

.white_image {
    display: inline-block;
    width: 560px;
    height: 230px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}

#soccer_frame {
    width: 1278px;
    border: solid 1px;
    border-color: #b3b3b3;
    padding: 25px 0px;
}

#soccer_image {
    text-align: center;
    margin-bottom: 20px;
}

#u16_text {
    text-align: right;
    margin-right: 25px;
}