.topic
{
    LINE-HEIGHT: 24px;
    FONT-STYLE: normal;
    FONT-FAMILY: "Verdana", "Arial", "Helvetica", "sans-serif";
    COLOR: #345678;
    FONT-SIZE: 20px;
    FONT-WEIGHT: 900;
    TEXT-DECORATION: none
}
.title
{
    LINE-HEIGHT: 18px;
    FONT-STYLE: normal;
    FONT-FAMILY: "Arial", "Helvetica", "sans-serif";
    COLOR: #123456;
    FONT-SIZE: 16px;
    FONT-WEIGHT: bold;
    TEXT-DECORATION: none
}
.loginheader
{
    LINE-HEIGHT: 2em;
    BACKGROUND-COLOR: #ea5404;
    MARGIN: -8px -8px 14px;
    PADDING-LEFT: 8px;
    COLOR: white;
    FONT-WEIGHT: bold
}
.loginbox
{
    BORDER-BOTTOM: #ea5404 2px solid;
    BORDER-LEFT: #ea5404 2px solid;
    PADDING-BOTTOM: 8px;
    BACKGROUND-COLOR: #fcf7f4;
    PADDING-LEFT: 8px;
    WIDTH: 600px;
    PADDING-RIGHT: 8px;
    HEIGHT: 220px;
    MARGIN-LEFT: 100px;
    BORDER-TOP: #ea5404 2px solid;
    BORDER-RIGHT: #ea5404 2px solid;
    PADDING-TOP: 8px
}
.loginbackground
{
    BACKGROUND-COLOR: white
}
.reminder
{
    BORDER-BOTTOM: #ea5404 2px solid;
    BORDER-LEFT: #ea5404 2px solid;
    PADDING-BOTTOM: 8px;
    BACKGROUND-COLOR: #fcf7f4;
    PADDING-LEFT: 8px;
    WIDTH: 600px;
    PADDING-RIGHT: 8px;
    HEIGHT: 120px;
    COLOR: #5f1e00;
    MARGIN-LEFT: 100px;
    BORDER-TOP: #ea5404 2px solid;
    BORDER-RIGHT: #ea5404 2px solid;
    PADDING-TOP: 8px
}
.bold
{
    LINE-HEIGHT: 18px;
    FONT-STYLE: normal;
    FONT-FAMILY: "Arial", "Helvetica", "sans-serif";
    COLOR: black;
    FONT-SIZE: 12px;
    FONT-WEIGHT: bold;
    TEXT-DECORATION: none
}
.titleRed
{
    LINE-HEIGHT: 18px;
    FONT-STYLE: normal;
    FONT-FAMILY: "Arial", "Helvetica", "sans-serif";
    COLOR: #a76464;
    FONT-SIZE: 16px;
    FONT-WEIGHT: bold;
    TEXT-DECORATION: none
}
.titleGrey
{
    LINE-HEIGHT: 18px;
    FONT-STYLE: normal;
    FONT-FAMILY: "Arial", "Helvetica", "sans-serif";
    COLOR: #cdcdcd;
    FONT-SIZE: 16px;
    FONT-WEIGHT: 700;
    TEXT-DECORATION: none
}
.subtitle
{
    LINE-HEIGHT: 18px;
    FONT-STYLE: normal;
    FONT-FAMILY: "Arial", "Helvetica", "sans-serif";
    COLOR: #999999;
    FONT-SIZE: 13px;
    FONT-WEIGHT: bold;
    TEXT-DECORATION: none
}
.subtitleGrey
{
    LINE-HEIGHT: 18px;
    FONT-STYLE: normal;
    FONT-FAMILY: "Arial", "Helvetica", "sans-serif";
    COLOR: #000000;
    FONT-SIZE: 13px;
    FONT-WEIGHT: bold;
    TEXT-DECORATION: none
}
.subtitleBlue
{
    LINE-HEIGHT: 18px;
    FONT-STYLE: normal;
    FONT-FAMILY: "Arial", "Helvetica", "sans-serif";
    COLOR: #456789;
    FONT-SIZE: 13px;
    FONT-WEIGHT: bold;
    TEXT-DECORATION: none
}
.subtitleRed
{
    LINE-HEIGHT: 18px;
    FONT-STYLE: normal;
    FONT-FAMILY: "Arial", "Helvetica", "sans-serif";
    COLOR: #985454;
    FONT-SIZE: 13px;
    FONT-WEIGHT: bold;
    TEXT-DECORATION: none
}
.normal
{
    LINE-HEIGHT: 18px;
    FONT-STYLE: normal;
    FONT-FAMILY: "Arial", "Helvetica", "sans-serif";
    COLOR: black;
    FONT-SIZE: 10px;
    FONT-WEIGHT: normal;
    TEXT-DECORATION: none
}
.normalGrey
{
    LINE-HEIGHT: 18px;
    FONT-STYLE: normal;
    FONT-FAMILY: "Arial", "Helvetica", "sans-serif";
    COLOR: black;
    FONT-SIZE: 11px;
    FONT-WEIGHT: bold;
    TEXT-DECORATION: none
}
.normalYellow
{
    LINE-HEIGHT: 18px;
    FONT-STYLE: normal;
    FONT-FAMILY: "Arial", "Helvetica", "sans-serif";
    COLOR: #787856;
    FONT-SIZE: 11px;
    FONT-WEIGHT: bold;
    TEXT-DECORATION: none
}
.normalBlue
{
    LINE-HEIGHT: 18px;
    FONT-STYLE: normal;
    FONT-FAMILY: "Arial", "Helvetica", "sans-serif";
    COLOR: #123456;
    FONT-SIZE: 11px;
    FONT-WEIGHT: bold;
    TEXT-DECORATION: none
}
.normalRed
{
    LINE-HEIGHT: 18px;
    FONT-STYLE: normal;
    FONT-FAMILY: "Arial", "Helvetica", "sans-serif";
    COLOR: #985454;
    FONT-SIZE: 11px;
    FONT-WEIGHT: bold;
    TEXT-DECORATION: none
}
.normalThin
{
    LINE-HEIGHT: 18px;
    FONT-STYLE: normal;
    FONT-FAMILY: "Arial", "Helvetica", "sans-serif";
    COLOR: black;
    FONT-SIZE: 11px;
    FONT-WEIGHT: normal;
    TEXT-DECORATION: none
}
.middleGrey
{
    LINE-HEIGHT: 18px;
    FONT-STYLE: normal;
    FONT-FAMILY: "Arial", "Helvetica", "sans-serif";
    COLOR: black;
    FONT-SIZE: 11px;
    FONT-WEIGHT: normal;
    TEXT-DECORATION: none
}
.smallGrey
{
    LINE-HEIGHT: 16px;
    FONT-STYLE: normal;
    FONT-FAMILY: "Arial", "Helvetica", "sans-serif";
    COLOR: black;
    FONT-SIZE: 10px;
    FONT-WEIGHT: lighter;
    TEXT-DECORATION: none
}
.linkBlue
{
    LINE-HEIGHT: 18px;
    FONT-STYLE: normal;
    FONT-FAMILY: "Arial", "Helvetica", "sans-serif";
    COLOR: #4545cc;
    FONT-SIZE: 11px;
    FONT-WEIGHT: bold;
    TEXT-DECORATION: underline
}
.menuBig
{
    LINE-HEIGHT: 18px;
    FONT-STYLE: normal;
    FONT-FAMILY: "Arial", "Helvetica", "sans-serif";
    COLOR: #708090;
    FONT-SIZE: 12px;
    FONT-WEIGHT: bold;
    TEXT-DECORATION: none
}
.menuSmall
{
    LINE-HEIGHT: 18px;
    FONT-STYLE: normal;
    FONT-FAMILY: "Times New Roman", "sans-serif", "Helvetica", "Arial";
    COLOR: #4169e1;
    FONT-SIZE: 11px;
    FONT-WEIGHT: bold;
    TEXT-DECORATION: none
}
.showIt
{
    DISPLAY: block
}
.hideIt
{
    DISPLAY: none
}
TD.ContentTable
{
    BORDER-BOTTOM: #aaaaaa 1px solid;
    BORDER-LEFT: #aaaaaa 1px solid;
    BORDER-TOP: #aaaaaa 1px solid;
    BORDER-RIGHT: #aaaaaa 1px solid
}
.PhillipTitleChinese
{
    LINE-HEIGHT: normal;
    FONT-FAMILY: "·s²Ó©úÅé";
    FONT-SIZE: 16pt;
    FONT-WEIGHT: bold
}
.PhillipTitleEnglish
{
    FONT-FAMILY: "Times New Roman";
    FONT-SIZE: 12pt;
    FONT-WEIGHT: bold
}
.bcContent
{
    LINE-HEIGHT: 18px;
    FONT-STYLE: normal;
    FONT-FAMILY: 'Times New Roman';
    COLOR: black;
    FONT-SIZE: 12px;
    FONT-WEIGHT: normal;
    TEXT-DECORATION: none
}
.LogoutBtn
{
	BACKGROUND-COLOR: #A45243;
	COLOR: #EBF5FF;
	Cursor: pointer;
}
.LogoutBtn:hover
{
	BACKGROUND-COLOR: #DBB5AE;
	COLOR: #000;
}

.ProductItem {
	float: left;
	width: 160px;
	text-align: center;
	border: 1px solid #FFF;
	padding: 5px 0px;
	margin-right:10px;
	cursor: pointer;
	color: #1B5DA3;
	border-radius:6px;
}
.ProductItem:hover {
	border: 1px solid #1B5DA3;
	background-color: #EBF5FF;
	color: #1B5DA3;
}
.ProductItem  img {
	width: 150px;
	height: 150px;
	border-radius:18px;
}
.ProductName {
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	margin-top: 5px;
}