html, body{
	width:100%;
	height:100%;
	margin:0px;
	padding:0px;
	background:#fff url(../img/siteBg.jpg) repeat-x;
	text-align:center;
	
	scrollbar-face-color: #A3BFCF;
	scrollbar-highlight-color: #A3BFCF;
	scrollbar-shadow-color: #A3BFCF;
	scrollbar-3dlight-color: #A3BFCF;
	scrollbar-arrow-color: #e6ecea;
	scrollbar-track-color: #e6ecea;
	scrollbar-darkshadow-color: #e6ecea;
	scrollbar-base-color: #e6ecea
}
div{
	display:block;
	overflow:hidden;
	margin:0px;
	padding:0px;
	border:0px;
	text-align:left;
	
	font:12px Arial;
	color:#333333;
}
dl,dd,dt,p,img,h1,h2,h3,h4,h5,h6,li,ul,ol{
	margin:0px;
	padding:0px;
	border:0px;
}

/* layout global*/
#header{
	width:836px;
	height:80px;
	margin:0px auto;
}
#navigation{
	width:830px;
	height:52px;
	background:url(../img/navBg.gif);
	margin:0px auto;
	padding-left:6px;
}
#content{
	width:870px;
	height:auto;
	background:url(../img/contBodyBg.gif) repeat-y;
	margin:0px auto;
	margin-top:8px;
}
#content .holder{
	width:100%;
	height:auto;
	background:url(../img/contHeaderBg.gif) no-repeat;
}
#keyVis{
	width:818px;
	height:1%;
	background-color:#eee;
	margin:0px auto;
	margin-top:8px;
}
#contentBox{
	width:818px;
	height:auto;
	margin:0px auto;
	margin-top:10px;
}
#leftBox{
	float:left;
	width:208px;
}
#mainBox{
	float:left;
	width:600px;
	margin-left:10px;
}
#btmNavigation{
	width:870px;
	margin:0px auto;
	text-align:center;
	background:url(../img/contBodyBg.gif) repeat-y;
}
#contentFooter{
	clear:both;
	width:870px;
	height:10px;
	margin:0px auto;
}
#footer{
	width:836px;
	height:124px;
	margin:0px auto;
	margin-top:8px;
	margin-bottom:30px;
}



/* clearfix */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* justifyText */
.justifyText{
	/* 英文單字自動換行 */ 
	word-wrap: break-word; 
	/* 正常避頭尾 */ 
	word-break: normal; 
	/* 文字左右對齊 */ 
	text-align:justify; 
	text-justify:inter-ideograph; 
}





/* navigation detail */
#navigation a{
	display:block;
	float:left;
	width:97px;
	height:36px;
	margin:6px 3px 0px 3px;
	background-color:#CCCCCC;
	background-repeat:no-repeat;
	background-position:0px 0px;
}
#navigation a:hover{
	background-position:-97px 0px;
}
#navigation{
	_width:833px;/*IE6 fix*/
	_padding-left:3px;/*IE6 fix*/
}






/* header detail */
#logo{
	float:left;
	margin-left:0px;
	margin-top:10px;
}
#quicklinks{
	float:right;
	height:20px;
	margin-top:10px;
	margin-bottom:5px;
	text-align:right;
	color:#666;
}
#quicklinks a{
	margin-left:12px;
	margin-right:12px;
	font:11px;
	color:#666;
	text-decoration:none;
}
#quicklinks a:hover{
	color:#000;
	text-decoration:underline;
}
#quicklinks a.lang{
	margin-left:0px;
	margin-right:0px;
}
#siteSearch{
	float:right;
	clear:right;
	width:463px;
}
#siteSearch fieldset{
	display:block;
	width:100%;
	margin:0px;
	border:0px;
	padding:0px;
	
}
#siteSearch .label{
	display:block;
	float:left;
	margin-right:10px;
}
#siteSearch .inputText{
	float:left;
	border:1px groove #4B9AC8;
	height:15px;
	padding:1px 3px 2px 5px;/*FF*/
	*padding:3px 3px 0px 5px; /*IE*/
	background-color:#fff;
	font:12px Arial;
	color:#888;
	margin-left:3px;
}
#siteSearch .inputImgbtn{
	float:left;
	margin-left:3px;
}
#siteSearch .select{
	float:left;
	border:1px solid #78A9CE;
	height:18px;/*IE6, FF*/
	*height:20px; !important /*IE7*/
	padding:0px 1px 0px 1px;
	background-color:#EEF2F1;
	font:12px Arial;
	color:#888;
	margin-left:3px;
}
#siteSearch .keyWord{
	clear:left;
	float:left;
	*float:none;
	margin-top:3px;
	margin-left:69px;
	
	font:11px Arial;/*FF*/
	*font:10px Arial;/*IE*/
	color:#4B9AC8;
}
#siteSearch .keyWord a{
	color:#4B9AC8;
	text-decoration:underline;
	margin:0px 2px;
}
#siteSearch .keyWord a:hover{
	color:#FF7200;
}







