// 20260212 #sec9 { position: relative; background-image: url("../img/menu/sec9_bg.jpg"), url("../img/menu/sec10_bg.jpg"), url("../img/shared/bgft1.jpg"); background-repeat: no-repeat, no-repeat, repeat; background-position: top center, bottom center, top center; background-size: 100% auto, 100% auto, auto; padding: 0px 0 98px; .set1 { padding-top: 106px; margin-bottom: -66px; h2 { width: 563px; margin: 0 auto 33px; } .note { color: #fff;line-height: 28px; margin-bottom: 76px; text-align: center; } .slider__s { position: relative; margin-bottom: 56px; height: 530px; overflow: hidden; .infiniteslide2 { align-items: flex-start!important; } .box { position: relative; margin-right: 53px; width: 400px; text-align: center; &.odd { padding-top: 70px; } .photo { width: 100%; margin-bottom: -29px; } .tt-1 { text-align: center; position: relative; z-index: 2; margin-bottom: 20px; span { background: url("../img/menu/sec10_bg02.jpg"); height: 45px; line-height: 45px; text-align: center; width: 210px; margin: 0 auto; display: block; color: #521900; font-size: 25px; } } .tt-2 { font-size: 25px; font-weight: 600; line-height: 40px; margin-bottom: 5px; } .tt-3 { font-size: 20px; line-height: 34px; font-weight: 500; margin-bottom: 5px; } } } .notes { text-align: right; margin-right: 20px; } } .set2 { position: relative; h2 { margin-bottom: 16px; width: 390px; } .box { width: 690px; margin: 0 auto; color: #000000; position: relative; padding: 43px 0 42px; background: url("../img/menu/sec10_bg02.jpg"); h3 { position: absolute; top: 43px; right: 40px; width: 363px; } .bnr { width: 292px; margin: 0 auto; a { display: block; } } } .feedBox { position: relative; padding: 0 50px 23px 40px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: space-between; margin-bottom: 35px; &::after { content: ""; border-bottom: 1px solid #767573; height: 1px; position: absolute; bottom: 0; left: 40px; right: 40px; } .photo { width: 220px; height: 180px; a { display: block; width: 100%; height: 100%; transition: all .4s ease; &:hover { opacity: .5; } } span { display: block; width: 100%!important; height: 100%!important; background-size: cover!important } } .feedContent { width: 349px; padding-top: 61px; .time { color: #930510; line-height: 1; margin-bottom: 9px; } .desc { line-height: 30px; margin-bottom: 13px; } .linkMore { text-align: right; display: block; margin-left: auto; color: #930510; width: 105px; position: relative; padding-right: 26px; margin-right: 12px; &:hover { text-decoration-line: underline; text-underline-offset: 6px; } &::after { content: ""; background: url(../img/index/arrow.png) no-repeat center; background-size: 100% auto; width: 15px; height: 13px; position: absolute; top: 50%; right: 0; transform: translateY(-50%); } } } } } }