@charset "utf-8";
body{	font-size:12px; font-family:arial; color: #727272; background:#fff ;}
h1, h2, h3, h4, h5, h6 {	font-weight:100; font-family:arial; color:#727272;	}
p {	font-size:12px;	line-height:1.5;	color:#727272;	font-family:arial;	}
a {	font-family:arial; color: #727272;	}
@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('../css/utmcaps.TTF');
}
@font-face {
	font-family: 'rock';
	src: url('../css/rock.ttf');
}
/* 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:19px; white-space:nowrap;  padding: 6px 15px; line-height:22px; 
font: 300 'Roboto', Helvetica, Arial, sans-serif;   min-width: 110px;  text-align: center; }
.navbar-nav li:hover > .dropdown-menu {	display: block;}
.navbar-nav li:hover { background:url(../images/gg_14.png) bottom center no-repeat ;  background-color:#FFF;  }
.navbar-nav li:hover a{ color:#dd1b1b !important;   }
.navbar-nav li {  }
.navbar-nav li a:hover { color:#dd1b1b !important;   }

.navbar-nav ul { background-color:#fff; padding: 0px; }
.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:#f2f200 !important; }
.navbar-nav ul  li:hover {  background-image:none;  height:35px;}
.navbar-nav ul  li a:hover{ color:#f2f200 !important; background-color:#dd1b1b; }

.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: 20px;top: 145px;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;}


.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    color: #fff;
    background-color: rgba(0,0,79,0.5);
	
}



.dropdown-toggle:hover .dropdown-menu {
    display: block !important;
    z-index: 56456456456;
}
.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;  background-color:rgba(0,0,79,0.3); }
.left1 { padding:10px 10px; background-image:url(../images/ha1_03.png); background-size:100% 100%  ; overflow: inherit; font-family:times; text-align:center;  color:#fff; font-size:21px; margin-top:0px; }
.left2 {  padding-bottom:15px;  font-family:times;  font-size:15px; transition: all 0.3s ease-out; 
padding-left:17px;    border: none;    font-weight: 300;    color: rgb(255, 255, 255);    margin: 8px auto; }
.left2:hover { color:#5959ff; padding-left:25px; }
.cenn { float:left; margin:0 auto; width: 100%;margin-top:10px; }
.cenn1 { padding:10px 10px; background-color:#DD1B1B; color:#fff; font-size:16px; }
.menuu {  margin-bottom:5px;  }
.leftt1 { width:100%; position:relative; overflow:hidden; padding-bottom:50px; }
.jssort07 .i {position: absolute;top: 0px;left: 0px;width: 170px;height: 120px; padding:8px; background-color:#CCC; filter: alpha(opacity=80);opacity: .8;}
                .jssort07 .p:hover .i, .jssort07 .pav .i {                    filter: alpha(opacity=100);
                    opacity: 1;                }
                .jssort07 .o {                    position: absolute;                    top: 0px;                    left: 0px;
                    width: 97px;                    height: 64px;               transition: border-color .6s;
                    -moz-transition: border-color .6s;                    -webkit-transition: border-color .6s;      -o-transition: border-color .6s;                }
                * html .jssort07 .o {                    width /**/: 99px;                    height /**/: 66px;                }
                .jssort07 .pav .o, .jssort07 .p:hover .o {                    border-color: #fff;                }
                .jssort07 .pav:hover .o {                    border-color: #0099FF;                }
                .jssort07 .p:hover .o {   transition: none;  -moz-transition: none;   -webkit-transition: none;               -o-transition: none;                }
           .jssora11l, .jssora11r, .jssora11ldn, .jssora11rdn {
                        position: absolute;                        cursor: pointer;                        display: block;
                        background: url(../img/a11.png) no-repeat;                        overflow: hidden;                    }
                    .jssora11l {                        background-position: -11px -41px;                    }
                    .jssora11r {                        background-position: -71px -41px;                    }
                    .jssora11l:hover {                        background-position: -131px -41px;                    }
                    .jssora11r:hover {                        background-position: -191px -41px;                    }
                    .jssora11ldn {                        background-position: -251px -41px;                    }
                    .jssora11rdn {                        background-position: -311px -41px;                    }
					  .jssora03l, .jssora03r, .jssora03ldn, .jssora03rdn
            {
            	position: absolute;
            	cursor: pointer;
            	display: block !important;
                overflow:hidden;
            }
            .jssora03l { background: url(../images/nut_03.png) no-repeat; }
            .jssora03r { background: url(../images/nut_05.png) no-repeat; }
            .jssora03l:hover { background: url(../images/nut_03.png) no-repeat; }
            .jssora03r:hover { background: url(../images/nut_05.png) no-repeat; }
            .jssora03ldn { background: url(../images/nut_03.png) no-repeat; }
            .jssora03rdn { background: url(../images/nut_05.png) no-repeat; }
.heardd { background-image:url(../images/ghgh.png); background-size:100% 100%;  }
.tencty { color: #0000ff; text-align:center;   text-shadow: -1px 0px rgba(255, 255, 255, 0.35), -1px -1px rgba(255, 255, 255, 0.35), 0px -1px rgba(255, 255, 255, 0.35), 1px -1px rgba(255, 255, 255, 0.35), 1px 0px rgba(255, 255, 255, 0.35), 1px 1px rgba(255, 255, 255, 0.35), 0px 1px rgba(255, 255, 255, 0.35), -1px 1px rgba(255, 255, 255, 0.35); 
		 font-weight: bolder; font-family:rock; font-size: 38px;    margin-top: 90px; }
.slogann { font-size: 39px;  text-align:center;   font-weight: bolder;  text-shadow: -1px 0px rgba(255, 255, 255, 0.35), -1px -1px rgba(255, 255, 255, 0.35), 0px -1px rgba(255, 255, 255, 0.35), 
1px -1px rgba(255, 255, 255, 0.35), 1px 0px rgba(255, 255, 255, 0.35), 1px 1px rgba(255, 255, 255, 0.35), 0px 1px rgba(255, 255, 255, 0.35), -1px 1px rgba(255, 255, 255, 0.35);
   color:#ff0909; font-family:rock;   }
 .center2 { background-color: #fff;
  overflow: hidden;
  float: left;   width: 100%; padding:2%;
  margin: 0 auto; }
#tk  h5{ color:#fff; }
.col-sm-12 h5  span, .col-sm-12 h5  p, .col-sm-12 h5  { color:#fff !important; }
label { color:#fff !important;  }
.logo { text-align:center; margin-top:70px; }
#menu2 { display:none; }


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

}

  @media screen and (max-width: 1000px) {
.img-responsive  { width:100%;  }
#hot { //display:none; }
.tencty {  font-size: 17px; margin-top:10px; }
.slogann { font-size: 16px; }
#spmoii { //display:none; }
#spbanchay { //display:none; }
#tk { //display:none; }
#face { //display:none; }
#slider3_container {   margin-left: -25px !important;}
.col-lg-9  .col-sm-12 h5 img { width:100% !important; height:auto !important;  }
.container {   padding-right: 1px;    padding-left: 1px; }
.logo { text-align:center; margin-top:10px; }
.logo img { height:60px !important; }
#dm { overflow:hidden !important;  }
.thumbnail .caption {    padding: 6px !important;    height: 65px !important ;}
.thumbnail .caption  h4{  font-size: 15px !important; }
#menu { display:none; }
#menu2 { display:block; }

}

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