::-webkit-scrollbar {
background:#fff;
width:10px;
height:11px
}

::-webkit-scrollbar-thumb {
background:#BBB
}

* {
margin:0;
padding:0;
box-sizing:border-box
}

.fb_iframe_widget,.fb_iframe_widget span,.fb_iframe_widget span iframe[style] {
min-width:100%!important
}

.fb-comments,.fb-comments iframe[style],.fb-like-box,.fb-like-box iframe[style] {
width:100%!important
}

.fb-comments span,.fb-comments iframe span[style],.fb-like-box span,.fb-like-box iframe span[style] {
width:100%!important
}

.video_popup {
position:relative;
padding-bottom:58%;
height:0;
overflow:hidden;
border:4px solid #ebebeb;
border:0
}

.video_popup iframe,.video_popup object,.video_popup embed {
position:absolute;
top:0;
left:0;
width:100%;
height:100%
}

#clickvideo {
width:100%;
padding:6px 5px;
margin:8px 0;
border:1px solid #b7b7b7;
box-sizing:border-box;
font-family:robotoCRE;
font-size:21px;
border-radius:3px
}

.addthis_native_toolbox {
margin:10px 0;
width:100%;
clear:both;
max-height:50px;
overflow:hidden
}

#toptop {
width:37px;
height:37px;
position:fixed;
bottom:50px;
right:20px;
text-indent:-99999px;
cursor:pointer;
background:url(images/back_to_top.png) top center no-repeat;
transition:.5s;
z-index:200
}

#toptop:hover {
background:url(images/back_to_top.png) bottom center no-repeat;
transition:.5s
}

.clear {
clear:both
}

img {
max-width:100%!important;
vertical-align:middle
}

div.bando img {
max-width:none!important
}

.margin {
margin-right:0!important
}

a {
text-decoration:none!important
}

.transition_all {
-webkit-transition:all .25s linear;
-moz-transition:all .25s linear;
transition:all .25s linear
}

div.tt_lh {
width:40%;
float:left
}

div.bando {
width:55%;
float:right
}

body {
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
line-height:1.5;
background:#fff;
overflow-x:hidden;
-moz-user-select:none!important;
-webkit-touch-callout:none!important;
-webkit-user-select:none!important;
-khtml-user-select:none!important;
-moz-user-select:none!important;
-ms-user-select:none!important;
user-select:none!important
}

@font-face {
font-family:'myFont';
src:url(font/Roboto-Regular.ttf)
}

@font-face {
font-family:'utmPie';
src:url('font/UTM Pierre.ttf')
}

@font-face {
font-family:'avR';
src:url(font/AvertaDemo-Regular.otf)
}

