*	{font-family:Arial, Verdana, Helvetica, sans-serif;}
a	{color:#005691;text-decoration:none;list-style-type:none;}
a:hover	{color:#CC6600;text-decoration:underline;list-style-type:none;	}

table,div	{	font-size:13px; color:#666666;	}
blockquote	{	margin-right:0px;	}

h1, h2, h3	{
    text-shadow:1px 1px 2px #aaa;
}

/*主選單*/
.TopMenu
{
	position:relative;
}
.subMenu	{
	position:absolute;
	margin-top:9px;
	margin-left:10px;
	max-width:250px;
	min-width:150px;
	background:#120c66;
	padding:5px 0px;
	z-index:99;
}
.subMenu a	{
	display:inline-block;
	max-width:250px;
	min-width:150px;
	padding:6px 15px 6px 15px;
	color:#ffffff;
	text-decoration:none;
	font-size:13px;
	font-weight:bold;
	line-height:20px;
	z-index:99;
}
.subMenu a:hover {
	color:#FFFFFF;
	max-width:250px;
	min-width:150px;
	text-decoration:none;
	background:#0ea3de;
}

/*產品選單*/
table#ProdMenu a	{	font-size:13px; line-height:25px;	}

/*背景框架*/
body	{	background-color:#ffffff; padding:0px; margin:0px;	}
div#frame {	width:930px; margin-left:auto; margin-right:auto;	}
table#frame	{	font-family:Arial,Verdana,Helvetica,Georgia,sans-serif; 	}

/*位置列*/
div.position	{	 color:#666666; font-size:13px; line-height:18px;	}

/*回到頂端*/
div.go_top	{	padding:20px; text-align:right;	}

/*搜尋欄*/
input.search	{	width:100px; height:13px; font-family:Arial; color:#999999; font-size:11px; border:0px;	}

/*表單元件*/
/*文字輸入*/
.InputTextBox, .InputPassword, .InputTextArea, .InputListBox, .InputUpload {
	line-height:22px;
	color:#666666;
	border:1px solid #999;
	-webkit-border-radius:1px;
	-moz-border-radius:1px;
	border-radius:1px;
	background:#eee;
	/*-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	background-color:rgba(255, 255, 255, 0.3);*/
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:normal;
	font-weight:13px;
	padding:3px 5px;
	-webkit-border-radius:1px;
	-moz-border-radius:1px;
	border-radius:1px;
	margin-bottom:2px;
	/*-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	-webkit-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0px rgba(255, 255, 255, 0.25);
	-moz-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0px rgba(255, 255, 255, 0.25);
	box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0px rgba(255, 255, 255, 0.25);
	-webkit-transition:border linear 0.2s, box-shadow linear 0.2s;
	-moz-transition:border linear 0.2s, box-shadow linear 0.2s;
	-ms-transition:border linear 0.2s, box-shadow linear 0.2s;
	-o-transition:border linear 0.2s, box-shadow linear 0.2s;
	transition:border linear 0.2s, box-shadow linear 0.2s;
	-webkit-box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.1);
	-moz-box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.1);
	box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.1);*/
}

.InputListBox{
	height:30px;
	line-height:30px;
}

.Input:hover, .Input:focus {
	outline:1;
	border:solid 1px #666;
	background:#fff;
	/*outline:0;
	border-color:rgba(82, 168, 236, 0.8);
	-webkit-box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
	-moz-box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
	box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
	*/
}
.InputPassword {
	/*background-color:#FAFFBD;*/
	background:#eee;
}

.mem_form, .mem_form1{
	width:95%;
	background: #ddd;
	padding-left:25px;
	border:solid 1px #CCC;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .mem_form, .mem_form1{padding-left:40px;}
}

.mem_box{
	width:280px;
	padding-left:70px;
	height:80px;
	font-size:15px;
	border-bottom:1px dotted #666;
	display: inline-table;
    vertical-align: middle;
	font-weight:bold;
}

.mem1{
	background: url(../images/mem/s1.png) no-repeat left center;
}

.mem2{
	background: url(../images/mem/s2.png) no-repeat left center;
}

.mem3{
	background: url(../images/mem/s3.png) no-repeat left center;
}

.row{
	line-height:40px;
	vertical-align:top;
}

.required{
	color:#900;
	font-size:20px;
	font-weight:bold;
}

/*頁面導覽列*/
.NavBar	{	width:100%; font-size:15px;	}
.NavBar	.Pages	{	text-align:right; padding-right:10px; color:menutext;	}


.NavBar .Pages a {
	color: #333333;
	font-weight: bold;
	padding: 2px 10px;
	line-height: 35px;
	border-width: 0;
	background: #DFDFDF;
	background-image: -moz-linear-gradient(top, #FFFFFF, #DFDFDF);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#DFDFDF));
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#FFFFFF, endColorStr=#DFDFDF);
	-moz-box-shadow: 0 1px 2px #888;
	-webkit-box-shadow: 0 1px 2px #888;
	box-shadow: 0 1px 2px #888;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	text-decoration: none;
	cursor: pointer;
}
.NavBar .Pages a:hover {
	color: #3333FF;
	-moz-box-shadow: 0 1px 4px #666;
	-webkit-box-shadow: 0 1px 4px #666;
	box-shadow: 0 1px 4px #666;
}
.FancyButtonToggled,
.NavBar .Pages a.Toggled {
	color: #FFF;
	font-weight: bold;
	background: #888888;
	background-image: -moz-linear-gradient(top, #6A6A6A, #909090);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#6A6A6A), to(#909090));
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#6A6A6A, endColorStr=#909090);
	-moz-text-shadow: 0 1px 1px rgba(0,0,0,0.6);
	-webkit-text-shadow: 0 1px 1px rgba(0,0,0,0.6);
	text-shadow: 0 1px 1px rgba(0,0,0,0.6);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	cursor: not-allowed;
}
.FancyButton {
	font-size:15px;
	line-height:20px;
	color:#3D7AA6;
	background:#EBF5FD;
	background-image: -moz-linear-gradient(top, #EEEEEE, #EBF5FD);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#EEEEEE), to(#EBF5FD));
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#EEEEEE, endColorStr=#EBF5FD);
	cursor: pointer;
}
.FancyButton:Hover,
.FancyButtonHover {
	color:#1C94C4;
}

/*按鈕*/
.Button{
	color:#fff;
	font-weight:bold;
	padding:5px;
	font-size:14px;
	line-height:20px;
	border-width:0;
	background:#3e6381;
	/*background-image:-moz-linear-gradient(top, #1caeb0, #3e6381);
	background-image:-webkit-gradient(linear, left top, left bottom, from(#1caeb0), to(#3e6381));
	filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr=#1caeb0, endColorStr=#3e6381);
	-moz-box-shadow:0 1px 2px #888;
	-webkit-box-shadow:0 1px 2px #888;
	box-shadow:0 1px 2px #888;*/
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	text-decoration:none;
	cursor:pointer;
}

.ButtonDisabled {
	color:#1C94C4;
	font-weight:bold;
	padding:3px 10px 4px 10px;
	font-size:14px;
	line-height:20px;
	border:1px solid #CCCCCC;
	background:#DDDDDD;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	cursor:not-allowed;
}

.Button:Hover, .ButtonHover {
	color:#000;
	background: #CC0;
	/*-moz-box-shadow:0 1px 4px #666;
	-webkit-box-shadow:0 1px 4px #666;
	box-shadow:0 1px 4px #666;*/
}

.ButtonReset {
	color: #FF0;
}
.ButtonReset:Hover {
	color: #600;
}



/*預設內容區塊*/
div.Contents	{	line-height:180%;	}
div.Contents span#AccessName	{	color:#FFFFFF; font:Bold 20px Arial; display:block; width:130px; height:36px; background:#DDECFE url('../images/accessname_bg.png'); text-align:center; padding-top:3px;	}

/*訊息*/
div.Contents div.front	{	margin-left:20px; margin-top:20px; margin-bottom:20px; 	}
div.Contents div.alert	{	margin-left:20px; margin-top:20px; margin-bottom:20px; color:#FF0000; font-weight:bold;	}
div.Contents div.alert_shipping_coupon	{	margin-left:30px; margin-top:0px; margin-right:30px; color:#FF0000;	}
div.Contents div.note	{	margin-left:20px; margin-top:20px; margin-bottom:20px; color:#0000FF;	}
div.Contents div.currency	{	margin-left:30px; width:600px; text-align:right; 	}
div.Contents div.discount_message	{	margin-left:200px; text-align:left; line-height:18px; font-size:12px;	}
div.Contents div.shipping_method	{	margin-left:60px; margin-top:20px; margin-bottom:20px; font-weight:bold;	}
div.Contents div.comment	{	margin-left:60px;	}
div.Contents div.attention	{	margin-top:20px; margin-left:20px; width:600px; color:#FF0000; font-weight:bold;	}

/*輸出結果的表格*/
table.Result	{	margin-left:60px; width:500px; line-height:160%; 	}
table.Result th	{	padding-left:20px; width:140px; text-align:left; vertical-align:top; font-weight:bold; white-space:nowrap;	}
table.Result td	{	text-align:left; vertical-align:top;	}
table.Result th.Highlight	{	border-top:1px solid #0000FF; border-left:1px solid #0000FF; border-bottom:1px solid #0000FF; color:#0000FF;	}
table.Result td.Highlight	{	border-top:1px solid #0000FF; border-right:1px solid #0000FF; border-bottom:1px solid #0000FF; color:#0000FF;	}

/*選擇付款方式*/
table.Payment	{	margin-left:60px; width:500px; color:#0000FF; background:#CCCCCC;	}
table.Payment th	{	padding-left:20px; width:140px; text-align:left; vertical-align:top; font-weight:bold; white-space:nowrap;	}
table.Payment td	{	text-align:left; vertical-align:top;	}
table.PaymentSelect	{	margin-top:20px; margin-bottom:20px; margin-left:60px; width:600px;	}

/*自訂表單*/
div#Forms th	{	text-align:left; vertical-align:top; padding-top:2px; padding-left:10px; font-weight:bold; width:100px;	}

/*連結登入區塊*/
div.Login	{	margin-left:30px; width:650px;	}
div.Login fieldset	{	text-align:center; border:1px solid #CCCCFF; padding-bottom:20px;	}
div.Login legend	{	color:#000066; font-weight:bold;	}

/*送出表單*/
div.Submit	{	text-align:center; padding:30px 40px 20px 0; background-image:url('../images/line_hr.jpg'); background-repeat:no-repeat;	}
div.PaymentFailure div.Submit	{	background-image:none;	}
div#Forms div.Submit	{	background-image:none;	}
div#MemberContents div.Submit	{	background-image:none;	}





/*產品訂購*/
div#Orders	{	letter-spacing:0px; padding-left:30px;	}
div#Orders div.category	{	margin-top:20px; text-align:left; font-weight:bold;	}
div#Orders div.Preorder	{	color:#FF0000;	}

div#Orders table.product_list	{	width:640px; line-height:18px; color:darkblue; letter-spacing:1px; border-collapse:collapse; background:#FFFFFF;	}
div#Orders table.product_list tr.Academic	{	color:#000000;	}
div#Orders table.product_list th	{	 font-weight:normal; padding-left:3px; padding-right:3px; color:darkblue; background:#C0C0C0; text-align:left; border:1px outset; word-break:keep-all; word-wrap:normal; border:1px solid #808080;	}
div#Orders table.product_list td	{	padding-left:3px; padding-right:3px; background:#FFFFFF; text-align:left; border:1px solid #808080;	}
div#Orders table.product_list td.title	{		}

div#Orders table.accessory_list	{	width:640px; line-height:18px; color:darkblue; letter-spacing:1px; border-collapse:collapse; background:#FFFFFF;	}
div#Orders table.accessory_list th	{	 font-weight:normal; padding-left:3px; padding-right:3px; color:darkblue; background:#C0C0C0; text-align:left; border:1px outset; word-break:keep-all; word-wrap:normal; border:1px solid #808080;	}
div#Orders table.accessory_list td	{	padding-left:3px; padding-right:3px; background:#FFFFFF; text-align:left; border:1px solid #808080;	}
div#Orders table.accessory_list td.title	{		}
div#Orders fieldset.discount_list	{	margin-left:200px; width:250px;	}
div#Orders fieldset.discount_list legend	{	color:darkblue; font-weight:bold; 	}
div#Orders fieldset.discount_list ul	{	margin-top:10px; margin-bottom:10px;	}

/*訊息*/
div#Orders div.front	{	margin-left:20px; margin-top:20px; margin-bottom:20px; 	}
div#Orders div.alert	{	margin-left:20px; margin-top:20px; margin-bottom:20px; color:#FF0000; font-weight:bold;	}
div#Orders div.alert_shipping_coupon	{	margin-left:30px; margin-top:0px; margin-right:30px; color:#FF0000;	}
div#Orders div.note	{	margin-left:20px; margin-top:20px; margin-bottom:20px; color:#0000FF;	}
div#Orders div.currency	{	margin-left:30px; width:600px; text-align:right; 	}
div#Orders div.discount_message	{	margin-left:200px; text-align:left; line-height:18px; font-size:12px;	}
div#Orders div.shipping_method	{	margin-left:60px; margin-top:20px; margin-bottom:20px; font-weight:bold;	}

/*購物清單*/
div#Orders table.item	{	margin-left:30px; border-bottom:1px solid #CCCCCC; width:640px; line-height:18px;	}
div#Orders table.item th	{	border-top:4px solid #CCCCCC; border-bottom:1px solid #CCCCCC; color:#1C4096; text-align:left; font-weight:normal;	}
div#Orders table.item td.title	{	width:300px;	}
div#Orders table.item td.title a	{	color:#333333;	}
div#Orders table.item th.no	{	width:25px; padding-left:5px;	}
div#Orders table.item td.no	{	padding-left:8px;	}
div#Orders table.item td	{	vertical-align:top;	}
div#Orders table.item tr.last td	{	border-bottom:1px solid #CCCCCC;	}
div#Orders table.item td.title_accessory	{	padding-left:40px;	}
div#Orders table.item td.title_coupon	{	padding-left:30px; color:#FF0000;	}
div#Orders table.item td.coupon_amount	{	color:#FF0000;	}
div#Orders table.item span.discount	{	font-size:12px; color:#FF3300; white-space:nowrap;	}
div#Orders div.ApplyCoupon	{	margin:0 auto; text-align:center; padding:8px; border:1px solid #FF0000; width:650px;	}

/*會員*/
div#register div.front	{	margin-left:20px; margin-top:20px; margin-bottom:20px; 	}
div#register div.alert	{	margin-left:20px; margin-top:20px; margin-bottom:20px; color:#FF0000; font-weight:bold;	}
div#register div.note	{	margin-left:20px; margin-top:20px; margin-bottom:20px; color:#0000FF;	}
div#register div.attention	{	margin-top:20px; margin-left:20px; width:600px; color:#FF0000; font-weight:bold;	}

/*小計*/
div#Orders table.sub_total	{	margin-left:280px; margin-bottom:20px; width:370px;	}
div#Orders table.sub_total td	{	font-weight:bold; vertical-align:top;	}
div#Orders table.sub_total td.change_order	{	font-weight:normal; text-align:right;	}
/*總計*/
div#Orders table.total	{	border-top:3px solid #0000FF; border-bottom:3px solid #0000FF; margin-left:200px; margin-bottom:20px; width:430px;	}
div#Orders table.total td	{	border-top:1px solid #0000FF; font-weight:bold; vertical-align:top;	}
div#Orders table.total td.title	{	padding-left:20px;	}
/*一般表格*/
div#Orders table.general	{	margin-left:60px; width:500px; 	}
div#Orders table.general th	{	padding-left:20px; width:140px; text-align:left; vertical-align:top; font-weight:bold; white-space:nowrap;	}
div#Orders table.general td	{	text-align:left; vertical-align:top;	}
div#Orders table.general th.highlight	{	border-top:1px solid #0000FF; border-left:1px solid #0000FF; border-bottom:1px solid #0000FF; color:#0000FF;	}
div#Orders table.general td.highlight	{	border-top:1px solid #0000FF; border-right:1px solid #0000FF; border-bottom:1px solid #0000FF; color:#0000FF;	}
/*欄位資料*/
div#Orders table.field	{	margin-left:30px; width:600px; 	}
div#Orders table.field th	{	text-align:left; vertical-align:top; padding-top:2px; font-weight:bold; white-space:nowrap;	}
div#Orders table.field td	{	text-align:left; vertical-align:top;	}
div#Orders table.field td.title	{	padding-top:2px;	}
/*備註事項*/
div#Orders div.comment	{	margin-left:60px;	}
/*注意事項*/
div#Orders div.attention	{	margin-top:20px; margin-left:20px; width:600px; color:#FF0000; font-weight:bold;	}
/*選擇付款方式*/
div#Orders table.payment	{	margin-left:60px; width:500px; color:#0000FF; background:#CCCCCC;	}
div#Orders table.payment th	{	padding-left:20px; width:140px; text-align:left; vertical-align:top; font-weight:bold; white-space:nowrap;	}
div#Orders table.payment td	{	text-align:left; vertical-align:top;	}
div#Orders table.payment_select	{	margin-top:20px; margin-bottom:20px; margin-left:60px; width:600px;	}
/*送出*/
div#Orders div.UpdateCart	{	margin-top:20px; width:600px; text-align:right;	}
/*最後簽名*/
div#Orders div.signature	{	margin:40px; padding:10px 20px 10px 20px; width:500px; border:1px outset #0000FF;	}


/*jQuery Plugin*/

h1	{
	display:inline;
	height:16px;
	font-size:20px;
	font-family:'Arial','Microsoft Jhenghei','Microsoft YaHei',Meiryo,'Malgun Gothic';
	font-weight:bold;
	color:#000000;
	padding:0px 8px;
}

.H1Background {
	margin:0px -29px;
	padding:0px 20px;
}

h2	{
	display:block;
	color:#000000;
	margin:0px -20px;
	padding:15px 20px;
	font-size:22px;
	letter-spacing:0px;
	line-height:26px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	background-image: url('../images/contents_title_bg.jpg');
	background-repeat:repeat-x;
}

h3	{
	display:block;
	color:#003366;
	font-size:16px;
	font-family:Arial, 'Microsoft Jhenghei', 'Microsoft YaHei', Meiryo, 'Malgun Gothic';
	font-weight:bold;
}

h4	{
	display:block;
	height:23px;
	font-weight:Bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#555555;
	margin-top:20px;
	padding-left:0px;
	letter-spacing:0px;
	background-image:url('../images/line.gif');
	background-repeat:no-repeat;
	background-position:left bottom;
}

h4 .addition	{	 display:block; font-weight:normal; font-style:italic; font-size:10px; margin-top:-5px;	}

/*網頁列示*/
table.archive_list	{	margin-top:15px; margin-bottom:15px;text-align:left; }
table.archive_list div.more	{	text-align:right; padding-right:20px;	}
table.archive_list a	{	font-weight:bold;	}
table.archive_list .specs {	padding-top:20px;font-size:14px;letter-spacing:1px;line-height:20px;}
table.archive_list ul   {	list-style-type:square;list-style-image:left;margin-left:-22px;*margin-left:18px;margin-top:4px;font-size:12px;line-height:24px;}

/*檔案列示*/
div#Files	{	letter-spacing:0px; margin-left:30px;	}
div#Files table.file_list	{	width:650px; line-height:18px; letter-spacing:1px; background:#FFFFFF; font:Normal 12px Arial;	}
div#Files table.file_list tr.header	{	background-color:#6D8293; color:#FFFFFF; text-align:left; white-space:nowrap; height:32px; padding:2px;	}
div#Files table.file_list tr.odd	{	background-color:#CCCCCC; color:#333333;	}
div#Files table.file_list tr.even	{	background-color:#DDDDDD; color:#333333;	}
div#Files table.file_list th	{	padding:2px;	}
div#Files table.file_list td	{	padding:0px 2px;	}
div#Files table.file_list td.title	{	width:350px;	}



/*選單列*/
#table_menu	{	height:15px; color:#FFFFFF;	}
#table_menu a	{	color:#FFFFFF; text-decoration:none;	}
.pop	{	padding-right:6px; FILTER:shadow(color=#485A7A,direction=120)alpha(opacity=90); padding-bottom:6px; width:98px;	}
.pop_title	{	font-size:12px; color:#FFFFFF; background-color:#4C85B2; background-repeat:no-repeat; line-height:11px; font-weight:bold;	}
.pop_content	{	color:#0000FF; line-height:20px; font-weight:bold;	}
.pop_content a	{	color:#003366;	}
.pop_content a:hover	{	color:#0000FF;	}

/*transmenu*/
table#menu	{	color:#FFFFFF;	}
table#menu a	{	color:#FFFFFF;	}

/*熱門產品*/
table#frame td.hot_product	{	text-align:center; color:#003366;	}

/*主標題列*/
table#frame td.section	{	text-align:right; padding-right:15px;	}
table#frame td.section span.section	{	 font-size:16px; font-family:'Microsoft Jhenghei','Microsoft YaHei',Meiryo,'Malgun Gothic'; font-style:normal; font-weight:bold; color:#1C4096; padding-left:30px; background-image:url('../images/section_point.gif'); background-repeat:no-repeat; background-position:left center;	}
/*左邊區塊*/
table#frame td.left	{	vertical-align:top;	}
/*會員登入*/
table#frame td.left div#login	{	padding-left:10px; width:163px; padding-top:2px;	}
table#frame td.left div#login div.title	{
	width:165px;
	background:#babbb6;
	color:#53534b;
	font-weight:bold;
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
}
/*購物車訊息*/
table#frame td.left div#cart	{	padding-left:10px; width:163px; padding-top:2px;	}
table#frame td.left div#cart div.title	{
	width:165px;
	background:#babbb6;
	color:#53534b;
	font-weight:bold;
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
}
/*圖示列示*/
table#frame td.left div#logo_list	{	width:182px; text-align:center; padding-top:10px;	}
/*最新訊息*/
table#frame td.left div#news	{	padding-left:10px; width:163px; padding-top:11px;	}
table#frame td.left div#news div.title	{
	width:165px;
	background:#babbb6;
	color:#53534b;
	font-weight:bold;
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
}
table#frame td.left div#news div.news	{	padding-left:12px; margin-top:10px; font-size:11px; line-height:15px; background-image:url('../images/news_point.gif'); background-repeat:no-repeat; background-position:left top;	}

/*中間區塊*/
table#frame td.contents	{	vertical-align:top; padding-left:8px; padding-right:12px;	}
/*下方區塊*/
table#frame td.bottom	{	vertical-align:center;	}

/*主要內容*/
div#view	{	letter-spacing:0px;	}
div#blockquote	{	margin-right:0px; padding-right:0px;	}

/*頁面單元*/
div#view div.page_part	{	display:block; text-align:right; width:560px; height:26px; margin-top:5px; font-size:12px; background-image:url('../images/part_bg.jpg');	}
div#view div.page_part a	{	color:#676767; text-decoration:none; width:85px; text-align:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;	}
div#view div.page_part a:hover	{	color:#136B9B; background:#FFCC66; text-decoration:none;	}

/*訊息*/
div#view div.temporary_unavailable	{	color:FF0000; font-style:italic;	}

/*網頁搜尋*/
div#search	{	letter-spacing:0px;	}
div#search div.search	{	text-align:center; letter-spacing:0px;	}
div#search div.result	{	padding-left:20px; background:#ECF5FA;	}
div#search div.not_found	{	padding-left:100px; background:#ECF5FA;	}
div#search table.result_list	{	margin-top:20px; width:550px; margin-left:10px; margin-bottom:20px;	}
div#search table.result_list div.more	{	text-align:right; padding-right:20px;	}
div#search table.result_list a	{	font-weight:bold;	}
div#search table.result_list hr	{	border:1px dashed #CCCCFF;	}

/*下方導覽列*/
.Bottom_NavBar{
	background:#100964;
	height:28px;
	font-color:#ffffff;
}
.Bottom_NavBar a{
	padding-left:10px;
	padding-right:10px;
	font-size:9px;
	color:#ffffff;
}
.Bottom_NavBar a:hover{
	padding-left:10px;
	padding-right:10px;
	font-size:9px;
	color:#ffffff;
}
.Bottom_copyright
{
	text-align:center;
	padding-top:20px;
	padding-bottom:50px;
	line-height:22px;
	font-size:10px;
	color:#999999;
	background:#ffffff;
}


/*按鈕*/
.btn:hover {
  background-position:0 -15px;
  color:#333;
  text-decoration:none;
}
.btn.large {
  font-size:15px;
  line-height:normal;
  padding:9px 14px 9px;
  -webkit-border-radius:6px;
  -moz-border-radius:6px;
  border-radius:6px;
}
.btn.active, .btn :active {
  -webkit-box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.btn {
  cursor:pointer;
  display:inline-block;
  background-color:#e6e6e6;
  background-repeat:no-repeat;
  background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6));
  background-image:-webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
  background-image:-moz-linear-gradient(top, #ffffff, #ffffff 25%, #e6e6e6);
  background-image:-ms-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
  background-image:-o-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
  background-image:linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
  padding:5px 14px 6px;
  text-shadow:0 1px 1px rgba(255, 255, 255, 0.75);
  color:#333333;
  font-size:13px;
  line-height:normal;
  border:1px solid #ccc;
  border-bottom-color:#bbb;
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  border-radius:4px;
  -webkit-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  -webkit-transition:0.1s linear all;
  -moz-transition:0.1s linear all;
  -ms-transition:0.1s linear all;
  -o-transition:0.1s linear all;
  transition:0.1s linear all;
}

/*Quickpay*/
.step_st{
	color: #036;
}

.step_tt{
	color: #099;
}

.qp_note{
	font-size:14px;
	margin:10px 10px auto 45px;
	color: #666;
	padding-bottom:10px;
	font-weight:bold;
}

/*test area*/
.c_box{
	float:left;
	width:750px;
	height:auto;
	padding-bottom:20px;
	padding-top:20px;
	border-bottom:1px dotted #666;	
}

.c_pic{
	float:left;
	width:80px;
	height:80px;
}

.c_content{
	float:left;
	width:660px;
	font-size:15px;
	padding-left:10px;
}

.c_title{
	width:660px;
	float:left;
	font-weight:bold;
	font-size:15px;
	color:#333333;
}

.c_ins{
	width:660px;
	float:left;
	font-size:13px;
	padding-bottom:10px;
}

.c_ins a{
	color:#666666;	
}

.c_list{
	float:left;
	width:580px;
	font-size:13px;
	line-height:22px;
}

.c_list a{
	color:#006699;
	text-decoration:none;
}

.c_list a:hover{
	color:#333;
	width:100%;
	text-decoration: underline;
}

.c_name{
	float:left;
	width:80px;
	height:auto;
}

.c_name a{
	color:#666;
}

.c_name a:hover{
	color:#000;	
}

.c_ins_pdf{
	float:left;
	width:660px;
	height:auto;
	padding-left:10px;
	color:#09C;	
}
.c_ins_pdf a{
	color:#09C;
	text-decoration:underline;
}

.c_box_title{
	float:left;
	width:740px;
	height:auto;
	padding-bottom:10px;
	padding-top:10px;
	font-weight:bold;
	color:#069;
	border-bottom:1px dotted #069;
	background:#ddd;
	padding-left:10px;
	font-size:15px;
}

.s_box{
	float:left;
	width:750px;
	height:auto;
	padding-bottom:20px;
	padding-top:20px;
	border-bottom:1px dotted #666666;	
}

.s_pic{
	float:left;
	width:160px;
	height:120px;
}

.s_pic img{
	border: none;	
}

.s_content{
	float:left;
	width:580px;
	font-size:15px;
	padding-left:10px;
}

.s_title{
	width:500px;
	float:left;
	font-weight:bold;
	line-height:22px;
}

.s_title a{
	color:#006699;
	text-decoration:none;
}

.s_title a:hover{
	color:#333;
	width:100%;
	text-decoration: underline;
}

.s_ins{
	width:580px;
	float:left;
	font-size:13px;
	padding-bottom:10px;
	padding-top:10px;
}

.s_ins a{
	color:#666666;	
}

.s_list{
	float:left;
	width:500px;
	font-size:13px;
	line-height:22px;
}

.s_list a{
	color:#006699;
	text-decoration:none;
}

.s_list a:hover{
	color:#333;
	width:100%;
	text-decoration: underline;
}

.s_name{
	float:left;
	width:60px;
	height:auto;
	padding-left:20px;
}

.s_name a{
	color:#666;
}

.s_name a:hover{
	color:#000;	
}

.v_pic{
	float:left;
	width:160px;
	height:auto;
}

.v_content{
	float:left;
	width:580px;
	font-size:15px;
	padding-left:10px;
}

.v_title{
	width:580px;
	float:left;
	font-weight:bold;
	font-size:15px;
	color:#333333;
	line-height:24px;
}

.v_title a{
	display:block;
	width:580px;
	float:left;
	font-size:13px;
	line-height:25px;
	color: #369;
}

.v_title a:hover{
	color:#C60;
	text-decoration:underline;
}

.v_title a::before{
	content:" - ";	
}

.v_list{
	float:left;
	width:580px;
	font-size:13px;
	line-height:22px;
	padding-bottom:10px;
}

.v_box_title{
	float:left;
	width:740px;
	height:auto;
	padding-bottom:5px;
	padding-top:8px;
	font-weight:bold;
	color:#036;
	border-bottom:1px dotted #069;
	padding-left:10px;
	font-size:15px;
}

.vs_pic{
	float:left;
	width:200px;
	height:auto;
}

.vs_content{
	float:left;
	width:480px;
	font-size:15px;
	padding-left:20px;
}

.vs_title{
	float:left;
	width:480px;
	font-weight:bold;
	font-size:15px;
	color:#333;
	line-height:24px;
}

.vs_title a{
	display:block;
	width:480px;
	float:left;
	font-size:13px;
	line-height:25px;
	color: #09C;
	font-weight:normal;
}

.vs_title a:hover{
	color:#C60;
	text-decoration:underline;
}

.vs_title a::before{
	content:" - ";	
}

.vs_list{
	float:left;
	width:480px;
	font-size:13px;
	line-height:22px;
	padding-bottom:10px;
}

.li_o_box{
	width:710px;
	height:auto;
}

.li_box{
	float:left;
	width:350px;
	height:auto;
	overflow:auto;
	background:url(../images/su3_03.png);
	color:#fff;
	margin-bottom:10px;
}

.li_num{
	float:left;
	width:43px;
	height:43px;
	background: url(../images/su3_08.png) no-repeat center;
	font-size:35px;
	padding:5px;
	padding-top:30px;
	color:#666;
	text-align:center;
}

.li_title{
	float:left;
	width:250px;
	height:auto;
	line-height:50px;
	margin-left:10px;
	color:#fff;
	font-size:16px;
	text-shadow:5px 5px 10px #333;
}

.li_right{
	float:left;
	width:252px;
	height:auto;
	padding:10px;
	padding-bottom:20px;
	border-top:dotted 2px #fff;
}

.li_text{
	color:#fff;
	font-size:14px;
}

/*-------------------- for fliper effect----------------------------- */
.flip-container{
	-webkit-perspective: 1000;
	-moz-perspective: 1000;
	-ms-perspective: 1000;
	perspective: 1000;

	-ms-transform: perspective(1000px);
	-moz-transform: perspective(1000px);
	-moz-transform-style: preserve-3d; 
	-ms-transform-style: preserve-3d; 

	border: 1px solid #ccc;
	background:#000;
	margin:20px;
	float:left;
	font-family:Verdana, Geneva, sans-serif, "微軟正黑體", "Microsoft JhengHei";
}

/* START: Accommodating for IE */
.flip-container:hover .b_f, .flip-container.hover .b_f{
	-webkit-transform: rotateY(0deg);
	-moz-transform: rotateY(0deg);
	-o-transform: rotateY(0deg);
	-ms-transform: rotateY(0deg);
	transform: rotateY(0deg);
}

.flip-container:hover .f_f, .flip-container.hover .f_f{
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
}
		
/* END: Accommodating for IE */

.flip-container, .f_f, .b_f{
	width: 300px;
	height: 300px;
}

.flipper{
	-webkit-transition: 0.6s;
	-webkit-transform-style: preserve-3d;
	-ms-transition: 0.6s;

	-moz-transition: 0.6s;
	-moz-transform: perspective(1000px);
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;

	transition: 0.6s;
	transform-style: preserve-3d;

	position: relative;
}

.f_f, .b_f{
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;

	-webkit-transition: 0.6s;
	-webkit-transform-style: preserve-3d;

	-moz-transition: 0.6s;
	-moz-transform-style: preserve-3d;

	-o-transition: 0.6s;
	-o-transform-style: preserve-3d;

	-ms-transition: 0.6s;
	-ms-transform-style: preserve-3d;

	transition: 0.6s;
	transform-style: preserve-3d;

	position: absolute;
	top: 0;
	left: 0;
}

.f_f{
	-webkit-transform: rotateY(0deg);
	-ms-transform: rotateY(0deg);
	z-index: 2;
}

.f_f a{
	display:block;
	width:300px;
	height:300px;
	color:inherit;
	text-decoration:none;
}

.b_f{
	-webkit-transform: rotateY(-180deg);
	-moz-transform: rotateY(-180deg);
	-o-transform: rotateY(-180deg);
	-ms-transform: rotateY(-180deg);
	transform: rotateY(-180deg);
	background:#333;
}


/* vertical */
.vertical .flip-container {
	position: relative;
}

.vertical .b_f {
	-webkit-transform: rotateX(180deg);
	-moz-transform: rotateX(180deg);
	-ms-transform: rotateX(180deg);
	transform: rotateX(180deg);
}

.vertical.flip-container .flipper {
	-webkit-transform-origin: 100% 213.5px;
	-moz-transform-origin: 100% 213.5px;
	-ms-transform-origin: 100% 213.5px;
	transform-origin: 100% 213.5px;
}


/* START: Accommodating for IE */
.vertical.flip-container:hover .b_f, .vertical.flip-container.hover .b_f {
	-webkit-transform: rotateX(0deg);
	-moz-transform: rotateX(0deg);
	-o-transform: rotateX(0deg);
	-ms-transform: rotateX(0deg);
	transform: rotateX(0deg);
}

.vertical.flip-container:hover .f_f, .vertical.flip-container.hover .f_f {
	-webkit-transform: rotateX(180deg);
	-moz-transform: rotateX(180deg);
	-o-transform: rotateX(180deg);
	transform: rotateX(180deg);
}
/* END: Accommodating for IE */

.f_title{
	position:relative;
	width:300px;
	height:75px;
	background:#ffffff;
}

.f_box, .f_box1, .f_box2, .f_box3, .f_box4, .f_box5, .f_box6{
	float:left;
	width:50px;
	height:50px;
	margin:10px;
}

.f_box{
	background:#100964 url(../images/lab/j5_03.png);
}

.f_box1{
	background:#1b869a url(../images/lab/j5_03.png);
}

.f_box2{
	background:#265664 url(../images/lab/j5_03.png);
}

.f_box3{
	background:#22aac3 url(../images/lab/j5_03.png);
}

.f_box4{
	background:#66CCCC url(../images/lab/j5_03.png);
}

.f_box5{
	background:#1b869a url(../images/lab/j5_03.png);
}

.f_box6{
	background:#099 url(../images/lab/j5_03.png);
}

.f_t_text{
	float:left;
	font-size:16px;
	font-weight:bold;
	color:#333;
	height:75px;
	line-height:60px;
}

.f_pic, .f_pic1, .f_pic2, .f_pic3, .f_pic4, .f_pic5, .f_pic6{
	width:300px;
	height:225px;
	background:url(../images/lab/j5_02.png) no-repeat;
}

.f_pic1{
	background:url(../images/lab/j6_02.png) no-repeat;
}

.f_pic2{
	background:url(../images/lab/j3_02.png) no-repeat;
}

.f_pic3{
	background:url(../images/lab/j4_02.png) no-repeat;
}

.f_pic4{
	background:url(../images/lab/j7_02.png) no-repeat;
}

.f_pic5{
	background:url(../images/lab/j8_02.png) no-repeat;
}

.f_pic6{
	background:url(../images/lab/j9_06.png) no-repeat;
}

.f_detail{
	position:relative;
	width:250px;
	height:250px;
	margin-left:auto;
	margin-right:auto;
	margin-top:20px;
	color:#fff;
	font-size:15px;
	line-height:24px;
}

.f_more a{
	display:block;
	width:80px;
	height:30px;
	line-height:30px;
	position:absolute;
	right:10px;
	bottom:10px;
	text-align:center;
	color:#000;
	background:#ccc;
	text-decoration:none;
}

.f_more a:hover{
	background:#C90;
	color:#000;
}

/*-------FAQ CSS-------*/

.menu_head{
	float:left;
	width: 90%;
	height:auto;
	padding: 15px;
	cursor: pointer;
    font-weight:bold;
	color:#666;
	line-height:25px;
	border: 1px #ddd solid;
	margin-bottom:10px;
	background:url(../images/down.png) center right no-repeat,linear-gradient(top,#ffffff,#cccccc);
    background:url(../images/down.png) center right no-repeat,-moz-linear-gradient(top,#ffffff,#cccccc);
    background:url(../images/down.png) center right no-repeat,-webkit-linear-gradient(top,#ffffff,#cccccc);
}

.menu_h_bg{
    background:url(../images/up.png) center right no-repeat,linear-gradient(top,#ffffff,#cccccc);
    background:url(../images/up.png) center right no-repeat,-moz-linear-gradient(top,#ffffff,#cccccc);
    background:url(../images/up.png) center right no-repeat,-webkit-linear-gradient(top,#ffffff,#cccccc);
}

.menu_body{
	float:left;
  	display:none;
    color:#000;
	width: 90%;
  	background-color:#fff;
  	padding:15px;
	line-height:25px;
  	text-decoration:none;
}

.an{
	float:left;
	background:url(../images/an.png) no-repeat;
	width:35px;
	height:25px;
}

.qs{
	float:left;
	background:url(../images/qs.png) no-repeat;
	width:35px;
	height:25px;
}

.h_t{
	float:left;
	width:85%;
	height:auto;
}

.menu_body a{
	color:#069;
	text-decoration:none;	
}

.menu_body a:hover{
	color: #09F;
}

.sub_class{
	float:left;
	width:90%;
	padding:10px;
	padding-left:0px;
	margin:5px;
	color:#069;
	font-size:18px;
	font-weight:bold;	
}