*{
	margin:0px;
	padding:0px;
	
	box-sizing:border-box;
	text-align:center;
}
 html, body, div, span, applet, object, iframe,
  p, blockquote, pre,
 a, abbr, acronym, address, big, cite, code,
 del, dfn, em, img, ins, kbd, q, s, samp, 
 small, strike, strong, sub, sup, tt, var,
 b, u, i, center,
 dl, dt, dd, ol, ul, li, 
 fieldset, form, label, legend,
 table, caption, tbody, tfoot, header, hgroup,
 menu, nav, output, ruby, section, summary,
 time, mark, audio, video{
 	margin: 0;
 	padding: 0;
 	border: 0;
 	font-size:100%;
 	font: inherit;
 	vertical-align: baseline;
 }
 article, aside, details, figcaption, figure,
 footer, header, hgroup, menu, nav, section {
 	display: block;
 }
 body{
 	line-height: 1;
 	font:1rem shop;
 }
 a{
 	text-decoration: none;
 }
 ol, ul {
 	list-style: none;
 }
 blockquote ,q{
 	quotes: none;
 }
 blockquote :before, blockquote :after,
 q:before, q:after {
 	content: '';
 	content: none;
 }
 table {
 	border-collapse: collapse;
 	border-spacing: 0; 
 }
 @font-face{
 	font-family: "shop";
 	src: url("fonts/webYekan.woff") format("woff");
 }
 img{
 	max-width: 100%;
 }
 body{
 	
 	/*background: #fcfcfc;*/
 	font-size: 1.1rem; 
 	font-family: "shop","Myriad","Tahoma";
 }
 input,textarea,button,select{
 	font-family: "shop";
 }
html,body{
	width:100%;
	/*background:#008B8B;
	background:#00CED1;*/
	background:purple !important; 
	
}

.d_top .d_li1 .container .pull_right{
 	
 	display: inline-block;
 	position: absolute;
 	right: 8px;
 	top: 10px;
 }
 .d_top .d_li1 .container .pull_left{
 	float: left;
 	display: inline-block;
 }
 .pd_in .d_in .pull_right{
 	/*float: right;*/
 	display: inline-block;
 	 
 }
.pd_in .d_in .pull_left{
 	/*float: left;*/
 	display: inline-block;
 }
.pd_in{

	margin:auto;
}
.pd_in .d_in{
	/*width:100%;*/
	direction: rtl;
	margin:10px auto 6px;
	font:1rem shop;
	background: white;
	text-align:center;
    padding:10px;
	box-shadow:0 0 5px 5px #4B0082;
	border-radius: 15px;
	overflow: auto;
}

.pd_in .d_in .log{
	font:1.2rem shop;
	background: #8B008B;
	border-radius: 15px;
	margin-bottom: 10px;
	color: white;
	
}
.clearfix{
 	clear: both;
 }
.d_in1{
	
	margin:10px auto 5px;
	background: white;
	text-align:center;
    padding:10px;
	box-shadow:0 0 5px 5px #4B0082;
	border-radius: 15px;
	
}

.d_top{
	/*width:900px;*/
	position:fixed;
	margin-top:0px;
	/*left:.1%; 
	right:.1%;*/
	text-align:center;
	z-index: 10;
	/*padding:10px;
	background:white;*/
	margin:auto;
	overflow: auto;
/*	border-radius: 10px;
	/*padding:4px;*/
	
}
.d_top .d_li1 .container .pull_left ul,
.d_top .d_li1 .container .pull_right ul{
	/*width:100%;*/
	margin:auto;
	text-align:center;
	list-style:none;
	/*background:#8B008B;
	border-radius: 15px;*/
	
}/*   whitesmoke  */
.d_top .d_li1 .container .pull_left ul li,
.d_top .d_li1 .container .pull_right ul li{
	
	list-style:none;	
	display: inline-block;
	padding:0px 5px 8px;
}
.d_top .d_li1 .container{
 	/*width: 100%;*/
 	background:purple;
 	border-radius: 20px;
 	margin: 0 auto;
 	vertical-align: middle;
 	text-align: center;
 	overflow: auto;
 	padding-bottom:2px ;
 }
