html,
body {
border: none;
margin: 0;
padding: 0;
}
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
address,
big,
cite,
code,
em,
font,
img,
small,
strike,
sub,
sup,
li,
ol,
ul,
fieldset,
form,
label,
legend,
button,
table,
caption,
tr,
th,
td {
border: none;
font-size: inherit;
line-height: inherit;
margin: 0;
padding: 0;
text-align: inherit;
}
blockquote::before,
blockquote::after {
content: "";
}  body:not(.elementor-editor-active) .hide-onview {
display: none;
}
body {
box-sizing: border-box;
border: 5px solid var(--e-global-color-7379a34);
border-top: 0;
font-size: 1.125rem;
letter-spacing: 1px;
} .has-brown-background-color {
background-color: #3a3335;
}
.has-brown-color {
color: #3a3335;
}
.has-orange-background-color {
background-color: #f0544f;
}
.has-orange-color {
color: #f0544f;
}
.has-accent-background-color {
background-color: #5E8238;
}
.has-accent-color {
color: #5E8238;
}
.has-light-green-background-color {
background-color: #c6d8d3;
}
.has-light-green-color {
color: #c6d8d3;
} h1, h2, h3 {
font-weight: 600; } .elementor-top-section {
background-size: cover;
} .bg-linear-pink .elementor-button-link {
background: linear-gradient(#e8972d 0% ,#ed864f 30% ,#f2776d 100%);
}
.bg-linear-pink2 .elementor-button-link {
background: linear-gradient(#ffa793 0% ,#f88580 30% ,#f26870 100%);
}
.bg-linear-green .elementor-button-link {
background: linear-gradient(#c6d800 0% ,#a4cc36 30% ,#86c166 100%);
}
.link-img.elementor-widget-image .elementor-image a {
display: block;
position: relative;
padding-top: 95%;
}
.link-img.elementor-widget-image .elementor-image img {
position: absolute;
top: 0;
bottom: 40px;
left: 0;
right: 0;
margin: auto;
}
.link-img .wp-caption-text {
position: absolute;
bottom: 30px;
width: 100%;
pointer-events: none;
}
footer .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item {
color: var( --e-global-color-accent );
} .elementor-widget.elementor-widget-portfolio:not(:last-child) {
margin-bottom: 0;
}
.elementor-widget-portfolio.portfolio-custom .elementor-portfolio-item__overlay,
.elementor-widget-portfolio.portfolio-movie .elementor-portfolio-item__overlay {
opacity: 1;
background-color: #00000000 !important;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
transition: all 0s ease 0.6s, background 0.6s ease 0s;
box-sizing: border-box;
padding: 0;
max-width: 350px;
max-height: 120px;
}
.elementor-widget-portfolio.portfolio-movie .elementor-portfolio-item__overlay {
transition: all 0.6s ease;
}
.elementor-widget-portfolio.portfolio-custom .elementor-portfolio-item__overlay h3 {
font-weight: 400; font-size: 22px;
}
.elementor-widget-portfolio.portfolio-movie .elementor-portfolio-item__overlay h3 {
font-weight: 400; font-size: 20px;
padding: 10px 15px;
}
.portfolio-custom .elementor-portfolio-item__title::before,
.portfolio-custom .elementor-portfolio-item__title::after {
content: "";
height: 1px;
width: 23%;
background: #fff;
display: inline-block;
vertical-align: text-top;
margin: 16px 5%;
transition: width 0.3s ease 0.6s, margin 0s ease 0.4s;
}
.portfolio-custom .elementor-portfolio-item__title::before {
transform-origin: right;
}
.elementor-widget-portfolio.portfolio-custom .elementor-post__thumbnail img,
.elementor-widget-portfolio.portfolio-movie .elementor-post__thumbnail img{
filter: grayscale(1) brightness(0.6);
transition: all 1s ease;
transition-delay: 0s;
}
.elementor-widget-portfolio.portfolio-custom a.elementor-post__thumbnail__link:hover img,
.elementor-widget-portfolio.portfolio-movie a.elementor-post__thumbnail__link:hover img {
filter: grayscale(0) brightness(1);
transition-delay: 0.3s;
transform: scale(1.05) translate(-49.5%,-49.5%);
}
.elementor-widget-portfolio.portfolio-custom a.elementor-post__thumbnail__link:hover .elementor-portfolio-item__overlay {
background-color: #000000DD !important;
max-width: 147px;
max-height: 50px;
transition: all 0s ease 0.3s, background 0.6s ease 0.3s;
}
.elementor-widget-portfolio.portfolio-custom a.elementor-post__thumbnail__link:hover .elementor-portfolio-item__title::before,
.elementor-widget-portfolio.portfolio-custom a.elementor-post__thumbnail__link:hover .elementor-portfolio-item__title::after {
width: 0;
   margin: 16px 0;
transition: width 0.3s ease 0s, margin 0s ease 0.3s;
} .elementor-posts-container.elementor-posts .elementor-post__card {
border-radius: 8px;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.16);
}
.elementor-posts-container.elementor-posts .elementor-post__thumbnail__link {
margin-bottom: 10px;
}
.elementor-post__card > *:first-child:not(.elementor-post__thumbnail__link)::before {
content: '';
display: block;
padding-top: calc((100% + 40px) * 0.66);
width: calc(100% + 60px);
margin-left: -30px;
margin-top: 0;
margin-bottom: 20px;
background: url(//gcaa.org.tw/wp-content/uploads/2021/01/img-10.jpg) #f1f1f1 no-repeat;
background-size: cover;
background-position: right center;
}
.elementor-posts-container.elementor-posts .elementor-post__card .elementor-post__text {
padding: 0 20px;
margin-top: 0;
}
.elementor-posts-container.elementor-posts .elementor-post__card .elementor-post__badge {
position: relative;
margin: 0;
padding: 5px 20px;
}
.elementor-posts-container.elementor-posts .elementor-post__card .elementor-post__meta-data {
border: 0;
padding: 10px 21px 16px;
} .mec-event-grid-classic .mec-event-article {
border: 0;
border-radius: 8px;
overflow: hidden;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.16);
background: #fff;
}
.mec-event-grid-classic .mec-event-article .mec-event-image a {
display: block;
position: relative;
padding-top: 66%;
background: url(//gcaa.org.tw/wp-content/uploads/2021/01/img-10.jpg) #f1f1f1 no-repeat;
background-size: cover;
background-position: right bottom;
}
.mec-event-grid-classic .mec-event-article .mec-event-image img {
width: 100%;
height: 100%;
object-fit: cover;
max-width: none;
position: absolute;
top: 0;
}
.mec-event-grid-classic .mec-event-image .mec-event-date {
position: absolute;
max-width: none;
padding: 5px 8px 7px;
background: #86c166;
min-width: 50px;
line-height: 1.3;
z-index: 1;
margin: 0;
bottom: 0;
}
.mec-event-grid-classic .mec-event-image .mec-event-date span:first-of-type {
font-size: 26px;
}
.mec-event-grid-classic .mec-event-date.mec-bg-color {
background: transparent;
color: #b3b3b3;
text-align: left;
margin: 0;
display: inline-block;
padding: 0;
font-size: 12px; font-weight: 400;
}
.mec-event-grid-classic .mec-event-content {
color: #1a1a1a;
padding: 20px 20px 5px;
text-align: left;
}
.mec-event-grid-classic .mec-event-footer {
display: none;
}
.mec-event-grid-classic .mec-event-content {
position: relative;
}
.mec-event-grid-classic .mec-categories {
position: absolute;
top: 5px;
}
.mec-event-grid-classic ul.mec-categories li.mec-category a {
color: #86c166;
}
.mec-color, .mec-color-before :before, .mec-color-hover:hover, .mec-wrap .mec-color, .mec-wrap .mec-color-before :before, .mec-wrap .mec-color-hover:hover {
color: #68a544;
}
.mec-event-grid-classic p.mec-grid-event-location {
margin-bottom: 0;
text-align: right;
font-size: 16px;
font-weight: 400;
float: right;
}
.mec-event-grid-classic p.mec-grid-event-location::before {
content: "\f041";
font-family: "FontAwesome";
font-weight: 900;
padding-right: 8px;
}
.mec-event-grid-classic p.mec-grid-event-location:empty::before {
content: none;
} #header .elementor-widget-theme-site-logo {
z-index: 6;
}
header .elementor-row {
justify-content: space-between;
}
header .elementor-column.elementor-col-33 {
z-index: 5;
}
header .elementor-widget-search-form .elementor-search-form__input {
transition: all 0.6s ease;
width: 100px;
}
header .elementor-search-form--skin-minimal .elementor-search-form__icon {
opacity: 1;
}
header .elementor-widget-search-form:hover .elementor-search-form__input {
}
#header .elementor-menu-toggle {
z-index: 6;
}
#header .elementor-nav-menu__container.elementor-nav-menu--dropdown {
margin-top: 14px !important;
overflow: visible;
z-index: 5;
padding: 45px 20px 60px;
font-size: 16px;
transform: scale(1);
max-height: 100vh;
opacity: 0;
transition: opacity 0.6s ease;
pointer-events: none;
background: transparent;
}
#header .elementor-nav-menu__container.elementor-nav-menu--dropdown::before {
content: '';
position: absolute;
display: block;
width: 100%;
top: -74px;
left: 0;
height: calc(100% + 74px);
background: #629950 url(//gcaa.org.tw/wp-content/uploads/2021/01/img-11.png) no-repeat;
z-index: 0;
background-position: right;
opacity: .95;
}
#header.toggleActive .elementor-nav-menu__container.elementor-nav-menu--dropdown,
.elementor-nav-menu--toggle .elementor-menu-toggle.elementor-active+.elementor-nav-menu__container {
opacity: 1;
pointer-events: auto;
}
#header .elementor-nav-menu--dropdown .elementor-nav-menu {
display: flex;
justify-content: center;
align-items: start;
}
#header .elementor-nav-menu--dropdown .elementor-nav-menu > li {
display: flex;
flex-direction: column;
margin: 0 15px;
align-items: center;
}
#header .elementor-nav-menu--dropdown .elementor-item {
background: transparent;
width: fit-content;
text-align: center;
padding: 10px 0;
font-size: 16px;
border-bottom: 1px solid #f7e93c;
}
#header .elementor-nav-menu--dropdown .elementor-nav-menu ul {
display: block;
background: transparent;
}
#header ul.elementor-nav-menu--dropdown a,
#header ul.elementor-nav-menu--dropdown a:focus,
#header ul.elementor-nav-menu--dropdown a:hover {
border: 0;
color: #fff;
background: transparent;
font-size: 16px;
} .subscribe_input {
border: 1px solid #86c166;
display: inline-block;
border-radius: 30px;
overflow: hidden;
}
.subscribe_input input.maillist {
background: transparent;
border: none;
padding: 10px 15px 8px;
color: #fff;
font-size: 16px;
}
.subscribe_input span input[type="submit"] {
background: #86c166;
border: none;
padding: 9px 12px 9px;
font-size: 18px;
line-height: 1;
cursor: pointer;
margin-left: -5px;
}  .gcaa-menber figure.elementor-image-box-img {
position: relative;
}
.gcaa-menber figure.elementor-image-box-img::before {
content: '';
position: absolute;
top: -2px;
left: -2px;
right: -2px;
bottom: 3px;
background: #fff;
z-index: -1;
border-radius: 50%;
}
.gcaa-menber .elementor-image-box-img img {
border: 1px solid #e6e6e6;
}
.elementor-image-box-content * {
display: inline-block;
margin-right: 5px;
} .elementor-location-archive .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item,
.elementor-location-single .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item {
color: #4d4d4d;
border: 1px solid #ccc;
}
.elementor-location-archive .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover,
.elementor-location-single .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover,
.elementor-location-archive .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item-active,
.elementor-location-single .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item-active {
border-color: var( --e-global-color-accent );
}
.tags-list h5 {
display: none;
}
.tags-list a {
padding-left: 13px;
padding-right: 13px;
padding-top: 7px;
padding-bottom: 7px;
color: #4d4d4d;
border: 1px solid #ccc;
font-size: inherit !important;
font-family: var( --e-global-typography-primary-font-family ), Sans-serif, Arial, 微軟正黑體;
font-weight: var( --e-global-typography-primary-font-weight );
transition: .4s;
margin-right: 13px;
display: inline-block;
}
.tags-list a:hover {
border-color: transparent;
color: #fff;
background: var( --e-global-color-accent );
} .img-hover-info {
opacity: 0.5;
transition: .4s;
}
.img-hover-info:hover {
opacity: 1;
}
.img-hover-info .elementor-icon-box-content {
opacity: 0;
transition: .4s;
}
.img-hover-info:hover .elementor-icon-box-content {
opacity: 1;
} .home-slick .slick-initialized .slick-slide {
margin: 0 10px;
}
.home-slick .slick-list {
padding: 20px 20px;
margin-left: -30px;
margin-right: -30px;
width: calc(100% + 60px);
}
.home-slick .slick-list::before,
.home-slick .slick-list::after {
content:'';
display: inline-block;
position: absolute;
width: 30px;
background: linear-gradient(to right, #f1f1f1dd 30%, #f1f1f100 80%);
height: 100%;
z-index: 1;
left: 0;
top: 0
}
.home-slick .slick-list::after {
left: auto;
right: 0;
background: linear-gradient(to left, #f1f1f1dd 30%, #f1f1f100);
}
.slick-arrow {
position: absolute;
top: 0;
bottom: 0;
margin: auto;
text-indent: -200px;
overflow: hidden;
z-index: 2;
border: 0;
background: transparent;
width: 80px;
height: 50px;
transition: all 0.2s ease;
width: 30px;
height: 80px;
}
.slick-arrow::after {
position: absolute;
display: block;
width: 30px;
height: 50px;
top: 0;
left: 0;
right: 0;
bottom: 20px;
margin: auto;
text-indent: 0;
color: #86C166ff;
font-family: "FontAwesome";
font-size: 24px;
}
.slick-arrow.slick-prev::after {
content: '\f053';
}
.slick-arrow.slick-next::after {
content: '\f054';
text-align: right;
}
.slick-arrow.slick-prev {
left: -25px;
}
.slick-arrow.slick-next {
right: -25px;
}
.slick-arrow.slick-prev:hover {
transform: translateX(-3px);
}
.slick-arrow.slick-next:hover {
transform: translateX(3px);
}
.slick-dots {
margin: auto;
text-align: center;
}
.slick-dots li {
position: relative;
display: inline-block;
width: 20px;
height: 20px;
margin: 0 0px;
padding: 0;
cursor: pointer;
}
.slick-dots li button {
font-size: 0;
line-height: 0;
display: block;
width: 20px;
height: 20px;
padding: 5px;
cursor: pointer;
color: transparent;
border: 0;
outline: none;
background: transparent;
}
.slick-dots li button:before {
font-family: 'slick';
font-size: 6px;
line-height: 20px;
position: absolute;
top: 0;
left: 0;
width: 10px;
height: 10px;
border-radius: 5px;
content: '';
text-align: center;
background-color: #666;
opacity: 0.25;
right: 0;
margin: auto;
bottom: 0;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
background-color: var( --e-global-color-accent );
opacity: 1;
}
.home-slick .mec-wrap button:not(.owl-dot):not(.gm-control-active) {
background: transparent;
position: absolute;
padding: 0;
margin: auto;
}
.home-slick .mec-wrap .slick-dots button:not(.owl-dot):not(.gm-control-active) {
left: 0;
}
.home-slick .mec-wrap .col-sm-3 {
padding: 0;
}
.home-slick .mec-wrap .row {
margin: 0;
}
.home-slick .mec-event-grid-classic .mec-event-article {
margin: 0;
} .timeline-slider .slick-dots {
position: absolute;
top: -40px;
width: 100%;
}
.timeline-slider .slick-dots li button::after {
content: 'attr(data-year)';
display: block;
position: absolute;
width: 38px;
height: 34px;
text-indent: 0;
color: #999;
font-size: 16px;
font-weight: 600;
left: -20px;
right: -20px;
bottom: -45px;
text-align: center;
margin: auto;
}