* { padding: 0; margin: 0; }
html, body { height: 100%; }
html, body { margin: 0; padding: 0;}
body { background-image: url(/resources/img/pornsitepost/pornsitepost_topbg.jpg);background-repeat: no-repeat; background-position: top center;background-color: #fa3f93;color: #000;}
a {text-decoration:none;}
img{max-width:100%;}
img{border:0;vertical-align:middle;}
*,:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
a{background:transparent;}
a:active,a:hover{outline:0;}
li {list-style: none;}
img{border:0;}
*,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
img{vertical-align:middle;}
.clearfix:before,.clearfix:after{display:table;content:" ";}
.clearfix:after{clear:both;}

.pspFull{margin: 0 auto;}
.pspFull ul li.item{float: left;width: 284px;margin: 0 6px 10px;position: relative;overflow: hidden;padding:0 5px 5px 5px;background-color: #8E3367;background-image: url(/resources/img/pornsitepost/pornsitepost_f.png);background-repeat: no-repeat; background-position: top left; border-radius:0 10px;}
.pspFull ul li.item h5 {padding: 0; margin: 0; text-align: center;}
.pspFull ul li.item h5 a {color: #FFF;font-weight: 100 !important; font-size: 16px;line-height: 40px; height: 40px;}
.pspFull ul li.item:hover { background-color: #7C2155;}
.pspFull ul li.item:hover h5 a {color: #f696c4;}

.pspContent {background-color: #FFF; border-radius: 3px;padding: 5px;line-height: 30px;}
.pspContent ol { counter-reset: li; margin: 0;padding: 0; max-height: 310px;overflow-y: auto;}
.pspContent ol::-webkit-scrollbar{width:6px;height:4px;background-color:#EDEDED;overflow-y:scroll;border-radius: 3px;}
.pspContent ol::-webkit-scrollbar-track{background-color:#EDEDED;border-radius: 3px;}
.pspContent ol::-webkit-scrollbar-thumb{background-color:#7C2155;border-radius: 3px;}

.pspContent ol > li {position: relative; list-style: none;padding-left: 35px;}
.pspContent ol > li:before { background: #8e3367; border-radius: 50%; color: white;  content: counter(li);counter-increment: li;font-size: 9pt; line-height:20px; padding:0; position: absolute; top: 0.4em; left:5px; text-align: center; width:20px; height: 20px;border-radius: 5px;}
.pspContent ol > li:hover { background-color: #F2AAD0;}
.pspContent ol > li:hover a, .pspContent ol > li:hover i { color: #8E3367;}
.pspContent ol > li i { position: absolute;right: 10px;top: 1px;color: #999;}
.pspContent ol > li a { color: #333; font-size: 12px;}

.pspCategory{position:relative;}
.pspLink{padding:0px;}
.pspCategory .pspCateDesc{position:absolute;right: 1%;background: #8E3367;width:48%; will-change: transform;border-radius: 5px;padding: 10px 10px 25px 10px;color:#000;font:400 14px/22px Arial, Helvetica, sans-serif;}
.pspCateDesc ul {overflow-y:auto;height: 385px;padding: 5px; background-color: #FFF; border-radius: 5px;}
.pspCateDesc ul::-webkit-scrollbar{width:6px;height:4px;background-color:#EDEDED;overflow-y:scroll;border-radius: 3px;}
.pspCateDesc ul::-webkit-scrollbar-track{background-color:#EDEDED;border-radius: 3px;}
.pspCateDesc ul::-webkit-scrollbar-thumb{background-color:#2F2F2F;border-radius: 3px;}
.pspCateDesc:hover{background: #2F2F2F url(/resources/img/pornsitepost/pornsitepost_arrow-down.gif) bottom center no-repeat;}

.topmenu {display: none;}
.tips {background-color: #8E3367;}
.tips ul {max-width: 1200px; margin:0 auto;color: #FFF;padding: 15px;font-size: 14px;}
.top { height: 340px;}
.top ul {max-width: 1200px; margin:0 auto;position: relative;padding: 0;}
.top ul .logo {position: absolute;top: 55px;right:150px;}
.top ul .topGirl {position: absolute; top:5px;left: 15px;z-index: -1;}
.top ul .logo2{ width: 100%;height: auto;}
.top ul .logo2 img{ width: 100%;}

.psp_Content{width: 1280px;margin: 0 auto;}

.pspDetail {background-color: #2F2F2F; padding: 10px; width: 1260px; margin: 0 auto 40px auto;background-color: #8E3367;background-image: url(/resources/img/pornsitepost/pornsitepost_f.png);background-repeat: no-repeat; background-position: top left; border-radius:0 10px;}
.pspDetailHead { padding: 0 15px 15px 15px;color: #FFF; font-weight: bold;}
article { display:inline-block;width: 100%; padding: 10px;background-color: #FFF; border-radius: 5px;}
.pspDetail_left, .pspDetail_right { display:inline-block; float: left;}
.pspDetail_left {width: 50%;}
.pspDetail_right {padding-left: 15px; width:calc(50% - 15px);}
.pspDetail_left img {max-width: 100%; border-radius: 5px; margin-bottom: 10px;}
.pspDetail_right h2 { font-size: 30px;color: #8E3367;}
.pspDetail_right h3 {line-height: 40px;}
.pspDetail_right .text-holder { max-height: 300px;  overflow-y: auto; color: #666;}
.pspDetail_right .text-holder::-webkit-scrollbar{width:6px;height:4px;background-color:#EDEDED;overflow-y:scroll;border-radius: 3px;}
.pspDetail_right .text-holder::-webkit-scrollbar-track{background-color:#EDEDED;border-radius: 3px;}
.pspDetail_right .text-holder::-webkit-scrollbar-thumb{background-color:#8E3367;border-radius: 3px;}

.like {margin: 10px 0;}
.like h4 {margin: 10px 0;color: #8E3367;}
.detail_button {display: block;border-radius: 5px;line-height: 50px; height: 50px;text-align: center;color: #FFF;font-size: 16px;}
.bt1 {background-color: #8E3367;margin-bottom: 10px;}
.bt1:hover {background-color: #761d50;}
.bt2 { background-color: #2F2F2F;}
.bt2:hover {background-color: #030303;}

.contactform dl {margin: 15px 0;}
.contactform dl dt {width: 200px;float: left;text-align: right; padding-right: 10px; display: inline-block;line-height: 34px;color: #888;}
.contactform dl dd {display: inline-block;width: auto;}
.contactform dl dd input, .contactform dl dd textarea {border: 1px solid #EAEAEA;line-height:24px;padding: 5px;font-family: verdana;width: 100%; border-radius: 5px;}
.contactform dl dd .Send {display: inline-block; width: auto; background-color: #FA3F93;border-radius: 5px;padding: 5px 15px;color: #FFF; cursor: pointer;}

.pspContainer{float: left;vertical-align:top;width:23%;margin:0px 1% 30px 1%;font-size:14px;position:relative;padding:10px 5px 5px 5px;background-color: #8E3367;background-image: url(/resources/img/pornsitepost/pornsitepost_f.png);background-repeat: no-repeat; background-position: top left; border-radius:0 10px;min-height: 420px;}
.psp_desc{color:#4c4c4c;text-align:left;font-size:0.8em;padding:2px 2px 2px 2px;letter-spacing:-0.1px;text-overflow:ellipsis;word-wrap:break-word;line-height:1.3em;-webkit-box;
    overflow: hidden;
    white-space: normal !important;
    text-overflow: ellipsis;
    word-wrap: break-word;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;height: 100px;}
.pspWrapper{font-size:0;padding:0px;text-align:center;margin:0 0 0 0%;counter-reset:number;}
.url_link_title{position:relative;text-align:left;top:0px;padding-left: 30px;}
.url_link_title .link{color:#FFF;font-weight:bold;display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size:15px;margin-bottom: 10px;}
.url_link_title .link:before{counter-increment:number;content:counter(number) "";margin:0 1px 0 0;background: #FFF;border-radius: 50%;color: #8e3367;;font-size: 9pt;line-height: 20px;padding: 0;position: absolute;top: 0;left: 5px;text-align: center;width: 20px;height: 20px;border-radius: 5px;}
.pspContainer:hover{text-decoration:none;}
.pspimage{position:relative;padding-bottom:100%;padding-bottom:calc(100% - 2px);overflow:hidden;}
.pspimage img{height:100%;width:100%;position:absolute;z-index:1;top:0;left:0;transition:transform 300ms;border-radius: 5px;}
.pspimage img:active{box-shadow:0px 1px 5px #000 inset;}
.pspimage .lazyloaded{opacity:1;-webkit-transition:opacity 250ms, transform 300ms;transition:opacity 250ms, transform 300ms;}
.pspContainer .desc { padding: 5px; background-color: #FFF; border-radius: 5px;}

.pspfoot-text {background-color: #752150;padding: 40px 0;margin-top: 80px;}
.pspfoot-text ul { width: 1300px;margin: 0 auto;}
.pspfoot-text ul li {list-style: none;color: #FFF;margin-bottom: 20px;}
footer {background-color: #000;}
footer ul {width: 1300px;margin: 0 auto; color: #FFF; text-align: center; padding: 20px 0;}
footer ul a {color: #FA3F93;}



@media screen and (max-width: 1024px){
    .pspContent{width: 97%;margin: 0 auto;}
}
@media screen and (max-width: 980px){
	.pspContent{width: 95%;margin: 0 auto;}
}
@media screen and (max-width: 720px){
	.pspContent{width: 94%;margin: 0 auto;}
}
@media screen and (max-width: 480px){
	.pspContent{width: 100%;}
}
@media screen and (max-width: 380px){
	.pspContent{width: 240px;}
}

@media (max-width: 1350px) {
    .pspContent{width: 100%; margin: 0;}
    .psp_Content{width: 97%;margin: 0 auto;}
    .pspfoot-text article {width: calc(100% - 40px) !important;margin: 0;padding: 20px;}
    footer ul { width: calc(100% - 40px)!important; margin: 0;text-align: center; padding: 20px; }
    .pspfoot-text ul { width: calc(100% - 40px)!important;padding:0 20px;margin: 0 auto;}
}

@media (max-width: 1300px){
    .pspDetail { width: 96%; margin: 0 auto 40px auto; }
    .pspCategory .pspCateDesc{position:relative;right:0;width:98%;margin: 0 auto 10px auto;}
    .pspCateDesc ul {height: 285px;}
    .pspLink{position:relative;}
    .pspContainer{min-height:auto;}
}
@media (min-width: 1300px){
    .pspCategory .pspWrapper:not(.pspWrapper_related) .pspContainer:nth-child(2){margin-right:51%;}
}
@media (max-width: 1000px){
    .pspContainer{width:31%;}
}
@media (min-width: 950px) {
    .top ul .logo {position: absolute;top:95px;}
    .top ul .logo2{ display: none; }
}
@media (max-width: 950px) {
    .top ul .logo { display: none;}
    .top ul .topGirl { display: none; }
    .top ul .logo2{display:block;}
}
@media screen and (max-width: 640px){
.pspCategory .pspCateDesc{padding:5px;margin-bottom:0px;}
}
@media screen and (max-width: 768px){
    .pspCateDesc{will-change:transform;}
}
@media screen and (min-width: 769px){
.lazyloaded{transform:scale(1);-webkit-transition:transform 250ms;transition:transform 250ms;}
}
@media (max-width: 768px){
.pspCategory{padding:5px 0;}
.pspLink{padding:33px 0 15px 0;}
}
@media (max-width: 760px){
    .pspContainer{width:48%;}
}
@media (max-width: 700px) {
    .pspDetail {width: 90%; margin: 0 auto 40px auto;}
    .pspDetail_left, .pspDetail_right { display:block; float: none;width: 100%; }
    .pspDetail_right { padding-left: 0; margin-top: 15px; }
}

@media (max-width: 700px) {
    .top { height: auto;padding-top: 35px;}
    .tips {display:none;}
    .topmenu {display: block !important;background-color: #000;height: 60px;position:fixed;z-index: 999999999; width: 100%;}
    .topmenu .menubut { background-color: #000;height: 60px;width: 60px;display: block;}
    .topmenu .menubut i {color: #FFF; font-size: 20px; line-height: 60px; margin-left: 20px;}
    .topmenu ul {background-color:#333;width:100%;height:800PX;overflow-y: auto;color: #fff;position: absolute;top: 60PX;left: 0;z-index: 999999999;padding: 20px 0;}
    .topmenu ul ::-webkit-scrollbar{width:6px;height:4px;background-color:#EDEDED;overflow-y:scroll;border-radius: 3px;}
    .topmenu ul ::-webkit-scrollbar-track{background-color:#EDEDED;border-radius: 3px;}
    .topmenu ul ::-webkit-scrollbar-thumb{background-color:#2F2F2F;border-radius: 3px;}
    #menubox dd { padding: 0 20px;}
    #menubox dd li { line-height: 40px; text-align: left; border-bottom: 1px solid #4c4c4c;}
    #menubox dd li a { color: #FFF;}

    
}
@media (min-width: 701px) {
}
@media (max-width: 640px){
.pspContainer{width:100%;}
.pspCategory .pspCateDesc{position:relative;right:0;width:98%;margin: 0 auto 10px auto;}
}
@media (max-width: 520px){
.pspWrapper{margin:0;}
.pspContainer{width:96%;margin:0px 2% 15px 2p%;}
.url_link_title .link{font-size:13px;}
}
@media screen and (max-width: 530px){
.pspLink{padding:15px 0;}
}