.audiowide-regular {
  font-family: "Audiowide", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.m-plus-rounded-1c-regular {
  font-family: "M PLUS Rounded 1c", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.noto-sans-tc-<uniquifier> {
  font-family: "Noto Sans TC", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}

.noto-serif-tc-<uniquifier> {
  font-family: "Noto Serif TC", serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}

.huninn-regular {
  font-family: "Huninn", sans-serif;
  font-weight: 400;
  font-style: normal;
}

/*Animations*/
[data-animate-in] {
  opacity: 0;
  transition: transform 0.8s ease, opacity 0.8s ease;
}
[data-animate-in="up"] {
  transform: translate3d(0, 100px, 0);
}
[data-animate-in="left"] {
  transform: translate3d(-100px, 0, 0);
}
[data-animate-in="right"] {
  transform: translate3d(100px, 0, 0);
}
[data-animate-in="down"] {
  transform: translate3d(0, -100px, 0);
}
[data-animate-in].in-view {
  opacity: 1;
  transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  transition: transform 0.6s ease, opacity 0.6s ease;
}
[data-animate-in="fadeIn"] {
  transform: translate3d(0, 0, 0);
} /*淡入*/
[data-animate-in="scaleIn"] {
  transform: scale(.3);
} /*放大淡入*/
a {
  color: #000;
}
button, .navbar-toggler:hover, .navbar-toggler:focus {
  outline: none;
}
button:focus {
  outline: 0 auto -webkit-focus-ring-color;
}
.btn-merge{
	color:#fff;
	font-size:18px;
	letter-spacing: 2px;
	background-color: #e28d06;
	border-radius:30px;
	box-shadow: 3px 3px 3px #666;
	padding: 8px 12px;
	transition: all 0.5s;
}
.btn-merge:hover{
	color:#F8F3C9;
	letter-spacing: 8px;
}

.btn-light{
	color:#fff;
	background-color:#b99c62;
}
.btn-light:hover{
	color:#fff;
	background-color:#957232;
}
/*＝＝＝ｌｏｇｏ＝＝＝*/
h1{
	padding: 0;
	margin: 0;
}
.navbar-toggler{
	position: absolute;
	top:16px;
	right: 12px;
}
.navbar-brand{
	padding: 0;
	margin-bottom: -16px;
}
.logo-wrap{
	
}
.logo-M{
	float: left;
	color: #e38d06;
	font-size: 60px;
	font-family: "Audiowide", sans-serif;
}
.logo-top{
	color: #b98e3f;
	font-size:18px;
	font-weight: 500;
	text-align: right;
	font-family: "Noto Sans TC", sans-serif;
	height: 22px;
	display: flex;
    justify-content: flex-end;
    align-items: center;
}
.logo-top span{
	display: inline-block;
	background-color: #957232;
	color:#fff;
	font-weight: 300;
	width: 22px;
	height: 22px;
	border-radius:2px;
	vertical-align: middle;
	text-align: center;
	margin-left: 2px;
}
.logo-top span:last-child{
	margin-left: 4px;
}
.logo-down{
	font-family: "Audiowide", sans-serif;
	font-size:38px;
	color:#957232;
	margin-top: -4px;
}
.logo-text{
	float: right;
	margin-top: 4px;
}
#marketing,
#intent,
#link,
#bt,
#feature,
#system,
#contact{
	padding: 20px 0 0 0;
}
.marketing{
	background: url("../images/index/MERGE_bg_2.jpg") no-repeat top right;
}

.main_bg {
  background: url("../images/main_bg.jpg") no-repeat top center;
  background-size: cover;
  padding: 100px 0 60px 0;
}
.notice{
	background-color: #b47b6a;
	width:90%;
	padding: 40px;
	border-radius:55px;
	margin: 36px auto;
}
.notice > p{
	padding: 0;
	margin: 0;
	font-size:20px;
	color: #fff;
	text-align: center;
	line-height: 1.8;
}
.notice > p span{
	color:#f8d492;
	font-size:24px;
}

table{
	/*border-radius:15px;*/
	border:1px solid #d4c8b2;
	/*background-color: #fbf8f1;*/
	background-color: #ece6da;
}
.table thead th{
	border-bottom:none;	
}
.table-striped tbody tr:nth-of-type(odd){
	background-color: #fbf8f1;
}
.table td span{
	font-family: "Noto Serif TC", serif;
	font-weight: 700;
	text-align: center;
	font-size:20px;
	display: block;
}
.table th, .table td{
	border-top:none;
	border-bottom:1px solid #fff;
	vertical-align: middle;
}
.table tr:last-child td{
	border-bottom:1px solid #d4c8b2;
}
ul.List > li {
  list-style-type: decimal;
  font-weight: bold;
  padding-bottom: 12px;
}
ul.List > li > ol {
  padding-left: 0;
}
ul.List > li > ol > li {
  list-style-type: none;
  list-style-position: inherit;
}
body > .container-fluid:first-child {
  padding-top: 100px;
}

h2, h4 {
  border-bottom: none;
  text-align: center;
  position: relative;  
  margin-top: 40px;
  font-weight: bolder;
}
h2 {
  margin: 60px auto 60px auto;
  font-family: "Noto Serif TC", serif;
  position: relative;
}
h2:before{
	content:"";
	position: absolute;
	 left: 50%;
	bottom:-20px;
	font-size:16px;
    transform: translateX(-50%);
	color:#e28d06;
}
h2.system-title{
	border-bottom: 1px solid #eee;
	padding: 18px 0;
	margin-bottom: 20px;
	height: 125px;
	display: flex;
    align-items: center;
    justify-content: center;
}
h4:before{
  top: 32px;
}

h3 {
  font-family: 'Noto Sans TC', sans-serif;
  color: rgba(0, 0, 0, .7);
  font-size: 32px;
}
h4 {
  font-size:20px;
  font-weight: normal;
  margin-top: 20px;
  margin-bottom: 12px;
}
#marketing h2:before{
	content:"Advantages";/*優勢*/
}
#intent h2:before{
	content:"Goals";/*目標*/	
}
#link h2:before{
	content:"Link";/*環節*/	
}
#bt h2:before{
	content:"Breakthrough";
}
#feature h2:before{
	content:"Feature";
} 
#contact h2:before{
	content:"Contact";
}
.img-fluid{
width:100%;
}
.slogan{
	color:#944d39;
	font-size:18px;
	text-align: center;
}
.slogan_banner{
	text-shadow: 2px 2px 3px #333;
}
.slogan_marketing{
	padding: 8px;
}
.slogan_bt{
	font-size:24px;
	width:80%;
	margin: 0 auto 20px auto;
}
/*＝＝＝＝選單＝＝＝*/
.navbar-expand-md .navbar-toggler-icon {
  background-image: none;
}
.navbar {
  padding-top: 0;
  padding-bottom: 0;
  box-shadow: 2px 2px 2px #999;
}
/*＝＝＝＝小漢堡選單＝＝＝*/
.navbar-toggler {
  padding: 10px 4px 8px 4px;
  width: 40px;
  height: 32px;
  /*background-color:#eee;*/
}
.navbar-toggler span {
  display: none;
}
.navbar-toggler span {
  position: relative;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  text-indent: -9999px;
  overflow: hidden;
}
.navbar-toggler * {
  -webkit-transition: all 0.2s ease-out 0s;
  -moz-transition: all 0.2s ease-out 0s;
  transition: all 0.2s ease-out 0s;
}
.navbar-toggler span:after, .navbar-toggler span:before {
  display: none;
}
.navbar-expand-md .open span:nth-child(3) {
  transform: rotate(-45deg);
  position: relative;
  -webkit-transform: rotate(-45deg);
  top: -4px;
}
.navbar-expand-md .open span:nth-child(2) {
  transform: rotate(45deg);
  position: relative;
  -webkit-transform: rotate(45deg);
  top: 3px;
}
.navbar {
  background-color: rgba(255, 255, 255, 1);
  padding-top: 0;
  padding-bottom: 0;
}
.navbar-nav .nav-link {
  position: relative;
  padding-left: 0.85em;
  padding-right: 0.85em;
}
.navbar-nav .nav-item a:before {
  position: absolute;
  content: "";
  top: 0;
  bottom: 100%;
  left: 0;
  right: 0;
  z-index: -1;
  transition: all 0.5s ease;
}
.navbar-nav .nav-item:hover a:before {
  bottom: 0;
  /*background-color: rgb(211, 166, 156, 0.3);*/
  background-color: rgb(212, 200, 178, 0.6);
}
.navbar-nav .nav-link.active:before {
  /*background-color: #ffeee6;*/
  background-color: #d4c8b2;
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.navbar-expand-md .navbar-toggler-icon + .navbar-toggler-icon {
  margin-top: 4px;
}
.navbar-expand-md .navbar-toggler-icon {
  background-image: none;
  display: block;
  width: 30px;
  height: 3px;
  border-radius: 1px;
  background-color: #000;
}
.navbar-expand-md .navbar-nav .nav-link {
  font-size: 18px;
  transition: all .3s ease-out;
}
.navbar-expand-md .navbar-nav .nav-link:hover{
  color: #000;
}
/*＝＝＝Banner＝＝＝*/
.banner h3{
	font-size:28px;
	font-weight:800;
	font-family: "Noto Sans TC", sans-serif;
}
.banner h4{
	font-size:22px;
	font-weight: 500;
	text-align: left;
	font-family: "Noto Sans TC", sans-serif;
}
.carousel-control.right, .carousel-control.left {
  background-image: transparent;
  filter: none;
}
.carousel-control.left {
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=0);
  background-repeat: repeat-x;
}
.carousel-control.right {
  right: 0;
  left: auto;
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=0);
  background-repeat: repeat-x;
}
.carousel-inner .banner {}
.banner {
  width: 100%;
  overflow: hidden;
}

