@charset "UTf-8";
@import url('https://fonts.googleapis.com/css?family=Lato');

/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

/* ========================================================================
   Use this file to add custom CSS easily
 ========================================================================== */
 
body, .uk-heading-primary, .uk-heading-hero, h1.uk-margin-remove-top.uk-heading-hero, .uk-navbar-nav > li > a, h1, h2, h3, h4, h5, h6, .label, .uk-label, a.label, .uk-subnav>*>:first-child, .uk-h1, .uk-h2, .uk-h3, .uk-h4, .uk-h5, .uk-h6, .uk-accordion-title, .uk-text-lead, .navbar .brand, .navbar-search, .uk-navbar-item, .uk-heading-primary, .nav-tabs>li>a, .uk-tab>*>a, .uk-nav-default, .uk-heading-small, .btn, .uk-button {
    font-family: 'Lato', 文泉驛正黑, 'WenQuanYi Zen Hei', '儷黑 Pro', 'LiHei Pro', 微軟正黑體, 'Microsoft JhengHei', 微軟雅黑體, 'Microsoft YaHei', 標楷體, DfKai-SB, sans-serif;
    letter-spacing: 1.5px;
   }

.uk-sticky-fixed img {
    width: auto;
    height: 70px;
}
p {
    font-weight: 400;
    line-height: 1.8;
}


.repeat-elements {
    border: 1px solid #ccc;
    padding: 30px;
    background: #fff; 
	color:#000;
} 
.uk-input:focus, .uk-select:focus, .uk-textarea:focus {
      background-color: rgb(170 170 170 / 23%);
   }
div#sorting-holder label.uk-form-label {
    display: none;
}
ul.uk-list.uk-list-divider.uk-accordion li {
    margin: 0;
    padding-top: 5px;
    font-weight: 600;
}
.uk-position-bottom-center.uk-position-medium {
    margin: 0 30px 0px 30px;
}
input#zoo-search {
    width: auto;
    padding: 17PX ! IMPORTANT;
    height: 45px;
    margin-bottom: 0;
    border-radius: 22px;
}
.form-control:where(input), .form-select:not([multiple])[size='1'], .form-select:where(select):not([multiple]):not([size]), .uk-input, .uk-select:not([multiple]):not([size]) {
      padding-left: 5px;
}
form#adminForm {
    float: right;
}
ul.uk-list.uk-list-divider.submissions {
    clear: both;
}
a.uk-form-icon.uk-form-icon-flip.filespro-cancel.uk-icon {
    color: #000;
}
div#SLS h1.uk-h3, div#SLS h1.uk-text-primary, div#SLS .uk-panel.uk-position-absolute.uk-width-1-1.uk-scrollspy-inview {
    text-shadow: 1px 1px 0 #000;
}
.w-text {
    padding-left: 16px;
    padding-top: 5px;
    font-weight: 600;
}
.cf-container .cf-title-close, span.cf-open-plus.uk-icon {
     cursor: pointer;
}
img.img-responsive {
    width: 55px;
}
.tm-header-overlay {
    box-shadow: 5px 5px 12px rgb(0 0 0 / 20%);
    background: rgb(0 0 0 / 52%);
}
.uk-navbar-container.uk-navbar-sticky {
     box-shadow: 5px 5px 12px rgb(0 0 0 / 20%);
}
div#float {
    position: fixed;
    bottom: 147px;
    width: 90px;
    background: rgb(17 18 18 / 0%);
    right: 0px;
    z-index: 999;
}
.float2 {
    position: fixed;
    left: 10px;
    bottom: 260px;
    z-index: 200;
}
html::after {
     opacity: .06;
}
.uk-accordion > *:nth-child(n+2) {
       border-top: 0;
}
.uk-accordion-content {
    padding: 15px;
    background: #f2f2f2;
	margin-top: 0;
}
h1.uk-heading-small a:hover {
 font-style: italic;
}
div#float .uk-icon {
    min-width: 20px;
    clear: both;
    margin-right: 5px !important;
}
a.uk-logo.uk-navbar-item {
    padding: 0;
}
div#float a.el-content {
    line-height: 1.2;
    padding: 8px 10px;
    border-radius: 0;
    font-size: 18px;
	 transition: all .42s cubic-bezier(0.59, 0.28, 0.48, 1.27);
}
div#pp .el-link.uk-button.uk-button-default {
    float: right;
}
#page\#5 .cf-container .cf-tab {
    background-color: rgba(0, 0, 0, 0.5)!important;
}
#page\#5 .cf-container .cf-tab:hover {
    background-color: rgba(0, 0, 0, 0.2) !important;
}
#page\#5 .cf-container .cf-meta > p {
    margin-top: 90px;
    text-shadow: 1px 1px 0 #000;
    color: #fff;
}
.cf-container .cf-open-meta > p{
	text-shadow: 1px 1px 0 #000;
    color: #fff;
	
}
div#float a.el-content:hover {
  transform: translate3d(0px, -5px, 1px);
	 box-shadow: 2px 10px 15px rgb(0 0 0 / 34%);
}
.el-content.uk-margin {
    text-shadow: 1px 1px 1px #000;
}
.hd-image-comparison-after-label, .hd-image-comparison-before-label {
        background-color: #ff1414;
}
.hd-image-comparison .hd-image-comparison-slider {
      background: #ff1414;
    color: #fff !important;
}
#page\#5 .cf-close a.uk-icon {
    padding: 3px;
}
/* 關閉移到下面 */
.cf-tab {
    position: relative;
}