/* footer detail*/
#btmNavigation{
	font:12px Arial;
	color:#8B8B8B;
	padding-top:10px;
}
#btmNavigation a{
	margin-left:6px;
	margin-right:6px;
	color:#8B8B8B;
	text-decoration:none;
}
#btmNavigation a:hover{
	color:#000;
}
#footer .info{
	width:100%;/*for FF*/
	padding-left:342px;/*for FF*/
	padding-top:36px;/*for FF*/
	*width:auto;
	*padding:0px;
	*margin-left:342px;
	*margin-top:36px;
	
	font:12px Arial;
	color:#333;
	line-height:20px;
}
#footer a.mail{
	font:12px Arial;
	color:#333;
	text-decoration:none;
}
#footer a.mail:hover{
	font:12px Arial;
	color:#000;
	text-decoration:underline;
}






/* other */
.titleImg{
	display:block;
	margin-bottom:5px;
}
.more1{
	margin-top:5px;
	text-align:right;
	font:10px Arial;
	font-weight:bold;
}
.more1 a{
	color:#3D82EA;
	text-decoration:underline;
}
.more1 a:hover{
	color:#000;
	text-decoration:underline;
}
.more2{
	margin-top:5px;
	font:11px Arial;
	text-align:right;
}
.more2 a{
	color:#FF7200;
	text-decoration:none;
}
.more2 a:hover{
	color:#000;
	text-decoration:underline;
}

.morePage{
	margin-top:5px;
	text-align:center;
	font:10px Arial;
	font-weight:bold;
}
.morePage a{
	color:#3D82EA;
	text-decoration:none;
}
.morePage a:hover{
	color:#000;
	text-decoration:underline;
}
.iText1{
	border:1px groove #4B9AC8;
	height:15px;
	padding:1px 3px 2px 5px;/*FF*/
	*padding:3px 3px 0px 5px; /*IE*/
	background-color:#efefef;
	font:12px Arial;
	color:#888;
}
.iSel1{
	border:1px solid #78A9CE;
	height:18px;/*IE6, FF*/
	*height:20px; !important /*IE7*/
	padding:0px 1px 0px 1px;
	background-color:#fff;
	font:12px Arial;
	color:#888;
}
.iBtnBlue{
	width:auto;
	padding:0px 2px;
	*padding:2px 0px 0px 0px;
	height:20px;
	background:#437CC3;
	border:1px solid #92AEDD;
	font:12px Arial;
	color:#fff;
	text-align:center;
}
.iBtnGreen{
	width:auto;
	padding:0px 2px;
	*padding:2px 0px 0px 0px;
	height:20px;
	background:#497812;
	border:1px solid #38580B;
	font:12px Arial;
	color:#fff;
	text-align:center;
}

.iRequired{
	font:13px Arial;
	color:#CC0000;
	margin-right:4px;
}


/* bubbleBox */
.bbBox{
	height:1%;
}
.bbBox .mHead{
	height:20px;
	background:url(../img/bbHeadBg.gif) no-repeat;
}
.bbBox .mBody{
	height:1%;
	padding:0px 23px;
	background:url(../img/bbBodyBg.gif) repeat-y;
}
.bbBox .mFoot{
	height:20px;
	background:url(../img/bbFootBg.gif) no-repeat;
}




/* productList 1 */
ul.pdlt1 {}
.pdlt1 li{
	height:55px;
	list-style:none;
	font:11px Arial;
	*font:10px Arial;
	color:#333;
	line-height:15px;
	
}
.pdlt1 li img{
	float:left;
	width:67px;
	height:45px;
	padding:2px;
	border:1px solid #ddd;

	margin-right:4px;/*IE*/
	_margin-right:2px;/*IE6 bug*/
	background:#fff;
}
.pdlt1 li a{
	color:#333;
	text-decoration:none;
	word-wrap: break-word; 
	word-break: break-all;  
	
}
.pdlt1 li a:hover{
	color:#FF7200;
	text-decoration:underline;
}





