#hd .wp, #wp{width: 980px !important; min-width: 980px !important;}
.content{ width:980px; margin:0 auto;}
.ec-wrap{ width:1040px; margin:0 auto; padding:10px;}
.ec-nv-bar{ width:980px; height:35px; margin:0 auto; background:url(img/ec-nv-bar.jpg) repeat-x; border-bottom:2px solid #bebebe;
			-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.ec-nv-bar-icon{ width:92px; height:28px; background:url(img/ec-nv-bt.png) no-repeat; padding:7px 0px 5px 20px; float:left;
				 margin:5px 0 0 15px; color:#999;	}
.ec-nv-bar-icon a{ text-decoration:none; color:#999;}				 
#ec-nv-right-icon{ float:right; width:205px;}
#ec-nv-right-icon ul{ list-style:none;}
#ec-nv-right-icon ul li{ margin:6px 0 0 0; float:left; }
#ec-nv-right-icon ul li a{ padding:5px 23px 0 23px; float:left; text-decoration:none; color:#999; }
#ec-nv-right-icon ul li .guide{ background:url(img/icon.png) no-repeat 0 0;}
#ec-nv-right-icon ul li .changJianWenti{ background:url(img/icon.png) no-repeat 0 -20px;}
#main-container{ width:980px;}
/*ecommerce */
#wrapper {
	/* width: 90%; 
	max-width: 1100px;
	min-width: 800px;
	width:980px;
	*/
	margin: 18px auto;
	width:980px;
}
#ecplace-wrapper {
	/* width: 90%; 
	max-width: 1100px;
	min-width: 800px;*/
	margin: 18px auto;
}

#eccolumns {
	-webkit-column-count: 4;
	-webkit-column-gap: 10px;
	-webkit-column-fill: auto;
	/* -moz-column-count: 4; */
	-moz-column-gap: 10px;
	-moz-column-fill: auto;
	column-count: 4;
	column-gap: 15px;
	column-fill: auto;
}

.pin {
	display: inline-block;
	background: #FEFEFE;
	box-shadow: 0 1px 2px rgba(34, 25, 25, 0.4);
	margin: 0 2px 15px;
	-webkit-column-break-inside: avoid;
	-moz-column-break-inside: avoid;
	column-break-inside: avoid;
	/*
	padding: 15px;
	border: 2px solid #FAFAFA;
	*/
	padding-bottom: 5px;
	background: -webkit-linear-gradient(45deg, #FFF, #F9F9F9);
	opacity: 1;
	
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	width:248px;
}

.pin img {
	border-bottom: 1px solid #ccc;
	/* padding-bottom: 15px;
	width: 100%;
	 */
	height: 221px;
    width: 248px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
.pin .ectitle{ background:#444343; border-top:#313030 solid thin; border-bottom:thin solid #313030; }
.pin .ectitle p{ font-size:1.2em; line-height: 23px; color:#fee7c5; }
.pin .ectitle p :hover{ text-decoration:underline;}
.pin .ectitle p a{ text-decoration:none; color:#fee7c5;}
.pin .nav{ height:50px; width:100%; background:url(img/pin-nv-bg.jpg) repeat-x;}
.pin .nav .amount{ color:#FFF; font-size:2.28em; padding: 8px 0 0 8px; width: 116px; float:left;}
.pin .nav .amount span{ font-size:18px;}
.pin .nav .btn-open{ background:url(img/pin-btn-bg.jpg) repeat-x; width:100px; height:36px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin: 6px 12px 0 0; float:right; border:thin solid #042235;}
.pin .nav .btn-open :hover { background:#062c46; color:#fff;}
.pin .nav .btn-open p a{ text-decoration:none; color:#999;}
.pin .nav .btn-open p{ color:#999; font-size:1.7em; padding: 9px 0 10px 24px;}
.pin p {
	font: 12px/18px Arial, sans-serif;
	color: #333;
	margin: 0;
	padding:6px;
}
.pin .shawdow{ width:250px; height:11px; clear:both; background:url(img/shawdo.png) no-repeat;}
.ec-detail{ width:126px; float:left;}
.ec-detail ul{ list-style:none; padding: 0 0 5px 5px; line-height: 22px;}
.ec-detail ul li{ list-style:none; float: left; padding:0 2px 5px 2px; font-size:14px; color:#999}
.ec-detail ul li span{ background-color:#dcdcdc; padding:5px; }
.ec-detaiberl-num{ width:120px; float:right;}
.ec-detaiberl-num .leftNumber{ width:56px; height:30px; font-size:34px; color:#05690f; float:left;}
.ec-detaiberl-num .nblabel{ color:#999; font-size:12px; float:left; padding:0 5px 5px 5px;}
.ec-detaiberl-num .totalNumber{ color:#999; font-size:14px; float:left; padding:0 5px 5px 5px; }
#progressbar {
	background:url(img/percetage-bg.jpg) repeat-x;
	height:6px;
	width: 108px;
	border:#b8b8b8 1px solid;
	border-radius: 5px; /* (height of inner div) / 2 + padding */
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

#progressbar > div {
   background-color:#0d6a11;
   width: 40%; /* Adjust with JavaScript */
   height: 7px;
   border-radius: 5px;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
}
.progressbar-status{ clear:both; color:#0d6a11; font-size:12px; text-align:right; padding:8px 8px 0 0;}

#eccolumns :hover .pin:not(:hover) {opacity: 0.4; }

/* Clearing floats */
.clear:after,
.wrapper:after,
.format-status .entry-header:after {
	clear: both;
}
.clear:before,
.clear:after,
.wrapper:before,
.wrapper:after,
.format-status .entry-header:before,
.format-status .entry-header:after {
	display: table;
	content: "";
}

#bonus-page{ width: 70%; background:#FFF; border:#e2e2e2 thin solid; padding:10px; float:left; color:#797878;}
/* sorting */
#sorting {height: 50px;}
#sorting li { padding: 2px; cursor: pointer; margin-left: 5px; border: 1px solid #e1e1e1; display: inline-block; background: -webkit-linear-gradient(45deg, #FFF, #F9F9F9); background: #FAFAFA; box-shadow: 0 1px 2px rgba(34, 25, 25, 0.4); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;}
#sorting li.active {background: #FB9F00; color: #fff !important;}
#sorting li.active a {color: #fff;}
#sorting .all { padding: 0 6px;}
#sorting .new {background:url(img/gs-addtab.png) no-repeat 0 1px; width:30px; padding: 0 0 0 40px;}
#sorting .hot {background:url(img/gs-addtab.png) no-repeat -3px -28px; width:32px; padding: 0 0 0 34px;}
#sorting .progress {background:url(img/gs-addtab.png) no-repeat -8px -61px; width:44px; padding: 0 0 0 24px;}
#sorting .result {background:url(img/gs-addtab.png) no-repeat -7px -96px; width:30px; padding: 0 0 0 27px;}
#sorting .bet_d {background:url(img/gs-addtab.png) no-repeat -8px -142px; width:44px; padding: 0 0 0 27px;}
/* End Sorting */
/* andrew add in  css Tab */
.b-tab{ width:100%; height:27px; background:url(img/w-tab-rgihtwidget.png) repeat-x 0 0px ; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; border:#656766 thin solid;}
.b-tab ul{ float:left; list-style:none; }
.b-tab ul li{ float:left; padding: 7px; width: 66px; border-right:#9EA1AA thin solid; text-align:center; height: 14px; line-height: 14px; }
.b-tab ul li a{ text-decoration:none; color:#505155; }
.b-tab ul li:hover{ background:url(img/w-tab-rgihtwidget.png) 0px -28px; }
.b-tab ul li a:hover{color:#fff;}
.b-tab ul li.active{background:url(img/w-tab-rgihtwidget.png) 0px -28px; }
.b-tab ul li.active a{ color:#fff; }
/* End Tab */
/* Start dong tai */
#dtai-bonus{ width:100%;}
#dtai-bonus .dtailb{ width:100%; border:#CCC 1px solid;  margin: 5px 0 0; padding:2px 0 0 0;
/*css Gradient */
background: #f2f2f2; /* Old browsers */
background: -moz-linear-gradient(top,  #f2f2f2 50%, #e8e8e8 51%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#f2f2f2), color-stop(51%,#e8e8e8)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f2f2f2 50%,#e8e8e8 51%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f2f2f2 50%,#e8e8e8 51%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f2f2f2 50%,#e8e8e8 51%); /* IE10+ */
background: linear-gradient(to bottom,  #f2f2f2 50%,#e8e8e8 51%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#e8e8e8',GradientType=0 ); /* IE6-9 */

/*css corner */
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
#dtai-bonus .dtailb h3{ color:#4e7793; margin: 3px 0; padding:0 0 0 7px;}
#dtai-bonus .listdtai{width:100%; padding:5px 0 0 0;}
#dtai-bonus .listdtai ul{ margin:0px; padding:0px; list-style:none;}
#dtai-bonus .listdtai li{ /* padding: 8px 0; */ padding: 5px 0 2px 0; height: auto; border-bottom : 1px solid #ede2e1}
#dtai-bonus .listdtai li .floatleft { float:left; }
#dtai-bonus .listdtai li .buyhistorydesc {float:left; width:174px;}
#dtai-bonus .listdtai li img{ background-color:#FFF; border:1px solid #CCC; width:10%; padding:1px; float:left; margin: 0 8px 0 0; -webkit-border-radius: 100px 100px; border-radius: 100px 100px; }
#dtai-bonus .listdtai li .span-co{ color:#235577; font-weight:bold;}
#dtai-bonus .listdtai li .span-tt{ color:#5358C2;}
#dtai-bonus .listdtai li .span-hr{ color:#929292; font-size:12px}
/* end dong tai */

#bonus-rightwidget{ width: 25%; background:#FFF; border:#e2e2e2 thin solid; float:right; padding:10px; }
#bonus-rightwidget .bonus-history{}
#bonus-rightwidget .bonus-favourite{}
.bonus-topbar{ width:100%; height:24px; border-bottom:#e7e7e7 thin solid; padding:0 0 10px 0px; border-bottom:#e7e7e7 solid thin;}
.bonus-topbar .bsearch{
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border:#949494 thin solid;
	background:url(img/icon-home-zoom.png) #f8f8f8 0 -25px no-repeat;
	padding:0px 0 0px 30px;
	width:210px;
	float:left;
	height:26px;
}
.bonuse-dsply-num{width: 80px; float: right; font-size: 15px; padding-top: 8px;  }
.bonus-topbar .bsearch input{ background:#f8f8f8; border:none; width:200px; padding:2px 0 2px 0; /* for IE6 */ }
.bonus-item{
	display: inline-block;
	background: #FEFEFE;
	margin: 0 7px 15px;
	border:1px solid #cfcfcf;
	-webkit-column-break-inside: avoid;
	-moz-column-break-inside: avoid;
	column-break-inside: avoid;
	/*
	padding: 15px;
	border: 2px solid #FAFAFA;
	*/
	padding-bottom: 5px;
	background: -webkit-linear-gradient(45deg, #FFF, #F9F9F9);
	opacity: 1;
	
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	width:210px;
	vertical-align: top;
	text-align: center;
}
.bonus-item .point-n-btn-bar{ background:url(img/bonus-point-bg.jpg) repeat-x; width:100%; height:36px; border-bottom:#e0dedf thin solid; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px;}
.bonus-item span{ font-size:12px;}
.bonus-item .bdisply-co{float:left; color:#274357; font-size: 12px; padding: 8px 7px 0; text-align: left; width: 168px;}
.bonus-item .bdisply-point{ color:#ec610d; font-size: 14px; padding: 2px 7px 0; text-align: left; float:left; width: 130px;}
.bonus-item .bdisply-pnt-btn a { /* background:url(img/buy-bg.jpg)*/ background: #1384a5; repeat-x; text-decoration:none; width: 50px; font-size: 14px; text-align:center; color:#fff; float:left; padding: 0px 3px 2px 3px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin: 2px 0 0;}
.bonus-item .bdisply-pnt-btn :hover{background:#225B6C;}
.bonus-item img{ overflow: hidden;  width:100%; border-bottom: thin solid #E0E0E0; border-top:#FFF thin solid; clear:both;  background:#FFF;}
 /* ============== Add New 31-october 13 =================*/
.bonus-item img:hover {opacity:0.8; filter:alpha(opacity=40); /* For IE8 and earlier */}
.bonus-item h1{ font-size: 14px; padding: 8px 5px 3px 6px; color:#797878; line-height:20px;  text-align: left; font-weight: normal;}
.bonus-item .nwbookmark, .bonus-item .nwbookmark.bookmarked:hover {float: right; width: 19px; height: 19px; margin: 12px 6px 0 0; cursor: pointer;  background:url(img/new-co-ads.png) no-repeat;}  
.bonus-item .nwbookmark:hover, .bonus-item .nwbookmark.bookmarked{ background:url(img/new-co-ads.png) 0 -21px no-repeat;}
.bonus-item h1 a{ color:#000; text-decoration:none;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width: 194px; display: block;}
.bonus-item h1 a:hover{ color:#b2b2b2; text-decoration:none;}
.bonus-item .clearall{ clear:both;}
.bonus-item .xlbname{ color: #BABABA; float: right; margin: 0 12px 5px 0px; padding: 2px 0; font-size: 11px;}
 /* ============== End New 31-october 13  =================*/
#bonus-highlight{ width:710px; padding:15px 0 15px 0;}
#bonus-highlight h1{ font-size:18px; width:490px; float:left; padding: 7px 0 0;}
#bonus-highlight .b-holder{ float:right; width:200px; padding:0 0 5px 0;}
#bonus-highlight .b-holder .numberpoint{ margin:15px 0 0 0; color:#ee6b0a; font-size:14px; padding:0 10px 0 0px; float:left}
#bonus-highlight .b-holder .btn-point a{ background:#2275a5; text-decoration:none; width:70px; font-size: 14px; text-align:center; color:#FFF; float:left; padding: 10px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;}
#bonus-highlight .b-holder .btn-point :hover{ background:#185d84; width:70px; font-size: 14px; text-align:center; color:#FFF; float:left; padding: 10px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;}


#bonus-highlight img{ border:#c9c9c9 solid thin; width:690px; height:232px; clear:both;  -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
#bonus-ccolumns {
	-webkit-column-count: 0;
	-webkit-column-gap: 5px;
	-webkit-column-fill: auto;
	
	-moz-column-count:0; /* Firefox */
	-moz-column-gap:10px; /* Firefox */
	-moz-column-fill: auto;
	
	column-count: 0;
	column-gap: 5px;
	column-fill: auto;
}
.possition-pagination{ float:right;}
ul.bonus-pagination {
	list-style: none;
}

.bonus-pagination {
	display: block;
	overflow: hidden;
	padding: 0 5px 5px 0;
	margin: 0;
}

.bonus-pagination ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.bonus-pagination li  {
	list-style: none;
	margin: 0;
	float: left;
	width:31px;
	height:27px;
	border:#d2d0d1 solid thin;
	background-color:#eeeced;
	text-align:center;
	 margin: 0 0 0 4px;
}
.bonus-pagination li  a{
	text-decoration:none;
	color:#797878;
	line-height:24px;
	width:31px;
	height:27px;
	float: left;
	display:block;
}
/* =============== Add New 31-october 13 =============== */
.bactive{ 
	background:#FFF;	
	margin: 0;
	width:31px;
	height:27px;
}
/* =============== End New 31-october 13 =============== */
.bonus-pagination li :hover{
	background:#FFF;	
	margin: 0;
	width:31px;
	height:27px;
}
.bnext{
	width:75px !important;
	height:27px;
}
#xo{width:100%;}
#xo ul{ list-style:none;}
#xo ul li{ padding:5px 0 5px 0; width:100%; clear:both;}
#xo ul li a{ border-bottom:thin dotted #797878; text-decoration:none; width:100%;}
/*#xo ul li :hover{background:#f5f5f5;}*/
#xo ul li img{ width:15%;  float:left; border: 1px solid #DBDBDB; padding: 2px; }
#xo ul li .spanpoint{ color:#FF5200;}
#xo ul li .spanday{ color:#8E8E8F;}
#xo ul li .spantime{ color:#FF5200;}
#xo ul li .spanbprdouct{ color:#06F;}
#xo ul li .txtalign{ margin: 0 0 0 51px;}
#xo ul li.brline{ border-bottom: 1px dotted #e3e3e3; padding:7px 0 7px 0px;}
#xo .btnviewmore{
/* css Gradietn */
background: #f2f2f2; /* Old browsers */
background: -moz-linear-gradient(top,  #f2f2f2 50%, #e8e8e8 51%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#f2f2f2), color-stop(51%,#e8e8e8)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f2f2f2 50%,#e8e8e8 51%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f2f2f2 50%,#e8e8e8 51%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f2f2f2 50%,#e8e8e8 51%); /* IE10+ */
background: linear-gradient(to bottom,  #f2f2f2 50%,#e8e8e8 51%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#e8e8e8',GradientType=0 ); /* IE6-9 */

width:70px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border:1px solid #dbdbdb;
float:right;
margin-top: 5px;
cursor: pointer;
}

#xo .viewmorebonus { padding: 5px; text-align: center;}
.tpselling{ width:100%; border-bottom:#e7e7e7 thin solid;}
.tpselling h1{ font-size:16px; padding:4px 0;}
.tpholder{ width:100%; height: 55px; padding: 0px 0 0 0; border-bottom:thin dotted #797878;}
.tpholder :hover{background:#f5f5f5;}
.tpholder img{ float:left; border: 1px solid #DBDBDB;}
.tpholder .tplabel{float:right; width:194px;}
.tpholder .tplabel ul{list-style:none;}
.tpholder .tplabel ul li {line-height:16px; padding: 3px 0!important;}


#bns-right ul{ list-style:none;}
#bns-right li{ display:block; padding:10px 0 10px 0; clear:both; border-bottom:thin dotted #797878; line-height: 21px; }
#bns-right li a{ width:100%;  }
#bns-right li :hover{ background:#f5f5f5;}

.bns-right-panel{ width:100%; border-bottom:#e7e7e7 thin solid; color: #797878;}
.bns-right-panel h1{ font-size:16px; padding:8px 0;}
.bns-right-panel img{ height:65px; width:65px; float: left;}
.topselling{ padding:5px 0 0 0;}
ul.topselling{ float:right; padding:0 5px 0 0;}
.topselling.li{ list-style:none; border:none;}
topselling.li span{ color:#F30;}

.hotitems-pagination { float: right;margin: 10px 0; }
.hotitems-pagination > a, .hotitems-pagination > span { padding: 5px 7px; border: thin solid #d2d0d1;margin-right: 3px; float: left; }
.hotitems-pagination > span.pagination_current { background-color: orange; color: #fff; }
/*=============== Bonus Windows ==========================*/
.bonus-windows{ width:273px; padding:10px; background:#fff;}
.bonus-windows ul{ list-style:none;}
.bonus-windows ul li{ width:270px; padding:5px 0; border-top: thin dotted #eaeaea;}
.bonus-windows .bns-title{ font-size:14px; padding:5px 0 5px 0;}
.bonus-windows .bns-title span{ color:#e76200;}
.bonus-windows .bns-dtail{ font-size:12px; padding:5px 0 12px 0;}
.bonus-windows label{color:#676767;}
.bonus-windows input[type="text"] { width:154px;}
.bonus-windows .nlabel{ margin:0 57px 0 0;}
.bonus-windows .contactlabel{ margin:0 20px 0 0;}
.bonus-windows .addlabel{ margin:0 41px 0 0;}
.bonus-windows textarea{ width:250px; font-size:12px;}
.bonus-windows .buybtn{ clear:both; padding:10px 0 0 0;}
.bonus-windows .buybtn button{ width:50px; height:28px; color:#7a7a7a; text-align:center; background-color:#CCC; border:#CCC solid thin;
/* css Gradient color */
background-image: linear-gradient(bottom, rgb(222,222,222) 44%, rgb(247,252,250) 51%);
background-image: -o-linear-gradient(bottom, rgb(222,222,222) 44%, rgb(247,252,250) 51%);
background-image: -moz-linear-gradient(bottom, rgb(222,222,222) 44%, rgb(247,252,250) 51%);
background-image: -webkit-linear-gradient(bottom, rgb(222,222,222) 44%, rgb(247,252,250) 51%);
background-image: -ms-linear-gradient(bottom, rgb(222,222,222) 44%, rgb(247,252,250) 51%);

background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0.44, rgb(222,222,222)),
	color-stop(0.51, rgb(247,252,250))
);
/* css End Gradient color */
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
cursor:pointer;
}

.selected_month { padding: 5px 0 2px 0; }

.select_date li {
	font-size: 11px;
	text-align: center;
	width: 24px !important;
	padding: 2px;
	cursor: pointer;
	border: 1px solid #e1e1e1;
	display: inline-block;
	background: -webkit-linear-gradient(45deg, #FFF, #F9F9F9);
	background: #FAFAFA;
	box-shadow: 0 1px 2px rgba(34, 25, 25, 0.4);
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	margin: 4px 5px 0 0 !important;
	overflow: hidden;
	list-style: none;
}
.select_date li.active {
	background: #FB9F00;
	color: #fff;
}


.bonus-windows .buybtn button:hover{ background:#ecebeb;}
/*=============== End Bonus Windows ==========================*/
@media screen and (max-width: 1300px) {
	/* #bonus-page{ width:76% !important;} */
}
@media screen and (max-width: 980px) {
  .bonus-item{margin: 0 6px 16px !important;}
  #bonus-page{width: 663px;}
}

/*=============== Waterfall ====================*/
.bwaterfall { position: relative; }
.bwaterfall li { text-align: left; width:220px; float:left; overflow:hidden; }
.loader {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 32px;
	height: 32px;
	z-index: 9999;
	background: url(../img/page-loader.gif) 50% 50% no-repeat rgb(0,0,0);
	margin: 25% 47%;
	padding: 10px 25px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
	display: none;
}