body { margin-top:0;
       background:url('../image/table.jpg');
       background-repeat:repeat }

a:link { color: #D3d067; text-decoration: underline }
a:visited { color: #D3d067; text-decoration: underline }
a:hover   { color: #FF86D8; text-decoration: underline }
a:active  { color: #FF86D8 }

/* link B set   */ 
.link1  { font-size: 16px; color: #ff0000 }
.link1 a:link { color: #FF86D8; text-decoration: underline }
.link1 a:visited { color: #FF86D8; text-decoration: underline }
.link1 a:hover   { color: #ff0066; text-decoration: underline }
.link1 a:active  { color: #ff0066 }

.link2  { font-size: 16px }
.link2 a:link { color: #1133ff; text-decoration: underline }
.link2 a:visited { color: #1133ff; text-decoration: underline }
.link2 a:hover   { color: #ff3366; text-decoration: underline }
.link2 a:active  { color: #ff3366 }

.hr1 { color: #ff6aa6; height: 2px; width: 95% }
.hr2 { color: #ff6aa6; height: 1px; width: 95% }

.bannercase { height:110px; width:960px }
.banner  { background:url('../image/2/banner.jpg') }
.banner_e  { background:url('../image/2/banner_e.jpg') }

/* left menu image */
.menu1   { text-align: center; background:url('../image/2/menu1.jpg'); width: 200px; height: 24px; font-size: 17px; color: #ffffff }
.menu2   { text-align: left; background:url('../image/2/menu2.jpg'); width: 200px; height: 24px; font-size: 15px; color: #ffff77 }

/* main */
.marquee { width:545px; height:70px; background:#bcefef; font-size: 15px }

/* category */
.sty1case1 { text-align: center; width:320px }
.sty1case2 { vertical-align:top; width:370px; font-size: 14px; color: #c0c0c0 }
.sty2case { text-align: center; width:690px }
.sty3case1 { text-align: center; width:235px; background:#B5DDF0 }
.sty3case2 { text-align: center; width:235px; background:#b4eded }
.sty4case1 { text-align: center; width:355px; background:#B5DDF0 }
.sty4case2 { text-align: center; width:355px; background:#b4eded }
.styitemname { font-size: 18px; color: #D3d067 }
.sty3itemname { font-size: 16px; color: #D3d067 }
.styprice { font-size: 16px; color: #ff6600 }
.sty3price { font-size: 15px; color: #ff6600 }

/* htm */
.bigitemname { font-size: 30px; color: #ffffff }
.itemname { font-size: 22px; color: #ff0066 }
.HidDescription { text-align:center; font-size: 12px; color: #808080 }
.HidFont { font-size: 12px; color: #000000 }
.linkcase { width:90% }
.linkfont   { font-size: 18px; color: #FF86D8 }
.description  { font-size: 16px; color: #c0c0c0 }
.remark { font-size: 16px; color: #99ff99 }



/* outside image   */
.outcase { width: 960px; background:url('../image/2/table.jpg') }
.outcasehtm { width: 930px; background:url('../image/2/table.jpg') } 
.ocase1  { background:url('../image/2/ocase1.gif'); width: 20px; height: 20px }
.ocase2  { background:url('../image/2/ocase2.gif') }
.ocase3  { background:url('../image/2/ocase3.gif'); width: 20px }
.ocase4  { background:url('../image/2/ocase4.gif') }
.ocase5left { vertical-align:top; text-align: center; width: 200px }
.ocase5main1 { vertical-align:top; text-align: center; width: 555px; font-size: 15px; color: #FF86D8 }
.ocase5main2 { vertical-align:top; text-align: center; width: 165px; font-size: 15px; color: #FF86D8 }
.ocase5cate { vertical-align:top; text-align: center; width: 720px; font-size: 15px; color: #FF86D8 }
.ocase5htm  { text-align: center; width: 900px; font-size: 15px; color: #FF86D8 }
.ocase6  { background:url('../image/2/ocase6.gif') }
.ocase7  { background:url('../image/2/ocase7.gif'); height: 20px }
.ocase8  { background:url('../image/2/ocase8.gif') }
.ocase9  { background:url('../image/2/ocase9.gif') }

/* inside image   */ 
.incase { width:710px }
.incasemain { width:550px }
.icase1  { background:url('../image/2/icase1.gif'); width: 10px; height: 10px }
.icase2  { background:url('../image/2/icase2.gif') }
.icase3  { background:url('../image/2/icase3.gif'); width: 10px }
.icase4  { background:url('../image/2/icase4.gif') }
.icase5main  { vertical-align:top; text-align: center; background:url('../image/2/table.jpg'); width: 530px }
.icase5mainP1 { vertical-align:top; text-align: center; text-align: center; width:175px; background:#2D2D2D }
.icase5mainP2 { vertical-align:top; text-align: center; text-align: center; width:175px; background:#4F4F4F }
.icase5mainN1 { vertical-align:top; text-align: center; text-align: center; width:175px; background:#F8B1D5 }
.icase5mainN2 { vertical-align:top; text-align: center; text-align: center; width:175px; background:#E3B0F0 }
.icase5mainS1 { vertical-align:top; text-align: center; text-align: center; width:175px; background:#FDD67B }
.icase5mainS2 { vertical-align:top; text-align: center; text-align: center; width:175px; background:#FDDF99 }
.icase5cate  { vertical-align:top; text-align: center; background:#000000; width: 690px }
.icase5htm  { vertical-align:top; text-align: center; background:#000000; width: 820px; font-size: 15px; color: #FF86D8 }
.icase5htm2  { vertical-align:top; text-align: center; background:#2D2D2D; width: 195px }
.icase6  { background:url('../image/2/icase6.gif') }
.icase7  { background:url('../image/2/icase7.gif'); height: 10px }
.icase8  { background:url('../image/2/icase8.gif') }
.icase9  { background:url('../image/2/icase9.gif') }

/* inside image   */ 
.icasep1  { background:url('../image/2/icasep1.gif'); width: 10px;  height: 10px }
.icasep2  { background:url('../image/2/icasep2.gif') }
.icasep3  { background:url('../image/2/icasep3.gif'); width: 10px }
.icasep4  { background:url('../image/2/icasep4.gif') }
.icasep5main  { vertical-align:top; text-align: center; background:#f2c6de; width: 530px }
.icasep6  { background:url('../image/2/icasep6.gif') }
.icasep7  { background:url('../image/2/icasep7.gif'); height: 10px }
.icasep8  { background:url('../image/2/icasep8.gif') }
.icasep9  { background:url('../image/2/icasep9.gif') }

/* inside image   */ 
.icasey1  { background:url('../image/2/icasey1.gif'); width: 10px;  height: 10px }
.icasey2  { background:url('../image/2/icasey2.gif') }
.icasey3  { background:url('../image/2/icasey3.gif'); width: 10px }
.icasey4  { background:url('../image/2/icasey4.gif') }
.icasey5main  { vertical-align:top; text-align: center; background:#f7f5b7; width: 530px }
.icasey6  { background:url('../image/2/icasey6.gif') }
.icasey7  { background:url('../image/2/icasey7.gif'); height: 10px }
.icasey8  { background:url('../image/2/icasey8.gif') }
.icasey9  { background:url('../image/2/icasey9.gif') }

/* font-family */
.font09 {  font-family: "新細明體"; font-size: 9pt}