/* ############
@charset "utf-8";
/* CSS Document */
/*@import url(http://fonts.googleapis.com/css?family=Open+Sans);*/
body {/*font-family: 'Open Sans', sans-serif;*/ font-family: Arial, Helvetica, sans-serif; color: #666; 
font-size: 12px; margin: 0;    background: #fff; }
.clear { clear: both }
a { text-decoration: none; }
.upper { text-transform:none }
/* STRUCTURE */
#pagewrap {  width: 1000px; margin: 0px auto; background: #fff; margin-top:5px }
#header { }
#logo{
    margin: 5px 0 0 0px;}
#logo1{display:none}
#left {     width: 220px;
    float: left;}
#middle { width: 760px; float: right; padding: 5px 5px; margin: 0px 0px 5px 5px; overflow: hidden; font-size:14px; line-height:22px}


ol, ul { } blockquote, q { 	quotes: none; } blockquote:before, blockquote:after, q:before, q:after { 	content: ''; 	content: none; } table { 	border-collapse: collapse; 	border-spacing: 0; }
.body-form {   font: 13px/20px 'Helvetica Neue', Helvetica, Arial, sans-serif;   color: #404040; padding: 1px;   width: 100%;}
.sign-up { 	position: relative; 	margin: 6px auto; 	/*width: 190px; 	*/padding: 33px 25px 29px; 	background: white; 	border-bottom: 1px solid #c4c4c4; 	border-radius: 5px; 	-webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25); 	box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25); } .sign-up:before, .sign-up:after { 	content: ''; 	position: absolute; 	bottom: 1px; 	left: 0; 	right: 0; 	height: 10px; 	background: inherit; 	border-bottom: 1px solid #d2d2d2; 	border-radius: 4px; } .sign-up:after { 	bottom: 3px; 	border-color: #dcdcdc; }
.sign-up-title { 	margin: -25px -25px 25px; 	padding: 15px 25px; 	line-height: 35px; 	font-size: 26px; 	font-weight: 300; 	color: #aaa; 	text-align: center; 	text-shadow: 0 1px rgba(255, 255, 255, 0.75); 	background: #f7f7f7; } .sign-up-title:before { 	content: ''; 	position: absolute; 	top: 0; 	left: 0; 	right: 0; 	height: 8px; 	background: #c4e17f; 	border-radius: 5px 5px 0 0; 	background-image: -webkit-linear-gradient(left, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4); 	background-image: -moz-linear-gradient(left, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4); 	background-image: -o-linear-gradient(left, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4); 	background-image: linear-gradient(to right, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4); }
.body-form input { 	font-family: inherit; 	color: inherit; 	-webkit-box-sizing: border-box; 	-moz-box-sizing: border-box; 	box-sizing: border-box; }
.sign-up-input { 	width: 100%; 	height: 33px; 	margin-bottom: 25px; 	padding: 0 15px 2px; 	font-size: 17px; 	background: white; 	border: 2px solid #ebebeb; 	border-radius: 4px; 	-webkit-box-shadow: inset 0 -2px #ebebeb; 	box-shadow: inset 0 -2px #ebebeb; } .sign-up-input:focus { 	border-color: #62c2e4; 	outline: none; 	-webkit-box-shadow: inset 0 -2px #62c2e4; 	box-shadow: inset 0 -2px #62c2e4; } .lt-ie9 .sign-up-input { 	line-height: 48px; }
.sign-up-button { 	position: relative; 	vertical-align: top; 	width: 100%; 	height: 54px; 	padding: 0; 	font-size: 22px; 	color: white; 	text-align: center; 	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25); 	background: #f0776c; 	border: 0; 	border-bottom: 2px solid #d76b60; 	border-radius: 5px; 	cursor: pointer; 	-webkit-box-shadow: inset 0 -2px #d76b60; 	box-shadow: inset 0 -2px #d76b60; } .sign-up-button:active { 	top: 1px; 	outline: none; 	-webkit-box-shadow: none; 	box-shadow: none; }
:-moz-placeholder { 	color: #ccc; 	font-weight: 300; } ::-moz-placeholder { 	color: #ccc; 	opacity: 1; 	font-weight: 300; } ::-webkit-input-placeholder { 	color: #ccc; 	font-weight: 300; } :-ms-input-placeholder { 	color: #ccc; 	font-weight: 300; } ::-moz-focus-inner { 	border: 0; 	padding: 0; }


h1{font-size:18px;}

.outer-general {  max-width: 1000px; margin: 0px auto;  }
.outer-general:after { content: ""; display: table; clear: both; }
.footer-content {  width: 100%; margin: 0px auto; float:left; }
#icon-box{width:150px; float:right}
.icon{width:24px; height:24px; float:left; margin:5px}


.responsive-image{position: relative;list-style: none;overflow: hidden; width: 100%; padding: 0;  margin: 0 auto; }
.responsive-image img{display: block;height: auto;float: left; width: 100%; border: 0;}
.responsive-image-news{position: relative;list-style: none;overflow: hidden; width: 30%;  }
.responsive-image-news img{display: block;height: auto;float: none; width: 30%; border: 0;}

/*new css*/
.leftmenu, .advertise, .nav-content, #news-box, #article-box, #promotion-box, #customer-box { width: 100%; }
.nav-title { width: 100%; height:auto; padding: 10px 0 10px 3px; font-weight: bold; font-size:15px; color:#fff; background: url(../img/tieudetrai.png) no-repeat;  text-transform: uppercase; clear: both; text-align:center }

.static-title { width: 99%; padding: 5px 0 5px 3px; font-weight: bold; background: #1AA2E9; color: #FFF; text-transform: uppercase; clear: both }
#customer-title { width: 99%; padding: 5px 0 5px 3px; font-weight: bold; background: #1AA2E9; color: #FFF; text-transform: uppercase; clear: both }
.leftmenu ul { margin: 0; padding: 0 }
.leftmenu ul li { list-style: none; background:url(../images/nav.png) no-repeat; margin:1px 0 }
.leftmenu ul li a { text-decoration: none; font-weight: bold; padding: 9px 0 9px 23px; color: #666666; display: block; font-size:13px}
.leftmenu ul li a:hover { color: #262626; font-weight: bold; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
#banner { height: 222px; width: 99.8%; padding: 0; float: left; position: relative; border:1px solid #F00 }
#slider {  position: relative; overflow: hidden; }
#sliderContent { position: absolute; top: 0; margin-left: 0; }
.sliderImage { float: left; position: relative; display: none; }
.sliderImage span { position: absolute; font: 10px/15px Arial, Helvetica, sans-serif; padding: 10px 13px; width: 632px; background-color: #000; filter: alpha(opacity=70); -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7; color: #fff; display: none; }
.clear { clear: both; }
.sliderImage span strong { font-size: 14px; }
.top { top: 0; left: 0; }
.bottom { bottom: 0; left: 0; }
ul {  margin: 0; padding: 0 }

/*img { width: 100% }*/
.news-title { width: 90%; margin-top: 5px; _margin-top: 5px; overflow: hidden; padding-left: 15px; padding-right: 3px; color: #FFFFFF; margin: 7px auto; background: url(../images/bullet_sub.png) no-repeat 1% 4px; }
.news-title a { text-decoration: none; color: #666; }
.news-title a:hover { text-decoration: none; color: #0267AF }
.link { width: 100%; margin: 5px 0 5px 5px; overflow: hidden; text-align:center }

.article-box { width: 200px; overflow: hidden; margin: 5px 0 5px 3px }
.article-image { width: 50px; height: 50px; border: 1px solid #999; float: left; padding: 2px 0 0 2px }
.article-title { width: 140px; float: left; margin-left: 3px }
.article-title a { text-decoration: none; color: #000 }
.article-title a:hover { color: #1886CC }
.customer { width: 200px; margin: 0px 0 5px 0; margin-bottom: 10px; padding-bottom: 5px }
.customer-name { text-align: center; border-bottom: 1px dashed #666; }
.customer-name a { text-decoration: none; color: #064485; font-weight: bold }
.customer-name a:hover { color: #FF6600 }
/*menu*/
#topmenu {
        
        background:#92d108 url(../img/menu.jpg) repeat-x;
        
    
}
.fixed{ width: 100%;  margin-top:0px; 
position: fixed; top: 0px; left: 0px;
z-index:9999;

 }
#menu1{
    position: relative;
    width: 1000px;
    /* float: right; */
    /* margin-top: 97px; */
    margin: auto;
}
.tims{
    position:absolute; top:-33px; right:0px;z-index:99999;
}
.toggleMenu { display: none; padding:  0px; background: url(../images/menu.png) no-repeat 2% center; height: 60px; text-align: right; color: #878787; width: 100%; font-weight: bold; font-size: 18px; }
.nav { 
    
    list-style: none; *zoom: 1;   -webkit-transition: box-shadow 0.3s;
  -moz-transition: box-shadow 0.3s;
  -o-transition: box-shadow 0.3s;
  transition: box-shadow 0.3s;*/ }
.nav:before, .nav:after { content: " "; display: table; }
.nav:after { clear: both; }
.nav ul { list-style: none; width: 19em; }
.nav a {    padding: 9px 10px;
    color: #01569d;
    font-weight: bold;
    font-size: 12px;}
.nav li {     
	    position: relative;
    padding: 10px 6px;
    margin: 0 0 0 -15px;
	
	}
.nav > li { float: left;  }
.nav > li:hover { background: #009F28;}
.nav > li:active { background: #009F28;}
.nav > li > .parent {/* background-image: url(../images/downArrow.png); */background-repeat: no-repeat; background-position: right; }
.nav > li > a { display: block; color: white; text-transform: uppercase; }
.nav li ul { position: absolute; left: -9999px; z-index:100 }
.nav > li.hover > ul { left: 0; }
.nav li li.hover ul { left: 100%; top: 0; }
.nav li li a { display: block; 
background: #135A0E; 
position: relative; 
z-index: 9999; border-bottom: 1px solid #CCCCCC;border-left: 1px solid #CCCCCC;border-right: 1px solid #CCCCCC;
 padding: 8px 0 8px 8px;
 color: white;
 }
.nav li li li a { background: #249578; z-index: 200; border-top: 1px solid #1d7a62; }
.nav a:hover {/* background: #1AA2E9;*/ -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
.nav  li  ul  li{ 
    padding: 0px;
}
.nav li li ul a{
    background: #55861F;
}
#search{
   width: 280px;
    overflow: hidden;
    /* padding: 9px 0px 9px 0; */
    /* float: right; */
    /* margin: 95px 0 0 0; */
    position: absolute;
    top: 0px;
    right: 0px; 
    
}
#seach-box { width: 240px; float:left; }
#seach-button{ width:26px; height:26px; float:left; margin-left:5px}
/*input[type=text] { width: 97%; padding: 4px 0px 4px 5px; border-radius: 5px; border: 1px solid #ccc/*#9AA5AA*/ ;-webkit-box-shadow: inset 3px 3px 5px 0 #ececec;
  -moz-box-shadow: inset 3px 3px 5px 0 #ececec;
  box-shadow: inset 3px 3px 5px 0 #ececec;
  -webkit-transition: box-shadow 0.3s;
  -moz-transition: box-shadow 0.3s;
  -o-transition: box-shadow 0.3s;
  transition: box-shadow 0.3s;}*/
.btn {
   padding: 3px 40px;
  border-radius: 4px;
  border-top: 2px solid #9AA5AA;
  border-bottom: 2px solid #143241;
  border-left: none;
  border-right: none;
  background-color: #446373;
  color: #FFF;
  font-weight: bold;
  cursor: pointer;
 
 }
 .inbut{
 color: #9E9E9E;
 }
.support{width:240px;}
.button{
  width: 130px;
  /* height: 27px; */
  line-height: 27px;
  background: #02b5ed;
  border-radius: 5px;
  text-align: center;
  margin: 0 auto;
  margin-bottom: 10px;
}
.button .btn0{
width: 130px;
  text-decoration: none;
  display: block;
  color: #FFF;
  text-transform: uppercase;
  font-weight: bold;
  background: none;
  border: none;
  text-align: center;
  padding: 5px 0px;
  cursor: pointer;
}
.title-center{border-radius:5px; background:#9f9f9f; padding:2px}
fieldset{border:1px solid #f3f3f3; border-radius:5px}
fieldset legend{background:#009900 !important}


.product_box {     
	width: 225px;
    height: 315px;
    position: relative;
    float: left;
    margin: 5px 0px 15px 5px;
    /* border-radius: 12px; */
    border: 1px solid #ededed;
    padding: 5px;
    }
.product_img { text-align: center; margin-top: 10px;}
.product_img img { width: 207px; height: 169px; }
.product_title { text-align: center; padding:5px 10px; border-bottom:1px solid #ccc; min-height:45px;}
.product_title a { text-decoration: none; color: #5e5e5e; }

.product_title a h1{font-size:12px;font-weight:normal;}
.product_title a:hover { text-decoration: none; color: #0267AF }
.product_detail { text-align: center;  padding:3px 0;  }
.product_detail a{color: #a0202f;}
.product_buy{width:91px; height:24px; margin:5px auto 0 auto}
.product_news { text-align: center; }
.product_news img { width: 29px }

.album_box { width: 210px;  position: relative; float: left; margin: 5px 0px 5px 5px; border-radius:5px }
.album_img { text-align: center; margin-top: 5px;}
.album_img img { width: 207px; height: 120px; }
.album_title { text-align: left; padding:5px 0 5px 11px; }
.album_title a { text-decoration: none; color: #5e5e5e; }
.album_title a:hover { text-decoration: none; color: #0267AF }

.tintuc-box{width:100%; overflow:hidden; margin-top:10px}
.tintuc-title{ margin-left:30%}
.tintuc-title a{text-decoration:none; color:#999; text-transform:uppercase; font-weight:bold}
.detail-img{width:58%; float:left; }
.detail-desc{width:40%; float:right;}
.detail-desc ul{margin:0; padding:0}
.detail-desc ul li{list-style:none; border-bottom:1px dashed #ccc; padding:3px}
.detail-content{font-size:14px; line-height:22px; margin-top:10px}
.dathang{margin-top:20px;}
.dathang a{
    margin: 0px;
    padding: 10px 25px;
    border: thin gray dotted;
    background: #090;
    color: #fff;
    font-weight: bold;
    border-radius: 7px;
    cursor: pointer;
    
}
.hinhtt{
    width: 120px; 
    height: 80px; 
    float:left; 
    margin-right: 10px;
}
#bottom{
    border-top:10px solid #CCCCCC;
/*background:url(../img/bg_foot.png) repeat;*/
background:#24a324;




}
#footer{
    width:1000px;

    margin: auto;
}
.foot-box{
    width: 210px; float:left; padding: 10px;
    color: white;
    line-height: 22px;
    min-height: 121px;
}
.foot-box a{ color: #fff;}
.foot-head{
    border-bottom: thin #fff solid;
    padding-bottom: 5px;
    color: #fff;
    font-weight: bold;
}
#i-box{
    margin-right: 2px;
    float: left;
    min-height: 100px;
    width: 378px;
}
.i-head{
    background: linear-gradient(to top, #E60058 31%, #D90053 53%);
    background: -moz-linear-gradient(to top, #E60058 31%, #D90053 53%); 
    background: -o-linear-gradient(to top, #E60058 31%, #D90053 53%); 
    background: -ms-linear-gradient(to top, #E60058 31%, #D90053 53%); 
    background: -webkit-linear-gradient(bottom, #E60058 31%, #D90053 53%);
    color: white;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    padding: 8px;
}
.diachifoot{
    background: #fff url('../img/logo.png') left 17px center no-repeat; 
    padding: 10px 130px; 
    line-height: 22px; 
    border-radius: 10px;
    margin:0 0 10px 10px; 
    max-width:70%;
    width:415px;
}
/************************************************************************************
MEDIA QUERIES
*************************************************************************************/
/* for 980px or less - two column (768 x 1024 (iPad - Portrait))*/
@media screen and (max-width: 1000px) {
	#logo{display:none}
	#logo1{float:left; display:block;  /*width:20%;*/ margin-top:5px; margin-right:5px}
	#logo1 img{ display: block; height: auto; float: left;  border: 0; }
body { font-size: 16px }
#header { height: auto; overflow:hidden;background:none; }
#pagewrap { width: 100%; }
#left { width: 32%; padding: 1% 1%; }
#middle { width: 62%; padding: 1% 1%; margin: 0px 0px 5px 5px; float: right; }
#right { clear: both; padding: 1% 1%; width: auto; float: none; }
#domain-check { padding: 1% 1%; }
.foot-box{
    width: 450px; 
}
#footer{
    width:100%;
}
#menu1{
    width: 100%;
}
/*----------------------------------------------------------------------------------------------CSS Sửa ------------Dòng 214 width:1000px------------------------------*/
.outer-general {  width: auto; margin: 0px auto;  }/*.outer-general { width: 95%; }
.footer-content { width: 70%; }

/*menu*/
#topmenu { width: 100%;margin-top:0px;}
.toggleMenu {height:35px;}
.active { display: block; }
.nav{background:#fff;-moz-box-shadow: inset 0px 5px 0px 0px #ececec;
  box-shadow: inset 0px 5px 5px 0px #ececec;
  -webkit-transition: box-shadow 0.3s;
  -moz-transition: box-shadow 0.3s;
  -o-transition: box-shadow 0.3s;
  transition: box-shadow 0.3s;height:350px;overflow:scroll;}
.nav > li { float: none;
    background: #BBE462;
    border-bottom: thin white solid;
 }
.nav > li > .parent { background-position: 95% 50%; }
.nav li li .parent { background-image: url(../images/downArrow.png); background-repeat: no-repeat; background-position: 95% 50%; }
.nav ul { display: block; width: 100%; }
.nav > li.hover > ul, .nav li li.hover ul { position: static; }
.nav li li a { padding: 10px 0 10px 30px }
.nav li li li a { padding: 10px 0 10px 40px }
/*#header { display: none }*/

.nav-content { width: 32%; float: left; margin: 5px 5px 0 0 }
.article-box { width: 98% }
.article-title { width: 80%; margin-top: 15px }
.customer-name { width: 98%; text-align: left }
.news-title { width: 90%; background: url(../images/bullet_sub.png) no-repeat 1% 6px; }
.link { width: 100%; text-align:center }
#search { width:auto; float:none;margin:0;}
#seach-box { width: 79%; }
#seach-button{  height:26px; margin-top:3px; margin-left:8px }
input[type=text] { width: 99%; padding: 6px 0 6px 5px; font-size:17px}
input[type=submit] {   padding: 6px; font-size:17px}
.support{width:97%}
.button{width:95%;}

.product_box {height:auto;width: 46%; }
.product_img { margin-top: 13px; }
.product_img img { width: 90%; height:auto;}

.album_box {height:auto;width: 48%; }
.album_img { margin-top: 13px; }
.album_img img { width: 90%; height:auto;}

}

/* for 700px or less - one column (480 x 640 (small tablet))*/
@media screen and (max-width: 700px) {
/*body{font-size:18px}*/#menu1{width: auto;}
.tims{
    display: none;
}
#left { width: auto; float: none; }
#middle { width: auto; float: none; margin-left: 0px; }
#right { width: auto; float: none; }
.nav-content { width: 48%; float: left; margin: 5px 0 5px 5px }
.article-title { width: 80%; }
.advertise { width: 48%; float: left; margin: 5px 0 5px 5px }
#middle { clear: both }
#left { overflow: hidden }
.checkbox { width: 90px; }
.nav-title{/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e5799+0,2989d8+50,207cca+51,409de5+100 */
background: #1e5799; /* Old browsers */
background: -moz-linear-gradient(top,  #1e5799 0%, #2989d8 50%, #207cca 51%, #409de5 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1e5799), color-stop(50%,#2989d8), color-stop(51%,#207cca), color-stop(100%,#409de5)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #1e5799 0%,#2989d8 50%,#207cca 51%,#409de5 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #1e5799 0%,#2989d8 50%,#207cca 51%,#409de5 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #1e5799 0%,#2989d8 50%,#207cca 51%,#409de5 100%); /* IE10+ */
background: linear-gradient(to bottom,  #1e5799 0%,#2989d8 50%,#207cca 51%,#409de5 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#409de5',GradientType=0 ); /* IE6-9 */
; border-radius:5px}
.footer-content { width: 100%; }
#icon-box{ float:left}
.foot-box{
    width: 300px; 
}
.diachifoot{
    background: white; 
    padding: 10px; 
    line-height: 22px; 
    border-radius: 10px;
    margin:10px; 
    max-width:100%;
    width:auto;
    }
}

/* for 480px or less - one column */
@media screen and (max-width: 480px) {

h1 { font-size: 13px; font-weight:bold; }
#right {/*display: none;*/ width: auto; float: none; }

.nav-content { width: 96%; }
.article-title { width: 73%; margin-top: 4px; }
#middle { clear: both }
#left { overflow: hidden }
.static-title, .advertise, #article-box, #promotion-box { display: none }
#footer span { font-size: 14px }
#footer { text-align: left }
.product_box, .album_box  { width: 44%; }
.detail-img{width:auto; float:none}
.detail-desc{width:auto; float:none}
.foot-box{
    width: 100%; 
	
}

.tims{
    display: none;
}
#left { width: auto; float: none; }
#middle { width: auto; float: none; margin-left: 0px; }
#right { width: auto; float: none; }
.nav-content { width: 48%; float: left; margin: 5px 0 5px 5px }
.article-title { width: 80%; }
.advertise { width: 48%; float: left; margin: 5px 0 5px 5px }
#middle { clear: both }
.detail-content {
    font-size: 14px;
    line-height: 22px;
    margin-top: 10px;
	width:100%;
}	
.responsive-image {
    position: relative;
    list-style: none;
    overflow: hidden;
    width: 100%;
    padding: 0;
margin: 0 auto;}





}
/* for 350px or less (320 x 480(iPhone <= 4S)) */





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

.article-title { width: 70%; margin-top: 2px; }
.link { float: none; width: 100%; }
.advertise { width: 98%; }
#middle { clear: both }
#left { overflow: hidden }

.toggleMenu { background: url(../images/menu-s.png) no-repeat 2% center;  }
.static-title, .advertise,  #article-box, #promotion-box, #customer-box, #customer-title { display: none }
.product_box { width: 44%; }
.product_detail, .product_title { font-size: 16px }
.album_box { width: 96%; }
.album_detail, .album_title { font-size: 16px }
.responsive-image-news{position: relative;list-style: none;overflow: hidden; width: 50%;  }
.responsive-image-news img{display: block;height: auto;float: none; width: 50%; border: 0;}
.tintuc-title{ margin-left:50%}
.hinhtt{
    width: 100%; 
    height: auto !important; 
    float: none; 
    margin-right: 0px;
  margin-bottom: 10px;
}

.responsive-image {
    position: relative;
    list-style: none;
    overflow: hidden;
    width: 59%;
    padding: 0;
    margin: 0 auto;
}

.detail-content {
    font-size: 14px;
    line-height: 22px;
    margin-top: 10px;
	width:50%;
}

}





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

.article-title { width: 70%; margin-top: 2px; }
.link { float: none; width: 100%; }
.advertise { width: 98%; }
#middle { clear: both }
#left { overflow: hidden }

.toggleMenu { background: url(../images/menu-s.png) no-repeat 2% center;  }
.static-title, .advertise,  #article-box, #promotion-box, #customer-box, #customer-title { display: none }
.product_box { width: 44%; }
.product_detail, .product_title { font-size: 16px }
.album_box { width: 96%; }
.album_detail, .album_title { font-size: 16px }
.responsive-image-news{position: relative;list-style: none;overflow: hidden; width: 50%;  }
.responsive-image-news img{display: block;height: auto;float: none; width: 50%; border: 0;}
.tintuc-title{ margin-left:50%}
.hinhtt{
    width: 100%; 
    height: auto !important; 
    float: none; 
    margin-right: 0px;
  margin-bottom: 10px;
}

}
/* for 300px or less (240 x 320(small phone))*/
@media screen and (max-width: 325px) {
.toggleMenu { height: 25px; }

.tims{
    display: none;
}
#left { width: auto; float: none; }
#middle { width: auto; float: none; margin-left: 0px; }
#right { width: auto; float: none; }
.nav-content { width: 48%; float: left; margin: 5px 0 5px 5px }
.article-title { width: 80%; }
.advertise { width: 48%; float: left; margin: 5px 0 5px 5px }
#middle { clear: both }
.detail-content {
    font-size: 14px;
    line-height: 22px;
    margin-top: 10px;
	width:75%;
}	
.responsive-image {
    position: relative;
    list-style: none;
    overflow: hidden;
    width: 75%;
    padding: 0;
margin: 0 auto;}



}

#left, #middle, #right, #banner, #domain-check, #hotline, #header, .nav-content, .advertise {  }
#pagewrap, #left, #right, #middle  { border: solid 1px #f6f6f6; }
#toTop { display: none; text-decoration: none; position: fixed; bottom: 17px; right: 30px; overflow: hidden; width: 51px; height: 51px; border: none; text-indent: 100%; background: url(../images/ui.totop.png) no-repeat left top; }
#toTopHover { background: url(../images/ui.totop.png) no-repeat left -51px; width: 51px; height: 51px; display: block; overflow: hidden; float: left; opacity: 0; -moz-opacity: 0; filter: alpha(opacity=0); }
#toTop:active, #toTop:focus { outline: none; }
.chitiet{width: 755px;

margin: 5px;}
.chitiet .hinhanh{float:left;}
.chitiet .hinhanh img{width:400px;}
.chitiet ul.chitiet2{margin:0 0 0 5px;float:left;}
.chitiet ul.chitiet2 li{list-style: none;
border-bottom: 1px dashed #CCC;
width: 280px;
line-height: 30px;
margin-left: 5px;
}
.chitiet ul{margin:0 0 0 5px;float:left;}
.chitiet ul li{list-style: none;

line-height: 30px;}
.chitiet ul li h1{
    padding:0px;
    margin:0px;
    font-size:15px;
	color:#FBA919;
}
.cls{
    clear: both
}
.datmua{
    
    padding:5px 20px;
    border:thin gray dotted;
    border-radius: 10px;
}.video{
    width:213px;
    height:215px;
    background: #E8E8E8;
    margin: 2px;
    float:left;
    text-align:center;
    margin-bottom:10px;
}
.video img{
    width:100%;
    height:170px;
    
}
.hinhtrangchu{
    
}
.hinhtrangchu img{
    width: 203px;
height: 150px;
border: thin silver solid;
margin: 5px;
}

.detail-content img{
max-width: 99%;  height: auto !important;
}
.detail-content table{
max-width: 99%;  
}
.detail-content iframe{
max-width: 99%; 
}
.muatiep{
height: 40px;
}
.dathang0{
height:40px;}
.xemthemhinh{
	text-align: right;
	margin: 8px 0px;
}
/*#middle img{
max-width: 99%; 
}*/
#middle table{
max-width: 99%;  
}
#middle iframe{
max-width: 99%; 
}
.c2-head{
    float:left;
    background: #009900;
    color:white;
    padding:10px 20px 10px 20px;
    font-weight:bold;
    margin-bottom:10px;
    cursor: pointer;
}
#l-box {
    border: silver thin solid;
    padding: 5px;
    line-height: 20px;
    margin-bottom: 10px;
    border-radius: 10px;
}
.r-head {
    padding: 10px;
    text-align: center;
    text-transform: uppercase;
    color: #5aa50c;
    font-weight: bold;
    background: #EAFFA7 url(../img/bg_tieude.png) no-repeat;
}
.r-head a {
    color: #4d6d06 !important;
}
ul.menuh li{
position: relative;

list-style: none;
padding: 5px;

margin: 2px 0 0 0px;
border: 1px dotted #72a300;
border-radius: 7px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d7ffaf+0,ffffff+100 */
background: #d7ffaf; /* Old browsers */
background: -moz-linear-gradient(left,  #d7ffaf 0%, #ffffff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#d7ffaf), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #d7ffaf 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #d7ffaf 0%,#ffffff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #d7ffaf 0%,#ffffff 100%); /* IE10+ */
background: linear-gradient(to right,  #d7ffaf 0%,#ffffff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d7ffaf', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */



}
.menuh{margin-left:0;}
ul.menuh li ul{
display: none;
transition: height 0.3s;
height: 1px;
position: absolute;
top: -3px;
left: 212px;
width: 180px;
z-index: 9999;
background: white;

    
}
ul.menuh a li{
	color: #3C8610;
	font-weight: bold;
	font-size: 12px;
	text-transform:uppercase;
}
ul.menuh li:hover ul{
        display: block;
        
    height: auto;
}
ul.menuh li:hover{
     color: #72a300;
}
ul.menuh li:hover > a{
     color: red;
}
a.chonmua{
        padding: 4px 5px;
    width: 105px;
    background: #090;
    border-radius: 7px;
    font-weight: bold;
    color: white;
}
#phantrang{
    text-align:center;
    margin-top:15px; 
}
#phantrang a{
    padding:5px 10px 5px 10px;
    border: thin silver solid;
    margin: 2px;
}
#phantrang a:hover{
    padding:5px 10px 5px 10px;
    border: thin silver solid;
    margin: 2px;
    background: #99CC2F;
    color:white;
}
#dangxem{
    background: #99CC2F;
    color: white;
}


.sodienthoai{display:none;}