/*--------------------------------------------------------*/
/*					通用的成功與錯誤驗證
/*--------------------------------------------------------*/
.valierror{	padding:3px 5px 3px 21px;  margin:0 5px; display:inline; height:25px;
			border: 1px solid #E6594E;
			white-space:nowrap;text-align: left;color: #E6594E;
			background:#FCEAE8 url(stop.gif) no-repeat 3px;
}
.valisuccess{
            padding:2px 5px 2px 15px; padding-left: 21px;  margin-left:10px; display:inline;
			border: 1px solid #99D073;
			white-space:nowrap;text-align: left;color: #539A33;
			background:#EBF7E3 url(success.gif) no-repeat 3px;

}
/*tips*/
.tip-text{font-size:13px;font-weight:700;border:1px #fff solid;background:#e9e9e9;padding:10px;}
.tip{border:1px #ccc solid;}
.cantbuy .tip-text{border-color:#fff;background-color:#fffcc1;color:red;}
.cantbuy .tip{border-color:#f6a100;}
.x-vali-error{color:#E6594E;}

/*日期 calendar*/
.calendar{border:1px #ccc solid;}
.datepicker {font-family: Verdana, Arial, Helvetica, sans-serif;background: none !important;overflow: hidden;width: 226px;}
.datepicker table {background: #BEBEBE;margin: 0 auto;padding: 0;overflow: hidden;border-spacing: 0px;border: 1px solid #000;border-top: none;width: 100%;}
.datepicker caption {color: #333;font-weight: bold;font-size: 13px;text-align: center;width: 100%;height: 25px;line-height: 26px;background:#4E6A81 url(calbg.gif) repeat-x;border: 1px solid #000;	}
.datepicker caption a {cursor: pointer;color:#000;text-decoration:none;font-weight:bold;}
.datepicker caption span.month {width: 120px;padding-left:10px;	}
.datepicker caption span.year {width: 80px;padding-right:10px;}			
.datepicker th, .datepicker td {cursor: default;font-size: 12px;background: #fff;height: 25px;width: 30px;text-align: center;border-top: 1px solid #BEBEBE;}
.datepicker th { background: #FDFDDB; border: none; color: #888; font-family:Verdana; font-size:10px; }
.datepicker td.active { cursor: pointer; }
.datepicker td.inactive { background: #EEEEEE; color: #BEBEBE; }
.datepicker td.today { border-top: 1px solid #FFD700; background: #FFFFDD; }
.datepicker td.hilite { background: #000; color: #fff; }

/*--------------------------------------------------------*/
/*					進階搜尋
/*--------------------------------------------------------*/
.SearchMoreWrap { margin:10px 0; }
.SearchMoreWrap .division table.forform th,
.SearchMoreWrap .division table.forform td { vertical-align:middle; }
.SearchMoreWrap #search_cat_view .row { float:left; margin:3px 0; }
.SearchMoreWrap #search_cat_view .row label { width:140px; overflow:hidden; font-weight:normal; display:block; float:none; text-align:left; color:#369; margin-top:8px; }
.SearchMoreWrap #search_cat_view .row select { width:120px; }


/*--------------------------------------------------------*/
/*					使用者輸出部分
/*--------------------------------------------------------*/
.uarea-output * { line-height:180%; }
.uarea-output ul, .uarea-output ol { margin:1em 0; padding:0 0 0 40px;}
.uarea-output ul li { list-style:disc inside; border:none; margin:0;}
.uarea-output ol li { list-style:decimal inside; border:none; margin:0;}
.uarea-output i, .uarea-output em{ font-style:italic;}
/*--------------------------------------------------------*/
/*                 下單頁
----------------------------------------------------------*/
.paymentextend{text-align:left;display:none;}
.paymentextend ul{overflow:hidden;height:100%;}
.paymentextend ul li{padding:3px;}
.selected .paymentextend {display:block;}

/*==============================================================================================
導航菜單
=============================================================================================*/
.MenuList{
	_white-space:nowrap;
}
.MenuList div{
	float:none;
}
.MenuList .v-m-page{
  	z-index:65535;
  	background:#FFF;
    padding:2px 10px;
    border:1px solid #CCC;
}
#Menu .v-m-page a,
.MenuList .v-m-page a{
  	white-space:nowrap;
  	background:none;
    padding:0;
    margin:0;
    color:#333;
}
/*==============================================================================================
下拉菜單的樣式
=============================================================================================*/
.fmenu{	position: absolute; left:0; background:#fff;cursor: default;border:1px solid #ccc;z-index:65535;padding:2px;}
.fmenu .item{cursor:pointer;}

/*==============================================================================================
即時通訊
=============================================================================================*/
.ImChat td  { padding:3px;}
.ImChat td a{ padding:3px; padding:0 3px;}
#siderIMchat_main .bg a img{ margin:3px 0}



/*==============================================================================================
訂單資訊
=============================================================================================*/
.OrderList li{ white-space:normal;border-bottom:1px dotted #ccc;padding:5px}
.OrderList .OrderListName{color:#000; font-weight:700;}
.OrderList .OrderListPrice{color:#000; font-size:11px;}
.OrderList .OrderListDate{color:#f90; font-size:11px; }

/*==============================================================================================
發貨資訊
=============================================================================================*/
.TransportList li{ white-space:normal;border-bottom:1px dotted #ccc;padding:5px}
.TransportList .TransportListId{color:#f90; font-weight:700; font-size:11px;}
.TransportList .TransportListShipname{color:#000; font-size:11px;}

/*==============================================================================================
標籤切換樣式
=============================================================================================*/
.GoodsList-Tabs img,.ArticleList img{margin-right:4px;}
.Article-Tabs,.GoodsList-Tabs{margin-bottom:10px;overflow:auto;zoom:1;padding:0 1px;}
.Article-Tabs div,.GoodsList-Tabs div{float:left; padding:0 10px; height:30px; line-height:30px; cursor:pointer;border:1px solid #ccc;border-bottom:none;background:#F5F5F5; text-align:center;}
.Article-Tabs .current,.GoodsList-Tabs .current{background:#fff;font-weight:700;}

.IndexLoginWrap{padding:5px;}
.IndexLoginWrap label{width:50px;margin:0 2px 0 0;font-weight:400;}
.IndexLoginWrap input.userinput{width:100px;}
.IndexLoginWrap input.vcode{width:40px;}
.IndexLoginWrap .buttonbar{margin:5px 0 0;padding:5px 0 0;border-top:1px solid #efefef;clear:both;text-align:center;}
.IndexLoginWrap .buttonbar a{margin:0 4px;}
.IndexLoginWrap .logon{line-height:20px;margin:5px 0;text-align:center;}
.IndexLoginWrap .bar{overflow:hidden;white-space:nowrap;}
.IndexLoginWrap .bar span{display:inline;text-align:left;line-height:12px;padding:0 8px;}

/*---------------------------------------------------------------------------------------------------------------
	IM
---------------------------------------------------------------------------------------------------------------*/
#siderIMchat{z-index:65535; position:absolute;}
#siderIMchat_hiddenbar{background:url(im/siderim_hiddenbar.gif); width:26px; height:136px;}
#siderIMchat_main{width:170px; display:none; margin:0 10px}
#siderIMchat_main .top{ background:url(im/siderim_title.gif); height:34px;}
#siderIMchat_main .infobox{ font-size:12px;text-align:center; background:#bdc5cb; background-image:url(im/siderim_infobox.gif);background-repeat:no-repeat;padding:5px;line-height:14px;color:#000; font-weight:700;}
#siderIMchat_main .bg{ font-size:12px; background:url(im/siderim_bg.gif); padding:5px;}
#siderIMchat_main ul li{ float:left; margin-right:5px; margin-bottom:6px;}
#siderIMchat_main .bottom{ background:url(im/siderim_bottom.gif); height:9px; overflow:hidden }

/*================================================================================
系統掛件[不可編輯]
===================================================================================*/
.system-widgets-box{
  height:500px;
  border-width:1px;
  border-color:#cccccc #999999 #999999 #cccccc;
  border-style:bold;
  background:#e6e6e6 url(system-widgets-box.gif) no-repeat 50% 50%;
}