﻿@Charset "UTF-8";

body,td,div,input,select,option,textarea {font-family: Verdana, Arial, 'LiHei Pro', 新細明體, sans-serif;font-size: 13px;color:#606060;line-height:17px; vertical-align: middle;}
td,div,textarea {vertical-align: top;}
input,select {padding-left:3px;
}
.dimmerDisable {position: absolute; left:0; top:0;width:100%; height:100%; z-index:999;display:none;background-color:#000000;filter:alpha(opacity = 30); opacity:.30;}
#divCustomerInfo {display:none; width:250px; float:left; position:absolute; left:0; top: 0; z-index:999;}
.redborder {border: 2px solid firebrick;}
.grayborder {border: 1px solid #AAAAAA;} 

.red {color:firebrick;}
.green {color:darkolivegreen}

.section {color:#696969; font-size: 18px; line-height:24px; font-family: Verdana, Arial, 'LiHei Pro', 微軟正黑體, 新細明體, sans-serif}
.sectionSuccess {color:#696969; font-size: 21px; line-height:24px; font-family: Verdana, Arial, 'LiHei Pro', 微軟正黑體, 新細明體, sans-serif; padding:10px;}
.title {color:#585858; font-size: 17px; line-height:20px; font-family: Verdana, Arial, 'LiHei Pro', 微軟正黑體, 新細明體, sans-serif}
.text {font-size: 14px; line-height:19px; font-family: Verdana, Arial, 'LiHei Pro', 新細明體, sans-serif}
.defaulttext {font-size: 13px; line-height:17px; font-family: Verdana, Arial, 'LiHei Pro', 新細明體, sans-serif}
.smalltext {font-size: 11px; line-height:16px; font-family: Verdana, Arial, 'LiHei Pro', 新細明體, sans-serif}
.smallgraytext {color:#BBBBBB; font-size: 11px; line-height:16px; font-family: Verdana, Arial, 'LiHei Pro', 新細明體, sans-serif}
.footnotetext {font-size: 10px; line-height:14px; font-family: Verdana, Arial, 'LiHei Pro', 新細明體, sans-serif}
.chinesedefault {font-size: 13px; line-height:22px; font-family: Verdana, Arial, 'LiHei Pro', 新細明體, sans-serif}
.footnotegraytext {color:#BBBBBB; font-size: 10px; line-height:14px; font-family: Verdana, Arial, 'LiHei Pro', 新細明體, sans-serif}
.footer {font-size: 11px; line-height:16px; font-family: Verdana, Arial, 'LiHei Pro', 新細明體, sans-serif}
.footer img {vertical-align:middle;}
.questionmark { background-image:url(/images/qmark.gif); background-position:center right; padding-right:18px;cursor:pointer; background-repeat:no-repeat;}
.section td {font-size: 18px; line-height:22px; font-family: Verdana, Arial, 'LiHei Pro', 微軟正黑體, 新細明體, sans-serif}
.title td {font-size: 16px; line-height:20px; font-family: Verdana, Arial, 'LiHei Pro', 微軟正黑體, 新細明體, sans-serif}
.text td {font-size: 14px; line-height:18px; font-family: Verdana, Arial, 'LiHei Pro', 新細明體, sans-serif}
.smalltext td {font-size: 11px; line-height:16px; font-family: Verdana, Arial, 'LiHei Pro', 新細明體, sans-serif}
.smallgraytext td {color:#BBBBBB; font-size: 11px; line-height:16px; font-family: Verdana, Arial, 'LiHei Pro', 新細明體, sans-serif}
.footnotetext td {font-size: 10px; line-height:14px; font-family: Verdana, Arial, 'LiHei Pro', 新細明體, sans-serif}
.footnotegraytext td {color:#BBBBBB; font-size: 10px; line-height:14px; font-family: Verdana, Arial, 'LiHei Pro', 新細明體, sans-serif}
.chinesedefault td {font-size: 13px; line-height:22px; font-family: Verdana, Arial, 'LiHei Pro', 新細明體, sans-serif}
.packagetbl td {padding:2 15 2 15; border-bottom:1px solid #DDDDDD; border-right:1px solid #DDDDDD; font-size: 11px; line-height:16px; font-family: Verdana, Arial, 'LiHei Pro', 新細明體, sans-serif}
.packageintl td {padding:20 15 2 15; border-bottom:1px solid #E2BF2C; border-right:1px solid #E2BF2C; font-size: 14px; line-height:19px; font-family: Verdana, Arial, 'LiHei Pro', 新細明體, sans-serif} 

/*.paging {color:#AAAAAA; padding:50px; font-size:20px;}*/
.paging {color:#CC6600; padding:20px; font-size:13px;}
.paging a {color:#004B91; padding:6px;text-decoration:none; font-size:13px;}
.paging a:hover {color:#CC6600; border:1px solid #CC6600; padding:5px; text-decoration:none; font-size:13px;}
.paging a:visited {color:#004B91; text-decoration:none; border:1px solid #CC6600; font-size:10px;}
.paging span {color:#CC6600; border:1px solid #CC6600; padding:1px; padding-left:2px; padding-right:2px;}
.pagingselected {color:#CC6600; border:1px solid #CC6600; padding:1px; padding-left:2px; padding-right:2px;}

a:link {color:#666666;text-decoration:underline}
a:visited {color:maroon;text-decoration:underline}
a:hover {color:firebrick;text-decoration:underline}
a:active {color:maroon;text-decoration:underline}

a.menu0:link {color:#5C8434;text-decoration:none;font-weight:bold;}
a.menu0:visited {color:#5C8434;text-decoration:none;font-weight:bold;}
a.menu0:hover {color:#EDB313;text-decoration:none;font-weight:bold;}
a.menu0:active {color:#5C8434;text-decoration:none;font-weight:bold;}

a.menu1:link {color:#666666;text-decoration:none}
a.menu1:visited {color:#666666;text-decoration:none}
a.menu1:hover {color:firebrick;text-decoration:underline}
a.menu1:active {color:maroon;text-decoration:none}

a.menu2:link {color:#666666;text-decoration:underline}
a.menu2:visited {color:#666666;text-decoration:underline}
a.menu2:hover {color:firebrick;text-decoration:underline}
a.menu2:active {color:maroon;text-decoration:none}

a.menu3:link {color:#37618B;text-decoration:none}
a.menu3:visited {color:#37618B;text-decoration:none}
a.menu3:hover {color:firebrick;text-decoration:underline}
a.menu3:active {color:maroon;text-decoration:none}

a.menu4:link {color:#5C8434;text-decoration:underline}
a.menu4:visited {color:#5C8434;text-decoration:underline}
a.menu4:hover {color:firebrick;text-decoration:underline}
a.menu4:active {color:maroon;text-decoration:none}

a.menu5:link {color:firebrick;text-decoration:underline}
a.menu5:visited {color:firebrick;text-decoration:underline}
a.menu5:hover {color:firebrick;text-decoration:underline}
a.menu5:active {color:maroon;text-decoration:none}

a.menu6:link {color:#99CA3C;text-decoration:underline}
a.menu6:visited {color:#99CA3C;text-decoration:underline}
a.menu6:hover {color:#FFCA3C;text-decoration:underline}
a.menu6:active {color:#FFCA3C;text-decoration:none}

a.menu7:link {color:#666666;text-decoration:none;}
a.menu7:visited {color:#666666;text-decoration:none;}
a.menu7:hover {color:#000000;text-decoration:underline}
a.menu7:active {color:#000000;text-decoration:none}

a.menu8:link {color:#5d7401;text-decoration:none;}
a.menu8:visited {color:#5d7401;text-decoration:none;}
a.menu8:hover {color:#ffb400;text-decoration:underline}
a.menu8:active {color:#555555;text-decoration:none}

a.menu9:link {color:#769400;text-decoration:none;}
a.menu9:visited {color:#769400;text-decoration:none;}
a.menu9:hover {color:#E0B000;text-decoration:none;}
a.menu9:active {color:#555555;text-decoration:none}

.errorBorder{padding:10px; margin-left:4px; margin-bottom:10px; border:2px solid firebrick; background-color:#FFDCDC; color:firebrick;}
.runacross{width:930px; height:25px; background-image:url('../images/ticker_background.png'); background-repeat:no-repeat;}
.textshadow {text-shadow: 0px 1px 0px white;}
.hyperlink {text-decoration:underline; cursor:auto;}
.smallertext td {font-size: 10px; line-height:16px; font-family: Verdana, Arial, 'LiHei Pro', 新細明體, sans-serif}
/*round_border*/
.section_border_gray {border: 1px solid #999999;text-align: left;}
.section_corner_gray {height: 7px;	position: relative;	}
.section_corner_gray .top_left,
.section_corner_gray .bottom_left,
.section_corner_gray .top_right,
.section_corner_gray .bottom_right	{background-repeat: no-repeat;width: 7px;height: 7px;position: absolute;}
.section_corner_gray .top_left	{float: left;background-image: url("../images/ctl_gray.gif");left: -1px; top: -1px;	}
.section_corner_gray .top_right	{float: right; background-image: url("../images/ctr_gray.gif");	right:  -1px; top: -1px;}
.section_corner_gray .bottom_left {float: left;	background-image: url("../images/cbl_gray.gif"); left:  -1px; top:  1px;}
.section_corner_gray .bottom_right {float:  right;	background-image: url("../images/cbr_gray.gif"); right: -1px; top: 1px;	}
.section_border_red	{ border: 1px solid #E09999; text-align: left;	}
.section_corner_red	{ height: 7px; position: relative; }

.section_corner_red .top_left,
.section_corner_red .bottom_left,
.section_corner_red .top_right,
.section_corner_red .bottom_right {	background-repeat: no-repeat; width: 7px; height: 7px; position: absolute;}
.section_corner_red .top_left {	float: left; background-image: url("../images/ctl_red.gif"); left:  -1px; top: -1px;}
.section_corner_red .top_right {float: right; background-image: url("../images/ctr_red.gif"); right:  -1px;	top: -1px;	}
.section_corner_red .bottom_left {float:  left;	background-image: url("../images/cbl_red.gif");	left: -1px;	top: 1px;	}
.section_corner_red .bottom_right {	float: right;	background-image: url("../images/cbr_red.gif");	right:  -1px; top:  1px;}
.section_border_blue {border: 1px solid #8CBEE8; text-align: left;}
.section_corner_blue {height: 7px;	position: relative;	}

.section_corner_blue .top_left,
.section_corner_blue .bottom_left,
.section_corner_blue .top_right,
.section_corner_blue .bottom_right	{background-repeat: no-repeat;	width: 7px;	height: 7px; position:  absolute;}
.section_corner_blue .top_left	{float:  left;	background-image: url("../images/ctl_blue.gif"); left:  -1px; top: -1px;}
.section_corner_blue .top_right	{float:  right;	background-image: url("../images/ctr_blue.gif"); right: -1px; top: -1px;}
.section_corner_blue .bottom_left {	float: left; background-image: url("../images/cbl_blue.gif"); left: -1px; top: 1px;	}
.section_corner_blue .bottom_right	{float: right;	background-image: url("../images/cbr_blue.gif"); right: -1px; top: 1px;	}

.section_border_orange {border: 1px solid #FFC048;	text-align: left;}

.section_corner_orange {height: 7px; position: relative;}

.section_corner_orange .top_left,
.section_corner_orange .bottom_left,
.section_corner_orange .top_right,
.section_corner_orange .bottom_right {background-repeat: no-repeat;	width: 7px;	height: 7px; position: absolute;}
.section_corner_orange .top_left {float: left; background-image: url("../images/ctl_orange.gif"); left: -1px; top: -1px;}
.section_corner_orange .top_right {	float: right; background-image: url("../images/ctr_orange.gif"); right: -1px; top: -1px;}
.section_corner_orange .bottom_left	{ float: left;	background-image: url("../images/cbl_orange.gif");	left: -1px;	top: 1px;}
.section_corner_orange .bottom_right {float: right;	background-image: url("../images/cbr_orange.gif");	right: -1px; top: 1px;	}

.section_border_lightgray {border: 1px solid #C8C8C8; text-align: left;	}

.section_corner_lightgray {	height: 7px; position: relative;}

.section_corner_lightgray .top_left,
.section_corner_lightgray .bottom_left,
.section_corner_lightgray .top_right,
.section_corner_lightgray .bottom_right	{background-repeat: no-repeat;	width: 7px;	height: 7px; position: absolute;}
.section_corner_lightgray .top_left	{float: left; background-image: url("../images/ctl_lightgray.gif");	left: -1px;	top: -1px;}
.section_corner_lightgray .top_right {float:  right; background-image: url("../images/ctr_lightgray.gif");	right: -1px; top: -1px;	}
.section_corner_lightgray .bottom_left	{float: left; background-image: url("../images/cbl_lightgray.gif");	left: -1px;	top: 1px;}
.section_corner_lightgray .bottom_right	{float: right;	background-image: url("../images/cbr_lightgray.gif"); right:  -1px;	top: 1px;}
  
.generic_top_left,
.generic_bottom_left,
.generic_top_right,
.generic_bottom_right	{background-repeat: no-repeat;	width: 5px;	height: 5px;  font-size: 0px;  line-height: 0px;}
.generic_top_left	{float: left; background-image: url("../images/white_round_corner_tl.png");	}
.generic_top_right	{float: right;	background-image: url("../images/white_round_corner_tr.png");}
.generic_bottom_left {float: left;	background-image: url("../images/white_round_corner_bl.png");}
.generic_bottom_right	{float: right; background-image: url("../images/white_round_corner_br.png");}    



.tdRG
{
    border-top:1px solid lightgrey;
    border-right:1px solid lightgrey;
    border-bottom:1px solid lightgrey;
}


.nav_wrap
{
 
}

.nav_wrap ul
{
	list-style:none;
	position:relative;
	float:left;
	margin:0;
	padding:0;
    z-index :1;
}

.nav_wrap ul a
{
	display:block;
	color:#333;
	text-decoration:none;
 
	font-size:12px;
 
	padding:0px;
 
}

.nav_wrap ul li
{
	position:relative;
	float:left;
	margin:0;
	padding:0
}

.nav_wrap ul li.current-menu-item
{
	background:#ddd
}

.nav_wrap ul li:hover
{
	background:#f6f6f6
}

.nav_wrap ul ul
{
	display:none;
	position:absolute;
	top:100%;
	left:0;
	background:#fff;
	padding:0
}

.nav_wrap ul ul li
{
	float:none;
	width:200px
}

.nav_wrap ul ul a
{
	line-height:120%;
	padding:10px 15px
}

.nav_wrap ul ul ul
{
	top:0;
	left:100%
}

.nav_wrap ul li:hover > ul
{
	display:block
}

#hud_dashboard {
        background-color: #F6F6F6;
    padding: 24px 8px 20px 26px;
    border-bottom: 1px solid rgba(0,0,0,.3);
    position: relative;
    min-width: 1000px;
    overflow-y: hidden;
    height: 115px;
    text-align:left;
}
 

.hud-no-paginate {
    float: left;
    margin-left: 35px;
    padding-bottom: 35px;
      text-align:left;
}
 .hud-no-paginate a {
    text-align:left;
        text-decoration: none;
}
#hud-dashboard .label {
    font-size: 10px;
    text-transform: uppercase;
    color: #888;
    font-weight: 700;
    margin-top: 0;
    margin-bottom: 10px;
    line-height: 10px;
}
#hud-dashboard .value {
    font-size: 22px;
    line-height: 22px;
    margin: 10px 0;
    height: 22px;
}
#hud-dashboard .subtext, #hud-dashboard a {
    font-size: 12px;
    margin-top: 10px;
    margin-bottom: 0;
    line-height: 12px;
        color: #004B91;
}