<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">body
{
	background-image: url('../images/colour-bar-extend.jpg');
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	text-align: center;
	color:#666;
	font-size: 14px;
	font-family: 'Roboto', "微軟正黑體", Arial, Helvetica, "Microsoft JhengHei", "新細明體", "Lucida Grande", "Lucida Sans Unicode", sans-serif !important; /* Ray 2016-02-26 */
}
a,a:active,a:hover,a:visited{font-family: 'Roboto', "微軟正黑體", Arial, Helvetica, "Microsoft JhengHei", "新細明體", "Lucida Grande", "Lucida Sans Unicode", sans-serif !important;}
html table
{
	margin-left: auto;
	margin-right: auto;
	font-size: 12px;
}
img
{
	border:0;
}
input, textarea, select
{
	font-family: "Arial" , "Verdana" , "Helvetica" , "sans-serif";
	font-size: 10pt;
}

#Form
{
	width: 960px;
	margin-left: auto;
	margin-right: auto;
}
#ColorLine
{
	width: 960px;
	height: 17px;
	margin-left: auto;
	margin-right: auto;
	background-image: url('../images/colour-bar.jpg');
	background-repeat: no-repeat;
	background-color: #004B85;
	border: 0px solid red;
}
#Logo
{
	float: left;
	width: 202px;
	height: 88px;
	margin-top: 27px;
	text-align: left;
}
#Language
{
	float: left;
	width: 132px;
	height: 115px;
	vertical-align: bottom;
}
#Language span
{
	display: block;
	float: left;
	color: #BABABB;
	font-family: "Verdana";
	font-size: 10pt;
	font-weight: bold;
	margin-top: 95px;
	text-align: left;
}
#Language span a:link,
#Language span a:visited
{
	color: #BABABB;
	font-family: "Verdana";
	font-size: 10pt;
	font-weight: bold;
	text-decoration: none;
	padding: 5px;
}
#Language span a:hover
{
	color: #FF0000;
	font-family: "Verdana";
	font-size: 10pt;
	font-weight: bold;
	text-decoration: underline;
	padding: 5px;
}
#HotLine
{
	float: left;
	width: 309px;
	height: 75px;
	margin-top: 40px;
	text-align: left;
}
#HotLine .HotLineText
{
	float: left;
	width: 150px;
	height: 19px;
	margin-bottom: 10px;
}
#HotLine .Icon
{
	float: left;
	width: 14px;
	height: 14px;
	margin-top: 3px;
	margin-right: 5px;
}
#HotLine .contactme
{
	display: block;
	float: left;
	margin-top: 1px;
	margin-bottom: 5px;
}
#HotLine .contactme span
{
	color: #868485;
	font-family: "Verdana";
	font-size: 10pt;
	font-weight: normal;
	text-align: left;
}
#HotLine .contactme span a:link,
#HotLine .contactme span a:visited
{
	color: #868485;
	font-family: "Verdana";
	font-size: 10pt;
	font-weight: normal;
	text-decoration: none;
	padding: 5px;
}
#HotLine .contactme span a:hover
{
	color: #FF0000;
	font-family: "Verdana";
	font-size: 10pt;
	font-weight: normal;
	text-decoration: underline;
	padding: 5px;
}
#userLogin
{
	float: left;
	width: 316px;
	height: 115px;
}
#userLogin .UserInfo
{
	color: #A2A2A3;
	font-family: "Verdana";
	font-size: 10pt;
	font-weight: normal;
	margin-top: 12px;
	margin-right: 0px;
	text-align: right;
}
#userLogin .UserInfo p
{
}
#userLogin .UserInfo span
{
	font-size: 12pt;
	font-weight: bold;
	padding: 5px;
}
#userLogin .UserInfo a:link,
#userLogin .UserInfo a:visited
{
	color: #A2A2A3;
	font-family: "Verdana";
	font-size: 10pt;
	font-weight: normal;
	text-decoration: none;
	padding: 5px;
}
#userLogin .UserInfo a:hover
{
	color: #FF0000;
	font-family: "Verdana";
	font-size: 10pt;
	font-weight: normal;
	text-decoration: underline;
	padding: 5px;
}
#MyCart
{
	width: 110px;
	height: 115px;
	float: left;
}
#MyCart .Cart
{
	width: 100px;
	height: 76px;
	background-image: url('../images/cart.jpg');
	background-repeat: no-repeat;
}
#MyCart .Cart span
{
	display: block;
	color: #FFFFFF;
	font-family: "Verdana";
	font-size: 9pt;
	font-weight: bold;
	text-decoration: none;
	padding-top: 13px;
	padding-right: 22px;
}
#MyCart .Cart span a:link ,#MyCart .Cart span a:visited
{
	color:White;
	text-decoration:none;
}
#MyCart .Cart span a:hover
{
	color:White;
	text-decoration:none;
	font-weight:bold;
}

.empty_h9
{
	height: 9px;
}
.empty_h10
{
	height: 10px;
}
.empty_h27
{
	height: 27px;
}
.empty_h30
{
	height: 30px;
}
.empty_h32
{
	height: 32px;
}
.empty_h42
{
	height: 42px;
}
.empty_h45
{
	height: 45px;
}

.empty_h35
{
	height: 35px;
}
.clear
{
	clear: both;
}

