/*
* change bgImage with $image and $class
*
*/
/*
* langBg for i18n bg image changing.
*/
body#subsite .zh_HANT .header {
  background: url(/images/costa/zh_HANT/bgheader.gif) no-repeat top center; }
body#subsite .zh_HANT .content .latestnews_ss ul {
  background: url(/images/costa/zh_HANT/lastestnews_ss.gif) no-repeat top left; }
body#subsite .zh_HANT .sidemenu li.dssopt {
  background: url(/images/costa/zh_HANT/sidemenu_dssopt.gif) no-repeat bottom left; }
  body#subsite .zh_HANT .sidemenu li.dssopt:hover {
    background-position: top left; }
body#subsite .zh_HANS .header {
  background: url(/images/costa/zh_HANS/bgheader.gif) no-repeat top center; }
body#subsite .zh_HANS .content .latestnews_ss ul {
  background: url(/images/costa/zh_HANS/lastestnews_ss.gif) no-repeat top left; }
body#subsite .zh_HANS .sidemenu li.dssopt {
  background: url(/images/costa/zh_HANS/sidemenu_dssopt.gif) no-repeat bottom left; }
  body#subsite .zh_HANS .sidemenu li.dssopt:hover {
    background-position: top left; }
body#subsite .pt .header {
  background: url(/images/costa/pt/bgheader.gif) no-repeat top center; }
body#subsite .pt .content .latestnews_ss ul {
  background: url(/images/costa/pt/lastestnews_ss.gif) no-repeat top left; }
body#subsite .pt .sidemenu li.dssopt {
  background: url(/images/costa/pt/sidemenu_dssopt.gif) no-repeat bottom left; }
  body#subsite .pt .sidemenu li.dssopt:hover {
    background-position: top left; }
body#subsite .en .header {
  background: url(/images/costa/en/bgheader.gif) no-repeat top center; }
body#subsite .en .content .latestnews_ss ul {
  background: url(/images/costa/en/lastestnews_ss.gif) no-repeat top left; }
body#subsite .en .sidemenu li.dssopt {
  background: url(/images/costa/en/sidemenu_dssopt.gif) no-repeat bottom left; }
  body#subsite .en .sidemenu li.dssopt:hover {
    background-position: top left; }
body#subsite .namebar {
  background: url(/images/sinfong/bgnamebar.gif) #0d4490 no-repeat top left;
  height: 30px; }
  body#subsite .namebar div.sitename {
    padding: 6px 25px 0px 45px;
    color: #FFF;
    font-weight: bold;
    font-size: 13px; }
  body#subsite .namebar div.fontsizeicon {
    background: url(/images/sinfong/bgnamebar2.gif) no-repeat top right;
    padding: 6px 10px 0px 0px;
    color: #FFF;
    font-size: 11px;
    height: 24px; }
    body#subsite .namebar div.fontsizeicon a img {
      margin: 0px 2px 0px 2px;
      border: none; }
body#subsite #subsite_content {
  background: url("/images/sinfong/bgpage.gif") no-repeat bottom right; }
  body#subsite #subsite_content .sinfonglogin {
    margin: 12px 0px 0px 0px; }
  body#subsite #subsite_content .content .subsite_show {
    width: 680px; }
  body#subsite #subsite_content ol.faq_list {
    color: #006fbf;
    font-weight: bold;
    font-size: 13px;
    list-style: none;
    margin: 15px 0px 0px 0px;
    padding: 0px; }
    body#subsite #subsite_content ol.faq_list li {
      margin: 0px 0px 16px 0px; }
      body#subsite #subsite_content ol.faq_list li span.date {
        font-weight: 100;
        color: #666;
        display: block;
        font-size: 12px;
        line-height: 12px; }
      body#subsite #subsite_content ol.faq_list li .insidebox {
        font-weight: 100;
        color: #333;
        margin: 3px 15px 0px 0px; }
  body#subsite #subsite_content .contactus {
    margin: 10px 0px 0px 0px;
    padding: 8px 15px;
    font-size: 15px;
    text-align: center;
    border: 1px solid #ccc; }
  body#subsite #subsite_content ul.sinfongreport {
    list-style: none;
    margin: 0px;
    padding: 0px; }
    body#subsite #subsite_content ul.sinfongreport li a {
      display: block;
      font-size: 13px;
      color: #006fbf;
      font-weight: bold;
      font-size: 13px;
      padding: 4px 10px;
      border: 1px #ccc solid;
      margin: 10px 0px 0px 0px; }
      body#subsite #subsite_content ul.sinfongreport li a:hover {
        background: #006fbf;
        color: #FFF; }
body#subsite .sidemenu {
  background: url(/images/sinfong/bgmenu.gif) no-repeat bottom left;
  height: 800px;
  overflow: hidden;
  /*lv 1*/
  /*lv 2 or higher */ }
  body#subsite .sidemenu ul, body#subsite .sidemenu ul li {
    margin: 0px;
    padding: 0px;
    list-style: none;
    list-style-type: none; }
  body#subsite .sidemenu li.lv1 a, body#subsite .sidemenu li.lv1 span, body#subsite .sidemenu li.home a, body#subsite .sidemenu li.home span {
    text-align: right;
    display: block;
    width: 202px;
    color: #333;
    text-decoration: none;
    font-weight: bold;
    padding: 10px 10px 10px 0px;
    outline: 0; }
  body#subsite .sidemenu li.lv1:hover, body#subsite .sidemenu li.lv1.current_node, body#subsite .sidemenu li.home:hover, body#subsite .sidemenu li.home.current_node {
    background: url(/images/costa/sidemenu_bgover.gif) no-repeat bottom left;
    color: #813C12; }
  body#subsite .sidemenu li.lv1 ul, body#subsite .sidemenu li.home ul {
    display: none; }
  body#subsite .sidemenu li.lv1 li {
    background-color: #ff962a;
    float: none;
    display: block;
    width: 222px;
    border-bottom: #FFF 1px dotted;
    font-weight: 100; }
    body#subsite .sidemenu li.lv1 li a, body#subsite .sidemenu li.lv1 li span {
      padding: 4px 0px 4px 0px;
      font-weight: 100;
      color: #000; }
    body#subsite .sidemenu li.lv1 li:hover, body#subsite .sidemenu li.lv1 li.current_node {
      background-image: none;
      background-color: #ffd6ab;
      color: #b54900; }
body#subsite .bgdiv {
  width: 100%;
  background: url(/images/sinfong/bgsite.jpg) top center repeat-x; }