@charset "UTF-8"; 
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, .uk-navbar-item .uk-search input.uk-search-input, .uk-navbar-item, .uk-heading-primary, .nav-tabs>li>a, .uk-tab>*>a, .uk-nav-default, .uk-heading-small, .btn, .uk-button, h1.uk-heading-small, .uk-breadcrumb>*>*, .uk-button, .uk-navbar-dropdown-nav, textarea.uk-textarea, h3.el-title.uk-h4, .uk-tab, div#adv h3.el-title.uk-h4.uk-heading-bullet.uk-margin-top.uk-margin-remove-bottom, div#service-list h3.el-title.uk-h4.uk-heading-divider.uk-margin-top.uk-margin-remove-bottom {
    font-family: 'El Messiri', 'Noto Sans TC', 思源黑體, 'WenQuanYi Zen Hei', '儷黑 Pro', 'LiHei Pro', 微軟正黑體, 'Microsoft JhengHei', 微軟雅黑體, 'Microsoft YaHei', 標楷體, DFKai-SB, sans-serif;
    letter-spacing: 2px;
    }
header.tm-header .uk-sticky.uk-sticky-fixed, header.tm-header-mobile {
    background: rgb(0 0 0 / 70%);
}

div#service #event-note a.el-content.uk-button {
    pointer-events: none;
}
div#float {
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 3;
	} 
h1.uk-h2.uk-scrollspy-inview, .uk-panel.uk-text-large.uk-text-emphasis.uk-margin-remove-top.uk-scrollspy-inview, .uk-h4.uk-margin-medium.uk-scrollspy-inview {
    text-shadow: 1px 1px 0 #737373;
}
div#page\#0 {
    margin-bottom: -1px;
}
div#location svg {
    width: 30px;
}
div#service p{
    margin: 0;
}
div#page\#1.uk-section-default {
    background: transparent;
    margin-top: -1px;
}
div#module-123 ul.uk-subnav.uk-dropnav a {
    border: 1px solid #ccc;
    padding: 5px 20px;
    margin: 20px 0 40px;
}
::marker {
    line-height: 2.5;
}
.uk-card-default{

    transition: all 0.3s ease;	 
}
.uk-card-default:hover{
    transform: translateY(-10px);
    box-shadow: 0 10px 30px rgba(212, 175, 55, 0.4);
	
}

	div#service .el-item a.el-content.uk-button{
	width:100%;
	transition: all 0.3s ease;	
	color:#fff;
	}
	
div#service .el-item a.el-content.uk-button:hover{
	transform: translateY(-10px);
    box-shadow: 0 10px 30px rgba(212, 175, 55, 0.4);
	}	
.uk-margin.uk-slideshow {
    z-index: 1!important;
}
div#p1 {
    border: 1px solid #D1CC27;
    box-sizing: border-box;
    padding: 40px 40px 40px 0;
    margin-left: 0;
    border-radius: 20px;
    transition: all 0.3s ease;
    background-color: rgb(49 49 49 / 40%);
}
.uk-modal-dialog.uk-margin-auto-vertical.uk-modal-body {
    border: 1px solid #D1CC27;
    border-radius: 15px;
}
	
	
div#p1:hover {
transform: translateY(-10px);
    box-shadow: 0 10px 30px rgba(212, 175, 55, 0.4);
	}	
a.el-content.uk-width-1-1.uk-button.uk-button-default {
    border: 1px solid #D1CC27;
    background: #313131;
    color: #ffffff;
    padding: 0 20px;
}

.uk-accordion .el-item {
    border: 1px solid #D1CC27;
    padding: 20px;
    border-radius: 15px;
	 background: #313131;
	  transition: all 0.3s ease;	
}
.el-item.uk-open {
	transform: translateY(-10px);
    box-shadow: 0 10px 30px rgba(212, 175, 55, 0.4);
}
.uk-accordion .el-item .el-content.uk-panel {
    COLOR: #FFF;
}
	
.uk-accordion .el-item a {
    color: #D1CC27 !important;
    font-size: 18px;
    font-weight: 400;
}
	
	.el-content.uk-panel.uk-margin-remove-top {
    line-height: 1.4;
}
	.uk-modal-dialog.uk-margin-auto-vertical.uk-modal-body {
		border: 1px solid #D1CC27;
		border-radius: 15px;
		color: #fff;
	}
.tm-page::before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    right: 0;
    z-index: 999;
    height: 4px;
    background: #ff1414;
}
canvas#glCanvas {
    position: fixed;
    bottom: 0;
    z-index: 2;
    pointer-events: none;
    opacity: 0.6;
}
div#service .a12 span.uk-text-emphasis.el-image.uk-icon, div#about1 span.uk-text-emphasis.el-image.uk-icon, div#service h1.uk-h4 span.uk-margin-xsmall-right.uk-icon {
    padding: 10px;
    background: #D1CC27;
    border-radius: 20px;
    color: #fff;
}

.uk-lightbox.uk-open .uk-position-top-right {
    top: 100px;
  
}
button.uk-lightbox-close.uk-close-large.uk-icon.uk-close {
    border: 1px solid #ffffff;
    padding: 5px;
    border-radius: 20px;
}
	
	
	



	
@media (min-width: 1200px){  
	


		
	
}
@media (min-width: 960px){  

	.uk-panel.pro {
    display: none;
}
	
}

@media (max-width: 1200px){  

		
		
}




@media (max-width: 1024px){ 

		
		
}


@media (max-width: 760px){  
	


}

@media (max-width: 480px){  

		header.tm-header-mobile .uk-sticky.uk-sticky-fixed.uk-sticky-below {
		background: #000000;
		} 
		div#float {
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 3;
		  }
		  h1.uk-h2.uk-scrollspy-inview {
			font-size: 20px;
		}
		div#service .el-item {
    width: 100%;
	}
	a.uk-button {
		padding: 0 12px;
	}
	a.el-content.uk-width-1-1.uk-button.uk-button-default {
        padding: 0 12px;
}
	




}