@font-face {
		font-family: custom-sans-serif;
		src: local("Heiti TC"), local("微軟正黑體"), local("Microsoft JhengHei");
		unicode-range: U+4E00-9FFF;
	}
	
	@font-face {
		font-family: custom-sans-serif;
		src: local(Helvetica), local(Segoe UI);
		unicode-range: U+00-024F;
	}
	
	a:link, a:visited, a:active {
		text-decoration: none;
		color: #333333;
		font-family: custom-sans-serif,Frutiger,"Frutiger Linotype","Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;
		font-size: 10pt;
	}
	a:hover {
		text-decoration: underline;
		color: #ff3333;
		font-family: custom-sans-serif,Frutiger,"Frutiger Linotype","Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;
		font-size: 10pt;
	}
	
	.small_link:link, .small_link:visited, .small_link:active {
		text-decoration: none;
		color: #333333;
		line-height:100%;
		font-size: 0.8em;
	}
	.small_link:hover {
		text-decoration: underline;
		color: #ff3333;
		line-height:100%;
		font-size: 0.8em;
	}

	body, div, span, p, button, tr, td, select, input, form, radio, checkbox, textarea, center, option, pre, br {
		font-size: 10pt;
		font-family: custom-sans-serif,Frutiger,"Frutiger Linotype","Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;
		line-height: 140%;
		color: #333333;
	}
	
	hr {
		height: 1px;
		color: grey;
	}
	
	ul
	{
		list-style-image:url('img/li.png');
	}
	
	img {
		border: 0;
		margin: 0px;
	}
	
	fieldset {
		border:0;
		padding-top: 20px;
		padding-left: 10px;
		padding-right: 10px;
		padding-bottom: 10px;
		margin-bottom: 20px;
		background:#EEE;
	
		border-radius: 8px;
		-moz-border-radius: 8px;
		-webkit-border-radius: 8px;
	
		background:-webkit-liner-gradient(top,#EEEEEE,#FFFFFF);
		background:linear-gradient(top,#EFEFEF,#FFFFFF);
	
		box-shadow:3px 3px 10px #666;
		-moz-box-shadow:3px 3px 10px #666;
		-webkit-box-shadow:3px 3px 10px #666;
	
		position:relative;
	}
	
	legend {
		padding:2px 8px;
		background-color:#4F709F;
		color:#FFF;
	
		border-radius:3px;
		-moz-border-radius:3px;
		-webkit-border-radius:3px;
	
		box-shadow:2px 2px 4px #666;
		-moz-box-shadow:2px 2px 4px #666;
		-webkit-box-shadow:2px 2px 4px #666;
	
		position:absolute;
		left:10px;top:-11px;
	}
	
	
	input[type=button] {
		font-weight: bold;
		color: brown;
		border:2px solid brown; -webkit-border-radius: 5px; -moz-border-radius: 5px;border-radius: 5px;
		background: white;
	}
	
	input[type=submit] {
		border:1px solid #444444; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;
		padding: 10px 10px 10px 10px; 
		text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
		font-weight:bold; 
		font-size: 12pt;
		text-align: center;
		color: #ffffff; 
		background-color: #286E15;
		min-width: 240px;
		box-shadow: 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12), 0 2px 4px -1px rgba(0, 0, 0, .2)
	}
	
	input[type=submit]:hover{
		background-color: #4CAF50;
	}
	
	input, textarea, select, file {
		border: 1px solid #008CD6;
	}
	
	input[type=checkbox], input[type=radio]
	{
	    border: none;
	}
	
	body {
		background-color: #f0f0f0;
		SCROLLBAR-HIGHLIGHT-COLOR: buttonface;
		SCROLLBAR-SHADOW-COLOR: buttonface;
		SCROLLBAR-3DLIGHT-COLOR: buttonhighlight;
		SCROLLBAR-TRACK-COLOR: #eeeeee;
		SCROLLBAR-DARKSHADOW-COLOR: buttonshadow
	}
	
	input {
		PADDING-TOP: 1px;
		PADDING-BOTTOM: 1px;
		PADDING-RIGHT: 2px;
		PADDING-LEFT: 2px;
	}
	
	form {
		margin: 0 0em 0px 0;
	}
	
	.bodyMainTable {
		background-color: white;
		-webkit-box-shadow: 5px 5px 20px -6px rgba(0,0,0,1);
		-moz-box-shadow: 5px 5px 20px -6px rgba(0,0,0,1);
		box-shadow: 5px 5px 20px -6px rgba(0,0,0,1);
	}
	
	.footnote_mark:link, .footnote_mark:visited, .footnote_mark:active, .footnote_mark:hover {
		font-size: 10pt;
		font-family: Arial Unicode MS, Verdana;
		text-decoration: none;
		color: red;
	}
	.footnote {
		font-style: italic;
		text-decoration: italic;
		font-size: 9pt;
		line-height: 100%;
		color: blue;
	}
	.remark {
		color: blue;
	}
	.remark2 {
		color: green;
	}
	.remark3 {
		color: brown;
	}
	.blur {
		color: grey;
	}
	.highlight {
		color: red;
		background-color: yellow;
	}
	
	.big_font {
		font-size: 18pt;
		font-weight: bold;
	}
	
	.small_alert_box {
		padding-left: 4px;
		padding-right: 10px;
		margin-bottom: 5px;
		border: 1px solid #cc8888;
		color: #882222;
		background: #ffeeee url(img/small_exclamation_mark.png) no-repeat;
	    background-position: right center;
	}
	
	.green_boxed_text {
		margin-left: 4px;
		padding-left: 4px;
		padding-right: 4px;
		border: 1px solid #88cc88;
		color: #448844;
		background-color: #f0fff0;
	}
	
	.blue_boxed_text {
		margin-left: 4px;
		padding-left: 4px;
		padding-right: 4px;
		border: 1px solid #9999dd;
		color: #666699;
		background-color: #f0f0ff;
	}
	
	.red_boxed_text {
		margin-left: 4px;
		padding-left: 4px;
		padding-right: 4px;
		border: 1px solid #dd8888;
		color: #dd6666;
		background-color: #fff0f0;
	}
	
	.white_box_with_black_frame, .block_skin_default_content {
	    border-style:solid;
	    border-color:#808080;
	    border-width: 1px 1px 1px 1px;
	    background-color:white;
	    padding: 10px 10px 10px 10px;
	    margin-bottom: 20px;
	}
	
	.remark_box {
	    border: 1px solid #408840;
	    padding-top: 8px;
	    padding-right: 4px;
	  	padding-left: 60px;
	    padding-bottom: 10px;
	  	margin-bottom: 20px;
	    background: #fffff0 url(img/remark_icon.png) no-repeat;
	    background-position: left top;
	    min-height: 80px;
	    vertical-align: middle;
	}
	.remark_box:hover {
		box-shadow: 0 4px 8px rgba(0,0,0,0.12), 0 3px 6px rgba(0,0,0,0.24);
		transition: all 0.3s cubic-bezier(.25,.8,.25,1);
	}
	
	.remark_box > ol {
		margin-top: 0px;
		margin-left: 0px;
	}

	.remark_box > ul {
		margin-top: 0px;
		margin-left: 0px;
	}
	
	.line-separator {
		border-top: 1px solid rgba(0, 0, 0, 0.2);
		border-bottom: 1px solid rgba(255, 255, 255, 0.2);
		margin:1.5em 0;
	}
	
	
	/* fancy highlighted input row */
	.shopping_cart_item_filter_bar {
		font-size:10pt;
		background-color:#eeffee; 
		padding:10px 10px 10px 10px;
		margin-bottom: 20px;
		color: #444444;
		line-height:200%;
	}
	
	.highlight_input_bar {
		font-size:10pt;
		border-style:solid; 
		border-color:#808080; 
		border-width: 1px 0px 0px 0px; 
		background-color:#e0e0e0; 
		padding:10px 10px 10px 10px;
		margin-bottom: 0px;
		line-height:200%;
	}
	.highlight_input_bar:hover {
		box-shadow: 0 4px 8px rgba(0,0,0,0.12), 0 3px 6px rgba(0,0,0,0.24);
		transition: all 0.3s cubic-bezier(.25,.8,.25,1);
	}
	
	a.highlight_input_bar {
		font-size:10pt;
		color: #ffffff;
		background-color: #cccccc;
		font-weight: bold;
		padding: 0 3 2 3;
		border-width: 0px 0px 0px 0px; 
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		-khtml-border-radius: 5px;
	}
	
	a.highlight_input_bar:hover {
		background-color: red;
	}
	
	a.highlight_input_bar_active {
		font-size:10pt;
		color: #ffffff;
		background-color: #999999;
		border-width: 1px 0px 0px 0px; 
		font-weight: bold;
		padding: 0 3 2 3;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		-khtml-border-radius: 5px;
	}
	
	.step_link_current:link, .step_link_current:visited, .step_link_current:active, .step_link_current:hover {
		font-size: 10pt;
		font-family: Arial Unicode MS, Verdana;
		text-decoration: none;
		color: red;
	}
	.step_link:link, .step_link:visited, .step_link:active, .step_link:hover {
		font-size: 10pt;
		font-family: Arial Unicode MS, Verdana;
		text-decoration: none;
		color: #FF8080;
	}
	.step_link {
		font-size: 10pt;
		font-weight: bold;
		font-family: Arial Unicode MS, Verdana;
		color: #DDDDDD;
	}
	
	.user_info
	{
		background: #fefcff; border: 1px solid #4e008a; padding:10px; 
		padding:10px;
		border-radius: 6px;
		-webkit-border-radius: 6px;
		-khtml-border-radius: 6px;
	}
	
	.arrow_box { 
		margin-bottom: 20px;
		position: relative; background: #ffffff; border: 1px solid #344682; padding:10px; 
		border-radius: 6px;
		-webkit-border-radius: 6px;
		-khtml-border-radius: 6px;
		box-shadow: 5px 5px 5px 1px #6B6B6B;
		-webkit-box-shadow: 5px 5px 5px 1px #6B6B6B;
		-moz-box-shadow: 5px 5px 5px 1px #6B6B6B;
		-o-box-shadow: 5px 5px 5px 1px #6B6B6B;
	} 
	.arrow_box:after, 
	.arrow_box:before { left: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } 
	.arrow_box:after  { border-color: rgba(255, 255, 255, 0); border-left-color: #ffffff; border-width: 15px; top: 50%; margin-top: -15px; } 
	.arrow_box:before { border-color: rgba(52, 70, 130, 0); border-left-color: #344682; border-width: 16px; top: 50%; margin-top: -16px; }
	
	.bullet1 {
		list-style-type: none;
		background: url(img/bullet1.gif) no-repeat 0 3px;
		padding-left: 20px;
		padding-bottom: 12px;
	}
	
	.bullet2 {
		list-style-type: none;
		background: url(img/bullet2.gif) no-repeat 0 3px;
		padding-left: 20px;
		padding-bottom: 12px;
	}
	
	
	.notification_bar {
		color: #a400ae;
		background: #fffff0; border: 2px solid #a400ae; padding:15px;
		margin-bottom:10px;	margin-top:0px;
		font-weight: bold;
	}
	
	.alert_box {
		min-height: 30px;
		background: URL(img/alert_box_icon.png) center left no-repeat #ffffbb;
		border: 1px solid red; 
		padding: 3px;
		padding-left: 36px;
		margin-bottom:15px;	margin-top:15px;
		font-size: 12pt;
		color: #cc5555;
		font-weight: bold;
		border-radius: 6px;
	    -webkit-border-radius: 6px;
		box-shadow: 2px 2px 2px 2px #cccc44;
	    -webkit-box-shadow: 2px 2px 2px 2px #cccc44;
		-moz-box-shadow: 2px 2px 2px 2px #cccc44;
		-o-box-shadow: 2px 2px 2px 2px #cccc44;
		-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=145, Color='#cccc44')";
	}
	
	.header, .block_skin_default_heading {
		background: #F09444; border: 1px solid white; padding:10px; 
		margin-left:-2px; margin-right:-2px; margin-bottom:20px;
		color: white;
		font-size:11pt;
		font-weight: bold;
		border-radius: 2px;
	    -webkit-border-radius: 2px;
		box-shadow: 0px 2px 2px #7B6B6B;
	    -webkit-box-shadow: 0px 2px 2px #7B6B6B;
		-moz-box-shadow: 0px 2px 2px #7B6B6B;
		-o-box-shadow: 0px 2px 2px #7B6B6B;
		-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=145, Color='#7B6B6B')";
	}
	
	.subheader { 
		font-size: 16pt;
		font-weight: bold;
		color: brown;
		border: 1px solid brown;
		background-color: #ffffcc;
		padding: 8px;
		margin-bottom: 20px;
	}
	
	.table_background {
		background: #ccddcc;
		margin-bottom: 20px;
		border-spacing: 1px;
	    border-collapse: separate;
	    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
		transition: all 0.3s cubic-bezier(.25,.8,.25,1);
	}
	.table_header {
		background-color: #FF8228;
		font-weight: bold;
		color: white;
	}
	.table_header2 {
		background-color: #0086FF;
		font-weight: bold;
		color: white;		
	}
	.table_header3 {
		background-color: #0099FF;
		font-weight: bold;
		color: white;		
	}
	.table_header4 {
		background-color: #FF0099;
		font-weight: bold;
		color: white;		
	}
	.table_subheader {
		background-color: #FFD076;
		font-weight: normal;
		color: black;
	}
	.table_content {
		background-color: #ffffff;
		font-weight: normal;
		color: black;
	}
	.table_content2 {
		background-color: #f7f2fd;
		color: black;
		font-weight: normal;
	}
	.table_content3 {
		background-color: #C0eeff;
		color: black;
		font-weight: normal;
	}
	.table_content_mouseover {
	    background-color: #eeffee;
	    font-weight: bold;
	    color: #228822;	    
	}
	
	
	
	.inner_table_background {
		background-color: #d08080;
	}
	.inner_table_header {
		background-color: #ffe0a0;
		font-weight: bold;
	}
	.inner_table_subheader {
		background-color: #ffeed0;
		font-weight: normal;
	}
	.inner_table_content {
		background-color: #ffffff;
		font-weight: normal;
	}
	.inner_table_content2 {
		background-color: #ffffc0;
		font-weight: normal;
	}
	
	
	.outer_table_background {
		background-color: #508040;
	}
	.outer_table_header {
		background-color: #409060;
		font-weight: bold;	
		font-size: 14pt;
		color: white;
	}
	.outer_table_header_active {
		background-color: #f0fff0;
		font-weight: bold;
		font-size: 14;
		color: white;
	}
	.outer_table_content {
		background-color: #f0fff0;
		font-weight: normal;
	}
	
	
	.financial_discloure {
		font-size: 9pt;
		background-color: #ffffC0;
	}
	.financial_discloure_background {
		font-size: 9pt;
		background-color: #ffffff;
	}
	.financial_discloure_input {
		font-size: 8pt;
		color: blue;
	}
	}
	.financial_discloure_background {
		font-size: 9pt;
		background-color: #ffffff;
	}
	.financial_discloure_input {
		font-size: 8pt;
		color: blue;
	}



	/*
	 * special stuff
	 */
	.pageBreakAfter {
		page-break-after:always;
	}


	locale_selector:link, locale_selector:visited, locale_selector:active {
		font-weight: strong;
		text-decoration: none;
		color: purple;
		font-family: Arial Unicode MS, Verdana;
		font-size: 12pt;
	}
	locale_selector:hover {
		font-weight: strong;
		text-decoration: underline;
		color: #FF3300;
		font-family: Arial Unicode MS, Verdana;
		font-size: 12pt;
	}		
	
	
	
	.shopping_cart_item_filter {
		margin-left: 10px;
	}