html {margin:0px; padding:0px;}
 
body {background-color: #170018;
margin: 0px 0px 25px 0px; padding:0px;
color: #ffccff; /*font-family: Arial;*/
font-family: 'ZCOOL XiaoWei', serif;
/*background-image: url(../images/WelcomeGirl.png);
background-repeat: no-repeat;*/
}

#SPhone {background-image: url(../images/side_phone.png);
background-repeat: no-repeat;
height: 120px; width: 32px;
float: right; position: fixed;
right: 0px; top: 60px;}

a {color: #ffce00;}
a img {border-style: none}
img.center {display: block; margin-left: auto; margin-right: auto;}

.Logo {font: 14px/100% 'Lucida Sans Unicode', Verdana, sans-serif; text-align: center;}

.Phone {margin: 0px 0px 20px 0px; font: bold 18px/100% 'Lucida Sans Unicode', Verdana, sans-serif; text-align: center;}

#nav {background: #111111;
margin: 0px 0px 18px 0px;
padding: 6px 9px;
border-top: 1px solid purple;
border-bottom: 1px solid purple;}

.round {
cursor:pointer;
line-height:26px;
height:26px;
/*background:url(../images/navbtns.png) no-repeat right top;*/
padding-right:15px;
display:inline-block;
margin-right: 4px;
    background: linear-gradient(to right, #ff9800 0%, #ffeb3b 100%);
    border-radius: 4px;
    font-weight: 600;
    margin-bottom: 10px;
    font-size: 15px;

}

.round ins {
/*background:url(../images/navbtns.png) no-repeat left top;*/
height:26px;
line-height:26px;
display:inline-block;
padding-left:15px;
margin-left: -4px;/* Keep right side from showing thru left image where transparent */
text-decoration:none;
color: #111111;}

a.round {text-decoration:none;}
/*a.round:hover {background-position:right -26px;}
a.round:hover ins {background-position:left -26px;}*/

#container {min-height: 100%; padding: 0px;}

.Content{margin-left:220px;}
.Content p {line-height:1.4}
.Wrapper{float:right;width:100%;margin-left:-201px;}

#main_col {
margin-bottom: 18px; 
clear:left; 
/width:200px;
}

#partner_col {text-align: center; clear:left; width:200px;}

#specials {float: right; margin: -9px 0px -172px 0px; width: 300px; height: 172px;}

#Featured {
margin: 18px 18px 32px 220px;
font-size: 24px; font-weight: bold; color: #fc2c9e; text-align: center; float: left;}

#Featured_More {
/* Margin top should be 18 + the Featured Text Img Height */
margin: 84px 34px 32px 538px; /* Left margin (Feature Margin 220 + Pic Width + 18) */
}

#Featured_More h2 {margin-top: 0px; padding-bottom: 6px;}
#Featured_More p {text-align: justify;}

#monthly {

text-align: center;
}


