@import url("popup.css");
/**** 公版 ****/
img { 
	border: 0px; 
}
/***  首頁設定 ****/
#index_sidebar {
	display:none;
	}
#idxMsgTitle, #idxProTitle{
	font-weight:bold;
	}
.index_more{
	display:block;
	/*background:url(../images/but_bg.jpg) no-repeat;*/
	float:right;
	width:59px;
	height:21px;
	text-align:center;
	margin-top: 10px;
	}
.index_msg{
	float:right;
	width:250px;
	padding-left: 15px;
	border-left: 1px dotted #ccc;
	}
#index_msg_ul{
	margin:0;
	padding:0;
	}
#index_msg_ul li{
	padding-left:13px;
	list-style-type:none;
	margin-bottom:8px;
	border-bottom: 1px dotted #ccc;
	padding-bottom: 8px;
	}
.index_pro{
	float:left;
	width:600px;
	}
#index_prod_ul{
	margin:0;
	padding:0;
}
#index_prod_ul li{
	display:block;
	list-style-type:none;
	padding:10px;
	margin:0 0 0 14px;
	float:left;
	border:1px solid #ccc;
	background-color:#FFF;
	text-align: center;
}
#index_prod_ul li img{
	width:90px;
	margin-bottom:10px;
	}
#index_prod_ul .index_more{
	}
/**** 產品九宮格 ****/
.product-cate {
	float: left;
	margin:10px 10px 30px;
	width: 30%;
	_width: 29%;
}
.product-cate img { 
	border: 0px; 
	margin-top: 1px;
	vertical-align:middle;
	text-align:center;
}
.cate-photo {
	height:160px;
	margin:0;
	width:300px;
	*width:100%;
	display:table-cell;
	vertical-align:middle;
	text-align:center;
	*font-family:Arial;
	overflow:hidden;
	background-color: #FFF;
}
.cate-name { 
	text-align:center; 
	padding: 6px 0;
	white-space:nowrap;
	font-weight:bold;
}
/**** 語系四種呈現模式 ****/
/**** 國旗橫列 ****/
.lan_flag{ 
	margin-top:8px;
}
.lan_flag ul, .lan_txt ul, .lan_txt1 ul, .lan_flag1 ul{
	margin:0px; padding:0px;
}
.lan_flag li{
	float:left;
	list-style:none;
}
/**** 文字橫列 ****/
.lan_txt{ 
	
}
.lan_txt ul{
	margin:0px; padding:0px;
}
.lan_txt li{
	float: left;
	margin-top: 7px;
	list-style:none;
}
.lan_txt a{
	 padding: 0px 8px; border-right: 1px solid  #666;
}
/**** 文字下拉 ****/
.lan_txt1 , .lan_txt12{
	margin-top:7px;
	text-align:left;
	/****width:95px;****/
}
.lan_txt1 p , .lan_txt12 p{
	margin:0px; padding:0px;
	vertical-align:middle;
}
.lan_txt1 p img, .lan_txt12 p img{
	margin:0px 2px 0 0;
}
.lan_txt1 ul{
	margin:0px; padding:0px;
	display:none;
}
.lan_txt12 ul p{
	background:#333;
	color:#FFFFFF;
	text-align:left;
	padding: 4px 0px 4px 8px;
	margin:0 0 4px 0;
}
.lan_txt12 ul{ 
	margin:0px; padding:0px;
	position:absolute;
	background:#ffffff;
	border:1px solid #999999;
	margin: 0 0 0 0px;
    padding:0px 0px 5px 0px;
	list-style:none;
	width:95px;
}
.lan_txt12 li{
	
}
.lan_txt12 li a{
	background:url(../images/arrowLan.gif) no-repeat 0px 6px;
	*background:url(../images/arrowLan.gif) no-repeat 0px 3px;
	margin: 2px 0 0 10px;
    padding: 0 0 0 8px;
}
/**** 國旗下拉 ****/
.lan_flag1 , .lan_flag12{ 
	padding-top: 6px;
}
.lan_flag1 p , .lan_flag12 p{
	margin:0px; padding:0px;
	vertical-align:middle;
}
.lan_flag1 p img, .lan_flag12 p img{
	vertical-align:middle;
	margin:0px 5px 0px 0px;
	border:0px;
}
.lan_flag1 ul{
	margin:0px; padding:0px;
	display:none;
}
.lan_flag12 ul{
	margin:0px; padding:0px;
	position:absolute;
	background:#ffffff;
	border:1px solid #999999;
	margin:0px;
    padding:0px;
	list-style:none;
	width:130px;
	_width:138px;
}
.lan_flag12 ul p{
	background:#333;
	color:#FFFFFF;
	text-align:left;
	padding: 5px 0 0 8px;
	margin:0 0 4px 0;
}
.lan_flag12 li{
	float:left;
}
.lan_flag12 li a{
    padding:3px;
	_padding:5px 0px;
}
.lan_flag12 li img{
	margin:5px 0px;
	_margin:5px 3px;
}

/**** 產品大圖頁頁籤 ****/
.prodInfo{
	float:left;
	width:50%;
	overflow:hidden;
}
.prodNav{
	margin-top: 30px;
	clear:both;
	
}
.prodNav ul{
	border-bottom:1px solid #666;
	margin:0px; padding:0px;
	list-style:none;
	height:34px;
}
.prodNav li{
	padding:8px 0px;
	margin:0px 0px;
	color:#666666;
	float: left;
}
.prodNav li a{
	color:#666666;
	padding:8px 18px;
	padding:8px 18px 9px\9;
	*padding:8px 18px 6px;
	_padding:8px 18px 9px;
	margin:0px 4px;
	background:url(../images/prodNavBg.gif) repeat-x;	
	border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
}
:root .prodNav li a{
	padding:8px 18px 11px\0/IE9;
	}
