/*Mandarin css */

#portal-mainnavigation, #frontcontent, #frontcontent p, #portal-footer-wrapper, #portal-top, #storycontent,  .sectionteaser p, .mosaic-grid-row, div#storytext, .plone-nav, #frontsidebar, #title_first_image h2.title, .single_column_teaser p, #topstorywidefull #topstorywidefulltease p, .service_widetop_two_featured .two_featured p, .section_widetop_two_featured .two_featured p, .service_widetop_three_featured .three_featured p, .section_widetop_three_featured .three_featured p,  #commenting  {
    font-family: "Microsoft YaHei",\5FAE\8F6F\96C5\9ED1,"STHeiti",\534E\6587\9ED1\4F53,"SimSun",\5B8B\4F53,sans-serif;
}

/*========== Section ==========*/
#topstorywide {
    float: left;
    background: #003366;
    color: #FFFFFF;
    width: 622px;
    padding-top: 15px;
    padding-right: 15px;
    -moz-box-sizing:border-box;box-sizing:border-box;  /* This makes the moz box model match the IE box model, so no double coding */
}
#topstorywide img {
    float: left;
    margin-left: 15px;
    margin-right: 15px;
    margin-bottom: 15px;
}
#topstorywidetease {
    margin-left: 10px;
    margin-right: 10px;
    text-align: left;
    width: 605px;
    word-wrap: break-word;
}
#topstorywidetease h2 {
    font-size: 26px;
    margin-left: 10px;
    margin-bottom: 5px;
    padding: 0px;
    font-weight: bold;
    margin-top: 0px;
}
#topstorywidetease a {
    color: white;
    text-decoration: none;
}
#topstorywidetease p {
    font-size: 14px;
    margin-left:10px;
    margin-top: 0px;
    padding:0px;
}
#topstorywidefull #topstorywidefulltease h2 {
    font-size: 24px;
}
.benar #topstorywidefull #topstorywidefulltease h2 {
    font-size: 26px;
}
#topstorywidefull #topstorywidefulltease p {
    font-size: 15px;
}
.service_widetop_two_featured .two_featured h2 {
    font-size: 18px;
}
#morenews {
 margin-top: 15px;
 border-top: 4px solid #D7D7D7;
 padding-top: 10px;
 width: 100%;
 max-width: 622px;
 float: left;
 font-size: 13px;
}
.teaserimg {
    float: left;
    margin-right: 10px;
}
.teaserimg a {
    border: 0px;
}
.teaserimg img {
    width: 160px;
    height: 90px;
}
.single_column_teaser h2 {
    color: #003366;
    font-size: 18px;
    margin-top: 0px;
    margin-bottom: 5px;
    padding: 0px;
}
.single_column_teaser h2 a {
    text-decoration: none;
    color: #003366;
}
.single_column_teaser p, .benar .sectionteaser p {
    font-size: 14px;
}
#readbutton0 {
    background-image: url('/++theme++mandarin/readbutton0.png');
    background-repeat: no-repeat;
    background-position: left top;
    width: 150px;
    height: 33px;
}
#readbutton1 {
    background-image: url('/++theme++mandarin/readbutton1.png');
    background-repeat: no-repeat;
    background-position: left top;
    width: 150px;
    height: 33px;
}
#emailbutton0 {
    background-image: url('/++theme++mandarin/emailbutton0.png');
    width: 150px;
    height: 33px;
    left: 151px;
    top: 0
}
#emailbutton1 {
    background-image: url('/++theme++mandarin/emailbutton1.png');
    width: 150px;
    height: 33px
}
#storypagemaincol h1 {
    font-size: 27px;
}
#storycontent h1, #contentwell h1 {
    color: #003366;
    font-weight: normal;
}
/*========== Footer Logo Address==========*/
#footer-logo-address {
    background-image: url(/++theme++mandarin/footerlogoaddress.png);
}
@media only screen and (max-width: 992px) {
    #footer-logo-address {
        max-width : 980px;
        width: 100%;
    }
}
@media only screen and (max-width: 640px) {
    #footer-logo-address {
        background: url(/++theme++mandarin/footerlogoaddress640.png);
        height: 250px;
        width : 100%;
        max-width : 640px;
        background-repeat: no-repeat;
        background-size: 100%;
    }

    #aboutnav {
        visibility: visible !important;
        font-size: 18px
    }

}
/*========== Footer Logo Address END */


/*========== Story==========*/
#storypagemaincol p, #storytext, div#storytext {
    font-size: 15px;
}