@font-face {
font-family:'fonta';
src:url(font/RobotoBold.eot);
src:url(font/RobotoBold.eot) format("embedded-opentype"),url(font/RobotoBold.woff2) format("woff2"),url(font/RobotoBold.woff) format("woff"),url(font/RobotoBold.ttf) format("truetype"),url(font/RobotoBold.svg#RobotoBold) format("svg")
}

@font-face {
font-family:'fontc';
src:url(font/RobotoCondensedBold.eot);
src:url(font/RobotoCondensedBold.eot) format("embedded-opentype"),url(font/RobotoCondensedBold.woff2) format("woff2"),url(font/RobotoCondensedBold.woff) format("woff"),url(font/RobotoCondensedBold.ttf) format("truetype"),url(font/RobotoCondensedBold.svg#RobotoCondensedBold) format("svg")
}

@font-face {
font-family:'robotoCRe';
src:url(font/robotoCRe/RobotoCondensed-Regular.eot);
src:url(font/robotoCRe/RobotoCondensed-Regular.eot) format("embedded-opentype"),url(font/robotoCRe/RobotoCondensed-Regular.woff2) format("woff2"),url(font/robotoCRe/RobotoCondensed-Regular.woff) format("woff"),url(font/robotoCRe/RobotoCondensed-Regular.ttf) format("truetype"),url(font/robotoCRe/RobotoCondensed-Regular.svg#RobotoCondensed-Regular) format("svg")
}

@font-face {
font-family:'sfuFBook';
src:url(font/sfuFBook/SFUFuturaBook.eot);
src:url(font/sfuFBook/SFUFuturaBook.eot) format("embedded-opentype"),url(font/sfuFBook/SFUFuturaBook.woff2) format("woff2"),url(font/sfuFBook/SFUFuturaBook.woff) format("woff"),url(font/sfuFBook/SFUFuturaBook.ttf) format("truetype"),url(font/sfuFBook/SFUFuturaBook.svg#SFUFuturaBook) format("svg")
}

@font-face {
font-family:'sfuFuH';
src:url(font/sfuFuH/SFUFuturaHeavy.eot);
src:url(font/sfuFuH/SFUFuturaHeavy.eot) format("embedded-opentype"),url(font/sfuFuH/SFUFuturaHeavy.woff2) format("woff2"),url(font/sfuFuH/SFUFuturaHeavy.woff) format("woff"),url(font/sfuFuH/SFUFuturaHeavy.ttf) format("truetype"),url(font/sfuFuH/SFUFuturaHeavy.svg#SFUFuturaHeavy) format("svg")
}

@font-face {
font-family:'sfuFuB';
src:url(font/sfuFuB/SFUFuturaBold.eot);
src:url(font/sfuFuB/SFUFuturaBold.eot) format("embedded-opentype"),url(font/sfuFuB/SFUFuturaBold.woff2) format("woff2"),url(font/sfuFuB/SFUFuturaBold.woff) format("woff"),url(font/sfuFuB/SFUFuturaBold.ttf) format("truetype"),url(font/sfuFuB/SFUFuturaBold.svg#SFUFuturaBold) format("svg")
}

@font-face {
font-family:'sfuO';
src:url(font/sfuO/SFUFuturaOblique.eot);
src:url(font/sfuO/SFUFuturaOblique.eot) format("embedded-opentype"),url(font/sfuO/SFUFuturaOblique.woff2) format("woff2"),url(font/sfuO/SFUFuturaOblique.woff) format("woff"),url(font/sfuO/SFUFuturaOblique.ttf) format("truetype"),url(font/sfuO/SFUFuturaOblique.svg#SFUFuturaOblique) format("svg")
}

@font-face {
font-family:'robotoL';
src:url(font/robotoL/Roboto-Light.eot);
src:url(font/robotoL/Roboto-Light.eot) format("embedded-opentype"),url(font/robotoL/Roboto-Light.woff2) format("woff2"),url(font/robotoL/Roboto-Light.woff) format("woff"),url(font/robotoL/Roboto-Light.ttf) format("truetype"),url(font/robotoL/Roboto-Light.svg#Roboto-Light) format("svg")
}

@font-face {
font-family:'robotoMe';
src:url(font/robotoMe/Roboto-Medium.eot);
src:url(font/robotoMe/Roboto-Medium.eot) format("embedded-opentype"),url(font/robotoMe/Roboto-Medium.woff2) format("woff2"),url(font/robotoMe/Roboto-Medium.woff) format("woff"),url(font/robotoMe/Roboto-Medium.ttf) format("truetype"),url(font/robotoMe/Roboto-Medium.svg#Roboto-Medium) format("svg")
}

@font-face {
font-family:'sfuFuH';
src:url(font/sfuFuH/SFUFuturaHeavy.eot);
src:url(font/sfuFuH/SFUFuturaHeavy.eot) format("embedded-opentype"),url(font/sfuFuH/SFUFuturaHeavy.woff2) format("woff2"),url(font/sfuFuH/SFUFuturaHeavy.woff) format("woff"),url(font/sfuFuH/SFUFuturaHeavy.ttf) format("truetype"),url(font/sfuFuH/SFUFuturaHeavy.svg#SFUFuturaHeavy) format("svg")
}

@font-face {
font-family:'robotoB';
src:url(font/robotoB/Roboto-Black.eot);
src:url(font/robotoB/Roboto-Black.eot) format("embedded-opentype"),url(font/robotoB/Roboto-Black.woff2) format("woff2"),url(font/robotoB/Roboto-Black.woff) format("woff"),url(font/robotoB/Roboto-Black.ttf) format("truetype"),url(font/robotoB/Roboto-Black.svg#Roboto-Black) format("svg")
}

div.none {
display:none!important
}

div.wap {
max-width:100%;
margin:auto;
width:100%;
position:relative
}

div.wapper {
position:relative;
margin:auto;
max-width:1245px;
padding:0 5px
}

div.wapper2 {
position:relative;
margin:auto;
max-width:1240px;
padding:0 5px
}

div#header {
position:relative;
width:100%;
background:url(images/bg_header.png) no-repeat center;
background-size:cover!important;
background-repeat:no-repeat!important
}

.logo_head {
position:absolute;
top:0;
left:0;
width:35%;
margin:auto;
padding:10px 10px 5px 0;
background:url(images/bg_logo.png) no-repeat;
padding-left:60px;
z-index:123
}

.logo_head img {
max-width:332px;
max-height:77px
}

div.logo_mobi {
position:relative;
width:30%;
float:left;
display:none
}

div.logo_mobi img {
max-width:100%;
max-height:75px
}

div.top_head {
padding:20px 0 35px
}

#lang {
float:right
}

div.shopcart {
position:relative;
float:right;
margin:0 20px 0 10px
}

div.shopcart a {
color:#000;
font-family:robotoMe;
font-size:14px
}

div.shopcart a:hover {
color:red
}

div.shopcart span {
position:absolute;
top:-7px;
right:-7px;
background:#fff;
height:20px;
width:20px;
border-radius:50%;
text-align:center;
color:red
}

div.hotline {
font-family:robotoL;
font-size:15px;
color:#4f4f4f;
padding:10px 0 10px 30px
}

div.hotline span {
font-size:20px;
color:#e80000;
font-family:robotoB
}

div#menu_mobi {
display:none
}

div#menu {
position:relative;
width:100%
}

div#menu ul {
list-style:none;
float:right
}

div#menu ul li {
float:left;
position:relative;
z-index:50
}

div#menu ul li a {
color:#010101;
font-size:15px;
padding:19px 22px;
text-decoration:none;
text-transform:uppercase;
display:block;
font-family:sfuFuB
}

div#menu ul li a:hover,div#menu ul li a.active,div#menu ul li a.active2 {
color:#fff600
}

div#menu ul li ul,div#menu ul li:hover ul li ul {
position:absolute;
margin-left:0;
display:none;
z-index:123
}

div#menu .level2 {
min-width:500px;
background-color:#fff;
box-shadow:0 4px 6px 3px #bababa;
padding:20px;
z-index:9999999999;
min-height:310px
}

div#menu ul li:hover ul {
display:block
}