.static {
  position: static;
}
.cover {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.owl-carousel .owl-slide {
  position: relative;
  height: 99vh;
  background-color: lightgray;
}
.owl-carousel .owl-slide-animated {
  transform: translateX(20px);
  opacity: 0;
  visibility: hidden;
  transition: all 0.05s;
}
.owl-carousel .owl-slide-animated.is-transitioned {
  transform: none;
  opacity: 1;
  visibility: visible;
  transition: all 0.5s;
}
.owl-carousel .owl-slide-title.is-transitioned {
  transition-delay: 0.2s;
}
.owl-carousel .owl-slide-subtitle.is-transitioned {
  transition-delay: 0.35s;
}
.owl-carousel .owl-slide-cta.is-transitioned {
  transition-delay: 0.5s;
}
.owl-carousel .owl-dots, .owl-carousel .owl-nav {
  position: absolute;
}
.owl-carousel .owl-nav {}
.owl-carousel .owl-dots .owl-dot, .owl-carousel .owl-nav [class*="owl-"]:focus {
  outline: none;
}
.owl-carousel .owl-dots .owl-dot span {
  background: transparent;
  border: 1px solid var(--main-black-color);
  transition: all 0.2s ease;
}
.owl-carousel .owl-dots .owl-dot:hover span, .owl-carousel .owl-dots .owl-dot.active span {
  background: var(--main-black-color);
}
.owl-carousel .owl-nav {
  width: 100%;
  left: 0;
  top: 50%;
  margin: 0;
}
.owl-carousel .owl-nav button.owl-prev {
  position: absolute;
  left: 0;
}
.owl-carousel .owl-nav button.owl-next {
  position: absolute;
  right: 0;
}
.owl-carousel .owl-nav svg {
  opacity: 0.3;
  transition: opacity 0.3s;
}
.owl-carousel .owl-nav button:hover svg {
  opacity: 0.5;
}
.owl-carousel .owl-nav [class*="owl-"]:hover {
  background: transparent;
}
section {
  display: none;
}
.card-box{
	background-color: #bcad93;
	border-radius:270px 270px 0 0;
	padding:0;
	padding-top: 60px;
	margin-bottom: 36px;
}
.card-box h4,
.card-box p{
	color:#fff;
}
.card-pic{
	background-color: #fff;
	border-radius:50%;
	width:150px;
	height: 150px;
	margin: 0 auto 45px auto;
	display: flex;
    justify-content: center;
    align-items: center;
}
.card-text{
	display: block;
	width:80%;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 20px;
}

.wrapper {
  clear: both;
}
.enterprise > div {
  padding: 0;
  margin: 0;
}
blockquote, .blockquote, .links {
  padding: 0;
  margin: 0;
}

/*＝＝＝＝一頁式＝＝＝*/
.item {
  position: relative;
  overflow: hidden;
}
.item a {
  display: block;
  overflow: hidden;
  width: 100%;
  height: 100%;
  transition: all .5s;
  background-color: rgba(209, 0, 3, 0);
}
.item > a > img {
  transition: all .5s;
}
.item > a:hover > img {
  transform: scale(1.1);
  opacity: 0.5;
}
.item > a .text {
  /*position:absolute;
	font-size:28px;
	text-align: center;
	font-weight:bold;
	text-shadow: 1px 1px 1px #333;
	color:#fff;
	width:100%;
	bottom:-100px;
	transition: all .5s;*/
}
.item > a:hover .text {
  bottom: 38%;
}
.item a:before {
  position: absolute;
  background-color: rgba(209, 0, 3, .8);
  content: "";
  width: 100%;
  height: 100%;
  bottom: 100%;
  transition: all 0.5s;
  text-align: center;
}
.item:hover a:before {
  bottom: 0;
  content: "";
}
/*＝＝＝＝網路開店＝＝＝*/
.links {
  position: relative;
  overflow: hidden;
}
.links > a {
  /*position:absolute;*/
  display: block;
  overflow: hidden;
  width: 100%;
  height: 100%;
  transition: all .5s;
  background-color: rgba(209, 0, 3, 0);
}
.links > a:hover {
  display: block;
  background-color: rgba(209, 0, 3, .8);
}
.links > a > img {
  transition: all .5s;
}
.links > a:hover > img {
  transform: scale(1.1);
  opacity: 0.5;
}
.links > a .text {
  /*position:absolute;
	font-size:28px;
	text-align: center;
	font-weight:bold;
	text-shadow: 1px 1px 1px #333;
	color:#fff;
	width:100%;
	bottom:-100px;
	transition: all .5s;*/
}
.links > a:hover .text {
  bottom: 38%;
}
.links_border:before, .links_border:after {
  position: absolute;
  top: 25px;
  right: 25px;
  bottom: 25px;
  left: 25px;
  content: '';
  opacity: 0;
  -webkit-transition: opacity .5s, -webkit-transform .5s;
  transition: opacity .5s, -webkit-transform .5s, -moz-transform .5s, -o-transform .5s, transform .5s;
}
.links_border:before {
  border-top: 2px double #fff;
  /*border-left: 1px double #fff; */
  border-bottom: 2px double #fff;
  -webkit-transform: scale(0, 1);
  transform: scale(0, 1);
}
.links_border:after {
  border-right: 2px double #fff;
  /*border-bottom: 1px double #fff;*/
  border-left: 2px double #fff;
  -webkit-transform: scale(1, 0);
  transform: scale(1, 0);
}
.links > a:hover .links_border:before, .links > a:hover .links_border:after {
  opacity: 0.8;
  -webkit-transform: scale(1);
  transform: scale(1);
}
/*＝＝＝四大目標＝＝＝*/
.intent{
	position: relative;
}
.intent:before{
	position: absolute;
	content:"";
	background: url("../images/index/illustration_02_a.png") no-repeat;
	top:0;
	right:0;
	width: 150px;
	height: 169px;
}
.intent-middle{
	display: flex;
    align-items: center;
}
.intent-list{
	display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
	align-items: center;
	margin-bottom: 20px;	
}
.intent-list > .title{
	display: block;
	width:90px;
	height: 90px;
	line-height: 90px;
	border-radius:50%;
	margin-right: 12px;
	text-align: center;
	vertical-align: middle;
	font-size:24px;
	font-weight: 700;
	color: #b57a6a;
	background-color: #ede7db;
}
.intent-list > .text{
	width:calc(100% - 90px);
	vertical-align: middle;
}
/*＝＝＝三大環節＝＝＝*/
.link{
	position: relative;
	transition: all 0.5s;
}
.link:before,
.link:after{
	position: absolute;
	content:"";
	-webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
}
.link:before{
	background: url("../images/index/illustration_03_a.png");
	left:0;
	top:0;
	width: 95px;
	height: 200px;
	
}
.link:after{
	background: url("../images/index/illustration_05_a.png");
	right:0;
	top:0;
	width: 150px;
	height: 243px;
}
.link-wrap{
	background: url("../images/index/MERG_circle.png") no-repeat top center;
	background-size: contain;
	padding: 36px 0;
	margin-bottom: 36px;
}
.link-wrap > div{
	/*display: block;*/
}
.link-box{
	display: block;
	width: 70%;
	margin-left:auto;
	margin-right: auto;
}
.link-pic > img{
	display: block;
	width: 110px;
	height: 110px;
	margin: 0 auto;
}
.link-h1{
	text-align: center;
	font-size: 20px;
	font-weight: 700;
	margin-top: 12px;
}
.link-h2{
	text-align: center;
	color:#e28d06;
	margin-bottom: 20px;
	
}
.link-p{
	width: 100%;
	margin:0 auto; 
	color:#76613a;
}

.link-p p{
	/*padding-left: 36px;
	padding-right: 36px;*/
}

/*＝＝＝三大突破＝＝＝*/
#bt{
	background: url("../images/index/MERG_bg.jpg") no-repeat top right;	
	background-size: cover;
}

