.content-box{margin:0 auto;padding:30px 60px;width:1200px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.content-box .menu-title{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding:10px 20px;font-size:26px;color:#3e3832;background:#ffe21c;font-weight:bold}.content-box .content-wrap{width:100%;background:white;border:1px solid #ffe21c;padding:80px 30px}.content-box .content-wrap .grid-box{display:-ms-grid;display:grid;-webkit-box-align:center;-ms-flex-align:center;align-items:center;justify-items:center;-ms-grid-columns:(1fr)[3];grid-template-columns:repeat(3, 1fr);row-gap:80px}.content-box .content-wrap .grid-box .promotion-item-box{position:relative;-webkit-box-sizing:content-box;box-sizing:content-box;width:300px;height:400px;cursor:pointer}.content-box .content-wrap .grid-box .promotion-item-box .tag-img{display:none;position:absolute;width:40px;height:70px;top:-10px;left:-11px}.content-box .content-wrap .grid-box .promotion-item-box .promotion-img{width:300px;height:250px}.content-box .content-wrap .grid-box .promotion-item-box .promotion-info-box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:100%;height:150px;padding:10px;background:#f1f1f1}.content-box .content-wrap .grid-box .promotion-item-box .promotion-info-box .promotion-item-title{width:100%;font-size:18px;font-weight:bold;color:#3e3832;word-break:keep-all}@media screen and (max-width: 1200px){.content-box{width:100%}.content-box .content-wrap .grid-box{-ms-grid-columns:(1fr)[2];grid-template-columns:repeat(2, 1fr)}}@media screen and (max-width: 1024px){.content-box .content-wrap .grid-box .promotion-item-box{width:210px;height:280px}.content-box .content-wrap .grid-box .promotion-item-box .promotion-img{width:210px;height:auto}.content-box .content-wrap .grid-box .promotion-item-box .promotion-info-box{height:105px}.content-box .content-wrap .grid-box .promotion-item-box .promotion-info-box .promotion-item-title{font-size:14px}.content-box .content-wrap .grid-box .promotion-item-box .promotion-info-box .promotion-item-period{font-size:12px}}@media screen and (max-width: 768px){.content-box .content-wrap .grid-box{-ms-grid-columns:(1fr)[1];grid-template-columns:repeat(1, 1fr)}}@media screen and (max-width: 568px){.content-box{padding:15px 30px}.content-box .menu-title{font-size:16px}.content-box .content-wrap{padding:50px 30px}.content-box .content-wrap .grid-box .promotion-item-box{width:150px;height:200px}.content-box .content-wrap .grid-box .promotion-item-box .tag-img{position:absolute;width:30px;height:50px;top:-10px;left:-11px}.content-box .content-wrap .grid-box .promotion-item-box .promotion-img{width:150px;height:auto}.content-box .content-wrap .grid-box .promotion-item-box .promotion-info-box{height:75px;padding:5px}.content-box .content-wrap .grid-box .promotion-item-box .promotion-info-box .promotion-item-title{font-size:10px}.content-box .content-wrap .grid-box .promotion-item-box .promotion-info-box .promotion-item-period{font-size:8px}}
