﻿@charset "utf-8";
/* CSS Document */

.orderStep { width:1180px; margin:auto; overflow:hidden;}
.Pinfo { width:1180px; overflow:hidden; margin:8px auto;}
.PinfoT { background: #ffeee2; border: 1px solid #e6e6e6; border-left: 3px solid #f60; font-size: 14px; color: #f60; padding: 6px 8px; }
.PinfoT span { float: right; font-size: 12px; color:#666;}
.PinfoC { border:1px solid #E7E7E7; border-top:none; }
.pTable tr th { background:#EEE; line-height:28px;}
.pTable tr td { background:#fdfdfd; padding:3px 8px; line-height:20px;}
.pTable .picShow { width: 60px; height:66px; position: relative; }
.pTable .picShow img { width: 60px; height: 66px; margin: auto; }

.pTotal { background:#fdfdfd; line-height:2em; padding:2px;}
.cart-buttons { margin-top: 15px; min-height: 60px; overflow: hidden; }
.cart-buttons div { padding: 5px 8px; }
.cart-alert { background-color: #FFFFCC; text-align: center; font-size: 16px; color: Red; line-height: 2em; border-bottom: 1px solid #fff; }
.bgGray { background-color:#efefef;}

.selectedAll label { margin-left: 5px; vertical-align:middle;}
.selectedAll input { vertical-align: middle; }

#divPdtPointTotal { padding: 5px 10px; padding-right: 0; }
#divOrderMoneyTotal { padding-right: 10px; padding-top: 5px; padding-bottom: 5px; }
.order-fee-value { display: inline-block; width: 100px; text-align: right; vertical-align: top; }
.order-fee-value .fee-reference { color: #999; font-size: 12px; font-weight: normal; line-height: 1.2em; padding-bottom: 0.4em }
.order-fee-line { border-top: 1px dashed #E7E7E7; padding-top: 5px; margin-top: 5px; }

#divShippingFeeNotice { padding: 0 15px; display: inline-block; background-color: antiquewhite; }
#divShippingAddress { line-height: 1.5em; margin-top:5px; padding:3px 10px; background-color:antiquewhite;}

.OinfoC { border: 1px solid #E7E7E7; border-top: none; padding: 8px; }
.OTable tr td { background:#FFF; padding:3px;}
.OTable tr td .alert { color:red; display:none; margin-left:10px;}

.loginLine { border-top:1px dashed #EDEDED;}
.noLoginBox { width: 1178px; border: 1px solid #FFC7A2; margin: 8px auto auto auto; background: #FFFBF9; }
.noLoginBox .noticeTxt { margin: 10px; line-height: 32px; height: 32px; font-size: 14px; text-align: center; background: url(../images/notice.gif) no-repeat; }

.cart-count-box { display: flex; -webkit-align-items: center; align-items: center; justify-content: center; width: 90px; border: 1px solid #ddd; border-radius: 3px; overflow: hidden; }
.cart-count-input { flex: 1; width: 100%; font-size:14px; ime-mode: disabled; text-align: center; border: 0; background: #FFF; color: #333; }
.btn-cart-count-set { font-size: 16px; width: 27px; height: 27px; line-height: 27px; padding: 0; margin: 0; border: 0; border-radius: 0; background: #e6e6e6; color: #333; cursor: pointer; display: inline-block; }

.cart-btns-box { text-align: left; width: 4em; }
.cart-btns-box a { display: block; white-space: nowrap; }

#divArriveTimeJieri0, #divArriveTimeJieri1 { margin-left:5px;}

.divToOrder { text-align:center; margin:30px;}

.payTable { margin:8px 0; background-color:#ccc;}
.payTable tr th { padding:5px 5px 3px 5px; line-height:20px; font-size:14px; background-color:#E7E7E7;}
.payTable tr td { padding:5px 5px 3px 5px; line-height:20px; background-color:#fff}

.topayTable tr td { height: 70px; padding: 5px; }
.topay-cell { display: inline-block; width: 180px; vertical-align: top; }

.orderHeader { width: 780px; margin: auto; margin-top:15px; overflow: hidden; border-bottom: solid 2px #f60; }
.orderHeader .logo { width:320px; padding-left:5px; float:left;}
.orderHeader .logo img { height:45px;  }
.orderHeader .flowImg { width:410px; height:55px; float:right;  overflow:hidden; }

.orderHeader .step-img1, .orderHeader .step-img2, .orderHeader .step-img3 { background: url(../images/icon-order.png) no-repeat; }
.orderHeader .step-img1 { background-position: -20px -10px; }
.orderHeader .step-img2 { background-position: -20px -70px; }
.orderHeader .step-img3 { background-position: -20px -140px; }
.order-step ul li { width: 135px; float: left; color: #999; line-height: 23px; text-align: center; }
.order-step ul li.steps { color: #f60; }
.order-step ul li.step-1{ color: #f6a067 }
.order-step ul li.step-1 a { color: #f6a067 }

.orderOutBox { width: 780px; margin: auto; overflow: hidden; border: solid 1px #eee;}
.orderTitle { width:100%; font-size:14px; font-weight:bold; background-color:#eee; padding:5px 10px;}
.orderItem { width:730px; overflow:hidden; margin:auto; }
.orderItem .select-name { font-weight: bold; font-size: 14px; }
.orderItem .select-value { max-width: 625px; }
.orderItem .select-item { line-height: 16px; }
.orderItem .notice-line { margin-bottom: 3px; line-height: 16px; }
.orderItemT { overflow:hidden; font-size:14px; font-weight:bold; line-height:35px;}
.orderItemT span { font-size:12px; font-weight:normal;}
.orderItemC { padding-left:30px; line-height:30px; }
.orderOutBox .border-top { border-top: 1px dashed #E7E7E7; margin-top: 15px; padding-top: 8px; }

.totalAll { border:1px solid #eee; margin:8px auto 10px auto; width:730px; background:#fff; overflow:hidden;} 
.totalAll ul { width:710px; margin:10px auto; font-size:14px;}
.totalAll ul li { padding:5px 0;}

.paycart { margin: 1px; }
.paycart tr th { background-color: #E7E7E7; padding: 3px; }
.paycart tr td { padding:3px;}

.paysubmit { width:730px; margin:auto; padding:10px; padding-bottom:20px; text-align:center;}

.paySuccess { padding:20px; text-align:center; line-height:24px; font-size:14px; min-height:300px;}
.paySuccess strong { color:#FF0000;}
.payCancel { padding:20px; text-align:center; line-height:24px; font-size:14px;}
.payCancel strong { color:#FF0000;}
.country_name { display: inline-block; width: 6em; text-align: right; }
.country_tel { display: inline-block; width: 9em; text-align:left; }

.msgTab { width: 100%; overflow: hidden; background-color: #f6f6f6; }
.tab1 { background:#FFE0CE; border:1px solid #FFE0CE; padding:0 15px; float:left; cursor:pointer;}
.tab2 { background:#f6f6f6; border:1px solid #eee; padding:0 15px; float:left; cursor:pointer;}
.tabClose { text-decoration:underline; float:right; padding:0 11px; }
.msgContent { border:1px solid #FFE0CE; padding:10px;}
.msgContent a { display: block; padding: 0 10px 0 15px; background: #f6f6f6; text-decoration: none; margin: 2px 0; color: #666; white-space: nowrap; overflow:hidden; text-overflow: ellipsis; }
.msgContent a:before { content: '\2022'; margin-right: 3px; display: inline-block; }
.msgContent a:hover { background-color:#FFE0CE; display:block; }

#adCart { padding: 10px; text-align: center; font-size: 16px; margin: 12px 0; color: #FF0000; background-color: #ffeee2; }

.alsoBuyT {height:29px; line-height:29px; font-size:14px; padding-left:10px; margin-top:8px; border:1px solid #E8E8E8; border-bottom:none; width:190px;background:#efefef;}
#divAlsoBuy .historyMoreC {border-top:1px solid #E8E8E8}
#divAlsoBuy .historyMoreC .showBox{ padding:10px 12px;}

.loginTable { width:1160px}
.loginTable .loginCell0 { width:400px}
.loginTable .loginCell1 { width:760px}
.loginTable .loginBtn {padding-top: 10px; padding-left: 400px;}
.loginTable .btn-submit-x, .topayTable .btn-submit-xxx { padding: 8px 25px; }

@media screen and (max-width:1200px)
{ 
	.orderStep{ width:980px;} 
	.Pinfo { width:980px;}
	.noLoginBox { width: 978px; }
	#divAlsoBuy .historyMoreC .showBox{ padding:10px 15px;}
	
	.loginTable { width:960px}
	.loginTable .loginCell0 { width:300px}
	.loginTable .loginCell1 { width:660px}
	.loginTable .loginBtn { padding-left: 300px;}
} 