/*
Theme Name: musicofen
Theme URI: https://wintheme.ir
Description: پوسته حرفه ای موزیک
Author: وین تم
Author URI: https://wintheme.ir
Version: 1.0
*/

@font-face{font-family:iranyekan;font-style:normal;font-weight:bold;src:url('inc/fonts/eot/iranyekanwebbold.eot');src:url('inc/fonts/eot/iranyekanwebbold.eot?#iefix') format('embedded-opentype'),
url('inc/fonts/woff2/iranyekanwebbold.woff2') format('woff2'),
url('inc/fonts/woff/iranyekanwebbold.woff') format('woff'),
url('inc/fonts/ttf/iranyekanwebbold.ttf') format('truetype');}

@font-face{font-family:iranyekan;font-style:normal;font-weight:normal;src:url('inc/fonts/eot/iranyekanweblight.eot');src:url('inc/fonts/eot/iranyekanweblight.eot?#iefix') format('embedded-opentype'),
url('inc/fonts/woff2/iranyekanweblight.woff2') format('woff2'),
url('inc/fonts/woff/iranyekanweblight.woff') format('woff'),
url('inc/fonts/ttf/iranyekanweblight.ttf') format('truetype');}



*{box-sizing:border-box;padding:0;margin:0}

body{background: #F4F7FB;direction:rtl;color:#444;overflow-x:hidden;font-family:iranyekan,tahoma;font-size:12px;}
:before,:after{transition:all 0.3s ease-out;}
h1, h2, h3, h4, h5, h6{font-family:iranyekan,tahoma;}
a{text-decoration:none;color:#444;}
a:hover{text-decoration:none;color:#197b30;}
ul, li{list-style:none;}
button,label,select{cursor:pointer;}
input, button, textarea, select {
    font-family: iranyekan,tahoma;
    border: 0;
}
button{cursor:pointer;}
strong{font-weight:bold;}


.width{width:90%;margin:0px auto;}
.hnm {
    background: #e6e6e6;
    overflow: hidden;
    padding: 1em;
    background: linear-gradient(to right,#3d9e54 0,#197b30 100%);
}

.hnm .headlogo {
    float: right;
    background: url("images/sprites.png") 0px -71px;
    width: 142px;
    height: 36px;
    margin-left: 1.5em;
    text-indent: -100%;
    overflow: hidden;
}

.hnm ul li {
    float: right;
}
.hnm ul li a {
    color: rgba(255, 255, 255, 0.7);
    display: block;
    font-size: 14px;
    line-height: 2.6;
    font-weight:bold;
    margin-left: 1.5em;
}
.hnm ul li a:hover {
    color: white;
}

.lms {
    float: left;
    margin-top: 8px;
}
.lms a {
    width: 30px;
    height: 30px;
    float: left;
    border-radius: 8px;
    margin-right: 8px;
    background: #e5e5e5;
    padding: 7px 8px;
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.05);
    position: relative;
}
.lms a::before {
    content: "";
    background: url("images/sprites.png");
    width: 14px;
    height: 14px;
    top: 50%;
    transform: translate(-50%, -50%);
    left: 50%;
    position: absolute;
}


.lms .fb:before{background-position:-36px 0px;}
.lms .gl:before{background-position:-49px 0px;}
.lms .tw:before{background-position:-63px 0px;}
.lms .ig:before{background-position:-78px 0px;}
.lms .fb:hover{background:#39599f;}
.lms .gl:hover{background:#db0000;}
.lms .tw:hover{background:#2bc6ff;}
.lms .ig:hover{background:linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);}

.lmhd{padding:1em 0 0.5em;overflow:hidden;}
.titlelml{float:right;margin:0.7em 0 0 1em;}
.titlelml i{font-size:70px;color:#e5e5e5;}
.titlelmtxt {
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.09);
    background: rgb(255, 255, 255) none repeat scroll 0% 0%;
    padding: 1em;
    border-radius: 5px;
    margin: 0.5em 0;
}
.titlelmtxt h1 {
    font-size: 14px;
    color: #999;
    font-weight:normal;
}
.titlelmtxt h1::before {
    content: "";
    background: url("images/sprites.png") -79px -43px;
    width: 14px;
    height: 13px;
    float: right;
    margin: 4px 4px 0 7px;
}
.titlelmtxt h1 a{color:#999;}
.titlelmtxt h1 a:hover{color:#9c27b0;}
.hnmb {
    overflow: hidden;
    background: #fff;
    border-bottom: 1px solid #e5e5e5;
}
.hnmb ul li{float:right;}
.hnmb ul li a {
    color: #666;
    display: block;
    font-size: 13px;
    padding: 1em;
    border-bottom: 2px solid white;
}
.hnmb ul li a:hover {
    color: #111;
    border-color: #c73139;
}

.search form {
    float: left;
    background: #FFF;
    border-radius: 3px;
    padding: 8px 15px;
    position: relative;
    overflow: hidden;
    height: 36px;
}
.search input {
    color: #777;
    width: 100%;
    font-weight: 300;
    font-size: 13px;
}
.search button {
    position: absolute;
    left: 0px;
    width: 36px;
    height: 36px;
    top: 0px;
    background: linear-gradient(#FE8969, #F1658F);
}
.search button:before {
    content: "";
    background: url("images/sprites.png") -20px 0px;
    width: 16px;
    height: 16px;
    top: 50%;
    transform: translate(-50%, -50%);
    left: 50%;
    position: absolute;
}

.headadver img{max-width:100%;height:auto;margin:5px;box-shadow:0 0px 5px RGBA(0, 0, 0, 0.2);}
.spt{position:relative;overflow:hidden;margin-bottom:1em;}
.spt:after{content:"";background:#e5e5e5;height:2px;position:absolute;width:100%;right:0;top:50%;transform:translate(0,-50%);z-index:-1;}
.spt span{float:right;z-index:9;background:#fff;margin-right:1em;background:#fff;padding:0 1em;font-size:14px;color:#666;}
.spt span:nth-child(2){float:left;direction:ltr;text-align:left;margin-left:1em;color:#999;}
.specialpost{overflow:hidden;text-align:center;margin-top:1em;}
.specialpost .spbox{position:relative;display:inline-block;margin:5px;}
.specialpost .padding{float:right;width:150px;height:150px;box-shadow:0 0px 5px RGBA(0, 0, 0, 0.2);position:relative;overflow:hidden;}
.specialpost .padding img{width:150px;height:150px;}
.specialpost .padding .artist{position:absolute;transform:translate(-50%, 0px);left:50%;width:90%;top:40%;color:#fff;opacity:0;visibility:hidden;}
.specialpost .padding .artist i{color:#f5e215;font-style:normal;font-weight:bold;}
.specialpost .padding:hover .artist{opacity:1;visibility:visible;}
.specialpost .padding .hover{border-radius:50%;background:rgba(0, 0, 0, 0.5);height:100%;position:absolute;width:100%;left:50%;top:-50%;transform:scale(0);transition:all 0.4s;}
.specialpost .padding:hover .hover{transform:scale(3);}
.specialpost .spcat{position:absolute;top:6px;left:6px;background:RGBA(0, 0, 0, 0.6);color:rgba(255, 255, 255, 0.7);padding:1px 5px 0;border-radius:3px;font-size:11px;}
.sidebar.rsb{float:right;width:26%;margin-top:1em;box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.09); background: #fff;border-radius: 5px;}
.sidebar.lsb{float:left;width:28%;margin-top:1em;box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.09); background: #fff;border-radius: 5px;}
.mpwrap{width:71.5%;float:right;}
.postwrap{float:left;width:70.5%;margin:1em;}
.sbtitle, .pwtitle {
    position: relative;
    overflow: hidden;
    padding: 1.5em 1.7em;
    border-bottom: 2px solid #f2f2f2;
    margin-bottom: 1.2em;
}
.pwtitle {
    padding: 1.5em;
    margin: 0px;
    box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.05);
    border-bottom: 1px solid #E5E5E5;
    background: #fff;
    border-radius: 5px 5px 0px 0px;
}

.sbtitle h3,.pwtitle .hding{
    font-size: 14px;
    font-weight: bold;
    color: #666;
}
.pwtitle .hding{
    font-size: 16px;
    line-height: 1.7;
    color:#333;
}
.pwtitle .hding a:hover{color:#333;}
.pwtitle .hding a:hover{color:#E91E63;}

.pwtitle .hding:before {
    content: "";
    background: url("images/sprites.png");
    width: 20px;
    height: 25px;
    float: right;
    margin-left: 10px;
}

.pwtitle .hding.music:before {background-position: 0px 0px;}
.pwtitle .hding.video::before {
    background-position: 0px -25px;
    margin-top: 5px;
    height: 19px;
}
.pwtitle .hding.video a:hover{color:#673ab7;}
.pwtitle .hding.soon::before {
    background-position: 0px -46px;
    margin-top: 4px;
    height: 20px;
}
.pwtitle .hding.soon a:hover{color:#7CB342;}
.pwtitle .hding.album::before{background-position:-41px -49px;margin-top:3px;}
.pwtitle .hding.album a:hover{color:#0D9CAA;}
.pwtitle .hding.news::before {background-position:-20px -49px;margin-top:3px;}
.pwtitle .hding.news a:hover{color:#ff5722;}

.sbtitle h3 strong{font-size:12px;opacity:0.6;}
.sbtitle.sbt1 h3{color:#6f3ab0;}
.sbtitle.sbt2 h3{color:#b03a77;}
.sbtitle.sbt3 h3{color:#ff6464;}
.sbtitle.sbt4 h3{color:#c73139;}
.sbtitle.sbt5 h3{color:#74b03a;}
.sbtitle.sbt6 h3{color:#21b2c3;}
.sbtitle.sbt7 h3{color:#ff731f;}
.sbtitle.sbtd h3{color:#197b30;}
.sbcontent1, .sbcontent, .pwcontent {
    padding: 0 1em;
    text-align: justify;
    overflow: hidden;
}
.sbcontent.adsside{text-align:center;padding-top:1.5em;}
.pwcontent {
    font-size: 13px;
    line-height: 2;
    font-weight: 300;
    color: #777;
    overflow: hidden;
    margin-bottom: 1.5em;
    box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.09);
    background: #FFF none repeat scroll 0% 0%;
    padding: 0px 1.5em 1.5em;
    border-radius: 0 0 5px 5px;
}
.pwcontent img{max-width:100%;height:auto;margin:0.5em 0;box-shadow: 0 2px 7px rgba(0, 0, 0, 0.1);}
.pwcontent strong{color:#197b30;font-weight:bold;}
.pwinf {
    margin-top: 0.7em;
    width: 100%;
    float: right;
}
.pwinf .mre {
    float: left;
    background:#197B30;
    padding: 5px 15px;
    border-radius: 7px;
    color: #FFF;
    font-weight: bold;
    font-size: 14px;
    box-shadow: 0px 3px 7px rgba(25, 123, 48, 0.2);
}
.pwinf .mre:hover{background:#3D9E54;}
.pwinf .plike{background:#e5e5e5;float:right;padding:4px 5px 3px 7px;border-radius:4px;height:25px;margin-top:5px;}
.pwinf .plike i{font-size:15px;float:right;color:#f53752;}
.pwinf .plike span{float:left;margin-right:2px;font-size:12px;line-height:18px;cursor:pointer;color:#777;}
.pshare {
    float: right;
    margin: 11px 5px 0px 0px;
}
.pshare a {
    background: url("images/sprites.png");
    width: 19px;
    height: 19px;
    float: left;
    margin-right: 5px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
    border-radius: 4px;
}
.pshare a:hover {
    filter: opacity(70%);
}
.pshare .fb{background-position:-58px -30px;}
.pshare .gp{background-position:-39px -30px;}
.pshare .tw{background-position:-20px -30px;}
.pwds {
    overflow: hidden;
    padding: 12px 15px 10px;
    border-bottom: 1px solid #f2f2f2;
    margin: 0 -1.5em 1em;
    background: #f2f2f2;
}
.pwds span {
    float: right;
    color: #999;
    font-size: 12px;
    margin-left:6px;
}
.pwds span:before{
    content: "";
    float: right;
    background: url("images/sprites.png");
    margin: 6px 0px 0px 6px;
    height: 13px;
}
.pwds .date:before {
    background-position:-20px -16px;
    width: 14px;
    margin-top: 5px;
}
.pwds .cat:before {
    background-position:-48px -16px;
    width: 16px;
}
.pwds .view:before {
    background-position:-34px -16px;
    width: 14px;
}
.pwds .cmt {
    float: left;
    margin: 0px;
    border-radius: 5px;
    font-size: 11px;
    height: 24px;
    line-height: 27px;
    background: #fff;
    padding: 0px 7px;
}
.pwds .cmt:before{display:none;}
.pwds .cmt a:before {
    content: "";
    background-image: url("images/sprites.png");
    height: 13px;
    background-position: -64px -16px;
    width: 14px;
    float: left;
    margin: 6px 5px 0px 0px;
}


.sbc1 > li {padding: 0.5em 0;}


.sbc1 li{color:#333;font-weight:bold;}
.sbc1 li a:hover{color:#6f3ab0;}
.sbc1 li ul li:first-child{margin-top:8px;}
.sbc1 li ul li:last-child{margin-bottom:8px;}
.sbc1 li ul li a{color:#777;display:block;padding:4px 18px 5px 2px;font-weight:normal;}
.sbc1 li ul li a:hover{background:#6f3ab0;color:#fff;}
.sbcontent ul li {
    color: #777;
    font-weight: 300;
    font-size: 13px;
    padding: 5px 5px;
}

.sbcontent ul li::before {
    content: "";
    float: right;
    background: url("images/sprites.png") -89px -30px;
    margin: 6px 0px 0px 7px;
    height: 12px;
    width: 11px;
}
.sbcontent .music:before {background-position: -78px -17px;}
.sbcontent .video::before {
background-position: -89px -17px;
width: 15px;
}
.sbcontent .album::before {
    background-position: -104px -17px;
    width: 13px;
    height: 13px;
}
.sbcontent .soon::before {
    background-position: -77px -30px;
    width: 13px;
    height: 13px;
}
.sbcontent .news::before {
    background-position: -90px -30px;
    width: 10px;
}



.sbcontent ul li a {
    color: #777;
}
.sbcontent .sbc2 li a:hover{color:#b03a77;}
.sbcontent .sbc4 li a:hover{color:#c73139;}
.sbcontent .sbc5 li a:hover{color:#74b03a;}
.sbcontent .sbc6 li a:hover{color:#21b2c3;}
.sbcontent .sbc7 li a:hover{color:#ff731f;}
.sbcontent.dflt ul li a:hover{color:#197b30;}
.sbcontent.wtc,.sbc7{text-align:initial;padding-bottom: 1em;}
.sbcontent.wtc a {
    padding: 5px;
    border: 1px solid #f2f2f2;
    margin: 5px;
    color: #888;
    font-weight: 300;
    border-radius: 3px;
    display: block;
    text-align: center;
}
.sbcontent.wtc a:hover{background:#ff6464;border-color:#ff6465;color:#fff;}
.page-numbers{text-align:center;}
.page-numbers .current, .page-numbers a, .page-numbers .extend {
    display: inline-block;
    padding: 5px 13px;
    border: 1px solid #EBEBEB;
    font-size: 12px;
    font-weight: 300;
    margin: 3px 2px;
    border-radius: 3px;
}
.page-numbers .current,
.page-numbers a:hover{background:#197b30;color:#fff;border-color:#197b31;}
.tgfoot,
.bgfoot{overflow:hidden;background:#252525;width:100%;padding:2em 0;}
.tgfoot{margin-top:1em;float:right;}
.bgfoot{background:#1b1b1b;text-align:center;line-height:2.5;font-size:14px;color:#a3a3a3;}
.bgfoot a{color:#ff731f;}
.bgfoot a:hover{color:#a3a3a3;}
.bfpost{float:right;width:33.33%;}
.bfpost:nth-child(2){padding:0 20px;}
.bfpost .bftitle{border-bottom:1px solid #171717;padding-bottom:1em;font-weight:bold;color:#ff731f;font-size:14px;}
.bfpost .bftitle a{float:left;font-size:11px;color:#8b8b8b;padding:3px 5px;border-radius:3px;}
.bfpost ul{border-top:1px solid #3b3b3b;padding-top:1em;}
.bfpost ul li a{font-size:13px;color:#f2f2f2;display:block;padding:4px 10px;margin-bottom:5px;line-height:2;}
.bfpost ul li a:hover,
.bfpost .bftitle a:hover{background:#1b1b1b;color:#ff731f;}

.fpfoot{overflow:hidden;text-align:center;padding:1em 0 5px;}
.fpfoot span, .fpfoot a{background:#f2f2f2;color:#777;font-size:12px;padding:3px 15px;border-radius:3px;margin:0px 5px;display:inline-block;}
.fpfoot a{background:#c73139;color:#fff;font-weight:bold;font-size:14px;}
.fpfoot a:hover{background:#197b30;animation:none;}
.bgfoot.lbpd{padding-bottom:3.7em;}
.footads.falitebox{bottom:47px;}
.fixbox{position:fixed;bottom:0;left:0;width:100%;padding:1em;text-align:center;font-weight:bold;font-size:13px;z-index:99;font-weight:bold;}
.fixbox a{color:#fff;}
.fixbox.fbblue{background:#21b2c3;}
.fixbox.fbred{background:#c73139;}
.fixbox.fbgreen{background:#197b30;}
.fixbox.fbblack{background:#111;}
.footads{position:fixed;bottom:0px;z-index:9;}
.footads .fat{text-align:center;color:#333;cursor:pointer;height:25px;text-align:center;line-height:23px;font-size:12px;opacity:0;visibility:hidden;transform:translateY(15px);background:#fff;}
.footads:hover .fat{opacity:1;visibility:visible;transform:translateY(0px);}
.footads.right{right:7px;}
.footads.left{left:7px;}
.scrolltop{background:#fff;width:45px;height:45px;cursor:pointer;transition:all 0.3s ease-out 0s;position:absolute;right:1em;bottom:1em;border-radius:50px;position:fixed;box-shadow:1px 1px 3px RGBA(0, 0, 0, 0.2);}
.scrolltop::before {
    content: "";
    background: url("images/sprites.png") -61px -49px;
    width: 18px;
    height: 10px;
    top: 50%;
    transform: translate(-50%, -50%);
    left: 50%;
    position: absolute;
}

.download-links {
    background: #F0FFFF;
    padding: 1em 1.5em;
    border-radius: 8px;
    margin: 1em 0;
}
.download-links.last-series{background: #FFEFEF;}
.download-links.all-series{background: #F2FFF0;}
.download-links .dlt {
    font-weight: bold;
    font-size: 14px;
    color: #673AB7;
    border-bottom: 1px solid #fff;
    padding-bottom: 0.7em;
    margin-bottom: 1em;
}
.download-links .dlt:before {
    content: "";
    background: url("images/sprites.png");
    width: 20px;
    float: right;
    margin-left: 10px;
    background-position: 0px -25px;
    margin-top: 5px;
    height: 19px;
}
	
.download-links > ul > li {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    margin-bottom: 1em;
}
	.download-links > ul > li:last-child{border:0;margin:0;}
.download-links > ul > li > span {
    font-weight: bold;
    font-size: 15px;
    color: #000080;
}
.download-links > ul > li > strong{display:block;color:#f01818;}
	
.download-links img{
    margin: 0;
    box-shadow: none;
    float: right;
    margin: 3px 0px 0 5px;
}
.download-links > ul > li > span b {
    color: red;
}
.download-links > ul > li > ul {
    line-height: 2.5;
    padding: 1em 0;
}
.download-links > ul > li > ul > li a {
    font-size: 14px;
    color: blue;
    font-weight: bold;
}
	.download-links > ul > li > ul > li a:hover{color: red;}
	
.download-links > ul > li > ul > li span {
    display: inline-block;
    color: green;
    padding: 0 5px;
}
.download-links > ul > li em {
    display: inline-block;
    margin-bottom: 1em;
    color: rgb(0, 0, 128);
    font-size: 14px;
    font-style: normal;
}
	.download-links > ul > li em i{color: rgb(225, 135, 0);display: inline-block;
font-style: normal;
font-size: 13px;}



.scrolltop.lbst{bottom:5em;}
.scrolltop:hover{background:#ff6464;}
.scrolltop:hover:before {background-position:-61px -60px;}

.statistics{display:none;}
.nf404{text-align:center;padding:2em;box-shadow:0 0 2px RGBA(0, 0, 0, 0.15);overflow:hidden;}
.nf404 h2{direction:ltr;font-size:50px;color:#333;}
.nf404 .not{color:#666;}
.nf404 .help{color:#999;}
.frmsearch{margin:2em 1em 0em;display:inline-block;}
.frmsearch input, .frmsearch select{padding:1em 1em;background:#f2f2f2;border-radius:0px 5px 5px 0px;font-size:12px;float:right;height:45px;}
.frmsearch button{background:#c73139;color:#fff;float:left;padding:14px;height:45px;border-radius:5px 0px 0px 5px;}
.frmsearch button:hover{background:#333;}
.frmsearch.srms button{margin-right:-36px;}
.rphnmbutton,
.rphnm form,
.hnmimg,
.rphnm .lm-close{display:none;}


.fixtg {
    background: #2196f3;
    position: fixed;
    left: 15px;
    bottom: 15px;
    padding: 10px 15px;
    color: #fff;
    border-radius: 8px;
    font-weight: bold;
    font-size: 14px;
    text-shadow: 1px 2px 3px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 3px 7px rgba(33, 150, 243, 0.41);
}
.fixtg:hover{opacity:0.7;color: #fff;}

@media screen and (max-width:1024px){.width{width:95%;}
.postwrap{width:73%;margin:1em 0;}
.sidebar.rsb{width:25%;}
.mpwrap {width: 70.5%;}

.bfpost{width:33.33%;}
.bfpost:nth-child(2){padding:0 1em;margin:0;}
}
@media screen and (max-width:960px){
    
.mpwrap,.sidebar.lsb{width: 100%;}
    
.lms a{background:#146E29;}
.lms a:nth-child(2n+1){background:#146327;}
.lms a:hover{background:#333 !important;}
.rphnm .lm-close{position:absolute;color:red;font-size:13px;cursor:pointer;left:5px;top:5px;background:white;padding:4px 5px;border-radius:50px;height:23px;width:23px;box-shadow:1px 1px 3px RGBA(0, 0, 0, 0.6);display:block;}

.lmbody{width:100%;height:100%;background:rgba(0, 0, 0, 0.4);position:fixed;z-index:999;display:none;top:0px;cursor:default;}

.hnmimg{display:block;}
.rphnmbutton {
    float: right;
    color: #fff;
    font-weight: bold;
    font-size: 14px;
    cursor: pointer;
    text-shadow: 2px 3px 0px RGBA(0, 0, 0, 0.1);
    display: initial;
    padding: 6px 10px 7px;
    border-radius: 3px;
    margin-top: 2px;
}

.rphnmbutton:hover{background:#146E29;}

.rphnmbutton.rpbfix {
    position: fixed;
    right: 10px;
    top: 10px;
    background: linear-gradient(#FE8969, #F1658F);
    box-shadow: 1px 1px 3px RGBA(0, 0, 0, 0.2);
    color: #999;
    z-index: 9;
    color:#fff;
}

.rphnm{position:fixed;right:0px;top:0px;background:#3b393f;width:211px;transform:translateX(211px);height:100%;z-index:9999;transition:0.5s;box-shadow:-4px 0px 8px RGBA(0, 0, 0, 0.2);overflow-x:hidden;overflow-y:scroll;direction:ltr;text-align:right;}
.rphnm ul li{width:100%;border:0;border-bottom:1px solid #444;height:auto;margin:0;transform:initial;}
.hnm ul li a{color:#ccc;display:block;transform:rotate(0deg) skew(15deg);font-size:14px;padding:8px 15px;transform:initial;margin:0;}
.hnm ul li a:hover{color:#f1e822;}
.rphnm form{display:block;float:right;background:#fff;width:100%;position:relative;margin-top:1em;}
.rphnm input{background:none;width:100%;height:35px;padding:0 10px;font-size:12px;text-align:right;direction:rtl;}
.rphnm button{position:absolute;left:0;top:0;height:35px;width:35px;background:#127c2c;color:#fff;font-size:20px;padding:5px;}
}
@media screen and (max-width:800px){
    
.sidebar.rsb,.sidebar.lsb,.postwrap,.mpwrap{width:100%;}
    
}
@media screen and (max-width:720px){
.sidebar.rsb .addnewlyrics{display:none;}
.specialpost .spbox{margin:4px;}
.pwcontent .addnewlyrics{display:block;}
}
@media screen and (max-width:640px){.bfpost{width:100%;margin-top:1em;}
.bfpost:nth-child(1){margin-top:0}
.bfpost:nth-child(2){padding:0;margin-top:1em;}
}
@media screen and (max-width:520px){.titlelmtxt{float:none;}
.pwtitle .cmp,
.pwtitle:after,.sidebar.rsb,.sidebar.lsb,.tgfoot,.lmhd,.lms{display:none;}

.specialpost .spbox{margin:1px;}

    .search form{width: 100%;
margin-top: 1em;}
.rphnmbutton {
    float: left;}

}
@media screen and (max-width:480px){
    

    
}
@media screen and (max-width:320px){.width{width:95%;}
.pwds div{width:auto;margin-left:1em;}
.pwds div:nth-child(3){text-align:right;width:auto;}
.pwinf .mre{width:100%;text-align:center;margin-top:1em;}
.pshare{float:left;}
.titlelml{display:none;}
.titlelmtxt{margin:0;padding:0 1em;}
.shlink span,
.shlink textarea{width:100%;}
.cmlists .comment{position:relative;}
.comments .cmimg{margin-left:0;text-align:center;margin-right:1em;}
.comments .cmimg img{display:block;margin:0 auto 10px;}
.comments .cmimg a{position:absolute;left:0;top:1.7em;}
.comments .cmtit{margin:1em 0;padding:0 1em;}
.comments .cmname, .comments .cmdate{float:right;width:100%;margin-top:5px;}
.comments .cmbody{min-height:initial;width:100%;background:#e5e5e5;}
.depth-2{margin:0;padding:0 1em;}
.depth-2 .cmtit{padding:1em 1em 0;margin:0;}
.depth-2 .cmbody{background:#f2f2f2;}
.depth-2 .cmname,
.depth-2 .cmdate{float:right;width:auto;margin-top:0;}
.depth-2 .cmdate{float:left;}
.sdcomment label input, .cmlists label input{text-indent:5px;height:36px;width:100%;}
.sdcomment button, .cmlists button{padding:5px 10px;}
.frmsearch{margin:1em 0em 0em;}
.specialpost .spbox{margin:0px;}
}
@media screen and (max-width:240px){.lms{margin-top:10px;}
.comments .cmimg img,
.spt span:nth-child(2){display:none;}
.comments .cmtit{margin:0 0 1em;}
.depth-2 .cmtit{margin:0;}
.comments .cmimg a{top:1em;}
.frmsearch input, .frmsearch select{width:127px;}
}