html { color: #666666; }

ul { padding-left: 0; margin-bottom: 0; }
ul li { list-style: none; }
ul li::marker { display: none; }

p { margin: 0; }

.img-cover-4by3 { height: 0; width: 100%; padding-bottom: 75%; overflow: hidden; position: relative; }

.img-cover-3by2 { height: 0; width: 100%; padding-bottom: 66.667%; overflow: hidden; position: relative; }

.img-cover img { max-width: 100%; max-height: 100%; position: absolute; margin: auto; top: 0; bottom: 0; left: 0; right: 0; }

.abs-center { margin: auto; left: 0; right: 0; top: 0; bottom: 0; position: absolute; }

.over-line-2 { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }

.over-line-3 { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }

.text-justify { text-align: justify !important; text-align-last: justify; }

.gutters-10 { margin-left: -5px !important; margin-right: -5px !important; }

.gutters-10 > .col, .gutters-10 > [class*=col-] { padding-right: 5px; padding-left: 5px; }

.gutters-20 { margin-left: -10px !important; margin-right: -10px !important; }

.gutters-20 > .col, .gutters-20 > [class*=col-] { padding-right: 10px; padding-left: 10px; }

@media (min-width: 1200px) { .g-xl-20 { --bs-gutter-x: 20px; --bs-gutter-y: 20px; } }
@media (min-width: 1680px) { .container { width: 1560px; } }
a:focus { outline: none; }

.ratio-2x3 { --bs-aspect-ratio: calc(2 / 3 * 100%); }

.ratio-3x2 { --bs-aspect-ratio: calc(3 / 2 * 100%); }

.ratio-3x4 { --bs-aspect-ratio: calc(4 / 3 * 100%); }

.vertical-txt { writing-mode: vertical-lr; }

.nopic { background-color: #f8f8f8; color: #bcbcbc; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.nopic p:nth-child(1) { font-size: 130%; }

a { color: #333333; text-decoration: none; }
a:hover { text-decoration: none; }

.more-jt { color: #cfcfcf; }
.more-jt i { display: block; width: 1.5rem; position: relative; height: 2px; background-color: CurrentColor; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.more-jt i::before, .more-jt i::after { content: ''; display: block; width: 9px; height: 100%; background-color: CurrentColor; transform-origin: right; position: absolute; right: 0; margin: auto; }
.more-jt i::before { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
.more-jt i::after { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }