#body{margin-top: 0;}
#wapper{width: 100%; background-color: #fff6fc;}
#rightColum div.content{border-radius: 0; box-shadow: none; background-color: #fff6fc;}
h1.general{margin: 0;}
#policy{margin-top: 0px;}

#productSale{text-align: center;}
#productSale div.proItem{display: inline-block; width: 16%; padding: 2%; float: left; margin: 10px 0; position: relative; font-size: 11pt; border-radius: 5px; text-align: center;}
#productSale div.proItem:hover{box-shadow: 0px 0px 1px #f10167; background-color: #f5fbff;}
#productSale div.proItem:hover div.screenshot{opacity: 0.8;}
#productSale div.proItem div.screenshot{width: 100%; height: 300px; display: block; text-align: center; position: relative; border-radius: 5px; cursor: pointer; overflow: hidden;}
#productSale div.proItem div.screenshot img{height: 100%; width: auto; border-radius: 5px;}
#productSale div.proItem div.screenshot span.percent{display: block; width: 60px; height: 60px; line-height: 60px; border-radius: 50%; text-align: center; font-size: 15pt; color: #FFF; background: url(../images/event/discount-bg.png); position: absolute; right: 10px; bottom: -30px;}

#productSale div.proItem ul{font-weight: 300; margin-top: 15px;}
#productSale div.proItem ul li{display: block; font-size: 90%; color: #3d3d3d;}
#productSale div.proItem ul li:first-child{font-size: 110%; font-weight: 400; color: #166d05;}
#productSale div.proItem ul li.salePrice{color: #ff0000; font-weight: 500; font-size: 110%;}
#productSale div.proItem ul li span.giagoc{color: #3d3d3d;}
#productSale div.proItem ul li span.discount{text-decoration: line-through; color: #3d3d3d;}

#productSale div.proItem a.btn{display:inline-block; width: 80%; padding: 0 10%; height: 35px; line-height: 35px; border-radius: 5px; text-align: left; font-weight: 400; margin:10px 0 0 0; text-decoration: none; background-color: #117b03; position: relative; overflow: hidden;}
#productSale div.proItem a.btn span{display: block; position: absolute; right: 0; top: 0; background-color: #ff0000; color: #FFF; line-height: 35px; font-weight: 500; padding: 0 5px; font-size: 11pt; letter-spacing: 0.5px;}
#productSale div.proItem a.btn span:before{content: ''; width: 0; height: 0; border-top: 8px solid transparent;border-bottom: 8px solid transparent; border-right:8px solid #ff0000; position: absolute; top: 10px; left: -8px; }
#productSale div.proItem a.btn:hover{background-color: #cf006b;}

@-moz-keyframes spin {
    from { -moz-transform: rotate(0deg); }
    to { -moz-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
    from { -webkit-transform: rotate(0deg); }
    to { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
    from {transform:rotate(0deg);}
    to {transform:rotate(360deg);}
}

#saleTime{background: #FFF; color: #000; border-radius: 20px; overflow: hidden; margin: 0 auto; position: fixed; left: 0; right: 0; margin: auto; width: 310px;}

#saleTime li{line-height: 30px; padding: 0 10px; display: inline-block;}
#saleTime li:nth-child(1){background: url(../images/icons/clock-icon.png) left center no-repeat; padding-left: 25px;}
#saleTime li:nth-child(2){color: #ea0344;}

@media screen and (max-width : 1000px) {
	#productSale div.proItem{width: 21%;}
}

@media screen and (max-width : 894px) {
	#productSale{text-align: center;}
	#productSale div.proItem{width: 46%; text-align: center; margin: auto; padding: 30px 2%; border-bottom: dashed 1px #CCC; border-radius: 0;}
	#productSale div.proItem div.screenshot{height: 300px; overflow: hidden;}
	#productSale div.proItem div.screenshot img{width: auto; height: 100%;}
	#productSale div.proItem:hover{box-shadow: none; background: #ffffff;}
}