.prodNav li a:hover , .prodNav li a.current{
	background:url(../images/prodNavHover.gif) repeat-x top;
	color:#000000;
	border-left: 1px solid #999999;
    border-right: 1px solid #999999;
	text-decoration:none;
}
.prodNavTxt{
	border: 0px solid #666666;
    clear: both;
    padding: 10px;
}
/***  txtNormal  還原預設  ***/
.txtNormal h1, .txtNormal h2, .txtNormal h3, .txtNormal h4,
.txtNormal h5, .txtNormal h6,{
	height:auto; border:0px; background-image:none;
}
.txtNormal ul { margin-left: 2em;}
.txtNormal h1 { font-size: 2em; margin: .67em 0 }
.txtNormal h2 { font-size: 1.5em; margin: .75em 0 }
.txtNormal h3 { font-size: 1.17em; margin: .83em 0 }
.txtNormal h4 { margin: 1.12em 0 }
.txtNormal h5 { font-size: .83em; margin: 1.5em 0 }
.txtNormal h6 { font-size: .75em; margin: 1.67em 0 }
.txtNormal h1, .txtNormal h2, .txtNormal h3, .txtNormal h4,
.txtNormal h5, .txtNormal h6, .txtNormal b, .txtNormal strong { font-weight: bold;}
/****(
br:before { content: "\A" }
:before, :after { white-space: pre-line }
center { text-align: center }
abbr, acronym { font-variant: small-caps; letter-spacing: 0.1em }
:link, :visited { text-decoration: underline }
:focus { outline: thin dotted invert }
*****/
/* Begin bidirectionality settings (do not change) */
/*****
BDO[DIR="ltr"] { direction: ltr; unicode-bidi: bidi-override }
BDO[DIR="rtl"] { direction: rtl; unicode-bidi: bidi-override }
*[DIR="ltr"] { direction: ltr; unicode-bidi: embed }
*[DIR="rtl"] { direction: rtl; unicode-bidi: embed }
*****/
@media print {
.txtNormal h1 { page-break-before: always }
.txtNormal h1, .txtNormal h2, .txtNormal h3,
.txtNormal h4, .txtNormal h5, .txtNormal h6 { page-break-after: avoid }
.txtNormal ul, .txtNormal ol, .txtNormal dl { page-break-before: avoid }
} 

/**** 彈跳視窗 ****/
.dhtmlwindow{
	background:#ffffff;
	border:1px solid #cccccc;
}
.drag-handle{
	background:url(../images/popTitBg.jpg) repeat-x;
	padding:0px 0 0 20px;
	height:30px;
	color:#000000;
}
.txtNormal .drag-contentarea{
	padding:0px 20px;
}
.drag-controls{
	right: 4px;
	top:2px;
}
/**** 左側選單 ****/
.menu li {
	_height: 0px;
}
.menu a{
    cursor: pointer;
}
.menu a, .menu A:hover, .menu a.current{
	text-decoration: none;
    _height: 0px;
	_height /**/: 0px;
	_margin /**/:0px;
}

/**** 左側選單(浮動)第二層 ****/

.menu li ul {
	position: absolute;
	z-index: 100;
	margin: -28px 0 0 170px;
	border:0px;
}	 																																																																																																																																																																																																																								
.menu li ul li{
	padding:0px;
}
/**** 左側選單(浮動)第三層 ****/
.menu li ul ul{
	width: 100%;
}
.menu li ul li ul li{
	_margin /**/: 0px;
	_padding /**/: 0px;
}

/**** 左側選單(展開)第二層 ****/
.menu .pullDown ul {
	position:relative;
	margin:0;
	z-index:2;
	width: auto;
}



/**** 上方導覽下拉選單 ****/
.topmenu div{
	position:absolute;
	text-align:left;
	padding:0;
	z-index:99;
	margin-top: -2px;
}
.topmenu ul{
	margin:0; 
	padding:0;
}
.topmenu li{
	list-style:none;
}
.topmenu a{
	display:block;
	padding: 3px; 
	text-decoration: none; 
}
.topmenu a:hover{
	text-decoration: none;
}	
.topmenu li ul {
	width:100%;
	position:absolute;
	left:160px;
	margin:-27px 0 0 0;	
}
#menuCom, #menuMsg{	
	position:absolute;
	text-align:left;
	padding:0px;
}

/**** 橫列次選單浮動為最上層 ****/
.topmenu {
	text-align: left;
    clear:both;
	margin:0 auto;
	width: 998px;
	position:relative;
	z-index: 999;
	}/***用container的設定來限制下拉選單*/
.topmenu a{
	cursor: pointer;
}

#menuCom, #custom_menu, #menuMsg{
    z-index: 1000;
}
.submenu ul{ /*Style for ULs that are children of LIs (submenu) */
	display: none; /*Hide them by default. Don't delete. */
}
/**產品條列式**/
.show_oneline{
    _height: 164px;
	_height /**/: 184px;
}
/* 產品顯示下一層資料 請設計師修改各版中 CSS 的 pro_list.css */ 
.pro_list{
	text-align: left;
	margin: 10px 0p 0px 0px;
	padding: 0px;
}

/*****IE6要用iepngfix**********/
 img,.pngfix { *behavior: url("../js/iepngfix.htc") }

/*****404**********/
.error_msg{
	text-align:center;
	font-size: 110%;
	font-weight: bold;
	padding: 50px 0;
	color: #F00;
	width:100%;
}

#ui-carousel-next,#ui-carousel-prev{display:none;}
#carousel li {text-align:center;
	background-color:#FFF;}
#ifocus_btn_ul {margin:0 auto;}
.idximg{width:auto; max-wide:95px;height:auto}