@charset "utf-8";
*{
    margin:0;
	padding:0;
}
a{
    outline: none; /* for Firefox */
    hlbr:expression(this.onFocus=this.blur()); /* for IE */
}
img{
    border: none;
}

body{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	background:url(../bg.jpg) center top repeat;
}

.bg{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	background:#333;
}
.wrapper{
    width:1000px;
	margin:0 auto;
	background:url(../images/top_bg.jpg) repeat-y top;
}

/* 上方內容 */
.top{
    width:1000px;
	margin:0 auto;
	height:90px;
	position:relative;
}
.top .logo{
    position:absolute;
	left:0px;
	top:0px;
}

.menu{
	margin: 0;
	padding:0;
	height:19px;
	position:absolute;
	left:517px;
	top:52px;
}
.sddm{
	margin: 0 auto;	
	padding: 0;
	height: 19px;
	width:483px;
	list-style-type:none;
}
.sddm li{
	margin: 0;
	padding: 0;
	height: 19px;
	float:left;
}

.mouse_bt01 {
	width: 72px;
	height: 19px;
	background: url(../images/index_04.jpg) no-repeat 0px 0px;
	display:block;
	text-indent:-9999px;
}
.mouse_bt01:hover {
	background-position:left bottom;
}
.mouse_bt02 {
	width: 106px;
	height: 19px;
	background: url(../images/index_05.jpg) no-repeat 0px 0px;
	display:block;
	text-indent:-9999px;
}
.mouse_bt02:hover {
	background-position:left bottom;
}
.mouse_bt03 {
	width: 75px;
	height: 19px;
	background: url(../images/index_06.jpg) no-repeat 0px 0px;
	display:block;
	text-indent:-9999px;
}
.mouse_bt03:hover {
	background-position:left bottom;
}
.mouse_bt04 {
	width: 110px;
	height: 19px;
	background: url(../images/index_07.jpg) no-repeat 0px 0px;
	display:block;
	text-indent:-9999px;
}
.mouse_bt04:hover {
	background-position:left bottom;
}
.mouse_bt05 {
	width: 120px;
	height: 19px;
	background: url(../images/index_08.jpg) no-repeat 0px 0px;
	display:block;
	text-indent:-9999px;
}
.mouse_bt05:hover {
	background-position:left bottom;
}

.mouse_right01 {
	width: 330px;
	height: 120px;
	background: url(../images/index_14.jpg) no-repeat 0px 0px;
	display:block;
	text-indent:-9999px;
	margin-bottom:10px;
}
.mouse_right01:hover {
	background-position:left bottom;
}
.mouse_right02 {
	width: 330px;
	height: 120px;
	background: url(../images/index_15.jpg) no-repeat 0px 0px;
	display:block;
	text-indent:-9999px;
}
.mouse_right02:hover {
	background-position:left bottom;
}
.mouse_newpro {
	width: 200px;
	height: 73px;
	background: url(../images/newpro.jpg) no-repeat 0px 0px;
	display:block;
	text-indent:-9999px;
	margin:10px 0;
}
.mouse_newpro:hover {
	background-position:left bottom;
}


div.moduletable-banner{width:1000px;height:320px;position:relative;}
div.moduletable-banner2{width:1000px;height:240px;position:relative;}


/* 首頁內容 */
.content{
	margin:0 auto;
	clear:both;
	width:1000px;
	overflow:hidden;
	height:auto;
}
.index_news{
    float:left;
	width:610px;
	margin:0 40px 0 10px;
	position:relative;
}
.index_news h2 a{
    position:absolute;
	display:block;
	width:46px;
	height:8px;
	left:564px;
	top:22px;
}

.index_right{
    float:left;
	width:330px;
	margin:0 10px 0 0;
	padding:15px 0 0 0;
}

.pro_left{
    float:left;
	width:200px;
	margin:0 30px 0 10px;
	padding-bottom:30px;
}
.pro_right{
    float:left;
	width:750px;
	margin:0 10px 0 0;
}

.indexnews{
    padding: 10px 0;
	width:610px;
}
.indexnews span.img {
    display: block;
    float: left;
	border:1px #ccc solid;
	background:#fff;
    margin: 5px 20px 0 0;
}
.indexnews div.wbox {
	width: 120px;
    height: 90px;
	display:table-cell; text-align:center; vertical-align:middle; overflow:hidden;
}
.indexnews span.img img {
    max-width: 120px;
    max-height: 90px;
}
.indexnews p.newstitle {
    font-size: 14px;
	font-weight:bold;
    overflow: hidden;
    height: 24px;
    line-height: 24px;
}
.indexnews p.newstitle a {
    text-decoration:none;
	color:#333;
}
.indexnews p.newstitle a:hover {
    color:#e21562;
}
.indexnews p.date {
    line-height: 18px;
    color: #787878;
    overflow: hidden;
    height: 18px;
}
.indexnews .text {
    line-height: 20px;
    color: #454545;
    overflow: hidden;
    height: 68px;
}

