@media screen
  and (device-width: 320px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 2) {
 
}
@charset "utf-8";
/* CSS Document */

body { padding:0; margin:0;font-family: 'Roboto', sans-serif; font-size:15px; color:#333}
.cover { margin:auto; padding:6px 0; width:90%;}
.cover1 { width:100%; padding:6px 0;}
.cover2 { width:90%; margin:auto}
.clear { clear:both;}
.content { margin:0;}
h1 { font-size:26px;}

.banner { display:none;}

.pc { display:none;}
.mobile { display:block;}
.boxview img {max-width: 100%;}
.boxview { text-align:justify;}
.boxview h1 { color:#194375}

#header {    box-shadow: 0 2px 10px 0 rgb(0 0 0 / 10%), 0 -1px 5px 0 rgb(0 0 0 / 15%);  position:relative;}

.tophead { background:#6d481e; color:#fff; text-align:center}
.logo { width:80%;  text-align: left; float: left}
	.logo img { width:50%; padding-left:15px;}
.menu { width:100%; padding-top:3px;}
	.navbar { display:none}
#service { padding:20px 0;}
#service h1 { text-align:center; color:#333}

.xemthem { border-radius:15px; width:123px; padding:10px; text-align:center; background:#194375; }
.xemthem a { color:#fff; text-decoration:none;}
.xemthem a:hover { text-decoration:underline}
.ortherr b{ border-bottom:4px solid #E4A159;}
.ortherr { margin-bottom:15px;}
.boxview h1 { color:#194375}

.boxreview { padding:30px 0; background:#f1f1f1; text-align:justify;}
.sitetitle { border-bottom:1px solid #e1e1e1; font-size:13px; padding:10px 0;}
.sitetitle a { text-decoration:none; color:#000;}
.sitetitle a:hover { color:#000;}

.box1 { width:100%; }
.box2 { width:100%;}

.left { width:100%; }
.right { width:100%; margin-top:15px;}
	.boxright {  margin-bottom:15px; background:#f1f1f1 }
	.boxright img { max-width:100%;}
	.boxright .title { text-transform:uppercase; padding:10px; background:#194375; color:#fff; font-weight:bold;}
	.boxright .content { padding:10px;}
	.boxright .content ul { list-style:none; padding:0; margin:0;}
	.boxright .content ul li { padding:8px; border-bottom:1px solid #194375; }
	.boxright .content ul li a { text-decoration:none; color:#000;}
	.boxright .content ul li a:hover { color:#E4A159}
	
.newlist a{ text-decoration:none; color:#194375; font-weight:bold;}

	.prohot {position: relative; margin:1% 0;}
	.prohot .img { position: relative; 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; }
	.prohot .img img {width:100%; -webkit-transition: all .4s linear; transition: all .4s linear;  }
	.prohot:hover img {-ms-transform:scale(1.2);-webkit-transform:scale(1.2);transform:scale(1.2);} 
	.prohot .name { bottom: 0% !important; background-color: rgba(255,255,255,0.6);  position: absolute;  width: 100%;  text-align: center;  padding: 10px 0; transition: background .3s;}
	.prohot:hover .name { background:#1f3888; color:#fff;}
	.prohot a { color:#000; font-weight:bold; font-size:18px; }
	
	.newdv { width:100%; margin-top:15px; background:#E4A159; text-align: center;}
	.newdv .image {overflow: hidden;}
	.newdv .image img { width:100%; -webkit-transition: all .4s linear; transition: all .4s linear;}
	.newdv .image:hover img{-ms-transform:scale(1.2);-webkit-transform:scale(1.2);transform:scale(1.2);}
	.newdv h3 { color:#ff0000;  padding-bottom: .4em;   position: relative;}
	.newdv p { line-height:23px; color:#333;}
	.newdv a { text-decoration:none; color:#1f3888}
	.newdv a:hover { text-decoration:underline;}
	
	.prohot2 {position: relative; width:49%; float:left; margin:1%; margin-right:0; margin-bottom:0.3%}
	.prohot2 .img { position: relative; 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; }
	.prohot2 .img img {width:100%; -webkit-transition: all .4s linear; transition: all .4s linear;  }
	.prohot2:hover img {-ms-transform:scale(1.2);-webkit-transform:scale(1.2);transform:scale(1.2);} 
	.prohot2 .name {bottom: 0% !important; background-color: rgba(255,255,255,0.6);  position: absolute;  width: 100%;  text-align: center;  padding: 10px 0; transition: background .3s;}
	.prohot2:hover .name { background:#1f3888; color:#fff;}
	.prohot2 a { color:#000; font-weight:bold;}

.boxproduct { padding:0; width:100%; margin:auto;}
.boxproduct .title {  font-weight:bold; text-transform:uppercase; margin-bottom:10px;}
.boxproduct .title h3 { position: relative;     padding-bottom: 0.4em;}
.boxproduct .title h3:after {background-color: #ff0000;  content: ""; width: 68px; height: 4px; border-radius: 5px; position: absolute; left: 0;bottom: 0;}
.boxproduct .content { margin:0 -1%;}

	.product { width:100%; position: relative; overflow: hidden; margin-bottom:15px; }
	.product .image {-webkit-transition: all .25s ease; -moz-transition: all .25s ease; -ms-transition: all .25s ease; -o-transition: all .25s ease;    transition: all .25s ease; position:relative; }
	.product .image img {width:100%; -webkit-transition: all .4s linear; transition: all .4s linear;  object-fit: cover;     object-position: center; height:450px;}
	.product .image:hover img{-ms-transform:scale(1.2);-webkit-transform:scale(1.2);transform:scale(1.2);}
	.product .infoproo { position:absolute; bottom:0; 	width: 100%;}
	.product h3 {  padding:0; line-height:23px; text-transform:uppercase}
	.product p { color:#000; padding:0 20px;}
	
	

	
	
#service h2{text-align:center;}

	
#features { padding:30px 0;}
#features h2 { text-align:center;}
	.features { width:100%; text-align:center}
	
#aboutus { background:#e1e1e1; padding:20px 0;}
#aboutus h2 { text-align:center;}
	.about1 { width:100%;margin:auto; text-align:justify;}
	
	
	
	.about2 { width:100%; margin:auto; padding-top:50px;}
	.about2 img { width:100%;}

#newhome {background:#f6f6f6}
#newhome h2 { text-align:center; }
	.newhome { width:100%; }
	.newhome .image {overflow: hidden;}
	.newhome .image img { width:100%; -webkit-transition: all .4s linear; transition: all .4s linear;}
	.newhome .image:hover img{-ms-transform:scale(1.2);-webkit-transform:scale(1.2);transform:scale(1.2);}
	.newhome h3 { color:#ff0000;  padding-bottom: .4em;   position: relative;}
	.newhome p { line-height:23px; color:#333;}
	.newhome a { text-decoration:none; color:#1f3888}
	.newhome a:hover { text-decoration:underline;}
	
#boxservice { background-color:rgb(238, 242, 255); padding-bottom:50px}
#boxservice h2 { text-align:center; color:#194375}	
	.item_service {width:100%; margin-bottom:15px; box-shadow:#ffffff61 5px 5px;}
	.item_service .image {overflow: hidden;}
	.item_service img { width:100%; height:234px; -webkit-transition: all .4s linear; transition: all .4s linear;}
	.item_service .image:hover img{-ms-transform:scale(1.2);-webkit-transform:scale(1.2);transform:scale(1.2);}
	.item_service h3 { margin:0; padding:0;  width:100%; background:#E4A159;}
	.item_service h3 a {padding:10px; text-align: center;  color:#194375; text-decoration:none; display:block; font-weight: bold; font-size:15px;}
	
#tintuc { padding:30px 0;}
#tintuc h2 {text-align:center;}
	.new1 { width:99%;border:1px solid #e1e1e1; padding:0.5%; margin-bottom:30px;}
		.new1 .image{  overflow:hidden; height:220px; }
		.new1 .image img{ width:100%; -webkit-transition: all .4s linear; transition: all .4s linear;}
		.new1 .image:hover img{-ms-transform:scale(1.2);-webkit-transform:scale(1.2);transform:scale(1.2);}
		.new1 a { text-decoration:none; font-weight:bold; color:#194375}
		
	.new2 { width:100%;}
		.newrighth { border:1px solid #e1e1e1; padding:6px; background:#f6f6f6; margin-bottom:30px;}
		.newrighth .image { width:48%; float:left;  height:90px; overflow:hidden }
		.newrighth .image img { width:100%;  -webkit-transition: all .4s linear; transition: all .4s linear;}
		.newrighth .image:hover img{-ms-transform:scale(1.2);-webkit-transform:scale(1.2);transform:scale(1.2);}
		.newrighth .infonew { width:48%; float:right;}
		.newrighth .infonew h3 { padding:0; margin:0;}
		.newrighth .infonew h3 a { text-decoration:none; color:#194375; font-size:16px;}
		.newrighth .infonew p { font-size:14px; display:none;}
	
#footer { background:#194375; color:#fff; font-size:13px;}
	.footer { width:100%; margin:auto}
	.footer h3 { color:#fff;  padding-bottom: .4em;   position: relative;}
	.footer h3:after {background-color: #fdd415;  content: ""; width: 28px; height: 4px; border-radius: 5px; position: absolute; left: 0;bottom: 0;}
	.footer a { color:#fff; text-decoration:none;}
	.footer a:hover { color:#fff;}
	
	.thumbnail { text-align:center; border:1px solid #b58e63; margin:15px; padding:15px; background:#fff;}
	.thumbnail p { font-size:12px; line-height:23px;}
	.thumbnail .img { width:100px; height:100px; border-radius:50%;     object-fit: cover;    object-position: center;}
	.flex-text { height:158px;}
	.thumbnail .brand { height:58px;}
	
	.contactms {position: fixed; bottom: 0px;left: 0px; z-index: 9999;}
	.contactms ul {list-style: none;padding: 0; margin: 0;}
	.contactms ul li {position: relative; margin:10px;}
	.contactms ul li a { border-radius: 50%; height: 40px; width: 40px; display:block; }
	.contactms ul li.zaloms a {background: #0065F7 url(images/zalo_icon.png) no-repeat center;}
	.contactms ul li.facebookms a {background: #125C9E url(images/facebook_icon.png) no-repeat center;}
	.contactms ul li.phonems a {background: #E80000 url(images/phone_icon.png) no-repeat center;}
	
table { border-collapse: collapse; width: 100%; }
table, th, td {  border: 1px solid #666; padding:5px; text-align:left}

#toc_post{
    display: block;
    text-align: center;
}
#toc_post .ctn_toc{
    display: inline-block;
    margin:20px auto;
    width: 100%;
    border: 1px solid #e1e1e1;
    border-radius: 5px;
    -webkit-transition: all 2s; /* Safari */
    transition: all 2s;
}
#toc_post .tit_toc{
    padding: 10px;
    background: #194375;
    border-radius: 5px 5px 0 0;
    color: #fff;
    font-weight: 500;
    font-size: 12px;
}
#toc_post .tit_toc span{
    font-weight: 400;
    padding-left: 10px;
    cursor: pointer;
    -webkit-transition: all 2s; /* Safari */
    transition: all 2s;
}
#toc_post .ct_toc{
    padding: 10px;
    text-align: left;
}
#toc_post .ct_toc #l_toc{
    -webkit-transition: all 2s; /* Safari */
    transition: all 2s;
    margin:10px; padding:0;
}
#toc_post .ct_toc ul, #toc_post .ct_toc ul li{
    list-style: upper-roman;
}
#toc_post .ct_toc ul a{
    display: block;
    padding: 5px 0;
    font-weight: 600;
	color:#000;
}
#toc_post .ct_toc ul ul{
    padding-left: 30px;
    list-style: decimal;
}
#toc_post .ct_toc ul ul li{
    list-style: decimal;
}
#toc_post .ct_toc ul ul a{
    font-weight: 400;
}
	
	}