@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-bg { background: none;}
	.wrapper .inner { width:auto; max-width: 1000px; }
}

@media screen and (min-width:1000px) {
	.wrapper-bg { background: url(img/wrapper-bg.png) no-repeat 50% 0;}
}


@media screen and (max-width:999px) {
	body,p,a,a:link,a:visited,a:hover,a:active,input { font-size: 14px; font-family: Helvetica, Verdana, 'Microsoft YaHei','\5FAE\8F6F\96C5\9ED1', Tahoma, Geneva, sans-serif;}
	#top-nav .languages-nav { float: none; position: static; }
	#top-nav { background: #444;}
	#top-nav .wp-menu .menu-item a { border: 0; color: #999; background: none;}
	#top-nav .languages-nav .wp-menu .menu-item a:hover { color: #f2f2f2;}
	#header { background: #fff;}
	#header .header { padding:0; margin:0px;}
	#header .logo {float: none;}
	#header .logo img { height: 54px;}

	#header .nav {float: none; margin: 0; }
	#header .nav-role {padding: 5px 0; background: #d8d8d8;}
	#header .logo {float: none; display: inline-block; padding: 12px 0;}
	#search { display: none;}
	#nav-switch { display: block;}
	.search-bar, .roles-nav {float: none; margin: 0 6px; }
	.search-bar { padding-left: 0; height: 30px; overflow: hidden;}
	.search-bar .wp_search { height: 30px; line-height: 30px; margin-right: 30px; position: relative;}
	.search-bar .wp_search #keyword,.search-bar .wp_search table { width: 100%; }
	#keyword {padding:5px 2px; border: 0; border-radius: 0; overflow: hidden; font-size: 16px;}
	.search-bar .wp_search .search { position: absolute; display: block; width: 32px; height: 30px; right: -30px; top: 0px; border:0; outline: 0; border-radius: 0; overflow: hidden;}
	.roles-nav .wp-menu .menu-item { margin-left:4px; height: 16px; line-height: 16px; margin-top: 4px;}
	.roles-nav .wp-menu .i1 { margin-left: 0;}
	.roles-nav .wp-menu .menu-item .split{ display: none;}
	.main-nav-bar .main-nav .wp-menu { float: none; padding: 0; background: none;}
	#nav { display: none; margin: 0; padding: 0;}
	#nav .main-nav { margin: 0; padding: 0; background: none;}
	#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; padding-left: 20px;}
	#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;}

	#focus .focus-title-bar { right: 2%; bottom: 4%;}
	/**main**/
	.main-wrap { background: #fff;}
	
	.main-side,
	.section-left,
	.section-right,
	.left-side { float: none; width: auto;}
	.wp-post { margin: 0 6px;}
	.wp-post .post-head { background: #f2f2f2;}
	.wp-post .post-head .post-name { font-size: 16px;}
	.wp-post .post-body { margin: 7px 0;}

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

	/**info**/
	.info-wrap { margin: 0 20px;}
	
	/**login**/
	.img-links { display:none;}
	.img-links-mobile { display:block; margin-bottom:15px;}
	.logins { width:100%;}
	.logins .input, .logins .sel { margin-top:12px; display:block; width:auto; height:auto; border:0; padding:0; margin:0 10px; margin-top:10px; text-align:center;}
	.logins .switch { height:30px;  background: url(img/select-icons.png) no-repeat -10px -116px;}
	.logins .up {background-position: -10px -68px;}
	#loginSelect { display:none; width:100%; height:33px; line-height:33px; border:1px solid #ccc; color:#555; border-radius:3px;}
	.logins .input input { width:100%; border:1px solid #ccc; text-indent:5px; border-radius:3px; background:#fff; height:33px; line-height:33px; font-size:16px; color:#555;}
	.logins .sbt input,.logins .sbt a { display:block; text-align:center; width:80px; height:31px; line-height:31px; color:#fff; font-size:16px; background:#af61aa; border:1px solid #9b4f96!important; border-radius:3px;}
	.logins .input input:focus,.logins .sbt a:focus,#loginSelect:focus { box-shadow:0 0 5px #b153ab;}
	.logins .sbt input { height:33px;}
	.sbt_r,.sbt_l { width:auto; float:left; margin-left:5px;}
	.sbt { margin:10px 0; margin-left: 130px;}
	.logins .sel { top: 80px; border: 1px solid #666;}
	#mailname { line-height:30px;}
	.logins .sel .mailslist {width: 118px;}
	.logins .sbt_l a { width:105px;}
}

@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; color: #f2f2f2}
	#column-switch { display: block;}
 	.col-menu-list { display: none;}

 	.column-path-bar { height: auto;}
 	.column-path-bar .column-title { display: none;}
 	.column-path,.column-path .path-list { float: none;}
 	.column-path .path-list-title { display: none;}
 	.column-anchor { background: #555; text-indent: 10px;}
 	.column-anchor .anchor-title { color: #a2a2a2; background: none; padding: 6px 0; text-indent: 10px;}
	/**info**/
	.info-wrap {margin: 0 10px;}
	.info-box { float: none; width: 100%;}
	.info-box .article { margin: 0 auto; margin-top: 10px; padding: 0;}
	.article h1.arti-title { font-size: 18px;}
	.info-box .column-path { padding: 5px; background: #eee;}
	
}

@media screen and (max-width:639px) {
	
	.article .arti-metas,.article h1.arti-title { text-align: left;}
}

@media screen and (max-width:479px) {
	#top-nav .wp-menu { margin:0 3px;}
	#top-nav .wp-menu .menu-item a { padding: 0 3px;}
	.article .arti-metas .arti-editor,.article .arti-metas .arti-from { display: none;}
	.info-wrap {margin: 0 6px;}
	#focus .focus-title-bar { visibility: hidden;}
}

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

	.main-wrap .wp-post .post-body { width: auto; margin: 0 6px;}
	.img-links-mobile .img-link { margin:0 3px}
	.img-links-mobile .img-link a{display:block; text-align:center; color:#8f438a;}
	.img-links-mobile .img-link img { max-width:100%; vertical-align:top;}
	.img-links-mobile .img-link h3 { font-size:14px; font-weight:normal; height:28px; line-height:28px;}

}