@charset "utf-8";
.contents {position:static;z-index:initial;}
@media screen and (max-width:1024px) {  /* SG Common.css 스타일 리셋 모바일화면에서 GNB 위치 못잡는 이슈로 인해 20151030 */
    #contents { -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; }
}
/*
    Key Visual
*/
.kv {position:relative;}
.kv__head {position:absolute;top:0;left:0;width:100%;font-size:24px;color:#fff;text-align:center;}
.kv__title {margin-top:1em;font-size:3em;}
.kv__title__highlight {font-family:"sssB", sans-serif;}
.kv__subtxt {font-family:"sssR",sans-serif;font-size:1em;}
.kv__foot {position:absolute;bottom:1.5em;left:0;width:100%;padding-bottom:1.5em;color:#fff;font-size:12px;text-transform: uppercase;text-align:center;background:url("/common/promotions/galaxy/gears2/my-watch/kv_scrolldown.png") no-repeat 50% 100%;}
.kv__foot:focus,
.kv__foot:hover {color:#b3b3b3;}
.kv__back img {width:100%;height:auto;}
.kv__back__img--tablet {display:none;}
.btn-skipToCustom {display:none;}
@media screen and (max-width:1400px){
    .kv__head {font-size:20px;}
}
@media screen and (max-width:1280px){
    .kv__head {font-size:18px;}
}
@media screen and (max-width:1024px){
    .kv__head {font-size:18px;}
    .kv__title {font-size:2.9em;}
    .kv__back__img {display:none;}
    .kv__back__img--tablet {display:block;}
    .kv__foot {display:none;}
}

@media screen and (max-width:767px){
    .kv__head {font-size:10px;}
    .kv__title {margin-top:1.3em;font-size:2.8em;line-height:1.4;}
    .kv__foot {display:none;}
    .kv__back__img {display:block;}
    .kv__back__img--tablet {display:none;}
    .btn-skipToCustom {display:block;position:fixed;bottom:25px;right:25px;z-index:50;width:40px;height:40px;background:url("/common/promotions/galaxy/gears2/my-watch/btn_scrolldown.png") no-repeat 50% 50%;background-size:100% auto;
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);
    }
}

.custom {overflow:hidden;position:relative;width:100%;height:0;padding-bottom:50%;background-color:#f5f5f5;}
@media screen and (max-width:1024px){
    .custom {padding-bottom:62.5%;}
}
@media screen and (max-width:767px){
    .custom {height:auto;padding-bottom:186px;background-color:#fff;}
    .custom:before {content:"";display:block;padding-bottom:113.888%;}
}

/*
    intro
*/
.intro {overflow:hidden;position:absolute;top:0;left:0;z-index:10;width:100%;height:100%;}
.intro__back {width:100%;height:auto;}
.intro__face {position:absolute;top:0;left:0;width:100%;height:100%;}
.intro__face__item {opacity:0;overflow:hidden;position:absolute;top:0;width:16.6666%;border-radius:50%;box-shadow:15px 15px 15px rgba(0,0,0,.3);}
.intro__face__item-1 {top:47.8125%;left:-5.9375%}
.intro__face__item-2 {top:33.3333%;left:13.5416%;}
.intro__face__item-3 {top:33.3333%;right:13.5416%;}
.intro__face__item-4 {top:47.8125%;right:-5.9375%}
.intro__circle {position:absolute;top:50%;left:50%;
    width:31.25%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.intro__circle:before {content:"";display:block;padding-bottom:100%;}
.intro__circle svg {position:absolute;top:0;left:0;width:100%;height:100%;}
.intro__txt {position:absolute;top:50%;left:0;width:100%;font-size:20px;text-transform: uppercase;text-align:center;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.intro__txt__head {position:relative;display:block;height:1em;font-family:"sssB",sans-serif;font-size:4em;color:#e7bf86;}
.intro__txt__head span {opacity:0;position:absolute;left:0;width:100%;}
.intro__txt__head span:first-child {opacity:1;}
.intro__txt__sub {font-family:"sssR",sans-serif;color:#fff;}
@media screen and (max-width:1280px){
    .intro__txt {font-size:12px;}
}
@media screen and (max-width:1024px){
    .intro {display:none;}
}

/*
    custom factory
*/
.factory {overflow:hidden;position:absolute;top:0;left:0;z-index:5;width:100%;height:100%;padding:0 8.3333%;background-color:#f5f5f5;}
.factory:after {content:"";display:block;clear:both;}
    .stage {position:relative;float:left;width:70%;height:100%;padding-left:10%}
    .stage__controls {position:absolute;bottom:20%;left:0;/*bottom:200px;*/}
    .stage__control {display:block;width:70px;height:70px;margin-top:-1px;border:1px solid #ccc;background-color:#f5f5f5;background-image:url("/common/promotions/galaxy/gears2/my-watch/stage_control.png");background-size:100% auto;
        -webkit-transition: background-color 0.4s;
        -moz-transition: background-color 0.4s;
        -ms-transition: background-color 0.4s;
        -o-transition: background-color 0.4s;
        transition: background-color 0.4s;
    }
    .stage__control--active {background-color:#fff;}
    .stage__control--side {background-position:0 0;}
    .stage__control--front {background-position:0 33%;}
    .stage__control--up {background-position:0 66%;}
    .stage__control--down {background-position:0 99%;}
    .stage__pager {display:none;}
    .stage__view {overflow:hidden;position:relative;width:100%;height:100%;}
    .stage__view:after {content:"";position:absolute;top:0;left:0;z-index:10;width:100%;height:100%;background:url("../common/promotions/galaxy/gears2/dummy.png") repeat 0 0;}
    .stage__view__item {position:absolute;top:0;left:0;width:100%;
        -webkit-transition: transform 0.6s;
        -moz-transition: transform 0.6s;
        -ms-transition: transform 0.6s;
        -o-transition: transform 0.6s;
        transition: transform 0.6s;
    }
    .stage__view__item--zoom {
        -webkit-transform: scale(1.5);
        -moz-transform: scale(1.5);
        -ms-transform: scale(1.5);
        -o-transform: scale(1.5);
        transform: scale(1.5);
    }
    .stage__view__item:after {content:"";display:block;padding-bottom:100%;}
    .stage__view__face {position:absolute;z-index:3;top:0;left:0;width:100%;height:100%;}
    .stage__view__watch {position:absolute;z-index:2;top:0;left:0;width:100%;height:100%;}

    .mix {float:right;width:378px;margin-top:8.7%;}
    .mix__tab {display:none;}
    .steps {border-top:2px solid #333;border-bottom:1px solid #333;}
    .steps__item {border-top:1px solid #ccc;}
    .steps__item:first-child {border-top:none;}
    .step {}
    .step:focus {outline:none;}
    .step__tab {position:relative;font-size:16px;line-height:4;}
    .step__anchor {display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:url("/common/promotions/galaxy/gears2/my-watch/step/step_arrow_down.png") no-repeat 100% 50%;}
    .step__name {display:inline-block;width:130px;font-family:"sssB",sans-serif;color:#292929;text-transform:uppercase;}
    .step__selected {display:inline-block;color:#666;text-transform:capitalize;}
    .step__detail {display:none;padding:20px 0;}
    .step__items {font-size:0;}
    .step__item {display:inline-block;
        -webkit-transition: all 0.4s;
        -moz-transition: all 0.4s;
        -ms-transition: all 0.4s;
        -o-transition: all 0.4s;
        transition: all 0.4s;
    }
    .step--watch__guide {display:none;}
    .step__item--watch {position:relative;width:33.3%;border:1px solid transparent;border-radius:50%;}
    .step__item--watch.step__item--active {background-color:#fff;border-color:#cdcdcd;}
    .step__item--watch:after {content:"";display:block;padding-bottom:100%;}
    .step__item--watch a {position:absolute;top:0;left:0;width:100%;height:100%;}
    .step__item--watch img {position:absolute;top:50%;left:50%;width:80px;height:80px;margin:-40px 0 0 -40px;}
    .step__item--band {border:6px solid transparent;border-radius:50%;}
    .step__item--band.step__item--active {border-color:#ccc;}
    .step__item--band img {width:40px;height:40px;}
    .step__item--face {width:25%;margin-top:8px;}
    .step__item--face a {border:6px solid transparent;border-radius:50%;
        -webkit-transition: all 0.4s;
        -moz-transition: all 0.4s;
        -ms-transition: all 0.4s;
        -o-transition: all 0.4s;
        transition: all 0.4s;
    }
    .step__item--face img {width:72px;height:72px;}
    .step__item--face.step__item--active {}
    .step__item--face.step__item--active a {border-color:#ccc;}
    .step--face__scroll {overflow:hidden;position:relative;height:370px;text-align:left;}
    .step--face__scroll .iScrollLoneScrollbar {width:4px !important;background-color:#e0e0e0 !important;}
    .step--face__scroll .iScrollIndicator {background-color:#cdcdcd !important;border:none !important;}
    .step--face__allbtn {display:block;text-align:center;font-size:16px;line-height:3.125;color:#666;}
    .step--face__allbtn:hover {color:#666;}
    .step--face__alltxt {position:relative;padding-right:1.5em;}
    .step--face__alltxt:after {content:"+";position:absolute;top:0;right:0;width:1em;height:1em;background-color:#666;border-radius: 50%;font-family:"sssR",sans-serif;color:#fff;line-height:1.3;}
    .step--face .step__detail {padding:0;}
    .step--face__pager {display:none;}
    .steps__item--open .step__anchor {background-image:url("/common/promotions/galaxy/gears2/my-watch/step/step_arrow_up.png");}
    .steps__item--open .step__detail {display:block;}

    .mix__submit {padding:40px 0 0;text-align:center;}
    .mix__submit__btn {background-color:#10309d;border:none;color:#fff;font-size:16px;font-family:"sssB",sans-serif;text-transform:uppercase;}
    .mix__submit__btn:hover,
    .mix__submit__btn:focus {background-color:#10309d;color:#fff;}
@media screen and (max-width:1700px){
    .step--face__scroll {height:280px;}
}

@media screen and (max-width:1600px){
    .factory {padding:0 2.5%;}
    .stage {width:65%;padding-left:12%;}
    .step--face__scroll {height:190px;}
}

@media screen and (max-width:1400px){
    .factory {padding:0 3.125%;}

    .stage__controls {bottom:15%;}
    .stage__control {width:54px;height:54px;background-size:56px auto;}

    .mix {width:315px;margin-top:6.5%;}
    .step__tab {font-size:14px;}
    .step__name {width:105px;}
    .step--face__scroll {height:140px;}

    .step__item--watch img {position:absolute;top:50%;left:50%;width:72px;height:72px;margin:-36px 0 0 -36px;}
    .step__item--band {border-width:4px;margin:0 2px;}
    .step__item--band img {width:32px;height:32px;}
    .step__item--face {margin-top:2px;}
    .step__item--face img {width:56px;height:56px;}

    .step--face__allbtn {font-size:14px;}

    .mix__submit {padding:30px 0 0;}
    .mix__submit__btn {font-size:14px;}
}

@media screen and (max-width:1024px){
    .factory {padding:0 4.4270833%;opacity:1 !important;}
    .stage {width:64.28571%;padding-left:7.14285%;}
    .stage__controls {bottom:30%;}
    .stage__control {width:40px;height:40px;background-size:40px auto;}
    .mix {width:231px;margin-top:8.2%;}
    .step__tab {line-height:2.7857;}
    .step__selected {display:none;}
    .step__detail {padding:16px 0;}
    .step__item--watch {width:77px;}
    .step__item--watch img {width:56px;height:56px;margin:-28px 0 0 -28px;}
    .step__item--face {width:25%;margin-top:8px;}
    .step__item--face img {width:47px;height:47px;}
}

@media screen and (min-width:768px){
    .stage__view__item {margin-left:0 !important;}
}

@media screen and (max-width:767px){
    .factory {padding:0;background-color:#fff;}
    .stage {float:none;width:100%;height:auto;padding:14.4% 0 22%;}
    .stage__controls {display:none;}
    .stage__view {font-size:0;white-space: nowrap;}
    .stage__view:after {display:none;}
    .stage__view__item {
        opacity:1 !important;
        position:relative;
        top:0 !important;
        left:0 !important;
        display:inline-block;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
        text-align:center;
    }
    .stage__view__item:after {display:none;}
    .stage__view__inner {position:relative;display:inline-block;width:77.7777%;}
    .stage__view__inner:after {content:"";display:block;padding-bottom:100%;}

    .stage__pager {display:block;position:absolute;bottom:10%;left:0;width:100%;text-align:center;font-size:0;}
    .stage__dot {overflow:hidden;width:1em;height:1em;margin:0 0.6em;background-color:#666;border-radius:50%;font-size:12px;}
    .stage__dot:focus {outline:1px dotted #333;outline-offset: 3px;}
    .stage__dot--active {background-color:#0062eb;}

    .mix {float:none;position:absolute;bottom:0;left:0;width:100%;margin:0;background:#f2f2f2;}
    .mix__tab {display:block;position:absolute;bottom:0;left:0;width:100%;background-color:#292929;text-align:center;font-size:10px;}
    .mix__tab:after {content:"";display:block;clear:both;}
    .mix__tab__item {position:relative;float:left;width:25%;height:4em;}
    .mix__tab__item:before {content:"";position:absolute;top:0;left:0;width:2px;height:100%;border-left:1px solid #353535;background-color:#1b1b1b;}
    .mix__tab__item:first-child:before {display:none;}
    .mix__tab__item a {display:block;font-size:1.2em;color:#999;line-height:3.333333;}
    .mix__tab__item--active {background-color:#2e71e6;}
    .mix__tab__item--active a {color:#fff;}

    .steps {position:absolute;bottom:40px;left:0;width:100%;height:146px;background-color:#f2f2f2;border:none;}
    .steps__item {display:none;position:absolute;top:0;left:0;width:100%;height:100%;border:none;}
    .steps__item--open {display:block;}
    .step {text-align:center;}
    .step__tab {line-height:4;}
    .step__anchor {display:none;}
    .step__name {overflow:hidden;width:0;height:0;}
    .step__selected {display:inline-block;}
    .step__detail {padding:0 20px;}
    .step__item--watch {width:74px;margin: 0 10px;}
    .step__item--watch img {width:58px;height:58px;margin:-29px 0 0 -29px;}

    .step--watch .step__tab {line-height:1.5;}
    .step--watch__guide {display:block;margin:0 !important;padding:0 5.5%;text-align:left;line-height:3;}
    .step--band .step__items {margin:0 -20px;}
    .step__item--band {margin:15px 3px 0;}
    .step--face .step__detail {padding:0 20px;}
    .step__item--face {width:25%;margin:0;text-align:center;}
    .step__item--face a {border-width:3px;}
    .step__item--face img {width:56px;height:56px;}
    .step--face__scroll {height: auto;}
    .step--face__scroll .iScrollLoneScrollbar,
    .step--face__scroll .iScrollIndicator {display:none;}
    .step--face__scroll .step__items {white-space:nowrap;}
    .step--face__allbtn {position:absolute;top:0;right:20px;font-size:12px;line-height:56px;color:#3e4b9c;}
    .step--face__alltxt:after {background-color:#3e4b9c;}
    .step--face__pager {display:block;width:100%;margin:10px 0;text-align:center;font-size:0;}
    .step--face__dot {overflow:hidden;display:inline-block;width:4px;height:4px;margin:0 4px;background-color:#666; border-radius:50%;}
    .step--face__dot:focus {outline:1px dotted #333;outline-offset:2px;}
    .step--face__dot--active {background-color:#0062eb;}
    .mix__submit {display:none;}
}
@media screen and (max-width:359px){
    .step__item--watch {margin:0 5px;}
    .step__item--band {margin:15px 2px 0;}
}

@media screen and (min-width:768px){
    .step__item--face {margin:0 !important;}
}


/*
   [Layer]faceAll
*/
.faceAll {overflow:hidden;position:absolute;top:0;left:0;z-index:4;width:100%;height:100%;background-color:#262626;text-align:center;}
.faceAll__head {max-width:32em;margin:0 auto;padding:4em 0 1em;font-size:20px;}
.faceAll__title {font-size:1.4em;color:#fff;}
.faceAll__subTitle {padding:0.5em 0;color:#999;}
.faceAll__scroll {overflow:hidden;position:relative;}
.faceAll__scroll .iScrollLoneScrollbar {right:10px !important;width:4px !important;background-color:#505050;}
.faceAll__scroll .iScrollIndicator {background-color:#3c3c3c !important; border:none !important;}
.faceAll__content {max-width:1344px;margin:0 auto;}
.faceAll__items {font-size:0;text-align:left;}
.faceAll__items--zoom .faceAll__item {
    -webkit-transform: translateY(200%);
    -moz-transform: translateY(200%);
    -ms-transform: translateY(200%);
    -o-transform: translateY(200%);
    transform: translateY(200%);
    opacity:0;
}
.faceAll__item {position:relative;display:inline-block;width:16.6666666%;margin:32px 0;text-align:center;
    -webkit-transition: all 0.9s ease-out 0.1s;
    -moz-transition: all 0.9s ease-out 0.1s;
    -ms-transition: all 0.9s ease-out 0.1s;
    -o-transition: all 0.9s ease-out 0.1s;
    transition: all 0.9s ease-out 0.1s;
}
.faceAll__item a {position:relative;}
.faceAll__item img {width:160px;}
.faceAll__item--active {}
.faceAll__item--active a:after {content:"";position:absolute;z-index:-1;top:-4px;left:-4px;right:-4px;bottom:-4px;background:#fff;border-radius:50%;}

.faceAll__close {position:absolute;top:40px;right:40px;width:40px;height:40px;background:url("/common/promotions/galaxy/gears2/my-watch/faceAll_close.png") no-repeat 50% 50%;}
.faceAll__close:after {content:"";position:absolute;top:-60%;left:-60%;right:-60%;bottom:-60%;}

@media screen and (max-width:1280px){
    .faceAll__content {max-width:1200px;}
    .faceAll__item img {width:136px;}

}
@media screen and (max-width:1024px){
    .faceAll__head {padding-top:3em;}
    .faceAll__content {max-width:1200px;}
    .faceAll__item {width:25%;margin:28px 0;}
    .faceAll__item img {width:136px;}
    .faceAll__close {top:38px;right:32px;width:32px;height:32px;background-size:100% auto;}

}

@media screen and (max-width:767px){
    .faceAll {position:fixed;z-index:99999 !important;padding-top:4em;}
    .faceAll__head {font-size:10px;}
    .faceAll__scroll .iScrollLoneScrollbar {right:4px !important;}
    .faceAll__content {margin:0 15px;}
    .faceAll__items {margin:0;}
    .faceAll__item {width:25%;margin:15px 0;}
    .faceAll__item img {width:68px;}
    .faceAll__close {right:15px;width:16px;height:16px;}
}


/*
    최종결과 화면
*/
.output {display:none;overflow:hidden;position:absolute;top:0;left:0;z-index:4;width:100%;height:100%;background-color:#fff;}
.output:focus {outline:3px solid #333;}
.output--active {display:block;}
.output__head {position:absolute;top:0;left:0;z-index:10;width:100%;color: #292929;font-size:20px;text-align:center;}
.output__head--black {color: #fff;}
.output__head__inner {max-width:32em;margin:4em auto 0;}
.output__title {font-family:"sssB",sans-serif;font-size:2.8em;}
.output__subTitle {margin-top:1em;line-height:1.5;}
.output__back {position:absolute;top:0;left:0;width:100%;}
.output__back__face {position:absolute;top:0;left:0;z-index:5;width:100%;}
.output__back__watch {position:absolute;top:0;left:0;z-index:4;width:100%;}

.output__content {position:absolute;bottom:0;left:0;z-index:10;width:100%;background-color:rgba(255,255,255,.9);box-shadow:0 -2px 3px rgba(0,0,0,.1);}

.output__info {padding:0 8.33333%;font-size:0;color:#292929;white-space:nowrap;}
.output__info:after {content:"";display:block;clear:both;}
.output__info .item {float:left;position:relative;display:inline-block;height:120px;padding:38px 0 34px;vertical-align:middle;font-size:16px;}
.output__info .item__col {display:inline-block;vertical-align:middle;}
.output__info .item__tit {display:block;font-family:"sssB",sans-serif;font-size:1.375em;}
.output__info .item__name {font-size:1em;color:#666;}
.output__info .item__price {font-size:1.5em;color:#343399;white-space:normal;line-height:1.1;}
.output__info .item__price.empty {font-size:1.3em;}
.output__info .total__tit {display:inline;font-size:1em;vertical-align: top;margin-right:1em;}
.output__info .total__price {font-size:2em;color:#343399;}

.output__info .item--watch {width:30%;}
.output__info .item--watch .item__col {margin-right:-0.025em;}
.output__info .item--watch .item__col-1 {width:30%;}
.output__info .item--watch .item__col-2 {width:37%;visibility: hidden !important;}
.output__info .item--watch .item__col-3 {width:30%;}
.output__info .item--watch .item__type {display:block;cursor:pointer;}
.output__info .item--watch .item__type__input {opacity:0;width:0;height:0;}
.output__info .item--watch .item__type__input:focus + .item__type__label {outline:1px dashed #343399;}
.output__info .item--watch .item__type__label {position:relative;padding-left:20px;line-height:1.5;}
.output__info .item--watch .item__type__label:after {content:"";position:absolute;top:0;left:0;width:16px;height:16px;background:url("/common/promotions/galaxy/gears2/my-watch/ico_device_type.png") no-repeat 0 50%;}
.output__info .item--watch .item__type__input:checked + .item__type__label:after {background-image:url("/common/promotions/galaxy/gears2/my-watch/ico_device_type_checked.png"); }
.output__info .item--band .item__col-1 {width:60%;padding-left:18%;}
.output__info .item--band .item__col-2 {position:relative;width:30%;text-align:right;vertical-align: middle;}
.output__info .item--band {width:30%;border-left:1px solid #ccc;border-right:1px solid #ccc;}
.output__info .item--total {width:13.4375%;text-align:center;}
.output__info .item--btns {text-align:right;}
.output__info--shop .item--btns {float:right;}
.output__info .item--btns .mod-button {/*min-width:160px;*/height:2.4em;padding:0 1.2em;line-height:2.4em;font-size:20px;text-transform: uppercase;}
.output__info .item--btn__buy {background-color:#343399;}
.output__info .item--btn__back {background-color:#f8f7f6;margin-left:0.5em;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}
.output__info .item--btn__back:focus,
.output__info .item--btn__back:hover {color:#fff;background-color:#292929;}

.output__info--noShop {text-align:center;}
.output__info--noShop .item {float:none;text-align:left;}
.output__info--noShop .item--watch {min-width:228px;width:auto;padding-left:55px;background:url("/common/promotions/galaxy/gears2/my-watch/ico_result_noshop_watch.png") no-repeat 0 50%;}
.output__info--noShop .item--band {min-width:292px;width:auto;padding-left:47px;background:url("/common/promotions/galaxy/gears2/my-watch/ico_result_noshop_band.png") no-repeat 0 50%;border:none;}
.output__info--noShop .item--btn__back {background-color:transparent;}

@media screen and (max-width:1600px){
    .output__head {font-size:16px;}
    .output__info {padding:0 2.5%;}
}

@media screen and (max-width:1400px){
    .output__info {padding:0 1.5625%;}
    .output__info .item {height:96px;padding:30px 0 26px;font-size:14px;}
    .output__info .item__tit {font-size:18px;}
    .output__info .item--band {width:26%;}
    .output__info .item--btns .mod-button {/*min-width:130px;*/font-size:16px;}

    .output__info .item--watch .item__col-3 {vertical-align: bottom;}
    .output__info .item--band .item__col-2 {vertical-align: bottom;}

    .output__info--noShop {padding:0 5.20833%;}
    .output__info--noShop .item {padding:24px 60px;}
    .output__info--noShop .item__tit {margin-top:4px;}
    .output__info--noShop .item--band {width:auto;min-width:0;}
    .output__info--noShop .item--btns {padding-left:0;padding-right:0;}
    .output__info--noShop .item--btn__back {height:40px;margin:4px 0 0;line-height:38px;}
}

@media screen and (max-width:1024px){
    .output__head {font-size:12px;}
    .output__head__inner {margin-top:3.5em;}
    .output__title {font-size:2.5833333em;}
    .output__content {background-color:#fff;}
    .output__info {padding:0 3.90625%;}
    .output__info .item {height:96px;padding:30px 2.92%;font-size:12px;vertical-align: top;}
    .output__info .item__tit {font-size:16px;}
    .output__info .item__price {font-size:18px;}
    .output__info .item--total {width:auto;text-align:left;line-height:1.1;}
    .output__info .total__tit {display:block;font-family:"sssB",sans-serif;font-size:16px;}
    .output__info .total__price {font-size:18px;}

    .output__info--shop .item--watch {width:35.4519%; padding-left:0;}
    .output__info .item--watch .item__col-1 {width:37%;}
    .output__info .item--watch .item__col-2 {width:43%}
    .output__info .item--watch .item__col-3 {vertical-align: bottom;}
    .output__info .item--watch .item__type__label {padding-left:17px;}
    .output__info .item--watch .item__type__label:after {width:12px;height:12px;background-size:100% auto;}
    .output__info--shop .item--band {width:33.75706%;}
    .output__info .item--band .item__col-1 {width:65%;padding:0;}
    .output__info .item--band .item__col-2 {width:35%;vertical-align: bottom;text-align:right;}
    .output__info .item--btns {float:right;padding:9px 0;}
    .output__info .item--btns .mod-button {display:block;/*min-width:104px;*/height:2.571428em;margin:0;font-size:14px;line-height:2.571428em;}
    .output__info .item--btns .item--btn__buy {margin-bottom:6px;}

    .output__info--noShop .item {float:left;padding:24px 60px;}
    .output__info--noShop .item__tit {margin-top:6px;}
    .output__info--noShop .item--btns {float:right;padding:30px 0;}
}

@media screen and (max-width:767px){
    .output__head {font-size:11px;}
    .output__head__inner {max-width:25em;margin-top:3em;}
    .output__title {font-size:2em;}

    .output__content {background-color:rgba(255,255,255,.9);}
    .output__info {height:210px;padding:20px 40px 0;}
    .output__info .item {float:none;display:block;width:100% !important;height:auto;margin:0 0 15px;padding:0;font-size:11px;vertical-align: middle;}
    .output__info .item__col {margin:0;}
    .output__info .item__tit {display:inline-block;margin-right:1em;font-size:1.272727em;}
    .output__info .item__price {position:static;font-size:1.272727em;}
    .output__info .total__tit {display:inline;font-size:1em;margin-right:3em;vertical-align: middle;font-family: "sssM",sans-serif;}
    .output__info .total__price {font-size:1.454545em;vertical-align: middle;}

    .output__info .item--watch .item__col {margin-right:0;}
    .output__info .item--watch .item__col-1 {display:block;width:100%;margin-bottom:5px;border-bottom:1px solid #e7e5e4;}
    .output__info .item--watch .item__name {position:absolute;top:2.5em;left:0;}
    .output__info .item--watch .item__col-2 {width:80%;}
    .output__info .item--watch .item__col-3 {width:20%;text-align:right;}
    .output__info .item--watch .item__type {display:inline-block;margin:0 1em 0 0;}
    .output__info .item--watch .item__type__label {padding-left:17px;}
    .output__info .item--watch .item__type__label:after {width:12px;height:12px;background-size:100% auto;}
    .output__info .item--band {border:0;}
    .output__info .item--band .item__col-1 {display:block;width:100%;margin-bottom:5px;padding:0;border-bottom:1px solid #e7e5e4;}
    .output__info .item--band .item__name {position:absolute;top:2.5em;left:0;}
    .output__info .item--band .item__col-2 {display:block;width:100%;text-align:right;}
    .output__info .item--total {margin-bottom:10px;text-align:right;}
    .output__info .item--btns {float:none;text-align:center;}
    .output__info .item--btns .mod-button {display:inline-block;/*min-width:7.5em;*/height:2.5em;font-size:12px;line-height:2.5em;}
    .output__info .item--btns .item--btn__buy {margin:0 1em 0 0;}

    .output__info--noShop {height:154px;}
    .output__info--noShop .noshop {max-width:360px;margin:0 auto;}
    .output__info--noShop .item {float:none;margin-left:30px;background-size:auto 100%;line-height:25px;background-position:0 50%;}
    .output__info--noShop .item__tit {width:40%;margin:0;padding-left:2em;}
    .output__info--noShop .item--watch .item__name {position:static;}
    .output__info--noShop .item--band {min-width:0;}
    .output__info--noShop .item--band .item__name {position:static;}
    .output__info--noShop .item--btns {margin-left:0;}
    .output__info--noShop .item--btn__back {margin-top:5px;}
}


/* WHERE TO BUY */
.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 .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:767px) {
    .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;}
    .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)}
}