﻿/*
	Global CSS
*/
body {}
body { margin:0px; padding:0px; z-index:0 }
a, body, div, span, table, td, th, button, input, select, option {font-family:Verdana, PMingLiu, 新細明體; font-size:12px; color:#000000; }
font {font-family:Verdana, PMingLiu, 新細明體; color:#000000; }
td {vertical-align:top;}
a img, button {border:0}
form {margin:0; padding:0;}
button, input, textarea { cursor:pointer; }
ul { list-style-image:url(/static/symbol/ico/bullet01.gif); margin:0 0 0 2px; padding-left:12px; _padding-left:16px; line-height:20px; }
span {display:inline-block; display:-moz-inline-box}
.clr {clear:both}

a         { color:#666666; text-decoration:none; }
a:hover   { color:#333333; text-decoration:none; }

a.a10              { color:#197b30; }
a.a10:hover        { color:#ad5200; }

/* leftNav2.tag */
a.a11              { color:#ad5200;text-decoration:none; }
a.a11:hover        { color:#197B30;text-decoration:none; }

/* index.jsp */
a.more             { color:#197B30;text-decoration:none; }
a.more:hover       { color:#ad5200;text-decoration:none; }

/* login.jsp*/
a.log              { color:#197b30;text-decoration:underline; }
a.log:hover        { color:#ad5200;text-decoration:none; }

.vbox { display:table; #position:relative; overflow:hidden; text-align:left}
.vbox .outer { display:table-cell; text-align:center; vertical-align:middle; #position:absolute; #top:50%; width:100%; }
.vbox .inner { #position:relative; #top:-50%; }

/*
	Project Specific
*/

/*
help/help.jsp
membershop/promote.jsp
*/
dd a        {color:#197b30; text-decoration:none; }
dd a:hover  {color:#ad5200; text-decoration:none; }



.box21     { b-ckground:#ffffff url(boxes/box21/l.gif) repeat-y left 0; margin-bottom:16px; }
.box21 .d1 { b-ckground:url(boxes/box21/r.gif) repeat-y right 0; }
.box21 .d2 { b-ckground:url(boxes/box21/tr.gif) no-repeat right top; }
.box21 .d3 { b-ckground:url(boxes/box21/tl.gif) no-repeat left top; }
.box21 .d4 { b-ckground:url(boxes/box21/br.gif) no-repeat right bottom; }
.box21 .d5 { b-ckground:url(boxes/box21/bl.gif) no-repeat left bottom; padding:16px 56px 26px 26px; _height:1; height:auto; }
.box21 .h5 { margin:0 26px; padding:30px 0 0 0;  line-height:18px; }
.box21 .h6 { background:url(/static/symbol/p_03.png); height:6px; font-size:7px; margin-top:4px; }
.box21 a.top        { color:#0F591F; text-decoration:underline; }
.box21 a.top:hover  { color:#ffffff; text-decoration:none; background:#0F591F; }

.box22     { background:url(boxes/box22/l.gif) repeat-y left 0; margin-bottom:16px; }
.box22 .d1 { background:url(boxes/box22/r.gif) repeat-y right 0; }
.box22 .d2 { background:url(boxes/box22/br.gif) no-repeat right bottom; }
.box22 .d3 { background:url(boxes/box22/tr.gif) no-repeat right top; }
.box22 .d4 { background:url(boxes/box22/tl.gif) no-repeat left top; }
.box22 .d5 { background:url(boxes/box22/bl.gif) no-repeat left bottom; font-weight:bold; padding:4px 10px 4px 10px; _height:1; }
.box22 .h5 { padding:10px 0 12 30px; margin:0; color:#16712B;}
.box22 .h5 span { margin:4px 0 0 0; padding:6px 0 6px 4px; color:#16712B; font-weight:bold; font-size:14px; height:22px; }
.box22 .r  { padding:6px 4px 0 0; text-align:right; }
.box22 a         {color:#666666; text-decoration:none; font-weight:normal;}
.box22 a:hover   {color:#333333; text-decoration:none; font-weight:normal;}

.box23       { background:#ffffe6 url(boxes/box23/l.gif) repeat-y left 0; }
.box23 .d231 { background:url(boxes/box23/r.gif) repeat-y right 0; }
.box23 .d232 { background:url(boxes/box23/tr.gif) no-repeat right top; }
.box23 .d233 { background:url(boxes/box23/tl.gif) no-repeat left top; }
.box23 .d234 { background:url(boxes/box23/br.gif) no-repeat right bottom; }
.box23 .d235 { background:url(boxes/box23/bl.gif) no-repeat left bottom; padding:8px 12px 8px 12px; _height:1; }
.box23 .h235 { color:#ff0000; padding:8px 0 0 12px; margin:0; font-size:14px; text-align:left; }

.box24       { b-ckground:#ffffff url(boxes/box24/l.gif) repeat-y left 0; }
.box24 .d241 { b-ckground:url(boxes/box24/r.gif) repeat-y right 0; }
.box24 .d242 { b-ckground:url(boxes/box24/tr.gif) no-repeat right top; }
.box24 .d243 { b-ckground:url(boxes/box24/tl.gif) no-repeat left top; }
.box24 .d244 { b-ckground:url(boxes/box24/br.gif) no-repeat right bottom; }
.box24 .d245 { b-ckground:url(boxes/box24/bl.gif) no-repeat left bottom; padding:9px; _height:1; }

.box25     { background:#ffffff url(boxes/box25/l.gif) repeat-y left 0; }
.box25 .d1 { background:url(boxes/box25/r.gif) repeat-y right 0; }
.box25 .d2 { background:url(boxes/box25/tr.gif) no-repeat right top; }
.box25 .d3 { background:url(boxes/box25/tl.gif) no-repeat left top; }
.box25 .d4 { background:url(boxes/box25/br.gif) no-repeat right bottom; }
.box25 .d5 { background:url(boxes/box25/bl.gif) no-repeat left bottom; padding:8px 12px 8px 12px; _height:1; }
.box25 .h5 { color:#666666; margin:0 10px; padding:11px 0 0 0; border-bottom:1px solid #d8d8d8;}
.box25 a        { color:#197b30; text-decoration:none; }
.box25 a:hover  { color:#ad5200; text-decoration:none;  }

.box26     { b-ckground:#ffffff url(boxes/box26/l.gif) repeat-y left 0; }
.box26 .d1 { b-ckground:url(boxes/box26/r.gif) repeat-y right 0; }
.box26 .d2 { b-ckground:url(boxes/box26/tr.gif) no-repeat right top; }
.box26 .d3 { b-ckground:url(boxes/box26/tl.gif) no-repeat left top; }
.box26 .d4 { b-ckground:url(boxes/box26/br.gif) no-repeat right bottom; }
.box26 .d5 { b-ckground:url(boxes/box26/bl.gif) no-repeat left bottom; padding:12px; _height:1; }
.box26 .h5 { color:#ff0000; padding:8px 12px 0 12px; margin:0; }

.box27       { b-ckground:#ffffff url(boxes/box27/l.gif) repeat-y left 0; }
.box27 .d271 { b-ckground:url(boxes/box27/r.gif) repeat-y right 0; }
.box27 .d272 { b-ckground:url(boxes/box27/tr.gif) no-repeat right top; }
.box27 .d273 { b-ckground:url(boxes/box27/tl.gif) no-repeat left top; }
.box27 .d274 { b-ckground:url(boxes/box27/br.gif) no-repeat right bottom; }
.box27 .d275 { b-ckground:url(boxes/box27/bl.gif) no-repeat left bottom; _height:1; }

.box28       { background:#edf7de; margin-bottom:16px; }
.box28 .d281 { }
.box28 .d282 { background:url(boxes/box28/br.gif) no-repeat right bottom; }
.box28 .d283 { background:url(boxes/box28/tr.gif) no-repeat right top; }
.box28 .d284 { background:url(boxes/box28/tl.gif) no-repeat left top; }
.box28 .d285 { background:url(boxes/box28/bl.gif) no-repeat left bottom; padding:4px 10px 4px 10px; _height:1; }
.box28 .h285 { padding:10px 0 0 10px; margin:0; }

.box29     { background:#ffffff url(boxes/box29/l.gif) repeat-y left 0; position:absolute; display:none; }
.box29 .d1 { background:url(boxes/box29/r.gif) repeat-y right 0; }
.box29 .d2 { background:url(boxes/box29/tr.gif) no-repeat right top; }
.box29 .d3 { background:url(boxes/box29/tl.gif) no-repeat left top; }
.box29 .d4 { background:url(boxes/box29/br.gif) no-repeat right bottom; }
.box29 .d5 { background:url(boxes/box29/bl.gif) no-repeat left bottom; padding:1px 3px; _height:1; }
.box29 .h5 { color:#ffffff; padding:8px 0 4px 0; margin:0; text-align:center; cursor:move; }
.box29 img { width:16px; height:16px; text-align:right; margin-right:16px; cursor:pointer; }

.box30       { background:#ffffe6 url(boxes/box30/l.gif) repeat-y left 0; }
.box30 .d301 { background:url(boxes/box30/r.gif) repeat-y right 0; }
.box30 .d302 { background:url(boxes/box30/tr.gif) no-repeat right top; }
.box30 .d303 { background:url(boxes/box30/tl.gif) no-repeat left top; }
.box30 .d304 { background:url(boxes/box30/br.gif) no-repeat right bottom; }
.box30 .d305 { background:url(boxes/box30/bl.gif) no-repeat left bottom; padding:16px; _height:1; }

.box31       { background:#ffffff url(boxes/box31/l.gif) repeat-y left 0; text-align:center; font-weight:bold; }
.box31 .d311 { background:url(boxes/box31/r.gif) repeat-y right 0; }
.box31 .d312 { background:url(boxes/box31/tr.gif) no-repeat right top; }
.box31 .d313 { background:url(boxes/box31/tl.gif) no-repeat left top; }
.box31 .d314 { background:url(boxes/box31/br.gif) no-repeat right bottom; }
.box31 .d315 { background:url(boxes/box31/bl.gif) no-repeat left bottom; padding:9px; _height:1; }
.box31 .d316 { background:#E7E7E7}

.box32            { margin-bottom:10px; border-bottom:1px dotted #cccccc; }
.box32 .d321      { }
.box32 .d322      { }
.box32 .d323      { }
.box32 .d324      { }
.box32 .d325      { padding:0 0 8px 8px; _height:1; }
.box32 .h325      { padding:7px 0 0 8px; margin:0; border-bottom:1px solid #cccccc; }
.box32 .h325 span { margin:0 0 0 8px; color:#187A2F; font-weight:bold; font-size:13px; height:20px; }

.box34     { b-ckground:#ffffff url(boxes/box34/l.gif) repeat-y left 0; margin-bottom:16px; }
.box34 .d1 { b-ckground:url(boxes/box34/r.gif) repeat-y right 0; }
.box34 .d2 { b-ckground:url(boxes/box34/tr.gif) no-repeat right top; }
.box34 .d3 { b-ckground:url(boxes/box34/tl.gif) no-repeat left top; }
.box34 .d4 { b-ckground:url(boxes/box34/br.gif) no-repeat right bottom; }
.box34 .d5 { b-ckground:url(boxes/box34/bl.gif) no-repeat left bottom; padding:16px 33px 26px 33px; _height:1; }

.box35              { background:#ffffff url(boxes/box35/l.gif) repeat-y left 0; margin:0px 0 14px 14px; padding:0px 20px 26px 16px; _height:1; }
.box35 .buttonplace { border-top:1px dashed #FFBC6B; margin:16px 0 0 0; padding:16px; text-align:center; }
.box35 .d5          { }

.box36            { margin-bottom:10px; border-bottom:1px dotted #cccccc; }
.box36 .txt       { border:1px solid #cccccc; height:22px; background:url(/static/symbol/text_bg01.jpg); padding-top:4px}
.box36 .d361      { }
.box36 .d362      { }
.box36 .d363      { }
.box36 .d364      { }
.box36 .d365      { padding:4px 0 8px 8px; _padding:0 0 8px 8px; _height:1; }
.box36 .h365      { padding:7px 0 4px 8px; margin:0; }
.box36 .h365 span { vertical-align:top; margin:0 0 0 8px; color:#187A2F; font-weight:bold; font-size:13px; height:20px; }
.box36 .wid-tc    {width:18px}

.box37              { b-ckground:#ffffff url(boxes/box37/l.gif) repeat-y left 0; margin-top:15px }
.box37 .d371        { b-ckground:url(boxes/box37/r.gif) repeat-y right 0; }
.box37 .d372        { b-ckground:url(boxes/box37/tr.gif) no-repeat right top; }
.box37 .d373        { b-ckground:url(boxes/box37/tl.gif) no-repeat left top; }
.box37 .d374        { b-ckground:url(boxes/box37/br.gif) no-repeat right bottom; }
.box37 .d375        { b-ckground:url(boxes/box37/bl.gif) no-repeat left bottom; _height:1; margin: 0 0 10px 10px; }
.box37 .h375        { width:742px; height:25px; _height:10px; margin:0 0 4px 10px; padding:10px 0 0 0; }
.box37 .buttonplace { text-align:right; margin:10px 6 0 0; }
.box37 .steps       { float:left; text-align:center; color:white; font-weight:bold; }

.box38              { background:#ffffff url(boxes/box38/l.gif) repeat-y left 0; display:none; margin:12px 8px 8px 8px; }
.box38 .d381        { background:url(boxes/box38/r.gif) repeat-y right 0; }
.box38 .d382        { background:url(boxes/box38/tl.gif) no-repeat left top; }
.box38 .d383        { background:url(boxes/box38/bl.gif) no-repeat left bottom;  }
.box38 .d384        { background:url(boxes/box38/tr.gif) no-repeat right top; }
.box38 .d385        { background:url(boxes/box38/br.gif) no-repeat right bottom; _height:55px; }
.box38 .inner       { padding:20px 168px 20 20; word-break:normal ; font-size:16px; font-weight:bold; text-align:center; }

.box_design_01 a           { color:#197b30; text-decoration:none; }
.box_design_01 a:hover     { color:#ad5200; text-decoration:none; }
.box_design_01 .thumbnail  { padding:0 8px 0 0; width:80px; }

.box_product_01 a          { color:#197b30; text-decoration:none; }
.box_product_01 a:hover    { color:#ad5200; text-decoration:none; }
.box_product_01 .thumbnail { padding:0 8px 0 0; width:80px; }

.box_product_03 a             { color:#FF6600; text-decoration:none; }
.box_product_03 a:hover       { color:#1A7B2E; text-decoration:none; }
.box_product_03 a.more        { color:#197B30; text-decoration:none; }
.box_product_03 a.more:hover  { color:#ad5200; text-decoration:none; }



/* browse_by_*.tag */
.browse-by         { float:left; width:85px; padding:4px 2px 4px 2px; text-align:center; }



button.b01                     { background:url(/static/buttons/01/83.gif);  width:83px;  height:22px; }
button.b01-67                  { background:url(/static/buttons/01/67.gif);  width:67px;  height:22px; }
button.b01-100                 { background:url(/static/buttons/01/100.gif); width:100px; height:22px; }
button.b01-120                 { background:url(/static/buttons/01/120.gif); width:120px; height:22px; }
button.b01-160                 { background:url(/static/buttons/01/160.gif); width:160px; height:22px; }
button.b01-170                 { background:url(/static/buttons/01/170.gif); width:170px; height:22px; }
button.b01-default             { background:url(/static/buttons/01/83.gif);  width:83px;  height:22px; color:#ff6600; font-weight:bold; }
button.b01-67-default          { background:url(/static/buttons/01/67.gif);  width:67px;  height:22px; color:#ff6600; font-weight:bold; }
button.b01-100-default         { background:url(/static/buttons/01/100.gif); width:100px; height:22px; color:#ff6600; font-weight:bold; }
button.b01-120-default         { background:url(/static/buttons/01/120.gif); width:120px; height:22px; color:#ff6600; font-weight:bold; }
button.b01-160-default         { background:url(/static/buttons/01/160.gif); width:160px; height:22px; color:#ff6600; font-weight:bold; }
button.b01-170-default         { background:url(/static/buttons/01/170.gif); width:170px; height:22px; color:#ff6600; font-weight:bold; }

button.b02                     { background:url(/static/buttons/02/83.gif);  width:83px;  height:24px; color:white; padding:3px 14px 0 0; font-weight:bold; }
button.b02-100                 { background:url(/static/buttons/02/100.gif); width:100px; height:24px; color:white; padding:3px 14px 0 0; font-weight:bold; }
button.b02-120                 { background:url(/static/buttons/02/120.gif); width:120px; height:24px; color:white; padding:3px 14px 0 0; font-weight:bold; }
button.b02-160                 { background:url(/static/buttons/02/160.gif); width:160px; height:24px; color:white; padding:3px 14px 0 0; font-weight:bold; }
button.b02-200                 { background:url(/static/buttons/02/200.gif); width:200px; height:24px; color:white; padding:3px 14px 0 0; font-weight:bold; }



.data-table3 caption           { color:#D03024; font-weight:bold; text-align:left; padding:2px 2px}

/*
myaccount/design/viewContentTab.inc
myaccount/product/viewContentTab.inc
*/
.data-table4 .title    { font-weight:bold; text-align:center; width:100px}
.data-table4 td        { padding:4px}

.data-table5 caption   { background:#FFF7F2; font-size:12px; font-weight:bold; padding:4px; text-align:left}
.data-table5 thead     { background:#F9F7F5}
.data-table5 thead th  { height:22px; border-bottom:1px solid #D7D7D7; border-right:1px solid #D7D7D7; padding:2px 0 0 2px; color:#184C73;font-weight:bold}
.data-table5 td        { padding:2px 0 0 2px;color:#078FDD;font-weight:bold; height:22px;}
.data-table5 a         { color:#194A73}
.data-table5 a:hover   { color:#ad5200; background:#194A73}

/*
myaccount/transaction/payment.jsp,
myaccount/transaction/order.jsp,
myaccount/message/inbox,
myaccount/message/outbox
myaccount/design/viewTransactionTab_loader.inc
myaccount/product/viewTransactionTab_loader.inc
*/
.data-table6 thead             {}
.data-table6 caption           { text-align:left; font-weight:bold; color:#D03024; padding:2px 8px}
.data-table6 thead th          { text-align:left; padding:0 4px; background:url("/static/boxes/box09/bxm.png"); height:25px }
.data-table6 thead th.left     { padding:0; width:4px; background:url(/static/boxes/box09/bxl.png) }
.data-table6 thead th.right    { padding:0; width:4px; background:url(/static/boxes/box09/bxr.png) }
.data-table6 td                { padding:7px 4px; height:22px }
.data-table6 td.left           { padding:0}
.data-table6 td.right          { padding:0}
.data-table6 .sep              { height:1px; margin:0; padding:0; line-height:0px; background:url(/static/symbol/tc/s_33.png) }
.data-table6 .num              { text-align:right; }
.data-table6 a                 { color:#197b30; text-decoration:underline; }
.data-table6 a:hover           { color:#ad5200; text-decoration:none; }

/* marketplace/view.jsp */
.data-table7 thead             {}
.data-table7 caption           { text-align:left; font-weight:bold; color:#D03024; padding:2px 8px}
.data-table7 thead th          { color:white; text-align:left; padding:0 4px; background:url("/static/boxes/box09/bm.png"); height:24px }
.data-table7 thead th.left     { padding:0; width:4px; background:url(/static/boxes/box09/bl.png); }
.data-table7 thead th.right    { padding:0; width:4px; background:url(/static/boxes/box09/br.png) }
.data-table7 td                { padding:7px 4px; height:22px }
.data-table7 td.left           { padding:0}
.data-table7 td.right          { padding:0}
.data-table7 .sep              { height:1px; margin:0; padding:0; line-height:0px; background:url(/static/symbol/tc/s_33.png) }
.data-table7 .num              { text-align:right; }
.data-table7 a                 {color:#197b30; text-decoration:underline; }
.data-table7 a:hover           {color:#ad5200; text-decoration:none; }

/* marketplace/view.jsp */
.data-table8                   { border:0px solid #3D8C4F; }
.data-table8 th                { text-align:right; padding:1 0 1 0; font-weight:bold; border-bottom:1px solid #3D8C4F; }
.data-table8 .th               { text-align:left; padding:1 0 1 0; font-weight:bold; border-bottom:1px solid #3D8C4F; }
.data-table8 td                { border-bottom:1px solid #3D8C4F }
.data-table8 .num              { text-align:right; }

/* form */
form.form1 .grouplabel      { height:32px; color:#666666; font-size:14px; font-weight:bold; padding-top:24px }
form.form1 .titlefield      { text-align:right; width:150px; padding:8px 8px 0 0; color:#000000; }
form.form1 .inputfield      { padding:0 0 2px 3px; }
form.form1 .inputtext       { border:1px solid #cccccc; height:22px; background:url(/static/symbol/text_bg01.jpg); padding:4px 0 0 2px; }
form.form1 .hintsfield      { color: #999999; height:12px; padding:0 0 8px 4px}
form.form1 select           { border:1px #7F9DB9 solid;height:50px;margin:3px 0 3px 0; }
form.form1 textarea         { background:#FFF7F2;border:1px #FFDAC2 solid;margin:2px 0 2px 0;padding:4px; }
form.form1 button           { height:22px; }
form.form1 .buttonplace     { border-top:1px dashed #dddddd; margin-top:8px; padding-top:16px; text-align:center; }



input .txt            { border:1px #FFDAC2 solid;background:#FFF7F2; }



/* header.inc */
#pageheader a         {color:#F06C21; text-decoration:none; }
#pageheader a:hover   {color:#197b30; text-decoration:none;  }
#lang-switcher a         {color:#333333; text-decoration:none; }
#lang-switcher a:hover   {color:#000000; text-decoration:none;  }
#pageheader .fnt01, #pageheader .fnt01 a  {width:40px; text-align:left; color:#FF0000;}
#pageheader .fnt02, #pageheader .fnt02 a  {width:40px; text-align:left; color:#0000FF;}
#pageheader .fnt03, #pageheader .fnt03 a  {width:40px; text-align:left; color:#ad5200;}
#pageheader .fnt04, #pageheader .fnt04 a  {width:auto; text-align:left; color:#0000FF;}
#pageheader .fnt05, #pageheader .fnt05 a  {width:40px; text-align:left; color:#FF00FF;}
#pageheader .fnt06, #pageheader .fnt06 a  {width:50px; text-align:left; color:#197b30;}
#pageheader2 .nav1    { background:url(/static/header/tc/nav4.png); cursor:pointer; height:31px; color:#ffffff; font-weight:bold; font-size:14px; text-align:center; }
#pageheader2 .nav1_   { background:url(/static/header/tc/nav4_.png); cursor:pointer; height:31px; color:#ffffff; font-weight:bold; font-size:14px; text-align:center; }
#pageheader2 .nav2    { background:url(/static/header/tc/nav0.png); cursor:pointer; height:31px; color:#ffffff; font-weight:bold; font-size:14px; text-align:center; }
#pageheader2 #mn1     { width:125px; vertical-align:middle}
#pageheader2 #mn2     { width:125px; vertical-align:middle}
#pageheader2 #mn3     { width:125px; vertical-align:middle}
#pageheader2 #mn4     { width:125px; vertical-align:middle}
#pageheader2 #mn5     { width:100px; vertical-align:middle}
#pageheader2 #mn6     { width:125px; vertical-align:middle}
#pageheader2 #mn6 .r-border {background:url(/static/header/en/right.jpg) repeat-y right top;color:#ffffff; height:25px; _height:31px; padding-top:6; font-size:14px;}

#mainNav { font-size:14px; font-weight:bold; color: #000000; background-color: #DDDDDD; text-align:right; border-top:1px solid #999; border-bottom:1px solid #999; padding:6px 0px 4px 0px; margin:0 0 0 5px; width: 775px; }
#mainNav ul { list-style-type: none; list-style-image: none; display: inline;}
#mainNav li { position:relative; text-align:left; display: inline;}
#mainNav li.last { padding-right:0; background:none; }
#mainNav li.over { z-index:999; }
#mainNav a { margin: 0; padding: 0px 10px 0px 30px; text-decoration:none; color: #000000; font-size:14px; font-weight:bold; }
#mainNav a:hover { margin: 0; padding: 0px 10px 0px 30px; text-decoration:none; color: #FF0000; font-size:14px; font-weight:bold; }


/* footer.inc */
#pagefooter a         { color:#666666;text-decoration:none; }
#pagefooter a:hover   { color:#333333;text-decoration:none; }
#pagefooter .sep      { width:10px; color:#95D865; text-align:center }



.pageNavAjax-button               { font-size:12px; color:#197b30; }
.pageNavAjax-button input         { font-size:12px; color:#197b30; border:1px #197b30 solid; height:20px; _height:16px; font-weight:bold; width:25px; padding:2px; }
.pageNavAjax-button button        { border:0px; background:#0185FF; color:#ffffff; height:16px; }
.pageNavAjax-button .pagerGo      { background:#ffffff; color:#197b30; text-decoration:underline; padding:2px 0 0 0; }
.pageNavAjax-button .pagerEn      { background:#ffffff; color:#197b30; text-decoration:underline; width:18px; padding:0px 0 0 2px; margin:0 2px 0 0; }
.pageNavAjax-button .pagerEnd     { background:#ffffff; color:#197b30; text-decoration:none; width:18px; padding:0px 0 0 2px; margin:0 2px 0 0; }
.pageNavAjax-button .pagerCn      { background:#ffffff; color:#197b30; text-decoration:underline; padding:2px 0 0 0; margin:0 2px 0 0; }

/* pro1.tag */
.pro1 a               { color:#FD6300;text-decoration:none;}
.pro1 a:hover         { color:#333333;text-decoration:none;}



/*
	Star Rater
*/
.star-rating{
	list-style:none;
	margin: 0px;
	padding:0px;
	width: 125px;
	height: 25px;
	position: relative;
	overflow:hidden;
	background: url(/static/symbol/ico/alt_star.gif) top left repeat-x;
}
.star-rating li{
	padding:0px;
	margin:0px;
	/*\*/
	float: left;
	/* */
}
.star-rating li a{
	display:block;
	width:25px;
	height: 25px;
	line-height:25px;
	text-decoration: none;
	text-indent: -9000px;
	z-index: 20;
	position: absolute;
	padding: 0px;
	overflow:hidden;
}
.star-rating li a:hover{
	background: url(/static/symbol/ico/alt_star.gif) left bottom;
	z-index: 2;
	left: 0px;
	border:none;
}
.star-rating a.one-star          { left: 0px;    }
.star-rating a.one-star:hover    { width:25px;   }
.star-rating a.two-stars         { left:25px;    }
.star-rating a.two-stars:hover   { width: 50px;  }
.star-rating a.three-stars       { left: 50px;   }
.star-rating a.three-stars:hover { width: 75px;  }
.star-rating a.four-stars        { left: 75px;   }
.star-rating a.four-stars:hover  { width: 100px; }
.star-rating a.five-stars        { left: 100px;  }
.star-rating a.five-stars:hover  { width: 125px; }
.star-rating li.current-rating{
	background: url(/static/symbol/ico/alt_star.gif) left center;
	position: absolute;
	height: 25px;
	display: block;
	text-indent: -9000px;
	z-index: 1;
}
/* /Star Rater */

/* remove halo effect in firefox   */
a:active{
	outline: none;
}



/*
	special case
*/
#x-productsearch-btn  { background:url(/static/button/b_01.png);  margin:6px 0 0 10px; width:25px; height:28px; }
.mid1      {width:100px; height:30px; float:left; cursor:pointer; color:#A6470F; padding: 6px 0 0 20; _padding:8Px 0 0 20px; font-weight:normal;}
.mid2      {width:100px; height:30px; float:left; cursor:pointer; color:#A6470F; padding: 6px 0 0 0; _padding:8Px 0 0 30px; font-weight:normal;}
.mid3      {width:74px; _width:94px; height:30px;; float:left; cursor:pointer; color:#A6470F; padding: 6px 0 0 0; _padding:8Px 0 0 14px; font-weight:normal;}
.mid4      {width:83px; height:30px;float:left; cursor:pointer; color:#A6470F; padding: 6px 0 0 0; _padding-top:8Px; font-weight:normal;}
.mid5      {width:100px; height:30px;float:left; cursor:pointer; color:#A6470F; padding: 6px 0 0 0; _padding-top:8Px; font-weight:normal;}
.marketplace-view-d03 {float:left;  background:url(/static/symbol/buy.jpg);        font-weight:bold; padding:0 40px 0 0; _padding:6px 40px 0 0; width:128px; height:33px; _width:128px; _height:33px; _margin-right:4px; color:white; }
.marketplace-view-d04 {float:right; background:url(/static/symbol/collection.jpg); font-weight:bold; padding:0 40px 0 0; _padding:6px 40px 0 0; width:128px; height:33px; _width:128px; _height:33px;}
.marketplace-view-d05 {width:40px}
.marketplace-index-loader01 { padding:4px 0 0 0; _padding:6px 0 0 0; }
.marketplace-index-loader02 { width:150px }
.create_tc  {background:url(/static/symbol/box03/tit5.jpg); width:738px; height:36px;}
.create_mid {width:100px; height:30px; padding:6px 0 0 20Px; color:#A6470F}
.company-tc {width:200px; height:22px;}

