@charset "utf-8"; /* pre_order_kv */ .pre-order-kv {position:relative; display:block; width:100%; height:399px; background:url('../common/promotions/galaxy/gears2/pre_order/bg_kv.jpg') 50% 50% no-repeat; background-size:cover} .pre-order-kv:after {display:block; clear:both; content:''} .pre-order-kv .header-kv-box {position:relative;min-width:320px; max-width:1200px; margin:0 auto;} .pre-order-kv .header-kv {padding: 100px 0 0 0;} .pre-order-kv .header-kv:after {display:block; clear:both; content:''} .pre-order-kv .header-kv .desc {color:#fff; font-size:60px; margin-bottom:1.5%; font-family:'sssB';} .pre-order-kv .header-kv .tit-img {display:block; margin-bottom:1.2%;} .pre-order-kv .header-kv .tit-img img {max-width:100%; height:auto;} .pre-order-kv .header-kv .tit-kv {color:#ccc; font-size:20px;} @media only screen and (max-width:1339px) { .pre-order-kv .header-kv {padding:10% 2%} .pre-order-kv .header-kv .desc {color:#fff;margin-bottom:0.727%} .pre-order-kv .header-kv .tit-kv {font-size:16px;} .pre-order-kv .header-kv .tit-img {margin-bottom:2.036%;} } @media only screen and (max-width:1200px) { .pre-order-kv {background-position:60% 50%;} } @media (min-width:768px) and (max-width:1024px) { .pre-order-kv {height:300px; background-position: 60% 50%;} .pre-order-kv .header-kv {padding:9% 2% 0 2%;width: 55%; text-align:left; margin:0;} .pre-order-kv .header-kv .desc {color:#fff; font-size:40px; margin-bottom:0.727%} .pre-order-kv .header-kv .tit-kv {font-size:16px;} .pre-order-kv .header-kv .tit-img {margin-bottom:2.036%;} } @media only screen and (max-width:767px) { .pre-order-kv {height:0; padding-bottom:138.8888888888889%; text-align:center; background-image:url('../common/promotions/galaxy/gears2/pre_order/bg_kv_m.jpg');} .pre-order-kv .header-kv-box { position:absolute; bottom: 14%; left:50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); width: 90%; } .pre-order-kv .header-kv-box:after {display:block; clear:both; content:''} .pre-order-kv .header-kv {padding: 0 5%;} .pre-order-kv .header-kv .desc {color:#fff; font-size: 48px; margin-bottom:4%; font-family:'sssB';} .pre-order-kv .header-kv .tit-img {width: 40%; margin:0 auto 4%;} .pre-order-kv .header-kv .tit-kv {color:#ccc; font-size:14px;} } @media only screen and (max-width:560px) { .pre-order-kv .header-kv .desc {font-size: 24px;} .pre-order-kv .header-kv-box {bottom:10%;} } /* buy_now */ .buy-now-panel {position:relative; display:block; width:100%; height:auto; padding: 6% 0 0;overflow:hidden;} .buy-now-panel h2 {position:absolute;top:-99999px;left:-9999px;width:0;height:0;color:transparent;text-indent:-99999px;} .buy-now-panel.line {border-bottom:1px solid #e3e3e3;} .buy-now-panel:after {display:block; clear:both; content:''} .buy-now-panel .buy-now-box {position:relative;min-width: 320px; max-width: 1300px; margin:0 auto;padding: 0 50px;} .buy-now-panel .buy-now-box:after {display:block; clear:both; content:''} .buy-now-panel .thumb-buy-area {margin-bottom:3.5%;} .buy-now-panel .thumb-buy-area:after {display:block; clear:both; content:''} .buy-now-panel .buy-now-box .tit-area {color:#292929;width: 100%;margin-bottom:11%;text-align: left;z-index: 10} .buy-now-panel .buy-now-box .tit-area .tit {width:37%;margin-bottom: 2.4%;text-align: left;} .buy-now-panel .buy-now-box .tit-area .tit img {max-width:100%; height:auto;} .buy-now-panel .buy-now-box .tit-area .txt {font-size:16px; font-weight:800;color:#292929} .buy-now-panel .buy-now-box .thumb {position:relative;float:left; width:640px;margin: 0 8% 0 0;text-align:center} .buy-now-panel .buy-now-box .thumb .img {z-index:5;width:100%;} .buy-now-panel .buy-now-box .thumb.fixed { position:fixed;top:59px;float:none;margin:0; } .buy-now-panel .buy-now-box .thumb.thumb-bottom { position:absolute;bottom:175px; } .buy-now-panel .buy-now-box.use-where-to-buy .thumb.thumb-bottom { bottom:233px; } .buy-now-panel .buy-now-box .thumb img {max-width:100%; height:auto;} .buy-now-panel .buy-now-box .thumb .thumb-img-wrap { position:relative; } .buy-now-panel .buy-now-box .thumb .thumb-img-wrap span.img { display:none;position:absolute;top:0;left:0;width:100%;height:100%; } .buy-now-panel .buy-now-box .thumb .thumb-img-wrap span.img.selected {display:block;} .buy-now-panel .buy-now-box .compatible{padding:0 0 0 26%; text-align:left} .buy-now-panel .buy-now-box .compatible a{color:#333; font-size:16px; padding-right:27px; background:url('../common/promotions/galaxy/gears2/pre_order/btn_go.png') right 0 no-repeat} .buy-now-panel .buy-now-box .compatible small{display:block; margin-top:3px;font-size:12px; color:#555;} .buy-now-panel .buy-now-box .buy-area {float:right; width:38.4%;} .use-where-to-buy .step-area-box { padding-bottom:195px; } .order_type_c .step-area-box { padding-bottom:30px; } .step-area-box {position:relative; margin-bottom:7%;padding-bottom:136px;} .step-area-box:after {display:block; clear:both; content:''} .step-area-box .step-area {color:#1a1a1a; margin-bottom:8.7%; font-size: 20px; font-family:'sssR'} .step-area-box .step-area .tit-step {margin-bottom:3.5%;} .step-area-box .step-area .tit-step strong {font-family:'sssB';} .step-area-box .btn-list {position:relative;width: 100%;} .step-area-box .btn-list:after {display:block; clear:both; content:''} .step-area-box .btn-list li { border:1px solid #dfdfdf; border-radius:3px; } .step-area-box .btn-list li:first-child {margin-left:0;} .step-area-box .step-area {position:relative;width: 100%;} .step-area-box .btn {position:relative; float:left; margin-left: 1.3%; margin-bottom: 10px;} .step-area-box .btn.t_c {text-align:center;} .step-area-box .btn.t_l {text-align:left;} .step-area-box .cell-3 .btn.btn-gears2 {width: 37.4%;} .step-area-box .cell-3 .btn.btn-gears2-3g {width: 27.4%;} .step-area-box .cell-3 .btn.btn-gears2-classic {width: 32.4%;} .step-area-box .cell-2 .btn.btn-gears2 , .step-area-box .cell-2 .btn.btn-gears2-3g {width: 49.35%;} .step-area-box .cell-2 .btn.btn-gears2-classic {width: 49.35%;} /*.step-area-box .btn em {display:block;font-size:14px;}*/ .step-area-box .btn em{display:inline-block; margin-left:4px} .step-area-box .btn a {display:block; width:100%;font-size:16px;color:#666;border:2px solid transparent;border-radius:3px; background:#fff; text-align:center;padding: 1.2em 0 1.1em;letter-spacing: -0.05em} .step-area-box .btn a:hover , .step-area-box .btn.selected a { border:2px solid #3c3c9d; color:#000; -webkit-box-shadow: 6px 10px 10px rgba(205,205,205,0.8); -moz-box-shadow: 6px 10px 10px rgba(205,205,205,0.8); -o-box-shadow: 6px 10px 10px rgba(205,205,205,0.8); box-shadow: 2px 5px 10px rgba(205,205,205,0.8); } .step-area-box .btn .btn-color {display:inline-block; width:24px; height:24px; border-radius:50%; vertical-align: middle;} .step-area-box .btn .txt {display:inline-block;} .step-area-box .btn .btn-color.c-dark-gray {background:#292929;} .step-area-box .btn .btn-color.c-silver {background:#dbdbdb;} .step-area-box .mod-chipPager:after{content:'';display:block;clear:both} .step-area-box .mod-chipPager-dot{display:block; float:left;position:relative; width:49.35%;font-size:16px;color:#666;border:2px solid transparent;border-radius:3px; background-color:#fff; background-position:10% center; background-repeat:no-repeat; background-size:30px;margin:0 0 0 1.3%;padding: 1.2em 0 2.35em;letter-spacing: -0.05em} .step-area-box .mod-chipPager-dot span { display:block;position:absolute;top:0;left:0;width:100%;height:100%;border:1px solid #dfdfdf; border-radius:3px;text-align:center;line-height:58px; } .step-area-box .mod-chipPager-dot.silver{padding-left:20%;background-image:url('../common/promotions/galaxy/gears2/pre_order/bg_dot_silver.png');} .step-area-box .mod-chipPager-dot.gray{padding-left:18%;background-image:url('../common/promotions/galaxy/gears2/pre_order/bg_dot_gray.png');} .step-area-box .mod-chipPager-dot.black{padding-left:18%;text-align:center;background-image:url('../common/promotions/galaxy/gears2/pre_order/bg_dot_black.png');} .step-area-box .mod-chipPager-dot.rosegold{padding-left:18%;text-align:center;background-image:url('../common/promotions/galaxy/gears2/pre_order/bg_dot_rosegold.png');} .step-area-box .mod-chipPager-dot.platinum{padding-left:20%;text-align:center;background-image:url('../common/promotions/galaxy/gears2/pre_order/bg_dot_platinum.png');} .step-area-box .mod-chipPager-dot.single{width:99.9%;clear:left;float:none;margin-left:0} .step-area-box .mod-chipPager-dot.triple {width: 32.4%;text-indent: 20px;background-position: 5% center;} .step-area-box .mod-chipPager-dot:before{display:none} .step-area-box .mod-chipPager-dot:first-child{margin-left:0} .step-area-box .mod-chipPager-dot:hover, .step-area-box .mod-chipPager-dot.active{ border:2px solid #3c3c9d; color:#000; -webkit-box-shadow: 6px 10px 10px rgba(205,205,205,0.8); -moz-box-shadow: 6px 10px 10px rgba(205,205,205,0.8); -o-box-shadow: 6px 10px 10px rgba(205,205,205,0.8); box-shadow: 2px 5px 10px rgba(205,205,205,0.8); } .step-area-box .mod-chipPager-dot.silver:hover, .step-area-box .mod-chipPager-dot.silver.active{padding-left:19.8%;} .step-area-box .mod-chipPager-dot.gray:hover, .step-area-box .mod-chipPager-dot.gray.active{padding-left:17.8%;} /*buy accessory*/ .choose-acc-group {position:relative; display:block; width: 100%; margin:0; background:#fff;z-index: 100;} .choose-acc-group:after {display:block; clear:both; content:''} .choose-acc-group li { float:left;width:49.35%;border:1px solid #dfdfdf; border-radius:3px; background-color:#fff;margin:0 1.3% 6px 0; } .choose-acc-group li:nth-child(2n) { margin-right:0; } .step-area-box [class^="mod-acc"] {display:block;padding:16px 0 9px 43%;border:2px solid transparent;font-size:16px;color:#666; background-repeat:no-repeat;letter-spacing: -0.05em;} .step-area-box [class^="mod-acc"]:hover,.step-area-box [class^="mod-acc"].active { border:2px solid #3c3c9d; color:#000; -webkit-box-shadow: 6px 10px 10px rgba(205,205,205,0.8); -moz-box-shadow: 6px 10px 10px rgba(205,205,205,0.8); -o-box-shadow: 6px 10px 10px rgba(205,205,205,0.8); box-shadow: 2px 5px 10px rgba(205,205,205,0.8); } .step-area-box .mod-acc-band {background-size:28%;background-position:10% -2px;} .step-area-box .mod-acc-level {background-size:27%;background-position:10% 17px;} .step-area-box .mod-acc-charger {background-size:28%;background-position:10% 6px;} .step-area-box [class^="mod-acc"] span { font-size:1em; } .step-area-box [class^="mod-acc"] span em { display:block;margin:3px 0 12px; } .step-area-box [class^="mod-acc"] .price { display:block;padding:4px 0 0 31px;background-position:0 center; background-repeat:no-repeat; background-size:20px;font-size:13px; } .step-area-box [class^="mod-acc"].red .price {background-image:url('../common/promotions/galaxy/gears2/pre_order/bg_dot_red.png');} .step-area-box [class^="mod-acc"].warmgray .price {background-image:url('../common/promotions/galaxy/gears2/pre_order/bg_dot_warmgray.png');} .step-area-box [class^="mod-acc"].black .price {background-image:url('../common/promotions/galaxy/gears2/pre_order/bg_dot_black.png');} .step-area-box [class^="mod-acc"].darkbrown .price {background-image:url('../common/promotions/galaxy/gears2/pre_order/bg_dot_darkbrown.png');} .step-area-box [class^="mod-acc"].blueandblack .price {background-image:url('../common/promotions/galaxy/gears2/pre_order/bg_dot_blueandblack.png');} .step-area-box [class^="mod-acc"].navy .price {background-image:url('../common/promotions/galaxy/gears2/pre_order/bg_dot_navy.png');} .step-area-box [class^="mod-acc"].brown .price {background-image:url('../common/promotions/galaxy/gears2/pre_order/bg_dot_brown.png');} .step-area-box [class^="mod-acc"].gray .price {background-image:url('../common/promotions/galaxy/gears2/pre_order/bg_dot_gray2.png');} .step-area-box [class^="mod-acc"].blue .price {background-image:url('../common/promotions/galaxy/gears2/pre_order/bg_dot_blue.png');} .step-area-box [class^="mod-acc"].white .price {background-image:url('../common/promotions/galaxy/gears2/pre_order/bg_dot_white.png');} .step-area-box [class^="mod-acc"].gold .price {background-image:url('../common/promotions/galaxy/gears2/pre_order/bg_dot_gold.png');} .step-area-box [class^="mod-acc"].ceramic .price {background-image:url('../common/promotions/galaxy/gears2/pre_order/bg_dot_ceramic.png');} .step-area-box .mod-acc-band.red { background-image:url('../common/promotions/galaxy/gears2/pre_order/bg_band_red.png'); } .step-area-box .mod-acc-band.warmgray { background-image:url('../common/promotions/galaxy/gears2/pre_order/bg_band_warmgray.png'); } .step-area-box .mod-acc-band.black { background-image:url('../common/promotions/galaxy/gears2/pre_order/bg_band_black.png'); } .step-area-box .mod-acc-band.darkbrown { background-image:url('../common/promotions/galaxy/gears2/pre_order/bg_band_darkbrown.png'); } .step-area-box .mod-acc-band.blueandblack { background-image:url('../common/promotions/galaxy/gears2/pre_order/bg_band_blueandblack.png'); } .step-area-box .mod-acc-band.navy { background-image:url('../common/promotions/galaxy/gears2/pre_order/bg_band_navy.png'); } .step-area-box .mod-acc-band.brown { background-image:url('../common/promotions/galaxy/gears2/pre_order/bg_band_brown.png'); } .step-area-box .mod-acc-band.gray { background-image:url('../common/promotions/galaxy/gears2/pre_order/bg_band_gray.png'); } .step-area-box .mod-acc-band.ceramic { background-image:url('../common/promotions/galaxy/gears2/pre_order/bg_band_ceramic.png'); } .step-area-box .mod-acc-level.blue { background-image:url('../common/promotions/galaxy/gears2/pre_order/bg_level_blue.png'); } .step-area-box .mod-acc-level.white { background-image:url('../common/promotions/galaxy/gears2/pre_order/bg_level_white.png'); } .step-area-box .mod-acc-level.gold { background-image:url('../common/promotions/galaxy/gears2/pre_order/bg_level_gold.png'); } .step-area-box .mod-acc-charger.white { background-image: url("../common/promotions/galaxy/gears2/pre_order/bg_charger_white.png");} .step-area-box .mod-acc-charger.black { background-image: url("../common/promotions/galaxy/gears2/pre_order/bg_charger_black.png");} .step-area-box .step4 .acc-more-btn { display:block;margin-top:13px; } .step-area-box .step4 .acc-more-btn button { display:block;margin:0 auto;width:100%;font-size:13px;color:#10309d;font-family:'sssR'; } .step-area-box .step4 .acc-more-btn button:after { display:inline-block;margin-left:4px;width:15px;height:15px;content:'';background:url('../common/promotions/galaxy/gears2/pre_order/btn_more.png') no-repeat;background-size:15px;vertical-align:-3px; } .step-area-box .step4 .choose-acc-group li {display:none;} .step-area-box .step4 .choose-acc-group li.first {display:block;} .step-area-box .step4.full-open .acc-more-btn button:after { background-position:0 -18px; } .step-area-box .step4.full-open .choose-acc-group li {display:block;} .step-area-box .price{clear:both;} .step-area-box .price p{margin-bottom:20px; padding:15px 20px 30px 20px; border-radius:8px; background-color:#fafafa; color:#333; font-size:14px; font-weight:lighter; line-height:2.2} .step-area-box .price p b{display:block; margin-bottom:17px; font-size:20px; font-family:'sssB'} .step-area-box .price p em{display:block; float:left; width:14%; margin-top:1px} .step-area-box .price p span{display:block; float:left; width:78%; margin-top:-7px;} .step-area-box .price p span.model-color { float:none;margin:0 0 -7px; } .step-area-box .price p del{} .step-area-box .price p strong{display:inline-block; vertical-align:-2px; color:#10309d; font-size:20px; font-family:'sssB'} .step-area-box .price p:after{content:'';display:block; clear:both} .step-area-box .price a{padding-right:27px; background:url('../common/promotions/galaxy/gears2/pre_order/btn_go.png') right 0 no-repeat; color:#333; font-size:14px; font-family:'sssB'} .step-area-box .price .txt-btn2{display:none} .where-to-buy{margin-top:12.4%;padding-top:8.7%;border-top:1px solid #dfdfdf} .where-to-buy a{width:100%; height:48px; line-height:48px; text-align:center; color:#fff; background-color:#10309d; font-size:17px; text-align:center} /*3g model*/ .carrier-list {position:relative;width:100%;margin-left:-1%} .carrier-box {display:none;} .carrier-box:after {display:block;clear:both;content:''} .carrier-box li a {float:left;width:49%;margin-left:1%;margin-bottom:1em;} .carrier-box li a img {border:1px solid #dfdfdf;padding: 1px;border-radius:2px;max-width: 100%;height: auto;vertical-align:top;box-sizing:border-box; opacity:.5} .carrier-box li a:hover img , .carrier-box li.selected a img {margin:0 0 0 0; padding:0; border:2px solid #3c3c9d; opacity:1; -webkit-box-shadow: 6px 10px 10px rgba(205,205,205,0.8); -moz-box-shadow: 6px 10px 10px rgba(205,205,205,0.8); -o-box-shadow: 6px 10px 10px rgba(205,205,205,0.8); box-shadow: 2px 5px 10px rgba(205,205,205,0.8); } .select-option {margin-top:10%;} .select-option .mod-chipPager {margin-bottom:25px;} .select-option .mod-chipPager .mod-chipPager-dot {width:1em;height:1em;font-size:20px;} .select-option .mod-chipPager-dot:before {width:1.5em;height:1.5em;} /* nav button*/ .choose-acc-box .btn-type1-prev, .choose-acc-box .btn-type1-next {position:relative;display:inline-block;font-size:0;line-height:0;width:44px;height:120px;vertical-align:middle;border-radius:2px;background:url('../common/promotions/galaxy/gears2/pre_order/btn_t1_prevnext.png');background:rgba(255,255,255,0.1);box-sizing:border-box;cursor:pointer;} .choose-acc-box .btn-type1-prev span {position:absolute;left:0;top:0;width:100%;height:100%;background:url('../common/promotions/galaxy/gears2/pre_order/btn_t1_prevnext.png') no-repeat;background-size:200% 100%;box-sizing:border-box;cursor:pointer;opacity:0.6;} .choose-acc-box .btn-type1-next span {position:absolute;left:0;top:0;width:100%;height:100%;background:url('../common/promotions/galaxy/gears2/pre_order/btn_t1_prevnext.png') no-repeat;background-size:200% 100%;box-sizing:border-box;cursor:pointer;opacity:0.6;background-position:-44px 0;} .choose-acc-box .btn-type1-prev{left: -50px;} .choose-acc-box .btn-type1-next{right: -50px;} .choose-acc-box .btn-type1-prev , .choose-acc-box .btn-type1-next {position:absolute;top:50%;margin-top: -120px;z-index: 10;} @media only screen and (max-width:1339px) { .step-area-box [class^="mod-acc"] {padding:9px 0 9px 38%;} .step-area-box [class^="mod-acc"] span { font-size:12px;letter-spacing:-0.05em; } .step-area-box [class^="mod-acc"] .price { padding:4px 0 0 25px; } .buy-now-panel .buy-now-box .thumb { width:580px; } .buy-now-box {padding:0 2%} .buy-now-box .thumb {float:left; width:40%; margin-right:10%;} .buy-now-panel .buy-now-box .compatible{padding:0 0 0 23%;} } @media (min-width:841px) and (max-width:1200px) { .buy-now-panel .buy-now-box .thumb { width:480px; } .step-area-box .btn a {padding: 1.2em 1em 0.95em;font-size: 15px;} .step-area-box .btn .btn-color {width:24px; height:24px;} .buy-now-panel .buy-now-box .compatible { padding:0 0 0 17%; } .step-area-box .price p em { width:22%; } .step-area-box .mod-chipPager-dot { font-size:12px; } .step-area-box .mod-chipPager-dot span { line-height:41px; } } @media (min-width:841px) and (max-width:1023px) { .buy-now-panel .buy-now-box .thumb { width:380px; } .buy-now-panel .buy-now-box .thumb.fixed { top:135px; } .buy-now-panel{padding-top:11%} .buy-now-panel .buy-now-box .compatible{padding:0 0 0 10%} .step-area-box .price p em { width:22%; } .step-area-box .mod-chipPager-dot { font-size:12px;background-size:20px; } .step-area-box .mod-chipPager-dot span { line-height:41px; } } @media (min-width:768px) and (max-width:840px) { .buy-now-panel .buy-now-box .thumb { width:350px; } .buy-now-panel .buy-now-box .thumb.fixed { top:135px; } .step-area-box .step-area .tit-step {font-size:20px} .step-area-box .btn a {font-size: 12px;letter-spacing:-0.1em;} .step-area-box .btn em {font-size:12px} .step-area-box .btn .btn-color {width:24px; height:24px;} .buy-now-panel{padding-top:13%} .buy-now-panel .buy-now-box .compatible{padding:0 0 0 6%} .carrier-box li {margin-bottom:0.5em} .step-area-box .price p em { width:22%; } .step-area-box .mod-chipPager-dot { font-size:12px;background-size:20px; } .step-area-box .mod-chipPager-dot span { line-height:42px; } } @media only screen and (max-width:767px) { .where-to-buy { margin-top:0;padding-top:0;border-top:0; } .step-area-box .step4 { margin-bottom:0; } .step-area-box .step4 .acc-more-btn { width:100%;margin-top:20px;border-top:1px solid #dfdfdf;border-bottom:1px solid #dfdfdf; } .step-area-box .step4 .acc-more-btn button { padding:13px 0 10px; } .buy-now-panel .buy-now-box {padding: 0 2% 0 2%;} .buy-now-panel .buy-now-box .thumb {position:relative;width:100%;text-align: center;height:0;padding-bottom:60%;clear: both;float: none;margin:20px auto;} .buy-now-panel .buy-now-box .thumb.fixed, .buy-now-panel .buy-now-box .thumb.thumb-bottom { position:static !important;margin:20px auto; } .buy-now-panel .buy-now-box .buy-area {float:none; width: 96%; margin:25% auto 0;} .buy-now-panel .buy-now-box .tit-area {width: 100%;margin-left: 0;padding-top:50px;} .buy-now-panel .buy-now-box .tit-area .tit {width:66%} .buy-now-panel .buy-now-box .buy-area .tit-area .txt {font-size:14px; width:250px} .buy-now-panel .buy-now-box .compatible{/*padding:0 0 0 13%;*/display:none;} .step-area-box, .use-where-to-buy .step-area-box, .order_type_c .step-area-box { padding-bottom:0; } .order_type_c.on .step-area-box { padding-bottom:118px; } .step-area-box .step-area {font-size:15px;} .choose-acc-group { display:none; } .step-area-box .btn-center {margin:0 auto;} .step-area-box .btn.btn-ico {width:40%;} .step-btm-box {padding:0 3%;} .step-btm-box-tit {margin-bottom:3%;padding-bottom: 1%; border-bottom:1px solid #dedede;font-size: 16px;font-family: 'sssB' ,sans-serif;} .step-area-box .cell-3 .btn.btn-gears2 , .step-area-box .cell-3 .btn.btn-gears2-3g {width:100%;} .step-area-box .cell-3 .btn.btn-gears2-classic {width:100%;} .step-area-box .cell-2 .btn.btn-gears2 , .step-area-box .cell-2 .btn.btn-gears2-3g {width:100%;} .step-area-box .cell-2 .btn.btn-gears2-classic {width:100%;} .step-area-box .btn { float:none;margin:0 0 10px;box-sizing:border-box; } .step-area-box .btn a {font-size:14px;padding:19px 29px 18px;text-align:left;} .step-area-box .btn .btn-color {width:16px; height:16px;} .step-area-box .price .txt-btn2 {display:block; margin-top:18px; padding-top:9px; border-top:1px solid #dfdfdf} .step-area-box .price .txt-btn a, .step-area-box .price .txt-btn2 a{font-family:'sssM'} .step-area-box .price .txt-btn2 small{display:block; margin-top:6px; font-size:10px; color:rgba(51,51,51,.5)} .step-btm-tit .modal-name {font-size:15px;vertical-align:bottom;} .step-area-box .price {display:block;margin-top:0;font-size:20px;width: 100%;} .order_type_c .step-area-box .price { position:absolute;bottom:0;width:100%; } .step-area-box .price p{padding:15px 0 0;font-size:10px;background-color:#fff;border-bottom-width:0} .step-area-box .price p strong, .step-area-box .price p b{margin-bottom:0;font-size:19px} .step-area-box .price p span{margin-top:-20px} .step-area-box .price p span.model-color { margin:0; } /*.step-area-box .price p span del { display:none; }*/ .step-area-box .price p span .price-field {display:none; position:absolute;bottom:0;right:0;font-size:30px; } .step-area-box .price p strong{margin-bottom:-4px; font-family:'sssR'} .carrier-box li a { float:none;width:100%;height:55px;margin:0 0 10px;box-sizing:border-box;border-radius:2px;border:1px solid #dfdfdf;text-align:center; } .carrier-box li a:hover, .carrier-box li a:active, .carrier-box li.selected a { opacity:1; border:1px solid #3c3c9d; -webkit-box-shadow: 6px 10px 10px rgba(205,205,205,0.8); -moz-box-shadow: 6px 10px 10px rgba(205,205,205,0.8); -o-box-shadow: 6px 10px 10px rgba(205,205,205,0.8); box-shadow: 2px 5px 10px rgba(205,205,205,0.8); } .carrier-box li a img { border:0;height:100%; } .carrier-box li a:hover img, .carrier-box li.selected a img { border:0;box-shadow:none; } /*buy accessory*/ .step-area-box .choose-acc-group li { float:none;width:100%;margin:0 0 7px; } .step-area-box [class^="mod-acc"] {display:block;padding:11px 0 10px 50%;} .step-area-box .mod-acc-band {background-size:67px;background-position:22px -2px;} .step-area-box .mod-acc-level {background-size:78px;background-position:22px 17px;} .step-area-box .mod-acc-charger {background-size:67px;background-position:22px -2px;} .step-area-box [class^="mod-acc"] span { font-size:17px; } .step-area-box [class^="mod-acc"] span em { margin:2px 0 13px;font-size:14px; } .step-area-box [class^="mod-acc"] .price { padding:4px 0 0 30px;background-size:20px;font-size:14px; } .step-area-box .price p em { width:15%; } .step-area-box .mod-chipPager-dot { font-size:12px; } .step-area-box .mod-chipPager-dot span { line-height:43px; } } @media only screen and (max-width:751px) { .buy-now-panel .buy-now-box .thumb{margin-bottom:0;} .buy-now-panel .buy-now-box .compatible{padding:0} } @media (min-width:640px) and (max-width:766px) { .step-area-box .btn .btn-color {width:20px; height:20px;} .step-area-box .btn a {font-size:16px} } @media (min-width:480px) and (max-width:640px) { .step-area-box .btn a {font-size: 12px;} .step-area-box .btn .btn-color {width:18px; height:18px;} .buy-now-panel .buy-now-box .compatible{padding:0} } @media (min-width:320px) and (max-width:400px) { .buy-now-panel {padding: 6% 2% 6.4% 0;} .buy-now-panel .buy-now-box .thumb{width:92.8%} .buy-now-panel .buy-now-box .compatible{padding:0} .buy-now-panel .buy-now-box .compatible a{font-size:14px} .buy-now-panel .buy-now-box .compatible small{font-size:10px} .buy-now-box .buy-area .tit-area .tit {width:126px} .buy-now-panel .buy-now-box .buy-area .tit-area .txt {font-size:12px} } @media (min-width:321px) and (max-width:450px) { .buy-now-panel .buy-now-box .compatible{padding:0} } @media only screen and (max-width:767px) { .choose-acc-group .step-area-box .step-area {margin-left:0;} .choose-acc-group .accessory-box {margin:0;} .choose-acc-group .accessory_list > li {margin-left: 3.85%;} .choose-acc .btn-type1-prev , .choose-acc .btn-type1-next {position:absolute;top:50%;margin-top:-125px;z-index:2;} .choose-acc-box .btn-type1-prev{left: -20px;} .choose-acc-box .btn-type1-next{right: -18px;} .choose-acc .accessory_list li {width:50%;padding:0} .choose-acc .accessory_list li .thumb:first-child{width:100%;} } @media only screen and (max-width:638px) { /*.step-area-box .mod-chipPager-dot{width:100%;margin:0 0 10px;text-align:left; font-size:14px;padding:28px 29px 27px;background-position:30px center; background-size:20px} .step-area-box .mod-chipPager-dot span { display:block;margin:-10px 0 0 40px; } .step-area-box .mod-chipPager-dot:hover, .step-area-box .mod-chipPager-dot.active{padding:27px 28px 26px; background-position:29px center}*/ } /* floating-bar-panel */ #floating-bar {display: none;} .floating-bar-wrap {position:absolute;margin-top:62px;right:-360px; width:1920px;} .floating-bar-panel {position:absolute;right:0;overflow:hidden; display:block; width:100%; color:#000; border-top:1px solid #dfdfdf; background:#f1f1f1; z-index:100} #floating-bar.fixed .floating-bar-panel {position:fixed; bottom:0; left:0;right:auto;margin-top:0;width:100% !important; } .floating-bar-panel:after {display:block; clear:both; content:''} .floating-bar-panel .floating-bar-box {max-width:1200px;margin:0 auto; } #floating-bar.fixed .floating-bar-panel .floating-bar-box { max-width:1280px;margin:0 auto; position: relative;} .floating-bar-panel .floating-bar-box:after{content:''; display:block; clear:both} .floating-bar-panel .floating-bar-list {float:left; width: 60%;} .floating-bar-panel .floating-bar-list.type-list4 { height:97px; } .floating-bar-panel .floating-bar-list.type-list3 > li {position:relative; float:left; width:33.3%;} .floating-bar-panel .floating-bar-list.type-list4 > li {float:left; width: 25%;} .floating-bar-panel .floating-bar-list.type-list4 > li.etc {width: 31%;} .floating-bar-panel .floating-bar-list.type-list3 > li span.num {width:19%} .floating-bar-panel .floating-bar-list > li span.num{display:inline-block; float:left; width: 18.75%;color:#d5d5d5; font-size:52px; font-family:'sssR'} .floating-bar-panel .floating-bar-list > li:first-child span.num{width: 12.5%} .floating-bar-panel .floating-bar-list > li em.num-plus {display:inline-block; padding:3px 4px 0 4px; color:#fff; font-size:18px; background:#0a85ff; border-radius:2px;} .floating-bar-panel .floating-bar-list > li .arrow {display:inline-block;border-color: transparent #0a85ff transparent transparent; border-style:solid; border-width:3px; width:0; height:0; font-family:'sssB';} .floating-bar-panel .floating-bar-list > li .txt-box {padding-top:7%;font-size: 14px;} .floating-bar-panel .floating-bar-list.type-list4 > li .txt-box {padding-left:26px;font-size: 12px;} .floating-bar-panel .floating-bar-list > li .txt-box .tit {display:block; margin:-2px 0 1%;} .floating-bar-panel .floating-bar-list > li .txt-box .txt {font-size:18px; white-space: nowrap;overflow: hidden; text-overflow: ellipsis; display:block;font-family:'sssR'} .floating-bar-panel .floating-bar-list > li .txt-box .txt a {color:#c4c7cc;} .floating-bar-panel .floating-bar-list > li.selected .txt-box .txt a {color:#000} .floating-bar-panel .floating-bar-list > li.selected span.num {color:#fff} .floating-bar-panel .floating-bar-list > li.selected .txt-box .tit {color:#000; font-size:14px; font-family:'sssB',sans-serif;} .floating-bar-panel .floating-bar-list.type-list4 > li.selected .txt-box .tit {font-size:12px;} .floating-bar-panel .floating-bar-list > li.selected .txt-box .txt {color:#000; font-size:18px} .floating-bar-panel .btn-area {float: right;width: 38.4%; text-align:right;padding:3% 0 0;margin:0;font-size:36px;color:#000; font-family:'sssR'; position: relative;} .floating-bar-panel .btn-area .price{display:inline-block; margin-right:29px; vertical-align:-6px; position: absolute; top: 7.3%; left: 0;} .floating-bar-panel .btn-area .price small{display:inline-block; vertical-align:5px;font-size:18px; font-family:'sssB'} .floating-bar-panel .btn-area .btn {display:inline-block; width:175px; padding:14px 0 12px; text-align:center; color:#fff; font-size:17px; background: #3c3c9d; font-weight:600; font-family:'sssB',sans-serif;} .floating-bar-panel .other-retailers{clear:both;width:100%; padding:10px 4%;border-top:1px solid #dfdfdf;} .floating-bar-panel .other-retailers-txt{max-width:1200px; margin:0 auto;} .floating-bar-panel .other-retailers-txt:after{content:'';display:block;clear:both} .floating-bar-panel .other-retailers-txt dl{float:left; width: 61.6%; margin-top:16px;} .floating-bar-panel .other-retailers-txt dt{float:left; margin:-4px 40px 0 0; font-size:18px; font-family:'sssB',sans-serif; text-transform:uppercase; letter-spacing:.5px} .floating-bar-panel .other-retailers-txt dd{float:left; font-size:14px} .floating-bar-panel .other-retailers-btn{float: left;width: 38.4%; text-align:right} .floating-bar-panel .other-retailers-btn .btn2{display:inline-block; width:175px; padding:11px 0 9px; background:none; text-align:center; color:#10309d; font-size:13px; border:1px solid #10309d; font-weight:600; font-family:'sssB',sans-serif; text-transform:uppercase} .floating-bar-panel .btn-area .btn:hover {background:#28287c;color:#fff} .floating-bar-panel .floating-bar-list > li.etc .txt-box {padding-top:7%;} /*.floating-bar-panel .floating-bar-list > li.etc {border-right:2px solid #e8e8e8;}*/ .floating-bar-panel .floating-bar-list li.layer {width: 33%;} .floating-bar-panel .floating-bar-list li.layer .layer-box {position:absolute;left:0;top:0; bottom:0; right:0;width:100%; height:100%; font-family:'sssB'; font-size:18px; background:#f1f1f1; text-align:left;} .floating-bar-panel .floating-bar-list li.layer .layer-box .layer-list { position:absolute; left: 15%; top:50%; background:#f1f1f1; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); padding-right: 5%; } .floating-bar .floating-bar-list li.layer .layer-box .btn-close {position:absolute; left:0; top:50%; width:26px; height:26px;background:url('../common/promotions/galaxy/gears2/pre_order/btn_close.gif') no-repeat 0 0;z-index:100; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .floating-bar-panel .floating-bar-list .list-box {padding:7.3% 0 9.3%;} @media only screen and (max-width:1339px) { .choose-acc .choose-acc-box {padding:0 2%;} #floating-bar .floating-bar-panel .floating-bar-box, #floating-bar.fixed .floating-bar-panel .floating-bar-box { width:100%;max-width:100%;margin:0;padding:0 4%; } .floating-bar-panel .btn-area .price small{display:none} .choose-acc .accessory_list {width:100%;} .floating-bar-panel .btn-area .btn {font-size:14px} .floating-bar-panel .floating-bar-list > li .txt-box {padding-top:7%;font-size: 15px;} } @media (min-width:768px) and (max-width:1200px) { #floating-bar .floating-bar-panel .floating-bar-box, #floating-bar.fixed .floating-bar-panel .floating-bar-box {max-width:100%;margin:0;padding:0 4.5%; } .floating-bar-panel .other-retailers { padding:10px 4.5%; } .floating-bar-panel .floating-bar-list li.layer .layer-box {font-size:14px; height:100%;} .floating-bar-panel .floating-bar-list li.layer .layer-box .layer-list {font-size:12px} .floating-bar-panel .floating-bar-list li.layer .layer-box .btn-close {} } @media (min-width:768px) and (max-width:1024px) { #floating-bar .floating-bar-panel .floating-bar-box, #floating-bar.fixed .floating-bar-panel .floating-bar-box {padding:0 50px; } .floating-bar-panel .other-retailers { padding:10px 50px; } } @media only screen and (max-width:767px) { .floating-bar-panel .other-retailers { padding:10px 0; } .floating-bar-wrap, #floating-bar.fixed .floating-bar-wrap {position:static;width:auto !important;} .floating-bar-panel, #floating-bar.fixed .floating-bar-panel {position:static;padding-bottom:5%; width:auto !important; margin:0; background-color:#fff} #floating-bar .floating-bar-panel .floating-bar-box, #floating-bar.fixed .floating-bar-panel .floating-bar-box { max-width:100%;padding:0; } .floating-bar-panel .floating-bar-list {width:100%; display:none !important} .floating-bar-panel .floating-bar-list.type-list3 > li , .floating-bar-panel .floating-bar-list.type-list4 > li {width:50%} .floating-bar-panel .floating-bar-list.type-list4 > li.etc {width:50%;} .floating-bar-panel .floating-bar-list > li span.num {width:24.4%; font-size:48px;} .floating-bar-panel .floating-bar-list > li em.num-plus {font-size:12px;} .floating-bar-panel .btn-area {width:100%; text-align:left; border-left:0;margin-right: 0;padding: 0;} .floating-bar-panel .btn-area .price {float:none; border-bottom:1px solid #dfdfdf; margin:0 0 28px; width:100%;padding-left:0; font-size:30px; font-family:'sssR'; height:55px; line-height:55px;color: #10309d; text-align:right; position: relative;} .floating-bar-panel .btn-area .price small{display:none} .floating-bar-panel .btn-area .btn {float:none; width:100%; text-align:center; padding: 1.5em 0 1.5em; font-size:16px; font-family:'sssM'} .floating-bar-panel .other-retailers-btn{margin-top:16px} .floating-bar-panel .floating-bar-list > li .txt-box {padding-top: 3%; font-size:12px;} .floating-bar-panel .floating-bar-list > li .txt-box .tit {margin-bottom:1%;} .floating-bar-panel .floating-bar-list > li.etc .txt-box {padding-top:2%;} .floating-bar-panel .floating-bar-list > li.etc {width:50%; border:none;} .floating-bar-panel .floating-bar-list li.layer {padding:0;} .floating-bar-panel .floating-bar-list li.layer .layer-box {left:0; top: -100px; width: 200%; height:200%;} .floating-bar-panel .floating-bar-list li.layer .layer-box .layer-list {margin:0;left: 6%;} .floating-bar-panel .floating-bar-list li.layer .layer-box .btn-close {top: 35px;right: 10px;left: initial;} .floating-bar-panel{margin:0; border-top-width:0} } @media only screen and (max-width:420px) { .floating-bar-panel .btn-area .btn {padding:1.2em 0 1.0em} .floating-bar-panel .other-retailers-txt dl{float:none; width:100%} .floating-bar-panel .other-retailers-txt dt{position:absolute;top:-9999px;left:-9999px;font-size:0;} .floating-bar-panel .other-retailers-btn{float:none; width:100%; margin-top:0} } /* store */ .store-group {position:relative; display:block; width: 100%; padding:7% 4.16%; color:#1a1a1a; background:#f9f9f9;} .store-group:after {display:block; clear:both; content:''} .store-box {position:relative; /*min-width:320px;*/ max-width:1200px; margin:0 auto;} .store-box:after {display:block; clear:both; content:''} .store-kv .tit-kv-01 {font-size:28px; font-family:'sssB';} .store-kv .tit-kv-02 {font-size:24px; color:#7e7e7e; } .store-group .banner-list li {float:left; width:22%; margin: 0 0 2.3% 2.3%;} .store-group .banner-list li a {width:100%;} .store-group .banner-list li a img {max-width:100%;height:auto;} @media only screen and (max-width:1339px) { .store-kv .tit-kv-01 {font-size:22px;} .store-kv .tit-kv-02 {font-size:20px; color:#7e7e7e;} } @media only screen and (max-width:1024px) { .store-kv .tit-kv-01 {font-size:16px;} .store-kv .tit-kv-02 {font-size:14px; color:#7e7e7e;} } @media only screen and (min-width:768px) { .store-kv {float:left; position:absolute; top:50%; left:0; width:50%; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); } .banner-list {float:left; width:50%; margin: 0 0 0 50%;z-index: 10;} } @media only screen and (max-width:767px) { .store-group {padding:7% 4.16% 4%;} .store-kv {width:100%; margin-bottom:5%} .store-kv .tit-kv-01 {font-size:18px; margin-bottom:0.5em; font-family:'sssB';} .store-kv .tit-kv-02 {font-size:16px;} .banner-list {width:90%; padding-right:10%;margin-left: -2.3%;} .banner-list li {margin:0 2% 2% 0; width:23%;} } @media (min-width:320px) and (max-width:479px) { .store-kv .tit-kv-01 {font-size:14px; margin-bottom:0.5em; font-family:'sssB';} .store-kv .tit-kv-02 {font-size:14px;} } /* In Boxing */ .in-boxing{min-width:320px; max-width:1300px; margin:0 auto; padding:0 50px} .in-boxing h4{font-size:28px; color:#1a1a1a; margin-bottom:2.8%} .in-boxing .in-boxing-list:after{content:'';display:block;clear:both} .in-boxing .in-boxing-list li{float:left;width:20%; text-align:center; color:#4b4b4b; font-size:16px} .in-boxing .in-boxing-list li img{max-width:100%; vertical-align:top; margin-bottom:7%} /* Trade up your note promotion */ .trade-up{max-width:1200px; margin:3.35% auto 0; padding:0 4.8% 0 3.8%; background-color:#fafafa; position:relative} .trade-up .txt:after{content:'';display:block;clear:both} .trade-up .txt{width:100%; padding:60px 0} .trade-up h4{display:none} .trade-up p{float:left; width: 40%; font-size:16px} .trade-up p strong{display:block; margin-bottom:5%; font-size:40px; color:#333; font-family:'sssR'; letter-spacing:-1px} .trade-up p span{display:table; margin-top:13px;padding-right:22px; background:url('../common/promotions/galaxy/gears2/pre_order/btn_go2.png') right no-repeat} .trade-up p a{color:#10309d; text-decoration:underline} .trade-up img{float:right; max-width:47%;} /* Recommended for you */ .recommended-product{min-width:320px; max-width:1300px; margin:3.35% auto 0; padding:0 50px 5%} .recommended-product h4{font-size:28px; color:#1a1a1a; margin-bottom:2.8%} .recommended-product-list:after{content:'';display:block;clear:both} .recommended-product-list li{float:left; width:20%; text-align:center; color:#000; font-size:14px} .recommended-product-list li img{display:block;margin:0 auto 27px; vertical-align:top} .recommended-product-list li .thumb-img { display:block; } .recommended-product-list li .m-thumb-img { display:none; } .recommended-product-list li .more-btn{display:table; height:35px; margin:10% auto 0; padding:0 30px; border-radius:30px; border:1px solid #292929; color:#292929;line-height:35px;} .in-boxing h4 > a, .trade-up h4 > a, .recommended-product h4 > a{display:none} .buy-layer-wrap {display:none; position:fixed;top:0;left:0;width:100%;height:100%;z-index:31;} .buy-layer-wrap .buy-layer { position:relative;margin:20px auto;width:808px;background-color:#fff;z-index:1; } .buy-layer .layer-header {position:relative;padding:49px 39px 37px;} .buy-layer .layer-header .header-tit {font-family:'sssM',sans-serif;} .buy-layer .layer-header .header-tit strong {display:block;margin-bottom:-2px;font-size:30px;color:#333;letter-spacing:-0.05em;} .buy-layer .layer-header .header-tit i {font-size:14px;color:#999;} .buy-layer .layer-header .close-btn {display:block;position:absolute;top:20px;right:20px;width:20px;height:20px;background:url('../common/promotions/galaxy/gears2/btn_layer_close.png') no-repeat;text-indent:-9999px;color:transparent;} .buy-layer .layer-con {padding:0 40px;} .buy-layer .layer-con .time-list {margin-left:-10px;overflow:hidden;} .buy-layer .layer-con .time-list li {float:left;margin:0 0 10px 10px;width:357px; height:58px;border:1px solid #e9e9e9;} .buy-layer .layer-con .time-list li.noretailer { width:auto;height:auto;border:0; } .buy-layer .layer-con .time-list li a { position:relative;display:block;overflow:hidden; } .buy-layer .layer-con .time-list li a img {max-width:71%; margin: 8px 140px 0 0;} .buy-layer .layer-con .time-list li a i {position:absolute;top:23px;right:33px;display:block; font-size:14px;color:#333;font-family:'sssB',sans-serif; } .buy-layer .layer-con .time-paging {position:relative;display:block;width:100%;margin:7px 0 27px;text-align:center;} .buy-layer .layer-con .time-paging > button { display:inline-block;vertical-align:-2px; width:6px; height:12px; background-image:url('../common/promotions/galaxy/gears2/pre_order/bu_toggle.png'); background-repeat:no-repeat; text-indent:-9999px} .buy-layer .layer-con .time-paging > button.prev-btn{ background-position:0 0; margin-right:4px} .buy-layer .layer-con .time-paging > button.next-btn{background-position:-6px 0; margin-left:4px} .buy-layer .layer-con .time-paging > a { display:inline-block;font-size:14px;color:#666; margin:0 7px;font-family:'sssM',sans-serif; } .buy-layer .layer-con .time-paging > a.on { color:#10309d; } /*.buy-layer .layer-footer { padding:0 40px;height:89px;border-top:1px solid #e9e9e9;background-color:#f9f9f9;overflow:hidden; } .buy-layer .layer-footer p {display:block;float:left;margin-top:28px;font-size:24px;color:#212121;font-family:'sssB',sans-serif;} .buy-layer .layer-footer .link-btn { display:block;float:right;margin-top:25px;padding:0 22px;height:38px;border-radius:25px;background-color:#10309d;font-size:14px;color:#fff;line-height:38px;text-align:center;font-family:'sssM',sans-serif; }*/ .buy-layer .layer-footer { padding:0 40px;height:89px;border-top:1px solid #e9e9e9;background-color:#f9f9f9;overflow:hidden; } .buy-layer .layer-footer .link-btn{float:left; vertical-align:top; margin-top:25px; width:204px; height:39px; text-align:center; background-color:#10309d;font-size:14px;color:#fff; font-family:'sssM',sans-serif; line-height:39px} .buy-layer .layer-footer p{display:inline-block; vertical-align:top; margin:29px 0 0 36px; color:#333; font-size:13px;} .buy-layer-wrap .dimmed {position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000;opacity:0.6;} } @media only screen and (max-width:1023px) { .in-boxing, .recommended-product{padding-left:4%; padding-right:4%} } @media only screen and (max-width:767px) { .floating-bar-panel .other-retailers-txt dl{float:none; width:auto} .floating-bar-panel .other-retailers-txt dt{float:none;position:absolute;top:-9999px;left:-9999px;text-indent:-9999px} .floating-bar-panel .other-retailers-txt dd{float:none; margin-bottom:16px;font-family:'sssR'} .floating-bar-panel .other-retailers-btn{float:none; width:auto; text-align:left; display:block} .floating-bar-panel .other-retailers-btn a.btn2{width:99.8%} .in-boxing h4, .recommended-product h4, .trade-up h4{display:block; border-top:1px solid #dfdfdf;height:57.5px;margin:0; line-height:57.5px; margin:0;font-size:19px; font-family:'sssM'; position:relative} .in-boxing h4 a, .recommended-product h4 a, .trade-up h4 a{display:block; position:absolute;top:0;left:0;width:100%;height:57.5px; background:url('../common/promotions/galaxy/gears2/pre_order/bu_toggle2.png') 95% 0 no-repeat; background-size:25px auto; text-indent:-9999px} .in-boxing.active h4 a, .recommended-product.active h4 a, .trade-up.active h4 a{background-position:95% -55px} .in-boxing{padding:0 4%} .in-boxing .in-boxing-list{display:none; padding-bottom:20px} .in-boxing.active .in-boxing-list { display:block; } .in-boxing .in-boxing-list li{font-size:14px} .in-boxing .in-boxing-list li{width:30.8%; min-height:120px; margin:0 0 10px 3.75%; padding:5% 0 0; font-size:8px; background-color:#f9f9f9} .in-boxing .in-boxing-list li:nth-child(3n+1){margin-left:0} .in-boxing .in-boxing-list li img{margin-bottom:0} .recommended-product-list li .thumb-img { display:none; } .recommended-product-list li .m-thumb-img { display:block;color:#000; } .trade-up{padding:0 4%;margin:0; background-color:transparent} .trade-up .txt{display:none; float:none; width:100%; padding:10%; margin-bottom:20px; background-color:#fafafa} .trade-up.active .txt {display:block;} .trade-up img{max-width:80%; display:table; float:none; margin:50% auto 0} .trade-up p strong{position:static; margin-bottom:7%;font-size:20px; width:auto} .trade-up p{font-size:8px; width:auto; margin:0} .trade-up p span{margin-top:6px} .recommended-product{margin-top:0;padding:0 4%;} .recommended-product-list{display:none;padding:0;} .recommended-product.active .recommended-product-list { display:block; } .recommended-product-list li{width:50%; font-size:8px; padding:25px 0; border-top:1px solid #dfdfdf} .recommended-product-list li .more-btn{display:none;height:auto; font-size:8px; padding: 7px 16px; line-height: inherit;} .recommended-product-list li.galaxy-s6-edge img, .recommended-product-list li.galaxy-s6 img{margin:0 auto 27px} .recommended-product-list li:nth-child(even){border-left:1px solid #dfdfdf} .recommended-product-list li:nth-child(2n+1){clear:left} .in-boxing.active .in-boxing-list, .trade-up.active .txt, .recommended-product.active .recommended-product-list{display:block} .buy-layer-wrap .buy-layer{width:90%} .buy-layer .layer-header .header-tit strong{font-size:15px} .buy-layer .layer-header{padding:29px 19px 17px} .buy-layer .layer-header .header-tit i{display:block; margin-top:3px; font-size:10px} .buy-layer .layer-con{padding:0 20px} .buy-layer .layer-con .time-list li{width:96%; box-sizing:border-box; height:auto} .buy-layer .layer-con .time-list li a img{max-width:42%; margin:0 5% 0 0;} .buy-layer .layer-con .time-list li a i{top:32%;right:10px;font-family:'sssM'} .buy-layer .layer-footer{padding:15px 20px;height:auto} .buy-layer .layer-footer p{margin:0; color:#333; font-size:10px; font-family:'sssM'} .buy-layer .layer-footer .link-btn{float:none; width:100%; margin:7.5px 0 0} .buy-layer .layer-con .time-paging > button{text-indent:0} .buy-layer .layer-con .time-paging > button.prev-btn, .buy-layer .layer-con .time-paging > button.next-btn{position:absolute; top:-1px; width:auto;height:auto; text-transform:uppercase; font-size:14px; font-family:'sssM'; background-size:auto 12px; background-repeat:no-repeat;} .buy-layer .layer-con .time-paging > button.prev-btn{left:0; padding-left:17px; background-position:0 3.5px; background-image:url(../common/promotions/galaxy/gears2/pre_order/bu_prev.png)} .buy-layer .layer-con .time-paging > button.next-btn{right:0; padding-right:17px; background-position:right 3.5px; background-image:url(../common/promotions/galaxy/gears2/pre_order/bu_next.png)} } @media only screen and (max-width:320px) { .trade-up img{margin-top:55%;} /*.in-boxing h4, .recommended-product h4, .trade-up h4{font-size:14px} .trade-up p strong{font-size:16px}*/ } /* check-inner ---------------------------------------------------------------------------------------------------------------------------------------------- --------------------------------------------------------------------------------------------------------------------------------------------------------------*/ .check-inner{width:1200px;margin:0 auto;padding:0px 40px 90px} .check-inner .inner-tit{margin:0 0 35px;font-size:28px;color:#1a1a1a;line-height:1.4;font-family:'ssB', sans-serif} .check-inner .check-list{position:relative;top:-2px;left:-0.3%;width:100.3%} .check-inner .check-list:after{content:"";display:block;clear:both} .check-inner .check-list li{float:left;width:20%} .check-inner .check-list li .check-wrap{min-width:1px;border: none !important; margin-bottom: 8%;} .check-inner .check-list li .check-wrap:after{content:"";display:block;clear:both} .check-inner .check-list li a{float:left;width:100%;padding:10px 0;text-align:center} .check-inner .check-list li a span{} .check-inner .check-list li a span img{vertical-align:top} @media screen and (max-width:1280px){ .check-inner{width:auto;margin:0} } @media screen and (max-width:1024px){ .check-inner{padding:0px 40px 60px} .check-inner .inner-tit{margin:0 0 30px 20px;font-size:26px} .check-inner{padding:60px 0} .check-inner .check-list li a{padding:3px 0} .check-inner .check-list li a span img{height:49px} } @media screen and (max-width:720px){ .check-inner{padding:0px 20px 60px} .check-inner .inner-tit{margin:0 0 25px;font-size:21px} .check-inner .check-list li{width:33.33%} .check-inner .check-list li a span img{height:29px} } /* The styles of where to buy */ #w2Buy{top: 0; left: 0; width: 100%; height: 100%; z-index: 2001; position: fixed; display: none;} #w2Buy .w2BuyWrap{min-width: 300px; max-width: 495px; width: auto; position: relative; background: #fff; margin: 180px auto 0;} #w2Buy .w2BuyWrap .w2BuyClose{ width: 40px; height: 40px; line-height: 40px; position: relative; float: right; color: #000; font-family: Arial, Baskerville, monospace; font-size: 22px; text-align: center; padding: 0; cursor:pointer;} #w2Buy .w2BuyWrap .w2BuyDetails{width: 100%; clear: both;} #w2Buy .w2BuyWrap .w2BuyDetails .w2BuyDetailsFrame{width: 100%; height: 400px; border: none; overflow: hidden;} .w2BuyDim{top: 0; left: 0; width: 100%; height: 100%; z-index: 2000; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0.8; filter: alpha(opacity=80); display: none;} /* End the styles of where to buy */ border: none !important; margin-bottom: 8%;