@charset "UTF-8";
@import url(https://fonts.googleapis.com/earlyaccess/notosanstc.css);
body{-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; font-family: Uniqlo, "Noto Sans TC", "Microsoft JhengHei", serif;}

input[type="button"] {border: none;}
.txt-sig {word-break: break-all;text-overflow: ellipsis;white-space: nowrap;-o-text-overflow: ellipsis;overflow: hidden;}
.no-select {-webkit-user-select: none;/* Chrome all / Safari all */-moz-user-select: none;/* Firefox all */-ms-user-select: none;/* IE 10+ */user-select: none;/* Likely future */}
dl, ol, ul {margin-top: 0;margin-bottom: 1rem;}
.clearfix::after {display: block;clear: both;content: "";}
.table {display: table;border-collapse: collapse;}
.table .thead {display: table-header-group;vertical-align: middle;border-color: inherit;}
.table .tbody {display: table-row-group;vertical-align: middle;border-color: inherit;}
.table .tr {display: table-row;vertical-align: inherit;border-color: inherit;}
.table .td {display: table-cell;vertical-align: inherit;}
.table .th {display: table-cell;vertical-align: inherit;}
body {margin: 0;background-color: #f1f1f1;}
img {border: 0;outline: none;display: inline-block;}
/* a {display: inline-block;text-decoration: none;cursor: pointer;color: #000;} */
* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
/* .wrapper {position: relative;width: 960px;margin: 0px auto;}
.wrapper_close {height: 0px;overflow: hidden;opacity: 0;} */

._desktop{display: inline-block !important;;}
._mobile{display: none !important;}

.img100{width: 100%;}
.pos{position: absolute;}

/*common content*/
    /* #header .navi a{display: inline-block;height: 63px;text-align: center;font-size: 16px;position: relative;}
    #header .navi a span{border-right: 1px dotted #000;display: inline-block;line-height: 1.4;padding:0 8px 0 8px;margin: 22px 0;}
    #header .navi a:last-child span{border-right:0;}
        #header .navi a.n1.on, #header .navi a.n1:hover{color: #fd0019;}
        #header .navi a.n2.on, #header .navi a.n2:hover{color: #1ba859;}
        #header .navi a.n3.on, #header .navi a.n3:hover{color: #ff9600;}
        #header .navi a.n4.on, #header .navi a.n4:hover{color: #fd0019;}
        #header .navi a.n5.on, #header .navi a.n5:hover{color: #53b4ed;}
        #header .navi a.n6.on, #header .navi a.n6:hover{color: #fd0019;}
        #header .navi a.n7.on, #header .navi a.n7:hover{color: #1b8ead;}

        #header .navi a.coming_soon{cursor: default;}
        #header .navi a:hover.coming_soon:after{content: "Coming Soon";position: absolute;top: 41px;left: 50%;display: block;width: auto;padding: 2px 8px 3px;background: #bbbbbb;color: #fff;line-height: 1;border-radius: 100px;transform: translate(-50%, 0); white-space: nowrap;}

        #header .navi .level2_wrapper{display: inline-block;height: 63px;position: relative;}
        #header .navi .level2{display: none;position: absolute;left: 50%;z-index: 1;width: 150px;margin-left: -75px;border-radius: 0 0 10px 10px;overflow: hidden;-moz-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);-webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);}
        #header .navi .level2 a{display: inline-block; text-align: center; line-height: 1.4;border-bottom: 1px solid #c9c9c9;font-size: 15px;width: 100%;padding: 10px 0;height: auto; background: #fff;}
        #header .navi .level2 a:last-child{border-bottom: 0;}
        #header .navi .for_n3 a:hover, #header .navi .for_n3 a.on{color: #ff9600;}
        #header .navi .level2_wrapper:hover .level2{display: block;}

        .burger{display: none; right: 0;top: 0;width: 40px;height: 40px; padding: 5px; background: #fff;}        
        .burger .closer{display: none;}

        .shareB-mobile{display: none; height: 40px; padding: 6px 5px;background: #fff;right: 40px; top: 0px;}
        
    #header .navi .shareB{display: inline-block;height: 46px;text-align: center;font-size: 14px;position: relative;}
    #header .navi .shareB .shareS{display: inline-block;line-height: 1.4;padding: 0 3px;margin: 22px 0;}

    #header .themes{display: none;} */

    .sec_con{padding: 60px 0 0;}
    .sec_con .title{text-align:center; }
    .sec_con .title h3{margin-bottom: 15px; line-height: 1.3; letter-spacing: 0.5px;}
    .sec_con .title h4{margin-bottom: 28px; line-height: 1.65; letter-spacing: 0.5px;}
    .con{position: relative;}
    .resultTable{padding: 37px 0 7px;}
    .themeTable{padding:85px 0 72px;}

    .banner{border-radius: 5px; overflow: hidden; border:1px solid #c9c9c9; margin-bottom: 30px;}
    .sec_con .banner:last-child{margin-bottom: 0;}
    .banner a:hover img{-webkit-filter: brightness(1.08);-moz-filter:brightness(1.08);-o-filter: brightness(1.08);-ms-filter: brightness(1.08);filter: brightness(1.08);}

    /* .inner #header{height: 63px;background: #fff;}
    .header_shadow{}
        .inner #header .logo{display: block; float: left; width: 63px; height: 63px;}
        .inner #header .navi{float: right;font-size: 0;} */

    /* #footer {margin: 0;padding: 0 0 20px 0;}
    .f_desktop{display: block;}
    .f_mobile{display: none;}
    #footer div.siteinfo {background: #000000;position: relative;height: 50px;}
    #footer div.siteinfo p.sitename {float: left;font-size: 0%;line-height: 100%;margin-bottom: 0;}
    #footer div.siteinfo ul.utility {float: left;font-size: 0%;line-height: 100%;margin: 15px 0 0 6px; padding-left:0;}
    #footer div.siteinfo ul.utility li {float: left;}
    #footer dl.world {font-size: 0%;line-height: 100%;}
    #footer div.siteinfo #goPageTop {position: absolute;top: 14px;right: 13px;margin-top: 0;}
    #footer dl.world dt {float: left;margin: 11px 3px 0 0;margin-left:auto;}
    #footer dl.world dd {float: left;margin: 11px 0 0 0;margin-left:auto;}
    #footer dl.world dd.last {overflow: hidden;}
    #footer dl.world dd.second {margin: 11px 0 0 91px;}
    #footer p.copyright {font-size: 0%;line-height: 100%;margin: 11px 0 0 0;}

    #footer .f_desktop a .imgover2{display: none;}
    #footer .f_desktop a:hover .imgover{display: none;}
    #footer .f_desktop a:hover .imgover2{display: block;} */
    
    /* .gototop {height: 80px;margin-right: 0px;margin-bottom: 0px;position: fixed;right: 0;bottom: 0;display: none;z-index: 300;}
    .gototop .inner {text-align: right;line-height: 0;} */
    
    .modal-backdrop {background-color: #fff;}
    .modal-backdrop.show {opacity: .8;}
    .uq_modal .modal-lg{max-width: 960px;}
    .uq_modal .modal-header .close{color: #fd0019;text-shadow: none;opacity: 1;font-size: 4rem;font-weight: 100;padding: 0;margin: 0 0 0 auto;line-height: 1;}
    .uq_modal .modal-content{background: none;border: 0;border-radius: 0;}
    .uq_modal .modal-header{padding: 0;border-bottom: 0;}
    .uq_modal .modal-body{padding: 0;}

    #videoPlay .videoPlayFrame{position: relative;}
    #videoPlay .videoPlayFrame .videoPA{position: absolute; left:0; top: 0; width: 100%; height: 100%;}
    #videoPlay .videoPlayFrame iframe{width: 100%; height: 100%;}

    /* .gototop{cursor: pointer;} */

    /*Desktops (>=992px) lg */
    @media (max-width: 1199px) {
    }
    /* Tablets (>=768px) md */ 
    @media (max-width: 959px) {
        /* #header{position: fixed; top: 0; left: 0; z-index:20; width: 100%;}
        .inner #header{background: #fff;} */

        .burger{display: block;right: 10px; top: 12px;}
        .navi{display: none;}

        .shareB-mobile{display: block;right: 0px; top: 63px;}

        /* #footer{width: 100%;padding-bottom: 0;margin: 0;background: #fff;} */
        .f_desktop{display: none;}
        .f_mobile{display: block;}

        .inner .content{padding-top: 63px;}

        /* #footer ul{width: 100%; padding: 0; margin-bottom: 0;}
        #footer ul li{width: 100%; border-top: solid #e6e6e6 1px; padding:0 20px;}
        #footer ul li a{display: block; width: 100%; height: 50px; font-size: 0; position: relative;}
        #footer ul li a:after{content: '\f105';font-family: FontAwesome;font-weight: normal;font-size: 20px;color: #bfbfbf;text-decoration: none;position: absolute;right: 0;top: 50%;transform: translate(-50%,-50%);}
        #footer ul li a span{display: inline-block; font-size: 14px; line-height: 50px; color: #636262; vertical-align: middle; font-weight: 100;}
        #footer ul li a .logo_gu{display: inline-block; vertical-align: middle; width: 26px; height: 26px;}
        #footer p{color: #636262;font-size: 12px;font-weight: 100;padding-bottom: 12px;padding-top: 12px;text-align: center;text-transform: uppercase;border-top: solid #e6e6e6 1px; margin-bottom: 0;} */

        /* .gototop {background: 0 0;bottom: 15px;cursor: pointer;position: fixed;right: 0;visibility: visible;width: 40px;z-index: 10;height: auto;}
        .gototop .inner{width: 100%;} */

        /* #header .themes{display: block; text-align: left;padding: 0;background: #fff; padding-top: 63px; display: none;width: 100%;}
        #header.menuDisplayed .themes{display: block;}
        #header.menuDisplayed .burger .closer{display: block;}
        #header.menuDisplayed .burger .open{display: none;}
        #header.menuDisplayed{background: rgba(255, 255, 255, 0.8); height: 100%;}
        #header .themes a{display: block; width: 100%;text-align: left; padding: 8px 20px; font-size: 0;border-top: 1px solid #fff; color:#fff; background: #fd0919;position: relative;}
        #header .themes a span:first-child{display: inline-block;height: 50px;width: 50px;position: static;margin-bottom: 0;vertical-align: middle;}
        #header .themes a span:nth-child(2){display: inline-block;margin-left: 6px;font-size: 19px;vertical-align: middle;font-weight: normal;}
        #header .themes a img.m2{height: 16px;display: inline-block;vertical-align: middle;width: auto;position: absolute;transform: translate(0 , -50%);right: 20px;top: 50%;left: auto;}
        #header .themes a span img{width: 100%;position: static;transform: none;}

        #header .themes a.coming_soon:after, .index #header .themes a:hover.coming_soon:after{position: static;content: "Coming Soon";display: inline-block;width: auto;padding: 2px 5px 2px;background: rgba(255, 255, 255, 0.8);color: #fd0919;line-height: 1;border-radius: 100px;transform: none;white-space: nowrap;font-size: 17px;margin-left: 3px;vertical-align: middle;font-weight: normal;}
        #header .themes a.coming_soon img.m2{display: none;}

        #header .themes a.theme3{border-top: 1px solid rgba(255, 255, 255, 0.5);}
        #header .themes a.theme4{border-top: 1px solid rgba(255, 255, 255, 0.5);}
        #header .themes a.theme3 span:first-child, #header .themes a.theme4 span:first-child{margin-left: 20px;} */

        .contentss{padding-top: 63px;}
    }
    /*Phones (<768px) sm */ 
    @media (max-width: 767px) {
        ._desktop{display: none !important;}
        ._mobile{display: inline-block !important;}
        .sec_con {padding: 40px 0 0;}

        .burger{display: block;right: 0; top: 0;}
        .shareB-mobile{display: block;right: 40px; top: 0;}

        /* .inner #header{height: 40px;}
        .header_shadow{overflow:auto; -moz-box-shadow: 0 0px 12px rgba(0, 0, 0, 0.2);-webkit-box-shadow: 0 0px 12px rgba(0, 0, 0, 0.2);box-shadow: 0 0px 12px rgba(0, 0, 0, 0.2);}
        .inner #header .logo{width: 40px; height: 40px;}

        .inner .content{padding-top: 40px;}

        #header .themes{padding-top: 40px;}
        #header .themes a span:first-child{height: 40px;width: 40px;}
        #header .themes a span:nth-child(2){font-size: 15px;width: auto;position: static;}
        #header .themes a.coming_soon:after, .index .themes a:hover.coming_soon:after{font-size: 13px;}
        #header .themes a{padding: 5px 7px;}
        #header .themes a img.m2{right: 10px;} */

        .contentss{padding-top: 40px;}
    }


/*****content*****/
@media (min-width: 960px) {

  .event_highlights{padding-bottom: 45px; position: relative;}
  .event_highlights .highlight{outline: none;}
  .event_highlights .highlight .highinner{padding: 25px;transition: all 0.3s ease; opacity: 0.5; position: relative;}
  .event_highlights .highlight.slick-center .highinner{padding: 0px; opacity: 1;}
  .event_highlights .highlight img{width: 100%;}
  .event_highlights .highlight img.h_txt{position: absolute; bottom: 20px; left: 20px;transition: all 0.3s ease;opacity: 0; width: 438px;}
  .event_highlights .highlight.slick-center img.h_txt{opacity: 1;}

  .desk{display: block;}
  .mobi{display: none;}
  .inline-desk{display: inline-block;}
  .inline-mobi{display: none;}
  .section {
    position: relative;
    width: 100%;
    background-color: #fff;
    margin-bottom: 20px;
    /*overflow: hidden;*/
  }
  .section .section_title {
    position: relative;
    padding-top: 60px;
    text-align: center;
  }
  .section .section_txt {
    padding-top: 45px;
    padding-bottom: 45px;
    text-align: center;
    color: #747474;
    font-size: 14px;
  }

  .btn_apply {
    position: fixed;
    z-index: 1;
    background: url(../images/btn_apply.png) no-repeat;
    width: 88px;
    height: 88px;
    bottom: 20px;
    left: 50%;
    margin-left: 385px;
    -moz-transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    -ms-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
  }
  .btn_apply:hover {
    background: url(../images/btn_apply_hover.png) no-repeat;
  }

  .sec_subject {
    height: 539px;
  }
  .sec_subject .pic_1 {
    position: absolute;
    display: inline-block;
    top: 0px;
    left: 0px;
    width: 419px;
    height: 100%;
    text-align: center;
    padding-top: 105px;
  }
  .sec_subject .pic_2 {
    position: absolute;
    /*z-index: 1;*/
    top: 0px;
    right: 0px;
    width: 542px;
    height: 100%;
    vertical-align: middle;
    line-height: 100%;
  }

  .sec_study .txt_1 {
    padding-top: 95px;
    text-align: center;
  }
  .sec_study .txt_2 {
    padding-top: 65px;
    text-align: center;
  }

  .study_pic_box {
    padding-top: 45px;
    padding-bottom: 75px;
    width: 100%;
    text-align: center;
  }
  .study_pic_box img {
    margin: 0px 11px;
  }

  .sec_how {
  /*  padding-bottom: 80px;*/
  }
  .sec_how .label {
    position: absolute;
    top: 90px;
    width: 93px;
    height: 106px;
    left: 50%;
    margin-left: 130px;
    background: url(../images/sec_how_label.png) no-repeat;
  }

  .sec_share .row-btn {
    margin: 30px 0px;
  }

  .sec_qa {
    padding-bottom: 50px;
    margin-bottom: 0 !important;
  }

  .how_pic_box {
    margin-top: 30px;
    position: relative;
    height: 386px;
    width: 100%;
    text-align: center;
  }

  .how_pic_1 {
    position: absolute;
    top: 0px;
    left: 38px;
  }

  .how_pic_2 {
    position: absolute;
    top: 0px;
    left: 333px;
  }

  .how_pic_3 {
    position: absolute;
    top: 11px;
    left: 639px;
  }

  .sec_how .row-btn {
      position: relative;
      height: 155px;
  }
  .sec_how .row-btn .btn_download {
      margin-left: -151.5px;
  }


  .action_array_box {
    position: relative;
    margin: 50px auto 50px auto;
    width: 778px;
    height: 1263px;
    background: url(../images/sec_action_array_bg.png) no-repeat;
  }

  .action_pic_1 {
    position: absolute;
    left: 0px;
    top: 0px;
  }

  .action_pic_2 {
    position: absolute;
    left: 465px;
    top: 240px;
  }

  .action_pic_3 {
    position: absolute;
    left: 8px;
    top: 511px;
  }

  .action_pic_4 {
    position: absolute;
    left: 465px;
    top: 860px;
  }

  .action_pic_5 {
    position: absolute;
    left: 5px;
    top: 962px;
  }

  .info_box {
    position: relative;
    margin: 0px auto 50px auto;
    padding: 35px 40px;
    border: 2px solid #ff0000;
    width: 700px;
    border-radius: 30px;
    font-size: 14px;
    line-height: 20px;
  }
  .info_box .side-l {
    font-weight: bold;
    color: #ff0000;
    width: 85px;
    display: inline-block;
    vertical-align: top;
  }
  .info_box .side-r {
    display: inline-block;
    color: #766464;
    vertical-align: top;
    word-break: break-all;
  }
  .info_box .side-r span {
    padding-right: 10px;
    display: inline-block;
  }
  .info_box .box {
    display: inline-block;
    margin: 10px 0px;
    vertical-align: top;
  }
  .info_box .w-370 {
    width: 360px;
  }
  .info_box .w-370 .side-r {
    width: 270px;
  }
  .info_box .w-250 {
    width: 250px;
  }
  .info_box .w-250 .side-r {
    width: 160px;
  }

  .form_statu {
    display: none;
    padding-bottom: 90px;
  }

  .form_box {
    position: relative;
    width: 850px;
    margin-left: 135px;
    margin-bottom: 50px;
    margin-top: 50px;
  }
  .form_box .box {
    width: 320px;
    margin-right: 85px;
    margin-bottom: 30px;
    display: inline-block;
    height: 34px;
    overflow: hidden;
  }
  .form_box .side-l {
    display: inline-block;
    color: #766464;
    font-size: 14px;
    font-weight: bold;
    width: 80px;
    line-height: 35px;
    vertical-align: top;
    float: left;
  }
  .form_box .side-r {
    display: inline-block;
    width: 220px;
    height: 35px;
    float: left;
  }

  .sec_form .row-txt-c {
    margin-bottom: 30px;
  }

  .sec_finish {
    color: #747474;
  }
  .sec_finish .section_txt {
    padding-bottom: 5px;
  }
  .sec_finish .row-txt-c {
    font-size: 14px;
    margin-bottom: 30px;
  }

  .finish_status {
    display: none;
  }

  .time_table {
    width: 100%;
    margin: 50px auto 0px auto;
    text-align: center;
    font-size: 14px;
    line-height: 30px;
  }
  .time_table thead {
    color: #ff0000;
    font-weight: bold;
  }
  .time_table th {
    color: #ff0000;
    font-weight: bold;
  }

  .time_area_box {
    position: relative;
    width: 760px;
    margin: 0px auto 50px auto;
  }
  .time_area_box .row_btn {
    text-align: center;
    margin-bottom: 30px;
  }
  .time_area_box .tab_btn {
    width: 70px;
    height: 70px;
    display: inline-block;
    cursor: pointer;
    margin: 0px 15px;
  }
  .time_area_box .tab_btn:hover {
    background-position: 0px -70px;
  }
  .time_area_box .btn_area_n {
    background: url(../images/btn_area_north.png) no-repeat;
  }
  .time_area_box .btn_area_c {
    background: url(../images/btn_area_central.png) no-repeat;
  }
  .time_area_box .btn_area_s {
    background: url(../images/btn_area_south.png) no-repeat;
  }
  .time_area_box .btn_area_e {
      background: url(../images/btn_area_east.png) no-repeat;
  }
  .time_area_box .tab_btn_active {
    background-position: 0px -140px;
    cursor: auto;
  }
  .time_area_box .tab_btn_active:hover {
    background-position: 0px -140px;
  }
  .time_area_box .row_content {
    border-top: 2px solid #ff0000;
    border-bottom: 2px solid #ff0000;
    padding-top: 25px;
    overflow: hidden;
  }
  .time_area_box .box {
    display: inline-block;
    width: 49.8%;
    float: left;
    font-size: 13px;
    font-weight: bold;
    color: #535353;
    margin-bottom: 25px;
  }
  .time_area_box .color-r {
    color: #ff0000;
  }
  .time_area_box p {
    margin: 5px 0px;
  }

  .share_box {
    position: relative;
    width: 800px;
    margin: 0px auto;
    vertical-align: top;
  }
  .share_box .box {
    display: inline-block;
    width: 380px;
    margin: 10px;
    position: relative;
  }
  .share_box iframe {
    border: 1px solid #f0f0f0;
  }

  /*****header*****/
  /* .header {
    position: fixed;
    width: 1000px;
    top: 0px;
    z-index: 6;
    height: 95px;
    background: url(../images/mask_b.png) repeat;
    -moz-transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    -ms-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
  } */

  .logo_uniqlo {
    position: absolute;
    width: 51px;
    height: 51px;
    background: url(../images/logo_uniqlo.png) no-repeat;
    top: 25px;
    left: 10px;
  }

  .logo_subject {
    position: absolute;
    width: 185px;
    height: 51px;
    background: url(../images/logo.png) no-repeat;
    top: 25px;
    left: 70px;
  }

  .nav {
    position: relative;
    float: right;
    padding-top: 40px;
  }
  .nav a {
    display: inline-block;
    cursor: pointer;
    vertical-align: middle;
  }
  .nav .navbtn {
    height: 14px;
    margin: 0px 10px;
    background-position: 0 0;
    background-repeat: no-repeat;
  }
  .nav .navbtn:hover {
    background-position: 0 -14px;
  }
  .nav .nav1btn {
    background-image: url(../images/nav_btn_1.png);
    width: 29px;
  }
  .nav .nav2btn {
    background-image: url(../images/nav_btn_2.png);
    width: 76px;
  }
  .nav .nav3btn {
    background-image: url(../images/nav_btn_3.png);
    width: 60px;
  }
  .nav .nav4btn {
    background-image: url(../images/nav_btn_4.png);
    width: 60px;
  }
  .nav .nav5btn {
    background-image: url(../images/nav_btn_5.png);
    width: 60px;
  }
  .nav .nav6btn {
    background-image: url(../images/nav_btn_6.png);
    width: 60px;
  }
  .nav .nav7btn {
    background-image: url(../images/nav_btn_7.png);
    width: 60px;
  }
  .nav .nav8btn {
    background-image: url(../images/nav_btn_8.png);
    width: 60px;
  }
  .nav .line {
    display: inline-block;
    width: 19px;
    height: 24px;
    background: url(../images/nav_line.png) no-repeat;
    background-position: center;
    vertical-align: middle;
  }
  .nav .active {
    background-position: 0 -14px;
  }
  .nav .btn_fb {
    background: url(../images/btn_fb.png) no-repeat;
    width: 27px;
    height: 27px;
  }
  .nav .btn_fb:hover {
    background-position: 0px -27px;
  }

  /*****footer*****/
  .footer {
    padding: 70px;
    text-align: center;
    font-size: 10px;
  }

  .row {
    overflow: hidden;
  }

  .row-txt-c {
    text-align: center;
  }

  .row-btn {
    padding: 0px 0px 65px 0px;
    text-align: center;
  }
  .row-btn .btn {
    margin: 0px 10px;
    outline: none;
    -moz-transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    -ms-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
  }

  .btn_send {
    cursor: pointer;
    width: 70px;
    height: 70px;
    display: inline-block;
    background: url(../images/btn_send.png) no-repeat;
    border: none;
  }
  .btn_send:hover {
    background: url(../images/btn_send_hover.png) no-repeat;
  }

  .btn_afresh {
    cursor: pointer;
    width: 70px;
    height: 70px;
    display: inline-block;
    background: url(../images/btn_afresh.png) no-repeat;
    border: none;
  }
  .btn_afresh:hover {
    background: url(../images/btn_afresh_hover.png) no-repeat;
  }

  .btn_next {
    cursor: pointer;
    width: 70px;
    height: 70px;
    display: inline-block;
    background: url(../images/btn_next.png) no-repeat;
    border: none;
  }
  .btn_next:hover {
    background: url(../images/btn_next_hover.png) no-repeat;
  }

  .btn_time {
    position: absolute;
    left: 50%;
    margin-left: -151.5px;
    top: 0px;
    cursor: pointer;
    width: 303px;
    height: 52px;
    display: inline-block;
    background: url(../images/btn_time.png) no-repeat;
    border: none;
    animation-name: animation_btn;
    animation-duration: .6s;
    animation-iteration-count: infinite;
  }
  .btn_time:hover {
    background: url(../images/btn_time_hover.png) no-repeat;
  }

  .btn_download {
    position: absolute;
    left: 50%;
    margin-left: -151.5px;
    top: 0px;
    cursor: pointer;
    width: 303px;
    height: 52px;
    display: inline-block;
    background: url(../images/btn_download.png) no-repeat;
    border: none;
    animation-name: animation_btn;
    animation-duration: .6s;
    animation-iteration-count: infinite;
  }
  .btn_download:hover {
    background: url(../images/btn_download_hover.png) no-repeat;
  }

  .btn_watch {
    cursor: pointer;
    width: 90px;
    height: 90px;
    display: inline-block;
    background: url(../images/btn_watch.png) no-repeat;
    border: none;
  }
  .btn_watch:hover {
    background: url(../images/btn_watch_hover.png) no-repeat;
  }

  .sec_action .row-btn {
    position: relative;
    height: 155px;
  }

  .sec_action .btn_time {
    margin-left: -151.5px;
  }

  @keyframes animation_btn {
    0% {
      top: -5px;
    }
    20% {
      top: 0px;
    }
    40% {
      top: 10px;
    }
    60% {
      top: 8px;
    }
    80% {
      top: 0px;
    }
    100% {
      top: -5px;
    }
  }
  .btn_back {
    cursor: pointer;
    width: 70px;
    height: 70px;
    display: inline-block;
    background: url(../images/btn_back.png) no-repeat;
    border: none;
  }
  .btn_back:hover {
    background: url(../images/btn_back_hover.png) no-repeat;
  }

  .btn_close {
    position: absolute;
    cursor: pointer;
    top: 10px;
    right: 10px;
    width: 46px;
    height: 46px;
    background: url(../images/btn_close.png) no-repeat;
  }
  .btn_close:hover {
    background: url(../images/btn_close_hover.png) no-repeat;
  }

  .btn_close_2 {
    position: fixed;
    cursor: pointer;
    top: 10px;
    left: 50%;
    margin-left: 430px;
    height: 46px;
    width: 46px;
    background: url(../images/btn_close.png) no-repeat;
  }
  .btn_close_2:hover {
    background: url(../images/btn_close_hover.png) no-repeat;
  }

  .btn_play {
    position: absolute;
    width: 60px;
    height: 78px;
    right: 20px;
    top: 20px;
    z-index: 1;
    cursor: pointer;
    background: url(../images/btn_play.png) no-repeat;
  }

  .select-sty select {
    background: transparent;
    width: 235px;
    padding: 5px;
    font-size: 14px;
    line-height: 1;
    border: 0;
    border-radius: 0;
    height: 34px;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    outline: none;
    font-family: "微軟正黑體";
  }

  .select-sty select::-ms-expand {
    display: none;
  }

  .select-sty {
    width: 205px;
    height: 34px;
    overflow: hidden;
    background: url(../images/select_arrow.png) no-repeat right;
    border: 2px solid #ff0000;
    overflow: hidden;
    border-radius: 8px;
  }

  .input-sty {
    border: 2px solid #ff0000;
    width: 205px;
    height: 34px;
    padding: 5px;
    border-radius: 8px;
    outline: none;
    font-family: "微軟正黑體";
  }

  .input_checkbox {
    margin-top: 30px;
    display: inline-block;
    line-height: 29px;
  }
  .input_checkbox .checkboxInput {
    display: none;
  }
  .input_checkbox .checkboxStyle {
    display: inline-block;
    width: 29px;
    height: 29px;
    vertical-align: middle;
    background: url(../images/input_checkbox.png) no-repeat;
  }
  .input_checkbox .txt {
    vertical-align: sub;
  }

  .input_checkbox_on .checkboxStyle {
    background-position: 0px -29px;
  }

  .popup {
    position: fixed;
    z-index: 10;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    overflow-y: auto;
    display: none;
  }
  .popup .section {
    position: relative;
    width: 960px;
    margin: 0px auto;
    min-height: 100%;
    background-color: #fff;
  }

  .video {
    position: absolute;
    width: 960px;
    height: 540px;
    top: 0px;
    left: 0px;
  }

  .video_box {
    width: 960px;
    height: 540px;
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 999;
    margin-top: -260px;
    margin-left: -480px;
  }

  .btn_s_close {
    position: absolute;
    width: 22px;
    height: 22px;
    background: url(../images/btn_s_close.png) no-repeat;
    top: -30px;
    right: 0px;
    cursor: pointer;
  }

  .video_area {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 999;
    background: url(../images/mask_b.png) repeat;
    display: none;
  }

  .note {
    width: 760px;
    margin: 0 auto 30px;
    padding: 10px;
    font-size: 14px;
    line-height: 24px;
  }
  .note h3 {
    color: #ff0000;
    margin: 5px 0px;
  }
  .note p {
    margin: 0px;
  }

  .time_table_wrapper{
    width: 760px;
    margin: 30px auto 0;
    padding: 40px 10px 10px;
    border: 2px solid #ff0000;
    border-radius: 10px;
    font-size: 14px;
    line-height: 24px;
    position: relative;
    text-align: center;
  }
  .time_table_wrapper hr{height: 1px;display: block;background: #f00;border: 0;}

  .sec_time_title2{
    position: absolute;
    width: 258px;
    left: 50%;
    top: -10px;
    margin-left: -129px;
    background: #fff;
    text-align: center;
    height: 21px;
  }
  .sec_time_sub2{
  }

  .time_table_inner_ps{text-align: left;}
}

@media (max-width: 959px) {

  .event_highlights{padding-bottom: 45px; position: relative;}
  .event_highlights .highlight{outline: none;}
  .event_highlights .highlight .highinner{padding: 25px;transition: all 0.3s ease; opacity: 0.5; position: relative;}
  .event_highlights .highlight.slick-center .highinner{padding: 0px; opacity: 1;}
  .event_highlights .highlight img{width: 100%;}
  .event_highlights .highlight img.h_txt{position: absolute; bottom: 20px; left: 20px;transition: all 0.3s ease;opacity: 0; width: 438px;}
  .event_highlights .highlight.slick-center img.h_txt{opacity: 1;}
  .event_highlights .slick-next{right: 3px;}
  .event_highlights .slick-prev {left: 6px;}

  .desk{display: none;}
  .mobi{display: block;}
  .inline-desk{display: none;}
  .inline-mobi{display:inline-block;}
  .wrapper{width: 100%;}


  .time_table_wrapper{
    width: calc(100% - 60px);
    margin: 30px 30px 0;
    padding: 40px 10px 10px;
    border: 2px solid #ff0000;
    border-radius: 10px;
    font-size: 14px;
    line-height: 24px;
    position: relative;
    text-align: left;
  }
  .time_table_wrapper hr{height: 1px;display: block;background: #f00;border: 0;}

  .sec_time_title2{
    position: absolute;
    width: 188px;
    left: 50%;
    top: -10px;
    margin-left: -94px;
    background: #fff;
    text-align: center;
    height: 21px;
  }
  .sec_time_title2 img{width: 90%;}
  .sec_time_sub2{
  width: 90%;
  margin: 0 auto;
  display: block;
  }

  .popup.popup_time .section_txt img {
      width: 122px;
      height: auto;
  }

  .section {
    position: relative;
    width: 580px;
    margin: 0px auto;
    background-color: #fff;
    margin-bottom: 20px;
    overflow: hidden;
  }
  .section .section_title {
    position: relative;
    padding-top: 95px;
    text-align: center;
  }
  .section .section_txt {
    padding-top: 25px;
    padding-bottom: 70px;
    text-align: center;
    color: #747474;
    font-size: 14px;
  }

  .section .section_txt.share2 {
    padding-top: 25px;
    padding-bottom: 70px;
    text-align: center;
    color: #747474;
    font-size: 14px;
    padding-left: 40px;
    padding-right: 40px;
  }
  .section .section_txt.share2 img{
    width: 100%;
  }

  .sec_subject .pic_1 {
    position: relative;
    top: 0px;
    left: 0px;
    width: 580px;
    height: 435px;
    text-align: center;
  }
  .sec_subject .pic_2 {
    position: relative;
    z-index: 1;
    top: 0px;
    right: 0px;
    width: 580px;
    height: 435px;
    padding-top: 65px;
    text-align: center;
    vertical-align: middle;
  }
  .sec_subject .btn_arrow {
    position: absolute;
    cursor: pointer;
    z-index: 1;
    display: block;
    bottom: 20px;
    left: 50%;
    margin-left: -27px;
    background: url(../images_mobi/btn_arrow.gif) no-repeat;
    width: 55px;
    height: 25px;
  }

  .sec_study .txt_2 {
    padding-top: 95px;
    text-align: center;
  }
  .sec_study .txt_2 img{
    width: 510px;
  }

  .study_pic_box {
    padding-top: 60px;
    padding-bottom: 95px;
    width: 100%;
    text-align: center;
  }
  .study_pic_box img {
    margin: 0px 10px 20px;
    max-width: 243px;
  }

  .sec_how .label {
    position: absolute;
    top: 100px;
    width: 119px;
    height: 136px;
    left: 50%;
    margin-left: 142px;
    background: url(../images_mobi/sec_how_label.png) no-repeat;
  }

  .sec_qa {
    padding-bottom: 50px;
  }

  .how_pic_box {
    position: relative;
    width: 580px;
    text-align: center;
  }
  .how_pic_box img {
    margin: 40px 0px;
  }

  .action_array_box {
    position: relative;
    margin: 0px auto 60px auto;
    width: 522px;
    height: 2509px;
    background: url(../images_mobi/sec_action_array_bg.png) no-repeat;
  }

  .action_pic_1 {
    position: absolute;
    left: 5px;
    top: 0px;
  }

  .action_pic_2 {
    position: absolute;
    left: 105px;
    top: 545px;
  }

  .action_pic_3 {
    position: absolute;
    left: 5px;
    top: 1038px;
  }

  .action_pic_4 {
    position: absolute;
    left: 105px;
    top: 1582px;
  }

  .action_pic_5 {
    position: absolute;
    left: 0px;
    top: 2053px;
  }

  .info_box {
    position: relative;
    margin: 0px auto 50px auto;
    padding: 35px 35px;
    border: 2px solid #ff0000;
    width: 520px;
    border-radius: 30px;
    font-size: 24px;
    line-height: 40px;
  }
  .info_box .side-l {
    font-weight: bold;
    color: #ff0000;
    width: 145px;
    display: inline-block;
    vertical-align: top;
  }
  .info_box .side-r {
    display: inline-block;
    color: #766464;
    vertical-align: top;
    word-break: break-all;
    width: 280px;
  }
  .info_box .side-r span {
    padding-right: 10px;
    display: inline-block;
  }
  .info_box .box {
    display: inline-block;
    margin: 18px 0px;
    vertical-align: top;
  }

  .form_statu {
    display: none;
    padding-bottom: 40px;
  }

  .form_box {
    position: relative;
    width: 555px;
    margin-bottom: 50px;
    margin-top: 50px;
    margin-left: 25px;
  }
  .form_box .box {
    width: 100%;
    margin-bottom: 30px;
    display: inline-block;
    height: 60px;
    overflow: hidden;
  }
  .form_box .side-l {
    display: inline-block;
    color: #766464;
    font-size: 24px;
    font-weight: bold;
    width: 150px;
    line-height: 60px;
    vertical-align: top;
    float: left;
  }
  .form_box .side-r {
    display: inline-block;
    width: 370px;
    height: 60px;
    float: left;
  }

  .sec_form .row-txt-c {
    margin-bottom: 30px;
  }

  .sec_finish {
    color: #747474;
  }
  .sec_finish .section_txt {
    padding-bottom: 5px;
  }
  .sec_finish .row-txt-c {
    font-size: 24px;
    margin-bottom: 30px;
  }

  .finish_status {
    display: none;
  }

  .time_table {
    width: 100%;
    margin: 30px auto 0px auto;
    text-align: center;
    font-size: 17px;
    line-height: 1.2;
    color: #535353;
  }
  .time_table thead {
    color: #ff0000;
    font-weight: bold;
  }
  .time_table td {
    padding: 10px 0px;
  }
  .time_table th {
    padding: 10px 0px;
  }

  .time_area_box {
    position: relative;
    width: 520px;
    margin: 0px auto 50px auto;
  }
  .time_area_box .row_btn {
    text-align: center;
    margin-bottom: 30px;
  }
  .time_area_box .tab_btn {
    width: 100px;
    height: 100px;
    display: inline-block;
    cursor: pointer;
    margin: 0px 1px;
  }
  .time_area_box .btn_area_n {
    background: url(../images_mobi/btn_area_north.png) no-repeat;
    background-size: 100%;
  }
  .time_area_box .btn_area_c {
    background: url(../images_mobi/btn_area_central.png) no-repeat;
    background-size: 100%;
  }
  .time_area_box .btn_area_s {
    background: url(../images_mobi/btn_area_south.png) no-repeat;
    background-size: 100%;
  }
  .time_area_box .btn_area_e {
    background: url(../images_mobi/btn_area_east.png) no-repeat;
    background-size: 100%;
  }
  .time_area_box .tab_btn_active {
    background-position: 0px 100%;
    cursor: auto;
  }
  .time_area_box .row_content {
    border-top: 2px solid #ff0000;
    border-bottom: 2px solid #ff0000;
    padding-top: 20px;
    overflow: hidden;
  }
  .time_area_box .box {
    display: inline-block;
    width: 100%;
    float: left;
    font-size: 14px;
    font-weight: bold;
    color: #535353;
    margin: 10px 0px;
  }
  .time_area_box .color-r {
    color: #ff0000;
    font-size: 17px;
  }
  .time_area_box p {
    margin: 5px 0px;
  }

  .share_box {
    width: 500px;
    margin: 0px auto 40px auto;
  }

  /*****header*****/
  /* .header {
    position: fixed;
    width: 640px;
    left: 50%;
    margin-left: -320px;
    top: 0px;
    z-index: 6;
    height: 90px;
    background: url(../images_mobi/mask_b.png) repeat;
    -moz-transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    -ms-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
  } */

  .logo_uniqlo {
    position: absolute;
    width: 50px;
    height: 50px;
    background: url(../images_mobi/logo_uniqlo.png) no-repeat;
    top: 25px;
    left: 30px;
    z-index: 1;
  }

  .logo_subject {
    position: absolute;
    width: 181px;
    height: 50px;
    background: url(../images_mobi/logo.png) no-repeat;
    top: 25px;
    left: 100px;
    z-index: 1;
  }

  .nav_btn {
    position: absolute;
    top: 25px;
    right: 30px;
    width: 35px;
    height: 35px;
    background: url(../images_mobi/btn_nav.png) no-repeat;
    background-position: center;
  }

  .nav {
    position: fixed;
    z-index: 7;
    top: 0px;
    padding-top: 90px;
    height: 100%;
    width: 640px;
    left: 50%;
    margin-left: -320px;
    background: #f1f1f1;
    overflow-y: auto;
    overflow-x: hidden;
    display: none;
  }
  .nav a {
    display: inline-block;
    cursor: pointer;
    vertical-align: middle;
  }
  .nav .nav_close_btn {
    position: absolute;
    top: 30px;
    right: 30px;
  }
  .nav .nav_contnet {
    position: relative;
    width: 100%;
    padding-top: 50px;
  }
  .nav .navbtn {
    height: 30px;
    width: 100%;
    margin: 10px 0px;
    background-position: center;
    background-repeat: no-repeat;
  }
  .nav .nav1btn {
    background-image: url(../images_mobi/nav_btn_1.png);
  }
  .nav .nav2btn {
    background-image: url(../images_mobi/nav_btn_2.png);
  }
  .nav .nav3btn {
    background-image: url(../images_mobi/nav_btn_3.png);
  }
  .nav .nav4btn {
    background-image: url(../images_mobi/nav_btn_4.png);
  }
  .nav .nav5btn {
    background-image: url(../images_mobi/nav_btn_5.png);
  }
  .nav .nav6btn {
    background-image: url(../images_mobi/nav_btn_6.png);
  }
  .nav .nav7btn {
    background-image: url(../images_mobi/nav_btn_7.png);
  }
  .nav .nav8btn {
    background-image: url(../images_mobi/nav_btn_8.png);
  }
  .nav .line {
    display: inline-block;
    width: 100%;
    height: 45px;
    background: url(../images_mobi/nav_line.png) no-repeat;
    background-position: center;
    vertical-align: middle;
  }
  .nav .btn_fb {
    background: url(../images_mobi/btn_fb.png) no-repeat;
    width: 61px;
    height: 61px;
    margin: 35px auto;
    display: block;
  }
  .nav .btn_apply {
    display: block;
    background: url(../images_mobi/btn_apply.png) no-repeat;
    background-position: center;
    margin: 30px auto;
    width: 121px;
    height: 121px;
  }

  /*****footer*****/
  .footer {
    padding: 70px;
    text-align: center;
    font-size: 15px;
  }

  .row {
    overflow: hidden;
  }

  .row-txt-c {
    text-align: center;
  }

  .row-btn {
    padding: 0px 0px 65px 0px;
    text-align: center;
  }
  .row-btn .btn {
    margin: 0px 10px;
    outline: none;
    -moz-transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    -ms-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
  }

  .btn_send {
    cursor: pointer;
    width: 125px;
    height: 125px;
    display: inline-block;
    background: url(../images_mobi/btn_send.png) no-repeat;
    border: none;
  }

  .btn_afresh {
    cursor: pointer;
    width: 125px;
    height: 125px;
    display: inline-block;
    background: url(../images_mobi/btn_afresh.png) no-repeat;
    border: none;
  }

  .btn_next {
    cursor: pointer;
    width: 121px;
    height: 121px;
    display: inline-block;
    background: url(../images_mobi/btn_next.png) no-repeat;
    border: none;
  }

  .btn_watch {
    cursor: pointer;
    width: 90px;
    height: 90px;
    display: inline-block;
    background: url(../images_mobi/btn_watch.png) no-repeat;
    background-size: 100%;
    border: none;
  }

  .btn_download {
    cursor: pointer;
    width: 280px;
    height: 48px;
    display: inline-block;
    background: url(../images_mobi/btn_download.png) no-repeat;
    background-size: 100%;
    border: none;
  }

  .sec_action .row-btn {
    position: relative;
    height: 117px;
  }
  .sec_action .btn_time {
    position: absolute;
    top: 0px;
    left: 50%;
    margin-left: -140px;
    cursor: pointer;
    width: 280px;
    height: 48px;
    display: inline-block;
    background: url(../images_mobi/btn_time.png) no-repeat;
    background-size: 100%;
    border: none;
    animation-name: animation_btn;
    animation-duration: .6s;
    animation-iteration-count: infinite;
  }

  /* Safari 4.0 - 8.0 */
  @-webkit-keyframes animation_btn {}
  /* Standard syntax */
  @keyframes animation_btn {
    0% {
      top: -5px;
    }
    20% {
      top: 0px;
    }
    40% {
      top: 10px;
    }
    60% {
      top: 8px;
    }
    80% {
      top: 0px;
    }
    100% {
      top: -5px;
    }
  }
  .btn_back {
    cursor: pointer;
    width: 121px;
    height: 121px;
    display: inline-block;
    background: url(../images_mobi/btn_back.png) no-repeat;
    border: none;
  }

  .btn_close {
    position: absolute;
    cursor: pointer;
    top: 10px;
    right: 10px;
    width: 40px;
    height: 40px;
    background: url(../images_mobi/btn_close.png) no-repeat;
    background-size: 100%;
  }

  .btn_close_2 {
    position: fixed;
    cursor: pointer;
    top: 30px;
    left: 50%;
    width: 40px;
    height: 40px;
    margin-left: 230px;
    background: url(../images_mobi/btn_s_close.png) no-repeat;
  }

  .btn_play {
    position: absolute;
    width: 60px;
    height: 78px;
    right: 20px;
    top: 20px;
    z-index: 1;
    cursor: pointer;
    background: url(../images_mobi/btn_play.png) no-repeat;
  }

  .select-sty select {
    background: transparent;
    width: 390px;
    padding: 5px;
    font-size: 24px;
    line-height: 1;
    border: 0;
    border-radius: 0;
    height: 55px;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    outline: none;
    font-family: "微軟正黑體";
  }

  .select-sty select::-ms-expand {
    display: none;
  }

  .select-sty {
    width: 370px;
    height: 55px;
    overflow: hidden;
    background: url(../images_mobi/select_arrow.png) no-repeat right;
    border: 2px solid #ff0000;
    overflow: hidden;
    border-radius: 8px;
  }

  .input-sty {
    border: 2px solid #ff0000;
    width: 370px;
    height: 55px;
    padding: 5px;
    font-size: 24px;
    border-radius: 8px;
    outline: none;
    font-family: "微軟正黑體";
  }

  .input_checkbox {
    margin-top: 30px;
    display: inline-block;
    line-height: 42px;
  }
  .input_checkbox .checkboxInput {
    display: none;
  }
  .input_checkbox .checkboxStyle {
    display: inline-block;
    width: 42px;
    height: 42px;
    vertical-align: middle;
    background: url(../images_mobi/input_checkbox.png) no-repeat;
  }
  .input_checkbox .txt {
    display: inline-block;
  }
  .input_checkbox img {
    vertical-align: middle;
  }

  .input_checkbox_on .checkboxStyle {
    background-position: 0px -42px;
  }

  .popup {
    position: fixed;
    z-index: 10;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    overflow-y: auto;
    display: none;
  }
  .popup .section {
    position: relative;
    width: 580px;
    margin: 20px auto;
    min-height: 100%;
    background-color: #fff;
  }

  .video {
    position: absolute;
    width: 640px;
    height: 540px;
    top: 0px;
    left: 0px;
  }

  .video_box {
    width: 640px;
    height: 540px;
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 999;
    margin-top: -260px;
    margin-left: -320px;
  }

  .btn_s_close {
    position: absolute;
    width: 46px;
    height: 46px;
    background: url(../images_mobi/btn_close.png) no-repeat;
    top: -50px;
    right: 5px;
    cursor: pointer;
  }

  .video_area {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 999;
    background: url(../images_mobi/mask_b.png) repeat;
    display: none;
  }

  .note {
    width: 520px;
    margin: 30px auto;
    padding: 10px;
    border-radius: 10px;
    font-size: 14px;
    line-height: 1.5;
    color: #535353;
  }
  .note h3 {
    color: #ff0000;
    font-size: 17px;
    margin: 5px 0px;
  }
  .note p {
    margin: 0px;
  }
  .section.sec_qa{margin-bottom: 0;}
  .section.sec_qa .section_txt img{width: 90%;}
}

@media (max-width: 579px) {

  .event_highlights{padding-bottom: 45px; position: relative;}
  .event_highlights .highlight{outline: none;}
  .event_highlights .highlight .highinner{padding: 25px;transition: all 0.3s ease; opacity: 0.5; position: relative;}
  .event_highlights .highlight.slick-center .highinner{padding: 0px; opacity: 1;}
  .event_highlights .highlight img{width: 100%;}
  .event_highlights .highlight img.h_txt{position: absolute;bottom: 10px;left: 10px;transition: all 0.3s ease;opacity: 0;width: calc(100% - 20px);}
  .event_highlights .highlight.slick-center img.h_txt{opacity: 1;}

  .section{width: 100%;}
  .sec_subject .pic_1{width: 100%;height: auto;}
  .sec_subject .pic_1 img{width: 100%;}
  .btn_play {width: 40px;height: 56px;right: 10px;top: 10px;background-size: 100%;}
  .sec_subject .pic_2 {width: 100%;height: auto;padding-top: 65px;padding-bottom: 65px;}
  .sec_subject .pic_2 img{width: 200px;}
  .sec_study .txt_2{padding-top: 50px;}
  .sec_study .txt_2 img{width: 90%; max-width: 279px;}
  .study_pic_box{font-size: 0;padding-top: 35px;padding-bottom: 50px;}
  .study_pic_box img{width: calc(50% - 30px);}
  .section_title img{width: 94px;}
  .section .section_title{padding-top: 50px;}

  .section_title.share2 img{width: 161.876543px;}
  /* .section .section_title{padding-top: 50px;} */

  .section_txt img{height: 16px;}
  .section .section_txt.share2 img{height: 100%;}
  .action_array_box{width: 320px; height: 1538px; background-size: 100%;}
  .action_pic_1{width: 75%;left: 4%;top: 0%;}
  .action_pic_2{width: 77%;left: 18%;top: 21.5%;}
  .action_pic_3{width: 69%;left: 9%;top: 41.3%;}
  .action_pic_4{width: 72%;left: 22%;top: 63%;}
  .action_pic_5{width: 87.3%;left: 3%;top: 83%;}
  .sec_action .row-btn {height: 147px;}
  .row-btn {padding: 0px 0px 50px 0px;}
  .section .section_txt {padding-top: 20px;padding-bottom: 40px;}

  .section .section_txt.share2 {padding-top: 20px;padding-bottom: 40px;padding-left: 20px;padding-right: 20px;}

  .share_box {width: 280px;}
  .share_box .box{margin-bottom: 20px;}
  .share_box iframe{width: 280px;}
  .sec_how .label {top: 34px;width: 72px;height: 136px;left: 50%;margin-left: 44px;background-size: 100%;}
  .how_pic_box img {margin: 20px 0px;width: 280px;}
  .how_pic_box{width: 100%;}
  .sec_how .section_txt img {height: auto; width: 280px;}
  .sec_how .section_txt.txt2 img {height: 42px;width: auto;}
  .sec_qa .section_txt img {height: auto; width: 280px;}
  .section.sec_qa{margin-bottom: 0;}
  .video {position: absolute;width: 320px;height: 260px;}
  .video_box {width: 320px;height: 260px;margin-top: -130px;margin-left: -160px;}

  .popup.popup_time .section{width: 100%;}
  .popup.popup_time .section_title img{width: 68px;}
  .popup.popup_time .time_table {width: 100%;font-size: 15px;line-height: 15px;}
  .popup.popup_time .note {width: 280px;font-size: 14px;line-height: 23px;}
  .popup.popup_time .note h3 {color: #ff0000;font-size: 15px;margin: 0px 0px;}
  .popup.popup_time .section_txt img{width: 122px; height: auto;}
  .popup.popup_time .time_area_box{width: 280px;}
  .time_area_box .tab_btn {width: 64px;height: 64px;margin: 0px 0px;}

  .time_table td {padding: 10px 0px;}
  .time_table th {padding: 10px 0px;}
}




















footer.footer .pagetop{
  display: none;
}

#page_top {
  position: fixed;
  width: 1072px;
  margin-left: 50%;
  height: 0;
  bottom: 0;
  left: -530px;
}

#page_top a {
  opacity: 0;
  transition: 0.5s;
  display: block;
  width: 30px;
  height: 30px;
}

#page_top img {
  background: #fff;
  width: 100%;
  height: 100%;
}


#page_top .page_top_inner {
  position: absolute;
  bottom: 30px;
  right: 0px;
  display: flex;
}

#page_top.fixd {
  width: 100%;
  margin: 0;
  left: 0;
  position: relative;
}

#page_top.fixd .page_top_inner {
  bottom: -60px;
}

#page_top .re_uniqlo_top{
  display: block;
  width: 109px;
  height: 30px;
  margin-right: 30px;
  background: #fff;
  border: solid 2px #379e49;
  overflow: hidden;
}

#page_top .re_uniqlo_top img{
  display: block;
  line-height: 0;
  width: auto;
  height: 100%;
}

