html { margin:0px; padding:0px; height:100%; border:none; } 
body { margin:0px; padding:0px; height:100%; border:none; background-color:#666666; }
body {
 background-color: #FFFFFF;
 SCROLLBAR-FACE-COLOR: #ffffff;
 SCROLLBAR-HIGHLIGHT-COLOR: #ddeeff;
 SCROLLBAR-SHADOW-COLOR: #ffffff;
 SCROLLBAR-3DLIGHT-COLOR: #ffffff;
 SCROLLBAR-ARROW-COLOR: #ddeeff;
 SCROLLBAR-TRACK-COLOR: #ffffff;
 SCROLLBAR-DARKSHADOW-COLOR: #ddeeff;
 SCROLLBAR-BASE-COLOR: #ddeeff
}
li {line-height:15px;margin-bottom:3px;margin-top:3px}
.contentarea{
    height:100%; width:775px; 
    background-color:#ffffff; 
    font-family:verdana; 
    font-size:8pt; 
    color:#000000;
 }
.footer {font-family:verdana; font-size:11px; color:#999999;font-style:italic}
.content { height:100%;padding-left:10px;padding-right:10px;}

.title { 
    margin-bottom:0px; 
    margin-top:5px; 
    padding:2px;
    font-family:verdana; 
    font-size:13pt; 
    color:#FE5F00;
 }
.subtitle {
    margin-bottom:2px; 
    padding:2px; 
    font-family:verdana; 
    font-size:10pt; 
    color:#a7a7a7;
 }

.link { font-family:verdana; font-size:12px; color:#ffffff; }
.smalllink { font-family:verdana; font-size:10px; color:#ffffff; }
.bluelink {font-family:verdana; font-size:12px; color:#336699;}
.bluelink:hover {color:#ff6600;}
    
.feature {
	font-size: 10pt;
	/*color:#0B8251;*/
	color: #000066;
	text-decoration: underline;
	font-family: Arial, Helvetica, sans-serif;
}

p.opttext {
    margin-top:3px;
    margin-bottom:2px;
    color:#000000;
}

code {
    color:#008f00;
    background-color:#ffffff;
}

.bold {
    font-weight:bold;
    color:#666666;
}

.boldlink {
    font-weight:bold;
    color:#336699;
}

.textbox {
    height:18px;
    border:#cccccc 1px solid;
}

.hilicode {
    background-color:#666666;
    color:#ffffff;
}

em.name {color:#666666;font-family:tahoma;}

td.navbutton {
    padding:2px 10px 2px 10px;
    border:#b8b8b8 1px solid;
    border-top:none;
    width:50px;
    text-align:center;
    font-weight:bold;
    background-color:#EAE087;
}

a.navlink {color:#545454;text-decoration:none;}
a.navlink:hover{color:#FFFFFF;text-decoration:underline;}
/*--------------------------產品頁左側選單-------------------- */
.prolinkTitleTL {
	background-color: #354fc4;
	background-image: url(../TT_files/prolinkTitleTL.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 7px;
}
.prolinkTitleTC {
	background-color: #354fc4;
	background-image: url(../TT_files/prolinkTitleTC.gif);
	background-repeat: repeat-x;
	background-position: left top;
	height: 7px;
}
.prolinkTitleTR {
	background-color: #354fc4;
	background-image: url(../TT_files/prolinkTitleTR.gif);
	background-repeat: no-repeat;
	background-position: right top;
	height: 7px;
}
.prolinkTitleML {
	background-color: #354fc4;
	background-image: url(../TT_files/prolinkTitleML.gif);
	background-repeat: repeat-y;
	background-position: left bottom;
	width: 10px;
}
.prolinkTitleMC {
	background-color: #354fc4;
	background-image: url(../TT_files/prolinkTitleMC.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
}
.prolinkTitleMR {
	background-color: #354fc4;
	background-image: url(../TT_files/prolinkTitleMR.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	width: 10px;
}

.prolinkTitleBL {
	background-color: #24368d;
	background-image: url(../TT_files/prolinkTitleBL.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 13px;
}
.prolinkTitleBC {
	background-color: #24368d;
	background-image: url(../TT_files/prolinkTitleBC.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	height: 13px;
}
.prolinkTitleBR {
	background-color: #24368d;
	background-image: url(../TT_files/prolinkTitleBR.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	height: 13px;
}

.prolinkTL {
	background-color: #f5f3f3;
	background-image: url(../TT_files/prolinkTL.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
.prolinkTC {
	background-color: #f5f3f3;
	background-image: url(../TT_files/prolinkTC.gif);
	background-repeat: repeat-x;
	background-position: left top;
}
.prolinkTR {
	background-color: #f5f3f3;
	background-image: url(../TT_files/prolinkTR.gif);
	background-repeat: no-repeat;
	background-position: right top;
}
.prolinkML {
	background-color: #f5f3f3;
	background-image: url(../TT_files/prolinkML.gif);
	background-repeat: repeat-y;
	background-position: left top;
}
.prolinkMC {
	background-color: #f5f3f3;
}
.prolinkMR {
	background-color: #f5f3f3;
	background-image: url(../TT_files/prolinkMR.gif);
	background-repeat: repeat-y;
	background-position: right top;
}
.prolinkBL {
	background-color: #f5f3f3;
	background-image: url(../TT_files/prolinkBL.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	font-size: 0px;
	height: 10px;
	width: 10px;
}
.prolinkBC {
	background-color: #f5f3f3;
	background-image: url(../TT_files/prolinkBC.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	font-size: 0px;
	height: 10px;
}
.prolinkBR {
	background-color: #f5f3f3;
	background-image: url(../TT_files/prolinkBR.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	font-size: 0px;
	height: 10px;
	width: 10px;
}
