﻿/* Ajax Calendar  */
.MyCalendar .ajax__calendar_container {border:1px solid #646464;background-color: lemonchiffon;color: red;}
.MyCalendar .ajax__calendar_other .ajax__calendar_day,
.MyCalendar .ajax__calendar_other .ajax__calendar_year {color: black;}
.MyCalendar .ajax__calendar_hover .ajax__calendar_day,.MyCalendar .ajax__calendar_hover .ajax__calendar_month,.MyCalendar .ajax__calendar_hover .ajax__calendar_year {color: black;}
.MyCalendar .ajax__calendar_active .ajax__calendar_day,
.MyCalendar .ajax__calendar_active .ajax__calendar_month,
.MyCalendar .ajax__calendar_active .ajax__calendar_year{color: black;font-weight:bold;}

/* 購物車 */
.receive, .ordercontent, .count{margin:10px 0px;}
.receive table{border-collapse:collapse;}
.receive table td{border: solid 1px #CCC;height:22px;}
.receive table td.title{color:#F60; font-size:medium;}
.receive table td.right{text-align:right;width:20%;}
.receive table td.left{text-align:left;width:80%;}
.receive table td.ckbmember{text-align:right;}
.receive table td .star{color:Red;}
.receive table td em{ font-style:normal;color:red;}


/* 加入會員、修改資料、密碼 */
.member{width:500px;}
.member table{width:100%; background-color:#DEF1E1; text-align:center;border-collapse:collapse;}
.member tr{height:25px;}
.member tr td{border:#ccc solid 1px; padding:5px;}
.member tr .left{ width:100px; text-align:right;}
.member tr .right{width:398px; text-align:left;}
.member tr td .star{color:#c00; font-size:small;}
.member tr td em{ font-style:normal;color:red;}

/* 會員登入 */
.login{width:300px; margin:0px auto; }
.login table{border-collapse:collapse; background-color:#DEF1E1; width:100%; text-align:center;}
.login tr{height:25px;}
.login tr td{border:#ccc solid 1px; padding:5px;}
.login .lg_l{width:100px; text-align:right;}
.login .lg_r{width:200px; text-align:left;}


/* 分頁 */
#pager {font-family:verdana; line-height: normal; font-size: 14px; margin-top:6px; margin-left:50px;}
#pager a, #pager span { float:left; display:block; color:#390; font-weight:normal; text-decoration:none; letter-spacing:0px; border:1px solid #ccc; padding:0px 6px; margin:5px 2px; text-align:center; height:22px; line-height:22px; } /* SPAN和連結 */
#pager a:hover, #pager a.current { color:#060; border:1px solid #390; background:#e8ffdc; } /* 當前頁面  */
#pager a.current { font-weight:bold;}


/* 最新消息 */
.news{height:300px; width:95%; margin:0px auto;}
.news ul{list-style-type:none;}
.news li{width:100%; border-bottom:solid 1px #ccc;}
.news li a{display: block;height:28px; padding-top:6px; }
.news li a:hover{text-decoration:none;background-color:#FFFEDF;color:#333;}
.news li span{color:#A84115; margin:0px 5px;font-weight: bold;}

/* 最新消息內容 */
.nview{width:95%; margin:0px auto;}
.nview .v_top{border-bottom:solid 1px #ccc; color:#900; margin-top:20px; font-weight:bold;}
.nview .v_top span{color:#900;}
.nview .v_main{vertical-align:top; height:250px; margin-top:10px;}
.nview .v_footer{border-top:solid 1px #ccc; text-align:right; padding-top:10px; margin:10px 0px;} 

/* 留言板 */
/*====================================================================*/
/* 資料表格式  */
.grid{width:600px;font-family:Tahoma;}
.grid H2 {margin:0; padding:0; color:#ffffff;height:20px;line-height:20px;font-size:14px;}
.grid .mid{padding:3px 0px 0px 0px;}
.grid .datatable{width:100%;color:#666;}        
.grid .datatable TH{font-size:12px;font-weight:bold;letter-spacing:0px;text-align:left;padding:2px 4px;color:#333333;border-bottom:solid 2px #ccc;}
.grid .datatable TH A{text-decoration:none;	padding-right:18px; color:#5a90ce;}
.grid .datatable TH.sortasc A { background:url(../Webimage/img/asc.gif) right center no-repeat; }
.grid .datatable TH.sortdesc A { background:url(../Webimage/img/desc.gif) right center no-repeat; }
.grid .datatable .row TD{font-size:11px;text-align:left;padding:6px 4px;border-bottom:solid 1px #ccc;}
.grid .datatable TD A{text-decoration:none;color:#5a90ce;}      
.grid .datatable TD a:hover{color:#00F;}
.grid .datatable .row TD.first { padding-left:10px; }
.grid .datatable TH.first { padding-left:10px; }
.grid .datatable .row:hover .first{background-repeat:no-repeat;background-image:url(../Webimage/img/bullet.gif);}  

/* 分頁 */
.grid pager TD{border-top:solid 2px #bbd9ee;}
.grid .pager{font-family:arial,sans-serif;text-align:center;padding:6px;font-size:18px;} 
.grid .pager TD A{color:#5a90ce;padding:0px 5px;text-decoration:none;border:none;}
.grid .pager TD A:hover{border:solid 2px #408BB6;background-color:#59A5D1;color:#fff;padding:0px 3px;text-decoration:none;}        
.grid .pager TD SPAN{border:none;font-weight:bold;color:#3e3e3e;padding:0px 6px;}

/*  資料表外框格式   */
div.rounded {clear:both;max-width:2400px;}
div.rounded div.top-outer {background:url(../Webimage/img/tl.gif) no-repeat left bottom;padding:0px;width:100%;}
div.rounded div.top-outer div.top-inner {background:url(../Webimage/img/tr.gif) no-repeat right bottom;margin-left:9px;}
div.rounded div.top-outer div.top-inner div.top {background:url(../Webimage/img/tm.gif) repeat;height:23px;margin-right:9px;font-size:.01em;}
div.rounded div.mid-outer {background:url(../Webimage/img/l.gif) left repeat-y;clear:both;width:100%;}
div.rounded div.mid-outer div.mid-inner {background:url(../Webimage/img/r.gif) right repeat-y;margin-left:9px;}
div.rounded div.mid-outer div.mid-inner div.mid {background-color:#ffffff;margin-right:9px;}
div.rounded div.bottom-outer {background:url(../Webimage/img/bl.gif) no-repeat left top;clear:both;padding:0px;width:100%;}
div.rounded div.bottom-outer div.bottom-inner {background:url(../Webimage/img/br.gif) no-repeat right top;margin-left:8px;}
div.rounded div.bottom-outer div.bottom-inner div.bottom {background:url(../Webimage/img/bm.gif) repeat;height:9px;margin-right:8px;font-size:.01em;}

/* 資料表核心  */
.money { color:Green; }

/*==============================================================*/

/* Button */
.btnSubmit{FONT-SIZE:9pt; WIDTH: 70px;COLOR:#000;FONT-FAMILY: Arial;HEIGHT:18px;background-color:#fff;border:solid 1px #666; margin-right:5px;}

/* 自動換行 */
.wordwrap{word-break: break-all;word-wrap: break-word;-moz-binding: url('../xml/wordwrap.xml#wordwrap');display: block;overflow: auto;}

/* 圖片 */
.imgborder {padding: 4px;border: 1px solid #CCCCCC;}

/* 產品列表外框  */
.broderline{padding: 4px;border: 1px solid #ccc; width:128px; height:132px; background-color:#fff; text-align:center;}

/* 回上頁 */
.prepg{ margin:20px auto; text-align:center;}

/* 產品瀏覽 */
#pt_view table{width:100%;}
#pt_view .pv_l{width:50%; text-align:center;}
#pt_view .pv_r{width:50%; vertical-align:top;}
#pt_view .pname{background-color:#0F78C9; text-align:left; color:#fff; font-weight:bold; font-size:medium; line-height:30px; padding-left:5px;}
#pt_view .left{width:20%; color:#900; text-align:right; font-weight:bold; vertical-align:top;}
#pt_view .right{width:80%; text-align:left;}
#pt_view .prepg{text-align:center; padding:30px 0px;}
#pt_view .left_1{text-align:left;}


/* 產品類別列表 */
#navigation {width: 150px;font-family: Geneva, Arial, Helvetica, sans-serif;text-align: center;}
#navigation ul {list-style-type:none;margin: 0px;padding: 0px;}
#navigation li {border-bottom-width: 1px;border-bottom-style: dashed;border-bottom-color: #FFFFFF;}
#navigation li a{display:block;text-decoration:none;width: 100%; padding:3px 5px;}
#navigation li a:link, #navigation li a:visited{color:#000000;display: block;}
#navigation li a:hover{background-color:#008e8b;color:#FFFFFF;}

#albumlist ul{list-style-type: none;margin-right: 20px;	margin-left: 20px;}
#albumlist li {	float: left;margin-right: 9px;margin-bottom: 10px;color: #333333;text-align: left;font-family: Arial, Helvetica, sans-serif;font-size: 0.8em;line-height: 14pt;	font-weight: normal;}
#albumlist img {display: block;	border: 3px solid #CFECA8;}

/* 錯誤訊息 */
.ermsg{color:red; font-size:medium; text-align:center;}
.ertop{margin-top:120px;}

