@import 'https://fonts.googleapis.com/css?family=Raleway:900';

/* Custom CSS Web Design Sinci
****************************************************/

/* page prelaoder */
.js div#preloader {
    position: fixed;
    left: 0;
    top: 0;
    z-index:1000000;
    width: 100%;
    height: 100%;
    overflow: visible;
    background:rgba(0, 0, 0, 0.90);
}

.spinner {
    margin-top:25%;
}

.uk-icon-spin.uk-icon-large {
    font-size:400%;
}

/* LAYOUT
****************************************************/
a,.uk-link,a:hover {
    text-decoration: none;
}
.uk-button-large,input#sp_qc_submit{
    padding: 10px 30px;
    font-size: 24px;
    text-transform: uppercase;
    border-radius: 10px;
}

.uk-button:hover, .uk-button:focus {
    background-color: #424040;
    color: #ffffff;
}

.uk-button-primary {
    background-color: rgba(0, 168, 230, 0);
    color: #ffffff;
    border:1px solid #ffcc66;
    text-decoration:none;
}

.uk-button-primary:hover, .uk-button-primary:focus {
    background-color: #424040;
    color: #ffffff;
}

.uk-thumbnav > * > * {
    background:transparent;
}

.uk-thumbnav > * {
    padding-left: 25px;
    margin-top: 25px;
}

.uk-border-rounded {
    border-radius: 10px;
    border: 1px solid #656565;
}

.uk-close {
    opacity:1.0;
}

/* HEADER
****************************************************/
.header {
    z-index: 1000;
    position:absolute;
}

/* Menu */
.tm-overlay-menu .uk-modal-dialog {
    text-align: center;
}
.tm-overlay-menu .uk-nav > li > a {
    font-size: 32px;
    line-height:38px;
    text-transform: uppercase;
    border-top: none;
    color:#fff;
    font-weight:600;
}

.tm-overlay-menu .uk-nav > li > a:hover, .tm-overlay-menu .uk-nav > li.uk-active{
    color:#ffcc66;
}

/* MAIN
****************************************************/

/* Slideshow Countdown */
.otcountdowntext h2,
#tm-slideshow h2 {
	font-size:60px;
	line-height:60px;
	text-transform:uppercase;
	text-shadow: 1px 1px #000000;
	font-weight:100;
	font-family: 'Arial', sans-serif;
}
.otcountdowntext h3,
#tm-slideshow h3 {
	font-size:100px;
	line-height:65px;
	/* font-family: 'Arial', sans-serif; */
	/* text-transform:uppercase; */
	font-weight:100;
	text-shadow: 1px 1px #000000;
}
#tm-slideshow h4{  
  font-size: 48px;
  line-height: 58px;
  font-weight: 400;
  }

/* #top-a about */
#tm-top-a,
#tm-top-c,
#tm-top-d,
#tm-top-e,
#tm-bottom-a,
#tm-bottom-b,
#tm-bottom-c {
	margin-top:0;
    padding-top:60px;
    padding-bottom:60px;
}

#tm-top-a .uk-thumbnav {
	margin-top:-20px;

}

/* #top-b donation */
#tm-top-e {
	background:#04335D;
	color:#151515;
}

#tm-top-b h3.uk-h1.uk-margin-top-remove,
#tm-top-e h3.uk-h1.uk-margin-top-remove,
#tm-bottom-e h3.uk-h1.uk-margin-top-remove {
	color:#151515;
}

#tm-top-b .uk-button-primary,
#tm-top-e .uk-button-primary {
    background-color:#151515;
    color: #ffffff;
    border:1px solid #ffcc66;
    text-decoration:none;
}

#tm-top-b .uk-button-primary:hover,
#tm-top-b .uk-button-primary:focus,
#tm-top-e .uk-button-primary:hover,
#tm-top-e .uk-button-primary:focus {
    background-color: #424040;
}

/* #top-c schedule */
#tm-top-a h3.uk-h1.uk-margin-top-remove,
#tm-top-b h3.uk-h1.uk-margin-top-remove,
#tm-top-c h3.uk-h1.uk-margin-top-remove,
#tm-top-d h3.uk-h1.uk-margin-top-remove,
#tm-top-e h3.uk-h1.uk-margin-top-remove,
#tm-bottom-a h3.uk-h1.uk-margin-top-remove,
#tm-bottom-b h3.uk-h1.uk-margin-top-remove,
#tm-bottom-c h3.uk-h1.uk-margin-top-remove,
#tm-bottom-f h3.uk-h1.uk-margin-top-remove{
	text-align:center;
	margin-bottom:35px;
}

span.sprocket-tabs-text {
    text-transform: uppercase;
}

.sprocket-tabs-nav > li {
    text-align:center;
}

.sprocket-tabs-nav {
    border-bottom: 1px solid #ddd;
    background:transparent;
}

.sprocket-tabs-nav > li.active > .sprocket-tabs-inner {
    background-color:transparent;
    border: 1px solid #696969;
}

