:root{--white:#fff}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;box-sizing:border-box;color:#fff}
body,html{height:100%;background:#716f7a;overflow-y:auto;overflow-x:hidden}
div,article,aside,.rankingDetails,figcaption,figure,footer,header,hgroup,menu,nav,section,.content>nav>a,button,.group,nav.bottom>ul,nav.bottom>ul>li,nav.bottom>ul>li>a,.swiper-slide,.topThree,.topThree li,.topThree li a,.topThree li div.medal,.list,.list_area ul li,.list_area ul.list ol,.banner_ad,.footer ul,.gamCare,#load,header,.sublist,.hidden,.gameInfo,.detail_info,.loginArea,.form-group,.iconInput,.afterLoginArea,.debit_credit,.field_icon,.afterLogin.amount a,.content nav button.afterLogin.amount,.IDNumber,.rightBox,.personal_list ul,.loginError strong,.personal_list ul li a,.personal_list ul li,.personal_list ul li a span,.tabs-nav,.tabs-nav li a,.tab .box,.transaction,.transaction .tableContent h6 strong,.tabsContent.current,.simplePopup,.noFound ol>strong,.btnConfirm,.dropdown li,.notice,.content nav button.notice:before,.marquee,.modal-content,.announcement-item,.menuGameList ul,.menuGameList ul li,.menuGameList ul li a,.slotSlide,.liveSlide,.tab,ol,ul,li,.tab h5,.clear-btn,.searchTabs li a,.corner_label,.gameInfo h4,.gamePic,.gamePopupMenu,.gamePopup{display:flex}
body{line-height:0;font-family:"Noto Sans JP",sans-serif}
ol,ul{list-style:none;margin:0;padding:0}
a{text-decoration:none}
blockquote,q{quotes:none}
button{font-size:14px;padding:10px;margin:0 auto;width:40%;justify-content:center;font-weight:500}
.menuGameList ul li:active,button:active,a:active,li:active{transform:scale(.95)}
img{max-width:100%}
.signUp,.clicked>img.menu,.category>img.close,#text,.hidden:before,input[type=checkbox],.loginError,.content nav button.afterLogin,.loginShow.amount,.tabsContent,.simplePopup,.loaderHistory,.searching,.searchResult,.gamePopup{display:none}

.tablive .externallive,.tablive .externalslot,.tabslot .externallive,.tabslot .externalslot,
.tabsport .externallive,.tabsport .externalslot,.slotpopular .externallive,.slotpopular .externalslot,
.slotlatest .externallive,.slotlatest .externalslot,.slothigh .externallive,.slothigh .externalslot,
.slotbonus .externallive,.slotbonus .externalslot,.slotjackpot .externallive,.slotjackpot .externalslot,
.livefeatured .externallive,.livefeatured .externalslot,.livebaccarat .externallive,.livebaccarat .externalslot,
.liveblackjack .externallive,.liveblackjack .externalslot,.liveroulette .externallive,.liveroulette .externalslot,
.liveother .externallive,.liveother .externalslot,
.tabslot .liveblackjack,.tabslot .livefeatured,
.tabslot .livebaccarat,.tabslot .liveblackjack,
.slotpopular .livefeatured,.slotpopular .livebaccarat,.slotpopular .liveblackjack,.slotpopular .liveroulette,.slotpopular .liveother,
.slotlatest .livefeatured,.slotlatest .livebaccarat,.slotlatest .liveblackjack,.slotlatest .liveroulette,.slotlatest .liveother,
.slothigh .livefeatured,.slothigh .livebaccarat,.slothigh .liveblackjack,.slothigh .liveroulette,.slothigh .liveother,
.slotbonus .livefeatured,.slotbonus .livebaccarat,.slotbonus .liveblackjack,.slotbonus .liveroulette,.slotbonus .liveother,
.slotjackpot .livefeatured,.slotjackpot .livebaccarat,.slotjackpot .liveblackjack,.slotjackpot .liveroulette,.slotjackpot .liveother,
.livefeatured .slotpopular,.livefeatured .slotlatest,.livefeatured .slothigh,.livefeatured .slotbonus,.livefeatured .slotjackpot,
.livebaccarat .slotpopular,.livebaccarat .slotlatest,.livebaccarat .slothigh,.livebaccarat .slotbonus,.livebaccarat .slotjackpot,
.liveblackjack .slotpopular,.liveblackjack .slotlatest,.liveblackjack .slothigh,.liveblackjack .slotbonus,.liveblackjack .slotjackpot,
.liveroulette .slotpopular,.liveroulette .slotlatest,.liveroulette .slothigh,.liveroulette .slotbonus,.liveroulette .slotjackpot,
.liveother .slotpopular,.liveother .slotlatest,.liveother .slothigh,.liveother .slotbonus,.liveother .slotjackpot
{display:none!important}
.externalslot .tabslot,.externalslot .tablive,.externalslot .tabsport,.externallive .tabslot,.externallive .tablive,.externallive .tabsport{display:flex!important}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
table{border-collapse:collapse;border-spacing:0;margin:20px auto}
::placeholder{color:#c4caf7;opacity:.7;transition:.3s;white-space:pre-line;word-break:break-all;font-weight:400}
.text-white::placeholder{font-size:20px}
:focus::placeholder{color:#fff;opacity:1}
input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
input[type=number]{-moz-appearance:textfield}
input[type=text]{color:#b0b0cb}
.input,.searchText{height:100%;padding:25px 60px;border-radius:0;border:1.5px solid #7d8196;outline:none;transition:all .3s cubic-bezier(0.19,1,0.22,1);box-shadow:0 0 20px -18px;box-sizing:border-box;font-size:16px;background:#676772}
.input:focus,.searchText:focus{border:1px solid #d3d3d3;background:#7d7d96;box-shadow:0 0 20px -17px;}
h1,h2,h3{font-weight:900}
h4,h5,h6{font-weight:600}
h1,h2,h3,h4,h5,h6{line-height:1;margin:1.3rem 0;letter-spacing:-.02rem}
h1{font-size:22px}
h2{font-size:20px}
button a{color:#333;}
.bottomNegativeTen{bottom:-10px}
section,.content>nav,.banner,.marquee,nav.bottom,nav.bottom>ul,nav.bottom>ul>a,.symbol,.swiper,.topThree,.topThree li a,.list_area,.list,.list_area ul.list ol,#load,.list:before,.content>nav,header .social a svg,.overlay,.ranking_more,.gameInfo h4,.loginArea,.loginArea h1,.input,.afterLoginArea,.debit_credit,.history,.personal_list ul,.logout,.tabs-nav,.tab,.tabs-content,.tab h3,p,.tab .box,.tabs-content li.ssl,.tab>section,.personal_list ul li,.subTabHistoryArea,.main-content,.main-page,.announcement-info,.announcement-info > div,.detail-page,.menuGameList,.menuGameList ul,.menuGameList ul li a,.searchBox,.searchBox>.searchContent,.searching,.searchResult,.container,.searchTabs,.searchResult .symbol ul,.searchTabs li a,.pageloading,.embedded,.symbolall,.symbolall ul,.preload-box,.gamePic,.gamePopupMenu,.gamePopupMenu,.gamePopup,.searchProviders{width:100%}
.overlay{position:fixed;top:0;left:0;z-index:1;height:100%;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;background-color:#262626;opacity:0;visibility:hidden}
.overlay.show{opacity:.8;visibility:visible;z-index:10}
.overlay.show.highZindex{z-index:13}
p{font-weight:300;text-align:center;line-height:1;font-size:14px;justify-content:center}
.absolute,.content nav button.notice:before{position:absolute}
.relative{position:relative}
.flex{display:flex}
.content>nav,#load,.loginArea,.afterLoginArea,.debit_credit,.simplePopup,.history,.simplePopupNotice,.searchBox,.gamePopup,.providerShowBox{position:fixed}
.transaction .tableContent h6,.transaction h3{text-align:center;}
.flexColumn{flex-direction:column}
.flexRow{flex-direction:row}
.flexColumnRev{flex-direction: column-reverse;}
.justifyStart{justify-content:flex-start}
.justifyEnd{justify-content:flex-end}
.justifyCenter{justify-content:center}
.justifyAround{justify-content:space-around}
.justifybetween{justify-content:space-between}
.justifyEvenly{justify-content:space-evenly}
.alignCenter{align-items:center}
.alignStretch{align-items:stretch}
.alignStart{align-items:flex-start}
.alignEnd{align-items:flex-end}
.bgNoRepeat{background-repeat:no-repeat}
.bgPositionCenter{background-position:center}
.bgSizeContain{background-size:contain}
.bgSizeCover{background-size:cover}
.bgSize100Percentage{background-size:100% 100%}
.bgGray{background:#a9a4ab}
.bgTransparent{background-color:transparent}
.bgDarkGray{background:#333}
.m0{margin:0}
.ml20{margin-left:20px}
.mtLR10{margin:0 10px}
.pdLR10{padding:0 10px}
.pd10{padding:10px}
.mtTB10{margin:10px auto!important}
.mTB40{margin:40px 0}
.hThirty{height:30px!important}
.mtLRauto{margin:0 auto}
.mtLR10auto{margin:10px auto}
.mtTB10{margin:10px 0}
.mB6percent{margin-bottom:6%!important;}
.w20percent{width:20%!important;}
.w15percent{width:15%!important;}
.w100percent{width:100%}
.w65percent{width:65%!important}
.OVerHidden{overflow:hidden}
.flexWrap{flex-wrap:wrap}
.barFix{background:#53505e;}
div,nav{background:#716f7a}
.content{display:block;box-sizing:content-box;width:100vw}
.content>nav.bottom{bottom:0;background:#43414c;padding:0;z-index:10}
.content>nav.top{top:0;z-index:9}
.logoutBtn{width:90%}
.reloadPage{opacity:.3}
nav.bottom>ul>li>a{color:var(--white)}
section{width:100%;margin:0}
.tab>section{height:calc(100% - 80px)}
nav.bottom>ul>li,nav.bottom>ul>li>a{height:100%}
nav.bottom>ul>li>a.yellow,nav.bottom>ul>li>a.home.active{color:#FFD700;filter:brightness(1.2);font-weight:600;}
nav.bottom>ul>li.shrink{transform:translateY(10px);transition:transform .3s ease}
.content>nav{height:60px;box-shadow:0 5px 10px #0006}
.content>nav>.group>a{width:125px;height:60px;background-image:url(img/logo.png)}
.content>nav>.group.right{width:auto}
.content nav button{width:80px;height:100%;padding:8px 2px;margin:0;}
.content nav button.notice{width:46px;height:46px;margin:0;border:0;}
.content nav button.notice:before{content:"";width:10px;height:10px;margin:0;border:0;right:10px;top:10px;background:#fb4343;border-radius:50%;z-index:10;}
.afterLogin.amount{background:#62606a;border:0;color:var(--white);font-size:15px;width:auto;padding:10px 5px;white-space:nowrap;}
.afterLogin.amount a{width:20px;height:20px;margin-left:5px}
.menuGameList {position:sticky;top:60px;z-index:9;background:#53505e;box-shadow:0 5px 10px rgba(0,0,0,.2)}
.menuGameList ul{line-height:2}
.menuGameList ul li{flex:1;height:57px;line-height:1.2;margin:2% 2.2%;border-radius:5px;}
.menuGameList ul.searchMenu li{flex:0 0 70%;;box-shadow:none;}
.menuGameList .secondMenu ul{width:350px}
.menuGameList .secondMenu ul li{flex:0 0 25%;margin: 4% 2.5%;}
.menuGameList div.secondMenu{flex-shrink:0;}
.menuGameList div.searchMenu li{width:100%;margin:10%;}
.menuGameList ul li:active{transform:scale(.95)}
.menuGameList ul li a{flex-direction:column;align-items:center;background: #FFFFFF;
background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(201, 199, 214, 1) 100%);justify-content:space-between;padding:5% 0;border-radius:5px;color:#333;font-size:13px;}
.menuGameList ul li a.backBtn{background:#716f7a;}
.menuGameList ul li.current a{background:#f5c85a;}
.menuGameList ul li a img{width:30px;}
.menuGameList ul li a.backBtn img{transform:scale(.85);margin-top:5px;}
.search{width:70px;height:60px;border:none}
.searchBox,.searchBox>.searchContent{height:100%;}
.searchBox.active{transform: translateX(-50%) translateY(-50%);}
.searchBox,.simplePopupNotice,.providerShowBox{z-index:11;background:#53525e;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:0;height:0;-webkit-transition: all .2s linear;transition:all .2s linear;overflow:hidden}
.searchBox.open,.simplePopupNotice.open,.providerShowBox.open{height:100dvh;width:101%;overflow:visible}
.searchBox>.searchContent{background:#413f47}
.searchError{color:#D65052;bottom:-20px;}
.searching,.searchResult{height:100%;bottom:0;}
.searchIcon{width:170px;height:auto;margin-bottom:50%;}.searchIcon h4{line-height:1.5;text-align:center;margin:.5rem 0;}
.searchIcon h4 p{line-height: 1}
.spinner{font-size:40px;width:1em;height:1em;margin:30px auto;border-radius:50%;box-shadow:inset 0 0 0 .1em #353244;}
.spinner i{position:absolute;clip:rect(0,1em,1em,.5em);width:1em;height:1em;animation:spinner-circle-clipper 1s ease-in-out infinite}
@keyframes spinner-circle-clipper {
0%{transform:rotate(0deg)}
100%{transform:rotate(180deg)}
}
.spinner i:after{position:absolute;clip:rect(0,1em,1em,.5em);width:1em;height:1em;content:'';animation:spinner-circle 1s ease-in-out infinite;border-radius:50%;box-shadow:inset 0 0 0 .1em #c5e9ff}
@keyframes spinner-circle {
0%{transform:rotate(-180deg)}
100%{transform:rotate(180deg)}
}
.pageloading{top:77px;left:0;height:100%;background:#2f2b38cc;z-index:9;text-align:center}
.pageloading .spinner{top:50%;margin-top:-600px;width:60px;height:60px;border:6px solid #ccc;border-top-color:#3498db;border-radius:50%;animation:spin 1s linear infinite}
.pageloading p{color:#333;font-size:16px}
@keyframes spin {
to{transform:rotate(360deg)}
}
.loginSpinner{display:inline-block;width:14px;height:14px;border:2px solid #fff;border-top:2px solid transparent;border-radius:50%;animation:spin .8s linear infinite;vertical-align:middle;margin-right:6px}
@keyframes spin {
to{transform:rotate(360deg)}
}
.entry.success{background-color:#4CAF50;color:#fff;font-weight:700;transition:background-color .3s ease}
.checkmark{font-size:16px;margin-right:5px}
.entry.success .checkmark img{width:25px;}
.clear-btn{right:3%;top:28%;width:25px;height:25px;padding:5px;line-height:16px;border:0;font-size:27px;}
.banner{height:26%;margin-top:60px}
.banner.second{height:97px;}
.banner.second>img{top:0}
.banner.second>h1{z-index:1;line-height:2.5;color:#f6c85a;text-indent:2pc;}
.banner>img{object-fit:cover;flex:0 0 100%}
.search img{height:70%}
.simplePopup{width:300px;height:170px;left:50%;top:50%;margin-top:-85px;margin-left:-150px;z-index:14}
.group{width:100%}
.group_auto{width:auto;}
.group_auto h6{font-weight:300}
.group_auto h1{margin-right:10px;}
.group_100Percentage{width:100%}
/* 跑馬燈區 */
.main-page{height:100%;background: #646774;}
.marquee{display:flex;background:#bdb6c1;padding:0px;}
.marquee_container{flex:1;margin:0 10px;overflow:hidden;white-space:nowrap;line-height:20px;}
.marquee_text{display:inline-block;transition:all .3s ease;font-size:14px;color:#333;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;max-width:100%;vertical-align:middle}
.marquee-btn{background:none;border:none;font-size:18px;cursor:pointer;margin:0;padding:0;width:30px;height:30px;}
/* 彈窗區 */
.simplePopupNotice {background:rgba(0,0,0,0.6);z-index:210;}
.modal-content{width:100%;height:100dvh;height:100vh;background:#595d6c;overflow:hidden;}
.modal-header{text-align:center;}
.modal-body{flex:1;overflow-y:auto;padding:0;max-height:86vh}
.top-announcements{background:#93747e;border-bottom:1px solid #f699b7}
.top-announcements .card{background:#d08b8b;padding:5px;margin:4px;box-shadow:0 1px 4px #0000001a}
.top-announcements .card h4,.announcement-info h5{font-size:14px;margin:3px 0 0;color:#333;}
.announcement-list{padding:5px}
.announcement-list.height{height:65%}
.announcement-item{background:#dad8e9;padding:8px;margin-bottom:5px;box-shadow:0 1px 4px #0000001a;cursor:pointer}
.announcement-info{align-items: center}
.announcement-info p,.top-announcements .card p{color:#333;width:auto;white-space:nowrap;align-items:center;margin:3px 0;font-size:.8rem;line-height:16px;text-align:left;}
.announcement-info p.hour strong, .top-announcements .card p.hour strong,.announcement-info p.hour span, .top-announcements .card p.hour span{display:block;text-align: center}
.announcement-info p.hour,.top-announcements .card p.hour{flex-direction:column}
.announcement-info p.hour strong, .top-announcements .card p.hour strong,
.announcement-info p.hour span, .top-announcements .card p.hour span {color:#333}
.announcement-info p.hour strong, .top-announcements .card p.hour strong{font-size:20px;}
.announcement-info p.hour span, .top-announcements .card p.hour span{font-size:12px;}
.announcement-info p.content, .top-announcements .card p.content{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:1;overflow:hidden;white-space:pre-wrap;padding-left:.5pc;text-align:left;height:15px;width:90%}
.announcement-info p.content{padding-left:0;}
.top-announcements .card p.date{padding-left:.5pc;height:auto;font-weight:400;margin:1% 0;text-align:left;}
.announcement-item .icon{width:auto;height:20px;border-radius:50px;margin-right:10px;flex-shrink:0;padding:0 5px;font-size:12px;line-height:20px;}
.icon.system{background:#f59e0b}
.icon.notice{background:#3b82f6}
.icon.event{background:#10b981}
.announcement-info h5{white-space:nowrap;text-overflow:ellipsis;color:#333;}
.btnClose,.btnHistoryRecord,.btnBack,.searchBtnClose{position:absolute;top:inherit;bottom:90px;width:46px;height:46px;border:none;background:#333340;cursor:pointer;align-items:center;padding:15px;}
.searchBox>.btnClose,.searchBox>.searchBtnClose{position:static;margin:30px;}
.btnClose,.searchBtnClose{top:inherit;right:50%;margin-right:-23px;}
.modal-content .btnClose{right:0;margin-right:0;bottom:0}
.modal-content .btnBack{left:0;bottom:0}
.detail-page{display:none;padding:20px;height:100%;background:#4d4f60;}
.detail-page h3{font-size:18px;}
.detail-page p{font-size:14px;line-height:1.6;color:#333}
nav.bottom>ul>li{width:24%;text-align:center}
nav.bottom>ul>li>a{font-weight:500;font-size:14px;font-weight:300;}
nav.bottom>ul>li>a.clicked{color:#ff0}
.clicked>img.close{display:block;filter:contrast(44%) invert(1) sepia(18) hue-rotate(20deg)}
nav.bottom>ul>li>a>img{width:30%}
.white,.menuGameList ul li a.backBtn img{filter:brightness(0) invert(1)}
nav.bottom>ul>li.major{height:75px;width:93px;margin:-13px 10px 0;overflow:hidden}
nav.bottom>ul>li.major>a{border:1px solid #666;border-radius:50px}
nav.bottom>ul>li.major>a>img{width:40%}
.loader,.loader:after{border-radius:50%;width:10em;height:10em}
.loader{margin:60px auto;font-size:10px;position:relative;text-indent:-9999em;border-top:1.1em solid #28282f33;border-right:1.1em solid #28282f33;border-bottom:1.1em solid #28282f33;border-left:1.1em solid #fff;-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0);-webkit-animation:load8 1.1s infinite linear;animation:load8 1.1s infinite linear;background:#666a78;}
@-webkit-keyframes load8 {
0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
@keyframes load8 {
0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
header{background-color:#595965;position:fixed;z-index:9;bottom:0;right:0;height:74%;width:100%;padding:10px;overflow-y:auto;-webkit-transform:translateY(100%);-moz-transform:translateY(100%);-ms-transform:translateY(100%);-o-transform:translateY(100%);transform:translateY(100%);-webkit-transition:transform .55s cubic-bezier(0.785,0.135,0.15,0.86);-moz-transition:transform .55s cubic-bezier(0.785,0.135,0.15,0.86);-o-transition:transform .55s cubic-bezier(0.785,0.135,0.15,0.86);transition:transform .55s cubic-bezier(0.785,0.135,0.15,0.86);z-index:12}
header.detail{min-height:30%}
header.show,.loginArea.show,.afterLoginArea.show,.debit_credit.show,.history.show{-webkit-transform:translateX(0px);-moz-transform:translateX(0px);-ms-transform:translateX(0px);-o-transform:translateX(0px);transform:translateX(0px)}
.afterLoginArea.move{-webkit-transform:translateX(-100%);-moz-transform:translateX(-100%);-ms-transform:translateX(-100%);-o-transform:translateX(-100%);transform:translateX(-100%)}
header.symbolHeight{height:40%}
header.show ul.main li{-webkit-transform:translateX(0px);-moz-transform:translateX(0px);-ms-transform:translateX(0px);-o-transform:translateX(0px);transform:translateX(0px);opacity:1;width:25%;height:100px;background:#5f5f68;margin:2%;align-items:center;justify-content:center;line-height:30px}
header.show ul.main li.current{background:#333}
header.show .about,header.show .social,header.show ul.sub{-webkit-transform:translateY(0px);-moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);transform:translateY(0px);opacity:1;transition-delay:.85s}
@media (min-width: 667px) {
header{padding:120px 90px 70px}
}
header ul.main{list-style-type:none;width:100%;height:120px}
.borderBT{border-bottom:2px solid #7f7f87}
header ul.main li{margin-bottom:20px;-webkit-transform:translateX(40px);-moz-transform:translateX(40px);-ms-transform:translateX(40px);-o-transform:translateX(40px);transform:translateX(40px);opacity:0;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
header ul.main li:last-of-type{margin-bottom:0}
header ul.main li a{color:var(--white);text-decoration:none;text-transform:uppercase;font-size:18px;text-align:center;display:block;font-weight:600;padding:10px 0;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
header ul.main li.current a{color:#ff0}
header ul.main li a span{color:#b7ac7f}
header ul.main li a:hover{color:#b7ac7f}
header .about{margin-top:40px;-webkit-transform:translateY(30px);-moz-transform:translateY(30px);-ms-transform:translateY(30px);-o-transform:translateY(30px);transform:translateY(30px);opacity:0;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;-o-transition:all .4s ease;transition:all .4s ease}
header .about p{color:var(--white);font-family:"Spectral",serif;font-size:1.05rem;letter-spacing:.5px;line-height:170%}
header .social{margin-top:40px;position:relative;padding-bottom:30px;-webkit-transform:translateY(30px);-moz-transform:translateY(30px);-ms-transform:translateY(30px);-o-transform:translateY(30px);transform:translateY(30px);opacity:0;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;-o-transition:all .4s ease;transition:all .4s ease}
header .social:after{content:"";width:230px;height:2px;background-color:#b7ac7f;position:absolute;bottom:0;left:0}
header .social a{display:inline-block;width:30px;height:30px;margin-right:25px}
header .social a:last-of-type{margin-right:0}
header .social a:hover svg path,header .social a:hover svg circle{fill:#b7ac7f}
header .social a svg{height:100%}
header .social a svg path,header .social a svg circle{fill:var(--white);-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
header ul.sub{list-style-type:none;margin-top:40px;-webkit-transform:translateY(30px);-moz-transform:translateY(30px);-ms-transform:translateY(30px);-o-transform:translateY(30px);transform:translateY(30px);opacity:0;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;-o-transition:all .4s ease;transition:all .4s ease}
header ul.sub li{margin-bottom:10px}
header ul.sub li:last-of-type{margin-bottom:0}
header ul.sub li a{color:var(--white);font-family:"Raleway",sans-serif;letter-spacing:1px;font-size:.9rem;text-decoration:none;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
header ul.sub li a:hover{color:#b7ac7f}
.more{width:25px;height:25px;background-image:url(img/more.png);border:none}
.symbolContainer .more{right:10px}
.symbol,.symbolall{overflow:hidden;width:100vw;}
.symbol ul{width:2000px;}
.symbol ul{display:block;overflow-x:scroll;overflow-y:inherit;white-space:nowrap;background:#636269;padding:5px 0;}
.symbolall ul{overflow-x:inherit;overflow-y:scroll}
.symbol ul li,.symbolall ul li,.sport ul li{position:relative;display:inline-block;overflow:hidden;width:100px}
.hideMe{opacity:1;animation-name:shownum;animation-duration:1s;animation-delay:2s;animation-fill-mode:forwards}
@keyframes shownum {
from{opacity:1}
to{opacity:0}
}
@-webkit-keyframes shownum {
from{opacity:1}
to{opacity:0}
}
.symbolall ul li{width:calc(33.333% - 4%);margin:2%;}
.highest_hot:after,.highest_latest:after{position:absolute;top:0}
.highest_hot:after{content:"最高人氣"}
.highest_latest:after{content:"最新遊戲"}
.highest_hot:after,.highest_latest:after{left:0;width:50px;height:20px;background:#333;color:var(--white);line-height:1.8;font-size:12px;font-weight:200;z-index:1}
.corner_label{top:0;right:0;background:url(img/corner_logo.png) center center/100% 100%;width:30px;height:30px}
.slotSlide,.liveSlide{margin:30px 0 0;}
.swiper{width:70%;height:65px;background:#6c6a76;padding:0px 10px!important}
.swiper-slide{align-items:center;justify-content:center;background:#545162;padding:0}
.swiper-slide>img{width:80%}
.liveProvider .swiper-slide>img{width:60%}
.swiper-button-prev,.swiper-rtl .swiper-button-next,.swiper-button-next,.swiper-rtl .swiper-button-prev{background:transparent;width:20px!important;height:30px!important}
.swiper-button-next,.swiper-button-prev,.swiper-button-next,.swiper-button-prev{color:#333!important;top:60%!important}
.swiper-button-prev{left:3px!important}
.swiper-button-next{right:3px!important}
.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after,.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{font-size:25px!important}
.moreProviders{width:100px;padding:0px}
.moreProviders a{color:#333}
.gamePic{background-image:url("img/gamePic.jpg");height:100dvh;}
.gamePopupMenu{height:50px;bottom:0}
.gamePopupMenu li{width:25%;height:100%;background:#585473;line-height:3;}
.gamePopup{height:100dvh;top:0;z-index:11;width:100%;}
.ranking{height:auto;margin-top:30px;}
.ranking>h1,.ranking>h4,.topThree li h2,.topThree li h5,.banner_ad h2{margin:.5rem 0}
.ranking>h4{background:#333;border-radius:100px;color:var(--white);padding:10px 20px}
.topThree{margin:20px}
.topThree li div.border{width:80px;height:80px;overflow:hidden;border-radius:50%;border:1px solid #ddd;padding:1px}
.topThree li div.border a{border-radius:100px;border:1px solid #666;overflow:hidden}
.topThree li div.border.first{width:100px;height:100px}
.topThree li h2{font-size:20px}
.topThree li div.medal{width:50px;height:26px}
.topThree li div.medal.bigwin{width:76px;height:39px}
.list:before{content:"";position:absolute;bottom:0;height:100px;background:#94949B;background:linear-gradient(180deg, #94949b00 0%, #54525f 99%)}
.list_area{margin:0 auto;background:#54525f;min-height:300px}
.list_title{background:#383643;height:30px}
.list_area ul.list_title li,.list_area ul.list li{text-align:center;align-items:center;justify-content:space-between;flex: 0.28;}
.list_area ul.list_title li{justify-content:center;}
.list_area ul li{line-height:1.4;}
.list_area ul li:nth-child(2){flex:1;}
.list_area ul ol li:nth-child(2){font-size:14px}
.list_area ul li:nth-child(3){flex:1}
.list_area ul ol li:nth-child(3){flex:0 0 17%}
.list_area ul li:first-child{flex:0 0 12%}
.list_area ul ol li{padding:3px;font-weight:300;}
.list_area ul.list li:nth-child(odd):not(ol li){background-color:#62606d}
.list_area ul.list li:nth-child(even):not(ol li){background-color:#54525f}
.banner_ad{height:180px;background:#343147;padding:10px;margin-top:30px;}
.banner_ad.sport{height:auto;padding:0px;}
.banner_ad p{line-height:22px;text-align:center}
section.footer{width:100%}
.footer{background:#55545d;margin-top:20px}
.footer ul{flex-wrap:wrap}
.footer ul li{height:30px;margin:10px;flex:0 0 25%;}
.gamCare{background:#333}
.sublist{height:auto;line-height:2.2;flex-wrap:wrap;padding:10px 0;align-content:flex-start}
.sublist li{border:1px solid #ccc;padding:5px 8px;height:60px;margin:1.2% 1%;align-items:center}
.sublist li a{color:var(--white);font-size:16px}
.gamCare img{height:70px;padding:20px}
#load{height:100vh;z-index:20;background:#666a78}
.btnShow{width:40%}
.gameInfo{background:#514f5a}
.descriable{background:#54505d;}
.gameInfo>img{width:40%}
.gameInfo p{line-height:22px;font-weight:500;padding:10px;color:var(--white)}
.gameInfo{justify-content:center}
.gameInfo h4{font-size:18px;background:#484252;line-height:1;margin:0;height:50px}
.subTabHistoryArea{bottom:0;height:60px}
.play{margin:10px auto;width:50%;padding:5px;justify-content:center}
.ranking_more{padding:5px;width:80%;margin-top:10px}
.detail_info{margin:10px 0;height:auto;width:100%}
.detail_info li{margin:5px 10px;width:calc(100% - 20px);line-height:30px;color:var(--white);text-align:center;background:#716d77;padding:13px 25px;}
.detail_info li:first-child{margin-top:0}.detail_info li:last-child{margin-bottom:0}
.loginArea,.afterLoginArea,.debit_credit{background:#55535b;bottom:0;z-index:15;transition:transform .3s ease;-webkit-transform:translateY(100%);-moz-transform:translateY(100%);-ms-transform:translateY(100%);-o-transform:translateY(100%);transform:translateY(100%);-webkit-transition:transform .55s cubic-bezier(0.785,0.135,0.15,0.86);-moz-transition:transform .55s cubic-bezier(0.785,0.135,0.15,0.86);-o-transition:transform .55s cubic-bezier(0.785,0.135,0.15,0.86);transition:transform .55s cubic-bezier(0.785,0.135,0.15,0.86)}
.history{background:#55535b;bottom:0;z-index:15;transition:transform .3s ease;-webkit-transform:translateX(100%);-moz-transform:translateX(100%);-ms-transform:translateX(100%);-o-transform:translateX(100%);transform:translateX(100%);-webkit-transition:transform .55s cubic-bezier(0.785,0.135,0.15,0.86);-moz-transition:transform .55s cubic-bezier(0.785,0.135,0.15,0.86);-o-transition:transform .55s cubic-bezier(0.785,0.135,0.15,0.86);transition:transform .55s cubic-bezier(0.785,0.135,0.15,0.86)}
.loginArea.active{transform:translateY(-35%)}
.loginArea h1{margin:0;background:#46444c;padding:20px 0;text-align:center;}
.form-group{margin-top:35px;width:80%;height:52px;background:transparent}
.form-group.searchGroup{margin-top:0px;width:90%}
.form-group.searchGroup>.input{padding:25px 10px 25px 60px;}
.loginArea>div.first{margin-top:0}
.form-group.checkbox{margin:15px}
.iconInput{left:0;width:52px;height:38px;top:7px;border-right:1px solid #7d8196}
.iconInput>img{width:30px;height:28px;max-width:inherit;filter:brightness(0) invert(1)}
.checkboxStyle{box-sizing:border-box;cursor:pointer;display:inline-block;padding:5px 30px;position:relative;width:auto;user-select:none;transition:color .2s ease}
.checkboxStyle input[type="checkbox"]{position:absolute;opacity:0;cursor:pointer;height:0;width:0}
.checkboxStyle::before{background:#eee;border:1px solid #231815;content:'';display:block;height:25px;left:0;margin-top:-14px;position:absolute;top:50%;width:25px;box-sizing:border-box}
.checkboxStyle::after{border-right:3px solid #ed7a9c;border-bottom:3px solid #ed7a9c;content:'';display:block;height:9px;left:10px;margin-top:-7px;opacity:0;position:absolute;top:50%;transform:rotate(45deg);width:5px;transition:opacity .2s ease}
.checkboxStyle:has(input[type="checkbox"]:checked){color:#000}
.checkboxStyle:has(input[type="checkbox"]:checked)::after{opacity:1}
.field_icon{width:30px;height:30px;right:10px;top:50%;transform:translateY(-50%);cursor:pointer;filter:brightness(0) invert(1)}
.fa-eye{background-image:url(img/eye.png)}
.fa-eye-slash{background-image:url(img/hidden.png)}
.entry:disabled{background-color:#6e727e;cursor:not-allowed}
.entry.active{cursor:pointer}
.loginError strong{color:red;font-size:14px;width:100%;height:100%;border:1px solid red;text-align:center;line-height:26px}
#usernameError,#passwordError{color:red;font-size:14px}
.afterLoginArea,.debit_credit,.history{z-index:12}
.afterLoginArea h2,.debit_credit h2,.afterLoginArea div,.debit_credit div,.afterLoginArea p,.IDNumber,p,.IDNumber h4,.balance,.personal_list ul li a,.gameInfo h4,.loginArea,.afterLoginArea,.debit_credit,.history div,.loginArea h1,.checkboxStyle,.tabs-content h4,.tab h3,.tab h5,.transaction .tableContent h6,.transaction .tableContent strong,.noFound ol>strong,.noFound ol>strong>b,.btnConfirm,.modal-header,.announcement-item .icon,.btnClose, .btnBack,#modalTitle,#modalDate,#modalContent,.clear-btn,.searchTabs li a,.input:focus,.menuGameList ul li a.backBtn{color:var(--white)}
.afterLoginArea .IDNumber,.debit_credit .amountBox{padding:10px;line-height:2;height:auto}
.IDNumber{width:90%;background:#6a6872}
.IDNumber h4{margin:.5rem 0 0;line-height:1.5}
.searchResult .symbol,.searchResult .symbol{overflow-x:hidden;overflow-y:scroll;height:100%;}
.searchResult>div{background:#2d2c36}
.searchResult .symbol ul{height:760px;display:flex;white-space:unset;overflow:hidden;flex-direction:column;flex-wrap:wrap;align-content:stretch;align-items:center;}
.searchResult .symbol.nofound{justify-content:center;align-items:center;}
.searchResult .symbol.nofound ul{height:1px;}
.searchResult .symbol li,.searchProviders li{margin:1%;width:calc(33.333% - 2%);}
.searchResult .symbol li{height:117px;}
.searchProviders li{height:60px;}
.searchProviders li span{color:rgba(255,255,255,.0);font-size:1px;}
.searchProviders li img{transform:scale(.85)}
.searchTabs{height:60px;}
.searchTabs li{line-height:3;width:50%;}
.searchTabs li a {margin:10%;background:#fff;color:#333;}
.searchTabs li a.inactive{background:#63616b;}
.searchProviders{flex-wrap:wrap;height:100vh;overflow-x:hidden;overflow-y:auto;}
.overlay.show.zIndex_ele{z-index:11}
.content>nav.bottom.zIndex_twe{z-index:12}
.container{height:60dvh;}
.rightBox{width:50%;height:90%;margin:1%;background:#7e7b89}
.refresh{flex:0 0 20px;height:20px}
.eyeclose,.eye{flex:0 0 30px;height:30px}
.rightBox li.refresh{background-image:url(img/refresh.png)}
.balance{padding:0 20px;width:60%}
.balance input{border:none;height:100%}
.balance.gray{color:#666}
.eyeclose{background:url(img/hidden.png) no-repeat center center / cover!important}
.eye{background:url(img/eye.png) no-repeat center center / cover}
.refresh.spin{animation:spin 2s linear}
@keyframes spin {
0%{transform:rotate(0deg)}
100%{transform:rotate(720deg)}
}
.money,.personal,.amountHistory,.gamesHistory,.logout,.personal_list{width:90%}
.personal_list{background:transparent;height:100%}
.personal_list ul li{height:auto;border-bottom:1px solid #74717b}
.personal_list ul li a{height:100%;padding:13px 10px}
.personal_list ul li a span{width:30px;height:30px;margin-right:10px}
.logout{bottom:150px;left:0}
.green,.reb{font-weight:500;font-size:16px}
.green{color:#47C759}
.red{color:#e65f62}
.darkBlue{color:#94ace3}
.tabs-content{background:#4e4d5a}
.tabs-content li p span.success{width:20px;height:20px}
.tabs-content,.tabs-nav,.tab{height:calc(100% - 60px)}
.tabs-nav{width:90%;padding:0;height:auto}
.tabs-content h4{flex:0 0 100%;height:40px;line-height:2.4;text-align:center;}
.tabs-nav li{width:33.3333%;height:50px;line-height:3.5;margin:2%}
#tabsHistory-nav.tabs-nav li{width:50%}
.tabs-nav li a{background:#676471;height:100%;width:100%;color:#aeaab9}
.tabs-nav li.active a{background:#fff;color:#333;font-weight:900}
.tab{background:#413f47;align-content:flex-start}
.tabs-content li{width:50%}
.tabs-content li div{width:40px;height:40px}
.tabs-content li div.pointDot{width:40%;height:auto;line-height:2;color:#99b4ef}
.tabs-content li div.pulse-container,.tabs-content li div.pulse-bubble,.tabs-content li div.pointDot{display:inline-block}
.tabs-content div.number{width:100%;height:auto}
.tabs-content li div.pulse-bubble{width:10px;height:10px}
.tabs-content li div.pulse-container{width:auto}
.tabs-content li div.dataDetails{width:940px;display:inline-block;height:100%}
.tabs-content li div.dataDetails ol:last-child{height:100%;width:50px;align-items:center;justify-content:center}
.tabs-content.h li div.dataDetails ol:last-child{height:20%;width:100%}
.tabs-content li div.dataDetails.noFound{display:flex;width:100%}
.tabs-content li div.dataDetails.noFound ol:first-child{width:100%;height:100%}
.tabs-content li div.dataDetails.noFound ol>div{width:70px;height:70px}
.tabs-content li div.dataDetails.noFound ol>strong{color:var(--white);font-weight:700;margin:.5rem 0;font-size:14px;line-height:1.4}
.tabs-content li div.dataDetails.noFound ol>strong>b{font-size:12px;font-weight:300}
.tabs-content li button{width:65%;height:40px;line-height:1}
.tabs-content li p,.tabs-content li p span{display:inline-block}
.tabs-content li p{flex:0 0 100%;line-height:32px}
.history-content .tabs-content .transaction li p{line-height:25px}
.tabs-content div.number p,.tabs-content p.number{font-weight:600;font-size:16px;flex:1}
.tab h3{margin:25px 0 15px;text-align:center;}
.tab h5{writing-mode:vertical-rl;letter-spacing:.3em;background:#6d6b7c;padding:0 3px}
.tab .box .scroll{display:block;padding:1%;height:100%;overflow-x:auto;overflow-y:hidden;flex:0 0 100%;width:100%}
.tab.history-content .box .scroll{overflow-x:hidden;overflow-y:auto}
.tabs-content.h li div.dataDetails{width:100%}
.transaction{width:284px;height:100%;float:left;padding:4px;justify-content:flex-start;border:1px solid #4673d4}
.history-content .transaction{float:inherit;width:100%;height:auto;margin:2px 0}
.transaction li{background:#484f5e;width:100%!important;height:100%!important}
.transaction h3{margin:.2rem 0}
.transaction .title{background:#616a7d;justify-content:center}
.transaction .tableContent{background:#494f5d}
.transaction .tableContent>div{width:50%;background:#575f72;margin:.5%;height:auto;justify-content:center}
.transaction .tableContent h6{margin:.3rem;}
.transaction .tableContent strong{font-size:14px;line-height:18px;text-align:center}
.transaction .tableContent strong.red{color:#e65f62}
.transaction .tableContent strong.green{color:#47C759}
.dropdownArea{height:40px;margin-left:.5%}
.dropdownArea>button{padding:0 15px;width:auto;border:0;height:100%}
.btnDropdown{padding:8px 16px;background:#57545e;cursor:pointer;display:inline-flex;gap:6px;transition:.3s}
.btnDropdownArrow{width:30px;transition:transform .3s;transform:rotate(180deg)}
.btnDropdown.active .btnDropdownArrow{transform:rotate(0deg);filter:invert(1)}
.scroll{overflow-x:inherit;overflow-y:auto}
.amountgamesRecord{right:0;bottom:40px;width:60%;height:370px;background:var(--white);display:none;transition:all .3s ease}
.dropdown{height:320px;width:100%}
.dropdown li input[type=checkbox]{display:block}
.btnDropdown.active{background:var(--white);color:#333}
.amountgamesRecord.show{display:block;position:absolute;}
.dropdown li{list-style:none;width:100%;padding:15px 10px;border-bottom:1px solid #eee;gap:6px;color: #333;}
.dropdown li:last-child{border-bottom:none}
.btnConfirm{width:90%;padding:6px 0;border:none;background:#809cc9;cursor:pointer;position:absolute;bottom:0;left:50%;margin-left:-101px}
.loader{text-align:center;margin-top:10px;font-size:14px;color:#555;transition:opacity .3s}
.loaderHistory{top:0;left:0;width:100%;height:100%;background:#35373be6;align-content:center;text-align:center;z-index:100}
.record li{height:40%;margin:.5% 0}
.record .tabsContent li{height:50%}
.record .tabsContent.h li{height:100%}
.record li.subTabArea,.subTabHistoryArea{height:auto;width:100%;margin:.5% auto;position:relative;z-index:100}
.tabs-content li.subTabArea div.subTab,.subTabHistoryArea>div.subTab{width:33.3333%;line-height:2.5;margin-left:.5%;background:#605f6c}
.tabs-content li.subTabArea div.subTab.current,.subTabHistoryArea>div.subTab.current{color:#000;font-weight:700;background:var(--white)}
.ssl{bottom:50px}
.preload-box{width:105%;height:105%;top:-1px;left:-1px;overflow:hidden;background-color:#504f56;z-index:2;font-size:12px;}
.preload-box::after{position:absolute;top:0;right:0;bottom:0;left:0;transform:translateX(-100%);background-image:linear-gradient(90deg,#fff0 0,#fff3 20%,#ffffff80 60%,#fff0);-webkit-animation:shimmer 1s infinite;animation:shimmer 1s infinite;content:""}
.details img{transition:opacity 0.4s ease;}
@-webkit-keyframes shimmer {
100%{transform:translateX(100%)}
}
@keyframes shimmer {
100%{transform:translateX(100%)}
}
.blog-post__headline{font-size:1.25em;font-weight:700}
.blog-post__meta{font-size:.85em;color:#6b6b6b}
.o-media{display:flex}
.o-media__body{flex-grow:1;margin-left:1em}
.o-vertical-spacing > * + *{margin-top:.75em}
.o-vertical-spacing--l > * + *{margin-top:2em}
.pulse-container{width:auto;display:inline-block;align-items:center}
.pulse-bubble{width:7px;height:7px;border-radius:50%;background-color:#d5e2ff;float:left}
.pulse-bubble-1{animation:pulse .4s ease 0s infinite alternate}
.pulse-bubble-2{animation:pulse .4s ease .2s infinite alternate}
.pulse-bubble-3{animation:pulse .4s ease .4s infinite alternate}
@keyframes pulse {
from{opacity:1;transform:scale(1)}
to{opacity:.25;transform:scale(.75)}
}
.spinner{-webkit-animation:rotator 1.4s linear infinite;animation:rotator 1.4s linear infinite}
@-webkit-keyframes rotator {
0%{transform:rotate(0deg)}
100%{transform:rotate(270deg)}
}
@keyframes rotator {
0%{transform:rotate(0deg)}
100%{transform:rotate(270deg)}
}
.path{stroke-dasharray:187;stroke-dashoffset:0;transform-origin:center;-webkit-animation:dash 1.4s ease-in-out infinite,colors 5.6s ease-in-out infinite;animation:dash 1.4s ease-in-out infinite,colors 5.6s ease-in-out infinite}
@-webkit-keyframes colors {
0%{stroke:#a5c2f2}
25%{stroke:#e5a3d8}
50%{stroke:#f7e8bb}
75%{stroke:#b8e0df}
100%{stroke:#b7cbed}
}
@keyframes colors {
0%{stroke:#91b8f7}
25%{stroke:#f6a2d3}
50%{stroke:#f8dcbe}
75%{stroke:#baf0d5}
100%{stroke:#bdceea}
}
@-webkit-keyframes dash {
0%{stroke-dashoffset:187}
50%{stroke-dashoffset:46.75;transform:rotate(135deg)}
100%{stroke-dashoffset:187;transform:rotate(450deg)}
}
@keyframes dash {
0%{stroke-dashoffset:187}
50%{stroke-dashoffset:46.75;transform:rotate(135deg)}
100%{stroke-dashoffset:187;transform:rotate(450deg)}
}
@media only screen and (device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2) {
.loginArea,.afterLoginArea,.debit_credit,.history{height:100vh;height:100dvh}
}
@media screen and (max-device-width: 375px) and (max-device-height: 667px) and (-webkit-device-pixel-ratio: 2) {
.loginArea,.afterLoginArea,.debit_credit,.history{height:100vh;height:100dvh}
.tab.history-content{height:calc(100% - 132px)!important}
}
@media only screen and (device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) {
.loginArea,.afterLoginArea,.debit_credit,.history{height:100vh;height:100dvh}
}
@media screen and (min-height: 668px) and (max-height: 844px) {
.debit_credit,.history{height:90vh;height:90dvh}
.afterLoginArea{height:90vh;height:90dvh}
.loginArea{height:95vh;height:95dvh}
.tabs-content h4{height:90px;line-height:5}
header.sorting{height:590px}
.tabs-content li button{height:45px;line-height:1.5}
.tab>section{height:calc(100% - 140px)}
.tab.history-content>section{height:100%}
.tabs-content li.ssl p{line-height:1.5}
.ssl{bottom:100px}
.tab.history-content{height:calc(100% - 200px)!important}
}
@media screen and (min-height: 845px) {
.afterLoginArea,.debit_credit,.history{height:80vh;height:80dvh}
header.sorting{height:60%}
.loginArea{height:95vh;height:95dvh}
.tabs-content h4{height:90px;line-height:5}
.tabs-content li button{height:80px;line-height:3.6}
.tab>section{height:calc(100% - 140px)}
.tab.history-content>section{height:100%}
.tabs-content li.ssl p{line-height:1.5}
.ssl{bottom:100px}
.tab.history-content{height:calc(100% - 200px)!important}
}