@charset "utf-8";
/*spec*/
.spec-wrap , .spec-content {overflow:hidden;position:relative;width:100%;}
.spec-wrap:after , .spec-content:after {content:"";display:block;clear:both;}
.spec-wrap .spec-head {margin:4.4% 4.1% 4% 4.1%;}
.spec-wrap .spec-head .spec-head-tit {margin-bottom:1%; font-size:48px; font-family:'sssB'; color:#292929;}
.spec-wrap .spec-head .spec-head-desc {font-size:24px; font-family:'sssM'; color:#727272;}

.spec-content {position:relative;width:100%;display:block;padding-bottom: 5%;}
.spec-item-left {position: relative;left:4.1%;width:20%;margin: 0 7.5% 0 1.2%;float: left;}
.spec-item-right {position: relative;right:4.1%;width:20%;margin:0 1.2% 0 4.2%;float: right;}

.spec-content .spec-item-area {position:relative;width:100%;}
.spec-content .spec-img {position:relative;display:block;overflow:hidden;top:0;left:0;z-index:1;margin: 35% 0 6.4%;width:100%;}
.spec-content .spec-tit {position:absolute; right: -100%;width: 100%;text-align: right;float: right;height: 50px;line-height: 54px;}
.spec-content .spec-tab-list {position: relative; width: 225%;left: -103%;}
.spec-content .spec-tab-list a {float:left;width: 32%;margin-right:-1px;text-align:center;border:1px solid #ccc;background-color: #fff;/* padding: 1.5% 0 1.3%; */height: 50px;line-height: 54px;}
.spec-content .spec-tab-list .on a {background:#292929;border:1px solid #292929}
.spec-content .spec-tab-list a.btn-spec {display:none;}
.spec-content .ico-plus {position:absolute; bottom:1.8%; right: 0%; width:30px; height:29px; font-size:0; background-image:url('/common/promotions/galaxy/s6edge-plus/spec/ico-plus.gif'); background-size:100% auto;}

div.paging-type1 {position:relative;}
.spec-item-right div.paging-type1 a {display:none;}
div.paging-type1 a{width:48px;height:48px;margin-right:0;}
div.paging-type1 a:before {width:32px;height:32px;margin-top:-16px;margin-left:-16px;}
div.paging-type1 a:hover:after, div.paging-type1 a.on:after{width:44px;height:44px;margin-top:-23px;margin-left:-23px;}

.spec-content div.paging-type1 a.c7:before {width:30px;height:30px;margin-top:-16px;margin-left:-16px;border:1px solid #d9d9d9;}
.spec-content div.paging-type1 a.c8:before {background-color:#898989;}
.spec-content div.paging-type1 a.c9:before {background-color:#036423;}
.spec-content div.paging-type1 a.c7:after, .spec-content div.paging-type1 a.c7.on:after{border-color:#d9d9d9;}
.spec-content div.paging-type1 a.c8:after, .spec-content div.paging-type1 a.c8.on:after{border-color:#898989;}
.spec-content div.paging-type1 a.c9:after, .spec-content div.paging-type1 a.c9.on:after{border-color:#036423;}

.compare-spec-area {position: relative;margin-top: 8%;width:42%;font-family:'sssM',sans-serif;float: left;}
.compare-spec-area .compare-spec {width:100%;}
.compare-spec-area .spec-txt {position:relative;display:block;width:100%;margin-bottom:2.5%;font-size:14px; color:#727272;}
.compare-spec-area .spec-txt:after {content:"";display:block;clear:both;}
.compare-spec-area .compare-spec .txt-item {position:absolute;top:50%;width:40%;
	-webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.compare-spec-area .compare-spec .current-v {text-align:right;}
.compare-spec-area .compare-spec .next-v {text-align:left;}
.compare-spec-area .compare-spec .txt-item.next-v {right:0;}
.compare-spec-area .compare-spec .ico-item {margin-left:40%;width:20%;}
.compare-spec-area .compare-spec .ico-item span {display:block;width:100%;height:72px;background-repeat:no-repeat; background-position:center center; background-size:72px auto;}
.compare-spec-area .compare-spec .ico-item .ico-processor {background-image:url('/common/promotions/galaxy/s6edge-plus/spec/ico-spec-processor.gif');}
.compare-spec-area .compare-spec .ico-item .ico-display {background-image:url('/common/promotions/galaxy/s6edge-plus/spec/ico-display.gif');}
.compare-spec-area .compare-spec .ico-item .ico-ram {background-image:url('/common/promotions/galaxy/s6edge-plus/spec/ico-ram.gif');}
.compare-spec-area .compare-spec .ico-item .ico-camera {background-image:url('/common/promotions/galaxy/s6edge-plus/spec/ico-camera.gif');}
.compare-spec-area .compare-spec .ico-item .ico-charging {background-image:url('/common/promotions/galaxy/s6edge-plus/spec/ico-charging.gif');}
.compare-spec-area .compare-spec .ico-item .ico-samsung-pay {background-image:url('/common/promotions/galaxy/s6edge-plus/spec/ico-samsung-pay.gif');}
.compare-spec-area .compare-spec .ico-item .ico-physical-specification {background-image:url('/common/promotions/galaxy/s6edge-plus/spec/ico-physical-specification.gif');}

.view-more-link-area {clear:both;text-align:center;padding:2% 0 0 0;}
.view-more-link {bottom: 0;display:inline-block;height:70px;padding:0 5em;background:#fff;border:1px solid #292929;border-radius:35px;line-height:75px;font-size:20px;color:#292929;text-align:center;font-family: "sssM", sans-serif;}
.view-more-link:hover {color:#292929;}

@media only screen and (max-width:1600px) {
	.spec-wrap .spec-head .spec-head-tit {font-size:40px;}
	.spec-wrap .spec-head .spec-head-desc {font-size:20px;}
	.spec-content .ico-plus {width:20px;height:19px;bottom:1.6%;right:10%;}
	.view-more-link {height:45px;line-height:50px;font-size:12px;}
	.compare-spec-area .spec-txt {margin-bottom:0.5%;}
	.compare-spec-area .compare-spec .ico-item span {display:block;background-size:60px auto;}
	.compare-spec-area .spec-txt {font-size:12px;}
	div.paging-type1 a{width:30px;height:30px;}
	div.paging-type1 a:before {width:20px;height:20px;margin-top:-10px;margin-left:-10px;}
	div.paging-type1 a:hover:after, div.paging-type1 a.on:after{width:28px;height:28px;margin-top:-15px;margin-left:-15px;}
	.spec-content div.paging-type1 a.c7:before {width:18px;height:18px;margin-top:-10px;margin-left:-10px;}
}

@media only screen and (max-width:1280px) {
	.spec-content .spec-tit {height:40px;line-height:44px;}
	.spec-content .spec-tit img {max-width:80%;}
	.spec-content .spec-tab-list a {height:40px;line-height:44px;}
	.spec-content .spec-tab-list a img {max-width:80%;}
	.view-more-link {height:35px;line-height:40px;font-size:12px;}
	.compare-spec-area .spec-txt {margin-bottom: 2.5%;}
	.compare-spec-area .compare-spec .ico-item span {display:block;height:60px;background-size:50px auto;}
	.spec-content .ico-plus {right:8%; bottom:2%}

	div.paging-type1 a{width:30px;height:30px;margin-right:-10px;}
    div.paging-type1 a:before{width:14px;height:14px;margin-top:-7px;margin-left:-7px;}
    div.paging-type1 a:hover:after, div.paging-type1 a.on:after{width:22px;height:22px;margin-top:-12px;margin-left:-12px;}
	.spec-content div.paging-type1 a.c7:before {width:12px;height:12px;margin-top:-7px;margin-left:-7px;}
}

@media only screen and (max-width:1024px){
	.spec-content {position:relative;width:100%;}
	.spec-content .ico-plus {bottom:3%;}
	.spec-wrap .spec-head .spec-head-tit {font-size:30px;}
	.spec-wrap .spec-head .spec-head-desc {font-size:16px}
	.spec-content .spec-tit { right: -112%; }
	.spec-content .spec-tab-list {width:250%;left: -104%;margin:0}
	.spec-content .spec-tab-list a {width:26%;height:30px;line-height:34px;}
	.spec-content .spec-tit {height:30px;line-height:34px;}

	.compare-spec-area {width:52%;left:24.6%;}
	.spec-item-left {position:absolute;left:2%;width:20%;padding:0}
	.spec-item-right {right:2%;padding:0}
	.view-more-link {bottom: 5%;}
	.compare-spec-area .compare-spec .ico-item span {display:block;height:50px;background-size:40px auto;}

	.spec-content .ico-plus {right:7%; bottom:2%}
}

@media only screen and (max-width:960px){
	.spec-content .ico-plus {right:-6%; bottom:3%}
}

@media only screen and (max-width:767px) {
	.spec-tit {width: 200%;}
	.spec-tit .tit {width: 100%;height:2.2%;float: left;padding: 3.5% 0;}
	.spec-tit .tit img {max-width:100%;float: none;}
	.spec-content {position:relative;width:100%;} 
	.spec-content .spec-tab-list a img {max-width: 60%;}
	.spec-wrap .spec-head .spec-head-tit {font-size:24px;}
	.spec-wrap .spec-head .spec-head-desc {font-size:12px;}
	
	.spec-item-left {width:26%;padding:0 8%;}
	.spec-item-right {width:26%;padding:0 8%;}
	
	.spec-tab {width: 230%;height:2.2%;margin-left: -12.5%;box-sizing:border-box;}
	.spec-content .spec-tab-list {position:absolute;width:150%;left:25%;margin:5px 0 0 0;z-index:101;box-sizing:border-box;}
	.spec-content .spec-tab-list a {margin-top:-1px;padding: 1% 0;line-height: normal;height: initial;box-sizing: border-box;}
	.spec-content .spec-tab-list .on a {background:#292929;border:1px solid #292929}
	.spec-content .spec-tab-list a.btn-spec {display: block;width: 59.8%;margin-left: -12.5%;border:1px solid #292929;text-align:center;box-sizing:border-box;background:#292929;line-height: initial;height: initial;padding: 3% 0;}
	.spec-content .spec-tab-list a.btn-spec span {
		background-image:url('/common/promotions/galaxy/s6edge-plus/spec/ico_spec_tab.gif');
		background-size: initial;
		background-position: 98% center;
		background-repeat:no-repeat;
		display:block;
}
	.spec-content .spec-tab-list a.btn-spec.on span {background:#292929 url('/common/promotions/galaxy/s6edge-plus/spec/ico_spec_tab_on.gif') no-repeat 98% center;}
	.spec-content .spec-tab {display:block;clear: both;}
	.spec-content .spec-tab.tab03, .spec-content .spec-tab.tab02 {display:none;}
	.compare-spec-area {width:100%;left:0;position:relative;clear: both;margin-top:5%;}
	.compare-spec-area .compare-spec .txt-item.current-v {padding-left:4%;}
	.compare-spec-area .compare-spec .txt-item.next-v {padding-right:4%;}
	.compare-spec-area .compare-spec .ico-item {width:12%;margin-left:44%;}
	.compare-spec-area .compare-spec .ico-item span {display:block;height:50px;background-size:36px auto;}
	.spec-content .spec-img {margin-top: 45%;z-index: -1;}
	.spec-content .spec-tit {position:relative; right:0; text-align:center;}
	.view-more-link {white-space:nowrap;}
	.spec-content .ico-plus {position:absolute; left:50%; top:50%; width:32px; height:32px; font-size:0;background-image:url('/common/promotions/galaxy/s6edge-plus/spec/ico_plus_m.png'); background-size:100% auto;
		-webkit-transform: translate(-50% ,-50%);
		-moz-transform: translate(-50% ,-50%);
		-ms-transform: translate(-50% ,-50%);
		-o-transform: translate(-50% ,-50%);
		transform: translate(-50% ,-50%);
		z-index:100;
	}
	
}
@media only screen and (max-width:480px) {
	.spec-content {position:relative;width:100%;}
	.compare-spec-area .compare-spec .ico-item span {height:65px;}
}

@media only screen and (max-width:430px) {
	.spec-content {position:relative;width:100%;}
	.compare-spec-area .compare-spec .ico-item span {height:70px;}
}

@media only screen and (max-width:380px) {
	.spec-content {position:relative;width:100%;}
	.compare-spec-area .compare-spec .txt-item.current-v {width:39%;padding-left:3%;}
	.compare-spec-area .compare-spec .txt-item.next-v {width:39%;padding-left:3%;}
	.compare-spec-area .compare-spec .ico-item {width:14%;margin-left: 42%;}

	div.paging-type1 {width:150%;margin-left:-30%;}
}

/* module - layer gallery */
.ly-gallery-list {position:relative;width:100%;height:100%;max-height:752px;}
.ly-gallery-list li{position:absolute;width:100%;height:100%;left:0;top:0;opacity:1;display:list-item;text-align:center;}
.ly-gallery-list li > span {position:relative;display:block;left:50%;width:1000px;height:100%;margin-left:-500px;}
.ly-gallery-list li img {display:block;margin:0 auto;width:auto;height:100%;max-height:752px;}

/* module - layer */
.ly-product-box {position:fixed;left:0;top:0;width:100%;height:100%;z-index:1111;visibility:hidden;box-sizing:border-box;}
.ly-product-box span.layer-title{position:absolute;left:-999em;}
.ly-product-box .ly-inner{position:absolute;left:0;top:0;right:0;bottom:0;overflow:hidden;}
.ly-product-box .ly-header{position:absolute;left:2%;top:7.5%;opacity:1;}
.ly-product-box .ly-header h3 {display:inline; margin-right:12px; font-size:24px; color:#fff; font-family:'sssB';}
.ly-product-box .ly-header em {color:#fff; display:inline; font-size:20px;}
.ly-product-box .ly-contents{overflow:hidden;position:absolute;left:0;right:0;top:120px;bottom:100px;}
.ly-product-box .btn-type2-prev,
.ly-product-box .btn-type2-next{position:absolute;top:50%;margin-top:-89px;}
.ly-product-box .btn-type2-prev{left:0;}
.ly-product-box .btn-type2-next{right:0;}
.ly-product-box .btn-close{position:absolute;right:2%;top:7.5%;}
.ly-product-box.show div.paging-type1{opacity:1;}
.ly-product-box.show {visibility:visible;background-color:#000;background-color:rgba(0,0,0,0.9);}
.ly-product-box.show .ly-header,
.ly-product-box.show .ly-contents,
.ly-product-box.show .btn-close{opacity:0.95;outline:invert none medium;}

.ly-product-box button.btn-close {display:inline-block;font-size:0;line-height:0;box-sizing:content-box;background-repeat:no-repeat;background-position:50% 50%;background-color:transparent;cursor:pointer;}
.ly-product-box button.btn-close {width:21px;height:21px;background-image:url('/common/promotions/galaxy/s6edge-plus/product/btn_layer_close.png');}
.ly-product-box .ly-inner a.btn-type2-prev , .ly-product-box .ly-inner a.btn-type2-next {position:absolute;display:inline-block;font-size:0;line-height:0;width:90px;height:178px;background-repeat:no-repeat;background-color:transparent;background-position:50% 0;box-sizing:border-box;cursor:pointer;}
.ly-product-box .ly-inner a.btn-type2-prev:hover , .ly-product-box .ly-inner a.btn-type2-next:hover {background-position:50% 100%;}
.ly-product-box .ly-inner a.btn-type2-prev span , .ly-product-box .ly-inner a.btn-type2-next span {position:absolute;left:0;top:0;width:100%;height:100%;background-size:200% 100%;background:none;box-sizing:border-box;cursor:pointer;opacity:0.6;}
.ly-product-box .ly-inner a.btn-type2-prev{left:10px;background-image:url('/common/promotions/galaxy/s6edge-plus/product/btn_t2_prev.png');}
.ly-product-box .ly-inner a.btn-type2-next{right:10px;background-image:url('/common/promotions/galaxy/s6edge-plus/product/btn_t2_next.png');}

.ly-paging-type {text-align:center;position:absolute; width:100%; bottom:3.7%;z-index:100}
.ly-paging-type a{position:relative;display:inline-block;z-index:1;cursor:pointer; margin:0 7px !important;}
.ly-paging-type a{width:16px;height:16px;background:#f1f1f1;border-radius:50%;}
.ly-paging-type a:before {width:16px;height:16px;background:#f1f1f1;border-radius:50%}
.ly-paging-type a:hover, .ly-paging-type a.on {background:#0a85ff;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);}

@media only screen and (max-width:767px) {
	.ly-product-box .ly-header {left:3%}
	.ly-product-box .ly-header h3 {display:block;font-size:18px;}
	.ly-product-box .ly-header em {font-size:12px;}
	.ly-product-box .ly-contents {left:0; right:0; top:50%;
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		-o-transform: translateY(-50%);
		transform: translateY(-50%);
	}
	.ly-product-box .btn-close {right:3%;}
	.ly-product-box .btn-type2-prev, .ly-product-box .btn-type2-next {margin-top:-45px;}
	.ly-product-box .ly-inner a.btn-type2-prev , .ly-product-box .ly-inner a.btn-type2-next {width:45px;height:89px;}
	.ly-product-box .ly-inner a.btn-type2-prev span , .ly-product-box .ly-inner a.btn-type2-next span {position:absolute;left:0;top:0;width:100%;height:100%;background-size:50% 50%;background:none;box-sizing:border-box;cursor:pointer;opacity:0.6;}
	.ly-product-box .ly-inner a.btn-type2-prev{left:10px;background-size:cover}
	.ly-product-box .ly-inner a.btn-type2-next{right:10px;background-size:cover}
	
	.ly-gallery-list {max-height:356px;}
	.ly-gallery-list li img {max-height:356px;}

	.ly-paging-type {bottom:12.3%}
	.ly-paging-type a{margin:0 4px !important;}
	.ly-paging-type a{width:12px;height:12px;}
	.ly-paging-type a:before {width:12px;height:12px;}
}
