:root {
    /*主色*/
    --color1: hsl(135, 50%, 57%);
    /*選項按鈕 */
    --color2: hsl(0, 90%, 60%);
    /*表格title顏色 */
    --color3: hsl(135, 50%, 90%);
    --default: #333;
    --red: hsla(-15, 90%, 50%, 1);
    --title: hsl(135, 50%, 57%);

    --index_bg: transparent;
    --page_bg: transparent;
    --footer_bg: hsl(135, 50%, 90%);
    --table_th_color: #FFF;
    --table_th_bg: hsl(135, 50%, 57%);
    --table_striped_bg: #f7f7f7;
    --table_border_color: #CCC;
    --swiper-theme-color: #FFF;
    --card_header_color: #666;
    --card_header_bg: #EEE;
    --list_group_bg: #f7f7f7;
    --placeholder_color: #999;
    --authors_login_bg: #EEE;

    --data_padding: 1rem;
    --radius_s: 0px;
    --radius_b: 4px;
    --shadow_b: 5px 5px 30px hsla(0, 0, 0, .1);
}

body {
    background-color: #f7f7f7;
    background-image: url(../images/bg.jpg);
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.title {
    color: var(--color1);
    font-weight: 600;
    border-bottom: none;
}

.title_dec {
    margin-bottom: 30px;
}

.title_dec_line {
    width: 2em;
    height: 2em;
    text-align: center;
    vertical-align: super;
    transform-origin: 50%;
    -webkit-transform: translateX(-.5em) rotate(90deg);
    transform: translateX(-.5em) rotate(90deg);
}

.title_dec_line:first-child {
    -webkit-transform: translateX(-.5em) rotate(90deg);
    transform: translateX(-.5em) rotate(90deg);
}

.title_dec_line:last-child {
    -webkit-transform: translateX(-.5em) rotate(90deg);
    transform: translateX(-.5em) rotate(90deg);
}

.title_dec p {
    font-size: var(--font24);
    letter-spacing: .5em;
    vertical-align: middle;
}

.title {
    letter-spacing: 0;
    margin: 0 auto 10px;
    padding-bottom: 0;
}

.title:after {
    display: none;
}

.row {
    margin: 0;
    padding: 0;
}

.donate_func {
    margin-bottom: 10px;
}

.content_block {
    margin-bottom: 10px;
}

.content_block:empty {
    display: none;
}

.btn {
    border-radius: var(--radius_s);
}

.btn_color1 {
    background-color: var(--color1);
    border-color: var(--color1);
}

.btn_readMore {
    font-size: 1.6rem;
}

.donate_step {
    margin-bottom: 60px;
}

.donate_step .tab-pane {
    padding: 0;
}

.donate_step .card {
    border: none;
}

.donate_step .card-header {
    background-color: var(--color3);
    color: #333;
    font-size: var(--font18);
    line-height: 1.5;
    padding: 5px;
    border-bottom: none;

}

.donate_step .card-body {
    padding: 30px 0;
}

[data-btn]:hover {
    background-color: #ccc;
}

[data-btn].active {
    background-color: var(--color2);
}

#nav-tab {
    border: none;
    margin-bottom: 10px;
}

#nav-tab .nav-link {
    background-color: #ddd;
    font-size: var(--font24);
    border: none;
    border-radius: var(--radius_s);
    padding: 15px 10px;
    margin-bottom: 0;
}

#nav-tab .nav-link:not(:last-child) {
    margin-right: 10px;
}

#nav-tab .nav-link:hover {
    background-color: #ccc;
}

#nav-tab .nav-link.active {
    background-color: var(--color1);
    color: #FFF;
}

#nav-tab+div {
    border-radius: var(--radius_s);
    box-shadow: var(--shadow_b);
    overflow: hidden;
}

.section_footer {
    color: #666;
}

.section_footer p,
.section_footer a {
    color: #666;
    margin-bottom: 5px;
}

.section_social {
    font-size: 1.4rem;
}

.footer_copyright,
.footer_copyright p {
    font-size: 1.4rem;
}

.footer_info {
    justify-content: space-around;
    border-bottom: 1px solid #fff;
    padding-bottom: 15px;
    margin-bottom: 15px;
}

.btn_project_link:hover {
    color: var(--color3);
}

.swiper_photo {
    border-radius: var(--radius_b);
    box-shadow: var(--shadow_b);
    overflow: hidden;
}

.project_title {
    background-color: var(--color3);
    color: #666;
    border-radius: var(--radius_s);
}

.progress_section {
    border: none;
    border-radius: var(--radius_b);
    box-shadow: var(--shadow_b);
}

.progress_text {
    font-size: var(--font20);
}

.progress_money {
    color: var(--red);
    font-size: var(--font28);
}

.btn_project_link {
    border-radius: 0 var(--radius_s) var(--radius_s) 0;
}

#project .card {
    border-radius: var(--radius_b);
    box-shadow: var(--shadow_b);
}

.table_custom_1 tfoot p {
    color: var(--red);
}