body{background:#f4f8fe;}

/*iframe-css code*/
.flourish-credit {display: none !important;}
.fl-layout-container { pa}
.percent-head {
    font-weight: 400; 
    text-align: center; 
    margin-bottom: 2em;
}
.para-seats {
    margin-top: 2em;
}
.percent-head h1 {font-size: 2rem; line-height: 0.9;}
.percent-head h2 {font-size: 1.65rem; text-align: center;}
.percent-head h3 {font-size: 1.5rem; color: #333; font-weight: 700;}
.percent-head .small{font-size: 1.0rem;}
.thai-election-bar {
    margin-bottom: 3.5em;
    margin-top: 1em;
}
.thai-election-per {
    padding: 0;
}
/*table*/
h2.top-party {
    font-size: 1.5rem;
}
table {
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
	border-spacing: 0;
    width: 100%;
    /* max-width: 450px; */
    height: 320px;
}

table tr th {
	background-color: #F1F5F8;
	border-bottom: 2px solid #ccc;
	font-size: 0.9rem;
	padding: 1em;
	text-align : center;
}

table tr {
	border-bottom: 1px solid #ccc;
}

table tr td {
	background-color: #fff;
	padding: 0.5em 1.5em;
    text-align: center;
}

table tr:nth-of-type(odd) td {
	background-color: #f9f9f9;
}

table tr:last-of-type td {
	border-bottom: 0;
}

table tr td img {
	object-fit: cover;
	height: 40px;
	width: 50px;
}
table tr td:nth-of-type(1) {
    display: block;
    text-align: center;
}
span.p-name {
    display: block;
    font-size: 0.95rem;
}

table tr td:nth-of-type(2), table tr td:nth-of-type(3), table tr td:nth-of-type(4) {
	font-weight: bold;
    font-size: 1.0rem;
    color: #333;
}

table tr td:nth-of-type(3), table tr td:nth-of-type(4) {
	text-align: center;
}

@media screen and (max-width:767px) {
	table tr th {
        font-size: 0.85rem;
        padding: 1em;
    }
    table tr td {
        padding: 1em;
    }
    table tr td:nth-of-type(2), table tr td:nth-of-type(3), table tr td:nth-of-type(4)  {
        font-size: 1.2rem;
    }
    .percent-head h2 {
        font-size: 1.65rem; 
        text-align: center;
    }
    .percent-head h3 {
        font-size: 1.0rem; 
        color: #333; 
        font-weight: 700;
    }
    .top-count {
        margin-top: 2em;
        margin-bottom: 1em;
    }
   
}


@media screen and (max-width: 550px) {
	
	
}