@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:12px;
	font-family:verdana;
}
.clearboth {clear:both;}
html {display:table;}
body {display:table-row;}
html,body{
	height:100%;
	width:100%;
	height:100%;
	margin:0px;
	padding:0px;
	font-size:12px;
	font-family:verdana;
}
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-color: #e2e9f1;
}

.themetbl {display:table;}
.themetblrow {}
.themetblcell {}
.themetblwidth {width:100%;}
.themetblheight {height:100%;}
.theme-container-box { width:100%; height:500px; }
.w1000{width:1000px; margin:auto;}

#theme-frame{
	height:100%;
	margin:auto;
	width:100%;
	background:transparent;
	border-left:0px solid #efefef;
	border-right:0px solid #efefef;
}

#theme-header {	
	height:80px;
	background: transparent;
}
#theme-header-content { position:relative; }

#theme-menu{z-index:500; position:relative; display:none;}
#theme-menu #cmsmenu {z-index:999;}
#theme-container { clear:both; position:relative;}


#theme-title {  padding-left:10px; display:none;}
#theme-lang {position:absolute; left:0px; top:0px; display:none;}
#theme-header-link {position:absolute; right:10px; top:20px; border:0px solid red;}
#theme-header-link ul {list-style:none; margin:0px; padding:0px;}
#theme-header-link ul li { display:inline-block; border:0px solid #000000; }


#theme-header-logo {position:absolute; left:2%; top:5px;}
#theme-header-logo img { width: 190px;}

.themetbl .cellbox { list-style:none; display:table; padding:0px; margin:0px; width:100%; height:100%; min-height:350px; padding-top:10px;}
.themetbl .cellbox > li {display:inline-block; vertical-align:top; }
.themetbl .cellbox li#theme-content { padding:5px 10px; text-align:justify; width:770px; height:100%; min-height:350px;}
.themetbl .cellbox li#theme-frame-panel {width:200px; padding:10px 0px 10px 10px; background:#efefef;  width:190px; height:100%; min-height:350px; display:inline-block;}

#theme-nav { clear:both; padding:10px; background:#efefef; display:none; }
#theme-nav ul {margin:0px; padding:0px; list-style:none;  }
#theme-nav ul li { display:inline; }
#theme-nav ul li a,
#theme-nav ul li a:visited { color:#000000; text-decoration:none; font-weight:bold; padding:0px 10px 0px 10px; background:url(icon/arrow-v.png) left no-repeat; }

/*====================================    HEADER    ==========================================*/
.registerbutton{
		text-transform:uppercase; 
		float:right;
		background-image: linear-gradient(to bottom right, #396a95 0%, #1a3a67 100%);
		color:#ffffff;
    font-family: Tahoma;
    padding:5px 20px;
    font-size: 11px;
    margin-left:5px;
    margin-top:10px;
    border-radius: 2px;

	}

#registerform {
		border: 1px solid #c8cfd6;
    border-radius: 6px;
    -webkit-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.2), inset 0px 2px 5px rgba(255, 255, 255, 1);
    -moz-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.2), inset 0px 2px 5px rgba(255, 255, 255, 1);
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.2), inset 0px 2px 5px rgba(255, 255, 255, 1);
    z-index: 10;
    padding:20px 20px;
    width:60%; 
    margin:auto;
	}
	
.regtitle{text-transform:uppercase; font-size:2em; font-weight:bold; text-align:center; padding:0px 5px 5px;}
#groupCurrency{display:none;}
#registerform dt{float:left; width:24%; border:0px solid red;}
#registerform dd{border:0px solid red; }
#registerform .small{font-size:0.8em; color:red; margin-left:18.5%;}
#groupVerifyCode img{margin-left:105px; margin-top:5px;}
#registerform textarea, #registerform input[type=text], #registerform input[type=password]{padding:5px; width:50%;}
#groupSubmit dd{margin:0px;}



/*-----------   LOGIN   -----------*/
#customform{}
#customform dl{display:inline; float:left; margin-top:5px;}
#customform dd{padding:0px; margin-left:5px;}
#customform textarea, #customform input[type=text], #customform input[type=password]{
		width: 80px;
    border: 1px solid #c1c1c1;
    border-radius: 2px;
    -webkit-box-shadow: inset 0px 2px 7px #e8e8e8;
    -moz-box-shadow: inset 0px 2px 7px #e8e8e8;
    box-shadow: inset 0px 2px 7px #e8e8e8;
    margin-left: 2px;
    font-family: Tahoma;
    font-size: 11px;
    color: #494949;
    padding: 8.5px 5px;
}
#customform_submit{
		width: 80px;
    border: 1px solid #c1c1c1;
    border-radius: 2px;
    -webkit-box-shadow: inset 0px 2px 7px #e8e8e8;
    -moz-box-shadow: inset 0px 2px 7px #e8e8e8;
    box-shadow: inset 0px 2px 7px #e8e8e8;
    margin-left: 2px;
    font-family: Tahoma;
    font-size: 11px;
    color: #494949;
    padding: 8.5px 2px;
	}
	
	
