/*---- content ----*/
#content {width:100%; padding:100px 0; height:650px;}
#content>h1 {text-align: center; font-size:30px; margin-top:30px;}
#content>h2 {text-align: center; font-size:16px; color:#666; line-height: 55px;}
#content>h3 {width:1px; height:30px; background:silver; margin:auto;  margin-bottom:80px;}

.inner_content {width:1200px; margin:auto; overflow: hidden; opacity: 0; margin-top:200px;}
.inner_content dl {width:282px; height:170px; background:white; float:left; border:1px solid #e5e5e5; margin-bottom:0; margin-top:0; background:#f8f8f8; margin-right:20px; margin-bottom:20px;;}
#content dl:nth-child(1) img {width:160px;} 
#content dl:nth-child(2) img {width:160px;}
#content dl:nth-child(7) img {width:160px;}

#content dl:nth-child(5) dt {margin:50px}
#content dl:nth-child(6) dt {margin:50px}
#content dl:nth-child(7) dt {margin:33px;}

.inner_content dl:nth-child(8) {margin-right:0;}
.inner_content dl:nth-child(4) {margin-right:0;}
#content dt {text-align: center; margin:45px 0;}
#content dt img {width:180px;}
#content dd {text-align: center;}



/*---- tablet ----*/
@media(min-width:601px) and (max-width:1199px) {
    
    #content {min-width:300px; height:100%; padding:80px 0 100px 0;}
    #content h1 {font-size:25px;}
    #content h2 {font-size:14px;}
    #content h3 {margin-bottom:30px;}
    #content dl:nth-child(5) dt {margin:50px 0;}
    #content dl:nth-child(6) dt {margin:50px 0;}
    #content dl:nth-child(7) dt {margin:35px 0;}
    #content dl:nth-child(1) img {width:80%; max-width:180px;}
    #content dl:nth-child(2) img {width:80%; max-width:180px;}
    #content dl:nth-child(3) img {width:80%; max-width:180px;}
    #content dl:nth-child(4) img {width:80%; max-width:180px;}
    #content dl:nth-child(5) img {width:80%; max-width:180px;}
    #content dl:nth-child(6) img {width:80%; max-width:180px;}
    #content dl:nth-child(7) {display: none;}
    #content dl:nth-child(8) {display: none;}
    
    .inner_content {width: calc(100% - 20px);  min-width:300px; padding:0 10px;}
    .inner_content dl {width:32.3%; max-width:282px; max-width:800px; margin-right:1%; margin-bottom:10px;}
    .inner_content dl:nth-of-type(3) {margin-right:0;}
    .inner_content dl:nth-of-type(4) {margin-right:1%;}
    .inner_content dl:nth-of-type(6) {margin-right:0;}
}
/*---- mobile ----*/
@media(max-width:600px){
    
    #content {min-width:300px; height:100%; padding:50px 0;}
    #content h1 {font-size:25px;}
    #content h2 {font-size:14px;}
    #content h3 {margin-bottom:30px;}
    #content dl:nth-child(5) dt {margin:50px 0;}
    #content dl:nth-child(6) dt {margin:50px 0;}
    #content dl:nth-child(7) dt {margin:35px 0;}
    #content dl:nth-child(1) img {width:80%;}
    #content dl:nth-child(2) img {width:80%;}
    #content dl:nth-child(3) img {width:80%;}
    #content dl:nth-child(4) img {width:80%;}
    #content dl:nth-child(5) img {width:80%;}
    #content dl:nth-child(6) img {width:80%;}
    #content dl:nth-child(7) {display: none;}
    #content dl:nth-child(8) {display: none;}
    
    .inner_content {width: calc(100% - 20px);  min-width:300px; padding:0 10px;}
    .inner_content dl {width:47.9%; max-width:282px; margin-right:10px; margin-bottom:10px;}
    .inner_content dl:nth-of-type(2n) {margin-right:0; float:right;}
}