.d_top input,.d_top .d_li1 input{
	background: #4B0282;
	color:white;
	border-radius: 16px;
	padding:4px;
	margin:auto;
	font:1rem shop;
	border:2px solid #4B0070;
}

.d_top .d_li1 a{
	background: #4B0282;
	color:white;
	border-radius: 16px;
	padding:0px 5px 4px;
	margin:auto;
	font:1rem shop;
	border:2px solid #4B0070;

}


a{
	/*background-color:#00FFFF;*/
	color:white ;
	border-radius: 16px;
	padding:4px;
	margin:auto;
	font:1rem shop;
}
.d_top .d_li1 a:hover,#sbtn:hover,#out:hover{
	background: #8B008B;
	color: #000;
	border:0px solid #8B008B;
}
#sbtn{
	border-radius: 16px;
	
	margin-top: 6px;
	background:none;
	border:none;

}
#sbtf2{
	margin-top: 3px;
}
#sbtni{
	
}
#sbtn:hover{
	background: #4B0070;

}
#id_icon,.d_top .d_li1 .container .pull_right img{
	background: none;
	border:none;
	margin: 10px 0px 0px 0px;
}

.d_top .d_li1 .container .pull_left input{
	
	border-radius: 16px;
	
	font:0.8rem shop;
	border:2px solid #4B0070;
}
#out{
	padding:8px 8px 11px 8px;
	margin-top: 7px;
}
.d_top .d_li1 button {
	
}
#id_icon{
	
}
.d_top .d_li1 .container .pull_right .logo{
	
	float: left;
}
#id_icon{
	background: none;
	border:none;
	margin: 2px 0px 0px 0px;
}
.d_top .d_li1 .container .pull_left img{
	background: none;
	border:none;
	
}
.d_top .d_li1{
	position:relative;
	/*width:900px;*/
	margin:auto ;
	overflow: auto;
	/*background: #00CED1;*/
	background:white;
	text-align:center;
	padding:8px;
	border-radius: 20px;
	border:6px solid #4B0082;
	box-shadow:0 0 5px 2px #4B0082;
	vertical-align: middle;
}
.d_top .d_li1 .container .pull_right li{
	padding:2px 6px 10px;
	margin: 14px 2px 0px;	
}
.d_top .d_li1 .container .pull_right ul{
	vertical-align: middle;
}
.d_top .d_li1 .container .pull_left li{
	
		
}

.admin  ul,.admin li{
	
	list-style:none;
	background:none;
	border-radius: 20px;
	float:right;
}

.pd_in .d_in .d_m{
	background:#4B0082;
	padding:2px;
	margin:auto;
	border-radius: 10px;
	color: white;
}
.pd_in .d_in .d_m h1{
	padding-: 5px 0px 5px 0px;
}
.pd_in .d_in h1{
	padding: 5px 0px 8px 0px;
}
.pd_in .d_in h1 a{
	background:black;
	color: gold;
	padding: 4px;
	margin: 4px;
}
.pd_in .d_in h1 a:hover{
	background:gold;
	color: white;
	padding: 4px;
	margin: 4px;
}
#id_search{
	padding:7px 5px 7px 5px;
	background:white;
	color: black;
	font: 0.8rem shop;
}
/*.index div{
	
	margin:10px auto;
	border-radius: 10px;
	padding:2px;
	font:20px ;
}*/
.admin div{
	background:red;
	margin:10px auto;
	border-radius: 10px;
	padding:2px;
	font:1.1rem ;
}
/*#div_ad_li{
	width:180px;
	background:blue;
	margin:6px auto;
	border-radius: 8px;
	padding:5px 0px;
	
}
#div_ad_li_h{
	width:180px;
	background:red;
	margin:6px auto;
	border-radius: 8px;
	padding:5px 0px;
}*/
#div_ad_li1{
	/*width:400px;*/
	background:none;
	margin:2px auto;
	padding:2px;
}

