@charset "utf-8";
/* CSS Document */
/*@import url(http://fonts.googleapis.com/css?family=Open+Sans);*/
body {/*font-family: 'Open Sans', sans-serif;*/ font-family: Arial, Helvetica, sans-serif; color: #333; font-size: 12px; margin: 0; }
.clear { clear: both }
a { text-decoration: none; }
.upper { text-transform:none }
img{border:none}
/* STRUCTURE */
#pagewrap { /*width: 1100px;*/ width:99%;max-width: 1150px; margin: 0px auto; background: #fff; margin-top:5px; }
#pagewrap:after { content: ""; display: table; clear: both; }
#middle:after { content: ""; display: table; clear: both; }
#header { height: 80px; padding: 0 0px; }
#logo{float:left;width:18%; margin-top:1%; }
#logo-right{float:right;width:14%; margin-top:1%}
#logo-right-static{display:none}
/*#left { width: 248px; float: left; padding: 5px 5px; margin: 0 0 0 -100%;clear: none;}
#middle { width: 680px; float: left; padding: 5px 5px; margin: 0px 0px 5px 5px; overflow: hidden; font-size:14px; line-height:22px;margin-left: 25%;}*/

#cart-item { width: 100px; float:left;height:26px; line-height:26px; }
/* user menu settings */
/* user menu settings */
#dropdown { display: block; padding: 0px; width: 100%; margin: 0 auto; position: relative; cursor: pointer; font-size: 13px; color: #477604; font-weight: bold;  text-indent:25px}
#dropdown:after { position: absolute; left: 5px; top: 7px; content: ''; width: 0px; height: 0px; border-style: solid; border-width: 12px 8px 0 8px; border-color: #8BB33C transparent transparent transparent; } 
#dropdown:hover { color: #477604; }
#dropdown.open { color: #477604; border-left-color: #6c6d70; }
#dropdown.open:after{border-width: 0 8px 12px 8px; border-color: transparent transparent #8BB33C transparent;}
#dropdown ul { position: absolute; top: 115%; /* move content -4px because of container left border */ width: 190px; padding: 5px 0px; display: none; background: #eee; z-index: 999; border:1px solid #CCC; border-radius:3px; }
#dropdown ul li { font-size: 15px;text-indent:10px }
#dropdown ul li a { text-decoration: none; display: block; color: #666; padding: 0; text-align:left }
#dropdown ul li a:hover { }

#footer { clear: both; padding: 15px 0; background:#fff;  color: #fff; font-size: 12px;border-top:1px dotted #999; margin-top:40px  }
.outer-general { /*width: 1100px;*/ width:99%;max-width: 1150px; margin: 0px auto;}
.outer-general:after { content: ""; display: table; clear: both; }
.footer-add{  width: 45%;float:left; color:#333; padding-right:5px; }
.footer-content {  width: 25%; float:left; margin-left:10px; padding-top:10px; color:#000 }
.footer-content ul{margin:0; padding:0}
.footer-content ul li{ list-style-image:url(../images/bullet_sub2.gif); list-style-position:inside ; color:#FFF;padding:5px 0;}
.footer-content ul li a{color:#333; text-decoration:none; }
.footer-content ul li a:hover{text-decoration:underline}
textarea{
    outline: 0;
    width: 98.5%;
    padding: 2px 0px 2px 5px;
    border-radius: 1px;
    border: 1px solid #CDCDCD/*#9AA5AA*/;
    height: 20px;
    -webkit-box-shadow: inset 3px 3px 5px 0 #ececec;
    -moz-box-shadow: inset 3px 3px 5px 0 #ececec;
    box-shadow: inset 3px 0px 5px 0 #ececec;
    -webkit-transition: box-shadow 0.3s;
    -moz-transition: box-shadow 0.3s;
    -o-transition: box-shadow 0.3s;
    transition: box-shadow 0.3s;
}
.clear{
    clear: both;
}
.r-head{
    font-size: 15px;
    font-weight: bold;
}
select{
    outline: 0;
    width: 98.5%;
    padding: 2px 0px 2px 5px;
    border-radius: 1px;
    border: 1px solid #CDCDCD/*#9AA5AA*/;
    
    -webkit-box-shadow: inset 3px 3px 5px 0 #ececec;
    -moz-box-shadow: inset 3px 3px 5px 0 #ececec;
    box-shadow: inset 3px 0px 5px 0 #ececec;
    -webkit-transition: box-shadow 0.3s;
    -moz-transition: box-shadow 0.3s;
    -o-transition: box-shadow 0.3s;
    transition: box-shadow 0.3s;
}

#footer-bottom{  width: 100%; background:#5D4947; color:#FFF; overflow:hidden;padding-bottom:5px}
#icon-box{width:100px; float:right; margin-top:3px}
.icon{width:22px; height:21px; float:left; margin:5px}
#ft-copyright{width:70%; float:left;margin-top:12px; color:#ccc;}
#ft-copyright a{text-decoration:none; color:#f8d222}


.responsive-image{position: relative;list-style: none;overflow: hidden; width: 100%; padding: 0;  margin: 0 auto; }
.responsive-image img{display: block;height: auto;float: left; width: 100%; border: 0;}
.responsive-image-news{position: relative;list-style: none;overflow: hidden; width: 30%;  }
.responsive-image-news img{display: block;height: auto;float: none; width: 30%; border: 0;}

/*new css*/
.leftmenu, .advertise, .nav-content, #news-box, #article-box, #promotion-box, #customer-box { width: 100%; }
.nav-title { width: 100%; height:auto; padding: 5px 0 5px 0px; font-weight: bold;  background:#5F5750;   clear: both; text-indent:5px; margin-top:8px; border-radius:5px 5px 0 0; border:1px solid #5F5750; border-bottom:none}
.nav-title a{ color:#fff;}
.nav-title-hiden{ width: 246px; height:auto; padding: 10px 0 10px 3px; font-weight: bold; font-size:15px; color:#515151; background:url(../images/title.jpg) no-repeat;  text-transform: uppercase; clear: both; text-align:center; margin:4px }
.leftmenu-static{width:256px; background:#F8F8F8; border:1px solid #F6F6F6; border-bottom:none;}

.static-title { width: 99%; padding: 5px 0 5px 3px; font-weight: bold; background: #1AA2E9; color: #FFF; text-transform: uppercase; clear: both }
#customer-title { width: 99%; padding: 5px 0 5px 3px; font-weight: bold; background: #1AA2E9; color: #FFF; text-transform: uppercase; clear: both }
.leftmenu ul { margin: 0; padding: 0 }
.leftmenu ul li { list-style: none; background:url(../images/nav.png) no-repeat; margin:1px 0 }
.leftmenu ul li a { text-decoration: none; font-weight: bold; padding: 9px 0 9px 23px; color: #666666; display: block; font-size:13px}
.leftmenu ul li a:hover { color: #262626; font-weight: bold; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
#banner { height: 222px; width: 99.8%; padding: 0; float: left; position: relative; border:1px solid #F00 }
#slider {  position: relative; overflow: hidden; }
#sliderContent { position: absolute; top: 0; margin-left: 0; }
.sliderImage { float: left; position: relative; display: none; }
.sliderImage span { position: absolute; font: 10px/15px Arial, Helvetica, sans-serif; padding: 10px 13px; width: 632px; background-color: #000; filter: alpha(opacity=70); -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7; color: #fff; display: none; }
.clear { clear: both; }
.sliderImage span strong { font-size: 14px; }
.top { top: 0; left: 0; }
.bottom { bottom: 0; left: 0; }
ul { list-style-type: none; margin: 0; padding: 0 }

/*img { width: 100% }*/
.news-title { width: 90%; margin-top: 5px; _margin-top: 5px; overflow: hidden; padding-left: 15px; padding-right: 3px; color: #FFFFFF; margin: 7px auto; background: url(../images/bullet_sub.png) no-repeat 1% 4px; }
.news-title a { text-decoration: none; color: #666; }
.news-title a:hover { text-decoration: none; color: #0267AF }
.link { width: 100%; margin: 5px 0 5px 5px; overflow: hidden; text-align:center }

.article-box { width: 200px; overflow: hidden; margin: 5px 0 5px 3px }
.article-image { width: 50px; height: 50px; border: 1px solid #999; float: left; padding: 2px 0 0 2px }
.article-title { width: 140px; float: left; margin-left: 3px }
.article-title a { text-decoration: none; color: #000 }
.article-title a:hover { color: #1886CC }
.customer { width: 200px; margin: 0px 0 5px 0; margin-bottom: 10px; padding-bottom: 5px }
.customer-name { text-align: center; border-bottom: 1px dashed #666; }
.customer-name a { text-decoration: none; color: #064485; font-weight: bold }
.customer-name a:hover { color: #FF6600 }
/*menu*/
#topmenu { width: 100%;  margin-top:0px; float:left; }
.toggleMenu { display: none; padding:  0px; background: url(../images/menu.png) no-repeat 2% center; height: 40px; text-align: right; color: #878787; width: 100%; font-weight: bold; font-size: 18px; }
.nav-menu { list-style: none; *zoom: 1; background:#FFCB08;}
.nav-menu:before, .nav-menu:after { content: " "; display: table; }
.nav-menu:after { clear: both; }
.nav-menu ul { list-style: none; width: 19em; }
.nav-menu a { padding:10px 16px;  color: #000; font-weight: bold; }
.nav-menu li { position: relative; /* background:url(../images/menu-line.png) no-repeat left center;*/}
.nav-menu > li { float: left;  }
.nav-menu > li > .parent { background: url(../images/downArrow.png) no-repeat 95%;  }
.nav-menu > li > a { display: block; }
.nav-menu li ul { position: absolute; left: -9999px; }
.nav-menu > li.hover > ul { left: 0; }
.nav-menu li li.hover ul { left: 100%; top: 0; }
.nav-menu li li a { display: block; background: #FFCB08; position: relative; z-index: 100; border-top: 1px solid #fff; border-right: 1px solid #fff;padding: 8px 0 8px 8px }
.nav-menu li li li a { background: #FFCB08; z-index: 200; border-top: 1px solid #fff; }
.nav-menu a:hover {/* background: #1AA2E9;*/ -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }


#search{width: 35%; overflow: hidden;  float:left; margin:2.8% 0 0 10%; border:1px solid #9B9B9B; height:30px;  padding:0;
/*-webkit-box-shadow: inset 3px 3px 5px 0 #ececec;
  -moz-box-shadow: inset 3px 3px 5px 0 #ececec;
  box-shadow: inset 3px 3px 5px 0 #ececec;
  -webkit-transition: box-shadow 0.3s;
  -moz-transition: box-shadow 0.3s;
  -o-transition: box-shadow 0.3s;
  transition: box-shadow 0.3s; */ background:#FFF; }
#search-box { width: 85%; float:left;}
#search-button{ width:30px; height:30px; float:right;  margin-top:0px}

.xuhuong{width:100%; background:#fff; overflow:hidden  }
.xuhuong ul{margin:0; padding:0}
.xuhuong ul li{list-style:none; float:left; margin:5px 10px 0 0; }
.xuhuong ul li a{text-decoration:none; color:#666; }

.hotline-right{width:30%; overflow:hidden; float:left; margin:25px 0 0 6%  }
.hotline-right ul{margin:0; padding:0}
.hotline-right ul li{list-style:none;margin:5px 10px 0 0; font-size:16px; }
.hotline-right ul li a{text-decoration:none; color:#666; padding-left:10px }

#newsletter{width: 100%; overflow: hidden;  float:left; margin:2.8% 0 0 0%; border:1px solid #999;  height:30px;  padding:0;
/*-webkit-box-shadow: inset 3px 3px 5px 0 #ececec;
  -moz-box-shadow: inset 3px 3px 5px 0 #ececec;
  box-shadow: inset 3px 3px 5px 0 #ececec;
  -webkit-transition: box-shadow 0.3s;
  -moz-transition: box-shadow 0.3s;
  -o-transition: box-shadow 0.3s;
  transition: box-shadow 0.3s;*/ background:#FFF; }
#newsletter-box { width: 64%; float:left;}
#newsletter-button{height:30px; float:right; margin-top:0px}

input[type=text] {outline:0; width: 90.5%; padding: 2px 0px 2px 5px; border-radius: 1px; 
border: 1px solid #CDCDCD/*#9AA5AA*/ ;/*height:20px;*/
-webkit-box-shadow: inset 3px 3px 5px 0 #ececec;
  -moz-box-shadow: inset 3px 3px 5px 0 #ececec;
  box-shadow: inset 3px 0px 5px 0 #ececec;
  -webkit-transition: box-shadow 0.3s;
  -moz-transition: box-shadow 0.3s;
  -o-transition: box-shadow 0.3s;
  transition: box-shadow 0.3s;  }
  input[type=password] {outline:0; width: 98.5%; padding: 2px 0px 2px 5px; border-radius: 1px; 
border: 1px solid #CDCDCD/*#9AA5AA*/ ;/*height:20px;*/
-webkit-box-shadow: inset 3px 3px 5px 0 #ececec;
  -moz-box-shadow: inset 3px 3px 5px 0 #ececec;
  box-shadow: inset 3px 0px 5px 0 #ececec;
  -webkit-transition: box-shadow 0.3s;
  -moz-transition: box-shadow 0.3s;
  -o-transition: box-shadow 0.3s;
  transition: box-shadow 0.3s;  }
/*input[type=submit] { width: 100%; padding: 3px; border-radius: 4px; border-top: 2px solid #9AA5AA;  border-bottom: 2px solid #143241; border-left:none;border-right:none; background-color: #446373; color:#FFF; font-weight:bold; cursor:pointer }
*/.support{width:230px;}
.button{width:130px; height:27px; line-height:27px; background:#02b5ed; border-radius:5px; text-align:center; margin:0 auto; margin-bottom:10px}
.button a{text-decoration:none; display:block; color:#FFF;  text-transform:uppercase; font-weight:bold}
.title-center{border-radius:5px; background:#9f9f9f; padding:2px}
fieldset{border:1px solid #f3f3f3; border-radius:5px}

.product_box {display:inline-block;position:relative; z-index:1;width: 15.4%; min-height: 285px; float: left; margin: 1% 0.5% 1% 0.5%; padding-bottom:5px; }
.product_box:hover {z-index:2;}
.product_box a {display:block;width:100%;padding:0px;background-color:white;cursor:pointer;text-decoration: none; color: #5e5e5e;}
.product_box:hover a {/*  box-shadow:0px 0px 5px rgba(0,0,0,0.5);-moz-box-shadow:0px 0px 5px rgba(0,0,0,0.5); -webkit-box-shadow:0px 0px 5px rgba(0,0,0,0.5); -o-box-shadow:0px 0px 5px rgba(0,0,0,0.5); -ms-box-shadow:0px 0px 5px rgba(0,0,0,0.5);*/}
.product_box a .image {display:block; position:relative; background-position:center center;    background-repeat:no-repeat;background-size:contain; background-color:black;}
.product_box a .informations { display:none;}
.product_box a .informations p,
.product_box a .informations label { display:block;margin:0px 0px;font-family:Tahoma, Geneva, sans-serif;
    font-size:12px; color:#333; font-weight:normal; background:#F2F2F2; padding:2%;  z-index:98; position:absolute; top:0; opacity: 0.9;  filter: alpha(opacity=90); line-height:18px; /*width:100%; height:100%; */ height:97%
 ; }

.product_box:hover a .informations { display:block;}
.product_img { text-align: center; margin-top: 10px;  }
.product_img img { width:80%; height:auto; /*width: 177px; height: 183px;*/ margin:0 auto;}
.product_img span img { width: 50px ; height:50px}
.product_title { text-align: center; padding:3px; height:45px;font-size:15px;}
.product_title a { text-decoration: none; color: #5e5e5e; padding:0 3px; }
.product_title a:hover { text-decoration: none; color: #5A9505 }
.product_brand{text-transform:uppercase; font-size:14px; text-align:center; font-weight:bold; margin-top:10px; color:#333}
.product_price { padding: 0; overflow:hidden; text-transform:uppercase; text-align:center; color:#5D4947; font-size:16px; font-weight:bold; }
.product_old-price{ text-decoration:line-through; color:#333333; padding-left:5px; font-weight:normal}
.product_new-price{float:right; color:#f00;padding-right:5px; font-weight:bold}
.product_buy{width:91px; height:24px; margin:5px auto 0 auto}
.product_news { text-align: center; }
.product_news img { width: 29px }

.label-name{font-size:14px; font-weight:bold;}
.label-price{font-size:13px; font-weight:bold; color:#F00}


.small-product{border: 1px solid #e6e6e6; width:100% ; background:#fff}
.small-prd-box { overflow:hidden; padding-bottom:10px; position: relative; margin: 0px 0px 0px 0px; border-bottom:1px dashed #e6e6e6 }
.small-prd-img {width: 90px; text-align: center; margin:10px 0 0 2px; float:left; }
.small-prd-img img {width: 99% }
.small-prd-des{float:left; width: 50%; margin-top:10px;}
.small-prd-title { padding:5px 0 5px 5px;  }
.small-prd-title a { text-decoration: none; color: #333; }
.small-prd-title a:hover { text-decoration: none; color: #000 }
.small-prd-price { text-align: left; color:#a72d2c; padding:0px 0 0 5px; margin-top:0px}
.small-prd-price-old { text-align: left; color:#666; padding:0px 0 0 5px; margin-top:0px; text-decoration:line-through}

.album_box { width: 210px;  position: relative; float: left; margin: 5px 0px 5px 5px; border-radius:5px }
.album_img { text-align: center; margin-top: 5px;}
.album_img img { width: 207px; height: 120px; }
.album_title { text-align: left; padding:5px 0 5px 11px; }
.album_title a { text-decoration: none; color: #5e5e5e; }
.album_title a:hover { text-decoration: none; color: #0267AF }

.tintuc-box{width:100%; overflow:hidden; margin-top:10px}
.tintuc-title{ margin-left:30%}
.tintuc-title a{text-decoration:none; color:#999; text-transform:uppercase; font-weight:bold}

/*=========My Pham=========*/
#topbg{width:100%; background:#5D4947; height:auto; padding-bottom:2px; }

#topcenter-bg{ width:75%; height:34px;float:left;}

#topGuide{ float:right;text-align:center }
#topGuide ul{margin:0; padding:0}
#topGuide ul li{list-style:none; display:inline-block;  margin:0px 7px 0 0; height:26px;line-height:26px}
#topGuide ul li a{text-decoration:none; color:#fff; }

#topleft-bg{ float:left;text-align:center }
#topleft-bg ul{margin:0; padding:0}
#topleft-bg ul li{list-style:none;  display:inline-block;  margin:0px 7px 0 0; height:26px;line-height:26px}
#topleft-bg ul li a{text-decoration:none; color:#fff; }


#topLang{ float:left;  margin-top:3px;}
#topCart{background:#E55123; height:19px; line-height:19px; float:left; margin:3px 1% 0 0;text-align:center; cursor:pointer ; width:30px }
#topCart a{color:#FFF}


#topright-bg-left{width:50px; height:33px; float:left; }
#topright-bg-center{ width:65%; height:33px; float:left; line-height:26px; color:#FFF; font-weight:bold; font-size:13px; text-align:center }
#topright-bg-right{ width:22px; height:33px; float:right}

#head-bg{width:100%; background:#fff;  padding-bottom:10px; border-bottom:1px dotted #999}
.title-cate{background:url(../images/title-cate.png) right no-repeat #5A9505; width:100%; height:30px; line-height:30px; color:#FFF; font-weight:bold; text-indent:10px}

<!--stylebanner-->
  .jssorb05 { position: absolute; border:10px solid #F00;  }
            .jssorb05 div, .jssorb05 div:hover, .jssorb05 .av {
                position: absolute;
                /* size of bullet elment */
                width: 16px;
                height: 16px;
                background: url(../img/b05.png) no-repeat;
                overflow: hidden;
                cursor: pointer; 
            }
            .jssorb05 div { background-position: -7px -7px; }
            .jssorb05 div:hover, .jssorb05 .av:hover { background-position: -37px -7px; }
            .jssorb05 .av { background-position: -67px -7px; }
            .jssorb05 .dn, .jssorb05 .dn:hover { background-position: -97px -7px; }
			
			
			
			
			  .jssora12l, .jssora12r {
                display: block;
                position: absolute;
                /* size of arrow element */
                width: 30px;
                height: 46px;
                cursor: pointer;
                background: url(../img/a12.png) no-repeat;
                overflow: hidden;
            }
            .jssora12l { background-position: -16px -37px; }
            .jssora12r { background-position: -75px -37px; }
            .jssora12l:hover { background-position: -136px -37px; }
            .jssora12r:hover { background-position: -195px -37px; }
            .jssora12l.jssora12ldn { background-position: -256px -37px; }
            .jssora12r.jssora12rdn { background-position: -315px -37px; }



.line{width:0px; min-height:130px; border-left:1px solid #4f8304;border-right:1px solid #78c10e; float:left}
.line2{width:99%; margin:8px 0;   border-top:1px solid #4f8304;border-bottom:1px solid #78c10e; display:none; clear:both}
.titlePro-box{ text-transform: uppercase; width:100%; overflow:hidden;  margin-top:30px; margin-bottom:5PX; text-align:center; font-weight:bold; font-size:22px;  background:url(../images/line-title.jpg) repeat-x center center
}
.titlePro-box a{background:#FFF}
.titlePro-name{background:#665456; padding:5px 10px; float:left; border-radius:0px 0px 0 0; color:#FFF; font-weight:bold; }
.titlePro-detail{ float:left; background:#E55123;/* background:url(../images/bullet_sub2.gif) center right no-repeat #E55123; */text-align:right; padding:5px 10px; margin-right:3px; border-radius:0px 15px 15px 0;}
.titlePro-detail a{text-decoration:none; color:#fff; display:block; }
.quangcao{margin:8px 0; clear:both}
/*--Tooltip Styles--*/
.tip {
	color: #fff;
	background:#68AB08;
	display:none; 
	padding:5px;
	position:absolute;	z-index:1000;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px; text-align:left; line-height:20px; border:3px solid #9AC570
}
#status-menu{width:100%; overflow:hidden; border:1px solid #ededed; margin-bottom:10px; text-indent:10px}
#status-menu ul{margin:0; padding:0}
#status-menu ul li{list-style:none; float:left;padding:5px 5px 5px 0;background:url(../images/bullet_sub.gif) no-repeat center right; margin-right:10px}
#status-menu ul li a{text-decoration:none; font-size:12px; color:#999;padding-right:10px; font-weight:bold}
#status-menu ul li a:hover{color:#333}

#dt-img-box{width:35%; float:left}
#dt-desc-box{width:60%; float:left; margin-left:10px; padding-bottom:20px}

.dt-title{font-weight:bold; margin-bottom:2%; font-size:20px}
.dt-ID{color:#000; margin-top:3px; font-size:14px}
.hethang{margin-left:20px; color:#627604}
.hethang a{color:#E55123}
.hethang a:hover{text-decoration:underline}
.dt-price{color: #f00; font-size:16px; font-weight:bold; margin-top:2%}
.dt-cart{margin-top:5%; overflow:hidden;font-size:12px; }
.dt-cart-bt{background:#f00; float:left; }
.dt-cart-bt a{color:#FFF; font-weight:bold; padding:10px 25px;display:block; font-size:12px; text-transform:uppercase}
.button-buy1 {float:left}
.dt-title-box{width:100%; border-bottom:1px solid #E6E6E6; overflow:hidden; margin-top:8px; }
.dt-title-name{border:1px solid #E6E6E6; border-radius:3px 3px 0 0; float:left; border-bottom:none; padding:5px;background:#F0F0F0; font-weight:bold; color:#515151; text-align:center}
.dt-content{line-height:20px; padding:1px 0}
.dt-img{ text-align:center;  }
.dt-img img{border: 0 none;
    font-size: 0;
    line-height: 0;
    max-width: 100%; height:auto;  margin:10px 0;  }
#command{width:100%; height:25px; line-height:25px; border:1px solid #e6e6e6; text-indent:8px; margin-top:5px;}

.quantity-box{width:100%; height:200px; overflow:scroll; overflow-x: hidden;}
.quantity-img img{width:60px; height:70px; padding:5px }
.quantity-name a{text-decoration:none; color:#666; display:block; padding:10px 0}
.quantity-price{width:90px}
.quantity-choice{width:50px; text-align:right; padding-right:10px}
td{}
tr{}
tr:hover{background:#ededed}

.bg-none{background:#fff; border:none}

 @media screen and (min-width : 990px) {
#middle { float: left; /*margin-left: 21.9%;*/ width: 100%; /* margin-top:-27%*/}
#left { float: left; margin: 0 0 0 -100%; width: 21%; clear: none;  }
}

@media screen and (max-width: 990px) {	
body { font-size: 14px }
#logo{margin-top:0.3%}
#logo{float:left;width:200px;margin-left:0px}
#logo-right{ margin-top:0.3%}
#search{width:60%; float:right; margin:10px 0 0 0}
#newsletter{width:100%; float:right;margin:10px 0 0 0}
.hotline-right{width:60%; float:right; margin-top:10px}

#head-bg{/*background:url(../images/head-bg-rp.png);*/ padding:15px 0}
#header { height: auto; overflow:hidden; }
#pagewrap { width: 99%; }


#right { clear: both; padding: 1% 1%; width: auto; float: none; }



/*menu*/
#topmenu{ width: 100%;margin-top:0px;  }
.toggleMenu {height:35px;}
.active { display: block; }
.nav-menu{background:#FFCB08;}
.nav-menu > li { float: none; border-bottom:1px solid #FFF }
.nav-menu > li > .parent { background-position: 95% 50%; }
.nav-menu li li .parent { background-image: url(../images/downArrow.png); background-repeat: no-repeat; background-position: 95% 50%; }
.nav-menu ul { display: block; width: 100%; }
.nav-menu > li.hover > ul, .nav-menu li li.hover ul { position: static; }
.nav-menu li li a { padding: 8px 0 8px 40px;  }
.nav-menu li li li a { padding: 8px 0 8px 50px }

.nav-content { width: 32%; float: left; margin: 5px 5px 0 0 }
.article-box { width: 98% }
.article-title { width: 80%; margin-top: 15px }
.customer-name { width: 98%; text-align: left }
.news-title { width: 90%; background: url(../images/bullet_sub.png) no-repeat 0.5% 6px; }
.link { width: 100%; text-align:center }

input[type=text] { width: 99%;  font-size:14px}
input[type=submit] {  width: 100%;  padding: 6px; font-size:17px}
.support{width:97%}
.button{width:95%;}

.product_box {/*min-height:330px;*/ width: 23.5%; }
.product_img { margin-top: 13px; }
.product_img img { width: 90%; height:auto;}

.album_box {height:auto;width: 32.2%; }
.album_img { margin-top: 13px; }
.album_img img { width: 90%; height:auto;}
.nav-title-hiden{display:none}
.leftmenu-static{width:100%; border:none;  margin:0}
.title-cate{display:none}

#topbg{ border-top:1px solid #d8d7d7 }

#topcenter-bg{height:25px;}

#topGuide{ float:none; overflow:hidden;width:100%; text-align:cente; }
#topGuide ul li a{text-align:center}

#topleft-bg{ float:none; overflow:hidden;width:100%; text-align:cente; }
#topleft-bg ul li a{text-align:center}


#topcenter-bg{background:#F3F3F3; }

#topCart{border:none}
#topReg{width:100%; text-align:center; }
#topReg ul li{float:left; }
#topReg ul li a{font-size:12px;}

#topright-bg{border:none}
#topright-bg{width:100%; text-align:center }
#topright-bg ul li{float:left; }
#topright-bg ul li a{font-size:12px;}



#topright-bg-center{background:none;  color:#5A9505; text-indent:1%; width:100%; font-size:12px; text-align:right}
#topright-bg-left{display:none}
#topright-bg-right{display:none}

.small-product{ width:100%}
.small-prd-box { width:100% }
.small-prd-des{width:82%; }

.outer-general { width: 95%; }

.footer-add{  width: 99%; padding:10px 0}
.footer-content { width:auto;margin-bottom:10px; float:none; clear:both;  border-top:1px solid #CCC; margin-left:0 }

.nav-title { width: 100%; }
}

@media screen and (max-width: 700px) {
.nav-content { width: 48%; float: left; margin: 5px 0 5px 5px }
.article-title { width: 80%; }
.advertise { width: 48%; float: left; margin: 5px 0 5px 5px }


.footer-add{  width:auto; margin-bottom:10px;}
.line{display:none}
.line2{display:block}
#icon-box{ float:left}
#topright-bg{ width:auto; float:none; text-align:center }
#topright-bg span{display:none; width:0px}

.product_box,.album_box {width: 31.6%; /*min-height:375px;*/}
#logo{width:40%; margin:0 0 10px 30%}
#logo-right{display:none}
#logo-right-static{width:30%; display:block; float:right; margin-top:3px; margin-right:0; margin-bottom:2%;  }
#search, #newsletter,.hotline-right{width:auto; float:none; clear:both; margin:0 0 5px 0; padding:0}
.xuhuong{display:none}
#search-box{ width: 86%; float:left;}
#newsletter-box { width: 69%; float:left;}



.small-prd-des{width:75%;}
#ft-copyright{width:220px;font-size:11px;}
#icon-box{width:80px; float:right}
#head-bg{/*background:url(../images/head-bg-mobi.png);*/ }

   
 #dt-img-box{width:auto; float:none}
#dt-desc-box{width:auto; float:none; margin-top:8px; margin-left:0; }  

}


/* for 480px or less - one column */
@media screen and (max-width: 480px) {
.small-prd-des{width:56%; }
h1 { font-size: 2em; }
.nav-content { width: 96%; }
.article-title { width: 73%; margin-top: 4px; }
.static-title, .advertise, #article-box, #promotion-box { display: none }
#footer span { font-size: 14px }
#footer { text-align: left }
.product_box, .album_box  { width: 48%; /* min-height:303px; */}
.product_old-price,.product_new-price{width:auto; float:none}

#topcenter-bg{width:66%; }
/*#topReg span{display:none}*/
#topCart{padding:0px 5px 0 0; margin-top:4px}
#topLang{ margin-top:4px}

#ft-copyright{float:none; text-align:center; width:100%}
#icon-box{width:auto;float:none; overflow:hidden;  padding-left:40%}

}
@media screen and (max-width: 400px) {

}
/* for 350px or less (320 x 480(iPhone <= 4S)) */
@media screen and (max-width: 350px) {

.article-title { width: 70%; margin-top: 2px; }
.link { float: none; width: 100%; }
.advertise { width: 98%; }
.toggleMenu { background: url(../images/menu-s.png) no-repeat 2% center;  }
.static-title, .advertise,  #article-box, #promotion-box, #customer-box, #customer-title { display: none }
.product_box,.album_box  { width: 99%;/* min-height:370px;*/ }
.product_box a .informations p, .product_box a .informations label { width:95.9%;}
.album_box { width: 100%; }
.album_detail, .album_title { font-size: 16px }
.responsive-image-news{position: relative;list-style: none;overflow: hidden; width: 50%;  }
.responsive-image-news img{display: block;height: auto;float: none; width: 50%; border: 0;}
.tintuc-title{ margin-left:50%}
.product_old-price{float:left;}
.product_new-price{float:right}
#newslt-button a{padding:6px;}
.button-buy1 {clear:both; margin:10px auto 40px auto}
}
/* for 300px or less (240 x 320(small phone))*/
@media screen and (max-width: 300px) {
.toggleMenu { height: 25px; }
}
#phantrang{
    text-align:center;
    margin-top:15px; 
}
#phantrang a{
    padding:5px 10px 5px 10px;
    border: thin silver solid;
    margin: 2px;
}

#phantrang a:hover{
    padding:5px 10px 5px 10px;
    border: thin silver solid;
    margin: 2px;
    background: #5A9505;
    color:white;
}
#dangxem{
    background: #5A9505;
    color: white;
}
.datmua{
    background: #FC9300;
    border: none;
    color: white;
    padding: 3px 15px;
    font-weight: bold;
    text-transform: uppercase;
    cursor: pointer;
        display: inline-block;
        margin: 1px; 
}
.timkiem-textbox{
    border: 1px solid #DAD8D8;
    height: 18px;
    line-height: 20px;
    margin-top: 1px;
}
.timkiem-text{
    float: left;
    width: 600px;
        max-width: 100%;
}
.timkiem-button{
        float: left;
    overflow: hidden;
        margin: 5px 0px 0px 0px;
        cursor: pointer;
}
#timkiem{
    border: thin solid silver;
    padding: 20px;
    margin: 5px;
}
.giohanghead{
    background: #67B63E; color: #fff; font-weight: bold; text-align: center; vertical-align: middle; height:35px;
}
#left, #middle, #right, #banner, #domain-check, #hotline, .nav-content, .advertise { margin-bottom: 5px; }
#right{ border: solid 1px #f6f6f6; }
#toTop { display: none; text-decoration: none; position: fixed; bottom: 30px; right: 15px; overflow: hidden; width: 51px; height: 51px; border: none; text-indent: 100%; background: url(../images/ui.totop.png) no-repeat left top; z-index:100}
#toTopHover { background: url(../images/ui.totop.png) no-repeat left -51px; width: 51px; height: 51px; display: block; overflow: hidden; float: left; opacity: 0; -moz-opacity: 0; filter: alpha(opacity=0); }
#toTop:active, #toTop:focus { outline: none; }

.khuyenmai{width:36px;height:36px; line-height:36px; text-align:center;z-index:90;position:absolute;	top:0;right:0; background:url(../images/icon-pro.png) no-repeat top right; color:#FFF;letter-spacing: 0px;
}
.spmoi{width:44px;height:44px; line-height:50px;z-index:99;position:absolute;top:-3px;left:-3px; background:url(../images/icon-new.png) no-repeat top right;}




/* Reset */
@import url(//codepen.io/chrisdothtml/pen/ojLzJK.css);
/* Main Styles */
.button-buy {
  display: block;
  background-color: #c0392b;
  width: 150px;
  height: 40px;
  line-height: 40px;
  color: #fff;
  position: absolute;
/*  top: 0;
  bottom: 0;
  left: 0;
  right: 0;*/
  cursor: pointer;
  overflow: hidden;
  border-radius: 0px;
  /*box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.3);
  -webkit-transition: all 0.25s cubic-bezier(0.31, -0.105, 0.43, 1.4);*/
  transition: all 0.25s cubic-bezier(0.31, -0.105, 0.43, 1.4);
}
.button-buy span,
.button-buy .icon {
  display: block;
  height: 100%;
  text-align: center;
  position: absolute;
  top: 0;
}
.button-buy span {
  width: 72%;
  line-height: inherit;
  font-size: 18px;
  text-transform: uppercase;
  left: 0;
  -webkit-transition: all 0.25s cubic-bezier(0.31, -0.105, 0.43, 1.4);
  transition: all 0.25s cubic-bezier(0.31, -0.105, 0.43, 1.4);
}
.button-buy span:after {
  content: '';
  background-color: #a53125;
  width: 2px;
  height: 70%;
  position: absolute;
  top: 15%;
  right: -1px;
}
.button-buy .icon {
  width: 28%;
  right: 0;
  -webkit-transition: all 0.25s cubic-bezier(0.31, -0.105, 0.43, 1.4);
  transition: all 0.25s cubic-bezier(0.31, -0.105, 0.43, 1.4);
}
.button-buy .icon .fa {
  font-size: 20px;
  vertical-align: middle;
  -webkit-transition: all 0.25s cubic-bezier(0.31, -0.105, 0.43, 1.4), height 0.25s ease;
  transition: all 0.25s cubic-bezier(0.31, -0.105, 0.43, 1.4), height 0.25s ease; line-height:30px
}
.button-buy .icon .fa-remove {
  height: 36px;
}
.button-buy .icon .fa-check {
  display: none;
}
.button-buy.success span, .button-buy:hover span {
  left: -72%;
  opacity: 0;
}
.button-buy.success .icon, .button-buy:hover .icon {
  width: 100%;
}
.button-buy.success .icon .fa, .button-buy:hover .icon .fa {
  font-size: 30px;
}
.button-buy.success {
  background-color: #27ae60;
}
.button-buy.success .icon .fa-remove {
  display: none;
}
.button-buy.success .icon .fa-check {
  display: inline-block;
}
.button-buy:hover {
  opacity: .9;
}
.button-buy:hover .icon .fa-remove {
  height: 40px;
}
.button-buy:active {
  opacity: 1;
}
.timdonhang{
        display: inline-block;
}
#os-search-box-test{
    border-radius:5px;
    padding:10px;
    box-shadow: 3px 3px 3px #ccc;
    background: #E55123;
color: white;
}
#os-search-box-test h5{
    text-align:center;
    color:#fff;
    margin-bottom:15px;
}
#os-search-box-test label{
    color:#fff;
    font-weight:normal;
}
#os-search-box-test p{
    margin:5px 0 5px 0px;
    color:#fff;
}
#ketquadonhang{
    margin: 20px 0px;
}


table.bangtin th {
    background-color: #3399FF;
    color: white;
    font-weight: bold;
    text-align: center;
    padding: 5px;
    }
.baoloi{
    padding: 20px;
    margin: 20px;
    border: thin orange dotted;
    color: #0080FF;
}
.baoloi h2{
    color: #FFCB08;
    font-size: 18px;
    margin: 0px 0px 10px 0px;
}