@charset "utf-8";

html { overflow:-moz-scrollbars-vertical; overflow-y:scroll; overflow-x:auto;}
img{ border:none;}
ul{ margin:0px; padding:0px; list-style:none;}
h1,h2,h3,h4,h5,h6{ margin:0px; padding:0px; font-family: 'Roboto', sans-serif, Arial; font-weight:300;}
a{ text-decoration:none; cursor:pointer; -moz-transition:all .1s ease-in; -webkit-transition:all .1s ease-in; transition:all .1s ease-in;}
a:hover, a:focus{ text-decoration:none;}
body{ margin:0px; padding:0px; background:#fff; font-family: 'Roboto', sans-serif, Arial; font-size:14px; color:#666; font-weight:400;}

article, aside, details, figcaption, figure, footer, header, menu, nav, section { display:block;}

.clear{ clear:both;}

table{ border-collapse:collapse; border-spacing:0px;}
table tr td, table tr th{ border-spacing:0px;}
.table tbody tr td, .table thead tr th{ border-spacing:0px; vertical-align:middle;}

.table-striped > tbody > tr:nth-of-type(odd){ background-color:#fff;}
.table-striped > tbody > tr:nth-of-type(even){ background-color:#f9f9f9;}

.login .logo{ padding:15px 0px;}
.login .logo a{ display:block; width:178px; height:44px; background:url(../images/logo.png) no-repeat; background-size:178px 44px; text-indent:-9999px; margin:0px auto;}
.login .form-content{ padding:60px 0px; background:url(../images/bg/bg-tile-1.png); border-top:solid 1px #eee; font-size:14px; color:#444;}
.login .form-content .panel{ width:480px; margin:0px auto; margin-bottom:0px;}
.login .form-content h1{ font-size:18px; font-weight:400; color:#231f20;}
.login .form-content .btn{ width:100%; display:block;}
.login .form-content .form-action{ margin-bottom:10px;}
.login .form-content .form-action ul li{ margin-bottom:5px; text-align:center;}
.login .form-content .form-action ul li:last-child{ margin-bottom:0px;}
.login .form-content .form-link{ margin-bottom:10px;}
.login .form-content .form-link a{ color:#434244;}
.login .form-content .form-link a:hover{ text-decoration:underline;}
.login .form-content .form-info-text{ margin-bottom:20px;}
.login .form-content input.inputError{ border:solid 1px #434244; color:#434244;}
.login .copyright{ padding:30px 0px; text-align:center; background:#fff; border-top:solid 1px #ddd; font-size:13px; color:#666;}
.login .copyright span{ font-weight:700;}
@media (max-width: 767px) {
	.login .form-content{ padding:40px 0px;}
}
@media (max-width: 561px) {
	.login .form-content .panel{ width:90%;}
}
@media (max-width: 481px) {
	.login .form-content{ padding:30px 0px;}
}

table.captcha{ width:100%;}
table.captcha tr td:first-child{ width:160px;}
@media (max-width: 481px) {
	table.captcha tr td img{ width:110px;}
	table.captcha tr td:first-child{ width:120px;}
}

.top{ background:#444; font-size:13px; color:#eee;}
.top .welcome{ padding:12px 0px;}
.top .welcome span{ color:#fff; font-weight:700;}
.top .member-menu{ float:right;}
.top .member-menu ul li{ float:left; margin-right:20px; position:relative;}
.top .member-menu ul li:last-child{ margin-right:0px;}
.top .member-menu ul li a{ display:block; padding:12px 0px; color:#fff;}
.top .member-menu ul li a i{ margin-right:5px;}
.top .member-menu ul li a:hover{ color:#eee;}
.top .member-menu ul li ul.dropdown-menu{ font-size:13px;}
.top .member-menu ul li ul.dropdown-menu li{ float:none; margin:0px; border-top:solid 1px #f5f5f5;}
.top .member-menu ul li ul.dropdown-menu li:first-child{ border-top:none;}
.top .member-menu ul li ul.dropdown-menu li a{ padding:8px 10px; color:#666;}
.top .member-menu ul li ul.dropdown-menu li a i{ width:20px; margin-right:0px; text-align:center; color:#ddd;}

header{ height:91px; background:#fff; border-bottom:solid 1px #eee;}
header .left{ position:relative;}

header .logo{ padding:23px 0px;}
header .logo a{ display:block; width:178px; height:44px; background:url(../images/logo.png) no-repeat; background-size:178px 44px; text-indent:-9999px;}

header .mobile-menu-button{ position:absolute; right:15px; top:15px; display:none;}
header .mobile-menu-button ul li{ float:left; margin-right:5px;}
header .mobile-menu-button ul li:last-child{ margin-right:0px;}
header .mobile-menu-button ul li a{ display:block; width:40px; height:40px; line-height:40px; text-align: center; background:#666; font-size:24px; color:#fff; cursor:pointer; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
header .mobile-menu-button ul li a:hover{ background:#444;}

header .mobile-menu-nav{ position:absolute; left:15px; top:15px; display:none;}
header .mobile-menu-nav a{ display:block; width:40px; height:40px; line-height:40px; text-align: center; background:#434244; font-size:24px; color:#fff; cursor:pointer; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
header .mobile-menu-nav a:hover{ background:#585858;}

header .main-menu{ float:right; font-size:16px;}
header .main-menu ul li{ float:left; margin-right:30px;}
header .main-menu ul li:last-child{ margin-right:0px;}
header .main-menu ul li a{ display:block; height:90px; line-height:90px; border-bottom:solid 3px #fff; color:#444;}
header .main-menu ul li a:hover{ border-bottom:solid 3px #434244; color:#434244;}
header .main-menu ul li a.selected{ border-bottom:solid 3px #434244; color:#434244;}

.search{ padding:20px 0px; background:url(../images/bg/bg-tile-1.png); border-bottom:solid 1px #eee;}
.search .search-btn{ background:#434244; color:#fff;}
.search .search-btn:hover{ background:#585858;}

.mobile-menu{ width:80%; height:100%; overflow:hidden; background:#f5f5f5; position:fixed; left:0px; top:0px; z-index:998; -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.7); -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.7); box-shadow: 0 0 10px rgba(0, 0, 0, 0.7); display:none;}
.mobile-menu section{ height:100%; overflow:auto;}
.mobile-menu-close{ width:40px; height:40px; position:fixed; right:15px; top:15px; z-index:999; display:none;}
.mobile-menu-close a{ display:block; width:40px; height:40px; line-height:40px; text-align:center; background:#434244; color:#fff; font-size:24px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; cursor:pointer;}
.mobile-menu-close a:hover{ background:#585858;}
.overlay{ width:100%; height:100%; background:rgba(0, 0, 0, 0.75); position:fixed; left:0px; top:0px; z-index:997; display:none;}

.mobile-menu .mobile-header{ height:71px; padding:0px 15px; border-bottom:solid 1px #ddd; background:#fff; position:relative;}
.mobile-menu .mobile-header .logo{ padding:13px 0px;}
.mobile-menu .mobile-header .logo a{ display:block; width:44px; height:44px; background:url(../images/logo-mobile.png) no-repeat; background-size:44px 44px; text-indent:-9999px;}
.mobile-menu .mobile-header .welcome{ line-height:20px; font-size:13px; color:#444; position:absolute; top:15px; right:15px; text-align:right;}
.mobile-menu .mobile-header .welcome span{ display:block; color:#231f20; font-weight:700;}

.mobile-menu .quick-menu{ border-bottom:solid 1px #ddd; font-size:13px; background:#fff;}
.mobile-menu .quick-menu ul li{ display:block; width:33%; float:left;}
.mobile-menu .quick-menu ul li:first-child{ width:34%;}
.mobile-menu .quick-menu ul li a{ display:block; padding:15px 0px; text-align:center; color:#444; border-left:solid 1px #ddd;}
.mobile-menu .quick-menu ul li:first-child a{ border-left:none;}
.mobile-menu .quick-menu ul li a i{ display:block; margin-bottom:5px; font-size:18px;}
.mobile-menu .quick-menu ul li a:hover{ background:#434244; color:#fff;}

.mobile-menu .main-menu ul li{ font-size:15px;}
.mobile-menu .main-menu ul li a{ display:block; padding:12px 15px; background:#f5f5f5; color:#444; border-bottom:solid 1px #ddd;}
.mobile-menu .main-menu ul li a:hover{ color:#231f20;}
.mobile-menu ul li a.active, .mobile-menu ul li a.active:hover{ color:#434244;}
.mobile-menu .main-menu ul li a.openmenu:before{ content:"\f0d7"; font-family:FontAwesome; font-style:normal;  font-weight:normal; text-decoration:inherit; color:#ccc; font-size:14px; padding:0px 8px 0px 0px;}
.mobile-menu .main-menu ul li a.active:before{ content:"\f0d8"; font-family:FontAwesome; font-style:normal;  font-weight:normal; text-decoration:inherit; color:#434244; font-size:14px; padding:0px 8px 0px 0px;}
.mobile-menu .main-menu ul li ul{ display:none;}
.mobile-menu .main-menu ul li ul li a{ color:#e2e2e2; background:#444; border-top:solid 1px #555; border-bottom:none;}
.mobile-menu .main-menu ul li ul li a:hover{ background:#333; color:#fff;}
.mobile-menu .main-menu ul li ul li a i { margin-right: 5px;}
.mobile-menu .main-menu ul li ul li:first-child a{ border-top:none;}

@media (max-width: 1199px) {
	header .main-menu{ font-size:15px;}
	header .main-menu ul li{ margin-right:25px;}
}
@media (max-width: 991px) {
	header .main-menu{ font-size:14px;}
	header .main-menu ul li{ margin-right:15px;}
}
@media (max-width: 767px) {	
	.top{ height:71px; padding:0px;}
	.top .left, .top .right{ display:none;}
	
	header{ width:100%; height:71px; position:fixed; top:0px; z-index:90; -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2); box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2); transform: translateZ(0); -webkit-transform: translateZ(0); -moz-transform: translateZ(0);}	
	header .logo{ width:166px; margin:0px auto; padding:13px 0px;}
	header .logo a{ width:166px; height:44px; background:url(../images/logo.png) no-repeat; background-size:166px 44px;}
	header .right{ display:none;}
	header .mobile-menu-nav, header .mobile-menu-button{ display:block;}
	
	.search{ width:100%; position:fixed; top:71px; z-index:89; -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2); box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2); transform: translateZ(0); -webkit-transform: translateZ(0); -moz-transform: translateZ(0); display:none;}
}
@media (max-width: 481px) {
	header .logo{ width:44px;}
	header .logo a{ width:44px; height:44px; background:url(../images/logo-mobile.png) no-repeat; background-size:44px 44px;}
}

.wrap{ padding:30px 0px;}

@media (max-width: 767px) {	
	.wrap .left{ margin-bottom:40px;}
}

.module{ margin-bottom:20px;}
.module:last-child{ margin-bottom:0px;}
.module .panel .panel-heading{ color:#444; font-weight:700; position:relative;}
.module .panel .panel-heading i{ margin-right:5px; color:#ccc;}
.module .panel .panel-heading a.action{ display:block; width:30px; height:30px; line-height:30px; text-align:center; background:#f5f5f5; font-size:18px; position:absolute; right:0px; top:50%; -moz-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); transform: translate(0, -50%);}
.module .panel .panel-heading a.action i{ margin-right:0px; color:#ccc;}
.module .panel .panel-heading a.action:hover i{ color:#999;}
.module .panel .hidden{ height:0px; overflow:hidden;}

.main-banner{ margin-bottom:30px;}
.main-banner .panel-body{ padding:5px;}
.main-banner-slider .item img{ display:block; width:100%;}

.wrap .right .banner img{ display:block; width:100%;}

.no-result{ padding:15px 0px; text-align:center; color:#999;}
.no-result a{ color:#999; text-decoration:underline;}
.no-result a:hover{ color:#434244;}

.order-list .mini-cart{ position:relative;}
.order-list .mini-cart .list{ font-size:13px;}
.order-list .mini-cart .list table{ width:100%;}
.order-list .mini-cart .list table tr:first-child td{ padding:0px 0px 10px 0px;}
.order-list .mini-cart .list table tr td{ border-bottom:solid 1px #ddd; padding:10px 0px;}
.order-list .mini-cart .list table tr td.photo{ padding-right:5px;}
.order-list .mini-cart .list table tr td.photo img{ display:block; width:40px; padding:1px; border:solid 1px #eee;}
.order-list .mini-cart .list table tr td.name{ font-size:13px;}
.order-list .mini-cart .list table tr td.number{ width:42px; font-weight:700;}
.order-list .mini-cart .list table tr td.number .form-control{ text-align:center; padding:5px;}
.order-list .mini-cart .list table tr td.price{ padding:0px 10px 10px 10px; white-space:nowrap; font-size:14px;}
.order-list .mini-cart .list table tr td.price span.old{ display:block; font-size:11px; color:#999; text-decoration:line-through;}
.order-list .mini-cart .list table tr td.action a{ color:#434244; font-size:15px;}
.order-list .mini-cart .refresh-cart{ padding:10px 0px 0px 0px; text-align:right; font-size:13px;}
.order-list .mini-cart .refresh-cart a{ display:inline-block; padding:5px 10px; background:#434244; color:#fff; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
.order-list .mini-cart .refresh-cart a:hover{ background:#585858;}
.order-list .mini-cart .refresh-cart a.disabled{ cursor:progress; background:#585858;}
.order-list .mini-cart .total{ padding:10px 0px; text-align:right; font-size:14px;}
.order-list .mini-cart .total p{ margin-bottom:5px;}
.order-list .mini-cart .total p:last-child{ margin-bottom:0px;}
.order-list .mini-cart .total span{ font-weight:700;}
.order-list .mini-cart .button{ font-size:14px;}
.order-list .mini-cart .button .btn-buy{ display:block; padding:10px; text-align:center; background:#666; border:none; color:#fff; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
.order-list .mini-cart .button .btn-buy:hover{ background:#444;}
.order-list .mini-cart .loading{ width:100%; height:100%; background:rgba(255, 255, 255, 0.9); position:absolute; left:0px; top:0px;}
.order-list .mini-cart .loading section{ width:100%; text-align:center; position:absolute; left:0px; top:50%; -moz-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); transform: translate(0, -50%); font-size:16px; color:#777;}
.order-list .mini-cart .loading section i{ display:block; margin-bottom:5px; font-size:24px;}

.product-slider .item{ text-align:center;}
.product-slider .item .date{ font-size:0; margin-bottom:10px;}
.product-slider .item .date .date-item{ width:50px; display:inline-block; line-height:100%; font-size:16px; font-weight:700; padding:5px 0px; border:solid 1px #ddd; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; margin:0px 3px;}
.product-slider .item .date .date-item span{ display:block; font-size:10px; font-weight:400;}
.product-slider .item .photo{ margin-bottom:10px;}
.product-slider .item .photo img{ width:50%; margin:0px auto;}
.product-slider .item .info{ margin-bottom:10px;}
.product-slider .item .info .name{ font-size:15px; color:#444; margin-bottom:5px;}
.product-slider .item .info .price{ font-size:18px; color:#434244;}
.product-slider .item .info .price span.old{ font-size:14px; color:#999; text-decoration:line-through; margin-right:5px;}
.product-slider .item .action{ padding-bottom:5px;}

.home-tab .nav-tabs li{ font-size:15px;}
.home-tab .nav-tabs li a{ color:#999;}
.home-tab .nav-tabs>li.active>a, .home-tab .nav-tabs>li.active>a:focus, .home-tab .nav-tabs>li.active>a:hover{ color:#444;}
.home-tab .tab-pane{ padding:15px 0px;}
@media (max-width: 991px) {
	.home-tab .nav-tabs li a{ font-size:14px; padding:10px;}
}
@media (max-width: 481px) {
	.home-tab .nav-tabs li a{ font-size:13px; padding:10px 5px;}
}

.main-title{ background:#fff; border-bottom:solid 3px #f0f0f0; color:#fff; margin-bottom:20px;}
.main-title h1{ display:inline-block; padding:10px 30px; background:#666; font-size:17px; font-weight:400; border-top-right-radius:5px; -moz-border-radius-topright:5px; -webkit-border-top-right-radius:5px; border-top-left-radius:5px; -moz-border-radius-topleft:5px; -webkit-border-top-left-radius:5px;}
.main-title h1 i{ margin-right:5px;}
.main-title h1 span{ font-weight:700;}
@media (max-width: 991px) {
	.main-title h1{ padding:10px 20px; font-size:16px;}
}
@media (max-width: 481px) {
	.main-title h1{ padding:10px; font-size:15px;}
}

.menu-title{ position:relative;}
.menu-title .menu{ position:absolute; right:0px; top:50%; -moz-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); transform: translate(0, -50%);}
.menu-title .menu ul li{ float:left; margin-right:5px;}
.menu-title .menu ul li:last-child{ margin-right:0px;}
.menu-title .menu ul li a{ padding:2px 10px;}
@media (max-width: 1199px) {
    .menu-title{ border-bottom:none;}
    .menu-title .menu{ position:relative; right:auto; top:auto; -moz-transform: translate(0, 0); -webkit-transform: translate(0, 0); transform: translate(0, 0); border-top:solid 3px #f0f0f0; padding-top:10px;}
    .menu-title .menu ul li{ margin-bottom:5px;}
    .menu-title .menu ul li a{ padding:2px 6px;}
}

.sorting{ padding:8px; background:#f5f5f5; border:solid 1px #ddd; margin-top:-10px; margin-bottom:20px; font-size:14px; color:#444; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
.sorting .left{ float:left; padding:5px 0px;}
.sorting .right{ float:right;}
.sorting .right .dropdown-menu>li>a.selected{ color:#262626;text-decoration:none;background-color:#f5f5f5;}
.sorting span{ font-weight:700;}
.sorting ul.dropdown-menu{ left:auto; right:0px;}
@media (max-width: 767px) {
	.sorting .left{ margin-bottom:0px;}
}

.product-list ul li{ border-top:solid 1px #ddd; padding:15px 0px;}
.product-list ul li:first-child{ border-top:none; padding:0px 0px 15px 0px;}
.product-list ul li a{ display:block; color:#444;}
.product-list ul li .photo{ width:8%; float:left;}
.product-list ul li .photo img{ display:block; width:100%;}
.product-list ul li .info{ width:76%; float:left; padding:10px; color:#444;}
.product-list ul li .info .name{ font-size:15px; margin-bottom:5px;}
.product-list ul li .info .price{ font-size:17px; color:#434244;}
.product-list ul li .info .price span.old{ font-size:13px; color:#999; text-decoration:line-through; margin-right:5px;}
.product-list ul li .action{ width:16%; float:right; padding:10px 0px; text-align:right;}
.product-list ul li a:hover .action .btn-default{ color:#333; background-color:#e6e6e6; border-color:#adadad;}
@media (max-width: 1199px) {
	.product-list ul li .photo{ width:10%;}
	.product-list ul li .info{ width:70%;}
	.product-list ul li .action{ width:20%;}
}
@media (max-width: 991px) {
	.product-list ul li .info{ width:62%; padding:0px 10px;}
	.product-list ul li .info .name{ font-size:14px;}
	.product-list ul li .action{ width:28%;}
}
@media (max-width: 767px) {
	.product-list ul li .info{ width:70%; padding:5px 10px;}
	.product-list ul li .info .name{ font-size:15px;}
	.product-list ul li .action{ width:20%;}
	.product-list ul li .action .btn-default{ width:100%; padding:6px 0px;}
}
@media (max-width: 481px) {
	.product-list ul li .photo{ width:auto; float:none;}
	.product-list ul li .photo img{ width:30%; margin:0px auto;}
	.product-list ul li .info{ width:auto; float:none; padding:10px; text-align:center;}
	.product-list ul li .action{ width:auto; float:none; text-align:center; padding:0px;}
	.product-list ul li .action .btn-default{ width:auto; padding:6px 12px;}
}

.checkout .item{ padding:30px 0px; border-top:solid 5px #f5f5f5;}
.checkout .item:first-child{ padding:0px 0px 30px 0px; border-top:none;}
.checkout .item:last-child{ padding:30px 0px 0px 0px;}
.checkout .item .title{ height:40px; background:#f5f5f5; border:solid 1px #ddd; padding:0px 10px 0px 65px; margin-bottom:20px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; position:relative;}
.checkout .item .title .number{ width:50px; height:50px; line-height:50px; text-align:center; background:#ddd; font-size:21px; color:#fff; position:absolute; left:5px; top:-5px; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; text-shadow:1px 1px #bbb;}
.checkout .item .title h2{ display:inline-block; line-height:40px; font-size:14px; color:#444; font-weight:700;}
.checkout .item .title h2 i{ margin-right:5px; color:#ccc;}
.checkout .item .title a { float:right; line-height: 40px;}
.checkout .item .info-text{ margin-bottom:20px;}
.checkout .item .info-text p{ padding:10px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}

.checkout .address-list{ margin-bottom:20px;}

.checkout-new-address{ width:640px; display:none;}
.checkout-new-address h3{ font-size:16px; font-weight:700; color:#444; margin-bottom:20px; padding-bottom:10px; border-bottom:solid 1px #ddd;}
.checkout-new-address span.notice{ font-weight:400; font-size:13px; color:#999;}
.checkout-new-address span.id-info{ font-size:16px; cursor:help;}
.checkout-new-address .form-action .btn{ margin-right:5px;}
.checkout-new-address .bootstrap-select{ height:auto;}
.checkout-new-address .bootstrap-select .btn{ padding:10px 16px; font-size:18px; line-height:1.3333333; border-radius:6px;}
@media (max-width: 767px) {
	.checkout-new-address{ width:90%;}
}

.checkout .payment-info .tab-content{ padding:20px 0px 0px 0px;}
.checkout .payment-info .tab-content h3{ font-size:18px; color:#444; font-weight:700; margin-bottom:20px;}
.checkout .payment-info .tab-content p.text-warning{ margin-bottom:20px;}
.checkout .payment-info .tab-content .form-agree{ margin-bottom:15px;}
.checkout .payment-info .tab-content a.link{ color:#434244;}
.checkout .payment-info .tab-content a.link:hover{ text-decoration:underline;}
.checkout .payment-info .tab-content .installment-info{ text-align:center; font-size:12px;}
.checkout .payment-info .tab-content .installment-info table tr th{ text-align:center;}
.checkout .payment-info .tab-content .installment-info table tr.bold{ font-weight: bold;}
.checkout .payment-info .tab-content .form-bank-list label{ cursor:pointer;}
.checkout .payment-info .tab-content .form-bank-list p{ margin:0px; padding:2px 5px;}
.checkout .payment-info .tab-content .form-bank-list table tr td.action{ width:40px; text-align:center;}
.checkout .payment-info .tab-content .form-bank-list table tr td.photo{ width:160px; text-align:center;}
.checkout .payment-info .tab-content .form-bank-list table tr td.photo img{ width:150px;}
@media (max-width: 991px) {
	.checkout .credit-card-payment .card-info{ margin-bottom:20px;}
	.checkout .payment-info .tab-content .form-bank-list table tr td.photo{ width:110px;}
	.checkout .payment-info .tab-content .form-bank-list table tr td.photo img{ width:100px;}
}
@media (max-width: 767px) {
	.checkout .payment-info .tab-content .form-bank-list table tr td.photo{ width:130px;}
	.checkout .payment-info .tab-content .form-bank-list table tr td.photo img{ width:120px;}
}
@media (max-width: 481px) {
	.checkout .payment-info .tab-content .form-bank-list table tr td.photo{ width:100px;}
	.checkout .payment-info .tab-content .form-bank-list table tr td.photo img{ width:90px;}
}

.message{ text-align:center; color:#444; padding:30px 0px;}
.message .icon{ font-size:64px;}
.message .title{ font-size:24px; font-weight:700; margin-bottom:40px;}
.msg-success .icon, .msg-success .title{ color:#44a41c;}
.msg-error .icon, .msg-error .title{ color:#434244;}
.msg-info .icon, .msg-info .title{ color:#1965ad;}
.message .text{ font-size:18px; line-height:150%; margin-bottom:40px;}
.message .text span{ color:#434244; font-weight:700;}
.message .link .btn{ margin:5px 3px;}
.message .category{ padding:20px 0px 0px 0px;}
.message .category p{ margin-bottom:10px;}
.message .category ul{ font-size:0;}
.message .category ul li{ display:inline-block; margin:5px; font-size:15px;}
.message .category ul li a{ display:block; padding:5px 10px; background:#f0f0f0;}
.message .category ul li a:hover{ background:#ddd;}
@media (max-width: 1199px) {
	.message{ padding:20px 0px;}	
}
@media (max-width: 991px) {
	.message .icon{ font-size:56px;}
	.message .title{ font-size:21px; margin-bottom:30px;}
	.message .text{ font-size:17px; margin-bottom:30px;}
}
@media (max-width: 767px) {
	.message{ padding:10px 0px;}
	.message .icon{ font-size:48px;}
	.message .title{ font-size:20px; margin-bottom:20px;}
	.message .text{ font-size:16px; margin-bottom:20px;}
}
@media (max-width: 481px) {
	.message{ padding:0px;}
	.message .title{ font-size:18px;}
	.message .text{ font-size:15px;}
}

.fancybox-close-small:focus:after{ outline:none;}
.confirmation-content{ padding:20px; text-align:center; display:none;}
.confirmation-content .icon{ color:#e2e2e2; font-size:64px;}
.confirmation-content .text{ font-size:16px; color:#444; margin-bottom:20px;}
.confirmation-content .text span{ font-weight:700;}
.confirmation-content .button .btn{ margin:0px 3px;}

.pager-content{ padding:20px 0px 0px 0px; border-top:solid 1px #ddd;}
.pager-content .pagination{ margin:0px;}
.pager-content .pagination>li>a, .pager-content .pagination>li>span{ color:#444;}
.pager-content .pagination>.active>a, .pager-content .pagination>.active>a:focus, .pager-content .pagination>.active>a:hover, .pager-content .pagination>.active>span, .pager-content .pagination>.active>span:focus, .pager-content .pagination>.active>span:hover{ background-color:#999; border-color:#999; color:#fff;}
.pager-content .pagination>li>a.disabled{ cursor: default;}
.pager-content .pagination>li>a.disabled:hover{ background-color:#fff; border-color:#ddd; color:#444;}

.account-content .form{ color:#444;}
.account-content .form span.notice{ font-weight:400; font-size:13px; color:#999;}
.account-content .form span.id-info{ font-size:16px; cursor:help;}

.account-content .form .bootstrap-select{ height:auto;}
.account-content .form .bootstrap-select .btn{ padding:10px 16px; font-size:18px; line-height:1.3333333; border-radius:6px;}

.account-content .address-list{ color:#444;}
.account-content .address-list ul li{ padding:20px 10px; border-top:solid 1px #ddd;}
.account-content .address-list ul li:first-child{ padding:0px 10px 20px 10px; border-top:none;}
.account-content .address-list ul li.default{ padding:20px 10px; background:#f5f5f5; border-left:solid 4px #eee;}
.account-content .address-list ul li h3{ font-size:16px; font-weight:700; margin-bottom:10px;}
.account-content .address-list .no-result{ margin-bottom:20px;}
.account-content .new-address{ padding-top:20px; border-top:solid 1px #ddd;}

.account-content .order-list{ color:#444;}
.account-content .order-list table tr th{ padding:15px 10px; text-align:center; font-size:14px; background:#f9f9f9;}
.account-content .order-list table tr td{ padding:10px; text-align:center; font-size:13px;}
.account-content .order-list a{ color:#434244;}
.account-content .order-list a:hover{ text-decoration:underline;}
.account-content .order-list a i{ margin:0px 2px; font-size:16px;}
.account-content .order-list a i:hover{ color:#231f20;}
.account-content .order-list .pager-content{ padding:0px; border-top:none;}

.account-content .order-detail{ color:#444;}
.account-content .order-detail .item{ margin-bottom:30px;}
.account-content .order-detail .item table{ margin-bottom:0px;}
.account-content .order-detail .item table tr th{ padding:15px 10px; font-size:14px; background:#f9f9f9;}
.account-content .order-detail .item table tr td{ padding:10px; font-size:13px;}
.account-content .order-detail .order-links ul li{ float:left; margin-right:5px; margin-bottom:5px;}
.account-content .order-detail .order-links ul li:last-child{ margin-right:0px;}
.account-content .order-detail h4 { color: #2b85bb; font-size: 17px; font-weight: 700; margin-bottom:15px;}

.account-form h4 { color: #2b85bb; font-size: 17px; font-weight: 700; margin-bottom:15px;}

.information-detail h1 {font-size: 19px; font-weight: bold; margin-bottom:15px;}
.information-detail h2 {font-size: 17px; font-weight: bold; margin-bottom:12px;}
.information-detail h3, h4, h5 {font-size: 15px; font-weight: bold; margin-bottom:10px;}

.wrap .left .main-campaigns{ margin-bottom:30px;}
.wrap .left .main-campaigns-slider .item .left{ width:34%; float:left;}
.wrap .left .main-campaigns-slider .item .left .photo{ padding:10px;}
.wrap .left .main-campaigns-slider .item .left .photo img{ display:block; width:100%; border:solid 1px #ddd; padding:10px;}
.wrap .left .main-campaigns-slider .item .right{ width:62%; float:right;}
.wrap .left .main-campaigns-slider .item .right .date{ text-align:center; background:#ffec4b; padding:10px; font-size:0px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; margin-bottom:10px;}
.wrap .left .main-campaigns-slider .item .right .date .date-item{ display:inline-block; margin:0px; padding:0px 15px; font-size:24px; color:#231f20; line-height:100%; border-left:solid 1px #e5d443;}
.wrap .left .main-campaigns-slider .item .right .date .date-item:first-child{ border-left:none;}
.wrap .left .main-campaigns-slider .item .right .date .date-item span{ display:block; font-size:12px; color:#444; line-height:100%;}
.wrap .left .main-campaigns-slider .item .right .name{ font-size:21px; color:#444;}
.wrap .left .main-campaigns-slider .item .right .price{ font-size:32px; color:#434244; line-height:100%; margin-bottom:10px;}
.wrap .left .main-campaigns-slider .item .right .price-info{ font-size:14px; color:#999; margin-bottom:10px; padding-bottom:10px; border-bottom:solid 1px #f0f0f0;}
.wrap .left .main-campaigns-slider .item .right .price-info span{ display:block; font-size:21px;}
.wrap .left .main-campaigns-slider .item .right .price-info .old-price, .main-campaigns-slider .item .right .price-info .discount{ display:inline-block;}
.wrap .left .main-campaigns-slider .item .right .price-info .old-price{ margin-right:20px;}
.wrap .left .main-campaigns-slider .item .right .price-info .old-price span{ color:#666; text-decoration:line-through;}
.wrap .left .main-campaigns-slider .item .right .price-info .discount span{ background:#434244; color:#fff; padding:0px 5px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
.wrap .left .main-campaigns-slider .item .right .notes{ font-size:13px; color:#999; font-style:italic; margin-bottom:10px;}
.wrap .left .main-campaigns-slider .item .right .notes span{ font-weight:bold;}
.wrap .left .main-campaigns-slider .item .right .notes ul li:before{ content:"\f105"; font-family:FontAwesome; font-style:normal;  font-weight:normal; text-decoration:inherit; color:#ccc; font-size:13px; padding:0px 5px 0px 0px;}
.wrap .left .main-campaigns-slider .item .right .notes ul li.stock{ color:#434244;}
@media (max-width: 1199px) {
    .wrap .left .main-campaigns-slider .item .left{ width:32%;}
    .wrap .left .main-campaigns-slider .item .right{ width:64%;}
    .wrap .left .main-campaigns-slider .item .right .date .date-item{ padding:0px 10px; font-size:21px;}
    .wrap .left .main-campaigns-slider .item .right .date .date-item span{ font-size:11px;}
    .wrap .left .main-campaigns-slider .item .right .name{ font-size:18px;}
    .wrap .left .main-campaigns-slider .item .right .price{ font-size:25px;}
    .wrap .left .main-campaigns-slider .item .right .price-info{ font-size:13px;}
    .wrap .left .main-campaigns-slider .item .right .price-info span{ font-size:18px;}
    .wrap .left .main-campaigns-slider .item .right .notes{ font-size:12px;}
}
@media (max-width: 991px) {
    .wrap .left .main-campaigns-slider .item .left{ width:30%;}
    .wrap .left .main-campaigns-slider .item .right{ width:66%;}
    .wrap .left .main-campaigns-slider .item .right .date .date-item{ font-size:18px;}
    .wrap .left .main-campaigns-slider .item .right .date .date-item span{ font-size:10px;}
    .wrap .left .main-campaigns-slider .item .right .name{ font-size:16px;}
    .wrap .left .main-campaigns-slider .item .right .price{ font-size:21px;}
    .wrap .left .main-campaigns-slider .item .right .price-info{ font-size:12px;}
    .wrap .left .main-campaigns-slider .item .right .price-info span{ font-size:16px;}
    .wrap .left .main-campaigns-slider .item .right .notes{ font-size:11px;}
}
@media (max-width: 767px) {
    .wrap .left .main-campaigns-slider .item .left{ width:32%; margin-bottom:0px;}
    .wrap .left .main-campaigns-slider .item .right{ width:64%;}
    .wrap .left .main-campaigns-slider .item .right .date .date-item{ font-size:21px;}
    .wrap .left .main-campaigns-slider .item .right .date .date-item span{ font-size:11px;}
    .wrap .left .main-campaigns-slider .item .right .name{ font-size:18px;}
    .wrap .left .main-campaigns-slider .item .right .price{ font-size:25px;}
    .wrap .left .main-campaigns-slider .item .right .price-info{ font-size:13px;}
    .wrap .left .main-campaigns-slider .item .right .price-info span{ font-size:18px;}
    .wrap .left .main-campaigns-slider .item .right .notes{ font-size:12px;}
}
@media (max-width: 481px) {
    .wrap .left .main-campaigns-slider .item .left{ width:auto; float:none; margin-bottom:10px;}
    .wrap .left .main-campaigns-slider .item .left .photo{ width:50%; margin:0px auto;}
    .wrap .left .main-campaigns-slider .item .right{ width:auto; float:none; text-align:center;}
    .wrap .left .main-campaigns-slider .item .right .date .date-item{ font-size:18px;}
    .wrap .left .main-campaigns-slider .item .right .date .date-item span{ font-size:10px;}
    .wrap .left .main-campaigns-slider .item .right .name{ font-size:16px;}
    .wrap .left .main-campaigns-slider .item .right .price{ font-size:21px;}
    .wrap .left .main-campaigns-slider .item .right .price-info{ font-size:12px;}
    .wrap .left .main-campaigns-slider .item .right .price-info span{ font-size:16px;}
    .wrap .left .main-campaigns-slider .item .right .notes{ font-size:11px;}
}

.wrap .right .main-campaigns-slider .item .left{ width:auto; float:none; margin-bottom:10px;}
.wrap .right .main-campaigns-slider .item .left .photo{ width:50%; margin:0px auto;}
.wrap .right .main-campaigns-slider .item .left .photo img{ display:block; width:100%;}
.wrap .right .main-campaigns-slider .item .right{ width:auto; float:none; text-align:center;}
.wrap .right .main-campaigns-slider .item .right .date{ font-size:0; margin-bottom:10px;}
.wrap .right .main-campaigns-slider .item .right .date .date-item{ width:50px; display:inline-block; line-height:100%; font-size:16px; font-weight:700; padding:5px 0px; border:solid 1px #ddd; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; margin:0px 3px;}
.wrap .right .main-campaigns-slider .item .right .date .date-item span{ display:block; font-size:10px; font-weight:400;}
.wrap .right .main-campaigns-slider .item .right .name{ font-size:16px; color:#444;}
.wrap .right .main-campaigns-slider .item .right .price{ font-size:24px; color:#434244; line-height:100%; margin-bottom:10px;}
.wrap .right .main-campaigns-slider .item .right .price-info{ font-size:12px; color:#999; margin-bottom:10px; padding-bottom:10px; border-bottom:solid 1px #f0f0f0;}
.wrap .right .main-campaigns-slider .item .right .price-info span{ display:block; font-size:18px;}
.wrap .right .main-campaigns-slider .item .right .price-info .old-price, .main-campaigns-slider .item .right .price-info .discount{ display:inline-block;}
.wrap .right .main-campaigns-slider .item .right .price-info .old-price{ margin-right:20px;}
.wrap .right .main-campaigns-slider .item .right .price-info .old-price span{ color:#666; text-decoration:line-through;}
.wrap .right .main-campaigns-slider .item .right .price-info .discount span{ background:#434244; color:#fff; padding:0px 5px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
.wrap .right .main-campaigns-slider .item .right .notes{ font-size:12px; color:#999; font-style:italic; margin-bottom:10px;}
.wrap .right .main-campaigns-slider .item .right .notes span{ font-weight:bold;}
.wrap .right .main-campaigns-slider .item .right .notes ul li:before{ content:"\f105"; font-family:FontAwesome; font-style:normal;  font-weight:normal; text-decoration:inherit; color:#ccc; font-size:13px; padding:0px 5px 0px 0px;}
.wrap .right .main-campaigns-slider .item .right .notes ul li.stock{ color:#434244;}


.bank-transfer-info{ width:640px; height: 50%; display:none;}
.bank-transfer-info h3{ font-size:16px; font-weight:700; color:#444; margin-bottom:20px; padding-bottom:10px; border-bottom:solid 1px #ddd;}
.bank-transfer-info span.notice{ font-weight:400; font-size:13px; color:#999;}
.bank-transfer-info span.id-info{ font-size:16px; cursor:help;}
.bank-transfer-info .form-action .btn{ margin-right:5px;}
.bank-transfer-info .bootstrap-select{ height:auto;}
.bank-transfer-info .bootstrap-select .btn{ padding:10px 16px; font-size:18px; line-height:1.3333333; border-radius:6px;}
@media (max-width: 767px) {
	.bank-transfer-info{ width:90%;}
}

@media (max-width: 481px) {
	.account-content .order-list table{ border-top:none;}
	.account-content .order-list table thead, .account-content .order-list table tr th{ display:none;}
	.account-content .order-list table tr td{ display:block; text-align:left; padding:5px 15px; border:none;}
	.account-content .order-list table tr td:first-child{ border-top:solid 1px #ddd; padding-top:10px;}
	.account-content .order-list table tr td:last-child{ padding-bottom:10px;}
	.account-content .order-list table tr td span.name{ font-weight:700;}
	.account-content .order-list table tr td i{ font-size:18px;}
	
	.account-content .order-detail .order-info table, .account-content .order-detail .order-address table, .account-content .order-detail .order-products table{ border-top:none;}
	.account-content .order-detail .order-info table thead, .account-content .order-list .order-info table tr th, .account-content .order-detail .order-address table thead, .account-content .order-list .order-address table tr th, .account-content .order-detail .order-products table thead, .account-content .order-list .order-products table tr th{ display:none;}
	.account-content .order-detail .order-info table tr td, .account-content .order-detail .order-address table tr td, .account-content .order-detail .order-products table tr td{ display:block; text-align:left; padding:5px 15px; border:none;}
	.account-content .order-detail .order-info table tr td:first-child, .account-content .order-detail .order-address table tr td:first-child, .account-content .order-detail .order-products table tr td:first-child{ border-top:solid 1px #ddd; padding-top:10px;}
	.account-content .order-detail .order-info table tr td:last-child, .account-content .order-detail .order-address table tr td:last-child, .account-content .order-detail .order-products table tr td:last-child{ padding-bottom:10px;}
	.account-content .order-detail .order-info table tr td span.name, .account-content .order-detail .order-address table tr td span.name, .account-content .order-detail .order-products table tr td span.name{ font-weight:700;}	

	.account-content .order-detail .order-info table > tbody > tr > td:nth-of-type(odd), .account-content .order-detail .order-address table > tbody > tr > td:nth-of-type(odd){ background-color:#fff;}
	.account-content .order-detail .order-info table > tbody > tr > td:nth-of-type(even), .account-content .order-detail .order-address table > tbody > tr > td:nth-of-type(even){ background-color:#f9f9f9;}
	
	.account-content .order-detail .order-links ul li{ float:none; margin-right:0px; margin-bottom:5px;}
	.account-content .order-detail .order-links ul li .btn{ display:block;}
}

.contact .item{ border-top:solid 1px #ddd; padding:30px 0px; font-size:15px;}
.contact .item:first-child{ border-top:none; padding:0px 0px 30px 0px;}
.contact .item h2{ font-size:18px; font-weight:700; margin-bottom:15px;}
.contact .contact-info h3{ font-size:16px; font-weight:400; color:#434244; margin-bottom:10px;}
.contact .contact-info p{ margin-bottom:5px;}
.contact .contact-info a{ color:#444; text-decoration:underline;}
.contact .contact-info a:hover{ color:#434244;}
.contact .bank-info{ font-size:13px;}
@media (max-width: 481px) {
	.contact .bank-info table{ border-top:none;}
	.contact .bank-info table thead, .contact .bank-info table tr th{ display:none;}
	.contact .bank-info table tr td{ display:block; text-align:left; padding:5px 15px; border:none;}
	.contact .bank-info table tr td:first-child{ border-top:solid 1px #ddd; padding-top:10px;}
	.contact .bank-info table tr td:last-child{ padding-bottom:10px;}
	.contact .bank-info table tr td span.name{ font-weight:700;}
	.contact .bank-info table tr td i{ font-size:18px;}
}

.campaign-banner{ margin-bottom:20px; position:relative;}
.campaign-banner img{ display:block; width:100%;}
.campaign-banner .date{ background:rgba(0,0,0,0.7); padding:10px; font-size:12px; font-weight:bold; color:#ffec4b; position:absolute; right:0px; bottom:0px;}
.campaign-banner .date i{ margin-right:5px;}
@media (max-width: 481px){
    .campaign-banner .date{ position:relative; padding:5px; text-align:center;}
}

.campaign-list ul li{ float:left; width:49%; margin-right:2%; margin-bottom:2%; position:relative;}
.campaign-list ul li:nth-child(2n+0){ margin-right:0px;}
.campaign-list ul li a{ display:block;}
.campaign-list ul li img{ display:block; width:100%;}
.campaign-list ul li .caption{ width:100%; padding:10px; font-family: 'Open Sans', sans-serif, Arial; font-size:13px; color:#fff; position:absolute; left:0px; bottom:0px; background:rgba(0, 0, 0, 0.90); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.campaign-list ul li .caption .name{ width:58%; float:left;}
.campaign-list ul li .caption .date{ width:40%; float:right; text-align:right; font-size:12px; color:#ffec4b;}
.campaign-list ul li .caption .date i{ margin-right:5px;}
@media (max-width: 991px){
    .campaign-list ul li{ float:none; width: auto; margin-right: 0px; margin-bottom:20px;}
    .campaign-list ul li .caption .name{ width:auto; float:none; margin-bottom:5px;}
    .campaign-list ul li .caption .date{ width:auto; float:none; text-align:left;}
}
@media (max-width: 767px){
    .campaign-list ul li{ float:left; width:49%; margin-right:2%; margin-bottom:2%;}
}
@media (max-width: 481px){
    .campaign-list ul li{ float:none; width: auto; margin-right: 0px; margin-bottom:20px;}
}

label.inputError{ font-size:13px; font-weight:400; color:#434244; font-style:italic; line-height:normal; margin:5px 0px;}

.btn-edit{ background:#0054a4; color:#fff;}
.btn-edit:hover{ background:#1965ad; color:#fff;}
.btn-add{ background:#44a41c; color:#fff;}
.btn-add:hover{ background:#56ad32; color:#fff;}
.btn-delete{ background:#434244; color:#fff;}
.btn-delete:hover{ background:#585858; color:#fff;}

.btn-send{ background:#434244; color:#fff;}
.btn-send:hover{ background:#585858; color:#fff;}
.btn-disabled{ background:#585858; color:#fff; cursor:progress;}

.tooltip{ background:none;}

footer .icon-list{ padding:25px 0px; text-align:center; background:#f5f5f5; border-top:solid 1px #ddd;}
footer .icon-list ul{ font-size:0;}
footer .icon-list ul li{ display:inline-block; margin:5px 10px;}
footer .copyright{ padding:30px 0px; text-align:center; background:#fff; border-top:solid 1px #ddd; font-size:13px; color:#666;}
footer .copyright span{ font-weight:700;}
footer .topofpage{ display:none; width:40px; height:40px; line-height:40px; padding:0px; margin:0px; text-align: center; background:#434244; font-size: 24px; color: #fff; position:fixed; bottom:15px; right:10px; z-index:990; cursor:pointer; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; -moz-transition:background .2s ease-in; -webkit-transition:background .2s ease-in; transition:background .2s ease-in; -moz-transform: translateZ(0); -webkit-transform: translateZ(0); transform: translateZ(0);}
footer .topofpage:hover{ background:#585858;}

.intro-info{ padding:30px 15px; text-align:center; background:url(../images/bg/intro-info-bg.jpg) no-repeat center center #0079bf; color:#fff; font-size:17px; position:relative;}
.intro-info section{ width:700px; margin:0px auto;}
.intro-info h1{ font-size:32px; font-weight:300; margin-bottom:10px;}
.intro-info p{ margin:0px;}
@media (max-width: 767px) {
    .intro-info{ font-size:15px;}
    .intro-info section{ width:auto;}
    .intro-info h1{ font-size:24px;}
}
@media (max-width: 481px) {
    .intro-info{ padding:20px 10px; font-size:14px;}
    .intro-info h1{ font-size:21px;}
}

.xml-info{ font-size:15px;}
.xml-info h1{ font-size:18px; font-weight:700; margin-bottom:10px;}
.xml-info p{ margin-bottom:20px;}
.xml-info ul{ margin-bottom:20px;}
.xml-info ul li{ margin-bottom:5px;}
.xml-info ul li a{ color:#434244;}
.xml-info ul li a:hover{ text-decoration:underline;}
.xml-info ul li:before{ content:"\f105"; font-family:FontAwesome; font-style:normal;  font-weight:normal; text-decoration:inherit; color:#ccc; font-size:16px; padding:0px 6px 0px 0px;}
.xml-info ul li span{ font-weight:bold;}