.bt-wrap{
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.bt-item{
	display: block;
	background-color: rgba(236, 230, 216, 0.9);
	padding: 20px 30px;
	border-radius:25px;
	margin-bottom: 40px;
	width: 100%;
}
.bt_grass{
position: relative;
margin-bottom: 80px;
}
.bt_grass:before{
	position: absolute;
	background: url("../images/index/illustration_06.png") no-repeat bottom left;
	background-size: contain;
	content:"";
	width: 200px;
	height: 111px;
	bottom:0;
	left:-30px;
}
/*＝＝＝六大特色＝＝＝*/
.feature{
	position: relative;
}
.feature:before{
	content: "";
	position: absolute;
	left: -70px;
    top: 30px;
	z-index: 999;
	width: 200px;
	height: 232px;
	background-image: url("../images/index/illustration_08_a.png");
	transform: rotate(-15deg);
}

.feature_bg{
	background-color: #fff;
	box-shadow: 6px 4px 21px #d9d9d8;
}
.feature_wrap{
	
}
.feature_wrap .feature_border{
	border-left:1px solid #eee;
	border-bottom: 1px solid #eee;
}
.feature_wrap .feature_border:first-child{
	border-left:none;
}
.feature_wrap .feature_border:nth-child(4),
.feature_wrap .feature_border:nth-child(5),
.feature_wrap .feature_border:nth-child(6){
	border-bottom:none;
}
.feature-list{
	padding: 28px 12px;
}
.feature-pic > img{
	width: 200px;
	height: 200px;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.feature-h1{
	text-align: center;
	font-size:20px;
	font-weight: 700;
	margin: 12px 0;
}
.feature-text{
	
}
.feature-text ol{
	padding: 0;
	margin: 0;
	list-style: none;
}
.feature-text ol li{
	padding-bottom: 8px;
}
.feature-text ol li b{
	display: block;
}
/*＝＝＝聯絡我們＝＝＝*/
.contact {
  background: none;
}
form{
	padding-bottom: 20px;
}
.about {
  background: url("../images/info_bg.jpg") no-repeat top center;
  background-size: cover;
  padding: 54px 0;
}
.about > .container-fluid {
  /*padding-left:0;
	padding-right:0;*/
}
.about p {
  font-size: 18px;
  line-height: 1.8;
}
/*＝＝＝設計經驗＝＝＝*/
.WP {}
.WP .item {
  position: relative;
}
.WP .item a {
  text-decoration: none;
  color: #181818;
  display: block;
}
.WP .item a:before {
  background-color: rgba(209, 0, 3, .3);
}
.WP .item a .borders-l:before {
  border-left: 2px solid #fff;
  content: '';
  position: absolute;
  width: 90%;
  height: 0;
  left: 5%;
  bottom: 5%;
  -webkit-transition: all 600ms cubic-bezier(1, 0, 0, 1);
  -moz-transition: all 600ms cubic-bezier(1, 0, 0, 1);
  -o-transition: all 600ms cubic-bezier(1, 0, 0, 1);
  transition: all 600ms cubic-bezier(1, 0, 0, 1);
  -webkit-transition-timing-function: cubic-bezier(1, 0, 0, 1);
  -moz-transition-timing-function: cubic-bezier(1, 0, 0, 1);
  -o-transition-timing-function: cubic-bezier(1, 0, 0, 1);
  transition-timing-function: cubic-bezier(1, 0, 0, 1);
}
.WP .item a .borders-l:after {
  border-top: 2px solid #fff;
  content: '';
  position: absolute;
  width: 0;
  height: 90%;
  left: 5%;
  top: 5%;
  -webkit-transition: all 600ms cubic-bezier(1, 0, 0, 1);
  -moz-transition: all 600ms cubic-bezier(1, 0, 0, 1);
  -o-transition: all 600ms cubic-bezier(1, 0, 0, 1);
  transition: all 600ms cubic-bezier(1, 0, 0, 1);
  -webkit-transition-timing-function: cubic-bezier(1, 0, 0, 1);
  -moz-transition-timing-function: cubic-bezier(1, 0, 0, 1);
  -o-transition-timing-function: cubic-bezier(1, 0, 0, 1);
  transition-timing-function: cubic-bezier(1, 0, 0, 1);
}
.WP .item a .borders-r:before {
  border-right: 2px solid #fff;
  content: '';
  position: absolute;
  width: 90%;
  height: 0;
  left: 5%;
  top: 5%;
  -webkit-transition: all 600ms cubic-bezier(1, 0, 0, 1);
  -moz-transition: all 600ms cubic-bezier(1, 0, 0, 1);
  -o-transition: all 600ms cubic-bezier(1, 0, 0, 1);
  transition: all 600ms cubic-bezier(1, 0, 0, 1);
  -webkit-transition-timing-function: cubic-bezier(1, 0, 0, 1);
  -moz-transition-timing-function: cubic-bezier(1, 0, 0, 1);
  -o-transition-timing-function: cubic-bezier(1, 0, 0, 1);
  transition-timing-function: cubic-bezier(1, 0, 0, 1);
}
.WP .item a .borders-r:after {
  border-bottom: 2px solid #fff;
  content: '';
  position: absolute;
  width: 0;
  height: 90%;
  right: 5%;
  top: 5%;
  -webkit-transition: all 600ms cubic-bezier(1, 0, 0, 1);
  -moz-transition: all 600ms cubic-bezier(1, 0, 0, 1);
  -o-transition: all 600ms cubic-bezier(1, 0, 0, 1);
  transition: all 600ms cubic-bezier(1, 0, 0, 1);
  -webkit-transition-timing-function: cubic-bezier(1, 0, 0, 1);
  -moz-transition-timing-function: cubic-bezier(1, 0, 0, 1);
  -o-transition-timing-function: cubic-bezier(1, 0, 0, 1);
  transition-timing-function: cubic-bezier(1, 0, 0, 1);
}
.WP .item a:hover .borders-l:before {
  height: 90%;
}
.WP .item a:hover .borders-l:after {
  width: 90%;
}
.WP .item a:hover .borders-r:before {
  height: 90%;
}
.WP .item a:hover .borders-r:after {
  width: 90%;
}
.experience {
  padding: 0 0 80px 0;
}
.experience .circle {
  width: 300px;
  height: 300px;
  border-radius: 300px;
  margin: 0 auto 36px auto;
  background-color: #eee;
}
.experience .case {
  position: relative;
  margin-bottom: 15px;
  font-size: 80px;
  font-weight: 700;
  font-family: 'Playfair Display', serif;
  color: #212129;
  top: 80px;
}
.experience .case::after {
  font-size: 36px;
  font-weight: normal;
  content: '+';
  display: inline-block;
  width: 15px;
  height: 15px;
  position: absolute;
  bottom: 50%;
}
.experience .case.show {
  animation: fsUp 1s ease-out both;
}
.experience .circle > p {
  position: relative;
  top: 36px;
}
.dataList {
  position: relative;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  max-width: 1200px;
  margin: auto;
  padding: 80px 0 80px;
  border-top: 2px solid #ecf2f6;
}
.dataList::before {
  content: '';
  position: absolute;
  width: 14px;
  height: 14px;
  top: -9px;
  left: 50%;
  margin-left: -7px;
  border-radius: 50%;
  border: 1px dashed #14375b;
  background: radial-gradient(#58626c 30%, transparent 0);
  -webkit-animation: rotateForever 5s linear infinite;
  animation: rotateForever 5s linear infinite;
}
.dataList li {
  width: 20%;
  text-align: center;
  opacity: 0;
}
.dataList li.show {
  -webkit-animation: fsUp 1s ease-out both;
  animation: fsUp 1s ease-out both;
}
.dataList li:nth-child(1) {
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}
.dataList li:nth-child(1) .serviceIconBox {
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
}
.dataList li:nth-child(1) .Txt h2 {
  -webkit-animation-delay: 0.8s;
  animation-delay: 0.8s;
}
.dataList li:nth-child(1) .Txt b {
  -webkit-animation-delay: 1.2s;
  animation-delay: 1.2s;
}
.dataList li:nth-child(2) {
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
}
.dataList li:nth-child(2) .serviceIconBox {
  -webkit-animation-delay: 0.8s;
  animation-delay: 0.8s;
}
.dataList li:nth-child(2) .Txt h2 {
  -webkit-animation-delay: 1.1s;
  animation-delay: 1.1s;
}
.dataList li:nth-child(2) .Txt b {
  -webkit-animation-delay: 1.5s;
  animation-delay: 1.5s;
}
.dataList li:nth-child(3) {
  -webkit-animation-delay: 0.6s;
  animation-delay: 0.6s;
}
.dataList li:nth-child(3) .serviceIconBox {
  -webkit-animation-delay: 1.1s;
  animation-delay: 1.1s;
}
.dataList li:nth-child(3) .Txt h2 {
  -webkit-animation-delay: 1.4s;
  animation-delay: 1.4s;
}
.dataList li:nth-child(3) .Txt b {
  -webkit-animation-delay: 1.8s;
  animation-delay: 1.8s;
}
.form-control-plaintext {
  border: 1px solid #716f6f;
  border-radius: 25px;
  color: #000;
  background-color: #ece6da;
	padding-left: 8px;
	padding-right: 8px;
}
.form-group {
  padding-bottom: 0.5rem;
  padding-top: 0.5rem;
}
select {}
select > option {
  color: #000;
}

footer {
  padding-top: 36px;
  background-color: #b47b6a;	
}
footer span{
	display: inline-block;
	color:#fff;
	font-size:20px;
	background-color: #7a4231;
	border-radius:25px;
	padding: 8px 20px;
	margin-bottom: 20px;
}
footer p,
footer p a{
	color:#fff;
	font-size:18px;
}
footer i {
  color: #fff;
  font-size: 20px;
}
footer p a {
  transition: all .5s;
}
footer p a:hover {
  color: #ece6da;
  text-decoration: none;
}
/*＝＝＝top按鈕＝＝＝*/
#toTop {
  z-index: 16000161;
  display: none;
  text-decoration: none;
  position: fixed;
  bottom: 20px;
  right: 24px;
  overflow: hidden;
  width: 48px;
  height: 48px;
  border: none;
  text-indent: 100%;
  background: url("../images/index/top_48x48.png") no-repeat left top;
}
#toTopHover {
  background: url("../images/index/top_48x48_o.png") no-repeat left top;
  width: 48px;
  height: 48px;
  display: block;
  overflow: hidden;
  float: left;
  opacity: 0;
  -moz-opacity: 0;
  filter: alpha(opacity=0);
}
#toTop:active, #toTop:focus {
  outline: none;
}
.sc-q8c6tt-3 {
    position: relative;
    bottom: 55px;
}
.sbsi7l-0 {
  display: none!important;
}
@media (min-width: 576px) {
  .container, .container-sm {
    max-width: 100%;
  }
}
@media (max-width:767px) {
	.card-box{
		width:80%;
		margin-left: auto;
		margin-right: auto;
	}
}
@media (min-width:768px) {
  .navbar-expand-md .navbar-nav .nav-link {
    padding-left: 0.85em;
    padding-right: 0.85em;
    width: 4em;
  }
	/*＝＝＝競爭優勢＝＝＝*/
    .card-m-p{
		padding-left: 30px;
		padding-right: 30px;
	}
  .bt-item{
	display: inline-block;
	background-color: rgba(236, 230, 216, 0.9);
	padding: 55px 50px;
	border-radius:25px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 40px;
	width: 45%;
	}
  .bt-item ol{
	  list-style: disc;
	  padding-left: 20px;
      margin-bottom: 0;	 
  }
	.bt_grass:before{
	width: 370px;
	height: 205px;
	left:-120px;
	}
  .notice.bt_slogan,
  .notice.system_slogan{
		width:80%;
		margin-left: auto;
		margin-right: auto;
	  border-radius: 80px;
	}
	/*＝＝＝四大目標＝＝＝*/
  .intent:before{
	background: url("../images/index/illustration_02.png") no-repeat;
	top:-60px;
	width: 285px;
	height: 322px;
	}
  footer {
    padding-top: 36px;
  }
}
@media (min-width:992px) {
  .navbar-expand-md .navbar-nav .nav-link {
    width: inherit;
    padding: 0 0.85em;
    line-height: 80px;
  }
  .navbar-nav .nav-item a:after {
    position: absolute;
    content: "";
    width: 1px;
    height: 0;
    background-color: rgba(0, 0, 0, 0.5);
    left: 50%;
    transition: all 0.3s ease;
  }
  .navbar-nav .nav-item:hover a:after {
    height: 25px;
  }
	/*＝＝＝六大目標＝＝＝*/
	.feature:before{
	left:0;
	top:-20px;
	width: 317px;
	height: 367px;
	background-image: url("../images/index/illustration_08.png");
	transform: rotate(0deg);
}
	/*＝＝＝系統比較　標題＝＝＝*/
  h2.system-title{
	background: url("../images/index/illustration_09.png") no-repeat top right;
}
  footer p a:hover {
    padding-left: 30px;
  }
}
@media (min-width:1024px) {
	.card-box{
		padding-top: 30px;
	}
}
@media (max-width:1199px) {
	.intent-wrap{
		margin-top: 20px;
	}
	#bt h2,
	#bt .slogan_bt{
		color:#fff;
		text-shadow: 2px 2px 2px #333;
	}
}

