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

.eCard { padding:10px;background:#f6f5ea;border-radius:8px;}
.eCard form { text-align:left;}
.eCard form input[type="text"], .eCard form textarea { width:480px;border-color:#bbb;}
.eCard form textarea { height:9em;}
.eCard form .buttonDiv { margin-left:0;margin-right:0;}
.eCard h3 { font-size:1.1em;margin:.5em 0 .6em 1em;padding:0;}
.eCard .cards, .eCard .stamp, .eCard .message { padding:15px 0 5px;margin:10px 0;}
.eCard .cards ul { list-style:none;margin:0 10px 0 42px;padding:0;overflow:hidden;_width:100%;}
.eCard .cards li { float:left;margin:0 12px 12px 0;padding:3px;border:1px solid #bbb;background:#fff;text-align:center;}
.eCard .cards li img { width:150px;height:100px;display:block;margin:0 0 3px;}
/*-- for stamp list 郵票 --*/
.eCard .stamp { background:#e1e0d3;border-radius:8px;*width:650px;*height:230px;*overflow: auto;*border:8px solid #e1e0d3;*margin:0  auto;}
.eCard .stamp ul { padding:0;margin:0 auto 20px 35px;width:660px;height:190px;white-space:nowrap;overflow: auto;*width:1600px;*height:160px;*margin-left:10px; *overflow:hidden;}
.eCard .stamp li { float:none;display:inline-block;margin:10px 7px;padding:0;text-align:center;*float:left;*height:160px;}
.eCard .stamp li img { margin:0 auto;display:block;*display:inline;}
.eCard .stamp li input { *display:block;}
/* scrollbar style setting */
.eCard .stamp ul::-webkit-scrollbar {
 height:10px;}
/* Track */
.eCard .stamp ul::-webkit-scrollbar-track {
 -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.4);-webkit-border-radius:9px;border-radius:9px;}
 /* Handle */
.eCard .stamp ul::-webkit-scrollbar-thumb {
 -webkit-border-radius:9px;border-radius:9px;background: #28a9e5;-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.4);cursor:pointer;}
/*.eCard .stamp ul::-webkit-scrollbar-thumb:window-inactive {}*/




/*-----*/
.eCard .message table { margin:15px auto 0;}
.eCard .message .buttonDiv { margin:auto 40px 20px;}
/*---------------------Preview and Mail to*/
.eCardMailTo { width:620px;margin:20px auto 0;padding:0;color:#111;border:1px solid #ada893;border-bottom-style:dashed;background:#fff;}
.eCardMailTo .body { }
.eCardMailTo .body .title { font-size:16px;line-height:19px;padding:8px 8px 0;margin:0;font-weight:bold;height:19px;overflow:hidden;}
.eCardMailTo .image { text-align:center;padding:0;}
.eCardMailTo .image img { width:600px;height:400px;border:10px solid #fff;display:block;}
/*---------------------------明信片寫字、貼郵票區--*/
.textSide { background:#e3dfcf;margin:0 auto;padding:30px 0;position:relative;width:620px;height:340px;color:#111;border:1px solid #ada893;border-top:none;}
.textSide .message { margin:0 170px 0 25px;padding:0 2px;font-size:13px;line-height:25px;letter-spacing:normal;background:url(../images/message_bg.gif) repeat 0 -3px;height:340px;overflow:hidden;}
.textSide .message p { 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:12px;text-align:center;}
.textSide .postmark { position:absolute;top:115px;right:15px;width:100px;height:100px;}
/*---------------------------送件人、收件人資訊--*/
.mailInfo { margin:20px auto;padding:10px;border:1px solid #ada893;background:#fff;width:600px;}
.mailInfo table { color:#111;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;}