@import url('../persian-font.css');
@media screen and (min-width: 1px) and (max-width: 470px) {
         
              .ContainerNews
            {
            	
            	width:100%;
            	min-height: 350px;
            	text-align :center; 
            	display :inline-block ;
            	
            }
             .Container
            {
            	width:100%;
            	min-height: 100%;
            	text-align :center;
            	display :inline-block ;
            	
            }
               .menuTop
        {
        	margin-top :0px;
        	margin-right :20%;
        	margin-left :0px;
        	width:100%;
        	list-style :none;
        	height:100%;
        	padding :0;
        	height:110px;
        	float:left ;
        	position :relative ;
        	left:0px;
        	display :none;
        	
        }
         .menuItem
        {
        	float :left ;
        	display:inline-block ;
        	width:15.5%;
        	text-align :center;
        	height:100%;
        	border-left:1px solid #E8E8E8;
        	margin :0;
        	margin-right :0px;
        	height :100%;
        	
        	position :relative ;
        	margin-bottom :0;
        	height:110px;
        	padding :0px 0px 0px 0px;
        	z-index:1000;
        	
        
        }
        .menuItem:hover
        {
        	background: -webkit-linear-gradient(#F8F8F8, #FEFEFE); /* For Safari 5.1 to 6.0 */
            background: -o-linear-gradient(#F8F8F8, #FEFEFE); /* For Opera 11.1 to 12.0 */
            background: -moz-linear-gradient(#F8F8F8,#FEFEFE); /* For Firefox 3.6 to 15 */
            background: linear-gradient(#F8F8F8, #FEFEFE); /* Standard syntax */
            -webkit-transition:background 0.5s; /* For Safari 3.1 to 6.0 */
            transition:background 0.5s;
        }
        .menuLink
        {
        	position :relative ;
        	width :100%;
        	height :100%;
        	top:45px;
        	text-align :center;
        	font-size:12pt;
        	font-weight :300;
        	font-family:yekan,arial;
        	text-decoration:none;
        	color:#000;
        	padding-top:40px;
        	padding-right :5px;
        	cursor :pointer ;
        }
        .dropDownMenu
        {
        	display:block ;
        	padding :0px;
        	z-index :0;
        	margin-top :0px;
        	margin-right :0px;
        	float:right ;
        	position:relative ;
        	left:-999em;
        	background :#fdfdfd;
        	
        	height:0px;
        	
        	visibility :hidden ;
        	 -webkit-transition:height 0.5s,top 0.7s,visibility 5s; /* For Safari 3.1 to 6.0 */
            transition:height 0.5s,top 0.7s,visibility 5s;
            box-shadow:1px 1px 1px #92AEC0;
            padding :0px 0px 0px 0px;
        	
        }
         .menuItem:hover .dropDownMenu
        {
        	visibility:visible ;
        	display :block ;
        	left:0em;
        	top:86px;
        	height :auto ;
        	
        
        }
        .dropDownMenuBox
        {
        	
        	list-style :none;
        	position:relative;
        	display:inline-block ;
        	padding :0px 0px 0px 0px;
        	margin-right :0px;
        	float :right ;
        	display:none ;
        	
        }
        .dropDownMenuBox_shop
        {
        	overflow :visible;width:500px;float:right;
        }
        .menuItem:hover .dropDownMenuBox
        {
        	display:block ;
        }
        .dropDownMenuItem
        {
        	width :190px;
        	display:inline-block ;
        	text-align :right;
            margin-top:0;
            margin-right :0;
        }
       
        .dropDownMenuLink
        {
        	width :190px;
        	height:100%;
        	text-decoration :none;
        	font-family :yekan,arial;
        	text-decoration :none;
        	color:#000;
        	display :block ;
        	font-size :11pt;
            margin :0px 0px 0px 0px;
            padding-top:8px;
            padding-bottom:8px;
            padding-right :10px;
           
            float :right ;
        	 -webkit-transition:background 0.5s; /* For Safari 3.1 to 6.0 */
            transition:background 0.5s;
        }
         .dropDownMenuItem:hover  .dropDownMenuLink
        {
        	
        	background: -webkit-linear-gradient(#F8F8F8, #FEFEFE); /* For Safari 5.1 to 6.0 */
            background: -o-linear-gradient(#F8F8F8, #FEFEFE); /* For Opera 11.1 to 12.0 */
            background: -moz-linear-gradient(#F8F8F8,#FEFEFE); /* For Firefox 3.6 to 15 */
            background: linear-gradient(#F8F8F8, #FEFEFE); /* Standard syntax */
           
        }
        .basketBtn
        {
        	float :left ;
        	display:inline-block ;
        	width:20.5%;
        	text-align :center;
        	height:100%;
        	border-left:1px solid #E8E8E8;
        	margin :0;
        	margin-right :0px;
        	height :100%;
        	cursor:pointer ;
        	position :relative ;
        	margin-bottom :0;
        	height:110px;
        	padding :0px 0px 0px 0px;
        	cursor :hand ;
        	border-top-left-radius:8px;
        	border-bottom-left-radius:8px;
        	background :#1D2122;
        	
        }
        .basketBtn:hover
        {
        	background :#000;
        
        }
        #shopFrame
        {
        	position:relative ;
        	top:0px;
        	height :110px;
        	width:100%;
        }
         #boxTop
       {
       	margin-top :0px;margin-left :0px;width:100%;height:110px;background :#FDFDFD;box-shadow:2px 1px 1px #92AEC0;border-radius:8px;display:none;
       } 
        #panelBox
       {
       	height :200px;width:100%;margin :0;background :#FFAA17;display:block;background-image :url(../images/logo.png);background-repeat :no-repeat ;background-position:top  center;
       }  
       
        .right_box1
            {
            	width :100%;display:block ;background :#1D2122;border-radius:5px;box-shadow:2px 2px 2px #DFDFDF;float:left ;left:0px;top:20px;height:50px;position:relative;
            }
            .left_box1
            {
            	width :100%;display:block ;background :#717071;border-radius:5px;box-shadow:2px 2px 2px #DFDFDF;left :0px;top:40px;position:relative;padding-left :12px;padding-top :10px; padding-bottom :10px;    
            }
            .right_box2
            {
            	width :100%;display:block ;border-radius:5px;box-shadow:2px 2px 2px #DFDFDF;float:left ;left:0px;top:20px;position:relative;
            } 
             .main_right_box
            {
            	position :relative ;top:0px;right:0px;width:100%;float:right;
            }
            .main_left_box
            {
            	position :relative ;top:0px;left :0px;width:100%;float:left;
            }
            .button {
                 border-width:0;
                 border-style :solid ;
                 background :none;
                 color:#ffffff;
                 font-size:12pt;
                 font-family:yekan,arial;
                 display :block ;
                 height :45px;
                 cursor :pointer ;
                 padding :10px 10px 10px 10px;
                 width:100%;
                 text-align :center ;
                 -webkit-transition:background 0.5s, height 0.7s; /* For Safari 3.1 to 6.0 */
                transition:background 0.5s, height 0.7s;
                margin-top :3px;
                border-radius:5px;
                
                }

            .button:hover {
                  color: #ffffff;/*رنگ دکمه ها وقتی موس میره روشون*/
                  background :#494848;
                }     
                .boxMenuShop
            {
            	float:right;position:relative;right:0px;min-width:150px;margin:5px;min-height:100px;display:block;
            }
            .boxMenuShopTitle
            {
            	font-size:11pt;font-family:yekan,arial;color:#000;width:100%;margin-right:0px;text-align:right;
            }
            .ItemBoxMenuShop
            {
            	list-style :none;position:relative;display:inline-block ;padding :0px 0px 0px 0px;margin-right :0px;float :right ;
            }
            .subItemBoxMenuShop
            {
            	width:100%;margin-right:0px;text-align:right;padding-right:20px;
            } 
            .subItemBoxMenuShopLink
            {
            	font-size:10pt;font-family:yekan,arial;color:#9DBDD2;text-decoration:none;
            	-webkit-transition:color 0.5s; /* For Safari 3.1 to 6.0 */
                transition:color 0.5s;
            }
            .subItemBoxMenuShopLink:hover
            {
            	color:#1D2122;
            }
             .newsBox1
            {
        	    position :relative ;top:0px;left:0px;float:left;width:100%;border-radius:10px;height:100%;margin-bottom :20px;background :#ffffff;
            }   
            .newsBox2
            {
        	    position :relative ;top:0px;left:0px;float:left;width:100%;border-radius:10px;height:100%;display:inline-block;padding-bottom :20px;background :#ffffff;
            }
             .newsBox
            {
        	position :relative;top:50px;left:0px;width:100%;background :#ffffff;box-shadow:3px 3px 6px #DFDFDF;border-radius:5px;min-height:300px;
            }
            .boxGoodsMain
            {
            	margin-right:0px;width:95%;box-shadow:1px 1px 2px gray;float:left;position:relative;left:15px;margin-top :10px;margin-top :10px;margin-top :10px;height:420px;
            }
            .menuMobile
            {
            	display :block   ;
            }
            .boxTopSetting
            {
            	display :none ;
            }
           
        #btnLogin
        { 
            display :block ;
            position:relative ;
            float:left ;
            left:0.5%;
            top:60%;
            width:35px;
            height:35px;
            border-radius:5px;
            background :#FDFDFD;
            cursor:pointer;
            text-align :center ;
            color:#000000;
          
        }
        #btnLogin:hover
        {
        	background:#F12922;
        	background: -webkit-linear-gradient(#F12922,#1D2122 ); /* For Safari 5.1 to 6.0 */
            background: -o-linear-gradient(#F12922, #1D2122); /* For Opera 11.1 to 12.0 */
            background: -moz-linear-gradient(#F12922,#1D2122); /* For Firefox 3.6 to 15 */
            background: linear-gradient(#F12922, #1D2122); /* Standard syntax */
            color:#ffffff;
        }
        #search
        {
        	position:relative ;
        	top:60%;
        	left:45px;
        	width: 85%;
        	height:35px;
        	border-style:solid ;
        	border-color:#FDFDFD;
        	border-radius:5px;
        	border-width:0px;
        	background :#FDFDFD;
        	color:#E3EEF6;
        	min-width:200px;
        }
        #btnSearch
        {
        	font-size :18pt;
        	margin-top :3px;
        	margin-right:0px;
        	float:right;
        	width:15%;
        	height:80%;
        	display:block;
        	cursor:pointer ;
        	border-style:solid ;
        	border-width:0;
        	background :#fDFDFD;
        	background-image :url(../images/search.png);
        	background-repeat :no-repeat ;
        	background-position :center center; 
        	-webkit-transition:background-image 0.5s; /* For Safari 3.1 to 6.0 */
            transition:background-image 0.5s;
        }
        #btnSearch:hover
        {
        	background-image :url(../images/search_over.png);
        }
        #txtSearch
        {
        	position:absolute  ;
        	left:10px;
        	top:0px;
        	 width :80%;
        	 margin-left :0;
        	 margin-top :3px;
        	 height:80%;
        	 font-size:10pt;
        	 font-family:yekan,arial;
        	 color:#3E454C;
        	 text-align :right;
        	 border:0;
        	 background:#fdfdfd;
        }
        #btnInput
        {
        	width :100px;
        	height:35px;
        	border-style:solid ;
        	border-width:0px;
        	border-radius:5px;
        	cursor:pointer ;
        	background :#fdfdfd;
        	color:#878787;
        	-webkit-transition:background 0.5s; /* For Safari 3.1 to 6.0 */
            transition:background 0.5s;
            box-shadow:2px 1px 1px gray;
            font-family :yekan,arial;
            font-size :11pt;
        }
        #btnInput:hover
        {
        	background :#656465;
        	color:#ffffff;
        }
        .cls_loginbox
        {
        	z-index:10000; position :relative;float:left ;top:0px;left:0px;width:271px;height:210px;background :#A8A8A8;border-radius:5px;padding :10px 10px 10px 10px;color:#ffffff;font-family :yekan,arial;font-size:11pt;display:block ;
        }
        .footerColumn
         {
         	position:relative ;float:right;right:0px;top:0px;text-align :right;width:50%;
         }
           .h1banner
         {
         	font-family:yekan,arial;font-size:13pt;text-align:right;
         }
         .pbanner
         {
         	font-family:yekan,arial;font-size:10pt;
         }
         .btnBan
         {
         	font-family:yekan,arial;font-size:13pt;height:40px;width:120px;visibility:hidden ;
         }
          #PictureBoxProduct
         {
         	position :relative ;float:left ;top:0px;left:0px;width:100%;text-align :center;display :inline-block;
         }
         #ContentBoxProduct
         {
         	position :relative ;float:right ;top:0px;right:0px;width:100%;
         }
         #sub_PictureBoxProduct
         {
         	text-align :center;width:100%;
         }
          #tbl_name
         {
         	width :90%;
         }
         #tbl_phone
         {
         	width:90%;
         }
         #tbl_mainForm
         {
         	width:100%;
         }
          #factorBasket{
         	width:100%;border:0;display:none;
         }
         #factorBasketSmall
         {
         	width:100%;border:0;display:block;
         }
          #addMember_uid
         {
         	width:100%;
         }
         #AddMember_des
         {
         	width:100%;
         }
         #addMember_pwd
         {
         	width :100%;
         }
         #addMember_code
         {
         	width :100%;
         }
         #addMember_law
         {
         	width :100%; height:150px;overflow :auto;
         }
           #btn_member
         {
         	display :inline-block; width:90%;height:60px;border-radius:10px;border-style:solid ;border-width :0px;cursor:pointer;color:#ffffff;font-family :yekan,arial;font-size:10pt;
         	background :#F3BA30;
        	background: -webkit-linear-gradient(#F3BA30, #F0A325); /* For Safari 5.1 to 6.0 */
            background: -o-linear-gradient(#F3BA30, #F0A325); /* For Opera 11.1 to 12.0 */
            background: -moz-linear-gradient(#F3BA30,#F0A325); /* For Firefox 3.6 to 15 */
            background: linear-gradient(#F3BA30, #F0A325); /* Standard syntax */
         }
         #btn_member:hover
         {
         	background :#F0A325;
        	background: -webkit-linear-gradient(#F0A325, #F3BA30); /* For Safari 5.1 to 6.0 */
            background: -o-linear-gradient(#F0A325, #F3BA30); /* For Opera 11.1 to 12.0 */
            background: -moz-linear-gradient(#F0A325,#F3BA30); /* For Firefox 3.6 to 15 */
            background: linear-gradient(#F0A325, #F3BA30); /* Standard syntax */
         }
          #basketMobile
         {
         	width :100%;display:inline-block ;padding-bottom:10px
         }
        .boxmsg
        {
        	width:100%;font-size:11pt;font-family:yekan,tahoma;border:0px solid black;display:block   ;
        }
        .boxmsg_rowid
        {
        	text-align:center;border-top-right-radius:10px;border-bottom-right-radius:10px;font-weight:500;display:none ;
        }
        .boxmsg_time
        {
        	text-align:center;font-weight:500;display:none ;
        }
        .boxmsg_rowid_content
        {
        	display:none ;
        }
        .boxmsg_time_content
        {
			display:none ;
        }
        
        .imageBoxProduct
        {
        	width:100%;
        	position:relative;
        	top:0;
        	left:0;
        	height:350px;
        	background:#FAFAFA;
        	background-size:cover;
        }
}    
        
 @media screen and (min-width: 471px) and (max-width: 785px) {
          
            .ContainerNews
            {
            	
            	width:95%;
            	min-height: 350px;
            	text-align :center; 
            	display :inline-block ;
            	
            }
            .Container
            {
            	width:95%;
            	min-height: 100%;
            	text-align :center;
            	display :inline-block ;
            	
            }
               .menuTop
        {
        	margin-top :0px;
        	margin-right :20%;
        	margin-left :0px;
        	width:100%;
        	list-style :none;
        	height:100%;
        	padding :0;
        	height:110px;
        	float:left ;
        	position :relative ;
        	left:0px;
        	
        }
         .menuItem
        {
        	float :left ;
        	display:inline-block ;
        	width:15.5%;
        	text-align :center;
        	height:100%;
        	border-left:1px solid #E8E8E8;
        	margin :0;
        	margin-right :0px;
        	height :100%;
        	
        	position :relative ;
        	margin-bottom :0;
        	height:110px;
        	padding :0px 0px 0px 0px;
        	z-index:1000;
        	
        
        }
        .menuItem:hover
        {
        	background: -webkit-linear-gradient(#F8F8F8, #FEFEFE); /* For Safari 5.1 to 6.0 */
            background: -o-linear-gradient(#F8F8F8, #FEFEFE); /* For Opera 11.1 to 12.0 */
            background: -moz-linear-gradient(#F8F8F8,#FEFEFE); /* For Firefox 3.6 to 15 */
            background: linear-gradient(#F8F8F8, #FEFEFE); /* Standard syntax */
            -webkit-transition:background 0.5s; /* For Safari 3.1 to 6.0 */
            transition:background 0.5s;
        }
        .menuLink
        {
        	position :relative ;
        	width :100%;
        	height :100%;
        	top:45px;
        	text-align :center;
        	font-size:12pt;
        	font-weight :300;
        	font-family:yekan,arial;
        	text-decoration:none;
        	color:#000;
        	padding-top:40px;
        	padding-right :5px;
        	cursor :pointer ;
        }
        .dropDownMenu
        {
        	display:block ;
        	padding :0px;
        	z-index :0;
        	margin-top :0px;
        	margin-right :0px;
        	float:right ;
        	position:relative ;
        	left:-999em;
        	background :#fdfdfd;
        	
        	height:0px;
        	
        	visibility :hidden ;
        	 -webkit-transition:height 0.5s,top 0.7s,visibility 5s; /* For Safari 3.1 to 6.0 */
            transition:height 0.5s,top 0.7s,visibility 5s;
            box-shadow:1px 1px 1px #92AEC0;
            padding :0px 0px 0px 0px;
        	
        }
         .menuItem:hover .dropDownMenu
        {
        	visibility:visible ;
        	display :block ;
        	left:0em;
        	top:86px;
        	height :auto ;
        	
        
        }
        .dropDownMenuBox
        {
        	
        	list-style :none;
        	position:relative;
        	display:inline-block ;
        	padding :0px 0px 0px 0px;
        	margin-right :0px;
        	float :right ;
        	display:none ;
        	
        }
        .dropDownMenuBox_shop
        {
        	overflow :visible;width:500px;float:right;
        }
        .menuItem:hover .dropDownMenuBox
        {
        	display:block ;
        }
        .dropDownMenuItem
        {
        	width :190px;
        	display:inline-block ;
        	text-align :right;
            margin-top:0;
            margin-right :0;
        }
       
        .dropDownMenuLink
        {
        	width :190px;
        	height:100%;
        	text-decoration :none;
        	font-family :yekan,arial;
        	text-decoration :none;
        	color:#000;
        	display :block ;
        	font-size :11pt;
            margin :0px 0px 0px 0px;
            padding-top:8px;
            padding-bottom:8px;
            padding-right :10px;
           
            float :right ;
        	 -webkit-transition:background 0.5s; /* For Safari 3.1 to 6.0 */
            transition:background 0.5s;
        }
         .dropDownMenuItem:hover  .dropDownMenuLink
        {
        	
        	background: -webkit-linear-gradient(#F8F8F8, #FEFEFE); /* For Safari 5.1 to 6.0 */
            background: -o-linear-gradient(#F8F8F8, #FEFEFE); /* For Opera 11.1 to 12.0 */
            background: -moz-linear-gradient(#F8F8F8,#FEFEFE); /* For Firefox 3.6 to 15 */
            background: linear-gradient(#F8F8F8, #FEFEFE); /* Standard syntax */
           
        }
        .basketBtn
        {
        	float :left ;
        	display:inline-block ;
        	width:20.5%;
        	text-align :center;
        	height:100%;
        	border-left:1px solid #E8E8E8;
        	margin :0;
        	margin-right :0px;
        	height :100%;
        	cursor:pointer ;
        	position :relative ;
        	margin-bottom :0;
        	height:110px;
        	padding :0px 0px 0px 0px;
        	cursor :hand ;
        	border-top-left-radius:8px;
        	border-bottom-left-radius:8px;
        background :#1D2122;
        	
            -webkit-transition:background 0.5s; /* For Safari 3.1 to 6.0 */
        }
        .basketBtn:hover
        {
        	background :#000;
        
        }
        #shopFrame
        {
        	position:relative ;
        	top:0px;
        	height :110px;
        	width:100%;
        }
         #boxTop
       {
       	margin-top :0px;margin-left :0px;width:100%;height:110px;background :#FDFDFD;box-shadow:2px 1px 1px #92AEC0;border-radius:8px;
       } 
        #panelBox
       {
       	height :80px;width:100%;margin :0;background :#FFAA17;display:block;background-image :url(../images/logo.png);background-repeat :no-repeat ;background-position:top  right;
       }  
       
        .right_box1
            {
            	width :100%;display:block ;background :#1D2122;border-radius:5px;box-shadow:2px 2px 2px #DFDFDF;float:left ;left:0px;top:20px;height:50px;position:relative;
            }
            .left_box1
            {
            	width :100%;display:block ;background :#717071;border-radius:5px;box-shadow:2px 2px 2px #DFDFDF;left :0px;top:40px;position:relative;padding-left :12px;padding-top :10px; ;padding-bottom :10px;    
            }
            .right_box2
            {
            	width :100%;display:block ;border-radius:5px;box-shadow:2px 2px 2px #DFDFDF;float:left ;left:0px;top:20px;position:relative;
            } 
             .main_right_box
            {
            	position :relative ;top:0px;right:0px;width:100%;float:right;
            }
            .main_left_box
            {
            	position :relative ;top:0px;left :0px;width:100%;float:left;
            }
            .button {
                 border-width:0;
                 border-style :solid ;
                 background :none;
                 color:#ffffff;
                 font-size:12pt;
                 font-family:yekan,arial;
                 display :block ;
                 height :45px;
                 cursor :pointer ;
                 padding :10px 10px 10px 10px;
                 width:100%;
                 text-align :center ;
                 -webkit-transition:background 0.5s, height 0.7s; /* For Safari 3.1 to 6.0 */
                transition:background 0.5s, height 0.7s;
                margin-top :3px;
                border-radius:5px;
                
                }

            .button:hover {
                  color: #ffffff;/*رنگ دکمه ها وقتی موس میره روشون*/
                  background :#494848;
                }     
                .boxMenuShop
            {
            	float:right;position:relative;right:0px;min-width:150px;margin:5px;min-height:100px;display:block;
            }
            .boxMenuShopTitle
            {
            	font-size:11pt;font-family:yekan,arial;color:color:#000;width:100%;margin-right:0px;text-align:right;
            }
            .ItemBoxMenuShop
            {
            	list-style :none;position:relative;display:inline-block ;padding :0px 0px 0px 0px;margin-right :0px;float :right ;
            }
            .subItemBoxMenuShop
            {
            	width:100%;margin-right:0px;text-align:right;padding-right:20px;
            } 
            .subItemBoxMenuShopLink
            {
            	font-size:10pt;font-family:yekan,arial;color:#9DBDD2;text-decoration:none;
            	-webkit-transition:color 0.5s; /* For Safari 3.1 to 6.0 */
                transition:color 0.5s;
            }
            .subItemBoxMenuShopLink:hover
            {
            	color:#1D2122;
            }
             .newsBox1
            {
        	    position :relative ;top:0px;left:0px;float:left;width:100%;border-radius:10px;height:100%;margin-bottom :20px;background :#ffffff;
            }   
            .newsBox2
            {
        	    position :relative ;top:0px;left:0px;float:left;width:100%;border-radius:10px;height:100%;display:inline-block;padding-bottom :20px;background :#ffffff;
            }
             .newsBox
            {
        	position :relative;top:50px;left:0px;width:100%;background :#ffffff;box-shadow:3px 3px 6px #DFDFDF;border-radius:5px;min-height:300px;
            }
            .boxGoodsMain
            {
            	margin-right:15px;width:45%;box-shadow:1px 1px 2px gray;float:left;position:relative;left:15px;margin-top :10px;height:420px;
            }
            .menuMobile
            {
            	display :block;
            }
            .boxTopSetting
            {
            	display :none  ;
            }
                   #btnLogin
        { 
            display :block ;
            position:relative ;
            float:left ;
            left:0.5%;
            top:30%;
            width:35px;
            height:35px;
            border-radius:5px;
            background :#FDFDFD;
            cursor:pointer;
            text-align :center ;
            color:#000000;
          
        }
        #btnLogin:hover
        {
        	background:#F12922;
        	background: -webkit-linear-gradient(#F12922,#1D2122 ); /* For Safari 5.1 to 6.0 */
            background: -o-linear-gradient(#F12922, #1D2122); /* For Opera 11.1 to 12.0 */
            background: -moz-linear-gradient(#F12922,#1D2122); /* For Firefox 3.6 to 15 */
            background: linear-gradient(#F12922, #1D2122); /* Standard syntax */
            color:#ffffff;
        }
        #search
        {
        	position:relative ;
        	top:30%;
        	left:45px;
        	width:20%;
        	height:35px;
        	border-style:solid ;
        	border-color:#FDFDFD;
        	border-radius:5px;
        	border-width:0px;
        	background :#FDFDFD;
        	color:#E3EEF6;
        	min-width:200px;
        }
        #btnSearch
        {
        	font-size :18pt;
        	margin-top :3px;
        	margin-right:0px;
        	float:right;
        	width:15%;
        	height:80%;
        	display:block;
        	cursor:pointer ;
        	border-style:solid ;
        	border-width:0;
        	background :#fDFDFD;
        	background-image :url(../images/search.png);
        	background-position :center center; 
        	-webkit-transition:background-image 0.5s; /* For Safari 3.1 to 6.0 */
            transition:background-image 0.5s;
        }
        #btnSearch:hover
        {
        	background-image :url(../images/search_over.png);
        }
        #txtSearch
        {
        	position:absolute  ;
        	left:10px;
        	top:0px;
        	 width :80%;
        	 margin-left :0;
        	 margin-top :3px;
        	 height:80%;
        	 font-size:10pt;
        	 font-family:yekan,arial;
        	 color:#3E454C;
        	 text-align :right;
        	 border:0;
        	 background:#fdfdfd;
        }
        #btnInput
        {
        	width :100px;
        	height:35px;
        	border-style:solid ;
        	border-width:0px;
        	border-radius:5px;
        	cursor:pointer ;
        	background :#fdfdfd;
        	color:#878787;
        	-webkit-transition:background 0.5s; /* For Safari 3.1 to 6.0 */
            transition:background 0.5s;
            box-shadow:2px 1px 1px gray;
            font-family :yekan,arial;
            font-size :11pt;
        }
        #btnInput:hover
        {
        	background :#656465;
        	color:#ffffff;
        }
        .cls_loginbox
        {
        	z-index:10000; position :relative;float:left ;top:0px;left:0px;width:271px;height:210px;background :#A8A8A8;border-radius:5px;padding :10px 10px 10px 10px;color:#ffffff;font-family :yekan,arial;font-size:11pt;display:block ;
        }
        .footerColumn
         {
         	position:relative ;float:right  ;right:0px;top:0px;text-align :right;width:20%;
         }
           .h1banner
         {
         	font-family:yekan,arial;font-size:16pt;text-align:right;
         }
         .pbanner
         {
         	font-family:yekan,arial;font-size:11pt;
         }
         .btnBan
         {
         	font-family:yekan,arial;font-size:13pt;height:40px;width:120px;
         }
          #PictureBoxProduct
         {
         	position :relative ;float:left ;top:0px;left:0px;width:100%;text-align :center;display :inline-block;
         }
         #ContentBoxProduct
         {
         	position :relative ;float:right ;top:0px;right:0px;width:100%;
         }
         #sub_PictureBoxProduct
         {
         	text-align :center;width:70%;float:right ;right :10%;position:relative;
         }
          #tbl_name
         {
         	width :50%;
         }
         #tbl_phone
         {
         	width:60%;
         }
         #tbl_mainForm
         {
         	width:90%;
         }
          #factorBasket{
         	width:100%;border:0;display:block;
         }
         #factorBasketSmall
         {
         	width:100%;border:0;display:none;
         }
          #addMember_uid
         {
         	width:90%;
         }
         #AddMember_des
         {
         	width:100%;
         }
         #addMember_pwd
         {
         	width :90%;
         }
         #addMember_code
         {
         	width :90%;
         }
         #addMember_law
         {
         	width :100%; height:150px;overflow :auto;
         }
           #btn_member
         {
         	display :inline-block  ; width:50%;height:60px;border-radius:10px;border-style:solid ;border-width :0px;cursor:pointer;color:#ffffff;font-family :yekan,arial;font-size:10pt;
         	background :#F3BA30;
        	background: -webkit-linear-gradient(#F3BA30, #F0A325); /* For Safari 5.1 to 6.0 */
            background: -o-linear-gradient(#F3BA30, #F0A325); /* For Opera 11.1 to 12.0 */
            background: -moz-linear-gradient(#F3BA30,#F0A325); /* For Firefox 3.6 to 15 */
            background: linear-gradient(#F3BA30, #F0A325); /* Standard syntax */
         }
         #btn_member:hover
         {
         	background :#F0A325;
        	background: -webkit-linear-gradient(#F0A325, #F3BA30); /* For Safari 5.1 to 6.0 */
            background: -o-linear-gradient(#F0A325, #F3BA30); /* For Opera 11.1 to 12.0 */
            background: -moz-linear-gradient(#F0A325,#F3BA30); /* For Firefox 3.6 to 15 */
            background: linear-gradient(#F0A325, #F3BA30); /* Standard syntax */
         }
          #basketMobile
         {
         	width :100%;display:inline-block ;padding-bottom:10px;
         }
              .menuItem_member
        {
        	float :left ;
        	display:inline-block ;
        	width:14%;
        	text-align :center;
        	height:100%;
        	border-left:1px solid #E8E8E8;
        	margin :0;
        	margin-right :0px;
        	height :100%;
        	
        	position :relative ;
        	margin-bottom :0;
        	height:110px;
        	padding :0px 0px 0px 0px;
        	z-index:1000;
        	
        
        }
        .menuItem_member:hover
        {
        	background: -webkit-linear-gradient(#F8F8F8, #FEFEFE); /* For Safari 5.1 to 6.0 */
            background: -o-linear-gradient(#F8F8F8, #FEFEFE); /* For Opera 11.1 to 12.0 */
            background: -moz-linear-gradient(#F8F8F8,#FEFEFE); /* For Firefox 3.6 to 15 */
            background: linear-gradient(#F8F8F8, #FEFEFE); /* Standard syntax */
            -webkit-transition:background 0.5s; /* For Safari 3.1 to 6.0 */
            transition:background 0.5s;
        }
         .menuTop_member
        {
        	margin-top :0px;
        	margin-right :0px;
        	margin-left :0px;
        	width:100%;
        	list-style :none;
        	height:100%;
        	padding :0;
        	height:110px;
        	float:left ;
        	position :relative ;
        	left:0px;
        	
        	
        }
        
       .boxmsg
        {
        	width:100%;font-size:11pt;font-family:yekan,tahoma;border:0px solid black;display:inline-table  ;
        }
        .boxmsg_rowid
        {
        	text-align:center;border-top-right-radius:10px;border-bottom-right-radius:10px;font-weight:500;
        }
        .boxmsg_time
        {
        	text-align:center;font-weight:500;
        }
        .boxmsg_rowid_content
        {
        	display:inline-table ;
        }
        .boxmsg_time_content
        {
			display:inline-table ;
        }
          .imageBoxProduct
        {
        	width:100%;
        	position:relative;
        	top:0;
        	left:0;
        	height:270px;
        	background:#FAFAFA;
        }
}    
        
@media screen and (min-width: 786px) and (max-width: 1025px) {
          
            .ContainerNews
            {
            	
            	width:90%;
            	min-height: 350px;
            	text-align :center; 
            	display :inline-block ;
            	
            }
            .Container
            {
            	width:90%;
            	min-height: 100%;
            	text-align :center; 
            	display :inline-block ;
            	
            }
         .menuTop
        {
        	margin-top :0px;
        	margin-right :20%;
        	margin-left :0px;
        	width:100%;
        	list-style :none;
        	height:100%;
        	padding :0;
        	height:110px;
        	float:left ;
        	position :relative ;
        	left:0px;
        	
        }
         .menuItem
        {
        	float :left ;
        	display:inline-block ;
        	width:15.5%;
        	text-align :center;
        	height:100%;
        	border-left:1px solid #E8E8E8;
        	margin :0;
        	margin-right :0px;
        	height :100%;
        	
        	position :relative ;
        	margin-bottom :0;
        	height:110px;
        	padding :0px 0px 0px 0px;
        	z-index:1000;
        
        }
        .menuItem:hover
        {
        	background: -webkit-linear-gradient(#F8F8F8, #FEFEFE); /* For Safari 5.1 to 6.0 */
            background: -o-linear-gradient(#F8F8F8, #FEFEFE); /* For Opera 11.1 to 12.0 */
            background: -moz-linear-gradient(#F8F8F8,#FEFEFE); /* For Firefox 3.6 to 15 */
            background: linear-gradient(#F8F8F8, #FEFEFE); /* Standard syntax */
            -webkit-transition:background 0.5s; /* For Safari 3.1 to 6.0 */
            transition:background 0.5s;
        }
        .menuLink
        {
        	position :relative ;
        	width :100%;
        	height :100%;
        	top:45px;
        	text-align :center;
        	font-size:12pt;
        	font-weight :300;
        	font-family:yekan,arial;
        	text-decoration:none;
        	color:#000;
        	padding-top:40px;
        	padding-right :5px;
        	cursor :pointer ;
        }
        .dropDownMenu
        {
        	display:block ;
        	padding :0px;
        	z-index :0;
        	margin-top :0px;
        	margin-right :0px;
        	float:right ;
        	position:relative ;
        	left:-999em;
        	background :#fdfdfd;
        	width :200px;
        	height:0px;
        	
        	visibility :hidden ;
        	 -webkit-transition:height 0.5s,top 0.7s,visibility 5s; /* For Safari 3.1 to 6.0 */
            transition:height 0.5s,top 0.7s,visibility 5s;
            box-shadow:1px 1px 1px #92AEC0;
            padding :0px 0px 0px 0px;
        	
        }
         .menuItem:hover .dropDownMenu
        {
        	visibility:visible ;
        	display :block ;
        	left:0em;
        	top:86px;
        	height :auto ;
        	
        
        }
        .dropDownMenuBox
        {
        	width :190px;
        	list-style :none;
        	position:relative;
        	display:inline-block ;
        	padding :0px 0px 0px 0px;
        	margin-right :0px;
        	float :right ;
        	display:none ;
        	
        }
        .dropDownMenuBox_shop
        {
        	overflow :visible;width:500px;float:right
        }
        .menuItem:hover .dropDownMenuBox
        {
        	display:block ;
        }
        .dropDownMenuItem
        {
        	width :190px;
        	display:inline-block ;
        	text-align :right;
            margin-top:0;
            margin-right :0;
        }
       
        .dropDownMenuLink
        {
        	width :190px;
        	height:100%;
        	text-decoration :none;
        	font-family :yekan,arial;
        	text-decoration :none;
        	color:#000;
        	display :block ;
        	font-size :11pt;
            margin :0px 0px 0px 0px;
            padding-top:8px;
            padding-bottom:8px;
            padding-right :10px;
            float :right ;
        	 -webkit-transition:background 0.5s; /* For Safari 3.1 to 6.0 */
            transition:background 0.5s;
        }
         .dropDownMenuItem:hover  .dropDownMenuLink
        {
        	
        	background: -webkit-linear-gradient(#F8F8F8, #FEFEFE); /* For Safari 5.1 to 6.0 */
            background: -o-linear-gradient(#F8F8F8, #FEFEFE); /* For Opera 11.1 to 12.0 */
            background: -moz-linear-gradient(#F8F8F8,#FEFEFE); /* For Firefox 3.6 to 15 */
            background: linear-gradient(#F8F8F8, #FEFEFE); /* Standard syntax */
           
        }
        .basketBtn
        {
        	float :left ;
        	display:inline-block ;
        	width:20.5%;
        	text-align :center;
        	height:100%;
        	border-left:1px solid #E8E8E8;
        	margin :0;
        	margin-right :0px;
        	height :100%;
        	cursor:pointer ;
        	position :relative ;
        	margin-bottom :0;
        	height:110px;
        	padding :0px 0px 0px 0px;
        	cursor :hand ;
        	border-top-left-radius:8px;
        	border-bottom-left-radius:8px;
        	background :#1D2122;
        	
            -webkit-transition:background 0.5s; /* For Safari 3.1 to 6.0 */
        }
        .basketBtn:hover
        {
        	background :#000;
        	
        }
        #shopFrame
        {
        	position:relative ;
        	top:0px;
        	height :110px;
        	width:100%;
        }
        
        #boxTop
       {
       	margin-top :0px;margin-left :0px;width:100%;height:110px;background :#FDFDFD;box-shadow:2px 1px 1px #92AEC0;border-radius:8px;
       }   
       #panelBox
       {
       	height :80px;width:100%;margin :0;background :#FFAA17;display:block;background-image :url(../images/logo.png);background-repeat :no-repeat ;background-position:top  right;
       }  
       
        .right_box1
            {
            	width :100%;display:block ;background :#1D2122;border-radius:5px;box-shadow:2px 2px 2px #DFDFDF;float:right ;right:0px;top:20px;height:50px;position:relative;
            }
            .left_box1
            {
            	width :100%;display:block ;background :#717071;border-radius:5px;box-shadow:2px 2px 2px #DFDFDF;float:left  ;left :0px;top:20px;height:50px;position:relative;
            }
            .right_box2
            {
            	width :100%;display:block ;border-radius:5px;box-shadow:2px 2px 2px #DFDFDF;float:right ;right:0px;top:20px;position:relative;
            }  
             .main_right_box
            {
            	position :relative ;top:0px;right:0px;width:25%;float:right;
            }
            .main_left_box
            {
            	position :relative ;top:0px;left :0px;width:72%;float:left;
            } 
            .button {
                 border-width:0;
                 border-style :solid ;
                 background :none;
                 color:#ffffff;
                 font-size:12pt;
                 font-family:yekan,arial;
                 display :inline-table ;
                 height :25px;
                 cursor :pointer ;
                 padding :5px 5px 5px 5px;
                 min-width :70px;
                 text-align :center ;
                 -webkit-transition:background 0.5s, height 0.7s; /* For Safari 3.1 to 6.0 */
                transition:background 0.5s, height 0.7s;
                margin-top :8px;
                border-radius:5px;
                }

            .button:hover {
                  color: #ffffff;/*رنگ دکمه ها وقتی موس میره روشون*/
                }
                .boxMenuShop
            {
            	float:right;position:relative;right:0px;min-width:150px;margin:5px;min-height:100px;display:block;
            }
            .boxMenuShopTitle
            {
            	font-size:11pt;font-family:yekan,arial;color:#000;width:100%;margin-right:0px;text-align:right;
            }
            .ItemBoxMenuShop
            {
            	list-style :none;position:relative;display:inline-block ;padding :0px 0px 0px 0px;margin-right :0px;float :right ;
            }
            .subItemBoxMenuShop
            {
            	width:100%;margin-right:0px;text-align:right;padding-right:20px;
            }
            .subItemBoxMenuShopLink
            {
            	font-size:10pt;font-family:yekan,arial;color:#9DBDD2;text-decoration:none;
            	-webkit-transition:color 0.5s; /* For Safari 3.1 to 6.0 */
                transition:color 0.5s;
            }
            .subItemBoxMenuShopLink:hover
            {
            	color:#1D2122;
            }
             .newsBox1
            {
        	    position :relative ;top:0px;left:0px;float:left;width:30%;border-right:1px solid #EAEAEA;height:100%;
            }   
            .newsBox2
            {
        	    position :relative ;top:0px;right:0px;float:right;width:70%;height:100%;display:inline-block;
            }
             .newsBox
            {
        	position :relative;top:50px;left:0px;width:100%;background :#FFFFFF;box-shadow:3px 3px 6px #DFDFDF;border-radius:5px;min-height:300px;
            }
            .boxGoodsMain
            {
            	margin-right:15px;width:30%;box-shadow:1px 1px 2px gray;float:left;position:relative;left:15px;margin-top :10px;height:420px;
            }
            .menuMobile
            {
            	display :none;
            }
            .boxTopSetting
            {
            	display :inline-block ;
            }
                   #btnLogin
        { 
            display :block ;
            position:relative ;
            float:left ;
            left:0.5%;
            top:30%;
            width:35px;
            height:35px;
            border-radius:5px;
            background :#FDFDFD;
            cursor:pointer;
            text-align :center ;
            color:#000000;
          
        }
        #btnLogin:hover
        {
        	background:#F12922;
        	background: -webkit-linear-gradient(#F12922,#1D2122 ); /* For Safari 5.1 to 6.0 */
            background: -o-linear-gradient(#F12922, #1D2122); /* For Opera 11.1 to 12.0 */
            background: -moz-linear-gradient(#F12922,#1D2122); /* For Firefox 3.6 to 15 */
            background: linear-gradient(#F12922, #1D2122); /* Standard syntax */
            color:#ffffff;
        }
        #search
        {
        	position:relative ;
        	top:30%;
        	left:45px;
        	width:20%;
        	height:35px;
        	border-style:solid ;
        	border-color:#FDFDFD;
        	border-radius:5px;
        	border-width:0px;
        	background :#FDFDFD;
        	color:#E3EEF6;
        	min-width:200px;
        }
        #btnSearch
        {
        	font-size :18pt;
        	margin-top :3px;
        	margin-right:0px;
        	float:right;
        	width:15%;
        	height:80%;
        	display:block;
        	cursor:pointer ;
        	border-style:solid ;
        	border-width:0;
        	background :#fDFDFD;
        	background-image :url(../images/search.png);
        	background-position :center center; 
        	-webkit-transition:background-image 0.5s; /* For Safari 3.1 to 6.0 */
            transition:background-image 0.5s;
        }
        #btnSearch:hover
        {
        	background-image :url(../images/search_over.png);
        }
        #txtSearch
        {
        	position:absolute  ;
        	left:10px;
        	top:0px;
        	 width :80%;
        	 margin-left :0;
        	 margin-top :3px;
        	 height:80%;
        	 font-size:10pt;
        	 font-family:yekan,arial;
        	 color:#3E454C;
        	 text-align :right;
        	 border:0;
        	 background:#fdfdfd;
        }
        #btnInput
        {
        	width :100px;
        	height:35px;
        	border-style:solid ;
        	border-width:0px;
        	border-radius:5px;
        	cursor:pointer ;
        	background :#fdfdfd;
        	color:#878787;
        	-webkit-transition:background 0.5s; /* For Safari 3.1 to 6.0 */
            transition:background 0.5s;
            box-shadow:2px 1px 1px gray;
            font-family :yekan,arial;
            font-size :11pt;
        }
        #btnInput:hover
        {
        	background :#656465;
        	color:#ffffff;
        }
        .cls_loginbox
        {
        	z-index:10000; position :relative;float:left ;top:0px;left:0px;width:271px;height:210px;background :#A8A8A8;border-radius:5px;padding :10px 10px 10px 10px;color:#ffffff;font-family :yekan,arial;font-size:11pt;display:block ;
        }
        .footerColumn
         {
         	position:relative ;float:right  ;right:0px;top:0px;text-align :right;width:20%;
         }
           .h1banner
         {
         	font-family:yekan,arial;font-size:20pt;text-align:right;
         }
         .pbanner
         {
         	font-family:yekan,arial;font-size:14pt;
         }
         .btnBan
         {
         	font-family:yekan,arial;font-size:13pt;height:40px;width:120px;
         }
          #PictureBoxProduct
         {
         	position :relative ;float:left ;top:0px;left:0px;width:50%;text-align :center;display :inline-block;
         }
         #ContentBoxProduct
         {
         	position :relative ;float:right ;top:0px;right:0px;width:50%;
         }
         #sub_PictureBoxProduct
         {
         	text-align :center;width:70%;float:right ;right :25%;position:relative;
         }
          #tbl_name
         {
         	width :50%;
         }
         #tbl_phone
         {
         	width:60%;
         }
         #tbl_mainForm
         {
         	width:70%;
         }
          #factorBasket{
         	width:100%;border:0;display:block;
         }
         #factorBasketSmall
         {
         	width:100%;border:0;display:none;
         }
          #addMember_uid
         {
         	width:70%;
         }
         #AddMember_des
         {
         	width:90%;
         }
         #addMember_pwd
         {
         	width :40%;
         }
         #addMember_code
         {
         	width :40%;
         }
         #addMember_law
         {
         	width :90%; height:150px;overflow :auto;
         }
           #btn_member
         {
         	display :inline-block  ; width:40%;height:60px;border-radius:10px;border-style:solid ;border-width :0px;cursor:pointer;color:#ffffff;font-family :yekan,arial;font-size:10pt;
         	background :#F3BA30;
        	background: -webkit-linear-gradient(#F3BA30, #F0A325); /* For Safari 5.1 to 6.0 */
            background: -o-linear-gradient(#F3BA30, #F0A325); /* For Opera 11.1 to 12.0 */
            background: -moz-linear-gradient(#F3BA30,#F0A325); /* For Firefox 3.6 to 15 */
            background: linear-gradient(#F3BA30, #F0A325); /* Standard syntax */
         }
         #btn_member:hover
         {
         	background :#F0A325;
        	background: -webkit-linear-gradient(#F0A325, #F3BA30); /* For Safari 5.1 to 6.0 */
            background: -o-linear-gradient(#F0A325, #F3BA30); /* For Opera 11.1 to 12.0 */
            background: -moz-linear-gradient(#F0A325,#F3BA30); /* For Firefox 3.6 to 15 */
            background: linear-gradient(#F0A325, #F3BA30); /* Standard syntax */
         }
          #basketMobile
         {
         	width :100%;display:none;
         }
              .menuItem_member
        {
        	float :left ;
        	display:inline-block ;
        	width:16.6%;
        	text-align :center;
        	height:100%;
        	border-left:1px solid #E8E8E8;
        	margin :0;
        	margin-right :0px;
        	height :100%;
        	
        	position :relative ;
        	margin-bottom :0;
        	height:110px;
        	padding :0px 0px 0px 0px;
        	z-index:1000;
        	
        
        }
        .menuItem_member:hover
        {
        	background: -webkit-linear-gradient(#F8F8F8, #FEFEFE); /* For Safari 5.1 to 6.0 */
            background: -o-linear-gradient(#F8F8F8, #FEFEFE); /* For Opera 11.1 to 12.0 */
            background: -moz-linear-gradient(#F8F8F8,#FEFEFE); /* For Firefox 3.6 to 15 */
            background: linear-gradient(#F8F8F8, #FEFEFE); /* Standard syntax */
            -webkit-transition:background 0.5s; /* For Safari 3.1 to 6.0 */
            transition:background 0.5s;
        }
         .menuTop_member
        {
        	margin-top :0px;
        	margin-right :0px;
        	margin-left :0px;
        	width:100%;
        	list-style :none;
        	height:100%;
        	padding :0;
        	height:110px;
        	float:left ;
        	position :relative ;
        	left:0px;
        	
        	
        }
        
         .boxmsg
        {
        	width:100%;font-size:11pt;font-family:yekan,tahoma;border:0px solid black;display:inline-table  ;
        }
        .boxmsg_rowid
        {
        	text-align:center;border-top-right-radius:10px;border-bottom-right-radius:10px;font-weight:500;
        }
        .boxmsg_time
        {
        	text-align:center;font-weight:500;
        }
        .boxmsg_rowid_content
        {
        	display:inline-table ;
        }
        .boxmsg_time_content
        {
			display:inline-table ;
        }
          .imageBoxProduct
        {
        	width:100%;
        	position:relative;
        	top:0;
        	left:0;
        	height:270px;
        	background:#FAFAFA;
        }
}    
        
        
        
        
@media screen and (min-width: 1025px) and (max-width: 1280px) {
          
            .ContainerNews
            {
            	
            	width:75%;
            	min-height: 350px;
            	text-align :center; 
            	display :inline-block ;
            	
            }
            .Container
            {
            	
            	width:75%;
            	min-height: 100%;
            	text-align :center; 
            	display :inline-block ;
            	
            }
             .menuTop
        {
        	margin-top :0px;
        	margin-right :20%;
        	margin-left :0px;
        	width:80%;
        	list-style :none;
        	height:100%;
        	padding :0;
        	height:110px;
        	float:left ;
        	position :relative ;
        	left:0px;
        	
        }
         .menuItem
        {
        	float :left ;
        	display:inline-block ;
        	width:16.5%;
        	text-align :center;
        	height:100%;
        	border-left:1px solid #E8E8E8;
        	margin :0;
        	margin-right :0px;
        	height :100%;
        	
        	position :relative ;
        	margin-bottom :0;
        	height:110px;
        	padding :0px 0px 0px 0px;
        	z-index:1000;
        
        }
        .menuItem:hover
        {
        	background: -webkit-linear-gradient(#F8F8F8, #FEFEFE); /* For Safari 5.1 to 6.0 */
            background: -o-linear-gradient(#F8F8F8, #FEFEFE); /* For Opera 11.1 to 12.0 */
            background: -moz-linear-gradient(#F8F8F8,#FEFEFE); /* For Firefox 3.6 to 15 */
            background: linear-gradient(#F8F8F8, #FEFEFE); /* Standard syntax */
            -webkit-transition:background 0.5s; /* For Safari 3.1 to 6.0 */
            transition:background 0.5s;
        }
        .menuLink
        {
        	position :relative ;
        	width :100%;
        	height :100%;
        	top:45px;
        	text-align :center;
        	font-size:12pt;
        	font-weight :300;
        	font-family:yekan,arial;
        	text-decoration:none;
        	color:#000;
        	padding-top:40px;
        	padding-right :5px;
        	cursor :pointer ;
        }
        .dropDownMenu
        {
        	display:block ;
        	padding :0px;
        	z-index :0;
        	margin-top :0px;
        	margin-right :0px;
        	float:right ;
        	position:relative ;
        	left:-999em;
        	background :#fdfdfd;
        	width :200px;
        	height:0px;
        	
        	visibility :hidden ;
        	 -webkit-transition:height 0.5s,top 0.7s,visibility 5s; /* For Safari 3.1 to 6.0 */
            transition:height 0.5s,top 0.7s,visibility 5s;
            box-shadow:1px 1px 1px #92AEC0;
            padding :0px 0px 0px 0px;
        	
        }
         .menuItem:hover .dropDownMenu
        {
        	visibility:visible ;
        	display :block ;
        	left:0em;
        	top:86px;
        	height :auto ;
        	
        
        }
        .dropDownMenuBox
        {
        	width :190px;
        	list-style :none;
        	position:relative;
        	display:inline-block ;
        	padding :0px 0px 0px 0px;
        	margin-right :0px;
        	float :right ;
        	display:none ;
        	
        }
        .dropDownMenuBox_shop
        {
        	overflow :visible;width:500px;float:right
        }
        .menuItem:hover .dropDownMenuBox
        {
        	display:block ;
        }
        .dropDownMenuItem
        {
        	width :190px;
        	display:inline-block ;
        	text-align :right;
            margin-top:0;
            margin-right :0;
        }
       
        .dropDownMenuLink
        {
        	width :190px;
        	height:100%;
        	text-decoration :none;
        	font-family :yekan,arial;
        	text-decoration :none;
        	color:#000;
        	display :block ;
        	font-size :11pt;
            margin :0px 0px 0px 0px;
            padding-top:8px;
            padding-bottom:8px;
            padding-right :10px;
            float :right ;
        	 -webkit-transition:background 0.5s; /* For Safari 3.1 to 6.0 */
            transition:background 0.5s;
        }
         .dropDownMenuItem:hover  .dropDownMenuLink
        {
        	
        	background: -webkit-linear-gradient(#F8F8F8, #FEFEFE); /* For Safari 5.1 to 6.0 */
            background: -o-linear-gradient(#F8F8F8, #FEFEFE); /* For Opera 11.1 to 12.0 */
            background: -moz-linear-gradient(#F8F8F8,#FEFEFE); /* For Firefox 3.6 to 15 */
            background: linear-gradient(#F8F8F8, #FEFEFE); /* Standard syntax */
           
        }
        .basketBtn
        {
        	float :left ;
        	display:inline-block ;
        	width:16.5%;
        	text-align :center;
        	height:100%;
        	border-left:1px solid #E8E8E8;
        	margin :0;
        	margin-right :0px;
        	height :100%;
        	cursor:pointer ;
        	position :relative ;
        	margin-bottom :0;
        	height:110px;
        	padding :0px 0px 0px 0px;
        	cursor :hand ;
        	border-top-left-radius:8px;
        	border-bottom-left-radius:8px;
        	background :#1D2122;
        	
            -webkit-transition:background 0.5s; /* For Safari 3.1 to 6.0 */
        }
        .basketBtn:hover
        {
        	background :#000;
        
        }
        #shopFrame
        {
        	position:relative ;
        	top:0px;
        	height :110px;
        	width:100%;
        }
          #boxTop
       {
       	margin-top :0px;margin-left :0px;width:100%;height:110px;background :#FDFDFD;box-shadow:2px 1px 1px #92AEC0;border-radius:8px;background-image :url(../images/logo.png);background-repeat :no-repeat ;background-position:center  right;display:inline-block ;background-size:180px; 
       }
       #panelBox
       {
       	height :80px;width:100%;margin :0;background :#FFAA17;display:block;
       }
        .right_box1
            {
            	width :100%;display:block ;background :#1D2122;border-radius:5px;box-shadow:2px 2px 2px #DFDFDF;float:right ;right:0px;top:20px;height:50px;position:relative;
            }
            .left_box1
            {
            	width :100%;display:block ;background :#717071;border-radius:5px;box-shadow:2px 2px 2px #DFDFDF;float:left  ;left :0px;top:20px;height:50px;position:relative;
            }
            .right_box2
            {
            	width :100%;display:block ;border-radius:5px;box-shadow:2px 2px 2px #DFDFDF;float:right ;right:0px;top:20px;position:relative;
            }
            .main_right_box
            {
            	position :relative ;top:0px;right:0px;width:25%;float:right;
            }
            .main_left_box
            {
            	position :relative ;top:0px;left :0px;width:72%;float:left;
            }
            .button {
                 border-width:0;
                 border-style :solid ;
                 background :none;
                 color:#ffffff;
                 font-size:13pt;
                 font-family:yekan,arial;
                 display :inline-table ;
                 height :25px;
                 cursor :pointer ;
                 padding :10px 10px 10px 10px;
                 min-width :100px;
                 text-align :center ;
                 -webkit-transition:background 0.5s, height 0.7s; /* For Safari 3.1 to 6.0 */
                transition:background 0.5s, height 0.7s;
                margin-top :3px;
                border-radius:5px;
                }

            .button:hover {
                  color: #ffffff;/*رنگ دکمه ها وقتی موس میره روشون*/
                }
            .boxMenuShop
            {
            	float:right;position:relative;right:0px;min-width:150px;margin:5px;min-height:100px;display:block;
            }
            .boxMenuShopTitle
            {
            	font-size:11pt;font-family:yekan,arial;color:color:#000;width:100%;margin-right:0px;text-align:right;
            }
            .ItemBoxMenuShop
            {
            	list-style :none;position:relative;display:inline-block ;padding :0px 0px 0px 0px;margin-right :0px;float :right ;
            }
            .subItemBoxMenuShop
            {
            	width:100%;margin-right:0px;text-align:right;padding-right:20px;
            }
           .subItemBoxMenuShopLink
            {
            	font-size:10pt;font-family:yekan,arial;color:#9DBDD2;text-decoration:none;
            	-webkit-transition:color 0.5s; /* For Safari 3.1 to 6.0 */
                transition:color 0.5s;
            }
            .subItemBoxMenuShopLink:hover
            {
            	color:#1D2122;
            }
             .newsBox1
            {
        	    position :relative ;top:0px;left:0px;float:left;width:30%;border-right:1px solid #EAEAEA;height:100%;
            }   
            .newsBox2
            {
        	    position :relative ;top:0px;right:0px;float:right;width:70%;height:100%;display:inline-block;
            }
             .newsBox
            {
        	position :relative;top:50px;left:0px;width:100%;background :#FFFFFF;box-shadow:3px 3px 6px #DFDFDF;border-radius:5px;min-height:300px;
            }
            .boxGoodsMain
            {
            	margin-right:15px;width:30%;box-shadow:1px 1px 2px gray;float:left;position:relative;left:15px;margin-top :10px;height:420px;
            }
            .menuMobile
            {
            	display :none;
            }
            .boxTopSetting
            {
            	display :inline-block ;
            }
                   #btnLogin
        { 
            display :block ;
            position:relative ;
            float:left ;
            left:0.5%;
            top:30%;
            width:35px;
            height:35px;
            border-radius:5px;
            background :#FDFDFD;
            cursor:pointer;
            text-align :center ;
            color:#000000;
          
        }
        #btnLogin:hover
        {
        	background:#F12922;
        	background: -webkit-linear-gradient(#F12922,#1D2122 ); /* For Safari 5.1 to 6.0 */
            background: -o-linear-gradient(#F12922, #1D2122); /* For Opera 11.1 to 12.0 */
            background: -moz-linear-gradient(#F12922,#1D2122); /* For Firefox 3.6 to 15 */
            background: linear-gradient(#F12922, #1D2122); /* Standard syntax */
            color:#ffffff;
        }
        #search
        {
        	position:relative ;
        	top:30%;
        	left:45px;
        	width:20%;
        	height:35px;
        	border-style:solid ;
        	border-color:#FDFDFD;
        	border-radius:5px;
        	border-width:0px;
        	background :#FDFDFD;
        	color:#E3EEF6;
        	min-width:200px;
        }
        #btnSearch
        {
        	font-size :18pt;
        	margin-top :3px;
        	margin-right:0px;
        	float:right;
        	width:15%;
        	height:80%;
        	display:block;
        	cursor:pointer ;
        	border-style:solid ;
        	border-width:0;
        	background :#fDFDFD;
        	background-image :url(../images/search.png);
        	background-position :center center; 
        	-webkit-transition:background-image 0.5s; /* For Safari 3.1 to 6.0 */
            transition:background-image 0.5s;
        }
        #btnSearch:hover
        {
        	background-image :url(../images/search_over.png);
        }
        #txtSearch
        {
        	position:absolute  ;
        	left:10px;
        	top:0px;
        	 width :80%;
        	 margin-left :0;
        	 margin-top :3px;
        	 height:80%;
        	 font-size:10pt;
        	 font-family:yekan,arial;
        	 color:#3E454C;
        	 text-align :right;
        	 border:0;
        	 background:#fdfdfd;
        }
        #btnInput
        {
        	width :100px;
        	height:35px;
        	border-style:solid ;
        	border-width:0px;
        	border-radius:5px;
        	cursor:pointer ;
        	background :#fdfdfd;
        	color:#878787;
        	-webkit-transition:background 0.5s; /* For Safari 3.1 to 6.0 */
            transition:background 0.5s;
            box-shadow:2px 1px 1px gray;
            font-family :yekan,arial;
            font-size :11pt;
        }
        #btnInput:hover
        {
        	background :#656465;
        	color:#ffffff;
        }
        .cls_loginbox
        {
        	z-index:10000; position :relative;float:left ;top:0px;left:0px;width:271px;height:210px;background :#A8A8A8;border-radius:5px;padding :10px 10px 10px 10px;color:#ffffff;font-family :yekan,arial;font-size:11pt;display:block ;
        }
         .footerColumn
         {
         	position:relative ;float:right  ;right:0px;top:0px;text-align :right;width:20%;
         }
         .h1banner
         {
         	font-family:yekan,arial;font-size:20pt;text-align:right;
         }
         .pbanner
         {
         	font-family:yekan,arial;font-size:14pt;
         }
         .btnBan
         {
         	font-family:yekan,arial;font-size:13pt;height:40px;width:120px;
         }
         #PictureBoxProduct
         {
         	position :relative ;float:left ;top:0px;left:0px;width:50%;text-align :center;display :inline-block;
         }
         #ContentBoxProduct
         {
         	position :relative ;float:right ;top:0px;right:0px;width:50%;
         }
         #sub_PictureBoxProduct
         {
         	text-align :center;width:70%;float:right ;right :25%;position:relative;
         }
         #tbl_name
         {
         	width :50%;
         }
         #tbl_phone
         {
         	width:60%;
         }
         #tbl_mainForm
         {
         	width:60%;
         }
         #factorBasket{
         	width:100%;border:0;display:block;
         }
         #factorBasketSmall
         {
         	width:100%;border:0;display:none;
         }
         #addMember_uid
         {
         	width:70%;
         }
         #AddMember_des
         {
         	width:90%;
         }
         #addMember_pwd
         {
         	width :40%;
         }
         #addMember_code
         {
         	width :40%;
         }
         #addMember_law
         {
         	width :90%; height:150px;overflow :auto;
         }
         #btn_member
         {
         	display :block ; width:30%;height:60px;border-radius:10px;border-style:solid ;border-width :0px;cursor:pointer;color:#ffffff;font-family :yekan,arial;font-size:10pt;
         	background :#F3BA30;
        	background: -webkit-linear-gradient(#F3BA30, #F0A325); /* For Safari 5.1 to 6.0 */
            background: -o-linear-gradient(#F3BA30, #F0A325); /* For Opera 11.1 to 12.0 */
            background: -moz-linear-gradient(#F3BA30,#F0A325); /* For Firefox 3.6 to 15 */
            background: linear-gradient(#F3BA30, #F0A325); /* Standard syntax */
         }
         #btn_member:hover
         {
         	background :#F0A325;
        	background: -webkit-linear-gradient(#F0A325, #F3BA30); /* For Safari 5.1 to 6.0 */
            background: -o-linear-gradient(#F0A325, #F3BA30); /* For Opera 11.1 to 12.0 */
            background: -moz-linear-gradient(#F0A325,#F3BA30); /* For Firefox 3.6 to 15 */
            background: linear-gradient(#F0A325, #F3BA30); /* Standard syntax */
         }
         #basketMobile
         {
         	width :100%;display:none;
         }
              .menuItem_member
        {
        	float :left ;
        	display:inline-block ;
        	width:14%;
        	text-align :center;
        	height:100%;
        	border-left:1px solid #E8E8E8;
        	margin :0;
        	margin-right :0px;
        	height :100%;
        	
        	position :relative ;
        	margin-bottom :0;
        	height:110px;
        	padding :0px 0px 0px 0px;
        	z-index:1000;
        	
        
        }
        .menuItem_member:hover
        {
        	background: -webkit-linear-gradient(#F8F8F8, #FEFEFE); /* For Safari 5.1 to 6.0 */
            background: -o-linear-gradient(#F8F8F8, #FEFEFE); /* For Opera 11.1 to 12.0 */
            background: -moz-linear-gradient(#F8F8F8,#FEFEFE); /* For Firefox 3.6 to 15 */
            background: linear-gradient(#F8F8F8, #FEFEFE); /* Standard syntax */
            -webkit-transition:background 0.5s; /* For Safari 3.1 to 6.0 */
            transition:background 0.5s;
        }
        .menuTop_member
        {
        	margin-top :0px;
        	margin-right :0px;
        	margin-left :0px;
        	width:100%;
        	list-style :none;
        	height:100%;
        	padding :0;
        	height:110px;
        	float:left ;
        	position :relative ;
        	left:0px;
        	
        	
        }
        .boxmsg
        {
        	width:100%;font-size:11pt;font-family:yekan,tahoma;border:0px solid black;display:inline-table  ;
        }
        .boxmsg_rowid
        {
        	text-align:center;border-top-right-radius:10px;border-bottom-right-radius:10px;font-weight:500;
        }
        .boxmsg_time
        {
        	text-align:center;font-weight:500;
        }
        .boxmsg_rowid_content
        {
        	display:inline-table ;
        }
        .boxmsg_time_content
        {
			display:inline-table ;
        }
          .imageBoxProduct
        {
        	width:100%;
        	position:relative;
        	top:0;
        	left:0;
        	height:270px;
        	background:#FAFAFA;
        }
}    
   
   
   
  @media screen and (min-width: 1281px) and (max-width: 5000px) {
          .ContainerNews
            {
            	
            	width:75%;
            	min-height: 350px;
            	text-align :center; 
            	display :inline-block ;
            	
            }
            .Container
            {
            	
            	width:75%;
            	min-height: 100%;
            	text-align :center; 
            	display :inline-block ;
            	
            }
             .menuTop
        {
        	margin-top :0px;
        	margin-right :20%;
        	margin-left :0px;
        	width:80%;
        	list-style :none;
        	height:100%;
        	padding :0;
        	height:110px;
        	float:left ;
        	position :relative ;
        	left:0px;
        	
        }
         .menuItem
        {
        	float :left ;
        	display:inline-block ;
        	width:16.5%;
        	text-align :center;
        	height:100%;
        	border-left:1px solid #E8E8E8;
        	margin :0;
        	margin-right :0px;
        	height :100%;
        	
        	position :relative ;
        	margin-bottom :0;
        	height:110px;
        	padding :0px 0px 0px 0px;
        	z-index:1000;
        
        }
        .menuItem:hover
        {
        	background: -webkit-linear-gradient(#F8F8F8, #FEFEFE); /* For Safari 5.1 to 6.0 */
            background: -o-linear-gradient(#F8F8F8, #FEFEFE); /* For Opera 11.1 to 12.0 */
            background: -moz-linear-gradient(#F8F8F8,#FEFEFE); /* For Firefox 3.6 to 15 */
            background: linear-gradient(#F8F8F8, #FEFEFE); /* Standard syntax */
            -webkit-transition:background 0.5s; /* For Safari 3.1 to 6.0 */
            transition:background 0.5s;
        }
        .menuLink
        {
        	position :relative ;
        	width :100%;
        	height :100%;
        	top:45px;
        	text-align :center;
        	font-size:12pt;
        	font-weight :300;
        	font-family:yekan,arial;
        	text-decoration:none;
        	color:#000;
        	padding-top:40px;
        	padding-right :5px;
        	cursor :pointer ;
        }
        .dropDownMenu
        {
        	display:block ;
        	padding :0px;
        	z-index :0;
        	margin-top :0px;
        	margin-right :0px;
        	float:right ;
        	position:relative ;
        	left:-999em;
        	background :#fdfdfd;
        	width :200px;
        	height:0px;
        	
        	visibility :hidden ;
        	 -webkit-transition:height 0.5s,top 0.7s,visibility 5s; /* For Safari 3.1 to 6.0 */
            transition:height 0.5s,top 0.7s,visibility 5s;
            box-shadow:1px 1px 1px #92AEC0;
            padding :0px 0px 0px 0px;
        	
        }
         .menuItem:hover .dropDownMenu
        {
        	visibility:visible ;
        	display :block ;
        	left:0em;
        	top:86px;
        	height :auto ;
        	
        
        }
        .dropDownMenuBox
        {
        	width :190px;
        	list-style :none;
        	position:relative;
        	display:inline-block ;
        	padding :0px 0px 0px 0px;
        	margin-right :0px;
        	float :right ;
        	display:none ;
        	
        }
        .dropDownMenuBox_shop
        {
        	overflow :visible;width:500px;float:right
        }
        .menuItem:hover .dropDownMenuBox
        {
        	display:block ;
        }
        .dropDownMenuItem
        {
        	width :190px;
        	display:inline-block ;
        	text-align :right;
            margin-top:0;
            margin-right :0;
        }
       
        .dropDownMenuLink
        {
        	width :190px;
        	height:100%;
        	text-decoration :none;
        	font-family :yekan,arial;
        	text-decoration :none;
        	color:#000;
        	display :block ;
        	font-size :11pt;
            margin :0px 0px 0px 0px;
            padding-top:8px;
            padding-bottom:8px;
            padding-right :10px;
            float :right ;
        	 -webkit-transition:background 0.5s; /* For Safari 3.1 to 6.0 */
            transition:background 0.5s;
        }
         .dropDownMenuItem:hover  .dropDownMenuLink
        {
        	
        	background: -webkit-linear-gradient(#F8F8F8, #FEFEFE); /* For Safari 5.1 to 6.0 */
            background: -o-linear-gradient(#F8F8F8, #FEFEFE); /* For Opera 11.1 to 12.0 */
            background: -moz-linear-gradient(#F8F8F8,#FEFEFE); /* For Firefox 3.6 to 15 */
            background: linear-gradient(#F8F8F8, #FEFEFE); /* Standard syntax */
           
        }
        .basketBtn
        {
        	float :left ;
        	display:inline-block ;
        	width:16.5%;
        	text-align :center;
        	height:100%;
        	border-left:1px solid #E8E8E8;
        	margin :0;
        	margin-right :0px;
        	height :100%;
        	cursor:pointer ;
        	position :relative ;
        	margin-bottom :0;
        	height:110px;
        	padding :0px 0px 0px 0px;
        	cursor :hand ;
        	border-top-left-radius:8px;
        	border-bottom-left-radius:8px;
        	background :#1D2122;
        	
            -webkit-transition:background 0.5s; /* For Safari 3.1 to 6.0 */
        }
        .basketBtn:hover
        {
        	background :#000;
        	
        }
        #shopFrame
        {
        	position:relative ;
        	top:0px;
        	height :110px;
        	width:100%;
        }
          #boxTop
       {
       	margin-top :0px;margin-left :0px;width:100%;height:110px;background :#FDFDFD;box-shadow:2px 1px 1px #92AEC0;border-radius:8px;background-image :url(../images/logo.png);background-repeat :no-repeat ;background-position:center  right;display:inline-block ;
       }
       #panelBox
       {
       	height :80px;width:100%;margin :0;background :#FFAA17;display:block;
       }
        .right_box1
            {
            	width :100%;display:block ;background :#1D2122;border-radius:5px;box-shadow:2px 2px 2px #DFDFDF;float:right ;right:0px;top:20px;height:50px;position:relative;
            }
            .left_box1
            {
            	width :100%;display:block ;background :#717071;border-radius:5px;box-shadow:2px 2px 2px #DFDFDF;float:left  ;left :0px;top:20px;height:50px;position:relative;
            }
            .right_box2
            {
            	width :100%;display:block ;border-radius:5px;box-shadow:2px 2px 2px #DFDFDF;float:right ;right:0px;top:20px;position:relative;
            }
            .main_right_box
            {
            	position :relative ;top:0px;right:0px;width:25%;float:right;
            }
            .main_left_box
            {
            	position :relative ;top:0px;left :0px;width:72%;float:left;
            }
            .button {
                 border-width:0;
                 border-style :solid ;
                 background :none;
                 color:#ffffff;
                 font-size:13pt;
                 font-family:yekan,arial;
                 display :inline-table ;
                 height :25px;
                 cursor :pointer ;
                 padding :10px 10px 10px 10px;
                 min-width :100px;
                 text-align :center ;
                 -webkit-transition:background 0.5s, height 0.7s; /* For Safari 3.1 to 6.0 */
                transition:background 0.5s, height 0.7s;
                margin-top :3px;
                border-radius:5px;
                }

            .button:hover {
                  color: #ffffff;/*رنگ دکمه ها وقتی موس میره روشون*/
                }
            .boxMenuShop
            {
            	float:right;position:relative;right:0px;min-width:150px;margin:5px;min-height:100px;display:block;
            }
            .boxMenuShopTitle
            {
            	font-size:11pt;font-family:yekan,arial;color:color:#000;width:100%;margin-right:0px;text-align:right;
            }
            .ItemBoxMenuShop
            {
            	list-style :none;position:relative;display:inline-block ;padding :0px 0px 0px 0px;margin-right :0px;float :right ;
            }
            .subItemBoxMenuShop
            {
            	width:100%;margin-right:0px;text-align:right;padding-right:20px;
            }
           .subItemBoxMenuShopLink
            {
            	font-size:10pt;font-family:yekan,arial;color:#9DBDD2;text-decoration:none;
            	-webkit-transition:color 0.5s; /* For Safari 3.1 to 6.0 */
                transition:color 0.5s;
            }
            .subItemBoxMenuShopLink:hover
            {
            	color:#1D2122;
            }
             .newsBox1
            {
        	    position :relative ;top:0px;left:0px;float:left;width:30%;border-right:1px solid #EAEAEA;min-height:300px;
            }   
            .newsBox2
            {
        	    position :relative ;top:0px;right:0px;float:right;width:70%;min-height:300px;display:inline-block;
            }
             .newsBox
            {
        	position :relative;top:50px;left:0px;width:100%;background :#FFFFFF;box-shadow:3px 3px 6px #DFDFDF;border-radius:5px;min-height:300px;
            }
            .boxGoodsMain
            {
            	margin-right:15px;width:30%;box-shadow:1px 1px 2px gray;float:left;position:relative;left:15px;margin-top :10px;height:420px;
            }
            .menuMobile
            {
            	display :none;
            }
            .boxTopSetting
            {
            	display :inline-block ;
            }
                   #btnLogin
        { 
            display :block ;
            position:relative ;
            float:left ;
            left:0.5%;
            top:30%;
            width:35px;
            height:35px;
            border-radius:5px;
            background :#FDFDFD;
            cursor:pointer;
            text-align :center ;
            color:#000000;
          
        }
        #btnLogin:hover
        {
        	background:#F12922;
        	background: -webkit-linear-gradient(#F12922,#1D2122 ); /* For Safari 5.1 to 6.0 */
            background: -o-linear-gradient(#F12922, #1D2122); /* For Opera 11.1 to 12.0 */
            background: -moz-linear-gradient(#F12922,#1D2122); /* For Firefox 3.6 to 15 */
            background: linear-gradient(#F12922, #1D2122); /* Standard syntax */
            color:#ffffff;
        }
        #search
        {
        	position:relative ;
        	top:30%;
        	left:45px;
        	width:20%;
        	height:35px;
        	border-style:solid ;
        	border-color:#FDFDFD;
        	border-radius:5px;
        	border-width:0px;
        	background :#FDFDFD;
        	color:#E3EEF6;
        	min-width:200px;
        }
        #btnSearch
        {
        	font-size :18pt;
        	margin-top :3px;
        	margin-right:0px;
        	float:right;
        	width:15%;
        	height:80%;
        	display:block;
        	cursor:pointer ;
        	border-style:solid ;
        	border-width:0;
        	background :#fDFDFD;
        	background-image :url(../images/search.png);
        	background-position :center center; 
        	-webkit-transition:background-image 0.5s; /* For Safari 3.1 to 6.0 */
            transition:background-image 0.5s;
        }
        #btnSearch:hover
        {
        	background-image :url(../images/search_over.png);
        }
        #txtSearch
        {
        	position:absolute  ;
        	left:10px;
        	top:0px;
        	 width :80%;
        	 margin-left :0;
        	 margin-top :3px;
        	 height:80%;
        	 font-size:10pt;
        	 font-family:yekan,arial;
        	 color:#3E454C;
        	 text-align :right;
        	 border:0;
        	 background:#fdfdfd;
        }
        #btnInput
        {
        	width :100px;
        	height:35px;
        	border-style:solid ;
        	border-width:0px;
        	border-radius:5px;
        	cursor:pointer ;
        	background :#fdfdfd;
        	color:#878787;
        	-webkit-transition:background 0.5s; /* For Safari 3.1 to 6.0 */
            transition:background 0.5s;
            box-shadow:2px 1px 1px gray;
            font-family :yekan,arial;
            font-size :11pt;
        }
        #btnInput:hover
        {
        	background :#656465;
        	color:#ffffff;
        }
        .cls_loginbox
        {
        	z-index:10000; position :relative;float:left ;top:0px;left:0px;width:271px;height:210px;background :#A8A8A8;border-radius:5px;padding :10px 10px 10px 10px;color:#ffffff;font-family :yekan,arial;font-size:11pt;display:block ;
        }
         .footerColumn
         {
         	position:relative ;float:right  ;right:0px;top:0px;text-align :right;width:20%;
         }
         .h1banner
         {
         	font-family:yekan,arial;font-size:20pt;text-align:right;
         }
         .pbanner
         {
         	font-family:yekan,arial;font-size:14pt;
         }
         .btnBan
         {
         	font-family:yekan,arial;font-size:13pt;height:40px;width:120px;
         }
         #PictureBoxProduct
         {
         	position :relative ;float:left ;top:0px;left:0px;width:50%;text-align :center;display :inline-block;
         }
         #ContentBoxProduct
         {
         	position :relative ;float:right ;top:0px;right:0px;width:50%;
         }
         #sub_PictureBoxProduct
         {
         	text-align :center;width:70%;float:right ;right :25%;position:relative;
         }
         #tbl_name
         {
         	width :50%;
         }
         #tbl_phone
         {
         	width:60%;
         }
         #tbl_mainForm
         {
         	width:60%;
         }
         #factorBasket{
         	width:100%;border:0;display:block;
         }
         #factorBasketSmall
         {
         	width:100%;border:0;display:none;
         }
         #addMember_uid
         {
         	width:70%;
         }
         #AddMember_des
         {
         	width:90%;
         }
         #addMember_pwd
         {
         	width :40%;
         }
         #addMember_code
         {
         	width :40%;
         }
         #addMember_law
         {
         	width :90%; height:150px;overflow :auto;
         }
         #btn_member
         {
         	display :block ; width:30%;height:60px;border-radius:10px;border-style:solid ;border-width :0px;cursor:pointer;color:#ffffff;font-family :yekan,arial;font-size:10pt;
         	background :#F3BA30;
        	background: -webkit-linear-gradient(#F3BA30, #F0A325); /* For Safari 5.1 to 6.0 */
            background: -o-linear-gradient(#F3BA30, #F0A325); /* For Opera 11.1 to 12.0 */
            background: -moz-linear-gradient(#F3BA30,#F0A325); /* For Firefox 3.6 to 15 */
            background: linear-gradient(#F3BA30, #F0A325); /* Standard syntax */
         }
         #btn_member:hover
         {
         	background :#F0A325;
        	background: -webkit-linear-gradient(#F0A325, #F3BA30); /* For Safari 5.1 to 6.0 */
            background: -o-linear-gradient(#F0A325, #F3BA30); /* For Opera 11.1 to 12.0 */
            background: -moz-linear-gradient(#F0A325,#F3BA30); /* For Firefox 3.6 to 15 */
            background: linear-gradient(#F0A325, #F3BA30); /* Standard syntax */
         }
         #basketMobile
         {
         	width :100%;display:none;
         }
              .menuItem_member
        {
        	float :left ;
        	display:inline-block ;
        	width:14%;
        	text-align :center;
        	height:100%;
        	border-left:1px solid #E8E8E8;
        	margin :0;
        	margin-right :0px;
        	height :100%;
        	
        	position :relative ;
        	margin-bottom :0;
        	height:110px;
        	padding :0px 0px 0px 0px;
        	z-index:1000;
        	
        
        }
        .menuItem_member:hover
        {
        	background: -webkit-linear-gradient(#F8F8F8, #FEFEFE); /* For Safari 5.1 to 6.0 */
            background: -o-linear-gradient(#F8F8F8, #FEFEFE); /* For Opera 11.1 to 12.0 */
            background: -moz-linear-gradient(#F8F8F8,#FEFEFE); /* For Firefox 3.6 to 15 */
            background: linear-gradient(#F8F8F8, #FEFEFE); /* Standard syntax */
            -webkit-transition:background 0.5s; /* For Safari 3.1 to 6.0 */
            transition:background 0.5s;
        }
        .menuTop_member
        {
        	margin-top :0px;
        	margin-right :0px;
        	margin-left :0px;
        	width:100%;
        	list-style :none;
        	height:100%;
        	padding :0;
        	height:110px;
        	float:left ;
        	position :relative ;
        	left:0px;
        	
        	
        }
        .boxmsg
        {
        	width:100%;font-size:11pt;font-family:yekan,tahoma;border:0px solid black;display:inline-table  ;
        }
        .boxmsg_rowid
        {
        	text-align:center;border-top-right-radius:10px;border-bottom-right-radius:10px;font-weight:500;
        }
        .boxmsg_time
        {
        	text-align:center;font-weight:500;
        }
        .boxmsg_rowid_content
        {
        	display:inline-table ;
        }
        .boxmsg_time_content
        {
			display:inline-table ;
        }
          .imageBoxProduct
        {
        	width:100%;
        	position:relative;
        	top:0;
        	left:0;
        	height:270px;
        	background:#FAFAFA;
        }
}  
   
   
   
   
         input:focus{
        outline:none;
        }
        button:focus{
        outline:none;
        }
         button:click{
        outline:none;
        }
		textarea:click{
        outline:none;
        }
         textarea:focus{
        outline:none;
        }
          select:focus{
        outline:none;
        }
        select:click{
        outline:none;
        }
        .shoppingGoods
        {
        	background :#FFAA17;
        	
        }
        
        .shoppingGoods:hover
        {
        	background :#1D2122;
        
        }
        
        .infGoods
        {
        	background :#1D2122;
        	
        }
        
        .infGoods:hover
        {
        	background :#FFAA17;
        	
        }
        .newsLink
        {
            font-size:10pt;font-family:yekan,arial;color:#777777;display:block;width:100%;height:100%;	
        }
        .newsLink:hover
        {
        	color:#000000;
        }
       
       
        .morenews
        {
        	font-size:11pt;
        	font-family:yekan,arial;
        	background:#FFAA17;
        	border-style:solid;
        	border-width:0px;
        	border-radius:5px;
        	cursor:pointer;
        	height:30px;
        	width:90px;
        	color:#ffffff;
        }
        .morenews:hover
        {
        	background:#1D2122;
        }
        .linkFooter
        {
        	font-size:10pt;font-family:yekan,arial;color:#FFAA17;text-decoration:none;
        }
        .linkFooter:hover
        {
        	color:#ffffff;
        	-webkit-transition:color 0.4s; /* For Safari 3.1 to 6.0 */
            transition:color 0.4s;
        }
      .titlegoodelink
        {
        	font-size:12pt;color:#000000;font-family:yekan,arial;text-decoration:none;
        }
        .titlegoodelink:hover
        {
        	color:#606060;
        }
   
    a.tooltips {
  position: relative;
  display: inline;
  
}
a.tooltips span {
  position: absolute;
  width:140px;
  color: #606060;
  background: #D4D4D4;
  height: 34px;
  line-height: 30px;
  text-align: center;
  visibility: hidden;
  border-radius: 0px;
  font-family:yekan,arial;
 
 
  
}
a.tooltips span:after {
  content: '';
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -8px;
  width: 0; height: 0;
 
  border-top: 8px solid #D4D4D4 ;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
  
}
a:hover.tooltips span {
  visibility: visible;
 
   opacity:0.7;
  bottom: 75px;
  left: 50%;
  margin-left: -76px;
  z-index: 999;
 
  
}

.morebtn
{
	border-style:solid ;
	border-width:0px;
	font-size :10pt;
	cursor :pointer ;
	color:#ffffff;	
	background : #FFAA17;
	padding:10px 15px 10px 15px; 
	
}


.morebtn:hover
{
	background : #1D2122;
	
}

   .autocomplete_completionListElement
{
    
    background-color : #F4F4F5 ;
    color : #272C31 ;
     border : buttonshadow ;
     border-width : 0px ;
    border-style : solid ; 
   height:200px;
    cursor : 'default' ;
    overflow :auto ;
    font-family : yekan,arial;
    font-size : 11pt ;
    text-align : right  ;
    list-style-type :none  ;
    direction:rtl ; 
    
    }
/* AutoComplete highlighted item */
.autocomplete_highlightedListItem
   {
    background-color : #1D2122 ;
    color :#272C31;
   padding : 7px ;
	cursor:pointer ;
    }

    /* AutoComplete item */
.autocomplete_listItem
    {
    background-color : #F4F4F5 ;
    color : #272C31 ;
     padding : 7px ;
    
   
   }

.scrollToTop
        {
            cursor: pointer;
            position: fixed;
            bottom: 0px;
            right: 20px;
            background :#626164;
            width :50px;
            height :50px;
            text-align :center ;
            border-radius:90px;
            background-image :url(../images/backTopButton.png);
            background-repeat :no-repeat ;
            background-position :0px 0px;
            z-index :1000;
            -webkit-transition:background-position 1s,background-color 1s; /* For Safari 3.1 to 6.0 */
            transition:background-position 1s,background-color 1s;
        }
        .scrollToTop:hover
        {
        	background-position :0px  -50px;
        	background-color:#1D2122;
        }

     a.tooltips1 {
  position: relative;
  display: inline;
  
}
a.tooltips1 span {
  position: absolute;
  width:160px;
  color: #606060;
  background: #D4D4D4;
  height: 34px;
  line-height: 30px;
  text-align: center;
  visibility: hidden;
  border-radius: 0px;
  font-family:yekan,arial;
  border-radius:5px;
 
 
  
}
a.tooltips1 span:after {
  content: '';
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -8px;
  width: 0; height: 0;
 
  border-top: 8px solid #D4D4D4 ;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
  
}
a:hover.tooltips1 span {
  visibility: visible;
 
   opacity:1;
  bottom: 25px;
  left: 50%;
  margin-left: -76px;
  z-index: 999;
 
  
}

body,html
{
	font-weight :300;
}