@media (min-width:1200px) {
/*＝＝＝Banner＝＝＝*/
.banner h3{
	font-size:68px;
	font-weight:800;
	font-family: "Noto Sans TC", sans-serif;
}
.banner h4{
	font-size:48px;
	text-align: left;
	font-family: "Noto Sans TC", sans-serif;
}
.banner-wrap{
	padding-left: 80px;
}
.btn-merge{
	font-size:24px;
	padding: 12px 24px;
}
    #marketing,
	#intent,
	#bt,
	#feature,
	#system,
	#contact{
		padding: 0;
	}	
	#link{
		margin: 120px 0;
	}
	#contact{
	margin-bottom: 0;
	}	
		
  .container {
    width: 1200px;
    margin: 0 auto;
  }
	/*＝＝＝競爭優勢＝＝＝*/
	.marketing{
		background: url("../images/index/MERGE_bg_2.png") no-repeat top center;
		background-size: cover;
		position: relative;
	}
	.marketing:before{
		content:"";
		position: absolute;
		left:0;
		bottom:0;
		background: url("../images/index/illustration_01.png") no-repeat;
		width: 130px;
		height: 393px;
	}
  	#marketing > .container{
		width:100%;
		margin: 0 auto;
	}
	.card-box{
		padding-top: 60px;
	}
	/*＝＝＝三大環節＝＝＝*/
	.link:before{
	background: url("../images/index/illustration_03.png");
	left:0;
	top:0;
	width: 148px;
	height: 313px;
	}
	.link:after{
		background: url("../images/index/illustration_05.png");
		right:0;
		top:auto;
		bottom: -80px;
		width: 230px;
		height: 385px;
	}
  
	/*＝＝＝四大目標＝＝＝*/
	.intent-wrap{
	padding-top: 80px;
    }
	/*＝＝＝三大突破＝＝＝*/
	#bt{
		background-size: auto;
	}
	/*＝＝＝系統比較＝＝＝*/
	.notice.system_slogan{
		width:80%;
		margin-left: auto;
		margin-right: auto;
	  border-radius: 80px;
	}
  /*＝＝＝聯絡我們＝＝＝*/
	.contact {
	  background: url("../images/index/MERG_contact.jpg") no-repeat bottom right;
	}
}
@media (min-width:1400px) {
	#marketing > .container{
		width:1400px;
		margin: 0 auto;
	}
}
@media (min-width:1920px) {
	#link > .container,
	#feature > .container,
	#system > .container{
		width:1600px;
		margin: 0 auto;
	}
	.feature-list{
		width:90%;
		margin-left: auto;
		margin-right: auto;
	}
}