@font-face {
	font-family: 'IRANSans';
	src: url('../fonts/IRANSans.eot');
	src: url('../fonts/IRANSans.eot?#iefix') format('embedded-opentype'),
		url('../fonts/IRANSans.woff') format('woff'),
		url('../fonts/IRANSans.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
.clearfix:after{content:'';display:block;height:0;clear:both;}
*,:after , :before{box-sizing:border-box;}
.rtl{direction:rtl;}
.ltr{direction:ltr;}
.basket-pan .main {border:1px solid #f3f3f3;margin-bottom:20px;}
.basket-pan .main > div {padding:35px;border:1px solid #f3f3f3;}
.basket-title{color:#3a4544;font-size:18px;padding:15px 20px;border-bottom:1px solid #e6e6e6;}
.basket-pan{margin-top:50px;}
.order-tbl tr th{background:#eaeaeb;text-align:center;padding:15px 0;}
.table{font-size:13px;font-family:'IRANSans';margin-bottom:15px;}
.table .order-info figure > a {width:93px;height:112px;float:right;}
.table .order-info figure figcaption{width:80%;float:right;color:#25241f;font-size:13px;padding-top:20px;direction:rtl;text-align:right;padding-right:25px;}
.table .order-info figure figcaption a {padding:0;line-height:26px;color:#25241f;}
.table tr td{color:#25241f;font-size:13px;display:table-cell;vertical-align: middle!important;text-align:center;}
.table tr .remove-tr{background: url('../images/basket/sprite.png') no-repeat -12px -37px;width: 12px;height: 12px;transition:none;}
.table tr:hover .remove-tr{background-position:-12px -13px;}
.table tr  .gray-txt{color:#929292;font-size:12px;}
.table tr  .price-txt{color:#6f6f6f;font-size:15px;}
.table tr  .green-txt{color:#3cb790;font-size:12px;}
.table tr  .red{color:#e15454;font-size:12px;}
.table tr .ddl{width:58px;height:31px;border:1px solid #d4dbde;border-radius:7px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:url(../images/basket/arrow.png) no-repeat 6px center;padding-right:10px;font-family:'IRANSans';color:#25241f;font-size:14px;}
.order-tbl tr td:last-child{background:#f4f4f4;}
.order-tbl tr:hover td:last-child{background-color:#f9f9f9!important;}
.order-tbl tr:hover {background-color:#f9f9f9!important;}
.total-shop li{background:#f4f4f4;border:1px solid #e6e6e6;margin-bottom:3px;color:#313131;font-size:14px;padding:15px 22px 15px  90px;}
.total-shop li p{display:inline-block;}
.total-shop li span{float:left;color:#6f6f6f;font-size:14px;}
.off-sale p,.off-price{color:#e15454!important;}
.note-pr p{color:#5f5e5e;font-size:12px;display:inline-block;margin-top:10px;padding-right:20px;}
.note-pr .final-price{float:left;background:#17a29a;padding:13px 20px 10px;color:#fff;width:34%;padding-left:90px;}
.note-pr .final-price p{color:#fff;font-size:13px;text-shadow:1px 1px 1px #13867f;margin-top:0;}
.note-pr .final-price span{float:left;color:#fff;font-size:13px;text-shadow:1px 1px 1px #13867f;margin-top: 3px;}
.note-pr{margin-bottom:50px;}
.box-tools{margin-bottom:35px;}
.box-tools > .title{color:#252525;font-size:16px;position:relative;padding:10px 0;padding-right:125px;}
.box-tools > .title:before{content:'';position:absolute;width:60px;height:2px;background:#e3e3e3;right:58px;top:25px;}
.box-tools > .title:after{content:'';position:absolute;background:url('../images/basket/sprite.png') no-repeat -230px -13px;width: 56px;height:51px;right:14px;top:8px;}
.box-pan{padding:30px 20px;border:1px solid #ededed;background: rgba(255,255,255,1);
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(254,254,254,1) 39%, rgba(247,247,245,1) 71%, rgba(243,243,242,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(39%, rgba(254,254,254,1)), color-stop(71%, rgba(247,247,245,1)), color-stop(100%, rgba(243,243,242,1)));
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(254,254,254,1) 39%, rgba(247,247,245,1) 71%, rgba(243,243,242,1) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(254,254,254,1) 39%, rgba(247,247,245,1) 71%, rgba(243,243,242,1) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(254,254,254,1) 39%, rgba(247,247,245,1) 71%, rgba(243,243,242,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(254,254,254,1) 39%, rgba(247,247,245,1) 71%, rgba(243,243,242,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f3f3f2', GradientType=0 );
border-bottom:2px solid #dddddc;
}
.box-pan .titr{color:#313131;font-size:13px;position:relative;}
.box-pan .titr:before{content:'*';position:absolute;top:-8px;right:-2px;color:#ff0000;font-size:16px;}
.box-pan > p:not(.titr){color:#808080;font-size:12px;display:inline-block;width:68%;}
.box-pan .txt{width:180px;height:25px;border-radius:7px;background:#fff;border:1px solid #dedede;margin-top:5px;box-shadow:inset 1px 2px 6px rgba(222,222,222,0.8);margin-left:15px;display: inline-block;}
.box-pan  .btn{height:39px;width:124px;background:#2a8580;text-align:center;color:#fff;border:none;border-bottom:2px solid #1c7559;float:left;border-width:0;border-bottom-width:2px;}
.gift-tools .title:after{background-position:-230px -76px;} 
.gift-tools .btn{background:#e15454;border-bottom-color:#d34646;}
.next-step{width:148px;height:40px;background:#2a8580;color:#fff;font-size:15px;text-align:center;padding-top:7px;float:left;margin-bottom:30px;position:relative;margin-top:20px;border-bottom:4px solid #1c7559;transition:all ease 0.2s;}
.next-step:active,.login-site .btn:active,.reg-site .btn:active,.factor-dl:active,.new-sale:active{
    -webkit-transform: translate(0,3px);
    -moz-transform: translate(0,3px);
    transform: translate(0,3px);border-bottom-width:1px;
}

.next-step:hover{color:#fff;}
.next-step:before{content:'';position:absolute;background: url('../images/basket/sprite.png') no-repeat -43px -6px;width: 13px;height: 23px;left:23px;top:7px;}
.right-address-part,.left-address-part{width:48%;float:right;}
.right-address-part{width:50%;}
.left-address-part{float:left;}
.right-address-part .recieve-form{padding:23px 50px;background: rgba(255,255,255,1);border:1px solid #ededed;
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(254,254,254,1) 39%, rgba(247,247,245,1) 71%, rgba(243,243,242,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(39%, rgba(254,254,254,1)), color-stop(71%, rgba(247,247,245,1)), color-stop(100%, rgba(243,243,242,1)));
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(254,254,254,1) 39%, rgba(247,247,245,1) 71%, rgba(243,243,242,1) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(254,254,254,1) 39%, rgba(247,247,245,1) 71%, rgba(243,243,242,1) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(254,254,254,1) 39%, rgba(247,247,245,1) 71%, rgba(243,243,242,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(254,254,254,1) 39%, rgba(247,247,245,1) 71%, rgba(243,243,242,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f3f3f2', GradientType=0 );
margin-top:7px;
}
.right-address-part .recieve-form > p{color:#3a4544;font-size:12px;}
.right-address-part .orange{color:#e15454;}
.right-address-part .title{color:#252525;font-size:16px;position:relative;padding-right:110px;}
.right-address-part .title:before{content:'';position:absolute;background: url('../images/basket/sprite.png') no-repeat -144px -9px;width: 59px;height: 79px;right:0;top:-5px;z-index:2;}
.right-address-part .title:after{content:'';position:absolute;width:50px;height:1px;background:#e3e3e3;top:10px;right:50px;}
.recieve-form  ul li{margin-bottom:10px;position:relative;}
.recieve-form  ul li > span{width:100px;}
.recieve-form  ul li  .txt,.recieve-form > ul li .ddl,.recieve-form > ul li .txtarea{width:300px;height:30px;text-shadow:1px 1px 1px #13867f;border-radius:7px;border:1px solid #dedede;background:#ffffff;display: inline-block;}
.recieve-form  ul li  .ddl{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:url(../images/basket/arrow.png) no-repeat 6px center,#fff;}
.recieve-form ul li .txtarea{height:140px;resize:none;position:relative;}
.recieve-form ul li.txt-address .map-choose{position:absolute;background: url('../images/basket/sprite.png') no-repeat -168px -117px;width: 12px;height:16px;left:20px;bottom:0px;}
.google-box{position:fixed;width:100%;height:100%;background:rgba(0,0,0,0.8);right:0;top:0;z-index:1000;display:none;}
.google-box .google-content{width:70%;height:400px;background:#fff;position:relative;top:20%;margin:0 auto;}
.google-content .google-map,.google-content .google-map #choose-map{width:100%;height:356px;}

.google-map ,.google-map .googlemap{width:300px;height:140px;background:#ccc;}
.google-map {display:inline-block;}

.login-site,.reg-site{width:100%;height:270px;margin-bottom:10px;border:1px dashed #dcdcdc;position:relative;padding:45px 40px;text-align:center;}
.login-site p,.reg-site p{text-align:center;color:#3a4544;font-size:14px;margin-bottom:85px;position:relative;}
.login-site p:before,.reg-site p:before{content:'';position:absolute;background: url('../images/basket/sprite.png') no-repeat -308px -93px;width:7px;height:61px;left:0;right:0;margin:0 auto;bottom:-50px;}
.login-site .btn,.reg-site .btn{color:#fff;width:184px;height:40px;background:#1497c7;border-bottom:4px solid #067ba6;transition:all ease 0.2s;}
.reg-site .btn{background:#2a8580;border-bottom-color:#1c7559;}
.login-body{display:none;position:fixed;width:100%;height:100%;background:rgba(0,0,0,0.8);top:0;right:0;z-index:10000;}
.login-body .login-content{position:relative;top:200px;background:#fff;width:30%;min-height:200px;height:auto;}
.content-header{height:44px;background:#f0f1f2;text-align:right;padding:10px;}

.close-popup{float:left;background: url('../images/basket/sprite.png') no-repeat -84px -12px;width: 24px;height: 24px;}
.content-header span{color:#555;font-size:14px;}
.login-body-pane{background:#fff;padding:10px;}
.login-body-pane ul li {margin-bottom:20px;text-align: right;}
.login-body-pane ul li > span{width:120px;font-size:12px;color:#000;text-align:right;}
.login-body-pane ul li .red{color:#ff0000;}
.login-body-pane ul li .txt{width:300px;height:30px;border-radius:7px;border-color:#ccc;background:#fff;direction:ltr;color:#000;font-size:12px;text-align: left;}
.remember-me{text-align: left!important;padding-left: 20px;}
.login-body-pane ul li .txt::-webkit-input-placeholder { /* WebKit, Blink, Edge */ color: #000; } .login-body-pane ul li .txt:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #000; opacity: 1; } .login-body-pane ul li .txt::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #000; opacity: 1; } .login-body-pane ul li .txt:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #000; } .login-body-pane ul li .txt::-ms-input-placeholder { /* Microsoft Edge */ color: #000; }
.login-body-pane ul li input[type="checkbox"]{cursor:pointer;}
.login-body-pane ul li label{color:#000;font-size:12px;margin-right:5px;cursor:pointer;}
.login-btn .btn{width:120px;height:41px;background:#1497c7;color:#fff;font-size:12px;text-align:center;float:left;padding:0;margin-left:20px;}
.notifications li{padding-right:25px;position:relative;color:#3a4544;font-size:14px;}
.notifications li:before{content:'';position:absolute;background: url('../images/basket/sprite.png') no-repeat -168px -162px;width: 17px;height: 11px;right:0;top:14px;}
.Shipped{margin:100px 0 85px;}
.Shipped .title {font-size:16px;color:#252525;padding-right:120px;position:relative;margin-bottom:30px;}
.Shipped .title:before {content:'';position:absolute;background: url('../images/basket/sprite.png') no-repeat -12px -132px;width: 107px;height: 50px;right:0;top:-5px;}
.Shipped .title .red{color:#e15454;}
.Shipped-way  .select-way{width:17%;float:right;position:relative;padding:25px;}
/*.radio-gp input[type="radio"] { position: absolute; visibility: visible; opacity: 0; width: 25px; height: 25px; top: 12px; }*/
.radio-gp .check {display: block;position: absolute;border:1px solid #AAAAAA;border-radius: 100%;height: 25px;width: 25px;top:15px;right:0px;z-index: 5;transition: border .25s linear;-webkit-transition: border .25s linear;cursor:pointer;}
.radio-gp .check:before {display: block;position: absolute;content: '';border-radius: 100%;height: 13px;width:13px;top:5px;left:5px;margin: auto;transition: background 0.25s linear;-webkit-transition: background 0.25s linear;}
.radio-gp  .check.enable::before {background: #3cb790;}
.radio-gp input[type="radio"]:checked ~ .check {}
.radio-gp{display:inline-block;position:relative;width:50px;}
.Shipped-way li{margin-bottom:10px;background: rgba(255,255,255,1);border:1px solid #ededed;border-bottom-color:#c5c5c5;background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(254,254,254,1) 39%, rgba(247,247,245,1) 71%, rgba(243,243,242,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(39%, rgba(254,254,254,1)), color-stop(71%, rgba(247,247,245,1)), color-stop(100%, rgba(243,243,242,1)));
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(254,254,254,1) 39%, rgba(247,247,245,1) 71%, rgba(243,243,242,1) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(254,254,254,1) 39%, rgba(247,247,245,1) 71%, rgba(243,243,242,1) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(254,254,254,1) 39%, rgba(247,247,245,1) 71%, rgba(243,243,242,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(254,254,254,1) 39%, rgba(247,247,245,1) 71%, rgba(243,243,242,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f3f3f2', GradientType=0 );}
.select-way img{cursor:pointer;transition:all ease 0.6s;filter:grayscale(100%);-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);}
.select-way img.enable{filter:grayscale(0%);-webkit-filter:grayscale(0%);-moz-filter:grayscale(0%);-ms-filter:grayscale(0%);}
.info-way{width:60%;float:right;padding:25px;}
.info-way p{color:#252525;font-size:13px;}
.info-way span{color:#929292;font-size:11px;}
.price-way{width:17%;float:left;text-align:center;padding:25px;border-right:1px solid #e6e6e6;}
.price-way .send-price{color:#252525;font-size:13px;}
.price-way .determin-price{color:#3cb790;font-size:14px;direction:rtl;}
.top-pay{padding:25px 35px;background:#17a29a;color:#fff;margin-bottom:35px;}
.top-pay .title{font-size:13px;display:inline-block;text-shadow:1px 1px 1px #13867f;font-weight: normal;}
.top-pay span{text-shadow:1px 1px 1px #13867f;float:left;font-size:13px;}
.pay-way-list > li .radio-gp  label{padding-right:32px;position:relative;color:#313131;font-size:13px;cursor:pointer;}
.pay-way-list > li .radio-gp label:before{content:'';position:absolute;background:url(../images/basket/sprite.png) no-repeat;right:0;top:0;}
.pay-way-list > li.card  .radio-gp label:before{background-position:-343px -15px;width: 25px;height: 29px;}
.pay-way-list > li.local  .radio-gp  label:before{background-position:-397px -17px;width: 27px;height: 24px;}
.pay-way-list > li.ctc  .radio-gp  label:before{background-position:-456px -15px;width: 24px;height: 30px;}
.pay-way-list > li.deposit  .radio-gp  label:before{background-position:-514px -22px;width: 30px;height: 22px;}

.pay-way-list .radio-gp input[type="radio"]{right: -30px;width:25px;height:25px;border-radius: 50%;/*overflow: hidden;opacity: 0;visibility:visible;*/cursor:pointer;z-index:222;top: 0;}
.pay-way-list  .radio-gp{width:100%;}
.pay-way-list  .radio-gp .check{top:0;}
.pay-way-list   > li {margin-bottom:15px;padding:16px;padding-right:50px;background: rgba(255,255,255,1);border:1px solid #ededed;border-bottom-color:#c5c5c5;background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(254,254,254,1) 39%, rgba(247,247,245,1) 71%, rgba(243,243,242,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(39%, rgba(254,254,254,1)), color-stop(71%, rgba(247,247,245,1)), color-stop(100%, rgba(243,243,242,1)));
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(254,254,254,1) 39%, rgba(247,247,245,1) 71%, rgba(243,243,242,1) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(254,254,254,1) 39%, rgba(247,247,245,1) 71%, rgba(243,243,242,1) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(254,254,254,1) 39%, rgba(247,247,245,1) 71%, rgba(243,243,242,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(254,254,254,1) 39%, rgba(247,247,245,1) 71%, rgba(243,243,242,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f3f3f2', GradientType=0 );}
.pay-way-list .radio-gp .check{right:-30px;}
.pay-way-list li p{color:#929292;font-size:12px;}
.pay-way-list > li > ul > li .radio-gp label:before{display:none;}
.pay-way-list > li > ul > li .radio-gp label{padding-right:0;color:#929292;font-size:12px;margin-right:8px;position:relative;}
.pay-way-list > li > ul{padding-right:55px;margin-top:10px;}
.pay-way-list > li > ul > li{width:33%;float:right;}
.pay-way-list{padding-right:12px;border-right:1px solid #ececec;}
.pay-way-list li {position:relative;}
.pay-way-list li:before{content:'';position:absolute;width:12px;height:12px;background:#d9d9d9;border-radius:50%;right:-20px;top:17px;border:2px solid #fff;}
.pay-way-list li:after{content:'';position:absolute;background: url('../images/basket/sprite.png') no-repeat -310px -16px;width: 9px;height: 14px;right:-8px;top:16px;opacity:0;}
.pay-way-list li.enable:after{opacity:1;}
.pay-way-list li ul li:after,.pay-way-list li ul li:before{display:none;}
.pay-step{width:233px;}
.pay-way-list{margin-bottom:120px;}
.factor-dl{width:136px;height:40px;background:#2a8580;font-size:13px;color:#ffffff;text-align:center;position:relative;padding-top:7px;padding-right:10px;border-bottom:3px solid #1c7559;}
.factor-dl:before{content:'';position:absolute;background: url('../images/basket/sprite.png') no-repeat -346px -86px;width: 20px;height: 30px;right:10px;top:5px;}
.factor-dl:hover{color:#fff;}
.factor-print{color:#8b8a8a;font-size:12px;padding-left:35px;position:relative;float:left;}
.factor-print:before{content:'';position:absolute;background: url('../images/basket/sprite.png') no-repeat -388px -93px;width: 21px;height: 21px;left:0px;top:0px;}
.top-factor{margin-bottom:20px;}
.order-detail .title{text-align:center;padding:10px;background:#eaeaeb;color:#3a4544;font-size:16px;}
.order-detail  ul li {background:#fff;border-bottom:1px solid #ececec;}
.order-detail  ul li:last-child{border-bottom:none;}
.order-detail  ul li span{width:185px;padding:10px;background:#f2f3f6;color:#3a4544;font-size:13px;text-align:left;border-left:1px solid #ececec;min-height:45px;height:auto;}
.order-detail  ul li p{display:inline-block;color:#9d9d9d;font-size:13px;padding:10px;}
.order-detail  ul{border:1px solid #ececec;border-bottom-width:9px;}
.factor-tbl tr td{text-align:center;}
.factor-tbl tr td .title{color:#25241f;font-size:13px;background:transparent;text-align:right;}
.factor-tbl tr td .fac-price{color:#6f6f6f;font-size:12px;}
.factor-tbl tr td .count-fac{color:#25241f;font-size:14px;}
.factor-tbl tr td .off-fa{color:#e15454;font-size:14px;}
.factor-tbl tr td .total-fa{color:#3cb790;font-size:14px;}
.factor-tbl tr th {color:#25241f;font-size:13px;background:transparent;text-align:right;}
.total-factor li{background:#f4f4f4!important;padding:8px;border:1px solid #e6e6e6;margin-bottom:3px;}
.total-factor li:last-child{border-bottom:1px solid #e6e6e6!important;margin-bottom:0;}
.total-factor .fac-name{color:#313131;font-size:14px;}
.total-factor span{color:#6f6f6f;font-size:15px;float:left;}
.total-factor .red{color:#e15454;}
.total-factor{border-bottom:none!important;}
.bottom-factor{width:36%;margin-left:0;background:#17a29a;padding:15px 10px;color:#fff;font-size:14px;}
.bottom-factor .last-price{float:left;}
.new-sale,.new-sale:hover{width:153px;height:40px;background:#1497c7;color:#fff;font-size:15px;padding:0;text-align:center;float:left;margin-top:40px;padding-top:7px;border-bottom:4px solid #067ba6;}

.factor-tbl{margin-bottom:7px!important;}
.pay-way-list li.card ul{display:none;}
.radio-gp input[type=radio] {
    width: 25px;
    height: 25px;
    position: absolute;
    top: 15px;
    opacity: 0;
    z-index: 2222;border-radius: 50%;cursor:pointer;
}







/***** table  ******/
.table {width: 100%;max-width: 100%;margin-bottom: 20px;border-spacing: 0;border-collapse: collapse;min-height: .01%;overflow-x: auto;}
.table>thead>tr>th {vertical-align: bottom;border-bottom: 2px solid #ddd;}

.table-striped>tbody>tr:nth-of-type(odd) {background-color: #f9f9f9;}

.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {padding: 8px;line-height: 1.42857143;border-top: 1px solid #ddd;}
.table-bordered {border: 1px solid #ddd;}
.table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th {border: 1px solid #ddd;}
.table > tbody > tr:hover {background-color: #f5f5f5;}
.table > tbody > tr{transition:all ease 0.6s;}
.table>tbody>tr.success>td, .table>tbody>tr.success>th, .table>tbody>tr>td.success, .table>tbody>tr>th.success, .table>tfoot>tr.success>td, .table>tfoot>tr.success>th, .table>tfoot>tr>td.success, .table>tfoot>tr>th.success, .table>thead>tr.success>td, .table>thead>tr.success>th, .table>thead>tr>td.success, .table>thead>tr>th.success {background-color: #dff0d8;}

.table>tbody>tr.danger>td, .table>tbody>tr.danger>th, .table>tbody>tr>td.danger, .table>tbody>tr>th.danger, .table>tfoot>tr.danger>td, .table>tfoot>tr.danger>th, .table>tfoot>tr>td.danger, .table>tfoot>tr>th.danger, .table>thead>tr.danger>td, .table>thead>tr.danger>th, .table>thead>tr>td.danger, .table>thead>tr>th.danger {background-color: #f2dede;}


.table>tbody>tr.info>td, .table>tbody>tr.info>th, .table>tbody>tr>td.info, .table>tbody>tr>th.info, .table>tfoot>tr.info>td, .table>tfoot>tr.info>th, .table>tfoot>tr>td.info, .table>tfoot>tr>th.info, .table>thead>tr.info>td, .table>thead>tr.info>th, .table>thead>tr>td.info, .table>thead>tr>th.info {
    background-color: #d9edf7;}

/***** table  ******/


@media only screen and (max-width : 479px) {
    .main{width:300px}
    .note-pr .final-price{padding-left:30px;width:100%;float:none;margin-top:10px;}
    .box-pan > p:not(.titr){width:100%;margin-left: 10px;text-align:right;}
    .table .order-info figure > a{float:none;}
    .table .order-info figure { text-align: center; }
    .box-pan{text-align:left;}
    .box-pan .titr{text-align:right;}
    .box-pan .txt{margin-left:0;width:100%;float:none;margin-bottom:15px;}
    .box-pan .btn{float:none;width:100%;}
    .order-tbl{width:100%;overflow-x:auto;}
    .table tr .gray-txt{display:none;}
    .table tr td{padding: 10px!important;}
    .total-shop li p,.total-shop li span,.note-pr .final-price p,.note-pr .final-price span{display:block;float:none;text-align:center;}
    .total-shop li{padding:15px;}
    .note-pr p{padding:0;}

    .recieve-form ul li .txt, .recieve-form > ul li .ddl, .recieve-form > ul li .txtarea{width:240px;}
    .Shipped-way .select-way{width:30%;}
    .info-way{padding: 10px;}

    .price-way{width:100%;border-right:none;text-align:center;}
    .login-site p, .reg-site p{margin-bottom:56px;}
    .login-site, .reg-site{height:250px;padding: 10px;}
    .login-body .login-content{width:90%;}
    .login-body-pane ul li .txt{width:100%;}
    .google-map, .recieve-form ul li .txt, .recieve-form > ul li .ddl, .recieve-form > ul li .txtarea{width:100%;}
    .right-address-part .recieve-form{padding:20px;}
    .google-map .googlemap{width:100%;}
    .right-address-part,.left-address-part{width:100%;float:none;margin-bottom:15px;}
    .login-body .login-content{top:20%;}
    .select-way img{width:40px;height:30px;margin-top: 14px;}
    .radio-gp{width:30px;}
    .Shipped-way .select-way{padding:10px;}

    .pay-way-list > li > ul > li { width: 100%; float: right; margin-bottom: 20px; }
    .pay-way-list > li.card .radio-gp label::before{right: -28px;}
    .pay-way-list > li .radio-gp label::before{display:none;}
    .pay-way-list > li .radio-gp label{padding-right:0;}
    .top-pay .title,.top-pay span{display:block;text-align:center;}
    .top-pay .title,.top-pay span{display:block;text-align:center;float:none;margin-bottom:10px;}
    .pay-way-list > li > ul{padding-right:5px;}

    .bottom-factor { width:100%; }
    .order-detail ul li span { width: 100%; text-align:right;}
    .fc-tbl{width:100%;overflow-x:auto;}
    .total-factor li span,.total-factor .red,.bottom-factor span{width:100%!important;text-align:center;float:none!important;}
}
@media only screen and (min-width : 480px) and (max-width : 719px){
    .main{width:460px}
    .table-responsive {width: 100%;margin-bottom: 15px;overflow-y: hidden;-ms-overflow-style: -ms-autohiding-scrollbar;border: 1px solid #ddd;}
	
	.table-responsive>.table {margin-bottom: 0;}

    .note-pr .final-price{padding-left:30px;width:100%;float:none;margin-top:10px;}
    .box-pan > p:not(.titr){width:100%;margin-left: 10px;text-align:right;}
    .table .order-info figure > a{float:none;}
    .table .order-info figure { text-align: center; }
    .box-pan{text-align:left;}
    .box-pan .titr{text-align:right;}
    .box-pan .txt{margin-left:0;}
    .box-pan .btn{float:none;}
    .order-tbl,.fc-tbl{width:100%;overflow-x:auto;}
    .table tr .gray-txt{display:none;}
    .table tr td{padding: 10px 20px !important;}

    .recieve-form ul li .txt, .recieve-form > ul li .ddl, .recieve-form > ul li .txtarea{width:240px;}
    .Shipped-way .select-way{width:30%;}
    .info-way{width:50%;padding: 10px;border-left: 1px solid #e6e6e6;}
    .price-way{padding:5px;border:none;}
    .login-site p, .reg-site p{margin-bottom:56px;}
    .login-site, .reg-site{height:250px;}
    .login-body .login-content{width:60%;}
    .google-map, .recieve-form ul li .txt, .recieve-form > ul li .ddl, .recieve-form > ul li .txtarea{width:61%;}
    .right-address-part .recieve-form{padding:20px;}
    .google-map .googlemap{width:100%;}
    .right-address-part,.left-address-part{width:100%;float:none;margin-bottom:15px;}
    .login-body .login-content{top:20%;}
    .select-way img{width:40px;height:30px;margin-top: 14px;}
    .radio-gp{width:30px;}
    .Shipped-way .select-way{padding:10px;}
    .pay-way-list > li > ul > li { width: 100%; float: right; margin-bottom: 20px; }
    .pay-way-list > li.card .radio-gp label::before{right: -28px;}
    .top-pay .title,.top-pay span{display:block;text-align:center;float:none;}

    .bottom-factor { width:100%; }
    .order-detail ul li span { width: 100%; text-align:right;}
    .fc-tbl{width:100%;overflow-x:auto;}
    .total-factor li span{width:auto!important;}
}
@media only screen and (min-width : 720px) and (max-width : 1000px) {
    .main{width:700px}
    
    .table .order-info figure figcaption{width:100%;float:none;}
    .note-pr .final-price{padding-left:30px;width:100%;float:none;margin-top:10px;}
    .box-pan > p:not(.titr){width:66%;margin-left: 10px;text-align:right;}
    .table .order-info figure > a{float:none;}
    .table .order-info figure { text-align: center; }
    .box-pan{text-align:left;}
    .box-pan .titr{text-align:right;}
    .box-pan .txt{margin-left:0;}
    .box-pan .btn{float:none;}
    .recieve-form ul li .txt, .recieve-form > ul li .ddl, .recieve-form > ul li .txtarea{width:240px;}
    .Shipped-way .select-way{width:30%;}
    .info-way{width:50%;border-left: 1px solid #e6e6e6;}
    .price-way{border:none;}
    .login-site p, .reg-site p{margin-bottom:56px;}
    .login-site, .reg-site{height:250px;}
    .login-body .login-content{width:40%;}
    .google-map, .recieve-form ul li .txt, .recieve-form > ul li .ddl, .recieve-form > ul li .txtarea{width:61%;}
    .right-address-part .recieve-form{padding:20px;}
    .google-map .googlemap{width:100%;}
    .pay-way-list > li > ul > li { width: 100%; float: right; margin-bottom: 20px; }

    .bottom-factor { width: 56%; }


}
@media only screen and (min-width : 1001px) and (max-width : 1249px) {
    .main{width:980px}
    .table .order-info figure figcaption{width:77%;}
    .note-pr .final-price{padding-left:30px;}
    .box-pan > p:not(.titr){width:58%;margin-left: 10px;}
    .recieve-form ul li .txt, .recieve-form > ul li .ddl, .recieve-form > ul li .txtarea{width:240px;}
    .Shipped-way .select-way{width:23%;}
    .info-way{border-left: 1px solid #e6e6e6;}
    .price-way{border:none;}
}
@media only screen and (min-width : 1250px) and (max-width : 1400px) {
    .main{width:1200px}
    
}
@media only screen and (min-width : 1401px) and (max-width : 1750px) {
    .main{width:1200px}
    
}
@media only screen and (min-width : 1750px){
    .main{width:1400px}
    
}