/* -----------------------------------------------------------------------------------------
   $Id: stylesheet.css,v 1.0 2008/12/10  Hermes Exp $
	http://biz.funny.net.tw
   -----------------------------------------------------------------------------------------
   based on: 
   (c) 2000-2001 The Exchange Project  (earlier name of osCommerce)
   (c) 2002-2003 osCommerce(stylesheet.css,v 1.54 2003/05/27); www.oscommerce.com 
   (c) 2003	 nextcommerce (stylesheet.css,v 1.7 2003/08/13); www.nextcommerce.org
   (c) 2005	XT-Commerce - community made shopping  http://www.xt-commerce.com
   Copyright (c) 2003 XT-Commerce 
   Released under the GNU General Public License 
   --------------------------------------------------------------------------------------- */
@charset "utf-8";
html {padding:0; margin:0; height:100%; overflow-y:scroll; }
body {font-family: Verdana, 細明體, Arial, sans-serif;background:#DE0202;margin:0;height:100%;}

h6,th,ul,ol,li,form,legend,fieldset,dd,dt,dl,blockquote,p,q,a,cite,i,em,cite,ins, hr, th
{font-weight:normal;font-size:90%;font-style:normal;margin:0;padding:0;list-style:none;border:solid 0px white;}
TABLE.form , .form {font-size:13px; color:#666666;padding:0;margin:0;}
img {border:0;}
A {color:#EEEEEE;text-decoration:none;}
A:hover {color:#FFFFAA;text-decoration:underline;}

CHECKBOX, INPUT, RADIO, SELECT {font-size:13px;padding:0;margin:0;}
.block {display: block;}
.spacer1 {padding:1px;}
.spacer {padding:2px;}
.spacer3 {padding:3px;}
.spacer4 {padding:4px;}
.spacer5 {padding:5px;}
.spacer6 {padding:6px;}
.spacer7 {padding:7px;}
.spacer8 {padding:8px;}
.spacer9 {padding:9px;}

#leftNavBg {padding:25px 8px 0 8px; margin:0 8px 0px 8px; text-align:center; background:#750707 url(./img/bg_leftnav.jpg) repeat-x; height:100%;}


.l_main_line {font-size:17px;padding:11px 0 4px 0px;color:#383838;border-bottom:1px solid #444444;font-family: 新細明體, Arial, sans-serif; display:block;}
.l_main_line A{color:#959595;}
.l_main_line A:hover{color:#FFCC66;text-decoration:underline;}

.title_img {padding:17px 0 3px 5px;color:#383838;}

.l_main {font-size: 16px; color:#333333;}
.l_main_r {font-size: 17px; color:#FF0000;font-weight:bold;}

.main{font-size:15px; line-height:1.7; color:#EEEEEE;font-family: Verdana, 細明體, 新細明體, Arial, sans-serif;}
.main A{color:#EFEFEF;}
.main A:hover{color:#FFFF99;text-decoration:underline;}

.s_main {font-size:13px; color:#BBBBBB;line-height:1.5;}
.s_main A {color:#EEEEEE;}
.s_main A:hover {color:#FFFF99;}

.s_main_line {font-size:13px; color:#959595;line-height:1.8;border-bottom:1px dotted #CCCCCC;}
.s_main_line A {color:#959595;}
.s_main_line A:hover {color:#FFFF99;}

.ss_main {font-size:12px; color:#BEBEBE ; line-height:1.5;}
.ss_main A {color:#BEBEBE;}
.ss_main A:hover {color:#FFFFCC;}

.ss_main_g {font-size:13px; color:#FF5500;} /* Green  */
.ss_main_g A{color:#FF6600;}
.ss_main_g A:hover{color:#FF0000;}

.ss_main_r {font-size:12px; color:#FF0000;}

.sss_main {font-size:10px; color:#888888;}
.ssss_main {font-size:9px; color:#888888;}
.ssss_main A {color:#999999;}
.ssss_main A:hover{color:#FFCC66;}


.article_des{font-size: 15px; line-height:1.6; color:#EEEEEE;}
.article_des A{color:#CCCCCC;border-bottom:1px dotted #CCCCCC;}
.article_des A:hover{color:#FFCC66;border-bottom:1px solid #FFCC66;}

.article {font-size:15px; color:#005599; padding:0 0 0 22px; background:url(./img/article.gif) no-repeat 0% 20%;border-bottom:1px dotted #CCCCCC;}
/*  box  */
.box_title {color:#FFFFFF; font-size:13px;letter-spacing:1px;}


.main_category {font-size:17px;display:block;line-height:2.5; margin:0;padding:0;border-bottom:1px solid #F00000;width:100%;}
.main_category A{color:#999999;display:block;}
.main_category A:hover {color:#FFFFFF;text-decoration:none;background-color:#C60203;display:block;}

.sub_category {color:#959595;font-size:13px;line-height:2.1;border-bottom:1px dotted #959595;}
.sub_category A {color:#959595;}
.sub_category A:hover {color:#FFCC00;background-color:#FFFFFF;text-decoration:none;}

/*  --  product --  */
.product_img{background:#FFFFFF;border:1px #CCCCCC solid;padding:4px;}
.product_option{border-bottom:1px dotted #D9D9D9;line-height:1.5;padding-top:11px;vertical-align:middle;font-size:13px; color:#CCCCCC;}
.img_border{background:#FFFFFF;border:1px solid #CCCCCC;padding:5px;}
.price {font-size:13px;color:#AA0000;}
.checker_t {font-size:12px;background:#444444;color:#999999;text-align:center;border-left:1px solid #555555;border-bottom:1px solid #555555; padding:3px;border-top:1px solid #555555;}
.checker_m{font-size:13px; padding:5px;color:#CCCCCC;border-bottom:1px solid #555555;border-left:1px dotted #555555;}

/* --module title and form --*/
.module_title {font-size:17px;font-weight:bold;color:#959595;font-family:"DFKai-SB","標楷體";border-bottom:1px dotted #CCCCCC;}
#info2{margin:0 11px 0px 21px;}
#info{margin:0 11px 0px 11px;}
#info .bd{padding:0 0px 2px 0px;}
#info h1{font-family:"DFKai-SB","標楷體","MingLiU","PMingLiU"; font-size:1.8em;color:#CCCCCC;padding-bottom:5px;border-bottom:2px dotted #555555;}
#info h2{font-family:"DFKai-SB","標楷體","MingLiU","PMingLiU"; font-size:1.5em;color:#EEEEEE;padding: 7px 0 0 0; border-bottom:1px dotted #444444;}

#info .title{font-family:"DFKai-SB","標楷體","MingLiU","PMingLiU"; font-size:120%;color:#DDDDDD; border-bottom:1px dotted #005599;font-weight:bold;}


.title{font-family:"DFKai-SB","標楷體","MingLiU","PMingLiU"; font-size:1.5em;color:#FFFFFF;padding: 7px 0 0 0;}

.title2{font-family:"DFKai-SB","標楷體","MingLiU","PMingLiU";background:#383838; font-size:1.1em;color:#FFFFFF;padding: 7px 7px 7px 11px;width:620px;}
.title3{font-family:"DFKai-SB","標楷體","MingLiU","PMingLiU";background:#383838; font-size:1.3em;color:#FFFFFF;padding: 7px 7px 7px 11px;width:620px;}

/* formArea  */
.formArea{padding: 11px 0 0 0;color:#333333;font-size:13px;border-bottom:1px dotted #EFEFEF;}

.moduleRow {color:#CCCCCC;}
.moduleRowOver {background:#333333; cursor: hand; color:#FAFAFA;}
.moduleRowSelected {background:#555555; color:#FFFFAA;}

/* twe-css */
.errorBox {font-size:15px; background:#FFF0A0; padding:9px; line-height:1.7; color:#D3458C;border:1px #FF99CC solid;}
.messageBox {font-size:15px; background:#FFF0A0; padding:9px; line-height:1.7; color:#D3458C;border:1px #FF99CC solid;}
.messageStackError, .messageStackWarning {font-size:13px;color:#636363;background:#FFF0A0; padding:9px;}
.messageStackSuccess {font-size:13px;color:#636363;background:#FFF0A0; padding:9px;}
.stockWarning {font-size:12px; color:#cc0033; }
.orderEdit {font-size:12px;}

TD.headerNavigation { font-size: 12px;}
.headerNavigation {font-size:12px;line-height:1.8; color:#666666;}
A.headerNavigation {font-size:12px;color:#666666;line-height:1.8;letter-spacing:1px;}
A.headerNavigation:hover {color:#FE7108;}

.moduleHeading {	font-size: small;}
TD.headerError {font-size: 12px;}
TD.headerInfo {font-size: 12px;}
.infoBoxContents {font-size: 12px;}
.infoBoxNoticeContents {font-size: 12px;}
TD.infoBoxHeading {font-size: 11px;}
TD.infoBoxHeading_right {font-size: 12px;}
TD.infoBox, SPAN.infoBox {font-size: 12px;}
TD.infoBox_right, SPAN.infoBox_right {font-size: 12px;}
.productListing-heading {font-size: 12px;}
TD.productListing-data {font-size: 12px;}
TD.subBar {font-size: 12px;}
TD.smallText, SPAN.smallText, P.smallText {font-size:13px; color:#FAFAFA;}
TD.tableHeading {font-size:13px; color:#FAFAFA;}
.smallText{font-size: 13px; line-height:1.6; color:#FAFAFA;}
.nav {font-size: 13px; line-height:2em; color:#666666;}
.nav a{background:#F0F0F0;border:1px solid #F0F0F0; color:#993300;}
.nav a:hover{background:#FFFFCC;border:1px solid #FFE16B;color:#CC0000;}


#special .right {clear:both;float:right;margin:6px 6px 6px 0;}
#special .left {clear:both;float:left;margin:6px 6px 6px 0;}

#option{margin:0 0 0px 13px;}
#option title{}

.blockTable {border:2px solid #383838;}
.blockTable2 {border-left:1px solid #B5CBD0;border-right:1px solid #B5CBD0;border-bottom:1px solid #B5CBD0;}
.blockTable3 {border:1px solid #B5CBD0;padding: 5px 5px 5px 5px;}
.blockTable4 {border:1px solid #333333;padding: 4px 4px 4px 7px;margin: 2px 3px 2px 7px;background:#222222;}

.copyright {font-size:10px;color:#CCCCCC;text-align:left;}
.copyright A{font-size:10px;color:#CCCCCC;}