body{
margin:0px;
font-family:tahoma;
font-size:14px;
color:#666666;
text-align:justify;
}
.pad{
padding:8px;
}
.wrap{
width:1050px;
margin:0 auto;
}
.header{
margin-top:10px;
height:120px;
overflow:hidden;
}
.top{
background-color:#e10000;
padding:5px;
}
.logo{
width:350px;
padding:5px;
float:left;
}
.menu{
width:600px;
float:right;
margin-top:45px;
}
.flash{
background-position:center;
overflow:hidden;
border-top:1px #0066CC solid;
}
.flash_inner{
background-image:url(/images/flash_bg.jpg);
padding:2px 0px 2px 0px;
background-position:center;
overflow:hidden;
}
.content{
width:700px;
float:left;
padding:10px 0px 10px 0px;
}
.content1{
width:620px;
float:right;
padding:10px 0px 10px 10px;
}
.side_navi{
width:380px;
float:left;
padding:2px 5px 10px 5px;
overflow:hidden;
}
.product{
width:310px;
float:right;
overflow:hidden;
}
.prod{
padding:10px 0px 10px 0px;
background-image:url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
height:300px;
padding:10px;
color:#FFFFFF;
border:4px #628aa7 solid;
}
.txt{
font-size:14px;
color:#666666;
font-family:tahoma;
font:tahoma;
line-height:26px;
}
.blu{
color:#33FFFF;
font-size:14px;
}
.bd_bt{
border-bottom:1px #CCCCCC dashed;
}

.custom_scrollbar {
	height: 300px;
	width: 265px;
	overflow: scroll;
	padding: 0 20px 0 0;
	
}

.custom_scrollbar::-webkit-scrollbar {
	width: 10px;
	height: 0px;
}

.custom_scrollbar::-webkit-scrollbar-thumb:vertical {
	background-color:#CCCCCC;
	-webkit-border-radius: 6px;
	
}
.custom_scrollbar::-webkit-scrollbar-thumb:vertical:hover,
.custom_scrollbar::-webkit-scrollbar-thumb:horizontal:hover {
	background:#333333;
}
.custom_scrollbar::-webkit-scrollbar-thumb:horizontal {
	background-color:#666666;
	-webkit-border-radius: 6px;
}
.read{
padding:5px;
float:right;
display:block;
}
.read a{
width:80px;
background-color:#01487C;
text-decoration:none;
color:#FFFFFF;
padding:2px;
float:right;
display:block;
}
.read a:hover{
width:80px;
text-decoration:none;
background-color:#333333;
color:#FFFFFF;
padding:2px;
}
.client_bg{
background-image:url(/images/client_bg.jpg);
height:350px;
padding:20px;
border-top:5px #CCCCCC solid;
background-position:center;
background-size:100%;
margin-top:15px;
}
.testimonial_box{
width:46%;
padding:8px;
border:1px #E1E1E1 solid;
float:left;
border-radius:5px; 
margin-left:15px;
background-color:#FFFFFF;
opacity: 0.8;
    filter: alpha(opacity=80); 
}
.client{
width:93%;
margin:0 auto;
padding:8px;
border:1px #E1E1E1 solid;
float:right;
border-radius:5px; 
margin-right:15px;
height:285px;
background-color:#FFFFFF;
opacity: 0.8;
    filter: alpha(opacity=80); 
}

.stepcarousel{
position: relative; 
overflow: scroll; 
width: 500px; 
height: 200px; 
-webkit-box-sizing: border-box; 
-moz-box-sizing: border-box;

box-sizing: border-box;
}

.stepcarousel .belt{
	position: absolute; 
	left: 0;
	top: 0;
	width: 479px;
}

.stepcarousel .panel{
float: left; 
overflow: hidden; 
margin: 10px 25px 10px 10px; 
width: 470px;
line-height:22px;
font-family:"Trebuchet MS";
font-size:14px;
}

span.paginatecircle{ 
background: white;
border: 2px solid black;
border-radius: 10px;
width: 6px;
height: 6px;
cursor: pointer;
display: inline-block;
margin-right: 4px;
}

span.paginatecircle:hover{
background: gray;
}

span.paginatecircle.selected{
background: black;
}

.gallery{
width:95%;
margin:0 auto;
overflow:hidden;
}
.gallery ul{
margin:0px;
padding:0px;
list-style-type:none;
}
.gallery ul li{
display:inline;
}
.gallery ul li a{
display:block;
float:left;
margin:10px;
color:#000000;
text-decoration:none;
padding:2px;
background-color:#CCCCCC;
}
.gallery ul li a:hover{
background-color:#999999;
color:#000000;
text-decoration:none;
}
.footer{
background-color:#000000;
border-top:4px #e10000 solid;
overflow:hidden;
margin-top:5px;
}
.ft_new{
background-repeat:repeat-x;
padding:10px;
margin-top:8px;
overflow:hidden;
}
.ft_box1{
width:31%;
float:left;
padding:5px;
}
.ft_box2{
width:21%;
float:left;
padding:5px;
margin-left:10px;
}
.ft_box3{
width:41%;
float:right;
padding:5px;
margin-left:10px;
}
@font-face {
    font-family: menubar;
    src: url(/steelfish.ttf);
}

