9*{margin:0;padding:0;border:0;outline:none;}

@viewport{ width:device-width;}
@-ms-viewport{width:devide-width;} /* for microsoft device */
@-o-viewport{width:devide-width;} /* for old opera device */
/* 320px-480px */
@media only screen and (max-width:580px)
{ 
h1, h1 a { font-size:41px; line-height:36px;}
#headbg {width:100%; position:relative; margin:0 auto; bottom:0; }  
#menu {width:80%; margin:0 auto; float:none; clear:both; margin-bottom:12px;}
.logo{width:126px; margin:0 auto; float:none; position:relative; margin-bottom:20px;}
#head {background:none; box-shadow:none;}
#footer, .col1, .lead {width:96%; height:auto; margin:0 auto; float:none; }
.footer-co, .footer-col,  .brbg{width:80%; margin:0 auto; float:none;  margin-bottom:10px; clear:both;}
.brand {width:40%; margin:0 auto; float:none;  margin-bottom:10px; clear:both;}
.reserve, .deatil, .video {width:96%; margin:0 auto; float:none;  margin-bottom:20px; clear:both;}
#content, #contentt, .mbg, .value, .index, #atr-title, #atrtx {width:90%; margin:0 auto; float:none; border:none;}
.hotel-name, .text, .area {width:90%; margin:0 auto; float:none;}
.ld {width:90%; float:none; clear:both; margin-bottom:8%;}
.leadtx { width:96%; margin:0 auto; float:none;}
.lead { margin-bottom:22px !important; width:80%; margin:0 auto; float:none; }
}
@media only screen and (min-width:581px) and (max-width:767px)
{
h1, h1 a { font-size:41px; line-height:36px;}
#headbg {width:100%; position:relative; margin:0 auto; bottom:0; }  
#menu {width:80%; margin:0 auto; float:none; clear:both; margin-bottom:12px;}
.logo{width:126px; margin:0 auto; float:none; position:relative; margin-bottom:20px;}
#head {background:none; box-shadow:none;}
#footer, .col1 {width:96%; height:auto; margin:0 auto; float:none; }
.footer-co, .footer-col,  .brbg{width:80%; margin:0 auto; float:none;  margin-bottom:10px; clear:both;}
.brand {width:40%; margin:0 auto; float:none;  margin-bottom:10px; clear:both;}
.deatil {float:left; width:44%; margin:5px 5px;}
.leadtx { float:right; width:64%;}
#content, #contentt, .mbg, .value, .index, #atr-title, #atrtx {width:92%; margin:0 auto; float:none; border:none;}
.hotel-name, .text, .area {width:90%; margin:0 auto; float:none;}

}
@media only screen and (min-width:768px) and (max-width:1024px)
{
#content {width:80%; margin:0 auto;}
#head, .imenu, #top, .last, .amt   {width:96%; margin:0 auto; float:none; clear:both;}
.video, .footer-col {width:60%;  float:left; }
.footer-co {width:36%;  float:left;  }

.brand { width:86%; float:none; margin:0 auto; }
.ld{ width:90%; float:none; clear:both; margin-bottom:4%;}

}