/* your custom styles here */
.my-page-heading {
  font-size: 28px;
  font-weight: 800;
  font-family: "微軟正黑體";
  color: DarkBlue;
  margin-top: 5px;  
}
.my-section-heading {
  font-size: 22px;
  font-weight: 800;
  font-family: "微軟正黑體";
  color: #603913; 
  /* margin-top: 0px; */ 
}
.my-tab-heading {
  font-size: 20px;
  font-weight: 600;
  font-family: "微軟正黑體";
  color: #603913;
  margin-bottom: 15px;
}

.yu-section-heading {
  font-size: 22px;
  font-weight: 800;
  font-family: "微軟正黑體";
  color: #FFFFFF; /* #603913;  */ 
  /* margin-top: 0px; */ 
}
  /* 第一層選單 */
.my-dropdown-toggle {
  font-size: 20px;
  font-weight: 800;
  color: #603913; /* #FFFF66*/
}
.dropdown-menu.dropdown-menu-right.country-selector {
  width: 120px;
}

.my-news-title {
  font-size: 20px;
}

#my-latest-news {
  margin-top: 10px;
}

.my-lead {
  font-size: 18px;
  font-family: "微軟正黑體";
  color: DarkRed; 
  padding:3px 8px 3px 8px; 
}
.my-lead:hover, .my-lead:focus {
    color: #ffffff;  /* 右上方主選單白字滑鼠移過去變深咖啡色 */
    background-color: #603913;
}

.my-p {
  font-size: 16px;
  font-family: "微軟正黑體";
  color: #323232;
}
.my-a {
  font-size: 16px;
  font-family: "微軟正黑體";
  color: DarkMagenta; 
}

/* change tab content behaviour only for product carousel init only */
.my-product-carousel.slick-slider {
  margin-bottom: 0;
}
.my-product-carousel .slick-prev, .my-product-carousel .slick-next {
  top: 36%;
  opacity: 0.5;
}
.my-product-carousel .slick-prev {
  left: -15px;
}
.my-product-carousel .slick-next {
  right: -15px;
  left: inherit;
}
.my-product-carousel .product-item {
  padding: 10px 10px;
}
.my-product-carousel.my-msg .slick-prev, .my-product-carousel.my-msg .slick-next {
  top: 45%;
  opacity: 0.5;
}
.my-product-carousel.my-msg .slick-prev {
  left: -15px;
}
.my-product-carousel.my-msg .slick-next {
  right: -15px;
}
.no-display {
  display: none;
}
.my-portfolio-item-div {
  background-color: #e2ccb7;
  color: #603913;  
}
/*
.my-product-carousel.my-msg .slick-prev:hover:before, .my-product-carousel.my-msg .slick-prev:focus:before
{
  opacity: 1;
}
*/