/*-----------------------------------menu Layout----------------------------*/

/*----------font-------*/
@import url(https://fonts.googleapis.com/earlyaccess/cwtexkai.css);
@import url(https://fonts.googleapis.com/earlyaccess/cwtexyen.css);
@import url('https://fonts.googleapis.com/css?family=Noto+Serif+TC:900&display=swap');
@import url(https://fonts.googleapis.com/earlyaccess/cwtexfangsong.css);
@import url(https://fonts.googleapis.com/earlyaccess/notosanstc.css);
.font-bew-song {font-family: 'cwTeXFangSong', serif!important;}/*---------標宋------*/
.font-noto-song {font-family: 'Noto Serif TC', serif!important; }/*----------google宋------*/
.font-bew-kai  {font-family: 'cwTeXKai', serif!important;}/*---------偕------*/
.font-bew-Yen {font-family: 'cwTeXYen', serif!important;}/*---------圓------*/
.font-noto-sans {font-family: 'Noto Sans TC', serif!important;}/*---------黑------*/

body,div,p,a, li,figcaption,label { font-family: 'Noto Sans TC', 'Roboto',arial, 'Microsoft JhengHei', '微軟正黑體', sans-serif!important; }
li,h1,h2,h3,h4,h5,h6 { font-family:'Noto Sans TC', 'Roboto',arial, 'Microsoft JhengHei', '微軟正黑體', sans-serif!important;}
.elementor-widget-heading .elementor-heading-title { font-family:'Noto Sans TC', 'Roboto',arial, 'Microsoft JhengHei', '微軟正黑體', sans-serif!important; }
#box-service-menu .widget-image-caption { font-family: 'Noto Sans TC', 'Roboto',arial, 'Microsoft JhengHei', '微軟正黑體', sans-serif!important; }
.page-title h2  { font-family: 'Noto Sans TC', 'Roboto',arial, 'Microsoft JhengHei', '微軟正黑體', sans-serif!important; font-weight: 500!important; }
#service-img-box .page-title a { font-family:'Noto Sans TC', 'Roboto',arial, 'Microsoft JhengHei', '微軟正黑體', sans-serif!important; font-weight: 500!important; }

div, section { box-sizing: border-box!important ; }

/*----------------------------------------------------common-------------*/
#box-p-left20 { padding-left:20%;}
#box-p-left30 { padding-left:30%;}
#box-p-left40 { padding-left:40%;}
#box-p-left50 { padding-left:50%;}
#box-p-left60 { padding-left:60%;}
#box-p-left70 { padding-left:70%;}
#box-left-0 {margin: auto 0 auto auto!important;}
#box-left-10 {margin: auto auto auto 10px!important;}
#box-left-20 {margin: auto auto auto 20px!important;}
#box-left-30 {margin: auto auto auto 30px!important;}
#box-left-40 {margin: auto auto auto 20px!important;}
#bg-fixed { height:100%!important; background-attachment: fixed!important; }
#box-fixed{position: fixed!important;}
#bg-full-fixed {
    position: fixed;
    top:0;
    z-index: 0;   
}

.display-inlinetable { display:inline-table; }
.overflow-hidden { overflow: hidden; }


/*--------------------------------------------------------------popup img---*/
.mfp-fade.mfp-bg.mfp-ready { opacity: 0.6; }
.mfp-counter {display:none;}
.mfp-zoom-out-cur .mfp-image-holder .mfp-close{
    color: #FFF;
    right: 20px;
    top: 10px;
    font-size: 40px;
  }
.mfp-image-holder .mfp-figure figure>img.mfp-img{
  border: 10px #fff8dd solid;
    box-shadow: 5px 5px 30px 20px rgba(0, 0, 0, 0.5);
     padding: 0;
   max-height: 95vh!important;
    max-width: 85vw!important;
     }

@media only screen and (max-width: 479px) {
   .mfp-image-holder .mfp-figure figure>img.mfp-img {    border:5px #fff8dd solid; }
}


 /*-------------------------------------------------------------------pc nav------------------*/
#top-bar-wrap{ /*display:none;*/
    position: absolute;
    top: 5px;
    right: 0;
     border:0; }
#site-header.transparent-header { 
       position: relative;
   background-color: rgba(0,0,0,0.6)!important; 
   }
.sf-menu ul.sub-menu {
    position: absolute;
    display: none;
    top: 73px;
       left: -10px;
     border-top: #ff6600 3px solid;
   border-radius: 3px; 
    min-width: 120%;
    text-align: center;
    border-radius: 0 0 5px 5px; 
      }
nav#site-navigation.main-navigation { 
   margin: 50px 0 auto auto!important; 
   background-color: rgba(0, 0, 0, 0.3);
}
nav#site-navigation>ul.dropdown-menu {margin:0 25px 0 10px;}
nav#site-navigation .dropdown-menu>li { padding:5px 0 3px 0;}
nav#site-navigation .dropdown-menu >li >a {line-height:120%!important;}
nav#site-navigation .dropdown-menu >.current-menu-item >a { color:#ff6600; }
nav#site-navigation .dropdown-menu >.current-menu-ancestor.dropdown>a { color:#ff6600; }
nav#site-navigation .dropdown-menu .menu-item .current_page_item { background:#eee; }
nav#site-navigation .dropdown-menu .current_page_item a { color:#ff6600; }

 /*--------------------------------------------------------------------------語系選單--------------------*/
 #site-navigation-wrap .dropdown-menu>li>a.menu-link>span:after { bottom: -75%;
    left: -15%;
    height: 3px;}


