/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;font-size: 12px;}
img {margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
body { background-color: #000000; }
/* 背景篇 */
#header { background-image: url(../images/bg_topbar.jpg); height: 34px; position: relative; }
#toplink { width: 320px; position: absolute; top: 12px; right: 14px; font-family: "Times New Roman", Times, serif; color: #FFFFFF; }
#toplink li { color: #FFFFFF; display: inline; padding-right: 10px; padding-left: 14px; }
#toplink li.tophome, #toplink li.topeng, #toplink li.topjan, #toplink li.topspan{ border-right-width: 1px; border-right-style: solid; border-right-color: #FFFFFF; }
#toplink a { color: #FFFFFF; }
#toplink a:hover { color: #fba42e; text-decoration: none; }
#allwrap { width: 1010px; margin-right: auto; margin-left: auto; background-color: #565152; }
#outwrap { background-image: url(../images/bg_main.jpg); background-repeat: repeat-y; }
#bottom { height: 42px; background-color: #565152; }
#bottom p { font-size: 11px; color: #FFFFFF; text-align: center; margin-top: 8px; font-family: Arial, Helvetica, sans-serif; }
#bottom a { color: #FFFFFF; text-decoration: underline; }
#bottom a:hover { color: #fba42e;  }
#visitors { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #CCCCCC; height: 18px; width: 147px; float: right; background-image: url(../images/visitors.jpg); background-repeat: no-repeat; margin-right: 7px; }
#visitors_w { text-align: right; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; text-decoration: none; float: right; margin-right: 10px; margin-top: 3px; }
#outwrap #wrapleft { background-image: url(../images/bg_leftbar.jpg); float: left; width: 21px; background-repeat: no-repeat; background-position: left top; height: 820px; }
#outwrap #wrapright { background-image: url(../images/bg_rightbar.jpg); background-repeat: no-repeat; background-position: right top; float: right; width: 14px; height: 820px; }
#content { margin-right: 14px; margin-left: 21px; background-image: url(../images/blackbgbar.jpg); background-repeat: repeat-y; background-position: right; }
/* 共用 */
.cleaner { clear: both; margin: 0px; padding: 0px; }
h4 { color: #604681; font-weight: bold; font-size: 13px; font-family: Arial, Helvetica, sans-serif; }
.datebar { color: #5e6ea2; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; }
#pagebar { text-align: center; margin-bottom: 10px; margin-right: 27px; }
#pagebar a { margin-right: 3px; margin-left: 3px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #5e6ea2; font-weight: bold; text-decoration: none; }
#pagebar a:hover { color: #fba42e; text-decoration: none; }
#toback { text-align: right; margin-right: 27px; margin-bottom: 20px; }
.piolist { border-left-width: 3px; border-left-style: outset; border-left-color: #d9304d; margin-bottom: 8px; padding-left: 8px; } /* 紅li符號 */
.thickletter { font-weight: bold; }
#leaderbar { padding-top: 2px; padding-bottom: 2px; padding-left: 2px; }
#leaderbar a { font-family: Arial, Helvetica, sans-serif; color: #5e6ea2; padding-top: 2px; padding-bottom: 2px; padding-left: 2px; text-decoration: none; }
#leaderbar a:hover { color: #fba42e;  }
/* 主內容 */
/* sidebar */
#sidebar { width: 258px; float: left; }
h1 { position: relative; width: 258px; height: 173px; overflow: hidden; }
h1 span { position: absolute; left: 0; top: 0; width: 258px; height: 173px; background-image: url(../images/logo.jpg); background-repeat: no-repeat; }
#sidebar #manu { border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: #fba42e; }
#manu li { font-family: Arial, Helvetica, sans-serif; color: #333333; width: 257px; border-left-width: 1px; border-left-style: solid; border-left-color: #000000; border-top-width: 2px; border-top-style: solid; border-top-color: #000000; font-size: 13px; font-weight: bold; margin: 0px; padding: 0px; text-transform: uppercase; text-align: center; }
#manu .pro00 { background-image: url(../sp/images/products_eva.jpg); height: 52px; width: 257px; margin: 0px; padding: 0px; background-repeat: no-repeat; background-position: left top; }
#manu .pro01 { background-color: #ffe0e8; }
#manu .pro02 { background-color: #fffbb2; }
#manu .pro03 { background-color: #d0fff5; }
#manu .pro04 { background-color: #c0e5ff; }
#manu .pro05 { background-color: #e5e5e5; }
#manu a { color: #333333; padding-left: 22px; padding-right: 22px; width: 213px; padding-top: 16px; padding-bottom:17px; display: block; text-decoration: none; }
#manu a:hover { color: #fba42e; background-color: #333333; }
#sidebar #indexserch { background-image: url(../images/sidebar_searchbg.jpg); height: 74px; border-top-width: 3px; border-top-style: solid; border-top-color: #5e5f58; font-family: Arial, Helvetica, sans-serif; font-size: 18px; color: #FFFFFF; font-weight: bold; padding-left: 30px; padding-top: 15px; }
#sidebar img { margin: 0px; padding: 0px; }
#searchpic { margin-top: -28px; margin-left: 165px; }
.searchtext { height: 24px; margin-top: 5px; width: 155px; }
#sidebar #indexlogin { background-color: #36404a; color: #FFFFFF; font-size: 11px; padding-top: 4px; position: relative; width: 258px; height: 112px; }
.logintitle { color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; padding-left: 30px; display: block; margin-top: 2px; margin-bottom: 1px; }
#indexlogin #textfield1 { width: 110px; padding-left: 5px; }
#loginpic { top: 37px; position: absolute; right: 7px; }
#inputarea li { margin-top: 3px; margin-bottom: 0px; font-size: 11px; padding-right: 0px; padding-left: 1px; right: 70px; text-align: right; }
#indexlogin #inputarea { padding-right: 70px; }
.nopass { color: #999999; margin-top: 0px; font-size: 11px; font-family: Arial, Helvetica, sans-serif; position: absolute; top: 75px; left: 25px; }
.nopass a { color: #FFFFFF; text-decoration: none; }
.nopass li { width: 190px; margin-top: 0px; margin-bottom: 0px; }
.nopass a:hover { color: #fba42e; text-decoration: none; }
/* 首頁版 */
#maincream { float: right; width: 715px; background-color: #e4e2d8; margin: 0px; padding: 0px; border: 1px solid #e4e2d8; }
#indexad01 { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #e4e2d8; }
#indexad02 { background-color: #3e3b3d; height: 231px; }
/* 訊息產品區 */
#indexmessagearea { background-image: url(../images/index_messagebg.jpg); background-repeat: repeat-y; min-height: 418px ; height:auto !important;  height:418px; margin: 0px; padding: 0px; }
#indexmessagearea #indmsg01 { float: left; margin-top: 10px; width: 342px; }
#indexmessagearea #indmsg02 { float: right; width: 355px; margin-top: 10px; }
#indexmessagearea #indmsg02 img { padding-top: 2px; }
#indmsg01 img { margin-left: 10px; padding-top: 8px; }
#indmsg01 ul { width: 315px; margin-left: 15px; }
#indmsg01 li { background-image: url(../images/icon_news.jpg); background-repeat: no-repeat; padding-left: 26px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #524d4f; line-height: 1.4em; margin-bottom: 5px; margin-top: 0px; }
#indmsg01 a { color: #5e6ea2; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; display: block; text-align: right; }
#indmsg01 a:hover { color: #fba42e; text-decoration: none; }
.indexmsgtitle { font-weight: bold; color: #524d4f; font-size: 13px; display: block; font-family: Arial, Helvetica, sans-serif; }
#indmsg02 ul { }
#indmsg02 li { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #524d4f; line-height: 1.4em; margin-bottom: 12px; }
#indmsg02 a { color: #5e6ea2; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; display: block; }
#indmsg02 a:hover { color: #fba42e; text-decoration: none; }
#indmsg02 img { float: left; display: block; }
.propicline { border: 1px solid #c1bfb6; }
#indmsg02 p { width: 180px; float: left; margin-left: 15px; margin-bottom: 5px; }
/* 公司版 */
#company_inner  { min-height: 648px; height:auto !important; height:648px; position: relative; }
#company_inner p { margin-top: 25px; margin-right: 27px; margin-bottom: 20px; margin-left: 27px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #524d4f; line-height: 1.4em; }
#company-menu { position: absolute; top: 58px; left: 0px; margin-bottom: 0px; padding-bottom: 0px; }
#company-menu li { display: inline; padding-right: 30px; padding-left: 8px; background-image: url(../images/linkicon.gif); background-repeat: no-repeat; background-position: 2px; }
#company-menu a { font-family: Arial, Helvetica, sans-serif; color: #5e6ea2; text-decoration: underline; }
#company-menu a:hover { color: #fba42e;  }
#company_inner #contenttop { margin-right: 27px; margin-top: 34px; }
#company_inner #contenttop img { float: right; margin-left: 10px; margin-bottom: 5px; display: block; }
h3 { font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color: #d9304d; margin-left: 27px; margin-bottom: 8px; }
#company_inner ul { margin-bottom: 22px; margin-left: 27px; margin-right: 27px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 1.4em; color: #524d4f; margin-top: 5px; }
#company_inner .redname { font-weight: bold; color: #d9304d; }
.numberlist { list-style-type: decimal; margin-left: 25px; margin-bottom: 5px; padding-left: 0px; }
/* productview */
#productview  { min-height: 648px ; height:auto !important;  height:648px; }
#productview #prolist { margin-top: 20px; margin-right: 27px; margin-bottom: 10px; margin-left: 27px; }
/* 產品頁的紫色標題 */
.protitlebar { font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #604681; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #604686; border-left-width: 3px; border-left-style: solid; border-left-color: #604686; padding-left: 10px; padding-bottom: 5px; }
#prolist .protitlebar { margin-bottom: 5px;  font-size: 15px; }
#prolist img { display: block; }
#prolist ul { font-family: Arial, Helvetica, sans-serif; color: #333333; float: right; margin-right: auto; margin-left: auto; width: 100%; margin-top: 0px; margin-bottom: 0px; }
#prolist li { width: 190px; float: left; padding-right: 20px; padding-left: 10px; padding-top: 5px; padding-bottom: 0px; height: 250px; }
#prolist .proviewtitle { font-weight: bold; display: block; margin-top: 3px; }
#prolist .proviewmodel { color: #666666; display: block;  }

/* productdescription */
#prodescription   { min-height: 648px ; height:auto !important;  height:648px; }
#prodescription #propicarea { margin-top: 25px; margin-right: 27px; margin-left: 27px; }
#propicarea #prodes01 { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #524d4f; width: 280px; float: right; }
.probigpic { float: left; }
 h2 { color: #604681; font-size: 15px; }
#prodes01 li { margin-top: 20px; margin-bottom: 5px; }
#prodes01 .proviewmodel { font-weight: bold; color: #666666; display: block; font-size: 13px; }
#prodes01 img { margin-right: 3px; margin-left: 2px; margin-top: 30px; }
#prodescription #prodescriptarea { margin-top: 0px; margin-right: 27px; margin-left: 27px; font-family: Arial, Helvetica, sans-serif; color: #524d4f; margin-bottom: 0px; padding-top: 10px; }
#prodescript01 ul { }
#prodescriptarea #prodescript01 { width: 320px; float: left; margin-top: 2px; }

#prodescript01 li { list-style-type: decimal; margin-left: 18px; margin-top: 3px; margin-bottom: 3px; list-style-position: inside; font-size: 11px; }
#prodescript01 li li { list-style-type: lower-alpha; list-style-position: inside; margin-top: 2px; margin-bottom: 2px; }
#prodescript01 .proviewmodel { font-weight: bold; color: #666666; display: block; font-size: 13px; border-top-width: 1px; border-top-style: dashed; border-top-color: #999999; margin-bottom: 10px; padding-top: 2px; }
#prodescriptarea #prodescript02 { width: 320px; float: right; }
#prodescript02 .proviewmodel { font-weight: bold; color: #666666; display: block; font-size: 13px; margin-bottom: 1px; border-top-width: 1px; border-top-style: dashed; border-top-color: #999999; padding-top: 2px; }
#prodescript02 li { margin-top: 3px; margin-bottom: 3px; font-size: 11px; }

/* news */
#news  { min-height: 648px ; height:auto !important;  height:648px; }
#newssearch { margin-top: 5px; position: relative; text-align: center; }
#newssearch img { position: absolute; top: 5px; right: 300px; }
#newssearch .newssearchtext { width: 160px; height: 18px; position: absolute; top: 3px; left: 155px; _left:-170px; }
#newstable { width: 640px; margin-top: 0px; margin-right: 27px; margin-bottom: 20px; margin-left: 27px; padding-top: 20px; }
#newstable th { background-color: #d7d7d7; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-right-color: #e4e2d8; border-bottom-color: #e4e2d8; border-left-color: #e4e2d8; text-align: center; font-family: Arial, Helvetica, sans-serif; color: #524d4f; font-weight: bold; height: 18px; padding-top: 2px; }
#newstable td { background-color: #e9e9e9; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-right-color: #e4e2d8; border-bottom-color: #e4e2d8; border-left-color: #e4e2d8; padding-left: 14px; padding-right: 14px; padding-top: 8px; font-family: Arial, Helvetica, sans-serif; padding-bottom: 8px; }
#news #newstable td { text-align: center; height: 28px; font-weight: bold; }
#newstable a { color: #524d4f; text-decoration: none; padding-bottom: 2px; font-weight: normal; }
#newstable a:hover { color: #fba42e; text-decoration: none; }
/* newview */
#newsview { min-height: 648px ; height:auto !important;  height:648px; }
#newsview #newstable td {  }
/* links */
#links { min-height: 648px ; height:auto !important;  height:648px; }
#links #linksarea { margin-top: 20px; margin-right: 27px; margin-bottom: 40px; margin-left: 27px; background-image: url(../images/links_bg.jpg); border: 1px solid #999999; height: 160px; padding-top: 20px; padding-bottom: 20px; }
#links #linksarea a { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #524d4f; text-decoration: none;  }
#links #linksarea a:hover { color: #fba42e;  }
#links #linksarea ul { float: right; width: 100%; margin-right: auto; margin-left: auto; }
#links #linksarea li { float: right; width: 250px; }
#links #cominfoarea { margin-top: 25px; margin-right: 27px; margin-bottom: 20px; margin-left: 27px; }
#links #cominfoarea ul { padding-top: 5px; }
#links #cominfoarea li { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #524d4f; margin-top: 10px; }
#links #cominfoarea li  a { f color: #524d4f; color: #524d4f; }
#links #cominfoarea li  a:hover { color: #fba42e;  }
/* contact */
#contact  { min-height: 648px ; height:auto !important;  height:648px; }
#contact #newstable .contacttext { height: 18px; width: 250px; margin-left: 25px; }
#contact #newstable .contacttext2 { height: 100px; width: 300px; margin-left: 25px; }
#newstable img { margin-right: 40px; margin-left: 40px; }
#contact p { font-family: Arial, Helvetica, sans-serif; font-size: 13px; margin-right: auto; margin-left: auto; width: 660px; margin-top: 25px; padding-bottom: 5px; font-weight: bold; color: #5e6ea2; margin-bottom: 10px; }
/* reqistration */
#reqistration { min-height: 648px ; height:auto !important;  height:648px; }
#reqistable .contacttext { height: 15px; width: 250px; margin-left: 25px; }
#reqistable .contacttext2 { height: 80px; width: 300px; margin-left: 25px; }
#reqistable { width: 660px; margin-top: 20px; margin-right: 27px; margin-bottom: 20px; margin-left: 27px; }
#reqistable th { background-color: #d7d7d7; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-right-color: #e4e2d8; border-bottom-color: #e4e2d8; border-left-color: #e4e2d8; text-align: center; font-family: Arial, Helvetica, sans-serif; color: #524d4f; font-weight: bold; height: 20px; padding-top: 2px; }
#reqistable td { background-color: #e9e9e9; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-right-color: #e4e2d8; border-bottom-color: #e4e2d8; border-left-color: #e4e2d8; padding-left: 14px; padding-right: 14px; font-family: Arial, Helvetica, sans-serif; padding-top: 5px; padding-bottom: 5px; }
#reqistable img { margin-right: 40px; margin-left: 40px; }
/* sitemap */
#sitemap  { min-height: 418px ; height:auto !important;  height:418px; }
.siteline { border-top-width: 1px; border-top-style: solid; border-top-color: #e4e2d8; }
#sitemap #sitearea { margin-top: 25px; margin-right: 140px; margin-bottom: 20px; margin-left: 140px; }
#siteleft { float: left; width: 200px; }
#siteright { float: right; width: 200px; }
#sitemap ul { font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; }
#sitemap li { border-left-width: 3px; border-left-style: ridge; border-left-color: #FF0000; padding-left: 10px; margin-top: 25px; }
#sitearea a { color: #524d4f; text-decoration: none; font-size: 19px; }
#sitearea a:hover { color: #fba42e; text-decoration: none; }
/* inquiry */
#inquiry { min-height: 648px ; height:auto !important;  height:648px; }
#inquiry #cartarea { margin-top: 25px; margin-right: 27px; margin-bottom: 20px; margin-left: 27px; }
#cartarea .procuctname { padding-left: 38px; color: #5e6ea2; font-weight: bold; }
#cartarea th { background-color: #d7d7d7; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-right-color: #e4e2d8; border-bottom-color: #e4e2d8; border-left-color: #e4e2d8; text-align: center; font-family: Arial, Helvetica, sans-serif; color: #524d4f; font-weight: bold; height: 10px; padding-top: 1px; }
#cartarea td { background-color: #e9e9e9; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-right-color: #e4e2d8; border-bottom-color: #e4e2d8; border-left-color: #e4e2d8; padding-left: 14px; padding-right: 14px; padding-top: 5px; font-family: Arial, Helvetica, sans-serif; padding-bottom: 5px; height: 10px; }
#cartarea .contacttext { height: 15px; width: 250px; margin-left: 25px; }
#cartarea .contacttext2 { height: 80px; width: 300px; margin-left: 25px; }
#cartarea img { margin-right: 40px; margin-left: 40px; margin-top: 5px; }
/* mycart */
#mycart { min-height: 648px ; height:auto !important;  height:648px; }
#mycart  #inquiryarea { padding-top: 25px; padding-right: 27px; padding-bottom: 20px; padding-left: 27px; }
#inquiryarea th { background-color: #d7d7d7; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-right-color: #e4e2d8; border-bottom-color: #e4e2d8; border-left-color: #e4e2d8; text-align: center; font-family: Arial, Helvetica, sans-serif; color: #524d4f; font-weight: bold; height: 20px; padding-top: 2px; }
#inquiryarea td { background-color: #e9e9e9; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-right-color: #e4e2d8; border-bottom-color: #e4e2d8; border-left-color: #e4e2d8; padding-left: 14px; padding-right: 14px; padding-top: 8px; font-family: Arial, Helvetica, sans-serif; padding-bottom: 8px; }
#inquiryarea ul { width: 100%; margin-top: 15px; text-align: center; }
#inquiryarea li { margin-right: 2px; margin-left: 2px; display: inline; width: 100px; }
/* systemmsg */
#smsg { min-height: 648px ; height:auto !important;  height:648px; }
#smsg #linksarea { margin-top: 20px; margin-right: 27px; margin-bottom: 40px; margin-left: 27px; background-image: url(../images/links_bg.jpg); border: 1px solid #999999; height: 160px; padding-top: 20px; padding-bottom: 20px; text-align: center; }
#linksarea img { margin-right: 40px; margin-left: 40px; margin-top: 5px; }
#cartarea p { font-family: Arial, Helvetica, sans-serif; font-size: 13px; margin-right: auto; margin-left: auto; width: 660px; padding-bottom: 5px; font-weight: bold; color: #5e6ea2; margin-bottom: 10px; }
#reqistable p { font-family: Arial, Helvetica, sans-serif; font-size: 13px; margin-right: auto; margin-left: auto; width: 660px; padding-bottom: 5px; font-weight: bold; color: #5e6ea2; margin-bottom: 10px; }