@charset "utf-8";
/* CSS Document */
.login_bar{display:none; height:0;width:0;}
.head_info,.material_body,.navigation,.material_foot,.material_info,.keyword_bg    {width:100%;}
.material { min-width:100%;}
.page_foot,.page_foot span {width:99%;}
@media all and (min-width:310px) and (max-width:410px) {
.logo{margin-left:100px;} 
.logo,.head_link,.left_info{width:98%;}
.head_link { padding-top:15px;}
.nav_col1 { padding-left:145px;}
.keyword_tit {width:30%;}
.keyword_tex {width:69%;}
.m_left,.m_class_info .m_tabtit ,m_class_info .m_tabinfo,.m_location  {width:96%;}
.m_class,.m_class_tit,.m_info,.r_tit,.r_comments,.r_bot,.m_class_info,.m_class_info .m_tabinfo     {width: 98%;}
.m_right,.m_sort {float: left;width:99%;}
.m_class_tit {height: 50px;background: url(/Content/images/shoes/left_tit_bg101.jpg);}
.m_row1,.m_row2,.keyword {width:100%;}
.m_info_l {width:5%;}
.m_info_r {width:89%;padding-left:1px;}
.m_row1 {height:60px;}
.m_info {height:160px;}
.m_info_l img { width:92px;}
.r_tit,.r_comments,.r_describe {padding-left:100px;}
.r_price {text-align:center;}
.r_describe {width:70%;}
.m_class_tit h1{ padding-top:20px;padding-left: 59px;}
.list_page_left1,.list_page,.list_page_left   {width:100%;}
.list_page_left {text-align:left;}
.r_tit {font-size:13px;}
.page_foot { height:137px;}
}
@media all and (min-width:411px) and (max-width:610px) {
.logo{margin-left:140px;}
.keyword,.m_row1,.m_row2,.list_page,.r_tit,.r_comments,.r_bot,.r_price,.r_but  {width:100%;} 
.keyword_tit {width:18%;}
.keyword_tex {width:81%;}
.keyword {padding-left:0;}
.m_left {width:42%;padding-right: 1px;}
.m_right {width:56%;}
.list_page_left1 {width:70%;}
.list_page_left2 {width:11%;}
.list_page_left3,.list_page_left4  {width:8%;}
.list_page_left  { padding-left:2px;text-align:left;}
.today {display:none; height:0;width:0;}
.m_location ,.m_sort{width:98%;padding-left:30px;}
.m_row1 { height:auto;}
.list_page  { height:64px;}
.m_info,.keyword_tex ul {width:99%;}
.m_info_l  {width:10%;}
.m_info_r {width:89%;padding-left:0px;}
.r_describe {width:80%;}
.r_tit,.r_comments,.r_bot,.r_describe  {padding-left:80px;}
.m_info { height:200px;}
.r_tit {border-bottom:0;}
.r_price,.r_but  {text-align:left;}
.page_foot { height:107px;}
.keyword_tex li {padding-right: 4px;}

}
@media all and (min-width:611px) and (max-width:760px) {
.nav_col1 { padding-left:150px;} 
.m_row1,.m_row2,.m_location,.m_sort,.m_info   {width:100%;}
.logo {width:31%;}
.head_link {width:68%;float:right;}
.page_foot { height:97px;}
.list_page { padding:0; width:100%; height:64px;}
.list_page_left1 {width:68%;}
.list_page_left2 {width:11%;}
.list_page_left3,.list_page_left4  {width:8%;}
.m_left {width:28%;padding-right: 12px;}
.m_right {width:70%;}
.m_location,.m_sort,.m_row2 {padding-left:60px;}
.m_row1 { height:60px;}
.m_info_l {width:15%; }
.m_info_r {width:83%;}
.r_tit,.r_comments,.r_bot  {width:90%;padding-left:40px;}
.r_describe{width:70%;padding-left:40px;}
.m_info,.m_info_l {height:168px;}
.r_price {text-align:left;}
.search_bar {display:none;width:0;height:0;}
.list_page_left4 {padding-left:1px;}
.list_page_left {text-align:left;}
}
@media all and (min-width:761px) and (max-width:860px) {
.m_left {width:20%;padding-right: 12px;}
.m_right {width:71%;}
.page_foot { height:87px;}
.list_page { padding:0;}
.list_page_left {padding-left:0;text-align: left;}
.m_row1,.m_row2,.m_info {width:100%;}
.m_location {width:40%;}
.m_sort {width:59%;}
.m_info_l {width:10%;}
.m_info_r {width:85%;}
.m_row1 { height:60px;}
.r_tit,.r_comments,.r_bot {padding-left:60px;}
.r_describe{width:70%;padding-left:60px;}
.r_but {width:90%;text-align:left; }
.m_info{height:164px;}
}
@media all and (min-width:861px) and (max-width:940px) {
.search_bar,.info_row3_col3,.info_row4_col3 {float:right;}
.nav_col1  { padding-left:150px;}
.keyword,.info_row3_col1,.info_row4_col3  { padding-left:0;}
.keyword {width:58%;}
.today {width:41%;}	
.today_icon,.info_row3_col3,.info_row4_col2  { padding-left:1px;}
.keyword_tit {width:10%;}
.keyword_tex {width:89%;}
.m_left  {width:15%;}
.m_class,.m_info {width: 98%;}
.m_right {float:right;width:78%;}
.page_foot { height:80px;}
.m_row1,.m_row2,.r_bot  {width:100%;}
.m_location {width:34%;}
.m_sort {width:60%;}
.m_location ,.m_row2 {padding-left:20px;}
.m_info_l {width:20%;}
.m_info_r {width:78%;}
.r_price,.r_but {text-align:left;}
.r_price {width:45%;}
.r_but {width:54%;}
.r_describe {width:95%;}
}
@media all and (min-width:310px) and (max-width:800px) {
#Adv,.myadv  {display:block;width:100%; height:100%;}
}