@charset "utf-8";
/* CSS Document */

@-webkit-viewport { width: device-width; }
@-moz-viewport { width: device-width; }
@-ms-viewport { width: device-width; }
@-o-viewport { width: device-width; }
@viewport { width: device-width; }

@media only screen and (max-width: 1350px) and (min-width: 160px), only screen and (max-device-width: 1350px) and (min-device-width: 160px) {

header fieldset {
	width:95%;
}

nav {
	position:relative;
	width:100%;
	padding:0px;
}

#cssmenu > ul > li > a {
	padding:19px 13%;
}

.a {
	width:90%;
}

.a .about {
	height: 115vh;
}

}


@media only screen and (max-width: 1150px) and (min-width: 160px), only screen and (max-device-width: 1150px) and (min-device-width: 160px) {

nav {
	width:90%;
	padding:0px 5%;
}

#cssmenu > ul > li > a {
	padding:5px 10%;
}

.a section .about_img {
	width:100%;
}

.a .about {
	height: 110vh;
}

.board_menu .dash {
	width:31.33%;
}

.board_menu .search {
	width:64.66%;
}

.board_menu .search_fluid {
	width:95%;	
}

.b table, .board_menu table {
  max-width: 650px;
}

.board_menu .cus_td td,.board_menu .cus_td td strong {
	font-size:12px;
	line-height:20px;
}


}


@media only screen and (max-width: 950px) and (min-width: 160px), only screen and (max-device-width: 950px) and (min-device-width: 160px) {

header {
	width:100%;
	position:relative;
	z-index:auto;
}

header section {
	width:40%;
}

header .nav, header .nav_inner  {
	width:60%;
}

header .nav_inner div {
	width:55%;
}

.a section h1 {
	line-height:23px;
	font-size:1.6em;
	margin-bottom:10px;
}

.b {
	width:90%;
}

.b section {
	width:29.33%;
	margin:10px 2%;
	margin-bottom:0px;
}

.b table, .board_menu table {
  max-width: 600px;
}

.news section, .news .blog_list {
	width:90%;
	margin:0px 5%;
	padding-bottom:80px;
}

.news section .about_img {
	width:95%;
	padding:2.5%;
}

.news section .about_img img {
	margin:0px;
}

.news .blog_list section {
	padding:20px 0px;
	border-bottom:1px solid #EEE;
}

.form .mid img {
	height:100px;
}

.form .login {
	width:40%;
	padding:1.5% 5%;
	padding-top:7.5%;
}

#back-top {
	right: 20px;
	bottom: 100px;
}

}



@media only screen and (max-width: 850px) and (min-width: 160px), only screen and (max-device-width: 850px) and (min-device-width: 160px) {

header fieldset {
	width:97%;
}

header section {
	width:60%;
}

header .nav, header .nav_inner {
	width:40%;
}

header .nav_inner div {
	width:100%;
}

nav {
	width:100%;
	padding:0px;
}

.top a {
	color:#050520;
}

#cssmenu > ul > li > a {
	padding:19px 13%;
}

.a {
	margin:0 auto;
	width:85%;
	padding:0px;
}

.a section {
	width:100%;
	padding-right:0px;
	padding-bottom:50px;
	float:left;
}

.a section .about_img {
	width:50%;
	margin-right:20px;
	margin-bottom:0px;
	padding:1.5%;
}

.a .about {
	width:100%;
	height:auto;
	margin-bottom:50px;
}

.a .about div {
	padding-bottom:50px;
}

.b section {
	width:29.33%;
	margin:10px 2%;
	margin-bottom:0px;
}

.board_menu .dash {
	width:48%;
	padding:25px 2%;
}

.board_menu .search {
	width:98%;
}

.board_menu .side_nav {
	width:98%;
}

.board_menu .search_fluid {
	width:100%;
}

.board_menu .dash h1 {
	font-size:1em;
	font-weight:300;
}

.b table, .board_menu table {
  max-width: 550px;
}

.news section, .news .blog_list {
	width:90%;
	margin:0px 5%;
	padding-bottom:80px;
}

.news .blog_list {
	width:100%;
	margin:0px 5%;
}

.news section .about_img {
	width:95%;
	padding:2.5%;
	margin-bottom:20px;
}

.news section .about_img img {
	margin:0px;
}

.inv {
	padding:50px 0px;
}

.inv h1 {
	font-size:1.35em;
	font-weight:400;
	line-height:25px;
	margin:0px;
	text-align:center;
}

.inv h1 span {
	color:#FFF;
	font-size:1.5em;
	font-weight:600;
	line-height:45px;
}

.form .login {
	padding-top:15%;
}

.form .reg {
	display:none;
}

.form .log {
	width:100%;
	padding:0px;
}

footer .a section {
	background:none;
	width:48%;
	padding:0px 1%;
	height:300px;
	overflow:auto;
}


}

