body {
background: black;
background: #1c2733;
background: -moz-linear-gradient(top, #1c2733 0%, black 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, #1c2733), color-stop(100%, black));
background: -webkit-linear-gradient(top, #1c2733 0%, black 100%);
background: -o-linear-gradient(top, #1c2733 0%, black 100%);
background: -ms-linear-gradient(top, #1c2733 0%, black 100%);
background: linear-gradient(to bottom, #1c2733 0%, black 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1c2733', endColorstr='#000000', GradientType=0 ); }
.off-canvas {
background: #1c2733;
background: -moz-linear-gradient(top, #1c2733 0%, black 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, #1c2733), color-stop(100%, black));
background: -webkit-linear-gradient(top, #1c2733 0%, black 100%);
background: -o-linear-gradient(top, #1c2733 0%, black 100%);
background: -ms-linear-gradient(top, #1c2733 0%, black 100%);
background: linear-gradient(to bottom, #1c2733 0%, black 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1c2733', endColorstr='#000000', GradientType=0 ); }
.social-links {
list-style-type: none;
display: inline-flex; }
.social-links a {
text-align: center;
float: left;
width: 40px;
height: 40px;
border-radius: 100%;
margin-right: 18px; background-color: #0D0D12; }
.social-links a .fa-user {
font-size: 20px;
line-height: 38px;
color: #F9F9F9;
margin: 7px; }
.social-links a .fa-bell {
font-size: 20px;
line-height: 38px;
color: #F9F9F9;
margin: 7px; }
.social-links a .fa-cog {
font-size: 20px;
line-height: 38px;
color: #F9F9F9;
margin: 10px; }
.social-links a :hover {
color: #959595; }
.menu3bbtv {
margin: 0px; }
.menu3bbtv .menu a {
font-size: 1.3rem;
color: white;
font-weight: 500;
border-radius: 50px;
margin-bottom: 5px;
font-family: 'Kanit'; }
.menu3bbtv .menu a:hover {
background: linear-gradient(to right, #ff8d1d 0%, #e86b31 100%); }
.menu3bbtv .menu svg {
float: right; }
.js-off-canvas-overlay {
background: unset; }
.menux {
text-align: center; }
.container {
position: relative;
width: 100%;
padding-right: 11px;
padding-left: 11px;
margin-right: auto;
margin-left: auto; }
.title-bar-left :focus {
outline: none; }
@media screen and (max-width: 39.9375em) {
.slideshow {
width: 100%; } }
.slideshow video {
width: 100%;
height: 760px;
object-fit: cover; }
@media screen and (max-width: 39.9375em) {
.slideshow video {
width: 100%; } }
.slideshow img {
width: 100%;
height: auto !important; }
@media only screen and (min-width: 321px) and (max-width: 768px) {
.slideshow img {
height: auto !important; } }
@media screen and (max-width: 39.9375em) {
.slideshow img {
width: 100%;
height: auto !important; } }
.slideshow :focus {
outline: none; }
.slick-dots {
display: flex;
justify-content: center;
margin: 0;
padding: 16px 0;
list-style: none;
bottom: 40px;
font-size: 0px;
position: absolute;
right: 50%;
left: 50%; }
@media screen and (max-width: 39.9375em) {
.slick-dots {
bottom: 0px; } }
.slick-dots li {
margin: 0 0.25rem;
background: #fff;
border-radius: 50%; }
.slick-dots button {
display: block;
width: 16px;
height: 16px;
padding: 0;
border: none;
border-radius: 50%; }
.slick-dots li.slick-active button {
background-color: tomato; }
.slick-dots li.slick-active button :hover {
background-color: #A7AAAD; }
.slidechannel {
background-color: #fafafa;
text-align: center; }
.slidechannel :focus {
outline: none; }
.slidechannel img:hover {
transform: scale(1.1); }
.item {
width: auto;
margin-right: 10px;
width: 200px;
transition: transform .2s; }
.item:hover {
-webkit-transform: scale(1.1);
transform: scale(1.1);
-webkit-transition: all .1s ease;
transition: all .1s ease;
box-shadow: 0 0 2rem rgba(33, 37, 41, 0.8); }
.collapse-half .columns {
padding-left: 20px;
padding-right: 20px; }
@media screen and (max-width: 39.9375em) {
.collapse-half .columns {
width: 200px; } }
.headtitle {
font-size: 1.8rem;
color: white;
font-family: 'Kanit'; }
.siglemovie {
padding-top: 1rem; }
.siglemovie .post-thumbnail {
text-align: center; }
.siglemovie .post-thumbnail img {
box-shadow: 0 8px 16px rgba(0, 0, 0, 0.75);
width: 250px; }
@media screen and (max-width: 39.9375em) {
.siglemovie .post-thumbnail img {
width: 170px; } }
.siglemovie .entry-title {
color: white;
font-size: 3em;
font-family: 'Kanit'; }
@media screen and (max-width: 39.9375em) {
.siglemovie .entry-title {
text-align: center;
font-size: 1.7em; } }
@media screen and (max-width: 39.9375em) {
.siglemovie .post_excerpt {
padding-top: 1rem; } }
.siglemovie .post_excerpt h4 {
color: white;
font-family: 'Kanit'; }
.siglemovie .post_excerpt p {
color: #ccc;
font-family: 'Kanit'; }
.siglemovie .tagmovie {
font-family: 'Kanit';
color: white; }
.siglemovie .tagmovie a {
color: #fa4616; }
.entry-content {
font-family: 'Kanit';
color: white; }
.entry-content a {
color: #fa4616; }
@media screen and (max-width: 39.9375em) {
#myVideo {
width: 100%; } }
.logolistmonomax {
border-bottom: .2rem solid #fa4616;
background-color: white;
display: none; }
.logolisthbogo {
text-align: center;
margin-top: 0;
padding-bottom: 10px;
background-color: white;
border-bottom: .2rem solid #fa4616;
margin-top: 6px; }
.logolisthbogo img {
width: 200px; }
@media screen and (max-width: 39.9375em) {
.logolisthbogo {
padding-bottom: 0px; } }
.logolisthbogo .hbologo {
margin-top: 13%; }
.logolisthbogo .hbohit {
margin-top: 32px;
width: 216px;
margin-left: 23px; }
@media screen and (max-width: 39.9375em) {
.logolisthbogo .hbohit {
margin-top: 5px;
width: 44px;
margin-left: 4px; } }
@media screen and (max-width: 39.9375em) {
.logolisthbogo {
margin-top: 3px; } }
.hbored {
margin-top: 17px;
width: 232px; }
@media screen and (max-width: 39.9375em) {
.hbored {
margin-top: 4px; } }
.cinemax {
margin-top: 18px; }
@media screen and (max-width: 39.9375em) {
.cinemax {
margin-top: 6px; } }
.listmovie {
background-color: black;
padding-bottom: 1rem;
border-bottom: .2rem solid #fa4616; }
.texttext {
color: white;
font-family: 'Kanit';
padding-top: 1rem;
font-size: 2rem; }
.listmoivemonomax {
display: none; }
.listmoivehbo {
padding-bottom: 1rem; }
html, body {
margin: 0;
padding: 0; }
* {
box-sizing: border-box; }
.logolistpratner {
text-align: center;
background-color: white; }
.logolistpratner img {
width: 150px; }
@media screen and (max-width: 39.9375em) {
.logolistpratner img {
width: 53px; } }
.carousel {
height: 379px; }
@media screen and (max-width: 39.9375em) {
.carousel {
perspective: 100px;
height: 261px; } }
.carousel .carousel-item {
margin-top: -42px;
width: 200px; }
@media screen and (max-width: 39.9375em) {
.carousel .carousel-item {
margin-top: 0px;
width: 140px; } }
video {
object-fit: fill; }
.archive-movie {
padding-bottom: 1rem; }
.text-archive {
padding-top: 1rem; }
.text-archive .page-title {
color: white;
font-size: 2.3rem;
font-family: 'Kanit'; }
@media screen and (max-width: 39.9375em) {
.text-archive .page-title {
font-size: 1.7rem; } }
.wp-pagenavi {
clear: both;
padding: 2rem 0px;
margin: 2rem 0px;
text-align: center;
position: relative;
color: white; }
.wp-pagenavi span, .wp-pagenavi a {
text-decoration: none;
border: none;
padding: 0.25rem 0.5rem;
margin-right: 0.25rem;
margin-left: 0.25rem; }
.wp-pagenavi span.current, .wp-pagenavi a.page {
color: white; }
.wp-pagenavi span.current {
font-weight: 400;
background-color: #ed652e; }
.wp-pagenavi a {
color: white;
background-color: gray; }
.wp-pagenavi a:hover {
background-color: #5a5a5a; }
.wp-pagenavi a.previouspostslink, .wp-pagenavi a.nextpostslink {
display: none; }
.wp-pagenavi a.last, .wp-pagenavi a.first {
position: absolute;
top: 0px;
padding: 0.5rem 1rem;
color: white;
background-color: gray;
margin: 0px; }
.wp-pagenavi a.last:hover, .wp-pagenavi a.first:hover {
background-color: #5a5a5a; }
.wp-pagenavi a.last {
right: 0px; }
.wp-pagenavi a.first {
left: 0px; }
.item-archive :hover {
transform: scale(1.1); }
.logo3bbtv {
padding-top: 3rem;
padding-bottom: 2rem;
text-align: center; }
.logo3bbtv img {
width: 200px; }
.lingpagelink {
font-family: 'Kanit';
position: relative; }
.lingpagelink img {
max-width: 100%;
height: 23rem;
object-fit: cover; }
@media screen and (max-width: 39.9375em) {
.lingpagelink img {
height: 12rem; } }
.lingpagelink a {
font-family: 'Kanit';
color: #fa4616; }
.lingpagelink a:hover {
text-decoration: underline; }
.lingpagelink h3 {
font-family: 'Kanit';
font-size: 1.5rem;
font-weight: 500;
margin-bottom: .25rem;
max-height: 3.1rem;
overflow: hidden;
line-height: 1.6rem;
margin-bottom: 1rem; }
.lingpagelink .textonimg {
position: absolute;
display: initial;
top: 0px;
padding-left: 3px;
padding-right: 3px;
font-family: 'kanit'; }
.lingpagelink .linktextonimg :hover {
color: black; }
.lingpagelink .timegetadmin {
margin-top: 0;
margin-bottom: 1rem;
color: white; }
.lingpagelinksigel {
font-family: 'Kanit';
position: relative; }
.lingpagelinksigel img {
max-width: 100%;
height: 10rem;
object-fit: cover; }
@media screen and (max-width: 39.9375em) {
.lingpagelinksigel img {
height: 12rem; } }
.lingpagelinksigel a {
font-family: 'Kanit';
color: #fa4616; }
.lingpagelinksigel a:hover {
color: #eb622c; }
.lingpagelinksigel h3 {
font-family: 'Kanit';
font-size: 1rem;
font-weight: 400;
margin-bottom: .25rem;
max-height: 3.1rem;
overflow: hidden;
line-height: 1.6rem;
margin-bottom: .5rem; }
.lingpagelinksigel .textonimg {
position: absolute;
display: initial;
top: 0px;
padding-left: 3px;
padding-right: 3px;
font-family: 'kanit'; }
.lingpagelinksigel .linktextonimg :hover {
color: black; }
.lingpagelinksigel .timegetadmin {
color: white; }
.headnews {
padding-top: 1rem;
font-family: 'Kanit';
font-size: 2.5rem;
color: white; }
@media screen and (max-width: 39.9375em) {
.headnews {
font-size: 1.5rem; } }
.nextcontent {
padding-top: 1rem;
font-family: 'Kanit';
font-size: 1rem;
color: #fa4616;
text-align: right; }
.nextcontent:hover {
color: white; }
.sigle-content .post-thumbnail {
padding-top: 1rem;
text-align: center; }
.sigle-content .entry-title {
font-size: 2rem;
color: #fa4616;
font-family: 'Kanit';
font-weight: 500; }
.sigle-content .entry-content {
font-size: 18px; }
.recomendenmovie h2 {
font-family: 'Kanit';
font-size: 2.5rem;
color: #fa4616; }
.overlay {
height: 100%;
width: 100%;
display: none;
position: fixed;
z-index: 4;
top: 0;
left: 0;
background-color: black;
background-color: rgba(0, 0, 0, 0.9); } .overlay-content {
position: relative;
top: 46%;
width: 80%;
text-align: center;
margin-top: 30px;
margin: auto; } .overlay .closebtn {
position: absolute;
top: 20px;
right: 45px;
font-size: 60px;
cursor: pointer;
color: white; }
.overlay .closebtn:hover {
color: #ccc; } .overlay input[type=text] {
padding: 15px;
font-size: 17px;
border: none;
float: left;
width: 80%;
height: 10%;
background: white; }
.overlay input[type=text]:hover {
background: #f1f1f1; } .overlay button {
float: left;
width: 17%;
padding: 16px;
background: #fe9a0a;
font-size: 17px;
border: none;
cursor: pointer; }
.overlay button:hover {
background: #bbb; }
#page {
position: relative;
min-height: 100vh; }
.footer {
padding-top: 2rem;
position: absolute;
bottom: 0;
width: 100%;
height: 2.5rem; }
@media screen and (max-width: 39.9375em) {
.footer {
padding-top: 2rem; } }
.channel img:hover {
transform: scale(1.1); }
.gotomovie {
padding-top: 1rem; }
@media screen and (max-width: 39.9375em) {
.gotomovie {
text-align: center; } }
.gotomovie button {
background: linear-gradient(75.71deg, #FF7629 23.5%, #FF9029 98.21%);
box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.25);
border-radius: 50px;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 10px;
padding-right: 10px;
font-size: 30px;
color: black;
font-family: 'Kanit';
font-weight: 400; }
@media screen and (max-width: 39.9375em) {
.gotomovie button {
font-size: 24px; } }
.gotomovie button:hover {
background: linear-gradient(75.71deg, #FF9029 23.5%, #FF7629 98.21%);
box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.25);
border-radius: 50px;
padding-top: 10px;
padding-bottom: 10px; }
.tvcontent {
padding-top: 1rem; }
.excerpttv {
color: white;
font-family: kanit;
font-size: 1.2rem;
padding-top: 3rem; }
.xoz {
padding-top: .5rem;
padding-bottom: 1rem;
padding-left: 0rem; }
.zox {
padding-top: .5rem;
padding-bottom: 1rem;
padding-right: 0rem; }
.snowball img {
width: 100%; }
.anywhere {
border-top: .2rem solid #fa4616;
border-bottom: .2rem solid #fa4616;
margin-bottom: 3rem;
background-color: #000000; }
@media screen and (max-width: 39.9375em) {
.anywhere {
border-top: .1rem solid #fa4616;
border-bottom: .1rem solid #fa4616; } }
.anywhere img {
width: 100%; }
.imgmoviebanner {
padding: 2rem;
padding-top: 0; }
.imgmoviebanner img {
width: 100%; }
.imgmovielist img {
width: 100%;
padding: 1.5rem;
padding-top: 0; }
.imgmovielist img:hover {
transform: scale(1.1); }
.text-movie {
padding-top: 1rem; }
.text-movie h2 {
color: white;
font-size: 2rem;
margin-left: 2rem;
font-family: 'Kanit';
border-left: .3rem solid #fa4616; }
.zxczxc {
padding-top: 1rem;
padding-bottom: 1rem; }
.slidehighlights {
padding-top: 1rem;
text-align: center; }
.slidehighlights a {
padding-left: .5rem;
padding-right: .5rem; }
.slidehighlights img:hover {
transform: scale(1.1); }
.slidehighlights :focus {
outline: none; }
.text-highlights {
padding-top: .5rem; }
.text-highlights h2 {
color: white;
font-size: 2rem;
font-family: 'Kanit';
display: inline; }
.text-highlights a {
display: inline;
float: right;
margin-top: 14px;
color: #fa4616;
font-family: 'Kanit'; }
.text-highlights a:hover {
color: white; }
.menu a {
font-size: 1rem;
font-family: 'kanit';
color: white; }
@media screen and (max-width: 39.9375em) {
.menu a {
padding: .7rem .3rem; } }
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
.menu a {
font-size: 1.3rem; } }
.contact {
font-size: 1rem;
font-family: 'kanit';
color: white;
background: linear-gradient(75.71deg, #FF7629 23.5%, #FF9029 98.21%);
border-radius: 22px; }
.contact .contact:hover {
background: linear-gradient(75.71deg, #FF9029 23.5%, #FF7629 98.21%); }
.boxtextsubmenu {
background-color: #000000;
padding-top: 0.2rem;
padding-bottom: 0.2rem; }
@media screen and (max-width: 39.9375em) {
.boxtextsubmenu {
padding-top: 0.2rem;
padding-bottom: 0.2rem; } }
.boxtextsubmenu .textsubmenu a {
color: white;
font-size: 2rem;
font-family: 'Kanit'; }
@media screen and (max-width: 39.9375em) {
.boxtextsubmenu .textsubmenu a {
font-size: 1rem; } }
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
.boxtextsubmenu .textsubmenu a {
font-size: 1rem; } }
.channellistmain {
-webkit-box-shadow: 0px -1px 20px 0px #ff802d;
-moz-box-shadow: 0px -1px 20px 0px #ff802d;
box-shadow: 0px -1px 20px 0px #ff802d;
border-radius: 10px;
margin-top: 1rem;
background-color: white; }
@media screen and (max-width: 39.9375em) {
.channellistmain {
margin-top: 0; } }
.channellistmain .channellistlogo p {
color: black;
font-family: 'Kanit';
text-align: center;
font-size: 1rem; }
.bannerads {
padding-top: 1rem; }
.application_staion .gigtvapp {
padding-top: 2rem; }
.application_staion .logoapp {
text-align: center; }
.application_staion .logoapp img {
width: 150px; }
@media screen and (max-width: 39.9375em) {
.application_staion .logoapp img {
width: 70%; } }
.application_staion .application_texthead {
color: white;
font-size: 2rem;
font-family: 'Kanit';
font-weight: 500; }
@media screen and (max-width: 39.9375em) {
.application_staion .application_texthead {
padding-top: 1rem;
font-size: 1.5rem; } }
.application_staion .application_subtexthead {
color: white;
font-size: 1.7rem;
font-family: 'Kanit';
font-weight: 500;
margin-top: -22px; }
@media screen and (max-width: 39.9375em) {
.application_staion .application_subtexthead {
font-size: 1rem; } }
.application_staion .imgapp {
text-align: center; }
.application_staion .imgapp img {
width: 155px; }
.application_staion .buttonapp {
margin-top: 1rem;
text-align: center; }
.application_staion .buttonapp .fa-apple {
font-size: 1rem;
margin-right: 5px; }
.application_staion .buttonapp .fa-google-play {
font-size: 1rem;
margin-right: 5px; }
.application_staion .buttonapp .button {
width: 100%;
font-family: 'Kanit';
font-size: .9rem;
background-color: black;
border-radius: 50px;
border: 1px solid; }
.application_staion .buttonapp .button:hover {
background-color: #f05a28; }
.application_staion .buttonappmono {
text-align: center; }
.application_staion .buttonappmono .button {
padding-left: 30px;
padding-right: 30px;
font-size: 1rem;
background-color: #f15d1d;
color: #fefefe;
font-family: 'Kanit';
border: 2px solid;
border-top-right-radius: 35px;
border-bottom-right-radius: 35px;
border-top-left-radius: 35px;
border-bottom-left-radius: 35px; }
.application_staion .buttonappmono .button:hover {
background-color: #f05a28; }
.application_staion .buttonapplinetv {
text-align: center; }
.application_staion .buttonapplinetv .button {
padding-left: 30px;
padding-right: 30px;
font-size: 1rem;
background: #10ff10;
background: linear-gradient(306deg, #10ff10 68%, #5dff5e 100%);
color: black;
font-family: 'Kanit';
border: 2px white solid;
border-top-right-radius: 35px;
border-bottom-right-radius: 35px;
border-top-left-radius: 35px;
border-bottom-left-radius: 35px; }
.application_staion .buttonapplinetv .button:hover {
background-color: #f05a28; }
.application_staion .buttonappoke {
text-align: center; }
.application_staion .buttonappoke .button {
padding-left: 30px;
padding-right: 30px;
font-size: 1rem;
background-color: #15cfde;
color: #fefefe;
font-family: 'Kanit';
border: 2px solid;
border-top-right-radius: 35px;
border-bottom-right-radius: 35px;
border-top-left-radius: 35px;
border-bottom-left-radius: 35px; }
.application_staion .buttonappoke .button:hover {
background-color: #f05a28; }
.application_staion .borderapphowto {
border-top-right-radius: 35px;
border-top-left-radius: 35px;
border-radius: 35px;
padding-bottom: 1rem;
border: 1px solid white; }
.application_staion .application_textheadhowto {
padding-top: 1rem;
color: white;
font-size: 2rem;
font-family: 'Kanit';
font-weight: 500; }
.application_staion .discliption {
padding-bottom: .5rem; }
.application_staion .discliption .numberclical {
color: white;
padding: 5; padding: 5px 13px;
width: 5opx;  border-radius: 50%;
background-color: #ed5027;
font-size: 1.5rem; }
.application_staion .discliption .numberclicaloke {
color: white;
padding: 5; padding: 5px 13px;
width: 5opx;  border-radius: 50%;
background: #1cc3df;
background: linear-gradient(171deg, #1cc3df 68%, #13d3de 100%);
font-size: 1.5rem; }
.application_staion .discliption .numberclicallinetv {
color: white;
padding: 5; padding: 5px 13px;
width: 5opx;  border-radius: 50%;
background: #10ff10;
background: linear-gradient(306deg, #10ff10 68%, #5dff5e 100%);
font-size: 1.5rem; }
.application_staion .discliption .numberclicalmonomax {
color: white;
padding: 5; padding: 5px 13px;
width: 5opx;  border-radius: 50%;
background: #eb4328;
background: linear-gradient(265deg, #eb4328 68%, #f16325 100%);
font-size: 1.5rem; }
.application_staion .sceon {
padding-left: .5rem;
color: white;
font-size: 1.4rem;
display: inline;
font-family: 'Kanit'; }
@media screen and (max-width: 39.9375em) {
.application_staion .sceon {
font-size: 1rem; } }
.application_staion .sceonone {
padding-left: .5rem;
color: #ed5027;
font-size: 1.4rem;
display: inline;
font-family: 'Kanit'; }
@media screen and (max-width: 39.9375em) {
.application_staion .sceonone {
font-size: 1rem; } }
.application_staion .sceononemono {
padding-left: .5rem;
color: white;
font-size: 1.4rem;
display: inline;
font-family: 'Kanit';
font-weight: bold; }
@media screen and (max-width: 39.9375em) {
.application_staion .sceononemono {
font-size: 1rem; } }
.application_staion .imgappontext {
padding-left: .5rem;
display: inline;
width: 60px; }
#magellan1 {
padding-top: 2rem;
padding-bottom: 5rem;
background: #00000a;
background: linear-gradient(90deg, #00000a 35%, #000018 100%); }
#magellan2 {
padding-top: 2rem;
padding-bottom: 5rem;
background: #000032;
background: linear-gradient(90deg, #000032 35%, black 100%); }
#magellan3 {
padding-top: 2rem;
padding-bottom: 5rem;
background: #f15a23; }
#magellan4 {
padding-top: 2rem;
padding-bottom: 5rem;
background: #01f3db;
background: linear-gradient(171deg, #01f3db 35%, #13d3de 100%); }
#magellan5 {
padding-top: 2rem;
padding-bottom: 5rem;
background: #01d630; }
.faqcontent .entry-title {
color: white;
font-size: 3em;
font-family: 'Kanit'; }
@media screen and (max-width: 39.9375em) {
.faqcontent .entry-title {
text-align: center;
font-size: 1.7em; } }
.egplist {
padding: 4px 11px;
border-radius: 2px;
background-color: #1a242f;
margin-bottom: 0.5rem;
border-left: 4px solid #959595;
color: white;
font-family: 'Kanit';
font-size: 1.2rem;
margin: 6px 13px;
border-radius: 5px; }
.textnamechannel {
font-size: 1.5rem;
color: white;
font-family: 'Kanit';
margin: 0; }
.label {
background: unset;
padding: unset;
color: #ff5013; }
.label.alert {
background: #64ff02;
color: #000000;
font-size: 1rem;
padding: 7px;
margin-left: 12px;
border-radius: 5px; }
.tabs-title {
text-align: center; }
.tabs-title a {
font-family: 'Kanit';
font-size: 1rem;
text-align: center;
color: black; }
#channeltype {
font-family: 'Kanit'; }
#channelname {
font-family: 'Kanit'; }
.tabzonechannel {
padding-bottom: 2rem; }
.Modalchannel {
text-align: center; }
.Modalchannel p {
font-size: 2rem;
font-family: 'Kanit'; }
#menu_lifestyle {
padding-top: 1rem;
background-color: black;
padding-right: .625rem;
padding-left: .625rem;
padding-bottom: 1rem; }
@media screen and (max-width: 39.9375em) {
#menu_lifestyle {
display: none; } }
#menu_lifestyle h2 {
font-family: Noto Sans Thai,Noto Sans,Helvetica Neue,Helvetica,Roboto,Arial,Thonburi,Tahoma,sans-serif;
padding-top: 1rem;
padding-bottom: 1rem;
color: white;
text-align: center; }
#menu_lifestyle .main-nav {
list-style: none;
margin: 0;
padding: 0;
width: 100%;
display: table;
table-layout: fixed;
overflow: hidden; }
#menu_lifestyle .main-nav li {
font-family: Noto Sans Thai,Noto Sans,Helvetica Neue,Helvetica,Roboto,Arial,Thonburi,Tahoma,sans-serif;
display: table-cell;
*float: left;
height: 25px;
text-align: center;
padding-left: 5px; }
#menu_lifestyle .main-nav li a {
padding-top: .4rem;
width: 100%;
display: block;
line-height: 33px;
text-decoration: none;
background-color: #000000;
font-weight: 600;
color: #ffffff;
border-bottom: 5px solid transparent;
border-radius: 10px; }
#menu_lifestyle .main-nav li a:hover {
border-bottom: 5px solid white;
color: #e24031; }
#menu_lifestyle .main-nav li a:active {
border-bottom: 5px solid white;
color: #e24031; }
#menu_lifestyle .main-nav li a:focus {
border-bottom: 5px solid white;
color: #e24031; }
#menu_lifestyle .main-nav li img {
width: 50px; }
#menu_lifestyle .main-nav li:first-child {
padding-left: 0; }
#menu_lifestyle .x1 {
background: #00000a;
background: linear-gradient(90deg, #00000a 35%, #000018 100%); }
#menu_lifestyle .x2 {
background: #000032;
background: linear-gradient(90deg, #000032 35%, black 100%); }
#menu_lifestyle .x3 {
background: #f15a23 !important; }
#menu_lifestyle .x4 {
background: #01f3db;
background: linear-gradient(171deg, #01f3db 35%, #13d3de 100%); }
#menu_lifestyle .x5 {
background-color: #01d630 !important; }
#menu_tvod {
padding-top: 1rem; }
#menu_tvod a {
font-size: 1.2rem; }
#menu_tvod a:hover {
color: #e24031; }
.tvodheadder {
padding-top: 1rem; }
.tvodheadder h2 {
font-family: 'Kanit';
color: #cdedf5;
font-size: 1.9rem; }
.tvodheadder span hr {
border-bottom: 3px solid #eee; }
#newtvod {
padding-top: 2rem;
padding-bottom: 2rem; }
#newtvod .boxtvodrecom h4 {
color: #cdedf5;
font-family: 'Kanit';
font-size: 1.9rem; }
#newtvod .boxtvodrecom p {
color: #cdedf5;
font-family: 'Kanit';
font-size: 1rem; }
#tophottvod {
padding-top: 2rem;
padding-bottom: 2rem;
background: #161a26;
background: radial-gradient(circle, #161a26 0%, #01050a 100%); }
#tophottvod .ratemovie {
border-bottom: .3rem solid #add8e6; }
#tophottvod .ratemovie a {
font-family: 'Kanit';
color: white; }
#revord {
padding-bottom: 1rem; }
#revord img {
text-align: center;
width: 100%;
border: 1px solid red; }
#tvodblog {
padding-bottom: 1rem; }
#tvodblog .headnews {
padding-top: 1rem;
font-family: 'Kanit';
font-size: 2.5rem;
color: #add8e6; }
@media screen and (max-width: 39.9375em) {
#tvodblog .headnews {
font-size: 1.5rem; } }
#tvodblog .nextcontent {
padding-top: 1rem;
font-family: 'Kanit';
font-size: 1rem;
color: #add8e6;
text-align: right; }
#tvodblog .nextcontent:hover {
color: white; }
#tvodblog .lingpagelink {
font-family: 'Kanit';
position: relative; }
#tvodblog .lingpagelink img {
max-width: 100%;
height: 23rem;
object-fit: cover; }
@media screen and (max-width: 39.9375em) {
#tvodblog .lingpagelink img {
height: 12rem; } }
#tvodblog .lingpagelink a {
font-family: 'Kanit';
color: white; }
#tvodblog .lingpagelink a:hover {
text-decoration: underline; }
#tvodblog .lingpagelink h3 {
font-family: 'Kanit';
font-size: 1.5rem;
font-weight: 500;
margin-bottom: .25rem;
max-height: 3.1rem;
overflow: hidden;
line-height: 1.6rem;
margin-bottom: 1rem; }
#tvodblog .lingpagelink .textonimg {
position: absolute;
display: initial;
top: 0px;
padding-left: 3px;
padding-right: 3px;
font-family: 'kanit'; }
#tvodblog .lingpagelink .linktextonimg :hover {
color: black; }
#tvodblog .lingpagelink .timegetadmin {
margin-top: 0;
margin-bottom: 1rem;
color: white; }
#tvodblog .lingpagelinksigel {
font-family: 'Kanit';
position: relative; }
#tvodblog .lingpagelinksigel img {
max-width: 100%;
height: 10rem;
object-fit: cover; }
@media screen and (max-width: 39.9375em) {
#tvodblog .lingpagelinksigel img {
height: 12rem; } }
#tvodblog .lingpagelinksigel a {
font-family: 'Kanit';
color: white; }
#tvodblog .lingpagelinksigel a:hover {
color: #eb622c; }
#tvodblog .lingpagelinksigel h3 {
font-family: 'Kanit';
font-size: 1rem;
font-weight: 400;
margin-bottom: .25rem;
max-height: 3.1rem;
overflow: hidden;
line-height: 1.6rem;
margin-bottom: .5rem; }
#tvodblog .lingpagelinksigel .textonimg {
position: absolute;
display: initial;
top: 0px;
padding-left: 3px;
padding-right: 3px;
font-family: 'kanit'; }
#tvodblog .lingpagelinksigel .linktextonimg :hover {
color: black; }
#tvodblog .lingpagelinksigel .timegetadmin {
color: white; }
.sigletvodmovie {
padding-top: 1rem; }
.sigletvodmovie .entry-title {
color: #add8e6;
font-family: 'Kanit';
font-size: 2rem; }
.sigletvodmovie .post_excerpt {
padding-top: 1rem; }
.sigletvodmovie .post_excerpt h4 {
color: #186FAA;
font-family: 'Kanit';
font-size: 1.5rem; }
.sigletvodmovie .post_excerpt p {
color: white;
font-family: 'Kanit';
font-size: 1rem; }
.videoplaypost {
text-align: center; }
.wp-block-video video {
width: 500px; }
.promotionpack {
padding-top: 1rem; }
.promotionpack h1 {
font-size: 2rem;
color: white;
font-family: 'Kanit'; }
.promotionpack img {
padding-bottom: 1rem;
text-align: center;
width: 100%; }
.promotionpack .detielbutton {
background: linear-gradient(75.71deg, #FF7629 23.5%, #FF9029 98.21%);
border-radius: 22px;
color: white;
font-family: 'Kanit';
border-radius: 10px; }
.promotionpack .detielbutton .contact:hover {
background: linear-gradient(75.71deg, #FF9029 23.5%, #FF7629 98.21%); }
.promotionpack p {
text-align: right;
color: white;
font-family: 'Kanit'; }
.texttvodimg a img {
position: relative;
text-align: center;
color: white; }
.texttvodimg .texttvodonimg {
position: absolute;
bottom: -11px;
font-size: 3.5rem;
font-family: 'Kanit';
color: white;
margin-left: 7px;
font-weight: 600;
text-shadow: 1px 0px 20px lightblue; }
.faqboxqtion {
-webkit-box-shadow: -1px 6px 25px 0px  #0b2e43;
-moz-box-shadow: -1px 6px 25px 0px  #0b2e43;
box-shadow: -1px 6px 25px 0px #0b2e43;
border-radius: 10px; }
.faqboxqtion p {
padding-top: 1rem;
text-align: center;
color: white;
font-family: 'Kanit';
font-size: 1.8rem; }
.faqboxqtion a h3 {
font-size: 1.1rem;
text-align: left;
color: white;
font-family: 'Kanit';
box-shadow: 0 7px 6px -7px #ffffff; }
.faqboxqtion a h3:hover {
color: #0b2e43; }
#x1 {
padding-top: 1rem; }
#x1 h2 {
color: white;
background: #5cb5be;
background: linear-gradient(354deg, #ec7e3abd 40%, #ff7b29 95%);
font-family: 'Kanit';
font-size: 1.8rem;
padding-left: 1rem; }
#x1 p {
padding-left: 1rem;
color: white;
font-family: 'Kanit'; }
#x1 h4 {
padding-left: 1rem;
color: white;
font-family: 'Kanit';
font-size: 1.3rem; }
#x2 h2 {
color: white;
background: #5cb5be;
background: linear-gradient(354deg, #ec7e3abd 40%, #ff7b29 95%);
font-family: 'Kanit';
font-size: 1.8rem;
padding-left: 1rem; }
#x2 p {
padding-left: 1rem;
color: white;
font-family: 'Kanit'; }
#x2 h4 {
padding-left: 1rem;
color: white;
font-family: 'Kanit';
font-size: 1.3rem; }
#x2 img {
border-radius: 35px;
padding-bottom: 1rem; }
#x3 h2 {
color: white;
background: #5cb5be;
background: linear-gradient(354deg, #ec7e3abd 40%, #ff7b29 95%);
font-family: 'Kanit';
font-size: 1.8rem;
padding-left: 1rem; }
#x3 p {
padding-left: 1rem;
color: white;
font-family: 'Kanit'; }
#x3 h4 {
padding-left: 1rem;
color: white;
font-family: 'Kanit';
font-size: 1.3rem; }
#x3 img {
text-align: center;
width: 350px;
padding-bottom: 1rem; }
.faqboxanswe {
-webkit-box-shadow: -1px 6px 25px 0px  #0b2e43;
-moz-box-shadow: -1px 6px 25px 0px  #0b2e43;
box-shadow: -1px 6px 25px 0px #0b2e43;
border-radius: 10px; }
#example-vert-tabs a {
font-size: 1.3rem;
font-family: 'Kanit'; }
@media screen and (max-width: 39.9375em) {
#example-vert-tabs a {
font-size: 1rem; } }
#example-vert-tabs .tabs-title > a:focus, #example-vert-tabs .tabs-title > a[aria-selected=true] {
background: #ff5013;
color: white; }
.channelall {
padding-top: 1rem; }
.channelall img {
width: 100%; }
.recommoive {
position: relative;
text-align: center; }
.recommoive :focus {
outline: none; }
.recommoive .nextArrow {
display: inline !important;
color: #e24031;
font-size: 3rem;
position: absolute;
top: calc(50% - 50px);
right: 1px; }
@media screen and (max-width: 39.9375em) {
.recommoive .nextArrow {
display: none !important; } }
.recommoive .arrow_prew {
display: inline !important;
color: #e24031;
font-size: 3rem;
position: absolute;
top: calc(50% - 50px);
left: 1px; }
@media screen and (max-width: 39.9375em) {
.recommoive .arrow_prew {
display: none !important; } }
.recommoive .nextArrow1 {
display: inline !important;
color: #e24031;
font-size: 3rem;
position: absolute;
top: calc(50% - 50px);
right: 1px; }
@media screen and (max-width: 39.9375em) {
.recommoive .nextArrow1 {
display: none !important; } }
.recommoive .arrow_prew1 {
display: inline !important;
color: #e24031;
font-size: 3rem;
position: absolute;
top: calc(50% - 50px);
left: 1px; }
@media screen and (max-width: 39.9375em) {
.recommoive .arrow_prew1 {
display: none !important; } }
.recommoive .nextArrow2 {
display: inline !important;
color: #e24031;
font-size: 3rem;
position: absolute;
top: calc(50% - 50px);
right: 1px; }
@media screen and (max-width: 39.9375em) {
.recommoive .nextArrow2 {
display: none !important; } }
.recommoive .arrow_prew2 {
display: inline !important;
color: #e24031;
font-size: 3rem;
position: absolute;
top: calc(50% - 50px);
left: 1px; }
@media screen and (max-width: 39.9375em) {
.recommoive .arrow_prew2 {
display: none !important; } }
.recommoive .nextArrow3 {
display: inline !important;
color: #e24031;
font-size: 3rem;
position: absolute;
top: calc(50% - 50px);
right: 1px; }
@media screen and (max-width: 39.9375em) {
.recommoive .nextArrow3 {
display: none !important; } }
.recommoive .arrow_prew3 {
display: inline !important;
color: #e24031;
font-size: 3rem;
position: absolute;
top: calc(50% - 50px);
left: 1px; }
@media screen and (max-width: 39.9375em) {
.recommoive .arrow_prew3 {
display: none !important; } }
.recommoive .nextArrow4 {
display: inline !important;
color: #e24031;
font-size: 3rem;
position: absolute;
top: calc(50% - 50px);
right: 1px; }
@media screen and (max-width: 39.9375em) {
.recommoive .nextArrow4 {
display: none !important; } }
.recommoive .arrow_prew4 {
display: inline !important;
color: #e24031;
font-size: 3rem;
position: absolute;
top: calc(50% - 50px);
left: 1px; }
@media screen and (max-width: 39.9375em) {
.recommoive .arrow_prew4 {
display: none !important; } }
.recommoive .nextArrow5 {
display: inline !important;
color: #e24031;
font-size: 3rem;
position: absolute;
top: calc(50% - 50px);
right: 1px; }
@media screen and (max-width: 39.9375em) {
.recommoive .nextArrow5 {
display: none !important; } }
.recommoive .arrow_prew5 {
display: inline !important;
color: #e24031;
font-size: 3rem;
position: absolute;
top: calc(50% - 50px);
left: 1px; }
@media screen and (max-width: 39.9375em) {
.recommoive .arrow_prew5 {
display: none !important; } }
#test1 li a:focus, #test2 li a:focus, #test3 li a:focus, #test4 li a:focus, #test5 li a:focus, #test6 li a:focus, #test7 li a:focus {
color: #e24031;
font-weight: bold; }
.headerchanel {
text-align: left;
padding-bottom: 20px; }
.headerchanel img {
width: 100px; }
.headerchanel h2 {
color: #e24031;
font-size: 1.7rem;
font-family: 'kanit'; }
.entry-title {
font-family: 'Kanit'; }
.contenthowto {
padding-top: 2rem; }
.footer3bbtv {
padding-bottom: 1rem;
background-color: black; }
@media screen and (max-width: 39.9375em) {
.footer3bbtv {
padding-top: 1rem; } }
.footer3bbtv .logo3bbtv {
text-align: center; }
@media screen and (max-width: 39.9375em) {
.footer3bbtv .logo3bbtv {
text-align: center; } }
.footer3bbtv .logo3bbtv img {
width: 50%; }
@media screen and (max-width: 39.9375em) {
.footer3bbtv .logo3bbtv img {
width: 50%; } }
.footer3bbtv .textaddies {
padding-top: 1rem;
font-family: 'Kanit';
font-size: 2.5rem;
background: linear-gradient(354deg, #eb9615 26%, #ab510a 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent; }
@media screen and (max-width: 39.9375em) {
.footer3bbtv .textaddies {
padding-top: 0rem;
font-size: 1.8rem; } }
.footer3bbtv .addiess {
color: white;
font-family: 'Kanit';
font-size: 1.3rem; }
@media screen and (max-width: 39.9375em) {
.footer3bbtv .addiess {
font-size: 1.3rem; } }
.footer3bbtv p {
font-family: 'Kanit';
color: white;
font-size: 1.3rem;
margin-bottom: 0; }
.footer3bbtv .telelaphone span {
font-family: 'Kanit';
font-size: 1.3rem;
color: white;
display: inline; }
@media screen and (max-width: 39.9375em) {
.footer3bbtv .telelaphone span {
font-size: 1.3rem; } }
.footer3bbtv .telelaphone p {
display: inline;
color: white;
font-family: 'Kanit';
font-size: 1.3rem;
font-weight: 300; }
@media screen and (max-width: 39.9375em) {
.footer3bbtv .telelaphone p {
font-size: 1.3rem; } }
.footer3bbtv .fa-line {
color: white;
font-size: 3rem;
border-radius: 50px; }
@media screen and (max-width: 39.9375em) {
.footer3bbtv .fa-line {
font-size: 2rem; } }
.footer3bbtv .fa-facebook {
padding-left: 10px;
font-size: 3rem;
color: white; }
@media screen and (max-width: 39.9375em) {
.footer3bbtv .fa-facebook {
font-size: 2.3rem; } }
.footer3bbtv .fa-youtube {
padding-left: 10px;
font-size: 3rem;
color: white; }
@media screen and (max-width: 39.9375em) {
.footer3bbtv .fa-youtube {
font-size: 2.3rem; } }
.footer3bbtv .policy {
padding-top: 1rem;
padding-bottom: 1rem; }
.footer3bbtv .policy span {
display: inline;
color: white;
font-size: 1.3rem; }
@media screen and (max-width: 39.9375em) {
.footer3bbtv .policy span {
font-size: 1.3rem; } }
.footer3bbtv .policy span a {
color: white;
font-family: 'Kanit';
font-size: 1.4rem; }
@media screen and (max-width: 39.9375em) {
.footer3bbtv .policy span a {
font-size: 1rem; } }
.footer3bbtv .policy span a:hover {
color: #fa4616; }
#dpMonths {
display: none; }
#dpMonths .fa-calendar-alt {
color: white;
font-size: 2rem;
margin-top: 3px; }
.button.right {
font-size: 2rem; }
#xfx {
cursor: default; }
.box-3bbgiga {
background-color: #000000; }
.box-3bbgiga .content-giga {
margin-top: 6rem; }
@media screen and (max-width: 39.9375em) {
.box-3bbgiga .content-giga {
margin-top: 2rem; } }
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
.box-3bbgiga .content-giga {
margin-top: 1rem; } }
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
.box-3bbgiga .content-giga .logo img {
width: 70%; } }
.box-3bbgiga .content-giga .button-logo .button {
background: linear-gradient(75.71deg, #FF7629 23.5%, #FF9029 98.21%);
font-size: 1rem;
color: white;
font-family: 'Kanit';
border-radius: 2px; }
.box-3bbgiga .content-giga .button-logo .button:hover {
background: linear-gradient(75.71deg, #FF9029 23.5%, #FF7629 98.21%); }
.box-3bbgiga .text-cap {
font-family: 'Kanit';
color: white;
font-size: 2rem;
margin-bottom: unset; }
@media screen and (max-width: 39.9375em) {
.box-3bbgiga .text-cap {
font-size: 1.7rem; } }
.box-3bbgiga .imgbanner {
padding-right: unset;
padding-left: unset; }
.box-3bbgiga .imgbanner img {
width: 100%; }
.box-hbogo {
padding-top: .2rem;
background-color: #000000; }
.box-hbogo .content-giga {
margin-top: 5rem; }
@media screen and (max-width: 39.9375em) {
.box-hbogo .content-giga {
margin-top: 2rem; } }
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
.box-hbogo .content-giga {
margin-top: 1rem; } }
.box-hbogo .content-giga .logo img {
width: 70%; }
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
.box-hbogo .content-giga .logo img {
width: 40%; } }
.box-hbogo .content-giga .button-logo .button {
background: linear-gradient(75.71deg, #0f85ff 23.5%, #206dff 98.21%);
font-size: 1rem;
color: white;
font-family: 'Kanit';
border-radius: 2px; }
.box-hbogo .content-giga .button-logo .button:hover {
background: linear-gradient(75.71deg, #206dff 23.5%, #0f85ff 98.21%); }
.box-hbogo .text-cap {
font-family: 'Kanit';
color: white;
font-size: 2rem;
margin-bottom: unset; }
@media screen and (max-width: 39.9375em) {
.box-hbogo .text-cap {
font-size: 1.7rem; } }
.box-hbogo .imgbanner {
padding-right: unset;
padding-left: unset; }
.box-hbogo .imgbanner img {
width: 100%; }
.box-monomax {
padding-top: .2rem;
background-color: #000000; }
.box-monomax .content-giga {
margin-top: 5rem; }
@media screen and (max-width: 39.9375em) {
.box-monomax .content-giga {
margin-top: 2rem; } }
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
.box-monomax .content-giga {
margin-top: 1rem; } }
.box-monomax .content-giga .logo img {
width: 66%; }
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
.box-monomax .content-giga .logo img {
width: 40%; } }
.box-monomax .content-giga .button-logo .button {
background: linear-gradient(75.71deg, #f15a22 23.5%, #ff6a20 98.21%);
font-size: 1rem;
color: white;
font-family: 'Kanit';
border-radius: 2px; }
.box-monomax .content-giga .button-logo .button:hover {
background: linear-gradient(75.71deg, #ff6a20 23.5%, #f15a22 98.21%); }
.box-monomax .text-cap {
font-family: 'Kanit';
color: white;
font-size: 2rem;
margin-bottom: unset; }
@media screen and (max-width: 39.9375em) {
.box-monomax .text-cap {
font-size: 1.7rem; } }
.box-monomax .imgbanner {
padding-right: unset;
padding-left: unset; }
.box-monomax .imgbanner img {
width: 100%; }
.morecontent {
padding-top: 1rem;
padding-bottom: 3rem;
text-align: center; }
.morecontent .button {
padding: 10px 38px;
font-family: 'kanit';
font-size: 1.2rem;
font-weight: 400;
background: linear-gradient(to right, #ff8d1d 0%, #e86b31 100%);
border-radius: 5px; }
.morecontent .button:hover {
background: linear-gradient(to right, #e86b31 0%, #ff8d1d 100%); }
#aboutme {
padding-top: 1rem; }
#aboutme .headabout {
padding-top: 1rem;
color: #F39C12;
font-size: 2rem;
font-family: 'Kanit'; }
#aboutme .textaboutme {
text-align: justify; }
#aboutme .textaboutme p {
color: white;
font-family: 'kanit';
font-size: 1.2rem;
font-weight: 300;
line-height: 40px; }
#aboutme .logocircleimg {
padding-top: 4rem; }
#aboutme .logocircleimg .circleimg {
text-align: center;
width: 120px;
height: 120px;
border-radius: 50%;
text-align: center; }
#aboutme .logocircleimg .circleimg .chromecast {
margin-top: 2rem;
width: 70px; }
#aboutme .logocircleimg .circleimg .chromecast:hover {
transform: scale(1.1); }
#aboutme .logocircleimg .circleimg .google-assistant {
margin-top: 2rem;
width: 70px; }
#aboutme .logocircleimg .circleimg .google-assistant:hover {
transform: scale(1.1); }
#aboutme .logocircleimg .circleimg .google-Play {
margin-top: 1.2rem;
margin-left: .5rem;
width: 70px; }
#aboutme .logocircleimg .circleimg .google-Play:hover {
transform: scale(1.1); }
#aboutme .logocircleimg .circleimg .channel4 {
margin-top: 1.2rem;
margin-left: .5rem;
width: 100px; }
#aboutme .logocircleimg .circleimg .channel4:hover {
transform: scale(1.1); }
#aboutme .logocircleimg .circleimg .upText {
margin-top: 1.2rem;
margin-left: .5rem;
width: 90px; }
#aboutme .logocircleimg .circleimg .upText:hover {
transform: scale(1.1); }
#aboutme .box-pic {
width: 325px;
margin: -59px 33px; }
@media screen and (max-width: 39.9375em) {
#aboutme .box-pic {
margin: unset; } }
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
#aboutme .box-pic {
margin: -59px 1px; } }
#aboutme .detileappcircle {
padding-top: .5rem;
font-size: 1.2rem;
text-align: center;
color: white;
font-family: 'kanit'; }
#contect {
padding-top: 5rem; }
@media screen and (max-width: 39.9375em) {
#contect {
padding-top: 1rem; } }
#contect .qustion {
font-family: 'Kanit';
font-size: 1.7rem; }
#contect .map-responsive {
overflow: hidden;
padding-bottom: 56.25%;
position: relative;
height: 0; }
#contect .map-responsive iframe {
left: 0;
top: 0;
height: 100%;
width: 100%;
position: absolute; }
#contect h3 {
font-size: 1.6rem;
font-family: 'Kanit';
color: #F89646; }
#contect p {
font-family: 'Kanit';
font-size: 1rem; }
.logo3bbtvgigatv {
width: 150px; }
@media screen and (max-width: 39.9375em) {
.logo3bbtvgigatv {
display: none; } }