@charset "utf-8";

input:-webkit-autofill, input[type="text"]:focus, input[type="password"]:focus {
    -webkit-box-shadow: 0 0 0px 1000px #fff inset;
    background: #fff;
}

#dvBanner1 {
	height: 120px;
	margin: 0;
	border: 0;
	background-position: center center;
	background-repeat: no-repeat;
}
#dvBanner3 {
	height: 120px;
	margin: 15px 0 0;
	border: 0;
	background-position: center center;
	background-repeat: no-repeat;
}
.login_l input {
	margin: 2px 0;
}
.login_l table {
	width: 100%;
	margin: 0 auto;
}
.login_l table td {
	vertical-align: middle;
}
.login_l a span {
	text-decoration: underline;
}
.login_l ul {
	list-style-type: disc;
	margin: 15px 0;
	padding: 0 0 0 40px;
}
.login_r {
	overflow:hidden;
}
/* Search表格 */
.table_title {
	background-image: url(/images/bg/Title_bg.gif);
	background-position: 50% top;
	border-bottom: 1px solid #4489ae;
	font-size: 15px;
	line-height: 25px;
	text-align: center;
	font-weight: 700;
	background-color: #bfdfff;
	padding: 1px;
	color: #1d4b6d;
	top: 0;
	left: 0;
}
.table_title span {
	font-size: inherit;
}
.table_title_purple {
	background-image: url(/images/bg/Title_bg_purple.gif);
	background-position: 50% top;
	border-bottom: 1px solid #7C068C;
	font-size: 15px;
	line-height: 25px;
	text-align: center;
	font-weight: 700;
	background-color: #926aaf;
	padding: 1px;
	color: #572f6c;
	top: 0;
	left: 0;
}
.table_outline_purple {
	top: 0;
	border: 1px solid #926aaf;
	margin: 15px auto;
	padding: 3px;
	background-color: #fff;
}
.table_title_dialog {
	border-bottom: 1px solid #4489ae;
	font-size: 15px;
	line-height: 25px;
	text-align: center;
	font-weight: 700;
	background-color: #2e64fc;
	padding: 1px;
	color: #fff;
	top: 0;
	left: 0;
}
.table_outline .table_title_dialog {
	padding: 5px 2px;
	line-height: 25px;
}

.table_title_dialog span {
	font-size: inherit;
}
.table_outline {
	margin: 3px auto;
	padding: 2px;
	border: 1px solid #699db6;
	background-color: #fff;
	border-collapse: separate;
}
.table_outline td {
	padding: 0 2px 4px;
}
.table_outline .table_Item_R {
	padding: 0 4px 4px 2px;
}
.table_outline .table_Item_L {
	padding: 0 2px 4px 4px;
}
.table_outline img {
	margin: 0 0 0 3px;
}
.table_outline textarea {
	margin: 4px 0;
}
.table_exchange {
	width: 350px;
	margin: 2px 0;
	padding: 2px;
	top: 0;
	border: 1px solid #699db6;
	background-color: #fff;
	border-collapse: separate;
}
.table_exchange .table_Item_R {
	padding: 0 6px 0 0;
	text-align: right;
	border-left: 1px solid #fff;
}
.table_exchange .table_Item_L {
	padding: 0 0 0 6px;
	text-align: left;
	border-right: 1px solid #fff;
}
.Subtable_outline {
	margin: 0;
	border: 1px solid #c2d8e2;
	table-layout: fixed;
}
.table_text {
	font-size: 12px;
	line-height: 26px;
	color: #000;
	vertical-align: text-top;
}
.table_outline_100weith {
	text-align: center;
	color: #000;
	background-color: #fff;
	top: 0;
	border: 1px solid #666;
	width: 100%;
}
.table_search {
	font-size: 15px;
	line-height: 25px;
	text-align: right;
	color: #000;
	background-color: #fff;
	width: 21%;
}
.table_search2 {
	font-size: 15px;
	line-height: 26px;
	text-align: left;
	color: #000;
	border-bottom-width: 1px;
	vertical-align: middle;
	background-color: #fff;
}
/* 表格 */	
.table_bg {
	background-color: #eefbfd;
}
.table_subject {
	vertical-align:middle;
	font-size: 13px;
	font-weight: 700;
	text-align:center;
	color: #222888;
	background-color: #c2e3f4;
	border-top: 1px solid #b8d0dd;
	border-bottom: 2px solid #99bdce;
	line-height: 20px;
	background-image: url(/images/bg/blue_table_title_bg.gif);
	background-repeat: repeat-x;
	background-position: 1px center;
	white-space: nowrap;
	overflow: hidden;
}
.blue_title {
	font-size: 15px;
	text-decoration: underline;
	line-height: 25px;
	color: #0047db;
	margin-top: 20px;
}
.table_foot {
	font-size: 13px;
	font-weight: normal;
	line-height: 25px;
	text-align: center;
	color: #3582a8;
	background-color: #c2e3f4;
	border: 1px solid #b8d0dd;
	background-image: url(/images/bg/blue_table_title_bg.gif);
	background-repeat: repeat-x;
	background-position: -5px;
	vertical-align: middle;
}
.table_selected {
	background-color: #69f;
	color: #fff;
}
.table_selected_pd0 {
	background-color: #69f;
	color: #fff;
}
.table_selected_pd1 {
	background-color: #fff;
	color: #000;
}
.table_subtitle {
	font-size: 12px;
	color: #0655ca;
	font-weight: 700;
}
.form_subtitle {
	font-size: 12px;
	color: #fff;
	font-weight: 700;
	text-align:center;
	background-color: #4261cc;
	border: #a3bfeb 1px solid;
	line-height: 24px;
}
.table_text1, .table_text2 {
	overflow: hidden;
	white-space: nowrap;
	padding: 2px 0 2px 10px;
	vertical-align: middle;
	text-indent: 3px;
	color: #000;
	background-color: #fff;
	background-image: url(/images/bg/blue_table_cell_bg.gif);
	background-repeat: repeat-y;
	background-position: left;
	border: 1px #e0edfa;
	border-style: none none solid none;
}
.table_text3 {
	line-height: 20px;
	text-align: left;
	color: #000;
	border-top-style: none;
	background-color: #fff;
	border-right-style: solid;
	border-left-style: none;
	border-bottom: 1px solid #e0f1f9;
	border-right-width: 1px;
	border-right-color: #e0f1f9;
	padding: 2px 2px 2px 5px;
}
.table_text4 {
	font-size: 14px;
	line-height: 24px;
	text-align: left;
	color: #000;
	border-top-style: none;
	vertical-align: middle;
	background-color: #d6d7fc;
	border-right-style: solid;
	border-left-style: none;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #e0edfa;
	border-right-width: 1px;
	border-right-color: #e0edfa;
	padding: 2px 10px;
}
.table_text5 {
	font-size: 14px;
	text-align: left;
	color: #000;
	border-top-style: none;
	padding-left: 0;
	vertical-align: middle;
	background-color: #fff;
	border-bottom: 1px solid #b4d3f2;
	padding-left:10px;
	padding-top: 2px;
	padding-bottom: 2px;
	background-image: url(/images/bg/blue_table_cell_bg_5.gif);
	background-repeat: repeat-y;
	background-position: left;
	text-indent: 3px;
}
.table_text6 {
	font-size: 14px;
	text-align: left;
	color: #000;
	border-top-style: none;
	padding-left: 0;
	vertical-align: middle;
	background-color: #fff;
	border-bottom: 1px solid #73ade7;
	padding-left: 10px;
	padding-top: 2px;
	padding-bottom: 2px;
	background-image: url(/images/bg/blue_table_cell_bg_6.gif);
	background-repeat: repeat-y;
	background-position: left;
	text-indent: 3px;
}
.table_text7 {
	font-size: 14px;
	text-align: left;
	color: #000;
	border-top-style: none;
	padding-left: 0;
	vertical-align: middle;
	background-color: #fff;
	border-bottom: 1px solid #3287dc;
	padding-left: 10px;
	padding-top: 2px;
	padding-bottom: 2px;
	background-image: url(/images/bg/blue_table_cell_bg_7.gif);
	background-repeat: repeat-y;
	background-position: left;
	text-indent: 3px;
}
.table_subject_mid {
	font-weight: 700;
	line-height: 25px;
	text-align: center;
	color: #222888;
	background-color: #c2e3f4;
	border-right: 1px solid #b8d0dd;
	border-top: 1px solid #b8d0dd;
	border-left: 1px solid #b8d0dd;
	background-image: url(/images/bg/blue_table_title_bg.gif);
	background-repeat: repeat-x;
	background-position: center;
	height: 30px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #99bdce;
}
.table_Item {
	font-size: 14px;
	line-height: 20px;
	text-align: right;
	color: #000;
	border-top-style: none;
	vertical-align: middle;
	background-color: #fff;
	border-right-style: solid;
	border-left-style: none;
	border-bottom: 1px solid #e0f1f9;
	border-right-width: 1px;
	border-right-color: #e0f1f9;
	padding: 2px 2px 2px 10px;
}
.table_Item2 {
	font-size: 14px;
	line-height: 20px;
	text-align: right;
	color: #000;
	border-top-style: solid;
	vertical-align: middle;
	background-color: #e7f7fe;
	border-right-style: solid;
	border-left-style: solid;
	border-right-width: 1px;
	border-right-color: #fff;
	padding: 2px 5px 2px 10px;
	border-top-width: 1px;
	border-bottom-width: 2px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-top-color: #f7fbfd;
	border-bottom-color: #e0f1f9;
	border-left-color: #e0f1f9;
}
.table_Item3 {
	font-size: 14px;
	line-height: 20px;
	text-align: right;
	color: #000;
	border-top-style: none;
	background-color: #fff;
	border-right-style: solid;
	border-left-style: none;
	border-bottom: 1px solid #e0f1f9;
	border-right-width: 1px;
	border-right-color: #e0f1f9;
	padding: 2px 5px 2px 2px;
}
.table_Item4 {
	font-size: 14px;
	line-height: 24px;
	text-align: right;
	color: #000;
	border-top-style: none;
	vertical-align: top;
	background-color: #d6d7fc;
	border-right-style: solid;
	border-left-style: none;
	border-bottom: 1px solid #e0f1f9;
	border-right-width: 1px;
	border-right-color: #badff1;
	padding: 2px 2px 2px 10px;
	font-weight: 700;
}
.table_Item5 {
	font-size: 14px;
	line-height: 20px;
	text-align: right;
	color: #000;
	border-top-style: none;
	background-color: #e7f7fe;
	border-right-style: none;
	border-left-style: none;
	border-bottom: 1px solid #b4d3f2;
	padding: 2px 5px 2px 10px;
}
.table_Item6 {
	font-size: 14px;
	line-height: 20px;
	text-align: right;
	color: #000;
	border-top-style: none;
	background-color: #e7f7fe;
	border-right-style: none;
	border-left-style: none;
	border-bottom: 1px solid #73ade7;
	padding: 2px 5px 2px 10px;
}
.table_Item7 {
	font-size: 14px;
	line-height: 20px;
	text-align: right;
	color: #000;
	border-top-style: none;
	background-color: #e7f7fe;
	border-right-style: none;
	border-left-style: none;
	border-bottom: 1px solid #3287dc;
	padding: 2px 5px 2px 10px;
}
/* 重寫 */
.table_highlight {
	font-size: 14px;
	line-height: 26px;
	color: #000;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #fff;
	padding-left: 10px;
	vertical-align: middle;
	background-color: #fbdbed;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #fff;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #b1e4de;
	border-left-color: #b1e4de;
	text-align:left;
}
/*子表格選取 */	
.Subtable_selected {
	font-size: 14px;
	line-height: 26px;
	color: #fff;
	padding-left: 10px;
	vertical-align: middle;
	background-color: #5c9fd6;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #9edaaa;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #fff;
}
/* 淺紅色子表格 */	
.sub_red_table_subject {
	font-size: 14px;
	font-weight: 700;
	line-height: 25px;
	color: #000;
	background-color: #f3d6d3;
	border-right-width: 1px;
	border-right-style: solid;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #fdf5f5;
	border-right-color: #d8b8ba;
	padding-left: 10px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #fdf5f5;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #fdf5f5;
}
.Sub_red_table_text1 {
	font-size: 14px;
	line-height: 26px;
	color: #333;
	padding-left: 10px;
	vertical-align: middle;
	background-color: #fbf8f9;
	border-width: 0 1px 1px;
	border-style: solid;
	border-right-color: #e7bebb;
	border-left-color: #fcf7f6;
	border-bottom-color: #e7bebb;
}
.Sub_red_table_text2 {
	font-size: 14px;
	line-height: 26px;
	color: #333;
	padding-left: 10px;
	vertical-align: middle;
	background-color: #f6eeed;
	border-width: 0 1px 1px;
	border-style:solid;
	border-right-color: #e7bebb;
	border-left-color: #fcfafa;
	border-bottom-color: #e7bebb;
}
/* 淺黃綠色子表格 */	
.sub_paleblue_table_subject {
	font-size: 14px;
	font-weight: 700;
	line-height: 25px;
	color: #333;
	border-right-width: 1px;
	border-right-style: solid;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #b0d1e6;
	border-right-color: #ddebf4;
	padding-left: 10px;
	background-color: #d3e0f5;
}
.Sub_paleblue_table_text1 {
	font-size: 14px;
	line-height: 26px;
	color: #333;
	padding-left: 10px;
	vertical-align: middle;
	background-color: #fff;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #e8f3ff;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #e8f3ff;
}
.Sub_paleblue_table_text2 {
	font-size: 14px;
	line-height: 26px;
	color: #333;
	padding-left: 10px;
	vertical-align: middle;
	background-color: #def3e2;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #9edaaa;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #f1faf2;
}
/* 藍色子表格 */	
.Sub_blue_table_subject {
	font-size: 14px;
	font-family: Tahoma;
	font-weight: 700;
	text-align:center;
	line-height: 25px;
	color: #1d4b6d;
	background-color: #bfdfff;
	border-right-width: 1px;
	border-right-style: solid;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #b8d0dd;
	border-right-color: #99bdce;
	padding-left: 10px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #b8d0dd;
}
.Sub_blue_table_text1 {
	font-size: 14px;
	line-height: 26px;
	color: #000;
	padding-left: 10px;
	vertical-align: middle;
	background-color: #eff3fb;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #99bdce;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #b8d0dd;
	font-family: Tahoma;
}
.Sub_blue_table_text2 {
	font-size: 14px;
	line-height: 26px;
	color: #000;
	padding-left: 10px;
	vertical-align: middle;
	background-color: #fff;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #99bdce;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #b8d0dd;
	font-family: Tahoma;
}
.textfield_insert {
	background-color: #ffc;
	font-size: 15px;
}
/* 工具列 */
.tool_bar_top {
	font-weight: 700;
	text-align:left;
	color: #000;
	background-color: #cde;
	padding-left: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #8fb5da;
}
.tool_bar_top_outline {
	background-color: #fff;
	top: 0;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #6992be;
}
.tool_bar {
	color: #000;
	padding-left: 8px;
	background-color: #e8f3ff;
	background-image: url(/Images/bg/tool_bar_bg.gif);
	background-repeat: repeat-x;
	height: 50px;
	padding-bottom: 5px;
	vertical-align: middle;
	font-size: 11px;
	padding-right: 8px;
	background-position: bottom;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #fff;
}
.tool_bar_left {
	background-image: url(/images/bg/tool_bar_left.gif);
	background-repeat: no-repeat;
	height: 34px;
	vertical-align: text-bottom;
	width: 17px;
}
.tool_bar_right {
	background-image: url(/images/bg/tool_bar_right.gif);
	background-repeat: no-repeat;
	height: 34px;
	vertical-align: text-bottom;
	width: 17px;
}
.tool_bar_mid {
	background-image: url(/images/bg/tool_bar_mid.gif);
	background-repeat: repeat-x;
	height: 34px;
	vertical-align: middle;
	font-size: 11px;
}
.tool_bar_text {
	color: #2c6552;
	vertical-align: middle;
	font-size: 12px;
	font-weight: normal;
}
/* Color*/
.White {
	background-color: #fff;
}
.Blue {
	color: #1065ba;
}
.purple {
	color: #93c;
}
/* Color*/

/*上下頁　Btn*/
.btnFstPage {
	background-color: #acdfda;
	height: 20px;
	width: 20px;
	background-image: url(/Images/buttons/btn_page_first.gif);
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	cursor: pointer;
	margin: 3px;
	font-size: xx-small;
	color: #165897;
}
.btnPrePage {
	background-color: #acdfda;
	height: 20px;
	width: 20px;
	background-image: url(/Images/buttons/btn_page_prev.gif);
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	cursor:pointer;
	margin: 3px;
	font-size: xx-small;
	color: #165897;
}
.btnNextPage {
	background-color: #acdfda;
	height: 20px;
	width: 20px;
	background-image: url(/Images/buttons/btn_page_next.gif);
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	cursor:pointer;
	margin: 3px;
	font-size: xx-small;
	color: #165897;
}
.btnLastPage {
	background-color: #acdfda;
	height: 20px;
	width: 22px;
	background-image: url(/Images/buttons/btn_page_final.gif);
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	cursor:pointer;
	margin: 3px;
	font-size: xx-small;
	color: #165897;
}
.btnRefresh {
	height: 23px;
	width: 20px;
	background-image: url(/Images/buttons/btn_refresh.gif);
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	cursor:pointer;
	margin: 3px;
	font-size: xx-small;
	color: #fff;
}
/* Grid中的record功能 */	
.record {
	width: 150px;
	float: right;
	clear: both;
}
/* Iconbar */	

.iconbar_bg {
	zoom: 1;
	background-image: url(/Images/bg/iconbar_bg1.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	height: 34px;
	border-top: 1px solid #96a4b4;
	border-left: 1px solid #cbf1fe;
	clear: both;
	padding: 0 20px;
	display: inline;
	width: 100%;
	text-align: left;
	vertical-align: middle;
}
.iconbar_bg li {
	text-align: center;
	vertical-align: bottom;
	display: inline;
}
.iconbar_sep {
	width: 3px;
	border-left: 3px double #719498;
	height: 25px;
	background: #000;
	margin: 0 2px 3px;
}
;
.iconbar_bg li input {
	margin: 3px 6px 4px 9px;
	cursor: pointer;
}
/* 放大縮小視窗 */
.DialogMin {
	height: 19px;
	width: 21px;
	background-image: url(/Images/buttons/DialogMin.gif);
	cursor: pointer;
	border: 1px solid #75787e;
	background-repeat: no-repeat;
	background-position: left top;
	background-color: #fff;
	margin: 3px;
	color: #d7dde5;
}
.DialogMax {
	height: 19px;
	width: 21px;
	background-image: url(/Images/buttons/DialogMax.gif);
	cursor: pointer;
	border: 1px solid #75787e;
	background-repeat: no-repeat;
	background-position: left top;
	background-color: #fff;
	margin: 3px;
	color: #d7dde5;
}
/*↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓Calendar工程師日誌↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓*/
.Bg_Blue_title {
	background-image: url(/Images/bg//Title_bg.gif);
	margin: 0;
	padding: 0;
	height: 30px;
}
.weekdate_Green_table {
	font-size: 13px;
	color: #000;
	background-color: #acdfda;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #34877e;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #34877e;
	font-weight: 700;
}
.text_date {
	font-size: 11px;
	font-weight: 700;
	vertical-align: top;
	margin: 1px;
	height: 30px;
}
.Bg_light_Blue_bar {
	background-image: url(/Images/bg/cal_bar_1.gif);
	vertical-align: middle;
	font-size: 12px;
	color: #3f5a91;
	padding-left: 5px;
	padding-right: 5px;
}
/*↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓子頁面畫面呈現↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓*/
	
.table_line {
	background-image: url(Images/bg/line.gif);
	background-repeat: repeat-x;
	height: 3px;
}
.table_bar {
	background-color: #7dadd5;
	background-image: url(/Images/bg/blue_table_bar_bg.gif);
	background-repeat: repeat-x;
	font-weight: 700;
	padding-left: 10px;
	text-align: left;
	vertical-align: super;
	height: 30px;
}
.label_icon_Selected {
	background-image: url(/Images/bg/IconLabel_Selected_bg.gif);
	text-align: center;
	height: 33px;
	width: 39px;
	padding-top: 4px;
}
.label_icon_NoneSelected {
	background-image: url(/Images/bg/IconLabel_bg.gif);
	text-align: center;
	height: 33px;
	width: 39px;
	padding-top: 4px;
}
.Green_table_field_white {
	font-size: 12px;
	line-height: 30px;
	text-align: left;
	color: #000;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #fff;
	padding-left: 10px;
	background-color: #fff;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #fff;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #b1e4de;
	border-left-color: #b1e4de;
	padding-top: 2px;
	padding-bottom: 3px;
	padding-right: 10px;
}
.bluelight_table_bg {
	background-color: #eefbfd;
	padding-top: 20px;
	padding-bottom: 10px;
}
.blue_deeper_table_bg {
	background-color: #fbfdff;
	padding: 10px;
	border: 1px solid #999;
}
.blue_table_bar {
	background-color: #bbe5f6;
	background-image: url(../Images/bg/blue_table_bar_bg.gif);
	background-repeat: repeat-x;
	font-family: Tahoma;
	font-weight: 700;
	padding-left: 10px;
	text-align: left;
	vertical-align: super;
	height: 30px;
}
.Green_deeper_table_bg {
	background-color: #d1f3ea;
	padding: 10px;
}
.Green_table_bar {
	background-color: #addecf;
	background-image: url(../Images/bg/green_table_bar_bg.gif);
	background-repeat: repeat-x;
	font-family: Tahoma;
	font-weight: 700;
	padding-left: 10px;
	text-align: left;
	vertical-align: super;
	height: 30px;
}
.Sub_green_table_subject {
	font-size: 12px;
	line-height: 14px;
	color: #000;
	padding-left: 12px;
	vertical-align: text-bottom;
	background-image: url(Images/bg/frame_mid_top.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	font-weight: 700;
}
.Sub_green_table_field {
	padding-top: 10px;
	background-color: #c5e1e7;
	padding-bottom: 10px;
}
.mask {
	background-color: #000;
	filter: Alpha(opacity=35);
	height: 100%;
	z-index: 1;
	clear: both;
}
.pop_message_body {
	z-index: 2;
	margin: 0 auto;
	top: 30%;
	width: 100%;
	position: absolute;
}
.pop_message_title {
	font-size: 13px;
	font-weight: 700;
	line-height: 25px;
	text-align:center;
	background-color: #acdfb2;
	border-right: 1px solid #67c57a;
	border-top: 1px solid #d8efdc;
	border-left: 1px solid #d8efdc;
	padding: 5px;
}
.pop_message_text {
	font-size: 12px;
	line-height: 26px;
	color: #000;
	padding: 20px 50px;
	background-color: #f1faf3;
	border-right: 1px solid #9edaaa;
	border-left: 1px solid #fff;
	font-family: Tahoma;
	text-align: left;
}
.pop_message_btn_section {
	padding: 10px;
	background-color: #def3e2;
	text-align: center;
	border-right: 1px solid #9edaaa;
	border-left: 1px solid #f1faf2;
}
.pop_message_btn_green {
	font-size: 12px;
	line-height: 18px;
	color: #000;
	background-image: url(Images/buttons/click_palegreen.gif);
	background-color: #b6e595;
	background-position:center center;
	height: 24px;
	margin-right: 3px;
	cursor: default;
	border: 1px solid #79aa66;
	margin-left: 3px;
}
/* 聯絡我們 */	
.answer_num {
	float: right;
	margin: 2px 5px 5px;
}
.answer_name {
	float: left;
	margin: 2px 5px;
	font-weight: 700;
}
.guest_content {
	clear: both;
	text-align: left;
	padding: 5px 25px;
	background-color: #e9f3ff;
	border: 1px solid #9cc0f2;
	margin: 0 5px 10px;
}
.answer_date {
	float: right;
	margin: 2px 5px;
}
.guest_title {
	height: 24px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #98c2f2;
	border-right-color: #98c2f2;
	border-left-color: #98c2f2;
	background-color: #daebff;
	margin: 0 5px;
}
.naip_title {
	height: 24px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #d0a8ef;
	border-right-color: #d0a8ef;
	border-left-color: #d0a8ef;
	background-color: #f4e8fe;
	margin: 0 5px;
}
.naip_content {
	clear: both;
	text-align: left;
	padding: 5px 25px 5px 25px;
	background-color: #f7f1fd;
	border: 1px solid #cfaaed;
	margin: 0 5px 10px;
}
legend span {
	font-size: 12px;
	font-weight: 700;
	color: #06f;
	/*background-color:#c5e1e7;*/
	background-color: Transparent;
	padding: 0 3px;
}
legend .reset {
	font-size: inherit;
	font-weight: inherit;
	color: inherit;
	background-color: inherit;
}
.menu_active {
	color: #4100fa;
	background-image: url(/images/member/top_btn_purple_c_.gif);
	background-repeat: no-repeat;
	height: 23px;
	font-size: 12px;
	line-height: 25px;
	padding: 0 3px;
	border: 1px solid #baa6e3;
	margin: 0 5px;
}
.notice_textarea {
	border: 1px solid #a9c2d0;
	background-color: #fff;
	line-height: 24px;
	padding: 10px;
}
.notice_textarea ol {
	margin: 0;
}
.notice_textarea li {
	margin: 0 0 0 2em;
}
.indication_text {
	font-size: 11px;
	line-height: 20px;
	color: #707070;
}
.indication_text_B {
	font-size: 12px;
	line-height: 24px;
	color: #707070;
	font-weight: 700;
	white-space: normal;
}
.container_area {
	font-size: 14px;
	background-image: url(/images/member/area_bg.jpg);
	background-color: #ddeffc;
	background-position: right;
	background-repeat: repeat-y;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #f0f8fd;
	border-bottom-color: #f0f8fd;
	padding-top: 10px;
	padding-bottom: 10px;
}
.container_outline {
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #b8d0dc;
	border-bottom-color: #d0e0e8;
	margin-bottom: 10px;
}
.titlebar {
	color: #036;
	background-image: url(/images/member/titlebar_bg.gif);
	background-repeat: repeat-x;
	background-position: left top;
	text-align: left;
	font-weight: 700;
	height: 27px;
	width: 100%;
	padding-left: 30px;
	line-height: 26px;
	font-size: 13px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #b8d0dc;
	vertical-align: baseline;
}
.table_Item_R table {
	float: right;
}
.table_bg {
	border: 2px solid #fff;
	background-color: #dceefb;
}
.note_gray {
	font-size: 11px;
	font-weight: normal;
	color: #666;
	margin: 5px 2px 2px;
}
.en-US .login .note_gray {
	display: block;
	font-size: 12px;
}
.en-US .login .note_gray {
	margin: 0 70px;
}
.input_text_blue {
	border: 1px solid #7697a8;
	color: #000;
	background-color: #fff;
	font-size: 12px;
	vertical-align: middle;
	height: 20px;
}
.popwindow_title {
	font-size: 15px;
	line-height: 25px;
	text-align: center;
	font-weight: 700;
	color: #000;
	background-color: #bfdfff;
}
#link table A:link, #link table A:visited, #link table A:active, #link table A:hover {
	color: #039;
	font-size:12px;
	text-decoration: underline;
}
/* Home 頁籤  l代表左邊, c代表中間, r代表右邊 */
.top_btn_blue_l {
	background-image: url(images/member/top_btn_bule_l.gif);
	background-repeat: no-repeat;
	height: 25px;
	width: 5px;
	background-position: left top;
}
.top_btn_blue_c {
	color: #4100fa;
	background-image: url(images/member/top_btn_purple_c.gif);
	background-repeat: no-repeat;
	height:  23px;
	font-size: 12px;
	line-height: 25px;
	padding: 0 3px;
	margin: 0 5px;
}
.top_btn_blue_r {
	background-image: url(images/member/top_btn_bule_r.gif);
	height:  25px;
	width: 6px;
	background-position: right top;
}
/* 未選擇的頁籤  l代表左邊, c代表中間, r代表右邊 */	
.top_btn_gray_l {
	background-image: url(images/member/top_btn_gray_l.gif);
	background-repeat: no-repeat;
	height: 25px;
	width: 6px;
	background-position: 1px top;
}
.top_btn_gray_c {
	background-image: url(images/member/top_btn_gray_c.gif);
	background-repeat: repeat-x;
	background-position: top;
	height: 25px;
	padding-right: 1px;
	padding-left: 1px;
}
.top_btn_gray_r {
	background-image: url(images/member/top_btn_gray_r.gif);
	height: 25px;
	width: 6px;
	background-position: right top;
}
.blue_table_content {
	padding-top: 4px;
	padding-bottom: 4px;
	padding-top: 3px;
	padding-bottom: 3px;
}
.unauthorized {
	background-image: url(/images/Status_Code/unauthorized.jpg);
	background-repeat: no-repeat;
	background-color: #fff;
	padding: 80px 0 200px 170px;
	border: 1px solid #ccc;
}
.unauthorized div {
	font-size: 13px;
	text-align: left;
}
/* EC首頁 */
.ec_index {
	font-size: 13px;
	background-image: url(/Images/member/ec_index.jpg);
	background-position: right top;
	background-repeat: no-repeat;
	margin: 0;
	height: 60px;
	border-top: 1px solid #666;
	border-bottom: 1px solid #666;
	text-align: left;
	padding-left: 20px;
	line-height: 22px;
	color: #fff;
	background-color: #69b5ef;
}
#ec_banner {
	width: 130px;
	float: right;
	margin-top: 20px;
	margin-right: 0;
	margin-bottom: 165px;
	margin-left: 0;
}
#ec_banner img {
	margin-bottom: 3px;
}
#todolist {
    border: 1px solid #b7b8f4;
    text-align: left;
    padding: 4px 8px;
    margin: 20px 12px 10px 0;
    background-color: #dceefb;
    width: auto;
    *width: 97%;
    _width: 100%;
}
.todolist-header {
	font-weight: 700;
	font-size: 18px;
	position: relative;
	padding: 0 3px 6px;
	margin: -14px 0 0 -3px;
	background: #dceefb;
	display: inline-block;
	*display: inline;
	*zoom: 1;
}

