.embssy-intro-banner{background: url(../images/b1424x643.jpg) no-repeat center center / cover; }
.intro-content{
	position: relative;
}
@media screen and (min-width:768px){
	.intro-content{
		max-width: 1008px;
		margin: auto;
	}
}
.intro-content > .col-sm-6{
	padding: 0 12px;
}
@media screen and (max-width:767px) {
	.cp-page-block .main-cp-block {
	    padding-left: 0;
	    padding-right: 0;
	}
	.intro-item:first-child .col-xs-12 {
		padding: 0;
		margin: 0;
	}
	.intro-item:not(:first-child) .col-xs-12 {
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.intro-item:nth-last-child(2) {
		display: flex;
		flex-direction: column-reverse;
	}
}
.intro-item:after {
	content: '';
	clear: both;
	display: block;
}


.diy-item h2,
.intro-item h2 {
	font-family: 'NotoSansTC-Regular-Alphabetic','微軟正黑體', 'Microsoft JhengHei', Arial, Verdana, sans-serif;
	font-size: 24px;
	color: #002157;
	font-weight: bold;
	padding-bottom: 30px;
}

.diy-item-group .main-txt h2,
.price-col .price{
	padding: 16px 0;
	margin: 0;
	font-size: 24px;
	font-weight: bold;
	color: #002157;
}
.price-col .price{
	font-family: 'Montserrat-Bold';
	color: #111;
	padding-bottom: 14px;
}
@media screen and (min-width:768px){
	.diy-item-group .main-txt h2{
		padding: 30px 0 26px;
	}
	.price-col .price{
		padding: 30px 0 24px;
	}
}
.price-col .price span{
	font-family: 'NotoSansTC-Light-Alphabetic';
	font-size: 14px;
}
.diy-item-group .main-txt p,
.price-col p{
	font-size: 14px;
	line-height: 1.5;
	color: #555;
}
.price-col p{
	margin: 0;
}
.price-col .all-more-btn{
	margin-bottom: 0;
}
.diy-item-group{
	padding-bottom: 65px;
}
.intro-item p {
	font-size: 16px;
	color: #555;
	line-height: 1.8;
}
.intro-item:first-child p { 
	padding: 50px 0; 
}
@media screen and (max-width:767px){
	.intro-item:first-child p { 
		padding: 20px; 
	}	
}
.intro-item:nth-last-child(2),
.intro-item:last-child {
	padding: 45px 0;
}
@media screen and (max-width:767px){
	.intro-item:nth-last-child(2),
	.intro-item:last-child {
		padding: 0;
	}
}
.intro-item:nth-last-child(2) .col-sm-6:last-child {
	padding-left: 40px;
}
@media screen and (max-width:767px){
	.intro-item:nth-last-child(2) .col-sm-6:last-child,
	.intro-item:last-child .col-sm-6:first-child {
		padding: 0 20px;
	}	
}
.intro-item .pic img {
    width: 100%;
    vertical-align: top;
}
@media screen and (max-width:767px){
	
}