.COVER-BACKGROUND .SUMMARY.WIDTH-VW {
    z-index: 1;

    background: linear-gradient(180deg, rgba(0, 0, 0, .75), transparent);
    background-color: transparent;
}

.POSITION-BOTTOM {
    z-index: 0;
}



input[type="datetime-local"]::-webkit-calendar-picker-indicator {
    filter: invert(1);
}



/* === === === Header Style 01 === === === === === === === === ===
.COVER-BACKGROUND .SUMMARY.WIDTH-VW {
    z-index: 2;
}
.POSITION-BOTTOM {
    z-index: 1;
}
.COLOR-BACKGROUND.WIDTH2.TRANSPARENT {
    z-index: 0;
}

.POSITION-SCROLL LOGO.LARGE-TXT-BLOCK {
    background-color: white;
}
.POSITION-SCROLL:hover LOGO.LARGE-TXT-BLOCK.TRANSPARENT {
    background-image: none;
    background-color: white;
}
.POSITION-SCROLL:hover LOGO.LARGE-TXT-BLOCK.TRANSPARENT DIVS {
    background-color: transparent;
}

CENTER marquee {
    color: black;
    text-shadow: none;
}
=== End === === === Header Style 02 === === === === === === === === === */

.POSITION-SCROLL:hover LOGO.LARGE-TXT-BLOCK DIVS {
    background-color: transparent;
}

LOGO blocks middle {
    text-shadow: none;
}

#BLOG h2,
#BLOG h3,
#BLOG h4,
#BLOG h5 {
    text-shadow: 3px 6px 12px rgba(0, 0, 0, .35);
}

/* === === === === === === === === === ... ... ... === === === */






#NOTEBOOK, #MASSEUSE, #MASSEUSE.BG-COVER {
    display: none;
}

.COLOR-BACKGROUND > div.MASH-BLOCK,
.IMITATE-FLOAT {
    max-width: 767px;
}

.COVER-BACKGROUND > div {
    background-color: rgba(0, 0, 0, .215);
}

.IMITATE-FLOAT .MIDDLE span {
    font-size: 18px;
}

br {
    clear: both;
    display: block;
}

BARCODE, .BARCODE {
    font-size: 300%;
    font-family: 'Libre Barcode 39 Text', 'Noto Serif TC';

    /* === === === === === === === === ===
    font-family: 'Libre Barcode 39', 'Noto Serif TC';
    === === === === === === === === === */
}



.POSITION-SCROLL .FONT {
    font-weight: 600;
}

.FOOTER-MENU .REMOVE-PADDING a.LINK-BUTTON {
    color: white;
}

/* === === === === === === === === === ... ... ... === === === */



/* === === === === === === === === ===
.COLOR-BACKGROUND {
    color: white;
    background-color: black;
}

.FOOTER-MENU.BLACK-BACKGROUND {
    background-color: #512B81;
}
=== === === === === === === === === */

#SET-OFF {
    display: none;
}

a.COLOR-CONVERSION {
    text-align: center;
}

LOGO {
    width: 100%;

    padding-top: 0;

    color: white;
    background-image: none;
    background-color: black;

    text-align: center;
}
LOGO blocks:hover middle {
    background-color: transparent;
}

LOGO FONTS, DIVS FONTS {
    font-size: 17vw;
    line-height: 20vw;
}

HIDE, .HIDE, hide, .hide {
    display: block;

    width: 0px;
    height: 0px;

    font-size: 0px;

    color: transparent;
}

.POSITION-SCROLL p.HIDE,
.POSITION-SCROLL p.hide {
    font-size: 0;
}

/* === === === === === === === === === ... ... ... === === === */



.ANIMATE-LEFT-MIN inline icon {
    color: white;
    background-color: #333;
}
.ANIMATE-LEFT-MIN inline middle {
    font-weight: 600;
}



.FORM-BLOCK.PADDING-NONE button {
    padding-left: 15px;
    letter-spacing: 3px;
}

/* === === === === === === === === ===
.FORM-BLOCK.PADDING-NONE button {
    padding-left: 15px;
    letter-spacing: 3px;

    color: white;
    border-color: #ff007b;
    background-color: #ff007b;
}
.FORM-BLOCK.PADDING-NONE button:hover {
    color: black;
    border-color: white;
    background-color: white;
}
=== === === === === === === === === */

.POSITION-SCROLL a.ICON-BUTTON.BOLD {
    color: white;
    font-weight: 600;
}

