@charset "utf-8";
/**
 * Stylesheet for Component Navigation Menus
 *
 * @Author: IWei Tang
 * @Revision: 1.0-20080707
 */
/* Navigation Menu Layout */
table.component_nav {
  width: 191px;
  border: none;
}

/* Navigation Menu Title */
table.component_nav thead {
  height: 55px;
  width: 191px;
  padding: 0px 0px 0px 0px;
}

table.component_nav thead th.login_form {
  float: left;
  height: 135px;
  text-align: center;
  vertical-align: top;
  padding: 10px 0px 0px 0px;
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
}

table.component_nav thead th.login_form .header {
  float: left;
  width: 156px;
  text-align: left;
  vertical-align: top;
  padding: 5px 0px 5px 35px;
  font-family: "新細明體";
	font-size: 15px;
	font-weight: bold;
  color: #666666;
}

table.component_nav thead th.login_form .header span.english {
  padding: 5px 0px 5px 5px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
  color: #666666;
  border: none;
}


table.component_nav thead th.login_form .login_field {
  float: left;
  width: 191px;
  height: 20px;
  padding: 0px 0px 0px 0px;
}

table.component_nav thead th.login_form label {
  float: left;
  width: 50px;
  height: 15px;
  padding: 2px 5px 2px 13px;
  text-align: right;
  vertical-align: middle;
  font-family: "新細明體";
	font-size: 13px;
	font-weight: normal;
  color: #666666;
  border: none;
}

table.component_nav thead th.login_form input {
  float: left;
  width: 96px;
  height: 15px;
  padding: 1px 1px 1px 1px;
  vertical-align: middle;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #999999;
  border: 1px solid #999999;
}

table.component_nav thead th.login_form .login_apply {
  float: left;
  width: 75px;
  height: 15px;
  padding: 2px 5px 0px 33px;
  text-align: left;
  vertical-align: middle;
  border: none;
}

table.component_nav thead th.login_form .login_apply a {
  font-family: "新細明體";
	font-size: 13px;
	font-weight: normal;
	text-decoration: none;
  color: #97bfe5;
  border: none;
}

table.component_nav thead th.login_form .login_apply a:hover {
  color: #8da6bf;
  border: none;
}

table.component_nav thead th.login_form .login_forgot {
  float: left;
  width: 75px;
  height: 15px;
  padding: 2px 5px 5px 33px;
  text-align: left;
  vertical-align: middle;
  border: none;
}

table.component_nav thead th.login_form .login_forgot a {
  font-family: "新細明體";
	font-size: 13px;
	font-weight: normal;
	text-decoration: none;
  color: #ffa7a2;
  border: none;
}

table.component_nav thead th.login_form .login_forgot a:hover {
  color: #d49793;
  border: none;
}

table.component_nav thead th.login_form .points_products {
  float: left;
  width: 95px;
  height: 15px;
  padding: 2px 5px 5px 33px;
  text-align: left;
  vertical-align: middle;
  border: none;
}

table.component_nav thead th.login_form .points_products a {
  font-family: "新細明體";
	font-size: 13px;
	font-weight: normal;
	text-decoration: none;
  color: #ffa7a2;
  border: none;
}

table.component_nav thead th.login_form .points_products a:hover {
  color: #d49793;
  border: none;
}

table.component_nav thead th.login_form .login_button {
  float: right;
  width: 65px;
  height: 30px;
  padding: 2px 8px 2px 5px;
  text-align: right;
  vertical-align: middle;
  font-family: "新細明體";
	font-size: 15px;
	font-weight: normal;
  color: #757575;
}

table.component_nav thead th.login_form .login_button input {
  width: 50px;
  height: 30px;
}

table.component_nav thead th.logout_form {
  float: left;
  height: 170px;
  text-align: left;
  vertical-align: top;
  padding: 10px 0px 0px 0px;
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
}

table.component_nav thead th.logout_form .header {
  float: left;
  width: 156px;
  text-align: left;
  vertical-align: middle;
  padding: 5px 0px 5px 35px;
  font-family: "新細明體";
	font-size: 15px;
	font-weight: bold;
  color: #666666;
}

table.component_nav thead th.logout_form .header span.english {
  padding: 5px 0px 5px 5px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
  color: #666666;
  border: none;
}

table.component_nav thead th.logout_form .logout_field {
  float: left;
  width: 191px;
  height: 15px;
  padding: 0px 0px 0px 0px;
}

