h2.ui.header {
    font-size: 24px;
    font-weight: 500;
	margin: 19px 10px;
}
.ui.header:first-child {
    margin-top: -.14285714em;
}
.ui.circular.image, .ui.circular.image>*, .ui.circular.images .image, .ui.circular.images .image>* {
    border-radius: 500rem;
}
ol,
ul {
    margin: 0;
    padding: 0;
}
li {
    list-style: none;
}
button {
    background: transparent;
    border: 0;
    outline: unset;
}
.cursor-p,
.logo,
a,
button {
    cursor: pointer;
}
:root {
    --white: #fff;
    --black: #000;
    --gray-50: #f7f7f8;
    --gray-100: #eeeff1;
    --gray-150: #e6e8ea;
    --gray-200: #dbdee1;
    --gray-300: #caced3;
    --gray-400: #acb2b9;
    --gray-500: #8c949b;
    --gray-600: #5b626b;
    --gray-700: #41474e;
    --gray-800: #2c3035;
    --gray-900: #171a1c;
    --pink-50: #fff0f1;
    --pink-100: #ffe0e2;
    --pink-200: #ffc7cb;
    --pink-300: #ffa3ac;
    --pink-400: #ff5770;
    --pink-500: #ff024a;
    --pink-600: #e00040;
    --pink-700: #b8002b;
    --pink-800: #8f0011;
    --pink-900: #7a000e;
    --teal-50: #e0fffe;
    --teal-100: #bdfffd;
    --teal-200: #a0fefa;
    --teal-300: #81fdf9;
    --teal-400: #00fff6;
    --teal-500: #00f5ec;
    --teal-600: #00d6cf;
    --teal-700: #00b8b1;
    --teal-800: #008580;
    --teal-900: #00524f;
    --blue-50: #ebf8ff;
    --blue-100: #cef;
    --blue-200: #ade4ff;
    --blue-300: #85d6ff;
    --blue-400: #70cfff;
    --blue-500: #43c0ff;
    --blue-600: #05abff;
    --blue-700: #008ed6;
    --blue-800: #005f8f;
    --blue-900: #002652;
    --purple-50: #f6f0ff;
    --purple-100: #e7d6ff;
    --purple-200: #ddc7ff;
    --purple-300: #ceadff;
    --purple-400: #c299ff;
    --purple-500: #b07aff;
    --purple-600: #944dff;
    --purple-700: #7d3fd5;
    --purple-800: #570dab;
    --purple-900: #260042;
    --green-50: #e3f7e8;
    --green-100: #bcebc6;
    --green-200: #8edea1;
    --green-300: #56d27a;
    --green-400: #03c75a;
    --green-500: #00bc3a;
    --green-600: #00ac31;
    --green-700: #009a23;
    --green-800: #008915;
    --green-900: #006900;
}
.bg-neutral-1 {
    background: var(--white);
}
.bg-neutral-2 {
    background: var(--gray-50);
}
.bg-neutral-3 {
    background: var(--gray-100);
}
.bg-neutral-4 {
    background: var(--gray-150);
}
.bg-neutral-5 {
    background: var(--gray-400);
}
.bg-neutral-6 {
    background: var(--gray-600);
}
.bg-neutral-disabled {
    background: var(--gray-100);
}
.bg-neutral-static {
    background: var(--gray-700);
}
.bg-neutral-dim {
    background: var(--black);
}
.bg-neutral-alpha-1 {
    background: rgba(0, 0, 0, 0.5);
}
.bg-neutral-alpha-2 {
    background: rgba(0, 0, 0, 0.7);
}
.bg-accent-1 {
    background: var(--pink-50);
}
.bg-accent-2 {
    background: var(--pink-100);
}
.bg-accent-3 {
    background: var(--pink-200);
}
.bg-accent-4 {
    background: var(--pink-400);
}
.bg-accent-5 {
    background: var(--pink-500);
}
.bg-accent-6 {
    background: var(--pink-600);
}
.foreground-neutral-1 {
    color: var(--gray-900);
}
.foreground-neutral-2 {
    color: var(--gray-600);
}
.foreground-neutral-3 {
    color: var(--gray-500);
}
.foreground-neutral-4 {
    color: var(--gray-300);
}
.foreground-neutral-5 {
    color: var(--gray-200);
}
.foreground-neutral-6 {
    color: var(--gray-150);
}
.foreground-neutral-7 {
    color: var(--gray-100);
}
.foreground-neutral-disabled {
    color: var(--gray-400);
}
.foreground-neutral-static {
    color: var(--gray-800);
}
.foreground-neutral-inverted,
.foreground-neutral-on-accent {
    color: var(--white);
}
.foreground-accent-1 {
    color: var(--pink-100);
}
.foreground-accent-2 {
    color: var(--pink-400);
}
.foreground-accent-3 {
    color: var(--pink-500);
}
.foreground-accent-4 {
    color: var(--pink-600);
}
.stroke-neutral-1 {
    border-color: var(--gray-100);
}
.stroke-neutral-2 {
    border-color: var(--gray-200);
}
.stroke-neutral-3 {
    border-color: var(--gray-400);
}
.stroke-neutral-4 {
    border-color: var(--gray-700);
}
.stroke-neutral-5 {
    border-color: var(--gray-800);
}
.stroke-neutral-disabled {
    border-color: var(--gray-200);
}
.stroke-neutral-dim {
    border-color: var(--black);
}
.shadow-1 {
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3), 0 1px 3px 1px rgba(0, 0, 0, 0.15);
}
.shadow-2 {
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3), 0 2px 6px 2px rgba(0, 0, 0, 0.15);
}
.shadow-3 {
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.3), 0 4px 8px 3px rgba(0, 0, 0, 0.15);
}
.shadow-4 {
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.3), 0 6px 10px 4px rgba(0, 0, 0, 0.15);
}
.shadow-5 {
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.3), 0 8px 12px 6px rgba(0, 0, 0, 0.15);
}
.container {
    width: 100%;
}
@media (min-width: 480px) {
    .container {
        max-width: 480px;
    }
}
@media (min-width: 581px) {
    .container {
        max-width: 581px;
    }
}
@media (min-width: 640px) {
    .container {
        max-width: 640px;
    }
}
@media (min-width: 768px) {
    .container {
        max-width: 768px;
    }
}
@media (min-width: 1024px) {
    .container {
        max-width: 1024px;
    }
}
@media (min-width: 1280px) {
    .container {
        max-width: 1280px;
    }
}
@media (min-width: 1536px) {
    .container {
        max-width: 1536px;
    }
}
.pointer-events-none {
    pointer-events: none;
}
.visible {
    visibility: visible;
}
.invisible {
    visibility: hidden;
}
.static {
    position: static;
}
.fixed {
    position: fixed;
}
.absolute {
    position: absolute;
}
.relative {
    position: relative;
}
.sticky {
    position: sticky;
}
.inset-0 {
    inset: 0;
}
.inset-y-0 {
    top: 0;
    bottom: 0;
}
.bottom-0 {
    bottom: 0;
}
.bottom-1 {
    bottom: 0.25rem;
}
.bottom-2 {
    bottom: 0.5rem;
}
.bottom-2\.5 {
    bottom: 0.625rem;
}
.bottom-3 {
    bottom: 0.75rem;
}
.bottom-\[-10px\] {
    bottom: -10px;
}
.bottom-\[-1px\] {
    bottom: -1px;
}
.bottom-\[-24px\] {
    bottom: -24px;
}
.bottom-\[-29px\] {
    bottom: -29px;
}
.bottom-\[-30px\] {
    bottom: -30px;
}
.bottom-\[-36px\] {
    bottom: -36px;
}
.bottom-\[-37px\] {
    bottom: -37px;
}
.bottom-\[-4px\] {
    bottom: -4px;
}
.bottom-\[-55px\] {
    bottom: -55px;
}
.bottom-\[-60px\] {
    bottom: -60px;
}
.bottom-\[-87\%\] {
    bottom: -87%;
}
.bottom-\[-9px\] {
    bottom: -9px;
}
.bottom-\[110px\] {
    bottom: 110px;
}
.bottom-\[119px\] {
    bottom: 119px;
}
.bottom-\[14\%\] {
    bottom: 14%;
}
.bottom-\[155px\] {
    bottom: 155px;
}
.bottom-\[16\%\] {
    bottom: 16%;
}
.bottom-\[165px\] {
    bottom: 165px;
}
.bottom-\[20px\] {
    bottom: 20px;
}
.bottom-\[25px\] {
    bottom: 25px;
}
.bottom-\[40px\] {
    bottom: 40px;
}
.bottom-\[50px\] {
    bottom: 50px;
}
.bottom-\[55px\] {
    bottom: 55px;
}
.bottom-\[60px\] {
    bottom: 60px;
}
.bottom-\[7\%\] {
    bottom: 7%;
}
.bottom-\[70px\] {
    bottom: 70px;
}
.bottom-\[90px\] {
    bottom: 90px;
}
.left-0 {
    left: 0;
}
.left-1\/2 {
    left: 50%;
}
.left-10 {
    left: 2.5rem;
}
.left-2 {
    left: 0.5rem;
}
.left-2\/4 {
    left: 50%;
}
.left-24 {
    left: 6rem;
}
.left-3 {
    left: 0.75rem;
}
.left-9 {
    left: 2.25rem;
}
.left-\[-10px\] {
    left: -10px;
}
.left-\[-12px\] {
    left: -12px;
}
.left-\[-14px\] {
    left: -14px;
}
.left-\[-15px\] {
    left: -15px;
}
.left-\[-16px\] {
    left: -16px;
}
.left-\[-17px\] {
    left: -17px;
}
.left-\[-18px\] {
    left: -18px;
}
.left-\[-20px\] {
    left: -20px;
}
.left-\[-21px\] {
    left: -21px;
}
.left-\[-25px\] {
    left: -25px;
}
.left-\[-28px\] {
    left: -28px;
}
.left-\[-2px\] {
    left: -2px;
}
.left-\[-37px\] {
    left: -37px;
}
.left-\[-3px\] {
    left: -3px;
}
.left-\[-50px\] {
    left: -50px;
}
.left-\[-5px\] {
    left: -5px;
}
.left-\[-64px\] {
    left: -64px;
}
.left-\[-6px\] {
    left: -6px;
}
.left-\[-8px\] {
    left: -8px;
}
.left-\[-9px\] {
    left: -9px;
}
.left-\[0\%\] {
    left: 0;
}
.left-\[0\.14\%\] {
    left: 0.14%;
}
.left-\[0\.28\%\] {
    left: 0.28%;
}
.left-\[0\.42\%\] {
    left: 0.42%;
}
.left-\[0\.56\%\] {
    left: 0.56%;
}
.left-\[0\.83\%\] {
    left: 0.83%;
}
.left-\[0\.97\%\] {
    left: 0.97%;
}
.left-\[0px\] {
    left: 0;
}
.left-\[10\%\] {
    left: 10%;
}
.left-\[10\.14\%\] {
    left: 10.14%;
}
.left-\[10\.28\%\] {
    left: 10.28%;
}
.left-\[10\.42\%\] {
    left: 10.42%;
}
.left-\[10\.5\%\] {
    left: 10.5%;
}
.left-\[10\.56\%\] {
    left: 10.56%;
}
.left-\[10\.69\%\] {
    left: 10.69%;
}
.left-\[10\.83\%\] {
    left: 10.83%;
}
.left-\[10\.97\%\] {
    left: 10.97%;
}
.left-\[10px\] {
    left: 10px;
}
.left-\[11\.57\%\] {
    left: 11.57%;
}
.left-\[12\.5\%\] {
    left: 12.5%;
}
.left-\[12\.6\%\] {
    left: 12.6%;
}
.left-\[12\.8\%\] {
    left: 12.8%;
}
.left-\[13\%\] {
    left: 13%;
}
.left-\[14\.5\%\] {
    left: 14.5%;
}
.left-\[14\.54\%\] {
    left: 14.54%;
}
.left-\[14px\] {
    left: 14px;
}
.left-\[15\.97\%\] {
    left: 15.97%;
}
.left-\[16\%\] {
    left: 16%;
}
.left-\[16px\] {
    left: 16px;
}
.left-\[17\.5\%\] {
    left: 17.5%;
}
.left-\[17\.8\%\] {
    left: 17.8%;
}
.left-\[18\.47\%\] {
    left: 18.47%;
}
.left-\[18\.61\%\] {
    left: 18.61%;
}
.left-\[180px\] {
    left: 180px;
}
.left-\[18px\] {
    left: 18px;
}
.left-\[19\%\] {
    left: 19%;
}
.left-\[21\%\] {
    left: 21%;
}
.left-\[23\.5\%\] {
    left: 23.5%;
}
.left-\[24\%\] {
    left: 24%;
}
.left-\[24\.5\%\] {
    left: 24.5%;
}
.left-\[25\%\] {
    left: 25%;
}
.left-\[25\.28\%\] {
    left: 25.28%;
}
.left-\[25\.41\%\] {
    left: 25.41%;
}
.left-\[26\%\] {
    left: 26%;
}
.left-\[27\%\] {
    left: 27%;
}
.left-\[28\%\] {
    left: 28%;
}
.left-\[280px\] {
    left: 280px;
}
.left-\[2px\] {
    left: 2px;
}
.left-\[30\%\] {
    left: 30%;
}
.left-\[31\%\] {
    left: 31%;
}
.left-\[31\.25\%\] {
    left: 31.25%;
}
.left-\[31\.37\%\] {
    left: 31.37%;
}
.left-\[31\.39\%\] {
    left: 31.39%;
}
.left-\[32\%\] {
    left: 32%;
}
.left-\[33\%\] {
    left: 33%;
}
.left-\[33\.5\%\] {
    left: 33.5%;
}
.left-\[35\%\] {
    left: 35%;
}
.left-\[35\.56\%\] {
    left: 35.56%;
}
.left-\[35\.83\%\] {
    left: 35.83%;
}
.left-\[35px\] {
    left: 35px;
}
.left-\[36\%\] {
    left: 36%;
}
.left-\[38\%\] {
    left: 38%;
}
.left-\[38\.89\%\] {
    left: 38.89%;
}
.left-\[39\%\] {
    left: 39%;
}
.left-\[39\.17\%\] {
    left: 39.17%;
}
.left-\[3px\] {
    left: 3px;
}
.left-\[40\%\] {
    left: 40%;
}
.left-\[42\%\] {
    left: 42%;
}
.left-\[43\%\] {
    left: 43%;
}
.left-\[45\%\] {
    left: 45%;
}
.left-\[48\%\] {
    left: 48%;
}
.left-\[5\%\] {
    left: 5%;
}
.left-\[5\.12\%\] {
    left: 5.12%;
}
.left-\[5\.83\%\] {
    left: 5.83%;
}
.left-\[50\%\] {
    left: 50%;
}
.left-\[50\.14\%\] {
    left: 50.14%;
}
.left-\[50\.28\%\] {
    left: 50.28%;
}
.left-\[50\.5\%\] {
    left: 50.5%;
}
.left-\[50px\] {
    left: 50px;
}
.left-\[54\.6\%\] {
    left: 54.6%;
}
.left-\[55\%\] {
    left: 55%;
}
.left-\[56\%\] {
    left: 56%;
}
.left-\[57\%\] {
    left: 57%;
}
.left-\[57\.2\%\] {
    left: 57.2%;
}
.left-\[57\.87\%\] {
    left: 57.87%;
}
.left-\[58\%\] {
    left: 58%;
}
.left-\[58\.9\%\] {
    left: 58.9%;
}
.left-\[59\.3\%\] {
    left: 59.3%;
}
.left-\[5px\] {
    left: 5px;
}
.left-\[60\%\] {
    left: 60%;
}
.left-\[61\%\] {
    left: 61%;
}
.left-\[61\.8\%\] {
    left: 61.8%;
}
.left-\[62\%\] {
    left: 62%;
}
.left-\[63\.5\%\] {
    left: 63.5%;
}
.left-\[63\.8\%\] {
    left: 63.8%;
}
.left-\[64\.4\%\] {
    left: 64.4%;
}
.left-\[64px\] {
    left: 64px;
}
.left-\[65\%\] {
    left: 65%;
}
.left-\[65\.7\%\] {
    left: 65.7%;
}
.left-\[67\%\] {
    left: 67%;
}
.left-\[67\.04\%\] {
    left: 67.04%;
}
.left-\[67\.5\%\] {
    left: 67.5%;
}
.left-\[68\.19\%\] {
    left: 68.19%;
}
.left-\[69\.5\%\] {
    left: 69.5%;
}
.left-\[70\.5\%\] {
    left: 70.5%;
}
.left-\[75\.14\%\] {
    left: 75.14%;
}
.left-\[75\.28\%\] {
    left: 75.28%;
}
.left-\[76\%\] {
    left: 76%;
}
.left-\[78\%\] {
    left: 78%;
}
.left-\[88px\] {
    left: 88px;
}
.left-\[9\.5\%\] {
    left: 9.5%;
}
.left-\[9\.86\%\] {
    left: 9.86%;
}
.left-auto {
    left: auto;
}
.right-0 {
    right: 0;
}
.right-1 {
    right: 0.25rem;
}
.right-10 {
    right: 2.5rem;
}
.right-16 {
    right: 4rem;
}
.right-2 {
    right: 0.5rem;
}
.right-2\.5 {
    right: 0.625rem;
}
.right-3 {
    right: 0.75rem;
}
.right-4 {
    right: 1rem;
}
.right-5 {
    right: 1.25rem;
}
.right-6 {
    right: 1.5rem;
}
.right-9 {
    right: 2.25rem;
}
.right-\[-13px\] {
    right: -13px;
}
.right-\[-32\%\] {
    right: -32%;
}
.right-\[-32px\] {
    right: -32px;
}
.right-\[-36px\] {
    right: -36px;
}
.right-\[-388px\] {
    right: -388px;
}
.right-\[-4px\] {
    right: -4px;
}
.right-\[-50px\] {
    right: -50px;
}
.right-\[-5px\] {
    right: -5px;
}
.right-\[-64px\] {
    right: -64px;
}
.right-\[-88px\] {
    right: -88px;
}
.right-\[-8px\] {
    right: -8px;
}
.right-\[0px\] {
    right: 0;
}
.right-\[10px\] {
    right: 10px;
}
.right-\[16px\] {
    right: 16px;
}
.right-\[2\%\] {
    right: 2%;
}
.right-\[48px\] {
    right: 48px;
}
.right-\[4px\] {
    right: 4px;
}
.right-\[5\%\] {
    right: 5%;
}
.right-\[50px\] {
    right: 50px;
}
.right-\[75px\] {
    right: 75px;
}
.top-0 {
    top: 0;
}
.top-1 {
    top: 0.25rem;
}
.top-1\/2 {
    top: 50%;
}
.top-12 {
    top: 3rem;
}
.top-2 {
    top: 0.5rem;
}
.top-3 {
    top: 0.75rem;
}
.top-4 {
    top: 1rem;
}
.top-5 {
    top: 1.25rem;
}
.top-6 {
    top: 1.5rem;
}
.top-80 {
    top: 20rem;
}
.top-\[-0\.07\%\] {
    top: -0.07%;
}
.top-\[-0\.3\%\] {
    top: -0.3%;
}
.top-\[-0\.31vw\] {
    top: -0.31vw;
}
.top-\[-0\.43vw\] {
    top: -0.43vw;
}
.top-\[-10\%\] {
    top: -10%;
}
.top-\[-10px\] {
    top: -10px;
}
.top-\[-13px\] {
    top: -13px;
}
.top-\[-1px\] {
    top: -1px;
}
.top-\[-22px\] {
    top: -22px;
}
.top-\[-25px\] {
    top: -25px;
}
.top-\[-3\%\] {
    top: -3%;
}
.top-\[-30px\] {
    top: -30px;
}
.top-\[-32px\] {
    top: -32px;
}
.top-\[-36px\] {
    top: -36px;
}
.top-\[-3px\] {
    top: -3px;
}
.top-\[-42px\] {
    top: -42px;
}
.top-\[-47px\] {
    top: -47px;
}
.top-\[-5\%\] {
    top: -5%;
}
.top-\[-5px\] {
    top: -5px;
}
.top-\[-60px\] {
    top: -60px;
}
.top-\[-64px\] {
    top: -64px;
}
.top-\[-8px\] {
    top: -8px;
}
.top-\[0\%\] {
    top: 0;
}
.top-\[0\.83\%\] {
    top: 0.83%;
}
.top-\[0\.85\%\] {
    top: 0.85%;
}
.top-\[0\.92\%\] {
    top: 0.92%;
}
.top-\[0\.94\%\] {
    top: 0.94%;
}
.top-\[0\.95\%\] {
    top: 0.95%;
}
.top-\[0\] {
    top: 0;
}
.top-\[1\%\] {
    top: 1%;
}
.top-\[1\.10\%\],
.top-\[1\.1\%\] {
    top: 1.1%;
}
.top-\[1\.6\%\] {
    top: 1.6%;
}
.top-\[1\.83\%\] {
    top: 1.83%;
}
.top-\[1\.85\%\] {
    top: 1.85%;
}
.top-\[1\.97\%\] {
    top: 1.97%;
}
.top-\[100\%\] {
    top: 100%;
}
.top-\[100px\] {
    top: 100px;
}
.top-\[10px\] {
    top: 10px;
}
.top-\[11\.4\%\] {
    top: 11.4%;
}
.top-\[120px\] {
    top: 120px;
}
.top-\[13\.69\%\] {
    top: 13.69%;
}
.top-\[13\.74\%\] {
    top: 13.74%;
}
.top-\[13px\] {
    top: 13px;
}
.top-\[14\.17\%\] {
    top: 14.17%;
}
.top-\[15\.63\%\] {
    top: 15.63%;
}
.top-\[15\.7\%\] {
    top: 15.7%;
}
.top-\[15px\] {
    top: 15px;
}
.top-\[16\.1\%\] {
    top: 16.1%;
}
.top-\[17\.3\%\] {
    top: 17.3%;
}
.top-\[17\.8\%\] {
    top: 17.8%;
}
.top-\[17\.92\%\] {
    top: 17.92%;
}
.top-\[173px\] {
    top: 173px;
}
.top-\[18\.17\%\] {
    top: 18.17%;
}
.top-\[18\.3\%\] {
    top: 18.3%;
}
.top-\[18\.7\%\] {
    top: 18.7%;
}
.top-\[18\.75\%\] {
    top: 18.75%;
}
.top-\[18\.9\%\] {
    top: 18.9%;
}
.top-\[18px\] {
    top: 18px;
}
.top-\[19\.1\%\] {
    top: 19.1%;
}
.top-\[19\.2\%\] {
    top: 19.2%;
}
.top-\[19\.35\%\] {
    top: 19.35%;
}
.top-\[19\.95\%\] {
    top: 19.95%;
}
.top-\[1px\] {
    top: 1px;
}
.top-\[2\.95\%\] {
    top: 2.95%;
}
.top-\[20\.24\%\] {
    top: 20.24%;
}
.top-\[20\.79\%\] {
    top: 20.79%;
}
.top-\[21\.9\%\] {
    top: 21.9%;
}
.top-\[210px\] {
    top: 210px;
}
.top-\[22\.44\%\] {
    top: 22.44%;
}
.top-\[22\.56\%\] {
    top: 22.56%;
}
.top-\[22\.66\%\] {
    top: 22.66%;
}
.top-\[22\.8\%\] {
    top: 22.8%;
}
.top-\[23\.55\%\] {
    top: 23.55%;
}
.top-\[24\.45\%\] {
    top: 24.45%;
}
.top-\[24px\] {
    top: 24px;
}
.top-\[25\%\] {
    top: 25%;
}
.top-\[25\.12\%\] {
    top: 25.12%;
}
.top-\[25\.62\%\] {
    top: 25.62%;
}
.top-\[25\.86\%\] {
    top: 25.86%;
}
.top-\[25\.9\%\] {
    top: 25.9%;
}
.top-\[26\.15\%\] {
    top: 26.15%;
}
.top-\[26\.3\%\] {
    top: 26.3%;
}
.top-\[26\.32\%\] {
    top: 26.32%;
}
.top-\[26\.43\%\] {
    top: 26.43%;
}
.top-\[26\.75\%\] {
    top: 26.75%;
}
.top-\[28\.38\%\] {
    top: 28.38%;
}
.top-\[29\.12\%\] {
    top: 29.12%;
}
.top-\[29\.17\%\] {
    top: 29.17%;
}
.top-\[29\.83\%\] {
    top: 29.83%;
}
.top-\[2px\] {
    top: 2px;
}
.top-\[3\.22\%\] {
    top: 3.22%;
}
.top-\[3\.3\%\] {
    top: 3.3%;
}
.top-\[30\%\] {
    top: 30%;
}
.top-\[30\.55\%\] {
    top: 30.55%;
}
.top-\[30px\] {
    top: 30px;
}
.top-\[31\.5\%\] {
    top: 31.5%;
}
.top-\[31\.51\%\] {
    top: 31.51%;
}
.top-\[31\.9\%\] {
    top: 31.9%;
}
.top-\[32\.28\%\] {
    top: 32.28%;
}
.top-\[32\.65\%\] {
    top: 32.65%;
}
.top-\[32\.7\%\] {
    top: 32.7%;
}
.top-\[33\%\] {
    top: 33%;
}
.top-\[33\.8\%\] {
    top: 33.8%;
}
.top-\[330px\] {
    top: 330px;
}
.top-\[34\.3\%\] {
    top: 34.3%;
}
.top-\[34\.4\%\] {
    top: 34.4%;
}
.top-\[34\.59\%\] {
    top: 34.59%;
}
.top-\[34\.85\%\] {
    top: 34.85%;
}
.top-\[35\%\] {
    top: 35%;
}
.top-\[35\.58\%\] {
    top: 35.58%;
}
.top-\[35\.82\%\] {
    top: 35.82%;
}
.top-\[35\.87\%\] {
    top: 35.87%;
}
.top-\[36\.54\%\] {
    top: 36.54%;
}
.top-\[37\%\] {
    top: 37%;
}
.top-\[37\.2\%\] {
    top: 37.2%;
}
.top-\[38\.65\%\] {
    top: 38.65%;
}
.top-\[39\.15\%\] {
    top: 39.15%;
}
.top-\[39\.46\%\] {
    top: 39.46%;
}
.top-\[39\.55\%\] {
    top: 39.55%;
}
.top-\[39\.9\%\] {
    top: 39.9%;
}
.top-\[3px\] {
    top: 3px;
}
.top-\[4\.66\%\] {
    top: 4.66%;
}
.top-\[4\.72\%\] {
    top: 4.72%;
}
.top-\[40\%\] {
    top: 40%;
}
.top-\[40px\] {
    top: 40px;
}
.top-\[41\.9\%\] {
    top: 41.9%;
}
.top-\[42\%\] {
    top: 42%;
}
.top-\[42\.48\%\] {
    top: 42.48%;
}
.top-\[42\.5\%\] {
    top: 42.5%;
}
.top-\[43\%\] {
    top: 43%;
}
.top-\[43\.5\%\] {
    top: 43.5%;
}
.top-\[43\.7\%\] {
    top: 43.7%;
}
.top-\[43\.8\%\] {
    top: 43.8%;
}
.top-\[44\%\] {
    top: 44%;
}
.top-\[44\.79\%\] {
    top: 44.79%;
}
.top-\[45\.25\%\] {
    top: 45.25%;
}
.top-\[45\.5\%\] {
    top: 45.5%;
}
.top-\[47\.14\%\] {
    top: 47.14%;
}
.top-\[47\.3\%\] {
    top: 47.3%;
}
.top-\[47\.5\%\] {
    top: 47.5%;
}
.top-\[47\.75\%\] {
    top: 47.75%;
}
.top-\[47\.8\%\] {
    top: 47.8%;
}
.top-\[49\.28\%\] {
    top: 49.28%;
}
.top-\[4px\] {
    top: 4px;
}
.top-\[5\%\] {
    top: 5%;
}
.top-\[5\.19\%\] {
    top: 5.19%;
}
.top-\[5\.32\%\] {
    top: 5.32%;
}
.top-\[50\%\] {
    top: 50%;
}
.top-\[50\.04\%\] {
    top: 50.04%;
}
.top-\[500px\] {
    top: 500px;
}
.top-\[51\%\] {
    top: 51%;
}
.top-\[51\.19\%\] {
    top: 51.19%;
}
.top-\[51\.32\%\] {
    top: 51.32%;
}
.top-\[51\.65\%\] {
    top: 51.65%;
}
.top-\[51\.84\%\] {
    top: 51.84%;
}
.top-\[52\.15\%\] {
    top: 52.15%;
}
.top-\[53\.02\%\] {
    top: 53.02%;
}
.top-\[53\.36\%\] {
    top: 53.36%;
}
.top-\[55\.16\%\] {
    top: 55.16%;
}
.top-\[55\.94\%\] {
    top: 55.94%;
}
.top-\[56\.15\%\] {
    top: 56.15%;
}
.top-\[56\.5\%\] {
    top: 56.5%;
}
.top-\[57\%\] {
    top: 57%;
}
.top-\[57\.5\%\] {
    top: 57.5%;
}
.top-\[57\.725\%\] {
    top: 57.725%;
}
.top-\[57\.86\%\] {
    top: 57.86%;
}
.top-\[58\%\] {
    top: 58%;
}
.top-\[58\.1\%\] {
    top: 58.1%;
}
.top-\[58\.15\%\] {
    top: 58.15%;
}
.top-\[59\%\] {
    top: 59%;
}
.top-\[59\.01\%\] {
    top: 59.01%;
}
.top-\[59\.45\%\] {
    top: 59.45%;
}
.top-\[5px\] {
    top: 5px;
}
.top-\[6\.32\%\] {
    top: 6.32%;
}
.top-\[6\.37\%\] {
    top: 6.37%;
}
.top-\[60\.3\%\] {
    top: 60.3%;
}
.top-\[60\.7\%\] {
    top: 60.7%;
}
.top-\[60px\] {
    top: 60px;
}
.top-\[61\.6\%\] {
    top: 61.6%;
}
.top-\[61\.8\%\] {
    top: 61.8%;
}
.top-\[62\%\] {
    top: 62%;
}
.top-\[62\.89\%\] {
    top: 62.89%;
}
.top-\[63\.3\%\] {
    top: 63.3%;
}
.top-\[63\.68\%\] {
    top: 63.68%;
}
.top-\[64\.17\%\] {
    top: 64.17%;
}
.top-\[64\.55\%\] {
    top: 64.55%;
}
.top-\[64\.6\%\] {
    top: 64.6%;
}
.top-\[67\.71\%\] {
    top: 67.71%;
}
.top-\[68\.3\%\] {
    top: 68.3%;
}
.top-\[70\%\] {
    top: 70%;
}
.top-\[71\.9\%\] {
    top: 71.9%;
}
.top-\[72\%\] {
    top: 72%;
}
.top-\[72\.1\%\] {
    top: 72.1%;
}
.top-\[72\.15\%\] {
    top: 72.15%;
}
.top-\[72\.3\%\] {
    top: 72.3%;
}
.top-\[72\.5\%\] {
    top: 72.5%;
}
.top-\[73\.9\%\] {
    top: 73.9%;
}
.top-\[75\.34\%\] {
    top: 75.34%;
}
.top-\[76\.7\%\] {
    top: 76.7%;
}
.top-\[78\.53\%\] {
    top: 78.53%;
}
.top-\[8\.19\%\] {
    top: 8.19%;
}
.top-\[8\.37\%\] {
    top: 8.37%;
}
.top-\[8\.86\%\] {
    top: 8.86%;
}
.top-\[81\%\] {
    top: 81%;
}
.top-\[82\.2\%\] {
    top: 82.2%;
}
.top-\[83\.21\%\] {
    top: 83.21%;
}
.top-\[84\.1\%\] {
    top: 84.1%;
}
.top-\[84\.32\%\] {
    top: 84.32%;
}
.top-\[84\.78\%\] {
    top: 84.78%;
}
.top-\[85\.4\%\] {
    top: 85.4%;
}
.top-\[86\.44\%\] {
    top: 86.44%;
}
.top-\[86\.78\%\] {
    top: 86.78%;
}
.top-\[89\.5\%\] {
    top: 89.5%;
}
.top-\[89\.77\%\] {
    top: 89.77%;
}
.top-\[9\.23\%\] {
    top: 9.23%;
}
.top-\[91\.25\%\] {
    top: 91.25%;
}
.top-\[92\.3\%\] {
    top: 92.3%;
}
.top-\[93\.29\%\] {
    top: 93.29%;
}
.top-\[98px\] {
    top: 98px;
}
.top-\[9px\] {
    top: 9px;
}
.z-10 {
    z-index: 10;
}
.z-20 {
    z-index: 20;
}
.z-30 {
    z-index: 30;
}
.z-50 {
    z-index: 50;
}
.z-\[10000\] {
    z-index: 10000;
}
.z-\[1002\] {
    z-index: 1002;
}
.z-\[1009999\] {
    z-index: 1009999;
}
.z-\[100\] {
    z-index: 100;
}
.z-\[101\] {
    z-index: 101;
}
.z-\[101px\] {
    z-index: 101px;
}
.z-\[102\] {
    z-index: 102;
}
.z-\[10\] {
    z-index: 10;
}
.z-\[11\] {
    z-index: 11;
}
.z-\[12\] {
    z-index: 12;
}
.z-\[13\] {
    z-index: 13;
}
.z-\[1\] {
    z-index: 1;
}
.z-\[2\] {
    z-index: 2;
}
.z-\[34\] {
    z-index: 34;
}
.z-\[500\] {
    z-index: 500;
}
.z-\[9999999\] {
    z-index: 9999999;
}
.z-\[999999\] {
    z-index: 999999;
}
.z-\[99999\] {
    z-index: 99999;
}
.z-\[9999\] {
    z-index: 9999;
}
.float-right {
    float: right;
}
.m-0 {
    margin: 0;
}
.m-4 {
    margin: 1rem;
}
.mx-0 {
    margin-left: 0;
    margin-right: 0;
}
.mx-1 {
    margin-left: 0.25rem;
    margin-right: 0.25rem;
}
.mx-2 {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
}
.mx-2\.5 {
    margin-left: 0.625rem;
    margin-right: 0.625rem;
}
.mx-4 {
    margin-left: 1rem;
    margin-right: 1rem;
}
.mx-5 {
    margin-left: 1.25rem;
    margin-right: 1.25rem;
}
.mx-6 {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
}
.mx-\[10\%\] {
    margin-left: 10%;
    margin-right: 10%;
}
.mx-\[10px\] {
    margin-left: 10px;
    margin-right: 10px;
}
.mx-\[30px\] {
    margin-left: 30px;
    margin-right: 30px;
}
.mx-\[4px\] {
    margin-left: 4px;
    margin-right: 4px;
}
.mx-\[5px\] {
    margin-left: 5px;
    margin-right: 5px;
}
.mx-\[72px\] {
    margin-left: 72px;
    margin-right: 72px;
}
.mx-auto {
    margin-left: auto;
    margin-right: auto;
}
.my-1 {
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
}
.my-10 {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
}
.my-12 {
    margin-top: 3rem;
    margin-bottom: 3rem;
}
.my-14 {
    margin-top: 3.5rem;
    margin-bottom: 3.5rem;
}
.my-2 {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}
.my-3 {
    margin-top: 0.75rem;
    margin-bottom: 0.75rem;
}
.my-4 {
    margin-top: 1rem;
    margin-bottom: 1rem;
}
.my-5 {
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
}
.my-6 {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
}
.my-7 {
    margin-top: 1.75rem;
    margin-bottom: 1.75rem;
}
.my-\[24px\] {
    margin-top: 24px;
    margin-bottom: 24px;
}
.\!ml-\[48px\] {
    margin-left: 48px !important;
}
.mb-0 {
    margin-bottom: 0;
}
.mb-1 {
    margin-bottom: 0.25rem;
}
.mb-1\.5 {
    margin-bottom: 0.375rem;
}
.mb-10 {
    margin-bottom: 2.5rem;
}
.mb-12 {
    margin-bottom: 3rem;
}
.mb-14 {
    margin-bottom: 3.5rem;
}
.mb-16 {
    margin-bottom: 4rem;
}
.mb-2 {
    margin-bottom: 0.5rem;
}
.mb-2\.5 {
    margin-bottom: 0.625rem;
}
.mb-20 {
    margin-bottom: 5rem;
}
.mb-3 {
    margin-bottom: 0.75rem;
}
.mb-4 {
    margin-bottom: 1rem;
}
.mb-5 {
    margin-bottom: 1.25rem;
}
.mb-6 {
    margin-bottom: 1.5rem;
}
.mb-7 {
    margin-bottom: 1.75rem;
}
.mb-8 {
    margin-bottom: 2rem;
}
.mb-9 {
    margin-bottom: 2.25rem;
}
.mb-\[100px\] {
    margin-bottom: 100px;
}
.mb-\[10px\] {
    margin-bottom: 10px;
}
.mb-\[12px\] {
    margin-bottom: 12px;
}
.mb-\[16px\] {
    margin-bottom: 16px;
}
.mb-\[18px\] {
    margin-bottom: 18px;
}
.mb-\[1px\] {
    margin-bottom: 1px;
}
.mb-\[20px\] {
    margin-bottom: 20px;
}
.mb-\[24px\] {
    margin-bottom: 24px;
}
.mb-\[28px\] {
    margin-bottom: 28px;
}
.mb-\[2px\] {
    margin-bottom: 2px;
}
.mb-\[30px\] {
    margin-bottom: 30px;
}
.mb-\[346px\] {
    margin-bottom: 346px;
}
.mb-\[40px\] {
    margin-bottom: 40px;
}
.mb-\[56px\] {
    margin-bottom: 56px;
}
.mb-\[5px\] {
    margin-bottom: 5px;
}
.mb-\[60px\] {
    margin-bottom: 60px;
}
.mb-\[6px\] {
    margin-bottom: 6px;
}
.mb-\[8px\] {
    margin-bottom: 8px;
}
.ml-1 {
    margin-left: 0.25rem;
}
.ml-1\.5 {
    margin-left: 0.375rem;
}
.ml-10 {
    margin-left: 2.5rem;
}
.ml-2 {
    margin-left: 0.5rem;
}
.ml-2\.5 {
    margin-left: 0.625rem;
}
.ml-24 {
    margin-left: 6rem;
}
.ml-3 {
    margin-left: 0.75rem;
}
.ml-4 {
    margin-left: 1rem;
}
.ml-5 {
    margin-left: 1.25rem;
}
.ml-6 {
    margin-left: 1.5rem;
}
.ml-8 {
    margin-left: 2rem;
}
.ml-\[-16px\] {
    margin-left: -16px;
}
.ml-\[-24px\] {
    margin-left: -24px;
}
.ml-\[0\.5px\] {
    margin-left: 0.5px;
}
.ml-\[11px\] {
    margin-left: 11px;
}
.ml-\[12px\] {
    margin-left: 12px;
}
.ml-\[22px\] {
    margin-left: 22px;
}
.ml-\[28px\] {
    margin-left: 28px;
}
.ml-\[2px\] {
    margin-left: 2px;
}
.ml-\[30px\] {
    margin-left: 30px;
}
.ml-\[68px\] {
    margin-left: 68px;
}
.ml-\[8px\] {
    margin-left: 8px;
}
.mr-0 {
    margin-right: 0;
}
.mr-0\.5 {
    margin-right: 0.125rem;
}
.mr-1 {
    margin-right: 0.25rem;
}
.mr-1\.5 {
    margin-right: 0.375rem;
}
.mr-12 {
    margin-right: 3rem;
}
.mr-2 {
    margin-right: 0.5rem;
}
.mr-2\.5 {
    margin-right: 0.625rem;
}
.mr-24 {
    margin-right: 6rem;
}
.mr-3 {
    margin-right: 0.75rem;
}
.mr-4 {
    margin-right: 1rem;
}
.mr-5 {
    margin-right: 1.25rem;
}
.mr-6 {
    margin-right: 1.5rem;
}
.mr-7 {
    margin-right: 1.75rem;
}
.mr-8 {
    margin-right: 2rem;
}
.mr-\[20px\] {
    margin-right: 20px;
}
.mr-\[22px\] {
    margin-right: 22px;
}
.mr-\[2px\] {
    margin-right: 2px;
}
.mr-\[30px\] {
    margin-right: 30px;
}
.mr-\[5px\] {
    margin-right: 5px;
}
.mt-0 {
    margin-top: 0;
}
.mt-1 {
    margin-top: 0.25rem;
}
.mt-1\.5 {
    margin-top: 0.375rem;
}
.mt-10 {
    margin-top: 2.5rem;
}
.mt-11 {
    margin-top: 2.75rem;
}
.mt-12 {
    margin-top: 3rem;
}
.mt-14 {
    margin-top: 3.5rem;
}
.mt-16 {
    margin-top: 4rem;
}
.mt-2 {
    margin-top: 0.5rem;
}
.mt-2\.5 {
    margin-top: 0.625rem;
}
.mt-24 {
    margin-top: 6rem;
}
.mt-3 {
    margin-top: 0.75rem;
}
.mt-4 {
    margin-top: 1rem;
}
.mt-5 {
    margin-top: 1.25rem;
}
.mt-6 {
    margin-top: 1.5rem;
}
.mt-7 {
    margin-top: 1.75rem;
}
.mt-9 {
    margin-top: 2.25rem;
}
.mt-\[0\.5px\] {
    margin-top: 0.5px;
}
.mt-\[11px\] {
    margin-top: 11px;
}
.mt-\[14px\] {
    margin-top: 14px;
}
.mt-\[18px\] {
    margin-top: 18px;
}
.mt-\[20\%\] {
    margin-top: 20%;
}
.mt-\[24px\] {
    margin-top: 24px;
}
.mt-\[27px\] {
    margin-top: 27px;
}
.mt-\[2px\] {
    margin-top: 2px;
}
.mt-\[30px\] {
    margin-top: 30px;
}
.mt-\[31px\] {
    margin-top: 31px;
}
.mt-\[32px\] {
    margin-top: 32px;
}
.mt-\[34px\] {
    margin-top: 34px;
}
.mt-\[3px\] {
    margin-top: 3px;
}
.mt-\[45px\] {
    margin-top: 45px;
}
.mt-\[50px\] {
    margin-top: 50px;
}
.mt-\[60px\] {
    margin-top: 60px;
}
.mt-\[6px\] {
    margin-top: 6px;
}
.mt-\[75px\] {
    margin-top: 75px;
}
.mt-\[93\%\] {
    margin-top: 93%;
}
.mt-\[9px\] {
    margin-top: 9px;
}
.line-clamp-2 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.block {
    display: block;
}
.inline-block {
    display: inline-block;
}
.inline {
    display: inline;
}
.flex {
    display: flex;
}
.inline-flex {
    display: inline-flex;
}
.table {
    display: table;
}
.grid {
    display: grid;
}
.contents {
    display: contents;
}
.hidden {
    display: none;
}
.aspect-square {
    aspect-ratio: 1/1;
}
.h-0 {
    height: 0;
}
.h-1 {
    height: 0.25rem;
}
.h-1\.5 {
    height: 0.375rem;
}
.h-10 {
    height: 2.5rem;
}
.h-11 {
    height: 2.75rem;
}
.h-12 {
    height: 3rem;
}
.h-14 {
    height: 3.5rem;
}
.h-16 {
    height: 4rem;
}
.h-2 {
    height: 0.5rem;
}
.h-2\.5 {
    height: 0.625rem;
}
.h-2\/5 {
    height: 40%;
}
.h-20 {
    height: 5rem;
}
.h-24 {
    height: 6rem;
}
.h-28 {
    height: 7rem;
}
.h-3 {
    height: 0.75rem;
}
.h-3\/5 {
    height: 60%;
}
.h-32 {
    height: 8rem;
}
.h-36 {
    height: 9rem;
}
.h-4 {
    height: 1rem;
}
.h-40 {
    height: 10rem;
}
.h-44 {
    height: 11rem;
}
.h-48 {
    height: 12rem;
}
.h-5 {
    height: 1.25rem;
}
.h-52 {
    height: 13rem;
}
.h-56 {
    height: 14rem;
}
.h-6 {
    height: 1.5rem;
}
.h-60 {
    height: 15rem;
}
.h-64 {
    height: 16rem;
}
.h-7 {
    height: 1.75rem;
}
.h-8 {
    height: 2rem;
}
.h-9 {
    height: 2.25rem;
}
.h-\[0\%\] {
    height: 0%;
}
.h-\[0\.38\%\] {
    height: 0.38%;
}
.h-\[0\.4\%\] {
    height: 0.4%;
}
.h-\[0\.6\%\] {
    height: 0.6%;
}
.h-\[0\.74\%\] {
    height: 0.74%;
}
.h-\[0\.8\%\] {
    height: 0.8%;
}
.h-\[0\.91\%\] {
    height: 0.91%;
}
.h-\[1\%\] {
    height: 1%;
}
.h-\[1\.03\%\] {
    height: 1.03%;
}
.h-\[1\.04\%\] {
    height: 1.04%;
}
.h-\[1\.05\%\] {
    height: 1.05%;
}
.h-\[1\.08\%\] {
    height: 1.08%;
}
.h-\[1\.1\%\] {
    height: 1.1%;
}
.h-\[1\.15\%\] {
    height: 1.15%;
}
.h-\[1\.19\%\] {
    height: 1.19%;
}
.h-\[1\.20\%\],
.h-\[1\.2\%\] {
    height: 1.2%;
}
.h-\[1\.22\%\] {
    height: 1.22%;
}
.h-\[1\.25\%\] {
    height: 1.25%;
}
.h-\[1\.3\%\] {
    height: 1.3%;
}
.h-\[1\.33\%\] {
    height: 1.33%;
}
.h-\[1\.4\%\] {
    height: 1.4%;
}
.h-\[1\.46\%\] {
    height: 1.46%;
}
.h-\[1\.49\%\] {
    height: 1.49%;
}
.h-\[1\.65\%\] {
    height: 1.65%;
}
.h-\[1\.74\%\] {
    height: 1.74%;
}
.h-\[1\.75\%\] {
    height: 1.75%;
}
.h-\[1\.86\%\] {
    height: 1.86%;
}
.h-\[1\.92\%\] {
    height: 1.92%;
}
.h-\[1\.98\%\] {
    height: 1.98%;
}
.h-\[100\%\] {
    height: 100%;
}
.h-\[100px\] {
    height: 100px;
}
.h-\[102px\] {
    height: 102px;
}
.h-\[107px\] {
    height: 107px;
}
.h-\[10px\] {
    height: 10px;
}
.h-\[112px\] {
    height: 112px;
}
.h-\[114x\] {
    height: 114x;
}
.h-\[12\.92\%\] {
    height: 12.92%;
}
.h-\[122px\] {
    height: 122px;
}
.h-\[123px\] {
    height: 123px;
}
.h-\[12px\] {
    height: 12px;
}
.h-\[135px\] {
    height: 135px;
}
.h-\[1370px\] {
    height: 1370px;
}
.h-\[13px\] {
    height: 13px;
}
.h-\[14\.39\%\] {
    height: 14.39%;
}
.h-\[145px\] {
    height: 145px;
}
.h-\[14px\] {
    height: 14px;
}
.h-\[15\%\] {
    height: 15%;
}
.h-\[150px\] {
    height: 150px;
}
.h-\[154px\] {
    height: 154px;
}
.h-\[156px\] {
    height: 156px;
}
.h-\[15px\] {
    height: 15px;
}
.h-\[17\.42\%\] {
    height: 17.42%;
}
.h-\[174px\] {
    height: 174px;
}
.h-\[17px\] {
    height: 17px;
}
.h-\[18\%\] {
    height: 18%;
}
.h-\[18\.5\%\] {
    height: 18.5%;
}
.h-\[18px\] {
    height: 18px;
}
.h-\[19\.2\%\] {
    height: 19.2%;
}
.h-\[19px\] {
    height: 19px;
}
.h-\[1px\] {
    height: 1px;
}
.h-\[2\.01\%\] {
    height: 2.01%;
}
.h-\[2\.04\%\] {
    height: 2.04%;
}
.h-\[2\.05\%\] {
    height: 2.05%;
}
.h-\[2\.18\%\] {
    height: 2.18%;
}
.h-\[2\.19\%\] {
    height: 2.19%;
}
.h-\[2\.21\%\] {
    height: 2.21%;
}
.h-\[2\.22\%\] {
    height: 2.22%;
}
.h-\[2\.24\%\] {
    height: 2.24%;
}
.h-\[2\.27\%\] {
    height: 2.27%;
}
.h-\[2\.3\%\] {
    height: 2.3%;
}
.h-\[2\.33\%\] {
    height: 2.33%;
}
.h-\[2\.7\%\] {
    height: 2.7%;
}
.h-\[2\.78\%\] {
    height: 2.78%;
}
.h-\[2\.81\%\] {
    height: 2.81%;
}
.h-\[2\.89\%\] {
    height: 2.89%;
}
.h-\[2\.95\%\] {
    height: 2.95%;
}
.h-\[2\.96\%\] {
    height: 2.96%;
}
.h-\[2\.97\%\] {
    height: 2.97%;
}
.h-\[20\%\] {
    height: 20%;
}
.h-\[200px\] {
    height: 200px;
}
.h-\[205px\] {
    height: 205px;
}
.h-\[20px\] {
    height: 20px;
}
.h-\[210px\] {
    height: 210px;
}
.h-\[21px\] {
    height: 21px;
}
.h-\[22px\] {
    height: 22px;
}
.h-\[23px\] {
    height: 23px;
}
.h-\[240px\] {
    height: 240px;
}
.h-\[24px\] {
    height: 24px;
}
.h-\[25px\] {
    height: 25px;
}
.h-\[260px\] {
    height: 260px;
}
.h-\[26px\] {
    height: 26px;
}
.h-\[3\.03\%\] {
    height: 3.03%;
}
.h-\[3\.13\%\] {
    height: 3.13%;
}
.h-\[3\.42\%\] {
    height: 3.42%;
}
.h-\[3\.49\%\] {
    height: 3.49%;
}
.h-\[3\.52\%\] {
    height: 3.52%;
}
.h-\[3\.99\%\] {
    height: 3.99%;
}
.h-\[30\%\] {
    height: 30%;
}
.h-\[300px\] {
    height: 300px;
}
.h-\[305px\] {
    height: 305px;
}
.h-\[30px\] {
    height: 30px;
}
.h-\[31px\] {
    height: 31px;
}
.h-\[320px\] {
    height: 320px;
}
.h-\[32px\] {
    height: 32px;
}
.h-\[34\%\] {
    height: 34%;
}
.h-\[34px\] {
    height: 34px;
}
.h-\[351px\] {
    height: 351px;
}
.h-\[360px\] {
    height: 360px;
}
.h-\[376px\] {
    height: 376px;
}
.h-\[389px\] {
    height: 389px;
}
.h-\[38px\] {
    height: 38px;
}
.h-\[4\%\] {
    height: 4%;
}
.h-\[4\.32\%\] {
    height: 4.32%;
}
.h-\[4\.39\%\] {
    height: 4.39%;
}
.h-\[4\.83\%\] {
    height: 4.83%;
}
.h-\[408px\] {
    height: 408px;
}
.h-\[40px\] {
    height: 40px;
}
.h-\[418px\] {
    height: 418px;
}
.h-\[42px\] {
    height: 42px;
}
.h-\[440px\] {
    height: 440px;
}
.h-\[45px\] {
    height: 45px;
}
.h-\[47px\] {
    height: 47px;
}
.h-\[48px\] {
    height: 48px;
}
.h-\[5\%\] {
    height: 5%;
}
.h-\[500px\] {
    height: 500px;
}
.h-\[50px\] {
    height: 50px;
}
.h-\[510px\] {
    height: 510px;
}
.h-\[52px\] {
    height: 52px;
}
.h-\[585px\] {
    height: 585px;
}
.h-\[58px\] {
    height: 58px;
}
.h-\[5px\] {
    height: 5px;
}
.h-\[6\.98\%\] {
    height: 6.98%;
}
.h-\[60px\] {
    height: 60px;
}
.h-\[64px\] {
    height: 64px;
}
.h-\[68px\] {
    height: 68px;
}
.h-\[7\.09\%\] {
    height: 7.09%;
}
.h-\[7\.14\%\] {
    height: 7.14%;
}
.h-\[7\.6\%\] {
    height: 7.6%;
}
.h-\[70px\] {
    height: 70px;
}
.h-\[72px\] {
    height: 72px;
}
.h-\[74px\] {
    height: 74px;
}
.h-\[750px\] {
    height: 750px;
}
.h-\[76px\] {
    height: 76px;
}
.h-\[7px\] {
    height: 7px;
}
.h-\[80px\] {
    height: 80px;
}
.h-\[90px\] {
    height: 90px;
}
.h-\[91\%\] {
    height: 91%;
}
.h-\[92px\] {
    height: 92px;
}
.h-\[92x\] {
    height: 92x;
}
.h-\[930px\] {
    height: 930px;
}
.h-\[94px\] {
    height: 94px;
}
.h-\[96px\] {
    height: 96px;
}
.h-auto {
    height: auto;
}
.h-full {
    height: 100%;
}
.h-screen {
    height: 100vh;
}
.max-h-\[176px\] {
    max-height: 176px;
}
.max-h-\[206px\] {
    max-height: 206px;
}
.max-h-\[270px\] {
    max-height: 270px;
}
.max-h-\[283px\] {
    max-height: 283px;
}
.max-h-\[297x\] {
    max-height: 297x;
}
.max-h-\[320px\] {
    max-height: 320px;
}
.max-h-\[478px\] {
    max-height: 478px;
}
.max-h-\[528px\] {
    max-height: 528px;
}
.max-h-\[80px\] {
    max-height: 80px;
}
.min-h-\[16vw\] {
    min-height: 16vw;
}
.min-h-\[208px\] {
    min-height: 208px;
}
.min-h-\[220px\] {
    min-height: 220px;
}
.min-h-\[300px\] {
    min-height: 300px;
}
.min-h-\[64px\] {
    min-height: 64px;
}
.min-h-\[70px\] {
    min-height: 70px;
}
.min-h-\[80px\] {
    min-height: 80px;
}
.\!w-min {
    width: -moz-min-content !important;
    width: min-content !important;
}
.w-0 {
    width: 0;
}
.w-1 {
    width: 0.25rem;
}
.w-1\.5 {
    width: 0.375rem;
}
.w-1\/2 {
    width: 50%;
}
.w-1\/4 {
    width: 25%;
}
.w-10 {
    width: 2.5rem;
}
.w-11 {
    width: 2.75rem;
}
.w-12 {
    width: 3rem;
}
.w-14 {
    width: 3.5rem;
}
.w-16 {
    width: 4rem;
}
.w-2 {
    width: 0.5rem;
}
.w-20 {
    width: 5rem;
}
.w-24 {
    width: 6rem;
}
.w-28 {
    width: 7rem;
}
.w-3 {
    width: 0.75rem;
}
.w-3\/12 {
    width: 25%;
}
.w-3\/4 {
    width: 75%;
}
.w-32 {
    width: 8rem;
}
.w-36 {
    width: 9rem;
}
.w-4 {
    width: 1rem;
}
.w-4\/12 {
    width: 33.333333%;
}
.w-40 {
    width: 10rem;
}
.w-44 {
    width: 11rem;
}
.w-5 {
    width: 1.25rem;
}
.w-6 {
    width: 1.5rem;
}
.w-60 {
    width: 15rem;
}
.w-64 {
    width: 16rem;
}
.w-7 {
    width: 1.75rem;
}
.w-72 {
    width: 18rem;
}
.w-8 {
    width: 2rem;
}
.w-8\/12 {
    width: 66.666667%;
}
.w-80 {
    width: 20rem;
}
.w-9\/12 {
    width: 75%;
}
.w-\[10\%\] {
    width: 10%;
}
.w-\[100\%\] {
    width: 100%;
}
.w-\[100px\] {
    width: 100px;
}
.w-\[103px\] {
    width: 103px;
}
.w-\[104px\] {
    width: 104px;
}
.w-\[109px\] {
    width: 109px;
}
.w-\[10px\] {
    width: 10px;
}
.w-\[114px\] {
    width: 114px;
}
.w-\[115px\] {
    width: 115px;
}
.w-\[11px\] {
    width: 11px;
}
.w-\[12\%\] {
    width: 12%;
}
.w-\[120px\] {
    width: 120px;
}
.w-\[132px\] {
    width: 132px;
}
.w-\[133px\] {
    width: 133px;
}
.w-\[13px\] {
    width: 13px;
}
.w-\[140px\] {
    width: 140px;
}
.w-\[148px\] {
    width: 148px;
}
.w-\[14px\] {
    width: 14px;
}
.w-\[150px\] {
    width: 150px;
}
.w-\[15px\] {
    width: 15px;
}
.w-\[160px\] {
    width: 160px;
}
.w-\[168px\] {
    width: 168px;
}
.w-\[16px\] {
    width: 16px;
}
.w-\[17\%\] {
    width: 17%;
}
.w-\[172px\] {
    width: 172px;
}
.w-\[17px\] {
    width: 17px;
}
.w-\[18px\] {
    width: 18px;
}
.w-\[190px\] {
    width: 190px;
}
.w-\[1920px\] {
    width: 1920px;
}
.w-\[1px\] {
    width: 1px;
}
.w-\[20\%\] {
    width: 20%;
}
.w-\[200px\] {
    width: 200px;
}
.w-\[20px\] {
    width: 20px;
}
.w-\[21\.57\%\] {
    width: 21.57%;
}
.w-\[212px\] {
    width: 212px;
}
.w-\[21px\] {
    width: 21px;
}
.w-\[22\%\] {
    width: 22%;
}
.w-\[22\.5\%\] {
    width: 22.5%;
}
.w-\[220px\] {
    width: 220px;
}
.w-\[22px\] {
    width: 22px;
}
.w-\[23\.61\%\] {
    width: 23.61%;
}
.w-\[232px\] {
    width: 232px;
}
.w-\[236px\] {
    width: 236px;
}
.w-\[23px\] {
    width: 23px;
}
.w-\[24\.31\%\] {
    width: 24.31%;
}
.w-\[24\.44\%\] {
    width: 24.44%;
}
.w-\[24\.86\%\] {
    width: 24.86%;
}
.w-\[240px\] {
    width: 240px;
}
.w-\[24px\] {
    width: 24px;
}
.w-\[25\%\] {
    width: 25%;
}
.w-\[25\.14\%\] {
    width: 25.14%;
}
.w-\[253px\] {
    width: 253px;
}
.w-\[25px\] {
    width: 25px;
}
.w-\[264px\] {
    width: 264px;
}
.w-\[266px\] {
    width: 266px;
}
.w-\[26px\] {
    width: 26px;
}
.w-\[27\%\] {
    width: 27%;
}
.w-\[27\.59\%\] {
    width: 27.59%;
}
.w-\[27px\] {
    width: 27px;
}
.w-\[28\%\] {
    width: 28%;
}
.w-\[28\.61\%\] {
    width: 28.61%;
}
.w-\[29\.03\%\] {
    width: 29.03%;
}
.w-\[29px\] {
    width: 29px;
}
.w-\[3\%\] {
    width: 3%;
}
.w-\[30\%\] {
    width: 30%;
}
.w-\[300px\] {
    width: 300px;
}
.w-\[30px\] {
    width: 30px;
}
.w-\[320px\] {
    width: 320px;
}
.w-\[328px\] {
    width: 328px;
}
.w-\[32px\] {
    width: 32px;
}
.w-\[33\%\] {
    width: 33%;
}
.w-\[34px\] {
    width: 34px;
}
.w-\[35\%\] {
    width: 35%;
}
.w-\[35px\] {
    width: 35px;
}
.w-\[360px\] {
    width: 360px;
}
.w-\[369px\] {
    width: 369px;
}
.w-\[37\.08\%\] {
    width: 37.08%;
}
.w-\[37\.22\%\] {
    width: 37.22%;
}
.w-\[39\%\] {
    width: 39%;
}
.w-\[40\%\] {
    width: 40%;
}
.w-\[400px\] {
    width: 400px;
}
.w-\[405px\] {
    width: 405px;
}
.w-\[42px\] {
    width: 42px;
}
.w-\[43\.33\%\] {
    width: 43.33%;
}
.w-\[430px\] {
    width: 430px;
}
.w-\[43px\] {
    width: 43px;
}
.w-\[44\%\] {
    width: 44%;
}
.w-\[45\%\] {
    width: 45%;
}
.w-\[450px\] {
    width: 450px;
}
.w-\[45px\] {
    width: 45px;
}
.w-\[484px\] {
    width: 484px;
}
.w-\[48px\] {
    width: 48px;
}
.w-\[49px\] {
    width: 49px;
}
.w-\[50\%\] {
    width: 50%;
}
.w-\[500px\] {
    width: 500px;
}
.w-\[50px\] {
    width: 50px;
}
.w-\[51\.3\%\] {
    width: 51.3%;
}
.w-\[52px\] {
    width: 52px;
}
.w-\[53px\] {
    width: 53px;
}
.w-\[54px\] {
    width: 54px;
}
.w-\[55px\] {
    width: 55px;
}
.w-\[56px\] {
    width: 56px;
}
.w-\[60\%\] {
    width: 60%;
}
.w-\[60px\] {
    width: 60px;
}
.w-\[613px\] {
    width: 613px;
}
.w-\[61px\] {
    width: 61px;
}
.w-\[620px\] {
    width: 620px;
}
.w-\[640px\] {
    width: 640px;
}
.w-\[64px\] {
    width: 64px;
}
.w-\[661px\] {
    width: 661px;
}
.w-\[66px\] {
    width: 66px;
}
.w-\[67\%\] {
    width: 67%;
}
.w-\[670px\] {
    width: 670px;
}
.w-\[68\.06\%\] {
    width: 68.06%;
}
.w-\[68px\] {
    width: 68px;
}
.w-\[69\.44\%\] {
    width: 69.44%;
}
.w-\[6px\] {
    width: 6px;
}
.w-\[7\%\] {
    width: 7%;
}
.w-\[70\%\] {
    width: 70%;
}
.w-\[70px\] {
    width: 70px;
}
.w-\[71\%\] {
    width: 71%;
}
.w-\[72px\] {
    width: 72px;
}
.w-\[73\%\] {
    width: 73%;
}
.w-\[73px\] {
    width: 73px;
}
.w-\[74px\] {
    width: 74px;
}
.w-\[76px\] {
    width: 76px;
}
.w-\[78\.47\%\] {
    width: 78.47%;
}
.w-\[78\.75\%\] {
    width: 78.75%;
}
.w-\[78\.89\%\] {
    width: 78.89%;
}
.w-\[79\.03\%\] {
    width: 79.03%;
}
.w-\[79\.17\%\] {
    width: 79.17%;
}
.w-\[79\.31\%\] {
    width: 79.31%;
}
.w-\[79\.44\%\] {
    width: 79.44%;
}
.w-\[79\.58\%\] {
    width: 79.58%;
}
.w-\[79\.72\%\] {
    width: 79.72%;
}
.w-\[7px\] {
    width: 7px;
}
.w-\[8\%\] {
    width: 8%;
}
.w-\[8\.1\%\] {
    width: 8.1%;
}
.w-\[80px\] {
    width: 80px;
}
.w-\[81\%\] {
    width: 81%;
}
.w-\[83px\] {
    width: 83px;
}
.w-\[84px\] {
    width: 84px;
}
.w-\[85\%\] {
    width: 85%;
}
.w-\[88\%\] {
    width: 88%;
}
.w-\[89\.58\%\] {
    width: 89.58%;
}
.w-\[9\.7\%\] {
    width: 9.7%;
}
.w-\[90\%\] {
    width: 90%;
}
.w-\[95px\] {
    width: 95px;
}
.w-\[96px\] {
    width: 96px;
}
.w-\[98\.47\%\] {
    width: 98.47%;
}
.w-\[98\.61\%\] {
    width: 98.61%;
}
.w-\[98\.75\%\] {
    width: 98.75%;
}
.w-\[99\.03\%\] {
    width: 99.03%;
}
.w-\[99\.17\%\] {
    width: 99.17%;
}
.w-\[calc\(100\%\+32px\)\] {
    width: calc(100% + 32px);
}
.w-\[calc\(100\%\+48px\)\] {
    width: calc(100% + 48px);
}
.w-\[calc\(100\%-18px\)\] {
    width: calc(100% - 18px);
}
.w-\[calc\(100\%-24px\)\] {
    width: calc(100% - 24px);
}
.w-\[calc\(100\%-34px\)\] {
    width: calc(100% - 34px);
}
.w-\[calc\(100\%-40px\)\] {
    width: calc(100% - 40px);
}
.w-fit {
    width: -moz-fit-content;
    width: fit-content;
}
.w-full {
    width: 100%;
}
.w-screen {
    width: 100vw;
}
.min-w-\[112px\] {
    min-width: 112px;
}
.min-w-\[167px\] {
    min-width: 167px;
}
.min-w-\[24px\] {
    min-width: 24px;
}
.min-w-\[380px\] {
    min-width: 380px;
}
.min-w-\[430px\] {
    min-width: 430px;
}
.min-w-\[480px\] {
    min-width: 480px;
}
.\!max-w-\[72\%\] {
    max-width: 72% !important;
}
.\!max-w-\[73\%\] {
    max-width: 73% !important;
}
.max-w-3xl {
    max-width: 48rem;
}
.max-w-\[100\%\] {
    max-width: 100%;
}
.max-w-\[100px\] {
    max-width: 100px;
}
.max-w-\[102px\] {
    max-width: 102px;
}
.max-w-\[1080px\] {
    max-width: 1080px;
}
.max-w-\[112px\] {
    max-width: 112px;
}
.max-w-\[120px\] {
    max-width: 120px;
}
.max-w-\[122px\] {
    max-width: 122px;
}
.max-w-\[124px\] {
    max-width: 124px;
}
.max-w-\[136px\] {
    max-width: 136px;
}
.max-w-\[140px\] {
    max-width: 140px;
}
.max-w-\[153px\] {
    max-width: 153px;
}
.max-w-\[164px\] {
    max-width: 164px;
}
.max-w-\[168px\] {
    max-width: 168px;
}
.max-w-\[170px\] {
    max-width: 170px;
}
.max-w-\[180px\] {
    max-width: 180px;
}
.max-w-\[2000px\] {
    max-width: 2000px;
}
.max-w-\[200px\] {
    max-width: 200px;
}
.max-w-\[20px\] {
    max-width: 20px;
}
.max-w-\[210px\] {
    max-width: 210px;
}
.max-w-\[220px\] {
    max-width: 220px;
}
.max-w-\[240px\] {
    max-width: 240px;
}
.max-w-\[244px\] {
    max-width: 244px;
}
.max-w-\[250px\] {
    max-width: 250px;
}
.max-w-\[252px\] {
    max-width: 252px;
}
.max-w-\[277px\] {
    max-width: 277px;
}
.max-w-\[290px\] {
    max-width: 290px;
}
.max-w-\[310px\] {
    max-width: 310px;
}
.max-w-\[312px\] {
    max-width: 312px;
}
.max-w-\[31px\] {
    max-width: 31px;
}
.max-w-\[320px\] {
    max-width: 320px;
}
.max-w-\[327px\] {
    max-width: 327px;
}
.max-w-\[32px\] {
    max-width: 32px;
}
.max-w-\[336px\] {
    max-width: 336px;
}
.max-w-\[350px\] {
    max-width: 350px;
}
.max-w-\[360px\] {
    max-width: 360px;
}
.max-w-\[36px\] {
    max-width: 36px;
}
.max-w-\[420px\] {
    max-width: 420px;
}
.max-w-\[438px\] {
    max-width: 438px;
}
.max-w-\[480px\] {
    max-width: 480px;
}
.max-w-\[483px\] {
    max-width: 483px;
}
.max-w-\[496px\] {
    max-width: 496px;
}
.max-w-\[50\%\] {
    max-width: 50%;
}
.max-w-\[500px\] {
    max-width: 500px;
}
.max-w-\[56\%\] {
    max-width: 56%;
}
.max-w-\[613px\] {
    max-width: 613px;
}
.max-w-\[619px\] {
    max-width: 619px;
}
.max-w-\[720px\] {
    max-width: 720px;
}
.max-w-\[740px\] {
    max-width: 740px;
}
.max-w-\[74px\] {
    max-width: 74px;
}
.max-w-\[760px\] {
    max-width: 760px;
}
.max-w-\[761px\] {
    max-width: 761px;
}
.max-w-\[814px\] {
    max-width: 814px;
}
.max-w-\[90px\] {
    max-width: 90px;
}
.max-w-\[96px\] {
    max-width: 96px;
}
.max-w-\[997px\] {
    max-width: 997px;
}
.max-w-full {
    max-width: 100%;
}
.max-w-xs {
    max-width: 20rem;
}
.flex-1 {
    flex: 1 1 0%;
}
.flex-auto {
    flex: 1 1 auto;
}
.border-collapse {
    border-collapse: collapse;
}
.border-spacing-0 {
    --tw-border-spacing-x: 0px;
    --tw-border-spacing-y: 0px;
    border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.translate-x-full {
    --tw-translate-x: 100%;
}
.transform,
.translate-x-full {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
@keyframes bounce {
    0%,
    to {
        transform: translateY(-25%);
        animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
    }
    50% {
        transform: none;
        animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
    }
}
.animate-bounce {
    animation: bounce 1s infinite;
}
.cursor-default {
    cursor: default;
}
.cursor-not-allowed {
    cursor: not-allowed;
}
.cursor-pointer {
    cursor: pointer;
}
.select-none {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}
.resize-none {
    resize: none;
}
.resize {
    resize: both;
}
.appearance-none {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}
.grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}
.grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
}
.grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
}
.grid-cols-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
}
.grid-rows-2 {
    grid-template-rows: repeat(2, minmax(0, 1fr));
}
.grid-rows-4 {
    grid-template-rows: repeat(4, minmax(0, 1fr));
}
.grid-rows-5 {
    grid-template-rows: repeat(5, minmax(0, 1fr));
}
.flex-row {
    flex-direction: row;
}
.flex-col {
    flex-direction: column;
}
.flex-col-reverse {
    flex-direction: column-reverse;
}
.flex-wrap {
    flex-wrap: wrap;
}
.items-start {
    align-items: flex-start;
}
.items-end {
    align-items: flex-end;
}
.items-center {
    align-items: center;
}
.justify-start {
    justify-content: flex-start;
}
.justify-end {
    justify-content: flex-end;
}
.justify-center {
    justify-content: center;
}
.justify-between {
    justify-content: space-between;
}
.justify-around {
    justify-content: space-around;
}
.justify-evenly {
    justify-content: space-evenly;
}
.gap-1 {
    gap: 0.25rem;
}
.gap-1\.5 {
    gap: 0.375rem;
}
.gap-2 {
    gap: 0.5rem;
}
.gap-2\.5 {
    gap: 0.625rem;
}
.gap-3 {
    gap: 0.75rem;
}
.gap-4 {
    gap: 1rem;
}
.gap-5 {
    gap: 1.25rem;
}
.gap-6 {
    gap: 1.5rem;
}
.gap-7 {
    gap: 1.75rem;
}
.gap-\[1\%\] {
    gap: 1%;
}
.gap-\[12px\] {
    gap: 12px;
}
.gap-\[15px\] {
    gap: 15px;
}
.gap-\[6px\] {
    gap: 6px;
}
.gap-x-1 {
    -moz-column-gap: 0.25rem;
    column-gap: 0.25rem;
}
.gap-x-2 {
    -moz-column-gap: 0.5rem;
    column-gap: 0.5rem;
}
.gap-x-3 {
    -moz-column-gap: 0.75rem;
    column-gap: 0.75rem;
}
.gap-x-4 {
    -moz-column-gap: 1rem;
    column-gap: 1rem;
}
.gap-x-6 {
    -moz-column-gap: 1.5rem;
    column-gap: 1.5rem;
}
.gap-y-1 {
    row-gap: 0.25rem;
}
.gap-y-3 {
    row-gap: 0.75rem;
}
.gap-y-4 {
    row-gap: 1rem;
}
.gap-y-5 {
    row-gap: 1.25rem;
}
.gap-y-\[15px\] {
    row-gap: 15px;
}
.gap-y-\[38px\] {
    row-gap: 38px;
}
.gap-y-\[4\.7\%\] {
    row-gap: 4.7%;
}
.space-x-1 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(0.25rem * var(--tw-space-x-reverse));
    margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-x-1\.5 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(0.375rem * var(--tw-space-x-reverse));
    margin-left: calc(0.375rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-x-2 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(0.5rem * var(--tw-space-x-reverse));
    margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-x-3 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(0.75rem * var(--tw-space-x-reverse));
    margin-left: calc(0.75rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-x-4 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(1rem * var(--tw-space-x-reverse));
    margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-x-5 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(1.25rem * var(--tw-space-x-reverse));
    margin-left: calc(1.25rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-x-6 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(1.5rem * var(--tw-space-x-reverse));
    margin-left: calc(1.5rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-x-8 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(2rem * var(--tw-space-x-reverse));
    margin-left: calc(2rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-y-1 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));
}
.space-y-1\.5 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(0.375rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0.375rem * var(--tw-space-y-reverse));
}
.space-y-2 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
}
.space-y-3 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
}
.space-y-4 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1rem * var(--tw-space-y-reverse));
}
.space-y-5 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1.25rem * var(--tw-space-y-reverse));
}
.space-y-9 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(2.25rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(2.25rem * var(--tw-space-y-reverse));
}
.space-y-\[14px\] > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(14px * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(14px * var(--tw-space-y-reverse));
}
.space-y-\[3\%\] > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(3% * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(3% * var(--tw-space-y-reverse));
}
.space-y-\[30px\] > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(30px * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(30px * var(--tw-space-y-reverse));
}
.overflow-auto {
    overflow: auto;
}
.overflow-hidden {
    overflow: hidden;
}
.\!overflow-visible {
    overflow: visible !important;
}
.overflow-x-auto {
    overflow-x: auto;
}
.overflow-y-auto {
    overflow-y: auto;
}
.overflow-x-hidden {
    overflow-x: hidden;
}
.overflow-x-scroll {
    overflow-x: scroll;
}
.overflow-y-scroll {
    overflow-y: scroll;
}
.truncate {
    overflow: hidden;
    white-space: nowrap;
}
.text-ellipsis,
.truncate {
    text-overflow: ellipsis;
}
.whitespace-nowrap {
    white-space: nowrap;
}
.whitespace-pre {
    white-space: pre;
}
.whitespace-pre-line {
    white-space: pre-line;
}
.whitespace-pre-wrap {
    white-space: pre-wrap;
}
.text-nowrap {
    text-wrap: nowrap;
}
.text-pretty {
    text-wrap: pretty;
}
.break-all {
    word-break: break-all;
}
.break-keep {
    word-break: keep-all;
}
.rounded {
    border-radius: 0.25rem;
}
.rounded-2xl {
    border-radius: 1rem;
}
.rounded-3xl {
    border-radius: 1.5rem;
}
.rounded-\[10px\] {
    border-radius: 10px;
}
.rounded-\[12px\] {
    border-radius: 12px;
}
.rounded-\[14px\] {
    border-radius: 14px;
}
.rounded-\[20px\] {
    border-radius: 20px;
}
.rounded-\[26px\] {
    border-radius: 26px;
}
.rounded-\[32px\] {
    border-radius: 32px;
}
.rounded-\[3px\] {
    border-radius: 3px;
}
.rounded-\[40px\] {
    border-radius: 40px;
}
.rounded-\[50\%\] {
    border-radius: 50%;
}
.rounded-\[50px\] {
    border-radius: 50px;
}
.rounded-\[8px\] {
    border-radius: 8px;
}
.rounded-\[9px\] {
    border-radius: 9px;
}
.rounded-full {
    border-radius: 9999px;
}
.rounded-lg {
    border-radius: 0.5rem;
}
.rounded-md {
    border-radius: 0.375rem;
}
.rounded-sm {
    border-radius: 0.125rem;
}
.rounded-xl {
    border-radius: 0.75rem;
}
.rounded-b-2xl {
    border-bottom-right-radius: 1rem;
    border-bottom-left-radius: 1rem;
}
.rounded-b-\[10\%\] {
    border-bottom-right-radius: 10%;
    border-bottom-left-radius: 10%;
}
.rounded-b-\[14px\] {
    border-bottom-right-radius: 14px;
    border-bottom-left-radius: 14px;
}
.rounded-b-xl {
    border-bottom-right-radius: 0.75rem;
    border-bottom-left-radius: 0.75rem;
}
.rounded-l-2xl {
    border-top-left-radius: 1rem;
    border-bottom-left-radius: 1rem;
}
.rounded-l-\[10px\] {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}
.rounded-l-lg {
    border-top-left-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
}
.rounded-r-full {
    border-top-right-radius: 9999px;
    border-bottom-right-radius: 9999px;
}
.rounded-t-\[5px\] {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.rounded-t-\[70px\] {
    border-top-left-radius: 70px;
    border-top-right-radius: 70px;
}
.rounded-t-lg {
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem;
}
.rounded-t-xl {
    border-top-left-radius: 0.75rem;
    border-top-right-radius: 0.75rem;
}
.rounded-tl-\[40px\] {
    border-top-left-radius: 40px;
}
.rounded-tr-\[40px\] {
    border-top-right-radius: 40px;
}
.\!border-2 {
    border-width: 2px !important;
}
.border {
    border-width: 1px;
}
.border-0 {
    border-width: 0;
}
.border-2 {
    border-width: 2px;
}
.border-\[15px\] {
    border-width: 15px;
}
.border-\[1px\] {
    border-width: 1px;
}
.border-\[2px\] {
    border-width: 2px;
}
.border-\[3px\] {
    border-width: 3px;
}
.border-b {
    border-bottom-width: 1px;
}
.border-b-0 {
    border-bottom-width: 0;
}
.border-b-2 {
    border-bottom-width: 2px;
}
.border-b-\[10px\] {
    border-bottom-width: 10px;
}
.border-b-\[7px\] {
    border-bottom-width: 7px;
}
.border-l {
    border-left-width: 1px;
}
.border-l-0 {
    border-left-width: 0;
}
.border-l-\[10px\] {
    border-left-width: 10px;
}
.border-r {
    border-right-width: 1px;
}
.border-r-0 {
    border-right-width: 0;
}
.border-r-2 {
    border-right-width: 2px;
}
.border-r-\[10px\] {
    border-right-width: 10px;
}
.border-t {
    border-top-width: 1px;
}
.border-t-0 {
    border-top-width: 0;
}
.border-t-2 {
    border-top-width: 2px;
}
.border-t-\[0\.5px\] {
    border-top-width: 0.5px;
}
.border-solid {
    border-style: solid;
}
.border-dashed {
    border-style: dashed;
}
.border-dotted {
    border-style: dotted;
}
.\!border-none {
    border-style: none !important;
}
.border-none {
    border-style: none;
}
.\!border-red-400 {
    --tw-border-opacity: 1 !important;
    border-color: rgb(248 113 113 / var(--tw-border-opacity)) !important;
}
.border-\[\#0000000d\] {
    border-color: #0000000d;
}
.border-\[\#0000001a\] {
    border-color: #0000001a;
}
.border-\[\#00C2FF\] {
    --tw-border-opacity: 1;
    border-color: rgb(0 194 255 / var(--tw-border-opacity));
}
.border-\[\#09DB4F\] {
    --tw-border-opacity: 1;
    border-color: rgb(9 219 79 / var(--tw-border-opacity));
}
.border-\[\#1DE998\] {
    --tw-border-opacity: 1;
    border-color: rgb(29 233 152 / var(--tw-border-opacity));
}
.border-\[\#22242626\] {
    border-color: #22242626;
}
.border-\[\#333333\] {
    --tw-border-opacity: 1;
    border-color: rgb(51 51 51 / var(--tw-border-opacity));
}
.border-\[\#3E3E3E\] {
    --tw-border-opacity: 1;
    border-color: rgb(62 62 62 / var(--tw-border-opacity));
}
.border-\[\#41D49D\] {
    --tw-border-opacity: 1;
    border-color: rgb(65 212 157 / var(--tw-border-opacity));
}
.border-\[\#43C0FF\] {
    --tw-border-opacity: 1;
    border-color: rgb(67 192 255 / var(--tw-border-opacity));
}
.border-\[\#464646\] {
    --tw-border-opacity: 1;
    border-color: rgb(70 70 70 / var(--tw-border-opacity));
}
.border-\[\#5F13FF\] {
    --tw-border-opacity: 1;
    border-color: rgb(95 19 255 / var(--tw-border-opacity));
}
.border-\[\#64E6F8\] {
    --tw-border-opacity: 1;
    border-color: rgb(100 230 248 / var(--tw-border-opacity));
}
.border-\[\#6E6E6E\] {
    --tw-border-opacity: 1;
    border-color: rgb(110 110 110 / var(--tw-border-opacity));
}
.border-\[\#707070\] {
    --tw-border-opacity: 1;
    border-color: rgb(112 112 112 / var(--tw-border-opacity));
}
.border-\[\#7700F5\] {
    --tw-border-opacity: 1;
    border-color: rgb(119 0 245 / var(--tw-border-opacity));
}
.border-\[\#8C949B\] {
    --tw-border-opacity: 1;
    border-color: rgb(140 148 155 / var(--tw-border-opacity));
}
.border-\[\#9F3A38\] {
    --tw-border-opacity: 1;
    border-color: rgb(159 58 56 / var(--tw-border-opacity));
}
.border-\[\#ACB2B9\] {
    --tw-border-opacity: 1;
    border-color: rgb(172 178 185 / var(--tw-border-opacity));
}
.border-\[\#AEAEAE\] {
    --tw-border-opacity: 1;
    border-color: rgb(174 174 174 / var(--tw-border-opacity));
}
.border-\[\#B3B3B3\] {
    --tw-border-opacity: 1;
    border-color: rgb(179 179 179 / var(--tw-border-opacity));
}
.border-\[\#BFBFBF\] {
    --tw-border-opacity: 1;
    border-color: rgb(191 191 191 / var(--tw-border-opacity));
}
.border-\[\#D1D1D1\] {
    --tw-border-opacity: 1;
    border-color: rgb(209 209 209 / var(--tw-border-opacity));
}
.border-\[\#D5D5D5\] {
    --tw-border-opacity: 1;
    border-color: rgb(213 213 213 / var(--tw-border-opacity));
}
.border-\[\#D8D8D8\] {
    --tw-border-opacity: 1;
    border-color: rgb(216 216 216 / var(--tw-border-opacity));
}
.border-\[\#DBDEE1\] {
    --tw-border-opacity: 1;
    border-color: rgb(219 222 225 / var(--tw-border-opacity));
}
.border-\[\#DDDDDD\] {
    --tw-border-opacity: 1;
    border-color: rgb(221 221 221 / var(--tw-border-opacity));
}
.border-\[\#E10000\] {
    --tw-border-opacity: 1;
    border-color: rgb(225 0 0 / var(--tw-border-opacity));
}
.border-\[\#E5E5E5\] {
    --tw-border-opacity: 1;
    border-color: rgb(229 229 229 / var(--tw-border-opacity));
}
.border-\[\#E6E6E6\] {
    --tw-border-opacity: 1;
    border-color: rgb(230 230 230 / var(--tw-border-opacity));
}
.border-\[\#EBECEF\] {
    --tw-border-opacity: 1;
    border-color: rgb(235 236 239 / var(--tw-border-opacity));
}
.border-\[\#F1F1F1\] {
    --tw-border-opacity: 1;
    border-color: rgb(241 241 241 / var(--tw-border-opacity));
}
.border-\[\#F7F7F8\] {
    --tw-border-opacity: 1;
    border-color: rgb(247 247 248 / var(--tw-border-opacity));
}
.border-\[\#FC62D0\] {
    --tw-border-opacity: 1;
    border-color: rgb(252 98 208 / var(--tw-border-opacity));
}
.border-\[\#FF0080\] {
    --tw-border-opacity: 1;
    border-color: rgb(255 0 128 / var(--tw-border-opacity));
}
.border-\[\#FF024A\] {
    --tw-border-opacity: 1;
    border-color: rgb(255 2 74 / var(--tw-border-opacity));
}
.border-\[\#FF1C69\] {
    --tw-border-opacity: 1;
    border-color: rgb(255 28 105 / var(--tw-border-opacity));
}
.border-\[\#FF4076\] {
    --tw-border-opacity: 1;
    border-color: rgb(255 64 118 / var(--tw-border-opacity));
}
.border-\[\#FF8282\] {
    --tw-border-opacity: 1;
    border-color: rgb(255 130 130 / var(--tw-border-opacity));
}
.border-\[\#FFBB00\] {
    --tw-border-opacity: 1;
    border-color: rgb(255 187 0 / var(--tw-border-opacity));
}
.border-\[\#FFD4E4\] {
    --tw-border-opacity: 1;
    border-color: rgb(255 212 228 / var(--tw-border-opacity));
}
.border-\[\#b3b3b3\] {
    --tw-border-opacity: 1;
    border-color: rgb(179 179 179 / var(--tw-border-opacity));
}
.border-\[\#bbb\] {
    --tw-border-opacity: 1;
    border-color: rgb(187 187 187 / var(--tw-border-opacity));
}
.border-\[\#ccc\] {
    --tw-border-opacity: 1;
    border-color: rgb(204 204 204 / var(--tw-border-opacity));
}
.border-\[\#cfcfcf\] {
    --tw-border-opacity: 1;
    border-color: rgb(207 207 207 / var(--tw-border-opacity));
}
.border-\[\#d4d4d4\] {
    --tw-border-opacity: 1;
    border-color: rgb(212 212 212 / var(--tw-border-opacity));
}
.border-\[\#d8d8d8\] {
    --tw-border-opacity: 1;
    border-color: rgb(216 216 216 / var(--tw-border-opacity));
}
.border-\[\#d9d9d9\] {
    --tw-border-opacity: 1;
    border-color: rgb(217 217 217 / var(--tw-border-opacity));
}
.border-\[\#dcdcdc\] {
    --tw-border-opacity: 1;
    border-color: rgb(220 220 220 / var(--tw-border-opacity));
}
.border-\[\#ddd\],
.border-\[\#dddddd\] {
    --tw-border-opacity: 1;
    border-color: rgb(221 221 221 / var(--tw-border-opacity));
}
.border-\[\#e6e6e6\] {
    --tw-border-opacity: 1;
    border-color: rgb(230 230 230 / var(--tw-border-opacity));
}
.border-\[\#ebebeb\] {
    --tw-border-opacity: 1;
    border-color: rgb(235 235 235 / var(--tw-border-opacity));
}
.border-\[\#eee\] {
    --tw-border-opacity: 1;
    border-color: rgb(238 238 238 / var(--tw-border-opacity));
}
.border-\[\#ff78a5\] {
    --tw-border-opacity: 1;
    border-color: rgb(255 120 165 / var(--tw-border-opacity));
}
.border-black-600 {
    --tw-border-opacity: 1;
    border-color: rgb(51 51 51 / var(--tw-border-opacity));
}
.border-black-900 {
    --tw-border-opacity: 1;
    border-color: rgb(0 0 0 / var(--tw-border-opacity));
}
.border-brand-100 {
    --tw-border-opacity: 1;
    border-color: rgb(255 2 74 / var(--tw-border-opacity));
}
.border-brand-200 {
    --tw-border-opacity: 1;
    border-color: rgb(242 80 126 / var(--tw-border-opacity));
}
.border-gray-100 {
    --tw-border-opacity: 1;
    border-color: rgb(232 232 232 / var(--tw-border-opacity));
}
.border-gray-200 {
    --tw-border-opacity: 1;
    border-color: rgb(235 235 235 / var(--tw-border-opacity));
}
.border-gray-300 {
    --tw-border-opacity: 1;
    border-color: rgb(221 221 221 / var(--tw-border-opacity));
}
.border-gray-50 {
    --tw-border-opacity: 1;
    border-color: rgb(249 250 251 / var(--tw-border-opacity));
}
.border-gray-500 {
    --tw-border-opacity: 1;
    border-color: rgb(153 153 153 / var(--tw-border-opacity));
}
.border-gray-900 {
    --tw-border-opacity: 1;
    border-color: rgb(102 102 102 / var(--tw-border-opacity));
}
.border-red-400 {
    --tw-border-opacity: 1;
    border-color: rgb(248 113 113 / var(--tw-border-opacity));
}
.border-slate-500 {
    --tw-border-opacity: 1;
    border-color: rgb(100 116 139 / var(--tw-border-opacity));
}
.border-white-100 {
    --tw-border-opacity: 1;
    border-color: rgb(255 255 255 / var(--tw-border-opacity));
}
.border-white-400 {
    --tw-border-opacity: 1;
    border-color: rgb(242 242 242 / var(--tw-border-opacity));
}
.border-b-\[\#040000\] {
    --tw-border-opacity: 1;
    border-bottom-color: rgb(4 0 0 / var(--tw-border-opacity));
}
.border-b-\[\#E6E6E6\] {
    --tw-border-opacity: 1;
    border-bottom-color: rgb(230 230 230 / var(--tw-border-opacity));
}
.border-b-transparent {
    border-bottom-color: transparent;
}
.border-b-white-100 {
    --tw-border-opacity: 1;
    border-bottom-color: rgb(255 255 255 / var(--tw-border-opacity));
}
.border-l-transparent {
    border-left-color: transparent;
}
.border-r-transparent {
    border-right-color: transparent;
}
.border-opacity-10 {
    --tw-border-opacity: 0.1;
}
.border-opacity-5 {
    --tw-border-opacity: 0.05;
}
.border-opacity-70 {
    --tw-border-opacity: 0.7;
}
.bg-\[\#000000\],
.bg-\[\#000\] {
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0 / var(--tw-bg-opacity));
}
.bg-\[\#00FFF6\] {
    --tw-bg-opacity: 1;
    background-color: rgb(0 255 246 / var(--tw-bg-opacity));
}
.bg-\[\#040000\] {
    --tw-bg-opacity: 1;
    background-color: rgb(4 0 0 / var(--tw-bg-opacity));
}
.bg-\[\#08DA99\] {
    --tw-bg-opacity: 1;
    background-color: rgb(8 218 153 / var(--tw-bg-opacity));
}
.bg-\[\#127FFF\] {
    --tw-bg-opacity: 1;
    background-color: rgb(18 127 255 / var(--tw-bg-opacity));
}
.bg-\[\#171718\] {
    --tw-bg-opacity: 1;
    background-color: rgb(23 23 24 / var(--tw-bg-opacity));
}
.bg-\[\#1A1A1A\] {
    --tw-bg-opacity: 1;
    background-color: rgb(26 26 26 / var(--tw-bg-opacity));
}
.bg-\[\#1DE99824\] {
    background-color: #1de99824;
}
.bg-\[\#222\] {
    --tw-bg-opacity: 1;
    background-color: rgb(34 34 34 / var(--tw-bg-opacity));
}
.bg-\[\#231F20\] {
    --tw-bg-opacity: 1;
    background-color: rgb(35 31 32 / var(--tw-bg-opacity));
}
.bg-\[\#282828\] {
    --tw-bg-opacity: 1;
    background-color: rgb(40 40 40 / var(--tw-bg-opacity));
}
.bg-\[\#313131\] {
    --tw-bg-opacity: 1;
    background-color: rgb(49 49 49 / var(--tw-bg-opacity));
}
.bg-\[\#333333\],
.bg-\[\#333\] {
    --tw-bg-opacity: 1;
    background-color: rgb(51 51 51 / var(--tw-bg-opacity));
}
.bg-\[\#383838\] {
    --tw-bg-opacity: 1;
    background-color: rgb(56 56 56 / var(--tw-bg-opacity));
}
.bg-\[\#3E98FF\] {
    --tw-bg-opacity: 1;
    background-color: rgb(62 152 255 / var(--tw-bg-opacity));
}
.bg-\[\#3F1EAC\] {
    --tw-bg-opacity: 1;
    background-color: rgb(63 30 172 / var(--tw-bg-opacity));
}
.bg-\[\#41474E\] {
    --tw-bg-opacity: 1;
    background-color: rgb(65 71 78 / var(--tw-bg-opacity));
}
.bg-\[\#464646\] {
    --tw-bg-opacity: 1;
    background-color: rgb(70 70 70 / var(--tw-bg-opacity));
}
.bg-\[\#477EFF\] {
    --tw-bg-opacity: 1;
    background-color: rgb(71 126 255 / var(--tw-bg-opacity));
}
.bg-\[\#4D4D4D\] {
    --tw-bg-opacity: 1;
    background-color: rgb(77 77 77 / var(--tw-bg-opacity));
}
.bg-\[\#5F13FF\] {
    --tw-bg-opacity: 1;
    background-color: rgb(95 19 255 / var(--tw-bg-opacity));
}
.bg-\[\#64E6F8\] {
    --tw-bg-opacity: 1;
    background-color: rgb(100 230 248 / var(--tw-bg-opacity));
}
.bg-\[\#666666\] {
    --tw-bg-opacity: 1;
    background-color: rgb(102 102 102 / var(--tw-bg-opacity));
}
.bg-\[\#7700F5\] {
    --tw-bg-opacity: 1;
    background-color: rgb(119 0 245 / var(--tw-bg-opacity));
}
.bg-\[\#7838FF\] {
    --tw-bg-opacity: 1;
    background-color: rgb(120 56 255 / var(--tw-bg-opacity));
}
.bg-\[\#7AFFF8\] {
    --tw-bg-opacity: 1;
    background-color: rgb(122 255 248 / var(--tw-bg-opacity));
}
.bg-\[\#829DFF\] {
    --tw-bg-opacity: 1;
    background-color: rgb(130 157 255 / var(--tw-bg-opacity));
}
.bg-\[\#8A8A8A\] {
    --tw-bg-opacity: 1;
    background-color: rgb(138 138 138 / var(--tw-bg-opacity));
}
.bg-\[\#969696\] {
    --tw-bg-opacity: 1;
    background-color: rgb(150 150 150 / var(--tw-bg-opacity));
}
.bg-\[\#9B9B9B\] {
    --tw-bg-opacity: 1;
    background-color: rgb(155 155 155 / var(--tw-bg-opacity));
}
.bg-\[\#9F44FE\] {
    --tw-bg-opacity: 1;
    background-color: rgb(159 68 254 / var(--tw-bg-opacity));
}
.bg-\[\#B2B2B2\] {
    --tw-bg-opacity: 1;
    background-color: rgb(178 178 178 / var(--tw-bg-opacity));
}
.bg-\[\#B7B7B7\] {
    --tw-bg-opacity: 1;
    background-color: rgb(183 183 183 / var(--tw-bg-opacity));
}
.bg-\[\#BFBFBF\] {
    --tw-bg-opacity: 1;
    background-color: rgb(191 191 191 / var(--tw-bg-opacity));
}
.bg-\[\#CACED3\] {
    --tw-bg-opacity: 1;
    background-color: rgb(202 206 211 / var(--tw-bg-opacity));
}
.bg-\[\#D9D9D9\] {
    --tw-bg-opacity: 1;
    background-color: rgb(217 217 217 / var(--tw-bg-opacity));
}
.bg-\[\#DAF6FF\] {
    --tw-bg-opacity: 1;
    background-color: rgb(218 246 255 / var(--tw-bg-opacity));
}
.bg-\[\#DBDEE1\] {
    --tw-bg-opacity: 1;
    background-color: rgb(219 222 225 / var(--tw-bg-opacity));
}
.bg-\[\#E6E6E6\] {
    --tw-bg-opacity: 1;
    background-color: rgb(230 230 230 / var(--tw-bg-opacity));
}
.bg-\[\#EEEFF1\] {
    --tw-bg-opacity: 1;
    background-color: rgb(238 239 241 / var(--tw-bg-opacity));
}
.bg-\[\#F1F1F1\] {
    --tw-bg-opacity: 1;
    background-color: rgb(241 241 241 / var(--tw-bg-opacity));
}
.bg-\[\#F2F2F2\] {
    --tw-bg-opacity: 1;
    background-color: rgb(242 242 242 / var(--tw-bg-opacity));
}
.bg-\[\#F3F3F3\] {
    --tw-bg-opacity: 1;
    background-color: rgb(243 243 243 / var(--tw-bg-opacity));
}
.bg-\[\#F3FEF7\] {
    --tw-bg-opacity: 1;
    background-color: rgb(243 254 247 / var(--tw-bg-opacity));
}
.bg-\[\#F5F5F5\] {
    --tw-bg-opacity: 1;
    background-color: rgb(245 245 245 / var(--tw-bg-opacity));
}
.bg-\[\#F7F7F8\],
.bg-\[\#F7f7f8\] {
    --tw-bg-opacity: 1;
    background-color: rgb(247 247 248 / var(--tw-bg-opacity));
}
.bg-\[\#F8C440\] {
    --tw-bg-opacity: 1;
    background-color: rgb(248 196 64 / var(--tw-bg-opacity));
}
.bg-\[\#F8F8F8\] {
    --tw-bg-opacity: 1;
    background-color: rgb(248 248 248 / var(--tw-bg-opacity));
}
.bg-\[\#F9F9FC\] {
    --tw-bg-opacity: 1;
    background-color: rgb(249 249 252 / var(--tw-bg-opacity));
}
.bg-\[\#FF0066\] {
    --tw-bg-opacity: 1;
    background-color: rgb(255 0 102 / var(--tw-bg-opacity));
}
.bg-\[\#FF014A\] {
    --tw-bg-opacity: 1;
    background-color: rgb(255 1 74 / var(--tw-bg-opacity));
}
.bg-\[\#FF024A0F\] {
    background-color: #ff024a0f;
}
.bg-\[\#FF024A\] {
    --tw-bg-opacity: 1;
    background-color: rgb(255 2 74 / var(--tw-bg-opacity));
}
.bg-\[\#FF1A69\] {
    --tw-bg-opacity: 1;
    background-color: rgb(255 26 105 / var(--tw-bg-opacity));
}
.bg-\[\#FF1C69\] {
    --tw-bg-opacity: 1;
    background-color: rgb(255 28 105 / var(--tw-bg-opacity));
}
.bg-\[\#FF3B6E\] {
    --tw-bg-opacity: 1;
    background-color: rgb(255 59 110 / var(--tw-bg-opacity));
}
.bg-\[\#FF4076\] {
    --tw-bg-opacity: 1;
    background-color: rgb(255 64 118 / var(--tw-bg-opacity));
}
.bg-\[\#FF4566\] {
    --tw-bg-opacity: 1;
    background-color: rgb(255 69 102 / var(--tw-bg-opacity));
}
.bg-\[\#FFACCB\] {
    --tw-bg-opacity: 1;
    background-color: rgb(255 172 203 / var(--tw-bg-opacity));
}
.bg-\[\#FFC1CC\] {
    --tw-bg-opacity: 1;
    background-color: rgb(255 193 204 / var(--tw-bg-opacity));
}
.bg-\[\#FFE6E8\] {
    --tw-bg-opacity: 1;
    background-color: rgb(255 230 232 / var(--tw-bg-opacity));
}
.bg-\[\#FFEEF3\] {
    --tw-bg-opacity: 1;
    background-color: rgb(255 238 243 / var(--tw-bg-opacity));
}
.bg-\[\#FFF3F3\] {
    --tw-bg-opacity: 1;
    background-color: rgb(255 243 243 / var(--tw-bg-opacity));
}
.bg-\[\#FFFBDE\] {
    --tw-bg-opacity: 1;
    background-color: rgb(255 251 222 / var(--tw-bg-opacity));
}
.bg-\[\#FFFF07\] {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 7 / var(--tw-bg-opacity));
}
.bg-\[\#FFF\] {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.bg-\[\#acb2b9\] {
    --tw-bg-opacity: 1;
    background-color: rgb(172 178 185 / var(--tw-bg-opacity));
}
.bg-\[\#aeaeae\] {
    --tw-bg-opacity: 1;
    background-color: rgb(174 174 174 / var(--tw-bg-opacity));
}
.bg-\[\#b0c1ff\] {
    --tw-bg-opacity: 1;
    background-color: rgb(176 193 255 / var(--tw-bg-opacity));
}
.bg-\[\#bfbfbf\] {
    --tw-bg-opacity: 1;
    background-color: rgb(191 191 191 / var(--tw-bg-opacity));
}
.bg-\[\#ccc\] {
    --tw-bg-opacity: 1;
    background-color: rgb(204 204 204 / var(--tw-bg-opacity));
}
.bg-\[\#d8d8d8\] {
    --tw-bg-opacity: 1;
    background-color: rgb(216 216 216 / var(--tw-bg-opacity));
}
.bg-\[\#e6e6e6\] {
    --tw-bg-opacity: 1;
    background-color: rgb(230 230 230 / var(--tw-bg-opacity));
}
.bg-\[\#ecf5ff\] {
    --tw-bg-opacity: 1;
    background-color: rgb(236 245 255 / var(--tw-bg-opacity));
}
.bg-\[\#f0f1f2\] {
    --tw-bg-opacity: 1;
    background-color: rgb(240 241 242 / var(--tw-bg-opacity));
}
.bg-\[\#f2507e\] {
    --tw-bg-opacity: 1;
    background-color: rgb(242 80 126 / var(--tw-bg-opacity));
}
.bg-\[\#f5f5f5\] {
    --tw-bg-opacity: 1;
    background-color: rgb(245 245 245 / var(--tw-bg-opacity));
}
.bg-\[\#f7f7f8\] {
    --tw-bg-opacity: 1;
    background-color: rgb(247 247 248 / var(--tw-bg-opacity));
}
.bg-\[\#f8f8f8\] {
    --tw-bg-opacity: 1;
    background-color: rgb(248 248 248 / var(--tw-bg-opacity));
}
.bg-\[\#f9fafb\] {
    --tw-bg-opacity: 1;
    background-color: rgb(249 250 251 / var(--tw-bg-opacity));
}
.bg-\[\#ff0000\] {
    --tw-bg-opacity: 1;
    background-color: rgb(255 0 0 / var(--tw-bg-opacity));
}
.bg-\[\#ff024a\] {
    --tw-bg-opacity: 1;
    background-color: rgb(255 2 74 / var(--tw-bg-opacity));
}
.bg-\[\#ff1c69\] {
    --tw-bg-opacity: 1;
    background-color: rgb(255 28 105 / var(--tw-bg-opacity));
}
.bg-\[\#ff3e85\] {
    --tw-bg-opacity: 1;
    background-color: rgb(255 62 133 / var(--tw-bg-opacity));
}
.bg-\[\#ff4076\] {
    --tw-bg-opacity: 1;
    background-color: rgb(255 64 118 / var(--tw-bg-opacity));
}
.bg-\[\#ffeef6\] {
    --tw-bg-opacity: 1;
    background-color: rgb(255 238 246 / var(--tw-bg-opacity));
}
.bg-\[\#fff\] {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.bg-black-400 {
    --tw-bg-opacity: 1;
    background-color: rgb(188 188 188 / var(--tw-bg-opacity));
}
.bg-black-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(54 59 65 / var(--tw-bg-opacity));
}
.bg-black-600 {
    --tw-bg-opacity: 1;
    background-color: rgb(51 51 51 / var(--tw-bg-opacity));
}
.bg-black-700 {
    --tw-bg-opacity: 1;
    background-color: rgb(35 31 32 / var(--tw-bg-opacity));
}
.bg-black-900 {
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0 / var(--tw-bg-opacity));
}
.bg-black-900\/50 {
    background-color: rgba(0, 0, 0, 0.5);
}
.bg-black-900\/60 {
    background-color: rgba(0, 0, 0, 0.6);
}
.bg-blue-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(219 234 254 / var(--tw-bg-opacity));
}
.bg-blue-1000 {
    --tw-bg-opacity: 1;
    background-color: rgb(207 217 224 / var(--tw-bg-opacity));
}
.bg-blue-200 {
    --tw-bg-opacity: 1;
    background-color: rgb(191 219 254 / var(--tw-bg-opacity));
}
.bg-brand-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(255 2 74 / var(--tw-bg-opacity));
}
.bg-brand-200 {
    --tw-bg-opacity: 1;
    background-color: rgb(242 80 126 / var(--tw-bg-opacity));
}
.bg-gray-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(232 232 232 / var(--tw-bg-opacity));
}
.bg-gray-200 {
    --tw-bg-opacity: 1;
    background-color: rgb(235 235 235 / var(--tw-bg-opacity));
}
.bg-gray-300 {
    --tw-bg-opacity: 1;
    background-color: rgb(221 221 221 / var(--tw-bg-opacity));
}
.bg-gray-900 {
    --tw-bg-opacity: 1;
    background-color: rgb(102 102 102 / var(--tw-bg-opacity));
}
.bg-green-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(220 252 231 / var(--tw-bg-opacity));
}
.bg-neutral-50 {
    --tw-bg-opacity: 1;
    background-color: rgb(250 250 250 / var(--tw-bg-opacity));
}
.bg-red-400 {
    --tw-bg-opacity: 1;
    background-color: rgb(248 113 113 / var(--tw-bg-opacity));
}
.bg-transparent {
    background-color: transparent;
}
.bg-white-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.bg-white-100\/30 {
    background-color: hsla(0, 0%, 100%, 0.3);
}
.bg-white-100\/50 {
    background-color: hsla(0, 0%, 100%, 0.5);
}
.bg-white-100\/60 {
    background-color: hsla(0, 0%, 100%, 0.6);
}
.bg-white-300 {
    --tw-bg-opacity: 1;
    background-color: rgb(235 236 239 / var(--tw-bg-opacity));
}
.bg-white-400 {
    --tw-bg-opacity: 1;
    background-color: rgb(242 242 242 / var(--tw-bg-opacity));
}
.bg-white-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(249 249 252 / var(--tw-bg-opacity));
}
.bg-opacity-10 {
    --tw-bg-opacity: 0.1;
}
.bg-opacity-40 {
    --tw-bg-opacity: 0.4;
}
.bg-opacity-5 {
    --tw-bg-opacity: 0.05;
}
.bg-opacity-50 {
    --tw-bg-opacity: 0.5;
}
.bg-opacity-60 {
    --tw-bg-opacity: 0.6;
}
.bg-opacity-70 {
    --tw-bg-opacity: 0.7;
}
.bg-opacity-80 {
    --tw-bg-opacity: 0.8;
}
.bg-opacity-\[65\%\] {
    --tw-bg-opacity: 65%;
}
.bg-opacity-\[65\] {
    --tw-bg-opacity: 65;
}
.bg-\[url\(\"\/icon\/chat-list-bj\.png\"\)\] {
    background-image: url(http://wiwitv.com/icon/chat-list-bj.png);
}
.bg-\[url\(\"\/icon\/ico-user-grade-bronze\.png\"\)\] {
    background-image: url(http://wiwitv.com/icon/ico-user-grade-bronze.png);
}
.bg-\[url\(\"\/icon\/ico-user-grade-diamond\.png\"\)\] {
    background-image: url(http://wiwitv.com/icon/ico-user-grade-diamond.png);
}
.bg-\[url\(\"\/icon\/ico-user-grade-fever\.png\"\)\] {
    background-image: url(http://wiwitv.com/icon/ico-user-grade-fever.png);
}
.bg-\[url\(\"\/icon\/ico-user-grade-gold\.png\"\)\] {
    background-image: url(http://wiwitv.com/icon/ico-user-grade-gold.png);
}
.bg-\[url\(\"\/icon\/ico-user-grade-manager\.png\"\)\] {
    background-image: url(http://wiwitv.com/icon/ico-user-grade-manager.png);
}
.bg-\[url\(\"\/icon\/ico-user-grade-normal\.png\"\)\] {
    background-image: url(http://wiwitv.com/icon/ico-user-grade-normal.png);
}
.bg-\[url\(\"\/icon\/ico-user-grade-police\.png\"\)\] {
    background-image: url(http://wiwitv.com/icon/ico-user-grade-police.png);
}
.bg-\[url\(\"\/icon\/ico-user-grade-ruby\.png\"\)\] {
    background-image: url(http://wiwitv.com/icon/ico-user-grade-ruby.png);
}
.bg-\[url\(\"\/icon\/ico-user-grade-silver\.png\"\)\] {
    background-image: url(http://wiwitv.com/icon/ico-user-grade-silver.png);
}
.bg-\[url\(\"\/icon\/ico-user-grade-top1\.png\"\)\] {
    background-image: url(http://wiwitv.com/icon/ico-user-grade-top1.png);
}
.bg-\[url\(\"\/icon\/ico-user-grade-top2\.png\"\)\] {
    background-image: url(http://wiwitv.com/icon/ico-user-grade-top2.png);
}
.bg-\[url\(\"\/icon\/ico-user-grade-top3\.png\"\)\] {
    background-image: url(http://wiwitv.com/icon/ico-user-grade-top3.png);
}
.bg-\[url\(\"\/icon\/ico_chat_pop\.png\"\)\] {
    background-image: url(http://wiwitv.com/icon/ico_chat_pop.png);
}
.bg-\[url\(\"\/svg\/close_bt_ico\.svg\"\)\] {
    background-image: url(http://wiwitv.com/svg/close_bt_ico.svg);
}
.bg-\[url\(\"\/svg\/kingico_off\.svg\"\)\] {
    background-image: url(http://wiwitv.com/svg/kingico_off.svg);
}
.bg-\[url\(\"\/svg\/noticeico_off\.svg\"\)\] {
    background-image: url(http://wiwitv.com/svg/noticeico_off.svg);
}
.bg-\[url\(\"\/svg\/people_ico_off\.svg\"\)\] {
    background-image: url(http://wiwitv.com/svg/people_ico_off.svg);
}
.bg-\[url\(\'\/icon\/ico_check_circle_fill\.png\'\)\] {
    background-image: url(http://wiwitv.com/icon/ico_check_circle_fill.png);
}
.bg-\[url\(\'\/icon\/ico_search\.png\'\)\] {
    background-image: url(http://wiwitv.com/icon/ico_search.png);
}
.bg-\[url\(\'\/icon\/newbie\/PC10000lex\.png\'\)\] {
    background-image: url(http://wiwitv.com/icon/newbie/PC10000lex.png);
}
.bg-\[url\(\'\/icon\/newbie\/PC1000lex\.png\'\)\] {
    background-image: url(http://wiwitv.com/icon/newbie/PC1000lex.png);
}
.bg-\[url\(\'\/icon\/newbie\/PC100lex\.png\'\)\] {
    background-image: url(http://wiwitv.com/icon/newbie/PC100lex.png);
}
.bg-\[url\(\'\/icon\/newbie\/PCbonus100\.png\'\)\] {
    background-image: url(http://wiwitv.com/icon/newbie/PCbonus100.png);
}
.bg-\[url\(\'\/icon\/newbie\/PCbonus200\.png\'\)\] {
    background-image: url(http://wiwitv.com/icon/newbie/PCbonus200.png);
}
.bg-\[url\(\'\/icon\/newbie\/PCbonus3000\.png\'\)\] {
    background-image: url(http://wiwitv.com/icon/newbie/PCbonus3000.png);
}
.bg-\[url\(\'\/icon\/newbie\/titleBack\.png\'\)\] {
    background-image: url(http://wiwitv.com/icon/newbie/titleBack.png);
}
.bg-\[url\(\'\/svg\/chat_board_off\.svg\'\)\] {
    background-image: url(http://wiwitv.com/svg/chat_board_off.svg);
}
.bg-\[url\(\'\/svg\/danger_off\.svg\'\)\] {
    background-image: url(http://wiwitv.com/svg/danger_off.svg);
}
.bg-\[url\(\'\/svg\/exchange_ora\.svg\'\)\] {
    background-image: url(http://wiwitv.com/svg/exchange_ora.svg);
}
.bg-\[url\(\'\/svg\/exchange_pu\.svg\'\)\] {
    background-image: url(http://wiwitv.com/svg/exchange_pu.svg);
}
.bg-\[url\(\'\/svg\/flex_gift\.svg\'\)\] {
    background-image: url(http://wiwitv.com/svg/flex_gift.svg);
}
.bg-\[url\(\'\/svg\/gift_shop_ico\.svg\'\)\] {
    background-image: url(http://wiwitv.com/svg/gift_shop_ico.svg);
}
.bg-\[url\(\'\/svg\/gift_shop_off\.svg\'\)\] {
    background-image: url(http://wiwitv.com/svg/gift_shop_off.svg);
}
.bg-\[url\(\'\/svg\/money_charger_off\.svg\'\)\] {
    background-image: url(http://wiwitv.com/svg/money_charger_off.svg);
}
.bg-\[url\(\'\/svg\/movie\.svg\'\)\] {
    background-image: url(http://wiwitv.com/svg/movie.svg);
}
.bg-\[url\(\'\/svg\/share_off\.svg\'\)\] {
    background-image: url(http://wiwitv.com/svg/share_off.svg);
}
.bg-\[url\(\'\/svg\/slot_off\.svg\'\)\] {
    background-image: url(http://wiwitv.com/svg/slot_off.svg);
}
.bg-\[url\(\'\/svg\/smile_off\.svg\'\)\] {
    background-image: url(http://wiwitv.com/svg/smile_off.svg);
}
.bg-\[url\(\'\/svg\/snow\.svg\'\)\] {
    background-image: url(http://wiwitv.com/svg/snow.svg);
}
.bg-\[url\(\'\/svg\/star_ico_off\.svg\'\)\] {
    background-image: url(http://wiwitv.com/svg/star_ico_off.svg);
}
.bg-\[url\(\'\/svg\/star_ico_on\.svg\'\)\] {
    background-image: url(http://wiwitv.com/svg/star_ico_on.svg);
}
.bg-\[url\(\'\/svg\/twitch\.svg\'\)\] {
    background-image: url(http://wiwitv.com/svg/twitch.svg);
}
.bg-\[url\(\'\/svg\/vote_off\.svg\'\)\] {
    background-image: url(http://wiwitv.com/svg/vote_off.svg);
}
.bg-\[url\(\'https\:\/\/static\.flextv\.co\.kr\/20240522\/headline_bg_6c35116711\.png\'\)\] {
    background-image: url(https://static.flextv.co.kr/20240522/headline_bg_6c35116711.png);
}
.bg-\[url\(\'https\:\/\/static\.flextv\.co\.kr\/20240522\/step_1_1_bg_dc960e9c27\.png\'\)\] {
    background-image: url(https://static.flextv.co.kr/20240522/step_1_1_bg_dc960e9c27.png);
}
.bg-\[url\(\'https\:\/\/static\.flextv\.co\.kr\/20240522\/step_1_2_bg_46ed96950a\.png\'\)\] {
    background-image: url(https://static.flextv.co.kr/20240522/step_1_2_bg_46ed96950a.png);
}
.bg-\[url\(\'https\:\/\/static\.flextv\.co\.kr\/20240522\/step_1_3_bg_3709e735f9\.png\'\)\] {
    background-image: url(https://static.flextv.co.kr/20240522/step_1_3_bg_3709e735f9.png);
}
.bg-\[url\(\'https\:\/\/static\.flextv\.co\.kr\/20240522\/step_2_bg_1f02392860\.png\'\)\] {
    background-image: url(https://static.flextv.co.kr/20240522/step_2_bg_1f02392860.png);
}
.bg-\[url\(\'https\:\/\/static\.flextv\.co\.kr\/20240523\/step_3_bg_f69cf1f75c\.png\'\)\] {
    background-image: url(https://static.flextv.co.kr/20240523/step_3_bg_f69cf1f75c.png);
}
.bg-\[url\(\'https\:\/\/static\.flextv\.co\.kr\/20240523\/step_4_bg_bfa8df8729\.png\'\)\] {
    background-image: url(https://static.flextv.co.kr/20240523/step_4_bg_bfa8df8729.png);
}
.bg-gradient-to-l {
    background-image: linear-gradient(to left, var(--tw-gradient-stops));
}
.from-\[\#5197FF\] {
    --tw-gradient-from: #5197ff var(--tw-gradient-from-position);
    --tw-gradient-to: rgba(81, 151, 255, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#ffffff4d\] {
    --tw-gradient-from: #ffffff4d var(--tw-gradient-from-position);
    --tw-gradient-to: hsla(0, 0%, 100%, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.via-\[\#608BEA\] {
    --tw-gradient-to: rgba(96, 139, 234, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), #608bea var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.to-\[\#FF0000\] {
    --tw-gradient-to: red var(--tw-gradient-to-position);
}
.to-\[\#fff\] {
    --tw-gradient-to: #fff var(--tw-gradient-to-position);
}
.bg-\[length\:18px_18px\] {
    background-size: 18px 18px;
}
.bg-auto {
    background-size: auto;
}
.bg-contain {
    background-size: contain;
}
.bg-cover {
    background-size: cover;
}
.bg-center {
    background-position: 50%;
}
.bg-no-repeat {
    background-repeat: no-repeat;
}
.object-contain {
    -o-object-fit: contain;
    object-fit: contain;
}
.object-cover {
    -o-object-fit: cover;
    object-fit: cover;
}
.object-fill {
    -o-object-fit: fill;
    object-fit: fill;
}
.p-0 {
    padding: 0;
}
.p-1 {
    padding: 0.25rem;
}
.p-1\.5 {
    padding: 0.375rem;
}
.p-2 {
    padding: 0.5rem;
}
.p-2\.5 {
    padding: 0.625rem;
}
.p-3 {
    padding: 0.75rem;
}
.p-4 {
    padding: 1rem;
}
.p-5 {
    padding: 1.25rem;
}
.p-6 {
    padding: 1.5rem;
}
.p-8 {
    padding: 2rem;
}
.p-\[10\%\] {
    padding: 10%;
}
.p-\[10px\] {
    padding: 10px;
}
.p-\[14px\] {
    padding: 14px;
}
.p-\[16px\] {
    padding: 16px;
}
.p-\[1px\] {
    padding: 1px;
}
.p-\[20\%\] {
    padding: 20%;
}
.p-\[20px\] {
    padding: 20px;
}
.p-\[23\%\] {
    padding: 23%;
}
.p-\[25\%\] {
    padding: 25%;
}
.p-\[2px\] {
    padding: 2px;
}
.p-\[4px\] {
    padding: 4px;
}
.p-\[60px\] {
    padding: 60px;
}
.p-\[64px\] {
    padding: 64px;
}
.p-\[9px\] {
    padding: 9px;
}
.px-0 {
    padding-left: 0;
    padding-right: 0;
}
.px-1 {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
}
.px-1\.5 {
    padding-left: 0.375rem;
    padding-right: 0.375rem;
}
.px-11 {
    padding-left: 2.75rem;
    padding-right: 2.75rem;
}
.px-16 {
    padding-left: 4rem;
    padding-right: 4rem;
}
.px-2 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}
.px-2\.5 {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
}
.px-3 {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
}
.px-4 {
    padding-left: 1rem;
    padding-right: 1rem;
}
.px-5 {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
}
.px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}
.px-7 {
    padding-left: 1.75rem;
    padding-right: 1.75rem;
}
.px-8 {
    padding-left: 2rem;
    padding-right: 2rem;
}
.px-\[10px\] {
    padding-left: 10px;
    padding-right: 10px;
}
.px-\[16px\] {
    padding-left: 16px;
    padding-right: 16px;
}
.px-\[18px\] {
    padding-left: 18px;
    padding-right: 18px;
}
.px-\[30px\] {
    padding-left: 30px;
    padding-right: 30px;
}
.px-\[32px\] {
    padding-left: 32px;
    padding-right: 32px;
}
.px-\[34px\] {
    padding-left: 34px;
    padding-right: 34px;
}
.px-\[4\.5px\] {
    padding-left: 4.5px;
    padding-right: 4.5px;
}
.px-\[7px\] {
    padding-left: 7px;
    padding-right: 7px;
}
.py-0 {
    padding-top: 0;
    padding-bottom: 0;
}
.py-1 {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
}
.py-1\.5 {
    padding-top: 0.375rem;
    padding-bottom: 0.375rem;
}
.py-10 {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
}
.py-16 {
    padding-top: 4rem;
    padding-bottom: 4rem;
}
.py-2 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}
.py-2\.5 {
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
}
.py-24 {
    padding-top: 6rem;
    padding-bottom: 6rem;
}
.py-3 {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
}
.py-3\.5 {
    padding-top: 0.875rem;
    padding-bottom: 0.875rem;
}
.py-36 {
    padding-top: 9rem;
    padding-bottom: 9rem;
}
.py-4 {
    padding-top: 1rem;
    padding-bottom: 1rem;
}
.py-5 {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
}
.py-6 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}
.py-7 {
    padding-top: 1.75rem;
    padding-bottom: 1.75rem;
}
.py-8 {
    padding-top: 2rem;
    padding-bottom: 2rem;
}
.py-9 {
    padding-top: 2.25rem;
    padding-bottom: 2.25rem;
}
.py-\[10\%\] {
    padding-top: 10%;
    padding-bottom: 10%;
}
.py-\[10px\] {
    padding-top: 10px;
    padding-bottom: 10px;
}
.py-\[11px\] {
    padding-top: 11px;
    padding-bottom: 11px;
}
.py-\[13px\] {
    padding-top: 13px;
    padding-bottom: 13px;
}
.py-\[14px\] {
    padding-top: 14px;
    padding-bottom: 14px;
}
.py-\[17px\] {
    padding-top: 17px;
    padding-bottom: 17px;
}
.py-\[18px\] {
    padding-top: 18px;
    padding-bottom: 18px;
}
.py-\[2\%\] {
    padding-top: 2%;
    padding-bottom: 2%;
}
.py-\[20\%\] {
    padding-top: 20%;
    padding-bottom: 20%;
}
.py-\[2px\] {
    padding-top: 2px;
    padding-bottom: 2px;
}
.py-\[30px\] {
    padding-top: 30px;
    padding-bottom: 30px;
}
.py-\[3px\] {
    padding-top: 3px;
    padding-bottom: 3px;
}
.py-\[4\%\] {
    padding-top: 4%;
    padding-bottom: 4%;
}
.py-\[4px\] {
    padding-top: 4px;
    padding-bottom: 4px;
}
.py-\[5\%\] {
    padding-top: 5%;
    padding-bottom: 5%;
}
.py-\[5px\] {
    padding-top: 5px;
    padding-bottom: 5px;
}
.py-\[6px\] {
    padding-top: 6px;
    padding-bottom: 6px;
}
.py-\[96px\] {
    padding-top: 96px;
    padding-bottom: 96px;
}
.pb-0 {
    padding-bottom: 0;
}
.pb-1 {
    padding-bottom: 0.25rem;
}
.pb-1\.5 {
    padding-bottom: 0.375rem;
}
.pb-2 {
    padding-bottom: 0.5rem;
}
.pb-2\.5 {
    padding-bottom: 0.625rem;
}
.pb-3 {
    padding-bottom: 0.75rem;
}
.pb-4 {
    padding-bottom: 1rem;
}
.pb-5 {
    padding-bottom: 1.25rem;
}
.pb-6 {
    padding-bottom: 1.5rem;
}
.pb-7 {
    padding-bottom: 1.75rem;
}
.pb-8 {
    padding-bottom: 2rem;
}
.pb-\[102px\] {
    padding-bottom: 102px;
}
.pb-\[162px\] {
    padding-bottom: 162px;
}
.pb-\[1px\] {
    padding-bottom: 1px;
}
.pb-\[2px\] {
    padding-bottom: 2px;
}
.pb-\[54\.5\%\] {
    padding-bottom: 54.5%;
}
.pb-\[72px\] {
    padding-bottom: 72px;
}
.pl-0 {
    padding-left: 0;
}
.pl-1 {
    padding-left: 0.25rem;
}
.pl-2 {
    padding-left: 0.5rem;
}
.pl-2\.5 {
    padding-left: 0.625rem;
}
.pl-3 {
    padding-left: 0.75rem;
}
.pl-4 {
    padding-left: 1rem;
}
.pl-5 {
    padding-left: 1.25rem;
}
.pl-6 {
    padding-left: 1.5rem;
}
.pl-\[14px\] {
    padding-left: 14px;
}
.pl-\[16px\] {
    padding-left: 16px;
}
.pr-10 {
    padding-right: 2.5rem;
}
.pr-2 {
    padding-right: 0.5rem;
}
.pr-3 {
    padding-right: 0.75rem;
}
.pr-5 {
    padding-right: 1.25rem;
}
.pr-\[16px\] {
    padding-right: 16px;
}
.pr-\[30px\] {
    padding-right: 30px;
}
.pr-\[35px\] {
    padding-right: 35px;
}
.pr-\[60px\] {
    padding-right: 60px;
}
.pr-\[70px\] {
    padding-right: 70px;
}
.pt-0 {
    padding-top: 0;
}
.pt-1 {
    padding-top: 0.25rem;
}
.pt-1\.5 {
    padding-top: 0.375rem;
}
.pt-2 {
    padding-top: 0.5rem;
}
.pt-20 {
    padding-top: 5rem;
}
.pt-3 {
    padding-top: 0.75rem;
}
.pt-3\.5 {
    padding-top: 0.875rem;
}
.pt-4 {
    padding-top: 1rem;
}
.pt-5 {
    padding-top: 1.25rem;
}
.pt-6 {
    padding-top: 1.5rem;
}
.pt-8 {
    padding-top: 2rem;
}
.pt-\[2px\] {
    padding-top: 2px;
}
.pt-\[5px\] {
    padding-top: 5px;
}
.pt-\[66px\] {
    padding-top: 66px;
}
.pt-\[68px\] {
    padding-top: 68px;
}
.pt-\[9px\] {
    padding-top: 9px;
}
.text-left {
    text-align: left;
}
.text-right {
    text-align: right;
}
.indent-\[-10000px\] {
    text-indent: -10000px;
}
.align-top {
    vertical-align: top;
}
.align-middle {
    vertical-align: middle;
}
.font-NG_OTF {
    font-family: NG_OTF;
}
.font-OTNamoogulrim {
    font-family: OTNamoogulrimBA;
}
.font-\[\"Ssanai\"\] {
    font-family: Ssanai;
}
.font-\[\"gongGothicMedium\"\] {
    font-family: gongGothicMedium;
}
.font-\[\'GmarketSansMedium\'\] {
    font-family: GmarketSansMedium;
}
.font-\[\'Ssanai\'\] {
    font-family: Ssanai;
}
.font-\[\'gongGothicMedium\'\] {
    font-family: gongGothicMedium;
}
.font-\[CWDangamAsac-Bold\] {
    font-family: CWDangamAsac-Bold;
}
.font-gongGothicMedium {
    font-family: GongGothicMedium;
}
.font-notoSans {
    font-family: Noto Sans KR;
}
.font-pretendard {
    font-family: Pretendard;
}
.\!text-2xl {
    font-size: 1.5rem !important;
    line-height: 2rem !important;
}
.\!text-base {
    font-size: 1rem !important;
    line-height: 1.5rem !important;
}
.\!text-sm {
    font-size: 0.875rem !important;
    line-height: 1.25rem !important;
}
.\!text-xl {
    font-size: 1.25rem !important;
    line-height: 1.75rem !important;
}
.text-2xl {
    font-size: 1.5rem;
    line-height: 2rem;
}
.text-3xl {
    font-size: 1.875rem;
    line-height: 2.25rem;
}
.text-4xl {
    font-size: 2.25rem;
    line-height: 2.5rem;
}
.text-5xl {
    font-size: 3rem;
    line-height: 1;
}
.text-\[1\.5vw\] {
    font-size: 1.5vw;
}
.text-\[1\.8vw\] {
    font-size: 1.8vw;
}
.text-\[10\%\] {
    font-size: 10%;
}
.text-\[10px\] {
    font-size: 10px;
}
.text-\[11px\] {
    font-size: 11px;
}
.text-\[12px\] {
    font-size: 12px;
}
.text-\[13px\] {
    font-size: 13px;
}
.text-\[14px\] {
    font-size: 14px;
}
.text-\[15\%\] {
    font-size: 15%;
}
.text-\[15px\] {
    font-size: 15px;
}
.text-\[16px\] {
    font-size: 16px;
}
.text-\[17px\] {
    font-size: 17px;
}
.text-\[18px\] {
    font-size: 18px;
}
.text-\[1vw\] {
    font-size: 1vw;
}
.text-\[2\.5vw\] {
    font-size: 2.5vw;
}
.text-\[21px\] {
    font-size: 21px;
}
.text-\[22px\] {
    font-size: 22px;
}
.text-\[23px\] {
    font-size: 23px;
}
.text-\[24px\] {
    font-size: 24px;
}
.text-\[26px\] {
    font-size: 26px;
}
.text-\[2vw\] {
    font-size: 2vw;
}
.text-\[30px\] {
    font-size: 30px;
}
.text-\[3vw\] {
    font-size: 3vw;
}
.text-\[40px\] {
    font-size: 40px;
}
.text-\[48px\] {
    font-size: 48px;
}
.text-\[4vw\] {
    font-size: 4vw;
}
.text-\[5vw\] {
    font-size: 5vw;
}
.text-\[7vw\] {
    font-size: 7vw;
}
.text-base {
    font-size: 1rem;
    line-height: 1.5rem;
}
.text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem;
}
.text-sm {
    font-size: 0.875rem;
    line-height: 1.25rem;
}
.text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem;
}
.text-xs {
    font-size: 0.75rem;
    line-height: 1rem;
}
.\!font-black {
    font-weight: 900 !important;
}
.\!font-bold {
    font-weight: 700 !important;
}
.\!font-extrabold {
    font-weight: 800 !important;
}
.\!font-medium {
    font-weight: 500 !important;
}
.font-\[300px\] {
    font-weight: 300px;
}
.font-black {
    font-weight: 900;
}
.font-bold {
    font-weight: 700;
}
.font-extrabold {
    font-weight: 800;
}
.font-light {
    font-weight: 300;
}
.font-medium {
    font-weight: 500;
}
.font-normal {
    font-weight: 400;
}
.font-semibold {
    font-weight: 600;
}
.font-thin {
    font-weight: 100;
}
.uppercase {
    text-transform: uppercase;
}
.lowercase {
    text-transform: lowercase;
}
.leading-10 {
    line-height: 2.5rem;
}
.leading-3 {
    line-height: 0.75rem;
}
.leading-5 {
    line-height: 1.25rem;
}
.leading-\[1\.1\] {
    line-height: 1.1;
}
.leading-\[10px\] {
    line-height: 10px;
}
.leading-\[120\%\] {
    line-height: 120%;
}
.leading-\[12px\] {
    line-height: 12px;
}
.leading-\[14px\] {
    line-height: 14px;
}
.leading-\[16px\] {
    line-height: 16px;
}
.leading-\[17px\] {
    line-height: 17px;
}
.leading-\[18px\] {
    line-height: 18px;
}
.leading-\[2\.8rem\] {
    line-height: 2.8rem;
}
.leading-\[20px\] {
    line-height: 20px;
}
.leading-\[32px\] {
    line-height: 32px;
}
.leading-\[42px\] {
    line-height: 42px;
}
.leading-\[8px\] {
    line-height: 8px;
}
.leading-loose {
    line-height: 2;
}
.leading-normal {
    line-height: 1.5;
}
.leading-snug {
    line-height: 1.375;
}
.leading-tight {
    line-height: 1.25;
}
.tracking-\[-0\.84px\] {
    letter-spacing: -0.84px;
}
.tracking-\[-1\.2px\] {
    letter-spacing: -1.2px;
}
.tracking-\[-1px\] {
    letter-spacing: -1px;
}
.tracking-normal {
    letter-spacing: 0;
}
.\!text-\[\#757575\] {
    --tw-text-opacity: 1 !important;
    color: rgb(117 117 117 / var(--tw-text-opacity)) !important;
}
.\!text-\[\#8C949B\] {
    --tw-text-opacity: 1 !important;
    color: rgb(140 148 155 / var(--tw-text-opacity)) !important;
}
.\!text-\[\#C78EFF\] {
    --tw-text-opacity: 1 !important;
    color: rgb(199 142 255 / var(--tw-text-opacity)) !important;
}
.\!text-\[\#FF024A\] {
    --tw-text-opacity: 1 !important;
    color: rgb(255 2 74 / var(--tw-text-opacity)) !important;
}
.\!text-\[\#FF97E8\] {
    --tw-text-opacity: 1 !important;
    color: rgb(255 151 232 / var(--tw-text-opacity)) !important;
}
.\!text-\[\#FFC978\] {
    --tw-text-opacity: 1 !important;
    color: rgb(255 201 120 / var(--tw-text-opacity)) !important;
}
.\!text-black-900 {
    --tw-text-opacity: 1 !important;
    color: rgb(0 0 0 / var(--tw-text-opacity)) !important;
}
.\!text-brand-100 {
    --tw-text-opacity: 1 !important;
    color: rgb(255 2 74 / var(--tw-text-opacity)) !important;
}
.text-\[\#000000\] {
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity));
}
.text-\[\#000872\] {
    --tw-text-opacity: 1;
    color: rgb(0 8 114 / var(--tw-text-opacity));
}
.text-\[\#00C2FF\] {
    --tw-text-opacity: 1;
    color: rgb(0 194 255 / var(--tw-text-opacity));
}
.text-\[\#060606\] {
    --tw-text-opacity: 1;
    color: rgb(6 6 6 / var(--tw-text-opacity));
}
.text-\[\#09DB4F\] {
    --tw-text-opacity: 1;
    color: rgb(9 219 79 / var(--tw-text-opacity));
}
.text-\[\#127FFF\] {
    --tw-text-opacity: 1;
    color: rgb(18 127 255 / var(--tw-text-opacity));
}
.text-\[\#158DB4\] {
    --tw-text-opacity: 1;
    color: rgb(21 141 180 / var(--tw-text-opacity));
}
.text-\[\#171A1C\],
.text-\[\#171a1c\] {
    --tw-text-opacity: 1;
    color: rgb(23 26 28 / var(--tw-text-opacity));
}
.text-\[\#17D3FF\] {
    --tw-text-opacity: 1;
    color: rgb(23 211 255 / var(--tw-text-opacity));
}
.text-\[\#18181B\] {
    --tw-text-opacity: 1;
    color: rgb(24 24 27 / var(--tw-text-opacity));
}
.text-\[\#18181E\] {
    --tw-text-opacity: 1;
    color: rgb(24 24 30 / var(--tw-text-opacity));
}
.text-\[\#18181b\] {
    --tw-text-opacity: 1;
    color: rgb(24 24 27 / var(--tw-text-opacity));
}
.text-\[\#18181e\] {
    --tw-text-opacity: 1;
    color: rgb(24 24 30 / var(--tw-text-opacity));
}
.text-\[\#1c1c1c\] {
    --tw-text-opacity: 1;
    color: rgb(28 28 28 / var(--tw-text-opacity));
}
.text-\[\#222222\],
.text-\[\#222\] {
    --tw-text-opacity: 1;
    color: rgb(34 34 34 / var(--tw-text-opacity));
}
.text-\[\#3A3A3A\] {
    --tw-text-opacity: 1;
    color: rgb(58 58 58 / var(--tw-text-opacity));
}
.text-\[\#41474E\] {
    --tw-text-opacity: 1;
    color: rgb(65 71 78 / var(--tw-text-opacity));
}
.text-\[\#434343\] {
    --tw-text-opacity: 1;
    color: rgb(67 67 67 / var(--tw-text-opacity));
}
.text-\[\#464646\] {
    --tw-text-opacity: 1;
    color: rgb(70 70 70 / var(--tw-text-opacity));
}
.text-\[\#5B626B\] {
    --tw-text-opacity: 1;
    color: rgb(91 98 107 / var(--tw-text-opacity));
}
.text-\[\#5F13FF\] {
    --tw-text-opacity: 1;
    color: rgb(95 19 255 / var(--tw-text-opacity));
}
.text-\[\#5F5F5F\] {
    --tw-text-opacity: 1;
    color: rgb(95 95 95 / var(--tw-text-opacity));
}
.text-\[\#616161\] {
    --tw-text-opacity: 1;
    color: rgb(97 97 97 / var(--tw-text-opacity));
}
.text-\[\#6341D5\] {
    --tw-text-opacity: 1;
    color: rgb(99 65 213 / var(--tw-text-opacity));
}
.text-\[\#646464\] {
    --tw-text-opacity: 1;
    color: rgb(100 100 100 / var(--tw-text-opacity));
}
.text-\[\#666666\],
.text-\[\#666\] {
    --tw-text-opacity: 1;
    color: rgb(102 102 102 / var(--tw-text-opacity));
}
.text-\[\#686868\] {
    --tw-text-opacity: 1;
    color: rgb(104 104 104 / var(--tw-text-opacity));
}
.text-\[\#6E6E6E\] {
    --tw-text-opacity: 1;
    color: rgb(110 110 110 / var(--tw-text-opacity));
}
.text-\[\#707070\] {
    --tw-text-opacity: 1;
    color: rgb(112 112 112 / var(--tw-text-opacity));
}
.text-\[\#757575\] {
    --tw-text-opacity: 1;
    color: rgb(117 117 117 / var(--tw-text-opacity));
}
.text-\[\#7700F5\] {
    --tw-text-opacity: 1;
    color: rgb(119 0 245 / var(--tw-text-opacity));
}
.text-\[\#818181\] {
    --tw-text-opacity: 1;
    color: rgb(129 129 129 / var(--tw-text-opacity));
}
.text-\[\#888888\] {
    --tw-text-opacity: 1;
    color: rgb(136 136 136 / var(--tw-text-opacity));
}
.text-\[\#8A8A8A\] {
    --tw-text-opacity: 1;
    color: rgb(138 138 138 / var(--tw-text-opacity));
}
.text-\[\#8C949B\] {
    --tw-text-opacity: 1;
    color: rgb(140 148 155 / var(--tw-text-opacity));
}
.text-\[\#8a8a8a\] {
    --tw-text-opacity: 1;
    color: rgb(138 138 138 / var(--tw-text-opacity));
}
.text-\[\#919191\] {
    --tw-text-opacity: 1;
    color: rgb(145 145 145 / var(--tw-text-opacity));
}
.text-\[\#969696\] {
    --tw-text-opacity: 1;
    color: rgb(150 150 150 / var(--tw-text-opacity));
}
.text-\[\#999999\] {
    --tw-text-opacity: 1;
    color: rgb(153 153 153 / var(--tw-text-opacity));
}
.text-\[\#9A9A9A\] {
    --tw-text-opacity: 1;
    color: rgb(154 154 154 / var(--tw-text-opacity));
}
.text-\[\#9E9E9E\] {
    --tw-text-opacity: 1;
    color: rgb(158 158 158 / var(--tw-text-opacity));
}
.text-\[\#9F3A38\] {
    --tw-text-opacity: 1;
    color: rgb(159 58 56 / var(--tw-text-opacity));
}
.text-\[\#A2A2A2\] {
    --tw-text-opacity: 1;
    color: rgb(162 162 162 / var(--tw-text-opacity));
}
.text-\[\#A7A7A7\] {
    --tw-text-opacity: 1;
    color: rgb(167 167 167 / var(--tw-text-opacity));
}
.text-\[\#A9A7A6\] {
    --tw-text-opacity: 1;
    color: rgb(169 167 166 / var(--tw-text-opacity));
}
.text-\[\#ACB2B9\] {
    --tw-text-opacity: 1;
    color: rgb(172 178 185 / var(--tw-text-opacity));
}
.text-\[\#B6FF15\] {
    --tw-text-opacity: 1;
    color: rgb(182 255 21 / var(--tw-text-opacity));
}
.text-\[\#B7B7B7\] {
    --tw-text-opacity: 1;
    color: rgb(183 183 183 / var(--tw-text-opacity));
}
.text-\[\#C4C4C4\] {
    --tw-text-opacity: 1;
    color: rgb(196 196 196 / var(--tw-text-opacity));
}
.text-\[\#C8C8C8\] {
    --tw-text-opacity: 1;
    color: rgb(200 200 200 / var(--tw-text-opacity));
}
.text-\[\#CCC\] {
    --tw-text-opacity: 1;
    color: rgb(204 204 204 / var(--tw-text-opacity));
}
.text-\[\#D5D5D5\] {
    --tw-text-opacity: 1;
    color: rgb(213 213 213 / var(--tw-text-opacity));
}
.text-\[\#DDB3FF\] {
    --tw-text-opacity: 1;
    color: rgb(221 179 255 / var(--tw-text-opacity));
}
.text-\[\#E00040\] {
    --tw-text-opacity: 1;
    color: rgb(224 0 64 / var(--tw-text-opacity));
}
.text-\[\#E10000\] {
    --tw-text-opacity: 1;
    color: rgb(225 0 0 / var(--tw-text-opacity));
}
.text-\[\#F4E55C\] {
    --tw-text-opacity: 1;
    color: rgb(244 229 92 / var(--tw-text-opacity));
}
.text-\[\#FF0049\] {
    --tw-text-opacity: 1;
    color: rgb(255 0 73 / var(--tw-text-opacity));
}
.text-\[\#FF0080\] {
    --tw-text-opacity: 1;
    color: rgb(255 0 128 / var(--tw-text-opacity));
}
.text-\[\#FF014A\] {
    --tw-text-opacity: 1;
    color: rgb(255 1 74 / var(--tw-text-opacity));
}
.text-\[\#FF024A\] {
    --tw-text-opacity: 1;
    color: rgb(255 2 74 / var(--tw-text-opacity));
}
.text-\[\#FF12AC\] {
    --tw-text-opacity: 1;
    color: rgb(255 18 172 / var(--tw-text-opacity));
}
.text-\[\#FF1C69\] {
    --tw-text-opacity: 1;
    color: rgb(255 28 105 / var(--tw-text-opacity));
}
.text-\[\#FF4076\] {
    --tw-text-opacity: 1;
    color: rgb(255 64 118 / var(--tw-text-opacity));
}
.text-\[\#FF4566\] {
    --tw-text-opacity: 1;
    color: rgb(255 69 102 / var(--tw-text-opacity));
}
.text-\[\#FF9100\] {
    --tw-text-opacity: 1;
    color: rgb(255 145 0 / var(--tw-text-opacity));
}
.text-\[\#FF97E8\] {
    --tw-text-opacity: 1;
    color: rgb(255 151 232 / var(--tw-text-opacity));
}
.text-\[\#FFC978\] {
    --tw-text-opacity: 1;
    color: rgb(255 201 120 / var(--tw-text-opacity));
}
.text-\[\#FFD92D\] {
    --tw-text-opacity: 1;
    color: rgb(255 217 45 / var(--tw-text-opacity));
}
.text-\[\#FFE891\] {
    --tw-text-opacity: 1;
    color: rgb(255 232 145 / var(--tw-text-opacity));
}
.text-\[\#FFF6A2\] {
    --tw-text-opacity: 1;
    color: rgb(255 246 162 / var(--tw-text-opacity));
}
.text-\[\#FFFFFF\],
.text-\[\#FFF\] {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}
.text-\[\#aaaaaa\] {
    --tw-text-opacity: 1;
    color: rgb(170 170 170 / var(--tw-text-opacity));
}
.text-\[\#b3b3b3\] {
    --tw-text-opacity: 1;
    color: rgb(179 179 179 / var(--tw-text-opacity));
}
.text-\[\#bfbfbf\] {
    --tw-text-opacity: 1;
    color: rgb(191 191 191 / var(--tw-text-opacity));
}
.text-\[\#ccc\] {
    --tw-text-opacity: 1;
    color: rgb(204 204 204 / var(--tw-text-opacity));
}
.text-\[\#ea0361\] {
    --tw-text-opacity: 1;
    color: rgb(234 3 97 / var(--tw-text-opacity));
}
.text-\[\#f2507e\] {
    --tw-text-opacity: 1;
    color: rgb(242 80 126 / var(--tw-text-opacity));
}
.text-\[\#ff024a\] {
    --tw-text-opacity: 1;
    color: rgb(255 2 74 / var(--tw-text-opacity));
}
.text-\[\#ff4076\] {
    --tw-text-opacity: 1;
    color: rgb(255 64 118 / var(--tw-text-opacity));
}
.text-\[\#fff\] {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}
.text-\[8a8a8a\] {
    color: 8a8a8a;
}
.text-\[rgb\(111\2c 0\2c 213\)\] {
    --tw-text-opacity: 1;
    color: rgb(111 0 213 / var(--tw-text-opacity));
}
.text-\[rgb\(255\2c 129\2c 0\)\] {
    --tw-text-opacity: 1;
    color: rgb(255 129 0 / var(--tw-text-opacity));
}
.text-black-500 {
    --tw-text-opacity: 1;
    color: rgb(54 59 65 / var(--tw-text-opacity));
}
.text-black-600 {
    --tw-text-opacity: 1;
    color: rgb(51 51 51 / var(--tw-text-opacity));
}
.text-black-800 {
    --tw-text-opacity: 1;
    color: rgb(34 34 34 / var(--tw-text-opacity));
}
.text-black-900 {
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity));
}
.text-brand-100 {
    --tw-text-opacity: 1;
    color: rgb(255 2 74 / var(--tw-text-opacity));
}
.text-brand-200 {
    --tw-text-opacity: 1;
    color: rgb(242 80 126 / var(--tw-text-opacity));
}
.text-brand-300 {
    --tw-text-opacity: 1;
    color: rgb(255 62 133 / var(--tw-text-opacity));
}
.text-gray-500 {
    --tw-text-opacity: 1;
    color: rgb(153 153 153 / var(--tw-text-opacity));
}
.text-gray-600 {
    --tw-text-opacity: 1;
    color: rgb(150 150 150 / var(--tw-text-opacity));
}
.text-gray-700 {
    --tw-text-opacity: 1;
    color: rgb(136 136 136 / var(--tw-text-opacity));
}
.text-gray-800 {
    --tw-text-opacity: 1;
    color: rgb(126 126 126 / var(--tw-text-opacity));
}
.text-gray-900 {
    --tw-text-opacity: 1;
    color: rgb(102 102 102 / var(--tw-text-opacity));
}
.text-green-1000 {
    --tw-text-opacity: 1;
    color: rgb(0 126 51 / var(--tw-text-opacity));
}
.text-red-1200 {
    --tw-text-opacity: 1;
    color: rgb(204 0 0 / var(--tw-text-opacity));
}
.text-red-400 {
    --tw-text-opacity: 1;
    color: rgb(248 113 113 / var(--tw-text-opacity));
}
.text-white-100 {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}
.text-white-500 {
    --tw-text-opacity: 1;
    color: rgb(249 249 252 / var(--tw-text-opacity));
}
.underline {
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
}
.underline-offset-\[6px\] {
    text-underline-offset: 6px;
}
.placeholder-\[\#B8B8B8\]::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgb(184 184 184 / var(--tw-placeholder-opacity));
}
.placeholder-\[\#B8B8B8\]::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgb(184 184 184 / var(--tw-placeholder-opacity));
}
.placeholder-\[\#CFCFCF\]::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgb(207 207 207 / var(--tw-placeholder-opacity));
}
.placeholder-\[\#CFCFCF\]::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgb(207 207 207 / var(--tw-placeholder-opacity));
}
.accent-red-600 {
    accent-color: #dc2626;
}
.opacity-0 {
    opacity: 0;
}
.opacity-100 {
    opacity: 1;
}
.opacity-20 {
    opacity: 0.2;
}
.opacity-50 {
    opacity: 0.5;
}
.opacity-\[65\%\] {
    opacity: 65%;
}
.shadow-lg {
    --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
}
.shadow-lg,
.shadow-md {
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-md {
    --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
    --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
}
.shadow-xl {
    --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
    --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.outline {
    outline-style: solid;
}
.outline-1 {
    outline-width: 1px;
}
.outline-\[2px\] {
    outline-width: 2px;
}
.outline-offset-\[-8px\] {
    outline-offset: -8px;
}
.outline-\[\#FC62D0\] {
    outline-color: #fc62d0;
}
.ring {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
}
.ring,
.ring-1 {
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.ring-1 {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
}
.blur {
    --tw-blur: blur(8px);
}
.blur,
.filter {
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.transition {
    transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 0.15s;
}
.duration-100 {
    transition-duration: 0.1s;
}
.duration-150 {
    transition-duration: 0.15s;
}
.duration-300 {
    transition-duration: 0.3s;
}
.ease-in {
    transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
}
.\[appearance\:textfield\] {
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield;
}

.enterFrom-pt {
    padding-top: 100%;
}
.enter-pt {
    padding-top: 40px;
}
.bright {
    background-color: #fff;
}
.bold {
    font-weight: 500;
}
.emphasized {
    font-weight: 600;
    font-size: 20px;
}
.fluid {
    width: 100%;
}
.empty-txt {
    display: block;
    width: 100%;
    padding: 16px;
    text-align: center;
}
.fixed-label-flex .flex-item:first-child {
    flex-grow: 0;
}
.fixed-label-flex .flex-item:nth-child(2) {
    flex-grow: 1;
}
div#__next .flex-container {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.flex-item-push {
    margin-left: auto;
}
.flex.spread {
    justify-content: space-between;
}
.footer {
    text-align: center;
    padding: 40px 32px;
    margin-top: 48px;
    border-top: 1px solid #e3e3e3;
    background-color: var(--background-default);
    overflow: hidden;
}
.footer .margin-divider {
    display: inline-block;
    width: 1px;
    height: 10px;
    margin: 0 8px;
    background-color: #4c4c4c;
    align-items: center;
}
.footer .footer-link {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 16px;
}
.footer .footer-link a {
    font-size: 14px;
    color: #4c4c4c;
    line-height: 20px;
}
.footer .footer-link .margin-divider {
    margin: 0 16px;
}
.footer .footer-info {
    font-size: 12px;
    color: #646464;
    word-wrap: break-word;
    -ms-word-wrap: break-word;
    word-break: keep-all;
    -ms-word-break: keep-all;
}
.footer .footer-copy {
    display: block;
    margin-top: 8px;
    word-break: break-all;
}
.description {
    color: #6c6c6f;
}
.app-logo {
    float: left;
    width: 140px;
    height: 100%;
    background-size: 160px 60px;
    background-image: url(http://wiwitv.com/logo.png);
    background-repeat: no-repeat;
    background-position: 50%;
}
.header-logo {
    display: block;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
}
.header-logo img {
    vertical-align: top;
    max-height: 100%;
}
.divider-type2 {
    border: 1px solid #7b7b7b;
    height: 14px;
}
.divider2 {
    display: block;
    width: 100%;
    height: 1px;
    background-color: #ddd;
    margin: 10px 0;
}
.horizontal-divider {
    height: 1px;
    opacity: 0.2;
    background-color: #999;
}
.icon-favorite {
    width: 12px;
    height: 12px;
    background-image: url(http://wiwitv.com/icon/favorite.png);
}
.icon-favorite,
.icon-favorite-white {
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
}
.icon-favorite-white {
    width: 14px;
    height: 14px;
    background-image: url(http://wiwitv.com/icon/heart-fill.png);
}
.ui.segment.tab-content {
    background: transparent;
    border: 0;
    padding: 0;
}
.ui.modal > .content {
    padding: 0 !important;
}
.ui.modal > .content > .container {
    margin: 0 !important;
}
.ui.modal > .header {
    border: 0;
}
.ui.input > input {
    font-size: 15px;
    font-weight: 500;
}
.big .ui.menu .item {
    font-size: 18px;
}
.side-menu-link {
    display: flex;
    align-items: center;
}
.side-menu-link.new:after {
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    background: url(http://wiwitv.com/icon/ico_new.png) no-repeat;
    background-size: cover;
    margin-left: 5px;
}
.side-menu-link > .image.camera {
    width: 20px;
    height: 20px;
    margin-right: 5px;
}
.pc-menu-item-title {
    margin-left: 8px;
    font-size: 16px;
    font-weight: 500;
    line-height: 13px;
}
#__next .video-section-root {
    margin: 0 -8px;
    padding-bottom: 0;
}
.grid-container {
    width: 100%;
    display: inline-flex;
    flex-wrap: nowrap;
}
.no-scroll::-webkit-scrollbar {
    display: none;
}
progress {
    width: 100%;
    height: 8px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
progress::-webkit-progress-bar {
    background: #f9f9fc;
    border-radius: 4px;
    border: 1px solid #0000000d;
}
progress::-webkit-progress-value {
    border-radius: 4px;
    background: #000;
}
.no-scroll {
    -ms-overflow-style: none;
    scrollbar-width: none;
}
.side-menu {
    position: fixed;
    top: 60px;
    bottom: 0;
    left: 0;
    z-index: 100;
    background-color: var(--background-default);
    padding-top: 16px;
    border-right: 1px solid #ebebeb;
    overflow-y: auto;
    overflow-x: hidden;
}
.side-menu-item {
    display: flex;
    padding: 10px 24px;
    align-items: center !important;
}
.side-menu-item > .event {
    position: relative;
    flex: 1;
    max-width: 100%;
    height: 40px;
    border: 1px solid #0000000d;
    border-radius: 22px;
    background-color: #f7f7f7;
    padding-left: 16px;
    color: #000;
}
.side-menu-item > .event:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 16px;
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
    background: url(http://wiwitv.com/button/ico_arrow.svg) no-repeat 50%;
    background-size: 16px;
}
.signature-link {
    font-size: 16px;
    position: relative;
    padding-right: 20px;
    height: 30px;
    line-height: 30px;
    margin-top: 28px;
    color: #646464 !important;
    cursor: pointer;
}
.signature-link:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
    margin-top: 1px;
    background: url(http://wiwitv.com/button/btn_more_s.png) no-repeat 50%;
    background-size: 16px;
}
@media screen and (max-width: 1023px) {
    .signature-link {
        font-size: 14px;
        position: relative;
        margin-top: 0;
        margin-right: 10px;
        color: #646464 !important;
        cursor: pointer;
    }
    .signature-link:after {
        content: "";
        position: absolute;
        top: 50%;
        right: 0;
        transform: translateY(-50%);
        width: 16px;
        height: 16px;
        margin-top: 0;
        background: url(http://wiwitv.com/button/btn_more_s.png) no-repeat 50%;
        background-size: 16px;
    }
}
.side-menu-item > .event > a {
    font-size: 13px;
    color: #000 !important;
}
.side-menu.fold .side-menu-item {
    padding: 14px 19px;
}
.side-menu.fold .side-menu-item .btn-menu-close,
.side-menu.fold .ui.divider {
    display: none;
}
.side-menu-item.between {
    justify-content: space-between !important;
}
.side-menu.fold .side-menu-item.event-fold {
    display: block;
    padding: 0;
}
.side-menu.fold .side-menu-item.event-fold > .event {
    width: 40px;
    height: 40px;
    line-height: 40px;
    margin: 0 auto;
    padding: 0;
    border-radius: 50%;
    cursor: pointer;
}
.side-menu.fold .side-menu-item.event-fold > .event:after {
    content: none;
}
.side-menu.fold .side-menu-item.event-fold > .event > .ui.image {
    margin: 0 auto;
}
.menu-sub-wrap {
    margin: 4px 0 0;
    padding: 0 24px;
    overflow: hidden;
}
.menu-sub-wrap > * {
    margin-bottom: 16px;
}
.menu-sub-wrap > li {
    list-style: none;
}
.menu-sub-wrap.close {
    height: 0;
    margin-bottom: 0;
}
.menu-sub-wrap .img-wrap {
    float: left;
    width: 36px;
    height: 36px;
    text-align: center;
    padding-top: 2px;
    border-radius: 50%;
    margin-right: 8px;
    overflow: hidden;
    border: 1px solid#0000000d;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
    background-origin: border-box;
    box-shadow: 0 1px 4px #0000004d;
}
.menu-sub-wrap .img-wrap > img {
    display: inline-block;
    width: 22px;
    height: 22px;
    margin: 0 auto;
}
.menu-sub-wrap .text-wrap {
    display: flex;
    flex-direction: column;
    width: 112px;
}
.menu-sub-wrap .text-wrap > span {
    display: inline-block;
    width: 112px;
    word-break: keep-all;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.menu-sub-wrap .live {
    position: relative;
}
.menu-sub-wrap .live .img-wrap {
    border: 2px solid #f2507e;
}
.menu-sub-item {
    font-size: 13px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.23;
    letter-spacing: normal;
    text-align: left;
    color: #4a4a4a;
}
.menu-sub-item > a {
    color: inherit !important;
}
.menu-sub-item:hover {
    color: #000 !important;
    font-weight: 500;
}
.selected .pc-menu-item-title,
.side-menu .side-menu-link:hover .pc-menu-item-title {
    color: #ff024a;
}
.side-menu .selected .side-menu-link img,
.side-menu .side-menu-link img.menu-on,
.side-menu .side-menu-link:hover img {
    display: none;
}
.side-menu .selected .side-menu-link img.menu-on,
.side-menu .side-menu-link:hover img.menu-on {
    display: inline-block;
    filter: invert(0.5) sepia(1) saturate(90) hue-rotate(-20deg);
}
#smallScreenMenu .side-menu-link:hover .pc-menu-item-title,
#smallScreenMenu .side-menu-link:hover img.menu-on {
    display: inline-block;
    filter: invert(0.5) sepia(1) saturate(90) hue-rotate(-20deg);
    color: #ff024a;
}
#smallScreenMenu .selected .side-menu-link img.menu-on {
    display: inline-block;
    filter: invert(0.5) sepia(1) saturate(90) hue-rotate(-20deg);
}
.dark-container {
    background-color: #000;
}
.dark-container a,
.menu-top .icon {
    color: #fff;
}
.menu-top .icon.active {
    color: #fff;
    opacity: 1 !important;
}
.subject-title {
    font-size: 20px;
    font-weight: 500;
}
.description {
    color: #868686;
}
.strength {
    color: #ff024a;
    font-weight: 500;
}
.text-black {
    color: #000;
}
.text-dark {
    color: #222;
}
.text-gray {
    color: #666;
}
.text-gray-light {
    color: #b2b2b2;
}
.text-mint {
    color: #08c8c8;
}
.text-primary {
    color: #f2507e;
}
.text-red-light {
    color: #ff7b7b;
}
.text-success {
    color: #41d49d;
}
.font-11 {
    font-size: 11px;
}
.font-12 {
    font-size: 12px;
}
.font-13 {
    font-size: 13px;
}
.font-14 {
    font-size: 14px;
}
.font-17 {
    font-size: 17px;
}
.font-20 {
    font-size: 20px;
}
.float-wrap:after {
    content: "";
    clear: both;
    display: block;
    font-size: 0;
}
.float-left {
    float: left !important;
}
.float-right {
    float: right !important;
}
.position-wrap {
    position: relative;
}
.position-absolute {
    position: absolute;
}
.btns {
    display: flex;
    align-items: center;
    justify-content: center;
}
.btns > * {
    flex: 1;
    margin-right: 5px;
}
.btns > :last-child {
    margin-right: 0;
}
.btns > button.ui.button {
    max-width: 150px;
}
.box-ellipsis {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.table-ellipsis {
    table-layout: fixed;
}
.table-ellipsis td,
.table-ellipsis th {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.d-block {
    display: block !important;
}
.d-in-block {
    display: inline-block !important;
}
.d-inline {
    display: inline !important;
}
.border-top {
    border-top: 1px solid #ddd;
}
.border-bottom {
    border-bottom: 1px solid #ddd;
}
.bg-gray {
    background-color: #f7f7f7;
}
.label {
    display: inline-block;
    padding: 2px 6px;
    font-size: 11px;
    line-height: 11px;
    border-radius: 5px;
    letter-spacing: 1px;
}
.label.primary {
    color: #fff;
    background-color: #ff024a;
}
.m0 {
    margin: 0 !important;
}
.m-center {
    margin: 0 auto;
}
.mb0 {
    margin-bottom: 0 !important;
}
.mb5 {
    margin-bottom: 5px !important;
}
.mb6 {
    margin-bottom: 6px !important;
}
.mb8 {
    margin-bottom: 8px !important;
}
.mb10 {
    margin-bottom: 10px !important;
}
.mb12 {
    margin-bottom: 12px !important;
}
.mb15 {
    margin-bottom: 15px !important;
}
.mb16 {
    margin-bottom: 16px !important;
}
.mb20 {
    margin-bottom: 20px !important;
}
.mb24 {
    margin-bottom: 24px !important;
}
.mb30 {
    margin-bottom: 30px !important;
}
.mb32 {
    margin-bottom: 32px !important;
}
.mb40 {
    margin-bottom: 40px !important;
}
.mt4 {
    margin-top: 4px !important;
}
.mt5 {
    margin-top: 5px !important;
}
.mt6 {
    margin-top: 6px !important;
}
.mt8 {
    margin-top: 8px !important;
}
.mt10 {
    margin-top: 10px !important;
}
.mt15 {
    margin-top: 15px !important;
}
.mt16 {
    margin-top: 16px !important;
}
.mt20 {
    margin-top: 20px !important;
}
.mt30 {
    margin-top: 30px !important;
}
.mt32 {
    margin-top: 32px !important;
}
.mt40 {
    margin-top: 40px !important;
}
.mt88 {
    margin-top: 88px !important;
}
.ml5 {
    margin-left: 5px !important;
}
.ml6 {
    margin-left: 6px !important;
}
.ml8 {
    margin-left: 8px !important;
}
.ml10 {
    margin-left: 10px !important;
}
.ml15 {
    margin-left: 15px !important;
}
.ml20 {
    margin-left: 20px !important;
}
.ml30 {
    margin-left: 30px !important;
}
.ml40 {
    margin-left: 40px !important;
}
.mr5 {
    margin-right: 5px !important;
}
.mr6 {
    margin-right: 6px !important;
}
.mr8 {
    margin-right: 8px !important;
}
.mr10 {
    margin-right: 10px !important;
}
.mr15 {
    margin-right: 15px !important;
}
.mr16 {
    margin-right: 16px !important;
}
.mr20 {
    margin-right: 20px !important;
}
.mr30 {
    margin-right: 30px !important;
}
.mr40 {
    margin-right: 40px !important;
}
.mr50 {
    margin-right: 50px !important;
}
.p0 {
    padding: 0;
}
.p8 {
    padding: 8px;
}
.pdb5 {
    padding-bottom: 5px !important;
}
.pdb6 {
    padding-bottom: 6px !important;
}
.pdb8 {
    padding-bottom: 8px !important;
}
.pdb10 {
    padding-bottom: 10px !important;
}
.pdb15 {
    padding-bottom: 15px !important;
}
.pdb20 {
    padding-bottom: 20px !important;
}
.pdb30 {
    padding-bottom: 30px !important;
}
.pdb40 {
    padding-bottom: 40px !important;
}
.pdt5 {
    padding-top: 5px !important;
}
.pdt6 {
    padding-top: 6px !important;
}
.pdt8 {
    padding-top: 8px !important;
}
.pdt10 {
    padding-top: 10px !important;
}
.pdt15 {
    padding-top: 15px !important;
}
.pdt20 {
    padding-top: 20px !important;
}
.pdt30 {
    padding-top: 30px !important;
}
.pdt40 {
    padding-top: 40px !important;
}
.pdl5 {
    padding-left: 5px !important;
}
.pdl6 {
    padding-left: 6px !important;
}
.pdl8 {
    padding-left: 8px !important;
}
.pdl10 {
    padding-left: 10px !important;
}
.pdl15 {
    padding-left: 15px !important;
}
.pdl20 {
    padding-left: 20px !important;
}
.pdl30 {
    padding-left: 30px !important;
}
.pdl40 {
    padding-left: 40px !important;
}
.pdr5 {
    padding-right: 5px !important;
}
.pdr6 {
    padding-right: 6px !important;
}
.pdr8 {
    padding-right: 8px !important;
}
.pdr10 {
    padding-right: 10px !important;
}
.pdr15 {
    padding-right: 15px !important;
}
.pdr20 {
    padding-right: 20px !important;
}
.pdr30 {
    padding-right: 30px !important;
}
.pdr40 {
    padding-right: 40px !important;
}
.tab-header,
.tab-list-header {
    position: relative;
}
.tab-header .adult-radio,
.tab-list-header .adult-radio {
    position: absolute;
    top: 0;
    right: 0;
}
.adult-radio input.hidden + label {
    height: 22px !important;
    line-height: 22px !important;
    padding: 0 44px 0 0 !important;
    font-size: 16px !important;
}
.adult-radio .box:before,
.adult-radio input:focus ~ label:before,
.adult-radio label:before,
.adult-radio label:focus:before,
.adult-radio label:hover:before {
    height: 22px !important;
}
.adult-radio label:after {
    top: 4px !important;
}
.adult-radio.toggle.checkbox input:checked ~ .box,
.adult-radio.toggle.checkbox input:checked ~ label,
.adult-radio.ui.toggle.checkbox input:focus:checked ~ .box,
.adult-radio.ui.toggle.checkbox input:focus:checked ~ label {
    color: #ff5f8c !important;
}
.adult-radio.ui.toggle.checkbox input:checked ~ .box:before,
.adult-radio.ui.toggle.checkbox input:checked ~ label:before,
.adult-radio.ui.toggle.checkbox input:checked ~ label:focus:before,
.adult-radio.ui.toggle.checkbox input:checked ~ label:hover:before,
.adult-radio.ui.toggle.checkbox input:focus:checked ~ .box:before,
.adult-radio.ui.toggle.checkbox input:focus:checked ~ label:before {
    background-color: #ff5f8c !important;
}
.scrollbar-hide::-webkit-scrollbar {
    display: none;
}
@media screen and (max-width: 1366px) {
    .adult-radio input.hidden + label {
        height: 20px !important;
        line-height: 20px !important;
        font-size: 14px !important;
    }
    .adult-radio .box:before,
    .adult-radio input:focus ~ label:before,
    .adult-radio label:before,
    .adult-radio label:focus:before,
    .adult-radio label:hover:before {
        width: 36px !important;
        height: 20px !important;
        border: 2px solid #ff5f8c !important;
        background-color: #fff !important;
    }
    .adult-radio label:after {
        width: 14px !important;
        height: 14px !important;
        right: 18px !important;
        top: 3px !important;
        background-color: #ff5f8c !important;
        box-shadow: none !important;
    }
    .adult-radio.ui.toggle.checkbox input:checked ~ .box:after,
    .adult-radio.ui.toggle.checkbox input:checked ~ label:after {
        right: 3px !important;
    }
}
@media only screen and (max-width: 767px) {
    .footer {
        border: 0;
    }
}
@media only screen and (max-width: 768px) {
    .enter-pt {
        padding-top: 0;
    }
}
@media only screen and (max-width: 1280px) {
    .side-menu {
        display: none;
    }
}
.placeholder\:text-gray-300::-moz-placeholder {
    --tw-text-opacity: 1;
    color: rgb(221 221 221 / var(--tw-text-opacity));
}
.placeholder\:text-gray-300::placeholder {
    --tw-text-opacity: 1;
    color: rgb(221 221 221 / var(--tw-text-opacity));
}
.before\:absolute:before {
    content: var(--tw-content);
    position: absolute;
}
.before\:left-0:before {
    content: var(--tw-content);
    left: 0;
}
.before\:left-\[-15px\]:before {
    content: var(--tw-content);
    left: -15px;
}
.before\:left-\[45\%\]:before {
    content: var(--tw-content);
    left: 45%;
}
.before\:right-\[100\%\]:before {
    content: var(--tw-content);
    right: 100%;
}
.before\:top-1\/2:before {
    content: var(--tw-content);
    top: 50%;
}
.before\:top-2:before {
    content: var(--tw-content);
    top: 0.5rem;
}
.before\:top-\[-9px\]:before {
    content: var(--tw-content);
    top: -9px;
}
.before\:top-\[2px\]:before {
    content: var(--tw-content);
    top: 2px;
}
.before\:z-\[1\]:before {
    content: var(--tw-content);
    z-index: 1;
}
.before\:mr-2:before {
    content: var(--tw-content);
    margin-right: 0.5rem;
}
.before\:mr-2\.5:before {
    content: var(--tw-content);
    margin-right: 0.625rem;
}
.before\:block:before {
    content: var(--tw-content);
    display: block;
}
.before\:inline-block:before {
    content: var(--tw-content);
    display: inline-block;
}
.before\:inline-flex:before {
    content: var(--tw-content);
    display: inline-flex;
}
.before\:h-0:before {
    content: var(--tw-content);
    height: 0;
}
.before\:h-0\.5:before {
    content: var(--tw-content);
    height: 0.125rem;
}
.before\:h-3:before {
    content: var(--tw-content);
    height: 0.75rem;
}
.before\:h-4:before {
    content: var(--tw-content);
    height: 1rem;
}
.before\:h-\[14px\]:before {
    content: var(--tw-content);
    height: 14px;
}
.before\:w-0:before {
    content: var(--tw-content);
    width: 0;
}
.before\:w-0\.5:before {
    content: var(--tw-content);
    width: 0.125rem;
}
.before\:w-3:before {
    content: var(--tw-content);
    width: 0.75rem;
}
.before\:w-4:before {
    content: var(--tw-content);
    width: 1rem;
}
.before\:w-\[1px\]:before {
    content: var(--tw-content);
    width: 1px;
}
.before\:-translate-y-1\/2:before {
    content: var(--tw-content);
    --tw-translate-y: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.before\:border-8:before {
    content: var(--tw-content);
    border-width: 8px;
}
.before\:border-b-\[8px\]:before {
    content: var(--tw-content);
    border-bottom-width: 8px;
}
.before\:border-l-\[8px\]:before {
    content: var(--tw-content);
    border-left-width: 8px;
}
.before\:border-r-\[8px\]:before {
    content: var(--tw-content);
    border-right-width: 8px;
}
.before\:border-t-0:before {
    content: var(--tw-content);
    border-top-width: 0;
}
.before\:border-solid:before {
    content: var(--tw-content);
    border-style: solid;
}
.before\:border-\[\#9F3A38\]:before {
    content: var(--tw-content);
    --tw-border-opacity: 1;
    border-color: rgb(159 58 56 / var(--tw-border-opacity));
}
.before\:border-transparent:before {
    content: var(--tw-content);
    border-color: transparent;
}
.before\:border-y-transparent:before {
    content: var(--tw-content);
    border-top-color: transparent;
    border-bottom-color: transparent;
}
.before\:border-l-transparent:before {
    content: var(--tw-content);
    border-left-color: transparent;
}
.before\:border-r-gray-700:before {
    content: var(--tw-content);
    --tw-border-opacity: 1;
    border-right-color: rgb(136 136 136 / var(--tw-border-opacity));
}
.before\:bg-\[\#007fff\]:before {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(0 127 255 / var(--tw-bg-opacity));
}
.before\:bg-\[\#5B626B\]:before {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(91 98 107 / var(--tw-bg-opacity));
}
.before\:bg-\[\#888\]:before {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(136 136 136 / var(--tw-bg-opacity));
}
.before\:bg-\[\#ff7fa3\]:before {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(255 127 163 / var(--tw-bg-opacity));
}
.before\:bg-gray-700:before {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(136 136 136 / var(--tw-bg-opacity));
}
.before\:\!bg-none:before {
    content: var(--tw-content);
    background-image: none !important;
}
.before\:bg-\[url\(\"\/icon\/ico_alert\.png\"\)\]:before {
    content: var(--tw-content);
    background-image: url(http://wiwitv.com/icon/ico_alert.png);
}
.before\:bg-\[url\(\'\/mobile\/icon\/ico_receive\.png\'\)\]:before {
    content: var(--tw-content);
    background-image: url(http://wiwitv.com/mobile/icon/ico_receive.png);
}
.before\:bg-\[url\(\'\/mobile\/icon\/ico_send\.png\'\)\]:before {
    content: var(--tw-content);
    background-image: url(http://wiwitv.com/mobile/icon/ico_send.png);
}
.before\:bg-\[length\:12px\]:before {
    content: var(--tw-content);
    background-size: 12px;
}
.before\:bg-\[length\:12px_12px\]:before {
    content: var(--tw-content);
    background-size: 12px 12px;
}
.before\:bg-cover:before {
    content: var(--tw-content);
    background-size: cover;
}
.before\:bg-no-repeat:before {
    content: var(--tw-content);
    background-repeat: no-repeat;
}
.before\:align-\[-3px\]:before {
    content: var(--tw-content);
    vertical-align: -3px;
}
.before\:content-\[\"\"\]:before,
.before\:content-\[\'\'\]:before {
    --tw-content: "";
    content: var(--tw-content);
}
.after\:absolute:after {
    content: var(--tw-content);
    position: absolute;
}
.after\:bottom-0:after {
    content: var(--tw-content);
    bottom: 0;
}
.after\:left-0:after {
    content: var(--tw-content);
    left: 0;
}
.after\:left-\[11px\]:after {
    content: var(--tw-content);
    left: 11px;
}
.after\:left-\[30px\]:after {
    content: var(--tw-content);
    left: 30px;
}
.after\:left-\[45\%\]:after {
    content: var(--tw-content);
    left: 45%;
}
.after\:left-\[6px\]:after {
    content: var(--tw-content);
    left: 6px;
}
.after\:right-0:after {
    content: var(--tw-content);
    right: 0;
}
.after\:right-\[-5px\]:after {
    content: var(--tw-content);
    right: -5px;
}
.after\:top-1:after {
    content: var(--tw-content);
    top: 0.25rem;
}
.after\:top-\[-10px\]:after {
    content: var(--tw-content);
    top: -10px;
}
.after\:top-\[-8px\]:after {
    content: var(--tw-content);
    top: -8px;
}
.after\:top-\[30\%\]:after {
    content: var(--tw-content);
    top: 30%;
}
.after\:top-\[5px\]:after {
    content: var(--tw-content);
    top: 5px;
}
.after\:z-\[1\]:after {
    content: var(--tw-content);
    z-index: 1;
}
.after\:block:after {
    content: var(--tw-content);
    display: block;
}
.after\:h-0:after {
    content: var(--tw-content);
    height: 0;
}
.after\:h-0\.5:after {
    content: var(--tw-content);
    height: 0.125rem;
}
.after\:h-2:after {
    content: var(--tw-content);
    height: 0.5rem;
}
.after\:h-2\.5:after {
    content: var(--tw-content);
    height: 0.625rem;
}
.after\:h-3:after {
    content: var(--tw-content);
    height: 0.75rem;
}
.after\:h-\[10px\]:after {
    content: var(--tw-content);
    height: 10px;
}
.after\:h-\[2px\]:after {
    content: var(--tw-content);
    height: 2px;
}
.after\:w-3:after {
    content: var(--tw-content);
    width: 0.75rem;
}
.after\:w-\[1px\]:after {
    content: var(--tw-content);
    width: 1px;
}
.after\:border-b-\[8px\]:after {
    content: var(--tw-content);
    border-bottom-width: 8px;
}
.after\:border-l-\[8px\]:after {
    content: var(--tw-content);
    border-left-width: 8px;
}
.after\:border-r-\[8px\]:after {
    content: var(--tw-content);
    border-right-width: 8px;
}
.after\:border-t-0:after {
    content: var(--tw-content);
    border-top-width: 0;
}
.after\:border-solid:after {
    content: var(--tw-content);
    border-style: solid;
}
.after\:border-transparent:after {
    content: var(--tw-content);
    border-color: transparent;
}
.after\:bg-\[\#707070\]:after {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(112 112 112 / var(--tw-bg-opacity));
}
.after\:bg-\[\#c7c7c7\]:after {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(199 199 199 / var(--tw-bg-opacity));
}
.after\:bg-\[\#ccc\]:after {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(204 204 204 / var(--tw-bg-opacity));
}
.after\:bg-brand-100:after {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(255 2 74 / var(--tw-bg-opacity));
}
.after\:\!bg-none:after {
    content: var(--tw-content);
    background-image: none !important;
}
.after\:content-\[\"\"\]:after,
.after\:content-\[\'\'\]:after {
    --tw-content: "";
    content: var(--tw-content);
}
.last\:border-0:last-child {
    border-width: 0;
}
.last\:after\:w-0:last-child:after {
    content: var(--tw-content);
    width: 0;
}
.checked\:border-brand-100:checked {
    --tw-border-opacity: 1;
    border-color: rgb(255 2 74 / var(--tw-border-opacity));
}
.checked\:bg-brand-100:checked {
    --tw-bg-opacity: 1;
    background-color: rgb(255 2 74 / var(--tw-bg-opacity));
}
.checked\:bg-\[url\(\'\/svg\/check_white\.svg\'\)\]:checked {
    background-image: url(http://wiwitv.com/svg/check_white.svg);
}
.checked\:bg-contain:checked {
    background-size: contain;
}
.checked\:bg-center:checked {
    background-position: 50%;
}
.checked\:bg-no-repeat:checked {
    background-repeat: no-repeat;
}
.hover\:border-\[2px\]:hover {
    border-width: 2px;
}
.hover\:border-\[\#171A1C\]:hover {
    --tw-border-opacity: 1;
    border-color: rgb(23 26 28 / var(--tw-border-opacity));
}
.hover\:border-\[\#FF5770\]:hover {
    --tw-border-opacity: 1;
    border-color: rgb(255 87 112 / var(--tw-border-opacity));
}
.hover\:border-\[\#ff024a\]:hover {
    --tw-border-opacity: 1;
    border-color: rgb(255 2 74 / var(--tw-border-opacity));
}
.hover\:bg-\[\#7838FF\]:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(120 56 255 / var(--tw-bg-opacity));
}
.hover\:bg-\[\#E6E6E6\]:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(230 230 230 / var(--tw-bg-opacity));
}
.hover\:bg-\[\#E6E8EA\]:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(230 232 234 / var(--tw-bg-opacity));
}
.hover\:bg-\[\#F7F7F8\]:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(247 247 248 / var(--tw-bg-opacity));
}
.hover\:bg-\[\#FF002A\]:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(255 0 42 / var(--tw-bg-opacity));
}
.hover\:bg-\[\#FF3E85\]:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(255 62 133 / var(--tw-bg-opacity));
}
.hover\:bg-\[\#FFE0E2\]:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(255 224 226 / var(--tw-bg-opacity));
}
.hover\:bg-\[\#FFF0F1\]:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(255 240 241 / var(--tw-bg-opacity));
}
.hover\:bg-\[\#FFF2F6\]:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(255 242 246 / var(--tw-bg-opacity));
}
.hover\:bg-\[\#f2507e\]:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(242 80 126 / var(--tw-bg-opacity));
}
.hover\:bg-black-900:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0 / var(--tw-bg-opacity));
}
.hover\:bg-gray-700:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(136 136 136 / var(--tw-bg-opacity));
}
.hover\:bg-opacity-5:hover {
    --tw-bg-opacity: 0.05;
}
.hover\:bg-\[url\(\"\/svg\/kingico_on\.svg\"\)\]:hover {
    background-image: url(http://wiwitv.com/svg/kingico_on.svg);
}
.hover\:bg-\[url\(\"\/svg\/noticeico_on\.svg\"\)\]:hover {
    background-image: url(http://wiwitv.com/svg/noticeico_on.svg);
}
.hover\:bg-\[url\(\"\/svg\/people_ico_on\.svg\"\)\]:hover {
    background-image: url(http://wiwitv.com/svg/people_ico_on.svg);
}
.hover\:bg-\[url\(\'\/svg\/charger_on\.svg\'\)\]:hover {
    background-image: url(http://wiwitv.com/svg/charger_on.svg);
}
.hover\:bg-\[url\(\'\/svg\/chat_board_on\.svg\'\)\]:hover {
    background-image: url(http://wiwitv.com/svg/chat_board_on.svg);
}
.hover\:bg-\[url\(\'\/svg\/danger_on\.svg\'\)\]:hover {
    background-image: url(http://wiwitv.com/svg/danger_on.svg);
}
.hover\:bg-\[url\(\'\/svg\/flex_gift_on\.svg\'\)\]:hover {
    background-image: url(http://wiwitv.com/svg/flex_gift_on.svg);
}
.hover\:bg-\[url\(\'\/svg\/gift_shop_ico_on\.svg\'\)\]:hover {
    background-image: url(http://wiwitv.com/svg/gift_shop_ico_on.svg);
}
.hover\:bg-\[url\(\'\/svg\/gift_shop_on\.svg\'\)\]:hover {
    background-image: url(http://wiwitv.com/svg/gift_shop_on.svg);
}
.hover\:bg-\[url\(\'\/svg\/movie_on\.svg\'\)\]:hover {
    background-image: url(http://wiwitv.com/svg/movie_on.svg);
}
.hover\:bg-\[url\(\'\/svg\/share_on\.svg\'\)\]:hover {
    background-image: url(http://wiwitv.com/svg/share_on.svg);
}
.hover\:bg-\[url\(\'\/svg\/slot_on\.svg\'\)\]:hover {
    background-image: url(http://wiwitv.com/svg/slot_on.svg);
}
.hover\:bg-\[url\(\'\/svg\/smile_on\.svg\'\)\]:hover {
    background-image: url(http://wiwitv.com/svg/smile_on.svg);
}
.hover\:bg-\[url\(\'\/svg\/star_ico_hover\.svg\'\)\]:hover {
    background-image: url(http://wiwitv.com/svg/star_ico_hover.svg);
}
.hover\:bg-\[url\(\'\/svg\/star_ico_on\.svg\'\)\]:hover {
    background-image: url(http://wiwitv.com/svg/star_ico_on.svg);
}
.hover\:bg-\[url\(\'\/svg\/vote_on\.svg\'\)\]:hover {
    background-image: url(http://wiwitv.com/svg/vote_on.svg);
}
.hover\:\!text-yellow-300:hover {
    --tw-text-opacity: 1 !important;
    color: rgb(253 224 71 / var(--tw-text-opacity)) !important;
}
.hover\:\!text-yellow-400:hover {
    --tw-text-opacity: 1 !important;
    color: rgb(250 204 21 / var(--tw-text-opacity)) !important;
}
.hover\:text-\[\#FFBB00\]:hover {
    --tw-text-opacity: 1;
    color: rgb(255 187 0 / var(--tw-text-opacity));
}
.hover\:text-white-100:hover {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}
.hover\:text-yellow-400:hover {
    --tw-text-opacity: 1;
    color: rgb(250 204 21 / var(--tw-text-opacity));
}
.focus\:border-\[\#FF024A\]:focus {
    --tw-border-opacity: 1;
    border-color: rgb(255 2 74 / var(--tw-border-opacity));
}
.focus\:outline-none:focus {
    outline: 2px solid transparent;
    outline-offset: 2px;
}
.disabled\:border-\[\#E5E5E5\]:disabled {
    --tw-border-opacity: 1;
    border-color: rgb(229 229 229 / var(--tw-border-opacity));
}
.disabled\:bg-\[\#707070\]:disabled {
    --tw-bg-opacity: 1;
    background-color: rgb(112 112 112 / var(--tw-bg-opacity));
}
.disabled\:bg-\[\#EEEFF1\]:disabled {
    --tw-bg-opacity: 1;
    background-color: rgb(238 239 241 / var(--tw-bg-opacity));
}
.disabled\:bg-\[\#e6e6e6\]:disabled {
    --tw-bg-opacity: 1;
    background-color: rgb(230 230 230 / var(--tw-bg-opacity));
}
.disabled\:bg-white-100:disabled {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.disabled\:text-\[\#5B626B\]:disabled {
    --tw-text-opacity: 1;
    color: rgb(91 98 107 / var(--tw-text-opacity));
}
.disabled\:text-\[\#ACB2B9\]:disabled {
    --tw-text-opacity: 1;
    color: rgb(172 178 185 / var(--tw-text-opacity));
}
.disabled\:text-\[\#CCCCCC\]:disabled {
    --tw-text-opacity: 1;
    color: rgb(204 204 204 / var(--tw-text-opacity));
}
.disabled\:text-\[\#E5E5E5\]:disabled {
    --tw-text-opacity: 1;
    color: rgb(229 229 229 / var(--tw-text-opacity));
}
.disabled\:text-black-900:disabled {
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity));
}
.group:hover .group-hover\:visible {
    visibility: visible;
}
.group:hover .group-hover\:block {
    display: block;
}
.group:hover .group-hover\:flex {
    display: flex;
}
.group:hover .group-hover\:bg-\[\#FFE0E2\] {
    --tw-bg-opacity: 1;
    background-color: rgb(255 224 226 / var(--tw-bg-opacity));
}
.group:hover .group-hover\:bg-\[url\(\'\/svg\/slot_on\.svg\'\)\] {
    background-image: url(http://wiwitv.com/svg/slot_on.svg);
}
.dark\:text-white-100:is([data-theme="dark"] *) {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}
@media (min-width: 640px) {
    .sm\:left-\[15\%\] {
        left: 15%;
    }
    .sm\:top-\[10\%\] {
        top: 10%;
    }
    .sm\:mb-7 {
        margin-bottom: 1.75rem;
    }
    .sm\:h-\[340px\] {
        height: 340px;
    }
    .sm\:h-\[36px\] {
        height: 36px;
    }
    .sm\:h-\[44px\] {
        height: 44px;
    }
    .sm\:w-\[110px\] {
        width: 110px;
    }
    .sm\:w-\[220px\] {
        width: 220px;
    }
    .sm\:flex-row {
        flex-direction: row;
    }
    .sm\:px-14 {
        padding-left: 3.5rem;
        padding-right: 3.5rem;
    }
    .sm\:text-3xl {
        font-size: 1.875rem;
        line-height: 2.25rem;
    }
    .sm\:text-5xl {
        font-size: 3rem;
        line-height: 1;
    }
    .sm\:text-\[22px\] {
        font-size: 22px;
    }
    .sm\:text-xl {
        font-size: 1.25rem;
        line-height: 1.75rem;
    }
    .sm\:text-white-100 {
        --tw-text-opacity: 1;
        color: rgb(255 255 255 / var(--tw-text-opacity));
    }
}
@media (min-width: 768px) {
    .md\:left-\[15\%\] {
        left: 15%;
    }
    .md\:right-\[15\%\] {
        right: 15%;
    }
    .md\:top-\[-9\%\] {
        top: -9%;
    }
    .md\:flex {
        display: flex;
    }
    .md\:h-10 {
        height: 2.5rem;
    }
    .md\:justify-between {
        justify-content: space-between;
    }
    .md\:gap-x-4 {
        -moz-column-gap: 1rem;
        column-gap: 1rem;
    }
    .md\:gap-y-2 {
        row-gap: 0.5rem;
    }
    .md\:p-4 {
        padding: 1rem;
    }
    .md\:text-2xl {
        font-size: 1.5rem;
        line-height: 2rem;
    }
    .md\:text-base {
        font-size: 1rem;
        line-height: 1.5rem;
    }
    .md\:text-lg {
        font-size: 1.125rem;
        line-height: 1.75rem;
    }
    .md\:text-xl {
        font-size: 1.25rem;
        line-height: 1.75rem;
    }
    .md\:leading-4 {
        line-height: 1rem;
    }
}
@media (min-width: 1024px) {
    .lg\:ml-1 {
        margin-left: 0.25rem;
    }
    .lg\:mt-0 {
        margin-top: 0;
    }
    .lg\:mt-28 {
        margin-top: 7rem;
    }
    .lg\:mt-8 {
        margin-top: 2rem;
    }
    .lg\:flex {
        display: flex;
    }
    .lg\:hidden {
        display: none;
    }
    .lg\:w-\[90\%\] {
        width: 90%;
    }
    .lg\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .lg\:flex-row {
        flex-direction: row;
    }
    .lg\:items-center {
        align-items: center;
    }
    .lg\:justify-center {
        justify-content: center;
    }
    .lg\:justify-between {
        justify-content: space-between;
    }
    .lg\:p-4 {
        padding: 1rem;
    }
    .lg\:text-3xl {
        font-size: 1.875rem;
        line-height: 2.25rem;
    }
    .lg\:text-5xl {
        font-size: 3rem;
        line-height: 1;
    }
    .lg\:text-\[50px\] {
        font-size: 50px;
    }
}
@media (min-width: 1280px) {
    .xl\:hidden {
        display: none;
    }
    .xl\:h-\[400px\] {
        height: 400px;
    }
    .xl\:w-\[8\%\] {
        width: 8%;
    }
    .xl\:grid-cols-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
    .xl\:gap-y-\[64px\] {
        row-gap: 64px;
    }
    .xl\:text-2xl {
        font-size: 1.5rem;
        line-height: 2rem;
    }
    .xl\:text-5xl {
        font-size: 3rem;
        line-height: 1;
    }
    .xl\:text-\[15px\] {
        font-size: 15px;
    }
    .xl\:text-\[20px\] {
        font-size: 20px;
    }
    .xl\:text-\[24px\] {
        font-size: 24px;
    }
    .xl\:text-\[26px\] {
        font-size: 26px;
    }
    .xl\:text-\[28px\] {
        font-size: 28px;
    }
    .xl\:text-\[30px\] {
        font-size: 30px;
    }
    .xl\:text-\[32px\] {
        font-size: 32px;
    }
    .xl\:text-\[40px\] {
        font-size: 40px;
    }
    .xl\:text-\[45px\] {
        font-size: 45px;
    }
    .xl\:text-\[58px\] {
        font-size: 58px;
    }
    .xl\:text-\[72px\] {
        font-size: 72px;
    }
    .xl\:text-\[78px\] {
        font-size: 78px;
    }
    .xl\:text-sm {
        font-size: 0.875rem;
        line-height: 1.25rem;
    }
    .xl\:text-xs {
        font-size: 0.75rem;
        line-height: 1rem;
    }
    .xl\:leading-\[1\.7\] {
        line-height: 1.7;
    }
}
@media (min-width: 1536px) {
    .\32xl\:p-8 {
        padding: 2rem;
    }
    .\32xl\:text-\[60px\] {
        font-size: 60px;
    }
}
@media (max-width: 1599px) {
    .\-2xl\:p-8 {
        padding: 2rem;
    }
    .\-2xl\:text-\[60px\] {
        font-size: 60px;
    }
}
@media (max-width: 1280px) {
    .-xl\:mb-1 {
        margin-bottom: 0.25rem;
    }
    .-xl\:mb-6 {
        margin-bottom: 1.5rem;
    }
    .-xl\:mb-9 {
        margin-bottom: 2.25rem;
    }
    .-xl\:mr-0 {
        margin-right: 0;
    }
    .-xl\:mt-0 {
        margin-top: 0;
    }
    .-xl\:mt-2 {
        margin-top: 0.5rem;
    }
    .-xl\:mt-4 {
        margin-top: 1rem;
    }
    .-xl\:mt-8 {
        margin-top: 2rem;
    }
    .-xl\:hidden {
        display: none;
    }
    .-xl\:h-\[228px\] {
        height: 228px;
    }
    .-xl\:h-\[28px\] {
        height: 28px;
    }
    .-xl\:h-\[97px\] {
        height: 97px;
    }
    .-xl\:max-h-\[56px\] {
        max-height: 56px;
    }
    .-xl\:max-h-\[96px\] {
        max-height: 96px;
    }
    .-xl\:w-\[calc\(50\%-40px\)\] {
        width: calc(50% - 40px);
    }
    .-xl\:w-full {
        width: 100%;
    }
    .-xl\:max-w-\[56px\] {
        max-width: 56px;
    }
    .-xl\:max-w-none {
        max-width: none;
    }
    .-xl\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .-xl\:flex-wrap {
        flex-wrap: wrap;
    }
    .-xl\:gap-2 {
        gap: 0.5rem;
    }
    .-xl\:border-0 {
        border-width: 0;
    }
    .-xl\:bg-\[\#f7f7f7\] {
        --tw-bg-opacity: 1;
        background-color: rgb(247 247 247 / var(--tw-bg-opacity));
    }
    .-xl\:p-1 {
        padding: 0.25rem;
    }
    .-xl\:p-2 {
        padding: 0.5rem;
    }
    .-xl\:p-4 {
        padding: 1rem;
    }
    .-xl\:p-6 {
        padding: 1.5rem;
    }
    .-xl\:px-4 {
        padding-left: 1rem;
        padding-right: 1rem;
    }
    .-xl\:py-6 {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem;
    }
    .-xl\:pb-0 {
        padding-bottom: 0;
    }
    .-xl\:pt-0 {
        padding-top: 0;
    }
    .-xl\:text-\[60px\] {
        font-size: 60px;
    }
    .-xl\:text-sm {
        font-size: 0.875rem;
        line-height: 1.25rem;
    }
}
@media (max-width: 1024px) {
    .-lg\:left-\[24px\] {
        left: 24px;
    }
    .-lg\:right-\[-24px\] {
        right: -24px;
    }
    .-lg\:block {
        display: block;
    }
    .-lg\:hidden {
        display: none;
    }
    .-lg\:h-\[12px\] {
        height: 12px;
    }
    .-lg\:w-12 {
        width: 3rem;
    }
    .-lg\:w-8 {
        width: 2rem;
    }
    .-lg\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .-lg\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .-lg\:px-10 {
        padding-left: 2.5rem;
        padding-right: 2.5rem;
    }
    .-lg\:text-\[40px\] {
        font-size: 40px;
    }
    .-lg\:text-\[4px\] {
        font-size: 4px;
    }
    .-lg\:text-lg {
        font-size: 1.125rem;
        line-height: 1.75rem;
    }
    .-lg\:text-sm {
        font-size: 0.875rem;
        line-height: 1.25rem;
    }
}
@media (max-width: 768px) {
    .-md\:relative {
        position: relative;
    }
    .-md\:left-\[34\%\] {
        left: 34%;
    }
    .-md\:right-\[-20px\] {
        right: -20px;
    }
    .-md\:top-4 {
        top: 1rem;
    }
    .-md\:top-\[12px\] {
        top: 12px;
    }
    .-md\:top-\[43\.9\%\] {
        top: 43.9%;
    }
    .-md\:top-\[47\.1\%\] {
        top: 47.1%;
    }
    .-md\:top-\[47\.6\%\] {
        top: 47.6%;
    }
    .-md\:top-\[51\.2\%\] {
        top: 51.2%;
    }
    .-md\:m-0 {
        margin: 0;
    }
    .-md\:mx-4 {
        margin-left: 1rem;
        margin-right: 1rem;
    }
    .-md\:mx-\[16px\] {
        margin-left: 16px;
        margin-right: 16px;
    }
    .-md\:mb-0 {
        margin-bottom: 0;
    }
    .-md\:mb-3 {
        margin-bottom: 0.75rem;
    }
    .-md\:mb-\[14px\] {
        margin-bottom: 14px;
    }
    .-md\:mb-\[16px\] {
        margin-bottom: 16px;
    }
    .-md\:mb-\[33px\] {
        margin-bottom: 33px;
    }
    .-md\:mr-0 {
        margin-right: 0;
    }
    .-md\:mr-2 {
        margin-right: 0.5rem;
    }
    .-md\:mt-2 {
        margin-top: 0.5rem;
    }
    .-md\:mt-4 {
        margin-top: 1rem;
    }
    .-md\:mt-\[31px\] {
        margin-top: 31px;
    }
    .-md\:mt-\[3px\] {
        margin-top: 3px;
    }
    .-md\:block {
        display: block;
    }
    .-md\:hidden {
        display: none;
    }
    .-md\:h-6 {
        height: 1.5rem;
    }
    .-md\:h-\[24px\] {
        height: 24px;
    }
    .-md\:h-\[30px\] {
        height: 30px;
    }
    .-md\:h-\[55px\] {
        height: 55px;
    }
    .-md\:h-\[60px\] {
        height: 60px;
    }
    .-md\:h-screen {
        height: 100vh;
    }
    .-md\:w-4\/12 {
        width: 33.333333%;
    }
    .-md\:w-6 {
        width: 1.5rem;
    }
    .-md\:w-8\/12 {
        width: 66.666667%;
    }
    .-md\:w-\[100px\] {
        width: 100px;
    }
    .-md\:w-\[120px\] {
        width: 120px;
    }
    .-md\:w-\[138px\] {
        width: 138px;
    }
    .-md\:w-\[140px\] {
        width: 140px;
    }
    .-md\:w-\[150px\] {
        width: 150px;
    }
    .-md\:w-\[180px\] {
        width: 180px;
    }
    .-md\:w-\[20\%\] {
        width: 20%;
    }
    .-md\:w-\[340px\] {
        width: 340px;
    }
    .-md\:w-\[66px\] {
        width: 66px;
    }
    .-md\:w-\[80px\] {
        width: 80px;
    }
    .-md\:w-\[86px\] {
        width: 86px;
    }
    .-md\:w-\[98px\] {
        width: 98px;
    }
    .-md\:w-full {
        width: 100%;
    }
    .-md\:max-w-\[163px\] {
        max-width: 163px;
    }
    .-md\:max-w-full {
        max-width: 100%;
    }
    .-md\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .-md\:flex-col {
        flex-direction: column;
    }
    .-md\:items-end {
        align-items: flex-end;
    }
    .-md\:justify-end {
        justify-content: flex-end;
    }
    .-md\:justify-between {
        justify-content: space-between;
    }
    .-md\:space-y-5 > :not([hidden]) ~ :not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(1.25rem * var(--tw-space-y-reverse));
    }
    .-md\:overflow-hidden {
        overflow: hidden;
    }
    .-md\:overflow-x-scroll {
        overflow-x: scroll;
    }
    .-md\:rounded-none {
        border-radius: 0;
    }
    .-md\:rounded-b-\[8px\] {
        border-bottom-right-radius: 8px;
        border-bottom-left-radius: 8px;
    }
    .-md\:bg-\[url\(\'\/icon\/newbie\/10000lex\.svg\'\)\] {
        background-image: url(http://wiwitv.com/icon/newbie/10000lex.svg);
    }
    .-md\:bg-\[url\(\'\/icon\/newbie\/1000lex\.svg\'\)\] {
        background-image: url(http://wiwitv.com/icon/newbie/1000lex.svg);
    }
    .-md\:bg-\[url\(\'\/icon\/newbie\/100lex\.svg\'\)\] {
        background-image: url(http://wiwitv.com/icon/newbie/100lex.svg);
    }
    .-md\:bg-\[url\(\'\/icon\/newbie\/bonus100\.svg\'\)\] {
        background-image: url(http://wiwitv.com/icon/newbie/bonus100.svg);
    }
    .-md\:bg-\[url\(\'\/icon\/newbie\/bonus200\.svg\'\)\] {
        background-image: url(http://wiwitv.com/icon/newbie/bonus200.svg);
    }
    .-md\:bg-\[url\(\'\/icon\/newbie\/bonus3000\.svg\'\)\] {
        background-image: url(http://wiwitv.com/icon/newbie/bonus3000.svg);
    }
    .-md\:p-\[24px\] {
        padding: 24px;
    }
    .-md\:px-3 {
        padding-left: 0.75rem;
        padding-right: 0.75rem;
    }
    .-md\:px-4 {
        padding-left: 1rem;
        padding-right: 1rem;
    }
    .-md\:py-\[50px\] {
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .-md\:py-\[64px\] {
        padding-top: 64px;
        padding-bottom: 64px;
    }
    .-md\:pb-3 {
        padding-bottom: 0.75rem;
    }
    .-md\:pb-8 {
        padding-bottom: 2rem;
    }
    .-md\:pr-2 {
        padding-right: 0.5rem;
    }
    .-md\:pt-4 {
        padding-top: 1rem;
    }
    .-md\:text-\[14px\] {
        font-size: 14px;
    }
    .-md\:text-\[16px\] {
        font-size: 16px;
    }
    .-md\:text-\[18px\] {
        font-size: 18px;
    }
    .-md\:text-\[20px\] {
        font-size: 20px;
    }
    .-md\:text-\[30px\] {
        font-size: 30px;
    }
    .-md\:text-\[40px\] {
        font-size: 40px;
    }
    .-md\:text-base {
        font-size: 1rem;
        line-height: 1.5rem;
    }
    .-md\:text-lg {
        font-size: 1.125rem;
        line-height: 1.75rem;
    }
    .-md\:text-sm {
        font-size: 0.875rem;
        line-height: 1.25rem;
    }
    .-md\:text-xs {
        font-size: 0.75rem;
        line-height: 1rem;
    }
    .-md\:font-bold {
        font-weight: 700;
    }
    .-md\:outline-\[1px\] {
        outline-width: 1px;
    }
    .-md\:outline-offset-\[-4px\] {
        outline-offset: -4px;
    }
    .-md\:before\:absolute:before {
        content: var(--tw-content);
        position: absolute;
    }
    .-md\:before\:bottom-0:before {
        content: var(--tw-content);
        bottom: 0;
    }
    .-md\:before\:top-0:before {
        content: var(--tw-content);
        top: 0;
    }
    .-md\:before\:z-\[1\]:before {
        content: var(--tw-content);
        z-index: 1;
    }
    .-md\:before\:block:before {
        content: var(--tw-content);
        display: block;
    }
    .-md\:before\:w-4:before {
        content: var(--tw-content);
        width: 1rem;
    }
    .-md\:before\:bg-gradient-to-l:before {
        content: var(--tw-content);
        background-image: linear-gradient(to left, var(--tw-gradient-stops));
    }
    .-md\:before\:content-\[\'\'\]:before {
        --tw-content: "";
        content: var(--tw-content);
    }
    .-md\:after\:absolute:after {
        content: var(--tw-content);
        position: absolute;
    }
    .-md\:after\:bottom-0:after {
        content: var(--tw-content);
        bottom: 0;
    }
    .-md\:after\:left-4:after {
        content: var(--tw-content);
        left: 1rem;
    }
    .-md\:after\:right-0:after {
        content: var(--tw-content);
        right: 0;
    }
    .-md\:after\:right-4:after {
        content: var(--tw-content);
        right: 1rem;
    }
    .-md\:after\:top-0:after {
        content: var(--tw-content);
        top: 0;
    }
    .-md\:after\:z-\[1\]:after {
        content: var(--tw-content);
        z-index: 1;
    }
    .-md\:after\:block:after {
        content: var(--tw-content);
        display: block;
    }
    .-md\:after\:w-4:after {
        content: var(--tw-content);
        width: 1rem;
    }
    .-md\:after\:bg-gradient-to-r:after {
        content: var(--tw-content);
        background-image: linear-gradient(to right, var(--tw-gradient-stops));
    }
    .-md\:after\:from-\[\#ffffff4d\]:after {
        content: var(--tw-content);
        --tw-gradient-from: #ffffff4d var(--tw-gradient-from-position);
        --tw-gradient-to: hsla(0, 0%, 100%, 0) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
    }
    .-md\:after\:to-\[\#fff\]:after {
        content: var(--tw-content);
        --tw-gradient-to: #fff var(--tw-gradient-to-position);
    }
    .-md\:after\:content-\[\'\'\]:after {
        --tw-content: "";
        content: var(--tw-content);
    }
}
@media (max-width: 640px) {
    .-sm\:left-\[-25px\] {
        left: -25px;
    }
    .-sm\:right-\[-25px\] {
        right: -25px;
    }
    .-sm\:top-\[51\.25\%\] {
        top: 51.25%;
    }
    .-sm\:top-\[66\%\] {
        top: 66%;
    }
    .-sm\:mt-1 {
        margin-top: 0.25rem;
    }
    .-sm\:h-7 {
        height: 1.75rem;
    }
    .-sm\:w-7 {
        width: 1.75rem;
    }
    .-sm\:w-\[140px\] {
        width: 140px;
    }
    .-sm\:border-\[10px\] {
        border-width: 10px;
    }
    .-sm\:border-\[2px\] {
        border-width: 2px;
    }
    .-sm\:text-4xl {
        font-size: 2.25rem;
        line-height: 2.5rem;
    }
    .-sm\:text-\[10px\] {
        font-size: 10px;
    }
    .-sm\:text-\[20px\] {
        font-size: 20px;
    }
}
@media (max-width: 480px) {
    .-ssm\:left-\[10\%\] {
        left: 10%;
    }
    .-ssm\:left-\[16\%\] {
        left: 16%;
    }
    .-ssm\:left-\[20\%\] {
        left: 20%;
    }
    .-ssm\:left-\[20\.8\%\] {
        left: 20.8%;
    }
    .-ssm\:left-\[54\%\] {
        left: 54%;
    }
    .-ssm\:left-\[57\%\] {
        left: 57%;
    }
    .-ssm\:left-\[60\%\] {
        left: 60%;
    }
    .-ssm\:left-\[65\.5\%\] {
        left: 65.5%;
    }
    .-ssm\:top-\[-1px\] {
        top: -1px;
    }
    .-ssm\:top-\[-9\%\] {
        top: -9%;
    }
    .-ssm\:top-\[0px\] {
        top: 0;
    }
    .-ssm\:top-\[12px\] {
        top: 12px;
    }
    .-ssm\:top-\[18\.5\%\] {
        top: 18.5%;
    }
    .-ssm\:top-\[19\%\] {
        top: 19%;
    }
    .-ssm\:top-\[26\.1\%\] {
        top: 26.1%;
    }
    .-ssm\:top-\[30\%\] {
        top: 30%;
    }
    .-ssm\:top-\[30\.5\%\] {
        top: 30.5%;
    }
    .-ssm\:top-\[34\.8\%\] {
        top: 34.8%;
    }
    .-ssm\:top-\[43\.4\%\] {
        top: 43.4%;
    }
    .-ssm\:top-\[43\.8\%\] {
        top: 43.8%;
    }
    .-ssm\:top-\[47\%\] {
        top: 47%;
    }
    .-ssm\:top-\[47\.5\%\] {
        top: 47.5%;
    }
    .-ssm\:top-\[51\.1\%\] {
        top: 51.1%;
    }
    .-ssm\:top-\[57\.63\%\] {
        top: 57.63%;
    }
    .-ssm\:top-\[58\.1\%\] {
        top: 58.1%;
    }
    .-ssm\:top-\[58\.94\%\] {
        top: 58.94%;
    }
    .-ssm\:top-\[59\.4\%\] {
        top: 59.4%;
    }
    .-ssm\:top-\[60\.24\%\] {
        top: 60.24%;
    }
    .-ssm\:top-\[60\.7\%\] {
        top: 60.7%;
    }
    .-ssm\:top-\[61\.54\%\] {
        top: 61.54%;
    }
    .-ssm\:top-\[62\%\] {
        top: 62%;
    }
    .-ssm\:top-\[62\.82\%\] {
        top: 62.82%;
    }
    .-ssm\:top-\[63\.3\%\] {
        top: 63.3%;
    }
    .-ssm\:top-\[64\.1\%\] {
        top: 64.1%;
    }
    .-ssm\:top-\[64\.55\%\] {
        top: 64.55%;
    }
    .-ssm\:top-\[71\.8\%\] {
        top: 71.8%;
    }
    .-ssm\:top-\[71\.9\%\] {
        top: 71.9%;
    }
    .-ssm\:top-\[72\.15\%\] {
        top: 72.15%;
    }
    .-ssm\:top-\[72\.3\%\] {
        top: 72.3%;
    }
    .-ssm\:top-\[9px\] {
        top: 9px;
    }
    .-ssm\:mb-\[30px\] {
        margin-bottom: 30px;
    }
    .-ssm\:mt-1 {
        margin-top: 0.25rem;
    }
    .-ssm\:mt-2 {
        margin-top: 0.5rem;
    }
    .-ssm\:mt-\[15px\] {
        margin-top: 15px;
    }
    .-ssm\:block {
        display: block;
    }
    .-ssm\:h-2 {
        height: 0.5rem;
    }
    .-ssm\:h-\[55px\] {
        height: 55px;
    }
    .-ssm\:w-\[55px\] {
        width: 55px;
    }
    .-ssm\:w-\[90px\] {
        width: 90px;
    }
    .-ssm\:w-full {
        width: 100%;
    }
    .-ssm\:\!max-w-\[40\%\] {
        max-width: 40% !important;
    }
    .-ssm\:max-w-\[120px\] {
        max-width: 120px;
    }
    .-ssm\:max-w-\[150px\] {
        max-width: 150px;
    }
    .-ssm\:flex-col {
        flex-direction: column;
    }
    .-ssm\:justify-end {
        justify-content: flex-end;
    }
    .-ssm\:justify-between {
        justify-content: space-between;
    }
    .-ssm\:rounded-b-\[2px\] {
        border-bottom-right-radius: 2px;
        border-bottom-left-radius: 2px;
    }
    .-ssm\:border-\[5px\] {
        border-width: 5px;
    }
    .-ssm\:p-2 {
        padding: 0.5rem;
    }
    .-ssm\:py-1 {
        padding-top: 0.25rem;
        padding-bottom: 0.25rem;
    }
    .-ssm\:py-1\.5 {
        padding-top: 0.375rem;
        padding-bottom: 0.375rem;
    }
    .-ssm\:py-2 {
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
    }
    .-ssm\:py-4 {
        padding-top: 1rem;
        padding-bottom: 1rem;
    }
    .-ssm\:text-2xl {
        font-size: 1.5rem;
        line-height: 2rem;
    }
    .-ssm\:text-\[10px\] {
        font-size: 10px;
    }
    .-ssm\:text-\[17px\] {
        font-size: 17px;
    }
    .-ssm\:text-\[18px\] {
        font-size: 18px;
    }
    .-ssm\:text-\[30px\] {
        font-size: 30px;
    }
    .-ssm\:text-xs {
        font-size: 0.75rem;
        line-height: 1rem;
    }
    .-ssm\:leading-\[4px\] {
        line-height: 4px;
    }
}
@media (min-width: 581px) {
    .msm\:mr-3 {
        margin-right: 0.75rem;
    }
    .msm\:w-full {
        width: 100%;
    }
    .msm\:gap-y-2 {
        row-gap: 0.5rem;
    }
    .msm\:px-10 {
        padding-left: 2.5rem;
        padding-right: 2.5rem;
    }
    .msm\:px-16 {
        padding-left: 4rem;
        padding-right: 4rem;
    }
    .msm\:px-6 {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
    .msm\:pb-2 {
        padding-bottom: 0.5rem;
    }
    .msm\:pb-3 {
        padding-bottom: 0.75rem;
    }
    .msm\:pb-4 {
        padding-bottom: 1rem;
    }
    .msm\:pb-5 {
        padding-bottom: 1.25rem;
    }
    .msm\:pb-8 {
        padding-bottom: 2rem;
    }
    .msm\:pb-9 {
        padding-bottom: 2.25rem;
    }
    .msm\:pt-10 {
        padding-top: 2.5rem;
    }
    .msm\:pt-14 {
        padding-top: 3.5rem;
    }
    .msm\:pt-6 {
        padding-top: 1.5rem;
    }
    .msm\:\!text-3xl {
        font-size: 1.875rem !important;
        line-height: 2.25rem !important;
    }
    .msm\:\!text-\[26px\] {
        font-size: 26px !important;
    }
    .msm\:text-2xl {
        font-size: 1.5rem;
        line-height: 2rem;
    }
    .msm\:text-3xl {
        font-size: 1.875rem;
        line-height: 2.25rem;
    }
    .msm\:text-\[26px\] {
        font-size: 26px;
    }
    .msm\:text-\[28px\] {
        font-size: 28px;
    }
    .msm\:text-base {
        font-size: 1rem;
        line-height: 1.5rem;
    }
    .msm\:text-lg {
        font-size: 1.125rem;
        line-height: 1.75rem;
    }
    .msm\:text-xl {
        font-size: 1.25rem;
        line-height: 1.75rem;
    }
}
@media (max-width: 1024px) and (orientation: landscape) {
    .-lg-landscape\:h-28 {
        height: 7rem;
    }
    .-lg-landscape\:grid-cols-6 {
        grid-template-columns: repeat(6, minmax(0, 1fr));
    }
}
@media (orientation: landscape) {
    .landscape\:bottom-\[40px\] {
        bottom: 40px;
    }
    .landscape\:bottom-\[55px\] {
        bottom: 55px;
    }
}
.\[\&\:\:-webkit-inner-spin-button\]\:appearance-none::-webkit-inner-spin-button,
.\[\&\:\:-webkit-outer-spin-button\]\:appearance-none::-webkit-outer-spin-button {
    -webkit-appearance: none;
    appearance: none;
}
.section-wrap {
    padding: 4px 32px;
}
.section-inner {
    max-width: 1600px;
    margin: 0 auto;
}
.form-row {
    height: 40px;
    margin-bottom: 10px;
}
.main-section01 {
    background-color: var(--background-default);
}
.content-root {
    margin: auto;
}

.content-body.fold {
    margin-left: 60px;
}
body.signin-body {
    height: 100vh;
    width: 100vw;
    padding: 0;
}
body.signin-body #__next {
    height: 100%;
}
.sign-wrap {
    display: flex !important;
    justify-content: center;
    align-items: center;
    width: 100%;
    min-height: 100%;
}
.sign-wrap .sign-box {
    padding: 32px 0;
}
.white-space {
    max-width: calc(1920px - 240px);
    padding: 30px 60px;
    margin: 0 auto;
}
.desktop-container {
    padding-top: 60px;
    min-width: 1040px;
}
.sub-wrap {
    padding: 32px 64px;
}
.sub-container {
    max-width: 1080px;
    width: 100%;
    margin: 0 auto;
}
@media screen and (max-width: 1599px) {
    .section-wrap {
        padding: 4px 32px;
    }
    .sub-wrap {
        padding: 32px;
    }
}
@media screen and (max-width: 1400px) {
    .content-root {
        width: 100%;
    }
}
@media screen and (max-height: 990px) {
    .sign-wrap,
    .signup-wrap {
        margin-top: 0;
    }
}
@media screen and (max-width: 1366px) {
    .sign-wrap,
    .signup-wrap {
        margin-top: 0;
    }
    .white-space {
        padding: 30px 10px;
    }
    .white-space2 {
        padding: 16px;
    }
    .white-space3 {
        padding: 0 16px;
    }
    .sign-wrap .sign-box,
    .signup-wrap .sign-box {
        width: 350px !important;
    }
}
@media screen and (max-width: 1023px) {
    .sub-wrap {
        padding: 16px;
    }
}
@media only screen and (max-width: 500px) {
    .white-space {
        padding: 16px;
    }
    .white-space + .white-space {
        padding: 0 16px 16px;
    }
    #__next .ui.segment.tab-content.inline {
        position: relative;
        top: auto;
        bottom: auto;
    }
}
body.player-body {
    overflow: hidden;
    touch-action: pinch-zoom;
}
body.player-body #__next {
    height: 100%;
}
.play-start-button {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, 0.6);
    background-image: url(http://wiwitv.com/button/btn_play.png);
    background-position: 50%;
    background-repeat: no-repeat;
    cursor: pointer;
}
.play-start-button span {
    width: 0;
    height: 0;
    overflow: hidden;
    font-size: 0;
}
.mobile-player-container .play-start-button {
    background-size: 32px;
}
.desktop-player-container {
    height: 100%;
}
.desktop-player-container .live-root-container {
    display: flex;
    position: relative;
    width: 100%;
    height: 100%;
    margin: 0 auto;
}
.desktop-player-container .live-main-container .video-area {
    position: relative;
    background-color: #000;
    overflow: hidden;
}
.desktop-player-container .live-main-container {
    overflow-x: hidden;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    -ms-overflow-style: none;
    scrollbar-width: none;
}
.desktop-player-container .live-main-container::-webkit-scrollbar {
    display: none;
}
@media screen and (width: 1980px) {
    .desktop-player-container .live-chat-show.vod-list-show .live-main-container {
        right: calc(100vw - 1280px);
    }
}
.desktop-player-container .live-sub-container {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
}
.desktop-player-container .live-sub-container .live-sub-chat {
    width: 340px;
}
@media screen and (width: 1980px) {
    .desktop-player-container .live-sub-container .live-sub-chat {
        width: calc(100vw - (1280px + 300px));
    }
}
.desktop-player-container .live-sub-container .live-sub-chat .chat-wrap {
    height: calc(100% - 40px);
}
.desktop-player-container .live-sub-container .live-sub-chat .chat-wrap .chat-list {
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
}
.desktop-player-container .live-sub-container .live-sub-list {
    border-right: 1px solid #e1e1e1;
}
#__next .desktop-player-container .live-sub-container .live-sub-list .type03 .react-tabs__tab {
    margin: 0;
    bottom: 0;
    border-top: 0;
}
.desktop-player-container .plyr__video-wrapper {
    position: relative;
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-bottom: 56.25%;
}
.desktop-player-container .plyr__video-wrapper video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    max-height: 100vh;
}
.mobile-player-container {
    width: 100%;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
.mobile-player-container .live-main-container {
    overflow: hidden;
}
.mobile-player-container .live-mobile-video,
.mobile-player-container .live-video-wrap,
.mobile-player-container .live-video-wrap .plyr,
.mobile-player-container .live-video-wrap > div {
    height: 100%;
}
.mobile-player-container.chat-hide .landscape-content,
.mobile-player-container.chat-hide .live-sub-container {
    display: none !important;
}
.mobile-player-container .live-root-container {
    position: relative;
    width: 100%;
    height: 100%;
}
.mobile-player-container .plyr__video-wrapper {
    position: relative;
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-bottom: 56.25%;
}
.mobile-player-container .plyr__video-wrapper video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    max-height: 100vh;
}
.chat-wrap .chat-list .chat-item.admin .chat,
.chat-wrap .chat-list .chat-item.police .chat,
.mobile-player-container .chat-item .txt-wrap .chat {
    margin: 0 0 0 16px;
}
.mobile-player-container .btn-chat-send {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 30px;
    padding: 0;
    background-color: #ff5f8c;
    color: #fff;
    border-radius: 8px;
    font-size: 12px;
}
.mobile-player-container .chat-input-form {
    display: flex;
    align-items: center;
    margin: 0;
}
.mobile-player-container .chat-input-form .chat-input-container {
    display: flex;
    border-radius: 8px;
    padding: 4px;
    border: 1px solid #d4d4d4;
    flex: 1;
}
.mobile-player-container .chat-input-form .chat-input-container input {
    width: 100%;
    border: none;
}
.mobile-player-container .chat-input-form .btn-chat-send {
    margin-left: 4px;
}
.mobile-player-container .stream-type-m .live-main-container,
.mobile-player-container .stream-type-m .live-video-wrap,
.mobile-player-container .stream-type-m .plyr--video {
    height: 100%;
}
.mobile-player-container .stream-type-m .plyr__video-wrapper {
    height: 100%;
    padding: 0 0 100%;
    margin: 0 auto;
}
.mobile-player-container .stream-type-m .live-sub-section .chat-wrap {
    background: rgba(0, 0, 0, 0.45);
    height: calc(100% - 40px);
}
.mobile-player-container .stream-type-m .live-sub-section .broadcast-wrap {
    background: rgba(0, 0, 0, 0.6);
}
.mobile-player-container .stream-type-m .live-sub-btns.mobile {
    background: rgba(0, 0, 0, 0.6);
    border: 0 !important;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.mobile-player-container .stream-type-m .live-sub-btns.mobile > form > input {
    background: transparent;
    border: 0;
    color: #fff;
    background-color: hsla(0, 0%, 100%, 0.15);
    height: 30px;
    outline: none;
}
.mobile-player-container .stream-type-m .live-sub-btns.mobile > form > input:focus {
    outline: none;
}
#__next .mobile-player-container .stream-type-m .mobile-tab .react-tabs__tab-list {
    border: 0;
    background-color: #000;
    height: auto;
}
#__next .mobile-player-container .stream-type-m .mobile-tab .react-tabs__tab {
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 0;
}
#__next .mobile-player-container .stream-type-m .mobile-tab .react-tabs__tab--selected {
    color: #fff;
}
.mobile-player-container .stream-type-m .mobile-tab .react-tabs__tab-panel {
    height: calc(100% - 40px);
}
.mobile-player-container .stream-type-m .live-sub-btns.mobile .icon {
    flex: unset;
    width: 30px;
    height: 30px;
    background-size: 30px;
    padding: 0;
    margin-right: 4px;
}
.mobile-player-container .stream-type-m .live-sub-btns.mobile .icon.gift {
    background-image: url(http://wiwitv.com/svg/gift_box_white.svg);
    background-color: hsla(0, 0%, 100%, 0.15);
    background-size: 60%;
    background-repeat: no-repeat;
    background-position: 50%;
}
.mobile-player-container .stream-type-m .live-sub-btns.mobile .icon.up {
    background-image: url(http://wiwitv.com/mobile/button/btn-up-02-w.png);
}
#__next .mobile-player-container .player-header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: #343434;
    height: 40px;
    border: 0;
    border-radius: 0;
    z-index: 300;
}
#__next .mobile-player-container .player-header .app-logo {
    margin: 0 auto;
    float: none;
}
#__next .mobile-player-container .player-header .item {
    margin: 0 auto !important;
}
.mobile-player-container .live-sub-container {
    height: calc(100% - (100vw * 0.5625));
}
.mobile-users-container {
    overflow-y: auto;
    background-color: #fff;
}
.mobile-player-container .live-chat-user,
.mobile-users-container {
    position: fixed;
    top: unset;
    bottom: 0;
    left: unset;
    right: 0;
    width: 200px;
    height: 100%;
    max-height: calc(100% - (100vw * 0.5625));
    z-index: 999;
}
.mobile-player-container .live-chat-user {
    background: rgba(0, 0, 0, 0.6);
    border: 0;
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
    box-shadow: -1px 0 7px rgba(0, 0, 0, 0.3);
}
.mobile-player-container .live-chat-user .chat-user-list {
    width: 100%;
    height: 100%;
    max-height: 100%;
    border: #e1e1e1;
    background: hsla(0, 0%, 100%, 0.8);
}
.mobile-player-container .live-chat-user .chat-user-list .user-list-title {
    background-color: #fff;
}
.live-chat-user {
    display: none;
    position: absolute;
    top: 30px;
    left: 0;
    width: 100%;
    border: 1px solid #ddd;
    border-left: 0;
    border-right: 0;
    overflow: hidden;
    background: #fff;
    z-index: 10;
}
.live-chat-user.active {
    display: block;
}
.live-chat-user .chat-user-list {
    overflow-x: hidden;
    overflow-y: auto;
    max-height: 350px;
}
.live-chat-user .chat-user-list .user-list-title {
    font-size: 12px;
    color: #000;
    padding: 4px 8px;
    background: #f1f1f1;
}
.live-chat-user .chat-user-list .user-list-item {
    display: flex;
    align-items: center;
    padding: 4px 8px;
    margin: 0;
}
.live-chat-user .chat-user-list .user-list-item dd,
.live-chat-user .chat-user-list .user-list-item dt {
    white-space: nowrap;
    font-size: 12px;
    margin: 0;
    padding: 0;
    text-overflow: ellipsis;
    overflow: hidden;
}
.live-chat-user .chat-user-list .user-list-item dt {
    display: flex;
    align-items: center;
}
.live-chat-user .chat-user-list .user-list-item dd {
    flex: 1;
    margin-left: 4px;
}
.live-chat-user .btn-list {
    position: absolute;
    top: 0;
    right: 5px;
    z-index: 2;
    display: block;
    width: 27px;
    height: 27px;
    margin: 0;
    padding: 3px;
}
.live-chat-user .btn-list.close {
    right: 5px;
}
.live-chat-user .btn-list.open {
    right: 35px;
    width: 24px;
}
.user-icon {
    display: block;
    width: 15px;
    height: 15px;
    background-size: 15px 15px;
    background-repeat: no-repeat;
    background-position: 0 0;
    margin-right: 5px;
}
.user-icon.top-rank-1-m {
    background-image: url(http://wiwitv.com/icon/ico-user-grade-top1.png);
}
.user-icon.top-rank-2-m {
    background-image: url(http://wiwitv.com/icon/ico-user-grade-top2.png);
}
.user-icon.top-rank-3-m {
    background-image: url(http://wiwitv.com/icon/ico-user-grade-top3.png);
}
.user-icon.fever-m,
.user-icon.top-five-m {
    background-image: url(http://wiwitv.com/icon/ico-user-grade-fever.png);
}
.user-icon.diamond-m,
.user-icon.diamond-w {
    background-image: url(http://wiwitv.com/icon/ico-user-grade-diamond.png);
}
.user-icon.ruby-m,
.user-icon.ruby-w {
    background-image: url(http://wiwitv.com/icon/ico-user-grade-ruby.png);
}
.user-icon.gold-m,
.user-icon.gold-w {
    background-image: url(http://wiwitv.com/icon/ico-user-grade-gold.png);
}
.user-icon.silver-m,
.user-icon.silver-w {
    background-image: url(http://wiwitv.com/icon/ico-user-grade-silver.png);
}
.user-icon.bronze-m,
.user-icon.bronze-w {
    background-image: url(http://wiwitv.com/icon/ico-user-grade-bronze.png);
}
.user-icon.normal-m,
.user-icon.normal-w {
    background-image: url(http://wiwitv.com/icon/ico-user-grade-normal.png);
}
.user-icon.admin {
    background-image: url(http://wiwitv.com/icon/chat-list-admin.png);
}
.user-icon.manager-m,
.user-icon.manager-w {
    background-image: url(http://wiwitv.com/icon/ico-user-grade-manager.png);
}
.user-icon.police {
    background-image: url(http://wiwitv.com/icon/chat-list-police.png);
}
.user-icon.bj,
.user-icon.bj-m,
.user-icon.bj-w {
    background-image: url(http://wiwitv.com/icon/chat-list-bj.png);
}
.chat-end-point {
    display: block;
    width: 100%;
    height: 0;
    overflow: hidden;
    clear: both;
}
.chat {
    margin: 2px 0 0;
    line-height: 24px;
    color: #000;
    white-space: pre-wrap;
}
.chat,
.chat-noti {
    font-size: 14px;
    word-break: break-all;
}
.chat-noti {
    margin-bottom: 8px;
    text-align: center;
    font-weight: 400;
    color: #666;
    line-height: 18px;
}
.chat-noti span {
    font-weight: 500;
}
.chat-noti.chat-recommend,
.mobile-player-container .chat-noti.chat-recommend {
    color: #ff9100;
}
.chat-noti.chat-mng span {
    color: #5db257;
}
.chat-noti.chat-subs span {
    color: #55c6f6;
}
.chat-noti.chat-enter span {
    color: #ff024a;
}
.chat-noti.chat-dump span,
.chat-noti.chat-kick span {
    color: #f22900;
}
.chat-noti.chat-freeze {
    padding: 8px 4px;
    margin: 0;
}
.chat-noti.chat-freeze span {
    display: block;
    color: #328df2;
    font-weight: 500;
}
.chat-noti.chat-event {
    padding: 10px;
    font-size: 14px;
    font-weight: 400;
    border-radius: 8px;
    text-align: center;
    color: #000;
}
.chat-noti.chat-event-like {
    border: 1px solid #ff8100;
    background-color: #fff1e2;
}
.popup-chat.dark-theme .chat-noti.chat-event-like,
.stream-type-m .chat-noti.chat-event-like {
    background-color: rgba(255, 129, 0, 0.2);
}
.chat-noti.chat-event-unlike {
    border: 1px solid #6f00d5;
    background-color: #fbf0ff;
}
.popup-chat.dark-theme .chat-noti.chat-event-unlike,
.stream-type-m .chat-noti.chat-event-unlike {
    background-color: rgba(111, 0, 213, 0.2);
}
.chat-noti.chat-event-like span {
    color: #ff8100;
    font-weight: 400;
}
.chat-noti.chat-event-unlike span {
    color: #6f00d5;
    font-weight: 400;
}
.chat-noti.chat-event-unlike p {
    margin-top: 5px;
    font-size: 12px;
}
.chat-noti.chat-event-result {
    border: 1px solid #ff77cf;
    background-color: #ffecf8;
}
.chat-noti.chat-event-blossom {
    border: 1px solid #ff77cf;
    background-color: #f3e1e4;
}
.popup-chat.dark-theme .chat-noti.chat-event-result,
.stream-type-m .chat-noti.chat-event-result {
    background-color: rgba(255, 119, 207, 0.2);
}
.chat-noti.chat-event-result span {
    color: #ff77cf;
}
.chat-rank-init {
    position: relative;
    margin-bottom: 8px;
    min-height: 40px;
    padding: 10px;
    font-size: 14px;
    font-weight: 800;
    border-radius: 100px;
    border: 1px solid #bdbdbd;
    background-color: hsla(0, 0%, 84%, 0.3);
    text-align: center;
}
.chat-recomup {
    border-radius: 6px;
    border: 1px solid #ff8100;
    background-color: rgba(255, 129, 0, 0.1);
}
.chat-recomdown,
.chat-recomup {
    margin-bottom: 8px;
    min-height: 40px;
    padding: 10px;
    font-size: 14px;
    font-weight: 800;
    text-align: center;
}
.chat-recomdown {
    border-radius: 6px;
    border: 1px solid #6f00d5;
    background-color: rgba(111, 0, 213, 0.1);
}
.chat-entry {
    margin-bottom: 8px;
    min-height: 40px;
    padding: 10px;
    font-size: 14px;
    font-weight: 400;
    border-radius: 100px;
    border: 1px solid #afdbff;
    background-color: #ecf5ff;
    text-align: center;
}
.popup-chat.dark-theme .chat-wrap .chat-entry,
.stream-type-m .chat-entry {
    background-color: rgba(236, 245, 255, 0.5);
}
.chat-entry > span {
    font-weight: 500;
}
.chat-item .bg {
    padding-left: 29px;
    position: relative;
}
.mobile-player-container .chat-item .bg {
    padding-left: 24px;
}
.chat-item .emoji-wrap {
    position: absolute;
    top: 0;
    left: 0;
    padding-top: 0;
}
.chat-item .chat {
    padding: 0;
}
.mobile-player-container .stream-type-m .chat-noti,
.popup-chat.dark-theme .chat-wrap .chat-item .chat,
.popup-chat.dark-theme .chat-wrap .chat-noti {
    color: #fff;
}
.mobile-player-container .stream-type-m .chat-noti.chat-recommend {
    color: #ff9100;
}
.mobile-player-container .stream-type-m .chat-noti.chat-freeze,
.popup-chat.dark-theme .chat-wrap .chat-noti.chat-freeze {
    color: #666;
}
.chat-item .chat-user-name {
    line-height: 16px;
    font-size: 14px;
    color: #000;
}
.popup-chat.dark-theme .chat-wrap .chat-item .chat-user-name {
    color: #aaa;
}
.chat-item .chat-user-name.top-five-nick,
.chat-item .chat-user-name.top-rank-1-nick,
.chat-item .chat-user-name.top-rank-2-nick,
.chat-item .chat-user-name.top-rank-3-nick,
.chat-item .chat-user-name.top-rank-4-nick,
.chat-item .chat-user-name.top-rank-5-nick {
    color: #ff024a !important;
}
.chat-item .chat-user-name.manager-nick {
    color: #5db257 !important;
}
.mobile-player-container .chat-item .chat-user-name {
    width: 100px;
    white-space: nowrap;
}
.mobile-player-container .stream-type-m .chat-item .chat-user-name {
    color: #ddd;
    font-size: 14px;
}
.mobile-player-container .stream-type-m .chat-item .chat {
    color: #fff;
    display: inline;
    font-size: 14px;
}
.mobile-player-container .stream-type-m .chat-item .chat-user-level {
    vertical-align: middle;
}
.live-root-wrap {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
.asp-wrapper {
    position: relative;
    width: 100%;
    background-color: #000;
}
.asp-wrapper .plyr__video-wrapper {
    padding-bottom: 177.6%;
}
.live-main-header {
    width: 100%;
    height: 30px;
    background-color: #f1f1f1;
    border-bottom: 1px solid #f1f1f1;
}
.live-sub-container {
    position: relative;
    display: flex;
    height: 100%;
    background: #fff;
}
.live-sub-header {
    justify-content: space-between;
    height: 30px;
    padding: 0 8px;
    font-weight: 400;
    font-size: 16px;
    color: #000;
    background-color: #f1f1f1;
    border-bottom: 1px solid #ddd;
}
.live-sub-header,
.live-sub-header .btn-group {
    display: flex;
    align-items: center;
}
.live-sub-header .btn-group button {
    display: block;
    width: 20px;
    height: 20px;
    padding: 0;
    border: 0;
    outline: none;
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    overflow: hidden;
    white-space: nowrap;
    text-indent: -1000em;
    background-position: 50%;
    background-repeat: no-repeat;
    cursor: pointer;
    margin: 0 0 0 4px;
}
.live-sub-header .btn-group .live-btn-close {
    background-image: url(http://wiwitv.com/svg/close_bt_ico.svg);
    background-size: 8px;
}
.live-sub-header .btn-group .live-btn-user {
    background-image: url(http://wiwitv.com/icon/ico_user_list.png);
    background-size: 15px auto;
}
.live-sub-header .btn-group .live-btn-fan {
    background-image: url(http://wiwitv.com/button/btn_fan_list.png);
    background-size: 16px auto;
}
.live-sub-header .btn-group .txt-players {
    font-size: 12px;
    line-height: 17px;
    color: #707070;
}
.live-sub-header .btn-group .live-btn-chatpop {
    background-image: url(http://wiwitv.com/icon/ico_chat_pop.png);
    background-size: 15px auto;
}
.live-sub-header .btn-group .live-btn-game {
    background-image: url(http://wiwitv.com/icon/ico-game.png);
    background-size: 15px auto;
}
.live-sub-header .btn-group .live-btn-notice {
    background-image: url(http://wiwitv.com/icon/ico_bj_notice.svg);
    background-size: contain;
}
.live-sub-section {
    position: relative;
    width: 300px;
    height: 100%;
    border-right: 1px solid #e1e1e1;
}
.live-sub-section .type03 {
    height: calc(100% - 30px);
}
.live-sub-section .react-tabs__tab-panel--selected {
    height: calc(100% - 41px);
}
.live-channel-menu {
    padding: 24px 32px;
    display: flex;
    justify-content: space-between;
    font-size: 11px;
    font-weight: 400;
    line-height: 1.09;
    letter-spacing: normal;
    text-align: left;
    color: #666;
}
.channel-menu-info {
    min-height: 65px;
    padding-left: 73px;
    position: relative;
}
.channel-menu-thumnb {
    position: absolute;
    top: 0;
    left: 0;
}
.channel-menu-thumnb .ui.image {
    width: 65px;
    height: 65px;
}
.channel-menu-title {
    display: flex;
    align-items: center;
    font-size: 16px;
    font-weight: 500;
    text-align: left;
    color: #212121;
}
.menu-title-label {
    display: inline-block;
    height: 20px;
    padding: 0 8px;
    margin-right: 4px;
    border-radius: 4px;
    background-color: #ff4076;
    font-size: 12px;
    color: #fff;
    line-height: 20px;
}
.channel-bj-name {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: normal;
    color: #000;
}
.live-channel-menu .icon.small {
    width: 12px;
    height: 12px;
    vertical-align: -2px;
}
.live-channel-menu .channel-menu-btns .grid-container {
    justify-content: flex-end;
}
.channel-btn-modal .icon {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
}
.channel-btn-modal .live-spot {
    position: absolute;
    z-index: 1;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: red;
    right: 20px;
    top: 5px;
}
.channel-btn-modal .icon.recom {
    background-image: url(http://wiwitv.com/icon/btn-recom-big.png);
}
.channel-btn-modal .icon.star {
    background-image: url(http://wiwitv.com/icon/btn-bookmark-big.png);
}
.channel-btn-modal .icon.star.on {
    background-image: url(http://wiwitv.com/icon/btn_bookmark_big_on.png);
}
.channel-btn-modal .icon.gift {
    background-image: url(http://wiwitv.com/icon/btn-present-big.png);
}
.channel-btn-modal .icon.charg {
    background-image: url(http://wiwitv.com/icon/ico-charg-big.png);
}
.channel-btn-modal .icon.stop {
    background-image: url(http://wiwitv.com/icon/ico-warning.png);
    background-size: 20px !important;
    background-color: #ff4076;
}
.channel-btn-modal .icon.freezen {
    background-image: url(http://wiwitv.com/icon/ico-chat-freeze.png);
    background-size: 20px !important;
    background-color: #ff4076;
}
.channel-btn-modal .icon.sponReset {
    background-image: url(http://wiwitv.com/icon/ico-chat-reset.png);
    background-size: 20px !important;
    background-color: #ff4076;
}
.channel-btn-modal .icon.sponPass {
    background-image: url(http://wiwitv.com/icon/ico-chat-pass.png);
    background-size: 18px !important;
    background-color: #ff4076;
}
.channel-btn-modal .icon.sponPassAll {
    background-image: url(http://wiwitv.com/icon/ico-chat-pass-all.png);
    background-size: 18px !important;
    background-color: #ff4076;
}
.channel-btn-modal .icon.game {
    background-image: url(http://wiwitv.com/icon/ico-game.png);
    background-size: 22px !important;
    background-color: #ff4076;
}
.channel-btn-modal .icon.vote.owner {
    background-image: url(http://wiwitv.com/icon/ico_vote_white.svg);
    background-size: 18px !important;
    background-color: #ff4076;
}
.channel-btn-modal .icon.vote.guest {
    background-image: url(http://wiwitv.com/icon/ico_vote_black.svg);
    background-size: 18px !important;
    background-color: #f7f7f7;
}
.channel-menu-btns .channel-btn-modal {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
    padding: 0;
    white-space: nowrap;
    margin-bottom: 16px;
}
.channel-menu-btns .channel-btn-modal .icon {
    position: relative;
    width: 34px;
    height: 34px;
    background-repeat: no-repeat;
    background-size: cover;
    top: unset;
    left: unset;
    transform: unset;
    margin-bottom: 16px;
}
.chat-wrap {
    height: 100%;
    overflow: hidden;
    position: relative;
}
.chat-wrap .live_chat-input-container__AQbly {
    padding: 15px 10px;
    z-index: 2;
}
.chat-wrap .live_chat-input-container__AQbly > .field,
.chat-wrap .live_chat-input-container__AQbly > .field > .ui.fluid.inverted.icon.input,
.chat-wrap .live_chat-input-container__AQbly > .field > .ui.fluid.inverted.icon.input > input {
    height: 100%;
}
.chat-wrap .live_chat-input-container__AQbly > .field > .ui.fluid.inverted.icon.input > input + i.link.icon {
    border-left: 1px solid #ddd;
}
.chat-content {
    width: 100%;
    height: 100%;
    overflow: auto;
}
.chat-wrap .chat-list {
    height: 100%;
    overflow: auto;
    box-sizing: border-box;
}
.chat-wrap .chat-list #chat-feed {
    padding: 8px 8px 0;
}
.mobile-player-container .chat-wrap .chat-list #chat-feed {
    padding: 0;
}
.chat-wrap .chat-list .chat-item {
    display: block;
    padding-bottom: 8px;
}
.chat-wrap .chat-list .chat-item > .chat {
    margin-bottom: 5px;
    padding: 7px 5px;
}
.chat-wrap .chat-list .chat-item .emoji-wrap {
    position: absolute;
}
.chat-wrap .chat-list .chat-item.vip {
    background-image: linear-gradient(90deg, rgba(181, 223, 255, 0.38), hsla(0, 100%, 89%, 0.38));
    border-radius: 10px;
}
.chat-wrap .chat-list .chat-item.admin {
    background-color: #fffbde;
    border: 1px solid #fb0;
    border-radius: 10px;
    padding: 8px 4px;
    margin-bottom: 8px;
}
.chat-wrap .chat-list .chat-item.genie {
    background-color: #dfe6ff;
    border: 1px solid #0635c9;
    border-radius: 10px;
    padding: 8px 4px;
    margin-bottom: 8px;
}
.chat-wrap .chat-list .chat-item.admin .chat-user-name {
    color: #888;
}
.chat-wrap .chat-list .chat-item.admin .chat {
    color: #000;
    margin: 4px 0 0;
}
@keyframes gradientBorder {
    0% {
        background-position: 0 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    to {
        background-position: 0 50%;
    }
}
.chat-wrap .chat-list .chat-item.topDona {
    position: relative;
    z-index: 1;
    border-radius: 8px;
    border-width: 5px;
    padding: 3px 3px 11px;
}
.chat-wrap .chat-list .chat-item.topDona:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 8px;
    background: linear-gradient(50deg, rgba(18, 0, 121, 0.6), rgba(239, 106, 42, 0.6), rgba(27, 209, 112, 0.6), rgba(34, 210, 230, 0.6), rgba(42, 59, 239, 0.6), rgba(239, 42, 210, 0.6), rgba(239, 42, 210, 0.6));
    border-radius: 8px;
    z-index: -1;
    animation: gradientBorder 7s ease infinite alternate;
    background-size: 300% 300%;
    opacity: 0.5;
}
.chat-wrap .chat-list .chat-item.topDona .bg {
    background-color: hsla(0, 0%, 100%, 0.8);
    border-radius: 6px;
    padding: 5px 5px 5px 35px;
}
.chat-wrap .chat-list .chat-item.topDona .emoji-wrap {
    top: 5px;
    left: 5px;
}
.mobile-player-container .chat-wrap .chat-list .chat-item.topDona .bg {
    padding-left: 30px;
}
.mobile-player-container .stream-type-m .chat-item.topDona .bg,
.popup-chat.dark-theme .chat-item.topDona .bg {
    display: block;
    background-color: rgba(0, 0, 0, 0.5);
}
.mobile-player-container .stream-type-m .chat-item.topDona:after {
    opacity: 0.5;
}
.chat-wrap .chat-list .chat-item.police {
    background-color: #ffe6e8;
    border: 1px solid #e10000;
    border-radius: 10px;
    padding: 8px 4px;
    margin-bottom: 8px;
}
.chat-wrap .chat-list .chat-item.first {
    background-color: #ffeef3;
    border: 1px solid #ffd4e4;
    border-radius: 10px;
    padding: 8px 4px;
    margin-bottom: 8px;
    position: relative;
    color: #ff3e85;
}
.chat-wrap .chat-list .chat-item.first:after {
    content: "";
    width: 24px;
    height: 20px;
    position: absolute;
    top: -10px;
    z-index: 10;
    left: 10px;
    background-image: url(http://wiwitv.com/svg/fly_left.svg);
}
.chat-wrap .chat-list .chat-item.first:before {
    content: "";
    width: 24px;
    height: 20px;
    position: absolute;
    top: -10px;
    right: 10px;
    background-image: url(http://wiwitv.com/svg/fly_right.svg);
}
.chat-wrap .chat-list .chat-item.first .chat {
    color: #ff3e85;
    margin: 4px 0 0;
}
.chat-wrap .chat-list .chat-item.police .chat-user-name {
    color: #e10000;
}
.chat-wrap .chat-list .chat-item.police .chat {
    color: #e10000;
    margin: 4px 0 0;
}
.chat-wrap .chat-list .chat-item.frozen-msg {
    margin: 0;
    padding: 4px;
    background: #eff7ff;
}
.chat-item .chat-user-gender {
    display: inline-block;
    width: 13px;
    height: 16px;
    margin-right: 3px;
    vertical-align: -3px;
}
.chat-item .chat-user-gender.male {
    background: url(http://wiwitv.com/icon/icon-male.png) no-repeat;
    background-size: cover;
}
.chat-item .chat-user-gender.female {
    background: url(http://wiwitv.com/icon/icon-female.png) no-repeat;
    background-size: cover;
}
.chat-item .chat-user-level {
    display: block;
    width: 24px;
    height: 24px;
    background-size: 24px;
    background-repeat: no-repeat;
    background-position: 0 0;
}
.mobile-player-container .chat-item .chat-user-level {
    display: block;
    width: 20px;
    height: 20px;
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: 0 0;
}
.chat-item .chat-user-level.top-rank-1-m {
    background-image: url(http://wiwitv.com/icon/ico-user-fever-top1.png);
}
.chat-item .chat-user-level.top-rank-2-m {
    background-image: url(http://wiwitv.com/icon/ico-user-fever-top2.png);
}
.chat-item .chat-user-level.top-rank-3-m {
    background-image: url(http://wiwitv.com/icon/ico-user-fever-top3.png);
}
.chat-item .chat-user-level.fever-m,
.chat-item .chat-user-level.top-five-m,
.chat-item .chat-user-level.top-rank-4-m,
.chat-item .chat-user-level.top-rank-5-m {
    background-image: url(http://wiwitv.com/icon/ico-user-fever.png);
}
.chat-item .chat-user-level.diamond-m,
.chat-item .chat-user-level.diamond-w {
    background-image: url(http://wiwitv.com/icon/ico-user-diamond.png);
}
.chat-item .chat-user-level.ruby-m,
.chat-item .chat-user-level.ruby-w {
    background-image: url(http://wiwitv.com/icon/ico-user-ruby.png);
}
.chat-item .chat-user-level.gold-m,
.chat-item .chat-user-level.gold-w {
    background-image: url(http://wiwitv.com/icon/ico-user-gold.png);
}
.chat-item .chat-user-level.silver-m,
.chat-item .chat-user-level.silver-w {
    background-image: url(http://wiwitv.com/icon/ico-user-silver.png);
}
.chat-item .chat-user-level.bronze-m,
.chat-item .chat-user-level.bronze-w {
    background-image: url(http://wiwitv.com/icon/ico-user-bronze.png);
}
.chat-item .chat-user-level.normal-m,
.chat-item .chat-user-level.normal-w {
    background-image: url(http://wiwitv.com/icon/ico-user-normal.png);
}
.chat-item .chat-user-level.admin-m {
    background-image: url(http://wiwitv.com/icon/ico-admin.png);
}
.chat-item .chat-user-level.manager-m,
.chat-item .chat-user-level.manager-w {
    background-image: url(http://wiwitv.com/icon/ico-user-manager.png);
}
.chat-item .chat-user-level.police-m {
    background-image: url(http://wiwitv.com/icon/ico-police.png);
}
.chat-item .chat-user-level.genie-m {
    background-image: url(http://wiwitv.com/icon/ico-genie.png);
}
.chat-item .chat-user-level.bj-m {
    background-image: url(http://wiwitv.com/icon/chat-list-bj.png);
}
.police-wrap {
    padding: 4px 6px 4px 27px;
    border-radius: 4px;
    background: url(http://wiwitv.com/icon/ico_gra_police.png) no-repeat #f0f1f2;
    background-size: 16px;
    background-position: 6px;
    font-size: 10px;
    color: #333;
}
.chat-join-wrap {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}
.chat-join-wrap > .num {
    font-size: 10px;
    color: #666;
    margin-right: 5px;
}
.chat-join-wrap > .RatingIcon_root__yHgrz {
    border-radius: 50%;
    margin-right: 5px;
}
.chat-join-wrap > .nickname {
    font-size: 12px;
    color: #333;
    margin-right: 5px;
}
.chat-join-wrap > .txt {
    font-size: 10px;
    color: #888;
}
.broadcast-wrap {
    padding: 10px;
    height: 100%;
    overflow: auto;
}
.broadcast-wrap .broadcast-category {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 8px;
}
.broadcast-wrap .broadcast-list {
    height: calc(100% - 69px);
    padding-right: 10px;
    margin-right: -10px;
    overflow: auto;
}
.broadcast-wrap .broadcast-category .input-box {
    position: relative;
    flex: 1;
    max-width: calc(100% - 105px);
    margin-right: 9px;
}
.broadcast-wrap .broadcast-category .input-box .ui.input {
    position: relative;
    width: 100%;
    height: 30px;
    padding-right: 30px;
    border: 1px solid #ddd;
    border-radius: 4px;
}
.broadcast-wrap .broadcast-category .input-box button {
    border: 0;
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    overflow: hidden;
    text-indent: -1000em;
    position: absolute;
    right: 0;
    top: 0;
    width: 30px;
    height: 30px;
}
.broadcast-wrap .broadcast-category .input-box .btn-search-confirm {
    background: url(http://wiwitv.com/icon/ico_search_gray.png) no-repeat 50%;
    background-size: 17px;
}
.broadcast-wrap .broadcast-category .input-box .btn-search-reset {
    background: url(http://wiwitv.com/icon/ico_list_del.png) no-repeat 50%;
    background-size: 13px;
}
.broadcast-wrap .broadcast-category .input-box .ui.input > input {
    font-size: 12px;
    color: #666;
    border: 0;
}
.broadcast-wrap .broadcast-category .ui.selection.dropdown {
    flex: 1;
    min-width: unset !important;
    max-width: 100px;
    height: 30px;
    min-height: unset !important;
    border-radius: 4px;
    border: 1px solid #ddd;
    background-color: #fff;
    padding: 4px 0 5px;
    font-size: 12px;
    color: #666;
    line-height: unset !important;
}
.broadcast-wrap .broadcast-category .ui.selection.dropdown > .text {
    height: auto;
    line-height: 14px;
}
.broadcast-wrap .broadcast-category .ui.selection.dropdown > .dropdown.icon {
    padding: 5px 10px;
}
#__next .broadcast-wrap .broadcast-category .ui.selection.active.dropdown .menu {
    border-color: #ddd;
}
.broadcast-wrap .broadcast-category .ui.dropdown .menu > .item:hover .broadcast-wrap .broadcast-category .ui.dropdown .menu .selected.item,
.broadcast-wrap .broadcast-category .ui.selection.dropdown .menu > .item {
    font-size: inherit;
    color: inherit;
}
.broadcast-wrap .broadcast-count {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 14px;
    color: #333;
    margin-bottom: 8px;
}
.broadcast-wrap .broadcast-count .count-box {
    display: flex;
    align-items: center;
}
.broadcast-wrap .broadcast-count .count-box > span {
    margin-right: 10px;
    line-height: 21px;
}
.broadcast-wrap .broadcast-count .count-box > .btn-reset {
    height: 20px;
    line-height: 20px;
    font-size: 10px;
    color: #888;
    padding: 0 10px;
    border-radius: 6px;
    background-color: #ececec;
}
.broadcast-wrap .broadcast-list > a {
    display: block;
    margin-bottom: 8px;
}
.desktop-player-container .broadcast-wrap .broadcast-list > a:hover {
    background-color: #f7f7f7;
    border-radius: 6px;
}
.broadcast-list .broadcast-item {
    display: flex;
    height: 73px;
    padding: 4px 0;
    overflow: hidden;
    position: relative;
}
.broadcast-list .broadcast-item > .img {
    flex: 0 0 110px;
    max-width: 110px;
    height: 62px;
    margin-right: 8px;
    border-radius: 6px;
    overflow: hidden;
}
.broadcast-list .broadcast-item .broadcast-info {
    flex: 1;
}
.broadcast-info > .description,
.video-card-txt .broadcast-info {
    width: 100%;
}
.live-wrap .broadcast-info > .description {
    width: auto;
}
.broadcast-info > .description .ui.image {
    width: 15px;
}
.broadcast-item .broadcast-info .title {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 16px;
    max-height: 32px;
    min-height: 32px;
    font-size: 13px;
    font-weight: 400;
    color: #000;
}
.broadcast-item .broadcast-info .nickname {
    font-size: 12px;
    line-height: 16px;
    color: #888;
}
.broadcast-item .img {
    position: relative;
}
.broadcast-item .img > img {
    width: 100%;
    height: 62px;
}
.broadcast-item .img > .ico-adult {
    position: absolute;
    top: 4px;
    right: 4px;
    display: block;
    width: 20px;
    height: 20px;
}
.broadcast-item .img > .stream-ico-group {
    position: absolute;
    top: 4px;
    left: 4px;
}
.send-luv-pop {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 611px;
    padding: 10px;
    border-radius: 12px;
    overflow: hidden;
    background: rgba(0, 0, 0, 0.6);
    z-index: 101;
}
.sendLuv-guide-tooltip {
    position: absolute;
    top: 0;
    left: 0;
    padding: 11px 39px 11px 10px;
    border-radius: 6px;
    background-color: rgba(0, 0, 0, 0.7);
    font-size: 12px;
    line-height: 16px;
    color: #fff;
    z-index: 1;
}
.sendLuv-guide-tooltip > .btn-close {
    position: absolute;
    right: 4px;
    top: 4px;
    width: 20px;
    height: 20px;
    background: url(http://wiwitv.com/mobile/button/btn_tooltip_close.png);
    background-size: 20px;
}
.mobile-player-container .sendLuv-guide-tooltip.tooltip-continue {
    left: 80px;
}
.gift-item {
    position: relative;
    width: 25%;
    flex: 0 0 25%;
    text-align: center;
    border: 1px solid #e5e5e5;
    cursor: pointer;
    padding-bottom: 5px;
}
.gift-item > div {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-bottom: 100%;
    position: relative;
}
.gift-item > div > img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}
.gift-item .emphasized {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
    display: inline-block;
    padding: 4px 7px;
    border-radius: 100px;
    background-color: rgba(0, 0, 0, 0.65);
    color: #fff;
}
.mobile-player-container .gift-item .emphasized {
    font-size: 12px;
}
.mobile-player-container .play-mission-luv .glide-content .mission-gift-box {
    padding: 4px 4px 0;
}
.mobile-player-container .play-mission-luv .glide-content .mission-gift-box .mission-gift-item {
    flex: 0 0 calc(50% - 5px);
    max-width: calc(50% - 5px);
    margin: 0 10px 4px 0;
}
.mobile-player-container .play-mission-luv .glide-content .mission-gift-box .mission-gift-item:nth-child(2n) {
    margin-right: 0;
}
.tab-list-header {
    position: relative;
}
.tab-list-header .adult-radio {
    position: absolute;
    top: 16px;
    right: 0;
}
.custom .adult-radio input.hidden + label {
    height: 20px !important;
    line-height: 28px !important;
    padding: 0 70px 0 0 !important;
    color: #ff5f8c !important;
    font-size: 14px !important;
    font-weight: 700 !important;
}
.adult-radio input.hidden + label {
    height: 20px !important;
    line-height: 20px !important;
    padding: 0 41px 0 0 !important;
    color: #ff5f8c !important;
    font-size: 14px !important;
}
.adult-radio label:after,
.adult-radio label:before {
    content: "" !important;
}
.custom .adult-radio .box:before,
.custom .adult-radio input:focus ~ label:before,
.custom .adult-radio label:before,
.custom .adult-radio label:focus:before,
.custom .adult-radio label:hover:before {
    width: 44px !important;
    height: 20px !important;
    border: 2px solid #ff5f8c !important;
    background-color: #fff !important;
}
.adult-radio .box:before,
.adult-radio input:focus ~ label:before,
.adult-radio label:before,
.adult-radio label:focus:before,
.adult-radio label:hover:before {
    width: 36px !important;
    height: 20px !important;
    border: 2px solid #ff5f8c !important;
    background-color: #fff !important;
}
.custom .adult-radio label:after {
    width: 18px !important;
    height: 18px !important;
    right: 25px !important;
    top: 1px !important;
}
.adult-radio label:after,
.custom .adult-radio label:after {
    background-color: #ff5f8c !important;
    box-shadow: none !important;
}
.adult-radio label:after {
    width: 14px !important;
    height: 14px !important;
    right: 18px !important;
    top: 3px !important;
}
.adult-radio.toggle.checkbox input:checked ~ .box,
.adult-radio.toggle.checkbox input:checked ~ label,
.adult-radio.ui.toggle.checkbox input:focus:checked ~ .box,
.adult-radio.ui.toggle.checkbox input:focus:checked ~ label {
    color: #000 !important;
}
.adult-radio.ui.toggle.checkbox input:checked ~ .box:before,
.adult-radio.ui.toggle.checkbox input:checked ~ label:before,
.adult-radio.ui.toggle.checkbox input:checked ~ label:focus:before,
.adult-radio.ui.toggle.checkbox input:checked ~ label:hover:before,
.adult-radio.ui.toggle.checkbox input:focus:checked ~ .box:before,
.adult-radio.ui.toggle.checkbox input:focus:checked ~ label:before {
    background-color: red !important;
}
.custom .adult-radio.ui.toggle.checkbox input:checked ~ .box:after,
.custom .adult-radio.ui.toggle.checkbox input:checked ~ label:after {
    background-color: #fff !important;
    right: 1px !important;
}
.adult-radio.ui.toggle.checkbox input:checked ~ .box:after,
.adult-radio.ui.toggle.checkbox input:checked ~ label:after {
    background-color: #fff !important;
    right: 4px !important;
}
.mobile-player-container .live-sub-section {
    border: 0;
}
.embed-player-container .resolution-select {
    display: flex;
    justify-content: flex-end;
    padding: 8px;
    position: absolute;
    top: -100%;
    left: 0;
    right: 0;
    z-index: 1;
    background-color: transparent;
    line-height: 25px;
    background: #000;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.7), transparent);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
    transition: all 0.3s;
}
.embed-player-container .video-area:hover .resolution-select {
    top: 0;
}
.embed-player-container .resolution-select .select-list .select-item:hover,
.resolution-select .select-list .select-item.selected {
    background-color: rgba(0, 0, 0, 0.5);
}
.desktop-player-container .resolution-select {
    display: flex;
    justify-content: flex-end;
    padding: 8px;
    position: absolute;
    top: -100%;
    left: 0;
    right: 0;
    z-index: 1;
    background-color: transparent;
    line-height: 25px;
    background: #000;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.7), transparent);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
    transition: all 0.3s;
}
.desktop-player-container .video-area:hover .resolution-select {
    top: 0;
}
.mobile-player-container .resolution-select {
    display: inline-flex;
}
.video-card-thumn .video-area .resolution-select,
.video-card-thumn .video-area:hover .resolution-select {
    display: none !important;
}
.resolution-select .resolution-btn {
    width: 80px;
    position: relative;
}
.resolution-select .select-title {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 25px;
    padding: 0;
    font-size: 14px;
    font-weight: 500;
    color: #fff;
}
.resolution-select .select-title:after {
    display: block;
    width: 0;
    height: 0;
    margin-left: 8px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #fff;
    content: "";
}
.resolution-select .select-list {
    display: none;
    border-radius: 8px;
    overflow: hidden;
    position: absolute;
    top: 25px;
    left: 0;
    right: 0;
}
.resolution-select .select-list.on {
    display: flex;
    flex-direction: column;
    background-color: rgba(0, 0, 0, 0.5);
}
.resolution-select .select-list .select-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 25px;
    padding: 0 8px;
    font-size: 14px;
    color: #fff;
    cursor: pointer;
}
.resolution-select .select-list .select-item img {
    width: 12px;
    height: 9px;
}
.desktop-player-container .resolution-select .select-list .select-item:hover,
.resolution-select .select-list .select-item.selected {
    background-color: rgba(0, 0, 0, 0.5);
}
.asp-wrapper .live-video-btns.type02 {
    height: 50px !important;
}
.live-main-container .live-video-btns.type02 {
    width: auto;
    z-index: 2;
}
.live-main-container .btn-user {
    position: absolute;
    top: 0;
    right: 0;
    color: #fff;
    z-index: 100;
}
.chat-btn-group {
    position: fixed;
    bottom: 90px;
    right: 8px;
    z-index: 10;
    display: flex;
    flex-direction: column;
}
.chat-btn-group button {
    width: 26px;
    height: 26px;
    padding: 0;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 4px;
    position: relative;
}
.chat-btn-group button img {
    width: 18px;
}
.chat-btn-group.off,
.stream-type-m .chat-btn-group.off {
    bottom: 4px;
}
.chat-btn-group.off button,
.stream-type-m .chat-btn-group.off button {
    background: hsla(0, 0%, 100%, 0.16);
}
.live-video-header {
    position: absolute;
    top: -100%;
    left: 0;
    right: 0;
    z-index: 100;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 8px 8px 16px;
    background: #000;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.7), transparent);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
    transition: all 0.3s;
}
.live-video-header.on {
    top: 0;
}
.live-video-header .info-group {
    display: flex;
    flex: 1;
}
.live-video-header .info-group .live-logo {
    display: flex;
    align-items: center;
    height: 20px;
}
.live-video-header .info-group .live-logo img {
    vertical-align: top;
    height: 100%;
}
.live-video-header .info-group .landscape-title {
    display: none;
    flex-direction: column;
    margin-left: 8px;
    color: #fff;
    flex: 1;
    text-align: left;
}
.stream-type-m .live-video-header .info-group .landscape-title {
    display: flex;
    align-items: flex-start;
}
.live-video-header .control-group {
    display: inline-flex;
    align-items: center;
}
.live-video-header .resolution-select .select-title {
    height: 20px;
    line-height: 20px;
}
.live-video-header .control-group .btn-bj-controls {
    display: inline-flex;
    align-items: center;
    margin: 0;
    padding: 0;
    color: #fff;
    font-size: 14px;
}
.live-video-header .control-group .btn-bj-controls:after {
    display: block;
    width: 10px;
    height: 12px;
    margin-left: 4px;
    background-position: 50%;
    background-image: url(http://wiwitv.com/mobile/button/btn-menu-white.png);
    background-repeat: no-repeat;
    background-size: auto 12px;
    content: "";
}
.mobile-player-container .flex-send-luv .flex-send-content {
    display: flex;
    flex-direction: row;
}
.mobile-player-container .flex-gift-wrap {
    padding: 8px;
}
.mobile-player-container .flex-gift-wrap .btn-charge {
    position: absolute;
    top: 8px;
    right: 16px;
    margin-left: 16px;
}
.mobile-player-container .flex-gift-wrap .btn-stop-gift {
    background-color: #ff7b7b !important;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 32px !important;
    width: 100%;
    margin: 0 0 8px;
    padding: 0;
    border: 0 !important;
    border-radius: 0 !important;
    color: #fff !important;
}
.mobile-player-container .flex-gift-wrap .btn-stop-gift:before {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    margin-right: 4px;
    background-color: #fff;
    font-weight: 700;
    color: #ff7b7b;
    border-radius: 50%;
    content: "!";
}
.mobile-player-container .flex-gift-wrap .single-gift-wrap {
    padding-top: 32px;
}
.mobile-player-container .flex-gift-wrap .flex-gift-tab .gift-tab-menu {
    display: flex;
    height: 30px;
    align-items: center;
    cursor: pointer;
    margin-bottom: 8px;
    padding: 0 12px;
}
.mobile-player-container .flex-gift-wrap .emoji-slide-wrap,
.mobile-player-container .flex-gift-wrap .flex-gift-tab .emoji-slide-wrap,
.mobile-player-container .flex-gift-wrap .flex-gift-tab .text-slide-wrap,
.mobile-player-container .flex-gift-wrap .text-slide-wrap {
    padding: 0 12px;
    position: relative;
}
.mobile-player-container .flex-gift-wrap .emoji-slide-wrap .glide__arrows,
.mobile-player-container .flex-gift-wrap .flex-gift-tab .emoji-slide-wrap .glide__arrows,
.mobile-player-container .flex-gift-wrap .flex-gift-tab .text-slide-wrap .glide__arrows,
.mobile-player-container .flex-gift-wrap .text-slide-wrap .glide__arrows {
    padding: 0;
    position: absolute;
    top: 50%;
    width: 16px;
    height: 16px;
    margin-top: -8px;
}
.mobile-player-container .flex-gift-wrap .emoji-slide-wrap .glide__arrows.left,
.mobile-player-container .flex-gift-wrap .flex-gift-tab .emoji-slide-wrap .glide__arrows.left,
.mobile-player-container .flex-gift-wrap .flex-gift-tab .text-slide-wrap .glide__arrows.left,
.mobile-player-container .flex-gift-wrap .text-slide-wrap .glide__arrows.left {
    left: -16px;
}
.mobile-player-container .flex-gift-wrap .emoji-slide-wrap .glide__arrows.right,
.mobile-player-container .flex-gift-wrap .flex-gift-tab .emoji-slide-wrap .glide__arrows.right,
.mobile-player-container .flex-gift-wrap .flex-gift-tab .text-slide-wrap .glide__arrows.right,
.mobile-player-container .flex-gift-wrap .text-slide-wrap .glide__arrows.right {
    right: -16px;
}
.mobile-player-container .flex-gift-wrap .flex-gift-tab .text-slide-wrap .glide__slides,
.mobile-player-container .flex-gift-wrap .text-slide-wrap .glide__slides {
    align-items: flex-start;
}
.mobile-player-container .flex-gift-wrap .flex-gift-txt {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 12px;
}
.mobile-player-container .flex-gift-wrap .flex-gift-txt > .ui.form.flex-gift-form {
    display: flex;
    flex: 1;
    padding-left: 16px;
    justify-content: flex-end;
}
.mobile-player-container .flex-gift-wrap .flex-gift-txt > .ui.form.flex-gift-form > .ui.input {
    width: auto;
    height: 30px;
}
.mobile-player-container .flex-gift-wrap .flex-gift-txt > .ui.form.flex-gift-form > .ui.input input {
    width: 100%;
    height: 100%;
    padding: 0 8px;
    border-radius: 4px;
    text-align: right;
}
#__next .mobile-player-container .flex-gift-wrap .flex-gift-txt > .ui.form.flex-gift-form > .ui.button {
    width: 80px;
    height: 30px;
    margin: 0 0 0 4px;
    padding: 0;
    border-radius: 4px;
}
.stream-controls {
    margin-top: 16px;
    text-align: right;
}
.stream-controls button {
    margin: 0 0 8px 8px !important;
}
.adult-wm,
.logo-wm {
    position: absolute;
    top: 16px;
}
.logo-wm {
    left: 16px;
    width: 100px;
    height: 20px;
    background-image: url(http://wiwitv.com/logo.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 0 20px;
}
.adult-wm {
    right: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    border: 2px solid #cdcdcd;
    font-size: 12px;
    font-weight: 700;
    color: #cdcdcd;
    border-radius: 50%;
    font-style: normal;
}
.live-main-container:before {
    display: block;
    width: 60px;
    height: 15px;
    background-image: url(http://wiwitv.com/live-logo.png);
    background-size: 60px 15px;
    background-position: 0 0;
    background-repeat: no-repeat;
    position: absolute;
    left: 8px;
    z-index: 5;
    opacity: 0.07;
    content: "";
}
.live-main-container.stream-adult:after {
    display: block;
    width: 24px;
    height: 24px;
    line-height: 20px;
    border-radius: 50%;
    border: 2px solid #fff;
    position: absolute;
    right: 8px;
    color: #fff;
    text-align: center;
    font-size: 12px;
    font-weight: 700;
    background-color: rgba(0, 0, 0, 0.3);
    opacity: 0.5;
    z-index: 5;
    content: "19";
}
.desktop-player-container .live-main-container:after,
.desktop-player-container .live-main-container:before,
.mobile-player-container .live-main-container.stream-adult:after,
.mobile-player-container .live-main-container:before {
    top: 8px;
}
.asp-container {
    margin: 0 auto;
    max-width: 1600px;
    background-color: #fff;
}
.asp-container .live-main-container:before {
    top: 50px !important;
}
.mobile-player-container .live-main-container.stream-adult:after {
    font-size: 11px;
    width: 18px;
    height: 18px;
    line-height: 14px;
}
.btn-scroll-bottom {
    display: flex;
    width: 129px;
    height: 25px;
    color: #fff;
    align-items: center;
    justify-content: center;
    position: absolute;
    bottom: 140px;
    left: 50%;
    margin-left: -75px;
}
.mobile-player-container .btn-scroll-bottom {
    bottom: 10px;
}
.desktop-player-container .single-lex-input input {
    width: 100% !important;
    height: 100% !important;
}
.mobile-player-container .sendLuv-box-m > .set {
    margin-right: 4px;
}
.mobile-player-container .live-root-container .live-main-container .live-mobile-video {
    position: relative;
    width: 100%;
    height: 100%;
    background: #000;
    text-align: center;
}
.mobile-player-container .live-root-container .live-main-container .live-mobile-video .h100,
.mobile-player-container .live-root-container .live-main-container .live-mobile-video .h100 > .plyr {
    height: 100%;
}
.mobile-player-container .live-root-container .live-main-container,
.mobile-player-container .live-root-container .live-sub-container {
    width: 100%;
    border: 0;
}
.mobile-player-container .live-root-container .live-main-container .live-mobile-video > .live-video-btns + div {
    display: block;
}
.mobile-player-container .live-root-container .live-sub-container {
    flex: 1;
    max-height: 100%;
}
.mobile-player-container .live-main-container .live-mobile-video .live-video-btns {
    position: absolute;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    background: transparent;
    font-size: 14px;
    color: #fff;
    padding: 10px 15px;
    z-index: 3;
}
.mobile-player-container .live-main-container .live-mobile-video .live-video-btns.bg {
    background: #000;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.7), transparent);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
}
.mobile-player-container .live-main-container .live-mobile-video .live-video-btns.type02 {
    width: auto;
    height: auto;
    padding: 0;
    top: 40px;
    left: 8px;
}
.mobile-player-container .live-main-container .live-mobile-video .live-video-btns + .plyr {
    height: 100%;
}
.mobile-player-container .live-main-container .live-mobile-video .live-video-title {
    position: absolute;
    bottom: -100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    font-size: 14px;
    color: #fff;
    padding: 16px 8px 8px;
    transition: all 0.3s;
    background: #000;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.8), transparent);
}
.mobile-player-container .live-main-container .live-mobile-video .live-video-title.on {
    bottom: 0;
}
.mobile-player-container .live-main-container .live-mobile-video .live-video-title > span {
    max-width: 200px;
    word-break: keep-all;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    flex: 1;
    text-align: left;
}
.landscape-title > div,
.landscape-title > div > span,
.mobile-player-container .live-main-container .live-mobile-video .live-video-title > div,
.mobile-player-container .live-main-container .live-mobile-video .live-video-title > div > span {
    display: flex;
    align-items: center;
}
.mobile-player-container .live-mobile-video .live-video-btns .btn-tab {
    height: 26px;
    line-height: 26px;
    font-size: 14px;
    color: #222;
    padding: 0 10px 0 28px;
    border-radius: 4px;
    background: url(http://wiwitv.com/mobile/icon/ico_silence.png) no-repeat hsla(0, 0%, 100%, 0.6) 9px;
    background-size: 12px;
    z-index: 3;
}
.mobile-player-container .live-mobile-video .live-video-btns .btn-conver {
    display: inline-block;
    width: 22px;
    height: 22px;
    vertical-align: -7px;
    background: url(http://wiwitv.com/mobile/button/btn_conver.png) no-repeat;
    background-size: cover;
    margin-right: 15px;
}
.mobile-player-container .live-mobile-video .live-video-btns .btn-more {
    display: inline-block;
    width: 2px;
    height: 12px;
    vertical-align: -2px;
    background: url(http://wiwitv.com/mobile/button/btn_menu_white.png) no-repeat;
    background-size: contain;
}
.mobile-player-container .live-mobile-video .live-video-btns .btn-more:after {
    content: none;
}
.mobile-player-container .live-mobile-video .plyr__controls {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    background: transparent;
}
.mobile-player-container .live-mobile-video .plyr__controls > .plyr__controls__item[type="button"] {
    width: 60px;
    height: 60px;
    margin-left: unset;
    margin-right: unset;
    background: transparent;
}
.mobile-player-container .live-mobile-video .plyr__controls > .plyr__controls__item[type="button"] > svg {
    width: 100%;
    height: 100%;
}
.mobile-player-container .live-mobile-video .plyr__controls > .plyr__controls__item[type="button"] .icon--pressed {
    display: none;
}
.mobile-player-container .live-sub-section {
    width: 100%;
}
.mobile-player-container .chat-wrap {
    overflow: auto;
    touch-action: pinch-zoom;
}
.mobile-player-container .chat-wrap .chat-content {
    height: 100%;
}
.mobile-player-container .chat-wrap .chat-list {
    height: 100%;
    padding: 0 8px;
}
.mobile-player-container .chat-wrap .chat-list .chat-item .chat {
    font-size: 14px;
    padding-left: 0;
    display: inline;
}
.mobile-player-container .chat-content {
    position: static;
    top: unset;
    bottom: unset;
}
.mobile-player-container .broadcast-wrap {
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100%;
}
.mobile-player-container .broadcast-wrap .broadcast-category .input-box {
    display: none;
}
.mobile-player-container .broadcast-wrap .broadcast-category .input-box .ui.input > input {
    font-size: 14px;
}
.mobile-player-container .broadcast-wrap .broadcast-category .ui.selection.dropdown {
    max-width: 120px;
    padding-top: 6px;
}
.mobile-player-container .broadcast-wrap .broadcast-category,
.mobile-player-container .broadcast-wrap .broadcast-count {
    flex: 0;
}
.mobile-player-container .broadcast-wrap .broadcast-category {
    position: relative;
    justify-content: flex-end;
}
.mobile-player-container .broadcast-wrap .broadcast-count {
    position: absolute;
    top: 26px;
    left: 10px;
    transform: translateY(-50%);
    margin-bottom: 4px;
    font-size: 14px;
}
.mobile-player-container .broadcast-wrap .broadcast-count > .btn-reset {
    display: none;
}
.mobile-player-container .broadcast-wrap .broadcast-list {
    flex: 1;
    overflow: auto;
}
.mobile-player-container .live-sub-container .live-sub-section .live-btns {
    display: flex;
}
.mobile-player-container .live-sub-container .live-sub-section .live-btns .icon {
    flex: 0;
    height: 24px;
}
.mobile-player-container .chat-wrap .live_chat-input-container__AQbly {
    position: static !important;
    flex: 1;
    height: 32px;
    background-color: transparent;
    padding: 0;
}
.mobile-player-container .chat-wrap .live_chat-input-container__AQbly > .field > .ui.fluid.inverted.icon.input > input {
    background-color: #f7f7f7;
}
.mobile-player-container .live-sub-btns.mobile {
    display: flex;
    width: 100%;
    padding: 5px 10px;
    border-top: 1px solid #dcdcdc;
}
.mobile-player-container .live-sub-btns.mobile > form {
    flex: 1;
}
.mobile-player-container .live-sub-btns.mobile > form > input {
    width: 100%;
    height: 32px;
    padding: 10px;
    border-radius: 8px;
    background-color: #f7f7f7;
    border: transparent;
}
.mobile-player-container .live-sub-btns.mobile .icon {
    flex: 0 0 24px;
    height: 24px;
    margin-right: 8px;
    background-repeat: no-repeat;
    background-size: cover;
    margin-top: 4px;
    padding: 0;
}
.mobile-player-container .landscape-content-box .icon.star {
    background-size: 24px;
    background-repeat: no-repeat;
    background-color: hsla(0, 0%, 100%, 0.15);
    background-position: 50%;
    border-radius: 8px;
    margin-left: 4px;
}
.mobile-player-container .live-sub-btns.mobile .icon.gift {
    background-image: url(http://wiwitv.com/svg/gift_box_m.svg);
    background-size: contain;
}
.mobile-player-container .live-sub-btns.mobile .icon.up {
    background-image: url(http://wiwitv.com/mobile/button/btn_up_02.png);
}
.mobile-player-container .landscape-content-box .icon.star,
.mobile-player-container .live-sub-btns.mobile .icon.star {
    background-image: url(http://wiwitv.com/svg/star_ico_off.svg);
    background-size: contain;
}
.mobile-player-container .landscape-content-box .icon.star.on,
.mobile-player-container .live-sub-btns.mobile .icon.star.on {
    background-image: url(http://wiwitv.com/svg/star_ico_on.svg);
    background-size: contain;
}
.mobile-player-container .live-sub-btns.mobile .icon.message {
    background-image: url(http://wiwitv.com/mobile/button/btn_chat_on.png);
}
.mobile-player-container .mobile-tab {
    height: 100%;
}
.mobile-player-container .mobile-tab .react-tabs__tab-panel {
    height: calc(100% - 40px);
}
#__next .mobile-player-container .mobile-tab .react-tabs__tab-list {
    height: 40px;
    align-items: center;
    border-top: 1px solid #eee;
}
#__next .mobile-player-container .mobile-tab .react-tabs__tab {
    padding: 0;
    font-size: 14px;
    color: #999;
    text-align: center;
    background-color: transparent;
    border: 0;
    border-right: 1px solid #ddd;
}
#__next .mobile-player-container .mobile-tab .react-tabs__tab:last-child {
    border-right: 0;
}
#__next .mobile-player-container .mobile-tab .react-tabs__tab--selected {
    color: #222;
}
.mobile-player-container .send-luv-pop {
    width: 100%;
    border-radius: 0;
    left: 0;
    right: unset;
    padding: 3px;
}
.mobile-player-container .send-luv-pop .modal-tab01 .react-tabs__tab-list {
    background-color: #e5e5e5;
    color: #888;
    border-radius: 7px 7px 0 0;
    overflow: hidden;
}
.mobile-player-container .send-luv-pop .modal-tab01 .react-tabs__tab {
    display: flex;
    height: 100%;
    align-items: center;
    font-size: 10px;
    color: #888;
}
#__next .mobile-player-container .send-luv-pop .modal-tab01 .react-tabs__tab.react-tabs__tab--selected,
.mobile-player-container .send-luv-pop .modal-tab01 .react-tabs__tab.react-tabs__tab--selected {
    background-color: #fff;
    color: #ff4076;
}
.mobile-player-container .send-luv-pop .flex-gift-wrap .react-tabs__tab {
    display: inline-flex;
    height: auto;
    border: 0 !important;
}
.mobile-player-container .send-luv-pop .flex-gift-wrap .react-tabs__tab-list {
    background-color: transparent;
}
.mobile-player-container .play-mission-luv .glide-content .mission-gift-box .mission-gift-item {
    flex: 0 0 100%;
    max-width: 100%;
    margin: 0 0 4px;
}
.sendLuvPopup {
    position: absolute;
    bottom: 40px;
    right: 0;
}
@media screen and (max-width: 1366px) {
    .play-mission-luv .glide__slides {
        overflow: visible;
        align-items: flex-start;
    }
}
@media screen and (max-width: 1280px) {
    .desktop-player-container .live-root-container.live-chat-hide {
        max-width: calc(((100vh - 120px) * 16) / 9);
    }
    .desktop-player-container .live-chat-show.vod-list-show .live-main-container {
        right: 340px;
    }
    .desktop-player-container .live-chat-hide.vod-list-show .live-main-container {
        right: 0;
    }
    .desktop-player-container .btn-cast-list,
    .desktop-player-container .live-sub-section.live-sub-list {
        display: none !important;
    }
    .sendLuvPopup {
        position: fixed;
        bottom: 40px;
        right: 340px;
        z-index: 10;
    }
}
@media screen and (max-width: 1023px) {
    .mobile-player-container .chat-item .txt-wrap .chat-user-name .chat-member-nick {
        display: inline-block;
        max-width: 87.75px;
        overflow: hidden;
    }
    .mobile-player-container .chat-item .txt-wrap .chat-user-name {
        line-height: 20px;
    }
    .chat-wrap .chat-list .chat-item.admin .chat,
    .chat-wrap .chat-list .chat-item.police .chat,
    .mobile-player-container .chat-item .txt-wrap .chat {
        flex: 1;
        margin: 0 0 0 8px;
        line-height: 20px;
    }
    .send-luv-wrap {
        transform: scale(0.6);
    }
    .live-channel-menu {
        padding: 8px;
        flex-direction: column-reverse;
    }
    .channel-btn-modal .icon.freezen,
    .channel-btn-modal .icon.stop {
        background-size: 12px !important;
    }
    .live-channel-menu .channel-menu-btns .grid-container {
        justify-content: flex-end;
    }
    .channel-menu-btns .channel-btn-modal .text {
        height: 24px;
        line-height: 26px;
    }
    .channel-menu-btns .channel-btn-modal .icon {
        width: 24px;
        height: 24px;
        margin-bottom: 0;
    }
    .channel-menu-btns .stream-controls {
        margin-top: 8px;
    }
    .channel-menu-btns .channel-btn-modal .live-spot {
        right: 72px;
    }
}
@media screen and (max-width: 767px) {
    .mobile-player-container .live-sub-btns.mobile {
        display: flex;
        align-items: center;
        height: 45px;
        padding: 0 8px;
    }
    .mobile-player-container .live-sub-btns.mobile .icon {
        margin-top: 0;
    }
    .mobile-player-container .live-sub-btns.mobile > form > input {
        height: 35px;
        padding: 0 8px;
        vertical-align: top;
    }
}
@media screen and (max-width: 500px) {
    .mobile-player-container .live-sub-container {
        width: 100%;
        position: relative;
        border: none;
    }
}
@media screen and (min-width: 560px) and (orientation: landscape) {
    .mobile-player-container .chat-noti {
        color: #fff;
    }
    .mobile-player-container {
        top: 0;
    }
    .asp-wrapper {
        position: relative;
        width: 100%;
        background-color: #000;
    }
    .asp-wrapper .plyr__video-wrapper {
        padding-bottom: 70.4% !important;
    }
    .mobile-player-container .plyr__video-wrapper {
        padding-bottom: 56.25%;
        width: 100%;
        height: 100%;
    }
    #__next .mobile-player-container .player-header {
        display: none;
    }
    .mobile-player-container .live-sub-container {
        width: 0;
        height: 0;
        overflow: hidden;
    }
    .mobile-player-container .live-root-container {
        top: 0;
    }
    .mobile-player-container .live-root-container .live-main-container {
        width: 100%;
        height: 100%;
    }
    .mobile-player-container .chat-entry {
        background-color: rgba(236, 245, 255, 0.4);
    }
    .mobile-player-container .chat-item .bg {
        display: inline-block;
        vertical-align: top;
    }
    .mobile-player-container .chat-wrap .chat-list .chat-item.topDona {
        display: inline-block;
    }
    .mobile-player-container .chat-wrap .chat-list .chat-item.topDona:after {
        opacity: 0.3;
    }
    .mobile-player-container .chat-wrap .chat-list .chat-item.topDona .bg {
        background-color: rgba(0, 0, 0, 0.5);
    }
    .mobile-player-container .chat-wrap .chat-list .chat-item .chat-user-name {
        color: #fff;
        font-size: 14px;
        width: 100px;
        white-space: nowrap;
    }
    .mobile-player-container .chat-wrap .chat-list .chat-item.police .chat,
    .mobile-player-container .chat-wrap .chat-list .chat-item.police .chat-user-name {
        color: #e10000;
    }
    .mobile-player-container .chat-wrap .chat-list .chat-item.admin .chat-user-name {
        color: #888;
    }
    .mobile-player-container .chat-wrap .chat-list .chat-item.admin .chat {
        color: #000;
    }
    .mobile-player-container .chat-wrap .chat-list .chat-item .chat {
        color: #fff;
        display: inline;
        font-size: 14px;
    }
    .mobile-player-container .chat-wrap .chat-list .chat-item .chat-user-level {
        vertical-align: middle;
    }
    .mobile-player-container .live-sub-section {
        width: 0;
        height: 0;
        font-size: 0;
    }
    .mobile-player-container .landscape-header {
        position: absolute;
        top: 0;
        left: 0;
        background: transparent;
        display: flex;
        width: calc(100% - 45px);
        justify-content: space-between;
        font-size: 9px;
        font-weight: 400;
        color: #fff;
        padding: 5px 10px;
        z-index: 3;
    }
    .mobile-player-container .landscape-header > .info {
        display: flex;
    }
    .mobile-player-container .landscape-header > .info > .app-logo {
        flex: 0 0 72px;
        max-width: 72px;
        margin-right: 10px;
    }
    .mobile-player-container .landscape-header > .info > section {
        flex: 1;
    }
    .mobile-player-container .landscape-header .info .title {
        display: block;
        margin-bottom: 8px;
        font-size: 12px;
        text-align: left;
    }
    .mobile-player-container .landscape-header .info .nick,
    .mobile-player-container .landscape-header .info .recom,
    .mobile-player-container .landscape-header .info .views {
        margin-right: 15px;
    }
    .mobile-player-container .landscape-header .btn-mode-toggle {
        display: inline-block;
        width: 26px;
        height: 26px;
        margin-right: 10px;
        background: url(http://wiwitv.com/mobile/button/btn-dark-on.png) no-repeat 50%;
        background-size: 23px;
        padding: 0;
        vertical-align: top;
    }
    .mobile-player-container .landscape-header .btn-dropDown {
        display: inline-block;
        width: 10px;
        height: 12px;
        background: url(http://wiwitv.com/mobile/button/btn-menu-white.png) no-repeat 50%;
        background-size: 2px;
        padding: 0;
        vertical-align: -7px;
    }
    .mobile-player-container .landscape-content {
        display: flex;
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        z-index: 1;
        padding: 0 8px;
        background: rgba(0, 0, 0, 0.7);
        align-items: center;
        height: 40px;
    }
    .mobile-player-container .landscape-content .landscape-content-box {
        display: flex;
        align-items: center;
        height: 100%;
        flex: 1;
    }
    .mobile-player-container .landscape-content .landscape-content-box button {
        margin-right: 4px;
        padding: 0;
        width: 32px;
        height: 32px;
    }
    .mobile-player-container .landscape-content .landscape-content-box button.btn-favor {
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 8px;
        background-color: hsla(0, 0%, 100%, 0.16);
    }
    .mobile-player-container .landscape-content .landscape-content-box button.btn-favor img {
        width: 24px;
    }
    .mobile-player-container .landscape-content .landscape-input {
        position: relative;
        display: inline-flex;
        width: auto;
        height: 32px;
        border-radius: 8px;
        background: transparent;
        flex: 1;
    }
    .mobile-player-container .landscape-content .landscape-input .btn-chat-send {
        height: 32px;
        margin: 0 0 0 4px;
        display: flex;
        flex: 0 0 40px;
    }
    .mobile-player-container .landscape-content .landscape-input form {
        width: 100%;
        height: 100%;
    }
    .mobile-player-container .landscape-content .landscape-input input {
        width: 100%;
        height: 100%;
        border: 0;
        background-color: hsla(0, 0%, 100%, 0.15);
        padding: 0 8px;
        border-radius: 8px;
        color: #fff;
        flex: 1;
        outline: none;
    }
    .mobile-player-container .landscape-content .landscape-input input:focus {
        outline: none;
        max-width: 100%;
    }
    .mobile-player-container .landscape-content .landscape-input button {
        display: none;
    }
    .chat-btn-group,
    .mobile-player-container .chat-btn-group {
        bottom: 64px;
    }
    .chat-btn-group.off,
    .mobile-player-container .chat-btn-group.off {
        bottom: 4px;
    }
    .chat-btn-group button,
    .chat-btn-group.off button,
    .stream-type-m .chat-btn-group button,
    .stream-type-m .chat-btn-group.off button {
        background: rgba(0, 0, 0, 0.5);
    }
    .live-video-header .info-group .landscape-title,
    .stream-type-m .live-video-header .info-group .landscape-title {
        display: flex;
        align-items: flex-start;
    }
    .mobile-player-container .gift-item > div {
        padding: 0;
        height: 70px;
    }
    .mobile-player-container .gift-item > div img {
        width: auto;
        height: 100%;
        margin: 0 auto;
    }
    .mobile-player-container .flex-gift-wrap .flex-gift-tab .emoji-slide-wrap,
    .mobile-player-container .flex-gift-wrap .flex-gift-tab .text-slide-wrap {
        padding: 4px 16px;
        border: 0;
    }
    .mobile-player-container .flex-gift-wrap .flex-gift-tab .gift-tab-menu {
        flex-direction: column;
        width: 80px;
        height: 100%;
        padding: 0;
        overflow: hidden;
    }
    #__next .type04 .react-tabs__tab:after,
    .modal .type04 .react-tabs__tab:after {
        display: none;
    }
    .mobile-player-container .sendLuv-guide-tooltip.tooltip-continue {
        left: 0;
        top: 60px;
    }
    #__next .mobile-player-container .send-luv-pop .modal-tab01 .react-tabs__tab,
    .mobile-player-container .send-luv-pop .modal-tab01 .react-tabs__tab {
        border-radius: 0;
    }
    .mobile-player-container .live-chat-user,
    .mobile-users-container {
        left: unset;
        right: 0;
        width: 200px;
        max-height: 100%;
    }
    .mobile-luv-panels {
        height: 110px;
    }
}
.mobile-chat-group {
    position: fixed;
    flex-direction: column;
    width: 100%;
    height: calc(100% - (100vw * 0.5625));
    background-color: #fff;
    bottom: 0;
    left: 0;
}
.mobile-chat-group .group-btns {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    padding: 0;
    border-top: 1px solid #eee;
}
.mobile-chat-group .group-btns button {
    flex: 1 1 50%;
    height: 30px;
    margin: 0;
    padding: 0;
    font-size: 14px;
    line-height: 30px;
    color: #888;
    cursor: pointer;
    background-color: #eee;
}
.mobile-chat-group .group-btns button.on {
    color: #333;
    font-weight: 700;
    background-color: #fff;
}
.mobile-chat-group .group-btns button:first-child {
    border-right: 1px solid #eee;
}
.mobile-chat-group .group-body {
    height: calc(100% - 30px);
    overflow: hidden;
}
.mobile-chat-group .group-body.tabs-hidden {
    height: 100%;
}
.mobile-chat-group .group-body .chat-panel {
    height: 100%;
    overflow: hidden;
}
.mobile-chat-group .group-body .chat-panel .resizable-wrapper {
    position: relative;
    height: calc(100% - 40px);
    overflow: hidden;
}
.mobile-chat-group .group-body .chat-panel .live-sub-btns {
    height: 40px;
    border-color: #eee;
}
.mobile-chat-group .group-body .chat-panel .live-sub-btns > form > input {
    height: 32px;
    border-radius: 4px;
}
.mobile-chat-group .group-body .chat-panel .resizable-wrapper .chat-resizable {
    position: absolute !important;
    left: 0;
    right: 0;
    top: unset;
    bottom: 0;
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    overflow: hidden;
    padding-top: 16px;
}
.mobile-chat-group .group-body .chat-panel .resizable-wrapper .chat-resizable .resizable-handle div {
    top: -7px !important;
    left: 0 !important;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100% !important;
    height: 30px !important;
    background-color: transparent !important;
}
.mobile-chat-group .group-body .chat-panel .resizable-wrapper .chat-resizable .resizable-handle div:after {
    display: block;
    background-color: #ddd;
    border-radius: 4px;
    width: 100px;
    height: 6px;
    content: "";
}
.mobile-chat-group .group-body .chat-panel .live-sub-btns.mobile > form > input:focus {
    outline: none;
}
.stream-type-m .mobile-chat-group {
    position: fixed;
    height: 50%;
    left: 0;
    right: 0;
    top: unset;
    bottom: 0;
    z-index: 3;
    background-color: transparent;
}
.stream-type-m .mobile-chat-group .group-btns {
    border: 0;
    background-color: rgba(0, 0, 0, 0.5);
}
.stream-type-m .mobile-chat-group .group-btns button {
    color: #ddd;
    background-color: transparent;
}
.stream-type-m .mobile-chat-group .group-btns button:first-child {
    border: 0;
}
.stream-type-m .mobile-chat-group .group-btns button.on {
    background-color: hsla(0, 0%, 100%, 0.2);
    color: #fff;
}
.stream-type-m .mobile-chat-group .group-body .chat-panel .resizable-wrapper .chat-resizable {
    background-color: rgba(0, 0, 0, 0.4);
}
.stream-type-m .mobile-chat-group .group-body .chat-panel .resizable-wrapper .chat-resizable .resizable-handle > div {
    background-color: transparent !important;
}
.stream-type-m .mobile-chat-group .group-body .chat-panel .resizable-wrapper {
    height: calc(100% - 40px);
}
.stream-type-m .mobile-chat-group .group-body .chat-panel .live-sub-btns {
    height: 40px;
    border-top: 0;
    background-color: rgba(0, 0, 0, 0.4);
}
.stream-type-m .mobile-chat-group .group-body .chat-panel .live-sub-btns .icon {
    flex: 0 0 32px;
    width: 32px;
    height: 32px;
    border-radius: 8px;
}
.stream-type-m .mobile-chat-group .group-body .chat-panel .live-sub-btns .icon.gift {
    background-image: url(http://wiwitv.com/svg/gift_box_white.svg);
    background-color: hsla(0, 0%, 100%, 0.15);
    background-size: 60%;
    background-repeat: no-repeat;
    background-position: 50%;
}
.stream-type-m .mobile-chat-group .group-body .chat-panel .live-sub-btns .icon.up {
    background-image: url(http://wiwitv.com/mobile/button/btn-up-02-w.png);
}
.stream-type-m .mobile-chat-group .group-body .chat-panel .live-sub-btns .icon.star {
    background-image: url(http://wiwitv.com/mobile/button/btn_bookmark_off_w.png);
    background-color: hsla(0, 0%, 100%, 0.15);
    background-position: 50%;
    background-size: 24px;
}
.stream-type-m .mobile-chat-group .group-body .chat-panel .live-sub-btns .icon.star.on {
    background-image: url(http://wiwitv.com/mobile/button/btn_bookmark_on_w.png);
}
.stream-type-m .mobile-chat-group .group-body .chat-panel .live-sub-btns .emoji {
    background-color: hsla(0, 0%, 100%, 0.15);
    background-position: 50%;
    background-size: 24px;
}
.stream-type-m .mobile-chat-group .group-body .chat-panel .live-sub-btns.mobile > form > div {
    border: none;
    border-radius: 8px;
}
.stream-type-m .mobile-chat-group .group-body .chat-panel .live-sub-btns.mobile > form > div > button {
    margin-left: 0;
    background-color: #ccc;
}
.stream-type-m .mobile-chat-group .group-body .chat-panel .live-sub-btns.mobile > form > div > input {
    height: 32px;
    background-color: hsla(0, 0%, 100%, 0.15);
    color: #fff;
    border-radius: 8px;
    padding-left: 8px;
}
.stream-type-m .mobile-chat-group .group-body .chat-panel .live-sub-btns.mobile > form > div > input::-moz-placeholder {
    color: #ccc;
}
.stream-type-m .mobile-chat-group .group-body .chat-panel .live-sub-btns.mobile > form > div > input::placeholder {
    color: #ccc;
}
.mobile-chat-group .group-body .list-panel {
    height: 100%;
}
.mobile-chat-group .group-body .list-panel .broadcast-wrap {
    padding-bottom: 0;
}
.stream-type-m .mobile-chat-group .group-body .list-panel {
    background-color: rgba(0, 0, 0, 0.7);
}
.stream-type-m .mobile-chat-group .group-body .list-panel .broadcast-item .broadcast-info .title,
.stream-type-m .mobile-chat-group .group-body .list-panel .broadcast-wrap .broadcast-count .count-box > span {
    color: #fff;
}
.stream-type-m .mobile-chat-group .group-body .list-panel .broadcast-item .broadcast-info .nickname {
    color: #ccc;
}
@media screen and (min-width: 560px) and (orientation: landscape) {
    .mobile-chat-group {
        position: fixed;
        height: 100%;
        max-height: 60%;
        left: 0;
        right: 0;
        top: unset;
        bottom: 0;
        background-color: transparent;
    }
    .mobile-chat-group .group-body {
        height: 100%;
    }
    .mobile-chat-group .group-body .chat-panel {
        display: block !important;
    }
    .mobile-chat-group .group-body .list-panel,
    .mobile-chat-group .group-btns {
        display: none !important;
    }
    .mobile-chat-group .group-body .chat-panel .resizable-wrapper .chat-resizable {
        background-color: rgba(0, 0, 0, 0.4);
    }
    .mobile-chat-group .group-body .chat-panel .resizable-wrapper .chat-resizable .resizable-handle > div {
        background-color: transparent !important;
    }
    .mobile-chat-group .group-body .chat-panel .resizable-wrapper {
        height: calc(100% - 40px);
    }
    .mobile-chat-group .group-body .chat-panel .live-sub-btns {
        height: 40px;
        border-top: 0;
        background-color: rgba(0, 0, 0, 0.4);
    }
    .mobile-chat-group .group-body .chat-panel .live-sub-btns .icon {
        flex: 0 0 32px;
        width: 32px;
        height: 32px;
        border-radius: 8px;
        margin: 0 4px 0 0;
    }
    .mobile-chat-group .group-body .chat-panel .live-sub-btns .icon.gift {
        background-image: url(http://wiwitv.com/svg/gift_box_white.svg);
        background-color: hsla(0, 0%, 100%, 0.15);
        background-size: 60%;
        background-repeat: no-repeat;
        background-position: 50%;
    }
    .mobile-chat-group .group-body .chat-panel .live-sub-btns .icon.up {
        background-image: url(http://wiwitv.com/mobile/button/btn-up-02-w.png);
    }
    .mobile-chat-group .group-body .chat-panel .live-sub-btns .icon.star {
        background-image: url(http://wiwitv.com/mobile/button/btn_bookmark_off_w.png);
        background-color: hsla(0, 0%, 100%, 0.15);
        background-position: 50%;
        background-size: 24px;
    }
    .mobile-chat-group .group-body .chat-panel .live-sub-btns .icon.star.on {
        background-image: url(http://wiwitv.com/mobile/button/btn_bookmark_on_w.png);
    }
    .mobile-chat-group .group-body .chat-panel .live-sub-btns .emoji {
        background-color: hsla(0, 0%, 100%, 0.15);
        background-position: 50%;
        background-size: 24px;
    }
    .mobile-chat-group .group-body .chat-panel .live-sub-btns.mobile > form > div {
        border: none;
        border-radius: 8px;
    }
    .mobile-chat-group .group-body .chat-panel .live-sub-btns.mobile > form > div > button {
        background-color: #ccc;
    }
    .mobile-chat-group .group-body .chat-panel .live-sub-btns.mobile > form > div > input {
        height: 32px;
        background-color: hsla(0, 0%, 100%, 0.15);
        border-radius: 8px;
        padding-left: 8px;
        color: #fff;
    }
    .mobile-chat-group .group-body .chat-panel .live-sub-btns.mobile > form > div > input::-moz-placeholder {
        color: #ccc;
    }
    .mobile-chat-group .group-body .chat-panel .live-sub-btns.mobile > form > div > input::placeholder {
        color: #ccc;
    }
    .mobile-player-container .flex-gift-wrap .btn-charge {
        position: static;
    }
    .mobile-player-container .flex-gift-wrap .btn-stop-gift {
        margin: 0;
    }
}
.standby-screen {
    z-index: 2;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url(http://wiwitv.com/image/standby_bg.png) 50% no-repeat;
    background-size: cover;
}
.standby-screen .standby-inner {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    background: transparent;
}
.standby-screen .figure {
    max-width: 77px;
    max-height: 137px;
    margin-bottom: 9px;
}
.standby-screen .figure img {
    max-width: 100%;
    vertical-align: top;
}
.standby-screen .desc {
    color: #222;
    text-align: center;
}
.standby-screen .desc h3 {
    font-size: 30px;
    line-height: 36px;
    color: inherit;
    margin-bottom: 5px;
}
.standby-screen .desc p {
    font-size: 18px;
    line-height: 22px;
    color: inherit;
}
.standby-screen .standby-time {
    width: 256px;
    height: 40px;
    background-color: #222;
    margin-top: 8px;
}
.standby-screen .standby-time,
.standby-screen .standby-time .count {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 20px;
}
.standby-screen .standby-time .count {
    width: 250px;
    height: 34px;
    border: 2px solid #00fff6;
    color: #fff;
    font-size: 16px;
}
@media screen and (max-width: 599px) {
    .standby-screen .figure {
        max-width: 40px;
    }
    .standby-screen .desc {
        margin-bottom: 0;
    }
    .standby-screen .desc h3 {
        font-size: 20px;
        line-height: 22px;
    }
    .standby-screen .desc p {
        font-size: 14px;
        line-height: 16px;
    }
}
@media screen and (max-width: 320px) {
    .standby-screen .figure {
        display: none;
    }
}
.popup-chat {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.popup-chat-header {
    display: flex;
    flex-direction: row;
    align-items: center;
    height: 40px;
    background-color: #eee;
}
.popup-chat-header span {
    font-size: 14px;
    display: inline-block;
    vertical-align: top;
    padding: 0 10px;
    position: relative;
}
.popup-chat.hidden-header .popup-chat-header {
    display: none;
}
.popup-chat.light-theme {
    background-color: #e3e8eb;
}
.popup-chat-header span:after {
    display: inline-block;
    width: 1px;
    height: 10px;
    background-color: #ddd;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -5px;
    content: "";
}
.popup-chat-header span:last-child:after {
    display: none;
}
.popup-chat-Menu {
    background-color: #fff;
    width: 100%;
    display: flex;
    flex-direction: row;
}
.popup-chat-Menu > div {
    display: flex;
    flex: 1;
    align-items: center;
    justify-content: center;
    height: 50px;
    font-size: 15px;
    color: #121212;
    border-bottom: 2px solid #121212;
    cursor: pointer;
}
.popup-chat-Menu > div.active {
    background: #121212;
    color: #fff;
}
.popup-chat-btns,
.popup-chat-btns .popup-chat-btn-group {
    display: flex;
    flex-direction: row;
}
.popup-chat-btns .popup-chat-btn-group.btn-group-first {
    width: 50%;
}
.popup-chat-btns .popup-chat-btn-group.btn-group-second {
    flex: 1;
}
.popup-chat-btns .channel-btn-modal {
    display: flex;
    flex: 1;
    flex-direction: column;
    margin: 0;
    padding: 0;
    line-height: normal;
    align-items: center;
    justify-content: center;
    background-color: #f8f8f8;
    height: 80px;
    cursor: pointer;
}
.popup-chat-btns .channel-btn-modal:first-child {
    border-left: none;
}
.popup-chat-btns .channel-btn-modal:last-child {
    border-right: none;
}
.popup-chat-btns .channel-btn-modal .icon {
    position: static;
    transform: none;
    width: 34px;
    height: 34px;
    background-size: auto 20px !important;
}
.popup-chat-btns .channel-btn-modal .icon.sponPassAll {
    background-size: 18px auto !important;
}
.popup-chat-btns .channel-btn-modal .icon.sponPass {
    background-size: auto 19px !important;
}
.popup-chat-btns .channel-btn-modal .icon.sponReset {
    background-size: 25px 19px !important;
}
.popup-chat-btns .channel-btn-modal .text {
    font-size: 13px;
    line-height: 16px;
    color: #121212;
    margin-top: 4px;
    display: flex;
    height: 32px;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.popup-chat-btns .channel-btn-modal .text span {
    display: block;
}
.popup-chat-inner {
    position: absolute;
    top: 170px;
    left: 0;
    right: 0;
    bottom: 0;
}
.popup-chat.hidden-header .popup-chat-inner {
    top: 130px;
}
.popup-chat-fanlist {
    position: absolute;
    top: 90px;
    left: 0;
    right: 0;
    bottom: 0;
}
.popup-chat-fanlist > div {
    top: 0 !important;
}
.popup-chat.hidden-header .popup-chat-fanlist {
    top: 50px;
}
.popup-chat.dark-theme {
    background-color: #000;
}
.popup-chat.dark-theme .popup-chat-header {
    background-color: #282828;
}
.popup-chat.dark-theme .popup-chat-header span {
    color: #fff;
}
.popup-chat.dark-theme .popup-chat-Menu {
    background-color: #000;
}
.popup-chat.dark-theme .popup-chat-Menu > div {
    position: relative;
    color: #fff;
    border-bottom: 0;
}
.popup-chat.dark-theme .popup-chat-Menu > div:before {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    height: 5px;
    width: 0;
    background-color: #000;
    transition: all 0.3s;
    content: "";
}
.popup-chat.dark-theme .popup-chat-Menu > div.active {
    background-color: #282828;
}
.popup-chat.dark-theme .popup-chat-Menu > div.active:before {
    width: 100%;
    background-color: #ff024a;
}
.popup-chat.dark-theme .popup-chat-btns {
    flex-direction: column;
}
.popup-chat.dark-theme .popup-chat-btns .popup-chat-btn-group {
    width: 100%;
    flex: 1;
}
.popup-chat.dark-theme .popup-chat-btns .channel-btn-modal {
    display: flex;
    flex-direction: row;
    height: 40px;
    background-color: #2f2f2f;
    border-left: 1px solid #000;
}
.popup-chat.dark-theme .popup-chat-btns .popup-chat-btn-group .channel-btn-modal:first-child {
    border-left: 0;
}
.popup-chat.dark-theme .popup-chat-btns .popup-chat-btn-group.btn-group-first .channel-btn-modal {
    border-bottom: 1px solid #000;
}
.popup-chat.dark-theme .popup-chat-btns .channel-btn-modal:hover {
    background-color: #3e3e3e;
}
.popup-chat.dark-theme .popup-chat-btns .channel-btn-modal:before {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    background-size: 16px;
    background-position: 50%;
    margin-right: 8px;
    content: "";
}
.popup-chat.dark-theme .popup-chat-btns .channel-btn-modal.btn-ico-stop:before {
    background-image: url(http://wiwitv.com/icon/popchat-ico-stop.png);
}
.popup-chat.dark-theme .popup-chat-btns .channel-btn-modal.btn-ico-freezen:before {
    background-image: url(http://wiwitv.com/icon/popchat-ico-freezen.png);
}
.popup-chat.dark-theme .popup-chat-btns .channel-btn-modal.btn-ico-pass:before {
    background-image: url(http://wiwitv.com/icon/popchat-ico-pass.png);
}
.popup-chat.dark-theme .popup-chat-btns .channel-btn-modal.btn-ico-passall:before {
    background-image: url(http://wiwitv.com/icon/popchat-ico-passall.png);
}
.popup-chat.dark-theme .popup-chat-btns .channel-btn-modal.btn-ico-reset:before {
    background-image: url(http://wiwitv.com/icon/popchat-ico-reset.png);
}
.popup-chat.dark-theme .popup-chat-btns .channel-btn-modal.btn-ico-game:before {
    background-image: url(http://wiwitv.com/icon/ico-game.png);
}
.popup-chat.dark-theme .popup-chat-btns .channel-btn-modal .icon {
    display: none;
}
.popup-chat.dark-theme .popup-chat-btns .channel-btn-modal .text {
    color: #fff;
    flex-direction: row;
}
.popup-chat.dark-theme .popup-chat-btns .channel-btn-modal .text span {
    margin-left: 4px;
}
.popup-chat.dark-theme .chat-wrap .live_chat-input-container__AQbly {
    background-color: #2f2f2f;
}
.popup-chat.dark-theme .chat-wrap .wrap-chat-field > div {
    background-color: #000 !important;
    padding-right: 40px;
}
.popup-chat.dark-theme .chat-wrap .wrap-chat-field textarea {
    background-color: #000 !important;
    color: #fff !important;
    width: 100% !important;
}
.popup-chat.dark-theme .chat-wrap .wrap-chat-field textarea:focus {
    outline: none;
    border: 1px solid #ff024a !important;
}
.popup-chat.dark-theme .chat-wrap .wrap-chat-field .chat-submit-btn {
    background-color: #ff024a;
    border-radius: 0 4px 4px 0;
}
.popup-chat-container-title {
    font-size: 12px;
    color: #000;
    padding: 4px 8px;
    background-color: #f1f1f1;
}
.popup-chat.dark-theme .popup-chat-container-title {
    color: #fff;
    background-color: #2f2f2f;
}
.popup-chat-brcst-setting {
    padding: 20px;
}
.popup-chat-brcst-setting .brcst-setting-section {
    margin-bottom: 30px;
}
.popup-chat-brcst-setting .brcst-setting-subtitle {
    font-size: 16px;
    margin-bottom: 10px;
    color: #000;
}
.popup-chat-brcst-setting .brcst-setting-btns {
    text-align: center;
}
.popup-chat-brcst-setting .brcst-setting-input {
    width: 100%;
}
.popup-chat-brcst-setting .brcst-setting-input input {
    width: 100%;
    height: 40px;
    background-color: #fff;
    border: 1px solid #d4d4d5;
    border-radius: 4px;
    margin: 0;
    padding: 0 10px;
}
.popup-chat-brcst-setting .brcst-setting-btns .brcst-setting-submit {
    font-size: 14px;
    padding: 12px 44px;
    border: 1px solid #f2507e;
    color: #f2507e;
    border-radius: 4px;
    background-color: #fff;
}
.popup-chat.dark-theme .popup-chat-brcst-setting .brcst-setting-subtitle,
.popup-chat.dark-theme .ui.checkbox input.hidden + label,
.popup-chat.dark-theme .ui.radio input[type="radio"] + label {
    color: #fff;
}
.popup-chat.dark-theme .popup-chat-brcst-setting .brcst-setting-input input {
    color: #fff;
    background-color: #121212;
    border-color: #373737;
}
.popup-chat.dark-theme .popup-chat-brcst-setting .brcst-setting-input input:focus {
    outline: none;
    border-color: #ff024a;
}
.popup-chat.dark-theme .popup-chat-brcst-setting .ui.checkbox label:before {
    background-color: #121212 !important;
    border-color: #373737 !important;
}
.popup-chat.dark-theme .popup-chat-brcst-setting .ui.checkbox input:checked ~ label:before {
    border-color: #ff024a !important;
    background-color: #ff024a !important;
}
.popup-chat.dark-theme .popup-chat-brcst-setting .brcst-setting-btns .brcst-setting-submit {
    color: #fff;
    border-color: #ff024a;
    background-color: #ff024a;
}
.popup-chat.dark-theme .live-chat-user {
    position: relative;
    background-color: #000;
    border: 0;
    height: 100%;
}
.popup-chat.dark-theme .live-chat-user .chat-user-list {
    max-height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}
.popup-chat.dark-theme .live-chat-user .chat-user-list .user-list-item {
    color: #fff;
}
.popup-chat.dark-theme .live-chat-user .chat-user-list .user-list-title {
    color: #fff;
    background-color: #2f2f2f;
}
.iframeEvents {
    position: fixed;
    width: 100%;
    height: 100%;
    border: none;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 101;
    pointer-events: none;
    overflow: hidden;
}
@media screen and (max-width: 360px) {
    .popup-chat-btns .channel-btn-modal .text {
        font-size: 12px;
    }
}
.chat-footer-support {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #eef2f8;
    z-index: 10;
}
.chat-footer-support .support-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 48px;
    padding: 8px 8px 8px 20px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}
.chat-footer-support .support-header .support-title {
    display: flex;
    align-items: center;
}
.chat-footer-support .support-header .support-title img {
    width: 18px;
}
.chat-footer-support .support-header .support-title h3 {
    font-size: 15px;
    font-weight: 100;
    margin-top: 0;
    margin-left: 8px;
}
.chat-footer-support .send-luv-pop {
    width: 100%;
    padding: 0;
    border-radius: 0;
    background-color: transparent;
    top: 48px;
    bottom: 0;
}
.chat-footer-support .send-luv-pop .react-tabs {
    height: 100%;
}
.chat-footer-support .send-luv-pop .react-tabs__tab-list li {
    border-radius: 0 !important;
    font-size: 14px !important;
    font-weight: 300 !important;
    background-color: transparent !important;
    border: 0 !important;
    height: 40px !important;
    padding: 0 !important;
    display: flex;
    align-items: center;
    justify-content: center;
}
.chat-footer-support .send-luv-pop .react-tabs__tab-list .react-tabs__tab--selected {
    color: #ff024a !important;
}
.chat-footer-support .send-luv-pop .react-tabs__tab-list .react-tabs__tab--selected:after {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 4px;
    background-color: #ff024a;
    content: "";
}
.chat-footer-support .send-luv-pop .flex-gift-wrap {
    height: 100%;
    padding: 0;
    background-color: transparent;
    border-top: 0;
}
.chat-footer-support .send-luv-pop .flex-gift-wrap .react-tabs {
    height: calc(100% - 120px);
}
.chat-footer-support .send-luv-pop .react-tabs__tab-panel--selected {
    height: calc(100% - 40px);
}
.chat-footer-support .send-luv-pop .gift-item {
    width: 50%;
    flex: 0 0 50%;
    border: 0;
    padding: 8px;
}
.chat-footer-support .flex-gift-header {
    height: 120px;
}
.chat-footer-support .tab-panel-wrap {
    height: calc(100% - 40px);
    overflow-x: hidden;
    overflow-y: auto;
}
.chat-footer-support .flex-remained {
    display: flex;
    flex-direction: column;
    padding: 16px 20px;
}
.chat-footer-support .flex-remained span {
    display: flex;
    align-items: center;
}
.chat-footer-support .flex-remained .text {
    font-size: 14px;
    font-weight: 300;
    margin-bottom: 8px;
}
.chat-footer-support .flex-remained .flex {
    font-size: 20px;
    font-weight: 700;
    color: #ff024a;
}
.chat-footer-support .flex-remained .flex img {
    margin-left: 4px;
}
.chat-footer-support .flex-gift-form {
    display: flex;
    align-items: center;
    padding: 0 20px;
}
.chat-footer-support .flex-gift-form .flex-input {
    flex: 1;
    padding-right: 8px;
}
.chat-footer-support .flex-gift-form .flex-input .ui.input {
    width: 100%;
}
.chat-footer-support .flex-gift-form .flex-gift-button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 70px;
    height: 40px;
    background-color: #ff024a;
    border-radius: 4px;
    color: #fff;
}
.chat-footer-support .emoji-gift-list {
    display: flex;
    flex-wrap: wrap;
    padding: 20px 16px;
}
.chat-footer-support .emoji-gift-item {
    width: 50%;
    padding-left: 4px;
    padding-right: 4px;
    padding-bottom: 8px;
    cursor: pointer;
}
.chat-footer-support .emoji-gift-item .gift-item-inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    padding: 4px;
    border-radius: 8px;
    height: 100%;
    overflow: hidden;
    border: 2px solid rgba(0, 0, 0, 0.1);
    background-color: #fff;
}
.chat-footer-support .emoji-gift-item .gift-item-inner .flex-coin {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px 0 4px;
}
.chat-footer-support .emoji-gift-item .gift-item-inner .flex-coin .text {
    margin-left: 4px;
    font-size: 14px;
    color: #ff024a;
}
.chat-footer-support .emoji-gift-item .gift-item-inner .flex-img {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}
.chat-footer-support .emoji-gift-item .gift-item-inner .flex-img img {
    max-width: 100%;
    -o-object-fit: unset;
    object-fit: unset;
    border-radius: 4px;
}
.chat-footer-support .text-gift-list {
    padding: 20px;
}
.chat-footer-support .text-gift-item {
    display: flex;
    height: 48px;
    align-items: center;
    justify-content: space-between;
    background: #fff;
    border-radius: 4px;
    margin-bottom: 8px;
    padding: 0 16px;
    cursor: pointer;
    white-space: nowrap;
}
.chat-footer-support .text-gift-item .coin {
    display: flex;
}
.chat-footer-support .text-gift-item .coin img {
    -o-object-fit: unset;
    object-fit: unset;
}
.chat-footer-support .text-gift-item .coin > span {
    margin-left: 4px;
    font-size: 14px;
    color: #ff024a;
}
.chat-footer-support .text-gift-item .name {
    padding: 0 8px;
    font-size: 14px;
}
.chat-footer-support .text-gift-item .count {
    color: #000;
    font-weight: 300;
    font-size: 14px;
}
.chat-footer-support .flex-gift-btn .total {
    padding: 0 8px;
}
.talkSlider .slick-next,
.talkSlider .slick-prev {
    z-index: 1;
    opacity: 0;
    transition: all 0.3s;
}
.talkSlider .slick-prev {
    left: 3%;
}
.talkSlider .slick-next {
    right: 6%;
}
.talkSlider .slick-next:before,
.talkSlider .slick-prev:before {
    color: #4c96ff;
    font-size: 30px;
}
.talkSlider:hover {
    .slick-next,
    .slick-prev {
        opacity: 1;
    }
}
.talkSlider .slick-next:before,
.talkSlider .slick-prev:before {
    color: #000;
    font-size: 40px;
}
@media screen and (max-width: 480px) {
    .talkSlider .slick-next {
        right: 9%;
    }
}
.ui.attached.menu {
    width: 100%;
    height: 100%;
}
.ui.dimmer {
    display: flex !important;
    background: rgba(0, 0, 0, 0.3);
    opacity: 0;
    z-index: 0;
    transition: opacity 0.5s linear;
}
.ui.dimmer.active {
    opacity: 1;
    z-index: 1000;
}
.ui.dimmer > .content {
    width: 100%;
}
.ui.divider.cus-divider {
    display: block;
    width: 100%;
    height: 1px;
    background-color: #ddd;
    border: 0 !important;
}
#__next h2.ui.header {
    font-size: 24px;
    font-weight: 500;
}
#__next .igui_seekbar_progress,
#__next .igui_seekbar_scrubber {
    background-color: #ff024a;
}
#__next .ig-player {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}
#__next a,
#headlessui-portal-root a {
    color: var(--text-default);
}
#__next .ig_contextmenu {
    display: none;
}
#__next .ui.button.secondary {
    color: #fff;
    background-color: #ff024a;
}
#__next .ui.button.secondary.inverted {
    box-shadow: inset 0 0 0 2px #ff024a !important;
    color: #ff024a;
}
#__next .ui.inverted.secondary.button:active,
#__next .ui.inverted.secondary.button:focus,
#__next .ui.inverted.secondary.button:hover,
#__next .ui.inverted.secondary.buttons .button:active,
#__next .ui.inverted.secondary.buttons .button:focus,
#__next .ui.inverted.secondary.buttons .button:hover {
    background: #ff024a;
    color: #fff;
}
#__next .ui.fluid.inverted input {
    border: none;
}
#__next .ui.menu {
    margin: 0;
    border-bottom: none;
}
.chrome-active .ui.fixed.menu,
.chrome-active .ui[class*="top fixed"].menu {
    top: 60px;
}
#__next .ui.menu .item {
    padding: 0;
}
#__next .ui.menu > .item:not(:last-child):after {
    content: "";
    width: 2px;
    height: 12px;
    background-color: #ccc;
    left: 15px;
    position: relative;
    display: block;
    transform: none;
    visibility: visible;
}
#__next .tab {
    border: none;
    padding: 0;
}
#__next .ui.segment.tab-content {
    margin-top: 2px;
}
#__next .ui.segment.tab-content.inline {
    margin: 0;
    position: absolute;
    top: 40px;
    bottom: 0;
    width: 100%;
}
#__next .ui.secondary.menu .item {
    margin: 0 1.14285714em;
    padding: 0.85714286em 0;
}
#__next .ui.secondary.menu .item:first-child {
    margin-left: 0;
}
#__next .active.item {
    font-weight: 500;
}
#__next .ui.avatar.image {
    width: 34px;
    height: 34px;
    margin-right: 8px;
    background-color: #ddd;
}
#__next .ui.button,
#headlessui-portal-root .ui.button,
.modal .ui.button {
    font-size: 12px;
    padding: 7px 12px;
    height: 30px;
    color: #333;
    background-color: #fff;
    border-radius: 6px;
    border: 1px solid #ddd;
    font-weight: 400;
}
#__next .ui.button.primary,
#headlessui-portal-root .ui.button.primary,
.modal .ui.button.primary,
.ui.button.primary {
    color: #fff;
    background-color: #f2507e;
    border: none;
}
#__next .ui.button.dark,
#headlessui-portal-root .ui.button.dark,
.modal .ui.button.dark,
.ui.button.dark {
    color: #fff;
    background-color: #333;
    border: none;
}
#__next .ui.button.gray,
.modal .ui.button.gray,
.ui.button.gray {
    color: #fff;
    background-color: #7e7e7e;
    border: none;
}
#__next .ui.button.gray2,
.modal .ui.button.gray2,
.ui.button.gray2 {
    color: #fff;
    background-color: #c8c8c8;
    border: none;
}
#__next .ui.button.gray3,
.modal .ui.button.gray3,
.ui.button.gray3 {
    color: #9d9d9d;
    background-color: #e8e8e8;
    border: 0;
}
#__next .ui.button.gray4,
.modal .ui.button.gray4,
.ui.button.gray4 {
    color: #fff;
    background-color: #8b8b8b;
    border: 0;
}
#__next .ui.button.gray5,
.modal .ui.button.gray5,
.ui.button.gray5 {
    color: #555;
    background-color: #f5f5f5;
    border: 0;
}
#__next .ui.button.danger,
.modal .ui.button.danger,
.ui.button.danger {
    color: #f2507e;
    background-color: #ffe8ef;
    border: none;
}
#__next .ui.button.mint,
.modal .ui.button.mint,
.ui.button.mint {
    border-color: #08c8c8;
    background-color: #08c8c8;
    color: #fff;
}
#__next .ui.button.link {
    color: #000;
    background-color: #f0f1f2;
    border: none;
    font-weight: 500;
}
#__next .ui.button.border-dark,
.modal .ui.button.border-dark,
.ui.button.border-dark {
    border: 1px solid #4b4b4b;
    background-color: #fff;
}
#__next .ui.button.border-gray,
.modal .ui.button.border-gray,
.ui.button.border-gray {
    color: #666;
    border: 1px solid #bcbcbc;
    background-color: #fff;
}
#__next .ui.button.border-primary,
.modal .ui.button.border-primary,
.ui.button.border-primary {
    border: 1px solid #f2507e;
    color: #f2507e;
    background-color: #fff;
}
#__next .ui.button.labeled {
    border-radius: 0;
    height: 40px;
}
.modal .ui.button {
    padding-bottom: 7px;
    padding-top: 7px;
}
#__next .ui.button.medium,
.modal .ui.button.medium {
    font-size: 14px;
    padding: 12px 23px;
    height: auto;
}
#__next .ui.button.big,
#headlessui-portal-root .ui.button.big,
.modal .ui.button.big {
    font-size: 14px;
    padding: 12px 44px;
    height: auto;
}
#__next .ui.button.text-underline {
    text-decoration: underline;
}
#__next .ui.secondary.pointing.menu .active.item {
    border-color: #ff024a;
    color: #ff024a;
    font-weight: 500;
}
#__next .ui.secondary.pointing.menu .active.item:hover {
    border-color: #ff024a;
    color: #ff024a;
}
#__next .ui.red.label {
    border-color: #e64574 !important;
    background-color: #e64574 !important;
    color: #fff !important;
    padding: 3px 8px;
}
#__next .ui.red.label.inverted {
    background-color: #fff !important;
    color: #e64574 !important;
}
#__next .video-js .vjs-tech,
.container {
    position: relative;
}
.hidden-scroll {
    -ms-overflow-style: none;
}
.hidden-scroll::-webkit-scrollbar {
    display: none;
}
#__next .video-js .vjs-play-progress {
    background-color: #ff024a;
}
#__next .vjs-poster {
    background-size: cover;
}
#__next .vjs-big-play-button .vjs-icon-placeholder {
    font-size: 100px;
}
#__next .video-js .vjs-big-play-button {
    background: transparent;
    top: 50%;
    left: 50%;
    margin-left: -50px;
    margin-top: -50px;
    border: none;
}
#__next .react-tabs__tab {
    cursor: pointer;
}
#__next .modal-tab01 .react-tabs__tab:first-child {
    border-radius: 7px 0 0 0;
}
#__next .modal-tab01 .react-tabs__tab:last-child {
    border-radius: 0 7px 0 0;
}
#__next .modal-tab01 .react-tabs__tab {
    flex: 0 190px;
    max-width: 190px;
    padding: 12px 10px;
    color: #848484;
    background-color: #e2e2e2;
    border: 0;
    border-bottom: 1px solid #888;
}
#__next .modal-tab01 .react-tabs__tab--selected {
    border-bottom: 1px solid #888;
    background-color: #fff;
    color: #000;
}
#__next .react-tabs__tab-list,
.modal .react-tabs__tab-list {
    border: none;
    display: flex;
    margin: 0;
}
#__next .react-tabs__tab,
.modal .react-tabs__tab {
    display: flex;
    justify-content: center;
    flex: 1;
    font-size: 15px;
    color: #888;
    border: 1px solid #d9d9d9;
    border-right: 0;
    border-bottom: 1px solid #666;
    background: #f7f7f7;
    padding: 10px;
}
#__next .react-tabs__tab--selected,
.modal .react-tabs__tab--selected {
    border: 1px solid;
    border-color: #666 #666 #fff;
    border-radius: 0;
    color: #222;
    font-weight: 500;
    background: #fff;
}
#__next .type03 .react-tabs__tab,
.modal .type03 .react-tabs__tab {
    flex: 1;
    padding: 10px;
    font-size: 12px;
    color: #000;
    font-weight: 500;
    background-color: #f1f1f1;
    border: 1px solid #ddd;
    border-right: 0;
}
#__next .type03 .react-tabs__tab:first-child,
.modal .type03 .react-tabs__tab:first-child {
    border-left: 0;
}
#__next .modal .type03 .react-tabs__tab--selected,
#__next .type03 .react-tabs__tab--selected {
    border-bottom: 1px solid #fff;
    background-color: #fff;
    color: #ff024a;
}
#__next .type04 .react-tabs__tab,
.modal .type04 .react-tabs__tab {
    position: relative;
    flex: unset;
    padding: 3px 0;
    font-size: 14px;
    color: #000;
    font-weight: 500;
    border: 0;
    margin-right: 20px;
    background-color: transparent;
}
#__next .type04 .react-tabs__tab:after,
.modal .type04 .react-tabs__tab:after {
    content: "";
    position: absolute;
    top: 50%;
    right: -10px;
    width: 1px;
    height: 10px;
    background-color: #c7c7c7;
    margin-top: -5px;
    left: unset;
}
#__next .type04 .react-tabs__tab:focus,
.modal .type04 .react-tabs__tab:focus {
    outline: 0;
    box-shadow: none;
}
#__next .type04 .react-tabs__tab:first-child,
.modal .type04 .react-tabs__tab:first-child {
    padding-left: 0;
}
#__next .type04 .react-tabs__tab:last-child:after,
.modal .type04 .react-tabs__tab:last-child:after {
    display: none;
}
#__next .type04 .react-tabs__tab--selected,
.modal .type04 .react-tabs__tab--selected {
    border-bottom: 1px solid #ff024a;
    color: #ff024a;
}
#__next .type05 .react-tabs__tab-list,
.modal .type05 .react-tabs__tab-list {
    padding: 20px 15px;
    border: 1px solid #cfcfcf;
    margin-top: 25px;
    margin-bottom: 30px;
    border-radius: 8px;
}
#__next .type05 .react-tabs__tab,
.modal .type05 .react-tabs__tab {
    position: relative;
    flex: unset;
    padding: 3px 0;
    font-size: 12px;
    color: #888;
    font-weight: 400;
    border: 0;
    margin-right: 20px;
    background-color: transparent;
}
#__next .type05 .react-tabs__tab:after,
.modal .type05 .react-tabs__tab:after {
    content: "";
    position: absolute;
    top: 7px;
    right: -12px;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background-color: #cfcfcf;
    margin-top: 3px;
}
#__next .type05 .react-tabs__tab:first-child,
.modal .type05 .react-tabs__tab:first-child {
    padding-left: 0;
}
#__next .type05 .react-tabs__tab:last-child:after,
.modal .type05 .react-tabs__tab:last-child:after {
    display: none;
}
#__next .type05 .react-tabs__tab--selected,
.modal .type05 .react-tabs__tab--selected {
    color: #000;
}
#__next .type06 .react-tabs__tab,
.modal .type06 .react-tabs__tab {
    border: 1px solid #0000000d;
    background-color: #f7f7f8;
    color: #999;
    padding: 12px 10px;
    border-radius: 8px 8px 0 0;
    margin-left: -1px;
}
#__next .type06 .react-tabs__tab:first-child,
.modal .type06 .react-tabs__tab:first-child {
    margin-left: 0;
}
#__next .type06 .react-tabs__tab--selected,
.modal .type06 .react-tabs__tab--selected {
    background-color: #fff;
    color: #000;
}
#__next .type06 .react-tabs__tab--selected:after,
.modal .type06 .react-tabs__tab--selected:after {
    content: "";
    position: absolute;
    height: 5px;
    left: -4px;
    right: -4px;
    bottom: -5px;
    background: #fff;
}
#__next .type07 .react-tabs__tab,
.live-list-tab.type07 {
    margin-top: 16px;
}
.live-list-tab.type07 .tab-header ul {
    display: flex;
    flex-direction: row;
    align-items: center;
}
#__next .type07 .react-tabs__tab,
.live-list-tab.type07 .tab-header li,
.modal .type07 .react-tabs__tab {
    position: relative;
    flex: unset;
    padding: 0 30px 0 0;
    font-size: 16px;
    color: #7e7e7e;
    border: 0;
    background-color: transparent;
    margin-right: 30px;
    margin-bottom: 20px;
}
#__next .type07 .react-tabs__tab:after,
.live-list-tab.type07 .tab-header li:after,
.modal .type07 .react-tabs__tab:after {
    content: "";
    position: absolute;
    top: 4px;
    right: 0;
    left: auto;
    width: 1px;
    height: 10px;
    background-color: #c7c7c7;
    margin-top: 3px;
}
#__next .type07 .react-tabs__tab:first-child,
.live-list-tab.type07 .tab-header li:first-child,
.modal .type07 .react-tabs__tab:first-child {
    padding-left: 0;
}
#__next .type07 .react-tabs__tab:last-child:after,
.live-list-tab.type07 .tab-header li:last-child:after,
.modal .type07 .react-tabs__tab:last-child:after {
    display: none;
}
#__next .type07 .react-tabs__tab--selected,
.live-list-tab.type07 .tab-header ul li.selected,
.modal .type07 .react-tabs__tab--selected {
    color: var(--color-6);
}
#__next .type08 > .react-tabs__tab-list,
.modal .type08 > .react-tabs__tab-list {
    position: relative;
    flex: unset;
    display: flex;
    width: 100%;
    padding-top: 8px;
    border-bottom: 1px solid #ddd;
    background-color: #f7f7f7;
}
#__next .type08 > .react-tabs__tab-list > .react-tabs__tab,
.modal .type08 > .react-tabs__tab-list > .react-tabs__tab {
    position: relative;
    flex: none;
    font-size: 14px;
    color: #000;
    text-align: center;
    background: transparent;
    margin: auto;
    border: 0;
    padding: 0 8px 8px;
}
#__next .type08 > .react-tabs__tab-list > .react-tabs__tab--selected,
.modal .type08 > .react-tabs__tab-list > .react-tabs__tab--selected {
    color: #222;
    font-weight: 500;
    border-bottom: 2px solid #222;
}
a {
    cursor: pointer;
}
.ui.form .field .ui.input input,
.ui.form .fields .field .ui.input input,
.ui.form input:not([type]),
.ui.form input[type="date"],
.ui.form input[type="datetime-local"],
.ui.form input[type="email"],
.ui.form input[type="file"],
.ui.form input[type="number"],
.ui.form input[type="password"],
.ui.form input[type="search"],
.ui.form input[type="tel"],
.ui.form input[type="text"],
.ui.form input[type="time"],
.ui.form input[type="url"] {
    width: 100%;
    height: 40px;
    border: 1px solid #c4c4c4;
    border-radius: 6px;
    background-color: #fff;
    font-size: 14px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.2;
    letter-spacing: normal;
    text-align: left;
    color: #000;
}
.ui.form .field {
    margin-bottom: 16px;
}
.ui.form .field .ui.input input::-moz-placeholder,
.ui.form .fields .field .ui.input input::-moz-placeholder,
.ui.form input:not([type])::-moz-placeholder,
.ui.form input[type="date"]::-moz-placeholder,
.ui.form input[type="datetime-local"]::-moz-placeholder,
.ui.form input[type="email"]::-moz-placeholder,
.ui.form input[type="file"]::-moz-placeholder,
.ui.form input[type="number"]::-moz-placeholder,
.ui.form input[type="password"]::-moz-placeholder,
.ui.form input[type="search"]::-moz-placeholder,
.ui.form input[type="tel"]::-moz-placeholder,
.ui.form input[type="text"]::-moz-placeholder,
.ui.form input[type="time"]::-moz-placeholder,
.ui.form input[type="url"]::-moz-placeholder {
    color: #b5b5b5;
}
.ui.form .field .ui.input input::placeholder,
.ui.form .fields .field .ui.input input::placeholder,
.ui.form input:not([type])::placeholder,
.ui.form input[type="date"]::placeholder,
.ui.form input[type="datetime-local"]::placeholder,
.ui.form input[type="email"]::placeholder,
.ui.form input[type="file"]::placeholder,
.ui.form input[type="number"]::placeholder,
.ui.form input[type="password"]::placeholder,
.ui.form input[type="search"]::placeholder,
.ui.form input[type="tel"]::placeholder,
.ui.form input[type="text"]::placeholder,
.ui.form input[type="time"]::placeholder,
.ui.form input[type="url"]::placeholder {
    color: #b5b5b5;
}
.ui.form .field.valid .ui.input input,
.ui.form .field.valid .ui.input input:hover,
.ui.form .fields .field.valid .ui.input input,
.ui.form .fields .field.valid .ui.input input:focus,
.ui.form .fields .field.valid .ui.input input:hover .ui.form .field.valid .ui.input input:focus,
.ui.form input.valid:not([type]).valid:focus,
.ui.form input:not([type]).valid,
.ui.form input:not([type]).valid:hover,
.ui.form input[type="date"].valid,
.ui.form input[type="date"].valid:focus,
.ui.form input[type="date"].valid:hover,
.ui.form input[type="datetime-local"].valid,
.ui.form input[type="datetime-local"].valid:focus,
.ui.form input[type="datetime-local"].valid:hover,
.ui.form input[type="email"].valid,
.ui.form input[type="email"].valid:focus,
.ui.form input[type="email"].valid:hover,
.ui.form input[type="file"].valid,
.ui.form input[type="file"].valid:focus,
.ui.form input[type="file"].valid:hover,
.ui.form input[type="number"].valid,
.ui.form input[type="number"].valid:focus,
.ui.form input[type="number"].valid:hover,
.ui.form input[type="password"].valid,
.ui.form input[type="password"].valid:focus,
.ui.form input[type="password"].valid:hover,
.ui.form input[type="search"].valid,
.ui.form input[type="search"].valid:focus,
.ui.form input[type="search"].valid:hover,
.ui.form input[type="tel"].valid,
.ui.form input[type="tel"].valid:focus,
.ui.form input[type="tel"].valid:hover,
.ui.form input[type="text"].valid,
.ui.form input[type="text"].valid:focus,
.ui.form input[type="text"].valid:hover,
.ui.form input[type="time"].valid,
.ui.form input[type="time"].valid:focus,
.ui.form input[type="time"].valid:hover,
.ui.form input[type="url"].valid,
.ui.form input[type="url"].valid:focus,
.ui.form input[type="url"].valid:hover {
    border: 1px solid #41d49d;
    background-color: #f3fef7;
}
.ui.form .field.error .ui.input input,
.ui.form .field.error .ui.input input:hover,
.ui.form .fields .field .ui.input input.error:focus,
.ui.form .fields .field.error .ui.input input,
.ui.form .fields .field.error .ui.input input:hover .ui.form .field.error .ui.input input:focus,
.ui.form input.error:not([type]).error:focus,
.ui.form input:not([type]).error,
.ui.form input:not([type]).error:hover,
.ui.form input[type="date"].error,
.ui.form input[type="date"].error:focus,
.ui.form input[type="date"].error:hover,
.ui.form input[type="datetime-local"].error,
.ui.form input[type="datetime-local"].error:focus,
.ui.form input[type="datetime-local"].error:hover,
.ui.form input[type="email"].error,
.ui.form input[type="email"].error:focus,
.ui.form input[type="email"].error:hover,
.ui.form input[type="file"].error,
.ui.form input[type="file"].error:focus,
.ui.form input[type="file"].error:hover,
.ui.form input[type="number"].error,
.ui.form input[type="number"].error:focus,
.ui.form input[type="number"].error:hover,
.ui.form input[type="password"].error,
.ui.form input[type="password"].error:focus,
.ui.form input[type="password"].error:hover,
.ui.form input[type="search"].error,
.ui.form input[type="search"].error:focus,
.ui.form input[type="search"].error:hover,
.ui.form input[type="tel"].error,
.ui.form input[type="tel"].error:focus,
.ui.form input[type="tel"].error:hover,
.ui.form input[type="text"].error,
.ui.form input[type="text"].error:focus,
.ui.form input[type="text"].error:hover,
.ui.form input[type="time"].error,
.ui.form input[type="time"].error:focus,
.ui.form input[type="time"].error:hover,
.ui.form input[type="url"].error,
.ui.form input[type="url"].error:focus,
.ui.form input[type="url"].error:hover {
    border: 1px solid #ff8282;
    background-color: #fff3f3;
}
.ui.form .field .ui.input input:focus,
.ui.form .field .ui.input input:hover,
.ui.form .fields .field .ui.input input:focus,
.ui.form .fields .field .ui.input input:hover,
.ui.form input:not([type]):focus,
.ui.form input:not([type]):hover,
.ui.form input[type="date"]:focus,
.ui.form input[type="date"]:hover,
.ui.form input[type="datetime-local"]:focus,
.ui.form input[type="datetime-local"]:hover,
.ui.form input[type="email"]:focus,
.ui.form input[type="email"]:hover,
.ui.form input[type="file"]:focus,
.ui.form input[type="file"]:hover,
.ui.form input[type="number"]:focus,
.ui.form input[type="number"]:hover,
.ui.form input[type="password"]:focus,
.ui.form input[type="password"]:hover,
.ui.form input[type="search"]:focus,
.ui.form input[type="search"]:hover,
.ui.form input[type="tel"]:focus,
.ui.form input[type="tel"]:hover,
.ui.form input[type="text"]:focus,
.ui.form input[type="text"]:hover,
.ui.form input[type="time"]:focus,
.ui.form input[type="time"]:hover,
.ui.form input[type="url"]:focus,
.ui.form input[type="url"]:hover {
    border: 1px solid #ff98b6;
}
.ui.form .field span.message {
    display: inline-block;
    font-size: 12px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    color: #888;
    line-height: 1.17;
    letter-spacing: normal;
    text-align: left;
    margin-top: 7px;
}
.ui.form .field span.message.error {
    color: #ff7b7b;
}
.ui.form .field span.message.valid {
    color: #41d49d;
}
.ui.form .field .ui.input input:disabled,
.ui.form .fields .field .ui.input input:disabled {
    border: 0;
    background: #f3f3f3;
    color: #b8b8b8;
}
.ui.dropdown .menu {
    width: 100%;
}
.ui.toggle.checkbox input.hidden + label {
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    color: #000 !important;
    opacity: unset;
    padding: 0 4.5rem 0 0;
}
.ui.checkbox {
    font-size: 12px;
}
.ui.checkbox.big input.hidden + label {
    line-height: 20px;
    padding-left: 25px;
}
.custom .ui.toggle.checkbox .box:before,
.custom .ui.toggle.checkbox input:focus ~ label:before,
.custom .ui.toggle.checkbox label:before,
.custom .ui.toggle.checkbox label:focus:before,
.custom .ui.toggle.checkbox label:hover:before {
    content: "OFF";
    left: unset;
    right: 0;
    width: 60px;
    height: 30px;
    font-size: 14px;
    color: #fff;
    border: none !important;
    background-color: #969696 !important;
    padding-right: 9px;
    text-align: right;
}
.ui.toggle.checkbox .box:before,
.ui.toggle.checkbox input:focus ~ label:before,
.ui.toggle.checkbox label:before,
.ui.toggle.checkbox label:focus:before,
.ui.toggle.checkbox label:hover:before {
    content: "OFF";
    left: unset;
    right: 0;
    width: 60px;
    height: 30px;
    font-size: 14px;
    color: #fff;
    border: none !important;
    background-color: #e3e3e3 !important;
    padding-right: 9px;
    text-align: right;
}
.ui.toggle.checkbox input ~ .box:after,
.ui.toggle.checkbox input ~ label:after {
    left: unset;
    top: 4px;
    right: 2.4rem;
    transition: background 0.3s ease, right 0.3s ease;
    background-color: #fff !important;
}
.ui.toggle.checkbox input:checked ~ .box:after,
.ui.toggle.checkbox input:checked ~ label:after {
    left: unset;
    right: 0.4rem;
    top: 4px;
    transition: background 0.3s ease, right 0.3s ease;
    background-color: #2bd4ce;
}
.ui.checkbox + span.point {
    font-size: 13px;
    font-weight: 500;
    color: #000;
    margin-left: 3px;
}
.ui.toggle.checkbox input:checked ~ .box:before,
.ui.toggle.checkbox input:checked ~ label:before,
.ui.toggle.checkbox input:checked ~ label:focus:before,
.ui.toggle.checkbox input:checked ~ label:hover:before,
.ui.toggle.checkbox input:focus:checked ~ .box:before,
.ui.toggle.checkbox input:focus:checked ~ label:before {
    content: "ON";
    text-align: left;
    padding-left: 9px;
    background-color: #1e2331 !important;
    border: 0;
}
.ui.checkbox input:checked:focus ~ .box:before,
.ui.checkbox input:checked:focus ~ label:before,
.ui.checkbox input:checked ~ .box:before,
.ui.checkbox input:checked ~ label:before,
.ui.checkbox input:not([type="radio"]):indeterminate:focus ~ .box:before,
.ui.checkbox input:not([type="radio"]):indeterminate:focus ~ label:before {
    background-color: #ff024a;
    border: 7px solid #ff024a;
}
.ui.checkbox input:checked:focus ~ .box:after,
.ui.checkbox input:checked:focus ~ label:after,
.ui.checkbox input:checked ~ .box:after,
.ui.checkbox input:checked ~ label:after,
.ui.checkbox input:not([type="radio"]):indeterminate:focus ~ .box:after,
.ui.checkbox input:not([type="radio"]):indeterminate:focus ~ label:after {
    color: #fff;
    font-size: 12px;
    background-color: #ff024a !important;
}
.ui.checkbox.big .box:before,
.ui.checkbox.big input:checked:focus ~ .box:before,
.ui.checkbox.big input:checked:focus ~ label:before,
.ui.checkbox.big input:checked ~ .box:before,
.ui.checkbox.big input:checked ~ label:before,
.ui.checkbox.big input:not([type="radio"]):indeterminate:focus ~ .box:before,
.ui.checkbox.big input:not([type="radio"]):indeterminate:focus ~ label:before,
.ui.checkbox.big label:before {
    width: 20px;
    height: 20px;
}
.ui.checkbox.big .box:after,
.ui.checkbox.big input:checked:focus ~ .box:after,
.ui.checkbox.big input:checked:focus ~ label:after,
.ui.checkbox.big input:checked ~ .box:after,
.ui.checkbox.big input:checked ~ label:after,
.ui.checkbox.big input:not([type="radio"]):indeterminate:focus ~ .box:after,
.ui.checkbox.big input:not([type="radio"]):indeterminate:focus ~ label:after,
.ui.checkbox.big label:after {
    width: 20px;
    height: 20px;
}
.ui.checkbox.type02 input.hidden + label {
    font-size: 12px;
    font-weight: 400;
    color: #666;
}
.ui.checkbox .box:before,
.ui.checkbox label:after,
.ui.checkbox label:before {
    border-radius: 4px;
    width: 16px;
    height: 16px;
}
.ui.checkbox label:before {
    border-color: #707070;
}
.ui.checkbox.type02 input:checked:focus ~ .box:before,
.ui.checkbox.type02 input:checked:focus ~ label:before,
.ui.checkbox.type02 input:checked ~ .box:before,
.ui.checkbox.type02 input:checked ~ label:before,
.ui.checkbox.type02 input:not([type="radio"]):indeterminate:focus ~ .box:before,
.ui.checkbox.type02 input:not([type="radio"]):indeterminate:focus ~ label:before {
    background-color: #fff;
    border: 1px solid #707070;
    border-radius: 0;
}
.ui.checkbox.type02 input:checked:focus ~ .box:after,
.ui.checkbox.type02 input:checked:focus ~ label:after,
.ui.checkbox.type02 input:checked ~ .box:after,
.ui.checkbox.type02 input:checked ~ label:after,
.ui.checkbox.type02 input:not([type="radio"]):indeterminate:focus ~ .box:after,
.ui.checkbox.type02 input:not([type="radio"]):indeterminate:focus ~ label:after {
    color: #000;
}
#__next .ui.radio.checkbox label:after {
    top: 1px;
    left: 0;
    width: 21px;
    height: 21px;
}
#__next .ui.radio input:checked ~ label:after,
.cus-radio input:checked ~ label:after {
    background-color: #fff !important;
    width: 15px;
    height: 15px;
}
.cus-radio {
    margin-right: 8px;
}
#__next .ui.radio.big input:checked ~ label:after,
#__next .ui.radio.big label:after {
    width: 32px;
    height: 32px;
    left: -6px;
    top: -5px;
}
#__next .ui.radio.checkbox input:disabled + label:before {
    background-color: #d9d9d9;
}
#__next .ui.button.btn_sns,
#__next .ui.button.btn_sns:focus,
#__next .ui.button.btn_sns:hover {
    display: inline-block;
    width: 52px;
    height: 52px;
    border: 0;
    font-size: 0;
    text-indent: -999999px;
    margin: 0;
    padding: 0;
    vertical-align: middle;
    overflow: hidden;
}
#__next .ui.button.btn_sns.kakao {
    background: url(http://wiwitv.com/button/btn_sns_kakao.png) no-repeat;
    background-size: cover;
    background-color: transparent;
}
#__next .ui.button.btn_sns.naver {
    background: url(http://wiwitv.com/button/btn_sns_naver.png) no-repeat;
    background-size: cover;
    background-color: transparent;
}
.ui.form .field > label {
    font-size: 14px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.08;
    letter-spacing: normal;
    text-align: left;
    color: #222;
    margin-bottom: 8px;
}
.ui.form .required.field > label:after,
.ui.form .required.fields.grouped > label:after,
.ui.form .required.fields:not(.grouped) > .field > label:after {
    vertical-align: -1px;
}
.ui.table {
    border: 0;
    border-radius: 0;
    color: #666;
}
.ui.table,
.ui.table thead th {
    font-size: 15px;
    border-bottom: 1px solid #bbb;
}
.ui.table thead th {
    font-weight: 500;
    color: #222;
    text-align: center;
    border-top: 1px solid #666;
    padding: 18px 10px;
}
.ui.table thead tr:first-child > th:first-child,
.ui.table thead tr:first-child > th:last-child {
    border-radius: 0;
}
.ui.table tr td {
    font-size: 15px;
    font-weight: 400;
    color: #666;
    text-align: center;
    padding: 17px 10px;
    border-top: 1px solid #ddd;
}
#__next .pagination,
#headlessui-portal-root .pagination {
    display: flex;
    width: 100%;
    min-height: unset;
    border: 0;
    box-shadow: none;
    border-radius: unset;
    justify-content: center;
    margin-top: 20px;
}
#__next .pagination .item.disabled .item-link,
#headlessui-portal-root .pagination .item.disabled .item-link {
    opacity: 0.5;
    cursor: auto;
    background-color: #fafafa;
}
#__next .pagination .item .item-link,
#headlessui-portal-root .pagination .item .item-link {
    display: inline-flex;
    flex: 0 0 40px;
    max-width: 40px;
    min-width: unset;
    width: 40px;
    height: 40px;
    padding: 0;
    font-size: 15px;
    color: #5b626b;
    text-align: center;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    border-radius: 8px;
    border: 1px solid #acb2b9;
    margin-right: 4px;
    font-weight: 500;
}
#__next .pagination .item .arrow,
#headlessui-portal-root .pagination .item .arrow {
    width: 14px;
    height: 14px;
}
#__next .pagination .item .scaleX,
#headlessui-portal-root .pagination .item .scaleX {
    transform: scaleX(-1);
}
#__next .pagination .item:after,
#__next .pagination .item:before,
#headlessui-portal-root .item:after,
#headlessui-portal-root .item:before {
    content: none;
}
#__next .pagination .item.icon,
#headlessui-portal-root .pagination .item.icon {
    color: #bcbcbc;
}
#__next .pagination .active.item .active-link,
#headlessui-portal-root .pagination .active.item {
    color: #ff024a;
    border: 1px solid #ff024a;
}
#__next .pagination .item:active,
#__next .pagination .item:focus,
#__next .pagination .item:hover,
#headlessui-portal-root .pagination .item:active,
#headlessui-portal-root .pagination .item:focus,
#headlessui-portal-root .pagination .item:hover {
    outline: none;
}
.ui.modal > .header {
    padding: 25px 10px 36px;
}
.ui.modal > .header:not(.ui) {
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.13;
    letter-spacing: normal;
}
.ui.modal > .icon:first-child + *,
.ui.modal > :first-child:not(.icon) {
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
}
.ui.menu.live-search-wrap:not(.vertical) .right.item,
.ui.menu.live-search-wrap:not(.vertical) .right.menu {
    margin-left: 0 !important;
}
.ui.modal.type02 {
    box-shadow: 0 5px 12px 0 rgba(0, 0, 0, 0.7);
    border: 1px solid #707070;
    background-color: #fff;
    padding: 10px;
}
.ui.modal.type02 .header {
    display: flex;
    justify-content: space-between;
    font-size: 16px;
    font-weight: 500;
    color: #333;
    text-align: left;
    border-bottom: 1px solid #ddd;
    padding: 10px 20px;
    margin-bottom: 20px;
}
.ui.modal.type02 .header .btn-close {
    width: 15px;
    height: 15px;
    background: url(http://wiwitv.com/button/pop_close.png) no-repeat;
    background-size: 15px 15px;
}
.ui.modal.type02 > .content {
    padding: 0 20px !important;
}
.ui.modal.type02 .disabled {
    background-color: #eee;
    padding: 5px;
}
.ui.modal.type03 {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
.ui.modal.type03 .header {
    padding: 8px 15px;
    background-color: #000;
    color: #fff;
    text-align: left;
}
.ui.modal.type03 > .icon:first-child + *,
.ui.modal.type03 > :first-child:not(.icon) {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.ui.modal.type03 > .content {
    border: 1px solid #ddd;
    border-top: 0;
    background-color: #fff;
}
.ui.modal.type03 > .content > .container {
    padding: 15px 20px;
    font-size: 13px;
    color: #000;
}
.ui.modal.type03 > .content > .container .guide {
    font-size: 12px;
    color: #666;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #ddd;
}
.ui.modal.type03 > .content > .container .guide > p {
    margin-bottom: 5px;
}
.ui.modal.type03 > .content > .container .list {
    padding: 5px 10px;
}
.ui.modal.type03 > .content > .container .list.focus,
.ui.modal.type03 > .content > .container .list:hover {
    background-color: #e8e8e8;
}
.ui.modal.type03 > .content > .container .list .title {
    font-size: 14px;
    color: #000;
}
.ui.modal.type03 > .content > .container .list .date {
    margin-right: 10px;
}
.ui.modal.type04 {
    box-shadow: 0 5px 12px 0 rgba(0, 0, 0, 0.7);
    border: 1px solid #707070;
    background-color: #fff;
    padding: 10px;
}
.ui.modal.type04 .header {
    display: flex;
    justify-content: space-between;
    font-size: 16px;
    font-weight: 500;
    color: #333;
    text-align: left;
    border-bottom: 1px solid #ddd;
    padding: 10px 0 10px 20px;
    margin-bottom: 20px;
}
.ui.modal.type04 .header .btn-close {
    width: 15px;
    height: 15px;
    background: url(http://wiwitv.com/button/pop_close.png) no-repeat;
    background-size: 15px 15px;
}
.modal-type05 .disabled,
.ui.modal.type05 .disabled {
    background-color: #eee;
    padding: 5px;
}
.ui.modal.type05 {
    box-shadow: 0 5px 12px 0 rgba(0, 0, 0, 0.7);
    border: 1px solid #707070;
    background-color: #fff;
}
.ui.modal.type05 .header {
    display: flex;
    justify-content: space-between;
    font-size: 16px;
    font-weight: 500;
    color: #333;
    text-align: left;
    border-bottom: 1px solid #ddd;
    padding: 14px 20px;
}
.ui.modal.type05 .header .btn-close {
    width: 15px;
    height: 15px;
    background: url(http://wiwitv.com/button/pop_close.png) no-repeat;
    background-size: 15px 15px;
}
.modal-type05 .disabled,
.ui.modal.type05 .disabled {
    background-color: #f5f5f5;
    padding: 20px 28px;
    font-size: 16px;
    color: #666;
}
.modal-type05 .title,
.ui.modal.type05 .title {
    margin-bottom: 10px;
}
.modal-type05 .point,
.ui.modal.type05 .point {
    font-size: 18px;
    font-weight: 500;
    color: #ff024a;
    margin: 0 4px;
}
.modal-type05 .input-wrap.delete,
.ui.modal.type05 .input-wrap.delete {
    position: relative;
    margin: 0 10px 0 0;
    flex: 1;
}
.modal-type05 .input-wrap > input,
.ui.modal.type05 .input-wrap > input {
    height: 40px;
    padding: 12px 10px;
    border: 1px solid #bcbcbc;
    border-radius: 6px;
    box-sizing: border-box;
    margin: 0;
}
.modal-type05 .input-wrap > input::-moz-placeholder,
.ui.modal.type05 .input-wrap > input::-moz-placeholder {
    color: #b5b5b5;
}
.modal-type05 .input-wrap > input::placeholder,
.ui.modal.type05 .input-wrap > input::placeholder {
    color: #b5b5b5;
}
.modal-type05 .input-wrap > .btn-delete,
.ui.modal.type05 .input-wrap > .btn-delete {
    position: absolute;
    right: 10px;
    top: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 15px;
    height: 15px;
    transform: translateY(-50%);
    background: url(http://wiwitv.com/button/btn_del.png) no-repeat;
    background-size: cover;
    padding: 0;
}
.modal-type05 .btns,
.ui.modal.type05 .btns {
    text-align: center;
    padding: 17px 0;
    margin-bottom: 7px;
    justify-content: center;
}
.modal-type05 .btns > button,
.ui.modal.type05 .btns > button {
    max-width: 150px;
    height: 45px;
}
.ui.modal.alram {
    box-shadow: 0 5px 12px 0 rgba(0, 0, 0, 0.7);
    background-color: #fff;
    padding: 15px;
    border-radius: 16px;
    font-size: 15px;
    color: #666;
}
.ui.modal.alram .point {
    color: #ff024a;
}
.ui.modal.alram .container {
    text-align: center;
}
.ui.modal.alram .container > p:not(:last-child) {
    margin-bottom: 10px;
}
.ui.modal.alram .header {
    font-size: 16px;
    font-weight: 500;
    color: #222;
    text-align: center;
    padding: 10px 0 0;
    margin-bottom: 24px;
}
.ui.modal.alram .btns {
    text-align: center;
    margin-top: 30px;
}
.ranking-table {
    width: 100%;
    border-collapse: collapse;
}
.ranking-table > thead > tr > th {
    padding: 12px 0;
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    color: #333;
}
.ranking-table > tbody > tr > td {
    text-align: center;
}
.ranking-table > tbody > tr > td > div {
    margin: 0 auto;
}
.ranking-table > tbody > tr > td > input {
    height: 26px;
    font-size: 14px;
    color: #333;
    border: 1px solid #bcbcbc;
    border-radius: 4px;
    padding: 5px 7px;
}
.ranking-table > tbody > tr > td > .ui.dropdown {
    border: 1px solid #bcbcbc;
    border-radius: 4px;
    padding: 5px 11px;
}
.video-js .vjs-control-bar {
    background-color: #000;
}
#__next .video-js .vjs-play-progress {
    background-color: #fff;
}
.video-js .vjs-load-progress div {
    opacity: 0.5;
    background-color: #fff;
}
.video-js .vjs-play-progress:before {
    display: none;
}
#__next .card-item .ui.card > .content .btns > button {
    flex: 1;
    width: unset;
    height: 38px !important;
    margin-right: 5px;
    border: 0;
    transition: all 0.3s;
    font-size: 13px;
    letter-spacing: 0;
}
#__next .desktop-container .card-item .ui.card > .content .btns > button:hover {
    background-color: #f2507e;
    color: #fff !important;
    border-color: #ff024a !important;
}
#__next .card-item .ui.card > .content .btns > button:first-child,
#__next .card-item .ui.card > .content .btns > button:nth-child(2) {
    border: 1px solid #999;
    color: #999;
}
#__next .card-item.premium .ui.card > .content .btns > button:first-child {
    border: 1px solid #667be4;
    color: #667be4;
}
#__next .card-item.premium .ui.card > .content .btns > button:nth-child(2) {
    color: #fff;
    background-color: #667be4;
}
#__next .card-item.gold .ui.card > .content .btns > button:first-child {
    border: 1px solid #e5c04d;
    color: #e5c04d;
}
#__next .card-item.gold .ui.card > .content .btns > button:nth-child(2) {
    color: #fff;
    background-color: #e5c04d;
}
#__next .card-item .ui.card > .content .btns > button:last-child {
    margin-right: 0;
}
.card-item-wrap.charge .card-item .ui.card .img {
    display: block;
    width: 100px;
    height: 100px;
    border-radius: 50% !important;
    margin: 0 auto 25px;
    background-color: #f5f5f5;
}
.card-item-wrap.charge .card-item .content {
    border-top: 0;
    text-align: center;
}
.card-item-wrap.charge .card-item .content > .title {
    font-size: 16px;
    font-weight: 500;
    color: #222;
    margin-bottom: 4px;
}
.card-item-wrap.charge .card-item .content > .description > strong {
    font-size: 14px;
    font-weight: 400;
    color: #ff024a;
    margin-right: 4px;
}
.card-item-wrap.charge .card-item .content > .description > span {
    font-size: 12px;
    color: #888;
}
.card-item-wrap.charge .card-item .ui.card > .content,
.card-item-wrap.charge .card-item .ui.card > .extra {
    border-top: 0 !important;
}
.card-item-wrap.charge .card-item .content.extra > .btns {
    margin-top: 32px;
}
.glide__arrows {
    padding: 5px;
}
.glide__arrow {
    position: relative;
    top: 0;
    margin: 0;
    transform: none;
    left: 0;
    right: 0;
    width: 20px;
    height: 20px;
    padding: 5px;
    transition: all 0.2s ease-in-out;
    background: url(http://wiwitv.com/button/btn-left-nor.png) no-repeat 50%;
    background-size: contain;
}
.glide__arrow.glide__arrow--next,
.glide__arrow.glide__arrow--right {
    transform: rotate(180deg);
}
.glide__bullet {
    background-color: #ddd;
    width: 9px;
    height: 9px;
    padding: 0;
    border-radius: 50%;
    border: 2px solid transparent;
    transition: all 0.3s ease-in-out;
    cursor: pointer;
    line-height: 0;
    box-shadow: 0 0.25em 0.5em 0 rgba(0, 0, 0, 0.1);
    margin: 0 0.25em;
}
.glide__bullet--active {
    background-color: #f2507e;
}
.ui.accordion .ui.table > tbody:not(:last-child) .title td {
    border-bottom: 1px solid #bbb;
}
.ui.accordion .accordion .ui.table .title td,
.ui.accordion .ui.table .title td {
    font-size: inherit;
    color: inherit;
    text-align: center;
    font-weight: inherit;
}
.ui.accordion .accordion .ui.table .title,
.ui.accordion .ui.table .title {
    display: table-row;
}
.ui.accordion .accordion .ui.table .active.content,
.ui.accordion .ui.table .active.content {
    display: table-row;
    padding: 20px;
}
.accordion.ui .ui.table .content.active .content-detail {
    padding: 20px 0;
    word-break: break-all;
}
.accordion.ui .ui.table .content.active .content-detail > .img {
    display: block;
    margin-bottom: 10px;
}
.accordion.ui .ui.table .content.active .content-detail > .txt {
    display: block;
    font-size: 15px;
    margin-bottom: 10px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: pre-line;
}
.tb-answer {
    background-color: #f7f7f7;
    padding: 20px;
}
.tb-answer > .point {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 10px;
}
.tb-answer > p {
    font-size: 16px;
    line-height: 24px;
    color: #666;
}
.ui.selection.dropdown {
    min-width: 130px;
    min-height: 40px;
    height: 40px;
    padding: 0;
}
.ui.selection.dropdown span {
    display: inline-block;
    height: 100%;
    padding: 0 8px;
}
.ui.selection.dropdown > .dropdown.icon {
    padding: 7px 10px;
}
.ui.selection.dropdown .divider-text {
    color: hsla(0, 0%, 75%, 0.87);
}
#__next .ui.selection.dropdown {
    min-height: 40px;
    line-height: 32px;
}
#__next .ui.selection.dropdown > .dropdown.icon {
    top: 40%;
}
.filepond--panel-root,
.filepond--root > .filepond--panel {
    background: transparent !important;
}
.defalutImageUploader .filepond--root .filepond--drop-label {
    border-radius: 8px;
    background-color: #fff;
    border: 1px dashed #333;
    padding: 80px;
}
.filepond--root .filepond--hopper {
    margin: 0;
}
.filepond--credits {
    display: none;
}
.miniImageUpload .filepond--root .filepond--hopper {
    height: 0 !important;
}
.miniImageUpload .filepond--image-preview-wrapper {
    top: -97px;
    left: -1px;
    width: 50px;
}
.miniImageUpload .filepond--item {
    height: 50px !important;
}
.miniImageUpload .filepond--file [data-align*="left"] {
    top: -106px;
    left: 38px;
    width: 20px;
    height: 20px;
}
.miniImageUpload .filepond--drop-label {
    transform: none !important;
    visibility: visible !important;
    opacity: 1 !important;
}
.miniImageUpload .filepond--browser {
    display: none;
}
.miniImageUpload .filepond--root .filepond--drop-label {
    min-height: 18px !important;
    width: 190px !important;
}
.miniImageUpload .filepond--panel .filepond--item-panel {
    display: none;
}
.miniImageUpload .filepond--image-preview-overlay .filepond--image-preview-overlay-idle {
    color: #fff;
}
.miniImageUpload_none .filepond--root .filepond--drop-label {
    min-height: 18px !important;
    width: 190px !important;
}
.miniImageUpload_none .filepond--root {
    margin-bottom: 0 !important;
}
.miniImageUpload_none .filepond--root .filepond--hopper {
    height: 0 !important;
}
h2.ui.header.pc.sigh2:after {
    top: 22%;
}
h2.ui.header.mobile.sub-title.sigh2:after,
h2.ui.header.pc.sigh2:after {
    content: "";
    position: absolute;
    right: 14px;
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
    background: url(http://wiwitv.com/button/btn_more_s.png) no-repeat 50%;
    background-size: 16px;
}
h2.ui.header.mobile.sub-title.sigh2:after {
    top: 78%;
}
.signature-pop-box {
    padding: 0 24px 24px;
}
.signature-pop-box > .signature-add-box {
    font-size: 14px;
    font-weight: 400;
    color: #333;
}
.signature-pop-box > .signature-add-box .label {
    font-size: 14px;
    margin: 0 0 8px;
    padding: 0;
    line-height: 1.6;
}
.signature-pop-box > .signature-add-box > .ui.input {
    display: flex;
    align-items: center;
    margin-bottom: 24px;
}
.signature-pop-box > .signature-add-box > .ui.labeled.input:not([class*="corner labeled"]) .label:first-child {
    flex: 0 0 91px;
    border: 0;
    background: transparent;
    font-size: 14px;
    font-weight: 400;
    color: #333;
    padding: 0;
}
.signature-pop-box > .signature-add-box > .ui.labeled.input:not([class*="corner labeled"]) .label:first-child + input {
    flex: 1;
    border-top-left-radius: 0.28571429rem;
    border-bottom-left-radius: 0.28571429rem;
    border: 1px solid #bcbcbc;
    height: 26px;
    padding: 0 12px;
}
.signature-pop-box > .signature-add-box > .flex > .label {
    flex: 0 0 91px;
}
.signature-pop-box > .signature-add-box > .flex > .add-box {
    flex: 1;
}
.signature-pop-box > .signature-add-box > .flex > .add-box > div {
    height: 126px;
}
.signature-pop-box > .signature-add-box > .flex > .guide {
    display: flex;
    align-items: flex-end;
    flex: 1;
    height: 116px;
    font-size: 12px;
    color: #e86f1e;
    margin-left: 10px;
}
.live-wrap .glide__track {
    margin-top: 12px;
}
.live-wrap .glide__track .glide__slide {
    padding: 5px 8px 13px;
    border-radius: 6px;
}
.live-wrap .glide__track .glide__slide:hover {
    background-color: rgba(0, 0, 0, 0.1);
}
@media screen and (max-width: 1366px) {
    .mobile-container .glide__slide[class*="active"] {
        transform: none;
    }
    .mobile-container .glide {
        display: block;
    }
    .mobile-container .glide__slide.active-sibling + .glide__slide:not([class*="active"]),
    .mobile-container .glide__slide.active-sibling + .glide__slide:not([class*="active"]) + .glide__slide {
        transform: none;
    }
    .mobile-container .ui.container {
        margin: auto !important;
    }
    .mobile-container .ui.menu:not(.vertical) .right.item,
    .mobile-container .ui.menu:not(.vertical) .right.menu {
        display: none;
    }
    .mobile-container .ui.menu:not(.vertical) .center.item {
        margin-right: 0;
    }
    .mobile-container .ui.menu:not(.vertical) .left.item {
        flex: 1;
        margin-right: auto !important;
        padding: 0;
    }
    .mobile-container .glide.mobile .glide__slides {
        padding: 16px 0;
        background-color: #333;
    }
    .mobile-container .glide.mobile .glide__slides .glide__slide {
        flex: unset;
        width: unset;
        min-width: unset;
        height: 100%;
        margin: 0;
        border-radius: 8px;
    }
    .mobile-container .glide.mobile .glide__slides .glide__slide .video-card-thumn:after {
        content: "";
        position: absolute;
        left: 0;
        bottom: 0;
        z-index: 1;
        width: 100%;
        height: 50%;
        background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.5) 0, transparent);
    }
    #__next .mobile-container .ui.selection.dropdown > .dropdown.icon {
        top: 31%;
    }
    .mobile-container .ui.dropdown > .dropdown.icon:before {
        content: "";
        display: inline-block;
        width: 20px;
        height: 20px;
        background: url(http://wiwitv.com/mobile/button/btn_down.png) no-repeat !important;
        background-size: cover !important;
    }
    .mobile-container .ui.dropdown > .text {
        font-size: 14px;
    }
    .mobile-container .ui.dropdown > .text .flag {
        display: none !important;
    }
    .mobile-container .ui.selection.dropdown .menu {
        max-height: unset;
    }
    .mobile-container .ui.modal > .header {
        padding: 10px 31px 14px 10px;
    }
    #__next .type07 .react-tabs__tab,
    .live-list-tab.type07 .tab-header li,
    .modal .type07 .react-tabs__tab {
        font-size: 14px;
    }
}
.mobile-container .glide__bullet {
    flex: 1;
    border-radius: 0;
    margin: 0;
}
.modal__overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.6);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
}
.micromodal-slide {
    display: none;
}
.micromodal-slide.is-open {
    display: block;
}
.micromodal-slide .modal__container,
.micromodal-slide .modal__overlay {
    will-change: transform;
}
@media screen and (max-width: 767px) {
    #__next .type07 .react-tabs__tab,
    .live-list-tab.type07 .tab-header li,
    .modal .type07 .react-tabs__tab {
        padding-right: 8px;
        margin-right: 8px;
        margin-bottom: 0;
    }
    .tab-header button {
        float: right;
    }
    #__next .pagination .item .item-link,
    #headlessui-portal-root .pagination .item .item-link {
        display: inline-flex;
        flex: 0 0 30px;
        max-width: 30px;
        min-width: unset;
        width: 30px;
        height: 30px;
        padding: 0;
        font-size: 15px;
        color: #999;
        text-align: center;
        align-items: center;
        justify-content: center;
        background-color: #fff;
        border-radius: 8px;
        border: 1px solid #0000000d;
        margin-right: 4px;
        font-weight: 300;
    }
}
@media only screen and (max-width: 500px) {
    #__next .ui.button {
        padding: 8px;
        height: 36px;
        margin-right: 0;
    }
    #__next .ui.button,
    .modal .ui.button {
        font-size: 12px;
    }
    #__next .ui.red.label {
        width: auto !important;
        height: auto !important;
        padding: 3px !important;
        font-size: 10px !important;
    }
    .glide.mobile .video-card-thumn .video-card-info {
        bottom: 12px;
        left: 12px;
    }
    .glide.mobile .video-card-thumn .video-card-info > .img {
        flex: 0 0 40px;
        max-width: 40px;
        height: 40px;
    }
    .ui.checkbox input.hidden + label {
        font-size: 14px;
    }
    .ui.modal.type05 {
        border: 0;
        border-radius: 12px;
    }
    .ui.modal.type05 .header {
        position: relative;
        display: block;
        background-color: #000;
        font-size: 14px;
        text-align: center;
        color: #fff;
        border-radius: 0;
        border-radius: 12px 12px 0 0;
        padding: 14px 20px !important;
    }
    .ui.modal.type05 .header > .btn-close {
        position: absolute;
        top: 50%;
        right: 10px;
        transform: translateY(-50%);
        display: block;
        width: 24px;
        height: 24px;
        background: url(http://wiwitv.com/mobile/button/btn_popup_close.png) no-repeat 50%;
        background-size: 24px 24px;
    }
    .ui.modal.type05 .disabled {
        padding: 18px 16px;
    }
    .ui.modal.type05 .disabled,
    .ui.modal.type05 .point,
    .ui.modal.type05 .title {
        font-size: 14px;
    }
    .ui.modal.type05 .input-wrap > input {
        height: 36px;
    }
    .ui.modal.type05 .input-wrap + span {
        font-size: 14px;
        font-weight: 500;
        color: #222;
    }
    .ui.modal.type05 .flex .ui.button {
        position: relative;
        height: 16px;
        font-size: 14px;
        font-weight: 500;
        background-color: transparent;
        color: #666;
        padding: 0 20px 0 0;
    }
    .ui.modal.type05 .flex .ui.button:after {
        content: "";
        position: absolute;
        right: 0;
        top: 0;
        width: 16px;
        height: 16px;
        background: url(http://wiwitv.com/mobile/button/btn_list_more.png) no-repeat 50%;
        background-size: cover;
    }
    .ui.modal.type05 .btns {
        padding: 16px;
    }
    .ui.modal.type05 .btns .ui.button {
        font-size: 15px;
        flex: 1;
        padding: 12px 10px;
    }
}
.context-menu {
    z-index: 1;
    background: #fff;
}
.plyr.plyr--loading {
    position: static;
}
.plyr--video {
    height: 100%;
}
.plyr--loading > .plyr__video-wrapper:after,
.video-screen-loading {
    display: block;
    width: 197px;
    height: 368px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -184px 0 0 -99px;
    background-color: transparent;
    background-image: url(http://wiwitv.com/image/split_loading.png);
    background-position: 0 0;
    background-size: 1182px 368px;
    background-repeat: no-repeat;
    opacity: 0;
    z-index: 2;
    content: "";
    animation-fill-mode: forwards;
    animation-name: fadein, loading;
    animation-delay: 0s, 1s;
    animation-duration: 1s, 4s;
    animation-timing-function: ease-in, steps(6);
    animation-iteration-count: 1, infinite;
}
@keyframes fadein {
    80% {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@keyframes loading {
    to {
        background-position: -1182px;
    }
}
@media screen and (max-width: 1023px) {
    .plyr--loading > .plyr__video-wrapper:after {
        width: 98.5px;
        height: 184px;
        background-size: 591px 184px;
        margin: -92px 0 0 -50px;
    }
    @keyframes loading {
        to {
            background-position: -591px;
        }
    }
}
@media screen and (max-width: 1280px) {
    #__next .ui.menu #menu {
        display: none;
    }
    #__next .ui.menu #smallScreenMenu {
        display: block;
    }
}
#image-cropper-container .cropper-view-box {
    outline: 1px solid #000;
}
.react-datepicker {
    border: 1px solid #e5e5e5 !important;
    box-shadow: 4px 8px 11px #00000029;
}
.react-datepicker__header--custom {
    background-color: #fff !important;
}
.react-datepicker__day-name:first-child,
.react-datepicker__day-name:last-child {
    color: red !important;
}
.react-datepicker__day-name {
    color: #676767 !important;
    font-size: 14px;
}
.react-datepicker__header--custom select {
    -o-appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.react-datepicker-popper {
    padding: 0 !important;
}
.react-datepicker__triangle {
    display: none !important;
}
.react-datepicker__day,
.react-datepicker__day-name,
.react-datepicker__time-name {
    margin: 6px !important;
}
.disabled-calendar .react-datepicker__day,
.disabled-calendar .react-datepicker__day-name,
.disabled-calendar .react-datepicker__time-name {
    margin: 0 !important;
    padding: 6px !important;
    width: 40px !important;
    height: 40px !important;
    border-radius: 0 !important;
}
.disabled-calendar .react-datepicker__week {
    margin-top: 12px;
}
.disabled-calendar .react-datepicker__day {
    background-color: #ff024a1a !important;
    opacity: 0.65 !important;
}
.disabled-calendar .react-datepicker__day--selected {
    background-color: red !important;
    border-radius: 50% !important;
    opacity: 1 !important;
}
.react-datepicker__day-names {
    background-color: #fff;
}
.react-datepicker__day-name {
    width: 28px !important;
}
.disabled-calendar .react-datepicker__day--disabled {
    background-color: #fff !important;
}
.react-datepicker__day {
    font-size: 14px !important;
    width: 28px !important;
    height: 28px;
    border-radius: 50% !important;
}
.disabled-calendar .react-datepicker__day {
    font-size: 14px !important;
    width: 40px !important;
    height: 40px !important;
}
.react-datepicker__day--outside-month {
    visibility: hidden !important;
    pointer-events: none;
}
.react-datepicker__day--selected {
    background-color: #ff024a !important;
}
.react-datepicker__day--selected.react-datepicker__day--weekend {
    color: #fff !important;
}
.react-datepicker__day--weekend.react-datepicker__day--disabled {
    color: #ccc !important;
}
.react-datepicker__day--weekend {
    color: red !important;
}
.react-datepicker__triangle:after {
    border-bottom-color: #fff !important;
}
.react-datepicker__header--custom {
    border: none !important;
}
.slick-thumb-tw li.slick-active button:before {
    color: #eb34b7;
}
@media screen and (max-width: 768px) {
    .slick-dots.slick-thumb-tw {
        bottom: -5px;
    }
}
.header-wrap {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.6) !important;
}
.header-top {
    height: 60px;
    padding: 0 16px;
    border: 0 !important;
    background: #000 !important;
    border-radius: 0 !important;
    transition: top 0.3s ease-in;
}
.chrome-active {
    padding-top: 60px;
}
.chrome-guide {
    position: fixed;
    left: 0;
    top: -60px;
    z-index: 9999;
    display: flex;
    width: 100%;
    height: 60px;
    align-items: center;
    justify-content: space-between;
    font-weight: 300;
    background-color: #f5f5f5;
    padding: 0 35px;
    transition: top 0.3s ease-in;
}
.chrome-guide > .center {
    margin: auto;
    font-size: 20px;
    color: #707070;
}
.chrome-guide > .center .text-blue {
    color: #4762ea;
}
.chrome-guide > .center > .ui.image {
    width: 30px;
    margin-right: 12px;
}
.chrome-guide > .center > .btn-chrome {
    font-size: 16px;
    color: #fff !important;
    padding: 8px 23px 8px 22px;
    border-radius: 20px;
    background-color: #4762ea;
    margin-left: 60px;
}
.chrome-guide > .right {
    font-size: 16px;
    color: #666;
}
.chrome-guide > .right .btn-close {
    display: inline-block;
    width: 16px;
    height: 16px;
    padding: 0;
    margin-left: 10px;
    vertical-align: -2px;
}
.chrome-guide > .right .btn-close > img {
    width: 100%;
}
.chrome-active .header-top {
    top: 60px;
    transition: top 0.3s ease-out;
}
.chrome-active .chrome-guide {
    top: 0;
    transition: top 0.3s ease-out;
}
.video-section-title {
    margin-bottom: 0 !important;
}
.sub-tit {
    font-size: 20px;
    font-weight: 500;
    color: #000;
}
.video-section-root::-webkit-scrollbar {
    display: none;
}
#__next .video-card-root {
    position: relative;
    flex: 0 0 25%;
    max-width: 25%;
    box-sizing: border-box;
    padding: 5px 8px;
    margin-bottom: 12px;
}
.video-card-root .video-card-txt {
    flex: 1;
    max-width: calc(100% - 42px);
}
.video-card-root .video-card-txt > .broadcast-info > .description > span.strength {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 400;
}
.video-card-root .video-card-img {
    height: 40px;
    width: 40px;
    min-width: 40px;
    margin-right: 8px;
}
.video-card-root .video-card-img span {
    display: block;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
    border-radius: 50%;
    overflow: hidden;
    border: 1px solid #d8d8d8;
}
.live-wrap .glide__slide .video-card-thumn {
    position: relative;
    height: 100%;
    padding-bottom: 56.25%;
    border-radius: 5px;
    overflow: hidden;
    background-color: #dcdcdc;
}
.live-wrap .glide__slide .video-card-thumn .video-js,
.live-wrap .glide__slide .video-card-thumn > a > .ui.image {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
}
.live-wrap .glide__slide .video-card-txt {
    flex: 1;
    max-width: calc(100% - 42px);
}
.live-wrap .glide__slide .video-card-txt .broadcast-info {
    width: 100%;
    overflow: hidden;
}
.live-wrap .glide__slide .video-card-txt .broadcast-info > .description {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
#__next .video-card-root .bj-thumn {
    flex: 0 0 34px;
}
#__next .video-card-root .video-card-title {
    flex: 1;
    font-size: 14px;
    font-weight: 500;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    max-height: 36px;
    line-height: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
}
#__next .video-card-root .video-card-title.mobile-title {
    padding-left: 20px;
    position: relative;
}
#__next .video-card-root .video-card-title i.mobile {
    position: absolute;
    top: 0;
    left: 0;
    line-height: 18px;
}
#__next .video-card-root .video-card-title > span,
.glide__slide .video-card-title > span {
    display: block;
    width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    line-height: 18px;
}
#__next .video-card-root .video-card-thumn {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    border: 1px solid #efefef;
    background-color: #dcdcdc;
    padding-bottom: 56.25%;
}
.video-card-root .video-card-thumn .ui.image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.main-section01 .hot-live .video-card-thumn {
    position: relative;
    width: 100%;
    height: 100%;
    padding-bottom: 56.25%;
}
#__next .hot-live .video-card-thumn:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
    width: 100%;
    height: 50%;
    background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0, transparent);
}
#__next .hot-live .video-card-thumn .video-img,
#__next .hot-live .video-card-thumn .video-js {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #000;
}
#__next .hot-live .video-card-thumn .video-img {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%;
}
#__next .video-card-root .video-card-thumn .video-js,
#__next .video-card-root .video-card-thumn > a > .ui.image:not(.label-age-limit),
.video-card-root .video-card-thumn .video-js,
.video-card-root .video-card-thumn > a > .ui.image:not(.label-age-limit) {
    position: absolute;
    top: 0;
    left: 0;
    width: calc(100% + 1px);
    min-height: 100%;
}
#__next .video-card-thumn .video-card-label,
.video-card-thumn .video-card-label {
    position: absolute;
    display: flex;
    align-items: center;
    top: 8px;
    left: 8px;
    z-index: 1;
    background-color: transparent;
    padding: 0;
    margin: 0;
    background: transparent;
}
#__next .video-card-thumn .label-age-limit,
#__next .video-card-thumn .label-age-limit.ui.image {
    position: absolute;
    width: 27px;
    height: 27px;
    top: 8px;
    right: 8px;
    left: unset;
    z-index: 1;
    background-color: transparent;
}
.video-card-thumn .video-card-info {
    position: absolute;
    left: 16px;
    bottom: 16px;
    display: flex;
    width: calc(100% - 20px);
    align-items: center;
    font-size: 12px;
    font-weight: 400;
    color: #fff;
    z-index: 2;
}
.video-card-thumn .video-card-info > .img {
    flex: 0 0 44px;
    max-width: 44px;
    height: 44px;
    border-radius: 50%;
    background-color: #fff;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    margin-right: 8px;
}
.video-card-thumn .video-card-info > span {
    flex: 1;
    max-width: calc(100% - 54px);
    text-align: left;
}
.video-card-thumn .video-card-info > .img > img {
    height: 100%;
    border-radius: 50%;
}
.video-card-thumn .video-card-info .title {
    display: block;
    font-size: 14px;
    font-weight: 500;
    line-height: 14px;
    margin-bottom: 5px;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
#__next .video-card-root .btn-delete {
    position: absolute;
    top: 8px;
    right: 8px;
    width: 13px;
    height: 13px;
    font-size: 0;
    background: url(http://wiwitv.com/button/btn_delete.png) no-repeat;
    background-size: cover;
}
#__next .video-card-root.hover .btn-delete {
    top: 20px;
    right: 20px;
}
#__next .search-result-box .ui.vertical.segment {
    border-bottom: 0;
}
#__next .search-result-box .grid-container {
    flex-wrap: wrap !important;
}
#__next .mobile-container .search-result-box .video-card-root,
#__next .search-result-box .video-card-root {
    display: flex;
    flex: 0 0 100%;
    max-width: 100%;
}
#__next .search-result-box .video-card-root > a {
    flex: 0 0 200px;
    max-width: 200px;
    height: 124px;
    margin-right: 10px;
}
#__next .search-result-box .video-card-root .video-card-thumn {
    flex: 1;
    max-width: 200px;
    margin-right: 10px;
    padding-bottom: 11.5%;
}
#__next .search-result-box .video-card-root .video-card-info {
    flex: 1;
}
#__next .search-result-box .video-card-root .video-card-info > p {
    line-height: 12px;
    margin-bottom: 10px;
}
#__next .search-result-box .video-card-root .video-card-info > .title {
    font-size: 18px;
    font-weight: 500;
    color: #18181b;
    line-height: 14px;
    margin-bottom: 12px;
}
#__next .search-result-box .video-card-root .video-card-info > .category {
    font-size: 12px;
    color: #7e7e7e;
}
#__next .search-result-box .video-card-root .video-card-info div > .tag {
    font-size: 10px;
    font-weight: 600;
    color: #8a8a8a;
    border-radius: 40px;
    background-color: #f7f7f8;
    padding: 3px 10px;
}
#__next .search-result-box .video-card-root .video-card-info > .category > span:first-child {
    display: inline-block;
    width: 66px;
    color: #222 !important;
}
#__next .search-result-box .video-card-root .video-card-info > .category span {
    color: #18181b;
}
.live-now-logo {
    margin: 2px 2px 0 0;
    float: left;
    width: 20px;
    height: 20px;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="18" height="16" viewBox="0 0 18 16"><path d="M15.75 15.188c.408 0 .762-.144 1.062-.432.3-.288.45-.636.45-1.044v-9c0-.42-.15-.777-.45-1.071-.3-.294-.654-.441-1.062-.441h-5.688L12.51.734l-.522-.522L9 3.2 6.012.212 5.49.734 7.938 3.2H2.25c-.408 0-.762.147-1.062.441-.3.294-.45.651-.45 1.071v9c0 .408.15.756.45 1.044.3.288.654.432 1.062.432h13.5zm0-1.476H2.25v-9h13.5v9zm-9-1.512l5.238-2.988L6.75 6.188V12.2z"/></svg>');
    background-repeat: no-repeat;
}
.live-now-root::-webkit-scrollbar {
    display: none;
}
#__next .luv-page-container {
    padding-left: 50px;
    padding-right: 50px;
}
.btn-menu-close {
    display: inline-block;
    width: 17px;
    height: 17px;
    background: url(http://wiwitv.com/button/btn_menu_open.png) no-repeat;
    background-size: cover;
    border: 0;
    outline: none;
    cursor: pointer;
}
.btn-menu-close.active {
    background: url(http://wiwitv.com/button/btn_menu_close.png) no-repeat;
    background-size: cover;
}
.content {
    padding: 30px 60px 60px;
    box-sizing: border-box;
}
.row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -12px;
    margin-left: -12px;
}
.col,
.col-1,
.col-10,
.col-11,
.col-12,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-auto,
.col-lg,
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-auto,
.col-md,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-auto,
.col-sm,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-auto,
.col-xl,
.col-xl-1,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-auto {
    position: relative;
    width: 100%;
    padding-right: 12px;
    padding-left: 12px;
}
.col-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%;
}
.col-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
}
.col-3 {
    flex: 0 0 25%;
    max-width: 25%;
}
.col-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
}
.col-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%;
}
.col-6 {
    flex: 0 0 50%;
    max-width: 50%;
}
.col-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%;
}
.col-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
}
.col-9 {
    flex: 0 0 75%;
    max-width: 75%;
}
.col-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%;
}
.col-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%;
}
.col-12 {
    flex: 0 0 100%;
    max-width: 100%;
}
.align-items-center {
    align-items: center !important;
}
.justify-content-center {
    justify-content: center !important;
}
.logo {
    text-align: center;
    margin-bottom: 40px;
}
.logo > a {
    cursor: pointer;
}
.logo img {
    width: 170px;
}
.input-wrap {
    position: relative;
    overflow: hidden;
    margin-bottom: 5px;
}
.input-wrap > label {
    font-size: 14px !important;
    font-weight: 500 !important;
    color: #222;
}
.input-wrap > input {
    width: 100%;
}
.input-wrap .ui.labeled.selection.dropdown,
.input-wrap textarea {
    border: 1px solid #bcbcbc !important;
}
.input-wrap .close {
    display: none;
    width: 17px;
    height: 17px;
    position: absolute;
    right: 10px;
    bottom: 12px;
    border-radius: 50%;
    background: url(http://wiwitv.com/button/btn_input_delet.png) no-repeat;
    background-size: contain;
}
.input-wrap .message + .close {
    bottom: 34px;
}
.input-wrap > input:focus + .close,
.input-wrap > input:focus + .message + .close {
    display: block;
}
.ui.form.input-search {
    position: relative;
    height: 32px;
}
.ui.form.input-search > .field > .ui.input > input {
    width: 310px;
    height: 32px;
    border-radius: 6px;
    font-size: 12px;
}
.ui.form.input-search > .field > .ui.input > input::-moz-placeholder {
    font-size: 12px;
}
.ui.form.input-search > .field > .ui.input > input::placeholder {
    font-size: 12px;
}
.ui.form.input-search .btn-search {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 12px;
    width: 17px;
    height: 16px;
    background: url(http://wiwitv.com/icon/ico_search.png) no-repeat;
    background-size: cover;
    border: 0;
}
.ui.form.input-search2 {
    width: 262px;
    height: 38px;
}
.ui.form.input-search2 > .field > .ui.input > input {
    width: 170px;
    height: 38px;
    border-radius: 6px;
}
.ui.form.input-search2 .btn-search {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 12px;
    width: 17px;
    height: 16px;
    background: url(http://wiwitv.com/icon/ico_search.png) no-repeat;
    background-size: cover;
}
.border-right {
    position: relative;
    padding-right: 8px;
    margin-right: 8px;
}
.border-right:after {
    content: "";
    width: 1px;
    height: 10px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    background-color: #ccc;
}
.border-right.m2 {
    padding-right: 5px;
    margin-right: 5px;
}
.text-center {
    text-align: center;
}
.sns-title {
    display: flex;
    align-items: center;
    font-size: 14px;
    font-weight: 400;
    color: #666;
    margin-bottom: 32px;
}
.sns-title:after,
.sns-title:before {
    display: inline-flex;
    content: "";
    flex: 1;
    max-width: 100%;
    height: 1px;
    background-color: #ddd;
}
.sns-title:before {
    margin-right: 8px;
}
.sns-title:after {
    margin-left: 8px;
}
.live-wrap {
    position: relative;
}
.live-wrap .video-section-title {
    margin-top: 0;
}
.live-btns {
    position: absolute;
    right: 0;
    top: 4px;
}
.live-btns > button {
    padding: 0;
}
.header-drop {
    position: relative;
    z-index: 99999 !important;
}
.header-drop .btn-user-info {
    position: relative;
    padding-right: 20px;
}
.header-drop .btn-user-info:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    transform: rotate(180deg);
    margin-top: -3px;
    width: 9px;
    height: 6px;
    background: url(http://wiwitv.com/button/btn_drop.png) no-repeat;
    background-size: cover;
}
.header-drop.on .btn-user-info:after {
    transform: rotate(0);
}
.header-drop .thumn-wrap {
    display: inline-block;
    width: 28px;
    height: 28px;
    border-radius: 50%;
}
.header-drop .thumn-wrap.no-thumn {
    background: url(http://wiwitv.com/image/pro_non_img.png) no-repeat;
    background-size: cover;
}
.header-drop .thumn-wrap > img {
    height: 100%;
    border-radius: 50% !important;
}
.header-drop > .img-wrap > button {
    padding: 0;
}
.header-drop-box {
    display: none;
    position: fixed;
    top: 60px;
    right: 16px;
    z-index: 10;
    width: 216px;
    padding: 20px;
    box-sizing: border-box;
    border-radius: 6px;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
}
.header-drop-box.live {
    right: 423px;
}
.header-drop.on .header-drop-box {
    display: block;
}
.header-drop .header-drop-box .user-info:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
}
.header-drop .header-drop-box .user-info > span {
    float: left;
}
.header-drop .header-drop-box .user-info > span:nth-child(2) {
    width: calc(100% - 58px);
    font-size: 13px;
    font-weight: 500;
    font-style: normal;
    line-height: 1.08;
    margin-top: 7px;
    margin-bottom: 5px;
    word-break: break-all;
}
.header-drop .header-drop-box .user-info > span:nth-child(3) {
    width: calc(100% - 58px);
    font-size: 12px;
    font-weight: 400;
    font-style: normal;
    line-height: 1.08;
}
.header-drop .header-drop-box .user-info .img-wrap {
    display: inline-block;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 10px;
}
.header-drop .header-drop-box .user-info .img-wrap > img {
    width: inherit;
    height: inherit;
}
.header-drop .header-drop-box .ui.primary.button {
    margin-top: 10px;
}
.header-drop .header-drop-box > ul > li {
    font-size: 12px;
    font-weight: 400;
    font-style: normal;
    line-height: 1.08;
    margin-bottom: 10px;
    display: flex;
    justify-content: space-between;
}
.header-drop .header-drop-box > ul > li.logout {
    margin-bottom: 0;
    color: #ccc;
}
.header-drop .header-drop-box > ul > li.logout > button {
    padding: 0;
}
.header-drop .header-drop-box > ul > li .message.new {
    color: #666 !important;
}
.header-drop .header-drop-box > ul > li .message.new:after {
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    background: url(http://wiwitv.com/icon/ico_new.png) no-repeat;
    background-size: cover;
    margin-left: 5px;
}
.header-drop .header-drop-box > ul > li.border-bottom {
    padding-bottom: 10px;
}
.icons.users {
    background: url(http://wiwitv.com/icon/ico_s_peo_b.png) no-repeat;
    background-size: cover;
}
.icons.users,
.icons.users2 {
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-right: 4px;
}
.icons.users2 {
    background: url(http://wiwitv.com/icon/ico_s_peo.png) no-repeat;
    background-size: cover;
}
.icons.users3 {
    display: inline-block;
    width: 14px;
    height: 14px;
    background: url(http://wiwitv.com/icon/ico-viewer2.png) no-repeat;
    background-size: cover;
    margin-right: 4px;
}
.icons.time {
    background: url(http://wiwitv.com/icon/ico_s_time.png) no-repeat;
    background-size: cover;
}
.icons.play,
.icons.time {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-right: 0;
}
.icons.play {
    background: url(http://wiwitv.com/icon/ico_s_view.png) no-repeat;
    background-size: cover;
}
.icons.danger {
    position: relative;
    padding-left: 18px;
    font-size: 12px;
    color: #ff7b7b;
}
.icons.danger:after {
    content: "";
    position: absolute;
    top: 1px;
    left: 0;
    width: 14px;
    height: 14px;
    background: url(http://wiwitv.com/icon/ico_alram.png) no-repeat;
    background-size: cover;
    margin: 0;
}
.accordion-wrap .accordion-header {
    position: relative;
    margin-top: 16px;
}
.btn-accordion {
    position: absolute;
    right: 0;
    top: 0;
    width: 20px;
    height: 20px;
    background: url(http://wiwitv.com/icon/ico_down.png) no-repeat;
    background-size: cover;
}
.btn-accordion.active {
    transform: rotate(180deg);
}
.dim {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0.5;
    z-index: 3;
}
.channel-btn-modal {
    position: relative;
    font-weight: 400;
    text-align: center;
    letter-spacing: normal;
    color: #222;
    margin: 16px;
    font-size: 12px;
}
.channel-flex-history {
    padding: 10px 20px;
    margin: 30px 30px 0;
    border-radius: 3px;
    border: 1px solid #ddd;
}
.channel-flex-history > h3 {
    font-size: 14px;
    font-weight: 500;
    color: #666;
    margin-bottom: 10px;
}
.channel-flex-history > h3 > span {
    font-size: 12px;
    font-weight: 400;
    margin-left: 5px;
}
.channel-flex-history > span {
    position: relative;
    display: inline-block;
    border-radius: 15px;
    color: #fff;
    white-space: nowrap;
    margin-right: 5px;
    margin-bottom: 5px;
    padding: 5px 32px 6px 8px;
}
.channel-flex-history > span:after {
    content: "";
    position: absolute;
    top: 5px;
    right: 5px;
    width: 19px;
    height: 19px;
    background: url(http://wiwitv.com/icon/icon_flex.png) no-repeat;
    background-size: cover;
}
.channel-flex-history > span.level-01 {
    background-color: #ffcbda;
}
.channel-flex-history > span.level-02 {
    background-color: #ffb6ca;
}
.channel-flex-history > span.level-03 {
    background-color: #ff9bb8;
}
.channel-flex-history > span.level-04 {
    background-color: #ff6390;
}
.flex-gift-wrap {
    position: relative;
    background-color: #fff;
    padding: 10px;
    border-radius: 0 0 7px 7px;
}
.flex-gift-wrap .flex-gift-txt {
    padding: 0 25px;
}
.flex-gift-wrap .flex-gift-txt > .ui.form > .ui.input {
    width: 180px;
    height: 32px;
}
.flex-gift-wrap .flex-gift-txt > .ui.form > .ui.button {
    margin-left: 5px;
}
.flex-gift-btn {
    display: flex;
    align-items: center;
    background-color: #fff2f6;
    padding: 6px 12px 6px 0;
    border: 1px solid #ffd5e1;
    border-left: 0;
    border-right: 0;
}
.flex-gift-btn .title {
    flex: 0 0 108px;
    max-width: 108px;
    font-size: 14px;
    color: #000;
    text-align: center;
    border-right: 1px solid #fdc0d1;
}
.flex-gift-btn .total {
    flex: 1;
    font-size: 14px;
    color: #000;
    margin-left: auto;
    padding-right: 56px;
    text-align: right;
}
.flex-gift-btn .total > .point {
    color: #ff024a;
}
#__next .flex-gift-btn .ui.button,
.flex-gift-btn .ui.button {
    flex: 0 0 170px;
    max-width: 170px;
    height: 36px;
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    background-color: #f2507e;
    border: 0;
    border-radius: 6px;
}
.guide-txt {
    font-size: 12px;
    color: #000;
}
.card-item-wrap {
    display: flex;
    flex-wrap: wrap;
}
.card-item-wrap .card-item {
    flex: 0 0 calc(25% - 15px);
    margin-right: 20px;
    margin-bottom: 20px;
}
.card-item-wrap .card-item:nth-child(4n) {
    margin-right: 0;
}
.card-item-wrap .card-item.best {
    position: relative;
}
.card-item-wrap .card-item.best:after {
    position: absolute;
    top: 17px;
    right: 16px;
    content: "BEST";
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 50%;
    text-align: center;
    font-size: 11px;
    color: #fff;
    letter-spacing: 0;
}
.card-item-wrap .card-item.best.premium:after {
    background-color: #667be4;
}
.card-item-wrap .card-item.best.gold:after {
    background-color: #e5c04d;
}
.card-item .ui.card {
    width: 100%;
    padding: 24px;
    border-radius: 8px;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1);
    border: 1px solid #d4d4d4;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    text-align: center;
}
.card-item .ui.card > .content,
.card-item .ui.card > .extra {
    padding: 0;
}
.card-item .ui.card > .content .level {
    font-size: 14px;
    margin-bottom: 5px;
}
.card-item .ui.card > .content .title {
    font-size: 18px;
    color: #222;
    margin-bottom: 16px;
    font-weight: 500;
}
.card-item.premium .ui.card > .content p.level {
    color: #667be4;
}
.card-item.gold .ui.card > .content p.level {
    color: #dcad19;
}
.card-item .ui.card > .content .level-icon {
    display: none;
}
.ui.card > .content > .header + .description .price {
    display: block;
    font-size: 18px;
    font-weight: 400;
    color: #000;
    margin-bottom: 3px;
}
.ui.card > .content > .header + .description .price:after {
    content: "원";
}
.ui.card > .content > .header + .description > span {
    display: block;
    font-size: 12px;
    color: #888;
    margin-bottom: 16px;
}
.card-item .ui.card > .extra .info {
    min-height: 73px;
    font-size: 12px;
    color: #666;
    margin-top: 15px;
}
.card-item .ui.card > .extra .info li {
    margin-bottom: 10px;
}
.card-item .ui.card > .extra .info li:before {
    content: "";
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-right: 5px;
    background-color: #f4f4f5;
    border-radius: 50%;
    vertical-align: -4px;
}
.card-item .ui.card > .content .btns {
    width: 100%;
    display: flex;
}
.caution-wrap {
    border: 1px solid #ddd;
}
.caution-wrap .caution-header {
    display: flex;
    align-items: center;
    padding: 15px 10px;
    font-size: 14px;
    color: #333;
    border-bottom: 1px solid #ddd;
}
.caution-wrap .caution-header:before {
    content: "";
    display: inline-flex;
    width: 16px;
    height: 16px;
    margin-right: 10px;
    background: url(http://wiwitv.com/icon/ico_alert.png) no-repeat;
    background-size: cover;
}
.caution-wrap .caution-body {
    padding: 20px;
}
.caution-wrap .caution-body li {
    position: relative;
    font-size: 12px;
    color: #888;
    margin-bottom: 10px;
    padding-left: 10px;
    word-break: keep-all;
}
.caution-wrap .caution-body li:before {
    content: "";
    position: absolute;
    top: 8px;
    left: 0;
    width: 2px;
    height: 2px;
    background-color: #888;
}
.caution-wrap .caution-body li.sub:before {
    content: "-";
    position: static;
    background-color: transparent;
    margin-right: 5px;
}
.caution-wrap2 {
    padding-top: 20px;
    border-top: 1px solid #666;
    font-size: 14px;
    color: #666;
}
.caution-wrap2 > * {
    margin-bottom: 10px;
}
.charge-flex-box {
    display: flex;
    height: 70px;
    justify-content: center;
    align-items: center;
    border: 1px solid #d9d9d9;
    background-color: #f5f5f5;
    border-radius: 10px;
    font-size: 13px;
    color: #222;
    margin: 40px 0;
}
.charge-flex-box > .title {
    font-size: 14px;
    margin-right: 30px;
}
.charge-amount > input,
.charge-flex-box > input {
    width: 140px;
    height: 36px;
    border-radius: 6px;
    border: 1px solid #ddd;
    background-color: #fff;
    padding-left: 15px;
    margin-right: 8px;
}
.charge-flex-box > input::-moz-placeholder {
    color: #aaa;
}
.charge-flex-box > input::placeholder {
    color: #aaa;
}
.charge-flex-box .sub-txt {
    font-size: 10px;
    color: #888;
    margin-left: 5px;
}
.modal-guide {
    padding: 10px 20px;
    background-color: #f8f8f8;
    font-size: 12px;
    color: #8d8d8d;
}
.modal-guide > p {
    line-height: 20px;
}
.modal-guide.type02 {
    padding: 10px;
    text-align: center;
    margin-bottom: 10px;
    font-size: 14px;
    color: #222;
}
.modal-guide ul > li {
    position: relative;
    padding-left: 20px;
}
.modal-guide ul > li:before {
    content: "-";
    position: absolute;
    top: 0;
    left: 0;
}
.box-style01 {
    padding: 10px;
    border: 1px solid #ddd;
    background-color: #fff;
}
.box-style01 .box-body .list {
    background-color: #f8f8f8;
    border-bottom: 1px solid #ddd;
    margin-bottom: 4px;
}
.box-style01 .box-body .list > * {
    display: flex;
    min-height: 40px;
    padding: 10px;
}
.box-style01 .box-body .list > .header {
    border-bottom: 1px solid #ddd;
    font-size: 13px;
    color: #222;
    margin-bottom: 12px;
}
.box-style01 .box-body .list > .body {
    font-size: 12px;
    color: #666;
    padding: 0 10px;
    margin-bottom: 12px;
}
.box-style01 .box-body .list .checkbox {
    flex: 0 0 13px;
    margin-right: 10px;
}
.box-style01 .box-body .list .ui.checkbox {
    min-width: 13px;
    min-height: 13px;
    margin-right: 0;
}
.box-style01 .box-body .list .ui.checkbox input[type="checkbox"],
.box-style01 .box-body .list .ui.checkbox label:after,
.box-style01 .box-body .list .ui.checkbox label:before {
    width: 13px;
    height: 13px;
}
.box-style01 .box-body .list .ui.checkbox label:before {
    border: 1px solid #707070;
}
.box-style01 .box-body .list .ui.checkbox label:after {
    top: -1px;
    font-size: 10px;
}
.box-style01 .box-body .list .content {
    flex: 1;
    padding: 0;
    margin-right: 36px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.box-style01 .box-body .list .content .bul {
    display: block;
    padding-left: 10px;
    background: url(http://wiwitv.com/icon/ico_play.png) no-repeat 0;
    background-size: 7px;
}
.box-style01 .box-body .list .date {
    flex: 0 0 46px;
}
.box-style01 .box-body .paging {
    display: flex;
    align-items: center;
    justify-content: center;
}
.box-style01 .box-body .paging > span {
    font-size: 13px;
    color: #bbb;
    margin-right: 10px;
}
.box-style01 .box-body .paging > span.active {
    font-size: 15px;
    color: #222;
}
.box-style01 .box-body .paging > span:last-child {
    margin-right: 0;
}
.box-style02 {
    border: 1px solid #ddd;
    background-color: #fff;
}
.box-style02 .box-header {
    border-bottom: 1px solid #ddd;
    font-size: 14px;
    font-weight: 500;
    color: #000;
    padding: 7px 10px;
}
.box-style02 .box-body {
    max-height: 310px;
    overflow: auto;
}
.box-style02 .box-body .flex-list li {
    display: flex;
    font-size: 12px;
    color: #666;
    padding: 0 8px;
    height: 36px;
    align-items: center;
    background-color: #f8f8f8;
}
.box-style02 .box-body .flex-list li:nth-child(2n) {
    background-color: #ececec;
}
.box-style02 .box-body .flex-list li > span {
    line-height: 14px;
}
.box-style02 .box-body .flex-list li > span:first-child {
    flex: 0 0 51px;
    margin-right: 5px;
    text-align: center;
}
.box-style02 .box-body .flex-list li > span:nth-child(2) {
    flex: 1;
    margin-right: 5px;
    text-align: center;
}
.box-style02 .box-body .flex-list li > span:nth-child(3) {
    flex: 0 0 47px;
    text-align: center;
    font-weight: 500;
    color: #222;
}
.box-style03 {
    border-radius: 6px;
    border: 1px solid #ddd;
    background-color: #fff;
    overflow: hidden;
    margin-bottom: 10px;
}
.box-style03 > .box-header {
    border-bottom: 1px solid #ddd;
    padding: 15px 20px;
}
.box-style03 > .box-header > .title {
    font-size: 15px;
    font-weight: 500;
    color: #222;
}
.box-style03 > .box-body {
    padding: 20px;
}
.box-style03 > .box-body > p {
    margin: 0;
}
.box-style03 > .box-body > .txt {
    font-size: 13px;
    font-weight: 500;
    color: #222;
}
.box-style03 > .box-body > .txt.bul {
    position: relative;
    padding-left: 5px;
}
.box-style03 > .box-body > .txt.bul:after {
    content: "";
    position: absolute;
    top: 8px;
    left: 0;
    width: 2px;
    height: 2px;
    background-color: #aaa;
    border-radius: 50%;
}
.box-style03 > .box-body > .txt:not(:first-child) {
    margin-top: 15px;
}
.box-style03 > .box-body > .txt > span {
    color: #f2507e;
}
.box-style03 > .box-body > .sub-txt {
    position: relative;
    font-size: 13px;
    color: #666;
    margin-top: 10px;
    padding-left: 10px;
}
.box-style03 > .box-body > .sub-txt:after {
    content: "-";
    color: #666;
    position: absolute;
    left: 0;
    top: 0;
}
.box-style03 > .box-body > .sub-txt > a {
    color: #222;
    border-bottom: 1px solid #222;
}
.box-style03 > .box-body > .sub-txt > span {
    color: #f2507e;
}
.box-style03 > .box-body > .table3 th {
    width: 15%;
}
.box-style03 > .box-body > .table3 td {
    width: 85%;
}
.box-style04 {
    padding: 12px 22px;
    background-color: #eee;
    margin: 20px 0;
    text-align: center;
}
.box-style04 br {
    display: none;
}
.np-box {
    flex: 1;
    max-width: 100%;
}
.np-box > * {
    display: block;
    margin-bottom: 5px;
    font-size: 12px;
    line-height: 12px;
    color: #000;
}
.np-box > * > span:first-child {
    position: relative;
    color: #666;
    margin-right: 10px;
    padding-left: 15px;
}
.np-box > * > span.next:after {
    background: url(http://wiwitv.com/button/btn-pre.png) no-repeat;
    background-size: cover;
}
.np-box > * > span.next:after,
.np-box > * > span.prev:after {
    content: "";
    position: absolute;
    top: 4px;
    left: 0;
    width: 11px;
    height: 8px;
}
.np-box > * > span.prev:after {
    background: url(http://wiwitv.com/button/btn-next.png) no-repeat;
    background-size: cover;
}
.btn-more {
    font-size: 18px;
    color: #000;
    padding-right: 20px;
}
.btn-more:after {
    content: "";
    position: absolute;
    top: 3px;
    right: 0;
    width: 8px;
    height: 14px;
    background: url(http://wiwitv.com/button/btn_more_list.png) no-repeat;
    background-size: cover;
}
.btn-refresh {
    position: absolute;
    top: 0;
    right: 0;
}
.btn-refresh > img {
    width: 30px;
}
.btn-refresh-new {
    display: block;
    width: 21px;
    height: 21px;
    padding: 0;
    overflow: hidden;
    text-indent: -1000em;
    white-space: nowrap;
    background: #fff url(http://wiwitv.com/button/btn-refresh-new.png) 50%;
    background-size: 18px 18px;
    margin: 0 4px 0 0;
    border: 1px solid #ddd;
    border-radius: 4px;
}
.btn-search {
    display: inline-block;
    width: 30px;
    height: 30px;
    border: 1px solid #ddd;
    border-radius: 3px;
    box-sizing: border-box;
    background: url(http://wiwitv.com/icon/ico_search.png) no-repeat 50%;
    background-size: 18px;
}
.play-mission-luv {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
}
.play-mission-luv .glide__arrows {
    position: absolute;
}
.play-mission-luv .glide__arrows.left {
    left: 0;
}
.play-mission-luv .glide__arrows.right {
    right: 0;
}
.play-mission-luv .glide-content {
    flex: 1;
    max-width: 100%;
    overflow: hidden;
}
.mission-gift-box {
    display: flex;
    flex-wrap: wrap;
    background: #ddd;
    padding: 6px 10px 0;
    box-sizing: border-box;
}
.mission-gift-item {
    display: inline-flex;
    align-items: center;
    flex: 0 0 calc(50% - 5px);
    max-width: calc(50% - 5px);
    height: 30px;
    font-size: 11px;
    color: #222;
    margin-right: 10px;
    margin-bottom: 5px;
    padding: 0 12px;
    background-color: #fff;
    border-radius: 6px;
}
.mission-gift-item:nth-child(2n) {
    margin-right: 0;
}
.mission-gift-item .coin {
    min-width: 52px;
    color: #ff336d;
}
.mission-gift-item .coin > img {
    display: inline;
    margin-right: 5px;
}
.mission-gift-item .name {
    margin: 0 8px;
    flex: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.mission-gift-item .count {
    color: #666;
}
.myPage-box > .title {
    color: #666;
    padding-bottom: 8px;
}
.myPage-box > .list > li,
.myPage-box > .title {
    font-size: 14px;
    border-bottom: 1px solid #eee;
}
.myPage-box > .list > li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 0;
    color: #888;
}
.myPage-box > .list > li:last-child {
    border-bottom: 0;
}
.myPage-box > .list > li.disabled * {
    color: #888 !important;
}
.myPage-box > .list > li > div:nth-child(2) {
    text-align: right;
}
.myPage-box > .list > li > div .btn-delete {
    display: inline-block;
    width: 22px;
    flex: 0 0 22px;
    height: 22px;
    background: url(http://wiwitv.com/mobile/button/btn_cancle.png) no-repeat 50%;
    background-size: 22px;
    margin-left: 10px;
}
.myPage-box > .list > li .name {
    position: relative;
    display: block;
    font-size: 14px;
    line-height: 14px;
    margin-bottom: 5px;
}
.myPage-box > .list > li .name.receive:before {
    content: "";
    display: inline-block;
    width: 12px;
    height: 12px;
    background: url(http://wiwitv.com/mobile/icon/ico_receive.png) no-repeat 50%;
    background-size: 12px;
}
.myPage-box > .list > li .name.send:before {
    content: "";
    display: inline-block;
    width: 12px;
    height: 12px;
    background: url(http://wiwitv.com/mobile/icon/ico_send.png) no-repeat 50%;
    background-size: 12px;
}
.myPage-box > .list > li .name > strong {
    font-weight: 500;
    color: #222;
}
.myPage-box > .list > li .item {
    display: block;
}
.myPage-box > .list > li .num {
    display: block;
    font-size: 14px;
    color: #222;
}
.myPage-box > .list > li .num > strong {
    font-size: 14px;
    font-weight: 500;
}
.myPage-box > .list > li .txt01 {
    display: block;
    font-size: 14px;
    color: #888;
}
.myPage-box > .list > li .txt02 {
    display: block;
    font-size: 14px;
    color: #222;
}
.bg-complete {
    width: 100%;
    padding-top: 130px;
    background: url(http://wiwitv.com/image/img-giftbox.png) no-repeat top #fff;
    background-size: 220px;
    margin-top: 3em;
    margin-bottom: 40px;
}
.bg-complete.type02 {
    width: 100%;
    height: 90px;
    padding-top: 0;
    background: url(http://wiwitv.com/image/check.png) no-repeat top #fff;
    background-size: 90px;
    margin: 40px 0;
}
.text-complete {
    font-size: 20px;
    font-weight: 500;
    color: #000;
    text-align: center;
}
.text-complete > span {
    color: #ff024a;
}
.find-box {
    height: 100vh;
    flex-direction: column;
    justify-content: center;
    font-size: 13px;
    color: #333;
}
.find-box,
.find-box .find-box-header {
    display: flex;
    align-items: center;
}
.find-box .find-box-header > * {
    flex: 1;
    text-align: center;
    font-size: 14px;
    color: 3ccc;
    padding-bottom: 10px;
    border-bottom: 3px solid #ccc;
}
.find-box .find-box-header > .on {
    color: #000;
    border-bottom: 3px solid #000;
}
.find-box .complete {
    width: 100%;
    border-radius: 6px;
    border: 1px solid #bcbcbc;
    padding: 30px 0;
    font-size: 20px;
    font-weight: 500;
    color: #333;
    text-align: center;
    margin-bottom: 20px;
}
.certification {
    display: flex;
    align-items: center;
    margin-bottom: 25px;
    max-width: 320px;
}
.certification > label {
    flex: 1;
    border: 3px solid #bcbcbc;
    border-radius: 6px;
    text-align: center;
    padding-top: 131px;
    padding-bottom: 20px;
    margin-right: 5px;
    font-size: 15px;
    font-weight: 500;
    color: #666;
    cursor: pointer;
}
.certification > input:checked + label {
    border: 3px solid #f2507e;
}
.certification > label:last-child {
    margin-right: 0;
}
.certification > label.phone {
    background: url(http://wiwitv.com/image/verification_phone.png) no-repeat center 30px;
    background-size: 40px;
}
.certification > input:checked + label.phone {
    background: url(http://wiwitv.com/image/verification_phone_p.png) no-repeat center 30px;
    background-size: 40px;
}
.certification > label.ipin {
    background: url(http://wiwitv.com/image/verification_Ipin.png) no-repeat center 30px;
    background-size: 46px;
}
.certification > input:checked + label.ipin {
    background: url(http://wiwitv.com/image/verification_Ipin_p.png) no-repeat center 30px;
    background-size: 46px;
}
.certification > label > .ui.button {
    display: none;
}
.certification > input:checked + label > .ui.button {
    display: block;
    width: 97px;
    margin: 20px auto 0;
}
.certification > input[type="radio"] {
    display: none;
}
.btn-sns-detail {
    font-size: 12px;
    font-weight: 500;
    color: #ccc !important;
    padding-bottom: 5px;
    border-bottom: 1px solid #ccc;
}
.btn-sns-detail:after {
    content: ">";
    margin-left: 5px;
}
.chart-label {
    font-size: 12px;
    font-weight: 400;
    color: #666;
}
.chart-label:before {
    content: "";
    display: inline-block;
    width: 15px;
    height: 15px;
    background-color: #ff7fa3;
    margin-right: 5px;
    vertical-align: -3px;
}
.signature-box {
    display: grid;
    grid-gap: 10px;
    grid-template-columns: repeat(auto-fill, 164px);
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    padding: 10px 0;
    margin-bottom: 20px;
}
.signature-box > div {
    height: 170px;
    font-size: 12px;
    font-weight: 400;
    color: #000;
    background-color: #f8f8f8;
    border: 1px solid #ddd;
    padding: 10px;
}
.signature-box .img-box {
    position: relative;
    width: 100%;
    height: 126px;
    border: 1px solid #ddd;
    margin-bottom: 5px;
    cursor: pointer;
}
.signature-box .img-box:not(.judge) {
    cursor: pointer;
}
.signature-box .img-box:not(.judge):before {
    content: "이모티콘 등록";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    font-size: 14px;
    color: #000;
    padding-top: 30px;
    background: url(http://wiwitv.com/icon/icon_plus.png) no-repeat center 0;
    background-size: 20px;
    white-space: nowrap;
    z-index: 0;
}
.signature-box .img-box > img {
    width: 100%;
    height: 100%;
}
.signature-box .img-box > img + button {
    display: none;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.3);
}
.signature-box .img-box.judge:after {
    content: "심사중";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.6);
    display: flex;
    align-items: center;
    justify-content: center;
}
.signature-box .flex:before {
    content: "";
    display: inline-block;
    width: 19px;
    height: 19px;
    background: url(http://wiwitv.com/icon/icon_flex.png) no-repeat;
    background-size: cover;
    margin-right: 5px;
}
.from-drag-drop {
    width: 500px;
    padding: 15px;
    border-radius: 4px;
    border: 1px solid #bcbcbc;
}
.from-drag-drop .drag-drop {
    width: 100%;
    height: 76px;
    background-color: #f5f5f5;
    border: 1px solid #707070;
    margin-bottom: 10px;
}
.from-drag-drop .guide > p {
    font-size: 12px;
    color: #000;
    margin-bottom: 10px;
}
.from-drag-drop .guide > p:last-child {
    margin-bottom: 0;
}
.landscape-content,
.landscape-header {
    display: none;
}
.theme-box {
    position: relative;
    display: flex;
    padding-top: 35px;
}
.theme-box .theme-category {
    display: flex;
    flex: 0 0 90px;
    max-width: 90px;
    height: 227px;
    justify-content: center;
    border-radius: 6px;
    background-color: #333;
    flex-direction: column;
    padding: 0 15px;
    margin-right: 20px;
}
.theme-box .live-wrap {
    flex: 1;
    max-width: calc(100% - 110px);
}
.theme-box .live-wrap .live-btns {
    top: -35px;
    right: 20px;
}
#__next .theme-box .video-section-root {
    width: 100%;
    padding-top: 0;
}
#__next .theme-box .video-section-root .grid-container {
    width: 100%;
}
#__next .theme-box .video-section-root .grid-container .video-card-root {
    flex: 0 0 33.333%;
    max-width: 33.333%;
    height: auto;
}
#__next .theme-box .video-section-root .grid-container .video-card-root .video-card-thumn {
    position: relative;
    max-height: 228px;
}
.asp-wrapper .live-video-btns {
    top: 50px;
}
.live-video-btns {
    position: absolute;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    background: transparent;
    font-size: 11px;
    color: #fff;
    padding: 10px 15px;
    z-index: 100;
}
.live-video-btns .btn-tab {
    height: 26px;
    line-height: 26px;
    font-size: 9px;
    color: #222;
    padding: 0 10px 0 28px;
    border-radius: 4px;
    background: url(http://wiwitv.com/mobile/icon/ico_silence.png) no-repeat #fff 9px;
    background-size: 12px;
    cursor: pointer;
}
.theme-category .title {
    font-size: 18px;
    font-weight: 500;
    color: #fff;
    margin-bottom: 15px;
}
.theme-category .sub-txt {
    font-size: 12px;
    font-weight: 400;
    color: #fff;
    opacity: 0.6;
}
.theme-sub-box {
    margin: 0 -60px;
    padding: 30px 60px;
}
#__next .theme-sub-box .video-section-root .grid-container {
    flex-wrap: wrap !important;
}
#__next .theme-sub-box .video-section-root .grid-container .video-card-root {
    flex: 0 0 20%;
    max-width: 20%;
    height: auto;
}
#__next .theme-sub-box .video-section-root .grid-container .video-card-root .video-card-thumn {
    position: relative;
}
.striming-save-box {
    font-size: 14px;
    color: #000;
}
.striming-save-box .rec {
    font-size: 12px;
    color: #666;
}
.striming-save-box .rec:before {
    content: "";
    display: inline-block;
    width: 5px;
    height: 5px;
    background-color: #d90505;
    border-radius: 50%;
    margin-right: 5px;
    vertical-align: 2px;
}
.striming-save-box > .item:not(:last-child) {
    margin-bottom: 15px;
}
.striming-save-box .divider {
    height: 1px;
    background-color: #ddd;
    border: 0;
    margin: 15px 0;
}
.striming-save-box label {
    display: block;
    margin-bottom: 15px;
}
.striming-save-box input {
    width: 100%;
    height: 30px;
    border-radius: 3px;
    border: 1px solid #ddd;
    background-color: #fff;
}
.striming-save-box .forder-box {
    text-align: right;
}
.striming-save-box .forder-box > button {
    font-size: 12px;
    color: #b2b2b2;
    padding: 0;
}
.striming-save-box .forder-box > button.primary {
    color: #f2507e;
}
.striming-save-box .forder-box > button:not(:last-child) {
    margin-right: 5px;
}
.tempsecession-box {
    width: 100%;
    margin: 30px 0;
}
.tempsecession-box .tempsecession-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 25px;
}
.tempsecession-box .tempsecession-header .title {
    font-size: 17px;
    font-weight: 500;
    color: #222;
}
.tempsecession-box .tempsecession-header .tempsecession-step > span {
    position: relative;
    display: inline-block;
    width: 26px;
    height: 26px;
    margin-right: 20px;
    background: url(http://wiwitv.com/icon/ico-task.png) no-repeat 50%;
    background-size: 12px;
}
.tempsecession-box .tempsecession-header .tempsecession-step > span:not(:last-child):after {
    content: "";
    position: absolute;
    top: 50%;
    right: -23px;
    transform: translateY(-50%);
    width: 28px;
    height: 1px;
    background-color: #ddd;
    z-index: 0;
}
.tempsecession-box .tempsecession-header .tempsecession-step > span.finish:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 26px;
    height: 26px;
    background: url(http://wiwitv.com/icon/ico_finish.png) no-repeat 50%;
    background-size: 25px;
    z-index: 1;
}
.tempsecession-box .tempsecession-header .tempsecession-step > span.finish.on:before {
    background: url(http://wiwitv.com/icon/ico-ing.png) no-repeat 50%;
    background-size: 25px;
}
.tempsecession-body .certification {
    width: 100%;
    background-color: #f7f7f7;
    padding: 30px 10px;
    justify-content: center;
}
.tempsecession-body .certification > label {
    flex: 0 0 255px;
    max-width: 255px;
    height: 255px;
    padding-top: 163px;
    border: 1px solid #d4d4d4;
    background-position-y: 69px;
}
.tempsecession-body .certification > label:not(:last-child) {
    margin-right: 20px;
}
.tempsecession-body.finish {
    text-align: center;
    border: 1px solid #ddd;
    border-radius: 6px 6px 0 0;
    background-color: #fff;
    padding: 50px 0;
}
.tempsecession-body.finish > .title {
    position: relative;
    font-size: 15px;
    font-weight: 500;
    color: #222;
    padding-bottom: 30px;
    margin: 0 auto 40px;
}
.tempsecession-body.finish > .title:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 90px;
    height: 1px;
    background-color: #222;
}
.tempsecession-body.finish > .txt {
    font-size: 13px;
    color: #666;
    line-height: 22px;
    margin-bottom: 40px;
}
.board-box {
    margin-bottom: 8px;
}
.board-header {
    padding: 15px 0;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    font-size: 13px;
    color: #666;
    margin-bottom: 25px;
}
.board-header > .title {
    display: block;
    font-size: 17px;
    color: #222;
    margin-bottom: 8px;
}
.board-content {
    font-size: 15px;
    color: #666;
    line-height: 24px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 25px;
    margin-bottom: 15px;
}
.board-content table {
    min-width: 50%;
    border-collapse: collapse;
    border-spacing: 0;
    margin-bottom: 1em;
    table-layout: fixed;
}
.board-content table tbody th,
.board-content table thead th {
    border: 1px solid #ddd;
    background-color: #f8f8f8;
    text-align: center;
}
.board-content table thead th {
    font-weight: 700;
}
.board-content table tbody td {
    border: 1px solid #ddd;
    vertical-align: middle;
    text-align: center;
}
.btn-top {
    position: fixed;
    bottom: 38px;
    right: 60px;
    z-index: 3;
    padding: 0;
}
.btn-all {
    display: flex;
    align-items: center;
    margin: 16px 0;
}
.btn-all > button {
    position: relative;
    flex: unset;
    font-size: 12px;
    font-weight: 500;
    color: #222;
    margin: 0 26px;
    padding-right: 12px;
}
.btn-all > button:after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    transform: rotate(90deg) translateX(-50%);
    width: 6px;
    height: 6px;
    background: url(http://wiwitv.com/icon/ico_right.png) no-repeat 50%;
    background-size: 6px;
}
.btn-all > .line {
    flex: 1;
    height: 1px;
    background-color: #eee;
}
.channel-broadcast {
    display: flex;
    margin-bottom: 50px;
}
.channel-broadcast > .img > .ui.circular.image {
    flex: 0 0 80px;
    max-width: 80px;
    width: 80px;
    height: 80px;
    margin-right: 10px;
    border: 2px solid transparent;
    padding: 2px;
}
.channel-broadcast.live > .ui.circular.image {
    border: 2px solid #ff024a;
}
.channel-broadcast .channel-broadcast-info {
    flex: 1;
    max-width: 484px;
}
.channel-broadcast .channel-broadcast-info > span {
    display: block;
    margin-bottom: 5px;
}
.channel-broadcast .channel-broadcast-info .title {
    font-size: 18px;
    font-weight: 500;
    color: #222;
    margin-right: 3px;
}
.channel-broadcast .channel-broadcast-info .nickname {
    font-size: 14px;
    color: #222;
}
.channel-broadcast .channel-broadcast-info .sub-txt {
    font-size: 12px;
    color: #222;
    line-height: 16px;
    margin-bottom: 10px;
    word-break: break-all;
}
.channel-broadcast .channel-broadcast-info .score-box {
    display: flex;
}
.channel-broadcast .channel-broadcast-info .score-box > span {
    flex: 1;
    font-size: 12px;
    color: #222;
}
.channel-broadcast .channel-broadcast-info .score-box > span > .img {
    display: inline-block;
    width: 21px;
    height: 21px;
    border-radius: 50%;
    margin-right: 3px;
    padding: 4px;
    vertical-align: -6px;
}
.channel-broadcast .channel-broadcast-info .score-box > span > .img > img {
    width: 100%;
}
.channel-broadcast .channel-broadcast-info .score-box .viewer > .img {
    background-color: #9dd1f9;
}
.channel-broadcast .channel-broadcast-info .score-box .rank > .img {
    background-color: #9ddfc8;
}
.channel-broadcast .channel-broadcast-info .score-box .like > .img {
    background-color: #cfa9ec;
}
.channel-broadcast .channel-broadcast-info .ranking {
    display: flex;
    align-items: flex-end;
    flex: 1;
    font-size: 12px;
    color: #222;
    justify-content: flex-end;
}
.channel-broadcast .channel-broadcast-info .ranking > .num {
    font-size: 20px;
    margin-left: 10px;
}
.popular-list-item {
    flex: 0 0 20%;
    max-width: 20%;
}
.popular-list-item:last-child {
    margin-right: 0;
}
.popular-list-item .popular-item {
    margin: 0 8px;
    padding: 32px;
    background: #2d2d2d;
    border: 1px solid #5b5b5b;
    border-radius: 8px;
	text-align: center;
}
.popular-list-item img.ui.image {
    width: 150px;
    height: 150px;
    margin: 0 auto 15px;
}
.events {
    flex-wrap: wrap;
}
.events.center {
    justify-content: center;
}
.events .events-box {
    flex: auto;
    width: calc(33.3% - 13.3px);
    max-width: calc(33.3% - 13.3px);
    border: 1px solid #d6d6d6;
    border-radius: 6px;
    margin-right: 20px;
    margin-bottom: 20px;
    overflow: hidden;
}
.events .events-box:nth-child(3n) {
    margin-right: 0;
}
.events .events-box .events-img-box {
    position: relative;
    padding-bottom: 56%;
    overflow: hidden;
}
.events .events-box .events-img-box > img.ui.image {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    min-height: 100%;
    border-radius: 5px 5px 0 0;
}
.events .events-box .events-context-box {
    height: 146px;
    padding: 21px 20px 25px;
}
.events .events-box .events-context-box .events-title {
    font-size: 13px;
    color: #666;
    margin-bottom: 12px;
}
.events .events-box .events-context-box .events-content {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 42px;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 17px;
    font-weight: 500;
    margin-bottom: 18px;
}
.events .events-box .events-context-box .events-date {
    font-size: 13px;
    color: #666;
}
.table-accordion {
    border: 0;
    border-radius: 0;
    font-size: 15px;
    color: #666;
    border-bottom: 1px solid #bbb;
}
.table-accordion > .title {
    display: flex;
    align-items: center;
}
.table-accordion .th {
    font-size: 15px;
    font-weight: 500;
    color: #222;
    text-align: center;
    border-top: 1px solid #666;
    border-bottom: 1px solid #bbb;
    padding: 18px 10px;
}
.table-accordion .td {
    flex: 1;
    font-size: 15px;
    font-weight: 400;
    color: #666;
    text-align: center;
    padding: 17px 10px;
    border-top: 1px solid #ddd;
}
.table-accordion .td.full {
    flex: 1;
    max-width: 100%;
}
.control-box-modal {
    width: 100%;
    max-width: 300px;
    overflow: hidden;
}
.control-box-header {
    display: flex;
    align-items: center;
    padding: 8px;
    border-bottom: 1px solid #ddd;
    font-size: 14px;
    background: #ddd;
    color: #000;
}
.control-box-header span {
    margin-left: 4px;
}
.control-box-list > div {
    padding: 4px 8px;
    cursor: pointer;
    color: #646464;
}
.modalWrap .control-box-list > div:hover {
    color: #ff024a;
    background-color: #eee;
}
.preview-broadcast-screen .plyr__video-wrapper {
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
    overflow: hidden;
}
.preview-broadcast-screen .plyr__video-wrapper video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.sub-service-title {
    margin-top: 28px;
    margin-bottom: 19px;
    font-size: 24px;
    font-weight: 500;
    line-height: normal;
}
.sub-service-banner {
    display: block;
    width: 100%;
    background: #eee;
}
.sub-service-banner > img {
    width: 100%;
}
.present-view-wrap {
    position: relative;
}
.present-view-wrap .btn-del {
    position: absolute;
    top: 0;
    right: 0;
}
.live-label-red {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 20px;
    border-radius: 4px;
    background-color: #ff024a;
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: -0.04em;
    position: absolute;
    top: 8px;
    left: 8px;
    z-index: 5;
}
.csGuide-container {
    position: relative;
    margin-top: 7px;
}
.csGuide-img {
    min-height: 473px;
    background-color: #ddd;
}
.csGuide-content {
    border: 1px solid #707070;
    background-color: #f5f5f5;
    padding: 25px 40px;
}
.csGuide-title {
    display: block;
    font-size: 18px;
    font-weight: 700;
    color: #222;
    margin-bottom: 20px;
}
.csGuide-text-list > li {
    display: flex;
    align-items: center;
    font-size: 14px;
    color: #222;
    line-height: 19px;
    margin-bottom: 20px;
}
.csGuide-text-list > li:last-child {
    margin-bottom: 0;
}
.csGuide-text-list > li > .num {
    font-size: 14px;
    font-weight: 700;
    color: #222;
    margin-right: 10px;
}
.csGuide-container.swiper-container .swiper-button-next,
.csGuide-container.swiper-container .swiper-button-prev {
    position: absolute;
    width: 30px;
    height: 140px;
    top: 191px;
    padding: 0;
    border: 0;
    background: none;
}
.csGuide-container.swiper-container .swiper-button-next:after,
.csGuide-container.swiper-container .swiper-button-prev:after {
    content: none;
}
.csGuide-container.swiper-container .swiper-button-prev {
    left: 0;
    right: unset;
    background: url(http://wiwitv.com/button/btn-left.png) no-repeat;
    background-size: cover;
}
.csGuide-container.swiper-container .swiper-button-next {
    right: 0;
    left: unset;
    background: url(http://wiwitv.com/button/btn-right.png) no-repeat;
    background-size: cover;
}
.csGuide-container.swiper-container .swiper-pagination {
    position: static;
    text-align: left;
}
.csGuide-container.swiper-container .swiper-pagination > .swiper-pagination-bullet {
    position: relative;
    display: inline-block;
    width: auto;
    height: 19px;
    line-height: 19px;
    box-shadow: unset;
    background: none;
    border: 0;
    border-radius: unset;
    margin-right: 30px;
    margin-bottom: 20px;
    padding: 0 30px 0 0;
    font-family: Noto Sans KR, Malgun Gothic, 맑은 고딕, helvetica, Apple SD Gothic Neo, sans-serif !important;
    font-size: 16px;
    letter-spacing: -0.045em;
    color: #7e7e7e;
    opacity: 1;
}
.csGuide-container.swiper-container .swiper-pagination > .swiper-pagination-bullet:after {
    content: "";
    position: absolute;
    top: 4px;
    right: 0;
    width: 1px;
    height: 10px;
    background-color: #c7c7c7;
    margin-top: 3px;
}
.csGuide-container.swiper-container .swiper-pagination > .swiper-pagination-bullet:last-child:after {
    content: none;
}
.csGuide-container.swiper-container .swiper-pagination > .swiper-pagination-bullet-active {
    color: #ff024a;
    font-weight: 500;
}
.mobile-container .terms-container {
    margin-top: 16px;
}
.terms-container .title {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 10px;
    color: #222;
}
.terms-container .sub-title {
    font-weight: 500;
    margin-bottom: 8px;
    color: #222;
}
.terms-container section {
    margin-bottom: 20px;
}
.terms-container section.depth1 {
    padding-left: 20px;
}
.terms-container p {
    margin: 0;
    line-height: 1.6;
    color: #646464;
}
.terms-container table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 10px;
}
.terms-container table td,
.terms-container table th {
    padding: 8px;
    border: 1px solid #ddd;
    text-align: center;
}
.terms-container table th {
    font-weight: 400;
    background-color: #f8f8f8;
}
.terms-container .youth-tbl {
    max-width: 500px;
}
.terms-container .youth-tbl th {
    text-align: center;
}
.terms-container .youth-tbl td {
    text-align: left;
    padding: 8px 16px;
}
.terms-container a {
    color: #1e70bf !important;
}
.error-wrap {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 1em;
    background-color: #fff;
    z-index: 9999999;
}
.error-img {
    margin-bottom: 2em;
}
.error-text {
    font-size: 1.5em;
    font-weight: 700;
    text-align: center;
}
.error-text p {
    margin: 0;
    line-height: 1.45;
    color: #646464;
}
.error-text p:last-child {
    color: #aaa;
}
.error-btn-group {
    display: flex;
    margin-top: 2em;
}
.error-btn-group,
.error-btn-group a {
    align-items: center;
    justify-content: center;
}
.error-btn-group a {
    display: inline-flex;
    height: 45px;
    border-radius: 4px;
    background: #333;
    font-size: 1.2em;
    color: #fff !important;
    padding: 0 1em;
}
.main-banner .swiper-slide a {
    display: block;
    background-position: 50%;
    background-repeat: no-repeat;
}
.desktop-container .main-banner .swiper-slide {
    max-width: 1600px !important;
}
.desktop-container .main-banner .swiper-slide a {
    background-size: 1600px 150px;
    height: 150px;
}
.mobile-container .main-banner .swiper-slide {
    max-width: 100% !important;
}
.mobile-container .main-banner .swiper-slide a {
    background-size: auto 80px;
    height: 80px;
}
.mobile-container .section-wrap.main-banner {
    padding: 16px 0 0;
}
.complete-box {
    display: flex;
    flex: 1;
    width: 100%;
    height: 100%;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.img-signup-complete {
    padding: 0 1em;
    margin-bottom: 2em;
}
.txt-signup-complete {
    font-size: 16px;
}
.txt-signup-complete .txt-h1 {
    display: block;
    font-size: 20px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 4px;
}
.txt-signup-complete strong {
    font-weight: 700;
    color: #ff024a;
}
.complete-box .btn-complete {
    display: inline-flex;
    background-color: #333;
    color: #fff;
    align-items: center;
    justify-content: center;
    height: 40px;
    font-size: 14px;
    padding: 0 1em;
    border-radius: 8px;
}
.msg-badge {
    background-color: #f2507e;
    color: #fff;
    border-radius: 50%;
    padding: 0 4px;
    margin-left: 4px;
    font-size: 12px;
}
.card-icon-group .ui.image {
    position: static !important;
}
.card-icon-group div,
.card-icon-group i {
    display: inline-block;
    vertical-align: top;
    margin-right: 4px !important;
}
.event-dona-wrap {
    position: relative;
}
.event-dona-wrap .btn-dona-show {
    position: absolute;
    top: -30px;
    right: 0;
}
.event-dona-wrap .btn-dona-show button {
    position: relative;
    padding-right: 15px;
}
.event-dona-wrap .btn-dona-show button:after {
    display: block;
    width: 12px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    background: url(http://wiwitv.com/icon/arrow-down-black.png) 50% no-repeat;
    background-size: 8px;
    transition: all 0.3s;
    content: "";
}
.event-dona-wrap .btn-dona-show.open button:after {
    transform: rotate(180deg);
}
.event-dona-list {
    background-color: #f5f5f5;
    padding: 5px 10px;
    border-radius: 10px;
}
.event-dona-list li {
    border-top: 1px solid #ddd;
}
.event-dona-list li:first-child {
    border-top: 0;
}
.event-dona-list .event-dona-item {
    justify-content: space-between;
    padding: 5px 0;
}
.event-dona-list .event-dona-item,
.event-dona-list .event-dona-item .profile {
    display: flex;
    flex-direction: row;
    align-items: center;
}
.event-dona-list .event-dona-item .profile .rank {
    width: 40px;
    text-align: center;
    font-size: 12px;
    color: #000;
}
.event-dona-list .event-dona-item .profile img {
    width: 40px;
    height: 40px;
    display: block;
    border-radius: 20px;
    margin-right: 12px;
}
.event-dona-list .event-dona-item .profile span {
    font-size: 15px;
    color: #000;
}
.event-dona-list .event-dona-item .point {
    font-size: 12px;
    color: #666;
}
@keyframes animatedgradient {
    0% {
        background-position: 0 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    to {
        background-position: 0 50%;
    }
}
.effectbox {
    position: relative;
    z-index: 1;
    border-radius: 8px;
    border-width: 5px;
}
.effectbox:after {
    content: "";
    position: absolute;
    top: -5px;
    left: -5px;
    right: -5px;
    bottom: -5px;
    background: linear-gradient(50deg, #10f, #006eff, #e5ff00, #f08, #fff, #e100ff, #00ffd5, #bf0);
    border-radius: 8px;
    z-index: -1;
    animation: animatedgradient 3s ease infinite alternate;
    background-size: 300% 300%;
}
.mobile-container .effectbox:after {
    top: -3px;
    left: -3px;
    right: -3px;
    bottom: -3px;
}
.video-card-root.effectbox {
    border-radius: 8px;
}
.video-card-root.effectbox > div {
    border-radius: 8px;
    overflow: hidden;
}
.video-card-root.effectbox:after {
    top: 0;
    left: 3px;
    right: 3px;
    bottom: 0;
}
.mobile-container .video-card-root.effectbox:after {
    top: -3px;
    left: 1px;
    right: 1px;
    bottom: -3px;
}
.marquee-area {
    width: 800px;
    margin: 0 auto;
}
.m-marquee-area {
    position: absolute;
    top: 15px;
    left: 0;
    z-index: 10;
    width: 100%;
}
.super-flex {
    display: flex;
    width: 100%;
    margin-left: 10px;
    margin-right: 10px;
    overflow: hidden;
}
@media screen and (max-width: 767px) {
    .error-text {
        font-size: 1.3em;
    }
    .error-btn-group a {
        font-size: 1em;
    }
    .box-style04 {
        text-align: left;
    }
    .box-style04 br {
        display: initial;
    }
}
@media screen and (max-width: 1599px) {
    .popular-list-item .popular-item {
        padding: 32px 24px;
    }
    .banner-container {
        padding: 0 32px;
    }
}
@media screen and (max-width: 1280px) {
    .popular-list-item .popular-item {
        padding: 24px 16px;
    }
    .csGuide-img {
        min-height: 284px;
        margin: 0 5px;
    }
    .csGuide-content {
        border: 0;
        padding: 15px 10px;
    }
    .csGuide-slide-button,
    .csGuide-title {
        display: none;
    }
}
@media only screen and (max-width: 1366px) {
    #__next .mobile-container .video-card-root {
        flex: 0 0 33.3%;
        max-width: 33.3%;
    }
    .mobile-container .mobile {
        display: block;
        margin: 0 auto;
    }
    .content {
        padding: 0;
    }
    .btn-top {
        right: 10px;
    }
    .mobile-container .ui.form.input-search.on > .field > .ui.input > input {
        top: 80px;
    }
    #__next .mobile-container .video-card-root .video-card-txt,
    .mobile-container .video-card-root .video-card-txt {
        flex: 1;
        margin-left: 6px;
        max-width: calc(100% - 48px);
    }
    #__next .mobile-container .video-card-root .video-card-title {
        font-size: 14px;
    }
    #__next .mobile-container .video-card-root .broadcast-info {
        font-size: 14px;
        display: flex;
        justify-content: space-between;
    }
    #__next .mobile-container .video-card-root .broadcast-info .description:first-child {
        flex: 1;
        overflow: hidden;
    }
    #__next .mobile-container .video-card-root .broadcast-info .description:first-child > span {
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }
    .mobile-container .certification > label.phone {
        background: url(http://wiwitv.com/mobile/icon/ico-phone-nor.png) no-repeat center 32px;
        background-size: 72px;
    }
    .mobile-container .certification > input:checked + label.phone {
        background: url(http://wiwitv.com/mobile/icon/ico-phone-sel.png) no-repeat center 32px;
        background-size: 72px;
    }
    .mobile-container .certification > label.ipin {
        background: url(http://wiwitv.com/mobile/icon/ico-key-nor.png) no-repeat center 32px;
        background-size: 72px;
    }
    .mobile-container .certification > input:checked + label.ipin {
        background: url(http://wiwitv.com/mobile/icon/ico-key-sel.png) no-repeat center 32px;
        background-size: 72px;
    }
    .mobile-container .certification > label {
        font-size: 14px;
    }
    .mobile-container .tempsecession-body .certification > label {
        flex: 1;
        height: auto;
        padding-top: 98px;
        background-position-y: 15px;
    }
    .mobile-container .board-box > .board-header {
        font-size: 14px;
        border: 0;
        padding: 0;
        margin-top: 16px;
        margin-bottom: 8px;
    }
    .mobile-container .board-box > .board-header > .title {
        font-size: 16px;
        font-weight: 700;
        line-height: 14px;
        margin-bottom: 5px;
    }
    .mobile-container .board-box > .board-content {
        font-size: 14px;
        line-height: 15px;
        padding-bottom: 24px;
        margin-bottom: 16px;
    }
    .mobile-container .board-box > .board-content img {
        width: 100% !important;
        height: auto !important;
    }
    .mobile-container .board-box > .flex.justify-between {
        flex-direction: column;
        justify-content: flex-end;
        align-items: flex-end;
        margin-bottom: 0 !important;
    }
    .mobile-container .board-box > .flex.justify-between > .np-box {
        width: 100%;
        order: 2;
        margin-top: 16px;
        padding: 16px 0 8px;
        border-bottom: 1px solid #ddd;
        border-top: 1px solid #ddd;
    }
    .mobile-container .board-box > .flex.justify-between > .np-box > * {
        color: #888 !important;
        margin-bottom: 8px;
    }
    .mobile-container .board-box > .flex.justify-between > .np-box > a:first-child {
        border-bottom: 1px solid #ddd;
        padding-bottom: 14px;
        margin-bottom: 14px;
    }
    .mobile-container .board-box > .flex.justify-between > .np-box > a > span:first-child {
        padding: 0;
        color: #222;
    }
    .mobile-container .board-box > .flex.justify-between > .np-box > a > span:first-child:after {
        content: none;
    }
    .mobile-container .board-box > .flex.justify-between > div > .ui.button.border-dark {
        font-size: 14px !important;
        padding: 6px 8px !important;
        height: 28px !important;
    }
    #__next .mobile .ui.secondary.pointing.menu {
        border-bottom: 1px solid #eee;
    }
    #__next .mobile .ui.secondary.pointing.menu .item {
        margin: 0 auto;
    }
    #__next .mobile .ui.secondary.pointing.menu .item:active {
        font-weight: 500;
        color: #ff024a;
        border-bottom: 2px solid #ff024a;
    }
    #__next .mobile .ui.menu > .item:not(:last-child):after {
        content: none;
    }
    .mobile-container .guide-txt {
        font-size: 14px;
        color: #666;
    }
    .mobile-container .btn-refresh {
        width: 22px;
        padding: 0;
    }
    #__next .mobile-player-container .flex-gift-wrap .type04 .react-tabs__tab-list,
    .mobile-player-container .flex-gift-wrap .type04 .react-tabs__tab-list {
        height: 24px;
        padding: 0 12px;
    }
    .bj-talk-box .fixed-header {
        font-size: 10px;
    }
    .mobile-container .not-found {
        font-size: 12px;
        text-align: center;
        color: #666;
        padding: 40px 0;
    }
    .mobile-container .tempsecession-box {
        padding: 15px 16px;
        margin: 0;
    }
    .mobile-container .tempsecession-box .tempsecession-header .title {
        font-size: 13px;
    }
    .mobile-container .tempsecession-box .tempsecession-header {
        margin-bottom: 15px;
    }
    .mobile-container .tempsecession-box .tempsecession-header .tempsecession-step > span {
        width: 16px;
        height: 16px;
    }
    .mobile-container .tempsecession-box .tempsecession-header .tempsecession-step > span.finish.on:before {
        width: 16px;
        height: 16px;
        background-size: 16px;
    }
    .mobile-container .box-style03 > .box-header {
        padding: 10px 12px;
    }
    .mobile-container .box-style03 > .box-body > .sub-txt,
    .mobile-container .box-style03 > .box-body > .txt,
    .mobile-container .box-style03 > .box-header > .title {
        font-size: 11px;
    }
    .mobile-container .box-style03 > .box-body > .txt:not(:first-child) {
        margin-top: 10px;
    }
    .mobile-container .box-style03 > .box-body > .sub-txt {
        margin-top: 6px;
    }
    .mobile-container .box-style03 > .box-body > .table3 th {
        width: 40%;
    }
    .mobile-container .box-style03 > .box-body > .table3 td {
        width: 60%;
    }
    .mobile-container .broadcast-station-box {
        margin-top: 0;
    }
    #__next .mobile-container .modal-tab01 .flex-gift-wrap .react-tabs__tab-list,
    .mobile-container .modal-tab01 .flex-gift-wrap .react-tabs__tab-list {
        border-top: 0;
    }
    #__next .mobile-container .modal-tab01 .type04 .react-tabs__tab:after,
    .mobile-container .modal-tab01 .type04 .react-tabs__tab:after {
        content: none;
    }
    .mobile-container .events .events-box {
        width: calc(50% - 10px);
        max-width: calc(50% - 10px);
        margin-bottom: 16px;
    }
    .mobile-container .events .events-box .events-context-box {
        height: unset;
        padding: 16px 8px;
    }
    .mobile-container .events .events-box .events-context-box .events-title {
        font-size: 14px;
        color: #9e9e9e;
        margin-bottom: 4px;
    }
    .mobile-container .events .events-box .events-context-box .events-content {
        display: block;
        font-size: 14px;
        font-weight: 500;
        margin-bottom: 8px;
        color: #222;
    }
    .mobile-container .events .events-box .events-context-box .events-content > a {
        color: inherit !important;
    }
    .mobile-container .events .events-box .events-context-box .events-date {
        font-size: 14px;
        color: #666;
    }
    .mobile-container .np-box > * {
        font-size: 14px;
        line-height: 14px;
    }
    .mobile-player-container .mission-gift-item {
        font-size: 14px;
    }
    .mobile-player-container .mission-gift-item .coin > img {
        width: 14px;
        height: 14px !important;
    }
    #__next .mobile-container h2.ui.header.video-section-title {
        font-size: 16px;
    }
    #__next .mobile-container .video-section-title.white {
        color: #fff !important;
    }
    .mobile-container .caution-wrap {
        background-color: #f7f7f7;
        border: 0;
        padding: 24px 8px;
    }
    .mobile-container .caution-wrap .caution-header {
        border-bottom: 0;
        font-size: 14px;
        padding: 0;
        margin-bottom: 15px;
    }
    .mobile-container .caution-wrap .caution-body {
        padding: 0;
    }
    .mobile-container .caution-wrap .caution-body li {
        font-size: 14px;
        color: #666;
        word-break: keep-all;
    }
    .csGuide-container.swiper-container .swiper-pagination {
        display: flex;
        background-color: #f7f7f7;
        border-top: 1px solid #eee;
        border-bottom: 1px solid #eee;
        margin-bottom: 25px;
    }
    .csGuide-container.swiper-container .swiper-pagination > .swiper-pagination-bullet {
        display: flex;
        flex: 1;
        height: auto;
        align-items: center;
        justify-content: center;
        margin: 0;
        padding: 0;
    }
    .csGuide-container.swiper-container .swiper-pagination > .swiper-pagination-bullet:after {
        content: none;
    }
    .csGuide-container.swiper-container .swiper-pagination > .swiper-pagination-bullet > span {
        padding: 10px 13px;
        border-bottom: 1px solid #f7f7f7;
    }
    .csGuide-container.swiper-container .swiper-pagination > .swiper-pagination-bullet-active > span {
        border-bottom: 1px solid #333;
    }
}
@media only screen and (max-width: 500px) {
    .mobile-container .main-section01 {
        background-color: var(--background-default);
        padding-top: 0;
    }
    #__next .mobile-container .home-page-container {
        padding-left: 0;
        padding-right: 0;
    }
    #__next .mobile-container .luv-page-container {
        padding-left: 15px;
        padding-right: 15px;
    }
    #__next .mobile-container .content-root .btn-more {
        font-size: 12px;
    }
    #__next .mobile-container .content-root .btn-more:after {
        width: 6px;
        height: 10px;
        top: 5px;
    }
    .mobile-container .live-wrap {
        margin-right: 0;
    }
    #__next .mobile-container .video-card-root {
        flex: 0 0 50%;
        max-width: 50%;
        padding: 0 4px;
        margin-bottom: 16px;
    }
    #__next .mobile-container .video-card-root.hover {
        padding-left: 0;
    }
    #__next .mobile-container .video-card-root > a {
        display: block;
    }
    #__next .mobile-container .video-section-title {
        padding-left: 0;
        color: #222 !important;
    }
    #__next .mobile-container .video-card-root .bj-thumn,
    #__next .mobile-container .video-card-root .video-card-img {
        display: none;
    }
    #__next .mobile-container .video-card-root .video-card-txt {
        max-width: 100%;
        margin-left: 0;
    }
    #__next .mobile-container .video-card-root .video-card-title {
        flex: 1;
        text-overflow: ellipsis;
        word-break: keep-all;
        overflow: hidden;
        white-space: nowrap;
        margin-left: 0;
        color: #222;
    }
    #__next .mobile-container .video-card-root .video-card-title > span {
        color: #222 !important;
    }
    #__next .mobile-container .video-card-root .broadcast-info {
        display: flex;
        justify-content: space-between;
        widows: 100%;
    }
    #__next .mobile-container .video-card-root .broadcast-info .icons.users,
    #__next .mobile-container .video-card-root .broadcast-info .icons.users2 {
        background: url(http://wiwitv.com/mobile/icon/ico_my.png) no-repeat;
        background-size: cover;
        vertical-align: -2px;
    }
    .mobile-container .broadcast-info > .description .ui.image {
        width: 14px;
    }
    #__next .mobile-container .video-card-root .video-card-thumn {
        border-radius: 8px;
    }
    #__next .mobile-container .video-card-thumn .label-age-limit.ui.image {
        width: 20px;
        height: 20px;
    }
    .mobile-container .live-btns {
        display: none;
    }
    .mobile-container .tempsecession-box .tempsecession-header .title {
        font-size: 14px;
    }
    .mobile-container .tempsecession-box .tempsecession-header .tempsecession-step > span {
        width: 16px;
        height: 16px;
        background-size: 8px;
        margin-right: 10px;
    }
    .mobile-container .tempsecession-box .tempsecession-header .tempsecession-step > span.finish.on:before,
    .mobile-container .tempsecession-box .tempsecession-header .tempsecession-step > span.finish:before {
        width: 16px;
        height: 16px;
        background-size: 16px;
    }
    .mobile-container .tempsecession-box .tempsecession-header .tempsecession-step > span:not(:last-child):after {
        width: 10px;
        right: -10px;
    }
    .mobile-container .tempsecession-body.finish > .title {
        font-size: 12px;
    }
    .mobile-container .tempsecession-body.finish > .txt {
        font-size: 10px;
    }
    .mobile-container .box-style03 > .box-header {
        padding: 8px 16px;
    }
    .mobile-container .box-style03 > .box-header > .title {
        font-size: 14px;
    }
    .mobile-container .box-style03 > .box-body {
        padding: 8px 16px;
    }
    .mobile-container .box-style03 > .box-body .table3 td,
    .mobile-container .box-style03 > .box-body .table3 th,
    .mobile-container .box-style03 > .box-body > .sub-txt,
    .mobile-container .box-style03 > .box-body > .txt {
        font-size: 14px;
    }
    .mobile-container .find-box {
        width: 100%;
        padding: 40px 20px;
    }
    .mobile-container .events .events-box {
        width: 100%;
        max-width: 100%;
        margin-right: 0;
    }
    #__next .mobile-container .search-result-box .video-card-root > a {
        flex: 0 0 156px;
        height: 96px;
    }
    #__next .mobile-container .search-result-box .video-card-root .video-card-info > .title {
        display: -webkit-box;
        height: 38px;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        font-size: 14px;
        font-weight: 500;
        color: #222;
        line-height: 1.36;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    #__next .mobile-container .search-result-box .video-card-root .video-card-info > .category {
        font-size: 11px;
        color: #7e7e7e;
    }
    #__next .mobile-container .search-result-box .video-card-root .video-card-info > .title + .category > a span {
        color: #ff024a;
    }
    #__next .mobile-container .search-result-box .video-card-root .video-card-info > .category > span:first-child {
        width: 50px;
        font-size: 11px;
    }
    .mobile-container .channel-broadcast {
        margin-bottom: 20px;
    }
    #__next .mobile-container .search-result-box .video-card-root .video-card-info > .tag,
    .mobile-container .channel-broadcast .channel-broadcast-info .score-box > span.like,
    .mobile-container .channel-broadcast .channel-broadcast-info .score-box > span.ranking,
    .mobile-container .channel-broadcast .channel-broadcast-info .score-box > span.viewer,
    .mobile-container .channel-broadcast .channel-broadcast-info .score-box > span > .img,
    .mobile-container .channel-broadcast .channel-broadcast-info .sub-txt {
        display: none;
    }
    .mobile-container .channel-broadcast > .img > .ui.circular.image {
        flex: 0 0 60px;
        max-width: 60px;
        height: 60px;
    }
    .mobile-container .channel-broadcast .channel-broadcast-info .title {
        flex: 0 0 100%;
        margin-bottom: 4px;
        font-size: 14px;
    }
    .mobile-container .channel-broadcast .channel-broadcast-info .nickname,
    .mobile-container .channel-broadcast .channel-broadcast-info .score-box > span.rank {
        font-size: 12px;
        color: #888;
    }
    .mobile-container .video-card-thumn .video-card-info {
        font-size: 14px;
    }
    .mobile-container .video-card-thumn .video-card-info .title {
        font-size: 16px;
        line-height: 16px;
    }
}
.ranking-thumb-box {
    position: relative;
    display: block;
    width: 80px;
    height: 80px;
}
.ranking-thumb-box > span[class^="w"]:nth-of-type(n + 0) {
    display: block;
    position: absolute;
    transform-origin: 50% 100%;
}
.ranking-thumb-box span {
    font-size: 14px;
    font-weight: 500;
    font-style: normal;
    line-height: 1.45;
    white-space: pre;
    overflow: visible;
    padding: 0;
    color: #ff024a;
}
.ranking-thumb-box .w0 {
    transform: rotate(0.56rad);
    width: 7px;
    height: 20px;
    left: 57.79px;
    top: -13.87px;
}
.ranking-thumb-box .w1 {
    transform: rotate(0.69rad);
    width: 4px;
    height: 20px;
    left: 63.65px;
    top: -10.69px;
}
.ranking-thumb-box .w2 {
    transform: rotate(0.85rad);
    width: 9px;
    height: 20px;
    left: 65.71px;
    top: -6.21px;
}
.ranking-thumb-box .w3 {
    transform: rotate(1.06rad);
    width: 8px;
    height: 20px;
    left: 71.01px;
    top: 0.66px;
}
.ranking_1,
.ranking_2,
.ranking_3 {
    color: var(--color-6);
}
.empty-text {
    display: block;
    padding: 3em 0 !important;
    text-align: center;
}
.select-btn {
    border: 1px solid #dcdcdc;
    border-radius: 4px;
    height: 24px;
    line-height: 24px;
    background-color: #fff;
    margin-bottom: 8px;
    padding-left: 16px;
}
#__next .desktop-container .video-card-root img {
    transition: all 0.3s;
}
#__next .desktop-container .video-card-root:hover img:not(#birthday) {
    transition: all 0.3s;
    transform: scale(1.2);
}
#__next .desktop-container .search-result-box .video-card-root > a:hover + .video-card-info > .title {
    color: #ff024a;
}
#__next .desktop-container .search-result-box .video-card-root:hover {
    background-color: #fff;
}
.desktop-container .box-style01 .box-body .list > .body:hover .content {
    color: #000;
}
.desktop-container .signature-box .img-box:not(.judge):hover > img {
    opacity: 0.7;
}
.desktop-container .signature-box .img-box:not(.judge):hover > img + button {
    display: block;
}
.bigFan-footer {
    display: flex;
    align-items: flex-start;
    flex-direction: row;
    margin-top: 20px;
}
.bigFan-searchbar {
    display: flex;
}
.bigFan-searchbar select {
    width: 84px;
    height: 30px;
    padding: 6px 14px 6px 8px;
    border: 1px solid #ccc;
    background-color: #fff;
    font-size: 13px;
}
.bigFan-searchbar input {
    width: 120px;
    height: 30px;
    margin-left: 5px;
    border-radius: 2px;
    border: 1px solid #ccc;
    background-color: #fff;
    padding: 0 8px;
    font-size: 14px;
}
.bigFan-searchbar button {
    width: 32px;
    height: 30px;
    margin: 0 5px 2px;
    padding: 8px 7px 13px;
    border-radius: 4px;
    background-color: #000;
    background: #000 url(http://wiwitv.com/button/btn_search.png);
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: 50%;
}
.superMessage-select {
    width: 100%;
    border-color: #666 !important;
    border-radius: 0 !important;
    height: 50px !important;
    font-size: 22px;
    line-height: 40px !important;
}
.superMessage-select > div.text {
    white-space: nowrap !important;
    width: 100% !important;
    text-overflow: ellipsis !important;
    overflow: hidden !important;
}
.superMessage-select i {
    height: 100% !important;
    line-height: 30px;
}
@media screen and (max-width: 767px) {
    .superMessage-select {
        height: 40px !important;
        line-height: 30px !important;
        font-size: 16px;
    }
}
.recommend-form {
    padding: 20px 10px;
    background-color: #f8f8f8;
    border: 1px solid #eee;
}
.recommend-form .field {
    margin-bottom: 0 !important;
}
.recommend-form .ui.input {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}
.recommend-form .recommend-check {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 40px;
    margin-left: 10px;
    border-radius: 4px;
    color: #fff;
    background: #333;
}
.recommend-form input {
    display: flex;
    flex: 1;
}
.event-modal {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, 0.2);
    z-index: 1002;
}
.event-popup {
    width: 640px !important;
    padding: 20px !important;
    background: #fff;
    border-radius: 16px !important;
}
.event-popup-item {
    display: block;
    width: 600px;
    height: 600px;
    background-position: 50%;
    background-size: 600px;
    background-repeat: no-repeat;
}
.event-popup .btn-group {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 10px;
}
.event-popup .btn-group button {
    flex: 1;
    height: 64px;
    font-size: 18px;
    color: #000;
    border: 1px solid #4b4b4b;
    border-radius: 6px;
    background: #fff;
}
.event-popup .btn-group button.btn-close {
    background-color: #333;
    border-color: #333;
    color: #fff;
    margin-left: 10px;
}
@media screen and (max-width: 768px) {
    .event-popup {
        max-width: 320px;
        padding: 10px !important;
    }
    .event-popup-item {
        width: 300px;
        height: 300px;
        background-size: 300px;
    }
    .event-popup .btn-group button {
        font-size: 14px;
        height: 45px;
    }
}
.event-slider {
    padding-bottom: 10px;
}
.event-slider .swiper-button-next,
.event-slider .swiper-button-prev {
    color: #f2507e !important;
}
.custom-pagination-bullets {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 10px;
    display: flex;
    flex-direction: row;
}
.custom-pagination-bullets .custom-bullet {
    display: flex;
    flex: 1;
    height: 10px;
    background-color: #eee;
    transition: all 0.5s;
    cursor: pointer;
}
.custom-pagination-bullets .custom-bullet-active {
    background-color: #f2507e;
}
.shopping-link-tab {
    margin-bottom: 50px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
}
.shopping-link-tab a {
    font-size: 14px;
    color: #222 !important;
}
.shopping-link-tab a.active {
    color: #ff024a !important;
    font-weight: 700;
}
.shopping-link-tab .bar {
    display: block;
    width: 1px;
    height: 10px;
    background: #ccc;
    margin: 0 10px;
}
.coupon-container {
    display: flex;
    flex-direction: column;
    flex: 1;
    align-items: center;
    justify-content: center;
}
.coupon-container h3 {
    font-size: 24px;
    margin-top: 14px;
    margin-bottom: 64px;
}
.coupon-container .coupon-input {
    display: flex;
    align-items: center;
    justify-content: center;
}
.coupon-container .coupon-input input[type="text"] {
    border: 1px solid #ddd;
    width: 252px;
    height: 35px;
    border-radius: 6px;
    padding: 0 10px;
}
.coupon-container .coupon-input .btn-coupon {
    width: 124px;
    height: 35px;
    background-color: #000;
    color: #fff;
    border-radius: 6px;
    margin-left: 8px;
}
.coupon-container .coupon-notice {
    align-items: flex-start;
    width: 100%;
    margin-top: 100px;
    border: 1px solid #ddd;
}
.coupon-container .coupon-notice h5 {
    margin: 0;
    padding: 10px 12px;
    border-bottom: 1px solid #ddd;
}
.coupon-container .coupon-notice ul {
    padding: 10px 12px;
}
.coupon-container .coupon-notice ul li {
    font-size: 12px;
    color: #888;
    position: relative;
    padding-left: 11px;
}
.coupon-container .coupon-notice ul li:before {
    display: block;
    width: 2px;
    height: 2px;
    background-color: #888;
    position: absolute;
    left: -1px;
    top: 50%;
    margin-top: -1px;
    content: "";
}
.coupon-container .btn-group {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}
.coupon-container .btn-group a {
    display: flex;
    width: 120px;
    height: 35px;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    border: 1px solid #464646;
    margin: 0 10px;
    color: #333;
    font-size: 14px;
    background-color: #fff;
}
.coupon-container .btn-group .btn-mylink {
    background-color: #464646;
    color: #fff !important;
}
@media screen and (max-width: 767px) {
    .shopping-link-tab {
        padding: 0 16px;
        margin-bottom: 20px;
    }
    .coupon-container h3 {
        margin-bottom: 35px;
    }
    .coupon-container .coupon-notice {
        margin-top: 50px;
        margin-bottom: -33px;
    }
}
@media screen and (max-width: 480px) {
    .coupon-container .coupon-input {
        flex-direction: row;
    }
    .coupon-container .coupon-input input[type="text"] {
        width: 100%;
    }
}
.footer-marketWrap {
    display: flex;
    justify-content: center;
    align-items: center;
}
.footer-marketWrap a {
    display: block;
    width: 100%;
    height: 100%;
}
.insLink {
    width: 36px;
    height: 36px;
    background: url(http://wiwitv.com/mobile/icon/ico_ins_w.png) no-repeat;
    background-size: cover;
    margin: 10px;
}
.insLink:hover {
    background: url(http://wiwitv.com/mobile/icon/ico_ins_c.png) no-repeat;
    background-size: cover;
    margin: 10px;
}
.blogLink {
    width: 36px;
    height: 36px;
    background: url(http://wiwitv.com/mobile/icon/ico_nb_w.png) no-repeat;
    background-size: cover;
    margin: 10px;
}
.blogLink:hover {
    background: url(http://wiwitv.com/mobile/icon/ico_nb_c.png) no-repeat;
    background-size: cover;
    margin: 10px;
}
.youtubeLink {
    width: 36px;
    height: 36px;
    background: url(http://wiwitv.com/mobile/icon/ico_yt_w.png) no-repeat;
    background-size: cover;
    margin: 10px;
}
.youtubeLink:hover {
    background: url(http://wiwitv.com/mobile/icon/ico_yt_c.png) no-repeat;
    background-size: cover;
    margin: 10px;
}
.modal-invite-game {
    width: 330px !important;
    padding: 24px;
}
.modal-invite-game .content .text-msg {
    text-align: center;
    font-size: 18px !important;
    color: #333;
    padding: 26px 0;
}
.modal-invite-game .content .btn-close {
    width: 30px;
    height: 30px;
    position: absolute;
    top: 16px;
    right: 16px;
    background: url(http://wiwitv.com/icon/close-purple.png) 50% no-repeat;
    background-size: 14px;
}
.modal-invite-game .ui.button.gray {
    background-color: #ddd;
}
.modal-invite-game .ui.button.dark {
    background-color: #661986;
}
.hot-vod {
    width: 25%;
}
.hot-vod > a {
    display: block;
    margin: 0 8px;
    position: relative;
}
.hot-vod .hot-vod-thumb {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-bottom: 56.25%;
    background-size: cover;
    background-position: 50%;
    border-radius: 8px;
}
.hot-vod .hot-vod-info {
    position: absolute;
    top: 50%;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    align-items: flex-end;
    background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.9), transparent);
    border-radius: 0 0 8px 8px;
    overflow: hidden;
}
.hot-vod .hot-vod-info .title {
    display: block;
    margin: 16px 12px;
    color: #fff;
    font-size: 14px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.vod-card {
    width: 20%;
}
.vod-card > a {
    display: block;
    margin: 0 8px 24px;
}
.vod-card .vod-thumb {
    background-size: cover;
    background-position: 50%;
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-bottom: 56.25%;
    border-radius: 4px;
}
.vod-card .vod-title {
    flex: 1;
    font-size: 14px;
    color: #121212;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    max-height: 60px;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    margin-top: 8px;
}
@media screen and (max-width: 1080px) {
    .mobile-container .mobile {
        margin: 0 auto;
    }
}
@media screen and (max-width: 1023px) {
    .vod-card {
        width: 25%;
    }
}
@media screen and (max-width: 767px) {
    .vod-card {
        width: 50%;
    }
    .vod-card > a {
        display: block;
        margin: 0 4px 16px;
    }
}
.panels-wrap {
    padding: 24px 0;
}
.panel-header {
    padding: 0 0 16px;
    margin: 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}
.panel-header .title {
    font-size: 20px;
    font-weight: 300;
    line-height: 1.6;
    margin: 0;
    padding: 0;
}
.panel-header .btn-add {
    font-size: 14px;
    color: #fff;
    padding: 10px 16px;
    border-radius: 8px;
    background-color: #ff024a;
}
.form-tbl-row {
    display: flex;
    flex-direction: row;
    padding: 24px 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.form-tbl-row .title {
    display: flex;
    min-width: 112px;
    line-height: 40px;
    font-size: 14px;
    color: #000;
    font-weight: 700;
}
.form-tbl-row .cont {
    display: flex;
    flex: 1;
}
.form-tbl-row .btn {
    display: flex;
}
.form-tbl-row .btn.end {
    align-items: flex-end;
}
.form-tbl-row .form {
    display: flex;
    flex: 1;
    flex-direction: row;
    align-items: flex-start;
}
.form-tbl-row .form.column {
    flex-direction: column;
    justify-content: flex-start;
}
.form-tbl-row .form.column.flex-end {
    align-items: flex-end;
}
.form-tbl-row .form .input-group {
    display: flex;
    flex: 1;
    flex-direction: column;
}
.form-tbl-row .form .input-group .confirm-text {
    font-size: 13px;
    font-weight: 300;
    color: #969696;
    display: block;
    margin-top: 12px;
}
.form-tbl-row .form .input-group .confirm-text.error {
    color: #c00;
}
.form-tbl-row .form .input-group .confirm-text.correct {
    color: #007e33;
}
.input-text {
    height: 40px;
    padding: 0 16px;
}
.input-text,
.input-textarea {
    width: 100%;
    border: 1px solid #ebebeb;
    border-radius: 8px;
}
.input-textarea {
    height: 100px;
    padding: 16px;
    margin: 0 0 16px;
    resize: none;
}
.resetButton {
    height: 42px;
    color: #999;
    width: 76px;
    padding: 0;
}
.btn-normal,
.resetButton {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    border: 1px solid #ebebeb;
    border-radius: 8px;
}
.btn-normal {
    height: 40px;
    color: #969696;
    padding: 0 16px;
    margin: 0 0 0 8px;
}
.btn-normal.active {
    border-color: #ff024a;
    color: #ff024a;
}
.image-uploader-text {
    font-size: 14px !important;
    font-weight: 400;
    color: #262626;
    margin-bottom: 10px;
}
.btn-image-upload {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    background: #231f20;
    padding: 0 16px;
    border-radius: 20px;
}
.btn-image-upload img {
    width: 20px;
    height: 20px;
    margin-right: 6px;
}
.btn-image-upload span {
    color: #fff;
    font-size: 14px;
    white-space: nowrap;
}
.tbl-list {
    display: flex;
    flex: 1;
    flex-direction: column;
}
.tbl-header {
    display: flex;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    background-color: #f9f9fc;
}
.tbl-header span,
.tbl-row span {
    display: flex;
    flex: 1;
    align-items: center;
    justify-content: center;
    height: 40px;
}
.tbl-header span:first-child,
.tbl-row span:first-child {
    flex: 1;
}
.tbl-header span:nth-child(2),
.tbl-row span:nth-child(2) {
    flex: 4;
}
.tbl-header span:nth-child(3),
.tbl-row span:nth-child(3) {
    flex: 3;
}
.tbl-header span:nth-child(4),
.tbl-row span:nth-child(4) {
    flex: 4;
}
.tbl-row {
    display: flex;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    padding: 8px 0;
}
.tbl-row.empty {
    padding: 32px;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.6;
    color: #969696;
}
.tbl-row span {
    height: auto;
    font-size: 14px;
    font-weight: 300;
}
.tbl-row span:nth-child(2) {
    font-weight: 700;
}
.profile-wrap {
    padding-top: 32px;
}
.flexBox {
    flex: 1;
}
.flexBox,
.profileBox {
    display: flex;
    flex-direction: column;
}
.profileBox {
    width: 100%;
}
.greyBox {
    display: flex;
    flex: 1;
    padding: 16px;
    background-color: #f9f9fc;
    border-radius: 8px;
    margin-bottom: 16px;
}
.profileDeleteBox {
    display: flex;
    justify-content: right;
}
.profileDeleteButton {
    width: 104px;
    height: 42px;
    border: 1px solid #0000001a;
    border-radius: 8px;
    line-height: 42px;
    font-size: 15px;
    color: #999;
}
.flexRowEnd {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
}
.thumbUploadBox {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 240px;
    height: 135px;
}
.thumbUploadBox,
.thumbnail {
    border: 2px dashed #00000033;
    border-radius: 8px;
}
.thumbnail {
    padding: 8px;
}
.thumbnailImg {
    border: 1px solid #00000033;
    border-radius: 8px;
    max-width: 320px;
}
.summary {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 0 0 32px;
    font-size: 14px;
    line-height: 1.6;
    color: #363b41;
    font-weight: 300;
}
.summary span {
    display: block;
    color: #969696;
}
@media screen and (max-width: 768px) {
    .fluid-wrapper {
        padding: 0 16px;
    }
    .form-tbl-row {
        flex-direction: column;
    }
    .form-tbl-row .btn {
        margin-top: 16px;
        justify-content: flex-end;
    }
    .tbl-header {
        display: none;
    }
    .tbl-row {
        flex-wrap: wrap;
    }
    .tbl-row span {
        line-height: 1.6;
    }
    .tbl-row span:first-child {
        flex: 50px 0;
    }
    .tbl-row span:nth-child(2),
    .tbl-row span:nth-child(3) {
        flex: auto;
        justify-content: flex-start;
    }
    .tbl-row span:nth-child(3) {
        width: 100%;
        padding-left: 50px;
    }
    .tbl-row span:nth-child(3):before {
        margin-right: 4px;
        content: "(";
    }
    .tbl-row span:nth-child(3):after {
        margin-left: 4px;
        content: ")";
    }
    .tbl-row span:nth-child(4) {
        flex: auto;
        width: 100%;
        padding-left: 50px;
        padding-top: 0;
        justify-content: space-between;
    }
    .tbl-row.empty span {
        flex: 1;
    }
    .profileDeleteButton {
        width: 100%;
    }
    .greyBox {
        flex-direction: column;
    }
    .thumbUploadBox {
        width: 100%;
    }
    .thumbnailImg {
        max-width: 100%;
    }
    .summary {
        padding: 0;
        margin-top: 16px;
    }
    .panels-wrap {
        padding: 24px 16px;
    }
}
.dialogHead {
    flex-direction: row;
    justify-content: space-between;
    padding: 0 24px;
}
.dialogHead,
.dialogHead .title {
    display: flex;
    align-items: center;
    height: 64px;
}
.dialogHead .title {
    justify-content: center;
    font-size: 18px;
    font-weight: 700;
    color: #000;
}
.dialogHead .title .summary {
    margin-left: 8px;
    font-size: 14px;
    font-weight: 300;
    color: #000;
}
.broadcast-set {
    max-width: 1080px;
    margin: 0 auto;
    padding: 16px 0;
}
.broadcast-set .ui.header.sub-title {
    padding: 0;
}
@media screen and (max-width: 1112px) {
    .broadcast-set {
        padding: 24px 16px;
    }
}
.modalWrap {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, 0.2);
    z-index: 1002;
}
.fullModalWrap,
.modalWrap {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
.fullModalWrap {
    background-color: #fff;
    z-index: 1000;
}
.modalHeader {
    display: flex;
    height: 64px;
    align-items: center;
    justify-content: space-between;
    padding: 0 24px;
    margin: 0;
    font-size: 18px;
    font-weight: 700;
    line-height: 26px;
    color: #000;
}
.tooltip-box {
    position: absolute;
    top: -60px;
    right: 0;
    z-index: 5;
}
.tooltip-inner {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 56px;
    padding: 0 24px;
    background: #fff;
    border-radius: 8px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    box-shadow: 1px 5px 10px 1px rgba(0, 0, 0, 0.3);
}
.tooltip-inner:after {
    position: absolute;
    right: 16px;
    bottom: -8px;
    display: block;
    width: 16px;
    height: 16px;
    background: #fff;
    transform: rotate(45deg);
    box-shadow: 1px 1px 0 0 rgba(0, 0, 0, 0.1);
    content: "";
}
.basic-select {
    position: relative;
}
.basic-select button {
    padding: 0 24px;
    height: 32px;
    white-space: nowrap;
}
.basic-select ul {
    position: absolute;
    top: 32px;
    left: 0;
    right: 0;
    z-index: 3;
    background-color: #fff;
    border-radius: 4px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    box-shadow: 0 3px 3px 1px rgba(0, 0, 0, 0.1);
}
.basic-select ul li {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 32px;
    padding: 0 16px;
    cursor: pointer;
}
@media screen and (max-width: 540px) {
    .basic-select button {
        padding: 0 16px;
    }
    .basic-select ul li {
        padding: 0;
    }
}
.guide-slide-dots {
    position: absolute;
    bottom: 16px;
    display: flex !important;
    width: 100%;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}
.guide-slide-dots li {
    display: block;
    width: 12px;
    height: 12px;
    border-radius: 6px;
    margin: 0 4px;
    background-color: #fff;
    overflow: hidden;
    text-indent: -1000em;
    white-space: nowrap;
}
.guide-slide-dots li.slick-active {
    background-color: #ff024a;
}
.chatNotice {
    position: absolute;
    top: 8px;
    left: 8px;
    right: 8px;
    background-color: #f5f5f5;
    border: 1px solid #d8d8d8;
    border-radius: 8px;
    overflow: hidden;
    z-index: 100;
}
.chatNotice.hide {
    display: none !important;
}
.mobile-player-container .chatNotice {
    top: 0;
}
.chatNoticeHeader {
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    height: 40px;
    padding: 0 8px;
}
.chatNoticeHeader .title {
    font-size: 16px;
    font-weight: 700;
    color: #000;
    line-height: 24px;
}
.chatNoticeHeader .btnClose {
    display: block;
    width: 8px;
    height: 8px;
    cursor: pointer;
    position: absolute;
    right: 8px;
    top: 8px;
}
.chatNoticeBody {
    padding: 0 8px 8px;
    font-weight: 300;
    line-height: 20px;
    word-wrap: break-word;
    word-break: break-all;
    white-space: pre-wrap;
}
.casterFeed {
    padding: 8px;
    background: transparent;
}
.casterFeed .chat-item {
    margin-top: 8px;
}
#slider li.slick-active button:before {
    color: red !important;
    opacity: 1 !important;
}
#slider .slick-dots {
    left: -6px !important;
}
.bg-blurred {
    background-position: 50% 10%;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    position: relative;
    min-height: 100vh;
}
.bg-blurred:before {
    content: "";
    z-index: -1;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
}
.bigFan-search-m {
    width: 100%;
    height: 45px;
    margin: 8px 0 11px;
    padding: 8px 16px 7px 15px;
    background-color: #eee;
    display: flex;
}
.bigFan-search-m select {
    width: 71px;
    margin: 0 5px 0 0;
    padding: 6px 9px 7px;
    font-size: 12px;
}
.bigFan-search-m input,
.bigFan-search-m select {
    height: 30px;
    border-radius: 4px;
    border: 1px solid #ddd;
    background-color: #fff;
}
.bigFan-search-m input {
    width: 70%;
    margin: 0 5px;
    padding: 6px 0 7px 9px;
}
.bigFan-search-m button {
    width: 40px;
    height: 30px;
    margin: 0 0 0 5px;
    padding: 8px 12px 7px 13px;
    border-radius: 4px;
    background-color: #f2507e;
}
.broadcast-station-box .banner-box {
    position: relative;
    display: block;
    width: 100%;
    height: 140px;
    overflow: hidden;
    background: #fff;
}
.broadcast-station-box .banner-box > img {
    width: 100%;
}
.broadcast-station-box .banner-box > span {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    font-size: 20px;
    color: #484848;
    font-weight: 500;
}
.broadcast-station-box .bj-img {
    position: relative;
    width: 76px;
    height: 76px;
    border: 3px solid #f2507e;
    border-radius: 50%;
    padding: 3px;
    margin-right: 20px;
}
.broadcast-station-box .bj-img > img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
}
.broadcast-station-box .bj-info {
    width: calc(100% - 200px);
    font-size: 14px;
    color: #888;
}
.broadcast-station-box .bj-info .bj-nickName {
    display: block;
    font-size: 20px;
    font-weight: 500;
    color: #000;
    margin: 10px 0;
}
.broadcast-station-box .bj-info .bj-description {
    position: relative;
    color: #666;
    line-height: 1.57;
    margin-top: 16px;
    min-height: 40px;
    padding-right: 24px;
    white-space: pre-wrap;
    word-wrap: break-word;
    word-break: break-all;
}
.broadcast-station-box .bj-info .bj-description .btn-box {
    position: absolute;
    top: 0;
    right: 0;
    width: 25px;
    height: 25px;
    background: url(http://wiwitv.com/button/btn_down.png) no-repeat;
    background-size: 25px;
}
.broadcast-station-box .bj-info .bj-description .btn-box.on {
    transform: rotate(180deg);
}
.broadcast-station-box .detail-box {
    margin-top: 20px;
    padding-bottom: 20px;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    margin-bottom: 30px;
}
.broadcast-station-box .detail-box .title {
    font-size: 30px;
    font-weight: 500;
    color: #000;
    margin-bottom: 20px;
}
.broadcast-station-box .detail-box .title > span {
    vertical-align: top;
    font-size: 14px;
    color: #222;
    border: 1px solid #222;
    padding: 1px 5px;
    border-radius: 100px;
    margin-right: 5px;
}
.broadcast-station-box .detail-box .detail-header {
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    padding: 20px 0;
    margin-bottom: 20px;
}
.broadcast-station-box .detail-box img {
    max-height: 500px;
}
.broadcast-bigFan {
    position: relative;
    display: flex;
    flex-direction: column;
    flex: 1;
    justify-content: space-between;
    padding-top: 24px;
    border-top: 1px solid #e6e6e6;
    margin-top: 24px;
}
.broadcast-bigFan > .title {
    display: block;
    font-size: 16px;
    font-weight: 700;
    color: #222;
    line-height: 24px;
    margin-bottom: 23px;
}
.broadcast-bigFan > .list {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 18px;
}
.broadcast-bigFan > .list > a {
    display: flex;
}
.broadcast-bigFan > .list > a > .thumn {
    flex: 1;
    min-width: 40px;
    max-width: 40px;
    height: 40px;
    border: 1px solid #0000000d;
    border-radius: 50%;
    margin-right: 6px;
}
.broadcast-bigFan > .list > a > .thumn > img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
}
.broadcast-bigFan > .list > a > .name {
    flex: 1;
    font-size: 14px;
    line-height: 30px;
    color: #888;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.broadcast-bigFan > .list.end {
    margin-bottom: 10px;
}
.broadcast-bigFan > .list .rank {
    flex: none;
    font-size: 12px;
    line-height: 17px;
    color: #888;
}
.broadcast-bigFan > .list.chairman > a > .thumn {
    position: relative;
    border: 1px solid #0000000d;
}
.broadcast-bigFan > .list.chairman > a > .thumn:after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 92%;
    transform: translateX(-50%);
    width: 18px;
    height: 12px;
    background: url(http://wiwitv.com/image/img_1king.png) no-repeat 50%;
    background-size: contain;
}
.broadcast-bigFan > .list.chairman > .rank {
    font-size: 16px;
    font-weight: 700;
    color: #f70;
}
.broadcast-bigFan > .list.vice-chairman > a > .thumn {
    position: relative;
    border: 1px solid #0000000d;
}
.broadcast-bigFan > .list.vice-chairman > a > .thumn:after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 92%;
    transform: translateX(-50%);
    width: 18px;
    height: 12px;
    background: url(http://wiwitv.com/image/img_2king.png) no-repeat 50%;
    background-size: contain;
}
.broadcast-bigFan > .list.vice-chairman > .rank {
    font-size: 14px;
    font-weight: 700;
    color: #888;
}
.broadcast-fanRank-m.mobile {
    position: absolute;
    top: calc(100% + 5px);
    left: 0;
    width: 100%;
    font-size: 12px;
    color: #000;
    border: 1px solid #ddd;
    border-radius: 8px;
    background-color: #f5f5f5;
    padding: 15px 10px;
    margin: 0;
    z-index: 2;
}
.broadcast-fanRank-m {
    position: relative;
    display: flex;
    flex-direction: column;
    flex: 1;
    justify-content: space-between;
    padding-top: 20px;
    margin-top: 20px;
    border-top: 1px solid #ddd;
}
.broadcast-fanRank-m > .btn-fold {
    border-top: 1px solid #ddd;
    width: 100%;
    padding-top: 15px;
}
.broadcast-fanRank.desktop {
    position: absolute;
    top: calc(100% + 5px);
    right: 0;
    font-size: 12px;
    color: #000;
    border: 1px solid #ddd;
    border-radius: 8px;
    background-color: #f5f5f5;
    padding: 15px 10px;
    margin: 0;
    z-index: 2;
}
.broadcast-fanRank {
    position: relative;
    display: flex;
    flex-direction: column;
    flex: 1;
    justify-content: space-between;
    min-width: 200px;
    max-width: 400px;
    padding-top: 20px;
    margin-top: 20px;
    border-top: 1px solid #ddd;
}
.broadcast-fanRank > .header {
    display: flex;
    justify-content: space-between;
    padding-bottom: 10px;
    border-bottom: 1px solid #ddd;
    margin-bottom: 18px;
}
.broadcast-fanRank > .header > .title {
    font-size: 16px;
    font-weight: 700;
    color: #222;
    line-height: 24px;
}
.broadcast-fanRank > .header > .btn-close {
    background: url(http://wiwitv.com/mobile/button/btn_close.png) no-repeat 50%;
    background-size: 24px 24px;
    margin-right: 10px;
}
.broadcast-fan.side {
    margin-left: 10px;
    padding-left: 10px;
    border-left: 1px solid #ddd;
}
.broadcast-fan.desktop {
    width: 200px;
}
.broadcast-fan > .list {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 18px;
}
.broadcast-fan > .list > a {
    display: flex;
    max-width: 145px;
}
.broadcast-fan > .list.end {
    height: 40px;
    margin-bottom: 10px;
    margin-right: 10px;
}
.broadcast-fan > .list > a > .thumn {
    flex: 1;
    min-width: 32px;
    max-width: 32px;
    height: 32px;
    border: 2px solid #ccc;
    border-radius: 50%;
    margin-right: 6px;
}
.broadcast-fan > .list > a > .thumn > img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
}
.broadcast-fan > .list > a > .name {
    flex: 1;
    font-size: 14px;
    line-height: 30px;
    color: #888;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-right: 18px;
}
.broadcast-fan > .list .rank {
    flex: none;
    font-size: 12px;
    line-height: 17px;
    color: #888;
}
.broadcast-fan > .list.chairman {
    margin-right: 10px;
}
.broadcast-fan > .list.chairman > .rank {
    font-size: 16px;
    font-weight: 700;
    color: #f70;
}
.broadcast-fan > .list.vice-chairman {
    margin-right: 10px;
}
.broadcast-fan > .list.vice-chairman > .rank {
    font-size: 14px;
    font-weight: 700;
    color: #888;
}
.broadcast-fan > .list.third-chairman {
    margin-right: 10px;
}
.broadcast-fan > .list.third-chairman > .rank {
    font-size: 13px;
    font-weight: 500;
}
.broadcast-rank-m {
    margin-top: 5px;
}
.broadcast-rank-m > .header {
    display: flex;
    justify-content: space-between;
    padding-bottom: 10px;
    border-bottom: 1px solid #ddd;
    margin-bottom: 18px;
}
.broadcast-rank-m > .header > .title {
    font-size: 12px;
    color: #222;
    line-height: 16px;
}
.broadcast-rank-m > .header > .btn-close {
    background: url(http://wiwitv.com/mobile/button/btn_close.png) no-repeat 50%;
    background-size: 24px 24px;
}
.broadcast-rank-m .flex {
    margin-bottom: 10px;
}
.broadcast-rank-m .flex > span:first-child {
    position: relative;
    padding-left: 25px;
}
.broadcast-rank-m .flex:not(.rank) > span:first-child:before {
    content: "";
    position: absolute;
    top: 2px;
    left: 0;
    width: 15px;
    height: 15px;
}
.broadcast-rank-m .flex.popular > span:first-child:before {
    background: url(http://wiwitv.com/icon/ico_rank.png) no-repeat;
    background-size: cover;
}
.broadcast-rank-m .flex.score > span:first-child:before {
    background: url(http://wiwitv.com/icon/ico-score.png) no-repeat;
    background-size: cover;
}
.broadcast-rank-m .flex.favorite > span:first-child:before {
    background: url(http://wiwitv.com/icon/ico-bookmark.png) no-repeat;
    background-size: cover;
}
.broadcast-rank-m .flex.fan > span:first-child:before {
    background: url(http://wiwitv.com/icon/ico-fan.png) no-repeat;
    background-size: cover;
}
.broadcast-rank-m .flex.recommendations > span:first-child:before {
    background: url(http://wiwitv.com/icon/ico-recom.png) no-repeat;
    background-size: cover;
}
.broadcast-rank-m .flex.time30 > span:first-child:before {
    background: url(http://wiwitv.com/icon/ico_time.png) no-repeat;
    background-size: cover;
}
.broadcast-rank-m .flex.time-all > span:first-child:before {
    background: url(http://wiwitv.com/icon/ico_all.png) no-repeat;
    background-size: cover;
}
.broadcast-rank-m .flex.recent > span:first-child:before {
    background: url(http://wiwitv.com/icon/ico-lately.png) no-repeat;
    background-size: cover;
}
.broadcast-rank-m > .flex > span:nth-child(2) {
    font-weight: 500;
}
.broadcast-rank-m > .flex.rank {
    position: relative;
    flex-direction: row-reverse;
    border-radius: 8px;
    background-color: #f5f5f5;
    font-size: 10px;
    color: #888;
    padding: 15px 10px;
    margin: 0;
}
.broadcast-rank-m > .flex.rank:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 10px;
    transform: translateY(-50%);
    width: 28px;
    height: 28px;
    background: url(http://wiwitv.com/icon/ico-rank-color.png) no-repeat 50%;
    background-size: cover;
}
.broadcast-rank-m > .flex.rank > span:first-child {
    order: 2;
    margin-right: 5px;
}
.broadcast-rank-m > .flex.rank > span:nth-child(2) {
    order: 1;
    font-size: 20px;
    font-weight: 500;
    color: #000;
}
.broadcast-rank.desktop {
    position: absolute;
    top: calc(100% + 5px);
    left: calc(100% + 10px);
    width: 200px;
    font-size: 12px;
    color: #000;
    border: 1px solid #ddd;
    border-radius: 8px;
    background-color: #f5f5f5;
    padding: 15px 10px;
    margin: 0;
    z-index: 3;
}
.broadcast-rank {
    flex: 0 0 200px;
    padding-top: 20px;
    margin-top: 20px;
    border-top: 1px solid #ddd;
    font-size: 12px;
    color: #000;
}
.broadcast-rank > .header {
    display: flex;
    justify-content: space-between;
    padding-bottom: 10px;
    border-bottom: 1px solid #ddd;
    margin-bottom: 18px;
}
.broadcast-rank > .header > .title {
    font-size: 12px;
    color: #222;
    line-height: 16px;
}
.broadcast-rank .flex {
    margin-bottom: 10px;
}
.broadcast-rank .flex > span:first-child {
    position: relative;
    padding-left: 25px;
}
.broadcast-rank .flex:not(.rank) > span:first-child:before {
    content: "";
    position: absolute;
    top: 2px;
    left: 0;
    width: 15px;
    height: 15px;
}
.broadcast-rank .flex.popular > span:first-child:before {
    background: url(http://wiwitv.com/icon/ico_rank.png) no-repeat;
    background-size: cover;
}
.broadcast-rank .flex.score > span:first-child:before {
    background: url(http://wiwitv.com/icon/ico-score.png) no-repeat;
    background-size: cover;
}
.broadcast-rank .flex.favorite > span:first-child:before {
    background: url(http://wiwitv.com/icon/ico-bookmark.png) no-repeat;
    background-size: cover;
}
.broadcast-rank .flex.fan > span:first-child:before {
    background: url(http://wiwitv.com/icon/ico-fan.png) no-repeat;
    background-size: cover;
}
.broadcast-rank .flex.recommendations > span:first-child:before {
    background: url(http://wiwitv.com/icon/ico-recom.png) no-repeat;
    background-size: cover;
}
.broadcast-rank .flex.time30 > span:first-child:before {
    background: url(http://wiwitv.com/icon/ico_time.png) no-repeat;
    background-size: cover;
}
.broadcast-rank .flex.time-all > span:first-child:before {
    background: url(http://wiwitv.com/icon/ico_all.png) no-repeat;
    background-size: cover;
}
.broadcast-rank .flex.recent > span:first-child:before {
    background: url(http://wiwitv.com/icon/ico-lately.png) no-repeat;
    background-size: cover;
}
.broadcast-rank > .flex > span:nth-child(2) {
    font-weight: 500;
}
.broadcast-rank > .flex.rank {
    position: relative;
    flex-direction: row-reverse;
    border-radius: 8px;
    background-color: #f5f5f5;
    font-size: 10px;
    color: #888;
    padding: 15px 10px;
    margin: 0;
}
.broadcast-rank > .flex.rank:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 10px;
    transform: translateY(-50%);
    width: 28px;
    height: 28px;
    background: url(http://wiwitv.com/icon/ico-rank-color.png) no-repeat 50%;
    background-size: cover;
}
.broadcast-rank > .flex.rank > span:first-child {
    order: 2;
    margin-right: 5px;
}
.broadcast-rank > .flex.rank > span:nth-child(2) {
    order: 1;
    font-size: 20px;
    font-weight: 500;
    color: #000;
}
.broadcast-bigFan > .flex.rank {
    position: relative;
    flex-direction: row-reverse;
    border-radius: 8px;
    background-color: #f5f5f5;
    font-size: 10px;
    color: #888;
    padding: 15px 10px;
    margin: 0;
}
.broadcast-bigFan > .flex.rank:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 10px;
    transform: translateY(-50%);
    width: 28px;
    height: 28px;
    background: url(http://wiwitv.com/icon/ico-rank-color.png) no-repeat 50%;
    background-size: cover;
}
.broadcast-bigFan > .flex.rank > span:first-child {
    order: 2;
    margin-right: 5px;
}
.broadcast-bigFan > .flex.rank > span:nth-child(2) {
    order: 1;
    font-size: 20px;
    font-weight: 500;
    color: #000;
}
.bj-talk-box {
    position: relative;
    padding: 25px 240px 25px 20px;
    border-top: 1px solid #ddd;
    margin-top: 20px;
}
.bj-talk-box.fixed-top {
    padding-top: 39px;
    border: 1px solid #000;
}
.bj-talk-box .fixed-header {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 25px;
    background-color: #000;
    color: #fff;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 25px 0 35px;
    font-size: 12px;
}
.bj-talk-box .fixed-header > span:first-child:before {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 10px;
    width: 15px;
    height: 15px;
    background: url(http://wiwitv.com/icon/ico-notice.png) no-repeat 50%;
    background-size: cover;
}
.bj-talk-box .fixed-header > span:nth-child(2) {
    cursor: pointer;
    padding-bottom: 1px;
    border-bottom: 1px solid #fff;
}
.bj-talk-box:last-child {
    border-bottom: 1px solid #ddd;
}
.bj-info-box .bj-thumn {
    flex: 0 0 50px;
    max-width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: #ddd;
    margin-right: 20px;
}
.bj-info-box .bj-thumn > img {
    height: 100%;
    border-radius: 50%;
}
.bj-info-box .bj-nickName {
    font-size: 14px;
    color: #8787;
    margin-right: 10px;
}
.bj-info-box .bj-nickName > strong {
    font-size: 16px;
    font-weight: 500;
    color: #000;
    margin-right: 2px;
}
.bj-info-box .bj-date {
    position: relative;
    display: inline-flex;
    font-size: 12px;
    color: #707070;
    padding-left: 10px;
}
.bj-info-box .bj-date:before {
    content: "";
    position: absolute;
    top: 7px;
    left: 0;
    width: 4px;
    height: 4px;
    background-color: #c8c8c8;
    border-radius: 50%;
}
.bj-talk-box .title {
    font-size: 20px;
    font-weight: 500;
    color: #000;
    margin-top: 20px;
}
.bj-talk-box .content {
    font-size: 14px;
    color: #000;
    padding: 0;
    margin-top: 15px;
    height: 70px;
    line-height: 23px;
    overflow: hidden;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    white-space: pre-line;
}
.bj-talk-box .btn-detail > * {
    font-size: 12px;
    font-weight: 500;
    width: 60px;
    color: #666 !important;
    padding-bottom: 5px;
    border-bottom: 1px solid #666;
}
.bj-talk-box .img {
    position: absolute;
    bottom: 30px;
    right: 20px;
    width: 180px;
    height: 120px;
    border-radius: 8px;
    overflow: hidden;
}
.bj-talk-box .img > img {
    height: 100%;
}
.wrap-chat-field {
    position: relative;
}
.wrap-chat-field .chat-input {
    border: 0;
    font-size: 12px;
    color: #222;
    line-height: 18px;
}
.chat-submit-btn {
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    font-size: 12px;
    color: #fff;
    background-color: #f2507e;
    height: 100%;
    border-radius: 2px;
}
.fan-ranking {
    background-color: #fff;
    width: 100%;
    height: 100%;
    overflow: auto;
    padding: 10px 0;
}
.fan-ranking .fan-info {
    display: flex;
    height: auto;
    margin-bottom: 10px;
    margin-left: 12px;
    align-items: center;
}
.fan-ranking .fan-info .rank {
    float: left;
    font-size: 10px;
    color: #666;
    margin-right: 8px;
}
.fan-ranking .grade-info-item {
    padding: 8px;
    margin-top: 10px;
    border-right-color: #dcdcdc;
    border-right-style: solid;
}
.fan-ranking .grade-info-item:last-child {
    border-right: 0;
}
.fan-ranking .grade-info-item img {
    width: 43px;
    height: 43px;
}
.fan-ranking .ui.attached.tabular.menu {
    display: none;
}
.broadcast-agree h3 {
    font-size: 16px;
}
.broadcast-agree .agree-box {
    height: 300px;
    border: 1px solid #ddd;
    overflow-x: hidden;
    overflow-y: scroll;
}
.broadcast-agree .agree-box h6 {
    font-size: 14px;
    margin: 0 0 8px;
}
.broadcast-agree .agree-box li,
.broadcast-agree .agree-box p {
    font-size: 14px;
    line-height: 1.6;
}
.broadcast-agree .agree-box ul {
    margin: 0 0 16px;
    padding-left: 20px;
}
.broadcast-agree .agree-box li {
    margin-top: 4px;
    list-style: disc;
}
.broadcast-agree .agree-box li span {
    display: block;
}
.broadcast-agree .agree-box > div {
    padding: 16px;
}
.broadcast-agree .agree-box h5 span {
    display: block;
    font-weight: 400;
    color: #646464;
    font-size: 13px;
}
.broadcast-agree .agree-select {
    display: flex;
    flex: 1;
    justify-content: flex-end;
    margin-top: 12px;
    margin-bottom: 24px;
}
.mobile-container .broadcast-agree h3 {
    font-size: 14px;
}
.mobile-container .broadcast-agree .agree-box h6,
.mobile-container .broadcast-agree .agree-box li,
.mobile-container .broadcast-agree .agree-box p {
    font-size: 13px;
}
@media screen and (max-width: 1366px) {
    .mobile .broadcast-station-box {
        margin: 0;
    }
    .mobile .broadcast-station-box .banner-box {
        position: relative;
        height: auto;
        max-height: 168px;
    }
    .mobile .broadcast-station-box .banner-box:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 0;
        opacity: 0.41;
        background-image: linear-gradient(180deg, transparent 62%, rgba(0, 0, 0, 0.8) 116%);
    }
    .mobile .broadcast-station-box .banner-box > img {
        width: 100%;
        height: auto;
    }
    .mobile .broadcast-station-box .banner-box > .btns {
        position: absolute;
        right: 8px;
        bottom: 8px;
        z-index: 2;
    }
    #__next .mobile .broadcast-station-box .banner-box > .btns > button.ui.button,
    .mobile .broadcast-station-box .banner-box > .btns > button.ui.button {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 24px;
        height: 24px;
        max-width: 24px;
        padding: 0;
        background-color: rgba(0, 0, 0, 0.7);
        border: 0;
        margin: 0 0 0 4px;
    }
    #__next .broadcast-station-box .channel-live,
    #__next .mobile .broadcast-station-box .banner-box > .btns > button.ui.button.channel-live,
    .mobile .broadcast-station-box .banner-box > .btns > button.ui.button.channel-live {
        width: auto;
        max-width: unset;
        padding: 0 4px;
        color: #fff;
        font-size: 12px;
        background-color: rgba(242, 80, 126, 0.75);
    }
    #__next .broadcast-station-box .channel-live {
        text-align: center;
        background-color: #f2507e;
        border-radius: 4px;
        margin-top: 8px;
        height: 30px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .mobile .broadcast-station-box .broadcast-info-box {
        padding: 10px 16px;
    }
    .mobile .broadcast-station-box .broadcast-info-box .bj-img {
        float: left;
        width: 70px;
        height: 70px;
        margin-right: 9px;
        margin-top: -47px;
    }
    .mobile .broadcast-station-box .broadcast-info-box .bj-img .ui.image,
    .mobile .broadcast-station-box .broadcast-info-box .bj-img img {
        width: 100%;
        height: 100%;
        border-radius: 50%;
    }
    .mobile .broadcast-station-box .broadcast-info-box .bj-info {
        float: left;
        width: calc(100% - 80px);
        font-size: 14px;
        color: #888;
        line-height: 14px;
    }
    .mobile .broadcast-station-box .broadcast-info-box .bj-info .bj-nickName {
        font-size: 16px;
        font-weight: 400;
        color: #222;
        line-height: 16px;
        margin: 0 0 8px;
    }
    .mobile .broadcast-station-box .broadcast-info-box .bj-info .bj-description {
        min-height: unset;
    }
    .mobile .broadcast-info-box .broadcast-rank {
        position: relative;
        margin-top: 17px;
        padding-top: 0;
        border: 0;
        flex: unset;
        font-size: 11px;
        color: #000;
    }
    .mobile .broadcast-info-box .broadcast-rank > .flex.rank {
        padding: 8px;
        margin-bottom: 0;
        border-radius: 8px 8px 0 0;
    }
    .mobile .broadcast-info-box .broadcast-rank > .flex.rank:before {
        content: "BEST 열혈팬";
        color: #000;
        font-size: 15px;
        font-weight: 700;
        width: 200px;
        height: 20px;
        background: url(http://wiwitv.com/mobile/icon/ico-cast-rank.png) no-repeat;
        background-size: 20px;
        padding-left: 27px;
    }
    .mobile .broadcast-rank > .flex.rank > span:first-child {
        font-size: 14px;
        color: #ff024a;
    }
    .mobile .broadcast-rank > .flex.rank > span:nth-child(2) {
        font-size: 14px;
        color: #222;
    }
    .mobile .broadcast-rank > .flex.rank > .btn-open {
        display: inline-block;
        width: 20px;
        height: 20px;
        background: url(http://wiwitv.com/mobile/button/btn_down.png) no-repeat;
        background-size: cover;
        margin-left: 10px;
    }
    .mobile .broadcast-rank > .flex.rank > .btn-open.on {
        transform: rotate(180deg);
    }
    .mobile .broadcast-rank > .rank-info-box {
        border-top: 1px solid #eee;
        background-color: #f5f5f5;
        padding: 15px 16px;
    }
    .bj-talk-box:first-child {
        margin-top: 0;
    }
    .bj-talk-box.fixed-top {
        border: 0;
    }
    .bj-talk-box,
    .bj-talk-box.fixed-top {
        border-bottom: 1px solid #ddd;
        padding: 0 0 16px;
    }
    .bj-talk-box {
        margin: 0 0 16px;
        border-top: 0;
    }
    .bj-talk-box .fixed-header {
        width: auto;
        top: 0;
        left: unset;
        right: 0;
        color: #000;
        background-color: #fff;
        border-radius: 100px;
        padding: 3px 10px;
    }
    .bj-talk-box .fixed-header > span:first-child:before {
        content: none;
    }
    .bj-info-box .bj-thumn {
        flex: 0 0 32px;
        max-width: 32px;
        height: 32px;
        margin-right: 4px;
    }
    .bj-info-box .bj-thumn > img {
        width: 32px;
        height: 32px;
    }
    .bj-info-box .bj-nickName {
        display: block;
        font-size: 14px;
        line-height: 14px;
        color: #888;
        margin-bottom: 4px;
    }
    .bj-info-box .bj-nickName > strong {
        font-size: 14px;
        font-weight: 400;
        margin-right: 4px;
    }
    .bj-info-box .bj-date {
        font-size: 14px;
        padding: 0;
    }
    .bj-info-box .bj-date:before {
        content: none;
    }
    .bj-talk-box .title {
        font-size: 14px;
        margin-top: 10px;
        padding-left: 36px;
    }
    .bj-talk-box .content {
        font-size: 14px;
        line-height: 18px;
        margin: 4px 0 16px;
        height: auto;
        padding-left: 36px;
    }
    .bj-talk-box .img {
        position: static;
        width: auto;
        height: 82px;
        margin-top: 10px;
        padding-left: 36px;
    }
    .bj-talk-box .img > img {
        margin: 0;
    }
    .bj-talk-box .btn-detail {
        padding-left: 36px;
    }
    .bj-talk-box .btn-detail > * {
        width: 70px;
        font-size: 14px;
    }
    .broadcast-station-box.mobile {
        padding: 20px 16px;
        margin: 0;
    }
    .broadcast-station-box.mobile .detail-box {
        padding-bottom: 16px;
        border-bottom: 1px solid #ddd;
    }
    .broadcast-station-box.mobile .detail-box img {
        max-height: 450px;
    }
    .broadcast-station-box.mobile .detail-box .title {
        font-size: 16px;
        margin-bottom: 15px;
    }
    .broadcast-station-box.mobile .detail-box .bj-info-box .bj-nickName {
        display: block;
        font-size: 14px;
        color: #888;
    }
    .fan-ranking {
        padding: 16px;
        margin: 0;
    }
    .fan-list-title {
        display: flex;
        align-items: center;
        height: 32px;
        border-top: 1px solid #eee;
        border-bottom: 1px solid #eee;
    }
    .fan-list-title > * {
        font-size: 10px;
        font-weight: 500;
        color: #222;
        text-align: center;
    }
    .fan-list-m > li {
        padding: 17px 0;
        border-top: 1px solid #eee;
        font-size: 14px;
        color: #666;
    }
    .fan-list-m > li > span.level-m {
        flex: 0 0 8px;
        width: 8px;
        height: 8px;
        border-radius: 50%;
        margin-right: 6px;
    }
    .fan-list-m > li span.level-m.VIP {
        background-color: #333;
    }
    .fan-list-m > li span.level-m.DIAMOND {
        background-color: #83bdff;
    }
    .fan-list-m > li span.level-m.GOLD {
        background-color: #ff9c3a;
    }
    .fan-list-m > li span.level-m.SILVER {
        background-color: #949494;
    }
    .fan-list-m > li span.level-m.BRONZE {
        background-color: #8e6620;
    }
    .fan-list-m.area > li {
        display: flex;
        align-items: center;
        text-align: center;
    }
    .fan-list-m.area > li.not-found {
        justify-content: center;
        padding: 40px 0;
    }
    .fan-list-m.area > li > span:first-child,
    .fan-list-title > :first-child {
        flex: 2;
    }
    .fan-list-m.area > li > span:nth-child(2),
    .fan-list-m.area > li > span:nth-child(3),
    .fan-list-title > :nth-child(2),
    .fan-list-title > :nth-child(3) {
        flex: 4;
    }
    .fan-list-m.area > li > span:nth-child(4),
    .fan-list-title > :nth-child(4) {
        flex: 2;
    }
}
@media screen and (max-width: 500px) {
    .broadcast-rank > .flex.rank {
        font-size: 14px;
    }
    .mobile .broadcast-info-box .broadcast-rank > .flex.rank:before {
        width: 120px;
    }
}
@media screen and (min-width: 1367px) {
    .broadcast-info-box {
        display: none;
    }
}
.table2 {
    width: 100%;
    border-collapse: collapse;
}
.table2 thead th {
    font-weight: 500;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 29px 10px;
}
.table2 tbody td,
.table2 thead th {
    font-size: 14px;
    color: #000;
    text-align: center;
}
.table2 tbody td {
    padding: 10px;
}
.table2 tbody tr:nth-child(2n-1) td {
    background-color: #f8f8f8;
}
.table2 tbody tr:nth-child(2n) td {
    background-color: #eee;
}
.table3 {
    width: 100%;
    border-collapse: collapse;
}
.table3 th {
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    background-color: #f3f3f3;
}
.table3 td,
.table3 th {
    vertical-align: middle;
    border-top: 1px solid #d1d1d1;
    border-bottom: 1px solid #d1d1d1;
}
.table3 td {
    text-align: left;
    padding: 15px 10px;
}
.table3.payment th {
    background-color: #f7f7f7;
    font-size: 12px;
    text-align: left;
    color: #222;
    padding: 0 12px;
}
.table3.payment td {
    font-size: 12px;
    color: #666;
}
.flx-table th {
    padding: 20px 15px;
}
.flx-table td {
    padding: 0 5px;
    text-align: center;
}
.flex-table {
    width: 100%;
    border-collapse: collapse;
    border-top: 1px solid #bcbcbc;
}
.flex-table th {
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    background-color: #f8f8f8;
    border: 1px solid #bcbcbc;
    border-bottom: 0;
}
.flex-table th > span {
    font-size: 12px;
    color: #bcbcbc;
}
.flex-table th:first-child {
    border-left: 0;
}
.flex-table td:last-child {
    border-right: 0;
}
.flex-table td {
    height: 45px;
    padding: 0 10px;
    border: 1px solid #bcbcbc;
    border-bottom: 0;
}
.flex-table td .ui.input > input {
    height: 28px;
    padding: 0 15px;
}
.flex-table td .ui.label:last-child {
    height: 28px;
    margin-left: 0;
    border-radius: 0 4px 4px 0;
}
.flex-table .ui.input {
    align-items: center;
}
.flex-table .ui.input input {
    width: 100%;
}
.flex-table .ui.labeled.input:not([class*="corner labeled"]) .label:first-child {
    width: 27px;
    font-size: 13px;
    font-weight: 400;
    color: #000;
    background-color: transparent;
    text-align: right;
    overflow: hidden;
    padding: 0;
    margin-right: 10px;
}
.flex-table .ui.labeled.input:not([class*="corner labeled"]) .label:first-child + input {
    width: 112px;
    height: 28px;
    border-radius: 3px;
    border: 1px solid #bcbcbc;
    padding: 0 15px;
}
.list-style01 {
    display: flex;
    margin-bottom: 10px;
    align-items: center;
}
.list-style01.block {
    display: block;
}
.list-style01.block > * {
    display: block;
    margin-bottom: 15px;
}
.list-style01 > * {
    flex: 1;
    font-size: 14px;
    color: #222;
    text-align: left;
}
.list-style01 > .title {
    position: relative;
    flex: none;
    min-width: 80px;
    padding-left: 25px;
    width: 140px;
    font-weight: 500;
}
.list-style01 > .title:after {
    content: "";
    position: absolute;
    top: 2px;
    left: 0;
    width: 15px;
    height: 15px;
    border-radius: 3px;
    border: 0;
    background: url(http://wiwitv.com/icon/ico_tri.png) no-repeat;
    background-size: 15px;
}
.list-style01 > * > span {
    font-weight: 400;
}
.list-style01 .flex-type-col {
    display: flex;
    flex-direction: column;
}
.form-list {
    display: flex;
    padding: 20px;
}
.form-list > .title {
    display: flex;
    flex: 0 0 80px;
    max-width: 80px;
    font-size: 12px;
    font-weight: 500;
    color: #222;
    margin-right: 67px;
    align-items: flex-start;
}
.form-list > .form {
    flex: 1px;
    max-width: 500px;
    margin-right: 83px;
}
.form-list > .btn {
    display: flex;
    flex: 0 0 80px;
    align-items: flex-end;
    max-width: 80px;
}
.form-list > .btn > * {
    width: 75px;
}
@media screen and (max-width: 1366px) {
    .form-list {
        display: block;
        padding: 16px 16px 0;
    }
    .form-list > .title {
        display: block;
        max-width: unset;
        color: #222;
        margin: 0 0 8px;
    }
    .form-list > .form {
        max-width: unset;
        margin-right: 0;
    }
    .form-list > .form .flex .ui.input {
        flex: 1;
    }
    .form-list > .form .flex .ui.input > input {
        height: 36px;
    }
    #__next .form-list > .form .flex .ui.button,
    .form-list > .form .flex .ui.button {
        flex: 0 0 80px;
        max-width: 80px;
        height: 36px;
        margin-left: 4px;
        border: 1px solid #b5b5b5;
    }
    .form-list > .btn {
        display: block;
        text-align: right;
        margin-top: 4px;
        max-width: unset;
    }
    .form-list > a.link-list {
        position: relative;
        display: block;
        padding: 15px 0;
        font-size: 14px;
        color: #222;
    }
    .form-list > a.link-list:after {
        content: "";
        position: absolute;
        top: 50%;
        right: 0;
        transform: translateY(-50%);
        width: 20px;
        height: 20px;
        background: url(http://wiwitv.com/mobile/button/btn_list_more.png) no-repeat 50%;
        background-size: 15px;
    }
}
@media screen and (max-width: 767px) {
    .list-style01 > .title {
        margin-right: 16px;
    }
}
@media screen and (hover: none) and (pointer: coarse) {
    body {
        font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Open Sans, Helvetica Neue, sans-serif;
    }
}
.header-m {
    display: flex;
    width: 100%;
    align-items: center;
    position: relative;
}
.header-m > .app-logo {
    float: none;
    flex: unset;
    margin: 0 auto;
    height: 40px;
    background-size: 120px 40px;
}
.header-m .header-m-logo {
    display: block;
    height: 60px;
    margin: 0 auto;
}
.header-m .header-m-logo img {
    vertical-align: top;
    max-width: 100%;
    max-height: 100%;
    height: 100%;
}
.header-m .btn-group {
    display: flex;
    align-items: center;
    position: absolute;
    right: 0;
}
.header-search-box-m {
    display: flex;
    flex-direction: column;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #fff;
    z-index: 11;
}
.header-search-box-m .header {
    display: flex;
    align-items: center;
    flex: 0 0 40px;
    max-height: 40px;
    padding: 5px 15px;
    background-color: #000;
}
.header-search-box-m .header .btn-close {
    display: inline-block;
    flex: 0 0 20px;
    width: 20px;
    height: 20px;
    background: url(http://wiwitv.com/mobile/button/btn-close-wh.png) no-repeat 50%;
    background-size: 20px 20px;
}
.header-search-box-m .header .input-box {
    flex: 1;
    position: relative;
    margin-left: 15px;
}
.header-search-box-m .header .input-box > input {
    width: 100%;
    height: 28px;
    background-color: #fff;
    border-radius: 4px;
    font-size: 14px;
    color: #222;
    border: 0;
    padding: 0 12px;
}
.header-search-box-m .header .input-box > .btn-delete {
    display: none;
    position: absolute;
    width: 16px;
    height: 16px;
    top: 50%;
    right: 8px;
    transform: translateY(-50%);
    background: url(http://wiwitv.com/mobile/button/btn_input_del.png) no-repeat;
    background-size: 16px 16px;
}
.header-search-box-m .header .input-box > .btn-delete.on {
    display: block;
}
.header-search-box-m .body {
    flex: 1;
}
.header-search-box-m .body .title {
    font-size: 14px;
    color: #333;
    border-bottom: 1px solid #ededed;
    padding: 5px 15px;
}
.header-search-box-m .body ul li {
    display: flex;
    justify-content: space-between;
    font-size: 14px;
    color: #666;
    border-bottom: 1px solid #ededed;
    padding: 10px 15px;
}
.header-search-box-m .body ul li strong {
    font-size: 14px;
    font-weight: 500;
    color: #222;
    margin-right: 5px;
}
.header-search-box-m .body ul li .btn-delete {
    width: 16px;
    height: 16px;
    background: url(http://wiwitv.com/mobile/button/btn_list_del.png) no-repeat;
    background-size: 16px;
    -o-object-fit: cover;
    object-fit: cover;
}
.header-search-box-m .btn-all {
    display: block;
    margin: 15px auto 0;
    font-size: 10px;
    color: #666;
}
.quick-menu-m {
    height: 40px;
    background-color: #222;
    border-top: 1px solid hsla(0, 0%, 100%, 0.05);
}
.quick-menu-m,
.quick-menu-m > a {
    display: flex;
    align-items: center;
    justify-content: center;
}
.quick-menu-m > a {
    flex: 1;
    font-size: 14px;
    font-weight: 500;
    color: #fff !important;
}
.quick-menu-m > a.on {
    color: #ff4076 !important;
}
.btn-menu-m {
    display: block;
    width: 30px;
    height: 30px;
    background: url(http://wiwitv.com/mobile/button/btn-slide-menu.png) no-repeat 50%;
    background-size: 20px;
    margin: 0;
    padding: 0;
    position: absolute;
    left: 8px;
}
.btn-search-m {
    display: inline-block;
    flex: 0 0 20px;
    width: 20px;
    height: 20px;
    background: url(http://wiwitv.com/mobile/button/btn-search.png) no-repeat 50%;
    background-size: 16px;
    margin-right: 12px;
}
.mobile-container .section-wrap {
    padding: 32px;
}
.mobile-container .main-section01 .section-wrap {
    padding: 32px 0;
}
#__next .mobile-container .video-card-root {
    flex: 0 0 20%;
    max-width: 20%;
}
.mobile-container .slide-nav-group {
    position: absolute;
    bottom: -32px;
    left: 0;
    width: 100%;
}
.mobile-sub-container {
    max-width: 1080px;
    padding: 24px 0;
    margin: 0 auto;
}
@media screen and (max-width: 1112px) {
    .mobile-sub-container {
        padding: 24px 16px;
    }
}
.mobile-sub-container .sub-title {
    padding: 0 !important;
}
.mobile-sub-container .sub-summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 16px 0 24px;
}
.mobile-sub-container .sub-summary .select-btn {
    display: flex;
    align-items: center;
    margin: 0;
    height: 32px;
    line-height: 32px;
}
.mobile-sub-container .shopping-link-tab {
    padding: 0 !important;
    margin-top: 16px;
    margin-bottom: 24px;
}
.tabPopup-m {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 12;
    background-color: rgba(0, 0, 0, 0.16);
}
.tabPopup-m .tabPopup-box {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 16px 24px;
    background-color: #fff;
}
.tabPopup-m .tabPopup-box .tabPopup-header {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 28px;
}
.tabPopup-m .tabPopup-box .tabPopup-header .title {
    font-size: 16px;
    font-weight: 500;
    color: #222;
    display: flex;
    align-items: center;
}
.tabPopup-m .tabPopup-box .tabPopup-header .title .profile-thumb {
    width: 40px;
    height: 40px;
    background-size: cover;
    border-radius: 50%;
    border: 1px solid #dcdcdc;
}
.tabPopup-m .tabPopup-box .tabPopup-header .title .profile-info {
    display: flex;
    flex-direction: column;
    font-size: 14px;
    margin-left: 8px;
    line-height: 16px;
}
.tabPopup-m .tabPopup-box .tabPopup-header .title .profile-info .info-nickname {
    color: #121212;
}
.tabPopup-m .tabPopup-box .tabPopup-header .title .profile-info .info-id {
    color: #646464;
    font-size: 12px;
}
.tabPopup-m .tabPopup-box .tabPopup-header .btn-close {
    flex: 0 0 24px;
    max-width: 24px;
    height: 24px;
    background: url(http://wiwitv.com/mobile/button/btn_list_del.png) no-repeat;
    background-size: 24px 24px;
}
.tabPopup-m .tabPopup-box .tabPopup-body > .list > li {
    display: flex;
    margin-bottom: 15px;
    align-items: center;
    justify-content: center;
}
.tabPopup-m .tabPopup-box .tabPopup-body > .list > li > .img {
    flex: 0 0 25px;
    max-width: 25px;
    height: 25px;
    margin-right: 7px;
}
.tabPopup-m .tabPopup-box .tabPopup-body > .list > li > .txt {
    flex: 1;
}
.tabPopup-m .tabPopup-box .tabPopup-body > .list > li > .txt > strong {
    display: block;
    font-size: 16px;
    font-weight: 500;
    color: #222;
    line-height: 16px;
    margin-bottom: 4px;
}
.tabPopup-m .tabPopup-box .tabPopup-body > .list > li > .txt > span {
    font-size: 14px;
    color: #666;
    line-height: 14px;
}
.mobile-container .caution-wrap {
    margin-top: 32px;
}
.mobile-container .charge-flex-box {
    display: flex;
    flex-wrap: wrap;
    margin: 0 0 24px;
    height: auto;
    border: 0;
    border-radius: 8px;
    padding: 12px 16px;
    background-color: #f7f7f7;
    font-size: 14px;
}
.mobile-container .charge-flex-box .sub-txt,
.mobile-container .charge-flex-box > .title {
    display: none;
}
.mobile-container .charge-flex-box > input + label {
    flex: 0 0 12px;
    max-width: 12px;
    margin: 0 !important;
}
.mobile-container .charge-flex-box > .title + input + label {
    margin-right: 16px !important;
}
.mobile-container .charge-flex-box > input {
    flex: 1;
    width: unset;
    max-width: calc(50% - 29px);
}
.mobile-container .charge-flex-box > .ui.button.primary {
    flex: 0 0 100%;
    max-width: 100%;
    margin-top: 8px;
    height: 36px;
    background-color: #fff;
    border-radius: 4px;
    border: 1px solid #ddd;
    color: #222;
    font-size: 14px;
}
.mobile-container .card-item-wrap .card-item {
    flex: 0 0 calc(33.3% - 11px);
    min-width: unset;
    max-width: calc(33.3% - 11px);
    margin: 0 16px 16px 0;
}
.mobile-container .card-item-wrap .card-item:nth-child(3n) {
    margin-right: 0;
}
.mobile-container.modal-charge .sub-title {
    display: none !important;
}
.mobile-container.modal-charge .card-item-wrap .card-item .description span {
    display: block;
}
.mobile-container .card-item .ui.card {
    padding: 8px;
}
.mobile-container .card-item-wrap.charge .card-item .ui.card .img {
    width: 52px;
    height: 52px;
}
.mobile-container .card-item-wrap.charge .card-item .content > .description > strong,
.mobile-container .card-item-wrap.charge .card-item .content > .title,
.mobile-container .ui.card > .content,
.mobile-container .ui.cards > .card > .content {
    font-size: 14px;
}
.mobile-container .card-item-wrap.charge .card-item .content.extra > .btns {
    margin-top: 18px;
}
.mobile-container .card-item-wrap.charge .card-item .ui.card > .content .btns > button {
    font-size: 14px;
    height: 28px !important;
    padding: 4px 8px;
}
.mobile-container .card-item .ui.card > .content .level {
    display: none;
}
.mobile-container .card-item .ui.card > .content .level-icon {
    display: block;
    text-align: center;
    margin: 10px 0;
}
.mobile-container .card-item .ui.card > .content .level-icon > .ui.image {
    width: 56px;
}
.mobile-container .card-item .ui.card > .content .title {
    font-size: 14px;
    line-height: 14px;
    margin-bottom: 5px;
    text-align: center;
}
.mobile-container .ui.card > .content > .header + .description {
    text-align: center;
}
.mobile-container .ui.card > .content > .header + .description .price {
    margin-right: 5px;
}
.mobile-container .ui.card > .content > .header + .description .price,
.mobile-container .ui.card > .content > .header + .description > span {
    font-size: 14px;
}
.mobile-container .card-item .ui.card > .content .btns > button {
    height: 28px !important;
    padding: 4px 8px;
    font-size: 14px;
}
.mobile-container .card-item-wrap .card-item.best:after {
    top: 13px;
    height: 13px;
    font-size: 10px;
    width: auto;
    height: auto;
    line-height: 13px;
}
.mobile-container .card-item-wrap .card-item.best.premium:after {
    color: #667be4;
    background-color: transparent;
}
.mobile-container .card-item-wrap .card-item.best.gold:after {
    color: #e5c04d;
    background-color: transparent;
}
button {
    font-size: 14px;
}
.mobile-dimm,
.mobile-scroll-none {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: fixed;
    top: 0;
    left: 0;
}
.mobile-dimm:after {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10;
    background: rgba(0, 0, 0, 0.45);
    content: "";
    transition: all 0.3s;
}
.mobile-menu {
    position: fixed;
    top: 0;
    left: -280px;
    height: 100%;
    overflow-y: auto;
    background-color: #fff;
    transition: all 0.3s ease 0s;
    padding-bottom: 10px;
    z-index: 1000;
}
.mobile-dimm .mobile-menu {
    left: 0;
    transition-delay: 0.3s;
    transition: all 0.3s ease 0s;
}
.mobile-menu .pd-area {
    padding: 0 16px;
}
.mobile-menu .mobile-menu-header {
    position: relative;
    padding-top: 32px;
    border-bottom: 1px solid #eee;
    margin-bottom: 16px;
}
.mobile-menu .mobile-menu-header .btn-close-wrap {
    position: absolute;
    right: 0;
    top: 8px;
    width: 24px;
    height: 24px;
    background: url(http://wiwitv.com/mobile/button/btn_slide_close.png) no-repeat;
    background-size: 24px 24px;
}
.mobile-menu .mobile-menu-header .user-info {
    display: flex;
    align-items: center;
    margin-bottom: 8px;
}
.mobile-menu-header .user-info > .user-img {
    flex: 0 0 56px;
    max-width: 56px;
    height: 56px;
    margin-right: 16px;
    border-radius: 50%;
    background: url(http://wiwitv.com/mobile/image/thumb_noimg.png) no-repeat 50%;
    background-size: cover;
    overflow: hidden;
}
.mobile-menu-header .user-info > .user-img > img {
    width: 100%;
    height: 100%;
}
.mobile-menu-header .user-info > .user-txt {
    flex: 1;
    font-size: 14px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: left;
    color: #888;
}
.mobile-menu-header .user-info > .user-txt .user-nick-group {
    display: flex;
    align-items: center;
}
.mobile-menu-header .user-info > .user-txt .user-nick-group span {
    font-size: 14px;
    color: #888;
}
.mobile-menu-header .user-info > .user-txt .user-nick-group a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 24px;
    padding: 0 8px;
    background: #323232;
    color: #fff !important;
    font-size: 12px;
    border-radius: 4px;
    margin-left: 4px;
}
.mobile-menu-header .btn-side-auth {
    text-align: center !important;
}
.mobile-menu-header .user-info > .user-txt .point {
    font-size: 16px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: left;
    color: #222;
}
.mobile-menu-header .user-info > .user-txt .arrow:after {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-left: 4px;
    background: url(http://wiwitv.com/mobile/button/btn_more.png) no-repeat;
    background-size: cover;
    vertical-align: -3px;
}
.mobile-menu-header .user-info > .user-txt > * {
    display: inline-block;
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.mobile-menu-header .user-info > .user-broadcast {
    flex: 0 0 20px;
}
.mobile-menu-header .flex-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 8px;
}
.mobile-menu-header .flex-wrap > * {
    font-size: 14px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.08;
    letter-spacing: normal;
    text-align: left;
    color: #222;
}
.mobile-menu-header .flex-wrap .point {
    font-weight: 500;
    color: #f2507e;
}
.mobile-menu-header .flex-wrap > a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 60px;
    height: 30px;
    padding: 0 16px;
    border-radius: 100px;
    border: 1px solid #ddd;
    background-color: #fff;
    letter-spacing: -1px;
}
.mobile-menu-header > .link-wrap {
    display: flex;
    padding: 15px 0;
    border-radius: 4px;
}
.mobile-menu-header > .link-wrap > a,
.mobile-menu-header > .link-wrap > button {
    position: relative;
    flex: 1;
    font-size: 12px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.08;
    text-align: center;
    color: #222 !important;
    padding: 0 8px;
}
.mobile-menu-header > .link-wrap > a:after,
.mobile-menu-header > .link-wrap > button:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    width: 1px;
    height: 26px;
    background-color: #ddd;
    z-index: 1;
}
.mobile-menu-header > .link-wrap > a:last-child:after,
.mobile-menu-header > .link-wrap > button:last-child:after {
    content: none;
}
.mobile-menu-header > .link-wrap > a > img,
.mobile-menu-header > .link-wrap > button > img.ui.image {
    display: block;
    margin: 0 auto 5px;
}
.mobile-menu .side-menu-link {
    font-size: 14px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.14;
    letter-spacing: normal;
    text-align: left;
    color: #222 !important;
    margin-bottom: 16px;
}
.mobile-menu .side-menu-link > img {
    margin-right: 10px;
}
.mobile-menu .other-link-wrap {
    padding: 16px;
    background-color: #f7f7f7;
}
.mobile-menu .other-link-wrap > a {
    display: block;
    font-size: 14px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 2.46;
    letter-spacing: normal;
    text-align: left;
    color: #222 !important;
}
.mobile-menu .other-link-wrap > a.new:after {
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    background: url(http://wiwitv.com/icon/ico_new.png) no-repeat;
    background-size: cover;
    margin-left: 5px;
}
.mobile-menu .btn-login {
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: center;
}
.mobile-menu .btn-login > button {
    margin: 0;
    padding: 0;
    display: flex;
    width: 100%;
    height: 45px;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 400;
    color: #888;
}
.mobile-quick-menu {
    display: none;
    position: fixed;
    top: 43px;
    left: 0;
    width: 100%;
    height: 40px;
    align-items: center;
    background-color: #222;
    border-top: 1px solid #fff;
    z-index: 2;
    padding: 5px 15px;
}
.mobile-quick-menu.top {
    background-color: #fff;
    border-top: 0;
    border-bottom: 1px solid #ddd;
}
.mobile-quick-menu > a {
    flex: 1;
    height: 100%;
    line-height: 28px;
    color: #222 !important;
    font-size: 13px;
    color: #fff !important;
    text-align: center;
}
.mobile-quick-menu > a.active {
    color: #ff0f53;
}
.mobile-quick-menu.top > a {
    display: inline-block;
    color: #222 !important;
}
.mobile-quick-menu > a.charge {
    border: 1px solid #fff;
    border-radius: 6px;
}
.mobile-quick-menu.top > a.charge {
    border: 0;
    background-color: #efefef;
}
.title-m {
    font-size: 13px;
    font-weight: 500;
    margin-bottom: 12px;
}
.sub-title-m {
    font-size: 11px;
    color: #222;
    margin-bottom: 8px;
}
.modals.dimmer .ui.scrolling.modal.popup-box-m,
.popup-box-m {
    display: flex !important;
    flex-direction: column;
    width: 100%;
    height: 100%;
    overflow: auto;
}
.popup-box-m > .header {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: left;
    width: 100%;
    box-sizing: border-box;
    padding-left: 16px;
    margin: 8px 0 4px;
}
.popup-box-m > .header > .title {
    font-size: 16px;
    font-weight: 500;
    color: #333;
}
.popup-box-m > .header > .btn-close {
    position: absolute;
    top: 50%;
    right: 8px;
    transform: translateY(-50%);
    width: 24px;
    height: 24px;
    background: url(http://wiwitv.com/mobile/button/btn_close.png) no-repeat 50%;
    background-size: 24px 24px;
}
.popup-box-m > .content {
    flex: 1;
    width: 100%;
    max-height: calc(100% - 40px);
    padding: 0;
    margin-bottom: 16px;
}
.popup-box-m > .content .box {
    width: 100%;
    height: auto;
    padding: 12px 16px;
    font-size: 11px;
    color: #666;
    text-align: left;
}
.popup-box-m > .content .box > .title {
    font-size: 14px;
    font-weight: 500;
    color: #222;
    margin-bottom: 15px;
}
.popup-box-m > .content .box > p {
    margin-bottom: 10px;
}
.popup-box-m > .content .box > p.bul {
    position: relative;
    padding-left: 10px;
}
.popup-box-m > .content .box > p.bul > span {
    position: absolute;
    left: 0;
    top: 0;
}
.popup-box-m > .content .box > p > b {
    color: #000;
}
.popup-box-m > .content .text-bold {
    font-weight: 500;
}
.popup-box-m > .content .text-big {
    font-size: 14px;
    font-weight: 500;
}
.popup-box-m > .content .text-small {
    font-size: 10px;
}
.popup-box-m > .content .btn-add {
    width: 54px;
    height: 32px;
    border-radius: 6px;
    background-color: #f2507e;
    font-size: 11px;
    font-weight: 500;
    color: #fff;
    line-height: 32px;
}
.popup-box-m > .content .box .btn-defulat {
    width: 54px;
    padding: 7px;
    border-radius: 2px;
    border: 1px solid #cecece;
    background-color: #fff;
    font-size: 11px;
    font-weight: 500;
    color: #222;
}
.popup-box-m > .content .box .table-list {
    margin-top: 4px;
}
.popup-box-m > .content .box .table-list > .header {
    display: flex;
    align-items: center;
    border-top: 1px solid #ddd;
    height: 34px;
    font-size: 10px;
    font-weight: 500;
    color: #222;
}
.popup-box-m > .content .box .table-list > .body {
    margin-bottom: 70px;
}
.popup-box-m > .content .box .table-list > .body > div {
    display: flex;
    align-items: center;
    height: 40px;
    border-top: 1px solid #eee;
}
.popup-box-m > .content .box .table-list > .body > div:last-child {
    border-bottom: 1px solid #eee;
}
.popup-box-m > .content .box .table-list > .body > div > .border-right {
    padding-right: 6px;
    margin: 0;
}
.popup-box-m > .content .box .table-list > .body > div > span,
.popup-box-m > .content .box .table-list > .header > span {
    text-align: center;
}
.popup-box-m > .content .box .table-list > .body > div > span:first-child,
.popup-box-m > .content .box .table-list > .header > span:first-child {
    flex: 1;
}
.popup-box-m > .content .box .table-list > .body > div > span:nth-child(2),
.popup-box-m > .content .box .table-list > .header > span:nth-child(2) {
    flex: 2;
}
.popup-box-m > .content .box .table-list > .body > div > span:nth-child(3),
.popup-box-m > .content .box .table-list > .header > span:nth-child(3) {
    flex: 4;
}
.popup-box-m > .content .box .table-list > .body > div > span:nth-child(4),
.popup-box-m > .content .box .table-list > .header > span:nth-child(4) {
    flex: 5;
}
.popup-box-m > .content .box .table-list > .body.check-box > div > :first-child,
.popup-box-m > .content .box .table-list > .body.check-box > div > :nth-child(2) {
    flex: 1;
}
.popup-box-m > .content .box .table-list > .body.check-box > div > :nth-child(3) {
    flex: 2;
}
.popup-box-m > .content .box .table-list > .body.check-box > div > :nth-child(4) {
    flex: 3;
}
.popup-box-m > .content .box .table-list > .body.check-box > div > :nth-child(5) {
    flex: 5;
}
.popup-box-m > .content .box.type02 {
    border-radius: 6px;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
    background-color: #fff;
    padding: 16px;
}
.popup-box-m > .content .box.type02 > .header {
    font-size: 15px;
    font-weight: 400;
    color: #222;
    text-align: center;
    margin-bottom: 20px;
}
.popup-box-m > .content .box.type02 > .header > .text-big {
    margin-bottom: 4px;
}
.popup-box-m > .content .box.type02 > .body > section {
    padding: 15px 0;
}
#__next .popup-box-m > .content .box.type02 > .btn > .ui.button.big,
.popup-box-m > .content .box.type02 > .btn > .ui.button.big {
    font-size: 12px;
}
.popup-box-m > .content > .bg-gray-box {
    width: 100%;
    padding: 30px 16px;
    background-color: #f5f5f5;
}
.popup-box-m > .content > .input-box-m {
    display: flex;
    flex-direction: column;
    height: 100%;
}
.popup-box-m > .content .input-box-m > section:not(:last-child) {
    margin-bottom: 16px;
}
.popup-box-m > .content > .input-box-m > section.full {
    flex: 1;
    margin-bottom: 0;
}
.popup-box-m > .content > .input-box-m > section.full > textarea {
    height: calc(100% - 27px) !important;
    margin: 0;
}
.popup-box-m > .content .input-box-m .title {
    display: block;
    margin-bottom: 8px;
    font-size: 14px;
    color: #222;
}
.popup-box-m > .content .input-box-m .title + .ui.input,
.popup-box-m > .content .input-box-m .title + input {
    width: 100%;
}
.popup-box-m > .content .input-box-m .title + .ui.input > input,
.popup-box-m > .content .input-box-m .title + input {
    width: 100%;
    height: 36px;
    border-radius: 4px;
    border: 1px solid #c6c6c6;
    background-color: #fff;
    font-size: 12px;
    color: #222;
}
.popup-box-m > .content .input-box-m .title + .ui.input > input:disabled,
.popup-box-m > .content .input-box-m .title + input:disabled {
    color: #222 !important;
    -webkit-text-fill-color: #222;
    opacity: 1;
}
.popup-box-m > .content .input-box-m input {
    border: 1px solid #c6c6c6;
}
.popup-box-m > .content .input-box-m .title + .ui.input > input::-moz-placeholder,
.popup-box-m > .content .input-box-m .title + input::-moz-placeholder {
    font-size: 12px;
    color: #aaa;
}
.popup-box-m > .content .input-box-m .title + .ui.input > input::placeholder,
.popup-box-m > .content .input-box-m .title + input::placeholder {
    font-size: 12px;
    color: #aaa;
}
.popup-box-m > .content .input-box-m .title + div {
    display: flex;
}
.popup-box-m > .content .input-box-m .title + div > .ui.dropdown {
    display: flex;
    align-items: center;
    flex: 1;
    width: 98px;
    max-width: 98px;
    border-radius: 4px;
    border: 1px solid #c6c6c6;
    box-sizing: border-box;
    padding: 8px 7px 8px 12px;
    font-size: 13px;
    color: #222;
    margin-right: 5px;
}
.popup-box-m > .content .input-box-m .title + div > .ui.dropdown > .text {
    flex: 1;
}
.popup-box-m > .content .input-box-m .title + div > .ui.input {
    flex: 1;
    max-width: calc(100% - 103px);
    border-radius: 4px;
}
.popup-box-m > .content .input-box-m div.file > .ui.input {
    max-width: calc(100% - 78px);
    height: 35px;
    margin-right: 5px;
    box-sizing: border-box;
}
.popup-box-m > .content .input-box-m div.file > .ui.button {
    width: 78px;
    height: 35px !important;
    margin: 0;
}
.popup-box-m > .content .input-box-m .title + div + * {
    margin-top: 6px;
}
.popup-box-m > .content .title + textarea,
.popup-box-m > .content section > textarea {
    width: 100%;
    height: 224px;
    padding: 11px 6px;
    border-radius: 4px;
    border: 1px solid #c6c6c6;
    background-color: #fff;
    white-space: pre-line;
    word-break: break-word;
    font-size: 12px;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: left;
    color: #222;
}
.popup-box-m > .content .title + textarea:disabled,
.popup-box-m > .content section > textarea:disabled {
    color: #222 !important;
    -webkit-text-fill-color: #222;
    opacity: 1;
}
.popup-box-m > .content .input-box-m.type02 {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}
.popup-box-m > .content .input-box-m.type02 > label {
    flex: 1;
    max-width: 50px;
}
.popup-box-m > .content .input-box-m.type02 > .ui.input {
    flex: 1;
    max-width: calc(100% - 77px);
    height: 32px;
    margin-left: 27px;
}
.popup-box-m > .content .input-box-m.type02 > .ui.input > input {
    font-size: 12px;
    color: #aaa;
}
.popup-box-m > .content .input-box-m.type02 > .ui.input > input::-moz-placeholder {
    font-size: 12px;
    color: #aaa;
}
.popup-box-m > .content .input-box-m.type02 > .ui.input > input::placeholder {
    font-size: 12px;
    color: #aaa;
}
.popup-box-m > .btns {
    display: flex;
    align-items: center;
    text-align: center;
    margin-bottom: 16px;
    padding: 0 16px;
}
#__next .popup-box-m > .btns > .ui.button,
.popup-box-m > .btns > .ui.button {
    flex: 1;
    padding: 0;
    height: 44px;
    margin: 0 5px 0 0;
}
#__next .popup-box-m > .btns > .ui.button:last-child,
.popup-box-m > .btns > .ui.button:last-child {
    margin-right: 0;
}
.popup-box-m .btn-alarm {
    display: inline-block;
    width: 26px;
    height: 26px;
    background: url(http://wiwitv.com/icon/ico_alarm.png) no-repeat 50%;
    background-size: 20px;
    margin: 16px 0 16px 16px;
    border: 1px solid #cecece;
    border-radius: 2px;
    background-color: #fff;
}
.popup-box-m .content > .check-list {
    padding: 0 16px;
    margin-bottom: 20px;
}
.popup-box-m .content > .check-list > li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-top: 1px solid #eee;
    padding: 7px 0;
    font-size: 11px;
    color: #222;
}
.popup-box-m .content > .check-list > li > .title {
    font-weight: 500;
}
.popup-box-m .content > .check-list > li .date {
    font-size: 10px;
    color: #666;
    margin-right: 12px;
}
.popup-box-m .content > .check-list > li:last-child {
    border-bottom: 1px solid #eee;
}
.popup-box-m .content > .check-list > li .checkbox > input {
    display: none;
}
.popup-box-m .content > .check-list > li .checkbox > input + label {
    width: 50px;
    height: 26px;
    padding: 4px 15px;
    color: #222;
    border: 1px solid #cecece;
    background-color: #fff;
}
.popup-box-m .content > .check-list > li .checkbox > input:checked + label {
    color: #000;
    border: 1px solid #000;
}
.popup-box-m .content .img-guide {
    display: flex;
    padding: 30px 16px;
    background-color: #f8f8f8;
    margin-bottom: 8px;
}
.popup-box-m .content .img-guide .img-box {
    position: relative;
    padding: 10px 0 0 14px;
    margin-right: 12px;
}
.popup-box-m .content .img-guide .img-box > .ui.image {
    width: 96px;
}
.popup-box-m .content .img-guide .img-box > .size {
    position: absolute;
    font-size: 10px;
    color: #f08035;
}
.popup-box-m .content .img-guide .img-box > .size.left {
    left: -12px;
    top: 50%;
    transform: translateY(-50%);
    margin-top: 10px;
}
.popup-box-m .content .img-guide .img-box > .size.top {
    top: -5px;
    left: 50%;
    transform: translateX(-50%);
    margin-left: 14px;
}
.popup-box-m .content .img-guide .txt-box {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.popup-box-m .content .img-guide .txt-box > li {
    flex: 1;
    display: flex;
    align-items: center;
    font-size: 10px;
    font-weight: 500;
    color: #000;
}
.popup-box-m .content .img-guide .txt-box .sub-tit {
    width: 45px;
    font-size: inherit;
    font-weight: 400;
    margin-right: 10px;
}
.mobile-player-container .sendLuv-box-m {
    position: relative;
    display: flex;
    width: auto;
    background-color: #f7f7f7;
    margin: 6px 0 0;
    padding: 8px 12px;
}
.mobile-player-container .sendLuv-box-m .title {
    font-size: 14px;
    color: #222;
}
.mobile-player-container .sendLuv-box-m > .set {
    flex: 1;
}
.mobile-player-container .sendLuv-box-m section {
    margin-bottom: 7px;
}
.mobile-player-container .sendLuv-box-m .btn-calculate {
    flex: 0 0 30px;
    max-width: 30px;
    height: 30px;
    border-radius: 3px;
    border: 1px solid #bcbcbc;
    margin: 0 4px;
    background-color: #fff;
}
.mobile-player-container .sendLuv-box-m .input-label {
    min-width: 20px;
    font-size: 12px;
    font-weight: 500;
    text-align: right;
    margin-right: 3px;
}
.mobile-player-container .sendLuv-box-m .ui.input {
    height: 30px;
}
.mobile-player-container .sendLuv-box-m .ui.input > input {
    font-size: 14px;
    color: #000;
    border: 1px solid #bcbcbc;
}
.mobile-player-container .sendLuv-box-m .ui.input > input::-moz-placeholder {
    color: #aaa;
}
.mobile-player-container .sendLuv-box-m .ui.input > input::placeholder {
    color: #aaa;
}
.mobile-player-container .sendLuv-box-m .ui.dropdown {
    display: inline-flex;
    align-items: center;
    width: 59px;
    height: 30px;
    border: 1px solid #bcbcbc;
    border-radius: 3px;
    padding-left: 12px;
}
.mobile-player-container .sendLuv-box-m .ui.dropdown > .text {
    flex: 1;
}
.mobile-player-container .sendLuv-box-m .ui.dropdown > .dropdown.icon {
    flex: 0 0 20px;
    max-width: 20px;
    height: 20px;
    margin: 0;
}
button.flex-gift-btn-m {
    display: block;
    width: 100%;
    height: 32px;
    text-align: center;
    background-color: #f2507e;
    font-size: 14px;
    color: #fff;
    margin-bottom: 8px;
}
.payment-list {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 12px;
    border-top: 1px solid #ddd;
}
.payment-list > * > input[type="radio"] {
    display: none;
}
.payment-list > * > input[type="radio"] + label {
    display: block;
    font-size: 12px;
    color: #222;
    text-align: center;
    padding: 12px 6px;
    cursor: pointer;
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd;
    box-sizing: content-box;
}
.payment-list > :last-child > input[type="radio"] + label,
.payment-list > :nth-child(3n) > input[type="radio"] + label {
    border-right: 1px solid #ddd;
}
.payment-list > * > input[type="radio"]:checked + label {
    color: #ff4076;
    border: 1px solid #ff4076;
}
.payment-list > * > input[type="radio"]:disabled + label {
    color: #aaa;
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd;
}
.payment-list.list-2 > * {
    flex: 0 0 50%;
    max-width: 50%;
}
.payment-list.list-3 > * {
    flex: 0 0 33.3%;
    max-width: 33.3%;
}
.chat-effects {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.broadcast-set .broadcast-screen {
    width: 100%;
    background-color: #333;
    min-height: 180px;
}
.broadcast-set .set-container {
    width: 100%;
    padding: 24px;
    border: 1px solid #ddd;
}
.broadcast-set .btns .ui.button {
    width: 140px;
    height: 40px !important;
    font-size: 14px !important;
}
.fan-grade-info {
    display: flex;
    flex-direction: column;
    justify-content: center;
    border: 1px solid #eee;
    border-bottom: 0;
}
.fan-grade-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex: 1;
    padding: 8px;
    border-bottom: 1px solid #eee;
}
.fan-grade-item .fan-grade-title {
    display: flex;
    align-items: center;
    font-size: 14px;
}
.fan-grade-item .fan-grade-title .title {
    font-weight: 500;
    color: #212121;
}
.fan-grade-item .fan-grade-title img {
    width: 20px;
    height: 20px;
    margin-right: 8px;
}
.fan-grade-item .fan-grade-period {
    display: flex;
    align-items: center;
}
.fan-grade-item .fan-grade-period span {
    color: #444;
}
.fan-grade-item .fan-grade-period .period {
    margin-left: 8px;
}
.msg-item {
    position: relative;
    width: 20px;
    margin: 0 auto 5px;
}
.msg-item span {
    position: absolute;
    z-index: 1;
    top: -6px;
    left: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 16px;
    min-width: 16px;
    padding: 0 4px;
    background-color: #f2507e;
    border-radius: 8px;
    font-size: 11px;
    font-weight: 300;
    color: #fff;
}
.mobile-container .main-banner {
    position: relative;
}
.mobile-container .main-banner .bnr-marquee-area {
    position: absolute;
    top: 16px;
    left: 0;
    right: 0;
    bottom: 0;
    background: #000;
    z-index: 10;
    display: flex;
    align-items: center;
}
@media screen and (max-width: 1366px) {
    .ui.checkbox .box,
    .ui.checkbox label {
        font-size: 14px;
    }
}
.modal-m.ui.modal {
    border-radius: 12px;
}
.modal-m.ui.modal > .header {
    position: relative;
    text-align: center;
    font-size: 14px;
    color: #fff;
    background-color: #000;
    border-radius: unset;
    border-radius: 12px 12px 0 0;
    padding: 14px 0 !important;
}
.modal-m.ui.modal > .header > button {
    position: absolute;
    width: 24px;
    height: 24px;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    text-align: center;
}
.modal-m.ui.modal > .header > button > img.ui.image {
    margin: 0 auto;
}
.modal-m.ui.modal > .content {
    padding: 16px !important;
    border-radius: 0 0 16px 16px;
    text-align: center;
}
.modal-m.ui.modal > .content .txt-box {
    margin-top: 17px;
    text-align: center;
    font-size: 14px;
    color: #888;
}
.modal-m.ui.modal > .content .txt-box > div {
    margin-bottom: 18px;
}
.modal-m.ui.modal > .content .txt-box > div.flex {
    justify-content: center;
}
.modal-m.ui.modal > .content .txt-box > div > .ui.dropdown {
    min-width: unset;
    width: 106px;
    height: 36px;
    box-sizing: border-box;
    margin-left: 10px;
}
.modal-m.ui.modal > .content > .btns {
    display: flex;
}
.modal-m.ui.modal > .content > .btns > .ui.button {
    flex: 1;
    max-width: 50%;
    height: 40px;
    margin-right: 5px;
    font-size: 15px;
}
.mobile-quick-menu {
    display: flex;
}
.top-rank-list > li {
    border-bottom: 1px solid #ededed;
}
.top-rank-list > li:last-child {
    border-bottom: 0;
}
.top-rank-list > li .top-rank-wrap {
    display: flex;
    align-items: center;
    padding: 16px 0;
}
.top-rank-list > li .top-rank-number {
    flex: 30px;
    max-width: 30px;
    margin-right: 8px;
    text-align: center;
}
.top-rank-list > li .top-rank-number span {
    font-size: 16px;
    border-bottom: 1px solid #c1c1c1;
}
.top-rank-list > li .top-rank-info {
    display: flex;
    align-items: center;
    flex: 1;
    overflow: hidden;
}
.top-rank-list > li .top-rank-info .rank-list-img {
    flex: 58px;
    max-width: 58px;
    height: 58px;
}
.top-rank-list > li .top-rank-info .rank-list-txt {
    display: flex;
    align-items: center;
    flex: 1;
    max-width: 100%;
    margin-left: 16px;
    font-size: 14px;
    color: #666;
    overflow: hidden;
}
.top-rank-list > li .top-rank-info .rank-list-txt .rank-user-info {
    flex: 1;
    max-width: 60%;
}
.top-rank-list > li .top-rank-info .rank-list-txt .number {
    flex: 1;
    text-align: right;
}
.top-rank-list > li .top-rank-info .rank-list-txt > p {
    margin-bottom: 10px;
}
.top-rank-list > li .top-rank-info .rank-list-txt .title {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px;
    font-weight: 500;
    color: #000;
    margin-bottom: 0;
}
.top-rank-list > li .top-rank-info .rank-list-txt .nick {
    color: #646464 !important;
    font-weight: 400;
}
.top-rank-list > li .top-rank-info .rank-list-txt > .number {
    font-size: 14px;
}
.top-rank-list > li .top-rank-info .rank-list-txt > .number > .view {
    color: #6db4ef;
    padding-right: 8px;
    margin-right: 8px;
    border-right: 1px solid #ddd;
}
.top-rank-list > li .top-rank-info .rank-list-txt > .number > .rank {
    color: #4cd096;
    padding-right: 8px;
    margin-right: 8px;
    border-right: 1px solid #ddd;
}
.top-rank-list > li .top-rank-info .rank-list-txt > .number > .recom {
    color: #a969dd;
}
.top-rank-list > li .top-rank-info .rank-list-txt > .number > .event {
    color: #bc7409;
}
.top-rank-list > li .top-rank-info .rank-list-txt > .number > .evt-point {
    color: #f2507e;
}
.top-rank-list > li .top-rank-info .rank-list-txt > .number img.ui.image {
    width: 12px;
    height: 12px;
    margin-right: 4px;
    vertical-align: -2px;
}
.top-rank-list > li > .top-rank-wrap .btn-more {
    flex: 0 0 20px;
    max-width: 20px;
    width: 20px;
    height: 15px;
    margin-left: 13px;
    background: url(http://wiwitv.com/mobile/button/btn-dot-more.png) no-repeat 100%;
    background-size: 3px;
    padding: 0;
}
.top-rank-list > li > .top-rank-wrap .btn-more:after {
    content: none;
}
.top-rank-list > li .top-rank-modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: flex-end;
    background-color: rgba(0, 0, 0, 0.04);
    z-index: 2;
}
.top-rank-list > li .top-rank-modal .rank-modal-box {
    position: relative;
    width: 100%;
    padding: 24px 16px;
    background-color: #fff;
}
.top-rank-list > li .top-rank-modal .rank-modal-box .btn-close {
    position: absolute;
    top: 8px;
    right: 8px;
    width: 24px;
    height: 24px;
    background: url(http://wiwitv.com/mobile/button/btn_list_del.png) no-repeat 50%;
    background-size: 24px;
    padding: 0;
}
.top-rank-list > li .top-rank-modal .rank-modal-box .rank-modal-info {
    display: flex;
    align-items: center;
    margin-bottom: 30px;
}
.top-rank-list > li .top-rank-modal .rank-modal-box .rank-modal-info > img.ui.image {
    width: 32px;
    height: 32px;
    margin-right: 10px;
}
.top-rank-list > li .top-rank-modal .rank-modal-box .rank-modal-info .title {
    font-size: 14px;
    color: #222;
    margin-bottom: 5px;
}
.top-rank-list > li .top-rank-modal .rank-modal-box .rank-modal-info p {
    font-size: 14px;
    color: #888;
    margin-bottom: 0;
}
.top-rank-list > li .top-rank-modal .rank-modal-box .rank-modal-btns > button {
    display: block;
    font-size: 14px;
    color: #222;
    margin-bottom: 20px;
}
.top-rank-list > li .top-rank-modal .rank-modal-box .rank-modal-btns > button > img.ui.image {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 12px;
}
.mobile-container .ui.header {
    font-size: 16px;
    margin: 0;
}
.mobile-container .sub-title {
    font-size: 16px;
    padding: 16px;
}
.mobile-container .card-item .ui.card,
.mobile-container .caution-wrap {
    padding: 24px;
}
.evt-wrap {
    padding-top: 16px;
}
.mobile-container .events {
    margin: 0 -8px;
    overflow: hidden;
}
.mobile-container .events .events-box {
    width: 33.3333%;
    max-width: 33.3333%;
    margin: 0;
    border: 0;
    border-radius: 0;
}
.mobile-container .events .events-box .events-box-inner {
    margin: 0 8px 16px;
    border: 1px solid #d6d6d6;
    border-radius: 8px;
}
.mobile-container .events .events-box .events-context-box .events-date {
    font-size: 12px;
}
.service-title {
    font-size: 16px;
    font-weight: 500;
    padding: 16px;
    margin: 0;
}
.mobile-container .rank-thumb-wrap {
    display: block;
    position: relative;
    width: 58px;
    height: 58px;
    overflow: hidden;
    border-radius: 50%;
}
.mobile-container .rank-thumb-wrap .live-label {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    height: 16px;
    width: 100%;
    border-radius: 8px;
    padding: 0 4px;
    position: absolute;
    bottom: 0;
    left: 0;
    color: #fff;
    background-color: rgba(255, 2, 74, 0.55);
    font-weight: 500;
}
.app-download-wrap {
    max-width: 480px;
    margin: 0 auto;
}
.app-download-wrap h2 {
    font-size: 12px;
    color: #222;
    padding: 5px 15px;
    margin: 0;
}
.app-download-wrap .app-download-container {
    background-color: #000;
    background-image: url(http://wiwitv.com/mobile/image/app_guide_bg.png);
    background-position: 50% 0;
    background-size: 100%;
    background-repeat: no-repeat;
    padding: 24px 15px;
}
.app-download-container .top-text-group {
    position: relative;
    margin: 0;
    padding-bottom: 190px;
}
.app-download-container .top-text-group .obj {
    position: absolute;
    bottom: 0;
    right: 0;
    max-width: 166px;
}
.app-download-container .top-text-group h3,
.app-download-container .top-text-group h4 {
    margin: 0;
}
.app-download-container .top-text-group h4 img {
    max-width: 242px;
}
.app-download-container .top-text-group h3 img {
    max-width: 227px;
}
.app-download-container .top-text-group p {
    color: #fff;
    font-size: 15px;
    margin: 20px 0 0;
}
.app-download-container .bottom-btn-group {
    padding-top: 45px;
}
.app-download-container .bottom-btn-group .app-download-btn {
    background-color: #fff;
    border-radius: 30px;
    padding: 10px;
    text-align: center;
    margin-top: 40px;
}
.app-download-container .bottom-btn-group .app-download-btn img {
    max-width: 126px;
    margin-top: 20px;
    margin-bottom: 25px;
}
.app-download-container .bottom-btn-group .app-download-btn.ios img {
    max-width: 100px;
}
.app-download-container .bottom-btn-group .app-download-btn p {
    font-size: 16px;
}
.app-download-container .bottom-btn-group .app-download-btn .download-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #000;
    color: #fff !important;
    font-size: 18px;
    height: 40px;
    border-radius: 20px;
    margin-top: 25px;
}
.text-deco {
    font-size: 15px;
    color: #fff;
}
.text-deco:before {
    display: block;
    width: 65px;
    height: 8px;
    background: url(http://wiwitv.com/mobile/image/app_guide_title_acc.png) 50% no-repeat;
    background-size: cover;
    margin-bottom: 10px;
    content: "";
}
.side-app-down {
    position: relative;
    margin-bottom: 10px;
}
.side-app-down .money-banner {
    -o-object-fit: contain;
    object-fit: contain;
    height: 18.4px;
    margin-right: 5px;
}
.side-app-down .money-banner-warper {
    background-color: #3a3065;
    padding: 12px;
    display: flex;
    margin-top: 17px;
}
.side-app-down .money-banner-warper button {
    background-color: #00fff6;
    font-weight: 600;
    font-size: 12px;
    border-radius: 12px;
    width: 60px;
}
.side-app-down:after,
.side-app-down:before {
    display: block;
    width: 2px;
    height: 20px;
    background-color: #f2507e;
    position: absolute;
    top: 10px;
    left: 10px;
    content: "";
}
.side-app-down:after {
    background-color: #fff;
    left: auto;
    right: 10px;
}
.side-app-down a {
    display: flex;
    width: 100%;
    flex-direction: row;
}
.side-app-down a span {
    display: flex;
    height: 40px;
    align-items: center;
    justify-content: center;
}
.side-app-down a span.txt {
    flex: 1;
    text-align: center;
    background-color: #f5f5f5;
}
.side-app-down a span.ico {
    width: 65px;
    background-color: #f2507e;
}
.side-app-down a span.ico img {
    width: 15px;
}
.ui.selection.dropdown .menu > .item i.flag.none-active {
    display: none !important;
}
.ui.selection.dropdown .menu > .item i.flag.active {
    width: 8px;
    height: 8px;
    background-color: red;
    border-radius: 100%;
    margin: 0 4px 4px 0;
}
.ui.selection.dropdown .menu > .item i.flag.active:before {
    display: none !important;
}
.link-menu-m {
    display: flex;
    width: 100%;
    padding-top: 14px;
    border-bottom: 1px solid #ddd;
}
.link-menu-m > a {
    position: relative;
    flex: 1;
    font-size: 14px;
    color: #000;
    text-align: center;
}
.link-menu-m > a > span {
    display: inline-block;
    padding: 0 16px 10px;
    border-bottom: 1px solid transparent;
    margin-bottom: -1px;
}
.link-menu-m > a > span.on {
    color: #ff024a;
    border-bottom: 2px solid #ff024a;
}
.link-menu-m2 {
    display: flex;
    width: 100%;
    padding-top: 8px;
    border-bottom: 1px solid #ddd;
    background-color: #f7f7f7;
}
.link-menu-m2 > a {
    position: relative;
    flex: 1;
    font-size: 14px;
    color: #000;
    text-align: center;
}
.link-menu-m2 > a > span {
    display: inline-block;
    padding: 0 8px 8px;
    border-bottom: 1px solid transparent;
    margin-bottom: -1px;
}
.link-menu-m2 > a > span.on {
    color: #222;
    font-weight: 500;
    border-bottom: 2px solid #222;
}
.notice-list {
    padding: 16px 0;
}
.notice-list li {
    position: relative;
    padding-bottom: 8px;
    padding-right: 24px;
    border-bottom: 1px solid #eee;
    margin-bottom: 8px;
}
.notice-list li .must {
    color: #222;
}
.notice-list li .normal {
    color: #666;
}
.notice-list li .title {
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 8px;
}
.notice-list li .date {
    margin-bottom: 0;
}
.notice-list .btn-detail {
    position: absolute;
    right: 0;
    top: calc(50% - 10px);
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    background: url(http://wiwitv.com/mobile/button/btn_more.png) no-repeat 50%;
    background-size: 18px;
}
.input-box-m {
    display: block;
    padding: 8px 16px;
}
.input-box-m > section {
    margin-bottom: 16px;
}
.input-box-m > section > .title {
    display: block;
    font-size: 14px;
    font-weight: 500;
    color: #222;
    margin-bottom: 8px;
}
.input-box-m > section .ui.input,
.input-box-m > section .ui.input > input,
.input-box-m > section input,
.ui.selection.dropdown {
    width: 100%;
}
.input-box-m > section .ui.input > input,
.input-box-m > section .ui.selection.dropdown,
.input-box-m > section > input {
    height: 40px;
    min-height: 40px !important;
    border-radius: 4px;
    border: 1px solid #c6c6c6;
}
.input-box-m > section textarea {
    border-radius: 4px !important;
    border: 1px solid #c6c6c6 !important;
}
.input-box2-m {
    border-top: 1px solid #eee;
    padding: 0 16px 8px;
}
.input-box2-m > section {
    display: flex;
    padding: 8px 0;
    align-items: center;
    justify-content: space-between;
    font-size: 14px;
    color: #888;
    border-bottom: 1px solid #eee;
}
.input-box2-m > section > .title {
    font-size: 14px;
    font-weight: 500;
    color: #222;
}
.input-box4-m {
    padding: 0 16px 8px;
}
.input-box4-m > section {
    display: flex;
    margin: 16px 0;
    flex-direction: column;
    font-size: 14px;
    color: #888;
    border-bottom: 1px solid #eee;
}
.input-box4-m > section > .labelStyle {
    padding-bottom: 20px;
}
.input-box4-m > section > .radioStyle {
    padding-bottom: 10px;
}
.input-box4-m > section > .title {
    font-size: 14px;
    font-weight: 500;
    color: #222;
}
.my-list-m {
    display: block;
}
.my-list-m > li {
    font-size: 14px;
    font-weight: 500;
    color: #222;
    padding: 16px 28px;
    border-bottom: 1px solid #eee;
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: 0;
}
.my-list-m > li.info {
    background-image: url(http://wiwitv.com/mobile/icon/ico-my-my.png);
}
.my-list-m > li.flex {
    background-image: url(http://wiwitv.com/mobile/icon/ico-my-flex.png);
}
.my-list-m > li.pay {
    background-image: url(http://wiwitv.com/mobile/icon/ico-my-payment.png);
}
.my-list-m > li.passbook {
    background-image: url(http://wiwitv.com/mobile/icon/ico-my-bankbook.png);
}
.my-list-m > li.item {
    background-image: url(http://wiwitv.com/mobile/icon/ico-my-item.png);
}
.my-list-m > li.note {
    background-image: url(http://wiwitv.com/mobile/icon/ico-message2.png);
}
.my-list-m > li.gift {
    background-image: url(http://wiwitv.com/mobile/icon/ico_pre_nor.png);
}
.my-list-m > li.setting {
    background-image: url(http://wiwitv.com/mobile/icon/ico-my-setting.png);
}
.my-list-m > li > a {
    color: inherit !important;
}
.check-box-m {
    border-top: 1px solid #eee;
}
.check-box-m > li {
    display: flex;
    align-items: center;
    font-size: 14px;
    line-height: 14px;
    color: #666;
    padding: 8px 0;
    border-bottom: 1px solid #eee;
}
.check-box-m > li > .ui.checkbox {
    flex: 0 0 17px;
    margin-right: 8px;
}
.check-box-m > li > div {
    flex: 1;
    overflow: hidden;
}
.check-box-m > li > div > * {
    display: block;
    margin-bottom: 4px;
}
.check-box-m > li > div .title {
    width: 100%;
    font-size: 14px;
    color: #222;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-right: 8px;
}
.check-box-m > li > div .date {
    color: #888;
}
.btn-talk-m {
    position: absolute;
    bottom: -90px;
    right: 16px;
    width: 60px;
    height: 60px;
    background: url(http://wiwitv.com/mobile/button/btn_talk.png) no-repeat;
    background-size: cover;
}
.btn-talk-m.fixed {
    position: fixed;
    bottom: 23px;
    right: 16px;
}
.accodion-box {
    position: relative;
    display: block;
    padding: 8px 16px;
}
.accodion-box > .header > span {
    font-size: 14px;
    color: #666;
}
.accodion-box > .header > span:not(:last-child):after {
    content: "";
    display: inline-block;
    width: 1px;
    height: 10px;
    margin: 0 8px;
    background-color: #ddd;
}
.accodion-box > .state {
    position: absolute;
    right: 16px;
    top: 12px;
    padding: 3px 8px;
    border-radius: 100px;
    font-size: 14px;
    color: #ff4076;
    border: 1px solid #ff4076;
}
.accodion-box > .state.finish {
    border: 1px solid #666;
    color: #666;
}
.accodion-box > .title {
    font-size: 14px !important;
    font-weight: 500;
    color: #222 !important;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-bottom: 8px;
    padding-right: 56px !important;
    white-space: nowrap;
}
.accodion-box > .content {
    padding: 0 !important;
}
#__next .accodion-box > .content > .content-detail {
    word-break: break-all;
    border-top: 1px solid #dcdcdc;
}
.accodion-box > .content > .content-detail > .txt {
    position: relative;
    font-size: 14px;
    color: #666;
    line-height: 20px;
    padding: 8px 8px 8px 24px;
}
.accodion-box > .content > .content-detail > .txt:before {
    display: block;
    position: absolute;
    top: 8px;
    left: 8px;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    color: #ff4076;
    content: "Q";
}
#__next .accodion-box > .content > .content-detail > .btns > .ui.button,
.accodion-box > .content > .content-detail > .btns > .ui.button {
    height: auto;
    font-size: 14px;
    color: #222;
    border-radius: 2px;
    border: 1px solid #bcbcbc;
    background-color: #fff;
    padding: 7px 12px;
}
.accodion-box > .content .tb-answer {
    position: relative;
    font-size: 14px;
    padding: 16px 8px 16px 24px;
    border: 1px solid #dcdcdc;
    border-left: 0;
    border-right: 0;
}
.accodion-box > .content .tb-answer:before {
    display: block;
    position: absolute;
    top: 16px;
    left: 8px;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    color: #ff4076;
    content: "A";
}
.accodion-box > .content .tb-answer.empty-answer {
    text-align: center;
}
.accodion-box > .content .tb-answer.empty-answer:before {
    display: none;
}
.accodion-box > .content .tb-answer > p {
    font-size: 13px;
    line-height: 20px;
}
.glide__slides {
    align-items: center;
}
.glide__slide .video-card-thumn {
    position: relative;
    width: 100%;
    height: 100%;
    padding-bottom: 56.25%;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
}
.glide__slide .video-card-thumn:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
    width: 100%;
    height: 50%;
    background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0, transparent);
}
.glide__slide .video-card-thumn .video-img {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: 50%;
}
.glide__slide .video-card-thumn video.video-js {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}
@media screen and (orientation: landscape) {
    .mobile-player-container .menu-top.player {
        display: none;
    }
    .mobile-player-container .live-root-container {
        top: 0;
    }
    .mobile-player-container .sendLuv-box-m {
        width: 100%;
        height: auto !important;
        margin: 0;
        border-radius: 0;
    }
    .mobile-player-container .sendLuv-box-m section {
        margin: 0;
    }
    .mobile-player-container .sendLuv-box-m > div {
        display: flex;
        align-items: center;
        flex: 1;
        justify-content: space-around;
    }
    .mobile-player-container .sendLuv-box-m > div .title {
        flex: 0 0 30px;
        word-break: keep-all;
        text-align: center;
        margin: 0 8px 0 0;
    }
    .mobile-player-container .sendLuv-box-m .btn-calculate {
        display: none;
    }
    .mobile-player-container .sendLuv-box-m + button.flex-gift-btn-m {
        width: 100%;
        margin: 0;
        border-radius: 0;
    }
    .mobile-player-container .sendLuv-box-m + button.btn-stop-gift + div.flex.justify-between,
    .mobile-player-container .sendLuv-box-m + button.flex-gift-btn-m + div.flex.justify-between {
        width: 100%;
        height: auto;
        font-size: 12px;
        color: #323232;
        padding: 2px 4px;
    }
    .mobile-player-container .send-luv-pop {
        height: 126px;
        padding: 3px;
    }
    .mobile-player-container .send-luv-pop > div {
        height: 100%;
    }
    .mobile-player-container .send-luv-pop .modal-tab01 {
        display: flex;
        height: 100%;
    }
    .mobile-player-container .send-luv-pop .modal-tab01 .react-tabs__tab-list {
        flex: 0 0 80px;
        flex-direction: column;
        border-radius: 7px 0 0 7px;
        text-align: center;
    }
    #__next .mobile-player-container .send-luv-pop .modal-tab01 .react-tabs__tab,
    .mobile-player-container .send-luv-pop .modal-tab01 .react-tabs__tab {
        max-width: unset;
        font-size: 12px;
        border: 0;
    }
    #__next .mobile-player-container .send-luv-pop .modal-tab01 > .react-tabs__tab.react-tabs__tab--selected,
    .mobile-player-container .send-luv-pop .modal-tab01 > .react-tabs__tab.react-tabs__tab--selected {
        color: #222;
    }
    .mobile-player-container .send-luv-pop .modal-tab01 .react-tabs__tab-panel {
        flex: 1;
        max-width: calc(100% - 80px);
        height: 100%;
        border-radius: 0 8px 8px 0;
        overflow: hidden;
    }
    .mobile-player-container .send-luv-pop .modal-tab01 .react-tabs__tab-panel > div {
        height: 100%;
    }
    .mobile-player-container .send-luv-pop .modal-tab01 .react-tabs__tab-panel > div > .flex-gift-wrap {
        display: flex;
        border-radius: 0;
        height: 100%;
        padding: 0;
        background: transparent;
    }
    .mobile-player-container .send-luv-pop .modal-tab01 .react-tabs__tab-panel > div > .flex-gift-wrap > .glide {
        height: calc(100% - 30px);
    }
    .mobile-player-container .send-luv-pop .modal-tab01 .react-tabs__tab-panel > div > .flex-gift-wrap > .type04 {
        display: flex;
        width: 100%;
        height: 100%;
    }
    .mobile-player-container .send-luv-pop .modal-tab01 .react-tabs__tab-panel > div > .flex-gift-wrap > .type04 > .react-tabs__tab-list {
        flex: 0 0 74px;
        height: auto !important;
        flex-direction: column;
        padding: 0 !important;
        border-radius: 0;
    }
    #__next .mobile-player-container .send-luv-pop .modal-tab01 .react-tabs__tab-panel > div > .flex-gift-wrap > .type04 > .react-tabs__tab-list > .react-tabs__tab,
    .mobile-player-container .send-luv-pop .modal-tab01 .react-tabs__tab-panel > div > .flex-gift-wrap > .type04 > .react-tabs__tab-list > .react-tabs__tab {
        margin: 0;
        padding: 0;
        font-size: 10px;
        flex: 1;
        border-radius: 0;
        background-color: #fff;
        bottom: 0;
    }
    .mobile-player-container .send-luv-pop .modal-tab01 .react-tabs__tab-panel--selected > .flex-send-luv {
        height: 92px;
        padding: 0 17px 17px 13px !important;
    }
    .mobile-player-container .flex-gift-wrap .flex-gift-txt {
        position: absolute;
        right: 4px;
        bottom: 4px;
        z-index: 1;
        width: calc(100% - 80px);
        padding: 0 0 0 20px;
    }
    .mobile-player-container .flex-gift-wrap .flex-gift-txt > span {
        font-size: 12px;
        color: #000;
    }
    .mobile-player-container .flex-send-luv .glide__slides .flex-send-content {
        flex-wrap: nowrap;
    }
    .mobile-player-container .flex-send-luv .glide__slides,
    .mobile-player-container .flex-send-luv .glide__slides .flex-send-content,
    .mobile-player-container .flex-send-luv > .glide__arrows.left + div {
        height: 100%;
    }
    .mobile-player-container .flex-send-luv > .glide__arrows.left + div {
        width: 100%;
    }
    .mobile-player-container .flex-send-luv .glide__slides .flex-send-content .gift-item > img {
        width: auto;
        height: 100%;
    }
    .mobile-player-container .flex-gift-wrap .glide__arrows > button > img.ui.image {
        margin: 0;
    }
    .mobile-player-container .send-luv-pop .modal-tab01 .react-tabs__tab-panel > div.play-mission-luv {
        height: 92px;
        padding: 0 17px 17px 13px !important;
    }
    .mobile-player-container .flex-send-luv .glide__arrows.left,
    .mobile-player-container .flex-send-luv .glide__arrows.right {
        top: 50%;
        transform: translateY(-50%);
        margin-top: -3px;
    }
    .mobile-player-container .play-mission-luv .glide-content,
    .mobile-player-container .play-mission-luv .glide-content .mission-gift-box {
        height: 100%;
    }
    .mobile-player-container .play-mission-luv .glide-content .mission-gift-box {
        background-color: #ddd;
        border-radius: 8px;
        padding: 2px;
    }
    .mobile-player-container .play-mission-luv .glide-content .mission-gift-box .mission-gift-item {
        flex: 0 0 calc(50% - 4px);
        max-width: calc(50% - 4px);
        margin: 2px;
    }
    .mobile-player-container .play-mission-luv .glide-content .mission-gift-box .mission-gift-item:nth-child(2n) {
        margin-right: 0;
    }
    .mobile-player-container .play-mission-luv .glide-content .mission-gift-box .mission-gift-item > .coin > img.ui.image {
        width: 12px !important;
        height: 12px !important;
    }
    .mobile-player-container .send-luv-pop .modal-tab01 .flex-gift-wrap {
        padding: 0 !important;
        border-radius: 0;
    }
    .mobile-player-container .send-luv-pop .modal-tab01 .flex-gift-wrap .type04 {
        display: flex;
        height: 100%;
    }
    #__next .mobile-player-container .flex-gift-wrap .type04 .react-tabs__tab-list,
    .mobile-player-container .flex-gift-wrap .type04 .react-tabs__tab-list {
        flex-direction: column;
        height: 100%;
        padding: 0;
        border: 0;
    }
    #__next .mobile-player-container .send-luv-pop .modal-tab01 .react-tabs__tab,
    .mobile-player-container .send-luv-pop .modal-tab01 .react-tabs__tab {
        flex: 1;
        margin: 0;
        padding: 0;
    }
    .mobile-player-container .live-main-container .live-mobile-video .live-video-title {
        display: none;
    }
}
@media screen and (max-width: 568px) and (orientation: landscape) {
    .mobile-player-container .sendLuv-box-m {
        padding: 8px 0;
    }
    .mobile-player-container .sendLuv-box-m > div .title {
        font-size: 12px;
        margin-right: 4px;
    }
    .mobile-player-container .sendLuv-box-m .input-label {
        margin-right: 4px;
    }
    .mobile-player-container .sendLuv-box-m .ui.input {
        width: 48px !important;
    }
    .mobile-player-container .sendLuv-box-m .second .ui.input {
        width: auto !important;
    }
    .mobile-player-container .sendLuv-box-m .ui.input > input {
        padding: 0 4px;
        text-align: center;
    }
}
@media screen and (max-width: 1023px) {
    .mobile-container .popular-list-item {
        max-width: 100%;
    }
    .mobile-container .popular-item {
        min-width: 150px;
    }
    #__next .mobile-container .video-card-root {
        flex: 0 0 25%;
        max-width: 25%;
    }
}
@media screen and (max-width: 767px) {
    .mobile-container .section-wrap {
        padding: 24px 16px;
    }
    .mobile-container .section-wrap .btn-refresh {
        display: none;
    }
    #__next .mobile-container h2.ui.header {
        font-size: 16px;
    }
    #__next .mobile-container .video-card-root {
        flex: 0 0 50%;
        max-width: 50%;
    }
    .top-rank-list > li .top-rank-info .rank-list-txt {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
    }
    .top-rank-list > li .top-rank-info .rank-list-txt .rank-user-info {
        flex: 1;
        max-width: 100%;
    }
    .top-rank-list > li .top-rank-info .rank-list-txt .number {
        flex: 1;
        text-align: left;
    }
    .mobile-container .card-item .ui.card,
    .mobile-container .caution-wrap {
        padding: 16px;
    }
    .mobile-container .events {
        margin: 0 -4px;
        overflow: hidden;
    }
    .mobile-container .events .events-box {
        width: 50%;
        max-width: 50%;
        margin: 0;
        border: 0;
        border-radius: 0;
    }
    .mobile-container .events .events-box .events-box-inner {
        margin: 0 4px 8px;
        border: 1px solid #d6d6d6;
        border-radius: 8px;
    }
    .mobile-container .footer {
        padding: 32px 16px;
    }
    .mobile-container .footer .footer-link .margin-divider {
        margin: 0 8px;
    }
    .mobile-container .popular-item {
        width: 180px;
    }
    .mobile-container .card-item-wrap .card-item {
        flex: 0 0 calc(50% - 4px);
        max-width: calc(50% - 4px);
        margin-bottom: 8px;
        margin-right: 8px;
    }
    .mobile-container .card-item-wrap .card-item:nth-child(2n) {
        margin-right: 0;
    }
    .mobile-container .card-item-wrap .card-item:nth-child(3n) {
        margin-right: auto;
    }
}
@media screen and (max-width: 450px) {
    .mobile-sub-container .sub-summary {
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
        margin: 16px 0;
    }
    .mobile-sub-container .sub-summary .select-btn {
        margin-top: 8px;
    }
    .mobile-container .events .events-box {
        width: 100%;
        max-width: 100%;
    }
    .quick-menu-m > a {
        flex: unset;
        padding: 0 20px;
    }
}
@media screen and (max-width: 359px) {
    .mobile-container .section-wrap {
        padding: 26px 8px;
    }
    #__next .mobile-container .video-section-root {
        margin: 0 -4px;
    }
    #__next .mobile-container .video-card-root {
        padding: 0 4px;
    }
    .mobile-container .footer .footer-link a {
        font-size: 12px;
    }
    .quick-menu-m > a {
        padding: 0 16px;
    }
}
#__next .mobile-container .popular-wrap {
    position: relative;
}
#__next .mobile-container .popular-wrap:after,
#__next .mobile-container .popular-wrap:before {
    display: block;
    position: absolute;
    top: 60px;
    bottom: 24px;
    width: 16px;
    z-index: 1;
    content: "";
}
#__next .mobile-container .popular-wrap:before {
    left: 10px;
    background-image: linear-gradient(270deg, transparent, #121212, #121212);
}
#__next .mobile-container .popular-wrap:after {
    right: 10px;
    background-image: linear-gradient(90deg, transparent, #121212, #121212);
}

.box {
    height: 90px;
    font-size: 13px;
    text-align: center;
    vertical-align: middle;
}
.box,
.box > span:first-child {
    display: inline-block;
    width: 60px;
}
.box > span:first-child {
    height: 60px;
    line-height: 60px;
    margin-bottom: 10px;
    border-radius: 10px;
    color: #fff;
}
#nprogress {
    pointer-events: none;
}
#nprogress .bar {
    background: #29d;
    position: fixed;
    z-index: 1031;
    top: 0;
    left: 0;
    width: 100%;
    height: 2px;
}
#nprogress .peg {
    display: block;
    position: absolute;
    right: 0;
    width: 100px;
    height: 100%;
    box-shadow: 0 0 10px #29d, 0 0 5px #29d;
    opacity: 1;
    transform: rotate(3deg) translateY(-4px);
}
#nprogress .spinner {
    display: block;
    position: fixed;
    z-index: 1031;
    top: 15px;
    right: 15px;
}
#nprogress .spinner-icon {
    width: 18px;
    height: 18px;
    box-sizing: border-box;
    border-color: #29d transparent transparent #29d;
    border-style: solid;
    border-width: 2px;
    border-radius: 50%;
    animation: nprogress-spinner 0.4s linear infinite;
}
.nprogress-custom-parent {
    overflow: hidden;
    position: relative;
}
.nprogress-custom-parent #nprogress .bar,
.nprogress-custom-parent #nprogress .spinner {
    position: absolute;
}
@keyframes nprogress-spinner {
    0% {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(1turn);
    }
}

:root {
    --swiper-theme-color: #007aff;
}
:host {
    position: relative;
    display: block;
    margin-left: auto;
    margin-right: auto;
    z-index: 1;
}
.swiper {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
    display: block;
}
.swiper-vertical > .swiper-wrapper {
    flex-direction: column;
}
.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
    box-sizing: content-box;
}
.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
    transform: translateZ(0);
}
.swiper-horizontal {
    touch-action: pan-y;
}
.swiper-vertical {
    touch-action: pan-x;
}
.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
    display: block;
}
.swiper-slide-invisible-blank {
    visibility: hidden;
}
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
    height: auto;
}
.swiper-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform, height;
}
.swiper-backface-hidden .swiper-slide {
    transform: translateZ(0);
    backface-visibility: hidden;
}
.swiper-3d.swiper-css-mode .swiper-wrapper {
    perspective: 1200px;
}
.swiper-3d .swiper-wrapper {
    transform-style: preserve-3d;
}
.swiper-3d {
    perspective: 1200px;
}
.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide {
    transform-style: preserve-3d;
}
.swiper-css-mode > .swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
}
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
    display: none;
}
.swiper-css-mode > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: start start;
}
.swiper-css-mode.swiper-horizontal > .swiper-wrapper {
    scroll-snap-type: x mandatory;
}
.swiper-css-mode.swiper-vertical > .swiper-wrapper {
    scroll-snap-type: y mandatory;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
    scroll-snap-type: none;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: none;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper:before {
    content: "";
    flex-shrink: 0;
    order: 9999;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: center center;
    scroll-snap-stop: always;
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
    margin-inline-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper:before {
    height: 100%;
    min-height: 1px;
    width: var(--swiper-centered-offset-after);
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
    margin-block-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper:before {
    width: 100%;
    min-width: 1px;
    height: var(--swiper-centered-offset-after);
}
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10;
}
.swiper-3d .swiper-slide-shadow {
    background: rgba(0, 0, 0, 0.15);
}
.swiper-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(270deg, rgba(0, 0, 0, 0.5), transparent);
}
.swiper-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.5), transparent);
}
.swiper-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.5), transparent);
}
.swiper-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.5), transparent);
}
.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    transform-origin: 50%;
    box-sizing: border-box;
    border-radius: 50%;
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-top: 4px solid transparent;
}
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
    animation: swiper-preloader-spin 1s linear infinite;
}
.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000;
}
@keyframes swiper-preloader-spin {
    0% {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(1turn);
    }
}
.swiper-free-mode > .swiper-wrapper {
    transition-timing-function: ease-out;
    margin: 0 auto;
}
:root {
    --swiper-navigation-color: #fff;
    --swiper-pagination-color: #fff;
    --swiper-pagination-bullet-inactive-color: #fff;
}
.swiper-wrapper {
    box-sizing: border-box;
}
.swiper-streamLive.swiper-carousel {
    position: relative;
    margin: 0 auto;
    overflow: hidden;
}
.swiper-streamLive.swiper-carousel .swiper-slide,
.swiper-streamLive.swiper-carousel swiper-slide {
    position: relative;
}
.swiper-streamLive.swiper-carousel {
    max-width: 1424px;
    padding: 27px 0;
}
.swiper-streamLive.swiper-carousel .swiper-slide {
    width: 640px;
    height: 360px;
    background: no-repeat 50% url(http://wiwitv.com/image/standby_bg.png);
    max-width: calc(100% - 48px);
    overflow: hidden;
    box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.3);
}
.swiper-streamLive.swiper-carousel .swiper-carousel-animate-opacity {
    height: 100%;
}
.swiper-streamLive.swiper-carousel .swiper-pagination-bullets {
    bottom: 0;
}
.swiper-stream.Live.swiper-carousel img {
    width: 100%;
    height: 100%;
    display: block;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 8px;
}
.swiper-mainBanner {
    --swiper-navigation-color: #d8d8d8;
}
.swiper-mainBanner.swiper {
    width: 100%;
    height: 100%;
}
.swiper-mainBanner.swiper-slide {
    text-align: center;
    font-size: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.swiper-mainBanner.swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.ui_button__T73Sj {
    width: 100%;
    height: 42px;
    font-size: 15px;
    line-height: 42px;
}
.ui_basic__eVwxV {
    color: #fff;
    background-color: #231f20;
    border-radius: 8px;
}
.ui_rounded__RAIuN {
    color: #fff;
    background-color: #231f20;
    border-radius: 19px;
}
.ui_border__XaYdE {
    color: #363b41;
    border: 1px solid #231f201a;
    border-radius: 8px;
}
.ui_primary__JhjFU {
    color: #fff;
    background-color: #ff024a;
    border-radius: 24px;
}
.ui_primaryBorder__i1TQD {
    color: #ff024a;
    border: 1px solid #ff024a;
    border-radius: 8px;
}
.ui_disabled__ixrNs {
    color: #999;
    border: 1px solid #0000001a;
    border-radius: 8px;
    background-color: #f9f9fc;
    cursor: default;
}
.ui_confirm__yB4Fk {
    color: #fff;
    border-radius: 8px;
    background-color: #231f20;
}
.ui_action__IhFo4,
.ui_confirm__yB4Fk {
    flex: 1;
    width: 100%;
    height: 42px;
    text-align: center;
    line-height: 40px;
    font-size: 15px;
    font-weight: 400;
    cursor: pointer;
}
.ui_action__IhFo4 {
    color: #363b41;
    border: 1px solid #231f201a;
    border-radius: 8px;
    background-color: #fff;
    margin-right: 16px;
}
.Dialog_dialogWrap__7d8GF {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, 0.2);
    z-index: 10000;
}
.Dialog_dialogContainer__guBAz {
    width: 100%;
    min-width: 280px;
    max-width: 320px;
    padding: 0 24px 24px;
    background-color: #fff;
    border-radius: 12px;
}
.Dialog_dialogHeader__0exYv {
    display: flex;
    height: 64px;
    align-items: center;
    justify-content: space-between;
    padding: 0;
    margin: 0;
}
.Dialog_logo__b1MWv {
    -o-object-fit: contain;
    object-fit: contain;
    width: 80px;
    height: 16px;
}
.Dialog_headerTitle__iawyG {
    font-size: 18px;
    font-weight: 700;
    line-height: 26px;
    color: #000;
}
.Dialog_dialogBody__yJuVd {
    padding: 8px 0 0;
    white-space: pre-wrap;
    text-wrap: pretty;
}
.Dialog_bodyText__9ZHlt {
    font-size: 14px;
    font-weight: 300;
    line-height: 20px;
    color: #363b41;
}
.Dialog_dialogFooter__ZP8Ik {
    padding: 24px 0 0;
}
.Dialog_dialogBtns__MfOgd {
    display: flex;
    justify-content: space-between;
}
.Dialog_btnClose__BndNd {
    width: 20px;
    height: 20px;
    background-image: url(http://wiwitv.com/icon/ico_close.svg);
    background-size: 20px;
    background-position: 50%;
    background-repeat: no-repeat;
    margin-right: -4px;
    cursor: pointer;
}
.Dialog_fanListModal__FPWcl .Dialog_dialogContainer__guBAz {
    max-width: 480px;
    min-width: 0;
    padding: 0 0 24px;
}
.Dialog_fanListModal__FPWcl .Dialog_dialogHeader__0exYv {
    padding: 0 24px;
    margin-bottom: 8px;
}
.Dialog_fanListModal__FPWcl .Dialog_fanList__28mgr {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    max-height: 520px;
}
.Dialog_fanListItem__4h8Zo {
    display: flex;
    align-items: center;
    padding: 0 24px;
}
.Dialog_fanListItem__4h8Zo:nth-child(n + 11) {
    border-left: 1px solid rgba(0, 0, 0, 0.1);
}
.Dialog_rankNum__BvbjJ {
    font-size: 16px;
    font-weight: 700;
    color: #000;
    margin-right: 8px;
    width: 20px;
    text-align: center;
}
.Dialog_rank1__gA7gg,
.Dialog_rank2__D36i6,
.Dialog_rank3__9R6xv {
    color: #ff024a;
}
.Dialog_fanListEmpty__F_BhN {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 300;
    padding: 32px 0;
}
@media screen and (max-width: 763px) {
    .Dialog_fanListModal__FPWcl .Dialog_dialogContainer__guBAz {
        max-width: 100% !important;
        height: 100%;
        border-radius: 0;
        overflow: hidden;
        padding: 0;
    }
    .Dialog_fanListModal__FPWcl .Dialog_fanList__28mgr {
        display: block;
        height: calc(100% - 72px);
        overflow-x: hidden;
        overflow-y: auto;
        padding-bottom: 24px;
    }
    .Dialog_fanListItem__4h8Zo:nth-child(n + 11) {
        border: 0;
    }
    .Dialog_fanListEmpty__F_BhN {
        height: calc(100% - 72px);
        padding: 0;
    }
}
.SignIn_divider__VBXIf {
    padding-bottom: 12px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #222;
}
.SignIn_divider-bar__5ykQQ {
    display: inline-block;
    width: 76px;
    height: 1px;
    background-color: #acb2b9;
}
.SignIn_social-link__h8Bf9,
.modal_root__WJF63 {
    display: flex;
    align-items: center;
    justify-content: center;
}
.modal_root__WJF63 {
    position: fixed;
    inset: 0;
    z-index: 1100;
    background-color: rgba(0, 0, 0, 0.05);
}
.modal_panel__T3BcX {
    border-radius: 16px;
    padding: 8px;
    overflow: hidden;
    max-width: 500px;
    background-color: #fff;
    box-shadow: 2px 2px 1px 1px rgba(0, 0, 0, 0.1);
    -ms-overflow-style: none;
}
.modal_content__vPWBe {
    overflow-y: auto;
    max-height: 400px;
}
.modal_content__vPWBe::-webkit-scrollbar {
    display: none;
}
.modal_header__5WXVk {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px;
    margin-bottom: 4px;
    font-size: 16px;
    font-weight: 700;
    color: #000;
    height: 38px;
    box-shadow: 0 4px 6px -6px #222;
}
.modal_header__5WXVk > span {
    letter-spacing: 0;
}
.modal_footer__U8LN7 {
    height: 12px;
    margin-top: 4px;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.modal_close__v1eDf {
    display: flex;
    padding: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
}
@media screen and (max-width: 768px) {
    .modal_root__WJF63 {
        background-color: transparent;
    }
    .modal_panel__T3BcX {
        border-radius: 0;
        height: 100%;
        padding: 0;
        margin: 0;
        max-height: none;
        max-width: none;
    }
    .modal_header__5WXVk {
        padding: 0 12px;
        z-index: 999;
    }
    .modal_content__vPWBe {
        max-height: calc(100vh - 64px);
    }
}
.forms_image-radio-option___dgci {
    display: inline-block;
    width: 160px;
    height: 90px;
}
.forms_image-radio-option___dgci.forms_selected__aFTUI {
    border: 3px solid #f2507e;
}
.forms_inputBox__Ft91W {
    border: 1px solid #ebecef;
    height: 42px;
    padding: 10px 16px;
    border-radius: 8px;
    width: 100%;
    font-size: 15px;
    font-weight: 300;
}
.forms_inputBox__Ft91W:hover {
    border: 1px solid #999;
}
.forms_input__LhL0X::-moz-placeholder {
    color: #999;
    font-weight: 300;
    font-size: 15px;
}
.forms_input__LhL0X::placeholder {
    color: #999;
    font-weight: 300;
    font-size: 15px;
}
.forms_inputBox__Ft91W:hover::-moz-placeholder {
    color: #000;
}
.forms_inputBox__Ft91W:hover::placeholder {
    color: #000;
}
.forms_focus__sn_ga:focus-within {
    border: 1px solid #ff024a;
}
.forms_success__t2nmd {
    width: 100%;
    border: 1px solid #03c75a;
    border-radius: 8px;
    height: 42px;
    padding: 10px 16px;
    font-size: 15px;
    font-weight: 300;
}
.forms_inputNotice__ElUOl {
    color: #363b41;
    font-size: 13px;
}
.forms_input__LhL0X::-webkit-inner-spin-button,
.forms_input__LhL0X::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.forms_input__LhL0X[type="number"] {
    -moz-appearance: textfield;
}
.forms_input__LhL0X:disabled {
    background: #fff;
}
.forms_input__LhL0X {
    height: auto !important;
    padding: 0 !important;
    position: relative;
    line-height: 20px;
    font-family: Noto Sans KR, Malgun Gothic, 맑은 고딕, helvetica, Apple SD Gothic Neo, sans-serif;
}
.forms_input__LhL0X:focus {
    outline: none;
}
.forms_pointer__9__GE:hover {
    cursor: pointer;
}
.forms_btnClose___1P74 {
    position: absolute;
    right: 0;
    width: 20px;
    height: 20px;
    z-index: 1000;
    cursor: pointer;
}
.forms_autoComboboxContainer__gdxR4 {
    position: absolute;
    width: 360px;
    max-height: 224px;
    top: 55px;
    left: 30px;
    background-color: #fff;
    box-shadow: 0 3px 5px #0000001a;
    border: 1px solid rgba(0, 0, 0, 0.1);
    z-index: 1;
    border-radius: 16px;
    margin-right: 16px;
    padding: 20px;
    overflow-y: scroll;
    overflow-x: hidden;
}
.forms_autoComboboxContainer__gdxR4::-webkit-scrollbar {
    display: none;
}
.forms_autoBoxActive__pJDSu,
.forms_autoBoxDeactive__PS9zn {
    width: 100%;
    color: #000;
    font-size: 14px;
    padding: 8px 0;
}
.forms_autoBoxActive__pJDSu {
    background-color: #f9f9fc;
}
.forms_thumn__fcXTr {
    flex: 0 0 50px;
    min-width: 40px;
    min-height: 40px;
    border-radius: 50%;
    background-color: #ddd;
    margin-right: 8px;
}
.forms_ownerThumbnail__x_ozr {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    box-shadow: 0 1px 4px #0000004d;
    border: 1px solid #0000000d;
}
.forms_label__YSaVa,
.forms_radioLabel__diUNa {
    padding-left: 40px !important;
}
.forms_label__YSaVa:after,
.forms_label__YSaVa:before,
.forms_radioLabel__diUNa:after,
.forms_radioLabel__diUNa:before {
    margin-left: 6px;
    top: 50% !important;
    transform: translateY(-50%) !important;
}
.forms_radioLabel__diUNa:after {
    transform: scale(0.46666667) translateY(-105%) !important;
}
.forms_dropdown__rj8gQ {
    border: 1px solid #ebecef;
    position: relative;
    width: 100%;
    border-radius: 8px;
    display: flex;
    align-items: center;
    cursor: pointer;
}
.forms_dropdown__rj8gQ:hover {
    border: 1px solid #999;
}
.forms_dropdown__rj8gQ ul {
    position: absolute;
    top: 100%;
    left: -1px;
    z-index: 2;
    background-color: #fff;
    width: 100%;
    border: 1px solid #999;
    border-top: none;
    box-sizing: content-box;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    cursor: pointer;
    max-height: 216px;
    overflow-y: auto;
}
.forms_dropdown__rj8gQ ul > div {
    padding: 11px 16px;
}
.forms_dropdown__rj8gQ ul > div:hover {
    background-color: rgba(0, 0, 0, 0.05);
    font-weight: 700;
}
.forms_dropdown__rj8gQ.forms_active__TypxF {
    border: 1px solid #999;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}
.forms_text__pOBNe:before {
    border-color: #9f3a38 transparent;
}
.forms_text__pOBNe:after {
    border-color: #fff transparent;
}
@media screen and (max-width: 360px) {
    .forms_autoComboboxContainer__gdxR4 {
        top: 160px;
        left: -25px;
    }
}
.policy_container__Amvbd {
    border: 1px solid #ddd;
}
.policy_header__fXmjX {
    padding: 16px;
    border-bottom: 1px solid #ddd;
}
.policy_content__ekTu4 {
    padding: 16px;
}
.policy_item__LQ0yZ {
    display: flex;
    justify-content: space-between;
    padding: 4px 0;
}
.policy_text__iIx_B {
    font-size: 13px;
    font-weight: 500;
    color: #000;
    margin-left: 3px;
}
.policy_label__sYgpF {
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    padding: 10px 0;
}
.LoginDialog_dialogWrap__YU9le {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1002;
}
.LoginDialog_dialogContainer__ykUrW {
    width: 100%;
    min-width: 320px;
    max-height: 622px;
    margin: 0 16px;
    padding: 24px;
    background-color: #fff;
    border-radius: 16px;
    max-width: 332px;
}
.LoginDialog_tabGroup__EqBMA {
    width: 100%;
}
.LoginDialog_tabList__mp1uL {
    overflow-x: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
    width: 282px;
}
.LoginDialog_tabWrap__hH3up {
    display: flex;
    align-items: center;
    justify-content: space-between;
    z-index: 500;
    background-color: #fff;
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
}
.LoginDialog_tab__2Zzwt {
    color: #000;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.6;
    height: 64px;
    padding: 30px 0 10px;
    position: relative;
    cursor: pointer;
    white-space: nowrap;
    width: 50%;
}
.LoginDialog_tab__2Zzwt:last-child {
    margin: 0;
}
.LoginDialog_activeTab__Ph2Xa {
    color: #ff024a;
    font-weight: 700;
}
.LoginDialog_activeTab__Ph2Xa:after {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 2px;
    background-color: #ff024a;
    content: "";
}
.LoginDialog_tabListWrap__1VsRH {
    overflow: hidden;
    position: relative;
}
.LoginDialog_tabListWrap__1VsRH:before {
    left: 0;
    background-image: linear-gradient(270deg, hsla(0, 0%, 100%, 0.3), hsla(0, 0%, 100%, 0.8), #fff, #fff);
}
.LoginDialog_tabListWrap__1VsRH:after {
    right: 0;
    background-image: linear-gradient(90deg, hsla(0, 0%, 100%, 0.3), hsla(0, 0%, 100%, 0.8), #fff, #fff);
}
.LoginDialog_tabList__mp1uL::-webkit-scrollbar {
    display: none;
}