@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; background:#fff}

.clear { clear: both }

a { text-decoration: none; }

.upper { text-transform:none }

img{border:none}

/* STRUCTURE */

#pagewrap { /*width: 1100px;*/ width:99%;max-width: 1400px; 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:16%; margin-top:1%; margin-left:2%}

#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:#000;  color: #fff; font-size: 12px;/*border-bottom:1px solid #999 */ }

.outer-general { /*width: 1100px;*/ width:99%;max-width: 1400px; margin: 0px auto;}

.outer-general:after { content: ""; display: table; clear: both; }

.footer-add{  width: 54%;float:left; color:#ccc; padding-right:5px; }

.footer-content {  width: 210px; float:left; margin-left:10px; padding-top:10px; color:#ccc }

.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:#ccc; text-decoration:none; font-weight:bold }

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:#B72027; 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:10px; 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:#B72027;   clear: both; text-indent:5px; margin-top:8px; border-radius: 0; border:1px solid #d8af00; border-bottom:none}

.nav-title a{ color:#fff; padding:3px; display:block; font-size:14px}

.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:#000;}

.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: #fff; font-weight: bold; text-transform:uppercase }

.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: #5F5750; position: relative; z-index: 100; border-top: 1px solid #ccc; border-right: 1px solid #fff;padding: 8px 0 8px 8px }

.nav-menu li li li a { background: #655254; 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; }



#company-name{float:left; margin-left:3%; width:50%;  margin-top:5px; }

#search{width: 80%; overflow: hidden;  float:right; margin:3% 0 0 0; border-radius:0px;  padding:0;

 background:#FFF;  height:30px }

#search-box { width: 75%; float:left;  height:25px; }

#search-button{ width:32px; height:28px; 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:25%; overflow:hidden; float:right; margin:10px 0 0 0px   }



.member-right{width:auto; overflow:hidden; float:right; margin:0px 0 0 10px ;  }

.member-right ul{margin:0; padding:0}

.member-right ul li{list-style:none;margin:5px 10px 0 0; float:left}

.member-right ul li a{text-decoration:none; color:#BDD344; 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: 74%; float:left;}

#newsletter-button{height:30px; float:right; margin-top:0px}



input[type=text] {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=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: 24.8%; /*height: 285px;*/border: 1px solid #d8af00; float: left; margin: 0px -1px -1px 0px; padding-bottom:5px}

.product_box:hover {z-index:2;}

.product_box a {display:block;width:100%;padding:0px;cursor:pointer;text-decoration: none; color: #492624; font-weight:bold; font-size:16px}

.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: 177px; */height: 183px; margin:0 auto; }

.product_img span img { width: 50px ; height:50px}

.product_title { text-align: center; padding:3px; height:45px}

.product_title a { text-decoration: none; color: #f00; font-size:12px; font-weight:bold; padding:0 3px; }

.product_title a:hover { text-decoration: none; color: #5A9505 }

.product_price { text-align: center;  padding: 0; overflow:hidden; font-size:16px }

.product_old-price{  color:#666; font-weight:normal; text-decoration:line-through}

.product_new-price{ color:#B72027; 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 #d8af00; width:100%}

.box-general{border: 1px solid #d8af00; width:96%; padding:2%}

.small-prd-box { overflow:hidden; padding-bottom:10px; position: relative; margin: 0px 0px 0px 0px; border-bottom:1px dashed #d8af00 }

.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:#000; height:auto; padding-bottom:2px; }

#topleft-bg{ width:29px; height:34px; float:left; }

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

#topGuide{width:65%; float:left;  }

#topGuide ul{margin:0; padding:0}

#topGuide ul li{list-style:none; float:left; margin:0px 15px 0 0; height:25px;line-height:25px}

#topGuide ul li a{text-decoration:none; color:#fff; font-weight:bold}



#topReg{ margin-top:3px; text-align:center; float:right }

#topReg img{padding-right:3px}

#topReg ul{margin:0; padding:0}

#topReg ul li{list-style:none; float:left; margin:0 10px 0 0; height:25px;line-height:25px}

#topReg ul li a{text-decoration:none; color:#fff; font-weight:bold;  }



#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{width:21.7%; height:33px; float:left; }

#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:#B72027;  padding-bottom:10px}

.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{width:100%; overflow:hidden; border-bottom:1px solid #e6e6e6; margin-bottom:5PX;}

.titlePro-name{background:#B72027; padding:10px 10px; float:left; border-radius: 0 0; color:#FFF; font-weight:bold; border:1px solid #E6E6E6; border-bottom:none}

.titlePro-detail{width:100px; float:right; background:url(../images/bullet_sub2.gif) center right no-repeat; margin-top:6px; text-align:right; padding-right:10px; margin-right:3px}

.titlePro-detail a{text-decoration:none; color:#333}

.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}

#status-menu ul{margin:0; padding:0}

#status-menu ul li{list-style:none; float:left;padding:1% 5px 1% 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:#666;padding-right:10px; font-weight:bold}

#status-menu ul li a:hover{color:#333}



#dt-img-box{width:55%; float:left}

#dt-desc-box{width:40%; float:left; margin-left:10px; }



.dt-title{font-weight:bold; margin-bottom:2%; font-size:16px}

.dt-ID{color:#000; margin-top:3px; font-size:12px}

.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:5%}

.dt-cart{margin-top:5%; overflow:hidden;font-size:12px; }

.dt-cart-bt{background:#B72027; float:left; }

.dt-cart-bt a{color:#FFF; font-weight:bold; padding:3px 15px;display:block; font-size:12px; text-transform:uppercase}



.dt-title-box{width:100%; border-bottom:1px solid #E6E6E6; overflow:hidden; margin-top:8px; }

.dt-title-name{border:1px solid #E6E6E6; float:left; border-bottom:none; padding:5px;background:#B72027; font-weight:bold; color:#fff; 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}

.quantity-price{width:90px}

.quantity-choice{width:50px; text-align:right; padding-right:10px}

td{border-bottom:1px solid #dedede}

tr{}

tr:hover{background:#D1D1D1}



 @media screen and (min-width : 990px) {

#middle { float: left; margin-left: 21.9%; background:url(../images/hoavan.png); width: 78.2%; /* margin-top:-27%*/}

#middle1 { float: left; margin-left: 21.9%; width: 78.2%; }

#left { float: left; margin: 0 0 0 -100%; width: 21%; clear: none;  }

}



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

body { font-size: 14px }

#middle {background:url(../images/hoavan.png); }

#middle1 {margin-bottom:10px; }

#middle1:after { content: ""; display: table; clear: both; }

#middle:after { content: ""; display: table; clear: both; }



#left { clear:both; }

#logo{margin-top:0.3%}

#logo{float:left;width:140px;margin-left:0px}

#logo-right{ margin-top:0.3%}



#company-name{width:75%; margin-top:0}

#search, .hotline-right{width:auto; float:none; clear:both; margin:0 0 0px 0; padding:0}

.member-right{width:auto; float:left; margin:0 0 5px 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:#5F5750;}

.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: 24.8%; }

.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{visibility:hidden; width:0%}

#topleft-bg{display:none}

#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{background:none}

#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, .box-general{ 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 span{display:none; width:0px}

#topright-bg{ width:22%; float:right}

.product_box,.album_box {width: 33%; /*min-height:375px;*/}

#logo{width:40%; margin:0 0 0px 30%}

#logo-right{display:none}

#logo-right-static{width:30%; display:block; float:right; margin-top:3px; margin-right:0; margin-bottom:2%;  }

#company-name{width:auto; float:none; margin-top:0;}

#search, #newsletter,.hotline-right{width:auto; float:none; clear:both;  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; padding-bottom:5px}  



}





/* 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: 49.5%; /* 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}

#topright-bg{width:32%; float:right;line-height:30px; }

#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;}

}

/* 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:99;position:absolute;	top:0;right:0; background:url(../images/icon-pro.png) no-repeat top right; color:#FFF;letter-spacing: 0px; font-size:12px

}
.button-buy{
        background: #B72027;
    color: white;
    padding: 10px 30px;
    border: none;
    cursor: pointer;
    
}

.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;}