/* .banner {
	background-image: url(../../images/case/banner_phone@2x.jpg);
} */
.banner__imgbox{
	opacity: 1;
}
.banner__heading {
	/* text-shadow: 0 0 .15em rgba(0,0,0,.02); */
}

.section{
	margin: 0;
	padding: 100px 0;
}
.wrap__inner{
	padding: 0 30px;
}
.section__inner{
	padding: 0 30px;
}
.section__heading {
	margin-bottom: 85px;
}
.sections-wrap .section__heading{
	margin-bottom: 30px;
	font-size: 48px;
}
.sections-wrap .section__subheading{
	margin-bottom: 15px;
}
/* -----------------簡介----------------- */
.section-intro{
	padding-bottom: 40%;
}
.caseinfo{

}
.caselist__item {
	padding-bottom: 40px;
}
.caseinfo__item {
	margin-bottom: 100px;
}
.caseinfo__heading {
	word-break: break-word;
	margin-bottom: 100px;
}
.caseinfo__datalist {
	font-size: 18px;
	/* border-left: 1px solid #707070; */
	position: relative;
}
.caseinfo__datalist:before{
	content: "";
	display: block;
	width: 1px;
	background: #707070;
	position: absolute;
	left: -1px;
	top: 30px;
	bottom: 30px;
}
.caseinfo__datalist-item {
	padding: 20px 0 20px 30px;
	display: flex;
	position: relative;
	color: #fff;
}
.caseinfo__datalist-item:before{
	content: "";
	display: block;
	border-radius: 50%;
	width: 9px;
	height: 9px;
	border: 2px solid #222;
	position: absolute;
	left: -5px;
	top: calc(50% - 5px);
	z-index: 1;
	pointer-events: none;
	background: #fff;
}
.caseinfo__datalist-title {
	min-width: 6em;
}
.caseinfo__datalist-desc {
	color: #ccc;
	padding-left: 1em;
}
.caseinfo__title {
	font-size: 24px;
	margin-bottom: 1em;
}
.caseinfo__desc {
	color: #ccc;
	font-size: 18px;
}
.caseinfo__linkbox {
	margin-top: 2.5em;
}
.caseinfo__link {
	text-decoration: underline;
}
/* -----------------更多區----------------- */
.caseinfo__more{
	border-top: 1px solid #999999;
	padding: 55px 0 0;
	text-align: center;
}
/* -----------------擷圖----------------- */
.section-shot{
	background: #000;
	padding-top: 0;
}
/* 主圖 */
.shot{
	position: relative;
}
.shot__item {
	margin-bottom: 50px;
}
.shot__imgbox{
	margin: 0 auto 55px;
	position: absolute;
	left: 15px;
	right: 15px;
	transform: translateY(-50%);
}
.shot__info{
	padding-top: 40%;
}
.shot__info-item{

}
.shot__info-item:not(:last-child){
	margin-bottom: 50px;
}
.shot__info-heading{
	font-size: 24px;
	margin-bottom: 20px;
}
.shot__info-desc{
	color: #ccc;
}
/* -----------------表現----------------- */
.section-performance{

}
.performancelist{

}
.performancelist .section__subheading{
	margin-bottom: 15px;
}
.performancelist .section__heading{
	font-size: 48px;
	margin-bottom: 50px;
}
.performancelist__imgbox-wrap{
	
}
.performancelist__imgbox{
	margin-bottom: 50px;
}
.performancelist__img{
	
}
.performancelist__info{

}
.section__heading-wrap{
}
.section__subheading{
	
}
.section__heading{
	
}
.performancelist__featurelist{
	font-size: 18px;
}
.performancelist__featurelist .listtext__item{
	margin-bottom: 10px;
}
/* 成效 舊 */
.caseresult {
	margin-bottom: 5em;
}
.caseresult__datalist-item {
	
}
.caseresult__datalist-item:first-child {
	padding-top: 0;
}
.caseresult__datalist-num {
	color: #CC0000;
	font-size: 90px;
	font-weight: bold;
	text-align: center;
	border-bottom: 1px solid #999;
	padding: 50px 0;
	margin-bottom: 50px;
}