div#menu ul li ul li {
width:220px;
line-height:1.5;
background:#5bbc61;
border-bottom:1px solid rgba(0,0,0,0.2)
}

div#menu ul li ul li a {
padding:6px 10px;
text-transform:none;
font-family:sfuFBook
}

div#menu ul li ul li ul {
left:220px;
top:0
}

div#search {
float:right;
z-index:123;
width:200px;
background:#fff;
border:1px solid #f3e9e9
}

div#search input {
padding:0 10px;
float:left;
width:85%;
outline:none;
color:#8e8e8e;
font-family:robotoL;
font-style:italic;
height:25px;
border:0;
font-size:11px
}

div#search i {
float:right;
margin:4px 5px;
font-size:15px;
border:0;
color:#000
}

div#slider {
position:relative;
margin:auto;
width:100%
}

div#slider .slider-nav {
position:absolute;
bottom:0;
left:0;
right:0;
max-width:700px;
margin:auto;
padding:12px 0
}

#slider .slick-prev,#slider .slick-next {
display:none!important
}

div#left {
width:18%;
float:left
}

div.tieude {
color:#333;
font-size:16px;
height:38px;
line-height:38px;
font-family:sfuFBook;
z-index:123;
border-top:1px solid #BFBFC1;
border-bottom:1px solid #BFBFC1
}

div.danhmuc {
background:#fff
}

div#danhmuc ul {
list-style:none
}

div#danhmuc ul li {
position:relative
}

div#danhmuc ul li a {
color:#333;
font-family:Arial;
font-size:14px;
transition:.4s;
display:block;
border-bottom:1px solid #BFBFC1;
padding:5px
}

div#danhmuc ul li a.act {
color:red
}

div#danhmuc ul li a i {
float:right;
color:#333
}

div#danhmuc ul li a:hover {
color:red;
transition:.4s
}

div#danhmuc ul li ul {
width:100%!important
}

div#danhmuc ul li ul li a {
padding:10px 0 10px 10px
}

div#danhmuc ul li ul li a i {
float:none
}

div#tinmoi ul {
list-style:none;
padding:0 10px
}

div#tinmoi ul li {
border-bottom:1px dashed #DDD;
padding:10px 0
}

div#tinmoi ul li a img {
width:60px;
padding:2px;
border:1px solid #d6d6d6;
float:left;
margin-right:10px
}

div#tinmoi ul li a img:hover {
transition:1s;
border:1px solid #c1000a
}

div#tinmoi ul li h4 a {
text-decoration:none;
color:#111;
font-size:12px;
transition:.4s;
font-weight:400
}

div#tinmoi ul li h4 a:hover {
color:red;
transition:.4s
}

div#hotro .phone {
background:url(images/phone.png) 13px center no-repeat;
color:#d60000;
font-size:20px;
font-weight:700;
padding-left:60px;
padding-top:20px;
padding-bottom:10px
}

div#hotro ul {
list-style:none;
border-bottom:1px dashed #DDD;
padding:10px 0;
margin:0 10px
}

div#hotro ul li {
clear:both;
padding:2px 0
}

div#hotro ul li a img {
float:right
}

div#quangcao a img {
width:90%;
max-width:300px!important;
border:1px solid #DDD;
margin:5px auto;
padding:4px;
box-sizing:border-box
}

div#quangcao a img:hover {
border:1px solid red
}

form#frm_dknt {
margin:15px auto;
background:#484848
}

form#frm_dknt input[type='text'] {
width:75%;
padding:7px 10px;
float:left;
border:none;
background:none;
outline:none;
color:#b5b5b5;
font-family:robotoL;
font-style:italic;
font-size:12px
}

form#frm_dknt input[type='button'] {
background:url(images/send.png) no-repeat center center;
width:12px;
height:13px;
float:right;
padding:15px;
border:none;
cursor:pointer
}

div#main_content {
padding:30px 0 0
}

div#right {
width:100%
}

div#right1 {
width:80%;
float:right
}

div.tieude_giua {
position:relative;
text-align:center;
margin-bottom:40px;
border-top:1px solid #6ad827
}

