@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: 1px;
    font-weight: 400;
}
.uk-sticky-fixed {
    padding: 10px 0;
    background: rgb(255 255 255 / 82%);
    margin: 0!important;
}
.tm-header {
    background: rgb(255 255 255 / 75%);
    box-shadow: 1px 5px 10px rgb(0 0 0 / 15%);
	transition: all .52s cubic-bezier(.25,.46,.45,.94);
}
.tm-header:hover {
    background: rgb(255 255 255 / 90%);
    box-shadow: 1px 5px 10px rgb(0 0 0 / 35%);
}
h3.el-title.uk-heading-medium.uk-margin-small-top.uk-margin-remove-bottom {
    text-shadow: 0 1px 1px #000;
}  

div#float {
    position: fixed;
    bottom: 20px;
    background: transparent;
    width: 70px;
    right: 10px;
    z-index: 9999;
}
div#float .el-item {
    padding: 8px 15px 0;
    background: rgb(255 255 255 / 0%);
    margin: 0;
}
div#float .uk-icon > * {
    height: 30px;
    width: 30px;
}
div#float a.el-content.uk-button {
    padding: 5px 9px;
    width: 60px;
    line-height: 1.2;
    height: 90px;
     box-shadow: 1px 3px 10px rgb(0 0 0 / 41%);
    transition: all .42s cubic-bezier(.25,.46,.45,.94);
}
div#float a.el-content.uk-button:hover {
  
	-webkit-transform: translate3d(0,-6px,1px);
    transform: translate3d(0,-6px,1px);
    box-shadow: 1px 10px 20px rgb(0 0 0 / 38%);
  }
div#about1 .uk-button{
	box-shadow: 1px 3px 10px rgb(0 0 0 / 41%);
    transition: all .42s cubic-bezier(.25,.46,.45,.94);
	}
	div#about1 .uk-button:hover{
		-webkit-transform: translate3d(0,-6px,1px);
    transform: translate3d(0,-6px,1px);
    box-shadow: 1px 10px 20px rgb(0 0 0 / 58%);
	    	}
div#float .uk-container {
    padding: 0;
}
.cf-close a.uk-icon svg {
    width: 35px;
}
.cf-container .cf-tabs .uk-active .cf-item-open .el-content {
    color: #fff;
    font-size: 17px;
}
.cf-container .cf-tab:hover {
    background-color: rgba(0,0,0,0.6);
}
.cdb span.el-text.counter-text.uk-margin-remove-top.uk-heading-small {
    font-size: 40px;
}
.uk-dotnav li.uk-active a {
    width: 36px;
}
a.el-content.uk-button.uk-button-secondary.uk-active {
    color: #fff;
    background: #0080cb;
}









@media (min-width: 1200px){  

		div#about1 .uk-background-norepeat.uk-background-cover {
			background-size: 120%;
		}
		div#float a.el-content.uk-button.uk-button-primary {
			height: 70px;
			border: 1px solid #fff;
		}
	
}

@media (max-width: 1200px){  

		
}

@media (max-width: 760px){  

		div#float {
      bottom: 0;
    width: 100%;
    right: 0px;
    padding-left: 10px;
    background: #fff;
		}
		
div#float a.el-content.uk-button {
    height: 55px;
    width: 100%;
    padding: 6px 0px;
	    font-size: 15px;
}
		   div#float .el-item {
			padding: 8px 0 8px 8px;
			width: 25%;
		   }
		   .cdb span.el-text.counter-text.uk-margin-remove-top.uk-heading-small {
			font-size: 28px;
		}
		div#float .uk-icon > * {
    height: 22px;
    width: 60px;
}
		.uk-overlay {
    padding: 10px;
		}
		h1.uk-h1.uk-position-relative.uk-text-center.uk-scrollspy-inview {
			font-size: 28px;
		}

	.uk-icon.uk-navbar-toggle-icon {
    background: rgb(255 255 255 / 70%);;
    padding: 10px;
      box-shadow: 1px 3px 5px rgb(0 0 0 / 48%);
  	}  
			.uk-navbar-toggle {
       padding: 0 15px 0 0;
}
.uk-navbar-item {
      padding: 0 10px;
 }
	
		div#float .uk-button-primary svg {
			height: 20px;
		}
		div#float a.el-content.uk-button.uk-button-primary span.uk-icon {
			display: block!important;
			height: 20px;
		}
		div#about-btn .el-item {
    padding-left: 5px;
    margin: 0 0 5px;
		}
		div#about1 .uk-button {
			padding: 10px;
			line-height: 1.2;
			width: 77px;
		} 
		div#about4 .uk-position-relative {
    position: static!important;
		}
		h3.el-title.uk-margin-top.uk-margin-remove-bottom {
			font-size: 17px;
			font-weight: 600;
		}
		.el-content.uk-panel.uk-margin-top {
			margin-top: 10px!important;
		}
		div#float span.uk-text-middle {
			display: block;
		}
		

		
}