input[type="button"].btn-sign, input[type="button"].btn-get{display:inline-block; padding:.65em .74em; border-radius:3px; background:#06c; color:#fff; border:none;}
input[type="button"].btn-sign:hover, input[type="button"].btn-sign:active,
input[type="button"].btn-get:hover, input[type="button"].btn-get:active{position:relative; top:1px;}
input[type="button"].btn-get{background:#FD6AB9; padding:.65em 0; width:7em;}
input[type="button"].btn-get.used{background:#ccc; color: #fff;}
input[type="button"].btn-get.used:hover, input[type="button"].btn-get.used:active{position:static;}

.chart, .signin{padding:30px 0;}
.chart h3, .signin h3{font-size:30px; color:#dc145b; text-align:center; text-shadow:0 0 6px rgba(220,20,91,.4); margin:0 auto 15px;}
.signin dl{max-width:100%; margin:0 auto;}
.signin dt, .signin dd{display:inline-block; font-size:15px; padding:8px 4px; vertical-align:middle;}
.signin dt label{margin:0; padding:8px 0; display:inline-block; vertical-align:middle; text-align:right; min-width:5em;}
.signin dd input[type="text"], .signin dd input[type="password"]{padding:.65em .5em; border:1px solid #cecece; border-radius:3px; width:18.5em;}
.signin dd input[type="text"]:focus, .signin dd input[type="password"]:focus{border:1px solid #298fca;}
.signin dd input.captcha{width:6em !important;}
.signin a:link, .signin a:visited{display:inline-block; padding:1px 6px;}
.signin dl:first-child dt, .signin dl:first-child dd{padding-top:0;}
.item-tb{background:#fcfcfc; /*FDEFF4*/ border:15px solid #fcfcfc; border-width:5px 20px; box-shadow:0 0 2px 1px rgba(153, 142, 146, 0.61); width:100%; max-width:75%; border-collapse:collapse; font-size:15px; margin:0 auto;}
.item-tb td{padding:.35em .75em; border-bottom:1px solid #dfdfdf; text-align:center; text-shadow:0 2px 1px #fff;}
.item-tb thead td{font-weight:bold; border-bottom:1px dashed #999; font-size:20px;}
.item-tb tbody td{color:#555;}
.item-tb tbody td:first-child + td{font-size:20px; color:#c00;}
.sign-help{margin-top:15px;}
.sign-help a + a{border-left:1px solid #ccc;}

.exchang{margin:0 auto 30px;}
.exchange h4{font-size:18px; line-height:1; color:#555; background:#f5f5f5; border-radius:2px; box-shadow:0 1px 2px 0 rgba(96,96,96,.5); margin:0 auto 15px; padding:10px 15px;}

.exchange ul{list-style-type:none; display:table-row; font-size:15px;}
.exchange li{display:table-cell; padding:8px 10px; color:#666; border-bottom:1px solid #dedede; vertical-align:middle;}
.exchange h4 + ul{font-weight:bold; color:#222;}
.exchange h4 + ul li{color:#B61D53; padding-bottom:0; border-bottom:none;}
.exchange li.odr-no, .exchange li.odr-date, .exchange li.odr-area{min-width:7em;}
.exchange li.odr-name span{display:block; max-height:4.3em; overflow:hidden;}
.exchange li.odr-btn{min-width:8em;}
.no-record{padding:15px; text-align:center; font-size:15px; color:#666;}

@media screen and (min-width: 619px) and (max-width: 991px){
.signin dl{max-width:65%;}
}

@media screen and (max-width: 767px){
.exchange li{padding:.3em;}
}

@media screen and (max-width: 670px){
.exchange ul{display:block; margin:0 0 30px; border-bottom:1px solid #dedede; padding-bottom:10px;}
.exchange h4 + ul{display:none;}
.exchange ul{display:block; position:relative;}
.exchange li{display:block; border-bottom:none;}
.exchange li.odr-no, .exchange li.odr-name, .exchange li.odr-date, .exchange li.odr-area{min-width:auto; max-width:100%;}
.exchange li.odr-btn{min-width:auto; position:absolute; bottom:10px; right:0;}
.exchange li.odr-name{padding-right:8em; padding-left:3.3em;}
.exchange li.odr-name span{display:block; max-height:inherit; overflow:visible;}
.exchange li.odr-no:before, .exchange li.odr-name:before, .exchange li.odr-date:before, .exchange li.odr-area:before{font-weight:bold; color:#B61D53;}
.exchange li.odr-no:before{content:"訂單：";}
.exchange li.odr-name:before{content:"商品："; position:absolute; left:.3em;}
.exchange li.odr-date:before{content:"日期：";}
.exchange li.odr-area:before{content:"地區：";}
}

@media screen and (max-width: 618px){
.chart h3, .signin h3{font-size:22px;}
.signin dl{margin:10px 0 0;}
.signin dl:first-child{margin:0;}
.signin dt, .signin dd{display:block; padding:2px;}
.signin dt label{padding:0; text-align:left; min-width:auto;}
.signin .submitter dt{display:none;}
.signin dd input[type="text"], .signin dd input[type="password"], .signin-dl .submitter dd [type="button"]{width:100%;}
input[type="button"].btn-sign{width:100%;}
.item-tb{max-width:100%;}
.sign-help{text-align:center;}
}