div.tieude_giua h2 {
color:#fff;
font-size:20px;
font-family:sfuFuH;
position:relative;
display:inline-block;
padding:10px 20px;
text-transform:uppercase;
background:#6ad827;
min-width:225px
}

.title {
text-transform:uppercase;
color:#333;
margin:10px 0;
font-size:25px;
font-family:robotoT;
border-top:solid 1px #ddd;
padding-top:10px;
font-weight:700
}

.tieude_detail {
color:#333;
font-size:16px;
line-height:30px;
position:relative;
font-family:Arial;
text-align:left;
font-weight:700;
border-bottom:1px solid #333;
margin-bottom:10px
}

div.wap_item {
display:-webkit-box;
display:-moz-box;
display:-ms-flexbox;
display:-webkit-flex;
display:flex;
flex-flow:row wrap;
-webkit-flex-flow:row wrap
}

div.item {
width:18%;
margin:1% 1% 2.8%;
display:inline-block;
vertical-align:top;
position:relative;
transition:all .5s;
text-align:center;
overflow:hidden
}

div.wr_all div.item {
width:23%
}

div.sl_orthernew {
margin-bottom:10px
}

div.sl_orthernew div.item {
width:91%;
margin:auto;
display:inherit
}

div.item .sp_img {
overflow:hidden;
position:relative
}

div.item:hover .sp_img {
border:0
}

div.item a img {
width:100%;
height:100%;
transition:all 1s ease 0
}

div.item:hover a img {
transform:scale(1.1)
}

.item .sp_name a {
font-family:sfuFuH;
display:block;
font-size:14px;
color:#4b4b4b;
transition:all .5s;
text-align:left;
margin:10px 0 7px
}

div.item .sp_name a:hover {
transition:.4s;
color:red
}

div.giakm {
font-family:robotoMe;
font-size:15px;
color:#fb0a0a;
float:left
}

div.sp_ma {
float:left;
font-family:sfuFBook;
font-size:14px;
color:#3b3b3b
}

div.sp_ma span {
font-size:13px;
color:#195b14
}

div.sp_gia {
float:right;
font-family:sfuFuH;
font-size:16px;
color:#f32424
}

div.sp_gia .old {
	color: #666;font-size: 14px;text-decoration: line-through;
	font-family:sfuFBook;padding-left: 5px;
}

div.sp_gia a {
color:#f32424
}

div.btn_xemthem {
text-align:center;
margin-bottom:35px
}

div.btn_xemthem a {
font-family:sfuFBook;
font-size:14px;
color:#6ad827;
border:1px solid #6ad827;
border-radius:5px;
padding:5px 10px;
display:inline-block;
text-transform:capitalize;
transition:all .5s
}

div.btn_xemthem a:hover {
color:red;
border-color:red
}

div.gia {
font-family:robotoL;
font-size:11px;
color:#797878;
float:right;
margin:3px 0;
margin-right:50px;
text-decoration:line-through
}

div.mogia,div.mogia a {
font-family:robotoMe;
font-size:15px;
color:#fb0a0a;
text-align:center
}

div.phantram {
position:absolute;
right:7px;
bottom:-6px;
width:39px;
height:39px;
background:url(images/sale.png) no-repeat;
text-align:center;
color:#fff;
font-family:robotoL;
font-size:13px;
padding:10px 0
}

div.muanhanh {
cursor:pointer;
margin-top:10px
}

div#wap_footer {
max-width:100%;
margin:auto;
background:url(images/bg_footer.png) no-repeat;
background-size:cover!important;
background-repeat:no-repeat!important;
position:relative
}

div#footer {
padding:33px 0
}

div#main_footer {
float:left;
width:29%
}

div#main_footer p {
font-family:sfuFBook!important;
font-size:14px!important;
color:#fff!important;
line-height:28px
}

div.w_fbb {
width:20%;
float:left;
margin-left:10px
}

div.w_hotro {
width:20%;
float:left;
margin-left:45px
}

ul.ul_f {
list-style:none
}

ul.ul_f li a {
display:block;
font-family:robotoL;
font-size:15px;
color:#fff;
text-transform:capitalize;
line-height:25px
}

ul.ul_f li a i {
color:#fff;
font-size:6px;
position:relative;
top:-2px
}

ul.ul_f li a:hover {
color:red
}

div.w_ketnoi {
width:21%;
float:right
}

p.note {
font-size:12px;
color:#fff;
font-family:robotoL
}

div.tt_hotline {
font-family:robotoMe;
font-size:20px;
color:#fff;
text-align:center;
position:relative
}

div.hotline_f {
font-family:sfuFuH;
font-size:27px;
color:#e80000;
text-align:center;
background:url(images/bg_hotline.png) no-repeat center bottom;
background-size:100% 100%;
padding:15px 10px 10px;
margin-top:-12px
}

div.bix-icon1 a {
display:block;
color:#4f4f4f;
font-size:12px;
font-family:sfuFBook;
text-transform:uppercase;
margin-bottom:10px
}

div.bix-icon1 a:hover {
color:red
}