/* 頁腳 */
.footer{
    margin:10px auto 0 auto;
	width:1000px;
	background:url(../images/index_18.jpg) no-repeat;
    padding:12px 0 2px 0;
	color:#fff;
	line-height:24px;
	text-align:center;
	height:81px;
}
.footer span{
    color:#666;
	font-size:12px;
}

.main{
    padding:0 20px 10px 20px;
	line-height:24px;
	color:#333;
	margin:0 0 50px 0;
}
.main ol{
    padding:0 0 0 25px;
	list-style:decimal;
}
.main ul{
    padding:0 0 0 25px;
	list-style:disc;
}
.main a{
    text-decoration:none;
	color:#655422;
}
.main a:hover{
    color:#e21562;
}

.floatright{
    float:right;
	margin:0 0 5px 10px;
}
.mainsearch{
    padding:0 10px;
	line-height:24px;
	color:#333;
}

/* 產品展示 */
.m-demo{width:1000px;height:350px;overflow:hidden; list-style:none; margin:0 1px 0 0;}
.m-demo li{float:left;width:110px; heihgt:100%;box-shadow:0 0 5px rgba(0,0,0,0.5);-webkit-transition:width 0.5s ease-out;-moz-transition:width 0.5s ease-out;-ms-transition:width 0.5s ease-out;transition:width 0.5s ease-out;}
.m-demo:hover li:not(:hover){width:66px;}
.m-demo li:hover{width:467px;}

/* 產品展示 */
#p-demo{width:1010px;height:350px;list-style:none;overflow:hidden; margin:0;}
#p-demo li{float:left;margin:0px 1px;}
#p1,#p2,#p3,#p4,#p5,#p6,#p7,#p8,#p9{width:467px;height:350px;}
#m1,#m2,#m3,#m4,#m5,#m6,#m7,#m8,#m9{width:109px;height:350px;cursor:pointer;overflow:hidden;float:left;}


.product_title{
    color:#333;
	font-size:30px;
	line-height:68px;
	margin:0 10px ;
	position:relative;
}
.search_title{
    text-align:right;
	position:absolute;
	right:0;
	top:-5px;
}
.product_down{
    height:100px;
}

.protitle{
    font-size:28px;
	font-family:'Arial Narrow',Tahoma,sans-serif;
	line-height:38px;
	color:#454545;
}

ul.show{ padding:0; margin:0; list-style:none;} 
ul.show li{ float:left; width:240px; height:280px; padding:2px; _display:inline; margin:5px 2px 15px 3px;}
ul.show li .pbox{width:240px; height:240px; border: solid 1px #ccc; display:table-cell; text-align:center; vertical-align:middle; overflow:hidden; clear:both;}
ul.show li .pbox:hover{border: solid 1px #333;}
ul.show li img{overflow:hidden; max-width:240px; max-height:240px;}
ul.show li h3{color:#454545; line-height:18px; font-weight:normal; font-size:13px; text-align:center;}

/* 聯絡表單 */
#form {
    margin:0px auto;
	width:960px;
}
#form span{
    color:#d00f0f;
}
#form th {
	font-size: 13px;
	line-height: 35px;
	color: #454545;
	text-indent:28px;
	text-align:left;
	letter-spacing: 1px;
	font-weight: normal;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #eeeeee;
	background: url(../images/list.gif) #f9f9f9 no-repeat;
}
#form td {
	font-size: 13px;
	color: #333;
	text-align:left;
	padding-left:5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
}
#pic-bt{
	margin:12px 50px 20px 0;
}

/* 最新消息 */
.news{
    border-bottom: solid #ccc 1px;
    padding: 0 5px 20px 0;
    overflow: hidden;
	margin-bottom:20px;
}
.news:hover{
    background-color:#f2f2f2;
}
.news:hover p.newstitle{
   color:#e21562;
}
.news span.img {
    display: block;
    float: left;
	background:#fff;
	border:1px #ccc solid;
    margin: 8px 20px 0 8px;
}
.news div.wbox {
	width: 180px;
    height: 135px;
	display:table-cell; text-align:center; vertical-align:middle; overflow:hidden;
}
.news span.img img {
    max-width: 180px;
    max-height: 135px;
}
.news p.newstitle {
    font-size: 14px;
	font-weight:bold;
    overflow: hidden;
    height: 24px;
    line-height: 24px;
	color:#333;
}
.news p.date {
    line-height: 18px;
    color: #787878;
    overflow: hidden;
    height: 18px;
	padding-top:5px;
}
.news .text {
    line-height: 20px;
    color: #454545;
    overflow: hidden;
    height: 68px;
}

