@media only screen and ( max-width : 1024px ) {
.fixed {position: fixed; width: 100%; height: 100%; z-index: 1; }
#header .mask {background: rgba(22,34,42,.4); top: 60px; left: 0;  z-index: 1; position: absolute; width: 100%; height: 100vh; opacity: 1;  display: none;}
}
a.meanmenu-reveal{ display:none;}
.mean-container .mean-bar{ width:100%; position:fixed; background:none; min-height:60px;
  z-index:999998; top:0; left:0;}
.mean-container .mean-bar {width: 100%;	position: fixed;background: none;min-height: 60px;
	z-index: 98;top: 0;	left: 0;}
.meanmenu-reveal-btn {  position: absolute;  display: block;  z-index: 99999;
  box-sizing: border-box;  width: 60px;  height: 60px;  right: 0;  top: 0;}
.meanmenu-reveal {  width: 26px;  height: 20px;  margin: 13px 17px 27px 17px;
  display: block !important;  position: relative;}
.meanmenu-reveal:after {content: "MENU";position: absolute;	bottom: -20px;
	color: #6bb5cb;	font-size: 10px;width: 60px;left: -17px;text-align: center;
	display: block;	font-family:serif;}
.meanmenu-reveal.meanclose:after {	content: "CLOSE";}
.meanmenu-reveal span {  display: inline-block;  transition: all .4s;  box-sizing: border-box;
  position: absolute;  left: 0;  width: 100%;  height: 2px;  margin: 0 auto;}
