@CHARSET "UTF-8";

#main-img {
    position: relative; height : 357px;
    overflow: hidden;
    background-image: url(../img/top/photo00.jpg);
    background-repeat: no-repeat;
    text-align: center;
    height: 357px;
}

#main-img .bg {
    position: absolute;
    top: 0;
    left: 0;
}

#main-img #top-message {
    position: absolute;
    top: 34px;
    left: 100px;
    z-index: 999;
}

#main {
    padding-top: 10px;
}

#banners {
    width: 298px;
    float: left;
}

#banners li {
    margin-bottom: 6px;
}

#topics {
    width: 425px;
    margin-bottom: 15px;
    float: right;
}

#topics h2 {
    width: 425px;
    margin-bottom: 6px;
    background-color: #E3D9A3;
    height: 22px;
}

#topics-contents {
    overflow: auto;
    width: 405px;
    height: 270px;
    padding: 10px;
}

#mobile {
    width: 415px;
    float: right;
    background-color: #E3D9A3;
    padding: 5px;
}

#mobile h2,#mobile p {
    float: left;
    width: 300px;
    margin-left: 5px;
}

#mobile h2 {
    margin-top: 5px;
}

#mobile .url {
    color: #841028;
    font-size: 92.3%;
    font-weight: bold;
}

#mobile .description {
    font-size: 76.9%;
}

#mobile .qrcode {
    width: 70px;
    height: 70px;
    float: right;
    padding-left: 30px;
    background-image: url(../img/top/mobile_arrow.png);
    background-position: left 8px;
    background-repeat: no-repeat;
}

p.read{
    padding-top: 8px;
    font-size: 100%;
}