@charset "utf-8";
*{margin:0;padding:0}
html{overflow-y:scroll}
@font-face{font-family:'yekan';src:url('fonts/yekan.eot?#') format('eot'),url('fonts/yekan.woff') format('woff'),url('fonts/yekan.ttf') format('truetype')}
body{font-size:13px;color:#666;font-family:'yekan';margin:0 auto;text-align:center;-webkit-font-smoothing:antialiased;direction:rtl;background:#ebebeb}
span{font-size:11px;color:#F33}
form{direction:rtl}
h1{font-size:15px;direction:rtl;color:#F33;margin-right:20px;margin-top:10px}
h2{font-size:12px;direction:rtl;color:#F33;margin-right:20px}
h3{font-size:12px;direction:rtl;color:#F33;margin-right:20px}
h4{text-align:right;border-bottom:1px dotted #CCC;font-family:Arial}
p{direction:rtl;text-align:justify;padding:8px 2%;font-size:12px!important}
.stdbox{width:12%;float:left;background:#FFF;height:auto;margin:15px 1.5% 15px 0;text-align:center;line-height:24px}
.stdbox img{width:100%;height:auto}
a.stdbox:link,a.stdbox:visited{color:#F33;text-decoration:none;font-family:tahoma}
a.stdbox:hover{color:#666}
#topcontent{width:98%;max-width:1280px;margin:auto;background:#ff0000;border-radius:15px 15px 0 0;height:auto;overflow:hidden}
#logo{width:21%;float:left;min-width:180px;margin-top:30px;line-height:22px}
#logo span{font-size:17px;letter-spacing:3px;color:#EDEDED;font-weight:bold}
#mainlink{width:40%;float:left;margin:30px 0 0 5%}
#linklist{height:40px;float:right;width:100%}
#linklist li{display:inline;padding:3px 2%}
#logosearch{width:22%;float:left;margin:0 0 0 5%}
#sprolinks{width:100%;margin:3px auto;height:40px;max-width:1280px;overflow:visible}
nav{width:100%;max-width:1280px;border-bottom:2px solid #909090}
.nav_wrapper{position:relative;z-index:1000;width:100%;max-width:1280px;margin:auto}
.nav_wra{position:relative;z-index:1000;width:100%;max-width:1280px;margin:auto;background:#B4B4B4}
.btn{padding:10px 1%;margin:5px;color:#666;text-decoration:none;font-family:sans-serif;transition:all .1s ease}
.btn:hover{transition:all .1s ease}
main{max-width:800px;margin:0 auto}
#search{float:right;font-size:30px;padding:2px 15px;line-height:35px;color:#666;margin:0;font-weight:700;-webkit-transform:rotate(181deg);-moz-transform:rotate(181deg);-ms-transform:rotate(181deg);-o-transform:rotate(181deg);transform:rotate(181deg)}
#search:hover{color:#666}
.search_box{clear:both;width:100%;background:#e8ebf0;padding:0;margin:0;height:0;overflow:hidden;transition:all .1s ease-in-out}
.search_box.active{height:auto;padding:15px 0}
.search_box input{width:80%;font-size:13px;margin:0 0 0 15px;padding:10px;border:none;background:#fff}
.search_box input:focus{outline:none}
.search_box input.search_icon{clear:both;width:10%;height:auto;padding:10px;margin:0;margin-left:-5px;border:none;color:#fff;cursor:pointer;background:#8c949d;opacity:1;transition:all .1s ease}
a:link,a:visited{color:#666;font-size:12px}
a:hover{color:#000}
.search_box input.search_icon:hover{background:#666}
.menu-link{display:none}
.spinner-master input[type=checkbox]{display:none}
.menu{width:100%;height:auto;background:#FFF;transition:all .3s ease}
.menu ul{padding:0;margin:0;list-style:none;position:relative;display:inline-block}
.menu>li>ul.sub_menu{min-width:10em;padding:4px 0;background-color:#f4f4f4;border:1px solid #fff}
.menu ul li{padding:0}
.menu>ul>li{display:inline-block}
.menu ul li a{display:block;text-decoration:none;color:#222;font-size:11px}
.menu ul li a:hover{background:#666;color:#fff}
.menu ul li.hover>a{background:#666;color:#fff}
.menu ul li>a{padding:8px 15px}
.menu ul ul{display:none;position:absolute;top:100%;min-width:200px;background:#39484d}
.menu ul li:hover>ul{display:block}
.menu ul ul>li{position:relative}
.menu ul ul>li a{padding:10px 15px;height:auto;background:#39484d;color:#CCC}
.menu ul ul>li a:hover{background:#666;color:#fff}
.menu ul ul ul{position:absolute;left:100%;top:0}
#uniquediv{width:95%;margin:0 auto}
#uniquediv li{text-align:center}
.blackc{width:100%;height:auto;overflow:hidden;background:#1d1d1d;padding:0!important}
.cblack{width:96%;max-width:1280px;margin:auto;background:#363636;padding:0!important;height:auto;overflow:hidden}
#page_dark{width:100%;margin:5px auto;position:relative;background:#303644;border-radius:0 0 20px 20px;max-width:1280px;padding:20px 0;height:auto;overflow:hidden}
.dark_each{width:30%;float:left;margin-left:3%;height:auto;overflow:hidden}
.each_left{width:45%;float:left;height:auto}
.each_left img{width:100%;height:auto;border-radius:12px}
.each_right{width:50%;float:left;margin-left:5%}
.each_right li{border-bottom:1px dashed #B4B4B4}
a.darkpage:link,a.darkpage:visited{font-size:10px;color:#ADADAD;text-decoration:none}
a.darkpage:hover{color:#F33}
.page_light{width:94%;margin:20px auto;position:relative;background:#4d586a;border-radius:20px;max-width:1280px;padding:20px 0;height:auto;overflow:hidden}
.page_light p{color:#FFF!important}
.page_light ul{background:#4d586a!important}
.page_light li{color:#FFF!important;background:#4d586a!important;font-style:italic;font-size:11px;padding:8px 2%}
.light_left{width:55%;float:left;height:auto;overflow:hidden;color:#EDEDED;margin-left:5%}
.light_picture{float:left;width:40%;margin-top:20px}
.light_picture img{width:100%;height:auto;border-radius:10px}
.light_text{width:55%;float:left;margin-left:5%;margin-top:20px}
.light_right{width:30%;float:left;margin-left:5%}
.light_right img{width:90%;height:auto;border-radius:20px;float:right}
.topp{color:#999;font-size:15px;text-align:center;padding:20px auto}
img{width:100%;height:auto;float:none;margin:auto!important}
.wide{width:100%}
.sidebar{width:99%;height:35px;background:#5a5a5a;text-align:center;color:#FFF;font-size:11px;margin-top:3px}
.sidelab{width:99%;height:auto;max-height:1000px;overflow:hidden;margin-top:7px;background:#FFF}
.sidesample{width:99%;height:auto;overflow:hidden;margin-top:7px}
.orange-button{width:100%;height:30px;background:#F24F00;color:#FFF;text-align:center;font-family:'yekan';font-size:11px}
.gray-button{width:100%;height:100%;background:#5a5a5a;color:#FFF;text-align:center;font-family:'yekan';font-size:11px}
.imgauto{width:auto!important;height:auto!important;max-width:98%}
a:link,a:visited{color:#222;text-decoration:none}
a:hover{color:#F33}
.details{width:100%}
.details th{background:#CCC;padding:3px 2%}
.details td{background:#EDEDED;padding:3px 2%}
a.matn:link,a.matn:visited{color:#333;text-decoration:none;font-size:12px}
a.matn:hover{color:#444}
a.lan:link,a.lan:visited{color:#555;font-family:Arial;text-decoration:none;font-size:12px}
a.lan:hover{color:#F33}
a.matn:link,a.matn:visited{color:#333;font-size:12px;text-decoration:none}
a.matn:hover{color#444}
a.fa-lan:link,a.fa-lan:visited{color:#444;font-family:'yekan';text-decoration:none;font-size:11px}
a.fa-lan:hover{color:#F33}
a.red:link,a.red:visited{color:#F33!important;text-decoration:none;font-family:'yekan'}
a.red:hover{color:#F33}
a.white:link,a.white:visited{color:#CCC;text-decoration:none;font-size:12px}
a.white:hover{color:#F33}
a.dark:link,a.dark:visited{color:#FFF;text-decoration:none;padding:2px 10px;font-size:12px}
a.dark:hover{color:#F33}
a.gray:link,a.gray:visited{color:#777;font-size:11px;text-decoration:none}
a.gray:hover{color:#F33}
.normal{width:96%;max-width:1280px;margin:15px auto;padding-bottom:8px!important;height:auto;overflow:hidden;text-align:right}
.divall{width:92%;max-width:1280px;margin:auto;background:#FFF;padding-top:10px 2%!important;padding-bottom:8px!important;height:auto;overflow:hidden;text-align:right}
.divall img{max-width:800px!important;margin:5px auto!important;float:none!important}
#newstab{width:96%;max-width:1280px;margin:15px auto;padding-bottom:8px!important;height:auto;overflow:hidden;text-align:right}
#newstab li{margin:10px 0;padding:5px 2%}
.leftpic{width:40%;float:left;height:auto;overflow:hidden}
.rightpic{width:55%;float:right;height:auto;overflow:hidden}
.normal ul{list-style:none}
.normal li{padding:1px 3px;border-bottom:1px dotted #D5D5EA;text-align:right;margin:2px 0;background:#EDEDED}
.normd{width:100%;max-width:1280px;margin:auto;background:#FFF;padding-top:10px!important;padding-bottom:15px!important;height:auto;overflow:hidden;border-top:6px solid #ebebeb;padding-right:10px!important}
.rline{width:94%;padding:0 3%;background:url(theline.jpg) repeat-x;height:34px;overflow:hidden;font-size:11px}
.normleft{width:20%;float:left;margin-left:1%!important;border-left:8px solid #FFF}
.normmiddle{width:40%;float:left;margin-left:3%;height:auto;overflow:hidden}
.threepro{width:26%;float:left;border:1px solid #CCC;height:100px;margin:10px 3%}
.threepro img{width:100%;height:auto;max-height:100px}
.normright{width:32%;float:right;margin-right:1%}
#lan{width:15%;float:right;color:#CCC;font-size:11px;font-family:Tahoma;margin-top:30px}
#grayc{width:96%;max-width:1280px;margin:0 auto;background:#575757;height:40px}
.gleft{width:77%;float:left}
.gright{width:20%;float:right;background:#F33;height:20px;padding:10px 0}
.onefourth{width:22%;margin:15px 1.5%;float:left}
.onefourth p{padding-top:15px;border-top:1px solid #CCC;font-size:11px;line-height:19px;color:#888}
.onefourth img{width:96%;border-radius:10px;margin:0 auto;border:3px solid #F33}
.toppic{list-style:none;margin-top:20px}
.toppic li{display:inline;padding:40px 1%}
.toppic img{width:9%;height:100px;border:2px solid #F33;min-width:100px}
#mobtop{display:none}
#mobfooter{display:none}
.thefour{width:24%;min-width:230px;height:220px;float:left;margin-left:1%}
#pro-main{width:98%;max-width:1280px;margin:auto;height:auto;overflow:auto;padding:1%}
#prodcontent{width:100%;margin:auto}
.pro-id{width:96%;min-width:240px;max-width:1000px;height:auto;margin:15px auto 15px auto;overflow:auto;background:#EDEDED}
.picpro-id{width:30%;height:auto;float:left;min-width:200px;border:1px solid #EDEDED}
.picpro-id img{width:100%;height:auto}
.textpro-id{width:60%;float:left;margin-left:4%;height:auto}
#footer-left{width:30%;float:left;font-family:Arial;line-height:25px;font-size:12px;text-align:left;color:#999;margin-left:2%}
#footer-right{width:62%;float:right;text-align:right;margin-right:1%;color:#999}
#htwo{width:56%;float:left;height:auto;overflow:hidden;background:#FFF;padding:10px 2%}
#thelinks{width:35%;float:right;height:auto;overflow:hidden;background:#EDEDED}
#thelinks li{margin:10px 0;padding:5px 0}
.percat{width:22%;float:left;min-width:130px;margin-left:3%;border:1px dotted #CCC;max-height:230px}
a.compblue:link,a.compblue:visited{text-decoration:none;color:#F33;background:#EDEDED}
a.compblue div{width:21%;background:#EDEDED;margin:12px 0;height:auto;overflow:hidden;border-radius:4px;float:left;margin-left:2%;border:1px solid #CCC}
a.compblue div:hover{background:#CCC!important;border:1px solid #F33}
a.compblue div:hover div{background:#CCC!important;border:1px solid #F33}
.perper{width:16%;float:left;min-width:130px;margin-left:3%;border:1px dotted #CCC;height:230px}
.rslides{position:relative;list-style:none;overflow:hidden;width:100%;max-width:1280px;margin:0}
.rslides li{-webkit-backface-visibility:hidden;position:absolute;display:none;width:100%;left:0;top:0}
.rslides li:first-child{position:relative;display:block;float:left}
.rslides img{display:block;height:auto;float:left;width:100%;border:0}
#nav a,#subMenusContainer a{text-decoration:none;display:block;padding:10px 20px;background-color:#fafafa;-moz-border-radius:7px;-webkit-border-radius:7px;color:#999;font-size:14px;text-align:left}
#nav a{margin:0}
#subMenusContainer a,#nav li li a{text-align:left}
#nav a:hover,#nav a:focus,#subMenusContainer a:hover,#subMenusContainer a:focus,#nav a.mainMenuParentBtnFocused,#subMenusContainer a.subMenuParentBtnFocused{background-color:#F6C739;color:#FFF}
#subMenusContainer a:hover,#subMenusContainer a:focus,#nav a.mainMenuParentBtnFocused,#subMenusContainer a.subMenuParentBtnFocused,#nav li a:hover,#nav li a:focus{background-color:#F6C739;color:#FFF}
#nav a.chet:link,#nav a.chet:visited{color:#C00;text-decoration:none}
#nav a.chet:hover{color:#000}
#nav ol,#nav ul,#subMenusContainer ul,#subMenusContainer ol{-moz-border-radius:8px;-webkit-border-radius:8px;border:1px solid #C3D46A;left:0}
#nav,#nav ul,#nav ol,#subMenusContainer ul,#subMenusContainer ol{margin:auto;list-style:none;line-height:1em}
#nav li{display:block;list-style:none;position:relative;border-bottom:1px dotted #CCC}
#subMenusContainer li{list-style:none}
#nav{display:block;position:relative;list-style:none;margin:auto;width:96%;z-index:5;text-align:right;z-index:1000}
#subMenusContainer{display:block;position:absolute;top:0;left:0;width:100%;height:0;overflow:visible;z-index:1000000000}
#nav li li{float:none}
#nav li li a{position:relative;float:none}
#nav li ul{position:absolute;width:10em;margin-left:-1000em}
#nav li ul ul{margin:-1em 0 0 -1000em}
#nav li:hover ul ul{margin-left:-1000em}
#nav li:hover ul{margin-left:120px;margin-top:-2.5em}
.rslides{margin:0 auto}
.rslides_container{position:relative;float:left;width:100%}
.rslides1_nav{position:absolute;-webkit-tap-highlight-color:rgba(0,0,0,0);top:50%;left:0;z-index:99;opacity:0.7;text-indent:-9999px;overflow:hidden;text-decoration:none;height:61px;width:38px;background:transparent url("themes.gif") no-repeat left top;margin-top:-45px}
.rslides1_nav:active{opacity:1.0}
.rslides1_nav.next{left:auto;background-position:right top;right:0}
.rslides2_nav{position:absolute;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;left:0;display:block;background:#fff;opacity:0;filter:alpha(opacity=1);width:48%;text-indent:-9999px;overflow:hidden;height:91%}
.rslides2_nav.next{left:auto;right:0}
.rslides3_nav{position:absolute;-webkit-tap-highlight-color:rgba(0,0,0,0);opacity:0.6;text-indent:-9999px;overflow:hidden;top:0;bottom:0;left:0;background:#000 url("themes.gif") no-repeat left 50%;width:38px}
.rslides3_nav:active{opacity:1.0}
.rslides3_nav.next{left:auto;background-position:right 50%;right:0}
.rslides1_nav:focus,.rslides2_nav:focus,.rslides3_nav:focus{outline:none}
.rslides_tabs{margin-top:10px;text-align:center}
.rslides_tabs li{display:inline;float:none;_float:left;*float:left;margin-right:5px}
.rslides_tabs a{text-indent:-9999px;overflow:hidden;-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;background:#ccc;background:rgba(0,0,0,.2);display:inline-block;_display:block;*display:block;-webkit-box-shadow:inset 0 0 2px 0 rgba(0,0,0,.3);-moz-box-shadow:inset 0 0 2px 0 rgba(0,0,0,.3);box-shadow:inset 0 0 2px 0 rgba(0,0,0,.3);width:9px;height:9px}
.rslides_tabs .rslides_here a{background:#222;background:rgba(0,0,0,.8)}
.caption{position:absolute;display:block;bottom:0;left:0;right:0;padding:5px;text-align:center;background:#000;background:rgba(0,0,0,.8);color:#fff}
#pro-info{width:56%;height:auto;overflow:auto;float:left}
#pro-picture{width:40%;min-width:280px;height:auto;border:1px solid #EDEDED;float:right}
#mobtop{display:none}
@media screen and (max-width:480px){
.stdbox{float:none;width:90%;margin:15px auto}
#search{padding:10px}
.spinner-master *{transition:all .3s;box-sizing:border-box}
.spinner-master{position:relative;margin:15px;height:30px;width:30px;float:left}
.spinner-master label{cursor:pointer;position:absolute;z-index:99;height:100%;width:100%;top:5px;left:0}
.spinner-master .spinner{position:absolute;height:4px;width:100%;padding:0;background-color:#fff}
.spinner-master .diagonal.part-1{position:relative;float:left}
.spinner-master .horizontal{position:relative;float:left;margin-top:4px}
.spinner-master .diagonal.part-2{position:relative;float:left;margin-top:4px}
.spinner-master input[type=checkbox]:checked~.spinner-spin>.horizontal{opacity:0}
.spinner-master input[type=checkbox]:checked~.spinner-spin>.diagonal.part-1{transform:rotate(135deg);-webkit-transform:rotate(135deg);margin-top:10px}
.spinner-master input[type=checkbox]:checked~.spinner-spin>.diagonal.part-2{transform:rotate(-135deg);-webkit-transform:rotate(-135deg);margin-top:-12px}
a.menu-link{display:block;color:#fff;float:left;text-decoration:none;padding:10px 16px;font-size:1em;background:#444!important}
a.menu-link:hover{color:#666}
a.menu-link:after{content:"\2630";font-weight:400}
a.menu-link.active:after{content:"\2715"}
.menu{clear:both;min-width:inherit;float:none;background:#444!important}
.menu ul{background:#444!important}
.menu,.menu>ul ul{overflow:hidden;max-height:0;background-color:#39484d}
.menu>li>ul.sub-menu{padding:0;border:none;background:#444!important}
.menu.active,.menu>ul ul.active{max-height:55em}
.menu ul{display:inline}
.menu li,.menu>ul>li{display:block;background:#444!important}
.menu>li>ul.sub_menu{min-width:10em;padding:4px 0;background-color:#555;border:1px solid #fff}
.menu>ul>li:last-of-type a{border:none}
.menu li a{color:#fff!important;display:block;padding:.8em;position:relative}
.menu li.has-submenu>a:after{content:'+';position:absolute;top:0;right:0;display:block;font-size:1em;padding:.55em .5em}
.menu li.has-submenu>a.active:after{content:"-"}
.menu ul ul>li a{background-color:#39484d;color:#CCC;padding:10px 18px 10px 30px}
.menu ul li a:hover{background:#4b5f65;color:#fff}
.menu ul li.hover>a{background:#4b5f65;color:#fff}
.menu ul ul,.menu ul ul ul{display:inherit;position:relative;left:auto;top:auto;border:none}
.search_box{position:absolute;top:60px;left:0;z-index:10}
.search_box input{width:70%}
.search_box input.search_icon{width:17%}
.dark_each{float:none;margin:20px 5%;width:90%}
.light_left{width:90%;float:none;height:auto;overflow:hidden;color:#EDEDED;margin:auto}
.light_picture{float:none;width:90%;margin:auto}
.light_text{width:90%;float:none;margin:auto}
.light_right{width:90%;float:none;margin:auto!important}
#topcontent{display:none}
.leftpic{float:none;width:96%;margin:auto}
.rightpic{float:none;width:96%;margin:auto}
.github{display:none}
#thefixed{display:none}
#prolinks{display:none}
#thetopper{display:none}
#footer-left{display:none}
#footer-right{width:98%;margin:auto;text-align:right}
#mobtop{width:98%;margin:auto;height:auto;overflow:auto;display:block}
#pro-info{width:98%;height:auto;overflow:auto;margin:auto}
#pro-picture{width:98%;min-width:280px;height:auto;border:1px solid #EDEDED;margin:auto}
.thebox{width:96%;margin:auto;height:400px;min-width:240px;float:left;margin:1% 0 1% 2.5%;border:1px solid #CCC}
.thefour{width:24%;min-width:240px;height:220px;margin-left:1%}
.fourpro{width:43%;margin:2%;border:1px solid #CCC;height:115px;float:left}
.linkbox{width:96%;margin:auto;height:270px;border:1px solid #CCC;float:left}
#mobfooter{display:block;width:96%;height:100px;border-top:1px solid #CCC;background:#333;margin:auto;color:#CCC;text-align:center}
#manual{display:none}
#samplepro{width:98%;margin:auto;height:auto;overflow:auto}
#procontent{width:98%;margin:0 auto auto auto}
.theschetch{width:96%;height:270px;min-width:230px;float:left;margin:auto}
#brando{width:98%;min-width:240px;height:auto;overflow:auto;margin:auto}
#compinfo{width:98%;min-width:240px;height:auto;overflow:auto;margin:auto}
#onesample{display:none}
#threefields{width:96%;height:auto;margin:10px auto 10px auto}
.picpro-id{width:98%;height:auto;border:1px solid #EDEDED}
.textpro-id{width:96%;height:auto}
#abox{width:98%;margin:auto;background:#CCC}
#bbox{width:98%;margin:auto}
#cbox{width:98%;margin:auto;background:#CCC}
#ntop{display:none}
#grayc{display:none}
.onefourth{float:none;width:94%;margin:auto!important}
.normleft{float:none;width:94%;margin:auto}
.normmiddle{float:none;width:94%;margin:auto;height:auto;overflow:hidden;padding-bottom:15px}
.normright{float:none;width:94%;margin:auto}
.threepro{width:42%;float:left;border:1px solid #CCC;height:80px;margin:10px 2%}
#htwo{float:none;width:96%;margin:auto}
#thelinks{float:none;width:96%;margin:auto}
a.compblue:link,a.compblue:visited{text-decoration:none;color:#F33;background:#EDEDED}
a.compblue div{width:94%;background:#EDEDED;margin:12px 0;height:auto;overflow:hidden;border-radius:4px;float:left;margin-left:2%;border:1px solid #CCC}
a.compblue div:hover{background:#CCC!important;border:1px solid #F33}
a.compblue div:hover div{background:#CCC!important;border:1px solid #F33}
}