@media only screen and (max-width: 1280px) {
 #site-header.transparent-header { background-color: rgba(0,0,0,0.6)!important; }
  #site-header.transparent-header {  height: 75px!important; }
  #site-header #site-logo #site-logo-inner a img { max-height: 65px!important; }
  .mobile-right>a.mobile-menu { padding-right: 20px!important; }
  .oceanwp-mobile-menu-icon { margin-top: 5px!important;  }
}
@media only screen and (max-width: 959px) {
   .custom-logo { margin-left: 0; padding-left: 0; }
  .sidr-class-menu-item-has-children.sidr-class-menu-item-489
    {  background-color: #eee;}
 .sidr-class-dropdown-menu .sidr-class-menu-item-has-children ul>li { 
      padding-left: 20px;
      color:#fff; background: linear-gradient(to right, #ff9a44 1%,#fd7663 100%);
    border-bottom: 1px solid #ffdcc3;  }
  .sidr-class-dropdown-menu .sidr-class-menu-item-has-children ul>li:hover {  
      background-color: #ffdf66;
       background-image: linear-gradient(90deg, #ffdf66 0%, #d03c34 74%); }
   .sidr-class-dropdown-menu .sidr-class-menu-item-has-children ul>li a { color:#fff; }
  .sidr-class-dropdown-menu .sidr-class-menu-item-has-children ul>li a:hover { color:#000; }
  .sidr-class-dropdown-menu li.sidr-class-menu-item-has-children.active>a { color: #ff6600; }
  .sidr.left .sidr-class-toggle-sidr-close .sidr-class-close-text {display:none!important;}
  .sidr.left .sidr-class-toggle-sidr-close .sidr-class-icon.icon-close {font-size: 25px!important;
    height: 20px!important;
    margin-left: 90%!important;
    }
 .sidr-class-dropdown-toggle { 
    padding-left:50px;
     width:100%; }
  .sidr-class-dropdown-toggle:before { 
     padding-left:20px;
     left:90%; }
   #site-header-inner { padding:0!important;} 
 
}


/*-------------------------------------------特效------------------------------*/
.zoombig img { transition: transform 0.5s;}
.zoombig img:hover {
  -ms-transform: scale(1.2); /* IE 9 */
  -webkit-transform: scale(1.2); /* Safari 3-8 */
  transform: scale(1.2); 
  z-index:999;
}
#img-shadow img { box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.5);}


/*-------------------------------------------layout---------------------------*/
#bg-fullimg { top:-90px;}
#footer-box {margin-bottom: -90px;}
#footer-box p {color:#dddddd!important;}
#footer-box a {color:#ff9900!important;}
.custom-logo {margin-left:20px;}
#innerbox .elementor-row .elementor-inner-column { min-width: 100%; }
#main #content-wrap {padding-top:0; padding-bottom: 0; }
.home #main #content-wrap { max-width: 100%; }
#primary.content-area{margin:0;}

footer.site-footer {display:none;}

.a2a_kit { 
   left: -5px!important;
    top: auto!important;
    bottom: 40px!important;}
/*-----------------------------------------------------home--------------------*/
#home-bg {    margin-bottom: -30px!important; }

/*-----------------------------------------------------service--------------------*/
#service-title-box { top:20%; }
@media only screen and (min-width: 768px) {
  #servicemenu-box>.elementor-column-wrap>.elementor-widget-wrap {
     position:relative!important;
     display:block!important;
     height:100vh!important;
 }
}
#servicemenu-box { position:relative; }
#service-menu-bar{
    position:absolute;
    display:inline-table; 
    overflow: visible;
    height: 235px; 
    bottom: 0;
}

#service-menu-bar .elementor-container .elementor-row {
    top: -90px;
    position: absolute;
}
#service-menu-bar .widget-image-caption.wp-caption-text
{padding: 15px 10px;}

#service-menu-bar img{ 
    width: 95%;
    max-width:200px;
    }

@media only screen and (max-width: 1024px) {
    #service-menu-bar .elementor-container.elementor-column-gap-default {
        max-width:700px;}
}

@media only screen and (max-width: 767px) {
  #service-menu-bar { 
      background-color: rgba(0, 0, 0, 0.6);
      position: relative;
      height:auto;
  }
  #service-menu-bar .elementor-container .elementor-row {
     position: relative;
  }
}   

 #service-img-box #img-shadow .gallery-size-full {margin: auto 5%;}
 #service-img-box #img-shadow .gallery-size-full .gallery-item img { border-color: #dddddd!important;}