.ft_til{
font-family:menubar;
font-size:24px;
color:#acd2f8;
}
.wht{
color:#FFFFFF;
text-decoration:none;
}
.wht a{
color:#FFFFFF;
text-decoration:none;
}
.wht a:hover{
color:#FFFFFF;
text-decoration:underline;
}
.blk_tit{
font-family:menubar;
font-size:28px;
color:#000000;
letter-spacing:1px;
}
.blk_tit1{
font-family:calibri;
font-size:24px;
letter-spacing:normal;
color:#006666;
letter-spacing:-1px;
}
.tab1{
width:100%;
padding:8px;
border:1px #CCCCCC solid;
border-radius:5px;
}
.txt_tab1{
width:99%;
}
.mis{
width:45%;
float:left;
border:1px #f2f2f2 solid;
border-radius:10px;
padding:8px;
margin-left:7px;
height:280px;
background-color:#f5f5f5;
opacity: 0.8;
    filter: alpha(opacity=80); 
}
.team{
width:45%;
float:right;
border:1px #f2f2f2 solid;
border-radius:10px;
padding:8px;
margin-right:7px;
height:280px;
opacity: 0.8;
    filter: alpha(opacity=80); 
background-color:#f5f5f5;
}
.num{
border:5px #66CCFF solid;
border-radius:25px;
padding:10px;
font-size:20px;
width:20px;
background-color:#EFEFEF;
float:left;
}
.sml_txt{
font-size:14px;
color:#666666;
font-family:calibri;
text-align:left;
}
.sml_menu{
color:#FFFFFF;
text-decoration:none;
font-size:11px;
}
.sml_menu a{
color:#FFFFFF;
text-decoration:none;
font-size:11px;
}
.sml_menu a:hover{
color:#FFFFFF;
text-decoration:underline;
font-size:11px;
}


.captionOrange, .captionBlack
        {
            color: #fff;
            font-size: 20px;
            line-height: 30px;
            text-align: center;
            border-radius: 4px;
        }
        .captionOrange
        {
            background: #EB5100;
            background-color: rgba(235, 81, 0, 0.6);
        }
        .captionBlack
        {
        	font-size:16px;
            background: #000;
            background-color: rgba(0, 0, 0, 0.4);
        }
        a.captionOrange, A.captionOrange:active, A.captionOrange:visited
        {
        	color: #ffffff;
        	text-decoration: none;
        }
        a.captionOrange:hover
        {
            color: #eb5100;
            text-decoration: underline;
            background-color: #eeeeee;
            background-color: rgba(238, 238, 238, 0.7);
        }
        .bricon
        {
            background: url(/img/browser-icons.png);
        }

.box{
width:250px;
float:left;
height:330px;
box-shadow: 0px 0px 10px #717171;
background-color:#FFFFFF;
border:1px #CCCCCC solid;
}
.box1{
width:250px;
float:left;
height:330px;
box-shadow: 0px 0px 10px #717171;
background-color:#FFFFFF;
margin-left:14px;
border:1px #CCCCCC solid;
}
.soft1{
background-color:#f1bb3f;
padding:10px;
display:block;
}
.soft2{
background-color:#01a89e;
padding:10px;
display:block;
}
.soft3{
background-color:#d66c9a;
padding:10px;
display:block;
}
.soft4{
background-color:#b1c87a;
padding:10px;
display:block;
}
.sft_tit{
font-family:software;
font-size:20px;
color:#000000;
padding:8px;
text-align:center;
font-family:
}
@font-face {
    font-family:software;
    src: url(/Lato-Light.ttf);
}
.wht_sml{
font-size:12px;
text-align:justify;
}
.ti1{
font-size:20px;
color:#006699;
}
.ti2{
font-size:14px;
color:#006699;
}
.sml_txt1{
font-size:14px;
color:#999999;
font-family:calibri;
text-align:justify;
}
.title{
font-size:30px;
color:#FFFFFF;
font-family:calibri;
}
.lft{
width:45%;
float:left;
padding:10px;
}
.rht{
width:45%;
float:right;
padding:10px;
}
.txt18{
color:#999999;
font-size:18px;
font-family:calibri;
}
.btn{
font-family:calibri;
font-size:16px;
}
.btn a{
background-color:#00a1cb;
width:150px;
padding:5px;
color:#FFFFFF;
text-decoration:none;
font-size:16px;
}
.btn a:hover{
background-color:#333333;
}

