@charset "utf-8";
/* CSS Document */
/*----------
Application
----------*/
#application h2{ text-align:center; color:var(--web-theme-color-blue);}
#application p{ width:min(80%,800px); padding-top:2rem; margin:0 auto; text-align:center;}
#application .grid{grid-template-columns:repeat(3,1fr); margin-top:6rem; grid-gap: 3rem 2rem ;}
.application-content{color:var(--web-theme-color-black);}
.application-contentimg{ position:relative;}
.application-content:hover img{opacity:0.6;}
.application-content-info{ position:absolute; left:0; bottom:2rem;display: -webkit-flex; display: flex; align-items: center; background-color:#F7F7F7; padding:8px 2rem 8px 0;}
.application-content:hover .application-content-info{ background-color:var(--web-theme-color-blue); color:var(--web-theme-color-white);}
.application-content-info .com-line{ width:3rem; height:5px; margin:0;}
.application-content-info h4{ margin-left:2rem;}
@media screen and (max-width: 1023px) {
/*Application scenarios*/	
#application .grid{grid-template-columns:1fr; margin-top:4rem;grid-gap: 3rem 2rem ;}	
}