.todolist_title {
	color: #0e407b;
	font-weight: 700;
}
#ec_index_news {
	margin: 0px 10px;
}
#ec_leftside {
	margin-right: 135px;
}
.flow {
    background-repeat: no-repeat;
    font-weight: 700;
    padding-top: 3px;
    float: left;
}
.flow_active {
	width: 101px;
	height: 26px;
	background-image: url(/images/flow/flow_active.png);
	color: #00f;
}
.flow_not_active {
	width: 101px;
	height: 26px;
	background-image: url(/images/flow/flow.png);
	color: #fff;
}
.flow_arrow {
	width: 25px;
	height: 25px;
	background-image: url(/images/flow/flow_arrow.png);
	background-repeat: no-repeat;
	color: #fff;
	float: left;
}
.flow_succ {
	width: 107px;
	height: 36px;
	background-image: url(/images/flow/flow_succ.png);
	color: #00f;
}
.flow_fail {
	width: 107px;
	height: 36px;
	background-image: url(/images/flow/flow_fail.png);
	color: #00f;
}
.GridCmd {
    cursor: pointer;
    color: #222888;
    background-color: #fff;
    text-decoration: none;
    border : 1px solid #222888;
    text-indent: 0;
    text-align: center;
    font-weight: 600;
    vertical-align: middle;
    margin: 1px;
    padding : 1px;
    height: 14px;
}
.GridCmd_hover {
    cursor: pointer;
    color: #fff;
    background-color: #222888;
    text-decoration: none;
    border : 1px solid #fff;
    text-indent: 0;
    text-align: center;
    font-weight: 600;
    vertical-align: middle;
    margin: 1px;
    padding : 1px;
    height: 14px;
}


input.GridCmd {
    height: auto;
    padding : 1px 5px;
}

input.GridCmd:hover {
    height: auto;
    color: #fff;
    padding : 1px 5px;
    background-color: #222888;
    border : 1px solid #222888;
}



/* 2013/06/19 Ben Wu Textbox 浮水印 */
.WatermarkText {
	color: #808080;
}
/*------------------------------
	NPCNews theme 開始
------------------------------*/

#news_title {
	border: 2px solid #fff;
	text-align: left;
	padding: 10px 3px 0;
	height: 20px;
	background-image: url(/Images/member/new_area.jpg);
	vertical-align: text-bottom;
}
#news_area {
	background-color: #e6e6e6;
	border: 1px solid #ccc;
	margin-top 5px;
	width: 99%;
}
.news_text {
	font-size: 14px;
	margin: 0 5px 0 0;
	padding: 4px 0 3px 6px;
	color: #000;
	list-style: circle;
	text-align: left;
	line-height: 22px;
}
.news_text_PVIGO {
	font-size: 18px;
}
.news_text_big {
	font-size: 13px;
	margin: 0 5px 0 2px;
	color: #a95330;
	list-style: circle;
	text-align: left;
	line-height: 24px;
}
.news_date {
	font-Size: 10px;
	margin: 7px 10px 0 5px;
	color: #787878;
	vertical-align: middle;
	width: 50px;
}
.news_text a:link, .news_text a:visited, .news_text_big a:link, .news_text_big a:visited {
	color: #000;
	text-decoration: none;
}
.news_text a:hover, .news_text a:active, .news_text_big a:hover, .news_text_big a:active {
	color: #03f;
	text-decoration: underline;
}
/*商務型會員*/
#NPCSiteNews {
	clear: both;
	border-top-width: 1px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #ccc;
	border-right-color: #fdfdff;
	border-bottom-color: #fdfdff;
	border-left-color: #fdfdff;
}
#NPCSiteNewsTbl {
	width: 98%;
}
#NPCSiteNewsTbl_list td img {
	vertical-align: middle;
}
#NPCSiteNewsTbl_list td {
	border-bottom: 1px solid #ccc;
}
.clearfloat {
	clear: both;
	font-size: 1px;
}
#NPCSiteNews_article {
	margin: 15px 20px 20px;
	border: 2px solid #909fe6;
}
#NPCSiteNews_TitleArea {
	padding: 5px 10px;
	background-color: #e7eaf9;
	border-bottom: 1px solid #d9e3ee;
	height: 70px;
	overflow: hidden;
}
#NPCSiteNews_title {
	font-size: 18px;
	color: #00009b;
	font-weight: 700;
	padding-top: 5px;
	width: 570px;
}
.detail_text {
	font-size: 12px;
	color: #000;
	padding: 0 3px;
	text-align: left;
}
.category {
	font-size: 12px;
	color: #7994ff;
	padding: 0 0 0 3px;
	text-align: left;
}
#NPCSiteNews_content {
	font-size: 13px;
	color: #000;
	line-height:25px;
	padding: 20px 30px 30px;
	background-color: #fff;
	margin: 0;
	clear: both;
	overflow: scroll;
}
#NPCSiteNews_content b,
#NPCSiteNews_content strong {
  font-weight: 700;
}
#NPCSiteNews_content i, #NPCSiteNews_content em {
  font-style: italic;
}
#NPCSiteNews_content u {
  text-decoration: underline;
}
#NPCSiteNews_content del,#NPCSiteNews_content strike {
  text-decoration: line-through;
}
#NPCSiteNews_content sub {
  vertical-align: sub;
  font-size: smaller;
}
#NPCSiteNews_content sup {
  vertical-align: super;
  font-size: smaller;
}
#NPCSiteNews_content ol {
  padding-left: 1.25em;
  *padding-left: 2em;
}
#NPCSiteNews_ClassName {
	font-size: 13px;
	color: #000;
	line-height:25px;
	margin: 30px 10px 10px;
	font-weight: 700;
}
#NPCSiteNews_more {
	background-color: #f3f8fd;
	border-top: 1px solid #e1e9f0;
	height: 35px;
	padding: 10px 20px 0 20px
}
#NPCSiteNews_info {
	background-color: #f3f8fd;
	border-bottom: 1px solid #e1e9f0;
	padding: 0px 10px;
	height: 100%;
}
#NPCSiteNews_date, #NPCSiteNews_num {
	color: #333;
	font-size: 11px;
	/*width: 220px;*/
	width: 100px;
	margin: 0;
	padding: 5px;
	text-align: right;
}
#NPCSiteNews_dif {
	padding: 10px 10px 0 0;
	text-align: right;
	background: #fff;
}
#NPCSiteNews_tag {
	margin: 0 30px;
}
#NPCSiteNews_tag a {
	color: #00f;
	text-decoration: underline;
}
/*
------------------------------
	NPCSiteNews theme
------------------------------
*/
/* 背景牆遮罩 */
.jqiNPCSiteNewsfade {
	background-color: #777;
	height: 100%;
}
div.jqiNPCSiteNews {
	position: absolute;
	background-color: #dceefb;
	padding: 20px;
	text-align: left;
}
.jqiNPCSiteNewswarning .jqiNPCSiteNews {
	background-color: #f00;
}
/* 右上的 X 按鈕 */
div.NPCSiteNews .NPCSiteNewsclose {
	float: right;
	margin: 0;
	cursor: pointer;
	color: #fff;
	font-size: 11px;
	display: none;
}
div.jqiNPCSiteNews .jqiNPCSiteNewscontainer {
	background-color: transparent;
	border: 2px solid #909fe6;
	color: #000;
	clear: both;
}
div.jqiNPCSiteNews .jqiNPCSiteNewsmessage {
	font-size: 12px;
	background-color: #fff;
	border-top: 1px solid #e1e9f0;
	border-bottom: 1px solid #e1e9f0;
}
div.NPCSiteNews .NPCSiteNewsmessage h3 {
	font-size: 16px;
	background: top left repeat-x #e7eaf9;
	margin: 0;
	padding: 7px 0 7px 15px;
	color: #4d4a47;
	text-align: center;
	font-weight: 700;
}
div.jqiNPCSiteNews .jqiNPCSiteNewsmessage p {
	padding: 10px;
	color: #777;
	word-break: break-all;
}
/* 按鈕列 */
div.NPCSiteNews .NPCSiteNewsbuttons {
	background-color: #f3f8fd;
	color: #fff;
	text-align: center;
	display: none;
}
/* 按鈕 */
div.NPCSiteNews button {
	font-size: 10px;
	color: #000;
	background-image: url(/images/click_light_blue_s.gif);
	background-color: #428fbe;
	background-position: center center;
	margin: 5px 5px 5px 10px;
	padding: 3px;
	cursor: pointer;
	border: 2px solid #1d71af;
	overflow: visible;
}
/*商務型會員*/
	/*一般型會員*/
#NPCNews {
	background-color: #fdfdfd;
	clear: both;
	border-top-width: 1px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #ccc;
	border-right-color: #fdfdff;
	border-bottom-color: #fdfdff;
	border-left-color: #fdfdff;
}
#NPCNewsTbl {
	width: 98%;
}
#NPCNewsTbl_list td img {
	vertical-align: middle;
}
#NPCNewsTbl_list td {
	border-bottom: 1px solid #ccc;
}
.clearfloat {
	clear: both;
	font-size: 1px;
}
#NPCNews_article {
	margin: 15px 20px 20px;
	border: 2px solid #909fe6;
}
#NPCNews_TitleArea {
	padding: 5px 10px;
	background-color: #e7eaf9;
	border-bottom: 1px solid #d9e3ee;
	height: 70px;
	overflow: hidden;
}
#NPCNews_title {
	font-size: 18px;
	color: #00009b;
	font-weight: 700;
	padding-top: 5px;
	width: 570px;
}
.detail_text {
	font-size: 12px;
	color: #000;
	padding: 0 3px;
	text-align: left;
}
.category {
	font-size: 12px;
	color: #7994ff;
	padding: 0 0 0 3px;
	text-align: left;
}
#NPCNews_content {
	font-size: 13px;
	color: #000;
	line-height: 25px;
	padding: 20px 30px 30px;
	background-color: #fff;
	margin: 0;
	clear: both;
	overflow: scroll;
}
#NPCNews_ClassName {
	font-size: 13px;
	color: #000;
	line-height: 25px;
	margin: 30px 10px 10px;
	font-weight: 700;
}
#NPCNews_more {
	background-color: #f3f8fd;
	border-top: 1px solid #e1e9f0;
	height: 35px;
	padding: 10px 20px 0;
}
#NPCNews_info {
	background-color: #f3f8fd;
	border-bottom: 1px solid #e1e9f0;
	padding: 0 10px;
	height: 100%;
}
#NPCNews_date, #NPCNews_num {
	color: #333;
	font-size: 11px;
	/*width: 220px;*/
	width: 100px;
	margin: 0;
	padding: 5px;
	text-align: right;
}
#NPCNews_dif {
	padding: 10px 10px 0 0;
	text-align: right;
	background: #fff;
}
#NPCNews_tag {
	margin: 0 30px;
}
#NPCNews_tag a {
	color: #00f;
	text-decoration: underline;
}

/* 背景牆遮罩 */
.jqiNPCNewsfade,.jqiNPCNews1fade {
	background-color: #777;
	opacity: 0.6;
	filter: alpha(opacity=60);
	height: 100%;
}
div.jqiNPCNews {
	position: absolute;
	background-color: #dceefb;
	padding: 20px;
	text-align: left;
}
.jqiNPCNewswarning .jqiNPCNews {
	background-color: #f00;
}
/* 右上的 X 按鈕 */
div.NPCNews .NPCNewsclose {
	float: right;
	margin: 0;
	cursor: pointer;
	color: #fff;
	font-size: 11px;
	display: none;
}
div.jqiNPCNews .jqiNPCNewscontainer {
	background-color: transparent;
	border: 2px solid #909fe6;
	color: #000;
	clear: both;
}
div.jqiNPCNews .jqiNPCNewsmessage {
	font-size: 12px;
	background-color: #fff;
	border-top: 1px solid #e1e9f0;
	border-bottom: 1px solid #e1e9f0;
}
div.NPCNews .NPCNewsmessage h3 {
	font-size: 16px;
	background: top left repeat-x #e7eaf9;
	margin: 0;
	padding: 7px 0 7px 15px;
	color: #4d4a47;
	text-align: center;
	font-weight: 700;
}
div.jqiNPCNews .jqiNPCNewsmessage p {
	padding: 10px;
	color: #777;
	word-break: break-all;
}
/* 按鈕列 */
div.NPCNews .NPCNewsbuttons {
	background-color: #f3f8fd;
	color: #fff;
	text-align: center;
	display: none;
}
/* 按鈕 */
div.NPCNews button {
	font-size: 10px;
	color: #000;
	background-image: url(/images/click_light_blue_s.gif);
	background-color: #428fbe;
	background-position: center center;
	margin: 5px 5px 5px 10px;
	padding: 3px;
	cursor: pointer;
	border: 2px solid #1d71af;
	overflow: visible;
}

/*------------------------------
	NPCNews theme 結束
------------------------------*/

/*******************原tab.css 開始↓*******************/
.tag_area {
	height: 30px;
	margin-bottom: 0;
	padding-bottom: 0;
	vertical-align:bottom;
	line-height:15px;
	background-image:url(/Images/bg/tag_area_line.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}
.tag_on {
	display: block;
	float: left;
	margin: 2px 2px 0 0;
	padding: 7px 10px 5px;
	border-style: solid solid none;
	border-color: #b3b2df;
	border-width: 1px;
	cursor: pointer;
	background-color: #fff;
	background-image: url(/Images/bg/tag_on.gif);
	background-repeat: repeat-x;
	background-position: left top;
}
.tag_off {
	display: block;
	float: left;
	margin: 2px 2px 0 0;
	padding: 8px 10px 3px;
	border-style: solid solid none;
	border-color: #7d88a0;
	border-width: 1px;
	cursor: pointer;
	background-color: #dbe3f7;
	background-image: url(/Images/bg/tag_off.gif);
	background-repeat: repeat-x;
	background-position: left top;
}
.tag_on label, .tag_off label {
	cursor: pointer;
}
.tag_on a:link, .tag_on a:visited, .tag_on a:active, .tag_off a:link, .tag_off a:visited, .tag_off a:active {
	color: #000;
	cursor: pointer;
	text-decoration: none;
}
.tag_off a:hover, .tag_on a:hover {
	color: #60f;
	display: block;
	cursor: pointer;
}
.content_area {
    border-bottom: 1px solid #b3b2df;
    border-right: 1px solid #b3b2df;
    border-left: 1px solid #b3b2df;
    background-color: #fff;
    padding: 3px;
    margin-top: 0;
    *width: 100%;
    display: block;
}
.content_area a:link {
	color: #000;
}
.content_area_none {
	display: none;
}
li {
	line-height: 20px;
}
ul {
	margin-left: 17px;
	list-style-type: disc;
}
/*******************原tab.css 結束↑*******************/

/*******************原npo_v2_form 開始↓**********************/

/* 透明底黑字(不含框) */
.bf_Item {
	vertical-align: text-bottom;
	color: #000;
	background-color: transparent;
	font: 12px Tahoma;
}
/*含框控制項css(白底黑字)*/
.bf_Item_wblack {
	border: 1px solid #000;
	font: 12px Tahoma;
	vertical-align: text-bottom;
	color: #000;
	background-color: #fff;
}
/*含框控制項css(灰底黑字)*/
.bf_Item_gblack {
	border: 1px solid #000;
	font: 12px Tahoma;
	vertical-align: text-bottom;
	color: #000;
	background-color: #ddd;
}
/*含框控制項css(白底藍字)*/
.bf_Item_wblue {
	border: 1px solid #000;
	font: 12px Tahoma;
	vertical-align: text-bottom;
	color: #0000c0;
	background-color: #fff;
}
/*******************原npo_v2_form 結束↑**********************/

/*******************原npo_knowledge_center.css 開始↓**********************/
#WebGrid1_f {
	border: 1px solid #999;
	padding: 0;
	-moz-box-sizing: content-box;
}
#klgctr_article {
	margin: 15px 20px 20px;
	border: 2px solid #909fe6;
}
#klgctr_TitleArea {
	padding: 5px 10px;
	background-color: #e7eaf9;
	border-bottom: 1px solid #d9e3ee;
	height: 50px;
	overflow: hidden;
}
#klgctr_title {
	font-size: 18px;
	color: #00009b;
	font-weight: 700;
	padding-top: 5px;
	width: 450px;
}
.detail_text {
	font-size: 12px;
	color: #000;
	padding: 0 3px;
	text-align: left;
}
.category {
	font-size: 12px;
	color: #7994ff;
	padding: 0 0 0 3px;
	text-align: left;
}
#klgctr_content {
	font-size: 13px;
	color: #000;
	line-height: 25px;
	padding: 20px 30px 30px;
	background-color: #fff;
	margin: 0;
	clear: both;
	background-image: url(images/member/watermark.jpg)
}
#klgctr_ClassName {
	font-size: 13px;
	color: #000;
	line-height:25px;
	margin: 30px 10px 10px;
	font-weight: 700;
}
#klgctr_more {
	background-color: #f3f8fd;
	border-top: 1px solid #e1e9f0;
	height: 35px;
	padding: 10px 20px 0;
}
#klgctr_info {
	background-color: #f3f8fd;
	border-bottom: 1px solid #e1e9f0;
	padding: 0 10px;
	height: 100%;
}
#klgctr_date, #klgctr_num {
	color: #333;
	font-size: 11px;
	width: 220px;
	margin: 0;
	padding: 5px;
	text-align: right;
}
#klgctr_dif {
	padding: 10px 10px 0 0;
	text-align: right;
	background: #fff;
}
#klgctr_tag {
	margin: 0 30px;
}
#klgctr_tag a {
	color: #00f;
	text-decoration: underline;
}
.clearleft {
	clear: left;
}
.clearright {
	clear: right;
}
.clearfloat {
	clear: both;
	font-size: 1px;
}
.content span.grid_txt1 {
	vertical-align: 6px;
}
/*以下為國際行銷組舊的CSS*/
.language {
	font-size: 13px;
	color: #069;
}
.picline {
	margin: 1px;
	padding: 1px;
	border: 1px dashed #666;
}
.h_service {
	font-size: 18px;
	font-weight: 700;
	color: #8200fa;
}
.H_ABOUT {
	font-size: 18px;
	font-weight: 700;
	color: #007afb;
}
.content_H {
	font-size: 15px;
	font-weight: 700;
	color: #333;
}
.aboutus_H2 {
	font-size: 16px;
	border-top: 1px solid #007afb;
	border-bottom: 1px solid #007afb;
	height: 30px;
	font-weight: 700;
	color: #007afb;
	background: #cee5fe;
}
.news_H2 {
	font-size: 16px;
	border-top: 1px solid #8dd60b;
	border-bottom: 1px solid #8dd60b;
	height: 30px;
	font-weight: 700;
	color: #278827;
	text-decoration: blink;
	background: #d5efa5;
}
.contact_H2 {
	font-size: 16px;
	height: 30px;
	font-weight: 700;
	color: #1a3264;
	border-top: 1px solid #1a3264;
	border-bottom: 1px solid #1a3264;
	background: #c2d1e1;
}
.about_head {
	font-size: 18px;
	font-weight: 700;
	color: #007afb;
}
.FAQ {
	font-size: 16px;
	height: 30px;
	font-weight: 700;
	color: #636300;
	border-top: 1px solid #990;
	border-bottom: 1px solid #990;
	background: #e2e2a0;
}
.subtitle-knowledge {
	color: #990;
	font-size: 16px;
	font-weight: 700;
}
.Articleline {
	margin: 1px;
	padding: 1px;
	border: 1px none #999;
}
.rightline {
	border-right: 1px dashed #999;
	font-size: 15px;
	color: #333;
}
.news_line {
	height: 25px;
	font-size: 15px;
	color: #333;
	border-top: 1px solid #278827;
	border-bottom: 1px solid #278827;
}
.service {
	font-size: 16px;
	height: 30px;
	font-weight: 700;
	color: #8200fa;
	border-top: 1px solid #8200fa;
	border-bottom: 1px solid #8200fa;
	background: #d6affc;
}
.Publication_h {
	font-size: 15.5px;
	color: #069;
	font-weight: 700;
}
.explain {
	font-size: 13px;
	color: #000;
	border: thin dashed #999;
	background: #dfdfdf;
}
.hotvisit_line {
	height: 25px;
	font-size: 15px;
	color: #333;
	border-top: 1px solid #636300;
	border-bottom: 1px solid #636300;
}
.FAQ2 {
	font-size: 16px;
	height: 30px;
	font-weight: normal;
	color: #636300;
	text-decoration: none;
	border-top: 1px solid #990;
	border-bottom: 1px solid #990;
	background: #e2e2a0;
}
.SUBTITLE {
	color: #036;
	font-size: 15px;
}
.patentscope {
	font-size: 16px;
	height: 30px;
	font-weight: 700;
	color: #5b6335;
	text-decoration: none;
	border-top: 1px solid #5b6335;
	border-bottom: 1px solid #5b6335;
	background: #c9ceaa;
}
#klgctr_content h1 {
	font-weight: 700;
	font-size: 16px;
	color: #069;
	line-height: 1em;
}
#klgctr_content h2 {
	font-weight: 700;
	font-size: 15px;
	color: #000;
	line-height: 0.5em;
}
#klgctr_content h3 {
	font-size: 13px;
	color: #000;
	font-weight: normal;
	line-height: 1.2em;
}
#klgctr_content h4 {
	font-size: 13px;
	color: #069;
	font-weight: normal;
	line-height: 1.2em;
}
#klgctr_content p {
	font-size: 15px;
}
/*******************原npo_knowledge_center.css 結束↑**********************/

/*******************原online_help.css 開始↓**********************/
/*.tag_area {
	height: 30px;
	background-image:url(../Images/bg/tag_area_line.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	margin-bottom:0;
	padding-bottom:0;

	vertical-align:bottom;
	line-height:15px;
}
.tag_on {
	background-color: #fff;
	background-image:url(../Images/bg/tag_on.gif);
	padding-top:7px;
		padding-right:10px;
			padding-bottom:7px;
				padding-left:10px;
	border-top: 1px solid #7d88a0;
	border-right: 1px solid #7d88a0;
	border-left: 1px solid #7d88a0;
	border-bottom:1px solid #fff;
	background-color: #fff;	 display:block;
	float:left;	margin-right:2px;
	margin-bottom:-1px;
		margin-right:2px;
	
}
.tag_off {
	background-color: #fff;
		background-image:url(../Images/bg/tag_off.gif);
	padding-top:7px;
		padding-right:10px;
			padding-bottom:6px;
				padding-left:10px;
	border-top: 1px solid #7d88a0;
	border-right: 1px solid #7d88a0;
	border-left: 1px solid #7d88a0;
	border-bottom:1px solid #b3b2df;
	background-color:#dbe3f7;
	display:block;float:left;
	margin-right:2px;
	margin-bottom:-1px
}

.tag_off a:link, .tag_off a:visited, .tag_off a:active{ color:#000}
.tag_off a:hover {
	text-decoration:none;
	color: #60f;
	display:block;
}*/

.faq_area {
	border-bottom: 1px solid #b3b2df;
	border-right: 1px solid #b3b2df;
	border-left: 1px solid #b3b2df;
	background-color: #fff;
	padding: 3px;
	margin-top: 0;
	width: 100%;
}
.faq_area ol {
	margin: 40px;
	padding: 0 0 0 20px;
}
.faq_area ol li {
	list-style: decimal outside none;
}
.faq_area a:link, .faq_area a:active, .faq_area a:visited {
	color: #000;
	text-decoration: none;
}
.faq_area a:hover {
	color: #0036ff;
	text-decoration: underline;
}
.answer_area {
    background: #fffcd1;
    border: 1px solid #707070;
    width: 100%;
    *width: 90%;
    margin-bottom: 5px;
}
.answer_content {
	padding: 5px;
	overflow-y: scroll;
}
/*******************原online_help.css 結束↓**********************/
/*******************webgrid fix 開始↓**********************/
/* 用來抵銷webgrid產生的padding 以及破掉的狀況 */
.grid_fix {
    _float:left;
    _width: 100%;
    _vertical-align: top;
    _position: relative;
}
#grdResult_of {
    _float:left;
    _width: 100%;
    position: relative;
    vertical-align: top;
}
.grdResult-Header, .WebGrid1-Header, .dvCH_grdResult_Table, #grdResult-TableHeader-, #grdResult_f {
	padding-left: 0;
	margin: 0;
	border-left: 0;
	border-right: 0;
	overflow-y: hidden;
}
.grdResult-Brd, .WebGrid1-Brd {
    padding: 0;
    margin: 0;
}
.table_text1 .WebGrid1--custid .WebGrid1-Brd nobr {
	padding: 0;
}
TABLE TR TD[type='Column'] {
	padding: 0;
}
TABLE TR TD[type='RowHeader'] {
	padding-left: 16px;
	overflow: hidden;
}
TABLE TR TD[type='cell'] {
	padding: 0;
	margin: 0;
	overflow: hidden;
}
TABLE TR TD[type='RowSelector'] {
	width: 18px;
	padding: 0;
}
Table [type='WebGrid']TD {
	overflow-x: hidden;
}
.DefSI {
	display: none;
}
#dvTB_grdResult_ {
	padding: 0;
	margin: 0;
	overflow-x: hidden;
	width: 99%;
}
nobr {
	overflow-x: hidden;
	text-overflow: ellipsis;
}
.grid_fix {
	width: 100%;
	margin: 0 auto;
	table-layout: fixed;
}
#tb_grdResult_ td, #tb_grdResult_Table td, #tb_WebGrid1_ td {
    height: 100%;
    overflow: hidden;
    padding: 2px 0 2px 2px;
    vertical-align: middle;
    text-indent: 3px;
    white-space: nowrap;
    color: #000;
    border: 1px #e0edfa;
    border-style: none none solid none;
    background-color: #fff;
    background-image: url(/images/bg/blue_table_cell_bg.gif);
    background-repeat: repeat-y;
    background-position: left;
}
#dvCH_WebGrid1_ *, #dvTB_WebGrid1_ *, #tb_WebGrid1_ * {
	-moz-box-sizing: content-box;
}
.WebGrid1-Header {
	position: relative;
}
#chkToggleCheckAll {
	position: absolute;
	top: 3px;
	left: 30px;
}
.ColHeaderButton {
    position: absolute;
    top: 5px;
    *top: 3px;
    left:99px;
    *left:80px;
    width: 23px;
    height: 19px;
    cursor: pointer;
    font: 0/0 a;
    text-shadow: none;
    color: transparent;
    background-image: url(/images/icon/open_menu_2.gif);
    background-repeat: no-repeat;
    background-position: center center;
}
.ColHeaderButton:not(*:root) {
    top: 3px;
    left: 80px;
}
.ContextMenu {
	border: 2px solid #75a9ff;
	background-color: #a5e6ff;
	width: 130px;
	z-index: 3;
}
.ContextMenu li {
	list-style-type: none;
	line-height: 1;
	overflow: hidden;
}
.ContextMenu span.line {
	height: 5px;
	overflow: hidden;
	display: block;
	background-image: url(/images/bg/line.gif);
	background-repeat: repeat-x;
	background-position: left top;
}
.ContextMenu li a {
	display: block;
	height: 26px;
	padding: 2px 8px 0;
	cursor: pointer;
	text-decoration: none;
}
.ContextMenu li a:hover {
    display: block;
    height: 26px;
    padding: 2px 8px 0;
    font-size: 16px;
    font-weight: 700;
    color: #00f;
    text-decoration: underline;
}
/*清除grid head&td分隔線*/
.gridhead_Xline {
    background-image: url(/images/bg/blue_table_title_bgXline.gif)!important;
}
.gridtd_Xline {
	background-image: none !important;
}
/*******************webgrid fix 結束↑**********************/

