*{box-sizing:border-box;}
a{color: #444;text-decoration:none}
html,body{margin:0;height:100%;background:#d8d8d8;font-family: 'Open Sans', Helvetica, Arial, sans-serif;color:#444}
h1{font-size:25px;margin:0;font-weight:normal}
h4{padding:15px 0;margin:0}
form{margin-top:-5px;}
input{width:200px;padding:7px;border:0;background:#f6f6f6;border:solid 1px #eee}
button{border:0;background:none;vertical-align:middle}
p{font-size:13px;line-height:21px}
#footer{clear:both;width:100%;margin-top:15px;display:inline-block;text-align:center;font-size:12px;background:#222;padding:10px;color:#fff}
#footer a{color:#eee}
#adsense{width:100%;margin-top:15px}
#first{float:left;margin-top:15px;width:380px;}
#left{float:left;margin:15px 0 0 15px;width:calc(100% - 400px)}
#dark{width:100%;height:1000%;position:absolute;top:0;left:0;bottom:0;right:0;display:none;z-index:998;background-color: rgba(0, 0, 0, 0.8);}
#time{display:none}
#blogo{width:152px;height:24px;background:url(https://www.areapoints.com/area11blue.png) center center / 152px no-repeat;margin-top:13px}
#head{position:relative;z-index:100;width:100%;height:50px;background:#fff}
#near{display:inline-block;margin-top:20px;padding-bottom:10px}
.adbox{border-radius:0 0 4px 4px;width:100%;clear:both;display:block;background:#fff;padding:10px 13px}
.adbox2{border-radius:4px 4px 0 0;width:100%;clear:both;display:block;background:#f3f3f3;padding:10px}
.adheight {width:100%;height:100px}
.box{border-radius:4px;width:100%;background:#fff;clear:both;margin-bottom:15px}
.box p,.reviewbox p{padding:15px 0;margin:0;font-weight:bold;font-size:1em}
.bot{margin-bottom:15px}
.center{width:100%;max-width:1150px;margin:auto}
.day{margin-left:40px;width:40px;display:inline-block;line-height:21px}
.fleft{float:left}
.fright{float:right}
.fullbox{padding:10px 25px;border-radius:4px;background:#fff;margin-top:15px;width:100%;display:inline-block}
.gold{color:gold}
.hour{display:inline-block}
.main{position:relative;z-index:90;width:100%;background:#2c3e50;padding:20px;font-size:25px;color:#fff;}
.map,.mapph{border-radius:4px;height:140px;width:calc(100% - 2px);margin:1px auto}
.nearn{width:33%;float:left;font-size:12px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;line-height:30px;padding:0 3px}
.none{display:none}
.pad1{padding:15px 5px}
.pics{width:32.3%;height:60px;float:left;margin:0.5%}
.picsfirst{width:100%;display:inline-block}
.pstar{font-size:25px;color:#8696a5}
.reviewbox{padding:0 15px;border-radius:4px;background:#fff;width:100%}
.rboxad{padding:10px 15px;border-radius:4px 4px 0 0;background:#485b6f;width:100%}
.review p{font-weight:normal;white-space: pre-line;float:right;margin:5px;font-size:13px;width:calc(100% - 55px);line-height:21px;padding:0}
.review{padding:10px 0 15px 0;display:inline-block;width:100%}
.review img{float:left;width:40px;height:40px}
.row{font-size:12px;padding-top:14px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.row img{vertical-align:middle;margin:0 13px;width:13px;height:13px}
.search{display:none}
.today{width:40px;display:inline-block}
.top{padding:0 13px 8px 13px;display:inline-block;margin-bottom:15px}
.user{font-size:13px;padding-left:10px}

@media screen and (max-width: 3100px) {.adheight {width:100%;height:100px}.mapph{display:none}}
@media screen and (max-width: 1100px) {.center{padding:0 10px}}
@media screen and (max-width: 1000px) {#left{width:calc(100% - 395px)}}
@media screen and (max-width: 760px) {#first,#left{width:100%;margin:0;float:none}.pics{height:80px;}.map,.bigmap{display:none}.mapph{border-radius:0;display:block}.row{font-size:14px;}#blogo{margin-left:10px}#sthis{margin-right:10px}
@media screen and (max-width: 640px) {.reviewbox{margin-top:15px}.center{padding:0}form{display:none}.search{display:block}input{width:100%;margin-bottom:8px;}button{position:absolute;top:-1000px}.nearn{width:100%;}}