@media only screen and (max-width: 899px) {
  #service-img-box{
    margin-top: 90%;
   background:rgba(0,0,0,0.4);}
 #service-img-box #service-img-box {
     background:rgba(0,0,0,0);
    margin-top: 0px;
  }
 #service-img-box .page-title {padding-top:0;}
 #service-img-box .elementor-widget-container{margin-top:0; padding:0; }
 #service-img-box .elementor-widget-container h2 { color:#ffffff; }
 #service-img-box .elementor-widget-container p { color:#ffffff;}
 #service-img-box .elementor-text-editor { color:#ffffff; padding:0 30px; }
 #service-img-box .elementor-divider-separator{ border-top-color:#ddd;}
 #service-img-box .elementor-widget-image-gallery {   padding-top: 18px;}
 #service-img-box #img-shadow .gallery-size-full .gallery-item { 
     width:50%; 
    padding-left: 15px;
    padding-right: 15px;
    }

}
@media only screen and (min-width: 768px) and (max-width: 899px) { 
   #service-img-box .elementor-widget-container h2 { color:#ffffff; margin-left: 30px; }
}

/*--------------------------------------------------footer-------------------*/
#home-footer .elementor-text-editor. elementor-clearfix {color:#dddddd!important;}
#home-footer .elementor-text-editor. elementor-clearfix a:link {color:#dddddd!important;}
#home-footer .elementor-text-editor. elementor-clearfix a:hover {color:#dddddd!important;}
#home-footer .elementor-text-editor. elementor-clearfix a:active {color:#dddddd!important;}
#home-footer .elementor-text-editor. elementor-clearfix a:visited {color:#dddddd!important;}
#home-footer  section { margin-top:-20px; padding: 0 20px;}


.dropdown-menu .menu-item-has-children.menu-item-1231 { display:none;}
.sidr-class-menu-item.sidr-class-menu-item-1231 {display:none;} /* mobile*/

#menu-item-1231.menu-item.menu-item-1231 {display:none;}