/*修正-toolbar靠齊上緣*/
#toolbar_container {
    border-style: none;
    border-color: inherit;
    border-width: medium;
    position: relative;
    padding: 2px 0 0;
    height: 28px;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    top: 0;
    left: 0;
    z-index: 10;
}
#toolbar_btn {
	position: absolute;
	top: 0;
	right: 10px;
	padding: 3px 0;
	font-size: 14px;
}
#toolbar_btn a {
	color: #000;
	border-bottom: 1px solid #000;
	text-decoration: none;
	float: left;
}
#toolbar_btn a:hover {
	color: #044bed;
	border: none;
}
#toolbar_btn li {
	list-style: none;
}
.toolbar_dropdown {
	display: inline;
	margin: 0;
	float: left;
}
.dropdown-content {
	position: absolute;
	top: 25px;
	right: 0;
	background: #ecf9ff;
	padding: 5px;
	border: 1px solid #5493b5;
	width: 150px;
	margin: 0;
	box-shadow: 0 0 5px #aaa;
	display: none;
	overflow:hidden;
	float: left;
	*height: auto !important;
}
.en-US .dropdown-content {
	width: 200px;
}
#toolbar_btn .toolbar_dropdown a {
	color: #044bed;
	font-weight: 700;
	display: block;
}
#toolbar_btn .dropdown-content a {
	color: #000;
	font-weight: 400;
	border: none;
	line-height: 1.1em;
	padding: 5px;
	float: none;
	display: block;
}
#toolbar_btn .dropdown-content a:hover {
	color: #fff;
	background: #044bed;
}
.toolbar_dropdown .arrow {
    background: url(/images/Icon/icon-dropdownArrow.png);
    width: 7px;
    height: 5px;
    overflow: hidden;
    margin: 0 5px;
    vertical-align: middle;
    display: inline-block;
    *display: inline;
    *zoom: 1;
}
.toolbar_dropdown li {
	float: left;
}
.toolbar_dropdown li li {
	width: 100%;
}
#toolbar_btn #dropdown-toggle {
    border-bottom: 1px solid #044bed;
    top: -1px;
    *top: 0;
    position: relative;
    margin: 0 0 0 2px;
}
#toolbar_btn #dropdown-toggle.on {
	border: none;
}
.dropdown-content.on {
	display: block;
}
#toolbar_btn .divider {
	background: #000;
	width: 1px;
	height: 12px;
	overflow: hidden;
	margin: 5px 8px 0;
	vertical-align: middle;
	float: left;
}
.dhtmlxToolbar_dhx_blue {
	height: 28px;
	background: none;
}
.ui-tabs-nav, .ui-tabs-panel, .ui-tabs-nav li {
	font-family: inherit;
}
.ui-tabs-nav .ui-tabs-selected a span, .ui-tabs-nav a span {
	font-size: 14px;
}
#NPCCaseDashboard table {
	border-collapse: collapse;
}
/*著作權與隱私權頁面樣式 開始*/
.c_icon, .c_icon span {
	line-height: normal;
	font-size: 20px;
}
.c_content ol, .c_content ul {
	margin: 40px;
}
/*fix CSS 在IE置中的問題, 2014/11/24, Mei*/
.Content {
    *text-align: left;
    position: relative;
}
/*著作權與隱私權頁面樣式 結束*/
.min_width { /*修正quirk模式 1px高度增長問題*/
	height: 1px;
	overflow: hidden;
}
#NPCSiteNewsTbl tr.odd, #NPCSiteNewsTbl tr.odd td {
	background-color: #ccc;
}

/*步驟流程 start*/
.policy_step {
    *text-align: center;
}
.policy_step_area {
	width: 80%;
	margin: 1% auto;
	text-align: center;
}
/*階段顯示*/
.Phase_on, .Phase_off {
	width: 100%;
	background-color: #6623ff;
	border: 2px solid #fff;
	border-radius: 5px;
	height: 45px \9;
	padding: 0 0 0 7px \9;
	background-image: url(/images/bg/step_l.gif) \9;
	border: 0px solid #fff \9;
	background-color: Transparent \9;
}
.Phase_off {
	background-color: #e0e0e0;
	background-color: Transparent \9;
}
.Phase_on p, .Phase_off p {
	height: 36px;
	padding: 0 15px 7px;
	text-align: center;
	white-space: nowrap;
	padding: 0 15px 0 8px \9;
	height: 45px \9;
	background-image: url(/images/bg/step_r.gif) \9;
}
.Phase_on, .Phase_on p, .Phase_off, .Phase_off p {
    *background-repeat: no-repeat;
}
.Phase_on {
	background-position: left bottom;
}
.Phase_on p {
	background-position: right bottom;
}
.Phase_off {
	background-position: left top;
}
.Phase_off p {
	background-position: right top;
}
.Phase_on .step_sn, .Phase_off .step_sn {
	font-size: 36px;
	vertical-align: middle;
}
.Phase_on .step_body, .Phase_off .step_body {
	padding: 0 0 0 5px;
	font-size: 18px;
	vertical-align: middle;
}
.Phase_on .step_sn, .Phase_on .step_body {
	color: #fff;
}
.Phase_off .step_sn {
	color:#9b9b9b;
}
.Phase_off .step_body {
	color: #555;
}
.step_arrow {
    width: 30px;
    padding: 0 0 0 5px;
    *padding: 0;
}
.step_arrow_body {
    width: 0;
    height: 0;
    margin: 0 auto;
    border-top: 9px solid transparent;
    border-bottom: 9px solid transparent;
    border-left: 12px solid #bebebe;
    *width: 12px;
    *height: 19px;
    *background-image: url(/images/Icon/arrow_grey.gif);
    * background-position: center center;
    *background-repeat: no-repeat;
    *border: 0;
}
/*步驟流程 end*/


/*合約同意書 start*/
#contract {
    *text-align: center;
    clear: both;
}
.contract_area {
    *text-align: left;
    width: 96%;
    margin: 0 auto;
    height: 250px;
    overflow-x: hidden;
    overflow-y: scroll;
}
#contract li {
	list-style: none outside none;
}
#contract ol {
	padding: 0 0 0 52px;
}
#contract ol li {
	list-style: decimal none outside;
}
.contract_check {
	padding: 10px 0 0 25px;
	text-align: left;
}
/*合約同意書 end*/
.jqiNPCDataDscrpmessage {
    *text-align: center;
    *width: 100%;
}
.jqiNPCDataDscrpmessage p {
	margin: 0 0 5px;
}
.jqiNPCDataDscrpmessage .L_ {
    overflow: auto;
    overflow-x: hidden;
    max-height: 400px;
    *height: 400px;
}


/*匯出XLS文件頁面 start*/
.xls_export {
	width: 320px;
	margin: 0 auto;
}
.xls_export h4 {
    text-align: left;
    padding: 0 0 0 25px;
    font-size: 16px;
    color: #00f;
    font-weight: 700;
}
.xls_export img {
	margin: 0 auto;
	cursor: pointer;
}
.xls_export table {
	width: 100%;
}
.xls_export td {
	text-align: center;
}
/*匯出XLS文件頁面 end*/
.map_menu_area {
	text-align: left;
}
/*挑選月曆畫面 start*/
/*挑選月曆畫面 end*/

#divPWD2ND a span {
    *vertical-align: 3px;
    *text-decoration: underline;
}
#dnn_ctr_Privacy_lblPrivacy, #dnn_ctr_Terms_lblTerms {
	text-align: left;
}
.datepicker_header {
	width: 225px;
}
.datepicker_header td {
	height: 23px;
	vertical-align: middle;
	color: #00f;
}
.datepicker_header a:link {
	color: #00f;
}
.datepicker_header a:hover, .datepicker_header a:active {
	text-decoration: underline;
}
.download_header a {
	color: #00f;
}
/*下拉式選單動態展開(修正IE6) start*/
.lock_width {
	height: 22px;
	display: inline-block;
	overflow: hidden;
	border: 1px solid #ccc;
}
.lock_width select {
	height: 23px;
	margin: -1px;
	display: inline-block;
	overflow: hidden;
	border: none;
}
/*下拉式選單動態展開(修正IE6) end*/
#hidemenu img {
	cursor: pointer;
}
#jqxixxxNPCNewsfade {
	background: #777;
}
.aim_title {
	padding: 0 0 2px;
	position: relative;
}
.aim_title h2 {
	margin: 2px 0 0;
	color: #000;
	float: left;
	font-size: 18px;
	font-weight:700;
}
.aim_title img {
	cursor: pointer;
	float: right;
}
.page_info {
	position: absolute;
	right: 0;
}
.page_info img {
	cursor: pointer;
	float: left;
}
.page_info .dldinfo {
	float: left;
	margin: 4px 0 0;
	color: #000;
}
.page_info .dldinfo_02 {
	float: left;
	margin: 4px 0 0;
	color: #000;
}
/*選取狀態 start*/

#chkThisPage {
	position: relative;
	right: -2px;
	right: 0 \9;
	_right: -2px;
}
.h_half_checked span {
	display: block;
	width: 20px;
	height: 20px;
	margin: 0 auto;
	background-image: url(/images/icon/c_halfchecked.gif);
	background-position: center center;
	background-repeat: no-repeat;
}
.h_all_checked span {
	display: block;
	width: 20px;
	height: 20px;
	margin: 0 auto;
	background-image: url(/images/icon/c_checked.gif);
	background-position: center center;
	background-repeat: no-repeat;
}
.h_un_checked span {
	display: block;
	width: 20px;
	height: 20px;
	margin: 0 auto;
	background-image: url(/images/icon/c_unchecked.gif);
	background-position: center center;
	background-repeat: no-repeat;
}
.all_checked span {
	display: block;
	width: 20px;
	height: 20px;
	margin: 0 auto;
	background-image: url(/images/icon/c_checked.gif);
	background-position: center center;
	background-repeat: no-repeat;
}
.un_checked span {
	display: block;
	width: 20px;
	height: 20px;
	margin: 0 auto;
	background-image: url(/images/icon/c_unchecked.gif);
	background-position: center center;
	background-repeat: no-repeat;
}
/*選取狀態 end*/
/*==============================caseprofile(cp_) start================================*/
.cp_pattern {
	background-image: url(/images/bg/squairy_light.png);
	background-position: left top;
	background-repeat: repeat;
}
/*#cp_mainContent {
	position: relative;
	background: url(/images/bg/cp_ai.png) left bottom no-repeat;
	min-height: 400px;
	padding: 20px 15px;
}*/
.cp_mainContent {
	position: relative;
	background: url(/images/bg/cp_ai.png) left bottom no-repeat;
	min-height: 400px;
}
.cp_mainContent_inner {
    position: relative;
    margin: 0 0 0 235px;
	top: 20px;
    background: none repeat scroll 0 0 #acb1c1;
    border: 2px solid #fff;
    padding: 3px 10px;
    box-shadow: 3px 3px 5px #aaa;
    border-radius: 10px;
    -webkit-animation: .2s both;
    animation: .2s both;
}
.cp_mainContent_inner.animation {
    -webkit-animation-name: cp-anm;
    animation-name: cp-anm;
}
 @keyframes cp-anm {
     0% {
        margin: 0;
    }
     100% {
        margin: 0 0 0 235px;
    }
}
 @-webkit-keyframes cp-anm {
     0% {
        margin: 0;
    }
     100% {
        margin: 0 0 0 235px;
    }
}
.cp_top_row {
	position: absolute;
	top: -28px;
	right: 15px;
	font-size: 14px;
}
.cp_top_row a {
	color: #00f;
}
.cp_top_row a:hover {
	text-decoration: none;
}
.cp_menu {
	position: absolute;
	top: -2px;
	top: -22px;
	left: -230px;
	width: 215px;
	overflow: hidden;
}
.hide_cpMenu .cp_menu {
	display: none;
}
.hide_cpMenu #cp_menuShow {
	display: block;
}
.cp_menu a {
	color: #000;
	display: block;
	text-decoration: none !important;
	font-weight: 700;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.cp_menu a:hover {
	color: #fff;
}
.cp_menu .hd {
	position: relative;
}
.cp_menu .hd a {
	background: url(/images/bg/bg-cpItemTitle.gif) no-repeat;
	font-size: 16px;
	padding: 9px 20px 9px 32px;
	line-height: 19px;
	font-weight: 700;
	overflow: hidden;
	display: block;
	width: 215px;
	*width: auto;
}
.cp_menu .hd a:hover {
	background-position: 0 -37px;
	color: #0222c4;
}
.cp_menu .hd.open a, .cp_menu .hd.open a:hover {
	background-position: 0 -37px;
	color: #0222c4;
}
.cp_menu .hd .current, .cp_menu .hd .current:hover {
	background-position: 0 -37px;
}
.cp_menu .hd .current {
	color: #0222c4;
}
.cp_menu li .disabled, .cp_menu li .disabled:hover {
	color: #999;
	background: none;
	cursor: default;
}
.cp_menu .hd .disabled, .cp_menu .hd .disabled:hover {
	color: #999;
	background: url(/images/bg/bg-cpItemTitle.gif) no-repeat;
	cursor: default;
}
.cp_menu .item, .cp_menu .hd_top {
	background-image: url(/images/bg/bg-cpMenuItem.jpg);
}
.cp_menu .hd_top {
	position: absolute;
	top: 0;
	left: 0;
	height: 10px;
	width: 100%;
	display: block;
}
.cp_menu .hd {
	position: relative;
	z-index: 2;
}
.cp_menu .hd span {
	font-size: 16px;
}
.cp_menu .hd.open a {
	color: #0222ad;
}
.cp_menu .arrow {
	background: url(/images/Icon/icon-cpMenuArrow.gif);
	width: 20px;
	height: 20px;
	position: absolute;
	top: 50%;
	margin: -10px 0 0;
	left: 12px;
	*left: -23px;
	*top: 18px;
}
.cp_menu .open .arrow {
	background-position: left bottom;
	left: 10px;
	*left: -23px;
	*top: 18px;
}
.cp_menu .bd {
	padding: 0 1px;
	position: relative;
}
.cp_menu .item {
	background-position: left bottom;
	margin: 0 0 6px;
	position: relative;
	float: left;
	width: 100%;
}
.cp_menu ul, .cp_menu li {
	list-style: none;
	padding: 0;
	margin: 0;
	position: relative;
}
.cp_menu ul {
	padding: 0 0 10px;
}
.cp_menu li {
	overflow: hidden;
	height: 24px;
	margin: 0 1px;
	vertical-align: top;
}
.cp_menu li span {
	font-size: 14px;
}
.cp_menu li a {
	font-size: 14px;
	padding: 5px 20px 5px 32px;
	display: block;
	cursor: pointer;
	position: relative;
	background-image: url(/images/bg/bg-cpMenuli.jpg);
	background-position: 0 -60px;
	background-repeat: no-repeat;
	font-weight: 400;
	line-height: 1em;
}
.cp_menu li a:hover {
	color: #fff;
	background: #00f;
}
.cp_menu li .current, .cp_menu li .current:hover {
	background: #00f;
	color: #fff !important;
}

.cp_menu .cp_hr_block {
    height: 9px;
    _height: 5px;
    font-size: 0;
    text-align: center;
    _margin: 0 0 5px;
}

.cp_menu .cp_hr {
    border-bottom: 1px dashed #000;
    height: 4px;
    _height: 5px;
    width: 178px;
    overflow: hidden;
    display: block;
    margin: 0 auto;
}

.cp_search {
	padding: 10px 0;
	width: 100%;
}
.cp_main {
	padding: 0 0 10px;
	width: 100%;
}
.cp_menu_header {
    padding: 7px 3px 8px;
}
.cp_main_hd {
	position: absolute;
	top: -15px;
	left: 10px;
	background: url(/images/bg/bg-cpMainhd.gif) no-repeat;
	padding: 0 0 0 16px;
	height: 28px;
	font-size: 16px;
	line-height: 26px;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	-webkit-box-sizing: content-box;
	font-weight: 700;
}
.cp_main_hd span {
	font-size: 16px;
	line-height: 26px;
}
.cp_main_hd .bg_r {
	background: url(/images/bg/bg-cpMainhd.gif) right top no-repeat;
	position: absolute;
	top: 0;
	right: -16px;
	width: 16px;
	height: 28px;
	margin: 0;
}
.cp_search_inner, .cp_main_inner {
	background: url(/images/bg/cp_info.jpg) left bottom repeat-x #fff;
	border: 1px solid #203fb6;
	position: relative;
}
.cp_search_inner {
	padding: 10px 45px 10px 10px;
}
.cp_search_inner input.w98p {
	float: left;
}
.cp_main_inner {
	padding: 20px 10px;
	min-height: 450px;
}
.cp_main_inner .table.default td {
    white-space: nowrap;
}
.cp_main_inner fieldset .w100p td {
    white-space: nowrap;
}
.cpbd_close, .cpbd_open {
	position: absolute;
	display: block;
	right: 13px;
	bottom: 4px;
	width: 27px;
	height: 22px;
	cursor: pointer;
	background-repeat: no-repeat;
	background-position: left center;
}
.cp_fieldname {
	padding: 2px 2px 2px 10px;
	text-align: right;
	white-space: nowrap;
	font-weight: 700;
	vertical-align: middle;
}
.cp_fieldname span {
	vertical-align: middle;
}
.cp_field {
	padding: 2px;
	text-align: left;
	white-space: nowrap;
}
.cp_field input {
	font-size: 15px;
	color: #0e0dff;
}
.cp_field input.black {
	color: #000;
}
.disabled {
	background-color: #e9e9e9;
}
.cp_mainContent .menu-toggle.menu-hide {
	background-image: url("/images/buttons/btn-cp_menuHide.gif");
	width: 27px;
	height: 23px;
	right: 0;
	top: 6px;
}
.cp_mainContent .menu-toggle.menu-hide:hover {
	background-position: 0 -23px;
}
.cp_mainContent .menu-toggle.menu-show {
	background-image: url("/images/buttons/btn-cp_menuShow.gif");
	width: 31px;
	height: 27px;
	left: -9px;
	top: 10px;
	display: none;
	position: absolute;
    -webkit-animation: .5s both;
    animation: .5s both;
}
.cp_mainContent .menu-toggle.menu-show.animation {
	-webkit-animation-name: cp_menu-anm;
	animation-name: cp_menu-anm;
}
 @keyframes cp_menu-anm {
     0% {
        left: -20px;
    }
     100% {
        left: -9px;
    }
}
 @-webkit-keyframes cp_menu-anm {
     0% {
        left: -20px;
    }
     100% {
        left: -9px;
    }
}
.cp_mainContent .menu-toggle.menu-show:hover {
	background-position: 0 -27px;
}
.hide_cpMenu .cp_mainContent_inner {
	margin: 0;
}

.menu-toggle span {
    position: absolute;
    top: 0;
    left: 0;
    width: 36px;
    height: 36px;
    display: none;
}

.zh-TW .menu-toggle .C, .zh-CN .menu-toggle .D, .en-US .menu-toggle .E {
    display: block;
}

.cp_main #toolbar_container, .cp_main #pnlInvoiceSummary {
    border: 1px solid #699db6;
    border-bottom: 0;
    width: inherit;
    margin: 0;
}

.cp_main #toolbar_container {
    height: 33px;
    margin: -10px 0 -1px;
}

.cp_main .dhtmlxToolbar_dhx_blue {
    padding: 0;
}

.cp_main .Sub_red_table_text1,.cp_main .sub_red_table_subject {
    padding: 0 10px;
    border: 0;
}

.cp_main #pnlInvoiceDetail {
    margin: 10px 0 0;
}

.cp_main #pnlInvoiceDetail .table_outline {
    padding: 10px 0;
}

.certifiedStage {
    margin: -15px -5px 0;
    position: relative;
    *float: left;
}

.certifiedStage table {
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
}

.certifiedStage-heading {
    position: relative;
	width: 100%;
    *float: left;
}

.certifiedStage-heading table {
    border-right: 1px solid #99bdce;
}

.certifiedStage-heading .table_subject {
    height: 40px;
    text-align: left;
    padding: 0 10px;
	border-collapse: collapse;
	border-spacing: 0;
}

.en-US .certifiedStage-heading .table_subject {
	white-space: normal;
	line-height: 14px;
}

.certifiedStage .item-heading {
    background: #00f;
    border: 1px solid #00f;
    position: relative;
    margin: 1px 0;
    *width: 100%;
    *float: left;
}

.certifiedStage .item-heading td {
    color: #fff;
    padding: 5px 10px;
}

/*
.en-US .certifiedStage .item-heading td {
	word-wrap: break-word;
    word-break: break-all;
}
*/

.certifiedStage .collapse {
   background: url(/images/Icon/icon-collapseLightGray.png) no-repeat;
   width: 20px;
   height: 20px;
   display: block;
   text-indent: -999px;
   overflow: hidden;
   vertical-align: middle;
   cursor: pointer;
   margin: 0 0 -3px;
   *margin: 0;
}

.toggle-trigger-active .collapse {
   background-position: 0 -20px;
}

.item-heading .collapse:hover {
    opacity: .8;
}

.certifiedStage .item-content {
    padding: 10px;
    clear: both;
    background: #e8eef7;
    border: 1px solid #adadad;
    margin: 0 0 1px;
    position: relative;
    *width: 100%;
    *float: left;
}

.certifiedStage .detail-collapse {
    padding: 4px 0;
    *float: left;
    *width: 100%;
    clear: both;
}

.certifiedStage .detail-content {
    margin: 5px 0 0;
    *float: left;
    *width: 100%;
    display: none;
}

.detail-collapse .toggle-trigger-active {
    float: left;
    text-decoration: none;
}

.certifiedStage .toggle-container-opened {
    display: block;
}

.certifiedStage .toolbar {
    padding: 5px 10px;
    background: url(/images/bg/iconbar_bg1.gif) left bottom repeat-x #caefff;
    border: 1px solid #96a4b4;
    vertical-align: middle;
}

.certifiedStage .toolbar img {
    vertical-align: top;
}

.icon-collapse {
    background: url(/images/Icon/icon-collapseLightBlue.png) no-repeat;
    width: 20px;
    height: 20px;
    float: left;
    overflow: hidden;
    margin: 0 4px 0 0;
}

.toggle-trigger-active .icon-collapse {
    background-position: 0 -20px;
}

.btn-collapse {
    margin: 0 0 4px;
    text-decoration: underline;
    cursor: pointer;
    float: leftav;
}

.toggle-container {
    display: none;
}

.toggle-container-opened {
    display: block;
}

.cp_overview .section-heading {
    background: #00f;
    color: #fff;
    padding: 5px 15px;
    float: left;
    font-size: 16px;
    width: 200px;
}

.en-US .cp_overview .section-heading {
    width: auto;
}

.cp_overview .section-content {
    width: 100%;
    float: left;
    margin: 0 0 20px;
}

.cp_overview .section-content-inner {
    border: 1px solid #203fb6;
    padding: 15px;
    *float: left;
}

.cp_overview .table.lightBlue {
    font-size: 14px;
}

.cp_overview .table.lightBlue td {
    border: 1px solid #b2c0d2;
    padding: 4px 12px;
}

.cp_overview .table.lightBlue .hd {
    text-align: center;
    background: #d9e1eb;
    white-space: nowrap;
}

.cp_overview .table.default td {
    padding: 4px;
}


.cp_overview  input[type="text"], .cp_overview  input[type="password"] {
    padding: 2px 5px;
}

.cp_thumbnailsWarp {
    vertical-align: top;
    padding: 0 8px;
    position: relative;
    top: 3px;
}

.cp_thumbnails {
  border: 1px solid #707070;
  padding: 4px;
}

.cp_search_inner .cp_thumbnailsTool {
    padding: 0 0 0 5px;
    vertical-align: bottom;
}

.cp_search_inner td  {
	vertical-align: top;
}

.cp_search_inner .cp_fieldname {
	vertical-align: middle;
}



/*==============================caseprofile(cp_) end================================*/

/* ============================== PVIGO首頁(home_開頭的樣式) start================================*/
.Xline {
	border-right:none !important;
}
#home_topbanner {
}
#home_content {
	background-color:#f4f8ff;
	background-image: url(/images/bg/h_gra_content.jpg);
	background-repeat:repeat-x;
	background-position:left top;
}
#home_info {
    font-family:"微軟正黑體", "Microsoft JhengHei";
    padding: 0 14px;
}
/*home_board控制home_info三大區塊的共用樣式*/

.home_board {
    position:relative;
    float:left;
    height:255px;
    background-image: url(/images/bg/h_gra_info.png);
    background-repeat:repeat-x;
    background-position:left bottom;
    border-radius: 10px;
    box-shadow: 0 0 7px #5c6d8a;
}
.home_board h2 {
    height:40px;
    padding: 0 0 0 12px;
    line-height:1.9;
    font-size:22px;
    color:#FFF;
    text-shadow:0px 0 8px #000;
    background-image: url(/images/bg/h_title.jpg);
    background-repeat:repeat-x;
    background-position:left top;
    border-radius: 10px 10px 0 0;
    font-weight:700;
}
.home_board_area {
    position:relative;
    padding:7px 10px 0;
}
.home_board_area .link-row {
	padding: 10px 0 0;
	text-align: right;
}
.home_board_area .link-row a {
	text-decoration: underline;
	color: #00f;
	margin: 0 5px;
}
.home_board_area .link-row a:hover {
	text-decoration: none;
}
/*about.news.login控制home_info內 區塊的個別樣式*/
/*about 關於PVIGO*/
#home_about {
    background-image: url(/images/bg/globe.png);
    width:240px;
    margin:0 11px 0 0;
}
#home_about h2 {
    height:40px;
    padding:  0 0 0 12px;
    line-height:1.9;
    font-size:22px;
    color:#01307e;
    text-shadow:0px 0 8px #000;
    background-image: url(/images/bg/about_title.png);
    background-repeat:repeat-x;
    background-position:left top;
    border-radius: 10px 10px 0 0;
    font-weight:700;
}
.home_about_area {
	position:relative;
	padding:10px;
}
#home_about .home_board_area {
    background-repeat: no-repeat;
    background-position:100% 100%;
    height:175px;
}
#home_about h3 {
    margin: 0 0 5px;
    font-size: 18px;
    line-height: 26px;
    text-align: justify;
    text-justify: inter-ideograph;
    letter-spacing: .05em;
}
.en-US #home_about h3 {
    font-size: 16px;
    line-height: 30px;
    text-align: left;
    letter-spacing: .01em;
}
#home_about p {
	line-height:30px;
}
#home_about p a {
	color:#0012ff;
	text-decoration:underline;
}
/*news 最新消息*/
#home_news {
    width:590px;
    margin:0px 0 0 0;
    font-family:"微軟正黑體", "Microsoft JhengHei";
}
#home_news .more {
	position:absolute;
	right: 12px;
    top: 13px;
	height:15px;
	padding: 0 11px 3px;
	font-weight:700;
}
#home_news .more a {
    line-height:1;
    text-decoration:none;
    color:#000;
}
#home_news .more a:hover {
	text-decoration:underline;
}
#home_news .more a .arrow_R {
	border-bottom: 3px solid transparent;
    border-left: 5px solid #000;
	border-top: 3px solid transparent;
	display: inline-block;
	height: 0;
	margin: 4px 0 0 5px;
	width: 0;
	text-shadow:0px 0 8px #000;
	position: relative;
	top: -2px;
}
#home_news td {
	vertical-align:middle;
}
#home_news #NPCSiteNews {
	border:none;
}
/*#home_news .news_text a {
    display:block;
    width:420px;
    text-overflow:ellipsis;
    overflow:hidden;
    white-space:nowrap;
}*/
#home_news a {
	color: #000;
}
#home_news .news_date {
    color: #000;
    font-size:16px;
}
#home_news img {
	vertical-align:top;
}

.home-banner {
    min-height: 306px;
}

.home-banner .bx-wrapper .bx-pager  {
    width: auto;
    margin: 0;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}

.home-content * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.home-content a {
    text-decoration: none;
    color: inherit;
}

.home-group {
    padding: 20px 15px;
    background-image: url(/images/layout/bg-homeGroup.png);
    background-position: left top;
    background-repeat: no-repeat;
}

.home-online {
    width: 230px;
    float: left;
}

.home-online__header {
    background: #081490;
    color: #fff;
    height: 38px;
    line-height: 38px;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 5px;
    padding: 0 22px;
    border-radius: 10px 0 0 0;
}

.en-US .home-online__header {
    letter-spacing: 1px;
    padding: 0 24px;
}

.home-online__content {
    background-color: #f4f7fb;
    background-image: url(/images/layout/bg-home_onlineOrder.png);
    background-position: left bottom;
    background-repeat: no-repeat;
    border: 1px solid #081490;
    border-top: 0;
    height: 176px;
    border-radius: 0 0 4px 4px;
    padding: 4px 5px;
    overflow: hidden;
    box-shadow: 0 2px 3px #c6c7e2;
}

.home-online .item {
    margin: 0 auto;
}

.home-online .item a {
    display: block;
    color: #000;
    text-decoration: none;
    background-image: url(/images/layout/bg-home-online_link.png);
    background-repeat: no-repeat;
    font-size: 26px;
    font-weight: 700;
    width: 218px;
    height: 55px;
    line-height: 54px;
    padding: 0 18px;
}

.home-online .item a:hover {
    color: #0000ff;
}

.home-online .text-center {
    text-align: center;
}

.home-online .item .text-small {
    font-size: 18px;
}

.home-online .item .highlight {
    color: #001dff;
    padding: 0 0 0 4px;
}

.en-US .home-online .item a {
    font-size: 15px;
    height: 55px;
    line-height: 24px;
    text-align: center;
}

.en-US .home-online .hd {
    font-size: 15px;
    display: block;
    border-bottom: 1px solid #000;
    padding-top: 5px;
    line-height: 19px;
}

.en-US .home-online .highlight {
    font-size: 18px;
    line-height: 24px;
    padding: 0;
}


.home-news {
    width: 532px;
    float: left;
    margin: 0 13px;
}

.home-news__header {
    position: relative;
    background: #081490;
    color: #fff;
    height: 38px;
    line-height: 38px;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 5px;
    padding: 0 25px;
    border-radius: 10px 0 0 0;
}

.en-US .home-news__header {
    letter-spacing: 1px;
}

.home-news__content {
    border: 1px solid #081490;
    border-top: 0;
    height: 176px;
    border-radius: 0 0 4px 4px;
    position: relative;
    overflow: hidden;
    padding: 5px 20px;
    box-shadow: 0 2px 3px #c6c7e2;
}

