body{ background-color: #F2F2F2; } .modul-title h3{ font-size: 2rem; font-weight: 700; color: #333333; text-align: center; border-radius: 0.75rem; margin: 70px 0 40px 0; } .modul-title .modul-menu{ background: #FFFFFF; padding: 1.5rem; margin-bottom: 20px; box-sizing: border-box; } .modul-title .modul-menu ul{ display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap } .modul-title .modul-menu ul h5, .modul-title .modul-menu ul li{ font-size: 18px; font-weight: 400; padding: 6px 1.875rem; color: #333333; border-radius: 18px; margin: 4px 0; } .modul-title .modul-menu ul .active{ font-size: 1.125rem; font-weight: 400; color: #fff; background-color: #f17e00; } /* 氓鈥犫€γヂ姑β∶ヂ濃€ */ .modul-content{ text-align: center; } .modul-content h3{ font-size: 1.5rem; font-weight: 700; color: #333333; padding: 5.1875rem 0 2rem 0; } .mc-tip{ font-size: 1rem; font-weight: 400; color: #666666; padding-bottom: 3.25rem; } .mc-box{ display: flex; align-items: inherit; justify-content: flex-start; flex-wrap: wrap; margin-bottom: 1.25rem; margin: 1.25rem -0.5%; } .modul-content .move{ display: inline-block; padding: 1rem 2.25rem; background: #ffffff; border-radius: 0.25rem; } .mc-cotent{ width: 24%; min-height: 20.72vw; background: #ffffff; padding: 1.8125rem 2.125rem; /* border-radius: 0.75rem; */ margin: 0.4375rem 0.5%; box-sizing: border-box; } .modul-content img{ width: 100%; background: #dcf6e5; } .mc-cotent h5{ font-size: 1.125rem; font-weight: 700; color: #333333; margin: 1.25rem 0; -webkit-line-clamp: 1; } .mc-cotent p{ font-size: 1rem; font-weight: 400; color: #666666; } /* 盲赂鈥姑ぢ糕偓茅隆碌 */ .move-page{ text-align: right; margin-bottom: 40px; } .move-page span{ display: inline-block; font-size: 1.25rem; font-weight: 400; /* color: #666666; */ } .move-page li{ display: inline-block; padding: 0.6875rem 1rem; font-size: 1.25rem; font-weight: 400; color: #666666; border: 0.0625rem solid #CCCCCC; margin: 0 0.625rem; border-radius: 0.25rem; } .move-page .active{ background: #f17e00; color: #FFFFFF; } /* 氓陇搂氓卤聫氓鹿鈥 */ @media only screen and ( max-width:1000px) { .mc-box .mc-cotent{ width: 100%; } .mc-box .mc-cotent img{ height: auto; } .modul-title h3, .modul-content h3{ font-size: 20px; margin: 30px 0 20px 0; padding: 0; } .move-page{ text-align: center; } }