.login-no {
	border-top: 1px solid #999;
	text-align: center;
	padding-top: 55px;
	position: relative;
	/* background: #000; */
	z-index: 1;
}
.login-no__text {
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 1em;
}
/* -----------------挑戰及解決辦法----------------- */
.section-solution{

}
.section-solution .section__text{

}
/* -----------------亮點及額外驚喜----------------- */
.section-hightlihgt{

}
.hightlight__datalist {
}
.hightlight__datalist-item {
	padding: 30px 0;
	border-bottom: 1px solid #999;
	display: flex;
	align-items: center;
	position: relative;
}
.hightlight__datalist-item:first-child{
	padding-top: 0;
}
.hightlight__datalist-title {
	min-width: 7em;
	font-size: 18px;
	color: #555;
}
.hightlight__datalist-num {
	font-weight: bold;
	color: #ccc;
	padding-left: 1em;
	font-size: 24px;
	color: #333;
}
@media (min-width: 768px) {
	.section-solution .section{
		height: auto;
	}
	.caseresult__datalist {
		display: flex;
	}
	.caseresult__datalist-item {
		padding: 0 6.25%;
		width: 50%;
	}
	.caseresult__datalist-num {
		/* margin-bottom: 0; */
	}
}

@media (min-width: 1024px) {
	.section{
		padding: 200px 0;
	}
	.section__inner{
		max-width: initial;
		padding: 0;
	}
	.section-solution .section{
		min-height: initial;
	}
	/* .banner {
		background-image: url(../../images/case/banner_web.jpg);
	} */
	.sections-wrap .section__heading{
		margin-bottom: 60px;
	}
	.section-shot{
		background: transparent;
		position: relative;
	}
	
	.section-shot:before{
		content: "";
		background: #000;
		display: block;
		position: absolute;
		top: 0;
		right: 0;
		width: calc(100% - 8%);
		bottom: 0;
		z-index: 0;
	}
	.shot{
		/* display: flex; */
		/* align-items: center; */
	}
	.shot__imgbox{
		position: static;
		top: initial;	
		margin: 0;
		transform: translateY(0);
	}
	.shot__info{
		padding-top: 0;
	}
	.shot__item {
		margin-bottom: 100px;
	}

	.caseinfo {
		display: flex;
	}
	.caseinfo__title{
		font-size: 34px;
	}
	.caseinfo__item {
		width: 50%;
		margin: 0;
	}
	.caseinfo__item:last-child {
		/* padding-top: 70px; */
	}
	.caseinfo__item:first-child {
		padding-right: 12.5%;

	}
	.caseresult__heading {
		margin-bottom: 100px;
	}
	.performancelist__imgbox-wrap{
	}
	.performancelist__imgbox{
		margin-bottom: 100px;
	}
	.performancelist__info{
		display: flex;
		justify-content: center;
	}
	.section__heading-wrap{
		margin-right: 8%;
	}
	.performancelist .section__heading{
		margin-bottom: 0;
	}
	
	.performancelist__featurelist{

	}
	.login-no {
		margin-top: 100px;
		padding-top: 100px;
	}
	.login-no__text {
		font-size: 34px;
	}
	/* 數值 */
	.hightlight__datalist-item {
	}
	.hightlight__datalist-item:first-child{
	}
	.hightlight__datalist-title {
	}
	
	.section-case-more{
		padding: 100px 0;
	}
	
}

@media (min-width: 1230px) {
	.wrap__inner{
		padding: 0;
	}
	.section-shot:before{
		width: calc(100% - 18.4%);
	}
	.caseresult__datalist-num {
		font-size: 120px;
	}
	.section-shot .section__vtl-text{
		top: 71.8%;
	}
	.hightlight__datalist-num {
		font-size: 34px;
	}

}