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


body{
	margin:0px;
	padding:0px;
	background-position:top center;	
	background-repeat:no-repeat;
	font-family:Tahoma, Geneva, sans-serif;
}
/*-------------- menu section 1 ------------------*/
.nav-wrapper{max-width: 202px; height: 100%; background: rgba(245, 114, 6, 0.8); padding-top: 0px; position: fixed;}
/* Menu1 */
.button ul{overflow:hidden; margin-top:0px; max-width:100%;}
.button ul li {	display: inline-block; position: relative; float:left;}
.button ul li a {max-width:100%; display:block; text-decoration:none; height: 68px; border-bottom: 1px solid #fbec4b;}
.button ul li:last-child a{ border-bottom:none; }
.button ul li a.bt-l-home {display: block; background-image:url("/images/bt-l-home01.png"); background-position:top center; background-repeat:no-repeat; max-width:100%;}
.button ul li a.bt-l-home:hover {display: block; background-image:url("/images/bt-l-home02.png"); background-position:top center; background-repeat:no-repeat; max-width:100%;}
.button ul li a.bt-l-news {display: block; background-image:url("/images/bt-l-news01.png"); background-position:top center; background-repeat:no-repeat; max-width:100%}
.button ul li a.bt-l-news:hover {display: block; background-image:url("/images/bt-l-news02.png"); background-position:top center; background-repeat:no-repeat; max-width:100%}
.button ul li a.bt-l-about {display: block; background-image:url("/images/bt-l-about01.png"); background-position:top center; background-repeat:no-repeat; max-width:100%}
.button ul li a.bt-l-about:hover {display: block; background-image:url("/images/bt-l-about02.png"); background-position:top center; background-repeat:no-repeat; max-width:100%}
.button ul li a.bt-l-service {display: block; background-image:url("/images/bt-l-service01.png"); background-position:top center; background-repeat:no-repeat; max-width:100%}
.button ul li a.bt-l-service:hover {display: block; background-image:url("/images/bt-l-service02.png"); background-position:top center; background-repeat:no-repeat; max-width:100%}
.button ul li a.bt-l-contact {display: block; background-image:url("/images/bt-l-contact01.png"); background-position:top center; background-repeat:no-repeat; max-width:100%}
.button ul li a.bt-l-contact:hover {display: block; background-image:url("/images/bt-l-contact02.png"); background-position:top center; background-repeat:no-repeat;max-width:100%}
.button ul li a.bt-l-PayMent {display: block; background-image:url("/images/bt-l-PayMent01.png"); background-position:top center; background-repeat:no-repeat; max-width:100%}
.button ul li a.bt-l-PayMent:hover {display: block; background-image:url("/images/bt-l-PayMent02.png"); background-position:top center; background-repeat:no-repeat; max-width:100%}
.button ul li a.bt-l-jobs {display: block; background-image:url("/images/bt-l-jobs01.png"); background-position:top center; background-repeat:no-repeat; max-width:100%}
.button ul li a.bt-l-jobs:hover {display: block; background-image:url("/images/bt-l-jobs02.png"); background-position:top center; background-repeat:no-repeat; max-width:100%}

@media screen and (min-width: 64em) {
	.nav-wrapper{max-width: 100%; height: 100%; padding-top: 96px; position: fixed;}
}
@media screen and (max-width: 64em) {
	.nav-wrapper{max-width: 100%; height: 100%; padding-top: 0px; position: fixed;}
}
@media screen and (max-width: 360px) {
	.nav-wrapper{max-width: 100%; height: 100%; padding-top: 0px; position: fixed;}
}
/*-------------- menu section 1 ------------------*/