@font-face {
    font-family: 'Noto Sans TC';
    font-style: normal;
    font-weight: 100;
    src: url('../fonts/NotoSansTC/NotoSansTC-Thin.otf') format('opentype');
}

@font-face {
    font-family: 'Noto Sans TC';
    font-style: normal;
    font-weight: 300;
    src: url('../fonts/NotoSansTC/NotoSansTC-Thin.otf') format('opentype');
}


@font-face {
    font-family: 'Noto Sans TC';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/NotoSansTC/NotoSansTC-Thin.otf') format('opentype');
}


@font-face {
    font-family: 'Quicksand';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/Quicksand/Quicksand-Bold.ttf') format('opentype');
}

body{
    font-family: 'Montserrat', sans-serif;
    margin: 0;
    padding: 0;
}
a:link {text-decoration: none;color: inherit;} 
a:visited {text-decoration: none;color: inherit;} 
a:hover {text-decoration: none;color: inherit;} 
a:active {text-decoration: none;color: inherit;}



.bhjs-hidden{
    display: none !important;
}
.bhjs-show{
    display: block !important;
}
.height20{
    width: 100%;
    height: 20px;
}


@keyframes bhjsN-show {
      0% {
         opacity: 0
      }
      75% {
         opacity: 0;
      }
      100% {
         opacity: 1;
      }
}

@-moz-keyframes bhjsN-show {
      0% {
         opacity: 0
      }
      75% {
         opacity: 0;
      }
      100% {
         opacity: 1;
      }
}

@-webkit-keyframes bhjsN-show {
      0% {
         opacity: 0
      }
      75% {
         opacity: 0;
      }
      100% {
         opacity: 1;
      }
}

@-o-keyframes bhjsN-show {
      0% {
         opacity: 0
      }
      75% {
         opacity: 0;
      }
      100% {
         opacity: 1;
      }
}


