/* scrolly
------------------------------------------------------------*/

// window.onload = function () {
//     scrolly({
//       fadeInTop: 0,
//       fadeInBottom: 0,
//       fadeInLeft: 0,
//       fadeInRight: 0
//     });
// };
  
  /* script
  ------------------------------------------------------------*/
  
  var script = function() {
  
      var $body = $('html,body');
      var winH = $(window).height();
      var winW = $(window).width();
      var $win = $(window);
      var scrollBottom = $(window).scrollTop() + $(window).height();
      var conH = $('.wrapper').height();
      var headerH = $('.myheader').outerHeight(true);
      var headerH2 = $('#static_header_gnb').outerHeight(true) + $('.myheader').outerHeight(true);
      var $hash = window.location.hash.substring(1);
  
      $('.liloadbtn').click(function () {
          var uri = '../lb' + $(this).data('lb')+'.aspx?pmd=' + $(this).data('uri');
          // console.log(uri);
          // $('.lbarea').load(uri,function () {
          //     $(this).find('.btn_x').click(function () {
          //         $('.lbarea').empty();
          //     })
          // });
          var lbareaAni = new TimelineMax();
              lbareaAni.to($('.lbarea'), .5, { css: { zIndex: 9999 } })
                       .to($('.lbarea'), .5, { autoAlpha: 1, ease: Linear.easeNone });
  
          $('.lbarea').find('iframe').attr('src', uri);
          $('.lbarea').find('.btn_x').click(function () {
              $('.lbarea').find('iframe').attr('src','');
              var lbkillAni = new TimelineMax();
                  lbkillAni.to($('.lbarea'), .5, { autoAlpha: 0, ease: Linear.easeNone })
                           .to($('.lbarea'), .5, { css: { zIndex: -1 } });
          });
      })
  
  
      /* slick
      ------------------------------------------------------------*/
  
      $('.sec1 .slide').not('.slick-initialized').slick({
          infinite: true,
          arrows: false,
          dots: true,
          asNavFor:".decoSlides >div",
      })
      $('.sec1 .slidedeco').not('.slick-initialized').slick({
          infinite: true,
          arrows: false,
          dots: false,
      })
      $('.sec2 .con .slide').not('.slick-initialized').slick({
          autoplay: true,
          infinite: true,
          centerMode: true,
          focusOnSelect: true,
          slidesToShow: 1,
          slidesToScroll: 1,
          dots: true,
          arrows: true,
          speed: 1000,
          autoplaySpeed: 4000,
          cssEase: 'cubic-bezier(0.200, -0.180, 0.235, 0.045)',
          responsive: [{
              breakpoint: 1024,
              settings: {
                  slidesToShow: 1,
                  slidesToScroll: 1,
                  cssEase: 'linear',
              }}
          ]
      })
      $('.sec3 .slide').not('.slick-initialized').slick({
          infinite: true,
          slidesToShow: 1,
          slidesToScroll: 1,
          arrows: true,
          fade: true,
          dots: true,
          cssEase: 'cubic-bezier(0.7, 0, 0.3, 1)',
          responsive: [{
              breakpoint: 768,
              settings: {
                  arrows: false,
              }}
          ]
      })
      $('.sec3 .cons .slides').not('.slick-initialized').slick({
          infinite: true,
          slidesToShow: 5,
          slidesToScroll: 1,
          centerMode: true,
          focusOnSelect: true,
          swipeToSlide: true,
          arrows: false,

          // asNavFor: '.slider-nav'
          cssEase:'linear',
          easing:'ease',
          responsive: [{
              breakpoint: 1024,
              settings: {
                slidesToShow: 4,
                slidesToScroll: 1,
              }
            },
            {
              breakpoint: 768,
              settings: {
                slidesToShow: 3,
                slidesToScroll: 1,
              }
            },
            {
              breakpoint: 640,
              settings: {
                slidesToShow: 1,
                slidesToScroll: 1,
              }
            }
          ]
      })
      $('.sec3 .cons .slides2').not('.slick-initialized').slick({
          infinite: true,
          slidesToShow: 3,
          slidesToScroll: 1,
          centerMode: true,
          focusOnSelect: true,
          swipeToSlide: true,
          arrows: false,

          // asNavFor: '.slider-nav'
          cssEase:'linear',
          easing:'ease',
          responsive: [{
            breakpoint: 640,
            settings: {
              slidesToShow: 1,
              slidesToScroll: 1,
            }
          }
        ]
    })
      $('.sec4 .con .slide').not('.slick-initialized').slick({
          autoplay: true,
          infinite: true,
          centerMode: true,
          focusOnSelect: true,
          slidesToShow: 1,
          slidesToScroll: 1,
          dots: true,
          arrows: true,
          speed: 1000,
          autoplaySpeed: 4000,
          cssEase: 'cubic-bezier(0.200, -0.180, 0.235, 0.045)',
          responsive: [{
              breakpoint: 1024,
              settings: {
                  slidesToShow: 1,
                  slidesToScroll: 1,
                  cssEase: 'linear',
              }}
          ]
      })
      $('.sec6 .slide').not('.slick-initialized').slick({
          infinite: false,
          // slidesToShow: 1,
          slidesToScroll: 1,
          // vertical: true,
          // verticalSwiping: true,
          arrows: false,
          swipeToSlide: true,
          focusOnSelect: true,
      })
      $('.decoSlides >div').not('.slick-initialized').slick({
          infinite: true,
          slidesToShow: 1,
          slidesToScroll: 1,
          draggable: false, 
          arrows: false,
          fade: true,
      })
      $('.sec2 .secsubtab').not('.slick-initialized').slick({
          infinite: false,
          arrows: false,
          dots: false,
          slidesToShow: 2,
          slidesToScroll: 1,
          variableWidth: true
      });
      $('.sec4 .secsubtab').not('.slick-initialized').slick({
          infinite: false,
          arrows: false,
          dots: false,
          slidesToShow: 3,
          slidesToScroll: 1,
          variableWidth: true
      });
      $('.sec6 .secsubtab').not('.slick-initialized').slick({
          infinite: false,
          arrows: false,
          dots: false,
          slidesToShow: 3,
          slidesToScroll: 1,
          variableWidth: true
      });
  
      function mobileOnlySlider() {
          $('.sec2 .sectab').not('.slick-initialized').slick({
              infinite: false,
              arrows: false,
              dots: false,
              slidesToShow: 2,
              slidesToScroll: 1,
              variableWidth: true
          });
          $('.sec4 .sectab').not('.slick-initialized').slick({
              infinite: false,
              arrows: false,
              dots: false,
              slidesToShow: 3,
              slidesToScroll: 1,
              variableWidth: true
          });
          $('.sec6 .sectab').not('.slick-initialized').slick({
              infinite: false,
              arrows: false,
              dots: false,
              slidesToShow: 3,
              slidesToScroll: 1,
              variableWidth: true
          });
      }
      if(window.innerWidth < 768) {
          mobileOnlySlider();
      }
  
  
      /* page nav
      ------------------------------------------------------------*/
  
      var $sec = $('.sec');
      var hash = location.hash,
          href;
  
      /* page scroll */
      var thispage = 0;
      var pagescroll = true;
      var pageT = [],
          $sec = $('.sec'),
          $main = $('.wrapper'),
          // _mainTOP = $main.offset().top,
          ah = $main.outerHeight(true),
          pageName = ['kv', 'intro', 'class', 'video', 'faq', 'tutor'];
          //   pageName = ['kv', 'intro', 'class' , 'video', 'faq', 'tutor'];
  
      var _thispagescroll = pageName.indexOf(hash);
  
  
      // 重設
      function navde() {
          // $('.mainnav').find('li').removeClass('open');
          // $('.subnav').hide();
          $('.burger').attr('toggle', '0');
          $('.burger').removeClass('isclick');
  
          // $('.mainnav').css('height', '');
          // TweenMax.to('.myheader', .1, { backgroundColor:'transparent', ease: Quart.easeOut });
  
          $('body').css({
              'overflow-y': '',
              'position': '',
              'height': ''
          });
  
          // $('.mainnav').css('display','flex');
  
          if (winW <= 768) {
              $('.nav').hide();
          } else {
              $('.nav').show();
          }
      }
      navde();
  
      // 主選單
      function navfunc() {
          var navopen = $('.burger').attr('toggle');
          if (navopen == 0) {
  
              // $('.mainnav').css('height', '100vh');
              // TweenMax.to('.myheader', .1, { backgroundColor: '#fff', ease: Quart.easeOut });
              $('.nav').slideDown();
  
              $('body').css({
                  'overflow-y': 'hidden',
                  'position': 'fixed',
                  'height': '100%'
              });
  
              $('.burger').attr('toggle', '1');
              $('.burger').addClass('isclick');
          } else if (navopen == 1) {
  
              // $('.mainnav').css('height', '');
              // TweenMax.to('.myheader', .5, { backgroundColor: 'transparent', delay: .3, ease: Quart.easeOut });
              $('.nav').slideUp();
  
              $('body').css({
                  'overflow-y': '',
                  'position': '',
                  'height': ''
              });
  
              $('.burger').attr('toggle', '0');
              $('.burger').removeClass('isclick');
          }
      }
      $('.burger').click(navfunc);
  
  
      // 子選單
      // function subnavfunc() {
      //     if ($('.subnav').length) {
  
      //         $(this).toggleClass('open');
      //         if ($(this).hasClass('open')) {
      //             $(this).find('.subnav').slideDown();
      //         } else {
      //             $(this).find('.subnav').slideUp();
      //         }
  
      //     }
      // }
      // $('.mainnav').find('li').click(subnavfunc);
  
  
      /* header fix ---------------------------------------------------*/
  
      var _sec1pos = $('.sec:nth-of-type(1)').offset().top;
  
      function headerfix() {
          var _scroll = $win.scrollTop();
  
          if (_scroll >= _sec1pos / 2) {
              $('.myheader').addClass('fixed');
          } else {
              $('.myheader').removeClass('fixed');
          }
      }
      $win.scroll(headerfix);
  
  
      /* nav scroll --------------------------------------------*/
  
      /* page scroll */
      var thispage = 0;
      var pagescroll = true;
      var pageT = [],
          $sec = $('.sec'),
          $main = $('.wrapper'),
          ah = $main.outerHeight(true);
      // var _thispagescroll = pageName.includes(hash);
  
  
  
      // var hash = location.hash;
  
      var $navbtn = $('.navbtn');
  
  
      // var navRe = function() {
      //     $('.btn_nav').removeClass('isclick');
      //     $('.nav').fadeOut();
      //     $('.nav .inner').removeClass('in');
      // }
  
      var pageReset = function() {
          pageT = [];
          winW = $win.width();
          ah = $main.outerHeight(true);
          $sec.each(
              function(i, obj) {
                  var t = $(obj).offset().top;
                  pageT.push(t);
                  if (i == $sec.length - 1) { pageT.push(ah); }
              }
          );
  
          // console.log(pageT)  
      }
  
      var menuselect = function() {
          $navbtn.removeClass('select');
  
          // console.log(thispage)
  
          pageReset();
          // if (winW>=1024){
          //     $('.navbtn[data-page="' + thispage + '"]').addClass('select'); 
          // }
          $('.navbtn[data-page="' + thispage + '"]').addClass('select');
  
  
      }
  
      var menuscroll = function(n) {
          var _pos;
          thispage = n;
          // if(thispage!==1){sliderclose();}
          pageReset();
  
          // if (winW <= _media) { $headerH = 47; } else { $headerH = 50; }
          // if (n !== 0) { _pos = $headerH; } else { _pos = 0; }
  
          TweenMax.to('body,html', .8, { scrollTop: pageT[thispage] - headerH, ease: Quart.easeOut });
          console.log(headerH)
          // if(thispage == 4){ sec5Pagechange();}
          // _menuopen = true;
          // menuClick();
      }
  
      var scrollPage = function(wt, whelf) {
          winH = $win.height();
          winW = $win.width();
          wt = $win.scrollTop();
          whelf = winH / 3;
          // _mainTOP = $main.offset().top;
  
          for (var p = 0; p < $sec.length; p++) {
              if (wt > pageT[p] - whelf && wt < pageT[p + 1] - whelf) {
                  thispage = p;
              }
          }
  
          menuselect();
  
          href = pageName[thispage];
          window.location.hash = href;
      }
  
      var scrollthispage = function() {
          var _pos;
          _thispagescroll = pageName.indexOf(hash.substr(1));
  
          // console.log(_thispagescroll)
  
          pageReset();
  
          if (_thispagescroll != -1) {
              thispage = pageName.indexOf(hash.substr(1));
  
              pageReset();
  
              // if (winW <= _media) { $headerH = 47; } else { $headerH = 50; }
              // if (thispage !== 0) { _pos = $headerH; } else { _pos = 0; }
              if (thispage == 0) {
                //   TweenMax.to('body,html', .8, { scrollTop: 0, ease: Quart.easeOut });
                console.log('0')
              } else {
                  TweenMax.to('body,html', .8, { scrollTop: pageT[thispage] - headerH, ease: Quart.easeOut });
              }
  
              menuselect();
              href = pageName[thispage];
              window.location.hash = href;
              pagescroll = false;
          };
  
      }
      setTimeout(function() {
          scrollthispage()

      }, 200);
  
      $navbtn.click(
          function() {
              var n = $(this).data('page');
              // if($(this).attr('data-sec5list')) thisS5 = $(this).data('sec5list');
              menuscroll(n);
  
              navde();
              // if(winW<=1024){ navRe();}
  
              // if(_lb)lbClose();
              // _lb = true;
          }
      );
  
      var $navli = $('.nav ul li');
  
  
    
      $navli.hover(function(){
          $(".myheader").toggleClass('show');
      });
  
      $("#historygoback").bind("click",function(){  
          window.history.go(-1);        //返回+刷新  
      });
  
      /* sec2  --------------------------------------------------------*/
  
      function secallfunc() {
        
          var thisS2 = $('.sec2 .sectab li.select').data('tab'),
              prevS2 = '',
              $btn_sec2 = $('.sec2 .sectab');
         
          $('.sec2 .con').each(function () {
              $(this).find('.subcon').eq(0).show();
          });
          $('.sec2 .secsubtab').each(function () {
              $(this).find('dd').eq(0).addClass('select');
          });
  
          var sec2Pagechange = function (idx) {
              if (thisS2 !== prevS2) $('.sec2 .con').fadeOut(0).css('opacity',0);
              
              $('.sec2').find('.subcon').hide();
              $('.sec2 .secsubtab').hide();
              $('.sec2 .con').each(function () {
                  $(this).find('.subcon').eq(0).show();
              });
              $('.sec2 .secsubtab').each(function () {
                  $(this).find('dd').eq(0).addClass('select');
              });
  
              $('.sec2 .con[data-con ="' + thisS2 + '"]').fadeIn(500,function () {
                  $('.sec2 .slide').slick('setPosition'); 
                  TweenMax.to($(this), .1, { css:{autoAlpha: 1}, ease: Linear.easeNone });
                  $('.sec2 .con').each(function () {
                      $(this).find('.subcon').eq(0).show();
                      $('.sec2 .slide').slick('setPosition'); 
                  });
              });
              $('.sec2 .secsubtab[data-subtab ="' + thisS2 + '"]').fadeIn(500).each(function () {
                  $(this).find('dd').click(function () {
                      var _ind = $(this).data('con');  //$(this).closest('.slick-slide').data('slick-index');
  
                      $('.sec2 .secsubtab').find('dd').removeClass('select');
                      $(this).addClass('select');
  
                      $('.sec2 .con[data-con ="' + thisS2 + '"]').find('.subcon').hide();
                      $('.sec2 .con[data-con ="' + thisS2 + '"]').find('.subcon[data-subcon ="' + _ind + '"]').show();
                      $('.sec2 .slide').slick('setPosition'); 
                  })
              });
      
              $('li', $btn_sec2).removeClass('select');         
              $('li[data-tab ="' + thisS2 + '"]', $btn_sec2).addClass('select');
              prevS2 = thisS2;
          }
          sec2Pagechange(thisS2);
          $('li', $btn_sec2).click(function() {
              thisS2 = $(this).data('tab'); //$(this).index();
              sec2Pagechange();
      
          });
      }
      //secallfunc();
  
  
      /* sec3 切換 -----------------------------------------------------*/
  
      var thisS3 = 0,
          prevS3 = '',
          $btn_sec3 = $('.sec3 .sectab li');
  
      var sec3Pagechange = function() {
          if (thisS3 !== prevS3) $('.sec3 .con').fadeOut(0);
  
          $('.sec3 .con[data-con ="' + thisS3 + '"]').fadeIn(500);
          $('.sec3 .slide').slick('setPosition');
  
          $btn_sec3.removeClass('select');
          $btn_sec3.eq(thisS3).addClass('select');

          $btn_sec3.parents().find('.illus').removeClass().addClass('illus');
          $btn_sec3.parents().find('.illus').addClass('i'+thisS3);

          prevS3 = thisS3;
      }

      var thisS3s = 0,
          prevS3s = '',
          $btn_sec3s = $('.sec3 .sectabs li'),
          $btn_sec3sworkbtn = $('.sec3 .workbtn, .sec3 .workbtn2');

  
      var sec3sPagechange = function() {
          if (thisS3s !== prevS3s) $('.sec3 .cons').fadeOut(0);
  
          $('.sec3 .cons[data-con ="' + thisS3s + '"]').fadeIn(500);
          $('.sec3 .slides, .sec3 .slides2').slick('setPosition')
        //   $('.sec3 .sectabs').css('display', 'none');
          $('.sec3 .sectabs').addClass('list');
  
          $btn_sec3s.removeClass('select');
          $btn_sec3s.eq(thisS3s).addClass('select');

          prevS3s = thisS3s;
      }

      sec3Pagechange(thisS3);
      $btn_sec3.click(function() {
          thisS3 = $(this).index();
          sec3Pagechange();

          $btn_sec3s.click(function() {
            thisS3s = $(this).index();
            sec3sPagechange();
            
            $btn_sec3sworkbtn.click(function() {
                $('.sec3 .sectabs').css('display', 'flex');
                $('.sec3 .cons').css('display', 'none');
                $('.sec3 .sectabs').removeClass('list');

            });
          });
      });

      /* sec4 切換 -----------------------------------------------------*/
  
      var thisS4 = $('.sec4 .sectab li.select').data('tab'),
          prevS4 = '',
          $btn_sec4 = $('.sec4 .sectab');
  
      $('.sec4 .con').each(function () {
          $(this).find('.subcon').eq(0).show();
      });
      $('.sec4 .secsubtab').each(function () {
          $(this).find('dd').eq(0).addClass('select');
      });
  
      var sec4Pagechange = function() {
          if (thisS4 !== prevS4) $('.sec4 .con').fadeOut(0).css('opacity',0);
          
          $('.sec4').find('.subcon').hide();
          $('.sec4 .secsubtab').hide();
          $('.sec4 .con').each(function () {
              $(this).find('.subcon').eq(0).show();
          });
          $('.sec4 .secsubtab').each(function () {
              $(this).find('dd').eq(0).addClass('select');
          });
          $('.sec4 .con[data-con ="' + thisS4 + '"]').fadeIn(500,function () {
              $('.sec4 .con .slide').slick('setPosition'); 
              TweenMax.to($(this), .1, { css:{autoAlpha: 1}, ease: Linear.easeNone });
              $('.sec4 .con').each(function () {
                  $(this).find('.subcon').eq(0).show();
                  $('.sec4 .slide').slick('setPosition'); 
              });
          });
         
          $('.sec4 .secsubtab[data-subtab ="' + thisS4 + '"]').fadeIn(500).each(function () {
              $(this).find('dd').click(function () {
                  var _ind = $(this).data('con');  //var _ind = $(this).closest('.slick-slide').data('slick-index');
  
                  $('.sec4 .secsubtab').find('dd').removeClass('select');
                  $(this).addClass('select');
  
                  $('.sec4 .con[data-con ="' + thisS4 + '"]').find('.subcon').hide();
                  $('.sec4 .con[data-con ="' + thisS4 + '"]').find('.subcon[data-subcon ="' + _ind + '"]').show();
  
                  $('.sec4 .slide').slick('setPosition'); 
              })
          });
  
          $('li', $btn_sec4).removeClass('select');         
          $('li[data-tab ="' + thisS4 + '"]', $btn_sec4).addClass('select');
          prevS4 = thisS4;
      }
      sec4Pagechange(thisS4);
      $('li', $btn_sec4).click(function() {
          thisS4 = $(this).data('tab'); //$(this).index();
          sec4Pagechange();
      });
  
  
      
      /* sec5 -----------------------------------------------------*/
  
      $("select[name=position]").change(function () { //地區
          var reg = $("select[name = position]").val();
          $("select[name=course]").val('').find('option:not(:eq(0))').remove();        
          if (reg !== '') {
              $('select[name=course_temp2] option[data-r=' + reg + ']').clone().appendTo('select[name=course]');
          } else {
              $('select[name=course_temp1] option').clone().appendTo('select[name=course]');
          }
      });
      $("select[name=product_type]").change(function () { //課程類型
          var tp = $("select[name=product_type]").val();      
          $("select[name=product_num]").val('').find('option:not(:eq(0))').remove();
          if (tp !== '') {
              $('select[name=product_num_temp2] option[data-t=' + tp + ']').clone().appendTo('select[name=product_num]');
          } else {
              $('select[name=product_num_temp1] option').clone().appendTo('select[name=product_num]');
          }
      });
      //$("select[name=product_num]").change(function () { //產品類型
  
      //    var pod = $("select[name=product_num]").val();
      //    var reg = $("select[name=product_num] option:selected").data("r");
      //    var tp = $("select[name=product_num] option:selected").data("t");
      //    $("select[name=course]").val('').find('option:not(:eq(0))').remove();
      //    if (pod !== '') {
      //        //console.log(reg);
      //        //console.log(tp);
      //        //console.log(pod);
      //        $('select[name=course_temp] option[data-r=' + reg + '][data-t=' + tp + '][data-p= ' + pod + ']').clone().appendTo('select[name=course]');
      //    }
      //});
  
      $("#bclear").click(function () {
          $("select[name=position],select[name=product_type],select[name=product_num],select[name=course]").val('');//.find('option:not(:eq(0))').remove();
          $("select[name=product_num],select[name=course]").find('option:not(:eq(0))');
          $('select[name=product_num_temp1] option').clone().appendTo('select[name=product_num]');
          $('select[name=course_temp1] option').clone().appendTo('select[name=course]');
          $("#bsearch").trigger('click');
      });        
      $("#bsearch").click(function () {
          $('html').addClass('loading');
  
          $.post("/api/ajax_sec5.ashx", $("#form1").serialize(), function (data) {
              $('html').removeClass('loading');
              if (data.status < 0) {
                  alert(data.message);
              } else {
                  $(".sec5Box").empty().html(data.objectz);                
                  if (data.status < 90) {
                      $('.sec5').find('.box').eq(0).addClass('turnon');
                      $('.sec5').find('.box').eq(0).find('.con').show();
                  }
              }
          }, "json");
      });  
  
  
      $('.sec5').find('.box').eq(0).addClass('turnon');
      $('.sec5').find('.box').eq(0).find('.con').show();
  
      $(document).on("click", ".sec5 .subtitle", function () {
          $(this).parent().toggleClass('turnon');
          if ($(this).parent().hasClass('turnon')) {
              $(this).parent().find('.con').slideDown();
          } else {
              $(this).parent().find('.con').slideUp();
          }
  
          var _num = $('.sec5').find('.turnon').length;
          if (_num <= 0) {
              // alert(123);
              // $('.sec5').find('.box').removeClass('turnon');
              // $('.sec5').find('.box').find('.con').slideUp();
              $('.sec5').find('.btn_close._close').hide();
              $('.sec5').find('.btn_close._open').show();
          }
          else {
              // $('.sec5').find('.box').addClass('open');
              // $('.sec5').find('.box').find('.con').slideDown();
              $('.sec5').find('.btn_close._open').hide();
              $('.sec5').find('.btn_close._close').show();
          }
          return false;
      });
  
      $('.sec5').find('.btn_close._close').click(function () {
          $('.sec5').find('.box').removeClass('turnon');
          $('.sec5').find('.box').find('.con').slideUp();
          $(this).hide();
          $('.sec5').find('.btn_close._open').show();
      });
      $('.sec5').find('.btn_close._open').click(function () {
          $('.sec5').find('.box').addClass('turnon');
          $('.sec5').find('.box').find('.con').slideDown();
          $(this).hide();
          $('.sec5').find('.btn_close._close').show();
      });
      //報名按鈕跳轉至時間
      function sec5slideopen(){
          var _course = $(this).data('course');
  
          if( ! $('.sec5').find('.box[data-course="'+_course+'"]').hasClass('turnon') ){
              $('.sec5').find('.box').removeClass('turnon');
              $('.sec5').find('.box').find('.con').slideUp();
              
              $('.sec5').find('.box[data-course="'+_course+'"]').addClass('turnon');
              $('.sec5').find('.box[data-course="' + _course + '"]').find('.con').slideDown();            
          }
          menuscroll(2);
          navde();
      }
      $('.sec4').find('.btnapply').click(sec5slideopen);
  
  
      /* sec6 切換 -----------------------------------------------------*/
      var thisS6 = $('.sec6 .sectab li.select').data('tab'),
          prevS6 = '',
          $btn_sec6 = $('.sec6 .sectab');
  
      $('.sec6 .con').each(function () {
          $(this).find('.subcon').eq(0).show();
      });
      $('.sec6 .secsubtab').each(function () {
          $(this).find('dd').eq(0).addClass('select');
      });
  
      var sec6Pagechange = function () {
          if (thisS6 !== prevS6) $('.sec6 .con').fadeOut(0).css('opacity', 0);
          // if (thisS6 !== prevS6) $('.sec6 .secsubtab').fadeOut(0);
          //console.log(thisS6);
          //$('.sec6').find('.subcon').hide();
          $('.sec6 .secsubtab, .sec6 .subcon').hide();
          $('.sec6 .con').each(function () {
              $(this).find('.subcon').eq(0).show();
          });
          $('.sec6 .secsubtab').each(function () {
              $(this).find('dd').eq(0).addClass('select');
          });
  
          //$(this).find('.subcon').eq(0).show();
  
  
          $('.sec6 .con[data-con ="' + thisS6 + '"]').fadeIn(500, function () {
              console.log('data-con fadein');
              console.log(thisS6);
              $('.sec6 .slide').slick('setPosition');
              TweenMax.to($(this), .1, { css: { autoAlpha: 1 }, ease: Linear.easeNone });
              $('.sec6 .con').each(function () {
                  $(this).find('.subcon').eq(0).show();
                  $('.sec6 .slide').slick('setPosition');
              });
          });
  
          $('.sec6 .secsubtab[data-subtab ="' + thisS6 + '"]').fadeIn(500).each(function () {
              if (winW > 768) {
                  $(document).on("click", "dd", function () {
                      //$(this).find('dd').click(function () {
                      var _ind = $(this).data('con'); // var _ind = $(this).index();
                      // console.log(thisS6,_ind);
  
                      $('.sec6 .secsubtab').find('dd').removeClass('select');
                      $(this).addClass('select');
  
                      $('.sec6 .con[data-con ="' + thisS6 + '"]').find('.subcon').hide();
                      $('.sec6 .con[data-con ="' + thisS6 + '"]').find('.subcon[data-subcon ="' + _ind + '"]').show();
                      $('.sec6 .slide').slick('setPosition');
                  })
              } else {
                  $(document).on("click", "dd", function () {
                      var _ind = $(this).closest('.slick-slide').data('slick-index');
  
                      $('.sec6 .secsubtab').find('dd').removeClass('select');
                      $(this).addClass('select');
  
                      $('.sec6 .con[data-con ="' + thisS6 + '"]').find('.subcon').hide();
                      $('.sec6 .con[data-con ="' + thisS6 + '"]').find('.subcon[data-subcon ="' + _ind + '"]').show();
                      $('.sec6 .slide').slick('setPosition');
                  })
              }
  
          });
  
          //$btn_sec6.removeClass('select');
          //$btn_sec6.eq(thisS6).addClass('select');
          $('li', $btn_sec6).removeClass('select');
          $('li[data-tab ="' + thisS6 + '"]', $btn_sec6).addClass('select');
          prevS6 = thisS6;
      }
      sec6Pagechange(thisS6);
      $(document).on("click", ".sec6 .sectab li", function () {
          //$('li', $btn_sec6).on('click', function () {
          thisS6 = $(this).data('tab'); //$(this).index();
          //console.log(thisS6);
          sec6Pagechange();
  
      });
  
      //查詢
      $("#fsBtn").click(function () {
          if ($("input[name=fskey]").val() === "") {
              alert("請輸入關鍵字查詢");
          } else {
              $('html').addClass('loading');
  
              $.post("/api/ajax_faq.ashx", $("#form1").serialize(), function (data) {
                  $('html').removeClass('loading');
                  if (data.status < 0) {
                      alert(data.message);
                  } else {
                      $("#faqBox").empty().html(data.objectz);
                      $('.query').css('display', 'block');
                      if (data.status < 90) {
                          $('.sec6 .slide').not('.slick-initialized').slick({
                              infinite: true,
                              vertical: true,
                              slidesToShow: 5,
                              slidesToScroll: 1,
                              arrows: true,
                              responsive: [{
                                  breakpoint: 768,
                                  settings: {
                                      slidesToShow: 3,
                                  }
                              }]
                          });
  
                          thisS6 = data.message;
                          sec6Pagechange(thisS6);
                      }
  
  
                  }
              }, "json");
          }
          return false;
      });


      /* faq
      ------------------------------------------------------------*/
  
    //   $("#faqback").bind("click",function(){  
    //       window.history.go(-1);        //返回+刷新  
    //   });
  
  
      /* lightbox
      ------------------------------------------------------------*/
  
      // var lightbox = function(){
  
      var $lb = $('.lb'),
          $lbbox = $('.lbbox');
      var _vdUrl = 'https://www.youtube.com/embed/'
  
      var lb_data;
      // lbname = 'loginFail';
  
      // TweenMax.set($('.lb'),{autoAlpha:0});
      // TweenMax.set($('.lb') ,{css:{zIndex:-1}});
  
      var lbOpen = function(lb_data) {
  
          var lbAni = new TimelineMax();
          lbAni.to($('.lb[data-lb="' + lb_data + '"]'), .5, { css: { zIndex: 9999 } })
               .to($('.lb[data-lb="' + lb_data + '"]'), .5, { autoAlpha: 1, ease: Linear.easeNone });
      }
  
      var lbClose = function() {
  
          var lbCloseAni = new TimelineMax();
          lbCloseAni.to($('.lb'), .5, { autoAlpha: 0, ease: Linear.easeNone })
                    .to($('.lb'), .5, { css: { zIndex: -1 } });
  
          $('#youtuUrl').attr('src', '');
      }
  
      // lbOpen('loginFail');
      $('.libtn').click(function() {
          var lbname = $(this).data('lb');
          if (lbname == 'video') {
              var ytid = $(this).attr('ytid');
  
              var title = $(this).attr('title');
              var sub = $(this).attr('sub');
              var type = $(this).attr('type');
              var oreder = $(this).data('order');
              $(".lb-video .title").find('p').text(title);
              $(".lb-video .title").find('span').html(sub);
              $(".lb-video .type").text(type);
              $('<iframe/>', {
                  width: 'some text',
                  height: 'someClass',
                  src: 'https://www.youtube.com/embed/' + ytid,
                  frameborder: 0,
                  allow: 'autoplay; encrypted-media',
                  allowfullscreen: true
              }).appendTo($(".lb-video .videoWrapper"));
              //<iframe width="560" height="315" src="https://www.youtube.com/embed/8ZMPhyIVigM" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
          } else if (lbname == 'class') {
              var $cbox = $(this).parent().parent();
              $(".lb-class .title").text($('.title', $cbox).text());
              $(".lb-class .subtitle").text($('.sub', $cbox).text());
              $(".lb-class .type").text($cbox.data('type'));
              $(".lb-class .txt").html($('.txt', $cbox).html());
              $(".lb-class .pic").html($('.pic', $cbox).html());
          }
          
          // var nextoreder = oreder+1;
          // var max = $('.sec2 .libtn').length;
  
          lbOpen(lbname);
  
          // $('#youtuUrl').attr('src', _vdUrl + ytid + '?autoplay=1&wmode=opaque&showinfo=0');
          // $('.lb-video').find('.title').find('p').text(title);
          // $('.lb-video').find('.title').find('span').text(sub);
          // $('.lb-video').find('.type').text(type);
  
          $('.lb-video .slide').slick('slickGoTo', oreder);
          $('.lb-class .slide').slick('slickGoTo', oreder);
  
          // $('.lb .btn_x').click(function () {
          //     $('.libtn[data-order="' + nextoreder + '"]').trigger('click');
          // })
  
          return false;
      });
  
  
      $('.lb .btn_x').click(lbClose);
  
  
      // }
      // lightbox();
  
      // $('body').click(function(e){
      //     var _con = $('.lbbox');   // 设置目标区域
      //     if(!_con.is(e.target) && _con.has(e.target).length === 0){ // Mark 1
      //         lbClose();
      //     }
      // });
  
  
  
  
      if ($hash == "group") {
        setTimeout(() => {
            $('.sec5Box .groupBox').next('.box').find('.subtitle').trigger('click')
            $('html, body').animate({
                scrollTop: $('.sec5Box .groupBox').offset().top - headerH2
            }, 200);
        }, 1000);
    }

  
  
  
  
  
  
      /* resize
      ------------------------------------------------------------*/
  
      var _resize = function() {
  
          winW = $win.width();
          winH = $win.height();
          docH = $(document).height();
          _scroll = $(window).scrollTop();
          scrollBottom = $(window).scrollTop() + $(window).height();
          headerH = $('.myheader').outerHeight(true);
          headerH2 = $('#static_header_gnb').outerHeight(true) + $('.myheader').outerHeight(true);
  
          navde();
          console.log('resize');
          secallfunc();
  
          // if (pagescroll || winW > 1000) scrollthispage();
  
          // navfix();
  
      }
      $win.scroll(scrollPage);
      _resize();
      $win.resize(function() {
  
          // _resize();
  
      });
  
  
  
  
  
      var windowHeight = $(window).height();
  
      // Resize Event
      $(window).resize(function() {
  
          // Check window width has actually changed and it's not just iOS triggering a resize event on scroll
          if ($(window).width() != windowHeight) {
  
              // Update the window width for next time
              windowHeight = $(window).width();
  
              // Do stuff here
              _resize();
              // if (pagescroll || windowHeight > 768) scrollthispage();
  
          }
  
      });
  
  
  
  };
  
  
  
  
  
  $(function() {
      // $('header').load('include/header.html');
      // $('footer').load('include/footer.html');
  
  
  
      var imagesLoaded = loading();
      imagesLoaded.loadfunc();
      imagesLoaded.callback = function() {
  
          script();
  
      };
  
      // script();
  
  });