/* -----------------------------------------------------------------------------------------
   $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";

body {font-family: Verdana, Arial, sans-serif;background:#FFFFFF;margin:0;}

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:100%;font-style:normal;margin:0;padding:0;list-style:none;border:solid 0px white;}

img {border:0;}
A {color:#005599;text-decoration:none;}
A:hover {color:#CC3333;text-decoration:underline;}

FORM {display:inline;}
CHECKBOX, INPUT, RADIO, SELECT {font-size:12px;padding:0;margin:0;}
.block {display: block;}
.spacer {padding:1px;}
.spacer2 {padding:2px;}
.spacer3 {padding:3px;}
.spacer4 {padding:4px;}
.spacer5 {padding:5px;}

.s_main {font-size:13px; line-height:1.7; color:#555555;}
.s_main A {color:#666666;}
.s_main A:hover {color:#FF0000;}
.ss_main {font-size:12px; color:#777777; line-height:1.6;}
.sss_main {font-size:10px; color:#848484;}
.ssss_main {font-size:9px; color:#888888;}
.ssss_main A {color:#999999;}
.ssss_main A:hover{color:#FFCC66;}

.main{font-size: 15px; line-height:1.7; color:#333333;}
.main A{color:#005599;}
.main A:hover{color:#DD0000;text-decoration:underline;}

.l_main {font-size: 16px; color:#333333;}

.main_title{font-size:13px; color:#0055CC;}

/*  box  */
.box_title {width:100%; height:28px; background: url(./img/box/box_title.gif) no-repeat 0 0;display:inline-block;}
.box_title ol {float:left; margin:0; padding-left:20px; color:#FFFFFF; font-size:12px; line-height:28px;}
.box_title h2 {float:left; margin:0; padding-left:22px; color:#FFFFFF; font-size:12px; line-height:28px;}
.box_title p {float:right; margin:0; padding-right:10px; color:#47BBFF; font-size:12px; line-height:28px;}


.box_title2 {width:100%; height:28px; background: url(./img/box/box_title2.gif) no-repeat 0 0; display:inline-block;}
.box_title2 ol {float:left; margin:0; padding-left:20px; color:#FFFFFF; font-size:12px; line-height:28px;}
.box_title2 h2 {float:left; margin:0; padding-left:22px; color:#FFFFFF; font-size:12px; line-height:28px;}
.box_title2 p {float:right; margin:0; padding-right:10px; color:#47BBFF; font-size:12px; line-height:28px;}



.nav_txt {color:#FFFFFF; font-size:13px;letter-spacing:1px;vertical-align:middle;position: static;}
.nav_txt A{color:#FFFFFF;}
.nav_txt A:hover{color:#FFCC00;}

.box_title22 {color:#333333; font-size:13px;letter-spacing:1px;}

.main_category {color:#005599;font-size:15px;display:block;line-height:2;border-bottom:1px dotted #E4E9EF;padding-left:7px;}
.main_category A{color:#003399;}
.main_category A:hover {color:#AA0000;text-decoration:none;background-color:#FFFFFF;}

.sub_category {color:#333333;font-size:13px;line-height:2.1;border-bottom:1px dotted #92B1D1;}
.sub_category A {color:#194ABD;}
.sub_category A:hover {color:#DD0000;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:#555555;}
.img_border{background:#FFFFFF;border:1px solid #CCCCCC;padding:5px;}
.price {font-size:13px;color:#AA0000;}
.checker_t {font-size:12px;background:#7A7A7A;color:#FFFFFF;text-align:center;border-left:1px solid #FFFFFF;}
.checker_m{font-size:13px; padding:5px;color:#5C6C6C;border-bottom:1px solid #CCCCCC;border-left:1px dotted #CCCCCC;}

/* --module title and form --*/
.module_block {border:1px solid #768FAA;padding:5px;}
.module_block_title{width:695px; height:28px; background: url(./img/title_bg.gif) no-repeat; display: inline-block; margin-bottom: 1px;}
.module_block_title h2 {float: left; margin: 0; padding-left: 22px; color: #FFFFFF; font-size: 12px; line-height: 28px;}
.module_block_title p {float: right; margin: 0; padding-right: 10px; color: #47BBFF; font-size: 12px; line-height: 28px;}

.module_block_title2{width:311px; height:28px; background: url(./img/title_bg_s2.gif) no-repeat; display: inline-block; margin-bottom: 1px;}
.module_block_title2 h2 {float: left; margin: 0; padding-left: 22px; color: #FFFFFF; font-size: 12px; line-height: 28px;}

.module_title {font-size:17px; font-weight:bold; color:#194ABD; font-family:"DFKai-SB","標楷體","MingLiU","PMingLiU"; border-bottom:1px dotted #CCCCCC;}

#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:#111;padding-bottom:5px;border-bottom:2px dotted #BBBBBB;}
#info h2{font-family:"DFKai-SB","標楷體","MingLiU","PMingLiU"; font-size:1.5em;color:#005599;padding: 7px 0 0 0; border-bottom:1px dotted #005599;}
#info .title{font-family:"DFKai-SB","標楷體","MingLiU","PMingLiU"; font-size:120%;color:#005599; border-bottom:1px dotted #005599;font-weight:bold;}

/* formArea  */
TABLE.form , .form {font-size:15px; color:#666666;padding:3px;}
.formArea{padding: 17px 0 0 0;color:#333333;font-size:13px;border-bottom:1px dotted #EFEFEF;}

.moduleRow {color:#FE5A00;}
.moduleRowOver {background:#FDEEE5; cursor: hand; color:#666666;}
.moduleRowSelected {background:#FDF6F3; color:#FF3333;}

/* twe-css */
.errorBox {font-size:15px; background:#FFF0A0; padding:9px; line-height:1.7; color:#D3458C;border:1px #FF99CC solid;}
.messageBox {font-size: 13px;}
.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;}
TD.tableHeading {font-size: 13px;}
.smallText{font-size: 13px; line-height: 1.5; color:#666666;}
.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-left:1px solid #CCCCCC;border-right:1px solid #CCCCCC;border-bottom:1px solid #CCCCCC;}
.blockTable2 {border-left:1px solid #97AABF;border-right:1px solid #97AABF;border-bottom:1px solid #97AABF;}
.blockTable3 {border:1px solid #B5CBD0;padding: 5px 5px 5px 5px;}
.blockTable4 {padding: 2px 2px 2px 5px;background:#FAFAFA;}

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