@charset "utf-8";

body{	font-size:12px; font-family:arial; color: #000; background:#fff ;}
h1, h2, h3, h4, h5, h6 {	font-weight:100; font-family:arial; color:#000;	}
p {	font-size:12px;	line-height:1.5;	color:#000;	font-family:arial;	}
a {	font-family:arial; color: #000;	}
@font-face {
	font-family: 'avandemi';
	src: url('../fonts/avandemi.eot');
	src: local('☺'), url('../fonts/avandemi.woff') format('woff'), url('../fonts/avandemi.ttf') format('truetype'), url('../fonts/avandemi.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Conv_avo';
	src: url('../fonts/avo.eot');
	src: local('☺'), url('../fonts/avo.woff') format('woff'), url('../fonts/avo.ttf') format('truetype'), url('../fonts/avo.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
/* comment SP  */
.khac {	float:left; margin:0 auto; width:99%; min-height:100px;}
.phanhoi_name {	float:left; margin:0 auto; width:99%; 	margin-left:10px;
	text-align:left; font-weight:700; font-size:13px;	color:#0592d7; height:25px; line-height:25px; 	}
.phanhoi_name2 {	float:left; margin:0 auto; width:99%; 	margin-left:10px;
	text-align:left; font-weight:700; font-size:13px;	color:#0592d7; height:45px; line-height:25px; 	}
.phanhoi {	float:left; margin:0 auto; width:90%;	}
.btn_cm { min-width:60px; height:25px; margin-left:30px; color:#fff; border-radius:3px; background-color:#0c68ba; }
.btn_cm:hover { cursor:pointer;opacity:0.8;box-shadow:0px 0px 10px #787878; }
.blll {  float:left; margin:0 auto; width:100%; min-height:100px; font-size:13px; }
.blll1 {  margin:0 auto; float:left; width:99%; margin-top:20px; background-color:#f7f7f7; margin-bottom:30px; border: 1px solid #fcad0e; }
.blll2 { margin: 0 auto; padding-left:30px; height: 35px;color: #000;font-size: 16px; line-height:35px; font-weight: bold;background-color: #fcad0e;  }
.blll3 {  border-bottom:1px solid #eeeeee; padding:10px; padding-bottom:0px;   }
.blll4 {  float:left; margin:0 auto; width:99%; margin-left:10px; }
.blll5 { width:96%; height:100px;  }
.blll6 { width:70%;  height:25px;  }

.detail { float:left; margin:0 auto; border:1px solid #eee; width:45%; margin-top:30px;  }
.detail1 { padding:0 10px; float:right; margin:0 auto; width:52%; }
.css3transition{  -moz-transition: margin .2s;  -webkit-transition: margin .2s;  -ms-transition: margin .2s;
  -o-transition: margin .2s;  transition: margin .2s;}
.paging{	margin:0 auto;	text-align:center;	margin:20px;	padding:30px 0 ;}
.paging a:link, .paging a:visited, .paging a:hover, .paging a:active{
	border:1px solid #2A9FE2;	color:#fff;	background-color:#2A9FE2;
	padding:1px 5px;	font-weight:bold;	text-decoration:none;}
.paging a:hover{	background-color:#fff;	color:#2A9FE2;}
.scrollToTop { display: block; opacity: 0.7;}
.scrollToTop:hover{opacity:1 ;}

.navbar-inverse .navbar-nav > li > a { color: #fff; }
.navbar-nav li:hover > .dropdown-menu {	display: block;}
.navbar-nav li:hover {  color:#0c68ba ; }
.navbar-nav li { margin-left:5px; height:55px;  }
.navbar-nav li a:hover { color:#f5c735 !important ; background:url(../images/vuu_06.png) center bottom no-repeat ;   }
.navbar-nav li a {  color:#fff ; font-size:16px; padding-right:28px; padding-left:28px;  line-height:30px; background:url(../images/vuu_03.png) center left no-repeat ; height:55px; }
.navbar-nav li:hover ul li a { color:#000 ; }

.navbar-nav ul { background-color:#3742c5; border-radius:7px; padding: 0px; }
.navbar-nav ul li { margin-left:0px; height:35px; position:relative; }
.navbar-nav ul li a{ background-image:none; line-height:25px; height:35px; }
.navbar-nav ul li a:hover{ background-image:none ; }
.navbar-nav ul  li:hover { background-color:#f5f5f5; }
.navbar-nav ul  li:hover  a{ color:#3a45d1 !important; }
.navbar-nav ul  ul{ top: 0px; left: 100%; }
.navbar-nav ul  li:hover  ul a{ color:#000 !important; }
.navbar-nav ul  ul  li:hover  a{ color:#3a45d1 !important; }

.thumbnail img:hover { transform: scale(1.1);-webkit-transform: scale(1.1);transition: all 0.2s ease-out; }
.spnew {position: absolute;overflow: hidden;width: 93%;background-color: rgba(0,0,0,0.65);-webkit-transition: height 1.21s;
transition: height 1.21s;height: 0px;max-height: 150px;color: #fff;text-align: center; }
.spnew h4, .spnew h5 { text-align: left; padding-left: 15px; }
.foo5 {  height: 230px;position: fixed;right: 0px;top: 215px;width: 44px;z-index: 100;  }
.foo5 img { margin-bottom:10px; cursor:pointer; width:38px;  }
.foo5 img:hover { margin-right:10px; transform: scale(1.2);-webkit-transform: scale(1.2);transition: all 0.2s ease-out;  }
.popover { max-width:400px !important; }
.centerr6 {  border:4px solid #e3f700; border-radius:6px; box-shadow:0px 0px 7px #666666;  }
.thumbnail { background-color:transparent; }





.thongtin {  float:left; margin:0 auto; width:100%;  }
.thongtin h4 , .thongtin h5 { text-align:right; color:#FFF; }
.thongtin1 h4 , .thongtin1 h5 { text-align:left; color:#FFF; }
.mainn {  height:667px; width:100%; }
.mainn1 {  float:left; margin:0 auto; width:100%;   }
.mainn2 {   color:#ffe400; margin-top:0px  }
.mainn3 {  float:left; margin:0 auto; width:100%;   }
.mainn4 {  background-image:url(../images/sp_03.png); background-size:100% 100%;   }
.mainn5 {   border:1px solid #FFF;  margin-top: 30px; margin-left: 15px; width:110px; height:80px;   }
.mainn6 {  position:relative; bottom:0px;   }
.mainn7 {  text-align:center; color:#e1e1e1; padding:0; margin:0; font-size:13px;   }
.mainn8 {   background-image:url(../images/line.png); border:none; height:5px; background-repeat:no-repeat; background-size:100%;  }
.mainn9 {  color:#000; font-weight: bold;   }
.mainn10 {  margin-top:75px; margin-left:20px;   }
.mainn11 {  color:#ffe400; margin-top:0px   }

.mai {   float:left; margin:0 auto; width:100%; margin-left:30px; margin-top:-20px;   }
.mai1 {   width:320px; height:240px; background-image:url(../images/vu2_21.png); background-size:100% 100%;  }
.xoayduan { margin-top:75px; }
#ghgh {  }
#chiaa { display:none; }
.magnifyarea { z-index:1000000000 !important; }


  @media screen and (max-width: 1200px) {

}

  @media screen and (max-width: 1000px) {
#chiaa { display:block; }
.mainn10 {  margin-top:75px; margin-left:0px;   }
.mai {   float:left; margin:0 auto; width:100%; margin-left:0px; margin-top:-20px;   }
#slider2_container { left:-13px !important; }
.xoayduan { margin-top:15px; }
}
  @media screen and (max-width: 400px) {
#ghgh { width:96%; }
}
.xoaylogo img { 
max-width: 100%;

 }
.xoaylogo:hover img { 

-webkit-animation-name: tada;
-webkit-animation-fill-mode: both;
-webkit-animation-duration: 2s;
-webkit-animation-iteration-count: 1;
-webkit-animation-timing-function: linear;
-moz-animation-name: tada;
-moz-animation-fill-mode: both;
-moz-animation-duration: 2s;
-moz-animation-iteration-count: 1;
-moz-animation-timing-function: linear;
animation-name: tada;
animation-fill-mode: both;
animation-duration: 2s;
animation-iteration-count: 1;
animation-timing-function: linear;
max-width: 100%;

 }



.tyyy:hover img{ 

-webkit-animation-name: shake;
-webkit-animation-fill-mode: both;
-webkit-animation-duration: 2s;
-webkit-animation-iteration-count: 2;
-webkit-animation-timing-function: linear;
-moz-animation-name: shake;
-moz-animation-fill-mode: both;
-moz-animation-duration: 2s;
-moz-animation-iteration-count: 2;
-moz-animation-timing-function: linear;
animation-name: shake;
animation-fill-mode: both;
animation-duration: 2s;
animation-iteration-count: 2;
animation-timing-function: linear;
max-width: 100%;

 }

.xoayduan:hover img{ 

-webkit-animation-name: flip;
-webkit-animation-fill-mode: both;
-webkit-animation-duration: 2s;
-webkit-animation-iteration-count: 1;
-webkit-animation-timing-function: linear;
-moz-animation-name: flip;
-moz-animation-fill-mode: both;
-moz-animation-duration: 2s;
-moz-animation-iteration-count: 1;
-moz-animation-timing-function: linear;
animation-name: flip;
animation-fill-mode: both;
animation-duration: 2s;
animation-iteration-count: 1;
animation-timing-function: linear;
max-width: 100%;

 }

.part1 {
-webkit-animation-name: bounceInDown;
-webkit-animation-fill-mode: both;
-webkit-animation-duration: 2s;
-webkit-animation-iteration-count: 2;
-webkit-animation-timing-function: linear;
-moz-animation-name: bounceInDown;
-moz-animation-fill-mode: both;
-moz-animation-duration: 2s;
-moz-animation-iteration-count: 2;
-moz-animation-timing-function: linear;
animation-name: bounceInDown;
animation-fill-mode: both;
animation-duration: 2s;
animation-iteration-count: 2;
animation-timing-function: linear;
max-width: 100%;
}