.cf-close {
    position: absolute;
    bottom: 10px;
    left: 50%;
    transform: translateX(-50%);
}
span.cf-open-plus.uk-icon svg {
    background: #ff1414;
}
#page\#5 .cf-close a.uk-icon:hover {
 color:#000;
}

#page\#5 .cf-container .cf-tabs .uk-active .cf-close {
    width: 40px;
}
.el-content.uk-margin {
    text-shadow: 1px 1px 1px #000;
    font-size: 20px;
}
a.uk-display-block.uk-card.uk-card-primary {
  transition: all .42s cubic-bezier(0.59, 0.28, 0.48, 1.27);
}
a.uk-display-block.uk-card.uk-card-primary:hover {
    border: 5px solid #ff1414;
	transform: translate3d(0px, -10px, 1px);
	 box-shadow: 2px 10px 15px rgb(0 0 0 / 34%);
}






























@media (max-width: 1440px){  

}



@media (max-width: 1200px){  

    
}



@media (max-width: 760px){  
	
	   h1.uk-heading-small.uk-text-center.uk-scrollspy-inview, h2.uk-h1.uk-margin.uk-width-xlarge {
		font-size: 30px;
		line-height: 1.3;
	}


}



@media (max-width: 480px){  
	 
			.el-content.uk-margin {
			  font-size: 16px;
		}
    div#float {
        bottom: 0px;
        width: 100%;
        padding-bottom: 10px;
        background: rgb(17 18 18 / 80%);
        padding-top: 10px;
			}
		div#float a.el-content
		 {
			line-height: 1.2;
			padding: 10px 10px;
			font-size: 15px;
		   }
		   .uk-child-width-auto>* {
			width: 25%;
		}
		   .hd-image-comparison {
			margin: 0 !important;
		}
		.el-content.uk-margin {
		   
			font-size: 15px;
		}
		.cf-container {
    height: auto !important;
		   }
		   div#SLS .uk-position-cover {
			padding-bottom: 124px;
		}
		div#SLS h1.uk-h3, div#SLS h1.uk-text-primary, div#SLS .uk-panel.uk-position-absolute.uk-width-1-1.uk-scrollspy-inview {
		left:30px;
	}
	div#SLS .uk-position-bottom-center.uk-position-medium.uk-light {
    margin-bottom: 95px;
		}
		div#SLS img.el-image {
			width: 100%;
			height: auto;
			margin-top: 80px;
		}
		div#SLS .uk-h1 {
			font-size: 28px;
					}
			div#p1 .uk-inline-clip, div#p2 .uk-inline-clip {
			width: 50%;
			float: left;
		}
		#template-ey5wu-0y\#0 .cf-container .cf-meta > p {
		margin: 40px auto;
		}
		.cf-container .cf-all-close .cf-title-close {
			display: block;
		}
		footer#module-90 {
    margin-bottom: 40px;
		}
		.uk-subnav-pill>*>:first-child {
			padding: 5px 7px;
		 }
				
}