.POSITION-SCROLL .HREF-ICON a,
.POSITION-SCROLL .HREF-LINK a {
    height: auto;
    letter-spacing: 0;
}
.POSITION-SCROLL .HREF-ICON a:hover,
.POSITION-SCROLL .HREF-LINK a:hover {
    background-color: transparent;
}



/* === === === === === === === === === ... ... ... === === === */
.ANIMATE-LEFT-MIN .HREF-ICON span.BOTTOM-21 {
    padding-bottom: 21px;
}
.ANIMATE-LEFT-MIN .HREF-ICON span.BOTTOM-21.TOP-PAUSE {
    padding-top: 6px;
    padding-bottom: 21px;

    font-size: 21px;
}

.FOOTER-MENU .GENRE,
.POSITION-SCROLL footer .GENRE {
    margin: 0;

    padding-top: 33px;
    padding-bottom: 33px;

    font-weight: 600;
}

.FOOTER-MENU .TEXT-CENTER {
    padding-bottom: 12px;
}

.FOOTER-MENU.BLACK-BACKGROUND a.LINK-BUTTON radius {
    color: white;
    background-color: transparent;
}
.FOOTER-MENU.BLACK-BACKGROUND a.LINK-BUTTON.COLOR2 radius {
    color: black;
    background-color: white;
}

.FOOTER-MENU.BLACK-BACKGROUND a.LINK-BUTTON.TRANSPARENT-NONE-PADDING.NEWLY-COLOR2,
.FOOTER-MENU.BLACK-BACKGROUND a.LINK-BUTTON.TRANSPARENT-NONE-PADDING.NEWLY-COLOR2:hover,
.FOOTER-MENU.BLACK-BACKGROUND p.NEWLY-COLOR2,
.FOOTER-MENU.BLACK-BACKGROUND a.LINK-BUTTON radius .NEWLY-COLOR2 {
    color: #81d8d0;
}

.FOOTER-MENU
.GENRE.BOTTOM-NONE,
.GENRE.BOTTOM-NONE {
    padding-bottom: 0px;
}

.answer.addition {
    padding-top: 33px;
}
.answer.addstyle {
    padding-bottom: 33px;
}



/* === === === === === === === === === ... ... ... === === === */
.ANIMATE-LEFT-MIN.NAVIGATION-NONE .HEIGHT-FIXED,
.ANIMATE-LEFT-MIN.NAVIGATION-NONE .HEIGHT-FIXED-SCROLL {
    height: 100vh;
}
.ANIMATE-LEFT-MIN.NAVIGATION-NONE .HEIGHT-FIXED-SCROLL {
    padding-bottom: 0;
}
.ANIMATE-LEFT-MIN.NAVIGATION-NONE .SCROLL-X {
    height: calc(100vh - 24px);
    padding-bottom: 60px;
}

    .NAVIGATION-NONE fixed {
        z-index: 4;
        position: absolute;

        right: calc(
                   calc(100% - 36px - 3px) / 2
               );
        bottom: 24px;
    }
    .NAVIGATION-NONE fixed a {
        width: 36px;
        height: 36px;
        border-radius: 36px;

        color: white;
        background-color: rgba(0, 0, 0, .75);

        text-align: center;
    }

click {
    width: 100%;
    display: block;
}

.SIZE-27 {
    font-size: 27px;
}



/* === === === === === === === === === ... ... ... === === === */
.ANIMATE-LEFT-MIN .HREF-ICON > a.SOLID-TRANSPARENT,
.ANIMATE-LEFT-MIN .HREF-LINK > a.SOLID-TRANSPARENT {
    border-bottom: 1px solid transparent;
}

.CLEAR.WEIXIN-CONTACT {
    padding: 12px 0;
}
.CLEAR.WEIXIN-CONTACT.PADDING-12 {
    padding: 12px 12px;
}

.CLEAR.WEIXIN-CONTACT DIALOGS.DIRECTION-LEFT,
.CLEAR.WEIXIN-CONTACT DIALOGS.DIRECTION-RIGHT {
    padding: 6px;

    width: 261.75px; auto;
    max-width: 100%;
}
.CLEAR.WEIXIN-CONTACT DIALOGS.DIRECTION-LEFT MIDDLE,
.CLEAR.WEIXIN-CONTACT DIALOGS.DIRECTION-RIGHT MIDDLE,
.CLEAR.WEIXIN-CONTACT DIALOGS.DIRECTION-RIGHT MIDDLE.WIDTH-2 {
    height: 90px;
}

