/*------menu left -----------*/
.container-header
{
position:relative;
}
.nav-sidebar li a {
color: #000;
text-transform: uppercase;
}
.holder {
width: 0;
height: 0;
position: absolute;
top: -5px;
right: 0;
}
.holder::before {
top: 18px;
border-top: 2px solid #990002;
border-left: 2px solid #990002;
border-top-color: inherit;
border-left-color: inherit;
}
.holder::after {
top: 17px;
border-top: 2px solid #990002;
border-left: 2px solid #990002;
}
.holder::after, .holder::before {
display: block;
position: absolute;
content: "";
width: 10px;
height: 10px;
right: 20px;
z-index: 10;
-webkit-transform: rotate(-135deg);
-moz-transform: rotate(-135deg);
-ms-transform: rotate(-135deg);
-o-transform: rotate(-135deg);
transform: rotate(-135deg);
}
.has-sub ul {
border-bottom: 1px solid #ccc;
padding-left: 50px;
}
.has-sub ul li a
{
padding: 10px 0 5px;
display: block;
font-size: 11px;
}
.has-sub ul li:last-child a {
padding-bottom: 10px;
}
.has-sub ul li a:hover, .has-sub ul li.active a, .has-sub ul li.active a:hover
{
text-decoration:none;
color: #990002;
}
/*------END menu left -----------*/
/*------pagination-page -----------*/
.light-theme.pagination-page .current {
background: #333;
}
.light-theme.pagination-page a, .light-theme.pagination-page span {
background: #990002;
border: none;
border-radius: 0;
box-shadow: none;
color: #fff;
}
.light-theme.pagination-page a:hover {
background: red;
}
.layout-detail .light-theme.pagination-page a, .layout-detail .light-theme.pagination-page span {
background: #337ab7;
border: none;
border-radius: 0;
box-shadow: none;
color: #fff;
}
.layout-detail .light-theme.pagination-page a:hover {
background: navy;
}
.layout-detail .light-theme.pagination-page .current {
background:#990002;
}
.light-theme a:hover {
text-decoration: none;
background: #FCFCFC;
}
/*------END pagination-page -----------*/
/*------Body -----------*/
@media (max-width: 590px) {
.list-item .list-product {
width: 100%;
}
.product-detail .col-xs-6 {
width: 100%;
}
}
/*@media (min-width: 767px) and (max-width: 1199) {
.list-product .product-item img {
width: 100%;
}
}*/
@media (min-width: 767px){
.list-product .product-item img {
max-width: 90%;
}
.PhotosActivity, .luottruycap
{
display:block;
}
}
@media (max-width: 767px){
.navbar-nav.sf-menu ul {
padding-left: 15px;
}
.navbar-header .menu-bar{
display:block;
}
.PhotosActivity, .luottruycap
{
display:none;
}
.call.call-hotline {
display:block;
}
.main-left.support-online{
display:none;
}
}
.call-hotline {
overflow: hidden;
background: rgba(0,0,0,0.9);
position: fixed;
left: 0;
bottom: 0;
width: 100%;
display:none;
}
.call-phone {
float: left;
width: 50%;
text-align: center;
font-weight: bold;
padding: 5px;
}
.call-sms {
float: left;
width: 50%;
text-align: center;
font-weight: bold;
padding: 5px;
}
.call-phone img, .call-sms img {
height: 30px;
}
.menu .navbar-toggle {
float: left;
margin: 8px 0 8px 15px;
}
.menu-bar {
float: left;
font-size: 18px;
height: 50px;
line-height: 20px;
padding: 15px;
color:#fff;
font-weight:bold;
font-size:14px;
text-transform:uppercase;
display:none;
}
.menu-bar:hover{
color:#ffff00;
text-decoration:none;
}
.navbar-inverse.menu {
background: #e10808;
border-radius: 0px;
border: 1px solid #e10808;
margin-bottom: 10px;
}
.navbar-inverse.menu .navbar-nav li.active > a {
background: none;
box-shadow: none;
color: #000;
}
.navbar-inverse.menu .navbar-nav li a {
background: none;
box-shadow: none;
color: #fff;
font-size: 14px;
text-transform: uppercase;
}
.navbar-inverse.menu .navbar-nav li:hover > a {
color: #000;
}
.navbar-inverse.menu .navbar-nav.sf-menu li.sfHover > ul li:hover a,
.navbar-inverse.menu .navbar-nav.sf-menu li.sfHover > ul li.active a{
color: #000;
text-decoration:none;
}
h2.title {
color: #cb2026;
font-size: 22px;
font-weight: bold;
margin: 0 0 10px;
}
.main-left h2.title {
border-bottom: 1px solid #F58220;
padding-bottom: 10px;
}
.product-item {
border: 1px #d7d7d7 solid;
border-bottom:none;
text-align: center;
position: relative;
height: 180px;
}
.list-product:hover .product-item {
border: 1px solid #F58220;
border-bottom: none;
}
.list-product:hover .price{
border: 1px solid #F58220;
border-top: none;
}
.list-product:hover a.title
{
color: #cb2026;
}
.list-product:hover h4.title
{
color: #cb2026;
}
.product-item img {
max-width: 90%;
max-height: 90%;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
}
h4.title {
color: #337ab7;
font-size: 12px;
height: 26px;
line-height: 28px;
margin: 0;
overflow: hidden;
padding: 0 6px;
text-align: center;
}
.list-product {
margin-bottom: 20px;
position:relative;
}
a.title {
text-align: center;
font-size: 12px;
width: 100%;
}
.post-item .price {
padding: 0;
height: 28px;
}
.price {
background: #d8d8d8;
border: 1px solid #d8d8d8;
border-top: none;
height: 70px;
padding: 5px;
overflow: hidden;
text-align: center;
}
.price p {
text-align: center;
margin: 0;
text-decoration: line-through;
}
p.color {
color: #990002;
font-weight: bold;
text-decoration: none;
display: none;
}
p.giftpro {
text-decoration: none;
font-size: 12px;
}
.sale {
position: absolute;
top: 5px;
right: 20px;
background: url("../images/system/sale.png");
width: 50px;
text-align: right;
padding-right: 5px;
color: #fff;
height: 22px;
}
.content-menu-left li a {
color: #000;
text-decoration: none;
}
.content-menu-left li a:hover {
color: #cb2026;
}
ul.content-menu-left {
margin: 0;
padding: 0;
}
.content-menu-left li {
list-style-type: none;
border-bottom: 1px #d7d7d7 solid;
padding-bottom: 5px;
margin-bottom: 5px;
}
.content-menu-left li:before {
content: "›";
margin-right: 5px;
}
.content-menu-left li:hover {
color: #cb2026;
}
.layout-detail {
background-color: #3E3E3E;
}
.layout-detail .page-header {
color: #fff;
margin-top: 10px;
}
.logo {
margin-bottom: 1px;
position: relative;
}
.order {
position: absolute;
top: 0px;
right: 10px;
background-image: url("../Images/Icon/cart.png");
background-size: 50px 50px;
width: 50px;
height: 50px;
text-align: center;
color: red;
font-weight: bold;
cursor:pointer;
}
.order div {
padding: 11px 10px 11px 0;
}
.order img {
width: 50px;
}
.logo.active {
position:fixed;
width:100%;
z-index:1;
}
.logo img {
width: 100%;
}
.placeholder a:hover,.placeholder a:focus {
color: #990002;
text-decoration: none;
}
.clear {
clear: both;
}
.list-item.relate-product {
margin: 0;
}
.relate-product {
padding: 0;
}
.layout-detail .pagination-page {
padding-left: 15px;
}
.relate-product h2 {
}
.comment .fb_iframe_widget,
.comment .fb_iframe_widget span,
.comment .fb_iframe_widget span iframe[style]
{
width: 100% !important;
}
.comment {
margin-bottom: 10px;
}
.item-share {
float: left;
margin-right: 15px;
}
.placeholder.post-item {
text-align: left;
padding-bottom: 10px;
margin-bottom: 10px;
}
.placeholder.post-item img {
width: 200px;
height: auto;
float: left;
margin-right: 10px;
border: 1px solid;
padding: 1px;
}
p.post-description {
text-align: justify;
margin-bottom: 20px;
}
.post-item p.post-description {
margin-bottom: 0;
}
.placeholders.post-detail {
text-align: left;
}
.post-description {
text-align: justify;
margin-top: 10px;
}
.list-item.relate-post {
margin: 0;
}
.infor {
position: absolute;
bottom: 0;
left: 20px;
font-size:11px;
}
p {
margin-bottom: 5px;
}
.contact legend, .login legend {
display: none;
}
input, textarea {
border: 1px solid #ccc;
}
input {
width: 100%;
padding: 5px;
}
textarea {
width: 100%;
padding: 5px;
height: 100px;
}
input[type="submit"] {
background-color: #990002;
border: none;
color: #fff;
width: auto;
padding: 5px 10px;
}
input[type="submit"]:hover {
background-color: red;
}
input#RememberMe {
width: 20px;
float: left;
}
.icon-bar {
background-color: #888;
}
.sidebar .navbar-toggle {
background-color: #fff;
border: 1px solid #ccc;
}
.sidebar .navbar-toggle:hover {
background-color: #ccc;
cursor:pointer;
}
.SlideShow {
margin-bottom: 20px;
border: 1px solid #d7d7d7;
}
.main-left {
margin-bottom: 10px;
}
.contact {
margin-bottom: 20px;
}
.editor-field input {
margin-bottom: 10px;
}
.find {
margin-top: 10px;
}
.post-item {
margin-bottom: 20px;
}
.relate-post ul li:hover a {
text-decoration: none;
color: #cb2026;
}
.relate-post ul li {
list-style-type:none;
}
.relate-post ul {
padding-left: 20px;
}
.relate-post .simple-pagination {
margin: 0;
}
.about img {
float: left;
margin: 0 20px 20px 0;
width: 150px;
height: 150px;
}
a.about-title {
text-transform: uppercase;
}
a.about-title:hover{
text-decoration: none;
color: #cb2026;
}
#ads-home img {
}
#ads-home .ads-item {
border: 1px solid #d7d7d7;
margin: 0 5px;
text-align: center;
border-radius: 5px;
height: 130px;
position: relative;
}
.owl-buttons {
display: none;
}
h2.title-footer {
font-size: 16px;
margin: 16px 0 0;
color: #ffff00;
}
div#ads-home {
margin-bottom: 20px;
}
.post-detail {
margin-bottom: 10px;
}
.product-detail img.pro-img{
width:100%;
}
.content-menu-left li:last-child
{
border-bottom: none;
margin-bottom: 0;
padding-bottom: 0;
}
h3.title {
font-size: 15px;
font-weight: bold;
margin: 0 0 10px;
text-transform: uppercase;
padding-top: 1px;
color: #fff;
}
.footer-content {
margin-bottom: 20px;
}
.lien-he {
margin-bottom: 20px;
}
.search-right {
position: absolute;
right: 15px;
top: 9px;
}
select#itemselect {
border: 1px solid #F58220;
padding: 5px 10px;
width: 100%;
}
input#InputKeyword {
width: 100%;
transition: all 800ms;
border: 1px solid #F58220;
color: #F58220;
margin: 0;
}
input#InputKeyword:focus, input#InputKeyword:hover {
width: 100%;
transition: all 800ms;
border: 1px solid #F58220;
}
.search-find button img {
width: 20px;
}
.search-find button {
background-color: #fff;
padding: 3px;
margin: 3px;
display: flex;
border: none;
position: absolute;
top: 0;
right: 0;
}
.search-find button:hover,
.search-find button:hover:focus {
border:none;
}
.find.search-find {
position: relative;
}
ul.ui-autocomplete {
border-radius: 0;
border:1px solid #F58220;
}
.ui-autocomplete.ui-menu .ui-menu-item a.ui-state-hover,
.ui-autocomplete.ui-menu .ui-menu-item a.ui-state-focus{
background:#F58220;
color:#fff;
border:0;
border-radius:0;
}
.item-video {
margin-bottom: 30px;
}
.useronline img {
vertical-align: top;
margin-right: 5px;
}
.post-img {
}
.post-info {
}
.ptitle {
font-size: 24px;
font-weight: normal;
margin: 0px 0 5px;
text-transform: uppercase;
color: #0C7ACB;
text-shadow: 1px 1px 1px #FFF;
}
span.pSale {
color: #EB0000;
font-size: 24px;
font-weight: bold;
}
span.pPrice {
color: #000;
font-size: 14px;
text-decoration: line-through;
}
.post-info p {
margin: 0 0 5px;
}
span.pLienhe{
color: #EB0000;
font-size: 14px;
}
p.gift {
color: #FA6900;
}
span.gPrice {
font-weight: bold;
}
ul.lGift {
padding-left: 15px;
margin-bottom: 5px;
}
span.gName {
color: #ff0000;
font-weight: bold;
}
span.gNote {
color: #ff0000;
}
.dathang {
color: #fff;
background-color: #F58220;
padding: 10px 20px;
text-align: center;
font-size: 20px;
text-transform: uppercase;
float: left;
margin-right: 10px;
margin-bottom: 10px;
display:none;
}
.dathang:hover{
cursor:pointer;
background-color:#EB0000;
}
.placeholders.container-main {
overflow: hidden;
}
.order-list table thead tr {
border: 1px solid #c1c0bf;
}
.order-list table tr:nth-child(2n) {
background-color: #f5f5f5;
}
.order-list table tbody tr:nth-child(2n+1) {
background-color: #fff;
}
.order-list table tbody tr:hover {
background-color: #FAEABB;
}
.order-list table thead {
background: #d8d8d8 none repeat scroll 0 0;
}
.order-list table td, .order-list table th {
padding: 5px 2px;
}
.order-list table th {
text-align:center;
}
.order-list table tbody td {
border: 1px solid #e1e1e1;
}
input.soluongsp {
width: 50px;
text-align: center;
float: left;
}
button.giamsoluong {
padding: 5px 10px;
border: 1px solid #ccc;
float: left;
border-right: none;
}
button.tangsoluong{
padding: 5px 10px;
border: 1px solid #ccc;
float: left;
border-left: none;
}
img.updatesoluong {
float: left;
width: 30px;
cursor: pointer;
}
.button-dathang .dathang {
float: right;
margin-top: 10px;
}
.button-dathang .dathang:hover {
color:#fff;
text-decoration:none;
}
.order-list table {
width: 100%;
}
.thongtindathang input {
width: 500px;
float: left;
}
textarea#NoiDung {
width: 500px;
}
.thongtindathang label {
width: 140px;
float: left;
cursor:pointer;
}
input#PhuongThucGiaoHang, input#PhuongThucThanhToan {
width: 20px;
}
.thongtindathang input[type="submit"] {
width: auto;
margin-right: 10px;
float: left;
}
a.cancel-form {
background: #990002;
color: #fff;
padding: 5px 10px;
float: left;
}
a.cancel-form:hover
{
background:red;
text-decoration:none;
color:#fff;
}
.phuongthuc span.field-validation-error
{
margin-left: 20px;
}
span.field-validation-error {
margin-left: 140px;
color: red;
/* margin-bottom: 5px; */
}
label[for="PhuongThucGiaoHang"]{
width: auto;
}
label[for="PhuongThucThanhToan"] {
width: auto;
}
.submit-form {
overflow: hidden;
margin-bottom: 20px;
}
div#tabs_Description {
border-radius: 0;
border: none;
padding: 0;
}
#tabs_Description.ui-tabs .ui-tabs-nav {
padding: 0;
border: none;
background: none;
}
.ui-tabs .tab-content.ui-tabs-panel {
padding: 10px;
border: 1px solid #aaa;
border-radius: 0;
margin-top: -1px;
}
#tabs_Description.ui-tabs .ui-tabs-nav li {
border-radius: 0;
}
.popRight img {
max-width: 100%;
height: 130px;
}
.popLeft {
width: 300px;
float: left;
margin-right: 10px;
}
.popRight {
width: 250px;
float: left;
text-align: center;
}
.popLeft input {
margin-bottom: 10px;
}
.pop-tuvan .submit-form {
text-align: center;
margin: 0;
}
.ui-dialog .ui-dialog-titlebar.ui-widget-header {
background: #ff0000;
border: medium none;
border-radius: 0;
color: #fff;
}
.ui-dialog.ui-widget-content {
border: 1px solid #ff0000;
border-radius: 0;
padding: 0;
}
button.ui-dialog-titlebar-close {
background: url("../Images/icon/delete-item.png");
background-size: 19px 20px;
border: none;
}
.callhome {
position: fixed;
top: 40%;
right: -70px;
transform: rotate(-90deg);
z-index:1000;
}
textarea#CallContent {
height: 190px;
}
.popLeft span.field-validation-error, .popRight span.field-validation-error {
margin: 0;
}
.logoLeft {
/*float: left;*/
padding: 10px 0;
}
.logoRight {
float: right;
padding: 10px 0;
}
.logo img {
width: 100%;
/*height: 70px;*/
}
.hotline span{
color:red;
font-size:20px;
}
.support-online {
background-color: #fff;
position: fixed;
right: 0;
top: 211px;
width: 170px;
z-index: 1111;
display:block;
}
.support-online td {
padding: 0;
}
.support-online td {
text-align: center;
}
span.Mobiphone, span.SupportName {
color: rgb(255, 102, 0);
font-weight: bold;
}
.support-online .border-content {
border: 1px solid #F58220;
padding: 5px;
border-right: none;
}
img.img-info {
width: 15px;
height: 15px;
}
img.img-sup {
width: 70px;
height: 20px;
margin-bottom: 3px;
}
.error-page h2 {
margin: 0 0 10px;
text-align: center;
font-size: 40px;
color: red;
}
.error-page {
margin-bottom: 10px;
}
.ads-item h3 {
font-size: 14px;
margin: 0 auto;
height: 17px;
line-height: 20px;
position: absolute;
bottom: 2px;
left: 0;
right: 0;
}
.ads-item:hover h3 {
text-decoration:none;
color:#990002;
}
.post-ads#ads-home img {
margin: auto;
max-width: 90%;
max-height: 70%;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.ads-item:hover
{
text-decoration:none;
}
a.back-to-top {
position: fixed;
bottom: 5px;
right: 10px;
background: rgba(0, 0, 0, 0.8);
display: inline-block;
height: 3em;
width: 3em;
-webkit-border-radius: 4px;
border-radius: 4px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
text-indent: -999em;
color: #fff;
font-weight: bold;
z-index: 2222;
}
a.back-to-top:before {
content: "";
display: block;
position: absolute;
top: 0;
left: 1px;
right: 0;
bottom: 0;
font-family: 'WebSymbolsRegular';
content: ">";
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
zoom: 1;
text-indent: 0;
text-align: center;
line-height: 2;
font-size: 20px;
}
a.back-to-top:hover {
background: #990002;
font-weight: bold;
color: #fff;
}
.post-detail table {
width: 100%!important;
}
.post-detail .pro-info {
padding: 0;
border: none;
}
.pro-info {
width: 100%;
border-top: 2px solid #e10808;
padding-top: 10px;
}
img.img-pro-info {
min-height: 16px;
float: none;
width: auto;
height: 16px;
margin-right: 10px;
}
h2.title span.showitem {
float: right;
color: #F58220;
font-size: 14px;
margin: 5px;
}
select#perpage {
float: right;
color: #F58220;
border-color: #e10808;
}
.footer {
background: #e10808;
padding-top: 10px;
}
.support-online .border-content table {
font-size: 11px;
}
img.pro-img {
max-width: 100%;
height: auto;
}
/*------END Body -----------*/