body{margin:0px; padding:0px; font-family: -apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif; font-weight:400; overflow-x:hidden; background: linear-gradient(90deg,#2D2D56,#2D2D56);}
h1,h2,h3,h4,h5,h6{margin:0px; padding:0px; font-weight:normal;}
p{margin:0px; padding:0px;}
a{text-decoration:none; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear;} 
a:hover, a:focus, a:active{ outline:none; text-decoration:none; }
input{-webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear;} 
input:hover, input:focus, input:active{outline:none;}
input::-webkit-input-placeholder{color:#333333;}
input::-moz-placeholder{color:#333333;}
input:-ms-input-placeholder{color:#333333;}
input:-moz-placeholder{color:#333333;}
textarea::-webkit-input-placeholder{color:#333333;}
textarea::-moz-placeholder{color:#333333;}
textarea:-ms-input-placeholder{color:#333333;}
textarea:-moz-placeholder{color:#333333;}
ul{margin:0px; padding:0px;}
ul li{list-style-type:none;}
img{border:0px;}
.clearfix{clear:both; overflow:hidden;}
.container{max-width:780px; margin:auto;}
.container_banner{max-width:1430px; margin:auto; padding: 0 15px;}
.wrapper{margin:0px auto;}

.common_title_sp{}
.common_title_sp h2{font-weight: 700; font-size:40px; line-height:53px; text-align:center;}

.common_title_hp{text-align:center;}
.common_title_hp h2{font-size:30px; line-height:36px; font-weight:700; color:#303030;}
.common_title_hp p{font-size:20px; line-height:30px; color:#303030; padding-top:30px;}

.color_change h2{color:#FFFFFF;}
.color_change p{color:#FFFFFF;}


.common_btn_hp{font-size:16px; line-height:19px; color:#ffffff !important; font-weight:700; background:#26A9E0; border-radius:35px; padding:26px 40px; display:inline-block; position:relative; min-width:335px; text-align:center;}
.common_btn_hp svg{max-width:100%; vertical-align:middle; position:absolute; right:30px; top:50%; transform:translate(0 , -50%);}

.white_btn_hp{ background:#FFFFFF; color:#26A9E0 !important; }
.white_btn_hp svg{stroke:#26A9E0}

.common_btn_hp:hover{ opacity:0.8; }

/*--------------- HEADER_START --------------*/
#header{padding:0px; margin:0px; width:100%; background: #1313137a; height: auto; position: fixed; z-index: 999999; box-shadow: rgba(0,0,0,.3) 0 1px 2px; top:0; z-index:111; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear; }
.header_hp{}
.header_in_hp{ padding:0; }
.header_logo_hp{text-align: center; box-shadow: 0 0 10px 3px #838181; padding:5px 0; }
.header_logo_hp img{width: 160px; margin:auto; }



/*--------------- HEADER_END --------------*/

/*--------------- CONTAIN_START --------------*/
#contain{ margin:50px 0 0 0; padding:0px; }


.banner_block_hp{padding-top:20px;}
.banner_block_in_hp{}
.banner_middle_hp{}
.banner_img_hp{text-align:center;}
.banner_img_hp img{width:100%; }


.judi_block_hp{}
.judi_block_in_hp{}
.judi_middle_hp{margin-bottom:20px; border: 1px solid #033337; background: #343a40;}
.judi_row_hp{display:flex; color: #fff; text-align:center; background: linear-gradient(to right,#00ffbf,#00eaff); border-bottom: 1px solid #033337;}
.judi_row_text_hp{width:296px; line-height: 1.42857143; font-weight: 700; text-transform: uppercase; padding:18px 0px; border-right: 1px solid #033337;}
.judi_row_info_hp{width:195px; line-height: 1.42857143; font-weight: 700; text-transform: uppercase; padding:18px 0px; border-right: 1px solid #033337;}
.judi_row_img_hp{width:77px; line-height: 1.42857143; font-weight: 700; text-transform: uppercase; padding:18px 0px; border-right: 1px solid #033337;}
.judi_row_btn_hp{width:181px; line-height: 1.42857143; font-weight: 700; text-transform: uppercase; padding:18px 0px;}
.judi_change_hp{background: rgba(255, 255, 255, 0.05);}
.judi_change_hp .judi_row_btn_hp a{display: inline; background: #022124; border-radius: 5px; padding: 5px 20px; max-width: 128px; color: rgb(255 255 255); font-weight: 700; line-height: 12px; border: 5px solid rgb(255 255 255);     border: 0px solid rgb(255 255 255); line-height: 12px; animation: blinking 0.5s infinite; transition: all .4s; }
.judi_bg_hp{background: rgba(255, 255, 255, .075);}
@keyframes blinking {
      0% {
        border: 5px solid #fff
      }
  
      100% {
        border: 5px solid #0099ff
      }
    }


.situs_block_hp{}
.situs_block_in_hp{}
.situs_middle_hp{margin-bottom:20px;}
.situs_title_hp{font-weight: 700; color: #fff; text-align: center; background: radial-gradient(circle 214px at 46.5% 54.2%,#6d0288 0,#000 96%); border: 2px solid #6d0288; padding: 10px 15px;}
.situs_top_hp{ border-left:1px solid #fff; border-right:1px solid #fff; border-bottom:1px solid #fff; }
.situs_left_hp{ display:flex; text-align:center; border-bottom: 2px solid #6d0288; }
.situs_left_text_hp{ width:24%;  padding: 5px; font-weight: 500; color: #fefefe; border-right: 2px solid #6d0288; }
.situs_left_hp:last-child{ border-bottom:none; }
.situs_right_text_hp{ width:76%; padding: 5px; font-weight: 500; color: #fefefe; }
.situs_left_hp:last-child .situs_left_text_hp{border-bottom: none; padding: 10px; }
.situs_left_hp:last-child .situs_right_text_hp{border-bottom: none; padding: 10px; }


.bonus_block_hp{}
.bonus_block_in_hp{background-color: #2B2524; border-radius: 10px; overflow: hidden; padding: 20px; box-shadow: 0 0 10px 3px #FFFFFF;}
.bonus_middle_hp{margin-top: 3px; padding-bottom:20px;}
.bonus_text_hp{height: auto; line-height: 22px; font-size: 13px; white-space: nowrap; color: #fff; font-weight: 600; padding:5px 0; }
.bonus_text_hp div{ height: auto;
    white-space: nowrap;
    z-index: 1;
    font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    animation: marquee 20s linear infinite;
    margin-top: 3px; }
	
	.bonus_text_hp:hover div {
      animation-play-state: paused
    }
  
    @keyframes marquee {
      0% {
        transform: translateX(100%)
      }
  
      100% {
        transform: translateX(-100%)
      }
    }
	
.bonus_img_hp{}
.bonus_img_hp img{width:100%;}
.bonus_info_hp{}
.bonus_info_hp h1{text-align:center; margin: 0.67em 0; font-size: 2em; color: #fffffff6; line-height: 48px; }
.bonus_info_hp p{text-align: justify; margin-bottom: 1rem; letter-spacing: .5px; line-height: 1.7 !important; font: inherit; color: #fff;}
.bonus_info_hp p a{cursor: pointer; color: #e7c607; text-decoration: none;}
.bonus_info_hp h2{text-align:center; margin-bottom: 0.5rem; font-size: 22px; color: #ffffff;}
.bonus_info_hp ol{     padding: 0; }
.bonus_info_hp ol li{letter-spacing: 0.5px; line-height: 1.7; color: #fff;} 
.bonus_info_hp h3{margin-bottom: 0.5rem; font-size: 18px; color: #ffffff; text-align: center;}

/*--------------- CONTAIN_END --------------*/


/*--------------- FOOTER_START --------------*/
.back-to-top{position:fixed; right:0px; bottom:267px; z-index:99; display:none; width:60px; height:60px; line-height:60px; text-align:center;}
.back-to-top a{display:flex; }
.back-to-top img{width:100%;}

#footer{margin:0; padding: 0; position:relative;}
.footer_in_hp{padding:0;}
.footer_middle_hp{}
.footer_top_hp{background-color: #2B2524; padding:0 20px;  margin-top:-40px; margin-bottom:55px;}
.footer_copyright_hp{border-radius: 0px 0px 20px 20px; text-align: center; font-family: sans-serif; font-size: 12px; color: #fff; padding: 9px; box-shadow: inset 0 2px 0 #000000, 0 2px 2px #000000, 0 2px 4px 1px #000000; margin-bottom: 22px; }
.footer_bottom_hp{display: flex; justify-content: space-around; position: fixed; background: radial-gradient(circle 214px at 49.5% 54.2%,#000000 0,#000000 96%); padding: 5px 0; left: 0; right: 0; bottom: 0; z-index: 99;} 
.footer_bottom_hp a{flex-basis: calc((100% - 15px*6)/ 5); display: flex; flex-direction: column; justify-content: center; align-items: center; color: #fff; max-width: 75px; font-size: 12px;}
.footer_bottom_hp img{max-width: 30%; margin-bottom: 5px;} 

/*--------------- FOOTER_END --------------*/