.CLEAR.WEIXIN-CONTACT DIALOGS.DIRECTION-RIGHT MIDDLE.WIDTH-1 {
    width: calc(261.75px - 90px - 18px + 4px);
}

.CLEAR.WEIXIN-CONTACT DIALOGS.DIRECTION-LEFT MIDDLE img,
.CLEAR.WEIXIN-CONTACT DIALOGS.DIRECTION-RIGHT MIDDLE img {
    display: block;

    width: 90px;
    height: auto;

    border-radius: 0;
}
.CLEAR.WEIXIN-CONTACT DIALOGS.DIRECTION-LEFT MIDDLE img.radius,
.CLEAR.WEIXIN-CONTACT DIALOGS.DIRECTION-RIGHT MIDDLE img.radius {
    border-radius: 50%;
}

.CLEAR.WEIXIN-CONTACT DIALOGS.DIRECTION-LEFT MIDDLE p,
.CLEAR.WEIXIN-CONTACT DIALOGS.DIRECTION-RIGHT MIDDLE p {
    font-size: 21px;

    padding-left: 9px;
    padding-right: 3px;
}
.CLEAR.WEIXIN-CONTACT DIALOGS.DIRECTION-RIGHT MIDDLE p.LEFT-3 {
    padding-left: 3px;
    padding-right: 9px;
}

DIALOGS.DIRECTION-LEFT.COLOR2,
DIALOGS.DIRECTION-RIGHT.COLOR2 {
    color: white;
    background: black;
}

DIALOGS.DIRECTION-LEFT.COLOR2::before {
    border-right-color: black;
}
DIALOGS.DIRECTION-RIGHT.COLOR2::after {
    border-left-color: black;
}



.POSITION-SCROLL .WEIXIN-CONTACTS > p {
    margin: 0;
    font-size: 21px;
}
.POSITION-SCROLL .WEIXIN-CONTACTS > p span {
    display: block;
    font-size: 12px;
}

.FOOTER-MENU.BLACK-BACKGROUND a.LINK-BUTTON.TRANSPARENT-NONE-PADDING.PAUSE:hover {
    padding-left: 0;
    border-bottom: 1px solid transparent;
}



@media screen and (max-width: 767px) {
    .RADIUS-XL-CONTENT {
        background-image: url(official/block/radius.jpg);
    }



    .COLOR-BACKGROUND > div {
        padding-top: 0;
        padding-bottom: 0;
    }

    .POSITION-SCROLL .FONT-BOTTOM {
        padding-top: 12px;
    }

    .FOOTER-MENU .TEXT-RIGHT {
        padding-top: 36px;
    }
}

@media screen and (max-width: 500px) {
    .COVER-BACKGROUND {
        background-image: url(official/mobile.jpg);
    }
    .COVER-BACKGROUND > div {
        background-color: rgba(0, 0, 0, 0);
    }

    .FORM-BLOCK.PADDING-NONE ###button {
        color: #555;

        border-color: #c5e898;
        background-color: #c5e898;
    }



    #NOTEBOOK, #MASSEUSE, #MASSEUSE.BG-COVER {
        display: none;
    }

    LOGO blocks {
        margin-top: -75px;
    }
    LOGO blocks middle {
        height: 75px;
    }

    .FORM-BLOCK input, .FORM-BLOCK button {
        height: 39px;
        padding: 6px 12px;
    }

    .FORM-BLOCK.PADDING-NONE button {
        font-size: 15px;
    }
}

@media screen and (max-width: 360px) {
    .COLOR-CONVERSION.MIDDLE-SIZE MIDDLE {
        height: calc(215px - 48px);
        max-height: 215px;
    }
    .COLOR-CONVERSION.MIDDLE-SIZE img {
        max-width: 65px;
        border-radius: 65px;
    }
}