#Nav
{
	width: 960px;
	height: 100px;
	margin-top: 15px;
	margin-left: auto;
	margin-right: auto;
}
#Nav .block1
{
	float: left;
	overflow: hidden;
/*	cursor: pointer;*/
	width: 156px;
	height: 100px;
/*	margin-left: 2px;*/
	border-left: 1px solid #C9CACC;
	border-bottom: 1px solid #C9CACC;
	text-align: left;
}
#Nav .block1 ul
{
	list-style-type: none;
	margin: 3px 0px 0px 15px;
	padding: 0px;
}
#Nav .block1 a:link,
#Nav .block1 a:visited
{
	color: #676769;
	font-family: "Verdana";
	font-size: 10pt;
	font-weight: normal;
	text-decoration: none;
}
#Nav .block1 a:hover
{
	color: #FF0000;
	font-family: "Verdana";
	font-size: 10pt;
	font-weight: normal;
	text-decoration: underline;
}

#Nav .block2
{
	float: left;
	overflow: hidden;
	cursor: pointer;
	width: 157px;
	height: 100px;
	margin-left: 2px;
	text-align: left;
	color: #FFFFFF;
	font-family: "Verdana";
	font-size: 12pt;
	font-weight: normal;
}
#Nav .blue
{
	background-color: #00AEEF;
	border-left: 1px solid #00AEEF;
	border-bottom: 1px solid #00AEEF;
}
#Nav .red
{
	background-color: #ED217C;
	border-left: 1px solid #ED217C;
	border-bottom: 1px solid #ED217C;
}
#Nav .orange
{
	background-color: #F1592A;
	border-left: 1px solid #F1592A;
	border-bottom: 1px solid #F1592A;
}
#Nav .green
{
	background-color: #2BB673;
	border-left: 1px solid #2BB673;
	border-bottom: 1px solid #2BB673;
}
#Nav .lightgreen
{
	background-color: #90CB3B;
	border-left: 1px solid #90CB3B;
	border-bottom: 1px solid #90CB3B;
}
#Nav .block2 .arrow
{
	width: 11px;
	height: 7px;
	background-image: url('../images/arrow.png');
	background-repeat: no-repeat;
	float: right;
	margin: -12px 8px 0px 0px;
}
.otherLink:link,
.otherLink:visited,
.otherLink:hover
{
	color: #FFFFFF;
	font-size: 14px;
	text-decoration: none;
}

.ProductMenuWindow
{
	display: none;
	width: 640px;
	height: 450px;
	margin: -2px 0px 0px 0px;
	padding: 10px 0px 0px 10px;
	background-color: #00AEEF;
	-moz-box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.6); /* Firefox */
	-webkit-box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.6); /* Safari 和 Chrome */
	box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.6); /* Opera 10.5 + */
	filter:progid:DXImageTransform.Microsoft.Shadow(color='#000000', Direction=135, Strength=5); /* I.E. */
	position: absolute;
	z-index: 10000;
}
.ProductMenuWindow .blockContent
{
	float: left;
	width: 155px;
	height: 234px;
	text-align: left;
}
.ProductMenuWindow .blockContent span
{
	color: #FFFFFF;
	font-family: "Verdana";
	font-size: 10pt;
	font-weight: bold;
/*
	border-bottom-style: solid;
	border-color: #999999;
	border-width: 1px;
*/
}
.ProductMenuWindow .blockContent ul
{
	list-style: none;
	width: 135px;
	margin: 0px;
	padding: 0px;
	color: #FFFFFF;
	font-family: "Verdana";
	font-size: 10pt;
	line-height: 16pt;
	font-weight: normal;
}
/*
.ProductMenuWindow .blockContent li
{
	color: #333333;
	display: block;
	background-color: #FFFFFF;
}
.ProductMenuWindow .blockContent li:hover
{
	color: #FFFFFF;
	display: block;
	cursor: pointer;
	background-color: #00AEEF;
}
*/
.ProductMenuWindow .blockContent li a:link,
.ProductMenuWindow .blockContent li a:visited
{
	background-color: #00AEEF;
	display: block;
	color: #FFFFFF;
	text-decoration: none;
}
.ProductMenuWindow .blockContent li a:hover
{
	background-color: #FFFFFF;
	display: block;
	cursor: pointer;
	color: #333333;
	text-decoration: none;
}
.ProductMenuWindow .blockContent .line
{
	width: 135px;
	height: 1px;
	margin-top: 5px;
	margin-bottom: 5px;
	border-bottom-style: solid;
	border-color: #FFFFFF;
/*	border-color: #999999;*/
	border-width: 1px;
}

.PromotionMenuWindow
{
	display: none;
	width: 160px;
	height: 180px;
	margin: -2px 0px 0px 0px;
	padding: 10px 0px 0px 10px;
	background-color: #ED217C;
	-moz-box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.6); /* Firefox */
	-webkit-box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.6); /* Safari 和 Chrome */
	box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.6); /* Opera 10.5 + */
	filter:progid:DXImageTransform.Microsoft.Shadow(color='#000000', Direction=135, Strength=5); /* I.E. */
	position: absolute;
	z-index: 20000;
}
.PromotionMenuWindow .blockContent
{
	float: left;
	width: 155px;
	height: 153px;
	text-align: left;
}
.PromotionMenuWindow .blockContent span
{
	color: #FFFFFF;
	font-family: "Verdana";
	font-size: 10pt;
	font-weight: bold;
}
.PromotionMenuWindow .blockContent ul
{
	list-style: none;
	width: 135px;
	margin: 0px;
	padding: 0px;
	color: #FFFFFF;
	font-family: "Verdana";
	font-size: 10pt;
	line-height: 16pt;
	font-weight: normal;
}
.PromotionMenuWindow .blockContent li a:link,
.PromotionMenuWindow .blockContent li a:visited
{
	background-color: #ED217C;
	display: block;
	color: #FFFFFF;
	text-decoration: none;
}
.PromotionMenuWindow .blockContent li a:hover
{
	background-color: #FFFFFF;
	display: block;
	cursor: pointer;
	color: #333333;
	text-decoration: none;
}
.PromotionMenuWindow .blockContent .line
{
	width: 135px;
	height: 1px;
	margin-top: 5px;
	margin-bottom: 5px;
	border-bottom-style: solid;
	border-color: #FFFFFF;
/*	border-color: #999999;*/
	border-width: 1px;
}
/*
.PromotionMenuWindow .blockContent a:link,
.PromotionMenuWindow .blockContent a:visited
{
	color: #333333;
	font-weight: normal;
	line-height: 16pt;
	text-decoration: none;
}
.PromotionMenuWindow .blockContent a:hover
{
	color: #FF0000;
	font-weight: normal;
	line-height: 16pt;
	text-decoration: underline;
}
*/