div.bix-icon1 img {
margin-right:7px;
transition:.5s
}

div.bix-icon1 img:hover {
transform:rotate(40deg)
}

div.tt_footer {
font-family:sfuFuH;
font-size:16px;
color:#fff;
text-transform:uppercase;
margin-bottom:25px
}

div.copyright {
padding-bottom:15px;
font-family:robotoL;
color:#fff;
font-size:13px
}

div.copyright span {
text-decoration:underline;
color:#929743
}

div.tktc {
float:right;
font-family:robotoL;
font-size:12px
}

div.tktc ul {
list-style:none
}

div.tktc ul li {
display:inline-block
}

div.tktc span {
color:#dcd627
}

.blink_me {
-webkit-animation-name:blinker;
-webkit-animation-duration:1s;
-webkit-animation-timing-function:linear;
-webkit-animation-iteration-count:infinite;
-moz-animation-name:blinker;
-moz-animation-duration:1s;
-moz-animation-timing-function:linear;
-moz-animation-iteration-count:infinite;
animation-name:blinker;
animation-duration:1s;
animation-timing-function:linear;
animation-iteration-count:infinite
}

@-moz-keyframes blinker {
0% {
opacity:1
}

50% {
opacity:0
}

100% {
opacity:1
}
}

@-webkit-keyframes blinker {
0% {
opacity:1
}

50% {
opacity:0
}

100% {
opacity:1
}
}

@keyframes blinker {
0% {
opacity:1
}

50% {
opacity:0
}

100% {
opacity:1
}
}

.anim-05 {
-moz-transition:all .5s ease;
-o-transition:all .5s ease;
-ms-transition:all .5s ease;
transition:all .5s ease
}

div.wap_pro {
margin:15px auto;
clear:both
}

#Zoom-1 img {
max-height:500px!important
}

.zoom_slick {
width:35%;
float:left;
text-align:center
}

div.zoom_slick .slick-prev {
left:0
}

div.zoom_slick .slick-next {
right:0
}

.zoom_slick .slick2 {
border:1px solid #DDD
}

div.slick {
margin-top:5px
}

div.slick img {
width:85%;
margin:auto;
border:1px solid #DDD;
box-sizing:border-box;
padding:5px
}

div.slick img:hover {
border:1px solid #F60;
opacity:.5;
transition:1s
}

.product_info {
float:right;
list-style:none;
width:63%
}

.product_info li {
font-size:14px;
padding:5px 0;
font-family:Arial
}

.product_info li .color_item {
float:left;
cursor:pointer;
padding:10px 12px;
font-size:16px;
margin-right:5px;
border:1px solid rgba(204,204,204,1);
text-transform:uppercase;
color:#333;
-moz-transition:all .3s ease;
-o-transition:all .3s ease;
-ms-transition:all .3s ease;
transition:all .3s ease
}

.product_info li .size_item {
float:left;
cursor:pointer;
padding:2px 6px;
font-size:14px;
text-align:center;
margin-right:5px;
border:1px solid rgba(204,204,204,1);
background:#fff;
text-transform:uppercase;
color:#333;
-moz-transition:all .3s ease;
-o-transition:all .3s ease;
-ms-transition:all .3s ease;
transition:all .3s ease
}

.product_info .product-qty .cart button {
background:#6ad827;
border:0;
padding:5px 25px;
height:32px;
cursor:pointer;
font-weight:700;
color:#fff;
transition:all .5s;
text-transform:uppercase
}

.product_info .product-qty .cart button:hover {
background:#049219
}

.lienhe_s {
background:#6ad827;
border:0;
padding:8px 30px;
margin-left:5px;
height:32px;
cursor:pointer;
font-weight:700;
color:#fff!important;
transition:all .5s;
text-transform:uppercase;
display:inline-block;
vertical-align:top
}

.lienhe_s:hover {
background:#049219
}

.lh_res {
display:none
}

.product_info .product-qty label {
font-family:avob;
font-size:13px
}

.product_info .product-qty div {
display:inline
}

.product_info .product-qty .controls button {
border:0;
background:#fff;
padding:7px 9px;
font-size:16px;
border:1px solid #ccc;
position:relative;
outline:none;
float:left
}

.product_info .product-qty .controls input {
padding:5px 7px;
width:47px;
border-right:0;
float:left;
border-left:0;
text-align:center;
position:relative;
height:32px
}

.product_info .product-qty input {
border:1px solid #ccc;
padding:5px;
width:100px
}

.product_info li .color_item.active,.product_info li .size_item.active {
border:1px solid #F8004B
}

ul.product_info li.ten {
font-family:Arial;
font-size:19px;
color:#333;
font-weight:700
}

.product_info .gia {
display:inline-block;
text-decoration:line-through;
font-size:15px;
font-family:fonta;
vertical-align:middle
}

.product_info li.giakm {
border-top:1px solid #BFBFC1;
border-bottom:1px solid #BFBFC1
}

