*,:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
body{margin:0}
[class*='col-']{float:left;padding-right:10px;padding-left:10px}
[class*='cell-']{float:left}
.grid{width:100%;padding: 0 2px;margin:0 auto}
.grid-no-overflow-hiden{width:100%;margin:0 auto}
.grid:after{content:"";display:table;clear:both}
.grid-pad{padding-top:0;padding-left:10px;padding-right:10px}
.push-right{float:right}
@media(max-width:767px) {
.p-form-phone .input-text,.p-form-phone .btn-sub{width:100%;float:none;margin-bottom:10px}
}
@media(max-width:1024px) and (min-width:992px) {
.p-form-phone .input-text{font-size:10pt}
.p-form-phone .btn-sub{padding:4px 10px;font-size:9pt}
}
pre{display:block;padding:9.5px;margin:0 0 10px;font-size:13px;word-break:break-all;word-wrap:break-word;white-space:pre;white-space:pre-wrap;background-color:#f5f5f5;border:1px solid #ccc;border:1px solid rgba(0,0,0,0.15)}
.col-1-1{width:100%}
.col-2-3,.col-8-12{width:66.66%}
.col-1-2,.col-6-12{width:50%}
.col-1-3,.col-4-12{width:33.33%}
.col-1-4,.col-3-12{width:25%}
.col-2-4{width:50%}
.col-3-4{width:75%}
.col-1-5{width:20%}
.col-2-5{width:40%}
.col-3-5{width:60%}
.col-4-5{width:80%}
.col-1-6,.col-2-12{width:16.667%}
.col-1-7{width:14.28%}
.col-2-7{width:28.57%}
.col-3-7{width:42.85%}
.col-1-8{width:12.5%}
.col-1-9{width:11.1%}
.col-1-10{width:10%}
.col-1-11{width:9.09%}
.col-1-12{width:8.33%}
.col-11-12{width:91.66%}
.col-10-12{width:83.333%}
.col-9-12{width:75%}
.col-5-12{width:41.66%}
.col-7-12{width:58.33%}
.m-width-1200{min-width:1200px;margin:auto}
.padding-top-0{padding-top:0}
.padding-top-5{padding-top:5px}
.padding-top-10{padding-top:10px}
.padding-top-20{padding-top:20px}
.padding-0{padding:0}
.padding-bottom-15{padding-bottom:15px}
.padding-bottom-20{padding-bottom:20px}
.push-2-3,.push-8-12{margin-left:66.66%}
.push-1-2,.push-6-12{margin-left:50%}
.push-1-3,.push-4-12{margin-left:33.33%}
.push-1-4,.push-3-12{margin-left:25%}
.push-1-5{margin-left:20%}
.push-1-6,.push-2-12{margin-left:16.667%}
.push-1-7{margin-left:14.28%}
.push-1-8{margin-left:12.5%}
.push-1-9{margin-left:11.1%}
.push-1-10{margin-left:10%}
.push-1-11{margin-left:9.09%}
.push-1-12{margin-left:8.33%}
.menu-mobile-fix{display:none}
.end-col-hide-pc{display:none}
.br-4{display:block}
.br-3{display:none}
.br-2{display:none}
.h-br-2{display:none}
.h-br-3{display:none}
.h-br-4{display:none}
.h-br-5{display:block}
.pc-paddingright-15{padding-right:15px}
.pc-break{display:block}
.pad-break{display:none}
.tab-break{display:none}
.mobile-break{display:none}
.hide-on-pc{display:none}
.content-text table{border:solid 1px #ccc;width:100%}
.content-text table td p{margin:5px 0}
.content-text table td{border-left:solid 1px #ccc;border-bottom:solid 1px #ccc;border-bottom-color:#ccc;padding-left:1em;color:#111}
.content-text table tr:first-child td{font-weight:700;background:#f2f2f2}
.content-text table img{margin:0}
#content-text table{border:solid 1px #ccc;width:100%}
#content-text table td p{margin:5px 0}
#content-text table td{border-left:solid 1px #ccc;border-bottom:solid 1px #ccc;border-bottom-color:#ccc;padding-left:1em;color:#111}
#content-text table tr:first-child td{font-weight:700;background:#f2f2f2}
#content-text table img{margin:0}
.header:not(.transparent) .header-nav.nav>li>a{color:#222;padding:2px 3px}
.flex-container{padding:0;margin:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;display:box;display:flexbox;flex:1 100%;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}
.flex-right{padding:0;margin:0;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-flex-flow:row wrap;-ms-flex-flow:row wrap;-moz-flex-flow:row wrap;flex-flow:row wrap;width:100%;justify-content:space-between}
.flex-container-round{justify-content:space-around}
.flex-container-space-between{justify-content:space-between}
.flex-container-center{justify-content:center}
.flex-container-flex-end{justify-content:flex-end}
.border-flex{border:solid 1px #e4e4e4;border-right:none;border-bottom:none}
.cell-1-5{width:19%;float:left;margin-bottom:15px}
.cell-2-5{width:40%;float:left}
.cell-3-5{width:60%;float:left}
.cell-4-5{width:80%;float:left}
.cell-border{border:solid 1px #e9e9e9}
.cell-1-3{float:left;width:31%}
.cell-2-3{float:left;width:66.66%}
.cell-1-4{float:left;width:25%}
.cell-2-4{float:left;width:50%}
.cell-3-4{float:left;width:75%}
.flex-container .cell-1-2{width:50%;float:left}
.padding-left20{padding-left:20px}
.margin-bottom-30{margin-bottom:30px}
.cell-btn-cart{width:60%;margin-right:10px}
.cell-btn-contact{width:35%}
.cell-btn-catalogue,.cell-btn-daily{border:solid 1px #CCC;padding:6px 5px;text-align:center;display:block;text-decoration:none}
.cell-btn-catalogue{width:35%;border-left:none;background:#f0f0f0;color:#404040}
.cell-btn-daily{width:65%;color:#2e3192;font-weight:700}
.flex-daily{padding:0;margin:0;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-flex-flow:row wrap;-ms-flex-flow:row wrap;-moz-flex-flow:row wrap;flex-flow:row wrap;width:100%;justify-content:flex-start;padding-left:20px}
.flex-daily .daily-1-3{width:33.33%;border-right:solid 1px #CCC;float:left}
.flex-daily .daily-2-3{width:66.66%;float:left}
.col-1-9{width:11.11%}
.col-2-9{width:22.22%}
.col-3-9{width:33.33%}
.col-4-9{width:44.44%}
.col-5-9{width:55.55%}
.pc-left-pad-0{padding-left:0}
.left-page{padding:0}
.menubar-mobile{display:none}
.right-page{float:right!important}
.left-page{float:left!important}
@media handheld,only screen and (max-width:1280px) {
.gototop-btn{right:120px!important}
}
@media handheld,only screen and (max-width:1200px) {
.gototop-btn{right:0!important}
.top-page,.banner{padding-left:10px;padding-right:10px}
.box-search-cart{margin-right:10px}
.grid-padding-left-right-10{padding-left:10px;padding-right:10px}
}
@media handheld,only screen and (max-width:967px) {
.mobile-100{width:100%}
.pad-2{width:50%;float:left}
.mobile-col-1-2{width:32.33%}
.pad-col-4{width:25%;float:left}
.pc-paddingright-15{padding-right:0}
.pad-col-1-4{width:25%}
.pad-col-1-1{width:100%}
.pad-col-2-3,.pad-col-8-12{width:66.66%}
.pad-col-1-2,.pad-col-6-12{width:50%}
.pad-col-1-3,.pad-col-4-12{width:33.33%}
.pc-break{display:none}
.pad-break{display:block}
.mobile-break{display:none}
.hide-on-pad{display:none;width:0;height:0}
.hide-on-pc{display:block}
.hide-tab{display:none!important}
.hide-pad{display:none!important}
.pad-padding-right-10{padding-right:20px}
.show-pad{display:block}
.news-home-pad-1-3{width:32.33%}
.pad-100{width:100%}
.cell-1-3{width:32%}
.menubar{display:none}
.menubar-mobile{display:block}
#banner{display:none}
img{display:block;max-width: 100%!important; height: auto!important;}
.cell-pad-1-3{width:32%}
}
@media handheld,only screen and (max-width:767px) {
.phone{z-index:999;bottom:5px;left:180px;max-width:100%;margin:0 auto}
.phone p{-webkit-text-fill-color:rgba(255,255,255,1);-webkit-opacity:1;color:rgba(255,255,255,1);margin:1px 0}
.grid{width:100%;min-width:0;margin-left:0;margin-right:0;padding-left:0;padding-right:0}
.grid-padding-left-right-10{padding-left:10px;padding-right:10px}
.hide-on-pc{display:block}
.hide-on-pad{display:block}
.hide-on-tab{display:none}
.tab-mobile{display:block}
.pc-paddingright-15{padding-right:0}
.pc-break{display:none}
.pad-break{display:none}
.tab-break{display:block}
.mobile-break{display:none}
.tab-col-1-4{width:25%}
.tab-col-3-4{width:75%}
.tab-col-1-1{width:100%;padding-right:10px}
.tab-col-2-3,.tab-col-8-12{width:66.66%}
.tab-col-1-2,.tab-col-6-12{width:50%}
.tab-col-1-3,.tab-col-4-12{width:32.33%}
.hide-pad{display:none!important}
.cell-tab-1-2{width:49%}
.left-page{width:100%}
.right-page{width:100%;margin-top:10px}
.cell-tab-1-1{width:100%}
.danhmuc{display:none}
.hotro{display:none}
.video{display:none}
}
@media handheld,only screen and (max-width:477px) {
.grid{width:100%;min-width:0;margin-left:0;margin-right:0;padding-left:0;padding-right:0}
.grid-padding-left-right-10{padding-left:10px;padding-right:10px}
[class*='col-']{}
[class*='mobile-col-']{float:left;margin-left:0;margin-right:0;margin-top:0;margin-bottom:10px;padding-left:0;padding-right:0;padding-bottom:0}
.tab-detail{height:30px;border-bottom:none!important}
.tab-detail .item-tab{float:left;width:100%!important;padding:0!important;height:30px;margin:2px 0}
.tab-detail .item-tab:first-child{padding-left:0}
.tab-detail .item-tab a{background:#EEE;display:block;border:none!important;border-bottom:none;height:30px;text-align:center;line-height:30px;border-radius:0!important}
.tab-detail .item-tab a.active{background:#ef6410}
.tab-mobile{display:block}
.pc-paddingright-15{padding-right:0}
.hide-on-pc{display:block}
.hide-on-pad{display:block}
.hide-on-tab{display:block}
.hide-on-mobile{display:none!important;width:0;height:0}
.pc-break{display:none}
.pad-break{display:none}
.tab-break{display:none}
.mobile-break{display:block}
.mobile-col-1-1{width:100%;padding-left:10px}
.mobile-col-2-3,.mobile-col-8-12{width:66.66%}
.mobile-col-1-2,.mobile-col-6-12{width:48%}
.mobile-col-1-3,.mobile-col-4-12{width:33.33%}
.hide-pad{display:block!important}
.hide-tab{display:block!important}
.hide-mobile{display:none!important}
.mobile-show{display:block!important}
.mobile-width-100{width:100%!important}
.pro-padding-10{padding:10px}
.pad-padding-right-10{padding-right:0}
.contact_label{width:100%;float:none;position:relative}
.contact_input{width:100%!important;float:none}
.box-label-input{padding-left:0}
.tb_td .title-frm-reg{width:100%}
.tb_td .td_td{width:100%}
.cell-mobile-1-2{width:49%}
.cell-mobile-1-1{width:100%}
.image-news-name{width:100px}
}
@media handheld,only screen and (max-width:320px) {
.hide-on-mini{display:none}
}