BODY { 
    font-size: 10pt; font-family: Arial, Verdana, Helvetica, sans-serif; 
}

FORM { 
    margin: 0px;
}

TD { 
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 10pt;
}

A { 
    color: #CC3300; text-decoration: none; font-weight: normal; 
}

A:hover {
    color: #3333FF; text-decoration: underline; font-weight: bold;
}

.f8pt {
	FONT-WEIGHT: normal; FONT-SIZE: 8pt; COLOR: #000000; FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
}

.f9pt {
	FONT-WEIGHT: normal; FONT-SIZE: 9pt; COLOR: #000000; FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif
}

.f10pt {
	FONT-WEIGHT: normal; FONT-SIZE: 10pt; COLOR: #000000; FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif
}
.f11pt {
	FONT-WEIGHT: normal; FONT-SIZE: 11pt; COLOR: #000000; FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif
}

.f12pt {
	FONT-WEIGHT: normal; FONT-SIZE: 12pt; COLOR: #000000; FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif
}

.fc8pt {
	FONT-WEIGHT: normal; FONT-SIZE: 8pt; COLOR: #000000; FONT-FAMILY: Arial
}

.fc9pt {
	FONT-WEIGHT: normal; FONT-SIZE: 9pt; COLOR: #000000; FONT-FAMILY: Arial
}

.fc10pt {
	FONT-WEIGHT: normal; FONT-SIZE: 10pt; COLOR: #000000; FONT-FAMILY: Arial
}

.fc11pt {
	FONT-WEIGHT: normal; FONT-SIZE: 11pt; COLOR: #000000; FONT-FAMILY: Arial
}

.fc12pt {
	FONT-WEIGHT: normal; FONT-SIZE: 12pt; COLOR: #000000; FONT-FAMILY: Arial
}

.f14ptEn {
    font-size: 14pt; FONT-WEIGHT: bold; font-family: Arial, Verdana, Helvetica, sans-serif;
}

.f16ptEn {
    font-size: 16pt; FONT-WEIGHT: bold; font-family: Arial, Verdana, Helvetica, sans-serif;
}

.f32ptEn {
    font-size: 32pt; FONT-WEIGHT: bold; font-family: Arial, Verdana, Helvetica, sans-serif;
}

.text {
	FONT-WEIGHT: normal; FONT-SIZE: 10pt; COLOR: #000000; FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif
}

.button {
	FONT-WEIGHT: bold; FONT-SIZE: 11px; FILTER: Alpha(Opacity=40, FinishOpacity=100, Style=1, StartX=0, StartY=0, FinishX=0, FinishY=100); CURSOR: hand; COLOR: #000000; FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif
}

.field {
	FONT-WEIGHT: bold; FONT-SIZE: 9px; COLOR: #000000; FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif
}

.date { 
    FONT-WEIGHT: normal; FONT-SIZE: 9px; FILTER: Alpha(Opacity=40, FinishOpacity=100, Style=1, StartX=0, StartY=0, FinishX=0, FinishY=100); CURSOR: hand; COLOR: #999999; FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif 
}

.BIGtext {
    FONT-WEIGHT: bolder; FONT-SIZE: 12px; COLOR: #000000; FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif
}

.ItemText {
	FONT-WEIGHT: normal; FONT-SIZE: 10px; COLOR: #6699CC; FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif; font-weight: bold;
}
.blueon
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 9pt;
    BACKGROUND: #3366FF;
    CURSOR: hand;
    COLOR: #FFFFFF;
}
.blueoff
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 9pt;
    COLOR: #000000;
    LINE-HEIGHT: normal;
    FONT-STYLE: normal;
    FONT-VARIANT: normal
}
.yellowon
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 9pt;
    BACKGROUND: #FFFFCE;
    CURSOR: hand;
    COLOR: normal;
}
.yellowoff
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 9pt;
    COLOR: #000000;
    LINE-HEIGHT: normal;
    FONT-STYLE: normal;
    FONT-VARIANT: normal
}

.orangeon
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 9pt;
    BACKGROUND: #FFCC00;
    CURSOR: hand;
    COLOR: normal;
}
.orangeoff
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 9pt;
    COLOR: #000000;
    LINE-HEIGHT: normal;
    FONT-STYLE: normal;
    FONT-VARIANT: normal
}


.SubMenuLink {
	font-family: Arial;
	font-size: 10pt;
	line-height: 14pt;
	color: #0000FF;
	text-decoration: none;
}