.pdiv_ad .div_ad .left .div_ad_li_p{
			
	/*	float: right;*/	
	border-radius: 10px;
	background:whitesmoke;
	/*margin:30px 13px ;*/
	text-align:center;
	padding:6px;
	position: fixed;
	
}
/*
.pdiv_ad .div_ad .div_ad_li_p input{
		font:18px/20px shop ;
		background:none;
	border:none;
		
}*/
.pdiv_ad .div_ad .left .div_ad_li_p .div_ad_li1{
	/*width: 100%;*/
}
.pdiv_ad .div_ad .left{
    width: 28%;
	/*border-left: 4px solid black;*/
	display:inline-block;
	float: right;
	/*height: 800px;*/
}
.pdiv_ad .div_ad .right{
	border-right: 4px solid black;
	min-height: 350px;
	float: left;
	width: 70%;
	display:inline-block;
}
.pdiv_ad .div_ad .left .div_ad_li_p .div_ad_li1 input,
.pdiv_ad .div_ad .left .div_ad_li_p .div_ad_li1 a{
	float: right;
	width: 100%;
	margin: 4px auto;
	border: 2px solid #c6bcc4;
	color: #000;
	padding: 1px 6px 6px 6px;
	background:#f5f2f2;
 	border-radius: 14px; 
	font-size:0.7rem;
 	 
}
.pdiv_ad .div_ad .div_ad_li_p .div_ad_li1 input:hover,
.pdiv_ad .div_ad .div_ad_li_p .div_ad_li1 a:hover{
	
	color: #000;
	 background: #c6bcc4;
	}
.form_com{
	/*width:700px;*/
	background:white;
	font:18px ;
}
.pdiv_ad{
	/*width:892px;*/
	
	margin:auto ;
}
.pdiv_ad .div_ad{
	width:100%;
	
	background:white;
	margin:10px auto;
	border-radius: 10px;
	float:right;
}
.div_ad_page{
	/*width:892px;
	height:830px;*/
	background:white;
	margin:10px auto 10px;
	border-radius: 10px;
	padding:4px;
}
#div_ad_li_page{
	/*width:90%;*/
	border-radius: 10px;
	background:whitesmoke;
	margin:20px auto 6px ;
	text-align:center;
	padding:10px;
	font-size:0.9rem  ;
}
#div_img{
	/*background:white;*/
	border-radius: 20px;
}
.d_ad_2{
	/*width:98%;*/
	
	background:whitesmoke;
	text-align:center;
	margin:50px auto 20px;
	border-radius: 20px;
	padding:10px;
	font:20px ;
}
.d_ad_2 label,.d_ad_2 input{
		font:18px ;

}
.pdiv_ad .div_ad .right .d_ad_2 textarea{
	/**max-width: 100%;*/
	text-align: justify;
	text-indent: 1px;
}
.pd_in .d_in .show_b_index{
	/*min-width:22%;*/
	max-height:320px;
	border-radius: 10px;
	/*background:#191970;*/
	background:#4B0082;
	margin:10px;
	text-align:center;
	padding:10px;
	display: inline-block;
	font:20px/20px shop;
	color:#ddd;
}
.pd_in .d_in .show_b_index:hover {
	background:#4B0092;
	/*min-width:22.3%;*/
	max-height:322px;

}
/*#show_b_index input{
	width:10px;
	height:2px;
	padding:0px;
	margin:0px;
	background:none;
	border:none;
}*/
.pd_in .d_in .show_b_index .iabi{
	/*width:80px;*/
	height:80px;
	margin:10px auto 0px;
	/*background:#1E90FF;*/
	/*background:#8B008B;*/
	
	padding:10px 0px;
}
/*.pd_in .d_in .show_b_index .iabi img:hover{
	width:85px;
	height:85px;
}*/
.pd_in .d_in .show_b_index  a{
	/*width: 40%;*/
	font:16px/16px shop;
	margin: 6px auto 2px;
	padding: 6px;
	background:purple;
	display: block;
	border:2px solid #4B0070;
}
.pd_in .d_in .show_b_index  a:hover{
	background: #FFC0CB;
	color: #000;
}
#b_btn{
	min-width: 100px;
	/*background:#0000FF;*/
	background:purple;
	font:18px/18px shop ;
	padding:6px;
	font:24px ;
	color: #fff;
	/*color:white;*/
	border-radius: 20px;
	text-align:center;
	border: 2px solid #4B0070;
}
#b_btn:hover{
	background: #FFC0CB;
	color: #fff;
}
.b_btn{
	min-width: 100px;
	/*background:#0000FF;*/
	background:#8B008B;
	padding:6px;
	font:18px/18px shop ;
	color: #fff;
	/*color:white;*/
	border-radius: 20px;
	text-align:center;
	border: 2px solid #4B0070;
}
.b_btn:hover{
	background: #FFC0CB;
	color: #fff;
}
a{
		color:white;
		text-decoration :none;
		text-align:center;
}
#id_morphine{
	background:#C71585;
}