.home-news__link {
    position: absolute;
    top: 14px;
    right: 18px;
    font-size: 12px;
    line-height: 1;
    color: #fff;
    letter-spacing: 0;
}

.home-news__link:before {
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 3px 0 3px 5px;
    border-color: transparent transparent transparent #fff;
    margin-right: 3px;
}

.home-news-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.home-news-list tr {
    list-style: none;
    padding: 6px 0;
    margin: 0;
    width: 100%;
    overflow : hidden;
    text-overflow : ellipsis;
    white-space : nowrap;
    font-size: 15px;
    height: 21px;
}

.home-news-list td {
    vertical-align: middle;
}

.home-news-list a:hover {
    color: #0012ff;
}

.home-news-list .hot {
    position: relative;
    display: block;
    margin: 0 auto;
}

.home-news-list .date {
    width: 20px;
}

.home-side {
    width: 181px;
    height: 214px;
    float: left;
    background: #e7e6ee;
    border: 1px solid #7668db;
    border-radius: 4px;
    overflow: hidden;
    padding: 12px;
    box-shadow: 0 2px 3px #c6c7e2;
}

.home-side .item {
    font-size: 18px;
    letter-spacing: .5px;
    text-align: center;
    width: 152px;
    height: 45px;
    line-height: 43px;
    border: 1px solid #c4beee;
    background: #fff;
    margin: 0 auto 8px;
    border-radius: 4px;
    box-shadow: 0 2px 3px #c6c7e2, 0 0 5px -5px #e5eaf3;
}

.en-US .home-side .item {
    letter-spacing: 0;
}

.home-side .item a {
    display: block;
    color: #110643;
    text-decoration: none;
    min-height: 45px;
    text-indent: .2em;
    letter-spacing: .2em;
}

.en-US .home-side .item a {
    text-indent: .025em;
    letter-spacing: .025em;
}

.home-side .item a:hover {
    color: #0012ff;
}

.home-side .item-login {
    height: 82px;
}

.home-side .item-login .main-text {
    font-size: 18px;
    display: inline-block;
    line-height: 24px;
    padding-top: 15px;
    color: #00f;
    position: relative;
}

.zh-CN .home-side .item-login .main-text {
    text-indent: -.01em;
    letter-spacing: -.01em;
}

.home-side .item-login .main-text:before {
    content: "";
    display: block;
    background:  #00f;
    position: absolute;
    bottom: 0;
    left: 4px;
    right: 3px;
    height: 1px;   
}

.zh-CN .home-side .item-login .main-text:before {
    left: 0;
    right: 0;  
}

.en-US .home-side .item-login .main-text:before {
    left: 0;
    right: 0;  
}

.home-side .item-login .sub-text {
    font-size: 15px;
    line-height: 30px;
    display: block;
}

.home-side .item-login a {
    padding: 0;
    line-height: 82px;
    text-indent: .2em;
    letter-spacing: .2em;
}

.en-US .home-side .item-login {
    height: 82px;
    line-height: 82px;
}

.en-US .home-side .item-login a {
    padding: 0;
    text-indent: .025em;
    letter-spacing: .025em;
    line-height: 82px;
}

.home-side .item-subscription {
    height: 58px;
    line-height: 56px;
    border: 1px solid #a7bad2;
    margin: 0 auto;
}

.home-side .item-subscription a {
    display: block;
    color: #0d3e7f;
    text-decoration: none;
}

.en-US .home-side .item-subscription {
    line-height: 38px;
}

/*
.home-side .sub-text {
    font-size: 14px;
    line-height: 1;
    display: block;
    margin-top: -7px;
    letter-spacing: .5px;
}
*/

/*

.home-side {
    width: 181px;
    height: 214px;
    float: left;
    background: #e7e6ee;
    border: 1px solid #7668db;
    border-radius: 4px;
    overflow: hidden;
    padding: 12px;
    box-shadow: 0 2px 3px #c6c7e2;
}

.home-side .item {
    font-size: 18px;
    letter-spacing: .5px;
    text-align: center;
    width: 152px;
    height: 88px;
    line-height: 56px;
    border: 1px solid #c4beee;
    background: #fff;
    margin: 0 auto 12px;
    border-radius: 4px;
    box-shadow: 0 2px 3px #c6c7e2, 0 0 5px -5px #e5eaf3;
}

.en-US .home-side .item {
    letter-spacing: 0;
}

.home-side .item a {
    display: block;
    color: #110643;
    text-decoration: none;
    min-height: 88px;
    padding: 22px 0;
}

.home-side .item a:hover {
    color: #0012ff;
}

.home-side .item-login {
    line-height: 24px;
}

.home-side .item-login a {
    padding: 22px 0;
}

.home-side .item-about {
    line-height: 44px;
}

.en-US .home-side a {
    line-height: 88px;
    padding: 0;
}
    

.home-side .sub-text {
    font-size: 14px;
    line-height: 1;
    display: block;
    margin-top: -7px;
    letter-spacing: .5px;
}

*/

.home-bottom-info {
    widyh: 100%;
    padding: 0 15px 15px;
}

.home-bottom-info .home-panel {
    float: left;
    height: 165px;
    border: 1px solid #528ab2;
    background-color: #f4f7fc;
    box-shadow: 0 2px 3px #d3d4d4;
    position: relative;
}

.home-bottom-info .home-panel__header {
    border-bottom: 1px solid #528ab2;
    color: #103e80;
    text-align: center;
    font-size: 20px;
    background-color: #cdd9f8;
    line-height: 39px;
    height: 39px;
    font-weight: 700;
    letter-spacing: .5em;
    text-indent: .5em;
}

.en-US .home-bottom-info .home-panel__header {
    letter-spacing: 0;
    text-indent: 0;
}

.home-bottom-info .home-panel__content {
    padding: 12px 30px;
}

.home-bottom-info .link-qa {
    color: #f00;
    border: 1px solid #f00;
    position: absolute;
    bottom: 5px;
    right: 5px;
    display: block;
    width: 40px;
    text-align: center;
    line-height: 20px;
    height: 20px;
    font-size: 12px;
    letter-spacing: .1em;
    font-family: Arial;
}

.home-bottom-info .link-qa:hover {
    color: #00f;
}

.en-US .home-bottom-info .home-panel__content {
    padding: 12px 15px;
}

.home-bottom-info .list {
    list-style: none;
    margin: 0;
}

.home-bottom-info .list li {
    list-style: none;
    font-size: 18px;
    line-height: 32px;
    position: relative;
    float: left;
    background-image: url(/images/layout/home-panel-list_arrow.png);
    background-position: 0 11px;
    background-repeat: no-repeat;
    padding-left: 15px;
    letter-spacing: .2em;
    width: 100%;
}

.en-US .home-bottom-info .list li {
    font-size: 15px;
    letter-spacing: 0;
    padding-left: 12px;
}

.home-bottom-info .list li a {
    display: block;
}

.home-bottom-info .list li a:hover {
    color: #0012ff;
}

.en-US .home-bottom-info .list li a {
}

.home-bottom-info .home-panel--left {
    width: 230px;
}

.home-bottom-info .home-panel--right {
    width: 532px;
    margin-left: 13px;
}

.home-bottom-info .home-panel--right li {
    width: 50%;
}

.home-link {
    width: 181px;
    float: right;
}

.home-link ul {
    margin: 0;
}

.home-link li {
    list-style: none;
    margin-top: 10px;
}

.home-link li:first-child {
    margin-top: 0;
}

.home-link a {
    border: 1px solid #5e6268;
    background-color: #f5f6f6;
    display: block;
    position: relative;
    border-radius: 4px;
    height: 77px;
    line-height: 33px;
    padding: 20px 10px;
    font-size: 18px;
    box-shadow: 0 2px 3px #c6c7e2, 0 0 5px -5px #e5eaf3;
    text-align: center;
    letter-spacing: .2em;
    text-indent: .2em;
}

.home-link a:hover {
    color: #0012ff;
}

.en-US .home-link a {
    letter-spacing: 0;
    text-indent: 0;
}







/* 舊版 */
.home-service {
    background: url(/images/layout/bg-homeServices.png) no-repeat;
    margin-bottom: 15px;
    position: relative;
    height: 128px;
    padding: 12px 0;
}

.home-service .item-group {
    width: 333px;
    float: left;
    position: relative;
    padding: 0 23px;
}

.home-service .item-group:before {
    content: "";
    width: 1px;
    height: 96px;
    background: #7b97bb;
    position: absolute;
    top: 0;
    left: 0;
}

.home-service .item-group:first-child:before {
    display: none;
}

.home-service .service-item {
    width: 100%;
    position: relative;
    border-top: 1px solid #7b97bb;
    padding: 8px 0;
}

.home-service .item-group .service-item:first-child {
    padding-top: 0;
    border: 0;
}

.home-service .item-group .service-item:last-child {
    padding-bottom: 0;
}

.home-service .service-item a {
    position: relative;
    text-decoration: none;
    display: block;
    padding-left: 75px;
}

.home-service .image {
    position: absolute;
    top: -1px;
    left: 14px;
}

.home-service .title {
    color: #0848a2;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: .5px;
    line-height: 40px;
}

.en-US .home-service .title {
    font-size: 16px;
    font-weight: 400;
    letter-spacing: .2px;
    font-family: Arial;
}


/* 新版 */
/*

.home-service {
    background: url(/images/layout/bg-homeServices.png) no-repeat;
    margin-bottom: 15px;
    position: relative;
    width: 775px;
    height: 128px;
    padding: 12px 0;
    float: left;
}

.home-service .item-group {
    width: 258px;
    float: left;
    position: relative;
    padding: 0 16px;
}

.home-service .item-group:before {
    content: "";
    width: 1px;
    height: 96px;
    background: #7b97bb;
    position: absolute;
    top: 0;
    left: 0;
}

.home-service .item-group:first-child:before {
    display: none;
}

.home-service .service-item {
    width: 100%;
    position: relative;
    border-top: 1px solid #7b97bb;
    padding: 8px 0;
}

.home-service .item-group .service-item:first-child {
    padding-top: 0;
    border: 0;
}

.home-service .item-group .service-item:last-child {
    padding-bottom: 0;
}

.home-service .service-item a {
    position: relative;
    text-decoration: none;
    display: block;
    padding-left: 60px;
    font-weight: 700;
}

.en-US .home-service .service-item a {
    padding-left: 50px;
}

.home-service .image {
    position: absolute;
    top: -1px;
    left: 0;
}

.home-service .title {
    color: #0848a2;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: .5px;
    line-height: 40px;
}

.en-US .home-service .title {
    font-size: 15px;
    letter-spacing: -.5px;
}

*/



/*login會員登入*/
#home_login {
	float:none;
	margin:0 auto;
	width:500px;
	height:auto;
}
.home_title {
	position:relative;
}
#home_news h2 {
	color:#000;
	background-image: url(/images/bg/h_title.png);
}
.log_info {
	display:block;
	position:absolute;
	top:11px;
	right:12px;
	padding:0 0 0 18px;
	background-image: url(/images/icon/i.png);
	background-repeat: no-repeat;
	background-position:left center;
	font-size: 14px;
}
.log_info a {
	text-decoration:none;
	color:#FFF;
}
/*輸入區共用樣式*/
.mem_input {
	margin: 0 0 10px;
	width:85%;
	border:3px solid #bababa;
	border-radius:10px;
	background-position:3px center;
	background-repeat: no-repeat;
}
.mem_input span {
	display: block;
	margin: 2px 0 0 33px;
	height:30px;
}
.mem_input span input {
	vertical-align: middle;
	display: block;
	float: left;
	width: 92%;
	margin: 0;
	margin: 6px 0 0\9;
	padding: 0;
	background: transparent;
	border: 0;
	height: 30px;
	color:#727272;
}
.mem_input span input:focus {
	color:#000;
}
.mem_input span span {
	margin:0;
	padding:8px 0 0;
	display:block;
	float:left;
}
/*輸入區個別樣式*/
#mem_client {
	background-image: url(/images/icon/h_client.gif);
	margin:20px 0 10px;
}
#mem_id {
	background-image: url(/images/icon/h_ac.gif);
}
#mem_pw {
	background-image: url(/images/icon/h_pw.gif);
}
/*登入區連結與按鈕*/
.mem_ctrl {
	position:relative;
	height:35px;
}
.mem_link {
	float:left;
	margin:7px 0 0;
}
.mem_link a {
	color:#0012ff;
	text-decoration:underline;
}
.mem_link a:hover {
	text-decoration:underline;
}
.mem_ctrl_R {
	position:absolute;
	right: 13px;
	top: -3px;
}
.mem_link_R {
	margin:7px 0 0;
	position:relative;
}
.mem_link_R a {
	display:inline;
	color:#0012ff;
	text-decoration:underline;
}
.mem_link_R a:hover {
	text-decoration:underline;
}
.mem_logbtn {
	position:absolute;
	top:0;
	left:33%;
}
.mem_logbtn input {
	width:75px;
}
#home_intro {
    padding:10px 14px 10px 14px;
}
/*home_introarea 控制廣告共同的樣式*/
.home_introarea {
    float:left;
    margin:0px 10px 0 0;
    width:235px;
    height:150px;
    border-radius: 10px;
    background-position:center center;
    background-repeat: no-repeat;
    background-size:cover;
    box-shadow: 0 0 7px #5c6d8a;
}
.home_introlink {
	display:block;
	float: left;
	height: 150px;
	width: 100%;
}
.home_banner_txt {
    position:relative;
    display:block;
    margin: 100px 0 0;
    height:35px;
    font-size:22px;
    line-height: 35px;
    background: transparent\9;
    zoom:1\8;
    -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#55ffffff, endColorstr=#55ffffff)"; /* IE8 */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#55ffffff, endColorstr=#55ffffff); /* IE5.5-7 */
    background-color: rgba(255, 255, 255, 0.8);
}
.home_banner_txt h3 {
	position:absolute;
	width:100%;
	text-align: center;
}

#intro_first .home_banner_txt {
    background: url(/images/layout/bg-homeIntroPR.png);
    -ms-filter: none;
    filter: none;
    color: #fff;
}

#intro_sec .home_banner_txt {
    background: url(/images/layout/bg-homeIntroPP.png);
    -ms-filter: none;
    filter: none;
    color: #fff;
}

#intro_third .home_banner_txt {
    background: url(/images/layout/bg-homeIntroPW.png);
    -ms-filter: none;
    filter: none;
    color: #fff;
}

#intro_fourth .home_banner_txt {
    background: url(/images/layout/bg-homeIntroTS.png);
    -ms-filter: none;
    filter: none;
    color: #fff;
}

#home_intro .home_introlink:hover .home_banner_txt {
    color: #ff0;
}



/*intro_序號 控制廣告個別的樣式*/
#intro_fourth {
	margin:0;
}
/*訓練組 行銷頁面*/
#mainContent_campaign .event {
	margin:0 0 10px;
	width:100%;
}
#mainContent_campaign .event img {
	width:100%;
}
/*Willie 20141203 首頁1024*/
.home_layout {
    width:1000px;
    margin:0 auto;
    *margin: 0 auto;
    position: relative;
}
/* ============================== PVIGO首頁(home_) end================================*/

.board-mod {
	position: relative;
	margin: 15px 0 22px;
	border: 1px solid #adb7ff;
	font-size: 14px;
	text-align: left;
	box-shadow: 0 1px 0 1px #fff inset;
}
.board-mod:hover {
	box-shadow: 0 0 5px rgba(0, 0, 0, .2);
	background: #fff;
}
.board-heading {
    position: relative;
    margin: -12px 10px 0;
    background: url(../../Images/bg/bg-boardModHeading.gif) no-repeat left top;
    padding: 6px 16px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    line-height: 18px;
    max-width: 770px;
    overflow: hidden;
    white-space: nowrap;
    text-shadow: 0 2px 0 rgba(255, 255, 255, .3);
    min-height: 16px;
    _height: 28px;
}
.board-heading .add-corner {
	position: absolute;
	top: 0;
	right: -1px;
	width: 16px;
	height: 28px;
	background: url(../../Images/bg/bg-boardModHeading.gif) repeat-x right top;
	display: block;
}
.board-content {
	position: relative;
	padding: 5px 15px;
}
.board-content table {
	_width: 94%;
}
.content .board-content td {
	vertical-align: top;
}
.board-mod .unread {
	position: absolute;
	left: 10px;
	top: 6px;
	width: 48px;
	height: 17px;
	font-size: 12px;
	background: url(../../Images/bg/bg-unread.gif) no-repeat;
	line-height: 18px;
	text-align: center;
	float: left;
	text-decoration: none;
}
.board-mod .item {
	position: relative;
	padding: 5px 5px 5px 62px;
	display: inline-block;
 *display: inline;
 *zoom: 1;
	cursor: pointer;
	background: url(../../Images/Icon/icon-boardModDot.gif) 0 12px no-repeat;
	color: #222;
	_margin: 0 0 0 17px;
	text-decoration: none;
}
.board-mod .item.default {
	color: #888;
}
.board-mod .item:hover, .board-mod .item.default:hover {
	text-decoration: underline;
	color: #333;
}
.board-mod .item:hover .unread {
	text-decoration: none;
}
.board-mod .default .unread {
	color: #888;
	background: url(../../Images/bg/bg-unread_grayborder.gif) no-repeat;
}
.cf:before, .cf:after {
	content: " ";
	display: table;
}
.cf:after {
	clear: both;
}
.cf {
 *zoom: 1;
}
html * {
	box-sizing: content-box \9;
}
.MyColHeaderButton {
    position: inherit !important;
    display: inline-block !important;
    *display: inline;
    *zoom: 1;
	margin: 0 -12px 0 0;
}
.CmdContextGroup {
	position: static !important;
}
/*sitemap*/

.sitemap-mod {
	position: relative;
	padding: 20px 0;
	margin: 0 auto;
}
.sitemap-mod .col {
	width: 33.3333%;
	_width: 33.3%;
	float: left;
	position: relative;
}
.sitemap-item {
	background: url(/Images/bg/bg-sitemapItem.jpg) 0 0 repeat-x #fff;
	border: 1px solid #627bc4;
	margin: 0 12px 12px;
	text-align: left;
}
.sitemap-item-header {
	margin: 0 10px;
	border-top: 6px solid #1f469e;
	position: relative;
	top: -1px;
}
.sitemap-item-header .arrow {
	background: url(/Images/Icon/icon-sitemaphdArrow.png) no-repeat;
	width: 8px;
	height: 11px;
	position: absolute;
	top: 11px;
	_top: 17px;
	left: 0;
	overflow: hidden;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
}
.sitemap-item-header a:hover .arrow {
	left: 3px;
}
.sitemap-item-header h3 {
	color: #1f469e;
	padding: 8px 0 8px 15px;
	font-weight: 700;
	font-size: 16px;
	line-height: 19px;
	cursor: default;
}
.sitemap-item-header a {
	color: #1f469e;
	text-decoration: none;
	display: block;
	font-weight: 700;
	font-size: 16px;
	line-height: 19px;
}
.sitemap-item-header a:visited {
	color: #639;
}
.sitemap-item-header a:hover {
	color: #00f;
	text-decoration: none;
}
.sitemap-item-content {
	border-top: 1px solid #627bc4;
	padding: 5px 10px;
}
.sitemap-item ul {
	list-style: none;
	margin: 0;
	position: relative;
	width: 100%;
	float: left;
}
.sitemap-item li {
	list-style: none;
	position: relative;
	width: 100%;
	float: left;
}
.sitemap-item-content a {
	color: #000;
	text-decoration: underline;
	padding: 5px 28px;
	font-size: 14px;
	line-height: 18px;
	display: block;
}
.sitemap-item-content li li a {
	padding: 5px 28px 5px 45px;
}
.sitemap-item-content a:visited {
	color: #639;
}
.sitemap-item-content a:hover {
	color: #fff;
	font-size: 15px;
	font-weight: 700;
	background-color: #00f;
	text-decoration: none;
	border-radius: 5px;
	text-shadow: 0 0 10px rgba(255, 255, 255, .7);
}
.sitemap-item .icon {
	background: #00547b;
	width: 4px;
	height: 4px;
	position: absolute;
	top: 12px;
	left: 14px;
	overflow: hidden;
	margin: 0;
}
.sitemap-item ul ul .icon {
	left: 33px;
}
.sitemap-item-content a:hover .icon {
	background-color: #fff;
}
.sitemap-item .show .icon, .sitemap-item .close .icon {
	background-image: url(/Images/Icon/icon-sitemapCollapser.png);
	background-color: #fff;
	background-repaet: no-repeat;
	width: 13px;
	height: 13px;
	margin: -5px 0 0 -5px;
}
.sitemap-item .show .icon {
	background-position: 0 -13px;
}
#sidebar1 {
	position: relative;
}
#mainTitle {
	overflow: inherit;
	overflow-y: visible;
	position: relative;
}
#mainTitle h1 span {
	white-space: nowrap;
	line-height: 1em;
}
#mainTitle H1.midtitle {
	line-height: 1em;
}
.mainTitle_r {
	position: relative;
}
.menu_T {
	position: relative;
	padding: 12px;
}
 .menu_hidden IMG, .menu_hidden img:first-child, .menu_hidden img:nth-child(2) {
 margin: 0;
}
.menu-toggle {
	width: 25px;
	height: 23px;
	line-height: 999px;
	overflow: hidden;
	position: relative;
	background-position: 0 0;
	background-repeat: no-repeat;
	z-index: 10;
}
.menu-toggle.menu-show img, .menu-toggle.menu-hide img {
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	position: absolute;
}
.menu-toggle.menu-hide {
	background-image: url(/images/buttons/btn-menuHide.png);
	position: absolute;
	top: 11px;
	right: 6px;
}
.menu-toggle.menu-show {
	background-image: url(/images/buttons/btn-menuShow.png);
	float: left;
	position: absolute;
	top: 8px;
	left: -7px;
    *zoom: 1;
    -webkit-animation: .5s both;
    animation: .5s both;
}
.menu-toggle:hover {
	background-position: 0 -23px;
}
.menu-toggle.animation {
    -webkit-animation-name: menu-anm;
    animation-name: menu-anm;
}
 @keyframes menu-anm {
     0% {
        left: -20px;
    }
     100% {
        left: -7px;
    }
}
 @-webkit-keyframes menu-anm {
     0% {
        left: -20px;
    }
     100% {
        left: -7px;
    }
}
#mainTitle h1.add-menuToggle {
	padding-left: 25px;
}
/*sitemap*/

.sitemap-mod {
	position: relative;
	padding: 20px 0;
	margin: 0 auto;
}
.sitemap-mod .col {
	width: 33.3333%;
	_width: 33.3%;
	float: left;
	position: relative;
}
.sitemap-item {
	background: url(/Images/bg/bg-sitemapItem.jpg) 0 0 repeat-x #fff;
	border: 1px solid #627bc4;
	margin: 0 12px 12px;
	text-align: left;
}
.sitemap-item:hover {
	box-shadow: 0 0 10px #4f7693;
}
.sitemap-item-header {
	margin: 0 10px;
	border-top: 6px solid #1f469e;
	position: relative;
	top: -1px;
}
.sitemap-item-header .arrow {
    background: url(/Images/Icon/icon-sitemaphdArrow.png) no-repeat;
    width: 8px;
    height: 11px;
    position: absolute;
    top: 11px;
    _top: 17px;
    left: 0;
    overflow: hidden;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
}
.sitemap-item-header a:hover .arrow {
	left: 3px;
}
.sitemap-item-header h3 {
	color: #1f469e;
	padding: 8px 0 8px 15px;
	font-weight: 700;
	font-size: 16px;
	line-height: 19px;
}
.sitemap-item-header a {
	color: #1f469e;
	text-decoration: none;
	display: block;
	font-weight: 700;
	font-size: 16px;
	line-height: 19px;
}
.sitemap-item-header a:visited {
	color: #639;
}
.sitemap-item-header a:hover {
	color: #00f;
	text-decoration: none;
}
.sitemap-item-content {
	border-top: 1px solid #627bc4;
	padding: 5px 10px;
}
.sitemap-item ul {
	list-style: none;
	margin: 0;
	position: relative;
	width: 100%;
	float: left;
}
.sitemap-item li {
	list-style: none;
	position: relative;
	width: 100%;
	float: left;
}
.sitemap-item-content a {
	color: #000;
	text-decoration: underline;
	padding: 5px 28px;
	font-size: 14px;
	line-height: 18px;
	display: block;
}
.sitemap-item-content li li a {
	padding: 5px 28px 5px 45px;
}
.sitemap-item-content a:visited {
	color: #639;
}
.sitemap-item-content a:hover {
	color: #fff;
	font-size: 15px;
	font-weight: 700;
	background-color: #00f;
	text-decoration: none;
	border-radius: 5px;
	text-shadow: 0 0 10px rgba(255, 255, 255, .7);
}
.sitemap-item .icon {
	background: #00547b;
	width: 4px;
	height: 4px;
	position: absolute;
	top: 12px;
	left: 14px;
	overflow: hidden;
	margin: 0;
}
.sitemap-item ul ul .icon {
	left: 33px;
}
.sitemap-item-content a:hover .icon {
	background-color: #fff;
}
.sitemap-item .show .icon, .sitemap-item .close .icon {
	background-image: url(/Images/Icon/icon-sitemapCollapser.png);
	background-color: #fff;
	background-repaet: no-repeat;
	width: 13px;
	height: 13px;
	margin: -5px 0 0 -5px;
}
.sitemap-item .show .icon {
	background-position: 0 -13px;
}
.w50p.float_L, .w50p.float_R {
	width: 50% \0;
	_width: 49.9%;
}
/**/
.text-left {
	text-align: left;
}
.text-right {
	text-align: right;
}
.text-center {
	text-align: center;
}

.renewals-mod {
	padding: 0;
	background: #fff;
	margin: 0 0 10px;
	position: relative;
	width: 984px;
	overflow: hidden;
}

.renewals-mod #section-2 {
    min-height: 500px;
}

.content .renewals-mod a {
    vertical-align:inherit;
}

.renewals-menu {
    display: block;
    background: #fff;
    height: 42px;
    position: relative;
    top: 0;
    z-index: 11;
}

.renewals-menu ul {
    margin: 0;
    list-style: none;
}

.renewals-menu.fixed {
    position: fixed;
    top: 95px;
    width: 984px;
}

.en-US .renewals-menu.fixed {
    top: 96px;
}

.renewals-custom {
    position: relative;
    padding: 93px 0 0;
}

.renewals-custom.fixed {
    padding: 137px 0 0;
}

.renewals-custom #home_header {
    position: fixed;
    top: 0;
    z-index: 100;
    width: 1000px;
    border-radius: 0;
}

.renewals-menu li {
    float: left;
    position: relative;
    list-style: none;
}

.renewals-menu a {
    text-decoration: none;
    height: 42px;
    line-height: 999px;
    overflow: hidden;
    display: block;
    background-repeat: no-repeat;
}

#renewals-navigation .mPS2id-highlight-last  {
    background-position: 0 -84px;
}

#renewals-navigation  a:hover  {
    background-position: 0 -42px;
}

#renewals-navigation .mPS2id-highlight-last,
#renewals-navigation .mPS2id-highlight-last:hover {
    background-position: 0 -84px;
}

#renewals-navigation .mPS2id-highlight-last {
    background-position: 0 -84px;
}

.renewals-menu .link-top {
    height: 42px;
}

.renewals-menu .link-top:hover,
.renewals-menu .link-top.mPS2id-clicked:hover,
.renewals-menu .link-top.mPS2id-clicked {
    background-position: 0 0;
}

.renewals-mod p {
	font-size: 20px;
	line-height: 1.35em;
    text-align: justify;
    text-justify: inter-ideograph;
    letter-spacing: 0.05em;
}
.en-US .renewals-mod p {
	font-size: 16px;
	line-height:1.5;
    text-align: justify;
    letter-spacing: -.005px;
    margin: 0;
    font-weight: 700;
}
.ja-JP.renewals-mod p {
	font-size: 20px;
	line-height: 1.35em;
    text-align: justify;
    text-justify: inter-ideograph;
    letter-spacing: 0.05em;
    font-weight: 400;
}
.offer-sheet-header {
    position: relative;
	font-size: 20px;
}
.offer-sheet-header .term {
    position: absolute;
    top: 0;
    right: 0;
}
.renewals-banner {
	position: relative;
	padding: 10px 0 0;
	height: 285px;
}
.renewals-banner h1 {
	position: absolute;
	top: 0;
	left: 0;
}
.content .renewals-banner a {
	position: absolute;
	z-index: 10;
	background: url(/images/bg/bg-transparent.png);
	vertical-align: middle;
}
.renewals-banner img {
	width: 100%;
}
.renewals-directions {
	padding: 45px 15px 30px;
}
.renewals-directions p {
	color: #000;
	font-size: 20px;
	font-weight: 700;
	line-height: 1.4;
	padding-bottom: 1em;
}

.renewals-directions p:last-child {
	padding-bottom: 0;	
}

.renewals-section {
	position: relative;
}

.renewals-mod .section-group {
	padding: 12px;
	border-radius: 0 10px 10px 10px;
	margin: 0 0 30px;
    position: relative;
}

.renewals-mod #section-2 .section-group,
.renewals-mod #section-3 .section-group {
	border-radius: 10px;
}

.renewals-mod #section-3 {
    padding: 0 !important;
}

.renewals-banner .text-mask {
    height: 40px;
}

