*{margin:0; padding:0; border:0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;}
html {}
body {padding: 0;position:relative; margin: 0 auto 0 auto;font-family:'web_Yekan';
          background: #2b3841 url('images/bg_body.jpg')no-repeat bottom center;
      font-size: 12px; text-align: right;width: 100%;height: auto;overflow-x: hidden;}
ul,li{list-style: none;}
.r5{-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.r10{-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}
.clear{clear: both;}
.left{float: left}
.right{float: right}

a{text-decoration: none;}

.wrapper {position:relative;width:100%;}
.container{width: 100%;max-width:980px;margin:0 auto;position:relative;}

.header{width:100%;height: 108px; float: right;}
.logo{width:200px;position: absolute;top: 0px; left: 0px;z-index: 1000;}
.logo img{width: 100%}
.box_slogan{float: left;width: 100%;text-align: center;
    color: #fff;margin-top: 11px;font-size: 14px;font-family: 'mitra';}
.box_slogan a{color: #fff;}
.title_slogan{font-size: 31px;font-family:web_yekan}
.content_slogan{font: 17px web_yekan; margin-top: 10px;}

.outer_logo{position: relative;float: left;width: 20%;height: 105px;}
.outer_slogan{float: left;width: 57%;height: 105px;text-align: center;}
.outer_search{float: left;width: 21%;height: 105px;}


.box_search{float: right;margin-top: 50px;}
.input_search{background:#627786;height: 30px;  float: right;padding-right: 5px;
              font-family:'web_Yekan'; text-align: right;direction: rtl;}
.btn_search{background:#d93e3f url(images/btn_search.png)center center;background-repeat: no-repeat;width: 30px; height: 30px; 
            float: right;}
box_slider{width: 100%;}

.new_product{width: 100%; float: right;}
.new_product .title_box{background: #101c25;width: 100%; float: right;color: #627786;padding: 10px;
                        margin-top:10px;font-size: 15px;font-weight: bold;}
.content_new_product{width:100%;float:right;margin: 10px 0px;}

.item_product{
    width: 32.5%;float:right;margin-left: 1%;margin-bottom: 10px;
}
.item_product:nth-child(3n){margin-left: 0px}
.item_product .image_product{width: 100%;background: #fff;float: right;}
.item_product .image_product img{width: 100%;height: 100%;}
.item_product .title_product{float: right; width: 100%; background: #d93e3f;color: #fff;
padding: 10px 5px;font-size: 15px;text-align: center;
}
.item_product .title_product2{float: right; width: 100%; background: #627786;color: #fff;
padding: 10px 5px;font-size: 15px;text-align: center;
}

.box_brand{}
.box_brand .title_brand{color: #fff;width: 100%; float: right;margin: 10px 0px;font-size: 16px;}
.box_brand .content_brand{margin-top: 20px;width: 100%;float: right;    }




.footer{width: 100%;float: right;min-height: 200px;margin-top: 40px;}

.footer ul{text-align: right;}
.ul_content{  text-align: center;margin: 0px auto;max-width: 695px;}
.footer ul li{display:inline-block;min-width:230px;float: right;max-width:230px;padding-top:20px;padding-bottom: 30px;}
.footer ul li ul li{display:list-item;padding:0px;font-size: 12px;margin-top: 6px;background: none;}
.footer ul li ul li a{color: #fff;}
.title_footer{color: #fff;font-size: 14px;}
.footer a:hover{color: #d93e3f;}

.powerby{color:#fff;padding:10px 0px 0px 0px;text-align:center;font-size:11px;}
.powerby a{color:#fff;}
.powerby p{    background: #2b3841;
    width: 240px;
    margin: 0px auto;
    line-height: 50px;}

.social_link{text-align: center;width: 100%;margin-top: 50px;}
.social_link li{display: inline-block}
.hidden{
    opacity:0;
}
.visible{
    opacity:1;
}
.box_menu{width: 100%; float: right;}

.box_about{width: 100%;float: right;min-height: 400px; background: url('images/bg_contact.jpg')no-repeat;
          background-size: 100% auto; }
.title_about{float: right;background: url('images/title_body.png')no-repeat right; float: right;width: 197px;    height: 57px;
    line-height: 57px;
    padding-right: 12px;
    font-size: 15px;direction:rtl}
.content_about{padding: 10px 15px;color: #fff; line-height: 35px;font-size: 14px;direction: rtl;}
@media (max-width:500px){
    .item_product{width: 100%;}
    .title_footer,.ul_content,.footer ul li{width: 100%; text-align: center;max-width: 100%;}
    .outer_search {width: 100%}
    .outer_slogan{width: 100%; height: 136px;}
    .outer_logo{width: 100%;height: 167px;}
    .logo{width:150px;}
}
@media (max-width:400px){
    .header{height: 344px;}
    .logo{position: initial;margin: 0px auto;width:150px;}
    .box_search{margin-top:0px;}
    .content_slogan {font: 11px web_yekan;}
}

@media (min-width:500px) and (max-width:1000px) {
    .logo{width:100px;}
    .content_slogan {font: 11px web_yekan;}
}

@media (max-width:1000px) {
    .logo{width:150px;}
}