@charset "utf-8";
/* CSS Document */

#noinfo_tb{
	width:100%;
	border:1px solid #F2F2F2;
	color:#484848;
	
	font-size:11px;
	text-align:center;
	padding-top:40px;
	padding-bottom:40px;
	margin-top:15px;
}

.img-right{
	float:right;
	padding-left:10px;
}

.img-left{
	float:left;
	padding-right:10px;
}
/**************************************************************************************************/
/*                               主要內容架構                                                      */
/*************************************************************************************************/

#wrapper-navigation{
	background:url(../images/bg-menubar.gif) top center repeat-x;
	height:38px;
}

div#wrapper-bg{
	width:1000px;
	background:url(../images/bg-main.gif) top left repeat-y; margin:0 auto;
}


div#wrapper{
	width:978px; margin:0 auto;
}

#main_visual{
	width:978px; margin:0 auto;
}


div#wrapper-main{
	width:978px; margin:0 auto;
	background:url(../images/bg-maincontent.gif) top left no-repeat;
	text-align:left;
}

div#main{
	float:right;
    width:700px; margin-right:40px;
	text-align:left;
}

div#sub{
	float:left;
	width:214px; text-align:center;
}


div#mainDw{
	clear:both;
	height:30px;
}

/**************************************************************************************************/
/*                                    sub                                                   */
/*************************************************************************************************/

/***************************次選單***********************************/
#submenu{
	width:170px;
	padding-top:26px; margin:0 auto;
}

#submenu-list ul {
	margin:0px;
	padding:0px;
	width:170px;
	text-align:left;
	padding-top:4px;
}

#submenu-list li {
	margin:0px;
	padding:0px;
}

#submenu-list li a{
	display:block;
	color:#666;
	
	font-size:14px;
	padding-top:10px;
	padding-bottom:8px;
	padding-left:3px;
	padding-right:20px;
	text-decoration:none;
	font-weight:bold;
	border-bottom:#e0e0e0 1px solid;
}

#submenu-list li a:hover {
	color:#062763 !important;
	text-decoration:none;
	background:url(../images/bg-submenu-over.gif) top right no-repeat;
}


#submenu-list li.submenuOver a{
	color:#062763 !important;
	text-decoration:none;
	background:url(../images/bg-submenu-over.gif) top right no-repeat;
}
/*************banner*********************/

#banner{
	padding-top:15px;
	width:170px;
}

.banner{
	padding:0px;
	margin:0px;
	padding-bottom:10px;
}


/**************************************************************************************************/
/*                               main                                                   */
/*************************************************************************************************/
#location{
	width:700px; text-align:right;
}

#location .location{
	padding-top:9px;
	padding-right:5px;
	
	font-size:11px;
	color:#012360;
}

#location .location a:link{
	color:#999;
	text-decoration:none;
}
#location .location a:visited{
	color:#999;
	text-decoration:none;
}
#location .location a:hover{
	color:#012360 !important;
	text-decoration:none;
}	

#location .title{
	text-align:left;
	height:36px;
	background:url(../images/bg-locationTitle.gif) bottom left repeat-x;
}
#location .title h1{background:url(../images/stitle.gif) no-repeat; font-size:18px; padding-left:25px; font-family:Verdana, Geneva, sans-serif; line-height:36px;}


#MastContantControl{
	color:#666;
	
	font-size:12px;
	line-height:18px;
	padding-top:15px;
	width:700px;
	text-align:left;
	padding-bottom:20px;
}
#SubContantControl{
	color:#666;
	
	font-size:12px;
	line-height:18px;
	padding-top:15px;
	width:700px;
	text-align:left;
	padding-bottom:20px;
}

#NoContent{	
	color:#666;
	
	font-size:12px;
	line-height:18px;
	padding-top:15px;
	width:700px;
	text-align:left;
}

#ContentOff{
	color:#666;
	
	font-size:12px;
	line-height:18px;
	padding-top:15px;
	width:700px;
	text-align:left;
}

