@charset "utf-8";

.acc-wrap {}
.acc-wrap:after {content:"";display:block;clear:both;}
/* Module  */
.acc {overflow:hidden;display:block;position:relative;height:0;box-sizing:border-box;}
.acc *,
.acc *:after,
.acc *:before {box-sizing:border-box;}
.acc-mainkv {position:relative;width:100%;height:0;padding-bottom:56.25%;background-repeat:no-repeat;background-image:url("/common/promotions/galaxy/s6edge-plus/accessory/bg_acc_kv.jpg");background-position:0 0;background-size:100% auto;}
.acc-mainkv-box {position:absolute;top:0;left:0;padding:6.35416666% 8.333333%;}
.acc-mainkv-model {visibility:hidden;display:block;width:229px;height:28px;font-size:0;background:url("/common/promotions/galaxy/s6edge-plus/accessory/txt_acc_kv_s6edge_plus.png") no-repeat 0 0;background-size:100% auto;}
.acc-mainkv-tit {font-size:76px;line-height:1.3;font-family:"sssB",sans-serif;color:#333;text-transform: capitalize;}

.acc-head {position:relative;width:100%;height:0;padding-bottom:17.03125%;background-size:100% auto;}
.acc-head-tit {position:absolute;top:50%;left:0;padding:0 4.166666%;font-size:72px;color:#7e7e7e;font-family: "sssB",sans-serif;
    text-transform: uppercase;
    letter-spacing: 0.22em;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.acc-head-case {background-image:url("/common/promotions/galaxy/s6edge-plus/accessory/bg_acc_head_case.jpg");}
.acc-head-power {background-image:url("/common/promotions/galaxy/s6edge-plus/accessory/bg_acc_head_power.jpg");}
.acc-head-audio {background-image:url("/common/promotions/galaxy/s6edge-plus/accessory/bg_acc_head_audio.jpg");}

.acc-layer {}
.acc-box {position:absolute;top:0;width:40.10416%;padding:4.1666%;font-size:36px;font-family: "sssB",sans-serif;line-height:1.333;}
.acc-box-l {left:0;}
.acc-box-r {right:0;text-align:right;}
.acc-tit {display:inline;color:#333;text-transform: uppercase;}
.acc-txt {display:inline;color:#999;}

/* Module - Pager */
.acc-pager {position:absolute;bottom:0;left:0;z-index:5;padding:4.1666%;font-size:0;}
.acc-pager-r {left:auto;right:0;}
.acc-pager-dot {position:relative;z-index:6;display:inline-block;width:32px;height:32px;margin-left:24px;border-radius:50%;cursor:pointer;}
.acc-pager-dot:before {content:"";display:block;position:absolute;top:50%;left:50%;z-index:1;width:48px;height:48px;border-radius:50%;border-color:inherit;border-width:1px;border-style:solid;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: translate(-50%, -50%) scale(0, 0);
    -moz-transform: translate(-50%, -50%) scale(0, 0);
    -ms-transform: translate(-50%, -50%) scale(0, 0);
    -o-transform: translate(-50%, -50%) scale(0, 0);
    transform: translate(-50%, -50%) scale(0, 0);

    transition:all 0.35s cubic-bezier(0.215, 0.610, 0.355, 1.000);-webkit-transition:all 0.35s cubic-bezier(0.215, 0.610, 0.355, 1.000);-moz-transition:all 0.35s cubic-bezier(0.215, 0.610, 0.355, 1.000);-o-transition:all 0.35s cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
.acc-pager-dot:hover:before,
.acc-pager-dot.active:before {
    -webkit-transform: translate(-50%, -50%) scale(1, 1);
    -moz-transform: translate(-50%, -50%) scale(1, 1);
    -ms-transform: translate(-50%, -50%) scale(1, 1);
    -o-transform: translate(-50%, -50%) scale(1, 1);
    transform: translate(-50%, -50%) scale(1, 1);
}
.acc-pager-dot:first-child {margin-left:0;}
.acc-pager-dot.gold {background:#cab081;border-color:#cab081;}
.acc-pager-dot.black {background:#000;border-color:#000;}
.acc-pager-dot.gray {background:#898989;border-color:#898989}
.acc-pager-dot.white {background:#fff;border-color:#dadada}
.acc-pager-dot.white:after {content:"";display:block;position:absolute;width:100%;height:100%;border-radius: 50%;border:1px solid #dadada;}
.acc-pager-dot.blue {background:#3459dc;border-color:#3459dc;}
.acc-pager-dot.red {background:#cc0000;border-color:#cc0000;}
.acc-pager-dot.topaz {background:#00cce0;border-color:#00cce0;}
.acc-pager-dot.pink {background:#ff4f95;border-color:#ff4f95;}

/* Module - background */
.acc-bg {position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;}
.acc-bg-img {position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;opacity:0;
    /*-webkit-transition: opacity 0.5s;
    -moz-transition: opacity 0.5s;
    -ms-transition: opacity 0.5s;
    -o-transition: opacity 0.5s;
    transition: opacity 0.5s;*/
}
.acc-bg-img.visible {opacity:1;z-index:2;}

/* Module - multi class */
.acc-full {width:100%;padding-bottom:56.25%;}
.acc-half {width:50%;padding-bottom:50%;}
.acc-half .acc-box {width:100%;}

.acc-04 .acc-pager {left:auto;right:0;}
.acc-05 .acc-box {width:70%;}
.acc-08 .acc-pager {left:auto;right:0;}
.acc-09 .acc-box {width:50%;}
.acc-10 .acc-pager {left:auto;right:0;}
.acc-12 {border-bottom:1px solid #dedede;}
.acc-12 .acc-box {width:70%;}

@media only screen and (max-width: 1280px) {
    .acc-box {font-size:29px;}
		.acc-mainkv-box {padding:6.35416666% 6.35416666%}
    .acc-mainkv-tit {font-size:65px;}
}
@media only screen and (max-width:1024px){
    .acc-box {font-size:22px;}
	.acc-mainkv-tit {font-size:55px;}
}
@media only screen and (max-width:800px){
    .acc-box {font-size:16px;}
}

@media only screen and (max-width:767px){
 .acc-mainkv {padding-bottom:111.11111111111111%;background-image:url("/common/promotions/galaxy/s6edge-plus/accessory/bg_acc_kv_m.jpg");}
    .acc-mainkv-box {position:absolute;top:0;left:0;width:100%;padding:10.9722222% 0;text-align:center;}
    .acc-mainkv-model {width:77px;height:10px;margin:0 auto;}
    .acc-mainkv-tit {font-size:24px;}
	
    .acc-head {padding-bottom:29.1666666%;}
    .acc-head-tit {padding:0 5.5555%;font-size:24px;}
    .acc-head-case {background-image:url("/common/promotions/galaxy/s6edge-plus/accessory/bg_acc_head_case_m.jpg");}
    .acc-head-power {background-image:url("/common/promotions/galaxy/s6edge-plus/accessory/bg_acc_head_power_m.jpg");}
    .acc-head-audio {background-image:url("/common/promotions/galaxy/s6edge-plus/accessory/bg_acc_head_audio_m.jpg");}


    .acc-box {width:100% !important;padding:15% 5.5555% 0;line-height:1.4285;}
    .acc-tit {font-size:14px;}
    .acc-txt {font-size:14px;}
    .acc-pager {padding:40px 5.5555% 50px;}
    .acc-pager-dot {width:20px;height:20px;margin-left:12px;}
    .acc-pager-dot:before {width:28px;height:28px;}
    .acc-pager-dot:hover:before {opacity:0;}
    .acc-pager-dot.active:before {opacity:1;}
    .acc-full, .acc-half {width:100%;}

    .acc {padding-bottom:156.944444%;}
    .acc .acc-box {position:static;}
    .acc .acc-pager {position:static;}
    .acc-box-r {text-align:left;}

    .acc-kv {padding-bottom:159.722222%;}

    .acc-03 {padding-bottom:177.777777%;}
    .acc-04 {padding-bottom:177.777777%;}
    .acc-08 {padding-bottom:177.777777%;}
    .acc-10 {padding-bottom:177.777777%;}
}