@charset "utf-8";
@font-face {
	font-family: 'Muli';
	src: url('../fonts/Muli-Italic.eot');
	src: url('../fonts/Muli-Italic.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Muli-Italic.woff2') format('woff2'),
		url('../fonts/Muli-Italic.woff') format('woff'),
		url('../fonts/Muli-Italic.ttf') format('truetype'),
		url('../fonts/Muli-Italic.svg#Muli-Italic') format('svg');
	font-weight: normal;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: 'Muli';
	src: url('../fonts/Muli-SemiBold.eot');
	src: url('../fonts/Muli-SemiBold.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Muli-SemiBold.woff2') format('woff2'),
		url('../fonts/Muli-SemiBold.woff') format('woff'),
		url('../fonts/Muli-SemiBold.ttf') format('truetype'),
		url('../fonts/Muli-SemiBold.svg#Muli-SemiBold') format('svg');
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Muli';
	src: url('../fonts/Muli-Black.eot');
	src: url('../fonts/Muli-Black.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Muli-Black.woff2') format('woff2'),
		url('../fonts/Muli-Black.woff') format('woff'),
		url('../fonts/Muli-Black.ttf') format('truetype'),
		url('../fonts/Muli-Black.svg#Muli-Black') format('svg');
	font-weight: 900;
	font-style: normal;
	font-display: swap;
}


@font-face {
	font-family: 'Muli';
	src: url('../fonts/Muli-Bold.eot');
	src: url('../fonts/Muli-Bold.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Muli-Bold.woff2') format('woff2'),
		url('../fonts/Muli-Bold.woff') format('woff'),
		url('../fonts/Muli-Bold.ttf') format('truetype'),
		url('../fonts/Muli-Bold.svg#Muli-Bold') format('svg');
	font-weight: bold;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Muli';
	src: url('../fonts/Muli-Regular.eot');
	src: url('../fonts/Muli-Regular.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Muli-Regular.woff2') format('woff2'),
		url('../fonts/Muli-Regular.woff') format('woff'),
		url('../fonts/Muli-Regular.ttf') format('truetype'),
		url('../fonts/Muli-Regular.svg#Muli-Regular') format('svg');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Roboto';
	src: url('../fonts/Roboto-Regular.eot');
	src: url('../fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Roboto-Regular.woff2') format('woff2'),
		url('../fonts/Roboto-Regular.woff') format('woff'),
		url('../fonts/Roboto-Regular.ttf') format('truetype'),
		url('../fonts/Roboto-Regular.svg#Muli-Regular') format('svg');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Note Serif';
	src: url('../fonts/Noto Serif Regular.eot');
	src: url('../fonts/Noto Serif Regular.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Noto Serif Regular.woff2') format('woff2'),
		url('../fonts/Noto Serif Regular.woff') format('woff'),
		url('../fonts/Noto Serif Regular.ttf') format('truetype'),
		url('../fonts/Noto Serif Regular.svg#Muli-Regular') format('svg');
	font-weight:bold;
	font-style: normal;
	font-display: swap;
}
*{margin:0;padding:0;}*
body{/*background-position:left top;*/background-repeat:repeat-x;background-attachment:fixed;font-family:"Muli";font-size:16px;width:100%;height:100%;}
#wapper{width:1346px;margin:0 auto 0 auto;overflow:hidden;padding:0;}/* Khung website */
#header{width:100%;border-bottom:1px solid #F3F2F2;position:relative;z-index:7;}

/** Main Menu */

