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

/* ========================================================================
   Use this file to add custom CSS easily
 ========================================================================== */
div.myItemView {
	padding:8px 0 0 0 !important;
	margin:0 0 0 0 !important;
} /* this is the item container for this view */
 
 .tm-block-myfavorite {
  background-color: #f8fbfc;
  background: #f8fbfc;
  border-top: 1px solid #eaeef0;
}
 
.tm-totop-scroller {
 	margin-right: 7px;
}
 
.mod-languages img {
  	position:absolute;
 	-webkit-transition: opacity 200ms ease-in-out;
	-moz-transition: opacity 200ms ease-in-out;
	-o-transition: opacity 200ms ease-in-out;
	transition: opacity 200ms ease-in-out;
	width: 35px;
	height:36px;
 }
.mod-languages img.top:hover {
  opacity:0;
}

.langicon {
	font-family:微軟正黑體, Microsoft JhengHei;
	font-size: 18pt;
	color: #cca388;
}

.translator {
	line-height: 36px;
}

.my_b2jcontainer {
	width: auto;
	padding: 30px;
	overflow: visible;
	margin: auto;
	margin-top:16px;
	/*background: #fcfcfc;*/
	background: url("../../../images/Online-Booking-Form-title.png");
	background-repeat: no-repeat;
	border: solid 0px #c2c2c2;
	font-family: inherit;
	color: #898989;
	font-weight: 300;
	padding-top: 60px;	
}

.uk-grid:not(.uk-grid-preserve) > * {
padding-left: 0px !important;
}

.tm-bottom-c.uk-scrollspy-inview {
	background-color: #77B254;
}

.chzn-shadow-border {
	box-shadow: 3px 3px 5px #CCCCCC;
}

.tm-headerbar {
	padding-bottom: 0px !important;
}

.MySlideshowStyle {
	margin-top:16px;
}

.tm-top-b.uk-grid.uk-scrollspy-init-inview.uk-scrollspy-inview {
	background: url("../../../images/officehouse-line.png");
}

.ViewMoreCls
{
	margin-top: 5px !important;
	background-color: #77B254;
}

@media (max-width: 767px) {
	div.mod-languages li.lang_li {
		margin-right:28px;
	}
	.uk-button-large {
		min-height: 52px;
		padding: 0 32px;
		line-height: 52px;
		font-size: 16px;
	}

	.tm-block-footer {
	  background: #BDD8B1;
	  padding: 0;
	  font-size: medium;
	}

}

@media (min-width: 768px) and (max-width: 980px) {
	div.mod-languages li.lang_li {
		margin-right:40px;
	}
}

@media (min-width: 981px) and (max-width: 1024px) {
	div.mod-languages {
		margin-right:-10px;
	}
	div.mod-languages li.lang_li {
		margin-right: 37px;
	}
}

@media (min-width: 1025px) {
	div.mod-languages {
		margin-right:-2px;
	}
	div.mod-languages li.lang_li {
		margin-right: 37px;
	}
}

/* my css
 ========================================================================== */
#tm-bottom-a {
  padding-bottom: 20px;
}

#tm-bottom-b {
  padding-bottom: 20px;
}

#tm-bottom-c {
  padding-top: 0px;
  padding-bottom: 20px;
}

#tm-bottom-c  .uk-container{
  /* alex background-color: #77B254;*/
  color: #FFFFFD;   

}

.uk-heading-large-1 {
  margin-bottom: 0px;
  color:#FFFFFD
}
.uk-heading-large-1:after {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  width: 30px;
  margin-top: 24px;
  margin-left: -15px;
}
h1.uk-heading-large-1 {
    color: #FFFFFD;
    font-style:italic;
    font-family: cursive;
    margin-top: 10px;
    margin-bottom: 10px;
}
.about-us-margin-left {
    margin-left:40px;
}

.uk-navbar-nav > li > a.rightest-menu {
	margin-right:0px;
}

.tm-bottom-b.uk-grid.uk-scrollspy-init-inview {
	margin: 10px 0 20px 0px; /* alex 0; */
}

.my-uk-navbar-toggle {
  font-size: 20px;
  color: #444444;
  text-decoration: none;
}

.my-phone:after {
content: "";
font-family: FontAwesome;
vertical-align: middle;
}

.sideb-officehours {
	border-radius: 20px;
	padding: 8px;
	margin-top: 16px;
}

.officehours-sideb-block {
	background-color: #77B254;
	border-radius: 20px;
	padding: 10px;
}