/*
description:
*/

/* charset */
@charset "utf-8";
@import "common.css";

#wrap{
/*    margin-top: 150px; */
    margin-top: 190px;
}

/*header
------------------------------------------------------------------------------*/
.fixedHeader{
    width: 1000px;
    margin: 0px auto;
    z-index:9999;
    top: 0;
    left: 0;
}

.logo{
    position:absolute !important;
    margin-top: 10px;
}

#headerWrap{
    margin-top: 0px;
    position: fixed;
    left: auto;
    right: auto;
    top: 0;
    background-color: #ffffff;
}
/*
------------------------------------------------------------------------------*/


.sideInfo,.sideEvent{
    width:100%;
    margin: 0px auto 20px auto;
}

.sideInfo h2{
    font-size: 114.3%;
    /* font-size:114.3%; */
    padding:10px 5px;
    color:#ffffff;
    background-color:#1786ce;
}

.sideEvent dl{
    /* font-size:85.7%px; */
    font-size:85.7%;
    padding:10px 0px 0px 0px;
    line-height:1.5em;
}

.sideEvent dt{
    margin-top:10px;
    color:#338caa;
}
.sideEvent dt:firchild{border:none;}

.sideEvent dd{
    margin-bottom:10px;
    border-bottom:1px dotted #bcbcbc;
}

a.sideInfoList{
    color:#1786ce;
    /* font-size: 85.7%; */
    font-size:85.7%;
    padding: 2px 5px;
    float:right;
    display:inline-block;
    background-color:#ffffff;
}

a.sideInfoList:hover{
    color:#ffffff;
    background-color:#1786ce;
    border:1px solid #ffffff;
}


.sideInfoList dl{
    padding:5px;
}


a.sideInfoList i,
a.sideEventList i{
    margin-left:5px;
}

.sideEvent h2{
    font-size:114.3%;
    font-weight: bold;
    padding: 10px 0px;
    background-position:bottom;
    background-repeat:no-repeat;
    background-image:url("/static/images/global/img_sideTitle.jpg");

}

.sideEventArticleTitle a{
    font-weight: 100;
    word-break: break-all;
}

a.sideEventList{
    font-weight: normal;
    color:#1786ce;
    font-size: 85.7%;
    padding: 2px 5px;
    float:right;
}

.sideEventTopicsArticle{
    margin: 10px 0px;
    padding: 0px 0px 10px 0px;
    border-bottom: 1px dotted #bbb;
}

.sideEventArticleTitle{
    width:100%;
    display: block;
    /* clear: both; */
    /* font-size: 14px; */
    font-size: 100%;
}

.sideEventArticleDate{
    font-size:85.7%px;
    display: inline;
}

.sideEventTopicsImage{overflow: hidden;width: 80px;height: 53px;float: right;margin: 0px 10px 0px 0px;}
.sideEventTopicsImage img{
    width: 80px;
    height: auto;
    margin-bottom: 5px;
}

.sideTag{
    color:#ffffff;
    line-height:1.2em;
    display: table-cell;
    vertical-align: middle;
    text-align:center;
    margin: 1px;
    width: 60px;
    height: 60px;
    font-size:85.7%px;
}

.sideTag span{
    display:block;
}

