@charset "utf-8";
body{	font-size:12px; font-family:'corbel'; color: #3f3f3f; background:#fff ;}
h1, h2, h3, h4, h5, h6 {	font-weight:100; font-family:'corbel'; color:#3f3f3f;	}
p {	font-size:12px;	line-height:1.5;	color:#3f3f3f;	font-family:'corbel';	}
a {	font-family:'corbel'; color: #3f3f3f;	}
@font-face {
	font-family: 'avandemi';
	src: url('../fonts/avandemi.eot');
	src: local('☺'), url('../fonts/avandemi.woff') format('woff'), url('http://newspatropic.com/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;
}
@font-face {
	font-family: 'corbel';
	src: url('corbel.ttf');
	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:#fff ; font-size:16px; white-space:nowrap;  padding: 5px 15px; line-height:60px;    transition: all 0.6s ease-out; }
.navbar-nav li > .dropdown-menu {       transition: all 0.3s ease-out; display: block; opacity:0; top:100px; }
.navbar-nav li:hover > .dropdown-menu {	opacity:1;  top:100%; }
.navbar-nav li:hover {  }
.navbar-nav li { margin-left:10px; margin-left:8px;  }
.navbar-nav li a:hover { color:yellow !important;   }

.navbar-nav ul { background-color:#af7e36; border-radius:7px; padding: 0px; transition: all 0.6s ease-out; }
.navbar-nav ul li { margin-left:0px; height:35px; position:relative; background-image:none;}
.navbar-nav ul li a{  line-height:30px; height:35px; color:#fff; }
.navbar-nav ul li a:hover{ }
.navbar-nav ul  li:hover {  background-image:none; height:35px;}
.navbar-nav ul  li:hover  a{ color:#ffff20 !important; background-color:#cc9f5b; }

.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: 30px;position: fixed;right: 0px;bottom: 55px;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;  }
.btndn { background-color: #5b5b5b;color: #fff;border: none;border-radius: 0;padding: 10px 12px; color:#fff; font-size:14px;}

.th_slide7 { border-color:#b6b6b6; margin:5px 0; }
.th_slide10 { font-weight:bold; color:red; line-height:20px; vertical-align: bottom; padding-left:10px;}
.th_slide11 {  line-height:20px; font-weight:200; vertical-align: bottom; padding-left:10px;}
.footr { background-color:#e0e0e0; margin:0 auto; width:100% ; height:32px;  }
.footr1 { color:#5f5f5f; text-align:center; margin-bottom: 0;line-height:32px; }
.left { width:100%; margin:0 auto; float:left; margin-bottom:10px; margin-top:10px; }
.left1 { padding:17px 10px; color:#c88a2d; font-size:25px; margin-top:0px; border-bottom:3px solid ; font-weight:bold; }
.left2 { border-bottom:1px dashed #c0c0c0; padding-bottom:6px; padding-left:10px; font-size:15px; transition: all 0.3s ease-out; }
.left2:hover { color:#004e9b; padding-left:25px; }
.left3 { padding:6px ; background-color:#78531b; font-size:15px; margin-top:0px; font-weight:bold; border-radius:15px; text-align:center; color:#fff; }
.left33 { padding:12px ; font-size:17px;   color:#78531b; border-bottom:1px solid #e1b97b; }

.cenn { float:left; margin:0 auto; width: 100%; margin-top:10px; }
.cenn1 { padding:7px 10px; background-color:#4a9342; color:#fff; font-size:16px; }
.menuu {  margin-bottom:5px; }
#thongtincty h4 { color:#fff; font-family:arial; font-size:14px; }
#thongtincty h5 { color:#fff; font-family:arial;}
#logores { display:none; }


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

}

  @media screen and (max-width: 800px) {
.img-responsive  { width:100%;  }
#nhasx { display:none; }
#logores { display:block; }
#logores img{ height:30px; }
#wel {  display:none; }
#thongtincty h4{ font-size:9px }
#thongtincty h5 { font-size:7px  }
.navbar {    min-height: 30px;    margin-bottom: 10px;}
.navbar-toggle {    padding: 2px 3px;    margin-top: 4px;    margin-bottom: 4px;    border-radius: 3px;}
.navbar-inverse .navbar-toggle {    border-color: #EAD31A;}
 h4{ font-size:10px !important; margin-top:5px !important; margin-bottom:3px !important; line-height:15px !important; }
 h5 { font-size:9px !important;  margin-top:5px !important; margin-bottom:3px !important;  line-height:15px !important; }
}

#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%;
}