/*
Theme Name: TopScorer Child
Theme URI: http://topscorer.qodeinteractive.com
Description: A child theme of TopScorer
Author: Mikado Themes
Author URI: http://themeforest.net/user/mikado-themes
Version: 1.0.0
Text Domain: topscorer
Template: topscorer
*/

@import 'css/header.css';
@import 'css/newfile.css';
@import 'css/timeline.css';
@import 'css/staff.css';
@import 'css/product.css';
@import 'css/page.css';
@import 'css/mobile.css';
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100;300;400;500;700;900&display=swap');
/* reset css */
body,html{
  font-family: 'Noto Sans TC', "Microsoft JhengHei","微軟正黑體",sans-serif !important;
  scroll-behavior: smooth;
  color:#fff;

}
.qodef-h4 a:hover, h4 a:hover {
  color: #F803BD
}
#qodef-page-content a, #qodef-page-content p a{
  color:#fff;
}
.qodef-h3, h3,.qodef-h4, h4 , p,.qodef-h2, h2{
  font-family: 'Noto Sans TC', "Microsoft JhengHei","微軟正黑體",sans-serif !important;
  scroll-behavior: smooth;
  text-transform: capitalize;
  color:#fff;
}
::selection{
  color: #fff;
  background: #F803BD;
}
#qodef-related-posts article:hover .qodef-e-title-link{
  color: #F803BD
}
#qodef-back-to-top .qodef-back-to-top-icon{
  background-color: #F803BD;
    border: 1px solid #F803BD;
}
#qodef-page-content a:hover, #qodef-page-content p a:hover{
  color:#F803BD;
}
a{
  color:#fff;
}
#qodef-page-content p{
  font-size:16px;
  line-height:28px;
  font-family: 'Noto Sans TC', "Microsoft JhengHei","微軟正黑體",sans-serif !important;
}

#qodef-page-outer{
  min-height: calc(100vh - 177px);
  padding: 0px;
}
@media only screen and (min-width:1440px){
  #qodef-page-outer{
    min-height: calc(100vh - 177px);
    padding: 0 85px;
  }
}
/* footer */
#qodef-page-footer .widget.widget_media_image a{
  max-width:130px;
  margin:auto;
}
#qodef-page-footer .widget.widget_media_image img{
  width:130px;
}
#qodef-page-footer-bottom-area .qodef-col-num--3 .qodef-grid-item:nth-child(3){
  display: flex;
  
}
@media only screen and (max-width:900px){
  #qodef-page-footer-bottom-area .qodef-col-num--3 .qodef-grid-item:nth-child(3){
   justify-content:center;
    
  }
}

/* header */
.widget.widget_topscorer_core_blog_list_loop .qodef-blog-list-loop-tagline{
  color:#fff;
  white-space: nowrap;
}

/*slider button*/
.ms-skin-black-2 .ms-nav-next{
  background: url(./icon/arrowR.svg) no-repeat center center !important;
  background-position: center center;
  border:0px solid #fff !important;
}
.ms-skin-black-2 .ms-nav-prev{
  background: url(./icon/arrowL.svg) no-repeat center center !important;
  background-position: center center;
  border:0px solid #fff !important;
}
.ms-gallery-botcont{
  display:none !important;
}
.ms-skin-black-2 .ms-nav-next:hover, .ms-skin-black-2 .ms-nav-prev:hover {
   background-color: transparent;
}
/* banner 按鈕 */
.qodef-button.qodef-layout--outlined .qodef-m-background-holder{
  background: #F803BD;
}

/* article layout */
.qodef-related-posts{
  margin-top: 0px;
}
.qodef-single-post-navigation{
  margin:30px 0px;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
}

#qodef-page-content .breadcrumb p{
  font-size:14px !important;
}

.defaultClickNav, .default-click-btn a {
  font-size: 16px;
  line-height: 28px;
  padding: 10px 35px;
  color: #fff;
  -webkit-box-shadow: 0 0 0 1px #fff;
          box-shadow: 0 0 0 1px #fff;
  position: relative;
  text-align: center;
  display: inline-block;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.defaultClickNav p, .default-click-btn a p {
  color: #fff;
  z-index: 10;
  position: relative;
  margin: 0;
  padding: 0;
}

.defaultClickNav:before, .default-click-btn a:before {
  content: "";
  top: 0;
  left: 0;
  display: block;
  position: absolute;
  width: 0%;
  height: 100%;
  border-radius: 0;
  background: #f803bd;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.defaultClickNav:hover, .defaultClickNav.active, .default-click-btn a:hover, .default-click-btn a.active {
  color: #fff !important;
  -webkit-box-shadow: 0 0 0 0px #fff;
          box-shadow: 0 0 0 0px #fff;
}

.defaultClickNav:hover:before, .defaultClickNav.active:before, .default-click-btn a:hover:before, .default-click-btn a.active:before {
  width: 100%;
}
/*# sourceMappingURL=buttonDefault.css.map */

/* footer */
#qodef-page-footer .widget.widget_topscorer_core_icon_list_item .qodef-e-title-inner{
  width:22px;
  height:22px;
}
#qodef-page-footer .widget.widget_topscorer_core_icon_list_item .qodef-e-title-inner img{
  width:100%;
}
.qodef-icon--custom-icon .qodef-e-title a{
  width:22px !important;
  height:22px !important;

}

.qodef-icon--custom-icon .qodef-e-title a img{
  width:100% !important;
}