/* 
	CSS Document
	Designed by Hop Nguyen
	Contact information: 
	Hotline: 0978 065 365
	Email: nguyendinhhop91@gmail.com
*/

html, body, div, span, h1, h2, h3, h4, h5, h6, p, a, em, font, img, strong, ol, ul, li { margin: 0; padding: 0; border: 0; outline: 0; vertical-align: baseline; background: transparent; }
body { font-size: 13px; line-height: 1.5; font-family: tahoma; background: #e7e7e7; }
a:hover { color: red; text-decoration: underline; /*transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -o-transition: all .3s;*/ }
a { color: #979797; text-decoration: none; /*transition: all .5s; -moz-transition: all .5s; -webkit-transition: all .5s; -o-transition: all .5s;*/ }
ol, ul { list-style: none; }
.clear { clear: both; }
.padding10 { padding: 10px; }
.noMargin { margin: 0; }
.noPadding { padding: 0; }
.center { text-align: center; }
.clearboth{clear: both}
/******MAIN****/
#container { width: 1000px; margin: 0px auto;box-shadow: 0 0 10px #949494; }

#header { width: 100%; }
#header .header-top { width: 100%;background: #510202; }
#header .header-top .header-top-content { width: 1000px;margin: 0px auto;background: url(/frontend/img/header-top.jpg);line-height: 47px;height: 47px;position: relative; color: #d5d5d5 }
#header .header-top .header-top-content .phone{ position: absolute;top: 0;left: 42px;}
#header .header-top .header-top-content .email{ position: absolute;top: 0;left: 175px;}
#header .header-top .header-top-content .opentime{ position: absolute;top: 4px;left: 347px;line-height: 18px;}
#header .header-top .header-top-content .onlinesupport{ position: absolute;top: 0;right: 32px;text-transform: uppercase;font-weight: bold; cursor: pointer}
#header .banner{ background: url(/frontend/img/banner-bg.jpg);height: 150px;}
#header .banner .banner-content{ width: 1000px;margin: 0px auto; position: relative}
#header .banner .banner-content .price-table{ position: absolute;display: block;width: 122px;height: 40px;bottom: 40px;right: 185px;}

.search{ float: right!important; margin-right: 15px}
.search .search-form { margin: 0; overflow: hidden; padding-top: 7px }
.search .search-bg { width: 173px; height: 39px; background: url(/frontend/img/search-bg.jpg); padding: 0 10px; border: none; float: left; box-shadow: none; border-radius: 0; font-size: 12px; margin: 0; }
.search .btn-search { width: 40px; height: 39px; background: url(/frontend/img/search.jpg); border: none; float: left; }

.nav { height: 63px; margin: 0; background: url(/frontend/img/menu-bg.jpg); border-radius: 5px 5px 0 0 }
.nav ul { margin: 0; }
.nav ul li { float: left; position: relative; height: 63px; line-height: 54px; background: url(/frontend/img/menu-tab.jpg) no-repeat right; }
.nav ul li h2{line-height: 54px}
.nav ul li:last-child { background: none; }
.nav ul li a { text-decoration: none; padding: 0 40px; font-size: 12px; color: #1e1e1e; display: block;font-weight: bold; text-transform: uppercase; font-family: Tahoma;white-space: nowrap; }
/*.nav ul li a:hover, .nav ul li.active a { color: white; background: url(/frontend/img/menu-hover.jpg); }*/

.nav ul li ul { position: absolute; top: 45px; left: 0px; display: none; z-index: 999;  }
.nav ul li ul li { display: block; float: none; width: 200px; background: none; height: auto; }
.nav ul li ul li:last-child { float: none; background: none; border: none; height: auto; width: auto; }
.nav ul li ul li ul { top: 0; }
.nav ul li ul li a { padding: 10px 5px 10px 5px; display: block; border: 0; border-bottom: 1px dotted #1e1e1e; color: white; margin: 0 10px; text-decoration: none; text-transform: none!important; background: none!important; font-size: 13px; line-height: normal; border-radius: 0; font-weight: normal; }
.nav ul li ul li a:hover { color: yellow; }

.share-bottom{ position: absolute;bottom: 10px; right: 10px}
.shared a{ padding: 0!important; float: left}
.shared a:hover{background: none!important}

#content { background: white;overflow: hidden; padding: 0 8px  }
.content-silde{ width: 1000px;margin: 0px auto; margin-top: -30px;}
.cate-slide-box{ background: white;/*overflow: hidden;*/ padding: 8px 8px 20px 8px}

.ads-homepage{overflow: hidden}
.ads-homepage .ads-item{ float: left;margin-right: 12px;width: 320px;height: 191px;}
.ads-homepage .ads-item:last-child{margin: 0}

.box { width: 243px;}
.box .box-top{ height: 42px;background: #c00000; border-radius: 5px 5px 0 0 }
.box .box-top h3{font-size: 15px; text-transform: uppercase; color: white;margin: 0; text-align: center;line-height: 42px;}
.box .box-bg{ border: 1px solid #dadada;border-top: 0;border-radius: 0 0 5px 5px; background: #eaeaea }

.box-big { margin-bottom: 10px; }
.box-big .box-big-top { line-height: 40px;border-bottom: 3px solid #ca1d00; overflow: hidden }
.box-big .box-big-top h3, .box-big .box-big-top h4, .box-big .box-big-top h1 { font-size: 15px; text-transform: uppercase; color: #111111; padding-left: 20px; line-height: 30px }
.box-big .sub-cate-right { float: right;margin-right: 10px;padding-top: 6px; }
.box-big .sub-cate-right li{ float: left;border-right: 1px solid #c5c5c5;}
.box-big .sub-cate-right li:last-child{ border: none}
.box-big .sub-cate-right li a{ color: #111111; padding: 0 10px }
.box-big .box-big-bg { position: relative; text-align: justify; overflow: hidden; border: 1px solid #dadada; margin-top: 1px }
.box-big .product-bg { }
.box-big .box-big-bg .text-box-big { font-size: 13px; padding: 10px 12px; line-height: 1.8; }

#col-right { float: left; overflow: hidden; width: 243px }
#col-right .box { margin-bottom: 10px; }
/*#col-right .box .box-top h3 { font-size: 15px; text-transform: uppercase; color: #817d74; line-height: 35px; text-align: center; background: url(/frontend/img/sidebar.jpg) repeat-x 0 22px; font-family: tahoma }
#col-right .box .box-top h3 span{ padding: 0 10px;background: #f9f8f7;  }
#col-right .box .box-bg { border: 1px solid #d9d9d9; background: white }*/
#col-right .box .box-bg .text-box { padding: 10px 7px; }

.category{padding: 10px 0px}
.category li{ border-bottom: 1px solid #d7d6d6;border-top: 1px solid #f5f5f5; position: relative}
.category li:first-child{border-top:0}
.category li:last-child{border-bottom:0}
.category li h3{ font-size: 13px; line-height: normal}
.category li a{background: url(/frontend/img/arrow-right.png) no-repeat 10px 17px; color: #202020;display: block;padding: 5px 7px 5px 33px; font-weight: bold}
.category a:hover { text-decoration: underline!important;  }
.category li ul{display: none}
.category li:hover ul{display: block}
.category li ul{ position: absolute;top: 0;left: 242px;z-index: 99999;background: white;border-radius: 0 5px 5px 5px;width: 220px; border: 1px solid #e8e8e8;}

#primary { width: 725px; float: right; }

#primary .box-big { margin-bottom: 10px; }
/*#primary .box-big .box-big-top h3 { font-size: 15px; text-transform: uppercase; color: #817d74; line-height: 40px; background: url(/frontend/img/primary.jpg); padding-left: 10px; }
#primary .box-big .box-big-bg { position: relative; text-align: justify; overflow: hidden; border: 1px solid #dedede; }
#primary .box-big .product-bg { }*/
#primary .box-big .box-big-bg .text-box-big { font-size: 13px; padding: 10px 12px; line-height: 1.8; }


.box-big .box-big-bg .news-item { border-bottom: 1px dashed #ccc; padding: 10px 0; overflow: hidden; clear: both; margin-bottom: 5px; }
.box-big .box-big-bg .news-item .img-news img { border: 1px solid #b2b2b2; padding: 0; width: 190px;  float: left; margin: 0 20px 5px 0; }
.box-big .box-big-bg .news-item .intro-news { text-align: justify; }
.box-big .box-big-bg .news-item .intro-news .title-intro-news a { color: #6a6a6a; padding-bottom: 5px; font-size: 15px; display: block; }
.box-big .box-big-bg .title-news { font-weight: normal; color: #3C3B3B; font-size: 20px; }
.box-big .box-big-bg .detail-news { padding-top: 15px; }
.box-big .box-big-bg .detail-news p { padding-bottom: 12px; }
.box-big .box-big-bg .detail-news ul { padding-left: 40px; }
.box-big .box-big-bg .detail-news li { list-style: disc; }
.box-big .box-big-bg .tags { padding: 10px 0; }
.box-big .box-big-bg .other-news p { font-size: 16px; text-decoration: underline; padding-top: 20px; }
.box-big .box-big-bg .other-news ul { padding: 5px 0 0 20px; }
.box-big .box-big-bg .other-news ul li a { display: block; /*background: url(/frontend/img/arrow.jpg) no-repeat 0px 10px;*/ font-size: 13px; padding: 3px 0 3px 10px; color: #6a6a6a; }


.box-big .box-big-bg .product-bg { border-top: 1px solid #dfdfdf; }
.box-big .box-big-bg .product-item { width: 221px; height: 260px; float: left; margin: 10px 0 0 15px; overflow: hidden; text-align: center; }

.box-big .box-big-bg .product-item .product-name { line-height: normal; font-size: 13px; font-weight: normal }
.box-big .box-big-bg .product-item .product-price { color: #cd2c11;font-weight: bold; padding-top: 10px }
.box-big .box-big-bg .product-item .product-name a { color: black; }
.box-big .box-big-bg .product-item .img-product { width: 217px; height: 170px; margin-bottom: 5px; }
.box-big .box-big-bg .img-detail-pro { border: 1px solid rgb(223, 223, 223); margin: 0px 20px 10px 0; width: 43%; background: rgb(238, 238, 238); float: left; padding: 5px 5px 0 5px; text-align: center; box-shadow: 0px 0px 5px rgb(194, 194, 194); }
.box-big .box-big-bg .img-detail-pro img { width: 100%; }
.box-big .box-big-bg .intro-detail-pro { width: 52%; float: left; }
.box-big .box-big-bg .intro-detail-pro .title-detail-pro { font-size: 15px; color: #4D4D4D; border-bottom: 1px dashed #ccc; margin-bottom: 5px; }
.box-big .box-big-bg .intro-detail-pro .price { color: #be0000; font-size: 15px; }
.box-big .box-big-bg .intro-detail-pro .share { border-bottom: 1px dashed #ccc; border-top: 1px dashed #ccc; line-height: 30px; margin-top: 5px; }

.cate-image{overflow: hidden}
.cate-image .cate-left{ width: 180px;float: left; margin: 10px}
.cate-image .product-bg{ float: right; width: 781px}
.cate-image .product-bg .product-item{ width: 177px;  margin: 10px 18px 0 0!important; height: 210px}
.cate-image .product-bg .product-item .img-product{ width: 100%; height: 118px}

#footer { border-top: 1px solid #ececec; background: white; color: #111; position: relative }
#footer .footer-col { border: 1px solid #a2a2a2; background: url(/frontend/img/list-bg.png); overflow: hidden; }
#footer .footer-col .col-content { min-height: 130px; padding: 10px }
#footer .footer-col .col-content p a { display: block; padding: 5px 0; color: #838383; }
#footer .footer-col .col1, #footer .footer-col .col2, #footer .footer-col .col3 { padding: 0 20px; float: left; width: 291px; }
#footer .footer-col .col2 { border-left: 1px solid #a2a2a2; border-right: 1px solid #a2a2a2; }
#footer .footer-col .col-header { font-weight: bold; color: #fcdd60; text-transform: uppercase; padding-top: 12px; }
#footer .footer-content { padding: 10px; }

.category .cate-header a { color: #2B2B2B; font: bold 12px 'Arial','Verdana'; display: block; background: url(/frontend/img/arrow.jpg) no-repeat 30px 12px; padding: 8px 5px 8px 40px; border-bottom: 1px solid rgb(192, 192, 192); }
.category .sub-cate { border-top: 0px; width: 100%; }
.category .sub-cate li { display: block; }
.category .sub-cate li a { font-size: 13px; color: #3F3F3F; text-align: justify; padding: 7px 0px 7px 65px; display: block; border-bottom: 1px dotted rgb(223, 223, 223); background: url(/frontend/img/arrow.jpg) no-repeat 55px 12px; }
.category .sub-cate li ul { padding-left: 25px; }

.pagination { float: right; margin-right: 5px; margin-top: 10px; margin-bottom: 10px; }
.pagination ul > li > a { margin-right: 7px; background: #E0E0E0; padding: 1px 8px; color: #333; text-decoration: none; cursor: pointer; border: 0; border-radius: 2px; }
.pagination ul > .active > a, .pagination ul > li > a:hover { background: #368ee0; color: #fff; }

.table-fix th { /*background: #eee*/ background-color: #f5f5f5; background-image: -moz-linear-gradient(top,#F1F1F1,#D6D6D6); background-image: -webkit-gradient(linear,0 0,0 100%,from(#F1F1F1),to(#D6D6D6)); background-image: -webkit-linear-gradient(top,#F1F1F1,#D6D6D6); background-image: -o-linear-gradient(top,#F1F1F1,#D6D6D6); background-image: linear-gradient(to bottom,#F1F1F1,#D6D6D6); background-repeat: repeat-x; border-top: 1px solid rgb(230, 230, 230)!important; }
.table-fix th, .table-fix td { text-align: center; padding: 10px; vertical-align: middle; }
.table-fix th:first-child, .table-fix td:first-child { padding: 10px 15px; }

.breadcrumb { padding: 0; margin: 0; background: none; border-radius: 0; color: black; line-height: 32px; padding-left: 10px; font-weight: bold; }
.breadcrumb a { color: black; padding: 0 5px; text-transform: none; font-family: arial;   font-size: 14px;}

.list-news-left { padding: 0 10px; }
.list-news-left .news-left { border-bottom: 1px dashed #ccc; padding: 10px 0; overflow: hidden; }
.list-news-left .news-left:last-child { border-bottom: 0; }
.list-news-left .news-left h3, .news-bottom h3 { line-height: 15px; padding-bottom: 5px; }
.list-news-left .news-left h3 a, .news-bottom h3 a { color: white; font-size: 13px; }
.list-news-left .news-left img, .news-bottom img { width: 80px; height: 60px; margin: 5px 10px 0 0; float: left; border: 1px solid #a8a7a7; }

.slide-logo { border-top: 1px solid #ececec; padding-bottom: 5px; background: white  }
.slide-logo ul { overflow: hidden; }
.slide-logo ul li { width: 180px; height: 48px; padding: 10px; text-align: center }
.slide-logo ul li img { height: 48px; }

.border-top-bot { border-bottom: 1px solid #dfdfdf; border-top: 1px solid #dfdfdf; }

.news-content { overflow: hidden; }
.news-content .first-news { width: 350px; height: 270px; float: left; padding: 12px; border-right: 1px solid #dedede; background: white }
.news-content .first-news .post-thumbnail { margin: 0 0 10px 0; }
.news-content .right-news { width: 333px; float: left; background: #f7f7f7; }
.right-news .other-news { padding: 10px; border-top: 1px solid #dedede; overflow: hidden; }
.right-news .other-news:first-child { border: none; }
.right-news .other-news .post-thumbnail { float: left; }


.news-content-ver { overflow: hidden; }
.news-content-ver .first-news { padding: 12px; border-bottom: 1px solid #dedede;overflow: hidden; background: white }
.news-content-ver .first-news .post-thumbnail { margin: 0 0 10px 0;float: left;width: 250px; margin-right: 20px }
.news-content-ver .right-news { width: 333px; float: left; background: #f7f7f7; }
.bottom-news{background: #f7f7f7}
.bottom-news .other-news { padding: 10px; border-top: 1px solid #dedede; overflow: hidden;width: 334px; float: left }
.bottom-news .other-news .post-thumbnail { float: left; }

/* Post Thumbnail */
.post-thumbnail { margin: 0 15px 0 2px; position: relative; background: #FFF; padding: 2px; -moz-border-radius: 1px; -webkit-border-radius: 1px; box-shadow: 0 0 2px #B5B5B5; -moz-box-shadow: 0 0 2px #b5b5b5; -webkit-box-shadow: 0 0 2px #B5B5B5; line-height: 0; }
.post-thumbnail a { display: block; background: #000; }

.post-thumbnail img { -webkit-transition: all .40s; -moz-transition: all .40s; -o-transition: all .40s; transition: all .40s; height: auto; max-width: 100%; width: 100%; }
.post-thumbnail img.attachment-tie-small, .post-thumbnail img.avatar-50 { width: 55px !important; }
.post-thumbnail a:hover img { opacity: 0.5; }
li.other-news { background: #f7f7f7; overflow: hidden; padding: 5px 20px; border-top: 1px solid #FFF; border-bottom: 1px solid #eaeaea; -webkit-transition: all .40s; -moz-transition: all .40s; -o-transition: all .40s; transition: all .40s; }
li.other-news:hover { background: #f2f2f2; }
.column2 li h3 { line-height: 1.5em; font-size: 13px; }
li.first-news p { padding: 0; }
.column2 li.first-news { border-bottom: 3px solid #eaeaea; background: #FFF; padding: 0; }
h2.post-box-title, h3.post-box-title { font-size: 1.17em; font-weight: normal; font-family: Arial, Helvetica, sans-serif; line-height: 25px; }
h2.post-box-title a, h3.post-box-title a { color: #4f4944; }
h2.post-box-title a:hover, h3.post-box-title a:hover { text-decoration: underline; }
h2.post-box-title a { font-size: 18px; }

.support-center{ background: url(/frontend/img/support.jpg);width: 272px;height: 169px; margin-bottom: 15px}
.support-center .support-info { padding: 51px 0 0 104px; }
.support-center .support-info .phone{ color: red; font-weight: bold}
.support-center .support-info .email a{ color: #1570c1; }
.homepage .box-big .box-big-bg .product-item { margin: 10px 0 0 20px; }

.statistic{ position: absolute;top: 10px; right: 10px}
.support-top {
    position: absolute;top: 45px;right: 20px;width: 300px;  z-index: 999;box-shadow: 1px 3px 5px #999;border-radius: 5px 5px;padding: 10px 10px 0;background-color: #fff;
  border: 3px solid #ccc;display: none;
}
.support-top .support-item{ clear: both;overflow: hidden; margin-bottom: 15px}
.support-top .support-item .img-support{width: 64px;
  height: 64px;
  float: left;
  margin-right: 10px;
  border: 1px solid #ccc;
  padding: 2px;
  box-shadow: 1px 3px 5px #999;}
.support-top .support-item .name-support{  font-size: 11px;
  margin-bottom: 5px;  color: #747474;}
.support-top .support-item .phone-support{  color: #c00000;
  font-weight: bold;font-size: 11px;line-height: normal;
  margin-bottom: 5px;}
.support-top .support-item .email-support{  font-style: italic;font-size: 11px;line-height: normal;
  margin-bottom: 5px;  color: #747474;}