﻿@import "shopping.css?ver=20160811001";
/*下方按鈕*/
input.correct {
    display: block;
    float: right;
    width: 155px;
    height: 41px;
    margin: 0 0 0 15px;
    padding-top: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    background: url(../images/shopping/correct_bt.png) 0 0 no-repeat;
    text-indent: -9999px;
    border: none;
}

input:hover.correct {
    background-position: 0 -41px;
}

/*購物清單*/
div.shopping div.order_list {
    display: block;
    width: 754px;
    margin: 30px auto 0 auto;
}

div.shopping div.order_list h3 {
    font-size: 22px;
    font-weight: bold;
    color: #ed6d00;
    letter-spacing: 1px;
}

div.shopping div.order_list table {
    display: block;
    width: 754px;
    margin: 10px 0 0 0;
    border-collapse: collapse;
}

div.shopping div.order_list table tr {
    display: block;
    font-size: 13px;
    color: #373737;
}

div.shopping div.order_list table tr#hidden {
    display: none;
}

div.shopping div.order_list table tr th {
    padding: 7px 0;
    background: #b5b6b6;
    font-size: 12px;
    color: #fff;
}

div.shopping div.order_list table tr td {
    padding: 10px 0;
    border-bottom: #b5b6b6 1px solid;
    text-align: center;
    vertical-align: middle;
    overflow: hidden;
}

div.shopping div.order_list table tr .img {
    width: 102px;
    padding-left: 10px;
    text-align: left;
}

div.shopping div.order_list table tr .name {
    width: 318px;
    text-align: left;
    color: #ed6d00;
    line-height: 18px;
}

div.shopping div.order_list table tr .quantity {
    width: 64px;
    text-align: center;
}

div.shopping div.order_list table tr .money {
    width: 100px;
    text-align: center;
}

div.shopping div.order_list table tr .subtotal {
    width: 100px;
    text-align: center;
}

div.shopping div.order_list table tr .del {
    width: 60px;
    text-align: center;
}

div.shopping div.order_list table tr .del a {
    display: block;
    width: 22px;
    height: 22px;
    margin: 0 auto;
    background: url(../images/shopping/del_bt.jpg) 0 0 no-repeat;
    text-indent: -9999px;
}

div.shopping div.order_list table tr .del a:hover {
    background: url(../images/shopping/del_bt.jpg) 0 -22px no-repeat;
}

div.shopping div.order_list table td img {
    width: 95px;
    height: 75px;
}

div.shopping div.order_list table td a {
    display: block;
    color: #373737;
}

div.shopping div.order_list table td a:hover {
    color: #ed6d00;
}

div.shopping ul.total {
    display: block;
    clear: both;
    padding: 10px;
    background: #efefef;
    border-bottom: #b5b6b6 1px solid;
}

div.shopping ul.total li {
    display: block;
    text-align: right;
    font-size: 13px;
    line-height: 20px;
    overflow: hidden;
}

div.shopping ul.total li.all {
    color: #ed6d00;
}

div.shopping ul.total li span {
    display: block;
    float: right;
    width: 100px;
    margin: 0 5px;
}

div.shopping ul.total li span b {
    font-size: 16px;
    font-weight: bold;
}

div.shopping ul.total2 {
    display: block;
    clear: both;
    padding: 10px;
    background: #fff;
    border-bottom: #b5b6b6 1px solid;
}

div.shopping ul.total2 li {
    display: block;
    text-align: right;
    font-size: 13px;
    line-height: 20px;
    overflow: hidden;
}

div.shopping ul.total2 li.all {
    color: #ed6d00;
}

div.shopping ul.total2 li span {
    display: block;
    float: right;
    width: 100px;
    margin: 0 5px;
}

div.shopping ul.total2 li span b {
    font-size: 16px;
    font-weight: bold;
}

div.shopping div.order_list p.bonus {
    display: block;
    padding: 10px;
    border-bottom: #b5b6b6 1px solid;
    text-align: right;
}

div.shopping div.order_list p.bonus span {
    margin: 0 5px;
    font-size: 15px;
    font-weight: bold;
    color: #d40000;
}

div.shopping div.order_list p.bonus input.ts {
    width: 40px;
}

div.shopping div.order_list p.bonus a.link { display:block; float:right; width:71px; height:17px; margin:0px 0 0 0; padding:4px 0 0 0; background:url(../images/product/shop_bt.png) no-repeat; text-align:center; font-size:12px; color:#fff;}

.PAN_HEAD {
    FONT-SIZE: 10pt;
    width: 120px;
}

.PAN_BODY {
    FONT-SIZE: 10pt;
}

.PAN_INPUT {
    FONT-SIZE: 10pt;
}

.EXPIREDATE_HEAD {
    FONT-SIZE: 10pt;
    width: 120px;
}

.EXPIREDATE_BODY {
    FONT-SIZE: 10pt;
}

.EXPIREDATE_SELECT {
    FONT-SIZE: 10pt;
}

.EXTENNO_HEAD {
    FONT-SIZE: 10pt;
    width: 120px;
}

.EXTENNO_BODY {
    FONT-SIZE: 10pt;
}

.EXTENNO_INPUT {
    FONT-SIZE: 10pt;
}

.BUTTON_BODY {
    FONT-SIZE: 10pt;
}

.CONFIRM_BUTTON {
    FONT-SIZE: 10pt;
}

.RESET_BUTTON {
    FONT-SIZE: 10pt;
    display: none;
}

#payPage table {
    width: 100%;
}

/* 頁碼 */
.pagenumber {
	display: block;
	clear:both;
    padding-top:3px;
	height:0px;
    text-align:center;
	list-style: none;
	float:none;
}
/* 紅利 */
div.shopping div.bonus ul a.link_disable { display:block; float:left; width:71px; height:19px; margin:7px 0 0 0; padding:2px 0 0 0; background:url(../images/product/none_bt.png) no-repeat; text-align:center; font-size:12px; color:#fff;}

div.mergeOrder {
    margin-left :20px;
    margin-top:20px;
    position: relative;
    width: 640px;
}
div.mergeOrder h3 {
    color: #ED6D00;
    display: block;
    font-size: 22px;
    font-weight: bold;
    letter-spacing: 1px;
    padding: 0 0 10px;
}
div.mergeOrder table {
    border-bottom: 1px solid #B5B6B6;
    border-collapse: collapse;
    border-top: 1px solid #B5B6B6;
    font-size:14px;
    width: 620px;
}
div.mergeOrder table td {
    padding: 10px;
    vertical-align: middle;
}
div.mergeOrder table tr {
    border-bottom: 1px dotted #DAD8D8;
    display: block;
}
div.mergeOrder table .title {
    background: none repeat scroll 0 0 #F7F7F7;
    color: #373737;
    text-align: right;
    width: 110px;
}
div.mergeOrder table .text {
    width: 300px;
}
div.mergeOrder table .text span {
    color: #ED6D00;
    font-weight: bold;
    margin: 0 5px;
}
div.mergeOrder table .text p {
    line-height: 16px;
}