a{text-decoration:none;color:#000;}
ul{list-style:none;}
.clearfix{clear:both}
#main-menu{width:90%;height:100px;float:none;margin:0 auto 0 auto;}
#logo{float:left;width:49px;height:20px;margin:14px auto;}
#logo img{height:80px;}

#list-main-menu{margin:0 200px;width:60%;height:100px;line-height:100%;padding:20px 0;float:left;}
#list-main-menu>li{float:left;display:inline-block;}
#list-main-menu>li:hover>a{color:#f9b62a;}
#list-main-menu>li>.active{color:#f9b62a;}
#list-main-menu>li>a{height:50px;float:left;padding:0 30px !important;line-height:50px;font-family:'Arial';color:#3d3d3d;font-weight:bold;font-size:16px;}
#list-main-menu>li .submenu{visibility:hidden;position:absolute;top:70px;z-index:5;background:#f9b62a;opacity:0;}
#list-main-menu>li .submenu li{line-height:40px;border-bottom:1px solid #ddd;}
#list-main-menu>li .submenu li a{color:#fff;padding-left:10px;text-transform:capitalize;padding-right:10px;font-size:13px;}
/** Submenu */
#list-main-menu> li:hover .submenu{margin-left:0;opacity:1;visibility:visible;}

#icon-re{display:none;float:right;margin-top:30px;margin-right:20px;font-size:24px;cursor:pointer;}
#login{float:right;width:200px;margin-top:14px;margin-right:0;text-align:right;}
#login a{font-size:14px;}
/** Slider */

#slider{width:100%;height:auto;margin:0 auto 0 auto;}
.slidyContainer .slidySlides figure.slidyCurrent figcaption h1{position:relative;margin-top:70px;z-index:3 !important;font-family:'Note Serif';font-size:60px;color:#f9b62a;padding:0 0px;font-weight:bold;text-shadow:0.01em 0.01em 0.01em;}
.slidyContainer .slidySlides figure.slidyCurrent figcaption h2{color:#3d3d3d;margin:30px 0px;font-size:30px;font-family:'Roboto';font-weight:normal}
.slidyContainer .slidySlides figcaption{position: absolute;top:10%;left:5%;padding-left:0%;z-index: 9;text-align:left;color:#fff;padding:10px;font-size:14px;width:90%;margin:0 auto 0 auto;}
#slider #slider-note1{width:90%;height:auto;margin:0 auto 0 auto;}
#slider #slider-note1 h1{position:relative;margin-top:70px;z-index:5 !important;font-family:'Note Serif';font-size:60px;color:#f9b62a;padding:0 0px;font-weight:bold;text-shadow:0.01em 0.01em 0.01em;}
#slider #slider-note1 h1 a:hover{text-decoration:none;color:#ccc;}
#slider #slider-note1 h2{position:relative;margin-top:36px;z-index:5 !important;color:#3d3d3d;margin:0px 0px;font-size:24px;font-family:'Roboto';font-weight:normal}

#slider #slider-note1 .xemthem{font-family:Arial;color:#fff;background:#f9b62a;padding:10px;border:1px solid #f9b62a;border-radius:10px;position:relative;top:30px;left:0px;z-index:555;}
#slider #slider-note1 .slide{margin-top:150px;margin-left:0px;width:500px;position:relative;top:0;left:-29%;z-index:3;margin:0 auto 0 auto;}
#slider #slider-note1 .slide h3{position:relative;top:70px;left:0px;font-family:'Note Serif';font-size:30px;z-index:777;}
#slider #slider-note1 .slide-right{width:60%;height:100%;position:absolute;top:-100px;right:-210%;float:right;z-index:1;border-radius:0px;overflow:hidden;}

.list-item{width:550;height:230px;overflow:hidden;position:relative;z-index:1;margin:100px auto 0 auto;padding-left:10px;padding-right:10px;}
.list{list-style:none;width:12500px;height:100%;position:relative;z-index:4;left:-5px;}
.list li{float:left;width:165px;height:190px;margin-left:10px;margin-right:10px;}
.list li .box{width:165px;height:120px;background:url('../images/bg-item-1.png');}
.list li .box img{width:120px;height:100px;margin:10px 20px;border-radius:30px;}
.list li h5{text-align:center;font-weight:bold;margin-top:10px;margin-bottom:10px;height:20px;font-size:14px;}
.list li p{text-align:center;border:1px solid #fac450;padding:7px;border-radius:20px;margin-top:10px;}
.list li p a{color:#f9c046;font-weight:bold;;}
.list-item .left1{width:18px;height:14px;background:url('../images/left.png');position:absolute;top:70px;left:-10px;cursor:pointer;}
.list-item .right1{width:10px;height:14px;background:url('../images/right.png');position:absolute;top:70px;right:0px;cursor:pointer;z-index:4;}
#email{width:70%;}
#password{width:70%;}
#password-confirmation{width:70%;}
#full-name{width:70%;}
#phone-number{width:70%;}
#address{width:70%;}

.dangky{color:#000000 !important;padding-top:20px;}
#mota{width:50%;height:200px;border:1px solid #ccc;border-radius:4px;padding:5px;}
/* Sản phẩm */
#product{width:100%;margin:0 auto 0 auto;overflow:hidden;}
.pm-quanly{background:#2c2b2a;padding-top:10px;padding-bottom:0px;}
#product h3{text-align:center;font-size:24px;margin-top:0px;margin-bottom:20px;line-height:50px;font-weight:bold;color:#FFFFFF}
.website{width:90%;height:358px !important;overflow:hidden;margin:0 auto 0 auto;}
.website h1{color:#f9b62a;font-size:50px;margin-top:150px;margin-left:60%;font-family:'Note Serif';font-weight:bold;text-shadow:#ddd 0.01em 0.01em 0.01em;}


#product h3 span{border-bottom:2px solid #FFFF00}
#product .p-mota{font-size:16px;text-align:center;width:70%;color:#FFFFFF;margin:0 auto 60px auto;}
#product .pm-quanly .phanmem{margin-top:30px;line-height:30px;}
#product .pm-quanly .phanmem a{color:#fff;}
#product #app{width:100%;list-style:none;padding:0;margin:0px auto 0 auto;}
#product #app li{float:left;width:49%;height:325px;text-align:center;margin-left:1%;}
#product #app li h4{margin-top:50px;height:40px;text-align:center;font-family:'Roboto';}
#product #app li h4 a{color:#f9b62a;font-size:30px;text-transform:uppercase;}
#product #app li .desc1{width:90%;margin:20px auto 0 auto;;}
#product #app li .xemthem{margin-top:20px;background:#f9b934;padding:5px;color:#000;border-radius:5px;}

.space{margin-left:2%;margin-right:2%;}

#product h2{text-align:center;}
#product .imgbg{width:100%;}
.box-img{width:100%;height:100%;object-fit:cover}
#left{width:30%;float:left;margin-top:-1px;}
#left h4{height:50px;margin-top:20px;font-weight:bold;}
#left ul{list-style:none}
#left ul li{height:auto;margin-top:10px;margin-bottom:10px;}
#left ul .list-item{height:30px;border-bottom:1px solid #ddd;background:#fffef7;}
#left ul .list-item a{padding-left:-20px !important;}
#left ul li img{float:left;width:80px;height:auto;}
#left ul li p{float:left;width:70%;margin-left:10px;}
#left ul li p a{text-transform:lowercase;}
#left #noidung{width:100%;height:100%;margin:0;padding-top:150px;}
#left #noidung h2{color:#3d3d3d;height:50px;text-transform:uppercase;font-family:'Roboto';font-weight:500;}
#left #noidung .desc{padding:10px;margin:0;}
#right{width:70%;float:right;margin-top:-1px;padding-top:20px;}
#right .r-img{width:450px;height:auto;object-fit:cover;float:left;margin:20px 10px;}
#right .r-note{float:right;margin-left:30px;width:38%;}
#right .r-note h5{font-size:24px;font-weight:bold;color:#f9b62a;}
#right .chitiet{padding:10px;}
#right .chitiet h5{font-size:20px;}

@keyframes box-hover {
        0% {text-shadow:#ccc 0.05em 0.05em 0.05em;border:3px solid #FF6600;border-radius:20px;}
        50% {text-shadow:#ddd 0.01em 0.01em 0.01em;border:0px;font-size:44px;}
        100% {text-shadow:#ccc 0.05em 0.05em 0.05em;border:3px solid #FF6600;border-radius:20px;}
    }
	.box-hover{color:#f9b62a;font-size:50px;margin-top:150px;margin-left:60%;padding-left:10px;width:auto;font-family:'Note Serif';font-weight:bold;text-shadow:#ddd 0.01em 0.01em 0.01em;
	-moz-animation: box-hover 2500ms infinite;
   -o-animation: box-hover 2500ms infinite;
   animation: box-hover 2500ms infinite;
   }



.product-box{width:23%;height:280px;float:left;margin-top:30px;text-align:center;border:1px solid #F3F3F3;}
.product-box:hover{border-color:#000040;}
.product-box img{border:1px solid #4f4f4f;width:auto;height:250px;}
.product-box > ul > li{width:100%;float:left;color:#0A356A;font-size:15px;text-align: center;}
.space1{margin-left:2%;margin-right:1%;}
.space2{margin-left:1%;margin-right:2%;}


.hide{display:none;}
.right-panel{width:100%;height:100%;background:#fff;}
.content{width:100%;height:100%;margin:0 auto 0 auto;padding-left:30px;background:#fefdf5;}
.content h3{color:#000 !important;}
.note{width:90%;margin:0 auto 0 auto;}
.map{list-style:none;margin:0 auto 0 auto;padding-top:30px;}
.map li{float:left;width:33%;text-align:center;border-right:1px solid #ddd;}
.map li i{font-size:30px;color:#f9b62a;margin-top:20px;margin-bottom:10px;}
.map li label{margin-top:0px;margin-bottom:10px;color:#f9b62a;}
.none{border:none !important;}


/* Tin tức */
.new-nav > li{width:100%;float:left;margin-bottom:30px;}
.new-nav > li {width:100%;float:left;border-left:solid 2px #fff;transition:all 0.5s ease;-webkit-transition:all 0.5s ease;
-moz-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;}
.new-nav > li:hover{border-color:#C00;}
.new-nav > li .news-info{width:83%;float:left;margin-left:10px;color:#555;}
.new-nav > li .news-name{width:100%;float:left;font-size:13px;}
.new-nav > li .news-description{width:100%;float:left;}
.new-nav > li > p{float:right;margin:0;padding:0;}
.new-nav > li > p a{padding:4px;background:#7EB903;border:1px solid #7EB903;border-radius:5px;color:#fff;} 
.news-pic{width:120px;height:80px;float:left;}
.duan{width:100%;height:100%;background-color:rgba(255,255,255,0.3);padding-top:40px;padding-bottom:0px;}
.duan .duan-title{font-size:22px;font-weight:bold;margin-top:0;width:100px;margin:0 auto 40px auto;text-align:center;}
.duan .duan-title span{border-bottom:1px solid #FFFF00}
.duan ul{width:90%;margin:0 auto 0 auto;padding:0;}
.duan ul li{float:left;width:25%;border-radius:3px;color:#fff;padding:5px;font-family:"Muli";font-size:14px;}
.duan ul li h5{font-size:16px;color:#000;height:30px;}
.duan ul li a{color:#000000;}
.duan ul li img{width:100%;}

.farm{text-align:center}
.farm img{width:500px;}
.giaodien{font-size:12px;text-align:center;font-weight:bold;}
.lienquan{margin:30px 0;font-weight:bold;color:#000;padding:0px 20px;height:20px;}
.other{list-style:none;margin:-30px 0;padding:0 20px;}
.other li{height:25px;}
.other li a{color:#0066FF;font-size:14px;}
.space-duan{margin-left:2%;margin-right:2%;}
#vntchat{min-height:700px;background:#3C8FB7;padding-top:20px;}
#vntchat #i-logo{float:left;width:200px;}
#vntchat #logan{color:#FFF;float:left;margin-top:10px;margin-left:50px;width:75%;float:left;}
#vntchat .infouser{font-size:14px;margin-top:10px;}
.info-status{cursor:pointer;font-weight:bold;border:1px solid #ccc;border-radius:2px;}
.infomota{border:1px solid #3C8FB7;border-radius:5px;padding:4px;padding-left:0;}

#setting{margin:30px 0;padding:0;list-style:none;}
#setting li{float:left;width:32%;border:1px solid #E4E8E9;border-radius:4px;}
#setting li h2{font-size:14px;color:#fff;height:40px;margin-top:0;}
#setting li h2 b{margin-left:10px;}
#setting li .input-user{margin-bottom:10px;padding-left:10px;}
#setting li .input-user span{color:#fff;}
#setting li .input-user #input1{border:1px solid #CCC;width:180px;height:30px;border-radius:4px;margin-left:7px;padding-left:2px;}
#setting li .input-user #input2{border:1px solid #CCC;width:180px;height:30px;margin-left:40px;border-radius:4px;padding-left:2px;}
#setting li .input-user #input02{border:1px solid #CCC;width:180px;height:30px;margin-left:50px;border-radius:4px;padding-left:2px;}
#setting li .input-user #input3{border:1px solid #CCC;padding:5px;margin-left:100px;border-radius:4px;background:#FF9900;padding-left:2px;}
#setting li .input-user #input01{border:1px solid #CCC;width:180px;height:30px;border-radius:4px;margin-left:28px;padding-left:2px;}
#setting li .input-user #input001{border:1px solid #CCC;width:180px;height:30px;border-radius:4px;margin-left:22px;padding-left:2px;}

#setting li .input-user #lang{margin-left:10px;}
#setting li .input-user #input4{border:0px solid #CCC;width:180px;height:30px;margin-left:10px;border-radius:4px;padding-left:2px;}
#setting li .input-user #input5{border:0px solid #CCC;width:180px;height:30px;margin-left:23px;border-radius:4px;padding-left:2px;}
#setting li .input-user #input6{border:0px solid #CCC;width:180px;height:30px;margin-left:34px;border-radius:4px;padding-left:2px;}
#setting li .input-user .example{margin-left:50px;font-style:italic;color:#333333;}
#setting li .input-user .label-icon{float:left;}
#setting li .input-user .vntfile{float:left;width:90px;overflow:hidden;margin-top:5px;margin-left:10px;}
#setting li .input-user #icon-chat{margin-top:0px;margin-left:24px;margin-bottom:10px;float:left;width:30px;height:30px;}
#setting li .note{padding:5px;color:#fff;}
.v-space{margin-left:2%;margin-right:2%;}
/* Partner */
.hotline{position:fixed;padding:5px;color:#FFFFFF;font-weight:bold;z-index:999999;left:30%;bottom:20px;}
.hotline ul li{margin-bottom:5px;float:left;width:180px;background:#f9b934;border-radius:20px;}
.hotline ul li img{width:40px;height:40px;}
.hotline ul li span{position:relative;left:5px;font-size:14px;color:#000;}
/** Footer */
#footer{width:100%;float:left;background:#fffdf2;padding-top:30px;padding-bottom:0px;border-top:1px solid #ddd;}

#footer #footer-conten{width:90%;margin:0 auto 0 auto;list-style:none;padding:0;}
#footer-conten #footer-left{width:60%;float:left;}
#footer-conten #footer-left .f-f-left{width:33%;color:#616161;font-weight:bold;font-size:16px;float:left;}
#footer-conten #footer-left .f-f-left a{color:#f9b62a;}
#footer-conten #footer-left .f-f-left a b{color:#f9b62a;margin-bottom:10px;font-size:18px;line-height:30px;font-family:'Roboto';}
#footer-conten #footer-left .f-f-left h6{margin:0;padding:0;line-height:25px;}
#footer-conten #footer-left .f-f-left h6 a{color:#fff;font-size:14px;}
#footer-conten #footer-left .f-f-left ol{list-style:none;margin:10px 0;padding:0;}
#footer-conten #footer-left .f-f-left ol li{height:20px;line-height:normal;margin-bottom:20px;}
#footer-conten #footer-left .f-f-left ol li a{font-weight:normal;font-size:14px;color:#3d3d3d;}
#footer-conten #footer-left .f-f-left #con{margin-top:-20px;}

#footer-conten #footer-left .company{margin-top:20px;color:#999999;}
#footer-conten #footer-left .address{color:#999999;}
#footer-conten #footer-right{width:40%;float:right;padding-left:10%;}
#footer-conten #footer-right h6{color:#f9b62a;font-size:18px;font-weight:bold;font-family:'Roboto';}
#footer-conten #footer-right i{color:#75787D;font-size:34px;}
#footer-conten #footer-right #bank{height:30px;border-radius:5px;margin-top:-15px;padding-top:0;}
#copyr{color:#616161;margin-top:30px;font-weight:bold;border-top:1px solid #ddd;background:#272625;}
#copyr h6{width:100%;margin:10px auto;float:left;margin-left:5%;}
#copyr .xahoi{float:right;margin:0;padding:0;}
#copyr .xahoi li{float:left;}
#copyr .xahoi li i{color:#fff;font-size:16px;margin-top:10px;margin-right:30px;}

   
@media (max-width:1920px) {

}

@media (max-width: 995px) {
  #wapper{overflow:hidden;width:100%;background-color: transparent;}
  #list-main-menu{width:55%;}
  #login{width:70px;margin-top:16px;}
  #footer{width:100%;}
}

@media (max-width: 900px) {
  #list-main-menu{width:55%;}
  #list-main-menu>li>a{padding:0 10px !important}
  .new-nav > li > a .news-info{width:80%;}
}

@media (max-width: 850px) {
 #wapper{overflow:hidden;width:100%;}
 #list-main-menu{width:50%;}
 #list-main-menu>li>a{padding:0 7px !important}

}

@media (max-width: 768px) {
#header{background:#f9b62a}
#list-main-menu{margin:-300px 45%;float:right;width:50%;position:absolute;z-index:999 !important;background:#fffffe;height:auto;
		transition:All 1s ease;
	    -webkit-transition:All 1s ease;
	    -moz-transition:All 1s ease;
	    -o-transition:All 1s ease;
}
#list-main-menu li{float:none !important;width:100%;border-bottom:1px solid #fbe2ad;}
#list-main-menu li a{padding:0 10px !important;color:#fff;}
#list-main-menu>li>.active{color:#fff;}
#list-main-menu>li .submenu{display:none;visibility:visible;}
#product #app li{float:left;width:50%;text-align:center;margin-bottom:40px;}
#product #app li h4{margin-top:10px;height:40px;text-align:center;font-family:'Roboto';}
#product #app li h4 a{color:#f9b62a;font-size:18px;text-transform:uppercase;}

#login{width:70px;float:right;}
#icon-re{display:block;
		transition:All 1s ease;
	    -webkit-transition:All 1s ease;
	    -moz-transition:All 1s ease;
	    -o-transition:All 1s ease;
}

.list-active{margin:100px  -5% !important;width:100% !important;background-color:rgba(249,182,42,0.7) !important;
transition:All 1s ease;
	    -webkit-transition:All 1s ease;
	    -moz-transition:All 1s ease;
	    -o-transition:All 1s ease;
}
.icon-re-active{
		transition:All 1s ease;
	    -webkit-transition:All 1s ease;
	    -moz-transition:All 1s ease;
	    -o-transition:All 1s ease;
	    transform: scale(1.1);
	    -webkit-transform: rotate(90deg);
	    -moz-transform: rotate(90deg);
	    -o-transform: rotate(90deg);
	    -ms-transform: rotate(90deg);
}
#slider{width:100%;height:100%;}
#slider #slider-note1{width:100%;position:relative;z-index:1;}
#slider #slider-note h3{position:relative;top:-20px;z-index:5 !important;font-size:30px;color:#fff;padding:0 30px;font-weight:bold;text-shadow:0.01em 0.01em 0.01em;}
#slider #slider-note h3 a{color:#fff;}
#slider #slider-note h3 a:hover{text-decoration:none;color:#fff;}
#slider #slider-note h4{position:relative;z-index:5 !important;color:#FB4A17;text-shadow:#333 0.01em 0.01em 0.01em;margin:10px 50px;}
#slider #slider-note h4 a{font-family:Arial;color:#FB4A17;}
#slider #slider-note .slide{margin-top:100px;margin-left:50px;width:90% !important;}
#slider #slider-note1 .slide-right{width:100%;height:250px;position:absolute;top:-200px;right:0%;float:right;z-index:1;border-radius:20px;overflow:hidden;opacity:1}
#slider #slider-note1 .xemthem{z-index:333;}
.slidySlides figure.slidyCurrent img{position: static;opacity: 1;height:200px !important;border-radius:0px;}
.slidyContainer .slidySlides img {margin: 0;width: 100%;height:200px !important;}
#left{width:100%;float:right;margin-top:-1px;}
#left #noidung{width:100%;height:100%;margin:0;padding-top:150px;}
#left #noidung h2{color:#3d3d3d;height:50px;text-transform:uppercase;}
#left #noidung .desc{padding:10px;margin:0;}
#right{width:100%;float:left;margin-top:-1px;}
#product{width:100%;margin:0 auto 0 auto;overflow:hidden;}
#right .r-img{width:450px;height:auto;object-fit:cover;float:left;margin:20px 0px;}
#right .r-note{float:right;margin-left:30px;width:100%;}
#right .r-note h5{font-size:24px;font-weight:bold;color:#f9b62a;}
#right .chitiet{padding:10px;}
#right .chitiet h5{font-size:20px;}

.website{width:100%;height:208px !important;overflow:hidden;margin:0 auto 0 auto;}
.website h1{color:#f9b62a;font-size:46px;margin-top:40px;margin-left:0%;text-align:center;}
@keyframes box-hover {
        0% {text-shadow:#ccc 0.05em 0.05em 0.05em;border:3px solid #FF6600;border-radius:20px;}
        50% {text-shadow:#ddd 0.01em 0.01em 0.01em;border:0px;font-size:44px;background:#fffef7;}
        100% {text-shadow:#ccc 0.05em 0.05em 0.05em;border:3px solid #FF6600;border-radius:20px;}
    }
.content{width:100%;height:100%;margin:0 auto 0 auto;padding:10px;background:#fefdf5;text-align:justify}
.content h3{color:#000 !important;}
.note{width:100%;margin:0 auto 0 auto;}
.map{list-style:none;margin:0 auto 0 auto;padding-top:30px;}
.map li{float:left;width:100%;text-align:center;border-right:1px solid #ddd;}
.new-nav > li > a .news-info{width:74%;}
#footer #footer-conten{width:100%;margin:0 auto 0 auto;list-style:none;padding:0;}
#footer-conten #footer-left{width:100%;float:left;padding-left:10px;}
#footer-conten #footer-left .f-f-left{width:100%;color:#616161;font-weight:bold;font-size:16px;float:left;}
.hotline{left:5%;}
.hotline ul li{margin-bottom:5px;float:left;width:120px;background:#f9b934;border-radius:20px;}
.hotline ul li img{width:30px;height:30px;}
.hotline ul li span{position:relative;left:5px;font-size:10px;color:#000;}

#footer-conten #footer-right{width:100%;float:left;padding-left:10px;}
}
@media (max-width: 640px) {
#slider #slider-note .bg_slider img{width:100%;}
  .new-nav > li > a .news-info{width:70%;}
}

@media (max-width: 470px) {
#slider{width:100%;height:520px;margin:0 auto 0 auto;background-color: transparent;}
#slider #slider-note{padding-left:10px;}

#slider #slider-note h3{position:relative;z-index:5 !important;font-size:30px;color:#fff;padding:0 30px;font-weight:bold;text-shadow:0.01em 0.01em 0.01em;margin-left:0;padding-left:0;padding-right:0;width:100%;}
#slider #slider-note h3 a{color:#fff;}
#slider #slider-note h3 a:hover{text-decoration:none;color:#fff;}
#slider #slider-note h4{position:relative;z-index:5 !important;color:#FB4A17;text-shadow:#333 0.01em 0.01em 0.01em;margin:10px 0px;padding-left:0;padding-right:0;width:100%;}
#slider #slider-note h4 a{font-family:Arial;color:#FB4A17;}
#slider #slider-note h2{margin-top:60px;margin-left:30px;}
#slider #slider-note1 h1{font-size:30px;margin:20px 20px;}
#slider #slider-note1 h2{margin-top:30px;margin-left:20px;}
#slider #slider-note1 .xemthem{font-family:Arial;color:#fff;background:#f9b62a;padding:10px;border:1px solid #f9b62a;border-radius:10px;position:relative;top:30px;left:20px;z-index:555;}
#slider #slider-note1 .slide{margin-left:0;width:100%;}
#slider #slider-note1 .slide h3{position:relative;top:30px;left:140px;}
#slider #slider-note1 p a{font-size:24px;}
#slider #slider-note1 .slide-right{width:100%;height:250px !important;position:absolute;top:-200px;right:0%;float:right;z-index:1;border-radius:0px;overflow:hidden;opacity:1;}
.banner-img{width:50% !important;float:left;text-align:center}
.banner-img img{height:150px;width:auto;}
.banner-home{width:50% !important;float:left;text-align:center;}
.list-item{width:360px;height:220px;overflow:hidden;position:relative;z-index:1;margin:80px auto 0 auto;padding-left:10px;padding-right:10px;left:125px;}
.list{list-style:none;width:1250px;height:100%;position:relative;z-index:2;left:-10px;}
.list-item .left1{width:18px;height:14px;background:url('../images/left.png');position:absolute;top:70px;left:-10px;cursor:pointer;z-index:4;}
.list-item .right1{width:10px;height:14px;background:url('../images/right.png');position:absolute;top:70px;right:0px;cursor:pointer;z-index:4;}
.list li p a{color:#f9c046;font-weight:bold;font-size:14px !important;}
.new-nav > li > a .news-info{width:50%;}
#product #app li{width:48.5%;}
#footer-conten #footer-left{width:100%;}
#footer-conten #footer-right{width:100%;}
}