.meanmenu-reveal span:nth-of-type(1) {  top: 0;  background: #6bcbba;}
.meanmenu-reveal span:nth-of-type(2) {  top: 8px;  background: #6bcacb;}
.meanmenu-reveal span:nth-of-type(3) {  top: 16px;  background: #6bbacb;}
.meanmenu-reveal  span:nth-of-type(1) {  -webkit-animation: menu-ber01 .75s forwards;
  animation: menu-ber01 .75s forwards;}
.meanmenu-reveal  span:nth-of-type(2) {  transition: all .25s .25s;  opacity: 1;}
.meanmenu-reveal  span:nth-of-type(3) {  -webkit-animation: menu-ber02 .75s forwards;
  animation: menu-ber02 .75s forwards;}
.meanclose span:nth-of-type(1) {  -webkit-animation: active-menu-ber01 .75s forwards;
  animation: active-menu-ber01 .75s forwards;  top: -2px;}
.meanclose span:nth-of-type(2) {  opacity: 0;}
.meanclose span:nth-of-type(3) {  -webkit-animation: active-menu-ber03 .75s forwards;
  animation: active-menu-ber03 .75s forwards;}

@-webkit-keyframes menu-ber01 {
  0% {  -webkit-transform: translateY(8px) rotate(45deg);  }
  50% {   -webkit-transform: translateY(8px) rotate(0);  }
  100% {   -webkit-transform: translateY(0) rotate(0);  }
}
@keyframes menu-ber01 {
  0% { transform: translateY(8px) rotate(45deg);  }
  50% { transform: translateY(8px) rotate(0);  }
  100% { transform: translateY(0) rotate(0);  }
}
@-webkit-keyframes menu-ber02 {
  0% {  -webkit-transform: translateY(-8px) rotate(-45deg);  }
  50% { -webkit-transform: translateY(-8px) rotate(0);  }
  100% {  -webkit-transform: translateY(0) rotate(0);  }
}
@keyframes menu-ber02 {
  0% {  transform: translateY(-8px) rotate(-45deg);  }
  50% { transform: translateY(-8px) rotate(0);  }
  100% {transform: translateY(0) rotate(0);  }
}
@-webkit-keyframes active-menu-ber01 {
  0% {  -webkit-transform: translateY(0) rotate(0);  }
  50% { -webkit-transform: translateY(10px) rotate(0);  }
  100% { -webkit-transform: translateY(10px) rotate(45deg);  }
  }
@keyframes active-menu-ber01 {
  0% { transform: translateY(0) rotate(0);  }
  50% { transform: translateY(10px) rotate(0);  }
  100% { transform: translateY(10px) rotate(45deg);  }
}
@-webkit-keyframes active-menu-ber03 {
  0% {  -webkit-transform: translateY(0) rotate(0);  }
  50% {-webkit-transform: translateY(-8px) rotate(0);  }
  100% {  -webkit-transform: translateY(-8px) rotate(-45deg);  }
}

@keyframes active-menu-ber03 {
  0% {  transform: translateY(0) rotate(0);  }
  50% {   transform: translateY(-8px) rotate(0);  }
  100% {   transform: translateY(-8px) rotate(-45deg);  }
}
.mean-container .mean-nav{	width:100%;	margin-top:60px;max-height:100vh;overflow-y:auto;}
.mean-container .mean-nav ul{padding: 0;margin: 0;width: 100%;overflow-y: scroll;-webkit-overflow-scrolling:touch;position: relative;z-index: 99;max-height: 100vh;max-height: calc(100vh - 60px); background: #49BAA8; list-style:none}
.mean-container .mean-nav ul ul{padding-bottom:0;margin-bottom:0; list-style:none}
.mean-container .mean-nav ul li{position:relative; width:100%;box-sizing: border-box;}
.mean-container .mean-nav ul li a,.mean-container .mean-nav ul li span.pre{	display:block;	width:100%;	padding:1em;margin:0;	text-align:left;text-decoration:none;text-transform:uppercase; color:#FFF !important; box-sizing: border-box;}
.mean-container .mean-nav ul li li a{width:100%;padding:1em 10%;text-shadow:none !important;visibility:visible;}
.mean-container .mean-nav ul li.mean-last a{border-bottom:none;	margin-bottom:0;}
.mean-container .mean-nav ul li li li a{width:70%;	padding:1em 15%;}
.mean-container .mean-nav ul li li li li a{	width:60%;	padding:1em 20%;}
.mean-container .mean-nav ul li li li li li a{	width:50%;	padding:1em 25%;}
.mean-container .mean-nav ul li a:hover{background:#252525;	background:rgba(255,255,255,0.1);}
.mean-container .mean-nav ul li a.mean-expand{width:60px;text-align:center;	position:absolute;right:0;top:0;	z-index:2; padding: 0.2em; font-size: 24px; color: #6bb5cb;}
.mean-container .mean-nav ul li a.mean-expand:hover { background:#a0c6d1; color: #fff;}
.mean-container .mean-push { float:left; width:100%; padding:0; margin:0; clear:both;}
.mean-nav .wrapper{  width:100%;  padding:0;  margin:0;}
.mean-container .mean-bar, .mean-container .mean-bar *{ -webkit-box-sizing:content-box; -moz-box-sizing:content-box;  box-sizing:content-box;}
.mean-remove{  display:none !important;}
.taC { text-align: center !important;}
.taR { text-align: right !important;}
.taL { text-align: left !important;}
nav li a:hover { border-bottom:2px solid #49BAA8;}
nav li a { font-size: 13px; letter-spacing: 0.2em; margin:0; padding:0;}
nav .sub-menu,.mean-container .mean-nav ul ul { background-color:#49BAA8}
@media only screen and ( max-width : 1024px ) {
  .h_logo { width: 150px; position: absolute; top:5px; left: 10px; z-index: 100; }
  #gNav .nav { overflow-y: auto; height: 100vh;  }
  .mean-nav .container {  padding: 0; }
  nav li .fa { display: none; }
  #gNav li a {  color:#FFF !important  }
.sub-menu li{ display:block !important;}
.sub-menu li dl{ display:none;}
.gNav3 p,.gNav2 p{ color: #FFF; margin-left:10px; font-size:15px}
.sparrow { width:90%; height:auto !important; overflow:visible }
.sparrow a{ position:relative; padding:0 0 0 20px !important; margin:0 0 0 20px !important}
.sparrow a::before,.sparrow a::after{position: absolute;margin: auto;content: "";vertical-align: middle;}
.sparrow a::before{ top:14px; left:0;width: 15px;height: 1px; background:#FFF;}
.sparrow a::after{top:12px; left:10px;width: 4px;height: 4px;-webkit-transform: rotate(45deg);transform: rotate(45deg);border-top: 1px solid #FFF;border-right: 1px solid #FFF;}
.nav li h4{ display:block; font-size:10px; line-height:14px;color: #27525A; letter-spacing:0 !important}
.search { display:none}
.spsearch { display:block !important; padding:0 0 0 20px}
}

@media print, screen and ( min-width :1025px ) {
  .h_logo img { width: 200px;  }
  #h_top { display: flex; justify-content: space-between; align-items: center;  }
  #gNav ul {  position: relative;  display: flex; list-style:none }
  #gNav li {  position: relative;  margin-right:30px;  }
  #gNav li:last-child {  margin-right: 0;  }
  #gNav li i {  font-size: 13px;  margin-left: 5px;  }
  #gNav li a {  position: relative; display: block;  text-align: center; line-height: 30px; color:#333  }
  #gNav .sub-menu { visibility: hidden; opacity: 0; z-index: 1; display: block; position:fixed; top: 50px; right:3%; width:50%; -webkit-transition: all .2s ease; transition: all .2s ease;color:#FFF;padding:20px;min-width:1000px; border-radius:10px; }
.sub-menu li{ display:flex !important;justify-content: space-around;}
.nav li h4{ display:none}
  #gNav dl dt{ font-size:34px; line-height:44px; margin-top:10px }
  #gNav dl dd{ font-size:16px !important; line-height:26px; font-weight:normal !important}
  #gNav dl dd{ font-size:16px !important; line-height:26px; font-weight:normal !important}
  #gNav dl dd a{ position:relative; text-align:left}
  #gNav dl dd a .arrow::before{ background:#FFF !important; top:8px !important; left:-100px !important; right:auto !important}
  #gNav dl dd a .arrow::after{border-top: 1px solid #FFF !important;border-right: 1px solid #FFF !important; top:6px !important; left:-90px !important; right:auto !important;}
.gNav1 div{ width:30%; }
.gNav2{ width:230px; margin:0 20px 0 0;display:block !important; }
.gNav3{ width:400px; margin:0 30px 0 0; }
.gNav3 div { display:flex}
.gNav3 div div{ width:200px; margin:0; padding:0}
.gNav3 p,.gNav2 p{display: flex;align-items: center; }
.gNav3 p::after,.gNav2 p::after{ content: ""; background:#FFF; height:1px;  flex-grow: 1;  margin-left: 15px}
.gNav4{ display:flex }
.sparrow { width:100%; }
.sparrow a{ position:relative;vertical-align: middle;text-decoration: none; z-index:30; text-align:left !important; width:100%; }
.sparrow a::before,.sparrow a::after{position: absolute;margin: auto;content: "";vertical-align: middle;}
.sparrow a::before{ top:14px; left:0;width: 15px;height: 1px; background:#FFF;}
.sparrow a::after{top:12px; left:10px;width: 4px;height: 4px;-webkit-transform: rotate(45deg);transform: rotate(45deg);border-top: 1px solid #FFF;border-right: 1px solid #FFF;}
#gNav .sub-menu a { padding:5px 0 0 30px; margin:10px; display: block;  border-bottom: none; line-height: 1.2em; color:#FFF !important}
#gNav .sub-menu a:hover:after { content: none;}
#gNav .sub-menu li {display: block;padding: 0; margin: 0; }
#gNav .sub-menu li:last-child {border-bottom: none;  }
#gNav ul > li:hover { -webkit-transition: all .5s;  transition: all .5s;  }
#gNav ul > li:hover a,#gNav .current-menu-item a,#gNav .current-menu-parent a {  color: #bfd0ff; }
#gNav li:hover ul.sub-menu {  top: 80px; visibility: visible;  opacity: 1;  z-index: 9999;  }
#gNav li ul li:after {  content: none; }
#gNav li:hover ul.sub-menu a { color: #111; }
#gNav .sub-menu li a:hover {  background:rgba(204,204,204,0.4);  }
#gNav .contact_btn a:hover {  color: #fff;  }
}
.search{ width:50px; height:50px; background-image:url(../img/common/search.gif); background-repeat:no-repeat }
.searchBox{ display:flex; margin:30px 0 }
.searchBox > input { font-size: 16px; vertical-align: middle;  border-radius: 3px;}
.searchBox > input[type="search"] {  border:none !important;  padding:10px 20px; width:200px; border-radius:20px 0 0 20px}
.searchBox > input[type="submit"] { background:#FFF url(../img/common/search.gif) no-repeat center center; border-radius:0 20px 20px 0; font-weight: bold; border: none;margin-left:0; padding:0 20px;}
.spsearch { display:none}
.searchttl .arrow::before{ top:14px !important; left:7px !important; background:#FFF !important;}
.searchttl .arrow::after{top:12px !important; left:18px !important;border-top: 1px solid #FFF !important;border-right:1px solid #FFF !important;}