.GroupBuyMenuWindow
{
	display: none;
	width: 157px;
	height: 160px;
	margin: -2px 0px 0px 0px;
	padding: 10px 0px 0px 10px;
	background-color: #F1592A;
	-moz-box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.6); /* Firefox */
	-webkit-box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.6); /* Safari 和 Chrome */
	box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.6); /* Opera 10.5 + */
	filter:progid:DXImageTransform.Microsoft.Shadow(color='#000000', Direction=135, Strength=5); /* I.E. */
	position: absolute;
	z-index: 20000;
}
.GroupBuyMenuWindow .blockContent
{
	float: left;
	width: 155px;
	height: 153px;
	text-align: left;
}
.GroupBuyMenuWindow .blockContent span
{
	color: #FFFFFF;
	font-family: "Verdana";
	font-size: 10pt;
	font-weight: bold;
}
.GroupBuyMenuWindow .blockContent ul
{
	list-style: none;
	width: 135px;
	margin: 0px;
	padding: 0px;
	color: #FFFFFF;
	font-family: "Verdana";
	font-size: 10pt;
	line-height: 16pt;
	font-weight: normal;
}
.GroupBuyMenuWindow .blockContent li a:link,
.GroupBuyMenuWindow .blockContent li a:visited
{
	background-color: #F1592A;
	display: block;
	color: #FFFFFF;
	text-decoration: none;
}
.GroupBuyMenuWindow .blockContent li a:hover
{
	background-color: #FFFFFF;
	display: block;
	cursor: pointer;
	color: #333333;
	text-decoration: none;
}
.GroupBuyMenuWindow .blockContent .line
{
	width: 135px;
	height: 1px;
	margin-top: 5px;
	margin-bottom: 5px;
	border-bottom-style: solid;
	border-color: #FFFFFF;
/*	border-color: #999999;*/
	border-width: 1px;
}


.OrderMenuWindow
{
	display: none;
	/*width: 640px;*/
	height: 489px;
	margin: -2px 0px 0px -332px;
	padding: 10px 0px 0px 10px;
	background-color: #2BB673;
	-moz-box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.6); /* Firefox */
	-webkit-box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.6); /* Safari 和 Chrome */
	box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.6); /* Opera 10.5 + */
	filter:progid:DXImageTransform.Microsoft.Shadow(color='#000000', Direction=135, Strength=5); /* I.E. */
	position: absolute;
	z-index: 40000;
}
.OrderMenuWindow .blockContent
{
	float: left;
	width: 155px;
	height: 489px;
	text-align: left;
}
.OrderMenuWindow .blockContent span
{
	color: #FFFFFF;
	font-family: "Verdana";
	font-size: 10pt;
	font-weight: bold;
}
.OrderMenuWindow .blockContent ul
{
	list-style: none;
	width: 135px;
	margin: 0px;
	padding: 0px;
	color: #FFFFFF;
	font-family: "Verdana";
	font-size: 10pt;
	line-height: 16pt;
	font-weight: normal;
}
.OrderMenuWindow .blockContent li a:link,
.OrderMenuWindow .blockContent li a:visited
{
	background-color: #2BB673;
	display: block;
	color: #FFFFFF;
	text-decoration: none;
}
.OrderMenuWindow .blockContent li a:hover
{
	background-color: #FFFFFF;
	display: block;
	cursor: pointer;
	color: #333333;
	text-decoration: none;
}
.OrderMenuWindow .blockContent .line
{
	width: 135px;
	height: 1px;
	margin-top: 5px;
	margin-bottom: 5px;
	border-bottom-style: solid;
	border-color: #FFFFFF;
/*	border-color: #999999;*/
	border-width: 1px;
}
/*
.OrderMenuWindow .blockContent a:link,
.OrderMenuWindow .blockContent a:visited
{
	color: #333333;
	font-weight: normal;
	line-height: 16pt;
	text-decoration: none;
}
.OrderMenuWindow .blockContent a:hover
{
	color: #FF0000;
	font-weight: normal;
	line-height: 16pt;
	text-decoration: underline;
}
*/