@media screen and (max-width: 320px) {
    .CLEAR.WEIXIN-CONTACT DIALOGS.DIRECTION-LEFT,
    .CLEAR.WEIXIN-CONTACT DIALOGS.DIRECTION-RIGHT {
        width: calc(136.92px + 18px + 75px);
    }

    .CLEAR.WEIXIN-CONTACT DIALOGS.DIRECTION-LEFT MIDDLE,
    .CLEAR.WEIXIN-CONTACT DIALOGS.DIRECTION-RIGHT MIDDLE,
    .CLEAR.WEIXIN-CONTACT DIALOGS.DIRECTION-RIGHT MIDDLE.WIDTH-2 {
        height: 75px;
    }
    .CLEAR.WEIXIN-CONTACT DIALOGS.DIRECTION-LEFT MIDDLE img,
    .CLEAR.WEIXIN-CONTACT DIALOGS.DIRECTION-RIGHT MIDDLE img {
        width: 75px;
    }

    .CLEAR.WEIXIN-CONTACT DIALOGS.DIRECTION-LEFT MIDDLE p,
    .CLEAR.WEIXIN-CONTACT DIALOGS.DIRECTION-RIGHT MIDDLE p {
        font-size: 18px;
    }

    .CLEAR.WEIXIN-CONTACT DIALOGS.DIRECTION-RIGHT MIDDLE.WIDTH-1 {
        width: calc(229.91px - 75px - 18px + 4px);
    }



    DIALOGS.WEIXIN-CONTACT.DIRECTION-LEFT MIDDLE p,
    DIALOGS.WEIXIN-CONTACT.DIRECTION-RIGHT MIDDLE p {
        font-size: 18px;
    }
}



/* === === === === === === === === === ... ... ... === === === */
LINE-BUTTON,
LINE-BUTTON-SM,
LINE-BUTTON-XS,
LINE-BUTTON-PT,
INDEX-BUTTON {
    clear: both;

    z-index: 4;
    position: fixed;

    right: 24px;
    bottom: 24px;

    background-color: #06c655;
}

LINE-BUTTON-PT,
INDEX-BUTTON {
    background-color: transparent;
}

INDEX-BUTTON MIDDLE {
    width: 42px;
    height: 42px;

    color: #333;
    background-color: pink;

    text-align: center;
}

LINE-BUTTON MIDDLE p,
LINE-BUTTON-SM MIDDLE p {
    margin: 0;

    color: white;
    font-weight: 500;
}

LINE-BUTTON.S-BOTTOM,
LINE-BUTTON-PT img,
INDEX-BUTTON MIDDLE {
    box-shadow: 3px 6px 9px rgba(0, 0, 0, .275);
}

INDEX-BUTTON MIDDLE.NONE-SHADOW {
    box-shadow: none;
}
/* === === === Style === === === === === === === === === */



LINE-BUTTON {
    padding: 3px 0px 3px 9px;
    border-radius: 6px;
}

LINE-BUTTON.BOTTOM-0,
LINE-BUTTON.S-BOTTOM {
    bottom: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

LINE-BUTTON.BOTTOM-0 {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}

LINE-BUTTON.S-BOTTOM,
LINE-BUTTON-PT.S-BOTTOM,
INDEX-BUTTON.S-BOTTOM {
    right: 9px;
    bottom: 9px;
}
LINE-BUTTON.S-BOTTOM {
    padding: 9px;

    border-top-left-radius: 0;
    border-top-right-radius: 0;

    background-color: white;
}

/* === === === Radius Style === */
LINE-BUTTON.S-BOTTOM,
LINE-BUTTON.S-BOTTOM MIDDLE img,
LINE-BUTTON-PT img,
INDEX-BUTTON MIDDLE {
    border-radius: 50%;
}

LINE-BUTTON-PT img {
    display: block;

    width: 42px;
    height: auto;
}
/* === End Radius Style === === === */

LINE-BUTTON MIDDLE {
    height: 33px;
}
LINE-BUTTON.S-BOTTOM MIDDLE {
    height: 36px;
}

LINE-BUTTON MIDDLE p {
    padding-left: 9px;

    padding-right: 9px;
    letter-spacing: 3px;

    font-size: 15px;
}

LINE-BUTTON MIDDLE img {
    display: block;
    max-width: 24px;
}
LINE-BUTTON.S-BOTTOM MIDDLE img {
    max-width: 36px;
}
/* === === === === === === === === === Style 01 === === === */



LINE-BUTTON-SM {
    right: 280px;

    padding: 0;
    border-radius: 9px;
}

LINE-BUTTON-SM MIDDLE {
    width: 100px;
    height: 100px;

    text-align: center;
}

LINE-BUTTON-SM MIDDLE p {
    font-size: 15px;
}
LINE-BUTTON-SM MIDDLE img {
    display: inline-block;
    max-width: 48px;
}
/* === === === === === === === === === Style 02 === === === */



LINE-BUTTON-XS {
    right: 180px;
    padding: 0;
}

LINE-BUTTON-XS,
LINE-BUTTON-XS MIDDLE img {
    border-radius: 50%;
}

LINE-BUTTON-XS MIDDLE {
    width: 50px;
    height: 50px;

    padding: 3px;

    text-align: center;
}

LINE-BUTTON-XS MIDDLE img {
    display: block;
    max-width: 48px;
}
/* === === === === === === === === === Style 03 === === === */



#WHATSAPP .bootstrap {
    padding-left: 12px;
    padding-right: 12px;

    border-bottom: 3px solid #25d366;
}

