/** Reset Css **/
body, div, p, span, h1, h2, h3, h4, strong, ul, li, img, a { margin: 0;padding: 0;border: 0; outline: none;vertical-align: baseline;background: transparent; }

@font-face {
    font-family: 'american san';
    src: url('font/american/UTMAmericanSans.eot');
    src: url('font/american/UTMAmericanSans.eot#iefix') format('embedded-opentype'),
         url('font/american/UTMAmericanSans.woff') format('woff'),
         url('font/american/UTMAmericanSans.ttf') format('truetype'),
         url('font/american/UTMAmericanSans.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'UTM Alberta Heavy';
    src: url('font/UTMAlbertaHeavy/UTMAlbertaHeavy.eot');
    src: url('font/UTMAlbertaHeavy/UTMAlbertaHeavy.eot#iefix') format('embedded-opentype'),
         url('font/UTMAlbertaHeavy/UTMAlbertaHeavy.woff') format('woff'),
         url('font/UTMAlbertaHeavy/UTMAlbertaHeavy.ttf') format('truetype'),
         url('font/UTMAlbertaHeavy/UTMAlbertaHeavy.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
body { line-height: 1;font-family:Arial, Helvetica, sans-serif;width: 100%;line-height: 1.5; font-size: 12px; background-color: #fff; overflow:hidden; width:100%; float:left;}
a { text-decoration: none; }
a:hover { text-decoration: none; }
a img { border: none; }
.clear { clear: both; }
/*.border_radius { -moz-border-radius: 4px;-webkit-border-radius: 4px;-khtml-border-radius: 4px;border-radius: 4px; border:1px solid #CCC; }*/

/** End Reset Css **/

/** Container **/
#container { width: 100%;  float:left; padding:0px; position:relative;}
#slide_full{width: 100%;
height: 100%; margin:0px auto; position:fixed;
bottom: 0;
top: 0;
left: 0;
right: 0;}

/** left **/
.thongketruycap{ position:absolute; top:300px; left:0px; width:200px; padding:20px; background-color:rgba(0,0,0,0.8); color:#fff; border-radius:0px 10px 10px 0px;}
.thongketruycap ul{ list-style:none;}
.thongketruycap ul li{ font-size:14px;}
#left{ width:305px;
position:relative;
z-index:10;
float: left; top:0px !important; height:100%;
left: -340px; background:url(../images/left_bg.png) no-repeat top left;}

#banner{ position:absolute; top:36px; left:-517px; width:405px; height:139px; z-index:1000;}
#left #main_menu { width: 265px; min-height: 485px; margin-top:175px; float: left;  position: relative;}
#main_menu .menu { width: 100%; margin:0px auto;}
.menu ul.menu { list-style: none; position: relative; }
.menu ul.menu li {position: relative; float:left; width:100%; background:url(http://quanlotnamgiasi.com/images/line.png) no-repeat bottom center;}
.menu ul.menu li.menu1{display:none;}
.menu ul.menu li a { color:#fff;  font-size: 18px; font-family:Myriad Pro, Arial, Helvetica, sans-serif; float:right; text-align:right;font-weight:normal; padding-top:15px; padding-bottom:15px;}


.menu ul.menu li ul{ width:0px; height:0px; position:absolute; top:0px; left:255px; z-index:100; overflow:hidden; list-style:none;  -webkit-transform: rotate(0deg) scale(1) skew(-6deg) translate(0px);}
.menu ul.menu li:hover ul{transition:0.9s; width:250px; height:auto; overflow:visible;}
.menu ul.menu li ul li{float: none; position: relative;color:#fff; float:left; width:100%;  background-color:rgba(0,0,0,0.7); }
.menu ul.menu li ul li a{ background:url(http://quanlotnamgiasi.com/images/line.png) no-repeat bottom center; color:#fff !important; float:left; width:100%; padding:0px;  padding:6px 0px;   -webkit-transform: rotate(0deg) scale(1) skew(3deg) translate(0px); text-align:center;} 



.menu ul.menu li:hover ul,.menu ul li ul li:hover ul,.menu ul li ul li ul li:hover ul { display: block; visibility: visible;	}
.menu ul.menu li:hover a { color: #f6ff00; }
.menu ul.menu li a:hover { color: #f6ff00; }
.menu ul.menu li ul li a:hover{ color:#f6ff00 !important;}
.menu_ft_active { color: #f6ff00 !important;  }

.hotline{ position:absolute; bottom:56px; left:18px; width:160px; height: 52px; margin:0px auto; background:url(../images/hotline.png) no-repeat top center; text-align:center; display:none; border-radius:5px;}
.hotline span{ color:#f6ff00; font-size: 17px; float:right; text-align:right; width:100%; padding-right:10px; font-family:Tahoma, Geneva, sans-serif; text-transform:uppercase;}
ul.tt-wrapper{ list-style:none; float:left; width:100%; text-align:center; position:absolute; bottom:0px;}

.bt_exit{ position:fixed; bottom:15px; right:7px; cursor:pointer;}
.bt_exit img{ width:58px; height:58px;}
.bt_exit .show{ display:none;}

#menucon{ position:fixed; top:200px; left:-460px; z-index:9; width:230px;}
#menucon a{ float:left; width:100%; height:42px; line-height:42px; background-color:rgba(51,51,51,0.7); margin-bottom:15px; border-radius:8px; transition:0.4s; }
#menucon h2{ color:#fff; font-size:14px; font-weight:normal; text-transform:uppercase; float:right; width:80%; text-align:center;}
#menucon a:hover{ background-color:rgba(0,0,0,0.8); box-shadow:2px -2px 0px #d11b1b; padding-right:6px;}
#menucon a.active{ background-color:rgba(0,0,0,0.8); box-shadow:2px -2px 0px #d11b1b; padding-right:6px;}
/** content_container **/
#content_container{ height:auto; float:right; position:relative;}

/** Primary **/
#primary{ width:720px; float:right; margin-right:55px; height:570px; border-radius:20px; margin-top:35px; position:relative; right:-1000px; z-index:1;}
#primary .box_primary{ width:700px; height:550px; padding:10px margin:0px auto;}
.box_primary .title_box_primary{ width:97%; height:0px; visibility:hidden;}
.box_primary .title_box_primary h1, .title_box_primary h2{ }
.box_primary .content_box_primary{ width:97%; height:auto; margin:0px auto; margin-top:5px;}
.box_primary .content_box_primary .product_form{ width:201px; height:auto; text-align:center;float:left; margin-right:15px; margin-bottom:10px;}
.box_primary .content_box_primary .product_form .pro_img{width:193px; height:227px; border:4px solid #fff; border-radius:5px;  position:relative; overflow:hidden}
.box_primary .content_box_primary .product_form img{ transition:0.5s; width:100%; height:100%; }
.box_primary .content_box_primary .product_form .pro_img:hover img{ transform:scale(1.1,1.1)}
.box_primary .content_box_primary .product_form h2{ font-size:11px; color:#000; width:100%; text-align:center; padding:5px 0px;}
.box_primary .content_box_primary .product_form span{font-size:11px; color:#000; width:100%; margin:0px auto; font-weight:bold}
.box_primary .content_box_primary .noidung{ color:#000; font-size:14px; text-align:justify;}
.box_primary .content_box_primary .noidung .info{ color:#000;}
.box_primary .content_box_primary h3.giaithuong{ color:#000; font-size:14px; margin:10px 0px;}
.box_primary .content_box_primary .thuonghieu{ width:100%;}
.box_primary .content_box_primary .thuonghieu img{ width:140px; height:110px; float:left;}

.box_primary .content_box_primary .tt_frm{ width:269px; height:380px; text-align:center;float:left; margin-right:30px; margin-left:10px;border:3px solid rgba(255,255,255,0); box-shadow:0px 0px 15px #333333; margin-bottom:10px; border-radius:20px 0 20px 0;  position:relative; overflow:hidden; margin-top:10px;}
.box_primary .content_box_primary .tt_frm img.tren {
  width: 269px;
  height: 380px;
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 20px 0 20px 0;
  -ms-border-radius: 20px 0 20px 0;
  -o-border-radius: 20px 0 20px 0;
  -webkit-border-radius: 20px 0 20px 0;
  z-index: 0;
}

.box_primary .content_box_primary .tt_frm img.duoi{  width: 269px;
  height: 380px;
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 20px 0 20px 0;
  -ms-border-radius: 20px 0 20px 0;
  -o-border-radius: 20px 0 20px 0;
  -webkit-border-radius: 20px 0 20px 0; transition:0.7s;
  z-index: 1;}
  .box_primary .content_box_primary .tt_frm:hover img.duoi{ top:-380px;}
.box_primary .content_box_primary .tt_frm .pro_img:hover img{ transform:scale(1.1,1.1)}
.box_primary .content_box_primary .tt_frm h2{ color:#fff;font-family:'fujiyama'; font-weight:normal; font-size:14px; line-height:44px; padding:5px 15px; position:absolute; left:0; top:50px; background-color: rgba(62,72,80, 0.5);   border-radius: 0 0 15px 0;-ms-border-radius: 0 0 15px 0;-o-border-radius: 0 0 15px 0;-webkit-border-radius: 0 0 15px 0; text-transform:uppercase; transition:0.7s; z-index:5}
.box_primary .content_box_primary .tt_frm:hover h2{ top:270px;}
.box_primary .content_box_primary .tt_frm a.view-details{color:#f0e0a3;font-family: 'fujiyama'; font-weight:normal; font-size:12px; line-height:30px; padding:3px 10px; position:absolute; float:right; background-color:#576672;border-radius:10px 0 0 0;-ms-border-radius:10px 0 0 0;-o-border-radius:10px 0 0 0;-webkit-border-radius:10px 0 0 0;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out; box-shadow:inset 0 0 20px rgba(0,0,0,0.5); text-transform:uppercase; right:-3px; width:auto; bottom:50px;text-align:center; cursor:pointer; z-index:100}
.box_primary .content_box_primary .tt_frm a.view-details:hover{color:#fff; background-color:#79888f;}


.content{ height:570px; overflow:auto;  -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;}
.content1{ height:113px; overflow:auto;  -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;}

/*News*/
.box_tintuc{ width:100%; height:auto; float:left; padding:10px 0px; border-bottom:1px dotted #CCCCCC;}
.box_tintuc img{width:150px; height:110px; float:left; border:4px solid rgba(255,255,255,0.5); margin-right:10px;}

.box_tintuc h3{ color:#000; font-family:Myriad Pro, Arial, Helvetica, sans-serif; font-size:18px; font-weight:normal}
.box_tintuc h3:hover{color:#f00; transition:0.5s;}
.box_tintuc span.date{ color:#666; font-style:italic; opacity:0.5;}
.box_tintuc p.mota{ color:#666; font-size:14px;}
/*News Detail*/
.content_box_primary h1.name_detail_tintuc{ color:#058d2b; font-family:Myriad Pro, Arial, Helvetica, sans-serif; font-size:19px;font-weight:normal}
.content_box_primary span.date{color:#666; font-style:italic; opacity:0.5;}
.content_box_primary p.mota{ color:#666; text-align:justify;}
.noidung_tintuc{ color:#fff;}
.tinlienquan{ width:100%; height:auto;}
.tinlienquan p{ color:#058d2b;font-family: 'american san'; font-size:16px; margin-top:20px;}
.tinlienquan ul li{  padding-left:25px;}
.tinlienquan ul li a{ color:#000;}
.tinlienquan ul li a:hover{color:#058d2b; transition:0.5s;}

/*Product*/
.box_primary .content_box_primary .category{ width:274px; height:274px; padding:8px;border-radius:50%; box-shadow:0px 0px 20px #333333; position:relative;}
.box_primary .content_box_primary .category.dm1{ float:left; margin-left:10px}
.box_primary .content_box_primary .category.dm2{ float:right; margin-right:10px;}
.box_primary .content_box_primary .category.dm3{ margin:0px auto;}
.box_primary .content_box_primary .category  img{ width:100%; height:100%; border-radius:50%;}
.box_primary .content_box_primary .category h2{ color:#fff; font-size:18px; color:#ffde00; position: absolute; bottom:8px; left:30px; width:231px; height:65px; line-height:65px;  text-align:center; background:url(../images/blabla.png) no-repeat bottom center;font-family: 'UTM Alberta Heavy'; text-transform:uppercase;}
.box_primary .content_box_primary .category h2:hover{ color:#fff;}

/*Product Detail*/
.product_detail_img{ width:250px; height:300px; float:left; border:3px solid rgba(255,255,255,0.5); border-radius:20px 0px 20px 0px; margin-right:30px;}
.product_detail_img img{ width:100%; height:100%; margin:0px auto; border-radius:20px 0px 20px 0px;}
.product_info{ width:350px; height:auto; float: left;}
.product_info .title{ width:100%; height:30px; line-height:30px;font-family: 'UTM Avo Regular'; text-transform:uppercase; font-size:14px; border-bottom: 1px solid #d11b1b;font-family: Myriad Pro, arial, helvetica, sans-serif; 
color: #d11b1b; padding-left:5px;}
.product_info h1{font-family: Cambria, arial, helvetica, sans-serif; color:#000;
font-size: 14px;
text-transform: uppercase; padding:10px;}
.product_info ul{ list-style:none; margin-left:10px;}
.product_info ul li{height:25px; line-height:25px; color:#000;font-family: Tahoma, Geneva, sans-serif}
.product_info ul li a{ color:#f00;}
.product_info ul li span{ color:#000; float:left; width:80px;opacity:1; font-size:14px}
.title{width:13%; height:30px; line-height:30px;font-family: 'UTM Avo Regular'; text-transform:uppercase; font-size:14px; border-bottom: 1px solid #d11b1b;
color: #d11b1b; padding-left:5px;}
.noidung{font-family: Myriad Pro, arial, helvetica, sans-serif;  font-size:14px; padding-left:5px; text-align:justify; margin-bottom:25px;}

 
/* Hotrotructuyen */
.hotrotructuyen {border-radius:7px;  width:242px; padding-top:10px; float:left;  min-height:265px; margin:5px auto;height:28px; }
.title_bottomhot1 { background:url(http://quanlotnamgiasi.com/images/icon_video_title.png) no-repeat top left; margin-left:10px;}
.title_bottomhot1 h3 {color: #fff; font-size:15px; padding-left:22px; font-family:Tahoma, Geneva, sans-serif; font-weight: bold;
text-transform:uppercase;}    

table ,table tr,table td { border-collapse: collapse;font-size:15px; margin: 0px; }
.thongbao { border: 1px solid #0C0; border-radius: 5px 5px 5px 5px; margin: 0 auto; overflow: hidden; padding:15px; }
.tablelienhe span { color:#F00; }
.tablelienhe td { height:30px; color:#000;}
.tablelienhe textarea { border:0; outline:none; transition:0.5s;padding-left:20px; azimuth:center; width:300px; height:70px; border-radius:5px; padding-top:10px;box-shadow:0px 0px 10px #333; }
.tablelienhe .input{padding-left:20px; azimuth:center; width:300px; height:30px; border-radius:5px; box-shadow:0px 0px 5px #333; border:0; outline:none; transition:0.5s;}
.tablelienhe input[type='button']{ box-shadow:0px 0px 10px #999999; border-radius:5px; width:100px; height:25px; background-color:#fff; outline:none; border:none;}
.tablelienhe input[type='button']:hover{ box-shadow:0px 0px 5px #00CCFF; transition:0.5s;}
.tablelienhe .input:focus,.tablelienhe textarea:focus{ box-shadow:0px 0px 5px #00CCFF; font-size:14px;}
.tablelienhe .title { text-transform:uppercase; color:#000; background:#0066FF; text-align:center }
.date { margin-bottom:10px; }
.thongtinlienhe { padding: 10px; font-size: 12px; color: #373737; }
.thongtinlienhe h3 { color: #F77C1E; font-size: 18px; font-weight: bold; text-transform: uppercase; text-align: center; }
.bando { }
.lienhe { width:100%;}
.info{color: #000; border-bottom: 2px solid #000; font-size: 18px; width:100%; margin:0px auto}
/** End Contact **/
/** End Content_container **/
/** Footer **/
#footer { width:260px; position:relative; top:-143px; padding:15px 50px 15px 50px;   height:103px; left:215px; background:url(../images/bg.png) no-repeat top center; z-index:100;
}
#footer .box_footer { height:100%; margin:0px auto; font-size:14px; color:#fff; line-height:1.2;}
#footer .box_video{ position:absolute; top:-25px; right:-15px; width:59px; height:59px; background:url(../images/video.png) no-repeat top center;}

/** End footer **/

/** Phan trang **/
.phantrang { text-align:center; margin-top:35px; }
.phantrang a { color: #F77C1E; padding-left:5px; padding-right:5px; padding-bottom:2px; padding-top:2px; margin-right:5px; text-decoration:none; font-size: 13px; }
.phantrang span { color: #fff; padding-left:5px; padding-right:5px; padding-bottom:2px; padding-top:2px; margin-right:5px; font-weight:bold; font-size: 13px; background-color: #F77C1E; }
.phantrang a:hover { color:#FFF; background-color:#F77C1E; }
a.check { color:#FFF; background-color:#F77C1E; font-weight:bold; }
/** End Phan trang **/

/** Map **/
#map_canvas { height: 420px; width: 640px; margin: 10px auto; box-shadow:0px 0px 3px #0033FF; }
.map_description { color: #000000; overflow: auto; width: 300px; font-family:Tahoma, Geneva, sans-serif; }
.map_description .default { color: #FF0000; }
.map_description div { line-height: 18px; margin: 3px; }
.map_list_address { float: left; height: 500px; overflow: hidden; width: 300px; }
.map_list_address .list { line-height: 18px; margin-bottom: 5px; }
.map_list_address span { color: #FCFF46; }
.map_title { color: #ED1B24; font-weight: bold !important; }
.navigate .C { width: 970px; }
/** End Map **/
@media screen and (max-width: 990px) {
	#primary{ margin-right:0px; width:700px; position:absolute; right:0px;}
}