/* CSS Document */
@import url(limitless_global.css);

.lm_body { float:left;width:100%; left:0; margin-top:50px;  position:relative; }
.index_image{width:96%; margin:0 auto;}
.index_image ul{ float:left; width:100%;}
.index_image li{ float:left; width:19%; margin-left:5%;  height:auto;border: #dddddd 1px double; padding-bottom:20px; }
.index_image li span{ float:left; width:100%; height:auto; text-align:center; overflow:hidden; }
.index_image li p{ float:left; margin-top:20px; width:100%; text-align:center; font-size:22px; color:#999;font-family:basefont;}
.index_image li h1{ float:left; width:100%; text-align:center; font-size:16px; height:50px; line-height:30px;background:url(../images/index_image_icon.png) center bottom no-repeat;}
.index_image li img{ float:left; width:100%; height:auto;
 -webkit-filter:grayscale(100%);
        -o-filter:grayscale(100%);
        -moz-filter:grayscale(100%);
        -ms-filter:grayscale(100%);
        filter:grayscale(100%);
        filter:gray;
}
.index_image li:hover{  
background-color:#808080; color:#FFF;
  -webkit-box-shadow:0 0 10px #666666;  
  -moz-box-shadow:0 0 10px #666666;  
  box-shadow:0 0 10px #666666;   -webkit-transition: all .5s; 
                -moz-transition: all .5s; 
                -ms-transition: all .5s; 
                -o-transition: all .5s; 
                transition: all .5s;
 }   
  
.index_image  li:hover img {
    transform: scale(1.1);
    transition: all 1s ease 0s;
	-webkit-transform: scale(1.1);
	-webkit-transform: all 1s ease 0s;
	
	-webkit-filter:grayscale(0%);
        -o-filter:grayscale(0%);
        -moz-filter:grayscale(0%);
        -ms-filter:grayscale(0%);
        filter:grayscale(0%);
        filter:none;
}



.more_link { float:left; width:100%; height:35px;background-color:#ffffff; margin-top:20px;border-bottom: #dddddd 1px double; }
.more_link span { float:right; margin-left:20px; font-size:12px; line-height:35px; color:#666;}

.button_font{ margin:0 auto; width:400px; height:55px; line-height:55px; font-size:18px; font-weight:bold; margin-top:20px;border: #dddddd 2px double; border-radius: 10px;}
.button_font:hover {  -webkit-transition: all .5s; 
                -moz-transition: all .5s; 
                -ms-transition: all .5s; 
                -o-transition: all .5s; 
                transition: all .5s;

background-color:#171717;font-size:20px; }



.limitless_news{ margin:0 auto; width:96%; margin-top:30px; color:#464646;}
@media screen and (min-width: 1600px) and (max-width:2400px){
.limitless_news   li{ float:left; padding:40px;width:20%; height: auto; display:inline; border-left: #dddddd 1px double;   }
}
@media screen and (min-width: 1280px) and (max-width:1599px){
.limitless_news   li{ float:left;margin-top:20px;  padding:40px; width:25%; height: auto; display:inline;  border-left: #dddddd 1px double;   }
.limitless_news   a:nth-child(5n) li{clear: both;}
}

@media screen and (min-width: 640px) and (max-width:1279px){
.limitless_news   li{ float:left;margin-top:20px; padding-bottom:30px; margin-left:1%;width:32%; height: auto; display:inline; background-color:#ededee;   }
}
@media screen and (max-width:640px){
.limitless_news   li{ float:left;margin-top:20px; padding-bottom:30px; margin-left:1%;width:49%; height: auto; display:inline; background-color:#ededee;   }
}

.limitless_news   li h1{ float:left;  font-size:15px; margin-top:10px;  display:block;  width:100%; height:56px; line-height:24px; text-align:left; color:#4d4d4d; }
.limitless_news   li span {overflow:hidden; }
.limitless_news  li p{ float:left; margin-top:10px;width:100%; line-height:25px; display:inline; height:100px;  text-align:justify;text-justify:inter-ideograph;}
.limitless_news  li img{ float:left; width:100%; height: auto;}

.limitless_news li:hover{  
background-color:#696969; color:#FFF;
  -webkit-box-shadow:0 0 10px #666666;  
  -moz-box-shadow:0 0 10px #666666;  
  box-shadow:0 0 10px #666666;   -webkit-transition: all .5s; 
                -moz-transition: all .5s; 
                -ms-transition: all .5s; 
                -o-transition: all .5s; 
                transition: all .5s;
 }   
.limitless_news li:hover h1{  
 color:#FFF;
 
 }  
.limitless_news  li:hover img {
    transform: scale(1.2);
    transition: all 1s ease 0s;
	-webkit-transform: scale(1.2);
	-webkit-transform: all 1s ease 0s;
}