.menu-trigger, .menu-trigger span {display: inline-block;transition: all .4s;box-sizing: border-box;}
.menu-trigger {position: relative;width: 30px;height: 23px;}
.menu-trigger span {position: absolute;left: 0;width: 100%;height: 1px;background-color: #31e8f3;border-radius: 4px;}
.menu-trigger span:nth-of-type(1) {top: 0;}
.menu-trigger span:nth-of-type(2) {top: 9px;}
.menu-trigger span:nth-of-type(3) {top: 18px;}
.menu-trigger.active span {width: 80%;left: 5px;}
.menu-trigger.active span:nth-of-type(1) {top: 5px;-webkit-transform: translateY(5px) rotate(-45deg);transform: translateY(5px) rotate(-45deg);}
.menu-trigger.active span:nth-of-type(2) {opacity: 0;}
.menu-trigger.active span:nth-of-type(3) {top: 30px;-webkit-transform: translateY(-20px) rotate(45deg);transform: translateY(-20px) rotate(45deg);}
#slideMenu {z-index: 100;width: 80%;height: 100%;position: fixed;right: -400px;background: rgba(0,0,0,.86);padding: 30px 0 0 0;}
#slideMenu .slideInner li {display: block;padding: 15px 0;}
.glovalmenu {position: relative;cursor: pointer;}
#headerInner li ul li {display: block;display: block;float: none;font-size: 16px;max-width: 320px;background: #085a60;color: #fff;text-decoration: none;text-align: left;border-bottom: 1px solid #041e21;position: relative;}
#headerInner li ul li:after {font-family: "FontAwesome";content: "";position: absolute;position: absolute;top: 50%;top: 18px;right: 10px;margin-top: -12px;color: #fff;}
.glovalmenu:after {font-family: "FontAwesome";content: "";position: absolute;position: absolute;top: 50%;top: 12px;right: -14px;margin-top: -12px;color: #fff;}
.arrowR:after {content: "";}
#headerInner li ul {z-index: 9999;position: absolute;top: 40px !important;left: -10px;width: 240px;margin-left: -1px;}
#headerInner li ul li a {color: #fff;display: block;text-decoration: none;padding: 8px 10px;font-weight: normal;padding-right: 20px;}
.glovalmenu {padding-bottom: 20px;}
.submenu {display: none;}
@media screen and (max-width: 768px) {#particle {display: none;}
	.slideInner {min-height: 1000px;}
	#slideMenu {background: rgba(0,0,0,.9);z-index: 19999;overflow-y: scroll;}
	#slideMenu li {color: #fff;border-bottom: 1px solid #075c61;font-weight: bold;}
	#slideMenu li a {padding: 12px 10px;}
	#slideMenu li.menuHead {color: #fff;padding: 16px 10px;}
	#slideMenu li a {color: rgba(255,255,255,1);text-decoration: none;}
	.slideInner li {text-indent: 1.5em;cursor: pointer;position: relative;}
	.slideInner li:last-child {border-bottom: none;padding-bottom: 0px;}
	.submenu {position: absolute;top: 50px !important;left: 1px;width: 240px;border-right: 1px solid #fff;border-bottom: 1px solid #fff;border-left: 1px solid #fff;margin-left: -1px;}
	.spSubmenu {border-top: 1px solid #075c61;margin-top: 15px;background: rgba(23,67,74,.65);margin-bottom: -16px;display: none;}
	.spSubmenu li a {text-indent: 1em;display: block;padding: 0px 10px !important;}
	.globalNavSP_arrow1 {text-indent: .9em !important;}
	.globalNavSP_arrow1:after {font-family: "FontAwesome";content: "";position: absolute;top: 50%;right: 20px;margin-top: -12px;color: #fff;}
	.globalNavSP_arrow2:after {font-family: "FontAwesome";content: "";position: absolute;position: absolute;top: 50%;top: 18px;right: 10px;margin-top: -12px;color: #fff;transform: rotate(90deg);}}