/*
 * lotto22 舊根網域門面樣式 —— 舊站(ESP CI3 前台 lotto22.net)的 style.min.css + style_dg.min.css + 頁內 <style> 原檔,
 * 全部選擇器加上 .lotto22f 前綴(html / body 規則改掛在 .lotto22f 本身),只作用在門面容器 <main class="lotto22f"> 內,
 * 不影響站內頁首、底部列、登入彈窗。舊站背景圖已轉 WebP 放 images/facade/css-*.webp(舊站本身就 404 的 bg2.jpg、
 * 頁面沒用到的 bg-bingo.jpg / ul-check 勾勾圖改成 none)。
 * 由 src/facade/lotto22/FacadePage.jsx 掛載(只有門面頁載入)。
 */
/* ── 補:舊站是 Bootstrap 4,站內 layout 載的是 Bootstrap 5 —— 門面 HTML 用到的 BS4 專屬 class 在這裡補回 ── */
.lotto22f { display: block; overflow-x: hidden; color: #212529; text-align: left; }
/* Bootstrap 4 reboot / 排版預設(站內 base.css 會把 p / ul / h* 歸零,門面內還原成舊站的樣子) */
.lotto22f p { margin-top: 0; margin-bottom: 1rem; }
.lotto22f ul, .lotto22f ol { margin-top: 0; margin-bottom: 1rem; padding-left: 40px; }
.lotto22f h1, .lotto22f h2, .lotto22f h3, .lotto22f h4, .lotto22f h5, .lotto22f h6 { margin-top: 0; margin-bottom: .5rem; font-weight: 500; line-height: 1.2; }
.lotto22f h1 { font-size: 2.5rem; } .lotto22f h2 { font-size: 2rem; } .lotto22f h3 { font-size: 1.75rem; }
.lotto22f h4 { font-size: 1.5rem; } .lotto22f h5 { font-size: 1.25rem; } .lotto22f h6 { font-size: 1rem; }
.lotto22f .table td, .lotto22f .table th { padding: .75rem; vertical-align: top; border-top: 1px solid #dee2e6; border-bottom: 0; }
.lotto22f .table thead th { vertical-align: bottom; border-bottom: 2px solid #dee2e6; }
.lotto22f [class*="col-"] { position: relative; } /* BS4 欄位預設 relative(主視覺文字才會在 .overlay:before 遮罩上面) */
@media (min-width: 1400px) { .lotto22f .container { max-width: 1140px; } } /* BS4 容器最寬 1140(BS5 xxl 是 1320) */
/* BS4 格線間距 15px(站內 base.css 會動到 .container / .row) */
.lotto22f .container { width: 100%; padding-left: 15px; padding-right: 15px; margin-left: auto; margin-right: auto; }
.lotto22f .row { margin-left: -15px; margin-right: -15px; }
.lotto22f .row > [class*="col"] { padding-left: 15px; padding-right: 15px; }
.lotto22f .ml-auto { margin-left: auto !important; }
.lotto22f .mr-auto { margin-right: auto !important; }
@media (min-width: 768px) { .lotto22f .ml-md-0 { margin-left: 0 !important; } }
.lotto22f .float-right { float: right !important; }
.lotto22f .text-right { text-align: right !important; }
.lotto22f .thead-light th { color: #495057; background-color: #e9ecef; border-color: #dee2e6; }
.lotto22f .list-unstyled { padding-left: 0; list-style: none; }
.lotto22f a { text-decoration: none; }
/* ── 補:舊站靠 jQuery 外掛的部分,改成純 CSS / 委派事件(./FacadeBehavior.jsx)── */
/* 跑馬燈(舊站 RunTopic.js 橫向捲動) */
.lotto22f .marquee { list-style: none; margin: 0; padding: 0; overflow: hidden; white-space: nowrap; }
.lotto22f .marquee li { display: inline-block; padding-right: 3em; animation: lotto22f-marquee 40s linear infinite; }
@keyframes lotto22f-marquee { from { transform: translateX(30%); } to { transform: translateX(-100%); } }
/* 手機選單:舊站 main.js 把主選單複製進側滑選單;這裡改成點選單鈕就地展開同一份主選單 */
@media (max-width: 1199.98px) {
  .lotto22f.l22f-menu-open .site-navbar .d-xl-block { display: block !important; }
  .lotto22f.l22f-menu-open .site-navbar .site-menu { display: block !important; text-align: left; padding: 0; }
  .lotto22f.l22f-menu-open .site-navbar .site-menu > li { display: block; }
}
/* 舊站頁首用 jquery.sticky 固定;站內 v2 頁首已固定在上方,這裡不再黏 */
.lotto22f .site-navbar { position: relative; }
/* 舊站首頁頁內 <style> */
.lotto22f li.lott\+ { background: 0 0; color: #f00; }
.lotto22f[data-facade="/"] .num_table table tr td { padding: 0 0 0 8px; }
/* ── 以下為舊站 style.min.css + style_dg.min.css 原檔(加前綴)── */
.lotto22f{line-height:1.7;color:333;font-weight:400;font-size:1rem}
.lotto22f ::-moz-selection{background:#000;color:#fff}
.lotto22f ::selection{background:#000;color:#fff}
.lotto22f a{-webkit-transition:.3s all ease;-o-transition:.3s all ease;transition:.3s all ease}
.lotto22f a:hover{text-decoration:none}
.lotto22f .h1,.lotto22f .h2,.lotto22f .h3,.lotto22f .h4,.lotto22f .h5,.lotto22f h1,.lotto22f h2,.lotto22f h3,.lotto22f h4,.lotto22f h5{font-family:Roboto,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"}
.lotto22f .border-2{border-width:2px}
.lotto22f .text-black{color:#000!important}
.lotto22f .bg-black{background:#000!important}
.lotto22f .color-black-opacity-5{color:rgba(0,0,0,.5)}
.lotto22f .color-white-opacity-5{color:rgba(255,255,255,.5)}
.lotto22f .btn{font-size:16px;border-radius:30px;padding:10px 30px}
.lotto22f .btn:active,.lotto22f .btn:focus,.lotto22f .btn:hover{outline:0;-webkit-box-shadow:none!important;box-shadow:none!important}
.lotto22f .btn.btn-primary{background:#007eaf!important;border-color:#007eaf!important;color:#fff!important}
.lotto22f .btn.btn-primary:hover{background:#fff!important;border-color:#007eaf!important;color:#007eaf!important}
.lotto22f .btn.btn-primary.btn-black--hover:hover{background:#666;color:#fff}
.lotto22f .btn.btn-danger:hover{background:#fff!important;border-color:#f23a2e!important;color:#f23a2e!important}
.lotto22f .line-height-1{line-height:1!important}
.lotto22f .bg-black{background:#000}
.lotto22f .form-control{height:43px;border-radius:30px;font-family:Roboto,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"}
.lotto22f .form-control:active,.lotto22f .form-control:focus{border-color:#007eaf}
.lotto22f .form-control:active,.lotto22f .form-control:focus,.lotto22f .form-control:hover{-webkit-box-shadow:none!important;box-shadow:none!important}
.lotto22f .site-section{padding:2.5em 0;overflow:hidden}
@media (min-width:768px){
.lotto22f .site-section{padding:5em 0}
}
.lotto22f .site-section.site-section-sm{padding:4em 0}
.lotto22f .site-section-heading{padding-bottom:20px;margin-bottom:0;position:relative;font-size:2.5rem}
@media (min-width:768px){
.lotto22f .site-section-heading{font-size:3rem}
}
.lotto22f .border-top{border-top:1px solid #edf0f5!important}
.lotto22f .site-footer{padding:8em 0;background:#000;border-top:1px solid}
@media (min-width:768px){
.lotto22f .site-footer{padding:4em 0;padding-bottom:0}
}
.lotto22f .site-footer .border-top{border-top:1px solid #737373!important}
.lotto22f .site-footer p{color:#737373}
.lotto22f .site-footer h2,.lotto22f .site-footer h3,.lotto22f .site-footer h4,.lotto22f .site-footer h5{color:#fff}
.lotto22f .site-footer a{color:#999}
.lotto22f .site-footer a:hover{color:#fff}
.lotto22f .site-footer ul li{margin-bottom:10px;display:inline-flex;margin-left:16px}
.lotto22f .site-footer .footer-heading{font-size:16px;color:#fff}
.lotto22f .bg-text-line{display:inline;background:#000;-webkit-box-shadow:20px 0 0 #000,-20px 0 0 #000;box-shadow:20px 0 0 #000,-20px 0 0 #000}
.lotto22f .text-white-opacity-05{color:rgba(255,255,255,.5)}
.lotto22f .text-black-opacity-05{color:rgba(0,0,0,.5)}
.lotto22f .hover-bg-enlarge{overflow:hidden;position:relative}
@media (max-width:991.98px){
.lotto22f .hover-bg-enlarge{height:auto!important}
}
.lotto22f .hover-bg-enlarge>div{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);-webkit-transition:.8s all ease-in-out;-o-transition:.8s all ease-in-out;transition:.8s all ease-in-out}
.lotto22f .hover-bg-enlarge:active>div,.lotto22f .hover-bg-enlarge:focus>div,.lotto22f .hover-bg-enlarge:hover>div{-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2)}
@media (max-width:991.98px){
.lotto22f .hover-bg-enlarge .bg-image-md-height{height:300px!important}
}
.lotto22f .bg-image{background-size:cover;background-position:center center;background-repeat:no-repeat;background-attachment:fixed}
.lotto22f .bg-image.overlay{position:relative}
.lotto22f .bg-image.overlay:after{position:absolute;content:"";top:0;left:0;right:0;bottom:0;z-index:0;width:100%;background:rgba(0,0,0,.7)}
.lotto22f .bg-image>.container{position:relative;z-index:1}
@media (max-width:991.98px){
.lotto22f .img-md-fluid{max-width:100%}
}
@media (max-width:991.98px){
.lotto22f .display-1,.lotto22f .display-3{font-size:3rem}
}
.lotto22f .play-single-big{width:90px;height:90px;display:inline-block;border:2px solid #fff;color:#fff!important;border-radius:50%;position:relative;-webkit-transition:.3s all ease-in-out;-o-transition:.3s all ease-in-out;transition:.3s all ease-in-out}
.lotto22f .play-single-big>span{font-size:50px;position:absolute;top:50%;left:50%;-webkit-transform:translate(-40%,-50%);-ms-transform:translate(-40%,-50%);transform:translate(-40%,-50%)}
.lotto22f .play-single-big:hover{width:120px;height:120px}
.lotto22f .overlap-to-top{margin-top:-150px}
.lotto22f .ul-check{margin-bottom:50px}
.lotto22f .ul-check li{position:relative;padding-left:35px;margin-bottom:15px;line-height:1.5}
.lotto22f .ul-check li:before{left:0;width:20px;height:20px;background:none;background-size:contain;top:0;content:" ";position:absolute}
.lotto22f .select-wrap,.lotto22f .wrap-icon{position:relative}
.lotto22f .select-wrap .icon,.lotto22f .wrap-icon .icon{position:absolute;right:10px;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);font-size:22px}
.lotto22f .select-wrap select,.lotto22f .wrap-icon select{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%}
.lotto22f .site-navbar{margin-bottom:0;z-index:999;position:relative;width:100%;background:#fff;max-height:95px}
.lotto22f .site-navbar .site-logo{position:relative;left:0}
.lotto22f .site-navbar .site-navigation.border-bottom{border-bottom:1px solid #f3f3f4!important}
.lotto22f .site-navbar .site-navigation .site-menu{margin-bottom:0}
.lotto22f .site-navbar .site-navigation .site-menu .active{color:#007eaf;display:inline-block;padding:5px 20px}
.lotto22f .site-navbar .site-navigation .site-menu a{text-decoration:none!important;display:inline-block}
.lotto22f .site-navbar .site-navigation .site-menu>li{display:inline-block}
.lotto22f .site-navbar .site-navigation .site-menu>li>a{padding:5px 20px;color:#000;display:inline-block;text-decoration:none!important}
.lotto22f .site-navbar .site-navigation .site-menu>li>a:hover{color:#007eaf}
.lotto22f .site-navbar .site-navigation .site-menu .has-children{position:relative}
.lotto22f .site-navbar .site-navigation .site-menu .has-children>a{position:relative;padding-right:20px}
.lotto22f .site-navbar .site-navigation .site-menu .has-children>a:before{position:absolute;content:"\e313";font-size:16px;top:50%;right:0;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);font-family:icomoon}
.lotto22f .site-navbar .site-navigation .site-menu .has-children .dropdown{visibility:hidden;opacity:0;top:100%;position:absolute;text-align:left;border-top:2px solid #007eaf;-webkit-box-shadow:0 2px 10px -2px rgba(0,0,0,.1);box-shadow:0 2px 10px -2px rgba(0,0,0,.1);border-left:1px solid #edf0f5;border-right:1px solid #edf0f5;border-bottom:1px solid #edf0f5;padding:0 0;margin-top:20px;margin-left:0;background:#fff;-webkit-transition:.2s 0s;-o-transition:.2s 0s;transition:.2s 0s}
.lotto22f .site-navbar .site-navigation .site-menu .has-children .dropdown.arrow-top{position:absolute}
.lotto22f .site-navbar .site-navigation .site-menu .has-children .dropdown.arrow-top:before{bottom:100%;left:20%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none}
.lotto22f .site-navbar .site-navigation .site-menu .has-children .dropdown.arrow-top:before{border-color:rgba(136,183,213,0);border-bottom-color:#fff;border-width:10px;margin-left:-10px}
.lotto22f .site-navbar .site-navigation .site-menu .has-children .dropdown a{text-transform:none;letter-spacing:normal;-webkit-transition:0s all;-o-transition:0s all;transition:0s all;color:#343a40}
.lotto22f .site-navbar .site-navigation .site-menu .has-children .dropdown .active>a{color:#007eaf!important}
.lotto22f .site-navbar .site-navigation .site-menu .has-children .dropdown>li{list-style:none;padding:0;margin:0;min-width:200px}
.lotto22f .site-navbar .site-navigation .site-menu .has-children .dropdown>li>a{padding:9px 20px;display:block}
.lotto22f .site-navbar .site-navigation .site-menu .has-children .dropdown>li>a:hover{background:#f4f5f9;color:#25262a}
.lotto22f .site-navbar .site-navigation .site-menu .has-children .dropdown>li.has-children>a:before{content:"\e315";right:20px}
.lotto22f .site-navbar .site-navigation .site-menu .has-children .dropdown>li.has-children>.dropdown,.lotto22f .site-navbar .site-navigation .site-menu .has-children .dropdown>li.has-children>ul{left:100%;top:0}
.lotto22f .site-navbar .site-navigation .site-menu .has-children .dropdown>li.has-children:active>a,.lotto22f .site-navbar .site-navigation .site-menu .has-children .dropdown>li.has-children:focus>a,.lotto22f .site-navbar .site-navigation .site-menu .has-children .dropdown>li.has-children:hover>a{background:#f4f5f9;color:#25262a}
.lotto22f .site-navbar .site-navigation .site-menu .has-children:active>a,.lotto22f .site-navbar .site-navigation .site-menu .has-children:focus>a,.lotto22f .site-navbar .site-navigation .site-menu .has-children:hover>a{color:#007eaf}
.lotto22f .site-navbar .site-navigation .site-menu .has-children:active,.lotto22f .site-navbar .site-navigation .site-menu .has-children:focus,.lotto22f .site-navbar .site-navigation .site-menu .has-children:hover{cursor:pointer}
.lotto22f .site-navbar .site-navigation .site-menu .has-children:active>.dropdown,.lotto22f .site-navbar .site-navigation .site-menu .has-children:focus>.dropdown,.lotto22f .site-navbar .site-navigation .site-menu .has-children:hover>.dropdown{-webkit-transition-delay:0s;-o-transition-delay:0s;transition-delay:0s;margin-top:0;visibility:visible;opacity:1}
.lotto22f .site-mobile-menu{width:240px;position:fixed;right:0;z-index:2000;padding-top:20px;background:rgb(255 255 255 / 88%);height:calc(100vh);-webkit-transform:translateX(110%);-ms-transform:translateX(110%);transform:translateX(110%);-webkit-box-shadow:-10px 0 20px -10px rgba(0,0,0,.1);box-shadow:-10px 0 20px -10px rgba(0,0,0,.1);-webkit-transition:.3s all ease-in-out;-o-transition:.3s all ease-in-out;transition:.3s all ease-in-out}
.lotto22f .offcanvas-menu .site-mobile-menu{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
.lotto22f .site-mobile-menu .site-mobile-menu-header{width:100%;float:left;padding-left:20px;padding-right:20px}
.lotto22f .site-mobile-menu .site-mobile-menu-header .site-mobile-menu-close{float:right;margin-top:8px}
.lotto22f .site-mobile-menu .site-mobile-menu-header .site-mobile-menu-close span{font-size:30px;display:inline-block;padding-left:10px;padding-right:0;line-height:1;cursor:pointer;-webkit-transition:.3s all ease;-o-transition:.3s all ease;transition:.3s all ease}
.lotto22f .site-mobile-menu .site-mobile-menu-header .site-mobile-menu-close span:hover{color:#25262a}
.lotto22f .site-mobile-menu .site-mobile-menu-header .site-mobile-menu-logo{float:left;margin-top:10px;margin-left:0}
.lotto22f .site-mobile-menu .site-mobile-menu-header .site-mobile-menu-logo a{display:inline-block;text-transform:uppercase}
.lotto22f .site-mobile-menu .site-mobile-menu-header .site-mobile-menu-logo a img{max-width:70px}
.lotto22f .site-mobile-menu .site-mobile-menu-header .site-mobile-menu-logo a:hover{text-decoration:none}
.lotto22f .site-mobile-menu .site-mobile-menu-body{overflow-y:scroll;-webkit-overflow-scrolling:touch;position:relative;padding:0 20px 20px 20px;height:calc(100vh - 52px);padding-bottom:150px}
.lotto22f .site-mobile-menu .site-nav-wrap{padding:0;margin:0;list-style:none;position:relative}
.lotto22f .site-mobile-menu .site-nav-wrap a{padding:10px 20px;display:block;position:relative;color:#212529}
.lotto22f .site-mobile-menu .site-nav-wrap a:hover{color:#007eaf}
.lotto22f .site-mobile-menu .site-nav-wrap li{position:relative;display:block}
.lotto22f .site-mobile-menu .site-nav-wrap li .active{color:#007eaf}
.lotto22f .site-mobile-menu .site-nav-wrap .arrow-collapse{position:absolute;right:0;top:10px;z-index:20;width:36px;height:36px;text-align:center;cursor:pointer;border-radius:50%}
.lotto22f .site-mobile-menu .site-nav-wrap .arrow-collapse:hover{background:#f8f9fa}
.lotto22f .site-mobile-menu .site-nav-wrap .arrow-collapse:before{font-size:12px;z-index:20;font-family:icomoon;content:"\f078";position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%) rotate(-180deg);-ms-transform:translate(-50%,-50%) rotate(-180deg);transform:translate(-50%,-50%) rotate(-180deg);-webkit-transition:.3s all ease;-o-transition:.3s all ease;transition:.3s all ease}
.lotto22f .site-mobile-menu .site-nav-wrap .arrow-collapse.collapsed:before{-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.lotto22f .site-mobile-menu .site-nav-wrap>li{display:block;position:relative;float:left;width:100%}
.lotto22f .site-mobile-menu .site-nav-wrap>li>a{padding-left:20px;font-size:20px}
.lotto22f .site-mobile-menu .site-nav-wrap>li>ul{padding:0;margin:0;list-style:none}
.lotto22f .site-mobile-menu .site-nav-wrap>li>ul>li{display:block}
.lotto22f .site-mobile-menu .site-nav-wrap>li>ul>li>a{padding-left:40px;font-size:16px}
.lotto22f .site-mobile-menu .site-nav-wrap>li>ul>li>ul{padding:0;margin:0}
.lotto22f .site-mobile-menu .site-nav-wrap>li>ul>li>ul>li{display:block}
.lotto22f .site-mobile-menu .site-nav-wrap>li>ul>li>ul>li>a{font-size:16px;padding-left:60px}
.lotto22f .site-mobile-menu .site-nav-wrap[data-class=social]{float:left;width:100%;margin-top:30px;padding-bottom:5em}
.lotto22f .site-mobile-menu .site-nav-wrap[data-class=social]>li{width:auto}
.lotto22f .site-mobile-menu .site-nav-wrap[data-class=social]>li:first-child a{padding-left:15px!important}
.lotto22f .sticky-wrapper{z-index:100;width:100%}
.lotto22f .sticky-wrapper+.site-blocks-cover{margin-top:0}
.lotto22f .sticky-wrapper .site-navbar{-webkit-transition:.3s all ease;-o-transition:.3s all ease;transition:.3s all ease}
.lotto22f .sticky-wrapper.is-sticky .site-navbar{-webkit-box-shadow:4px 0 20px -5px rgba(0,0,0,.2);box-shadow:4px 0 20px -5px rgba(0,0,0,.2)}
.lotto22f .sticky-wrapper .shrink{padding-top:10px!important;padding-bottom:10px!important}
.lotto22f .site-blocks-cover{background-size:cover;background-repeat:no-repeat;background-position:top;background-position:center center}
.lotto22f .site-blocks-cover.overlay{position:relative}
.lotto22f .site-blocks-cover.overlay:before{position:absolute;content:"";left:0;bottom:0;right:0;top:0;background:rgba(0,0,0,.2)}
.lotto22f .site-blocks-cover .player{position:absolute;bottom:-250px;width:100%}
.lotto22f .site-blocks-cover,.lotto22f .site-blocks-cover>.container>.row{height:calc(30vh)}
.lotto22f .site-blocks-cover.inner-page-cover,.lotto22f .site-blocks-cover.inner-page-cover>.container>.row{min-height:400px;height:calc(20vh)}
.lotto22f .site-blocks-cover h1{font-size:3rem;font-weight:400;color:#fff;font-weight:900}
@media (max-width:991.98px){
.lotto22f .site-blocks-cover h1{font-size:2rem}
}
.lotto22f .site-blocks-cover p{color:#fff;font-size:1rem;line-height:1.5;font-weight:300}
.lotto22f .site-blocks-cover .intro-text{font-size:16px;line-height:1.5}
@media (max-width:991.98px){
.lotto22f .site-blocks-cover .display-1{font-size:3rem}
}
.lotto22f .site-block-subscribe .btn{padding-left:20px;padding-right:20px}
.lotto22f .site-block-subscribe .form-control{font-weight:300;border-color:#fff!important;height:80px;font-size:22px;color:#fff;padding-left:30px;padding-right:30px}
.lotto22f .site-block-subscribe .form-control::-webkit-input-placeholder{color:rgba(255,255,255,.5);font-weight:200;font-style:italic}
.lotto22f .site-block-subscribe .form-control::-moz-placeholder{color:rgba(255,255,255,.5);font-weight:200;font-style:italic}
.lotto22f .site-block-subscribe .form-control:-ms-input-placeholder{color:rgba(255,255,255,.5);font-weight:200;font-style:italic}
.lotto22f .site-block-subscribe .form-control:-moz-placeholder{color:rgba(255,255,255,.5);font-weight:200;font-style:italic}
.lotto22f .bg-light{background:#ccc}
.lotto22f .team-member{position:relative;float:left;width:100%;overflow:hidden}
.lotto22f .team-member img{-webkit-transition:.3s all ease;-o-transition:.3s all ease;transition:.3s all ease;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
.lotto22f .team-member:before{position:absolute;content:"";top:0;left:0;right:0;bottom:0;background:rgba(70,221,176,.8);z-index:2;height:100%;width:100%;opacity:0;visibility:hidden;-webkit-transition:.3s all ease;-o-transition:.3s all ease;transition:.3s all ease}
.lotto22f .team-member .text{top:50%;text-align:center;position:absolute;padding:20px;-webkit-transform:translateY(-30%);-ms-transform:translateY(-30%);transform:translateY(-30%);-webkit-transition:.5s all ease;-o-transition:.5s all ease;transition:.5s all ease;opacity:0;visibility:hidden;color:#fff}
.lotto22f .team-member:active:before,.lotto22f .team-member:focus:before,.lotto22f .team-member:hover:before{opacity:1;visibility:visible}
.lotto22f .team-member:active img,.lotto22f .team-member:focus img,.lotto22f .team-member:hover img{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}
.lotto22f .team-member:active .text,.lotto22f .team-member:focus .text,.lotto22f .team-member:hover .text{-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);-webkit-transition-delay:.2s;-o-transition-delay:.2s;transition-delay:.2s;opacity:1;visibility:visible;z-index:4}
.lotto22f .podcast-entry{-webkit-box-shadow:0 5px 40px -10px rgba(0,0,0,.1);box-shadow:0 5px 40px -10px rgba(0,0,0,.1)}
.lotto22f .podcast-entry .sep{margin-left:5px;margin-right:5px;color:#ccc}
.lotto22f .podcast-entry .image{background-size:cover;background-position:center center;background-repeat:no-repeat;height:300px}
@media (min-width:768px){
.lotto22f .podcast-entry .image{width:300px;height:auto}
}
.lotto22f .podcast-entry .text{width:100%;padding:40px}
@media (min-width:768px){
.lotto22f .podcast-entry .text{width:calc(100% - 300px)}
}
.lotto22f .mejs__container{width:100%!important}
@media (max-width:991.98px){
.lotto22f .display-4{font-size:1.8rem}
}
.lotto22f .feature-blocks-1{position:relative;margin-top:-70px;z-index:2;color:#999}
.lotto22f .feature-blocks-1.no-margin-top{margin-top:0}
.lotto22f .feature-blocks-1 .feature-block-1{position:relative;top:0;-webkit-transition:.3s all ease;-o-transition:.3s all ease;transition:.3s all ease;overflow:hidden;z-index:1}
.lotto22f .feature-blocks-1 .feature-block-1.bg{position:relative;background-size:cover;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);-webkit-transition:.3s all ease-in-out;-o-transition:.3s all ease-in-out;transition:.3s all ease-in-out}
.lotto22f .feature-blocks-1 .feature-block-1 .text{z-index:10;position:relative;opacity:0;visibility:hidden;-webkit-transition:.3s all ease-in-out;-o-transition:.3s all ease-in-out;transition:.3s all ease-in-out}
.lotto22f .feature-blocks-1 .feature-block-1:before{content:"";position:absolute;top:0;z-index:1;bottom:0;left:0;right:0;background:rgba(0,0,0,0);-webkit-transition:.3s all ease-in-out;-o-transition:.3s all ease-in-out;transition:.3s all ease-in-out}
.lotto22f .feature-blocks-1 .feature-block-1 p{color:#ccc}
.lotto22f .feature-blocks-1 .feature-block-1:active,.lotto22f .feature-blocks-1 .feature-block-1:focus,.lotto22f .feature-blocks-1 .feature-block-1:hover{top:-10px;-webkit-box-shadow:0 10px 40px -5px rgba(0,0,0,.4);box-shadow:0 10px 40px -5px rgba(0,0,0,.4)}
.lotto22f .feature-blocks-1 .feature-block-1:active .text,.lotto22f .feature-blocks-1 .feature-block-1:focus .text,.lotto22f .feature-blocks-1 .feature-block-1:hover .text{opacity:1;visibility:visible}
.lotto22f .feature-blocks-1 .feature-block-1:active.bg,.lotto22f .feature-blocks-1 .feature-block-1:focus.bg,.lotto22f .feature-blocks-1 .feature-block-1:hover.bg{position:relative;background-size:cover;-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);z-index:2}
.lotto22f .feature-blocks-1 .feature-block-1:active:before,.lotto22f .feature-blocks-1 .feature-block-1:focus:before,.lotto22f .feature-blocks-1 .feature-block-1:hover:before{background:rgba(0,0,0,.9)}
.lotto22f .site-blocks-vs .bg-image{padding-top:3em;padding-bottom:3em}
@media (min-width:992px){
.lotto22f .site-blocks-vs .bg-image{padding-top:5em;padding-bottom:5em}
}
.lotto22f .site-blocks-vs .image{width:80px;-webkit-box-flex:0;-ms-flex:0 0 80px;flex:0 0 80px}
@media (max-width:991.98px){
.lotto22f .site-blocks-vs .image{margin-left:auto!important;margin-right:auto!important}
}
.lotto22f .site-blocks-vs .image img{border-radius:50%}
.lotto22f .site-blocks-vs .image.image-small{width:50px;-webkit-box-flex:0;-ms-flex:0 0 50px;flex:0 0 50px}
.lotto22f .site-blocks-vs .country{color:rgba(255,255,255,.7)}
.lotto22f .match-entry{position:relative;-webkit-transition:.2s all ease-in-out;-o-transition:.2s all ease-in-out;transition:.2s all ease-in-out;border-bottom:1px solid rgba(0,0,0,.05)}
.lotto22f .match-entry .small{color:#ccc;font-weight:400;letter-spacing:.15em}
.lotto22f .match-entry:hover{-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05);z-index:90;-webkit-box-shadow:0 5px 40px -5px rgba(0,0,0,.1);box-shadow:0 5px 40px -5px rgba(0,0,0,.1)}
.lotto22f .post-entry{position:relative;overflow:hidden;border:1px solid #e6e6e6}
.lotto22f .post-entry,.lotto22f .post-entry .text{border-radius:4px;border-top:none!important}
.lotto22f .post-entry .date{color:#ccc;font-weight:400;letter-spacing:.1em}
.lotto22f .post-entry .image{overflow:hidden;position:relative}
.lotto22f .post-entry .image img{-webkit-transition:.3s all ease;-o-transition:.3s all ease;transition:.3s all ease;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
.lotto22f .post-entry:active .image img,.lotto22f .post-entry:focus .image img,.lotto22f .post-entry:hover .image img{-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2)}
.lotto22f .site-block-tab .nav-item{text-transform:uppercase;font-size:.8rem;margin:0 20px}
.lotto22f .site-block-tab .nav-item:first-child{margin-left:0!important}
.lotto22f .site-block-tab .nav-item>a{padding-left:0!important;background:0 0!important;padding-right:0!important;border-bottom:2px solid transparent;border-radius:0!important;font-weight:700;color:#ccc}
.lotto22f .site-block-tab .nav-item>a.active,.lotto22f .site-block-tab .nav-item>a:hover{border-bottom:2px solid #007eaf;color:#000}
.lotto22f .block-13,.lotto22f .slide-one-item{position:relative;z-index:1}
.lotto22f .block-13 .owl-nav,.lotto22f .slide-one-item .owl-nav{position:relative;position:absolute;bottom:-90px;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}
.lotto22f .block-13 .owl-nav .owl-next,.lotto22f .block-13 .owl-nav .owl-prev,.lotto22f .slide-one-item .owl-nav .owl-next,.lotto22f .slide-one-item .owl-nav .owl-prev{position:relative;display:inline-block;padding:20px;font-size:30px;color:#000}
.lotto22f .block-13 .owl-nav .owl-next.disabled,.lotto22f .block-13 .owl-nav .owl-prev.disabled,.lotto22f .slide-one-item .owl-nav .owl-next.disabled,.lotto22f .slide-one-item .owl-nav .owl-prev.disabled{opacity:.2}
.lotto22f .slide-one-item.home-slider .owl-nav{position:absolute!important;top:50%!important;bottom:auto!important;width:100%}
@media (max-width:991.98px){
.lotto22f .slide-one-item.home-slider .owl-nav{display:none}
}
.lotto22f .slide-one-item.home-slider .owl-prev{left:10px!important}
.lotto22f .slide-one-item.home-slider .owl-next{right:10px!important}
.lotto22f .slide-one-item.home-slider .owl-next,.lotto22f .slide-one-item.home-slider .owl-prev{color:#fff;position:absolute!important;top:50%;padding:0;height:50px;width:50px;border-radius:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);background:rgba(0,0,0,.2);-webkit-transition:.3s all ease-in-out;-o-transition:.3s all ease-in-out;transition:.3s all ease-in-out;line-height:0;text-align:center;font-size:25px}
@media (min-width:768px){
.lotto22f .slide-one-item.home-slider .owl-next,.lotto22f .slide-one-item.home-slider .owl-prev{font-size:25px}
}
.lotto22f .slide-one-item.home-slider .owl-next>span,.lotto22f .slide-one-item.home-slider .owl-prev>span{position:absolute;line-height:0;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.lotto22f .slide-one-item.home-slider .owl-next:focus,.lotto22f .slide-one-item.home-slider .owl-next:hover,.lotto22f .slide-one-item.home-slider .owl-prev:focus,.lotto22f .slide-one-item.home-slider .owl-prev:hover{background:#000}
.lotto22f .slide-one-item.home-slider:active .owl-nav,.lotto22f .slide-one-item.home-slider:focus .owl-nav,.lotto22f .slide-one-item.home-slider:hover .owl-nav{opacity:10;visibility:visible}
.lotto22f .slide-one-item .owl-dots{text-align:center}
.lotto22f .slide-one-item .owl-dots .owl-dot{display:inline-block;margin:4px}
.lotto22f .slide-one-item .owl-dots .owl-dot span{display:inline-block;width:6px;height:8px;background:#dee2e6;margin-bottom:0}
.lotto22f .slide-one-item .owl-dots .owl-dot.active span{background:#007eaf}
.lotto22f .block-12{position:relative}
.lotto22f .block-12 figure{position:relative}
.lotto22f .block-12 figure:before{content:'';position:absolute;top:0;right:0;bottom:0;left:0;background:-moz-linear-gradient(top,transparent 0,transparent 18%,rgba(0,0,0,.8) 99%,rgba(0,0,0,.8) 100%);background:-webkit-linear-gradient(top,transparent 0,transparent 18%,rgba(0,0,0,.8) 99%,rgba(0,0,0,.8) 100%);background:-webkit-gradient(linear,left top,left bottom,from(transparent),color-stop(18%,transparent),color-stop(99%,rgba(0,0,0,.8)),to(rgba(0,0,0,.8)));background:-o-linear-gradient(top,transparent 0,transparent 18%,rgba(0,0,0,.8) 99%,rgba(0,0,0,.8) 100%);background:linear-gradient(to bottom,transparent 0,transparent 18%,rgba(0,0,0,.8) 99%,rgba(0,0,0,.8) 100%)}
.lotto22f .block-12 .text-overlay{position:absolute;bottom:20px;left:20px;right:20px;z-index:10}
.lotto22f .block-12 .text-overlay h2{color:#fff}
.lotto22f .block-12 .text{position:relative;top:-100px}
.lotto22f .block-12 .text .meta{text-transform:uppercase;padding-left:40px;color:#fff;display:block;margin-bottom:20px}
.lotto22f .block-12 .text .text-inner{-webkit-box-shadow:0 0 20px -5px rgba(0,0,0,.3);box-shadow:0 0 20px -5px rgba(0,0,0,.3);background:#fff;padding:10px;margin-right:30px;position:relative}
@media (min-width:576px){
.lotto22f .block-12 .text .text-inner{padding:20px}
}
@media (min-width:768px){
.lotto22f .block-12 .text .text-inner{padding:30px 40px}
}
.lotto22f .block-12 .text .text-inner:before{position:absolute;content:"";width:80px;height:4px;margin-top:-4px;background:#007eaf;top:0}
.lotto22f .block-12 .text .text-inner .heading{font-size:20px;margin:0;padding:0}
.lotto22f .block-16 figure{position:relative}
.lotto22f .block-16 figure .play-button{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);font-size:20px;width:70px;height:70px;background:#fff;display:block;border-radius:50%;opacity:1;color:#007eaf!important}
.lotto22f .block-16 figure .play-button:hover{opacity:1}
.lotto22f .block-16 figure .play-button>span{position:absolute;left:55%;top:50%;-webkit-transform:translate(-60%,-50%);-ms-transform:translate(-60%,-50%);transform:translate(-60%,-50%)}
.lotto22f .block-25 ul,.lotto22f .block-25 ul li{padding:0;margin:0}
.lotto22f .block-25 ul li a .image{-webkit-box-flex:0;-ms-flex:0 0 90px;flex:0 0 90px}
.lotto22f .block-25 ul li a .image img{border-radius:4px;max-width:100%;opacity:1;-webkit-transition:.3s all ease-in-out;-o-transition:.3s all ease-in-out;transition:.3s all ease-in-out}
.lotto22f .block-25 ul li a .text .heading{font-size:18px;line-height:1.5;margin:0;padding:0;-webkit-transition:.3s all ease;-o-transition:.3s all ease;transition:.3s all ease;color:#999}
.lotto22f .block-25 ul li a .meta{color:#007eaf}
.lotto22f .block-25 ul li a:hover img{opacity:.5}
.lotto22f .block-25 ul li a:hover .text .heading{color:#fff}
.lotto22f #date-countdown .countdown-block{color:#b3b3b3}
.lotto22f #date-countdown .label{font-size:40px;color:#000}
.lotto22f .next-match .image{width:50px;border-radius:50%}
.lotto22f .player{position:relative}
.lotto22f .player img{max-width:100px;border-radius:50%;margin-bottom:20px}
.lotto22f .player .team-number{position:absolute;width:30px;height:30px;background:#007eaf;border-radius:50%;color:#fff}
.lotto22f .player .team-number>span{position:absolute;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);left:50%;top:50%}
.lotto22f .player h2{font-size:20px;letter-spacing:.2em;text-transform:uppercase}
.lotto22f .player .position{font-size:14px;color:#b3b3b3;text-transform:uppercase}
.lotto22f .site-block-27 ul,.lotto22f .site-block-27 ul li{padding:0;margin:0}
.lotto22f .site-block-27 ul li{display:inline-block;margin-bottom:4px}
.lotto22f .site-block-27 ul li a,.lotto22f .site-block-27 ul li span{text-align:center;display:inline-block;width:40px;height:40px;line-height:40px;border-radius:50%;border:1px solid #ccc}
.lotto22f .site-block-27 ul li.active a,.lotto22f .site-block-27 ul li.active span{background:#007eaf;color:#fff;border:1px solid transparent}
.lotto22f .site-block-feature-7 .icon{-webkit-transition:.2s all ease-in-out;-o-transition:.2s all ease-in-out;transition:.2s all ease-in-out;position:relative;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
.lotto22f .site-block-feature-7:active .icon,.lotto22f .site-block-feature-7:focus .icon,.lotto22f .site-block-feature-7:hover .icon{-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2)}
.lotto22f .unit-1{position:relative;width:100%;overflow:hidden;display:block}
.lotto22f .unit-1:after{content:"";z-index:1;position:absolute;bottom:0;top:0;left:0;right:0;background:-moz-linear-gradient(top,transparent 0,transparent 18%,rgba(0,0,0,.8) 99%,rgba(0,0,0,.8) 100%);background:-webkit-linear-gradient(top,transparent 0,transparent 18%,rgba(0,0,0,.8) 99%,rgba(0,0,0,.8) 100%);background:-webkit-gradient(linear,left top,left bottom,from(transparent),color-stop(18%,transparent),color-stop(99%,rgba(0,0,0,.8)),to(rgba(0,0,0,.8)));background:-o-linear-gradient(top,transparent 0,transparent 18%,rgba(0,0,0,.8) 99%,rgba(0,0,0,.8) 100%);background:linear-gradient(to bottom,transparent 0,transparent 18%,rgba(0,0,0,.8) 99%,rgba(0,0,0,.8) 100%)}
.lotto22f .unit-1 img{-o-object-fit:cover;object-fit:cover;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
.lotto22f .unit-1 .unit-1-text,.lotto22f .unit-1 img{-webkit-transition:.3s all ease-in-out;-o-transition:.3s all ease-in-out;transition:.3s all ease-in-out}
.lotto22f .unit-1 .unit-1-text{z-index:2;position:absolute;bottom:-90px;color:#fff;display:block;width:100%}
.lotto22f .unit-1 .unit-1-text .unit-1-heading{font-size:1.5rem;position:relative}
.lotto22f .unit-1 p{opacity:0;visibility:hidden;-webkit-transition:.3s all ease;-o-transition:.3s all ease;transition:.3s all ease;color:rgba(255,255,255,.5)}
.lotto22f .unit-1:hover p{opacity:1;visibility:visible}
.lotto22f .unit-1:hover .unit-1-text{bottom:30px}
.lotto22f .unit-1:hover img{-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}
.lotto22f .overlap-section{margin-top:-150px;position:relative;z-index:9}
.lotto22f .unit-4 .unit-4-icon span{font-size:3rem}
.lotto22f .unit-4 h3{font-size:20px}
.lotto22f .h-entry img{margin-bottom:30px}
.lotto22f .h-entry .meta{color:#b3b3b3;font-size:14px}
.lotto22f .h-entry h2{font-size:20px}
.lotto22f .overlap-left{margin-left:-100px}
@media (max-width:991.98px){
.lotto22f .overlap-left{margin-left:0}
}
.lotto22f .overlap-section{margin-top:-100px}
.lotto22f .feature-1,.lotto22f .feature-3,.lotto22f .free-quote{background:#007eaf;padding:30px 50px;color:rgba(255,255,255,.6);font-size:15px}
.lotto22f .feature-1 .heading,.lotto22f .feature-3 .heading,.lotto22f .free-quote .heading{font-size:22px;text-transform:uppercase;color:#fff}
.lotto22f .feature-1 .icon,.lotto22f .feature-3 .icon,.lotto22f .free-quote .icon{border:2px solid rgba(255,255,255,.5);width:80px;height:80px;line-height:80px;position:relative;border-radius:50%;margin:0 auto!important}
.lotto22f .feature-1 .icon>span,.lotto22f .feature-3 .icon>span,.lotto22f .free-quote .icon>span{font-size:35px;color:#fff;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.lotto22f .free-quote{background:#30d9a7}
.lotto22f .free-quote .form-control{border:2px solid rgba(255,255,255,.5);background:0 0;color:#fff}
.lotto22f .free-quote .form-control:active,.lotto22f .free-quote .form-control:focus{border:2px solid #fff}
.lotto22f .free-quote .form-control::-webkit-input-placeholder{color:rgba(255,255,255,.4);font-size:13px;font-style:italic}
.lotto22f .free-quote .form-control::-moz-placeholder{color:rgba(255,255,255,.4);font-size:13px;font-style:italic}
.lotto22f .free-quote .form-control:-ms-input-placeholder{color:rgba(255,255,255,.4);font-size:13px;font-style:italic}
.lotto22f .free-quote .form-control:-moz-placeholder{color:rgba(255,255,255,.4);font-size:13px;font-style:italic}
.lotto22f .feature-3{background:#28d7a3}
.lotto22f .border-primary{position:relative}
.lotto22f .border-primary h2{font-weight:700!important}
.lotto22f .border-primary:after{position:absolute;content:"";bottom:0;width:80px;height:3px;background:#007eaf}
.lotto22f .border-primary.text-center:after{left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}
.lotto22f .border-primary.text-left:after{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
.lotto22f .testimonial{max-width:1400px;margin:0 auto!important;text-align:center}
.lotto22f .testimonial blockquote{font-size:1.5rem;font-style:italic}
.lotto22f .testimonial figure img{max-width:100px;margin:0 auto;border-radius:50%}
.lotto22f .breadcrumb-custom{font-size:1rem!important}
.lotto22f .text-muted{color:#ccc!important;font-size:12px;text-transform:uppercase}
.lotto22f .how-it-work-item .number{width:50px;height:50px;background:#007eaf;color:#fff;line-height:55px;font-weight:300;display:inline-block;text-align:center;font-size:30px;border-radius:50%;margin-bottom:40px}
.lotto22f .how-it-work-item h2{font-size:18px;margin-bottom:30px;color:#fff}
.lotto22f .how-it-work-item p{color:#fff}
.lotto22f .person h3{font-size:18px}
.lotto22f .ul-social-circle{list-style:none;padding:0;margin:0}
.lotto22f .ul-social-circle li{display:inline-block;margin-left:5px;margin-bottom:5px}
.lotto22f .ul-social-circle li:first-child{margin-left:0}
.lotto22f .ul-social-circle li span{width:30px;height:30px;background:#777;font-size:13px;text-align:center;line-height:30px;border-radius:50%;display:inline-block}
.lotto22f .ul-social-circle li a span{color:#fff;-webkit-transition:.3s all ease;-o-transition:.3s all ease;transition:.3s all ease}
.lotto22f .ul-social-circle li a:hover span{background:#2b2b2b;color:#fff}
.lotto22f .custom-pagination a,.lotto22f .custom-pagination span{width:40px;height:40px;line-height:40px;border-radius:50%;display:inline-block;background:#007eaf;color:#fff}
.lotto22f .custom-pagination span{background:#e6e6e6;color:#000}
.lotto22f .custom-pagination .more-page{background:0 0;letter-spacing:.1em}
.lotto22f .form-search-wrap{background:#fff;border-radius:30px}
.lotto22f .form-search-wrap .form-control{border:none}
@media (max-width:1199.98px){
.lotto22f .form-search-wrap .form-control{height:55px}
}
.lotto22f .form-search-wrap .btn{border-radius:30px;padding:10px 30px}
@media (max-width:1199.98px){
.lotto22f .form-search-wrap .btn{width:100%!important;display:block}
}
.lotto22f .popular-category{background:#fff;display:block;text-align:center;padding:30px 10px;border-radius:7px;background:#f8f9fa;position:relative}
.lotto22f .popular-category .icon{display:block;-webkit-transition:.1s all ease;-o-transition:.1s all ease;transition:.1s all ease}
.lotto22f .popular-category .icon>span{line-height:0;font-size:40px}
.lotto22f .popular-category .caption{color:#666;-webkit-transition:.1s all ease;-o-transition:.1s all ease;transition:.1s all ease}
.lotto22f .popular-category .number{padding:2px 20px;border-radius:30px;display:inline-block;background:#e9ecef;color:#000;font-size:14px;-webkit-transition:.1s all ease;-o-transition:.1s all ease;transition:.1s all ease}
.lotto22f .popular-category:hover{background:#007eaf;-webkit-box-shadow:0 5px 30px -5px rgba(70,221,176,.5);box-shadow:0 5px 30px -5px rgba(70,221,176,.5)}
.lotto22f .popular-category:hover .caption{color:#fff}
.lotto22f .popular-category:hover .icon{color:#fff}
.lotto22f .popular-category:hover .number{background:#30d9a7;color:#fff}
@media (max-width:1199.98px){
.lotto22f .no-sm-border{border:none!important}
}
.lotto22f .listing-item{position:relative;overflow:hidden;border-radius:4px}
.lotto22f .listing-item:after{position:absolute;content:"";left:0;right:0;bottom:0;top:0;z-index:1;background:rgba(0,0,0,.4)}
.lotto22f .listing-item img{-o-object-fit:cover;object-fit:cover;height:100%;width:100%;-webkit-transition:.3s all ease;-o-transition:.3s all ease;transition:.3s all ease}
.lotto22f .listing-item:hover img{-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2)}
.lotto22f .listing-item .listing-item-content{position:absolute;bottom:20px;padding-left:20px;padding-right:20px;z-index:2;width:100%}
.lotto22f .listing-item .listing-item-content .category{font-size:12px;display:inline-block;padding:5px 30px;background:#007eaf;border-radius:30px;color:#fff;letter-spacing:.2em;text-transform:uppercase}
.lotto22f .listing-item .listing-item-content h2{font-size:22px}
.lotto22f .listing-item .listing-item-content h2,.lotto22f .listing-item .listing-item-content h2 a{color:#fff}
.lotto22f .listing-item .listing-item-content span{color:#fff}
.lotto22f .listing-item .listing-item-content .address{color:rgba(255,255,255,.8)}
.lotto22f .listing-item .bookmark{position:absolute;right:20px;bottom:0;width:40px;height:40px;border-radius:50%;display:inline-block;background:rgba(255,255,255,.3);-webkit-transition:.3s all ease;-o-transition:.3s all ease;transition:.3s all ease}
.lotto22f .listing-item .bookmark span{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.lotto22f .listing-item .bookmark:hover{background:#f23a2e}
.lotto22f .listing-item .bookmark:hover span{color:#fff}
.lotto22f .accordion-item[aria-expanded=true]{color:#007eaf}
.lotto22f .social-media{display:inline-block;float:left;margin-bottom:0;padding:0}
.lotto22f .social-media li{display:inline-block}
.lotto22f .ft-feature-1{margin-bottom:80px}
.lotto22f .ft-feature-1 .ft-feature-1-content{padding:30px;position:relative;z-index:10}
.lotto22f .ft-feature-1 h2,.lotto22f .ft-feature-1 h3{font-size:20px;color:#fff}
.lotto22f .ft-feature-1 h3{font-size:18px}
.lotto22f .ft-feature-1 h3 .icon{font-size:30px}
.lotto22f .ft-feature-1 a{color:#fff;text-decoration:underline}
.lotto22f .ft-feature-1 a:hover{color:#fff;text-decoration:none}
.lotto22f .ft-feature-1 .play{display:inline-block;width:50px;height:50px;background:#007eaf;margin-right:1.5rem;border-radius:50%;line-height:50px;text-align:center;text-decoration:none!important}
.lotto22f .ft-feature-1 .play span{color:#fff;display:inline}
.lotto22f .ft-feature-1 .img-feature{position:relative;margin-bottom:30px}
@media (min-width:992px){
.lotto22f .ft-feature-1 .img-feature{margin-bottom:-80px}
}
.lotto22f .ft-feature-1 p{color:#737373}
.lotto22f .box-with-humber{position:relative}
.lotto22f .box-with-humber .number-behind{font-size:6rem;position:absolute;z-index:-1;top:-3rem;left:-3rem;font-weight:900;color:#f2f4f5}
.lotto22f .box-with-humber h2{font-size:20px}
.lotto22f .media-1{position:relative;display:block;overflow:hidden;margin-bottom:30px}
.lotto22f .media-1:after{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);content:"";-webkit-transition:.3s all ease;-o-transition:.3s all ease;transition:.3s all ease;opacity:0;visibility:hidden}
.lotto22f .media-1 img{-o-object-fit:cover;object-fit:cover;-webkit-transition:.3s all ease;-o-transition:.3s all ease;transition:.3s all ease}
.lotto22f .media-1 .media-1-content{z-index:4;top:50%;position:absolute;width:100%;text-align:center;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}
.lotto22f .media-1 .media-1-content h2{position:relative;color:#fff;font-size:1.5rem;-webkit-transition:.4s all ease-in-out;-o-transition:.4s all ease-in-out;transition:.4s all ease-in-out;opacity:0;visibility:hidden;bottom:-10px;margin-bottom:0}
.lotto22f .media-1 .media-1-content .category{position:relative;-webkit-transition:.3s all ease-in-out;-o-transition:.3s all ease-in-out;transition:.3s all ease-in-out;opacity:0;bottom:-10px;visibility:hidden;color:#999;font-size:13px;text-transform:uppercase;letter-spacing:.2em}
.lotto22f .media-1:hover:after{opacity:1;visibility:visible}
.lotto22f .media-1:hover h2{bottom:0;opacity:1;visibility:visible}
.lotto22f .media-1:hover .category{opacity:1;visibility:visible;bottom:0;-webkit-transition-delay:90ms;-o-transition-delay:90ms;transition-delay:90ms}
.lotto22f .media-1:hover img{-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}
.lotto22f .testimonial-wrap .owl-nav{display:none}
.lotto22f .section-sub-title{font-size:13px;color:#959595;letter-spacing:.2em;text-transform:uppercase}
.lotto22f .section-title{color:#007eaf;font-size:40px;font-weight:900}
@media (max-width:991.98px){
.lotto22f .section-title{font-size:30px}
}
.lotto22f .position-relative{position:relative}
.lotto22f .experience{position:absolute;bottom:-10px;right:-10px;background:#000;padding:20px}
@media (max-width:991.98px){
.lotto22f .experience{bottom:0;right:0}
}
.lotto22f .experience span{display:block}
.lotto22f .experience .year{font-weight:900;color:#fff;font-size:3rem;letter-spacing:normal;line-height:1.2}
.lotto22f .experience span{letter-spacing:.2em}
.lotto22f .experience .caption{color:#fff;letter-spacing:.4em;text-transform:uppercase}
.lotto22f .footer-subscribe .btn{height:43px}
.lotto22f .pay{background:#e5e5e5;text-align:center;margin:10px 0;padding:15px}
.lotto22f .member .nav-pills>li>a,.lotto22f .payicon{display:inline-block;margin:0 5px 10px 5px;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;border:5px solid #999;background:#fff;position:relative}
.lotto22f .current,.lotto22f .member .nav-pills li.active a,.lotto22f .payicon:hover{border:5px solid #e55c00}
.lotto22f .pay .current::after{content:'';position:absolute;bottom:-30px;left:50%;margin-left:-15px;width:0;height:0;border-style:solid;border-width:0 15px 20px 15px;border-color:transparent transparent #e55c00 transparent}
.lotto22f .payicon img{-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:grayscale(100%)}
.lotto22f .pay .current img,.lotto22f .payicon:hover img{-webkit-filter:grayscale(0);-moz-filter:grayscale(0);-ms-filter:grayscale(0);-o-filter:grayscale(0);filter:grayscale(0)}
.lotto22f H1,.lotto22f H2,.lotto22f H3,.lotto22f H4,.lotto22f H5,.lotto22f a,.lotto22f,.lotto22f p{font-family:"微軟正黑體",Helvetica,sans-serif}
.lotto22f a{color:#007eaf}
.lotto22f a:hover{color:#0082b3}
.lotto22f .divider-header{display:block;width:40px;height:2px;margin:0 auto;margin-bottom:10px}
.lotto22f .btn-sm{padding:5px 20px;font-size:.8em}
.lotto22f .modal-header,.lotto22f .modal-header .close{background:linear-gradient(to top,#0082b3 0,#41caff 100%);color:#fff}
.lotto22f .modal-content{box-shadow:0 0 4px #343434}
.lotto22f .modal-title{color:#fff}
.lotto22f #login .modal-body{padding:3em}
.lotto22f .top-bar{background:linear-gradient(to top,#0082b3 0,#41caff 100%);padding-top:12px;color:#fff}
.lotto22f .mq-img{max-width:30px;margin-right:6px;display:inline-block}
.lotto22f .marquee{width:100%;height:22px;margin-bottom:0;padding:0;white-space:nowrap;overflow:hidden}
.lotto22f .marquee li{display:inline-block;height:20px;color:#fff;line-height:20px}
.lotto22f .marquee li span{font-weight:700;color:red}
.lotto22f .h-entry{overflow:hidden}
.lotto22f .h-entry img{margin-bottom:30px;max-width:100%;height:auto;position:relative;right:0}
.lotto22f #testimonials-section{background:#000}
.lotto22f .owl-carousel .owl-item img{display:block;width:100%}
.lotto22f .slide-one-item .owl-dots{text-align:center;position:absolute;bottom:-5px;right:1%}
@media screen and (max-width:425px){
.lotto22f .owl-carousel .owl-item img{display:block;width:130%}
.lotto22f .site-blocks-cover{background-position:left}
}
.lotto22f .nav-ft{background:#000;border-top:1px solid;height:63px;padding:0;box-shadow:0 0 8px rgb(59 190 242 / 54%)}
.lotto22f li.nav-item{list-style:none}
.lotto22f a.nav-link i{font-size:22px}
.lotto22f li.nav-item{list-style:none}
.lotto22f a.nav-link.home img{width:40px}
.lotto22f li.nav-item.home{position:relative;border:23px;bottom:16px!important;-webkit-filter:drop-shadow( 0 0 8px rgb(0 0 0 / 68%));filter:drop-shadow( 0 0 8px rgb(0 0 0 / 68%))}
@media screen and (max-width:320px){
.lotto22f li.nav-item{font-size:small;line-height:2}
}
.lotto22f div#member-section{color:#000}
.lotto22f .title-primary{color:#007eaf}
.lotto22f span.input-group-text{min-width:100px;border-radius:0}
.lotto22f .form-control{height:43px;border-radius:0;font-family:"微軟正黑體",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"}
.lotto22f label{width:100%;background:#0082b3;height:46px;margin:0;padding:10px;color:#fff}
.lotto22f label.form-check-label{background:0 0;color:#000}
.lotto22f .img-code{width:100px}
.lotto22f a#smsBTN{border-radius:0;height:43px;margin-bottom:10px}
.lotto22f #register input#phone{width:70%}
.lotto22f #about-section{background:url(/assets/www/images/facade/css-bg_about.webp) no-repeat;background-attachment:initial;background-size:cover;background-position:center top}
.lotto22f #lotty-section{background:url(/assets/www/images/facade/css-bg_lotty.webp) no-repeat!important;background-attachment:initial;background-size:100%!important;background-position:bottom}
.lotto22f #bingo-section{background:none no-repeat!important;background-attachment:initial;background-size:100%!important;background-position:bottom}
.lotto22f #max6-section{background:url(/assets/www/images/facade/css-bg_max6.webp) no-repeat!important;background-attachment:initial;background-size:100%!important;background-position:bottom}
.lotto22f #lotty539-section{background:url(/assets/www/images/facade/css-bg_lotty539.webp) no-repeat;background-attachment:initial;background-size:100%!important;background-position:bottom}
.lotto22f #fantsay-section{background:url(/assets/www/images/facade/css-bg_fantasy5.webp) no-repeat;background-attachment:initial;background-size:100%!important;background-position:bottom}
@media (min-width:1441px) and (max-width:2560px){
.lotto22f #fantsay-section,.lotto22f #lotty-section,.lotto22f #lotty539-section,.lotto22f #max6-section{padding:10em 0!important;background-position:left 56%}
}
@media screen and (max-width:768px){
.lotto22f #about-section{background-size:cover;background-position:77%}
.lotto22f #fantsay-section,.lotto22f #lotty-section,.lotto22f #lotty539-section,.lotto22f #max6-section{text-align:center;background-size:cover!important;background-position:right bottom!important}
}
.lotto22f .site-section#lotty h4{color:#247eaf}
.lotto22f .news-box{min-height:30em;max-height:30em;overflow-y:scroll;background:rgba(0,0,0,.5);position:relative;z-index:2}
.lotto22f #news-section{background:none no-repeat;background-attachment:fixed;background-size:cover;background-position:center;padding-bottom:0}
.lotto22f .left_img{position:absolute;left:-226px;bottom:-2px}
.lotto22f .right_img{position:absolute;right:-176px;top:15px}
.lotto22f .news-box .faq li.active_title{font-size:1em;border-bottom:1px #464646 solid}
.lotto22f .news-more-btn{position:absolute;right:5%;bottom:5%}
.lotto22f .scrollbar{width:100%;float:left;overflow-y:scroll;margin-bottom:25px}
.lotto22f #style-2::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);border-radius:10px}
.lotto22f #style-2::-webkit-scrollbar{width:12px}
.lotto22f #style-2::-webkit-scrollbar-thumb{border-radius:10px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:#007eaf}
@media screen and (max-width:800px){
.lotto22f .left_img,.lotto22f .right_img{display:none}
}
.lotto22f #member{max-width:960px;margin:auto;color:#333}
.lotto22f #member .memberNav{background:#000}
.lotto22f #member a.nav-link.active,.lotto22f #member a.nav-link:hover{color:#999}
.lotto22f .transferTab a.nav-link{color:#000}
.lotto22f .transferTab a.nav-link.active,.lotto22f .transferTab a.nav-link:hover{color:#2196f3!important}
.lotto22f .wallet-top{border:1px solid #adadad;margin-bottom:1em}
.lotto22f .tab-content{padding:1em 0}
.lotto22f .user_p{padding:2em;border-bottom:solid 2px #777}
.lotto22f a.nav-link{color:#03a9f4}
.lotto22f .his_menu a.nav-link{color:#fff}
.lotto22f a.nav-link.active,.lotto22f a.nav-link:hover{color:#fff;font-weight:700}
.lotto22f .search-btn .btn{padding:2px 18px;margin-bottom:6px}
.lotto22f table{width:100%!important}
.lotto22f .page-link{color:#000;border:1px solid #6e6e6e}
.lotto22f .page-link:hover{color:#fff;text-decoration:none;background-color:#000;border-color:#6e6e6e}
@media screen and (max-width:425px){
.lotto22f tr{border:1px solid #9e9e9e}
}
.lotto22f ul.faq{list-style:none;margin-left:-15px;padding:15px}
.lotto22f .faq li.active_title{font-weight:700;font-size:120%;border-bottom:1px #ddd solid;cursor:pointer}
.lotto22f .faq li.active_body{border:#1e6b9a 1px solid;color:#333;display:none}
.lotto22f .q_title{position:relative;color:#fff;text-shadow:0 0 7px #1e6b9a;letter-spacing:2px;background:#084062;width:100%;padding:5px 16px;font-weight:400}
@media screen and (max-width:425px){
.lotto22f .q_title{position:relative;margin:0;color:#fff;text-shadow:none;background:#084062;font-size:.8em;padding:.5em}
}
.lotto22f .linkTop{position:fixed;right:1%;bottom:2%;width:50px;height:50px;background:#3bbcf0;padding:13px;z-index:1199}
@media (max-width:768px){
.lotto22f .linkTop{position:fixed;right:1%;bottom:10%}
}
.lotto22f .x-contact-us-v2{position:fixed;right:1%;bottom:15%;z-index:999}
.lotto22f .x-contact-us-v2 .-link-item img{width:120px;height:auto}
.lotto22f .x-contact-us-v2:hover .-link-item img{-webkit-filter:drop-shadow(0 0 10px rgba(255,204,0,.6));filter:drop-shadow(0 0 10px rgba(255,204,0,.6))}
@media (max-width:768px){
.lotto22f .x-contact-us-v2{position:fixed;right:2%;bottom:16%}
.lotto22f .x-contact-us-v2 .-link-item img{width:90px;height:auto}
}
.lotto22f #i_lott .nav-bg{height:100%;padding:20px 0;border-right:1px solid}
.lotto22f #i_lott a.nav-link{color:#000;font-weight:600;border-bottom:1px solid #b1b1b1;background:linear-gradient(to top,#37b9e9 0,#ace3f8 100%)}
.lotto22f #i_lott a.nav-link.active,.lotto22f #i_lott a.nav-link:hover{background:linear-gradient(to top,#0082b3 0,#41caff 100%)}
.lotto22f .date span{background:#e9ecef;padding:5px 20px;border-radius:20px}
.lotto22f ul.ball{list-style:none;margin-left:-45px}
.lotto22f .ball li{width:38px;height:38px;line-height:38px;text-align:center;border-radius:100%;float:left;font-weight:700;font-size:1em;color:#fff;text-shadow:1px -1px 1px #999;margin:10px 4px}
.lotto22f .ball539 li{background:#00a9ff;background:-webkit-gradient(linear,left top,left bottom,color-stop(1%,#2cb4fd),to(#0686ee));background:linear-gradient(to bottom,#2cb4fd 1%,#0686ee 100%)}
.lotto22f .ballottery li{background:#ffa042;background:-webkit-gradient(linear,left top,left bottom,from(#ffa042),to(#ff8000));background:linear-gradient(to bottom,#ffa042 0,#ff8000 100%)}
.lotto22f .ballottery6 li{background:#1adc00;background:-webkit-gradient(linear,left top,left bottom,color-stop(1%,#1adc00),to(#4cad25));background:linear-gradient(to bottom,#1adc00 1%,#4cad25 100%)}
.lotto22f .ballfantasy5 li{background:#747575;background:-webkit-gradient(linear,left top,left bottom,from(#747575),to(#404141));background:linear-gradient(to bottom,#747575 0,#404141 100%)}
.lotto22f li.lott\+{background:0 0;color:#000}
.lotto22f li.lott\+num{background:#e02120;background:-webkit-gradient(linear,left top,left bottom,color-stop(8%,#e95455),to(#e02120));background:linear-gradient(to bottom,#e95455 8%,#e02120 100%)}
.lotto22f #his_lott li{list-style:none;height:100%}
.lotto22f #his_lott .nav-bg{background:#007eaf}
.lotto22f .ft-menu .nav-link{font-size:15px}
.lotto22f .modal-open .modal{z-index:99999}
.lotto22f .pagination li{padding:5px}
.lotto22f li.lott\+{background:0 0;color:red}
@media screen and (max-width:480px){
.lotto22f .ball li{width:35px;height:35px;line-height:35px;margin:10px 1px}
.lotto22f li.lott\+{margin:10px 0}
}