.renewals-top-row {
    position: relative;
    z-index: 2;
    height: 34px;
    padding: 15px 10px 0;
}

.print-dropdown {
    margin: 0;
    float: right;
    font-size: 16px;
    position: relative;
}

.print-dropdown li {
    list-style: none;
}

.print-dropdown-content {
	position: absolute;
	top: 32px;
	right: 9px;
	background: #ecf9ff;
	padding: 5px;
	border: 1px solid #5493b5;
	width: 150px;
	margin: 0;
	box-shadow: 0 0 5px #aaa;
	display: none;
	overflow:hidden;
	float: left;
	*height: auto !important;
}

.print-dropdown a {
	color: #000;
	font-weight: 700;
	display: block;
	text-decoration: none;
}

.print-dropdown-content a {
	color: #000;
	font-weight: 400;
	border: none;
	line-height: 1.1em;
	padding: 5px;
	float: none;
	display: block;
	text-decoration: none;
}

.print-dropdown-content a:hover {
	color: #fff;
	background: #044bed;
}

.print-dropdown .arrow {
    background: url(/images/Icon/icon-dropdownArrow.png);
    width: 7px;
    height: 5px;
    overflow: hidden;
    margin: 0 5px;
    vertical-align: middle;
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

.print-dropdown li {
	float: left;
}

.print-dropdown li li {
	width: 100%;
}

.print-dropdown-toggle {
    position: relative;
    background: url(/images/buttons/btn-topRenewalsPrint_C.png);
    width: 150px;
    height: 34px;
    overflow: hidden;
    line-height: 999px; 
}

.zh-CN .print-dropdown-toggle {
    background: url(/images/buttons/btn-topRenewalsPrint_D.png);    
}

.en-US .print-dropdown-toggle {
    background: url(/images/buttons/btn-topRenewalsPrint_E.png);
    width: 174px;
}

.ja-JP .print-dropdown-toggle {
    background: url(/images/buttons/btn-topRenewalsPrint_J.png);
    width: 150px;
}

.renewals-mod .toggle-container {
	display: none;
}

.renewals-mod .toggle-container-opened {
	display: block;
}

.renewals-mod .toggle-trigger {
    border-bottom: 3px solid #1c3b7c;
    height: 59px;
    position: relative;
    margin: -59px 0 30px;
    cursor: pointer;
}

.renewals-mod .btn-toggle {
    background: url(/images/buttons/btn-topRenewalsToggle_C.jpg) no-repeat;
    width: 88px;
    height: 37px;
    overflow: hidden;
    display: block;
    line-height: 999px;
    position: absolute;
    top: 10px;
    right: 0;
}

.renewals-mod .toggle-trigger:active .btn-toggle {
    top: 12px;
}

.zh-CN .btn-toggle {
    background-image: url(/images/buttons/btn-topRenewalsToggle_D.jpg);
}

.en-US .btn-toggle {
    background-image: url(/images/buttons/btn-topRenewalsToggle_E.jpg);
}

.ja-JP .btn-toggle {
    background-image: url(/images/buttons/btn-topRenewalsToggle_J.jpg);
    width: 145px;
}

.renewals-mod .toggle-trigger-active .btn-toggle {
    background-position: 0 -37px;
}

.renewals-mod .toggle-trigger-active {
    border-bottom: 0;
    margin: -59px 0 0;
}

.renewals-mod .quote-style {
	border: 3px solid #1c3b7c;
}

.renewals-mod .features-style {
	border: 3px solid #1c3b7c;
	margin: 0;
}

.renewals-mod .section-group-header {
    position: relative;
}

.section-group-header .link-annualFee {
    position: absolute;
    top: 15px;
    z-index: 10;
    font-size: 20px;
    font-weight: 700;
    color: #00f;
    text-decoration: underline;
}

.section-group-header .link-annualFee:hover {
    text-decoration: none;
}

.renewals-mod .quotes {
    position: absolute;
    top: 15px;
    right: 15px;
    font-size: 20px;
    font-weight: 700;
    color: #f00;
    text-decoration: underline;
}

.renewals-mod .quotes:hover {
    text-decoration: none;
}

.renewals-mod .quotes-row {
    text-align: right;
    padding: 0 0 10px;
}

.renewals-mod .quotes-row .quotes {
    position: inherit;
}

.renewals-mod.en-US .quotes {
    font-family: Arial;
    top: 17px;
}

.renewals-mod .section-group-title {
	font-size: 24px;
	font-weight: 700;
	letter-spacing: 2px;
	height: 59px;
	line-height: 999px;
	overflow: hidden;
	display: block;
}

.quote-title {
    background: url(/images/layout/img-renewalsQuoteTitle.png) no-repeat;
	margin: 10px 0 0;
}

.zh-CN .features-title {
    background-position: 0 -59px;
}
.zh-CN .quote-title {
    background-position: 0 -59px;
}

.en-US .features-title {
    background-position: 0 -118px;
}

.en-US .quote-title {
    background-position: 0 -118px;
}

.renewals-mod  .section-heading  {
	padding: 10px 0;
	text-align: center;
}

.renewals-mod .section-content {
	padding: 35px 15px;
	position: relative;
}

.renewals-mod .section-group .section-item:last-child {
	margin: 0;
}

.renewals-mod .section-item {
	margin: 0 0 20px;
}

.renewals-mod .section-item-list {
    margin: 0;
}

.renewals-mod .section-item-list li {
    padding-left: 20px;
    list-style: none;
    font-size: 20px;
    line-height: 1.35em;
    text-align: justify;    
    text-justify: inter-ideograph;
    position: relative;
    padding-bottom: 5px;
}

.renewals-mod .section-item-list li:last-child {
    padding-bottom: 0;
}

.en-US .section-item-list li {
    font-size: 16px;
}

.ja-JP .section-item-list li {
    font-size: 20px;
}

.renewals-mod .section-item-list .icon {
    position: absolute;
    left: 0;
}

.renewals-mod .section-item-content {
	padding: 15px 28px 20px;
	background: url(/images/layout/img-renewals_section.jpg) left bottom no-repeat;
}

.renewals-mod .section-content-note {
    color: #00f;
    font-size: 12px;
	line-height: 1.35;
    display: block;
    padding: 5px 0 0;
}

.renewals-mod .section-item-header {
	background: url(/images/layout/img-renewals_sectionHeader.jpg) 0 6px no-repeat;
	min-height: 15px;
}
.text-mask {
	line-height: 999px;
	overflow: hidden;
	display: block;
	height: 53px;
	background-repeat: no-repeat;
}
.btn-print {
	text-decoration: none;
	font-size: 16px;
	color: #333;
}
.content .icon-print {
    background: url(/images/Icon/icon-print_xl.png) no-repeat;
    width: 26px;
    height: 26px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    line-height: 999px;
    overflow: hidden;
    vertical-align: middle;
    margin: -3px 8px 0 0;
}
.versionNumber {
	color: #777;
	font-size: 12px;
	font-family: arial;
}
.renewals-mod .versionNumber {
	padding: 5px;
}
.quote-versionNumber {
    padding: 10px 0;
	color: #777;
	font-size: 12px;
	font-family: arial;
}
.remark-versionNumber {
	color: #777;
	font-size: 12px;
	font-family: arial;
	position: absolute;
    bottom: 20px;
    right: 12px;
}
.offer-sheet {
    margin: 0 0 30px;
    font-family: "Microsoft JhengHei",arial,sans-serif;
    font-size: 20px;
}

.offer-sheet-table {
    margin: 5px 0;
    position: relative;
}

.offer-sheet-table table {
    border: 1px solid #1c3b7c;
    text-align: center;
}

.offer-sheet-table th {
    background: #1c3b7c;
    color: #fff;
    padding: 5px 10px;
    border-left: 1px solid #000;
    border-bottom: 0;
    font-weight: 700;
    vertical-align: middle;
    line-height: 24px;
}

.offer-sheet-table .sub {
    background: #496296;
    color: #fff;
    border-left: 1px solid #000;
    border-top: 1px solid #000;
    border-bottom: 0;
    font-weight: 700;
    vertical-align: middle;
    line-height: 24px;
}

.ja-JP .offer-sheet-table .sub {
    font-size: 18px;
}

.offer-sheet-table .small {
    font-size: 12px;
    line-height: 24px;
}

.offer-sheet-table .highlight {
    background: #ff0;
}


.offer-sheet-table .del {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    *text-decoration: line-through;
}

.offer-sheet-table .del-line {
    height: 2px;
    background: #f00;
    position: relative;
    left: -5px;
    top: -13px;
    width: 100%;
    display: block;
    *display: none;
    padding: 0 5px;
}

.offer-sheet-table .bg-saleTag {
    background-image: url(/images/layout/img-saleTag.png);
    background-repeat: no-repeat;
    background-position: 0 center;
}

.zh-CN .offer-sheet-table .bg-saleTag, .en-US .offer-sheet-table .bg-saleTag {
    background-position: 5px center;
}

.offer-sheet-table .off {
    color: #f00;
    font-size: 12px;
    padding: 0 0 0 8px;
}

.offer-sheet-table .country {
    font-size: 15px;
}

.en-US .offer-sheet-table th {
    font-size: 16px;
    line-height: 20px;
}

.offer-sheet-table td {
    padding: 5px 10px;
    border: 1px solid #1c3b7c;
    vertical-align: middle;
    font-size: 18px;
    line-height: 1.2em;
    font-weight: 700;
}

.offer-sheet-table td.text-right {
    padding-right: 30px;
}

.offer-sheet-table td.custom1 {
    padding-right: 70px;
    font-size: 20px;
}

.en-US .offer-sheet-table td.custom1 {
    padding-right: 70px;
}

.offer-sheet-table td.custom2 {
    padding-right: 30px;
}

.offer-sheet-table td.custom3 {
    padding-right: 70px;
    font-size: 20px;
}

.offer-sheet .promotion-mod {
    margin: 0 0 1em;
}

.offer-sheet .promotion-title {
    padding: 5px 10px;
    background: #d00;
    color: #fff;
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

.offer-sheet .promotion-content {
    color: #000;
    padding: 12px 0;
    background: #eee;
    border-bottom: 1px solid #e0e0e0;
}

.offer-sheet .promotion-mod .list li {
    margin: 0 1.5em 3px;
    line-height: 24px;
}

.offer-sheet .list li {
    margin: 0 0 5px 1.5em;
    text-align: justify;
    font-size: 18px;
}

.en-US .offer-sheet .list li {
    font-size: 16px;
    margin: 0 5px 5px 1.5em;
}

.ja-JP .offer-sheet .list li {
    font-size: 16px;
    margin: 0 0 5px 1.5em;
}

.offer-sheet .list .highlight {
    color: #00f;
    font-weight: 700;
}

.content .offer-sheet .list a {
    color: #00f;
    vertical-align: baseline;
}

.offer-sheet .list a:hover {
    text-decoration: none;
}


.chgPwd-section {
	position: relative;
}
.chgPwd-section .directions {
    top: 16px;
    *top: 20px;
    right: 15px;
    position: absolute;
}
.chgPwd-section .directions a {
	color: #00f;
	text-decoration: underline;
}
.chgPwd-section .directions a:hover {
	color: #00f;
	text-decoration: none;
}
.login-wrap {
	padding: 80px 0;
}
.login {
	position: relative;
	width: 525px;
	_width: 850px;
	_height: 320px;
	_left: 50%;
	margin: 0 auto;
	_margin: 0 0 0 -425px;
	border: 1px solid #a2b2d5;
	overflow: hidden;
	background: #fff;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
    opacity: 0;
    opacity: 1\9\0;
    -webkit-animation: showin .8s ease forwards;
    animation: showin .8s ease forwards;
    animation-iteration-count: inherit;
}

.login.plus-side {
	/*padding: 0 325px 0 0;*/
	padding: 0; /* 20160713 add */
    min-height: 310px;
	_height: 310px;
	box-shadow: 0 15px 15px -20px rgba(0,0,0,.3);
}
.en-US .login {
	width: 520px;
	_width: 850px;
}
.login a {
	color: #00f;
	text-decoration: underline;
}
.login a:hover {
	text-decoration: none;
}
.login img {
	vertical-align: middle;
}
.login .link .icon {
	margin: 0 3px 0 0;
	vertical-align: middle;
	position: relative;
	top: -1px;
}
.login .link {
	font-size: 12px;
	white-space: nowrap;
	line-height: 1em;
}
.login-header {
	position: relative;
	border-bottom: 1px solid #b2c0de;
	padding: 15px 20px 15px 65px;
	background: url(/images/icon/icon-login_large.png) 10px 4px no-repeat;
}
.login-header .title {
	font-size: 24px;
	line-height: 1em;
	font-weight: 400;
}
.login-header .link {
	position: absolute;
	top: 17px;
	right: 25px;
}
.login-header .link ul {
	margin: 0;
}
.login-header .link li {
	list-style: none;
	padding: 0 0 0 10px;
	float: left;
}
.login .side {
	width: 275px;
	_width: 325px;
	margin: 0 auto;
	border-left: 1px solid #b2c0de;
	background: #f0f4ff;
	height: 100%;
    *height: 400px;
	position: absolute;
	top: 0;
	right: 0;
	padding: 25px;
	display: none; /* 20160713 add */
}
.login .side-header {
	position: relative;
	text-align: center;
	background: url(/images/bg/bg-loginSideHeader.png) left 26px repeat-x;
	padding: 0 0 25px;
}
.en-US .login .side-header {
	padding: 0 0 15px;
}
.login .side-header-star {
	background: url(/images/icon/icon-loginSideStar.png) center top no-repeat;
	height: 11px;
	display: block;
	margin: 0 0 5px;
}
.login .side-header .title {
	background: #f0f4ff;
	color: #243776;
	font-size: 18px;
	letter-spacing: 1px;
	font-weight: 700;
	padding: 0 6px;
	position: relative;
}
.en-US .login .side-header .title {
	letter-spacing: inherit;
}
.login .memberService {
	margin: 0 0 20px;
}
.login .memberService ul {
	list-style: none;
	margin: 0;
}
.login .memberService li {
    float: left;
    width: 33.3333%;
    *width: 90px;
    list-style: none;
    text-align: center;
    line-height: 1.1em;
    font-size: 16px;
    font-weight: 700;
    position: relative;
}

.login .memberService span {
	display: block;
	width: 66px;
	margin: 0 auto;
}
.login .memberService img {
	max-width: 100%;
}
.login .login-content {
	position: relative;
}

.login .login-content .applyNow {
	text-align: right;
	position: absolute;
	top: 10px;
	right: 23px;
	font-size: 12px;
	line-height: 1em;
}

.login .login-content .applyNow a {
	display: inline-block;
	margin: 0 0 0 3px;
}

.login .memberService .icon {
	display: block;
	padding: 0 0 10px;
    top: 0;
}

.login .side .applyNow a {
	margin: 0 0 0 5px;
}
.login .memberService .icon {
	display: block;
	padding: 0 0 10px;
    top: 0;
}
.login .memberService a {
	color: #000;
	text-decoration: none;
	display: block;
}
.login .memberService a:hover {
	color: #00f;
}
.en-US .memberService li {
    float: none;
    width: auto;
    display: block;
    text-align: left;
    padding: 12px 0 12px 50px;
    margin: 0 0 5px;
    font-size: 14px;
}
.en-US .memberService .icon {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
}
.en-US .memberService span {
	width: auto;
}
.login-form {
	width: 280px;
	margin: 0 auto;
	padding: 35px 0 25px;
	position: relative;
	_left: 120px;
}
.login-form .row {
	padding: 0 0 10px;
    position: relative;
    bottom: 0;
}

.login-form > div {
    opacity: 0;
    opacity: 1\9\0;
    -webkit-animation: showin .5s ease forwards;
    animation: showin .5s ease forwards;
    animation-iteration-count: inherit;
}

.login-form > div:nth-child(1) {
    animation-delay: 0;
}
.login-form > div:nth-child(2) {
    animation-delay: .2s;
}
.login-form > div:nth-child(3) {
    animation-delay: .3s;
}
.login-form > div:nth-child(4) {
    animation-delay: .4s;
}
.login-form > div:nth-child(5) {
    animation-delay: .5s;
}


@keyframes showin {
    0%  {
        opacity: 0;
        opacity: 1\9\0;
        bottom: -10px;
        bottom: 0\9\0;
    }
    
    100% {
        opacity: 1;
        bottom: 0;
    }
}

@-webkit-keyframes showin {
    0%  {
        opacity: 0;
        bottom: -10px;
    }
    
    100% {
        opacity: 1;
        bottom: 0;
    }
}

.login-form .status {
    -webkit-animation: scale-anm .3s ease forwards;
    animation: scale-anm .3s ease forwards;
    animation-iteration-count: inherit;
    transform: scale(0);
    transform: scale(1)\9\0;
}

.login-form > div:nth-child(1) .status {
    animation-delay: .3s;
}

.login-form > div:nth-child(2) .status {
    animation-delay: .4s;
}

@keyframes scale-anm {
    0%  {
        transform: scale(0);
        transform: scale(1)\9\0;
    }
    
    100% {
        transform: scale(1);
    }
}

@-webkit-keyframes scale-anm {
    0%  {
        transform: scale(0);
    }
    
    100% {
        transform: scale(1);
    }
}

.login-form .field {
	position: relative;
}
.login-form .hd {
	padding: 0 0 3px;
}
.login-form .hd img {
	margin: -3px 0 0;
}
.login-form .form-control {
    border: 1px solid #748cc4;
    padding: 6px 68px 6px 10px;
    width: 200px;
    _width: 280px;
    _height: 34px;
    border-radius: 0;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
}
.login-form .field .error {
	position: absolute;
	top: 9px;
	top: 6px \9;
	right: 45px;
}
.login-form .field .icon {
	position: absolute;
	top: 6px;
	right: 6px;
	padding: 0 0 0 5px;
	border-left: 1px solid #748cc4;
	height: 20px;
}
.login-form .field .status {
	position: absolute;
	top: 8px;
	top: 6px \9;
	right: 8px;
}
.login-form .icon img {
	margin: -2px 0 0;
}
.cur_pointer {
	cursor: pointer;
}
.login-form .btn-row {
	text-align: center;
	padding: 10px 0;
}
.login-form .btn {
	width: 120px;
	padding: 5px 0;
	height: auto;
	margin: 0 3px;
}
.login-form .link {
	position: absolute;
	top: 8px;
	left: 290px;
	width: 100px;
	white-space: normal;
	line-height: 1.3;
}

.login .ft-row {
    background: #f0f4ff;
    border-top: 1px solid #b2c0de;
    display: block;
    font-size: 12px;
    padding: 10px 0 15px;
    text-align: center;
    margin: -15px 0 0;
}

.login-form .radio {
	padding-right: 10px;
}

.login-form .radio input {
	margin: 0 5px 0 0;
}

::-webkit-input-placeholder {
    color: #929292;
}

:-moz-placeholder {
    color: #929292;
}
.placeholder {
	color: #929292;
}
.login-form .disabled {
	border: 1px solid #bcbcbc;
	background: #f4f4f4;
}
.security-box {
	position: relative;
	padding: 12px 26px;
	border: 1px solid #d5d5d5;
	border-bottom: 2px solid #d0d0d0;
	margin: 5px -30px;
	border-radius: 6px;
}
.security-box .form-control {
	width: 120px;
	padding: 5px 10px;
}
.login-form .security-box .row {
    padding: 0 0 5px;
}
.login-form .security-box .error {
    position: absolute;
    right: 152px;
    top: 8px;
}
.security-box .pic {
	width: 135px;
	float: right;
	font-size: 12px;
	white-space: nowrap;
}
.en-US .security-box .form-control {
	width: 90px;
}
.en-US .security-box .pic {
	width: 165px;
}
.login-form .security-box .error img {
    float: left;
}
.en-US .login-form .security-box .error {
    right: 182px;
}
.security-box .pic img {
	margin: 0 5px 0 0;
	border: 1px solid #a8b2ca;
	width: 74px;
	height: 30px;
}
.login-form .security-box .field {
    margin-bottom: 3px;
}
.login-form .security-box .field:before, .login-form .security-box .field:after {
	content: " ";
	display: table;
}
.login-form .security-box .field:after {
	clear: both;
}
.login-form .security-box .field {
 *zoom: 1;
}
.security-box .form-control.size-xs {
	width: 26px;
	padding: 5px 0;
	text-align: center;
	margin: 0 4px;
	background: #ff0;
	float: left;
}
.security-box .form-control.size-xs:focus {
	background: #ff0;
    -webkit-box-shadow: 0 0 0px 1000px #ff0 inset;
}
.security-box .form-control.size-xs.disabled {
	width: 26px;
	background: #f4f4f4;
}
.security-box .form-control.businessMember {
	width: 160px;
	height: 21px;
}
.security-box .form-control.size-xs:nth-child(1) {
	margin-left: 0;
}
.security-box .form-control.size-xs:nth-child(8) {
	margin-right: 0;
}
.en-US .form-control.businessMember {
	width: 87px;
	width: 85px \0;
}
.popup-mod {
	width: 700px;
	margin: 50px auto;
	background: #dceefb;
	border: 2px solid #808080;
	padding: 25px;
	position: relative;
	text-align: left;
}
.popup-inner {
    background: #fff;
    padding: 20px 25px;
	border: 1px solid #aaa;
    margin: 0 0 15px;
}
.popup-header {
	color: #00f;
	font-size: 20px;
	font-weight: 700;
	padding: 0 0 10px;
}
.popup-inner .popup-header {
	padding: 0 0 10px;
	border-bottom: 1px dotted #000;
	margin: 0 0 10px;
	font-size: 20px;
}
.popup-content {
	padding: 0 0 15px;
	font-size: 16px;
}
.popup-inner .popup-content {
	padding: 0;
}
.popup-content ol {
	margin: 0 0 0 1.5em;
}
.popup-content li, .popup-content p {
	line-height: 1.5em;
}
.popup-mod .btn-row {
	text-align: center;
	margin: 0 0 -10px;
}
.popup-mod .button_Light_blue_b {
	font-size: 16px;
	border: 1px solid #00f;
}

.popup-date {
	font-size: 14px;
	padding: 8px 0;
	font-weight: 700;
}

.popup-top {
	padding: 15px 25px;
	border-bottom: 1px solid #06377b;
	margin: -25px -25px 5px;
}

.popup-top .title {
	padding: 12px 15px 0;
	border-left: 1px solid #06377b;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: middle;
	font-weight: 700;
	font-size: 24px;
	line-height: 1em;
	color: #06377b;
}

.popup-top img {
    margin: 0 15px 0 0;
    vertical-align: middle;
}

.popup-mod a {
	color: #00f;
}

.popup-mod a:hover {
    text-decoration: none;
}

.popup-mod strong {
	font-weight: 700;
}

.loading {
	text-align: center;
	margin: 10px auto;
}
.jqifade {
	background: url(/images/bg/bg-jqifade.png) !important;
}
.valign-top, .content .valign-top {
    vertical-align: top;
}
.home_menu {
    position: absolute;
    bottom: -1px;
    right: 18px;
}
.home_menu ul,.home_menu li {
    list-style: none;
    margin: 0;
    line-height: 1em;
}
.home_menu li {
    position: relative;
    float: left;
    margin: 0 -1px 0 0;
}
.home_menu a {
    text-decoration: none;
    padding: 9px 8px 5px 20px;
    background: #d2d2d2;
    border: 1px solid #949494;
    display: block;
    color: #5f5f5f;
}
.home_menu a:active, .home_menu a:visited {
    color: #5f5f5f;
    text-decoration: none;
}
.home_menu .active:active, .home_menu .active:visited {
    color: #fff;
    text-decoration: none;
}
.home_menu .arrow {
    position: absolute;
    top: 14px;
    left: 10px;
    width: 6px;
    height: 7px;
    overflow: hidden;
    background: url(/images/icon/icon-homeMenuArrow.png) no-repeat;
    -webkit-animation: .6s both infinite;
    animation: .6s both infinite;
}

.home_menu  a:hover .arrow {
    -webkit-animation-name: homeMenuArrow-anm;
    animation-name: homeMenuArrow-anm;
}

@keyframes homeMenuArrow-anm {
    0% {
        left: 10px;
    }
    50% {
        left: 12px;
    }
    100% {
        left: 10px;
    }
}
@-webkit-keyframes homeMenuArrow-anm {
    0% {
        left: 10px;
    }
    50% {
        left: 12px;
    }
    100% {
        left: 10px;
    }
}

.home_menu a:hover {
    color: #064bf0;
}
.home_menu .active, .home_menu .active:hover {
    background: #064bf0;
    border: 1px solid #064bf0;
    color: #fff;
    cursor: default;
    font-weight: 700;
    padding: 9px 16px 5px;
    box-shadow: 0 16px 0 rgba(255,255,255,.1) inset;
    text-shadow: 0 0 3px rgba(0,0,0,.3);
}
.home_menu .active .arrow {
    display: none;
}
#home_header.plus-headerMenu {
    border-radius: 0;
}
.plus-headerMenu .home_header_wrap {
    height: 90px;
    border-radius: 0;
}
.plus-headerMenu .home_bread_crumb {
    text-align: left;
    margin: 0;
    padding: 0;
    position: absolute;
    left: 27px;
    bottom: 2px;
}

.board {
    position: relative;
    margin: -5px -7px -7px;
    background: #fff;
    text-align: left;
    overflow: hidden;
}

.plus-sideNews {
    padding-right: 208px;
    background: #fff;
    *background: url(/images/bg/bg-sideNews.png) right top repeat-y #fff;
}

.side-news {
    position: absolute;
    top: 0;
    right: 0;
    background: #f5deb4;
    width: 208px;
    height: 100%;
    *height: 10000px;
    z-index: 2;
}

.menu-side-news {
    vertical-align: top;
    background: #f5deb4;
    border: 1px solid #6b6b6b;
    margin: 0 0 4px;
    position: relative;
    height: 650px;
    overflow: hidden;
}

.menu-side-news .side-news {
    width: 100%;
    background: none;
    position: inherit;
    *height: auto;
}

.menu-side-news .side-news-content {
    float: none;
}

/*
.side-news:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 214px;
    height: 100%;
    *height: 10000px;
    background: url(/images/bg/bg-sideNews.png) right top repeat-y;
    *background: none;
    display: none;
}

.mainContent-side .side-news:before {
    background: none;
    display: none;
}

.board-side .side-news:before {
    display: none;
}
*/

.side-news-header {
    background: #994b14;
    color: #fff;
    padding: 10px 20px;
    z-index: 2;
    position: relative;
}

.side-news-header .title {
    font-size: 16px;
    line-height: 18px;
    font-weight: 700;
    padding-right: 40px;
}

.en-US .side-news-header .title {
    font-size: 14px;
}

.side-news-header a {
    color: #fff;
}

.side-news-header .link-more {
    position: absolute;
    top: 13px;
    *top: 11px;
    right: 16px;
}

.side-news-header .link-more a {
    font-size: 10px;
    line-height: 12px;
    background: url(/images/icon/icon-linkMore_white.png) right 3px no-repeat;
    padding: 0 9px 0 0;
    text-decoration: none;
    display: block;
    color: #fff;
}

.side-news-header .link-more a:hover {
    opacity: .7;
}

.side-news-content {
    padding: 0 20px;
    margin: -1px 0 0;
    float: left;
}

.side-news-list {
    margin: 0;
}

.side-news-list li {
    list-style: none;
    position: relative;
    display: block;
    border-top: 1px dotted #000;
}

.side-news-list li:first-child {
    border-top: 0;
}

.side-news-list a {
    text-decoration: none;
    padding: 12px 0;
    display: block;
}

.side-news-list .date {
    font-size: 12px;
    color: #666;
    font-family: Arial;
}

.side-news-list .tags {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    margin-left: 5px;
}

.side-news-list .tags img {
    margin: -2px 0 0;
}

.side-news-list .title {
    line-height: 1.2em;
    padding: 3px 0 0;
}

.en-US .side-news-list .title {
    font-size: 13px;
}



.side-link {
    background: #008000;
    float: left;
    width: 208px;
    position: absolute;
    bottom: 0;
    right: 0;
}

.side-link-header {
    background: #008000;
    color: #fff;
    padding: 10px 20px;
    position: relative;
    z-index: 2;
}

.en-US .side-link-header .title {
    font-size: 14px;
}

.side-link-header .title {
    font-size: 16px;
    font-weight: 700;
    line-height: 18px;
    padding-right: 40px;
}

.side-link-content {
    background: #bfdbc5;
    margin: 0 3px 3px;
    padding: 0 17px;
    height: 100px;
}

.side-link-list {
    margin: 0;
}

.side-link-list li {
    display: block;
    list-style: outside none none;
    position: relative;
}

.side-link-list li a {
    color: #00f;
    display: block;
    padding: 10px 0;
}

.side-link-list li a:hover {
    text-decoration: none;
}

.en-US .side-link-list li a {
    font-size: 13px;
}



.quick-menu {
    border-bottom: 1px solid #ccc;
    padding: 5px;
    _padding: 5px;
    box-shadow: 0 -3px 3px rgba(0,0,0,.08) inset;
}

.quick-menu-list {
    margin: 0;
    width: 100%;
}

.quick-menu-list li {
    position: relative;
    list-style: none;
    float: left;
    left: 0;
    text-align: center;
    width: 20%;
    _width: 19.945%;
    overflow: hidden;
}

.quick-menu-list a {
    background: #800000;
    background: radial-gradient(ellipse at center, #900000 0%,#800000 100%);
    _background: #800000;
    color: #fff;
    display: block;
    text-decoration: none;
    padding: 10px 0;
    overflow: hidden;
    transition: all .2s ease;
	border: 5px solid #fff;
    height: 70px;
    _height: 100px;
} 

.quick-menu-list a:visited {
    color: #fff;
}

.en-US .quick-menu-list a {
    height: 64px;
    _height: 86px;
    padding: 10px 0;
    text-decoration: none;
}

.en-US .quick-menu-list .icon {
    margin: 0 auto 5px;
    _margin: -3px auto 5px;
}

.quick-menu-list a:hover, .quick-menu-list a:active {
    background: #00f;
    background: radial-gradient(ellipse at center, #0055ff 0%,#0000ff 100%);
    _background: #00f;
    color: #fff;
}

.quick-menu-list .title {
    font-size: 16px;
    line-height: 1.1em;
    font-weight: 700;
    font-family: "微軟正黑體", Arial, sans-serif;
    white-space: nowrap;
    text-shadow: none;
    display: block;
    cursor: pointer;
    /*display: table;
    height: 36px;
    width: 100%;*/
}

/*.quick-menu-list .title span {
    vertical-align:middle;
    display: table-cell;
}*/

.en-US .quick-menu-list .title {
    font-size: 12px;
    font-weight: 700;
    white-space: normal;
    font-family: Arial;
    height: 32px;
}

.en-US .quick-menu-list a:hover .title {
    text-shadow: 0 0 10px #fff;
}

.quick-menu-list .icon {
    margin: 0 auto 5px;
    display: block;
    position: relative;
    top: 0;
    -webkit-animation: .85s both infinite;
    animation: .85s both infinite;
}

.quick-menu-list .icon img {
    width: 32px;
}

.quick-menu-list a:hover .icon {
    -webkit-animation-name: quickIcon-anm;
    animation-name: quickIcon-anm;
}

@keyframes quickIcon-anm {
    0% {
        top: 0;
    }
    50% {
        top: -4px;
    }
    100% {
        top: 0;
    }
}
@-webkit-keyframes quickIcon-anm {
    0% {
        top: 0;
    }
    50% {
        top: -4px;
    }
    100% {
        top: 0;
    }
}

.notice-board {
    padding: 12px;
    box-shadow: 0 1px 1px 1px #fff inset;
}

.notice-board-menu {
    position: relative;
    z-index: 2;
}

.notice-board-menu ul {
    margin: 0;
}

.notice-board-menu li {
    position: relative;
    list-style: none;
    float: left;
    margin: 0 8px 0 0;
}

.notice-board-menu a {
    color: #5f5f5f;
    padding: 10px 0;
    _padding: 8px 0 12px;
    text-align: center;
    width: 150px;
    display: block;
    font-size: 16px;
    line-height: 1em;
    _line-height: 16px;
    margin: 0 0 18px;
    text-decoration: none;
    background: url(/images/bg/bg-noticeBoardMenu.png) no-repeat;
    border-radius: 5px;
    overflow: hidden;
    *overflow: inherit;
    text-decoration: none;
}

.en-US .notice-board-menu a {
    width: 160px;
}

.notice-board-menu a:active {
    text-decoration: none;
}

.notice-board-menu .active:hover, .notice-board-menu .active, .notice-board-menu .active a:hover, .notice-board-menu .active a,.notice-board-menu .active a:visited {
    background: url(/images/bg/bg-noticeBoardMenuActive.png) no-repeat;
    color: #fff;
    font-weight: 700;
    text-shadow: 0 1px 2px #009;
}

.notice-board-menu a:visited {
    text-decoration: none;
    color: #5f5f5f;
}

.notice-board-menu a:hover {
    color: #00f;
    background: url(/images/bg/bg-noticeBoardMenuHover.png) no-repeat;
    text-decoration: none;
}

.notice-board-menu .radius {
    position: absolute;
    right: 0;
    top: 0;
    width: 5px;
    height: 36px;
    background: url(/images/bg/bg-noticeBoardMenu.png) right top no-repeat;
}
.notice-board-menu .active:hover {
    color: #fff;
}

.notice-board-menu a:hover .radius {
    background: url(/images/bg/bg-noticeBoardMenuHover.png) right top no-repeat;
}

.notice-board-menu .active:hover .radius, .notice-board-menu .active .radius,.notice-board-menu .active a:hover .radius, .notice-board-menu .active a .radius {
    background: url(/images/bg/bg-noticeBoardMenuActive.png) right top no-repeat;
}

.notice-board-menu .arrow {
    background: url(/images/icon/icon-noticeBoardMenuArrow.png);
    width: 17px;
    height: 10px;
    overflow: hidden;
    position: absolute;
    bottom: -1px;
    *bottom: -1px;
    left: 50%;
    margin: 0 0 0 -9px;
    display: none;
}

.notice-board-menu .active .arrow {
    display: block;
}

.notice-board-content {   
    border: 1px solid #064bf0;
    background: url(/images/bg/bg-noticeboardContent.png) 0 0 repeat-x #fff;
    min-height: 350px;
    position: relative;
}

.notice-board-control {
    background: #f4f7fa;
    padding: 10px 23px;
    position: relative;
    border-bottom: 1px solid #b8c4e1;
    *display: inline-block;
}

.notice-board-control .form-control {
    width: 150px;
}

.notice-board-control .link-more {
    position: absolute;
    right: 19px;
    top: 15px;
}

.notice-board-control .link-more a {
    text-decoration: none;
    font-size: 12px;
    line-height: 14px;
    padding: 0 9px 0 0;
    display: block;
    background: url(/images/icon/icon-linkMore_blue.png) right 3px no-repeat;
}

.notice-board-main {
    padding: 23px;
    position: relative;
    *display: inline;
    *zoom: 1;
}

.notice-table-list {
    border-collapse: collapse;
	border-spacing: 0;
}

.notice-table-list a {
    text-decoration: none;
}

.notice-table-list td {
    padding: 8px 25px;
    border: 0;
    margin: 0;
    vertical-align: top;
}

.notice-table-list .item {
    position: relative;
    padding: 0 0 0 43px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
	line-height: 16px;
	_line-height: 17px;
}

.notice-table-list .odd {
    background: #f2f5f9;
}

.notice-table-list .unread {
    position: absolute;
    top: -3px;
    left: 0;
    background: url(/images/bg/bg-noticeUnread.png);
    width: 33px;
    height: 24px;
    overflow: hidden;
    font-size: 11px;
    line-height: 25px;
    _line-height: 28px;
    text-align: center;
    color: #222;
    font-weight: 400;
    font-family: Arial;
    -webkit-transform: scale(0.91); /*解決chrome字最小12px問題*/
    display: inline-block;/*解決chrome字最小12px問題*/
}

.notice-table-list .unread.clicked {
    background-position: 0 -24px;
    color: #707070;
}

.notice-section {
    padding: 0 0 20px;
 }

.notice-section-title {
    font-size: 16px;
    font-weight: 700;
    color: #333;
    padding: 0 0 10px 25px;
    background: url(/images/bg/bg-noticeTitle.png) no-repeat;
}

.notice-section .msg {
    margin: 0 0 0 25px;
    color: #555;
 }

.table.default {
    width: 100%;
}

.table.default td {
    padding: 2px;
    vertical-align: middle;
}

.table.lightBlue {
    width: 100%;
    background: #fff;
    font-size: 12px;
	border-collapse: collapse;
	border-spacing: 0;
}

.table.lightBlue .hd {
    background: #c5d9f1;
}

.table.lightBlue td {
    border-bottom: 1px solid #e8eef7;
    padding: 3px 5px;
}

#mainContent.plus-side {
    position: relative;
    padding: 0 226px 0 0;
    margin: 0 10px 10px 0;
    _float: left;
    background: url(/images/bg/bg-mainContentSide.png) right bottom no-repeat;
}

#mainContent.plus-side .container_wrap {
    padding: 0 4px 0 0;
    background: none;
}

.mainContent-side {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    *height: 1000px;
    width: 214px;
    overflow: hidden;
    float: right;
    border-bottom: 1px solid #6d6b6e;
    *border-bottom: 0;
}

.mainContent-side .side-banner {
    background: #fff;
}

.mainContent-side .side-banner ul {
    list-style: none;
    margin: 0;
}

.mainContent-side .side-banner li {
    list-style: none;
    padding: 0 0 10px;
}

.mainContent-side .side-banner a:hover {
    opacity: .9;
}


.mainContent-side .side-news {
    width: 214px;
    background: url(/images/bg/bg-mainContentSide.png) no-repeat right bottom;
    position: static;
    float: left;
}



/*

.elearning-board {
    background: url(/images/bg/bg-elearningBoard.png) 0 2px repeat-x;
}

.elearning-board-menu {
    position: relative;
    z-index: 2;
    padding: 12px 12px 0;
}

.elearning-board-menu ul {
    margin: 0;
}

.elearning-board-menu li {
    position: relative;
    list-style: none;
    float: left;
    margin: 0 10px 0 0;
}

.elearning-board-menu a {
    color: #5f5f5f;
    padding: 10px 0;
    width: 120px;
    text-align: center;
    display: block;
    font-size: 16px;
    line-height: 1em;
    margin: 0 0 18px;
    text-decoration: none;
    background: url(/images/bg/bg-noticeBoardMenu.png) no-repeat;
    border-radius: 5px;
}

.elearning-board-menu a:hover {
    color: #00f;
    background: url(/images/bg/bg-noticeBoardMenuHover.png) no-repeat;
}

.elearning-board-menu a:active {
    text-decoration: none;
}

.elearning-board-menu .radius {
    position: absolute;
    right: 0;
    top: 0;
    width: 5px;
    height: 36px;
    background: url(/images/bg/bg-noticeBoardMenu.png) right top no-repeat;
}

.elearning-board-menu .active:hover, .elearning-board-menu .active,.elearning-board-menu .active a:hover, .elearning-board-menu .active a {
    background: url(/images/bg/bg-noticeBoardMenuActive.png) no-repeat;
    color: #fff;
    font-weight: 700;
    text-shadow: 0 1px 2px #009;
}

.elearning-board-menu .active:hover {
    color: #fff;
}

.elearning-board-menu a:hover .radius {
    background: url(/images/bg/bg-noticeBoardMenuHover.png) right top no-repeat;
}

.elearning-board-menu .active:hover .radius, .elearning-board-menu .active .radius, .elearning-board-menu .active a:hover .radius, .elearning-board-menu .active a .radius {
    background: url(/images/bg/bg-noticeBoardMenuActive.png) right top no-repeat;
}

.elearning-board-menu .arrow {
    background: url(/images/icon/icon-noticeBoardMenuArrow.png);
    width: 17px;
    height: 10px;
    overflow: hidden;
    position: absolute;
    bottom: -1px;
    _bottom: -2px;
    left: 50%;
    margin: 0 0 0 -9px;
    display: none;
}

.elearning-board-menu .active .arrow {
    display: block;
}

.elearning-top {
    position: absolute;
    top: 16px;
    right: 15px;
    z-index: 3;
}

.elearning-top a {
    color: #060;
    font-size: 16px;
    font-weight: 700;
    text-decoration: underline;
}

.elearning-top .icon-cart {
    text-decoration: none;
    background: url(/images/icon/icon-cart_green_s.png);
    width: 32px;
    height: 32px;
    overflow: hidden;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    margin: -2px 2px 0 0;
}

.elearning-top a:hover {
    text-decoration: none;
    color: #080;
}

.elearning-board-content {   
    border: 1px solid #064bf0;
    background: #fff;
    min-height: 400px;
    position: relative;
    margin: 0 -1px -1px;
}

.elearning-board-control {
    background: url(/images/bg/bg-elearningBoardControl.png) left bottom #f4f7fa repeat-x;
    padding: 10px 140px 10px 12px;
    position: relative;
    border-bottom: 1px solid #b8c4e1;
    *display: inline-block;
}

.elearning-board-control .form-control {
    width: auto;
    max-width: 150px;
    vertical-align: middle;
}

.elearning-board-control:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 181px;
    height: 44px;
    background: url(/images/bg/bg-elearningBoardBlueprint.png) no-repeat;
}

.elearning-board-control select.form-control {
    height: 25px;
}

.elearning-board-control .link-more {
    position: absolute;
    right: 12px;
    top: 15px;
    border-left: 1px solid #899bc6;
    padding-left: 12px;
}

.elearning-board-control .link-more a {
    font-size: 16px;
    line-height: 16px;
    color: #00f;
    text-decoration: underline;
}

.elearning-board-control .link-more a:hover {
    text-decoration: none;
}

.elearning-board-main {
    padding: 8px;
    background: #fff;
    position: relative;
    *display: inline;
    *zoom: 1;
}

.elearning-board-control .input-group {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    margin: 0 5px 0 0;
}

.elearning-board-control .radio-box {
    border: 1px solid #bbb;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    margin: 0 5px 0 0;
    padding: 1px 5px 2px 5px;
}

.elearning-board-control .button_submit {
    vertical-align: middle;
}

.elearning-board-control label {
    padding: 0 5px 0 0;
}
*/

.content .board-main {
    vertical-align: top;
    padding: 0;
    margin: 0;
}

.content .board-side {
    width: 208px;
    vertical-align: top;
    padding: 0 0 150px;
    margin: 0;
    background: #f5deb4;
    border-left: 1px solid #ddd;
}

.content .board-side .side-news {
    position: relative;
    _height: auto;
    padding-bottom: 100px;
}

.content .board-layout {
    width: 100%;
    position: relative;
    /*background: url(/images/bg/bg-sideNews.png) repeat-y right top;*/
    padding: 0;
    margin: 0;
	border-collapse: collapse;
	border-spacing: 0;
}
.bookmark-select {
    position: relative;
    width: 530px;
    margin: 0 0 10px;
}

.bookmark-select .control {
    position: absolute;
    bottom: 0;
    right: 0;
}

.bookmark-select .control ul, .bookmark-select .control li {
   padding: 0;
   margin: 0;
   list-style: none;
}

.bookmark-contorl {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: top;
    margin: 0;
    _margin: 0 5px 0 0;
}

.bookmark-dropdown {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    margin: 0;
    position: relative;
}

.bookmark-dropdown ul, .bookmark-dropdown li {
   padding: 0;
   margin: 0;
   list-style: none;
}

.bookmark-dropdown li {
    _float: left;
    _width: 100%;
}

.bookmark-toggle {
    background: url(/images/bg/bg-bookmarkToggle_md.png);
    width: 63px;
    _width: 79px;
    padding: 4px 8px;
    _padding: 4px 8px 5px;
    height: 17px;
    display: block;
    font-size: 12px;
    text-decoration: none;
    position: relative;
}

.en-US .bookmark-toggle {
    width: 69px;
    _width: 85px;
    background: url(/images/bg/bg-bookmarkToggle_xl.png);
}

.bookmark-toggle.on, .bookmark-toggle:active {
    background-position: 0 -25px;
    color: #00f;
    text-decoration: none;
}

.bookmark-toggle .arrow {
    background: url(/images/Icon/icon-bookmarkToggleArrow.png);
    height: 5px;
    width: 5px;
    overflow: hidden;
    position: absolute;
    top: 10px;
    right: 8px;
}

.bookmark-toggle.on .arrow {
    background-position: 0 -5px;
}

.bookmark-dropdown .bookmark-content {
    background: #f3fcff;
    border: 1px solid #5493b5;
    width: 160px;
    padding: 5px;
    position: absolute;
    top: 30px;
    right: -45px;
    display: none;
}

.en-US .bookmark-dropdown .bookmark-content {
    width: 200px;
    right: -65px;
}

.bookmark-content a {
	color: #000;
	font-weight: 400;
	border: none;
	line-height: 1.1em;
	padding: 3px 5px;
	float: none;
	display: block;
    text-decoration: none;
}

.bookmark-content a:hover, .bookmark-content a:active {
	color: #fff;
	background: #044bed;
    text-decoration: none;
}

.bookmark-content .arrow {
    width: 13px;
    height: 7px;
    position: absolute;
    left: 50%;
    margin: 0 0 0 -6px;
    top: -7px;
    background: url(/images/bg/bg-bookmarkContentArrow.png) no-repeat;
}

.bookmark-contorl .btn {
    width: 26px;
    height: 26px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    line-height: 999px;
    overflow: hidden;
    vertical-align: middle;
}

.bookmark-contorl .btn:hover {
    opacity: .8;
}

.bookmark-contorl .btn-add {
    background: url(/images/icon/icon-addBookmark.png);
}

.bookmark-contorl .btn-remove {
    background: url(/images/icon/icon-removeBookmark.png);
}

.bookmark-select-content {
    width: 494px;
    height: 160px;
    overflow: auto;
    border: 1px solid #a9a9a9;
    padding: 3px;
    margin: 10px 0;
}

.bookmark-select-content ul {
    margin: 0;
}

.bookmark-select-content li {
    position: relative;
    list-style: none;
    padding: 0 40px 0 3px;
    _float: left;
    _width: 100%;
    cursor: default;
}

.bookmark-select-content li:hover, .bookmark-select-content .hover {
    background: #ddd;
}

.bookmark-select-content .selected:hover, .bookmark-select-content .selected  {
    background: #26a0da;
    color: #fff;
}

.bookmark-select .remove {
    width: 14px;
    height: 14px;
    line-height: 999px;
    overflow: hidden;
    position: absolute;
    right: 6px;
    top: 3px;
    background: url(/images/icon/icon-bookmarkSelectRemove.png) no-repeat;
    cursor: pointer;
}

.adv-patentProfile {
    position: relative;
    width: 980px;
    height: 550px;
    margin: 0 auto;
    background: url(/images/bg/bg-advPatentProfile.jpg) no-repeat #fff;
}

.adv-patentProfile .versionNumber {
    position: absolute;
    bottom: 3px;
    left: 10px;
}

.adv-patentProfile .note {
    position: absolute;
    bottom: 16px;
    right: 14px;
    color: #666;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: normal;
}

.adv-patentProfile .adv-heading {
    width: 290px;
    height: 94px;
    line-height: 999px;
    overflow: hidden;
    position: absolute;
    top: 32px;
    left: 20px;
    background: url(/images/bg/bg-advPatentProfileHeading.png) no-repeat;
}

.zh-TW.adv-patentProfile .adv-heading {
    background-position: 0 0;
}

.zh-CN.adv-patentProfile .adv-heading {
    background-position: 0 -94px;
}

.en-US.adv-patentProfile .adv-heading {
    background-position: 0 -188px;
}

.adv-patentProfile .title {
    font-size: 26px;
    font-weight: 700;
    color: #00f;
    font-style: italic;
    margin: 0 0 35px 66px;
    line-height: 32px;
}

.en-US.adv-patentProfile .title {
    font-size: 24px;
}

.adv-patentProfile .adv-content {
    padding: 80px 35px 0 260px;
    font-size: 16px;
    line-height: 24px;
    text-align: justify;
    letter-spacing: 0.02em;
}

.en-US.adv-patentProfile .adv-content {
    text-align: left;
}

.adv-patentProfile p {
    margin: 0 0 18px;
}

.adv-patentProfile .adv-image {
    margin: 20px -18px 20px 12px;
}

.en-US.adv-patentProfile .adv-image {
    margin: 5px -25px 20px 8px;
}

.adv-patentProfile strong {
    font-weight: 700;
}

.adv-patentProfile a {
    color: #00f;
    text-decoration: underline;
    vertical-align: inherit;
}

.adv-patentProfile a:hover {
    text-decoration: none;
}

.adv-patentProfile td {
    vertical-align: top;
}

.pull-left {
    float: left;
}

.pull-right {
    float: right;
}

.adv-KMzone {
    position: relative;
    width: 980px;
    height: 550px;
    margin: 0 auto;
    background: url(/images/bg/bg-advKMzone.jpg) no-repeat #fff;
}

.adv-KMzone .versionNumber {
    position: absolute;
    bottom: 0;
    left: 10px;
}

.adv-KMzone .adv-heading {
    width: 290px;
    height: 94px;
    line-height: 999px;
    overflow: hidden;
    position: absolute;
    top: 32px;
    left: 20px;
    background: url(/images/bg/bg-advKMzoneHeading.png) no-repeat;
}

.zh-TW.adv-KMzone .adv-heading {
    background-position: 0 0;
}

.zh-CN.adv-KMzone .adv-heading {
    background-position: 0 -94px;
}

.en-US.adv-KMzone .adv-heading {
    background-position: 0 -188px;
}

.adv-KMzone .title {
    font-size: 26px;
    font-weight: 700;
    color: #00f;
    font-style: italic;
    margin: -22px 0 40px 66px;
    line-height: 32px;
}

.zh-CN.adv-KMzone .title {
    margin: -22px 0 40px 66px;
}

.en-US.adv-KMzone .title {
    font-size: 21px;
    line-height: 26px;
    margin: -22px 0 20px 66px;
}

.adv-KMzone .adv-content {
    padding: 80px 35px 0 260px;
    font-size: 16px;
    line-height: 24px;
    text-align: justify;
    letter-spacing: 0.02em;
}

.en-US.adv-KMzone .adv-content {
    text-align: left;
    letter-spacing: normal;
    font-size: 14px;
}

.adv-KMzone p {
    margin: 0 0 18px;
}

.adv-KMzone .adv-image {
    margin: -10px -18px 20px 12px;
}

.en-US.adv-KMzone .adv-image {
    margin: -30px -20px 20px 8px;
}

.adv-KMzone strong {
    font-weight: 700;
}


.adv-KMzone a {
    color: #00f;
    text-decoration: underline;
    vertical-align: inherit;
}

.adv-KMzone a:hover {
    text-decoration: none;
}

.adv-KMzone td {
    vertical-align: top;
}

.adv-ImageFile {
    position: relative;
    width: 980px;
    height: 550px;
    margin: 0 auto;
    background: url(/images/bg/bg-advImageFile.jpg) no-repeat #fff;
}

.adv-ImageFile .versionNumber {
    position: absolute;
    bottom: 3px;
    left: 10px;
}

.adv-ImageFile .note {
    position: absolute;
    bottom: 16px;
    right: 14px;
    color: #666;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: normal;
}

.adv-ImageFile .adv-heading {
    width: 290px;
    height: 94px;
    line-height: 999px;
    overflow: hidden;
    position: absolute;
    top: 32px;
    left: 20px;
    background: url(/images/bg/bg-advImageFileHeading.png) no-repeat;
}

.zh-TW.adv-ImageFile .adv-heading {
    background-position: 0 0;
}

.zh-CN.adv-ImageFile .adv-heading {
    background-position: 0 -94px;
}

.en-US.adv-ImageFile .adv-heading {
    background-position: 0 -188px;
}

.adv-ImageFile .title {
    font-size: 26px;
    font-weight: 700;
    color: #00f;
    font-style: italic;
    margin: 5px 0 35px 66px;
    line-height: 32px;
}

.en-US .adv-ImageFile .title {
    font-size: 21px;
    margin: 5px 0 25px 66px;
}

.adv-ImageFile .adv-content {
    padding: 80px 35px 0 260px;
    font-size: 16px;
    line-height: 24px;
    text-align: justify;
    text-justify: inter-ideograph;
    letter-spacing: 0.02em;
}

.en-US.adv-ImageFile .adv-content {
    text-align: left;
    font-size: 14px;
    line-height: 21px;
}

.adv-ImageFile p {
    margin: 0 0 18px;
}

.adv-ImageFile .adv-image {
    margin: -30px -18px 0 40px;
}

.en-US.adv-ImageFile .adv-image {
    margin: -40px -18px 0 15px;
}



.adv-TrademarkServices {
    position: relative;
    width: 980px;
    height: 550px;
    margin: 0 auto;
    background: url(/images/bg/bg-advTrademarkServices.jpg) no-repeat #fff;
}

.adv-TrademarkServices .versionNumber {
    position: absolute;
    bottom: 3px;
    left: 10px;
    background: #fff;
    box-shadow: 0 0 10px #fff;
}

.adv-TrademarkServices .adv-heading {
    width: 290px;
    height: 100px;
    line-height: 999px;
    overflow: hidden;
    position: absolute;
    top: 24px;
    left: 12px;
    background: url(/images/bg/bg-advTrademarkServicesHeading.png) no-repeat;
}

.zh-TW.adv-TrademarkServices .adv-heading {
    background-position: 0 0;
}

.zh-CN.adv-TrademarkServices .adv-heading {
    background-position: 0 -100px;
}

.en-US.adv-TrademarkServices .adv-heading {
    background-position: 0 -200px;
}

.adv-TrademarkServices .title {
    font-size: 30px;
    font-weight: 700;
    color: #00f;
    font-style: italic;
    margin: 0 0 35px 0;
    line-height: 32px;
    position: absolute;
    left: 352px;
    top: 42px;
    width: 545px;
}

.en-US.adv-TrademarkServices .title {
    width: 585px;
    left: 325px;
    font-size: 26px;
}

.adv-TrademarkServices .sub-title {
    font-size: 22px;
    display: block;
    text-align: right;
    padding: 5px 0 0;
}

.adv-TrademarkServices .adv-content {
    padding: 150px 235px 0 58px;
    font-size: 16px;
    line-height: 24px;
    text-align: justify;
    text-justify: inter-ideograph;
    letter-spacing: 0.02em;
}

.en-US.adv-TrademarkServices .adv-content {
    font-size: 14px;
    line-height: 19px;
    padding-top: 125px;
}

.adv-TrademarkServices p {
    margin: 0 0 18px;
}

.en-US.adv-TrademarkServices p {
    margin: 0 0 8px;
}

.adv-TrademarkServices .hd {
    font-weight: 700;
    text-decoration: underline;
}

.adv-TrademarkServices .list {
    margin-bottom: 2em;
}

.en-US.adv-TrademarkServices .list {
    margin-bottom: 8px;
}

.adv-TrademarkServices .list li {
    margin-bottom: 1em;
    line-height: 20px;
}

.en-US.adv-TrademarkServices .list li {
    margin-bottom: 8px;
    line-height: 19px;
}

.adv-TrademarkServices a {
    color: #00f;
    text-decoration: underline;
    vertical-align: inherit;
}



.orderProcess {
    margin: 0 -4px;
    position: relative;
    *float: left;
    *margin: 0 -5px;
}

.orderProcess a {
    color:#fff;
    vertical-align:baseline;
}

.orderProcess a:hover {
    color:#fff;
    text-decoration: none;
}

.op-gradientLine {
    position: relative;
    margin: -15px -9px 0;
    *margin: -13px -8px 0;
    overflow: hidden;
    height: 6px;
    background: url(/images/bg/bg-opGradientLine.png) no-repeat #00aeff;
}

.op-header {
    position: relative;
    font-size: 29px;
    line-height: 32px;
    color: #000;
    font-weight: 700;
    text-align: center;
    background: #dceefb;
    padding: 10px 0;
    margin: 0 -7px;
    *margin: 0 -5px;
    border-top: 1px solid #fff;
}

.op-header .icon {
    margin: -9px 6px 0 -18px;
    *margin: 0 6px 0 0;
}

.op-content {
    border-top: 1px solid #699db6;
    padding: 10px;
    position: relative;
    text-align: center;
}

.op-footer {
    text-align: center;
    margin: -5px 0 5px;
    position: relative;
    padding: 0 10px;
}

.op-list-warp {
    background: url(/images/bg/bg-opContentList.png) no-repeat;
    width: 900px;
    height: 352px;
    margin: 0 auto;
    position: relative;
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

.op-list {
    margin: 0;
}

.op-list li {
    font-size: 13px;
    line-height: 18px;
    letter-spacing: 1px;
    font-family: arial,sans-serif;
    text-align: justify;
}

.op-list ol {
    margin: 0 0 0 15px;
}

.op-list ol li {
    list-style: decimal;
}

.op-list .title {
    font-size: 21px;
    color: #fff;
    font-weight: 700;
    text-align: center;
    padding: 0 0 20px;
    font-family:"Microsoft JhengHei",arial,sans-serif;
}

.op-list .title .line {
    width: 18px;
    height: 1px;
    display: block;
    background: #ddd;
    margin: 15px auto 0;
    position: relative;
    overflow: hidden;
}

.op-list .icon {
    text-align: center;
}

.op-inner {
    padding: 20px 15px;
}

.op-item {
    list-style: none;
    width: 20%;
    *width: 180px;
    float: left;
    color: #fff;
}

.orderProcess .btn-close {
    background: url(/images/buttons/btn-op_close.png) no-repeat;
    background-position: 0 0;
    width: 85px;
    height: 28px;
    overflow: hidden;
    line-height: 999px;
    border: 0;
    cursor: pointer;
    display: block;
    margin: 0 auto;
    padding: 0;
    position: relative;
}

.orderProcess .btn-close:hover, .orderProcess .btn-close:active {
    background-position: 0 -28px;
}

.op-footer .line {
    background: #ccc;
    height: 1px;
    display: block;
    overflow: hidden;
    margin: 0 0 -15px;
}

/*.advso-mod {
	position: relative;
	margin: 0 auto;
	background: #fff;
	text-align: left;
	margin: -5px -7px -7px -7px;
}
.content .advso-mod a {
	color: #00f;
	text-decoration: underline;
	vertical-align:baseline;
}
.advso-mod a:hover {
	color: #00f;
	text-decoration: none;
}
.advso-mod a img {
	vertical-align: middle;
}
.advso-mod .link-naip {
	position: absolute;
	top: 8px;
	left: 12px;
}
.advso-mod .link-pvigo {
	position: absolute;
	top: 7px;
	right: 11px;
}
.advso-header {
    background: url(/images/layout/bg-advsoheader.jpg) no-repeat;
	height: 372px;
	position: relative;
}
.advso-header .open-text {
	position: absolute;
	top: 108px;
	left: 506px;
}
.advso-header .title {
	position: absolute;
	top: 156px;
	left: 509px;
}

.advso-course-table {
    background: #fff;
	border-collapse: collapse;
	border-spacing: 0;
    font-size: 15px;
    line-height: 21px;
}

.advso-course-table th, .advso-course-table td {
    border: 1px solid #604a7b;
    padding: 6px;
}

.advso-course-table table th, .advso-course-table table td {
    border: none;
    vertical-align: top;
    padding: 0 0 5px;
}

.advso-course-hd {
    background: #403152;
    color: #fff;
    padding: 6px;
    font-weight: 700;
}

.advso-course-title {
    background: #e6e0ec;
    color: #000;
    text-align: center;
    font-weight: 700;
}

.advso-course-time  {
    text-align: center;
}

.advso-header .link-contact {
	position: absolute;
	top: 326px;
	right: 16px;
}

.advso-content {
	padding: 15px 60px;
	font-size: 16px;
}

.advso-content p {
	margin: 0 0 20px;
	text-align: justify;
}

.advso-footer {
	text-align: center;
	width: 100%;
	color: #fff;
	font-size: 14px;
	background: #311242;
	padding: 5px 0;
	position: relative;
	margin: 30px 0 0;
}
.advso-mod .advso-footer a {
	color: #fff;
	text-decoration: underline;
}
.advso-mod .advso-footer a:hover {
	color: #fff;
	text-decoration: none;
}
.advso-section {
	position: absolute;
	width: 191px;
}
.advso-section .title {
	padding: 0 0 6px;
}
.advso-mod .notice {
	position: absolute;
	top: 607px;
	right: 13px;
	font-size: 13px;
	font-weight: 700;
	color: #000;
}
.advso-mod .link-list {
	position: absolute;
	top: 666px;
	left: 28px;
	margin: 0;
	padding: 0;
	list-style: none;
}
.advso-mod .link-list li {
	float: left;
	margin: 0 20px 0 0;
}
.advso-main {
	font-weight: 700;
	font-size: 16px;
	line-height: 28px;
}
.advso-mod .hot-text {
    position: absolute;
    top: 354px;
    left: 30px;
}

.advso-mod .versionNumber {
    position: absolute;
    bottom: 6px;
    left: 10px;
    color: #7f7f7f;
    font-size: 12px;
}
*/

.data-form-mod {
    border: 1px solid #39718f;
    background: #fff;
    padding: 2px;
    text-align: center;
    _float: left;
    _width:100%;
    overflow: hidden;
}

.data-form-mod .status {
    text-align: left;
    position: relative;
    padding: 10px 20px 10px 50px;
    margin: 10px;
    border-radius: 5px;
    overflow: hidden;
}

.data-form-mod .error {
    border: 1px solid #d0aaab;
    background: url(/images/grid/valid_fail.png) 20px 12px no-repeat #f2dede;
    color: #901515;
}

.data-form-mod .alert {
    border: 1px solid #c2beb2;
    background: url(/images/grid/valid_alert.png) 20px 12px no-repeat #f9f7ea;
    color: #000;
}
.data-form-mod .status ol {
    margin-left: 1.2em;
    _margin-left: 2em;
}

.data-form-top {
    background: #bbdaec;
    padding: 5px;
    position: relative;
    margin: -2px -2px 5px;
    overflow: hidden;
    border-bottom: 1px solid #b2ccdf;
    _float: left;
}

.data-form-top table {
    background: #e9f4fc;
    padding: 4px;
    border: 1px solid #b2ccdf;
    box-shadow: 0 0 2px rgba(0,0,0,.3);
}

.data-form-top table td {
    background: #e9f4fc;
    padding: 0;
}

.data-form-top table table {
    background: #e9f4fc;
    padding: 0 1px;
    border: 0;
    box-shadow: none;
}

.data-form-top table table td {
    background: #e9f4fc;
    padding: 3px 5px;
}

.data-form-top .table_Item_R {
    background: url(/images/bg/bg-gradientBlue.png) top left repeat-x #74acd1;
    color: #fff;
    text-align: center;
    font-weight: 700;
}

.data-form-top .table_Item_L {
    background: #d3e8f4;
    border-left: 3px solid #e9f4fc;
}

.data-form {
    max-width: 1000px;
    margin: 5px auto;
    _width: 80%;
}

.data-form-mod .controls {
    background: url("/images/bg/Title_bg.gif") 50% top #bfdfff;
    border-bottom: 1px solid #4489ae;
    color: #1d4b6d;
    font-size: 15px;
    font-weight: 700;
    line-height: 25px;
    padding: 1px;
    text-align: center;
}


.course-page {
    width: 100%;
}

.course-header {
    margin: 10px 0;
    width: 100%;
}

.course-header td {
    padding: 0;
}

.course-title {
    background: #d9d9d9;
    color: #00f;
    padding: 5px 10px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    font-size: 16px;
    font-weight: 700;
}

.course-page .section {
    margin: 0 0 10px;
}

.course-page .section-title {
    font-size: 16px;
    font-weight: 700;
    margin: 0 0 5px 5px;
}


/* web grid custom*/

.webgrid-mod {
    position: relative;
    overflow: hidden;
    width:100%;
}

.webgrid-mod-inner {
    overflow-y: hidden;
}

.webgrid-header {
    width:100%;
    overflow: hidden;
}

.webgrid-content {
    width: 100%;
    overflow: auto;
    display: block;
}

.webgrid-content td {
    height: 100%;
    overflow: hidden;
    padding: 2px 4px;
    text-indent:0;
    vertical-align: middle;
    white-space: nowrap;
    color: #000;
    border-bottom: 1px solid #e0edfa;
    background-color: #fff;
    background-image: url(/images/bg/blue_table_cell_bg.gif);
    background-repeat: repeat-y;
    background-position: left;
}

.webgrid-mod .table_text1 {
    padding: 2px 4px;
}




/******************************* webgrid auto height  *******************************/

/*
#grdResult_f, #dvTB_grdResult_Table, #dvTB_grdResult_, #grdResult_of, #WebGrid1_of, #dvTB_WebGrid1_, #WebGrid1_f {
    height: auto !important;
}

#dvTB_grdResult_Table, #dvTB_WebGrid1_, #grdResult_f {
    overflow-x: scroll !important;
    overflow-y: visible !important;
}

#dvCH_grdResult_ {
    overflow: visible !important;
    width: auto !important;
}

 #dvTB_grdResult_, #grdResult_f {
    overflow: visible !important;
}

#grdResult_of {
    overflow-x: scroll !important;
    overflow-y: visible !important;
}

#tbFreeze_grdResult, #tbFreeze_WebGrid1 {
    display: none;
}
*/

/******************************* webgrid auto height  *******************************/




.contact-mod {
    position: relative;
    margin: -7px -5px 0;
    bottom: -4px;
    width: 992px;
    text-align: left;
    min-height: 700px;
}

.contact-form {
    width: 674px;
    float: left;
    padding: 0 22px 20px;
}

.contact-form-heading {
    position: relative;
    font-size: 18px;
    height: 18px;
    line-height: 1em;
    font-weight: 700;
    padding: 20px 0;
    border-bottom: 1px solid #afcbde;
}

.contact-form-heading .note {
    font-size: 12px;
    font-weight: 400;
    margin: 0 0 0 10px;
}

.contact-form-content {
    padding: 12px 0;
    border-top: 1px solid #f4faff;
}

.contact-form-content .ftbContent_OuterTable {
    width: 100%;
}

.contact-form-content td {
    vertical-align: middle;
}

.contact-form-content .field-name {
    padding: 4px;
    padding-left: 0;
    text-align: right;
    width: 84px;
    font-size: 14px;
    line-height: 26px;
    font-family: "Microsoft JhengHei",arial,sans-serif;
    vertical-align: top;
}

.en-US .contact-form-content .field-name {
    font-size: 14px;
    line-height: 19px;
    width: 88px;
}

.contact-form-content .field-name .Mark {
    padding-right: 3px;
}

.contact-form-content .field-content {
    padding: 4px;
    padding-right: 0;
    text-align: left;
    /*font-size: 12px;*/
    font-size: 14px;
    line-height: 26px;
}

.en-US .contact-form-content .field-content {
    font-size: 13px;
    line-height: 16px;
}

.contact-form-content .field-content td {
    padding: 0 2px;
}

.contact-form-content .field-content .field-name {
    width: 60px;
    padding-left: 0;
}

.contact-form-content .field-content .field-content {
    padding-right: 0;
}

.contact-mod .field-content input[type="text"], .contact-mod .field-content input[type="password"], .contact-mod .field-content select, .contact-mod .field-content textarea {
    border: 1px solid #ccc;
    border-radius: 2px;
    padding: 2px 5px;
    vertical-align: middle;
}

.contact-mod .field-content select {
    padding: 1px 0;
}

.contact-mod .field-content .custom1 {
    width: 325px;
}

.contact-mod .field-content .custom2 {
    width:325px;
    margin-top: 8px;
}

.en-US .contact-mod .field-content .custom1 {
    width: 400px;
}

.en-US .contact-mod .field-content .custom2 {
    width:559px;
    display:block;
    margin-top: 8px;
}

.contact-mod .mark {
    color: #f00;
    font-size: 12px;
    padding: 0 2px;
    vertical-align: middle;
}

.contact-mod .btn-row {
    text-align: center;
    padding: 20px 0 0;
}

.contact-form-editor {
    border: 1px solid #81a9e2;
    margin: 0 0 5px;
    width: 557px;
}

.contact-contract {
    border: 1px solid #81a9e2;
    padding: 8px 0;
    text-align: center;
    margin: 0 0 5px;
}

.contact-mod .contact-contract {
    width: 557px;
}

.contact-contract-main {
    background-color: #c3def1;
    margin: 0 15px;
    padding: 10px 15px;
    text-align: left;
    font-size: 12px;
}

.en-US .contact-contract-main li {
    line-height: 17px;
    margin: 0 0 2px;    
}

.contact-contract-check {
    padding: 5px 20px 0 0;
}

.contact-contract-check input {
    vertical-align: middle;
}

.contact-mod ol, .contact-contract ol {
    margin-left: 2em;
}

.imgVldCode-box {
    height: 28px;
    width: 100px;
    overflow: hidden;
    border: 1px solid #9cf;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 5px 0 0;
}

.imgVldCode-box img {
    position: relative;
    top: -6px;
}

.content .contact-mod a {
    color: #00f;
    text-decoration: underline;
    vertical-align: initial;
}

.contact-form .size-s {width: 80px;}
.contact-form .size-m {width: 120px;}
.contact-form .size-l {width: 160px;}
.contact-form .size-xl {width: 200px;}
.contact-form .size-xxl {width: 547px;}
.contact-form select.size-xxl {width: 559px;}
.contact-form textarea.size-xxl {width: 547px; height: 20px;}
.en-US .contact-form textarea.size-xxl {height: 40px;}



.contact-mod .contact-info {
    width: 272px;
    float: right;
    background: #f8e5c1;
    height: 100%;
    border-left: 1px solid #d4c2a1;
    position: absolute;
    right: -2px;
}

.contact-info-inner {
    padding: 9px;
    padding-left: 10px;
    font-size: 12px;
    font-family: arial,sans-serif;
}

.contact-mod .info {
    margin: 0 0 20px;
    padding: 0 0 0 17px;
    background: url(/images/layout/img-contact-info_dot.png) no-repeat;
    background-position: 0 5px;
}

.contact-mod .info:last-child {
    margin: 0;
}

.contact-mod .info dt {
    padding: 0 0 8px;
}

.contact-mod .info dd {
    padding: 0 0 15px;
    line-height: 18px;
}

.contact-mod .info dd:last-child {
    padding: 0;
}

.contact-mod .info .title {
    font-weight: 700;
    font-size: 13px;
    text-decoration: underline;
}

.contact-mod .info-section {
    position: relative;
    background: #632201;
    background: linear-gradient(to bottom, #632201 1%,#832e03 100%);
    border-radius: 10px;
    padding-bottom: 2px;
    width: 253px;
    overflow: hidden;
}


.contact-mod .info-section__header {
    display: block;
    width: 100%;
    height: 40px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    background: url(/images/layout/img-contact_info_title.png);
    border-radius: 10px 10px 0 0;
}

.zh-TW.contact-mod .info-section__header {
    background-position: 0 0;
}

.zh-CN .contact-mod .info-section__header {
    background-position: 0 -40px;
}

.en-US .contact-mod .info-section__header {
    background-position: 0 -80px;
}


.contact-mod .info-section__content {
    padding: 14px;
    padding-right: 0;
    background: #f8e5c1;
    border-radius: 0 0 8px 8px;
    margin: 0 2px;
    border-radius: 0 0 10px 10px;
}

.btn-subscription {
    display: block;
    width: 253px;
    height: 39px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    margin: 16px 0;
    background: url(/images/layout/btn-subscription.png);
}

.zh-TW .btn-subscription {
    background-position: 0 0;
}

.zh-CN .btn-subscription {
    background-position: 0 -39px;
}

.en-US .btn-subscription {
    background-position: 0 -78px;
}




/* subscription */

.subscription-mod {
    width: 792px;
    margin: 0 auto;
}

.subscription-mod .content a {
    vertical-align: baseline;
}

.subscription-mod table {
    border: 1px solid #dceefb;
}

.subscription-header {
    margin: 0 0 7px;
    position: relative;
    height: 95px;
}

.subscription-header-link {
    position: absolute;
    top: 8px;
    right: 8px;
}

.subscription-header-link a {
    margin: 0 7px;
    color: #000;
    font-size: 13px;
    line-height: 1em;
    text-decoration: none;
}

.subscription-header-link a:hover {
    color: #00f;
}

.subscription-form {
    padding: 10px;
}

.subscription-form input[type="radio"] {
    margin: 0;
}

.subscription-form .Mark {
    padding-right: 3px;
}

.subscription-form .btn-row {
    text-align: center;
    padding: 10px 0 5px;
}

.subscription-form .btn-row input {
    font-size: 14px;
    margin: 3px 6px;
}

.subscription-form table {
	border-collapse: collapse;
	border-spacing: 0;
}

.subscription-form .field-name {
    font-size: 14px;
    line-height: 26px;
    padding: 3px 4px 3px 0;
    text-align: right;
    vertical-align: top;
    width: 150px;
    border: 1px solid #dceefb;
}

.subscription-form .field-content {
    font-size: 14px;
    line-height: 26px;
    padding: 3px 0 3px 4px;
    text-align: left;
    border: 1px solid #dceefb;
}

.subscription-form .field-content table {
    border-collapse: collapse;
	border-spacing: 0;
	margin: 0;
	padding: 0;
	border: 0;
}

.subscription-section {
    padding: 5px 15px;
    border: 1px solid #dceefb;
}

.subscription-section.border {
    border: 1px solid #ccc;
    margin: 0 0 10px;
}

.subscription-form .border {
    border: 1px solid #ccc;
    margin: 0 0 10px;
}

.subscription-form .contact-contract-check {
    padding: 0;
}

.subscription-form .field-content input[type="text"], .subscription-form .field-content input[type="password"], .subscription-form .field-content select, .subscription-form .field-content textarea {
    border: 1px solid #ccc;
    border-radius: 2px;
    padding: 2px 5px;
    vertical-align: middle;
}

.subscription-form .size-s {width: 80px;}
.subscription-form .size-m {width: 120px;}
.subscription-form .size-l {width: 160px;}
.subscription-form .size-xl {width: 200px;}
.subscription-form .size-xxl {width: 300px;}


.subscription-msg {
    padding: 10px 0;    
}

/* subscription end */




#NPCSiteNews_content table,
#NPCSiteNews_content table th,
#NPCSiteNews_content table td {
    border: 1px solid #000;
	border-collapse: collapse;
	border-spacing: 0;
}


#NPCSiteNews_content .c {
   background: #c5c5c5;
}



/************* 2016 EP ****************/


.EPRenewals-mod {
    background-color: #fff;
    height: 635px;
    position: relative;
}

.EPRenewals-remark .highlight {
    font-weight: 700;
    color: #f00;
}


.EPRenewals-header .title {
    position: absolute;
    top: 83px;
    right: 45px;
}

.zh-CN .EPRenewals-header .title {
    top: 100px;
    right: 46px;
}

.en-US .EPRenewals-header .title {
    top: 85px;
    right: 44px;
}

.EPRenewals-header .subtitle {
    position: absolute;
    top: 157px;
    right: 47px;
}

.zh-CN .EPRenewals-header .subtitle {
    top: 175px;
    right: 49px;
}

.en-US .EPRenewals-header .subtitle {
    top: 160px;
    right: 46px;
}

.EPRenewals-remark {
    position: absolute;
    top: 387px;
    left: 295px;
    width: 650px;
}

.zh-CN .EPRenewals-remark {
    top: 377px;
    left: 340px;
    width: 600px;
}

.en-US .EPRenewals-remark {
    top: 375px;
    left: 260px;
    *left: 220px;
    width: 700px;
    *width: 740px;
}

.EPRenewals-remark .hd {
    background: #06ff00;
    font-weight: 700;
    display: inline-block;
}


.EPRenewals-remark li {
    line-height: 24px;
    margin: 0 0 6px;
    text-align: justify;
    text-justify: inter-ideograph;
    font-size: 16px;
    *margin-left:30px;
    font-family: Arial,"Microsoft JhengHei";
}

.zh-TW .EPRenewals-remark .custom1 {
    text-indent: 4em;
    display: block;
}

.zh-TW .EPRenewals-remark .custom2 {
    letter-spacing: -.22px;
}


.zh-CN .EPRenewals-remark .custom1 {
    letter-spacing: -.1px;
}


.zh-CN .EPRenewals-remark li {
    margin: 0 0 14px;
}

.en-US .EPRenewals-remark li {
    line-height: 21px;
    font-size: 16px;
    margin: 0 0 8px;
    text-align: left;
    *margin-left:30px;
}

.link-EPnaip {
    position: absolute;
    top: 11px;
    left: 31px;
}

.zh-CN .link-EPnaip {
    top: 16px;
    left: 28px;
}

.en-US .link-EPnaip {
    left: 28px;
}

.link-EPpvigo {
    position: absolute;
    top: 8px;
    right: 31px;
}

.zh-CN .link-EPpvigo {
    top: 21px;
    right: 33px;
}

.en-US .link-EPpvigo {
    top: 7px;
    right: 32px;
}

.EPoffers {
    position: absolute;
    top: 277px;
    right: 163px;
    z-index: 2;
}

.EPoffers li {
    list-style: none;
}

.zh-CN .EPoffers {
    top: 314px;
    right: 179px;
}

.en-US .EPoffers {
    top: 304px;
    right: 283px;
}

.EPoffers img {
    float: right;
}

.link-EPapply {
    position: absolute;
    top: 223px;
    right: 31px;
}

.zh-CN .link-EPapply {
    top: 251px;
    right: 35px;
}

.en-US .link-EPapply {
    top: 226px;
    right: 20px;
}

.link-EPmore {
    position: absolute;
    top: 305px;
    right: 31px;
}

.zh-CN .link-EPmore {
    top: 318px;
    right: 43px;
}

.en-US .link-EPmore {
    top: 311px;
    right: 35px;
}

.EPRenewals-mod .versionNumber {
    position: absolute;
    bottom: 5px;
    left: 7px;
}

.EP-tag {
    position: absolute;
    top: 15px;
    right: 130px;
    z-index: 2;
}




/************* 2016 EP end ****************/





.KM-mod {
	padding: 15px 15px 0;
	background: url(/images/bg/bg-renewalsMod.png) #fff repeat-x;
	font-size: 18px;
	position: relative;
}

.content .KM-mod a {
    vertical-align: inherit;
}

.KM-mod strong {
   font-weight: 700;
}

.KM-mod ul li {
	list-style: none;
	position: relative;
}

.KM-menu li {
	float: left;
	z-index: 2;
	position: relative;
}

.KM-mod ol li {
	list-style-position: inside;
}

.KM-menu {
	height: 58px;
	border-bottom: 1px solid #000;
	margin: 0 0 20px;
}

.KM-menu ul, .KM-mod .list {
	padding: 0;
	margin: 0;
}

.KM-main {
	width: 916px;
	margin: 0 auto;
	padding: 15px 0;
}

.KM-banner {
	position: relative;
	padding: 10px 0 15px;
	background: url(/images/bg/bg-renewalsBanner.png) center bottom no-repeat;
	text-align: justify;
	height: 275px;
}

.KM-preface {
    padding: 0 0 5px;
}

.KM-preface p {
    font-size: 18px;
    padding: 0 0 20px;
    letter-spacing: .4px;
    line-height: 26px;
}

.KM-top-row {
    position: relative;
    z-index: 2;
    height: 34px;
}

.KM-section-header {
    border: 1px solid #333;
    border-top: 5px solid #982b38;
    padding: 15px;
    background: url(/images/layout/bg-kmSectionHeader.jpg) no-repeat;
    margin: 0 0 32px;
}

.KM-section-title {
    float: left;
    width: 260px;
    text-align: center;
    padding: 40px 0 0;
}

.KM-section-directions {
    float: right;
    padding: 0 0 0 30px;
    border-left: 1px solid #000;
    height: 112px;
    font-size: 16px;
    width: 575px;
}

.KM-section-directions .hd {
    color: #800;
    font-weight: 700;
    font-size: 18px;
    display: block;
    margin: 10px 0 12px;
}

.KM-mod .section-header-list {
    margin: 0 0 0 10px;
}


.KM-mod .section-inner {
    padding: 0 45px;
}

.KM-mod .section-inner-header {
    margin: 0 0 22px -18px;
    position: relative;
}

.KM-flow-chart {
    padding: 0 0 20px;
    text-align: center;
}


.KM-mod .offer-sheet-table {
    font-size: 18px;
}

.KM-mod .bg-lightBlue {
    background: #b7dee8;
}

.KM-mod .bg-lightGreen {
    background: #d7e4bd;
}


.KM-mod .offer-sheet-table th {
    border-left: 1px solid #fff;
    padding: 10px;
}

.KM-mod .offer-sheet-table td {
    font-weight: 400;
    padding: 10px;
}

.KM-mod .offer-sheet-table td.text-right {
    padding-right: 20px;
}


.KM-mod .icon-rednum {
    background:url(/images/layout/img-km_redNumber.png);
    width: 26px;
    height: 26px;
    position: absolute;
    top: 6px;
    left: 14px;
    line-height: 999px;
    overflow: hidden;
    float: left;
}

.KM-mod .icon-goldnum {
    background:url(/images/layout/img-km_goldNumber.png);
    width: 26px;
    height: 26px;
    position: absolute;
    top: 15px;
    left: 8px;
    line-height: 999px;
    overflow: hidden;
    float: left;
}

.KM-mod .sub-list {
   margin: 5px 0 20px;
}


.KM-mod .sub-list li {
   padding: 9px 5px 9px 45px; 
}

.KM-mod .sub-list .even {
   background: #f3f3f3;
}


.KM-mod .box-list {
   margin: 10px 0 15px;
   padding: 0 0 15px;
   border-bottom: 1px solid #ccc;
}

.KM-mod .box-list li {
   width: 220px;
   height: 51px;
   float: left;
   padding: 15px 15px 15px 40px;
   background:url(/images/layout/bg-boxlist.png) no-repeat;
   line-height: 24px;
}


.KM-section-footer {
    text-align: right;
    font-size: 14px;
    padding: 6px 0 16px;
}


.KM-mod .icon-top {
    background:url(/images/layout/img-km_topArrow.png) no-repeat;
    width: 10px;
    height: 7px;
    display: inline-block;
    vertical-align: middle;
    margin: 0 3px 0 0;
}


.KM-footer {
	text-align: center;
	color: #fff;
	font-size: 14px;
	background: #311242;
	padding: 5px 0;
	position: relative;
	margin: 0 -15px 0;
}

.KM-footer a {
	color: #fff;
	text-decoration: underline;
}

.KM-footer a:hover {
	color: #fff;
	text-decoration: none;
}

.KM-mod .copyright {
    text-align: center;
    color: #7f7f7f;
    padding: 5px 0;
    font-size: 14px;
}

.KM-mod .versionNumber {
    position: absolute;
    bottom: 6px;
    left: 16px;
}




/*   Patent Watch   */


.pw-custom {
    position: relative;
    padding: 97px 0 0;
}

.pw-mod a {
    outline: 0;
}

.pw-custom #wrapper {
    margin: 0 !important;
    min-width: inherit !important;
}

