@charset "utf-8";

body{	font-size:12px; font-family:arial; color: #3f3f3f; background:#fff ;}
h1, h2, h3, h4, h5, h6 {	font-weight:100; font-family:arial; color:#3f3f3f;	}
p {	font-size:12px;	line-height:1.5;	color:#3f3f3f;	font-family:arial;	}
a {	font-family:arial; color: #3f3f3f;	}
@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; }
.blll2 { margin: 0 auto; padding-left:30px; height: 35px;color: #000;font-size: 16px; line-height:35px; font-weight: bold;background-color: #eaff00;  }
.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: #6B3413; font-size:16px; white-space:nowrap; font-weight:bold;  }
.navbar-nav li:hover > .dropdown-menu {	display: block;}
.navbar-nav li:hover {  }
.navbar-nav li { margin-left:5px; margin-left:18px; background-image:url(../images/tan_20.png); background-size:100% 100%;  }
.navbar-nav li a:hover { color:red !important;   }
.navbar-nav li a {  padding: 10px 25px 5px 20px; line-height:25px;  }

.navbar-nav ul { background-color:#d50000; border-radius:7px; padding: 0px; left:9px; }
.navbar-nav ul li { margin-left:0px; height:35px; position:relative; background-image:none;}
.navbar-nav ul li a{  line-height:25px; height:35px; color:#fff; }
.navbar-nav ul li a:hover{ }
.navbar-nav ul  li:hover {  background-image:none;}
.navbar-nav ul  li:hover  a{ color:#fff !important; background-color:#33ae59; }

.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 { transition: all 0.2s ease-out; }
.thumbnail img:hover { transform: scale(1.1);-webkit-transform: scale(1.1); }
.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; transition: all 0.2s ease-out;  }
.foo5 img:hover { margin-right:10px; transform: scale(1.2);-webkit-transform: scale(1.2);  }
.popover { max-width:400px !important; }
.centerr6 {  border:4px solid #e3f700; border-radius:6px; box-shadow:0px 0px 7px #666666;  }

.part22 { margin:0 auto; width:100%; float:left; }
.part23 { margin:0 auto; width:100%; float:left; padding: 5px 10px; font-weight:bold; margin-bottom: 10px; border-bottom:3px solid #FC6;  }
.ngang { width:100%; height:4px; background-color:#f8cf85; margin-top: -5px; }
.leftt1 { float: left;  margin: 0 auto;  width: 100%; background-color:#ffffcc;   }
.leftt1 h5 { padding:5px 15px; }
#thongtin h5 { color:#666; font-weight:bold; font-size:17px; }
#fotr h5{  text-align:center; font-weight:bold; color:#D04931;  }


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

}

  @media screen and (max-width: 1000px) {
#leftmat { display:none; }
}


#xetai {
-webkit-animation-name: bounceInRight;
-webkit-animation-fill-mode: both;
-webkit-animation-duration: 2s;
-webkit-animation-iteration-count: 2;
-webkit-animation-timing-function: linear;
-moz-animation-name: bounceInLeft;
-moz-animation-fill-mode: both;
-moz-animation-duration: 2s;
-moz-animation-iteration-count: 2;
-moz-animation-timing-function: linear;
animation-name: bounceInLeft;
animation-fill-mode: both;
animation-duration: 2s;
animation-iteration-count: 2;
animation-timing-function: linear;
max-width: 100%;
}
.th_slidertrt {
-webkit-animation-name: bounceInDown;
-webkit-animation-fill-mode: both;
-webkit-animation-duration: 2s;
-webkit-animation-iteration-count: 1;
-webkit-animation-timing-function: linear;
-moz-animation-name: bounceInDown;
-moz-animation-fill-mode: both;
-moz-animation-duration: 2s;
-moz-animation-iteration-count: 1;
-moz-animation-timing-function: linear;
animation-name: bounceInDown;
animation-fill-mode: both;
animation-duration: 2s;
animation-iteration-count: 1;
animation-timing-function: linear;
max-width: 100%;
}