@charset "UTF-8";
 @-webkit-keyframes menuTop {
 0% {
 top: -60px;
}
 100% {
 top: 0;
}
}
@keyframes menuTop {
 0% {
 top: -60px;
}
 100% {
 top: 0;
}
}
select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
select::-ms-expand {
 display:none;
}
html, body {
	margin: 0;
	padding: 0;
	font-family: "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Helvetica, Arial, sans-serif;
	font-size: 16px;
	color: #2a2a2a;
	line-height: 1.6;
	background-color: #f7f7f7 !important;
	overflow-x: hidden;
	-webkit-font-smoothing: antialiased;
}
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
*:focus {
	outline: #FF0000 dotted 2px!important;
}
h1, h2, h3, h4, h5 {
	margin: 0;
	letter-spacing: 1px;
}
p {
	margin: 0;
	padding: 0;
}
a:focus, a:hover {
	color: #707070;
	text-decoration: none!important;
}
a {
	cursor: pointer;
	outline: 0;
	color: #84bc38;
	border: 0;
	text-decoration: none;
}
img {
	max-width: 100%;
	height: auto;
	border: none;
}
ul, li {
	list-style: none;
	margin: 0;
	padding: 0;
}
ol {
	margin-left: 15px;
}
ol li {
	list-style-type: decimal;
}
button {
	cursor: pointer;
}
legend {
	font-size: 1em !important;
}
.wrap {
	width: 100%;
	max-width: 1170px;
	margin: 0 auto;
}
.wrap:after {
	content: ' ';
	display: block;
	height: 0;
	clear: both;
}
.wrap_second {
	width: 100%;
}
.main-wrap {
	width: 100%;
	border: 1px solid #f5f5f5;
	max-width: 1170px;
	margin: 50px auto 10px;
	background: #fff;
	padding: 0 15px 15px 15px;
}
.main-wrap:after {
	content: ' ';
	display: block;
	height: 0;
	clear: both;
}
.w_15 {
	float: left;
	width: 14%;
}
.w_80p {
	width: 80px;
}
.m-r-185 {
	margin-right: 115px;
}
.pad-10 {
	padding-left: 5px;
	padding-top: 5px;
}
.w_50 {
	float: left;
	width: 50%;
	padding: 5px;
	box-sizing: border-box;
}
.w_55 {
	float: left;
	width: 55%;
	padding: 5px;
	box-sizing: border-box;
}
.w_57 {
	float: left;
	width: 57%;
	padding: 5px;
	box-sizing: border-box;
}
.w_70 {
	overflow: hidden;
	width: 70%;
	float: left;
}
.w_75 {
	width: 75%;
	float: left;
}
.w_20 {
	overflow: hidden;
	width: 20%;
	float: left;
}
.w_80 {
	overflow: hidden;
	width: 80%;
	float: left;
}
.w_25 {
	overflow: hidden;
	width: 25%;
	float: left;
}
.w_75 {
	overflow: hidden;
	width: 75%;
	float: left;
}
.w_25 {
	padding: 0 15px 15px 15px;
	width: 25%;
	float: left;
}
.mp-5 {
	margin-top: 5px;
}
.mp-6 {
	margin-top: 6px;
}
.pad_5 {
	padding: 5px;
}
.w_30 {
	float: left;
	width: 30%;
}
.w_5 {
	float: left;
	width: 5%;
}
.w_10 {
	float: left;
	width: 10%;
}
.w_200p {
	width: 200px;
	float: left;
}
.w_160p {
	width: 160px;
}
.dis-b {
	display: block;
}
.dis-no {
	display: none !important;
}
.rows_wrap .w_25 {
	padding: 0;
}
.rows_wrap .w_20 {
	margin: 0;
	width: 20%;
	float: left;
}
.rows_wrap .w_80 {
	width: 80%;
	float: left;
}
.rows_wrap label {
	height: 30px;
	line-height: 33px;
}
hr.style-m0 {
	margin-top: 0 !important;
}
.mar_tb_5 {
	border: none;
	margin: 5px 0 30px 0;
	color: #bc8938;
}
.w_65 {
	float: left;
	width: 65%;
}
.w_20 {
	float: left;
	width: 20%;
}
.w_40 {
	float: left;
	width: 40%;
}
.w_60 {
	float: left;
	width: 60%;
}
.w_80 {
	float: left;
	width: 80%;
}
.w_25_frigh {
	float: right;
	width: 25%;
}
.m-r-15 {
	margin-right: 15px;
}
.flot {
	float: left;
}
.flot-r {
	float: right;
}
.pad-15 {
	padding: 15px;
}
.main_nav img {
	width: 15px;
	margin-top: -2px;
}
.main {
	margin: 0 15px;
}
.tab-frame {
	margin-top: 30px;
}
.green {
	color: #84bc38 !important;
}
.deep_blue2 {
	color: #129fc8 !important;
}
.pink {
	color: #f56667 !important;
}
.qa-hr{
	border: 0;
	height: 1px;
	background-image: -webkit-linear-gradient(left, rgba(165, 219, 86, 0.39), #83b935, rgba(165, 219, 86, 0.39));
	background-image: -moz-linear-gradient(left, #a5db56, #83b935, #a5db56);
	background-image: -ms-linear-gradient(left, #a5db56, #83b935, #a5db56);
	background-image: -o-linear-gradient(left, #a5db56, #83b935, #a5db56);
}
.sidebar {
	display: block;
	width: 200px;
	margin-right: 20px;
	padding: 0;
	float: left;
}
/*.sidebar .side-item {
	margin-bottom: 10px;
}*/
.key-tab.sub-open > .sub {
	display: block !important;
}
.sub.active {
	display: block;
}
.sidebar .side-item {
	border: 1px solid #dddddd;
}
.sidebar .side-item.green {
	width: 100%;
	border: none;
	color: #fff;
	background: linear-gradient(#84bc38, #7dad27);
}
.sidebar .side-item.blue {
	width: 100%;
	border: none;
	color: #fff;
	background: linear-gradient(#1cb1dc, #0c94bc);
}
.sidebar .side-item .sub .sub-item  a {
	display: block;
	color: #555555;
}
.sidebar .side-item .sub .sub-item-active  a {
	display: block;
	color: #84bc38;
}
.sidebar .side-item .sub .sub .sub-item  a {
	display: block;
	color: #555555;
}
.sidebar .side-item .sub .sub .sub-item-active  a {
	display: block;
	color: #84bc38;
}
.sidebar .side-item span {
	display: block;
	padding: .5em 0 .5em 2.5em;
	color: #fff;
	background-size: 15px !important;
	background: url(../images/star.png) no-repeat 15px;
}
.sidebar .side-item.green:hover {
	background: linear-gradient(#76b027, #638f14);
}
.sidebar .side-item.blue:hover {
	background: linear-gradient(#068fb6, #0581a6);
}
.sidebar .side-item.active > .sub {
	display: none;
}
.sidebar .sub-item.active > .sub-off {
	display: block;
}
.sidebar .sub-item.active > .sub-on {
	display: none;
}
.sidebar .sub {
	background: #f5f5f5;
}
.sidebar .sub  .sub-off {
	background: #f5f5f5;
	display: none;
}
.sidebar .sub  .sub-on {
	background: #f5f5f5;
}
.sidebar .sub a {
	padding: .5em .5em .5em 40px;
	border: 1px solid #ccc;
	position: relative;
}
.sidebar .sub .sub-item a:hover {
	color: #84bc38;
}
.sidebar .sub .sub-item-active a:hover {
	color: #84bc38;
}
.sidebar .sub .sub-off a {
	padding-left: 60px;
}
.sidebar .sub .sub-on a {
	padding-left: 60px;
}
.sub-item .tab-open a {
	color:#FFF;
}
.compus_tab .nav-tabs>li.active>a, .compus_tab .nav-tabs>li.active>a:hover, .compus_tab .nav-tabs>li.active>a:focus {
	color: #fff;
	background-color: #83b935 !important;
	border: none;
	border-bottom-color: transparent;
	cursor: default;
	border-radius: 0;
}
.compus_tab .nav-tabs {
	border-bottom: none;
}
.compus_tab .nav-tabs>li>a {
	border: none;
	color: #363636;
}
.compus_tab .nav>li>a:hover, .compus_tab .nav>li>a:focus {
	background-color: #68a017!important;
}
.compus_tab .nav-tabs>li>a:hover {
	border-radius: 0;
	color: #fff;
	background-color: #83b935;
	border-color: transparent;
}
.form-wrap .nav-pills>li+li {
	margin-left: 0;
}
.form-wrap .nav-pills>li {
	text-align: center;
	width: 50%;
	float: left;
	padding: 0;
	margin: 0;
}
.form-wrap .nav-pills>li.active>a, .nav-pills>li.active>a:hover, .nav-pills>li.active>a:focus {
	color: #fff !important;
	background-color: #83b935!important;
	border: none;
	border-bottom-color: transparent;
	cursor: default;
	border-radius: 0;
}
.form-wrap .nav-tabs {
	border-bottom: none;
}
.form-wrap .nav-tabs>li>a {
	border: none;
	color: #363636;
}
.form-wrap .nav-pills>li>a {
	border-radius: 0;
	color: #555555;
}
.form-wrap .nav-tabs>li>a:hover {
	border-radius: 0px;
	color: #fff !important;
	background-color: #83b935 !important;
	border-color: transparent;
}
.form-wrap .nav-pills>li+li {
	margin-left: 0;
}
.form-wrap .nav-pills>li {
	text-align: center;
	width: 50%;
	float: left;
	padding: 0;
	margin: 0;
}
.stydy_tab .nav-pills>li.active>a, .nav-pills>li.active>a:hover, .nav-pills>li.active>a:focus {
	color: #fff !important;
	background-color: #83b935!important;
	border: none;
	border-bottom-color: transparent;
	cursor: default;
	border-radius: 0;
}
.stydy_tab .nav-tabs {
	border-bottom: none;
}
.stydy_tab .nav-tabs>li>a {
	border: none;
	color: #363636;
}
.stydy_tab .nav>li>a:hover, .stydy_tab .nav>li>a:focus {
	background-color: #68a017!important;
	color: #fff;
}
.stydy_tab .nav-pills>li>a {
	border-radius: 0;
	color: #555555;
}
.stydy_tab .nav-tabs>li>a:hover {
	border-radius: 0px;
	color: #fff !important;
	background-color: #83b935 !important;
	border-color: transparent;
}
/*----------------------*|
/*header*/

header {
	background: #2793c5;
	height: 290px;
}
.header-wrap {
	height: 450px;
	background: url(../images/header_bg.png) no-repeat center top;
}
header .wrap {
	padding: 1em 10px;
}
header .logo {
	float: left;
	width: 195px;
}
header .nav {
	line-height: 1;
	float: right;
}
.header-wrap .nav > a, .header-wrap .nav > span, .header-wrap .nav ul > li > a {
	color: #fff;
	display: inline-block;
	padding: 0 .5em;
	line-height: 1;
	position: relative;
	vertical-align: top;
}
.header-wrap .nav ul, .header-wrap .nav ul li {
	display: inline-block;
}
.header-wrap .nav > a:hover {
	color: #f1f1f1;
	display: inline-block;
	padding: 0 .5em;
	line-height: 1;
	position: relative;
	vertical-align: top;
}
.header-wrap .nav > a:first-child, .header-wrap .nav > span:first-child {
	border-left: none;
}
.header-wrap .nav > a:first-child:before, .header-wrap .nav > span:first-child:before {
	display: none;
}
.header-wrap .nav > a:before, .header-wrap .nav > span:before, .header-wrap .nav > ul li a:before {
	content: '';
	width: 1px;
	height: 16px;
	position: absolute;
	background-color: #fff;
	top: 0;
	left: 0;
}
.header-wrap .nav > a:hover, .header-wrap .nav > span:hover {
	text-decoration: underline;
}
.header-wrap .nav .size:hover {
	text-decoration: none;
}
.header-wrap .nav .size a {
	display: inline-block;
	vertical-align: top;
}
.header-wrap .nav .size .size-item {
	width: 23px;
	height: 23px;
	line-height: 23px;
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
	border-radius: 100%;
	background-color: #fff;
	color: #0b9dd1;
	text-align: center;
	font-family: "Times New Roman";
	margin: -4px 1px 0;
	font-size: .9em;
	display: inline-block;
}
.nav .size .size-item {
	width: 23px;
	height: 23px;
	line-height: 23px;
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
	border-radius: 100%;
	background-color: #fff;
	color: #0b9dd1;
	text-align: center;
	font-family: "Times New Roman";
	margin: -4px 1px 0;
	font-size: .9em;
	display: inline-block;
}
.mobile-menu .nav .size .size-item, .sidebar .nav .size .size-item {
	color: #0ba6a2;
}
.page-search_header {
	position: absolute;
	right: 38px;
	top: 50px;
}
.search button {
	font-weight: normal;
	border: none;
	background-color: #84bc38;
	color: #fff;
	padding: .3em 1em;
	height: 34px;
	vertical-align: middle;
}
ul .inner {
	overflow: hidden;
	display: none;
}
ul li a.toggle {
	width: 100%;
	display: block;
	color: #fefefe;
	transition: background .3s ease;
}
/*----------------------*|
/*menu*/
.dropdown-menu-desktop {
	background-color: #0ba6a2;
	background-color: transparent;
}
.dropdown-menu-desktop a {
	color: #fff;
}
.menu-desktop {
	width: 100%;
}
.menu-desktop:after {
	content: ' ';
	display: block;
	height: 0;
	clear: both;
}
.menu-desktop .dropdown-menu-desktop {
	padding: 0;
	width: 100%;
	display: block;
	clear: both;
 =: #0ba6a2  margin: 0;
	background: #bc8938;
}
.menu-desktop .dropdown-menu-desktop.active {
	display: block;
}
.menu-desktop .dropdown-menu-desktop .menu-item {
	display: inline-block;
	position: relative;
	background: #bc8938;
}
.menu-desktop .dropdown-menu-desktop .menu-item a {
	color: #fff;
	padding: 1.1em 1em;
	font-size: 1.05em;
	display: block;
	white-space: nowrap;
}
.menu-desktop .dropdown-menu-desktop .menu-item > a:hover {
	color: #fff;
}
.menu-desktop .dropdown-menu-desktop .menu-item .sub {
	display: none;
	position: absolute;
	left: 0;
	z-index: 98;
	background: #FAFAFA;
	border:2px solid #D9D9D9;
}
.menu-desktop .dropdown-menu-desktop .sub-item > .sub {
	display: none;
	position: absolute;
	left: 100%;
	top: 0;
	z-index: 98;
}
.menu-desktop .dropdown-menu-desktop .menu-item .sub .sub-item {
	display: block;
	position: relative;
}
.tab-open.sub-open > .sub {
	display: block !important;
}
.menu-desktop .dropdown-menu-desktop .menu-item .sub .sub-item {
	display: block;
	position: relative;
}
.menu-desktop .dropdown-menu-desktop .menu-item .sub .sub-item a {
	color: #bc8938;
	padding: .8em 2em;
}
.menu-desktop .dropdown-menu-desktop .menu-item .sub .sub-item:hover {
	background-color: #FFF;
	color: #bc8938;
}
.menu-desktop .dropdown-menu-desktop .menu-item:hover, .menu-desktop .dropdown-menu.menu-item.active {
	background: #bc8938;
}
.menu-desktop .dropdown-menu-desktop .menu-item:hover > .sub, .menu-desktop .dropdown-menu .menu-item.active > .sub {
	display: block;
}
.menu-desktop .dropdown-menu-desktop .sub-item {
	position: relative;
}
.menu-desktop .dropdown-menu-desktop.sub-item > .sub {
	display: none;
	position: absolute;
	left: 100%;
	top: 0;
}
.menu-desktop .dropdown-menu-desktop .sub-item:hover, .menu-desktop .dropdown-menu .sub-item.active {
	background-color: #168886;
}
.menu-desktop .dropdown-menu-desktop .sub-item:hover > .sub, .menu-desktop .dropdown-menu .sub-item.active > .sub {
	display: block;
	color: #fff;
}
.desktop-nav {
	text-align: center;
	position: absolute;
	display: block !important;
	background: #bc8938;
	left: 0;
	right: 0;
	top: 270px;
}
.responsive-menu {
	font-size: 20px;
	display: none;
	width: 100%;
	padding: 16px 15px;
	background: #bc8938;
	color: #fff;
	text-transform: uppercase;
	font-weight: 600;
}
.responsive-menu:hover, .responsive-menu:focus {
	background: #bc8938;
	color: #fff;
	text-decoration: none;
}
.mobile-nav, .menu-mobile {
	z-index: 99;
	display: none;
}
/*----------------------*|
/*slider*/
.carousel-control img {
	width: 15px;
	top: 45%;
	position: absolute;
}
.slide-image {
	width: 100%;
}
.carousel-holder {
	margin-bottom: 0;
}
.carousel-control, .item {
	border-radius: 4px;
}
.caption {
	height: 130px;
	overflow: hidden;
}
.caption h4 {
	white-space: nowrap;
}
.thumbnail img {
	width: 100%;
}
.ratings {
	padding-right: 10px;
	padding-left: 10px;
	color: #d17581;
}
.thumbnail {
	padding: 0;
}
.thumbnail .caption-full {
	padding: 9px;
	color: #333;
}
/*----------------------*|
/*tab*/
#exTab3 .nav>li>a:hover, #exTab3 .nav>li>a:focus {
	background-color: #fff!important;
	color: #717171;
}
#exTab3 .nav-pills > li > a {
	border-radius: 4px 4px 0 0;
}
#exTab3 .nav {
	border-bottom: 1px solid #ccc;
	padding-left: 0;
	margin-bottom: 0;
	list-style: none;
}
#exTab3 .nav-pills>li.active>a, #exTab3 .nav-pills>li.active>a:focus, #exTab3 .nav-pills>li.active>a:hover {
	color: #fff;
	background-color: #84bc38 !important;
}
#exTab3 {
	margin: 10px 0 20px 0;
	font-size: 1em;
}
#exTab3 a {
	color: #707070;
}
#exTab3 a:hover {
	color: #84bc38;
}
#exTab3 a i {
	font-size: 18px;
	margin-right: 5px;
}
#exTab3 .tab-content {
	color : #707070;
	background-color: #ffffff;
}
/*----------------------*|
/*square*/
.orange-square {
	display: block;
	-webkit-transition-duration: 1.2s;
	-moz-transition-duration: 1.2s;
	-o-transition-duration: 1.2s;
	transition-duration: 1.2s;
	padding: 10px;
	background: #f0a700;
	width: 100%;
	height: 190px;
	text-align: center;
	color: #fff;
}
.pink-square {
	display: block;
	-webkit-transition-duration: 1.2s;
	-moz-transition-duration: 1.2s;
	-o-transition-duration: 1.2s;
	transition-duration: 1.2s;
	padding: 10px;
	background: #f56667;
	width: 100%;
	height: 190px;
	text-align: center;
	color: #fff;
}
.green-square {
	display: block;
	-webkit-transition-duration: 1.2s;
	-moz-transition-duration: 1.2s;
	-o-transition-duration: 1.2s;
	transition-duration: 1.2s;
	padding: 10px;
	background: #84bc38;
	width: 100%;
	height: 190px;
	text-align: center;
	color: #fff;
}
.coffee-square {
	display: block;
	-webkit-transition-duration: 1.2s;
	-moz-transition-duration: 1.2s;
	-o-transition-duration: 1.2s;
	transition-duration: 1.2s;
	padding: 10px;
	background: #bc8938;
	width: 100%;
	height: 190px;
	text-align: center;
	color: #fff;
}
.orange-square:hover, .pink-square:hover, .green-square:hover, .coffee-square:hover {
	background: #1cb1dc;
	border-radius: 150px;
}
.orange-square span, .pink-square span, .green-square span, .coffee-square span {
	font-size: 1.1em;
	color: #fff;
	display: block;
}
.orange-square img, .pink-square img, .green-square img, .coffee-square img {
	padding: 30px 0px 10px 0px;
}
.video_bg {
	color: #fff;
	overflow: hidden;
	padding: 10px;
	background: #84bc38;
}
.video_bg h1 {
	display: inline;
	line-height: 1em;
	margin: 0;
	padding: 0;
	font-size: 1em;
}
.video_bg a {
	color: #fff;
}
.video_bg a i {
	font-size: 18px;
	margin-right: 5px;
}
.video_if {
	height: 255px;
}
span.video_left {
	font-size: 1.1em;
}
a.video_right {
	display: block;
	margin-top: 3px;
	font-size: .9em;
	text-align: right;
	float: right;
}
a.video_right:hover {
	color: #fff;
}
hr.style-three {
	margin: 0;
	border: 0;
	border-bottom: 1px dashed #ccc;
	background: #fff;
}
hr.line_mr0 {
	margin: 0;
}
.news_list {
	display: block;
	overflow: hidden;
	width: 100%;
	height: 35px;
	line-height: 35px;
}
.news_list .left {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	text-transform: uppercase;
	-webkit-line-clamp: 1;
	overflow: hidden;
	width: 50%;
	float: left;
}
.news_list .center {
	text-align: center;
	float: left;
	width: 25%;
}
.news_list .right {
	text-align: right;
	float: left;
	width: 25%;
}
#exTab3 .list_last {
	display: block;
	height: 35px;
	background: #84bc38;
	text-align: right;
	padding: 8px;
	color: #fff;
}
#exTab3 .list_last:hover {
	color: #ececec;
}
footer {
	padding: 20px 0;
	background: #888888;
}
footer .top {
	margin-bottom: 15px;
}
footer .top a {
	margin-right: 10px;
	padding-right: 10px;
	color: #fff;
}
footer .top a.line {
	border-right: 1px solid #fff;
}
footer p, footer a {
	color: #fff;
	margin: 0;
}
.fb {
	height: 140px;
	overflow: hidden;
	text-align: center;
	width: 100%;
	max-width: 330px;
	margin: 0 auto;
}
.fb-page, .fb-page span, .fb-page span iframe[style] {
	width: 100% !important;
}
.faq img {
	width: 15px;
	margin-right: 5px;
}
.faq a {
	color: #2b2b2b;
}
.faq a:hover {
	color: #84bc38;
}
.top-list {
	overflow: hidden;
	background-color: #f0f0ef;
	margin-bottom: 15px;
}
.main_nav ul li {
	display: inline-block;
}
.main_nav ul li a {
	color: #2a2a2a;
}
.main_nav a i {
	margin: 0;
}
.main_nav i {
	font-size: 15px;
	margin: 0 5px;
}
.main_nav ul li a .green {
	color: #84bc38;
}
.main h1.title {
	font-size: 1.3em;
	border-left: 4px solid #83b935;
	padding-left: 15px;
	line-height: 1;
	margin-bottom: 15px;
}
.page-select select {
	background: #f0f0ef;
	color: #2b2b2b !important;
	border-radius: 4px;
	display: inline-block;
	font: inherit;
	line-height: 1.5em;
	padding: 0.5em 3.5em 0.5em 0.5em;
	margin: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-appearance: none;
	-moz-appearance: none;
	border: #f0f0ef;
}
/* arrows */

