@charset "UTF-8";
/* CSS Document : eCard */

.eCard { padding-left:5px; }
.eCard form { text-align:left; }
.eCard form input[type="text"], .eCard form textarea { border-color:#bbb; }
.eCard form .buttonDiv { margin-left:0; margin-right:0; border-color:#bbb; }
.eCard h3 { font-size:1.1em; margin:1.6em 0 .6em; }
.eCard .thumbnail { list-style:none; margin:10px 0; padding:0; overflow:hidden; _width:100%; }
.eCard .thumbnail li { float:left; margin:0 12px 12px 0; padding:3px; border:1px solid #bbb; text-align:center; }
.eCard .thumbnail li img { width:160px; display:block; margin:0 0 3px; }
.eCard .thumbnail li input { }
.eCard .bgStyle li img { width:70px; }
/*-- for stamp --*/
.eCard .stamp { background:#e1e0d3;text-align:center;  margin:5px 15px 40px 0; padding:0 0 0 30px; }
.eCard .stamp li {float:left; margin:15px 7px; padding:0; border:none; width:auto; }
.eCard .stamp li img { width:auto; margin:0 auto; *float:left;}
.eCard .stamp li input { display:block; margin:5px auto; *display:inline; *clear:both; }
/*---------------------Preview and Mail to*/
.eCardMailTo { width:500px; margin:20px auto 0; padding:0; color:#111; border:1px solid #bbb; border-bottom-style:dashed;/*box-shadow:rgba(0,0,0,0.3) 0 0 6px;*/
}
.eCardMailTo .body { }
.eCardMailTo .body .title { font-size:17px; line-height:110%; padding:8px 8px 0; margin:0; font-family:"Times New Roman", Times, serif; font-weight:bold; }
.eCardMailTo .image { text-align:center; padding:0; }
.eCardMailTo .image img { width:480px; border:10px solid #fff; display:block; }
/*---------------------------明信片寫字、貼郵票區--*/
.textSide { background:#e1e0d3; margin:0 auto; padding:30px 0; position:relative; width:500px; height:270px; color:#111; border:1px solid #aaa; border-top:none;/*box-shadow:rgba(0,0,0,0.3) 0 0 6px;*/
}
.textSide .message { margin:0 170px 0 25px; padding:0 2px; font-family:"Times New Roman", Times, serif; font-size:13px; line-height:25px; background:url(../images/message_bg.gif) repeat 0 -3px; min-height:125px; _height:125px; }
.textSide .message p { max-height:200px; overflow:hidden; margin:0; padding:0; line-height:inherit; }
.textSide .signature { display:block; text-align:right; }
.textSide .stampHere { position:absolute; width:140px; top:35px; right:24px; text-align:right; }
.textSide .postmark { position:absolute; top:5px; right:75px; width:100px; height:100px; }
.calendarMailTo .photobyTWgov { display:block; margin:18px 9px 0; text-align:right; font-size:10px; color:#555; }
.textSide .photobyTWgov { position:absolute; bottom:8px; right:12px; text-align:right; font-size:10px; color:#555; }
/*---------------------------送件人、收件人資訊--*/
.mailInfo { margin:20px auto; padding:10px; border:1px solid #ccc; width:480px; }
.mailInfo table { color:#111; font-style:italic; font-family:Georgia, "Times New Roman", Times, serif; border-collapse:collapse; line-height:120%; font-size:.92em; }
.mailInfo th { font-weight:normal; text-align:right; color:#555; white-space:nowrap; vertical-align:top; padding:3px .5em 6px 0; }
.mailInfo td { padding:3px 1.5em 6px 0; vertical-align:top; }
.mailInfo .buttonDiv { margin:3px 0 0; border-color:#ccc; }
