@import url('https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i');
* { margin:0; padding:0;}
h1,h2,h3,h4,h5,h6{ padding:0; margin:0; font-weight:normal;}
a {text-decoration:none !important;}
a img { border:0;}
ul,ol { list-style:none;}
.hidden{ text-indent:-999em; overflow:hidden;}
hr.hide-line{ padding:0; margin:0; display:none;}
.clear{ clear:both;}
.nojavascript{ position:absolute; z-index:1; color:red; background:#fff; font:bold 12px 'Trebuchet MS',Arial,georgia, San-serif; border:2px red dashed; width:990px; top:0; left:50%; margin-left:-495px; }
input{-webkit-appearance:none;}

body{ font-family: 'Roboto', sans-serif; margin:0; padding:0; text-align: center; color:#000;position: relative;z-index: 7;margin: 0 auto;background: url('../images/eatery.jpg') no-repeat center top fixed;background-size: cover;}

.fl{float: left;}
.fr{float: right;}
.inl{display: inline-block;vertical-align: middle;}

.row{max-width: 1440px;margin: 0 auto !important;padding: 40px 20px 100px;overflow:hidden;}
.main h1{font-size: 42px;font-weight: 600;}
.main label{max-width: 14%; width: 100%;display: inline-block;vertical-align: middle;text-align: right;padding: 0 10px;}
.fldtop{padding: 20px 0;}
.fldtop input[type='text'], .fldtop select{max-width: 20%;width: 100%;vertical-align: middle;display: inline-block;padding: 5px 0;text-indent: 10px;margin: 5px 0;border:1px solid #000;border-radius: 5px;font-family: 'Roboto';font-size: 16px;color:#000;}
input[type='submit'].btn, .btn{background: #267CCE;padding: 10px 20px;border-radius: 5px;color:#fff;transition: 0.5s;font-size: 16px;border:none;}
input[type='submit'].btn:hover,.btn:hover{cursor: pointer;background: #000;color:#09f;}

.bboxs{border-radius: 20px;overflow:hidden;box-shadow: 0px 0px 10px #000;margin: 20px auto;max-width: 980px;width: 100%;border:1px solid #666;}
.wildfishBox{background: url('../images/bg.jpg') no-repeat center top;background-size: cover;padding: 20px;}
.catchThumb ,.qrcode iframe{border:10px solid #fff;}
.catchDesc{text-align: left;color:#fff;font-size: 16px;padding: 10px 20px;width: 100%;max-width: 380px;}
.catchDesc p span{display: inline-block;vertical-align: middle;max-width: 130px;width: 100%;}
.wildfishContent{background: #eee;padding: 20px;}
.wildfishContent strong{display: inline-block;vertical-align:middle;font-weight: 400;font-size: 16px;max-width: 14%;width: 100%;}
.wildfishContent input[type='text']{max-width: 85%;width: 100%;border:1px solid #000;font-family: 'Roboto';font-size: 16px;color:#000;padding: 5px 0;text-indent: 10px;border-radius: 5px;}
.wildfishBottom a{color:#000;transition: 0.5s;}
.wildfishBottom a:hover, .wildfishContent a:focus{color:#09f;}
.wildfishBottom{padding: 20px;background: #fff;}
.qrcode{position: relative;}
.qrcode .linkqr{position: absolute;width: 120px;height: 120px;display: block;transition: 0.5s;opacity: 0;}
.qrcode .linkqr:hover{opacity: 0.6;background: #075D98;}
.divider{display: inline-block;height: 20px;width: 1px;border-left: 1px solid #000;vertical-align: middle;}
.paginate span,.paginate a{display: inline-block;vertical-align: middle;padding:30px;color:#000;font-size: 24px;transition: 0.5s;vertical-align: middle;}
.paginate span.current, .paginate a:hover, .paginate a:focus{background: #09f;color:#fff;text-shadow: 0px 0px 5px rgba(0,0,0,0.6);}


#paging{display:block;margin: 0 auto;width: 100%;background: rgba(255,255,255,0.9);position: fixed;bottom: 0px;z-index: 9;box-shadow: 0px -10px 10px rgba(0,0,0,0.1);}