@charset "utf-8";
body { 
	margin:0;
	background-color: #e1e1e1;
	SCROLLBAR-FACE-COLOR: #f0f0f0; 
	SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; 
	SCROLLBAR-SHADOW-COLOR: #b8b7b7; 
	SCROLLBAR-3DLIGHT-COLOR: #d9d9d9; 
	SCROLLBAR-ARROW-COLOR: #888888; 
	SCROLLBAR-TRACK-COLOR: #f7f7f7; 
	SCROLLBAR-DARKSHADOW-COLOR: #f7f7f7
}
.white
{
    color:#ffffff;	font-size:12px; font-weight: bolder; padding-top:5px; 
}
.white a:link {
	COLOR: #ffffff; font-size:12px;  TEXT-DECORATION: none; font-weight: bolder;
}
.white a:visited {
	COLOR: #ffffff; font-size:12px;  TEXT-DECORATION: none; font-weight: bolder;
}
.white a:hover {
	COLOR: #fffece; font-size:12px;  TEXT-DECORATION: underline; font-weight: bolder;
}
.blue
{
    color:#ff7132;	font-size:13px;  LINE-HEIGHT: 19pt; padding-left:4px;
}

.blue2
{
    color:#3276df;	font-size:13px;  LINE-HEIGHT: 19pt;
}

.blackB
{
    color:#323232;	font-size:13px; font-weight: bolder; LINE-HEIGHT: 17pt;
}
.blackB a:link {
	COLOR: #323232; font-size:13px;  TEXT-DECORATION: none; font-weight: bolder;
}
.blackB a:visited {
	COLOR: #323232; font-size:13px;  TEXT-DECORATION: none; font-weight: bolder;
}
.blackB a:hover {
	COLOR: #0c67d0; font-size:13px;  TEXT-DECORATION: underline; font-weight: bolder;
}
.red
{
    color:#ff4800;	font-size:13px; font-weight: bolder;
}
.red2
{
    color:#ff004e;	font-size:13px;  LINE-HEIGHT: 19pt; padding-left:4px; 
}
.orange
{
    color:#fb8016;	font-size:13px; font-weight: bolder; LINE-HEIGHT: 14pt;
}
.grayText
{
	color:#323232;
	font-size:13px;
	LINE-HEIGHT: 19pt;
}
.grayText a:link {
	COLOR: #323232; font-size:13px;  TEXT-DECORATION: none; font-weight:normal;
}
.grayText a:visited {
	COLOR: #323232; font-size:13px;  TEXT-DECORATION: none; font-weight:normal;
}
.grayText a:hover {
	COLOR: #0c67d0; font-size:13px;  TEXT-DECORATION: underline; font-weight:normal;
}
.gray4
{
    color:#6c6c6c;	font-size:13px;  LINE-HEIGHT: 14pt; 
}
.gray2
{
    color:#323232;	font-size:13px;  LINE-HEIGHT: 14pt; 
}
.gray2 a:link {
	COLOR: #323232; font-size:13px;  TEXT-DECORATION: none; font-weight:normal;
}
.gray2 a:visited {
	COLOR: #323232; font-size:13px;  TEXT-DECORATION: none; font-weight:normal;
}
.gray2 a:hover {
	COLOR: #0c67d0; font-size:13px;  TEXT-DECORATION: underline; font-weight:normal;
}
.gray3
{
    color:#323232;	font-size:10px;  LINE-HEIGHT: 10pt; 
}
.bLink
{
    color:#0c67d0;	font-size:13px;  LINE-HEIGHT: 14pt;  TEXT-DECORATION: underline; font-weight:normal;
}
.bLink a:link {
	COLOR: #0c67d0; font-size:13px;  TEXT-DECORATION: underline; font-weight:normal;
}
.bLink a:visited {
	COLOR: #0c67d0; font-size:13px;  TEXT-DECORATION: underline; font-weight:normal;
}
.bLink a:hover {
	COLOR: #0c67d0; font-size:13px;  TEXT-DECORATION: underline; font-weight:normal;
}
.gray
{
    color:#323232;	font-size:13px;  LINE-HEIGHT: 14pt; font-weight: bolder;
}
.gray a:link {
	COLOR: #323232; font-size:13px;  TEXT-DECORATION: none; font-weight:normal;
}
.gray a:visited {
	COLOR: #323232; font-size:13px;  TEXT-DECORATION: none; font-weight:normal;
}
.gray a:hover {
	COLOR: #0c67d0; font-size:13px;  TEXT-DECORATION: underline; font-weight:normal;
}
.grayMenu
{
    color:#323232;	font-size:13px;  LINE-HEIGHT: 19px; padding-left:4px;
}
.grayMenu a:link {
	COLOR: #323232; font-size:13px;  TEXT-DECORATION: none; 
}
.grayMenu a:visited {
	COLOR: #323232; font-size:13px;  TEXT-DECORATION: none; 
}
.grayMenu a:hover {
	COLOR: #0c67d0; font-size:13px;  TEXT-DECORATION: underline; 
}
.gray15
{
    color:#323232;	font-size:15px;  font-weight: bolder; 
}
.orange
{
    color:#f56d31;	font-size:13px;  font-weight: bolder; 
}
.green
{
    color:#4f7d05;	font-size:13px;   LINE-HEIGHT: 19pt;
}
.gT01
{
    color: #930;	font-size:13px;   LINE-HEIGHT: 18pt;
}
.orange15
{
    color:#ff4200;	font-size:15px;  font-weight: bolder; 
}
.grayB
{
    color:#323232;	font-size:13px;  font-weight: bolder; LINE-HEIGHT: 18pt;
}
.grayB a:link {
	COLOR: #323232; font-size:13px;  font-weight: bolder; TEXT-DECORATION: none; 
}
.grayB a:visited {
	COLOR: #323232; font-size:13px;  font-weight: bolder; TEXT-DECORATION: none; 
}
.grayB a:hover {
	COLOR: #0c67d0; font-size:13px;  font-weight: bolder; TEXT-DECORATION: underline; 
}
.white2
{
    color:#323232;	font-size:12px;  LINE-HEIGHT: 14pt;
}
.white2 a:link {
	COLOR: #323232; font-size:12px;  TEXT-DECORATION: none; 
}
.white2 a:visited {
	COLOR: #323232; font-size:12px;  TEXT-DECORATION: none;
}
.white2 a:hover {
	COLOR: #323232; font-size:12px;  TEXT-DECORATION: underline; 
}
.input2 {
	BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; FONT-SIZE: 13px; BACKGROUND: url(images/btn_bg.gif); BORDER-BOTTOM-WIDTH: 0px; WIDTH: 25px; CURSOR: pointer; COLOR: #fff;  FONT-FAMILY: Arial; HEIGHT: 22px; BORDER-RIGHT-WIDTH: 0px
}