.d_ad_2 div label{
	width:120px;
	display:inline-block;
	
}
.d_ad_2 input{
	
}
.pd_in .d_in .d_m a .block_menu{
	background:#8B008B;
	display: inline-block;
	margin: 1rem;
	/*width: 25%;*/
	height: 200px;
	border-radius: 10px;
}
.pd_in .d_in .d_m a .block_menu:hover{
	/*width: 23%;*/
	background:#800180;
	height: 202px;
	border-radius: 15px;
}
.pd_in .d_in .d_m a .block_menu p{
	margin: 80px auto;
}
.pd_in .d_in .d_m a .block_menu p:hover{
	margin: 70px auto;
}
.pd_in .d_in .d_m a{
	background: none;
	border: none;
	font-size: 32px;
	
	margin: 0px auto;
	
	
}
.pd_in .d_in .d_m  a:hover{
	font-size: 1.3rem;
	
	margin: 5px auto;
	
	color: black;
}
.pd_in .d_in .d_m  marquee{
	
	
	font: 20px/24px shop;
}
#logo{
	width:75px;	
	
	vertical-align: middle;
	top:30%;
	float:left;
	position:fixed;
	margin:auto;
	left:10%;
	border-radius: 20px;
	text-align:center;
	padding:5px;
}
#logo2{
	width:5rem;	
	vertical-align: middle;
/*	background:yellow;*/
	top:80%;
	float:right;
	position:fixed;
	margin:auto;
	right:10%;
	border-radius: 20px;
	text-align:center;
	padding:5px;
}
#logo1{
	margin:10px auto;
	background: none;
	border: none;
}
a,img{
	margin:auto;
	text-align:center;
}
.logo2 .logo1 a:active{

}
.chat{
	/*width: 30%;*/
	position: fixed;
	bottom: 0%;
	height: 400px;
	left: 0%;
	width: 400px;
	background: whitesmoke;
	color: black;
	border: 6px solid black;
	border-radius: 16px;
	
}
.chat p{
	text-align: justify;
	text-indent: 20px;
	padding:10px 6px 6px 6px ;
}
.chat a{
	background: black;
	display: block;
	max-width: 60px;
	position: absolute;
	top: 2px;
	right: 2px;

}
.chat a:hover{
	background: gray;
	color: red;
}
.chat input{
	position: absolute;
	bottom: 28px;
	min-width: 80px;
	
	display: block;
}
#id_chat{
	/*width: 280px;*/
	position: absolute;
	left: 20px;
}
.chat .show_text_chat{
	/*max-width: 100%;*/
	background: white;
	color: black;
	font: .8rem shop;
	height: 210px;
	overflow-y: scroll;
	margin-top: 4px;
	padding: 4px;
}
.com{
	/*width:98%;*/
	/*background:white;*/
	margin:10px auto 0px;
}
.com form{
	/*width:98%;*/
	background:#00CED1;
	margin:auto;
	padding:10px;
	border-radius: 20px;
}
#div_com{
	/*width:98%;*/
	border-radius: 20px;
	margin:8px auto;
}
.faktor{
	background:white;
	margin:20px auto;
	width:400px;
	border-radius: 8px;
}
.faktor table,td,th{
	border:2px solid black;
	text-align:center;
	border-collapse: collapse;
	color: blue;
	/*font-size:20px;*/
	padding:10px;
	background: white;
	margin:auto;

}


