@charset "utf-8";
/* CSS Document */
body, div, ol, ul, li, h1, h2, h3, h4, h5, h6, form, input, textarea, p, blockquote, table, th, td {margin:0;padding:0;list-style:none}
img {border:0px;color:#FFF}
li {list-style:none;margin:0;padding:0}
a {text-decoration:none}
body {width:100%;text-align:center;font-family:Arial;background: url(../images/bg.jpg) repeat;color:#333}

.bg {width:1008px;background:url(../images/main.png) repeat-y;margin:0 auto;overflow:auto}
.top {width:1000px;height:150px;background:url(../images/top.jpg) no-repeat;position:relative;margin:0 auto}
#logo {position:absolute;top:10px;left:25px}
#search {position:absolute;text-align:right;font-size:13px;color:#999;top:15px;right:20px;width:250px}
#search input {border:1px solid #CCC;background:#FFF;margin:5px 5px 0 5px}
#menu {position:absolute;height:36px;top:105px;left:10px}
#menu .mu {width:980px;height:36px;margin:0 auto}
#menu .mu li {float:left;height:36px;margin:0;padding:0}
.m_01 {width:164px;height:36px;background:url(../images/m_01.jpg) no-repeat;display:block}
.m_01:hover {background:url(../images/m_01_.jpg) no-repeat}
.m_02 {width:163px;height:36px;background:url(../images/m_02.jpg) no-repeat;display:block}
.m_02:hover {background:url(../images/m_02_.jpg) no-repeat}
.m_03 {width:163px;height:36px;background:url(../images/m_03.jpg) no-repeat;display:block}
.m_03:hover {background:url(../images/m_03_.jpg) no-repeat}
.m_04 {width:163px;height:36px;background:url(../images/m_04.jpg) no-repeat;display:block}
.m_04:hover {background:url(../images/m_04_.jpg) no-repeat}
.m_05 {width:163px;height:36px;background:url(../images/m_05.jpg) no-repeat;display:block}
.m_05:hover {background:url(../images/m_05_.jpg) no-repeat}
.m_06 {width:164px;height:36px;background:url(../images/m_06.jpg) no-repeat;display:block}
.m_06:hover {background:url(../images/m_06_.jpg) no-repeat}

.main {width:980px;margin:0 auto}
#abgne_fade_pic {position:relative;width:980px;height:240px;margin:0 auto}
#abgne_fade_pic a.ad {position:absolute;left:0/* 讓圖片疊在一起 */}
#abgne_fade_pic .control {position:absolute;right:10px;bottom:10px;display:none/* 隱藏按鈕選單 */}

.left {float:left;width:220px;margin-top:15px}
.left p a {float:left;text-align:left;width:200px;height:30px;background:#E9E9E9;font-size:13px;color:#333;line-height:30px;padding:0 10px 0 10px;margin-bottom:2px}
.left p a:hover {width:200px;height:30px;background:#1591D1;color:#FFF}
.topnav {float:left;width:220px;padding:0}
ul.topnav {margin:0;list-style:none;text-align:left}
ul.topnav li .active {line-height:20px;background:none;font-size:13px;color:#1591D1;padding:5px 5px}
ul.topnav li a {line-height:20px;font-size:13px;background:#E9E9E9;padding:5px 5px;color:#333;display:block;text-decoration:none;margin-bottom:2px}
ul.topnav li a:hover {background:#1591D1;color:#FFF}
ul.topnav ul {margin:0;padding:0;display:none}
ul.topnav ul li {margin:0;padding:0;clear:both;border-bottom:1px solid #CCC}
ul.topnav ul li a {background:none;padding-left:5px;font-size:13px;outline:0}
ul.topnav ul li a:hover {background:none;color:#666}

.right {float:right;width:730px;margin:15px 0 10px 0}
.inx_top {float:left;width:730px;height:24px;background:url(../images/inx_pro.gif) no-repeat}
.inx_pro {float:left;width:730px}
.img-scroll {position:relative;margin:0 auto;width:720px}
.img-scroll .prev, .img-scroll .next {position:absolute;width:14px;height:16px;top:60px;cursor:pointer}
.img-scroll .prev {left:0}
.img-scroll .next {right:0}
.img-list {position:relative;width:640px;height:190px;margin-left:30px;overflow:hidden}
.img-list ul {width:9999px}
.img-list li {float:left;width:150px;font-size:13px;color:#0B5079;line-height:24px;margin:10px 10px 0 0;height:150px}

#backtop {position:fixed;bottom:30px;margin-left:1050px;padding:0;width:35px;height:35px;z-index:100}
.footer {width:1000px;background:url(../images/f_line.jpg) top no-repeat;clear:both;margin:0 auto}
.footer p {width:1000px;font-size:12px;letter-spacing:1px;line-height:24px;margin:0 auto;padding:15px 0 10px 0}
.footer p a {color:#333}
.footer p a:hover {color:#999;text-decoration:underline}
.footer font a {color:#C00}
.footer font a:hover {color:#C00;text-decoration:underline}
.btm {width:1008px;background:url(../images/btm.png) no-repeat;margin:0 auto;padding-bottom:10px}

.title {float:left;width:730px;height:24px;border-bottom:1px solid #E3E1DC}
.content {float:left;text-align:left;width:710px;font-size:13px;line-height:20px;letter-spacing:1px;padding:10px}

/*contact*/
h6 {float:left;text-align:left;width:710px;background:#F0F0F0;font-size:16px;color:#1491D1;line-height:24px;letter-spacing:1px;padding:10px;margin:10px 0 10px 0}
.c_box {float:left;width:730px}
.c_box li {float:left;width:460px;margin:10px 0 10px 100px}
.c_box li p {float:left;text-align:right;width:120px;font-size:15px;color:#666}
.c_box li input {float:left;margin-left:5px}
.c_box li select {float:left;margin-left:5px}
.c_box li textarea {float:left;width:300px;height:150px;margin-left:5px}
.c_box table {border:1px solid #CCC;font-size:13px;line-height:20px;leeter-spacing:1px;border-collapse:collapse}
.c_box tr, td {border:1px solid #CCC;padding:3px 0 3px 0}
.c_box #clean {float:left;margin:10px 0 10px 0}

/*product*/
.p_set {float:left;width:730px;margin:10px 0 0 0}
.pro {float:left;width:350px;margin:10px 6px 5px 6px}
.pro p {float:left;width:150px;height:150px;border:1px solid #CCC}
.pro span {float:right;text-align:left;width:190px;min-height:110px;font-size:13px;line-height:20px;letter-spacing:1px}
.pro #inq {float:left;width:150px;margin:5px 0 0 5px;cursor:pointer}
.pro #inq input {float:left;margin:7px 5px 0 0}
.page {float:left;width:730px;margin:20px 0 10px 0}
.page li {float:left;width:730px}
.page li select {font-family:Arial}
.page li span {font-size:12px;font-family:Verdana;margin:5px 0 0 5px}