@charset "utf-8";
/*------------main style------------*/
* {
	margin: 0;
	padding: 0;
}

body {
	font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;


}

/* 主版居中layout */
#Mainlayout{
 position: absolute; /*--絕對定位--*/
 left: 50%;          /*top:50%;*/
 margin-left: -480px;/*--div寬度的一半--*//*margin-top: -240px;/*--div高度的一半--*/
 width: 960px;
 height: auto;
 visibility: visible;
}

/*header logo*/
.header_logo{
	float: left;
	height: 76px;
	width: 481px;
    margin:0;
}

/*header right*/
.header_right{
	float: right;
	height: 76px;
	width: 470px;
	margin:0;
}



/*site mc*/

.site_mc{
	float: right;
	height: 50px;
	width: 250px;
	position: relative;
}


/*聲音*/

.hand{
	cursor: hand;
}



/*首頁大廣告*/
.BigadL{
	float: left;
	height: 167px;
	width: 770px;
	margin: 0px;

}

.BigadR{
	float: right;
	height: 167px;
	width: 190px ;   
	background-image: url(images/who_we_are.gif);
	background-repeat: no-repeat;
	background-position: center top;
	margin: 0px;
}


.BigadR li{
	font-size: 11px;
	color: #333333;
	list-style-type: none;
	line-height: 14px !important;
	line-height: 13px;
    width: 176px !important;
	width: 90%;
	position: relative;
    top: 33px;
	right:-6px;
	>right:9px;
}


/***2009 new menu***/

.ismenu {
	font-family: arial, sans-serif;
	height: 21px;
	width: 960px;
	background-image: url(newMenu/tmpMenu.jpg);
	font-size: 12px;
	background-repeat: no-repeat;
}