#content{
	color:#666;
	
	font-size:12px;
	line-height:18px;
	padding-top:15px;
	width:700px;
	text-align:left;
}


.Listtotal{
	padding-top:3px;
	color:#999;
	
	font-size:12px;
	padding-right:8px;
}

.Listline{
	border-bottom:#e5e5e5 1px solid;
	height:4px;
}

#pagedw{
	padding-top:20px;
}
.pageback{
	width:40%;
	float:left;
	text-align:left;
}

.pagetop{
	width:40%;
	float:right;
	text-align:right;
}

#line-dot{
	background:url(../images/bg-dotline.gif) top left repeat-x;
	height:3px;
}

/*******************************產品介紹************************************************/

.pdList{
	padding:0px;
	margin:0px;
	padding-top:20px;
}
	
.pdtxt{
	width:460px;
	float:right;
}

.pdtxt p{
	padding:0px;
	margin:0px;
	
	font-size:11px;
	color:#666;
	line-height:16px;
	padding-bottom:10px;
}

.pdImg{
	float:left;
	width:210px; text-align:center;
}

.Img{
	width:210px;
	margin:1px;border:#cccccc 1px solid;
}

.pdList h1{
	
	font-size:13px;
	color:#488fae;
	padding-bottom:6px;
	font-weight:bold;
}

.pdList h1 a:link, .pdList h1 a:visited{
	color:#488fae;
	text-decoration:none;
}

.pdList h1 a:hover{
	color:#003366 !important;
	text-decoration:none;
}

.pdline{
	clear:both;
	background:url(../images/bg-dotline.gif) center left no-repeat;
	height:20px;
}

/*
.pdList{padding-top:5px; padding-bottom:10px;}
.pdList:after{clear:both; height:0; display:block; visibility:hidden; content:".";}
.pdList .pd{width:200px; height:310px; background:#fff; margin-right:15px; position:relative; float:left;}
.pdList a{width:200px; height:310px; display:block;position:absolute;}
.pdList .pdImg{width:200px; margin:4px; height:200px; text-align:center; position:absolute; z-index:1;}
.pdList .pdImgCover{background:#000; filter:alpha(opacity=10); opacity:0.1; zoom:1; width:292px; margin:4px; height:210px; text-align:center; position:absolute; z-index:2; }
.pdList h1{margin:232px 10px 0; font-size:13px; color:#6c0; position:absolute;}
.pdList h2{margin:255px 10px 0; font-size:12px; color:#555; position:absolute;}
.pdList h1 a{color:#000;}
.pdList h1 a:hover{color:#6c0;}
.pdList a > .pdImgCover{display:none;}
.pdList a:hover > .pdImgCover{display:block;}
/***************詳細頁*************/

#pdDetail{
	width:700px;
	padding-top:20px;
}

#pdDetail h1{
	
	font-size:medium;
	color:#003366;
	font-weight:bold;
	padding-bottom:6px;
	background:url(../images/bg-dotline.gif) bottom left no-repeat;
}

.pdImgb{
	padding-top:15px; text-align:center;
}

.pdSummary{
	
	font-size:12px;
	color:#488fae;
	line-height:16px;
	padding:5px;
	padding-top:15px;
	padding-bottom:20px;
	
}

.pdContent{
	
	font-size:12px;
	color:#666;
	line-height:16px;
	padding:5px;
	padding-bottom:20px;
	background:url(../images/bg-dotline.gif) bottom left no-repeat;
	
}

.pdContent ul{
	margin:0px;
	padding:0px;
}

.pdContent li{
	margin:0px;
	padding:0px;
	list-style-type:square;
	padding-left:0px;
	color:#488fae;
	
	font-size:12px;
	padding-bottom:2px;
}
	
/**********************************聯絡我們*************************/

#contactus_formbg{background:url(../images/img-contactus.jpg) right no-repeat;
}

#contactus_form{
}