.vertical-text {
	transform: rotate(90deg);
	color:#1c668b;
}
.wht1{
font-size:14px;
color:#FFFFFF
}
A.ssmItems:link		{color:black;text-decoration:none;}
A.ssmItems:hover	{color:black;text-decoration:none;}
A.ssmItems:active	{color:black;text-decoration:none;}
A.ssmItems:visited	{color:black;text-decoration:none;}
.link{
font-size:13px;
color:#006699;
text-decoration:none;
}
.link a{
font-size:13px;
color:#006699;
text-decoration:none;
}
.link a:hover{
font-size:13px;
color:#666666;
font-weight:bold;
text-decoration:none;
}
.left{
width:45%;
float:left;

}
.right{
width:45%;
float:right;
text-align:right;
}
#feedback { 
  height: 104px; 
  width: 104px; 
  position: fixed; 
  top: 40%; 
  z-index: 999;
  transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg); 
  -moz-transform: rotate(-90deg); 
  -o-transform: rotate(-90deg); 
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

#feedback a { 
  display: block; 
  background: #1c668b; 
  height: 18px; 
  width: 80px;
  text-align:center;  
  padding: 8px 16px;
  color: #fff; 
  font-family: Arial, sans-serif; 
  font-size: 17px; 
  font-weight: bold; 
  text-decoration: none; 
  border-bottom: solid 1px #333;
  border-left: solid 1px #333;
  border-right: solid 1px #fff;
}

#feedback a:hover { 
  background: #06c; 
  
}
@media only screen
and (min-width : 320px)
and (max-width : 480px) {

.wrap{
width:100%;
margin:0 auto;
}
.header{
margin-top:10px;
height:auto;
}
.top{
background-color:#e10000;
padding:5px;
}
.logo{
width:100%;
padding:5px;
float:none;
clear:both;
}
.menu{
width:100%;
float:none;
margin-top:5px;
}
.content{
width:100%;
float:none;
padding:10px 0px 10px 0px;
}
.content1{
width:100%;
float:none;
padding:10px 0px 10px 10px;
}
.side_navi{
width:100%;
float:none;
padding:2px 5px 10px 5px;
overflow:hidden;
}
.product{
width:100%;
float:none;;
overflow:hidden;
}
.ft_box1{
width:95%;
float:none;
padding:5px;
}
.ft_box2{
width:95%;
float:none;
padding:5px;
margin-left:10px;
}
.ft_box3{
width:95%;
float:none;
padding:5px;
margin-left:10px;
}

.box{
width:95%;
margin:0 auto;
float:none;
height:330px;
box-shadow: 0px 0px 10px #717171;
background-color:#FFFFFF;
border:1px #CCCCCC solid;
}
.box1{
width:95%;
margin:0 auto;
float:none;
height:330px;
box-shadow: 0px 0px 10px #717171;
background-color:#FFFFFF;
margin-left:6px;
margin-top:10px;
border:1px #CCCCCC solid;
}
.left{
width:95%;
float:none;
}
.right{
width:95%;
float:none;
text-align:center;
margin-top:10px;
}
.mis{
width:98%;
float:none;
border:1px #f2f2f2 solid;
border-radius:10px;
padding:8px;
margin-left:7px;
height:280px;
background-color:#f5f5f5;
opacity: 0.8;
    filter: alpha(opacity=80); 
}
.team{
width:98%;
float:none;
border:1px #f2f2f2 solid;
border-radius:10px;
padding:8px;
margin-right:7px;
height:280px;
opacity: 0.8;
    filter: alpha(opacity=80); 
background-color:#f5f5f5;
}
}

@media only screen
and (min-width : 360px)
and (max-width : 640px) {

.wrap{
width:100%;
float:none;
margin:0 auto;
}
.header{
margin-top:10px;
height:auto;
}
.top{
background-color:#e10000;
padding:5px;
}
.logo{
width:100%;
padding:5px;
float:none;
}
.menu{
width:100%;
float:none;
margin-top:5px;
}
.box{
width:95%;
margin:0 auto;
float:none;
height:330px;
box-shadow: 0px 0px 10px #717171;
background-color:#FFFFFF;
border:1px #CCCCCC solid;
}
.box1{
width:95%;
margin:0 auto;
float:none;
height:330px;
box-shadow: 0px 0px 10px #717171;
background-color:#FFFFFF;
margin-left:6px;
margin-top:10px;
border:1px #CCCCCC solid;
}
.left{
width:95%;
float:none;
}
.right{
width:95%;
float:none;
text-align:center;
margin-top:10px;
}
.mis{
width:98%;
float:none;
border:1px #f2f2f2 solid;
border-radius:10px;
padding:8px;
margin-left:7px;
height:280px;
background-color:#f5f5f5;
opacity: 0.8;
    filter: alpha(opacity=80); 
}
.team{
width:98%;
float:none;
border:1px #f2f2f2 solid;
border-radius:10px;
padding:8px;
margin-right:7px;
height:280px;
opacity: 0.8;
    filter: alpha(opacity=80); 
background-color:#f5f5f5;
}
}