@import url("popup.css");
/**** ���� ****/
img { 
	border: 0px; 
}
/***  �����]�w ****/
#index_sidebar {
	display:none;
}

#idxMsgTitle, #idxProTitle{
	font-weight:bold;
}

.index_more{
	display:block;
	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{

}

/**** ���~�E�c�� ****/
.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;
}
/**** �y�t�|�اe�{�Ҧ� ****/
/**** ��X��C ****/
.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;
}

/**** ��r��C ****/
.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 15px;
}

/**** ��r�U�� ****/
.lan_txt1 , .lan_txt12{
	margin-top:7px;
	text-align:left;
}
.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;
}
/**** ��X�U�� ****/
.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;
}

/**** ���~�j�ϭ����� ****/

.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  �٭�w�]  ***/
.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;}
@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 }
} 

/**** �u������ ****/
.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;
}

/**** �������(�B��)�ĤG�h ****/

.menu li ul {
	position: absolute;
	z-index: 100;
	margin: -28px 0 0 170px;
	border:0px;
}	 																																																																																																																																																																																																																								
.menu li ul li{
	padding:0px;
}
/**** �������(�B��)�ĤT�h ****/
.menu li ul ul{
	width: 100%;
}
.menu li ul li ul li{
	_margin /**/: 0px;
	_padding /**/: 0px;
}

/**** �������(�i�})�ĤG�h ****/
.menu .pullDown ul {
	position:relative;
	margin:0;
	z-index:2;
	width: auto;
}



/**** �W������U�Կ�� ****/
.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;
}

/**** ��C�����B�ʬ��̤W�h ****/
.topmenu {
	text-align: left;
    clear:both;
	margin:0 auto;
	width: 998px;
	position:relative;
	z-index: 999;
	}/***��container���]�w�ӭ���U�Կ��*/
.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. */
}
/**���~���C��**/
.show_oneline{
    _height: 164px;
	_height /**/: 184px;
}
/* ���~��ܤU�@�h��� �г]�p�v�ק�U���� CSS �� pro_list.css */ 
.pro_list{
	text-align: left;
	margin: 10px 0p 0px 0px;
	padding: 0px;
}

/*****IE6�n��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;
}

#ui-carousel-next,#ui-carousel-prev{
 display:none;
}
#carousel li {
  text-align:center;
  background-color:#FFF;
}

.idximg{
  width:auto; 
  max-wide:95px;
  height:auto
}