.PageLink {color: #0066CC;}
.PageLinkNum {color: #0000FF;}
.PageLinkNowNum {color: #000000; font-size: 12pt;}

.WhiteLink A { 
    font-family: Arial; color: #FFFFFF; font-size: 10pt; line-height: 14pt; font-weight: normal; text-decoration: none;
}

.WhiteLink A:hover { 
    font-family: Arial; color: #FFFFFF; font-size: 10pt; line-height: 14pt; font-weight: normal;
}

.MainMenu { 
    font-family: Arial; color: #000000; font-size: 10pt; line-height: 14pt; font-weight: normal; text-decoration: none;
}

.MainMenu A { 
    font-family: Arial; color: #000000; font-size: 10pt; line-height: 14pt; font-weight: normal; text-decoration: none;
}

.MainMenu A:hover { 
    font-family: Arial; color: #FF0000; font-size: 10pt; line-height: 14pt; font-weight: normal;
}

.SubMenu { 
    font-family: Arial; color: #646464; font-size: 10pt; line-height: 14pt; font-weight: normal; text-decoration: none;
}

.SubMenu A { 
    font-family: Arial; color: #646464; font-size: 10pt; line-height: 14pt; font-weight: normal; text-decoration: none;
}

.SubMenu A:hover { 
    font-family: Arial; color: #646464; font-size: 10pt; line-height: 14pt; font-weight: normal;
}

.NewsLink { 
    font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; font-size: 10pt; line-height: 14pt; font-weight: normal;
}

.NewsLink A { 
    font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; font-size: 11pt; line-height: 14pt; font-weight: normal; text-decoration: none;
}

.NewsLink A:hover { 
    font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; font-size: 11pt; line-height: 14pt; font-weight: bold;
}


.ProductLink { 
    font-family: Arial, Helvetica, sans-serif; color: #000000; font-size: 10pt; line-height: 14pt; font-weight: normal;
}

.ProductLink A { 
    font-family: Arial, Helvetica, sans-serif; color: #000000; font-size: 11pt; line-height: 14pt; font-weight: normal; text-decoration: none;
}

.ProductLink A:hover { 
    font-family: Arial, Helvetica, sans-serif; color: #000000; font-size: 11pt; line-height: 14pt; font-weight: bold;
}


.NewsTitle {
    font-size: 14pt; FONT-WEIGHT: bold; font-family: Arial, Verdana, Helvetica, sans-serif; COLOR: #c90026;
}

.PowerByTXT {
	FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR:  #666666; FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif
}


.ProductListSubject {
    font-size: 11pt; font-family: Arial, Verdana, Helvetica, sans-serif; COLOR: #666666; FONT-WEIGHT: bold; 
}

.ProductListReadme {
    font-size: 10pt; font-family: Arial, Verdana, Helvetica, sans-serif; COLOR: #CC9933;
}

.ProductListIcon {
    font-size: 10pt; font-family: Arial, Verdana, Helvetica, sans-serif; COLOR: #999999;
}

.ProductListPrice {
    font-size: 11pt; font-family: Helvetica, sans-serif; COLOR: #666666;
}

.ProductListAgentPrice {
    font-size: 11pt; font-family: Helvetica, sans-serif; COLOR: #FF3333; FONT-WEIGHT: bold;
}

.ProductViewName {
    font-size: 14pt; font-family: Helvetica, sans-serif; COLOR: #000000; FONT-WEIGHT: bold;
}

.ProductViewBrief {
    font-size: 10pt; font-family: Helvetica, sans-serif; COLOR: #DA5021;
}

.ProductViewReadme {
    font-size: 10pt; font-family: Helvetica, sans-serif; COLOR: #FF3333;
}

.ProductViewPrice {
    font-size: 10pt; font-family: Helvetica, sans-serif; COLOR: #666666;
}

.ProductViewAgentPrice {
    font-size: 11pt; font-family: Helvetica, sans-serif; COLOR: #FF3333; FONT-WEIGHT: bold;
}




.w01 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #95917F;
	text-decoration: none;
}
.w02 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #333333;
	line-height: 14pt;

}
.w03 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #000000;
	line-height: 15pt;

}
.w04 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #A7190E;
	line-height: 14pt;
	text-decoration: none;

}
.w05 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #666666;
	line-height: 18pt;
	text-decoration: none;

}
.w06 {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #D43943;
	line-height: 18pt;
	text-decoration: none;
}
.w07 {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #4280BD;
	line-height: 18pt;
	text-decoration: none;
}
.w08 {


	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #4280BD;
	line-height: 18pt;
	text-decoration: none;
}
.w09 {
	font-family: Times New Roman, Times, serif;
	font-size: 9pt;
	line-height: 18pt;
	color: #666666;
	text-decoration: line-through;
}
.w10 {



	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #FFFFFF;
	line-height: 18pt;
	text-decoration: none;
}
.w11 {



	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #604C28;
	line-height: 18pt;
	text-decoration: none;
}
.in01 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	border: 1px solid #CCC5AE;
    height: 22px;
}

.text01 {
	font-size: 12px;
	text-decoration: none;
	line-height: 18px;
	letter-spacing: 1px;
	font-family: Arial, Helvetica, sans-serif, "新細明體";
}

.text02 {
	font-size: 12px;
	text-decoration: none;
	line-height: 18px;
	letter-spacing: 1px;
	font-family: Arial, Helvetica, sans-serif, "新細明體";
    color: #7f7f7f;
}

.text03 {
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
	letter-spacing: 1px;
}

.text04 {
	font-size: 12px;
	color: #dd0d0d;
	text-decoration: none;
	word-spacing: 1px;
	letter-spacing: 1px;
}