.product_info li.giakm span {
font-size:19px;
font-weight:700;
color:red;
display:inline-block;
vertical-align:middle
}

.product_info p.masp {
float:right;
font-weight:700;
margin-top:3px
}

.xemgiohang {
color:#E80019;
display:block;
width:120px;
height:30px;
text-align:center;
line-height:30px;
text-align:center;
font-weight:700;
cursor:pointer;
font-size:13px;
transition:.4s;
margin:auto;
margin-top:7px
}

.product_info li .dathang {
background:#000 url(images/i_cart.png) 10px center no-repeat;
color:#fff;
display:block;
width:100px;
height:30px;
line-height:30px;
text-align:center;
padding-left:30px;
text-transform:uppercase;
font-weight:700;
cursor:pointer;
font-size:12px;
transition:.4s
}

.product_info li .dathang:hover {
transition:.4s;
background:#E00 url(images/i_cart.png) 10px center no-repeat
}

span.size {
display:inline-block;
padding:2px 10px;
border:1px solid #DDD;
border-radius:3px;
margin-right:5px;
cursor:pointer
}

span.mausac {
display:block;
float:left;
border:1px solid #DDD;
width:30px;
height:30px;
margin-right:5px;
cursor:pointer;
font-size:0
}

span.active_size,span.size:hover,span.mausac:hover,span.active_mausac {
border:1px solid #E00
}

input.soluong {
width:50px;
border:1px solid #C7C6C6;
padding:2px 0;
text-align:center;
font-size:15px;
margin-right:5px
}

table#giohang input {
margin:5px 0
}

table#giohang input.btn,.click_ajax {
background:#DC0018;
color:#fff;
padding:7px 15px;
border:none;
cursor:pointer;
margin:5px 1px;
border-radius:3px
}

table#tt td {
height:30px
}

table#tt td input.t {
width:300px;
height:20px;
margin:3px 0 5px;
border:1px solid #DDD
}

table#tt td textarea {
width:300px
}

table#tt span {
color:red
}

@-webkit-keyframes star {
0% {
-webkit-transform:rotate(0) scale(0)
}

50% {
-webkit-transform:rotate(180deg) scale(1.5)
}

100% {
-webkit-transform:rotate(360deg) scale(0)
}
}

@-o-keyframes star {
0% {
-o-transform:rotate(0) scale(0)
}

50% {
-o-transform:rotate(180deg) scale(1.5)
}

100% {
-o-transform:rotate(360deg) scale(0)
}
}

@-moz-keyframes star {
0% {
-moz-transform:rotate(0) scale(0)
}

50% {
-moz-transform:rotate(180deg) scale(1.5)
}

100% {
-moz-transform:rotate(360deg) scale(0)
}
}

.start-animate {
z-index:1.0E+17!important;
position:absolute;
animation:star linear 1.75s infinite;
-moz-animation:star linear 1.75s infinite;
-webkit-animation:star linear 1.75s infinite;
-o-animation:star linear 1.75s infinite
}

@keyframes star {
0% {
transform:rotate(0) scale(0)
}

50% {
transform:rotate(180deg) scale(1.5)
}

100% {
transform:rotate(360deg) scale(0)
}
}

div.b_dichvu {
padding:10px 0;
position:relative;
text-align:center
}

div.box_dv {
display:inline-block;
vertical-align:top;
padding:0 10px
}

div.box_dv img {
display:inline-block;
vertical-align:top;
margin:5px 3px 2px 0;
max-width:35px;
max-height:20px
}

div.box_dv h3 {
display:inline-block;
vertical-align:top
}

div.box_dv h3 a {
font-family:sfuFBook;
font-size:13px;
color:#535353;
text-transform:uppercase
}

div.box_dv h3 a:hover {
color:red
}

div.w_media {
max-width:100%;
margin:auto
}

div.big_tt {
width:93%;
margin:auto
}

div.img_tt {
position:relative;
overflow:hidden
}

div.img_tt img {
width:100%;
height:100%;
transition:all 1s ease 0
}

div.img_tt:hover img {
transform:scale(1.1)
}

div.big_tt h3 a {
font-family:sfuFuH;
font-size:17px;
color:#2f2f2f;
display:block;
padding:20px 0;
text-align:center
}

div.big_tt h3 a:hover {
color:#6ad827
}

div.big_tt .mta_tt {
font-family:sfuFBook;
font-size:14px;
color:#787878;
text-align:justify;
line-height:21px
}

a.xt {
font-family:sfuO;
font-size:14px;
color:#2f2f2f;
display:block;
margin-top:20px
}

a.xt:hover {
color:#6ad827
}

div.w_video {
max-width:100%;
margin:auto;
padding:40px 0 30px
}

div.left_video {
width:95%;
margin:auto
}

div.map_bando {
float:right;
width:60%
}

div#map_canvas1 {
width:100%;
height:400px
}

div.map_bando {
width:68%;
float:right
}

div.phone_list {
width:100%;
float:left;
padding:10px;
text-align:center;
box-sizing:border-box;
background:#4ea51a
}

