fec.css 24 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164
  1. html {
  2. font-family: sans-serif;
  3. }
  4. .page-group {
  5. display: block;
  6. margin: auto;
  7. max-width: 640px;
  8. position: relative;
  9. }
  10. .content{background:#fff;}
  11. body{
  12. font-family:Verdana,Arial,Tahoma;font-size:0.6rem;
  13. overflow-wrap: break-word;
  14. color: #24292e;
  15. }
  16. a{color:#777;}
  17. .button{padding:0}
  18. ul {list-style: outside none none;margin:0;}
  19. .theme-dark .searchbar::after{
  20. background-color:transparent
  21. }
  22. .theme-dark .searchbar{
  23. background:transparent none repeat scroll 0 0
  24. }
  25. .category_menu ul{padding:0;font-size:0.75rem;}
  26. .category_menu ul li {
  27. padding-left: 0;
  28. }
  29. .category_menu ul li ul li{padding:0.3em 0 0 1em;}
  30. .category_menu ul li ul{font-size:0.7rem;}
  31. .category_menu ul li ul .icon-right{float:left;font-size:0.4rem;margin-top:1em;}
  32. .list-block {
  33. font-size: 0.7rem;
  34. }
  35. .product_name{
  36. padding:0px;height:3em;
  37. overflow:hidden;font-size:0.6rem;
  38. }
  39. .product_name a{
  40. color:#777;
  41. }
  42. .panel-left a{color:#ccc;}
  43. .content-block {
  44. color: #6d6d72;
  45. margin: 0.15rem 0;
  46. padding: 0 0.75rem;
  47. }
  48. .category_menu > ul{margin-top:0.1rem}
  49. .list-block .item-inner{padding-left:0.9rem;}
  50. .list-block {
  51. margin: 0.75rem 0;
  52. }
  53. h1{font-size:1em;color:#333;font-weight:100;}
  54. .category_description{padding:0.4rem 0.6rem; display:none}
  55. .popup-overlay.modal-overlay-visible{display:none}
  56. .filter_attr_info a {
  57. background: rgba(0, 0, 0, 0) url("../img/checkbox.png") no-repeat scroll -69px 1px;
  58. font-size: 0.8em;
  59. padding: 0 0 0 16px;
  60. }
  61. .filter_attr_info a.checked {
  62. background-position: -50px -19px;
  63. }
  64. .closeBtn {
  65. background-image: url("../img/tag.png");
  66. background-position: -164px 7px;
  67. background-repeat: no-repeat;
  68. display: inline-block;
  69. font-size: 0;
  70. height: 20px;
  71. vertical-align: -5px;
  72. width: 20px;
  73. }
  74. .repository-lang-stats-graph {
  75. -moz-border-bottom-colors: none;
  76. -moz-border-left-colors: none;
  77. -moz-border-right-colors: none;
  78. -moz-border-top-colors: none;
  79. -moz-user-select: none;
  80. border-bottom-left-radius: 3px;
  81. border-bottom-right-radius: 3px;
  82. border-color: currentcolor #ddd #ddd;
  83. border-image: none;
  84. border-style: none solid solid;
  85. border-width: 0 1px 1px;
  86. cursor: pointer;
  87. display: table;
  88. overflow: hidden;
  89. white-space: nowrap;
  90. width: 100%;
  91. }
  92. * {
  93. box-sizing: border-box;
  94. }
  95. *::placeholder {
  96. color: #6a737d;
  97. }
  98. *::-moz-placeholder {
  99. color: #6a737d;
  100. }
  101. .content-block .filter_attr_title {
  102. border-bottom: 1px solid #ddd;
  103. color: #333;
  104. font-family: Arial;
  105. font-size: 0.9em;
  106. margin: 5px 0;
  107. padding: 5px 0;
  108. text-transform: uppercase;
  109. }
  110. .close_popup{
  111. font-size: 1.2em;
  112. position: absolute;
  113. right: 1rem;
  114. top: 0.2rem;
  115. }
  116. a{font-size:0.8em;}
  117. #panel-left-menu .category_menu a{font-size:0.9em;}
  118. #panel-left-account a{font-size:0.9em;;}
  119. .clear{clear:both}
  120. .category_page .open-sort{float:left;}
  121. .category_page .open-filter{float:right;}
  122. .category-open{
  123. border: 1px solid #e5e5e5;
  124. border-radius: .17rem;
  125. font-size:0.6rem;
  126. text-align: center;
  127. color: #666;
  128. padding:0.1rem 1rem;
  129. }
  130. .category_description h1{text-align:center;font-weight:100;font-size:0.9em}
  131. .category-open .icon{font-size:0.4rem;}
  132. .sort_filter{margin-top:0.4rem;margin-bottom:-0.2rem;}
  133. .media_img_content{max-width:400px;margin:auto;}
  134. .product_view{padding:0 1rem;}
  135. .item_code{margin-right:0;}
  136. .product_info h1{ font-size: 0.6rem;
  137. font-weight: 100;
  138. margin-bottom: 0;}
  139. .swiper-container{padding-bottom: 5px;}
  140. .price_info {
  141. margin: 10px 0 0;
  142. }
  143. .product_info .price_info .special_active {
  144. float: left;
  145. line-height: 30px;
  146. margin-right: 10px;
  147. }
  148. .product_info .special_price {
  149. color: #cc0000;
  150. font-size: 25px;
  151. }
  152. .product_info .price_info .price.special_active {
  153. margin: 3px 0 0 3px;
  154. text-decoration: line-through;
  155. }
  156. .product_info_section {
  157. margin: 5px 0 15px;
  158. }
  159. .product_options {
  160. margin: 0.4rem 0 0;
  161. }
  162. .product_options .label {
  163. line-height: 49px;
  164. }
  165. .pg .label {
  166. float: left;
  167. font-size: 0.5rem;
  168. width: 2.4rem;
  169. }
  170. .product_options .pg .rg {
  171. width: auto;
  172. }
  173. .product_options .rg li {
  174. color: #333;
  175. cursor: pointer;
  176. float: left;
  177. margin: 5px;
  178. position: relative;
  179. text-align: center;
  180. }
  181. .product_options a.active, .product_options a.active_v {
  182. border: 1px solid #777;
  183. }
  184. .product_options a {
  185. display: block;
  186. float: left;
  187. height: 49px;
  188. padding: 1px;
  189. width: 44px;
  190. line-height:49px;
  191. }
  192. .product_options a.current {
  193. border: 1px solid #cc0000;
  194. }
  195. .rg .qty{margin-left:4px;}
  196. .product_options li.current b {
  197. background: rgba(0, 0, 0, 0) url("../img/cur.png") no-repeat scroll 0 0;
  198. bottom: 0;
  199. display: block;
  200. height: 6px;
  201. overflow: hidden;
  202. position: absolute;
  203. right: 0;
  204. width: 8px;
  205. }
  206. .addtocart a{
  207. margin-top: 0.5rem;
  208. }
  209. .button-success.button-fill{background-color:#fe585e;color:#fff}
  210. .addtocart .addProductToFavo{
  211. background: #fff none repeat scroll 0 0;
  212. border: 1px solid #ccc;
  213. color: #777;
  214. }
  215. .product_description_info{min-height:300px;width:100%;overflow:hidden;margin-top:0.55rem;}
  216. .product_description_info .content-block{padding-top:0.24rem;}
  217. .chose_size a {
  218. border: 1px solid #ccc;
  219. font-size: 11px;
  220. height: 35px;
  221. line-height: 35px;
  222. width: 35px;
  223. }
  224. .product_options a.noimgshow {
  225. font-size: 11px;
  226. height: 44px;
  227. line-height: 44px;
  228. min-width: 15px;
  229. padding: 0px;
  230. text-align:center;
  231. }
  232. .product_options a.no_active {
  233. border: 1px dashed #ccc;
  234. cursor: not-allowed;
  235. }
  236. .product_qty .label{line-height:1.3rem;}
  237. .button.button-fill.addProductToCart{height:1.55rem;line-height:1.55rem;}
  238. .product_description_info .buttons-tab a{font-size:0.55rem;}
  239. .text-description , .text-reviews , .text-questions{font-size:0.6rem;}
  240. .tier_price_info{margin:0.5rem 0 1rem;color:#333;}
  241. .tier_price_info table{width:100%;color:#777;}
  242. .buy_also_buy_cer{padding: 0 1rem;}
  243. .tier_price_info table{font-size: 0.56rem;}
  244. .buy_also_buy .scroll_left{
  245. border-bottom: 1px solid #ddd;
  246. margin: 15px 0 5px;
  247. padding: 5px 0;
  248. text-transform: uppercase;
  249. }
  250. .buy_also_buy .scroll_left a{color: #333;font-size: 0.9em; font-family: Arial;}
  251. .buttons-tab .button{height: 1.6rem;
  252. line-height: 1.6rem;}
  253. .review_star_5 {
  254. background: rgba(0, 0, 0, 0) url("../img/Star_5.png") no-repeat scroll 0 0;
  255. }
  256. .review_star_4 {
  257. background: rgba(0, 0, 0, 0) url("../img/Star_4.png") no-repeat scroll 0 0;
  258. }
  259. .review_star_3 {
  260. background: rgba(0, 0, 0, 0) url("../img/Star_3.png") no-repeat scroll 0 0;
  261. }
  262. .review_star_2 {
  263. background: rgba(0, 0, 0, 0) url("../img/Star_2.png") no-repeat scroll 0 0;
  264. }
  265. .review_star_1 {
  266. background: rgba(0, 0, 0, 0) url("../img/Star_1.png") no-repeat scroll 0 0;
  267. }
  268. .review_star_0 {
  269. background: rgba(0, 0, 0, 0) url("../img/Star_0.png") no-repeat scroll 0 0;
  270. }
  271. .review_star {
  272. display: block;
  273. height: 15px;
  274. width: 69px;
  275. }
  276. .product-Reviews_top ul{padding-left:0}
  277. .review_description_left a{display:block;}
  278. .review_description_left p{ display:block;float:left;margin: 0.3rem 1rem 0.3rem 0}
  279. .review_description_left span{display:block;float:right;margin: 0.3rem 0 0.3rem 0}
  280. .review_description_right_span b{font-weight:100;}
  281. .buttons-row .button{
  282. border-color:#ccc;
  283. font-size:0.55rem;
  284. }
  285. .average_rating {
  286. float: left;
  287. }
  288. .rbc_cold .review_star {
  289. display: block;
  290. float: left;
  291. height: 15px;
  292. margin: 0rem 0rem 0 0.4rem;
  293. text-align: right;
  294. width: 85px;
  295. }
  296. .rbc_cold{margin-top:0.22rem;}
  297. .rbc_cold , .item_code{color:#777;}
  298. .item_sku{color:#555;}
  299. .product-image{
  300. display: block;
  301. margin-top: 0.5rem;
  302. }
  303. .product-image img{width:100%;height:auto;}
  304. .cart_info {}
  305. .cart_info a{color:#555;}
  306. .cart_info h2.product-name{
  307. font-size:0.7rem;
  308. margin:1px 0 4px;
  309. font-weight: 100;
  310. }
  311. .cart_info ul {padding-left:1px;}
  312. .cart_info ul li{font-size:0.5rem;color:#777;}
  313. .cart-price{
  314. color: #cc0000;
  315. font-size: 0.6rem;
  316. }
  317. .cartqtydown {
  318. border-bottom: 1px solid #ccc;
  319. border-left: 1px solid #ccc;
  320. border-radius: 4px 0 0 4px;
  321. border-top: 1px solid #ccc;
  322. float: left;
  323. font-size: 0.7rem;
  324. height: 20px;
  325. line-height: 18px;
  326. text-align: center;
  327. width: 22px;
  328. }
  329. .cart_info .qty {
  330. border: 1px solid #ccc;
  331. border-radius: 0;
  332. box-shadow: none;
  333. float: left;
  334. height: 20px;
  335. padding-bottom: 0;
  336. padding-top: 0;
  337. text-align: center;
  338. width: 20px;
  339. }
  340. .cartqtyup {
  341. border-bottom: 1px solid #ccc;
  342. border-radius: 0 4px 4px 0;
  343. border-right: 1px solid #ccc;
  344. border-top: 1px solid #ccc;
  345. float: left;
  346. font-size: 0.7rem;
  347. height: 20px;
  348. line-height: 18px;
  349. text-align: center;
  350. width: 20px;
  351. }
  352. .cart_qty{width:80px;}
  353. .cart_qty a{
  354. background:#fff;
  355. }
  356. .btn-remove span{
  357. font-size: 1.1rem;
  358. }
  359. a.btn-remove {
  360. bottom: 1rem;
  361. position: absolute;
  362. right: 2rem;
  363. }
  364. .cart_info .row{
  365. position:relative;
  366. border-bottom:1px solid #e5e5e5;
  367. padding:0.5rem 1rem;
  368. }
  369. .cart{background:#fff;}
  370. .row .col-80{margin-left:2%}
  371. .cart_info .row .col-25{padding:1rem 0 1rem 0.1em}
  372. .cart_info .row .col-75{padding:1rem 0;}
  373. .col-70 .product-name{width:60%;}
  374. .shopping-cart-img{
  375. text-align:center;font-size:0.7rem;padding:0.4rem 0;
  376. background:#fff;
  377. border-bottom:1px solid #e5e5e5;
  378. margin-bottom:0.6rem;
  379. }
  380. .cart_info .options li{float:left;margin-right:1rem;}
  381. .cart_info .product-name a {
  382. color: #555;
  383. display: block;
  384. height: 0.7rem;
  385. overflow: hidden;
  386. }
  387. #coupon_code {
  388. border-color: #ccc currentcolor #ccc #ccc;
  389. border-radius: 0;
  390. border-style: solid none solid solid;
  391. border-width: 1px medium 1px 1px;
  392. font-size: 0.8rem;
  393. height: 1.24rem;
  394. width: 100%;
  395. }
  396. .discount-form .input-box .ui-input-text {
  397. border-radius: 2px 0 0 2px;
  398. border-right: medium none;
  399. }
  400. .discount-form .buttons-coupon {
  401. float: right;
  402. width: 40%;
  403. }
  404. .discount-form .input-box {
  405. float: left;
  406. width: 60%;
  407. }
  408. .discount-form .buttons-coupon .ui-shadow {
  409. box-shadow: none;
  410. }
  411. .discount-form .buttons-coupon a {
  412. background-color: #f6f6f6;
  413. border: 1px solid #ccc;
  414. border-radius: 0 2px 2px 0;
  415. color: #333;
  416. text-shadow: 0 1px 0 #f3f3f3;
  417. }
  418. .ui-btn {
  419. -moz-user-select: none;
  420. cursor: pointer;
  421. display: block;
  422. font-size: 0.6rem;
  423. overflow: hidden;
  424. padding: 0.2em 1em;
  425. position: relative;
  426. text-align: center;
  427. text-overflow: ellipsis;
  428. white-space: nowrap;
  429. }
  430. #discount-coupon-form h2{font-size:0.6rem;}
  431. .cart-collaterals{padding:0.2rem 0.4rem;min-height:17.5rem;}
  432. .cart_cost{margin-top:1rem;}
  433. .cart_cost .row.no-gutter .col-66{text-align:right;padding-right:1rem;}
  434. .cart_cost .row.no-gutter{
  435. padding-top: 0.2rem;
  436. }
  437. a.express_paypal{
  438. background: #ffc63e;
  439. border-color: #ffc63e;
  440. display: block;
  441. height: 2.17rem;
  442. line-height: 2.17rem;
  443. overflow: hidden;
  444. padding: 0 0.83rem;
  445. text-align: center;
  446. text-overflow: ellipsis;
  447. text-transform: capitalize;
  448. white-space: nowrap;
  449. padding:0 0.5rem;
  450. width:100%;
  451. border-radius: 0.17rem;
  452. }
  453. a.express_paypal img{max-height:70px;height:100%;width:100%;max-width:260px;}
  454. .cart-totals{margin:1rem 0}
  455. .btn-proceed-checkout{
  456. background-color: #f90;
  457. border-color: #f90;
  458. display: block;
  459. font-size:0.7rem;
  460. height: 2.17rem;
  461. line-height: 2.17rem;
  462. overflow: hidden;
  463. padding: 0 0.83rem;
  464. text-align: center;
  465. text-overflow: ellipsis;
  466. text-transform: capitalize;
  467. white-space: nowrap;
  468. padding:0 0.5rem;
  469. width:100%;
  470. border-radius: 0.17rem;
  471. color:#fff;
  472. }
  473. .proceed_to_checkout .row.no-gutter .col-50{padding:0.2rem}
  474. .header_logo img{width:5rem; margin-top: 0.68rem;}
  475. .col-20 a img{width:100%}
  476. .review_lists{background:#fff;min-height:700px;padding:0.5rem;}
  477. .review_lists .product_info .price_info .special_active{
  478. font-size:0.6rem;
  479. margin:0 0.5rem 0 0;
  480. }
  481. .review_lists .price_info{margin:0;}
  482. .review_lists .review_cart{padding:0 0.2rem;font-size:0.55rem;}
  483. .product-reviews{
  484. padding:0 0.2rem;font-size:0.7rem;
  485. }
  486. .review_lists .button-danger.button-fill {
  487. background-color: #4cd964;
  488. }
  489. .review_lists .row .col-50{margin-left:0;}
  490. .review_lists .review_cart .content-block{margin:1rem 0}
  491. .fec-card-header , .fec-card-content , .fec-card-footer{
  492. border-bottom: 1px solid #eaeaea;
  493. padding: 0.4rem 0.6rem;
  494. color:#333;
  495. }
  496. .fec-card-header{font-weight:bold}
  497. .fec-card-content{color:#333;}
  498. .review_title{margin-left:0.5rem;}
  499. .review_list_remark{font-size:0.5rem;color:#777}
  500. .review_list_product{margin-left:0.5rem;}
  501. .review_add{padding:1rem 0 1rem 0.4rem;}
  502. .review_add .product_info .price_info .special_active {
  503. font-size: 0.6rem;
  504. margin: 0 0.5rem 0 0;
  505. }
  506. .review_add .price_info {
  507. margin: 0;
  508. }
  509. .h-30 {
  510. height: 30px;
  511. }
  512. .lh30_f {
  513. float: left;
  514. line-height: 30px;
  515. }
  516. .product-description_em {
  517. color: #cc0000;
  518. font: 17px/12px Segoeui,Arial,Verdana,serif;
  519. margin: 0 3px;
  520. }
  521. .star_ul {
  522. display: inline;
  523. height: 30px;
  524. }
  525. .star_ul li {
  526. float: left;
  527. }
  528. .star_1, .star_2, .star_3, .star_4, .star_5 {
  529. background: rgba(0, 0, 0, 0) url("../img/product_rating_big_blank_star.png") repeat scroll 0 0;
  530. display: block;
  531. height: 30px;
  532. width: 30px;
  533. }
  534. .full_star {
  535. background: rgba(0, 0, 0, 0) url("../img/product_rating_big_full_star.png") repeat scroll 0 0;
  536. }
  537. .product-Reviews_bottom .list-block .item-content{background:#fff;}
  538. .login-captcha{
  539. }
  540. .login-captcha img {
  541. float: left;
  542. height: 25px;
  543. }
  544. .product-Reviews_bottom .item-content .login-captcha input {
  545. border: 1px solid #ccc;
  546. display: block;
  547. float: left;
  548. height: 25px;
  549. margin-right: 5px;
  550. width: 80px;
  551. }
  552. .login-captcha{width:100%}
  553. .icon-refresh{
  554. border: 1px solid #ddd;
  555. color: #777;
  556. cursor: pointer;
  557. display: block;
  558. float: left;
  559. font-size: 0.7rem;
  560. height: 25px;
  561. line-height: 24px;
  562. margin-left: 1px;
  563. text-align: center;
  564. width: 25px;
  565. }
  566. .product-Reviews_bottom .lh30_f{width:100%}
  567. .product-Reviews_bottom .list-block .item-title.label{width:25%;}
  568. .list-block .item-inner {
  569. padding-left: 0.1rem;
  570. }
  571. .product-Reviews_bottom .list-block ul li input
  572. ,.product-Reviews_bottom .list-block ul li textarea{
  573. font-size:0.6rem;
  574. }
  575. .review_submit{padding-left:0.9rem;margin-top:1rem;}
  576. .review_submit button{font-size: 0.6rem;
  577. line-height: 0.9rem;
  578. padding: 0.2rem 1rem 0.4rem;
  579. }
  580. .product-Reviews_bottom .list-block{margin-top:0}
  581. .product-Reviews_bottom{min-height:500px;}
  582. .error-msg {
  583. margin:3px 0;
  584. background: #faebe7 url("../img/i_msg-error.gif") no-repeat scroll 8px 4px;
  585. border: 1px solid #f16048;
  586. color: #df280a;
  587. font-size: 0.8em;
  588. padding: 5px 30px;
  589. margin:0.4rem 1rem;
  590. }
  591. .correct-msg {
  592. margin:3px 0;
  593. background: #eff5ea url("../img/i_msg-success.gif") no-repeat scroll 8px 4px;
  594. border: 1px solid #95a486;
  595. color: #3d6611 ;
  596. font-size: 0.8em;
  597. padding: 5px 30px;
  598. margin:0.4rem 1rem;
  599. }
  600. .list-block .item-link .item-inner{margin-left:0rem;padding-left:1rem;}
  601. .list-block .item-content{padding-left:0}
  602. .account-top-m{background:#fff;}
  603. .account-top-m .icon-left{font-size:0.7rem;}
  604. .account-ds .account_footer{ text-align: center;margin: 30px 0 200px;}
  605. .account-ds .account_footer a {
  606. font-size: 0.7rem;
  607. }
  608. .account-ds a{font-size:0.7rem;}
  609. .account-ds{height:2.2rem;}
  610. .js_registBtn{}
  611. .list-block .item-title.label{width:25%;}
  612. .list-block input[type="text"], .list-block input[type="password"], .list-block input[type="email"], .list-block input[type="tel"], .list-block input[type="url"], .list-block input[type="date"], .list-block input[type="datetime-local"], .list-block input[type="time"], .list-block input[type="number"], .list-block input[type="search"], .list-block select, .list-block textarea{
  613. font-size:0.6rem;
  614. }
  615. .customer-login .buttons-set , .customer-login .third_login{
  616. margin:0.8rem;
  617. }
  618. .account-form .item-input .login-captcha-input{width:30%;float:left;}
  619. .account-form .item-input .login-captcha-img{width:130px;float:left; margin-top: 0.4rem;}
  620. .account-form .icon-refresh{
  621. font-size: 0.9rem;
  622. height: 1.2rem;
  623. line-height: 1.2rem;
  624. margin: 0.4rem 0 0 0.2rem;
  625. padding: 0;
  626. width: 1.2rem;
  627. }
  628. .shopping-cart-img a.f-right{float:right;
  629. color: #0894ec;
  630. line-height: 1.2rem;
  631. position: absolute;
  632. right: 1rem;
  633. }
  634. .button.button-fill.button-bbb{
  635. background: #bbb none repeat scroll 0 0;
  636. }
  637. .account-ds .button-bbb {
  638. margin: 1rem 1rem 10rem;
  639. text-align: center;
  640. }
  641. .account-form .newsletter{
  642. color:#bbb;
  643. margin: 1rem 0 1rem 1.1rem ;
  644. }
  645. .account-form .newsletter label{
  646. line-height:1rem;
  647. font-size:0.5rem;
  648. }
  649. .validation-advice{color:#cc0000;font-size:0.5rem;}
  650. .image404{width:80%;margin:auto;}
  651. .footer-bottom img{width:100%}
  652. .footer-bottom #copy{font-size:0.45rem;text-align:center;margin-bottom:0.2rem;}
  653. .footer_bar .change-bar .c_left{float:left;width:30%;color:#888}
  654. .footer_bar .change-bar .c_right{float:left;width:68%;}
  655. .footer_bar .change-bar .c_right select{width:80%;}
  656. .footer_bar .change-bar{ background: #f3f3f3 none repeat scroll 0 0;
  657. margin: 0;
  658. padding: 0.4rem 0.4rem;}
  659. .footer_bar .change-bar select{
  660. border: 1px solid #ccc;
  661. color: #666;
  662. width: 80%;
  663. background: #f3f3f3;
  664. }
  665. .list-block .item-content.change_password_label{
  666. color: #777;
  667. font-size: 0.55rem;
  668. margin-left: 1.2rem;
  669. }
  670. .list-block .item-content.change_password_label input{
  671. position:absolute;
  672. top:0.7rem;
  673. }
  674. .list-block .item-content.change_password_label label{
  675. float:left;
  676. display:block;
  677. margin-left:0.8rem;
  678. }
  679. table {
  680. border: 0 none;
  681. border-collapse: collapse;
  682. border-spacing: 0;
  683. empty-cells: show;
  684. font: 12px Segoeui,Arial,Verdana,serif;
  685. text-align: center;
  686. width: 100%;
  687. }
  688. .addressbook thead tr {
  689. background: #f7f7f7 none repeat scroll 0 0;
  690. }
  691. caption, th, td {
  692. font-weight: normal;
  693. text-align: left;
  694. vertical-align: top;
  695. }
  696. th {
  697. border-bottom: 1px solid #4c6b99;
  698. font: 13px Bitter,Myriad Pro,Verdana,serif;
  699. height: 37px;
  700. padding: 0 10px;
  701. vertical-align: middle;
  702. }
  703. .addressbook tbody tr td {
  704. background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  705. }
  706. td {
  707. border-bottom: 1px solid #e0e0e0;
  708. border-collapse: collapse;
  709. height: 49px;
  710. padding:10px;
  711. vertical-align: middle;
  712. }
  713. .addressbook .icon{font-size:0.8rem; margin-left:0.4rem;}
  714. .add_new_address{margin:1rem 2rem;}
  715. .account_center tbody tr td{color:#777;}
  716. .account_center .order-status.pending{color:#cc0000;}
  717. .account_center .order-status.processing{color:green;}
  718. .order_list, .account-container{margin-bottom:3rem;}
  719. .account-container{padding:0 0.5rem 1rem;}
  720. .my_account_order h5{margin:0.7rem 0.4rem 0.6rem}
  721. .customer-forgot-success {
  722. padding:1rem;
  723. }
  724. .mailtous{font-size:0.6rem;padding:0.2rem 1rem 5rem 1rem;}
  725. .mobile-container{
  726. padding:0 1rem 1rem;width:100%;
  727. }
  728. .mobile-container img{width:100%;}
  729. .lazy{width:100%;}
  730. .chose_size .show_as_img a{
  731. height: 58px;
  732. width: 54px;
  733. }
  734. .product_options a.noactive {
  735. border: 1px dashed #ccc;
  736. cursor: not-allowed;
  737. }
  738. #onestepcheckout-form{padding:1rem;}
  739. .checkoutcontainer ul {padding-left:0;}
  740. .checkoutcontainer .address_list{width:100%;}
  741. ul#billing_address_list li label{ display: block;
  742. font-size: 0.55rem;
  743. margin: 0.2rem 0;}
  744. ul#billing_address_list li input , ul#billing_address_list li select{
  745. display:block;
  746. margin: 0.2rem 0;
  747. width: 100%;
  748. }
  749. .flatrate{ font-size: 0.5rem;
  750. margin: 0.3rem 0 0.1rem;}
  751. #checkout-payment-method-load , .shippingmethods{
  752. font-size: 0.5rem;
  753. margin-top: 0.3rem;
  754. }
  755. .payment-methods dl dd{margin: 0 0 0.4rem 0;}
  756. .checkoutcontainer p{margin:0.5rem 0 0;}
  757. .onestepcheckout-coupons label{
  758. display: block;
  759. font-size: 0.5rem;
  760. margin: 0.2rem 0;
  761. }
  762. #id_couponcode{width:100%;}
  763. #onestepcheckout-coupon-add{display:block;margin:0.3rem 0;}
  764. .onestepcheckout-summary .product-name a{font-size:0.45rem;font-weight:100;}
  765. .onestepcheckout-summary .product-image img {
  766. height: auto;
  767. width: auto;
  768. }
  769. .onestepcheckout-button, .onestepcheckout-button:visited {
  770. background: #222 url("images/button-background.png") repeat-x scroll 0 0;
  771. border-bottom: 1px solid rgba(0, 0, 0, 0.25);
  772. border-radius: 5px;
  773. box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
  774. color: #fff;
  775. cursor: pointer;
  776. display: inline-block;
  777. padding: 5px 10px 6px;
  778. position: relative;
  779. text-decoration: none;
  780. text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
  781. }
  782. .onestepcheckout-button, .onestepcheckout-button:visited, .medium.onestepcheckout-button, .medium.onestepcheckout-button:visited {
  783. font-size: 13px;
  784. font-weight: bold;
  785. line-height: 1;
  786. text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
  787. }
  788. .orange.onestepcheckout-button, .orange.onestepcheckout-button:visited { background-color: #ff5c00; }
  789. .orange.onestepcheckout-button:hover { background-color: #d45500; }
  790. .large.onestepcheckout-button, .large.onestepcheckout-button:visited {
  791. font-size: 16px;
  792. padding: 8px 30px 9px;
  793. }
  794. .onestepcheckout-place-order.visit .orange.onestepcheckout-button{
  795. background-color:#ccc;
  796. }
  797. .onestepcheckout-place-order{margin:0.5rem 0 4rem}
  798. .onestepcheckout-place-order-loading{margin:0.5rem 0 0;color:#aaa;display:none;}
  799. .onestepcheckout-place-order.visit .onestepcheckout-place-order-loading{display:block;}
  800. .coupon_add_log , .label_create_account{color:#cc0000;font-size:0.5rem;}
  801. .empty_cart{padding:1rem 1rem 0;}
  802. .empty_cart_img {
  803. background: transparent url(../img/cart.gif) no-repeat scroll 0 15px;
  804. font-size: 16px;
  805. height: 120px;
  806. margin: 4px auto 36px;
  807. padding: 35px 0 0 116px;
  808. width: 120px;
  809. display:block;
  810. }
  811. ul#billing_address_list li input#id_create_account{
  812. display: inline;
  813. margin: 0.2rem 0;
  814. width: auto;
  815. }
  816. .paypal_success{padding:1rem;}
  817. .paypal_success h2{
  818. font-size:0.7rem;
  819. }
  820. .paypal_success .button {
  821. padding: 0 0.5rem;
  822. }
  823. .review_description_centen .c_price .price.sp{
  824. text-decoration: line-through;
  825. }
  826. .pageToolbar {margin: 10px auto;
  827. width: 80%;}
  828. .pageToolbar label{font-size:0.6rem;float:left;}
  829. .pageToolbar .tb_rg{float:left;}
  830. .averageWarp{
  831. margin-top: 10px;
  832. }
  833. .averageWarp span, .averageWarp b{float:left;display:block;margin-right:20px;}
  834. .averageWarp a{float:left;margin-right:10px;}
  835. .lbBox {
  836. font-size: 0;
  837. *word-spacing: -1px;
  838. }
  839. .lineBlock {
  840. display: inline-block;
  841. zoom: 1;
  842. padding-left:0;
  843. *display: inline;
  844. font-size: 13px;
  845. letter-spacing: normal;
  846. word-spacing: normal;
  847. vertical-align: top;
  848. }
  849. .pro_commit .writeRiviewTitle, .writeLeft .writeRiviewTitle {
  850. margin: 15px 0;
  851. padding-bottom: 20px;
  852. border-bottom: 1px solid #e2e2e2;
  853. }
  854. .pro_commit .writeRiviewTitle .proportionStars li, .writeLeft .writeRiviewTitle .proportionStars li {
  855. margin-bottom: 10px;
  856. }
  857. .fz_blue, .link {
  858. color: #4d82b8;
  859. }
  860. .pro_commit .writeRiviewTitle .proportionStars .proportionBox, .writeLeft .writeRiviewTitle .proportionStars .proportionBox {
  861. background-color: #e6e6e6;
  862. width: 145px;
  863. height: 15px;
  864. position: relative;
  865. margin-left: 10px;
  866. margin-right: 10px;
  867. border: 1px solid #c4c4c4;
  868. }
  869. .pro_commit .writeRiviewTitle .proportionStars .proportionBox > div::before, .writeLeft .writeRiviewTitle .proportionStars .proportionBox > div::before {
  870. background-color: rgba(255,255,255,.25);
  871. content: "";
  872. display: block;
  873. font-size: 0;
  874. height: 1px;
  875. margin: 1px;
  876. }
  877. .pro_commit .writeRiviewTitle .proportionStars .proportionBox > div, .writeLeft .writeRiviewTitle .proportionStars .proportionBox > div {
  878. position: absolute;
  879. left: 0;
  880. top: 0;
  881. height: 15px;
  882. background-color: #f90;
  883. font-size: 0;
  884. box-shadow: 0 0 0 1px rgba(0,0,0,.25) inset,0 -1px 0 rgba(0,0,0,.05) inset;
  885. width: 0;
  886. transition: width .5s ease 0s;
  887. }
  888. .pro_commit .writeRiviewTitle .writeRiviewBtn, .writeLeft .writeRiviewTitle .writeRiviewBtn {
  889. width: 770px;
  890. margin-left:150px;
  891. }
  892. .buttons-row{padding:0 0.6rem;}
  893. .cart_select_div{
  894. padding:0 1rem 0.5rem 1rem;
  895. border-bottom: 1px solid #ddd;
  896. }
  897. .shopping-cart-img{border:none;margin-bottom:0}
  898. .cart_select_item{
  899. float:left;
  900. }
  901. .cart_info .product-image{
  902. margin-top:0;
  903. float:left;
  904. max-width: 85%;
  905. }
  906. .cart_select{margin-left:10px;}
  907. .email_register_resend{
  908. color:blue;
  909. cursor: pointer;
  910. }