.page-select select.minimal {
	background-image: linear-gradient(45deg, transparent 50%, #2b2b2b 50%), linear-gradient(135deg, #2b2b2b 50%, transparent 50%), linear-gradient(to right, #f0f0ef, #ccc);
	background-position: calc(100% - 20px) calc(1em + 2px), calc(100% - 15px) calc(1em + 2px), calc(100% - 2.5em) 0.5em;
	background-size: 5px 5px, 5px 5px, 1px 1.5em;
	background-repeat: no-repeat;
}
select.minimal:focus {
	background-image: linear-gradient(45deg, green 50%, transparent 50%), linear-gradient(135deg, transparent 50%, green 50%), linear-gradient(to right, #ccc, #ccc);
	background-position: calc(100% - 15px) 1em, calc(100% - 20px) 1em, calc(100% - 2.5em) 0.5em;
	background-size: 5px 5px, 5px 5px, 1px 1.5em;
	background-repeat: no-repeat;
	border-color: green;
	outline: 0;
}
 select:-moz-focusring {
 color: transparent;
 text-shadow: 0 0 0 #000;
}
.page-select {
	padding-left: 35px;
	background: url(../images/sun.png) no-repeat 15px center;
	color: #2a2a2a;
	padding-right: 10px;
}
.search {
	float: lift;
	border-radius: 0;
	font-size: 12px;
	font-size: .864em;
	padding: 8px;
	padding: .6rem;
}
.search_header {
	border-radius: 0;
	font-size: 12px;
	font-size: .9em;
	padding: 8px;
	padding: .5rem;
}
.search input[type="search"] {
	border-radius: 0;
	background-color: #fff;
	padding: 6px 8px;
}
.search .search_button {
	background-color: #83b935;
	color: #fff;
	font-weight: bold;
	margin-left: 8px;
	margin-left: .5rem;
	padding: .4rem .625rem;
}
.search .search_button:hover {
	background-color: #6da21f;
}

::-webkit-input-placeholder {
 color: #42454e;
}

::-moz-placeholder {
 color: #42454e;
}

:-ms-input-placeholder {
 color: #42454e;
}

::placeholder {
 color: #42454e;
}
input[type="search"] {
	appearance: textfield;
	box-sizing: content-box;
}
 input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
 -webkit-appearance: none;
 appearance: none;
}
.form__field {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.form__field_header {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.form__field_header label {
	font-size: 1em;
	padding: .375rem .625rem;
	color: #707070;
}
.form__input {
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
}
.pagination-left {
	height: 30px;
	float: left;
	line-height: 30px;
	color: #2f2f2f;
}
.pagination-left span {
	font-size: 18px;
	font-weight: bold;
	color: #84bc38;
}
.pagination-right {
	float: right;
}
.zui-pager--center {
	text-align: center;
}
.zui-pager--right {
	text-align: right;
}
.zui-pager .btn-group {
	list-style-type: none;
	margin: 0;
	padding: 0;
	display: inline-block;
}
.zui-pager .btn-group__item {
	display: inline-block;
	margin: 0;
	padding: 0;
	height: 40px;
	float: left;
}
.zui-pager .btn-group__item .btn {
	font-size: 0.9em;
	border-radius: 0;
	margin: 0;
	padding: .5em 1em;
	border: 0;
	font-weight: 300;
	background-color: transparent;
	box-shadow: inset 0px -2px 0px 0px #bbb;
	color: #bbb;
}
.zui-pager .btn-group__item .btn:hover {
	box-shadow: inset 0px -4px 0px 0px #bbb;
}
.zui-pager .btn-group__item .current {
	box-shadow: inset 0px -4px 0px 0px #84bc38;
	color: #84bc38;
	font-weight: bold;
}
.zui-pager .btn-group__item .current:hover {
	box-shadow: inset 0px -4px 0px 0px #739600;
	cursor: default;
}
.zui-pager .btn[disabled] {
	box-shadow: inset 0px -2px 0px 0px #e6e6e6;
	color: #e6e6e6;
}
.zui-pager .btn[disabled]:hover {
	box-shadow: inset 0px -2px 0px 0px #e6e6e6;
	cursor: default;
}
.zui-pager__input {
	display: inline-block;
	vertical-align: top;
	margin-left: 10px;
}
.zui-pager__input > input {
	width: 2em;
	padding: 5px;
	border: 1px solid #ccc;
	border-radius: 0;
	line-height: 1;
	margin: 0 5px;
}
.zui-pager .i-chevron-left, .zui-pager .i-chevron-right {
	margin: 15px;
	border-style: solid;
	border-color: #3a3a3a;
	width: 6px;
	height: 6px;
	display: block;
	cursor: pointer;
}
.zui-pager .i-chevron-left {
	border-width: 1px 0 0 1px;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.zui-pager .i-chevron-right {
	border-width: 1px 1px 0 0;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.mobile-menu-wrap {
	display: none;
}
article {
	width: 100%;
}
.floating-img {
	float: left;
	margin: 10px 10px 0 0;
}
.campus_img {
	float: left;
	padding: 10px 0;
}
.campus_article {
	padding: 15px;
}
.campus_article a {
	float: right;
}
.campus_list {
	position: relative;
	overflow: hidden;
}
.campus_article .title {
	font-size: 1em;
	color: #84bc38;
	margin-bottom: 10px;
}
.campus_article p:not(.author) {
	font-size: 0.9em;
	display: block;
	display: -webkit-box;
	line-height: 1.4;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}
.campus {
	margin-bottom: 20px;
}
.tab {
	margin-bottom: 20px;
	position: relative;
	overflow: hidden;
}
.tabs {
	line-height: 38px;
	display: table;
	position: relative;
	overflow: hidden;
	margin: 0;
	width: 100%;
}
.tabs li {
	float: left;
	overflow: hidden;
	padding: 0;
	position: relative;
}
.tabs a {
	color: #2b2b2b;
	font-weight: 500;
	display: block;
	outline: none;
	padding: 0 20px;
	text-decoration: none;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.tabs a:hover {
	color: #e9a201;
}
.tabs_item {
	display: none;
	padding: 30px 0;
}
.tabs_item:first-child {
	display: block;
}
.current a {
	color: #fff;
	background: #e9a201;
}
.current a:hover, .current a:focus {
	color: #fff;
	background: #e9a201;
}
.sitemap th {
	font-weight: normal;
}
.grid {
	overflow: hidden;
}
.book-list-title {
	color: #bc8938;
}
.book-item {
	color: #333;
}
.book-item:hover .bk-bookdefault {
	-webkit-transform: rotate3d(0, 1, 0, 25deg);
	transform: rotate3d(0, 1, 0, 25deg);
}
.book-item p:not(.author) {
	display: block;
	display: -webkit-box;
	height: 63px;
	font-size: 15px;
	line-height: 1.4;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}
.bk-img {
	margin: 10px 3px;
	position: relative;
	display: inline-block;
	float: left;
	padding-right: 30px;
}
.bk-img .bk-wrapper {
	position: relative;
	width: 140px;
	height: 205px;
	float: left;
	z-index: 0;
	-webkit-perspective: 1400px;
	perspective: 1400px;
}
.bk-img .book-item_title {
	color: #333333;
	display: block;
	line-height: 35px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 140px;
	word-break: break-all;
	sanlongxinfloat: left;
}
.bk-img .book-item_title:hover {
	color: #84bc38;
}
.bk-img .bk-wrapper:last-child {
	margin-right: 0;
}
.bk-img .bk-book {
	position: absolute;
	width: 100%;
	height: 210px;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transition: -webkit-transform .5s;
	transition: -webkit-transform .5s;
	transition: transform .5s;
	transition: transform .5s, -webkit-transform .5s;
}
.bk-img .bk-book > div, .bk-img .bk-front > div {
	display: block;
	position: absolute;
}
.bk-img .bk-front {
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform-origin: 0% 50%;
	transform-origin: 0% 50%;
	-webkit-transition: -webkit-transform .5s;
	transition: -webkit-transform .5s;
	transition: transform .5s;
	transition: transform .5s, -webkit-transform .5s;
	-webkit-transform: translate3d(0, 0, 20px);
	transform: translate3d(0, 0, 20px);
	z-index: 10;
}
.bk-img .bk-front > div {
	z-index: 1;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	border-radius: 0 3px 3px 0;
	box-shadow: inset 4px 0 10px rgba(0, 0, 0, 0.1);
}
.bk-img .bk-front:after {
	content: '';
	position: absolute;
	top: 1px;
	bottom: 1px;
	left: -1px;
	width: 1px;
}
.bk-img .bk-front, .bk-img .bk-back, .bk-img .bk-front > div {
	width: 100%;
}
.bk-img .bk-left, .bk-img .bk-right {
	width: 40px;
	left: -20px;
}
.bk-img .bk-back {
	-webkit-transform: rotate3d(0, 1, 0, -180deg) translate3d(0, 0, 20px);
	transform: rotate3d(0, 1, 0, -180deg) translate3d(0, 0, 20px);
	box-shadow: 5px 7px 15px rgba(0, 0, 0, 0.3);
	border-radius: 3px 0 0 3px;
	opacity: 0;
	-webkit-transition: opacity 250ms ease-out;
	transition: opacity 250ms ease-out;
}
.bk-img .bk-back:after {
	content: '';
	position: absolute;
	top: 0;
	left: 10px;
	bottom: 0;
	width: 3px;
	background: rgba(0, 0, 0, 0.06);
	box-shadow: 1px 0 3px rgba(255, 255, 255, 0.1);
}
.bk-img .bk-left {
	height: 191px;
	-webkit-transform: rotate3d(0, 1, 0, -90deg);
	transform: rotate3d(0, 1, 0, -90deg);
}
.bk-img .bk-cover:after {
	content: '';
	position: absolute;
	top: 0;
	left: 10px;
	bottom: 0;
	width: 3px;
	background: rgba(0, 0, 0, 0.06);
	box-shadow: 1px 0 3px rgba(255, 255, 255, 0.1);
}
.bk-img .bk-cover {
	background-repeat: no-repeat;
	background-position: top left !important;
}
.study_w70 {
	width: 70%;
}
.fieldRow {
	padding: 10px 0px;
	overflow: hidden;
}
.study_lab {
	height: 34px;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.428571429;
	color: #555;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.detail_inside {
	overflow: hidden;
}
.detail_title {
	padding: 5px;
	float: left;
	width: 10%;
}
.study_wrap {
	background: #f7f7f7;
	padding: 10px 15px;
	margin: 10px 0;
}
.line_list {
	position: relative;
	margin: 15px 0 5px;
}
.line_list .title {
	font-weight: normal;
	display: -webkit-inline-box;
	font-size: 1em;
	border-bottom: 2px solid #8dc147;
	padding-bottom: 3px;
}
.line_list .p_title_style {
	margin: 15px 0;
	padding: 0;
}
.blue {
	color: #bc8938;
	margin-right: 5px;
}
.line_list p {
	margin-bottom: 5px;
	margin-top: 10px;
	font-size: 0.9em;
}
.line_list h3 {
	margin-bottom: 5px;
	margin-top: 13px;
	font-size: 0.9em;
}
.line_list hr {
	width: 100%;
	position: absolute;
	top: 7px;
}
.detail_body {
	padding: 5px;
	float: left;
	width: 90%;
}
.play {
	padding: 0;
	background: #222;
	display: block;
	margin: 0 auto;
	position: relative;
}
.play:hover {
	background: #333;
	cursor: pointer;
}
.play:after {
	position: absolute;
	content: "";
	top: 50%;
	margin-top: -15px;
	left: 50%;
	margin-left: -8px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 15px 0 15px 20px;
	border-color: transparent transparent transparent #ffffff;
}
.player__video {
	position: relative;
	top: 50%;
	left: 50%;
	width: auto;
	max-width: 75%;
	background-color: #fff;
	box-shadow: 0 0 50px rgba(0, 0, 0, 0.95);
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.video_one {
	margin: 0 0px 30px 0px;
}
.video_page .text {
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	width: 204px;
}
.video_page .text h3 {
	margin: 0;
	padding: 5px 6px;
	font-size: 15px;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
    line-height: 26px;
}
.video_page .text p {
	padding: 5px 6px;
	font-size: .85em;
	color: #949494;
}
.video_page .bottom {
	font-size: .85em;
	padding: 5px 6px;
	color: #4267b2;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
}
.stydy_pagein {
	overflow: hidden;
}
.study_open {
	margin-top: 20px;
}
.study_title {
	margin: 0;
	background: #f0f0ef;
	padding: 10px;
}
.study_inside {
	background: #f9f9f9;
	padding: 10px 20px;
	overflow: hidden;
}
a.button_study {
	margin: 50px auto 30px;
	background: #1cb1dc;
	display: block;
	padding: 5px 5px;
	text-align: center;
	color: #ffffff !important;
	font-size: 0.9em;
	width: 80px;
}
a.button_study:hover {
	background: #0996be;
}
a.button_study h1 {
	font-size: 1em;
	margin: 5px;
}
a.button_one {
	margin: 10px;
	border: 1px solid #f56667;
	display: block;
	padding: 5px 5px;
	text-align: center;
	color: #f56667 !important;
	font-size: 0.9em;
}
a.button_line {
	margin: 10px;
	border: 1px solid #14a0c8;
	display: block;
	padding: 5px 5px;
	text-align: center;
	color: #14a0c8 !important;
	font-size: 0.9em;
}
a.login_button_line {
	margin-top: 10px;
	background: #14a0c8;
	display: block;
	padding: 10px;
	text-align: center;
	color: #ffffff !important;
	font-size: 0.9em;
}
a.login_button_line h1, a.login_button_line p {
	font-size: 1em;
	margin: 0;
}
.button_one2 {
	font-size: 0.9em;
	color: #555555;
}
.fab-container {
	margin: 1em;
	position: fixed;
	bottom: 0px;
	right: 0;
}
.fab:before {
	content: attr(tooltip);
	background: #595959;
	padding: 4px 8px;
	border-radius: 2px;
	position: absolute;
	top: 16px;
	right: 100%;
	color: white;
	opacity: 0;
	visibility: hidden;
	white-space: nowrap;
	transition: .3s;
}
.fab-container .fab {
	width: 56px;
	height: 56px;
	border-radius: 50%;
	box-shadow: 0 1.5px 4px rgba(0, 0, 0, 0.24), 0 1.5px 6px rgba(0, 0, 0, 0.12);
	position: relative;
	cursor: pointer;
	transition: .3s;
}
.fab-container .fab:hover {
	box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2), 0 3px 8px rgba(0, 0, 0, 0.12);
}
.fab-container .fab:hover:before {
	right: 110%;
	opacity: 1;
	visibility: visible;
}
.fab-container .profile {
	margin-bottom: 1em;
}
.fab-container .profile:after {
	background: #1cb1dc url("../images/back.png") center no-repeat;
	background-size: 20px;
	position: absolute;
	left: 0;
	content: '';
	width: 100%;
	height: 100%;
	border-radius: 50%;
	transition: .3s;
}
.fab-container .profile:hover:after {
	background-image: url("../images/back.png");
	background-size: 20px;
	transform: rotate(360deg);
}
.fab-container .top {
	background: #f56667 url(../images/Up.svg) center no-repeat;
}
body.b {
	font-size: 18px;
}
body.lg {
	font-size: 18px;
}
body.sm {
	font-size: 14px;
}
.deep_slider .slider {
	width: 100%;
	margin: 5px 0 20px 0;
}
.slick-slide {
	margin: 0px 20px;
}
.slick-slide img {
	width: 100%;
}
.slick-prev:before, .slick-next:before {
	color: black;
}
table {
	width: 100%;
	border-collapse: collapse;
}
table.page {
	text-align: center;
	font-size: 0.9em;
	background: #f7f7f7;
	border: 1px solid #ccc;
	border-collapse: collapse;
	margin: 10px 0;
	padding: 0;
	table-layout: fixed;
}
table.page caption {
	font-size: 1.5em;
	margin: .5em 0 .75em;
}
table.page tr {
	background: #f8f8f8;
	border: 1px solid #ddd;
	padding: .35em;
}
table.page th, table.page td {
	padding: .625em;
}
table.page td:last-child {
	width: 150px;
}
table.page td a {
	color: #2b2b2b;
}
table.page td img {
	width: 30px;
}
table.page th {
	text-align: center;
	background: #f5f5f5;
	color: #bc8938;
	text-transform: uppercase;
	font-weight: normal;
}
table.recruited{
	width: 100%;
	height: 100%;
}
table.recruited .back-w{
	height: 36px;
	background: #FFF;
}
table.recruited .back-g{
	height: 32px;
	background: #E8E8E8;
}
table.recruited .back-w th{
	text-align:center;
	width:25%;
}
table.recruited .back-w td{
	text-align:left;
	padding-left:2px;
	border-left:2px solid #CCCCCC;
	width:75%;
}
table.recruited .back-g th{
	text-align:center;
	width:20%;
}
table.recruited .back-g td{
	text-align:left;
	padding-left:2px;
	border-left:2px solid #CCCCCC;
	width:80%;
}
.mar_top_10 {
	margin-top: 10px!important;
}
.bg_gray {
	margin: 15px 0 0;
	padding: 10px 20px;
	background: rgba(247, 247, 247, 0.61);
}
.rows_wrap {
	font-size: 1em;
	font-weight: normal;
	color: #555;
	width: 100%;
	overflow: hidden;
}
.w_33 {
	float: left;
	text-align: left;
	width: 33.3%;
}
.w_33_name {
	float: left;
	text-align: left;
	width: 33.3%;
	padding: 10px 20px 15px 0;
}
.w_50_name {
	float: left;
	text-align: left;
	width: 50%;
	padding: 0 25px 15px 0;
}
.w_50_name .w_100 {
	width: 100%;
}
.form-wrap {
	background-color: #fff;
	width: 50%;
	margin: 2em auto;
	box-shadow: 0px 1px 8px #BEBEBE;
	-webkit-box-shadow: 0px 1px 8px #BEBEBE;
	-moz-box-shadow: 0px 1px 8px #BEBEBE;
}
.form-wrap form .input {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	color: inherit;
	font-family: inherit;
	padding: .8em 0 10px .8em;
	border: 1px solid #CFCFCF;
	outline: 0;
	display: inline-block;
	margin: 0 0 .8em 0;
	padding-right: 2em;
	width: 100%;
}
.form-wrap .help-text {
	margin-top: .6em;
}
.form-wrap .help-text p {
	text-align: center;
	font-size: 14px;
}
form.signup-form, .login-form {
	padding: 30px;
}
.rows_wrap .w_33 input[type="text"] {
	width: 100%;
}
.content-info {
	margin: 5px 0;
}
.rows_wrap .w_25 {
	width: 25%;
}
.rows_wrap .w_75 {
	padding: 0 5px 0 0;
	position: relative;
	float: left;
	width: 75%;
}
.rows_wrap .w_100 {
	overflow: hidden;
	width: 100%;
}
input[type="text"][disabled], input[type="text"][readonly], input[type="text"][disabled] input[type="text"] {
	box-shadow: none;
	border: 1px solid #eee;
	cursor: not-allowed;
	background-color: #eee;
	opacity: 1;
}
.m-rl5 {
	margin: 0 5px;
}
.checkboxer, .radioer {
	margin: 0 20px 0 0;
}
input[type=radio], input[type=checkbox] {
	margin-left: 1px !important;
}
.form-inline {
	display: inline-block;
}
ol.ol_list_circle_2 {
	margin: 10px 0 20px;
	padding-left: 30px;
}
ol.ol_list_circle_2 li {
	list-style-type: disc;
}
.red {
	color: #8e0506;
}
input[type="text"], input[type="date"] {
	color: #575757;
	border: 1px solid #e3e3e3;
	padding: 5px;
}
input[type=date] {
	line-height: 23px!important;
}
input::-webkit-input-placeholder {
 color: #ccc;
}
label {
	font-weight: normal !important;
	font-size: 1em;
}
select, .text-type {
	color: #151515;
	border: solid 1px #e3e3e3;
	display: inline-block;
	font: inherit;
	line-height: 1.5em;
	padding: 5px;
	margin: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-appearance: none;
	-moz-appearance: none;
}
 select:-moz-focusring {
 color: transparent;
 text-shadow: 0 0 0 #000;
}
select.minimal2 {
	width: 100%;
	overflow: hidden !important;
	color: #000;
	background: #fff;
	background-image: linear-gradient(45deg, transparent 50%, #818181 50%), linear-gradient(135deg, #818181 50%, transparent 50%), radial-gradient(#fff 70%, transparent 72%);
	background-position: calc(100% - 8px) calc(0.9em + 0px), calc(100% - 3px) calc(0.9em + 0px), calc(100% - 1.5em) 0.5em;
	background-size: 5px 5px, 5px 5px, 1px 1.5em;
	background-repeat: no-repeat;
	border-radius: 0;
}

@media screen and (max-width: 768px) {
.dis-b {
	display: inline;
}
a.button_one, a.button_line {
	margin: 5px 0;
	width: 80px;
}
table.page td:last-child {
	width: 100%;
}
table.page {
	width: 100%;
	border: 0;
}
table.page caption {
	font-size: 1.3em;
}
table.page thead {
	border: none;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
table.page tr {
	overflow: hidden;
	border-bottom: 3px solid #ddd;
	display: block;
	margin-bottom: .625em;
}
table.page td {
	overflow: hidden;
	border-bottom: 1px solid #ddd;
	display: block;
	font-size: 1em;
	text-align: left;
}
table.page td:before {
	margin-right: 10px;
	content: attr(data-label);
	font-weight: normal;
	text-transform: uppercase;
	color: #428bca;
}
}

@media screen and (min-width: 540px) {
header .logo {
	width: 250px;
}
#container {
	padding-top: 8%;
}
}

@media screen and (min-width: 768px) {
header .logo {
	width: 250px;
}
header .nav {
	display: block;
}
}

@media screen and (max-width: 1035px) {
.form-wrap {
	width: 80%;
}
.rows_wrap .w_80 {
	width: 100%;
	float: left;
}
.pad_5 {
	padding: 5px 0px;
}
.w_33_name {
	float: left;
	text-align: left;
	width: 50%;
}
.w_33_name .w_25, .w_33_name .w_20 {
	width: 30%;
}
.w_50_name .w_80, .w_33_name .w_75 {
	width: 70%;
}
.w_50_name .w_20 {
	width: 30%;
}
.rows_wrap .form .w_20, .rows_wrap .form .w_25 {
	margin: 0;
	width: 33.3%;
	float: left;
}
.rows_wrap .w_10 {
	font-size: 0.89em;
	float: none;
	width: 100%;
	margin: 10px 5px;
}
}

@media screen and (max-width: 768px) {
.menu ul li a {
	font-size: 1.16em;
}
.nav>li>a {
	position: relative;
	display: block;
	/*padding: 15px 0!important;*/
	font-size: 13px!important;
}
.rows_wrap .w_80 {
	width: 100%;
	float: left;
}
.pad_5 {
	padding: 5px 0px;
}
.w_33_name, .w_50_name {
	float: left;
	text-align: left;
	width: 100%;
}
.w_33_name .w_25, .w_33_name .w_20 {
	width: 30%;
}
.w_50_name .w_80, .w_33_name .w_75 {
	width: 70%;
}
.w_50_name .w_20 {
	width: 30%;
}
.rows_wrap .form .w_20, .rows_wrap .form .w_25 {
	margin: 0;
	width: 33.3%;
	float: left;
}
.rows_wrap .w_10 {
	font-size: 0.89em;
	float: none;
	width: 100%;
	margin: 10px 5px;
}
}

@media screen and (min-width: 1010px) {
header .wrap {
	position: relative;
	padding: 1em 2em;
}
header .logo {
	width: 379px;
}
#container {
	padding-top: 0;
}
}

@media (min-width: 991px) and (max-width: 1024px) {
.video_if {
	height: 210px;
}
}

@media (min-width: 768px) and (max-width: 990px) {
.video_if {
	height: auto;
}
}

@media (max-width: 1024px) {
.bk-img {
	padding-right: 3px;
}
.w_20 {
	width: 30%;
}
.w_80 {
	width: 70%;
}
}

@media (max-width: 767px) {
.form-wrap {
	width: 100%;
}
.w_33 {
	float: left;
	text-align: left;
	width: 100%;
}
div.tab-frame label.study_pad0 {
	width: 100%;
}
label {
	font-weight: normal !important;
	font-size: 0.89em;
}
.w_200p {
	width: 100%;
}
.w_180p {
	width: 100%;
}
table.page tr {
	background: #fff;
}
.study_wrap {
	background: #fff;
	padding: 0;
	margin: 0;
}
.content-info {
	line-height: 1;
	margin: 15px 0;
}
.form-inline {
	display: block;
}
.rows_wrap .w_25 {
	width: 90%;
	margin-top: 10px;
}
.rows_wrap .w_60 {
	width: 100%;
	margin-top: 10px;
}
.rows_wrap .w_15 {
	width: 90%;
	margin-top: 10px;
}
.rows_wrap .w_10 {
	font-size: 0.89em;
	float: none;
	width: 100%;
	margin: 10px 5px;
}
.rows_wrap .w_5 {
	width: 5%;
	padding: 5px 2px;
}
.w_50_name {
	padding: 0 0 15px 0px;
	width: 100%;
}
.w_25_frigh {
	width: 100%;
}
.w_75 {
	width: 100%;
}
.detail_title {
	width: 30%;
}
.mobile-menu-wrap {
	display: block;
}
.toggle-search {
	position: absolute;
	top: 195px;
	z-index: 999;
	font-size: 20px;
	color: #fff;
	right: 60px;
}
.mobile-search {
	left: 0;
	top: 241px;
	width: 100%;
	display: none;
	z-index: 9;
	position: absolute;
}
.mobile-search .search-form {
	margin: 1.5em 0 1em;
	padding: 0 2em;
	border-top: 1px solid #E7E7E7;
}
.btn-field label {
	display: none;
}
.btn-field input[type=text] {
	border-radius: 0;
	width: 100%;
	padding: 1em 6em 1em 1em;
	margin: 0;
	font-size: 0.938em;
	float: left;
	border: none;
	box-shadow: 0 2px 3px rgba(0,0,0,.15);
	height: auto;
}
.btn-field .search_button {
	border-radius: 0;
	cursor: pointer;
	position: absolute;
	top: 0;
	right: 0;
	padding: 1em;
	text-transform: uppercase;
	font-weight: bold;
	background: #f56667;
	color: #ffffff;
	border: 1px solid #f56667;
	padding: 1em 1.25em;
	height: 100%;
}
.zui-pager__input {
	margin-top: 15px;
}
.form__field_header {
	display: none;
}
.campus_article {
	padding: 10px 0;
}
.campus_img {
	float: left;
	padding: 10px 0;
}
.search button {
	background-color: #707071;
}
.header-wrap .nav > a:before, .header-wrap .nav > span:before {
	display: none;
}
.header-wrap .nav > a {
	border-radius: 5px;
	background: #84bc38;
	padding: 10px;
}
.header-wrap .nav > span {
	padding: 0;
}
.header-wrap {
	background-size: auto 230px;
}
header {
	background: #2793c5;
	height: 210px;
}
header .nav {
	width: 360px;
	line-height: 2;
	position: absolute;
	border-radius: 5px;
	top: 90px;
}
.page-search_header {
	left: 5px;
	top: 181px;
	z-index: 1;
}
.video_if {
	height: 255px;
}
.w_50 {
	float: none;
	width: 100%;
}
.w_70 {
	float: none;
	width: 100%;
}
.w_25 {
	float: left;
	width: 50%;
}
.w_30 {
	float: none;
	width: 100%;
}
.rows_wrap .w_33_name {
	padding: 10px 0 15px 0;
	width: 100%;
}
.rows_wrap .w_33_name .w_30 {
	width: 30%;
	float: left;
}
.rows_wrap .w_33_name .w_70 {
	width: 70%;
}
.rows_wrap .w_25 {
	width: 30%;
	float: left;
}
.rows_wrap .w_75 {
	padding: 0;
	width: 70%;
}
.rows_wrap .w_20 {
	margin: 0;
	width: 30%;
	float: left;
}
.rows_wrap .form .other.w_20 {
	margin: 0;
	width: 30%;
	float: left;
}
.rows_wrap .form .w_20, .rows_wrap .form .w_25 {
	margin: 0;
	width: 70%;
	float: left;
}
.rows_wrap .form .w_80 {
	margin: 0;
	width: 70%;
	float: left;
}
.mobile-nav {
	text-align: center;
	position: absolute;
	display: block !important;
	left: 0;
	right: 0;
	top: 180px;
}
.menu {
	display: none;
}
.menu-mobile li {
	position: relative;
	z-index: 100;
}
.menu-mobile li a {
	font-size: 1em;
	text-decoration: none;
	padding: 20px 30px;
	display: block;
	color: #fff;
	line-height: 20px;
}
.menu-mobile li ul li a {
	padding: 10px 0 10px 50px;
}
.menu-mobile li ul li ul li a {
	padding: 10px 0 10px 70px;
}
.responsive-menu {
	text-align: right;
	display: block;
	border-bottom: 1px solid #dda751;
}
.menu-mobile li {
	display: block;
	margin: 0;
}
.menu-mobile li a {
	text-align: left;
	background: #bc8938;
	color: #ffffff;
	padding: 10px 30px;
	border-bottom: 1px solid #dda751;
}
.menu-mobile li a:hover, .menu li:hover>a {
	color: #fff;
	background: rgb(169, 118, 38);
}
.dpno {
	display: none !important;
}
footer {
	padding: 20px 20px;
}
.main-wrap {
	margin: 30px auto;
}
.w_20 {
	float: none;
}
.w_80 {
	width: 100%;
	float: none;
}
.rows_wrap .w_80 {
	width: 70%;
	float: left;
}
.orange-square span, .pink-square span, .green-square span, .coffee-square span {
	font-size: 18px;
	color: #fff;
	display: block;
}
}

@media screen and (max-width: 400px) {
.fab:before {
	display: none;
}
}

@media screen and (min-width: 768px) {
body.lg .menu-desktop .menu .menu-item a {
	padding: 1em 1.8em;
}
body.lg .top-block .btn-search {
	top: 98px;
}
body.lg .top-block .ham {
	top: 98px;
}
body.lg .top-block.fixed .btn-search, body[bSize='lg'] .top-block.fixed .ham {
	top: 0;
}
body.sm .menu-desktop .menu .menu-item a {
	padding: 1.3em 1.8em;
}
body.sm .top-block .btn-search {
	top: 94px;
}
body.sm .top-block .ham {
	top: 94px;
}
body.sm .top-block.fixed .btn-search, body[bSize='sm'] .top-block.fixed .ham {
	top: 0;
}
body.sm .slider-block .top .select-block .sub {
	top: 30px;
}
.fb {
	height: auto;
}
}

@media screen and (min-width: 1010px) {
body.lg .menu-desktop .search {
	padding-top: .3em;
}
}

@media screen and (min-width: 540px) {
body.sm .page-main .page-nav .page-search {
	margin-top: 2px;
	margin-bottom: 2px;
}
body.sm .page-main .page-nav .page-search_header {
	margin-top: 2px;
	margin-bottom: 2px;
}
}