@charset "utf-8";
/* CSS Document */
.street_beat,.street_row,.beat,.beat_titbg1,.beat_titbg2,.beat_titbg4,.beat_titbg3  {width:100%;}
.beat_info {width:99%;}
@media all and (min-width:310px) and (max-width:510px) {
.focus,.focus_tabinfo .focus_pic,.focus_pic img,.fashion,.fashion_top{width:99%;}	
.focus .focus_tabtit {width:30%;}
.focus .focus_tabinfo {width:69%;}
.focus .focus_tabinfo {float:right; padding-left:0;}
.focus .focus_tabtit .focus_date,.fashion_bot,.beat_info .beat_infobg {width:100%;}
.fashion_bot .fashion_botex1,.fashion_bot .fashion_botex2  {width:98%;}
.fashion_bot .fashion_botex1 li {width:49%; padding-left:0;padding-right:0;}
.fashion_botex2 .botex_l {width:58%;}
.fashion_botex2 .botex_r {width:40%;float:right; padding-left:2px;}
.fashion_bot .fashion_botex2,.fashion_botex2 .botex_r,.fashion_botex2 .botex_r ul,.fashion_botex2 .botex_r img {overflow:hidden;}
.fashion_botex2 .botex_r li {height:160px;}
.beat_info li {width:48%;}
.beat_info .beat_pic,.beat_info h1,.beat_info span {width:100%;}
.beat_info h3 {text-align:left;float:right;}
.beat_info {height:auto;}
.beat_info h2 {width:20%;}
}
@media all and (min-width:511px) and (max-width:610px) {
.focus,.fashion,.fashion_top,.fashion_bot {width:99%;}
.focus .focus_tabtit  {width:15%;}
.focus .focus_tabinfo {width:80%;float:right;}
.focus_pic img {width:360px;}
.fashion_top {background: url(titbg_fashion1.jpg);}
.beat_info li  {width:33%;}
}
@media all and (min-width:611px) and (max-width:810px) {
.focus {width:43%;}
.fashion {width:55%;}
.focus .focus_tabtit {width:30%;}
.focus .focus_tabtit .focus_date,.focus_tabinfo .focus_pic,.fashion_top,.fashion_bot{width:100%;}
.focus .focus_tabinfo {width:69%;}
.focus_pic img {width:160px;}
.focus .focus_tabinfo,.fashion_top .fashion_tit { padding-left:2px;}
.fashion_top .fashion_tit,.fashion_top .fashion_tex,.fashion_tex h1{width:99%;}
.fashion_bot .fashion_botex1 li {width:46%; padding:0;}
.beat_info li  {width:24%;}
.beat_info h3 {text-align:left;}
.fashion_botex2 .botex_r {width:100px;}
.fashion_botex2 .botex_r li { height:156px;}
}
@media all and (min-width:811px) and (max-width:910px) {
.focus {width:42%;}
.fashion {width:56%;}
.focus .focus_tabtit  {width:28%;}	
.focus .focus_tabinfo {width:71%;float:right;padding-left:0;}
.beat_info li {width:25%;}
}
@media all and (min-width:911px) and (max-width:959px) {
.focus {width:43%;}
.fashion {width:52%;float:right;}
.focus .focus_tabtit {width:25%;}	
.focus .focus_tabinfo {width:74%;float:right;padding-left:0;}
.fashion_top {width:98%;}
.beat_info li {width:20%;}
.logo img {width:95px;}
}
@media all and (min-width:300px) and (max-width:800px) {
.myadv  {display:block;width:100%; height:100%;}
 #Adv,#Div22{display:none;width:0;height:0;}
}