@charset "utf-8";

body { background-color: #cdcdcd; margin: 0; padding: 0; }

.bg-main { background: url(images/logo-bk.jpg) left top repeat; background-size: 100% auto; padding-left: 0; }

.info { color: #373737; font-size: 15px; font-family: 新細明體, Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; font-style: normal; line-height: 140%;; }
.info-annual { color: #373737; font-size: 15px; font-family: 新細明體, Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; font-style: normal; line-height: 140%; }
.info-txt { color: #373737; font-size: 15px; font-family: 新細明體, Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; font-style: normal; line-height: 140%; padding-left:10px; padding-right:10px;  }
.title { color: #295294; font-size: 15px; font-family: 新細明體, Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; font-weight: bold; font-style: normal; line-height: 140%; padding-top: 4px; padding-bottom: 4px; }
.down-copyright { color: #373737; font-size: 15px; font-family: 新細明體, Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; font-style: normal; line-height: 140%; }
.copyright { color: #373737; font-size: 11px; font-family: 新細明體, Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; font-style: normal; line-height: 140%; padding-right: 5px; }
a:link       { color: #00f; text-decoration: none }
a:visited    { color: #00f; text-decoration: none }
a:hover     { color: #00f; text-decoration: underline; }
.title-B { color: #295294; font-size: 20px; font-family: 新細明體, Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; font-weight: bold; font-style: normal; line-height: 140%; padding-top: 0px; padding-bottom: 4px; }
.links-title { color: red; font-size: 20px; font-family: 新細明體, Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; font-weight: bold; font-style: normal; line-height: 140%; padding-top: 0; padding-bottom: 10px; }
.News-title { color: red; font-size: 18px; font-family: 新細明體, Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; font-weight: bold; font-style: normal; line-height: 140%; }

.table { border: none; }

.txt-main > table {
	  max-width: 100%; /* Add !important if needed. */
	  height: auto;    /* Add !important if needed. */
}

.txt-main table img {
	max-width: 100%;
	width: expression(this.width > 400 ? "100%" : true);
	height:auto;
}

.info > img {
	max-width: 100%;
	width: expression(this.width > 400 ? "100%" : true);
	height:auto;
}
.table-bordered { border-color: #000 !important; }
.table-bordered td { border-color: #000; }
.differentTable, .differentTable td {
   border-color: black;
}
.ad100 img { width: 100%; height: auto; }

.sidebar-nav { width: 100%; }

/* left menu 2*/
.nav-side-menu {
	font-size: 11pt;
	text-align: left;
  	overflow: auto;
	font-weight: bold;
  	/*height: 100%;*/
	min-height: 50px;
  	color: #00a;
}
.nav-side-menu .brand {
	line-height: 50px;
	display: none;
	text-align: center;
}
.nav-side-menu .toggle-btn {
  	display: none;
}
.nav-side-menu ul,
.nav-side-menu li {
	background: url(images/bg-menu-off.jpg) left top repeat-y;
	background-size: 100% auto;
  	list-style: none;
  	padding: 0px;
  	margin: 0px;
  	line-height: 35px;
  	cursor: pointer;
}
.nav-side-menu ul :not(collapsed) .arrow:before,
.nav-side-menu li :not(collapsed) .arrow:before {
	vertical-align: middle;
  	float: right;
}
.nav-side-menu ul .active,
.nav-side-menu li .active {
  /*
  border-left: 3px solid #d19b3d;
  background-color: #4f5b69;
  */
}
.nav-side-menu ul .sub-menu li.active,
.nav-side-menu li .sub-menu li.active {
  color: #00a;
}
.nav-side-menu ul .sub-menu li.active a,
.nav-side-menu li .sub-menu li.active a {
  color: #00a;
}
.nav-side-menu ul .sub-menu li,
.nav-side-menu li .sub-menu li {
	background: url(images/bg-menu-off.jpg) left top repeat-y;
	background-size: 100% auto;
	border: none;
	line-height: 28px;
	border-bottom: #FFE1B0 2px solid;
	margin-left: 0px;
}
.nav-side-menu ul .sub-menu li:hover,
.nav-side-menu li .sub-menu li:hover {
	background: url(images/bg-menu-on.jpg) left top repeat-y;
	background-size: 100% auto;
}
.nav-side-menu ul .sub-menu li:before,
.nav-side-menu li .sub-menu li:before {
	/*
  font-family: FontAwesome;
  content: "\f105";
  display: inline-block;
  padding-left: 10px;
  padding-right: 10px;
  */
  padding-left: 10px;
  padding-right: 10px;
  vertical-align: middle;
}
.nav-side-menu li {
  padding-left: 10px;
  padding-right: 10px;
  /*
  border-left: 3px solid #2e353d;
  */
  border-bottom: 2px solid #ffeac8;
}
.nav-side-menu li a {
  text-decoration: none;
  color: #00a;
}
.nav-side-menu li a i {
  padding-left: 10px;
  width: 20px;
  padding-right: 20px;
}
/*
.nav-side-menu li:hover {
  border-left: 3px solid #d19b3d;
  background-color: #4f5b69;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  -ms-transition: all 1s ease;
  transition: all 1s ease;
}
*/

.nav-side-menu ul .sub-menu li a i { margin-left: 1.5em;}

@media (max-width: 767px) {
  .nav-side-menu {
    position: relative;
    width: 100%;
    margin-bottom: 10px;
  }
  .nav-side-menu .toggle-btn {
    display: block;
    cursor: pointer;
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 10 !important;
    padding: 3px;
    background-color: #fef5e6;
	border: #f5b751 2px solid;
    color: #000;
    width: 40px;
    text-align: center;
  }
  .brand {
    text-align: left !important;
    font-size: 22px;
    padding-left: 20px;
    line-height: 50px !important;
  }
}
@media (min-width: 767px) {
	
  .nav-side-menu .menu-list .menu-content {
    display: block;
  }
}
/*-- left menu 2 -->


/* make sidebar nav vertical */ 
@media (min-width: 768px) {
	.leftmenu { padding-left: 0; }
	marquee { margin-left: 100px; width: 55%; height: 20px; }
}

@media (min-width: 900px) {
	.container { width: 900px !important; }
}
@media (max-width: 899px) {
	.container { width: 100% !important; padding: 0; }
}
@media (max-width: 767px) {
	marquee { display: none; }
}