.cf:after,
.cf:before{content:" ";display:table}
.cf:after{clear:both}
		.nav_wrap{height:0;}
		.demo_header{width:100%;position:fixed;top:0;z-index:10;padding:15px 0;
		background: rgba(255,255,255,.7);
		border-bottom: 1px solid #d1d1d1;
}

.h_inner{
		width:94%;
margin:0 auto}

@media screen and (max-width:999px){
		.h_inner{width:96%}
} 

@media screen and (max-width:639px){
.demo_header{position:static}}
		/*.h_logo{float:left;font-weight:700;font-size:20px}*/
		/*.h_logo a{color:#000;text-decoration:none}*/
.g_nav{float:right;padding-top:5px}
.g_nav li{float:left;margin-right:20px}
.g_nav li:last-child{margin-right:0}
.g_nav li a{color:#000;text-decoration:none;transition:color ease .4s;-webkit-transition:color ease .4s;-moz-transition:color ease .4s;-o-transition:color ease .4s;-ms-transition:color ease .4s}
.g_nav li.active a,
		.g_nav li:hover a{color:#cc0000}

#navToggle{display:none}
		/*.g_nav */
		/*.sp_logo{display:none}*/

@media screen and (max-width:639px){
		#navToggle{display:block;position:fixed;right:0;top:10px;width:50px;height:50px;cursor:pointer;z-index:100;background-color:#00a0db;opacity:0.6;padding:10px;border-top-left-radius:5px;border-bottom-left-radius:5px;transition:All ease .4s;-webkit-transition:All ease .4s;-moz-transition:All ease .4s;-o-transition:All ease .4s;-ms-transition:All ease .4s}
.openNav #navToggle{right:200px}
#navToggle div{position:relative}
#navToggle span{display:block;position:absolute;width:100%;border-bottom:2px solid #fff;transition:All ease-in-out .4s;-webkit-transition:All ease-in-out .4s;-moz-transition:All ease-in-out .4s;-o-transition:All ease-in-out .4s;-ms-transition:All ease-in-out .4s}
#navToggle span:nth-child(1){top:0}
#navToggle span:nth-child(2){top:8px}
#navToggle span:nth-child(3){top:16px}
#navToggle span:nth-child(4){top:23px;border-bottom:none;font-size:10px;letter-spacing:0;color:#fff}
.openNav #navToggle span:nth-child(1){top:11px;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg)}
.openNav #navToggle span:nth-child(2),.openNav #navToggle span:nth-child(3){top:11px;transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg)}
.g_nav{display:block;margin-left:-2%;flex:auto;position:fixed;top:0;right:0;width:0;height:100%;box-sizing:border-box;overflow:hidden;padding-top:0;transition:All ease-in-out .4s;-webkit-transition:All ease-in-out .4s;-moz-transition:All ease-in-out .4s;-o-transition:All ease-in-out .4s;-ms-transition:All ease-in-out .4s}
.openNav .g_nav{z-index:99;width:100%;height:100%}
.g_nav .overlay{width:100%;height:100%;background:rgba(0,0,0,0);transition:All ease-in-out .4s;-webkit-transition:All ease-in-out .4s;-moz-transition:All ease-in-out .4s;-o-transition:All ease-in-out .4s;-ms-transition:All ease-in-out .4s}
.openNav .g_nav .overlay{background:rgba(0,0,0,.6)}
.g_nav .nav_inner{width:200px;height:100%;background-color:#fff;position:absolute;right:-200px;transition:All ease-in-out .4s;-webkit-transition:All ease-in-out .4s;-moz-transition:All ease-in-out .4s;-o-transition:All ease-in-out .4s;-ms-transition:All ease-in-out .4s}
.openNav .g_nav .nav_inner{right:0}
		/*.g_nav .sp_logo{display:block;padding:20px 0;font-weight:700;font-size:20px;text-align:center}*/
		/*.g_nav .sp_logo a{color:#000;text-decoration:none}*/
.g_nav ul{border-top:1px solid #ccc;border-bottom:1px solid #efefef}
.g_nav ul li{float:none;margin:0;border-bottom:1px solid #ccc;border-top:1px solid #efefef}
.g_nav ul li a{display:block;padding:20px 0;text-align:center}