.sprocket-tabs-nav {
    border-bottom: 1px solid #696969;
}
.sprocket-tabs-nav > li.active > .sprocket-tabs-inner,
.sprocket-tabs-nav > li:hover > .sprocket-tabs-inner {
    color: #fff;
}

#tm-top-c .uk-icon-hover:hover {
    color:#ffcc66;
}

/* #top-d sponser */
#tm-top-d {
    background: #1B1B1B;
}

/* #tm-bottom-a */

/* price table */
.sprocket-tables-bg1, .sprocket-tables-block.highlight:hover .sprocket-tables-bg1 {
    background:transparent;
}

.sprocket-tables-item {
    border: 1px solid #696969!important;
    border-radius:8px;
}

.sprocket-tables-cell {
    border-bottom: 1px solid #696969;
}

.sprocket-tables-block:hover .sprocket-tables-bg1,
.sprocket-tables-block.highlight .sprocket-tables-bg1 {
    background: #000;
    border-radius:8px;
}

.sprocket-tables-link .readon {
    background:#ffcc66;
    color:#000;
}

.sprocket-tables-link .readon:hover {
    background:#424040;
    color:#fff;
}

.sprocket-tables-bg2,
.sprocket-tables-block.highlight:hover .sprocket-tables-bg2 {
    background: #424040!important;
    color: #B1B1B1;
}

/* #tm-bottom-b register */
.tm-bottom-b {
    background-attachment: fixed;
    background-image: url('../images/bg-1.jpg');
    background-size: cover !important;
    background-position: 50% 0 !important;
    background-repeat: no-repeat;
    margin-top:0!important;
}

.tm-bottom-b input[type].uk-form-large,.tm-bottom-b select.uk-form-large {
	height: 60px;
    padding: 12px 12px;
    font-size: 18px;
    border-radius: 8px;
    border:1px solid #000;
}

.tm-bottom-b .uk-form input[type="text"]:focus,
.tm-bottom-b .uk-form select:focus {
	background:#000;
}

.tm-bottom-b form.uk-form {
    padding: 60px 0;
}

/* #tm-bottom-c */
.tm-bottom-d .uk-overlay-icon:before {
    color:#ffcc66;
}
section#tm-bottom-d {
	margin-top:0;
}

/* #tm-bottom-e */
#tm-bottom-e,#tm-bottom-e .uk-panel {
    margin-top: 0;
    color:#000;
}

.uk-panel.uk-panel-box.uk-position-absolute.location {
    z-index: 100;
    top: 180px;
    left: 60px;
    background:#ffcc66;
    border-radius:8px;
}

/* #tm-bottom-f */

#tm-bottom-f{
	padding-top:60px;
}

#tm-bottom-f textarea#message {
    width:100%;
    height:160px;
    padding:20px;
    border-radius:8px;
    border-color:#666;
    margin-bottom:10px;
}

#tm-bottom-f .uk-form input[type="text"],
.uk-form input[type="email"]{
	height:50px;
	border-radius:8px;
	padding:20px;
	border-color:#666;
}

#tm-bottom-f .uk-form input[type="text"]:focus,
 #tm-bottom-f .uk-form input[type="email"]:focus,
 #tm-bottom-f .uk-form textarea:focus {
	background:#000;
}

#tm-bottom-f .uk-width-1-1 {
    margin-bottom:5px;
}

/* FOOTER
****************************************************/
.tm-totop-scroller {
    color: #ffffff;
    display: inline-block;
    text-align: center;
    position:relative;
}

/* MOBILE DEVICE
****************************************************/

/* Smartphones */
@media (max-width: 480px) {
	.uk-panel.uk-panel-box.uk-position-absolute.location {
    	left:20px;
	}

	.otcountdowntext h3,
	#tm-slideshow h3,
	.otcountdowntext h2,
	#tm-slideshow h2 {
	    font-size: 35px;
	    line-height: 35px;
	}
}

/* Smartphones to Tablets */
@media (min-width: 481px) and (max-width: 767px) {

	.uk-panel.uk-panel-box.uk-position-absolute.location {
    	left:20px;
	}	
}

/* Tablets */
@media (min-width: 768px) and (max-width: 959px) {
	.uk-panel.uk-panel-box.uk-position-absolute.location {
    	left:20px;
	}
}

/* Desktop */
@media (min-width: 960px) and (max-width: 1199px) { ... }

/* Large Display */
@media (min-width: 1200px) { ... }

h3.uk-panel-title{   
    text-align: center;
    margin-bottom: 35px;
	font-size: 34px;
	line-height: 38px;
	color: #fff;
	font-weight: 700;
	}

#tm-top-c{background-image:url("../images/topc-bg.jpg");}
.uk-panel-box{background:none;}
.mod-languages{margin-top:8px;}

/* 首頁slide黑幕 */
/* .uk-overlay-background {
  background: rgba(0, 0, 0, 0.4);
} */