div.phone_list p {
display:inline-block;
padding:5px 10px;
background:#D90000;
text-align:center;
font-size:18px;
border-radius:10px;
margin:5px 10px;
color:#FF0;
line-height:30px
}

div.phone_list p a {
text-decoration:none;
color:#FFF;
line-height:normal!important
}

#footer1 {
display:none
}

#footer1 img {
width:30%;
max-width:30px!important;
vertical-align:middle;
float:left;
padding:9px 0
}

#footer1 a {
color:#fff;
text-decoration:none;
font-size:14px;
font-family:myfont;
line-height:40px
}

.blink_me {
-webkit-animation-name:blinker;
-webkit-animation-duration:1s;
-webkit-animation-timing-function:linear;
-webkit-animation-iteration-count:infinite;
-moz-animation-name:blinker;
-moz-animation-duration:1s;
-moz-animation-timing-function:linear;
-moz-animation-iteration-count:infinite;
animation-name:blinker;
animation-duration:1s;
animation-timing-function:linear;
animation-iteration-count:infinite
}

div.breadcrumb {
width:100%;
margin:0;
border-radius:0;
background:none;
padding:10px 0
}

div.breadcrumb i {
color:#000;
font-size:13px;
margin:0 5px
}

div#inner i:last-child {
display:none
}

div.breadcrumb a {
text-decoration:none;
color:#222;
font-family:myFont;
font-size:14px
}

div.breadcrumb a:hover {
color:red
}

@-moz-keyframes blinker {
0% {
opacity:1
}

50% {
opacity:0
}

100% {
opacity:1
}
}

@-webkit-keyframes blinker {
0% {
opacity:1
}

50% {
opacity:0
}

100% {
opacity:1
}
}

@keyframes blinker {
0% {
opacity:1
}

50% {
opacity:0
}

100% {
opacity:1
}
}

.anim-05 {
-moz-transition:all .5s ease;
-o-transition:all .5s ease;
-ms-transition:all .5s ease;
transition:all .5s ease
}

p.tt_dm {
font-family:Arial;
font-size:18px;
cursor:pointer;
padding:10px 0;
line-height:1;
position:relative;
border-bottom:1px solid #ccc
}

p.tt_dm i {
position:absolute;
right:0;
top:32%
}

.danhmuc_nha li > div > input.myCheckbox {
display:none
}

.danhmuc_nha {
margin-bottom:10px
}

.danhmuc_nha li > div:after {
position:absolute;
top:7.5px;
left:3px;
width:14px;
height:14px;
border:1px solid #aaa;
-webkit-border-radius:2px;
-moz-border-radius:2px;
border-radius:2px;
content:" ";
font-family:FontAwesome;
font-size:10px;
line-height:13px;
text-align:center
}

.danhmuc_nha li > div {
position:relative;
float:left;
width:calc(100% - 2.5px);
display:block;
padding:5px 5px 5px 25px;
margin:0;
line-height:20px;
color:#000;
font-size:12px;
font-weight:400;
cursor:pointer;
border-radius:0;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
font-family:Arial
}

.danhmuc_nha li > div.active:after {
content:"\f00c";
color:#000;
border-color:#000
}

p.p_gia {
font-family:myFont;
font-size:14px;
margin-top:5px;
padding-left:9px;
cursor:pointer
}

p.p_gia.act {
color:red
}

.slider.slider-horizontal .slider-track {
height:5px;
background:#c4c4c4
}

.slider-selection {
background:#009ce5
}

.slider.slider-horizontal .slider-handle {
margin-left:-10px;
margin-top:-7px;
opacity:1;
margin-left:-10px;
margin-top:-7px;
opacity:1
}

.slider-handle {
width:20px;
height:20px;
background:#616161
}

p.hiengia {
margin-top:8px;
font-size:12px
}

p.hiengia span {
display:inline-block;
width:calc(50% - 3px);
vertical-align:top
}

.search_mau p {
cursor:pointer
}

.search_mau.act p {
background-image:url(images/bg-product.png)!important;
background-position:right bottom!important;
background-repeat:no-repeat!important;
border:1px solid #e42127
}

.danhmuc_nha li.li_sort.act a {
color:red!important
}

div.btn_t {
text-align:right;
margin-top:10px;
margin-bottom:10px
}

div.btn_t p {
display:inline-block;
font-family:Arial;
font-size:17px;
border:1px solid #6ad827;
color:#6ad827;
padding:6px 14px;
line-height:1;
cursor:pointer
}

div.btn_t p:hover {
border:1px solid #049219;
color:#049219
}

.img_popup {
width:100%;
max-width:700px;
margin:auto;
padding:20px
}

.img_popup .close {
right:25px;
top:24px
}

.img_popup img {
width:100%
}

.img_popup {
position:fixed!important;
top:-200px;
bottom:0;
right:0;
left:0;
margin:0 auto;
z-index:9999;
opacity:0;
transition:all 500ms
}