@keyframes bhjs-slideup{
    0% {
        transform: translate3d(0, 20px, 0);
        opacity: 0;
    }
    100% {
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

@-moz-keyframes bhjs-slideup{
    0% {
        transform: translate3d(0, 20px, 0);
        opacity: 0;
    }
    100% {
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

@-webkit-keyframes bhjs-slideup{
    0% {
        transform: translate3d(0, 20px, 0);
        opacity: 0;
    }
    100% {
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

@-o-keyframes bhjs-slideup{
    0% {
        transform: translate3d(0, 20px, 0);
        opacity: 0;
    }
    100% {
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

@keyframes bhjsN-showA {
      0% {
         opacity: 0
      }
      100% {
         opacity: 1;
      }
}

@-moz-keyframes bhjsN-showA {
      0% {
         opacity: 0
      }
      100% {
         opacity: 1;
      }
}

@-webkit-keyframes bhjsN-showA {
      0% {
         opacity: 0
      }
      100% {
         opacity: 1;
      }
}

@-o-keyframes bhjsN-showA {
      0% {
         opacity: 0
      }
      100% {
         opacity: 1;
      }
}

@keyframes bhjsN-showB {
      0% {
         opacity: 0
      }
      75% {
         opacity: 0;
      }
      100% {
         opacity: 0.5;
      }
}

@-moz-keyframes bhjsN-showB {
      0% {
         opacity: 0
      }
      75% {
         opacity: 0;
      }
      100% {
         opacity: 0.5;
      }
}

@-webkit-keyframes bhjsN-showB {
      0% {
         opacity: 0
      }
      75% {
         opacity: 0;
      }
      100% {
         opacity: 0.5;
      }
}

@-o-keyframes bhjsN-showB {
      0% {
         opacity: 0
      }
      75% {
         opacity: 0;
      }
      100% {
         opacity: 0.5;
      }
}



.bhjs-nav{
    width: 100%;
    margin: 0 auto;
    position: fixed;
    z-index: 8;
    background-color: #fff;
}
.bhjs-nav-box{
    margin: 0 auto;
    height: inherit;
}
.bhjs-nav-logo , .bhjs-nav-menu , .bhjs-nav-button-box , .bhjs-nav-menu-box{
    display: inline-block;
}
.bhjs-nav-logo{
    text-align: center;
}
.bhjs-nav-logo-text{
    display: inline-block;
    font-family: 'Quicksand', sans-serif;
}
.bhjs-nav-logo-p{
    margin: 0;
    font-size: 16px;
}
.bhjs-nav-logo-p-1{
    font-weight: bolder;
}
.bhjs-nav-logo-p-2{
    /*font-family: 'Noto Sans TC', serif !important;*/
    font-size: 16px;
}
.bhjs-nav-menu-button{
    padding: 9px 10px;
    margin-top: 0;
    margin-right: 10px;
    margin-bottom: 0;
    display: block;
    float: right;
    border-color: #e7e7e7;
    border: 1px solid transparent;
    transition: all 0.8s;
    cursor:pointer!important;
}
.bhjs-nav-menu-button-link{
    width: 27px;
    height: 5px;
    border-radius: 1px;
    margin-top: 5px;
    background-color: #fff;
    display: block;
    transition: all 0.8s;
}
.bhjs-nav-button,
.bhjs-nav-button-JtoMember{
    border: 1px solid #000;
    font-weight: bolder;
    text-align: center;
    padding: 10px 0;
    cursor: pointer;
}
.bhjs-nav-menu-title{
    font-weight: bolder;
    border-bottom: 1px solid #000;
    padding: 0 0 5px 0;
    letter-spacing: 3px;
}
.bhjs-nav-menu-p{
    margin: 5px 0 0 0;
    font-size: 12px;
    font-weight: bolder;
    line-height: 1;
    letter-spacing: 1px;
}
.bhjs-nav-menu-i{
    font-weight: bolder;
}
.bhjs-nav-menu-p-1{
    margin-top: 10px;
}
.bhjs-nav-menu-title:hover , .bhjs-nav-menu-p:hover , .bhjs-nav-menu-i:hover{
    color: rgb(113,67,142);
}
.bhjs-nav-button:hover, .bhjs-nav-button-JtoMember:hover{
    background-color: rgb(113,67,142);
    border:none;
    color: #fff;
    transition: all 0.8s;
}

/**首頁輪播**/

.carousel-inner{
    height: 650px !important;
}
.carousel-inner .item{
    height: 650px;
    background-position: center;
    background-size: cover;
}
.bhjs-scroll-down-img{
    max-width: 100%;
}
.ap-item-1{
    background-image: url(../image/BHJS-Alumni-Slide1-most-trustworthy-friend-PC.jpg);
    text-align: left;
}
.ap-item-2{
    background-image: url(../image/BHJS-Alumni-Slide2-brotherhood-of-sword-PC.jpg);
    text-align: right;
}
.ap-item-3{
    background-image: url(../image/BHJS-Alumni-Slide3-best-adventure-partner-PC.jpg);
    text-align: right;
}
.ap-item-4{
    background-image: url(../image/BHJS-Alumni-Slide4-most-important-experience-of-life-PC.jpg);
    text-align: right;
}
.ap-carousel-img{
    height: 650px !important;
    width: auto !important;
    max-width: initial !important;
}
.ap-slide{
    height: 100px;
    width:20%;
    background-color: rgb(244,188,22);
    position: absolute;
    /*top:144px;*/
    left:100px;
    top:108px;
}
.ap-slide-bottom{
    height:100px;
    width:100%;
    background-color: #f8f8f8;
    position: absolute;
    bottom: 0;
}
.ap-slide-text{
  position: absolute;
  color: #fff;
  font-size: 28px;
  font-weight: bolder;
}
.carousel-indicators li{
  background-color: gray;
}
.carousel-indicators .active{
    background-color: rgb(244,188,22);
}
.ap-self-carousel{
    height: inherit;
}
.carousel-inner{
    height: inherit;
}
.carousel-indicators {
    bottom: 40px;
}
.carousel-indicators li {
    width: 15px;
    height: 15px;
    margin: 1px 19px;
}

.carousel-indicators .active {
    width: 15px;
    height: 15px;
    margin: 1px 19px;
}
/*.ap-item-1 , .ap-item-2 , .ap-item-3{
    animation:fadeInRight 1s;
    -moz-animation:fadeInRight 1s; 
    -webkit-animation:fadeInRight 1s; 
    -o-animation:fadeInRight 1s; 
}*/
.ap-slide-text{
    animation:bhjsN-show 1.5s;
    -moz-animation:bhjsN-show 1.5s; /* Firefox */
    -webkit-animation:bhjsN-show 1.5s; /* Safari and Chrome */
    -o-animation:bhjsN-show 1.5s; /* Opera */
}
.bhjs-slide-border{
    width: 100%;
    height: 6px;
    background: -webkit-linear-gradient(left, rgb(117,66,145) , rgb(194,34,196) , rgb(117,66,145)); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(right, rgb(117,66,145) , rgb(194,34,196) , rgb(117,66,145)); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(right, rgb(117,66,145) , rgb(194,34,196) , rgb(117,66,145)); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, rgb(117,66,145) , rgb(194,34,196) , rgb(117,66,145)); /* 标准的语法（必须放在最后） */
}
.bhjs-slide-footer-border{
    height: 3px;
}
.bhjs-slide-text-title , .bhjs-slide-text-p{
    margin: 0;
    line-height: 1;
    opacity: 0.8;
}
.bhjs-slide-text-title{
    border-bottom: 3px solid #fff;
}

.bhjs-question, .bhjs-question-box-1 ,.bhjs-question-box-2, .bhjs-question-box-3{
    display: none;
}
.bhjs-question-box-1-show , .bhjs-question-box-2-show , .bhjs-question-box-3-show{
    display: block;
}
.bhjs-question-box-1-show .bhjs-quesion-shadow{
    opacity: .5;
}
.bhjs-question-box-2-show .bhjs-quesion-shadow{
    opacity: .75;
}
.bhjs-question-box-3-show .bhjs-quesion-shadow{
    opacity: 1;
}
.bhjs-question-box-1-show .bhjs-question-box-1{
    display: block;   
}
.bhjs-question-box-2-show .bhjs-question-box-2{
    display: block;  
}
.bhjs-question-box-3-show .bhjs-question-box-3{
    display: block;   
}
.bhjs-quesion-shadow{
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background-color: gray;
    z-index: 9;
    opacity: 0.5;
}
.bhjs-question-box{
    background-image: url(../image/QBox.png);
    background-size: cover;
    margin: 0 auto;
    z-index: 10;
    position: fixed;
}
.bhjs-question-text-box{
    width: 56%;
    margin: 0 auto;
}
.bhjs-question-text-p{
    text-align: center;
    letter-spacing: 2px;
    text-transform: uppercase;
}
.bhjs-question-text-choose-step1 , .bhjs-question-text-or , .bhjs-question-text-choose-step2{
    display: inline-block;
    float: left;
    height: inherit;
}
.bhjs-question-text-choose-step{
    background-color: #ddd;
    font-weight: bolder;
    color: #fff;
    border-radius: 50%;
    cursor: pointer;
}
.bhjs-question-text-step3-title{
    color: rgb(112,67,140);
    font-weight: bolder;
    letter-spacing: 2px;
    border-top: 3px solid rgb(112,67,140);
    border-bottom: 3px solid rgb(112,67,140);
    text-align: center;
}
.bhjs-question-text-step3-intro{
    text-align: center;
    font-weight: bolder;
    letter-spacing: 2px;
}
.bhjs-question-text-step3-p{
    text-align: center;
    font-weight: bolder;
}
.bhjs-question-text-step3-img-box{
    padding: 20px 50px;
}
.bhjs-question-text-step3-img{
     max-width: 100%;
}
.bhjs-scroll-down{
    cursor: pointer;
}
.bhjs-question-close{
    width: 50px;
    height: 50px;
    position: fixed;
    right: 20px;
    top: 20px;
    color: #fff;
    font-weight: bold;
    font-size: 30px;
    z-index: 33;
    cursor: pointer;
    background-image: url(../image/close_white.png);
    background-size: contain;
}

/**all page**/


.bhjs-page-title{
    text-align: center;
    font-size: 28px;
    font-weight: bolder;
    padding: 20px 0;
    margin: 0 auto;
    text-transform: uppercase;
    letter-spacing: 5px;
}
.bhjs-page-content{
    max-width: 1000px;   
    margin: 0 auto; 
    background-color: #fff;
    position: relative;
}
.bhjs-page-td{
    font-weight: bolder;
    padding: 10px 0;
    vertical-align: top;
    font-family: 'Quicksand', sans-serif;
    letter-spacing: 1px;
}
.bhjs-page-table-title{
    text-align: center;
    width: 280px;
    color: #fff;
    background-color: rgb(113,67,142);
    padding: 16px 0 0 0;
    line-height: 0.7;
}
.bhjs-page2-table-td1-noP{
    padding-top: 0;
}
.bhjs-page-bg{
    background-color: rgb(220,221,223);
}
.bhjs-page-shadow-link{
    width: 100%;
    height: 5px;
    position: absolute;
    background: -webkit-linear-gradient(top, gray, transparent); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(bottom, gray, transparent); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(bottom, gray, transparent); /* Firefox 3.6 - 15 */
    background: linear-gradient(to bottom, gray, transparent); /* 标准的语法（必须放在最后） */
    opacity: 0.8;
    z-index: 7;
}


/**page2**/

.bhjs-page2-td-left{
    color: rgb(113,67,142);
}
.bhjs-page2-content{
    padding-bottom: 40px;
    position: initial;
}
.bhjs-page2-table-title{
    font-family: 'Economica', sans-serif;
}


.bhjs-page2-content-title, .bhjs-page4-content-title,.bhjs-page6-content-title,.bhja-page2-excommittee-button{
    text-align: center;
    width: 280px;
    color: #fff;
    background-color: rgb(113,67,142);
    padding: 16px 0 0 0;
    line-height: 0.7;
    font-family: 'Economica', sans-serif;
    font-weight: bolder;
    letter-spacing: 0px;
}
.bhja-page2-excommittee-button , .bhja-page2-professions-button{
  cursor: pointer;
}
.bhjs-page2-content-allcontent-member-box{
    display: table;
    content: " ";
    clear: both;   
    padding: 0 0 10px 0;
}
.bhjs-page2-content-allcontent-member,.bhjs-page2-content-allcontent-member-intro{
    float: left;
    display: inline-block;
}
.bhjs-paddingbottom-10{
    padding-bottom: 10px;
}

/**page3**/
.bhjs-page3-content{
    background-color: rgb(220,221,223);
}
.bhjs-year{
    color: #fff;
    background-color: rgb(113,67,142);
    font-size: 24px;
    padding: 12px 0;
    text-align: center;
    font-family: 'Economica', sans-serif;
}
.bhjs-page3-content-box-2{
    background-color: #fff;
}
.bhjs-page3-nochoose{
    font-size: 16px;
    color: #888;
    text-shadow: 4px 4px 4px #888;
    display: inline-block;
    width: 150px;
}
.bhjs-page3-nochoose{
    text-align: right;
}
.bhjs-page3-title-distance{
    margin: 0 20px;
    display: inline-block;
    width: 50px;
    height: 2px;
    background-color: rgb(113,67,142);
    box-shadow: 3px 3px 3px rgb(113,67,142);
}
.bhjs-page2-td-bottom{
    padding-bottom: 40px;
}
.bhjs-page2-table-title-top{
    margin-top: 20px;
}
.bhjs-date{
    font-family: 'Economica', sans-serif; 
}

.bhjs-page3-table{
    margin: 0 auto;
}
.bhjs-page2-content-allcontent-intro , .bhjs-page2-content-allcontent-member-box,.bhjs-page2-content-allcontent-Professions-box{
    animation:bhjs-slideup 1s;
    -moz-animation:bhjs-slideup 1s; /* Firefox */
    -webkit-animation:bhjs-slideup 1s; /* Safari and Chrome */
    -o-animation:bhjs-slideup 1s; /* Opera */
}
.bhjs-page2-content-allcontent-member-buttonOutbox{
    animation:none;
    -moz-animation:none; /* Firefox */
    -webkit-animation:none; /* Safari and Chrome */
    -o-animation:none; /* Opera */ 
}
.bhjs-page3-area-box{
    text-transform: uppercase;
}
.bhjs-img , .bhjs-search-title{
    cursor: pointer;
}
.bhjs-img-a{
    position: relative;
    display: inline-block;
}
.bhjs-img-a:before {
    display: block;
    content: "";
    position: absolute;
    z-index: 1;
    width: 100%;
    min-height: 100%;
    background-color: #4e4e4e;
    opacity: 0;
    -webkit-transition: all 0.3s;
                    transition: all 0.3s;
}
.bhjs-img-a:after {
    position: absolute;
    z-index: 2;
    display: block;
    content: "";
    top: 12px;
    right: 12px;
    line-height: 16px;
    color: #fff;
    font-size: 28px;
    opacity: 0;
    -webkit-transform: translateY(-40px);
    transform: translateY(-40px);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
.bhjs-page3-area-box-choose{
    position: relative;
}
.bhjs-page3-area-box-choose:before{
    border: 7px solid transparent;
    border-right: 7px solid  rgb(113,67,142);
    width: 0px;
    height: 0px;
    position: absolute;
    content: ' ';
    left: -5px;
}
.bhjs-page3-area-box-choose:after{
    border: 7px solid transparent;
    border-left: 7px solid  rgb(113,67,142);
    width: 0px;
    height: 0px;
    position: absolute;
    content: ' ';
    right: -5px;
}
.bhjs-page3-area-box-choose:first-child:before{
    display: none;
}
.bhjs-page3-area-box-choose:last-child:after{
    display: none;
}

/*page4*/
.bhjs-page4-content-allcontent-member,.bhjs-page4-content-allcontent-member-intro{
    float: left;
    display: inline-block;
}
.bhjs-page4-content-allcontent-member-box{
    display: table;
    content: " ";
    clear: both;   
    padding: 0 0 20px 0;
}
.bhjs-page4-content-allcontent-member,.bhjs-page4-content-allcontent-member-intro{
    float: left;
    display: inline-block;
}
.bhjs-page4-content-allcontent-member-box{
    font-family: 'Quicksand', sans-serif;
    font-weight: bolder;
}

/*page5*/
.bhjs-page5-button-box:before , .bhjs-page5-button-box:after , .bhjs-page5-button:before , .bhjs-page5-button:after{
    display: table;
    content: " ";
    clear: both;       
}
.bhjs-page5-button, .bhjs-page5-button-img , .bhjs-page5-button-h1 , .bhjs-page5-button-h1-left{
    display: inline-block;
    float: left;
}
.bhjs-page5-button{
/*    border: 1px solid gray;
    border-radius: 5px;
    color: #fff;
    box-shadow: 0px 2px 2px #ddd;
    margin: 3% 5% 5% 5%;
    background: -webkit-linear-gradient(left, rgb(117,66,145) , rgb(194,34,196));
    background: -o-linear-gradient(right, rgb(117,66,145) , rgb(194,34,196));
    background: -moz-linear-gradient(right, rgb(117,66,145) , rgb(194,34,196));
    background: linear-gradient(to right, rgb(117,66,145) , rgb(194,34,196));*/
    margin: 20px;
}
.bhjs-page5-choose-title{
    font-family: 'Quicksand', sans-serif;
    font-weight: bolder;
}
.bhjs-page5-choose-title-2{
    color: rgb(113,67,142);
}
.bhjs-page5-button-or{
    display: inline-block;
}
.bhjs-page5-button-inbox-table{
    margin: 0 auto;
}

/*page6*/
.bhjs-page6-link{
    display: inline-block;
}
.bhjs-page6-link-box, .bhjs-footer-box{
    font-family: 'Quicksand', sans-serif;
    font-weight: bolder;
}
.icons{
    color: rgb(113,67,142);
}

@media screen and (min-width: 769px){
    .bhjs-md-hidden{
        display: none;
    }
    .bhjs-md-show{
        display: block;
    }
    .bhjs-page1{
        padding-top: 120px;
    }
    .bhjs-nav{
      height: 120px;
      overflow: hidden;
    }
    .bhjs-nav-box{
        width: 1200px;
    }
    .bhjs-nav-logo{
        width: 300px;
        float: left;
    }
    .bhjs-nav-logo-img{
        width: 60px;
        float: left;
        padding-top: 20px;
    }
    .bhjs-nav-logo-text{
        float: left;
        padding-top: 40px;
        text-align: left;
    }
    .bhjs-nav-menu-button{
        display: none;
    }
    .bhjs-nav-menu{
        width: 720px;
        padding: 0 0 0 80px;
        float: left;
    }
    .bhjs-nav-button-box{
        width: 180px;
        float: right;
        text-align: center;
    }
    .bhjs-nav-menu-box{
        margin-top: 40px;
        vertical-align: top;
        padding-right: 40px;
    }
    .bhjs-nav-menu-box-5{
        /*display: none;*/
        padding-right: 0;
        padding-top: 12px;
    }
    .bhjs-nav-menu-box-5 i {
        color: #000;
    }
    .bhjs-nav-menu .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
        /*background-color: #fff;
        opacity: .25;*/
        display: none;
    }
    .bhjs-nav-button, .bhjs-nav-button-JtoMember{
        margin-top: 40px;
        width: 180px;
        letter-spacing: 2px;
        float: right;
    }
    .bhjs-slide-text-title{
        font-size: 40px;
    }
    .bhjs-slide-text-p{
        font-size: 70px;
        letter-spacing: 5px;
        margin-top: 10px;
    }
    .ap-slide-text-1{
        left: 30px;
        bottom: 45px;
    }
    .ap-slide-text-2{
        right: 30px;
        top: 45px;
    }
    .ap-slide-text-3{
        right: 30px;
        bottom: 45px;
    }
    .ap-slide-text-4{
        right: 30px;
        bottom: 45px;
    }
    .bhjs-slide-text-p-1{
        margin-top: 10px;
    }
    .bhjs-question-text-p{
        font-size: 20px;
        padding-bottom: 60px;
    }
    .bhjs-question-text-choose{
        text-align: center;
        padding: 0 30px;
    }
    .bhjs-question-text-choose-step1{
        font-size: 44px;
    }
    .bhjs-question-text-choose-step2{
        font-size: 24px;
    }
    .bhjs-question-text-or{
        width: 40px;
    }
    .bhjs-question-text-step3-title{
        font-size: 32px;
    }
    .bhjs-question-text-step3-intro{
        font-size: 18px;
    }
    .bhjs-page2-td2 , .bhjs-page2-td-left{
        animation:bhjs-slideup 1s;
        -moz-animation:bhjs-slideup 1s; /* Firefox */
        -webkit-animation:bhjs-slideup 1s; /* Safari and Chrome */
        -o-animation:bhjs-slideup 1s; /* Opera */
    }

    .bhjs-page2-content-allcontent-intro , .bhjs-page2-content-allcontent-member-box{
        animation:bhjs-slideup 1s;
        -moz-animation:bhjs-slideup 1s; /* Firefox */
        -webkit-animation:bhjs-slideup 1s; /* Safari and Chrome */
        -o-animation:bhjs-slideup 1s; /* Opera */
    }
    .bhjs-page2-content-allcontent-member-buttonOutbox{
        animation:none;
        -moz-animation:none; /* Firefox */
        -webkit-animation:none; /* Safari and Chrome */
        -o-animation:none; /* Opera */ 
    }
    .bhjs-scroll-down-box{
        width: 100%;
        height: 60px;
        position: absolute;
        bottom: 40px;
    }
    .bhjs-scroll-down{
        width: 60px;
        height: 60px;
        margin: 0 auto;
    }
    .bhjs-nav-menu-list-box-header-header , .bhjs-nav-menu-list-box-body{
        display: none;
    }
    .bhjs-question-ajsutable tr td{
        vertical-align: top;
    }

    .bhjs-question-close{
        display: none;
    }
    

     /**all page**/

    .bhjs-page-table-title{
        font-size: 24px;
    }

    /**page2**/
    .bhjs-page2-td1 , .bhjs-page2-td3{
        width: 280px;
    }
    .bhjs-page2-td2{
        width: 440px;
        padding: 10px 20px 0 20px;
    }
    .bhjs-page2-td-left{
        padding-left: 120px;
        color: rgb(113,67,142);
    }
    .bhjs-page2-content-title , .bhjs-page4-content-title,.bhja-page2-excommittee-button{
        font-size: 28px;
    }
    .bhja-page2-excommittee-button{
      margin-top: 40px;
    }
    .bhjs-page2-content-allcontent-box{
        margin: 0 auto;
        font-weight: bolder;
        font-family: 'Quicksand', sans-serif;
        letter-spacing: 1px;
    }
    .bhjs-page2-content-allcontent-box-1{
        width: 500px;
        padding: 20px 20px 20px 20px;
        margin: 0 auto 0 280px;
    }
    .bhjs-page2-content-allcontent-box-2{
        padding: 20px 0 0 0;
    }
    .bhjs-page2-content-allcontent-box-3{
        padding: 20px 0 0 0;
    }
    .bhjs-page2-content-allcontent-intro{
        padding-bottom: 10px;
        font-size: 18px;
    }
    .bhjs-page2-content-title-box-2{
        padding-top: 0px;
    }
    .bhjs-page2-content-allcontent-member-box{
        width: 100%;
    }
    .bhjs-page2-content-allcontent-member{
        padding-left: 120px;
        width: 300px;
        color: rgb(113,67,142);
        font-size: 18px;
    }
    .bhjs-page2-content-allcontent-member-buttonbox{
        padding-left: 0;
        margin-bottom: 40px;
    }
    .bhjs-page2-content-allcontent-member-intro{
        padding-left: 20px;
        font-size: 18px;
    }
    .bhjs-page2-content-allcontent-Professions-box{
        font-size: 18px;
    }
    .bhjs-page2-content-allcontent-Professions-box:not(:last-child){
        margin-bottom: 40px;
    }
    .bhjs-page2-content-allcontent-Professions-intro{
        padding-left: 15px;
    }
	.show-desk {
		display: block!important;
		padding-top: 0;
		margin-top: 0;
	}
	.show-mobile {
		display: none!important;
		padding-top: 0;
		margin-top: 0;
	}
	
    .bhjs-page2-content-allcontent-Professions-title{
        /*font-size: 24px;*/
        font-weight: bolder;
    }
    .bhja-page2-excommittee-button-left{
        min-height: 1px;
    }
    .bhja-page2-excommittee-button:hover , .bhja-page2-professions-button:hover{
        color: rgb(113,67,142);
        background-color: #fff;
        transition: all 0.8s;
    }

    /**page3**/
    .bhjs-page3-content-box{
        float: left;
        position: relative;
    }
    /*.bhjs-page3-bg{
        height: 1612px;
    }*/
    .bhjs-page3-bg{
        position: relative; 
        width: 100%; 
        overflow: hidden;
    }
    .bhjs-year-bg{
        width: 156px;
        top: 58px;
        left: 422px;
        position: absolute;
        background-color: #fff;
        height: inherit;
    }
    .bhjs-page3-content:before , .bhjs-page3-content:after{
        display: table;
        content: " ";
        clear: both;
    }
    .bhjs-year{
        max-height: 58px;
        width: 156px;
        left:422px;
        position: absolute;
    }
    .bhjs-year-plink{
        position: absolute;
        left: 500px;
        top: 58px;
        width: 1px;
        background-color: rgb(220,221,223);
        height: inherit;
    }

    .bhjs-year-link {
        position: absolute;
        background-color: rgb(220,221,223);
    }
    .bhjs-year-llink{
        width: 78px;
        height: 1px;
    }
    .bhjs-inbox{
        width: 422px;
        position: absolute;
    }
    .bhjs-date{
        width: 78px;
        height: 66px;
        padding: 10px;
        position: absolute;
    }

    .bhjs-date-day{
        font-weight: bolder;
        font-size: 40px;
        margin: 0;
        padding: 0;
        line-height: 1;
        letter-spacing: -2px;
    }
    .bhjs-date-mouth{
        font-size: 18px;
        margin: 0 0 10px 0;
        padding: 0;
        line-height: 1;
        font-weight: bolder;
    }
    .bhjs-date-left{
        text-align: left;
    }
    .bhjs-date-right{
        text-align: right;
    }
    .bhjs-img{
        width: 100%;
        height: 220px;
    }
    .bhjs-search , .bhjs-search-title{
        float: left;
        display: inherit;
    }
    .bhjs-search{
        background-color: rgb(113,67,142);  
        width: 64px;
        height: 64px;
        padding: 15px;
    }
    .bhjs-search-img{
        max-width: 100%;
        width: 100%;
    }
    .bhjs-search-title{
        background-color: #fff;
        padding: 5px 10px;
        width: 357px;
        height: 64px;
        /*letter-spacing: 1px;*/
        font-family: 'Quicksand', sans-serif;
        font-weight: bolder;
    }
    .bhjs-search-box-right{
        position: absolute;
        right: 0;
    }
    .bhjs-search-box-left{
        position: absolute;
        left: 0;
    }
    .bhjs-search-box{
        width: 100%;
        height: 64px;
        display: table;
        content: " ";
        clear: both;
    }

    .bhjs-page3-area{
        /*width: 1000px;*/
        width: 100%;
        height: 60px;
        margin: 0 auto;
        position: relative;
        white-space: nowrap;
        overflow: auto;
    }
    #mCSB_1_container{
      min-width: 1000px !important;
    }
    .bhjs-page3-area-box{
        display: inline-block;
        padding: 0 20px;
        font-size: 16px;
    }
    .bhjs-page3-area-box-choose{
        font-size: 28px;
    }
    .bhjs-page3-area-outbox{
        height: 40px;
        overflow: hidden;
    }
    #mCSB_1_container{
        margin: 0 auto;
    }
    .bhjs-page2-content-allcontent-intro-4{
        padding-left: 40px;
    }
    .bhjs-page3-content{
        position: initial;
    }
    .bhjs-year-box{
        height: inherit;
    }
    .bhjs-box{
        overflow: hidden;
        -webkit-transform: translateX(4000px);
        -moz-transform: translateX(4000px);
        -ms-transform: translateX(4000px);
        -o-transform: translateX(4000px);
        transform: translateX(4000px);
        opacity: 0;
        /*-webkit-animation-duration: 0.4s;
        -moz-animation-duration: 0.4s;
        animation-duration: 0.4s;
        -webkit-animation-timing-function: ease-in-out;
        -moz-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;*/
        transition: all 0.8s;
        /*display: none;*/
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
    }
    .bhjs-box-choose{
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
        /*-webkit-animation-duration: 0.4s;
        -moz-animation-duration: 0.4s;
        animation-duration: 0.4s;
        -webkit-animation-timing-function: ease-in-out;
        -moz-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;*/
        transition: all 0.8s;
        /*display: block;*/
        position: relative;
        z-index: 2;
    }
    .mCustomScrollBox{
        outline: none;
    }
    .bhjs-more{
        width: 156px;
        height: 58px;
        position: absolute;
        color: #fff;
        background-color: rgb(113,67,142);
        font-size: 24px;
        padding: 12px 0;
        text-align: center;
        font-family: 'Economica', sans-serif;
        left: 422px;
    }
    .bhjs-page3-area-box-choose:before , .bhjs-page3-area-box-choose:after{
        top: 13px;
    }
    .bhjs-img-a:hover:before{
        opacity: 0.3;
    }

    /*page4*/

    .bhjs-page4-content-title{
        /*font-size: 24px;*/
    }
    .bhjs-page4-content-allcontent-box{
        margin: 0 auto;
        font-weight: bolder;
        font-family: 'Quicksand', sans-serif;
        letter-spacing: 1px;
        font-size: 18px;
    }
    .bhjs-page4-content-allcontent-box-1{
        width: 440px;
        padding: 20px 20px 20px 20px;
    }
    .bhjs-page4-content-allcontent-box-2{
        padding: 20px 0 0 0;
    }
    .bhjs-page4-content-allcontent-intro{
        padding-bottom: 10px;
    }
    .bhjs-page4-content-title-box-2{
        padding-top: 0px;
    }
    .bhjs-page4-content-allcontent-member-box{
        width: 100%;
    }
    .bhjs-page4-content-allcontent-member{
        padding-left: 20px;
        padding-right: 20px;
        width: 280px;
        color: rgb(113,67,142);
    }
    .bhjs-page4-content-allcontent-member-intro{
        padding-left: 20px;
        max-width: 440px;
    }

    /*page5*/
    .bhjs-page5-button{
        /*width: 40%;*/
    }
    .bhjs-page5-button-img{
        max-width: 60px;
        height: 60px;
        /*margin: 5px;
        margin-left: 10px;*/
    }
    .bhjs-page5-button-email-img{
        height: auto;
        /*padding: 7px 0;*/
    }
    .bhjs-page5-choose-title{
        max-width: 90%;
        margin: 0 auto;
        font-size: 18px;
        text-align: center;
        padding: 20px 0 0 0;
    }
    .bhjs-page5-button-h1{
        display: none;
    }
    .bhjs-page5-button-inbox{
        text-align: center;
    }
    .bhjs-page5-button{
        float: none;
    }
    .bhjs-page5-button-h1-left{
        padding: 0 10px 0 10px;
        margin-top: 10px;
    }
    .icons{
        font-size: 18px;
    }
    .bhjs-page5-button-or{
        font-size: 18px;
        padding: 16px 0;
    }
    .bhjs-page5-choose-title-2{
        font-size: 24px;
    }

    /*page6*/
    .bhjs-page6-link-box{
        width: 600px;
        margin: 20px auto 0 280px;
        font-weight: bolder;
        font-family: 'Quicksand', sans-serif;
        letter-spacing: 1px;
        padding-bottom: 40px;
        margin-top: 0;
        padding-top: 40px;
    }
    .bhjs-page6-link{
        margin-bottom: 10px;
        font-size: 18px;
        margin-left: 5px;
        margin-top: 5px;
    }
    .bhjs-page6-content-title{
        font-size: 24px;
    }

    /*page7*/
    .bhjs-page7-content-title-2{
        width: 400px;
    }


    /*footer*/
    .bhjs-footer-box{
        min-height: 100px;
        padding: 10px 0;
    }
    .bhjs-footer-content:before,.bhjs-footer-content:after{
        display: table;
        content: " ";
        clear: both;
    }
    .bhjs-footer-content{
        max-width: 1000px;
        margin: 0 auto;
    }
    .bhjs-footer-left{
        float: left;
        display: inline-block;
    }
    .bhjs-footer-right{
        float: right;
        display: inline-block;
    }
    .bhjs-footer-span{
        padding-left: 20px;
    }
    .bhjs-footer-copyright{
        text-align: center;
        margin-bottom: 10px;
    }
    

    /*other page*/
    .bhjs-slide-other-page{
        padding-top: 120px;
    }



}


@media (max-width: 768px) {
	.show-desk {
		display: none!important;
	}
	.show-mobile {
		display: inline-block!important;
	}
}

@media screen and (max-width: 768px) {
    .bhjs-nav-button,
    .bhjs-nav-button-JtoMember{
        border:1px solid #fff;
    }
    .bhjs-page-title{
        font-size: 20px;
    }
    .bhjs-main{
        padding-top: 50px;
    }
    .bhjs-sm-hidden{
        display: none;
    }
    .bhjs-sm-show{
        display: block;
    }

    .bhjs-nav{
        height: 50px;
        background: -webkit-linear-gradient(left, rgb(117,66,145) , rgb(194,34,196)); /* Safari 5.1 - 6.0 */
        background: -o-linear-gradient(right, rgb(117,66,145) , rgb(194,34,196)); /* Opera 11.1 - 12.0 */
        background: -moz-linear-gradient(right, rgb(117,66,145) , rgb(194,34,196)); /* Firefox 3.6 - 15 */
        background: linear-gradient(to right, rgb(117,66,145) , rgb(194,34,196)); /* 标准的语法（必须放在最后） */
    }
    .bhjs-nav-box{
        width: 100%;
        padding: 0;
    }
    .bhjs-nav-logo{
        text-align: left;
    }
    .bhjs-nav-logo-box{
        width: 100%;
        display: block;
    }
    .bhjs-nav-logo-box:before, .bhjs-nav-logo-box:after{
        display: table;
        content: " ";
        clear: both;
    }
    .bhjs-nav-logo{
       
    }
    .bhjs-nav-menu-button{
        padding: 14px 11px 0 0;
        max-height: 45px;
        height: 45px;
        overflow: hidden;
    }
    .bhjs-nav-menu-button-link{
        height: 4px;
        margin-top: 4px;
    }
    .bhjs-nav-menu-button-link-1{
        margin-top: 0;
    }
    .bhjs-nav-menu-list-box-open  .bhjs-nav-menu-button-link{
       -webkit-transform-origin: center center;
       -moz-transform-origin: center center;
       -ms-transform-origin: center center;
       -o-transform-origin: center center;
       transform-origin: center center;
    }
    .bhjs-nav-menu-list-box-open  .bhjs-nav-menu-button-link-1{
        -webkit-transform: scaleX(1.45) translateY(0.85em) rotateZ(55deg);
        -ms-transform: scaleX(1.45) translateY(0.85em) rotateZ(55deg);
        -o-transform: scaleX(1.45) translateY(0.85em) rotateZ(55deg);
        transform: scaleX(1.45) translateY(0.55em) rotateZ(55deg);
    }
    .bhjs-nav-menu-list-box-open  .bhjs-nav-menu-button-link-2{
        -webkit-transform: scaleX(0);
        -ms-transform: scaleX(0);
        -o-transform: scaleX(0);
        transform: scaleX(0);
    }
    .bhjs-nav-menu-list-box-open  .bhjs-nav-menu-button-link-3{
        -webkit-transform: scaleX(1.45) translateY(-0.6em) rotateZ(-55deg);
        -ms-transform: scaleX(1.45) translateY(-0.6em) rotateZ(-55deg);
        -o-transform: scaleX(1.45) translateY(-0.6em) rotateZ(-55deg);
        transform: scaleX(1.45) translateY(-0.6em) rotateZ(-55deg);
    }
    /*.bhjs-nav-menu-button-link{
        transition: all 1.2s;
    }
    .bhjs-nav-menu-list-box-open .bhjs-nav-menu-list-box-body-title , .bhjs-nav-menu-list-box-open .bhjs-nav-button , .bhjs-nav-menu-list-box-open .bhjs-nav-menu-box{
        animation:bhjsN-show 1s;
        -moz-animation:bhjsN-show 1s;
        -webkit-animation:bhjsN-show 1s; 
        -o-animation:bhjsN-show 1s; 
    }*/
    .bhjs-nav-logo-img{
        width: 40px;
        margin-top: 20px;
        display: none;
    }
    .bhjs-nav-logo-p{
        color:#fff;
    }
    .bhjs-nav-logo{
        float: left;
    }
    .bhjs-nav-menu-list-box{
        background-color: rgb(219, 176, 223);
        /*display: none;*/
        /*border-bottom: 5px solid #6c3b79;*/
        position: fixed;
        -webkit-transform: translateX(100%);
        -moz-transform: translateX(100%);
        -ms-transform: translateX(100%);
        -o-transform: translateX(100%);
        transform: translateX(100%);
        transition: all 0.4s;
        width: 100%;
        opacity: 0;
        /*min-height: auto;*/
        width: 280px;
        top: 0;
        right: 0;
        min-height: 100%;
    }
    .bhjs-nav-menu-list-box:before , .bhjs-nav-menu-list-box:after{
        content: " ";
        display: table;
    }
    .bhjs-nav-menu-list-box-open{
       -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
        transition: all 0.4s; 
    }
    .bhjs-nav-menu-list-box-header{
        padding: 22px 25px;
        border-bottom: 1px solid rgba(255,255,255,0.3);
        position: relative;
    }
    .bhjs-nav-menu{
        display: block;
        padding: 20px;
        position: relative;
    }
    .bhjs-nav-menu-box{
        display: block;
    }
    .bhjs-nav-menu .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
        background-color: #fff;
        opacity: .25;
    }
    .bhjs-nav-menu-list-box:before {
    position: absolute;
    display: block;
    content: "";
    width: 100%;
    min-height: 100%;
    top: 0;
    left: 0;
    background-image: url(../image/offcanvas-bg.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    opacity: .97;
    }
    .bhjs-nav-menu-title{
        border-bottom: none;
        display: block;
        padding: 10px 0px;
        /*color: #6c3b79;*/
        /*border-bottom: 1px solid #6c3b79;*/
        color: #fff;
    }
    .bhjs-nav-menu-title-1,.bhjs-nav-menu-title-2{
        padding-bottom: 5px;
    }
    .bhjs-nav-logo-text{
        padding-top: 3px;
        padding-left: 20px;
    }
    .bhjs-nav-menu-p{
        padding: 0 0 10px 0px;
        margin:0;
        /*font-size: 14px;*/
        /*color: #6c3b79;*/
        /*border-bottom: 1px solid #6c3b79;*/
        line-height: initial;
        color: #fff;
        display: inline-block;
        font-size: 12px;
        opacity: .5;
    }
    .bhjs-nav-menu-i{
       padding: 0 0 10px 0px;
        margin:0;
        /*color: #6c3b79;*/
        /*border-bottom: 1px solid #6c3b79;*/
        line-height: initial;
        color: #fff;
        display: inline-block;
        font-size: 12px;
        opacity: .5;
        font-size: 18px;
        font-weight: bold;
    }
    .bhjs-nav-menu-list-box-open .bhjs-nav-menu-title {
        animation:bhjsN-show 1s;
        -moz-animation:bhjsN-show 1s;
        -webkit-animation:bhjsN-show 1s; 
        -o-animation:bhjsN-show 1s; 
    }
    .bhjs-nav-menu-list-box-open .bhjs-nav-menu-p{
        animation:bhjsN-showB 1s;
        -moz-animation:bhjsN-showB 1s;
        -webkit-animation:bhjsN-showB 1s; 
        -o-animation:bhjsN-showB 1s; 
    }
    .bhjs-nav-menu-list-box-open .bhjs-nav-menu-i{
        animation:bhjsN-showB 1s;
        -moz-animation:bhjsN-showB 1s;
        -webkit-animation:bhjsN-showB 1s; 
        -o-animation:bhjsN-showB 1s; 
    }
    .bhjs-nav-menu-p-1{
        margin-right: 20px;
    }
    .bhjs-nav-button-box{
        display: block;
    }
    .bhjs-nav-button,
    .bhjs-nav-button-JtoMember {
        font-size: 14px;
        padding: 10px 20px;
        border:none;
        text-align: left;
        /*color: #6c3b79;*/
        border: 1px solid #fff;
        border-radius: 5px;
        display: inline-block;
        color: #fff;
    }
    .bhjs-nav-menu-list-box-header-header:before , .bhjs-nav-menu-list-box-header-header:after , .bhjs-nav-menu-list-box-body:before , .bhjs-nav-menu-list-box-body:after{
        display: table;
        content: " ";
        clear: both;
    }
    .bhjs-nav-menu-list-box-header-header , .bhjs-nav-menu-list-box-body{
        padding-bottom: 20px;
    }
    .bhjs-nav-menu-inbutton{
        float: left;
        opacity: .5;
    }
    .bhjs-nav-menu-list-box-header-fbbutton{
        float: right;
    }
    .bhjs-nav-menu-list-box-body-img{
        display: inline-block;
        float: left;
    }
    .bhjs-nav-menu-list-box-body-img img{
        max-width: 74px;
    }
    .bhjs-nav-menu-list-box-body-title{
        display: inline-block;
        float: left;
        width: 150px;
        padding: 10px 0 0 0;
        color: #fff;
    }
    .bhjs-nav-menu-list-box-body-intitle-1{
        padding-left: 15px;
        font-size: 18px;
        margin: 0;
        margin-bottom: 10px;
        font-family: 'Quicksand', sans-serif;
        font-weight: bolder;
    }
    .bhjs-nav-menu-list-box-body-intitle-2{
        padding-left: 15px;
        font-size: 14px;
        /*opacity: .5;*/
        margin: 0;
        /*font-family: 'Noto Sans TC', serif; */
    }
    .bhjs-question-box{
        background-size: initial;
        background-image: none;
        background-color: #fff;
    }
    .bhjs-question-img{
        margin: 20px auto;
        display: block;
        max-width: 30%;
    }
    .bhjs-question-text-p{
        font-size: 20px;
    }
    .bhjs-question-text-box{
        width: 90%;
        padding: 20px 0;
    }
    .bhjs-question-text-or{
        display: none;
    }
    .bhjs-question-text-choose{
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
    }
    .bhjs-question-ajsutable{
      width: 100%;
    }
    .bhjs-question-text-choose-1 .bhjs-question-ajsutable tr td:nth-child(odd){
      width: 50%;
    }
    .bhjs-question-text-choose-2 .bhjs-question-ajsutable tr td:nth-child(odd){
      width: 33.33%;
    }
    .bhjs-question-text-choose-step1{
        /*width: 50%;*/
        width: 100%;
        background-color: rgb(113,67,142);
        font-size: 32px;
        text-align: center;
        padding: 10px;
        border-radius: 0;
    }
    .bhjs-question-text-choose{
        background-color: transparent;
        overflow: hidden;
        perspective: 500px;
    }
    .bhjs-question-text-choose-step{
       transform-origin: 50% 0%;
       transition: transform 0.75s cubic-bezier(0.5, 3, 0.65, 0.45) 0.3s;
       transition-delay: 0.35s;
       border:none;
    }
    .bhjs-question-text-choose-step:hover{
       background-color: #865FDF;
       transition: background-color: 0.15s ease 0s, transform 0.15s ease 0s;
       transition-delay: 0s, 0s;
       transform: rotateX(-20deg);
    }
    .bhjs-question-text-choose-step2{
        /*width: 33.33%;*/
        width: 100%;
        background-color: rgb(113,67,142);
        font-size: 28px;
        text-align: center;
        padding: 10px;
        border-radius: 0;
    }
    .bhjs-question-text-box-3{
        padding-top: 0;
    }
    .bhjs-question-text-step3-title{
        font-size: 24px;
    }
    .bhjs-question-text-step3-title,.bhjs-question-text-step3-intro{
        margin-bottom: 5px;
    }
    .bhjs-question-text-step3-img-box{
        padding: 0 80px;
    }
    .bhjs-question-text-choose-step1-1 , .bhjs-question-text-choose-step2-1 , .bhjs-question-text-choose-step2-2 {
        border-right: 1px solid #fff;
    }
    .bhjs-question-box-1 ,.bhjs-question-box-2, .bhjs-question-box-3{
        /*transform: rotateX(-90deg);*/
        /*display: block;*/
        display: none;
        transform-origin: center center;  
        transition: transform 1s ease;
    }
/*    .bhjs-question-box-1-show .bhjs-question-box-1{
        transition-delay: 0.4s;
    }*/
    .bhjs-question-box-1-show .bhjs-question-box-1{
        /*transform: rotateX(0deg);  */
        transition: transform 1s ease;
        display: block;
    }
    .bhjs-question-box-2-show .bhjs-question-box-2{
        /*transform: rotateX(0deg); */  
        transition: transform 1s ease;
        display: block;
    }
    .bhjs-question-box-3-show .bhjs-question-box-3{
        /*transform: rotateX(0deg); */   
        transition: transform 1s ease;
        display: block;
    }
    .bhjs-question-close{
      display: inline-block;
    }

    /**首頁輪播**/

    /*.carousel-inner{
        height: 250px !important;
    }
    .carousel-inner .item{
        height: 250px;
    }
    .ap-carousel-img{
        height: 250px !important;
    }*/
    .carousel-indicators{
        bottom: 0;
    }
    .carousel-indicators li , .carousel-indicators .active{
        width: 10px;
        height: 10px;
        margin: 1px 10px;
    }
    .ap-item-1 ,.ap-item-2 ,.ap-item-3 ,.ap-item-4{
        text-align: center;
    }
    .ap-slide-text-1{
        left: 0;
        bottom: initial;
        width: 100%;
        top: 239px;
    }
    .ap-slide-text-2{
        left: 0;
        bottom: initial;
        width: 100%;
        top: 239px;
    }
    .ap-slide-text-3{
        left: 0;
        bottom: initial;
        width: 100%;
        top: 239px;
    }
    .ap-slide-text-4{
        left: 0;
        bottom: initial;
        width: 100%;
        top: 239px;
    }
    .bhjs-slide-text-title{
        font-size: 32px;
    }
    .bhjs-slide-text-p{
        font-size: 40px;
    }
    /*.ap-slide-text-1{
        left: 10px;
        bottom: 20px;
    }
    .ap-slide-text-2{
        right: 10px;
        top: 20px;
    }
    .ap-slide-text-3{
        right: 10px;
        bottom: 20px;
    }
    .ap-slide-text-4{
        right: 10px;
        bottom: 20px;
    }*/
    /*.bhjs-slide-text-title{
        font-size: 14px;
    }
    .bhjs-slide-text-p{
        font-size: 28px;
    }*/
    /*.ap-item-2{
        background-image: url(../image/slide2-5.jpg);
    }
    .ap-item-3{
        background-image: url(../image/slide3-5.jpg);
    }
    .ap-item-4{
        background-image: url(../image/slide4-5.jpg);
    }*/

    .bhjs-scroll-down-box{
        width: 100%;
        height: 40px;
        position: absolute;
        bottom: 40px;
    }
    .bhjs-scroll-down{
        width: 40px;
        height: 40px;
        margin: 0 auto;
    }

    /**all page**/

    .bhjs-page-title{
        padding: 10px 0;
    }

    /**page2**/


    .bhjs-page2-link{
        height: 1px;
        width: 50px;
        background-color: rgb(220,221,223);
        margin-top: 10px;
        float: left;
        margin-right: 10px;
    }
    .bhjs-page2-content-title , .bhjs-page4-content-title,.bhja-page2-excommittee-button{
        text-align: left;
        line-height: initial;
        display: inline-block;
        font-size: 20px;
        padding: 10px;
        width: auto;
    }
    .bhjs-page2-content-allcontent-box{
        font-family: 'Quicksand', sans-serif;
        font-weight: bolder;
    }
    .bhjs-page2-content-allcontent-box-1{
        padding: 20px;
    }
    .bhjs-page2-content-allcontent-box-2{
        margin: 0 20px;
        padding: 20px 0;
        border-left: 1px solid rgb(220,221,223);
    }
    .bhjs-page2-content-allcontent-box-3{
      margin: 0 20px;
      padding: 20px 0;
      border-left: 1px solid rgb(220,221,223);
    }
    .bhjs-page2-content-allcontent-member, .bhjs-page2-content-allcontent-member-intro{
        clear: both;
        display: block;
    }
    .bhjs-page2-content-allcontent-member-intro{
        margin-left: 60px;
    }
    .bhjs-page2-content-allcontent-member-box-1{
        padding-top: 10px;
    }
    .bhjs-page2-content-allcontent-member{
        color: rgb(113,67,142);
    }
    .bhjs-page2-content{
        padding-bottom: 0;
    }
    .bhjs-page2-content-allcontent-intro{
        padding-bottom: 20px;
    }
    .bhjs-page2-content-allcontent-Professions-box:not(:last-child){
        margin-bottom: 20px;
    }
    .bhjs-page2-content-allcontent-Professions-intro{
        padding-left: 15px;
    }
    .bhjs-page2-content-allcontent-Professions-title{
        /*font-size: 18px;*/
        font-weight: bolder;
    }
    .excommittee-change,.professions-change{
        color: rgb(113,67,142);
        background-color: #fff;
        transition: all 0.8s;
    }
    /**page3**/
    
    .bhjs-year{
        display: block;
        width: 90px;
    }
    .bhjs-page3-content-year-box{
        width: 90px;
        height: 100%;
        position: absolute;
        background-color: #fff;
        box-shadow: 2px 0 4px rgba(0,0,0,0.3);
    }
    .bhjs-area{
        padding-top: 58px;
        margin-left: 90px;
    }
    .bhjs-outbox{
        width: 100%;
        border-left: 1px solid  rgb(220,221,223);
    }
    .bhjs-page3-content:after , .bhjs-page3-content:before ,.bhjs-outbox:after, .bhjs-outbox:before, .bhjs-search:after , .bhjs-search:before{
        display: table;
        content: " ";
        clear: both;           
    }
    .bhjs-date-box{
        height: inherit;
        position: absolute;
        width: 80px;
        left: 10px;
        z-index: 2;
    }
    .bhjs-inbox{
        width: 100%;
        height: inherit;
        float: left;
        padding-top: 10px;
        background-color: rgb(220,221,223);
    }
    .bhjs-img{
        width: 100%;
    }
    .bhjs-search-title{
        background-color: #fff;
        padding: 5px 10px;
        font-weight: bolder;
        font-family: 'Quicksand', sans-serif;
    }
    .bhjs-year-link{
        background-color: rgb(220,221,223);
    }
    .bhjs-year-plink{
        width: 1px;
        height: 100%;
        margin-left: 10px;
    }
    .bhjs-year-llink{
        width: 100%;
        height: 1px;
    }
    .bhjs-search-img{
        width: 20%;
        background-color: rgb(113,67,142);
        float: right;
        padding: 15px;
    }
    .bhjs-date{
        padding-top: 50%;
    }
    .bhjs-date-day , .bhjs-date-mouth{
        margin: 0;
        padding-left: 5px;
    }
    .bhjs-date-day{
        font-weight: bolder;
    }
    .bhjs-date-day{
        font-size: 40px;
        /*margin-bottom: 5px;*/
        line-height: 0.9;
        letter-spacing: -2px;
    }
    .bhjs-date-mouth{
        /*font-size: 16px;*/
        line-height: 0.9;
        margin-bottom: 5px;
    }
    .bhjs-page3-area{
        /*white-space: nowrap;*/
        overflow: auto;
        -webkit-overflow-scrolling: touch;
       -ms-overflow-style: -ms-autohiding-scrollbar;
    }
    .bhjs-page3-area-box{
        font-size: 12px;
        display: inline-block;
        padding: 10px 20px 20px 20px;
    }

    .bhjs-page3-title{
        padding: 0 !important;
    }
    .bhjs-page3-area-outbox{
        height: 48px;
        overflow: hidden;
    }
    .bhjs-page2-content-allcontent-intro-4{
        padding-left: 30px;
    }
    .bhjs-page3-area-box-choose{
        font-size: 20px;
    }
    .bhjs-page3-bg{
        position: relative; 
        width: 100%; 
        overflow: hidden;
    }

    .bhjs-news-box{
        position: relative;
    }
    .bhjs-year-box{
        width: 90px;
        height: 100%;
        position: absolute;
        background-color: #fff;
        box-shadow: 2px 0 4px rgba(0,0,0,0.3);
        z-index: 1;
    }
    .bhjs-page3-content{
        position: initial;
    }
    .bhjs-box{
        overflow: hidden;
        -webkit-transform: translateX(100%);
        -moz-transform: translateX(100%);
        -ms-transform: translateX(100%);
        -o-transform: translateX(100%);
        transform: translateX(100%);
        opacity: 0;
        /*-webkit-animation-duration: 0.4s;
        -moz-animation-duration: 0.4s;
        animation-duration: 0.4s;
        -webkit-animation-timing-function: ease-in-out;
        -moz-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;*/
        /*display: none;*/
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
    }
    .bhjs-box-choose{
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
        /*-webkit-animation-duration: 0.4s;
        -moz-animation-duration: 0.4s;
        animation-duration: 0.4s;
        -webkit-animation-timing-function: ease-in-out;
        -moz-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;*/
        transition: all 0.8s;
        /*display: block;*/
        position: relative;
        z-index: 2;
    }
    .bhjs-more{
        width: 90px;
        color: #fff;
        background-color: rgb(113,67,142);
        font-size: 24px;
        padding: 12px 0;
        text-align: center;
        font-family: 'Economica', sans-serif;
        display: block;
    }
    .bhjs-year-box-more{
        position: relative !important;
    }
    .bhjs-page3-area-box-choose:before , .bhjs-page3-area-box-choose:after{
        top: 17px;
    }
    /*.bhjs-img-a-click:before{
        opacity: 0.3;
    }*/
    .bhjs-img-a:hover:before{
        opacity: 0.3;
    }

    /**page4**/


    .bhjs-page4-link{
        height: 1px;
        width: 50px;
        background-color: rgb(220,221,223);
        margin-top: 10px;
        float: left;
        margin-right: 10px;
        /*margin-bottom: 30px;*/
    }
    .bhjs-page4-content-allcontent-member-title{
        margin-left: 60px;
        margin-bottom: 0px;
    }
    .bhjs-page4-content-allcontent-member-box{
        padding-bottom: 10px;
    }
    .bhjs-page4-content-title{
        text-align: left;
        line-height: initial;
        display: inline-block;
        font-size: 20px;
        padding: 10px;
        width: auto;
    }
    .bhjs-page4-content-allcontent-box-1{
        padding: 20px;
    }
    .bhjs-page4-content-allcontent-box-2{
        margin-left: 20px;
        border-left: 1px solid rgb(220,221,223);
        padding-bottom: 30px;
    }
    .bhjs-page4-content-allcontent-member, .bhjs-page2-content-allcontent-member-intro{
        clear: both;
        display: block;
    }
    .bhjs-page4-content-allcontent-member-intro{
        margin-left: 60px;
    }
    .bhjs-page4-content-allcontent-member-box-1{
        padding-top: 10px;
        padding-right: 10px;
    }
    .bhjs-page4-content-allcontent-member{
        color: rgb(113,67,142);
    }
    .bhjs-page4-content{
        padding-bottom: 0;
    }
    .bhjs-page4-content-allcontent-intro{
        padding-bottom: 20px;
    }

    /*page5*/
    .bhjs-page5-button{
        /*width: 90%;*/
        /*display: block;*/
        display: inline-block;
    }
    .bhjs-page5-button-img{
        /*margin: 5px;
        width: 40px;
        margin-left: 10px;*/
        width: 60px;
    }
    .bhjs-page5-button-email-img{
        /*padding: 6px 0;*/
    }
    .bhjs-page5-button{
        float: none;
    }
    .bhjs-page5-button-h1{
        font-size: 24px;
        margin-top: 20px;
        display: none;
    }
    .bhjs-page5-button-h1-left{
        font-size: 28px;
        margin-top: 20px;
        padding: 0 10px 0 10px;
        margin-top: 10px;
    }
    .bhjs-page5-choose-title{
        max-width: 90%;
        margin: 0 auto;
        font-size: 14px;
        text-align: center;
        padding: 20px 0 0 0;
    }
    .bhjs-page5-choose-title-2{
        /*padding-top: 10px;
        padding-bottom: 10px;*/
        font-size: 24px;
        border-bottom: 1px solid;
        /*max-width: 50%;*/
        display: inline-block;
        padding: 10px 20px;
    }
    .bhjs-page5-button-inbox{
        display: block;
        text-align: center;
    }
    .bhjs-page5-button-inbox:before , .bhjs-page5-button-inbox:after{
        display: table;
        content: " ";
        clear: both;
    }
    .bhjs-page5-button-box{
        text-align: center;
    }
    .bhjs-page6-link-td-i{
        padding-top: 2px;
    }

    /*page6*/
    .bhjs-page6-content-title{
        text-align: left;
        line-height: initial;
        display: inline-block;
        font-size: 20px;
        padding: 10px;
        width: auto;
    }
    .bhjs-page6-link-box{
        padding: 30px 20px 20px 20px;
    }
    .bhjs-page6-link-inbox{
        margin-bottom: 10px;
    }
    .bhjs-page6-link{
        margin-left: 5px;
        /*display: inline;*/
    }
/*    .bhjs-page6-link-box:last-child{
        padding-bottom: 0;
    }*/
    .bhjs-page6-link-box table tr td{
        vertical-align: top;
    }

    /*footer*/
    .bhjs-footer-box{
        padding: 10px 0;
    }
    .bhjs-footer-content:before,.bhjs-footer-content:after{
        display: table;
        content: " ";
        clear: both;
    }
    .bhjs-footer-content{
        max-width: 90%;
        margin: 0 auto;
    }
    .bhjs-footer-left{
        float: left;
        display: inline-block;
    }
    .bhjs-footer-right{
        float: right;
        display: inline-block;
    }
    .bhjs-footer-span{
        padding-left: 10px;
        font-size: 12px;
    }
    .bhjs-footer-copyright{
        text-align: right;
        margin-bottom: 10px;
        font-size: 12px;
    }
    
}
@media screen and (min-width: 450px) and (max-width: 768px){
    /**首頁輪播**/

    .carousel-inner{
        height: 650px !important;
    }
    .carousel-inner .item{
        height: 650px;
    }
    .ap-carousel-img{
        height: 650px !important;
    }
    .ap-item-1{
        background-image: url(../image/BHJS-Alumni-Slide1-most-trustworthy-friend-PC.jpg);
        text-align: left;
    }
    .ap-item-2{
        background-image: url(../image/BHJS-Alumni-Slide2-brotherhood-of-sword-PC.jpg);
        text-align: right;
    }
    .ap-item-3{
        background-image: url(../image/BHJS-Alumni-Slide3-best-adventure-partner-PC.jpg);
        text-align: right;
    }
    .ap-item-4{
        background-image: url(../image/BHJS-Alumni-Slide4-most-important-experience-of-life-PC.jpg);
        text-align: right;
    }
    .ap-slide-text{
        position: absolute;
        color: #fff;
        font-size: 28px;
        font-weight: bolder;
    }
    .ap-slide-text-1{
        left: 25px;
        bottom: 40px;
        top: initial;  
        right: initial;
        text-align: left;
        width: initial;
    }
    .ap-slide-text-2{
        right: 25px;
        top: 40px;
        bottom: initial;
        left: initial;
        text-align: right;
        width: initial;
    }
    .ap-slide-text-3{
        right: 25px;
        bottom: 40px;
        top: initial;
        left: initial;
        text-align: right;
        width: initial;
    }
    .ap-slide-text-4{
        right: 25px;
        bottom: 40px;
        top: initial;
        left: initial;
        text-align: right;
        width: initial;
    }
}
@media screen and (max-width: 450px){
    .carousel-inner{
        height: 560px !important;
    }
    .carousel-inner .item{
        height: 560px;
    }
    .ap-carousel-img{
        height: 560px !important;
    }
    .bhjs-slide-text-p-1 , .bhjs-slide-text-p-2{
        margin-bottom: 0px;
    }
    .bhjs-slide-text-p-1{
        margin-top: 10px;
    }
    .bhjs-slide-text-p{
        line-height: 60px;
        letter-spacing: 2px;
    }
    .ap-slide-text-1{
        top: 170px;
    }
    .ap-slide-text-2{
        top: 170px;
    }
    .ap-slide-text-3{
        top: 170px;
    }
    .ap-slide-text-4{
        top: 110px;
    }
    .ap-item-1{
        background-image: url(../image/BHJS-Alumni-Slide1-most-trustworthy-friend-mobile.jpg);
    }
    .ap-item-2{
        background-image: url(../image/BHJS-Alumni-Slide2-brotherhood-of-sword-mobile.jpg);
    }
    .ap-item-3{
        background-image: url(../image/BHJS-Alumni-Slide3-best-adventure-partner-mobile.jpg);
    }
    .ap-item-4{
        background-image: url(../image/BHJS-Alumni-Slide4-most-important-experience-of-life-mobile.jpg);
    }
}
@media screen and (orientation: landscape) and (max-width: 768px){
    .bhjs-question-img{
        margin: 10px auto 0 auto;
        width: 20%;
    }
    .bhjs-question-text-box{
        padding: 10px 0;
    }
}
@media screen and (orientation: landscape) and (min-width: 1000px) and (max-width: 1300px){
    .bhjs-nav-box{
        width: 1000px;
    }
    .bhjs-nav-menu{
        width: 520px;
    }
}

@media screen and (min-width: 750px) and (max-width: 780px){
    .bhjs-date{
        padding-top: 160%;
    }
}
.bhjs-question-hidden{
    display: none;
}
.bhjs-question-show{
    display: block;
}
@media screen and (min-width: 769px)  and (max-width: 1024px){
    .bhjs-slide-text-p{
        font-size: 60px;
        margin-top: 10px;
    }
    .bhjs-slide-text-p-1{
        padding-top: 10px;
    }
    .bhjs-slide-text-title{
        font-size: 24px;
        padding-bottom: 15px;
    }

}
@media screen and (min-width: 1599px) {
    .bhjs-slide-text-p{
        font-size: 90px;
        letter-spacing: 5px;
        margin-top: 10px;
    }
    .bhjs-slide-text-p-1{
        padding-top: 20px;
    }
    .bhjs-slide-text-title{
        font-size: 36px;
        padding-bottom: 15px;
    }

}


#fbGIT , #fbRG{
    cursor: pointer;
}
.bhjs-news-share img{
    width: 40px;
    cursor: pointer;
    margin-left: 10px;
}



@keyframes copy-show {
      0% {
         opacity: 0;
      }
      50% {
         opacity: 1;
      }
      100% {
         opacity: 0;
      }
}
.copy-alert-show{
    animation:copy-show 1s;
    -moz-animation:copy-show 1s; /* Firefox */
    -webkit-animation:copy-show 1s; /* Safari and Chrome */
    -o-animation:copy-show 1s; /* Opera */
}
.copy-outbox{
    position: fixed;
    height: 100%;
    width: 100%;
    z-index: 9;
    display: none;
}
.copy-open{
    display: block;;
}
.copy-background{
    height: 100%;
    width: 100%;
    background-color: rgba(0,0,0,.8);
}
.copy-box{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}
.copy-close-button{
    width: 30px;
    height: 30px;
    position: fixed;
    right: 20px;
    top: 20px;
    background: rgb(113,67,142);
    border-radius: 15px;
    cursor: pointer;
    margin: 0;
    padding: 0;
    text-align: center;
    box-sizing: border-box;
    color: #fff;
}
.copy-close-button span{
    font-size: 28px;
    font-family: arial,sans-serif;
    font-size: 28px;
    vertical-align: initial;
    font-weight: bold;
    line-height: 1.1;
}
.copy-close-button:hover{
    background-color: #fff;
    color: rgb(113,67,142);
}
.copy-content{
    position: absolute;
    top: 100px;
    width: 100%;
}
.copy-title{
    padding: 10px;
    font-size: 28px;
    color: #fff;
    text-align: center;
}
.copy-area{
    text-align: center;
}
.copy-div{
    display: inline-block;
    margin: 0 auto;
    height: 50px;
}
.copy-div:before , .copy-div:after{
    display: table;
    content: " ";
    clear: both;  
}
.copy-div *{
    display: inline-block;
    float: left;
}
.copy-div img{
    max-width: 50px;
}
.copy-text{
    line-height: 1;
    padding: 10px;
    font-size: 25px;
    display: inline-block;
    float: left;
    border: none;
}
.copy-button-box{
    padding: 10px;
    text-align: center;
}
.copy-button{
    display: inline-block;
    padding: 10px 20px;
    font-size: 28px;
    color: #fff;
    background-color: rgb(113,67,142);
    border-radius: 5px;
    line-height: 1;
    cursor: pointer;
}
.copy-button:hover{
    color: rgb(113,67,142);
    background-color: #fff;
}
.copy-alert-box{
    padding: 10px;
    text-align: center;
}
.copy-alert{
    display: inline-block;
    padding: 10px;
    font-size: 20px;
    color: #fff;
    opacity: 0;
}
.whatsapp-share{
  display: none;
}
@media screen and (max-width: 768px){
    .copy-title , .copy-div , .copy-button-box , .copy-alert-box{
        overflow: hidden;
        max-width: 100%;
    }
    .copy-div img{
        max-width: 44px;
    }
    .copy-title, .copy-text, .copy-button, .copy-alert{
        font-size: 20px;
    }
    .whatsapp-share{
       display: inline-block;
    }
}