#lisbtn  :hover{
	background: #FFC0CB;
	color: #fff;
}
.info a{
	background:rgb(216, 216, 216);
	border-radius: 10px;
	padding:6px;
	color:black;
}
.info a:hover{
	background: #a5a2a3;
	color: black;
}

.info{
	display: inline-block;
	margin:6px 4px 10px ;
	
	
}
.pd_in .d_in .post{
	/*width: 100%;
	margin:2px 40px;*/
	background:white;
	line-height: 28px;
	display: block;
	margin: 13px auto;
	/*padding:30px;
	float: right;*/
	background: none;

}
.pd_in .d_in .post a{
	min-height: 34px;
	background: #4B0282;
	color:white;
	border-radius: 12px;
	margin: auto;
	font:0.8rem shop;
	display:inline-block;
	padding: 6px;
}
.pd_in .d_in .post a:hover{
	background: #3e026d;
	min-height: 25px;
	/*color:#000 ;*/
	padding: 9px 7px 3px 7px;
}
.pd_in .d_in .post .media{
	/*width:100%;*/
	margin-bottom: -8px;
	/*float: right;*/
}
.pd_in .d_in .post .media img{
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
	
	/*float: right;*/
}

.pd_in .d_in .post .caption{
	/*width:90%;*/
	background:whitesmoke;
	padding: 10px 20px;
	text-align: justify;
	margin: 0 auto;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
}
.pd_in .d_in .post .caption p{
 text-align: justify;
 font-size: 1.1rem; 
 color:#000;          
}
.d_d{
	display: block;
	background: whitesmoke;
}
.pd_in .d_in .pull_right .register{
background: #C71585;
padding: 20px;
margin: 15px;
border-radius: 15px;
}
.pd_in .d_in .pull_right .register form,
.pd_in .d_in .pull_left .login form{
	color: #fff;
	font: .9rem shop;
}
.pd_in .d_in .pull_right .register input{
	background: #FF69B4;
	color:#fff;
	border-radius: 14px;
	padding:4px;
	margin:auto;
	font:0.9rem shop;
	border:2px solid #4B0070;
	border-bottom-color: #fff;
}
.pd_in .d_in .pull_right .register label{
	width: 144px;
	display:inline-block;
	text-align: right;
}
.pd_in .d_in .pull_right .register input:hover{
	background: #4B0070;
	color:#fff;
}
.pd_in .d_in .pull_right .register h1{
	font:1.3rem shop;
}
.pd_in .d_in .pull_left .login{
background: #FF1493;
padding: 20px;
margin: 15px;
border-radius: 15px;
}
.pd_in .d_in .pull_left .login input{
	background: #FFB6C1;
	color:white;
	border-radius: 14px;
	padding:4px;
	margin:auto;
	font:0.9rem shop;
	border:2px solid #4B0070;
	border-bottom-color: #fff;
}
.pd_in .d_in .pull_left .login label{
	/*width: 90px;*/
	display:inline-block;
	text-align: right;
}
.pd_in .d_in .pull_left .login input:hover{
	background: #4B0070;
	color:#fff;
}
.pd_in .d_in .pull_left .login  h1{
	font:1.3rem shop;
}
.pdiv_ad .div_ad .d_ad_2  .pull_right{
	background: #fff;
	float: right;
	/*width: 25%;*/
	padding: 10px;
	border-radius: 10px;
	text-align: right;
}
.pdiv_ad .div_ad .d_ad_2  .pull_left{
	background: #fff;
	float: left;
	/*width: 70%;*/
	padding: 10px;
	border-radius: 10px;
}
.pdiv_ad .div_ad .d_ad_2  .pull_right .ppic{
	display: inline-block;
	
	/*background: whitesmoke;*/

}
.pdiv_ad .div_ad .d_ad_2  .pull_left .plist{
	display: inline-block;
	float: right;

}
.pdiv_ad .div_ad .d_ad_2  .pull_left .plist ul {
	
}
.pdiv_ad .div_ad .d_ad_2  .pull_left .plist ul li{
	text-align: right;
}
.pdiv_ad .div_ad .d_ad_2  .pull_left .plist input{
	margin: 8px 0 0 ;
	text-align: right;
	background:#f5f2f2;
	padding: 1px 6px 6px 6px;
	border-radius: 10px;
	border: 2px solid #c6bcc4;
}
.pdiv_ad .div_ad .d_ad_2  .pull_left .plist ul li a{
	border: 2px solid #c6bcc4;
	color: #000;
	padding: 1px 6px 6px 6px;
	background:#f5f2f2;
}
.pdiv_ad .div_ad .d_ad_2  .pull_left .plist ul li a:hover,
.pdiv_ad .div_ad .d_ad_2  .pull_left .plist input:hover{
	color: #000;
	background: #c6bcc4;
	}