.ismenu ul {
	padding:0;
	margin:0;
	list-style-type: none;
	position: relative;
	left: 29px;
}
.ismenu ul li {
	float:left;
	
	font-size: 12px;
	text-align: center;
}
.ismenu ul li a, .ismenu ul li a:visited {display:block; float:left; width:118px; text-decoration:none; padding:0 0 0 0px; height:20px; line-height:20px;color:#FFF; }
.ismenu ul li ul {display: none;}

/***action****/

.ismenu ul li:hover a {
	color:#FC0;
}
.ismenu ul li:hover ul {display:block; position:absolute; width:950px; top:20px; left:0; background:#FFF; color:#333;}
.ismenu ul li:hover ul li a {
	display:block;
	color:#333;
	width:auto;
	margin: 1px;
}
.ismenu ul li:hover ul li a:hover { color:#1f68b2;}
.menu_bg:hover{
	background-image: url(newMenu/menu_arr.png);
	background-repeat: no-repeat;
	background-position: center;
}

.menu_bg:visited{
	background-image: url(newMenu/menu_arr2.png);
	background-repeat: no-repeat;
	background-position: center;
}

/*首頁主右邊欄*/
.main_right{
	float: right;
	height: auto;
	width: 186px;
	margin-top: 0;
	margin-right: 2px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding: 0px;
}


/*首頁中間底圖*/

.main_bg_01{
	background-image: url(images/home_main_bg_01.jpg);
	background-repeat: no-repeat;
	height: 360px ;
	width: 770px;
}

.main_bg_02{
	background-image: url(images/home_main_bg_02.jpg);
	background-repeat: no-repeat;
	height: auto;
	width: 770px;
	background-position: bottom;
}


.main_line_770{
	height: 20px;
	width: 770px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}


.main_CQ{
	height: 120px;
	width: 690px;
	margin-left: 43px;
}


.Lmenu{
	margin: 0px;
	width: 150px;

}

.Lmenu li{

display:block;
}

/*內頁*/
.inside_page{
	width: 600px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 8px;
}

.insidepage_txt_01{
	width: 550px;
	margin-right: auto;
	margin-left: auto;
}

.insidepage_txt_01 ul{
	font-size : 10pt;
	line-height: 20px;
	letter-spacing : 0.02em;
	text-decoration: none;
	color: #333333;
	margin-bottom: 12px;
}

.insidepage_sub{
	margin: 0px;
	height: 20px;
	font-size: 13px;
	text-decoration: none;
	color: #1f68b2;
	font-weight: bold;
}



/*產品頁*/
.Product_tbs_type01{
	background-image: url(images/product_0601.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: auto;
	width: auto;
}

.Product_tbs_type02{
	background-image: url(images/product_0602.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	height: auto;
	width: auto;
}

.Tech_tbs_type01{
	background-image: url(images/Technology0401.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	height: auto;
	width: 560px;
	margin-right: auto;
	margin-left: auto;
}

.Tech_tbs_type02{
	background-image: url(images/Technology0402.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: auto;
	width: auto;
}

.Saas_tb{
	background-image: url(images/SAAS_DN3.jpg);
	height: 28px;
	width: 135px;
	/*>width: 150px;*/
	margin: 0px;
	padding: 0px;
	float: right;
}

.Saas_tb ul{
	position: relative;
	top: 5px;
	left: 22px;
}


.BIAnalytics_type01{
	background-image: url(images/BiAnalytics_0301.gif);
	background-repeat: no-repeat;
	background-position: center top;
	height: auto;
	width: 190px;
}

.BIAnalytics_type02{
	background-image: url(images/BiAnalytics_0302.gif);
	background-repeat: no-repeat;
	background-position: center top;
	height: auto;
	width: 190px;
}

.BIAnalytics_type03{
	background-image: url(images/BiAnalytics_0303.gif);
	background-repeat: no-repeat;
	background-position: center top;
	height: auto;
	width: 190px;
}

/*OnDemandTraining*/

.OnDemandTraining_R{
	background-image: url(images/OnDemandTraining_0101.jpg);
	background-repeat: no-repeat;
	background-position: top;
	width: 260px;
	height: 62px;
	padding: 0px;
	float: right;
    margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 25px;
	margin-left: 15px;
}

.OnDemandTraining_L{
	background-image: url(images/OnDemandTraining_0101.jpg);
	background-repeat: no-repeat;
	background-position: top;
	width: 260px;
	height: 62px;
	float: left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 15px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 25px;
}

.OnDemandTraining_gotop{
	height: 30px;
	width: 566px;
	clear: both;
	text-align: right;
}



/*support*/

.support_tbs{
	background-image: url(images/support0301.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	height: auto;
	width: auto;
}



/*Events*/
.Events_tbs_01{
	background-image: url(images/event_0101.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	width: 550px;
	height: auto;
	padding: 0px;
	margin: 0px;

}


.Events_tbs_02{
	background-image: url(images/event_0102.jpg);
	background-repeat: repeat-y;
	width: 550px;
	margin: 0px;
	height: auto;
	padding: 0px;
}

.Events_tbs_03{
	width: 520px;
	height: auto;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
}


.codetype{
	float: left;
}


/*Faq*/


.faq_a{
	font-size: 12px;
	font-weight: bold;
	color: #000066;
	margin-bottom: 5px;
}























/**********文字************/

/*黑色連結*/
.plus_BLACK_11A {
	font-size: 11px;
	text-decoration: none;
	color: #333333;
}
.plus_BLACK_11A:link{color: #333333;}
.plus_BLACK_11A:visited{ color: #333333; }
.plus_BLACK_11A:hover{color: #003;}

.plus_BLACK_11S {
	font-size : 11px;
	text-decoration: none;
	color: #333333;
}
.plus_BLACK_11S:link{color: #333333;}
.plus_BLACK_11S:visited{ color: #333333; }
.plus_BLACK_11S:hover{color: #036;}


.plus_BLACK_12A {
	font-size : 12px;
	line-height: 20px;
	letter-spacing : 0.03em;
	text-decoration: none;
	color: #333333;
}
.plus_BLACK_12A:link{color: #333333;}
.plus_BLACK_12A:visited{ color: #333333; }
.plus_BLACK_12A:hover{
	color: #000;
	text-decoration: underline;
}


.plus_BLACK_12C {
	font-size : 12px;
	line-height: 20px;
	letter-spacing : 0.03em;
	text-decoration: underline;
	color: #333333;
}
.plus_BLACK_12C:link{color: #333333;}
.plus_BLACK_12C:visited{ color: #333333; }
.plus_BLACK_12C:hover{color: #000;}


.plus_BLACK_12S {
	font-size : 12px;	
	line-height: 20px;
	letter-spacing : 0.03em;
	text-decoration: none;
	color: #333333;

}

.plus_BLACK_12S:link{color: #333333;}
.plus_BLACK_12S:visited{ color: #333333; }
.plus_BLACK_12S:hover{color: #000;

}


.plus_BLACK_12T {
    
    font-size : 12px; 
	line-height: 14px;
	letter-spacing : 0.03em;
	color: #333333;
	text-decoration: none;
	
}
.plus_BLACK_12T:link{color: #333333;}
.plus_BLACK_12T:visited{ color: #333333; }
.plus_BLACK_12T:hover{color: #000;text-decoration: underline;}

.suptxt{
	text-decoration: none;
	margin-right: 90px;
}





/*藍色連結*/
.plus_BLUE_11A {
	font-size: 11px;
	text-decoration: none;
	color: #1f68b2;
}
.plus_BLUE_11A:link{color: #1f68b2;}
.plus_BLUE_11A:visited{ color: #1f68b2; }
.plus_BLUE_11A:hover{color: #1f88b2;}


.plus_BLUE_12A {
    
    font-size : 12px; 
	line-height: 20px;
	letter-spacing : 0.03em;
	color: #1f68b2;
	text-decoration: none;
}
.plus_BLUE_12A:link{color: #1f68b2;}
.plus_BLUE_12A:visited{ color: #1f68b2; }
.plus_BLUE_12A:hover{color: #333;}

.plus_BLUE_12S {
	font-size : 12px;
	
	/*line-height: 18px;*/
	/*letter-spacing : 0.03em;*/
	
	color: #1f68b2;
	text-decoration: none;
}
.plus_BLUE_12S:link{color: #1f68b2;}
.plus_BLUE_12S:visited{ color: #1f68b2; }
.plus_BLUE_12S:hover{color: #1f88b2;}


.plus_BLUE_12D {
	font-size : 12px;
	line-height: 20px;
	letter-spacing : 0.03em;
	color: #1f68b2;
	text-decoration: none;
	font-weight: bold;
}
.plus_BLUE_12D:link{color: #1f68b2;}
.plus_BLUE_12D:visited{ color: #1f68b2; }
.plus_BLUE_12D:hover{
	color: #1f68b2;
	text-decoration: underline;
}





.plus_BLUE_11S {
	font-size: 11px;
	text-decoration: none;
	color: #1f68b2;
}
.plus_BLUE_11S:link{ color: #1f68b2; }
.plus_BLUE_11S:visited{ color: #1f68b2; }
.plus_BLUE_11S:hover{color:#1f88b2;text-decoration: underline;}



.plus_BLUE_12pxb {
	font-size: 11px;
	text-decoration: none;
	color: #1f68b2;
	font-weight: bold;

}
.plus_BLUE_12pxb:link{ color: #1f68b2; }
.plus_BLUE_12pxb:visited{ color: #1f68b2; }
.plus_BLUE_12pxb:hover{color:#1f88b2;text-decoration: underline;}



.plus_BLUE_12T {
	font-size : 12px;
	
	/*line-height: 18px;*/
	/*letter-spacing : 0.03em;*/
	font-weight: bold;
	color: #1f68b2;
	text-decoration: none;
}
.plus_BLUE_12T:link{color: #1f68b2;}
.plus_BLUE_12T:visited{ color: #1f68b2; }
.plus_BLUE_12T:hover{color: #1f88b2;text-decoration: underline;}


/*橘色連結*/
.plus_Orange_11A {
	font-size: 11px;
	text-decoration: none;
	color: #FE9704;
	text-decoration: underline;
}
.plus_Orange_11A:link{color: #FE9704;}
.plus_Orange_11A:visited{ color: #FE9704; }
.plus_Orange_11A:hover{color: #DC8501;text-decoration: underline;}




/*黑色文字*/

.pBLACK_9A {
	font-size: 9pt;
	text-decoration: none;
	letter-spacing : 0.03em;
	line-height: 20px;
	color: #333333;
}



.pBLACK_9B{
	font-size: 9pt;
	text-decoration: none;
	color: #333333;

}



.pBLACK_10A {
	font-size : 10pt; 
    letter-spacing : 0.03em;
	line-height: 20px;
	text-decoration: none;
	color: #333333;
}


.pBLACK_10S {
	font-size : 10pt;
	letter-spacing : 0.03em; 
	line-height: 17px;
	text-decoration: none;
	color: #333333;
}


.pBLACK_11pxs{
	font-size : 11px;
	letter-spacing : 0.03em; 
	line-height: 13px;
	text-decoration: none;
	color: #333333;

}



.pBLACK_11pxe{
	font-size: 11px;
	text-decoration: none;
	color: #000000;
	line-height: 15px;
}

.pBLACK_14pxb {
	font-size: 14px;
	text-decoration: none;
	color: #333333;
	font-weight: bold;
}


.ptxt_BLACK_13A {
	font-size : 13px; 
    letter-spacing : 0.03em;
	line-height: 20px;
	text-decoration: none;
	color: #333333;
}








/*灰色文字*/
.ptxt_GRAY_11A {
	font-size : 11px;
	letter-spacing : 0.03em; 
	text-decoration: none;
	color: #999;
}


/*藍色文字*/
.pBLUE_10A {
	font-size: 10pt;
	line-height: 20px;
	letter-spacing : 0.03em;
	text-decoration: none;
	color: #1f68b2;
	
}

.pBLUE_10AB {
	font-size: 10pt;
	line-height: 20px;
	letter-spacing : 0.03em;
	text-decoration: none;
	color: #1f68b2;
	font-weight: bold;
	
}

.pBLUE_9AB {
	font-size: 9pt;
	line-height: 20px;
	letter-spacing : 0.03em;
	text-decoration: none;
	color: #1f68b2;
	font-weight: bold;
	
}


.pBLUE_10S {
	font-size: 10pt;
	letter-spacing : 0.03em;
	text-decoration: none;
	color: #1f68b2;

}

.pBLUE_12pxb {
	font-size: 11px;
	text-decoration: none;
	color: #1f68b2;
	font-weight: bold;

}


.ptxt_BLUE_12A{
	font-size: 11px;
	text-decoration: none;
	color: #1f68b2;
	font-weight: bold;

}

.pBLUE_11pxa {
	font-size: 11px;
	letter-spacing : 0.03em;
	text-decoration: none;
	color: #1f68b2;

}

.ptxt_BLUE_13A {
	font-size: 13px;
	text-decoration: none;
	color: #1f68b2;
	font-weight: bold;
}


.spacial_title{
	
	font-weight: bold;
	font-size: 13pt;
	letter-spacing : 0em;
	text-decoration: none;
	color: #1f68b2;
}


.2009_MT_02A{
	
	font-size : 1em;
	word-spacing: 0.1em;
	letter-spacing : 0.03em;
	color: #333;
	text-align : left;
	/*line-height : 135%;*/
}


.2009_MT_02B{
	font-size : 1em;
	letter-spacing : 0.03em;
	color: #1f68b2;
	text-align : left;
	line-height : 135%;
}



/*END*/

/******表單樣式*******/


.form_style_n1{
	float: left;
	margin-top: 1px;
	margin-right: 10px;
	margin-bottom: 1px;
	margin-left: 1px;
}


.form_style_tn1{
	font-size: 12px;
	color: #036;
	margin: 0px;
	padding: 1px;
	border: 1px dotted #999999;
}

.form_style_tn2{
	font-size: 12px;
	color: #036;
	height: 100px;
	border: 1px dotted #CCCCCC;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
}




.form_style_t1{
	font-size: 12px;
	color: #036;
	margin: 0px;
	padding: 1px;
	width: 90%;
	clear: right;
}



.form_style_t2{
	font-size: 12px;
	color: #036;
	margin: 0px;
	padding: 1px;
	width: 98%;
	height: 150px;
}




/***TAB分頁***/

.tab_page{
	margin-left: 38px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;


}

.menustyle{
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 5px;




}


#tabs {
	list-style: none;
	margin: 0px;
	
}

#tabs li {
	height: 31px;
	width: 133px;
	background-image: url(home_tab/a1.jpg);
	background-repeat: no-repeat;
	float: left;
	margin-right: 2px;
	position: relative;
	top: 4px;
	>top: 6px;
}




#tabs a {
	height: 31px;
	width: 133px;
	background-image: url(home_tab/a2.jpg);
	background-repeat: no-repeat;
	float: left;

    font-size: 12px;
	color: #333;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	

	
}

#tabs a.tabactive{
	height: 31px;
	width: 133px;
	background-image: url(home_tab/a1.jpg);
	background-repeat: no-repeat;
	float: left;
	font-size: 13px;
	color: #1f68b2;
    font-weight: bold;

}


.pd{
	background-image: url(home_tab/d2.png);
	background-repeat: repeat-x;
	height: 31px;
	width: 687px;
	margin-left: 6px;
	margin-top: 0px;
	margin-bottom: 0px;


}

.pc{
	background-image: url(home_tab/c.png);
	background-repeat: no-repeat;
	background-position: bottom;
	width: 700px;
	height: 10px;
}

.pb{
	width: 700px;
	background-image: url(home_tab/b.png);
	background-repeat: repeat;
	height: 265px;
	position: relative;
	top: -3px;

}


.pe{
	width: 687px;
	background-image: url(home_tab/e.jpg);
	background-repeat: repeat-x;
	height: 269px;
	background-position: bottom;
	margin-left: 6px;
	margin-top: 0px;
	margin-bottom: 0px;

}

.pe2{
	width: 687px;
	background-image: url(home_tab/e2.jpg);
	background-repeat: repeat-x;
	height: 269px;
	background-position: bottom;
	margin-left: 6px;
	margin-top: 0px;
	margin-bottom: 0px;

}

.pb_u{
	position: relative;
	top: -6px;
}

.panel {
	clear: both;
	display: none;
	padding: 0em;


}

.panel.active-tab-body {
	display: block;
}


/*END*/



	#slider{}	
	#slider ul, #slider li, #slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:696px;
		height:241px;
		overflow:hidden; 
		}	

	#slider2 li{ 
		background:#f1f1f1;
		}		
	#slider2 li h2{ 
		margin:0 20px;
		padding-top:20px;
		}	
	#slider2 li p{ 
		margin:20px;
		}						
		
	p#controls, p#controls2{
		margin:0;
		position:relative;
		} 
	
	#prevBtn, #nextBtn, #prevBtn2, #nextBtn2{ 
		display:block;
		margin:0;
		overflow:hidden;
		text-indent:-8000px;
		width:70px;
		height:15px;
		position:absolute;
		left:5px;
		top:-132px;
		}	
	#nextBtn, #nextBtn2{ 
		left:615px;
		}														
	#prevBtn a, #nextBtn a, #prevBtn2 a, #nextBtn2 a{  
		display:block;
		width:70px;
		height:15px;
		background:url(images/home_main_ctd_pre.gif) no-repeat 0 0;	
		}	
	#nextBtn a, #nextBtn2 a{ 
		background:url(images/home_main_ctd_next.gif) no-repeat 0 0;	
		}												

/* // Easy Slider */

/********************************* 錯誤驗證效果 *************************************/

.LV_valid {
    color:#00CC00;
	margin-left: 5px;
}
	
.LV_invalid {
	color:#CC0000;
	margin-left: 10px;
	/*display: block;*/
}
	
/*
.LV_validation_message{
	font-weight:bold;
	display: block;
	margin-left: 10px;
	padding-top: 5px;

}
*/
	
	
.LV_valid_field,
input.LV_valid_field:hover, 
input.LV_valid_field:active,
textarea.LV_valid_field:hover, 
textarea.LV_valid_field:active,
.fieldWithErrors input.LV_valid_field,
.fieldWithErrors textarea.LV_valid_field {
    border: 1px solid #00CC00;
}
    
.LV_invalid_field, 
input.LV_invalid_field:hover, 
input.LV_invalid_field:active,
textarea.LV_invalid_field:hover, 
textarea.LV_invalid_field:active,
.fieldWithErrors input.LV_invalid_field,
.fieldWithErrors textarea.LV_invalid_field {
    border: 1px solid #CC0000;
}