@charset "utf-8";

/* CSS Document */

/*****************************************general**************************************************/
/*margin padding 標準化*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset,input, p, blockquote, th, td,{margin:0; padding:0;}

/*標題font-size的標準化
h1, h2,  h4, h5, h6{font-size:100%;}*/

/*移除清單的list-style樣式*/
ol, ul{list-style:none;}

/*將font-style及font-weight標準化成normal*/
address, caption, cite, code, dfn, em, strong, th, var{font-style:normal; font-weight:normal;}

/*移除table外框*/
table{border-collapse:collapse; border-spacing:0; text-align: left;}

/*移除fieldset和img的border*/
fieldset,img{border:0; text-align: center; z-index: 3;}

/*caption和th的文字要向左對齊*/
caption,th{text-align:left;}

/*移除q的引號*/
q:before,q:after{content: ;}

html,body{margin:0; padding:0; height: 100%; background-color:#ffffff;}
body{font-family: Arial, Helvetica, sans-serif; -webkit-text-size-adjust: none;}
a{border:0; text-decoration:none;}


/*************************header(LOGO、主選單)**********************************/	
/*.headerTemp{
	width:100%;
	background-color: #03665e;
	background-image: url(../images/header/bg_header.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height:70px;
}
.header_main{width:950px; margin:0 auto; padding:0; position:relative;}
.headerlogo{
	width:172px;
	padding: 28px 0 0 0;
	text-align:left;
	position:absolute;
}

.headernav{ width:660px; height:32px; margin:0 auto; padding: 8px 0 0 0; font-size:14px; font-weight: bold; position:absolute; top:30px; left:172px;}	
.headernav ul{ padding:0; margin:0; text-decoration: none;}
.headernav li{ padding:0 22px 0 0; margin:0; float: left;}
.headernav li a{ height:32px; display:block; color:#ffffff; text-align:center; text-decoration: none;	font-size:14px;}
.headernav li a:hover{
	color:#98e5d6;
	background-image: url(../images/header/nav_arrow_w.png);
	background-repeat: no-repeat;
	background-position: center bottom;
}
.headernav li a.active{ 
    color:#98e5d6;
	background-image: url(../images/header/nav_arrow_w.png);
	background-repeat: no-repeat;
	background-position: center bottom; 
}


.headernav li.nav_p a{ height:32px; display:block; color:#ffffff; text-align:center; text-decoration: none;}
.headernav li.nav_p a:hover{
	color:#98e5d6;
	background-image: url(../images/header/nav_arrow_g.png);
	background-repeat: no-repeat;
	background-position: center bottom;}
.headernav li.nav_p a.active{
	color:#98e5d6;
	background-image: url(../images/header/nav_arrow_b.png);
	background-repeat: no-repeat;
	background-position: center bottom;}


/* Products & Solutions mouseover次選單*/
/*.nav_p_main{
	width:920px;
	height:410px;
	padding:15px;
	margin:0 15% 0 15%;
	background-color:#dbdbdb;
	border-style: none solid solid solid;
	border-width: 0 1px 1px 1px;
	border-color: #bcbcbc;
	position:absolute;
	z-index:99;
}

.nav_p_list{ width:205px; float:left;}
.nav_p_list_top{ width:215px; float:left; margin:24px 0;}
.nav_p_list_long{ width:285px; float:left; margin:0;}
.nav_p_title{ margin:0; padding:0; height: 24px; width: 210px;}
.nav_p_title_long{ margin:0; padding:0; height: 24px; width: 285px;}


.nav_p_menu{color:#454545; padding:0 5px 0 0; margin: 0 0 25px 0; float:left;}
.nav_p_menu h3{ font-size:15px; color:#222222; padding:0; margin: 0;}
.nav_p_menu h3 a{
	color:#222222;
	text-decoration:underline;
	padding:0 10px 0 0;
	background-image: url(../images/header/nav_p_arrow_g.png);
	background-repeat: no-repeat;
	background-position: right top;
	text-align:right;
	float:left;
	font-size:15px;
}
.nav_p_menu h3 a:hover{
	color:#009ee0;
	background-image: url(../images/header/nav_p_arrow_b.png);
	background-repeat: no-repeat;
	background-position: right top;
	}

.nav_p_menu ul{ padding:0; margin:0;}
.nav_p_menu li{ padding:2px 0 5px 3px; margin:0; font-size:13px;}
.nav_p_menu li a{color:#008787; font-size:13px;}
.nav_p_menu li a:hover{text-decoration: underline; color:#009ee0; }
.nav_p_menu ul li ul{ padding:0; margin:0;}
.nav_p_menu ul li ul li { padding:2px 0 0 5px; margin:0; list-style-type: disc; list-style-position: inside;word-wrap: break-word;
word-break: break-all;}
.nav_p_menu ul li ul li a{ font-size:12px; color:#454545; line-height:16px; padding:0;}




/* see all products*/
/*.all_p{
	font-size: 12px;
	color:#009ee0;
	margin: 0;
	padding:0 10px 0 0;
	background-image: url(../images/header/more_arrow.png);
	background-repeat: no-repeat;
	background-position: right center;
	display:block;
	text-align:right;
	float:right;
	position:absolute;
	bottom:10px;
	right:10px;
}
.all_p a{color:#009ee0;}
.all_p a:hover{ text-decoration: underline; color:#009ee0;}


/* Global / English區塊*/
/*.nav_sub{ position:absolute; float:right; right:0; color:#ffffff; font-size:12px; height:18px; top: 8px; padding:0 0 0 20px;
	background: url(../images/header/icon_arrow.png) no-repeat left center; width:100%; z-index:999;}
.nav_sub ul{ padding:0; margin:0; text-decoration: none;}
.nav_sub li{ padding:0; margin:0; float: right; height:16px;}
.nav_sub li a{color:#ffffff;}	
.nav_sub li a:hover{color:#98e5d6;}	
.nav_sub li.nav_1 a{padding:0 10px; border-right: 1px solid #FFF; font-size:12px;}
.nav_sub li.nav_1 a:hover{text-decoration: none;}
.nav_sub li.nav_2 a{
	padding:0 0 0 24px;
	margin:0 0 0 5px;
	background-image: url(../images/header/bg_global.png);
	background-repeat: no-repeat;
	background-position: right top;
	width:100px;
	height:20px;
	text-align:left;
	display:block;
	text-decoration:none;
	font-size:12px;

}
/* 設置選單區塊*/
/*.nav_sub li.nav_2 dl { width:130px; margin:0; padding:0; border:0; background-image: none;  }
.nav_sub li.nav_2 dt a , .nav_sub li.nav_2 dd a{ display:block; }

/* 設置主選單dt */
/*.nav_sub li.nav_2 dt {overflow:hidden; padding:0 0 5px 0;}
 
/* 設置子選單dd */
/*.nav_sub li.nav_2 dd { margin:0; padding:0 0 5px 0; background-color: #03665e;}
.nav_sub li.nav_2 dd a{display:block; color:#ffffff;  background-image:none;}
.nav_sub li.nav_2 dd a:hover{color:#98e5d6;} 
 
/*隱藏子選單*/
/*.nav_sub li.nav_2 dd { display:none;}
 
/* 滑鼠滑入顯示子選單 */
/*.nav_sub li.nav_2:hover dd, .nav_sub li.nav_2 a:hover dd { display:block;}
.nav_sub li.nav_2:hover dt a{color:#98e5d6;}
 
/*ie6 hack*/
/*.nav_sub li.nav_2:hover,.nav_sub li.nav_2 a:hover { border:0;}
.nav_sub.nav_2 table { border:0; padding:0; text-align:left;}
	
	
.search{ width:118px; height:35px; float:right; position:absolute; right:0; top:35px;}
.search input{
	width:118px;
	height:22px;
	background-color:#ffffff;
	border:1px solid #024d47;
	font-size:12px;
	color:#bbbbbb;
	padding:0 0 0 4px;
	background-image: url(../images/header/search.png);
	background-repeat: no-repeat;
	background-position: right center;	
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	behavior: url(ie-css3.htc);
}	
	
	
/* Products & Solutions 次選單*/
/*.menu_bg{
	width:100%;
	height:30px;
	background-color:#009ee0;
	position:relative;
}
.menu{ width:950px; margin:0 auto; padding:0; font-size:13px; font-weight:bold; line-height:30px; }	
.menu ul{ padding:0; margin:0; text-decoration: none;}
.menu li{ padding:0; margin:0; float: left;}
.menu li a{ display:block; width:190px; color:#ffffff; text-align:center; text-decoration: none; font-size:13px;}
.menu li a:hover{ background-color:#ffffff; color:#009ee0; font-weight: bold;}
.menu li a.active{ background-color:#ffffff; color:#009ee0; font-weight: bold;}	
	

/*************************footer 快速連結**********************************/		
/*.footerTemp{ background-color:#f3f3f3; width:100%; margin: 0;}
.footer_main{ height:198px; width:950px; padding:20px 0px 0 0px; margin: 0px auto; position:relative;}

.footer_menu{ color:#555555; font-size:11px; padding:0 25px 0 0; margin:0; float:left;}
.footer_menu h3{ font-size:14px; color:#008787;}
.footer_menu ul{ padding:0; margin:0;}
.footer_menu li{ padding:0 0 3px 0; margin:0;}
.footer_menu li a{color:#555555; font-size:11px;}
.footer_menu li a:hover{text-decoration: underline; color:#008787; font-size:11px;}
.footer_menu li.line{
	background-image: url(../images/header/footer_line.png);
	background-repeat: repeat-y;
	height: 125px;
	width: 1px;
}

.footer_menu_sub{
	width:950px;
	height:35px;
	padding:15px 0 0 0;
	left:0px;
	top:168px;
	position:absolute;
	text-align:left;
	background-image: url(../images/header/footer_line.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}
.footer_menu_sub ul{ padding:0; margin:0;}
.footer_menu_sub li{
	float:right;
	display:block;
	padding:3px 10px;
	margin:0;
	background-image: url(../images/header/footer_line.png);
	background-repeat: no-repeat;
	background-position: right center;
}
.footer_menu_sub li a{color:#008787; font-size:12px;}
.footer_menu_sub li a:hover{text-decoration: underline; color:#008787; }
.footer_menu_sub li.last{ background-image: none;}


/*************************文字設定**********************************/		
.title h1 {
	font-size: 20px;
	line-height: 24px;
	color: #ffffff;
	padding:0px;
	margin:0px;
}

h1 { font-size:24px; color:#008787; font-weight: bold; padding:0 0 5px 0; margin:0;}
h2 { font-size:20px; color:#007ec4; font-weight: bold; padding:5px 0; margin:0;}
h3 { font-size:18px; color:#000000; font-weight: bold; padding:5px 0; margin:0;}
h4 { font-size:16px; color:#333333; font-weight: bold; padding:3px; margin:0 0 5px 0; background-color:#e9e9e9; }
h5 { font-size:15px; color:#777777; font-weight: bold; padding:5px 0; margin:0;}
	
p{ font-size:13px; line-height:18px; text-align: left; color: #333333; padding: 0 0 20px 0; margin: 0px;}

.features { font-size:13px; line-height:22px; color:#555555; padding:0 0 15px 15px; margin:0;}
.features li{ list-style:disc; padding:0; margin:0;}

.slogan{ font-size:14px; color:#666666; font-weight:bold; margin:0; padding:0 0 20px 0;}



/*************************TOP 文字按鈕**********************************/	
/*.top{ float:right;    
	  font-size: 12px;
	  color:#009ee0;
	  padding:5px 0 0 0;
	  margin:0 0 20px 0; 
	  background-image: url(../images/header/top_arrow.png);
	  background-repeat: no-repeat;
	  background-position: top center;
	  display:block;
	  text-align:center;
	  clear:both;
}
.top a{color:#009ee0;}
.top a:hover{ text-decoration: underline; color:#009ee0;}


/*************************learn more 文字按鈕**********************************/	
/*.more{
	font-size: 12px;
	color:#009ee0;
	margin: 0;
	padding:0 10px 0 0;
	background-image: url(../images/header/more_arrow.png);
	background-repeat: no-repeat;
	background-position: right center;
	display:block;
	text-align:right;
	float:left;
}
.more a{color:#009ee0;}
.more a:hover{ text-decoration: underline; color:#009ee0;}


/*************************learn more 圖片按鈕**********************************/	
/*.btn_more{
	height: 25px;
	width: 100px;
	display: block;
	float:left;
	background-image: url(../images/header/btn_learnmore.png);
	background-repeat: no-repeat;
	background-position: top;
	text-indent: -5000px;
	cursor: pointer;
	margin:0;
	padding:0;
}
.btn_more:hover{
	background-position: 0 bottom;
    background-image: url(../images/header/btn_learnmore.png);	
}


/*************************in page 左邊主要頁面**********************************/	
.owwrap{width:950px; margin:0 auto; padding:0;}
.owinner{margin:0px auto; padding:0; width:950px;}
.leftBody{ width:686px; padding:0; margin:0; float:left;}
.main .rightBody{width:250px;overflow: visible;}
#right .rightBody .fr{ width:250px; padding:0; margin:0; float:right; clear:left;}
.icoBody{ width:250px; height:25px; padding:0; margin:0;}
.siderBarBox{ padding:0; margin:0;}
.rightBody .icoBody{ margin:15px 0 0 0; padding:0;}

.owlocation{ height:15px; width:100%; padding:0; margin:15px 0 5px 0; font-size:12px; color:#008787;}
.owlocation a{ color:#555555; text-decoration:none;}
.owlocation a:hover{ color:#008787; }

.owinpage_container{ width:686px; float:left; padding:0; margin:0;}
.owinpage_container h1{ font-size:24px; color:#343434; line-height:40px; padding:0; margin:0;}
.owinpage_banner{ width:686px; height:180px; padding:0; margin:0; position:relative;}
.owinpage_banner img{ padding:0; margin:0;}
.owinpage_banner p.more{
	z-index:999px;
	position:absolute;
	top:130px;
	left:15px;
}

.owinpage_content{ width:100%; padding:0; margin:0;}
.owinpage_content h1{
	background: url(../images/inpage_main_h1_bg.png) no-repeat;
	color:#333333;
	font-size:18px;
	line-height:28px;
	height:20px;
	margin:10px 0 5px 0;
	padding:0 0 15px 15px;
}

.owinpage_aside{ width:100%; padding:0; margin:0 0 20px 0;}

.owinpage_main { padding:0 15px; margin:0;}
.owinpage_main h2{ color:#007ec4; font-size:18px; padding:0; margin:5px 0;}
.owinpage_main h3{ color:#008787; font-size:15px; padding:0; margin:5px 0;}
.owinpage_main h4{ color:#000000; font-size:14px; padding:0; margin:5px 0; background: #ffffff;}
.owinpage_main img{ padding:0; margin:5px 0;}
.owinpage_main .features{ padding:0; margin: 10px 0 0 10px; }
.owinpage_main .features ul{ padding:0; margin:0;}
.owinpage_main .features li{ list-style-type:disc; margin:0 0 0 10px; padding:0 0 5px 0; font-size:13px; line-height:16px;}

.owinpage_main .right{ float:right; padding:0; margin:0;}
.owinpage_main .left{ float:left; padding:0; margin:0;}

.owinpage_main p a{ color:#333333; text-decoration:underline;}
.owinpage_main p a:hover{ color:#008787;}
.owinpage_main p.more a{color:#009ee0; text-decoration:none;}
.owinpage_main p.more a:hover{ text-decoration: underline; color:#009ee0;}


/*************************in page 右邊選單**********************************/	
.siderBarBox{ width:250px; padding:0; margin:0; float:right;}
.owinpage_nav{width:250px; padding:0; margin:0; float:right;}

.ownav_i{  float: right; width: 250px; right: 0px; bottom: 0px; margin: 0px; padding: 0px; color:#00908f; position: relative; background: #f2f2f2;}
.ownav_i h3{ width:213px;; height:30px; font-size:14px; font-weight:bold; line-height:30px; color:#ffffff; margin:0; padding:0 0 0 10px;
    background:#949494;/* Old browsers */
	/* background: -moz-linear-gradient(top,  #949494 0%, #5c5c5c 100%); /* FF3.6+ */
	/* background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#949494), color-stop(100%,#5c5c5c)); /* Chrome,Safari4+ */
	/* background: -webkit-linear-gradient(top,  #949494 0%,#5c5c5c 100%); /* Chrome10+,Safari5.1+ */
	/* background: -o-linear-gradient(top,  #949494 0%,#5c5c5c 100%); /* Opera 11.10+ */
	/* background: -ms-linear-gradient(top,  #949494 0%,#5c5c5c 100%); /* IE10+ */
	/* background: linear-gradient(to bottom,  #949494 0%,#5c5c5c 100%); /* W3C */
	/* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#949494', endColorstr='#5c5c5c',GradientType=0 ); /* IE6-9 */	
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#949494), to(#5c5c5c));
    background: -moz-linear-gradient(#949494, #5c5c5c);
    -pie-background: linear-gradient(#949494, #5c5c5c);	
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
	behavior: url(PIE.htc);}

.ownav_i ul {padding:0; margin: 0; text-decoration: none;}
.ownav_i li{
	float: left;
	margin: 0px;
	padding:0px 0 0 10px;
	width:238px;
	height:25px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	display:block;
	background-color:#e3e3e3;
}
.ownav_i li a{
	/*text-indent: -5000px;*/
	cursor: pointer;
	font-size: 12px;
	line-height: 24px;
	margin: 0px;
	padding: 0px 12px 0 0;
	text-decoration:none;
	color:#333333;
	background-image: url(../images/nav_side_arrow_g.png);
	background-repeat: no-repeat;
	background-position: right center;	
	display:block;
}
.ownav_i li a:hover{color:#008787; background-image: url(../images/nav_side_arrow_gr.png);}


.ownav_o{ float: right; width: 250px; right: 0px; bottom: 0px;margin: 0 0 10px 0; padding:0 0 5px 0; color:#00908f; background: #f2f2f2;}
.ownav_o h3{ height:30px; font-size:14px; font-weight:bold; line-height:30px; color:#ffffff; margin:0; padding:0 0 0 10px; width:213px;
    background:#949494;/* Old browsers */
	/* background: -moz-linear-gradient(top,  #949494 0%, #5c5c5c 100%); /* FF3.6+ */
	/* background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#949494), color-stop(100%,#5c5c5c)); /* Chrome,Safari4+ */
	/* background: -webkit-linear-gradient(top,  #949494 0%,#5c5c5c 100%); /* Chrome10+,Safari5.1+ */
	/* background: -o-linear-gradient(top,  #949494 0%,#5c5c5c 100%); /* Opera 11.10+ */
	/* background: -ms-linear-gradient(top,  #949494 0%,#5c5c5c 100%); /* IE10+ */
	/* background: linear-gradient(to bottom,  #949494 0%,#5c5c5c 100%); /* W3C */
	/* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#949494', endColorstr='#5c5c5c',GradientType=0 ); /* IE6-9 */	
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#949494), to(#5c5c5c));
    background: -moz-linear-gradient(#949494, #5c5c5c);
    -pie-background: linear-gradient(#949494, #5c5c5c);	
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
	behavior: url(PIE.htc);}

.ownav_o ul {padding:0; margin: 0 0 0 0px; text-decoration: none;}
.ownav_o li{
	float: left;
	margin: 3px 0px 3px 24px;
	padding:0px 0 0 0px;
	width: 210px;
	list-style: disc;
	color:#333;
	font-size: 12px;
	line-height: 14px;
}
.ownav_o li a{
	/*text-indent: -5000px;*/
	cursor: pointer;	
	text-decoration:none;
	color:#333333;	
	padding:0;
	margin:0;
}
.ownav_o li a:hover{color:#008787; }




.clear { clear:both;}
.clearfloat { /* 此類放在 div 或 break 元素上，而且應該放置在包含浮動容器關閉之前的最後一個元素 */
    clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
/*************************in page 左邊內選單**********************************/	

.menu{background:url(../images/menu.gif) no-repeat; width:172px; height:40px; float:left;color:#FFFFFF; font-size:12px; line-height:16px;margin-right:5px; }
.menu a{text-decoration:none; color:#FFFFFF; display:block;padding:5px 14px;}
.menu a:hover{text-decoration:none; background:url(../images/menu_on.gif) no-repeat; color:#FFFFFF; color:#FFFFFF;margin-right:5px; display:block;width:172px; height:40px;padding:5px 14px; }

.menu_on{background:url(../images/menu_on.gif) no-repeat;  width:172px; height:40px; float:left;color:#FFFFFF; font-size:13px; line-height:16px; margin-right:5px;display:block;}
.menu_on a{text-decoration:none; color:#FFFFFF; display:block;padding:5px 14px;}

.tittle{background:#008787; float:left;color:#FFFFFF;line-height:15px; margin-right:5px;margin-bottom:5px;display:block; font-size:13px; width:300px}
.tittle a{text-decoration:none; color:#FFFFFF; display:block;;padding:10px 10px; text-align:center}


.table_blue{background:#a4cedf; font-size:12px; font-weight:bold; color:#006699; padding:10px; border-right:1px solid #FFFFFF;}
.table_blue2{background:#eef6f9; font-size:12px; font-weight:bold; color:#006699; padding:10px; border-right:1px solid #FFFFFF;}