/*==========head===========*/
.poe-none {
   pointer-events: none;
}
.logo-image {
    height: 74px;
}

#sp-header ,#sp-header .logo {
  height: 80px;
}
#sp-header {
  background: #fff0;
}
#sp-header {
    padding: 0 80px;
}
.logo-image, .logo-image-phone {
  filter: brightness(100);
}
.header-sticky .logo-image, .header-sticky .logo-image-phone {
  filter: brightness(1);
}
#sp-header a {
  color: #fff;
  padding: 0 0 0 45px;
}
#sp-header .sp-dropdown a {
  color: #000;
  padding: 10px 30px;
}
#sp-header.header-sticky {
  background: #fff;
}
#sp-header.header-sticky a {
  color: #252525;
}
#sp-section-1 {
  margin-top: -80px;
}
#sp-header .sp-megamenu-parent .sp-menu-item a:hover {
  color: #fff;
}
#sp-header.header-sticky .sp-megamenu-parent .sp-menu-item  a:hover {
  color: #3532c4;
}
#sp-header .sp-megamenu-parent .sp-menu-item .sp-dropdown a:hover {
  color: #3532c4;
}
.sp-megamenu-parent > li.active > a {
    color: #5d3ed6;
}
/*mobile*/
@media screen and (max-width: 425px) {
  #sp-header {
  	padding: 0 20px;
  }
  #sp-header a {
      color: #252525;
      padding: 0px;
  }
  #offcanvas-toggler {
    height: 80px;
    line-height: 80px;
  }
}
/*===========奇怪方匡==========*/
div#gtx-trans {
    display: none;
}

/*============body==========*/
#sp-main-body {
  padding: 50px 0;
}
h1, h2, h3, h4, h5, h6 {
  font-family: 'Noto Sans TC', sans-serif;
  font-weight: 700;
}
h2 {
  color: #f14a43;
  margin-bottom: 10px !important;
}
body{
  font-family: 'Noto Sans TC', sans-serif;
  font-size:16px;
  background: #f5f5f5;
}
#sp-section-1, .breadcrumb {
  background: #f5f5f5;
}
img {
  object-fit: cover;
}
/*===========Menu=========*/
#sp-menu a.menuabout::after {
    content: "About";
    display: block;
    line-height: 0px;
    margin-top: -10px;
}

#sp-menu li.sp-menu-item.sp-has-child {
    top: -20px;
  	height: 63px;
}

/*#sp-menu a.menuservice::after {
    content: "Service";
    display: block;
    line-height: 0px;
    margin-top: -10px;
}
*/

#sp-menu a.menuservice::before {
    content: "Service";
    display: block;
    line-height: 0px;
    margin-bottom: -51px;
}

#sp-menu a.menushare::after {
    content: "Share";
    display: block;
    line-height: 0px;
    margin-top: -10px;
}
#sp-menu a.menurecruit::after {
    content: "Recruiting";
    display: block;
    line-height: 0px;
    margin-top: -10px;
}

#sp-menu a.menucontact::after {
    content: "Contact Us";
    display: block;
    line-height: 0px;
    margin-top: -10px;
}

/*=======title==========*/
.sp-page-title {
  padding: 145px 0;
}
/*=======小漢堡==========}*/
#sp-header.header-sticky .fa.fa-bars {
    color: #252525!important;
}
#sp-header .fa.fa-bars {
    color: #fff!important;
}
.close-offcanvas {    
    background:#5d3ed6;
}
.offcanvas-menu .offcanvas-inner .sp-module .menu > li {
  	border: 0;
    padding: 0px 0px 5px 0px;
    margin: 0px 0px 10px 0px;
    position: relative;
    overflow: hidden;
    display: block;
    border-bottom: 1px dotted #5f5f5f;
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li a {
  font-size: 18px;
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li ul li a {
  font-size: 16px;
  line-height: 38px;
}
.offcanvas-menu .offcanvas-inner::before {
    content: "喜時國際股份有限公司";
    color: #3e2f79;
    font-weight: 500;
    font-size: 20px;
    letter-spacing: 2px;
    line-height: 78px;
}
.offcanvas-menu .offcanvas-inner {
    padding: 30px 30px 0 30px;
}
.offcanvas-menu .offcanvas-inner::after {
    background-image: url(/cqs/images/logo/cqs-logo.png);
    content: "";
    position: absolute;
    bottom: 0;
    right: 20px;
    height: 80px;
    width: 190px;
    background-size: contain;
    background-repeat: no-repeat;
    filter: grayscale(1);
    opacity: 0.4;
}
.item-111 .menu-toggler {
  	width: 240px;
    text-align: right;
}

.sp-dropdown.sp-dropdown-main.sp-menu-right {
  top:57px;
}
/*=========footer=========*/
#sp-bottom {
  color:#1d1d1d;
  padding: 60px 0 0 0;
}
#sp-bottom a{
  color: #3532c4;
}

#sp-bottom .sp-module {
    margin-bottom: 0px;
}
#sppb-addon-1572509821540 {
  font-size:12px;
  color: #737373;
}
/*=========RWD==========*/
@media screen and (max-width: 425px){
  #sp-bottom1 .sppb-img-responsive{
    height:100px;
  }
  .sp-contact-info{
    text-align:right;
  }
}
@media screen and (min-width: 300px) and (max-width: 900px){
  #sp-logo .logo img{
    height:59px;
  }
  .sp-contact-info{
    text-align:right;
  }
}
@media screen and (min-width: 600px) and (max-width: 900px) {
  #sp-bottom1{
    padding-bottom:30px;
  }
  #sp-bottom1 .sppb-img-responsive{
    height:160px;
  }
  
}
  
@media screen and (min-width: 300px) and (max-width: 600px) {
  .sp-page-title{
    padding: 120px 0px 50px 0;
  }
  .sp-page-title > .container h2 {
    font-size: 28px;
  }
  #sp-bottom1{
    padding-bottom:30px;
  }
  #sp-bottom #allstars-bottom-about .bottom-logo-wrapper{
    margin-bottom:20px;
  }
  #allstars-bottom-about .bottom-logo-wrapper h2 {
    font-size: 1.5rem;
  }
  #sp-bottom .sp-module .sp-module-title {
    font-weight: 700;
    font-size: 20px;
    margin: 0 0 20px;
 }
}
.sp-scroll-up {
  border-radius: 50%;
}

/*============首頁==============*/
/*logo-img*/

:focus {
    outline: #fff0;
}

/*============關於CQS==============*/
.btn-view {
    display: none !important;
}

/*===========案例分享=============*/
.blog .article-intro-image img {
  height: 260px;
  transition: all .5s;
}
.blog .article-list .article .article-intro-image img {
  border-radius: 4px;
}
.blog .article-intro-image a:hover img {
  transform: scale(1.1);
  transition: all .5s;
}