@charset "utf-8";

div[class^=cart] > p[class^="step"] {width:100%;height:0;padding-bottom:5.9%;margin:0 auto 40px;}
div[class^=cart] > p.step1 {background:url(../images/cart_step11.png) no-repeat;}
div[class^=cart] > p.step2 {background:url(../images/cart_step21.png) no-repeat;margin-bottom:0;}
div[class^=cart] > p.step3 {background:url(../images/cart_step31.png) no-repeat;margin-bottom:5px;}
div[class^=cart] > p.step4 {background:url(../images/cart_step41.png) no-repeat;}

div[class^=cart] p+p{width:99%;margin:10px auto;font-size:16px;} 

div[class^=cart] table.cartlist{width:99%;margin:10px auto 25px;} 
div[class^=cart] table.cartlist th{background:#333;border:1px #333 solid;line-height:35px;border-collapse:collapse;color:#fff;}
div.cart4 table:not(.cartlist) th{background:#a4caed;border:1px #a4caed solid;color:#666;}
div[class^=cart] table.cartlist tr:nth-child(odd){background-color: #F5F5F5;} 
div[class^=cart] table.cartlist tr:nth-child(even){background:#fff}
div[class^=cart] table.cartlist td{text-align:center;line-height:45px;border-bottom:1px #d4d0d0 solid}
div[class^=cart] table.cartlist td img{ vertical-align:middle;margin:10px auto;}

div[class^=cart] table.cartlist caption{text-align:left;font-size:18px;font-weight:bold;}
div[class^=cart] table.cartlist caption span{color: #2da0a0;}
div[class^=cart] table.cartlist caption b{display:inline-block;float:right;font-weight:normal;font-size:.8em;}



div[class^=cart] table.cartlist td:nth-child(4),
div[class^=cart] table.cartlist td:nth-child(8),
div[class^=cart] table.cartlist td:nth-child(4),
div[class^=cart] table.cartlist td:nth-child(8),
#product-subtotal,#order-total,#fareshow,#coupon{color:#F00}

div[class^=cart] table.cartlist td:nth-child(9),
div[class^=cart] table.cartlist td.blue,
span.blue,
div[class^=cart] table.listable td:nth-child(9){color:#0006ff}
div[class^=cart] table.cartlist td input[type=number]{text-align:center;}
div[class^=cart] table.cartlist td input[name^=quantity]{width:40px;}
/*
div[class^=cart] table td input[disabled],div[class^=cart] table td input[readonly] {
    background-color: transparent !important;
    padding: 0 !important; border:none;
}
div[class^=cart] table.cartlist td select{width:100px;}
#fare select{width:100px;}
*/

div[class^=cart] table tr.lightgray td{background:#e6e5e5;border:none;line-height:32px;}
div[class^=cart] table tr.trspace td{background:#ffffff;border:none;height:1em;}
div[class^=cart] table tr.white td{background:#fff;border:none;color:#666;}
div[class^=cart] table tr.botop td{border-top:1px solid #999}
div[class^=cart] table tr.lightgray.bobot td{border-bottom:1px dashed #999}
div[class^=cart] table tr.white td p{line-height:1.5em;padding:1em;}
div[class^=cart] table a.link5{line-height:16px;}
#product-subtotal,#bonus-total,#fareshow,#coupon,.font21{font-size:21px}
#order-total{font-size:32px}
input.link5 ,select.link5, a.link5, button.link5{
    display:inline-block;
	width:137px;
	padding:5px 10px;
	font-weight:bold;
	text-align:center;
	background:#f6f7f7;
	border:1px solid #974995 ;
	color:#974995;
	border-radius:6px;
	font-size:13px;
	cursor: pointer;
	outline:none;
}
a.link5{width:125px !important;padding:5px;}
.link5:hover{ background:#974995; color:#fff   }
input.link6, button.link6 {
	display: inline-block;
	width: 180px;
	padding: 5px 0;
	font-weight: 500;
	text-align: center;
	background: #F00;
	border: none;
	color: #fff;
	font-size: 1.2em;
	font-weight: bold;
	margin-top: 20px;
	cursor: pointer;
	letter-spacing:3px;
	outline:none;
}
.Cart input.link6, .Cart button.link6 {
    margin-top: 5px;
    cursor: pointer;
    float: left;
    height: 30px;
    text-align: center;
    font-size: 15px;
    line-height: 30px;
    color: #FFF;
    background-color: #000;
    /* border: #999 1px solid; */
}

.payway{font-size:1.5em;line-height:2.1em;font-weight:bold;}
.payway + div {vertical-align:top;display:table;width:100%;}
.payway + div label{position:relative;display: table-cell;width:calc(100% / 5);margin:0;cursor:pointer;border-left:1px solid #999;text-align:center;}
.payway + div label:last-child{border-right:1px solid #999;text-align:center;}
.payway + div label input[type="radio"]{position:absolute;z-index:-1}
.payway + div label input[type="radio"] + span{display:block;}
.payway + div label span img {display:block;margin:0 auto;}
.payway + div label span img + b:before{content:'→';}
.payway + div label input[type="radio"]:checked + span {padding:3px 0;border:#F00 2px solid;}

.table {
	padding:50px;
	border:5px solid #CCC;
	margin:10px auto;
	width:calc(99% - 110px);
}
.table table.sendtb{
	width:45%;
	float:left;
	position:relative;
}
.table table.sendtb + table.sendtb{
	margin-left:9.5%;
}
.table table.sendtb.super{padding-top:50px;}
.table table.sendtb.super + table.sendtb.super{
	margin-left:0;
	
}
.table h3.super + table.sendtb.super:after{
	content:'';
	width:6px;
	height:195px;
	background:url(../images/content/line_center.gif) center;
	display:inline-block;
	position:absolute;
	top:0;
	right:55px;
}
.table h3.super + table.sendtb.super{margin-left:9.5%;}
.table table td{
	vertical-align:top;
	text-align:left;
	line-height:1.5em;
	padding:10px 0;
}
.table table.sendtb tr:first-child td{
	padding:0 0 30px 0;
}
.sendtb tr:first-child h3, h3.super{
	text-align:center;
	font-size:1.8em;
	letter-spacing:2px;
	line-height:2em;
	border-bottom:1px dotted #999;
}
h3.super{clear:both;width:75%;margin-bottom:30px;}
.table table td input, .table table td select{
	padding:3px 4px;
	border:1px solid #CCC;
}
.table table label input[type="checkbox"]{vertical-align:middle;margin-right:5px;}
.table table td input:not([type="checkbox"]){width:220px;}
.table table td:first-child:not([colspan]):before{
	content:url(../images/content/img_bkiom.gif);
	width:18px;
	display:inline-block;
	position:relative;
	top:2px;
}
.table table td select + input{
	display:block;
	margin-top:5px;
	width:250px !important;
}

.btnSubmit{
	font-family: "Microsoft JhengHei","微軟正黑體",Arial;
	width:270px;
	height:55px;
	background:#333;
	color:#fff;
	font-style:italic;
	font-size:1.2em;
	letter-spacing:15px;
	box-shadow:4px 4px #dcdcdc;
	border:0;
	cursor:pointer;
	position:relative;
	outline:none;
	margin-top:30px;
}
/*
.btnSubmit:after{
	content:'Go　';
	position:absolute;
	right:0;
	letter-spacing:0;
	font-weight:bold;
	font-style:normal;
	text-decoration:underline;
}
*/
.btnSubmit:hover{
	background:#bebebe;
	color:#000;
}
.store{
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #ffffff 50%, #f9f9f9 65%, #f1f1f1 81%, #f6f6f6 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#ffffff 50%,#f9f9f9 65%,#f1f1f1 81%,#f6f6f6 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #ffffff 0%,#ffffff 50%,#f9f9f9 65%,#f1f1f1 81%,#f6f6f6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */
	width:175px;
	line-height:30px;
	outline:none;
	position:relative;
	cursor:pointer;
}
.store:before{
	content:'';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 4px 0 4px 6.9px;
	border-color: transparent transparent transparent #2da0a0;
	position:absolute;
	left:30px;
	top:12px;
}
a.restore {
	display:block;
    font-size: 13px;
    color: #2da0a0;
    line-height: 18px;
    padding: 25px 0 15px;
    text-decoration: underline;
}
a.restore:before{
	content:url(../images/content/img_gniom.gif);
	width:18px;
	margin-right:5px;
}
div[class^=cart] table.list4{
	border:5px #ccc solid;
	width:90%;
}
div[class^=cart] table.list4 th{background:#ccc;border:0;}
/* -------------------------------------------------- */
/* boxtab-blue */
/* -------------------------------------------------- */
#boxtab-blue {
	padding:0;
	background:#fff;
	width:100%;
	overflow:hidden;
	font-family:Verdana, Geneva, sans-serif;
}
#boxtab-blue ul {
	float:right;
	margin:0;
	padding:0;
	list-style:none;
	text-align:center;
}
#boxtab-blue ul li {
	display:block;
	float:left;
	list-style:none;
	margin:20px 0 0 0;
	padding:0;
	position:relative;
	right:10%;
}
#boxtab-blue ul li a {
	display:block;
	float:left;
	margin:0 1px;
	padding:5px 20px;
	background:#fff;
	text-decoration:none;
	color:#000;
	border-top:1px solid #369;
	border-left:1px solid #369;
	border-right:1px solid #369;
	position:relative;
	bottom:1px;
}
#boxtab-blue ul li a:hover {
	background:#36f;
	color:#fff;
}
#boxtab-blue ul li.active {
	margin-top:10px;
}
#boxtab-blue ul li.active a,
#boxtab-blue ul li.active a:hover {
	position:relative;
	bottom:0;
	padding:10px;
	background:#fff;
	color:#000;
	font-weight:bold;
}
#boxtab-blue ul li a span{
	display:inline-block;
	width:18px;
	height:18px;
	line-height:18px;
	border-radius:99em;
	background-color:black;
	color:#fff;
	vertical-align:middle;
	margin-left:5px;
}

#mobi div[class^=cart],
#mobi div[class^=cart] table.cartlist
{
	width:95%; float:none;
} 
#mobi div[class^=cart] > p[class^="step"]{ height:0;padding-bottom:9.75%; background-repeat:no-repeat;background-size:contain; margin: 0 auto 10px;}

#mobi .cart.container table.cart_item{
	width: calc(100% - 2px);
	border: 1px solid #CCC;
	margin-bottom: 5px;
	border-spacing: 15px 5px;
	border-collapse:separate;
}
#mobi .cart.container table.cart_item td:last-child{width:65%;}
#mobi .cart.container table.cart_item input[type="number"]{width:80px; text-align:center;}
#mobi .cart.container table.cart_item tr:first-child input[type="image"]{ float:right;}
#mobi .cart.container table.cart_item td[rowspan]{ text-align:center;}
#mobi .cart.container table.cart_item td[rowspan] img{ width:100%;height:auto;border:1px solid #CCC;}

#mobi .cart.container table.cart_sums{width:100%;border-spacing:0;border-collapse:collapse;}
#mobi .cart.container table.cart_sums td[colspan]{width:50%;}
#mobi button.link5{ max-width:98%; }

#mobi .payway + div label span img { width:100%; max-width:100%; }
#mobi input.link6, button.link6 { width: 75%; display:inline-block; }

#mobi .table {
	padding:10px;
	width:100%;
}
#mobi .table table.sendtb{
	width:100%;
	float:none;
}
#mobi .table table.sendtb + table.sendtb,
#mobi .table h3.super + table.sendtb.super{
	margin-left:0;
}
#mobi h3.super{width:100%;margin-bottom:20px;}
#mobi .table table.sendtb.super{padding-top:0;}
#mobi .table h3.super + table.sendtb.super:after{
	content:'';
	width:0;
	height:0;
	background: none;
}
#mobi .table table tr td:first-child:not([colspan]){
	width:25%;
}
#mobi .table table tr td:last-child:not([colspan]){
	width:75%;
}
#mobi .table table.sendtb.super tr td:first-child:not([colspan]){
	width:32%;
}
#mobi .table table.sendtb.super tr td:last-child:not([colspan]){
	width:68%;
}
#mobi .table table td select + input{
	width:98% !important;
}
#mobi .table table td button[type=button]{display:block;margin:0 auto;}
#mobi [class^=col-sm-]{float:none;width:auto;display:inline-block;padding:0;}

#mobi div[class^=cart] table.list4 caption b{float:none;}
#mobi div[class^=cart] table.list4 tr:nth-child(odd),
#mobi div[class^=cart] table.list4 tr:nth-child(even){background:#fff}
#mobi div[class^=cart] table.list4 td{text-align:left;line-height:auto;border-bottom:0;padding-left:20px;}
#mobi div[class^=cart] table.list4 td:not([colspan]):first-child{background:#ededed;width:90px;padding-left:15px;}
#mobi div[class^=cart] table.list4 tr.lightgray td{background:#f5f5f5;}

#mobi .table table.list4_2{width:100%;}
#mobi .table table.list4_2 tr td:first-child{ width:90px; }
#mobi .table table.list4_2 tr td:last-child{ width:auto; }
#mobi .table table.sendtb tr:first-child td{ padding-bottom:0; }