/* Page framework basic architecture */

/*  -----------------  #ibg  ------------------ */

#ibg {
  margin: 0 auto 0 auto;
  padding: 0;
  width: 949px;
  min-height: 300px;
  background: url("images/framework.background.shadow.gif") repeat-y 0px 0px;
  }
*html #ibg { height: 300px; }

#ibg:after { content: "."; display: block; height: 0; font-size: 0em; clear: both; visibility: hidden; }


#ibgLeft {
  margin: 0;
  padding: 0;
  width: 12px;
  height: 300px;
  float: left;
  }

#ibgContent {
  width: 924px;
  min-height: 300px;
  float: left;
  background: url("images/framework.background.main.gif") repeat-y 0px 0px;
  }
*html #ibgContent { height: 300px; }
#ibgContent:after { content: "."; display: block; font-size: 0em; height: 0; clear: both; visibility: hidden; }

#ibgRight {
  margin: 0;
  padding: 0;
  width: 11px;
  height: 300px;
  float: left;
  }


/*  -----------------  #ibg #ibgContent  ------------------ */

#ibgCl {
  width: 255px;
  min-height: 300px;
  float: left;
  background: url("images/framework.background.left.jpg") no-repeat 0px 0px;
  }

#ibgCr {
  width: 669px;
  min-height: 300px;
  float: right;
  background: url("images/framework.background.right.jpg") no-repeat 0px 0px;
  }

*html #ibgCr { height: 300px; }

/*  -----------------  #ibg #ibgContent #ibgCl  ------------------ */

#ibgClTop {
  width: 255px;
  height: 115px;
  background: url("images/framework.logo.jpg") no-repeat 0px 0px;
  cursor: pointer;
  }

div.ibgClTop_Login {
  background: url("images/framework.logo.login.jpg") no-repeat 0px 0px !important;
  }

#ibgClContent {
  width: 255px;
  min-height: 710px;
  text-align: left;
  background: url("images/framework.background.nevigator.jpg") no-repeat 0px 6px;
  }

#ibgClBottom {
  width: 255px;
  height: 140px;
  margin: 0;
  padding: 0;
  text-align: left;
  }


/*  -----------------  #ibg #ibgContent #ibgCl #ibgClBottom  ------------------ */

#ibgClBottom p { }

#ibgClBottom p.taiwain {
  width: 95px;
  height: 70px;
  margin: 20px 0 0 65px;
  background: url("images/framework.image.taiwan.gif") no-repeat 0px center;
  /* border-bottom: 1px solid #C0C0C0; */
  }

#ibgClBottom p.visa {
  width: 110px;
  height: 35px;
  float: left;
  background: url("images/framework.image.visa.gif") no-repeat 70px center;
  }

#ibgClBottom p.master {
  width: 140px;
  height: 35px;
  float: right;
  background: url("images/framework.image.master.gif") no-repeat 0px center;
  }

/*  -----------------  #ibg #ibgContent #ibgCr  ------------------ */

#ibgCrTop {
  position: relative;
  width: 645px;
  height: 63px;
  padding-left: 24px;
  }

#ibgCrContent {
  width: 645px;
  min-height: 800px;
  padding-left: 24px;
  padding-top: 12px;
  background: url("images/framework.background.content.jpg") no-repeat 14px 0px;
  }

*html #ibgCrContent { min-height: 800px; }

#ibgCrBottom {
  width: auto;
  height: 40px;
  margin: 0;
  padding: 0 0 6px 0;
  }

#ibgCrContent:after {
  content: ".";
  display: block;
  font-size: 0em;
  height: 0;
  clear: both;
  visibility: hidden;
  }


/*  -----------------  #ibg #ibgContent #ibgCr #ibgCrBottom  ------------------ */

#ibgCrTop div.displayBlock {
  position: absolute;
  right: 10px;
  bottom: -15px;
  width: 300px;
  height: 20px;
  }

#ibgCrTop div.displayBlock p {
  margin: 0px;
  padding: 0px;
  text-align: right;
  }

#ibgCrTop div.displayBlock p a { color: blue; }
#ibgCrTop div.displayBlock p a:hover { text-decoration: underline; }

#ibgCrBottom { margin: 0 0 15px; }
#ibgCrBottom p { font-size: 0.7em; margin: 0 0 15px 0; padding: 10px 0 0 0; }

#ibgCrBottom p.copyright {
  width: 610px;
  height: auto;
  margin: 10px 0 0 40px;
  float: left;
  color: #666666;
  display: inline;
  }

#ibgCrBottom span.copyright {
  width: 400px;
  height: auto;
  float: left;
  }

#ibgCrBottom span.email {
  width: 400px;
  height: auto;
  float: left;
  }

#ibgCrBottom span.powerby {
  width: 200px;
  height: auto;
  margin-top: 0px;
  margin-right: 0px;
  float: right;
  color: #666666;
  display: inline;
  }

#ibgCrBottom:after {
  content: ".";
  display: block;
  font-size: 0em;
  height: 0;
  clear: both;
  visibility: hidden;
  }


div.top, div.breadcrumb, div.inner {
  background-color: #FFF;
  }
div.breadcrumb p { margin-bottom: 2px; }


/* -- Picture block -- */
div div.inner div div.inner div.imgButinContainer { width: 540px; margin: 0 0 0 20px; padding: 0px; }
div div.inner div div.inner div.imgButinContainer:after { content: "."; display: block; font-size: 0em; height: 0; clear: both; visibility: hidden; }
div div.inner div div.inner div.imgButinBlock {
  width: 162px;
  height: 150px;
  margin: 2px 6px 0 0;
  padding: 0px;
  float: left;
  display: inline;
  }

div div.inner div div.inner div.imgButinBlock div.image {
  width: auto !important;
  height: 116px !important;
  text-align: center !important;
  margin: 5px 9px 0 !important;
  padding: 0px !important; }
div div.inner div div.inner div.imgButinBlock div.image img {
  margin: 0 auto 0 auto !important;
  padding: 2px !important;
  border: 1px solid #C0C0C0 !important; }

div div.inner div div.inner div.imgButinBlock div.tail {
  width: auto !important;
  height: auto !important;
  margin: 0px !important;
  padding: 0px !important; }
div div.inner div div.inner div.imgButinBlock div.tail p.info {
  text-indent: 0px !important;
  width: auto !important;
  height: auto !important;
  margin: 0 2px !important;
  padding: 0px !important;
  font-size: 0.8em !important;
  text-align: right !important;
  }

div div.inner div div.inner div.imgButinBlock div.tail p.info span {
  margin: 0 8px 0 0 !important;
  padding: 0px !important;
  color: #004080 !important;
  font-size: 0.8em !important; }

div div.inner div div.inner div.singleImage { width: 521px; text-align: center; margin-top: 10px; margin-bottom: 3px; }
div div.inner div div.inner div.singleImage div.imgButinBlock { width: auto !important; margin: 0 auto !important; float: none !important; display: block !important; }
div div.inner div div.inner div.singleImage div.imgButinBlock div.tail p.info { margin: 0 -10px 0 2px !important; }
div div.inner div div.inner div.singleImage div.imgButinBlock div.tail p.info span { font-size: 13px !important; }