body{
   margin:0 auto  ;
   width:100% ;
   height:auto ;

}
#mainbody{
   clear:both;
   margin:0 auto  ;
   width:1000px ;
   height:auto ;
   
}
 
#head{

  background-color:#1ecc6d ;
  width:100%;
  height:4.5em ;
  position:fixed;
  border-bottom:0.25em solid #1ecc6d;
   
}
#foot{
  clear:both;
  float:left;
  margin-top:3.5em ;
  background-color:#1ecc6d ;
  width:100%;
  height:4.5em ;
 
}
#foot-det{
 
  margin-top:1.5em ;
  color:white;
}
#head_logo{

float:left;
 background:url('../img/logo1.png')	;
 background-size: 60px 60px;
 width:60px;
 height:60px;
 margin-top:0.25em ;

}
h1.head_logo{
 
	float:left ;
    margin-left:5px ; 
	margin-right:10px ; 
	margin-top:30px ;
    font: 30px/100% Arial, Helvetica, sans-serif; 
	color:#FFFFFF ;

}
#main_conten{
  
  float:left;
  margin-top:100px ;
  width:100%;
  min-height:980px ;

}
#all-model{

float:left;
 background:url('../img/all-module1.png')	;
 /*background-size: 60px 60px;*/
 width:452px;
 height:497px;
 margin-top:0.25em ;

}
#badge-area{
float:left;
margin-top:2em ;
width:395px;
height:auto ;
}
#badge-area2{
float:left;
margin-top:0.5em ;
width:395px;
height:auto ;
}
#badge-img{
clear:both;
float:left;
height:52px;
width:200px ;
-moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -moz-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.15);
 margin-top:0.5em ;
 
}
.badge-apple{ background:url('../img/badge-apple.png')	;}
.badge-andr{ background:url('../img/badge-andr.png')	;}
.badge-wp{ background:url('../img/badge-wp.png')	;}
.badge-apple-soon{ background:url('../img/badge-apple-soon.png')	;}
.badge-andr-soon{ background:url('../img/badge-andr-soon.png')	;}
.badge-wp-soon{ background:url('../img/badge-wp-soon.png')	;}
.badge-apple-soon-a{ background:url('../img/badge-apple-soon-a.png')	;}
.badge-andr-soon-a{ background:url('../img/badge-andr-soon-a.png')	;}
.badge-wp-soon-a{ background:url('../img/badge-wp-soon-a.png')	;}
#logo-info{
clear:both;
float:left;
height:106px;
width:300px ;
background:url('../img/logo2.png')	;

}
#logo-title{


}
h1.logo-title{
 
    
    float:left;
	line-height:200px;
	margin-top:5px;
    margin-left:5px ; 
	margin-right:10px ; 
    font: 18px/100% Arial, Helvetica, sans-serif; 
	color:#262121 ;
	line-height:20px ;
	 

}
h1.logo-title2{
 
	float:left ;
	margin-top:5px;
    margin-left:5px ; 
	margin-right:10px ; 
    font: 31px/100% Arial, Helvetica, sans-serif; 
	color:#262121 ;
	 

}
#det-content{
margin-top:2.5em ;
margin-bottom:1.5em ;
clear:both;
float:left;
min-height:320px;
width:100%;
 

}
#det-content-left{
float:left;
margin-left:2.5em;
min-height:320px;
width:40%;
 

}
#det-content-right{
 float:left;
margin-left:2.5em;
min-height:320px;
width:40%;
 

}
#det-content-img{
float:left;
height:448px;
width:450px ;
 
}
.m1{background:url('../img/m1.png')	;}
.m2{background:url('../img/m2.png')	;}
.m3{background:url('../img/m3.png')	;}
.m3-1{background:url('../img/m3-1.png')	;}
.m3-2{background:url('../img/m3-2.png')	;}
.m3-3{background:url('../img/m3-3.png')	;}
.mp{background:url('../img/mp.png')	;}
h1.det-content-head{
 
	float:left ;
	margin-top:55px;
    margin-left:30px ; 
	margin-right:10px ; 
    font:bold 31px/100% Arial, Helvetica, sans-serif; 
	color:#262121 ;
	 

}
h1.det-content-detail{
 
	float:left ;
	margin-top:5px;
    margin-left:5px ; 
	margin-right:10px ; 
    font: 20px/100% Arial, Helvetica, sans-serif; 
	color:#262121 ;
	 

}
a.link1{
  color:white;
  font: 15px/100% Arial, Helvetica, sans-serif; 
  text-decoration:none;

}


.jumbotron{
	float:left ;
	padding-top:30px;
	padding-bottom:30px;
	margin-bottom:30px;
	color:inherit;
	background-color:#eee
}
.jumbotron{border-radius:6px}