@charset "utf-8";
/* CSS Document */
/*取消 Html 原有樣式  reset.css ---------------------------------*/
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; }
table{ border-collapse:collapse; border-spacing:0; }
fieldset,img{border:0; }
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal; }
ol,ul {list-style:none; }
caption,th {text-align:left; }
h1,h2,h3,h4,h5,h6{font-size:100%; }

/* 主體排版------------------------------------*/
#wrap { width: 872px; text-align: justify; margin-right: auto; margin-left: auto; vertical-align: middle; font-family: Verdana, Geneva, sans-serif; font-size: 12px; }
#cont { overflow: hidden; zoom: 1;  }
#sidebar { background-image: url(images/sidebar_bg.jpg); background-repeat: no-repeat; background-position: left top; min-height:500px; _height: 500px; float: left; width: 154px; overflow: hidden; }
#main { font-size: 12px; color: #636262; line-height: 1.9em; font-family: Verdana, Arial, Helvetica, sans-serif; overflow: hidden; zoom: 1; float: right; width: 718px; }
#footer { background-image: url(images/footer.jpg); height: 31px; background-repeat: no-repeat; text-align: center; position: relative; }
#footer .linktop { background-image: url(images/top.jpg); background-repeat: no-repeat; position: absolute; height: 17px; width: 42px; right: 29px; top: -23px; }
#footer .copyright { color: #ffffff; font-size: 11px; font-family: Arial, Helvetica, sans-serif; padding-top: 8px; }
#footer .copyright a { color: #FFF; }
#footer .creative { float: right; margin-right: 10px; }
#footer .creative a { color: #DC6164; text-decoration: none; }
#footer .creative a:hover { text-decoration: underline; }

