/* about */ .about-link { font-size: 0; margin: 60px 0 40px; line-height: 0; } .about-link a{ width: 278px; height: 404px; background-color: #EFEFEF; display: inline-block; margin: 0 7px; overflow: hidden; } .about-link img{ width: 100%; } .about-detail{ padding-bottom: 20px; } .about-detail-title{ text-align: center; font-size: 32px; font-weight: bold; padding: 0 30px; box-sizing: border-box; margin: 40px 0 20px; color: #323232; } .about-detail p{ text-indent: 40px; line-height: 40px; font-size: 16px; padding: 0 30px; box-sizing: border-box; color: #666; margin-bottom: 30px; } .about-detail img{ max-width: 100%; display: block !important; margin: 0 auto 40px; } .about-detail address{ color: #999; font-size: 16px; text-align: center; margin-bottom: 40px; } .about-detail address a{ color: #999; font-size: 16px; } .about-detail address a:hover{ color: #FFAD31; } .about-detail address div{ display: inline-block; } .about-detail p a{ border-bottom: 2px solid #FFAD31; text-decoration: none; -webkit-transition: all .3s linear; transition: all .3s linear; } .about-detail p a:hover{ -webkit-box-shadow: inset 0 -10px #FFAD31; box-shadow: inset 0 -10px #FFAD31; } .about-detail p iframe{ width: 100%; font-size: 0; line-height: 0; display: block; height: 700px; box-sizing: border-box; }