.DownloadMenuWindow
{
	display: none;
	width: 640px;
	height: 366px;
	margin: -2px 0px 0px -492px;
	padding: 10px 0px 0px 10px;
	background-color: #90CB3B;
	-moz-box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.6); /* Firefox */
	-webkit-box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.6); /* Safari 和 Chrome */
	box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.6); /* Opera 10.5 + */
	filter:progid:DXImageTransform.Microsoft.Shadow(color='#000000', Direction=135, Strength=5); /* I.E. */
	position: absolute;
	z-index: 50000;
}
.DownloadMenuWindow .blockContent
{
	float: left;
	width: 155px;
	height: 234px;
	text-align: left;
}
.DownloadMenuWindow .blockContent span
{
	color: #FFFFFF;
	font-family: "Verdana";
	font-size: 10pt;
	font-weight: bold;
}
.DownloadMenuWindow .blockContent ul
{
	list-style: none;
	width: 135px;
	margin: 0px;
	padding: 0px;
	color: #FFFFFF;
	font-family: "Verdana";
	font-size: 10pt;
	line-height: 16pt;
	font-weight: normal;
}
.DownloadMenuWindow .blockContent li a:link,
.DownloadMenuWindow .blockContent li a:visited
{
	background-color: #90CB3B;
	display: block;
	color: #FFFFFF;
	text-decoration: none;
}
.DownloadMenuWindow .blockContent li a:hover
{
	background-color: #FFFFFF;
	display: block;
	cursor: pointer;
	color: #333333;
	text-decoration: none;
}
.DownloadMenuWindow .blockContent .line
{
	width: 135px;
	height: 1px;
	margin-top: 5px;
	margin-bottom: 5px;
	border-bottom-style: solid;
	border-color: #FFFFFF;
/*	border-color: #999999;*/
	border-width: 1px;
}
/*
.DownloadMenuWindow .blockContent a:link,
.DownloadMenuWindow .blockContent a:visited
{
	color: #333333;
	font-weight: normal;
	line-height: 16pt;
	text-decoration: none;
}
.DownloadMenuWindow .blockContent a:hover
{
	color: #FF0000;
	font-weight: normal;
	line-height: 16pt;
	text-decoration: underline;
}
*/

#Content
{
	width: 960px;
	margin-top: 5px; /* Ray 2016-02-26 */
	margin-left: auto;
	margin-right: auto;
}
#leftMenu{
	width: 157px;
	float: left;
	text-align: left;
}
#leftMenu ul{
	list-style-type: none;
	margin: 0 0px 0px 0px;
	padding: 0px;
}
#leftMenu ul a,
#leftMenu ul a:link,
#leftMenu ul a:visited{
	display:inline-block;
	color: #000;
	width:100%;
	font-size: 14px;
	font-weight: normal;
	line-height: 12pt;
	text-decoration: none;
}
#leftMenu ul a:hover{
}
#leftMenu li{
	list-style-type: none;
	margin: 0 0 0 0;
}
#leftMenu li &gt; div{
	margin: 5px 15px 5px 20px;
	padding: 8px 0 8px 0;
	border-bottom:1px solid #CCC;
}
/*
#leftMenu
{
	float: left;
	width: 157px;
	margin-top: -1px;
	border-left: 1px solid #C9CACC;
	border-right: 1px solid #C9CACC;
	border-bottom: 1px solid #C9CACC;
	text-align: left;
}
#leftMenu ul
{
	list-style-type: none;
	margin: 15px 0px 0px 15px;
	padding: 0px;
}
#leftMenu ul a:link,
#leftMenu ul a:visited
{
	color: #565354;
	font-family: "Verdana";
	font-size: 10pt;
	font-weight: normal;
	line-height: 12pt;
	text-decoration: none;
}
#leftMenu ul a:hover
{
	color: #FF9900;
	font-family: "Verdana";
	font-size: 10pt;
	font-weight: normal;
	line-height: 12pt;
	text-decoration: underline;
}
#leftMenu li
{
	list-style-type: none;
	line-height: 0px;
}
#leftMenu .mainmenu
{
	color: #565354;
	font-family: "Verdana";
	font-size: 10pt;
	font-weight: bold;
	line-height: 14pt;
}
#leftMenu .mainmenu a:link,
#leftMenu .mainmenu a:visited
{
	color: #565354;
	font-family: "Verdana";
	font-size: 10pt;
	font-weight: bold;
	line-height: 14pt;
	text-decoration: none;
}
#leftMenu .mainmenu a:hover
{
	color: #003366;
	font-family: "Verdana";
	font-size: 10pt;
	font-weight: bold;
	line-height: 14pt;
	text-decoration: underline;
}
#leftMenu p
{
	color: #565354;
	font-family: "Verdana";
	font-size: 10pt;
	font-weight: bold;
	margin: 5px;
	padding: 0px;
}
#leftMenu .bottom-line
{
	margin: 3px 0px 0px 0px;
	width: 134px;
	height: 4px;
}*/

#rightContent
{
	width: 801px;
/*	height: 1000px;*/
	margin-left: 5px;
	text-align: left;
	float: right;
	margin: 0;
	padding: 0;
	border: 0;
	overflow:visible;
	_overflow:hidden;
}

#rightContent .subNav
{
	float: left;
	width: 100%;
	margin: 15px 0px 0px 15px;
	color: #000000;
	font-family: "Verdana";
	font-size: 10pt;
	font-weight: normal;
	text-align: left;
}
#rightContent .subNav a:link,
#rightContent .subNav a:visited
{
	color: #003399;
	font-family: "Verdana";
	font-size: 10pt;
	font-weight: normal;
	text-decoration: none;
}
#rightContent .subNav a:hover
{
	color: #003399;
	font-family: "Verdana";
	font-size: 10pt;
	font-weight: normal;
	text-decoration: underline;
}

