.rcl-slider { margin: 15px 0; } .jssorl-009-spin img { animation-duration: 1.6s; animation-iteration-count: infinite; animation-name: jssorl-009-spin; animation-timing-function: linear; } @keyframes jssorl-009-spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } .rcl-gallery-navigator { background-color: rgb(232, 232, 232); position: absolute; } .rcl-gallery-navigator .p { left: 0; position: absolute; top: 0; } .rcl-gallery-navigator .i { filter: alpha(opacity=80); left: 0; opacity: .8; position: absolute; top: 0; object-fit: cover; } .rcl-gallery-navigator .p:hover .i, .rcl-gallery-navigator .pav .i { filter: alpha(opacity=100); opacity: 1; } .rcl-gallery-navigator .o { border: 1px solid #000; box-sizing: content-box; left: 0; position: absolute; top: 0; -webkit-transition: border-color .6s; -moz-transition: border-color .6s; -o-transition: border-color .6s; transition: border-color .6s; } .rcl-gallery-navigator .pav .o { border-color: #0099ff; } .rcl-gallery-navigator .p:hover .o { border-color: #fff; -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none; } .rcl-gallery-navigator .p.pdn .o { border-color: #0099ff; } .rcl-navigator-arrow { cursor: pointer; display: block; position: absolute; } .rcl-navigator-arrow .a { fill: none; stroke: #fff; stroke-width: 360; stroke-miterlimit: 10; } .rcl-navigator-arrow:hover { opacity: .8; }.chpt_box_list { box-sizing: border-box; line-height: normal; margin: 24px 0 6px; } .chpt_header { align-items: center; display: flex; flex-wrap: wrap; } .chpt_title { color: #777; margin: 0 0 0 12px; } .chpt_series_title { line-height: normal; margin: 6px 12px; } .chpt_item { margin: 6px 0; } @media screen and (max-width:375px) { .chpt_header { flex-direction: column; } }