.TextArea h1, h2, h3, h4 {color: #ffce00;}
.TextArea {margin: 18px; padding: 0px; /*font: 14px/100% "Lucida Sans Unicode", Verdana, sans-serif, cursive;*/ text-align: justify;}

.coupon {border: 4px dashed #800080; background: #111111; margin: 32px auto; padding: 4px 0px; width: 70%; text-align: center;}

.Spacer {margin: 32px 0px;}

.WrapIt {font: 14px/100% 'Lucida Sans Unicode', Verdana, sans-serif; margin: 32px 18px; padding: 0px;}
.WrapItSmall {font: 10px/100% 'Lucida Sans Unicode', Verdana, sans-serif; margin: 32px 18px; padding: 0px;}

.num_list li { list-style: decimal inside none;}

.MyList {margin: 0px 0px 15px 0px; padding: 0px 0px 0px 25px;}
.MyList li {list-style: url(../images/list_item.png); list-style-position: inside;}
.MyList li a { color: #ffce00;  font-weight: bold;}

#Who{margin: 10px 10px 25px 10px;}
#Who table {
padding: 0px !important;
background-color: #170018 !important;
color: #ffccff !important;
border: none !important;}

#Enter {color:#FFFFFF; text-align: center; margin-bottom: 32px;}
#Friends {margin-top: 32px; text-align: center;}

.cmbo {float: right; width: 50px; height: 50px; margin-left: -50px;}

.Count {width: inherit; clear:both; text-align: center;}

.FollowUs {margin: 0px 18px 18px 18px; padding: 0px; width: inherit; clear:both; text-align: right;}
.FollowUs img {margin-left: 8px;}

.Footer {
margin: 0px; padding: 0px;
font: 11px 'Lucida Sans Unicode', Verdana, sans-serif;
background: url(../images/footer.png) repeat-x;
text-align: center;
border-top: 1px solid purple;
position: fixed;
bottom: 0px;
width: 100%;
height: 15px;}

#ModelGallery{
	display: none;
}
@media only screen and (max-width: 767px){
.mob-dnone{
	display: none !important;
}
}
.h1, .h2, .h3, h1, h2, h3 {
    margin-top: 10px;
    margin-bottom: 10px;
}
h1{

}
h2{
	color: #6e006e;
}
h3{
	color:#bb7bb7
}
.header-main{
	/*display: flex;
	align-self: center;
	justify-content: center;
	width: 100%;*/
	/*background-image: url(../images/WelcomeGirl.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right;*/
}
.Logo a img{
	/*width: 500px;*/
	width: 100%;
}
.Phone img{
	width: 350px;
}
.header-banner{
	text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}
.header-banner img{
	width: 400px;
}
hr{
	border: none;
	box-shadow: 0px 0px 4px #ef2de9;
	height: 0.5px;
}
.text-center{
	text-align: center;
}
.main-content{
	background-image: url(../images/WelcomeGirl.png);
	background-repeat: no-repeat;
}
.margin-topbottom{
	margin-bottom: 30px;
	margin-top: 30px;
}
.sample-g h2{
	margin-bottom: 20px;
}
.sample-g img{
	box-shadow: 1px 0px 7px #ffffff;
    border: 3px solid #68006e;
    border-radius: 5px;
}
.enter-buttons img{
	margin-right: 25px;
    background: #ffce00;
    border-radius: 5px;
    padding: 0px 11px;
    box-shadow: 6px 6px 8px #521751;
}
.container-main{
	width: 100%;
	display: flex;
	justify-content: center;
    align-items: center;
}
.col-3{
	width: 33.33%;
}
.img-responsive{
	width: 100%;
}
.ddesktop-none{
	display: none;
}
.top-models{
	display: flex;
}
.topmodel-name a{
	color: #df2d8a;
}
hr {
    border: none;
    box-shadow: 0px 0px 4px #e13094;
    height: 0.5px !important;
}
/*responsive media*/
@media only screen and (max-width: 767px){
	.Logo a img {
	    width: 350px;
	}
	.Phone img {
    	width: 300px;
	}
	.main-content{
		background-image: none;
	}
	.sample-g img{
		width: 100%;
	}
	.main-content{
		margin-left: 25px;
    	margin-right: 25px;
	}
	.friends-banners img{
		width: 100%;
	}
	.phometext{
		text-align: justify;
	}
	.enter-buttons img{
		width: 130px;
	}
	.sidebar{
		display: none;
	}
	.dmobile-none{
		display: none;
	}
	.col-3{
		width: 100%;
	}
	.nav{
		top:54px !important;
	}
	.ddesktop-none {
    	display: block;
	}
	#Mail{
		width: 100% !important;
		margin: 0 !important;
		float: none !important;
	}
	#ReadBlog{
		width: 100% !important;
		margin: 0 !important;
		float: none !important;
	}
	body div.pchat-widget-block{
		margin-top: 75px;
		padding: 20px;
	}
}


/*animation slider*/
@keyframes slidy {
0% { left: 0%; }
20% { left: 0%; }
25% { left: -100%; }
45% { left: -100%; }
50% { left: -200%; }
70% { left: -200%; }
75% { left: -300%; }
95% { left: -300%; }
100% { left: -400%; }
}
div#slider { overflow: hidden; margin-top: 110px;}
div#slider figure img { width: 20%; float: left; }
div#slider figure { 
  position: relative;
  width: 500%;
  margin: 0;
  left: 0;
  text-align: left;
  font-size: 0;
  animation: 30s slidy infinite; 
}

.gallery li img{
	-webkit-animation: buttoncolor 1s infinite; /* Safari 4+ */
  	-moz-animation:    buttoncolor 1s infinite; /* Fx 5+ */
  	-o-animation:      buttoncolor 1s infinite; /* Opera 12+ */
  	animation:         buttoncolor 1s infinite; /* IE 10+, Fx 29+ */
    transition: all 0.15s linear 0s;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 35px;
    font-weight: 500;
    text-align: center;
}
/* key frame animation */
@-webkit-keyframes buttoncolor {

}
@-moz-keyframes buttoncolor {

}
@-o-keyframes buttoncolor {
  
}
@keyframes buttoncolor {
  0%   { 
  	transform: scale(1) rotate(0deg);
  }
  33% { 
  	transform: scale(1.02) rotate(3deg);
  }
  66% { 
  	transform: scale(1.02) rotate(-3deg);
  }
  100% { 
  	transform: scale(1) rotate(0deg);
  }
}