.pw-custom #content_side,.pw-custom #content_side {
    margin: 0;
    padding: 0;
}

.pw-custom #menu_side {display:none;}

.pw-custom #column_container {
    padding: 0;
    margin: 0;
    width: 1000px;
}

.pw-custom .container_wrap, .pw-custom .container, .pw-custom .content {
    padding: 0;
    margin: 0;
    border: 0;
    background: none;
}

.pw-custom #home_header, .pw-custom #home_footer {
    background: #8a0000;
    border: none;
    border-radius: 0;
    color: #fff;
    position: relative;
}

.pw-custom #home_header {
    position: fixed;
    top: 0;
    z-index: 100;
    width: 1000px;
    background: url(/images/layout/pw-headerbg.jpg);
}
.pw-custom #home_footer {
    background: url(/images/layout/pw-footerbg.jpg);
}


.pw-menu.fixed {
    position: fixed;
    top: 97px;
}

/*.pw-custom #home_logo {
    left: 0;
    top: 10px;
}

.pw-custom .logo_pvigo {
    width: 290px;
    height: 60px;
    background: url(/images/layout/pw-pvigoLogo.jpg) no-repeat;
    text-indent: -9999px;
    overflow: hidden;
    display: block;
    text-transform: capitalize;
}*/

.pw-custom #home_logo {
    left: 20px;
    top: 20px;
}