table.component_nav thead th.logout_form div.logout_message {
  float: left;
  width: 125px;
  height: 70px;
  margin: 0px 5px 0px 17px;
  padding: 2px 5px 5px 0px;
  text-align: left;
  vertical-align: top;
  font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
  color: #666666;
  border: none;
  background: #ffffff url(../images/common/dotted_line.jpg) repeat-x bottom left;
}

table.component_nav thead th.logout_form div.logout_buttons {
  float: left;
  width: 180px;
  height: 40px;
  padding: 10px 5px 2px 34px;
  text-align: left;
  vertical-align: top;
  font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
  color: #666666;
  border: none;
}

table.component_nav thead th.logout_form .member_link {
  float: left;
  width: 75px;
  height: 15px;
  padding: 7px 5px 0px 0px;
  text-align: left;
  vertical-align: top;
  border: none;
}

table.component_nav thead th.logout_form .member_link a {
  font-family: "新細明體";
	font-size: 13px;
	font-weight: normal;
	text-decoration: none;
  color: #97bfe5;
  border: none;
}

table.component_nav thead th.logout_form .member_link a:hover {
  color: #8da6bf;
  border: none;
}

table.component_nav thead th.logout_form .points_products {
  float: left;
  width: 95px;
  height: 15px;
  padding: 10px 5px 0px 0px;
  text-align: left;
  vertical-align: middle;
  border: none;
}

table.component_nav thead th.logout_form .points_products a {
  font-family: "新細明體";
	font-size: 13px;
	font-weight: normal;
	text-decoration: none;
  color: #ffa7a2;
  border: none;
}

table.component_nav thead th.logout_form .points_products a:hover {
  color: #d49793;
  border: none;
}

table.component_nav thead th.logout_form .logout_button {
  float: left;
  width: 75px;
  height: 15px;
  padding: 6px 5px 2px 0px;
  text-align: left;
  vertical-align: top;
  border: none;
}

table.component_nav thead th.logout_form .logout_button a {
  padding: 3px 10px 3px 10px;
  text-align: left;
  vertical-align: middle;
  font-family: "新細明體";
	font-size: 13px;
	font-weight: normal;
  color: #de63aa;
  background: #f5d2e6;
  border: none;
  border: 1px solid #de63aa;
}

table.component_nav thead th.logout_form .logout_button a:hover {
	color: #666666;
  background: #cccccc;
}

table.component_nav thead th.login_form .points_products img, table.component_nav thead th.logout_form .points_products img {
  padding: 0px 0px 0px 7px;
  border: none;
}

table.component_nav thead th.nav_title {
  background: url(../images/component_nav/component_title.jpg) no-repeat;
}

table.component_nav thead th div {
  float: left;
  padding: 8px 28px 9px 10px;
  border: none;
}

/* Navigation Menu Items */
table.component_nav tbody td.nav_item {
  width: 191px;
  height: 51px;
}

table.component_nav tbody td.nav_item a {
  float: right;
  display: block;
  width: 191px;
  height: 51px;
  line-height: 51px;
  color: #666666;
  text-decoration: none;
  background: #ffffff;
}

table.component_nav tbody td.nav_item a:hover {
  background: url(../images/component_nav/item_over.jpg) no-repeat
}

table.component_nav tbody td.nav_item_text {
  float: right;
  width: 191px;
  height: 51px;
  text-indent: 26px;
  line-height: 51px;
  font-family: "儷黑 Pro", Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
  color: #666666;
}

table.component_nav tbody td.nav_item_text .zh-TW {
	padding: 10px 0px 0px 0px;
	line-height: 15.5px;
}

table.component_nav tbody td.nav_item_text .en {
  padding: 0px 0px 10px 0px;
  line-height: 15.5px;
	font-size: 11px;
}

table.component_nav tbody td.nav_item_text a {
  float: right;
  display: block;
  width: 191px;
  height: 51px;
  text-decoration: none;
  background: #ffffff;
}

table.component_nav tbody td.nav_item_text a:hover {
  color: #666666;
  background: url(../images/component_nav/item_over.jpg) no-repeat
}

/* Item Separator */
table.component_nav tbody td.nav_dotted {
  height: 1px;
  width: 191px;
  background: url(../images/common/dotted_line.jpg) repeat-x;
}