@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、主選單)**********************************/
.owheader{
	width:100%;
	background-color: #008787;
	background-image: url(../images/header/bg_header.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height:70px;
}
.owheader_main{width:950px; margin:0 auto; padding:0; position:relative;}
.owlogo{
	width:172px;
	padding: 28px 0 0 0;
	text-align:left;
	position:absolute;
}

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

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

@media screen and (max-width: 978px) {
	.owheader {
		overflow: hidden;
	}
}


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

/* Industries次選單*/
.ownav_p_main_industries{
	width:100px;
	height:140px;
	padding:15px;
	left:74%;
	Top:70px;
	/*margin-left:-476px;*/
	background-color:#dbdbdb;
	border-style: none solid solid solid;
	border-width: 0 1px 1px 1px;
	border-color: #bcbcbc;
	position:absolute;
	/*display:none;*/
	z-index:99;
}

/* support & Download mouseover次選單*/
.ownav_p_main_support{
	width:200px;
	height:185px;
	padding:15px;
	left:80%;
	/*margin-left:-476px;*/
	/*margin-top:-30px;*/
	Top:70px;
	background-color:#dbdbdb;
	border-style: none solid solid solid;
	border-width: 0 1px 1px 1px;
	border-color: #bcbcbc;
	position:absolute;
	/*display:none;*/
	z-index:99;
}

/* where to buy mouseover次選單*/
.ownav_p_main_where{
	width:150px;
	height:75px;
	padding:15px;
	left:95%;
	/*margin-left:-476px;*/
	/*margin-top:-30px;*/
	Top:70px;
	background-color:#dbdbdb;
	border-style: none solid solid solid;
	border-width: 0 1px 1px 1px;
	border-color: #bcbcbc;
	position:absolute;
	/*display:none;*/
	z-index:99;
}

/* about Moxa mouseover次選單*/
.ownav_p_main_about{
	width:210px;
	height:150px;
	padding:15px;
	left:101%;
	/*margin-left:-476px;*/
	/*margin-top:-30px;*/
	Top:70px;
	background-color:#dbdbdb;
	border-style: none solid solid solid;
	border-width: 0 1px 1px 1px;
	border-color: #bcbcbc;
	position:absolute;
	/*display:none;*/
	z-index:99;
}

.ownav_p_list{ width:205px; float:left;}
.ownav_p_list_top{ width:215px; float:left; margin:24px 0;}
.ownav_p_list_long{ width:285px; float:left; margin:0;}
.ownav_p_title{ margin:0; padding:0; height: 24px; width: 210px;}
.ownav_p_title_long{ margin:0; padding:0; height: 24px; width: 285px;}


/*.ownav_p_menu{color:#454545; padding:0 5px 0 0; margin: 0 0 25px 0; float:left;}*/
.ownav_p_menu{color:#454545; padding:0 5px 0 0; margin: 0 0 25px 0;}
.ownav_p_menu h3{ font-size:15px; color:#222222; padding:0; margin: 0;}
.ownav_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;
}
.ownav_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;
	}

.ownav_p_menu ul{ padding:0; margin:0;}
.ownav_p_menu li{ padding:2px 0 5px 3px; margin:0; font-size:13px;}
.ownav_p_menu li a{color:#008787; font-size:13px;}
.ownav_p_menu li a:hover{text-decoration: underline; color:#009ee0; }
.ownav_p_menu ul li ul{ padding:0; margin:0;}
.ownav_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;}
.ownav_p_menu ul li ul li a{ font-size:12px; color:#454545; line-height:16px; padding:0;}




/* see all products*/
.owall_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;
}
.owall_p a{color:#009ee0;font-size: 12px;}
.owall_p a:hover{ text-decoration: underline; color:#009ee0;}


/* Global / English區塊*/
.ownav_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:10000;}
.ownav_sub ul{ padding:0; margin:0; text-decoration: none;}
.ownav_sub li{ padding:0; margin:0; float: right; height:16px;}
.ownav_sub li a{color:#ffffff;}
.ownav_sub li a:hover{color:#98e5d6;}
.ownav_sub li.ownav_1 a{padding:0 10px; border-right: 1px solid #FFF;font-size:12px;}
.ownav_sub li.ownav_2 dt a{
	padding:0 0 0 20px;
	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;
}
.ownav_sub li.ownav_2 dd a{
	padding:0 0 0 10px;
	margin:0 0 0 5px;
	width:120px;
	height:20px;
	text-align:left;
	display:block;
	text-decoration:none;
	font-size:12px;
}
/* 設置選單區塊*/
.ownav_sub li.ownav_2 dl { width:130px; margin:0; padding:0; border:0; background-image: none;  }
.ownav_sub li.ownav_2 dt a , .ownav_sub li.ownav_2 dd a{ display:block; }

/* 設置主選單dt */
.ownav_sub li.ownav_2 dt {overflow:hidden; padding:0 0 5px 0;}

/* 設置子選單dd */
.ownav_sub li.ownav_2 dd { margin:0; padding:0 0 5px 0; background-color: #008787;}
.ownav_sub li.ownav_2 dd a{display:block; color:#ffffff;  background-image:none;}
.ownav_sub li.ownav_2 dd a:hover{color:#98e5d6;}

/*隱藏子選單*/
.ownav_sub li.ownav_2 dd { display:none;}

/* 滑鼠滑入顯示子選單 */
/*.ownav_sub li.ownav_2:hover dd, .ownav_sub li.ownav_2 a:hover dd { display:block;}*/
.ownav_sub li.ownav_2:hover dt a{color:#98e5d6;}

/*ie6 hack*/
/*.ownav_sub li.ownav_2:hover,.ownav_sub li.ownav_2 a:hover { border:0;}*/
.ownav_sub.ownav_2 table { border:0; padding:0; text-align:left;}


.owsearch{ width:125px; height:35px; float:right; position:absolute; right:0; top:35px;}
/*.owsearch input{
	width:100px;
	height:22px;
	background-color:#ffffff;
	border:1px solid #024d47;
	font-size:12px;
	color:#bbbbbb;
	padding:0 0 0 4px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	behavior: url(ie-css3.htc);
}*/
.searchico
{
    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;
	width:17px;
	height:15px;
}

.searchwrapper {
width:124px; /*follow your image's size*/
height:22px;/*follow your image's size*/
background-image:url(../images/header/searchico.jpg);
background-repeat:no-repeat; /*important*/
margin:0px;
position:relative; /*important*/
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.searchbox {
border:0px; /*important*/
background-color:transparent; /*important*/
position:absolute; /*important*/
top:2px;
left:4px;
width:104px;
height:16px;
}

.searchbox_submit {
border:0px; /*important*/
background-color:transparent; /*important*/
position:absolute; /*important*/
top:4px;
left:108px;
width:17px;
height:16px;
}

/* Products & Solutions 次選單*/
.owmenu_bg{
	width:100%;
	height:30px;
	background-color:#009ee0;
	position:relative;
}
.owmenu{ width:950px; margin:0 auto; padding:0; font-size:13px; font-weight:bold; line-height:30px; }
.owmenu ul{ padding:0; margin:0; text-decoration: none;}
.owmenu li{ padding:0; margin:0; float: left;}
.owmenu li a{ display:block; width:190px; color:#ffffff; text-align:center; text-decoration: none;font-size:13px;}
.owmenu li a:hover{ background-color:#ffffff; color:#009ee0; font-weight: bold;}
.owmenu li a.active{ background-color:#ffffff; color:#009ee0; font-weight: bold;}



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

@media screen and (max-width: 978px) {
	#break {
		display: none;
	}
}