body {
    font-family: 'Noto Sans TC', sans-serif;
    background-image: url('images/background.jpg');
/*    background-color: #FFFFFF;*/
}

.popover-header {
    background-color: #548A01;
    width :400px;
    color: white;
}

.popover-body {
    background-color: white;
    width :400px;
    color: #548A01;
    font-size: 140%;
}

.fun-container {
    margin: 30px 100px 60px 100px;
}

.fun-img-main {
    width: 80%;
    height: 80%;
    display: block;
    margin: auto;
    border-radius: 10px;
}

.fun-div-mainimg {
    position: relative;
    z-index: 1;
}

.fun-div-abstract {
    font-size: 130%;
    position: relative;
    width: 60%;
    margin: auto;
    margin-top: -60px;
    padding: 20px;
    line-height: 30px;
    border-radius: 10px;
    background-color: #0CA4FF;
    color: white;
    z-index: 3;
}

.fun-title {
    text-align :center;
    color: #0CA4FF;
    font-size: 200%;
    font: bold
}

.fun-auther {
    text-align: center;
    font-size: 105%;
/*    margin-left: 50px;*/
}

.fun-abstract {
    font-size: 150%;
    line-height: 5px;
}

.fun-item {
    font-size: 160%;
    font:bold;
    color:blue ;
    margin-top: 30px;
    margin-bottom: 30px;

}

.fun-subitem {
    position: relative;
    margin-left: 30px;
    font-size: 150%;
    font: bold;
    color:brown  ;
    margin-top: 30px;
    margin-bottom: 15px;
}

.fun-subitem-2 {
    position: relative;
    margin-left:35px;
    font-size: 150%;
    font: bold;
    color:darkgoldenrod   ;
    margin-top: 30px;
    margin-bottom: 15px;
}

.fun-content {
    font-size: 130%;
    line-height: 40px;
}

.fun-subcontent {
    position: relative;
    margin-left: 40px;
    font-size: 130%;
    margin-bottom : 10px;
}

.fun-source {
    font-size: 130%;
}

.fun-reader {
    font-size: 110%;
    color: cornflowerblue;
    margin: 5px 0px 0px 20px;

}

.fun-reader-reply {
    margin-left: 40px;
    color:darkolivegreen ;
}
.fun-reader-content {
    margin : 5px 10px 10px 40px;
    font-size: 100%;
    color :cadetblue ;
}

.fun-table {
    table-layout: fixed;
    border-collapse: collapse;
    border: 1px solid black;
    margin: 5px auto 0;
}
.fun-table th {
    text-align :center;
    background-color : cornflowerblue ;
    color:white;
    border: 1px solid black;
}
.fun-table td {
    border: 1px solid black;
    background-color :antiquewhite  ;
    padding : 10px;
}


.chart {
    max-width: 700px;
    max-height: 630px;
    overflow: hidden;
    margin: 30px auto 0;
    box-shadow: 0 0 40px #202020;
}

.chart {
    transition: transform .2s;
    width: 80%;
    height: 80%;
    margin: 0 auto;
    display: block;
    overflow: hidden;
    box-shadow: 0 0 20px #202020;
    border-radius: 5px;
    /*z-index:2;*/
}

/*    .chart:hover {
        transform: scale(1.8);
        border: solid;
        border-width: 5px;
        border-color: lightblue;
        position: inherit;
        z-index: 1;
    }
*/