@import url('https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,500,500i,700,700i,900,900i');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i');
@import url('https://fonts.googleapis.com/css?family=Pacifico');
@import url('https://fonts.googleapis.com/css?family=Ubuntu:300,300i,400,400i,500,500i,700,700i');


body {margin:0px; padding:0px; voice-family:"\"}\""; voice-family:inherit; font-family: 'Open Sans', sans-serif; font-size:12px; color:#000; background-color:#fff; font-weight:400; -webkit-text-size-adjust: none;
	-webkit-overflow-scrolling: touch; }

/* Comman Classes */
a, img, span {border:0; margin:0; padding:0; outline:none;}
img {line-height:0px;}
li {display:list-item; border:0; margin:0; padding:0;}
.clear {clear:both;}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
*:before,
*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block; padding:0; margin:0;}

input[type="submit"] { appearance:none; -webkit-appearance:none; }
input[type="text"]{ font-size: inherit; }

.fl { float:left; }
.fr { float:right; }

h1 { margin:30px 0 0 0; padding:0 0 8px 0; font-family: 'Ubuntu', sans-serif; color:#a82362; font-size:30px; text-align:center; text-transform:uppercase; background:url(../images/title_line.jpg) center bottom no-repeat; }

h3 { margin:30px 0 0 0; padding:0 0 8px 0; font-family: 'Ubuntu', sans-serif; color:#28398b; font-size:22px; font-weight:400;  }

h4 { margin:30px 0 0 0; padding:0 0 8px 0; font-family: 'Ubuntu', sans-serif; color:#28398b; font-size:20px; font-weight:400;  }

/*Header*/
header { width:100%; height:118px; float:left; margin:0px; padding:0px; border-bottom:2px solid #a82362; }
a.logo { width:131px; height:74px; float:left; margin:20px 0px 0px 0px; padding:0px; transition:all 0.2s ease-in-out 0s; }

.just_m {  float:left; margin:30px 0 0 176px; padding:0px 0 0 80px; background:url(../images/icon_m.png) left center no-repeat; font-size:30px; color:#a4a2a2; font-family: 'Pacifico', cursive; font-weight:normal; }

.head_top { width:550px; float:right; margin:10px 0 0; padding:0px;}
.head_top ul { float:right; list-style:none; margin:0px; padding:0px;}
.head_top ul li { float:left; list-style:none; margin:0px; padding:0px 10px; font-size:14px; color:#7e7e7e; font-weight:400; font-family: 'Roboto', sans-serif; background:url(../images/sepreter.png) right center no-repeat ;}
.head_top ul li:last-child { background:none;}
.head_top ul li a { color:#7e7e7e; text-decoration:none; font-size:14px; }
.head_top ul li a:hover { color:#a82362; cursor:pointer; }




a.reg { float:right; margin:0px 0 0 0px; padding:0 0 0 22px; font-size:14px; color:#7e7e7e; font-weight:400; font-family: 'Roboto', sans-serif; text-decoration:none; background:url(../images/icon_reg.png) left top no-repeat;  }
a.reg:hover { color:#a82362; cursor:pointer; }

a.forgot { font-size:12px !important;}

.head_login { float:right; margin:27px 0px 0px 0px; padding:0px; }
.head_login .ipt_user { width:100%; height:32px; line-height:32px; float:left; border:1px solid #d9d9d9; margin:0px 0px 0px 0px; padding:0 10px 0 46px; font-family: 'Open Sans', sans-serif; font-size:11px; color:#999; background:url(../images/icon_admin.png) 12px center no-repeat; border-radius:4px;}
.head_login .inpt1 { width:180px; float:left; margin:0 0px 0 10px; }
.head_login .inpt1 label { width:100%; float:left; color:#f00; font-size:11px; padding-left:10px;  }
.head_login .ipt_pass { width:100%; height:32px; line-height:32px; float:left; border:1px solid #d9d9d9; margin:0px 0px 0px 0px; padding:0 10px 0 46px; font-family: 'Open Sans', sans-serif; font-size:11px; color:#999; background:url(../images/icon_pass.png) 12px center no-repeat; border-radius:4px;}
.head_login .ipt_btn { background:#28398b; height:32px; float:left;  border:none; margin:0px 0px 0px 10px; padding:0px 25px; font-size:15px; font-family: 'Roboto', sans-serif; border-radius:4px; color:#fff; text-transform:uppercase; }
.head_login .ipt_btn:hover { background-color:#000; cursor:pointer;}

.head_login a.head_btn { background:#28398b; line-height:32px; float:left;  border:none; margin:0px 0px 0px 10px; padding:0px 25px; font-size:15px; font-family: 'Roboto', sans-serif; border-radius:4px; color:#fff; text-transform:uppercase; text-decoration:none; }
.head_login a.head_btn:hover { background-color:#000; cursor:pointer;}
.head_login a.bg_mrn { background:#a61e5e;}
.head_login a.bg_black { background:#333;}
#error_msg { width:100%; float:left; color:#f00; font-size:11px; padding-left:10px;  }


/*Contener*/
section { width:100%; min-height:400px; float:left; margin:0px; padding:0px; }
.contant { background:url(../images/bg.jpg) center center no-repeat; }

.wrappen { width:1170px; margin:0px auto; padding:0px; }

.top_line { width:100%; float:left; margin:0px 0 0; padding:0 0 0 0px; background:#a82362; font-size:16px; font-weight:300; color:#fff; letter-spacing:0.25px; font-family: 'Roboto', sans-serif; text-align:center; font-weight:400;}
.top_line marquee { line-height:50px; }
.top_line marquee span { margin:0 0px; padding:0 20px; border-right:1px solid #d53b98; border-left:2px solid #2b0000; }
.top_line marquee span:first-child { border-left:none;}
.top_line marquee span:last-child { border-right:none;}

.member { width:50%; float:left; margin:50px 25%; padding:30px; border:2px solid #c5c5c5; border-width:2px 0 2px 0; font-size:18px; color:#3b3b3b; font-weight:400; font-family: 'Ubuntu', sans-serif; text-align:center; line-height:30px;  }

.join_main { width:46%; float:left; margin:10px 27% 60px 27%;  font-size:33px; color:#000000; font-weight:500; font-family: 'Roboto', sans-serif; line-height:74px; font-style:italic; }
.join_main small { font-size:28px; font-style:normal; }

.join_main .join_btn { background:#28398b; line-height:74px; float:right;  border:none; margin:0px 0px 0px 10px; padding:0px 40px; font-size:22px; font-family: 'Roboto', sans-serif; border-radius:4px; color:#fff; text-decoration:none; font-style:normal; font-weight:400; }
.join_main .join_btn:hover { background-color:#a82362; cursor:pointer;}

/*Footer*/
footer { width:100%; height:72px; float:left; margin:0px; padding:0px; background:#a82362; }

.copy{ width:36%; line-height:72px; float:left; margin:0px 0px 0px 0px; padding:0px; color:#fff; text-align:center; font-size:12px; font-weight:400;}
.copy span{ font-size:14px;}
.copy a{ font-size:14px; color:#fff; text-decoration:underline;}
.copy a:hover{text-decoration:none;}

.ftr_link { width:34%; float:left; margin:28px 0px 0px 0px; padding:0px; color:#fff; text-align:center; font-size:12px; text-align:center; }
.ftr_link a { margin:0 10px; font-size:14px; text-decoration:underline; font-weight:400; color:#fff;  }
.ftr_link a:hover { text-decoration:none; cursor:pointer;}

.ftr_right { width:30%; float:left; margin:19px 0px 0px 0px; padding:0px; color:#fff; text-align:center; font-size:12px; text-align:center;  }
a.gamblers { margin:0 20px; float:right; padding:0 10px; font-size:14px; text-decoration:none; font-weight:400; color:#fff; border:1px solid #fff; border-radius:3px; line-height:34px;  }
a.gamblers:hover { text-decoration:none; cursor:pointer;  border:1px solid #28398b; background:#28398b;}

.face { width:35px; height:35px; margin:0 5px 0 0; padding:0px; float:right; background:#fff; line-height:35px; }
.face .fa-facebook, .face .fa-twitter { font-size:20px; color:#666666; line-height:35px;}
.face:hover .fa-facebook, .face:hover .fa-twitter { color:#fff;}
.face:hover { background:#28398b; }


.table_main { width:70%; float:left; margin:30px 15%; padding:0px; }
.table_main table { width:100%; font-family: 'Roboto', sans-serif; border:1px solid #eee; border-width:1px 1px 0px 0px; }
.table_main table tr th { background:#555; line-height:40px; padding:0 10px; color:#fff; font-size:14px; font-weight:400; text-align:left; border:1px solid #ccc; border-width:0px 1px 0px 0px;  }
.table_main table tr td { background:#eee; line-height:34px; padding:0 10px; color:#555; font-size:13px; font-weight:400; text-align:left; border:1px solid #ddd; border-width:0px 0px 1px 1px; }
.table_main table tr:nth-child(odd) td { background:#fff;  }


/*-------------join nav form------*/
.join-form{ width:50%; float:left; margin:50px 25%; padding:30px; padding:0;}
.join-form h3 { margin:0px; }
.join-form ul{ float:left; margin:0; padding:0; width:100%; list-style:none;}
.join-form ul li{ float:left; margin:0 0 18px 0; padding:0; width:100%; text-align:left;font-family: 'Open Sans', sans-serif; font-size:13px; color:#3b3b3b; position:relative;}
.join-form ul li a{color:#3b3b3b; text-decoration:underline}
.join-form ul li a:hover{ text-decoration:none}
.join-form ul li label{ float:left; width:30%; margin:0; padding:0;font-family: 'Open Sans', sans-serif; font-size:16px; color:#3b3b3b; text-align:left; line-height:35px;}
.join-form ul li label.error { width:72%; height:auto; line-height:16px; padding:0 20px; float:right; font-size:12px; color:#f00; }
.join-form ul li.conf_agree label.error { width:100%; height:auto; line-height:16px; padding:5px 0px 0px; float:right; font-size:12px; color:#f00; }
#error_msg_already { width:72%; height:auto; line-height:16px; padding:0px 20px 5px; float:right; font-size:12px; color:#f00; }
#error_msg_code { width:100%; height:auto; line-height:16px; padding:5px 0 0px; float:right; font-size:12px; color:#f00; text-align:center; }
#success_msg { width:72%; height:auto; line-height:16px; padding:0px 20px 5px; float:right; font-size:12px; color:#f00; }
.succ_class { color:#008B00 !important;}
.join-form ul li .form_inpt{ width:70%; float:left; margin:0 0; padding:0 1.5%; border:1px solid #d9d9d9; height:35px; line-height:35px; background:rgba(255,255,255,0.8); border-radius:4px;}
.join-form ul li .form_msg{ width:70%; float:left; margin:0 0; padding:0 1.5%; border:1px solid #d9d9d9; height:100px; line-height:35px; background:rgba(255,255,255,0.8); border-radius:4px;}
.promo_code{ width:100% ; margin:15px 0 0 0; padding:0 15px; border:2px dashed #d9d9d9; height:50px ; text-align:center; font-size:20px;font-family: 'Open Sans', sans-serif; line-height:50px;}
.check_box{ width:12px; height:12px; margin:0px 10px 0 0; position:relative; top:3px;}
.join{ display:block; text-align:center; margin:0; padding:0;}
.join .joinbtn{ background:#a82362 ; line-height:50px; float:right;  border:none; margin:0px 0px 0px 10px; padding:0px 30px; font-size:22px; font-family: 'Roboto', sans-serif; border-radius:4px; color:#fff; text-decoration:none; font-style:normal; font-weight:400; outline:none; }
.join .joinbtn:hover { background-color:#28398b; cursor:pointer;}
.join .joinbtn_gray { background:#ddd; cursor:not-allowed;  }
.join .joinbtn_gray:hover { background:#ddd; cursor:not-allowed;}

.join-form ul li .form_data {  width:70%; float:left; margin:0 0; padding:5px 1.5% 5px 0%; min-height:35px;  font-size:16px; color:#999; }

.contact { width:100%; float:left; margin:0px; padding:0px; }
.contact .join-form {width:50%; margin:30px 0; padding:0px; }
.cont_right { width:40%; float:right; margin:60px 0 0; padding:0px; }
.cont_right .add { width:100%; float:left; margin:0 0 20px; padding:0px; font-size:15px; color:#666; }
.cont_right .add span { float:left; }
.cont_right .add i { margin-right:10px; font-size:16px;}
.cont_right .add i.fa-map-marker { margin-top:8px; font-size:26px; float:left;}
.cont_right .add a { color:#a82362; text-decoration:none; }
.cont_right .add a:hover { color:#000;}


.tips_main { width:70%; float:left; margin:50px 15%; padding:30px; padding:5px 15px 0px 15px; background:#fff; box-shadow:0px 0px 5px #999; border-radius:4px;}
.tip_box { width:100%; float:left; margin:0px; padding:18px 0 20px 0; border-bottom:1px solid #e0e0e0; }
.tip_box .imgs { width:100px; height:100px; float:left; margin:0px; padding:0px; background:#eee; }
.tip_box .imgs img { max-width:100px; max-height:100px; }

.tip_box .cont { width:340px; float:left; margin:0 0 0 20px; padding:0 10px 0 0px; border-right:1px solid #e0e0e0;}
.tip_box .cont h3 { width:100%; float:left; margin:0px 0 0px 0; padding:0px; font-size:16px; color:#a82362; font-weight:600;}
.tip_box .cont p { width:100%; float:left; margin:6px 0; color:#444; font-size:13px;} 
.tip_box .cont .date { float:left; margin:0px; padding:0px; color:#999; font-size:12px;}
.tip_box .cont .vpreviw { float:right; margin:0px; padding:0px; color:#999; text-decoration:none;}
.tip_box .cont .vpreviw:hover { color:#a82362;}

.tip_box .cont2 { width:660px; border:none; padding:0px 0px 0px 0px;}

.tip_box .cont .bet_now { background:#a82362; line-height:26px; float:right;  border:none; margin:0px 0px 0px 10px; padding:0px 8px; font-size:12px; font-family: 'Roboto', sans-serif; border-radius:4px; color:#fff; text-decoration:none; font-style:normal; font-weight:400; }
.tip_box .cont .bet_now:hover { background-color:#28398b; cursor:pointer;}

.tip_box .numb { width:60px;  background:#a82362; line-height:34px; float:right;   margin:30px 10px 0px 10px; padding:0px 0px; font-size:18px; font-family: 'Roboto', sans-serif; border-radius:30px; color:#fff; text-decoration:none; font-style:normal; font-weight:700; text-align:center; }
.tip_box .numb:hover { background-color:#28398b; cursor:pointer;}

.tips_main ul#myList { width:100%; float:left; margin:0px; padding:0px; list-style:none; transition: all 600ms ease-in-out;
    -webkit-transition: all 600ms ease-in-out;
    -moz-transition: all 600ms ease-in-out;
    -o-transition: all 600ms ease-in-out;} 
.tips_main ul#myList li { width:100%; float:left;  }
.tips_main #loadMore { width:100%; float:left; color:#a82362;  margin:0px; padding:0px; text-align:center; font-size:15px; line-height:40px; background:#f1f1f1; cursor:pointer; transition: all 600ms ease-in-out;
    -webkit-transition: all 600ms ease-in-out;
    -moz-transition: all 600ms ease-in-out;
    -o-transition: all 600ms ease-in-out; }

.inner { width:100%; float:left; margin:0px 0%; padding:0px; font-size:14px; font-family: 'Open Sans', sans-serif; color:333; }
.inner a { color:#a82362; text-decoration:none; }
.inner a:hover { color:#000; }

/*======Start Request Popup ====*/
.sige_guide { width:100px; float:left; margin-top:7px; height:20px; font-size:12px; font-weight:normal; color:#ffffff; padding:0px; position:relative;}

#request_page { width:100%; height:100%; position:fixed; padding:0 0 0 0; visibility:hidden; background:url(../images/size_bg.png) repeat; z-index:99999999; }
#request_page .sige_close a { width:24px; height:24px; margin:0px; padding:0px; position:absolute; right:3px; top:3px; cursor:pointer; background:url(../images/btn_close.png) left bottom no-repeat; }
#request_page .sige_close a:hover { opacity:0.8; }
#request_page .image_size { width:80%; height:auto; padding:20px 20px 20px 20px; position:absolute; left:50%; top:50%; margin:0; background:#e9e9e9; border-radius:8px; border:0px solid #666666; transform:translate(-50%,-50%);} 
#request_page .pop_additional { width:100%; float:left; }
#request_page .pop_additional h4 { margin:0px 0 0 0; padding:0 0 8px 0; font-family: 'Open Sans', sans-serif; color:#28398b; font-size:20px; font-weight:600; border-bottom:1px solid #ddd;  }
#request_page .pop_additional p { font-size:13px; color:#666;}
#request_page .pop_additional a { color:#a82362; text-decoration:none; }
#request_page .pop_additional a:hover { color:#000; }
.pop_txt { width:100%; float:left; }
