* { margin: 0; padding: 0; } html, body { background: white; font-size: 14px; } .shift{ box-sizing: border-box; padding-top: 60px; } .shifta{ width: 840px; /*height: 450px;*/ border: 2px solid #DDDDDD; border-radius: 4px; margin: auto; } .shifta01{ text-align: center; line-height: 60px; height: 60px; width: 100%; background: #eaeaea; border-bottom: 2px solid #DDDDDD; font-size: 18px; color: #666; } .shifta02{ height: 60px; width: 100%; border-bottom: 2px solid #DDDDDD; display: flex; align-items: center; box-sizing: border-box; padding-left: 20px; color: #666; } .indent{ text-indent: 20px; } .shifta03{ width: 100%; /*height: 180px;*/ box-sizing: border-box; padding: 15px 0; color: #666; display: flex; align-items: center; } .shifta03_left{ display: flex; align-items: center; box-sizing: border-box; padding-left: 20px; width: 200px; height: 100%; /*border-right: 2px solid #ddd;*/ } .shifta03_right{ width: 640px; height: 100%; display: flex; flex-direction: column; justify-content: space-around; border-left: 2px solid #ddd; } .shifta03_right_inner{ width: 100%; display: flex; align-items: center; justify-content: space-between; box-sizing: border-box; padding: 3px 40px; } .shifta03_right_inner01{ display: flex; align-items: center; } .shifta03_right_inner01>img{ display: flex; width: 25px; height: 25px; } .shifta03_right_inner01>div{ text-indent: 15px; } .shifta03_right_inner02{ color: #e93e4e; font-size: 18px; } .shiftb{ display: flex; justify-content: center; align-items: center; } .shiftb_inner{ box-sizing: border-box; padding: 15px 40px; background: linear-gradient(to right, #e93e4e, #f97e81); color: white; border-radius: 10px; margin: 20px; cursor: pointer; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; } .shiftb_inner:hover{ opacity: 0.8; }