#WHATSAPP .bootstrap .middle {
    height: 48px;
}
#WHATSAPP .bootstrap .middle img {
    display: block;

    width: auto;
    height: 24px;
}

#WHATSAPP .bootstrap .middle a.color2 {
    color: #333;
    font-size: 21px;
}



#WHATSAPP .middle.max {
    width: 100%;
    height: calc(100vh - 51px);
}



#LINE .middle.max p,
#WHATSAPP .middle.max p {
    font-size: 18px;
}
#LINE .middle.max p.final,
#WHATSAPP .middle.max p.final {
    margin-bottom: 0;
}
#LINE .middle.max p span,
#WHATSAPP .middle.max p span {
    display: block;
    font-size: 15px;
}



#WHATSAPP .middle.max .href {
    clear: both;
}
#WHATSAPP .middle.max .href a {
    width: 100%;

    min-width: 240px;
    max-width: 324px;

    height: 48px;
    display: table-cell;
    vertical-align: middle;

    border-radius: 5px;

    font-size: 18px;
    font-weight: 600;
    text-align: center;
}
#WHATSAPP .middle.max .href a.color-a {
    border: 1px solid #25d366;

    color: white;
    background-color: #25d366;
}

#WHATSAPP .middle.max img,
#LINE .middle.max img {
    width: 181px;
    height: auto;

    padding: 6px;

    border: 1px solid #ccc;
    border-radius: 10px;
}

#LINE .middle.max img {
    width: 181px; 125px;
    border-radius: 181px; 125px;
}



#WHATSAPP .middle.max a.RADIUS-WHATSAPP,
#LINE .middle.max a.RADIUS-LINE {
    display: inline-block;

    padding: 12px 39px;

    font-size: 16.5px;
    font-weight: 500;
    text-align: center;
}

#WHATSAPP .middle.max a.RADIUS-WHATSAPP,
#LINE .middle.max a.RADIUS-LINE {
    color: #fff;
}

#WHATSAPP .middle.max a.RADIUS-WHATSAPP {
    background: #128c7e;
    border-radius: 39px;
}
#LINE .middle.max a.RADIUS-LINE {
    background: #07b53b;
    border-radius: 6px;
}



#WHATSAPP .middle.max a.RADIUS-SIZE {
    width: 100%;
    min-width: 240px;
    max-width: 324px;

    height: 48px;
    display: table-cell;
    vertical-align: middle;

    border-radius: 48px;

    color: white;
    border: 1px solid #128c7e;
    background-color: #128c7e;

    font-size: 18px;
    font-weight: 600;
    text-align: center;

    /* === === === Style 02 === === === === === === === === ===

    display: inline-block;

    color: #fff;
    background: #128c7e;

    padding: 15px 36px;
    border-radius: 36px;

    font-size: 16.5px;
    font-weight: 500;
    text-align: center;

    === End === === === Style 02 === === === === === === === === === */
}
/* === === === === === === === === === Whatsapp === === === */



#BOTTOM a {
    animation-name: fadeIn;
    -webkit-animation-name: fadeIn;
}

#BOTTOM a.DURATION-1S, i.DURATION-1S {
    animation-duration: 1s;
    -webkit-animation-duration: 1s;
}
#BOTTOM a.DURATION-2S, i.DURATION-2S {
    animation-duration: 1.5s;
    -webkit-animation-duration: 1.5s;
}
#BOTTOM a.DURATION-3S, i.DURATION-3S {
    animation-duration: 2s;
    -webkit-animation-duration: 2s;
}

i.DURATION-4 {
    animation-duration: 1.35s;
    -webkit-animation-duration: 1.35s;
}
i.DURATION-5 {
    animation-duration: 2.15s;
    -webkit-animation-duration: 2.15s;
}
i.DURATION-6 {
    animation-duration: 2.85s;
    -webkit-animation-duration: 2.85s;
}



.CLICK .ABSOLUTES a.COLOR-LINK,
.CLICK .ABSOLUTES a.COLOR-LINK:hover,
.CLICK-FIXED .ABSOLUTES a.COLOR-LINK,
.CLICK-FIXED .ABSOLUTES a.COLOR-LINK:hover {
    display: block;

    width: 100%;

    padding-top: 0;
    padding-bottom: 12px;

    padding-left: 0;
    padding-right: 0;
    letter-spacing: 0;

    color: black;
    background-color: transparent;

    text-align: center;
}

