@font-face {
    font-family: 'UTM Libel KT';
    src: url('../fonts/UTMLibelKT.woff2') format('woff2'),
        url('../fonts/UTMLibelKT.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/**content**/
.mz-expand >span
{
	display:none!important
}
.text h2
{
	margin:0px;
	font-size:22px;
	font-weight:bold;
	margin-bottom:15px;
	color:#da262f;
}
.text h3
{
	margin:0px;
	font-size:18px;
	font-weight:bold;
	margin-bottom:15px;
	color:#da262f;
}
.text
{
	margin:15px 0px;
	line-height:24px;
	font-size:16px;
}
.text h4
{
	margin:0px;
	font-size:16px;
	font-weight:bold;
	color:#da262f;
	margin-bottom:15px;
}
.text ul,ol
{
	padding-left:30px;
	margin-bottom:15px;
}
.text >img
{
	margin-bottom:15px;
}
.text div
{
	
	margin-bottom:15px;
}
.text a
{
	color:#da262f
}
.text p
{
	margin-bottom:15px;
}
.text h5
{
	margin:0px;
	font-size:15px;
	color:#da262f;
	font-weight:bold;
	margin-bottom:15px;
}
/**content**/
/**itempro**/
/**itempro**/
/**danhsach_sanpham**/
.box_lpr2
{
	display:flex;
	flex-wrap: wrap;
}
.box_lpr2 a
{
display: inline-block;
	margin:10px;
    width: 7%;
    text-align: center;
}
.box_lpr2 a:hover img
{
	border: 1px solid #050504;
}
.box_lpr2 a img
{
	border: 1px solid #ccc;
    border-radius: 200px;
    background: #fff;
	width:50px;
	object-fit:cover;
	height:50px;
	margin-bottom:10px;
}
.title_l
{
	font-size:16px;
	font-weight:500;
	margin-bottom:10px;
}
.title_clp
{
	text-align: center;
    margin-bottom: 30px;
    margin-top: 30px;
	font-size: 32px;
    color: #1a1a1a;
    text-transform: uppercase;
    text-align: center;
    font-weight: 600;
}
.wap_prol
{
	    --bs-gutter-x:30px;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(var(--bs-gutter-y) * -1);
    margin-right: calc(var(--bs-gutter-x)/ -2);
    margin-left: calc(var(--bs-gutter-x)/ -2);
}
.img_p >span
{
	position:absolute;
	top:10px;
	right:10px;
	background:#ff9800;
	color:white;
	font-weight:bold;
	padding:5px 7px;
}
.item_pro
{
	margin-bottom: 20px;
	margin:15px;
	padding:12px;
	text-align:center;
	border:1px solid #e2e2e2;
}
.item_l >div
{
	margin:0px;
	margin-bottom:30px;
}
.item_l
{
	width:20%;
	padding-right: calc(var(--bs-gutter-x)/ 2);
    padding-left: calc(var(--bs-gutter-x)/ 2);
}

.item_lh
{
	width:25%;
}
.img_p img
{
	width:100%;
	height:100%;
	object-fit:cover;
	webkit-transition: opacity .6s, -webkit-filter .6s, -webkit-transform .6s, -webkit-box-shadow .3s;
    transition: opacity .6s, -webkit-filter .6s, -webkit-transform .6s, -webkit-box-shadow .3s;
    -o-transition: filter .6s, opacity .6s, transform .6s, box-shadow .3s;
    transition: filter .6s, opacity .6s, transform .6s, box-shadow .3s;
    transition: filter .6s, opacity .6s, transform .6s, box-shadow .3s, -webkit-filter .6s, -webkit-transform .6s, -webkit-box-shadow .3s;
	
}
.img_p
{
	overflow:hidden;
	height:170px;
	display:block;
	position:relative;
	    margin-bottom: 20px;
		background:white;
		text-align:center;
}
.name_pro
{
	display:block;
	margin-bottom:5px;
	overflow:hidden;
	color:#000000;
}
.tt
{
	color:#1fbe63;
	font-size:12px;
}
.tt i
{
	font-size:15px;
	margin-right:5px;
}
.gia span
{
	font-size:12px;
	text-decoration:line-through;
	color:#878787;
	font-weight:normal;
}
.themgiohang
{
    background: #0977c6;
    color: white;
    text-transform: uppercase;
    padding: 5px 14px;
    display: inline-block;
    cursor: pointer;
}
.gia
{
	font-weight:600;
	color:#db0026;
	margin:10px 0px;
}
/**danhsach_sanpham**/
/**chitiet-sanpham**/
.title_ctsp
{
	margin-bottom:10px;
}
.title_ctsp span
{
	font-weight:bold;
	font-size:18px;
	color:#000
}

.butmh
{
	display:flex;
	margin:0px -5px;
	margin-bottom:20px;
}
.butmh a
{
	cursor:pointer;
	display:block;
	background:#ff5758;
	padding: 15px 26px;
    text-transform: uppercase;
    text-align: center;
    color: #fff;
    font-size: 15px;
	font-weight:bold;
    border-radius: 0;
	margin:0px 5px;
}
.title_prod
{
    font-size: 24px;
    padding-bottom: 10px;
    color: #333;
    margin: 0px;
}
.giact span i
{
	font-style:normal;
	text-decoration:line-through;
}
.giact span
{
	display:inline-block;
	margin-left:10px;
	    color: #666;
		font-size: 16px;
		float:right;
}
.giact
{
	color: #ff0006;
	margin-bottom:15px;
	font-size:24px;
}
.tkg p
{
	    width: 60px;
    padding-left: 20px;
    background: #00ac9f url(../images/gc.gif) no-repeat left top;
    font-size: 13px;
    color: #fff;
    margin-left: 15px;
    border-radius: 3px;
    font-weight: 700;
	height: 26px;
    line-height: 26px;
}
.tkg span
{
	font-size: 14px;
    color: #333;
	margin-right:10px;
}
.tkg
{
	margin-bottom:10px;
	display:flex;
}
.lhmh span
{
	position: absolute;
    z-index: 1;
    /* width: 260px; */
    margin-left: 24%;
    line-height: 30px;
    margin-top: -25px;
    background-color: #fff;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    padding: 0px 10px;
}
.lhmh
{
	    border: solid 1px #f68d91;
		padding:10px;
		margin:20px 0px;
    border-radius: 6px;
	margin-top: 25px;
}
.title_rbh
{
	    line-height: 38px;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
    background-color:#ff5758;
}
.ct_csbh
{
	margin:0px;
	margin-bottom:20px;
	background:#f5f5f5;
	padding:10px;
}
.box_chat img
{
	width: 30px;
    height: 30px;
    margin-top: 12px;
    margin-right: 12px;
	display:inline-block;
}
.box_chat span
{
	font-weight: 700;
    color: #333;
    padding-top: 12px;
    text-align: center;
	display:block;
}
.box_chat
{
	background-color: #f5f5f5;
    border-radius: 6px;
	padding:10px;
	margin-bottom:30px;
    border: solid 1px #e5e5e5;
	text-align:center;
}
.title_boxs >span
{
	background:#004da4;
	font-size:15px;
	text-transform:uppercase;
	color:white;
	font-weight:bold;
	padding:10px 20px;
	display:inline-block;
}
.title_boxs
{
}
.ct_dep
{
	    border: solid 1px #e5e5e5;
    padding: 14px;
	margin:0px;
    margin-bottom: 40px;
}
.title_httt
{
	line-height: 44px;
    background: #333 url(../images/f.png) no-repeat 10px center;
    background-size: auto 22px;
    padding-left: 40px;
    text-transform: uppercase;
    color: #fff;
    font-weight: 700;
    font-size: 19px;
}
.ct_httt
{
	    border: solid 1px #ececec;
    margin-bottom: 20px;
    background-color: #f7f7f7;
	padding:10px;
}
.item_htt img
{
	    width: 60px;
    height: 60px;
    float: left;
    margin-right: 15px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border: solid 1px #ccc;
}
.item_htt strong {
    display: block;
    font-size: 18px;
}
.item_htt span {
    display: block;
    padding-bottom: 5px;
    font-size: 15px;
    padding-top: 8px;
}
.item_htt
{
	margin-bottom:10px;
}







.list_dgct li .star
{
	margin-bottom:20px;
}
.ctdg div
{
	color:#46474a;
}
.ctdg p
{
	margin-bottom:10px;
	font-size: 16px;
	color:#46474a;
	font-weight:bold;
}
.list_dgct li
{
	display: inline-block;
	list-style:none;
	margin-bottom:20px;
	width:100%
}
.list_dgct
{
	    grid-column-gap: 24px;
    -webkit-column-gap: 24px;
    -moz-column-gap: 24px;
    column-gap: 24px;
	-webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
}
.list_st li span
{
	width:15%;
}
.list_st li
{
	display:block;
	margin-bottom:10px;
	display:flex;
	color:#46474a;
	    align-items: center;
}
.list_st li .fulls i
{
	background:#74767c;
	height:4px;
	border-radius:500px;
	display: block;
}
.list_st li .fulls
{
	background:#e3e4e5;
	height:4px;
	width:66%;
	margin:0px 2%;
	border-radius:500px;
}
.numdg
{
	margin:20px 0px;
	color:#000;
	font-size:24px;
	font-weight:bold;
}
.vdg:hover
{
	color:white;
	background:#36C
}
.vdg
{
	padding:4px 10px;
	font-weight:bold;
	color:white;
	background:#0071dc;
	border-radius:500px;
	margin:10px 0px;
	display:inline-block;
	cursor:pointer;	
}
.numdg span
{
	font-size:72px;
	margin:0px 5px
}
.btgh:hover
{
	color:white;
	background:#004f9a
}
.btgh
{
padding: 8px 10px;
    background: #0071dc;
    color: white;
    border-radius: 500px;
    font-size: 17px;
    cursor: pointer;
    font-weight: bold;
    position: absolute;
    bottom: 0px;
    left: 0px;
}
.despl
{
	font-size:13px;
	color:#000000;
	height:92px;
	overflow:hidden;
}
.title_ctsp
{
	    font-size: 24px;
		font-weight:bold;
    color: #046baf;
	margin-bottom:30px;
	margin-top:30px;
}
.item_pror a
{
	font-weight:bold;
	color:#000;
}
.item_pror
{
	margin-bottom:20px;
}
.item_pror img
{
	width:75px;
	height:75px;
	object-fit:cover;
	border-radius:5px;
	margin-right:10px;
	float:left;
}
.item_pro:hover
{
}
.proh
{
}
.item_pro:hover .themgiohangh
{
	display:block;
}
.item_pro:hover img
{
		    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}
.themgiohangh:hover
{
	background:#004f9a;
	color:white;
}
.themgiohangh
{

}
.item_pro table
{
	width:100%;
}
.ct_proh .owl-next
{
	color: #fff;
    line-height: 30px!important;
    text-align: center!important;
    width: 30px!important;
    height: 30px!important;	
    background-color: rgba(0,0,0,.5)!important;
	padding-top:2px!Important
	
}
.ct_proh .owl-prev
{
	color: #fff;
    line-height: 30px!important;
    text-align: center!important;
    width: 30px!important;
    height: 30px!important;	
    background-color: rgba(0,0,0,.5)!important;
	padding-top:2px!Important
}



.masp
{
	margin-bottom:15px;
}
.star
{
	display:flex;
	font-size:12px;
	color:#74767c;
	line-height:17px;
}
.sumstar span
{
	background: url(../images/star.png) repeat-x;
	display:inline-block;
	height:15px;
	background-size: 15px;
}
.sumstar
{
background: url(../images/star1.png) repeat-x;
    height: 15px;
    width: 75px;
	background-size: 15px;
	margin-right:10px
}
.item_fp
{
	display:flex;
	justify-content: space-between;
}
.box_infop
{
    -webkit-box-shadow: 0 1px 2px 1px #00000026;
    box-shadow: 0 1px 2px 1px #00000026;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
	border-radius:5px;
	padding:15px;
}
.si {
    background: url(../images/spriteIcon.png) no-repeat transparent;
	    margin-right: 5px;
}
.giact div
{
	color:white;
	font-weight:bold;
}
.butdh a
{
    display: inline-block;
    background: #da251c;
    border-radius: 3px;
    border: 1px solid #ba2624;
    margin-right: 10px;
    color: white;
    font-weight: bold;
    padding-right: 30px;
	margin-bottom:10px;
    font-size: 19px;
	cursor:pointer;
}
.butdh i
{
display: inline-block;
    width: 52px;
    height: 40px;
    color: white;
    text-align: center;
    padding-top: 9px;
    border-right: 1px solid #ed4542;
    font-size: 23px;
	margin-right:20px;
}
.title_sptt
{
	text-transform:uppercase;
	font-weight:bold;
	margin-bottom:10px;
	margin-top:10px;
	
}
.MagicZoom, .mz-figure
{
	display:block!Important;
}
body div div div div div div div a#zoom-v:not(.mz-no-rt-width-css) > .mz-figure:not(.mz-no-rt-width-css) > img {
    width: 100% !important;
    max-width: inherit!important;
    max-height: inherit!important;
    height: auto!important;
}
.ct_tt
{
	max-height: 626px;
    overflow: auto;
	margin-bottom:20px;
}
.tab_ct a.tabctac
{
	background: #fff;
    border-color: #f04e23 #ccc;
}
.cttabct
{
	background:white;
	padding:20px;
	margin-bottom:20px;
}
.tab_ct li
{
	display:inline-block;
}
.tab_ct a
{
	color:#000;
	    line-height: 34px;
    padding: 0 20px;
    font-size: 14px;
    display: inline-block;
    margin: 0 10px;
    border: solid transparent;
    border-width: 2px 1px 0;
    cursor: pointer;
}
.tab_ct
{
	    height: 35px;
    background: #eee;
    border-bottom: 1px solid #ccc;
}

.sumdg
{
	font-size:20px;
	color:#9e9e9e;
	margin:20px 0px;
}
.sumdg span
{
	font-size:40px;
	color:#000
}

.list_dg
{
	height: 130px;
    overflow-y: scroll;
    overflow-x: hidden;
}
.lttl p
{
    margin-right: 10px;
    width: 20%;
}
.lttl
{
	display:flex;
	    align-items: center;
	margin-bottom:10px;
}
.box_gdg input,select
{
	border:1px solid #d0d0d0;
	padding:10px;
	background:white;
	color:#000;
	height:36px;
	font-size:12px;
}
.guidanhgia
{
	background:#6dab3c;
	padding:5px 20px;
	color:white;
	text-transform:uppercase;
	font-weight:bold;
	cursor:pointer;
}
.box_gdg textarea
{
	
	margin-bottom:10px;
	border:1px solid #efefef;
	padding:10px;
	background:white;
	color:#000;
	height:80px;
	width:100%;
}
.item_dg p
{
	margin-bottom:10px;
}
.item_dg div span
{
	
	background: url(../images/star.png) repeat-x;
	display:inline-block;
	background-size:15px;
	height:15px;
}
.item_dg div
{
	width:75px;
	
background: url(../images/star1.png) repeat-x;
    height: 15px;
	background-size:15px;
}
.item_dg >span
{
	display:inline-block;
	margin-bottom:10px;
	text-transform:uppercase;
	font-weight:bold;
	font-size:15px;
}
.item_dg
{
	border-bottom:1px solid #cbcbcb;
	padding-bottom:10px;
	margin-bottom:10px;
}
.sptt img
{
	height1:286px;
}
/**sanpham**/
/**head**/
.slog
{
	font-size:42px;
	color:#ff7601;
	font-family: 'UTM Libel KT';
}
.head >div
{
	
	display:flex;
	align-items: center;
	justify-content: space-between;
}
.head
{
	display:flex;
	align-items: center;
	justify-content: space-between;
	padding:15px 0px;
}
.buttop p
{
	
	    color: #434343;
		font-size:16px;
}
.buttop i
{
    font-size: 22px;
    color: white;
    background: #ff7601;
    border-radius: 500px;
    text-align: center;
    padding-top: 15px;
    width: 53px;
    height: 53px;
	margin-right:12px;
	box-shadow: 3px 0px 8px rgba(0,0,0,0.24);
}
.buttop a
{
	    color: #777;
}
.buttop span a
{
	
	color:#050504;
}
.buttop >p >span
{
	display:block;
	font-weight:bold
}
.buttop
{
	display:flex;
	margin-left:20px;
}
.dlk
{
    background: #ff7601;
    color: white!important;
    padding: 7px 22px 8px 37px;
    border-radius: 500px;
    margin-left: -38px;
    margin-top: 6px;
    position: relative;
    display: block;
    z-index: -1;
	cursor:pointer;
}
.butdl
{
	cursor:pointer;
}
.wap_mn
{
	background:#ff7601;
}
.search_top {
    position: relative;
    margin: 0px 15px;
    margin-left: 0px;
}
.but_st {
    width: 40px;
    height: 40px;
    text-align: center;
    font-size: 20px;
    color: white;
    cursor: pointer;
}
.search_top >form {
    position: absolute;
    top: -7px;
    right: 0px;
    width: 220px;
    z-index: 9999;
    display: none;
}
.search_top input[type="text"] {
    background: white;
    float: left;
    border: none;
    height: 35px;
    width: 80%;
    padding: 10px;
}
.ctmenu
{
	display: flex;
	    justify-content: space-between;
    align-items: center;
}
.search_top input[type="submit"] {
    height: 35px;
    width: 20%;
    text-align: center;
    float: left;
    padding-top: 5px;
    color: white;
    border: none;
    background: #CE9E51 url(../images/search.png) no-repeat center center;
    cursor: pointer;
}
/**head**/
/**menu**/
.acmnt
{ 
}
.sf-menu >li >a
{
    color: #fff;
    padding:17px 20px 16px 20px;
    position: relative;
    text-transform: uppercase;
    line-height: 15px;
	font-weight:bold;
	font-size:14px;
	font-family: 'Montserrat', sans-serif;
}
.sf-menu > li
{
}
.sf-menu >li:first-child a{
	border:none;
}
a:hover
{
	color:#050504
}
.sf-menu ul li:hover >a
{
	color:#ff7601!important
}
.sf-menu >li:hover >a
{
color:#050504;
text-decoration:none;
}
/**menu**/

/**all-web**/
html
{
	font-size:14px;
}
.sf-menu >li >a
{
	display:inline-block;
}
.menu_mb ul li a
{
font-size: 14px;
    font-weigh1t: bold;
}
.menu_mb ul li i
{
	font-size:14px;
}
.menu_mb ul li a:before {
    font-size: 12px;
    font-family: FontAwesome;
    content: "\f101";
    margin-right: 6px;
}
.menu_mb ul li
{
	padding-bottom:10px;
	margin-left:15px;
}

.menu_mb li
{
	list-style:none;
}
.menu_mb >ul >li >i
{
	float:right;
	color:white;
	cursor:pointer;
}
.menu_mb a
{
     color: #111;
    font-size: 15px;
}
.iconsearch
{
	display:none;
	position:absolute;
	top:10px;
	right:10px;
	color:#058aca;
	font-size:22px;
}
.menu_mb i
{
    float: right;
    color: #333;
    cursor: pointer;
    font-size: 19px;
}
.menu_mb >li
{
	padding:10px 10px;
	border-bottom:1px solid #ddd;
}

.menu_mb ul
{
	display:none;
	padding-top:10px;
}
.menu_mb
{
      display: none;
    position: absolute;
    top: 100%;
    left: 0px;
    background: #fff;
    width: 100%;
    padd1ing: 15px;
    z-index: 999999;
    margin-left: 0px;
    padding: 0px;
    z-index: 9999;
}
.menu_mb
{
	display:none
}
.butmnmb
{
display: none;;
    color: #fff;
    font-size: 15px;
    font-weight: bold;
    cursor: pointer;
}
.butmnmb i
{
	margin-right:5px;
	font-size: 13px;
}
iframe
{
	max-width:100%!important;
}
h1
{
	font-size:22px;
	font-weight:bold;
}
.but_f {
    position: fixed;
    bottom: 70px;
    right: 10px;
}
.but_f a {
}
.but_f a i {
display: block;
    font-size: 14px;
    line-height: 13px;
    color: #000;
}
.breadcrumb
{
    margin-bottom: 20px;
}
body
{
	font-size: 1rem;
    line-height: 1.5;
    color: #353535;
    background:#fff;
	font-family: 'Roboto', sans-serif;
}
a
{
	color:#111
}
a:hover {
    color: #050504!important;
    text-decoration1: underline;
}
p
{
	margin:0px;
	padding:0px;
}
ul,ol
{
	padding:0px;
	margin:0px;
}
img
{
	max-width:100%;
	height:auto;
}
.clear
{
	clear:both;
}
.col-dmsp:hover >ul
{
	display:block;
}
.fixed
{
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 9999;
    width: 100%;
}
.allcontainer{padding-right:10px;padding-left:10px;margin-right:auto;margin-left:auto
}
@media (min-width: 768px){.allcontainer{width:750px}}
@media (min-width: 992px){.allcontainer{width:970px}}
@media (min-width: 1140px){.allcontainer{width:1140px}}
/**all**/

/**slider**/
.wap_slider .owl-dots
{
	position:absolute;
	bottom:10px;
	left:0px;
	width:100%;
}
.wap_slider img
{
	width:100%;
	height:auto;
}
.wap_slider 
{
	overflow:hidden;
}
.wap_slider .owl-pagination
{
	position: absolute;
    text-align: center;
    width: 100%;
    bottom: 10px;
}
/**slider**/
/**order**/
.tit_ict
{
    text-transform: uppercase;
    color: #000;
    font-weight: bold;
    margin-bottom: 10px;
    font-size: 12px;
}
.ct_ict span
{
	margin-right:10px
}
.ct_ict
{
	display:flex;
	align-items: center;
	    margin-bottom: 15px;
}
.ct_ict button
{
	border:1px solid #d0d0d0;
	background:#fff;
	color:#d0d0d0;
	padding:6px 15px;
	font-weight:bold;
	
	float:left;
}
.butact
{
	border:1px solid #000!important;
	color:#000!important
}
.ct_ict input
{
    width: 73px;
    height: 35px;
    border: none;
    text-align: center;
    border-top: 1px solid #d0d0d0;
    border-bottom: 1px solid #d0d0d0;
	float:left;
}
.buttgh:hover
{
	background: #004f9a url(../images/ac.png) no-repeat 320px center;
	color:white;
	text-decoration:none;
}
.buttgh p
{
	margin-top:5px;
}
.buttgh span
{
	    font-size: 14px;
    display: block;
    height: 18px;
    padding-top: 9px;
    text-transform: uppercase;
    font-weight: 700;
}
.buttgh {
	background: #008ad2 url(../images/ac.png) no-repeat 320px center;
	display: block;
    height: 50px;
    text-align: center;
    color: #fff;
    cursor: pointer;
    margin-bottom: 10px;
    font-size: 11px;
    border-radius: 5px;
}
/**order**/
/**cart**/
.thanhcong
{
	display:none;
}
.formdh input[type="text"],textarea
{
	margin-bottom:10px;
	width:100%;
	border:1px solid #d6d6d6;
	padding:5px;
	color:#000
}
.messgh
{
	display:none;
}
.btxn
{
	display:inline-block;
	background:black;
	color:white;
	font-weight:bold;
	padding:7px 10px;
	border-radius:3px;
	cursor:pointer;
	border:none;
	
	
}
.b_order a
{
	display:inline-block;
	background:black;
	color:white;
	font-weight:bold;
	padding:7px 10px;
	border-radius:3px;
	cursor:pointer;
	margin-left:7px;
}
.b_order
{
	text-align:right;
	margin:15px 0px;
}
.list_order a img
{
	    float: left;
    margin-right: 10px;
    width: 15%;
    height: 50px;
    object-fit: cover;
}
.ttgh
{
	background:#e6e6e6;
	padding:5px;
	margin-bottom:10px;
	text-transform:uppercase;
	font-size:15px;
}
.giagh
{
	font-size:15px;
	font-weight:bold;
	color:#000
}
.list_order td
{
	padding:10px 5px;
	vertical-align:middle;
	min-width:100px;
}
.infospgf b
{
font-weight: bold;
    font-size: 15px;
    display: block;
}
.list_order table
{
	width:100%;
}
#title_table
{
	font-size:16px;
	font-weight:bold;
	border-top:1px solid #e6e6e6;
	border-bottom:1px solid #e6e6e6;
}
/**cart**/
/**Maincontent**/
.wap_dv
{
	padding:50px 0px;
	margin-bottom:40px;
}
.title_bh span,.title_bh a
{
	font-size:32px;
	color:#000000;
	text-transform:uppercase;
	font-weight:bold;
	text-align:center;
	font-family: 'Montserrat', sans-serif;
}
.title_bh
{
	text-align:center;
	margin-bottom:30px;
}
.item_dv p
{
	font-size:16px;
	font-weight:600;
	margin-bottom:10px;
	color:#151515;
	font-family: 'Montserrat', sans-serif;
	text-align:center;
}
.item_dv a:hover
{
	color:#353535;
}
.item_dv img
{
	width:auto;
	margin-bottom:20px;
}
.item_dv
{
    text-align: center;
    padding: 0px 15px;
    margin: 17px;
}
.wap_dvh
{
	margin:0px -17px;
}
.wap_dvh .owl-stage-outer
{
	padding-top:40px;
}
.wap_dnb
{
	background: url(../images/bg.png) no-repeat top center;
	padding:55px 0px 35px 0px;
}
.title_bh b
{
	color:#ff7601;
}
.box_ctdn
{
	padding:52px;
	border-radius:10px;
	box-shadow: 15px 0px 51px rgba(0,0,0,0.07);
	background:white;
}
.imgbdn img
{
	border-radius:10px;
	width:100%;
	height:auto;
}
.ctbdn .text
{
	text-align:justify;
}
.ctbdn >p
{
	font-size:28px;
	font-weight:bold;
	color:#ff7601;
	margin:15px 0px;
}
.ctbdn >span
{
	font-size:16px;
	font-weight:bold;
	color:#4b4b4b;
	text-transform:uppercase;
}
.ctbdn
{
	padding:45px;
}
.item_bs img
{
	border-radius:10px;
	width:100%;
	height:auto;
}
.wap_t1
{
	background: url(../images/bg-2.png) no-repeat top center;
	padding:50px 0px;
	margin-bottom:55px;
}
.ct_t1
{
	color:white;
	width:40%;
	    text-align: justify;
		padding-left:45px;
}
.text .butxth
{
	font-size:13px;
	font-weight:bold;
	text-transform:uppercase;
	color:white;
	border-bottom:2px solid #fff;
	padding-bottom:10px;
	cursor:pointer;
}
.item_tb
{
	margin-bottom:30px;
	text-align:center;
}
.cttb >div
{
	padding:0px 17px;
	width:25%;
}
.cttb
{
	margin:0px -17px;
	    display: flex;
    flex-wrap: wrap;
}
.item_tb p
{
	font-size:16px;
	color:#4b4b4b;
}
.item_tb img
{
	border:5px solid white;
	height:250px;
	width:100%;
	object-fit:cover;
	border-radius:10px;
}
.item_tb:hover .hover_sang2:before {
    transition: 1s;
    left: 100%;
}
.hover_sang2
{
	    position: relative;
	margin-bottom:20px;
    overflow: hidden;
	border-radius:10px;
	box-shado1w: 2px 0px 24px rgba(0,0,0,0.17);
    display: block;
}
.hover_sang2:before {
    position: absolute;
    top: 0;
    left: -85%;
    z-index: 10;
    display: block;
    content: '';
    width: 50%;
    height: 100%;
    background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
    background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg);
}
.wap_ch
{
    background: url(../images/bg-3.png) no-repeat top center;
	margin-top:30px;
	padding:60px 0px;
}
.wap_ccy
{
	margin:0px -15px;
}
.item_ykkh:hover img
{
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
}
.item_ykkh a
{
	cursor:pointer;
}
.item_ykkh p
{
	font-size:16px;
	font-weight:bold;
	color:#4b4b4b;
	text-align:center;
}
.item_ykkh img
{
	border:6px solid #fff;
	height:auto;
	object-fit:cover;
	width:100%;
	margin-bottom:15px;
	webkit-transition: opacity .6s, -webkit-filter .6s, -webkit-transform .6s, -webkit-box-shadow .3s;
    transition: opacity .6s, -webkit-filter .6s, -webkit-transform .6s, -webkit-box-shadow .3s;
    -o-transition: filter .6s, opacity .6s, transform .6s, box-shadow .3s;
    transition: filter .6s, opacity .6s, transform .6s, box-shadow .3s;
    transition: filter .6s, opacity .6s, transform .6s, box-shadow .3s, -webkit-filter .6s, -webkit-transform .6s, -webkit-box-shadow .3s;
	
}
.item_ykkh
{
	padding:0px 15px;
	padding-top:15px;
}
.title_vs p
{
	font-size:32px;
	text-transform:uppercase;
	font-weight:bold;
	font-family: 'Montserrat', sans-serif;
	color:white;
}
.title_vs
{
	margin-bottom:50px;
	text-align:center;
}
.wap_vs
{
	
    background: url(../images/bg-4.png) repeat top center;
	margin-bottom:60px;
	padding:60px 0px;
}
.item_vs div
{
	color:#5d5d5d;
}
.ctvs
{
	margin:0px -14px;
}
.ctvs >div
{
	padding:0px 14px;
}
.item_vs p
{
	font-size:18px;
	color:#ff7601;
	font-weight:bold;
	font-family: 'Montserrat', sans-serif;
	margin-bottom:15px;
}
.item_vs:hover
{
	margin-top:-20px;
	cursor:pointer;
}
.item_vs img
{
	height:75px;
	margin-bottom:25px;
	width:auto;
}
.item_vs
{
	transition: margin-top 0.5s;
	padding:25px;
	background:white;
	border-radius:10px;
	margin-bottom:28px;
}
.title_bnh p a
{
	font-weight:bold;
	color:#ff7601;
	font-size:12px;
	font-family: 'Montserrat', sans-serif;
	text-transform:uppercase;
}
.title_bnh >a
{
	font-size:32px;
	text-transform:uppercase;
	font-weight:bold;
	font-family: 'Montserrat', sans-serif;
	color:#000;
}
.title_bnh
{
display: flex;
    margin-bottom: 35px;
    justify-content: space-between;
    align-items: center;
}
.item_bnh >a >img
{
	height:480px;
	width:100%;
	object-fit:cover;
	border-radius:10px;
	  box-shadow: 4px 0px 8px rgba(0,0,0,0.27);
}
.item_bnh >div >p
{
	margin-bottom:10px;
}
.item_bnh >div >span a
{
	color:#ffffff;
	font-family: 'Montserrat', sans-serif;
}
.item_bnh >div >div
{
	font-size:14px;
	color:white;
	margin:10px 0px 15px 0px;
	    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.item_bnh >div >a
{
	font-size:18px;
	font-weight:bold;
	color:white;
	font-family: 'Montserrat', sans-serif;
}
.item_bnh >div >p >a
{
	font-family: 'Montserrat', sans-serif;
	font-size:13px;
	font-weight:bold;
	color:white;
	border-radius:100px;
	padding: 5px 10px;
	background:#ff7601;
	display:inline-block;
}
.item_bnh >div
{
	position:absolute;
	bottom:0px;
	border-radius:10px;
	left:0px;
	width:100%;
	padding:20px 35px;
	background: rgb(255,255,255);
background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,118,1,1) 100%);
}
.item_bnh
{
	position:relative;
	margin-bottom:30px;
}
.item_nhl >div p a
{
	color:#ff7601;
	font-family: 'Montserrat', sans-serif;
}
.wap_ctnh
{
	margin:0px -14px;
}
.wap_ctnh >div
{
	padding:0px 14px;
}
.item_nhl >div >div
{
	margin:13px 0px;
	color:#5d5d5d;
	    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.item_nhl >div >a
{
	font-weight:bold;
	color:#444444;
	font-family: 'Montserrat', sans-serif;
}
.item_nhl img
{
	height:140px;
	width:100%;
	border-radius:10px;
	objec-fit:cover;
	border:1px solid #e2e2e2;
}
.item_nhl 
{
	margin-bottom:30px;
}
.wap_nh
{
	margin-bottom:50px;
}
.item_vh img
{
	border:5px solid #ff7601;
	border-radius:10px;
}
.item_vh
{
	margin:0px 13px;
}
.item_vh:hover .hover_sang2:before {
    transition: 1s;
    left: 100%;
}
.item_vh p
{
	color:#444444;
	font-weight:bold;
	text-align:center;
	font-family: 'Montserrat', sans-serif;
}
.item_vh iframe
{
	
	border:5px solid #ff7601;
	border-radius:10px;
	margin-bottom:20px;
}
.tabcs li
{
	display:inline-block;
	margin:0px 15px;
}
.tabcs li a:hover,.actbh
{
	color:#ff8126!important;
	cursor:pointer;
	border-bottom:3px solid #ff8126!important;
}
.tabcs
{
	text-align:center;
	margin-bottom:40px;
}
.tabcs li a
{
	font-weight:bold;
	color:#000000;
	padding-bottom:10px;
	border-bottom:3px solid #fff;
}
.cttbcs .text p
{
	margin-bottom:7px;
}
.cttbcs
{
	display:none;
	transition: all 1s;
}
.cttbcs iframe
{
	height:255px;
	width:100%;
	border-radius:10px;
}
.cttbcs .text
{
	margin:0px;
}
.cttbcs img
{
	height:255px;
	width:100%;
	object-fit:cover;
	border-radius:10px;
}
.wap_dt
{
	margin:0px -4px;
	margin-bottom:50px;
}
.itemdt
{
	display:block;
	margin:0px 4px;
}
.itemdt img
{
	border:1px solid #dadada;
	height:80px;
	width:100%;
	object1-fit:cover;
}
.mxhf
{
	margin-bottom:20px;
}
.wap_dl
{
	background:#ff7601;
	padding:25px 0px;
	margin-bottom:70px;
}
.ctdl
{
	padding-left:85px;
	display:flex;
	    align-items: center;
}
@font-face {
    font-family: 'SVN-Janelotus';
    src: url('../fonts/SVN-Janelotus-Regular.woff2') format('woff2'),
        url('../fonts/SVN-Janelotus-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
.ctdl >div >p span
{
    font-family: 'SVN-Janelotus';
    font-size: 68px;
    color: white;
    text-transform: none;
    font-weight: normal;
    height: 32px;
    display: inline-block;
    line-height: 38px;
    margin-left: 12px;
}
.ctdl .title_dl
{
margin-right: 80px;
    width: 27%;
}
.ctdl >div >p
{
	font-size:28px;
	font-weight:bold;
	text-transform:uppercase;
	color:white;
	font-family: 'Montserrat', sans-serif;
}
.wap_dkda form
{
	display:flex;
}
.wap_dkda a
{
	    width: 13%;
    display: block;
    background: #434343;
    border-radius: 6px;
    text-align: center;
    padding: 10px 5px;
    cursor: pointer;
    color: white;
    text-transform: uppercase;
    font-weight: bold;
    height: 38px;
}
.wap_dkda input
{
	height:38px;
	background:white;
	border-radius:6px;
	margin-right:10px;
	border:none;
	padding:6px;
	width:22%;
}
.owl-next
{
	position:absolute;
	top:45%;
	right:-27px;
}
.owl-prev
{
	position:absolute;
	top:45%;
	left:-27px;
}
/**Maincontent8**/
/**right**/
.title_r >a,.title_r >span
{
	font-weight:bold;
	text-transform:uppercase;
	font-size:18px;
	color:#000!important
}
/**right**/
/**foot**/
.titlef
{
	margin-bottom:15px;
}
.titlef >span,.titlef >a
{
	font-size:14px;
	color:#ff7601;
	font-family: 'Montserrat', sans-serif;
	font-weight:bold;
	text-transform:uppercase;
}
.gtf
{
	margin:0px;
	margin-bottom:20px;
}
.linkf
{
	margin-bottom:20px;
}
.linkf li a
{
	color:#434343;
}


.wap_bq .text
{
	margin:0px;
}
.wap_bq
{
	background-color: #ececec;
	color:#787878;
	padding: 25px 0px;
}

.bando img
{
	width:100%;
	height:auto;
}
.bando
{
	margin-bottom:20px;
}
.linkf li
{
	list-style:none;
	margin-bottom:10px;
}
/**foot**/
/**right**/
.item_nr a
{
	color:#333;
	font-weight:600;
}
.item_nr 
{
	margin-bottom:25px;
}
.item_nr img
{
float: left;
    width: 40%;
    margin-right: 10px;
    height: 70px;
    object-fit: cover;
}
.title_bor span
{
	
}
.title_bor
{
	font-size: 14px;
    text-transform: uppercase;
	font-weight:bold;
    background: #c8b964;
    color: #fff;
    padding: 15px;
    border-radius: 12px;
    text-align: center;
	margin-bottom:30px;
}
/**right**/
/**left**/
.titlll
{
	display: block;
	font-weight:600;
	text-transform:uppercase;
    background: #333;
    color: white;
    padding: 12px 15px;
    border-radius: 4px;
    margin-bottom: 18px;
}
.title_bnh h1
{
	float:left;
}
.sx select
{
	width:auto!important;
	display:inline-block!Important
}
.sx
{
	float:right;
}
.checkl
{
	font-weight:bold!important;
	color:#000!important;
}
.list_mg a
{
	display:block;
	font-weight:500;
	margin-bottom:10px;
	color:#333;
	font-size:15px;
}
.list_mg
{
	margin-bottom:30px;
	padding-left:15px;
}
.box_htl
{
	border: 2px solid #c8b964;
    border-radius: 20px;
    padding: 20px;
    font-weight: 600;
    color: #333;
	margin-bottom:30px;
}
.itemhl
{
	margin-bottom:30px;
}
.itemhl a span
{
	color:#c8b964;
}
.listcpl i
{
	float:right;
	cursor:pointer;
}
.listcpl ul
{
	padding-left:15px;
	padding-top:15px;
	display:none;
}
.listcpl li
{
	list-style:none;
	margin-bottom:10px;
}
/**left**/
/**list_n**/
.title_dmn
{
	text-transform:uppercase;
	font-weight:bold;
	font-size:18px;
	margin-bottom:20px;
}
.title_dm1n:after
{
	content: "";
	display:block;
	width:67px;
	height:2px;
	background:#2e3192;
	margin-top:10px;
}
.item_n a
{
font-weight: bold;
    color: #000000;
    font-size: 17px;
}
.mt_n
{
	color:#696969;
	margin:20px 0px;
}
.list_info_new i
{
	color:#000;
	margin-right:5px;
	margin-left:5px;
}
.list_info_new
{
	background:#efefef;
	font-size:12px;
	font-style:italic;
	padding:5px;
	margin:10px 0px;
	color:#999;
}
.item_n img
{
    width: 33%;
    float: left;
    height: 160px;
    object-fit: cover;
    margin-right: 15px;
}
.item_n
{
	margin-bottom:30px;
}
/**list_n**/
/**chitiettin**/
.tag ul
{
	padding-left:30px;
	display:inline-block;
}
.tag li
{
	display:inline-block;
	
}
/**chitiettin**/
/**newlist**/
.box_bn
{
	background:white;
	margin-bottom:20px;
	padding:15px;
}
.box_nbl
{
	background:white;
	padding:5px;
	margin-bottom:20px;
	min-height:535px;
}
.list_ct li
{
	    border: 1px solid #ddd;
    border-radius: 3px;
    margin: 0 5px;
    text-align: center;
    padding: 0!important;
	list-style:none;
}
.list_ct li a
{
	    color: #065da9;
    text-align: center;
    display: block;
    padding: 10px;
}
.list_ct
{
	display: flex;
	margin:15px 0px;
}
/**newlist**/
/**newdetail**/
/**newdetail**/
/**mucluc**/
.mucluc
{
	padding-left:20px;
	line-height:25px;
}
.mucluc b
{
	font-size:15px;
	color:#000;
	font-weight:500!important;
}
.mucluc span
{
	font-size:15px!important;
	font-weight:500!important;
	color:#000;
}
.mucluc >li
{
	color:#3b5999!important;
	font-size:14px;
}
.mucluc strong
{
	font-weight:normal!important;
	color:#3b5999!important;
}
.mucluc span
{
	color:#3b5999!important;
}
.mucluc a
{
	cursor:pointer;
	color:#3b5999!important;
}
.wap_ml
{
	    background: #f9f9f9;
    border: 1px solid #aaa;
    padding: 10px;
    margin-bottom: 1em;
    width: auto;
    display: table;
    font-size: 95%;
	font-size:13px;
}
.tt_ml a
{
	cursor:pointer;
}
.tt_ml
{
	    text-align: center;
    font-weight: 700;
    margin: 0;
    padding: 0;
}
/**mucluc**/


/* ========================= RESPONSIVE STYLES ======================== */
@media (min-width: 1200px) {
	
}
@media (max-width: 1500px) {
}


/* --------------------------- 940px-1199px --------------------------- */
@media only screen and (max-width: 1250px) and (min-width: 1199px) {
}

@media only screen and (max-width: 1199px) and (min-width: 1000px) {
}

/* ---------------------------- 768px-999px --------------------------- */

@media only screen and (max-width: 999px) and (min-width: 768px) {
}

@media only screen and (max-width: 640px) {
	img
	{
		max-width:100%!important;
		height:auto!important
	}
	iframe
	{
		max-width:100%!important;
	}
	.butmnmb
	{
		display:block;
	}	
	.sf-menu
	{
		display:none;
	}
	
	.logo
	{
		margin:0px;
	}
	.logo img
	{
		    width: auto;
    height: 50px!Important;
	}
	.owl-next
	{
		right:0px;
	}
	.owl-prev
	{
		left:0px
	}
	.cttb
	{
		margin:0px;
	}
	.item_ykkh
	{
		padding:0px 5px
	}
	.wap_ccy
	{
		margin:0px!important
	}
	.ctykp img
	{
		height:auto!important;
		width:100%!Important
	}
	.ctdl >div >p
	{
		font-size:22px;
	}
	.wap_dkda input
	{
		width:46%;
		margin-bottom:10px;
	}
	.mxhf
	{
		margin-bottom:20px;
	}
	.wap_ctnh
	{
		margin:0px;
	}
	.allcontainer
	{
		overflow:hidden;
	}
	.ctdl .title_dl
	{
		margin:0px;
		width:auto;
		margin-bottom:10px;
	}
	.ctdl
	{
		padding:10px;
		display:block
	}
	.cttbcs img,.cttbcs iframe
	{
		height:100px !Important;
		margin-bottom:10px;
	}
	.item_bnh >div
	{
		padding:10px
	}
	.title_bnh >a
	{
		font-size:22px;
	}
	.title_vs p
	{
		font-size:22px;
	}
	.item_vs
	{
		padding:10px;
	}
	.item_vs img
	{
		height:50px!important
	}
	.ct_t1
	{
		width:auto;
		padding:10px;
		background:rgba(255,118,1,0.5);
		border-radius:10px;
		margin:0px;
	}
	.wap_t1
	{
		padding:10px 0px;
	}
	.owl-prev,.owl-next
	{
		top:40%;
	}
	.wap_lc
	{
		margin:0px!important
	}
	.item
	{
		margin:0px 3px!important;
	}
	.search_top
	{
		width:auto;
		margin:0px 10px;
	}
#dk
{
	display:block!important;
}
.butdkn
{
	width:100px!Important;
}




.slog
{
	font-size:20px;
}
.buttop
{
	display:none;
}
.butdl
{
    display: flex;
    position: fixed;
    bottom: 10px;
    right: 10px;
    z-index: 99;
}
.search_top 
{
	padding:5px 0px;
	width:100%;
}
.search_top >form
{
	display:block;
	position:static;
	width: 100%;
}
.head
{
	position:relative;
	overflow: visible;
}

.but_st 
{
	display:none;
}

.wap_dv {
    padding: 20px 0px;
    margin-bottom: 20px;
}
.wap_dvh .owl-stage-outer
{
	padding:0px
}
.item_dv
{
	margin:0px 5px;
	padding:0px;
}
.title_bh span, .title_bh a 
{
	font-size:22px;
}
.fixed
{
	position:static;
}
.wap_dvh
{
	margin:0px;
}
.wap_dvh .center img
{
	margin-bottom:10px!important;
}
.item_dv p
{
	font-size:14px;
}
.box_ctdn
{
	padding:10px;
}
.ctbdn .text
{
	margin:10px 0px;
}
.ctbdn >p
{
	font-size:20px;
	margin:5px 0px;
}
.ctbdn >span 
{
	font-size:14px;
}
.imgbdn
{
	text-align:center;
}
.ctbdn
{
	padding:10px;
}
.imgbdn img
{
	height:auto;
	width:100%;
}
.cttb >div
{
	width:50%;
}
.item_vs p
{
	font-size:13px;
}
.wap_bq
{
	padding-bottom:100px;
}
.ct_t1 span
{
	font-size:max(5vw, 24px)!Important;
}
.tabcs li
{
	margin:0px 4px;
}
.formlh
{
	width:100%!important;
}
}
@media only screen and (max-width: 768px) {
	
}

/* ------------------------------ 0-767px ---------------------------- */

@media handheld, only screen and (max-width: 767px) {
	
}

/* ---------------------------- 480px-767px -------------------------- */

@media handheld, only screen and (max-width: 767px) and (min-width: 480px) {
	
}

/* ---------------------------- 320px-479px -------------------------- */

@media handheld, only screen and (max-width: 479px) {
}

@media print {
}