*{
   margin:0px; 
	padding: 0px;
  }
html {
  -webkit-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
}
body 
{
    color:#333; 
	font: normal 14px/1.5 'open sans',sans-serif;
	background-color:#4e0043; /* FF3.6+ */
 	
}


#wrapper{}
h1, h2, h3, h4, h5, h6 {font-weight: bold;}
.font11{font-size:11px;}
.font12{font-size:12px;}
.font13{font-size:13px;}
.font14{font-size:14px;}
.font16{font-size:16px;}
.font18{font-size:18px;}
.font20{font-size:20px;}
.font22{font-size:22px;}
.font24{font-size:24px;}
.font26{font-size:26px;}
.font28{font-size:28px;}
.font30{font-size:30px;}
.normal{font:normal 14px/1.5 "open sans",sans-serif;}
.bold{font-weight:700;}
.italic{font:italic 14px/1.5 "open sans",sans-serif;}
.lighter{font:lighter 14px/1.5 "open sans",sans-serif;}
.uppercase{text-transform:uppercase;}
.hide{display:none !important;}
b, strong{font-weight: bold;}
.block{display:block;}
.width-100{width:100%;}
a {color:#333;outline:none; display:inline-block; text-decoration:none;}
a.pic img, .pic img{max-width:100%; max-height:100%;}
a.pic-block img{width:100%; height:100%;}
a:hover{
	outline: 0;
	text-decoration:underline;
	/* transition: 0.3s linear 0s; */
	/* -webkit-transition: 0.3s linear 0s; */
	/* -o-transition: 0.3s linear 0s; */
	/* -ms-transition: 0.3s linear 0s; */
}
img{border:none; display:inline-block;}
.fl {float:left;}
.fr {float:right;}
.tj{text-align:justify;}
.tr{text-align:right;}
.tc{text-align:center;}
.tl{text-align:left;}
.underline{text-decoration:underline;}
.no-underline{text-decoration:none !important;}
.line-through{text-decoration:line-through;}
.cursor{cursor:pointer;}
.position{position:relative;}
.reset{margin:0px !important; padding:0px !important;}
.lh16{line-height:1.6;}
.h53{height:55px;}
.h185{height:185px;}
.h250{height:250px;}
.height-name{height:38px; overflow:hidden;}
.mg10{margin:10px;}
.mg20{margin:20px;}
.mt5{margin-top:5px;}
.ml5{margin-left:5px;}
.mr5{margin-right:5px;}
.mb5{margin-bottom:5px;}
.mr10{margin-right:10px;}
.mt10{margin-top:10px;}
.ml10{margin-left:10px;}
.mb10{margin-bottom:10px;}
.mr10{margin-right:10px;}
.mr20{margin-right:20px;}
.mt20{margin-top:20px;}
.ml20{margin-left:20px;}
.mb20{margin-bottom:20px;}
.mr20{margin-right:20px;}
.pd30{padding:30px;}
.pd20{padding:20px;}
.pd10{padding:10px;}
.pd5{padding:5px;}
.pl5{padding-left:5px;}
.pr5{padding-right:5px;}
.pt5{padding-top:5px;}
.pb5{padding-bottom:5px;}
.pl10{padding-left:10px;}
.pr10{padding-right:10px;}
.pt10{padding-top:10px;}
.pb10{padding-bottom:10px;}
.pl20{padding-left:20px;}
.pr20{padding-right:20px;}
.pt20{padding-top:20px;}
.pb20{padding-bottom:20px;}
.pl30{padding-left:30px;}
.pr30{padding-right:30px;}
.pt30{padding-top:30px;}
.pb30{padding-bottom:30px;}
.pl80{padding-left:80px;}
.mb40{margin-bottom:40px;}
.red {color:#fe1a19;}
.red-bold{color:#E80052;}
.violet{color:#91017c;}
.green {color:#2ead0c;}
.blue{color:#19789d;}
.gray {color:gray;}
.white{color:white;}
.black{color:black;}
.orange{color:#ffd800;}
.bg_rednor{background:#FDECFB;}
.bg_red{background:#E80052;}
.bg_violet{background:#91017C;}
.bg_grayslim{background:#FBFBFB;}
.bg_graynor{ background:#F6F6F6 !important;}
.bg_graybold{ background:#E9E9E9;}
.bg_grayshadow{background:#BEBEBE;}
.border-normal{border:1px solid #F3F3F3;}
.border{border:1px solid #ddd;}
.border-bot{border-bottom:1px solid #ddd;}
.border-bot-red{border-bottom:1px solid #E80052;}
.border-top{border-top:1px solid #ddd;}
.border-left{border-left:1px solid #ddd;}
.border-right{border-right:1px solid #ddd;}
.border-w{border:1px solid #fff;}
.border-bot-w{border-bottom:1px solid #fff;}
.border-top-w{border-top:1px solid #fff;}
.border-left-w{border-left:1px solid #fff;}
.border-right-w{border-right:1px solid #fff;}
.nobor{border:none !important;}
.nobor-r{border-right:none !important;}
.nobor-t{border-top:none !important;}
.last, .first{margin:0px !important; border:none !important; background:none !important;}
.bg_none{background:none !important;}
.radius{
	border-radius:3px;
	-webkit-border-radius:3px;
	-o-border-radius:3px;
	-ms-border-radius:3px;
}
.transition{
	transition: 0.3s linear 0s;
	-webkit-transition: 0.3s linear 0s; 
	-o-transition: 0.3s linear 0s;
	-ms-transition: 0.3s linear 0s;
}
.opacity{opacity:0; filter:  alpha(opacity=0); zoom: 1;}
ul li, li ol{list-style-type: none;}
table{border-collapse:separate; border-spacing:0; vertical-align:middle; margin-bottom:10px;}
td, th{vertical-align:middle;text-align:center;padding:5px;}
label{display:block;}
.inline{display: inline-block;}
hr{background:#ddd; color:#ccc; clear:both; float:none; width:100%; height:1px; border:none; }
.gradient{
	box-shadow: 0 0 0 1px #338DBC inset;
	border-color:#FEEFC7;
	border-radius:4px;
	background: #fffcf5; /* Old browsers */
  	background: -moz-linear-gradient(top, #197AB2 0%, #1C5F86 100%); /* FF3.6+ */
 	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fffcf5), color-stop(100%,#fef6e1)); /* Chrome,Safari4+ */
 	background: -webkit-linear-gradient(top, #fffcf5 0%,#fef6e1 100%); /* Chrome10+,Safari5.1+ */
 	background: -o-linear-gradient(top, #fffcf5 0%,#fef6e1 100%); /* Opera 11.10+ */
  	background: -ms-linear-gradient(top, #fffcf5 0%,#fef6e1 100%); /* IE10+ */
 	background: linear-gradient(top, #fffcf5 0%,#fef6e1 100%); /* W3C */
  	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffcf5', endColorstr='#fef6e1',GradientType=0 ); /* IE6-9 */
}
.transform{
	transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
input[type=submit], input[type=button]{ 
    border: medium none;
    cursor: pointer;
    padding: 0;
    white-space: nowrap;
}
input[type=file]{box-shadow:none !important;}
input[type=text], input[type=password], select, textarea, input[type=file]{
	background-color:#fff;
	border: 1px solid #BDBDBD;
	color:#999;
	height:30px;
}
textarea{height:110px;}
select{padding:0.2em;}
*html input, *html textarea {border:1px solid #dedede;}
input[type=text]:focus, input[type=password]:focus, textarea:focus, select:focus, input[type=file]:focus{
  	outline:0;
}
input[type=checkbox], input[type=radio], input.checkbox, input.radio {top:0.25em;}
/*  begin-CSS:absolute --------------------------------------------------------------------------*/

/*  begin-CSS:clear --------------------------------------------------------------------------*/
.clearfix:after{
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
.clear{clear:both;}
* html .clearfix {zoom: 1;} /* IE6 */
*:first-child+html .clearfix {zoom: 1;} /* IE7 */
/*  end-CSS:clear --------------------------------------------------------------------------*/

/*  begin-CSS:paging --------------------------------------------------------------------------*/
.page{}
.page ul.paging {}
ul.paging li{float:left; margin-right:5px; font-size: 13px;}
ul.paging li a{ 
	background: none repeat scroll 0 0 #f2f2f2;
    border: 1px solid #ddd;
    padding: 2px 8px;
	text-decoration:none;
}
ul.paging li a:hover, .ul.paging li a.active{ background:#91017C; border:1px solid #91017C; color:#fff;}
.row-page{position:absolute; right:0; top:5px;}
/*  end-CSS:paging --------------------------------------------------------------------------*/

/*  begin-CSS:popup --------------------------------------------------------------------------*/
.popup{
	background: none repeat scroll 0 0 #FFFFFF;
    border-radius:4px;
	border:1px solid #dedede;
    box-shadow: 0 0 8px 3px rgba(15, 15, 15, 0.4);
    display:block;
    left: 50%;
    padding:0.5em;
    position: absolute;
    top: 50%;
    z-index: 9999;
}
/*  end-CSS:popup --------------------------------------------------------------------------*/


/*  begin-CSS:button --------------------------------------------------------------------------*/
s, .icon-regis-email, .btn-search, .icon-starw{
	background:url(images/btn.png) no-repeat;
	display: inline-block;
    position: relative;
}
.icon-creams{
	top:-5px;
    height:31px;
    width:31px;
    background:url(images/home.png) no-repeat; 
}
.icon-link-face{
	background-position: -59px -24px;
    height:23px;
    width:23px;
}
.icon-clink-tw{
	background-position: -59px -54px;
    height:23px;
    width:23px;
}
.icon-clink-g{
	background-position: -59px -87px;
    height:23px;
    width:23px;
}
.icon-clink-y{
	background-position: -59px -118px;
    height:23px;
    width:23px;
}
.icon-rate-online{
	background-position: 0px -134px;
    height:22px;
    width:20px;
}
.icon-regis-email{
	background-position: 0px -87px;
    height:30px;
    width:30px;
}
.icon-adress{
	background-position: -41px -52px;
    height:19px;
    width:12px;
}
.icon-phonect{
	background-position: -40px -75px;
    height: 16px;
    width: 17px;
}
.icon-emailct{
	background-position: -40px -98px;
    height: 13px;
    width: 15px;
}
.icon-webct{
	background-position: -38px -121px;
    height: 15px;
    width: 17px;
}
.btn-search{
	background-position: 0px -52px;
    height: 32px;
    width: 35px;
}
.icon-order{
	background-position: -36px 0px;
    height: 19px;
    width: 23px;
}
.icon-starw{
	background-position: 0 -26px;
    height:17px;
    width:17px;
}
.icon-yahoo-on{
	background-position: -216px 0px;
    height:16px;
    width:64px;
}
.icon-sky-on{
	background-position: -290px 0px;
    height:16px;
    width:64px;
}
.icon-yahoo-off{
	background-position: -216px -53px;
    height:16px;
    width:64px;
}
.icon-sky-off{
	background-position: -290px -53px;
    height:16px;
    width:64px;
}
.ic-phone-support{
	background-position: -185px -80px;
    height:30px;
    width:30px;
}
.ic-phone-arrow{
	background-position: -7px -121px;
    height:7px;
    width:4px;
}
.ic-buyed{
	background-position: -20px -26px;
    height:19px;
    width:23px;
}
.ic-pimchat{
	background-position: -160px -52px;
    height:21px;
    width:24px;
}
.ic-button-buy{
	background-position: -324px -125px;
    height:30px;
    width:30px;
}
.ic-add-sp{
	background-position: -189px 0px;
    height:25px;
    width:25px;
}
.ic-add-sp:hover{background-position: -293px -128px;}
.ic-desize-sp{
	background-position: -165px 0px;
    height:25px;
    width:24px;
}
.ic-desize-sp:hover{background-position: -269px -128px;}
.ic-tags{
	background-position: -133px 0px;
    height:21px;
    width:27px;
}
.ic-arr-left{
	background-position: -85px 0px;
    height:7px;
    width:10px;
}
.ic-arr-top{
	background-position: -76px 0px;
    height:10px;
    width:7px;
}
.ic-timedate{
	background-position: -188px -52px;
    height:8px;
    width:10px;
}
.ic-rowview{
	background-position: -202px -52px;
    height:8px;
    width:10px;
}
.ic-size-text-big{
	background-position: -186px -64px;
    height:11px;
    width:11px;
}
.ic-size-text-small{
	background-position: -201px -64px;
    height:11px;
    width:11px;
}
.ic-whybuy-01{
	background-position: -86px -14px;
    height:45px;
    width:30px;
}
.ic-whybuy-02{
	background-position: -86px -66px;
    height:39px;
    width:42px;
}
.ic-whybuy-03{
	background-position: -86px -109px;
    height:39px;
    width:40px;
}
.ic-step{
	background-position: -262px -72px;
    height:37px;
    width:37px;
}
.ic-arrow-step{
	background-position: -230px -120px;
    height:47px;
    width:16px;
}
/*  end-CSS:button --------------------------------------------------------------------------*/



/*  begin-CSS:header --------------------------------------------------------------------------*/
#header{background:url(images/bg_header.png) no-repeat bottom center;}
#header .main{}
.search-navibar{position:absolute; top:20px; right:0px;}
.navibar li{float:right; margin-left:15px; padding-left:15px; font-size:13px; border-left:1px solid #B1A5AF; line-height:0.6;}
.navibar li a{color:#A60C90;}
.search{ position:absolute; right:0; top:5px;}
.search input[type=text]{width:200px;}
/*  end-CSS:header --------------------------------------------------------------------------*/


#contentPanel{}
.main
{
    margin:0 auto; width:1000px; 
    position:relative ; z-index:5;
      }
 
/*  begin-CSS:menu --------------------------------------------------------------------------*/
#menu{background:#91017C;}
#menu .main{z-index:6;}
.menu_level li{float:left; position:relative; background:url(images/btn.png) no-repeat left -165px;}
.menu_level li.relation a{color:#FFD800; text-transform:uppercase; font-weight:bold; display: block;}
.menu_level li a{color:#fff; padding:10px 20px; text-decoration:none;}
.menu_level li a.item-link:hover, .menu_level li:hover a.item-link, .menu_level li a.item-link.active{background:#A60C90;}
.order{position:absolute; right:0; top:5px; background:#FFC500; border-radius:3px; padding:5px 10px;}
.menu_level li .sub{
	background: none repeat scroll 0 0 #ea115e;
    box-shadow: 2px 2px 4px #333;
    left: 0;
	display:none;
    min-width: 100%;
    position: absolute;
    top: 41px;
    white-space: nowrap;
}
.menu_level li:hover .sub{display:block;}
.menu_level li .sub li{float:none; font-size:13px; background: url(images/bg_submenu_li.png) repeat-x bottom left; padding:10px;}
.menu_level li .sub li:hover{background:#F91C6B url(images/bg_submenu_li.png) repeat-x bottom left;}
.menu_level li .sub li a{text-transform:inherit; color:#fff; padding:0; font-weight:normal;}
.menu_level li .sub li a:hover{background:none;}
/*  end-CSS:menu --------------------------------------------------------------------------*/

#container
{
    margin: 0 auto;
    padding:0 auto;
    }
#container .content
{
    width:1000px;
    margin: 0 auto;
    padding:0 auto;
    }
#container .main
{
    border-radius: 5px;
    margin: 0 auto;
    width:1000px;
    background-color:#420038;
    /*box-shadow: 0 0 8px #d30063; */
    box-shadow: 0 0 8px #620054;
    padding: 0;
    margin-top:10px;
    float:left;
    
    }
.ads_box_top {
    background-color: #2a0024;
    border-radius: 7px;
    float: left;
    margin: 10px 10px 0;
    padding: 10px;
    text-align: center;
    width: 960px;
    padding: 10px;
    
}
.ads_box_bottom {
    background-color: #2a0024;
    border-radius: 7px;
    float: left;
    margin: 10px;
    padding: 10px;
    text-align: center;
    width: 960px;
}

#content_games ul {
    float: left;
    list-style: none outside none;
    margin: 7px 0 0 9px;
    padding: 5px 0;
    width: 994px;
    
}
#.content_games ul li {
    float: left;
    height: 110px;
    margin: 0;
    padding: 0 3px;
    width: 103px;
    display: list-item;
}
#content_games ul li a {
    float: left;
    height: 110px;
    text-decoration: none;
    width: 109px;
}
#content_games ul li .framespan {
    background: url("images/frame.png") no-repeat scroll left bottom rgba(0, 0, 0, 0);
    cursor: pointer;
    float: left;
    height: 110px;
    margin: -5px 0 0 -5px;
    position: absolute;
    width: 110px;
}
#content_games ul li:hover .framespan 
{ float:left; width: 110px; height: 110px; background: url("images/frame.png") top left no-repeat;
}
.gameimg {
    border: 0 none;
    height: 100px;
    width: 100px;
}
.ads_right {
    background: url("images/300bg.png") no-repeat scroll center top rgba(0, 0, 0, 0);
    float: right;
    height: 317px;
    margin: 0 11px 0 0;
    padding: 13px 0 0;
    width: 327px;
}
.adblock {
    background-color: #39184f;
    height: 250px;
    margin: 0 auto;
    width: 300px;
}

/* Detail */
#container_detail{
    border-radius: 5px;
    margin: 10px auto 0;
    width:100%;
    background-color:#420038;
    /*box-shadow: 0 0 8px #d30063; */
    box-shadow: 0 0 8px #620054;
    padding: 0;    float:left;	position:relative;	overflow:hidden;
    }
#container_detail .box {
    color: #fff;
    position: absolute;
}
 #container_detail .colsSWF {
    background-color: #2a0024;
    border: 1px solid #c800ab;	color: #fff;
    border-radius: 10px 10px 5px 5px;
    box-shadow: 0 0 4px #c800ab;
    margin-left: 320px;	width:800px;	float:left;
    z-index: 1;
}#container_detail .colsSWF .swf{width:796px;height:600px;padding: 0px 2px;}#container_detail .cols300{top:0;left:0;}#container_detail .cols160{top:0;left:1140px;}
.SWF-header {
    position: relative;
}
.SWF-header a {
    margin: 8px 0 1px 5px;
    padding-left: 5px;
}
.SWF-header h1 {
    color: Red;
    font-size: 22px;
    height: 50px;
    left: 80px;
    line-height: 50px;
    overflow: hidden;
    position: absolute;
    right: 5px;
    text-shadow: 1px 1px #000;
    top: 4px;
}
.SWFbottom {
    margin: 5px auto;
    margin-left:5px;
}
#container_detail .box300x250 {
    height: 290px;
    margin: 0 5px;
    width: 310px;
}
#container_detail .box300x340 {
    margin: 0 5px;
    width: 310px;
}
.data-title {
   
    color: #c9009b;
    font-size: 14px;
    
    line-height: 20px;
    padding-left: 5px;
   
}

#content_box ul {
    float: left;
    list-style: none outside none;
    padding: 5px 0;
    width: 330px;
    
}
#.content_box ul li {
    float: left;
    height: 100px;
    margin: 0;
    padding: 0 3px;
    width: 100px;
    display: list-item;
}
#content_box ul li a {
    float: left;
    height: 100px;
    text-decoration: none;
    width: 103px;
}
#content_box ul li .framespan {
    background: url("images/frame-top.png") no-repeat scroll left bottom rgba(0, 0, 0, 0);
    cursor: pointer;
    float: left;
    height: 100px;
    
    position: absolute;
    width: 110px;
}
#content_box ul li:hover .framespan 
{ float:left; width: 100px; height: 100px; background: url("images/frame-top.png") top left no-repeat;
}
.gameimg_top {
    border: 0 none;
    height: 90px;
    width: 90px;
}
/*Ads Bottom*/
#container_bottom
{
    border-radius: 5px;
    margin: 0 auto;
    width:100%;
    background-color:#420038;
    /*box-shadow: 0 0 8px #d30063; */
    box-shadow: 0 0 8px #620054;
    padding: 0;
    margin-top:10px;
    float:left;
    clear:both;
    
    }  
.ads_box_bottom_detail {
  
    border-radius: 7px;
    margin: 0 auto;
    padding: 10px;
    text-align: center;
    width: 90%;
}  

#footer {
    float: left;
    width: 100%;
}
.footer_wrapper {
    margin: 0 auto;
    width: 1000px;
}
.footer_link {
    color: #ffd900;
    float: left;
    font: 12px/20px arial;
    margin: 20px 0;
    padding: 0;
    text-align: center;
    width: 1000px;
}
.footer_link a {
    color: #ffd900;
    font-weight: bold;
    text-decoration: underline;
}
.item-link  h1
{   font-size:14px; display:inline;
    color:Red;
    } 
.item-link  h2
{   font-size:14px; display:inline;
    color:Red;
    }
.category_title {
    background-color: #2a0024;
    border-radius: 7px;
    float: left;
    margin: 10px 10px 0;
    padding: 10px;
    text-align: center;
    width: 960px;
}
.category_title h1
{
	font-size:14px;
}
.game_page
{
color:yellow;
margin: 10px;
}
.game_page a
{
	color:blue;
}






div#preload-ads {
    background: none repeat scroll 0 0 #000;
    bottom: 0;
    height: 600px;
    margin-top: 66px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 798px;
    z-index: 1000;
}
div#preload-ads div#pre-loading {
    background: none repeat scroll 0 0 #ffffff;
    box-shadow: 0 0 14px 4px #ffffff;
    color: #fff;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 11px;
    height: 1px;
    margin: 15px auto;
    width: 0;
}
div#preload-ads-content {
    background: none repeat scroll 0 0 #161616;
    border: 1px solid #121212;
    height: 250px;
    margin: 80px auto 25px;
    position: relative;
    width: 300px;
}
div#preload-ads-content div.title {
    background: none repeat scroll 0 0 #099;
    border-radius: 25px 0 0;
    color: #fff;
    cursor: pointer;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    font-weight: bolder;
    height: 20px;
    line-height: 20px;
    padding-left: 13px;
    padding-right: 5px;
    position: absolute;
    right: 0;
    top: -20px;
    width: auto;
    z-index: 500;
}
div#preload-status {
    color: #fff;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    height: 10px;
    margin: 0 auto;
    width: 100px;
}