#rightContent .memberContent
{
	float: left;
	width: 768px;
	margin: 0px 15px 10px 15px;
	text-align: left;
}
#rightContent .memberContent .orangemark
{
	color: #FFBB00;
	font-family: "Arial";
	font-size: 18px;
	font-weight: bold;
}
#rightContent .memberContent .errmsg
{
	color: #FF0000;
	font-family: "Verdana";
	font-size: 10px;
	line-height: 16px;
}
#rightContent .memberContent .button
{
	background-color: #FFCC00;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FFFFCC;
	border-right-color: #996633;
	border-bottom-color: #996633;
	border-left-color: #FFFFCC;
	font-family: "Verdana";
	font-size: 12px;
	color: #000000;
	height: 22px;
	width: 80px;
	padding-top: 2px;
}
#rightContent .memberContent .tablebg_a
{
	background-color: #F6F5ED;
	color: #504A4A;
	font-family: "Verdana";
	font-size: 11px;
	line-height: 14px;
}
#rightContent .memberContent .tablebg_a a:link,
#rightContent .memberContent .tablebg_a a:visited
{
	color: #84A9C7;
	font-family: "Verdana";
	font-size: 11px;
	line-height: 14px;
	text-decoration: none;
}
#rightContent .memberContent .tablebg_a a:hover
{
	color: #FF9900;
}
#rightContent .memberContent .tablebg_b
{
	background-color: #FFFFFF;
	color: #706A6A;
	font-family: "Verdana";
	font-size: 11px;
	line-height: 14px;
}
#rightContent .memberContent .tablebg_b a:link,
#rightContent .memberContent .tablebg_b a:visited
{
	color: #84A9C7;
	font-family: "Verdana";
	font-size: 11px;
	line-height: 14px;
	text-decoration: none;
}
#rightContent .memberContent .tablebg_b a:hover
{
	color: #FF9900;
}
#rightContent .memberContent .tablebg_c
{
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
	background-color: #84A9C7;
	color: #FFFFFF;
	font-family: "Verdana";
	font-size: 12px;
	line-height: 16px;
}
#rightContent .memberContent .tablebg_c a:link,
#rightContent .memberContent .tablebg_c a:visited
{
	color: #FFFFFF;
	text-decoration: none;
}
#rightContent .memberContent .tablebg_c a:hover
{
	color: #FFEA00;
	text-decoration: underline;
}
#rightContent .memberContent .tablebg_d
{
	background-color: #E3E3E3;
	color: #333333;
	font-family: "Verdana";
	font-size: 12px;
	font-weight: normal;
	line-height: 16px;
}
#rightContent .memberContent .tablebg_d a:link,
#rightContent .memberContent .tablebg_d a:visited
{
	color: #FFFFFF;
	text-decoration: none;
}
#rightContent .memberContent .tablebg_d a:hover
{
	color: #FFEA00;
	text-decoration: underline;
}

#rightContent .groupbuyContent
{
	float: left;
	width: 768px;
	margin: 0px 15px 10px 15px;
	text-align: left;
}

#groupbuyMenu
{
	float: left;
	width: 210px;
	margin: 0px 0px 0px 0px;
	text-align: left;
}

.pulldown
{
	height: 17px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}

.blacktext
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 16px;
	color: #00030A;
}
.blacktext a:link, .blacktext a:visited
{
	color: #30333A;
	text-decoration: none;
}
.blacktext a:hover
{
	color: #50539A;
	text-decoration: underline;
}



#rightContent .hotProduct
{
	float: left;
	width: 768px;
	/*margin: 15px;*/
	margin-left:15px;
	margin-top:15px;
	margin-bottom:15px;
	color: #000000;
	font-family: "Verdana";
	font-size: 10pt;
	font-weight: normal;
	text-align: left;
}
#rightContent .hotProduct a:link,
#rightContent .hotProduct a:visited
{
	margin-right: 5px;
	color: #003399;
	font-family: "Verdana";
	font-size: 10pt;
	font-weight: normal;
	text-decoration: none;
}
#rightContent .hotProduct a:hover
{
	margin-right: 5px;
	color: #003399;
	font-family: "Verdana";
	font-size: 10pt;
	font-weight: normal;
	text-decoration: underline;
}

#rightContent .relatedProduct
{
	float: left;
	width: 434px;
	margin: 15px 15px 0px 0px;
	color: #000;
	font-family: "Verdana";
	font-size: 10pt;
	font-weight: normal;
	text-align: right;
	float:right;
	margin-bottom:5px;
}
#rightContent .relatedProduct a:link,
#rightContent .relatedProduct a:visited
{
	margin-right: 5px;
	color: #003399;
	font-family: "Verdana";
	font-size: 10pt;
	font-weight: normal;
	text-decoration: none;
}
#rightContent .relatedProduct a:hover
{
	margin-right: 5px;
	color: #003399;
	font-family: "Verdana";
	font-size: 10pt;
	font-weight: normal;
	text-decoration: underline;
}

#rightContent a:link,
#rightContent a:visited
{
	color: #444041;
	/*font-family: "Verdana";*/
	font-size: 10pt;
	font-weight: normal;
	text-decoration: none;
}
#rightContent a:hover
{
	color: #FF0000;
	/*font-family: "Verdana";*/
	font-size: 10pt;
	font-weight: normal;
	text-decoration: underline;
}
#rightContent #container
{
	width: 794px;
	height: 236px;
	margin-bottom: 15px;
/*	border: 1px solid #C9CACC;*/
	border-right: 1px solid #C9CACC;
	border-bottom: 1px solid #C9CACC;
	position: relative;
}


#rightContent .AD
{
	float: left;
	width: 170px;
	height: 153px;
	margin: 15px 13px 15px 13px;
	border: 1px solid #C9CACC;
}