.CLICK .ABSOLUTES a.COLOR-LINK,
.CLICK-FIXED .ABSOLUTES a.COLOR-LINK {
    font-size: 18px;
}
.CLICK .ABSOLUTES a.COLOR-LINK:hover,
.CLICK-FIXED .ABSOLUTES a.COLOR-LINK:hover {
    font-size: 24px;

    padding-left: 3px;
    letter-spacing: 3px;
}

.CLICK .ABSOLUTES .FONT,
.CLICK-FIXED .ABSOLUTES .FONT {
    margin: 0;
    padding-bottom: 12px;

    font-size: 27px;

    padding-left: 3px;
    letter-spacing: 3px;

    font-weight: 600;
}

/* === === === ... ... ... === === === */

middle.width33,
middle.width45 {
    color: black;
    background-color: white;

    text-align: center;
}

middle.auto33,
middle.auto45 {
    width: auto;
}

/* === === === ... ... ... === === === */

middle.auto33,
middle.width33 {
    height: 33px;
}

middle.width33 {
    width: 33px;
    border-radius: 33px;
}

/* === === === ... ... ... === === === */

middle.auto45,
middle.width45 {
    height: 45px;
}

middle.width45 {
    width: 45px;
    border-radius: 45px;
}

/* === === === ... ... ... === === === */

middle.auto33 text,
middle.width33 text {
    display: block;
}

middle.auto33 text {
    width: 360px;
    max-width: calc(360px - 33px - 24px);

    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
middle.width33 text {
    min-width: 33px;
}

/* === === === ... ... ... === === === */

.SMALL-FONT div {
    clear: both;
}

.SMALL-FONT div.OPEN-BOTTOM {
    padding-bottom: 12px;
}

.SMALL-FONT p {
    font-size: 15px;
}
.SMALL-FONT p.NONE-TOP {
    margin-top: 0;
}
.SMALL-FONT p.NONE-BOTTOM {
    margin-bottom: 0;
}

.SMALL-FONT hr {
    margin-top: 18px;
    margin-bottom: 18px;

    height: 1px;

    border: 0;
    background-color: rgba(255, 255, 255, .285);
}

@media screen and (max-width: 320px) {
    middle.auto33 text {
        width: 100%;
        max-width: calc(100vw - 33px - 24px);
    }
}
/* === === === === === === === === === Bottom === === === */



.INFO-FRAME.WHITES > .SEPARATOR {
    border-bottom: 1px dashed white;
}
.INFO-FRAME.WHITES > .PRICE {
    color: white;
}

.INFO-FRAME.WHITES TRANSPARENT {
    color: transparent;
}
/* === === === === === === === === === Old Source === === === */



#FOOTER
#HOT-VID {
    clear: both;
    padding: 0 0 0 0;
}
#HOT-VID > div {
    padding: 18px 18px;
}

#HOT-VID .SIZE-1 {
    margin: 0;

    font-size: 39px;
    line-height: 1;
    text-align: center;
}
#HOT-VID .SIZE-2 {
    font-size: 18px;

    width: 100%;
    max-width: 500px;

    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
#HOT-VID .SIZE-3 {
    padding-top: 12px;
    padding-bottom: 12px;

    font-size: 15px;
}

#HOT-VID .VID-CSS {
    position: relative;

    height: 0;
    overflow: hidden;

    padding-top: 0;
    padding-bottom: 175%;

    /* === === === === === === === === ===
    padding-bottom: 56.6%; YouTube Size
    padding-bottom: 175%;  TikTok Size
    === === === === === === === === === */

    background: none;

    border-top-left-radius: 9px;
    border-top-right-radius: 9px;

    border-bottom-left-radius: 9px;
    border-bottom-right-radius: 9px;

    box-shadow: 0px 0px 12px 0px rgba(255, 255, 255, .5); none;
}

#HOT-VID .VID-CSS.TIKTOK {
    padding-bottom: 175%;
}

#HOT-VID video,
#HOT-VID iframe {
    position: absolute;

    top: 0;
    left: 0;

    width: 100%;
    height: 100%;
}

#HOT-VID video {
    z-index: -1;
}
#HOT-VID iframe {
    z-index: 0;
}
/* === === === === === === === === === Old Source：Video === === === */