@charset "UTF-8"; 
/**
 * [xLarge Screen for PC]
 * >=1200
 */
@media screen and (max-width: 1390px) {
.search-panel.panel-98 {display: block;}
.panel-99 {display: none;}
}

/**
 * [Large Screen for PC & Pad]
 * 1100~1199
 */
@media screen and (max-width: 1199px) {
.main-nav-panel .menu .menu-item {width: 12.5%; text-align: center;}
.main-nav-panel .menu .menu-item a.menu-link {padding: 0;}
.navlist .navlist-li {width: 12.5%;}
.sudyCalendar .thuimg .month .day li {width: 3.15%;}
.container .inner {padding: 0 4px; overflow: hidden;}
.news_list .news .news_title {width: 72%;}
.link .inner {padding: 0 4px;}
.botlinks .links-wrap .links-box .link-items {right: 0; margin: 0;}
.post2 .news_list .news .news_title {width: 100%;}
.post2 .news_list .news .news_meta {display: none;}
.list .container, .info .container {padding: 30px 0;}
.list-page-3 .container .inner {margin: 0 2.5%;}
.post2 .con {padding: 8px 10px 25px 8px;}
}

/**
 * [Mine Screen for PC]
 * 1000~1199
 */
@media screen and (max-width: 1099px) {
.menu .menu-item .menu-switch-arrow {right: 10px;}
.sudyCalendar .thuimg .month .day li {width: 3.1%;}
#container1 .inner {padding: 10px 6px 44px 6px;}
.mod_1 {width: 48%; margin: 0;}
.mod_2 {width: 48%; float: right; margin: 0;}
.mod_3 {width: 48%; margin: 0; clear: both; margin-top: 20px;}
.mod_4 {width: 48%; margin-top: 20px;}
.news_list .news .news_title {width: 80%;}
.column-news-list-sub .cols_list .cols .cols_box {margin: 0 25px;}
.column-news-list-sub .cols_list {margin: 0 -25px;}
}
/**
 * [Medium Screen for Pad]
 * 801~999
 */
@media screen and (max-width: 999px) {
.main-nav-panel .menu .menu-item a.menu-link {padding: 0 4px;}
.focus-navigation {visibility: hidden;}
.column-menu {width: 100%; float: none; margin: 0;}
.column-news {float: none;}
.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 span {padding: 6px 0 6px 25px; background: url(../images/colbg.png) 98% center no-repeat;}
.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;}
.logo-panel {margin-left: 5px;}
.menu .menu-item .menu-switch-arrow {right: 0;}
.navlist .sub-item a {margin-left: 20px;}
.mod_1 {margin-top: 30px;}
.list .container, .info .container {padding: 25px 0;}
.column-head .column-anchor h3.anchor-title {width: auto;}
.column-list-wrap li.selected a.selected span {background: url(../images/colbgh.png) 98% center no-repeat;}
.list-page-3 .column-news .column-news-box {margin: 0;}
.arti-info-box {margin: 0;}
.column-info {width: 100%; margin: 20px 0 0 0;}
.post2 .news_list .news .news_title {width: 80%;}
.post2 .news_list .news .news_meta {display: block;}
.icon-code {margin: 20px 15px 0 0;}
}

/**
 * [Small Screen for Smart Phone and Mini Pad]
 * 480~800
 */
