@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:#00adef url(../img/bg.jpg) center bottom fixed; }
.clear { clear: both }
a { text-decoration: none; }
.upper { text-transform:none }
/* STRUCTURE */
#pagewrap {  width: 960px; margin: 0px auto; background: #fff; margin-top:5px }
#header { height: 180px; padding: 0 0px;background:url(../img/top.png);margin-top:5px; }
#logo{float:left;
    margin: 22px 0 0 14px;}
#logo1{display:none}
#left { width: 248px; float: left; padding: 5px 5px; }
#middle { width: 680px; float: right; padding: 5px 5px; margin: 0px 0px 5px 5px; overflow: hidden; font-size:14px; line-height:22px}


ol, ul { 	list-style: none; } 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; }


#left-fixed-phone {
    position: fixed;
    bottom: 10px;
    right: 10px;
    font-size: 32px;
    border-radius: 50%;
    padding: 6px;
    width: 48px;
    height: 48px;
    background: #fff;
    box-shadow: 0px 5px 15px #666;
    z-index: 9;
}
#left-fixed-phone a {
    color: #fff;
}
.spkm{    width: 50px;
    height: 50px;
    float: left;
}

.phonemobile {
    width: 40px;
    height: 40px;
    background: url(../img/phone5.png);
    position: absolute;
    bottom: 10px;
    right: 10px;
}

#footer { clear: both; padding: 15px; background:#1483dc;  color: #48484a; font-size: 12px; }
.outer-general {  max-width: 960px; margin: 0px auto;  }
.outer-general:after { content: ""; display: table; clear: both; }
.footer-content {  width: 700px; 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 { list-style-type: none; 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 { width: 69%; float:right;/*  margin-top:97px;  */}
.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: 13px;}
.nav li { position: relative; }
.nav > li { float: left;  }
.nav > li > .parent { background-image: url(../images/downArrow.png); background-repeat: no-repeat; background-position: right; }
.nav > li > a { display: block; }
.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: #EAF0EE; 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;}
.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; }


#search{width: 280px; overflow: hidden; padding:9px 0px 9px 0; float:right; margin: 95px 0 0 0;}
#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:#1483dc !important;}


.product_box {     
	width: 210px;
    height: 360px;
    position: relative;
    border: 1px solid #eeeeee;
    float: left;
    margin: 5px 0px 5px 5px;
    border-radius: 12px;}
.product_img { text-align: center; margin-top: 10px;}
.product_img img { width: 207px; height: 169px; }
.product_title { text-align: center; padding:5px 0; border-bottom:1px solid #ccc; background:#f9f9f9;min-height:95px;}
.product_title a { text-decoration: none; color: #5e5e5e; }
.product_title a:hover { text-decoration: none; color: #0267AF }
.product_detail { text-align: center;  padding:3px 0;  background:#f9f9f9}
.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:48%; float:left; }
.detail-desc{width:48%; float:right;}
.detail-desc ul{margin:0; padding:0}
.detail-desc ul li{list-style:none; border-bottom:1px dashed #ccc; padding:8px}
.detail-content{font-size:14px; line-height:22px; margin-top:10px}
.dathang{border:thin dotted gray; margin-top:20px; border-radius:10px; width:120px}
.dathang a{display:block; color:#2A00EE; font-weight:bold; text-align:center; font-size:16px; padding:8px 15px;}

/************************************************************************************
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: 95%; }
#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; }
#footer, #domain-check { padding: 1% 1%; }
#footer { padding: 8px;  }

/*----------------------------------------------------------------------------------------------CSS Sửa ------------Dòng 214 width:960px------------------------------*/
.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:none;-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;background:#fff;}
.nav > li { float: none; }
.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] {  width: 100%;  padding: 6px; font-size:17px}
.support{width:97%}
.button{width:95%;}

.product_box {height:auto;width: 48%; }
.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}*/

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

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

h1 { font-size: 2em; }
#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: 47%; }
.detail-img{width:auto; float:none}
.detail-desc{width:auto; float:none}
}
/* for 350px or less (320 x 480(iPhone <= 4S)) */
@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: 96%; }
.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%}
}
/* for 300px or less (240 x 320(small phone))*/
@media screen and (max-width: 300px) {
.toggleMenu { height: 25px; }

}

#left { background: #f8f8f8; }
#right { background: #f0efef; }
#left, #middle, #right, #banner, #domain-check, #hotline, #header, .nav-content, .advertise { margin-bottom: 5px; }
#pagewrap, #left, #right, #footer, #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;
}
.clickmua{
padding:4px 5px;  background:#1483DC;border-radius:7px;font-weight:bold;
}