@charset "UTF-8";
/**
 * 
 * @authors Nat Liu (fliu@sudytech.com)
 * @date    2014-11-10 12:40:20
 * @version 2014-11-10 12:40:20
 */
@media screen and (min-width: 0px) {

	.wrapper .inner { width: auto; max-width: 980px; }
}

@media screen and (min-width:980px) {

}


@media screen and (max-width:979px) {
	#top-nav .languages-nav { float: none; position: static; }
	#top-nav { background: #444; padding: 4px 0;}
	#top-nav .wp-menu .menu-item a { border: 0;}
	#top-nav .languages-nav .wp-menu .menu-item a:hover { color: #f2f2f2;}

	#header .header { padding: 21px 0; margin:0 13px;}
	.logo img { height: 38px;}
	#search { display: none;}
	#nav-switch { display: block;}
	#nav { display: none;}
	#nav .main-nav { margin: 0;}
	#nav .main-nav .menu-item { float: none; background: #333;}
	#nav .main-nav .menu-item a { display: block; padding: 0 40px 0 10px; overflow: hidden; height: 40px; color: #eee; line-height: 39px; border-bottom: 1px #555 solid;}
	#nav .main-nav .menu-item a:hover,
	#nav .main-nav .opened a.menu-link { color: #eee; background: #777;}
	#nav .main-nav .menu-switch-arrow { display: block; width: 40px; height: 40px; position: absolute; right: 0; top: 0; background: url(img/bu2.png) no-repeat 50%;}
	#nav .main-nav .opened .menu-switch-arrow { background-image: url(img/bu2_.png);}
	#nav .main-nav .wp-menu .menu-item ul.sub-menu { width: 100%; padding: 0; margin: 0; position: static; background: #fff;}
	#nav .main-nav .wp-menu .menu-item ul.sub-menu li.sub-item { float: none; margin: 0; padding: 0; width: 100%; background: #f8f8f8;}
	#nav .main-nav .wp-menu .menu-item ul.sub-menu li.sub-item a { border-bottom: 1px solid #ccc; height: 35px; line-height: 34px; color: #555; background: none;}
	#nav .main-nav .wp-menu .menu-item ul.sub-menu li.sub-item a:hover { border-color: #aaa; color: #B92F0F; background: #f5f5f5;}
	#nav .main-nav .wp-menu .menu-item ul.sub-menu li.sub-item ul li a { padding-left: 30px;}
	#nav .main-nav .wp-menu .menu-item ul.sub-menu li.sub-item ul li ul li a { padding-left: 40px;}

	/**main**/
	.panel-column { padding-left: 0; float: none;}
	.main-wrap .wp-post { width: 100%;}
	.main-wrap .wp-post .post-head { background: #f1f1f1; height: 32px; line-height: 32px; border-bottom: none;}
	.wp-post .post-head .post-name .name-text { padding-left: 10px;}
	.wp-post .post-head .post-more a { height: 32px; background: url(img/bu2.png) no-repeat 50%;}
	.wp-post .post-head .post-more a:hover { background: url(img/bu2_.png) no-repeat 50% 50%;}
	.main-wrap .post-news .post-body { width: 256px; margin: 0 auto;}
	.main-wrap .post-links .post-body {margin: 0 auto;}

	.logo-address { float: none; width: auto;}
	.bottomlinks { float: none; width: auto; padding-left: 105px; text-align: left; margin-top: 10px;}

	/**list**/
	.column-read { margin: 10px}
	.col-menu { width: 190px; margin-right: -190px;}
	.col-menu-box { width: 180px;}
	.col-news-list { margin-left: 190px;}

	/**info**/
	.info-wrap { margin: 0 20px;}
}

@media screen and (max-width:767px) {

	.orbit-wrapper .orbit-caption { left: 0; bottom: 0; background: none; padding: 0;}
	.orbit-wrapper .orbit-caption h1 { display: block; float: none; margin: 0; padding: 0; text-indent: 6px;}

	/**list**/
	.column-read { margin: 0; margin-bottom: 10px;}
	.col-news-con { float: none; width: auto; margin: 0 10px;}
	.col-news-list { margin: 0;}
	.col-menu { float: none; margin:0px auto; width: 100%;}
	.col-menu-box { float: none; margin: 0 auto; width: 100%;}
	.col-menu-wrap li a { background-color: #f2f2f2; border-bottom: 1px solid #ddd; border-top: 1px solid #fff;}
	.col-menu-wrap li a:hover { background-color: #555; text-decoration: none;}
	#column-switch { display: block;}
 	.col-menu-list { display: none;}
 	.column-anchor { background-color: #555; text-indent: 10px;}
 	.column-anchor .anchor-title { color: #a2a2a2;}
	/**info**/
	.info-wrap {margin: 0 10px;}
	.info-box { float: none; width: 100%;}
	.info-box .article { margin: 0 auto; padding: 0;}
	.col-img {  float: none; margin: 0 auto; width: 198px;}
	.col-img .col-img-box { margin:20px auto; background: #eee;}
	.info-box .column-path { padding: 5px; background: #eee;}
}

@media screen and (max-width:639px) {

	.logo-address img{ display: none;}
	.bottomlinks {padding-left: 35px;}
}

@media screen and (max-width:479px) {
	#top-nav .wp-menu { margin:0 3px;}
	#top-nav .wp-menu .menu-item a { padding: 0 3px;}

	.logo-address,.bottomlinks {padding: 0 10px; }
	.column-read { margin: 10px 6px;}
	.info-wrap {margin: 0 6px;}
}

@media screen and (max-width:319px) {

	.main-wrap .wp-post .post-body { width: auto; margin: 0 6px;}
	.col-img { width: 98%; max-width: 198px; }

}