body {
	margin: 0px;
	padding: 0px;
	font-family: Microsoft JhengHei, Arial, Helvetica, sans-serif,"微軟正黑體";
	font-size:13px;
	min-height: 100vh;
	font-weight: bold;
}
:focus {
	outline: none;
}
a {
	-moz-transition: all 0.4s;
	-o-transition: all 0.4s;
	-webkit-transition: all 0.4s;
	transition: all 0.4s;
}


.main{
	width:100%;
	margin:0 auto;
	min-width: 1000px;
	max-width: 1920px;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#cedae6+0,f2f5f9+40,d4d4db+100 */
	background: #cedae6; /* Old browsers */
	background: -moz-linear-gradient(45deg,  #cedae6 0%, #f2f5f9 40%, #d4d4db 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(45deg,  #cedae6 0%,#f2f5f9 40%,#d4d4db 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(45deg,  #cedae6 0%,#f2f5f9 40%,#d4d4db 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cedae6', endColorstr='#d4d4db',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.main h1 {
	display: none;
}

/*kvBlock
============================================================== */
.kvBlock {
	width: 100%;
	position: fixed;
	top: 0;
	left: 50%;
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	height: 645px;
	background: url(../img/kv.jpg) no-repeat center top;
	z-index: 1;
}

.kvBlock .header {
	width: 100%;
}
.kvBlock .header .left {
	float: left;
	margin-top: 20px;
	margin-left: 25px;
}
.kvBlock .header .left a.logo_samsung {
	display: block;
	width: 130px;
	height: 25px;
	background: url(../img/logo_samsung.png) no-repeat 0 0;
}
.kvBlock .header .right {
	float: right;
	margin-top: 15px;
	margin-right: 25px;
}
.kvBlock .header .right a {
	display: inline-block;
	vertical-align: top;
}
.kvBlock .header .right a.logo_01 {
	width: 150px;
	height: 35px;
	background: url(../img/logo_01.png) no-repeat 0 0;
}
.kvBlock .header .right a.btn_share{
	background: url(../img/btn_share.png) no-repeat 0 0;
	width: 15px;
	height: 30px;
	margin-left: 15px;
	text-indent: -5000px;
}
.kvBlock .kv {
	width: 1000px;
	margin: 0 auto;
	position: relative;
	height: 100%;
}
.kvBlock .kv .kv_tit {
	position: absolute;
	top: 50%;
	-moz-transform: translateY(-65%);
	-ms-transform: translateY(-65%);
	-webkit-transform: translateY(-65%);
	transform: translateY(-65%);
	width: 30%;
	left: 0;
}
.kvBlock .kv .feature {
	position: absolute;
	bottom: 60px;
	right: 25px;
	display: block;
}
.kvBlock .kv .m_feature{
	display: none;
}
.kvBlock .arw_down{
	display: none;
}

/*menu
============================================================== */
.menu {
	position: relative;
	z-index: 3;
	width: 1000px;
	background-color: #2b2b2b;
	height: 80px;
	box-shadow: 5px 5px 20px rgba(0,0,0,0.15) ;
	text-align: center;
	margin: 605px auto 0;

}
.menu ul li {
	display: inline-block;
	width: 16%;
}
.menu ul li a {
	display: block;
	line-height: 80px;
	color: #fff;
	font-size: 16px;
	text-decoration: none;
}
.menu ul li a:hover {
	color: #3ea3db;
}


/*bottomBlock
============================================================== */
.bottomBlock {
	width: 100%;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#cedae6+0,f2f5f9+40,d4d4db+100 */
	background: #cedae6; /* Old browsers */
	background: -moz-linear-gradient(45deg,  #cedae6 0%, #f2f5f9 40%, #d4d4db 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(45deg,  #cedae6 0%,#f2f5f9 40%,#d4d4db 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(45deg,  #cedae6 0%,#f2f5f9 40%,#d4d4db 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cedae6', endColorstr='#d4d4db',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	margin-top: -40px;
	position: relative;
	z-index: 2;
	overflow: hidden;
}


/*bottomBlock - review */
.review {
	width: 1000px;
	margin: 100px auto 70px;
	background-color: #fff;
	box-shadow: 5px 5px 20px rgba(0,0,0,0.15) ;
	position: relative;
}
.review .owl-carousel .item a {
	display: block;
	width: 100%;
	height: 210px;
	text-decoration: none;
}
.review .owl-carousel .item a .pic {
	width: 395px;	
	float: left;
	height: 210px;
	overflow: hidden
}
.review .owl-carousel .item a .pic img {
	width: 100%;
}
.review .owl-carousel .item a .con {
	overflow: hidden;
	padding: 30px 30px 0 30px;
}
.review .owl-carousel .item a .con .editor {
	color: #3ea3db;
	font-size: 15px;
	line-height: 30px;
}
.review .owl-carousel .item a .con h2 {
	color:#2b2b2b;
	font-size: 18px;
	line-height: 35px;
}
.review .owl-carousel .item a .con .words {
	color: #797979;
	font-size: 13px;
	line-height: 24px;
	height: 72px;
	overflow: hidden;
	display: block;
}
.review .owl-carousel .item a:hover {
	opacity: 0.7;
}
.review .owl-carousel .owl-nav .owl-prev ,.review .owl-carousel .owl-nav .owl-next{
	border: 1px solid #5c5c5c;
	width: 70px;
	height: 70px;
	position: absolute;
	top: 50%;
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.review .owl-carousel .owl-nav span {
	display: none;
}
.review .owl-carousel .owl-nav .owl-prev {
	left: -100px;
	background: url(../img/owl-prev.png) no-repeat 0 0 / 100% auto;
}
.review .owl-carousel .owl-nav .owl-next {
	right: -100px;
	background: url(../img/owl-next.png) no-repeat 0 0 / 100% auto;
}
.review .owl-carousel .owl-nav .owl-prev:hover ,.bottomBlock .owl-carousel .owl-nav .owl-next:hover {
	background-color: #c8cdd1;
}
.review .owl-carousel .owl-dots {
	position: absolute;
	left:50%;
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	bottom: -30px;
}
.review .owl-carousel .owl-dots button {
	width: 10px;
	height: 10px;
	background-color: #fff;
	border-radius: 99em;
	margin: 0 10px;
}
.review .owl-carousel .owl-dots button.active {
	background-color: #2b2b2b;
}

/*bottomBlock - unboxing */
.unboxing {
	width: 100%;
	position: relative;
	padding-top: 100px;
}
.unboxing .m_unboxing_bg {
	display: none;
}
.unboxing .bg {
	width: 100%;
	background-color: #2b2b2b;
	height: 620px;
	position: absolute;
	top: 0;
	z-index: 1;
}
.unboxing .unboxWarp {
	width: 1000px;
	margin: 0 auto;
	background: #5c5c5c url(../img/unboxing_bg.png) no-repeat top left;
	box-shadow: 5px 5px 20px rgba(0,0,0,0.15) ;
	position: relative;
	height: 620px;
	z-index: 2;
	padding: 55px 0 0 360px;
	box-sizing: border-box;
}
.unboxing .unboxWarp h3 {
	color: #ffffff;
	font-size: 28px;
	font-weight: normal;
	line-height: 75px;
	border-bottom: 1px solid #2b2b2b;
}
.unbox {
	width: 570px;
}
.unbox .owl-carousel .item a {
	display: block;
	width: 165px;
	height: 165px;
	text-decoration: none;
	overflow: hidden;
	margin-top: 40px;
	position: relative;
	background-color: #2b2b2b;
}
.unbox .owl-carousel .item a .con {
	position: absolute;
	z-index: 2;
	line-height: 16px;
	top: calc(100% - 30px);
	left: 10px;
	right: 10px;
	-moz-transition: all 0.4s;
	-o-transition: all 0.4s;
	-webkit-transition: all 0.4s;
	transition: all 0.4s;
	color: #fff;
	font-size: 12px;
}
.unbox .owl-carousel .item a:before {
	content:"";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 50px;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#2b2b2b+0,2b2b2b+100&0+0,1+100 */
	background: -moz-linear-gradient(top,  rgba(43,43,43,0) 0%, rgba(43,43,43,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(43,43,43,0) 0%,rgba(43,43,43,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(43,43,43,0) 0%,rgba(43,43,43,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002b2b2b', endColorstr='#2b2b2b',GradientType=0 ); /* IE6-9 */
	z-index: 2;
}
.unbox .owl-carousel .item a .con .editor {
	color:#ffffff;
	font-size: 13px;
	line-height: 30px;
}
.unbox .owl-carousel .item a .con h2 {
	color: #cacaca;
}
.unbox .owl-carousel .item a .pic {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1;
	-moz-transition: all 0.4s;
	-o-transition: all 0.4s;
	-webkit-transition: all 0.4s;
	transition: all 0.4s;
}
.unbox .owl-carousel .item a .pic:before {
	content:"";
	width: 110%;
	height: 100%;
	background-color: #2b2b2b;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	opacity: 0;
	-moz-transition: all 0.4s;
	-o-transition: all 0.4s;
	-webkit-transition: all 0.4s;
	transition: all 0.4s;
}
.unbox .owl-carousel .item a .pic img {
	display: block;
  width: 100%;
  position: relative;
  z-index: 1;
}
.unbox .owl-carousel .item a .arw {
	background: url(../img/unbox_arw.png) no-repeat right bottom / cover;
	width: 50px;
	height: 50px;
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: 3;
	-moz-transition: all 0.4s;
	-o-transition: all 0.4s;
	-webkit-transition: all 0.4s;
	transition: all 0.4s;

}
.unbox .owl-carousel .item a:hover .con {
	top: 50%;
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.unbox .owl-carousel .item a:hover .arw {
	bottom: -100%;
}
.unbox .owl-carousel .item a:hover .pic:before {
	opacity: 0.5;
}
.unbox .owl-carousel .owl-nav .owl-prev ,.unbox .owl-carousel .owl-nav .owl-next{
	border: 1px solid #5c5c5c;
	width: 70px;
	height: 70px;
	position: absolute;
	top: 125px;
}
.unbox .owl-carousel .owl-nav span {
	display: none;
}
.unbox .owl-carousel .owl-nav .owl-prev {
	left: -460px;
	background: url(../img/owl-prev.png) no-repeat 0 0 / 100% auto;
}
.unbox .owl-carousel .owl-nav .owl-next {
	right: -170px;
	background: url(../img/owl-next.png) no-repeat 0 0 / 100% auto;
}
.unbox .owl-carousel .owl-nav .owl-prev:hover ,.bottomBlock .owl-carousel .owl-nav .owl-next:hover {
	background-color: #c8cdd1;
}
.unbox .owl-carousel .owl-dots {
	position: absolute;
	bottom: -50px;
	left: 50%;
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}
.unbox .owl-carousel .owl-dots button {
	width: 10px;
	height: 10px;
	background-color: #2b2b2b;
	border-radius: 99em;
	margin: 0 10px;
}
.unbox .owl-carousel .owl-dots button.active {
	background-color: #d1d1d1;
}


/*bottomBlock - newsBlock */
.newsBlock {
	width: 1000px;
	margin: 100px auto 0;
	box-shadow: 5px 5px 20px rgba(0,0,0,0.15) ;
	background-color: #fff;
	padding: 35px 65px 70px;
	box-sizing: border-box;
	position: relative;
	z-index: 2;
}
.newsBlock h3 {
	font-size: 28px;
	color: #2b2b2b;
}
.newsBlock .news ul li {
	width: 100%;
	margin: 30px 0 0;
	border-bottom: 1px solid #e1e1e1;
	padding-bottom: 30px;
}
.newsBlock .news ul li:last-child {
	border-bottom:none;
	padding-bottom: 0;
}
.newsBlock .news ul li a {
	display: block;
	width: 100%;
	overflow: hidden;
	text-decoration: none;
}
.newsBlock .news ul li a img {
	float: left;
	width: 255px;
}
.newsBlock .news ul li a .con {
	overflow: hidden;
	    padding-left: 35px;
}
.newsBlock .news ul li a .con .editor {
	color: #3ea3db;
	font-size: 15px;
	line-height: 30px;
}
.newsBlock .news ul li a .con h2 {
	font-size: 18px;
	color: #2b2b2b;
	line-height: 1.3;
	margin-top: 5px;
}
.newsBlock .news ul li a .con .words {
	font-size: 13px;
	color: #797979;
	line-height: 1.5;
	margin-top: 15px;
	height: 60px;
	display: block;
	overflow: hidden;
}
.newsBlock .news ul li a:hover {
	opacity: 0.7;
}

/*bottomBlock - footer */
.footer {
	width: 100%;
	height: 865px;
	background: url(../img/footer_bg.jpg) no-repeat top center / cover;
	margin-top: -205px;
	position: relative;
	z-index: 1;
}
.footer .goTop {
	position: absolute;
	bottom:0;
	right: 20px;
	width: 70px;
	height: 45px;
	border: 1px solid #fff;
	border-bottom: 0;
	text-indent: -5000px;
	background: rgba(182,195,208,0.3) url(../img/goTop.png) no-repeat center / cover;
}
.footer .goTop:hover {
	background: rgba(182,195,208,0.7) url(../img/goTop.png) no-repeat center / cover;
}

@media only screen and (max-width: 1000px) {
	.kvBlock {
		width: 100%;
		position: fixed;
		top: 0;
		left: 0;
		-moz-transform: translateX(0);
		-ms-transform: translateX(0);
		-webkit-transform: translateX(0);
		transform: translateX(0);
		background: url(../img/kv_s.jpg) no-repeat left top;
	}

}

@media only screen and (max-width: 750px) {
	.main {
		min-width: 100%;
	}

	/*kvBlock
	============================================================== */
	.kvBlock .header {
		width: 100%;
		height: 60px;
		background-color: #fff;
	}
	.kvBlock .header .left, .kvBlock .header .right {
		margin: 0;
	}
	.kvBlock .header .left a.logo_samsung {
		width: 112px;
		height: 60px;
		background: url(../img/m_logo_samsung.png) no-repeat 0 0 / 100% auto;
	}
	.kvBlock .header .right a.logo_01 {
		width: 100px;
		height: 60px;
		background: url(../img/m_logo_01.png) no-repeat 0 0 / 100% auto;
	}
	.kvBlock .header .right a.btn_share{
		background: url(../img/m_btn_share.png) no-repeat 0 0 / 100% auto;
		width: 30px;
		height: 60px;
		margin-left: 0;
		margin-right: 10px;
		text-indent: -5000px;
	}
	.kvBlock .kv {
		width: 100%;
	}
	.kvBlock .kv .kv_tit {
		top: calc((100vw / 750) * 580);
		left: 50%;
		width: 70%;
		-moz-transform: translate(-50% , 0);
		-ms-transform: translate(-50% , 0);
		-webkit-transform: translate(-50% , 0);
		transform: translate(-50% , 0);
	}
	.kvBlock .kv .feature {
		display: none;
	}
	.kvBlock .kv .m_feature {
		display: block;
		width: 100%;
		position: absolute;
		top: calc((100vw / 750) * 800);
	}
	.kvBlock .arw_down{
		display: block;
		bottom: calc((100vw / 750) * 150);
		left: 50%;
		width: 100%;
		-moz-transform: translate(-50% , 0);
		-ms-transform: translate(-50% , 0);
		-webkit-transform: translate(-50% , 0);
		transform: translate(-50% , 0);
		background: url(../img/arw_down.png) no-repeat center / 100% auto;
		height: 30px;
		position: fixed;
		animation: arw_down_a 0.5s linear infinite alternate;
	}
	@keyframes arw_down_a {
	    from { bottom: calc((100vw / 750) * 150);}
	    to   { bottom: calc((100vw / 750) * 120);}
	}
	/*menu
	============================================================== */
	.menu {
		margin:100vh auto 0;
		border-top: 40px solid #d4d4db;
		width: 100%;
		height: auto;
		background-color: #ffffff;
	}
	.menu ul{
		overflow: hidden;
	}
	.menu ul li {
		width: calc(100% / 3);
		float: left;
	}
	.menu ul li a{
		color: #2b2b2b;
		line-height: 60px;
		font-size: 14px;
		box-sizing: border-box;
		border-bottom: 1px solid #d7dfe7;
		border-right: 1px solid #d7dfe7;
	}
	.menu ul li:nth-of-type(3n) a{
		border-right: none;
	}

	/*kvBlock
	============================================================== */
	.kvBlock {
		background: #1a191a url(../img/m_kv.jpg) no-repeat top center / 100% auto;
		height: 100%;
	}

	/*bottomBlock
	============================================================== */
	.bottomBlock {
		margin-top: 0;
	}

	/*bottomBlock - review */
	.review {
		width: calc(100% - 80px);
		margin: 40px auto 70px;
		background-color: #fff;
		box-shadow: 5px 5px 20px rgba(0,0,0,0.15) ;
		position: relative;
	}
	.review .owl-carousel .item a {
		height: auto;
	}
	.review .owl-carousel .item a .pic {
		width: 100%;
		height: auto;
		position: relative;
	}
	.review .owl-carousel .item a .pic:before {
		content:"";
		background: url(../img/m_review_bg.png) no-repeat 0 bottom / 100% auto;
		width: 100%;
		height: calc(((100% - 80px) / 100) * 35);
		position: absolute;
		bottom: 0;
		left: 0 ;
	}
	.review .owl-carousel .item a .con {
		padding: 10px 25px 30px;
	}
	.review .owl-carousel .item a .con .editor {
		font-size: 18px;
		font-weight: normal;
	}
	.review .owl-carousel .item a .con h2 {
		font-size: 15px;
		line-height: 26px;
	}
	.review .owl-carousel .item a .con .words {
		height: 48px;
	}

	/*bottomBlock - unboxing */
	.unboxing {
		padding-top: 0;
	}
	.unboxing .m_unboxing_bg {
		display: block;
		width: 100%;
	}
	.unboxing .unboxWarp {
		width: 100%;
		background: none;
		padding: 0 0 0 25px;
		background-color: #5c5c5c;
		height: auto;
		padding-bottom: 95px;
	}
	.unboxing .bg {
		display: none;
	}
	.unbox {
		width: 100%;
	}
	.unboxing .unboxWarp h3 {
		font-size: 20px;
		line-height: 50px;
		padding-top: 20px;
	}
	.unbox .owl-carousel .item a {
		width: calc((100vw / 750)*300);
		height: calc((100vw / 750)*300);
		margin-top: calc((100vw / 750)*40);
	}
	.unbox .owl-carousel .owl-nav .owl-prev, .unbox .owl-carousel .owl-nav .owl-next {
		width: 40px;
		height: 40px;
		border: none;
		bottom: -60px;
		top: auto;
	}
	.unbox .owl-carousel .owl-nav .owl-prev {
		background: url(../img/m_owl-prev.png) no-repeat 0 0 / 100% auto;
		left: 0;
	}
	.unbox .owl-carousel .owl-nav .owl-next {
		background: url(../img/m_owl-next.png) no-repeat 0 0 / 100% auto;
		right: 6%;
	}
	.unbox .owl-carousel .owl-nav .owl-prev:hover, .bottomBlock .owl-carousel .owl-nav .owl-next:hover {
		background-color: transparent;
	}

	/*bottomBlock - newsBlock */
	.newsBlock {
		width: 100%;
		margin: 50px auto 0;
		padding: 25px;
	}
	.newsBlock h3 {
		font-size: 20px;
	}
	.newsBlock .news ul li {
		margin: 20px 0 0;
		padding-bottom: 20px;
	}
	.newsBlock .news ul li a img {
		width: 100%;
	}
	.newsBlock .news ul li a .con {
		float: left;
		padding-left: 0;
		margin-top: 10px;
	}

	/*bottomBlock - footer */
	.footer {
		width: 100%;
		height: 865px;
		background: url(../img/m_footer_bg.jpg) no-repeat top center / 100% auto;
		margin-top: 0;
		height: 0;
		padding-bottom: 105%;
	}
	.footer .goTop {
		width: 45px;
		height: 35px;
	}
}