.newspage{
    padding: 10px 0;
    overflow: hidden;
}
.newspage span.img {
    display: block;
    float: left;
	background:#fff;
	border:1px #ccc solid;
    margin: 5px 20px 10px 0;
}
.newspage div.wbox {
	width: 320px;
    height: 240px;
	display:table-cell; text-align:center; vertical-align:middle; overflow:hidden;
}
.newspage span.img img {
    max-width: 320px;
    max-height: 240px;
}
.newspage p.newstitle {
    font-size: 24px;
	font-weight:bold;
    line-height: 38px;
}
.newspage p.newstitle a {
    text-decoration:none;
	color:#333;
}
.newspage p.newstitle a:hover {
    color:#e21562;
}
.newspage p.date {
    line-height: 18px;
    color: #787878;
}
.newspage p.text {
    line-height: 24px;
    color: #454545;
}
.back {
	padding:20px 0 10px 892px;
	clear:both;
	height: 25px;
}
.back2 {
	padding:20px 0 10px 682px;
	clear:both;
	height: 25px;
}
.mouse_back {
	width: 68px;
	height: 25px;
	background: url(../images/back.gif) no-repeat 0px 0px;
	display:block;
}
.mouse_back:hover {
	background-position:left bottom;
}

.control {
	text-align:center;
	clear:both;
	font-size:12px;
	padding:20px 0;
	color: #333;
	line-height:18px;
}
.control a {
	display: inline-block;
	padding: 0px 3px 1px 3px;
	color: #333;
	text-align: center;
	text-decoration: none;
	border: 1px solid #333333;
}
.control a:hover {
	display: inline-block;
	color: #e21562;
	text-align: center;
	text-decoration: none;
	border: 1px solid #e21562;
}
.control a.on {
	font-weight: bold;
	background: #666;
	border: 1px solid #666;
	color: #fff;
}

ul#nav, ul#nav ul {
  margin: 0;
  padding: 0;
}
ul#nav a {
  display: block;
  text-decoration: none;	
}

ul#nav li {
  margin-top: 1px;
}
ul#nav li a {
  padding: 0.5em;
  background: #787878;
  color: #fff;
}
ul#nav li a:hover{
  background: #c31f5b;
  color: #fff;
}
ul#nav li ul li a {
  color: #333;
  border-bottom:1px #ccc dashed;
  background: none;
  padding-left:10px;
}
ul#nav li ul li a:hover{
  color: #c31f5b;
  background: none;
  border-bottom:1px #ccc dashed;
  border-left:3px #c31f5b solid;
  padding-left:7px;
}

.box2{
	width:300px;
	height:300px;
	margin-right:10px;
	display:table-cell; text-align:center; vertical-align:middle; overflow:hidden;
	border:1px solid #ccc;
}
.box2 img{
	max-height:300px;
	max-width:300px;
}

.showbox {
	width:300px;
	height:300px;
	margin-right:10px;
	display:table-cell; text-align:center; vertical-align:middle; overflow:hidden;
	border:1px solid #ccc;
	background-color:#FFFFFF;
}
.showbox img{
	max-height:300px;
	max-width:300px;
}
.abgne-block {
	margin-top: 10px;
	width: 304px;
	height:80px;
	overflow: hidden;
}
.abgne-block ul li{
    list-style-type:none;
	display:inline;
	float:left;
	padding:0px 4px 5px 0px;
}
.abgne-block a{
	width:75px;
	height:75px;
	display:table-cell; text-align:center; vertical-align:middle; overflow:hidden;
	border:1px solid #ccc;
	background-color:#FFFFFF;
	margin:0px 2px 5px 2px;
}
.abgne-block a img {
	max-height:75px;
	max-width:75px;
	vertical-align: middle;
}

.brand-shop {
    border-top: 1px dotted #cecece;
    border-bottom: 1px dotted #cecece;
    padding: 3px 0px;
	width:418px;
	margin:10px 0;
	font-family:"微軟正黑體";
	line-height: 24px;
    font-size: 13px;
	color: #454545;
}
.brand-shop ul {
    list-style: none;
    background: #f5f5f5;
    padding: 15px 10px 15px 10px;
}

.brand-text{
    padding: 20px 0px 0px 0px;
	margin:0;
	line-height: 24px;
    font-size: 15px;
	color: #333333;
}
.brand-text ol{
    padding:0 0 0 25px;
	list-style:decimal;
}
.brand-text ul{
    padding:0 0 0 25px;
	list-style:disc;
}
.brand-text a{
    text-decoration:none;
	color:#655422;
}
.brand-text a:hover{
    color:#e21562;
}
.brand-text img{
    max-width:750px;
	margin:5px 0;
}

.p-title{
	height:48px;
	line-height:42px;
	background-image:url(../images/pro-title.gif);
	background-repeat:no-repeat;
	letter-spacing: 1px;
	font-size:16px;
	color:#454545;
	font-weight:bold;
	padding-left:28px;
}

.subtitle{
    background:url(../images/sub.gif) no-repeat;
	line-height:24px;
	padding-left:20px;
	font-weight:normal;
	color:#454545;
	font-size:15px;
	margin-bottom:8px;
}

.next{
    text-align:center;
	line-height:30px;
}
.next a{
    text-decoration:none;
	color:#333;
}
.next a:hover{
    color:#e21562;
}