.pdiv_ad .line1{
		padding: 1px;
		background: #000;
		height:710px;
		float: right;
		display: inline-block;
}
.pd_in .d_in .about a{
	background: #4B0282;
	color:white;
	border-radius: 16px;
	padding:4px;
	margin:auto;
	font:.9rem shop;
	border:2px solid #4B0070;
	padding: 0 2px 2px 2px;
	margin: 2px;
}
.pd_in .d_in .about {
	text-align: justify;
}
.pd_in .d_in .about a:hover{
	color: #000;
	background: #c6bcc4;
}/*
.pd_in .d_in .about h1,.pd_in .d_in .about h2{
	font:18px/24px shop;
}*/
.pd_in .d_in .about p{
	text-align: justify;
	font:1.2rem shop;
	
}
.pd_in .d_in .about h3{
	text-align: justify;
	
}
/*.pd_in .d_in .about h1{
	font:22px/28px shop;
}
.pd_in .d_in .about h3{
	font:20px/26px shop;
}*/
.music{
	/*width: 96%;*/
	
	margin: 0 auto;
}
.music .mimg{
	float: right;
	/*width: 24%;*/
	background: red;
	margin-right: 18px;
}
.music .mplay{
	/*float: left;*/
	/*width: 96%;*/
	/*background:#8B008B;*/
	margin-left: 18px;
	margin: 0 auto;
	
}
.music .mplay .rang audio{
	/*width: 100%;*/
	background: #4B0082;
	padding: 15px;
	color: red;
	border-top-right-radius: 20px;
	border-top-left-radius: 20px;
	
}
.music .mplay .rang{
	border-top-right-radius: 20px;
	border-top-left-radius: 20px;
	/*width: 100%;*/
	box-shadow:0 0 10px 1px #4B0082;
	
}
.music .mcap{
	font:20px/22px shop;
	background: whitesmoke;
	border-bottom-right-radius: 20px;
	border-bottom-left-radius: 20px;
	/*width: 96%;*/
	margin: 0 auto;
}
.music .mcap .rang{
	border-bottom-right-radius: 20px;
	border-bottom-left-radius: 20px;
	/*width: 100%;*/
	box-shadow:0 0 10px 4px whitesmoke;
}
.music .mcap .rang details summary{
	
	color: darkred;
}
.music .mcap .rang details summary:active{
	background: black;
	color: gold;
}
.music .mcap h3{
	
}

.pdiv_ad .div_ad .d_ad_2 .editor button{
	min-width: 30px;
	min-height: 20px;
	background: blue;
	color: #fff;
}

.pdiv_ad .div_ad .d_ad_2 .editor textarea{
	/*width: 90%;*/
	height: 400px;
	resize: none;
	background: #fff;
	text-align: right;
	padding: 10px;
}
.pdiv_ad .div_ad .d_ad_2 .editor div{
	background: #fff;
	/*width: 90%;*/
	min-height: 200px;
	margin: 0 auto;
	border: 5px dotted #000;
	text-align: right;
}
.pdiv_ad .div_ad .d_ad_2 .editor div a{
	background: red; 
	color: #fff;
}