.opacity {
background:rgba(0,0,0,0.7);
position:fixed;
top:0;
left:0;
width:100%;
z-index:999;
opacity:0;
transition:all 300ms;
height:130vh
}

.opacity1 {
opacity:1
}

.close {
position:absolute;
right:15px;
opacity:1!important
}

.close:hover,.close:focus {
color:#000;
text-decoration:none;
cursor:pointer;
opacity:.5!important;
filter:alpha(opacity=50)
}

.display {
opacity:1;
top:80px
}

div#lienket {
margin-top:12px
}

div#lienket a {
text-decoration:none;
margin-right:5px
}

@media screen and (max-width: 1024px) {
.logo_head {
background:none;
background-color:#fff
}

div#menu {
padding-bottom:10px
}

div#menu ul li a {
padding:9px 20px
}

div.frm_lienhe {
margin:10px 0 0
}
}

@media screen and (max-width: 960px) {
.logo_head {
display:none
}

div.logo_mobi {
display:inline-block
}

#lang,div.shopcart {
margin:25px 0
}

.header a {
right:10px;
left:auto;
margin:27px 0;
top:0
}

div.fix2 {
float:left;
width:33.3%
}

.logo_head {
position:relative;
padding:10px;
width:50%;
text-align:center
}

div.hotline {
padding:10px 0 0
}

div.top_head {
text-align:center;
padding:10px 0
}

#lang,div.shopcart {
display:inline-block;
vertical-align:top;
float:none
}

div#search {
display:none
}

div#main_footer {
width:100%;
float:none;
text-align:center
}

div.w_hotro,div.w_fbb,div.w_ketnoi {
width:33%;
margin:0;
margin-top:10px;
margin-left:0
}

div#menu_mobi {
display:block
}

div#menu {
display:none
}

div#slider {
width:100%;
padding:0;
border:none
}

div#right1 {
width:100%
}

div#left {
margin-bottom:10px;
width:100%
}

div.item {
width:31%
}

div#thongke {
width:100%
}

div.thongke_an {
display:none
}

div.tt_lh {
width:100%
}

div.bando {
width:100%
}

a.sp_cart {
display:block;
text-decoration:none;
color:#fff;
margin-left:-20px;
position:absolute;
left:50%
}

a.sp_cart i {
font-size:30px
}

div.user {
position:absolute;
right:10px;
top:0;
font-size:30px;
color:#fff;
cursor:pointer
}

.menu_login {
display:none
}

div.fix2 {
float:left;
width:62%
}
}

@media screen and (max-width: 800px) {
.w50 {
width:100%!important
}
}

@media screen and (max-width: 736px) {
div.w_hotro,div.w_fbb,div.w_ketnoi {
width:100%;
margin:0;
margin-top:10px;
margin-left:0;
text-align:center
}

div.w_fbb {
max-width:250px;
margin:auto;
float:none
}
}

@media screen and (max-width: 600px) {
.product_info li {
font-size:14px;
padding:5px 0;
font-family:Arial;
width:100%
}

.product_info {
width:100%;
margin-top:6px;
display:flex;
flex-wrap:wrap
}

div.slick {
margin-top:5px;
order:-1;
margin-bottom:10px;
width:100%
}
}

@media screen and (max-width: 603px) {
.lienhe_s {
display:none
}

.lienhe_s.lh_res {
display:inline-block;
font-size:12px;
padding:8px 10px;
font-size:12px
}

.product_info .product-qty .cart button {
font-size:12px;
padding:5px 10px
}

#footer1 {
display:block
}

div.item {
width:48%
}

div.wr_all div.item {
width:31%
}

.zoom_slick {
width:100%;
max-width:400px;
float:none;
margin:auto
}

.product_info {
width:100%;
margin-top:6px
}

.gh_an {
display:none
}
}

@media screen and (max-width: 460px) {
div.fix2 {
float:left;
width:59%
}

#lang,div.shopcart {
margin:25px 0
}

div.top_head {
text-align:left
}

.header a {
right:10px;
left:auto;
margin:27px 0;
top:0
}

div.hotline {
display:none;
padding:10px 0 0
}

.logo_head {
width:65%
}

div.hotline span {
font-size:14px
}

div.w_hotro,div.w_fbb,div.w_ketnoi {
width:100%;
float:none;
text-align:center
}

div.w_fbb {
max-width:250px;
margin:auto
}

div.copyright {
text-align:center
}

div.item {
width:48%
}

div.wr_all div.item {
width:48%
}

div.frm_lienhe .item_lienhe input[type='text'],div.frm_lienhe .item_lienhe textarea,div.frm_lienhe .item_lienhe input[type='password'] {
width:100%!important
}

div.frm_lienhe .item_lienhe select {
width:100%
}

.map_description {
width:100%
}

div.frm_lienhe .item_lienhe p {
width:100%
}

.othernews ul.phantrang {
margin-left:5px
}
}

@media screen and (max-width: 360px) {
div.item {
width:98%
}

div.wr_all div.item {
width:98%
}

div.tieude_giua h2 {
font-size:20px
}
}