.zh-TW .pw-custom .logo_pvigo {
    background-position: 0 0;
}

.zh-CN .pw-custom .logo_pvigo {
    background-position: 0 -60px;
}

.en-US .pw-custom .logo_pvigo {
    background-position: 0 -120px;
    width: 320px;
}

.pw-custom .home_naip {
    width: 77px;
    height: 38px;
    background: url(/images/layout/pw-naipLogo.jpg) no-repeat;
    text-indent: -9999px;
    overflow: hidden;
    display: block;
    top: 7px;
    left: 13px;
    text-transform: capitalize;
    display: none;
}

.pw-custom .home_copyright {
    color:#fdfa00;
}

.pw-custom .home_header_wrap {
    border-radius: 0;
    height: 97px;
}

.pw-custom .home_top_info a {
    border-right: 1px solid #fff;
    color: #fff;
}

.pw-custom .home_top_info a:hover {
    color: #ff0;
}

.pw-custom .home_footer_link a {
    border-right: 1px solid #fff;
    color: #fff;
}

.pw-custom .home_contact_info a {
    background: none;
    color: #fff;
}

.pw-custom .naip-title {
    color: #ff0;
}

.pw-mod {
    width: 1000px;
    position: relative;
    top: -1px;
}


.pw-hero-banner {
    position: relative;
    margin: 0 auto;
}

.pw-container {
    position: relative;
    margin: 0 auto;
}

.pw-block {
    height: 220px;
    display: none;
}

.pw-block.show {
    display: block;
}

.pw-menu {
    display: block;
    background: #fcedcd;
    width: 1000px;
    height: 45px;
    position: absolute;
    top: 0;
    color:  #fff;
    text-align: center;
    z-index: 10;
}

.en-US .pw-menu {
    height: 61px;
}

.en-US .pw-menu ul {
    margin: 0;
}

.pw-menu li {
    float: left;
    position: relative;
    list-style: none;
}

.pw-menu a {
    text-decoration: none;
    height: 45px;
    line-height: 999px;
    overflow: hidden;
    display: block;
    background-repeat: no-repeat;
}

.en-US .pw-menu a {
    height: 61px;
}

#pw-navigation-menu .mPS2id-clicked  {
    background-position: 0 -90px;
}

#pw-navigation-menu a:hover,#pw-navigation-menu .mPS2id-clicked:hover,#pw-navigation-menu ._mPS2id-h.mPS2id-clicked:hover  {
    background-position: 0 -45px;
}

#pw-navigation-menu .mPS2id-highlight,#pw-navigation-menu .mPS2id-highlight:hover {
    background-position: 0 -90px;
}

#pw-navigation-menu ._mPS2id-h.mPS2id-highlight.mPS2id-clicked {
    background-position: 0 -90px;
}

#pw-navigation-menu ._mPS2id-h.mPS2id-clicked {
    background-position: 0 0;
}

.en-US #pw-navigation-menu .mPS2id-clicked  {
    background-position: 0 -122px;
}

.en-US #pw-navigation-menu a:hover, .en-US #pw-navigation-menu .mPS2id-clicked:hover, .en-US #pw-navigation-menu ._mPS2id-h.mPS2id-clicked:hover  {
    background-position: 0 -61px;
}

.en-US #pw-navigation-menu .mPS2id-highlight,.en-US #pw-navigation-menu .mPS2id-highlight:hover {
    background-position: 0 -122px;
}

.en-US #pw-navigation-menu ._mPS2id-h.mPS2id-highlight.mPS2id-clicked {
    background-position: 0 -122px;
}

