@import url("/theme/Default/style.css");
/*@viewport {width: device-width;zoom: 1;}*/

html,body{
	height:100%;
	width:100%;
	height:100%;
	margin:0px;
	padding:0px;
	font-size:15px;
	text-shadow: 0 1px 0 rgba(255, 255, 255, .2);
	color:#fff;
	background:#000;
	font-weight:300;
	font-family:'Microsoft Yahei', sans-serif;
  line-height:1.4;
  overflow-x:hidden !important;
}

html {display:table;} 
body {display:table-row;}

textarea,
input[type=text],
input[type=password]{ border:1px solid #333333;  -webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px; padding:2px;}
 
#theme{display:table-cell;height:100%;width:100%;background:url(/theme/hattrick988/imgs/bg.jpg) top center fixed no-repeat; background-size: cover;}
.themetbl {display:table;}
.themetblrow {display:table-row;}
.themetblcell {display:table-cell;}
.themetblwidth {width:100%;}
.themetblheight {height:100%;}
.theme-container-box { width:100%; height:500px; }
#theme-header {display:block;width:100%;}
#theme-header-content { position:relative;}                                                                                                              
#theme-menu{left:14%;top:107px; z-index:9999; position:absolute;}
#theme-menu #cmsmenu {z-index:999;}
#theme-container { clear:both; position:relative;}
#theme-footer {clear:both; padding:20px 0px; text-align:center;width: 100%;min-height: 110px;vertical-align:middle;color:#000;text-align: center;}
#theme-title {display:none;}
#theme-lang{display:none;}
#theme-header-logo {position:absolute; padding-left:0px; top:15px;z-index:999;}
#theme-header-logo img { width:230px;}
.headerbg{position:absolute;z-index:999;width:1000px;width:100%;height:37px;top:107px}
.webpage-adminloginx input[type=submit] {background:red;padding:2px 20px;width:150px;border:none;}
.webpage-adminloginx #varifycode_CaptchaDiv img {width:200px;height:50px;}
.webpage-adminloginx input[type=text] {width:200px;}
.webpage-adminloginx a {color:#000}
---------------------------------------------------------------------------

.w1170{width:100%; display:block;max-width:1000px;position:relative;}
.w1000{width:100%; max-width:1000px; display:block;clear:both;margin:auto;}
.bodycontent{text-align:justify; }
.bodypadding{ padding:0px 10px; display:block;  width:auto 100%;}
.spacer{display:block; height:5px;width:100%;}
.center{text-align:center;}
.bgblack{height:107px;background: url(/theme/hattrick988/imgs/header-bg.jpg)center bottom #1e1014 no-repeat;}                                                                                                                  
.bgfooter{padding: 20px 0px;background-color: #84662a;
	background-image: -webkit-linear-gradient(top, #5c4410, #aa8036 33%, #f0cb88 86%, #f0cb88 90%);
	background-image: -moz-linear-gradient(top, #5c4410, #aa8036 33%, #f0cb88 86%, #f0cb88 90%);
	background-image: -o-linear-gradient(top, #5c4410, #aa8036 33%, #f0cb88 86%, #f0cb88 90%);
	background-image: -ms-linear-gradient(top, #5c4410, #aa8036 33%, #f0cb88 86%, #f0cb88 90%);
background-image: linear-gradient(to bottom, #5c4410, #aa8036 33%, #f0cb88 86%, #f0cb88 90%);}
#footer-link,#footer-link a{color:#302522;font-size:12px;padding:5px 2px;font-weight:bold}
p.copyright {font-size:12px;font-weight:bold;color:#333;margin-top:5px;}
#black-bg{background-color:rgba(0,0,0,0.7);padding:10px 10px 10px ;position:relative;}
#black-bg img {max-width:100%;}
#black-bg h3{color:#b89958}

/*=======================header-link=====================================================*/
.link1{color:#efdf98;right:85px;top:20px;position:absolute;z-index:999;font-size:13px}
.link1 a{color:#efdf98}
.cn{width:32px;right:5px;top:17px;position:absolute;z-index:999;}
.en{width:32px;right:45px;top:17px;position:absolute;z-index:999;}
#speaker{background:url(/theme/hattrick988/imgs/speaker.png)top center no-repeat;position:absolute;z-index:999;left:382px;top:73px;width:23px;height:19px}
#msg{right:5px;font-size:13px;width:584px;height:18px;top:73px; padding:0px 5px;text-align:left;color:white;position:absolute;z-index:1000;}
.logo{ position:absolute; top:22px;}






#full-slider{width:100%; height:100%;  top:0px;; left:0px; display:block;clear:both;position:relative;z-index:10;}
.flexslider { 
  width:100%;
	margin: 0px 0px 0px 0px; 
	background: transparent; 
	border: 0px solid #fff; 
	position: relative; 
	-webkit-border-radius: 0px; 
	-moz-border-radius: 0px; 
	-o-border-radius: 0px; 
	border-radius: 0px; 
	-webkit-box-shadow: 0 0px 0px rgba(0,0,0,.2); 
	-moz-box-shadow: 0 1px 0px rgba(0,0,0,.2); 
	-o-box-shadow: 0 0px 0px rgba(0,0,0,.2); 
	box-shadow: 0 0px 0px rgba(0,0,0,.2); zoom: 0; 
	}


/*=======================home=====================================================*/
#wrap-step{position:relative;display:block;width:100%;left:0px;}
#step{z-index:999;position:absolute;top:-180px}

#slot-bg{position:relative;z-index:1;}
#slot{position:relative:background:top center no-repeat;width:100%;height:1030px;margin-top:-80px;z-index:2}

#jackpot-bg{/*background:url(/theme/hattrick988/imgs/jackpot.png) top left no-repeat;width:677px; height:82px;*/left:25.5%;position:absolute;z-index:999;top:-70px;}
#jackpot-position{position:absolute;right:110px; top:20px;text-shadow: 1px 1px 2px rgba(150, 150, 150, 1);}
#count{letter-spacing: 8px;font-size:25px; color:#f6c418; font-weight:bold;z-index:5;}

.container-game{position:absolute;top:40px;width:1000px;/*padding:5px 50px 0px;top:-5px*/}
.game{max-width:920px;padding-left:25px}
.game .container{max-width:930px}
#table-scroll{background:url(/theme/hattrick988/imgs/gametable.png) top left no-repeat;width:198px; height:327px;display:block;margin:5px;padding:13px 15px 5px;}
#table-scroll a{padding:4px 0px}
#winner{position:relative;background: url(/theme/hattrick988/imgs/winnerlist.png)top center;width:213px;height:340px;margin-top:-7px;}
.winnerlist-table {width:80%;position:absolute;top:105px;left:25px;color:#58090c;font-weight:bold;}
/*.winnerlist-table tr:nth-child(even) {background: #363636; }
.winnerlist-table tr:nth-child(odd) {background: #232323; background-image: url(/theme/hattrick988/imgs/winners-bg.gif);}
.winnerlist-table tr td {width:100%;padding:1px; color:#888888;}
.winnerlist-table tr:hover {background:rgba(0,0,0,0.5)}*/

.sport {padding:35px 0px}
.sport .container{max-width:1000px;}
/*.sport .msport{margin-left:15px;}
#msport{background: url(/theme/hattrick988/imgs/msport.png) center no-repeat;width:469px;height:121px;}
#msport:hover {background: url(/theme/hattrick988/imgs/m-hover.png) center no-repeat;}
#ssport{background: url(/theme/hattrick988/imgs/ssport.png) center no-repeat;width:469px;height:121px;}
#ssport:hover {background: url(/theme/hattrick988/imgs/s-hover.png) center no-repeat;}*/

.pic{padding:20px 0px 0px;}
.pic .container {max-width:1000px;margin:0px !important;padding:0px !important}
.pic .container .col-md-3{ padding:8px 8px !important;}


.btn-bg {width:316px;margin-top:30px;margin-left:45px}
.btn-bg .row .col-xs-6{border:#fff solid 1px;background:rgba(0,0,0,0.7);padding:10px;margin:0px;}
.btn-bg .row .col-xs-6 i {font-size:40px;color:#f2b968;margin-top:15px;}
.btn-bg .row .col-xs-6 img{margin-top:20px;}
.btn-bg .row .col-xs-6:hover i {font-size:43px;color:#f0ad4e}
.btn-bg .row .col-xs-6 p {margin-top:20px;width:100%;font-size:13px;font-weight:400}
.btn-bg .row .col-xs-6 a {color:#fff}
.btn-bg .row .col-xs-6 .border{
  background-image: linear-gradient(#000, #333), radial-gradient(circle at top left, #8f6B29, #FDE08D, #DF9F28);
  background-origin: border-box;
  background-clip: content-box, border-box;
  min-height:132px;padding:4px;}

.time-bar {margin-top:30px;border:#fff solid 1px;background:rgba(0,0,0,0.5);padding:10px 30px 1px;width:290px;margin-left:20px}
.time-bar .row {padding:5px 0px 4px}
.progress {height: 10px;margin-top:3px;}

.page-content{color:#fff;background:rgba(0,0,0,0.8);width:100%;padding:0px 30px;margin-bottom:40px}
.page-content h3
.page-content p {font-size:12px;}




/*=======================contact=====================================================*/
#contact{position:relative;margin:20px 0px;z-index:1;}
.contact-position{position:absolute;width:750px;padding-left:73px; top: 120px; left: 1.5%;}
.contact-position .col-md-3{z-index:888;}
.contact-position .c-text{position:absolute;z-index:999;left:53px;top:100px}
.contact-position .c-img{position:absolute;z-index:999;left:53px;top:58px}





/*=======================affiliate=====================================================*/
.affi h3 {color:#f7b157}
/*table*/  
.affiliates {width: 100%;font-weight:bold;}
.affiliates th { padding: 8px; text-align: left;color:#fff;background-color:#000;text-align:center;}
.affiliates td { padding: 8px; text-align: left;background-color:#fff;}
.color-text{color:#885025;font-weight:bold}
.affiliates tr {color:#000;border: 1px solid #999}


/*=======================lottery=====================================================*/
/*table*/  
.lotto-table {border-collapse: collapse;width: 90%;font-weight:bold;color:#fdf2bd;background:rgba(0,0,0,0.6);margin:20px 0px 30px;}
.lotto-table th { padding: 8px; text-align: left; border-bottom: 1px solid #cbb734;color:#fff;background:#b40606;}
.lotto-table td { padding: 8px; text-align: left; border-bottom: 1px solid #b40606;}
.lotto-table tr:hover{background-color:#333;color:#fff !important;}




/*=======================vip=====================================================*/
#vip-bg{background-color:rgba(0,0,0,0.3);margin-top:-155px;color:#fff;padding:10px 10px 10px ;z-index:99999;}
#vip-bg h3 {color:#fdc536}
#vip-wrap{position:relative;padding-bottom:20px}
#vip-wrap #vip-position {position:absolute;top:28%;left:8%;display:block;width:83%;color:#fdc536;}


/*table*/  
.vip-table {border-collapse: collapse;width: 100%;font-weight:bold;font-size:13px;}
.vip-table th { padding: 4px; text-align: center; border-bottom: 1px solid #333;color:#fff;background:#b40606;}
.vip-table td { padding: 4px; text-align: center; border-bottom: 1px solid #333;}
.vip-table tr:hover{background-color:#333;color:#fff !important;}


/*=======================casino=====================================================*/
.casino{padding:40px 20px}
.casino .row .col-md-4{padding:20px}
#home-mobile .container {max-width:100%;margin:0px;padding:0px}
#home-mobile .container .mobile-girl{margin-left:-10px}




/*=======================product=====================================================*/
.product {margin:50px 0px 30px }
.product .row .col-xs-4{padding:10px}
.imagebox {background: black;padding: 0px;position: relative;text-align: center;width: 100%;margin-bottom:20px; box-shadow:5px 5px 10px #000;}
.imagebox img {opacity: 1;transition: 0.5s opacity;width:100%}
.imagebox .imagebox-desc {
  background-color: rgba(0, 0, 0, 0.6);bottom: 0px;color: white;font-size: 9px;left: 0px;
  padding: 8px 12px;position: absolute;transition: 0.5s padding;text-align: center;width: 100%;}
.imagebox .imagebox-desc h6{color:#faed79;}
.imagebox:hover img {opacity: 0.7;}
.imagebox:hover .imagebox-desc {padding-bottom: 10%;}



/*=======================banking=====================================================*/
#theme-contain-withdraw {margin:40px 0px 20px}
.mainTitle {font-weight: bold;padding: 20px 0;}
#tblWithdrw td {text-align: center;padding: 5px;}
#trHeader td:first-child, .lrBrd {border-left: #808080 1px solid;border-right: #808080 1px solid;}
#trHeader td {padding: 10px;border-bottom: #808080 1px solid;background-image: url(/theme/hattrick988/imgs/bg-table-header.png);border-right: #808080 1px solid;}
.trDetail {border-bottom: #808080 1px solid;border-right: #808080 1px solid;background-color: #343943;}



/*=======================mobile download=====================================================*/
#m-slot{background:url(/theme/hattrick988/imgs/m-slot.jpg) top center no-repeat;position:relative;width:1000;height:600px;border:4px solid #c89949;margin-top:30px}
#m-casino{background:url(/theme/hattrick988/imgs/m-casino.jpg) top center no-repeat;position:relative;width:100%;height:600px;border:4px solid #c89949;margin:30px 0px}
.wrap-mobile-btn{background:rgba(0,0,0,0.5);margin:40px 90px 40px 0px;float:right;width:270px;border-radius:10px}
.wrap-mobile-btn img{width:100%;padding:5px 0px}


/*=======================login=====================================================*/
.log-btn {position:absolute;right:98px;top:17px;}
.reg-btn {position:absolute;right:5px;top:18px;background:red;color:#fff;padding:6.5px 13px;font-size:12px;font-weight:bold}
.reg-btn:hover {background:#c90202}

textarea, input[type=text], input[type=password] {
    border: 1px solid #7d7d7d;
    padding: 5px;
    margin-top: 0px;
    background: rgba(0,0,0,0.7);
    color: #7d7d7d;
}

#customform_UserName,
#customform_Password{padding:0px 10px;width:119px;height: 30px;border-radius:0px; font-size:12px;text-align:left; color:#ffba00;margin-right:3px;}
#customform_submit {font-weight: bold;cursor: hand;height: 28px;width: 100px; border:none; color:#fff;font-size:12px; background: radial-gradient(ellipse farthest-corner at right bottom, #FEDB37 0%, #FDB931 8%, #9f7928 30%, #8A6E2F 40%, transparent 80%),  radial-gradient(ellipse farthest-corner at left top, #FFFFFF 0%, #FFFFAC 8%, #D1B464 25%, #5d4a1f 62.5%, #5d4a1f 100%);}
#customform_submit:hover{background-color: #f9d302; color:#000;}
#customform dl {display: table-row;display:block;margin:0px auto;}
#customform{display: table;margin: 0px;padding: 0px;}

#customform form{display: table-row;width: 100%;}
#customform dl {display: table-cell;}
#customform dt {display: table-cell;}
#customform dd {display: table-cell;}
#customform img {margin-right: 2px;}




/*=======================register v2=====================================================*/


#registerpagebg{ min-height:675px;width:980px; padding:120px 0px 20px;background:url(/theme/hattrick988/imgs/register-bg-my.png) top left no-repeat;border:0px;margin-top:60px;}

#registerform{width:485px; margin:0 auto;}

#registerform .w3-text-red {color:#c61818; text-align:left !important;}
#registerform_FullNameDescription{color:red;}

        #registerform dl {
            display: table-row;
            float: left;
            width: 100%;
            margin:3px 0px;
            font-size:13px;
        }

        #registerform dt {
            display: table-cell;
            width: 150px;
            text-align: right;
            color: #fff;
        }

        #registerform dd {
            display: table-cell;
padding:5px;text-align:left;

        }



	#registerform #groupSubmit  input[type=submit]{
            width: 255px !important; 
            height: 45px;
            font-weight:bold;
            margin-right: 0px;
            border:none;
            cursor:pointer;
            color:#000;
text-shadow: 1px 1px #ffcc33;
background: #663514; /* Old browsers */
background: -moz-linear-gradient(top, #663514 0%, #c9982d 29%, #f9f18f 56%, #c39026 81%, #673b18 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #663514 0%,#c9982d 29%,#f9f18f 56%,#c39026 81%,#673b18 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #663514 0%,#c9982d 29%,#f9f18f 56%,#c39026 81%,#673b18 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#663514', endColorstr='#673b18',GradientType=0 ); /* IE6-9 */
	}

	#registerform  #groupSubmit input[type=submit]:hover {
background: #673b18; /* Old browsers */
background: -moz-linear-gradient(top, #673b18 9%, #c9982d 39%, #f9f18f 51%, #f9f18f 51%, #c39026 59%, #673b18 93%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #673b18 9%,#c9982d 39%,#f9f18f 51%,#f9f18f 51%,#c39026 59%,#673b18 93%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #673b18 9%,#c9982d 39%,#f9f18f 51%,#f9f18f 51%,#c39026 59%,#673b18 93%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#673b18', endColorstr='#673b18',GradientType=0 ); /* IE6-9 */
	}

#registerform input[name=UserName] {
   width: 130px;
   height: 45px;
   margin-right: 2px;
 }
       
        #registerform input {
            width: 300px;
            height: 45px;
            font-size:15px; border-radius:3px;border: 1px solid #30231e;

        }

#registerform_CPassword{border:1px solid red;margin:left:-70px;}

	#registerform select {
		border:0px;
    border-radius: 2px;
    padding: 2px;
    height: 32px;
    margin-right: 2px;
    width:254px;
    font-size:14px;
  	background: rgba(0,0,0,0.7);
    color: #7d7d7d;
        }
        
        #registerform input[name=VarifyCode] {
            width: 130px;
            height: 32px;
        }

        #registerform img {
            vertical-align:middle;
            width:114px;
            height:30px;
        }

        #registerform input[type=button] {
            font-weight: bold;
            cursor: hand;
            height: 40px;
            width: 145px;
            border:none;
        }


.btnCheckUser{color:#000;}

#registerpage-title{display:none;}
#loginpage-bg{display:table;width:1000px; margin:auto;background:rgba(0,0,0,0.5);}



/*=======================promotion faq=====================================================*/
#faq_template_list ol{list-style: none;margin-left:-40px;}
#faq_template_list #question{margin:20px 0px;}
#faq_template_list img {width:100%}
#faq_template_list #answer{padding:10px;border:#ffba48 solid 1px;width:100%;margin:20px 0px;background:rgba(0,0,0,0.5)}





/*=======================hover effect=====================================================*/
a.zoom:hover img {transform: scale(1.05);}


.brighten img{-webkit-filter: brightness(95%);}
 .brighten img:hover {
  -webkit-filter: brightness(130%);
  -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;
}



/* Shine */
.hover14 figure {position: relative;}
.hover14 figure::before {position: absolute;top: 0;left: -78%;z-index: 2;display: block;content: '';width: 50%;height: 100%;
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);-webkit-transform: skewX(-25deg);transform: skewX(-25deg);}
.hover14 figure:hover::before {-webkit-animation: shine .75s;animation: shine .75s;}
@-webkit-keyframes shine {100% {left: 125%;}}
@keyframes shine {100% {left: 125%;}}


.column div {position: relative;width: 240px;height: 288px;margin: 0 0 0 25px;padding: 0;}
.column div span {position: absolute;bottom: -20px;z-index: -1;display: block;width: 100%;
	margin: auto;padding: 0;-webkit-transition: .3s ease-in-out;transition: .3s ease-in-out;opacity: 0;}
figure {width: 240px;height: 288px;margin: auto;padding: 0;overflow: hidden;}
figure:hover+span {bottom: -36px;opacity: 1;}





.sideMenuhide {position: fixed;right: -60px;top: 100px;float: right;width: 100px;height: 300px;cursor:pointer;z-index:999;}
.sideMenushw {position: fixed;right: 76px;top: 100px;float: right;width: 100px;height: 300px;cursor:pointer;z-index:999;}
.float-btn{position:relative;width:190px;font-weight:bold;color:#000;font-size:14px;text-align:center}
.float-btn .float-whatsapp{position:absolute;top:202px;left:82px; font-size:13px;}
.float-btn .float-facebook{position:absolute;top:264px;left:79px; font-size:13px;}
.float-btn .float-line{position:absolute;top:312px;left:77px; font-size:13px;}
.float-btn .float-qr{position:absolute;top:363px;left:74px;}




@media all 
and (max-width: 768px), only screen and (-webkit-min-device-pixel-ratio: 2) 
and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) 
and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) 
and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) 
and (max-width: 1024px), only screen and (min-resolution: 192dpi) 
and (max-width: 1024px), only screen and (min-resolution: 2dppx) 
and (max-width: 1024px) {      

#theme-header-logo img { width:160px;margin-top:36px;padding-left:5px;}
#theme-menu{left:0%;top:70px;right:0%}
.headerbg{display:none}
#speaker{display:none;}
#msg{display:none;}
#slot{display:none;}
#divSideMenu{display:none}
#theme{background:url(/theme/hattrick988/imgs/bg2.jpg) bottom center fixed repeat; background-size: 100%;}

#wrap-login{max-width:95%;z-index:6;float:none;margin:auto;}
#login-location{position:relative;}
#login-table{width:100%;}


#login-location{position:relative;z-index:9999;right:0px;margin-top:-10px;padding-bottom:50px;}
#jackpot-bg{left:0%;position:relative;top:-40px;}
#jackpot-position{position:absolute;right:20px; top:10px;}
#count{font-size:16px;}

.container-game{position:relative;width:100%;margin:0;}
.left{float:left;}
.right{float:right;}
.clear{clear:both;}
.container .col-md-3, .container, .pic, .pic .container .col-md-3{padding:0px !important;}
.game .container .col-md-3{margin: 0px 5px 0px 5px;}
.game{width:100%;padding-left:0%}
.game .container{max-width:452px; margin:-60px 0px 0px 0px; background:#190901;}
.sport {padding:20px 0px}
.sport .container{max-width:470px; magin:auto;}
.sport .col-md-6 {margin:10px}
.pic .container{max-width:100%;}
.pic .container .col-xs-6{width:47%;height:auto; margin: 0px;}
.pic .container .col-xs-6 img {width:86%;}
.hover14 figure::before {height: 86%;}




#step{z-index:999;position:relative;top:-50px}
.home-text{width:100%;}
.btn-bg {width:100%;padding:5% 8%;margin-top:0px;margin-left:0px}
.time-bar {width:90%;margin-bottom:20px;margin-top:0px;}
#home-mobile .container .mobile-girl{margin:60px 0px 0px}


#vip-wrap{;margin-top:25%}
#vip-wrap #vip-position {position:relative;top:0%;}
#vip-table{display:none}
.img100{width:100%}


/*table*/  
.lotto-table {border-collapse: collapse;width: 100%;font-weight:bold;margin-left:0px;color:#fdf2bd;}
.lotto-table th { padding: 8px; text-align: left; border-bottom: 1px solid #cbb734;color:#fff;background:#b40606;}
.lotto-table td { padding: 8px; text-align: left; border-bottom: 1px solid #b40606;}
.lotto-table tr:hover{background-color:#333;color:#fff !important;}
#box-wrap2{position:relative;display:block;width:100%;left:0px;}
#box2{padding:0px 0px;background:none;width:100%;height:100%;position:relative;}
#box2-position{position:relative;left:0px; top:0px;width:100%;}


#contact{position:relative;margin:0px 0px;z-index:1;}
.contact-position{position:relative;width:100%;margin:auto;padding-left:0px;top:0px;}
.contact-position .col-md-3{z-index:888;text-align:center;padding:10px;background:rgba(0,0,0,0.5)}
.contact-position .c-text{position:absolute;z-index:999;left:39%;top:118px}
.contact-position .c-img{position:absolute;z-index:999;left:39%;top:65px}
#contact-bg{display:none}


#registerpagebg{ min-height:750px;width:99%; padding:20px;background:rgba(0,0,0,0.5);border:3px solid #b8673d;margin-top:0px;margin-bottom:30px;}
#registerform{width:100%;float:left;}
#registerpage-title{display:block; padding:20px;}
#registerpage-title img{width:100%;}
#loginpage-bg{display:block;width:100%; margin:auto;background:rgba(0,0,0,0.5);}


.product {margin:30px 0px 30px }
.imagebox .imagebox-desc h4{font-size:14px;margin:0px;}
.imagebox .imagebox-desc h6{color:#faed79;font-size:10px;margin:2px;}
.imagebox:hover .imagebox-desc {padding-bottom: 5%;}

.logo{position:absolute; top:66px; left:-143px;}
.logo img{ max-width:50%;}


#registerform input { width: 100%;  height: 55px;}
        #registerform dt {
            display: block;
            width: 150px;
            text-align: left;
            color: #fff;
        }

        #registerform dd {display: block;padding:5px;text-align:left;}

#registerform input[name=VarifyCode] {height: 45px;}
#registerform input[name=UserName] {width: 215px;}
#registerform #groupSubmit input[type=submit] {width: 100% !important;}


}