.langbutton{float:right; padding:0px 0px 0px 20px; margin-top:3%;}
.langbutton a{color:#000000; font-size:0.8em; border:0px solid red; text-decoration:none; padding:10px;}
.langbutton a:hover{
		color:#ffffff;
		background: #343637;
    background: -moz-linear-gradient(top, #596067 0%, #343637 100%);
    background: -webkit-linear-gradient(top, #596067 0%, #343637 100%);
    background: -o-linear-gradient(top, #596067 0%, #343637 100%);
    background: -ms-linear-gradient(top, #596067 0%, #343637 100%);
    background: linear-gradient(to bottom, #596067 0%, #343637 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#596067', endColorstr='#343637',GradientType=0 );
    }
/*====================================    HOME    ==========================================*/
#home-page-content{width:100%;}
.left-side-home{width:68.5%; float:left; border:0px solid red;}
.left-side-home ul{margin:0px; padding:0px;}
.left-side-home ul li{ display:block;}
.m10{margin-top:20px;}

.right-side-home{width:29.5%; float:right; border:0px solid green;}
.right-side-home ul{margin:0px; padding:0px;}
.right-side-home ul li{display:block; }
.right-side-home ul li:nth-child(1){}
.right-side-home ul li img{width:auto; border-radius:6px; height:247px;}

.micon{ 
width:25px !important; 
height:25px !important; 
}


.bg-shad{    
	 	border: 1px solid #c8cfd6;
    border-radius: 6px;
    -webkit-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.2), inset 0px 2px 5px rgba(255, 255, 255, 1);
    -moz-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.2), inset 0px 2px 5px rgba(255, 255, 255, 1);
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.2), inset 0px 2px 5px rgba(255, 255, 255, 1);
    z-index: 10;}

img {
    -webkit-backface-visibility: hidden;
    -ms-transform: translateZ(0);
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    border: 0px solid red;
}

.slider{border-radius:6px;}
.slider .image img{border-radius:6px;}
.slider .box_clone img{border-radius:6px;}
.dekstopslide{display:block;}
.mobileslide{display:none;}


.second-row-home{text-align:center; padding:29px 0px;}
.second-row-home ul{padding:0px; margin:0px;}
.second-row-home ul li{display:inline-block; width:18.5%; text-align:center; border:0px solid red;}
.second-row-home ul li p{text-shadow: 2px 2px 2px rgba(255, 255, 255, 1); margin:1px;}

.second-right-home{text-align:center; padding:2px 0px 24px;}
.second-right-home p{
		border:0px solid green; 
		width:65%; 
		padding:7px 13px;
		margin:8px auto;    
		border-radius: 6px;
    background: #343637;
    background: -moz-linear-gradient(top, #596067 0%, #343637 100%);
    background: -webkit-linear-gradient(top, #596067 0%, #343637 100%);
    background: -o-linear-gradient(top, #596067 0%, #343637 100%);
    background: -ms-linear-gradient(top, #596067 0%, #343637 100%);
    background: linear-gradient(to bottom, #596067 0%, #343637 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#596067', endColorstr='#343637',GradientType=0 );
    -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3);
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3);
    text-decoration:none;
    }

.second-right-home p:hover{
		background: #f27745;
    background: -moz-linear-gradient(top, #fea244 0%, #f27745 100%);
    background: -webkit-linear-gradient(top, #fea244 0%, #f27745 100%);
    background: -o-linear-gradient(top, #fea244 0%, #f27745 100%);
    background: -ms-linear-gradient(top, #fea244 0%, #f27745 100%);
    background: linear-gradient(to bottom, #fea244 0%, #f27745 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fea244', endColorstr='#f27745',GradientType=0 );
	}
    
.second-right-home a{    
		color: #ffffff;
		text-decoration:none;
}

.dekstop-sport{background:transparent;}
/*====================================    FOOTER    ==========================================*/
#theme-footer {
	
	clear:both; 
	padding:10px; 
	border-top:0px solid #888888; 
	text-align:center;
	vertical-align:middle;
}

.footerlast{
		border-top: 1px solid #cbd1d8;
    background: url(/theme/we2bet/imgs/footerBG.png) no-repeat 0 0;
    margin: 7px 0 0 12px;
    width: 98%;
    text-align: center;
    padding: 2px 0;
    text-shadow: 1px 1px 0px rgba(255, 255, 255, 1);
	}

.footerlast ul{    padding-bottom: 0px;}
.footerlast ul li{
    padding: 0 2px;
    color: #bebebe;
    display: inline;
    font-size:11px;
}
.footerlast ul li a{color: #487fb7; text-decoration:none; }

.footer-bottom{text-shadow: 1px 1px 0px rgba(255, 255, 255, 1); font-size:11px; text-align:center;}
.footright{margin-left:25px;}
.footer-bottom ul{margin:0px; padding:0px;}
.footer-bottom ul li{display:inline-block;}
.footer-bottom ul li img{width:16px; height:16px; vertical-align:middle;}
.footer-bottom ul li img:hover{filter:brightness(130%);}


















@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-frame{
		width:99%;
	}
	#theme-frame-panel{ display:block; width:100%;}
	.themetbl .cellbox { list-style:none; display:table; padding:0px; margin:0px; width:90%; height:100%; min-height:350px;}
	.themetbl .cellbox > li {display:block; vertical-align:top; }
	.themetbl .cellbox li#theme-content { padding:5px 10px; text-align:justify; width:100%; height:100%; }
	.themetbl .cellbox li#theme-frame-panel {width:200px; padding:10px 0px 10px 10px; background:#efefef;  width:100%; height:100%;  display:inline-block;}

.w1000{width:100%;}

#theme-header {height:250px;}
#theme-header-logo{position:relative; text-align:center;}
#theme-header-logo img{width:66%;}
#theme-header-link{position:relative; text-align:center;}
#theme-header-link ul li{display:block;}
.registerbutton{float:none; padding:8px 0px; width:65%; margin:auto;}
div.sliderm{height:250px; width:100%;}
#sliderm img{width:100%;}
.sliderm .box_clone img{width:100%;}

.left-side-home{width:100%; float:none;}
.m10{margin-top:10px;}

.right-side-home{width:100%;float:none; height:160px; border:0px solid blue; display:block;}
.right-side-home ul li{width:49%;  border:0px solid red; }
.right-side-home ul li:nth-child(1)	{text-align:center; margin-top:10px; float:left;}
.right-side-home ul li:nth-child(1) img{width:100%;}
.right-side-home ul li:nth-child(2){float:right;}

.second-right-home{padding:2px 0px 15px;}
.second-right-home p{font-size:0.8em;}

.second-row-home ul li{font-size:8px; width:18%;}
.second-row-home ul li img{width:100%;}

.dekstop-sport{background:url(/theme/ttgoals/imgs/sporthome.jpg)center center no-repeat; background-size:contain; width:100%; border:0px solid green; height:130px;}
.dekstop-sport img{display:none;}

.dekstopslide{display:none;}
.mobileslide{display:block;}
.flexslider{margin:0px; border:0px; background:transparent;}
.flexslider .slides img {
    width: 100%;
    display: block;
}

#customform{overflow:hidden;}
#customform textarea, #customform input[type=text], #customform input[type=password]{width:80%; padding:5px;}	
#customform dl { display: block; float: none; margin: 2px;}	
	
.footerlast{margin:0px;}
.footerlast ul{margin:0px; padding:0px;}	
.footright{margin-left:0px;}
.footer-bottom ul li{padding:5px 0px;}

.langbutton{float:none; padding:0px;}
/*===============================    register    ===============================*/
#registerform {width:100%; padding:20px 0px;}
#registerform dt{width:100%; text-align:center;}
#registerform dd{margin:0px; text-align:center;}
#registerform .small{margin:0px;}
#registerform textarea, #registerform input[type=text], #registerform input[type=password]{width:80%; margin:auto;}
#groupVerifyCode img{margin-left:0px;}



}

/*========================   IPAD   ============================*/
/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 2) {
  	
#theme-header {height:220px;}
#theme-header-logo img{width:32%;}	
  	
.second-row-home ul li{font-size:12px; width:18%;} 
.second-row-home ul li img{width:35%;}

.right-side-home{width:100%;float:none; height:240px; border:0px solid blue; display:block;}
.right-side-home ul li{height:200px;}
.right-side-home ul li img{height:100%; width:100%;}
.second-right-home p{font-size:1.2em; margin: 15px auto;}
.dekstop-sport{background-size:contain; margin:0px 0px; height:190px;}



#registerform textarea, #registerform input[type=text], #registerform input[type=password]{width:60%;}
#customform textarea, #customform input[type=text], #customform input[type=password]{width:63%;}
  .btnCheckUser{display:block; margin:5px auto 10px;}
  	

}


@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 736px) 
  and (orientation: landscape) {
  	
  #theme-header-logo img{width:32%;}	
  .second-row-home ul li{font-size:12px; width:18%;} 	
  .second-row-home ul li img{width:70%;}	
  .right-side-home ul li{width:49%;}
  .second-right-home{padding:2px 0px 10px;}
  .second-right-home p{font-size:1em;}
  
  #registerform textarea, #registerform input[type=text], #registerform input[type=password]{width:60%;}
  .btnCheckUser{display:block; margin:5px auto 10px;}
  
 
  }

/* Portrait iPhone5/SE */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 320px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {
  	
  .second-row-home ul li{font-size:7px;}	
  .right-side-home ul li{height:134px;}		
  	
  	}
  	
@media only screen 
  and (min-device-width: 1024px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 2) {

.right-side-home ul li:nth-child(1) img { width: 74%; }



}