body {
	background-color:#0e0e0e;
	color:#555;
	font-family:sansz;
	font-size:12px;
	direction:rtl;
	margin:0;
	display:block;
}

a {
	color:#1d8cb5;
	text-decoration:none;
}

a:hover {
	color:rgb(41, 134, 168);
	text-decoration:none;
}

#mainprogressbar {
    position: fixed;
    top: 0;
    left: 0;
    height: 2px;
    width: 0;
    background: #07a7cf; /* رنگ دلخواه */
    z-index: 99999;
    transition: width 0.3s ease;
}

.errorhidden {
	display: none;
}

#error-box {
	position: fixed;
	width: 100%;
	height: 100%;
	top:0;
	left:0;
	backdrop-filter: blur(12px) saturate(120%);
    -webkit-backdrop-filter: blur(12px) saturate(120%);
	z-index: 98;
}

#error-box .errorcontent{
	width:280px;
	background-color: #8b196570;
	font-family: sanszbold;
	font-size: 15px;
	z-index: 99;
	position: absolute;
	top:45%;
	left:calc(50% - 150px);
	color: #fff;
	text-align: center;
	padding:60px 10px;
}

#error-box .errorclosebtn {
	position: absolute;
	top:8px;
	left:8px;
}

.showindesktop {
	display: none;
}

.showinmob {
	display: block;
}

.mobpitemvis {
	display:none;
}

.alertify-notifier {
	font-family:sanszbold;
	font-size:15px;
}

.topbar {
    margin-top:44px;
    display:none;
}

.topmobspace {
	clear:both;
	display:block;
	height:52px;
}

.parallax-mirror{
    display:none;
}

.sidebar {
    display:none;
}

.headerleft {
    display:none;
}

.mobsidebar {
	display:block;
	height:46px;
	padding-top:2px;
	width:100%;
	position:fixed;
	left:0;
	top:0;
	background-color:#0a0a0a;
	z-index:9999;
}

.mobsidebar .womlogo{
	float:right;
	margin-right:4px;
	margin-top:6px;
}

.mobsidebar .womlogo img{
	width:52px;
	height:auto;
}

.mobsidebar .womtitle{
	float:right;
	margin-right:6px;
	margin-top:9px;
	transition: 0.5s;
}

.mobsidebar .womtitle a{
	color:#eee;
}

.mobsidebar .womtitle .head{
	font-family:sanszbold;
	font-size:15px;
}

.mobsidebar .wommenubtn{
	float:left;
	margin-left:8px;
	margin-top:8px;
}

.mobsidebar .wommenubtn img{
	width:28px;
	height:28px;
}

.mobsidebar .womsbtn{
	float:left;
	margin-left:14px;
	margin-top:8px;
}

.mobsidebar .womsbtn img{
	width:28px;
	height:28px;
}

.mobsidebar .womhbtn{
	float:left;
	margin-left:16px;
	margin-top:8px;
	position:relative;
}

.mobsidebar .womhbtn img{
	width:28px;
	height:28px;
}

.mobsearchbar {
	display:block;
	height:48px;
	width:100%;
	position:fixed;
	left:0;
	top:-4px;
	background-color:#ddd;
	box-shadow: 0 0 6px 0 #222;
	z-index:9998;
}

.mobsearchbar #msearchbox{
	width:calc(100% - 58px);
	height:32px;
	margin:6px 8px 0 0;
	font-family:sansz;
	padding:0 4px 0 4px;
	border:1px solid #ddd;
	background-color:#ddd;
	float:right;
}

.mobsearchbar .mobsearchbtn {
	width:32px;
	height:32px;
	float:right;
	margin-right:6px;
	margin-top:12px;
}

.mobsearchbar .mobsearchbtn img{
	width:24px;
	height:24px;
}

.mobsearchbar .mobsearchcbtn {
	width:20px;
	height:20px;
	float:left;
	margin-left:6px;
	margin-top:16px;
}

.mobsearchbar .mobsearchcbtn img{
	width:100%;
}

.mobartistitem {
	clear:both;
	margin-bottom:8px;
	border-bottom:1px solid #eaeaea;
	height:24px;
	font-family:sansz;
	font-size:11px;
}

.mobartistitem a {
	margin-right:4px;
}

.mobgenreitem {
	clear:both;
	margin-bottom:6px;
	margin-top:4px;
	border-bottom:1px solid #eaeaea;
	min-height:24px;
	font-family:sansz;
	font-size:13px;
}

.mobgenreitem a {
	margin-right:4px;
}

.mobgenreitem .mobgenresubitem{
	clear:both;
	padding:2px;
	margin-top:0px;
	margin-left:4px;
}

.mobgenreitem .mobgenresubitem a{
	font-family:sansz;
	font-size:11px;
	color:#18A2D6;
}

.dlboxbck {
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0.8);
	z-index:88888;
	position:fixed;
	top:0;
	left:0;
	display:none;
}

.dlboxloading {
	position:fixed;
	z-index:88889;
	width:64px;
	height:64px;
	top:calc(50% - 32px);
	left:calc(50% - 32px);
	display:none;
}

.dlboxloading img{
	width:100%;
}

.dlbox {
	width:320px;
	height:320px;
	background-color:#242424;
	box-shadow:0 0 2px #111;
	position:fixed;
	z-index:99999;
	right:calc(50% - 160px);
	top:calc(50% - 160px);
	display:none;
	border-radius: 8px;
	overflow: hidden;
}

.dlbox .rightbar {
	position:absolute;
	width:44px;
	height:322px;
	right:-1px;
	top:-1px;
	background-color:#121212;
}

.dlbox .rightbar .dlicon{
	position:absolute;
	top:6px;
	right:4px;
	z-index:999;
}

.dlbox .rightbar .plicon{
	position:absolute;
	top:6px;
	right:4px;
	z-index:999;
}

.dlbox .rightbar .plicon img{
	width:32px;
	height:32px;
}

.dlbox .rightbar .ftitle{
	transform: rotate(270deg);
	color:#eee;
	width:100px;
	position:absolute;
	top:86px;
	right:-28px;
	z-index:999;
	font-family:sanszbold;
	font-size:14px;
}

.dlbox .rightbar .etitle{
	transform: rotate(-90deg);
	color:#B22222;
	width:100px;
	position:absolute;
	bottom:12px;
	right:-30px;
	z-index:999;
	font-family:sanszbold;
	font-size:13px;
	display: none;
}

.dlbox .mainpart {
	width:274px;
	float:left;
}

.dlbox .mainpartnew {
	width:296px;
	float: none;
	margin:22px auto;
}

.dlbox .loginpart {
	margin: 8px;
	border-bottom:1px solid #333;
}

.dlbox .loginpart .right{
	width:160px;
	float:right;
	font-family: sansz;
	font-size: 13px;
	color:#ccc;
	text-align: justify;
}

.dlbox .mainpartnew .right {
	width:180px;
	margin:6px 4px;
}

.dlbox .loginpart .left{
	width:70px;
	float:left;
	font-family: sansz;
	font-size: 13px;
	margin: 6px 0 0 4px;
}

.dlbox .loginpart .left .link{
	border:1px solid rgba(238, 69, 170, 0.70);
	height:44px;
	margin:0 0 12px 0;
	border-radius: 8px;
}

.dlbox .loginpart .left .link .icon {
	width:18px;
	margin:3px auto 0 auto;
}

.dlbox .loginpart .left .link .icon img {
	width: 100%;
}

.dlbox .loginpart .left .link .title {
	text-align: center;
	color:#f4f4f4;
	margin:-8px auto 0 auto;
}

.dlbox .fastbuy {
	margin: 16px 8px 8px 8px;
}

.dlbox .fastbuy .title {
	font-size: 14px;
	color:#f2f2f2;
	font-family: sansz;
	text-align: center;
}

.dlbox .fastbuy .form {
	width: 130px;
	margin: 12px auto 0 auto;
}

.dlbox .fastbuy .form input{
	width:calc(100% - 12px);
	font-family: sansz;
	font-size:14px;
	padding:2px 6px;
	background-color: #ddd;
	border:1px solid #999;
	border-radius: 6px;
	direction:ltr;
	text-align: center;
}

.dlbox .fastbuy .form .submit{
	border: none;
    background: linear-gradient(0deg, rgba(57, 143, 223, 0.84) 15%, rgba(57, 143, 223, 0.96) 87%);
	color:#fff;
	width:calc(100% + 2px);
	margin-top:4px;
}

.dlbox .fastbuy .fastformerr {
	margin-top:6px;
	text-align: center;
	font-family: sansz;
	font-size: 11px;
	color:#cc5d5d;
}

.dlbox .dltitle {
	text-align:center;
	font-family:sansz;
	font-size:13px;
	color:#f1f1f1;
	margin:10px 10px 0 10px;
	padding-bottom:8px;
	border-bottom:1px dotted #111;
}

.dlbox .dllogin {
	margin-top:136px;
	text-align:center;
	font-family:sanszbold;
	font-size:17px;
}

.dlbox .dlprice {
	margin-top:10px;
	text-align:center;
	font-family:sansz;
	font-size:14px;
	color:#bbb;
}

.dlbox .dlprice span{
	font-family:sanszbold;
	font-size:15px;
	color:rgba(238, 69, 170, 0.870);
}

.dlbox .dlaccbtn {
	width:140px;
	height: 32px;
	margin:36px auto 0 auto;
	background-color: rgba(238, 69, 170, 0.74);
    background: linear-gradient(45deg, rgba(238, 69, 170, 0.74) 15%, rgba(238, 69, 170, 0.96) 87%);
	border-radius: 8px;
	text-align: center;
	padding-top:6px;
}

.dlbox .dlaccbtn a {
	font-family: sansz;
	font-size: 15px;
	color:#fff;
}

.dlbox .dlnotify {
	font-family: sansz;
	font-size: 12px;
	color:#aaa;
	text-align: justify;
	width: 90%;
	margin:10px auto 0 auto;
}

.dlbox .err {
	position:absolute;
	bottom:12px;
	left:6px;
	text-align:center;
	font-family:sansz;
	font-size:15px;
	text-align:center;
	width:83%;
}

.dlbox .err2 {
	position:absolute;
	bottom:12px;
	left:6px;
	text-align:center;
	font-family:sansz;
	font-size:12px;
	text-align:center;
	width:83%;
	color:#aaa;
}

.dlbox .errnew {
	position:relative;
	text-align:center;
	font-family:sansz;
	font-size:15px;
	text-align:center;
	width:84%;
	margin:36px auto 0 auto;
}

.dlbox .errnew a {
	color: #ccc;;
}

.dlbox .dl {
	position:absolute;
	bottom:12px;
	left:6px;
	text-align:center;
	font-family:sansz;
	font-size:15px;
	text-align:center;
	width:83%;
}

.dlbox .dl a{
	color:#1E8DC4;
}

.dlbox .dlbtn {
	width:190px;
	height:32px;
	padding-top:8px;
	margin-right:auto;
	margin-left:auto;
	background: linear-gradient(45deg, rgba(238, 69, 170, 0.74) 15%, rgba(238, 69, 170, 0.96) 87%);
	border-radius: 8px;
	margin-top:30px;
	text-align:center;
	font-family:sansz;
	font-size:14px;
	text-align:center;
}

.dlbox .dlbtn2 {
	margin-top:14px;
	background: linear-gradient(45deg, rgba(57, 143, 223, 0.74) 15%, rgba(57, 143, 223, 0.96) 87%);
}

.dlbox .dlbtn a {
	color:#fff;
}

.dlbox .mainpart .pltitle{
	color: #1d8cb5;
	font-family: sansz;
	font-size: 15px;
	text-align: center;
	margin-top:10px;
	border-bottom: 1px solid #161616;
	padding-bottom: 10px;
}

.dlbox .mainpart .plsno{
	min-height: 138px;
	position: relative;
	color: #ccc;
	font-family: sansz;
	font-size: 13px;
	text-align: center;
	margin:11px 12px;
	position:relative;
}

.dlbox .mainpart .pls{
	height: 138px;
	position: relative;
	color: #ccc;
	font-family: sansz;
	font-size: 13px;
	text-align: center;
	margin:11px 12px;
	position:relative;
}

.dlbox .mainpart .pls .pl {
	width:100%;
	height:24px;
	padding-top:4px;
	background-color: #1a1a1a;
	margin-bottom:10px;
	border-radius: 6px;
}

.dlbox .mainpart .pls .pl .name{
	float:left;
	margin-left:20px;
	font-size: 12px;
	color:#eee;
}

.dlbox .mainpart .pls .pl .icon{
	float:right;
	margin-right:20px;
}

.dlbox .mainpart .pls .pl .icon img{
	width:20px;
	height:20px;
}

.dlbox .mainpart .nopl{
	color: #ccc;
	font-family: sansz;
	font-size: 13px;
	text-align: center;
	margin:46px 12px;
	position:relative;
}

.dlbox .mainpart .plnew {
	margin:16px 12px;
	position:relative;
}

.dlbox .mainpart .plnew .title{
	color: #f752b5;
	font-family: sansz;
	font-size: 14px;
	text-align: center;
}

.dlbox .mainpart .plnew .input{
	font-family: sansz;
	font-size: 14px;
	text-align: center;
	width:70%;
	margin:10px auto 0 auto;
}

.dlbox .mainpart .plnew .input input{
	width:calc(100% - 12px);
	padding:2px 6px;
	font-family: sansz;
	font-size: 13px;
	background-color: #ccc;
	border:1px solid #aaa;
	text-align: center;
	border-radius: 6px;
}

.dlbox .mainpart .plnew .addplbtn{
	text-align: center;
	width:26px;
	height:26px;
	padding:3px;
	border-radius: 8px;
	background-color: #181818;
	margin:10px auto 0 auto;
}

.dlbox .mainpart .plnew .addplbtn img{
	width:26px;
}

.maincontainer {
	width:100%;
	min-height:600px;
	margin-right:auto;
	margin-left:auto;
	position:relative;
	display:block;
}

.mainbox {
	width:98%;
    margin: 0 auto 14px auto;
	min-height:260px;
	margin-bottom:14px;
	position:relative;
}

.indexprodstitle {
	font-family: sanszbold;
	color:#eee;
	font-size: 20px;
	width:150px;
	margin:0 4% 16px auto;
	float: right;
}

.mobtop {
	min-height:80px;
	width:93%;
}

.mobtop .bestpart{
	min-height:210px;
	width:100%;
	margin:2px auto 0 auto;
	position:relative;
}

.mobtop .bestpart img{
	width:100%;
	height:auto;
}

.mobtop .bestpart .atitle{
	width:54%;
	position:relative;
	margin:-16px auto 0 auto;
	padding:4px;
	border:1px solid rgba(255,255,255,0.5);
	border-radius:8px;
	font-family:sansz;
	font-size:12px;
	text-align:center;
	color:rgba(255,255,255,0.8);
	background-color:rgba(255,255,255,0.1);
	z-index:11;
}

.mobtop .bestpart .alinkt{
	font-family:sanszbold;
	font-size:12px;
	text-align:center;
	color:rgba(255,255,255,0.8);
	margin:10px auto 0px auto;
	width:94%;
}

.mobtop .bestpart .alink{
	font-family:sansz;
	font-size:12px;
	text-align:center;
	color:rgba(255,255,255,0.8);
	margin:0px auto 8px auto;
	width:94%;
}

.mobtop .bestpart .alinkt a{
	color:#fff;
}

.mobtop .bestpart .alink a{
	color:#ccc;
}

.mobtop .bestpart .bestalbum{
	float:right;
	background-color:rgba(152, 33, 158,0.4);
	width:48%;
	min-height:250px;
	border-radius: 8px;
}

.mobtop .bestpart .bestalbum .albumimg{
	width:100%;
	position:relative;
	overflow:hidden;
	border-radius: 8px 8px 0 0;
	-webkit-mask-image: -webkit-linear-gradient(top, rgba(0,0,0,1) 50%, rgba(0,0,0,0.7) 85%, rgba(0,0,0,0) 100%);
    mask-image: linear-gradient(top, rgba(0,0,0,1) 70%, rgba(0,0,0,0.2) 85%, rgba(0,0,0,0) 100%);
}

.mobtop .bestpart .bestalbum .atitle{
	margin:-18px auto 0 auto;
}

.mobtop .bestpart .bestalbum .atitle a{
	color:#fff;
	z-index:999999;
}

.mobtop .bestpart .bestartist{
	float:left;
	background-color:rgba(128, 30, 25,0.4);
	width:48%;
	min-height:250px;
	border-radius: 8px;
}

.mobtop .bestpart .bestartist .artistimg{
	width:100%;
	position:relative;
	overflow:hidden;
	border-radius: 8px 8px 0 0;
	-webkit-mask-image: -webkit-linear-gradient(top, rgba(0,0,0,1) 50%, rgba(0,0,0,0.7) 85%, rgba(0,0,0,0) 100%);
    mask-image: linear-gradient(top, rgba(0,0,0,1) 70%, rgba(0,0,0,0.2) 85%, rgba(0,0,0,0) 100%);
}

.mobtop .bestpart .bestartist .artistimg img{
	margin-top:-10%;
}

.mobtop .bestpart .bestartist .atitle a{
	color:#fff;
}

.mobtop .bspart{
	min-height:230px;
	width:100%;
	margin:38px auto 0 auto;
	position:relative;
}

.mobtop .bspart ::-webkit-scrollbar {
	-webkit-appearance: none;
}
.mobtop .bspart ::-webkit-scrollbar:vertical {
	width: 14px;
}
.mobtop .bspart ::-webkit-scrollbar:horizontal {
	height: 18px;
}
.mobtop .bspart ::-webkit-scrollbar-thumb {
	background-color: rgba(255, 255, 255, .04);
	border-radius: 4px;
}
.mobtop .bspart ::-webkit-scrollbar-track {
	border-radius: 4px;
	background-color: rgba(255, 255, 255, .02);
}

.mobtop .bspart .parttop {
	height:53px;
	position:relative;
	padding:2px;
	overflow: hidden;
	margin:2px 0 0 0;
	border: none;
	float: right;
	width: 136px;
}

.mobtop .bspart .parttop .title{
	height:20px;
	float:none;
	color:#eaeaea;
	font-family:sanszbold;
	font-size:15.6px;
	text-align:center;
}

.mobtop .bspart .parttop .logo{
	width:124px;
	margin:4px auto 0 auto;
}

.mobtop .bspart .parttop .logo img {
	height:auto;
	width:100%;
}

.mobtop .bspart .parttop .parttoplink {
	height: 0;
	opacity: 0;
	font-family: sanszbold;
	position: absolute;
	bottom: 0;
	width:100%;
}

.mobtop .bspart .parttop .parttoplink a{
	color:#e8e8e8;
}

.mobtop .bspart .parttop .parttoplink .p1 {
	font-size:15px;
	margin-top:2px;
	text-align: center;
}

.mobtop .bspart .parttop .parttoplink .p2 {
	font-size:15px;
	color:#1d8cb5;
	margin-top:-4px;
	text-align: center;
}
.mobtop .bspart .parttop .parttoplink .p3 {
	color: #ae26b5;
}

.mobtop .bspart .parttopmoods {
	height:36px;
	width:150px;
}

.mobtop .bsparta .parttop {
	width:114px;
	margin-right:-8px;
}

.mobtop .bsparta .parttop .title{
	font-size:14.6px;
	margin-right:8px;
}

.mobtop .bsparta .parttop .logo{
	float:right;
}

.indexshowmore {
	float: left;
	width: 98px;
	margin:20px 0 0 0;
	border: 1px solid #222;
	border-radius: 6px;
	padding:4px 6px 0 4px;
}

.indexshowmore .showmoretxt {
	float: right;
	font-size: 14px;
}

.indexshowmore .showmoreimg {
	float:left;
	width:20px;
	margin: 2px 0 0 0;
}

.indexshowmore .showmoreimg img {
	width: 100%;
}

.indexprodstitleshowmore {
	margin: 0 0 0 4%;
}

.indexmoodsshowmore {
	margin: 0 0 0 0;
}

.mobtop .bspart .partbody {
	width: 100%;
	height: 264px;
	overflow-x: scroll;
	overflow-y: hidden;
	direction: rtl;
	white-space: nowrap;
	margin-top: 2px;
    z-index: 98;
}

.mobtop .bspart .partbody .carousel{
	margin:6px auto 0 auto;
}

.mobtop .bspart .partbody .bsbox{
	width: 140px;
	height: 220px;
	font-family:sansz;
	overflow: hidden;
	text-align:center;
	border-radius: 6px;
	margin: 10px 0 0 12px;
	display: inline-block;
	vertical-align: top;
	background-color:rgba(255,255,255,0.08);
	background: linear-gradient(56deg, rgba(225,225,225,0.04) 0%, rgba(188,188,188,0.12) 100%);
	transition: 0.3s;
	position: relative;
}

