@font-face { font-family: jbzIcon; font-style: normal; font-weight: normal; src: url('/content/template/fonts/jbzIcon/v1/jbzIcon.eot?t=4'); src: url('/content/template/fonts/jbzIcon/v1/jbzIcon.eot?t=4&#iefix') format('embedded-opentype'), /* IE6-8 */ url('/content/template/fonts/jbzIcon/v1/jbzIcon.woff2?t=4') format('woff2'), /* FF39+,Chrome36+, Opera24+*/ url('/content/template/fonts/jbzIcon/v1/jbzIcon.woff?t=4') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('/content/template/fonts/jbzIcon/v1/jbzIcon.ttf?t=4') format('truetype'); } @font-face { font-family: IRANSans; font-style: normal; font-weight: bold; src: url('../fonts/ir/eot/IRANSansWeb(FaNum)_Bold.eot'); src: url('../fonts/ir/eot/IRANSansWeb(FaNum)_Bold.eot?#iefix') format('embedded-opentype'), /* IE6-8 */ url('../fonts/ir/woff2/IRANSansWeb(FaNum)_Bold.woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/ url('../fonts/ir/woff/IRANSansWeb(FaNum)_Bold.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('../fonts/ir/ttf/IRANSansWeb(FaNum)_Bold.ttf') format('truetype'); } @font-face { font-family: IRANSans; font-style: normal; font-weight: 500; src: url('../fonts/ir/eot/IRANSansWeb(FaNum)_Medium.eot'); src: url('../fonts/ir/eot/IRANSansWeb(FaNum)_Medium.eot?#iefix') format('embedded-opentype'), /* IE6-8 */ url('../fonts/ir/woff2/IRANSansWeb(FaNum)_Medium.woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/ url('../fonts/ir/woff/IRANSansWeb(FaNum)_Medium.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('../fonts/ir/ttf/IRANSansWeb(FaNum)_Medium.ttf') format('truetype'); font-display: swap; } @font-face { font-family: IRANSans; font-style: normal; font-weight: 300; src: url('../fonts/ir/eot/IRANSansWeb(FaNum)_Light.eot'); src: url('../fonts/ir/eot/IRANSansWeb(FaNum)_Light.eot?#iefix') format('embedded-opentype'), /* IE6-8 */ url('../fonts/ir/woff2/IRANSansWeb(FaNum)_Light.woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/ url('../fonts/ir/woff/IRANSansWeb(FaNum)_Light.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('../fonts/ir/ttf/IRANSansWeb(FaNum)_Light.ttf') format('truetype'); font-display: swap; } @font-face { font-family: IRANSans; font-style: normal; font-weight: 200; src: url('../fonts/ir/eot/IRANSansWeb(FaNum)_UltraLight.eot'); src: url('../fonts/ir/eot/IRANSansWeb(FaNum)_UltraLight.eot?#iefix') format('embedded-opentype'), /* IE6-8 */ url('../fonts/ir/woff2/IRANSansWeb(FaNum)_UltraLight.woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/ url('../fonts/ir/woff/IRANSansWeb(FaNum)_UltraLight.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('../fonts/ir/ttf/IRANSansWeb(FaNum)_UltraLight.ttf') format('truetype'); font-display: swap; } @font-face { font-family: IRANSans; font-style: normal; font-weight: normal; src: url('../fonts/ir/eot/IRANSansWeb(FaNum).eot'); src: url('../fonts/ir/eot/IRANSansWeb(FaNum).eot?#iefix') format('embedded-opentype'), /* IE6-8 */ url('../fonts/ir/woff2/IRANSansWeb(FaNum).woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/ url('../fonts/ir/woff/IRANSansWeb(FaNum).woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('../fonts/ir/ttf/IRANSansWeb(FaNum).ttf') format('truetype'); font-display: swap; } @charset "utf-8"; /* CSS Document */ body{ padding:0px; margin:0px; font-family: IRANSans !important; font-size:14px; color:#000; background:#fff; line-height:20px; direction:rtl; } :root{ --color:#6107a3; --color-1:#d097f9; --color-2:#f7f2fb; --color-g: linear-gradient(15deg, #6107a3 0%, #6107a3 39.5%, #7e3cb9 60.5%, #7e3cb9 100%) !important; --gold:#d89b00; --gold-0:#b28000; --gold-1:#edd494; --gold-2:#f7f1e8; --gold-3:#fbf7f2; --dark:#2e2e2e; --rose:#B76E79; --blue:#6B7AA1; --blue-1:#c1cbe3; --blue-2:#d9dee9; } .color{ color: var(--color) !important; } ::selection { background: var(--blue-2); color: #000; padding-top: 3px; padding-bottom: 3px; } ::-moz-selection { padding-top:3px; padding-bottom:3px; background:var(--blue-2); color:#000; } datalist, datalist option{ font-family: IRANSans !important; } a , a:link , a:active , a:visited{ text-decoration:none; color:var(--color); cursor: pointer; padding-bottom:2px; } a:hover , a:focus{ color:(--color); border-bottom:1px solid var(--color); } a img { border: none; text-decoration: none; } hr{ margin:25px auto 25px auto; size:1px; width:98%; color:var(--blue); } span { cursor: default; } a, a span , input[type=submit] , input[type=reset] , input[type=checkbox] , input[type=button] , input[type=file] ,select , option , button , button span , datalist { cursor:pointer; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -ms-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; } input , select , option , textarea , button , datalist , datalist option{ font-family: IRANSans !important; font-size:14px; padding:4px 7px; } input:focus , select:focus , textarea:focus , button:focus, datalist:focus{ outline: none; } *:focus{ outline: none; } input:focus{ outline: none; } select , option , datalist{ padding:2px 5px; } input[type=text] , input[type=password]{ border:var(--blue) 1px solid; background:#FFF; } input[type=email] , input[type=number] , input[type=tel] , input[type=text].e , input[type=password] , form.formItems.e , form.e , table tr td.e{ text-align:left; direction:ltr; } div{ padding:0px; margin:0px; } div.showPm , div.miniGoodsDetails{ display: table !important; float: none !important; padding:10px 13px !important; text-align:center !important; max-width:500px !important; min-width: 100px !important; width: 90% !important; margin:20px auto 20px auto !important; color:#060; font-size: 14px; line-height:30px !important; border-radius:0px 0px 7px 7px; border-top: #690 2px solid; background: rgb(206,255,208); background: -webkit-linear-gradient(left, rgba(206,255,208,1) 0%, rgba(235,255,235,1) 50%, rgba(206,255,208,1) 100%); background: -o-linear-gradient(left, rgba(206,255,208,1) 0%, rgba(235,255,235,1) 50%, rgba(206,255,208,1) 100%); background: linear-gradient(to right, rgba(206,255,208,1) 0%, rgba(235,255,235,1) 50%, rgba(206,255,208,1) 100%); } div.showPm{ margin-top: 30px !important; } div.showPm.printError{ color:#DC0000; border-color:#DC0D00; background: rgb(255,231,231); } div.showPm.printAlarm{ color:#94720B; background: rgb(254,255,206); background: -webkit-linear-gradient(left, rgba(254,255,206,1) 0%, rgba(255,255,235,1) 50%, rgba(254,255,206,1) 100%); background: -o-linear-gradient(left, rgba(254,255,206,1) 0%, rgba(255,255,235,1) 50%, rgba(254,255,206,1) 100%); background: linear-gradient(to right, rgba(254,255,206,1) 0%, rgba(255,255,235,1) 50%, rgba(254,255,206,1) 100%); border-color:#FFC600; } div.showPm div.icon{ width: 30px; height: 30px; padding:5px 10px; display: block; border-radius: 10px; line-height: normal; background-color: rgb(206,255,208); background-repeat: no-repeat; background-position: center; background-size: 25px; margin: -35px 0px -10px 0px; border-top:#690 2px solid; box-shadow:0px 5px 10px -5px #690; } div.showPm.printError div.icon{ border-color: #DC0D00; box-shadow:0px 5px 10px -5px #DC0D00; background-color: rgb(254,206,206); } div.showPm.printAlarm div.icon{ border-color: #FFC600; box-shadow:0px 5px 10px -5px #FFC600; background-color: rgba(254,255,206,1); } div.showPm ul{ text-align: right; padding: 0px; margin: 10px 25px -10px 10px; list-style: circle; } div.showPm ul li{ margin: 0px; line-height: normal; text-align: right; padding: 0px; } div.showPm.bigBox{ width: auto !important; max-width: 90% !important; text-align: right !important; font-size: 12px !important; padding: 15px 40px !important; line-height: normal !important; } div.showPm strong{ font-size: 14px; color: red; margin: 0px; padding: 0px 1px 0px 1px; line-height: 16px; display: inline-block; font-weight: normal; } div.showPm strong::after , div.showPm strong::before{ content: ' '; width: 10px; height: 10px; display: inline-block; vertical-align: top; transform: rotate(45deg); border-radius: 3px; margin: 0px 5px 0px 5px; border: red 2px solid; } img.avatar{ border-radius: 50%; overflow: hidden; } table.data{ font-size: 14px; margin:50px auto; } table.data tr.titr{ text-align:center; color:#FFF; background: #789; } table.data tr.tr1, table.data tr.tr2{ transition: background-color 0.3s ease, box-shadow 0.3s ease, color 0.3s ease; } table.data.forceW tr.tr1 td, table.data.forceW tr.tr2 td{ word-wrap: break-word !important; /* شکستن کلمات طولانی */ overflow-wrap: break-word !important; /* پشتیبانی در مرورگرهای مختلف */ white-space: normal !important; } table.data tr.tr1 td, table.data tr.tr2 td{ transition: background-color 0.3s ease; background-color: #E5EEF3; cursor:default; } table.data tr.tr2 td{ background-color: #C1E3F4; } table.data tr.tr1 a, table.data tr.tr2 a{ border-bottom:#E5EEF3 1px solid; color: #003CFF;; } table.data tr.tr2 a{ border-bottom-color: #CDE1EB; } table.data tr.tr1:hover , table.data tr.tr2:hover{ box-shadow: 0 -1px 0px rgba(116,86,58,1.00), 0 1px 0px rgba(116,86,58,1.00); position: relative; z-index: 1; } table.data tr.tr1:hover td , table.data tr.tr2:hover td{ color:#000; background: #F0DECD; } table.data tr.tr1:hover a , table.data tr.tr2:hover a{ color:#003580; border-bottom:#003580 1px solid; } table.data tr.tr1 td , table.data tr.tr2 td , table.data tr.titr td{ border-radius: 3px !important; } table.data tr.tr1:hover td , table.data tr.tr2:hover td{ border-radius: 0px !important; } table.data tr.tr1 td.orderTD , table.data tr.tr2 td.orderTD, table.data tr.tr1 td.select , table.data tr.tr2 td.select{ background-color: lightgreen; } table.data tr.tr1:hover td.orderTD , table.data tr.tr2:hover td.orderTD, table.data tr.tr1:hover td.select , table.data tr.tr2:hover td.select{ background-color: mediumseagreen; } table.data tr td.fixw , .fixw{ white-space:normal; word-wrap:break-word; word-break:break-word; } div.formItems , div.timeControl , form.formItems{ text-align:right; padding:15px; margin:20px auto; width:500px; background:var(--gold-2); border-radius: 5px; overflow: hidden; } div.formItems span , div.timeControl span , form.formItems span{ display:inline-block; width:100px; margin:0px 0px 20px 10px; } .formItems span.top{ vertical-align:top; } .formItems button , .formItems input[type=button] ,.formItems input[type=submit], div.timeControl button ,div.timeControl input[type=button] , div.timeControl input[type=submit]{ background: var(--color-g) !important; background-size: 50% 50%; background-repeat: no-repeat; border: 1px solid var(--gold-2); font-size: 15px; padding: 4px 8px; border-radius: 5px; color: #FFF !important; transition-duration: 0.4s; } .formItems button.big , .formItems input[type=button].big ,.formItems input[type=submit].big, div.timeControl button.big ,div.timeControl input[type=button].big , div.timeControl input[type=submit].big{ display: block; float: none; font-size: 17px; width: calc(80% - 20px); text-align: center; padding: 8px 10px; margin: 15px auto; } .formItems button:focus ,.formItems input[type=button]:focus , .formItems input[type=submit]:focus, .formItems button:hover ,.formItems input[type=button]:hover , .formItems input[type=submit]:hover, div.timeControl button:focus ,div.timeControl input[type=button]:focus, div.timeControl input[type=submit]:focus, div.timeControl button:hover ,div.timeControl input[type=button]:hover, div.timeControl input[type=submit]:hover{ box-shadow: 0px 0px 5px 2px var(--color); border-color: #fff !important; } .formItems button.big:focus , .formItems input[type=button].big:focus ,.formItems input[type=submit].big:focus, .formItems button.big:hover , .formItems input[type=button].big:hover ,.formItems input[type=submit].big:hover, div.timeControl button.big:focus ,div.timeControl input[type=button].big:focus , div.timeControl input[type=submit].big:focus, div.timeControl button.big:hover ,div.timeControl input[type=button].big:hover , div.timeControl input[type=submit].big:hover{ width: calc(90% - 20px); margin: 15px auto; } form.formItems h2,div.formItems h2{ text-align:center; background:var(--gold-1); padding:10px; color:#000; font-size: 14px; border:none; border-radius: 0px; margin:-15px -15px 15px -15px; } form.formItems strong, div.formItems strong{ display:inline-block; color:#F30; font-size:12px; font-weight:normal; } form.formItems input[type=text], form.formItems textarea , form.formItems input[type=password] ,form.formItems select , div.formItems input[type=text] , div.formItems textarea , div.formItems input[type=password] , div.formItems select{ width:200px; border: var(--blue-2) 1px solid !important; border-radius: 5px; } form.formItems select , div.formItems select { width: auto; } form.formItems button , form.formItems input[type=submit] ,div.formItems input[type=submit] , div.formItems button{ float:left; } .formItems.ajaxFormId{ display: block; width: 310px; padding: 10px 20px; margin: 15px auto; } .formItems.ajaxFormId strong{ color: red; text-align: right; display: block; font-size: 12px; padding: 0px; margin: -5px auto 5px auto; } .formItems.ajaxFormId span.requiredField::before{ content: '*'; font-size: 20px; color: red; display: inline-block; vertical-align: top; margin: 5px -10px 0px 10px; } .formItems.ajaxFormId span{ vertical-align: top; display: inline-block; line-height: 20px; font-size: 14px; padding: 5px 0px 0px 0px; } .formItems.ajaxFormId h2.form{ margin: -10px -20px 10px -20px !important; padding: 5px !important; font-weight: normal; } .formItems.ajaxFormId ul.formHeader, .formItems.ajaxFormId ul.formFooter{ display: block; font-size: 12px; padding: 10px !important; color: var(--blue); cursor: help; margin: 0px 0px 20px 0px !important; border: var(--blue) 1px dashed; border-right: none; border-left: none; border-radius: 0px; } .formItems.ajaxFormId ul.formHeader{ border-top: none; padding-bottom: 20px !important; } .formItems.ajaxFormId ul.formFooter{ margin: 20px 0px 0px 0px !important; } .formItems.ajaxFormId input[type=text]{ width: calc(100% - 126px); } .formItems.ajaxFormId textarea, .formItems.ajaxFormId input[type=text]{ font-size: 14px; border: var(--blue-2) 1px solid !important; } .formItems.ajaxFormId textarea{ display: block; height: 100px; padding: 10px; margin: -18px auto 10px auto; width: calc(100% - 20px); } .formItems.ajaxFormId input[name=af_cc]{ width: 100px; font-size: 20px; text-align: center; direction: ltr; padding: 7px 10px; margin: 10px 35px 0px auto !important; letter-spacing: 10px; } .formItems.ajaxFormId span.requiredField#af_cc{ margin-bottom: 0px; } .formItems.ajaxFormId span.requiredField#af_cc::before{ display: none; } .formItems.ajaxFormId span.requiredField#af_cc img{ display: block; width: auto; border-radius: 5px; border: #ccc 1px solid; margin: 5px 0px 0px 0px; } .formItems.ajaxFormId span.requiredField#af_cc::after{ content: '»'; font-size: 35px; color: red; display: inline-block; vertical-align: top; width: 30px; height: 30px; padding: 0px; margin: -32px 115px 0px 0px; } button.product{ padding: 0px; border: none; background: none; margin: 0px; } input[type=button].button, a.button , label.button , span.button , button.product div.title , button.button{ display: inline-block; vertical-align: top; padding: 5px 25px; background: #fff !important; border: var(--color) 1px solid !important; border-radius: 5px !important; color: var(--color) !important; cursor: pointer !important; line-height: 18px !important; } button.button.vipButton , input[type=button].button.vipButton , a.button.vipButton ,label.button.vipButton , span.button.vipButton , .vipButton{ text-align: center !important; cursor:pointer; color:#FFF !important; border: none !important; border-radius: 5px !important; box-shadow: 0 0 8px rgba(97, 7, 163, 0.7); background: var(--color-g) !important; }@charset "utf-8"; /* CSS Document */ div.pageBlackBg.load{ background:#000 url(/content/template/images/load.gif) center no-repeat; } div.pageBlackBg #ajaxControl{ width: 300px; height: auto; background: rgba(255,255,255, 1); font-size:13px; font-weight: normal; margin:70px auto 20px auto; z-index: 1000 !important; display:table; text-align: center; color: #999; padding: 10px 10px 20px 10px; border-radius: 10px; overflow: hidden; } div.pageBlackBg #ajaxControl span.exitX{ position: absolute; margin: -60px auto 0px auto; border-radius: 50%; color: #fff; padding: 10px; line-height: 11px; cursor: pointer; background: red; font-size: 20px; } div.pageBlackBg #ajaxControl input[type=email] , div.pageBlackBg #ajaxControl input[type=text] , div.pageBlackBg #ajaxControl textarea{ border-radius: 3px; border:#bbb 1px solid !important; } div.pageBlackBg #ajaxControl input[type=button] , div.pageBlackBg #ajaxControl input[type=submit]{ border-radius: 4px !important; border: #fff 1px solid; color: #666; font-size: 13px; background: #ccc; } div.pageBlackBg .basket div{ display:table; width:100%; margin:0px 0px 25px 0px; } div.pageBlackBg .basket div img , div.pageBlackBg .basket div p{ display:table-cell; vertical-align:top; } div.pageBlackBg .basket div p span.ok{ color:#090; border:#090 1px solid; border-right:none; border-left:none; } div.pageBlackBg .basket div p span.error{ color:#F00; } div.pageBlackBg .basket div a{ font-size:13px; margin:25px auto 25px auto; } div.pageBlackBg .basket a.goods{ width: auto; display: block; padding: 0px; height: 40px; margin: 20px auto 10px auto; border: none; text-decoration: none; text-align: center; } div.pageBlackBg .basket a.goods span{cursor: pointer;} div.pageBlackBg .basket a.goods span.title{ display: block; text-align: center; padding: 8px; border-radius: 5px; background: #ddd; color: #333; width: calc(95% - 20px); margin: 10px auto 20px auto; } div.pageBlackBg .basket a.goods img , div.pageBlackBg .basket a.goods span.more{ display: inline-block; width: 35px; height: 35px; vertical-align: top; padding: 0px; margin:0px 6px; } div.pageBlackBg .basket a.goods span.more{ width: auto; } div.pageBlackBg .basket a.goods span.more span.remainN{ width: 35px; height: 35px; display: inline-block; vertical-align: top; direction: ltr; background: #ddd; color: #444; font-size: 22px; letter-spacing: -1px; line-height: 38px; padding: 0px; border-radius: 50%; } div.pageBlackBg .basket a.goods span.more span.remainT{ color: #777; display: inline-block; vertical-align: bottom; font-size: 10px; width: 29px; margin-right: 1px; word-spacing: 0px; line-height: 10px; text-align: center; } div.pageBlackBg #ajaxControl span.exit{ display:block; cursor:pointer; color: #666; padding:5px 5px 5px 35px; margin:0px auto -20px auto; background:url(/content/template/images/product/back.jpg) no-repeat center left 10px; background-size: 18px 18px !important; } div.pageBlackBg #ajaxControl.share{ text-align:right; } div.pageBlackBg .share input.link{ display:block; width:95%; color:#000; background:#f5f5f5; font-size:12px; padding:3px; cursor:copy; direction:ltr; margin:15px auto 25px auto; text-align:left; } div.pageBlackBg .share span.title{ background:#999; color:#FFF; font-size:12px; border-radius: 5px; display:inline-block; line-height:15px; padding:6px 10px 5px 10px; margin: -10px 0px 0px 0px; } div.pageBlackBg .share div{ padding:0px 5px 35px 5px; line-height:35px; } div.pageBlackBg .share div.social{ margin-bottom:-25px !important; } div.pageBlackBg .share div.email{ padding-bottom:10px; margin-bottom:-25px; } div.pageBlackBg .share div a{ display:inline-block; border:none; margin:5px 5px 0px 5px; padding:0px; width: 35px; height: 35px; background: url(/content/template/images/product/share.jpg); background-size: 105px 70px; } div.pageBlackBg #ajaxControl.badPrice span.exit, div.pageBlackBg #ajaxControl.share span.exit{ display:table; width:60px; float:left; text-align:left; margin:-11px auto 0px -10px; } div.pageBlackBg .share div input[type=email]{ width:210px; margin:5px 0px 0px 10px; font-size:13px; } div.pageBlackBg .share div input[type=button]{ padding:2px 5px 2px 5px; float: left; margin: 7px 0px -5px 0px; } div.pageBlackBg .share div input[type=button].load{ font-size:11px; padding:2px 0px 2px 0px; margin:0px -5px 0px 0px; } div.pageBlackBg .compare span.empty{ background:#F60; color:#FFF; padding:5px; display:block; margin:20px auto 10px auto; } div.pageBlackBg .compare div{ display:inline-block; vertical-align:top; height:100px; text-align:center; color:#F00; margin:20px 20px 20px 0px; cursor:pointer; } div.pageBlackBg .compare div img{ display:block; margin:0px; } div.pageBlackBg .compare a{ display:block; padding:5px; background:#39F; border-radius:3px; color:#FFF; margin:10px auto 15px auto; border:none; } div.pageBlackBg .compare span.exit , div.pageBlackBg .sale span.exit , div.pageBlackBg .sold span.exit{ text-align:left; width:60px; margin-bottom:-15px !important; } div.pageBlackBg .sale div{ line-height:40px; } div.pageBlackBg .sale p{ line-height:25px; margin:10px 0px 30px 0px; color:#066; font-size:13px; } div.pageBlackBg #ajaxControl.onlineSupport{ text-align: center; } div.pageBlackBg #ajaxControl.onlineSupport .social{ display:block; padding: 0px; width: 95%; margin: 15px auto 10px auto; } div.pageBlackBg #ajaxControl.onlineSupport .social div{ display: inline-block !important; width: 40px; height: 40px; margin:5px 10px 0px 10px; cursor: pointer; text-align: center; padding:0px; } div.pageBlackBg #ajaxControl.onlineSupport .social div span{ width: 30px; height: 30px; display: block; cursor: pointer; margin: 0px auto 5px auto; background-repeat: no-repeat; background-position: top center; background-size: 30px; } div.pageBlackBg #ajaxControl.onlineSupport .social div span.s0{ background-position: top right; } div.pageBlackBg #ajaxControl.onlineSupport .social div span.s1{ background-position: top center; } div.pageBlackBg #ajaxControl.onlineSupport .social span.s2{ background-position: top left !important; } div.pageBlackBg #ajaxControl.onlineSupport .social span.s3{ background-position: bottom left !important; } div.pageBlackBg #ajaxControl.onlineSupport div.web{ display: block; margin: 30px auto 0px auto; } div.pageBlackBg #ajaxControl.onlineSupport div.web span{ display: inline-block; margin: 0px 5px 0px 0px; background:#8C099E; border: none; border-radius: 3px; padding: 5px 10px 5px 10px; cursor: pointer; color: #FFF; width: 170px; } div.pageBlackBg #ajaxControl.onlineSupport span.exit{ width: 100px; margin: 30px auto -10px auto; } div.pageBlackBg #ajaxControl div.goodsRegister{ text-align: center; } div.pageBlackBg #ajaxControl div.goodsRegister span{ display: inline-block; margin: 0px 0px 15px 0px; width: 70px; text-align: right; } div.pageBlackBg #ajaxControl div.goodsRegister input{ direction: ltr; letter-spacing: 1px; font-size: 13px; } div.pageBlackBg #ajaxControl div.goodsRegister input[type=button]{ display: table; letter-spacing: 0px; direction: rtl; margin: 0px auto 0px auto; } div.pageBlackBg #ajaxControl p{ margin: 10px auto 10px auto; padding: 0px; } div.pageBlackBg .badPrice span.title, div.pageBlackBg .errorReport span.title{ display: block; color: #000; width: 95%; border-bottom: 1px dashed #ccc; padding: 5px; font-size: 14px; margin: -10px auto 10px auto; } div.pageBlackBg .errorReport textarea{ display: block; font-size: 13px; width: 95%; height: 80px; margin: 15px auto 15px auto; } div.pageBlackBg .errorReport input[type=button] , div.pageBlackBg .errorReport span.exit{ display: inline-block !important; min-width: 80px; padding: 0px; } div.pageBlackBg .errorReport span.exit{ float: left; } div.pageBlackBg .errorReport input[type=button]{ margin-right: -70px; } div.pageBlackBg .badPrice div.price{ text-align: right; } div.pageBlackBg .badPrice div.price input{ width: 180px; direction: ltr; height: auto; line-height: 17px; padding: 5px 10px 5px 10px !important; margin: 10px 60px 0px 5px; text-align: center; letter-spacing: 1px; font-size: 17px; } div.pageBlackBg .badPrice .store .type span{ display: inline-block; vertical-align: top; cursor: pointer; color: #666; font-size: 13px; border-radius: 3px; line-height: 15px; width: 40%; padding: 5px 10px 5px 10px; } div.pageBlackBg .badPrice .store{ margin: 20px 0px 10px 0px; } div.pageBlackBg .badPrice .store .type span.active{ background: #ddd; color: #333; border-radius: 5px 5px 0px 0px; cursor: default; text-shadow: #777 1px 1px 5px; } div.pageBlackBg .badPrice .store .location{ background: #eee; width: 283px; border-radius: 0px 0px 5px 5px; margin: 0px auto 0px auto; padding-bottom: 10px !important; } div.pageBlackBg .badPrice .store .location div{ display: none; } div.pageBlackBg .badPrice .store .location div.active{ display: block; text-align: right; padding: 10px; } div.pageBlackBg .badPrice .store .location input{ width: 90%; } div.pageBlackBg .badPrice input[type=button]{ display: inline-block; vertical-align: top; float: right; margin: 10px 0px 0px 0px; } div.pageBlackBg #ajaxControl.badPrice span.exit{ margin: 10px 0px 0px 5px; } div.pageBlackBg .sold div.text{ line-height: 30px; } div.pageBlackBg .sold div.text span.id{ color: darkcyan; letter-spacing: 1px; font-size: 15px; } div.pageBlackBg .sold div.text span.call , div.pageBlackBg .sold div.text a.call{ display: inline-block; vertical-align: top; direction: ltr; color: #000; font-size: 15px; margin: 0px 5px; } div.pageBlackBg .sold div.social{ display: block; text-align: center; margin: 10px auto 20px auto; } div.pageBlackBg .sold div.social a{ background-image: url(/content/template/images/socialNetwork/onlineSupport.jpg); background-repeat: no-repeat; background-size: 90px 60px; padding: 0px; margin: 0px 10px; width: 30px; height: 30px; border: none; display: inline-block; vertical-align: top; } div.pageBlackBg .sold div.social a.call{ background: #999; border-radius: 5px; font-size: 13px; line-height: 20px !important; padding: 5px 5px; height: 20px; color: #fff; margin-right: 15px; }@charset "utf-8";/* CSS Document */ .rateStar{ display: inline-block; vertical-align:top; padding: 0px; width:125px; height:16px; text-align:right; margin: 0px 0px 0px 0px; } .rateStar span#load{ background: #FFF; display:inline-block; vertical-align:top; width:16px; height:16px; padding:0px; margin:0px !important; } .rateStar span#load.click{ background: url(/content/template/images/load1.gif) no-repeat top center; } .rateStar .stars{ display:inline-block; vertical-align:top; width: 105px; height: 17px; padding: 0px; margin:0px; line-height: 0px; background: url(/content/template/images/rate/bg.gif) bottom right; } .rateStar .stars img{ margin: 0px !important; padding: 0px !important; cursor: pointer; display: inline-block !important; vertical-align: top; border: none !important; background: url(/content/template/images/rate/star.png) center no-repeat; width: 21px !important; height: 17px !important; }@charset "utf-8"; /* CSS Document */ .swipeBox{ direction: ltr; overflow: hidden; position: relative; white-space: nowrap; border: 1px solid var(--blue-1); border-radius: 5px; padding: 10px; margin: 0px auto; display: block; width: calc(100% - 20px); background: #fff !important; } .goodsType .swipeBox{ transform: translateY(-3px); border-radius: 5px 0px 5px 5px; } .swipeBox.lpOfferList{ width: 400px; border: none; } .swipeBox.bgLine{ border: none; background: none !important; } .swipeBox.bgLine.homeSale{ padding-top:40px; } .swipeBox.bgLine.homeOffer{ padding: 15px; } .swipeBox ul{ display: block; direction: rtl; padding: 0px; margin: 0px; } .swipeBox .swipe-list{ display: flex; transition: transform 0.8s ease; cursor: grab; padding: 0px; width: auto; margin: 0px; flex-wrap: nowrap; } .swipeBox .swipe-list .swipe-item{ direction: rtl; display: inline-block; flex: 0 0 auto; text-align: center; border-right: 1px solid var(--blue-1); line-height:normal; white-space: normal; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: grab; } .swipeBox .swipe-list .swipe-item:active { cursor: grabbing; } .swipeBox.lpOfferList .swipe-list .swipe-item, .swipeBox.product .swipe-list .swipe-item{ width: 180px; height: 305px; border: none !important; padding: 10px; color: var(--dark); margin: 0px 10px; background: #fff !important; border-radius: 0px; vertical-align: top; } .swipeBox.lpOfferList .swipe-list .swipe-item{ width: 130px; height: auto; padding: 0px !important; } .swipeBox.product.bgLine .swipe-list .swipe-item{ border-radius: 10px; } .swipeBox.product .swipe-list .swipe-item:not(:last-child) { border-left: 1px solid var(--blue-1) !important; } .swipeBox.product.bgLine .swipe-list .swipe-item:not(:last-child) { border: none !important; } .product .swipeBox .swipe-list .swipe-item a, .swipeBox .swipe-list .swipe-item a.item-a{ border: none !important; } .swipeBox.product .swipe-list .swipe-item .introGoods{ padding:0px 0px 15px 0px; width:180px; margin:0px; } .swipeBox.lpOfferList .swipe-list .swipe-item picture, .swipeBox.product .swipe-list .swipe-item picture{ margin: 0px auto 15px auto; padding: 0px; display: block; overflow: hidden; transition: transform 0.3s ease; } .swipeBox.product .swipe-list .swipe-item:hover picture{ transform: translateY(-10px); } .swipeBox.lpOfferList .swipe-list .swipe-item picture img, .swipeBox.product .swipe-list .swipe-item picture img{ display: block; border-radius: 10px; margin: 0px auto; padding: 0px; } .swipeBox.lpOfferList .swipe-list .swipe-item picture img{ width: 100%; height: auto; } .swipeBox.lpOfferList .swipe-list .swipe-item strong, .swipeBox.product .swipe-list .swipe-item h3, .swipeBox.product .swipe-list .swipe-item .introGoods span.title{ margin:0px; color: var(--dark); font-weight: normal; line-height: 1.3em; font-size: 13px; padding: 0px; width: 95%; overflow: hidden; max-height: calc(1.3em * 2); text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .swipeBox.product .swipe-list .swipe-item .introGoods span.title{ text-align: right; } .swipeBox.lpOfferList .swipe-list .swipe-item strong{ font-size: 12px; } .swipeBox.product .swipe-list .swipe-item div.productPriceBox .p{ margin-top: 15px; } .swipeBox.product .swipe-list .swipe-item span.soldItem{ margin: 20px auto 0px auto !important; display: table; background: #999; color: #fff; padding: 5px 15px; border-radius: 4px; line-height: 15px; font-size: 14px; cursor: not-allowed; } .swipeBox .arrow{ position: absolute; top: 50%; opacity: .8; transform: translateY(-50%); background-color: var(--blue); color: #fff; border: none; border-radius: 50%; width: 40px; height: 40px; cursor: pointer; z-index: 10; display: flex; padding: 0px 5px; justify-content: center; align-items: center; box-shadow: 0 4px 6px #dedede; transition: all 0.3s ease; } .swipeBox .arrow:hover { color: #000; box-shadow: 0 4px 6px #888; } .swipeBox.lpOfferList .arrow{ transform: translateY(-70%); } .swipeBox .left-arrow { padding-right: 0px; left: 10px; } .swipeBox .right-arrow { padding-left: 0px; right: 10px; } .swipeBox.product .swipe-list .swipe-item.moreList h3{ margin-top: 70px; font-size: 14px; color: var(--color); } .swipeBox.product .swipe-list .swipe-item.moreList span{ padding: 19px 17px 10px 20px; justify-content: center; align-items: center; width: 40px; height: 40px; cursor: pointer; border-radius: 50%; border: var(--color) 2px solid; color: var(--color); } .swipeBox.product .swipe-list .swipe-item.moreList a:hover{ border: none!important; } .swipeBox .arrow::before , .swipeBox.product .swipe-list .swipe-item.moreList span::before{ content: ''; display: inline-block; width: 12px; height: 12px; border-top: 2px solid currentColor; border-right: 2px solid currentColor; transform: rotate(45deg); } .swipeBox .left-arrow::before , .swipeBox.product .swipe-list .swipe-item.moreList span::before{ transform: rotate(-135deg); } .swipeBox.product .swipe-list .swipe-item.moreList span::before{ border-width: 3px; margin-top: 75px; } .swipeBox .right-arrow::before { transform: rotate(45deg); } .swipeBox .arrow:focus { outline: none; } .swipeBox .introGoods span.giftIcon{ z-index: 999; margin:-20px 60px 0px 0px !important; } .swipeBox.mobDevice .arrow{ display: none !important; } .swipeBox.product.mobDevice .swipe-list .swipe-item{ width: 120px; margin: 0px 10px; height: 273px; } .swipeBox.product.mobDevice .swipe-list .swipe-item .introGoods{ width: 100% !important; } .swipeBox.product.mobDevice .swipe-list .swipe-item .introGoods span.giftIcon{ margin-right:90px !important; } .swipeBox.product.mobDevice .swipe-list .swipe-item .introGoods span.title{ font-size: 12px !important; min-height: 50px; } .swipeBox.iconBox ul li a{ display: block; border: none !important; width: 135px; padding: 0px; margin: 0px; } .swipeBox.iconBox ul li a span{ display: block; padding: 0px; margin: 0px auto; } .swipeBox.iconBox ul li a span.t{ color: var(--color); font-size: 13px; } .swipeBox.iconBox ul li a span.n{ color: var(--blue); font-size: 11px; margin-top: 10px; } .swipeBox.mobDevice{ direction: rtl; width: 100%; margin-top: 9px; border: none; overflow-x: auto; white-space: nowrap; -webkit-overflow-scrolling: touch; /* حرکت نرم اسکرول در iOS */ } .swipeBox.mobDevice .swipe-list { display: inline-flex; padding: 0; margin: 0; border: none; gap: 0; } .swipeBox.mobDevice .swipe-item { flex: 0 0 auto; display: inline-block; } .swipeBox.lpOfferList .arrow { border: #fff 1px solid; }@charset "utf-8"; /* CSS Document */ #likeThis{ display: inline-block; vertical-align: top; color: #666; margin: 0px; height: 16px; text-align: left; cursor: pointer; min-width: 37px; padding: 0px; } #likeThis.select { cursor: default; color: #F00; } #likeThis.unselect { color:#000; } #likeThis.loading { background: url(/content/template/images/load1.gif) left center no-repeat; } #likeThis span.num { font-weight: normal; display: block; color: #F33; float: left; display: inline-block; margin:2px 5px 0px 0px; display:inline-block; vertical-align:top; padding:0px; line-height:16px; font-size: 13px; letter-spacing: 1px; }@charset "utf-8"; /* CSS Document */ ul.specialPost{ display: block; padding: 0px; margin: 0px; text-align: center; } ul.specialPost li.b{ display: inline-block; vertical-align: top; width: calc(50% - 30px); min-width: 350px; list-style: none; padding: 0px; margin: 15px; } ul.swimmerBlogPost.specialPost li.b{ max-width: 350px; } ul.specialPost li a{ display: block; margin: 0px; box-shadow: 5px 5px 10px 1px var(--blue-2); padding: 20px !important; border-radius: 5px; border: var(--blue-2) 1px solid !important; } ul.specialPost li a img{ display: block; width: calc(100% - 20px) !important; margin: 0px auto; border-radius: 5px; height: auto; } ul.specialPost li a h2{ color: var(--color); font-size: 16px; font-weight:400; display: block; text-align: center; padding: 0px; margin: 10px auto !important; } ul.specialPost li a p{ padding: 0px; margin: 10px auto; text-align: justify; color: var(--blue); line-height: 19px; font-size: 13px; } ul.specialPost li a ul.faq{ display: block; padding: 10px 0px 0px 0px; text-align: right; margin: 0px auto 0px auto; line-height: 17px; border-top: var(--blue-2) 1px dashed; } ul.specialPost li a ul.faq li{ color: var(--blue); padding: 0px; margin: 0px; font-size: 13px; line-height: 17px; list-style: none; } ul.specialPost li a ul.faq li::before{ content: ' '; display: inline-block; vertical-align: top; border: 1px solid var(--blue); background: var(--gold-2); border-radius: 2px; transform: rotate(45deg); width: 8px; height: 8px; margin: 3px 0px 0px 10px; } ul.specialPost li a span.more{ display: table; margin: -10px auto 0px 0px !important; padding: 5px 10px; border-radius: 5px; font-size: 13px; line-height: 18px; }@charset "utf-8"; /* CSS Document */ .product a{ color:var(--color); vertical-align:top; display:inline-block; line-height:20px; margin:10px 0px 10px 15px; padding:0px; border-bottom:var(--color) 1px solid; } .product .control{ display:table; width:auto; margin:25px 0px 0px 0px; text-align:right; } .product .control .service , #likeThis{ display:inline-block; vertical-align:top; margin:-5px 0px 0px 0px; padding:0px; } div#likeThis{ margin:-5px 20px 0px 20px; } .rateStar{ cursor:pointer; margin:0px 0px 0px 35px !important; padding:0px; color: #000; } .product .control .service div.item , div#likeThis span.heart{ display: inline-block; vertical-align: top; padding: 0px; cursor: pointer; width: 20px; height: 20px; background-size: cover; background-repeat: no-repeat; background-position: top; margin: 0px 0px 0px 30px; } div#likeThis span.heart{ background-image: url("/content/template/images/icon/1.jpg"); margin: 0px; } .product .control .service div.item.s , div#likeThis.select span.heart{ background-position: bottom; } div#likeThis.select span.num{ font-size: 11px; } .product .control .service div.item span.title{ background: #444; display: none; color: #fff; border-radius: 3px; margin: -30px -30px 0px auto; font-size: 12px; padding: 3px 10px; line-height: 17px; text-align: center; position: absolute; } .product .control .service div.item:hover span.title{ display: block; } .product .intro{ margin:10px 0px 0px 0px; padding:0px; text-align:right; } .product .intro .slideShow{ display: inline-block; vertical-align: top; width: 485px; overflow: hidden; padding: 0px 5px 0px 5px; } .product .intro .slideShow figure{ display: block; margin: 0px auto 0px auto; text-align: center; } .product .intro .slideShow figure img{ border:#fff 1px solid; } .product .intro .slideShow a{ border: none; display: inline-block; vertical-align: top; padding: 0px; margin: 0px; } .product .intro .slideShow a.button.zoomImages{ margin: 25px auto 0px auto; padding: 6px 10px !important; } .product .intro .details{ display:inline-block; vertical-align:top; color: #666; line-height:55px; width: calc(100% - 520px); padding:0px 10px 10px 10px; text-align:center; } .product .intro .details div[data-id="offers"]{ border-top:#ddd 1px solid; margin:5px auto 0px auto; padding:5px 25px 0px 25px; display: table; } .product .intro div.productPriceBox .op{ font-size: 15px; } .product .intro div.productPriceBox .p span.price{ font-size: 20px; } .product .intro div.productPriceBox .priceMoreData{ text-decoration: none; border-radius: 10px; display: inline-block; vertical-align: top; padding: 5px 15px; font-size: 12px; cursor: pointer; color: #777; float: left; margin: 10px 50px 0px 0px; position: absolute; background: #efefef; border: none !important; } .product .intro div.productPriceBox .priceMoreData_2{background: #F6D9FB;} .product .intro div.productPriceBox .priceMoreData_3{background: #F1DF97;} .product .offerPM{ display: table; margin: -15px auto 20px auto; font-size: 12px; color: #666; padding: 0px; line-height: 12px; } .product .section#how2buy div.shortVideo{ display: block; border: none !important; } .product .section#how2buy .shortVideo video , .product .section#how2buy .shortVideo p{ display: inline-block; vertical-align: top; } .product .section#how2buy .shortVideo video{ width: 300px; } .product .section#how2buy .shortVideo p{ width: calc(100% - 370px); text-align: right; padding: 0px 25px 0px 0px; margin: 10px 0px; color: #555; } .product .section#how2buy .shortVideo p a.button{ display: table !important; margin: 20px 0px !important; } .product .section#how2buy span.control{ display: table; margin: 5px auto 5px auto; color:#36F; line-height: 17px; cursor: pointer; padding:5px 1px 2px 1px; border-bottom:1px solid #36F; } .product .section#how2buy span.control:hover{ color:#C00; border-color:#C00; } .product .section#how2buy.load span.control{ padding: 5px 30px 2px 30px; background: url(/content/template/images/load.gif) top right no-repeat; } .product .section#how2buy h5{ display: block; background: #85BFDF; color: #fff; font-size: 16px; text-align: right; padding: 7px 15px; border-radius: 5px; margin: 15px 0px 0px 0px; font-weight: normal; } .product .section#how2buy div.item{ display: block; text-align: right; padding: 0px 15px; margin: 25px 0px; } .product .section#how2buy div.item a.mobile, .product .section#how2buy div.item span.mobile{ display: inline-block; vertical-align: top; direction: ltr; text-align: center; color: var(--gold); border: none; border-bottom: var(--gold) 1px solid; padding: 0px 2px !important; margin: 5px 3px 0px 3px !important; font-size: 15px; font-weight:500; } .product .section#how2buy div.item span.title{ display: table; width: auto; padding: 4px 13px; font-size: 14px; color: darkcyan; border: darkcyan 1px solid; border-radius: 5px; margin: 0px; } .product .section#how2buy div.item p{ display: block; color: #555; margin: 10px 10px 0px 10px; padding: 0px; } .product .section#how2buy div.item a.faq{ display: table; margin: 0px 15px; padding: 0px; } .product .section#how2buy div.item span.id{ color: var(--gold); font-size: 15px; font-weight: 500; letter-spacing: 1px; margin: 0px 1px; } .product .section#how2buy div.item div.socialBox{ display: table; margin: 5px 0px; padding: 0px; text-align: center; } .product .section#how2buy div.item a.smsMobile{ color: #0774A6; background: #DAEEF7 url("/content/template/images/sms.png") center right 10px no-repeat; background-size: 30px; border: #DAEEF7 1px solid; border-radius: 5px; margin: 5px 0px; padding: 10px 45px 10px 15px; display: table; } .product .section#how2buy div.item div.socialBox a{ display: inline-block; vertical-align: top; color: #555; border:none !important; font-size: 13px; padding: 40px 3px 0px 0px; margin: 7px 15px 0px 15px; width: auto; min-width: 35px; min-height: 40px; height: auto; background-repeat: no-repeat; background-position: center top; background-size: 35px; } .product .section#indexFooter a{ margin: 5px 1px 0px 1px; padding: inherit; } .product .intro .details span.b0{ cursor:not-allowed; background:#F63; } .product .intro .details .delivery{ color:#999; line-height:15px; display:block; padding:0px; margin:10px auto 0px auto; font-size:12px; } .product div[data-id=description]{ cursor:default; margin:20px auto 15px auto; border:#fff 1px solid; border-bottom:none; padding:0px; } .product div[data-id=description] div.row{ display:flex; align-items: flex-start; text-align:right; margin: 0 0 15px 0; border-top:#FFF 1px solid; } .product div[data-id=description] div.row span{ display:inline-block; vertical-align:top; text-align:right; padding:10px 5px 10px 5px; font-size:14px; margin:0px; line-height:25px; } .product div[data-id=description] div.row span , .product div[data-id=description] div.row{ -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -ms-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; } .product div[data-id=description] div.row span.title{ width:130px !important; flex-shrink: 0; display: flex; align-items: flex-start; margin: 0; padding: 0 5px; color: #000; } .product div[data-id=description] div.row span.text{ flex: 1; padding-right:15px; background:#FFF; color: #555; margin: 0; padding-top: 0; padding-bottom: 0; } .product div[data-id=description] div.row span.text span.plainText{ display: inline; padding: 0px; } .product div[data-id=description] div.row span.text p.engraving{ color:#666; line-height:25px; display:table; font-size:13px; margin:-10px 0px -10px 0px; padding:15px 0px 15px 10px; border-bottom:var(--blue-1) 1px dashed; } .product div[data-id=description] div.row span.text p.engraving{ margin: 0px 0px; text-align: right; } .product div[data-id=description] div.row span.text p.engraving:last-child{ border-bottom: none; margin-bottom: -15px; } .product div[data-id=description] div.row span.text p.engraving:first-child{ margin-top: -15px; } .product div[data-id=description] div.row span.text div.hasGiftBox{ display: inline-block; vertical-align: top; padding: 0px; margin: -2px 2px 0px 2px; border-radius: 6px; width: 32px; height: 24px; background-image:url("/images/giftBox.svg"); background-position: center; background-size: 18px; background-repeat: no-repeat; background-color: var(--gold-1); } .product div[data-id=description] div.row span.text p font.text{ display: block; margin: 5px 0px 0px 0px; } .product div[data-id=description] div.row span.text certificateMiniBox{ padding: 0px; margin: 5px 0px 0px 0px; display: block; line-height: 30px !important; } .product div[data-id=description] div.row span.text div.certificate{ height: 22px; width: 22px; display: inline-block; vertical-align: top; background-position: center; background-size: contain; background-repeat: no-repeat; margin: 5px 10px 0px 10px; } .product div[data-id=description] div.row span.text div.certificate.jb0{background-image:url("/images/product/certificate0.png");} .product div[data-id=description] div.row span.text div.certificate.jb1{background-image:url("/images/product/certificate1.png");} .product div[data-id=description] div.row span.text div.certificate.jb2{background-image:url("/images/product/certificate2.png");} .product div[data-id=description] div.row span.text div.blueTick{ display: block; padding:1px 30px 1px 0px; margin:10px 10px 0px 0px; text-align: right; background: url("/content/template/images/product/blueTick.png") center right no-repeat; background-size: 20px; } .product div[data-id=description] div.row span.text div.blueTick span.d100{ display: inline-block; vertical-align: top; padding: 4px 10px 2px 10px; text-align: center; background: var(--blue-2); border: var(--blue-2) 1px solid; line-height: 15px !important; color: var(--blue-0); border-radius: 5px; width: auto; height: auto; margin:0px 3px 0px 3px !important; } .product div[data-id=description] div.row span.text a , .product div[data-id=description] div.row span.text font.link{ margin:2px 10px 0px 10px; color: var(--color); cursor: pointer; letter-spacing: 0px; font-size: 14px; line-height: 19px !important; border-bottom: 1px solid var(--color); display: table; } .product div[data-id=description] div.row span.text a.inline , .product div[data-id=description] div.row span.text font.link.inline{ display: inline-block; vertical-align: middle; margin: 0px 5px 5px 5px; } .product div[data-id=description] div.row span.text a.tags , .product div[data-id=description] div.row span.text font.tags{ margin:0px 10px 10px 10px; color:var(--blue) !important; border: none; border-bottom: var(--blue-1) 1px solid !important; border-radius: 0px; cursor: pointer; letter-spacing: 0px; font-size: 13px !important; padding: 2px 10px; } .product div[data-id=description] div.row span.text a.tags::after , .product div[data-id=description] div.row span.text font.tags::after{ content: ''; display: inline-block; vertical-align: middle; width: 15px; height: 15px; margin: 0px 5px 0px 0px; background-image:url(/content/template/images/state/see_.png) !important; background-repeat: no-repeat !important; background-position: left !important; background-size: contain !important; opacity: .7; } .product div[data-id=description] div.row span.ulli{ display:inherit; padding:0px; color:#6699CC; margin:0px 0px 0px 10px; } .product div[data-id=description] div.row.bold span.title{ color: #000; text-shadow: 1px 1px 3px var(--gold-1); } .product div[data-id=description] div.row span.text div.ring_sizes_video{ display: block; padding: 10px; margin: 0px auto -10px auto; text-align: center; } .product div[data-id=description] div.row span.text div.ring_sizes_video .ring_sizes_video_preview{ background: var(--gold-2); border-radius: 10px; border: #fff 1px solid; margin: 0px auto; padding: 0px 10px 10px 10px; display: table; overflow: hidden; cursor: pointer; } .product div[data-id=description] div.row span.text div.ring_sizes_video .ring_sizes_video_preview.load{ background: url("../images/changeBg.gif") repeat; cursor: wait; border-color: #ccc; } .product div[data-id=description] div.row span.text div.ring_sizes_video .ring_sizes_video_preview.load img{ opacity: .5; } .product div[data-id=description] div.row span.text div.ring_sizes_video .ring_sizes_video_preview .ring_sizes_video_title{ display: block; color: var(--gold-0); font-size: 13px; text-align: center; padding: 5px 10px; margin: 0px auto; } .product div[data-id=description] div.row span.text div.ring_sizes_video .ring_sizes_video_preview img{ display: block; padding: 0px; margin: 0px auto; border-radius: 10px; } .product div[data-id=description] div.row span.text font.real_stones{ color: #999; } .product div[data-id=description] div.row span.text font.exp{ display: inline-block; vertical-align: top; margin: 5px 4px; width: 7px; height: 7px; border-radius: 3px; transform: rotate(45deg); border: var(--gold) 1px solid; background: var(--gold-2); } .product #similar{ display:block; margin:30px auto 0px auto; padding:0px; text-align:center; } .product #similar div.goodsRow{ border:none !important; /*border-bottom: #ccc 1px solid !important;*/ border-radius: 0px !important; } .product #similar div.list.load , .product div#moreAboutStone.section.load{ height: 50px; min-width: 50px; background: url(/content/template/images/load.gif) no-repeat center; } .product #similar h2{ margin-top: -2px !important; } .product #similar .similarCatList{ margin: 20px 0px 0px 0px; } .product #similar .similarCatList span{ display: inline-block; vertical-align: top; color: #456; margin: 7px 0px 0px 15px; } .product .section{ margin:35px auto 50px auto; text-align:right; padding:0px; } .product .section .Player{ width:100% !important; max-width: 400px; padding:0px; margin:0px auto 0px auto; } .product .section .download{ text-align:center; margin:-20px auto 15px auto; } .product .section .download a{ margin:3px 0px 0px 0px !important; } .product #library.section , .product #lpFaq.section{ margin: 0px auto; } .product #lpFaq.section{ padding: 0px 10px; } .product #library.section ul{ text-align: right; } .product #library.section.load , .product #how2buy.section.load , .product #lpFaq.section.load{ background:url(/content/template/images/load.gif) center no-repeat; height:35px; } .product .comment a.inline{ margin:4px 5px 0px auto; } .product .admin{ background:#F9F7B7; padding:10px 5px 0px 5px; margin:-10px -10px 20px -10px; border-bottom:#CCC 1px solid; } .product .admin div{ display:inline-block; vertical-align:top; margin:0px 0px 10px 25px; } .product .admin div span{ color:#F00; margin:5px; } .product .admin a{ display:inline-block; vertical-align:top; padding:5px 10px; background:#666; color:#FFF; border:none; line-height:20px; font-size:13px; border-radius:2px; margin:0px 0px 10px 25px; } .product .admin img#repaire{ cursor: pointer; float: right; padding: 3px 10px 3px 10px; display: inline-block; vertical-align: top; border: #f9f7b7 1px solid; border-radius: 2px; } .product .admin img#repaire.row{ background:#00f0ff; border-color: #666; } .product .soldProduct{ background:#F8DDAC; border-radius: 5px; font-size:14px; line-height:29px; padding:10px; color: #777; display: inline-block; margin:50px auto 0px auto; } .product .soldProduct span{ cursor:pointer; background:#666; color:#FFF; line-height:20px; display:inline-block; border-radius:2px; margin:2px 5px 2px 5px; padding:2px 10px 2px 10px; } .product a.similarReadMore{ display: table; font-size: 15px; margin: 15px auto 15px auto; border-radius: 3px; padding: 7px 10px 7px 10px; color: #FFF; background: #444; border: none; } .product .badPrice{ display: table; color: #999; border-top: #ddd 1px solid; height: 25px; padding: 10px 10px 0px 10px; font-size: 12px; margin: 10px auto 25px auto; line-height: 15px; } .product .badPrice span{ display: inline-block; vertical-align: top; cursor: pointer; padding: 0px 0px 1px 0px; letter-spacing: 1px; margin: 0px; border-bottom: #999 1px solid; } .product .badPrice span:first-child{ margin: 0px 15px 0px 15px; } .product #giftBoxAlert{ display: none; } .product #giftBoxAlert.view{ background: #f5f5f5; padding: 5px 10px 5px 10px; border-radius: 5px; display: table; overflow: hidden; margin: 40px auto -20px auto; } .product #giftBoxAlert.view .box img{ width: 45px; height: auto; min-height: 45px; color: #FFF; font-size: 1px; background: url(/content/template/images/load.gif) no-repeat center; border-radius: 5px; } .product #giftBoxAlert.view img.icon{ background: url(/content/template/images/changeBg.gif) repeat; border: 5px solid; min-height: inherit; border-image: url(/content/template/images/changeBg.gif) repeat;; } .product #giftBoxAlert.view div.box{ display: table; padding: 0px; height: 50px; margin: 0px auto 0px auto; } .product #giftBoxAlert.view .box img , .product #giftBoxAlert.view .box div{ display: table-cell; vertical-align: top; padding: 0px !important; margin: 0px; } .product #giftBoxAlert.view .box div{ text-align: center; line-height: 25px; font-size: 12px; color: #777; padding: 0px 10px 0px 10px !important; } .product #giftBoxAlert.view .box img.icon{ width: 35px; } .product #giftBoxAlert.view span{ display: block !important; margin: -10px auto 0px auto; min-width: 150px; max-width: 250px; width: auto; padding: 0px; height: 15px; overflow: hidden; color: #999; line-height: 15px; font-size: 12px; } .product #giftBoxAlert.view .box div h6{ padding: 0px; margin: 0px 0px 5px 0px; line-height: 15px; border: none; display: block; background: none; color: #CD171A; font-size: 15px; } .product div.audioPlayer{ margin: 45px auto 25px auto; } .product ul#moreAboutStone{ list-style: none; padding: 0px; display: block; margin: 0px auto; width: 100%; text-align: center; } .product ul#moreAboutStone li{ display: inline-block; vertical-align: top; padding: 0px; margin: 10px 25px 0px 25px; } .product ul#moreAboutStone li a{ padding: 0px 0px 15px 0px; box-shadow: 3px 1px 10px 1px #ccc; } .product ul#moreAboutStone li a{ border: none; color: #000; width: 300px; } .product ul#moreAboutStone li a img{ width: 100%; height: auto; display: block; margin: 0px auto 15px auto; max-width: 300px; } .product ul#moreAboutStone li a h2{ font-weight: normal; padding: 0px; color: #333; font-size: 14px; margin: 0px auto; text-align: center; text-shadow: 1px 1px 1px #ccc; } .product ul#moreAboutStone li a p{ color: #666; text-align: justify; height: 120px; font-size: 13px; overflow: hidden; line-height: 20px; margin: 10px; } .product ul#moreAboutStone li a span{ float: left; padding: 3px 10px 3px 10px; background: #999; color: #fff; margin: 0px 0px 0px 15px; font-size: 12px; border-radius: 3px; } .product ul#moreAboutStone li a span:hover{ background: #444; } .product div.pageContent.pc ul#moreAboutStone.oneLine li a p{ line-height: 25px; font-size: 14px; height: 100px; padding: 0px; margin: 0px 0px 20px 0px; } .product div.pageContent.mobile ul#moreAboutStone.oneLine li a p{ height: 240px; } .product div.pageContent.pc ul#moreAboutStone.oneLine li a{ width: 98%; display: table; padding: 0px 10px 10px 20px; } .product div.pageContent.pc ul#moreAboutStone.oneLine li a img , .product div.pageContent.pc ul#moreAboutStone.oneLine li a div{ display: table-cell; vertical-align: top; margin: 10px 0px 0px 0px; padding: 0px; width: auto; } .product div.pageContent.pc ul#moreAboutStone.oneLine li a div{ padding:0px 20px 0px 0px; } .product div.pageContent.pc ul#moreAboutStone.oneLine h2{ display: block; margin: 10px 0px 20px 0px; padding: 0px; font-size: 15px; text-align: right; } .product div.pageContent.pc ul#moreAboutStone.oneLine li a span{ margin: 0px; } .product span.redText{ display: inline; margin: 0px !important; padding: 0px !important; text-shadow: 0px 0px 3px #ababab; } .product .intro .details div.topStockAlert{ font-size: 13px; letter-spacing: 0px; margin: -5px auto 0px auto; } .product .intro .details div.topStockAlert , .product .intro .details div.topStockAlert span{ color: #999 !important; } .product ul.moonLP{ display: block; padding: 0px; margin: 0px auto 25px auto; list-style: none; } .product ul.moonLP li{ display: inline-block; vertical-align: top; padding: 0px; margin: 20px 0px 0px 20px; width: 170px; } .product ul.moonLP li a{ display: block; color: #444; margin: 0px; padding: 0px; font-size: 12px; box-shadow: 0px 0px 3px 1px #ccc; border: #fff 1px solid; } .product ul.moonLP li a img{ max-width: 100px; height: auto; display: block; padding: 0px; margin: 5px auto; } .product ul.moonLP li a span{ display: block; padding: 0px; text-align: center; } .product ul.moonLP li a span.t{ font-size: 13px; padding: 5px; line-height: 16px; background: #efefef; margin: 5px auto 10px auto; } .product ul.moonLP li a span.n, .product ul.moonLP li a .p{ color: #777; margin: 5px; } .product ul.moonLP li a span.p span.pn{ color: red; display: inline-block; vertical-align: top; } .product .op.moreAboutPrice{ display: table; padding: 5px 15px !important; margin: 15px auto 15px auto; font-size: 13px; color: #555; line-height: 18px; border-radius: 5px; background: #efefef; } .product a.miniBox{ overflow: hidden; display: table; margin: 5px auto !important; padding: 0px; text-align: center; border: none !important; border-radius:5px; background: #ddd; } .product a.miniBox img{ display: block; margin: 0px; max-width: 270px; width: 100%; height: auto; } .product a.miniBox span{ display: block; color: #555; font-size: 13px; margin: 5px; padding: 0px; } .pageContent div.goodsType a.more h2, .sectionTitle{ display: table !important; padding: 0px 15px 5px 15px !important; line-height: normal !important; font-size: 18px !important; color: var(--gold) !important; margin: 0px 0px 10px auto !important; border-bottom: var(--gold) 3px solid !important; } div.section.index{ padding: 0px; margin: 0px; } div.section.index h2.sectionTitle{ border: none !important; } div.section.index div.text{ margin: -10px 10px 0px 10px; } div.section.index div.exp{ display: block; width: 50%; margin: 20px auto 20px auto; padding: 0px 40px; text-align: center; border-bottom: #bbb 1px solid; } div.section.index div.exp div{ display: inline-block !important; vertical-align: top !important; margin: -9px 0px 0px 0px !important; padding: 0px !important; color: #bbb; background: #efefef; border: #bbb 1px solid; border-radius: 3px; transform: rotate(45deg) !important; line-height: normal; width: 17px; height: 17px; float: right; } div.section.index div.exp div.l{ float: left; } .rowTitle{ color: #000; background: none; padding: 10px; font-size: 15px !important; } .rowTitle::before{ content: ''; display: block; flex-shrink: 0; width: 15px; height: 15px; margin-top: 6px; margin-left: 10px; transform: rotate(45deg); border-radius: 3px; border: var(--blue) 1px solid; background: #fff; } .product div.row.highlight span.title{ color: #ef394e; } .product div.row.highlight span.title::before{ background:var(--blue-1); border-color:var(--blue); } div#specificInformation div#stockBox.buy_1 .rowTitle::before{ background:#5DED5D; border-color:green; } div#specificInformation div#stockBox.buy_2 .rowTitle::before{ background:#5DE1ED; border-color:blue; } div#specificInformation div#stockBox.buy_0 .rowTitle::before{ background:#F8C5C6; border-color:red; } .product .indexImages{ display: block; } .product .indexImages picture{ display: inline-block; vertical-align: top; padding: 0px; cursor: pointer; margin: 10px; } .product .indexImages picture img{ border-radius: 5px; margin: 0px !important; } .product .bestImages { display: flex; overflow-x: auto; overflow-y: hidden; white-space: nowrap; padding: 10px 0; margin: 0 auto; scroll-behavior: smooth; -webkit-overflow-scrolling: touch; } .product .bestImages a { flex: 0 0 auto; border: none !important; display: inline-block; margin: 5px 10px; border-radius: 10px; text-align: center; } .product .bestImages a img { border-radius: 10px; width: 130px; height: auto; } /* فقط برای زیبایی در موبایل — اختیاری */ .product .bestImages::-webkit-scrollbar { height: 6px; } .product .bestImages::-webkit-scrollbar-thumb { background: #ccc; border-radius: 3px; } .product .buttons{ display: block; padding: 0px; text-align: center; margin: 25px auto 0px auto; cursor: pointer !important; } .product .buttons button.product{ display: inline-block; vertical-align: top; margin: 10px 10px 0px 10px; } .product .buttons button.product div.help{ text-align: center; cursor: pointer !important; padding: 0px; margin: 0px auto; font-size: 12px; color: var(--blue); display: block; }@charset "utf-8"; /* CSS Document */ .introGoods span.pined{ } .product .details .p, .introGoods div.cp .p{ color:#000; } .product .details .op span , .product .details .p span, .introGoods div.cp span.c , .introGoods div.cp .p span , .introGoods div.cp .op span{ font-size:15px; margin:0px 10px 0px 10px; letter-spacing:1px; } .product .details .op span , .introGoods div.cp .op span{ margin:0px 10px 0px 0px; } .product .details .op , .product .details .p, .introGoods div.cp .p , .introGoods div.cp .op { display: block; } .introGoods span.offerLen{ display: table !important; position: relative; float: left !important; margin: -275px auto 0px auto; background: red; color: #FFF; padding: 1px 3px 0px 3px; line-height: 13px; border-radius: 5px 0px 5px 0px; text-align: center; } .introGoods span.offerLen span{ display: block; padding: 1px 3px 1px 3px; margin: 0px -3px 0px -3px; background: #D70620; font-size: 14px; direction: ltr; } .product .details span.offerLen{ display: none; } span.buyButton , span.soldItem{ display:table; margin:5px auto 5px auto; width: 250px; font-size: 25px; line-height: 55px; height: 60px; padding: 0px; } span.soldItem{ background: #999; cursor: not-allowed; } span.buyButton.loading{ box-sizing: border-box; background: #fff url("/content/template/images/load.gif") left 10px center no-repeat !important; font-size: 13px; color: #D70620 !important; text-align: right; border: #D70620 1px solid !important; } span.buyButton.in{ color: #C6EDAD; background: green; cursor: default; border-radius: 5px; text-align: right; font-size: 17px; line-height: normal; padding: 10px 15px 0px 15px; } span.buyButton.in span{ display: table; line-height: normal; margin: -10px auto 0px 0px; text-align: left; color: #fff; cursor: pointer; font-size: 12px; border-bottom: #fff 1px solid; } div.pageContent.pc ul li.animation .introGoods img.slide{ width: 100%; height: auto; padding: 0px; display: block; margin: 15px auto; } div.pageContent.mobile ul li.animation a{ background-position: top 1px right 30px !important; background-size: 60px !important; background-repeat: no-repeat !important; } ul li.animation .introGoods img.slide{ border-radius: 4px; max-height: 130px; margin: 30px auto 26px auto !important; } div.pageContent.mobile ul li.animation .introGoods img.slide{ margin: 60px auto 0px auto !important; } ul#productList li div.ll{ display: block; background: #fff; padding: 0px; margin: 0px; width: 100%; height: 2px; text-align: right; } ul#productList li.animation div.ll{ background: #fff; } ul#productList li div.ll div{ width: 1px; height: 2px; margin: 0px; background: none; } ul#productList li.animation div.ll div{ background: var(--color); } ul#productList li.animation a.introBox span.giftIcon{ margin-right: 90px !important; } .introGoods span.pined{ display: block; width: 20px; height: 20px; float: right; margin: -10px -10px 0px 0px; background-image: url("/content/template/images/advSearch/pin.png"); background-position: center; background-size: cover; background-repeat: no-repeat; opacity: .5; }@charset "utf-8"; /* CSS Document */ .pageContent{ padding:0px; border:none; margin:0px !important; background:none; } .pageContent ul.landingPageOfferCat{ display: block; padding: 0px 10px 0px 0px; text-align: right; margin: 0px 0px 20px 0px !important; list-style: none; } .pageContent ul.landingPageOfferCat li{ display: inline-block; vertical-align: top; padding: 0px; margin: 0px 10px 10px 10px; } .pageContent ul.landingPageOfferCat li a{ padding: 3px 12px; line-height: 12px; color: #444; margin: 0px; font-size: 12px !important; background: #efefef; border-radius: 5px; } .pageContent ul.landingPageOfferCat li a:hover{ background: #333; border: none; color: #fff; } .pageContent .landingPageList{ margin: -20px auto 50px auto; display: block; height: auto; } .pageContent .landingPageList h2{ display: block; text-align: right; color: #666; font-size: 15px; padding: 10px 20px; margin: 0px; } main.advSearch , div.rightBox , div.leftBox{ display:inline-table ; vertical-align:top; padding:0px; margin:0px; background:#FFF; border:#dedede 1px solid; } main.advSearch , div.leftBox{ border-radius: 5px; width:calc(100% - 252px); padding-top:10px; border-color:#fff; } main.advSearch div.leftBox{ width: 100%; } main.advSearch{ margin: 0px; border: none; background: none; padding: 0px; } div.leftBox.load{ color:var(--gold-0); font-size: 14px; cursor: wait; background: url("/content/template/images/changeBg.gif") repeat; background-size: contain; display: block; margin: 10px auto; width: calc(90% - 40px); max-width: 350px; height: 100px; padding:40px 0px 40px 0px; border:#ddd 1px solid; } div.leftBox.load::after{ content: ''; width: 40px; height: 40px; margin: 30px auto; display: block; background: url("/content/app/images/144x144.png") no-repeat center; background-size: contain; } div.leftBox h1{ margin: 0px auto 30px auto; } div.rightBox{ font-size:13px; text-align:right; border:none; background:none; width:250px; } div.rightBox div.section{ width:140px; padding:0px 0px 10px 0px; margin:0px 0px 15px 0px; border:#dedede 1px solid; background:#FFF; } div.rightBox div.section span.title{ padding:10px 0px 10px 0px; width: 90%; margin:5px auto 5px auto; color:#000; background: #fff; line-height: 15px; text-align:center; display:block; font-size: 15px; border-bottom: #dedede 1px solid; } div.rightBox div.section ul{ display:block; text-align:right; margin:0px; padding:0px; list-style:none; } div.rightBox div.section ul a{ border:none; display:block; color:#666; margin:1px; padding:0px 10px 2px 10px; } div.rightBox div.section ul a:hover{ color:#000; } div.rightBox div.section ul a li span{ font-size:11px; float:left; color:#999; } div.rightBox div.section ul a:hover li span{ color:#005CFF; } div.rightBox div.section div.filterCat{ display:block; padding:5px; margin-bottom:15px; } div.rightBox div.section div.filterCat span.miniTitle{ border-bottom: #aaa 1px dashed; color: #aaa; display: inline-block; vertical-align: top; line-height: 20px; padding: 0px; margin-bottom: 10px; } div.rightBox div.section div.filterCat div.select span{ display:inline-block; vertical-align: top; font-size:12px; color:#888; border-radius: 2px; line-height:10px; padding:5px; margin:3px 0px 0px 3px; cursor:pointer; } div.rightBox div.section div.filterCat div.select span:hover , div.rightBox div.section div.filterCat div.select span.select{ background:#888; color: #FFF; } div.rightBox div.section div.filterCat div.select span[data-title=colorBox], div.rightBox div.section div.filterCat div.select span[data-title=colorBox]:hover{ padding: 0px; width: 18px; height: 18px; line-height: 12px; margin: 1px 0px 0px 1px; border-style: solid; border-width: 1px; -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; } div.rightBox div.section div.filterCat div.select span[data-title=colorBox].select{ border-width: 3px !important; width: 14px; height: 14px ; line-height: 0px !important; background: #FFF !important; } div.rightBox div.section div.filterCat div.select span[data-title=colorBox].select:before{ content : '✓'; font-weight: bold; line-height: 18px !important; padding-right: 1px; margin-top: 10px !important; font-size: 17px; color: #000; } ul#productList{ display: flex; flex-wrap: wrap; list-style: none; margin: -30px 0px 0px 0px; padding: 0px; align-items: stretch; } div.section#similar ul#productList{ margin-top: -20px !important; } ul#productList li.productItem{ list-style: none; display: flex; /* استفاده از فلکس‌باکس برای مدیریت ارتفاع */ flex-direction: column; padding-top: 0px; border-right: #eee 1px solid; border-top: #eee 1px solid; z-index: 1; } ul#productList li.productItem:nth-child(4n+1) { border-right: none; } ul#productList li.productItem:hover{ z-index: 2; box-shadow:0px 0px 7px 3px #ddd; } ul#productList li.productItem a{ margin-top: 5px; } div.advSearchTopText{ padding:0px; margin:0px 0px 10px 0px; } div.advSearchTopText div{ margin:0px; padding:0px 10px 10px 10px; } div.advSearchTopText div.advSerachStoneName{ height: auto; margin: -50px auto 100px auto; } div.advSearchTopText div.advSerachStoneName h2{ font-weight: normal; color: #000; padding: 0px; margin: 0px; font-size: 16px; } div.advSearchTopText div.advSerachStoneName a.setLink{ float: left; margin: -27px 0px 0px 0px; padding: 0px; line-height: 20px; } div.leftBox span.back{ display:table; margin:0px auto 35px auto; padding:10px 15px 10px 15px; background:#666; line-height:15px; color:#FFF; border-radius:2px; cursor:pointer; } div.leftBox span.back:hover{ background:#333; } div.goodsListSort{ font-size: 12.5px; margin: 0px 0px 40px 0px !important; display: block !important; text-align: right; } div.goodsListSort span.icon{ display: inline-block; vertical-align: top; padding: 0px; margin: 2px 10px 0px 7px; width: 17px; height: 17px; opacity: 0.5; background: url(/content/template/images/advSearch/sort.png) no-repeat center; background-size: cover; } div.goodsListControl{ display: block; text-align: right; padding: 0px; height: auto; min-height: 70px; margin: -10px 0px 40px 0px; } div.goodsListControl div.goodsListSort{ width: 650px; margin: 0px !important; } div.goodsListSort div.list , div.pageContent.pc div.goodsListSort div.title{ color: #595959; display: inline-block; vertical-align: top; cursor: pointer; margin: 2px 10px 0px 0px; } div.goodsListSort div.list span{ display: inline-block; cursor: pointer; vertical-align: top; border-radius: 3px; padding: 5px 7px 5px 7px; line-height: 12px; margin: 0px 0px 0px 5px; } div.goodsListSort div.list span.select , div.goodsListSort div.list span.select:hover{ background: var(--color); color: #FFF; } div.goodsListSort div.list span:hover{ background: var(--color-1); color: #fff; } div.goodsListSort div.load{ width: 25px !important; height: 25px !important; display: inline-block !important; vertical-align: top !important; padding: 0px; margin: 0px; border-radius: 50%; font-size: 1px; color: #fff; background: url("/content/template/images/load.gif") center no-repeat; background-size: contain; } div.typeOffer{ height: 200px; width: 100% !important; display: block; overflow: hidden !important; margin: 0px !important; } div.typeOffer ul{ display: block; margin: 0px; padding: 0px; list-style: none; text-align: right; } div.typeOffer ul li{ display: inline-block; vertical-align: top; padding: 5px; margin: 10px; text-align: center; } div.typeOffer ul li a{ border: none; color: #777; line-height: 5px !important; font-size: 13px; } div.typeOffer ul li a img{ display: block; border-radius: 5px 5px 0px 0px; margin: 0px auto 0px auto; } div.typeOffer ul li a span{ padding: 0px; background: #999; color: #FFF; display: block; border-radius: 0px 0px 5px 5px; margin: 0px; line-height: 25px; } .leftBox .lp_topLinks{ display: block; padding: 0px; margin: 0px; } .leftBox .lp_topLinks.shortcut{ float: left; display: inline-block; padding: 0px; margin: -10px 0px 0px 30px; text-align: left; } .leftBox .lp_topLinks.shortcut.longQueue{ display: block; float: none; margin: -40px auto 35px auto; text-align: center; } .leftBox .lp_topLinks.shortcut ul{ list-style: none; margin: 0px; padding: 0px; } .leftBox .lp_topLinks ul li{ display: inline-block; vertical-align: top; padding: 0px; margin: 0px 10px; } .leftBox .lp_topLinks.shortcut ul li{ margin: 0px 20px 0px 0px; } .leftBox .lp_topLinks ul li a{ font-size: 13px; padding: 5px 15px; line-height: 15px; } .leftBox .notFound{ display: block; margin:10px auto 0px auto; width: calc(80% - 25px); text-align: right; border-radius: 10px; background: #fff; padding: 20px 20px 0px 20px; direction: ltr; max-width: 700px; } .leftBox .notFound .text , .leftBox .notFound .img{ display: inline-block; padding: 0px; margin: -25px 0px 0px 0px; vertical-align: top; } .leftBox .notFound .text{ direction: rtl; line-height: normal; font-size: 14px; width: calc(65% - 30px) !important; color: #666; padding-top: 35px; } .leftBox .notFound .img{ width: calc(30% - 30px) !important; background-position: top left; background-repeat: no-repeat; background-size: contain; min-height: 150px; } .leftBox .notFound .title{ direction: rtl; display: block; font-size: 17px; color: var(--gold); } div.monthStone{ display: block; padding: 10px 10px 0px 10px; margin: -20px 20px 30px 20px; border-bottom: #dedede 1px solid; text-align: right; color: #444; } div.monthStone a{ display: inline-block; vertical-align: top; border-bottom: var(--color) 1px solid; color: var(--color); padding: 0px 3px 0px 3px; margin: 4px 15px 15px 0px; line-height: 18px; } .advSearch .similarLP{ display: block; margin: 0px auto 0px auto; padding: 0px; width: 95%; line-height: normal; } .advSearch .similarLP a{ display: inline-block; vertical-align: top; padding: 0px; background: #eee; border-radius: 5px; text-align: center; line-height: normal; color: #333; margin: 20px; border: none; font-weight: normal; width: calc(50% - 50px); } .advSearch .similarLP a h3{ font-size: 14px; line-height: normal; font-weight: normal; } .advSearch .similarLP a img{ width: 100%; margin: 0px auto 15px auto; height: auto; display: block; border-radius: 5px 5px 0px 0px; } .advSearch .similarLP a:hover{ background: #ccc; color: #000; } div.landingPage_tagBox{ display: block; width: calc(90% - 20px); margin: 0px auto 10px auto; padding: 0px; } div.landingPage_tagBox .help{ border-radius: 5px; border: var(--gold-1) 1px solid; padding: 10px 20px; text-align: right; font-size: 13px; color: var(--blue); line-height: 20px; } div.landingPage_tagBox a.blog{ padding: 0px; display: block; margin: 20px auto 30px auto; border: var(--color-1) 1px solid; border-radius: 5px; overflow: hidden; text-align: right; color: #333; } div.landingPage_tagBox a.blog div.img , div.landingPage_tagBox a.blog div.text{ display: inline-block; vertical-align: top; padding: 0px; margin: 0px; } div.landingPage_tagBox a.blog div.img{ width: 20%; overflow: hidden; } div.landingPage_tagBox a.blog div.img img{ display: block; width: calc(100% - 5px); height: auto; margin: 2px; border-radius: 5px; } div.landingPage_tagBox a.blog div.text{ width: calc(80% - 30px); font-size: 13px; padding: 10px; line-height: 20px; color: var(--blue); } div.landingPage_tagBox a.blog div.text .c2a{ border: var(--color) 1px solid; color: var(--color); border-radius: 5px; margin: 15px auto 0px 0px; padding: 5px 10px; float: left; }@charset "utf-8"; /* CSS Document */ div.goodsType{ display: block; padding: 0px; margin: 0px auto 25px auto; } div.goodsType .title{ display: block; text-align: right; padding: 0px; margin: 0px 0px -8px 0px; } div.goodsType a.more{ display: inline-block; vertical-align: top; border: none; margin: 0px; } div.goodsType a.more h2{ margin: 0px; display: inline-block; vertical-align: top; color: var(--color); font-size: 16px; line-height: 25px; padding: 0px 10px 0px 10px; border-bottom: 2px solid var(--color); } div.goodsType a.more:last-child{ float: left; font-size: 15px; margin-left: 15px; color: var(--rose); } div.goodsType:hover a.more:last-child{ color: var(--gold); } div.goodsType div.goodsRow{ background: #fff; padding: 0px; border-radius: 15px 0px 15px 15px; border: #ddd 1px solid; text-align: right; } div.goodsType div.goodsRow .row{ width: calc(100% - 10px); margin-right: 0px; } div.goodsType div.goodsRow .r , div.goodsType div.goodsRow .l{ position: absolute; margin-right: 10px; } div.goodsType div.goodsRow .l{ margin-right: -35px; } div.goodsType div.goodsRow .productBox{ padding-left: 13px; padding-right: 13px; } div.goodsType div.goodsRow .productBox:first-child{ padding-right: 0px; } div.goodsType div.goodsRow .productBox a{ padding: 5px; margin-top: 15px; } div.goodsType div.goodsRow .r span.d, div.goodsType div.goodsRow .l span.d{ cursor: default; padding: 10px; opacity: 0.01; filter: alpha(opacity=1); /* For IE8 and earlier */ } .goodsTypeSymbol{ background: #fff; padding: 10px 10px 5px 10px; border-radius: 10px; border: #ddd 1px solid; margin: 0px auto 30px auto; } .goodsTypeSymbol div{ display: table-cell; vertical-align: top; text-align: center; } .goodsTypeSymbol div a{ display: block; width: 80%; border: none; line-height: 25px; font-size: 11px; color: #999; margin: 0px auto 0px auto; } .goodsTypeSymbol div a h3{ color: var(--color); padding: 0px; margin: 0px; font-weight: normal; font-size: 13px; } .goodsTypeSymbol div a img{ width: 80%; height: auto; display: block; margin: 10px auto 10px auto; opacity: 0.5; filter: alpha(opacity=50); } .goodsTypeSymbol div a:hover{ color: var(--color); } .goodsTypeSymbol div a:hover img{ opacity: .8; filter: alpha(opacity=80); margin: 0px auto 20px auto; } .productBox{ display: table-cell; vertical-align: top; margin: 0px 0px 0px 35px; text-align: center; width: 180px; padding: 0px 20px 0px 20px; height: 305px; } .productBox:last-child{ margin-left: 0px; } .productBox a{ color: #999; border: none; display: block; border-radius: 5px; height:100%; padding: 15px; background: #fff; margin: 0px; font-size: 14px; } .productBox img.goods{ border-radius: 5px; } .productBox h3{ color: #999; font-size: 13px; line-height: 15px; min-height: 40px; max-height: 55px; overflow: hidden; font-weight: normal; } .productBox span.giftIcon{ float: left; color: #f7173a; margin: -10px 0px -25px -10px; position: relative; height: auto; } .productBox span{ color: #333; margin: 0px 0px 0px 5px; } .productBox span.old{ color: #999; margin: 0px 0px 10px 0px; display: block; text-decoration: line-through; } .productBox:hover img.goods{ margin: -15px auto 15px auto; } div.homeSale .productBox a{ background: #FFF; box-shadow: #ccc 1px 1px 2px; } div.goodsRow{ display: block; padding: 0px; margin: 0px; height: 350px; } div.goodsRow .row , div.goodsRow .r , div.goodsRow .l{ display: inline-block; vertical-align: top; padding: 0px; margin: 0px; } div.goodsRow .r, div.goodsRow .l{ width: 25px; position: absolute; } div.goodsRow .r span, div.goodsRow .l span{ display: inline-block; vertical-align: top; width: 20px; height: 20px; border: none; border-right: 2px solid #FFF; border-top: 2px solid #FFF; transform: rotate(45deg); box-shadow: 1px -1px 2px #999; padding: 0px; cursor: pointer; margin: 130px 0px 0px 0px; } div.goodsRow .l span{ box-shadow: -1px 1px 2px #999; border: none; margin:130px 0px 0px 35px; border-left: 2px solid #FFF; border-bottom: 2px solid #FFF; } div.goodsRow .r span.d, div.goodsRow .l span.d{ cursor: default; opacity: 0.5; filter: alpha(opacity=50); /* For IE8 and earlier */ } div.goodsRow .row{ width: calc(100% - 50px); overflow: hidden; margin-right: 25px; } div.goodsRow .row .s{ overflow: hidden; display: block; height: 340px; } div.goodsType.landingPageRow div.goodsRow{ height: 273px; padding-bottom: 0px; } div.goodsType.landingPageRow div.goodsRow h3{ height: auto; color: #333; line-height: normal; font-size: 14px; margin: 0px auto 10px auto; } div.goodsType.landingPageRow div.goodsRow span{ color: #888; font-size: normal; } div.goodsType.landingPageRow div.goodsRow .productBox img{ border-radius: 5px; } div.goodsType.landingPageRow div.goodsRow .productBox{ height: 190px !important; } div.goodsType.landingPageRow div.goodsRow .productBox a{ margin-bottom: 0px; height: 200px; } div.specialBlog div.goodsType div.goodsRow .row .productBox{ height: 350px !important; } div.goodsType.landingPageRow.rawBox div.goodsRow{ height: 130px !important; } div.goodsType.landingPageRow.rawBox div.goodsRow .s{ overflow-x: scroll; height: 120px; width: 100%; } div.goodsType.landingPageRow.rawBox div.goodsRow .row .productBox a, div.goodsType.landingPageRow.rawBox div.goodsRow .row .productBox{ height: 130px !important; width: 110px; } div.goodsType.landingPageRow.rawBox div.goodsRow .row .productBox a{ height: 100px !important; } div.goodsType.landingPageRow.rawBox div.r span, div.goodsType.landingPageRow.rawBox div.l span{ display: none; }@charset "utf-8"; /* CSS Document */ div.audioPlayer{ display: block; width: 80%; padding: 10px; background:#F3EDFA; margin: 10px auto; border-radius: 12px; } div.audioPlayer audio{ width: calc(100% - 2px); border-radius: 15px; overflow: hidden; background: #f1f3f4; border: #f1f3f4 1px solid; } div.audioPlayer ul{ display: table; margin: 0px 20px 0px 0px; padding: 0px; text-align: right; list-style: decimal; line-height: normal; } div.audioPlayer ul li{ padding: 0px; margin: 0px; } div.audioPlayer ul li strong{ font-weight: normal; color: var(--color); cursor: pointer; display: inline-block; vertical-align: middle; line-height: 18px; font-size: 13px; padding: 0px 3px; margin: 4px 0px; border:#f1f3f4 1px solid; border-radius: 5px; } div.audioPlayer ul li.isPlaying strong{ color: var(--color); background: #FFF; padding: 6px 16px; border-color: var(--color); } div.audioPlayer span.title{ font-size: 15px; padding: 0px; color: var(--dark); font-weight: 500; margin: 0px auto 10px auto; display: block; } div.audioPlayer span.title.big{ margin-top: 10px; }@charset "utf-8"; /* CSS Document */ h2{ color:#049803; font-size:14px; padding:0px; font-weight:normal; margin:10px auto 30px auto; } h1 , h2.productName{ font-weight:normal; background:none; padding:0px; border:none; margin:0px 0px 20px 0px; color:#000; font-size:17px; } div.mainPage{ margin:40px auto; padding:10px; width:95%; text-align:center; border:#CCC 1px solid; background:#FFF; } div#topMenu{ background:#f5f5f5; text-align:center; padding:0px; margin:0px; min-width:1300px; } div#topMenu ul{ margin:0px; padding:0px; } div#topMenu ul li{ list-style:none; display:inline-block; vertical-align:top; margin:0px; padding:0px; } div#topMenu ul li a{ color:#000; border:none; font-size:13px; display:inline-block; padding:5px 10px 5px 10px; margin:0px 10px 0px 10px; } div#topMenu ul li a.select , div#topMenu ul li a:hover{ background:#F00; color:#FFF; border-radius:0px 0px 5px 5px; padding:15px 10px 10px 10px; } .hamburger { position: relative; width: 30px; height: 3px; background: #6107a3; display: inline-block; border-radius: 2px; cursor: pointer; transition: background 0.3s ease; } .hamburger::before, .hamburger::after { content: ""; position: absolute; width: 30px; height: 3px; background: #6107a3; border-radius: 2px; transition: all 0.3s ease; } .hamburger::before { top: -8px; } .hamburger::after { top: 8px; } .hamburger:hover, .hamburger.open { background: transparent; } .hamburger.open::before { transform: rotate(45deg); top: 0; } .hamburger.open::after { transform: rotate(-45deg); top: 0; } .header{ min-width:1300px; width:100%; background: #fff; /*url(/content/template/images/content.gif) repeat-x top;*/ box-shadow: 0px 0px 3px 2px #ddd; border-bottom: #fff 1px solid; } .header[data-id=pc]{ position: fixed; top: 0px; z-index: 1000; } .header .content{ width:1300px; height:75px; text-align:right; padding: 20px 0px 0px 0px; margin:0px auto 0px auto; } .header[data-id=pc] .content{ height: 60px; } .header[data-id=pc] nav{ padding-top: 15px; } .header .content .headerImg{ border:none; padding:0px; } .header .content .headerImg span , .header .content .headerImg h1{ background:none; font-size:12px; color:#699; border:none; padding:0px; margin:0px; } .header .content .advSearch{ width:549px; margin:0px 60px 0px 0px; } .header .content a.club, .header .content .headerImg, .header .content .advSearch{ display: inline-block; vertical-align: top; } .header .content .advSearch.upDiv{ position: absolute; z-index: 1000; } .header .content a.club{ float: left; background-position: right 10px center; background-repeat: no-repeat; background-size: 30px; color: var(--color); text-align: right; opacity: .6; font-size: 13px; padding: 0px 50px 1px 10px; margin: 3px 0px 0px 0px; line-height: 40px; border: var(--color) 1px solid; border-radius: 5px; } .header .content div.clubTopShortcut{ float: left; background: #fff; color: #666; text-align: right; padding: 0px; font-size: 13px; width: 200px; margin: 3px 0px 0px 0px; line-height: 18px; border: #efefef 1px solid; border-radius: 5px; } .header .content div.clubTopShortcut.more{ border-color: #ddd; box-shadow: 0px 0px 5px 1px #ddd; height: auto; } .header .content div.clubTopShortcut img , .header .content div.clubTopShortcut p{ display: inline-block; vertical-align: top; margin: 0px; padding: 0px; } .header .content div.clubTopShortcut img{ max-width: 30px; height: auto; border-radius: 10px; overflow: hidden; } .header .content div.clubTopShortcut p{ width: 120px; margin-right: 10px; } .header .content div.clubTopShortcut span{ display: block; margin-bottom: 10px; } .header .content div.clubTopShortcut div.first{ cursor: pointer; padding: 10px; } .header .content div.clubTopShortcut ul{ border: none; display: block; width: 1px; height: 1px; opacity: 0.01; overflow: hidden; margin-top: -15px; transition-duration: 0.3s !important; } .header .content div.clubTopShortcut ul.view{ border: #ccc 1px solid; border-top: none; opacity: 1; border-radius:0px 0px 10px 10px; display: block; z-index: 999; height: auto; position: absolute; width: 200px; background: #fff; margin: -10px -1px 0px 0px; padding: 20px 0px 0px 0px; } .header .content div.clubTopShortcut ul li{ list-style: none; padding: 0px 20px 0px 0px; } .header .content div.clubTopShortcut ul li a{ display: block; color: #333; margin: 0px 0px 13px 0px; border: none; } .header .content div.clubTopShortcut ul li a:hover{ color: red; } .header .content div.clubTopShortcut ul li:first-child{ border-top: #ccc 1px dashed; padding-top: 10px; } .header .content .advSearch ul.topOfferLink{ display: block !important; padding: 0px; margin: 20px 0px 0px 0px; } .header .content .advSearch ul.topOfferLink li{ list-style: none; text-align: right; padding: 0px !important; margin: 0px 0px 10px 0px !important; } .header .content .advSearch ul.topOfferLink li a{ display: inline-block; vertical-align: top; color: #333; padding: 0px; line-height: 16px !important; margin: 0px 10px 0px 0px; border-bottom: #333 1px solid; } .header .content .advSearch ul.topOfferLink li img.miniImg{ border-radius: 5px; margin: -2px 3px 0px 0px; display: inline-block; vertical-align: top; width: 35px; height: auto; } .header .content .advSearch ul.topOfferLink li span.square{ width: 1px; height: 1px; display: inline-block; vertical-align: top; padding: 0px; margin: 7px 0px; } .header .content .advSearch ul.topOfferLink li.hover span.square{ width: 15px; height: 15px; border-radius: 50%; background: red; margin: 3px 15px 0px 5px; } .header .content .advSearch ul.topOfferLink li span.n{ float: left; margin: 0px 0px 0px 15px; color: #999; display: inline-block; vertical-align: top; } .header .content .advSearch ul.topOfferLink li.hover a, .header .content .advSearch ul.topOfferLink li.hover span.n, .header .content .advSearch ul.topOfferLink li:hover span.n, .header .content .advSearch ul.topOfferLink li:hover a{ color: red; border-color: red; } .header .content .advSearch ul.topOfferLink li.showAllLP a{ text-shadow: 1px 1px 1px #aaa; } .header .content .advSearch span#do , .header .content .advSearch input[type=text]{ display:inline-block; vertical-align:top; margin:0px; } .header .content .advSearch span#do{ background-color:#efefef; background-repeat: no-repeat; background-position: center; background-size: 25px 25px; width:40px; height:38px; cursor:pointer; padding:0px; border-radius: 7px 0px 0px 7px; border: #fff 1px solid; border-right: none !important; } .header .content .advSearch span#do.loading{ background-image: url(/content/template/images/load.gif) !important; cursor: wait !important; } .header .content .advSearch span#do.removeType{ background-image:url(/content/template/images/state/delete_.png) !important; background-repeat: no-repeat !important; background-position: center !important; background-size: 15px !important; cursor: pointer !important; } .header .content .advSearch.upDiv span#do{ border-bottom-left-radius: 0px; background-color: #fff; } .header .content .advSearch input[type=text]{ width:444px; background: #efefef; border:#fff 1px solid; border-left: none; margin:0px; padding:7px 10px 7px 5px; border-radius: 0px 7px 7px 0px; } .header .content .advSearch.upDiv input[type=text]{ border-bottom-right-radius: 0px; border-color: #ddd; background-color: #fff; } ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color:#bbb; } ::-moz-placeholder { /* Firefox 19+ */ color:#ccc; } :-ms-input-placeholder { /* IE 10+ */ color:#ccc; } :-moz-placeholder { /* Firefox 18- */ color:#ccc; } .header .content .advSearch input[type=text]::-webkit-input-placeholder { color:#ccc; } .header .content .advSearch input[type=text]:-moz-placeholder { color:#ccc; } .header .content .advSearch input[type=text]::-moz-placeholder { color:#ccc; } .header .content .advSearch input[type=text]:-ms-input-placeholder { color:#ccc; } .header .content .advSearch.upDiv span#do{ border-color: #ddd; } .advSearch .goBack{ display:none; } .pageContent{ background:#FFF; padding:10px; line-height:28px; border:#ddd 1px solid; border-radius: 5px; } .advSearch .searchResult{ margin-top: -1px !important; border-top: none !important; width: 499px; } .advSearch .searchResult .groupOffer{ display: block; padding: 0px 10px 0px 10px; margin: 0px auto 0px auto; text-align: right; width: calc(100% - 30px); } .advSearch .searchResult .groupOffer span.title{ display: block; color: red; font-size: 13px; padding: 0px; margin: 0px; } .advSearch .searchResult .groupOffer span.and , .advSearch .searchResult .groupOffer a.setLink{ display: inline-block; vertical-align: top; margin: 10px 0px 0px 15px; padding: 0px; color: #333; line-height: 15px; } .advSearch .searchResult .groupOffer a.setLink{ border-bottom: #333 1px solid; } .advSearch .searchResult .groupOffer a.setLink.button{ padding: 3px 10px; display: table; line-height: normal; margin: 5px auto 0px 0px; } .advSearch .searchResult .smartHelp{ display: block; padding: 0px; width: 100%; text-align: right; } .advSearch .searchResult .smartHelp .smartHelp_one , div.helpBox{ display: block; border-radius: 10px; background: var(--gold-2); color: var(--blue); line-height: normal; font-size: 12px; padding: 10px; width: calc(100% - 30px); margin: 15px auto; } div.helpBox{ font-size:14px; color: #000; } .advSearch .searchResult .smartHelp .smartHelp_one a , div.helpBox a{ display: table; line-height: normal; padding: 1px 7px; margin: 10px auto 0px 0px; } div.helpBox.list a{ display: inline-block; vertical-align: top; padding: 3px 10px; margin: 5px; } .advSearch .searchResult .smartHelp .smartHelp_one span.red , .advSearch .searchResult .smartHelp .smartHelp_one a span.red{ margin: 0px 3px; color: red; } .advSearch .searchResult .notFound{ margin:5px auto -7px auto; width: calc(85% - 25px); border-radius: 5px; color:#000; text-align: right; padding:10px 20px; overflow: hidden; background:#FFEBEB; line-height: normal; } .advSearch .searchResult .notFound .title{ display: table; background: #C85254; color: #fff; line-height: normal; padding:5px 15px; margin: -10px -20px 10px 0px; border-radius: 0px 0px 0px 5px; } .advSerachStoneName{ text-align:justify; line-height:35px; padding:10px; } .advSerachStoneName strong{ color:#F00; margin:0px 5px 0px 0px; } .advSerachStoneName ul{ margin:0px; padding:0px; line-height:35px; list-style:none; } .advSerachStoneName ul li{ display:inline-block; margin:10px; } .advSerachStoneName ul li a{ color:#06F; display:inline-block; line-height:18px; border-bottom:#06F 1px solid; padding:0px 0px 1px 0px; } .advSearch .searchResult .advGoods{ padding:10px 0px 0px 0px; display: block; height:60px; line-height:25px; margin:0px 0px 0px 0px; border-bottom:#CCC 1px solid; } .advSearch .searchResult .advGoods a.img , .advSearch .searchResult .advGoods div{ display:table-cell; vertical-align:top; text-align:right; } .advSearch .searchResult .advGoods a{ border:none; } .advSearch .searchResult .advGoods a.img{ padding:0px 10px 0px 10px; } .advSearch .searchResult .advGoods div{ padding:0px; } .advSearch .searchResult .advGoods div strong{ font-weight:normal; margin:0px 10px 0px 50px; } .advSearch .searchResult .advGoods div a{ display:block; } .advSearch .searchResult a.more{ background:#fff; display: block; padding:10px; text-align: right; color: #000; border: none !important; border-top:#ccc 1px solid !important;; margin:0px 0px -7px 0px; } .advSearch .searchResult a.more .help{ color: #999; text-align: right; margin: 10px auto 10px auto; } .advSearch .searchResult a.more div.title{ display: block; text-align: right; } .advSearch .searchResult a.more div.title span{ margin:0px 0px 0px 5px; color: red; font-size: 15px; padding:0px; } .advSearch .searchResult a.more div.c2a{ margin:0px auto 0px auto; padding:0px; text-align: left; } .advSearch .searchResult a.more div.c2a span.button{ padding: 5px 10px; } .advSearch .searchResult { display: none; overflow: hidden !important; color: #000; z-index: 1000; margin-top: -5px; padding:0px 0px 7px 0px; background: #FFF; border:#ddd 1px solid; position: relative; border-radius: 0px 0px 10px 10px; font-size: 13px !important; } .advSearch .searchResult.hide{ position: inherit; } div.center{ min-height:270px; padding:10px; text-align:center; width:1250px; background:none; margin:130px auto 20px auto; } #footer.center{ margin:-10px auto 20px auto; min-height:1px; text-align:right; padding:0px; display:block; width: 1340px; height:auto !important; } #footer.center .newsletter{ display: inline-block; vertical-align: top; margin:0px; width: 45%; min-width: 420px; max-width: 450px; font-size:13px; padding:20px 10px 10px 10px !important; border:#ddd 1px solid; border-radius: 20px 0px 20px 0px; background:#FFF; } #footer.center .newsletter:nth-child(2){ float: left; border-radius: 0px 20px 0px 20px; } #footer.center #soldGoods .list a{ padding:0px; vertical-align: top; display: inline-block; border: none; width: 80px; margin: 0px 20px 0px 0px; } #footer.center #soldGoods .list a span.o{ display:table; padding: 4px 10px 3px 10px; background:#AC5051; color: #FFF; border-radius: 2px; direction: ltr; line-height: 10px; font-size: 11px; text-align: center; margin: 5px auto 0px auto; } #footer.center #soldGoods .list a img{ display: block; max-width: 80px; width: 100%; height: auto; opacity:.4; filter: alpha(opacity=40); } #footer.center #soldGoods .list a span.s{ position: absolute; font-size: 20px; color: #F00; display: block; text-align: center; vertical-align: top; border-top: #F00 2px solid; border-bottom: #F00 2px solid; transform: rotate(-30deg); margin: -50px auto 0px auto; } #footer.center #soldGoods , #footer.center div.productVisitHistory{ display: block; background: #FFF; border: var(--blue-2) 1px solid; border-radius: 10px !important; overflow: hidden; padding: 2px; margin: 20px auto 0px auto; } #footer.center #soldGoods span.more, #footer.center #soldGoods div.list, #footer.center div.productVisitHistory div, #footer.center div.productVisitHistory span{ display: table-cell; vertical-align: top; padding: 3px; font-size: 12px; border: none; text-align: center !important; height: 60px !important; overflow: hidden; border-radius: 0px 10px 10px 0px; } #footer.center #soldGoods span.more, #footer.center div.productVisitHistory span{ background: var(--gold-1); color: 000; padding: 10px 3px 10px 3px; width: 100px; } #footer.center #soldGoods span.more a, #footer.center div.productVisitHistory span a{ color: #fff; background:var(--color-g); border: none; display: table; padding: 2px 10px 2px 10px; line-height: 16px; border-radius: 5px; margin: 20px auto 0px auto; } #footer.center div.productVisitHistory div a{ display: inline-block; vertical-align: top; margin: 5px 10px 5px 10px; border: none; } #footer.center #soldGoods.load{ background: url(/content/template/images/load.gif) center no-repeat; border: none; height: 80px; } #footer.center .newsletter strong{ font-weight:normal; padding:0px 2px 0px 2px; margin:5px auto 0px auto; color:#999; border-bottom: #999 1px dashed; } .newsletter input[type=text].load{ background:#FFF url(/content/template/images/load1.gif) right no-repeat; } #footer.center .newsletter input[type=email]{ letter-spacing:1px; width:250px; font-size:12px; } #footer.center .newsletter input[type=button]{ font-size:12px; color: #666; margin:22px 10px 0px 0px; } #footer.center .newsletter input[type=button]:hover{ background: #999; border-color: #999; color: #fff; } #footer.center .newsletter input{ border-radius: 5px; border: #ddd 1px solid; } #footer.center .newsletter , #footer.center .social{ display:inline-block; vertical-align:top; color: #666; text-align:center; height:75px; } div.footer{ padding: 0px; text-align: center; min-width:1300px; background:#FFF; border-top: #dedede 1px solid; } div.footer div.box{ display: inline-block; vertical-align: top; padding: 10px; text-align: right; width: auto; min-width: 210px; max-width: 250px; margin: 20px 15px 0px 15px; } div.footer div.box span.title{ color: var(--gold); font-size: 15px; display: block; margin: 0px 0px 20px 0px; } div.footer div.box ul{ margin: 0px; padding: 0px; list-style: none; } div.footer div.box ul li{ margin: 13px 0px 0px 0px; } div.footer div.box ul li a{ border: none; font-size: 13px; color: var(--color); display: inline-block; vertical-align: top; padding: 0px; line-height: 22px; border-bottom: #FFF 1px solid; } div.footer div.box ul li a:hover{ border-color: var(--color); } div.footer div.box ul li a[target=_blank]{ border: none; margin-bottom: 10px; } div.footer div.box ul li a span{ display: inline-block; vertical-align: top; width: 30px; height: 30px; margin: -3px 0px 0px 10px; padding: 0px; -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */ filter: grayscale(100%); background-repeat:no-repeat; background-size: 30px; background-position: center; cursor: pointer; } div.footer div.box ul li a.view{ border-radius: 15px; background: var(--gold-1); padding: 10px 10px 7px 10px; } div.footer div.box ul li:hover a span , div.footer div.box ul li a span.view{ -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */ filter: grayscale(0%); } div.footer div.box#callInfo{ } div.footer div.box#callInfo span.title{ text-align: center; } div.footer div.box#callInfo p{ padding: 0px; margin: 0px; color: var(--dark); } div.footer div.box#callInfo p a , div.footer div.box#callInfo p span.tel{ display: table; width: 100%; min-width: 220px; direction: ltr; color: var(--color) !important; border: none; text-decoration: none; margin: 0px 0px 5px 0px; letter-spacing: 1px; word-spacing: 2px; text-align: left; } div.footer div.box#callInfo p span.help{ font-size: 13px; text-align: right; display: block; color: var(--blue); margin:0px 0px 30px 0px; } div.footer div.box#callInfo p span.more{ font-size: 12px; color: var(--blue); display: block; text-align: center; padding: 3px; } div.footer div.box#callInfo a.app{ display: block; color: var(--color); border-radius: 10px; width: calc(90% - 30px); padding: 15px 25px; height: 50px; font-size: 13px; border: 1px solid var(--blue); margin: 25px auto 0px auto; line-height: 25px; background-color: none; background-repeat: no-repeat; background-position: center left 15px; background-size: 50px; } div.footer div.copyRight{ background: var(--gold-1); display: block; border: none; font-size: 12px; margin: 0px 0px -15px 0px !important; line-height: 25px; padding: 5px; color: var(--dark); } div.footer div.copyRight a{ color: var(--color); display: inline-block; vertical-align: top; padding: 0px; margin: 3px 2px 0px 2px; line-height: 16px; border-bottom: var(--color) 1px solid; } .footer .otherLogos{ display: flex; justify-content: space-around; align-items: center; padding: 20px 10px; margin: 0px auto; width: calc(95% - 20px); text-align: center; background: #fff; } .footer .otherLogos a{ border: none !important; } .footer .otherLogos .otherLogos_item{ flex: 1; border: #fff 1px solid !important; border-radius: 10px; padding: 10px; background: #fff; margin: 0px 10px; text-align: center; height: 180px; overflow: hidden; box-shadow:0px 0px 10px 2px var(--blue-1); } .footer .otherLogos .otherLogos_item span.otherLogos_title ,.footer .otherLogos .otherLogos_item div.otherLogos_show{ display: block; padding: 0px; margin: 0px auto; text-align: center; } .footer .otherLogos .otherLogos_item span.otherLogos_title{ font-size: 13px; margin-bottom: 10px; color: var(--color); } .otherLogos_item div.otherLogos_show{ max-width: 150px; } .otherLogos_item div.otherLogos_show .otherLogos_img{ display: block; padding: 0px; margin: 0px auto; width: 100%; height: auto; } .otherLogos_item .otherLogos_fn div{ text-align: center; margin: 0px auto; padding: 0px; display: none; } .otherLogos_item .otherLogos_fn div img , .otherLogos_item .otherLogos_fn div span{ padding: 0px; display: block; margin: 0px auto; } .otherLogos_item .otherLogos_fn div img{ max-height: 120px; width: auto; height: auto; } .otherLogos_item .otherLogos_fn div span{ color: var(--blue); font-size: 11px; line-height: 14px; text-align: center; margin-top: 10px; overflow: hidden; } .conItem ul.social{ display: block; padding: 0px; text-align: center; margin: 10px 0px 10px 0px !important; } .conItem ul.social li{ display: inline-block; vertical-align: top; margin: 0px 8px 0px 8px !important; padding: 0px !important; } .conItem ul.social li a{ -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -ms-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */ filter: grayscale(100%); display: inline-block; vertical-align: top; line-height: 5px; font-size: 10px; direction: ltr; margin: 0px !important; } .conItem ul.social li a div{ width: 30px; height: 30px; margin: 0px auto 10px auto; } .conItem ul.social li a div.Aparat{ background-position: top left; } .conItem ul.social li a div.Facebook{ background-position: top center !important; } .conItem ul.social li a div.Eitaa{ background-position: top right !important; } .conItem ul.social li a div.Instagram{ background-position: center right !important; } .conItem ul.social li a div.Youtube{ background-position: center left !important; } .conItem ul.social li a div.Telegram{ background-position: bottom left !important; } .conItem ul.social li a div.Pinterest{ background-position: bottom center !important; } .conItem ul.social li a div.Linkedin{ background-position: bottom right !important; } div.youAreHere{ height:35px; margin: 0px; } div.youAreHere ol{ text-align:right; margin:0px; padding:0px; list-style:none; } div.youAreHere ol li{ color:#CCC; font-size:15px; display:inline-block; } div.youAreHere ol li a::after{ color: #aaa; content: ' › '; margin: 4px 7px 0px 7px; font-size: 20px; line-height: 15px; vertical-align: top; display: inline-block; } div.youAreHere ol li:last-child a::after{ display: none; } div.youAreHere ol li a{ padding:0px; color: #595959; margin:0px; font-size:12px !important; } div.youAreHere ol li a:hover{ color: #333; text-shadow: 0px 0px #777; border: none; } a.impLink { background: url(/content/template/images/changeBg.gif) repeat; float: left; margin:0px; color: #000; border:none; font-size:13px; padding: 3px 10px 5px 10px; border-radius: 3px; } div#citySelectList{ display:inline-block !important; vertical-align:top !important; margin:0px !important; padding:0px !important; height:34px !important; } div#citySelectList.load{ width:34px; background:url(/content/template/images/load.gif) center no-repeat; } span.loadChoiseCity{ background:url(/content/template/images/load.gif) left no-repeat; } .advSearch .searchResult .advGoods span.soldItem, .advSearch .searchResult .advGoods span.buyButton, .product .section#how2buy span.buyButton{ display:inline-table; text-align: center; width: 100px; border-radius: 4px; height: 25px; line-height: 35px; font-size: 17px; margin:0px 10px 0px 10px; } .product .section#how2buy span.buyButton{ max-width: 200px; min-width: 100px; padding-right: 10px; padding-left: 10px; width: auto; } .advSearch .searchResult .advGoods span.soldItem, .advSearch .searchResult .advGoods span.buyButton{ line-height: 25px; font-size: 14px; width: auto; padding: 2px 15px; } .swipeBox .swipe-list .swipe-item.product span.soldItem, div.goodsRow div.productBox span.soldItem, .introGoods span.soldItem{ text-align: center; padding: 0px 15px; font-size: 13px; color: #666; width: 80%; height: auto; border-radius: 5px; max-width: 100px; margin: 0px auto; display: block; background: rgb(238,238,238); background: radial-gradient(circle, rgba(238,238,238,1) 0%, rgba(222,222,222,1) 100%); line-height: 30px; border:none; box-shadow: none; } .advSearch .searchResult .advGoods div span{ margin-left:0px !important; } .advSearch .searchResult .history div.top{ display: block; margin: 10px 10px 15px 0px; padding: 0px; text-align: right; } .advSearch .searchResult .history div.top span.title{ background: url("/content/template/images/advSearch/history.png?t=1") center right; background-repeat: no-repeat; background-size: contain; margin: 0px; padding: 2px 35px 2px 0px; text-align: right; color: forestgreen; text-shadow: 1px 1px 3px #ccc; line-height: normal; } .advSearch .searchResult .history div.top span.remove{ width: 22px; height: 22px; cursor: pointer; float: left; padding: 3px; margin: 3px 0px 0px 10px; } .advSearch .searchResult .history div.top span.remove img{ display: block; max-width: 100%; height: auto; padding: 0px; margin: 0px; } .advSearch .searchResult .history div.top span.remove.load{ background: url("/content/template/images/load.gif"); background-position: center; background-repeat: no-repeat; background-size: contain; cursor: wait; } .advSearch .searchResult .history div.top span.remove.load img{ display: none; } a.myRemainFactor{ color: #fff; font-size: 12px; display: block; position: fixed; width: 108px; background: var(--color); border-radius:0px 7px 7px 0px; padding: 0px; left: 0px; top: 270px; text-align: right; cursor: pointer; border: none; text-decoration: none; overflow: hidden !important; } a.myRemainFactor div{ padding: 0px; margin: 0px; } a.myRemainFactor div.row{ display: block; margin-bottom: 3px; } a.myRemainFactor div.row div{ display: inline-block; vertical-align: top; height: 25px; } a.myRemainFactor div.row div.title{ margin: 9px 0px -5px 0px; } a.myRemainFactor div.row div.icon{ width: 25px; text-align: center; margin: 7px 7px 0px 5px; } a.myRemainFactor div.row div.icon span{ display: inline-block; vertical-align: middle; cursor: pointer; border: none; border-radius: 50%; padding: 0px; margin: 10px; width: 0px; height: 0px; background: #fff; -webkit-transition-duration: 1s !important; -moz-transition-duration: 1s !important; -ms-transition-duration: 1s !important; -o-transition-duration: 1s !important; transition-duration: 1s !important; } a.myRemainFactor div.row div.icon span.big{ margin: -10px; background: none; width: 25px; height: 25px; } a.myRemainFactor div.help{ font-size: 11px; text-align: center; } a.myRemainFactor div.see{ margin-top: 3px; background: #A81719; color: #fff; padding: 2px; text-align: center; } span#basket_shortcut{ display: block; position: fixed; width: 55px; height: 55px; background: var(--color-1); border-radius:0px 7px 7px 0px; padding: 0px; left: 0px; border: none; top: 150px; cursor: pointer; overflow: hidden !important; } span#basket_shortcut span{ cursor: pointer; display: block; line-height: normal; padding: 0px; text-align: center; } span#basket_shortcut span.num{ display: table; padding: 4px 2px 2px 2px; min-width: 15px; line-height: 10px; font-size: 14px; border-radius: 3px; background: #fff; color: var(--color); margin: 9px auto 7px auto; } span#basket_shortcut span.title{ margin: 0px auto; font-size: 11px; background: var(--color); color: #fff; padding: 3px 0px 13px 0px; text-align: center; } div.topPagePm{ font-size:13px; background:url(/content/template/images/changeBg.gif) repeat; line-height:25px; border-bottom:#000 3px solid; padding:10px; } div#onlineSupportBox{ bottom: 200px; left: 0px; display: block; position: fixed; padding: 0px 0px 0px 1px; margin: 0px; cursor: pointer; text-align: left; direction: ltr; z-index: 1000; } div#onlineSupportBox a , div#onlineSupportBox span{ display: block; width: 50px; height: 50px; padding: 0px; margin: 0px; border: none; text-decoration: none; background: url(/content/template/images/product/callChat.png) right top; background-size: 100px; } div#onlineSupportBox a{ margin-top: 25px; background-position: left; } div#onlineSupportBox a.flash , div#onlineSupportBox span.flash{ transform: rotate(30deg);} div#onlineSupportBox a.flash:hover , div#onlineSupportBox span.flash:hover{ transform: rotate(0deg);} div.mobileMenu{ display:none; width:0px; } div#type0fGoods, div.mobileRotate , .product a.callUs{ display:none; } ul.trustUs{ margin: 0px auto 0px auto; padding: 0px; display: table; width: 100%; max-width: 700px; } ul.trustUs li{ display: table-cell; vertical-align: top; width: 150px; text-align: center; } div.homeTrustUs{ border-radius: 5px; background: #fff; padding: 10px 0px; margin: 10px auto 30px auto; } div.homeTrustUs ul.trustUs{ margin: 0px auto; max-width: 100%; display: block; } div.homeTrustUs ul.trustUs li{ display: inline-block; vertical-align: top; margin: 0px 5px; } ul.trustUs li a{ display: block; width: 100px; margin: 0px auto 0px auto; border: #fff 1px solid !important; border-top-width: 5px !important; border-radius: 5px; padding: 10px 5px 5px 5px; color: var(--dark) !important; font-size: 11px !important; line-height: 15px !important; background-color: #fff; background-repeat: no-repeat; background-position: top; background-size: 50px 50px; cursor: pointer; } ul.trustUs li a span{ display: block; cursor: pointer; font-size: 12px; padding: 0px; line-height: 14px !important; margin: 0px auto 0px auto; } ul.trustUs li a span.title{ margin-top: 50px; color: var(--dark); } ul.trustUs li a span.details{ color: var(--rose); background: var(--gold-2); padding: 4px 5px 4px 5px; margin-top: 5px; border-radius: 10px; } ul.trustUs.mobile li:first-child a{ margin-right: 25px; } .trustUs.grayscaleBox{ margin: 40px auto 0px auto !important; } .trustUs.grayscaleBox li a{ filter: grayscale(100); opacity: .5; color: var(--dark); } .trustUs.grayscaleBox li a:hover , .trustUs.grayscaleBox li a.view{ opacity: 1; filter: grayscale(0); } div.basketOffer{ height: 50px; padding: 0px; margin: 0px; display: table; width: 100%; color: #fff; border-bottom: solid 3px red; text-align: right; background-position: top center; background-repeat: repeat; } div.basketOffer span{ background:url(/content/template/images/basketOffer-p.png) repeat; padding: 5px 10px 5px 10px; margin: 10px; border: #FFF 1px solid; border-radius: 5px; text-align: center; display: inline-table; vertical-align: top; } div.basketOffer span.c{ background: #000; color: #FFF; } div.basketOffer span.d{ float: left; background-image:url(/content/template/images/basketOffer-d.png); } div.basketOffer span strong{ font-weight: normal; letter-spacing: 1px; } div.basketOffer span.c strong{ color: yellow; } div.checkInternetConnection{ display: block; font-size: 14px; text-align: center; margin: 0px; padding: 20px; line-height: 30px; position: fixed; width: 100%; bottom: 0px; left: 0px; color: #FFF; background: #F00; opacity:.6; filter: alpha(opacity=60); } div.loadingNextPage{ position: fixed; padding: 0px; width: 100%; height: 70px; text-align: center; top: 150px; font-size: 16px; color: var(--color); line-height: 70px; left: 0px; z-index: 1000 !important; background: rgba(255,255,255, 1); } div.pageBlackBg{ position: fixed; top: 0px; left: 0px; background: rgba(0, 0, 0, 0.9) !important; z-index: 998; height: 100%; width: 100%; } div.pageBlackBg.advSearch{ background: rgba(0, 0, 0, 0.6) !important; } a.basketOfferBanner, a.basketOfferBanner img , img.basketOfferBanner{ display: block; padding: 0px; border: none; margin: 0px; border-radius: 5px; } div#viewAparatVideo{ max-width: 95%; margin: 20px auto 20px auto; } div#viewAparatVideo iframe{ border: none; } .fade{ -webkit-transition-duration: 0.3s !important; -moz-transition-duration: 0.3s !important; -ms-transition-duration: 0.3s !important; -o-transition-duration: 0.3s !important; transition-duration: 0.3s !important; } .topLine{ background: #FFF; padding: 0px 0px 5px 0px; margin: 0px; display: block; } .topLine ul { width: 1300px; display: flex; flex-wrap: nowrap; /* جلوگیری از رفتن به خط بعد */ justify-content: space-between; /* پخش کردن liها در سطر */ align-items: center; margin: 0 auto; padding: 0; list-style: none; direction: rtl; } .topLine ul li { display: block; padding: 0 10px; white-space: nowrap; /* جلوگیری از شکستن متن */ } .topLine ul li a, .topLine ul li span.cat { display: inline-block; white-space: nowrap; } .topLine ul li span.cat , .topLine ul li a{ cursor: pointer; color: #555; border: none; font-size: 13px; border-radius: 5px; padding: 5px 10px 5px 10px; } .topLine ul li span.cat{ color: var(--color); text-shadow: 1px 1px 1px #ccc; } .topLine ul li span.cat span.hamburger { position: relative; width: 30px; height: 3px; background: var(--color); display: inline-block; border-radius: 2px; cursor: pointer; margin-left: 7px; transition: background 0.3s ease; } .topLine ul li span.cat span.hamburger::before, .topLine ul li span.cat span.hamburger::after { content: ""; position: absolute; width: 30px; height: 3px; background: var(--color); border-radius: 2px; transition: all 0.3s ease; } .topLine ul li span.cat span.hamburger::before { top: -8px; } .topLine ul li span.cat span.hamburger::after { top: 8px; } .topLine ul li span.cat.select span.hamburger { background: transparent; } .topLine ul li span.cat.select span.hamburger::before { transform: rotate(45deg); background: var(--gold); top: 0; } .topLine ul li span.cat.select span.hamburger::after { transform: rotate(-45deg); background: var(--gold); top: 0; } .topLine ul li span.cat:hover , .topLine ul li a:hover , .topLine ul li span.cat:hover span , .topLine ul li span.cat.select , .topLine ul li span.cat.select span{ color: var(--color); } .topLine ul li a.haveIcon{ text-align: right; } .topLine ul li a.haveIcon span.icon , .topLine ul li span.iconBox{ width: 23px; height: 23px; display: inline-block; vertical-align: top; padding: 0px; margin: -1px 0px 0px 10px; } .topLine ul li a.haveIcon.grayscaleColor{ color: var(--color); } .topLine ul li a.haveIcon.grayscaleColor span.icon img{ filter: grayscale(100%); transform: rotate(360deg); } .topLine ul li span.cat{ border: none; border-radius: 4px; } .topLine ul li a.haveIcon span.icon img{ display: block; width: 100%; height: auto; padding: 0px; } .topLine ul li span.cat span{ border-color: red !important; } .topLine ul li span.cat.onThis{ border: none; color: red; border-bottom: red 1px solid; border-radius: 0px; } div.goodsCategory{ display: block; width: 1300px; z-index: 1000; position: relative; margin: 0px auto -425px auto; background: #fff; padding: 30px 10px 10px 10px; text-align: right; box-shadow: 0px 13px 10px 4px #ddd; height: 385px; overflow: hidden !important; } div.goodsCategory ul{ list-style: none; padding: 0px; margin: 0px; } div.goodsCategory ul li{ -webkit-transition-duration: 0.5s !important; -moz-transition-duration: 0.5s !important; -ms-transition-duration: 0.5s !important; -o-transition-duration: 0.5s !important; transition-duration: 0.5s !important; } div.goodsCategory div.list , div.goodsCategory div.child{ display: inline-block; vertical-align: top; padding: 0px; } div.goodsCategory div.list{ width: 140px; } div.goodsCategory div.child{ padding-right: 20px; width: calc(100% - 170px); height: inherit; overflow: hidden; } div.goodsCategory div.list ul li , div.goodsCategory div.child ul li{ line-height: 22px; margin: 0px 0px 3px 0px; padding: 5px; } div.goodsCategory div.list ul li{ display: block; width: 130px; padding-right: 15px; color: #000; text-align: right; cursor: pointer; border-right: #fff 4px solid; } div.goodsCategory div.list ul li.select{ color: var(--color); background: var(--gold-1); border-radius: 5px 0px 0px 5px; border-right-color: var(--color); opacity: 1; } div.goodsCategory div.list ul li span{ font-size: 20px; color: #fff; display: inline-block; vertical-align: top; margin: -1px 0px 0px 0px; } div.goodsCategory div.list ul li.select span{ color: var(--color); display: inline-block; margin-right: 10px; } div.goodsCategory div.child div{ display: none; } div.goodsCategory div.child ul{ display: inline-block; vertical-align: top; margin: 0px 0px 0px 40px; padding: 0px; line-height: 30px; } div.goodsCategory div.child ul li a{ color: var(--blue); border: none; } div.goodsCategory div.child ul li.all a{ text-shadow: 1px 1px 1px #aaa; } div.goodsCategory div.child ul li a:hover{ color: var(--gold); border-bottom: var(--gold) 1px solid; border-radius: 0px; } a.advertisingBox{ display: block; margin: 10px 0px; padding: 0px 0px 5px 0px; border: #ddd 1px solid; background: #fff; text-align: center; border-radius: 3px; width: 232px; } a.advertisingBox img{ display: block; width: 97%; height: auto; margin: 0px auto; border-radius: 5px; } a.advertisingBox iframe{ border-radius: 5px; margin: -20px auto 0px auto !important; } a.advertisingBox span{ color: #333; padding: 5px; display: block; } a.advertisingBox h5{ font-weight: normal; font-size: 13px; color: #333; padding: 5px; margin: 0px auto; display: block; background: none; } a.advertisingBox.video h5{ /*margin-top: -40px;*/ } select#selectLanguage{ display: table; margin: 20px auto 0px -20px; direction: ltr; position: relative; } a.topBox{ min-width: 300px; font-size: 14px; display: block; padding:5px 0px; text-align: right; background: #ffec00; color: #fff; border-bottom: #ce8d02 3px solid; } a.topBox p{ background: url(/content/template/images/topBox.gif) left no-repeat; background-size: 100px; padding: 0px; display: block; width: 95%; max-width: 400px; margin: 0px auto; } a.topBox strong{ margin: 0px 0px 0px 15px; font-weight: normal; display: inline-block; vertical-align: middle; color: #fff; font-size: 15px; padding: 5px 15px; border-radius: 3px; border: #ffec00 1px dashed; background: #ce8d02; } a.topBox span{ border: none; color: #666; border-bottom: #666 1px solid; padding: 0px 3px 2px 3px; display: inline-block; margin: 3px 0px 0px 0px; vertical-align: middle; line-height: 15px; } span.giftIcon{ display: inline-block; vertical-align: top; color: var(--color); width: 30px; float: left !important; padding: 0px; background: #fff; text-align: center; border-radius: 2px; } span.giftIcon::before{ content: "همراه"; font-size: 10px; display: block; line-height: 10px; margin: 5px auto 2px auto; } span.giftIcon::after{ content: "هدیه"; display: block; border-radius: 2px; margin: 0px auto 0px auto; background: var(--color) !important; color: #fff !important; font-size: 12px !important; padding: 7px 0px; line-height: 2px; } a.footerRegisterBox{ display: block; margin: 0px auto; padding: 0px; text-decoration: none; border: none; } a.footerRegisterBox img{ display: block; width: 100%; height: auto; border-radius: 10px; } div.ourHonors_slideShow{ display: block; padding: 0px; width: 90%; margin: 10px auto; text-align: center; } div.ourHonors_slideShow a{ background: #fff; border-radius: 5px; display: inline-block; vertical-align: top; width: calc(25% - 40px); height: 60px !important; text-align: right; padding: 10px !important; margin: 10px !important; border: #999 1px dashed !important; } div.ourHonors_slideShow div.hid{ display: none; } div.ourHonors_slideShow a span{ color: var(--blue); border: none !important; display: inline-block; vertical-align: top; margin: 0px; cursor: pointer; background-color: #fff !important; padding: 0px; } div.ourHonors_slideShow a span.logo{ background-position: center; background-repeat: no-repeat; background-size: contain; padding: 0px !important; width: 75px; height: 60px; } div.ourHonors_slideShow a span.title{ padding-right: 20px; font-size: 12px; line-height: 17px; width: calc(100% - 105px); } div.ourHonors_slideShow span.readMore{ display: inline-block; vertical-align: top; border-radius: 5px; color:var(--color); border: var(--color) 1px solid; background: #fff; cursor: pointer; padding: 15px; margin: 10px 10px; } a.leadBanner{ display: block; width: calc(95% - 40px); margin: 15px auto; border-radius: 5px; padding: 15px; text-align: right; direction: ltr; border: none !important; height: 200px; } a.leadBanner div.img , a.leadBanner div.box{ display: inline-block; vertical-align: top; padding: 0px; margin: 0px; } a.leadBanner div.img{ text-align: center; width: 200px; vertical-align: middle; } a.leadBanner div.img img{ width: 90% !important; margin: 5% !important; display: inline-block !important; height: auto !important; } a.leadBanner:hover div.img img{ width: 100% !important; margin: 0px !important; } a.leadBanner div.box{ direction: rtl; padding: 20px 40px 0px 0px; width: calc(100% - 270px); line-height: normal; } a.leadBanner div.box div.title{ display: block; font-size: 22px; font-weight: 450; margin: 10px 0px 0px 0px; } a.leadBanner div.box div.text{ margin: 30px auto 0px 0px; } a.leadBanner div.box div.text div.c2a , a.leadBanner div.box div.text div.description{ display: inline-block; vertical-align: top; } a.leadBanner div.box div.text div.description{ height: 110px; max-width: calc(100% - 300px); } a.leadBanner div.box div.text div.c2a{ color: #fff; opacity: .7; border: #fff 1px solid; border-radius: 5px; line-height: normal; float: left; margin: 20px 0px 0px 50px; padding: 15px 35px; font-size: 14px; } a.leadBanner:hover div.box div.text div.c2a{ opacity: 1; } a.leadBanner.smallBox{ height: auto; width: calc(90% - 30px); padding: 10px !important; margin: 5px auto; } div.rightBox a.leadBanner.smallBox{ width: calc(100% - 40px); margin: 5px 0px; } a.leadBanner.smallBox div.img{ display: block; width: 150px; height: 150px; margin: 0px auto; } a.leadBanner.smallBox div.img img{ width: 100% !important; margin: 0px !important; } a.leadBanner.smallBox div.box{ display: block; width: 100%; margin: 0px auto; } a.leadBanner.smallBox div.box div.title{ display: block; width: 100%; padding: 0px; margin: 0px; } a.leadBanner.smallBox div.box div.text{ margin: 0px auto; padding: 0px; width: 100% !important; display: block; } a.leadBanner.smallBox div.box div.text div.description{ width: 100% !important; display: block; margin: 20px auto; max-width: none; height: auto; } a.leadBanner.smallBox div.box div.text div.c2a{ display: block; padding: 15px 0px; width: 90%; text-align: center; float: none; margin: 0px auto 15px auto; opacity: 1; } div.faq_box span.haveVideo, div.faq_shortcut ul li span.haveVideo, .introGoods span.title span.haveVideo , .introGoods span.title span.superSale{ display: inline-block; vertical-align: top; padding: 0px; margin: -1px 5px 0px 0px; } div.faq_box span.haveVideo, div.faq_shortcut ul li span.haveVideo , .introGoods span.title span.haveVideo{ width: 28px; height: 20px; border-radius: 5px; background: var(--color) !important; } div.faq_box span.haveVideo::after, div.faq_shortcut ul li span.haveVideo::after, .introGoods span.title span.haveVideo::after{ content: ""; display: inline-block; vertical-align: top; padding:0px; margin: 5px 8px 0px 0px; width: 0; height: 0; border-radius: 3px 0px 0px 3px; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 10px solid #fff; } div.productPriceBox{ display: table; padding: 0px; margin: 0px auto 0px 0px; text-align: left; } div.productPriceBox .op{ display: block; padding: 0px; text-decoration: line-through; text-align: right !important; margin:5px auto 0px auto; font-size: 14px; line-height: 15px; color: #888; } div.productPriceBox .p{ display: block; padding: 0px; margin:0px auto; font-size: 16px; color: #000 !important; } div.productPriceBox .p span{ display: inline-block; vertical-align: top; padding: 0px; margin: 0px; } div.productPriceBox .p span.price{ font-weight: 500; margin: 0px !important; } div.productPriceBox .p .toman{ display: inline-block; vertical-align: top; padding: 0px; margin: 0px; width: 25px; color: #444; height: 10px; } div.productPriceBox .p .toman span{ font-weight: normal; font-size: 12px; padding: 0px !important; margin: 0px !important; letter-spacing: 0px !important; } div.productPriceBox .p .toman span.t2{ margin: 2px 0px 0px 0px !important; } div.productPriceBox .p .toman span.t3{ margin: -8px -11px 0px 0px !important; } .loadingLogo { min-width: 60px; min-height: 60px; position: relative; overflow: hidden; /* برای اینکه لوگو بیرون نزنه */ } .loadingLogo::before { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 60px; height: 60px; background: url('/content/app/images/256x256.png') center no-repeat; background-size: contain; opacity: 0; animation: fadeLogo 1s linear infinite; pointer-events: none; z-index: 999; } .introGoods{ font-size:12px !important; color:#000; padding:0px 22px 15px 22px; display: inline-block; vertical-align: top; width:200px; margin:0px 0px 40px 0px; border:none !important; } a.introGoods span.giftIcon{ margin: 0px 160px 0px 0px !important; position: absolute; } .introGoods span.compare{ display:none; float:right; background:#CCC; color:#FFF; line-height:15px; font-size:12px; position:absolute; padding:4px 10px 6px 10px; margin:-11px -11px -5px auto; cursor:pointer; z-index: 998; border-radius: 3px; } .introGoods div.rate{ display: block; text-align: left; padding: 0px; margin: 3px 0px -22px 0px; direction: ltr; line-height: 15px; background: url(/content/template/images/rate/yellow.png?t=2) top left no-repeat; background-size: 15px; } .introGoods div.rate span{ padding: 0px; margin: 2px 0px 0px 0px; display: inline-block; vertical-align: top; } .introGoods div.rate span.s{ color: #666; font-size: 12px; margin-left:20px; } .introGoods span.title{ background:none; color:#777; display:block; height:auto; min-height: 40px; font-size:12px !important; border:none; padding:0px; line-height:20px; text-align: right; margin:-5px 0px 0px 0px; } .introGoods span.title span.betterChoice{ display: table; vertical-align: top; padding: 1px 10px; margin: 0px; font-size: 11px; border-radius: 4px; background: var(--gold-3); border: var(--gold) 1px solid; color: var(--gold-0); } .introGoods span.title span.superSale{ width: 20px; height: 20px; text-align: center; font-size: 14px; line-height: 22px; border-radius: 0px; background: url("/content/template/images/advSearch/specialOffer.png?t=1"); background-repeat: no-repeat; background-size: contain; } .introGoods div.cp{ margin:0px; padding:0px; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -ms-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; color: #999; text-align: right; } .introGoods div.cp span.c{ margin-left:0px; font-size: 12px; text-align: right; } .introGoods div.cp div{ text-align: left; } .introGoods:hover span.compare{ display: table !important; } .screen-reader-text{ position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; } div.printCallBox{ text-align: center; line-height: 20px; background: #fff; border: var(--gold-1) 1px solid; border-top-width: 3px; display: table; margin: 50px auto; border-radius: 10px; padding: 15px 10px; overflow: hidden; font-size: 13px; } div.printCallBox a.chat{ font-size: 13px !important; margin: 10px auto !important; padding: 5px 20px !important; } div.printCallBox div.title{ background: var(--gold-2); padding: 10px 10px; color: var(--gold-0); margin: -15px -10px 10px -10px; } div.printCallBox div._help_{ display: block; text-align: center; color: var(--blue); padding: 0px; margin: 10px auto; } div.printCallBox .call{ display: table; margin:0px auto 10px auto; border-radius: 10px; background: var(--gold-2); color: var(--gold-0); padding: 10px 25px; } div.printCallBox a.call{ cursor: pointer; } div.printCallBox .call span{ display: block; text-decoration: none; direction: ltr; color: var(--gold-0); margin: 10px auto 0px auto; font-size: 16px; word-spacing: 2px; } @keyframes fadeLogo { 0%, 100% { opacity: 0; } 50% { opacity: 1; } }@charset "utf-8"; /* CSS Document */ .timerTable{ text-align:center; display:table; vertical-align:top; width:250px; background:var(--gold-2); color: var(--dark); border-radius: 5px; padding:5px; direction:ltr; margin:0px auto 20px auto !important; line-height:25px; overflow: hidden; } .timerTable span.title{ font-size:16px; display: block; background: var(--gold-1); padding: 5px; margin: -5px -5px 5px -5px; color: var(--dark); } .timerTable span.text{ font-size:12px; display:block; } .timerTable div.box{ margin:10px auto 0px auto; text-align:center; border:none; font-size:25px; } .timerTable div.box p{ display:inline-block !important; width: 45px; color: var(--blue); line-height:20px; vertical-align:top; padding:0px; font-size:11px; margin:-3px 5px 0px 5px; } .timerTable div.box span{ display:block; color:var(--rose); padding:5px 10px 3px 10px; line-height:25px; font-size:20px; margin:0px 0px 2px 0px; background:url("/content/template/images/changeBg.gif") repeat; border-radius:4px; }