@media all and (max-width:480px)
{
.article_bg {
	padding: 0px 0px 10px; margin-bottom: 10px;
}
.share a::before {
	width: 24px; height: 24px;
}
#content_inner .share a::after {
	display: none; content: none;
}
.main_style_item li {
	margin: 14px auto;
}
.main_style_item li::before {
	border-radius: 3px 3px 0px 0px; left: 2%; top: -6px; width: 96%; height: 6px;
}
.main_style_item a {
	padding: 14px 0px 10px; width: 94%;
}
.main_style_item a:hover {
	color: rgb(51, 51, 51); text-shadow: 1px 1px #fff;
}
.download.main_style_item li a {
	margin: 0px auto; width: 94%; padding-bottom: 50px;
}
.download.main_style_item li a:first-child::after {
	top: auto; width: 96%; height: 20px; text-align: center; right: 2%; bottom: 10px; padding-top: 10px; border-top-color: rgb(221, 221, 221); border-top-width: 1px; border-top-style: dotted; display: block; position: absolute; content: "Download"; background-image: none;
}
.download.main_style_item li a:first-child:hover::after {
	color: rgb(224, 72, 56);
}
.explanation {
	text-align: center;
}
.explanation div {
	padding-left: 0px; display: inline-block;
}
.album li {
	width: 50%;
}
.link_block .link_block_inner {
	padding: 0px; border: 0px currentColor; border-image: none; background-color: transparent;
}
.link_block .banner {
	width: 100%;
}
.link_block ul {
	list-style: none !important; margin: 0px; padding: 0px; width: 100%;
}
.link_block li {
	margin: 2px 0px;
}
.link_block li a {
	margin: 0px auto; padding: 10px 0px; border-radius: 3px; width: 100%; text-align: center; color: rgb(85, 85, 85); display: block; background-color: rgb(234, 234, 234);
}
.link_block li a:hover {
	background-color: rgb(240, 240, 240);
}
#content_inner .btn {
	margin: 2px 0px; padding: 8px 0px; width: 100%; text-align: center;
}
.news_box li {
	margin: 8px 0px; width: 100%; float: none;
}
.news_box li a {
	width: 99%;
}
#oka_side_bar {
	display: none;
}
.about_article .active.drop_btn {
	box-shadow: 0px 0px 4px #ddd; background-color: rgb(255, 255, 255);
}
.about_article .drop_btn::before {
	bottom: 14px;
}
.interduce_area {
	width: 100% !important; float: none;
}
.interduce_area::after {
	height: 0px; clear: both; display: block; visibility: hidden; content: "";
}
#hc_area h3 {
	margin-top: 30px;
}
#yl_area h3 {
	margin-top: 30px;
}
.interduce_area .link_block {
	width: 100% !important; margin-bottom: 6px; float: none;
}
.link_block_inner {
	width: 100%;
}
.school .link_block_inner img {
	display: none;
}
.admin .link_block_inner {
	height: auto;
}
.email_inner {
	padding: 0px 0px 4px; margin-bottom: 10px;
}
.email_inner h4.active {
	border-top-color: currentColor; border-right-color: currentColor; border-left-color: currentColor; border-top-width: 0px; border-right-width: 0px; border-left-width: 0px; border-top-style: none; border-right-style: none; border-left-style: none;
}
.email_inner h4::before {
	bottom: 24px;
}
.email_inner li {
	width: 100%; float: none;
}
.email_inner a {
	padding: 10px 0px; font-size: 1.2em;
}
.sitemap .link_block {
	width: 100%;
}
.sitemap .link_block_inner {
	width: 100%;
}
.sitemap .link_block h4 {
	padding: 14px 0px 12px; border-radius: 0px; width: 100%; text-align: left; color: rgb(136, 136, 136); border-bottom-color: rgb(221, 221, 221); border-bottom-width: 1px; border-bottom-style: solid; background-color: transparent;
}
.sitemap .link_block a {
	text-align: left; text-indent: 1em;
}
.frame_logo {
	width: 100%;
}
.frame_logo::before {
	width: 50px; height: 50px;
}
.title h1 {
	font-size: 1.5em;
}
.login_area {
	display: none;
}
.search {
	width: 100%; padding-bottom: 14px; border-right-color: currentColor; border-right-width: 0px; border-right-style: none; float: none;
}
.search_item {
	padding: 0px; width: 100%;
}
.search_item li {
	padding: 2px 0px; width: 33.3%;
}
.search_item a {
	display: none;
}
#all {
	display: none !important;
}
.search_form .tools {
	padding: 10px 0px; width: 100% !important;
}
.postframe .explanation {
	width: 100%; padding-top: 10px; border-top-color: rgb(221, 221, 221); border-top-width: 1px; border-top-style: solid; float: none;
}
.postframe .main_style_item div {
	float: left;
}
.main_style_item .date {
	width: 50%; text-align: center; padding-bottom: 10px; margin-left: 0px;
}
.main_style_item .type {
	width: 50%; text-align: center; padding-bottom: 10px;
}
.main_style_item .subject {
	padding: 10px 0px 6px; width: 100% !important; text-align: center; clear: both; border-top-color: rgb(221, 221, 221); border-top-width: 1px; border-top-style: solid; float: none !important;
}
.main_style_item .hits {
	display: none;
}
.page_area li {
	float: left; display: none;
}
.page_area .ctrl {
	width: 25%; display: block;
}
.page_area .this {
	width: 50%; display: block;
}
.page_area a {
	margin: 0px; font-size: 1.1em;
}
.edit_menu {
	display: none;
}
.people {
	width: 24%;
}
.show_header h2 {
	margin: 15px 0px; width: 76%; line-height: 1.4; float: left;
}
.infomation::before {
	display: none; content: none;
}
.ezshow .share {
	margin-top: 20px;
}
.place {
	text-align: left;
}
.place::before {
	display: none; content: none;
}
.president .fluid-5-2 {
	width: 100%;
}
.president .fluid-5-3 .article_bg {
	width: 100%;
}
#foreign_students_admission h4 {
	text-indent: 0px; padding-left: 40px;
}
.en .oka_tab li {
	width: 100%;
}
.en .oka_tab a {
	margin: 0px auto;
}
.admin.en .link_block_inner {
	height: auto;
}
}
@media all and (max-width:767px) and (min-width:481px)
{
.article_bg {
	padding: 0px 0px 10px; margin-bottom: 10px;
}
.share a::before {
	width: 24px; height: 24px;
}
#content_inner .share a::after {
	display: none; content: none;
}
.main_style_item li {
	margin: 20px auto;
}
.main_style_item li::before {
	border-radius: 3px 3px 0px 0px; left: 1%; top: -8px; width: 98%; height: 8px;
}
.download.main_style_item li a {
	margin: 0px auto; width: 94%; padding-bottom: 42px;
}
.download.main_style_item li a:first-child::after {
	top: auto; width: 96%; height: 20px; text-align: center; right: 2%; bottom: 6px; padding-top: 8px; border-top-color: rgb(221, 221, 221); border-top-width: 1px; border-top-style: dotted; display: block; position: absolute; content: "Download"; background-image: none;
}
.download.main_style_item li a:first-child:hover::after {
	color: rgb(228, 111, 97);
}
.explanation {
	text-align: center;
}
.explanation div {
	padding-left: 0px; display: inline-block;
}
.album li {
	width: 33.3%;
}
.link_block .link_block_inner {
	padding: 0px; border: 0px currentColor; border-image: none; background-color: transparent;
}
.link_block .banner {
	width: 100%;
}
.link_block ul {
	list-style: none !important; margin: 0px; padding: 0px; width: 100%;
}
.link_block li {
	margin: 2px 0px;
}
.link_block li a {
	margin: 0px auto; padding: 10px 0px; border-radius: 3px; width: 100%; text-align: center; color: rgb(85, 85, 85); display: block; background-color: rgb(234, 234, 234);
}
.link_block li a:hover {
	background-color: rgb(240, 240, 240);
}
#content_inner .btn {
	margin: 2px 0px; padding: 8px 0px; width: 100%; text-align: center;
}
.news_box li {
	margin: 8px 0px; width: 100%; float: none;
}
.news_box li a {
	width: 99%;
}
.news_box img {
	margin: 0px 2% 0px 1%; width: 10%;
}
.news_box p {
	width: 87%;
}
#oka_side_bar {
	display: none;
}
.about_article .active.drop_btn {
	box-shadow: 0px 0px 4px #ddd; background-color: rgb(255, 255, 255);
}
.about_article .drop_btn::before {
	bottom: 14px;
}
.interduce_area {
	width: 50% !important;
}
.interduce_area::after {
	height: 0px; clear: both; display: block; visibility: hidden; content: "";
}
#yl_area h3 {
	margin-top: 30px;
}
.interduce_area .link_block {
	width: 100% !important; margin-bottom: 6px; float: none;
}
.school .link_block_inner img {
	display: none;
}
.admin .link_block_inner {
	height: auto;
}
.email_inner {
	padding: 0px 0px 4px; margin-bottom: 20px;
}
.email_inner h4.active {
	border-top-color: currentColor; border-right-color: currentColor; border-left-color: currentColor; border-top-width: 0px; border-right-width: 0px; border-left-width: 0px; border-top-style: none; border-right-style: none; border-left-style: none;
}
.email_inner h4::before {
	bottom: 24px;
}
.email_inner a {
	padding: 15px 0px; font-size: 1.3em;
}
.sitemap .link_block {
	width: 100%;
}
.sitemap .link_block_inner {
	width: 100%;
}
.sitemap .link_block h4 {
	padding: 14px 0px 12px; border-radius: 0px; width: 100%; text-align: left; color: rgb(136, 136, 136); border-bottom-color: rgb(221, 221, 221); border-bottom-width: 1px; border-bottom-style: solid; background-color: transparent;
}
.sitemap .link_block a {
	text-align: left; text-indent: 1em;
}
.frame_logo {
	width: 100%;
}
.login_area {
	display: none;
}
.search {
	width: 100%; padding-bottom: 14px; border-right-color: currentColor; border-right-width: 0px; border-right-style: none; float: none;
}
.search_item {
	width: 100%;
}
.search_item li {
	width: 16.5%;
}
.search_item a {
	display: none;
}
#all {
	display: none !important;
}
.search_form .tools {
	padding: 10px 0px; width: 100% !important;
}
.postframe .explanation {
	width: 100%; padding-top: 10px; border-top-color: rgb(221, 221, 221); border-top-width: 1px; border-top-style: solid; float: none;
}
.postframe .main_style_item div {
	float: left;
}
.main_style_item .date {
	width: 50%; text-align: center; padding-bottom: 10px; margin-left: 0px;
}
.main_style_item .type {
	width: 50%; text-align: center; padding-bottom: 10px;
}
.main_style_item .subject {
	padding: 10px 0px 6px; width: 100% !important; text-align: center; clear: both; border-top-color: rgb(221, 221, 221); border-top-width: 1px; border-top-style: solid; float: none !important;
}
.main_style_item .hits {
	display: none;
}
.page_area li {
	float: left; display: none;
}
.page_area .ctrl {
	width: 25%; display: block;
}
.page_area .this {
	width: 50%; display: block;
}
.page_area a {
	margin: 0px; font-size: 1.1em;
}
.edit_menu {
	display: none;
}
.people {
	width: 20%;
}
.show_header h2 {
	width: 80%;
}
.place {
	text-align: left;
}
.president .fluid-5-2 {
	width: 100%;
}
.president .fluid-5-3 .article_bg {
	width: 100%;
}
.en .oka_tab li {
	width: 100%;
}
.en .oka_tab a {
	margin: 0px auto;
}
.admin.en .link_block_inner {
	height: auto;
}
}
@media all and (max-width:979px) and (min-width:768px)
{
.explanation div::before {
	display: inline-block;
}
.album li {
	width: 20%;
}
.news_box li {
	width: 50%;
}
.news_box img {
	width: 20%;
}
.news_box p {
	width: 74%;
}
.interduce_area {
	width: 100% !important; float: none;
}
.interduce_area::after {
	height: 0px; clear: both; display: block; visibility: hidden; content: "";
}
#hc_area h3 {
	margin-top: 30px;
}
#yl_area h3 {
	margin-top: 30px;
}
.interduce_area .link_block {
	width: 33.3%; float: left;
}
.title h1 {
	font-size: 1.8em;
}
.login_item {
	width: 100%;
}
.search_item {
	width: 93%;
}
}