*{ margin: 0; padding: 0; } .main{ width: 65%; margin: 0 auto; } .bc_01{ padding: 15px; background: #BB965E; text-align: center; } .bc_01 h4{ color: #ffffff; } .br_01{ margin-bottom: 2rem; } .br_02{ padding-bottom: 2rem; } .p_01{ font-size: 15px; line-height: 2em; } .flex_01{ display: flex; flex-wrap: wrap; justify-content: space-between; } .zi_01{ background: #f5f5f5; padding: 41px; width: 30%; margin-bottom: 30px; height: 501px; } .zi_01 h4{ font-size: 18px; font-weight: 600; } .zi_01 p{ line-height: 2em; font-size: 16px; } .hr_01{ background: #BB965E; color: #BB965E; padding: 0px 0px 3px 0px; width: 10%; margin-top: 1.5rem; margin-bottom: 1rem; } .bg_01{ background-repeat: no-repeat; background-size: contain; width: 45%; margin-bottom: 30px; height: 324px; position: relative; cursor: pointer; } .bg_01 span{ padding: 6px 18px 6px 18px; /* border: 1px solid red; */ border-radius: 15px 15px 15px 15px; display: inline-block; /* margin-bottom: 19px; */ position: absolute; top: 20px; left: 440px; } .checkedSpan span{ background-image: linear-gradient(to right, #ffe4a2, #ffb864); } .cancelSpan span{ background: #e6e6e6; } .h3_txt { width: 100%; height: 20px; border-left: #b7945d solid 6px; text-align: left; line-height: 20px; margin-top: 40px; font-family: SourceHanSansCN-Regular; font-size: 15px; color: #b7945d; padding-left: 1%; font-weight: 600; } .box_ { width: 100%; display: flex; margin-top: 20px; justify-content: space-between; align-items: center; } .img_3 { width: 321px; } .right_box { height: 234px; background: #f5f5f5; display: flex; justify-content: center; align-items: center; padding-left: 20px; padding-right: 20px; margin-left: 2%; line-height: 1.8; } .div_02{ width: 376px; } .div_02 img{ width: 100%; } .div_02 p{ text-align: center; } .div_03{ border: 1px solid #C9C9C9; padding: 0; width: 40%; height: auto; margin-bottom: 30px; } .div_03 img{ width: 100%; height: 326px; } .div_03 .div_03_{ padding: 17px; } .div_03_ .h4_{ color: #b7945d; font-size: 14px; font-weight: 600; } .div_03_ .p_02{ color: #000000; font-size: 13px; font-weight: 600; } .div_03_ .p_01{ color: #000000; font-size: 12px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; } .div_03_ .a_01{ text-align: right; } .div_03_ .a_01 a{ color: #b7945d; font-size: 15px; } .i_02{ width: 45%; /*margin-left: 10px;*/ } td,th{ /*padding-left: 24px;*/ } .img{ display: block; max-width: 100%; height: auto; } .center_h{ color: #b7945d; text-align: center; font-size: 20px; font-weight: bold; }