.contactus_summary{
	color:#666;
	padding-top:20px;
	padding-bottom:10px;
	font-weight:bold;
	background:url(../images/bg-dotline.gif) bottom left no-repeat;
}
#contactus_form .item:after{clear:both; height:0; display:block; visibility:hidden; content:".";}
#contactus_form .title,#contactus_form .itemtitle{
	width:80px;
	float:left;
	font-weight:bold;
	color:#666;
	padding-right:10px;
	padding-top:3px;
	
	padding-left:0px;text-align:right;
}

#contactus_form .form, #contactus_form .itemform{
	color:#666;
	
	font-size:11px;
	width:300px;
	float:left;
	padding-left:0px;
	padding-bottom:10px;	
}

#contactus_form .formstyle, #contactus_form .formstyle2{
    border:#ccc 1px solid; padding:5px; font-size:12px; line-height:normal;
	background:#fff; width:250px;
}
#contactus_form .formstyle2{height:100px;}

.cform_bt{
	color:#333;
	
	font-size:11px; cursor:pointer;
}

#contactus_form .cform_thank{
	color:#333;
	
	font-size:11px;
	text-align:center;
	padding-top:20px;
	padding-bottom:20px;
}

.redstar{
	font-size:13px;
	
	font-weight:bold;
	color:#F00;
}
.cform_line{
	background:url(../images/bg-dotline.gif) bottom left no-repeat;
	height:3px;
}

.contactInfo:after{clear:both; display:block; visibility:hidden; height:0; content:".";}
.contactInfo{background:url(../images/bg-dotline.gif) bottom left no-repeat; padding-bottom:15px;}
.contactInfo h2{font-size:18px; color:#000; margin:0; padding-bottom:15px;}
.contactInfo .map{width:370px; float:right; text-align:right;}
.contactInfo .map iframe{border-radius:10px; padding:1px; border:#ccc 1px solid; box-shadow:#999 0px 0px 10px;}
.contactInfo .map a{font-size:12px !important; color:#999;}
.contactInfo ul{width:300px; float:left; margin-left:20px; padding-top:15px;}
.contactInfo li{list-style:disc; padding-bottom:8px;}

/**************************************************************************************************/
/*                                          分頁                                           */
/*************************************************************************************************/	
#pageCenter{
	padding-top:8px;
	text-align:center;
}

#pageCenterLine{
	padding-top:8px;
	text-align:center;
	border-top:#e5e5e5 1px solid;
}

#pageclear{
	padding-top:8px;
	clear:both;
}

.pagelink {
 font-size: 11px;
 COLOR: #488fae;
 text-decoration: none;
 font-family: Arial, Helvetica, sans-serif;
 font-weight: bold;
}
.pagelink a:link {
	font-size: 10px;
	color: #999;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
}

.pagelink a:visited {
	font-size: 10px;
	color: #999;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
}
.pagelink a:hover {
	font-size: 10px;
	color: #488fae !important;
	text-decoration: underline;
	font-family: Arial, Helvetica, sans-serif;
}


.pagelink2 {
	FONT-SIZE: 11px;
	COLOR: #999999;
	TEXT-DECORATION: none;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:normal;
}
.pagelink2 A:link {
	FONT-SIZE: 11px;
	COLOR: #666666;
	TEXT-DECORATION: none
}

.pagelink2 A:visited {
	FONT-SIZE: 11px;
	COLOR: #666666;
	TEXT-DECORATION: none
}
.pagelink2 A:hover {
	FONT-SIZE: 11px;
	COLOR: #488fae !important;
	TEXT-DECORATION: underline
}


.searchpdno {
	font-size: 11px;
	font-weight: bold;
	color: #488fae;
	font-family: Arial, Helvetica, sans-serif;
}

.aboutus h2{font-size:18px; color:#000; padding-bottom:15px; padding-top:10px;}
.ulsty{margin-left:25px; padding-bottom:25px;}
.ulsty li{list-style:square; padding-bottom:15px;}