/*-----------------------------------fsc_logo pc top-------------------*/
@media only screen and (min-width: 1281px) {
  #site-header.transparent-header { height:95px;}
  #site-navigation-wrap  { height:84px;}
  #site-header.transparent-header {  background-color: #333333!important;}
  nav#site-navigation.main-navigation {
      margin: 50px 0 auto auto!important;
      background-color: rgba(0, 0, 0, 0);
   }
  nav#site-navigation.main-navigation {   margin-top: 23px!important;}
  nav#site-navigation>ul.dropdown-menu {  height: 80px;  margin-top: -15px; }
  nav#site-navigation .dropdown-menu>li {  height: 77px;}
  nav#site-navigation .dropdown-menu >li >a { margin-top: 42px;}

   #menu-menu-tw #menu-item-4087.menu-item-4087,
  #menu-menu-jp #menu-item-4110.menu-item-4110,
  #menu-menu-en #menu-item-4111.menu-item-4111
 {
    font-size: .7rem;
    line-height: 10px;
    color: #285c4d;
    background: url(http://nientai.com.tw/wp-content/uploads/2020/03/fsc_1232@2x.png) no-repeat;
   background-size:  auto 68px;
    background-position: right 5px;
    text-align: right;
    vertical-align: middle;
    display: inline-block;
    padding: 50px 135px 0 0;
    margin: 0 14px 0 0;
    width: 332px;
    padding-right: 120px!important;
   }
   #menu-item-4087.menu-item-4087 .text-wrap,
   #menu-item-4110.menu-item-4110 .text-wrap,
  #menu-item-4111.menu-item-4111 .text-wrap,
  #menu-item-4164.menu-item-4164 .text-wrap,
  #menu-item-4165.menu-item-4165 .text-wrap
        {font-size: .7rem; margin-right: -10px; display:none!important; }
}

@media only screen and (max-width: 1310px) {
  #menu-menu-tw  #menu-item-4087.menu-item-4087 {
   width:135px;
    }
}
@media only screen and (max-width: 1435px) {
  #menu-menu-jp #menu-item-4110.menu-item-4110,
  #menu-menu-en #menu-item-4111.menu-item-4111
      {  width:135px;}
  #menu-item-4087.menu-item-4087 {width: 130px;}
}

/*-----------------------------------fsc_logo pc footer-------------------*/
#home-footer section {
  margin:0px;
   padding: 15px 0 0 0;
    background: url(http://nientai.com.tw/wp-content/uploads/2020/03/fsc_1232@2x.png) no-repeat;
    background-position: calc(100% - 60px) 15px;
   background-size:  auto 68px;
   height: 98px;
   max-height: 98px;
}
@media only screen and (max-width: 1310px) {
#home-footer section {
    background: url(http://nientai.com.tw/wp-content/uploads/2020/03/fsc-footer-1232@2x.png) no-repeat;
    background-position: center 15px;
       background-size:  160px auto;
    min-height: 225px;
    padding-top: 140px;
}
}
#home-footer .elementor-widget:not(:last-child) {
    margin: 2px 0 0 0;
}
#home-footer .elementor-element.elementor-widget .elementor-widget-container  { 
  margin:0!important; 
    padding: 5px 0 0 0; 
}
/*-----------------------------------fsc_logo mb menu-------------------*/
#sidr-id-menu-language{ background: url(http://nientai.com.tw/wp-content/uploads/2020/03/fsc_1232-mb@2x.png) 50% 95% no-repeat;
    background-size: 160px auto;
    height: 258px;
}

#sidr-id-menu-item-4087, #sidr-id-menu-item-4110, #sidr-id-menu-item-4111 { display:none;}

/*-----------------------------------fsc_logo mb footer-------------------*/
#scroll-top {right:5px;}
@media only screen and (max-width: 768px) {
#home-footer section { background: url(http://nientai.com.tw/wp-content/uploads/2020/03/fsc-footer-1232@2x.png) no-repeat;
   background-position: center 15px;
    background-size: 160px auto;
    min-height: 285px;
}
}
@media (min-width: 768px){
 #home-footer .elementor-column.elementor-col-50 {
    width: 50%;
    padding-left: 20px;
}
}

 #home-footer  p {
    margin: 0 0 10px;
    line-height: 20px;
}
@media (max-width: 768px){
  #home-footer  p {
    margin: 0 0 20px;
}
#scroll-top {right:20px;}
}


@media (max-width: 768px){
#home-footer p {
    margin: 0 0 0;
    padding: 0 30px;
}
}