@charset "utf-8";



img, object, embed, video {
	max-width: 100%;
}
/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width: 100%;
}
@media only screen and (min-width:200px) and (max-width:500px) {
.gridContainer {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	min-width: 320px;
	padding: 0px;
	display: block;
	margin-bottom: 10px;
}


.header{ height:139px; width:100%; position: absolute; display:block;  background:url(../images/head-bg.png) left top repeat-x; z-index:1; top:0px;}


.title01{ width:100%; text-align:center; font-size:30px; font-family: 'colabthin', Arial, Helvetica, sans-serif; color:#FFF; letter-spacing:-1px; margin:88px 0 0 0; padding:0 30px;}
.title02{ width:100%; text-align:left; font-size:24px; font-family: 'colablig', Arial, Helvetica, sans-serif; color:#222222; letter-spacing:-1px; margin:45px 0 20px 0;}

#icarousel {
	display:none;
}
.company-box02{ float:left; width:48%; margin:0 1%; text-align:center; min-height:80px}
.company-box02 img{ width:200px; margin:0 auto;}
.company-box03{ float:left; width:48%; margin:0 1%; text-align:center; min-height:80px}
.company-box03 img{ width:200px; margin:0 auto;}
.company-box01{ padding-bottom:0px; }
.fotter-link{display:none;}
.copyright-text{ float:right; width:100%; border-top:1px solid #dcdcdc; padding:18px 0 0 0; color:#555555; line-height:22px; margin-top:20px; }
.company-box02:first-child{ margin-left:0px;}
.services-box01{ width:98%; float:left; margin-right:1.0%; margin-left:1.0%; margin-bottom:2.5%;}
.services-box02{ background-color:#ededed;  min-height:200px; margin-bottom:1px; }
.services-box01 img{ width:100%;}
.brad-come{ background:url(../images/back-sad2.png) left top no-repeat; background-size:cover; padding:21px 0 8px 10px; }
.middle-banner1{ height:160px; background:url(../images/inner-banner1.jpg) left -40px no-repeat; margin:70px 0 0 0; }
.title03{  text-align:left; font-size:30px; font-family: 'colabthin', Arial, Helvetica, sans-serif; color:#222222; letter-spacing:-1px; margin:45px 0 0px 21px; }
.img-box01{ display:none;}
.sd-box1{ float:none; width:100%; padding:2% 2% ; }
.sd-box2{ float:none; width:100%; padding:2% 2% ; }
.liststyle-01{ width:100%; padding:2% 2% ;}
.liststyle-01 ul li{ float:left; width:100%;  line-height:35px;}

.liststyle-02{ width:100%; padding:2% 2% ;}
.liststyle-02 ul li{ float:left; width:100%;  line-height:35px;}

.liststyle-03 ul li{  line-height:30px;}





}
 @media only screen and (min-width:501px) and (max-width:768px) {
.gridContainer {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	display: block;
	margin-bottom: 14px;
}
#icarousel {
	width: 360px !important;
	height: 256px !important;
	position: relative;
}

#icarousel .slide {
	width: 360px !important;
	height: 256px !important;
}

a.iCarouselNav {
	top: 110px !important;
}

.carousel-container {
	width: 100% !important;
	overflow: hidden;
	padding: 27px 0 9px;
}
.title01{ width:100%; text-align:center; font-size:30px; font-family: 'colabthin', Arial, Helvetica, sans-serif; color:#FFF; letter-spacing:-1px; margin:88px 0 0 0;}

.elastislide-carousel ul li, .elastislide-horizontal ul li {
	padding:0px 12px;
	width:50% !important;
}
.company-box02{ float:left; width:30%; margin:0 1%; text-align:center; min-height:80px}
.company-box02 img{ width:200px; margin:0 auto;}
.company-box03{ float:left; width:48%; margin:0 1%; text-align:center;}
.company-box03 img{ width:200px; margin:0 auto;}
.copyright-text{ float:right; width:100%; border-top:1px solid #dcdcdc; padding:18px 0 0 0; color:#555555; line-height:22px; margin-top:20px; }
.company-box02:first-child{ margin-left:0px;}

.services-box01{ width:48%; float:left; margin-right:1.0%; margin-left:1.0%; margin-bottom:2.5%;}
.brad-come{ background:url(../images/back-sad2.png) left top no-repeat; background-size:cover; }
.middle-banner1{ height:160px; background:url(../images/inner-banner1.jpg) left -40px no-repeat; margin:30px 0 0 0; }
.title03{  text-align:left; font-size:30px; font-family: 'colabthin', Arial, Helvetica, sans-serif; color:#222222; letter-spacing:-1px; margin-top:65px; }
.img-box01{ float:right; width:40%;}

.erp-title1{ float:left; width:30%;  font-family: 'sourcesans', Arial, Helvetica, sans-serif; color:#737373; font-size:18px; margin-top:3.5%; line-height:25px;}
.erp-title2{ float:left; width:45%; font-family: 'sourcesans', Arial, Helvetica, sans-serif; color:#e55304; font-size:16px; margin-top:4.5%; line-height:25px; }



}
 @media only screen and (min-width:769px) and (max-width:900px) {
.gridContainer {
	width: 100%;
	min-width: 768px;
	margin-left: auto;
	margin-right: auto;
	display: block;
	margin-bottom: 14px;
}


.services-box01{ width:45%; float:left; margin-right:2.0%; margin-left:2.0%; margin-bottom:2.5%;}
.services-box01 img{ width:100%;}


}
 @media only screen and (min-width:1025px) {
.gridContainer {
	width: 100%;
	max-width:1170px;
	padding: 0px;
	margin-left: auto;
	margin-right: auto;
	display: block;
	margin-bottom: 14px;
	border: none;
}
}
  
  
  
  
   /* -------------------EXTRA CLASSES------------------*/

.npfix1{ margin-bottom:0px;}
.npfix2{ padding-left:20px; padding-right:20px;}


 @media only screen and (min-width:752px) and (max-width:1107px) {
.elastislide-carousel ul li, .elastislide-horizontal ul li {
	padding:0px 12px;
	width:50% !important;
}

.elastislide-horizontal nav span {
	top: 33%;
	left:-5px;
	margin-top: -5px;
}

.elastislide-horizontal nav span.elastislide-next {
	right:-5px;
	left: auto;
	background:url(../images/arowright.png) top left no-repeat;
}
 }
 
 
 @media only screen and (min-width:500px) and (max-width:751px) {
.elastislide-carousel ul li, .elastislide-horizontal ul li {
	padding:0px 12px;
	width:90% !important;
	margin-left:5%; }
	
.elastislide-horizontal nav span {
	top: 25%;
	left:5px;
	margin-top: -5px;
}

.elastislide-horizontal nav span.elastislide-next {
	right:5px;
	left: auto;
	background:url(../images/arowright.png) top left no-repeat;
}
.header{ height:139px; width:100%; position: absolute; display:block;  background:url(../images/head-bg.png) left top repeat-x; z-index:1; top:0px;}

.sd-box1{ float:none; width:100%; padding:2% 2% ; }
.sd-box2{ float:none; width:100%; padding:2% 2% ; }
.liststyle-01{ width:100%; padding:2% 2% ;}
.liststyle-01 ul li{ float:left; width:100%;  line-height:35px;}
.liststyle-02{ width:100%; padding:2% 2% ;}
.liststyle-02 ul li{ float:left; width:100%;  line-height:35px;}
.img-box01{ float:none; width:100%; text-align:center;}


 }
 
  
 
 @media only screen and (min-width:200px) and (max-width:499px) {
	 
	 .header{ height:139px; width:100%; position: absolute; display:block;  background:url(../images/head-bg.png) left top repeat-x; z-index:1; top:0px;}
.elastislide-carousel ul li, .elastislide-horizontal ul li {
	padding:0px 12px;
	width:90% !important;
	margin-left:5%; }
	
.elastislide-horizontal nav span {
	top: 25%;
	left:5px;
	margin-top: -5px;
}

.elastislide-horizontal nav span.elastislide-next {
	right:5px;
	left: auto;
	background:url(../images/arowright.png) top left no-repeat;
}
.sr-title1 .text{ display:none;}

.elastislide-carousel {
	height:100px;
	overflow: hidden;
	position: relative;
	width:100%; margin:0px;
	margin:0 auto;
}



.sr-ico1, .sr-ico2, .sr-ico3, .sr-ico4, .sr-ico5{ width:90px; height:84px;  background-size:cover;  margin:10px 0 0 10px;}



.sr-title1{ margin:35px 15px 0 0; width:200px; float:left; }
.sr-title1 .text{font-size:13px; line-height:19px; font-family: 'sourcesans' , Arial, Helvetica, sans-serif; color:#FFF; text-align:justify; width:100%; white-space: normal !important;}
.sr-title1 .title{ font-size:24px; font-family: 'colablig', Arial, Helvetica, sans-serif; color:#FFF; display:block; letter-spacing:-1px; margin-bottom:5px;  }

.npfix2{ padding-left:8px; padding-right:8px;}
.npfix3{ position:relative;}

.login-box4{ float:none; width:100%; padding:0;}
.login-box4+.login-box4{float:none; width:100%; padding:0; margin-top:20px;}



 }
  @media only screen and (min-width:200px) and (max-width:400px) {
.sr-title1 {
    float: left;
    margin: 35px 5px 0 0;
    width: 120px;
}
.sr-title1 .title{ font-size:21px; white-space:normal;}
  }
  @media only screen and (min-width:750px) and (max-width:900px) {
  .stratagi-box2 span{font-size:18px;}
  
  }
  
    @media only screen and (min-width:401px) and (max-width:749px) {
  .stratagi-box2 span{font-size:18px;}
  .stratagi-box2{ width:50%; float:left; text-align:center; margin-bottom:30px;}
  }
    
    @media only screen and (min-width:200px) and (max-width:400px) {
  .stratagi-box2 span{font-size:18px;}
  .stratagi-box2{ width:100%; float:left; text-align:center; margin-bottom:30px;}
  }
 @media only screen and (min-width:200px) and (max-width:600px) { 
.contact-box2{  padding:50px 0 30px 0;}
.contact-box3{ float:left; width:100%; padding:0 0 0 14px; line-height:35px; margin-bottom:5px;}
.contact-box4{ float:left; width:100%; padding:0 3% ; margin-bottom:20px; }
.contact-box4 span{ float:left; width:100%; padding:1px 0 5px 0;}
.contact-box4 .contact-box4{ padding-left:0;}
.login-box1{ width:100%;  padding:35px 10px 0px 10px; margin:0 auto;}

.about-box1{ width:100%; float:none; margin-right:0%; padding-bottom:20px;}
.about-box2{ width:100%; float:none; margin-right:0%; padding-bottom:20px;}
.about-box3{ width:100%; float:none; margin-right:0%; padding-bottom:20px;}


.erp-title1{ float:left; width:73%;  font-family: 'sourcesans', Arial, Helvetica, sans-serif; color:#737373; font-size:20px; margin-top:3.5%; line-height:25px;}
.erp-icon{ float:left; width:22%; height:80px; background:url(../images/arrow_01.png) left top no-repeat; margin-top:1%; margin-right:0;  background-size: contain; min-width:0;  display:block; }

.pc-icon{ float:left; width:7%; height:80px; background:url(../images/arrow_02.png) left top no-repeat; margin-top:2%; margin-right:0;  background-size: contain; min-width:0;  display:block; }

.erp-title2{ float:left; width:100%; font-family: 'sourcesans', Arial, Helvetica, sans-serif; color:#e55304; font-size:18px; margin-top:4.5%; margin-bottom:2%; line-height:25px; }
.float-img{ float:none; width:100%; text-align:center;}
.pc-box1{ float:left; width:90%; padding:0 15px; margin-top:2.5%;}
.liststyle-03 ul li{ background:url(../images/right-sign.png) 2px 6px no-repeat; line-height:25px; margin-bottom:7px;}





 }