/*
Theme name: Ufabet
Author: Me
Author URI: https://www.net.cn/
*/
* { -webkit-tap-highlight-color: transparent; }
article,aside,details,figcaption,figure,footer,header,main,nav,section{display:block}
article,aside,blockquote,body,button,code,dd,details,div,dl,dt,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,hr,html,input,legend,li,main,menu,nav,ol,p,pre,section,td,textarea,th,ul{margin:0;padding:0}

body { background: #000; font: 100%/1.5em "Noto Sans Khmer", Sans-serif;color: #fff; }
a { text-decoration: none; -webkit-tap-highlight-color: transparent; color: #fff; outline: none; }
a:hover { color: #fff; }
input { -webkit-appearance: none; border-radius: 0; }
input:focus { outline: none; }
li { list-style: none; }
.clear { clear: both; }
a img { border: none; }
table { background-color: transparent; border-spacing: 0; border-collapse: collapse; font-size: 0.75em; width: 100%; border-top: solid 1px #ddd; border-left: solid 1px #ddd; box-sizing: border-box; }
table th { background-color: #f9f9f9; text-align: center; box-sizing: border-box; }
table td,
table th { padding: 5px 10px; border: 1px solid #ddd; box-sizing: border-box; }

/*gold*/
.inner { width: 1140px; margin: 0 auto; }
main.inner{padding:30px 0;}
.blank { height: 82px; width: 100%; }
.thumbnail a { display: block; position: relative; overflow: hidden; padding-bottom: 75%; }
.thumbnail img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: block; object-fit: cover; }

/*header*/
.header {width: 100%;position:inherit;left: 0;top: 0;z-index: 9;border-bottom: 2px #EDCB5A solid;transition: all 0.3s ease 0s;box-shadow: 0px 0px 10px 0px rgba(236.99999999999997, 202.99999999999997, 89.99999999999999, 0.66);}
.header .inner { position: relative; }
.header.fixed {}
.topbar{padding:10px 0;display:flex;justify-content:space-between;flex-wrap:nowrap;align-items:center}
.topbar img{width:27px;height:auto}
.topbar div:first-child{display: flex;flex-direction: column;}
#uc_neon_glowing_button_effect_elementor_797a4cf *{margin:0;box-sizing:border-box;color:#333}
#uc_neon_glowing_button_effect_elementor_797a4cf .ue-btn{display:flex;align-items:center;color:#f0b623;padding:10px 30px}
#uc_neon_glowing_button_effect_elementor_797a4cf a{position:relative;display:inline-block;text-decoration:none;transition:.5s;overflow:hidden;background-image:linear-gradient(180deg,#e7d39d 0,#b19560 100%);box-shadow:0 0 10px 0 rgba(176.99999999999986,148.99999999999991,95.99999999999994,.65);border-style:solid;border-width:1px 1px 1px 1px;border-color:#897550;border-radius:5px 5px 5px 5px;color:#fff}
.ue-btn:hover .ue-btn-txt{color:#333}
#uc_neon_glowing_button_effect_elementor_797a4cf a:hover{background:#f0b623;color:#333;box-shadow:0 0 5px #f0b623,0 0 25px #f0b623,0 0 50px #f0b623,0 0 200px #f0b623}
#uc_neon_glowing_button_effect_elementor_797a4cf a span{position:absolute;display:block}
#uc_neon_glowing_button_effect_elementor_797a4cf a span:nth-child(1){top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent,#f0b623);animation:animate1 1s linear infinite}
@keyframes animate1{0%{left:-100%}
100%,50%{left:100%}
}
#uc_neon_glowing_button_effect_elementor_797a4cf a span:nth-child(2){top:-100%;right:0;width:2px;height:100%;background:linear-gradient(180deg,transparent,#f0b623);animation:animate2 1s linear infinite;animation-delay:.25s}
@keyframes animate2{0%{top:-100%}
100%,50%{top:100%}
}
#uc_neon_glowing_button_effect_elementor_797a4cf a span:nth-child(3){bottom:0;right:0;width:100%;height:2px;background:linear-gradient(270deg,transparent,#f0b623);animation:animate3 1s linear infinite;animation-delay:.5s}
@keyframes animate3{0%{right:-100%}
100%,50%{right:100%}
}
#uc_neon_glowing_button_effect_elementor_797a4cf a span:nth-child(4){bottom:-100%;left:0;width:2px;height:100%;background:linear-gradient(360deg,transparent,#f0b623);animation:animate4 1s linear infinite;animation-delay:.75s}
@keyframes animate4{0%{bottom:-100%}
100%,50%{bottom:100%}
}
/*logo*/
#logo { float: left; padding: 18px 0; }
#logo a {display: block;width: 200px;height: 60px;text-indent: -9999em;overflow: hidden;background: no-repeat left center;background-size: contain;}

/*nav*/
.nav {display: flex;justify-content: center;}
.nav li { float: left; font-size: 16px; line-height: 34px; position: relative; padding:28px 0 14px;margin:0 10px;}
.nav li a { color: #fff; display: block; padding:3px 15px; transition: all 0.3s ease 0s; border-radius: 8px;}
.nav li.current-menu-item > a,.nav li a:hover { color: #E6CE19;}.nav li li.current-menu-item > a{color:#222;}
.nav li li.current-menu-item > a:after,.nav li li.current-menu-item > a:before{width:0;}
.nav li.current-menu-item > a:after {
    width: 100%;
    height: 2px;
    position: absolute;
    left: 0;
    bottom:10px;
    content: '';
    display: block;
    background-color:#B19560;
    transition: width .3s;
}
.nav li.current-menu-item > a:before {
    width: 100%;
    height: 2px;
    position: absolute;
    left: 0;
    top:20px;
    content: '';
    display: block;
    background-color:#B19560;
    transition: width .3s;
}
.nav li ul {position: absolute;left: 50%;top: 100%;z-index: 9999;width: 140px;margin-left: -70px;background-color: #fff;display: none;}
.nav li li { float: none; padding: 0; font-size: 16px; text-align: center;margin: 0; }
.nav li li a {color: #333;padding: 5px;border-radius: initial;}
.nav li li a:hover {background:#666;color:#fff;}
.nav li em,
.navBtn { display: none; }

.wid h2{background:linear-gradient(135deg,#b57e10 0,#f9df7b 50%,#c8992e 100%);padding:10px;border-radius:5px;border:solid #f2d785;border-width:1px;font-family:Prompt,Sans-serif;font-size:18px;font-weight:600;line-height:1.5em;color:#0a0a0a;text-align:center}
.wid.text-center .textwidget {text-align: center !important;}
.wid .textwidget{padding:15px 0;}
.wid .textwidget p{padding-bottom:15px;}
.wid .textwidget p:last-child{padding-bottom:0;}

.swiper-container{margin: 0 0 15px;overflow: hidden;}
.swiper-slide img{width:100%;height:auto;max-height:400px;object-fit:cover;border-radius:8px}
.swiper-widget-admin .image-url-display{margin-top:5px;padding:5px;background:#f5f5f5;border:1px solid #ddd}
.swiper-widget-admin .image-url-display input{background:#fff!important;cursor:text!important}
.slide-group{margin-bottom:15px;padding:10px;border:1px solid #ddd}

.theme-tabs-wrapper{margin: 10px 0 0;}
.tabs-nav{display:flex;justify-content: center;}
.tab-head{padding:15px 25px;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s;font-size: 18px;font-weight: 500;}
.tab-head.active{}
.tab-head img.tab-icon{width: 30px;height: 30px;object-fit:contain}
.tabs-body{padding: 10px;}
.tab-content{display:none}
.tab-content.active{display:block}
.tab-content figure{margin-bottom:15px}
.tab-content p{padding-top:15px;}.tab-content p:first-child{padding-top:0;}
.tab-content img{max-width:100%;height:auto}

.ad-grid-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px;padding:15px}
.ad-item{position:relative;overflow:hidden;border-radius:8px}
.ad-item img{width:100%;height:auto;transition:transform .3s ease}
.ad-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);opacity:0;transition:opacity .3s ease;display:flex;align-items:center;justify-content:center}
.ad-text{color:#fff;font-size:1.2em;text-align:center;padding:10px}
.ad-item:hover .ad-overlay{opacity:1}
.ad-item:hover img{transform:scale(1.1)}

.theme-ad-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding:10px;margin-top:10px;}
.ad-item{position:relative;overflow:hidden;border-radius:8px;transition:all .3s cubic-bezier(.4,0,.2,1)}
.ad-item img,.theme-ad-grid img{width:100%;height:200px;object-fit:cover;transition:transform .3s ease}
.ad-item:hover{box-shadow:0 10px 20px rgba(0,0,0,.2);transition-duration: 0.3s;opacity:0.5;}
.ad-item:hover img{transform:scale(1.05)}

.post-all h1{font-size:2em;text-align:center;color: #fff;line-height: 1.5;}
.news-list{display:grid;grid-template-columns:1fr 1fr 1fr;gap:2.5rem}
#wps-list-img{display:block;width:100%;height:10rem;overflow:hidden;background-size:100%;background-repeat:no-repeat}
.news-list div{box-shadow:0 12px 32px rgba(255,0,60,.16);border-radius:1rem;overflow:hidden;text-align:left;transition:transform .3s ease}
.news-list div:hover{transform:scale(1.1)}
.c-tit{font-size:1.2rem;text-align:center;margin:2rem 0}
.atk-title{padding:1rem;line-height:1.8;background:#fafafa}
.atk-title strong{display:block;height:1.5rem;line-height:1.5rem;overflow:hidden;margin-bottom:.5rem}
.atk-title a{font-size:1rem;color:#333;text-decoration:none}
.atk-title p{font-size:.8rem;color:#666}
.pagination{display:-ms-flexbox;display:flex;padding-left:0;list-style:none;width:100%;justify-content:center;border-radius:.25rem;margin:30px auto}
.page-link,.page-num{position:relative;display:block;padding:.5rem .75rem;margin-left:-1px;line-height:1.25;color: #edcc5c;}
.page-num:not(:disabled){cursor:pointer}
.page-num-current{z-index:1;color:#333;background-color: #edcc5c;border-radius: 3px;}

.inf{font-size:.8rem;color:#fafafa;display:flex;gap:1rem;justify-content:center;margin:1rem 0}
.con{margin:auto;font-size:1rem;line-height:200%;color:#fff;margin-bottom:1rem}
.con h2,.con h3,.con h4,.con h5{margin:25px 0;padding:0;color:#fff;font-weight:700;padding:10px 0 10px 10px}
.con h2,.con h3,.con h4,.con h5{border-left:5px solid #e5e6e0;font-weight:700;font-size:22px;line-height:20px}
.con h3{font-size:18px}
.con h4{font-size:15px}
.con h5{font-size:14px}
.con img{max-width:100%;margin:auto;display:block}
.con iframe{display:block;margin:auto;margin-top:.8rem;margin-bottom:.8rem;min-width:660px;max-width:660px;min-height:400px;max-height:400px}
.con ol,.con ul{margin:0 0 18px 15px}
.con ul{list-style:disc}
.con ol{list-style:decimal}
.con li{margin-bottom:6px}
.con p{padding:0 0 8px 0;word-wrap:break-word;font-size:18px;line-height:190%}
.con pre{word-wrap:break-word}
.con table{margin-bottom:18px;width:100%;border-top:solid 1px #ddd;border-left:solid 1px #ddd}
.con table th{background-color:#f9f9f9;text-align:center}
.con table td,.con table th{padding:5px 10px;border-right:solid 1px #ddd;border-bottom:solid 1px #ddd}
blockquote{background:#2c2a2a;padding:20px;border-radius:10px;margin-left:20px;margin-bottom:10px}
blockquote p{padding-bottom:0!important}
.nextorprev{font-size:.8rem}
.nextorprev a{color:#fff;text-decoration:none;font-size:.8rem}
.nextorprev a:hover{text-decoration:underline}
.prev-post{margin-bottom:10px}

.content h2{background:linear-gradient(135deg,#b57e10 0,#f9df7b 50%,#c8992e 100%);padding:10px;border-radius:5px;border:solid #f2d785;border-width:1px;font-family:Prompt,Sans-serif;font-size:18px;font-weight:600;line-height:1.5em;color:#0a0a0a;text-align:center;margin-bottom: 20px;}
.content p{padding-bottom:15px;line-height:1.5;}

.content h3{padding:10px 0;color:#ddb448;font-size:17px;font-weight:600;line-height:1.5em;}
.content ul{padding-left:25px;}
.content ul li{list-style: unset;line-height:27px;}
.content img{max-width:100%;height:auto;}

.footer{border-top:#edcc5c 3px solid}
.footer .side h3{background:0 0;border:none;border-radius:none;color:#edcc5c;padding:10px;font-family:Prompt,Sans-serif;font-size:18px;font-weight:600;line-height:1.5em;text-align:center}
.footer .swiper-slide img{border-radius: 0;}
.footer .wid .textwidget{padding:0}
.widget{display:grid;grid-template-columns:repeat(4,1fr);padding:20px 0;gap:30px}
.widget h3{font-family:"Noto Sans Khmer",Sans-serif;font-weight:600;line-height:1.5em;color:#edcc5c;font-size:16px}
.widget .textwidget{margin-top:15px}
.widget li{line-height:27px;font-size:15px}
.widget li a:hover{color:#edcc5c}
.copyright{font-family:Khmer,Sans-serif;font-size:13px;font-weight:400;color:#fff;text-align:center}

.bottombar{position:fixed;z-index: 10;bottom:0;left:0;right:0;border-top:2px solid #F2D785;background: #000;}
.bottombar ul{display: grid
;
    grid-template-columns: repeat(5, 1fr);
    padding: 20px 0;
    gap: 30px;}
.bottombar ul li a{display: grid
;
    justify-items: center;}
.bottombar img{max-width:42px;height:auto;}
.gt_white_content a{color:#333;}

.nav-menu{display: grid;grid-template-columns: repeat(5, 1fr);justify-items: center;padding:10px 0;border-bottom: 2px solid #EDCC5C;}
.nav-menu a{color:#EDCC5C;font-size:18px;transition: font-size 0.3s ease;}
.nav-menu a:hover{font-size: 20px;}

















@media only screen and (max-width:1280px) {
	/*1280*/
	.inner { width: 93.75%; }
	/*1280*/
	#logo { padding: 19px 0; }
	#logo a { width: 150px; height: 40px; }
	/*1280*/
	.nav li { font-size: 16px; padding-left: 10px; padding-right: 10px; }
}
@media only screen and (max-width:1024px) {
	/*1024px*/
	.blank { height: 58px; }
body{-webkit-transition:all .3s ease-out 0s;-o-transition:all .3s ease-out 0s;transition:all .3s ease-out 0s}
	
	.menu-on{position:fixed;top:0;left:0;right:0;bottom:0;overflow:hidden;-webkit-transform:translateX(80%);-ms-transform:translateX(80%);transform:translateX(80%);-webkit-transition:all .3s ease-out 0s;-o-transition:all .3s ease-out 0s;transition:all .3s ease-out 0s}
	.menu-on .header{box-shadow:none}
	.menu-on .menu-on-shadow{display:block;position:fixed;z-index:19999;width:100%;height:100%;left:0;top:0;background:rgba(0,0,0,.7);content:"";cursor:pointer}
	.menu-on .navBtn{position: fixed;right: 104%;z-index: 999;top:0;}
	.menu-on #logo{position: fixed;top: 0;right: 100%;width: 80%;transition: all 0.3s ease 0s;}
	.menu-on #logo a{margin-left: 30px;}
	.nav li.current-menu-item > a, .nav li a:hover{background:none;color:#fff;}

	/*1024px*/
	#logo { padding: 12px 0; }
	#logo a { width: 170px; height: 32px;}

	/*1024px*/
	.navBtn { display: block; width: 22px; position: relative; float: right; height: 24px; padding: 17px 0; cursor: pointer; }
	.navBtn span { display: block; width: 100%; height: 2px; background-color: #999; position: absolute; top: 50%; left: 0; margin-top: -1px; }
	.navBtn span:before,
	.navBtn span:after { content: ''; display: block; width: 100%; height: 2px; background-color: #999; position: absolute; left: 0; top: -8.5px; transition: transform .3s; transition: transform .3s; }
	.navBtn span:after { top: auto; bottom: -8px; }
	.navBtn.open span { height: 0; }
	.navBtn.open span:before { transform: rotate(45deg); top: 0; }
	.navBtn.open span:after { transform: rotate(-45deg); bottom: auto; top: 0; }

	/*1024px*/
	.nav {position: fixed;left: -80%;top:58px;width: 80%;z-index: 9;height: 100%;overflow-y: auto;-webkit-overflow-scrolling: touch;transition: left .3s;display: block;}
	.nav.open {left: -80%;border-top: 1px solid #eee;}
	.nav ul {padding:5px 0 30px 0;}
	.nav li { float: none; padding: 0; position: relative;border-bottom: 1px solid #eee; }
	.nav li a {color: #fff;padding: 5px 45px 5px 2em;}
	.nav li em { display: block; position: absolute; width: 34px; height: 34px; right: 10px; top: 5px; cursor: pointer; }
	.nav li em:after {content: '';display: block;border-right: 1px solid #222;border-bottom: 1px solid #222;transform: rotate(-45deg);width: 8px;height: 8px;position: absolute;left: 50%;top: 50%;margin-left: -6px;margin-top: -6px;transition: all .3s;}
	.nav li em.open:after { transform: rotate(45deg); margin-top: -8px; }
	.nav li ul { position: static; left: auto; top: auto; margin-left: 0; width: auto; background-color: transparent; padding: 0; }
	.nav li li { border: none; text-align: left; border-bottom:none; border-top: 1px solid #eee;}
	.nav li li a {padding: 5px 0px 5px 3em;color: #222;font-size: 15px;}
}
@media only screen and (max-width:768px) {
	/*768*/
	.header .inner { position: static; }
	.widget {grid-template-columns: repeat(2, 1fr);}
	.tabs-nav{overflow-x:auto;-webkit-overflow-scrolling:touch;white-space:nowrap;padding:10px 0;scrollbar-width:none;display:flex}
    .tabs-nav::-webkit-scrollbar{display:none}
    .tab-head{display:inline-flex;flex-direction:column;align-items:center;padding:8px 15px;min-width:80px;cursor:pointer;transition:all .3s ease;flex-shrink:0;border-bottom:2px solid transparent}
    .tab-icon{width:24px;height:24px;margin-bottom:5px;object-fit:contain}
    .tabs-nav{padding:8px 0}
    .tab-head{padding:8px 12px;min-width:70px;gap: 0;}
    .tab-icon{width:20px;height:20px}
    .tab-head span{font-size:12px}
    .ad-item img, .theme-ad-grid img{height:auto;}
	.theme-ad-grid{padding:10px 0;gap:5px;}.bottombar ul{gap:10px;}
	.trp-language-switcher .trp-ls-shortcode-current-language,.trp-language-switcher:focus .trp-ls-shortcode-language, .trp-language-switcher:hover .trp-ls-shortcode-language{width:150px!important;}
	.nav li.current-menu-item > a:before,.nav li.current-menu-item > a:after{width:0;}
	
}