@charset "utf-8"; /* CSS Document */ body{ font-family: 'Kanit', sans-serif; font-size:13px;color:#fff; /*background-color:#DEE0EA;*/ background: url('/assets/images/landing-bg.png') #162460 repeat-x; /*background:#000 url(/assets/img/bg-min.jpg) top center no-repeat; background-size:inherit;background-attachment:fixed}*/ } /* unvisited link */ a:link { color: #132351; } /* visited link */ a:visited { color: #132351; } /* mouse over link */ a:hover { color: #4871D3; } /* selected link */ a:active { color: #132351; } .carousel-inner img { width: 100%; height: 100%; } .img-res img { width: 100%; height: 100%; } .back-to-top { position: fixed; bottom: 25px; right: 25px; display: none; } .fakeimg { height: 200px; background: #aaa; } .head-botton { background: #F1983B; border-color : #FDC271; font-size: 11px; border-style: solid; color: #fff; /*background-image: url('/assets/images/bg_btn2.png');*/ } .navbottom { background-image: url('/assets/images/bg_btn2.png'); border-color: #008F6B; border: thin; } .jackpot { background-image: url('/assets/images/jackpot_th.png'); background-repeat: no-repeat; background-size: 100% 100%; } .jackpot-slot{ text-align: center; height: 95px; padding-top: 48px; font-size: 160%; } .top-left { position: absolute; top: 26px; left: 26px; font-size: 28px; } .bottom-center { position: absolute; bottom: 8px; left: 30%; } .content-text-web { padding-top: 8%; background-color:#008F6B;border-radius: 5px; } .slot-slide-index { background-color:#FFF; height: 165px; width: 85px; border-radius: 5px; } .bgnavbotton{ /* The image used */ background-image: url("/assets/images/bg_botton.png"); /* Full height */ height: 100%; /* Center and scale the image nicely */ background-repeat:no-repeat; background-size:100% 100%; background-position:center; } .bgfixbotton{ /* The image used */ background-image: url("/assets/images/bg_botton-fix.png"); /* Full height */ height: 100%; /* Center and scale the image nicely */ background-repeat:no-repeat; background-size:100% 100%; background-position:center; } .bgcontent{ /* The image used */ background-image: url("/assets/images/bd_div.png"); /* Full height */ height: 100%; /* Center and scale the image nicely */ background-repeat:no-repeat; background-size:100% 100%; background-position:center; } .bgtitle{ color:#132351; /*border:1px; border-color: #fff; border-style: solid;*/ font-size:16px; } .custom-toggler .navbar-toggler-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(22,50,106, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E"); } .custom-toggler.navbar-toggler { border-color: rgb(22,50,106); } .divcontent { border:1px; border-color: #fff; border-style: solid; padding: 5px; box-shadow: 0px 0px 5px #888888; background-color: #9FB8E8; } .thumb-post img { object-fit: none; /* Do not scale the image */ object-position: 50% 50%; /* Center the image within the element */ width: 100%; max-height: 100px; margin-bottom: 1rem; } .cropped { width: 100%; /* width of container */ height: 100%; /* height of container */ overflow: hidden; } .cropped img { margin: -10% 0px -10% 0px; } .ratio{ position:relative; width: 100%; height: 0; padding-bottom: 55% ; /* % of width, defines aspect ratio*/ background-repeat: no-repeat; background-position: center center; background-size: cover; } @media (max-width: 768px) { .top-left h1 { font-size:20px; } .top-left p { font-size:13px; } } .top-left p { font-size:14px; } .register { color: #132351; } .highlight h1{ font-size:13px; color: #132351; }