.mainContents .main .shareIcons {
  z-index: 1;
}
*{
  margin: 0px;
  padding: 0px;
}

.color_green{
  color: #379d49 !important;
}

.responsive_img{
  width: 100%;
}

.breads{
  margin-bottom: 0;
}


.breads ul .item.noHomeIcon a{
  width: auto;
  height: auto;
  background: none;
}

.breads ul .item.noHomeIcon a span{
  display: block;
}
#wrapper{
  overflow-x: initial;
}
header.header .menuTrigger {
    display: none;
}

footer.footer .inner .item a,
footer.footer .inner .copyright small{
    word-break: keep-all;
}

@media (max-width: 767px) {
  #page_top {
    left: -3vw;
    right: -3vw;
    margin-left: 6vw;
    width: 94%;
  }
  #page_top .page_top_inner{
    width: 100%;
    /*justify-content: space-between;*/
    justify-content: flex-end;
  }
  #page_top a {
    width: 8.4vw;
    height: 8.4vw;
  }
  #page_top.fixd {
    position: absolute;
    bottom: -13.6vw;
    margin-bottom: 60px;
  }
  /* #page_top.fixd .page_top_inner{
    bottom: 0;
  } */

  #re_uniqlo_top{
    width: 33.6vw;
    height: 8.4vw;
    bottom: -13.6vw;
    right: auto;
    left: 0;
  }

  #re_uniqlo_top a img{
    border: solid 2px #379e49;
  }

  #wrapper .container .mainContents{
    padding-bottom: 8vw;
  }
  #wrapper .container{
    max-width: 1240px;
    min-width: auto;
    margin-right: auto;
    margin-left: auto;
  }
  #wrapper .container .mainContents .cover{
    width: 100%;
    padding-right: 0;
    padding-left: 0;
  }
  .breads ul .item::before{
    background: none;
    margin-left: 0;
    margin-right: 2.5vw;
    width: 10px;
    height: 10px;
    border-top: 1px solid #000;
    border-right: 1px solid #000;
    transform: rotate(45deg);
  }
}