.en-US #pw-navigation-menu ._mPS2id-h.mPS2id-clicked {
    background-position: 0 0;
}

.pw-menu .link-top {
    margin: 4px 0 5px 10px;
    height: 35px;
}

.en-US .pw-menu .link-top {
    margin: 10px 0 5px 15px;
    height: 39px;
}

.pw-menu .link-top:hover, .pw-menu .link-top.mPS2id-clicked:hover, .pw-menu .link-top.mPS2id-clicked {
    background-position: 0 0;
}

.pw-mod {
    position: relative;
}

.pw-mod .section-content {
    padding: 0 56px;
    font-size: 20px;
    position: relative;
}

.en-US .pw-mod .section-content {
    font-size: 18px;
}

.pw-mod .section {
    position: relative;
    top: 0;
    min-height: 700px;
}

.pw-mod .section-first {
    padding: 80px 0 0;
}

.pw-mod .section-first .section-content {
    padding-bottom: 60px;
}

.pw-mod #section-1 {
    min-height: 320px;
}

.pw-mod #section-2 {
    min-height: 400px;
}

.en-US .pw-mod #section-2 {
    min-height: 450px;
}

.pw-mod #section-3 {
    min-height: 570px;
}

.pw-mod #section-4 {
    min-height: 500px;
}

.pw-mod .btn-row {
    padding: 0 0 40px;
    text-align: center;
}

.en-US .pw-mod .btn-row {
    padding: 20px 0 40px;
    text-align: center;
}

.pw-mod .section-heading {
    font-size: 36px;
    font-weight: 700;
    color: #4e2115;
    text-align: center;
    margin: 45px 0 35px;
    height: 36px;
    text-indent: -9999px;
    text-transform: capitalize;
    overflow: hidden;
    background-repeat: no-repeat;
}

.zh-TW .pw-mod .section-heading {
     background-image: url(/images/layout/pw-sectionHeading_C.jpg);
}

.zh-CN .pw-mod .section-heading {
     background-image: url(/images/layout/pw-sectionHeading_D.jpg);
}

.en-US .pw-mod .section-heading {
     background-image: url(/images/layout/pw-sectionHeading_E.jpg);
}

.pw-list {
    margin: 50px 0 0;
}

.pw-list li {
    float: left;
    position: relative;
    width: 216px;
    height: 155px;
    padding: 0 24px 0 200px;
    list-style: none;
    font-size: 20px;
    line-height: 1.3em;
    letter-spacing: 1.7px;
    text-align: justify;
    text-justify: inter-ideograph;
}

.en-US .pw-list li {
    float: none;
    position: relative;
    width: auto;
    height: 85px;
    display: block;
    padding: 5px 10px 0 290px;
    font-size: 18px;
    line-height: 1.4;
    letter-spacing: 1px;
}

.pw-list li:first-child {
    margin: 0;
}

.pw-list .icon {
    margin: 0 auto;
    width: 130px;
    height: 107px;
    text-indent: -999px;
    overflow: hidden;
    display: block;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    left: 40px;
    text-align: left;
    text-justify: none;
}

.zh-TW .pw-list .icon {
    background-image: url(/images/layout/pw-iconGroup_C.jpg);
}

.zh-CN .pw-list .icon {
    background-image: url(/images/layout/pw-iconGroup_D.jpg);
}

.en-US .pw-list .icon {
    background-image: url(/images/layout/pw-iconGroup_E.jpg);
    width: 242px;
    height: 78px;
    left: 28px;
}

.pw-mod p {
    margin: 0 0 20px;
    text-align: justify;
    text-justify: inter-ideograph;
}

.en-US .pw-mod p {
    letter-spacing: normal;
    line-height: 1.6;
}

.en-US #section-2 p img {
    margin-left: -15px;
}

.pw-mod .versionNumber {
    position: absolute;
    bottom: 4px;
    left: 0;
}


/*   Patent Watch end  */




/* trademark */

.trademark-mod {
	padding: 5px;
	background: #fff;
	margin: 0 -2px;
}
.trademark-mod p {
	font-size: 16px;
	line-height: 1.35em;
    text-align: justify;
    text-justify: inter-ideograph;
}

.trademark-mod.en-US p {
	font-size: 16px;
	line-height: 24px;
}

.trademark-banner {
	position: relative;
	text-align: center;
}
.trademark-directions {
	padding: 15px 30px;
}
.trademark-directions p {
	font-size: 20px;
	font-weight: 700;
	line-height: 1.4em;
    letter-spacing: 0.04em;
}

.trademark-directions__bottom {
	font-size: 20px;
	text-align: right;
	padding-right: 1.2em;
}

.trademark-directions__bottom a {
	color: #051dd7;
	font-weight: 700;
	text-decoration: underline;
	margin-left: 6px;
	display: inline-block;
}

.trademark-directions__bottom img {
    vertical-align: middle;
    margin-bottom: -4px;
}

.en-US .trademark-directions__bottom {
	margin-top: 15px;
	padding-right: 5px;
}

.en-US .trademark-directions__bottom a {
    font-size: 16px;
}
.en-US .trademark-directions__bottom img {
    height: 17px;
    margin-bottom: -2px;
}

.en-US .trademark-directions {
	padding: 15px 45px;
}
.en-US .trademark-directions p {
	font-size: 16px;
	line-height: 1.5em;
    letter-spacing: 0.02em;
}

.trademark-mod .section-group {
	padding: 12px;
	border-radius: 0 10px 10px 10px;
	margin: 0 0 30px;
    position: relative;
}

.trademark-banner .text-mask {
    height: 40px;
}

.trademark-main {
    width: 849px;
    margin: 0 auto 15px;
}

.trademark-top {
	background: url(/images/layout/bg-trademarkTop.jpg);
	height: 15px;
}

.trademark-bottom {
	background: url(/images/layout/bg-trademarkBottom.jpg);
	height: 15px;
}

.trademark-content {
	background: url(/images/layout/bg-trademarkContent.jpg);
	padding: 0 22px;
	display: block;
	font-size: 16px;
}

.trademark-section {
    position: relative;
    padding: 18px 20px 18px 110px;
    border-top: 1px solid #d4d4d4;
	min-height: 60px;
	font-size: 16px;
	line-height: 24px;
}

.trademark-section .trademark-cta_link {
    position: absolute;
    bottom: -25px;
    right: -2px;
    z-index: 2;
}

.trademark-section li {
	font-size: 16px;
	line-height: 24px;
    text-align: justify;
    text-justify: inter-ideograph;
}

.en-US .trademark-section {
    padding-right: 25px;
}

.trademark-icon {
    position: absolute;
    top: 20px; 
    left: 20px;
}

.trademark-section:first-child {
    border-top: 0;
}

.trademark-section-heading {
    font-size: 20px;
    font-weight: 700;
    color: #0627a2;
	line-height: 30px;
	margin-bottom: 5px;
}

.en-US .trademark-section-heading {
    font-size: 18px;
}

.trademark-btn-row {
    padding: 25px 10px;
}

.trademark-btn-row p {
    text-align: center;
    background: #0627a2;
    padding: 15px 0;
    border-radius: 10px;
    font-size: 18px;
    font-weight: 700;
    color: #fff;
}

.en-US .trademark-btn-row p {
    font-size: 15px;
    line-height: 24px;
    font-weight: 700;
    height: 28px;
}

.trademark-btn-row a {
    color: #feff00;
    vertical-align: top;
    font-weight: 700;
}

.trademark-btn-row a:hover {
    text-decoration: none;
}

/**/

/* trademark Watch */

.trademark-watch {
	padding: 5px;
	background: #fff;
	margin: 0 -2px;
}
.trademark-watch p {
	font-size: 16px;
	line-height: 1.35em;
    text-align: justify;
    text-justify: inter-ideograph;
}

.trademark-watch.en-US p {
	font-size: 14px;
	line-height: 21px;
}

.trademark-watch .banner {
	position: relative;
	text-align: center;
}
.trademark-watch .directions {
    width: 874px;
    margin: 25px auto;
}
.trademark-watch .directions p {
	font-size: 20px;
	font-weight: 700;
	line-height: 30px;
}

.en-US .trademark-watch .directions p {
	font-size: 16px;
	line-height: 1.5em;
    letter-spacing: 0.02em;
}

.trademark-watch__main {
    width: 874px;
    margin: 0 auto 15px;
}

.trademark-watch .item-group {
	font-size: 16px;
}

.tw-item {
    position: relative;
	min-height: 60px;
	font-size: 16px;
	line-height: 24px;
	padding: 0 0 30px;
	width: 100%;
    background: url(/images/layout/bg-tw_item_shadow.png) center bottom no-repeat;
}

.tw-item__header {
    background: url(/images/layout/bg-tw_item_header.png) no-repeat;
    height: 40px;
    line-height: 40px;
    padding: 0 35px;
    font-size: 20px;
    font-weight: 700;
    color: #5d4006;
    position: relative;
    z-index: 2;
    text-shadow: 0 0 5px #f6ead0;
}

.tw-item__content {
    position: relative;
    padding: 18px 20px 18px 115px;
    border: 1px solid #caa87a;
    border-top: 0;
    margin: -2px 2px 0 1px;
    border-radius: 0 0 5px 5px 
}

.tw-item li {
	font-size: 16px;
	line-height: 24px;
    text-align: justify;
    text-justify: inter-ideograph;
    margin-bottom: 5px;
}

.tw-item .icon {
    position: absolute;
    top: 20px; 
    left: 30px;
}

.tw-item:first-child {
    border-top: 0;
}

.trademark-watch .btn-row {
    padding: 10px 0;
}

.trademark-watch .btn-row p {
    text-align: center;
    background: #543407;
    padding: 15px 0;
    border-radius: 10px;
    font-size: 22px;
    font-weight: 700;
    letter-spacing: 2px;
    color: #fff;
    text-shadow: 1px 1px 0 #321f04;
}

.trademark-watch.en-US .btn-row p {
    font-size: 15px;
    line-height: 24px;
    font-weight: 700;
    letter-spacing: 0;
}

.trademark-watch .btn-row a {
    color: #feff00;
    vertical-align: top;
    font-weight: 700;
}

.trademark-watch .btn-row a:hover {
    text-decoration: none;
}

/**/

/* assignment */

.assignment-mod {
	padding: 5px;
	background: #fff;
	margin: 0 -2px;
}
.assignment-mod p {
	font-size: 16px;
	line-height: 20px;
    text-align: justify;
    text-justify: inter-ideograph;
    margin: 0 0 5px;
}

.en-US .assignment-mod p {
    margin: 0 0 20px;
	line-height: 22px;
}

.assignment-mod ul {
    padding-bottom: 4px;
}

.en-US .assignment-mod ul {
    padding-bottom: 25px;
}

.assignment-mod li {
    text-align: justify;
    text-justify: inter-ideograph;
}

.en-US .assignment-mod li {
	line-height: 22px;
}

.assignment-banner {
	position: relative;
	text-align: center;
}

.assignment-directions {
	padding: 15px 105px;
}

.en-US .assignment-directions {
	padding: 35px 25px;
}

.assignment-directions p {
	font-size: 18px;
	font-weight: 700;
	line-height: 24px;
    margin: 0 0 1em;
}

.assignment-main {
    margin: 0 -5px;
}

.assignment-content {
	background: url(/images/layout/bg-assignmentContent.jpg) no-repeat;
	padding-left: 140px;
	display: block;
	font-size: 16px;
	height: 620px;
}

.en-US .assignment-content {
	background: url(/images/layout/bg-assignmentContent_lg.jpg) no-repeat;
	height: 833px;
	margin: 0 0 40px;
}

.assignment-section {
    position: relative;
    padding: 5px 45px 5px 216px;
    height: 150px;
    margin: 0 0 53px;
}

.en-US .assignment-section {
    padding: 20px 25px 20px 170px;
    height: 230px;
}

.assignment-custom2 {
    margin: 0 0 53px 140px;
    padding-left: 183px;
}

.assignment-custom3 {
    margin-bottom: 0;
}

.assignment-section .hd {
    color: #002bff;
    text-decoration: underline;
    display: block;
}

.en-US .assignment-section .hd {
    margin: 0 0 5px;
}

.assignment-section-heading {
    position: absolute;
    top: 25px;
    left: 23px;
}

.assignment-btn-row {
    width: 762px;
    margin: 0 auto 10px;
}

.assignment-btn-row p {
    text-align: center;
    background: #29333c;
    padding: 15px 0;
    border-radius: 10px;
    font-size: 18px;
    color: #fff;
}

.assignment-btn-row a {
    color: #feff00;
    vertical-align: top;
    font-weight: 700;
}

.assignment-btn-row a:hover {
    text-decoration: none;
}

/**/

.marquee {
    position: absolute;
    width: 258px;
    left: 370px;
    top: -30px;
    color:#00f;
    font-size: 12px;
    line-height: 22px;
}

.marquee a {
    color:#00f;
    text-decoration:none;
}


/* PIC */

.PIC-mod {
    width: 792px;
    margin: 0 auto;
}

.PIC-mod .content a {
    vertical-align: baseline;
}

.PIC-form strong {
    font-weight: 700;
}

.PIC-form a:hover {
    text-decoration: none;
}

.PIC-mod table {
    border: 1px solid #dceefb;
}

.PIC-header {
    margin: 0 0 7px;
    position: relative;
    height: 95px;
}

.PIC-process {
    padding: 0 27px 25px;
}

.PIC-process .process-step {
    height: 46px;
    float: left;
    overflow: hidden;
    line-height: 999px;
    background-position: left top;
    background-repeat: no-repeat;
    margin: 0 -5px;
}

.PIC-process .active {
    background-position: left bottom;
}

.PIC-form {
    padding: 10px;
}

.PIC-form fieldset {
    overflow: hidden;
}

.PIC-form input[type="radio"] {
    margin: 0;
}

.PIC-form .Mark {
    padding-right: 3px;
}

.PIC-form .btn-row {
    text-align: center;
    padding: 10px 0 5px;
    position: relative;
}

.PIC-form .btn-row input {
    font-size: 14px;
    margin: 3px 6px;
}

.PIC-form table {
	border-collapse: collapse;
	border-spacing: 0;
}

.PIC-form .field-name {
    font-size: 14px;
    line-height: 26px;
    padding: 3px 4px 3px 0;
    text-align: right;
    vertical-align: top;
    width: 150px;
    border: 1px solid #dceefb;
}

.PIC-form .field-content {
    font-size: 14px;
    line-height: 26px;
    padding: 3px 0 3px 4px;
    text-align: left;
    border: 1px solid #dceefb;
    vertical-align: top;
}

.PIC-form .field-content table {
    border-collapse: collapse;
	border-spacing: 0;
	margin: 0;
	padding: 0;
	border: 0;
}

.PIC-section {
    padding: 5px 15px;
    border: 1px solid #dceefb;
}

.PIC-section__header {
    background: #10578b;
    padding: 0 15px;
    color: #fff;
    line-height: 32px;
    font-size: 14px;
    font-weight: 700;
    display: inline-block;
    position: relative;
    z-index: 1;
    margin: 0 0 -1px;
    min-width: 70px;
}

.PIC-section__content {
    border: 1px solid #000;
    overflow-x: hidden;
}

.PIC-section.border {
    border: 1px solid #ccc;
    margin: 0 0 10px;
}

.PIC-form .border {
    border: 1px solid #ccc;
    margin: 0 0 10px;
}

.PIC-sectionGroup {
    background:#fff;
    margin: 10px 20px;
    border: 1px solid #333;
    overflow-x: hidden;
}

.PIC-sectionGroup .field-name, .PIC-sectionGroup .field-content, .PIC-sectionGroup table {
    border: 1px solid #fff;
}

.PIC-form .contact-contract-check {
    padding: 0;
}

.PIC-form .field-content input[type="text"], .PIC-form .field-content input[type="password"], .PIC-form .field-content select, .PIC-form .field-content textarea {
    border: 1px solid #ccc;
    border-radius: 2px;
    padding: 2px 5px;
    vertical-align: middle;
}

.PIC-form select option::selection {
    background: #00f;
    color: #fff;
}

.PIC-form .size-s {width: 80px;}
.PIC-form .size-m {width: 120px;}
.PIC-form .size-l {width: 160px;}
.PIC-form .size-xl {width: 200px;}
.PIC-form .size-xxl {width: 300px;}


.PIC-msg {
    padding: 10px 0;    
}

.pay-custom td {
    padding: 3px 5px;
    border: 1px solid #000;
    background: #fde9d9;
}

.pay-custom .bottom {
    padding: 10px 5px;
    background: #fbd4b4;
}

.pay-method {
    text-align: center;
    padding: 25px 18px;
    border: 1px solid #1475b1;
    border-radius: 5px;
    background: #fff;
    margin-top: 5px;
}

.pay-method .pay-btn {
    font-size: 20px;
    text-align: center;
    width: 305px;
    float: left;
    font-weight: 700;
    height: 95px;
    background: #fff;
    margin: 0 18px;
    cursor: pointer;
    overflow: hidden;
    background: url(/images/layout/btn-payMethod.jpg) no-repeat;
    background-position: 0 0;    
}

.pay-method .pay-btn:hover, .pay-method .active {
    background-position: 0 -95px;    
}



.PIC-promise {
    padding: 0 15px 30px;
}

.PIC-promise p {
    font-size: 16px;
}

.PIC-promise .link {
    color: #fff;
    background: url(/Images/layout/pic-promise_link.png);
    width: 76px;
    height: 28px;
    line-height: 26px;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    text-decoration: none;
    font-weight: 700;
    overflow: hidden;
    margin-top: -2px;
}

.PIC-promise-header {
    position: relative;
    margin: 0 0 -20px;
    text-align: center;
    height: 40px;
}

.PIC-promise-content {
    padding: 20px 25px;
    border: 1px solid #0000ff;
}

.PIC-promise-list {
    text-align: center;
    margin: 20px 0 15px;
}

.PIC-promise-list .title {
    color: #00549f;
    font-size: 18px;
    font-weight: 700;
    padding: 5px 0 0;
}


.PIC-promise-list li {
    position: relative;
    display: inline-block;
    text-align: center;
    width: 228px;
    margin: 0 25px;
    padding: 0 0 5px;
    cursor: default;
}

.PIC-promise-list .tooltip {
    display: none; 
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 2;
    background: #f8b551;
    border-radius: 5px;
    width: 212px;
    padding: 5px 6px;
    text-align: justify;
    text-justify: inter-ideograph;
    font-size: 15px;
    line-height: 18px;
    animation-duration: .5s;
    animation-fill-mode: both;
}

.PIC-promise-list .tooltip:before {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent #f8b551 transparent;
}

.PIC-promise-list li:hover .tooltip {
    display: block;
    animation-name: fadeIn;
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.PIC-payment {
    padding: 0 0 10px;
}

.PIC-payment__heading {
    font-size: 18px;
    font-weight: 700;
    color: #f4feff;
    line-height: 44px;
    text-align: center;
    background: #0542cc;
    background: linear-gradient(to bottom, #004eff 0%,#0542cc 100%);
    border-radius: 5px;
    margin: 0  0 10px;
}

.PIC-payment__group {
    margin: 0 -5px;
}

.payment-item {
    border: 1px solid #5971a7;
    width: 212px;
    height: 135px;
    float: left;
    margin: 5px;
    position: relative;
    background: #fff;
    background: linear-gradient(to bottom, #ffffff 91%,#e9e9eb 100%);
    text-align: center;
}

.PIC-payment__group.inner-col_1 {
    margin: 0;
}

.PIC-payment__group.inner-col_1  .payment-item {
    width: 884px;
    margin: 5px 0;
}

.PIC-payment__group.inner-col_2  .payment-item {
    width: 436px;
}

.PIC-payment__group.inner-col_3  .payment-item {
    width: 287px;
}

.PIC-payment__group.inner-col_4  .payment-item {
    width: 212px;
}

.payment-item .howtoUse {
    position: absolute;
    bottom: 5px;
    right: 5px;
    color: #0107ff;
    font-size: 10px;
}

.payment-item__heading {
    color: #013ec9;
    font-size: 18px;
    line-height: 1.2;
    font-weight: 700;
    padding: 15px 0 10px;
    font-weight: 700;
}

.payment-item__content {
    height: 30px;
    color: #68686c;
    font-size: 14px;
    padding: 0 20px;
    max-width: 280px;
    margin: 0 auto;
}

a.payment-item__btn {
    background: #013ec8;
    width: 50px;
    line-height: 25px;
    text-align: center;
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    display: inline-block;
    text-decoration: none;
    border: 1px solid #cdd3e2;
}

.PIC-paymentInfo {
    padding: 0 0 10px;
}


.PIC-paymentInfo__header {
    border-bottom: 1px solid #000;
    position: relative;
    padding-bottom: 3px;
    margin: 5px 0;
}

.PIC-paymentInfo__header .link {
    position: absolute;
    top: 0;
    right: 0;
}

.PIC-paymentInfo__heading {
    font-size: 16px;
    font-weight: 700;
}


.PIC-paymentInfo__content {
    font-size: 14px;
    line-height: 21px;
    color: #362824l;
    padding: 5px;
}




.PIC-service {
    padding: 15px;
    position: relative;
}

.PIC-service p {
    font-size: 16px;
}

.PIC-service .link {
    color: #fff;
    background: url(/Images/layout/pic-promise_link.png);
    width: 76px;
    height: 28px;
    line-height: 26px;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    text-decoration: none;
    font-weight: 700;
    overflow: hidden;
    margin-top: -2px;
}

.PIC-service-group {
    padding: 20px 76px;
}


.PIC-service-item {
    width: 300px;
    float: left;
    margin: 0 50px 20px;
}

.PIC-service-link {
    text-align: center;
    margin: 0 0 20px;
}

.PIC-service-link a:hover {
    opacity: .8;
}

.PIC-service-header {
    position: relative;
    margin: 0 0 -20px;
    text-align: center;
    height: 40px;
}

.PIC-service-content {
    width: 250px;
    padding: 20px 25px;
    border: 1px solid #000;
    height: 423px;
}

.PIC-service-list {
    text-align: center;
    padding: 10px 0;
    margin: 0;
    font-size: 18px;
    text-align: center;
}

.PIC-service-list .title {
    color: #000;
    font-size: 18px;
    font-weight: 700;
    padding: 5px 0 0;
}


.PIC-service-list li {
    position: relative;
    padding: 10px 0;
    list-style: none;
}

.PIC-service-list .tooltip {
    display: none; 
    position: absolute;
    top: 25px;
    left: 215px;
    z-index: 2;
    background: #f8b551;
    border-radius: 5px;
    width: 212px;
    padding: 5px 6px;
    text-align: justify;
    text-justify: inter-ideograph;
    font-size: 15px;
    line-height: 18px;
    animation-duration: .5s;
    animation-fill-mode: both;
}

.PIC-service-list .tooltip:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -10px;
    margin-left: -20px;
    border-width: 10px;
    border-style: solid;
    border-color: transparent #f8b551 transparent transparent;
}

.PIC-service-list li:hover .tooltip {
    display: block;
    animation-name: fadeIn;
}



/* PIC end */




/* renewals of trademark registrations  */

.TM-feeTrial {
    max-width: 700px;
    margin: 0 auto;
    padding: 10px 0;
}

.TM-feeTrial .trial-form {
    padding-bottom: 10px;
    border-bottom: 1px solid #ccc;
    margin-bottom: 10px;
}

.TM-feeTrial .trial-form-table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 10px;
}

.TM-feeTrial .currency {
    display: inline-block;
    padding-right: 20px;
    vertical-align: top;
}

.TM-feeTrial .btn-row {
    text-align: center;
}

.TM-feeTrial .trial-result-table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 10px;
}

.TM-feeTrial .trial-result-table td {
    margin: 0;
    border: 1px solid #b2c0d2;
    padding: 4px 12px;
}

.TM-feeTrial .trial-result-table .hd {
    background: #d9e1eb;
    text-align: center;
}

.TM-feeTrial .note {
    margin-bottom: 10px;
}

.TM-feeTrial .trial-result__header {
    margin-bottom: 5px;
}

.TM-feeTrial .currency-table {
    width: 100%;
    border-collapse: collapse;
}

.TM-feeTrial .currency-table td {
    margin: 0;
    border: 1px solid #b2c0d2;
    padding: 4px 12px;
}

.TM-feeTrial .currency-table .hd {
    background: #d9e1eb;
    text-align: center;
}




/****** header-sitemap *****/

.header-sitemap-mask {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  display: block;
  z-index: 1;
  display: none;
}
.header-sitemap-mask.show {
  display: block;
  /* *display: none !important; */
}

.header-sitemap-trigger.active {
  color: #0012ff;
}

.header-sitemap-panel {
  position: absolute;
  top: 29px;
  right: 20px;
  width: 970px;
  background-color: #ecf9ff;
  z-index: 10;
  font-size: 18px;
  padding: 25px 40px;
  display: none;
  color: #aaa;
  box-shadow: 0 5px 6px #aaa;
  border: 1px solid #000;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.home_layout .header-sitemap-panel {
  top: 29px;
  right: 15px;
}
    
.header-sitemap-panel * {
    box-sizing: border-box;
}

.header-sitemap-panel .sitemap-container {
  max-width: 1200px;
  margin: 0 auto;
  clear: both;
}
.header-sitemap-panel.show {
  display: block;
  -webkit-animation-duration: .5s;
  animation-duration: .5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-name: fadeInDown;
}
.header-sitemap-panel a {
  display: block;
  text-decoration: none;
  line-height: 24px;
  font-size: 18px;
  letter-spacing: .1em;
  cursor: pointer;
  padding: 2px 10px;
  padding-right: 2px;
  position: relative;
}
.header-sitemap-panel a:hover, .header-sitemap-panel a:active, .header-sitemap-panel a.active {
  background-color: #0012ff;
  color: #fff;
  font-weight: 700;
}
.header-sitemap-panel a:hover .icon-cart, .header-sitemap-panel a:active .icon-cart, .header-sitemap-panel a.active .icon-cart {
  background-image: url(../../Images/layout/icon-cart_white.png);
}
.header-sitemap-panel .disabled {
  color: #aaa;
  padding: 4px 10px;
  display: block;
  background: none;
}
.header-sitemap-panel .sitemap-line {
  width: 100%;
  margin: 24px 20px;
  height: 1px;
  background-color: #ccc;
  overflow: hidden;
  display: block;
  clear: both;
}
.header-sitemap-panel .header-sitemap-menu {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
  margin: 0 -20px;
}
.header-sitemap-panel ul {
  list-style: none;
  position: relative;
  margin: 0;
}
.header-sitemap-panel li {
  list-style: none;
  position: relative;
}
.header-sitemap-panel .header-sitemap-menu ul {
    margin: 0;
    list-style: none;
}
.header-sitemap-panel .header-sitemap-menu li {
  padding: 3px 0;
  position: relative;
  list-style: none;
}
.header-sitemap-panel .plus-icon {
  margin-left: -25px;
  *width: 196px;
}
.header-sitemap-panel .plus-icon a {
  padding-left: 35px;
}
.header-sitemap-panel .plus-icon .icon-cart {
  width: 15px;
  height: 15px;
  white-space: nowrap;
  text-indent: 100%;
  overflow: hidden;
  display: block;
  background-size: 15px 15px;
  background-repeat: no-repeat;
  vertical-align: middle;
  background-image: url(../../Images/layout/icon-cart.png);
  position: absolute;
  top: 5px;
  left: 10px;
  *left: -25px;
}
.header-sitemap-panel .header-sitemap-item {
  width: 25%;
  padding: 0 20px 20px;
  *padding: 0 15px 20px;
  float: left;
  text-align: left;
}
.header-sitemap-panel .header-sitemap-item__header {
  font-size: 20px;
  font-weight: 700;
  line-height: 30px;
  letter-spacing: .1em;
  border-bottom: 1px solid #000;
  padding: 2px 10px;
  margin-bottom: 5px;
  color: #000;
}

.header-sitemap-panel .text-small {
  font-size: .8rem;
}

.en-US .header-sitemap-panel {
  font-family: Arial;
}

.en-US .header-sitemap-panel a {
  letter-spacing: .3px;
}
.en-US .header-sitemap-panel .header-sitemap-menu,
.ja-JP .header-sitemap-panel .header-sitemap-menu {
  *width: 934px;
  margin: 0 -20px;
}
.en-US .header-sitemap-panel .plus-icon,
.ja-JP .header-sitemap-panel .plus-icon {
  margin-left: -25px;
  width: calc(100% + 25px);
  *width: 292px;
}
.en-US .header-sitemap-panel .plus-icon a,
.ja-JP .header-sitemap-panel .plus-icon a {
  padding-left: 35px;
}
.en-US .header-sitemap-panel .plus-icon .icon-cart,
.ja-JP .header-sitemap-panel .plus-icon .icon-cart {
  top: 5px;
  left: 10px;
  *left: -25px;
}
.en-US .header-sitemap-panel .header-sitemap-menu,
.ja-JP .header-sitemap-panel .header-sitemap-menu {
  margin: 0 -22px;
}
.en-US .header-sitemap-panel .header-sitemap-item,
.ja-JP .header-sitemap-panel .header-sitemap-item {
  width: 33.3333%;
  padding: 0 22px;
  *padding: 0 22px 20px;
}
.en-US .header-sitemap-panel .header-sitemap-item__header,
.ja-JP .header-sitemap-panel .header-sitemap-item__header {
  letter-spacing: 0.44px;
}