@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 (max-width:999px) {

	#header .header,#header .inner,.nav .sub-menu-wrap {width: 100%; left: 0; margin: 0;}
	#header .sites-links { display: none;}
	#header .site-logo img{ height: 70px;}
	#header .inner_bg,#header .site-logo { height: 61px; float: none;}
	#topnav .topnav { padding-right: 0px;}
	.search-bar { right: 5px; left: 530px; top: -34px; z-index: 10;}
	.search-box { left: 0; right: auto; width: 100%; position: static; display: block;}
	
	#search-arrow{ display: none;}
	#nav { display: none;}
	#nav-switch { display: block;}
	#nav,#nav .main-nav .wp-menu { height: auto;}
	#nav .main-nav .wp-menu { float: none; padding: 0; background: none; }
	#nav .main-nav .menu-item { float: none; background: #333; height: auto; display: block; position: relative;}
	#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(imgs/bu2.png) no-repeat 50%;}
	#nav .main-nav .opened .menu-switch-arrow { background-image: url(imgs/bu2_.png);}
	#nav .main-nav .sub-menu-wrap { position: static; left: 0; top: 0; height: auto;}
	#nav .main-nav .wp-menu .sub-menu-bg { display: none;}
	#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 { display: block; height: auto; 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-wrap .mainWrap { width: 100%; margin: 0 auto; position: relative;}
	.nenuimg-nav { width: 100%; left: 0; margin: 0;}
	.nenuimg-nav .nenuimg-year { width: 78px;}
	.nenuimg-nav .nenuimg-month { margin-left: 78px;}
	.nenuimg-nav .nenuimg-month ul li a span { padding: 0 10px;}
	/**main**/
	.main-wrap { background: #fff;}
	.section-1 { padding-bottom: 7px; margin-top: 0;}
	.wp-post { margin-bottom: 10px;}
	.main-inner { padding: 10px 0;}
	.section .grid-2,
	.section .grid-1,
	.section .grid{ float: none; width: 650px; margin: 0 auto;}
	.wp-post .post-head,
	.wp-post .post-head .post-more a{ height: 36px; line-height: 36px;}

	.wp-post .post-head .post-name { border-left: 3px solid #279ac1; padding-left: 5px;}
	.post-7 .news-item { border-top: 0;}
	.e-links .wp-post .post-body { padding: 15px 10px;}
	.e-links .sub-menu .sub-item a { height: 26px; line-height: 26px; padding: 0 13px;}
	
	.section-3 .wp-post .post-head { height: 46px; line-height: 46px;}
	.section-3 .wp-post .post-head .post-more a { height: 34px; line-height: 34px;}
	.section-3 .wp-post .post-head .post-name { border-left: none; padding-left: 0;}
	.section-3 .dec-24hours { display: none;}
	.nenu24hours { width: auto; height: auto; margin: 0 auto;}
	.nenu24hours li.hour-item { margin: 0; padding: 0; float: left; width: 24.99%; height:144px; position: static;}
	.nenu24hours li.hour-item a { width: 96%; height: 96%;}
	.nenu24hours li.item-9 { display: none;}
	/*foot*/
	.footer-nav-left,.footer-nav-right { display: none;}
	#footer .footer-box { float: none; margin: 0 auto;}
	
	#foot p span { display:block; text-align:center;}
	/**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;}
	.article .entry { margin: 0 6px;}
	

	.main #foot { }
	.main #foot .inner {padding:10px 0px; background:none;}
	.main #foot .foot-left {float:none; margin-left:0px;line-height:26px; text-align:center}
	.main #foot .foot-right {display:none}
}

@media screen and (max-width:767px) {
	.float-ad-div { display: none;}
	#header .site-logo img{ height: 60px;}
	#header .inner_bg,#header .site-logo { height: 51px;}
	.search-bar { right: 36px; left: 400px;}
	#nav-switch { top: 11px;}
	.section .grid-2,
	.section .grid-1,
	.section .grid-2 .grid-left,
	.post-7 .item-1,
	.section .grid-2 .grid-right,
	.post-7 .item-2,
	.section .grid { float: none; width: auto;}
	.wp-post .post-body { margin: 7px 6px;}
	.wp-post .post-head { background: #f2f2f2; padding: 0 6px;}
	.wp-post .post-head .post-name { font-size: 18px; padding: 0 6px;}
	.wp-post .post-head .post-more a { padding: 0 10px; text-align: center;}
	
	.post-4 .news-item .news-thumb { width: 100px; max-height: 100px; margin-top: 4px; float: left; overflow: hidden;}
	.post-4 .news-item .news-thumb img { width: 100%; max-width: 100%; min-height: 60px;}
	.post-4 .news-item h4,.post-4 .news-item p { margin-left: 110px; margin-top: 0;}
	.post-4 .post-head .post-more { display: block;}
	.post-5 .post-head { display: none;}
	.post-5 .item-2 { margin-top: 7px;}
	.news-item p { margin-top: 0;}
    .nenuimg-nav .nenuimg-year { width: 68px;}
	.nenuimg-nav .nenuimg-month { margin-left: 68px;}
	.nenuimg-nav .nenuimg-month ul li a span { padding: 0 5px;}
	.e-links .wp-post .post-body { padding: 10px 7px;}
	.e-links .sub-menu .sub-item a { height: 26px; line-height: 26px; padding: 0 8px;}
	.nenu24hours li.hour-item { height:114px;}
	.footer-logo img { width: 164px;}
	/**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;}
	#topnav { position:relative; padding-top: 123px;}
	#topnav .inner { position:absolute; width:100%; left:0; right:0; bottom: 37px; background:#1787AD;}
	#topnav .topnav li { padding-left: 7px;}
	#topnav .topnav li .quicklink-i2 { margin-left:5px;}
    #topnav .site-logo img{ height: 51px;padding: 15px 0px 0px 0px;}
}

@media screen and (max-width:639px) {
	.search-bar { right: 76px; left: 108px;}
	#topnav .topnav { padding-right: 0px;height: auto;float: left;width: 100%;}
	#header .site-logo a { left: 10px;}
	#topnav .site-logo img{ height: 53px;}
	#topnav .site-logo { height: 52px;width: 300px;float: left;}
	#header .inner_bg { height: 41px;}
	
	#nav-switch { top: 6px;}
	.nenuimg-nav { position:relative; left: 0; top: 0; height: auto;}
	.nenuimg-nav .nenuimg-year { top: -32px; width: 16.66%; height: 32px; line-height: 32px; font-size: 20px;}
	.nenuimg-nav .nenuimg-month { margin: 0;}
	.nenuimg-nav .nenuimg-month .nenuimg-bg { background: #ECECEC; opacity: 1;}
	.nenuimg-nav .nenuimg-month ul li { width: 16.66%;}
	.nenuimg-nav .nenuimg-month ul li a { color: #1A94BD; border-bottom: 1px solid #fff;}
	.nenuimg-nav .nenuimg-month ul li.noimg a,.nenuimg-nav .nenuimg-month ul li.noimg a:hover{ color:#767676;}
	.nenuimg-nav .nenuimg-month ul li a span { padding: 0; display: block; text-align: center;}
	.nenuimg-nav .nenuimg-month ul,.nenuimg-nav .nenuimg-month { height: auto; float: none;}
	.nenu24hours li.hour-item { height:94px;}
	.footer-logo img { width: 154px;}
	.article .arti-metas,.article h1.arti-title { text-align: left;}
}

@media screen and (max-width:479px) {
	#header .site-logo a { left: 4px;}
	#top-nav .wp-menu { margin:0 3px;}
	#top-nav .wp-menu .menu-item a { padding: 0 3px;}
	.nenuimg-nav .nenuimg-year { top: -32px; height: 32px; line-height: 32px; font-size: 20px; width:68px;}
	.search-bar { left: 100px;}
	.search-bar .input-item input { font-size: 16px;}
	.article .arti-metas .arti-editor,.article .arti-metas .arti-from { display: none;}
	.info-wrap {margin: 0 6px;}
	.nenu24hours li.hour-item { height:84px;}
	.footer-logo img { width: 134px;}
	#topnav { padding-top: 177px;}
	#topnav .topnav li { height: 25px; line-height: 25px;}
	#topnav .topnav li.quicklinks { float:left; clear:both; text-align:right;}

}

@media screen and (max-width:319px) {
	#topnav .site-logo img{ height: 49px;}
	#header .inner_bg,#header .site-logo { height: 10px;}
	#nav-switch { top: -34px;}
	.search-bar { left: 66px; right: 46px;}
	.search-bar .input-item input { font-size: 14px;}
	.nenuimg-nav .nenuimg-year { top: -26px; height: 26px; line-height: 26px; font-size: 18px; font-weight: normal;}
	.nenuimg-nav .nenuimg-month ul li.current-month a { font-size:12px;}
	.main-wrap .wp-post .post-body { width: auto; margin: 0 6px;}
	#footer .footer-box { max-width: 100%;}
	.footer-logo img { width: 114px; max-width: 90%;}
	.nenu24hours li.hour-item { width: 49.99%; height:100px;}
	.section-3 .wp-post .post-head .post-name { width: auto; background: none}
	.section-3 .wp-post .post-head .post-name .name-text { display: inline-block;}
	.section-3 .wp-post .post-head .post-more a { padding: 0 4px; font-size: 14px;}
	.section-3 .wp-post .post-head .post-more a span { padding-right: 18px;}

}