﻿/*前台模板总样式*/
body {background-color:#ffffff; margin-top:0px; margin-left:0px; margin-right:0px; margin-bottom:0px;}
.fromdivstyle {width:1000px; overflow:hidden; display:block; padding:0px 0px 0px 0px;}
.topstyle {width:1000px; display:block; overflow:hidden; float:right;}
.leftstyle {width:275px; display:block; overflow:hidden; float:left;}
.mainstyle {width:725px; display:block; overflow:hidden; float:right;}
.buttomstyle {width:1000px; display:block; overflow:hidden; float:right;}

/*頁面TOP的樣式*/
.top001 {width:100px; height:18px; background-image:url(../Backgrounds/webpic/背景002.jpg); background-position: right top; background-repeat: no-repeat;}
.top002 {width:1000px; height:118px; display:block; overflow:hidden; background-image:url(../Backgrounds/webpic/top背景001.jpg); float:left; background-position: left top; background-repeat: repeat-x;}
.top003 {width:180px; height:60px; display:block; overflow:hidden; float:left; padding:28px 0px 30px 40px;}
.top004 {width:620px; height:60px; display:block; overflow:hidden; padding:42px 0px 16px 160px; float:left; font-weight:bold;}
.top005 {width:620px; height:60px; display:block; overflow:hidden; background-color:#000000; float:left; color:#FFFFFF; font-size:14px; font-weight:bold; text-align:center; padding:0px 0px 0px 0px; vertical-align:top;}

/*頁面buttom的樣式*/
.buttom001 {width:840px; height:70px; display:block; overflow:hidden; float:left; padding:0px 80px 0px 80px; background-color:#ffffff; color:#000000; font-size:12px;}
.buttom002 {width:840px; height:40px; display:block; overflow:hidden; float:left; padding:18px 0px 12px 0px; }

/*頁面index的樣式*/

/*頁面AboutUs的樣式*/

/*頁面ContactUs的樣式*/

/*頁面products和product的樣式*/

/*頁面CustomerService的樣式*/
.CustomerService001 {width:620px; height:33px; display:block; overflow:hidden; float:left; padding:7px 5px 0px 25px; background-image:url(../Backgrounds/webpic/背景009.jpg); background-repeat:no-repeat; background-position:right top;}
.CustomerService002 {width:500px; display:block; overflow:hidden; float:left; padding:25px 70px 25px 50px;}

/*點擊事件*/
a.afffffftoE87F2E:link {width:115px; height:35px; display:block; color: #ffffff; text-decoration: none; padding:4px 0px 1px 0px; background-image:url(../Backgrounds/webpic/top背景003.jpg); background-position: left top; background-repeat: no-repeat;}
a.afffffftoE87F2E:visited {width:115px; height:35px; display:block; color: #ffffff; text-decoration: none; padding:4px 0px 1px 0px; background-image:url(../Backgrounds/webpic/top背景003.jpg); background-position: left top; background-repeat: no-repeat;}
a.afffffftoE87F2E:hover {width:115px; height:35px; display:block; color: #E87F2E; text-decoration: none; padding:4px 0px 1px 0px; background-image:url(../Backgrounds/webpic/top背景002.jpg); background-position: left top; background-repeat: no-repeat;}
a.afffffftoE87F2E:active {width:115px; height:35px; display:block; color: #E87F2E; text-decoration: none; padding:4px 0px 1px 0px; background-image:url(../Backgrounds/webpic/top背景002.jpg); background-position: left top; background-repeat: no-repeat;}

a.a000000toffffff:link {color: #000000;text-decoration: none;}
a.a000000toffffff:visited {color: #000000;text-decoration: none;}
a.a000000toffffff:hover {color: #ffffff;text-decoration: underline;}
a.a000000toffffff:active {color: #ffffff;text-decoration: underline;}

a.affffffto000000:link {color: #ffffff;text-decoration: none;}
a.affffffto000000:visited {color: #ffffff;text-decoration: none;}
a.affffffto000000:hover {color: #000000;text-decoration: underline;}
a.affffffto000000:active {color: #000000;text-decoration: underline;}

a.a366307to000000:link {color: #366307;text-decoration: none;}
a.a366307to000000:visited {color: #366307;text-decoration: none;}
a.a366307to000000:hover {color: #000000;text-decoration: underline;}
a.a366307to000000:active {color: #000000;text-decoration: underline;}

a.a000000to6BB11B:link {color: #000000;text-decoration: none;}
a.a000000to6BB11B:visited {color: #000000;text-decoration: none;}
a.a000000to6BB11B:hover {color: #6BB11B;text-decoration: underline;}
a.a000000to6BB11B:active {color: #6BB11B;text-decoration: underline;}

a.cd677987toffffff:link {width:60px; height:16px; display:block; overflow:hidden; float:right; color: #677987; text-decoration: none; border-right: #677987 1px solid; border-top: #677987 1px solid; border-left: #677987 1px solid; border-bottom: #677987 1px solid; margin-right:4px; background-color:#ffffff; padding-top:3px;}
a.cd677987toffffff:visited {width:60px; height:16px; display:block; overflow:hidden; float:right; color: #677987;text-decoration: none; border-right: #677987 1px solid; border-top: #677987 1px solid; border-left: #677987 1px solid; border-bottom: #677987 1px solid; margin-right:4px; background-color:#ffffff; padding-top:3px;}
a.cd677987toffffff:hover {width:60px; height:16px; display:block; overflow:hidden; float:right; color: #ffffff; text-decoration: none; border-right: #677987 1px solid; border-top: #677987 1px solid; border-left: #677987 1px solid; border-bottom: #677987 1px solid; margin-right:4px; background-color:#677987; padding-top:3px;}
a.cd677987toffffff:active {width:60px; height:16px; display:block; overflow:hidden; float:right; color: #ffffff; text-decoration: none; border-right: #677987 1px solid; border-top: #677987 1px solid; border-left: #677987 1px solid; border-bottom: #677987 1px solid; margin-right:4px; background-color:#677987; padding-top:3px;}

a.a838383toffffff:link {color: #838383;text-decoration: none; width:175px; height:22px; display:block; overflow:hidden; padding:4px 0px 0px 0px;}
a.a838383toffffff:visited {color: #838383;text-decoration: none;  width:175px; height:22px; display:block; overflow:hidden; padding:4px 0px 0px 0px;}
a.a838383toffffff:hover {color: #ffffff;text-decoration: none; background-color:#446A9B; width:175px; height:22px; display:block; overflow:hidden; padding:5px 0px 0px 0px;}
a.a838383toffffff:active {color: #ffffff;text-decoration: none; background-color:#446A9B; width:175px; height:22px; display:block; overflow:hidden; padding:5px 0px 0px 0px;}

a.a848484toAC2D36:link {color: #848484;text-decoration: none;}
a.a848484toAC2D36:visited {color: #848484;text-decoration: none;}
a.a848484toAC2D36:hover {color: #AC2D36;text-decoration: underline;}
a.a848484toAC2D36:active {color: #AC2D36;text-decoration: underline;}

/*菜單欄樣式*/
#nav {width:600px; margin:0px; list-style-type: none; overflow:hidden; display:block; padding:0px 0px 0px 0px; font-size:14px; font-weight:bold;}/*設定最大的UL的屬性值注意margin和padding值一定要設下，默認有距離並且不同瀏覽器顯示還不一樣！*/
#nav a {display: block; width: 100px; height:16px;}/*ul下第一層A的公用屬性*/
#nav a:link  {color: #ffffff; text-decoration: none; background-position: left top; font-weight:bold; background-repeat: no-repeat; padding:3px 0px 1px 0px;}
#nav a:visited  {color: #ffffff; text-decoration: none; background-position: left top; font-weight:bold; background-repeat: no-repeat; padding:3px 0px 1px 0px;}
#nav a:hover  {color: #2267A2; text-decoration: underline; background-position: left top; font-weight:bold; background-repeat: no-repeat; padding:3px 0px 1px 0px;}
#nav a:active  {color: #2267A2; text-decoration: underline; background-position: left top; font-weight:bold; background-repeat: no-repeat; padding:3px 0px 1px 0px;}
#nav li {float:left; width: 100px;}
#nav li ul {list-style-type: none; margin:0px; text-align:center; left:-1200px; height:20px; width:800px;/*注意,这里一定要设置宽度;*/ position: absolute; font-size:12px; display:block; overflow:hidden;}
#nav li ul li{float:left;width: 100px; height:20px; padding:0px 0px 0px 0px; display:block; overflow:hidden;}/*float就是子菜单横向的关键,可以继承父菜单而省略float*/
#nav li ul a{display: block; height:18px;}
#nav li ul a:link  {color:#93BEE1; text-decoration: none; font-weight:normal; background-image:none; padding:4px 0px 0px 0px;}
#nav li ul a:visited  {color:#93BEE1; text-decoration: none; font-weight:normal; background-image:none; padding:4px 0px 0px 0px;}
#nav li ul a:hover  {color:#ffffff; text-decoration: underline; font-weight:normal; background-image:none; padding:4px 0px 0px 0px;}
#nav li ul a:active  {color:#ffffff; text-decoration: underline; font-weight:normal; background-image:none; padding:4px 0px 0px 0px;}
#nav li:hover ul {left:22%}/*偏移的距離*/
#nav li.sfhover ul {left:22%}/*偏移的距離*/
#content {clear: left;}
/*菜单辅助*/
.ulli001 {background-color:#2267A2;}