.mobtop .bspart .partbody .bsbox:hover {
	background: linear-gradient(56deg, rgba(170,170,170,0.04) 0%, rgba(140,140,140,0.12) 100%);
}

.mobtop .wompart .partbody {
	height: 244px;
}

.mobtop .wompart .partbody .bsbox {
	height:202px;
}

.mobtop .bspart .partbody .bsbox .img {
	width: 100%;
}
.mobtop .bspart .partbody .bsbox .img img{
	width: 100%;
}

.mobtop .bspart .partbody .bsboxlarge{
	height:230px;
}

.mobtop .bspart .partbody .bsbox .balbumtitle {
	width:92%;
	margin:8px auto 0 auto;
	font-size:12px;
	line-height:1.4;
	max-height: 42px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: wrap;
	color:rgba(255,255,255,1);
}

.mobtop .bspart .partbody .bsbox .balbumtitlelarge {
	font-size:15px;
}

.mobtop .bspart .partbody .bsbox .balbumtitle a{
	color:rgba(255,255,255,1);
}

.mobtop .bspart .partbody .bsbox .albumartist {
	width:96%;
	margin:4px auto 0 auto;
	font-size:11px;
	color:#888;
}

.mobtop .bspart .partbody .bsbox .albumartist a{
	color:#888;
}

.mobtop .bspart .partbody .bsbox .irsupt1 {
	font-family: sanszbold;
	color:#d4d4d4;
	font-size:16px;
	margin-top:24px;
	
}

.mobtop .bspart .partbody .bsbox .irsupt2 {
	color:#c2c2c2;
	font-size:14px;
}

.mobtop .bspart .partbody .bsbox .irsupt3 {
	font-family: sanszbold;
	color:#80dbc0;
	font-size:17px;
}

.mobtop .bspart .partbody .bsbox .irsupbtn {
	background: linear-gradient(45deg, rgba(57, 143, 223, 0.74) 15%, rgba(57, 143, 223, 0.96) 87%);
	width:80%;
	height: 40px;
	padding-top: 14px;
	vertical-align: middle;
	position: absolute;
	bottom:12px;
	right:10%;
	border-radius: 6px;
}

.mobtop .bspart .partbody .bsbox .irsupbtn a {
	color:#f6f6f6;
	font-size: 14px;
}

.mobtop .bspart .partbodymood {
	height: 224px;
}

.mobtop .bspart .partbody .moodbox{
	width: 120px;
	height: 184px;
	font-family:sansz;
	overflow: hidden;
	text-align:center;
	border-radius: 6px;
	margin: 10px 0 0 12px;
	display: inline-block;
	vertical-align: top;
	background-color:rgba(255,255,255,0.08);
	background: linear-gradient(56deg, rgba(225,225,225,0.04) 0%, rgba(188,188,188,0.12) 100%);
	transition: 0.3s;
	position: relative;
}

.mobtop .bspart .partbody .moodbox:hover {
	background: linear-gradient(56deg, rgba(170,170,170,0.04) 0%, rgba(140,140,140,0.12) 100%);
}

.mobtop .bspart .partbody .moodbox .img {
	width: 100%;
}
.mobtop .bspart .partbody .moodbox .img img{
	width: 100%;
}

.mobtop .bspart .partbody .bsboxlarge{
	height:230px;
}

.mobtop .bspart .partbody .moodbox .balbumtitle {
	width:92%;
	margin:8px auto 0 auto;
	font-size:12px;
	line-height:1.4;
	max-height: 42px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: wrap;
	color:rgba(255,255,255,1);
}

.mobtop .bspart .partbody .moodbox .balbumtitlelarge {
	font-size:15px;
}

.mobtop .bspart .partbody .moodbox .balbumtitlelarge h3 {
	color:#fff;
}

.mobtop .bspart .partbody .navprev{
	position:absolute;
	top:-48px;
	left:calc(50% - 115px);
	opacity:0.4;
	width:24px;
}

.mobtop .bspart .partbody .navprev img{
	width:100%;
}

.mobtop .bspart .partbody .navnext{
	position:absolute;
	top:-48px;
	left:calc(50% + 90px);
	opacity:0.4;
	width:24px;
}

.mobtop .bspart .partbody .owl-nav,.mobtop .bspart .partbody .owl-dots{
	height:1px;	
}

.mobtop .bspart .partbody .navnext img{
	width:100%;
}

.mobtop .bsparta{
	min-height:120px;
}

.mobtop .bsparta .partbody {
	height:230px;
}

.mobtop .bsparta .partbody .bsbox {
	width: 100px;
    height: 190px;
}

.mobtop .bspart .partbodygenres {
	width: 100%;
	height: 130px;
	overflow-x: scroll;
	overflow-y: hidden;
	direction: rtl;
	white-space: nowrap;
	margin-top: 2px;
    z-index: 98;
}

.mobtop .bspart .partbodygenres .genrebox{
	width: 110px;
	height: 90px;
	font-family:sansz;
	overflow: hidden;
	text-align:center;
	border-radius: 6px;
	margin: 10px 0 0 12px;
	display: inline-block;
	vertical-align: top;
	background-color:rgba(255,255,255,0.08);
	background: linear-gradient(56deg, rgba(225,225,225,0.04) 0%, rgba(188,188,188,0.12) 100%);
	transition: 0.3s;
	position: relative;
}

.mobtop .bspart .partbodygenres .genrebox .genretitle {
	font-family: sanszbold;
	font-size: 16px;
}

.mobtop .bspart .partbodygenres .genrebox .genretitle h3 {
	margin-top:30px;
	color:#fff;
}

.mobtop .bsparta .artistname{
	position: relative;
	width:90%;
	text-align: left;;
}

.mobtop .bsparta .artistname span{
	background-color: rgba(50,50,50,0);
	color:#f6f6f6;
	font-size:12px;
	width: 92%;
	display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: wrap;
    color: rgba(255,255,255,1);
	margin:8px auto 0 auto;
	text-align: center;
}

.mobtop .wompart{
	margin:12px auto 0 auto;
}



.mobtop .wompartlink{
	width:99%;
	min-height:32px;
	margin:10px auto 48px auto;
	position:relative;
	padding:10px 0 8px 0;
	border-radius:6px;
	border:1px solid #212121;
}

.mobtop .wompartlink .womlink{
	width:90%;
	margin:2px auto;
	font-family:sanszbold;
	font-size:13px;
	text-align:center;
	position:relative;
}

.mobtop .wompartlink .womlink a{
	color:#ddd;
}

.mobviewbox {
	min-height:100px;
	width:96%;
	padding: 0 1% 0 1%;
	background-color: #0a0a0a;
	margin: 12px auto 16px auto;
}

.mobviewbox .view{
	width:184px;
	min-height:100px;
	float:left;
}

.mobviewbox .view img{
	width:36px;
	height:36px;
}

.mobviewbox .view .part {
	float:left;
	border:1px solid #333;
	border-radius:8px;
	width:48px;
	height:70px;
	margin:8px 8px 0 0;
	position:relative;
}

.mobviewbox .view .part a{
	color:#999;
}

.mobviewbox .view .part .pimg{
	width:36px;
	margin:2px auto 0 auto;
}

.mobviewbox .view .part .pimgplay{
	width:36px;
	margin:2px 4px 0 auto;
}

@-moz-keyframes blink {
    0% {
        opacity:1;
    }
    50% {
        opacity:0;
    }
    100% {
        opacity:1;
    }
} 

@-webkit-keyframes blink {
    0% {
        opacity:1;
    }
    50% {
        opacity:0;
    }
    100% {
        opacity:1;
    }
}

.mobviewbox .view .part .blinkimg{
	width:15.6px;
	top:9.5px;
	right:8.4px;
	position:absolute;
	z-index:2;
	-moz-animation: blink normal 2s infinite ease-in-out; /* Firefox */
    -webkit-animation: blink normal 2s infinite ease-in-out; /* Webkit */
    -ms-animation: blink normal 2s infinite ease-in-out; /* IE */
    animation: blink normal 2s infinite ease-in-out;
}

.mobviewbox .view .part .blinkimg img{
	width:100%;
}

.mobviewbox .view .part .ptitle{
	width:42px;
	margin:-5px auto 0 auto;
	text-align:center;
	font-family:sansz;
	font-size:12px;
	line-height:1.3;
}

.mobviewbox .view .partslctd {
	border:1px solid #888;
}

.mobviewbox .view .partslctd .ptitle{
	color:#bbb;
}

.mobviewbox .view .filter {
	margin:8px 8px 8px 0;
	width:164px;
	border:1px solid #242424;
	border-radius:8px;
	height:26px;
	float:left;
	background-color:#242424;
	transition: 0.3s;
}

.mobviewbox .view .filterslctd {
	border:1px solid #222;
	background-color:#0a0a0a;
	cursor: pointer;
}

.mobviewbox .view .filter .fimg{
	width:22px;
	height:22px;
	margin:2px 0 0 6px;
	float:left;
}

.mobviewbox .view .filter .fimg img{
	width:100%;
	height:100%;
}

.mobviewbox .view .filter .ftitle{
	font-family:sansz;
	font-size:12px;
	margin:3px 6px 0 0;
	color: #1d8cb5;
}

.mobviewbox .curview {
	position:relative;
	float:right;
	width:calc(100% - 192px);
	height:120px;
	font-family:sansz;
}

.mobviewbox .curview .t1{
	color:#888;
	font-size:11px;
	margin:6px 2px 0 0;
}

.mobviewbox .curview .t2{
	color:#e5e5e5;
	font-size:14px;
	line-height:1.5;
	margin:2px 2px 0 0;
	font-family:sanszbold;
}

.mobviewbox .curview .cnt{
	font-size:12px;
	position:absolute;
	bottom:4px;
	right:2px;
	color: #1d8cb5;
}

.mobviewbox .curview .cnt span{
	font-family:sanszbold;
}

.mobviewbox .vfilter {
    width: 100%;
    max-height: 0px;
    border-top: none;
	background-color: #222;
	margin-top:2px;
	border-radius: 6px;
    overflow: hidden;
    position: relative;	
}

.mobviewbox .vfilter .right{
	width:80px;
	float:right;
	border-left:1px solid #333;
}

.mobviewbox .vfilter .right .btn{
	width:calc(100% - 10px);
	height:22px;
	font-family:sansz;
	font-size:11px;
	text-align:center;
	color:#999;
	padding:6px 0 0 0px;
	margin:4px 4px 4px 0;
	border:1px solid #333;
	border-radius:6px;
}

.mobviewbox .vfilter .right .btnslctd{
	color:#1d8cb5;
	font-family:sanszbold;
	border:1px solid #444;
	background-color: #2a2a2a;
}

.mobviewbox .vfilter .left{
	width:calc(100% - 90px);
	float:left;
	position:relative;
}

.mobviewbox .vfilter .scat{
	display:block;
}

.mobviewbox .vfilter .mlabel{
	position:absolute;
	top:10px;
	right:4px;
	font-family:sansz;
	color:#aaa;
}

.mobviewbox .vfilter .minput{
	position:absolute;
	top:32px;
	width:86px;
	right:4px;
	font-family:sansz;
	background-color:rgba(0,0,0,0.01);
	border:1px solid #444;
	color:#888;
	font-size:12px;
	border-radius: 6px;
}

.mobviewbox .vfilter .minput option{
	color:#666;
}

.mobviewbox .vfilter .scat .slabel{
	right:98px;
}

.mobviewbox .vfilter .scat .sinput{
	right:98px;
}


.mobviewbox .vfilter .sbtn{
	position:absolute;
	top:32px;
	right:192px;
	width:24px;
	height:22px;
	font-family:sansz;
	background-color:#9b19bf;
	border:1px solid #9b19bf;
	display:none;
	border-radius: 6px;
}

.mobviewbox .vfilter .sbtn img{
	width:16px;
	height:16px;
	margin:3px 4px 0 auto;
}

.mobviewbox .vfilter .stag{
	display:none;
}

.mobviewbox .vfilter .stag .sbtn{
	right:98px;
}

.mobviewnewbox {
	min-height:40px;
	width:93%;
	padding: 0;
	border-radius: 6px;
	background:none;
}

.mobviewnewbox .curview {
    height: 60px;
}

.mobviewnewbox .view {
    min-height: 60px;
}

.mobviewnewbox .view .filter {
	margin-top: 18px;
	cursor: pointer;
}

.mainbox .gotoalbums {
	position: fixed;
	width: 100%;
	height: 52px;
	background-color: rgba(27, 27, 27, 0.94);
	bottom:0px;
	left: 0px;
	z-index: 98;
}

.mainbox .gotoalbums .icon {
	width: 42px;
	height: 42px;
	margin: 4px 4px 0 0;
	float: right;
}

.mainbox .gotoalbums .icon img {
	width: 100%;
	cursor: pointer;
}

.mainbox .gotoalbums .title {
	margin: 13px 6px 0 0;
	font-size: 16px;
	font-family: sanszbold;
	color: #fff;
	float: right;
	cursor: pointer;
}

.artistmobbox {
	min-height:360px;
	background-color:#000;
	overflow:hidden;
	width:100%;
	margin-top: -14px;
}

.artistmobbox:before {
    width: 100%;
    height: 100%;
    content: "";
    position: absolute;
    background-size: cover;
    -webkit-filter: blur(140px) contrast(60%);
    filter: blur(140px) contrast(60%);
}

.artistmobbox .aimg{
	width:38%;
	height:auto;
	position:relative;
	float:right;
	margin:10px 10px 0 0;
	border-radius:8px;
	overflow:hidden;
}

.artistmobbox .aimg img{
	width:100%;
}

.artistmobbox .ainfo{
	width:55%;
	min-height:100px;
	height:auto;
	position:relative;
	float:right;
	margin:16px 2% 0 1%;
}

.artistmobbox .ainfo .fname{
	font-family:sanszbold;
	font-size:19px;
	color:#fff;
}

.artistmobbox .ainfo .ename{
	font-family:sansz;
	font-size:13px;
	color:rgba(255,255,255,0.8);
}

.artistmobbox .ainfo .year{
	font-family:sansz;
	font-size:11px;
	color:rgba(255,255,255,0.5);
	margin-top:10px;
}

.artistmobbox .aplay{
	position:relative;
	width:80px;
	height:26px;
	border:1px solid #1d8cb5;
	margin:-36px 43% 0 0;
	border-radius:8px;
	background-color:rgba(255,255,255,0);
}

.artistmobbox .aplay .blinkimg {
	float:right;
	margin-top:1px;
	-moz-animation: blink normal 2s infinite ease-in-out;
    -webkit-animation: blink normal 2s infinite ease-in-out;
    -ms-animation: blink normal 2s infinite ease-in-out;
    animation: blink normal 2s infinite ease-in-out;	
}

.artistmobbox .aplay .txt {
	font-family:sansz;
	font-size:11px;
	margin:4px 4px 0 0;
	color:rgba(255,255,255,0.8);
}

.artistmobbox .aalbums{
	position:relative;
	width:70px;
	height:26px;
	border:1px solid #1d8cb5;
	margin:-36px 43% 0 0;
	border-radius:8px;
	background-color:rgba(255,255,255,0);
}

.artistmobbox .aalbums .blinkimg {
	float:right;
	margin:1px 2px 0 2px;
	-moz-animation: blink normal 4s infinite ease-in-out;
    -webkit-animation: blink normal 4s infinite ease-in-out;
    -ms-animation: blink normal 4s infinite ease-in-out;
    animation: blink normal 4s infinite ease-in-out;	
}

.artistmobbox .aalbums .txt {
	font-family:sansz;
	font-size:12px;
	margin:3px 6px 0 0;
	color:rgba(255,255,255,0.8);
}

.artistmobbox .atxt{
	position:relative;
	font-family:sansz;
	color:rgba(255,255,255,0.8);
	font-size:14px;
	text-align:justify;
	margin:14px 12px 0 12px;
	line-height:1.9;
}

.artistmobbox .atxt a{
	color:#29b7ff;
}

.artistmobbox .atxt strong{
	color:#fff;
	font-weight:700;
}

.artistmobbox .atxt p{
	margin-bottom: 14px;
}

.artistmobbox .atxt h2 {
	font-size: 17px;
    font-family: sanszbold;
    margin-top: 14px;
    margin-bottom: 12px;
    color: #e9e3da;
}

.artistmobbox .atxt h3 {
	font-size: 15px;
    font-family: sanszbold;
    margin-top: 14px;
    margin-bottom: 12px;
    color: #e9e3da;
}

.artistmobbox .atxt img {
	width:100%;
	height:auto;
	margin:16px 0;
	border-radius: 6px;
}

.artistmobbox .atxt ul {
	margin:10px 0 16px 0;
	list-style-type: square;
    list-style-position: inside;
}

.artistmobbox .alinks{
	margin:14px 10px 10px 10px;
	position:relative;
	font-family:sansz;
	border-top:1px solid rgba(255,255,255,0.1);
	border-radius:4px;
}

.artistmobbox .alinks .acat{
	float:right;
	margin:8px 6px 0 0;
	height:22px;
	padding:3px 6px 0 6px;
	border:1px solid #1d8cb5;
	border-radius:8px;
	background-color:rgba(255,255,255,0);
}

.artistmobbox .alinks .acat a{
	color:#fff;
}

.artistmobbox .alinks .ltitle{
	color:#e464ed;
	margin:6px 6px 6px 0;
	font-size:13px;
}

.artistmobbox .alinks .update{
	color:rgba(255,255,255,0.3);
	font-size:11px;
	position:absolute;
	width:80px;
	left:0;
	top:4px;
	line-height:1.4;
	text-align:left;
}

.artistmobbox .alinks .link{
	min-width:30px;
	height:13px;
	float:right;
	margin:8px 6px 8px 6px;
}

.artistmobbox .alinks .link .limg{
	height:100%;
	width:auto;
}

.artistmobbox .alinks .link .limg img{
	height:100%;
}

.artistmobbox .alinks .lwiki{
	height:21px;
	margin:4px 6px 0px 2px;
}

.artistmobbox .alinks .ldiscogs{
	height:20px;
	margin:5px 4px 0px 2px;
}

.artistmobbox .alinks .lallmusic{
	height:12px;
	margin:6px 7px 0px 6px;
}

.artistmobbox .alinks .relatedposts {
	width: 100%;
	margin:10px auto;
	min-height: 120px;
}

.artistmobbox .alinks .relatedposts .maintitle{
	text-align: right;
	font-size: 16px;
	font-family: sanszbold;
	color:#ccc;
}

.artistmobbox .alinks .relatedposts .rpost {
	width:100%;
	margin:12px auto 0 auto;
	padding-top: 8px;
	background-color: rgba(0,0,0,0.1);
	border-radius: 6px;
}

.artistmobbox .alinks .relatedposts .rpost .rpostimg {
	float: right;
	width:90px;
	border-radius:6px;
	margin-right:6px;
}

.artistmobbox .alinks .relatedposts .rpost .rpostimg img{
	width: 100%;
	border-radius:6px;
}

.artistmobbox .alinks .relatedposts .rpost .rposttitle {
	float: right;
	width: calc(100% - 110px);
	text-align: right;
	margin-right:10px;
	font-size:15px;
	font-family: sansz;
}


.catbox {
	min-height:90px;
	margin-bottom:10px;
	background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
	width:100%;
	margin-top: -14px;
	padding-top: 10px;
}

.catbox .fullback{
	background: linear-gradient(0deg, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.4) 68%, rgba(0,0,0,0.5) 100%);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
}

.catbox .aalbums{
	position:relative;
	float: left;
	width:68px;
	height:26px;
	border:1px solid #1d8cb5;
	margin:2px 0 0 8px;
	border-radius:8px;
	background-color:rgba(255,255,255,0);
	z-index: 11;
}

.catbox .aalbums .blinkimg {
	float:right;
	margin:1px 2px 0 2px;
	-moz-animation: blink normal 4s infinite ease-in-out;
    -webkit-animation: blink normal 4s infinite ease-in-out;
    -ms-animation: blink normal 4s infinite ease-in-out;
    animation: blink normal 4s infinite ease-in-out;	
}

.catbox .aalbums .txt {
	font-family:sansz;
	font-size:12px;
	margin:3px 6px 0 0;
	color:rgba(255,255,255,0.8);
}

.catbox h1{
	z-index: 11;
	width:calc(100% - 92px);
	color:#f2f2f2;
	font-family:sanszbold;
	position:relative;
	font-size:17px;
	margin:4px 10px 0 0;
}

