@charset "utf-8";
@font-face{font-family:'UTM Swiss Condensed';src:url('fonts/UTM Swiss Condensed.woff') format('woff'),url('fonts/UTM Swiss Condensed.ttf') format('truetype');font-weight:normal;font-style:normal}body{background:url() top left;background:#7c0000;font-family:"UTM Swiss Condensed";font-size:16px}
body{width:100%;height:100%;font-family:"Arial";}
#wapper{width:100%;margin:0 auto;}
#header{width:100%;border-bottom:1px solid #F3F2F2;}
/** Main Menu */
body{background:url('../images/bg.png');background-position:left top;background-repeat:repeat;background-attachment:fixed;}
a{text-decoration:none;color:#000;}
ul{list-style:none;}
.clearfix{clear:both}
#main-menu{width:90%;height:50px;float:none;margin:0 auto 0 auto;}
#logo{float:left;width:49px;height:20px;margin:14px auto;}
#logo a{}
#solution{position:absolute;top:11px;margin-left:3px;font-size:22px;color:#666666;}
#list-main-menu{margin:0 100px;width:60%;height:50px;padding:0;float:left;}
#list-main-menu>li{float:left;display:inline-block;}
#list-main-menu>li:hover>a{}
#list-main-menu>li>.active{}
#list-main-menu>li>a{height:50px;float:left;padding:0 16px !important;line-height:50px;font-family:'Arial';color:#333;font-weight:normal;font-size:16px;}
/** Submenu */
#list-main-menu > li:hover .submenu{margin-left:0;opacity:1;visibility:visible;}
#icon-re{display:none;float:right;margin-top:10px;margin-right:0px;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:360px;background:#3C8FB7;margin:0 auto 0 auto;}
#slider #slider-note{width:90%;height:100%;margin:0 auto 0 auto;padding-top:20px;}
#slider #slider-note .bg_slider{position:absolute;z-index:1 !important;top:15%;width:auto;right:5%;}
#slider #slider-note h1{position:relative;z-index:5 !important;font-size:30px;color:#FFFFFF;padding:0 30px;font-weight:bold;text-shadow:0.01em 0.01em 0.01em;}
#slider #slider-note h1 a{color:#fff;}
#slider #slider-note h1 a:hover{text-decoration:none;color:#ccc;}
#slider #slider-note h2{position:relative;z-index:5 !important;color:#ccc;margin:10px 50px;font-size:18px;}
#slider #slider-note h2 a{font-family:Arial;color:#ccc;}
#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;}
.website{width:100%;height:100%;background:#fff;padding-top:30px;}
#product{width:100%;margin:0 auto;height:auto;}
#product .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}
#product .web{color:#000000;}
#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:90%;list-style:none;padding:0;margin:30px auto 0 auto;}
#product #app li{float:left;width:33.33%;text-align:center;}
#product #app li h4{margin-top:20px;}
#product #app li h5{padding-left:10px;padding-right:10px;width:80%;margin:0 auto 0 auto;padding-bottom:40px;}
#product h2{text-align:center;}
#product .imgbg{width:100%;}
.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%;}

.for-me{text-align:center;font-weight:bold;color:#000;margin-top:30px;margin-bottom:30px;}
#product .title{margin-top:0px;margin-bottom:0px;padding-top:0px;text-align:center;color:#000;font-size:16px;padding-bottom:30px;}
#product .channuoi{list-style:none;width:90%;margin:0 auto 0 auto;}
#product .channuoi li{float:left;width:50%;color:#fff;padding-bottom:40px;}
#product .channuoi li p{padding-right:40px;}
#product .channuoi li p a{color:#FFCC00}
.hide{display:none;}
.right-panel{width:100%;height:100%;background:#fff;}
.content{width:80%;height:100%;margin:0 auto 0 auto;padding-top:30px;padding-bottom:40px;min-height:600px;}
.content h3{color:#000 !important;}

.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;}
.bg-duan{background:#ddd !important;}
.duan{width:100%;height:100%;background-color:rgba(255,255,255,0.3);padding-top:40px;padding-bottom:40px;}
.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:80%;margin:0 auto 0 auto;padding:0;}
.duan ul li{float:left;width:32%;background-color:rgba(3,161,237,0.9);border-radius:3px;color:#fff;padding:5px;font-family:"UTM Swiss Condensed";font-size:14px;margin-bottom:30px;}
.duan ul li h5{font-size:16px;color:#FFF;font-weight:bold;}
.duan ul li a{color:#FFFF00;}
.duan ul li .img-news{width:100%;height:250px;object-fit:cover}
.duan ul li .font-none{color:#fff !important;}
.duan ul li ol{list-style:none;margin:20px 0;padding:0;width:100%;}
.duan ul li ol li{width:50%;float:left;background:none;}
.duan ul li ol li .try{line-height:40px;font-size:16px;color:#000;margin-left:10px;}
.duan ul li ol li .icon-try{float:right;border:1px solid #fff;border-radius:50%;}
.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:10px;background:#FF0000;border-radius:20px;color:#FFFFFF;font-weight:bold;z-index:999999;bottom:100px;}
/** Footer */
#footer{width:100%;float:left;background:#30302f;padding-top:30px;padding-bottom:0px;}

#footer #footer-conten{width:90%;margin:0 auto 0 auto;list-style:none;padding:0;}
#footer-conten #footer-left{width:70%;float:left;}
#footer-conten #footer-left .f-f-left{width:33%;color:#616161;font-weight:bold;font-size:14px;float:left;}
#footer-conten #footer-left .f-f-left a{color:#fff;}
#footer-conten #footer-left .f-f-left a b{color:#fff;margin-bottom:10px;font-size:16px;line-height:30px;}
#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;}
#footer-conten #footer-left .f-f-left ol{list-style:none;margin: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:12px;}
#footer-conten #footer-left .company{margin-top:20px;color:#999999;}
#footer-conten #footer-left .address{color:#999999;}
#footer-conten #footer-right{width:30%;float:right;color:#616161}
#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:50%;margin:10px auto;float:left;margin-left:20px;}
#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: 995px) {
  #wapper{overflow:hidden; }
  #list-main-menu{width:55%;}
  #login{width:70px;margin-top:16px;}
}

@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) {
 #list-main-menu{width:50%;}
 #list-main-menu>li>a{padding:0 7px !important}

}

@media (max-width: 768px) {
#list-main-menu{margin:-300px 45%;float:right;width:50%;position:absolute;z-index:8;background:#F2F2F2;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%;}
#list-main-menu li a{padding:0 10px !important;}
#product #app li{float:left;width:100%;text-align:center;margin-bottom:40px;}
#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-top:50px !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 #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;}
.new-nav > li > a .news-info{width:74%;}

}
@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 #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:10px;}
.new-nav > li > a .news-info{width:50%;}
#footer-conten #footer-left{width:60%;}
#footer-conten #footer-right{width:40%;}
}