/* 2024 Tam An Gio Hang*/ .prod-action, .daddcart, .dwishlist,.cart-box{display: none;} /* 2024 Tam An Gio Hang*/ a:hover {color:#1961ad !important; transition: all 250ms;} .wrap {margin: 0 auto; width: 1140px;} i.page-icon {background: url(../images/icon.png) no-repeat; display: inline-block;} body { font-family: 'Open Sans', sans-serif; font-size: 14px; line-height: 120%; font-weight: 400; } .format-html { line-height: 20px; } .format-html strong, .format_html b { font-weight: 700; } .format-html a { color: #0099ff; font-weight: bold; } .format-html em { font-style: italic; } .format-html ul, .format-html ol { margin-left: 50px;} .format-html img { max-width: 100%; height: auto;} .format-html table { border-collapse: collapse; width: 100% !important; table-layout: inherit;} .format-html table td { padding: 5px; vertical-align: middle; border: 1px solid #ddd;} .format-html p, .format-html ul, .format-html ol { margin-bottom: 8px; max-width: 100%;} .format-html dl dd, .format-html span, .format-html td, .format-html li {background-repeat: no-repeat;} /* header */ #header {height: 175px;} #header .nav-top {background-color:#eaeaea; height: 42px;} #header .nav-top h1 {float:left; line-height: 42px; color:#444444; font-size: 14px;} #header .nav-top .hotline {color:#ff0000; font-size: 15px; text-transform: uppercase; background: url(../images/navtop-hotline.png) no-repeat left center transparent; float:left; padding-left: 30px; line-height: 42px; background-size: 24px; margin-left: 50px;} #header .log-box, #header .favourite-box {float: right; line-height: 42px; margin-left: 15px; position: relative;} #header .log-box .text, #header .favourite-box .text {text-transform: uppercase; color:#444; background: url(../images/icon-down.png) no-repeat right center transparent; padding-right: 18px} #header .log-box a {color:#000;} #header .log-box:hover .text, #header .favourite-box:hover .text {color:#ff0000; cursor: pointer;} #header .log-box .submenu {position: absolute; top: 41px;right: 0;background-color: #fff;z-index: 888;width: 200px;padding: 10px;border: 1px solid #ddd;display: none;} #header .log-box:hover .submenu {display: block;} #header .log-box .submenu input[type="text"], #header .log-box .submenu input[type="password"] {height: 24px; background: none; border: 1px solid #ddd; padding-left: 5px; width: 100%;} #header .log-box .button-login {border: 1px solid #555; padding: 3px 10px; margin-top: 10px; width: 100px; background-color:#999; color:#fff; cursor: pointer;} #header .logo {float:left; margin: 5px 25px 2px 0;} #header .menu-top {float:left; list-style: none; margin-top: 35px;} #header .menu-top li {float:left; position: relative;line-height: 20px;} #header .menu-top li > a {white-space: nowrap; padding: 20px; color: #000; text-transform: uppercase; font-size: 16px;} #header .cart-box {float: right; background: url(../images/icon-cart.png) no-repeat left center transparent; position: relative;width: 172px;height: 50px; margin-top: 15px;cursor: pointer;} #header .menu-top li .sub-brand {position: absolute; top: 20px; z-index: 200; background-color:#fff;border: 1px solid #000; min-width : 220px; left: 0; display: none;width: 630px;} #header .menu-top li .sub-brand a {display: block; line-height: 20px; padding: 0 5px; line-height: 28px; color:#000;float: left;width: 200px;} #header .menu-top li .sub-brand a:hover {background-color:#000; color:#fff !important;} #header .menu-top li:hover .sub-brand {display: block;} #header .cart-box .count {position: absolute; z-index: 10; left: 50px; top: 8px; font-size: 15px;} #header .cart-box .count span {color:#ff0000; font-weight: bold;} #header .cart-box .price {position: absolute; z-index: 10; left: 50px; bottom: 10px; font-size: 15px;} #header .cart-box .price span {color:#ff0000; font-weight: bold;} #header .bottom {height: 47px; background-color:#f2f2f2;z-index: 999;} #menu {float:left; height: 47px; position: relative; width: 260px;} #menu > .text {line-height: 47px; font-size: 18px; text-transform: uppercase; text-align: center;} #header .search-box { height: 40px; padding: 3px 0; margin: 0px 3px 0 260px; position: relative;} #header .search-box form {background-color:#fff;height: 41px} #header .search-box .category { width: 165px; position: absolute; left: 0; top: 3px;} #header .search-box .category select {height: 41px;border: 0;outline: 0;width: 165px;} #header .search-box input[type='text'] {border: 0;width: 100%;margin-top: 0;padding-left: 176px;outline: 0;height: 41px;} #header .search-box input[type="submit"] {position: absolute; z-index: 100; right: 0; top: 3px; width: 43px; height: 41px; background: url(../images/sbutton.png) no-repeat center center #f8f8f8; border: 0;} #menu .list {border: 1px solid #f2f2f2; border-top: 0;border-bottom: 0;display: none;position: absolute;top: 47px;z-index: 555;width: 100%;height: 430px;background-color: #fff;} #menu:hover .list {display: block;} #menu .list > ul {list-style: none;background-color: #fff;position: relative;} #menu .parent .parent-url {line-height: 24px; border-bottom: #f2f2f2; padding: 10px; color:#000; font-size: 14px; text-transform: uppercase; border-bottom: 1px solid #cfcfcf; display: block; background: url(../images/arrow-right.png) no-repeat right 5px center;} #menu .parent .parent-url > img {float: left; width: 26px; height: 26px; margin-right: 5px;} #menu .parent:last-child .parent-url {border-bottom: 0;} #menu .parent > .sub {position: absolute; left: 100%; top: 0;width: 680px;background-color: #fff;height: 429px;border-left: 1px solid #ddd;z-index: 500;display: none;} #menu .parent:hover > .sub {display: block;} #menu .bigImage {position: absolute; right: 0; bottom: 0; z-index: -1;} #menu .parent > .sub ul {list-style: none; padding: 10px; width: 660px;} #menu .parent > .sub ul > li {float:left; width: 213px; margin-right: 5px;margin-bottom: 10px;} #menu .parent > .sub ul > li a {color:#000;line-height: 18px;} /* HOMEPAGE */ #home .banner-box {height: 430px; background-color:#242529;} #home .banner-box .banner-slide {float: right;width: 877px;height: 430px;overflow: hidden;} #home .banner-box .banner-slide ul {list-style: none;} #home .banner-box .banner-slide ul li {/* float: left; */ /* width: 877px; */ /* height: 340px; */} #home .banner-box a {display: block} .list-prod {margin-bottom: 20px; float:left; width: 100%;} .list-prod .title {border-bottom: 3px solid #f2f2f2; line-height: 50px; height: 24px; text-align: center;margin-bottom: 35px;margin-top: 30px;} .list-prod .title > span {background-color:#fff; padding: 0 20px; font-size: 20px; text-transform: uppercase; color:#6d6c6c;} .prod-grid {list-style: none;} .prod-grid .prod-item { width: 163px; height: 285px; border: 1px solid #dbd8d8; float:left; margin-right: 30px; position: relative; margin-bottom: 30px;} .prod-grid .prod-item:hover {box-shadow: 0 0 30px #ddd; transition: all 300ms; } .prod-grid .prod-item:hover a{transition: all 300ms; color:#ff0000; } .prod-grid .prod-item:nth-child(6n) {margin-right: 0;} .prod-grid .prod-item .prod-image {width: 163px; height: 163px; display: table-cell; vertical-align: middle; text-align: center; border-bottom: 1px solid #dbd8d8;} .prod-grid .prod-image img {max-width: 150px; max-height: 150px;} .prod-grid .prod-name {text-align: center; display: block; text-transform: uppercase; color:#6d6c6c; margin-top: 10px; line-height: 16px; max-height: 32px; overflow: hidden;} .prod-grid .prod-price {font-weight: 700; font-size: 15px; text-align: center; line-height: 24px;} .prod-grid .prod-star {text-align: center; padding: 0;} .prod-grid .prod-action {position: absolute; bottom: 0; left: 0; border-top: 1px solid #cfcfcf; width: 100%; } .prod-grid .addcart {float:left; width: 103px; border-right: 1px solid #cfcfcf; text-align: right; padding: 0 15px; background: url(../images/add-cart.png) no-repeat left 15px center; color:#000; font-size: 15px; color:#444;line-height: 35px;} .prod-grid .wishlist {float: right;width: 29px;height: 35px;background: url(../images/icon-heart.png) no-repeat center center transparent;} .prod-double {float: right; width: 553px; border: 1px solid #dbd8d8; height: 285px;} .prod-double .image {float:left; width: 285px; header: 285px;} .prod-double .image a {display: table-cell; vertical-align: middle; text-align: center; width: 285px; height: 285px;} .prod-double .image a img {max-width: 260px; max-height: 260px;} .prod-double .info {float: right;width: 265px;} .prod-double .info .name {font-size: 15px; text-transform: uppercase; color:#6d6c6c; display: block; line-height: 20px; margin-top: 30px;} .prod-double .info .price {font-size: 15px; font-weight: bold; line-height: 24px;} .prod-double .info .star { padding: 8px 0; } .prod-double .info .star img {} .prod-double .action {height: 35px;} .prod-double .daddcart {float:left; width: 103px; border-right: 1px solid #cfcfcf; text-align: center; padding: 0 15px; font-size: 16px; color:#444;line-height: 35px;background-color: #a12418;color: #fff;} .prod-double .dwishlist {float: left;width: 29px;height: 33px;background: url(../images/icon-heart.png) no-repeat center center transparent;border: 1px solid #dbd8d8;margin-left: 5px;} .prod-double .summary {color:#888; margin-bottom: 10px;} #footer .brand-box {border-bottom: 7px solid #f1f1f1;} #footer .brand-slide { padding: 20px 0;height: 40px; width: 100%;} #footer .brand-slide ul {list-style: none;} #footer .brand-slide ul li {float:left; width: 105px; margin: 0 4px;height: 40px;} #footer .brand-slide ul li img {width: 105px; height: 40px;} #footer .footer-link {padding: 15px 0; border-bottom: 1px solid #f1f1f1;height: 190px;} #footer .footer-link .info {float:left; width: 270px;} #footer .footer-link .info > .title {font-size: 15px; text-transform: uppercase; color:#444; line-height: 40px;} #footer .footer-link .info ul {list-style: none;} #footer .footer-link .info ul > li {line-height: 24px; font-size: 13px;} #footer .footer-link .info ul > li > a {color:#333;} #footer .social {width: 230px !important;} #footer .social a {display: block; color:#333; line-height: 30px;} #footer .social a:nth-child(2) {background: url(../images/f.png) no-repeat left center transparent; padding-left: 30px;} #footer .social a:nth-child(3) {background: url(../images/y.png) no-repeat left center transparent; padding-left: 30px;} #footer .social a:nth-child(4) {background: url(../images/t.png) no-repeat left center transparent; padding-left: 30px;} #footer .social a:nth-child(5) {background: url(../images/g.png) no-repeat left center transparent; padding-left: 30px;} #footer .email-reg.info {width: 370px;} #footer .email-reg.info p {color:#333; line-height: 18px; margin-bottom: 10px;} #footer .email-reg.info input[type="text"] {float:left; width: 298px; height: 29px; border: 1px solid #cfcfcf; padding-left: 5px; outline: none;} #footer .email-reg.info input[type="button"] {background-color:#a12418; border: 0; float: right; width: 66px; height:29px; font-size: 14px; color:#fff;outline: 0;cursor: pointer;} #footer .footer-method {line-height: 60px; border-top: 1px solid #dbd8d8;border-bottom: 1px solid #dbd8d8;background-color: #f1f1f1;height: 60px;} #footer .footer-method .text {float:left;} #footer .footer-method img {float:left; margin-top: 18px; margin-left: 10px;} #footer .footer-address {padding: 10px 0; line-height: 18px; text-align: center; background-color: #f1f1f1;} #footer .footer-address b {font-weight: bold;} #breadcrumb {height: 30px; line-height: 30px;} #breadcrumb > a {color:#444444; background: url(../images/br-arrow.png) no-repeat left center transparent;padding: 0 5px 0 10px; float:left;} #breadcrumb > a:first-child {padding: 0; background: none;margin-right: 6px;} #module-product .prod-box-head {height: 38px; border: 2px solid #f2f2f2; padding: 0 10px; line-height: 38px;} #module-product .prod-box-head .category-name {float:left; text-transform: uppercase; font-size: 20px; color:#444;} #module-product .prod-box-head .product-count {float:left; margin-left: 8px; font-size: 20px; color:#c4c4c4;} #module-product .filter-sort {float: right;} #module-product .filter-sort select {height: 26px;border: 0;margin-top: 6px;} #module-product .prod-box-content {padding: 20px 0;} #module-product .grid-view {float: right; margin-right: 50px;} #module-product .grid-view span {font-size: 14px; text-align: uppercase; float: left; } #module-product .grid-view .list {float:left; width: 18px; height: 18px; background: url(../images/grid-view.png) no-repeat -22px 0; margin: 10px 0 0 10px;} #module-product .grid-view .grid {float:left; width: 18px; height: 18px; background: url(../images/grid-view.png) no-repeat; margin: 10px 0 0 10px;} .paging table {float: right;} .paging table td {border: 2px solid #dbd8d8; padding: 3px 7px; font-size: 15px;} .paging table td.pagingSpace {padding: 2px; border: 0;} .paging table td a {color:#444;} .paging table td.pagingViewed {color:#ff0000; border-color: #ff0000;} #module-product .dcol-left {float:left; width: 610px; margin-top: 20px;} #module-product .dcol-left h1 {font-size: 30px; line-height: 34px; display: block; margin-bottom: 8px;} #module-product .dcol-left .review {height: 30px; border-bottom: 1px dashed #909090; line-height: 30px; margin-bottom: 20px;} #module-product .dcol-left .rating {float:left; margin-top: 5px;} #module-product .dcol-left .rating img {float:left; margin-top: 4px} #module-product .dcol-left .reviewCount {float:left;margin-left: 5px;margin-top: -3px;} #module-product .dcol-left .reviewCount a {color:#1961ad;} #module-product .dcol-left .share {float: right;} #module-product .dcol-left .row {float: left; width: 100%; line-height: 20px;} #module-product .dcol-left .row .label {float:left; font-weight: bold; width: 140px; } #module-product .dcol-left .row .value {margin-left: 140px;} #module-product .dcol-left .row.marketprice .value {text-decoration: line-through;} #module-product .dcol-left .row.price {margin-top: 10px;} #module-product .dcol-left .row.price .label {margin-top: 6px;} #module-product .dcol-left .row.price .value {font-size: 30px; color:#ff0000;} #module-product .dcol-left .row .addcart {margin: 20px 0; float: left;} #module-product .description .tab-title {height: 31px; line-height: 30px; border-bottom: 1px solid #aeaeae;} #module-product .description .tab-title > span { border: 1px solid #aeaeae; display: inline-block; padding: 0 15px; border-radius: 5px 5px 0 0; cursor: pointer; background-color: #e9e9e9;} #module-product .description .tab-title > span:hover {color:#ff0000;} #module-product .description .tab-title > span.active {border-bottom: 1px solid #fff; color:#ff0000;background-color: #fff;} #module-product .description .tab-content {padding: 20px; border: 1px solid #aeaeae; border-top: 0;width: 570px;position: relative; overflow: hidden;} #module-product .description .tab-content td {} #module-product .dcol-right {float: right; width: 500px;} #module-product .dcol-right .image-box {border: 1px solid #dcdcdc; width: 498px; height: 398px; display: table;} #module-product .dcol-right .image-box a {display: table-cell !important;vertical-align: middle;text-align: center;} #module-product .dcol-right .image-box a img {max-width: 490px; max-height: 390px;} #module-product .dcol-right .ref-box {margin-top: 10px;} #module-product .dcol-right .ref-box ul li {float:left; border: 1px solid #dcdcdc; width: 90px; height: 68px; margin-right: 10px;} #module-product .dcol-right .ref-box ul li:nth-child(5) {margin-right: 0;} #module-product .dcol-right .ref-box ul li img {width: 90px; height: 68px;} #module-product .dcol-right .dpro-box {margin-top: 20px; } #module-product .dcol-right .dpro-box .tit {height: 28px; line-height: 30px; border: 1px solid #bebdbe; padding: 0 10px; text-transform: uppercase; font-size: 17px; margin-bottom: 5px;background: url(../images/bg-reftit.png);} #module-product .dcol-right .dpro-box .prod-item {margin-right: 2px;margin-bottom: 2px;} #module-product .dcol-right .dpro-box .prod-item:nth-child(3n) {margin-right: 0;} .module-article .banner-article {background: url(../images/banner-news.jpg) no-repeat transparent; height: 208px; margin: 10px 0; position: relative;float: left;width: 100%;} .module-article .menu {height: 32px; background-color:#745f56; position: absolute; width: 1139px; bottom: 0;right: 0; list-style: none;} .module-article .menu li {float:left; line-height: 32px; margin-left: 5px;} .module-article .menu li a {padding: 0 10px; display: block; height: 30px; /* margin-top: 4px; */ color:#fff;} .module-article .first {} .module-article .first .tit {border-bottom: 1px solid #323232; font-size: 25px; line-height: 40px;margin-bottom: 10px;} .module-article .first .tit > a {color:#323232;} .module-article .first .list > a {float:left; width: 580px; height: 350px; position: relative;} .module-article .first .list > a img {width: 580px; height: 350px;} .module-article .first .list > a .abs {position: absolute; width: 570px; background-color:#000; color:#fff; padding: 5px;bottom: 0;left: 0;} .module-article .first .list > a .abs h3 {font-size: 15px; font-weight: 700;} .module-article .first .list > a .abs .time {line-height: 20px;} .module-article .first .ref {float:right; width: 530px; list-style: none;} .module-article .first .ref li {float:left; width: 100%;} .module-article .first .ref img {float:left; width: 180px; height: 110px; margin-right: 10px;} .module-article .first .ref .time {color:#555; line-height: 20px;} .module-article .first .ref .title {color:#000; font-weight: 700;} .module-article .ref-box-article {float:left; width: 530px; margin-top: 20px;} .module-article .ref-box-article:nth-child(odd) {float: right;} .module-article .ref-box-article .tit {font-size: 24px; border-bottom: 1px solid #000; line-height: 32px; margin-bottom: 10px;} .module-article .ref-box-article .tit a {color:#444;} .module-article .ref-box-article > a {float:left; height: 200px;width: 530px;margin-bottom: 15px;} .module-article .ref-box-article > a img {float:left; width: 280px; height: 200px; margin-right: 20px;} .module-article .ref-box-article > a .abs {} .module-article .ref-box-article > a .abs h3 {color:#444; font-weight: 700;} .module-article .ref-box-article > a .abs .time {color:#999; line-height: 20px;} .module-article .ref-box-article > ul {list-style: none;} .module-article .ref-box-article > ul > li {float:left; height: 110px; width: 100%; margin-bottom: 15px;} .module-article .ref-box-article > ul > li img {float:left; width: 180px; margin-right: 15px;height: 110px; } .module-article .ref-box-article > ul > li .title {color:#000; font-weight: 700;} .module-article .ref-box-article > ul > li .time {color:#444; line-height: 20px;} .module-article .dleft {float: left; width: 810px;} .module-article .dleft .dcat-name { font-size: 25px; line-height: 35px; border-bottom: 1px solid #000; margin-bottom: 20px; height: 40px; } .module-article .dleft .darticle-name {font-size: 22px; line-height: 30px;} .module-article .dleft .darticle-time {color:#777;} .module-article .dright {float: right; width: 300px;} .module-article .dright .box > .title {line-height: 33px; background-color:#d92723; color:#fff; text-transform: uppercase; font-size: 20px; padding: 0 10px; margin-bottom: 10px;} .module-article .dright .box ul {list-style: none;} .module-article .dright .box ul li {height: 60px; padding: 10px 0; overflow: hidden;} .module-article .dright .box ul li a {color:#333;} .module-article .dright .box ul li img {float:left; width: 80px; height: 60px; margin-right: 10px;} .article-ref {margin-top: 20px;} .article-ref .title {line-height: 30px; font-size: 25px; border-bottom: 1px solid #000; height: 33px; margin-bottom: 10px;} .article-ref ul {list-style: none;} .article-ref ul li {line-height: 20px;} .article-ref ul li a {color:#444;} /*======= CART TEMPALTE =======*/ #cart-temp .left {float:left; width: 820px; padding-right: 5px;} #cart-list {width: 100%;} #cart-list td {border: 1px solid #cfcfcf; padding: 5px; vertical-align: middle; text-align: center;} #cart-list thead td {font-weight: bold; background-color: #EAEAEA; padding: 8px;} #cart-list td .quantity {width: 30px; text-align: center; border: 0; } #cart-list td .item-name {text-align: left; display: block; color:#222; line-height: 18px;margin-bottom: 5px;} #cart-list td .promotion {text-align: left; /* border: 1px solid #ddd; */ padding: 5px; /* background-color: #F9F9B5; */ } #cart-list td .quantity:hover {border: 1px solid #555;} #cart-list td .sell-total-price {color:#ff0000; font-weight: bold;} #cart-list td .btnDelete {color:#222; font-weight: bold;} #cart-list td.total-value {font-weight: bold; font-size: 16px; color:#ff0000;} #cart-temp .right {float: right; width: 309px;border-left: 1px solid #ddd;padding-left: 5px;} #cart-temp .right .cssText {display: block; height: 30px;} #cart-temp .right .cssText input[type="text"] {width: 100%; height: 26px; padding-left: 5px;} #cart-temp .right .cssArea textarea {width: 100%; font-family: arial; height: 60px; margin-bottom: 5px; padding: 5px;} /* column left */ #column-left {float: left; width: 198px; border: 1px solid #ccc; } #column-left .box-cat > .title {line-height: 30px; background: url(../images/bg-title-left.png) repeat-x transparent;border-bottom: 1px solid #ccc; font-weight: bold; font-size: 13px; padding-left: 10px;} #column-left .box-cat > .content {padding: 10px;} #column-left .box-cat li {background: url("../images/arrow-blue.png") no-repeat left center transparent; padding-left: 10px; line-height: 25px; border-bottom: 1px dashed #ccc;} #column-left .box-cat li > a {color:#124f95; display: block;} #column-left .box-news { margin-bottom: 10px;} #column-left .box-news > .title {height: 32px; line-height: 32px;padding: 0 10px; background-color:#2e2e2e; color:#fff; font-size: 18px;} #column-left .box-news > .content > ul {padding: 10px;} #column-left .box-news > .content > ul li {line-height: 30px; border-bottom: 1px dotted #808080; font-size: 13px;} #column-left .box-news > .content > ul li a {color:#303030; background: url(../images/news-cat.png) no-repeat left center transparent; padding-left: 10px; } #column-left .box-news > .content > ul li a.current {font-weight: bold; color:#ffca08;} #column-left .box-news .content {background: url(../images/news-icon.png) no-repeat bottom center transparent; padding-bottom: 130px} #column-left .box-news .list {padding: 5px;} #column-left .box-news .list li {background: url(../images/news-cat.png) no-repeat left top 5px transparent; padding-left: 10px; line-height: 18px; margin-bottom: 10px;} #column-left .box-news .list li a {color:#004b91} /*======== article temp =======*/ #article-temp .col-center {float:left; width: 920px; margin-left: 20px;} #article-temp .col-center .top .left {float:left; width: 430px;} #article-temp .col-center .top .left img {width: 428px; height: 298px; border: 1px solid #919191;} #article-temp .col-center .top .left .title {font-size: 18px; color:#004b91; display: block; line-height: 22px; margin-top: 20px;} #article-temp .col-center .top .left .date {display: block; line-height: 20px; color:#656565;} #article-temp .col-center .top .left .summary {line-height: 16px;} #article-temp .col-center .top .right {float: right; width: 310px;} #article-temp .col-center .top .right ul li {height: 95px; margin-bottom: 10px;} #article-temp .col-center .top .right .image {float:left; width: 120px; height: 95px; margin-right: 5px;} #article-temp .col-center .top .right .image img {max-width: 120px; max-height: 95px;} #article-temp .col-center .top .right .title { color:#004b95; font-weight: bold; line-height: 16px;} #article-temp .col-center .top .right .date {line-height: 20px; color:#656565;} #article-temp .col-center .news-list .box {float:left;width: 350px;margin-bottom: 20px;} #article-temp .col-center .news-list .box:nth-child(2n) {float: right;} #article-temp .col-center .news-list .box .box-title {height: 29px; line-height: 29px; background: url(../images/news-title.png) no-repeat left 5px center transparent; padding-left: 25px;font-weight: bold;font-size: 16px;border-bottom: 1px solid #c0c0c0;} #article-temp .col-center .news-list .box .content .first {height: 160px;} #article-temp .col-center .news-list .box .content .first .title {display: block; line-height: 24px; color:#124f95; font-weight: bold; font-size: 14px; margin: 7px 0;} #article-temp .col-center .news-list .box .content .first .image {float:left; margin-right: 5px;} #article-temp .col-center .news-list .box .content .first .summary {line-height: 16px;} #article-temp .col-center .news-list .box .box-title > a {color:#ff5a00;} #article-temp .col-center .news-list .box ul li {line-height: 18px; background: url(../images/news-cat.png) no-repeat left top 5px transparent; padding-left: 10px;} #article-temp .col-center .news-list .box ul li a {color:#124f95;} #article-temp .col-center .news-list .box ul li a > span {display: block; color:#b5b5b5;} #article-temp.list .col-center li {height: 100px; border-bottom: 1px dotted #cfcfcf; padding: 10px 0;} #article-temp.list .col-center li img {float:left; width: 150px; height: 100px; margin-right: 10px;} #article-temp.list .col-center li .title {color:#222; font-weight: bold; line-height: 20px;} #article-temp.list .col-center li .title > span {display: block; color:#999; font-weight: normal;} #article-temp.list .col-center li .title > div {font-weight: normal; color:#666; line-height: 16px;} .prod-list .prod-item {float:left; width: 100%; height: 180px;padding: 10px 0;border-bottom: 1px solid #ddd;} .prod-list .prod-item .prod-image {float:left; width: 180px; height: 180px; margin-right: 30px;} .prod-list .prod-item .prod-image > a {display: table-cell; width: 180px; height: 180px; vertical-align: middle; text-align: center;} .prod-list .prod-item .prod-image > a img {max-width: 180px; max-height: 180px;} .prod-list .prod-item .prod-name {font-size: 16px; color:#000;display: block;line-height: 20px;} .prod-list .prod-item .prod-action {float: right; width: 200px;} .prod-list .prod-item .prod-action .addcart {background-color: #000; color:#fff; width: 180px; display: inline-block; height: 30px; line-height: 30px; text-align: center; font-size: 15px; text-transform: uppercase;} .prod-list .prod-item .prod-action .wishlist {background-color: #1961ad; color:#fff;width: 180px; display: inline-block; height: 30px; line-height: 30px; text-align: center; font-size: 15px; text-transform: uppercase; margin-top:2px;} .prod-list .prod-item .prod-action .wishlist:hover {background-color:#000; color:#fff !important;} .prod-list .prod-item .prod-price {font-size: 20px; color:#ff0000; margin: 15px 0;} .home-banner .left {float:left; width: 258px; height: 236px; padding: 1px; border: 1px solid #f2f2f2; margin-right: 30px;} .home-banner .center {float:left; width: 553px; height: 242px;} .home-banner .center img {border: 1px solid #f2f2f2; padding: 1px;} .home-banner .center a:nth-child(1) {float:left; margin-right: 0;} .home-banner .center a:nth-child(2) {float: right;margin-top: 25px;} .home-banner .center a:nth-child(3) {float:left; margin-top: 25px;} .home-banner .right {float: right; border: 1px solid #f2f2f2; padding: 1px;} .specialOffer .value {/* border: 1px solid #FFD2D2; */ padding: 5px; /* background-color: #FBEEEE; */} #account-order-detail table {width: 100%;} #account-order-detail td {padding: 5px 3px; vertical-align: middle; border: 1px solid #ddd;} #contact-us {width: 100%; margin: 10px 0;} #contact-us td {vertical-align: middle; padding: 3px;} #contact-us td:nth-child(1) {width: 130px;} #contact-us td input[type="text"], #contact-us td textarea {width: 100%; height: 24px; font-family: 'Open Sans', sans-serif;} #contact-us td textarea {height: 120px;} .cart-box .box-name {line-height: 30px; margin-top: 10px; margin-bottom: 10px;} .cart-box .box-name span {border-bottom: 1px solid #222; line-height: 29px; display: inline-block; font-weight: bold;} .cart-box .box-row {line-height: 20px;} .cart-box .box-row .detail {padding: 10px; background-color: #FFFAC2; border: 1px solid #555;margin-top: 5px; display: none;} .cart-box .box-row input[type="radio"] {float: left; margin: 4px 5px 0 0; } .itemcomment{border:solid 1px #CCC;padding:5px;-webkit-border-radius:3px;-o-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;border-radius:3px;} .itemcommenthome{border-bottom:dashed 1px #e7e7e7;margin-left:5px;margin-right:5px;padding-bottom:5px;} .info_feeback span { color: #555; } .like_comment img { padding-right: 5px; } .like_comment span { color: #0B5EAE; } .comment_left img { width: 35px; border-radius: 50%; margin-top: 5px; } .comment_left { width: 40px; float: left; } .comment_right { margin-left: 44px; } .comment_user_address { font-size: 10px; color: #888; } .write_reply{background:url(../images/viet.png) left 2px no-repeat;display: inline-block;text-decoration:none;padding-left:13px;color:#0B5EAE;font-style:italic;padding-right: 7px;} .write_reply:hover{text-decoration:underline;} .reply_content { background: #E2F4F6; padding: 2px 5px; border-radius: 3px; } .c5 { clear: both; height: 5px; } .line{border-top:dashed 1px #ccc;padding:5px 0;} .item_comment{padding-bottom:10px;} .item_comment p{margin:3px 0;} .comment_right a{text-decoration:none;} #write_comment img { vertical-align: middle; margin-top: -3px; } #write_comment a { text-decoration: none; } .zalo-chat-widget{ bottom: 120px !important; right: 28px !important; } /*Responsive web by Pham Duc Phuong*/ @media (max-width: 1100px) { .wrap { width: 100%; } #footer .footer-method { clear: both; } .module-article .dleft{ width: 74.5%; } .module-article .dright{ width: 25%; } #footer .footer-link .info{ width: 33.3%; height: 200px; } #footer .social { width: 33.3% !important; } #footer .email-reg.info{ width: 80%; } #footer .email-reg.info input[type="button"]{ width: 23%; } #footer .email-reg.info input[type="text"] { width: 72%; } .module-article .first .ref, .module-article .first .list > a, .module-article .ref-box-article { width: 48%; overflow: hidden; } .module-article .first .list > a img, .module-article .first .list > a .abs, .module-article .ref-box-article > a{ width: 100%; height: auto; } .module-article .ref-box-article > a img { width: 68%; height: auto; } .module-article .menu{ width: 100%; } .prod-grid .prod-item{ width: 15%; margin-right: 3%; } .prod-double{ width: 45%; } .prod-double .image, .prod-double .info{ width: 49.5%; } .prod-double .image a,.prod-double .image a img, .prod-grid .prod-image img{ width: 90%; max-width: 95%; max-height: inherit; } .prod-grid .prod-item .prod-image{ width: 100%; } .prod-grid .addcart{ width: 71%; padding: 0 5px } .prod-grid .wishlist{ width: 20%; } .prod-grid .prod-item:nth-child(6n){margin-right: inherit;} } @media (max-width: 850px) { .module-article .dleft{ width: 100%; } .module-article .dright{ width: 100%; margin-top: 20px; } #article-temp .col-center{ width: 100%; } .prod-grid .prod-item{ width: 30%; } .prod-double{ width: 100%; } .prod-grid .addcart{ width: 60%; padding: 0 10 0 15px; } .prod-grid .wishlist{ width: 25%; } .contact_us_left, contact_us_right { width: 100% !important; } } @media (max-width: 650px) { .prod-grid .prod-item{ margin-right: 6px; margin-left: 6px; } #header .menu-top li > a { padding: 13px; } .module-article .first .ref, .module-article .first .list > a, .module-article .ref-box-article{ width: 100%; margin-bottom: 20px; } .prod-double{ width: 98%;height: auto; margin-right: 1%; } #footer .footer-link .info{ width: 50%; height: 230px; } #footer .social { width: 50% !important; } #header .menu-top li .sub-brand {width: 100%;} #menu .parent > .sub {width: 100%;} #menu .parent > .sub ul {width: 100%;} #home .banner-box .banner-slide {width: 100%;margin-top: 45px} #module-product .description .tab-content {width: 100%;} #module-product .dcol-left {width: 100%;} #module-product .description .tab-content {width: 100%;} #module-product .dcol-right {width: 100%;} #cart-temp .left {width: 100%;} #article-temp .col-center .top .left {width: 100%;} .home-banner .center{width: 100%;} img { max-width: 100% !important; } #header .search-box input[type='text'] {padding-left: 0px} #header .search-box {margin-left:0px} .prod-grid .addcart, .prod-double .daddcart{ width: 68%; padding: 0 5 0 10px; } .prod-grid .wishlist, .prod-double .dwishlist { width: 20%; } .prod-double .image a,.prod-double .image a img, .prod-grid .prod-image img{ width: 78%; } #header .menu-top li { line-height: 35px;} #header .search-box .category, #header .search-box .category select {width: 100%;} #header .search-box input[type="submit"]{top:48} #breadcrumb { margin-bottom: 20px;} #menu .list {top:88} } @media (max-width: 540px) { .prod-grid .prod-item { width: 46%;} .prod-double .image, .prod-double .info { width: 100%; margin: 10px 0;} } @media print { img { max-width: 100%; } }