body { margin-top:0;
       background:url('../image/table1.jpg'); /
       background:url('../image/table1.jpg') \9; / }

a:link { color: #dddddd; text-decoration: underline }
a:visited { color: #dddddd; text-decoration: underline }
a:hover   { color: #ffff00; text-decoration: underline }
a:active  { color: #ffff00 }

/* main top image   */
.banner  { background:url('../image/4/banner.gif'); height: 110px; width: 755px }
.banner_e  { background:url('../image/4/banner_e.gif'); height: 110px; width: 755px }

/* main 4pcs image  */
.mainimg1  { background:url('../image/4/main1.jpg'); width: 220px; height: 165px }
.mainimg2  { background:url('../image/4/main2.jpg'); width: 220px; height: 165px }
.mainimg3  { background:url('../image/4/main3.jpg'); width: 220px; height: 165px }
.mainimg4  { background:url('../image/4/main4.jpg'); width: 220px; height: 165px }

/* main name  */
.mainname  { font-size: 20px; color: #ffff00 }

/* main order */ 
.preorder  { font-size: 12px; color: #ff0066 }
.preorder a:link { color: #ffff00; text-decoration: underline }
.preorder a:visited { color: #ffff00; text-decoration: underline }
.preorder a:hover   { color: #ffffff; text-decoration: underline }
.preorder a:active  { color: #ffffff }

/* category list */
.catecase      { font-size: 13px; color: #ffccff }
.cateitemname  { font-size: 16px; color: #0000ff }
.hr1 { color: #ff6aa6; height: 1px }
.hr2 { height: 1px }


/* outside image   */ 
.ocase1  { background:url('../image/4/ocase4.gif'); width: 20px }
.ocase2  { background:url('http://www.goodpen.com.tw/shop/image/4/table.jpg'); width: 140px }
.ocase3  { background:url('http://www.goodpen.com.tw/shop/image/4/table.jpg'); width: 715px; font-size: 11px; color: #cccccc }
.ocase3a { background:url('http://www.goodpen.com.tw/shop/image/4/table.jpg'); width: 575px; font-size: 13px; color: #ffff5b }
.ocase4  { background:url('../image/4/ocase6.gif'); width: 20px }
.ocase5  { background:url('../image/4/ocase7.gif'); width: 20px;  height: 20px }
.ocase6  { background:url('../image/4/ocase8.gif'); width: 140px; height: 20px }
.ocase7  { background:url('../image/4/ocase8.gif'); width: 715px; height: 20px }
.ocase7a { background:url('../image/4/ocase8.gif'); width: 575px; height: 20px }
.ocase8  { background:url('../image/4/ocase9.gif'); width: 20px;  height: 20px }

/* left menu image */
.menua a:link { color: #ff9751; text-decoration: underline }
.menua a:visited { color: #ff9751; text-decoration: underline }
.menua a:hover   { color: #ff79ff; text-decoration: underline }
.menua a:active  { color: #ff79ff }
.menu   { background:url('../image/4/menu1.gif'); height: 20px; font-size: 13px; color: #ff0066 }
.menu1   { background:url('../image/4/menu1.gif'); width: 140px; height: 24px; font-size: 13px; color: #ffff00 }
.menu2   { background:url('../image/4/menu2.gif'); width: 140px; height: 24px; font-size: 13px; color: #ffff77 }

/* inside image   */ 
.icase1  { background:url('../image/4/icase1.gif'); width: 10px;  height: 10px }
.icase2  { background:url('../image/4/icase2.gif'); width: 545px; height: 10px }
.icase3  { background:url('../image/4/icase3.gif'); width: 10px;  height: 10px }
.icase4  { background:url('../image/4/icase4.gif'); width: 10px }
.icase5  { background:#3A38B3; width: 545px; font-size: 13px }
.icase6  { background:url('../image/4/icase6.gif'); width: 10px }
.icase7  { background:url('../image/4/icase7.gif'); width: 10px;  height: 10px }
.icase8  { background:url('../image/4/icase8.gif'); width: 545px; height: 10px }
.icase9  { background:url('../image/4/icase9.gif'); width: 10px;  height: 10px }

/* inside image   */ 
.icasep1  { background:url('../image/4/icasep1.gif'); width: 10px;  height: 10px }
.icasep2  { background:url('../image/4/icasep2.gif'); width: 545px; height: 10px }
.icasep3  { background:url('../image/4/icasep3.gif'); width: 10px;  height: 10px }
.icasep4  { background:url('../image/4/icasep4.gif'); width: 10px }
.icasep5  { background:#3A38B3; width: 545px; font-size: 13px }
.icasep6  { background:url('../image/4/icasep6.gif'); width: 10px }
.icasep7  { background:url('../image/4/icasep7.gif'); width: 10px;  height: 10px }
.icasep8  { background:url('../image/4/icasep8.gif'); width: 545px; height: 10px }
.icasep9  { background:url('../image/4/icasep9.gif'); width: 10px;  height: 10px }

/* inside image   */ 
.icasey1  { background:url('../image/4/icasey1.gif'); width: 10px;  height: 10px }
.icasey2  { background:url('../image/4/icasey2.gif'); width: 545px; height: 10px }
.icasey3  { background:url('../image/4/icasey3.gif'); width: 10px;  height: 10px }
.icasey4  { background:url('../image/4/icasey4.gif'); width: 10px }
.icasey5  { background:#f7f5b7; width: 545px; font-size: 13px }
.icasey6  { background:url('../image/4/icasey6.gif'); width: 10px }
.icasey7  { background:url('../image/4/icasey7.gif'); width: 10px;  height: 10px }
.icasey8  { background:url('../image/4/icasey8.gif'); width: 545px; height: 10px }
.icasey9  { background:url('../image/4/icasey9.gif'); width: 10px;  height: 10px }

/* Item 4pcs big image   */ 
.bimg  { font-size: 13px }
.bimg a:link { color: #ff9751; text-decoration: none }
.bimg a:visited { color: #ff9751; text-decoration: none }
.bimg a:hover   { color: #ff66ff; text-decoration: underline }
.bimg a:active  { color: #ffccff }


.link   { font-size: 13px }
.movie  { font-size: 13px }
.pix    { font-size: 13px }

.shopname    { font-size: 16px; color: #ffff77 }
.description { font-size: 13px; color: #dddddd }
.address     { font-size: 13px; color: #ffff99 }
.remark      { font-size: 14px; color: #ff00ff }