@media screen and (max-width: 800px) {
body, p {font-size: 16px;}
a {font-size: 16px;}
.header .inner {margin: 0 6px;}
.header {padding: 0; background: #930093;}
.navi .menu {display: none;}
.navi-slide .navi-slide-head {display: block; padding: 0 10px; height: 40px;}
.navi-slide .menu {background: #fff;}
.navi-slide .menu .menu-item {display: inline-block; float: none; position: relative; z-index: 100; width: 100%; padding-left: 0px; text-align: left; border-bottom: 1px solid #eee}
.navi-slide .menu .menu-item .menu-switch-arrow {display: block; width: 38px; height: 38px; position: absolute; right: 6px; top: 1px; background: url(../css/img/icons.png) no-repeat 10px -116px;}
.navi-slide .menu .menu-item a.menu-link {display: block; padding: 0 20px; height: 40px; line-height: 40px; color: #343434; font-size: 14px;}
.navi-slide .menu .menu-item a.menu-link.hover, .navi-slide .menu .menu-item.hover a.menu-link, .navi-slide .sub-menu .sub-item.hover> a, .navi-slide .sub-menu .sub-item a:hover {text-decoration: none; color: #000; background-color: #eee;}
.navi-slide .sub-menu {display: none; position: relative; left: 0; bottom: 0px; top: 0px; min-width: 0px; z-index: 100; background: #fff; opacity: 0.8;}
.navi-slide .sub-menu .sub-item {position: relative; white-space: nowrap; vertical-align: top; border-bottom: 1px solid #eee; background: #fff;}
.navi-slide .sub-menu .sub-item a {display: block; color: #000; height: auto; line-height: 40px; padding: 0 36px; font-size: 14px; text-align: left; background: none;}
.navi-slide .sub-menu .sub-item a:hover {color: #000; background-color: #eee; display: block;}
.navi-slide .sub-menu .sub-menu {left: 0; top: 0;}
.navi-slide .sub-menu .sub-menu .sub-item a {padding: 0 52px;}
.header .panel {margin: 0; float: none; clear: both; width: auto;}
.header .search-panel {margin-top: 20px;}
.header .logo-panel {position: relative;}
.header .navi-aside-toggle-show {display: block;}
.logo-window {width: auto; margin: 0 40px; padding: 15px 0; text-align: center;}
.logo-window img {width: 100%; max-width: 370px;}
.lang-panel, .top-nav-panel {display: none;}
.info-page .search-panel, .info-page .top-nav-panel, .column-page .search-panel, .column-page .top-nav-panel {display: none;}
.list-meta .column-path, .list-meta .column-title {float: none;}
.list-meta .column-title {display: none;}
.list-meta .column-path {padding-left: 24px; float: left; background: url(img/sitemap-icon.png) no-repeat left center;}
.list-meta .column-path .path-name {display: none;}
.wp_paging .pages_count, .wp_paging .page_jump {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;}
.sudyCalendar .mainWrap {display: none;}
.sudyCalendar .thuimg .imgarrow {margin-top: -19px;}
#container1 .inner {padding: 10px 8px 10px 8px;}
.mod_1, .mod_2, .mod_3, .mod_4 {width: 100%; margin: 15px 0; float: none;}
.post-9 .news_list .news {width: 50%!important; margin-bottom: 10px;}
#container3 {padding: 25px 0 15px 0;}
.post-10 .menu .menu-item {width: 33.3%; margin-bottom: 15px;}
.post-10 .menu .menu-item a.menu-link {min-width: 100%;}
.footer .inner .foot p span a {color: #bbbbb3; font-size: 12px;}
.link {background: #a62fa3; padding: 30px 0;}
.link .inner {padding: 0 12px;}
.icon-code {margin: 20px 30px 0 0;}
.list .container, .info .container {padding: 10px 0;}
.column-news-list-sub .cols_list .cols .cols_box {margin: 0 10px;}
.column-news-list-sub .cols_list {margin: 0 -10px;}
.list-page-3 .column-news .column-news-box .column-news-box-con {padding: 10px 3.3%;}
}

/**
 * [xSmall Screen for Smart Phone]
 * 480~799
 */
@media screen and (max-width: 479px) {
.sudyCalendar .thuimg .imgarrow {background-size: 50%;}
.news_list .news .news_title {width: 76%;}
.post-9 .news_list .news {width: 100%!important;}
.info-box {margin: 0 6px;}
.footer .inner .foot .copyright {display: block;}
.link {padding: 20px 0;}
.link_left {width: 100%; text-align: center;}
.link_right {width: 100%;}
.botlinks .links-wrap {width: 100%;}
.botlinks .links-wrap .links-box a.links-arrow {text-align: center; background: url(../images/link.png) top center no-repeat; padding: 25px 0 0 0;}
.footer .inner {padding: 15px 0;}
.footer .inner .foot p span {line-height: 24px;}
.column-news-list-sub .cols_list .cols {width: 50%;}
.cols_list .cols .cols_title {width: 70%;}
.post2 .news_list .news .news_title {width: 74%;}
.icon-code {width: 100%; margin: 15px auto 0 auto;}
.shares {text-align: center;}
.shares ul {float: none;}
.shares li {margin: 0 15px;}
}

/**
 * [Tiny Screen for Older Phone and Smart Phone]
 * <319
 */
@media screen and (max-width: 319px) {
.top-nav-panel .menu .menu-item a.menu-link {font-size: 14px; height: 28px; line-height: 28px;}
.column-news-list-sub .cols_list .cols {width: 100%;}
}