#rightContent #ListContainer
{
	float: left;
	width: 798px;
	height: 420px;
}
#rightContent #ListContainer .item
{
	width: 256px;
	height: 215px;
	margin: 4px;
	float: left;
	border: 1px solid #CCCCCC;
}
#rightContent #ListContainer .item .title 
{
	margin: 5px 0px 5px 5px;
}
#rightContent #ListContainer .item .tip
{
	display: block;
	float: left;
	color: #4B4748;
	font-family: "Verdana";
	font-size: 10pt;
	font-weight: bold;
	margin: 5px 0px 5px 5px;
}
#rightContent #ListContainer .item .more
{
	display: block;
	float: right;
	color: #3F92CA;
	font-family: "Verdana";
	font-size: 10pt;
	font-weight: normal;
	margin: 5px 0px 5px 5px;
}
#rightContent #ListContainer .item .more a:link,
#rightContent #ListContainer .item .more a:visited
{
	color: #3F92CA;
	font-family: "Verdana";
	font-size: 10pt;
	font-weight: normal;
	text-decoration: none;
	padding:5px;
}
#rightContent #ListContainer .item .more a:hover
{
	color: #3F92CA;
	font-family: "Verdana";
	font-size: 10pt;
	font-weight: normal;
	text-decoration: underline;
	padding:5px;
}
#rightContent #ListContainer .item .itemContent p
{
	margin: 5px 0px 5px 5px;
}
#rightContent #ListContainer .item .itemContent p a:link,
#rightContent #ListContainer .item .itemContent p a:visited
{
	color: #5F5F61;
	font-family: "Verdana";
	font-size: 10pt;
	font-weight: normal;
	text-decoration: none;
	padding:5px;
}
#rightContent #ListContainer .item .itemContent p a:hover
{
	color: #FF0000;
	font-family: "Verdana";
	font-size: 10pt;
	font-weight: normal;
	text-decoration: underline;
	padding:5px;
}

#rightContent #ListContainer #GroupBuy
{
	width: 256px;
	height:215px;
	margin: 4px;
	float: left;
	border: 1px solid #49BFDB;
}

#rightContent #ListContainer #GroupBuy .title
{
	width:100%;
	height:25px;
	background-color:#49BFDB;
}

#rightContent #ListContainer #GroupBuy .title .tip
{
	color:White;
	font-size:15px;
	font-weight:bold;
	display:block;
	float:left;
	margin-left:5px;
	margin-top:3px;
}

#rightContent #ListContainer #GroupBuy .Content .txt
{
	color:#1A7DBF;
	font-size:12px;
	margin-left:5px;
	margin-top:7px;
	text-align:left;
}

#rightContent #ListContainer #GroupBuy .Content .detail
{
	font-size:12px;
	color:#727274;
	margin:5px;
}
#rightContent #ListContainer #GroupBuy .Content .PriceZone
{
	background-image:url(../images/GroupBuyPrice_bg.jpg);
	background-repeat:no-repeat;
	width:75px;
	height:52px;
	font-size:13px;
	float:left;
	margin-left:3px;
	margin-right:5px;
	margin-top:7px;
}
#rightContent #ListContainer #GroupBuy .Content .txt a:link,#rightContent #ListContainer #GroupBuy .Content .txt a:visited
{
	color:#0E76BC;
	text-decoration:none;
	padding:5px;
}

#rightContent #ListContainer #GroupBuy .Content .txt a:hover
{
	color:red;
	text-decoration:underline;
	padding:5px;
}

#rightContent #ListContainer #GroupBuy .Content .PriceZone .price
{
	margin:2px;
	margin-top:1px;
	margin-left:8px;
	color:White;
}
#rightContent #ListContainer #GroupBuy .Content .PriceZone .price2
{
	margin:2px;
	margin-left:8px;
	color:#66696C;
}
#rightContent #ListContainer #GroupBuy .Content .ProductPicture
{
	width:129px;
	height:104px;
	float:left;
	margin:0;
	padding:0;
	border:0;
	margin-top:7px;
	
}
#rightContent #ListContainer #copyright
{
	float: left;
	width: 768px;
	height: 20px;
	margin-top: 10px;
	color: #999999;
	font-family: "Verdana";
	font-size: 11px;
	text-align: center;
}
#rightContent #ListContainer #copyright a:link,
#rightContent #ListContainer #copyright a:visited
{
	color: #CCCCCC;
	text-decoration: none;
}
#rightContent #ListContainer #copyright a:hover
{
	color: #FFD700;
	text-decoration: underline;
}

.pp10{
	font-size:13px; 
	margin-left:15px; 
}

.pink-cover, .blue-cover, .orange-cover, .lightgreenmenu-cover, .green-cover{
	width:156px;
	height:101px;
	float:left;
	position:relative;
	padding-right:4px;
}


.showpink-s, .showblue-s, .orangeshow-s, .lightgreenshow-s{
	top:102px;
	left:0px;
}

.lightgreenshow-s{
	height:500px;
}

.greenshow-s{
	right:0px;
	top:250px;
}

.showblue-s{
	height:520px;
}


/* meun */
.pink-cover, .blue-cover, .orange-cover, .lightgreenmenu-cover, .green-cover{
	width:156px;
	height:101px;
	float:left;
	position:relative;
	padding-right:4px;z-index:2000;
}


.showpink-s, .showblue-s, .orangeshow-s, .lightgreenshow-s{
	top:102px;
	left:2px; z-index:2;
}

.lightgreenshow-s{
	height:680px;
}

.greenshow-s{
	width:480px;
	right:0px;
	top:102px;
	height:360px;
}

.lightgreenshow-s{
	height:480px;
}

.showblue-s{
	height:440px;
}

.showpink-s{
	height:160px;
}

