.MainHeaderDesktop.jsx-573694529 {
    padding-top: 30px;
    padding-bottom: 30px;
    position: relative;
    z-index: 25;
}

.MainHeaderDesktop.jsx-573694529 .logo {
    -webkit-flex: 0 0 21%;
    -ms-flex: 0 0 21%;
    flex: 0 0 21%;
    max-width: 21%;
}

.MainHeaderDesktop.jsx-573694529 .search {
    -webkit-flex: 0 0 62.3%;
    -ms-flex: 0 0 62.3%;
    flex: 0 0 62.3%;
    max-width: 62.3%;
}

.SearchWrap.jsx-573694529 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    min-height: 32px;
}

.MemberWrap.jsx-573694529 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.SubMenuWrap.jsx-573694529 {
    position: absolute;
    left: 0;
    right: 0;
    top: 93px;
    z-index: 22;
    height: 0;
    overflow: hidden;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.SubMenuWrap.open.jsx-573694529 {
    height: 542px;
}


.li.jsx-1560033539 a.jsx-1560033539 {
    padding: 10px 8.7px;
    color: #000;
    display: block;
    text-align: center;
}

@media (hover: hover) {
    .li.jsx-1560033539 a.jsx-1560033539:hover {
        color: #f70000;
    }
}

.li.active.jsx-1560033539 a.jsx-1560033539 {
    background-color: #f70000;
    color: #fff;
}

.li.active.jsx-1560033539 a.jsx-1560033539:hover {
    color: #fff;
}


.li.jsx-3063308867 a.jsx-3063308867 {
    padding: 10px 8.7px;
    color: #000;
    display: block;
    text-align: center;
}

@media (hover: hover) {
    .li.jsx-3063308867 a.jsx-3063308867:hover {
        color: #FB4F00;
    }
}

.li.active.jsx-3063308867 a.jsx-3063308867 {
    background-color: #FB4F00;
    color: #fff;
}

.li.active.jsx-3063308867 a.jsx-3063308867:hover {
    color: #fff;
}


.li.jsx-2027901635 a.jsx-2027901635 {
    padding: 10px 8.7px;
    color: #000;
    display: block;
    text-align: center;
}

@media (hover: hover) {
    .li.jsx-2027901635 a.jsx-2027901635:hover {
        color: #5640fd;
    }
}

.li.active.jsx-2027901635 a.jsx-2027901635 {
    background-color: #5640fd;
    color: #fff;
}

.li.active.jsx-2027901635 a.jsx-2027901635:hover {
    color: #fff;
}


.li.jsx-2271696899 a.jsx-2271696899 {
    padding: 10px 8.7px;
    color: #000;
    display: block;
    text-align: center;
}

@media (hover: hover) {
    .li.jsx-2271696899 a.jsx-2271696899:hover {
        color: #1db748;
    }
}

.li.active.jsx-2271696899 a.jsx-2271696899 {
    background-color: #1db748;
    color: #fff;
}

.li.active.jsx-2271696899 a.jsx-2271696899:hover {
    color: #fff;
}


.li.jsx-2939420547 a.jsx-2939420547 {
    padding: 10px 8.7px;
    color: #000;
    display: block;
    text-align: center;
}

@media (hover: hover) {
    .li.jsx-2939420547 a.jsx-2939420547:hover {
        color: #0741a7;
    }
}

.li.active.jsx-2939420547 a.jsx-2939420547 {
    background-color: #0741a7;
    color: #fff;
}

.li.active.jsx-2939420547 a.jsx-2939420547:hover {
    color: #fff;
}


.li.jsx-4086506115 a.jsx-4086506115 {
    padding: 10px 8.7px;
    color: #000;
    display: block;
    text-align: center;
}

@media (hover: hover) {
    .li.jsx-4086506115 a.jsx-4086506115:hover {
        color: #00acf4;
    }
}

.li.active.jsx-4086506115 a.jsx-4086506115 {
    background-color: #00acf4;
    color: #fff;
}

.li.active.jsx-4086506115 a.jsx-4086506115:hover {
    color: #fff;
}


.li.jsx-757620355 a.jsx-757620355 {
    padding: 10px 8.7px;
    color: #000;
    display: block;
    text-align: center;
}

@media (hover: hover) {
    .li.jsx-757620355 a.jsx-757620355:hover {
        color: #9f35d5;
    }
}

.li.active.jsx-757620355 a.jsx-757620355 {
    background-color: #9f35d5;
    color: #fff;
}

.li.active.jsx-757620355 a.jsx-757620355:hover {
    color: #fff;
}


.li.jsx-64817411 a.jsx-64817411 {
    padding: 10px 8.7px;
    color: #000;
    display: block;
    text-align: center;
}

@media (hover: hover) {
    .li.jsx-64817411 a.jsx-64817411:hover {
        color: #ff9700;
    }
}

.li.active.jsx-64817411 a.jsx-64817411 {
    background-color: #ff9700;
    color: #fff;
}

.li.active.jsx-64817411 a.jsx-64817411:hover {
    color: #fff;
}


.li.jsx-725620227 a.jsx-725620227 {
    padding: 10px 8.7px;
    color: #000;
    display: block;
    text-align: center;
}

@media (hover: hover) {
    .li.jsx-725620227 a.jsx-725620227:hover {
        color: #ffae00;
    }
}

.li.active.jsx-725620227 a.jsx-725620227 {
    background-color: #ffae00;
    color: #fff;
}

.li.active.jsx-725620227 a.jsx-725620227:hover {
    color: #fff;
}


.li.jsx-1288181763 a.jsx-1288181763 {
    padding: 10px 8.7px;
    color: #000;
    display: block;
    text-align: center;
}

@media (hover: hover) {
    .li.jsx-1288181763 a.jsx-1288181763:hover {
        color: #2772af;
    }
}

.li.active.jsx-1288181763 a.jsx-1288181763 {
    background-color: #2772af;
    color: #fff;
}

.li.active.jsx-1288181763 a.jsx-1288181763:hover {
    color: #fff;
}


.NavIconDesktop.jsx-3817326856 {
    width: 20px;
    height: 15px;
    position: relative;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    cursor: pointer;
    display: block;
    margin: 0 auto;
}

.NavIconDesktop.jsx-3817326856 span.jsx-3817326856 {
    display: block;
    position: absolute;
    height: 2px;
    width: 100%;
    background: #000;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
}

.isDesktop .NavIconDesktop.jsx-3817326856 span.jsx-3817326856 {
    border-radius: 9px;
}

.isDesktop .NavIconDesktop.open.jsx-3817326856 span.jsx-3817326856 {
    background-color: #f70000;
}

.NavIconDesktop.jsx-3817326856 span.jsx-3817326856:nth-child(1) {
    top: 0px;
}

.NavIconDesktop.jsx-3817326856 span.jsx-3817326856:nth-child(2),
.NavIconDesktop.jsx-3817326856 span.jsx-3817326856:nth-child(3) {
    top: 6px;
}

.NavIconDesktop.jsx-3817326856 span.jsx-3817326856:nth-child(4) {
    top: 12px;
}

.NavIconDesktop.open.jsx-3817326856 span.jsx-3817326856:nth-child(1) {
    top: 6px;
    width: 0%;
    left: 50%;
}

.NavIconDesktop.open.jsx-3817326856 span.jsx-3817326856:nth-child(2) {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.NavIconDesktop.open.jsx-3817326856 span.jsx-3817326856:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.NavIconDesktop.open.jsx-3817326856 span.jsx-3817326856:nth-child(4) {
    top: 18px;
    width: 0%;
    left: 50%;
}


.SubMenuList.jsx-3455966818 {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 0 30px;
    border-left: 1px solid #979797;
}

.SubMenuList.jsx-3455966818:first-child {
    border-left: none;
}

.SubMenuList.jsx-3455966818 strong.jsx-3455966818 {
    font-family: prompt, prompt-fallback;
    font-weight: 700;
    font-size: 1.25rem;
    margin-bottom: 20px;
}

.SubMenuList.jsx-3455966818 ul.jsx-3455966818 li.jsx-3455966818 {
    padding: 5px 0;
}

.SubMenuList.jsx-3455966818 ul.jsx-3455966818 a.jsx-3455966818 {
    font-family: prompt, prompt-fallback;
    font-weight: 400;
    font-size: 1rem;
    color: #000;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
    position: relative;
    padding-right: 15px;
}

.SubMenuList.jsx-3455966818 ul.jsx-3455966818 a.jsx-3455966818:hover {
    color: #f70000;
}

.SubMenuList.jsx-3455966818 ul.jsx-3455966818 a.jsx-3455966818:hover i.jsx-3455966818 {
    -webkit-transform: translate(5px, -50%);
    -ms-transform: translate(5px, -50%);
    transform: translate(5px, -50%);
    opacity: 1;
}

.SubMenuList.jsx-3455966818 ul.jsx-3455966818 a.jsx-3455966818 i.jsx-3455966818 {
    font-size: 0.75rem;
    color: #f70000;
    margin-left: 10px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
    opacity: 0;
}


.Contact.jsx-1730690246 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.Contact.jsx-1730690246 a.jsx-1730690246 {
    font-family: prompt, prompt-fallback;
    font-weight: 400;
    font-size: 0.75rem;
    border: 1px solid #c3c3c3;
    border-radius: 3px;
    background-color: #fff;
    color: #000;
    padding: 10px 15px;
    margin-right: 10px;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.Contact.jsx-1730690246 a.jsx-1730690246:hover {
    color: #fff;
    border-color: #6d6d6d;
    background-color: #6d6d6d;
}

.Social.jsx-372240253 li.jsx-372240253 {
    padding: 0 7px;
}





.isDesktop Social.jsx-372240253 .jsx-372240253 {
    background-color: #000;
}

.isMobile .SocialSubMenu .Social.jsx-372240253 {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
}

.isMobile .Social.jsx-372240253 {
    margin: 0 -10px;
}

.isMobile .Social.jsx-372240253 li.jsx-372240253 {
    padding: 0 8px;
    margin-bottom: 10px;
}

.isMobile .Social.jsx-372240253 li.jsx-372240253 a.jsx-372240253 {
    width: 35px;
    height: 35px;
}

.isMobile .Social.jsx-372240253 li.jsx-372240253 i.jsx-372240253 {
    font-size: 1.3em;
}


.SocialSubMenu.jsx-1179295980 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.SocialSubMenu.jsx-1179295980 b.jsx-1179295980 {
    font-family: prompt, prompt-fallback;
    font-weight: 400;
    font-size: 0.75rem;
    margin-right: 10px;
}

.SocialSubMenu.jsx-1179295980 .Social {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.isMobile .SocialSubMenu.jsx-1179295980 {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.isMobile .SocialSubMenu.jsx-1179295980 b.jsx-1179295980 {
    font-size: 1rem;
    font-family: prompt, prompt-fallback;
    font-weight: 600;
    flex: 0 0 100%;
    margin-right: 0;
    margin-bottom: 10px;
}


.Subscribe.jsx-2242877975 label.jsx-2242877975 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 0;
    position: relative;
}

.Subscribe.jsx-2242877975 input.jsx-2242877975 {
    width: 150px;
    height: 35px;
    font-family: prompt, prompt-fallback;
    font-weight: 400;
    ;
    font-size: 0.8125rem;
    ;
    color: #000;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    border: solid 1px #c4c4c4;
    padding: 0 10px;
    background: transparent;
}

.Subscribe.jsx-2242877975 input.jsx-2242877975::-webkit-input-placeholder {
    color: #999;
}

.Subscribe.jsx-2242877975 input.jsx-2242877975::-moz-placeholder {
    color: #999;
}

.Subscribe.jsx-2242877975 input.jsx-2242877975:-ms-input-placeholder {
    color: #999;
}

.Subscribe.jsx-2242877975 input.jsx-2242877975::placeholder {
    color: #999;
}

.Subscribe.jsx-2242877975 input.jsx-2242877975:focus {
    outline: none;
    background: transparent;
}

@media (min-width: 1200px) {
    .Subscribe.jsx-2242877975 input.jsx-2242877975 {
        width: 170px;
    }
}

.Subscribe.jsx-2242877975 input.jsx-2242877975:-internal-autofill-selected {
    -webkit-box-shadow: 0 0 0px 1000px #fff inset;
}

.Subscribe.jsx-2242877975 button.jsx-2242877975 {
    width: 85px;
    height: 34px;
    font-family: prompt, prompt-fallback;
    font-weight: 400;
    ;
    font-size: 0.75rem;
    ;
    color: #fff;
    background-color: #f70000;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border: solid 1px #f70000;
    padding: 0;
    cursor: pointer;
}

.Subscribe.jsx-2242877975 button.jsx-2242877975:focus {
    outline: none;
}

@media (min-width: 1200px) {
    .Subscribe.jsx-2242877975 button.jsx-2242877975 {
        font-size: 0.8125rem;
        ;
        width: 90px;
        height: 35px;
    }
}

.Subscribe.jsx-2242877975 span.jsx-2242877975 {
    display: block;
    color: #f70000;
    font-family: prompt, prompt-fallback;
    font-weight: 400;
    ;
    font-size: 0.6875rem;
    ;
    position: absolute;
    top: 40px;
    left: 0;
    text-align: left;
    line-height: 1.2;
}

.Subscribe.jsx-2242877975 strong.jsx-2242877975 {
    display: block;
    color: #3d3d3d;
    font-family: prompt, prompt-fallback;
    font-weight: 400;
    ;
    font-size: 0.6875rem;
    ;
    position: absolute;
    top: 40px;
    left: 0;
    text-align: left;
    line-height: 1.2;
}

.Subscribe.active.jsx-2242877975 input.jsx-2242877975 {
    background: transparent;
}

.Subscribe.SubscribeDone.jsx-2242877975 input.jsx-2242877975 {
    border: solid 1px #3d3d3d;
    background: #f8f9fa;
}

.Subscribe.SubscribeDone.jsx-2242877975 button.jsx-2242877975 {
    background-color: #3d3d3d;
    border: solid 1px #3d3d3d;
}

.Subscribe.SubscribeDone.jsx-2242877975 button.jsx-2242877975>.sn-icon.jsx-2242877975 {
    font-size: 0.6875rem;
    ;
    margin-right: 5px;
}

.Subscribe.jsx-2242877975 .active.jsx-2242877975 {
    outline: none;
    border: solid 1px #ed7676;
}

.Subscribe.jsx-2242877975 .active.jsx-2242877975+button.jsx-2242877975 {
    background-color: #ed7676;
    border: solid 1px #ed7676;
}

.Subscribe.jsx-2242877975 .active.jsx-2242877975+button.jsx-2242877975+span.jsx-2242877975 {
    display: block;
    color: #e21616;
    font-family: prompt, prompt-fallback;
    font-weight: 400;
    ;
    font-size: 0.6875rem;
    ;
    position: absolute;
    top: 40px;
    left: 0;
}

.isMobile .Subscribe.jsx-2242877975 {
    margin-bottom: 10px;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
}

.isMobile .Subscribe.jsx-2242877975 input.jsx-2242877975 {
    font-size: 1rem;
    ;
    width: calc(100% - 50px);
    border-radius: 2px 0 0 2px;
    border-right: 0;
}

.isMobile .Subscribe.jsx-2242877975 label.jsx-2242877975 {
    width: 100%;
}

.isMobile .Subscribe.jsx-2242877975 button.jsx-2242877975 {
    width: 50px;
    height: 35px;
}


.SubscribeSubMenu.jsx-2375530725 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.SubscribeSubMenu.jsx-2375530725 b.jsx-2375530725 {
    font-family: prompt, prompt-fallback;
    font-weight: 400;
    font-size: 0.75rem;
    margin-right: 10px;
}

.isMobile .SubscribeSubMenu.jsx-2375530725 {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 20px;
}

.isMobile .SubscribeSubMenu.jsx-2375530725 b.jsx-2375530725 {
    font-size: 1rem;
    font-family: prompt, prompt-fallback;
    font-weight: 600;
    flex: 0 0 100%;
    margin-right: 0;
    margin-bottom: 10px;
}


.SubMenuFooter.jsx-362518222 {
    padding: 20px 0 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}


.LegalAndCopyright.jsx-2167023475 {
    font-family: prompt, prompt-fallback;
    font-weight: 600;
    ;
    font-size: 0.6875rem;
    ;
    height: 48px;
    width: 100%;
    background-color: #f8f9fa;
    bottom: 0;
    left: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.LegalAndCopyright.jsx-2167023475 a.jsx-2167023475 {
    -webkit-text-decoration: underline;
    text-decoration: underline;
    color: #6d6d6d;
    margin-right: 20px;
    -webkit-transition: 0.3s all ease-out;
    transition: 0.3s all ease-out;
}

.LegalAndCopyright.jsx-2167023475 a.jsx-2167023475:hover {
    color: #000;
}


.SubMenuDesktop.jsx-2607885124 {
    background-color: #fff;
    box-shadow: 0 10px 10px #c3c3c3;
}

.SubMenuListRow.jsx-2607885124 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 30px 0;
}

.MainMenuDesktop.jsx-200851831 {
    position: relative;
    z-index: 22;
}

.MainMenuDesktop.jsx-200851831 .container.jsx-200851831 {
    z-index: 24;
}

.MainMenuDesktop.jsx-200851831 ul.jsx-200851831 {
    font-family: prompt, prompt-fallback;
    font-weight: 400;
    font-size: 0.9375rem;
    display: flex;
    border-bottom: 5px solid #f70000;
    border-color: #f70000;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.MainMenuDesktop.jsx-200851831 ul.jsx-200851831 li.jsx-200851831 {
    padding: 10px;
}

.MainMenuDesktop.jsx-200851831 ul.jsx-200851831 li.jsx-200851831 span.jsx-200851831 {
    display: block;
    text-align: center;
}

.MainMenuDesktop.jsx-200851831 ul.jsx-200851831 li.isToggleDropdown.jsx-200851831 {
    margin-left: auto;
}

.MainMenuDesktop.jsx-200851831 .SubMenuWrap.jsx-200851831 {
    position: absolute;
    left: 0;
    right: 0;
    top: 47px;
    z-index: 22;
    height: 0;
    overflow: hidden;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.MainMenuDesktop.jsx-200851831 .SubMenuWrap.open.jsx-200851831 {
    height: 542px;
    overflow: visible;
}

.MainMenuDesktop.jsx-200851831 .OverlayBG.jsx-200851831 {
    background-color: rgba(255, 255, 255, 0.7);
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 15;
}


html.channelMenuDesktopOpened .fullLayout {
    height: 956px;
    overflow: hidden;
    position: relative;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
}

.fullLayout {
    min-height: 100vh;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.MainFooterDesktop {
    margin-top: auto;
}


.BoxMain.jsx-69972156 {
    height: 45px;
}

.BoxMain.jsx-69972156 .title.jsx-69972156 {
    font-family: prompt, prompt-fallback;
    font-weight: 600;
    ;
    font-size: 1.875rem;
    ;
    color: #000;
    -webkit-letter-spacing: -0.2px;
    -moz-letter-spacing: -0.2px;
    -ms-letter-spacing: -0.2px;
    letter-spacing: -0.2px;
    line-height: 46px;
    margin-right: 15px;
}

.BoxMain.jsx-69972156 .date.jsx-69972156 {
    font-family: prompt, prompt-fallback;
    font-weight: 400;
    ;
    font-size: 0.8125rem;
    ;
    color: #505050;
    line-height: 19px;
}


.BtnLink.jsx-2748509666 {
    box-sizing: border-box;
    display: block;
    background: #a147f0;
    font-family: sukhumvit, sukhumvit-fallback;
    font-weight: 400;
    font-size: 1.0625rem;
    color: #fff;
    line-height: 45px;
    height: 45px;
    border-radius: 25px;
    margin-left: 10px;
    padding: 0px 25px;
    overflow: hidden;
    cursor: pointer;
}

.BtnLink.BtnPrompt.jsx-2748509666 {
    font-family: prompt, prompt-fallback;
    font-weight: 600;
    font-size: 0.9375rem;
    font-style: italic;
    text-shadow: 1px 1px rgba(0, 0, 0, 0.2);
}

.BtnLink.jsx-2748509666 strong.jsx-2748509666 {
    font-family: sukhumvit, sukhumvit-fallback;
    font-weight: 700;
    margin: 0 5px;
}

.BtnLink.jsx-2748509666 span.jsx-2748509666 {
    -webkit-text-decoration: underline;
    text-decoration: underline;
}

.BtnLink.jsx-2748509666 i.jsx-2748509666,
.BtnLink.jsx-2748509666 img.jsx-2748509666 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 2.125rem;
    float: left;
    height: 45px;
    position: relative;
    left: -10px;
}

.BtnLink.choice.jsx-2748509666 {
    padding-left: 20px;
}

.BtnLink.choice.jsx-2748509666 i.jsx-2748509666 {
    font-size: 2.875rem;
    ;
}

.BtnLink.findLN.jsx-2748509666 img.jsx-2748509666 {
    height: 43px;
    top: 1px;
    left: -15px;
    margin-right: -12px;
    -webkit-filter: drop-shadow(2px 2px 1px rgba(0, 0, 0, 0.25));
    filter: drop-shadow(2px 2px 1px rgba(0, 0, 0, 0.25));
}

.BtnLink.motorExpo.jsx-2748509666 {
    padding: 0 15px;
}

.BtnLink.motorExpo.jsx-2748509666 img.jsx-2748509666 {
    height: 38px;
    top: 2px;
    left: -5px;
}


.BtnLink.jsx-2790935723 {
    box-sizing: border-box;
    display: block;
    background: linear-gradient(#f5a100, #c65502);
    font-family: sukhumvit, sukhumvit-fallback;
    font-weight: 400;
    font-size: 1.0625rem;
    color: #fff;
    line-height: 45px;
    height: 45px;
    border-radius: 25px;
    margin-left: 10px;
    padding: 0px 25px;
    overflow: hidden;
    cursor: pointer;
}

.BtnLink.BtnPrompt.jsx-2790935723 {
    font-family: prompt, prompt-fallback;
    font-weight: 600;
    font-size: 0.9375rem;
    font-style: italic;
    text-shadow: 1px 1px rgba(0, 0, 0, 0.2);
}

.BtnLink.jsx-2790935723 strong.jsx-2790935723 {
    font-family: sukhumvit, sukhumvit-fallback;
    font-weight: 700;
    margin: 0 5px;
}

.BtnLink.jsx-2790935723 span.jsx-2790935723 {
    -webkit-text-decoration: underline;
    text-decoration: underline;
}

.BtnLink.jsx-2790935723 i.jsx-2790935723,
.BtnLink.jsx-2790935723 img.jsx-2790935723 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 2.125rem;
    float: left;
    height: 45px;
    position: relative;
    left: -10px;
}

.BtnLink.choice.jsx-2790935723 {
    padding-left: 20px;
}

.BtnLink.choice.jsx-2790935723 i.jsx-2790935723 {
    font-size: 2.875rem;
    ;
}

.BtnLink.findLN.jsx-2790935723 img.jsx-2790935723 {
    height: 43px;
    top: 1px;
    left: -15px;
    margin-right: -12px;
    -webkit-filter: drop-shadow(2px 2px 1px rgba(0, 0, 0, 0.25));
    filter: drop-shadow(2px 2px 1px rgba(0, 0, 0, 0.25));
}

.BtnLink.motorExpo.jsx-2790935723 {
    padding: 0 15px;
}

.BtnLink.motorExpo.jsx-2790935723 img.jsx-2790935723 {
    height: 38px;
    top: 2px;
    left: -5px;
}


.BoxBtn.jsx-1740738051 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}


.HighlightEventBar.jsx-2635223448 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 65px;
    margin-top: 18px;
    margin-bottom: 15px;
}


.AdCentering.jsx-903694447 [data-google-query-id] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
}

.AdCentering.jsx-903694447 [data-google-query-id]>*.jsx-903694447 {
    margin-left: auto;
    margin-right: auto;
}


.AdLeaderboardWrapper.jsx-3559090572 [data-google-query-id] {
    margin-bottom: 20px;
}

.Logo.jsx-4262300604 {
    margin: 0 5px 0 0;
    background-image: url('../images/logo-sanook-n.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 200px;
    height: 33px;
    display: inline-block;
}

.row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.SynergyList.jsx-3479970660 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 0 0 40px;
}

a.jsx-1800632037 {
    font-family: sukhumvit, sukhumvit-fallback;
    font-weight: 400;
    font-size: 0.75rem;
    color: #3d3d3d;
    display: block;
    line-height: 26px;
    position: relative;
    padding-left: 32px;
}

a.jsx-1800632037 span.jsx-1800632037 {
    width: 26px;
    height: 26px;
    display: inline-block;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 0;
}

a.jsx-1800632037 img.jsx-1800632037 {
    width: 22px;
    position: absolute;
    top: 40%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.comic.jsx-1800632037 a.jsx-1800632037 img.jsx-1800632037 {
    width: 100%;
}

.row>div[class^=col-]:last-child {
    padding-right: 0;
}

.Member.jsx-2034192219 .NotLogin.jsx-2034192219 a.jsx-2034192219 {
    color: #000;
    padding: 0 10px;
}

.Logo.jsx-4262300604 a.jsx-4262300604 {
    display: block;
    text-indent: -9999px;
    height: 100%;
}


.LogoFooter.jsx-483615611 {
    margin: 0;
    background-image: url('../images/logo-sanook-n.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 146px;
    height: 24px;
    display: inline-block;
}

.LogoFooter.jsx-483615611 a.jsx-483615611 {
    display: block;
    text-indent: -9999px;
    height: 100%;
}


.Copyright.jsx-3545829000 {
    font-family: prompt, prompt-fallback;
    font-weight: 600;
    ;
    font-size: 0.9375rem;
    ;
    color: #000;
    margin: 15px 0 10px;
}

.isMobile .Copyright.jsx-3545829000 {
    font-size: 0.8125rem;
    ;
}


.LegalList.jsx-1761656190 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-left: 10px;
}

.LegalList.jsx-1761656190 li.jsx-1761656190:first-child a.jsx-1761656190 {
    padding-left: 0;
}

.LegalList.jsx-1761656190 li.jsx-1761656190:first-child a.jsx-1761656190:after {
    background-color: transparent;
}

.LegalList.jsx-1761656190 a.jsx-1761656190 {
    font-family: prompt, prompt-fallback;
    font-weight: 400;
    ;
    font-size: 0.75rem;
    ;
    color: #6d6d6d;
    position: relative;
    padding: 0 9px;
    text-decoration: none;
}

.LegalList.jsx-1761656190 a.jsx-1761656190:after {
    content: '';
    width: 1px;
    height: 13px;
    background-color: #cfcfcf;
    display: block;
    position: absolute;
    top: 2px;
    left: 0;
}

.LegalList.jsx-1761656190 a.jsx-1761656190:hover {
    color: #000;
}

.isMobile .LegalList.jsx-1761656190 {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.isMobile .LegalList.jsx-1761656190 li.jsx-1761656190 a.jsx-1761656190 {
    padding: 0 11px;
    margin: 3px 0;
    display: inline-block;
}


.ContactsList.jsx-3238760840 {
    margin-bottom: 10px;
}

.ContactsList.jsx-3238760840 li.jsx-3238760840 {
    display: block;
    margin-bottom: 5px;
}

.ContactsList.jsx-3238760840 li.jsx-3238760840 a.jsx-3238760840 {
    font-family: prompt, prompt-fallback;
    font-weight: 400;
    ;
    font-size: 0.8125rem;
    ;
    color: #6d6d6d;
}

.ContactsList.jsx-3238760840 li.jsx-3238760840 a.jsx-3238760840:hover {
    color: #000;
}

.isMobile .ContactsList.jsx-3238760840 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: space-around;
    -webkit-justify-content: space-around;
    -ms-flex-pack: space-around;
    justify-content: space-around;
}

.isMobile .ContactsList.jsx-3238760840 li.jsx-3238760840 {
    margin-bottom: 0;
}

.isMobile .ContactsList.jsx-3238760840 li.jsx-3238760840 a.jsx-3238760840 {
    font-size: 0.875rem;
    ;
    display: inline-block;
    padding: 10px 20px;
    border-radius: 5px;
    background-color: #3d3d3d;
    border: solid 1px #3d3d3d;
    color: #fff;
}

@media (max-width: 375px) {
    .isMobile .ContactsList.jsx-3238760840 li.jsx-3238760840 a.jsx-3238760840 {
        padding: 10px;
    }
}

.isMobile .ContactsList.jsx-3238760840 li.jsx-3238760840:first-child a.jsx-3238760840 {
    background-color: transparent;
    border: solid 1px #d8d7d7;
    color: #000;
}


.MainFooterDesktop.jsx-858679723 {
    border-top: solid 1px #c4c4c4;
    padding-top: 40px;
    padding-bottom: 40px;
}

.isDesktop .MainFooterDesktop.jsx-858679723 {
    min-width: 1150px;
}

.SocialFooter.jsx-858679723 {
    height: 100%;
    padding-bottom: 5px;
}

.SocialFooter.jsx-858679723 .Social {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-align-items: flex-end;
    -webkit-box-align: flex-end;
    -ms-flex-align: flex-end;
    align-items: flex-end;
}

.Contacts.jsx-858679723 {
    text-align: right;
}


.GoToTop.jsx-1934021595 {
    position: fixed;
    bottom: 155px;
    right: 10px;
    z-index: 1;
    display: none;
}

.GoToTop.jsx-1934021595 button.jsx-1934021595 {
    background-color: #f70000;
    color: #fff;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    box-shadow: 1px 1px 4px #999;
    border: none;
    outline: 0;
    text-align: center;
    position: relative;
    -webkit-animation: fadeIn-jsx-1934021595 0.3s;
    animation: fadeIn-jsx-1934021595 0.3s;
}

.GoToTop.jsx-1934021595 button.jsx-1934021595 .sn-icon.jsx-1934021595 {
    font-size: 1.2em;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

@media (min-width: 1330px) {
    .GoToTop.jsx-1934021595 {
        right: calc(50% - 660px);
    }
}

@-webkit-keyframes fadeIn-jsx-1934021595 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes fadeIn-jsx-1934021595 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.isDesktop button.jsx-1934021595:hover {
    cursor: pointer;
    background-color: #ed7676;
}

.isMobile .GoToTop.jsx-1934021595 {
    bottom: 155px;
    right: 10px;
    display: none;
    z-index: 24;
}

.isMobile .GoToTop.mobileExpandableAdhesionShown.jsx-1934021595 {
    bottom: 225px;
}

.isMobile .Pdpa+.GoToTop.jsx-1934021595 {
    bottom: 155px;
}


.UniversalB.jsx-1951450189 {
    display: none;
}


.EntryListHighlight.jsx-1513729104 {
    width: 100%;
    border-radius: 5px;
    overflow: hidden;
}

.EntryListHighlight.category.jsx-1513729104 {
    box-shadow: 0px 2px 6px 2px rgb(195 195 195 / 35%);
    margin-bottom: 5px;
}

.EntryListImage.jsx-1513729104 {
    position: relative;
    display: block;
    overflow: hidden;
    border-bottom: 5px solid #FB4F00;
}

.isEntertain.jsx-1513729104 .EntryListImage.jsx-1513729104 {
    border-bottom-color: #5640fd;
}

.EntryListImage.jsx-1513729104:hover img.jsx-1513729104 {
    -webkit-transform: scale(1.02);
    -ms-transform: scale(1.02);
    transform: scale(1.02);
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

.EntryListImage.jsx-1513729104 img.jsx-1513729104 {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: auto;
    z-index: 1;
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

.EntryListImage.jsx-1513729104 .IconFloat.jsx-1513729104 {
    font-size: 2.625rem;
    color: #fff;
    display: block;
    position: absolute;
    bottom: 0px;
    right: 15px;
    z-index: 1;
}

.EntryListImage.jsx-1513729104 .duration.jsx-1513729104 {
    font-family: sukhumvit, sukhumvit-fallback;
    font-weight: 400;
    font-size: 0.875rem;
    color: #fff;
    display: block;
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 1;
    background-color: rgba(0, 0, 0, 0.4);
    padding: 2px 7px 3px;
    border-radius: 25px;
}

.EntryListTitle.jsx-1513729104 {
    color: #3d3d3d;
    display: block;
    padding: 20px 20px 0;
}

.EntryListTitle.jsx-1513729104 h3.jsx-1513729104 {
    font-family: sukhumvit, sukhumvit-fallback;
    font-weight: 700;
    font-size: 2.0625rem;
    line-height: 1.4;
    height: 87px;
    overflow: hidden;
    word-break: break-word;
}

.EntryListTitle.jsx-1513729104:hover {
    -webkit-text-decoration: underline;
    text-decoration: underline;
    color: #000;
}

.EntryListDetail.jsx-1513729104 {
    padding: 20px;
    font-family: sukhumvit, sukhumvit-fallback;
    font-weight: 400;
    font-size: 0.875rem;
    ;
}

.EntryListDetail.jsx-1513729104 span.jsx-1513729104 {
    font-size: 0.75rem;
    margin-right: 10px;
    display: inline-block;
    height: 25px;
    line-height: 26px;
    color: #999;
}

.EntryListDetail.jsx-1513729104 span.jsx-1513729104 i.jsx-1513729104 {
    vertical-align: -1px;
}

.EntryListDetail.jsx-1513729104 a {
    color: #fff;
    background-color: #FB4F00;
    height: 25px;
    line-height: 26px;
    border-radius: 25px;
    margin-right: 10px;
    display: inline-block;
    padding: 0 15px;
}

.isEntertain.jsx-1513729104 .EntryListDetail.jsx-1513729104 a {
    background-color: #5640fd;
}

.isDesktop [class*='CategoryPage'] .EntryListTitle.jsx-1513729104 h3.jsx-1513729104 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}


.HighlightSlider.jsx-3610538138 {
    position: relative;
    overflow: hidden;
    box-shadow: 0px 2px 6px 2px rgb(195 195 195 / 35%);
    border-radius: 0 0 5px 5px;
}

.HighlightSlider__slider.jsx-3610538138>div>div:first-child {
    z-index: 10;
}

.HighlightSlider__slider.jsx-3610538138 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.HighlightSlider__slider.jsx-3610538138>* {
    width: 100%;
}

.HighlightSlider__slider.jsx-3610538138 .slick-track:not([style]) {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.HighlightSlider__slider.jsx-3610538138 .slick-track:not([style]) .slick-slide {
    width: '100%';
}


.HighlightSlider .slick-dots {
    position: absolute;
    bottom: 10px;
    z-index: 10;
    right: 20px;
}

.isMobile .HighlightSlider .slick-dots {
    right: 15px;
    bottom: 5px;
    padding-top: 5px;
}

.HighlightSlider .slick-dots li {
    display: inline-block;
}

.HighlightSlider .slick-dots li button {
    font-family: sukhumvit, sukhumvit-fallback;
    font-weight: 400;
    font-size: 1rem;
    height: 40px;
    color: #000;
    background: #fff;
    border: none;
    outline: none;
    cursor: pointer;
    display: inline-block;
    padding: 0 8px;
}

.HighlightSlider .slick-dots li.slick-active button {
    color: #f70000;
    font-family: sukhumvit, sukhumvit-fallback;
    font-weight: 700;
    ;
}

.HighlightSlider button.slick-arrow {
    position: absolute;
    top: 70px;
    background-color: transparent;
    border: none;
    outline: none;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.HighlightSlider .slick-arrow {
    color: rgba(255, 255, 255, 0.7);
    width: 75px;
    height: 180px;
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    z-index: 2;
    font-size: 2.375rem;
    ;
    text-shadow: 0 2px 1px rgba(10, 10, 10, 0.7);
    display: none;
}

.HighlightSlider .slick-arrow:hover {
    color: #fff;
    display: block;
}

.HighlightSlider .slick-next {
    right: 10px;
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight;
    -webkit-animation-duration: 0.2s;
    animation-duration: 0.2s;
}

.HighlightSlider .slick-prev {
    left: 10px;
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft;
    -webkit-animation-duration: 0.2s;
    animation-duration: 0.2s;
}

.HighlightSlider:hover .slick-prev {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
    -webkit-animation-duration: 0.6s;
    animation-duration: 0.6s;
}

.HighlightSlider:hover .slick-next {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
    -webkit-animation-duration: 0.6s;
    animation-duration: 0.6s;
}

@-webkit-keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        -ms-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
}

@keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        -ms-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
}

@-webkit-keyframes fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        -ms-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
}

@keyframes fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        -ms-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
}

@-webkit-keyframes fadeOutLeft {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        -ms-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}

@keyframes fadeOutLeft {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        -ms-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}

@-webkit-keyframes fadeOutRight {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        -ms-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}

@keyframes fadeOutRight {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        -ms-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}


.EntryList.jsx-899156752 {
    width: 100%;
    margin-bottom: 20px;
}

.EntryListImage.jsx-899156752 {
    position: relative;
    display: block;
    overflow: hidden;
    border-radius: 5px;
}

.EntryListImage.jsx-899156752:hover img {
    -webkit-transform: scale(1.02);
    -ms-transform: scale(1.02);
    transform: scale(1.02);
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

.EntryListImage.jsx-899156752 img {
    width: 100%;
    height: auto;
    z-index: 1;
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

.EntryListImage.jsx-899156752 .IconFloat.jsx-899156752 {
    font-size: 2.25rem;
    color: #fff;
    display: block;
    position: absolute;
    bottom: 0px;
    right: 15px;
    z-index: 1;
}

.EntryListImage.jsx-899156752 .duration.jsx-899156752 {
    font-family: sukhumvit, sukhumvit-fallback;
    font-weight: 400;
    font-size: 0.75rem;
    color: #fff;
    display: block;
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 1;
    background-color: rgba(0, 0, 0, 0.4);
    padding: 2px 7px 3px;
    border-radius: 10px;
}

.EntryListTitle.jsx-899156752 {
    color: #3d3d3d;
    margin-bottom: 5px;
    display: block;
}

.EntryListTitle.jsx-899156752 h3.jsx-899156752 {
    font-family: sukhumvit, sukhumvit-fallback;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.3;
    height: 70px;
    overflow: hidden;
    word-break: break-word;
    padding-top: 10px;
}

.EntryListTitle.jsx-899156752:hover {
    -webkit-text-decoration: underline;
    text-decoration: underline;
    color: #000;
}

.EntryListTitle.BoldEntry.jsx-899156752 h3.jsx-899156752 {
    font-family: sukhumvit, sukhumvit-fallback;
    font-weight: 700;
    font-size: 1.625rem;
    line-height: 1.3;
    height: 75px;
}

.EntryListTitle.LatestHighlight.jsx-899156752 h3.jsx-899156752 {
    font-size: 1.5rem;
    line-height: 1.3;
    height: 104px;
}

.EntryListDetail.jsx-899156752 {
    font-family: sukhumvit, sukhumvit-fallback;
    font-weight: 400;
    font-size: 0.75rem;
    ;
}

.EntryListDetail.jsx-899156752 span.jsx-899156752 {
    margin-right: 10px;
    display: inline-block;
    color: #999;
}

.EntryListDetail.jsx-899156752 span.jsx-899156752 i.jsx-899156752 {
    vertical-align: -1px;
}

.EntryListDetail.jsx-899156752 a {
    color: #1db748;
}

.info.jsx-899156752 {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2;
}

.info__item.jsx-899156752 {
    font-size: 0.78125rem;
    display: inline-block;
    color: #fff;
    background: #000;
    padding-right: 10px;
    padding-left: 10px;
    height: 23px;
    font-weight: 700;
    line-height: 23px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.info__count.jsx-899156752 {
    border-radius: 0;
}

.isDesktop .info__count.jsx-899156752 {
    position: relative;
    top: -1px;
    left: 1px;
}

.isDesktop [class*='CategoryPage'] .CategoryToday .EntryListTitle.jsx-899156752 h3.jsx-899156752,
.isDesktop [class*='CategoryPage'] .colHot .EntryListTitle.jsx-899156752 h3.jsx-899156752 {
    height: 92px;
    -webkit-line-clamp: 4;
}

.isDesktop [class*='CategoryPage'] .EntryListTitle.jsx-899156752 h3.jsx-899156752 {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}


.EntryList.jsx-1820170740 {
    width: 100%;
    margin-bottom: 20px;
}

.EntryListImage.jsx-1820170740 {
    position: relative;
    display: block;
    overflow: hidden;
    border-radius: 5px;
}

.EntryListImage.jsx-1820170740:hover img {
    -webkit-transform: scale(1.02);
    -ms-transform: scale(1.02);
    transform: scale(1.02);
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

.EntryListImage.jsx-1820170740 img {
    width: 100%;
    height: auto;
    z-index: 1;
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

.EntryListImage.jsx-1820170740 .IconFloat.jsx-1820170740 {
    font-size: 2.25rem;
    color: #fff;
    display: block;
    position: absolute;
    bottom: 0px;
    right: 15px;
    z-index: 1;
}

.EntryListImage.jsx-1820170740 .duration.jsx-1820170740 {
    font-family: sukhumvit, sukhumvit-fallback;
    font-weight: 400;
    font-size: 0.75rem;
    color: #fff;
    display: block;
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 1;
    background-color: rgba(0, 0, 0, 0.4);
    padding: 2px 7px 3px;
    border-radius: 10px;
}

.EntryListTitle.jsx-1820170740 {
    color: #3d3d3d;
    margin-bottom: 5px;
    display: block;
}

.EntryListTitle.jsx-1820170740 h3.jsx-1820170740 {
    font-family: sukhumvit, sukhumvit-fallback;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.3;
    height: 70px;
    overflow: hidden;
    word-break: break-word;
    padding-top: 10px;
}

.EntryListTitle.jsx-1820170740:hover {
    -webkit-text-decoration: underline;
    text-decoration: underline;
    color: #000;
}

.EntryListTitle.BoldEntry.jsx-1820170740 h3.jsx-1820170740 {
    font-family: sukhumvit, sukhumvit-fallback;
    font-weight: 700;
    font-size: 1.625rem;
    line-height: 1.3;
    height: 75px;
}

.EntryListTitle.LatestHighlight.jsx-1820170740 h3.jsx-1820170740 {
    font-size: 1.5rem;
    line-height: 1.3;
    height: 104px;
}

.EntryListDetail.jsx-1820170740 {
    font-family: sukhumvit, sukhumvit-fallback;
    font-weight: 400;
    font-size: 0.75rem;
    ;
}

.EntryListDetail.jsx-1820170740 span.jsx-1820170740 {
    margin-right: 10px;
    display: inline-block;
    color: #999;
}

.EntryListDetail.jsx-1820170740 span.jsx-1820170740 i.jsx-1820170740 {
    vertical-align: -1px;
}

.EntryListDetail.jsx-1820170740 a {
    color: #9f35d5;
}

.info.jsx-1820170740 {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2;
}

.info__item.jsx-1820170740 {
    font-size: 0.78125rem;
    display: inline-block;
    color: #fff;
    background: #000;
    padding-right: 10px;
    padding-left: 10px;
    height: 23px;
    font-weight: 700;
    line-height: 23px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.info__count.jsx-1820170740 {
    border-radius: 0;
}

.isDesktop .info__count.jsx-1820170740 {
    position: relative;
    top: -1px;
    left: 1px;
}

.isDesktop [class*='CategoryPage'] .CategoryToday .EntryListTitle.jsx-1820170740 h3.jsx-1820170740,
.isDesktop [class*='CategoryPage'] .colHot .EntryListTitle.jsx-1820170740 h3.jsx-1820170740 {
    height: 92px;
    -webkit-line-clamp: 4;
}

.isDesktop [class*='CategoryPage'] .EntryListTitle.jsx-1820170740 h3.jsx-1820170740 {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}


.EntryList.jsx-4005023903 {
    width: 100%;
    margin-bottom: 20px;
}

.EntryListImage.jsx-4005023903 {
    position: relative;
    display: block;
    overflow: hidden;
    border-radius: 5px;
}

.EntryListImage.jsx-4005023903:hover img {
    -webkit-transform: scale(1.02);
    -ms-transform: scale(1.02);
    transform: scale(1.02);
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

.EntryListImage.jsx-4005023903 img {
    width: 100%;
    height: auto;
    z-index: 1;
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

.EntryListImage.jsx-4005023903 .IconFloat.jsx-4005023903 {
    font-size: 2.25rem;
    color: #fff;
    display: block;
    position: absolute;
    bottom: 0px;
    right: 15px;
    z-index: 1;
}

.EntryListImage.jsx-4005023903 .duration.jsx-4005023903 {
    font-family: sukhumvit, sukhumvit-fallback;
    font-weight: 400;
    font-size: 0.75rem;
    color: #fff;
    display: block;
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 1;
    background-color: rgba(0, 0, 0, 0.4);
    padding: 2px 7px 3px;
    border-radius: 10px;
}

.EntryListTitle.jsx-4005023903 {
    color: #3d3d3d;
    margin-bottom: 5px;
    display: block;
}

.EntryListTitle.jsx-4005023903 h3.jsx-4005023903 {
    font-family: sukhumvit, sukhumvit-fallback;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.3;
    height: 70px;
    overflow: hidden;
    word-break: break-word;
    padding-top: 10px;
}

.EntryListTitle.jsx-4005023903:hover {
    -webkit-text-decoration: underline;
    text-decoration: underline;
    color: #000;
}

.EntryListTitle.BoldEntry.jsx-4005023903 h3.jsx-4005023903 {
    font-family: sukhumvit, sukhumvit-fallback;
    font-weight: 700;
    font-size: 1.625rem;
    line-height: 1.3;
    height: 75px;
}

.EntryListTitle.LatestHighlight.jsx-4005023903 h3.jsx-4005023903 {
    font-size: 1.5rem;
    line-height: 1.3;
    height: 104px;
}

.EntryListDetail.jsx-4005023903 {
    font-family: sukhumvit, sukhumvit-fallback;
    font-weight: 400;
    font-size: 0.75rem;
    ;
}

.EntryListDetail.jsx-4005023903 span.jsx-4005023903 {
    margin-right: 10px;
    display: inline-block;
    color: #999;
}

.EntryListDetail.jsx-4005023903 span.jsx-4005023903 i.jsx-4005023903 {
    vertical-align: -1px;
}

.EntryListDetail.jsx-4005023903 a {
    color: #004bf3;
}

.info.jsx-4005023903 {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2;
}

.info__item.jsx-4005023903 {
    font-size: 0.78125rem;
    display: inline-block;
    color: #fff;
    background: #000;
    padding-right: 10px;
    padding-left: 10px;
    height: 23px;
    font-weight: 700;
    line-height: 23px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.info__count.jsx-4005023903 {
    border-radius: 0;
}

.isDesktop .info__count.jsx-4005023903 {
    position: relative;
    top: -1px;
    left: 1px;
}

.isDesktop [class*='CategoryPage'] .CategoryToday .EntryListTitle.jsx-4005023903 h3.jsx-4005023903,
.isDesktop [class*='CategoryPage'] .colHot .EntryListTitle.jsx-4005023903 h3.jsx-4005023903 {
    height: 92px;
    -webkit-line-clamp: 4;
}

.isDesktop [class*='CategoryPage'] .EntryListTitle.jsx-4005023903 h3.jsx-4005023903 {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}


.EntryList.jsx-2110592460 {
    width: 100%;
    margin-bottom: 20px;
}

.EntryListImage.jsx-2110592460 {
    position: relative;
    display: block;
    overflow: hidden;
    border-radius: 5px;
}

.EntryListImage.jsx-2110592460:hover img {
    -webkit-transform: scale(1.02);
    -ms-transform: scale(1.02);
    transform: scale(1.02);
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

.EntryListImage.jsx-2110592460 img {
    width: 100%;
    height: auto;
    z-index: 1;
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

.EntryListImage.jsx-2110592460 .IconFloat.jsx-2110592460 {
    font-size: 2.25rem;
    color: #fff;
    display: block;
    position: absolute;
    bottom: 0px;
    right: 15px;
    z-index: 1;
}

.EntryListImage.jsx-2110592460 .duration.jsx-2110592460 {
    font-family: sukhumvit, sukhumvit-fallback;
    font-weight: 400;
    font-size: 0.75rem;
    color: #fff;
    display: block;
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 1;
    background-color: rgba(0, 0, 0, 0.4);
    padding: 2px 7px 3px;
    border-radius: 10px;
}

.EntryListTitle.jsx-2110592460 {
    color: #3d3d3d;
    margin-bottom: 5px;
    display: block;
}

.EntryListTitle.jsx-2110592460 h3.jsx-2110592460 {
    font-family: sukhumvit, sukhumvit-fallback;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.3;
    height: 70px;
    overflow: hidden;
    word-break: break-word;
    padding-top: 10px;
}

.EntryListTitle.jsx-2110592460:hover {
    -webkit-text-decoration: underline;
    text-decoration: underline;
    color: #000;
}

.EntryListTitle.BoldEntry.jsx-2110592460 h3.jsx-2110592460 {
    font-family: sukhumvit, sukhumvit-fallback;
    font-weight: 700;
    font-size: 1.625rem;
    line-height: 1.3;
    height: 75px;
}

.EntryListTitle.LatestHighlight.jsx-2110592460 h3.jsx-2110592460 {
    font-size: 1.5rem;
    line-height: 1.3;
    height: 104px;
}

.EntryListDetail.jsx-2110592460 {
    font-family: sukhumvit, sukhumvit-fallback;
    font-weight: 400;
    font-size: 0.75rem;
    ;
}

.EntryListDetail.jsx-2110592460 span.jsx-2110592460 {
    margin-right: 10px;
    display: inline-block;
    color: #999;
}

.EntryListDetail.jsx-2110592460 span.jsx-2110592460 i.jsx-2110592460 {
    vertical-align: -1px;
}

.EntryListDetail.jsx-2110592460 a {
    color: #00acf4;
}

.info.jsx-2110592460 {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2;
}

.info__item.jsx-2110592460 {
    font-size: 0.78125rem;
    display: inline-block;
    color: #fff;
    background: #000;
    padding-right: 10px;
    padding-left: 10px;
    height: 23px;
    font-weight: 700;
    line-height: 23px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.info__count.jsx-2110592460 {
    border-radius: 0;
}

.isDesktop .info__count.jsx-2110592460 {
    position: relative;
    top: -1px;
    left: 1px;
}

.isDesktop [class*='CategoryPage'] .CategoryToday .EntryListTitle.jsx-2110592460 h3.jsx-2110592460,
.isDesktop [class*='CategoryPage'] .colHot .EntryListTitle.jsx-2110592460 h3.jsx-2110592460 {
    height: 92px;
    -webkit-line-clamp: 4;
}

.isDesktop [class*='CategoryPage'] .EntryListTitle.jsx-2110592460 h3.jsx-2110592460 {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}


.EntryList.jsx-212273229 {
    width: 100%;
    margin-bottom: 20px;
}

.EntryListImage.jsx-212273229 {
    position: relative;
    display: block;
    overflow: hidden;
    border-radius: 5px;
}

.EntryListImage.jsx-212273229:hover img {
    -webkit-transform: scale(1.02);
    -ms-transform: scale(1.02);
    transform: scale(1.02);
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

.EntryListImage.jsx-212273229 img {
    width: 100%;
    height: auto;
    z-index: 1;
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

.EntryListImage.jsx-212273229 .IconFloat.jsx-212273229 {
    font-size: 2.25rem;
    color: #fff;
    display: block;
    position: absolute;
    bottom: 0px;
    right: 15px;
    z-index: 1;
}

.EntryListImage.jsx-212273229 .duration.jsx-212273229 {
    font-family: sukhumvit, sukhumvit-fallback;
    font-weight: 400;
    font-size: 0.75rem;
    color: #fff;
    display: block;
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 1;
    background-color: rgba(0, 0, 0, 0.4);
    padding: 2px 7px 3px;
    border-radius: 10px;
}

.EntryListTitle.jsx-212273229 {
    color: #3d3d3d;
    margin-bottom: 5px;
    display: block;
}

.EntryListTitle.jsx-212273229 h3.jsx-212273229 {
    font-family: sukhumvit, sukhumvit-fallback;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.3;
    height: 70px;
    overflow: hidden;
    word-break: break-word;
    padding-top: 10px;
}

.EntryListTitle.jsx-212273229:hover {
    -webkit-text-decoration: underline;
    text-decoration: underline;
    color: #000;
}

.EntryListTitle.BoldEntry.jsx-212273229 h3.jsx-212273229 {
    font-family: sukhumvit, sukhumvit-fallback;
    font-weight: 700;
    font-size: 1.625rem;
    line-height: 1.3;
    height: 75px;
}

.EntryListTitle.LatestHighlight.jsx-212273229 h3.jsx-212273229 {
    font-size: 1.5rem;
    line-height: 1.3;
    height: 104px;
}

.EntryListDetail.jsx-212273229 {
    font-family: sukhumvit, sukhumvit-fallback;
    font-weight: 400;
    font-size: 0.75rem;
    ;
}

.EntryListDetail.jsx-212273229 span.jsx-212273229 {
    margin-right: 10px;
    display: inline-block;
    color: #999;
}

.EntryListDetail.jsx-212273229 span.jsx-212273229 i.jsx-212273229 {
    vertical-align: -1px;
}

.EntryListDetail.jsx-212273229 a {
    color: #ff6f01;
}

.info.jsx-212273229 {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2;
}

.info__item.jsx-212273229 {
    font-size: 0.78125rem;
    display: inline-block;
    color: #fff;
    background: #000;
    padding-right: 10px;
    padding-left: 10px;
    height: 23px;
    font-weight: 700;
    line-height: 23px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.info__count.jsx-212273229 {
    border-radius: 0;
}

.isDesktop .info__count.jsx-212273229 {
    position: relative;
    top: -1px;
    left: 1px;
}

.isDesktop [class*='CategoryPage'] .CategoryToday .EntryListTitle.jsx-212273229 h3.jsx-212273229,
.isDesktop [class*='CategoryPage'] .colHot .EntryListTitle.jsx-212273229 h3.jsx-212273229 {
    height: 92px;
    -webkit-line-clamp: 4;
}

.isDesktop [class*='CategoryPage'] .EntryListTitle.jsx-212273229 h3.jsx-212273229 {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}


.EntryList.jsx-3810821330 {
    width: 100%;
    margin-bottom: 20px;
}

.EntryListImage.jsx-3810821330 {
    position: relative;
    display: block;
    overflow: hidden;
    border-radius: 5px;
}

.EntryListImage.jsx-3810821330:hover img {
    -webkit-transform: scale(1.02);
    -ms-transform: scale(1.02);
    transform: scale(1.02);
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

.EntryListImage.jsx-3810821330 img {
    width: 100%;
    height: auto;
    z-index: 1;
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

.EntryListImage.jsx-3810821330 .IconFloat.jsx-3810821330 {
    font-size: 2.25rem;
    color: #fff;
    display: block;
    position: absolute;
    bottom: 0px;
    right: 15px;
    z-index: 1;
}

.EntryListImage.jsx-3810821330 .duration.jsx-3810821330 {
    font-family: sukhumvit, sukhumvit-fallback;
    font-weight: 400;
    font-size: 0.75rem;
    color: #fff;
    display: block;
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 1;
    background-color: rgba(0, 0, 0, 0.4);
    padding: 2px 7px 3px;
    border-radius: 10px;
}

.EntryListTitle.jsx-3810821330 {
    color: #3d3d3d;
    margin-bottom: 5px;
    display: block;
}

.EntryListTitle.jsx-3810821330 h3.jsx-3810821330 {
    font-family: sukhumvit, sukhumvit-fallback;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.3;
    height: 70px;
    overflow: hidden;
    word-break: break-word;
    padding-top: 10px;
}

.EntryListTitle.jsx-3810821330:hover {
    -webkit-text-decoration: underline;
    text-decoration: underline;
    color: #000;
}

.EntryListTitle.BoldEntry.jsx-3810821330 h3.jsx-3810821330 {
    font-family: sukhumvit, sukhumvit-fallback;
    font-weight: 700;
    font-size: 1.625rem;
    line-height: 1.3;
    height: 75px;
}

.EntryListTitle.LatestHighlight.jsx-3810821330 h3.jsx-3810821330 {
    font-size: 1.5rem;
    line-height: 1.3;
    height: 104px;
}

.EntryListDetail.jsx-3810821330 {
    font-family: sukhumvit, sukhumvit-fallback;
    font-weight: 400;
    font-size: 0.75rem;
    ;
}

.EntryListDetail.jsx-3810821330 span.jsx-3810821330 {
    margin-right: 10px;
    display: inline-block;
    color: #999;
}

.EntryListDetail.jsx-3810821330 span.jsx-3810821330 i.jsx-3810821330 {
    vertical-align: -1px;
}

.EntryListDetail.jsx-3810821330 a {
    color: #ff9700;
}

.info.jsx-3810821330 {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2;
}

.info__item.jsx-3810821330 {
    font-size: 0.78125rem;
    display: inline-block;
    color: #fff;
    background: #000;
    padding-right: 10px;
    padding-left: 10px;
    height: 23px;
    font-weight: 700;
    line-height: 23px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.info__count.jsx-3810821330 {
    border-radius: 0;
}

.isDesktop .info__count.jsx-3810821330 {
    position: relative;
    top: -1px;
    left: 1px;
}

.isDesktop [class*='CategoryPage'] .CategoryToday .EntryListTitle.jsx-3810821330 h3.jsx-3810821330,
.isDesktop [class*='CategoryPage'] .colHot .EntryListTitle.jsx-3810821330 h3.jsx-3810821330 {
    height: 92px;
    -webkit-line-clamp: 4;
}

.isDesktop [class*='CategoryPage'] .EntryListTitle.jsx-3810821330 h3.jsx-3810821330 {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}


.EntryList.jsx-2080845706 {
    width: 100%;
    margin-bottom: 20px;
}

.EntryListImage.jsx-2080845706 {
    position: relative;
    display: block;
    overflow: hidden;
    border-radius: 5px;
}

.EntryListImage.jsx-2080845706:hover img {
    -webkit-transform: scale(1.02);
    -ms-transform: scale(1.02);
    transform: scale(1.02);
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

.EntryListImage.jsx-2080845706 img {
    width: 100%;
    height: auto;
    z-index: 1;
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

.EntryListImage.jsx-2080845706 .IconFloat.jsx-2080845706 {
    font-size: 2.25rem;
    color: #fff;
    display: block;
    position: absolute;
    bottom: 0px;
    right: 15px;
    z-index: 1;
}

.EntryListImage.jsx-2080845706 .duration.jsx-2080845706 {
    font-family: sukhumvit, sukhumvit-fallback;
    font-weight: 400;
    font-size: 0.75rem;
    color: #fff;
    display: block;
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 1;
    background-color: rgba(0, 0, 0, 0.4);
    padding: 2px 7px 3px;
    border-radius: 10px;
}

.EntryListTitle.jsx-2080845706 {
    color: #3d3d3d;
    margin-bottom: 5px;
    display: block;
}

.EntryListTitle.jsx-2080845706 h3.jsx-2080845706 {
    font-family: sukhumvit, sukhumvit-fallback;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.3;
    height: 70px;
    overflow: hidden;
    word-break: break-word;
    padding-top: 10px;
}

.EntryListTitle.jsx-2080845706:hover {
    -webkit-text-decoration: underline;
    text-decoration: underline;
    color: #000;
}

.EntryListTitle.BoldEntry.jsx-2080845706 h3.jsx-2080845706 {
    font-family: sukhumvit, sukhumvit-fallback;
    font-weight: 700;
    font-size: 1.625rem;
    line-height: 1.3;
    height: 75px;
}

.EntryListTitle.LatestHighlight.jsx-2080845706 h3.jsx-2080845706 {
    font-size: 1.5rem;
    line-height: 1.3;
    height: 104px;
}

.EntryListDetail.jsx-2080845706 {
    font-family: sukhumvit, sukhumvit-fallback;
    font-weight: 400;
    font-size: 0.75rem;
    ;
}

.EntryListDetail.jsx-2080845706 span.jsx-2080845706 {
    margin-right: 10px;
    display: inline-block;
    color: #999;
}

.EntryListDetail.jsx-2080845706 span.jsx-2080845706 i.jsx-2080845706 {
    vertical-align: -1px;
}

.EntryListDetail.jsx-2080845706 a {
    color: #FB4F00;
}

.info.jsx-2080845706 {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2;
}

.info__item.jsx-2080845706 {
    font-size: 0.78125rem;
    display: inline-block;
    color: #fff;
    background: #000;
    padding-right: 10px;
    padding-left: 10px;
    height: 23px;
    font-weight: 700;
    line-height: 23px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.info__count.jsx-2080845706 {
    border-radius: 0;
}

.isDesktop .info__count.jsx-2080845706 {
    position: relative;
    top: -1px;
    left: 1px;
}

.isDesktop [class*='CategoryPage'] .CategoryToday .EntryListTitle.jsx-2080845706 h3.jsx-2080845706,
.isDesktop [class*='CategoryPage'] .colHot .EntryListTitle.jsx-2080845706 h3.jsx-2080845706 {
    height: 92px;
    -webkit-line-clamp: 4;
}

.isDesktop [class*='CategoryPage'] .EntryListTitle.jsx-2080845706 h3.jsx-2080845706 {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}


.EntryList.jsx-3904252860 {
    width: 100%;
    margin-bottom: 20px;
}

.EntryListImage.jsx-3904252860 {
    position: relative;
    display: block;
    overflow: hidden;
    border-radius: 5px;
}

.EntryListImage.jsx-3904252860:hover img {
    -webkit-transform: scale(1.02);
    -ms-transform: scale(1.02);
    transform: scale(1.02);
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

.EntryListImage.jsx-3904252860 img {
    width: 100%;
    height: auto;
    z-index: 1;
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

.EntryListImage.jsx-3904252860 .IconFloat.jsx-3904252860 {
    font-size: 2.25rem;
    color: #fff;
    display: block;
    position: absolute;
    bottom: 0px;
    right: 15px;
    z-index: 1;
}

.EntryListImage.jsx-3904252860 .duration.jsx-3904252860 {
    font-family: sukhumvit, sukhumvit-fallback;
    font-weight: 400;
    font-size: 0.75rem;
    color: #fff;
    display: block;
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 1;
    background-color: rgba(0, 0, 0, 0.4);
    padding: 2px 7px 3px;
    border-radius: 10px;
}

.EntryListTitle.jsx-3904252860 {
    color: #3d3d3d;
    margin-bottom: 5px;
    display: block;
}

.EntryListTitle.jsx-3904252860 h3.jsx-3904252860 {
    font-family: sukhumvit, sukhumvit-fallback;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.3;
    height: 70px;
    overflow: hidden;
    word-break: break-word;
    padding-top: 10px;
}

.EntryListTitle.jsx-3904252860:hover {
    -webkit-text-decoration: underline;
    text-decoration: underline;
    color: #000;
}

.EntryListTitle.BoldEntry.jsx-3904252860 h3.jsx-3904252860 {
    font-family: sukhumvit, sukhumvit-fallback;
    font-weight: 700;
    font-size: 1.625rem;
    line-height: 1.3;
    height: 75px;
}

.EntryListTitle.LatestHighlight.jsx-3904252860 h3.jsx-3904252860 {
    font-size: 1.5rem;
    line-height: 1.3;
    height: 104px;
}

.EntryListDetail.jsx-3904252860 {
    font-family: sukhumvit, sukhumvit-fallback;
    font-weight: 400;
    font-size: 0.75rem;
    ;
}

.EntryListDetail.jsx-3904252860 span.jsx-3904252860 {
    margin-right: 10px;
    display: inline-block;
    color: #999;
}

.EntryListDetail.jsx-3904252860 span.jsx-3904252860 i.jsx-3904252860 {
    vertical-align: -1px;
}

.EntryListDetail.jsx-3904252860 a {
    color: #fd3573;
}

.info.jsx-3904252860 {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2;
}

.info__item.jsx-3904252860 {
    font-size: 0.78125rem;
    display: inline-block;
    color: #fff;
    background: #000;
    padding-right: 10px;
    padding-left: 10px;
    height: 23px;
    font-weight: 700;
    line-height: 23px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.info__count.jsx-3904252860 {
    border-radius: 0;
}

.isDesktop .info__count.jsx-3904252860 {
    position: relative;
    top: -1px;
    left: 1px;
}

.isDesktop [class*='CategoryPage'] .CategoryToday .EntryListTitle.jsx-3904252860 h3.jsx-3904252860,
.isDesktop [class*='CategoryPage'] .colHot .EntryListTitle.jsx-3904252860 h3.jsx-3904252860 {
    height: 92px;
    -webkit-line-clamp: 4;
}

.isDesktop [class*='CategoryPage'] .EntryListTitle.jsx-3904252860 h3.jsx-3904252860 {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}


.EntryList.jsx-3430360377 {
    width: 100%;
    margin-bottom: 20px;
}

.EntryListImage.jsx-3430360377 {
    position: relative;
    display: block;
    overflow: hidden;
    border-radius: 5px;
}

.EntryListImage.jsx-3430360377:hover img {
    -webkit-transform: scale(1.02);
    -ms-transform: scale(1.02);
    transform: scale(1.02);
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

.EntryListImage.jsx-3430360377 img {
    width: 100%;
    height: auto;
    z-index: 1;
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

.EntryListImage.jsx-3430360377 .IconFloat.jsx-3430360377 {
    font-size: 2.25rem;
    color: #fff;
    display: block;
    position: absolute;
    bottom: 0px;
    right: 15px;
    z-index: 1;
}

.EntryListImage.jsx-3430360377 .duration.jsx-3430360377 {
    font-family: sukhumvit, sukhumvit-fallback;
    font-weight: 400;
    font-size: 0.75rem;
    color: #fff;
    display: block;
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 1;
    background-color: rgba(0, 0, 0, 0.4);
    padding: 2px 7px 3px;
    border-radius: 10px;
}

.EntryListTitle.jsx-3430360377 {
    color: #3d3d3d;
    margin-bottom: 5px;
    display: block;
}

.EntryListTitle.jsx-3430360377 h3.jsx-3430360377 {
    font-family: sukhumvit, sukhumvit-fallback;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.3;
    height: 70px;
    overflow: hidden;
    word-break: break-word;
    padding-top: 10px;
}

.EntryListTitle.jsx-3430360377:hover {
    -webkit-text-decoration: underline;
    text-decoration: underline;
    color: #000;
}

.EntryListTitle.BoldEntry.jsx-3430360377 h3.jsx-3430360377 {
    font-family: sukhumvit, sukhumvit-fallback;
    font-weight: 700;
    font-size: 1.625rem;
    line-height: 1.3;
    height: 75px;
}

.EntryListTitle.LatestHighlight.jsx-3430360377 h3.jsx-3430360377 {
    font-size: 1.5rem;
    line-height: 1.3;
    height: 104px;
}

.EntryListDetail.jsx-3430360377 {
    font-family: sukhumvit, sukhumvit-fallback;
    font-weight: 400;
    font-size: 0.75rem;
    ;
}

.EntryListDetail.jsx-3430360377 span.jsx-3430360377 {
    margin-right: 10px;
    display: inline-block;
    color: #999;
}

.EntryListDetail.jsx-3430360377 span.jsx-3430360377 i.jsx-3430360377 {
    vertical-align: -1px;
}

.EntryListDetail.jsx-3430360377 a {
    color: #5640fd;
}

.info.jsx-3430360377 {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2;
}

.info__item.jsx-3430360377 {
    font-size: 0.78125rem;
    display: inline-block;
    color: #fff;
    background: #000;
    padding-right: 10px;
    padding-left: 10px;
    height: 23px;
    font-weight: 700;
    line-height: 23px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.info__count.jsx-3430360377 {
    border-radius: 0;
}

.isDesktop .info__count.jsx-3430360377 {
    position: relative;
    top: -1px;
    left: 1px;
}

.isDesktop [class*='CategoryPage'] .CategoryToday .EntryListTitle.jsx-3430360377 h3.jsx-3430360377,
.isDesktop [class*='CategoryPage'] .colHot .EntryListTitle.jsx-3430360377 h3.jsx-3430360377 {
    height: 92px;
    -webkit-line-clamp: 4;
}

.isDesktop [class*='CategoryPage'] .EntryListTitle.jsx-3430360377 h3.jsx-3430360377 {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}


.EntryList.jsx-3537228456 {
    width: 100%;
    margin-bottom: 20px;
}

.EntryListImage.jsx-3537228456 {
    position: relative;
    display: block;
    overflow: hidden;
    border-radius: 5px;
}

.EntryListImage.jsx-3537228456:hover img {
    -webkit-transform: scale(1.02);
    -ms-transform: scale(1.02);
    transform: scale(1.02);
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

.EntryListImage.jsx-3537228456 img {
    width: 100%;
    height: auto;
    z-index: 1;
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

.EntryListImage.jsx-3537228456 .IconFloat.jsx-3537228456 {
    font-size: 2.25rem;
    color: #fff;
    display: block;
    position: absolute;
    bottom: 0px;
    right: 15px;
    z-index: 1;
}

.EntryListImage.jsx-3537228456 .duration.jsx-3537228456 {
    font-family: sukhumvit, sukhumvit-fallback;
    font-weight: 400;
    font-size: 0.75rem;
    color: #fff;
    display: block;
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 1;
    background-color: rgba(0, 0, 0, 0.4);
    padding: 2px 7px 3px;
    border-radius: 10px;
}

.EntryListTitle.jsx-3537228456 {
    color: #3d3d3d;
    margin-bottom: 5px;
    display: block;
}

.EntryListTitle.jsx-3537228456 h3.jsx-3537228456 {
    font-family: sukhumvit, sukhumvit-fallback;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.3;
    height: 70px;
    overflow: hidden;
    word-break: break-word;
    padding-top: 10px;
}

.EntryListTitle.jsx-3537228456:hover {
    -webkit-text-decoration: underline;
    text-decoration: underline;
    color: #000;
}

.EntryListTitle.BoldEntry.jsx-3537228456 h3.jsx-3537228456 {
    font-family: sukhumvit, sukhumvit-fallback;
    font-weight: 700;
    font-size: 1.625rem;
    line-height: 1.3;
    height: 75px;
}

.EntryListTitle.LatestHighlight.jsx-3537228456 h3.jsx-3537228456 {
    font-size: 1.5rem;
    line-height: 1.3;
    height: 104px;
}

.EntryListDetail.jsx-3537228456 {
    font-family: sukhumvit, sukhumvit-fallback;
    font-weight: 400;
    font-size: 0.75rem;
    ;
}

.EntryListDetail.jsx-3537228456 span.jsx-3537228456 {
    margin-right: 10px;
    display: inline-block;
    color: #999;
}

.EntryListDetail.jsx-3537228456 span.jsx-3537228456 i.jsx-3537228456 {
    vertical-align: -1px;
}

.EntryListDetail.jsx-3537228456 a {
    color: #33c0dc;
}

.info.jsx-3537228456 {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2;
}

.info__item.jsx-3537228456 {
    font-size: 0.78125rem;
    display: inline-block;
    color: #fff;
    background: #000;
    padding-right: 10px;
    padding-left: 10px;
    height: 23px;
    font-weight: 700;
    line-height: 23px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.info__count.jsx-3537228456 {
    border-radius: 0;
}

.isDesktop .info__count.jsx-3537228456 {
    position: relative;
    top: -1px;
    left: 1px;
}

.isDesktop [class*='CategoryPage'] .CategoryToday .EntryListTitle.jsx-3537228456 h3.jsx-3537228456,
.isDesktop [class*='CategoryPage'] .colHot .EntryListTitle.jsx-3537228456 h3.jsx-3537228456 {
    height: 92px;
    -webkit-line-clamp: 4;
}

.isDesktop [class*='CategoryPage'] .EntryListTitle.jsx-3537228456 h3.jsx-3537228456 {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.AdsWrap.jsx-364642316 {
    background-color: #f8f9fa;
    height: 100%;
    position: relative;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.skyscraperWrap.jsx-4120026493 {
    position: absolute;
    top: -80px;
    left: calc(50% - 710px);
    z-index: 10;
    overflow: hidden;
    width: 130px;
    height: 445px;
    display: none;
}

.skyscraperWrap.visible.jsx-4120026493 {
    display: block;
}

.skyscraper.jsx-4120026493 {
    position: absolute;
    left: 0;
    top: 0;
}

a.jsx-4120026493 {
    background: transparent;
    border: 0;
    outline: 0;
    display: block;
    cursor: pointer;
    position: relative;
    z-index: 1;
}

a.jsx-4120026493:focus {
    border: 0;
    outline: 0;
}


.SectionHighlight.jsx-2411849934 {
    margin-bottom: 50px;
}

.SectionHighlight.jsx-2411849934 .row+.row {
    margin-top: 10px;
}


.Tags.jsx-1115864015 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

a.jsx-1115864015 {
    font-family: prompt, prompt-fallback;
    font-weight: 400;
    ;
    font-size: 0.875rem;
    ;
    color: #3d3d3d;
    border: solid 1px #c3c3c3;
    border-radius: 25px;
    padding: 2px 10px;
    margin: 5px;
    -webkit-transition: 0.2s ease-out;
    transition: 0.2s ease-out;
}

a.jsx-1115864015:hover {
    color: #3d3d3d;
    border: solid 1px #d8d8d8;
    background-color: #d8d8d8;
    -webkit-transition: 0.2s ease-out;
    transition: 0.2s ease-out;
}


.SectionTags.jsx-758352582 {
    padding: 40px 0;
}

.SectionTags.jsx-758352582 .Tags {
    margin-left: -5px;
}

footer a,
header a,
.jsx-200851831 a {
    color: #000 !important;
}

@media(max-width:810px) {

    .jsx-4119710839,
    .MemberWrap,
    .Search {
        display: none !important;
    }
}

@media(max-width:450px) {

    .mob__photo {
        max-width: 300px !important;
    }

    .SynergyList.jsx-3479970660 {

        padding: 10px 0 0 0px;
    }

    a.jsx-1800632037 b.jsx-1800632037 {
        font-size: 14px !important;
    }

    .pubg {
        display: none !important;
    }
}

a.jsx-1800632037 {
    font-family: sukhumvit, sukhumvit-fallback;
    font-weight: 400;
    font-size: 0.75rem;
    color: #3d3d3d;
    display: block;
    line-height: 26px;
    position: relative;
    padding-left: 32px;
}

a.jsx-1800632037 span.jsx-1800632037 {
    width: 26px;
    height: 26px;
    display: inline-block;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 0;
}



@media (hover: hover) {
    a.jsx-1800632037:hover b.jsx-1800632037 {
        -webkit-text-decoration: underline;
        text-decoration: underline;
    }
}

a.jsx-1800632037 b.jsx-1800632037 {
    font-family: sukhumvit, sukhumvit-fallback;
    font-weight: 400;
    ;
}

li.jsx-1800632037 {
    margin-right: 14px;
    height: 26px;
    display: inline-block;
}

li.lotto.jsx-1800632037 span.jsx-1800632037 {
    background-color: #f70000;
}

li.horo.jsx-1800632037 span.jsx-1800632037 {
    background-color: #9F35D5;
}

li.joox.jsx-1800632037 span.jsx-1800632037 {
    background-color: #00cb5e;
}

li.wetv.jsx-1800632037 span.jsx-1800632037 {
    background-color: #f9f9f9;
}

li.pubg.jsx-1800632037 span.jsx-1800632037 {
    background-color: #ffce00;
}