/* CSS Document */

/*---------------Cart-------------*/

.order-list ul{list-style:none !important;}

.payment{

	padding:0px 0 30px 0;

	background: #fff;

	border:1px solid #E5E5E5;

}

.header{

	overflow: hidden;

	overflow: hidden;

	line-height: 34px;

	font-weight: bold;

	border-bottom: 1px solid #f3f3f3;

}

.header a{

	padding:0 30px;

	padding-left: 20px !important;

}

.cart-header{

	background: #fff;

	border-bottom: 3px solid #f3f3f3;

	overflow: hidden;

	-webkit-border-radius: 3px;

	-moz-border-radius: 3px;

	-ms-border-radius: 3px;

	border-radius: 3px;

}

.cart-shop-title{line-height:22px;text-align:right;}

.cart-th{

	height: 30px;

	line-height: 30px;

	background: #fff;

	color: #666;

}

.cart-header .th{

	float: left;

	text-align: center;

	border-left: 1px solid #fff;

	margin-left: -1px;

	_height: 30px;

}

.th-chk{

	width: 55px;

	font-size: 12px;

	color: #696969;

	text-align: left;

	display:table-cell;

}

.td.th-chk{text-align:center;vertical-align:middle;}

.th-item{width: 340px;border-left: 0;}

.step2 .th-item{width:340px;padding-left:10px;}

.th-info{width: 200px;}

.th-price{width: 225px;text-align:center;}



.th-price .price-old {

	color: #666;

	margin-bottom: 10px;

	text-decoration: line-through;

	font-weight: normal;

}

.th-price .discount {

	background-color: #336699;

	color: #fff;

	padding: 2px;

	font-size: 11px;

}

.th-amount{width: 80px;text-align:center;}

.th-sum{width:200px;text-align:center;}

.step2 .th-sum{width:225px;}

.th-op{width: 48px;text-align:center;}

.cart-shop-product{

	-webkit-border-radius: 3px;

	-moz-border-radius: 3px;

	-ms-border-radius: 3px;

	border-radius: 3px;

	-webkit-box-shadow: 2px 0 2px rgba(0,0,0,.03);

	-moz-box-shadow: 2px 0 2px rgba(0,0,0,.03);

	-ms-box-shadow: 2px 0 2px rgba(0,0,0,.03);

	box-shadow: 2px 0 2px rgba(0,0,0,.03);

}





.payment_mobile .td.th-chk{text-align:center;vertical-align:middle;}

.payment_mobile .th-item{width:26%;border-left: 0;}

.payment_mobile .step2 .th-item{width: 30%;}

.payment_mobile .th-info{width:22%;}

.payment_mobile .th-price{width: 20%;text-align:center;}

.payment_mobile .th-amount{width:10%;text-align:center;}

.payment_mobile .th-sum{width:18%;text-align:center;}

.payment_mobile .step2 .th-sum{width: 10%;}

.payment_mobile .th-op{width:4%;text-align:center;}



.step2 .cart-shop-product{border:none;}

.check-input{padding-top:35px;}

.i-check,.i-check-all,.i-check-more{

	display: inline-block;

	width: 15px;

	height: 15px;

	vertical-align: middle;

	cursor: pointer;

	background: transparent url(/skins/news/images/sprites_2.png) 0 -31px no-repeat;

	margin-top:-5px;

}

.i-check-more{background: transparent url(/skins/news/images/sprites_2.png) 0 -14px no-repeat;}

.i-check.checked,.i-check-all.checked{background: transparent url(/skins/news/images/sprites_2.png) 0 -50px no-repeat;}

.order-list{

	background: #fff;

	_zoom: 1;

	//overflow:hidden;

}

.order-list > ul{border-bottom:1px solid #E5E5E5;min-height:102px;margin: 0;

    padding: 0;}

.step2 .order-list ul,.step2 .order-list ul.first{

	border-bottom:1px solid #E5E5E5;

}

