.google-map4 iframe{height: 220px;}
 .rightbar-speech{

    width: 80px;
    height: 80px;
    overflow: hidden;
    display: block;
 }
.fea-box-4 ol{padding-left: 20px;}
.fea-box-4 ol li{margin-bottom: 8px;}
.fea-box-4:hover ol li{color: #fff;}
.service-box .fea-box-4{min-height: 460px;}
.typography-title-6.tw{font-size: 36px;}
.member .col-md-6 .text-box {margin: 15px 0;}
ol.list-1{margin-top: 10px;}
.rule th,.periodicalall th{padding: 30px 0;}
.rule .pricing-table-1:hover{background-color: #fafafa;}
.pricing-table-1:hover .inner-box{border: 1px solid #e9e9e9;}
.pricing-table-2:hover .inner-box{border: 1px solid #323335;}
.rule .pricing-table-1 tr ,.alumni-contact tr,.periodicalall tr{transition: all 0.3s ease-out 0s;    border-bottom: 1px solid #e9e9e9;}
.rule .pricing-table-1 tr:last-child{border-bottom: none;}
.rule .pricing-table-1 td,.alumni-contact td,.periodicalall td{padding:20px 0;}
.newlast .text-box-right,.newlast .text-box-right.more-padding-1{padding: 0;}
.cbp-l-caption-buttonLeft:hover{background-color:#dc3827; color:#fff;}
[name="periodical"] .cbp-caption-defaultWrap{background-color: #fff;}
.service-download td,.table-striped.class td,.periodicalall td:last-child,.periodicalall th:last-child{text-align: center;}
.service-download td:first-child,.periodicalall td,.periodicalall th{text-align: left;}
.alumni a,.alumni-contact td a,.service-download a,.rule a{/*text-decoration: underline;*/font-weight: 600;color: #7ba23f;}
.alumni a:hover,.alumni-contact td a:hover,.service-download a:hover,.rule a:hover{color: #53781a;}
.responsive-tabs-panel .col-md-12,td{padding: 15px;}
.links .cbp-wrapper .cbp-item:first-child{width: calc(100% / 2 ) !important; z-index: 5;}
.class-apply .control{display: inline-block;    margin-right: 20px;}
.image-holder{margin-top: 40px;max-width: 250px;}
input[type="date"]::-webkit-clear-button{
   display:none;
}
.table-responsive{border:none;}
.bg2-featurebox-3 .img-box{padding: 60px;}
.index .post-style-1 .text-box{padding:25px; }
/*.apply{text-align: right;}*/
.light .iconbox-medium.outline-gray-2{border: 1px solid #b3b0b0;}
.btn{font-size: 15px;}
.responsive-tabs-content .responsive-tabs-panel{display: none;}
.responsive-tabs-content .responsive-tabs-panel:first-child{display: block;}
.gray-bg .pages-sidebar-links li a{ color: #5c5c5c;}
.gray-bg .pages-sidebar-links li{border-bottom: 1px solid #e6dddd;}
.gray-bg .pages-sidebar-links li a:hover, .gray-bg .pages-sidebar-links li a.active{color: #6f9c29;}
.tp-bgimg.defaultimg {background-size: contain !important;}
.yearmember a.btn{margin: 5px 2px;font-size: 15px;padding: 12px 25px;}
.video_box{position: relative; padding-bottom: 55%;margin-bottom: 60px}
.video_box iframe{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.app{display: inline-block; margin-right: 15px;margin: 0 auto;}
.phone_demo{margin: 0 0 0 auto;max-width:300px;}
.down_load_btn{padding-left: 0;}
.down_load_btn li{display: inline-block;margin: 5px 10px 5px 0}
.intro_box{
    display: flex;
    align-items: center;
    height: 479px;
    overflow: hidden
}
.text-gold{color: #b6a064}
.text-gold:hover{color: #8d7841}
.btn-gold{background-color: #b6a064;color:#fff !important;}
.label{padding: .3em 1em .3em;border-radius: 5em;letter-spacing: 1px;}
.label-default { background-color: rgb(119 119 119 / .8);}
.activity_table{margin-top: 50px}
.activity_table th,.activity_table td{padding:10px 20px;}
.activity_table th{width:20%;vertical-align:text-top;position: relative;}
.activity_table th:before{
    content: '';
    position: absolute;
    border: 1px solid #767676;
    height: 22px;
    right: 12px;
}
#ani{overflow: hidden}
#ani .bg-white{z-index: 3;position: relative;}
.function-text{text-align: right;}
.gift_box{margin-top: 30px}
.gift > div{
    width: 80%;
    padding-bottom: 80%;
    border-radius: 200px;
    border: 3px solid #ffc157;
    margin: 0 auto;
}
#subnav{
    top: 90px;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.site-wrapper > .col-md-12{min-height: 90px}
.nav>li{display: inline-block;}
.m-15{margin:0 15px 15px 15px;}
#section2 .container{padding: 0}

.table.member_card td{font-size: 13px;border:1px solid #ddd;}
.table.member_card th{background-color:#b6a064;color: #fff}
.give .APP .smk_accordion .accordion_in.style5.acc_active > .acc_head {
    background: #b6a064;
    color: #ffffff;
    border: 1px solid #b6a064;
    margin-bottom: 0
}
.give .APP .smk_accordion.acc_with_icon .accordion_in.style5 .acc_content.no-lpadd{margin-top: 0;}
.give .APP .smk_accordion .accordion_in.acc_active > .acc_content{
    padding: 20px;
    margin-bottom: 30px;
    border: 1px solid #b6a064;
    background-color: #fff;
    margin-top: -3px;
 }
.give .APP .smk_accordion .accordion_in.style5.acc_active > .acc_head .acc_icon_expand{filter:brightness(3);}
.give .APP .smk_accordion .accordion_in.style5 .acc_head {
    border: 1px solid #edeae1;
    color: #6a6968;
    background-color: #edeae1;
    margin-bottom: 15px;
    font-size: 16px;
}
 .give .APP .select-box.admin select{
    background-color: #ffefd9;
    border: 1px solid #FF9800;
    border-radius: 50px;
 }
.select__arrow{top:19px;}
.give .APP .smk_accordion .accordion_in.style5 .acc_head .icon:before{
  content:'\f067';
  font: normal normal normal 14px/1 FontAwesome;
  margin-right: 10px;
}
.give .APP .smk_accordion .accordion_in.style5.acc_active .acc_head .icon:before{
  content:'\f068';
  font: normal normal normal 14px/1 FontAwesome;
  margin-right: 10px;
}
.APP .smk_accordion .accordion_in.style5{border:none;}
#section5{position: relative;}
#section5:before{
    content: '';
    position: absolute;
    background-image: url(../images/dots_1.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 641px;
    height: 165px;
    border-radius: 25px;
	max-width:100%;
}
#section5:after{
    content: '';
    position: absolute;
    bottom: 0;
    right: 0px;
    background-image: url(../images/dots_2.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 1011px;
    height: 340px;
    border-radius: 25px;
}
.award_box{
    position: relative;
    border-top: 5px solid #444;
    padding: 20px 0px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    min-height: 250px;
}
.award_box p{
    border-bottom: 5px solid #444;
    font-size: 18px;
    font-weight: 400;
    padding-bottom: 15px;
    /* flex: 120px; */
}
.award_box .num_item{
    position: absolute;    
    font-size: 12rem;
    right: 10px;
    bottom: 10px;
}
table.award{width: 100%;}
table.award th{
    background-color: #f7f7f7;
    padding: 8px 10px;
}
table.award td{
    background-color: #f7f7f7;
    text-align: center;
    border-top: 1px solid #e9e9e9;
    padding: 8px 10px;
}
figure img{margin-bottom: 15px;}
figcaption{line-height: 1.8;margin-bottom: 15px;}
p{word-break: break-all;}
.downline{    border-bottom: 1px solid;
    padding: 0 5px;
    margin: 0 4px}



/*****************
    捐款系統css
******************/
.clearfix{float:none;}
.price-box{
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 10px;
    padding: 10px 15px;
    background: #e58d7e;
    border-radius: 5px;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    width: 100%;
    text-align: center;
}
a.price-box:hover,a.price-box:active,a.price-box:focus{color: #ffffff;filter: brightness(1.1);text-decoration: none}
.give .payment_cover{
  background-position: center;
  -webkit-background-size: cover;
  background-size: cover;
  width: 55px;
  height: 55px;
  margin: 5px auto;
  opacity: .7;
}
.give .iconbox-medium.outline-gray-2{border-color: transparent;}
.give .payment_cover.linepay{
    width: 80px;
    height: 29px;
    margin-top: 22px;
}
.give label{cursor: pointer}
.give .list-1.inline li{
    margin-left: 40px;
    padding: 3px 0 0 20px;
}
.give .list-1.inline li:first-child{margin-left: 0}
.give .list-1.inline li:before{
    background-color: #bebebe;
}
.give .list-1.inline li.active{font-weight: 600;}
.give .list-1.inline li.active:before{
    background-color: #8BC34A;
}
.give .white.padding-2{padding: 20px 5px;}
.give .white.padding-2 h4{
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 600;
}
.give .bg2-featurebox-3 .img-box{padding: 0}
.give .bg2-featurebox-3 .img-box .postdate-box{background-color: #7cae41;}
.give .bg2-featurebox-3 .img-box .blog-post-info span{color: #fff}
.give [name="way"][disabled]+label{
    cursor: default;
    opacity: .5;
    background-color: #eee;
}
.give .give_item_cover{
    background-size: cover;
    background-position: top;
    padding: 50%;
    margin-bottom: 10px;
}
.give .give_item{
    /*height: 410px;*/
    margin-bottom: 15px;
}
.donatebtn~label::before {
    background-color: white;
    color: white;
    content: " ";
    display: block;
    border-radius: 50%;
    border: 1px solid grey;
    position: absolute;
    top: -10px;
    right: 5px;
    width: 25px;
    height: 25px;
    text-align: center;
    line-height: 24px;
    transition-duration: 0.4s;
    transform: scale(0);
}
.donatebtn:checked+label::before {
    content:"\f00c";
    font-family: 'FontAwesome';
    background-color: #c43926;
    transform: scale(1);
    border-color: #c43926
}
.donatebtn:checked+label.text-box{
    border:1px solid #c43926;

}
.give .select-box select{
    background-color: #fff;
    border: 1px solid #dfdddd;
    min-height: 45px;
}
.give .input_innerbox{
    min-height: 400px;
    margin-left: 0

}
.give table.mydata th{
    background-color: #f8eeda;border-color: #fff;width: 35%;
}
.give table.mydata td{background-color: #faf7f0;border-color: #fff;padding-left: 30px;word-break: break-all;}
.give .identity-group .control {display: inline-block;margin-right: 20px;}
.give .identity-group .esle_identity{
    width:150px;
    float: none;
    margin-left: 10px;
    word-break: break-word;
    visibility: hidden;
}
.give .smk_accordion .accordion_in.style5.acc_active > .acc_head {
    background: #8bc34a;
    color: #ffffff;
    border: 1px solid #8bc34a;
    margin-bottom: 0
}
.give .smk_accordion.acc_with_icon .accordion_in.style5 .acc_content.no-lpadd{margin-top: 0;}
.give .smk_accordion .accordion_in.acc_active > .acc_content{
    padding: 20px;
    margin-bottom: 30px;
    border: 1px solid #8bc34a;
    background-color: #fff;
    margin-top: -3px;
 }
.give .smk_accordion .accordion_in.style5 .acc_head {
    border: 1px solid #8bc34a;
    color: #6da033;
    margin-bottom: 15px;
}
 .give .select-box.admin select{
    background-color: #ffefd9;
    border: 1px solid #FF9800;
    border-radius: 50px;
 }
.select__arrow{top:19px;}
.give .smk_accordion .accordion_in.style5 .acc_head .icon:before{
  content:'\f067';
  font: normal normal normal 14px/1 FontAwesome;
  margin-right: 10px;
}
.give .smk_accordion .accordion_in.style5.acc_active .acc_head .icon:before{
  content:'\f068';
  font: normal normal normal 14px/1 FontAwesome;
  margin-right: 10px;
}
.control--checkbox .control__indicator:after{
  left: 8px;
  top: 4px;
  width: 6px;
  height: 10px;
}
.give div[step="2"],.give div[step="3"]{display: none}
.give .form-control{
  height: 42px;
  border: 1px solid #dfdddd;
  border-radius: 0;
  box-shadow: none;
}
.give .input-1{ border: 1px solid #dfdddd;}
.give .form-control ~ span button{margin: 0}
.give .form-sub-title{
    padding: 20px 8px;
    margin-bottom: 30px;
    background-color: #eee8e7;
    border-bottom: 1px dashed #d9d1cf;
}
.give .form-sub-title h4{margin-bottom: 0}
/*.give .pricing-table-1,.give .pricing-table-1:hover{background-color: #fff;border:1px solid #eee }*/
.rule .pricing-table-1 tr th{background-color: #eee;padding: 30px 10px;}
.rule .pricing-table-1 tr td{padding: 20px 10px;}
.section-pattern{
    background:linear-gradient(135deg, rgba(232, 194, 111, 0.2) 0%,rgba(240, 153, 120, 0.3) 100%),url(../images/diamond_upholstery.png) repeat;
    /*background-size: cover;*/
}
.give .boxshadow{box-shadow: 0 0 18px #e6cbbd;border-radius: 8px;}
.give section{position: relative;}
.custom-section-curved-top-3{
    position: absolute;
    top: -210px;
    left: 0;
}
.custom-section-curved-top-2 {position: absolute;top: 0;height: 150px;}
.custom-section-curved-top-3 ~.container{margin-top: -120px;}
.flipy {
    -moz-transform:scaleY(-1);
    -webkit-transform:scaleY(-1);
    -o-transform:scaleY(-1);
    transform:scaleY(-1);
    /*IE*/
    filter:FlipV;
}
.give .iconbox-medium{
    width: 80px;
    height: 60px;
    margin-bottom: 10px;    
}
.give .step_title h4.font-weight-7{
    background-color: #8BC34A;
    padding: 8px 0;
    color: #fff;
}
.give .step_title h4.font-weight-7:before{
    content: '';
    position: absolute;
    border-style: solid;
    border-width: 21.5px;
    border-color: transparent transparent transparent #8bc34a;
    top: 0px;
    right: -28px;
    z-index: 2;
}
.give .step_title h4.font-weight-7:after{
    content: '';
    position: absolute;
    border-style: solid;
    border-width: 21.5px;
    border-color: #8bc34a #8bc34a #8bc34a #fff;
    top: 0px;
    left: -4px;
    z-index: 1;
}
.give .step_title:first-child h4.font-weight-7:after{
    border:none;
}
.give .circle_num{
    background-color: #fff;
    width: 26px;
    height: 26px;
    display: inline-block;
    margin-right: 8px;
    border-radius: 50px;
    color: #8bc34a;
    font-size: 15px;
    line-height: 29px;
}
.give .border-left{min-height: 530px;}
.give .border-left:before{
    content: '';
    position: absolute;
    left: 0px;
    border-left: 1px solid #eee;
    height: 88%;
    top: 12%;
}
.give .border-white{border:1px solid #eee;border-radius: 8px;margin-bottom: 15px;}
.give .donat_title .btn{
    position: absolute;
    right: 23px;
    top: 3px;
}
.give .donat_title .font-weight-7{display:flex;padding-right: 78px;}
.input-1{font-weight: 400;}
.input-1::-moz-placeholder{color: #bababa;}
.input-1:-ms-input-placeholder{color: #bababa;}
.input-1::-webkit-input-placeholder{color: #bababa;}
.give .ishistory{display: none;}
.give [area=c]{display: none}
input[type="month"]{-webkit-appearance: none;} 
.event-list-wrapper {
    max-height: 560px;
    font-size: 18px;
    letter-spacing: 0.6px;
    overflow-y: scroll;
    border: 1px solid #b6a064;
    text-align: center;
}
.event-list-header {
    background-color: #b6a064;
}
.event-list-header .list-item-box {
    color: #fff;
}
.event-list-header .list-item-box .list-item {
    border-right: 1px solid #fff;
}
.event-list-header .list-item-box .list-item:last-child {
    border-right: 0;
}
.event-list-wrapper .list-item-box {
    display: flex;
    justify-content: space-around;
}
.event-list-wrapper .list-item {
    flex: 1;
    padding: 10px 16px;
}
.event-list-wrapper .event-list-body .list-item-box {
    border-bottom: 1px solid #eee;
    color: #484848;
}
.event-list-wrapper .event-list-body .list-item-box:nth-child(even) {
    background-color: #f4f4f4;
}
/*--------------------------------------------------

 * responsive

 * -----------------------------------------------

*/

@media only screen and (max-width: 1200px) {
    .links .cbp-wrapper .cbp-item:first-child{display: none;}

}@media only screen and (max-width: 1024px){
    .header-section.style1 ul li a{padding: 35px 10px;}
    .tabstyle-9 .responsive-tabs li{width: 95px;}
    .tabstyle-9 .responsive-tabs li a{padding: 15px 10px;}
}
@media only screen and (max-width: 993px) {
    td,th{display: table-cell;}
    tr{display: table-row;}
    tbody{display: table-row-group;}
    .pricing-table-1 .inner-box{padding: 20px;}
}

@media only screen and (max-width: 768px) {
    .index-2btn{text-align: center;}
    .index-2btn .float-right{float: none;}
    .index-new .col-md-2.col-xs-12{text-align: center;}
    .rule table{min-width: 500px;}
    th,td{ padding: 30px 10px 30px 10px !important;}
    .tabs-left1-holder .feature-box{padding: 25px 10px;}
    .tabstyle-9 .responsive-tabs li a{padding: 13px 10px;}
    .apply{text-align: center;}
    .header-section.style1 ul li a{padding: 20px 15px;}
    .tp-bgimg.defaultimg {background-size: cover !important;}
    .index-2btn strong{font-size: 32px;}
    /* 1012 */
    .triangle-bottomright2:before{
        border-bottom: 500px solid #7BA23F;
        border-left: 100vw solid transparent;
        margin-top: -100px;
    }
    .down_load_btn{padding-left: 0;text-align: center;}
    .cd-item,.intro_box{height: auto;}
    .function-text{text-align: left;}
    .header-section img{max-width: 70%}
    .header-section ul li.menu-icon{padding: 9px 0 0 30px;}
    .navbar-right{float: left !important}
    #section5:after{ bottom: -30px;width: 800px;}
    .activity_table th:before{
        right: 0px;
    }
    .navbar-default .navbar-nav>li>a{padding: 13px 6px}
    .navbar-collapse .navbar-right{float: none !important;text-align: center;}
    /*****************
       捐款系統css
    ******************/
    .give .border-left:before{height: 0}
    .give .step_title{margin-top: 15px;}
    .give .text-box.padding-1{padding: 10px;}   
    .give .sec-title-container.less-padding-6{padding-bottom: 10px;}
    .give .border-left{min-height: auto;}
    .give .md-block{display: block;margin-top: 8px;}

}
@media only screen and (max-width: 415px) {
    /*.rev_slider_wrapper{margin-bottom: -96px;}*/。
    .header-section img {
        max-width: 80%;
    }
    .iconbox-medium{width: 70px;height:70px;line-height: 73px;}
    .text-box-right.more-padding-1{padding: 0px 0px 0px 80px;}
    .header-section .logo.mar-4{max-width: 300px;}
    .tabstyle-9 .responsive-tabs li{width: 93px;}
    .tab-navbar-main{margin-left: 40px;width: auto;}
    .bg2-featurebox-3 .postinfo-box,.bg2-featurebox-3 .img-box{padding: 15px;}
    .speech-video .newlast .col-md-3.text-right{text-align: left;margin-top: 15px; padding: 0;}
    .avatar-sq{position: initial;}
    .header-section.style1 ul li.menu-icon a{padding: 6px 15px;}
    .member .text-box.padding-6{padding: 25px;}
    .cbp-l-filters-button .cbp-filter-item{padding: 0 14px;}
    .typography-title-6.tw{font-size: 35px;}
    .responsive-tabs-panel .col-md-12{padding: 10px;}
    .triangle-bottomright2 {
        border-bottom: 150px solid #f3f3f3;
        border-right: 90.90vw solid transparent;
        /*float: left;*/
    }
    .triangle-bottomright2:before{
        border-bottom: 200px solid #7BA23F;
        border-left: 100vw solid transparent;
        margin-top: -50px;
    }
    .pricing-table-1 .inner-box{padding: 0;}
    .cbp-l-filters-buttonCenter .cbp-filter-item{padding: 0 8px}    
    .yearmember.post-content{padding: 0px !important;}
    .yearmember.post-content .btn.btn-medium{padding: 13px;}
    .intro_box{flex-wrap: wrap;}
    .phone_demo{max-width: 250px;margin: 0 auto;}
    .sec-title-triangle2{margin-top: -200px}
    .cd-folding-panel{top:76px;}
    .table.member_card{min-width: 1200px}
    .table-responsive>.table>tbody>tr>td, .table-responsive>.table>tbody>tr>th, .table-responsive>.table>tfoot>tr>td, .table-responsive>.table>tfoot>tr>th, .table-responsive>.table>thead>tr>td, .table-responsive>.table>thead>tr>th{
        white-space: inherit;
    }
    .activity_table th:before{
       height: 50px;
    }
    /*****************
       捐款系統css
    ******************/
    .give .padding-2{padding: 20px 10px}
    .give .white.padding-2 h4{font-size: 16px}
    .give .list-1.inline li:first-child{margin-left: 40px}
    .give .list-1.inline {margin-left: 0;text-align: left !important}
    .give .input_innerbox.tbl{min-height: auto;width: auto;margin: 0 10px;}
    .give .novi-overlay__content table td,.give .novi-overlay__content table th{padding: 15px 10px!important;}
    .give .payment_cover{width: 60px;height: 60px;margin: 0px auto 10px;}
    .give .payment_cover.linepay{width: 70px;height: 27px;margin-top: 27px;} 
    
}
@media (max-width: 376px) {
    .tab-content-holder-9{padding: 0;}
    .yearmember.post-content .btn.btn-medium{padding: 9px;}
}

@media (max-width: 320px) {
    .yearmember.post-content .btn.btn-medium{padding: 12px;}
}

::-webkit-scrollbar {
    -webkit-appearance: none;
}

::-webkit-scrollbar:vertical {
    width: 2px;
}

::-webkit-scrollbar:horizontal {
    height: 2px;
}

::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, .5);
    border-radius: 10px;
    border: 2px solid transparent;
}

::-webkit-scrollbar-track {
    background-color: transparent; 
}