body{   background-color:#FFF;  color:#575757;  font-family:Arial, Helvetica, sans-serif;   font-size:12px; background:url(../images/bg.gif) repeat-y center;   margin:0;   padding:0;}
h2,h2 strong{font-family:Arial, Helvetica, sans-serif;   font-size:14px;}
a{ text-decoration:none;   color:#069;/* white-space:nowrap;*/}
.buttonheading a img{    border:0 none;  padding-right:10px;}
ul{    list-style-type:none;   margin:0;   padding:0;}
.clear{ clear:both; height:5px; overflow:hidden;}
p{ margin:0 0 5px; padding:0;}
.padding20{ padding-left:20px;}
.padding201 a{ color:blue; padding-left:20px;  text-decoration:none;}
.inportant{    color:#069; font-style:italic;}
.form{ padding:20px;}
.dangkybutton{  margin-bottom:5px;  margin-top:5px; text-align:right;}
.body{  width:1000px;   margin:0 auto;}
.container{    background-color:#FFF;  overflow:hidden;    width:993px;    position:relative;  margin:0 auto;}
.banner{  width:993px;}
.topmenu{    height:29px;    background:url(../templates/sieuthiweb_homepage/images/bg-top-header.jpg) repeat-x;}
.topmenu ul{ padding:5px 5px 5px 300px;}
.topmenu ul li{    float:left; padding-right:15px;}
.logo-link{   cursor:pointer; height:100px;    padding-left:20px;  padding-top:40px;   width:240px; position:absolute;}
.mainmenu{   background:url(../images/bg_menu_top.jpg) repeat-x scroll 0 0 transparent;  height:32px;}
.mainmenu ul li{ background:url(../images/sep_top_menu.jpg) no-repeat scroll right top transparent;  float:left; line-height:32px;   padding-left:15px;  padding-right:15px;}
.mainmenu ul li a{    color:#FFF; line-height:32px;   text-transform:uppercase;}
.mainmenu ul li.over{  background:url(../images/bg_top_over.jpg) repeat-x scroll 0 0 transparent;  border-right:1px solid #0cf;}
.mainmenu ul li ul{ background-color:#FFF;  border-bottom:1px solid #0cf;   border-left:1px solid #0cf; border-right:1px solid #0cf;    clear:both; display:none;   overflow:hidden;    position:absolute;  width:243px;    z-index:100;    margin:0 0 0 -15px; padding:0 0 19px;}
.mainmenu ul li ul li{   background:url(../images/sub_seperated.gif) repeat-x scroll center bottom transparent;  margin-right:2px;   margin-top:1px; width:243px;}
.mainmenu ul li ul li a{ color:#069; font-weight:400;    text-transform:none;}
.mainmenu ul li ul li.over{   background:url(../images/sub_seperated.gif) repeat-x scroll center bottom #B1D9EB;  color:#015177;  margin-right:2px;   margin-top:1px; overflow:hidden;    width:243px;}
.mainmenu ul li ul li.over a{  color:red;  text-transform:none;}
.flag{  float:right;    padding-right:10px;}
.flag a{   color:#900; font-size:10px;}
.head{   background-color:#FFF;  height:189px;   overflow:hidden;    padding-top:3px;}
.intro{ background:url(../images/bg_hot.jpg) no-repeat scroll right top transparent;    float:left; height:192px;   overflow:hidden;    width:571px;    padding:2px;}
.slice{  display:none;   height:180px;   overflow:hidden;    padding-left:4px;   width:565px;}
.checkdomain{  background:url(../images/bg_checkdomain.jpg) no-repeat scroll 0 0 transparent;  float:left; height:189px;   margin-left:4px;    overflow:hidden;    width:410px;}
.input{ color:#FFF; margin-top:2px; padding-left:156px;}
.input img{ padding-left:3px;}
.input input.text{  border:0 none;  height:15px;    margin-top:1px; width:152px;}
.checkall{   color:#063; font-size:12px; height:20px;    overflow:hidden;    padding-left:5px;   padding-top:15px;}
.content{  clear:both;}
.content div.left{ float:left; margin-left:2px;    overflow:hidden;    width:233px;}
.menu-body{   background:url(../images/menu_content.jpg) repeat-y scroll 0 0 transparent; padding-left:9px;   padding-right:22px;}
.menu-title{    background:url(../images/menu_title.gif) no-repeat scroll 0 0 transparent;  color:#063; height:25px;    margin-left:2px;    width:205px;}
.titleofpage{  color:#039; font-family:Verdana, Geneva, sans-serif;    font-size:13px; font-weight:700;    padding-bottom:5px;}
.onlinesupport-title{    color:#F90; font-family:Tahoma, Geneva, sans-serif; font-size:16px; font-weight:700;    text-align:center;}
.online-title{   color:#00C; font-family:Tahoma, Geneva, sans-serif; padding-top:10px;   text-transform:uppercase;}
.online-content{   padding:5px 5px 5px 25px;}
.menu-title1{ background:url(../images/menu_title.gif) no-repeat scroll 0 0 transparent;  height:25px;    margin-left:2px;    width:205px;}
.menu-title1 p{    padding-left:8px;   padding-top:5px;}
.menu-title1 p a:hover{    color:#063; text-decoration:underline;}
.menu-title2{  background:url(../images/menu_title.gif) no-repeat scroll 0 0 transparent;  color:#03F; height:25px;    margin-left:2px;    width:205px;}
.annoucement{    color:#575757;  padding:5px;}
.statistic{   color:#063; width:210px;    overflow:hidden;    padding:5px;}
.content div.right{ float:left; overflow:hidden;    width:755px;}
.pathway{ height:24px;    margin-top:2px;}
.thongtinnull{    background:url(../images/thongtinnull.jpg) no-repeat scroll 0 0 transparent;    height:55px;    width:623px;}
.thongtinnull p{    font-weight:700;    padding-left:50px;  padding-top:20px;}
.submenu ul{ padding-bottom:10px;    padding-left:0; padding-top:5px;}
.submenu ul li{   color:#036; float:left; font-weight:700;    padding-right:15px;}
.submenu ul li.active{    color:#900; font-weight:700;}
.submenu ul li a{    color:#03C; font-weight:400;}
.submenu ul li a:hover{  color:#666; text-decoration:underline;}
.content-detail-title{   background:url(../images/bg_content-title.jpg) no-repeat scroll 0 0 transparent;    height:40px;    width:755px;}
.content-detail-title p{   color:#FFF; font-family:Tahoma, Geneva, sans-serif; font-weight:700;    padding-left:20px;  padding-top:12px;}
.content-detail-body{ background:url(../images/bg_content-body.jpg) repeat-y scroll 0 0 transparent;  padding:8px;}
.content-detail-footer{    background:url(../images/bg_content-footer.jpg) no-repeat scroll left bottom transparent;   height:18px;}
.alert{    background:url(../images/notes.gif) no-repeat scroll 0 0 transparent;   color:#C00; font-family:Tahoma, Geneva, sans-serif; font-size:12px; height:81px;    margin-bottom:10px; overflow:hidden;    width:732px;}
.alert p{  padding-left:100px; padding-top:25px;}
.line1{   border-top:1px dashed #999; height:2px; margin-bottom:5px;  margin-left:0;  width:575px;}
.submit{ color:#F60; cursor:pointer;}
.reset{    color:#999; cursor:pointer;}
form#formbaoggia input{   border-color:0 0 #CCC;  border-style:none none dashed;  border-width:0 0 1px;}
.reg{ background-color:#06C;  color:#FFF; margin-left:10px;}
.price{    color:#03F;}
table.hosting td.head{   background:url(../images/bg-header.png) repeat scroll 0 0 transparent;  color:#FFF; font-weight:700;    height:35px;    text-align:center;}
table.hosting td.bdh1{  background-color:#E6F2FF;   border-bottom:1px solid #069;   border-left:1px solid #099; font-weight:700;    padding-left:10px;  text-align:left;}
table.hosting td.bd1{  border-bottom:1px solid #069;   border-left:1px solid #099; text-align:center;}
table.hosting td.bd2{   background-color:#EAEAEA;   border-bottom:1px solid #069;   border-left:1px solid #099; text-align:center;}
.congthem{  color:#063; font-size:12px; font-weight:700;    padding-left:5px;}
.congthemtext{ color:#666; padding-left:20px;}
.line{  border-top:1px dashed #999; height:2px; margin-bottom:5px;  margin-left:0;  width:645px;}
.submitform{    margin-right:78px;  text-align:right;}
#status span{    color:#090; font-size:10px;}
#status p{    color:red;  font-size:10px;}
form#formdangky input{ background-color:#EEE;  border-color:0 0 #CCC;  border-style:none none dashed;  border-width:0 0 1px;}
.step{    background:url(../images/step.jpg) no-repeat scroll 0 0 transparent;    height:193px;   overflow:hidden;    width:754px;}
.step1 p{  font-weight:700;    padding-left:55px;  padding-top:10px;   text-transform:uppercase;}
.step1 div{   margin-left:20px;   margin-top:57px;    width:250px;    text-align:justify;}
.step2 p{  font-weight:700;    padding-left:60px;  padding-top:10px;   text-transform:uppercase;}
.step2 div{   margin-left:30px;   margin-top:40px;    width:250px;}
.step3 p{ font-weight:700;    padding-left:62px;  padding-top:10px;   text-transform:uppercase;}
.step3 div{  margin-left:35px;   margin-top:55px;    width:205px;}
.clickreg{   clear:both; padding-right:10px; padding-top:12px;   text-align:right;}
.clickreg a{   color:#FFF; text-decoration:underline;}
.block-content{   clear:both; height:167px;   margin-top:5px; overflow:hidden;}
.block1{    background:url(../images/block1.jpg) no-repeat scroll 0 0 transparent;  float:left; height:167px;   overflow:hidden;    padding-left:2px;   width:250px;}
.detail{ font-size:10px; margin-top:5px; text-align:right;}
.detail1{ font-size:10px; margin-top:0;   text-align:right;}
.detail a{  color:#900; text-decoration:underline;}
.block2{ background:url(../images/block2.jpg) no-repeat scroll 0 0 transparent;  float:left; height:167px;   overflow:hidden;    padding-left:2px;   width:250px;}
.block3{  background:url(../images/block3.jpg) no-repeat scroll 0 0 transparent;  float:left; height:167px;   overflow:hidden;    width:250px;}
.block3 p a{    color:#066;}
.block-website{  background-color:#E9ECEF;   height:168px;   margin-bottom:5px;  overflow:hidden;}
.block21 p{   margin-top:10px;    text-align:center;  text-transform:uppercase;}
.block21 p a{   color:#F90;}
.block21 div{   color:#F90; height:97px;    padding:7px;}
.block22 p a{   color:#363;}
.block22 div{   color:#FFF; height:97px;    padding:7px;}
.block23 p a{   color:#60F;}
.block23 div{   color:#036; height:97px;    padding:7px;}
.footer{    clear:both; margin-bottom:30px;}
.footer-top{  background:url(../images/footer_bg_bold.jpg) repeat scroll 0 0 transparent; height:200px;}
.marquee{ text-align:center;}
.marquee img{  padding-right:20px;}
ul.footer-menu{    background:url(../images/footer_seperated.jpg) repeat-y scroll right center transparent;    float:left; height:180px;   margin-top:10px;    overflow:hidden;    padding-left:18px;  width:180px;}
ul.footer-menu li.title a.top{    color:#FF0;}
ul.footer-menu li.title{ font-family:Tahoma, Geneva, sans-serif; font-size:16px; font-weight:700;    margin-bottom:6px;  padding-top:3px;    text-transform:uppercase;}
ul.footer-menu li a{    color:#FFF; font-family:Tahoma, Geneva, sans-serif;}
ul.footer-menu li a:hover{    color:#FFF; font-family:Tahoma, Geneva, sans-serif; text-decoration:underline;}
ul.footer-menu li ul li{    text-transform:none;    font-size:12px; font-weight:400;}
ul.last{ background:url() repeat scroll 0 0 transparent;}
.footer-bottom{   background:url(../images/bg_footer.jpg) repeat-x scroll 0 0 transparent;    height:120px;   padding-left:15px;  text-align:left;}
.footer-bottom div{ padding-top:20px;}
.footer-bottom div p{   color:#333; font-family:Tahoma, Geneva, sans-serif; font-size:13px; font-weight:700;    margin-bottom:10px;}
.footer-bottom-left{   color:#333; float:left; width:750px;}
.footer-bottom-right{    float:right;    padding-top:2px!important;  width:200px;}
table.contentpaneopen{    width:100%;}
table.contentpaneopen tr td ul{  list-style-type:circle; margin-left:50px;}
.h1{  font-size:14px;}
.h11{  font-size:11px; text-align:right;   color:#888; padding-right:10px; font-weight:400;}
.h2{    font-size:13px; font-weight:700;    margin:0;   padding:0;}
.news-other{  color:#333; border-bottom:1px dashed #CCC;  font-weight:700;    padding:3px;}
ul.news{ list-style-type:square; margin-left:10px;   margin-right:10px;}
ul.news li{    margin-top:10px;    list-style-type:none;}
ul.news li a.news-title{   color:#F60; font-size:13px;}
.tag{    font-size:11px; clear:both; border-top:1px dashed #CCC; margin-top:10px;    text-align:justify; color:#888; padding:10px;}
.tag div{   margin-bottom:6px;}
.leftmenu-container{ width:233px;    overflow:hidden;    background:url(../images/thiet-ke-website_left_menu_seo_body.jpg) repeat-y;}
.leftmenu-hotro-online{   background:url(../images/thiet-ke-website_left_menu_body.jpg) repeat-y;}
.leftmenu-hotro-body{   margin:0 0 0 40px;  padding:10px 0 0;}
.leftmenu-hotro-body p{ text-align:center;  font-weight:700;    font-family:Arial, Helvetica, sans-serif;   color:red;  font-size:13px; text-transform:uppercase;   margin:0;   padding:0 10px 0 0;}
.leftmenu-hotro-body div{   margin:10px;}
.seo-body ul{  list-style-type:circle; margin:0 0 0 30px;  padding:0 10px 0 0;}
.seo-body ul li{  margin-top:8px;}
.thongketruycap{   background:url(../images/thiet-ke-website_left_menu_footer.gif) no-repeat center;   width:233px;    height:150px;}
.thongketruycap div{ padding-left:10px;  padding-top:20px;}
.newblock{    width:754px;    overflow:hidden;    margin-top:10px;}
.newblock a{    color:#03C; text-decoration:none;}
.block-add-website{ float:left; background:url(../images/bg_thiet-ke-website.jpg);  width:247px;    height:169px;}
.block-add-domain{ float:left; background:url(../images/bg_dang-ky-domain.jpg);    width:249px;    height:169px;   margin-left:5px;}
.block-add-hosting{  float:left; background:url(../images/bg_hosting-luu-tru-website.jpg);   width:249px;    height:169px;   margin-left:3px;}
.website_left{   float:left; background:url(../images/bg_website-doanh-nghiep.jpg);  width:249px;    height:293px;   margin-top:5px;}
.website_left div{    margin-top:90px;    font-family:Arial, Helvetica, sans-serif;   font-size:12px; text-align:justify; padding:10px;}
.website_right{ float:left; width:500px;    margin-left:3px;    margin-top:5px;}
.website_top{  width:500px;    height:144px;   background:url(../images/bg_website-gia-re.jpg);}
.website_bottom{ width:500px;    height:144px;   background:url(../images/bg_website-bat-dong-san.jpg);  margin-top:3px;}
table.domain tr td{    border-left:1px solid #E5E5E5;  border-right:1px solid #E5E5E5; font-size:11px; border-bottom:1px solid #E5E5E5;    text-align:center;  color:#06C; height:20px;}
table.domain tr.header td{ border-bottom:1px solid #999;   border-top:1px solid #E5E5E5;   background-color:#E8E8E8;   color:#036; height:30px;}
table.domain tr td a{  color:#063; font-weight:700;}
#hotrotuvan-div{   position:fixed; z-index:100;    left:0px;   bottom:0;   height:25px;    background-color:#fff;  width:100%; opacity:0.9;    text-align:center;}
.forms{    width:705px;    height:520px;   background:url(../images/form-dung-thu-bg.png) top left no-repeat;  overflow:hidden;    margin:0;   padding:0;}
.hosting-form{    background:url(../images/form-dung-thu-hosting.png) top left no-repeat; width:710px;}

.forms p,.forms input,.forms span,.forms label,.forms li{   margin:0;   padding:0;}
.forms input{   width:260px;}
.forms ul li.radio input{  width:20px;}
.forms input.capcha{   width:40px; float:left;}
.forms img.capcha{   margin:0;   padding:0 0 0 5px;}
.forms ul{  margin:94px 0 0 29px;}
.forms ul li{    padding:5px 0;}
.forms ul li.policy{  color:#000; font-family:Arial, Helvetica, sans-serif;   padding:0;}
.forms ul label{    color:#0083e8;  font-size:12px; display:block;  width:190px;    float:left; clear:both;}
.forms ul li a{    color:#0083e8;  font-size:12px;}

.forms ul li a:hover{   text-decoration:underline;}
.forms ul small.url{ padding-left:190px; font-style:italic;  color:#9e9e9e;}
input.dangky{ background:url(../images/bt-dangky.png) top left no-repeat; width:87px; height:27px;    border:none;    cursor:pointer; margin:0;   padding:0;}
.forms .error-mes{   color:red;  font-style:italic;  font-size:12px;}
.thankyou-website{  background:url(../images/form-dung-thu-bg.png) top left no-repeat;  width:705px;    height:520px;   overflow:hidden;    margin:0;   padding:0;}
.thankyou-website .thankyou-content p{  margin-top:18px;}
.thankyou-hosting{    background:url(../images/form-dung-thu-hosting.png) top left no-repeat; width:710px;    height:400px;   overflow:hidden;    margin:0;   padding:0;}
.news-left{  background:url(../images/news-bg.png);  width:189px;    height:190px;   float:left;}
.news-img{  width:138px;    height:136px;   overflow:hidden;    text-align:center;  margin:25px 18px;}
.news-right{  float:left; width:530px;}
.xmenu{    width:219px;    margin-left:6px;    margin-bottom:5px;}
.xmenu-header{    background:url(../images/new-header.jpg) no-repeat; color:#FFF; font-size:18px; height:35px;}
.xmenu-body{   background:url(../images/newbg.jpg);}
.xmenu-header p{   padding-top:10px;   text-align:center;  margin:0;}
ul.ul-xmenu{   width:200px;    margin:0 auto;}
ul.ul-xmenu li{  border-bottom:1px solid #CCC;   width:180px;    background:url(../images/new-icon.jpg) no-repeat left bottom;   padding:10px 0 4px 15px;}
.introtext{ background:url(../images/newintro.jpg) no-repeat;   width:755px;    height:246px;}
.introtext h1{ font-size:22px; color:#06C; padding-top:15px;   padding-bottom:10px;    margin:0 0 0 274px;}
.line-1{   margin:0 0 10px 305px;}
.inportant strong,.topmenu ul li a:hover,.block1 p a{    color:red;}
.hidden,#status,#loading{ display:none;}
.topmenu ul li a,.online-content a{ color:#069;}
.flag img,ul.footer-menu li,table.contentpaneopen tr td p{    margin-top:5px;}
.menu-title p,.menu-title2 p{    font-weight:700;    padding-left:8px;   padding-top:5px;    text-transform:uppercase;}
.onlinesupport,.news-img img{ padding:5px;}
.menu-title1 p a,.pathway a{ color:#06C;}
.annoucement a,.block2 p a{   color:#03C;}
form#formbaoggia,form#formdangky{   margin:0;   padding:0 0 0 15px;}
form#formbaoggia input:focus,form#formbaoggia textarea:focus,form#formdangky input:focus,form#formdangky textarea:focus{   background:none repeat scroll 0 0 #FFFFE9;  border-color:0 0 #666;  border-style:none none dashed;  border-width:0 0 1px;}
form#formbaoggia textarea,form#formdangky textarea{ border:1px dashed #CCC;}
.reg a,.seo-body ul li a{ color:#FFF;}
table.hosting td.bdg1,table.hosting td.bdg2{  background-color:#CEFFE7;   border-bottom:1px solid #069;   border-left:1px solid #099; color:#060; font-weight:700;    text-align:center;}
.step1,.step2,.step3{   float:left; overflow:hidden;    width:250px;}
.block1 p,.block2 p,.block3 p{  padding-left:35px;  padding-top:10px;   text-transform:uppercase;}
.block1 div,.block2 div,.block3 div{  color:#FFF; height:80px;    padding-left:120px; padding-top:15px;   width:120px;}
.block21,.block22,.block23{    background:url(../images/block4.jpg) no-repeat scroll 0 0 transparent;  float:left; height:166px;   padding-left:2px;   width:249px;}
.block21 div.detail a,.block22 div.detail a,.block23 div.detail a{   color:#900; padding-right:5px;  text-decoration:underline;}
.block22 p,.block23 p{  color:#F90; margin-top:10px;    text-align:center;  text-transform:uppercase;}
.khachhang,.khachhang-webre{    width:348px;    height:107px;   overflow:hidden;    background:url(../images/khachhang-webre.jpg) no-repeat;    float:left; margin-left:10px;   text-align:center;  margin-top:10px;}
.khachhang p,.khachhang-webre p{ color:#069; font-weight:700;    text-transform:uppercase;   font-size:16px; padding:20px 5px 0;}
.khachhang div,.khachhang-webre div{   color:#069; padding-left:5px;   margin-top:2px;}
.khachhang div a,.khachhang-webre div a{    color:red;  text-transform:uppercase;}
.block-add-website h2,.block-add-domain h3,.block-add-hosting h3
{    color:#F90; font-size:13px; font-family:Tahoma, Geneva, sans-serif; padding-top:25px;   padding-left:80px;  text-align:right;   padding-right:5px;}
.block-add-website div,.block-add-domain div,.block-add-hosting div{ color:#575757;  padding-left:10px;  padding-right:5px;  text-align:justify;}
.block-add-website div.detail,.block-add-domain div.detail,.block-add-hosting div.detail{   text-align:right;   padding-right:5px;  padding-top:18px;}
.block-add-website div.detail a,.block-add-domain div.detail a,.block-add-hosting div.detail a{    color:#06C; text-decoration:none;   font-size:12px;}
.website_left h4,.website_top h5,.website_bottom h5{ font-size:14px; padding-left:10px;  padding-top:10px;   color:#00a4e8;  font-family:Arial, Helvetica, sans-serif;   margin:0;}
.website_left div p,.website_top div p,.website_bottom div p{  text-align:right;}
.website_top div,.website_bottom div{    font-family:Arial, Helvetica, sans-serif;   font-size:12px; text-align:justify; padding:10px;}
#hotrotuvan,.xmenu-current{ color:red;  font-weight:700;}
.wellcome,.hosting-intro{  width:650px;    height:380px;   overflow:hidden;    display:none;   position:fixed; top:100px;  margin-left:200px;}
.wellcome a,.hosting-intro a{    color:#FFF; text-decoration:none;}
.wellcome img,.hosting-intro img{   border:none;    margin:0;   padding:0;}
.thankyou-website .thankyou-content,.thankyou-hosting .thankyou-content{    color:#04b500;  width:470px;    margin:100px 0 0 30px;}
.line-2,.line-3{    margin:12px 0 10px 305px;}
.clear{clear: both;}.menu ,.hidden,.advgo2{display: none;}
/* MEDIA QUERIES FOR A RESPONSIVE LAYOUT */
@media (max-width: 1215px)
{
        
}
@media (max-width: 960px)
{
    
       .body{width: auto;}
       .container{width:auto;}
       .content div.left{display: none;}
       .banner{width: auto; height: auto; text-align: center; padding: 1px;}
       .banner img {max-width: 99.9%;}
       .topmenu {position: relative; height: auto; min-height: 29px;background-repeat: repeat;}
       .topmenu ul {padding-right: 20px; padding-left: 0; float: right; line-height: 20px;}
       .flag {position: absolute;right: 3px; padding: 0;}
       .mainmenu ul#mainmenu {padding-left: 5px;float: left; height: 32px; overflow: hidden; }
       .mainmenu ul li{padding: 0 ;border-right: none;padding-right:1px;}
       .mainmenu ul li >a{padding: 0 5px ;}
       .mainmenu ul li ul{margin-left: 0px;}
       .mainmenu ul li ul a{padding: 5px;}
       .mainmenu ul li:hover{border-right: 1px solid #00CCFF; padding-right:0px;}
       .head{height: auto;}
       .intro{max-width: 53%; margin-left: 5px; border: 1px solid #7bbddf; background: none; height: 180px;}
       .intro img {max-width: 100%;}
       .slice{max-width: 100%;}
       .checkdomain{margin-left: 10px;}
       .content div.right{width: auto; float: none;}
       .pathway{padding-left: 10px;}
       .introtext ,.newblock{margin: 0 auto}
       .newblock {width: auto;}
       .block {margin: 0 auto; width: 85%;}
       .website_right { margin-left: 10px}
       p.khach{text-align: center; clear: both;  margin: 0 auto;width: 99%}
       p.khach img{max-width: 100%}
       .website_left{margin-left: 10px;}
       .newblock .block-add-website ,.block-add-domain,.block-add-hosting { margin: 5px;}
       .tip{width: 755px; margin: 0 auto !important}
       .footer-top{height: auto; padding-left: 20px;}
       ul.footer-menu {padding-left: 4px;height: auto;    width: 172px;}
       ul.footer-menu li ul li {margin-top: 3px;}
       ul.footer-menu li ul {padding-top: 5px;}
       .footer-bottom {padding-left: 7px;}
       .footer-top{display: none;}
       .footer-bottom {height: auto;}
       .footer-bottom .footer-bottom-left {width: 670px;}
       table.contentpaneopen table {width: 100% !important;}
       .alert ,.thongtinnull,.news-right{width: auto;}
       table.contentpaneopen iframe {width: 100% !important;height: auto !important;}
       table.contentpaneopen img ,.pic2{width: 100% !important; height: auto;}
       a.pic img ,table.atm img,table.hostmail img,p.pic img{width: auto !important;}
       .thongtinnull p {padding-left: 20px;}
       .content-detail {width: 81%;margin: 0 auto}
       #hotrotuvan-div {height: auto;}

}
@media (max-width: 768px) 
{
       

       .topmenu .advgo{display: none;}
       .topmenu ul { text-align: center; padding: 2px 0 0; float: none;}
       .topmenu ul li {display: inline-block; float: none}
       .mainmenu ul#mainmenu {width: 701px; }
       .intro{width:41%; margin-left: 5px; border: 1px solid #7bbddf; background: none; height: 180px;}
       .introtext {display: none;}
       .newblock {width: auto;}
       .block {margin: 0 auto;}
       .block-add-website {width: 242px;}
       .block-add-domain {width: 246px}
       .block-add-hosting{width: 247px}
       .block-add-website h2, .block-add-domain h2, .block-add-hosting h2 {padding-right: 10px;}
       .block-add-website div, .block-add-domain div, .block-add-hosting div{padding-left: 5px;    padding-right: 15px;}
       .website_right {display: none;}
       .website_left{margin-left: 0; width: 245px;}
       .block {width: auto;}
       .block .hidden{display: block; background: url("../images/bg_website-doanh-nghiep1.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0)}
       .block .hidden div { margin-top: 5px;}
       .newblock .block-add-website ,.block-add-domain,.block-add-hosting { margin: 0px;}
       .tip{width: auto;}
       .footer-top{height: auto; padding-left: 20px;}
       ul.footer-menu {padding-left: 4px;height: auto;    width: 172px;}
       ul.footer-menu li ul li {margin-top: 3px;}
       ul.footer-menu li ul {padding-top: 5px;}
       .footer-bottom {padding-left: 7px;}
       .footer-bottom .footer-bottom-left {width: 99%;}
       .footer-bottom-right,.tag , .footer-top ul.last{display: none;}
       .content-detail {width: auto;}
        .advgo2 {display: block;}

}
@media (max-width: 600px)
{
       .topmenu ul li {padding-right: 5px;padding-bottom: 5px;}
       .intro,.mainmenu {display: none;}
       .checkdomain{margin: 0 auto; float: none;}
       .block{width: 91%;}
       .block-add-website {width: 247px;}
       .block-add-domain {width: 249px}
       .block-add-hosting{width: 249px}
       .newblock .block-add-website, .block-add-domain, .block-add-hosting {margin: 5px;}
       .website_left {margin-left: 8px;width: 250px; }
       .footer-top , .footer-top ul.last{display: block;}
       ul.footer-menu {min-height: 188px;}
       .khachhang, .khachhang-webre {float: none;margin: 0 auto 10px }
       .menu {display: block; width: 100%;text-align: center; background: url(../images/menu.png) repeat-x;}
}
@media (max-width: 480px)
{
    .newblock .block-add-website, .block-add-domain, .block-add-hosting{float: none;margin: 0 auto}
    .website_left {margin: 0 auto 5px;width: 50% }
    .website_left h2, .website_top h2, .website_bottom h2 {font-size: 12px;}
    .block{width: auto;}
     .footer-top {padding-left: 4px;}
       ul.footer-menu {min-height: 188px;width: 48.5%}
       td input {margin:2px 1px;}
       .hostmail a.pic img  {width: 85% !important}
       .reg {margin-left: 0;}
       .reg img{width: 90%}
       table.contentpaneopen table {margin: 0 !important;}
       #hotrotuvan-div{display: none;}
}
@media (max-width: 320px)
{
     .website_left { width: 250px;float: none;}
     
}