.step2 .order-list ul.first.off{background:#F6F6F6 url(../images/line.png) 0 100% no-repeat;}

.order-list ul.off{

	background:#F6F6F6;

}

.order-list .inner{padding-top:8px;}

.order-list .inner .img{

	width: 80px;

	height: 80px;

	float: left;

	overflow: hidden;

	margin-left:5px;

}

.order-list .inner .img a {

	display: table-cell;

	width: 80px;

	height: 80px;

	vertical-align: middle;

	text-align: center;

}

.order-list .inner .img a img {

	max-height: 80px;

	max-width: 80px;

	vertical-align: middle;

}

.payment_mobile .order-list .inner .desc{

	margin-left: 0;

	padding-right: 0;

	padding-top:0;

}

.order-list .inner .desc{

	margin-left: 91px;

	padding-right: 25px;

	padding-top:12px;

}

.order-list .inner .desc a{

	color: #444;

	font-size: 12px;

	display: block;

	min-height: 36px;

	overflow: hidden;

	text-overflow: ellipsis;

	_height: expression(this.scrollHeight > 36 ? "36px" : "auto");

}

.order-list .inner .desc a:hover{color: #f60;}

.order-list .td {

	float: left;

	min-height: 99px;

	_height: 99px;

	//overflow: hidden;

	_overflow: visible;

	_zoom: 1;

}

.cz-info{

	padding: 10px 0 0 10px;

	min-height: 80px;

	_height: 80px;

	border: 1px dashed transparent;

	position: relative;

	_border-color: #EEF6FF;

	-webkit-transition: all .3s ease-in-out;

	-moz-transition: all .3s ease-in-out;

	-o-transition: all .3s ease-in-out;

	-ms-transition: all .3s ease-in-out;

}

.cz-info .line{

	margin-bottom:5px;

	color: #585858;

	overflow: hidden;

	text-overflow: ellipsis;

}

.cz-info .edit{

	display: none;

	position: absolute;

	right: -1px;

	top: -1px;

	color: transparent;

	cursor: pointer;

	background: transparent;

	padding: 2px 4px 0;

	width: auto;

	height: 16px;

	line-height: 1;

	-webkit-transition: all .3s ease-in-out;

	-moz-transition: all .3s ease-in-out;

	-o-transition: all .3s ease-in-out;

	-ms-transition: all .3s ease-in-out;

}

.cz-info.yes .edit{display:block;}

.order-list > ul:hover >li > .cz-info.yes{border-color: #dbebfe;}

.order-list > ul:hover >li > .cz-info.yes .edit{background:#CAD1D8;color:#EEF6FE;}

.cz-info.yes:hover,.cz-info.active{

	border-color: #f60 !important;

	background: #fff !important;

}

.cz-info.yes:hover .edit,.cz-info.active .edit{color:#fff !important;background:#f60 !important;}

.cz-info .edit-cz{

	position: absolute;

	left:0;

	width: 250px;

	background: #fff;

	border: 1px solid #ccc;

	padding: 0 180px 0 0;

	-webkit-box-shadow: 0 2px 1px rgba(0,0,0,.06);

	-moz-box-shadow: 0 2px 1px rgba(0,0,0,.06);

	-ms-box-shadow: 0 2px 1px rgba(0,0,0,.06);

	box-shadow: 0 2px 1px rgba(0,0,0,.06);

	-webkit-border-radius: 1px;

	-moz-border-radius: 1px;

	-ms-border-radius: 1px;

	border-radius: 1px;

	z-index: 10002;

	min-height: 180px;

	_height: 180px;

	display:none;

}

.cz-info .edit-cz dl {

	height: 20px;

	line-height: 16px;

	font-size: 12px;

	float: none;

}

.cz-info .edit-cz dt {

	width: 50px;

	float: left;

	padding-left: 13px;

	color: #575757;

	text-align: right;

}

.cz-info .edit-cz dd{margin-left:10px;}

.cz-info .edit-cz dd ul{border:none;}

.cz-info .edit-cz dd li{

	position: relative;

	display: inline;

	float: left;

	margin: 0 4px 4px 0;

	padding: 1px;

	line-height: 20px;

	vertical-align: middle;

	background: #fff;

}

.cz-info .edit-cz dd li a {

	display: inline-block;

	min-width: 10px;

	padding:2px;

	text-align: center;

	white-space: nowrap;

	text-decoration: none;

	color: #000;

	background: #fff;

	border: 1px solid #C8C9CD;

	_width: 10px;

}

.cz-info .edit-cz dd li a.active {border: 1px solid #ff4400;}

.cz-info .edit-cz dd.is_size li a{min-width: 14px;padding: 0 4px;}

.cz-info .edit-cz dd.is_color a img {

	max-width: 35px;

	max-height: 35px;

}

.cz-info .edit-cz dd li i {

	display: block;

	width: 12px;

	height: 12px;

	position: absolute;

	bottom: 0;

	right: 0;

	z-index: 99;

	background: url(../images/sprites3.png) -10px -642px no-repeat;

	cursor: pointer;

}

.cz-info .edit-cz .apply{

	display:inline-block;

	width:57px;

	height:22px;

	background:url(../images/apply.png) 0 0 no-repeat;

	text-align:center;

	line-height:22px;

	color:#fff;

	cursor:pointer;

}

.cz-info .edit-cz .cancel{

	display:inline-block;

	line-height:22px;

	cursor:pointer;

	color:#0b72a4;

	margin-left:10px;

}

.cz-info .edit-cz .cancel:hover{color:#f60;}

.cz-info .edit-cz .arrow-top{

	position: absolute;

	left: 33px;

	top: -9px;

	width: 18px;

	height: 9px;

	display: block;

	background:url(../images/arrow-top.png) 0 0 no-repeat;

}

.cz-info .edit-cz .img{

	position: absolute;

	right: 0;

	top: 10px;

	width: 170px;

	text-align: center;

	min-height: 180px;

	_height: 180px;

}

.cz-info .edit-cz .img a{

	display:block;

	width:160px;

	height:160px;

	overflow:hidden;

}

.cz-info .edit-cz .img img {max-width: 160px;}

.th-price .price,.th-sum .sum-price{display:block;padding-top:20px;}

.th-sum .sum-price{color: #336699;}

.th-op p{margin-top:20px;}

.edit-quantity{padding-top:20px;}

.input-quantity{

	width: 36px;

	height: 16px;

	margin: 0;

	padding: 3px 2px 0 2px;

	font-size: 12px;

	color: #666;

	background-color: #fff;

	background-position: -77px 0;

	border: 1px solid #a7a6aa;

	outline: 0;

	ime-mode: disabled;

	border-right: 0;

	border-left: 0;

	text-align:center;

}

#up,#down

{

	border: 1px solid #A7A6AA;

	height: 9px;

	padding: 5px 0;

	line-height: 7px;

	vertical-align: top;

	display: inline-block;

	width: 12px;

	overflow: hidden;

	text-align: center;

	background-color: #ededed;

	background-position: 3px -183px;

	overflow: hidden;

	color: #404040;

}

#up.disable,#down.disable{

	color: #ccc;

	cursor: not-allowed;

	background-color: #ededed;

}

#up{border-left:none;}

#down{border-right:none;}

.order-list ul li .off{

	display:block;

	border:1px solid #f60;

	background:#fff;

	padding:2px 5px;

	margin:5px;

}

.control-bar{

	height: 50px;

	overflow: hidden;

	background: transparent url(/skins/news/images/sprites_2.png);

	background-color: #eaeaea;

	background-position: 0 -405px;

	background-repeat: repeat-x;

	margin:20px 0;

	position:relative;

}

.bar-wrapper{

	height: 48px;

	line-height:48px;

	border: 1px solid #c8c8c8;

	overflow: hidden;

}

.bar-wrapper div{float: left;}

.select-all{

	width: 50px;

	padding-left: 5px;

	color: #666;

	_margin-top: 17px;

}

.operations a{padding:0 10px;}

.bar-right{

	float: right;

	position: absolute;

	right: 1px;

	top: 1px;

	z-index: 10000;

	padding-left: 20px;

}

.bar-right .pipe{

	background: transparent url(/skins/news/images/sprites_2.png) no-repeat;

	background-position: -117px 0;

	float: left;

	margin-right: 10px;

	width: 1px;

	height: 48px;

}

.sum-price{padding:0 9px;}

.sum-price strong{

	color: #f50;

	font-weight: 700;

	font-size: 17px;

}

.sum-price strong.total{padding-left:10px;}

.btn-next-order{

	display: inline-block;

	width: 150px;

	height: 48px;

	line-height: 48px;

	border: 0;

	background: #eee;

	font-size: 14px;

	font-weight: 700;

	text-align: center;

	color: #aaa;

	position: relative;

}

.btn-next-order.active{background: #f40;color:#fff;cursor: pointer;}

.box-down{

	border-bottom:1px solid #E5E5E5;

	background:#fff;

	overflow:hidden;

}

.box-down.bottom{

	text-align:right;

	padding:0px 5px;

	border:none;

}

.payment_mobile .box-down.bottom{

	text-align:center;

	padding:1% 0;

	border:none;

}

.payment_mobile .prev, .prev{

	height:27px;

	}

.payment_mobile .submit-button,.payment_mobile .prev,.prev {

display: inline-block;

background-image: linear-gradient(to bottom,#ff9000 0%,#fd7700 100%);

background-image: -moz-linear-gradient(top,#ff9000 0%,#fd7700 100%);

background-image: -webkit-linear-gradient(top,#ff9000 0%,#fd7700 100%);

filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ff9000', endColorstr='#fd7700');

background-color: #ff9000;

height: 30px;

line-height: 30px;

font-size: 13px;

padding: 0 1%;

color: #fff !important;

font-weight: bold;

text-shadow: 0 0 2px #ff3d22;

border: 1px solid #fd7700;

border-radius: 3px;

-moz-border-radius: 3px;

-webkit-border-radius: 3px;

box-shadow: inset 0 1px 0px #ffa126, 0 1px 1px rgba(25, 25, 25, 0.3);

-moz-box-shadow: inset 0 1px 0px #ffa126, 0 1px 1px rgba(25, 25, 25, 0.3);

-webkit-box-shadow: inset 0 1px 0px #ffa126, 0 1px 1px rgba(25, 25, 25, 0.3);

cursor: pointer;

text-transform: uppercase;

}

.payment_mobile .personal-info{

	padding:1%;

	width:98%;

	border-right:1px solid #E5E5E5;

	position: relative;

	z-index: 2;

}

.personal-info{

	width:50%;

	padding:2% 1%;

	border-right:1px solid #E5E5E5;

	position: relative;

	z-index: 2;

}

.frm-row {

	//margin-bottom: 10px;

}

.personal-info .radio {

	padding: 0px 0 8px 90px;

	font-weight: bold;

}

.personal-info .radio input,.personal-info .radio label {

	float: left;

}

.payment_mobile  .frm-title{

	width:20%;

	}

.frm-title {

	float: left;

	width: 22%;

	line-height: 8px;

	margin-right: 10px;

	text-align: right;

	white-space:nowrap;

}

.payment_mobile .frm{

	width: 68%;

	}

.frm {

	float: left;

	width: 380px;

	width: 75%;

}

.order-info .frm{width:230px;}

.payment_mobile .order-info .frm{width:68%;}

.order-info .frm-title{line-height:40px;text-align:left;}

.payment_mobile .txt input,.payment_mobile .txt textarea {

	width: 100%;

	}

.txt input,.txt textarea {

	width: 295px;

	padding: 6px 7px;

	margin: 10px 0 0 0;

	border: 1px solid #ccd0da;

	border-radius: 3px;

	-moz-border-radius: 3px;

	-webkit-border-radius: 3px;

	box-shadow: inset 0 3px 2px -2px #eceaea;

	-moz-box-shadow: inset 0 3px 2px -2px #eceaea;

	-webkit-box-shadow: inset 0 3px 2px -2px #eceaea;

	resize:none;

}

.order-info .txt{text-align:right;line-height:40px;}

.order-info .txt p{

	line-height: 20px;

	margin: 0;

	padding: 0;

}

.personal-info .select select {

	float: left;

	width: 150px;

	height: 28px;

	padding: 5px 3px;

	margin: 10px 0 0 0;

	border: 1px solid #ccd0da;

	border-radius: 3px;

	-moz-border-radius: 3px;

	-webkit-border-radius: 3px;

	box-shadow: inset 0 3px 2px -2px #eceaea;

	-moz-box-shadow: inset 0 3px 2px -2px #eceaea;

	-webkit-box-shadow: inset 0 3px 2px -2px #eceaea;

}

.personal-info .select .error {

	line-height: 45px;

	padding-left: 5px;

}

.order-info{

	width:48%;

	margin-left:-1px;

}

.order-info .line{

	border-bottom:1px solid #E5E5E5;

	padding:5px;

	overflow:hidden;

	height:52px;

}

.order-info .frm-price{

	line-height:40px;

}

.payment_mobile .total{

	font-size:13px !important;

	}

.total{

	 color:#336699;

	 font-size:16px;

}

.step-01 .box {

	padding: 10px;

	margin: 10px 0;

	overflow: hidden;

	background:#fff;

}

.box.success{padding:50px 0;background:#fff !important;}

.box.success p, .box.success p a {

	line-height: 30px;

	font-size: 16px;

	font-weight: bold;

	color: #fc3;

}

.box.success p a {

	color: #03C;

}

.is_fire,.is_more{

	border:1px solid #FF6801;

	background:#fff;

	font-size:11px;

	width:65px;

	padding:5px;

	margin:5px auto;

}

.is_fire{display:none;}

.update-button{

	display:block;

	float:right;

	line-height:21px;

	color:#fff;

	margin-left:5px;

	padding:0 5px;

	background:#a7cbff;

}

.info_promotion{color: #c40000;font-size: 11px;}

@media screen and (max-width: 300px){

.order-list .inner .desc a,.info_promotion{

	font-size:8px;

	}

}

@media screen and (max-width: 320px){

.order-list .inner .desc a,.info_promotion{

	font-size:8px;

	}

}

@media screen and (min-width: 321px) and (max-width:459px){



.order-list .inner .desc a,.info_promotion{

	font-size:9px;

	}

}



@media screen and (min-width: 460px) and (max-width:520px){

.order-list .inner .desc a,.info_promotion{

	font-size:10px;

	}

}

@media screen and (min-width: 640px) and (max-width:2000px){



}

@media screen and (min-width: 751px) and (max-width:2000px){



}