html { overflow-x: hidden  !important; }

body { background:#fff;}



#header, .header, #footer {/* background: #999; font-size: 16px; font-weight: bold; color: #fff;*/ /*text-align: center; padding: 0 50px; line-height: 40px; height: 40px; padding: 0 5px; */}



#header a.right, .header a.right { left: auto; right: 10px; }

#header,  #footer { position: fixed; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; }





/* common */

.vk_fixed { position: fixed ; }

.vk_left { float: left !important; }

.vk_right { float: right !important; }

.vk_w_50 { width: 49.90%; }

.vk_margin_top_0 { margin-top: 0px !important; }

.vk_padding_top_0 { padding-top: 0px !important; }

.vk_color_fff { color: #fff; }

.vk_color_fff a { color: #fff; }

a.vk_color_fff { color: #fff !important; }

.vk_color_fff li a { color: #fff; }

.vk_color_333 { color: #333; }

.vk_color_333 a { color: #333; }

.vk_color_333 li a { color: #333; }

.vk_border_none { border: none !important; }

.vk_border_none li { border: none !important; }

.vk_border_none a { border: none !important; }

.vk_bg_none { background: none !important; }

.vk_shadow_none { box-shadow: none !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; }

.vk_shadow_3 { -moz-box-shadow: 2px 2px 3px #999; -webkit-box-shadow: 2px 2px 3px #999; box-shadow: 2px 2px 3px #999; }

.vk_page { position: relative; }



/* header_common */



#page nav {	display: none; }





#page{

-webkit-transition: left 0.3s ease, right 0.3s ease ; 

-moz-transition: left 0.3s ease, right 0.3s ease ; 

transition: left 0.3s ease, right 0.3s ease ;

}



#header { 

 position: fixed; width: 100%; height:46px; line-height:46px;  z-index: 99;   background:url(images/vk_header.png) repeat-x;  opacity:.96; filter:alpha(opacity=96);/* border: 1px solid #269; */ border: none ;  margin-left: 0px; top: 0; left: 0%; padding-top:3px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; 



-webkit-transition: left 0.3s ease, right 0.3s ease ; 

-moz-transition: left 0.3s ease, right 0.3s ease ; 

transition: left 0.3s ease, right 0.3s ease; 



}



#content, .content { padding: 20px; }

#content { padding: 0px; padding: 40px 0 60px 0; margin: 0px;/* background:#fff;*/ }





#footer {

 position: fixed; width: 100%; height:50px; z-index: 99;  background: url(images/vk_footer.png) repeat-x; opacity:.96; filter:alpha(opacity=96);/* border: 1px solid #269; */ border: none; margin-left: 0px;  bottom: 0; left: 0%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; 



-webkit-transition: left 0.3s ease, right 0.3s ease ; 

-moz-transition: left 0.3s ease, right 0.3s ease ; 

transition: left 0.3s ease, right 0.3s ease ;

}



html.mm-opened #header, html.mm-opened #footer  { margin-left: 0px; left: 0%;  }

html.mm-opening #header, html.mm-opening #footer {  margin-left:-65px;  left: 100%;  }







 @media all and (min-width: 500px) {



html.mm-opening #header { left: 500px; }

html.mm-opening #footer { left: 500px; }

}



@media only screen and (-webkit-min-device-pixel-ratio: 1.3),

       only screen and (min--moz-device-pixel-ratio: 1.3),

       only screen and (min-resolution: 200dpi) {

/*

html.mm-opened #header, html.mm-opened #footer  {left: 20%;  }

*/

html.mm-opening #page {left:80%;  }

html.mm-opening #header {left: 80%;  top: 0; margin-left:0px;  }

html.mm-opening #footer {left: 80%;  bottom: 0; margin-left:0px;  }

	   }



/* header */



.vk_header_left { float: left ; width:15%; display:inline; }

.vk_header_middle { float:left ; width:70%; display:inline; text-align:center; padding-top:5px; }

.vk_header_right { float: right ;width:14.5%; display:inline;  }





.vk_header .vk_menu, .vk_header .user_fun { overflow: hidden; }

.vk_header .vk_menu a#vk_menu_icon { display: block; width: 40px; height: 40px; position: absolute; top: 5px; left: 5px; }

.vk_header .vk_menu .vk_logo { display: block; width: 170px; height: 40px; margin:0 auto; /* position: absolute; top: 5px; left: 50px;*//*width: 100px; height: 50px;*/ }



.user_fun li { float: right; padding: 5px 5px 10px 5px; }

.user_fun li a, .nav .icon_edit a { display: block; width: 28px; height: 28px; line-height: 2000px; overflow: hidden; /*  background-size: 28px 28px; */ }

.user_fun a.icon_userinfo { background: url(images/vk_fun_icon_user.png) no-repeat; background-size: 28px 28px; }

.user_fun a.icon_threadlist { background: url(images/vk_fun_icon_forum.png) no-repeat; background-size: 28px 28px; }

.user_fun a.icon_search { background: url(images/vk_fun_icon_search.png) no-repeat; background-size: 28px 28px; }

.user_fun a.icon_hotthread { background: url(images/vk_fun_icon_hot.png) no-repeat; background-size: 28px 28px; }



.nav .icon_edit a { background: url(images/vk_fun_icon_edit.png) no-repeat; background-size: 28px 28px; }

.user_fun a.icon_userinfo:hover, .user_fun .on a.icon_userinfo { background-position: 0 0; }

.user_fun a.icon_threadlist:hover, .user_fun .on a.icon_threadlist { background-position: 0 0; }

.user_fun a.icon_search:hover, .user_fun .on a.icon_search { background-position: 0 0; }

.user_fun a.icon_hotthread:hover, .user_fun .on a.icon_hotthread { background-position: 0 0; }

.nav .icon_edit a:hover { background-position: 0 0; }

.vk_navbar { display: block; width: 100%; height: 40px; }

.newMessage { color: #fc0; }







/* grid 4: 25/25/25/25 */

.vk_grid_4 { clear: left; }

.vk_grid_4 li { width: 24.925%; display: inline-block; margin: 0; padding: 0; border: 0; float: left;  }

.vk_grid_4 li { text-align:center; height:50px; line-height: 80px;/*76px; border-right:1px solid #1a71a3; */ background: none  /*url(images/nv_li.png) no-repeat 100%  0 */; }

.vk_grid_4  li:nth-child(4) { width: 25%; margin-right: -.5px;  background: none; }

.vk_grid_4 li a { display:inline-block; width:100%; height:100%; font-size:10px; color:#fff; font-weight:normal; text-shadow:none; }





	/* no word */

	/*	.vk_grid_4 li a {  text-indent:9999px;  }

	*/	



/* icon */

.icon_msg { position: absolute;background: url(images/icon_msg.png) no-repeat; width:10px; height:10px; display:block; top:5px; left:65%;  background-size: 10px 10px; }



.vk_icon {}

.vk_icon_back { background: url(images/vk_icon_back.png)  no-repeat 50% 12%;  background-size: 28px 28px; }

.vk_icon_home { background: url(images/vk_icon_home.png)  no-repeat 50% 12%;  background-size: 28px 28px;}

.vk_icon_bbs { background: url(images/vk_icon_bbs.png)  no-repeat 50% 12%;  background-size: 28px 28px; }

.vk_icon_userinfo  { background: url(images/vk_icon_userinfo.png)  no-repeat 50% 12%;  background-size: 28px 28px; }









/* panel */





#menu { padding-left:0px !important;}

	/* ios7 bg */

	#menu { background:#333 url(images/vk_menu_bg.png) repeat-y 0% 30%;}
	#header{ background:#333 url(images/titlebg.png) repeat-x 0% 30%; height:45px;}

#menu  ul { padding-left:0px !important;}

#menu  li { text-indent:40px;}

#menu  li a {color:#fff; line-height:30px; padding-top:6px; padding-bottom:6px; }





.vk_icon_menu_home { background: url(images/vk_icon_menu_home.png) no-repeat 6% 50%; background-size: 20px 20px; }

.vk_icon_menu_bbs { background: url(images/vk_icon_menu_bbs.png) no-repeat 6% 50%; background-size: 20px 20px; }

.vk_icon_menu_hot { background: url(images/vk_icon_menu_hot.png) no-repeat 6% 50%; background-size: 20px 20px; }

.vk_icon_menu_fav { background: url(images/vk_icon_menu_fav.png) no-repeat 6% 50%; background-size: 20px 20px; }

.vk_icon_menu_thread { background: url(images/vk_icon_menu_thread.png) no-repeat 6% 50%; background-size: 20px 20px; }

.vk_icon_menu_pm { background: url(images/vk_icon_menu_pm.png) no-repeat 6% 50%; background-size: 20px 20px; }

.vk_icon_menu_profile { background: url(images/vk_icon_menu_profile.png) no-repeat 6% 50%; background-size: 20px 20px; }

.vk_icon_menu_computer { background: url(images/vk_icon_menu_computer.png) no-repeat 6% 50%; background-size: 20px 20px; }

.vk_icon_menu_logout { background: url(images/vk_icon_menu_logout.png) no-repeat 6% 50%; background-size: 20px 20px; }



.vk_icon_menu_pic { background: url(images/vk_icon_menu_pic.png) no-repeat 6% 50%; background-size: 20px 20px; }





/* ios7 */

.vk_icon_menu_home , .vk_icon_menu_bbs , .vk_icon_menu_hot, .vk_icon_menu_fav , .vk_icon_menu_thread, .vk_icon_menu_pm, .vk_icon_menu_profile, .vk_icon_menu_computer, .vk_icon_menu_logout , .vk_icon_menu_pic  { background-size: 30px 30px; }





  .mm-menu .mm-list > li.mm-selected > a:not(.mm-subopen),

  .mm-menu .mm-list > li.mm-selected > span {

    background-color:#181818; }





.mm-list > li:not(.mm-subtitle):not(.mm-label):not(.mm-noresults):after {  margin-left:0 /*20px*/; }







/* forum */





.vk_pic_hd { }

.vk_pic_hd img { max-width: 60px; max-height: 60px; margin:3px 0; }





	.wp {}

	.wm { margin:0 10px; }

	.bm { margin-bottom: 10px; }

	.bm_c { padding: 0 10px; }



	.bm_h .o { float: right; width: 31px; }

		.bm_h .o img { float: right; cursor: pointer; padding-top:5px; }

	.bm_h .i { padding-left: 10px; }

	.bm_h .pn { margin-top: 4px; }

	.bm_h { height: 36px; background: url(images/titlebg.png) repeat-x left bottom; line-height: 36px; white-space: nowrap; overflow: hidden;  border-radius: 5px  5px 0 0 ; }

	.bm_h h2 { height: 36px; background: url(images/titlebg.png) no-repeat left top; border-radius: 5px  5px 0 0 ; }

	.bm_h:hover {/* background: url(images/titlebg.png) repeat-x left -40px;*/ }

	.bm_h h2 a { display:block; margin:0 31px 0 10px; padding-left:10px; font-size:18px; line-height:36px; font-weight:400; color:#fff; }



	.sub_forum {  border-radius: 5px  5px 5px 5px;}



.vk_forum { background: #FFF; border: 1px solid #EDEDED; border-top: 0; border-radius:5px 5px 5px 5px; }

.vk_forum li { height: 60px; border-bottom: 1px solid #ccc; overflow: hidden; padding-left: 0px; }

.vk_forum li img { float: left; /*min-height: 40px; */  max-height: 50px; display: inline-block; margin: 5px 10px 0 0;}

.vk_forum li:last-child { border-bottom: none; }

.vk_forum li a { display: block; }

/*

	.vk_sub_forum li .num { background:#35A3E6; color:#FFF; float: right; font-size: 14px; height: 25px; line-height: 25px; margin-top: 7px; padding: 0 10px;border-radius:10px; }

*/	



.vk_forum_title {height:16px; line-height:16px; overflow:hidden; font-size:1.125em; color:#333; padding:0; margin:7px 0 3px 0; letter-spacing:1px;}

.vk_forum_time {height:14px; line-height:14px; overflow:hidden; font-size:10px;color:#aaa; padding:0;  letter-spacing:1px;}

.vk_forum_span {height:14px; line-height:14px; overflow:hidden; font-size:12px;color:#aaa; padding:0;  letter-spacing:1px;}

.vk_forum_count { width:auto; padding:0 4px; height:12px; line-height:10px; text-align:center; background:#69c;  border-radius: 16px; font-size:10px;color:#fff;  }



/*-- threadlist --*/



.vk_thread_type { }

.vk_thread_type a {  display: inline-block; background:#fff !important; border:1px solid #ccc; padding:1px 5px; margin:2px 2px; text-align:center; font-size:12px; color:#555; -moz-border-radius:20px; -webkit-border-radius:20px; border-radius:20px; } 







.vk_threadlist li a { display: block; padding: 3px 5px 5px 5px; font-size: 16px; line-height: 25px; }

.vk_threadlist li h2.vk_pic_thread_title { height: 40px; line-height: 20px; padding: 0px; margin: 0px; font-size: 16px; overflow: hidden; }

.threadlist p a { padding-left: 0px; }

.threadlist .num { position: absolute; right: 10px; bottom: 20px; padding: 0 0 0 18px; font-size: 12px; color: #ccc; font-weight: normal !important; }





.vk_threadlist_pic { float:left;  width:100%; height:auto;  clear:both;}

.vk_threadlist_pic li { float:left; width:47.5%; height:165px; overflow:hidden;  margin:3px 3px; display: inline-block; padding:0px; border:1px solid #ccc; background:#fff;  }

.vk_threadlist_pic li a {padding: 3px 3px 0px 3px; }

.vk_threadlist_pic li:nth-child(2n) { float:right; }



.vk_threadlist_pic li img { max-width: 146px; max-height: 110px; overflow:hidden; margin:0px 3px 0px 0px; padding:0px; }

.vk_threadlist_pic li .vk_threadlist_pic_title { width: 100%; height:50px; overflow:hidden; /* background:#eee; */ border-top:1px solid #eee; padding: 0px; margin:0px;  }

.vk_threadlist_pic li h2 { width: 100%; height:14px; line-height:14px;   overflow:hidden;  padding: 0px 0px; font-size: 12px; color:#888; }

.vk_threadlist_pic li .by { display:inline; height:12px; line-height:12px;   padding: 0px; font-size: 10px; color:#888; }



	

/*----- viewthread -----*/

	/*width:32px;height:32px; */

	.plc .avatar img{ border:1px solid #D7D7D7; padding:1px; border-radius:20px; }



/* max-width:500px !important; max-height:500px !important;*/

/*

	.plc .pi .message img,.plc .pi .img_one img { margin:0px 4px 0px 0; max-width:140px; max-height:140px; }



*/ 

	.plc .pi .message img,.plc .pi .img_one img { margin:0px 4px 0px 0; /*width:100%; height:100%; */max-width:140px; max-height:140px; }