.text05 {
	font-size: 11px;
	letter-spacing: 1px;
	color: #666666;
}

.text06 {
	font-size: 12px;
	color: #0000FF;
	text-decoration: none;
}

.smalltxt {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	text-decoration: none;

}


ProductLink { 
	font-family: Arial, Helvetica, sans-serif; color: #000000; font-size: 10pt; font-weight: bold; text-decoration: none;
}

.ProductLink A { 
    font-family: Arial, Helvetica, sans-serif; color: #000000; font-size: 10pt; font-weight: bold; text-decoration: none;
}

.ProductLink A:hover { 
    font-family: Arial, Helvetica, sans-serif; color: #000000; font-size: 10pt; font-weight: bold;
}

.SloganTxt01 {
	font-family: Arial, Helvetica, sans-serif; color: #FFFFFF;
}


/*Credits: Dynamic Drive CSS Library */

.basictab{
padding: 3px 0;
margin-left: 0;
font: bold 12px Verdana;
border-bottom: 1px solid gray;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.basictab li{
display: inline;
margin: 0;
}

.basictab li a{
text-decoration: none;
padding: 3px 7px;
margin-right: 3px;
border: 1px solid gray;
border-bottom: none;
background-color: #FFFFFF;
color: #2d2b2b;
}

.basictab li a:visited{
color: #666666;
}

.basictab li a:hover{
background-color: #FFFFCC;
color: black;
}

.basictab li a:active{
color: black;
}

.basictab li.selected a{ /*selected tab effect*/
position: relative;
top: 1px;
padding-top: 4px;
background-color: #FFE9F1;
color: black;
font-weight: bold;
font: bold 13px Verdana;
}


/*************** Button Color ***************/
.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
    overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
    width: 100%;
}

    /*** blue ***/

    a.bluebutton{
        background: transparent url('pics/oval-blue-left.gif') no-repeat top left;
        display: block;
        float: left;
        font: normal 12px Tahoma;   /* Change 13px as desired */
        line-height: 16px;          /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
        height: 24px;               /* Height of button background height */
        padding-left: 11px;         /* Width of left menu image */
        text-decoration: none;
    }
    a:link.bluebutton, a:visited.bluebutton, a:active.bluebutton{
        color: #494949; /*button text color*/
    }
    a.bluebutton span{
        background: transparent url('pics/oval-blue-right.gif') no-repeat top right;
        display: block;
        padding: 4px 11px 4px 0; /*Set 11px below to match value of 'padding-left' value above*/
    }
    a.bluebutton:hover{ /* Hover state CSS */
        background-position: bottom left;
    }
    a.bluebutton:hover span{ /* Hover state CSS */
        background-position: bottom right;
        color: #494949;
        text-decoration: underline; font-weight: normal;
    }


    /*** green ***/

    a.greenbutton{
        background: transparent url('pics/oval-green-left.gif') no-repeat top left;
        display: block;
        float: left;
        font: normal 12px Tahoma;
        line-height: 16px;
        height: 24px;
        padding-left: 11px;
        text-decoration: none;
    }
    a:link.greenbutton, a:visited.greenbutton, a:active.greenbutton{
        color: #494949;
    }
    a.greenbutton span{
        background: transparent url('pics/oval-green-right.gif') no-repeat top right;
        display: block;
        padding: 4px 11px 4px 0;
    }
    a.greenbutton:hover{
        background-position: bottom left;
    }
    a.greenbutton:hover span{
        background-position: bottom right;
        color: #494949;
        text-decoration: underline; font-weight: normal;
    }

    /*** orange ***/

    a.orangebutton{
        background: transparent url('pics/oval-orange-left.gif') no-repeat top left;
        display: block;
        float: left;
        font: normal 12px Tahoma;
        line-height: 16px;
        height: 24px;
        padding-left: 11px;
        text-decoration: none;
    }
    a:link.orangebutton, a:visited.orangebutton, a:active.orangebutton{
        color: #494949;
    }
    a.orangebutton span{
        background: transparent url('pics/oval-orange-right.gif') no-repeat top right;
        display: block;
        padding: 4px 11px 4px 0;
    }
    a.orangebutton:hover{
        background-position: bottom left;
    }
    a.orangebutton:hover span{
        background-position: bottom right;
        color: #494949;
        text-decoration: underline; font-weight: normal;
    }

    /*** red ***/

    a.redbutton{
        background: transparent url('pics/oval-red-left.gif') no-repeat top left;
        display: block;
        float: left;
        font: normal 12px Tahoma;
        line-height: 16px;
        height: 24px;
        padding-left: 11px;
        text-decoration: none;
    }
    a:link.redbutton, a:visited.redbutton, a:active.redbutton{
        color: #494949;
    }
    a.redbutton span{
        background: transparent url('pics/oval-red-right.gif') no-repeat top right;
        display: block;
        padding: 4px 11px 4px 0;
    }
    a.redbutton:hover{
        background-position: bottom left;
    }
    a.redbutton:hover span{
        background-position: bottom right;
        color: #494949;
        text-decoration: underline; font-weight: normal;
    }