@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300&display=swap');
@charset "utf-8";
/* CSS Document */

@media screen and (min-width: 18.75em) {
body { margin:0; padding:0; font-size:16px;  font-family: 'Roboto', sans-serif; color:#333}
.container { max-width:96%; margin:auto;}
.clear { clear:both;}
.row { margin-left:-1%; margin-right:-1%;}
a { text-decoration:none;}

.header {}
	.logo { width:100%; float:left; text-align:center}
	.logo img { max-width:50%;}
	.infoheader { width:100%; float:right; padding-top:30px; display:none}
	.infoheader .item { width:30%; float:left; margin:1%}
	
	.infoheader .item .icon { width:25%; float:left}
	.infoheader .item .icon img { max-width:90%}
	.infoheader .item .infoitem { width:75%; float:right;}
	.infoheader .item .infoitem p { padding:0; margin:0; padding-bottom:10px; color:#F00}
	.infoheader .item .infoitem .title { font-weight:bold; font-size:18px; color:#333}
	.infoheader .item .infoitem a { font-weight:bold; color:#F00}
	
	.menu { background:#619D09}
	
	.home { padding-top:10px;}
	.boxproduct { padding-bottom:30px; padding-top:30px}
	.boxproduct h1 { text-align:center; text-transform:uppercase; font-size:23px;}
	.catehome { width:98%; margin:1%; position:relative; margin-bottom:15px;}
	.catehome .image { overflow: hidden;-webkit-transition: all .25s ease;-moz-transition: all .25s ease;-ms-transition: all .25s ease;-o-transition: all .25s ease;transition: all .25s ease;}	
	.catehome .image img { max-width:100%; -webkit-transition: all .4s linear;transition: all .4s linear;}
	.catehome .image:hover img {-ms-transform:scale(1.2);-webkit-transform:scale(1.2);transform:scale(1.2);}
	.catehome .info { position:absolute;  left:0; height:36px; width:100%; text-align:center; bottom:0;}
	.catehome .info h3 { bottom:0; background:url(images/bgcate.png); position: absolute; width:100%; margin:0; color:#fff; padding:10px 0; font-size:18px}
	.catehome .info h3 a { color:#fff;}
	
	.boxvip { background:#e1e1e1; padding:30px 0;}
	.home h2 { font-size:22px; text-transform:uppercase}
	.why { width:98%; margin:1%; text-align:center}
	.why p{ line-height:23px;}
	
	.newhome {width:98%; margin:1%;}
	.newhome .image img { width:100%; height:250px; object-fit: cover;  object-position: center;}
	.newhome a {  color:#333;}
	
	.left { width:100%;}
	.right { width:100%;}
	
	.news { padding:15px 0; border-bottom:1px solid #e1e1e1;}
	.news .image { width:30%; float:left;}
	.news .image img { width:100%;}
	.news .content_news { width:68%; float:right;}
	.news .content_news .tit { padding-bottom:10px;}
	.news .content_news .tit a { text-decoration:none; color:#144d80; font-weight:bold; font-size:15px; }
	.news .content_news .mota { display:none;} 
	
	.title-vew { border-bottom:1px solid #e1e1e1; padding-bottom:8px; font-size:13px;}
	.title-vew a { text-decoration:none; color: #333; font-size:13px;}
	.title-vew a:hover { text-decoration:underline;}
	.boxview { text-align:justify; line-height:25px;}
	.boxview img { max-width:100%;}
	
	.boxright { border:1px solid #e1e1e1; border-radius:5px; margin:15px 0;}
	.boxright .title { background:#f5f5f5; padding:10px; font-weight:bold; border-top-left-radius:5px; border-top-right-radius:5px;}
	.boxright .content { padding:5px;} 
	
	.boxright ul { list-style:none; margin:0; padding:0;}
	.boxright ul li { padding:10px; border-top:1px solid #e1e1e1;}
	.boxright ul li a { text-decoration:none; color:#144d80} 
	.boxright img { max-width:100%;}
	
	.relatedContent a { text-decoration:none; color:#144d80}
	.relatedContent a:hover { text-decoration:underline}
	
	.product { width:48%; margin:1%; float:left}
	.product .image {}
	.product .image img { width:100%;}
	.product .info { background:#e1e1e1;padding:10px;}
	.product .info h3 { margin:0; height:36px; font-size:16px; }
	.product .info a { color:#333;}
	.product .info .price { padding:10px 0; font-weight:bold; color:#F00}
	
	.boxhome { padding-top:10px;}
	.imgpro { width:98%; margin:1%;}
	.imgpro img { width:100%;}
	.infopro { width:98%; margin:1%;}
	.muahangv { background:#F00; text-align:center; padding:20px;}
	.muahangv a { text-transform:uppercase; color:#fff; font-weight:bold;}
	
	.cartview { width:98%;}
	.cartright { width:98%;   border: 1px dashed #e2e2e2;background-color: #fff8d0;padding: 1%;}
	.cartright .title { text-transform:uppercase; font-size:20px; border-bottom:1px dashed #e2e2e2; padding-bottom:5px; margin-bottom:10px}
	.checkout { text-decoration:none; background:#144d80; color:#fff; text-transform:uppercase; font-size:18px; padding:8px 0; width:100%; text-align:center; display:block}
	.delete_cart { background:url(images/delete.png) no-repeat left center; border:1px dotted #666; padding-left:20px; text-decoration:none; color:#666; padding-right:3px; border-radius:3px; }
	.cartview input[type=text] { width:99%; height:36px; margin-bottom:15px; border:1px solid #e1e1e1;}
	.cartview h3 { border-bottom:2px dashed #e1e1e1; padding-bottom:6px; margin-bottom:0;}
	.cartview p { padding:5px; margin:0;}
	.cartview a { text-decoration:none; color:#900}
	textarea { width:100%; height:120px; margin-bottom:6px; font-family: 'Roboto', sans-serif;}
	.clearcart { display:block; padding:10px 0; margin-top:10px; text-align:center; max-width:120px; background:#900; color:#fff !important; font-weight:bold; border-radius:6px;}
	.cartright  input[type=submit] { background:#144d80; color:#fff; border:0; height:44px; width:100%; }
	
	.xacnhan { background:#144d80; color:#fff; padding:20px; text-align:center;}
	.xacnhan h1 { font-size:26px; color:#fff;}
	
	.cartvieww { line-height:23px;}
	.cartvieww h2 { font-size:23px; text-align:center;}
	.infocart2 { background:#f1f1f1; padding:0 30px; border-radius:6px;}
	.infocart2 ul { list-style:none; padding:0; margin:0;}
	.infocart2 ul li { float:left; padding:20px; min-width:15%;}
	.infocart2 ul li span { font-weight:bold; padding-top:10px;}
	.infocart2 ul li ul li { float:inherit; padding:0; margin:0; padding-bottom:10px;}
	
	.huongdan { margin-top:0px;}
	.huongdan .title { background:#F90; color:#333; text-transform:uppercase; font-weight:bold; font-size:22px; text-align:center; padding:20px;}
	.huongdan h3 { font-size:20px;}
	.huongdan .content { margin:0; padding:10px; border:1px solid #e1e1e1; border-top:none; line-height:23px;}
	.infohd1 { width:100%; float:left; border-right:none; margin-right:2%;}
	.infohd2 { width:100%; float:left; font-weight:bold; }
	.infohd3 { width:100%; float:right; font-weight:bold; border-left:2px solid #e1e1e1; padding-left:2%; padding-bottom:120px;}
	.madonhang { width:150px; border:2px dashed #C00; color:#C00; font-size:30px; padding:10px; text-align:center; margin:auto;}
	
.footer { background:url(images/bg-ft.jpg) no-repeat; background-size: cover; padding:30px 0;}
	.colft { width:98%; margin:1%; color:#fff;}
	.colft a { color:#fff;}
	.colft .title { font-weight:bold; text-transform:uppercase; border-bottom:2px solid #fff; padding-bottom:8px;}
	
}