@media only screen and (max-width: 700px) and (min-width: 160px), only screen and (max-device-width: 700px) and (min-device-width: 160px) {

.form div {
	width:100%;
	padding:0px;	
}

.a h1 {
	margin-top:50px;
	margin-bottom:10px;
	line-height:35px;
}

.b section {
	width:46%;
	margin:10px 2%;
	margin-bottom:0px;
}

.board_menu .dash img {
	height:100px;
}

.form .login {
	width:50%;
	padding:1.5% 0px;
	padding-top:18%;
}

.board_menu .search_fluid {
	width:100%;

}

.b table, .board_menu table {
  max-width: 350px;
}

.board_menu table td .cus_img {
	width:200px;
	height:auto;
}

}

@media only screen and (max-width: 550px) and (min-width: 160px), only screen and (max-device-width: 550px) and (min-device-width: 160px) {


header fieldset {
	width:90%;
}

header section, header .nav, header .nav_inner {
	/*width:100%;
	padding-bottom:13px;*/
	
	width:100%;
	padding-bottom:10px;
}

header .nav{
	/*border-top:1px dashed #FC0;
	padding:3px 0px;*/
	
	border-top:1px dashed #CCC;
	padding:3px 0px;
}

header .nav_inner {
	/*border-top:1px solid #FC0;
	padding:20px 0px;*/
	
	border-top:1px dashed #CCC;
	padding:10px 0px;
}

header section img {
	height:auto;
	width:100%;
}

.b section {
	width:90%;
	margin:0px 5%;
}

.b section img {
	height:auto;
}

.board_menu .dash {
	width:96%;
	margin:3.5% 2%;
	padding:35px 2%;
}

.board_menu .dash h1 {
	font-size:1.25em;
	font-weight:600;
}

.board_menu .search {
	background:#FFF;
	padding:0px;
	box-shadow:none;
}

.b table, .board_menu table {
  max-width: 320px;
}

.board_menu .search input {
	width:100%;
	font-size:17px;
	font-weight:400;
	letter-spacing:normal;
}

.inv {
	padding:60px 0px;
}

.inv h1 {
	font-size:1.25em;
	font-weight:300;
	line-height:30px;
	margin:0px;
	text-align:center;
	text-transform:capitalize;
}

.inv h1 span {
	color:#FFF;
	font-size:1.35em;
	font-weight:600;
	line-height:35px;
}

.form .login {
	width:65%;
	padding:1.5% 0px;
	padding-top:20%;
}

footer .a section {
	width:92%;
	padding:0px 2.5%;
	margin:1.5%;
	height:auto;
	overflow:auto;
	border-top:1px solid rgba(255,255,255,0.1);
}

footer .a section:first-child {
	border:none;
}

footer .foot {
	padding-top:50px;
}

footer .foot div {
	padding-top:20px;
}

footer {
	font-size:13px;
}

}


@media only screen and (max-width: 420px) and (min-width: 160px), only screen and (max-device-width: 420px) and (min-device-width: 160px) {

header section h1 {
	font-size:0.875em;
}

header section h1 p {
	line-height:35px;
}

.b table, .board_menu table {
  max-width: 210px;
}

.b h1 {
	font-size:1.75em;
}

.a h1 span, .b h1 span {
	font-weight:700;
}

.a section .about_img {
	width:98%;
	margin-bottom:20px;
}

.news .blog_list section img {
	width:100%;
	height:auto;
	float:none;
	margin:0px;
	margin-bottom:10px;
}

.inv h1 span {
	color:#FFF;
	font-size:1.25em;
	font-weight:700;
	line-height:30px;
}

.form .login {
	width:90%;
	padding-top:32.5%;
}
}

/*
JS NEW RESPON
*/

@media only screen and (max-width: 660px) and (min-width: 160px), only screen and (max-device-width: 660px) and (min-device-width: 160px) {
	
.b table, .board_menu table {
  max-width:540px;
  
}	


}

@media only screen and (max-width: 560px) and (min-width: 160px), only screen and (max-device-width: 560px) and (min-device-width: 160px) {
	
.b table, .board_menu table {
  max-width:460px;
}	

}

@media only screen and (max-width: 490px) and (min-width: 160px), only screen and (max-device-width: 490px) and (min-device-width: 160px) {
	
.b table, .board_menu table {
  max-width:400px;
}

}

@media only screen and (max-width: 450px) and (min-width: 160px), only screen and (max-device-width: 450px) and (min-device-width: 160px) {
	
.b table, .board_menu table {
  max-width:350px;
}	

}

@media only screen and (max-width: 390px) and (min-width: 160px), only screen and (max-device-width: 390px) and (min-device-width: 160px) {
	
.b table, .board_menu table {
  max-width:320px;
}	

}

@media only screen and (max-width: 350px) and (min-width: 160px), only screen and (max-device-width: 350px) and (min-device-width: 160px) {
	
.b table, .board_menu table {
  max-width:260px;
}	

}

@media only screen and (max-width: 300px) and (min-width: 160px), only screen and (max-device-width: 300px) and (min-device-width: 160px) {
	
.b table, .board_menu table {
  max-width:230px;
}	

}

@media only screen and (max-width: 280px) and (min-width: 160px), only screen and (max-device-width: 280px) and (min-device-width: 160px) {
	
.b table, .board_menu table {
  max-width:200px;
}	

}