@import "../main.css";

/* layout: total */
.wrapper{max-width:68.625em;max-width:77.125em;max-width:100%;padding:0;margin:0 auto 5px;overflow:hidden;min-height:700px;content: "";max-width:none;z-index:1;min-height:450px; margin:0}
/*.containter{margin:0px auto;max-width:1230px;max-width:1003px;padding: 0 30px;clear:both;}*/
.home_body{margin:0px auto;min-height:580px;padding:0;background:url(../../images/city/bg_mb01.jpg) no-repeat 50% -175% #fff;/*background-size:cover;*/} 
.main_body{min-height:668px;/*border:none;padding:0 0 10px 0;width:100%;overflow:hidden;margin: 0 auto;clear:both;float: none;*/}
.containter_width {margin:0 auto;max-width:82%;padding:0 9%;max-width:72%;padding:0 14%;clear:both;}

/* layout: header */
h1.logo a{}

/* layout: topnav begin */
.topnav_dropdown li a{color:#2966B6; padding:5px 0px 5px 3px; display:inline-block; font-size:0.95em;font-family: "Segoe UI", "Helvetica Neue", Arial, sans-serif;  line-height:16px; width:100%; text-indent:1px;margin:0;}
.topnav_dropdown li a:hover{color:#B6292B; color:#fff; padding:5px 0px 5px 3px; background:#0062a1; text-decoration:none;}
/* layout: topnav end */

/* layout: banner homepage */
.banner{height:249px; margin:0 auto;padding:60px 0 0; text-align:center;position:relative;}
.bannerpic{
    position:absolute; 
    left:2%;
    width:470px; 
    height:280px; 
    background:url(../../images/city/pc-pad.png) no-repeat 50% 50%;
    background-size: cover;
    content: "";
    max-width: none;
    -o-background-size: 100% 100%;  
    -webkit-background-size: 100% 100%;  
    background-size: 100% 100%;  
    -moz-background-size: 100% 100%;
    background-repeat:no-repeat\9;  
    background-image:none\9;  
    -moz-border-image: url(../../images/city/pc-pad.png) 0;  
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../images/city/pc-pad.png', sizingMethod='scale')\9; 
}
.bannerfont{position:absolute;left:51%;top:66px; width:420px;height:auto;min-height:250px;margin:0px 0 0 0px;background-size: cover;content: "";max-width: none;}
.bannerfont_Margate{background:url(../../images/city/bannerfont_Margate.png) no-repeat 0% 50%;}
.bannerh2{font-size:3em;line-height:0.85em;font-weight:bold;text-shadow:0px 1px 2px #fff !important;text-shadow:0px 2px 8px #fff !important;color:#111;margin:0 0 10px; text-align:left;}
.bannerh3{font-size:1.5em;line-height:1.5em;text-shadow:0px 1px 2px #fff;color:#111;margin:15px 0; text-align:left;}
.block{margin:0 auto;max-width:100%;padding: 0; height:200px; clear:both; background:#fff;}
.block01,.block02,.block03{ 
    float:left;
    width:33.1%; 
    height:200px; 
    border:1px solid #fff; border-bottom:0;
    background-size: cover;
    border-top:2px solid #fff;
    background:url(../../images/city/block01-2.jpg) no-repeat 0% 50%;
    content: "";
    max-width: none; 
    position:relative;
    -o-background-size: cover;  
    -webkit-background-size: cover;  
    background-size: 100% 100%;  
    -moz-background-size: cover;
    background-repeat:no-repeat\9;  
    background-image:none\9;  
    -moz-border-image: url(../../images/city/block01-2.jpg) 0;  
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../images/city/block01-2.jpg', sizingMethod='scale')\9;  
    z-index:1;
}
.block02{
    background-image:url(../../images/city/block02-3.jpg);
    -moz-border-image: url(../../images/city/block02-3.jpg) 0;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../images/city/block02-3.jpg', sizingMethod='scale')\9;
}
.block03{
    background-image:url(../../images/city/block03-2.jpg);
    -moz-border-image: url(../../images/city/block03-2.jpg) 0;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../images/city/block03-2.jpg', sizingMethod='scale')\9;
}
.block01 a.blockbg,.block02 a.blockbg,.block03 a.blockbg{width:100%;height:38px;background:#295389;position:absolute; bottom:0%; opacity:0.7; -moz-opacity:0.7; filter:alpha(opacity=70); line-height:11em;z-index:0;}
.block01 a.blockbg{background:#92885f; background:#fa9f49;}
.block02 a.blockbg{background:#5c96b9; background:#76badb;background:#557329}
.block03 a.blockbg{background:#788cae; background:#a93a41;}

.block01 .blockfont a,.block02 .blockfont a,.block03 .blockfont a{ display:inline-block; width:100%; font-weight:bold; color:#fff;text-align:center;font-size:30px;line-height:2.6em;text-shadow:1px 2px 2px #000; margin:0 auto;z-index:9999;position:absolute; top:68%;}
.blockfont a:hover{ text-decoration:none;}

.block .block01 a.bookicon span{display:none;display:block;font-size:0.3em;font-weight:bold;margin-top:-10px;line-height:100%;width:92%; padding:0 4%;}
.block .block01 a.bookicon{ background:url('../../Images/city/c_c.png') no-repeat;text-decoration:none;display:block; text-indent:17px;line-height:140%;width: 125px;height: 125px;position: absolute;text-align: center;top: 12%; z-index:1;padding-top:6px}
.block .block01 a.listview{top:12%;left:8%;text-indent:4px;}
.block .block01 a.bookview{top:12%;left:37% ;text-indent:4px;line-height:155%}
.block .block01 a.update  {top:12%;left:66%;text-indent:6px;}

.block .block02 a.bookicon span{display:none;display:block;font-size:0.3em;font-weight:bold;margin-top:-10px;line-height:100%;width:92%; padding:0 4%;}
.block .block02 a.bookicon{background:url('../../Images/city/c_c.png') no-repeat;text-decoration:none;display:block; text-indent:17px;line-height:140%;width: 125px;height: 125px;position: absolute;text-align: center;top: 12%; z-index:1;padding-top:6px}
.block .block02 a.listview{top:17%;left:7%;left:4%;text-indent:4px;}
.block .block02 a.searchcase{top:17%;left:35%;text-indent:4px;line-height:155%}
.block .block02 a.submit  {top:17%;left:66%;text-indent:6px;}
.block .block02 { position:relative; }
.block .block02 .title { position:absolute;left:0px;top:3px;display:block;width:200px; height:40px; background:url(/images/icon_enforcement.png) no-repeat left center }
.fa-4x { font-size:3.5em !important }

/*.rulehome_h1 a.notice_next, .ListView_h1 a.notice_next {padding:0px 9px;background:url("../images/pref.png") no-repeat scroll 6px -22px transparent;}*/
.ListView_h2{font:700 1.125em/23px Georgia,"Times New Roman",Arial,verdana;color:#333;float:left;margin:30px 0px 0;margin:15px 0 0px 0;width:100%; font-variant: small-caps !important; border-bottom:2px solid #666; text-indent:0px; }
.ListView_h3{font:700 1.125em/23px Georgia,"Times New Roman",Arial,verdana;color:#333;float:left;margin:30px 0px 0;margin:15px 0 0px 0;width:100%; font-variant: small-caps !important; border-bottom:2px solid #666; text-indent:15px; }
.ListView_h4{font:100 1.125em/23px Georgia,"Times New Roman",Arial,verdana;color:#333;float:left; margin:10px 0px 0;margin:15px 0 5px 0; }
.icon_bookviewpdf
a.pdf {display: inline-block; width: 22px; height: 22px; background: url(../../images/blue_mode.png) no-repeat 0px -78px; text-indent: -999px; }
.mycontent{border:0px solid #ccc;padding:0 5px;float:left;width:93%;font-family:Arial,verdana;}
.mycontent p{ line-height:1.5em;}
.mycontent td{ padding:10px 0;}


@media ( max-width:414px) {
    .block .block01 a.listview, .block .block02 a.listview {    left: 13%; }
    .block .block01 a.bookview, .block .block02 a.searchcase{  left: 42%; }
    .block .block01 a.update, .block .block02 a.submit{  left: 66%; }
   
}
@media (max-width: 991px) and (min-width:768px) {
     .block .block01 a.listview, .block .block02 a.listview {    left: 13%; }
    .block .block01 a.bookview, .block .block02 a.searchcase{  left: 39%; }
    .block .block01 a.update, .block .block02 a.submit{  left: 66%; }
}