F<style>
                * {
                        -webkit-box-sizing: border-box;
                        -moz-box-sizing: border-box;
                        box-sizing: border-box;
                }

                body {
                        margin: 0;
                        font-family: 'Open Sans', 'sans-serif', '微軟正黑體';
                        position: relative;
                }



                .content {
                        width: 100%;
                        height: auto;
                        position: relative;
                        margin: auto;
                        min-height: 100%;
                        width: 100%;
                }

                .flex {
                        display: -webkit-flex;
                        display: flex;
                        -webkit-flex-wrap: wrap;
                        flex-wrap: wrap;
                }

                .content__text {
                        font-size: 1.2em;
                        color: #434343;
                        line-height: 2em;
                        padding: 0 5px 20px 5px;
                        margin: 0;
                        text-align: justify;
                }

                .content__table {
                        width: calc(100%/1 - 200px);
                        margin: auto;
                        position: relative;
                        text-align: center;
                }			
				

                .table-text {
                        width: calc(100%/6 - -25px);
                        text-align: center;


                }

                .table-text__list {
                        border: 1px solid #56a3b6;
                        padding: 1px;
                        margin: 0;
                        border-top: 0px;
                        border-right: 0px;
                        height: 40px;
                        display: flex;
                        justify-content: center;
                        align-items: center;
font-size: 1.2em;

                }

                .table-text__list-top {
                        border-top: 1px solid #56a3b6;
                        background-color: #2f93ac;
                        color: #ffffff;

                        letter-spacing: 0.1em;
                }

                .table-text__list-right {
                        border-right: 1px solid #56a3b6;
                }

                .text-Single {
                        width: calc(100%/1 - 200px);
                        text-align: right;
                        margin: 0 0 0 100px;
                        padding: 0;
                }

                .img01 {
                        max-width: 100%;
                        height: auto;
                        margin: 15px auto;
                        text-align: center;
                }

                .table-text-color {
                        background-color: #e8fffc;
                }

                .table1 {
                        width: calc(100%/1 - 200px);
                        margin: auto;
                       
                }

                .table-text--width {
                        width: calc(100%/6 - 50px);
                }
				
				.table2-text {
                        width: calc(100%/3 - 10px);
                        text-align: center;
                        
                }

                .table2-text__list {
                        border: 1px solid #56a3b6;
                        padding: 1px;
                        margin: 0;
                        border-top: 0px;
                        border-right: 0px;
                        height: 40px;
                        display: flex;justify-content: center;align-items: center;
font-size: 1.2em;
                        
                }

                .table2-text__list-top {
                        border-top: 1px solid #56a3b6;
                        background-color: #2f93ac;
                        color: #ffffff;
                       
                        letter-spacing: 0.1em;
                }

                .table2-text__list-right {
                        border-right: 1px solid #56a3b6;
                }

                .text-Single {
                        width: calc(100%/1 - 200px);
                        text-align: right;
                        margin: 0 0 0 70px;
                        padding: 0;
                }

                .img01 {
                        max-width: 100%;
                        height: auto;
                        margin: 15px auto;
                        text-align: center;
                }



                
                @media only screen and (max-width:800px)
				{
						.text-Single, .content__table{width: 100%;margin: 0;padding: 0 5px;}
						.table2-text{width: calc(100%/3 - 0px);}
						.table2-text__list{height: 50px;display: flex;justify-content: center;align-items: center;font-size: 1.6rem;}
						.img01{width: 100%;}
						.img01 img{width: 100%;}
				}

                .top-color{background-color: #dff5ff;color: #000;border: 1px solid #56a3b6;}

                .name-color{background-color: #fdff7a;}

                @media only screen and (max-width:800px) {

                        .text-Single,
                        .content__table {
                                width: 100%;
                                margin: 0;
                                padding: 0 5px;
                        }

                        .table-text {
                                width: calc(100%/6 - 0px);

                        }

                        .table-text__list {
                                height: 70px;
                                display: flex;
                                justify-content: center;
                                align-items: center;
font-size: 1.6rem;
                        }

                        .img01 {
                                width: 100%;
                        }

                        .img01 img {
                                width: 100%;
                        }
                        .table-text--width {
                        width: calc(100%/6 - 0px);
                }
                .table1 {
                        width: calc(100%/1 - 10px);
                        margin: auto;
                }

                }

        </style>