/* submenu */
.smenuBox{
	display:block;
	width:100%;
	height:1%;
}
.smenuBox .mHead{
	height:10px;
	background:url(../img/smenuHeadBg.gif) no-repeat;
}
.smenuBox .mFoot{
	height:10px;
	background:url(../img/smenuFootBg.gif) no-repeat;
}
.smenuBox ul{
	margin:0px;
	padding:0px;
	padding:0px 23px;
	background:url(../img/smenuBodyBg.gif) repeat-y;
}
.smenuBox li{
	height:20px;
	margin:0px;
	padding:0px;
	list-style:none;
	clear:both;/*FF*/
	*clear:none;/*IE*/
	background: url(../img/smenuHr.gif) bottom repeat-x;
}
.smenuBox .t{
	font:12px Arial;
	color:#3A4A5B;
	padding-top:5px;
}
.smenuBox .s{
	font:12px Arial;
	color:#333;
	padding-left:12px;
	padding-top:5px;
}
.smenuBox em{
	margin-left:6px;
	font:10px Arial;
	font-style:italic;
	color:#666;
}
.smenuBox .t a,
.smenuBox .t span{
	color:#3A4A5B;
	text-decoration:none;
	padding-left:10px;
	background:url(../img/smenuListItem_s.gif) no-repeat 0px 1px;/*FF*/
	*background:url(../img/smenuListItem_s.gif) no-repeat 0px -1px;/*IE*/
}
.smenuBox .t a:hover{
	color:#000;
}
.smenuBox .s a{
	color:#333;
	text-decoration:none;
	padding-left:10px;
	background:url(../img/smenuListItem_ss.gif) no-repeat 0px 6px;/*FF*/
	*background:url(../img/smenuListItem_ss.gif) no-repeat 0px 5px;/*IE*/
}
.smenuBox .s a:hover{
	color:#2C86BA;
	padding-left:11px;
	text-decoration:underline;
}
.smenuBox .current a,
.smenuBox .current span{
	color:#FF7200;
}




/*qmenu*/
.qmenu ul{
	margin:0px;
	padding:0px;
	padding:0px 23px;
}
.qmenu li{
	height:20px;
	margin:0px;
	padding:0px;
	list-style:none;
	clear:both;/*FF*/
	*clear:none;/*IE*/
}
.qmenu .t{
	font:12px Arial;
	font-weight:bold;
	color:#3A4A5B;
	padding-top:5px;
}
.qmenu .s{
	font:12px Arial;
	color:#333;
	padding-left:12px;
	padding-top:5px;
}
.qmenu em{
	margin-left:6px;
	font:10px Arial;
	font-style:italic;
	color:#666;
}
.qmenu .t a,
.qmenu .t span{
	color:#3A4A5B;
	text-decoration:none;
	padding-left:10px;
	background:url(../img/smenuListItem_s.gif) no-repeat 0px 1px;/*FF*/
	*background:url(../img/smenuListItem_s.gif) no-repeat 0px -1px;/*IE*/
}
.qmenu .t a:hover{
	color:#000;
}
.qmenu .s a{
	color:#333;
	text-decoration:none;
	padding-left:10px;
	background:url(../img/smenuListItem_ss.gif) no-repeat 0px 6px;/*FF*/
	*background:url(../img/smenuListItem_ss.gif) no-repeat 0px 5px;/*IE*/
}
.qmenu .s a:hover{
	color:#2C86BA;
	padding-left:11px;
	text-decoration:underline;
}
.qmenu .current a,
.qmenu .current span{
	color:#FF7200;
}







/*  newsList */
.nslt {
	border:0px;
	padding:0px;
	margin:0px;
	width:100%;
	
}
.nslt tr{
	background:none;
}
.nslt td{
	padding:2px 0px;

}
.nslt tr.mThead{display:none;}
.nslt td.mCat{
	width:80px;
	height:16px;
}
.nslt td.mCat div{
	width:74px;
	/*margin:0px auto;*/
	height:16px;
	*padding-top:2px; /*IE*/
	*height:14px;/*IE*/
	background:#9d9d9d;
	font:12px Arial;
	color:#fff;
	text-align:center;
}
.nslt td.mTitle{
	width:auto;
	font:12px Arial;
}
.nslt td.mTitle a{
	color:#333;
	text-decoration:none;
	line-height:14px;
}
.nslt td.mTitle a:hover{
	color:#2C86BA;
	text-decoration:underline;
}
.nslt td.mDate{
	width:60px;
	font:10px Arial;
	color:#999999;
}




/* newsSingle */
.nssl{
	height:1%;
}
.nssl:after{/*FF*/ content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.nssl .mPic{
	float:left;
	margin-right:15px;
	margin-bottom:5px;
}
.nssl .mTitle{
	/*width:100%; 
	width:420px; */
	font:12px Arial;
	font-weight:bold;
	color:#39861E; 
}
.nssl .mText{
	/*width:100%; 
	width: 420px;*/
	margin-top:10px;
	font:12px Arial;
	color:#333;
	line-height:18px;
}







/* crumb */
#crumb{
	border:1px solid #ddd;
	padding:5px 10px;
	font:12px Arial;
	color:#333;
	margin-bottom:10px;
}
#crumb a{
	color:#3A4A5B;
	text-decoration:none;
	background:url(../img/crumbItem2.gif) no-repeat 0px 3px;
	*background:url(../img/crumbItem2.gif) no-repeat 0px 1px;
	padding:0px 10px;
}
#crumb a.index{
	background:url(../img/crumbItem1.gif) no-repeat 0px 6px;
	*background:url(../img/crumbItem1.gif) no-repeat 0px 4px;
}
#crumb a.current{
	color:#2C86BA;
}
#crumb a:hover{
	color:#2C86BA;
	text-decoration:underline;
}