/* 排版共用------------------------------------*/
.t_red { color: #990000; }
.t_grey { color: #6e6e6e; text-decoration: none; }
.t_red_b { font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #990000; font-weight: bold; }
.t_w { color: #FFFFFF; text-decoration: none; }
.clear { clear: both; font-size: 0px; }
.linkmap  { text-align: right; background-image: url(images/home.jpg); background-repeat: no-repeat; background-position: 2px 6px; font-size: 13px; color: #830000; font-family: Arial, Helvetica, sans-serif; padding-left: 20px; float: right; }
.linkmap a:hover { color: #003366; }
.toplink a:hover { color: #003399; text-decoration: none; }
.box { padding-left: 25px; margin-bottom: 30px; margin-right: 20px; }
h1 { clear: both; display: block; }

.menu { background-image: url(images/toplink_bgw.jpg); background-repeat: repeat-y; background-position: left; float: right; position: absolute; text-align: right; top: 25px; right: 0px; }
.table1 { border-top-width: 3px; border-bottom-width: 3px; border-top-style: solid; border-bottom-style: solid; border-top-color: #b11212; border-bottom-color: #b11212; margin-top: 15px; }
.table1 th { background-color: #eeeeee; 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: #c8c8c4; border-bottom-color: #c8c8c4; border-left-color: #c8c8c4; font-size: 12px; color: #5c5656; padding-left: 10px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; padding-top: 3px; padding-bottom: 3px; }
.table1 td { padding-left: 12px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #c8c8c4; padding-top: 7px; padding-bottom: 7px; }
.btn { text-align: center; margin-top: 10px; }
.btn input { margin-right: 2px; margin-left: 2px; font-family: Arial, Helvetica, sans-serif; }

.btn_r { float: right; margin-top: 10px; }
.input1 { color: #FFFFFF; background-color: #990000; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; padding-top: 2px; padding-right: 7px; padding-bottom: 2px; padding-left: 7px; border-top-color: #E30000; border-right-color: #C60000; border-bottom-color: #640000; border-left-color: #820000; font-size: 11px; }

#header { height: 108px; background-image: url(images/baner_line.jpg); background-repeat: no-repeat; background-position: right bottom; position: relative; overflow: hidden; }
#header #toplink   { position: absolute; right: 0px; top: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #6e6e6e; text-align: right; width: 708px; float: right; height: 23px; A background-color: #e6e6de;background-image: url(images/toplink_bg.jpg); background-repeat: no-repeat; background-position: left top; position: absolute; background-color: #e6e6de; padding-right: 10px; padding-top: 3px; }
#header  #toplink a:hover { color: #990000; }

/* 選單------------------------------------*/
#sidebar #loginout { padding-top: 13px; padding-left: 8px; position: relative; height: 68px; }
#sidebar #loginout .text { margin-top: 10px; margin-right: 50px; line-height: 1.5em; }
#sidebar #loginout .login2 input { position: absolute; top: 30px; left: 109px; }
#sidebar #loginout .hd1 { background-image: url(images/sidebar_m.png); background-repeat: no-repeat; height: 11px; width: 113px; }
#sidebar #login .input{ height: 15px; border: 1px solid #FFF; }
#sidebar #login .box input { width: 76px; left: 23px; position: absolute; top: 2px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; }
#sidebar #login .hd1 { background-image: url(images/sidebar_m.png); background-repeat: no-repeat; height: 11px; width: 113px; }
#sidebar #login { padding-top: 13px; padding-left: 8px; position: relative; height: 85px; }
#login .text { position: absolute; bottom: 7px; left: 30px; }
#login .login2 .text a { color: #B04D4E; margin-right: 7px; font-family: Arial, Helvetica, sans-serif; }

#sidebar #login .box { position: absolute; background-image: url(images/index_id.jpg); background-repeat: no-repeat; height: 19px; width: 101px; top: 30px; left: 5px; }
#sidebar #login .box2 { background-image: url(images/index_pw.jpg); background-repeat: no-repeat; position: absolute; height: 19px; width: 101px; left: 5px; top: 52px; }
#sidebar #login .box2 input { width: 76px; left: 23px; position: absolute; top: 2px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; }
#sidebar #login .login2 input { position: absolute; top: 30px; left: 109px; }

#sidebar #sersch .hd { background-image: url(images/sidebar_p.png); background-repeat: no-repeat; height: 12px; width: 129px; }
#sidebar #sersch { position: relative; padding-left: 8px; }
#sidebar #sersch .box input { position: absolute; top: 18px; width: 90px; left: 5px; }
#sidebar #sersch .go input { position: absolute; left: 105px; top: 19px; }

#product_level { padding-top: 13px; padding-bottom: 30px; text-decoration: none; text-align: left; }
#product_level ul { padding-left: 9px; padding-right: 10px; }
#product_level a { padding-left: 22px; text-decoration: none; display: block; padding-bottom: 4px; padding-top: 7px; font-size: 12px; color: #656464; font-family: Geneva, Arial, Helvetica, sans-serif; background-image: url(images/sidebar_icon.png); background-repeat: no-repeat; font-weight: bold; background-position: 1px 7px; }
#product_level li ul { padding-left: 25px; padding-bottom: 8px; }
#product_level li li a { background-image: url(images/index_li.jpg); font-weight: normal; color: #9d7a7a; display: block; padding-left: 12px; padding-top: 4px; padding-bottom: 4px; background-position: 2px; text-align: left; }
#product_level li a:hover { color: #990000; }

/* 首頁-*/
#index { padding-top: 25px; }
#banner { width: 718px; overflow: hidden; height: 118px; }

#index .col_l { width: 434px; float: left; position: relative; border-right-width: 1px; border-right-style: solid; border-right-color: #e5e5e5; }
#index .col_l #index_welcome { height: 200px; }
#index .col_l .text { padding-right: 20px; padding-left: 10px; }
#index .col_r { width: 230px; float: right; }

#index .col_r   li  { background-image: url(images/inco.jpg); background-repeat: no-repeat; padding-left: 18px; background-position: 1px; padding-top: 2px; padding-bottom: 2px; }
#index .col_r li a { font-size: 12px; color: #636262; }
#index .col_r #hotnews { height: 200px; }
#index .col_r li a:hover { color: #990000; }

/* 新品選單-*/
#index .arrow_l { position: absolute; top: 30px; left: 1px; }
#index .arrow_r { position: absolute; top: 30px; right: 1px; }
#index .new_product { background-image: url(images/index_pm.jpg); background-repeat: no-repeat; position: relative; left: 5px; height: 119px; width: 410px; }
#index .new_product ul { margin-right: 20px; margin-bottom: 25px; margin-left: 25px; padding-top: 20px; }
#index .new_product li { background-image: url(images/index_li_bg.jpg); height: 81px; width: 110px; float: left; margin-right: 5px; margin-left: 5px; }
#index .new_product img { padding: 1px; }

/* 關於普優瑪-*/
#about { background-image: url(images/about_pic2.jpg); background-repeat: no-repeat; background-position: bottom; padding-bottom: 170px; text-align: justify; }
#about .col_l { width: 224px; float: left;margin-top: 30px; }
#about .col_r { float: right; padding-top: 27px; width: 438px; }
#abuot h3 img { margin-top: 10px; }
#about li { background-image: url(images/about_inco.jpg); background-repeat: no-repeat; background-position: 5px; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #dddddd; padding-left: 15px; }

/* What's News-*/
#news li { border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #666666; padding-bottom: 5px; padding-top: 10px; position: relative; width: 540px; }
#news .title { color: #1a2775; font-size: 13px; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; width: 540px; }
#news .info { font-size: 12px; color: #565454; line-height: 1.5em; text-align: justify; width: 540px; }
#news .more { float: right; }
#news .date { font-size: 13px; color: #8b5f09; position: absolute; right: -118px; top: 7px; }
#page{ display:inline-block; margin-top: 15px; }
#page a,#page strong{ float:left; display:block; color:#B80103; text-align:center; margin:0 5px 0 0; padding:1px 8px; text-decoration:none; border:1px solid #CCCCCC; font-family: tahoma, helvetica, sans-serif; font-size: 93%; }
#page a:hover{ background:#3666d4;color:#FFF;}
#page strong{ color:#000; font-weight:bold; padding:2px 6px; border-top-width: 0; border-right-width: 0; border-bottom-width: 0; border-left-width: 0; }
#page-next,#pageg-prev{ margin-top:-2px;padding-bottom:1px;padding-top:1px;border-width:2px;}
#page-prev{ margin-right:14px;}
/* News_dia-*/
#news_dia .title{ color: #1a2775; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; padding-top: 10px; background-image: url(images/news_dia_inco.jpg); background-repeat: no-repeat; background-position: 3px 14px; padding-left: 24px; padding-bottom: 5px; position: relative; }
#news_dia .info { background-image: url(images/news_dia_line.jpg); background-repeat: no-repeat; background-position: left top; padding-left: 5px; padding-top: 7px; text-align: justify; }
#news_dia .date { font-size: 13px; color: #8b5f09; position: absolute; bottom: 4px; font-weight: normal; right: 0px; }

/* product-*/
#product .title { background-image: url(images/product_number.jpg); background-repeat: no-repeat; height: 23px; width: 149px; color: #FFFFFF; font-size: 15px; font-family: Arial, Helvetica, sans-serif; text-align: center; margin-bottom: 5px; margin-top: 20px; }
#product .text li { float: left; margin-bottom: 10px; margin-left: 19px; }
#product .text li img { border: 1px solid #CCCCCC; height: 122px; width: 147px; }
#product .title a:hover { color: #FFFF66; text-decoration: none; }
/* product_dia-*/
#product_dia .title { font-size: 15px; color: #174987; font-weight: bold; background-image: url(images/news_dia_inco.jpg); background-repeat: no-repeat; background-position: 5px 3px; padding-left: 25px; font-family: Arial, Helvetica, sans-serif; margin-top: 12px; }
#product_dia .info li { background-repeat: no-repeat; height: 31px; width: 548px; background-image: url(images/product_dia_bg.jpg); }
#product_dia .info  .t_red_b { background-repeat: no-repeat; padding-left: 25px; padding-right: 13px; display: block; float: left; margin-right: 13px; background-image: url(images/product_dia_line2.jpg); background-position: right; padding-top: 2px; width: 73px; }
#product_dia .img { background-image: url(images/product_dia_bg2.jpg); background-repeat: no-repeat; height: 370px; width: 452px; margin-top: 15px; border: 1px solid #d0d0d0; text-align: center; margin-left: 110px; }

/* service-*/
#service .info { text-align: center; }
#service .info .text { text-align: justify; padding-top: 8px; }

/* loging-*/
#loging { background-image: url(images/login_bg.jpg); background-repeat: no-repeat; height: 367px; width: 666px; background-position: 25px 56px; }
#loging .text { margin-top: 70px; margin-left: 376px; margin-right: 100px; }
#loging .text a { font-size: 13px; color: #164aa0; font-family: Arial, Helvetica, sans-serif; text-decoration: none; background-image: url(images/login_inco.jpg); background-repeat: no-repeat; background-position: 5px 5px; padding-left: 18px; font-weight: bold; }
#loging .text a:hover { color: #FF6600; }
#loging form { margin-top: 7px; margin-left: 260px; margin-right: 100px; }
#loging table th { font-size: 13px; color: #5d5d5d; font-weight: bold; font-family: Geneva, Arial, Helvetica, sans-serif; text-align: right; padding-top: 2px; padding-right: 10px; padding-bottom: 2px; }
/* loging2 Forget password-*/
#loging2 { background-image: url(images/login_bg2.jpg); background-repeat: no-repeat; height: 376px; width: 666px; background-position: 25px 56px; }
#loging2 .text { margin-top: 90px; margin-left: 105px; margin-right: 35px; text-align: justify; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #464646; line-height: 1.6em; }
#loging2 form { margin-top: 22px; margin-left: 260px; margin-right: 35px; }
#loging2 table th { padding: 5px; font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; }
/* loging3 Join us-*/
#loging3 { background-image: url(images/login_bg3.jpg); background-repeat: no-repeat; background-position: 25px 56px; height: 505px; width: 666px; }
#loging3 form { margin-top: 100px; margin-left: 107px; margin-right: 100px; }
#loging3 table th { font-weight: bold; font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 13px; color: #5c5656; padding: 5px; }
#loging3 table td { padding-left: 13px; }


.scrollable {
  position: relative;
  overflow: hidden;
}

.scrollable .items {
  position: absolute;
  width: 20000em;
  clear: both;
}

.scrollable .items.vertical {
  width: auto;
  height: 20000em;
}

.new_product .scrollable {
  height: 120px;
  width: 92%;
  margin-left: 15px;
}

#index .new_product ul {
  margin: 0;
}

#index .new_product ul li {
  margin-right: 15px;
}