
.mobile_mod_head,
.mobile_nav .nav_mobile_select{
display:none;
}

/* 表格版面  0px 到 480px */

@media screen and (min-width: 0px) and (max-width: 1000px){

.content {
width:100%;
}

.mobile_mod_head{
display:block;
clear:both;
border:0pt solid #0000ff;
overflow:auto;
}

.main_content{
width:100%;
overflow:auto;
}

/* mod_name */

.mobile_mod_name{
float:right;
border: 0px solid #0000ff;
}

.mobile_mod_name a{ 

  display:block;

  margin:10px 10px 10px 10px ;
  padding:5px 10px 5px 10px;

  color:#ffffff;
  background-color: #0CB0EF;
  border: 0px solid #cccccc;
  
}

.mobile_mod_name a:hover{

  color:#347299;
	background-color: #ffffff;	
	border: 1px solid #0CB0EF;	
  
	font-weight:bold;
	
} 

/* left nav td */

.sideMenu-leftBox , .left_nav_item_line{

display:none;

}

.mobile_nav{
border: 0px solid #0000ff;
overflow:auto;
}

.mobile_nav .left_nav_item{

float:left;
margin:10px 5px 5px 10px ;
padding:5px 10px 5px 10px;

color:#4d4d4d;
text-align:center;

	background-color: #EAEAEA;
	border: 1x solid #cccccc;

background-image:none;

}

.mobile_nav .left_nav_item:hover {
	color:#80A402;
}

.mobile_nav .left_nav_item.nav_mark {

background-color: #ffffff;
border: 1px solid #0CB0EF;

background-image:none;

	color:#347299;
	font-weight:bold;
  
  padding:4px 10px 4px 10px;
  
}

}

/* 表格版面  0px 到 480px */

@media screen and (min-width: 0px) and (max-width: 475px){

.mobile_nav .nav_mobile_button{
display:none;
}

.mobile_nav .nav_mobile_select{
display:block;
float:left;
margin:10px 5px;
}

.mobile_nav .nav_mobile_select select{
min-width:140px;
min-height:30px;
}

div.album div.album_item_wrap{
width:49%;
margin:0px 0px 5px 0px;
}

}

/* 表格版面 481px 到 786px */

@media screen and (min-width: 476px) and (max-width: 768px){

}

/* 桌面版本 789px 到 1024 */

@media screen and (min-width: 769px) and (max-width: 1000px){

}
