@font-face {
  font-family: 'BKoodakBold';
  src: url('includes/fonts/BKoodakBold.eot?#') format('eot'),  /* IE6–8 */
       url('includes/fonts/BKoodakBold.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
       url('includes/fonts/BKoodakBold.ttf') format('truetype');  /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */}
	   
@font-face {
  font-family: Sahel;
  src: url('includes/fonts/Sahel-FD.eot');
  src: url('includes/fonts/Sahel-FD.eot?#iefix') format('embedded-opentype'),
       url('includes/fonts/Sahel-FD.woff2') format('woff2'),
       url('includes/fonts/Sahel-FD.woff') format('woff'),
       url('includes/fonts/Sahel-FD.ttf') format('truetype');
  font-weight: normal;
}
 
@font-face {
  font-family: SahelB;
  src: url('includes/fonts/Sahel-Bold-FD.eot');
  src: url('includes/fonts/Sahel-Bold-FD.eot?#iefix') format('embedded-opentype'),
       url('includes/fonts/Sahel-Bold-FD.woff2') format('woff2'),
       url('includes/fonts/Sahel-Bold-FD.woff') format('woff'),
       url('includes/fonts/Sahel-Bold-FD.ttf') format('truetype');
}

textarea, input[type="text"], input[type="button"], input[type="submit"] { -webkit-appearance: none; border-radius: 0; }
* {
  /* Adds a hyphen where the word breaks, (for ios) */
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
}


body{color: #000; background-color:#E3E2DF; padding:0px; margin:0px; font-family:"Sahel"; font-size:15px; line-height:27px;}
@media screen and (max-device-width: 480px){
  body{
    -webkit-text-size-adjust: none;
  }
}
#bodyflow{ overflow:hidden; position:relative}
a{color: #006699; text-decoration: none;} a:link{color: #006699; text-decoration: none;}
a:visited{color: #006699; text-decoration: none;} a:hover{color: #006699; text-decoration: underline; outline:0;}
a:active{outline:0;}
textarea, input[type="text"], input[type="button"], input[type="submit"], input[type="number"], input[type="email"], input[type="tel"], input[type="reset"] { -webkit-appearance: none; border-radius: 0; }/**resize code for ios**/

checkbox{vertical-align:middle}
img{vertical-align: middle;}
b,strong{ font-family: "SahelB"; font-weight:normal;}

.drtl{direction:rtl;} .dltr{direction:ltr;} .FloatR{float:right;} .FloatL{float:left;}
.Tright{text-align:right;} .Tleft{text-align:left} .Tcenter{ text-align:center;}
.margin0{margin:0 auto;} .clr{clear:both} 

.Ared{color:#900;}
.drtl{direction:rtl;} .dltr{direction:ltr;} .FloatR{float:right;} .FloatL{float:left;}
.ltr{direction:ltr} .w35d{width:35%;} .w90d{width:90%;}
.input{font-family:"Sahel"; font-size:16px; border:solid 1px #aaaaaa;}
.inline_dis{ display:inline-block;}

.overhid{overflow:hidden;}
.divkol{clear:both; background-color:#FFF; direction:rtl; padding:20px 15px 0 15px;}
/************** #Verdana *****************/
.verdana11{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;}
.verdana12{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#000000;}
.verdana12Khaki{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#898378; line-height:20px;}
.verdana12Khaki a{color:#A60029; transition:linear 0.2s; text-decoration:none;}
.verdana12Khaki a:hover{color:#DD0037;}
/************** #Tahoma *****************/
.blackLink {color: #000;}.blackLink a:link, .blackLink a:visited{color:#000; text-decoration: none;}
.blackLink a:hover{color:#006699; text-decoration: underline;}
.t11 {font-family:Sahel; font-size:12px; line-height:23px;}


.t13 {font-family:Sahel; font-size:15px; line-height:27px;}
.t13blue {font-family:Sahel; font-size:15px; line-height:27px; color:#00659B;}
.t13red {font-family:Sahel; font-size:15px; line-height:27px; color:#990000;}
.t13yellow {font-family:Sahel; font-size:15px; line-height:27px; color:#FF9900;}
.t13Green {font-family:Sahel; font-size:15px; line-height:27px; color:#390;}
.t14 {font-family:Sahel; font-size:16px; line-height:28px;}
.t14red {font-family:Sahel; font-size:16px; line-height:28px; color:#990000;}
.tahoma11Gray {font-family:Sahel; font-size:14px; line-height:26px; color:#666666;}	
.tahoma11Gray a:link, .tahoma11Gray a:visited{color:#666666; text-decoration:none;}
.tahoma11Gray a:hover{color:#006699; text-decoration:underline;}

.tahoma11White {font-size:14px; line-height:27px; color:#FFFFFF;}
.tahoma11Red {font-size:14px; line-height:27px; color:#990000;}
.tahoma11Red a:link, .tahoma11Red a:visited{color:#990000; text-decoration: none;}
.tahoma11Red a:hover{color:#990000; text-decoration: underline;}
.tahoma12{font-family:Sahel; font-size:15px;}
.tahoma12Green {color:#390;}
.tahoma12Red {font-size:15px; line-height:27px; color:#990000;}
.tahoma12White{font-size:15px; line-height:27px; color:#FFFFFF;}
.tahoma12White a:link, .tahoma12White a:visited{color:#FFFFFF; text-decoration:none;}
.tahoma12White a:hover{text-decoration:underline;}

.tBlue {color:#00659B; line-height:27px;}
.tBlue a:link, .tahoma12Blue a:visited{color:#00659B; text-decoration:none;}
.tBlue a:hover{color:#00659B;text-decoration:underline;}

.tahoma11Blue {font-family:Sahel; color:#00659B; line-height:26px; font-size:14px;}
.tahoma11Blue a:link, .tahoma11Blue a:visited{color:#00659B; text-decoration:none;}
.tahoma11Blue a:hover{color:#00659B;text-decoration:underline;}
.tahoma12Gray {font-family:Sahel; font-size:15px; line-height:27px; color:#666666;}	
/************** #Form *****************/
.TextFieldSE {font-family:Sahel; font-size:15px; width:145px;}
.TextEditor{}
/************* #Main *************/

/************* NONE *************/
/* Tables */
.borderg {border-bottom: 1px solid #cccccc; padding: 2px;}
.over_g {background-color: #efefef;}
.out_w {background-color: #ffffff; }
.gray{font-family:Sahel; font-size:15px; padding:5px; background-color:#dddddd;}
/*----------------------------------------------------------*/
.mpointer {cursor: pointer; cursor: hand;}
/*----------------- added by sonia for FSS ---------------------------------*/
input{/*background-color: #F5F3EB;*/ font-size:14px; border:solid 1px #aaaaaa; font-family:Sahel;}
.input_s{background-color: #FFFFFF; width:90%}
.input2 {font-family:Sahel; font-size:14px; border:solid 1px #aaaaaa;}
.input12 {font-family:Sahel; font-size:15px; border:solid 1px #aaaaaa;}
.input13 {font-family:Sahel; font-size:16px; border:solid 1px #aaaaaa;}
.resinput{ width:65px; height:34px; margin:4px !important; color:#fff !important; border:none; display:inline-block !important;}
.link_butt{ background: #f0f0f0; color: #000 !important; display:inline-block; vertical-align:top; text-align:center; box-sizing:border-box;} 
.link_butt:hover{ text-decoration:none;} 
textarea{font-family:Sahel; /*background-color: #F5F3EB;*/ font-size:15px; border:solid 1px #aaaaaa; line-height:27px; width:99%;}
.textarea {font-family:Sahel; font-size:15px; border:solid 1px #aaaaaa; line-height:180%;}
.textarea100 {font-family:Sahel; font-size:15px; border:solid 1px #aaaaaa; line-height:27px; width:99%;}

.div01{width:170px;}/** Just for AutoFill */

select{font-size:15px; border:solid 1px #aaaaaa; font-family:Sahel;}
.text{font-family:Sahel; font-size:15px; padding:5px;}
.button{font-family:Sahel; font-size:14px; border:solid 1px #aaaaaa; background-color:#E0E2E9;}
.formR{color:#ffffff; background-color:#888888;}
.formR a:link, .formR a:visited{color:#FFF; text-decoration:none;}
.formR a:hover{color:#FFF; text-decoration:underline;}
.formL{background-color:#efefef;}
.btn_01{direction: rtl;background:#6ab04c;color:white;border-radius: 5px!important;cursor: pointer;border: solid 1px #6ab04c;}
/*-------------------------------------------------*/
/* New homepage*/
.title{padding:0 0 0 5px; color:#000000; font-family:Sahel; font-size:14px;}

/* HEDAER */
.headertop{height:38px; background-color:#2E3A55; background-image:url(images/BG/header_line2.gif); width:100%; line-height:160%; font-weight:bold}

.headertop2{padding-top:7px; float:right; width:45%;}
.padR5d{padding-right:5%;}
.padL5d{padding-left:5%;}
.padR12px{padding-right:12px}
.headermid{height:26px; padding-top:2px; background-color:#EAEAEA; background-image:url(images/BG/2.png); width:100%; clear:both;}
.headermid2{float:right; width:45%;}

#headerdown{background:url(images/BG/4.png) repeat-x #FFF; height:26px; width:100%;}
.img_border {padding:1px; border:1px solid #666; background-color:#FFF;}
.img_inNews {max-height:200px; padding:1px; border:1px solid #666;}
.box_nt{ color:#0f395f; width:100%; border-bottom:solid 1px #E0E0E0; border-top:solid 1px #E0E0E0; background-color:#FFFFFF;padding-top:6px; padding-bottom:8px; font-size:13px;}

.fixNewsLink{ max-width:950px; width:100%; padding:5px 5px 8px; text-align:center; background-color:#f8f8f8; position:fixed; bottom:0; left:0; right:0; margin:auto; border:solid 1px #CCC; border-radius:5px 5px 0 0; box-sizing:border-box; z-index:10; direction:rtl;}
.fixNewsLink div{ padding:0; border:none !important; display:inline-block; vertical-align:top;}

.sbutton{ min-width:80px; height:38px; padding:5px; margin:4px 2px; color:#fff !important; font-size:16px; text-shadow:1px 1px 1px #333; border:none; display:block; cursor:pointer; transition:all linear 0.2s; box-sizing:border-box;}
.sbutton:hover{ opacity:0.8; text-decoration:none;}	
.redButton{ background:#b73157;}
.greenButton{ background:#149D2C;}
.greyButton{ background:grey;}
.blueButton{ background:#1D83C6;}
.Bred2{ background:#f0d1d1;}
.wider .sbutton{ min-width:97px;}
/******/

/*login*/
.bg{background:url(images/BG/login.jpg) no-repeat 50% 0px / cover; height: 100vh; overflow:hidden;}
.login{width:500px; margin:auto; color:#FFF; font-size:15px; text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.6); font-family:Sahel; background-color: rgba(0, 0, 0, 0.16); border-radius:5px;}
.login span{font-size:19px; font-family:sahelB; padding-bottom:5px; display:block; line-height:28px;}
.login b{font-weight:100 !important; color:#96EDD0;}
.login a{color:#FFF; transition:all .2s;}
.login a:hover, .loginen a:hover{color:#f8b3c2; text-decoration:none; text-shadow:none; transition:all .2s;}
.login input{padding:5px 5.3px 5px; border:1px solid #FFF; border-radius:3px; width:94%;}
.login .button{color:#F4F4F4; background:#cf3c65; border:1px solid #a2304f; font-size:15px; padding:5px 10px 5px; font-family:Sahel; width:100%; transition:all .2s;}
.login .button:hover{background:#e75f85; transition:all .2s; cursor:pointer;}
.loginen{color:#DDDDDD; margin-top:5px; font-family:tahoma;}.loginen a{color:#FFF; text-decoration:none;}
input::-moz-placeholder{color:#838383; text-align:right; font-family:Sahel; font-size:14px;} 
input::-webkit-input-placeholder{color:#838383; text-align:right; font-family:Sahel; font-size:14; padding:0px !important}
input::-ms-input-placeholder{color:#838383; text-align:right; font-family:Sahel; font-size:14px;}

/*Added By Behnaz*/
.flexbox{ display:flex; display:-webkit-flex; display:-ms-flexbox; flex-wrap:wrap;}
.font_s{ font-size:0 !important;}
.border_box{ box-sizing:border-box;}
.vertical{ vertical-align:top; height:31px;}
.res_img img{ max-width:100% !important; height:auto;}
#log_info, .navigate{ font-size:12px;}
.navigate i{ font-size:8px; padding:0 2px;}
.head .headertop{ height:auto; background:#b73157; padding:6px 5%;}
.head .headertop .version{ display:inline-block; margin-right:auto;}
.head .headertop .version a{ margin-left:0; font-family:tahoma;}
.head .headertop a{ min-width: 37px; background:#A82B4D; display:inline-block; margin:4px 0px 2px 5px; padding:5px 10px 5px; font-size:14px; font-family:SahelB; text-align: center; text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.6); font-weight:100; border-radius:3px; border:1px solid #9C2747; color:#F7F7F7 !important; transition:all 0.2s; position:relative; box-sizing: border-box;}
.head .headertop a:hover{color:#FFF !important; text-decoration:none; transition:all 0.2s; background:#9A2747;}
.head .headertop a i{ vertical-align:middle;}
.head .headertop span a{ text-align:left !important; display:block; font-family:Sahel; font-size:14px;}
.head .headermid{ height:auto; line-height:25px; padding-bottom:5px; background:#f5f5f5; color:#666;}
.head .headermid a{color:#A60029;}
.head .headermid a:hover{color:#DD0037; text-decoration:none;}
.head .headermid2{ width:50%;}
.head #headerdown{width:100%; background:#f5f5f5; border-bottom:1px solid #eeeeee;}
#headerdown{background:#FFFFFF !important; border:none !important;}
#menu_bar{ padding:10px 5%; background:#b73157; position:absolute; right:0; top:7px; color:#fff; font-size:30px; cursor:pointer; display:none; transition:all linear 0.2s; z-index:10;}    
.menu_title{ margin-bottom:10px; color:#fff; font-family:sahelB; font-size:17px; font-weight:normal; display:none;}
.menu_co{ font-size:13px; color:#fff; margin-top:10px; font-weight:normal; display:none;}
.no-spinners { -moz-appearance:textfield;}
.no-spinners::-webkit-outer-spin-button,.no-spinners::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0;}
#nSaat{ width:60px; display:inline-block;}
.table_res{ max-width:600px; width:100%;}
.table_res2{ max-width:800px; width:100%;}
.table_res7{ max-width:500px; width:100%;}
.table_res13{ max-width:100%; width:90%;}
.table_res16{ max-width:950px; width:100%;}
.table_res17{ max-width:750px; width:100%;}
.table_res18{ max-width:1200px; width:100%;}
.table_res19{ max-width:900px; width:100%;}
.small_table{ max-width:350px; width:100%;} 
.small_table1{ max-width:435px; width:100%;} 
.res_nav{ margin:0 auto; text-align:left;}
.table_res17 .div01 .autosuggest > div{ float:none !important; text-align:center;} 
#other_butt{ margin-top:20px;} 
#other_butt a{ font-size:15px; display:inline-block;}
.last_txt{ padding-top:5px; font-size:15px;}
.filter_butt .sbutton{ margin:2px; display:inline-block;}
.paging_res{ display:none;} 
.table_res16.table_align .button_td > div{ display:inline-block; vertical-align:top;}
div.autosuggest{ display:flex; display:-webkit-flex; display:-ms-flexbox; float:none;}
.explain_box > div{ width:100% !important;}
.margin_tb{ margin:3px 0;}
.flexbox .num_box{ width:25px; display:inline-block;}
.full_txt{ width:100%; box-sizing:border-box;}
.sub_butt{ height:27px; vertical-align:top;}
.middle input{ vertical-align:top;}

.table_scroll > div{ overflow-x: scroll; overflow-y: visible;}
.table_scroll > div table{ margin-top:5px;}
.show1 > div, .show2 > div, .show3 > div{ overflow-x: visible;}

@media only screen and (max-width: 1200px){
	.table_res9{ width:93%;}
	.show2 > div{ overflow-x: scroll;}
	.show2 > div table td{ white-space:nowrap;}
	.del_res{ display:none;}
}
@media only screen and (max-width: 1024px){
	.table_res3, .table_res4{ width:90%;}
	.table_res5{ width:100%;}
	.show3 > div{ overflow-x: scroll;}
	.show3 > div table td{ white-space:nowrap;}
	::-webkit-input-placeholder { /* Chrome/Opera/Safari */
		font-size:17px !important;
	}
	::-moz-placeholder { /* Firefox 19+ */
		font-size:17px !important;
	}
	:-ms-input-placeholder { /* IE 10+ */
		font-size:17px !important;
	}
	:-moz-placeholder { /* Firefox 18- */
		font-size:17px !important;
	}
}
@media only screen and (max-width: 900px){
	.box_nt{ display:none;}
	.head .headermid2{ text-align:center; float:none; width:100%; padding: 5px 5%; font-size:14px; line-height:30px;}
	.head .headertop a.just_phone{ display:inline-block;}
	.head .navigate{ width:90%; padding:5px 0; margin:auto; font-size:12px; text-align:right;}
	#log_info{ display:none;}
	.t13blue{ font-size:15px; line-height:27px;} 
	.verdana12Khaki{ font-size:14px; line-height:22px;}
	.table_res, .all_table{ font-family:Sahel; font-size:16px; line-height:28px;}
	.all_table input[type="text"], .all_table input[type="password"], .all_table input[type="number"],.all_table .sub_butt, #FilterMenu input[type="text"], #FilterMenu select{ height:37px; box-sizing:border-box; vertical-align:top}
	.all_table select, .all_table input[type="file"]{ height:37px; line-height:35px; padding:0; box-sizing:border-box;}
	.table_res td{ padding:5px;}
	.head_title{ padding:5px; background:#373737; color:#fff; font-family:SahelB; font-size:18px !important; text-shadow:1px 1px 2px #000;} 
	.head_title a{ color:#69cdff;}
	.table_res10, .table_res16{ width:100%;}
	.table_res16{ max-width:600px;}
	.table_res16.table_align td{ text-align:right !important;}
	.table_res16.table_align .button_td{  text-align:center !important;}
	.table_res10 td, .table_res16 td{ width:100%; padding:5px; text-align:center !important; border-bottom:1px solid #fff; box-sizing:border-box; display:block;}
	.table_res13{ max-width:100%; width:100%;}
	.show1 > div{ overflow-x: scroll;}
	.show1::before{ display:block;}
	.show1 > div table td{ white-space:nowrap;}
	.table_res10 .res_span{ text-align:right !important;}
	.table_col td{ width:32%; padding:0; text-align:right !important; display:inline-table;}
	.table_res16 .div01{ width:auto !important; text-align:center;}
	.table_res16 .label_dv{ width:auto !important;}
	.table_res16 div.autosuggest{ float:none !important;}
	.table_res16 div.autosuggest:after{ content:""; clear:both; display:block;}
	.table_res16 .label_dv .autosuggest > div{ float:right !important; text-align:center;} 
	.table_res16.table_align .label_dv .autosuggest > div{ text-align:right;}
	.table_res14 .res_filter td{ text-align:center !important; display:block;}
	.td_del1, .paging_desk, .space_line{ display:none !important;}
	.img_inNews{ max-width:100%;}
	.res_nav{ text-align:center;}
	.span_inres span, .res_span span{ margin:3px 0; display:inline-block; vertical-align:top;}
	.span_inres .span_blc{ display:block;}
	.table_res10 .filter_butt{ text-align:right !important;} 
	.res_txtbox1{ max-width:100% !important; width:100% !important; box-sizing:border-box;}
	div.autosuggest{ justify-content:center;}
	.table_align div.autosuggest{ justify-content:flex-start;}
}
@media only screen and (max-width: 800px){
	.block_dis{ display:block;}
	.head_title1{ padding:5px; background:#373737 !important; color:#fff !important; font-family:SahelB; font-size:18px !important; text-shadow:1px 1px 2px #000;} 
	.head_title1 a{ color:#69cdff;}
	.table_res2{ border-spacing:0;}
	.table_res2 tr, .table_res3 tr, .table_res6 tr, .table_res12 tr{ border-bottom:none;}
	.table_res2 td, .table_res3 td, .table_res6 td, .table_res12 td{ width:100%; padding:5px; font-size:15px; text-align:center !important; border-bottom:1px solid #fff; box-sizing:border-box; display:block;}
	.table_res6{ max-width:400px; width:100%;}
	.table_res6.tb_right td{ text-align:right !important;}
	.table_res17{ max-width:600px;} 
	.table_res3, .table_res4{ width:100%;}
	.table_res3 tr:nth-child(2), .table_res3 tr.space, .table_res8 tr:nth-child(2), .table_res9 tr:nth-child(2), .table_res12 tr:nth-child(1){ display:none;} 
	.table_res3 tr:first-child td:first-child:before, .table_res8 tr:nth-child(1) td:before, .table_res9 tr:nth-child(1) td:before{ content:"" !important;}
	.table_res3 tr td:first-child:before, .table_res8 tr td:first-child:before, .table_res9 tr td:first-child:before{ content:"ردیف "; color:#fff;}
	.table_res3 tr td:nth-child(2):before{ content:"نام صفحه: ";}	
	.table_res3 tr td span{ display:inline-block; width:100%;}
	.table_res3 tr td span:before{ width:100px; text-align:right; display:inline-block;}
	.table_res3 tr td span:nth-of-type(1):before{ content:"عنوان صفحه: ";}
	.table_res3 tr td span:nth-of-type(2):before{ content:"متای توضیحات: ";}
	.table_res3 tr td span:nth-of-type(3):before{ content:"کلمات کلیدی: ";}
	.table_res3 tr td span input{ width:Calc(100% - 105px) !important;}
	.table_res8 tr td:before, .table_res3 tr td:before, .table_res9 tr td:before, .table_res12 tr td:before{ color:#990000;}
	.table_res8 tr td:nth-child(2):before{ content:"نام: ";}
	.table_res8 tr td:nth-child(3):before{ content:"مکان: ";}
	.table_res8 tr td:nth-child(4):before{ content:"تعداد: ";}
	.table_res8 tr td:nth-child(5):before{ content:"توضیحات: ";}
	.table_res9 tr td:nth-child(2):before{ content:"نام: ";}
	.table_res9 tr td:nth-child(3):after{ content:" :سایز"; color:#990000;}
	.table_res9 tr td:nth-child(4):before{ content:"کیفیت: ";}
	.table_res9 tr td:nth-child(5):before{ content:"توضیحات: ";}
	.table_res9 tr td:nth-child(6):before{ content:"تصویر پیش فرض: ";}
	.table_res12{ width:100%; max-width:500px; background:#efefef;}
	.table_res12 tr td:nth-child(1){ background:#666; color:#fff;}
	.table_res12 tr td:nth-child(1):before{ content:"ردیف "; color:#fff;}
	.table_res12 tr td:nth-child(2):before{ content:"شناسه: ";}
	.table_res12 tr td:nth-child(3):before{ content:"کد نوع: ";}
	.table_res12 tr td:nth-child(4):before{ content:"نوع: ";}
	.table_res12 tr td:nth-child(5):before{ content:"توضیحات: ";}
	.table_res12 tr td:nth-child(6):before{ content:"IP: ";}
	.table_res12 tr td:nth-child(7):before{ content:"زمان ثبت: ";}
	.table_res17 .div01{ width:auto !important;}
	.table_res17 .div01 .autosuggest > div{ float:none !important; text-align:center;} 
	.table_res17 div.autosuggest{ float: none !important;}
	.table_res17 div.autosuggest:after{ content:""; clear:both; display:block;}
	.table_res17 #lable_1loadingicon{ float:left !important;}
	.td_del{ display:none !important;}
	.non_before:before{ display:none;} 
	#DivM .flexbox{ align-items:center;}
	.flexbox .res_box{ width:calc(100% - 50px);}
}
@media only screen and (max-width: 768px){
	.res_block, .paging_res{ display:block !important;}
	.head_tag{ background: #666; color: #fff; padding: 5px 10px;}
	.vertical{ vertical-align:middle;}
}
@media only screen and (min-width: 601px){
	.head .headertop > div{ display:block !important;}
}
@media only screen and (max-width: 600px){
	#head_space{ height:106px;}
	#headerdown{ height:0;}
	#for_menu{ width:100%; height:100%; position:absolute; background:rgba(0,0,0,.5); z-index:101; opacity:0; visibility:hidden; cursor:pointer;}
	.head{ width:100%; position:fixed; z-index:102;}
	.head .headertop{ text-align:center;}
	.head .headertop > div{ width:100%; max-width:250px; height:100vh; padding:20px; background:#222; position:absolute; top:0px; right:-250px; display:block; transition:all linear 0.2s; z-index:103;}
	.head .headertop.show_menu > div{ right:0;}
	.head .headertop.show_menu #menu_bar{ right:250px;}
	.head .headertop.show_menu .version{ position:relative; left:-270px;}
	.head .headertop a{ padding:10px; margin-left:0; font-size:17px; display:block !important;}
	.head .headertop span a{ font-size:14px;}
	.head .headertop .version{ transition:all linear 0.2s;}
	.head .headertop .version a{ font-size:16px;}
	#menu_bar, .menu_title, .menu_co{ display:block;}
	.sbutton, .resinput{ height:45px; padding:7px 5px; display:inline-block; vertical-align:top;}	
	.res_txtbox{ max-width:100% !important; width:100% !important; box-sizing:border-box;}
	.table_res{ border-spacing:0;}
	.table_res tr{ border-bottom:none;}
	.table_res td{ width:100%; height:auto; padding:5px; text-align:center; border-bottom:1px solid #fff; box-sizing:border-box; display:block;}
	.warning_tb tr:nth-child(3), .table_res11 tr:nth-child(2), .table_res11 tr:nth-child(1) td:before, .table_res15 tr:nth-child(2), .table_res15 tr:nth-child(1) td:before, .table_res15 tr:last-child td:before{ display:none;}
	.warning_tb tr:nth-child(4) td:nth-child(1), .warning_tb tr:nth-child(5) td:nth-child(1), .table_res11 tr td:nth-child(1), .table_res15 tr td:nth-child(1){ background:#666; color:#fff;}
	.warning_tb tr:nth-child(4) td:nth-child(2):before, .warning_tb tr:nth-child(5) td:nth-child(2):before{ content:"ایمیل: ";}
	.warning_tb tr:nth-child(4) td:nth-child(3):before, .warning_tb tr:nth-child(5) td:nth-child(3):before{ content:"پیامک: ";}
	.table_res4 td{ width:100%; display:block; text-align:center;}
	.table_res11, .table_res15{ background:#efefef;} 
	.table_res11 tr:nth-child(1) td, .table_res15 tr:nth-child(1) td{ background:#fff; color:#000;}
	.table_res11 tr td:before, .table_res15 tr td:before{ color:#990000;}
	.table_res11 tr td:nth-child(1):before, .table_res15 tr td:nth-child(1):before{ content:"ردیف "; color:#fff;}
	.table_res11 tr td:nth-child(2):before{ content:"تیتر: ";}
	.table_res11 tr td:nth-child(3):before{ content:"کد: ";}
	.table_res15 tr td:nth-child(2):before{ content:"نام سرویس: ";}
	.table_res15 tr td:nth-child(3):before{ content:"تعداد: ";}
	.table_res15 tr:last-child td{ background:transparent;}
	.input_per99{ width:99%;}
	.td_del2{ display:none !important;}
 }
 @media only screen and  (max-width: 500px){
	 #other_butt a{ width:100%; max-width:100%; display:block;}
	.table_col td{ width:100%;}
	.blc{ display:block !important;} 
 }
@media only screen and  (max-width: 400px){
	.foot_img img{ float:none !important; display:block; margin-bottom:10px;}
	.table_res3 tr td span:before{ width:95%; margin:auto auto 3px; display:block;}
	.table_res3 tr td span input{ width:95% !important;}
	.input_per90{ width:90%;}
	.table_res9{ width:100%;}
	.sub_butt{ width:70px; margin:3px auto; display:block;}
}
@media only screen and  (max-width: 350px){
	.s_phone select:nth-child(2){ width:60px;}	
}
/*Added By Behnaz*/

/** login captcha **/
#captcha{ position:relative;}
#captcha img{ width:50px; position:absolute; left:15px; top:8px;}
.g-recaptcha{ border-radius:3px; overflow: hidden; width: 216px; height: 75px;}
.g-recaptcha > div{width:216px !important;}
.g-recaptcha iframe{ width:216px !important;}

/** use for responsive **/
.form_login{ padding:10px; margin-top:45px;}
.form_login .login{ max-width:500px; width:100%;}
@media only screen and  (max-width: 1024px){
	.login table{ width:100%; text-align:center;}
	.login span{ font-size:25px;}
	.login input{ width:100%; max-width:302px; height:50px; line-height:40px; font-size:17px; box-sizing:border-box;}
	.login .button{ font-size:17px;}
	.login a{ font-size:13px;}
	.g-recaptcha{ width:100%;}
	#captcha img{ display:none;}
	.g-recaptcha iframe{ width:302px !important;}
	.g-recaptcha > div{ width:auto !important;}
}