/* CSS Document */
body, div, p, ul, ol, dl, dt, dd, li, form, input, table, img, h1, h2, h3, h4, h5, h6{margin:0px; padding:0px;}
.topmenu ul{list-style-type:none}
img{border:0 none;}
#topbox td,#topbox th {font-size: 12px; color:#444444;}
#topbox a:link {color: #5555555; text-decoration: none;}
#topbox a:visited {text-decoration: none; color: #5555555;}
#topbox a:hover {text-decoration: underline; color: #5555555;}
#topbox a:active {text-decoration: none; color: #5555555;}
.left{ float:left;}
.right{ float:right;}
.both{ clear:both;}

/*top*/
#topbox{width:100%; height:200px; background:url(/hk/NewUI/Images/colour-bar-extend.jpg) no-repeat left top; font-size: 12px;}
.topbox{width:960px; margin:0px auto 0px auto; height:200px; background:url(/hk/NewUI/Images/colour-bar.jpg) no-repeat top;}
.logotxt{width:960px; height:87px; margin:0px 0px 0px 0px; padding-top:10px;}
.logotxt_icon{float:left; margin:3px 5px 0px 0px;}

.top_logo{margin:16px 10px 5px 2px; float:left;}
.top_tel{width:120px; float:left; padding:5px 0px 0px 0px; margin:32px 0px 0px 5px;}
.top_email{width:154px; float:left; padding:5px 0px 0px 0px; margin:32px 0px 0px 5px;}
.top_add{width:165px; float:left; padding:5px 0px 0px 0px; margin:32px 0px 0px 5px;}
#language-switcher-title { color: #000; padding: 0px; margin-top:45px;;font-size: 14px;border: none;cursor: pointer;}
#language-switcher {position: relative; display: inline-block; width:120px; float: left;}
#language-switcher img{width:22px;  margin-bottom: -3px;}
#language-switcher-content {display: none;position: absolute;background-color: #FFF; min-width: 200px;box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index:1 ;left: -40px; }
#language-switcher-content a { color: black;padding: 10px 0 10px 10px;text-decoration: none;display: block; text-align:left;}
#language-switcher-content a:hover {background-color: #f1f1f1}
#language-switcher:hover #language-switcher-content { display: block;}
.bluetext{color:#004789; padding:0px 0px 0px 0px; display:block;}
.signbox{height:40px; float:right; text-align:right; padding:32px 0px 0px 0px; line-height:18px;}
.signbox img{vertical-align: bottom;}

.topmenu{width:960px; margin:0px 0px 0px 0px;}
.topmenu ul{ margin:0px 0px 0px 0px; }
.topmenu ul li{ width:85px; height:85px; float:left; margin:0px 0px 0px 12px; text-align:center; }
/*.topmenu ul li a{ width:85px; height:75px; display:block; padding-top:10px; text-decoration:none; color:#ffffff; FONT-FAMILY: "Microsoft YaHei" !important; font-size:14px; display:block;}*/
.topmenu ul li a{ width:85px; height:75px; display:block; padding-top:10px; text-decoration:none; color:#ffffff; font-family:'Roboto', "微軟正黑體", Arial, Helvetica, "Microsoft JhengHei", "新細明體", "Lucida Grande", "Lucida Sans Unicode", sans-serif !important; font-size:14px !important; display:block; box-sizing:content-box !important; line-height:10pt}

.topmenu ul &gt; li:first-child{ margin:0px 0px 0px 1px;} 



.me01 a:link, .me01 a:visited{ background-color:#004789;}
.me01 a:hover{ background-color:#004789; opacity: 0.8; }

.me02 a:link, .me02 a:visited{ background-color:#006fbc;}
.me02 a:hover{ background-color:#006fbc; opacity: 0.8; }

.me03 a:link, .me03 a:visited{ background-color:#00a0e9;}
.me03 a:hover{ background-color:#00a0e9; opacity: 0.8; }

.me04 a:link, .me04 a:visited{ background-color:#008080;}
.me04 a:hover{ background-color:#008080; opacity: 0.8; }

.me05 a:link, .me05 a:visited{ background-color:#99cc00;}
.me05 a:hover{ background-color:#99cc00; opacity: 0.8; }

.me06 a:link, .me06 a:visited{ background-color:#6fab00;}
.me06 a:hover{ background-color:#6fab00; opacity: 0.8; }

.me07 a:link, .me07 a:visited{ background-color:#f15a24;}
.me07 a:hover{ background-color:#f15a24; opacity: 0.8; }

.me08 a:link, .me08 a:visited{ background-color:#E70012;}
.me08 a:hover{ background-color:#E70012; opacity: 0.8; }

.me09 a:link, .me09 a:visited{ background-color:#E5007F;}
.me09 a:hover{ background-color:#E5007F; opacity: 0.8; }

.me10 a:link, .me10 a:visited{ background-color:#BA569C;}
.me10 a:hover{ background-color:#BA569C; opacity: 0.8; }

.meli a:link, .meli a:visited{ color:#ffffff; font-family:'Roboto', "微軟正黑體", Arial, Helvetica, "Microsoft JhengHei", "新細明體", "Lucida Grande", "Lucida Sans Unicode", sans-serif !important; font-size:14px; display:block;}
.meli a:hover{ color:#ffffff; font-family:'Roboto', "微軟正黑體", Arial, Helvetica, "Microsoft JhengHei", "新細明體", "Lucida Grande", "Lucida Sans Unicode", sans-serif !important; font-size:14px; display:block;}
.meli img{padding-bottom:10px;}
.meli div img{padding-bottom:0px !important;}
.melitxt{margin-top:0px; display:block;}
/*.meli a:link, .meli a:visited{ color:#ffffff; FONT-FAMILY: "Microsoft YaHei" !important; font-size:14px; display:block;}
.meli a:hover{ color:#ffffff; FONT-FAMILY: "Microsoft YaHei" !important; font-size:14px; display:block;}*/

.link01 a:link, .link01 a:visited{ color:#444444;}
.link01 a:hover{color:#FF141F;}

.link02 a:link, .link02 a:visited{ color:#004789;}
.link02 a:hover{color:#FF141F;}

.col01{color:#004789;}

/* back to top */
.scrollToTop{
    width: 15%;
    max-width: 100px;
    height: 130px;
    padding: 10px;
    text-align:center;
    background: whiteSmoke;
    font-weight: bold;
    color: rgba(68, 68, 68, 0.5);
	opacity: 0.4;
    text-decoration: none;
    position:fixed;
    bottom: 65px;
    right: 40px;
    display: none;
    background: url('/hk/NewUI/Images/page-back-to-top.png') no-repeat;
	background-size: 100% auto;
}
.scrollToTop:hover{
    text-decoration: none;
}

/* bootstrap button */
.btn{display: inline-block;padding: 6px 12px;margin-bottom: 0;font-size: 14px;font-weight: 400;line-height: 1.42857143;text-align: center;white-space: nowrap;vertical-align: middle;-ms-touch-action: manipulation;touch-action: manipulation;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;background-image: none;border: 1px solid transparent;border-radius: 4px;}
a.btn{color:#FFF !important;}
a.btn:hover{text-decoration:none !important;}
.btn-primary{color: #fff;background-color: #0088cc; border-color: #2e6da4;}
.btn-primary:hover{color: #fff;background-color: #006da3; border-color: #204d74;}
.btn-warning{color: #fff;background-color: #f0ad4e; border-color: #eea236}
.btn-warning:hover{color: #fff;background-color: #ec971f; border-color: #d58512;}

#bs_button .btn{display: inline-block;padding: 6px 12px;margin-bottom: 0;font-size: 14px;font-weight: 400;line-height: 1.42857143;text-align: center;white-space: nowrap;vertical-align: middle;-ms-touch-action: manipulation;touch-action: manipulation;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;background-image: none;border: 1px solid transparent;border-radius: 4px;}
#bs_button a.btn{/*color:#FFF !important;*/ font-size:14px !important; font-weight:bold !important;}
#bs_button a.btn:hover{text-decoration:none !important;}
#bs_button .btn-primary{background-color: #0088cc; border-color: #2e6da4;}
#bs_button .btn-primary:hover{background-color: #006da3; border-color: #204d74;}
#bs_button .btn-warning{background-color: #f0ad4e; border-color: #eea236}
#bs_button .btn-warning:hover{background-color: #ec971f; border-color: #d58512;}
#bs_button img{height:25px;}
#bs_button .btn-free-arkwork{color: #3fa9f5 !important; border-color: #3fa9f5; border-width: 2px; padding:6px 20px; }
/*#bs_button .btn-free-arkwork:hover{background-color: #0088cc; border-color: #3fa9f5;}*/
#bs_button .btn-free-template{color: #1BC568 !important; border-color: #1BC568; border-width: 2px; padding:6px 20px}
/*#bs_button .btn-free-template:hover{background-color: #719601; border-color: #719601;}*/
#bs_button .btn-order-now{color: #ff931e !important; border-color: #ff931e; border-width: 2px; padding:6px 20px}
/*#bs_button .btn-order-now:hover{background-color: #d47710; border-color: #d47710;}*/
#bs_button .btn-contactus{color: #9e005d !important; border-color: #9e005d; border-width: 2px; padding:6px 20px}
/*#bs_button .btn-contactus:hover{background-color: #7e004a; border-color: #7e004a;}*/
#bs_button .btn-gotodiy{color: #E633FF !important; border-color: #E633FF; border-width: 2px; padding:6px 0px}
/*#bs_button .btn-gotodiy:hover{background-color: #D623EF; border-color: #D623EF;}*/
#bs_button .btn-size-reference{color: #01e1dd !important; border-color: #01e1dd; border-width: 2px; padding:5px 0px}
/*#bs_button .btn-size-reference:hover{background-color: #01e1dd; border-color: ##01e1dd;}*/
#bs_button .btn-free-artwork{color: #fb1414 !important; border-color: #cd0c0c; border-width: 2px; padding:6px 20px}
#bs_button .btn-blade-line{color: #01891c !important; border-color: #01891c; border-width: 2px; padding:6px 0px}
#bs_button .btn-buy{background-color: #00A29A; border-color: #00A29A; padding:6px 20px}
#bs_button a.btn-order-process{background-color: #FFF; border-color: #FF8080; padding:5px 8px; font-size:14px !important; color:#FF8080 !important}
#bs_button .btn-order-process:hover{ }
#bs_button a.btn-design-service{background-color: #FFF; border-color: #B580FF; padding:5px 8px; font-size:14px !important; color:#B580FF !important}
#bs_button .btn-design-service:hover{ }


#page_title{font-size:20px;  font-weight:bold; color:#93278F;}
#page_sub_title{font-size:16px;  color:#006FBC;}
.list_padding{padding-left:15px;}
.text-left{text-align:left !important;}
.text-center{text-align:center !important;}
.text-right{text-align:right !important;}
.indent{margin-left:15px;}


.navbar-brand {
	width:70% !important;
}
.navbar-brand img {
	width:100% !important;
}</pre></body></html>