.catbox .aplay{
	margin:14px 10px 0 10px;
	float:right;
	position:relative;
	z-index:11;
}
.catbox .aplay .txt{
	color:rgba(255,255,255,0.8);
}


.catbox .catText{
	z-index: 11;
	color:rgba(255,255,255,0.8);
	font-family:sansz;
	position:relative;
	font-size:14px;
	line-height: 1.9;
	margin:16px 14px;
	text-align: justify;
}

.catbox .catText a{
	color:#29b7ff;
}

.catbox .catText strong{
	color:#fff;
	font-weight:700;
}

.catbox .catText p{
	margin-bottom: 14px;
}

.catbox .catText h2 {
	font-size: 16px;
    font-family: sanszbold;
    margin-top: 14px;
    margin-bottom: 12px;
    color: #e9e3da;
}

.catbox .catText h3 {
	font-size: 15px;
    font-family: sanszbold;
    margin-top: 14px;
    margin-bottom: 12px;
    color: #e9e3da;
}

.catbox .catText img {
	width:100%;
	height:auto;
	margin:16px 0;
	border-radius: 6px;
}

.catbox .catText ul {
	margin:10px 0 16px 0;
	list-style-type: square;
    list-style-position: inside;
}

.catbox .catTopArtists{
	z-index: 11;
	border-top:1px solid rgba(255,255,255,0.3);
	margin:16px 8px 0 8px;
	position:relative;
}

.catbox .catTopArtists .ctatitle {
	color:rgba(255,255,255,0.85);
	font-family:sansz;
	font-size:13px;
	margin:12px 0 0 0;
}

.catbox .catTopArtists .topartist {
	width:22%;
	height:150px;
	overflow:hidden;
	float:right;
	margin:10px 0 0 3%;
	background-color:rgba(0,0,0,0.4);
	border-radius: 8px;
}


.catbox .catTopArtists .topartist .topartistimg{
	width:100%;
	height:auto;
}

.catbox .catTopArtists .topartist .topartistimg img{
	width:100%;
	height:auto;
}

.catbox .catTopArtists .topartist .topartistname{
	font-family:sansz;
	font-size:12px;
	margin:4px;
	line-height:1.5;
	text-align: center;
	color:#de665d;
}

.catbox .catTopTags{
	z-index: 11;
	border-top:1px solid rgba(255,255,255,0.3);
	margin:16px 8px 0 8px;
	position:relative;
}

.catbox .catTopTags .ctagtitle {
	color:rgba(255,255,255,0.85);
	font-family:sansz;
	font-size:13px;
	margin:12px 0 12px 0;
}

.catbox .catTopTags .ctagitem {
	width: 30.3%;
	height:80px;
	overflow:hidden;
	float:right;
	margin:10px 1% 0 2%;
	background-color:rgba(0,0,0,0.4);
	border-radius: 8px;
}

.catbox .catTopTags .ctagitem .titleen {
	text-align:center;
	color: #9ec9d8;
	margin-top: 16px;
	font-size: 13px;
	font-family: sanszbold;
}

.catbox .catTopTags .ctagitem .titlefa {
	text-align:center;
	color:#de665d;
	font-size: 13px;
}

.catbox .catallartists {
	clear:both;
	font-family:sansz;
	float:left;
	border:1px solid rgba(255,255,255,0.2);
	background-color:rgba(0,0,0,0.3);
	padding:6px 8px 6px 8px;
	margin:14px 0 0 0;
	font-size:12px;
	width:148px;
	text-align: center;
	border-radius: 8px;
}

.catbox .catallartists a{
	color:#ddd;
}

.catbox .catupdate {
	position: absolute;
	bottom: 4px;
	right: 6px;
	margin:10px 0 0 0;
	font-family: sansz;
	color: #888;
}

.catbox .tagupdate {
	position: relative;
	margin:10px 10px 4px 0;
	font-family: sansz;
	color: #999;
	z-index: 11;
}

.catbox .catpagenum {
	width:80px;
	height:26px;
	padding-top:4px;
	color:rgba(255,255,255,0.8);
	font-family:sansz;
	font-size:13px;
	text-align:right;
	position:absolute;
	bottom:8px;
	right:2px;
}

.sbox {
	min-height:360px;
}

.sbox .stoptitle {
	margin:8px;
	border-bottom:1px solid #222;
	font-family:sanszbold;
	direction:rtl;
	font-size:16px;
	height:38px;
	color:#aaa;
}

.sbox .stoptitle span{
	color:#0D8CBD;
}

.sbox .sbsub {
	min-height:60px;
	border-bottom:1px solid #222;
	margin:8px;
}

.sbox .sbsub .sbsubtitle {
	text-align:right;
	font-family:sanszbold;
	font-size:14px;
	margin-bottom:10px;
	color:#ccc;
}

.sbox .sbsub .sbartist {
	float:right;
	width:100px;
	min-height:170px;
	margin:0 0 10px 10px;
	background-color: #161616;
	border-radius: 8px;
}

.sbox .sbsub .sbartistimg {
	width:100px;
	height:100px;
	overflow:hidden;
	border-radius: 8px 8px 0 0;
}

.sbox .sbsub .sbartistimg img{
	width:100%;
}

.sbox .sbsub .sbartistname {
	text-align:right;
	font-family:sansz;
	font-size:12px;
	direction: ltr;
	text-align: center;
	margin:4px 4px 0 4px;
	
}

.sbox .sbsub .sbcat {
	float:right;
	width:100px;
	height:100px;
	margin:0 0 10px 10px;
	border:1px solid #222;
	background-color:#181818;
	position:relative;
	border-radius: 8px;
}

.sbox .sbsub .sbcat .catname{
	text-align:center;
	font-family:sansz;
	font-size:15px;
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
}

.sbox .sbsub .sbalbum {
	min-height:230px;
}


.nmprodbox {
	width:96%;
	min-height:80px;
	overflow:hidden;
	margin-bottom:20px;
	background-color: #141414;
	position:relative;
	border-radius:6px;
}

.nmprodbox .top{
	min-height:130px;
	width:100%;
	position:relative;
	border-bottom:1px solid #222;
}

.nmprodbox .top .pimg {
	width:34%;
	float:left;
	margin:7px 1% 4px 2%;
	overflow:hidden;
}

.nmprodbox .top .pimg .imgbox img{
	width:100%;
	border-radius:6px;
}

.nmprodbox .top .info {
	float:right;
	width:60%;
	min-height:80px;
	margin:10px 2% 0 0;
}

.nmprodbox .top .info .title{
	font-family:sansz;
	direction:ltr;
	font-weight:400;
	font-size:13px;
}

.nmprodbox .top .info .title a{
	color:#dc9d9d;
}

.nmprodbox .top .info .title span{
	color:#888;
	font-weight:500;
	font-size:12px;
}


.nmprodbox .top .info .artist{
	font-family:sansz;
	direction:ltr;
	font-weight:500;
	font-size:12px;
	margin-top:5px;
}

.nmprodbox .top .info .artist a{
	color:#e2e2e2;
}

.nmprodbox .top .info .genre{
	font-family:sansz;
	direction:ltr;
	font-weight:500;
	font-size:12px;
	padding-top:4px;
	margin-top:8px;
	color:#888;
}

.nmprodbox .top .info .genre a{
	color:#e2e2e2;
	font-family:sansz;
	font-size:12px;
}

.nmprodbox .inner{
	height:48px;
	width:100%;
	position:relative;
	margin-top:0px;
}

.nmprodbox .inner .btns {
	float:right;
	margin:2px 1% 4px 0%;
	width:auto;
}

.nmprodbox .inner .btns .btnm{
	margin:6px 0 0 6px;
	float: right;
	width:95px;
	border:1px solid #333;
	font-family:sansz;
	font-size:11.5px;
	color:#eee;
	padding-top:5px;
	overflow:hidden;
	border-radius: 6px;
}

.nmprodbox .inner .btns .btnm a{
	color:#ddd;
}

.nmprodbox .inner .btns .btnm .icon{
	float:right;
	width:18px;
	margin:0px 3px 0 0 ;
}

.nmprodbox .inner .btns .btnm .icon img{
	width:100%;
}

.nmprodbox .inner .btns .btnm .title{
	float:right;
	margin:-3px 4px 0 0;
	height:100%;
	padding-top:4px;
}

.nmprodbox .inner .btns .btndl{
	
}

.nmprodbox .inner .btns .btnmore{
	
}

