/*
 Theme Name:   Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/

main {
	overflow: hidden;
}
a {
  transition: all .3s;
}

/*main nav*/
#menu-main {
  align-items: center;
}
.menu-item a:hover,
.menu-item a:active {
  color:#7f5ba6!important;
}
.mainnav-btn a {
  color: #fff;
  background: #7f5ba6;
  width: 180px;
  height: 50px;
  border-radius: 25px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 1rem;
}
.mainnav-btn a:hover, .mainnav-btn a:active {
  color: #fff!important;
  background: #a27cca;
}
@media (max-width: 1024px) {
  #menu-main-1.bricks-mobile-menu {
    padding-top: 40px;
  }
  .mainnav-btn {
    margin-top: 30px;
    margin-bottom: 40px;
    margin-left: 30px;
  }
  .mainnav-btn a {
    color: #fff!important;
    padding: 0!important;
	margin-left: 0;
  }
}

/*index*/
/*.index-page-top {
	background: url("/wp-content/uploads/page-top-line.png"), url("/wp-content/uploads/index-header-bg.png");
	background-repeat: no-repeat, repeat-x!important;
	background-position: top left, top center!important;
}
.index-page-top .brxe-slider {
	border-radius: 2rem;
	overflow: hidden;
}
.index-intro {
	background-color: #ffeef1!important;
	background: url("/wp-content/uploads/index-intro-flower.png"), url("/wp-content/uploads/index-intro-bg.png");
	background-repeat: no-repeat!important;
	background-position: bottom right 15%, top center!important;
	background-size: auto, 100%;
}
.index-intro-main {
	width: auto;
	position: absolute;
	bottom: -30px;
	transform: translatex(-200px);
}
.index-event {
	background-color: #fbefff;
	background-image: url("/wp-content/uploads/index-event-bg.jpg");
	background-repeat: no-repeat!important;
	background-position: top center!important;
	background-size: 100%;
}
.index-event-dec1 {
	position: absolute;
	top: -100px;
	left: 50%;
	transform: translatex(-220%);
}
.index-event-dec2 {
	position: absolute;
	right: 50%;
	bottom: -60px;
	transform: translatex(200%);
}*/
/*@media (max-width: 1440px) {
	.index-page-top {
		background-size: 200px, auto;
	}
	.index-pt-1 img,
	.index-pt-2 img,
	.index-if-1 img,
	.index-if-2 img {
		width: 80%;
		height: auto;
	}
	.index-pt-1 {
		top: 340px!important;
		left: -5px!important;
	}
	.index-pt-2 {
		right: 0!important;
		text-align: right;
	}
	.index-intro {
		background-position: bottom right 5%, top center!important;
	}
	.index-if-1 {
		text-align: right;
	}
	.index-if-2 {
		bottom: 20px!important;
		left: -50px!important;
	}
}*/
/*@media (max-width: 1024px) {
	.index-page-top.brxe-section {
        margin-bottom: 80px!important;
	}
	.index-pt-1 {
        top: 240px!important;
		left: -35px!important;
	}
	.index-intro {
		background: url(/wp-content/uploads/index-intro-bg.png)!important;
		background-position: top center;
		background-repeat: no-repeat;
		background-size: 100%;
	}
	.index-intro-title {
		text-align: center;
	}
	.index-intro-title img,
	.index-intro-img img,
	.index-event-img img,
	.index-event-dec1 img,
	.index-event-dec2 img {
		width: 80%!important;
	}
	.index-intro-main {
		transform: translate(-10px, -60px);
	}
	.index-intro-text {
		max-width: 500px!important;
		margin-top: 30px!important;
        padding-left: 0px!important;
	}
	.index-if-1 {
		margin-top: -120px!important;
	}
	.index-event-img {
		right: 10px!important;
	}
	.index-event-dec1 {
		left: 0;
    	transform: translatex(-50px);
	}
}*/
/*@media (max-width: 768px) {
	.index-page-top.brxe-section {
        margin-bottom: 40px !important;
    }
	.index-pt-1 {
		display: none;
	}
	.index-intro-title img {
		width: 60%;
	}
	.index-intro.brxe-block {
		height: 360px!important;
	}
	.index-intro-main {
        transform: translate(-10px, -60px);
    }
	.index-intro-text {
		margin-left: -20px;
	}
	.index-if-1 img,
	.index-if-2 img,
	.index-event-img img,
	.index-event-dec1 img,
	.index-event-dec2 img {
		max-width: 60%!important;
	}
	.index-if-1 {
        margin-top: -80px!important;
    }
	.index-event-img {
		text-align: right;
	}
	.index-event-dec1 {
		top: -50px;
	}
	.index-event-dec2 {
		bottom: -20px;
		transform: translatex(150%);
	}
}*/
/*@media (max-width: 767px) {
	.index-page-top {
		background-size: 100px, auto;
	}
	.index-intro-main {
        transform: translate(0, -80px);
    }
	.index-pt-2 img {
		width: 60%;
	}
}*/
/*@media (max-width: 575px) {
	.index-intro-main {
        transform: translate(0, -100px);
    }
	.index-pt-2 img {
		width: 40%;
	}
}*/

/*page top*/
/*.page-top {
	background: url("/wp-content/uploads/page-top-line.png"), url("/wp-content/uploads/page-header-bg.png"), url("/wp-content/uploads/page-bottom-line.png");
	background-repeat: no-repeat!important;
	background-position: top left, top center, top 750px right 30px!important;
}
.page-title {
	display: flex;
	justify-content: center;
}
.page-title:before {
	content: url("/wp-content/uploads/page-title-icon.png");
	margin-right: 15px;
}*/
/*固定頁面內容*/
.single-page-content ol,
.single-page-content ul {
	padding-left: 30px;
	margin-top: 0;
}
.single-page-content p a,
.single-page-content li a {
	color: #7f5ba6;
	text-decoration: underline;
	padding: 0;
}
.single-page-content table th {
	text-align: center;
	background: #ffeef1;
}
.single-page-content table ol,
.single-page-content table ul {
	padding-left: 30px;
	margin: 0 0 10px 0;
}
.single-page-content p.mb-0 {
	margin-bottom: 0;
}
.single-page-content figure {
	margin: 0;
}


body[class*="postid-"] table {
	border-collapse: collapse;
    border-spacing: 0;
	width: 100%!important;
}
body[class*="postid-"] table td,
body[class*="postid-"] table th {
	border: 1px solid;
    padding: .5em;
}

@media (max-width: 1023px) {
	.single-page-content table {
	    width: 900px!important; 
        overflow-x: scroll;
	}
}