@charset "utf-8";

/********** 主要 **/
body{margin:0; background:url(../images/body-bg.jpg) repeat-x top; font-family:"微軟正黑體";letter-spacing: 1px;}
.main{width:996px; min-height:450px; margin:0 auto; border:solid 2px #3b92ca; border-radius:20px; -webkit-border-radius:20px; -moz-border-radius:20px;}
  .sidebar{
	width: 205px;
	margin-top: 10px;
	margin-left: 10px;
	float: left;
}
a {outline: none; hlbr:expression(this.onFocus=this.blur()); text-decoration:none;}
img {max-width: 100%;
	border: 0;
	vertical-align: bottom;
}
.clearfix:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}/* End hide from IE-mac */
input,textarea{outline:none}
textarea{resize:none;border:1px #CCC solid;  -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
.displaynone{display:none;}

/********** 聯絡我們 表單樣式 **/

.contact-data-tdtitle { font-size:13px; color: #000; font-weight:bold; line-height: 1.5me; border-bottom:1px #CCC solid; padding: 5px; text-align: right;}
.contact-data-td { font-size:13px; color:#323232; line-height: 1.5me; border-bottom:1px #CCC solid; padding: 5px;}
input.input-style01 {height:25px; border:1px #CCC solid; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;} 
textarea.textarea-style01 {border:1px #CCC solid;  -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;} 



/********** 頭部 **/
.header{position:relative; width:1000px; height:110px; margin:0 auto;}
  .logo{position:absolute; left:12px; top:26px;}
  .menu{position:absolute; right:0; top:0; width:510px; height:55px; background:url(../images/menu-bg.png);}
    .menu ul{margin:0; padding:0; list-style:none;}
	.menu li{margin:0; padding:0; float:left;}
	.menu a{display:block; width:85px; height:55px; font:16px/55px "微軟正黑體"; color:#000; text-align:center; overflow:hidden;}
	.menu a:hover{background:url(../images/menu-hover-bg.png) no-repeat center center; color:#fff;}

/********** 跑馬燈 **/
.inews{position:relative; width:1000px; height:40px; margin:0 auto 30px auto; background:url(../images/inews-bg.png);}
  .inews marquee {position:absolute; left:220px; width:720px;padding-top:5px; font:15px/30px "微軟正黑體"; color:#fff;}
    .inews  marquee  li {font:15px/30px "微軟正黑體"; color:#fff;list-style:none;}
    .inews  marquee  li a{font:15px/30px "微軟正黑體"; color:#fff;}

/************** detaile 明細頁面  ********************/
.detile {  margin-bottom: 5px;}
.detile h3.detaile-title { font-size: 18px; color: #333; line-height:2em; border-bottom: 1px #CCC solid; }
.detile .detail-time { font-size:12px; color: #666; line-height:1.7em; padding-bottom:10px; }
/*.detile .detile-edit-zone { font-size:15px; line-height:1.7em; color:#666; padding: 0 0 20px 0;}*/
.detaile-big-phto {  width: 260px;  height: 260px;  float: left;}
.detile-edit-zone { font-size:15px; line-height:1.7em; color:#666;/* padding: 10px;*/list-style-position: inside;}
/*.detile img.detaile-big-phto {width:50%; float:left ; margin: 0 20px 10px 0;} */
				 
.detile .plist-price { color: #369; font-size:14px; line-height:1.7em;}/**建議售價**/
.detile .plist-price-costdown { color:#930; font-size:13px; line-height:1.7em;}/**優惠售價**/
.detile .plist-price-member { color: #F30;  font-size:13px; line-height:1.7em;}/**會員售價**/	

/**加入購物車按鈕**/	
.detile a.addcart, .detile a.addcart:visited { margin-left:10px; height:25px; padding:5px 0;}
                   .detile a.addcart:hover {margin-left:10px;}

/**分享按鈕**/	
.detile a.share-link, .detile a.share-link:visited{ margin-left:10px;} 
                      .detile a.share-link:hover {margin-left:10px;}
/**FB按鈕**/	
.detile a.fb-link, .detile a.fb-link:visited  {margin-left:10px;}
                   .detile a.fb-link:hover  {margin-left:10px;}



/********** 產品列表 **/
.pro-list {	}
.pro-list > ul {font-size: 14px;margin: 0px;padding: 10px;list-style: none;	height: auto;width: auto;}
.pro-list ul li {
	/*border-bottom: 1px #999 solid;*/
	padding: 16px 0 24px 0 ;
	line-height: 1.5em;
	float: left;
	width: 220px;
	text-align: center;
	height: 260px;
}
.pro-list> ul> li> h3 {
    font-size: 14px;
	margin: 0;
	padding:8px;
	/*padding-right: 0;*/
	/*padding-bottom: 5px;*/
	/*padding-left: 0;*/
	width: 200px;
white-space:nowrap;
text-overflow:ellipsis;
-o-text-overflow:ellipsis;
overflow: hidden;
/* word-wrap:break-word */

}
.pro-list> ul> li> a {
    font-size: 15px;
	width: 220px;
	color: #333;
	text-decoration: none;
}
.pro-list> ul> li > h3 > a {
	font-size: 15px;
	width: 220px;
	color: #333;
	text-decoration: none;
	overflow: auto;
}

.pro-list ul li h3 a:hover {font-size: 15px; color: #993; }
.pro-list ul li .price { color: #C63; font-size:15px; padding:10px 0; line-height:25px; }  

.pro-note { 
    display: block; /*內聯對象需加*/
	width:100%;
	height:40px;
    /* word-break: keep-all; 不換行 */
     /* white-space: nowrap;不換行 */
    overflow: hidden; /* 內容超出寬度時隱藏超出部分的內容 */
    text-overflow: ellipsis; /* 當對象內文本溢出時顯示省略標記(...) ；需與overflow:hidden;一起使用。*/}

/********** 消息明細 **/
.page-content { padding:10px 0;}
.page-content h3.page-title { font-size:15px; color:#069; border-bottom:1px #CCC dotted; padding:5px 0; margin:0;}
.page-content .page-date { font-size:13px; color: #999; padding:10px 0;}
.page-content .detaile-cont { font-size:13px; line-height:1.5em; color:#333; }

.btn-top {
	text-align: right;
	font-size: 12px;
	padding: 10px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #CCC;
	border-bottom-color: #CCC;
}
.btn-top a { background:#999; color:#FFF; padding: 5px 10px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
.btn-top a:hover {
	color: #06F;
}

/********** 消息列表 **/
.news-list {}
.news-list ul { margin:0 0 0 15px; padding:0; list-style: square;}
.news-list ul li { border-bottom:1px #999 dotted; padding: 5px 0; font-size:13px; line-height:1.5em;}
.news-list ul li a { color: #333; text-decoration:none; }
.news-list ul li a:hover { color: #993; }
.news-list ul li .date-numb { color:#09C; padding-right:10px; }  

/** 內頁 **/
.wd_title_001 {font-family: "微軟正黑體";font-size: 18px;color: #5f6f89; line-height:24px;}
.wd_title_002 {font-family: "微軟正黑體";font-size: 17px;color: #10a4e9; line-height:20px; background: url(../upload/files/icon001.png) no-repeat;padding:0 0 0 15px;}
.wd_font_001 {font-family: "微軟正黑體";font-size: 15px;color: #333; line-height:20px;padding:0 0 0 25px;}
.wd_font_002 {font-family: "微軟正黑體";font-size: 15px;color: #333; line-height:24px;}
.wd_font_002 a:link, .wd_font_002 a:visited {color:#333;text-decoration:none;font-family: "微軟正黑體";}
.wd_font_002 a:hover {color: #ffa45a;text-decoration: underline;font-family: "微軟正黑體";}
/*.line{ border-bottom:#CCC 1px dotted;}*/
.map-fillet{-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px; border:#96e1f9 2px dotted;}

/************** pages 頁碼 **/
/** 頁次 **/
.page{font:13px/2.4 "Microsoft JhengHei"; color:#333; text-align:center; clear:both; margin:15px 0;}
.page a{background:#4a4a4a; color:#fff; padding:4px 10px;}
.page a:hover{background:#848484; color:#fff;}
.page br{display:none;}

@media screen and (max-width:640px){
	.page br{display:block;}
}
/*.page { font-size: 13px; line-height: 1.5em; text-align:center; padding:10px 0;	border-top-width: 1px;*/
/*	border-top-style: dotted;*/
/*	border-top-color: #CCC;*/
/*	border-bottom-color: #CCC;}*/
/*.page a, .page a:visited { background:#999; color:#FFF; padding: 1px 10px; margin-right: 5px;-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; text-shadow: -1px -1px 0px #6A6A6A;}*/
/*.page a:hover { background: #669; color:#FFF; padding: 1px 10px; margin-right: 5px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; text-shadow: -1px -1px 0px #6A6A6A;}*/

/*.page a.active{background: #669;}*/

.pages-data-top { font-size: 1em; text-align:right; color:#666; line-height:2em; }
.pages-data { font-size: 0.9em; text-align:right; color:#666; line-height:3em; }
.pages-data input.pages-numb { width: 30px; height:1.3em; border: 1px #999 solid; margin: 0 5px;-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
.pages-data input.pages-go { background:#999; color:#fff; border: 1px #999 solid; margin: 0 5px;-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}



/********** 左邊選單 **/
    .sbmenu{
	width: 205px;

}
	  .sbmenu-title{background:#1766b1; font:15px/2.5em "微軟正黑體"; color:#fff; text-align:center; -webkit-border-top-left-radius:10px; -moz-border-radius-topleft:10px; border-top-left-radius:10px;}
	  .sbmenu ul{margin:0; padding:0; list-style:none;}
	  .sbmenu li{margin:0; padding:0;}
	  .sbmenu a{display:block; font:15px/2.5em "微軟正黑體"; color:#000; text-align:center; margin:2px 0;
	background:-moz-linear-gradient( center top, #bed5ec 6%, #9cbfe3 99% );
	background:-ms-linear-gradient( top, #bed5ec 6%, #9cbfe3 99% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bed5ec', endColorstr='#9cbfe3');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(6%, #bed5ec), color-stop(99%, #9cbfe3) );
	background-color:#bed5ec;
	  
	  }
	  .sbmenu a:hover{background:#9cbfe3; color:#fff; 
	background:-moz-linear-gradient( center top, #9cbfe3 6%, #9cbfe3 99% );
	background:-ms-linear-gradient( top, #9cbfe3c 6%, #9cbfe3 99% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#9cbfe3', endColorstr='#9cbfe3');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(6%, #9cbfe3), color-stop(99%, #9cbfe3) );
	background-color:#9cbfe3;
	  }
	  
	.sbmenu ul li.parent ul.l2{display:none;}
	.sbmenu ul li.parentOn ul.l2{display:block;}
	
	.sbmenu ul li{position:relative;}
	  .sbmenu ul ul.l2{position:absolute; left:205px; top:0;}
	  .sbmenu ul ul.l2 a{display:block; width:180px; border:solid 1px #1766b1; font:13px/2em "微軟正黑體"; color:#000; text-align:left; padding-left:2em;
	background:-moz-linear-gradient( center top, #ffffff 6%, #ffffff 99% );
	background:-ms-linear-gradient( top, #ffffff 6%, #ffffff 99% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(6%, #ffffff), color-stop(99%, #ffffff) );
	background-color:#ffffff;
	  }
	  .sbmenu ul ul.l2 a:hover{color:#1766b1;}
	  
/********** 左邊產品 **/
    .iproduct{height:430px; background:url(../images/iproduct.png);}
      .iproduct ul{margin:0; padding:0; list-style:none;}
	  .iproduct li{margin:0; padding:0;}
	  .iproduct a{display:block; width:205px; height:145px;}
	    .iproduct a.iprod01:hover{background:url(../images/iproduct.png) -205px 0;}
	    .iproduct a.iprod02:hover{background:url(../images/iproduct.png) -205px -145px;}
	    .iproduct a.iprod03:hover{background:url(../images/iproduct.png) -205px -290px;}
		
  .maincontent {
	float: left;
	width: 765px;
	padding: 20px;
	/* margin-right: 10px; */
	/* margin-bottom: 8px; */
	/* margin-left: 2px; */
}
  .maincontent .edm{
	float: left;
}
  .mainshadow{clear:both; width:1000px; height:50px; margin:0 auto; background:url(../images/main-shadow.png) no-repeat center center;}
  
  
  
/********** 底部 **/
.footer{clear:both; position:relative; width:1000px; height:62px; margin:0 auto; background:url(../images/footer-bg.png) no-repeat right;}
  .footer .flogo{
	position: absolute;
	left: 20px;
	top: 5px;
	float: left;
}
  .footer .siteinfo{
	float: left;
}
    .siteinfo .tel{position:absolute;left:196px;top: 12px;font:18px/30px "微軟正黑體";color:#000;}
    .siteinfo .mail{position:absolute;left:366px;top: 12px;}
      .siteinfo .mail a{font:16px/32px "微軟正黑體"; color:#000;}
	  .siteinfo .mail a:hover{color:#f30;}
    .siteinfo .copyright{
	position: absolute;
	left: 606px;
	top: 4px;
	font: 14px/30px "微軟正黑體";
	color: #000;
	float: left;
	padding-bottom: 10px;
}
CopyrightText{font: 12px;}
      .siteinfo .si-title{font:14px/18px "微軟正黑體"; color:#666;}
	  
.maincontent-wrapper{
	margin: 0;
	padding-top: 0px;
	padding-left: 5px;
}
  .pagetitle{font:24px/80px "微軟正黑體"; color:#333; padding-left:20px; border:solid 1px #ccc; border-left:solid 8px #0a3156; background:url(../images/pagetitle-bg.jpg) no-repeat right center;}