html {
	scroll-behavior: smooth;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header2, hgroup, menu, nav, section { display: block; }
body {
	position: relative;
	padding: 0;
	margin: 0;
	background: #ededed;
	font-family: 'Arial', sans-serif;
	font-size: 13px;
	line-height: 1.5;
	color: #000;
	overflow-x:hidden;
	max-width: 100%;
}
.wrapAll, .footer, .wrapleftResponsive, .menuResponsive, .transitionEffect {
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
	position:relative;
}
.wrapAll.active, .footer.active {
	-webkit-transform: translateX(-200px);
	-moz-transform: translateX(-200px);
	-o-transform: translateX(-200px);
	transform: translateX(-200px);}
.wrapAll.active2, .footer.active2 {
	-webkit-transform: translateX(210px);
	-moz-transform: translateX(210px);
	-o-transform: translateX(210px);
	transform: translateX(210px);
}
ul, form {
	list-style: none;
	padding: 0;
	margin: 0;
}
li { line-height: normal; }
img {
	vertical-align: middle;
	margin: 0;
}
a {
	color: #000;
}
a, span, p, ul li, ol li, h1, h2, h3, h4, h5 {word-break:break-word !important;}
a:hover {
	text-decoration: none;
	color: #d81f24
}
.btn-more a {
	display:block;
	padding:7px 0; margin:15px 0 15px 60px;
	background:#efefef;
	text-shadow:0 1px 1px rgba(255, 255, 255, 0.75);
	border:1px solid #ccc;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	text-align:center;
	color:#333;
}
.btn-more a:hover {background:#ddd;color:#000}

.alert {color:#dc271c}
/*BOOTSTRAP CHANGE CSS*/
input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, textarea:focus {
	border:1px solid rgb(226, 129, 4);
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}
input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], textarea, select {
	color:rgb(95,95,95);
	background:#f0f0f0;
}

h1, h2, h3, h4 {
	font-size: inherit;
	line-height: normal;
}
.modal.fade.in {
	top:10%}
.btn-danger {
	margin:0 0 10px;
	background: #d81f24;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	-webkit-transition: background 0.2s ease-out;
	-moz-transition: background 0.2s ease-out;
	-o-transition: background 0.2s ease-out;
	transition: background 0.2s ease-out;
}
.btn-danger:hover, .btn-danger.active, .btn-danger.disabled, .btn-danger[disabled] {
	background: #c3161b;
}
.btn-orange {
	background: #ec9d03!important;
	color: #000000;
	font-weight: bold;
	font-size: 13px;
	padding:4px 20px;
}
.btn-grey {padding:4px 17px;}
.btn-orange:hover, .btn-orange.active, .btn-orange.disabled, .btn-orange[disabled] {
	background:#FFBF1B;
	color:#000;
}
.btn-grey:hover, .btn-grey:active, .btn-helpmobile:hover {background:#ccc; color:#000}
.btn-large {
	padding: 6px 17px;
	font-size: 15px;
	font-weight: bold;
	-moz-border-radius:			3px !important;
	-webkit-border-radius:	3px !important;
	border-radius:		3px !important;
}
.btn-helpmobile {
	width: 613px;
	display: block;
	background: #E9E6E6;
	padding: 8px 0;
	border: 1px solid #ddd;
	border-bottom-color:#bbb;
	margin: 5px 5px 15px;
	font-weight:bold;
	text-shadow: 0 1px 1px rgba(255, 255, 255);
	-moz-border-radius:			4px ;
	-webkit-border-radius:	4px ;
	border-radius:		4px ;
}

.btngame {display:block; width:130px; background: url('../images/btn_play.png') no-repeat center 0; height:36px; margin: 0 0 10px; text-indent:-9999px}
.btngame:hover {background-position: center -36px;}
.helpboxright .title {margin-left:160px}
.helpboxright .tab-game-content .boxApp{display:inline-block;margin-left:0;}
.helpboxright .tab-game-content .boxApp a{width:40%;}

.sub-input input.btn-danger {background:#79171A}
.pagination ul {
	box-shadow:none;
}
.pagination ul > li > a {
	border:none;
	border-right:1px dotted #ccc;
	padding:0 12px;
	line-height:18px;
	font-weight:bold;
	background:none;
}
.pagination ul > li > a:hover, .pagination ul > .active > a, .pagination ul > .active > span {
	background:none;
}
.pagination ul > li:last-child > a {
	border-right:none}

/*GLOBAL CSS*/
.hidden { overflow: hidden; }
.group:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}
.group { min-height: 1%; }
.group { display: block; }
.animate {
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}
/*WRAP SYSTEM*/
.wrap {
	width: 940px;
	margin: 0 auto;
	position:relative;
}
.wrap-left{
	width:210px;}
.wrap-right{
	width:77%;
	padding:19px 0 0; margin:0 0 0 23%}
.wrap-group-content {margin:0; width:75.5%}

.wrapPage .form-horizontal {font-size:14px}

/*HEADER*/
header {
	position: relative;
	width: 100%;
	padding-bottom: 10px;
}
header div#logo {
	margin:23px 0 0;
}
header div#logo a {
	display: block;
	width: 101px;
	height: 73px;
	overflow:hidden;
}

/*Header Menu*/
header ul.menuHeader{
	margin:50px 0 0 10px;}
header ul.menuHeader li{
	float:left;
	padding:0 0 13px;
	font-family: 'Arial', sans-serif
}
header ul.menuHeader > li > span {
	display:block;
	font-size:13px;
	font-weight:700;
	white-space: nowrap;
}
header ul.menuHeader > li > span > a {
	border-right: 1px solid #b8b8b8;
	padding:0 13px;
	line-height:33px;
}
header ul.menuHeader li:last-child > span > a {
	border:none;
}
ul.menuHeader li:hover, ul.menuHeader li:hover > span > a, header ul.menuHeader li.selected > span > a {
	color:#d81f24;}
header ul.menuHeader li.selected a{
	font-weight:bold;
	position:relative;
}
header ul.menuHeader li.selected > span {
	background: url(../images/menuHeaderSelected.png) center 0px no-repeat;
	height:40px;
	display:block;
}
header .container {position: relative; z-index: 42;}
/*Sub Menu Header*/
ul.menuHeader li.game { position:relative}
ul.menuHeader li.game:hover .menuGame { display:block;}
ul.menuHeader li.game .menuGame {
	width: 585px;
	height: 240px;/*240px 2 hang game, 320 3 hàng game*/
	z-index:32;
	background: #fff;
	position:absolute;
	left:-110px;
	display:none;
	border-radius:0 0 10px 10px;
	-moz-border-radius:0 0 10px 10px;
	-webkit-border-radius:0 0 10px 10px;
	box-shadow:0px 7px 10px rgba(0,0,0,.5);
}

ul.menuHeader .game .menuGame > ul {margin: 10px 0px 20px 10px;}
ul.menuHeader .game .menuGame > ul > li span {
	display:block;
	text-align:center;
	text-transform:uppercase;
	font-weight:bold;
	font-size:12px;
	width:115px;
}
header ul.menuHeader li.new-item{position: relative;}
header ul.menuHeader li.new-item span.sign-new{
	position: absolute;
	font-size: 10px;
	text-transform: uppercase;
	top: -5px;
	left: 13px;
	color: #F00;
}
.animated {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
.animated.infinite {
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}
@-webkit-keyframes bounce {
	0%, 20%, 53%, 80%, 100% {
		-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
		transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}

	40%, 43% {
		-webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
		transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
		-webkit-transform: translate3d(0, -4px, 0);
		transform: translate3d(0, -4px, 0);
	}

	70% {
		-webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
		transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
		-webkit-transform: translate3d(0, -2px, 0);
		transform: translate3d(0, -2px, 0);
	}

	90% {
		-webkit-transform: translate3d(0,-1px,0);
		transform: translate3d(0,-1px,0);
	}
}

@keyframes bounce {
	0%, 20%, 53%, 80%, 100% {
		-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
		transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}

	40%, 43% {
		-webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
		transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
		-webkit-transform: translate3d(0, -4px, 0);
		transform: translate3d(0, -4px, 0);
	}

	70% {
		-webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
		transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
		-webkit-transform: translate3d(0, -2px, 0);
		transform: translate3d(0, -2px, 0);
	}

	90% {
		-webkit-transform: translate3d(0,-1px,0);
		transform: translate3d(0,-1px,0);
	}
}

.bounce {
	-webkit-animation-name: bounce;
	animation-name: bounce;
	-webkit-transform-origin: center bottom;
	-ms-transform-origin: center bottom;
	transform-origin: center bottom;
	-webkit-transition-delay: 10s; /* Safari */
	transition-delay: 10s;
	-webkit-animation-delay: -2s; /* Chrome, Safari, Opera */
	animation-delay: -2s;
}
/*header ul.menuHeader li.new-item:hover .bounce{
    -webkit-animation-play-state: paused;
    animation-play-state: paused;
}*/
/*User*/
.user{
	margin:40px 0 0;}
.user > li{
	float:left;
	height: 40px;
	margin:0 0 0 10px;}
.user > li a{
	display:block;
	text-align:center;
	font-size:12px;
	color:#000;
}
.user > li a:hover{
	color:#d81f24;
}
.user > li a:hover span {background:#d81f24;}
.user > li a > span{
	display:block;
	position:relative;
	width:35px; height:35px;
	line-height:35px;
	text-align:center;
	margin:0 auto 6px;
	background:#454545;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}

.user > li a > span.notification{
	background:#d81f24;
}
.user > li a > span.notification > span.number{
	position:absolute; bottom:-10px; right:-7px;
	width:14px; height:14px; line-height:14px;
	text-align:center;
	font-size:11px;
	border:2px solid #fff;
	background:#ffa210;
	color:#fff;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}

/*User : loged in*/
.user a.avatar {
	height:40px;
	width:40px;
}

.user > li.userava {position:relative; margin:0}
.user > li.userava > .user-card {
	font-weight:bold; 
	color:#8a171a; 
	font-size:14px; 
	width: 185px; 
	overflow: hidden; 
	text-overflow: ellipsis; 
	white-space: nowrap; 
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
	position: relative;
	text-align: left;
}
.user > li.userava img {width:35px; height:35px; display:inline-block; margin:0 5px 0 15px;}
.user > li.userava .caret {margin: 6px; border-top-color:rgb(80,80,80)}
.user > li.userava:hover .usersetting { display:block}
.user > li.userava .user-imag {position:relative; height: 42px;}
.notification-number {
	position:absolute;
	bottom: 0; right:0;
	width:14px; height:14px; padding:1px; line-height:14px;
	text-align:center;
	font-size:11px;
	/* border:2px solid #fff; */
	background:#d81f24;
	color:#fff;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;

	z-index: 34;
}

/*Menu : setting*/
.usersetting {
	display: none;
	position: absolute;
	right: 0;
	top: 43px;
	z-index: 33;
	width: 180px;
    padding: 2px 0 !important;
    border-radius: 3px !important;
    -webkit-border-radius:0 0 2px 2px;
	-moz-border-radius:0 0 2px 2px;
	-webkit-box-shadow:0 7px 10px rgba(0,0,0,0.2);
	-moz-box-shadow:0 7px 10px rgba(0,0,0,0.2);
	box-shadow:0 7px 10px rgba(0,0,0,0.2);
}
.usersetting h4 {color: #8a171a; font-size:13px; margin:10px 20px 0 30px;word-wrap:break-word}
.usersetting ul {}
.usersetting ul > li {border-bottom: 1px dashed #e5e5e5;}
.usersetting ul > li:nth-child(odd) {background:url(../images/wrapLeftTitle.png) -80px -6px no-repeat}
.usersetting ul > li:last-child, .usersetting ul > li:first-child {background:none}
.usersetting ul > li:last-child { border-bottom:none}
.usersetting ul > li > a { text-align:left; color:#000; font-weight:bold; font-size:12px; padding:10px 15px;}
.usersetting ul > li a > span.notification-number {width: 14px; height: 14px; line-height: 14px; display: inline-block; background:#d81f24; margin-left:5px; float:right}

/*Affix*/
header .affix { z-index:31; background:url(../images/affixbg.png) center -10px repeat-x; width:100%; height:83px}
.affix #logo {margin:2px 0 0 0}
.affix #logo > a > img {
	width:77%;
	margin-left:10px;
}
.affix .menuHeader {
	margin-top:10px;}
.affix ul.menuHeader li > span { position:relative; z-index:40}
.affix ul.menuHeader li.game {bottom:0}
.affix ul.menuHeader li.game .menuGame {
	top:5px; z-index:20}
.affix ul.menuHeader li.game .menuGame > ul {margin-top:45px}
.affix ul.menuHeader li.game .menuGame:hover { display:block}
.affix .user {
	margin:10px 0 0 93px;
}
.affix .signout {
	margin:10px 0 0 43px;
}
.affix .signout > li > a > b{
	display:none;
}
.affix .usersetting {top:37px}

/*Navigation*/
nav .topNav{
	position:relative; z-index:10;
	height:51px;
	margin:0 auto 0;
	padding:0 0 10px;
}
nav .topNav ul{
	width:700px;
	padding-left:240px;
}
nav .topNav ul li{
	display:inline-block;
	line-height:25px;
	margin:0 18px 0 0;
	padding:18px 0 0;
}

nav .topNav ul li a{
	display:block;
	font-size:14px;
	font-weight:bold;
}
nav .topNav ul li a:hover, nav .topNav ul li.selected a {
	color:#fadfb3;
}
nav .topNav ul li a:hover > .ico02, nav .topNav ul li.selected a > .ico02{
	background-position-y:-52px;}

/*Navigation form*/
nav .topNav form.form-inline { margin:0 auto; width:890px; padding-top:16px}
nav .topNav form.form-inline select, nav .topNav form.form-inline input {
	background:#454545;
	border:none;
	color:#f6a004;
	font-size:13px;
	font-weight:bold}
nav .topNav form.form-inline select.mar_r {margin-right:10px}
nav .topNav form.form-inline span.filter {margin:0 0 0 30px}
nav .topNav form.form-inline label.checkbox {padding:0 10px}
nav .topNav form.form-inline div.pull-right {padding-top:4px}
nav .topNav form.form-inline div.pull-right label {line-height:18px}
nav .topNav form.form-inline div.pull-right span {font-size:14px; font-weight:bold}
nav .topNav form.form-inline div.pull-right input[type="checkbox"] {margin:2px 4px 0 0}

.badge-new-worldCup-game {
	position: absolute;
	top: 3px;
	margin-left: 2px;
	background-color: red;
	color: yellow;
}

/*Main Contents*/
.mainContent .wrap{
	min-height:600px;
	margin-bottom:60px;
	background:url(../images/mainWrapContent.png) top center no-repeat #fff;
	-webkit-border-radius: 0 0 8px 8px;
	-moz-border-radius: 0 0 8px 8px;
	border-radius: 0 0 8px 8px;
}
.homeBg .wrap{margin-bottom:0; padding-bottom:60px}
.mainContent .games {
	background:url(../images/mainWrapContent-game.png);
	box-shadow:0 0 10px rgba(0,0,0,0.2);
	margin-bottom:0;
}

/*PROFILE INFORMATION*/
.profile{
	position:relative; z-index:10;
	width:100%;
	margin:-30px 0 0;
	background:url(../images/profileBg.png) top center repeat-x #fff;
	-webkit-border-radius: 8px 8px 0 0;
	-moz-border-radius: 8px 8px 0 0;
	border-radius: 8px 8px 0 0;
}
.profile-shadow{
	position:absolute; left:100%; top:0; z-index:8;
	background:url(../images/profileShadow.png) top left no-repeat;
	width:35px; height:335px;
}
/*Avatar*/
.avatarBox{
	position:relative;
	padding:14px 0 0 14px;
}
.avatarImg{
	float:left;
	height:53px; width:53px;
	margin:0 17px 0 0;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	overflow:hidden;
}
.avatarBox h3.userName{
	padding:0; margin:5px 10px 0 70px;
	line-height:17px;
	font-size:16px;
	color:#dc271c;
	word-wrap: break-word;
	width: 110px;
}
.avatarBox a.signOut{
	font-size:13px;
	color:#000;
	word-wrap: break-word;
	width: 110px;
	margin:0px 10px 0 70px;
	display:block;
	padding-top:5px;
	line-height:15px;
	opacity:0.7;
}
.avatarBox a.signOut:hover {color:#000; opacity:1;}
.avatarBox a.signOut > i {margin:0}
/*INFORMATION*/
.profileInfo{
	font-size:12px;
	width:182px;
	padding:14px;}
.profileInfo ul{
	overflow:hidden;}
.profileInfo ul li{
	padding:2px 0;
	overflow:hidden;
	min-height:23px; line-height:23px;
	border-bottom:1px solid #e5e5e5;}
.profileInfo ul li:last-child{
	border-bottom:none;}
.profileInfo ul li span.title{
	display:block;
	float:left;
	width:70px;
	color:#8a0011;}
.profileInfo.groupInfo ul li span.title{
	width:85px; }

.profileInfo ul li.vip{
	line-height:normal;}
.profileInfo ul li.vip span.title{
	line-height:normal;}

.profileInfo ul li.level{
	line-height:24px;}
.profileInfo ul li.level .content{
	line-height:24px;
	width:80px;
	padding:0 0 4px;}

.profileInfo ul li.achievement{
	line-height:normal;}
.profileInfo ul li.achievement .content{
	text-align:center;
	line-height:normal;
	width:49%;
	padding:0 0; margin:0 0 10px;}
.profileInfo ul li.achievement .content h4{
	font-size:25px;
	margin:0 0 5px 0; padding:0;}
.profileInfo ul li.achievement .content p{
	font-size:12px; font-weight:bold; color:#8a171a;
	margin:0 auto; padding:0;
	width:100%;}

/*-----------------GROUP-------------------*/
.groupCover{
	margin:-20px 0 0;
	position:relative;
}
.groupCover .thumbnail {
	padding: 0px;
	border: none
}
.groupCover .thumbnail > img {
	max-height: none;
}
.groupCover .btn-file {
	position:absolute;
	right:20px;
	bottom:10px;
}
.groupCover .btn-cancel {
	position:absolute;
	right:80px;
	bottom:10px;
	background: rgba(255,255,255,0.8);
	color: #000;
	text-shadow: none;
}
.groupCover .btn-submit {

	position:absolute;
	right:20px;
	bottom:10px;
}
.page-content-group{
	position:relative;
	background:url(../images/coverfooter.png) top center no-repeat #f6f6f6;
	overflow:hidden;
	border-radius: 0 0 8px 0;
	-moz-border-radius: 0 0 8px 0;
	-webkit-border-radius: 0 0 8px 0;

}
.page-content-group .groupFeed{
	width:74.4%; min-height:600px;
	border-right:1px solid #dddddd;
	background:url(../images/groupFeed.png) top center no-repeat #fff;
}
.feedMenu{
	overflow:hidden}
.feedMenu li{
	float:left;
	padding:0 1px 0 0;
	background:url(../images/feedMenuSplit.jpg) top right no-repeat;
}
.feedMenu li:last-child{
	background:none;
}
.feedMenu li.active{
	background-color:#fff;
}
.feedMenu li a{
	display:block;
	line-height:35px;
	padding:0 14px;
	font-weight:bold;
	font-size:14px;
	color:#000;
}
.feedMenu li a:hover, .feedMenu li.active a{
	color:#dc271c;}
/*--------FEED MENU TAB---------*/
.feed-content h4 {
	font-size:18px;
	color:#8a171a;
	margin:20px 0 10px;
}
.feed-content .tab-pane {
	margin: 10px 15px 15px; padding: 0 0 10px;
	width:500px;
	font-size:13px;
}
.feed-content .wrapComment:last-child {
	border-bottom:none;
}
.feed-content #feed-1 img, .feed-content #feed-2 img {
	max-width:100%;
}

/*--------END:FEED MENU TAB---------*/
.postFeed{
	width:100%;
	margin:10px auto 0;}
.postFeed h3.postFeedTitle{
	display:inline-block;
	margin:0;
	line-height:23px;
	color:#8a171a;
	font-size:16px;}
ul.postFreedType{}
ul.postFreedType li{
	float:left;}
ul.postFreedType li a{
	display:block;
	line-height:20px;
	font-size:13px;
	margin:0 0 0 20px;
	font-weight:bold;
}
ul.postFreedType li a i{
	margin:0 4px 0 0;}

.postFeedText{
	margin:10px 0 0;
	width:97%;
	height:20px; line-height:20px;
	padding:3px 1%;
	font-size:12px;}

/*-----------COMMENT-------------*/
.wrapComment{
	padding:0 0 25px;
	margin:15px 0 10px;
	/*overflow:hidden;*/
	border-bottom:1px solid #e5e5e5;
}
.wrapCommentContent{
}
.boxgroupList {margin:10px 0 0}
.boxgroupList > li > a > img {width:100%}
.commentAvatarImg{
	float:left;
	display:block;
	width:50px; height:50px;
	margin:0 10px 0 0;
	overflow:hidden;
}
.commentAvatarImg img{
	width:100%;	}

.commContent{
	position:relative;
	width:auto; margin-left:60px;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}
.subcommContent {
	margin-left:42px;
}
.commUser{
	display:inline-block;
	font-size:14px;
	line-height:15px;
	font-weight:bold;
	color:#8a171a;}
.reviewContent{
	margin:0 0;}
.wrapCommentContent .commContent .commMedia {
	margin: 10px 0 10px 0px;
}
ul.commControl{ margin:8px 0 0 0px;}
ul.commControl li{ float:left; margin:0 15px 0 0;}
ul.commControl li a{ display:block;font-size:12px; color:#8a171a;}
ul.commControl li a:hover{ color:#dc271c;}
ul.commControl li.like {position:relative}
ul.commControl li.like .listPeople {display:none; background:#000;color:#fff;font-size:11px; position:absolute; bottom:25px; z-index:100; padding:5px 0; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px;}
ul.commControl li.like .listPeople ul > li {display:block; line-height:20px; padding:0px 10px; float:none; word-break: normal;}
ul.commControl li.like .listPeople i.caret {position:absolute; bottom:-4px; left:30px;}
ul.commControl li.like:hover .listPeople {display:block}
.wrapCommentContent.wrapCommentReply{
	margin:10px 0 0 60px;}
.wrapCommentContent.wrapCommentReply .commContent{
	width:90%;
	line-height:17px;}
.wrapCommentContent.wrapCommentReply .commContent a{
	font-size:13px;
	color:#8a171a;
	font-weight:bold;
	margin:0 8px 0 0;}
.wrapCommentContent.wrapCommentReply .commContent p.more {margin:0}
.wrapCommentContent.wrapCommentReply .commentAvatarImg{
	width:32px; height:32px;}
.wrapFormReply .commContent{}
.wrapFormReply .commContent:before{
	border-color:  rgba(255, 255, 255, 0) #fff  rgba(255, 255, 255, 0)  rgba(255, 255, 255, 0);}
.wrapFormReply .commContent .postFeedText{
	width:96%;
	margin:0;
	font-size:12px;
}
.highlignt {
	background:#f0f0f0;
	padding:13px 10px 20px;
	border-top:5px solid #EBA11E;
}
/*--------START:TAB GROUP---------*/
.list-album {}
.list-album > li {
	margin:0 3% 15px 0;
	width:30%;
}
.list-album > li > span.avatar {
	border:1px solid #dedede;
	padding:2px;
}
#feed-6 .list-album > li > span.avatar {border:none;}
.list-album > li > span.avatar, .list-album > li > span.avatar a {display:block;}
.list-album > li > span.avatar a {padding-bottom:100%}
.list-album > li:hover a {
	color:#d81f24;
}
.list-album > li h6 {
	margin:3px 0 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.list-album > li span.descript {
	display:block;
	font-size:11px;
	color:#666;
}
.list-album > li span.descript b {color:#8a171a}

/*--------END:TAB GROUP---------*/

.page-content-group .groupDashBoard{
	width:22%;
	padding:0 12px;
	background:url(../images/groupDashBoard.png) top right no-repeat #f6f6f6;
}

.groupDashBoard .group-right-box > h2.title{
	margin:25px 0 2px;
	line-height: normal;
	font-size:14px;
	color:#8a171a;
}
.groupDashBoard .group-right-box span.more {display:block; text-align:right; margin:2px 0 0; color:#8a171a}
.groupDashBoard .group-right-box span.more > a {
	color:#8a171a;
	font-weight:bold;
	font-size:12px;
}
.groupDashBoard .group-right-box span.more > a:hover { color:#dc271c}
.groupDashBoard .dashBoardMenu{}
.groupDashBoard .dashBoardMenu li{
	margin:10px 0 0 2px;}
.groupDashBoard .dashBoardMenu li a{}
.groupDashBoard .dashBoardMenu li a i{ margin:0 5px 0 0;}

/*wrap-right-content*/
.page-content01{
	padding:0 025px;
}
.page-content01 h1, .page-games h1{
	font-size:18px;
	line-height:26px;
	margin:0 0 15px;
	padding:8px 0 7px;
	background:url(../images/pageTitleBg.png) 15px 0 no-repeat;
	color:#8a171a;
	position:relative;
	z-index:35;
	font-weight:bold;
}
.page-content01 h2, .page-games h2{
	font-size:16px;
	line-height: 20px;
}
/*Activity Log*/
.activity{}
.activity li{
	min-height:24px;
	font-size:13px;
	margin:0 0 10px; padding:0 0 5px;
	color:#000;}
.activity li a, .groupList td a, .groupList > li a {
	color:#dc271c;
	font-size:13x;
	font-weight:bold}
.activity li span{
	color:#000;
	font-weight:bold}
.activity li a.avatar, .groupList td a.avatar, .groupList > li a.avatar {
	float:left;
	display:block;
	margin:0px 10px 0 0;
	height:30px; width:30px;
	overflow:hidden;}
.activity li a.avatar img, .groupList td a.avatar img, .groupList > li a.avatar > img {
	width:100%;
}

/*Group List Log*/
.groupList {border-radius:0; border-right:0; border-left: 1px solid #dddddd; border-top: 1px solid #dddddd;}
.groupList > li {
	float:left;
	width:50%; min-height:48px;
}
.groupList > li .userlist {padding:8px;border-bottom: 1px solid #ddd;border-right: 1px solid #ddd;}
.groupList td {width:290px;}
.groupList tr td:first-child {border-left:0; padding-left:0} .groupList tr td:last-child {padding-right:0}
.groupList td div.userbox, .groupList > li div.userbox {float:left; width:45%}
.groupList td span.game-name, .groupList > li span.game-name {
	font-weight:normal; font-size:12px}
.groupList td span,  .groupList > li span {display:block; line-height:16px; width:90%;
										   white-space:nowrap;
										   overflow:hidden;
										   text-overflow:ellipsis}
.groupList td a.btn, .groupList > li a.btn { margin:0 2px 0 0;font-size:12px; padding:3px 7px; background:rgb(241,241,241); color:#333;}
/*My Group List*/
.myGroupList {width:660px;}
/*Friend List Log*/
.friendFilter {position:relative}
.friendFilter input.friendSearch {position:absolute; top:-50px; left:215px; background:#fff url('../images/ic-search.png') 197px 5px no-repeat;}

.friendList {width:635px; border:none}
.friendList td {width:220px; border:none; padding:10px 8px}
.friendList td a.avatar {width:50px; height:50px}
.friendList td span.game-name {margin-top:5px}
.friendList td a {color:#8a171a;}
.friendList td span {width:140px}

.modal .friendList {width:100%; margin:0 auto}
.modal .friendList td {border-bottom:1px solid #efefef}
.modal .friendList td a.btn-admin {margin-top:5px;}

/*-----------------Page Games-------------------*/
.page-games {}
.page-games h2 {
	margin:10px 0 15px 25px;
}
.page-games .appMobile .boxApp .btn-orange {font-size:15px; background-color:#79171A !important; color:#fff; font-weight:normal; padding: 6px 12px;}
.page-games .appMobile .boxApp .btn-orange > i {font-size:16px}
.page-games .appMobile .boxApp .btn-orange:hover {background-color:#FFBF1B !important; color:#000;}
.page-games .appMobile .boxApp .btn-fb {background:#4c66a4 !important;}
.page-games .appMobile .boxApp .btn-fb:hover {color:#fff; background:#2F5DCA !important;}
.page-games	.gameWindow img {
	width:100%;}
.wrap-left-box{
	padding:35px 14px 15px;
	background:url(../images/wrapLeftTitle.png) top left no-repeat;
}
.wrap-left-box h2.title{
	margin:0;
	line-height:normal;
	font-size:14px;
	color:#8a171a;
}
.wrap-left-box h2.gameBox {
	font-size:16px;
	line-height:40px;
	height:40px;
	background:url(../images/pageTitleBg.png) 15px 0 no-repeat;}

.wrap-news {padding:20px 0}

.gameBox{
	padding:0 ;}
.gameBox li{
	border-bottom:1px solid #e5e5e5;}
.gameBox li:last-child{
	border-bottom:none;}
.gameBox a{
	display:inline-block;
	margin:5px 3px;}

.vipList{}
.vipList li{
	width:auto;
	border-bottom:1px solid #dfdfdf;
	text-align:right;
	font-size:12px;
	line-height:30px;
	color:#333;
	overflow:hidden;
	position:relative;
}
.vipList li:last-child{
	border-bottom:none;}
.vipList li b{
	float:left;
	width:64%;
	text-align:left;
}
.vipList li span{
	color:#8a171a;}
.vipList li.increase a {display:block}
.vipList li.increase:hover a {color:#1B9C0A}
.vipList li i.caret {margin-right:2px; margin-top:7px; position:absolute; left:69%;}
.vipList li.nochange i.caret {border:4px solid rgba(0,0,0,0); border-right:4px solid #e6ae57; left:67%; top:3px}
.vipList li.nochange:after {border:4px solid rgba(0,0,0,0); border-left:4px solid #e6ae57; content:""; display:block; width:5px; position:absolute; top:10px; left:73%;}
.vipList li.increase i.caret {border:5px solid rgba(0,0,0,0); border-bottom:5px solid #1B9C0A;}
.vipList li.decrease a {display:block}
.vipList li.decrease i.caret {border:5px solid rgba(0,0,0,0); margin-top:12px; border-top:5px solid #dc271c}
.vipList li .more-detail { text-align:left; padding:0px 0 5px 10px; font-size:11px; line-height:15px; display:none; }

.awardList li i.caret {left:75%;}
.awardList li.nochange i.caret {left:73%;}
.awardList li.nochange:after {left:79%;}
.awardList li b {width:68%}

.ranking{}
.rankingTitle{
	margin:10px 0 0;
	font-weight:bold;
	color:#dc271c;}
.ranking ul{
	padding:0 0 0 15px;
}
.ranking ul li{
	width:auto;
	padding:7px 0;
	border-bottom:1px solid #dfdfdf;
	font-size:12px;
	color:#000;
	overflow:hidden;}
.ranking li:last-child{
	border-bottom:none;}
.ranking li b{
	text-align:left;
	color:#dc271c;}
.ranking li span{
	color:#8a171a;}

/*News*/
.news h4 {
	font-size:16px; font-weight:bold}
.news h4 a {
	color:#dc271c}
.news h4 a:hover, .activity li a:hover, .groupList td span.username > a:hover, form.signin a:hover {
	color:#ffa210}
.news .avatar {
	width:48px; height:48px; overflow:hidden}
.news .avatar img {
	max-width:100%}
.news span.date, .page-content01 .content span.date {
	color:#dc271c; font-size:13px; font-weight: normal; display:block}

.page-content01 .content object {margin-bottom:10px; display:block}
.page-content01 .news .content p img{max-width:100%}
.page-content01 .news-other {border-top:1px solid #ddd; margin:20px 0 0}
.page-content01 .news-other h3 {color:#8a171a; font-size:18px}
.page-content01 .news-other ul {margin:0 0 0 20px}
.page-content01 .news-other ul li {margin:0 0 10px; list-style:disc; padding:0; border-top:none}
.page-content01 .news-other ul li a {opacity:0.8;  color:#000}
.page-content01 .news-other ul li a:hover {opacity:1}

/*Fixed Right Content*/
.fixRightContent{
	position:fixed; right:0; z-index:20;
	width:152px; height:auto;
	padding:5px 0 0;
	background:#f8f8f8;
	-webkit-border-radius: 6px 0 0 6px;
	-moz-border-radius: 6px 0 0 6px;
	border-radius: 6px 0 0 6px;
}
.fixRightContent.affix-top{
	position:absolute; top:180px;
}
.fixRightContent.affix{
	top:80px;
}
.fixRightContent:before{
	content:'';
	position:absolute; top:100%; right:0;
	width:148px; height:28px;
	background: url(../images/fixRightFooter.png) top right no-repeat;
}
.fixRightContent:after{
	content:'';
	position:absolute; top:-2px; left:-5px;
	width:155px; height:228px;
	background: url(../images/fixRightShadow.png) top right no-repeat;
}
.fixRighBox{
	padding:5px 5px 5px 10px;
	background:rgba(255,255,255,1);
	border-width:1px 0 1px 1px;
	border-color:#ddd;
	border-style:solid;
	position:fixed;
	top:193px; bottom:0px;
	width:140px;
	z-index:101;
	-webkit-border-radius:0 7px 0;
	-moz-border-radius:0 7px 0;
	border-radius:0 7px 0;
	box-shadow:2px 3px 10px rgba(0,0,0,0.3);
}
.fixRighBox h2{
	height:23px;line-height:23px;
	margin:0;
	font-size:13px;
	color:#8a171a;}
.fixRighBox h2 .close:hover {color:#8a171a; opacity:0.8; filter:alpha(opacity=80)}
.fixRighBox h2 i{margin:0 5px 0 0;}

.fixRighBox .onlineFriends{}
.fixRighBox .onlineFriends li span {
	color:#000 !important;
}
.fixRighBox .myGroup, .fixRighBox .friendsBirthday{
	margin:0 7px 0 0;
}
.fixRighBox .myGroup li, .fixRighBox .friendsBirthday li {
	padding:8px 0;
	font-size:11px;
	border-bottom:1px solid #e0e0e0;
}
.fixRighBox .myGroup li:last-child, .fixRighBox .friendsBirthday li:last-child {
	border-bottom:none;
	padding:8px 0 0; }
.fixRighBox .myGroup li .myGroupImg, .fixRighBox .friendsBirthday li .myGroupImg, .boxgroupList > li > a {
	float:left;
	display:block;
	height:24px; width:24px;
	margin:2px 6px 6px 0;
	overflow:hidden;}
.boxgroupList > li > a {height:46px; width:46px;}
.fixRighBox .myGroup li .myGroupImg img, .fixRighBox .friendsBirthday li .myGroupImg img{
	width:100%}
.fixRighBox .myGroup li span, .fixRighBox .friendsBirthday li span{
	display:block; margin:0 0 0 30px}
.fixRighBox .myGroup li h4, .fixRighBox .friendsBirthday li h4{
	line-height:15px;
	font-size:12px;
	margin:0 0 0 30px; font-weight:normal;
	color:#8a171a;}
.fixRighBox .myGroup li h4 a{
	color:#8a171a;
	display:block;
	font-weight:bold;
	word-break:break-word;
}
.fixRighBox a {color:#8a171a; font-weight:bold}
.fixRighBox .myGroup li > span {
	color:#767676;
}
.fixRighBox .friendsBirthday li h4{
	color:#6f6f6f;}
.fixRighBox .searchFriends {position:absolute; bottom:39px; left:0px; right:0; background: #bbb;}
.fixRighBox .searchFriends input {border:none; border-top:1px solid #ddd; border-bottom:1px solid #ddd; padding:4px 3%; width:88%; margin:7px 3%;
								  background: #FFFFFF url('../images/ic-search.png') 98% 5px no-repeat; font-size: 13px;
								  -webkit-border-radius:0;
								  -moz-border-radius:0;
								  border-radius:0;
}
.fixRighBox .searchFriends input[type="text"]:focus {border-top-color:#aaa; background:#fff}
.fixRighBox .searchFriends .btn-danger {float:right; margin:0px 3% 10px; width:94%;}
.fixRighBox .searchFriends .btn-grey {background: rgb(60, 60, 60); color:#fff;}
.fixRighBox .searchFriends .myGroup li:first-child {padding:0}
.fixRighBox .searchFriends .myGroup li .myGroupImg {width:40px; height:40px}
.fixRighBox .searchFriends .myGroup li h4 a {/* color:#000; */ /* font-size:13px */}
.fixRighBox .searchFriends .myGroup li .btn-grey {background:rgb(216, 216, 216); color: #000; font-weight: normal; width: 80px; padding: 2px; font-size: 13px;margin-top: 2px;}
.fixRighBox .searchFriends .myGroup li .btn-grey > i {margin:0}
.boxResult {display:none}

/*ALERT*/
.alert-fix {
	position:relative;
	margin:0;
	padding-left:0;
	padding-right:0;
}
.alert-fix .alertbox {
	font-size:15px;
	color:#dc271c;
	margin:0 auto;
	width:930px;
	text-align:center;
}
.alert-fix .alertbox span {
	display:block;
	text-align:center;
}
.alert-fix .alertbox a {color:#ffa210; text-decoration:underline}
.alert-fix .alertBg {
	position:absolute;
	bottom:-9px;
	z-index:11;
	height:10px;
	width:100%;
	background:url("../images/alertBg.png") center top no-repeat;}
.alert-fix .close {
	top:-3px;
	opacity:1;
	color:rgb(213, 140, 140);
	padding:0;
	right:21px;
}
.alert-fix .close span {
	font-size:12px;
}
.alert-fix .close i {
	position:absolute;
	top:2px;
	right:35px}
.alert-fix .close:hover {
	color:#dc271c}
/*SIGN IN*/
form.signin .control-group:after {clear:none !important}
form.signin input {}
form.signin p.note {font-size:15px}
form.signin span.note, form.signin a {color:#d81f24}
form.signin button.btn .ico-signin { background-position:-65px 0}
form.signin button.btn .ico-signup { background-position:-35px 0}

/*CHANGE AVATAR*/
.changeavatar a.avatar {width: 20%; padding-bottom: 20%;}

/*-----------------BANK-------------------*/
.account select {
	color:#000}
.account select, .account input#dp1, .account input#dp2 {
	width:130px;
	font-size:13px
}
.account .account-info {
	display:block;
	padding:7px 10px;
	margin:10px 0;
	background:rgb(240, 224, 184);
	color:#8a171a}
.account table td {
	width:65px;}
.account table td.longest {
	width:425px;
}
.account button.btn-danger {
	margin:0 0 0 5px }

/*Menu left*/
ul.bank {
	border:none;
}
ul.bank > li {
	list-style:disc;
	margin:0 0 0 15px;
	padding:5px 0;
	color:#eabb71;
	line-height:19px;
	float:none;
}
ul.bank > li > a {
	color:#8a171a;;
	font-weight:bold;
	padding:0;
	border:none;
}
ul.bank > li a:hover, ul.bank > li.active > a {
	color:#dc271c !important;
	border:none !important;
}
ul.bank > li.bank-sub {
	padding:2px 0;
	line-height:19px;
	margin:0 0 0 30px;
}
ul.bank > li.bank-sub > a {
	color:#000;;
	font-weight:normal;
}

/*ICON SYSTEM*/
i[class^="ico-"],
i[class*="ico-"] {
	display: inline-block;
	background-image: url("../images/icons.png");
	background-repeat: no-repeat;
}

/*------*/
.tropy > li.content {display:inline-block; border-bottom:none}
.tropy > li i {
	display: inline-block;
	background-repeat: no-repeat;
	height:90px;
	width:90px;
	margin:0 0 5px;
}

/*------*/
.ico01 {
	height: 29px;
	width: 29px;
	margin: 5px 0 0 0;}

.ico-bell { background-position: 0 0; }
.ico-signup { background-position: -29px 0; }
.ico-signin { background-position: -58px 0;}
.ico-medal01 {
	background-position: -121px 0;
	height: 29px;
	width: 20px;
	margin: 3px 5px 0 0;
}
/*------*/
.ico02 {
	float:left;
	height: 23px;
	width: 23px;
	margin: 0px 3px 0 0;}
.ico-lock { background-position: 0 -29px; }
.ico-avatar { background-position: -23px -29px; }
.ico-message { background-position: -46px -29px;}
.ico-friends { background-position: -69px -29px; width:28px !important;}
.ico-births { background-position: -170px -29px; width:28px !important;}
.ico-group { background-position: -97px -29px; width:28px !important;}
.ico-account { background-position: -125px -29px; width:25px !important;}
.ico-bank { background-position: 0 -104px; width:64px; height:64px}
.ico-feedBoard { background-position: -148px -29px;}

nav .topNav ul li a:hover > .ico-lock, nav .topNav ul li.selected a > .ico-lock 		{background-position:0 -52px;}
nav .topNav ul li a:hover > .ico-avatar, nav .topNav ul li.selected a > .ico-avatar 	{background-position:-23px -52px;}
nav .topNav ul li a:hover > .ico-message, nav .topNav ul li.selected a > .ico-message 	{background-position:-46px -52px;}
nav .topNav ul li a:hover > .ico-friends, nav .topNav ul li.selected a > .ico-friends 	{background-position:-69px -52px;}
nav .topNav ul li a:hover > .ico-group, nav .topNav ul li.selected a > .ico-group 		{background-position:-97px -52px;}
nav .topNav ul li a:hover > .ico-account, nav .topNav ul li.selected a > .ico-account 	{background-position:-125px -52px;}

nav .topNav .menu-bank.selected > .ico-bank 		{background-position:-66px -104px;}
/*------*/
.ico03 {
	float:left;
	height: 21px;
	width: 21px;
	margin: 0 4px 0 0;}
.ico-friends-gold { background-position: 0px -75px;}
.ico-group-gold { background-position: -21px -75px;}
.ico-cake-gold { background-position: -42px -75px;}
.ico-post-image { background-position: -63px -75px;}
.ico-post-video { background-position: -84px -75px;}
.ico-screen { background-position: -105px -75px;}

ul.postFreedType > li > a:hover > .ico-post-image { background-position: -209px -75px;}
ul.postFreedType > li > a:hover > .ico-post-video { background-position: -230px -75px;}
/*------*/
.ico04 {
	float:left;
	height: 17px;
	width: 17px;
	margin: 0px 3px 0 0;}
.ico-heart { background-position: -102px -184px;}
.ico-talk { background-position: -119px -184px;}
.ico-star { background-position: -136px -184px;}
a:hover > .ico-heart { background-position: -102px -201px;}
a:hover > .ico-talk { background-position: -119px -201px;}
a:hover > .ico-star { background-position: -136px -201px;}
.ico-member-invite { background-position: 0 -184px;}
.ico-member-accept { background-position: -17px -184px;}
.ico-member-delete { background-position: -34px -184px;}
.ico-group-admin { background-position: -51px -184px;}
.ico-group-edit { background-position: -68px -184px;}
.ico-group-delete { background-position: -85px -184px;}
.ico-addFriend { background-position: -125px -76px;}
.ico-check { background-position: -165px -76px;}
.ico-Friend { background-position: -148px -76px;}
.ico-telephone {background-position:-150px 2px}
.ico-email {background-position:-198px 1px}

.dashBoardMenuGroup .ico04 {
	margin-top:4px;
}
.dashBoardMenuGroup a:hover .ico-member-invite { background-position: 0 -202px;}
.dashBoardMenuGroup a:hover .ico-member-accept { background-position: -17px -202px;}
.dashBoardMenuGroup a:hover .ico-member-delete { background-position: -34px -202px;}
.dashBoardMenuGroup a:hover .ico-group-admin { background-position: -51px -202px;}
.dashBoardMenuGroup a:hover .ico-group-edit { background-position: -68px -202px;}
.dashBoardMenuGroup a:hover .ico-group-delete { background-position: -85px -202px;}

.ico05 {
	float:left;
	height: 27px;
	width: 35px;
	margin: 0px 0 0 0;}



/*BANNER*/
.banner {
	height:260px;
	background:#fff;
	z-index: 30;
	position:relative;
	top: -15px;
	padding:6px 0 0;
}
.banner:before {
	display: block;
	content: "";
	height: 110px;
	width: auto;
	position: absolute;
	background: url("../images/profileShadow.png") right -190px no-repeat transparent;
	right: -34px;
	left: 0;
	top: 20px;
}

.banner .carousel {margin:0}
.banner .carousel-indicators {
	position: absolute;
	bottom:-12px;
	left:50%;
	z-index: 5;
	margin:0;
	margin-left:-60px;
	list-style: none;
}
.carousel-indicators li {
	display: block;
	float: left;
	width: 11px;
	height: 11px;
	margin-left: 5px;
	text-indent: -999px;
	background-color: #ccc;
	background-color: rgba(0, 0, 0, 0.5);
	border-radius: 50%;
	cursor:pointer;
}
.carousel-indicators .active {
	background-color: rgba(0,0,0,0.8);
}

.banner .carousel-inner {
	width:613px;
	margin:0 auto;
	height:260px;
}
.banner .carousel-inner, .banner {
	border-radius:7px;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
}
.banner .carousel-control {
	top:45%;
	width:30px;
	height:30px;
	font-size:50px;
	line-height:16.5px;
}

.banner .carousel-caption {padding:10px 15px; background:rgba(0, 0, 0, 0.4);}
.banner .carousel-caption h4, .banner .carousel-caption h4 a {margin:0; font-size:15px; color:#fff}
.banner .carousel-caption p {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.banner .wrap-left-box {
	padding:35px 14px 0px
}
/*ITEM*/
.itemGame {
	position: relative;
	z-index: 40;
}
.itemGame ul {
	margin:0 auto;
	width:630px;
	display: flex;
	flex-flow: row wrap;
}
.itemGame ul > li {
	margin:5px 2px;
	position:relative;
	width:150px;
	text-align:center;
}
.itemGame ul > li,
.itemGame ul > li > a {
	display: block;
}
.itemGame ul > li > a.logo {
	width:100%;
	padding: 0 12%;
}
.itemGame .btn-orange {padding:4px 30px;}
.itemGame .btn-grey {padding:4px 27px;}
/*End : ITEM*/
.wrap-left-box-2 {
	background:url(../images/wrapLeftTitle2.png) top left no-repeat;
	padding:20px 14px 15px;
}

.footer {
	color: #000;
	font-size: 14px;
	position: fixed;
	bottom: 0;
	width: 100%;
	z-index: 102;
	background:#C9C9C9;
}
.wrapfooter {width:960px; margin:0 auto}
.wrapfooter span {
	padding:4px 0;
	margin:2px 10px 0 0;
	display:inline-block;
	line-height:30px;
	font-weight:bold;
}
.wrapfooter span b {color:#000}
.footer .birthday-box {
	width:15%;
	height:41px;
	background:rgba(255, 255, 255, 0.75);
	border-left:15px solid #E7E7E7;
	display:inline-block;
	vertical-align:top;

	line-height:41px;
	margin-left:5px;
}
.keywords h2 {display:inline-block; margin:0; padding:0; line-height:0; font-weight:normal; border-right:1px solid #999;}
.keywords a {color:#999; font-size:11px; border-right:1px solid #999; padding:0 5px; line-height:12px}
.keywords a:last-child {border-right:none}
.keywords a:hover {color:#333}

span.btn-helpft {display:none}
/*--------START:MODAL---------*/
.modal {
	overflow:hidden;
}
.modal .modal-header {
	background:#e18f00;
	font-size:14px;
}
.modal .modal-header h3 {
	font-size:16px;
	line-height:22px;
}
.modal .modal-header h3 .ico04 {
	margin:2px 5px 0 0;
}
.modal .modal-body {
	background: url(../images/mainWrapContent.png) top right no-repeat #DBDBDB;
	padding:20px;
}
.modal .form-horizontal .control-group {
	margin-bottom: 15px;
}
.modal .form-horizontal .control-label {
	width:120px; height:30px;
	text-align:left;
	margin-left:10px;
}
.modal .form-horizontal .controls {
	margin-left: 100px;
	line-height: 35px;
}
.modal input[type="text"], .modal input[type="password"] {
	width:350px;
}
.modal-footer {
	padding: 8px 15px 10px;
	height: 46px;
}
.btn-grey, .bootstrap-select .btn {
	background: rgb(231,231,231);
	color: #333;
}
#createGroup .modal-body {
	padding:20px 20px 0;
}
#inviteMembers .modal-body {
	height: 100px;
}
.iframe .modal-body {
	overflow-y: hidden;
}
.iframe .modal-footer {
	height:30px;
}
#createGroup .thumbnail {
	background:#ececec;
}
.bootstrap-select ul li a {
	font-weight:normal;
	color:#333;
}
.dropdown-menu li > a:hover, .dropdown-menu li > a:focus, .dropdown-submenu:hover > a {
	background:#e18f00;
}
.bootstrap-select > .btn {
	width:100%;
}

.bootstrap-select.btn-group .dropdown-menu {
	width:160px;
	text-align:left;
	right:0; left: inherit;
}
.bootstrap-select .btn:focus {
	outline:none !important;
}
.bootstrap-select:not([class*="span"]) {
	width:170px;
	text-align:right;
}
.btn-upload {
	text-align:center;
	height:160px;
	width:100%;
	padding:100px 0 0;
}
.btn-upload .btn-file {
	padding: 10px 18px;
	font-size: 18px;
	background: #C4C4C4;
}
/*--------END:MODAL---------*/

/*--------START:MODAL VIEW PHOTO---------*/
#viewPhotos {width:950px;height:680px; margin-left:-475px; border-radius:0;}
#viewPhotos.modal.fade.in {
	top:0%;
}
#viewPhotos .modal-body {
	max-height:90%;
	padding:0;
	background:#F0F0F0;
}
.views-photos {
	width:600px;
	background:#fafafa;
	padding:19px 10px 10px;
	border-right: 1px solid #e0e0e0;
}
p.centered {
	text-align:center;
	margin:0 0px 10px;
}
p.centered > img {
	max-width:100%;
}

p.centered-popup {padding:0 15px}
p.centered-popup > img {
	padding:20px 0 30px;
	border-bottom: 1px solid #e0e0e0;
}
p.centered-popup:last-child > img {border-bottom:none}
.cmt-photos {
	width: 285px;
	padding: 10px 15px 10px 5px;
}
.cmt-photos .commContent {width:225px}
.cmt-photos ul.commControl li {margin:10px 5px 0 0;}
.cmt-photos .commentDetailArticle {
	margin-top:20px;
	padding-top:10px;
}
.cmt-photos .commentDetailArticle .sub-input .tt-emo {
	width: 160px;
}
.cmt-photos .commentDetailArticle .tt-emo-list, .cmt-photos .commentDetailArticle .tt-emo-list-1, .cmt-photos .commentDetailArticle .tt-emo-list-2, .cmt-photos .commentDetailArticle .tt-emo-list-3 {top:auto !important}

.cmt-photos .commentDetailArticle .avatar {margin-right:10px}
.cmt-photos .commentDetailArticle .avatar > a {
	width:32px;
	height:32px;
	overflow:hidden;
	display:block;
}
.cmt-photos .commentDetailArticle .avatar > a > img {max-width:100%}
.cmt-photos .commentDetailArticle .cmt-lv1 .content {margin: 0 0 0 35px}
.cmt-photos .commentDetailArticle .cmt-lv1 textarea {width:90%}
.cmt-photos .commentDetailArticle .text-lv2 textarea {width:75% !important}
.cmt-photos .commentDetailArticle .cmt-lv1 .text-lv1 p {margin-bottom:3px}
.cmt-photos .commentDetailArticle .cmt-lv1 .block p {margin: 0 0 5px 43px}
/*--------END:MODAL VIEW PHOTO---------*/

/*-----------------START:HOME MODAL-------------------*/
.userinfo {
	width:660px;
	left:0;
	right:0;
	margin:auto;
}
.userinfo .modal-userhome {
	background: #dbdbdb; /* Old browsers */
	background: -moz-linear-gradient(top,  #dbdbdb 0%, #ffffff 10%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dbdbdb), color-stop(10%,#ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #dbdbdb 0%,#ffffff 10%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #dbdbdb 0%,#ffffff 10%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #dbdbdb 0%,#ffffff 10%); /* IE10+ */
	background: linear-gradient(to bottom,  #dbdbdb 0%,#ffffff 10%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dbdbdb', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
.userinfo .modal-body {background-color:transparent; padding:0; max-height:450px}
.userinfo .userhome {margin:20px 0 0 22px}
.userinfo .userhome li {display:inline-block; float:none}
.userinfo .userhome li a {font-weight:bold; font-size:11px; margin:0 0 5px -2px; background:rgba(0,0,0,0.1); border:none; padding-left:9px; padding-right:9px; position:relative}
.userinfo .userhome li a > span.notification-number {top:-7px; right:20%; margin-right:-7px;}
.userinfo .userhome > .active > a, .userhome > .active > a:hover {border:none; color:#d81f24; background:#fff}
.userinfo .modal-body .tab-content .box-content {margin: 20px 20px;}
.userinfo .modal-body .tab-content .box-content .groupList > li {width:100%}
.userinfo .box-content .profileInfo {padding:0; width:auto}
.userinfo .changeavatar {position:relative}
.userinfo .changeavatar a.avatar {margin-top:3px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; overflow:hidden}
.userinfo .changeavatar .fileupload-preview {width:20% !important; padding-bottom:20% !important; height:0 !important; line-height:none !important}
.userinfo .changeavatar .fileupload-preview > img {height:0 !important; padding-bottom:97%}
.userinfo span.btn .fileupload-new {display:block !important}
.userinfo .changeavatar .btn-grey {margin-bottom:10px;}
.userinfo .changeavatar .btn-orange {text-shadow:none}

.userinfo input[type="text"], .userinfo input[type="password"] {width:460px}
.userinfo .box-content .infoedit { float: right; margin-top: 10px;}

.infoedit {}
.userinfo .useraward {border-top:1px solid #ddd; margin-top:5px; background:#eee;}
.userinfo .useraward h4 {color:#d81f24;margin:30px 20px 0 45px;}
.userinfo .useraward .tropy > li.content {text-align:center; /* width:16%; */ line-height:normal; font-size:12px; display:block; float:left; padding:0 2%;  position:relative;}
.userinfo .useraward .tropy > li.content:after {content:""; display:block; border-right:1px solid #ddd; position: absolute;
												top:0; z-index:1; bottom:0; left:0}
.userinfo .useraward .tropy > li.content > i {height:80px; width:80px}



.userinfo .activity {margin:10px 20px 20px;}
.userinfo .valid {position:relative}
.userinfo .valid:after {
	background:url('../images/icons.png') -228px -31px no-repeat;
	content:"";
	display:block;
	width:22px;
	height:22px;
	position:absolute;
	top: 10px;
	right: 20px;}
.userinfo .valid input {background:#fff; box-shadow:none; border:1px solid #22b315; color:#22b315}

.info-friend {border:1px solid #ddd; margin: 20px; background: #F5F5F5;}
.info-friend .close {opacity: 0.6; filter: alpha(opacity=60);}
.info-friend .tab-info-friend {text-align:center; background: #E6E6E6;}
.info-friend .tab-info-friend > li {display:inline-block; padding:10px; border-right:1px solid #ddd; font-size:11px; font-weight:bold}
.info-friend .tab-info-friend > li.active > a {color:#d81f24}
.info-friend .tab-info-friend > li > span {color:#999}
.info-friend .tab-info-friend > li:last-child {border-right:none}
.info-friend .tab-info-friend > li > a {}
/*-----------------END:HOME MODAL-------------------*/

/*--------START:BANK TAB---------*/
/*PAYMENT*/
.paymentType {
	margin: 0;
}
.paymentType h3 {
	margin: 0 0 5px;
}
#payType {
	width: 100%;
	overflow: hidden;
}
#payType li {
	position: relative;
	z-index: 9;
	padding: 0 15px;
	border: 1px solid #dddddd;
	padding: 7px 1%;
	background: #f5f5f5;
	width:180px;
	float:left;
	margin-right:10px; margin-bottom:10px;
}
#payType li.active {
	background: #fff;
	/*border-right: 1px solid #fff;*/
}
#payType li .arrow {
	display: none;
}
#payType li.active .arrow {
	display: block;
	position: absolute;
	right: -13px;
	top: 50%;
	z-index: 80;
	margin: -11px 0 0 0;
	width: 22px;
	height: 22px;
	border: none;

	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	background: #f79815;
}
#payType li:last-child {
	/*border-bottom: none;*/
}
#payType li a {
	line-height: 30px;
	display: block;
	outline: none;
	overflow: hidden;
}
#payType li.active a {
	color: #ff8c1c;
}
#payType li a img {
	margin: 4px 0 0
}
#payType li a span {
	float: left;
	font-weight: bold;
	text-transform: uppercase;
}
.paymentForm {
	padding: 15px 20px;
	margin: 10px 0 10px 0px;
	overflow: hidden;
	border-top: 1px dashed #CFCFCF;
}
.paymentForm h3 {
	font-size: 1.2em;
	color: #333;
	text-align: center;
	line-height: 21px;
}

#payForm .btn {
	margin: 0 0 0;
	font-weight: bold;
	text-transform: uppercase;
	text-shadow: none;
	color: #fff;
}

.list-pay-type .accordion-group{border:none;
								-webkit-border-radius: 2px;
								-moz-border-radius: 2px;
								border-radius: 2px;
								margin-bottom: 10px;}
.list-pay-type .accordion-heading {background:#e18f00; overflow:hidden; -webkit-border-radius:5px; -moz-border-radius:5px;  border-radius:5px;}
.list-pay-type .accordion-heading a{font-weight:bold;}
.list-pay-type .accordion-heading a:hover, .list-pay-type .accordion-heading a{color:#FFF;}
.list-pay-type .accordion-heading a.accordion-toggle {padding:13px 15px; border:1px solid #e18f00}
.list-pay-type .accordion-heading a.collapsed {color:#000;background: #F1E0B4; border: 1px solid #F1E0B4; padding:13px 15px; -webkit-border-radius:5px; -moz-border-radius:5px;  border-radius:5px;}
.list-pay-type .accordion-heading a i{font-size:18px}
.list-pay-type .accordion-heading a.accordion-toggle.collapsed i.icon-chevron-down{display:block}
.list-pay-type .accordion-heading a.accordion-toggle i.icon-chevron-down{display:none}
.list-pay-type .accordion-heading a.accordion-toggle.collapsed i.icon-chevron-up{display:none}
.list-pay-type .accordion-heading a.accordion-toggle i.icon-chevron-up{display:block}
.list-pay-type .accordion-group .accordion-heading a.collapsed:hover{background-color:#e18f00; color:#FFF}

#bank-tab1, #bank-tab2, #bank-tab3, #bank-tab4, #bank-tab4, #bank-tab5, #bank-tab6 {position:relative;}
/*--------END:BANK TAB---------*/

/*START : FUNCTION FOOTER*/
.footerApp {position:relative; bottom:0}
.footer-func {position:absolute; bottom:-19px; left:0}
.footerApp .footer-func {position:fixed; bottom:1px}
.footerApp .footer-func > ul.nav {margin-bottom:0}
.footer-func > ul > li > a {
	width:36px;
	font-size:13px;
	font-weight:bold;
	overflow: hidden;
	white-space: nowrap;
	padding:7px 4px; margin-right:0;

	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	background:#C9C9C9;
	cursor:pointer;
}
.footer-func > ul > li > a > i{
	margin:0 5px;
}
.footer-func ul > li > a:hover {
	width:135px;
	color:#000;
}
.footer-func ul > li.friendFilter > a:hover {width:90px;}
.footer-func ul > li.friendsBirthday > a:hover  {width:110px;}
.footer-func ul > li.myGroup > a:hover:after {content:"Nhóm của tôi";}
.footer-func ul > li.friendFilter > a:hover:after {content:"Bạn bè";}
.footer-func ul > li.friendsBirthday > a:hover:after {content:"Sinh nhật";}

.footer-func > ul > li.actix > a {
	background-color: #fff;
	border-color:transparent #ddd transparent #ddd;
}

.postAlbum .carousel {overflow:hidden; margin-bottom:10px}
.postAlbum .carousel-control > i {
	font-style:normal;
	display:block;
	top:30%; bottom:0; left:0; right:0;
	position:absolute;
	font-size:110px;
	color:rgba(0,0,0,0.6);
}
.postAlbum .carousel-control {
	top:35%;
	left: 0;
	width: 50px;
	padding: 40px 0;
	border:none;
	opacity: 0.3;
	filter: alpha(opacity=30);
	background:#FFF;
	filter: alpha(opacity=20);
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;

	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
.postAlbum .carousel-control:hover {
	opacity: 0.6;
	filter: alpha(opacity=60);
	-webkit-box-shadow:-5px 5px 10px rgba(0,0,0,0.3);
	-moz-box-shadow:-5px 5px 10px rgba(0,0,0,0.3);
	box-shadow:-5px 5px 10px rgba(0,0,0,0.3);
}
.postAlbum .carousel-control.right {
	right:0px;
	left:auto;
}
/*START : COL RIGHT*/
.col-right {
	width:270px;
	position:relative; top:-15px;
	z-index:30;
	padding:10px 15px;
	background:url(../images/mainWrapContent-game.png);
	-webkit-border-radius:7px;
	-moz-border-radius:7px;
	border-radius:7px;
}
.col-right h3 {font-size:18px; line-height:20px; margin-top:5px}
.col-right .news {margin-top:20px;}
.col-right .news h3 {margin-bottom:5px}
.news ul li {
	padding:6px 0px;
	border-top: 1px dotted #C7C7C7;
	font-size:13px;
	line-height:19px;
}
.news ul li:first-child {border-top:none}
.news ul > li a {display:block; color:#8a171a}
.news ul > li a:hover {color:#DB1A1F}
.news ul li .date {font-size:12px; color:#666; display: block;}
/*END : COL RIGHT*/

/*START : BOX APP*/
.openID {
	border-left:1px solid #ddd;
	margin:50px 0 0 55%;
	padding:0px 20px 20px 30px;
}
.openID > a {
	width:75px;
	text-align:center; font-weight:bold;
	display:inline-block;
	font-size:12px;
}
.openID > a:before {
	background: url('../images/ico-openid.png') top left no-repeat;
	width:46px; height:46px;
	display:block;
	content:"";
	margin:0 auto 2px;
}
.openID > a.id-gmail:before {background-position:-47px top;}
.openID > a.id-yahoo:before {background-position:-95px top;}
.openID > a.id-facebook:hover {color:#435899}
.openID > a.id-yahoo:hover {color:#7727a2}
.blackwhite {
	filter: grayscale(100%);
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: gray;
	-webkit-filter: grayscale(1);
}
.blackwhite:hover {
	-webkit-filter: grayscale(0%);
	-moz-filter: grayscale(0%);
	-o-filter: grayscale(0%);
	-ms-filter: grayscale(0%);
	filter: grayscale(0%);
}
/*END : BOX APP*/

/*START : BTN MENU RESPONSIVE*/
.btn-menuRes {
	display: none;
	position: relative;
	width:43px;
	height:55px;
	text-align:center;
	margin:33px auto 6px;
}
.btn-menuRes a {
	display:block;
	position: relative;
	font: bold 29px Sans-Serif;
	height: 57px;}
.btn-menuRes a:before {
	content: "";
	position: absolute;
	left: 13px;
	top: 18px;
	width: 1em;
	height: 0.15em;
	background: #d81f24;
	box-shadow: 0 0.25em 0 0 #d81f24,
		0 0.5em 0 0 #d81f24;
}
.itemGame .btn-downapp {
	font:normal 18px/20px 'Roboto Condensed', sans-serif;
	margin-bottom:10px;
	text-align:left!important;
	width:27%;
	padding:7px 2%;
}
.itemGame .btn-downapp {
	background:#FFBF1B;
	background: #ffbf1b; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffbf1b 59%, #f4ae09 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(59%,#ffbf1b), color-stop(100%,#f4ae09)); /* Chrome,Safari4+ */


	background: -webkit-linear-gradient(top,  #ffbf1b 59%,#f4ae09 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffbf1b 59%,#f4ae09 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffbf1b 59%,#f4ae09 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffbf1b 59%,#f4ae09 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffbf1b', endColorstr='#f4ae09',GradientType=0 ); /* IE6-9 */
	min-height: 40px;
}
.itemGame .btn-downapp > b {font-weight:normal;word-break: normal;}
.itemGame .btn-downapp > i {
	margin-right:5px;
	margin-top:2px;
	float:left;
	display:block;
	font-size:200%;
}

/*END : BTN MENU RESPONSIVE*/

.boxleftResponsive {width:640px}
/*START : WRAP LEFT RESPONSIVE*/
.btn-wrapleftResponsive, .btn-menuModuleRes, .menuBank {display:none;}
/*END : WRAP LEFT RESPONSIVE*/

/*--------HELP BOX---------*/
.helpboxleft {width:27%; float:left}
.helpboxright {width:70%; float:right}
.helpboxleft h4 {margin:0; padding:2px 0; font-size:16px; background-color:#efefef;}
.helpboxleft .accordion-inner {padding:0px 15px; background:#fafafa}
.helpboxleft .accordion-inner ul > li > a {
	padding:14px 0; display:block; font-size:13px; border-bottom:1px solid #ccc}
.helpboxleft .accordion-heading .accordion-toggle {padding:9px 15px;}
.helpboxleft h4 a:hover, .helpboxleft .accordion-inner ul > li > a:hover {color:#000}
.helpboxleft .accordion-inner ul > li:last-child > a {border-bottom:none}

.helpboxright h3 {margin:3px 0; font-size:22px; line-height:28px}
.helpboxright .nav-tabs > li > a {font-size:14px;}
.helpboxright .nav-tabs > li.active > a {font-weight:bold}
.otherGame .itemGame ul {width:90%;}
.tab-help {margin-top:10px}
/*--------START:RATING---------*/
#hide {display:none;}
.ratingStar {margin-bottom:10px;}
.ratingStar h5 {padding-right:5px; margin:0}
.ratingStar .rating {float:left}
.rating input {
	position:absolute;
	filter:alpha(opacity=0);
	-moz-opacity:0;
	-khtml-opacity:0;
	opacity:0;
	cursor:pointer;
	width:17px;
}
.rating span {
	width:24px;
	height:16px;
	line-height:16px;
	padding:1px 22px 1px 0; /* 1px FireFox fix */
	background:url('../images/stars.png') no-repeat -22px 0;
}
/* Change span immediately following the checked radio */
.rating input:checked + span {
	background-position:-22px 0;
}
/* Reset all remaining stars back to default background.
   This supersedes the above due to its ordering. */
.rating input:checked + span ~ span {
	background-position:0 0;
}
/*--------END:RATING---------*/

.responGame {width:65%;}
.responGame .commentDetailArticle {border-top:none; margin:0; padding: 20px 4% 0px; border-right:1px solid #ccc; min-height:1000px}
.responGame > ul.tab-comment, .commentDetailArticle h2 {margin:0 !important}
.responGame .boxcomment, .wrapContent .commentDetailArticle .boxcomment {border-bottom: 1px dotted #d1d1d1;}
.comments-area {padding:0!important}
.responGameRight {width:30%; margin:20px 2.5% 15px !important;}
.responGameRight h3 {font-size:18px; line-height:20px}
.otherGame {width: 100%;}

/*START : NEWS*/
.wrapContent .responGame {border-right: 1px solid #ccc; padding-right:2.5%}
.wrapContent .commentDetailArticle {margin:0 !important; border-top:none; padding:0px;}
.wrapContent .commentDetailArticle h2 {color: #8a171a; font-size: 18px; line-height:26px}
.wrapContent .commentDetailArticle .cmt-lv1 .content {margin-left:50px}
.wrapContent .commentDetailArticle .cmt-lv1 .sub-input textarea {width:100%}
.wrapContent .commentDetailArticle .text-lv2 .sub-input textarea {width:100%}

.hotspot h3 {
	background: #8a171a url(../images/menuHeaderSelected.png) 30px 0px no-repeat;
	color: #fff;
	line-height: 36px;
	text-indent: 10px;
	border-radius: 5px;
	font-size:16px;
}
.news.hotspot ul > li a {color:#000; font-size: 15px;}
.news.video .media-heading {margin-bottom:0}
.news.video .avatar {display:block; width:120px; height:75px; position:relative; margin-right:10px}
.news.video .avatar img {position:absolute; top:0; bottom:0; right:0; left:0; margin:auto;}
.news.video .video-time {position:absolute; bottom:2px; right:2px; padding:0 4px; font-weight:bold; font-size:11px; background-color:#000; color:#fff!important; height:14px; line-height:14px; opacity:.75; filter:alpha(opacity=75)}

.news.video .hotvideo {padding:15px 15px 5px; background:rgba(126, 126, 126, 0.11); margin-bottom:20px}
.news.video .hotvideo .media-body {margin-top:5px}
.video.hotspot .avatar {width:100px; height:64px;}
.video.hotspot .sort-content {margin-left:110px; font-size:13px; line-height:16px;}
.video.hotspot .sort-content .date {color:#db982f; margin-top:3px}
.video.hotspot ul li {padding:10px 0}

/*END : NEWS*/


/*START : TET 2014*/
.homeBg.affix, .mainContent.affix {position:inherit; background-attachment:fixed}
/*END : TET 2014*/


/* ==== THEME ==== */
header {background: url('../images/headerBg.png') top center repeat-x #fff;}
nav{background: url(../images/navBg.png) top left repeat-x; }
nav .topNav{background: url(../images/navBgCenter.png) top center no-repeat; border-top-left-radius:8px; border-top-right-radius:8px;}
.usersetting {background:url('../images/bg-mnuser.jpg') right 28px no-repeat #fff;}
.mainContent{background: url('../images/mainBg.jpg') top center no-repeat #ededed fixed;}
.hide-on-pc{display:none;}
/* ==== END : THEME ==== */

/*START : RESPONSIVE*/
@media (max-width : 1260px) {
	.ads-left, .ads-right {display:none !important}
}
@media (max-width: 960px) {
	/*START : TOP MENU*/
	.fixRighBox {display:none}
	.footer-func ul > li.myGroup > a:hover, .footer-func ul > li.friendFilter > a:hover, .footer-func ul > li.friendsBirthday > a:hover {width:36px}
	.footer-func ul > li.myGroup > a:hover:after, .footer-func ul > li.friendFilter > a:hover:after, .footer-func ul > li.friendsBirthday > a:hover:after {content:"";}
	.btn-menuRes {
		display:block;}
	.menuResponsive {
		width:200px;
		/*				height:100%;*/
		float:right;
		z-index:40;
		position:absolute;
		right:-200px;
		background:#fff;
		overflow:auto;
		overflow-x:hidden;
		border-left:1px solid #ccc;
		display:none;
	}
	.menuResponsive.active{display:block;-webkit-transform: translateX(-0px);
						   -moz-transform: translateX(-0px);
						   -o-transform: translateX(-0px);
						   transform: translateX(-0px);}
	.menuResponsive ul.menuHeader {
		margin:0 0 30px 0;
		float:none;
	}
	.menuResponsive ul.menuHeader > li, .menuResponsive .menuGame li {float:none; padding:0}
	.menuResponsive ul.menuHeader > li.selected > span {background-position:17px 5px; padding: 5px 0;}
	.menuResponsive ul.menuHeader > li > span > a {
		border-right:none;
		display:block;
		border-bottom:1px solid #eee;
		line-height:40px;
		color:#000 !important;
	}
	ul.menuHeader li:hover, ul.menuHeader li:hover > span > a, header ul.menuHeader li.selected > span > a {color: #d81f24!important;}
	.menuResponsive ul.menuHeader > li.game .menuGame {
		position:static;
		width:auto;
		height:auto;
		background:#F1F0F0;
		display:block;
		border-radius: 0;
		-moz-border-radius: 0;
		-webkit-border-radius: 0;
		box-shadow: 0 0 0 rgba(0,0,0,.5);
	}
	.menuResponsive ul.menuHeader > li.game > span > a:hover { cursor:default; color:#000;}
	.menuResponsive ul.menuHeader > li.game .menuGame ul {
		margin:0 0 0 30px;
	}
	.menuResponsive ul.menuHeader .game .menuGame > ul > li span, .itemGame .btn-downapp > span  {display:none;}
	.menuResponsive .menuGame li > a {display:block; font-size:13px}
	.menuResponsive .menuGame li > a:before {
		display:block;
		width:140px;
		line-height:40px;
		border-bottom:1px dotted #ddd;
	}
	.menuResponsive .menuGame li:last-child > a:before {
		border-bottom:none;
	}
	.menuResponsive .menuGame li.game > a:before {content: attr(title)}

	.menuResponsive .user {margin:20px 0 50px; *zoom: 1;}
	.menuResponsive .user:before,.menuResponsive .user:after {display: table; line-height: 0; content: "";}
	.menuResponsive .user:after {clear: both;}
	.menuResponsive .user, .menuResponsive .user > li {float:none}
	.menuResponsive .user, .menuResponsive .user > li > a {text-align:left;}
	.menuResponsive .user > li > a {padding:0 0 5px 0;}
	.menuResponsive .user > li {height:auto; margin:0;}
	.menuResponsive .user > li.userava .usersetting {
		display:block;
		background:#F1F0F0;
		position:static;
		width:auto;
		height:auto;
		margin:5px 0 0;
		box-shadow:none;
	}
	.menuResponsive .user > li.userava .usersetting > ul {
		margin:0}
	.menuResponsive .user > li.userava .usersetting li {height:auto; background:none}
	.menuResponsive .user > li.userava .usersetting li {border-bottom:none}
	.menuResponsive .user > li.userava .usersetting li a {
		line-height:40px;
		font-size:13px; font-weight:normal;
		margin:0 10px 0 30px; padding:0;
		border-bottom:1px dotted #ddd;
	}
	.menuResponsive .user .notification { margin:0 0 20px 15px}
	.menuResponsive .user > li.signinup {float:left; margin:0 5px 10px 15px;}
	header ul.menuHeader li.new-item span.sign-new{
		right: 5px;
		left: auto;
		top: 15px;
	}

	.usersetting ul > li a > span.notification-number {margin-top:10px}
	/*END : TOP MENU*/
	/*START : CONTENT*/
	.contentResponsive .wrap,nav .topNav, .container, .views-photos {width:90%; padding:0 5%}
	nav .topNav form.form-inline {width:90%; margin:0 5%}
	.boxleftResponsive .itemGame ul {margin-left:5px}
	.boxleftResponsive .itemGame ul > li {margin:5px 0}

	.contentResponsive .wrap .banner, .contentResponsive .wrap .banner .carousel-inner, .boxrightResponsive .col-right, .boxleftResponsive .itemGame ul, .boxrightResponsive .col-right .news, .contentResponsive .wrap .wrap-left, .wraprightResponsive, .wraprightResponsive .groupDashBoard, .wraprightResponsive .groupFeed, .groupFeed .feed-content .tab-pane, .groupResponsive .wrap, nav .topNav ul {width:auto}
	.contentResponsive .wrap .banner, .contentResponsive .wrap .banner .carousel-inner {height:auto}
	.contentResponsive .wrap .banner .carousel-inner {margin:0 5px}
	.contentResponsive .page-content01 {padding:0}
	.boxleftResponsive .itemGame ul > li img, .contentResponsive .wrap .banner .carousel-inner img, .boxleftResponsive .boxApp > a > img {max-width:100%}
	.boxleftResponsive .boxApp > a {
		display:inline-block;
		width:32%;
	}
	.boxleftResponsive .btn-helpmobile {margin:5px 0 5px 5px; padding:7px 2%; width:93%}
	.boxleftResponsive .itemGame .btn-orange, .boxleftResponsive .itemGame .btn-grey {
		padding:7px 3%;
		width:91%;
		text-align:center;
		display:block;
		line-height:normal;
	}
	.boxleftResponsive .itemGame .boxApp {margin:20px 0 15px 0}
	/*GROUP:*/
	.groupList > li {width:49.5%;}
	.groupList > li a.avatar {width:40px; height:40px}
	/*END : CONTENT*/

	.profile-shadow {display:none}
	.btn-menuModuleRes {
		right:0; top:11px;
		position:absolute;
		padding:10px;
		cursor:pointer;
		display:block;
	}
	.btn-menuModuleRes a:before {
		background:#000;
		box-shadow: 0 0.25em 0 0 #000,
			0 0.5em 0 0 #000;
	}
	/*START : WRAP LEFT RESPONSIVE*/
	.wrapleftResponsive {
		position: fixed;
		top: -25px; left:-210px;
		z-index: 200;
		background: #fff;
		margin: 0; padding-bottom:25px;
		height: 100%;
		border-right: 1px solid #ccc;
	}
	.wrapleftResponsive .profile {background:none; margin-top:30px}
	.avatarImg {height:auto; width:auto}
	.btn-wrapleftResponsive {
		display:block;
		position:absolute;
		top:-30px;
		z-index:33;
		border:4px solid #FFB83D;
		-webkit-border-radius:50%;
		-moz-border-radius:50%;
		border-radius:50%;
	}
	.wraprightResponsive {margin:0;}
	.wraprightResponsive .activity li {padding:0 0 20px; line-height:18px}
	.wraprightResponsive .activity li a.avatar {margin:2px 10px 0 0;}
	/*END : WRAP LEFT RESPONSIVE*/

	.contentResponsive .wrap-signin .page-content01 h2 {margin-top:0}
	.contentResponsive .wrap-signin .form-horizontal .controls {margin-left:170px}
	.contentResponsive .wrap-signin .openID {
		margin:40px auto 0; padding:0;
		text-align:center;
		border:none}
	.wraprightResponsive .tab-content {overflow:inherit}

	/*START : GROUP*/
	.wrap-group-content, .wraprightResponsive .groupDashBoard, .wraprightResponsive .groupFeed {float:none}
	.groupDashBoard .group-right-box > h2.title {margin:10px 0 2px;}
	.page-content-group .groupDashBoard {background:none; padding-bottom:20px;}
	.btn-wrapleftResponsive {left:6%;}
	.feed-content #feed-1 img {max-width:100%}
	.wrapCommentContent.wrapCommentReply, .btn-more a {margin-right:20px}
	.groupCover .fileupload-new > img {height:217px !important}
	.groupCover .fileupload-new, .fileupload-preview {height:220px !important}

	/*START : GROUPDASHBOARD*/
	nav .topNav ul {
		padding-left:0;
		margin:0 3%;
		padding:0 3%;
		background: #E4960D;
		position: absolute;
		top:70px; right:0;
		min-width:20%;
		opacity:0;
		/* IE 5-7 */
		filter: alpha(opacity=0);

		/* Netscape */
		-moz-opacity: 0;
		-webkit-border-radius:5px;
		-moz-border-radius:5px;
		border-radius:5px;
		-webkit-transition: all 0.2s ease-out;
		-moz-transition: all 0.2s ease-out;
		-o-transition: all 0.2s ease-out;
		transition: all 0.2s ease-out;
	}
	nav .topNav ul:before {
		content:""; display:inline-block;
		border-right: 6px solid transparent;
		border-left: 6px solid transparent;
		border-bottom: 6px solid #E4960D;
		top:-6px; right:20px; position:absolute;}
	nav .topNav ul li {
		display:block;
		border-bottom:1px dotted #000;
		margin:0; padding:8px 0 8px;
	}
	nav .topNav ul li:last-child {border-bottom:none;}

	#viewPhotos {
		right:0; left:0; bottom:0;
		height:90%; width:90%;
		margin:auto;
	}
	#viewPhotos .modal-body {overflow-x:hidden}
	.views-photos {padding-bottom:30px}
	.views-photos p.centered-popup > img {margin:0; padding:20px 0 0; border:0;}
	.cmt-photos {width:90%; padding:20px 5%}
	.cmt-photos .commContent {float:none; width:87% !important}
	.cmt-photos ul.commControl {margin:8px 0 0 50px}

	/*END : GROUP*/
	/*FOOTER:*/
	.fixRighBox {
		padding: 10px 5% 10px;
		width:90%;
		top:0;
		border:none;
		box-shadow:none;
		border-radius:0;
	}
	.wrapfooter {
		width:auto;
		background:#fff;
		display:none;
	}
	.wrapfooter span {
		display:block;
		border-bottom: 1px solid #ddd;
		width: 90%;
		padding:8px 4%;
		line-height:18px;
		font-weight:normal;
		color:#000;
	}
	.wrapfooter span > i {display:none}
	.keywords {display:block;}

	span.btn-helpft {
		display:block;
		height:40px; width:42px;
		cursor:pointer;
		position:relative; left:94px}
	span.btn-helpft > i {margin-top:5px}
	span.btn-helpft.active {background:#FFF}
	nav .topNav ul.dashBoardMenuGroup.in {
		top:100px;
		opacity:1;
		/* IE 5-7 */
		filter: alpha(opacity=100);
		/* Netscape */
		-moz-opacity: 1;}

	.menuBank {display:block}
	/*START : APP THAPTHANH*/
	.page-games h2 {margin: 10px 0 15px 0px !important;}
	.commentDetailArticle > ul.tab-comment {margin: 0 0 0 20px !important;}
	.comments-area {padding:0 !important}
	.page-games div.note, .responGame {margin:0 !important}
	.responGameRight {width:33%}
	.responGameRight {margin: 20px 0 15px !important;}
	/*END : APP THAPTHANH*/
	.wrapContent .responGame {width:63%; padding-right:2%}
	.wrapContent .commentDetailArticle .cmt-lv1 .sub-input textarea {width:84%}
	.banner .carousel-indicators {bottom:-20px;}
}
@media (min-width : 720px) and (max-width : 960px) {
	/*START : CONTENT*/
	.boxleftResponsive {width:66%}
	.boxrightResponsive {width:32%}
	.boxleftResponsive .itemGame ul > li {width:32.3%;}
	.otherGame {width:100%;}
	/*END : CONTENT*/

	.boxleftResponsive .itemGame .btn-downapp {width:42%; display:inline-block; min-height:inherit; line-height:20px}
	.boxleftResponsive .itemGame .btn-downapp > i {margin-top:0; margin-right:5px ; font-size:130%}
	.boxleftResponsive .itemGame .btn-downapp b {font-size:16px}
	.wrapContent .commentDetailArticle .sub-input .tt-emo {bottom:-33px; right:0}
	.wrapContent .commentDetailArticle .sub-input input.btn-danger {margin-top:40px}
}
@media (max-width: 719px) {
	.contentResponsive .wrap .banner {width:99%}
	.contentResponsive .wrap, nav .topNav {width:100%; padding:0}
	.contentResponsive .wrap-news, .contentResponsive .wrap .wrap-right {width:90%; padding:20px 5%}
	.boxleftResponsive {width:90%; margin:0 5%}
	.otherGame {width:100%; margin:0}
	.boxleftResponsive, .boxrightResponsive, .contentResponsive .form-horizontal .control-label, .contentResponsive .wrap-signin .page-content01  {float:none}
	.boxrightResponsive {background:#eee;}
	.boxrightResponsive .col-right {
		margin-top:30px;
		padding:20px 5% 40px;
		border-top:1px dotted #ccc;
		border-radius:0;
		background:#eee;
	}
	/*GROUP:*/
	.groupList > li, .account select {width:100%;}
	.groupList > li a.avatar {width:50px; height:50px}
	.commentAvatarImg {width:40px; height:40px}
	.commContent, .wrapCommentContent.wrapCommentReply {margin-left:50px}
	.subcommContent {margin-left:42px}

	.contentResponsive .wrap-signin .form-horizontal .control-label, .form-horizontal .control-label {text-align:left}
	.contentResponsive .wrap-signin .form-horizontal .controls, .form-horizontal .controls {margin-left:0}
	.contentResponsive .wrap-signin .form-horizontal .controls input[type=text], .contentResponsive .form-horizontal .controls input[type=password], .contentResponsive .form-horizontal .controls textarea, .form-horizontal .controls input[type=text], .form-horizontal .controls select, .form-horizontal .controls input[type=password] {width:97%}
	.contentResponsive .wrap-signin .form-horizontal .submit {text-align:center; margin:20px 0 0}
	/*FORM : GROUP LIST*/
	nav .topNav form.form-inline select {width:42%}
	nav .topNav form.form-inline input {width:50%; float:right}
	.groupCover .fileupload-new > img {height:197px !important}
	.groupCover .fileupload-new, .fileupload-preview {height:200px !important}
	/*MODAL : POP-UP GROUP*/
	.modal {
		overflow: hidden;
		width:90%;
		left:0; right:0; margin:auto;
	}
	.bootstrap-select:not([class*="span"]) {width:100px;}
	.groupList td div.userbox, .groupList > li div.userbox {width: 32%}
	.modal .form-horizontal .control-label, ul.token-input-list-tt {width:100%;}
	.modal .form-horizontal .controls, .modal .form-horizontal .control-label {margin-left:0; height:auto}
	.modal input[type="text"], .modal .form-horizontal .controls select {width:90%}
	div.token-input-dropdown-tt {width:300px}
	nav .topNav ul {min-width:50%;}
	.page-content-group .groupFeed {min-height:inherit}

	/*BANK*/
	form.account {text-align:right}
	.account select, .account input#dp1, .account input#dp2 {margin-bottom:10px}
	.account input#dp1, .account input#dp2 {width:96%; padding:4px 2%;}
	#payType li {width:97% !important}
	#payType li a img {width:24%;}
	#payGlobal li a img {max-width:100%}

	/*--------HELP BOX---------*/
	.helpboxleft, .helpboxright {width:100%; float:none}
	.helpboxright .nav-tabs > li, .ratingStar .rating {float:none}
	.helpboxright .nav-tabs > li > a {border:1px solid #ddd}

	.boxleftResponsive .itemGame .btn-downapp {width:91%; min-height:inherit; padding:10px 3%}
	.boxleftResponsive .itemGame .btn-downapp > i {margin-top:0; font-size:130%}
	.keywords {display:block; background:#eee;}
	.responGame, .responGameRight {width:100%}
	.responGame .commentDetailArticle {padding:20px 0 15px; border-right:none; min-height:inherit}
	.responGameRight {margin:0!important}
	.wrapContent .responGame {width:100%; padding-right:0; border-right:none}
	.userinfo .valid:after {top:40px; right:0}
	.banner:before {right:0}
	.hide-on-phone, .helpboxleft .accordion{display:none;}
	.helpboxleft .accordion.show-on-phone{display:block;}
	.box-show-btn{
		display: inline-block;
		border-left: 1px solid #CCC;
		padding-left: 10px;
		font-weight: 600;
		font-size: 14px;
		margin-left: 5px;
	}
	.helpboxright .tab-game-content .boxApp a{  width: auto;
												height: 24px;
												min-height: 24px;
												line-height: 24px;}
	.helpboxright .tab-game-content .boxApp a>i{font-size: 130%;}
	.helpboxright .title{margin-left:0}
	.helpboxright h3{font-size:18px;line-height:20px;padding-top: 15px;}
	.helpboxright .tab-game-content .box-head-content>span.pull-left{width: 35%;}
	.helpboxright .tab-game-content .box-head-content>span.pull-left>img{width:100%}
	.helpboxright .tab-game-content .btngame{display:none}
}
@media (min-width : 350px) and (max-width : 719px) {
	/*START : CONTENT*/
	.boxleftResponsive .itemGame ul > li {width:32.3%;}
	/*END : CONTENT*/
}
@media (max-width : 349px) {
	/*START : CONTENT*/
	.boxleftResponsive .itemGame ul > li {width:48%;}
	.list-album > li {width:47%;}
	#ads_bottom{display:none;}
	/*END : CONTENT*/
}
@media (max-width : 641px) {#ads_bottom, .btn-gift, .topupGoogle{display:none;}}
@media (max-width : 410px) {.helpboxright .tab-game-content .boxApp a{width:90%}}

/* ==== MODAL ==== */
#gift-form.fade.in {top:17%;}
.gift-form input[type="text"] {width:60%;}
.gift-form .media {margin:10px 0 0;}
.gift-form .note, .gift-form .content {margin-left:115px}
.gift-form .note span {color:#E01F15;font-size:12px;display:block;}
.gift-form .note b {font-size:12px;}
.gift-form .content span {display:block;line-height:22px;font-size:14px;}
#gift-form .modal-footer {background:#e18f00;color:#000;}
#gift-form .modal-footer {text-align:center;padding:12px 10px;border-radius:0;-moz-border-radius:0;-webkit-border-radius:0; font-size:13px; font-weight:bold; height:auto;}
.gift-form .alert {margin-bottom:10px;}
.gift-form .alert span, .red {color:#F00;}
.gift-form h4 {font-size:19px;color:#f00;}
.gift-tks {overflow:hidden;}
.gift-tks .modal-header {background:#F0F0F0 !important;}
.gift-tks h3 {font-size:19px !important;color:#f00;}
.gift-tks .modal-header .close {color:#999 !important;}
.gift-form form  .btn-danger {margin-top:10px}
/* ==== END : MODAL ==== */
/* ==== START : GIFT ==== */
.btn-gift, .btn-xoso, .btn-bangvang, .btn-minigame, .btn-lucky {position:fixed; z-index:9999; right:0;top:20%;width:62px;height:107px;-webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;-ms-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;transition: all 0.2s ease-out;opacity:0.9;}
.btn-vuaco, .btn-chanvui{position:fixed; z-index:9999; right:5px;top:20%;width:140px;height:245px;-webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;-ms-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;transition: all 0.2s ease-out;opacity:0.9;}
.btn-xoso {right: 22px; top: 150px;}
.btn-bangvang {right: 23px; top: 150px;}
.btn-vuaco a {width: 140px;height:245px;display:block;background:url('../images/vuaco.png') no-repeat;background-size: 100%;}
.btn-gift a {height:107px;display:block;background:url('../images/btn-gift.png') no-repeat;}
.btn-minigame a {height:107px;display:block;background:url('../images/btn-tcdd10.png') no-repeat;}
.btn-chanvui a {width: 140px;height:245px;display:block;background:url('../images/vuaphom.png') no-repeat;background-size: 100%;}
.btn-xoso a {height:107px;display:block;background:url('../images/btn-xoso.gif') no-repeat;background-size: 100%; width: 77px;}
.btn-bangvang a {height:107px;display:block;background:url('../images/bang_vang_3.png') no-repeat;background-size: 100%; width: 77px;}
.btn-lucky a {height:107px;display:block;background:url('../images/btn-lucky.png') no-repeat;}
.btn-gift:hover,.btn-vuaco, .btn-chanvui, .btn-xoso, .btn-bangvang:hover {opacity:1;}
.btn-help {margin-top:110px;}
.btn-help a {background:url('../images/btn-help.png') no-repeat;}
/* ==== END : GIFT ==== */
/*update fix resize comment plg fb & video embed from youtube*/
.fb-comments, .fb-comments iframe[style] {width: 100% !important;}
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/*update fix like box fb - sync 3/11*/
.news-other .fb-like{float:left; padding:10px;}
.news-other .fb-like span span{word-wrap: break-word;}
/*.news-other .fb-comments{display:none !important;}*/
@media screen and (max-width: 500px) and (min-width: 120px){
	.news-other .fb-like{ padding:10px 0;}
}
/*Update font icon to spirit image*/
.itemGame .btn-downapp > i {
	margin-right: 5px;
	margin-top: 2px;
	float: left;
	display: block;
	width:32px;
	height:32px;
	display: inline-block;
	background-image: url("../images/icons.png");
	background-repeat: no-repeat;
}
.itemGame .btn-downapp > i.icon-screen {background-position:-160px -220px;}
.itemGame .btn-downapp > i.icon-mobile {background-position:-96px -220px;}
.itemGame .btn-downapp > i.icon-tablet {background-position:-64px -220px;}
.itemGame .btn-downapp > i.icon-apple {background-position:0 -220px;}
.itemGame .btn-downapp > i.icon-android {background-position:-32px -220px;}
.itemGame .btn-downapp > i.icon-windows8 {background-position:-128px -220px;}
@media (max-width: 719px){
	.itemGame .btn-downapp > i{width:24px; height:24px;}
	.itemGame .btn-downapp > i.icon-screen {background-position:-120px -252px;}
	.itemGame .btn-downapp > i.icon-mobile {background-position:-72px -252px;}
	.itemGame .btn-downapp > i.icon-tablet {background-position:-48px -252px;}
	.itemGame .btn-downapp > i.icon-apple {background-position:0 -252px;}
	.itemGame .btn-downapp > i.icon-android {background-position:-24px -252px;}
	.itemGame .btn-downapp > i.icon-windows8 {background-position:-96px -252px;}

	.userinfo .useraward .tropy > li.content {width:auto}
}
.topupGoogle {bottom: 0;left: -2px;position: absolute;z-index: 1000;background: #FFF;padding: 5px 5px 5px 10px;border-radius: 3px;border: 1px solid #666;}
.news-other .col-md-6 {
    width: 45%;
}
@media (max-width: 960px){
	.news-other .col-md-6 {
		width: 42%;
		float:left;
	}
}
@media (max-width: 719px){
	.news-other .col-md-6 {
		width: 100%;
	}
}