form{margin:0px;display: inline}
.blank-w { 
   width:10px;
} 
.blank-h { 
   height:7px;
} 
.blank { 
   height:4px;
} 
.blank2 { 
   height:7px;
} 
.blank3 { 
   height:15px;
} 
.blank4 { 
   height:20px;
} 
.blank5 { 
   height:11px;
} 
.blank_width { 
   width:4px;
} 
.blank_width2 { 
   width:9px;
} 
.blank_width3 { 
   width:20px;
} 
.STYLE6 {
	font-size:medium;
	color: #F56D31;
	font-weight: bold;
}
.rightext{font-size:13px;
padding:10px 10px 10px 10px;
margin-top:1px;
margin-bottom:1px;
background-color:#fff4f4;
border-left:1px solid #ffffff;
color:#323232;	
line-height: 14pt;
font-family: "Times New Roman", Times, serif;
}
.linei{border:0px;
       border-top:1px dashed #999;
	   margin-top:2px;
	   margin-bottom:0px;
		}
td, form, option, select{font-size:12px; font-family:Tahoma, arial, verdana, helvetica, sans-serif; color:#323232}

.login { margin:0; padding:45px 10px 0 10px; width:229px; height:193px; background-image:url(images/ecity/login_a.gif); background-repeat:no-repeat;}
.login_txt { color:#666;}
.login_txt a:link { color:#666; text-decoration:none;}
.login_txt a:hover { color: #F56D31; text-decoration:underline;}
.login_com { color:#F60; font-size:13px; font-weight:bold;}

.login_in { background-image:url(images/ecity/botton_login.gif); width:154px; height:33px; border:0; cursor:pointer; }
.login_out { background-image:url(images/ecity/botton_logout.gif); width:154px; height:33px; border:0; cursor:pointer; }

.pro_b { margin:0; padding:40px 10px 10px 13px; width:610px; background-image:url(images/ecity/pro_b.gif); background-repeat:no-repeat;}
.pro_txt { color:#323; font-size:13px; line-height:21px; }

.bt1 { padding:5px 0 0 0; background-image:url(images/bt_bt1.gif); width:150px; line-height:25px; text-align:center; color:#FFF; font-weight:bold; font-size:13px;}
.bt2 { padding:5px 0 0 0; background-image:url(images/bt_bt2.gif); width:150px; line-height:25px; text-align:center; color:#FFF; font-weight:bold; font-size:13px;}
.bt2 a:link { text-decoration:none; color: #323232; font-weight:normal; font-size:11px;}
.bt2 a:visited {text-decoration:none; color: #323232; font-weight:normal; font-size:11px;}


.bg_help { background-image:url(images/ecity/bg_help.gif); background-repeat:no-repeat; width:609; height:482;}

.wmvTA_bt1 { padding:5px 0 0 0; background-image:url(images/learn/wmv_bt1.gif); width:150px; line-height:25px; text-align:center; color:#FFF; font-weight:bold; font-size:13px;}

.wmvTA_bt2 { padding:5px 0 0 0; background-image:url(images/learn/wmv_bt2.gif); width:150px; line-height:25px; text-align:center; color:#FFF; font-weight:bold; font-size:13px;}
.wmvTA_bt2 a:link { text-decoration:none; color: #323232; font-weight:normal; font-size:11px;}
.wmvTA_bt2 a:visited {text-decoration:none; color: #323232; font-weight:normal; font-size:11px;}

.wmv_h3 { color: #999;}
.line { border: 1px solid #CCC;}

.txt_uof { color: #F60; text-decoration:underline; }
.txt_uof a:link { color: #F60; text-decoration:none;}
.txt_uof a:hover { color:#F60; text-decoration:underline;}

.grid_tname {font-size:15px; color:#F30; font-weight:bold; line-height:23px; font-family: "微軟正黑體",Arail;}
.grid_tname A:link {font-size:15px; color:#F30; font-weight:bold; text-decoration:underline;}
.grid_tname A:visited {font-size:15px; color:#F30; font-weight:bold; text-decoration:underline;}
.grid_tname A:hover {font-size:15px; color: #06C; font-weight:bold; text-decoration:none;}

.grid_t {font-size:15px; color:#333; line-height:26px; font-family: "微軟正黑體",Arail;}
.grid_t a:link{font-size:15px; text-decoration:underline;}
.grid_t a:visited{font-size:15px; text-decoration:underline;}
.grid_t a:hover{font-size:15px; text-decoration:none;}

.grid_t2 {font-size:15px; font-weight:bold; color:#333; line-height:23px; font-family: "微軟正黑體",Arail;}

.koko{ color:#6cbfc6; font-weight:bold;}
.koko a:link{ color:#6cbfc6; font-weight:bold;}
.koko a:visited{ color:#6cbfc6; font-weight:bold;}
.koko a:hover{ color:#999; font-weight:bold;}

.bg201107 { background:url(news/201107/line_1.jpg); background-position:bottom; background-repeat:no-repeat;}

/* -------menu--------- */
.nav { margin:0 0 15 8; padding:10 0 0 39; line-height:30px; list-style-type:none; text-align:center; width:668; height:45; background-image: url(images/menu_bg.gif); font-weight:bold; }
.nav ul { display:none; z-index:10000; position:absolute;}
.nav li { float:left; font-size: 100%; color: #FFF;}
.nav li a:link{ color: #FFF; text-decoration:none;}
.nav li a:visited{ color: #FFF; text-decoration:none;}
.nav li a:hover{ color: #fffece; text-decoration:underline;}

.widthI { width:21;}

.nav2 { margin:0; padding:0; display:block; width:160px; line-height:24px; border: solid 0px; text-align:center;}
.nav2 ul { list-style-type:none; }
.nav2 li { margin:0; float:left; color: #000;}
.nav2 li a:link{ color: #000; text-decoration:none;}
.nav2 li a:visited{ color: #000; text-decoration:none;}
.nav2 li a:hover{ color: #3366CC; text-decoration:underline;}

/* -------CaseStudy--------- */