@charset "utf-8";
/* CSS Document */

/*
body { color: #fefefe; }
aside.site-footpage { overflow-y: hidden; }
.flickity-page-dots { display: none;}
*/



/* ตั้งค่าพื้นฐาน */
        body {
            font-family: sans-serif;
            margin: 0;
            padding: 0;
            line-height: 1.6;
            background: #000000;
        }

        /* กล่องเนื้อหา */
        .container {
            max-width: 900px;
            margin: auto;
            padding: 20px;
            background: #000000;
        }

        /* ตั้งค่าหัวข้อ */
        h1, h2, h3,h4 {
            margin-top: 10px;
			margin-bottom: 10px;
            color: #333;
        }

        /* ย่อหน้า */
        p {
            margin-bottom: 10px;
			margin-top:10px;
            color: #555;
        }

        /* Responsive Typography */
        h1 {
            font-size: clamp(20px, 4vw, 30px);
			color: #CBBB67;
        }
        h2 {
            font-size: clamp(20px, 4vw, 30px);
			color: #CBBB67;
        }
        h3 {
            font-size: clamp(20px, 4vw, 30px);
			color: #CBBB67;
        }
 h4 {
            font-size: clamp(20px, 4vw, 30px);
			color: #CBBB67;
	        margin-bottom: 40px;
        }
        p {
            font-size: clamp(14px, 2.5vw, 18px);
			color: #FFFFFF;
        }

img {
  max-inline-size: 100%; /* ปรับขนาดรูปภาพให้พอดีกับความกว้าง */
  height: auto; /* รักษาอัตราส่วนภาพให้ถูกต้อง */
}

/* ตัวอย่าง Media Query สำหรับหน้าจอขนาดเล็ก */
@media (max-width: 768px) {
  img {
    width: 100%;
    height: auto;
  }
}


.floating-bottom-center {
    position: fixed;       /* ลอยติดตำแหน่ง */
    bottom: 50px;          /* ระยะห่างจากขอบล่าง */
 right:0px;         /* กำหนดให้อยู่ตรงกลางแนวนอน */
    
    
    width: 110px;           /* ขนาดภาพ */
    height: auto;
    
    z-index: 9999;         /* ให้อยู่เหนือองค์ประกอบอื่น */
    cursor: pointer;
}


body { color: #f9f9f9;}
.home-banner { margin-bottom: 0; }
.entry-author a { color: #d0a43f; }
.widget-area a { color: #efefef; }
.content-item .entry-summary p { font-size: 0.93em; }
.content-item.-card { background-color: #050505; }
.content-item a { color: #f7cb55; }

.site-footer h2, .site-footer .widget-title { font-size: 1.3em; }
.site-footer-space { height: auto; }
#s-chat { bottom: 80px; animation: fadeIn ease 0s; }
#s-chat-panel.active { bottom: 140px; }
.site-footer {
    position: relative;
    margin-bottom: 60px;
    font-size: 0.95em;
    color: #fff;
}
.footer-bar { font-size: 1.05em; }

.betLogin { border: 1px solid #e1e1e1; padding: 15px 30px; background-color: #000; text-align: center; }
.bet_form { position: relative; }
table { padding:30px; width: 100%; }
table td { font-size:17px; color:#E6E6E6; }

input[type="text"],input[type="password"]
{
	width:100%;
	height:40px;
	border:1px solid #C75700;
	border-radius:8px;
	font-size:17px;
	padding: 3px 15px;
	margin-bottom: 10px;
}

table a.btn-login { background-color: #AA0000; border-radius:5px; width:90%; color: #fff; padding: 5px 15px; font-size: 15px;}
table a.btn-login:hover { background-color: #ff0000; }

@media only screen and (min-width:320px) and (max-width:960px)
{
table { width:100%; }
input[type="text"],input[type="password"]
{ width:100%;}
}

#bsadsheadlineBottom{ height:auto; width:auto; position:fixed; bottom: 50px; right: 1%; /*transform: translate(-50%, 0);*/ z-index:9999; }
#bsadsheadlineLeft{ height:auto; width:auto; position:fixed; top: 30px; left: 5px; z-index:9999;}
#bsadsheadlineRight{ height:auto; width:auto; position:fixed; top: 30px; right: 5px; z-index:9999;}
#bloggerspicesflotads { height: 30px; width: auto; text-align: left;  }
#bsadsbase{ margin: 0 auto; text-align: center; }
.bclose { color:#fff;font-size:13px;float:right;padding-top:20px;padding-right:10px; }
#bloggerspicesflotads span a{ color:#ff0000; cursor: pointer; }

@media (max-width: 767px) {	
	/*#bsadsheadlineBottom{ display: none; }*/
	#bsadsheadlineBottom{ position:fixed; bottom: 60px; left: 1%; }
	#bsadsheadlineLeft{ display: none; }
	#bsadsheadlineRight{ display: none; }
	.mh-title{text-align:center;background-color: #232323; padding:15px;}
	.mh-description { display: none; }
}

.fix_footer {
	position:fixed;bottom: 0px;z-index: 99999999;width: 100%;min-height: 50px;text-align: center;
	color:#131313 !important;border-top: 1px solid #CDA04F;
	 background-image: linear-gradient(to bottom, #e4c45d, #e7ca64, #ead06b, #edd672, #f0dc79, #f0dc79, #f0dc79, #f0dc79, #edd672, #ead06b, #e7ca64, #e4c45d);;
}

.fix_footer a {display: inline-block;color:#000; margin-left: -3px;font-size: 15px; font-weight: 700; line-height: 28px;padding: 12px 50px 8px 50px;border-right: 1px solid #CDA04F;}
.fix_footer a:last-child {border-right: 0;}
.link_ico {display: inline-block;height: 20px;margin-right: -3px;width: 28px;background-image: url(../img/icon-s2.png?v=1.1);overflow: hidden;background-repeat: no-repeat;}
.fix_footer strong {display: inline-block;top: -5px;position: relative; font-weight: 500;}
.ico_1 {background-position: -50px 6px;}
.ico_2 {background-position: -93px 6px;}
.ico_3 {background-position: -152px 6px;}
.ico_4 {background-position: -180px 6px;}
.ico_5 {background-position: -204px 6px;}

.fix_footer a:hover{
	background-color: #CD1807;
	color: #000;
}

@media screen and (max-width:767px){
	.fix_footer a strong {width: 100%;margin: 5px 0px 5px 0px;}
	.fix_footer a.last {display: none;}
	.fix_footer a {padding: 5px 0px 6px 0px;width: 24%;}
	.footer {padding: 0px 0px 5px 0px;}
}