@import url(dynCalendar.css);

a:link {color: #2398C5; text-decoration: none;}
a:visited {color: #2D86A8; text-decoration: none;}
a:hover {color: #969696; text-decoration: none;}
a.red1:link {color: #ef232a; text-decoration: none;}
a.red1:visited {color: #ef232a; text-decoration: none;}
a.red1:hover {color: #ef232a; text-decoration: none;}
a.red4:link {color: #e9845c; text-decoration: none;}
a.red4:visited {color: #e9845c; text-decoration: none;}
a.red4:hover {color: #e9845c; text-decoration: none;}
body {background-color: #bfbfbf;}
form {margin: 0;}
.page_bg {background: url(images/p_bg.gif) no-repeat right bottom; width:18; height:18; font: 11px "Verdana", "Arial", "Helvetica", "sans-serif";}
.page_bg2 {background: url(images/p_bg2.gif) no-repeat right bottom; width:18; height:18; font: 11px "Verdana", "Arial", "Helvetica", "sans-serif"; color: #FFFFFF;}
.copyright {font-size: 11px; color: #FFFFFF;}
.local_search_box {font-size: 11px; height: 16px; clip:rect(   );}
.text_s_blue {font-size: 11px; color: #000000;}
.text_l {font-size: 13px; color: #333333; line-height: 140%;}
.text_l_wgray {font-size: 15px; color: #2F2F22; font-weight: bold;}
.text_m {font: 12px/145% "Arial", "Helvetica", "sans-serif"; color: #2F2F22; text-decoration: none;}
.text_mW {font: 12px/140% "Arial", "Helvetica", "sans-serif"; color: #FFFFFF; text-decoration: none;}
.ch {color: #666666; font: 10px/150% "Arial", "Helvetica", "sans-serif";}
.table {font-size: 12px; color: #2F2F22 ; line-height: 140%; text-decoration: none ; border-style: none;}
.more {font: 12px/16px "Arial", "Helvetica", "sans-serif"; color: #FFFFFF; text-decoration: none;}
.path {font-size: 12px; color: #666666; text-decoration: none; line-height: 150%;}
.date {color: #666666; font: 11px/15px "Arial", "Helvetica", "sans-serif";}
.week {color: #000000; text-decoration: none; font: 12px/150% "Verdana";}
.context {color: #666666; text-decoration: none; font: 16px/150% "Verdana", "Arial", "Helvetica", "sans-serif";}
.context_r {color: #707070; text-decoration: none; font: 12px/155% "Arial", "Helvetica", "sans-serif";}
.context_rb {color: #456489; text-decoration: none; font: bold 12px/155% "Arial", "Helvetica", "sans-serif";}
.editor {font-size: 11px; color: #666666; line-height: 180%; text-decoration: none;}
.txtm-bk {font-size: 12px; color: #000000; line-height: 140%; text-decoration: none;}
.hline2 {height: 19px; font-size: 16px; font-weight: bold; color: #AA0202;}
.hline2-s {font-size: 12px; color: #70818F; line-height: 22px;}
.hline3 {height: 19px; font-size: 12px; font-weight: bold; color: #AA0202;}
.txtact-h {font-size: 15px; color: #000000; line-height: 140%; text-decoration: none;}
.vol {color: #CC0000; font: bold 22px "Arial", "Helvetica", "sans-serif";}
.hello {color: #458096; font: bold 10pt/165% "Arial", "Helvetica", "sans-serif";}
.hello-announcement {color: #007DA2; font: 10pt/165% "Arial", "Helvetica", "sans-serif";}
.about {color: #333333; font: 13px/170% "Arial", "Helvetica", "sans-serif";}
.tit-g1 {font: 13px/140% "Arial", "Helvetica", "sans-serif"; color: #DEDEDF;}
.red1 {color: #ef232a;}
.red2 {color: #ff0000;}
.red3 {color: #C80003;}
.red4 {color: #e9845c;}
.org1 {color: #FF9C00;}
.org2 {color: #F99327;}
.gray3 {color: #999;}
.white1 {color: #ffffff;}

/* online */
.on-t1 {font: normal 13px/140% "Arial", "Helvetica", "sans-serif";}
.on-tp {font: 11pt/150% "Arial", "Helvetica", "sans-serif"; color: #6E6E6E;}
.on-tp2 {font: 11px/150% "Arial", "Helvetica", "sans-serif"; color: #939393;}
.on-step {font: bold 12pt/140% "Verdana", "Arial", "Helvetica", "sans-serif"; color: #333333;}
.on-step-announcement {font: bold 12pt/140% "Verdana", "Arial", "Helvetica", "sans-serif"; color: #AA0202;}
.on-t2 {font: normal 11pt/130% "Arial", "Helvetica", "sans-serif"; color: #FF9900;}
.box {font: 11px "Arial", "Helvetica", "sans-serif"; color: #000; height: 20px;}
.context-2 {font: 12px/150% "Arial", "Helvetica", "sans-serif"; color: #007DA2; text-decoration: none;}
.box2 {font: 11px/150% "Arial", "Helvetica", "sans-serif"; color: #000;}
.box2-g {font: 12px/150% "Arial", "Helvetica", "sans-serif"; color: #8C8C8C;}
.new-tp {font: 12px/150% "Arial", "Helvetica", "sans-serif"; color: #DB0000;}
.context-3 {font: 13px/160% "Arial", "Helvetica", "sans-serif"; color: #00726b; text-decoration: none;}
.context-4 {font: 12pt/160% "Arial", "Helvetica", "sans-serif"; color: #EF232A; text-decoration: none;}
.context-3r {font: 13px/160% "Arial", "Helvetica", "sans-serif"; color: #ef232a; text-decoration: none;}
.context-3g {font: 13px/160% "Arial", "Helvetica", "sans-serif"; color: #7D7D7D; text-decoration: none;}
.context-rno {font: 12px/23px "Arial", "Helvetica", "sans-serif"; color: #456489; text-decoration: line-through;}
.context-3rno {font: 13px/160% "Arial", "Helvetica", "sans-serif"; color: #00726b; text-decoration: line-through;}
.context-r2 {font: 12px/155% "Arial", "Helvetica", "sans-serif"; color: #ef232a; text-decoration: none;}
.step {font: bold 12pt/160% "Arial", "Helvetica", "sans-serif"; color: #FF9900;}
.top {font: bold 13px "Arial", "Helvetica", "sans-serif";}

#footerMenu {font-size: 12px; line-height: 140%; color: #FFF;}
#footerMenu a:link {color: #FFF; text-decoration: none;}
#footerMenu a:visited {color: #FFF; text-decoration: none;}
#footerMenu a:hover {color: #FFF; text-decoration: none;}

/* 分頁功能相關設定 */
.pager {
    color: #006;
    width: 92%;
    margin: 0;
    padding: 3px;
    font: 11px/170% taipei, Tahoma, Verdana, Arial, Helvetica, sans-serif, mingliu, 'Lucida Grande', Geneva;
    vertical-align: middle;
}

/* 購物車狀態 */
.amount {color: #666666; text-decoration: none; font: 12px/16px "Arial", "Helvetica", "sans-serif";}
a.cart:link {color: #CC0000; text-decoration: none;}
a.cart:visited {color: #FF9966; text-decoration: none;}
a.cart:hover {color: #FF0000; text-decoration: none;}

/* 便利商店代收 */
.border-dotted {
    padding: 0.5em;
    border: 3px dotted #ff9900;
}