@media screen and (max-width: 1370px) and (min-width: 768px){
  #wrapper .container .mainContents{
    margin: 0 auto;
  }
}

@media screen and (min-width: 1240px){
  #wrapper .container .mainContents{
    width: 100%;
    max-width: 1240px;
  }
}

@media screen and (max-width: 1239px) and (min-width: 768px){
  #wrapper .container .mainContents{
    padding: 0 0;
    width: 100%;
    margin: 0 auto;
  }
}

@media (min-width: 768px){
  #wrapper .container {
    padding: 0 78px 120px;
  }

  #staff_l2 .re-wrap section {
    padding: 90px 88px;
  }
  .breads ul .item::before{
    background: none;
    margin-left: 5px;
    width: 8px;
    height: 8px;
    border-top: 1px solid #000;
    border-right: 1px solid #000;
    transform: rotate(45deg);
  }
  .mainContents.layer3 .main .floatImg .img{
    width: 192px;
  }
  .mainContents.layer3 .main .floatImg .img img{
    width: 100%;
    height: auto;
  }
  .mainContents.layer3 .main .floatImg .text{
    width: 720px!important;
    text-align: justify;
  }
}

@media (min-width: 768px) and (max-width: 1167px) {
  #page_top {
    right: 0;
    left: auto;
  }
}