.ie-out{background-color: #666;}
.ie1-8{background-color: #036db7;}
.ie9-11{background-color: #f00012;}
.eh{background-color:#e9bb03;}
.im{background-color: #009843;}

.sideTag_exhibition{
    display:inline-block;
    font-size:85.7%px;
    color:#ffffff;
    width:125px;
    height:27px;
    padding-left: 10px;
    padding-top: 5px;
    background-repeat:no-repeat;
    background-image:url("/static/images/global/img_exhibition.jpg");
    text-align:center;
}

.sideTag_learnedSociety{
    display:inline-block;
    font-size:85.7%px;
    color:#ffffff;
    width:125px;
    height:27px;
    padding-left: 10px;
    padding-top: 5px;
    background-repeat:no-repeat;
    background-image: url("/static/images/global/img_learnedSociety.jpg");
    text-align:center;
}

.sideTag_event{
    display:inline-block;
    font-size: 15px;
    color: #87C6FF;
    width:125px;
    height:27px;
    padding-left: 10px;
    padding-top: 5px;
    background-repeat:no-repeat;
    text-align:center;
}

.sideTag_exsale{
    display:inline-block;
    font-size:85.7%px;
    color:#ffffff;
    width:125px;
    height:27px;
    padding-left: 10px;
    padding-top: 5px;
    background-repeat:no-repeat;
    background-image: url("/static/images/global/img_exsale.jpg");
    text-align:center;
}

.sideTag_concert{
    display:inline-block;
    font-size:85.7%px;
    color:#ffffff;
    width:125px;
    height:27px;
    padding-left: 10px;
    padding-top: 5px;
    background-repeat:no-repeat;
    background-image:url("/static/images/global/img_concert.jpg");
    text-align:center;
}

.sideTag_etc{
    display:inline-block;
    font-size:85.7%px;
    color:#ffffff;
    width:125px;
    height:27px;
    padding-left: 10px;
    padding-top: 5px;
    background-repeat:no-repeat;
    background-image:url("/static/images/global/img_etc.jpg");
    text-align:center;
}

.sideEventText{
    display: block;
    /* float: left; */
    /* width: 128px; */
}

.eventTopicsImage{
    float: right;
    width: 130px;
    height: 102px;
}

.eventTopicsCaption{
    font-size: 85.7%;
  font-weight: normal;
  margin-left: 10px;
}

.sideTag_event{
    text-align: left;
    vertical-align: middle;
    width: 90px;
    height: 21px;
    margin: 5px 0px;
    line-height: 16px;
}
.sideTag_learnedSociety{
    text-align: left;
    width: 90px;
    height: 20px;
    margin: 5px 0px;
    background-color: #F9A1AB;
    line-height: 16px;
    background-image: none;
}

.sideTag_exsale{
    text-align: left;
    width: 90px;
    height: 20px;
    margin: 5px 0px;
    background-color: #F37EE7;
    background-image: none;
    line-height: 16px;
}

.sideTag_concert{
    width: 90px;
    height: 20px;
    margin: 5px 0px;
    background-color: #EFA066;
    background-image: none;
}

.sideTag_etc{
    display:inline-block;
    font-size:85.7%px;
    color:#ffffff;
    width: 90px;
    height: 20px;
    margin: 5px 0px;
    padding-left: 10px;
    padding-top: 5px;
    background-color: #9C9C9C;
    background-image: none;
    text-align:center;
}

#sideScroll{
    float: right;
    width:240px;
}

a.tips{
    position:relative;
    z-index: auto !important;
}

a.tips span.tipsimg {
    display: none;
    position: relative;
    z-index: 9999;
    padding: 5px;
    margin: 10px;
}

.tipsimg img{
    position: relative;
    z-index: 99999;
}

a.tips:hover span.tipsimg{
    display: inline;
    position: absolute;
    top: 27px;
    z-index: 99999 !important;
    left: 0;
    border-radius: 5px;
    line-height: 0px;
}

.arrow{
    display:none;
    position: absolute;
    top: 7px;
    left: 22px;
}
a.tips:hover .arrow{
    display:block;
}

.tag_ie-out .tipsimg{
    background-color:rgba(50,50,50,0.4);
}
.tag_ie-out .arrow{
    border-top: 15px solid transparent;
    border-right: 25px solid transparent;
    border-bottom: 15px solid rgba(50,50,50,0.4);
    border-left: 25px solid transparent;
}

.tag_ie1-8 .tipsimg{
    background-color:rgba(157,199,242,0.4);
}
.tag_ie1-8 .arrow{
    border-top: 15px solid transparent;
    border-right: 25px solid transparent;
    border-bottom: 15px solid rgba(157,199,242,0.4);
    border-left: 25px solid transparent;
}


.tag_ie9-11 .tipsimg{
    background-color:rgba(240,138,146,0.4);
}
.tag_ie9-11 .arrow{
    border-top: 15px solid transparent;
    border-right: 25px solid transparent;
    border-bottom: 15px solid rgba(240,138,146,0.4);
    border-left: 25px solid transparent;
}


.tag_ie-out .tipsimg{
    background-color:rgba(50,50,50,0.4);
}
.tag_ie-out .arrow{
    border-top: 15px solid transparent;
    border-right: 25px solid transparent;
    border-bottom: 15px solid rgba(50,50,50,0.4);
    border-left: 25px solid transparent;
}


.tag_eh .tipsimg{
    background-color:rgba(233,215,142,0.4);
}
.tag_eh .arrow{
    border-top: 15px solid transparent;
    border-right: 25px solid transparent;
    border-bottom: 15px solid rgba(233,215,142,0.4);
    border-left: 25px solid transparent;
}


.tag_im .tipsimg{
    background-color:rgba(0,152,67,0.4);
}
.tag_im .arrow{
    border-top: 15px solid transparent;
    border-right: 25px solid transparent;
    border-bottom: 15px solid rgba(0,152,67,0.4);
    border-left: 25px solid transparent;
}

a.tips2{
    z-index: auto !important;
}

a.tips2 span.tipsimg {
    display: none;
    padding: 5px;
    margin: 10px;
}

a.tips2:hover span.tipsimg{
    display: inline;
    position: absolute;
    top: 37px;
    left: 0px;
    z-index: 99999 !important;
    border-radius: 5px;
    line-height: 0px;
}

a.tips2:hover .arrow{
    top: 17px;
    display:block;
    z-index: 9999;
}

.newCityGuideSide a {
    display: block;
}

@media print{
  #headerWrap { position: absolute; }
}