.nmprodbox .inner .btnplay{
	margin:6px 0 0 6px;
	float: left;
	width:32px;
	height:32px;
	border:1px solid #333;
	background: linear-gradient(0deg, #111, #111);
	border-radius: 6px;
	position: relative;
	display: block;
	overflow: hidden;
}

.nmprodbox .inner .btnplayslctdpaused {
	border:1px solid #601363;
}

.nmprodbox .inner .btnplayslctd {
	border:1px solid #ae26b5;
}

.nmprodbox .inner .btnplayslctd::before{
	content: '';
	position: absolute;
	left: -2px;
	top: -2px;
	background: linear-gradient(45deg, #111, #000, #111, #222, #333, #222);
	background-size: 400%;
	width: calc(100% + 5px);
	height: calc(100% + 5px);
	z-index: 0;
	animation: glower 5s linear infinite;
  }
  
  @keyframes glower {
	0% {
	  background-position: 0 0;
	}
	
	50% {
	  background-position: 100% 0;
	}
	
	100% {
	  background-position: 0 0;
	}
  }

.nmprodbox .inner .btnplayicon{
	width:24px;
	height:24px;
	margin:4px auto 0 auto;
	position: relative;
}

.nmprodbox .inner .btnpauseicon{
	width:24px;
	height:24px;
	margin:4px auto 0 auto;
	position: relative;
	display: none;
}

.nmprodbox .inner .btnplayicon img{
	width:100%;
	height:100%;
}

.nmprodbox .inner .label {
	margin:6px 0 0 6px;
	float: left;
	width:80px;
	height:32px;
	overflow: hidden;
}

.nmprodbox .inner .label .lbl {
	width:100%;
	min-height:10px;
	margin:0px 0px 0 0;
}

.nmprodbox .inner .label .lbl img{
	width:100%;
	height:auto;
}

.nmprodbox .inner .label .lbltext {
	width:100%;
	min-height:15px;
	font-family:sansz;
	color:#888;
	text-align:left;
	margin:-1px 0 0 0;
	border-radius:6px;
	font-size:11px;
}

.nmprodbox .inner .player {
	float:left;
	margin:8px 0 4px 2%;
	width:60%;
	min-height:100px;
}

.prodscontainer {
	display: flex;
	flex-direction: row-reverse;
    align-items: start;
    flex-wrap: wrap;
	gap: 12px;
	justify-content: space-between;
}

.prodscontainerlow {
	justify-content:flex-end;
}

.nmprodsbox {
	min-height:330px;
	overflow:hidden;
	width:48%;
	margin: 0 0 4% 0;
	background-color:#161616;
	position:relative;
	border-radius: 6px;
}

.nmprodsboxe {
	margin-right:0;
}

.nmprodsbox .pimg{
	width:100%;
	
}

.nmprodsbox .pimg img{
	width:100%;
	height:auto;
}

.nmprodsbox .pimg .pwom {
	position: absolute;
	top: 5px;
	left: 5px;
	background: linear-gradient(45deg, rgba(238, 69, 170, 0.74) 15%, rgba(238, 69, 170, 0.96) 87%);
	color: #fff;
	border-radius: 4px;
	padding: 3px 5px;
	width: 74px;
	height: 24px;
}

.nmprodsbox .pimg .pwom .icon {
	float: left;
	width: 24px;
}

.nmprodsbox .pimg .pwom .text {
	float:right;
	margin-top:1px;
}

.nmprodsbox .btns {
	width:100%;
	height:34px;
	background-color: rgba(0, 0, 0, 0.5);
	border:none;
	background: linear-gradient(90deg, rgba(10,10,10,0.50) 20%, rgba(10,10,10,0.2) 50%, rgba(10,10,10,0.50) 80%);
	margin:-3px auto 0 auto;
	position: relative;
}

.nmprodsbox .btnsslctd {
	
}

.nmprodsbox .btnsslctd::before{
	content: '';
	position: absolute;
	left: -2px;
	top: 0px;
	background: linear-gradient(45deg, #111, #000, #111, #1e1e1e, #313131, #222);
	background-size: 400%;
	width: calc(100% + 5px);
	height:33px;
	z-index: 0;
	animation: glower 5s linear infinite;
}

.nmprodsbox .btns .btnplay{
	margin:-7px auto 0 auto;
	width:36px;
	height:36px;
	position: relative;
	display: block;
	overflow: hidden;
	background-color:rgba(255,255,255,0.08); 
	border-radius:13px; 
	width:26px; 
	height:26px; 
	top:4px;
}

.nmprodsbox .btns .btnplayicon{
	width:24px;
	height:24px;
	margin:1px auto 0 auto;
	position: relative;
}

.nmprodsbox .btns .btnpauseicon{
	width:24px;
	height:24px;
	margin:1px auto 0 auto;
	position: relative;
	display: none;
}

.nmprodsbox .btns .btnplayicon img{
	width:100%;
	height:100%;
}

.nmprodsbox .btns .btnpauseicon img{
	width:100%;
	height:100%;
}

.nmprodsbox .btns .btnmore{
	width:24px;
	height:24px;
	position: absolute;
	right:6px;
	top:4px;
	display: block;
	overflow: hidden;
}

.nmprodsbox .btns .btndl{
	width:22px;
	height:22px;
	position: absolute;
	left:6px;
	top:5px;
	display: block;
	overflow: hidden;
}

.nmprodsbox .btns .btndl img{
	width:100%;
	height:100%;
}

.nmprodsbox .info {
	width:94%;
	margin:12px auto 0 auto;
	direction:ltr;
}

.nmprodsbox .info .title {
	text-align:left;
	font-family:sansz;
	color: #777;
	line-height:1.4;
	margin-top:2px;
	font-size:13px;
	max-height: 42px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: wrap;
}

.nmprodsbox .info .title a{
	color: #dc9d9d;
}

.nmprodsbox .info .artist {
	text-align:left;
	font-family:sansz;
	color: #777;
	margin-top:8px;
	font-size:12.4px;
	line-height:1.4;
	margin-bottom: 40px;
}

.nmprodsbox .info .artist a{
	color: #aaa;
}

.nmprodsbox .info .category {
	text-align:right;
	font-family:sansz;
	color: #777;
	margin-top:8px;
	font-size:12px;
	line-height:1.4;
	position: absolute;
	bottom:6px;
	right:6px;
	width:60%;
}

.nmprodsbox .info .category a{
	color: #888;
}

.nmprodsbox .info .year {
	text-align:left;
	font-family:sansz;
	color: #777;
	margin-top:8px;
	font-size:12px;
	line-height:1.4;
	position: absolute;
	bottom:6px;
	left:6px;
	width:35%;
}

.showmorellist {
	height:34px;
	min-height: 32px;
	margin: -10px auto 18px auto;
	border: 1px solid #1e1e1e;
	border-radius: 6px;
}

.showmorellist .showlinkicon {
	float:left;
	width:20px;
	margin:6px 4px 0 6px;
}

.showmorellist .showlinkicon img {
	width: 100%;
}

.showmorellist .showlink {
	float:left;
	font-size: 13.2px;
	margin:6px 0 0 2px;
}

.showmorellist .showlink a{
	color: #ccc;
}

.adsboxindex {
	display: flex;
    flex-direction: row;
    align-items: start;
    justify-content: space-between;
    flex-wrap: wrap;
	width:93%;
	margin:16px auto ;
}

.adsboxindex .adbox{
	width: 100%;
    aspect-ratio: 3.6;
    overflow: hidden;
    background: linear-gradient(
45deg, rgba(47, 47, 47, 0.74) 15%, rgba(80, 80, 80, 0.96) 87%);
    position: relative;
    border-radius: 6px;
	position: relative;
	margin:0 0 16px 0;
	display : flex;
	align-items : center;
}

.adsboxindex .adbox .adimagebox {
	width: 100%;
}

.adsboxindex .adbox .adimagebox img{
	width: 100%;
}

.adsboxindex .adbox .temp {
	width:80%;
	margin:0 auto 0 auto;
	vertical-align: middle;
	text-align: center;
}

.adsboxindex .adbox .temp .title {
	font-size: 16px;
	color:#f2f2f2;
}

.adsboxfooter {
	width:93%;
	margin:16px auto;
}

.adsboxfooter .adbox{
	max-width: 468px;
	min-width: 324px;
    aspect-ratio: 3.2;
    overflow: hidden;
    background: linear-gradient(
45deg, rgba(37, 125, 141, 0.74) 15%, rgba(29, 75, 87, 0.96) 87%);
    position: relative;
    border-radius: 6px;
	position: relative;
	margin:0 auto 16px auto;
	align-items : center;
	z-index: 1;
}

.adsboxfooter .adbox .temp {
	width:80%;
	margin:20px auto 0 auto;
	text-align: center;
}

.adsboxfooter .adbox .temp .title {
	font-size: 16px;
	color:#f2f2f2;
}

.adsboxfooter .adbox .temp .info a {
	color : #55c9f3;
}

.adprodmob {
	width: 94%;
	margin: 0 auto;
}

.adsboxprod {
	width:100%;
	margin:16px auto;
}

.adsboxprod .adbox{
	max-width: 470px;
	min-width: 320px;
    aspect-ratio: 2.6;
    overflow: hidden;
    background: linear-gradient(45deg, rgba(47, 47, 47, 0.74) 15%, rgba(80, 80, 80, 0.96) 87%);
    position: relative;
    border-radius: 6px;
	position: relative;
	margin:0 auto 16px auto;
	align-items : center;
}

.adsboxprod .adbox .temp {
	width:80%;
	margin:48px auto 0 auto;
	text-align: center;
}

.adsboxprod .adbox .temp .title {
	font-size: 16px;
	color:#f2f2f2;
}

.adsboxprod img {width: 100%;}

.adsbolabel {
	position: absolute;
	z-index: 1;
	width:42px;
	height:18px;
	padding-top: 2px;
	border-radius: 4px;
	background-color: rgba(255,255,255,0.1);
	font-size: 11px;
	color:#ccc;
	bottom:4px;
	left:4px;
	text-align: center;
}

@media screen and (max-width: 500px) {
	.adsboxindex .adbox {
		aspect-ratio: 2;
	}
	.adsboxprod .adbox {
		aspect-ratio: 2.2;
	}
	.adsboxprod .adbox {
		aspect-ratio: 2.2;
	}
}

.newbestbox {
	min-height:300px;
}

.newbestboxadsbox {
	display: flex;
    flex-direction: row;
    align-items: start;
    justify-content: space-between;
    flex-wrap: wrap;
	width:93%;
	margin:16px auto ;
}

.newbestboxad {
	width: 100%;
    height: 100px;
	min-height:100px;
    overflow: hidden;
    background: linear-gradient(
45deg, rgba(57, 143, 223, 0.74) 15%, rgba(57, 143, 223, 0.96) 87%);
    position: relative;
    border-radius: 6px;
	position: relative;
	margin:0 0 16px 0;
}

.newbestboxad .rightpart {
	border-radius:  0 6px 6px 0;
	float:right;
	width:120px;
	height:100px;
	background: linear-gradient(
45deg, rgba(150, 150, 150, 0.74) 15%, rgba(192, 192, 192, 0.96) 87%);
    position: relative;
}

.newbestboxad .rightpart .image{
	width:110px;
	margin: 6px auto 0 auto;;
}

.newbestboxad .rightpart .image img{
	width:100%;
	height:auto;
}

.newbestboxad .leftpart {
	width:calc(100% - 130px);
	float:left;
	height:100px;
	position: relative;
}

.newbestboxad .leftpart a{
	width: 94%;
	height:100px;
	position: relative;
}

.newbestboxad .leftpart .antitle {
	font-family: sanszbold;
	text-align: center;
	position: relative;
	width:98%;
	text-align: left;
}

.newbestboxad .leftpart .antitleen {	
	font-size:31px;
	margin-top:14px;
	color:#fff;
	background: linear-gradient(to right,#ccc,#f8f8f8);
	-webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
	font-weight: 700;
	float:left;
	margin-left: 3%;
	width:98%;
	text-align: left;
}

.newbestboxad .leftpart .antitlefa {
	font-size:13.2px;
	margin-top:-12px;
	background: linear-gradient(to right,#f8f8f8,#ddd);
	-webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
	float:left;
	margin-left: 4%;
	width:98%;
}

.newbestboxad2 {
	background: linear-gradient(45deg, rgba(200, 200, 200, 0.16) 15%, rgba(230, 230, 230, 0.18) 87%);
	background: linear-gradient(45deg, rgba(238, 69, 170, 0.74) 15%, rgba(238, 69, 170, 0.96) 87%);
	border-radius: 6px;
	
}

.newbestboxad2 .leftpart .antitleen {	
	font-size:26px;
	margin-top:18px
}

.newbestboxad2 .leftpart .antitlefa {	
	font-size:15px;
	margin-top:-6px;
}

.magnewsbox {
	width: 93%;
	min-height:150px;
    overflow: hidden;
    background: linear-gradient(
45deg, rgba(24, 24, 24, 0.74) 15%, rgba(24, 24, 24, 0.96) 87%);
    position: relative;
    border-radius: 6px;
	margin:14px auto;
}

.magnewsbox .magnewsboxtitle {
	color:#ccc;
	font-size: 15px;
	margin:6px 2.5%;
}

.magnewsbox .magnewsboxtitle a{
	color:#f2f2f2;
}

.magnewsbox .magpost {
	width:30%;
	margin:6px 2.5% 6px 0;
	float:right;
}

.magnewsbox .magpost .magpostimg {
	width:100%;
	border-radius: 6px;
}

.magnewsbox .magpost .magpostimg img {
	width:100%;
	border-radius: 6px;
}

.magnewsbox .maglink {
	width:100%;
	min-height:36px;
	border-radius: 0 0 6px 6px;
	margin: 6px auto 0 auto;
	padding-top:10px;
	text-align: center;
	color:#aaa;
	font-size: 14px;
	background-color: rgba(0,0,0,0.2);
}

.magnewsbox .maglink a{
	color:#aaa;
}

.magnewsbox .maglink span{
	color:#eee;
	font-size: 14px;
}

.paginationbox {
	width: 93%;
	min-height:44px;
	margin-bottom: 42px;
}

.paginationbox .pitem {
	float:right;
	width:24px;
	height:24px;
	background-color:#222;
	border:1px solid #555;
	border-radius: 6px;
	margin-left:8px;
	text-align:center;
	vertical-align:middle;
	font-family:sansz;
	font-size:14px;
}
.paginationbox a {
	color:#ccc;
}


.paginationbox .sitem {
	background-color:#444;
}

.paginationbox .fitem {
	background-color:#222;
}

.paginationbox .litemspace {
	float:right;
	width:24px;
	height:8px;
	margin-top:8px;
	margin-right:8px;
	text-align:center;
	vertical-align:bottom;
	font-family:sansz;
	font-size:17px;
}

.paginationbox .litem {
	background-color:#222;
}

.igbox {
	width:96%;
	min-height:100px;
	background-color:#444;
	position:relative;
	border-radius: 6px;
}

.igbox .igimgbox{
	width:80px;
	height:100px;
	margin:0px;
	float:left;
	background-color:#222;
	border-radius: 6px 0 0 6px;
}

.igbox .igimg{
	width:60px;
	height:60px;
	margin:10px 10px 4px 10px;
	float:left;
}

.igbox .igimgtxt{
	font-family:sansz;
	font-size:12px;
	text-align:center;
	color:#eee;
	margin-top:2px;
}

.igbox .igtext {
	width:calc(100% - 120px);
	margin:10px 15px 0 0;
	color:#ddd;
	font-family:sansz;
	font-size:14px;
}

.igbox .igtext div{
	text-align:center;
	margin-bottom:6px;
	padding-top:4px;
}

.igbox .igtext .iga{
	font-family:sanszbold;
	direction:ltr;
	width:130px;
	background-color:rgba(152, 33, 158,0.4);
	margin:0 auto 0 auto;
	border-radius:6px;
}

.womtbox {
	min-height:240px;
	width:100%;
	margin-bottom:14px;
	margin-top: 36px;
	position:relative;
}

.womtbox .fbck{
	width:100%;
	height:100%;
	position:absolute;
	background: linear-gradient(0deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.2) 68%, rgba(10,10,10,1) 100%);
	z-index:9;
	
}

.womtbox .womtright{
	z-index:11;
	position:relative;
    float:none;
    width:100%;
    min-height:50px;
    border-left:none;
    background-color:rgba(0,0,0,0);
    margin-top:10px;
}

.womtbox .womtright a{
	color:#e4e4e4;
}

.womtbox .womtright .womtlogo{
	width:60px;
	margin:16px auto 2px auto;
	z-index:11;
	position:relative;
}

.womtbox .womtright .womtlogo img{
	width:100%;
	height:auto;
	z-index:11;
}

.womtbox .womtright .womtlink1{
	font-family:sanszbold;
	text-align:center;
	font-size:15px;
}

.womtbox .womtright .womtlink2{
	font-family:sansz;
	color:#ddd;
	text-align:center;
	font-size:13px;
}

.womtbox .womtright .womtlink3{
	color:#ddd;
	text-align:center;
    margin-top:8px;
    font-family:sanszbold;
    font-size:15px;
}

.womtbox .womtright .womtlink3 a{
	color:rgba(255,255,255,0.5);
}

.womtbox .womtleft{
	min-height:100px;
	z-index:11;
	position:relative;
    float:none;
    width:96%;
    margin-right:2%;
}

.womtbox .womtleft .wtltop {
	display:none;
}

.womtbox .womtleft .wtltopleft {
    display:none;
}

.womtbox .womtleft .womtitem {
	float:right;
	height:46px;
	border:1px solid rgba(255,255,255,0.5);
	background-color:rgba(0,0,0,0.4);
	text-align:center;
    width:28%;
    padding:3px 5px 4px 5px;
    margin:0 0 7px 3px;
}

.womtbox .womtleft .womtitem a{
	color:#fff;
	text-align:center;
	font-family:sansz;
    font-size:13px;
}

.womtbox .womtleft .womtiteme {
	background-color:rgba(55, 48, 110,0.7);
}

.womtbox .pbody {
	position: relative;
    direction: ltr;
    width: 90%;
    margin: 0 4% 0 6%;
    align-items: center;
    z-index: 98;
}

.womtbox .pbody .owl-next {
    position: absolute;
    top: -54px;
    left: calc(50% + 74px);
    opacity: .4;
    width: 24px;
}

.womtbox .pbody .owl-prev {
    position: absolute;
    top: -54px;
    left: calc(50% - 120px);
    opacity: .4;
    width: 24px;
}

.womtbox .pbody .bsbox {
	background-color:rgba(0,0,0,0.4);
	min-height:210px;
	border-radius: 6px;
}

.womtbox .pbody .bsbox .img img{
	border-radius: 6px 6px 0 0;
}

.womtbox .pbody .bsbox .balbumtitle {
    width: 96%;
    margin: 8px auto 0 auto;
    font-size: 12px;
    line-height: 1.4;
	font-family:sansz;
	text-align:center;
}

.womtbox .pbody .bsbox .balbumtitle a{
	color:#fff;
}



.mobartistsbox {
    min-height: 120px;
}

.mobartistsbox .mobartistsc{
    min-height: 50px;
    position: relative;
    direction: ltr;
    display: flex;
    align-items: center;
	overflow:hidden;
	margin:6px;
}

.mobartistsbox .maintitle{
	font-family:sansz;
	font-size:14px;
	margin:4px 6px 0 0;
}

.mobartistsbox .navprev {
	position:absolute;
	left:-4px;
	top:30px;
	opacity:0.2;
	transition:0.3s;
}

.mobartistsbox .navnext {
	position:absolute;
	right:-4px;
	top:30px;
	opacity:0.2;
	transition:0.3s;
}

.mobartistsbox:hover .navprev {
	opacity:0.9;
}

.mobartistsbox:hover .navnext {
	opacity:0.9;
}

.mobartistsbox .raname {
	position:absolute;
	bottom:0px;
	width:calc(100% - 4px);
	text-align:center;
	font-family:sansz;
	font-size:11px;
	color:#fff;
	padding:2px;
	background-color:rgba(0,0,0,0.5);
}

.mobartistsbox .owl-dots {
	display:none;
}

.mobartistsbox .ralink {
	font-family:sanszbold;
	font-size:13px;
	margin:6px;
	text-align:center;
	margin-top:-14px;
	z-index:2;
}

.newmobprod {
	position: relative;
	width:96%;
	min-height: 100px;
	background-color: #181818;
	border-radius: 8px;
	overflow-x:hidden;
}

.newmobprod img{
	width:100%;
}

.newmobprod .prodimgbox{
	width:150px;
	min-height:120px;
	aspect-ratio: 1;
	float:left;
	overflow: hidden;
	position: relative;
	transition: 0.4s;
}

.newmobprod .prodimgboxopen{
	width:100%;
}

.newmobprod .prodimgbox .prodimg {
	position: relative;
	margin-bottom: -2px;
}

.newmobprod .prodimgbox .prodimg img{
	border-radius: 8px 0 0 0;
	aspect-ratio: 1;
}

.newmobprod .prodimgbox .prodimg .fitbtn {
	position: absolute;
	width:24px;
	height:24px;
	bottom:10px;
	right:8px;
	z-index: 11;
	background-color: rgba(0,0,0,0.3);
	border-radius: 4px;
	display:none;
}

.newmobprod .prodbtns{
	height:44px;
	background-color: #222;
	border-radius: 0 0 8px 8px;
}

.newmobprod .prodbtns .leftpart {
	width:150px;
	float:left;
	margin-top:10px;
}

.newmobprod .prodbtns .rightpart {
	float:right;
	width:120px;
	margin-top:10px;
}

.newmobprod .prodbtns .btn{
	width:32%;
	float:left;
	margin-right:2%;
}

.newmobprod .prodbtns .btn .icon{
	width:24px;
	height:24px;
	margin:0 auto 0 auto;
}

.newmobprod .prodbtns .btnplay .icon{
	width:26px;
	height:26px;
	margin:-1px auto 0 auto;
}

.newmobprod .prodbtns .btnplay .btnpauseicon{
	display: none;
}

.newmobprod .prodbtns .btnfav{
	margin-right: 0;
}

.newmobprod .prodbtns .btnfav .icon{
	width:22px;
	height:22px;
	margin:1px auto 0 auto;
}

.newmobprod .prodbtns .btndl{
	width:90px;
	float:right;
	margin: -2px 6px 0 0;
	background-color: rgba(238, 69, 170, 0.70);
	border-radius: 6px;
	padding:2px 3px;
}

.newmobprod .prodbtns .btndl .icon{
	float:right;
}

.newmobprod .prodbtns .btndl .title{
	float:right;
	margin:2px 4px 0 0;
	font-family: sansz;
	font-size:12px;
	color:#eee;
}


.newmobprod .prodinfobox{
	width:calc(100% - 164px);
	min-height:100px;
	float:left;
	margin-left:10px;
	position: relative;
	direction: ltr;
	font-family: sansz;
	font-size: 13px;
	transition: 0.3s;
}

.newmobprod .prodinfobox .albumtitle{
	font-size: 14px;
	color:#dfdfdf;
	margin:10px 0 6px 0 ;
	line-height: 1.4;
}

.newmobprod .prodinfobox .albumartist{
	font-size: 12px;
}

.newmobprod .prodinfobox .albumartist a{
	color:#aaa;
}

.newmobprod .prodinfobox .maincat {
	margin-top: 10px;
}

.newmobprod .prodinfobox .maincat span{
	border:1px solid #444;
	border-radius:6px;
	min-width:50px;
	padding:1px 4px;
	font-size: 12px;
}

.newmobprod .prodinfobox .maincat a{
	color:#1d8cb5;
	
}

.newmobprod .isiranian {
	width: 96px;
	position: absolute;
	bottom: 44px;
	right:5px;
}

.newmobprod .isiranian img {
	width:100%;
}

.newmobprod .iswom {
	position: absolute;
	bottom: 52px;
	left: 4px;
	background: linear-gradient(45deg, rgba(57, 143, 223, 0.74) 15%, rgba(57, 143, 223, 0.96) 87%);
	color: #fff;
	border-radius: 6px;
	padding: 3px 5px;
	width: 76px;
	height: 18px;
}

.newmobprod .iswom .icon {
	float: left;
	width: 18px;
}

.newmobprod .iswom .text {
	float:left;
	margin-top:1px;
	text-align: right;
	width:50px;
	color: #fff;
	font-size: 11px;
}


.newmobprod-submenu {
	width: 100%;
	position: relative;
	min-height: 40px;
	font-family: sanszbold;
	text-align: center;
	clear:both;
	margin-top:0;
	transition: 0.3s;
	background-color: #0a0a0a;
}


.newmobprod-submenu .btns {
	height:58px;
	border-bottom:1px solid #1f1f1f;
	margin-top:22px;
	padding-top: 14px;
}

.newmobprod-submenu .btns .smbtn{
	width:24.25%;
	float:right;
	margin-left:1%;
	transition: 0.3;
}

.newmobprod-submenu .btns .btnlast{
	margin-left: 0;;
}

.newmobprod-submenu .btns .smbtn .icon {
	margin:0 auto 0 auto;
}

.newmobprod-submenu .btns .smbtn .title {
	margin:-2px auto 0 auto;
	font-family: sansz;
	text-align: center;
	font-size: 12px;
	color:#999;
}

.newmobprod-submenu .btns .btnslctd .title{
	color:#e6e6e6;
}

.newmobprod-submenu-fixed {
	position: fixed;
	top:24px;
	z-index: 12;
	background-color: #1a1a1a;
}

.clearsubmenufixed {
	height:100px;
}

.newmobtracklist {
	position: relative;
	width:96%;
	min-height: 60px;
	overflow-x:hidden;
	margin-top:8px;
	font-family: sansz;
}

.newmobtracklist .disc {
	width:98%;
	direction: ltr;
	font-size: 16px;
	color:#1d8cb5;
	margin-top:12px;
}

.newmobtracklist .track{
	width:96%;
	min-height:38px;
	margin:12px auto 0 auto;
	border-bottom:1px solid #121212;
}

.newmobtracklist .track .btnplay{
	width: 24px;
	height:24px;
	float:left;
	background-color: rgba(255,255,255,0.1); 
	border-radius:12px;
}

.newmobtracklist .track .btnplay .btnpauseicon {
	display:none;
}

.newmobtracklist .track .btnplay img{
	width: 24px;
	height:24px;
}

.newmobtracklist .track .num{
	width: 30px;
	height:24px;
	text-align: center;
	margin:2px 0 0 6px;
	float:left;
	font-size: 12px;
	color:#666;
}

.newmobtracklist .track .title{
	width: 56%;
	direction: ltr;
	text-align: left;
	margin:2px 0 6px 6px;
	float:left;
	font-size: 12px;
	color:#aaa;
}

.newmobtracklist .track .btndl{
	width: 24px;
	height:24px;
	float:right;
}

.newmobtracklist .track .btnadd{
	width: 24px;
	height:24px;
	float:right;
	margin-right:18px;
}

.newmobtracklist .plmore {
	width:260px;
	height:220px;
	background-color: #282828;
	border-radius: 8px;
	position: fixed;
	top:calc(50% - 110px);
	left:calc(50% - 130px);
	z-index: 10;
	display: none;
}

.newmobtracklist .plmore .album{
	width:94%;
	margin:8px auto 0 auto;
	height:80px;
	padding-bottom:16px;
	border-bottom: 1px solid #1b1b1b;
}

.newmobtracklist .plmore .album .img{
	float:left;
	width:80px;
	height:80px;
	border-radius: 8px;
	overflow: hidden;
}

.newmobtracklist .plmore .album .img img{
	width: 100%;
	height:100%;
}

.newmobtracklist .plmore .album .name{
	float:left;
	width:150px;
	height:80px;
	margin-left:6px;
	overflow: hidden;
	color: #f2f2f2;
	font-size: 12px;
	text-align: left;
	direction: ltr;
}

.newmobtracklist .plmore .btns{
	width:94%;
	margin:16px auto 0 auto;
	padding-bottom:10px;
}

.newmobtracklist .plmore .btns .btn{
	float: right;
	width:32%;
	margin-left:2%;
	background-color: #181818;
	border-radius: 8px;
	height:90px;
}

.newmobtracklist .plmore .btns .btn .icon{
	width:24px;
	height:24px;
	margin:10px auto 0 auto;
}

.newmobtracklist .plmore .btns .btn .title{
	text-align: center;
	color:#f2f2f2;
	margin:6px auto 0 auto;
}

.newmobtracklist .infotext {
	direction: ltr;
	line-height: 2.4;
	color:#999;
	text-align: left;
	font-size: 13px;
	width:94%;
	margin:0 auto 10px auto;
}

.newmobtracklist .infotext div {
	height:32px;
	border-bottom: 1px solid #1e1e1e;
	margin-top:6px;
	padding-bottom: 2px;
}

.newmobtracklist .infotexthint {
	width:92%;
	padding: 3%;
	margin:0 auto 0 auto;
	border-radius: 8px;
	background-color: #141414;
	text-align: center;
	color:#aaa;
}

.newmobinfo {
	width: 100%;
	position: relative;
	min-height: 40px;
	margin-top:32px;
	font-family: sanszbold;
	text-align: center;
	clear:both;
}

.newmobinfo .newmobinfoflex {
	display: flex;
    align-items: start;
    flex-wrap: wrap;
    gap: 12px;
    justify-content: space-between;
}

.newmobinfo h1 {
	font-size: 16px;
	color:#ddd;
	direction: rtl;
	margin:8px 2% 0 2%;
}

.newmobinfo h2 {
	font-size: 12px;
	color:#bbb;
	direction: ltr;
	margin:4px 2% 0 2%;
}

.newmobinfo .infobox {
	width:94%;
	margin:16px auto 0 auto;
	border-radius: 8px;
	background-color: #141414;
	padding:12px 0;
	font-family: sansz;
}

.newmobinfo .infobox .artistbox {
	overflow: hidden;
    position: relative;
    height: 110px;
	margin:0 auto 16px auto;
    background-color: #040404;
    min-height: auto;
	border-radius: 8px;
	width:95%;
}

.newmobinfo .infobox .artistbox .artistimage {
    height: 150px;
    min-width: 50px;
    float: right;
    margin: -20px -8px 0 0;
    -webkit-mask-image: -webkit-linear-gradient(right,rgba(0,0,0,1) 20%,rgba(0,0,0,0.4) 85%,rgba(0,0,0,0) 100%);
    mask-image: linear-gradient(right,rgba(0,0,0,1) 20%,rgba(0,0,0,0.4) 85%,rgba(0,0,0,0) 100%);
}

.newmobinfo .infobox .artistbox .artistimage img{
	height:100%;
	width:auto;
}

.newmobinfo .infobox .artistbox .artistinfo{
	float:right;
	width:64%;
	font-family:sansz;
	margin:8px 0 0 0;
}

.newmobinfo .infobox .artistbox .artistinfo .t1{
	width:82%;
	font-size:12px;
	line-height: 1.6;
	text-align: right;
	color:#999;
}

.newmobinfo .infobox .artistbox .artistinfo .t2{
	font-family:sanszbold;
	font-size:13px;
	text-align:right;
	margin:8px 0 0 0;
	padding:6px;
}

.newmobinfo .infobox .artistbox .artistinfo .t2 a{
	color:rgba(238, 69, 170, 0.870);
}

.newmobinfo .infobox .rightside{
	float:right;
	width:49%;
}

.newmobinfo .infobox .rightside img{
	width:100%;
	height:100%;
}

.newmobinfo .infobox .rightside .item {
	margin-bottom: 12px;
	height:24px;
}

.newmobinfo .infobox .rightside .item .icon{
	float:right;
	width:24px;
	height:24px;
	margin:0 4px 0 6px;
}

.newmobinfo .infobox .rightside .item .title{
	float:right;
	color:#777;
	margin:0 2px 0 6px;
}

.newmobinfo .infobox .rightside .item .value{
	float:right;
	color:#aaa;
	margin-top:2px;
}

.newmobinfo .infobox .leftside{
	float:left;
	width:49%;
}

.newmobinfo .infobox .leftside .title{
	color:#999;
	text-align: center;
	margin-bottom:10px;
}

.newmobinfo .infobox .leftside .genre{
	width:70%;
	border: 1px solid #262626;
	padding:2px 4px;
	border-radius: 6px;
	margin:0 auto 8px auto;
}

.newmobinfo .infobox .leftside .genre a{
	color:#1d8cb5;
}

.newmobinfo .infobox .newmprodex {
	width:95%;
	overflow: hidden;
	position: relative;
	min-height:60px;
	background-color:#0a0a0a;
	border-radius: 8px;
	min-height:auto;
	margin:0 auto 0 auto;
}

.newmobinfo .infobox .newmprodex .link{
	text-align:center;
	font-family:sansz;
	font-size:14px;
	margin:16px 10px 16px 10px;
}

.newmobinfo .infobox .newmprodex .link a{
	color:rgba(238, 69, 170, 0.870);
}

.newmobinfo .albumtext {
	width: 90%;
	margin:48px auto 0 auto;
}

.newmobinfo .albumtext .title {
	font-family: sanszbold;
	color:#ccc;
	font-size: 15px;
	text-align: center;
}

.newmobinfo .albumtext .text {
	margin-top:16px;
	font-family: sansz;
	font-size: 15px;
    line-height: 1.94;
    text-align: justify;
	color: #c2baac;
}

.newmobinfo .albumtext .text strong,b{
	font-family: sanszbold;
	color: #d6cec0;
}

.newmobinfo .albumtext .text p {
	margin:0 0 14px 0;
}

.newmobinfo .albumtext .text blockquote{
	width: 76%;
    margin: 40px auto;
    padding: 1.2em 60px 1.2em 20px;
    border-right: 6px solid #b445e2;
    color: #bbb;
    line-height: 1.6;
    position: relative;
}

.newmobinfo .albumtext .text blockquote::before{
	font-family: Arial;
    content: "\201D";
    color: #b445e2;
    font-size: 6em;
    font-weight: 700;
    position: absolute;
    right: 10px;
    top: -22px;
}

.newmobinfo .albumtext .text blockquote::after{
	content: '';
}

.newmobinfo .albumtext .text blockquote span{
	display:block;
	color:#333333;
	font-style: normal;
	font-weight: bold;
	margin-top:1em;
}

.newmobinfo .albumtext .text h2{
	font-family: sanszbold;
	font-size: 16px;
    line-height: 1.94;
    text-align: justify;
	color: #cec6ba;
	direction: rtl;
	margin:8px 0;
}

.newmobinfo .albumtext .text h3{
	font-family: sanszbold;
	font-size: 15px;
    line-height: 1.94;
    text-align: justify;
	color: #cec6ba;
	direction: rtl;
	margin:8px 0;
}

.newmobinfo .albumtext .text h4{
	font-family: sanszbold;
	font-size: 14px;
    line-height: 1.94;
    text-align: justify;
	color: #cec6ba;
	direction: rtl;
	margin:8px 0;
}

.newmobinfo .albumtext .text a{
	color:#1d8cb5;
}

.newmobinfo .albumtext .text img {
	width: 100%;
	border-radius: 6px;
	margin:16px 0;
}

.newmobinfo .produpdate{
	width: 90%;
    margin: 10px auto 10px auto;
	position: relative;
	font-family: sansz;
	color: #555;
	z-index: 11;
	text-align: right;
	font-size: 13px;
}

.newmobinfo .relatedposts {
	width: calc(94% - 16px);
	padding:8px;
	margin:18px auto;
	min-height: 120px;
	border-radius: 6px;
	background-color: #141414;
	border: 1px solid #191919;
}

.newmobinfo .relatedposts .maintitle{
	text-align: right;
	font-size: 16px;
	font-family: sanszbold;
	color:#ccc;
}

.newmobinfo .relatedposts .rpost {
	width:100%;
	margin:12px auto 0 auto;
	border-top:1px solid #222;
	padding-top: 8px;
}

.newmobinfo .relatedposts .rpost .rpostimg {
	float: right;
	width:90px;
	border-radius:6px;
}

.newmobinfo .relatedposts .rpost .rpostimg img{
	width: 100%;
	border-radius:6px;
}

.newmobinfo .relatedposts .rpost .rposttitle {
	float: right;
	width: calc(100% - 104px);
	text-align: right;
	margin-right:10px;
	font-size:15px;
	font-family: sansz;
}

.newmobinfo .more {
	width:94%;
	margin:10px auto 0 auto;
	border-radius: 8px;
	border: 1px solid #222;
	padding:12px 0;
	font-family: sansz;
	min-height: 40px;
}

.newmobinfo .more .tags{
	width:90%;
	margin:0 auto 24px auto;
	padding-bottom:14px;
	min-height: 50px;
	border-bottom: 1px solid #1a1a1a;
}

.newmobinfo .more .tags .title {
	text-align: right;
	font-size: 14px;
	color:#bbb;
}

.newmobinfo .more .tags .ptags {
	margin-top:4px;
}

.newmobinfo .more .tags .ptags .tag{
	float:right;
	min-width:50px;
	background-color: #121212;
	border-radius: 8px;
	padding:3px 6px;
	margin:10px 0 0 10px;
}

.newmobinfo .more .tags .ptags .tag a{
	color:#aaa;
}

.newmobinfo .more .tags .ptags .mood a{
	color:rgba(238, 69, 170, 0.870);
}

.newmobinfo .more .rates{
	width:92%;
	margin:0 auto 0 auto;
}

.newmobinfo .more .rates img{
	width:100%;
}

.newmobinfo .more .rates .prodrate {
	width:28%;
	float:right;
	margin-left:8%;
}

.newmobinfo .more .rates .prodrate .ratesiteimg {
	height: 26px;
}

.newmobinfo .more .rates .prodrate .allmusic {
	height: 16px;
	margin:2px 0 12px 0;
}

.newmobinfo .more .rates .prodrate .ratesiteimg img{
	height:100%;
	width:auto;
}

.newmobinfo .more .rates .prodratelast {
	margin-left: 0;
}

.newmobinfo .more .rates .rate {
	margin-top:6px;
	font-size: 13px;
	color:#aaa;
}

.newmobinfo .more .rates .rate span{
	color:#888;
}

.newmobinfo .more .rates .link a{
	color:#1d8cb5;
}

.newmobinfo .more .rates .link p{
	color:#666;
}





.similarbox {
	min-height:120px;
	width:92%;
	margin-top:32px;
}

.similarbox .moodical {
	width: 100%;
	background-image: linear-gradient(to right top, #051937, #004d7a, #008793, #00bf72, #a8eb12);
	padding:12px 0;
	border-radius: 6px;
	margin-bottom: 16px;
}

.similarbox .moodical .image {
	width: 130px;
	height: 130px;
	margin:2px 12px 0 0;
	position: relative;
	float: right;
}

.similarbox .moodical .image img{
	width: 100%;
}

.similarbox .moodical .image .box {
	width: 130px;
	position: absolute;
	z-index: 2;
}

.similarbox .moodical .image .cover {
	width: 114.4px;
	z-index: 3;
	position: absolute;
	top:8.2px;
	right: 0px;
	transform: perspective(300px) rotateY(-46deg);
}

.similarbox .moodical .image .cover img {
	border-radius: 12px;
}

.similarbox .moodical .text {
	width:calc(100% - 140px);
	left:8px;
	margin:20px 10px 0 14px;
	position: absolute;
}

.similarbox .moodical .text .logo {
	width: 140px;
	margin:0 auto;
}

.similarbox .moodical .text .txt1 {
	color:#fff;
	font-family: sanszbold;
	font-size: 15px;
	text-align: center;
	margin-top: 4px;
}



.similarbox .similartitle{
	font-family:sanszbold;
	font-size:16px;
	margin:6px;
	margin-bottom:12px;
	color:#ccc;
	text-align: center;
	min-height:30px;
	padding-bottom: 8px;
	border-bottom: 1px dotted #191919;
}

.similarbox .similartitleinside {
	font-family:sansz;
	font-size:15px;
	margin:6px;
	margin:20px 0 10px 0;
	color:#bbb;
	text-align: right;
	min-height:30px;
}

.similarbox .similarartistlink {
	width:70%;
	min-height: 20px;
	background-color: #141414;
	border-radius: 8px;
	margin:2px auto 32px auto;
	font-family: sansz;
	font-size: 13px;
	text-align: center;
	padding:8px;
}

.similarbox .similarartistlink a{
	color:rgba(238, 69, 170, 0.870);
}

.similarbox ::-webkit-scrollbar {
    -webkit-appearance: none;
}
.similarbox ::-webkit-scrollbar:vertical {
    width: 14px;
}
.similarbox ::-webkit-scrollbar:horizontal {
    height: 16px;
}
.similarbox ::-webkit-scrollbar-thumb {
    background-color: rgba(255, 255, 255, .05);
    border-radius: 2px;
}
.similarbox ::-webkit-scrollbar-track {
    border-radius: 2px;
    background-color: rgba(255, 255, 255, .05);
}

.similarbox .similarpart {
	width: 100%;
    height: 260px;
    overflow-x: scroll;
    overflow-y: hidden;
    direction: rtl;
    white-space: nowrap;
}

.similarbox .similarparta {
	height: 240px;
}

.similarbox .similarprod {
	width: 36%;
    height: 224px;
    margin: 10px 0 0 10px;
    display: inline-block;
    vertical-align: top;
	background-color: #181818;
    border-radius: 8px;
}

.similarbox .similarproda {
	height: 204px;
}

.similarbox .similarprodlast {
	margin-left:0;
}

.similarbox .similarprod .spimg {
	width:100%;
	
}

.similarbox .similarprod .spimg img{
	width:100%;
	border-radius: 8px 8px 0 0;
}

.similarbox .similarprod .spinfo {
	min-height:54px;
	text-align: center;
	margin:4px;
	direction: ltr;
	white-space: normal;
}

.similarbox .similarprod .spinfo .sptitle a{
	color:#1d8cb5;
}

.similarbox .similarprod .spinfo .spartist{
	margin-top:4px;
	color:#777;
}

.commentsbox {
	min-height:120px;
	width:94%;
	margin-top:32px;
}

.commentsbox .cmntstitle{
	font-family:sanszbold;
	font-size:16px;
	margin:6px;
	margin-bottom:24px;
	color:#ccc;
	text-align: center;
	min-height:30px;
}

.commentsbox .notuser{
	min-height:70px;
	position:relative;
	font-family:sansz;
	background-color:#aaa;
	margin-top:-10px;
	padding:10px;
	border-radius: 8px;
}

.commentsbox .notuser .nutop{
	text-align:center;
	font-size:13px;
	color: #000;
	margin-top:6px;
}

.commentsbox .notuser .nutop a{
	color:rgb(136, 29, 93);
}

.commentsbox .write{
	min-height:130px;
	border-bottom:1px solid #1a1a1a;
	position:relative;
}

.commentsbox .write textarea {
	width:98%;
	height:100px;
	resize: vertical;
	border:1px solid #bbb;
	background-color: #ccc;
	color:#111;
	font-family: sansz;
	border-radius: 8px;
}

.commentsbox .write .submit {
	width:120px;
	height:30px;
	float:left;
	margin-left:1px;
	margin-top:4px;
	border:none;
	background: linear-gradient(0deg, rgba(57, 143, 223, 0.84) 15%, rgba(57, 143, 223, 0.96) 87%);
	color:#e8e8e8;
	font-family:sansz;
	border-radius: 8px;
}

.commentsbox .remainingc {
	direction:ltr;
	float:right;
	width:140px;
	text-align:right;
	margin-right:9px;
	margin-top:4px;
	color:#888;
}

.commentsbox .allcomments {
	margin-left:10px;
	margin-right:10px;
}

.commentsbox .allcomments .comment{
	min-height:100px;
	border-bottom:1px solid #222;
	margin-top:16px;
	position:relative;
}

.commentsbox .allcomments .comment .profimg {
	width:48px;
	height:48px;
	float:right;
}

.commentsbox .allcomments .comment .profimg img{
	width:100%;
}

.commentsbox .allcomments .comment .cminfo{
	width:calc(100% - 64px);
	min-height:102px;
	padding-right:8px;
	float:right;
	border-right:1px dotted #292929;
	margin-right:6px;
	position:relative;
}

.commentsbox .allcomments .comment .likes {
	position:absolute;
	top:0px;
	left:0px;
	min-width:60px;
	height:25px;
	background-color: #1b1b1b;
	border-radius: 6px;
}

.commentsbox .allcomments .comment .likes .like{
	float:left;
	padding:3px 4px 1px 4px;
	background-color: #151515;
	border-radius: 6px 0 0 6px;
}

.commentsbox .allcomments .comment .likes .like img{
	width:16px;
	height:16px;
	margin-left:auto;
	margin-right:auto;
	margin-top:2px;
}

.commentsbox .allcomments .comment .likes .cnt{
	text-align:center;
	color:#1d8cb5;
	font-family:sansz;
	font-size:14px;
	margin-top:2px;
}

.commentsbox .allcomments .comment .cminfo .nickname {
	font-family:sansz;
	font-size:14px;
	color:#1d8cb5;
}

.commentsbox .allcomments .comment .cminfo .nickname a{
	color:#1d8cb5;
}

.commentsbox .allcomments .comment .cminfo .nickname span{
	font-size:12px;
}

.commentsbox .allcomments .comment .cminfo .nickname span a{
	color:#bb6969;
}

.commentsbox .allcomments .comment .cminfo .commentdate {
	font-family:sansz;
	font-size:12px;
	color:#777;
}

.commentsbox .allcomments .comment .cminfo .commenttext {
	font-family:sansz;
	font-size:13px;
	color:#999;
	line-height: 1.8;
	margin-top:8px;
	margin-bottom:6px;
}

.commentsbox .allcomments .comment .cminfo .ajaxcmnt {
	
}

.commentsbox .allcomments .comment .ccomment {
	width:calc(100%-12px);
	padding:6px;
	min-height:80px;
	background-color:  #141414;
	margin-right:4px;
	margin-top:10px;
	position:relative;
}

.commentsbox .allcomments .comment .ccomment .profimg {
	width:48px;
	height:48px;
	float:right;
}

.commentsbox .allcomments .comment .ccomment .profimg img{
	width:100%;
	height:100%;
}

.commentsbox .allcomments .comment .ccomment .cminfo {
	width:calc(100% - 64px);
	min-height:92px;
}

.commentsbox .allcomments .comment .ccomment .nickname {
	font-size:13px;
}

.commentsbox .allcomments .comment .ccomment .cminfo .commenttext {
	font-size:12px;
}

.commentsbox .allcomments .ccomment .likes {
	position:absolute;
	bottom:10px;
	right:4px;
	top:auto;
	left:auto;
	min-width:50px;
	height:23px;
	background-color: #1e1e1e;
}

.commentsbox .allcomments .ccomment .likes .like{
	float:left;
	padding:2px 4px 2px 4px;
	background-color: #191919;
}

.commentsbox .allcomments .ccomment .likes .like img{
	width:14px;
	height:14px;
	margin-left:auto;
	margin-right:auto;
	margin-top:2px;
}

.commentsbox .allcomments .ccomment .likes .cnt{
	text-align:center;
	color:#1d8cb5;
	font-family:sansz;
	font-size:13px;
	margin-top:1px;
}

.ajaxcmntbox {
	margin: 16px 0;
}

.ajaxcmntbox textarea {
	width:96%;
	height:100px;
	resize: vertical;
    border: 1px solid #bbb;
    background-color: #ccc;
    color: #111;
    font-family: sansz;
    border-radius: 8px;
}

.ajaxcmntbox .submit {
	width:68px;
	height:30px;
	float:left;
	margin-left:4px;
	margin-top:4px;
	border:none;
	color:#fff;
	font-family:sansz;
	transition:0.3s;
	background: linear-gradient(0deg, rgba(57, 143, 223, 0.84) 15%, rgba(57, 143, 223, 0.96) 87%);
    color: #e8e8e8;
    font-family: sansz;
    border-radius: 8px;
}

.ajaxcmntbox .submit:hover {
	background-color:#097B6D;
}

.ajaxcmntbox .cancel {
	width:68px;
	height:26px;
	float:left;
	margin-left:6px;
	margin-top:4px;
	border:none;
	color:#fff;
	font-family:sansz;
	transition:0.3s;
	text-align:center;
	font-size:14px;
	padding-top:4px;
	cursor: default;
	background: linear-gradient(0deg, rgba(70, 70, 70, 0.84) 15%, rgba(70, 70, 70, 0.96) 87%);
    color: #e8e8e8;
    font-family: sansz;
    border-radius: 8px;
}

.ajaxcmntbox .cancel:hover {
	background-color:#097B6D;
}

.ajaxcmntbox .remainingc {
	direction:ltr;
	float:right;
	width:68px;
	text-align:right;
	margin-right:9px;
	margin-top:4px;
	color:#888;
}


.newomplayer {
	position: fixed;
	left:0;
    bottom:-128px;
	height:128px;
	width:100%;
	z-index: 99;
}

.newomplayer .newomplayerbody{
    width:100%;
	height:128px;
	background-image: radial-gradient( circle farthest-corner at 8.3% 21.6%,  rgba(252,92,125,0.66) 13.1%, rgba(106,130,251,0.66) 90% );
	box-shadow: 0 8px 24px rgba(0,0,0,.35);
	backdrop-filter: blur(12px) saturate(120%);
    -webkit-backdrop-filter: blur(12px) saturate(120%);
    overflow: hidden;
    position: absolute;
    direction: ltr;
}

.newomplayer .loaderspinner {
    position: absolute;
    bottom:10px;
    left:3%;
}

.newomplayer .loaderspinner img{
    width:22px;
}

.newomplayer .playlistbtn {
    position: absolute;
    top:18px;
    right:3%;
}

.newomplayer .playlistbtn img{
    width:24px;
}

.newomplayer .nwpprogress {
    width:94%;
    margin:8px auto 0 auto;
}

.newomplayer .nwpprogress .bar {
    position: relative; 
    height: 4px; 
    border-radius: 999px;
    background-color: rgba(255, 255, 255, .7);
    cursor: pointer;
}

.newomplayer .nwpprogress .bar .filled {
    position: absolute; 
    left: 0; 
    top: 0; 
    bottom: 0;
    width: 0%; 
    background: #993a3a; 
    border-radius: 999px;
}

.newomplayer .nwpprogress .bar .handle {
    position: absolute; 
    top: 50%; 
    transform: translate(-50%, -50%);
    width: 4px; 
    height: 4px; 
    border-radius: 50%;
    background: #993a3a; 
    left: 0%;
}

.newomplayer .nwpprogress .timestamps {
    width:100%;
    margin:6px auto 0 auto;
}

.newomplayer .nwpprogress .timestamps .time { 
    font-variant-numeric: tabular-nums; 
    font-size: 12px; 
    color: #ccc; 
    text-align: center; 
}

.newomplayer .nwpprogress .timestamps .timec {
    float:left;
}

.newomplayer .nwpprogress .timestamps .timed {
    float:right;
}

.newomplayer .nwpheader {
    width:94%;
    justify-content: space-between; 
    align-items: center;
    margin:8px auto 8px auto;
}

.newomplayer .nwpheader .title {
    font-weight: 700; 
    font-size: 13px;
    text-align: left;
    color:#eee;
}

.newomplayer .subtitle {
    color: #bbb; 
    font-size: 11px;
    text-align: left;
	margin-top: -2px;
}

.newomplayer .nowindex {
    color: #aaa; 
    font-size: 11px;
    text-align: right;
    position: absolute;
    right:3%;
    bottom:16px;
}

.newomplayer .controls {
    display: block;
    margin:28px 0 12px 0;
}

.newomplayer .womplayerbtns {
    display: flex; 
    flex-direction: row; 
    gap: 18px;
    margin:0 auto;
    width:210px;

}

.newomplayer .womplayerbtns div img {
    width:26px;
    margin-top:-1px;
}

.newomplayer .womplayerbtns .wpplayBtn {
    width:38px;
    margin-top:-7px;
}

.newomplayer .womplayerbtns .shufflebtn {
    width:24px;
    margin-top:0;
}

.newomplayer .play { 
    font-weight: 700; 
}

.newomplayer .volume {
    display: flex; align-items: center; gap: 8px;
}

.volume input[type="range"] {
    width: 120px;
}

.newomplayer .wpplaylistbodybck {
	width: 100%;
	height:100%;
	position: fixed;
	top:0;
	left:0;
	background-color: #00000011;
	backdrop-filter: blur(8px) saturate(100%);
	-webkit-backdrop-filter: blur(8px) saturate(100%);
	display:none;
}

.newomplayer .wpplaylistbody {
    background-color: #404040ee;
	background-image: radial-gradient( circle farthest-corner at 50% 52.5%,  rgba(14,53,92,0.5) 0%, rgba(16,14,72,0.5) 90% );
    display: none; 
	opacity: 0; 
	position: absolute; 
	bottom: 138px; 
	right: 2%;
	transform: translateY(20px);
    width:96%;
	height: 460px;
    direction: ltr;
	border-radius: 4px;
	box-shadow: 0 8px 24px rgba(0, 0, 0, .35);
}

.newomplayer .wpplaylistbody  .wpplaylisttop {
	width:calc(100% - 24px);
	margin:10px auto 0 auto;
}

.newomplayer .wpplaylistbody .wpplaylisttop .wptopleft{
	float:left;
}

.newomplayer .wpplaylistbody .wpplaylisttop .wptopleft .plbtn {
	float:left;
	margin-right:8px;
	background-color: #ffffff20;
	padding:4px;
	border-radius: 4px;
}

.newomplayer .wpplaylistbody .wpplaylisttop .wptopleft .plbtn img{
	float:left;
}

.newomplayer .wpplaylistbody .wpplaylisttop .wptopleft .plbtn div{
	display: none;
	float:left;
	color:#fff;
	margin:3px 2px 0 2px;
	font-size: 11px;
}

.newomplayer .wpplaylistbody .wpplaylisttop .wptopleft .prevlist {
	display: block;
}

.newomplayer .wpplaylistbody .wpplaylisttop .wptopleft .closebtn {
	float:left;
	margin-right: 8px;
	cursor: pointer;
}

.newomplayer .wpplaylistbody .wpplaylisttop .wptopleft .closebtn img {
	width:32px;
	height:32px;
}

.newomplayer .wpplaylistbody .wpplaylisttop .wptopright{
	float:right;
}

.newomplayer .wpplaylistbody .wpplaylisttop .wptopright .pltitle {
	color:#fff;
	font-family:sanszbold;
	font-size:20px;
}

.newomplayer .wpplaylist {
    overflow: auto;
    overflow-y: scroll;
	overflow-x: hidden;
    border-top: 1px solid #2a2a2a;
	position: absolute; 
	bottom: 0; 
	right: 0;
    width:100%;
	height: 400px;
    direction: ltr;
	overscroll-behavior: contain;
}

.newomplayer .wpplaylist .pltrack {
    padding: 12px 3%;
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 8px;
    border-bottom: 1px solid #333;
    cursor: pointer;
	color: #fff;
}

.newomplayer .wpplaylist .pltrack:hover { 
    background: #232323; 
}

.newomplayer .wpplaylist .pltrack.active { 
    background: #2f3d44; 
}

.newomplayer .wpplaylist .pltrack .plcover{
	float:left;
	width:36px;
	height:36px;
}

.newomplayer .wpplaylist .pltrack .plcover .plcoverimg {
	width:36px;
}

.newomplayer .wpplaylist .pltrack .plcover .plcoverimg img{
	width:36px;
}

.newomplayer .wpplaylist .pltrack .plinfo{
	float:left;
	width:calc(100% - 60px);
	margin-left:6px;
}

.newomplayer .wpplaylist .pltrack .plinfo .plname { 
    font-size: 13px; 
	width: 100%;
	color: #fff;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.newomplayer .wpplaylist .pltrack .plinfo .plmeta { 
    font-size: 11px; 
	color: #bbb;
	width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.newomplayer .wpplaylist .pltrack .len { 
    color: #bbb; 
	font-size: 11px; 
	width:38px;
}

/* اسکرول نرم */
.newomplayer .wpplaylist::-webkit-scrollbar { width: 8px; }
.newomplayer .wpplaylist::-webkit-scrollbar-thumb { background: #333; border-radius: 8px; }

.userreglogin {
	min-height:120px;
	width:94%;
	min-height:700px;
	position: relative;
	font-family: sansz;
}

.userreglogin .btns{
	margin-top:10px;
	position: relative;
}

.userreglogin .btns .btn{
	width:48%;
	height:36px;
	float: right;
	margin-left: 4%;
	background-color: #171717;
	border-radius: 8px;
}

.userreglogin .btns .btnlogin{
	margin-left: 0;
}

.userreglogin .btns .btn .icon{
	width:28px;
	float:right;
	margin:4px 6px 0 0;
}

.userreglogin .btns .btn .icon img{
	width:28px;
}

.userreglogin .btns .btn .title{
	float:right;
	color:#ccc;
	font-size: 15px;
	margin: 4px 6px 0 0;
}

.userreglogin .btns .btnslctd{
	background-color: #1e1e1e;
}

.userreglogin .btns .btnslctd .title{
	color:rgba(238, 69, 170, 0.870);
}

.userreglogin .tab {
	width:68%;
	margin:40px auto 16px auto;
	position: relative;
}

.userreglogin .tab .title{
	font-size: 18px;
	font-family: sanszbold;
	text-align: center;
	color: #eee;
}

.userreglogin .fast {
	width:86%;
	margin-top:4px;
}

.userreglogin .fast .desc{
	font-size: 13px;
	font-family: sansz;
	text-align: center;
	color: #bbb;
	margin-top: 16px;
}

.userreglogin .fast .credit {
    width: 100%;
    height:88px;
    float: none;
    clear: both;
    margin-top: 12px;
	background-color:#222;
	border-radius: 8px;
}

.userreglogin .fast .creditbc2 {
	background: -webkit-linear-gradient(45deg, #0078ac 31%,#00a1b4 70%);
    background: linear-gradient(45deg, #0078ac 31%,#00a1b4 70%);
}

.userreglogin .fast .creditbc3 {
	background: -webkit-linear-gradient(45deg, #d03534 31%,#ff3534 70%);
    background: linear-gradient(45deg, #d03534 31%,#ff3534 70%);
}

.userreglogin .fast .creditbc4 {
	background: rgb(237,168,0);
    background: linear-gradient(180deg, rgba(237,168,0,1) 0%, rgba(219,157,0,1) 29%, rgba(254,195,0,1) 100%);
}

.userreglogin .fast .credit .toppart {
	width:46%;
	float:right;
	height:78px;
	overflow:hidden;
	
}

.userreglogin .fast .credit .toppart .creditamount {
	font-size:32px;
	margin-top:0px;
	margin-right:6px;
	color:rgb(255, 255, 255);
	text-shadow: 0px 2px #000;
}

.userreglogin .fast .credit .toppart .creditamount span {
	color:#f4f4f4;
	font-size: 20px;
	text-shadow: none;
	margin-right:4px;
}

.userreglogin .fast .credit .toppart .creditinf {
	font-size:13px;
	margin-right:6px;
	margin-top:0px;
	color:#eee;
}

.userreglogin .fast .credit .toppart .creditinf2 {
	font-size:12px;
	margin-right:6px;
	margin-top:0px;
	color:#999;
}

.userreglogin .fast .creditmob .creditinf2{
	display:block;
}

.userreglogin .fast .credit .botpart {
	width:52%;
	float:left;
	height:78px;
	margin-top:0px;
	background-color:#141414cc;
	padding-top:10px;
	border-radius: 8px 0 0 8px;
}

.userreglogin .fast .credit .botpart .price{
	text-align: center;
	font-size: 13px;
	color:#bbb;
}

.userreglogin .fast .credit .botpart .price span{
	color:#f2f2f2;
}

.userreglogin .fast .credit .botpart .offprice {
    text-align: center;
    font-size: 17px;
    margin:-4px 8px -6px 0;
    color: rgb(250, 116, 196);
}

.userreglogin .fast .credit .botpart .buy{
	text-align: center;
	font-size: 14px;
	font-family: sanszbold;
	margin-top:8px;
	color:#94cee3;
}

.userreglogin .fast .notify{
	text-align: center;
	font-size: 12px;
	font-family: sansz;
	color:#aaa;
	margin-top:16px;
	text-align: justify;
}

.userreglogin .fast .refbox {
    border: none;
    background: linear-gradient(45deg,rgba(80,80,80,.74) 15%,rgba(60,60,60,.96) 87%);
    margin-bottom: 8px;
    padding-bottom: 10px;
	margin-top:16px;
	border-radius: 10px;
}

.userreglogin .fast .refbox .title {
    float:right;
    margin:16px 6px 2px 0;
    font-family: sansz;
    font-size:13px;
    color:#ccc;
}

.userreglogin .fast .refbox .form {
    float:right;
    margin:12px 6px 2px 0;
    font-family: sansz;
    font-size:14px;
    color:#222;
}

.userreglogin .fast .refbox .form input {
    width:90px;
    height:26px;
    font-family: sansz;
    font-size:14px;
    padding:2px;
    border: 1px solid #bbb;
    background-color: #bbb;
    border-radius: 6px;
    text-align: center;
    direction: ltr;
    color:rgba(121, 54, 94, 0.99);
}

.userreglogin .fast .refbox .but {
    float:right;
    margin:12px 8px 2px 0;
    font-family: sansz;
    font-size:14px;
    color:#ddd;
    cursor: pointer;
    width:80px;
    height:31px;
    border:1px solid #777;
    background-color: rgba(0,0,0,0.04);
    border-radius: 6px;
    position: relative;
}

.userreglogin .fast .refbox .but .icon {
    float:right;
    margin:3px 4px 0 0;
    width: 24px;
}

.userreglogin .fast .refbox .but .icon img{
    width: 100%;
    height:auto;
    margin:0;
}

.userreglogin .fast .refbox .but .text {
    float:right;
    margin:3px 4px 0 0;
    width: 24px;
}

.userreglogin .fast .refbox .offtitle {
    float:right;
    margin:16px 8px 2px 0;
    font-family: sansz;
    font-size:13px;
    color:#8ba3af ;
}

.userreglogin .fast .refbox .offtitle span{
    color:#eee;
}

.userreglogin .fast .refbox .offbut {
    float:left;
    margin:12px 2px 2px 8px;
    font-family: sansz;
    font-size:14px;
    color:#222;
    cursor: pointer;
    width:118px;
    height:31px;
    border:1px solid rgb(226, 132, 132);
    background-color: rgba(0,0,0,0.04);
    border-radius: 6px;
}

.userreglogin .fast .refbox .offbut .icon {
    float:left;
    margin:3px 0px 0 2px;
}

.userreglogin .fast .refbox .offbut .icon img {
    width:24px;
    margin:0;
}

.userreglogin .fast .refbox .offbut .text {
    float:right;
    margin:4px 4px 0 0;
}



.userreglogin .tab .form{
	margin-top: 32px;
}

.userreglogin .tab .form img{
	border-radius: 8px;
}

.userreglogin .tab .form .label{
	width:100%;
	font-size:14px;
	color:#aaa;
	margin:6px 0;
}

.userreglogin .tab .form input{
	width:94%;
	direction: ltr;
	padding:8px 3%;
	font-size:14px;
	border: 1px solid #666;
	background-color: #222;
	color:#ddd;
	background-image: none;
	border-radius: 8px;
	outline: none;
}

.userreglogin .tab .form input:-webkit-autofill,
.userreglogin .tab .form input:-webkit-autofill:hover, 
.userreglogin .tab .form input:-webkit-autofill:focus
{
  border: 1px solid #666;
  -webkit-text-fill-color: #ddd;
  -webkit-box-shadow: 0 0 0px 1000px #222 inset;
  transition: background-color 5000s ease-in-out 0s;
}

.userreglogin .tab .form .submit{
	width:calc(100% + 2px);
	padding:2px 0;
	margin-top: 16px;
	height:36px;
	color:#fff;
	font-family: sansz;
	font-size: 15px;
	border:none;
	background: linear-gradient(0deg, rgba(57, 143, 223, 0.84) 15%, rgba(57, 143, 223, 0.96) 87%);
}

.userreglogin .tab .sentpass {
	margin:24px 0 -14px 0;
	color: rgba(238, 69, 170, 0.870);
	font-size: 14px;
	text-align: center;
}

.userreglogin .tab .lost {
	margin:48px 0 0 0;
	font-size: 14px;
	text-align: center;
}

.userreglogin .register {
	width:80%;
	margin:36px auto 16px auto;
	position: relative;
}

.userreglogin .register .form .label{
	float:right;
	width:80px;
	text-align: left;
	font-size:14px;
	color:#aaa;
	margin:6px 0 6px 8px;
}

.userreglogin .register .form input{
	width:calc(100% - 110px);
	float:right;
	direction: ltr;
	padding:8px 8px;
	font-size:14px;
	border: 1px solid #666;
	background-color: #222;
	color:#ddd;
	background-image: none;
	border-radius: 8px;
	outline: none;
}

.userreglogin .register .form .regpart{
	background-color: #141414;
	width:100%;
	padding:8px 5%;
	margin-right:-5%;
	border-radius: 8px;
}

.userreglogin .register .form .regpart .hint{
	color:rgb(44, 155, 196);
	width:100%;
	margin: 12px 0;
	text-align: center;
}

.userreglogin .register .form img {
	width:calc(100% - 94px);
	margin-right:89px;
}

.userreglogin .register .form .submit{
	width:calc(100% - 20px);
	margin-right:16px;
}

.userreglogin .err {
	text-align: center;
	color: #e24b4b;
	font-size: 15px;
	margin:12px 0;
}

.userreglogin .err p{
	background-color: #141414;
	border-radius: 8px;
	padding:8px;
}

.artiststbox {
	min-height:120px;
	margin:-14px 0 10px 0;
    position: relative;
	width: 100%;
    background-color: #FF3CAC;
background-image: linear-gradient(225deg, #FF3CAC 0%, #784BA0 50%, #2B86C5 100%);


}

.artiststbox .atoptitle{
	font-family:sanszbold;
	font-size:18px;
	position:absolute;
	bottom:0px;
	background-color:rgba(0,0,0,0);
	width:calc(100% - 20px);
	padding:10px;
	color:#fff;
	text-shadow:0 0 2px #000;
}

.artistsbox {
	min-height:400px;
	margin-bottom:10px;
    position: relative;
	clear: both;
}

.artistsbox .abright {
	position:relative;
	margin-top: 48px;
	width:100%;
	height:60px;
	clear: both;
	border-bottom:1px solid #181818;
}

.artistsbox .abright .abcatname {
	margin:8px;
	font-family:sanszbold;
	font-size:20px;
	text-align:right;
	color:#fff;
	width:50%;
	float:right;
}

.artistsbox .abright .abcatdet {
	bottom:10px;
	width:40%;
	float:left;
	margin:10px 0 0 10px;
	position: relative;
}

.artistsbox .abright .abcatdet .acnt {
	text-align:center;
	font-family:sanszbold;
	font-size:20px;
	text-shadow:0 0 2px #f0bfff;
	color:#fff;	
	position: absolute;
	left:6px;
	top:4px;
	width:50px;
}

.artistsbox .abright .abcatdet .acntm {
	left:80px;
}

.artistsbox .abright .abcatdet .acnttxt {
	text-align:center;
	font-family:sansz;
	font-size:12px;
	color:#f0bfff;
	position: absolute;
	left:17px;
	top:28px;
	width:30px;
}

.artistsbox .abright .abcatdet .acnttxtm {
	left:90px;
}

.artistsbox .ableft {
left:40px;
}

.artistsbox .ableft .abltitle {
	color:#bbb;
	width:auto;
	text-align: right;
	font-family:sanszbold;
	font-size:13px;
	margin:12px 8px 12px 0;	
}

.artistsbox .ableft .abtopartists {
	width:98%;
	margin-right:2%;
	min-height:100px;
	clear:both;
}

.artistsbox .ableft .abtopartists .abartist {
	width:29%;
	min-height:100px;
	border:1px solid rgba(255,255,255,0);
	float:right;
	margin:12px 0 0 3.6%;
	position:relative;
	border-radius: 8px;
}

.artistsbox .ableft .abtopartists .abartist a{
	color:#fff;
}

.artistsbox .ableft .abtopartists .abartist .topartistimg{
	width:100%;
}

.artistsbox .ableft .abtopartists .abartist .topartistimg img{
	width:100%;
	height:auto;
	border-radius: 8px;
	aspect-ratio: 0.75;
}

.artistsbox .ableft .abtopartists .abartist .topartistname{
	font-family:sansz;
	font-size:13px;
	bottom:0;
	background-color:rgba(0,0,0,0.7);
	width:calc(100% - 8px);
	position:absolute;
	padding:4px;
}

.artistsbox .ableft .abtopartists .abartist .topartistlink{
	font-family:sansz;
	font-size:13px;
	text-align:center;
	top:0;
	background-color:rgba(0,0,0,0.3);
	width:calc(100% - 12px);
	height:calc(100% - 20px);
	position:absolute;
	padding:16px 6px 4px 6px;
	line-height:1.8;
	color:#ddd;
}

.artistsbox .ableft .abtopartists .abartist .topartistlink span{
	font-size:15px;
	font-family: sanszbold;
	text-shadow:0 0 2px #000;
	color:#fff;
}

.artistsbox .sabartist {
	width:29%;
	min-height:100px;
	border:1px solid rgba(255,255,255,0);
	float:right;
	margin:12px 0 0 3.6%;
	position:relative;
	border-radius: 8px;
}

.artistsbox .sabartist a{
	color:#fff;
}

.artistsbox .sabartist .topartistimg{
	width:100%;
}

.artistsbox .sabartist .topartistimg img{
	border-radius: 8px;
	width:100%;
	height:auto;
	aspect-ratio: 0.75;
}

.artistsbox .sabartist .topartistname{
	font-family:sansz;
	font-size:12px;
	bottom:0;
	background-color:rgba(0,0,0,0.7);
	width:calc(100% - 8px);
	position:absolute;
	padding:4px;
}

.aboutbox {
	min-height:400px;
	margin-bottom:10px;
    position: relative;
	clear: both;
	font-family: sansz;
	font-size: 13px;
	color:#bbb;
	width:92%;
	margin:6px auto 0 auto;
	line-height: 1.9;
}

.aboutbox .maintitle{
	color:#eee; 
	font-size:18px; 
	text-align:center;
	margin-bottom: 16px;
}

.aboutbox .aboutpm {
	background-color: #222;
	padding:10px;
	color:#ccc;
	border-radius: 8px;
	text-align: center;
}

.aboutbox .aboutpm span {
	color:#1d8cb5;
}

.aboutbox .aboutt {
	color:rgba(238, 69, 170, 0.870);
	font-size:16px;
}

.buyalbum .cover{
	width:88%;
	margin:16px auto;
	border-radius: 8px;
	position: relative;
}

.buyalbum .cover img {
	width:100%;
	border-radius: 8px;
}

.buyalbum .cover .more {
	position: absolute;
	bottom:12px;
	left:6px;
	background-color: rgba(0,0,0,0.9);
	width:160px;
	height:30px;
	border-radius: 8px;
}

.buyalbum .cover .more .icon {
	float:left;
	width:24px;
	margin:3px 0 0 3px;
}

.buyalbum .cover .more .icon img {
	width: 100%;
}

.buyalbum .cover .more .text {
	float:left;
	width:120px;
	margin:3px 0 0 2px;
	font-size: 14px;
	color:#ccc;
}

.buyalbum .info{
	width:88%;
	margin:24px auto 16px auto;
	border-radius: 8px;
}

.buyalbum .info .price {
	float: right;
	background-color: rgba(238, 69, 170, 0.74);
    background: linear-gradient(45deg, rgba(238, 69, 170, 0.74) 15%, rgba(238, 69, 170, 0.96) 87%);
	width: 96px;
	height:90px;
	border-radius: 8px;
}

.buyalbum .info .price .amount{
	width: 100%;
	text-align: center;
	font-family: sanszbold;
	color: #fff;
	font-size: 21px;
	margin-top:16px;
}

.buyalbum .info .price .txt{
	width: 100%;
	text-align: center;
	font-family: sansz;
	color: #eee;
	font-size: 18px;
	margin-top:-8px;
}

.buyalbum .info .desc {
	float: right;
	width:calc(100% - 120px);
	margin:4px 10px 0 0;
}

.buyalbum .info .desc .t1 {
	font-size: 14px;
	color: rgb(92, 198, 237);
}

.buyalbum .info .desc .t2 {
	font-size: 18px;
	color: #fff;
	line-height: 1.5;
	margin-top:4px;
}

.buyalbum .info .buyinfo {
	margin-top:16px;
	border-top: 1px solid #222;
}

.buyalbum .info .buyinfo .txt1 {
	margin-top:12px;
	font-size:14px;
	color:#aaa;
	text-align: justify;
}

.buyalbum .info .buyinfo .buybtn {
	width:220px;
	height:30px;
	padding:8px 6px;
	border-radius: 6px;
	background: linear-gradient(0deg, rgb(57 143 223 / .84) 15%, rgb(57 143 223 / .96) 87%);
	font-size: 15px;
	text-align: center;
	margin:12px auto 0 auto;
}

.buyalbum .info .buyinfo .buybtn a {
	color:#fff;
}

.buyalbum .info .buyinfo .phoneform {
	margin-top: 24px;
	width:100%;
	min-height:86px;
	background: rgb(34,34,34);
	background: linear-gradient(34deg, rgba(34,34,34,1) 17%, rgba(68,68,68,1) 80%);
	border-radius: 8px;
	padding: 6px 0 10px 0;
}

.buyalbum .info .buyinfo .phoneform .form {
	width:140px;
	margin:12px auto 0 auto;
}

.buyalbum .info .buyinfo .phoneform input {
	width:128px;
	padding:3px 6px;
	border: 1px solid rgb(77, 83, 86);
    border-radius: 6px;
	background-color: rgba(255, 255, 255, 0.2);
	font-family: sansz;
	direction: ltr;
	text-align: center;
	height: 26px;
	color:#fff;
}

.buyalbum .info .buyinfo .phoneform input::placeholder {
	color:#bbb;
}

.buyalbum .info .buyinfo .phoneform .submit {
	border: none;
    background: linear-gradient(0deg, rgb(57 143 223 / .84) 15%, rgb(57 143 223 / .96) 87%);
	border-radius: 6px;
	margin-top: 8px;
	font-family: sansz;
	color:#fff;
	width:142px;
	margin-bottom:2px;
	height: 32px;
}

.buyalbum .info .buyinfo .phoneform .buyformerr{
	margin-top: 4px;
	margin-bottom: 16px;
    text-align: center;
    font-family: sansz;
    font-size: 12px;
    color: #cc5d5d;
}

.footer {
	min-height:200px;
	width:100%;
	background-color:rgba(0,0,0,0.6);
	background: linear-gradient(to bottom, rgba(100,100,100,0.50) 0%, rgba(0,0,0,0.35) 100%), radial-gradient(at top center, rgba(100,100,100,0.50) 0%, rgba(0,0,0,0.80) 120%) #989898;
 	background-blend-mode: multiply,multiply;
	position:relative;
	padding-top:28px;
}

.footerlogo {
	margin:20px auto 0 auto;
	width:200px;
}

.footertitle {
	text-align:center;
	width:100%;
	margin-top:20px;
	color:#fff;
	font-size: 15px;
	font-family: sanszbold;
}

.footer .cpwr {
	text-align:center;
	width:100%;
	margin-top:40px;
	position:relative;
	color:#fff;
	font-size:11pt;
	font-family:sansz;
}

.footer .cpwr0 {
	text-align:center;
	width:100%;
	margin-top:4px;
	position:relative;
	color:#ddd;
	font-size:10pt;
	font-family:sansz;
}

.footer .cpwr2 {
	text-align:center;
	width:100%;
	margin-top:12px;
	position:relative;
	color:#ddd;
	font-size:9pt;
	font-family:sansz;
}

.footer .cpwrlogos {
	width:170px;
	height:110px;
	margin:12px auto 0 auto;
}

.footer .cpwrlogos .cpwrlogo{
	width:80px;
	height:110px;
	float:right;
	border-radius: 8px;
	background-color:rgba(0,0,0,0.4);
}

.footer .cpwrlogos .cpwrlogo2{
	float:left;
}

.footer .cpwrlogos .cpwrlogo a{
	color:#fff;
	line-height:1.4;
}

.footer .cpwrlogos .cpwrlogo .logoimg{
	width:60px;
	margin:8px auto 0 auto;
}

.footer .cpwrlogos .cpwrlogo .logotext{
	font-family:sansz;
	text-align:center;
}

.footer .cpwrlogos .cpwrlogo img{
	width:100%;
	height:auto;
}

.footer .cpwr3 {
	text-align:center;
	width:100%;
	margin-top:12px;
	position:relative;
	color:#ddd;
	font-size:8pt;
	font-family:sansz;
}

.botbar {
	width:100%;
	height:60px;
	position:fixed;
	bottom:-4px;
	background-color:rgba(142, 49, 148,0.98);
	z-index:99;
	box-shadow: 0 0 6px 0 #444;
}

.botbar .bbbtns{
	width:90%;
	margin:2px auto 0 auto;
	position:relative;
}

.botbar .bbbtns .bbbtn{
	float:left;
	font-family:sansz;
	width:22%;
	margin:0 3% 0 0;
	position:relative;
}

.botbar .bbbtns .bbbtn a{
	color:#fff;
}

.botbar .bbbtns .bbbtn .bbicon {
	margin:6px auto 0 auto;
	width:24px;
}

.botbar .bbbtns .bbbtn .bbicon img{
	width:100%;
}

.botbar .bbbtns .bbbtn .bbtxt {
	text-align:center;
	font-size:11px;
	color:#fff;
	margin-top:-6px;
}

/* perfect-scrollbar v0.6.2 */
.ps-container {
	overflow: hidden !important; }
	.ps-container.ps-active-x > .ps-scrollbar-x-rail, .ps-container.ps-active-y > .ps-scrollbar-y-rail {
	  display: block; }
	.ps-container.ps-in-scrolling {
	  pointer-events: none; }
	  .ps-container.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail {
		background-color: #ddd;
		opacity: 0.9; }
		.ps-container.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x {
		  background-color: #999; }
	  .ps-container.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail {
		background-color: #ddd;
		opacity: 0.9; }
		.ps-container.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y {
		  background-color: #999; }
	.ps-container > .ps-scrollbar-x-rail {
	  display: block;
	  position: absolute;
	  /* please don't change 'position' */
	  -webkit-border-radius: 4px;
	  -moz-border-radius: 4px;
	  -ms-border-radius: 4px;
	  border-radius: 4px;
	  opacity: 0.5;
	  -webkit-transition: background-color .2s linear, opacity .2s linear;
	  -moz-transition: background-color .2s linear, opacity .2s linear;
	  -o-transition: background-color .2s linear, opacity .2s linear;
	  transition: background-color .2s linear, opacity .2s linear;
	  bottom: 3px;
	  /* there must be 'bottom' for ps-scrollbar-x-rail */
	  height: 8px; }
	  .ps-container > .ps-scrollbar-x-rail > .ps-scrollbar-x {
		position: absolute;
		/* please don't change 'position' */
		background-color: #aaa;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		-ms-border-radius: 4px;
		border-radius: 4px;
		-webkit-transition: background-color .2s linear;
		-moz-transition: background-color .2s linear;
		-o-transition: background-color .2s linear;
		transition: background-color .2s linear;
		bottom: 0;
		/* there must be 'bottom' for ps-scrollbar-x */
		height: 8px; }
	.ps-container > .ps-scrollbar-y-rail {
	  display: block;
	  position: absolute;
	  /* please don't change 'position' */
	  -webkit-border-radius: 4px;
	  -moz-border-radius: 4px;
	  -ms-border-radius: 4px;
	  border-radius: 4px;
	  opacity: 0.5;
	  -webkit-transition: background-color .2s linear, opacity .2s linear;
	  -moz-transition: background-color .2s linear, opacity .2s linear;
	  -o-transition: background-color .2s linear, opacity .2s linear;
	  transition: background-color .2s linear, opacity .2s linear;
	  right: 3px;
	  /* there must be 'right' for ps-scrollbar-y-rail */
	  width: 8px; }
	  .ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y {
		position: absolute;
		/* please don't change 'position' */
		background-color: #aaa;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		-ms-border-radius: 4px;
		border-radius: 4px;
		-webkit-transition: background-color .2s linear;
		-moz-transition: background-color .2s linear;
		-o-transition: background-color .2s linear;
		transition: background-color .2s linear;
		right: 0;
		/* there must be 'right' for ps-scrollbar-y */
		width: 8px; }
	.ps-container:hover.ps-in-scrolling {
	  pointer-events: none; }
	  .ps-container:hover.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail {
		background-color: #eee;
		opacity: 0.9; }
		.ps-container:hover.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x {
		  background-color: #999; }
	  .ps-container:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail {
		background-color: #eee;
		opacity: 0.9; }
		.ps-container:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y {
		  background-color: #999; }
	.ps-container:hover > .ps-scrollbar-x-rail, .ps-container:hover > .ps-scrollbar-y-rail {
	  opacity: 0.6; }
	.ps-container:hover > .ps-scrollbar-x-rail:hover {
	  background-color: #eee;
	  opacity: 0.9; }
	  .ps-container:hover > .ps-scrollbar-x-rail:hover > .ps-scrollbar-x {
		background-color: #999; }
	.ps-container:hover > .ps-scrollbar-y-rail:hover {
	  background-color: #eee;
	  opacity: 0.9; }
	  .ps-container:hover > .ps-scrollbar-y-rail:hover > .ps-scrollbar-y {
		background-color: #999; }
/* perfect-scrollbar v0.6.2 */


#pagecover {
	position:fixed;
	width:100%;
	height:100%;
	top:0;
	left:0;
	bottom:0;
	background-color:rgba(000,000,000,0.5);
	display:none;
	z-index:919;
}

.mobleftmenu {
	height:100%;
	width:260px;
	top:0;
	left:-260px;
	bottom:0;
	position:fixed;
	background-color:#111;
	box-shadow: 0px 0px 8px 0px #020202;
	opacity:0;
	z-index:921;
	direction:rtl;
	overflow:hidden;
	font-family:sansz;
	font-size:13px;
}

.mobleftmenu .toppart {
	width:100%;
	height:88px;
	background-color: #171717;
}

.mobleftmenu .toppart .logopart {
	width:70px;
	float:left;
	margin:8px 0 0 8px;
}

.mobleftmenu .toppart .logopart .logo {
	margin:0 auto 0 auto;
	width:50px;
	height:50px;
}

.mobleftmenu .toppart .logopart .logo img {
	width:50px;
	height:50px;
}

.mobleftmenu .toppart .logopart .logoname {
	margin:2px auto 0 auto;
	font-family: sanszbold;
	font-size:11px;
	text-align: center;
	color:#ccc;
}

.mobleftmenu .toppart .creditpart {
	width:110px;
	height: 70px;
	float:left;
	margin:14px 0 0 8px;
	background-color: #171717;
	border-radius: 6px;
}

.mobleftmenu .toppart .creditpart .credit{
	color:#bbb;
	margin-right:4px;
}

.mobleftmenu .toppart .creditpart .credit .t{
	float:right;
	height:24px;
}

.mobleftmenu .toppart .creditpart .credit .c{
	width:45px;
	color:#2ea3ce;
	font-family: sanszbold;
	font-size: 14px;
	text-align: center;
	float:right;
	height:24px;
	margin:-3px 4px 0 0;
}

.mobleftmenu .toppart .creditpart .buycredit{
	border:1px solid #242424;
	text-align: left;
	clear: both;
	margin:10px 0 0 4px;
	border-radius: 6px;
	height:22px;
	padding:3px 2px;
	width:100px;
}

.mobleftmenu .toppart .creditpart .buycredit a{
	color:#ddd;
}

.mobleftmenu .toppart .creditpart .buycredit .icon{
	width:24px;
	float:right;
}

.mobleftmenu .toppart .creditpart .buycredit .title{
	float:right;
	text-align: right;
	margin:1px 2px 0 0;
}

.mobleftmenu .toppart .linkpart {
	width:130px;
	float:right;
	margin:10px 10px 0 0;
}

.mobleftmenu .toppart .linkpart .link{
	background-color: #222;
	width:110px;
	height:30px;
	border-radius: 6px;
	margin-bottom: 8px;
}

.mobleftmenu .toppart .linkpart .icon{
	width:24px;
	height:24px;
	margin:3px;
	float: right;
}

.mobleftmenu .toppart .linkpart .linktitle{
	float: right;
	font-family: sansz;
	font-size:13px;
	color:#ddd;
	margin:2px 4px 0 0;
}

.mobleftmenu .mainpart {
	width:88%;
	margin:24px auto 0 auto;
}

.mobleftmenu .mainpart .part{
	float:right;
	margin:0 0 12px 5%;
	background-color: rgba(238, 69, 170, 0.74);
	background: linear-gradient(45deg, rgba(238, 69, 170, 0.74) 15%, rgba(238, 69, 170, 0.96) 87%);
	width: 30%;
	height: 70px;
	border-radius: 6px;
}

.mobleftmenu .mainpart .partsec{
	background: linear-gradient(45deg, rgba(57, 143, 223, 0.74) 15%, rgba(57, 143, 223, 0.96) 87%);
}

.mobleftmenu .mainpart .lastpart{
	margin-left:0;
}

.mobleftmenu .mainpart .part .icon{
	width:24px;
	height:24px;
	margin:8px auto 0 auto;
}

.mobleftmenu .mainpart .part .linktitle{
	font-family: sansz;
	text-align: center;
	font-size:12px;
	color:#f8f8f8;
	margin:10px auto 0 auto;
	line-height: 1.2;
}

.mobleftmenu .plpart {
	width:88%;
	height:36px;
	margin:10px auto 0 auto;
	border-radius: 8px;
	border:1px solid #1a1a1a;
	background-color: #060606;
	position: relative;
	clear: both;
}

.mobleftmenu .plpart .icon {
	margin:6px 8px 0 0;
	float: right;
}

.mobleftmenu .plpart .title {
	font-size: 13px;
	color:#e2e2e2;
	margin:6px 8px 0 0;
	float: right;
}

.mobleftmenu .hcpart .plpart {
	background-color: #0c0c0c;
	margin-top: 8px;
}

.mobleftmenu .hcpart .plpart .title {
	color:#ddd;
}

.mobleftmenu .socialpart {
	width:88%;
	height:40px;
	position: absolute;
	bottom:0;
	left:6%;
}

.mobleftmenu .socialpart .social{
	float:left;
	width:20px;
	height:20px;
	margin-right:18px;
}

.mobleftmenu .socialpart .social img{
	width:100%;
	height:100%;
}

.mobleftmenu .socialpart .logout{
	width:122px;
	height:18px;
	float:right;
	padding:3px;
	border:1px solid #2a2a2a;
	border-radius: 6px;
	margin-top:-1px;
}

.mobleftmenu .socialpart .logout .icon{
	width:18px;
	float:right;
}

.mobleftmenu .socialpart .logout .icon img{
	width:100%;
}

.mobleftmenu .socialpart .logout .title{
	float:right;
	font-size: 11px;
	margin-right:4px;
	color:#777;
}





.mobleftmenu .rightbox {
	width:260px;
	height:100%;
	position:absolute;
	left:260px;
	top:0;
	background-color:#111;
	z-index:924;
	opacity:0;
}

.mobleftmenu .rightbox .rbtopbar{
	margin-top:48px;
	height:36px;
	background: linear-gradient(45deg, rgba(238, 69, 170, 0.90) 15%, rgba(238, 69, 170, 0.70) 87%);
}

.mobleftmenu .rightbox .rbtopbar .rbbackbtn{
	float:left;
	margin:6px 0 0 8px;
	cursor: pointer;
}

.mobleftmenu .rightbox .rbtopbar .rbtitle{
	float:right;
	margin:7px 8px 0 0;
	font-family:sansz;
	font-size:13px;
	color:#fafafa;
}	

.mobleftmenu .rightbox .rbholder	{
	width:94%;
	margin:12px auto 0 auto;
	clear:both;
	height:calc(100% - 110px);
	overflow:hidden;
	position:relative;
}



.mobcatbox{
	background-color:#111;
	width:100%;
	min-height:100px;
	margin-bottom:10px;
}

.mobcatbox .catitem {
	font-family:sanszbold;
	font-size:14px;
	margin:10px 10px 0 10px;
	height:38px;
	border:1px solid #000;
	background-color:#222;
	background-position:center; 
	transition: max-height 0.25s ease-in-out;
}

.mobcatbox .catitem a {
	color:#fff;
	text-shadow:0 0 2px #000;
	background-color:rgba(0,0,0,0.5);
	float:right;
	height:32px;
	width:80px;
	padding-right:10px;
	transition:0.3s;
	padding-top:8px;
}

.mobcatbox .catitem:hover a{
	width:calc(100% - 10px);
	background-color:rgba(0,0,0,0.7);
}

.mobcatbox .catitemfocused {
	font-family:sanszbold;
	font-size:15px;
	margin-right:10px;
	margin-left:10px;
	margin-top:8px;
	height:40px;
	border:1px solid #000;
	background-color:#222;
	background-position:center; 
}

.mobcatbox .catitemfocused a {
	color:#f2f2f2;
	text-shadow:0 0 2px #000;
	float:right;
	height:32px;
	padding-right:10px;
	transition:0.3s;
	padding-top:8px;
	width:calc(100% - 10px);
	background-color:rgba(0,0,0,0.7);
}

.mobcatbox .catitem-classical {
	background-image: url("../img/classical-mb.jpg");
}

.mobcatbox .catitem-world {
	background-image: url("../img/world-mb.jpg");
}

.mobcatbox .catitem-instrumental {
	background-image: url("../img/instrumental-mb.jpg");
}

.mobcatbox .catitem-electronic {
	background-image: url("../img/electronic-mb.jpg");
}

.mobcatbox .catitem-jazz {
	background-image: url("../img/jazz-mb.jpg");
}

.mobcatbox .catitem-rock {
	background-image: url("../img/rock-mb.jpg");
}

.mobcatbox .catitem-pop {
	background-image: url("../img/pop-mb.jpg");
}

.mobcatbox .catitem-blues {
	background-image: url("../img/blues-mb.jpg");
}

.mobcatbox .catitem-country {
	background-image: url("../img/country-mb.jpg");
}

.mobcatbox .catlist {
	font-family:sansz;
	font-size:15px;
	margin-right:10px;
	margin-left:10px;
	margin-top:0px;
	max-height:0px;
	border:1px solid #000;
	border-top:none;
	background-color:#222;
	overflow:hidden;
	transition:0.4s;
	transition: max-height 0.4s ease-in-out;
}

.mobcatbox .catlist .catlistmainitem {
	height:28px;
	border:1px solid rgba(57, 143, 223, 0.84);
	margin:8px 6px 0px 6px;
	padding:4px 4px 0px 4px;
	font-family:sansz;
	color:#ddd;
	font-size:13px;
}

.mobcatbox .catlist .catlistmainitem a{
	color:#ddd;
}

.mobcatbox .catlist .catlistiitem {
	height:28px;
	border:1px solid #444;
	margin:8px 6px 0px 6px;
	padding:4px 4px 0px 4px;
	font-family:sansz;
	color:#ddd;
	font-size:12px;
	overflow:hidden;
}

.mobcatbox .catlist .catlistiitem a {
	color:#ddd;
}

.mobcatbox .catlist .catlistiitem .ftitle{
	float:right;
	margin-top:2px;
}

.mobcatbox .catlist .catlistiitem .etitle{
	float:left;
	margin-top:2px;
}

.mobcatbox .catlist .catlistiitem .subitemmain{
	border:1px solid rgba(57, 143, 223, 0.84);
	margin:8px 6px 0px 6px;
	padding:4px 4px 0px 4px;
	font-size:11px;
	height:24px;
}

.mobcatbox .catlist .catlistiitem .subitem{
	border:1px solid #333;
	margin:8px 6px 0px 6px;
	padding:4px 4px 0px 4px;
	font-size:10px;
	height:24px;
}

.mobcatbox .mooditem {
	margin:7px 3% 0 0;
	height:30px;
	border-radius: 6px;
	background-position:center; 
	transition: max-height 0.25s ease-in-out;
	width:29%;
	height:68px;
	float:right;
	overflow:hidden;
	position: relative;
}

.mobcatbox .mooditemmask {
	position: absolute;
	top:0;
	left:0;
	width: 100%;
	height:100%;
	background: linear-gradient(45deg, rgba(0, 0, 0, 0.1) 15%, rgba(0, 0, 0, 0.3) 87%);
	z-index: 10;
}

.mobcatbox .mooditem .moodtxt{
	font-family:sansz;
	position: relative;
	font-size:13px;
	margin:12px 2px 0 2px;
	text-align:center;
	z-index: 11;
	line-height: 1.4;
}

.mobcatbox .mooditem .moodtxt a{
	color:#fff;
}

.moodsbox .mooditem {
	margin:10px 3% 0 0;
	border-radius: 6px;
	background-position:center; 
	transition: max-height 0.25s ease-in-out;
	width:45.4%;
	height:68px;
	float:right;
	overflow:hidden;
	position: relative;
}

.moodsbox .mooditemmask {
	position: absolute;
	top:0;
	left:0;
	width: 100%;
	height:100%;
	background: linear-gradient(45deg, rgba(0, 0, 0, 0.1) 15%, rgba(0, 0, 0, 0.3) 87%);
	z-index: 10;
}

.moodsbox .mooditem .moodtxt{
	font-family:sanszbold;
	position: relative;
	font-size:15px;
	margin:20px 2px 0 2px;
	text-align:center;
	z-index: 11;
	line-height: 1.4;
}

.moodsbox .mooditem .moodtxt a{
	color:#fff;
}

.magbox {
	
}

.magbox .topslider{
	width: 102%;
	position: relative;
    direction: ltr;
	margin:-12px -1% 0 0 ;
}

.magbox .topslider .owl-dots {
	margin:-30px 0 0 10px;
	z-index: 10;
	position: relative;
	width:66px;
	overflow: hidden;
}

.magbox .topslider .owl-carousel button.owl-dot {
    background: 0 0;
    color: inherit;
    border:1px solid rgba(255,255,255,0.3);
    padding: 4px;
    font: inherit;
    width: 10px;
    height: 10px;
    border-radius: 10px;
    margin-right: 10px;
}

.magbox .topslider .owl-carousel button.active {
	background-color: rgba(255,255,255,0.3);
}

.magbox .topslider .slidebox{
	margin:0;
	width: 100%;
	overflow: hidden;
	position: relative;
}

.magbox .topslider .slidebox .toppostimage{
	
}


.magbox .topslider .slidebox .topposttitle{
	position: absolute;
	bottom: 40px;
	right: 16px;
	text-align: right;
	direction: rtl;
	max-width: calc(100% - 32px);
}

.magbox .topslider .slidebox .topposttitle span {
	background-color: rgba(0,0,0,0.4);
	padding:4px 6px;
	color: #fff;
	font-size: 16px;
	font-family: sanszbold;
	line-height: 2.2;
}

.magbox .topslider .slidebox .topposttitle span a{
	color: #fff;
}

.maglistbody .magcats {
	width:102%;
	height:44px;
	float:none;
	transition: 0.3s;
	margin-top:0px;
	margin-right: -1%;
	padding-top:16px;
	background: linear-gradient(270deg, rgba(36,36,36,0.940) 0%, rgba(25,25,25,0.940) 100%);
	overflow-y: hidden;
}

.maglistbody .magcats-fixed {
	top:48px;
	right:1%;
	position: fixed;
}

.maglistbody .magcats .catitem {
	width:94%;
	margin:8px auto 0 auto;
	font-size: 13px;
	border-top: 1px solid #333;
	padding-top: 8px;
}

.maglistbody .magcats .catitem a{
	color:#ccc;
}

.magcatsclearsubmenufixed {
	height:68px;
}

.maglistbody .magcats .catmenu {
	width:150px;
	margin-right:8px;
}

.maglistbody .magcats .catmenu .icon {
	width:32px;
	height:32px;
	float: right;
}

.maglistbody .magcats .catmenu .icon img {
	width: 100%;
}

.maglistbody .magcats .catmenu .title {
	float: right;
	margin: 4px 4px 0 0;
	color: #ddd;
	font-size: 15px;
}

.maglistbody .maglist {
	width:auto;
	float:none;
	margin-top: 28px;
}

.maglistbody .maglist .maintitle {
	min-height: 40px;
	font-family: sanszbold;
	font-size: 17px;
	margin:14px 10px 14px 0;
	color: #ccc;
	border-bottom: 1px solid #1b1b1b;
}

.maglistbody .maglist .maintitle .title{
	float:right;
	font-size: 15px;
}

.maglistbody .maglist .maintitle .backhome{
	float:right;
	font-size: 15px;
	width: 146px;
}

.maglistbody .maglist .post {
	width:96%;
	min-height:80px;
	margin:10px auto 0 auto;
	background: linear-gradient(270deg, rgba(26,26,26,0.940) 0%, rgba(15,15,15,0.940) 100%);
	border-radius: 4px;
}

.maglistbody .maglist .post .postimage {
	width:110px;
	height: 110px;
	float:right;
	margin-bottom: 0px;
	padding:3px;
	border:1px solid #1b1b1b;
}

.maglistbody .maglist .post .postimage img {
	width:100%;
}

.maglistbody .maglist .post .postinfo {
	width: calc(100% - 130px);
	float: right;
	margin:4px 8px 0 0;
}

.maglistbody .maglist .post .postinfo .cat {
	font-size: 12px;
	font-family: sansz;
}

.maglistbody .maglist .post .postinfo .cat a {
	color: #888;
}

.maglistbody .maglist .post .postinfo .title {
	font-size: 14px;
	font-family: sansz;
	margin-top: 6px;
}

.maglistbody .maglist .post .postinfo .title a {
	color: rgb(84, 189, 228);
}

.maglistbody .maglist .paginationbox {
	width:96%;
	margin:16px auto;
}

.maglistbody .maglist .paginationbox .item {
	float: right;
    width: 30px;
    height: 27px;
	padding-top:3px;
    background-color: #222;
    border: 1px solid #000;
    margin-right: 8px;
    text-align: center;
    vertical-align: middle;
    font-family: sansz;
    font-size: 15px;
}

.maglistbody .maglist .paginationbox .sitem {
	background-color: #333;
}

.magbox .blogpost {
	width: 92%;
	margin: 10px auto;
	color:#dcd3c4;
}

.magbox .blogpost .postimg {
	width: calc(100% - 12px);
	padding: 6px;
	background-color: #222;
	font-size: 0px;
	margin-top: 24px;
}

.magbox .blogpost .postimg img{
	width: 100%;
}

.magbox .blogpost .posttext {
    width:100%;
	margin-top:16px;
}

.magbox .blogpost .posttext .homeicon {
    float:right;
    margin:3px 0 0 8px;
}

.magbox .blogpost .posttext .cat {
    background-color: #222;
    border-radius: 8px;
    min-width: 50px;
    padding:3px 6px 5px 6px;
    width:fit-content;
    float:right;
}

.magbox .blogpost .posttext .cat .cattext{
    color:#aaa;
    font-family: sanszbold;
    font-size:15px;
}

.magbox .blogpost .posttext .title {
    font-family:sanszbold;
    font-size:18px;
    margin-top:16px;
	color: #e2e2e2;
}

.magbox .blogpost .posttext .text {
    font-family:sansz;
    font-size:15px;
    margin:10px 0 36px 0;
}

.magbox .blogpost .posttext .icons {
    margin-top:24px;
}

.mainblog .blogpost .posttext .icons .icon {
    float: right;
    margin-left:12px;
}

.magbox .blogpost .related {
    margin:32px auto 0 auto;
    border-top:1px solid #333;
}

.magbox .blogpost .related .relatedtitle {
    background: linear-gradient(to right,#106687,#0c7aa5);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    font-family: sanszbold;
    font-size:16px;
    margin:24px 0px 24px 0;
}

.magbox .blogpost .related .posts {
	margin-top:8px;
}

.magbox .blogpost .related .posts .post{
	width:96%;
	margin:4px auto 8px auto;
	padding-bottom: 8px;
	border-bottom: 1px solid #222;
}

.magbox .blogpost .related .posts .post .relpostimg {
	width:64px;
	height:64px;
	padding: 4px;
	background-color: #eee;
	float:right;
}

.magbox .blogpost .related .posts .post .relpostimg img {
	width: 100%;;
}

.magbox .blogpost .related .posts .post .relposttitle {
	float: right;
	font-size: 14px;
	margin:4px 8px 0 0;
	color: #aaa;
}

.magbox .blogpost .relatedartists {
	margin-top:32px;
}

.magbox .blogpost .relatedartists .relatedartist {
	width:96%;
	min-height: 34px;
	float:right;
	background: linear-gradient(to right,#242424,#222);
	padding: 6px;
	margin:0 0 10px 10px;
}

.magbox .blogpost .relatedartists .relatedartist .raimg {
	width:72px;
	height:96px;
	overflow: hidden;
	float:right;
}

.magbox .blogpost .relatedartists .relatedartist .raimg img{
	width:100%;
}

.magbox .blogpost .relatedartists .relatedartist .ratitle {
	margin:4px 10px 0 0;
	float: right;
}

.magbox .blogpost .relatedartists .relatedartist .ratitle .inf {
	font-size: 13px;
	color:#777;
}

.magbox .blogpost .relatedartists .relatedartist .ratitle .link a{
	font-size: 14px;
	color: #008ecc;
	margin-bottom: 8px;
}

.magbox .blogpost .relatedprods {
	margin-top:32px;
}

.magbox .blogpost .relatedprods .relatedprod {
	width:96%;
	min-height:34px;
	float:right;
	background: linear-gradient(to right,#242424,#222);
	padding: 6px;
	margin:0 0 10px 10px;
}

.magbox .blogpost .relatedprods .relatedprod .over {
	font-size: 13px;
	margin-bottom: 8px;
	padding-bottom: 6px;
	border-bottom: 1px solid #333;
	color:#ccc;
}

.magbox .blogpost .relatedprods .relatedprod .raimg {
	width:100px;
	height:100px;
	overflow: hidden;
	float:left;
}

.magbox .blogpost .relatedprods .relatedprod .raimg img{
	width:100%;
}

.magbox .blogpost .relatedprods .relatedprod .ratitle {
	margin:4px 10px 0 10px;
	float: left;
	width: calc(100% - 120px);
	text-align: left;
}

.magbox .blogpost .relatedprods .relatedprod .ratitle .inf {
	font-size: 13px;
	color:#777;
	direction: ltr;
}

.magbox .blogpost .relatedprods .relatedprod .ratitle .link a{
	font-size: 14px;
	color: #008ecc;
	margin-bottom: 8px;
	direction: ltr;
}

.magbox .blogpost .relatedpost {
	width:97.6%;
	margin:52px 1.6% 12px 0;
	box-shadow:0 0 10px 0px #222;
	min-height:86px;
	background: rgb(75,75,75);
	background: linear-gradient(56deg, rgba(65,65,65,1) 0%, rgba(45,45,45,1) 100%);
	border-radius:4px;
	position:relative;
}

.magbox .blogpost .relatedpost .postpimg {
	width:74px;
	height:74px;
	float:right;
	margin:6px 6px 8px 0;
	position:relative;
	box-shadow:0 0 8px 0 #333;
}

.magbox .blogpost .relatedpost .postpimg img{
	width:100%;
}

.magbox .blogpost .relatedpost .pt {
	margin:4px 0 0 6px;
	font-family:sansz;
	font-size:12px;
	color:#999;
}

.magbox .blogpost .relatedpost .postlink {
	width:calc(100% - 170px);
	float:right;
	margin:4px 8px 0 6px;
	font-family:sansz;
	font-size:15px;
}

.magbox .blogpost .relatedpost .postlink a{
	background: linear-gradient(to right,#80c9eb,#65b9df);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-box-decoration-break: clone;
}

.magbox .blogpost .relatedpost .playbtn {
    position: absolute;
    top:calc(50% - 32px);
    left:calc(50% - 32px);
    width:64px;
    height:64px;
    opacity: 0.8;
}

.magbox .blogpost .relatedpost .posttag {
	position:absolute;
	bottom:5px;
	left:5px;
	font-size:11px;
	font-family:sansz;
	background: linear-gradient(to right,#da1b60,#a728de);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-box-decoration-break: clone;
}

.magbox .blogpost .text h1 {
	font-size:18px;
}

.magbox .blogpost .text h2 {
	font-size:17px;
	font-family:sanszbold;
	margin-top:14px;
	margin-bottom:12px;
	color: #e9e3da;
}

.magbox .blogpost .text h3 {
	font-size:16px;
	font-family:sanszbold;
	margin-top:14px;
	margin-bottom:8px;
	color: #e9e3da;
}

.magbox .blogpost .text ul {
	margin-top:8px;
	margin-bottom: 8px;
}

.magbox .blogpost .text li {
	color:#bbb;
	margin-top:8px;
	border-radius:8px;
	padding:4px 6px;
	list-style-type: square;
	list-style-position: inside;
}

.magbox .blogpost .text a,.text b, .text strong{
	font-family: sanszbold;
}

.magbox .blogpost .text p{
	margin-bottom:14px;
	font-size: 15.8px;
	line-height: 1.91;
	text-align: justify;
}

.magbox .blogpost .text a{
	color:#0075a9;
}

.magbox .blogpost .image {
	width:100%;
	margin:28px 0;
}

.magbox .blogpost .image img{
	width:100%;
}

.magbox .blogpost blockquote{
	width:76%;
	margin:40px auto;
	padding:1.2em 60px 1.2em 20px;
	border-right:6px solid #b445e2 ;
	color: #bbb;
	line-height:1.6;
	position: relative;
}

.magbox .blogpost blockquote::before{
	font-family:Arial;
	content: "\201D";
	color:#b445e2;
	font-size:6em;
	font-weight: 700;
	position: absolute;
	right: 10px;
	top:-22px;
}

.magbox .blogpost blockquote::after{
	content: '';
}

.magbox .blogpost blockquote span{
	display:block;
	color:#333333;
	font-style: normal;
	font-weight: bold;
	margin-top:1em;
}

.magbox .blogpost blockquote .toc {
	display:none;
}

.magbox .blogpost i {
	margin:30px auto;
	width:calc(76% + 34px);
	padding:1.2em 20px 1.2em 20px;
	border-right:6px solid #0075a9 ;
	line-height:1.6;
	font-style: normal;
	color: #bbb;
	position: relative;
	display: block;
}

.magbox .blogpost i .toc {
	display:none;
}

.magbox .blogpost .toc {
	font-style: normal;
	color: #ccc;
	line-height:1.6;
	position: relative;
	display: block;
	margin:40px auto;
	width:calc(76% + 36px);
	padding:1.2em 20px 1.2em 20px;
	border-right:6px solid #78C0A8 ;
}

.magbox .blogpost .toc .toctitle {
	font-family: sanszbold;
	color:#ccc;
}

.magbox .blogpost .toc li {
	background-color:#eee;
	background: linear-gradient(270deg,rgba(69,142,175,.13) 15%,rgba(69,142,175,.08) 87%);
	color:#ccc;
	margin-top:10px;
	border-radius:8px;
	padding:4px 6px;
	list-style-type: square;
	list-style-position: inside;
}

.magbox .blogpost .toc a{
	color:#bbb;
	font-weight: 400;
}

.magbox .blogpost .backtotop {
	width: 48px;
	height:48px;
	position: fixed;
	bottom: 16px;
	left:16px;
	background-color: #666;
	background: linear-gradient(45deg, rgba(40, 40, 40, .80) 15%, rgba(90, 90, 90, .98) 87%);
	border-radius: 10px;
}

.magbox .commentsbox {
	width:100%;
	float: none;
	margin: 48px auto;
	box-shadow: none;
}

.magbox .commentsbox .gotcmnt {
	width:calc(100% - 16px);
	padding: 8px;
	border: 1px solid #0da433;
	font-size: 14px;
	margin-bottom: 16px;
}

.magbox .commentsbox .cmntstitle {
	margin:32px 0 16px 0;
	color: #dadada;
	font-size: 18px;
	font-family: sanszbold;
	padding-bottom: 2px;
	padding-top:10px;
	text-align: right;
	border-top: 1px solid #333;
}

.magbox .commentsbox .write label {
	font-family: sansz;
	font-size: 14px;
}

.magbox .commentsbox .write .cmName {
	width: 170px;
	padding:6px;
	border:1px solid #bbb;
	margin-bottom: 8px;
	background-color: #ccc;
	border-radius: 8px;
}

.magbox .commentsbox .write textarea {
	width: calc(100% - 12px);
	padding:6px;
}

.magbox .ajaxcmntbox textarea {
	font-family: sansz;
}

.magbox .ajaxcmntbox .cmName {
	font-family: sansz;
	width:140px;
	border:1px solid #bbb;
	padding:2px;
	margin-bottom: 4px;
	background-color: #ccc;
	border-radius: 8px;
}

.magbox .commentsbox .write .submit {
	margin-left:0px;
}

.popupcover {
    position: fixed;
    z-index: 9998;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(49,50,59,0.7);
    display: none;
}

.popupbox {
    position: fixed;
    top: calc(50% - 235px);
    left: calc(50% - 160px);
    z-index: 9999;
    width: 320px;
    height:470px;
    background-color: #183745;
	background: linear-gradient(to right,#183745,#183f45);
    border-radius: 4px;
    box-shadow: 0 0 18px #242c30;
    display: none;
}

.popupbox .popupclose {
    position: absolute;
    top:8px;
    left:8px;
    width:70px;
    height:30px;
    border-radius: 6px;
    background: rgb(248,248,248);
    background: linear-gradient(90deg, rgba(240,248,248,0.7) 0%, rgba(234,234,234,0.7) 100%);
    border:1px solid #aaa;
}

.popupbox .popupclose .closebtn {
    float: left;
    margin:2px 0 0 2px;
    width: 24px;
    height: 24px;
    cursor: pointer;
}

.popupbox .popupclose .closebtn img{
    width: 100%;
    height: 100%;
    cursor: pointer;
}

.popupbox .popupclose .closetxt {
    font-family: sansz;
    font-size: 14px;
    color: #111;
    margin:2px 8px 0 0;
    cursor: pointer;
}

.popupbox .popuptxt {
    width:92%;
    min-height:200px;
    margin: 56px auto 0 auto;
}

.popupbox .popuptxt .line1 {
    background: linear-gradient(to right,#a1dcf7,#a5bdfa);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    font-family: sanszbold;
    font-size: 20px;
    text-align: center;
}

.popupbox .popuptxt .line2 {
    background: linear-gradient(to right,#fff,#f2f2f2);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    font-family: sanszbold;
    font-size: 28px;
    margin-top: 16px;
    text-align: center;
}

.popupbox .popuptxt .line3 {
    background: linear-gradient(to right,#ddd,#ccc);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    font-family: sanszbold;
    font-size: 16px;
    text-align: center;
    margin: 16px auto 0 auto;
    width: 80%;
}

.popupbox .popuptxt .dcode {
    width:244px;
    height:48px;
    border-radius: 6px;
    background: linear-gradient(to right,#ffffffaa,#eeeeeeaa);
    margin:30px auto 0 auto;
}

.popupbox .popuptxt .dcode .code{
    float: right;
    width:140px;
    margin:8px 4px 0 0;
    text-align: center;
    color: #c2296b;
    font-family: sanszbold;
    font-size: 20px;
}

.popupbox .popuptxt .dcode .copy {
    float:left;
    width:90px;
    height:48px;
    border-right:6px solid #ffffff55;
    cursor: pointer;
}

.popupbox .popuptxt .dcode .copy .copyicon {
    float: right;
    width: 24px;
    height: 24px;
    margin:12px 6px 0 0;
    cursor: pointer;
}

.popupbox .popuptxt .dcode .copy .copyicon img{
    width: 100%;
    height:auto;
}

.popupbox .popuptxt .dcode .copy .copytxt {
    float: right;
    margin: 12px 6px 0 0;
    font-family: sansz;
    font-size: 13px;
    color: #0b638a;
    cursor: pointer;
}

.popupbox .popuptxt .dlink {
    width:244px;
    height:36px;
    padding-top: 10px;
    border-radius: 6px;
    border: 1px solid #ffffff66;
    margin:12px auto 0 auto;
    background: linear-gradient(to right,#ed3e7d,#c73eed);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    font-family: sanszbold;
    font-size: 16px;
    text-align: center;
}

.moodicalpopup {
	display:block;
	position: fixed;
	z-index: 19;
	top:0;
	left: 0;
	width: 100%;
	height:100%;
	transition: 0.3s;
}

.moodicalpopup .mdcpbck {
	width: 100%;
	height:100%;
	-webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
    background-color: #00000033;
}

.moodicalpopup .mdcp {
	width: 300px;
	height: 500px;
	z-index: 20;
	background-color: #fff;
	position: absolute;
	top:calc(50% - 220px);
	left:calc(50% - 150px);
	background-image: linear-gradient(to left bottom, #051937, #004d7a, #008793, #00bf72, #a8eb12);
	border-radius: 6px;
}

.moodicalpopup .mdcp .mdcclose {
	width: 24px;
	height: 24px;
	position: absolute;
	top: -48px;
	left: 16px;
}

.moodicalpopup .mdcp .mdclogo {
	width: 120px;
	position: relative;
	margin:14px auto;
}

.moodicalpopup .mdcp .mdcimg {
	width: 240px;
	height: 240px;
	position: absolute;
	bottom: 14px;
	left:calc(50% - 120px);
}

.moodicalpopup .mdcp .mdcimg .frame {
	width: 100%;
	position: absolute;
}

.moodicalpopup .mdcp .mdcimg .frame img{
	width: 100%;
}

.moodicalpopup .mdcp .mdcimg .cover {
	width: 203px;
	position: absolute;
	top:21.5px;
	right: 17px;
}

.moodicalpopup .mdcp .mdcimg .cover img{
	width: 100%;
	border-radius: 18px;
}

.moodicalpopup .mdcp .mdcimg .play {
	width: 40px;
	position: absolute;
	bottom:26px;
	right: calc(50% - 21px);
}

.moodicalpopup .mdcp .mdcimg .play img {
	width: 100%;
}

.moodicalpopup .mdcp .text1 {
	text-align: center;
	font-family: sanszbold;
	font-size: 19px;
	color: #fff;
	width:92%;
	margin:28px auto 0 auto;
}

.moodicalpopup .mdcp .text2 {
	text-align: center;
	font-family: sansz;
	font-size: 16px;
	color: #fff;
	padding:8px;
	width:calc(92% - 16px);
	margin:16px auto 0 auto;
	background-color: rgba(0,0,0,0.2);
	border-radius: 6px;
	font-style: italic;
}