@import url("../lib/webpick/webpick.8fb2e9bfbddf.css");

/* override font */
body {font-family:KaiTi,FangSong;}
html, body {height: 100%;}

/* Header */
#header {zoom:1; overflow:hidden; border-bottom: #cfcfcf solid 1px; }
#header #r1 {width: 100%; margin:0 auto; text-align:left; padding:12px 0;}
#header #r1 .c1 {float:left; vertical-align:middle;} #header #r1 .c2 {float:none;} #header #r1 .c3 {float:right;}
#header #r1 .c1 {padding-top: 0; margin-top: -6px; height: 100%}
#header #r1 .c1 img{display:block;}
#header #r1 .c2 {margin:0px auto; padding:1px 0; color:#999; text-align:center;}
#header #r1 .c2 a { text-decoration: none; color:#999; }
#header #r1 .c3 { margin-top: -6px; height: 100%; } #header #r1 .c3 p {padding:8px 10px 8px 10px; color:#f00;} #header #r1 .c3 a {color:#f00;}
#header #r1 input, #header #r1 button { height: 1.8em;line-height: 1.8em;vertical-align:middle; }
/* Content */
#content { margin: x auto; padding: 0 0; padding-bottom: 35px;}
/* Footer */
#footer { position: fixed; bottom:0px; left:0px; right: 0px; text-align: center; height: 35px; line-height: 35px; border-top: #ccc solid 1px;}


/* color & layout with space*/
#header { position: fixed; left:0; right:0; top: 0px;}
#content { position: fixed; top: 65px; bottom: 35px; left: 0px; right: 0px; overflow: auto;}
#wrapper, body {background-color: #f6f6f6;}
#header, #footer {background: inherit; border: 0px;}
.facet, .card {
    display:block; margin: .8em .4em; padding: 10px; background-color: #fff;
    border-radius: 10px;
}
#content>.container {margin-left:0.4em; margin-right: 0.4em;}


/* screen < 600px */
@media screen and (max-width: 600px) {
    body {margin: 0px;}
    #header #r1 .c2 {display:none;}
    #header {padding-bottom: .5em;}
    #content{right: 0em;}
}

.transparent {
    /* Required for IE 5, 6, 7 */
    /* ...or something to trigger hasLayout, like zoom: 1; */
    text-align:center;
    background:#000;
    color:#fff;
    /* older safari/Chrome browsers */
    -webkit-opacity: 0.1;
    /* Netscape and Older than Firefox 0.9 */
    -moz-opacity: 0.1;
    /* Safari 1.x (pre WebKit!) è€å¼khtmlå†…æ ¸çš„Safariæµè§ˆå™¨*/
    -khtml-opacity: 0.1;
    /* IE9 + etc...modern browsers */
    opacity: .1;
    /* IE 4-9 */
    filter:alpha(opacity=10);
    /*This works in IE 8 & 9 too*/
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
    /*IE4-IE9*/
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=10);
}