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

body { text-align:justify; font-size:13px; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; color:#333;}

.container { width:950px; margin:0 auto; }

.banner { width:100%; float:left; border:#666 solid 2px;}

.main-div { width:100%; float:left; margin-top:10px;  padding: 5px; border-radius: 5px 0px;}

.main-div-img {display:block; float:left; border:#CCC solid 2px;}
.main-div-img1 {display:block; float:right; }
.main-div-txt { width:678px; float:right; }




.main-div-rht { width:99%; float:left; margin-top:10px;  padding: 5px; border-radius: 5px 0px;}

.main-div-img-rht { display:block; float:right; border:#ccc solid 3px;}

.main-div-txt-rht { width:680px; float:left; border-left: 2px solid #ccc;
padding-left: 7px;}
 .bx-m{width: 65%;
float: left;
padding-left: 10px;}

 .bx-m2{ width:60%; float:right; }
 .bx-m3{width: 51%;float:left;}
   .bx-m4{width: 45%;float:right;}
@media only screen and (min-width:300px) and (max-width: 480px)
{
.bx-m {
    width: 99%;
    float: left;
    padding-left: 0;
}
.main-div-txt, .bx-m3, .bx-m4{  width: 99% !important;}
.main-div-img, .main-div-img-rht{
    width: 100%;
}
.bx-m2 {
    width: 100%;
    float: right;

}
}