body { margin:0; background:#FFFFFF; font-size: 11pt; color:#333333; font-family: 微軟正黑體; }

a {
text-decoration: none;
outline: none; /* for Firefox Google Chrome  */
behavior:expression(this.onFocus=this.blur()); /* for IE */
}

ul, li { margin:0; padding:0; list-style: none; }

input, select, textarea { 
background: #FFFFFF ; color:#000000; font-size: 10.5pt; font-family: 微軟正黑體;
border:1px solid #CCCCCC; padding:2px 5px 2px 5px;
border-radius: 5px 5px 5px 5px;
}

/*lev1*/
#lev1 { margin:0 auto; height:100px; 
background-image: -webkit-gradient(linear, left top, left bottom, from( #FFFFFF ), to( #E1E1E1 )); /* Saf4+, Chrome */
background-image: -webkit-linear-gradient( #FFFFFF , #E1E1E1 ); /* Chrome 10+, Saf5.1+ */
background-image:    -moz-linear-gradient( #FFFFFF , #E1E1E1 ); /* FF3.6 */
background-image:     -ms-linear-gradient( #FFFFFF , #E1E1E1 ); /* IE10 */
background-image:      -o-linear-gradient( #FFFFFF , #E1E1E1 ); /* Opera 11.10+ */
background-image:         linear-gradient( #FFFFFF , #E1E1E1 );
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#E1E1E1',GradientType=0 ); /* IE6-9 */
border-bottom-color:#999999;border-bottom-width:1px;border-bottom-style:solid; }
#lev1 div.titimg { width:658px; }
#lev1 div.headpic { margin:0 auto; width:1000px; height:100px;}
#lev1 div.headpic div {float:left; }
#lev1 div.headpic div img { margin:20px 9px 0px 0px; border:0px;}
#lev1 div.headpic li { float:left; height:100px; text-align:center;}
#lev1 div.headpic li div.t1{display:block; width:80px; height:90px;}
#lev1 div.headpic li.link1 {width:84px; border-right-color:#999999;border-right-width:1px;border-right-style:solid; }
#lev1 div.headpic li.link2 {width:84px; border-right-color:#999999;border-right-width:1px;border-right-style:solid;
border-left-color:#999999;border-left-width:1px;border-left-style:solid; }
#lev1 div.headpic li a { display:block; height:100px; padding-top:70px; color:#555555; }
#lev1 div.headpic li a:hover { display:block; height:80px; padding-top:20px;  color:#FF6600; 
background-image: -webkit-gradient(linear, left top, left bottom, from( #E1E1E1 ), to( #FFFFFF )); /* Saf4+, Chrome */
background-image: -webkit-linear-gradient( #E1E1E1 , #FFFFFF ); /* Chrome 10+, Saf5.1+ */
background-image:    -moz-linear-gradient( #E1E1E1 , #FFFFFF ); /* FF3.6 */
background-image:     -ms-linear-gradient( #E1E1E1 , #FFFFFF ); /* IE10 */
background-image:      -o-linear-gradient( #E1E1E1 , #FFFFFF ); /* Opera 11.10+ */
background-image:         linear-gradient( #E1E1E1 , #FFFFFF );
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E1E1E1', endColorstr='#FFFFFF',GradientType=0 ); /* IE6-9 */
}

/*lev2*/
#lev2 { margin:0 auto; width:1000px; height:50px; border: 1px solid #999999; border-radius: 5px 5px 5px 5px; 
margin-top:10px; background:#E1E1E1; }
#lev2 div.runtext { margin:0 auto; margin-top:10px; width:980px; height:30px; background:#FFFFFF; }
#lev2 div.runtext div.l{float:left;} #lev2 div.runtext div.r{float:right;}
#lev2 div.runtext li { float:left; }
#lev2 div.runtext li.rtxt { width:570px; padding-top:5px;}
#lev2 div.runtext li.link1 { margin:-1px 3px 0px 0px; text-align:center; }
#lev2 div.runtext li.link1 a {display:block; padding:6px 10px 6px 10px; background:#5A5A5A; color:#E1E1E1; }
#lev2 div.runtext li.link1 a:hover {  background:#FF6600;  color:#FFFFFF; border-radius: 5px 5px 5px 5px;}

/* ad_index_head */
#ad_index_head { margin:0 auto; width:1000px; height:270px; border: 1px solid #999999; border-radius: 5px 5px 5px 5px; margin-top:10px; background:#E1E1E1; }
#ad_index_head div.adhead { margin:0 auto; width:980px; height:250px; margin-top:9px; 
background:#FFFFFF; border: 1px solid #000000; }

/* body_index */
#body_index { margin:0 auto; width:1000px; border: 1px solid #999999; border-radius: 5px 5px 5px 5px; 
margin-top:10px; background:#E1E1E1; overflow:auto; }
#body_index div.body1 { margin:0 auto; width:980px; margin:10px 0px 10px 10px; background:#FFFFFF; overflow:auto;overflow-x: hidden;}

/* body1-l */
#body_index div.body1 div.body1-l { float:left; width:520px; padding:10px; }
#body_index div.body1 div.body1-l div.bodyl-pro { height:190px; margin-bottom:10px;}
#body_index div.body1 div.body1-l div.bodyl-pro li.proname img.icon1 { float:left; width:20px; margin-right:5px; }
#body_index div.body1 div.body1-l div.bodyl-pro li.proname h1 { font-size:12pt; color:#9900CC;}
#body_index div.body1 div.body1-l div.bodyl-pro img.pro { width:200px; height:137px; padding:3px; border: 1px solid #e8e8e8; box-shadow:5px 5px 5px #b8b8b8; float:left; margin-right:10px;}
#body_index div.body1 div.body1-l div.bodyl-pro li.promemo {height:120px; padding-right:10px;}
#body_index div.body1 div.body1-l div.bodyl-pro li.fb {float:left; }
#body_index div.body1 div.body1-l div.bodyl-pro li.more {float:right; padding-right:10px;}
#body_index div.body1 div.body1-l div.bodyl-pro li.more a {padding:3px 10px 3px 10px; background:#0066FF; color:#FFFFFF; border-radius: 5px 5px 5px 5px; }
#body_index div.body1 div.body1-l div.bodyl-pro li.more a:hover {background:#FF3300; color:#FFFFFF;}

/* body1-r */
#body_index div.body1 div.body1-r { margin-left:540px; width:425px; }
#body_index div.body1 div.body1-r  div.bodyr-ad { margin-top:10px;}
#body_index div.body1 div.body1-r  div.bodyr-ad li.adpic img { width:425px; border: 1px solid #e8e8e8;
border-radius: 5px 5px 5px 5px; }

/* footer */
#footer { margin:0 auto; width:1000px; border: 1px solid #999999; border-radius: 5px 5px 5px 5px; 
margin-top:10px; background:#E1E1E1; overflow:auto;}
#footer div.memo { margin:0 auto; width:960px; padding:0px 10px 10px 10px; margin-top:9px; margin-bottom:9px; background:#FFFFFF; }
#footer div.memo li.addtel { float:left; line-height:25px; padding-top:12px;}
#footer div.memo li.logo { text-align:right; padding:20px 0px 5px 0px; line-height:30px;} 
#footer div.memo li.logo a { color:#666666; }

/* body_page1 */
#body_page1 { margin:0 auto; width:1000px; border: 1px solid #999999; border-radius: 5px 5px 5px 5px; 
margin-top:10px; background:#E1E1E1; overflow:auto; }
#body_page1 div.page1 { margin:0 auto; width:980px; margin:10px; background:#FFFFFF; }
#body_page1 div.page1 img { border: 1px solid #000000; margin-bottom:-4px; margin-left:-1px; width:980px; height:auto;}

/* body_page2 */
#body_page2 { margin:0 auto; width:1000px; border: 1px solid #999999; border-radius: 5px 5px 5px 5px; 
margin-top:10px; background:#E1E1E1; overflow:auto; }
#body_page2 div.page2 { margin:0 auto; width:980px; margin:10px 0px 10px 10px; background:#E1E1E1; overflow:auto; overflow-x: hidden;}
#body_page2 div.page2 div.page2-sel { float:left; width:250px; background:#FFFFFF;}
#body_page2 div.page2 div.page2-body { width:720px; margin-left:260px; background:#FFFFFF; 
overflow:auto; overflow-x: hidden; overflow-y: hidden;}
/*產品呈現*/
#body_page2 div.page2 div.page2-body div.proshow { margin:0 auto; width:700px; height:180px; border-bottom-color:#999;border-bottom-width:1px;border-bottom-style:dotted; padding-bottom:10px; }
#body_page2 div.page2 div.page2-body div.proshow li.proname img.icon1 { float:left; width:20px; margin-right:5px; }
#body_page2 div.page2 div.page2-body div.proshow li.proname h1 { font-size:12pt; color:#9900CC;}
#body_page2 div.page2 div.page2-body div.proshow li.promemo { height:120px; line-height:23px;}
#body_page2 div.page2 div.page2-body div.proshow img.propic {width:200px; height:137px; padding:3px; border: 1px solid #e8e8e8; box-shadow:5px 5px 5px #b8b8b8; float:left; margin-right:15px; }
#body_page2 div.page2 div.page2-body div.proshow li.fb { float:left; }
#body_page2 div.page2 div.page2-body div.proshow li.more { float:right; }
#body_page2 div.page2 div.page2-body div.proshow li.more a {padding:3px 10px 3px 10px; background:#0066FF; color:#FFFFFF; border-radius: 5px 5px 5px 5px; }
#body_page2 div.page2 div.page2-body div.proshow li.more a:hover {background:#FF3300; color:#FFFFFF;}

/*pagetit1*/
.pagetit1 { margin:0 auto; width:708px; border: 1px solid #000000; background:#CC6600; color:#FFFFCC; 
padding:5px 0px 5px 10px; }
.pagetit1 h1 { line-height:2px; font-size:12pt; }

/*關於我們 pagememo*/
.pagememo { padding:10px; }
.pagememo li.pagememo2 { text-align:center; }
.pagememo li.pagememo3 { text-align:center; }

/*產品相簿*/
#proview-picshow { width:730px; overflow:auto; margin:10px 0px 0px 6px;}
#proview-picshow li {float:left;}
#proview-picshow img{padding:3px;border: 1px solid #666666;border-radius: 5px 5px 5px 5px; }
#proview-picshow li.bpic img { width:530px; }
#proview-picshow li.bpic {width:540px; height:auto; margin-right:-10px;}
#proview-picshow li.spic img {width:75px; height:75px;}
#proview-picshow li.spic {width:75px; height:75px; margin:0px 0px 10px 10px;}

/*產品VIEW*/
#proview-memo { margin:0 auto; width:700px; }
#proview-memo img.icon1 { float:left; width:20px; margin-right:5px; }
#proview-memo h1 { font-size:12pt; color:#9900CC;}
#proview-memo li.imgs img { text-align:center; margin-bottom:20px; }
#proview-memo li.promemo { line-height:23px; }
#proview-memo li { text-align:left; margin-bottom:10px;}
#proview-memo li.video { text-align:center;margin-bottom:10px;}
#proview-memo li.chprobut { float:right; margin-top:10px;}
#proview-memo td { text-align:left;border: 2px solid #FFFFFF; }/**/
#proview-memo td p { margin-top:1px; margin-bottom:1px;} /*td高度*/

/*產品VIEW QA 按鈕*/
#proview-sty { margin:0 auto; width:700px; border-bottom-color:#999;border-bottom-width:1px;border-bottom-style:dotted; margin-bottom:10px;}
#proview-sty li { padding-bottom:10px; } 
.buttom-qa {padding:3px 10px 3px 10px; background:#0066FF; color:#FFFFFF; border-radius: 5px 5px 5px 5px;}

/* 產品諮詢 LIST */
#proqalist { margin:0 auto; width:700px; }
#proqalist ul {height:175px; border-bottom-color:#999;border-bottom-width:1px;border-bottom-style:dotted; }
#proqalist img.propic {float:left; width:200px; height:137px; padding:3px;margin-right:10px; border:1px solid #e8e8e8; 
background:#FFFFFF; box-shadow:3px 3px 10px #B8B8B8; }
#proqalist li.proname img.icon1 { float:left; width:20px; margin-right:5px; }
#proqalist li.proname h1 { font-size:12pt; color:#9900CC;}
#proqalist li.qamemo { border: 1px solid #e8e8e8; border-radius: 5px 5px 5px 5px; padding:5px; height:60px; 
margin:10px 0px 0px 220px;}
#proqalist li.more {float:right; margin-top:10px;}
#proqalist li.more a {padding:3px 10px 3px 10px; background:#0066FF; color:#FFFFFF; border-radius: 5px 5px 5px 5px; }
#proqalist li.more a:hover {background:#FF3300; color:#FFFFFF;}

/*產品VIEW QA LIST*/
#qalist { margin:0 auto; width:700px; border-bottom-color:#999;border-bottom-width:1px;border-bottom-style:dotted; margin-bottom:20px;}
#qalist ul{ margin:0 auto; width:700px; margin-bottom:10px; overflow:auto;}
#qalist li {margin-bottom:10px;}
#qalist li.tit {font-weight: bold;} 
#qalist li div.l { float:left; width:80px; text-align:right;}
#qalist li div.r { float:right; width:600px; padding:5px; border-radius: 5px 5px 5px 5px; border: 1px solid #e8e8e8; }
#qalist li.temp { width:700px; }

/*產品VIEW QA 表單*/
#proqafrom {margin:0 auto; width:700px;}
#proqafrom li{ text-align:left;line-height:30px;margin-right:20px;}
#proqafrom li.tab {float:left;}
#proqafrom li.tab1 {}
#proqafrom li.memo {width:800px;}
#proqafrom span{color:#FF0000;}
#proqafrom li.bottom1 { margin-top:10px; margin-bottom:20px;}
#proqafrom li.iconmap {color:#0066FF; }
#proqafrom li.tit {margin-bottom:5px; font-size:12pt;}
#proqafrom input.chk2 {font-size:11pt; color:#FF0000;}

/*最新消息 LIST*/
#newslist { width:700px; margin:0 auto; margin-top:10px;}
#newslist li{ border-bottom-color: #999; border-bottom-width: 1px; border-bottom-style:dotted;}
#newslist a img{padding-left:10px; border:0px; width:20px; height:20px;}
#newslist a{padding:10px; display: block;color:#0066FF; ; background:#FFFFFF;}
#newslist a:hover{background:#99FFFF; color:#333333;}

/*最新消息 VIEW*/
#newsview {margin:0 auto; width:700px; }
#newsview li {margin:20px 0px 20px 0px; line-height:23px;}

/*優惠活動*/
#coupon { margin:0 auto; width:700px; overflow:auot; }
#coupon ul {margin-bottom:20px; border-bottom-color:#999;border-bottom-width:1px;border-bottom-style:dotted; padding-bottom:20px;}
#coupon li {margin-bottom:10px; }
#coupon li.tit img.icon1 { float:left; width:20px; margin-right:5px; }
#coupon li.tit h1 { font-size:14pt; color:#9900CC;}
#coupon li.l { float:left; width:80px; }
#coupon li.r { margin-left:80px;}
#coupon li.prt a {padding:3px 10px 3px 10px; background:#0066FF; color:#FFFFFF; border-radius: 5px 5px 5px 5px; }
#coupon li.more a:hover {background:#FF3300; color:#FFFFFF;}
#coupon div.img { width:700px; height:300px;  }
#coupon div.img img {width:700px; height:300px; }
#coupon div.prtmemo { margin:-290px 0px 0px 15px; width:670px; height:290px; position: absolute; z-index:11; }
#coupon div.prtmemo span.tit { font-size:20pt; color:#000000; }
#coupon div.prtmemo span.add { font-size:13pt; color:#000000; }
#coupon div.prtmemo span.tel { margin-left:50px; font-size:13pt; color:#000000; }
#coupon div.prtmemo span.prttime { font-size:12pt; color:#0066FF;}
#coupon div.prtmemo span.eventtime { font-size:12pt; color:#0066FF;}
#coupon div.prtmemo span.howto { font-size:12pt; color:#FF0000;}
#coupon div.prtmemo span.cptxt { font-size:20pt; color:#FF0000;}
#coupon div.prtmemo span.cpmemo { color:#000000;}
#coupon div.qrimg { margin:-280px 0px 0px 580px; position: absolute; z-index:12; text-align:center; }
#coupon div.qrimg img { width:100px; border: 3px solid #FF287E; border-radius: 5px 5px 5px 5px;}

/*prosel*/
.prosel { margin:0 auto; width:250px; }
.prosel li.href { padding:5px 10px 5px 10px; }
.prosel li.href a { display:block; border: 1px solid #222222; border-radius: 5px 5px 5px 5px; padding:10px 10px 10px 10px; background:#FFFFFF; color:#3366FF;  box-shadow:0px 0px 8px #a8a8a8;}
.prosel li.href a:hover { background:#CC6600; color:#FFFFCC; border: 1px solid #222222;}
.prosel li.href a.a1 { background:#0033CC; color:#FFFFFF; border: 1px solid #000000;}

/* 選單廣告 */
#selad { margin:0 auto; width:100%; text-align:center;}
#selad img { border-radius: 5px 5px 5px 5px; border:none; }

/* 分頁按鈕 */
#chpagebut {width:100%; height:30px;margin:10px 0px 5px 10px; }
#chpagebut li{float:left;margin-left:2px;}
#chpagebut a{padding:2px 10px 2px 10px; border: 1px solid #e8e8e8;background:#C51D2C;color:#FFFFFF;font-size:11pt;}
#chpagebut a:hover{background:#000000;}
#chpagebut a.pagesel{padding:2px 10px 2px 10px; border: 1px solid #e8e8e8;background:#FFFFFF;color:#000000;}

/*contact*/
#contact { margin:0 auto; padding:10px; }
#contactfrom { margin:0 auto; width:670px; padding:10px; border-top-color:#999;border-top-width:1px;border-top-style:dotted; }
#contactfrom li { margin-bottom:10px; }
#contactfrom span { color:#FF0000; }