.row01 {
	padding: 10;
}

p.noro{  
  font-family: 'Noto Serif TC', serif;  
}
p.norob{  
  font-family: 'Noto Serif TC', serif; 
  font-weight: bold;
}
p.noroi{  
  font-family: 'Noto Serif TC', serif; 
  font-style: italic;
}
p.noto02{
  font-family: 'Noto Sans TC', sans-serif;
  font-weight: normal;
  font-weight: bold;
  margin-top: 5%;
  margin-bottom: 5%;
  margin-right: 0px;
  margin-left: 0px;
}
p.noto{
  font-family: 'Noto Sans TC', sans-serif;
  font-weight: normal;
  font-weight: bold;
  margin-top: 0%;
  margin-bottom: 0%;
  margin-right: 0px;
  margin-left: 0px;
}
p.noto01{
  font-family: 'Noto Sans TC', sans-serif;
  font-weight: normal;
  font-weight: bold;
  margin-top: -1%;
  margin-bottom: -1%;
  margin-right: 0px;
  margin-left: 0px;
}

p.notob{
  font-family: 'Noto Sans TC', sans-serif;
  font-weight: normal;
  font-weight: bold;
}
p.notoi{
  font-family: 'Noto Sans TC', sans-serif;
  font-weight: normal;
  font-style: italic;
}

table {
  border-spacing: 0;
  width: 100%;
  border:  ;
}

th, td {

  padding: ;
}

tr:nth-child(even) {
  background-color: ;
}
.	
/* 按鈕 */
.button {
    background-color: #4CAF50; /* Green */
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;
}

.button1 {width: 250px;}
.button2 {width: 50%;}
.button3 {
    padding-left: 0;
    padding-right: 0;
    width: 100%;
}
/* 按鈕 */


/* 四格 */
* {
  box-sizing: border-box;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #FDFCFC;
}
/* Float four columns side by side */
.column {
	float: left;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 10px;
}

/* Remove extra left and right margins, due to padding */
.row {margin: 0 -5px;}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

/* Responsive columns */
@media screen and (max-width: 600px) {
  .column {
    width: 100%;
    display: block;
    margin-bottom: 20px;
  }
}

/* Style the counter cards */
.card {
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
	padding: 16px;
	border-style: none;
}

/* 回到頁首 */
body {
  margin: 0;
  font-family: Arial, Helvetica, sans-serif;
}

.top-container {
	padding: 10px;
	text-align: center;
	margin-top: 50px;
}

.header {
	background: #fff;
	color: #fff;
	padding-top: 70px;
	padding-right: 16px;
	padding-bottom: 0px;
	padding-left: 16px;
}

.content {
	padding: 20px;
	border: 1px none #4A69A6;
}

.sticky {
  position: fixed;
  top: 0;
  width: 100%;
}

.sticky + .content {
  padding-top: 90px;
}
/* 回到頁首 */

/* 篩選 */
* {
  box-sizing: border-box;
}

body {
  padding: ;
	font-family: Arial;
}

.main {
  max-width:;
	margin: auto;

	background-color: ;
	background-color: #ECECEC;
}

h1 {
	font-size: 50px;
	word-break: break-all;
	padding: 0px;
	font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
}

.row {
  margin: ;
}

/* Add padding BETWEEN each column */
.row,
.row > .column {
	padding: 10px;
}

/* Create three equal columns that floats next to each other */
.column {
  float: left;
  width: 25%;
  display: none; /* Hide all elements by default */
}

/* Clear floats after rows */ 
.row:after {
  content: "";
  display: table;
  clear: both;
}

/* Content */
.content {
	background-color: ;
	padding: 3px;
}

/* The "show" class is added to the filtered elements */
.show {
  display: block;
}

/* Style the buttons */
.button {
  border: none;
  outline: none;
  padding: 12px 16px;
  background-color: white;
  cursor: pointer;
}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
  .column {
    width: 100%;
  }
} 
/* 篩選 */

/* 樣式 */
hr.newa {
  border-top: 1px solid red;
}

/* Dashed red border */
hr.newb {
  border-top: 1px dashed red;
}

/* Dotted red border */
hr.newc {
  border-top: 1px dotted red;
}

/* Thick red border */
hr.newd {
  border: 1px solid red;
}

/* Large rounded green border */
hr.newe {
  border: 10px solid green;
  border-radius: 5px;
}

hr.new1 {
	border-top: 1px solid #9C9C9C;
	margin-top: 20px;
	margin-bottom: 0px;
}

/* Dashed red border */
hr.new2 {
  border-top: 1px dashed red;
}

/* Dotted red border */
hr.new3 {
  border-top: 2px dotted #000000;
}

/* Thick red border */
hr.new4 {
	margin-top: 1px;
	border-top: 1px solid #CCC9C9;
	border-right: 1px solid #CCC9C9;
	border-bottom: 2px solid #CCC9C9;
	border-left: 1px solid #CCC9C9;
	margin-bottom: 10px;
	margin-left: 0px;
}
hr.new4a {
	margin-top: 0px;
	border: 0px solid #CCC9C9;
}

/* Large rounded green border */
hr.new5 {
  border: 10px solid green;
  border-radius: 5px;
}
/* 樣式 */

html{
  font-size: 16px;
}
.rwdtxt {
	font-size: 1rem;
	color: white;
}
@media (min-width: 600px) and (max-width: 1200px) {
  .rwdtxt {
   font-size: calc(1rem + (1.3-1.2) * ((100vw - 600px) / (1200 - 600)));
  color:white;
  }
}
@media (min-width: 1200px) {
  .rwdtxt {
	font-size: 1rem;
	color: white;
  }

.rwdtxta {
  font-size: 1.4rem;
  color:whiblackte;
}
@media (min-width: 600px) and (max-width: 1200px) {
  .rwdtxta {
   font-size: calc(1.5rem + (1.3-1.2) * ((100vw - 600px) / (1200 - 600)));
  color:white;
  }
}
@media (min-width: 1200px) {
  .rwdtxta {
     font-size: 1.4rem;
     color:white;
  }
.rwdtxtb {
  font-size: 0.9m;
  color:white;
}
@media (min-width: 600px) and (max-width: 1200px) {
  .rwdtxtb {
   font-size: calc(1rem + (1.3-1.2) * ((100vw - 600px) / (1200 - 600)));
  color:white;
  }
}
@media (min-width: 1200px) {
  .rwdtxtb {
     font-size: 1rem;
     color:white;
  }
.rwdtxtd {
	font-size: 1.9rem;
	color: green;
}
@media (min-width: 600px) and (max-width: 1200px) {
  .rwdtxtd {
   font-size: calc(1.9rem + (1.3-1.2) * ((100vw - 600px) / (1200 - 600)));
  color:green;
  }
}
@media (min-width: 1200px) {
  .rwdtxtd {
     font-size: 1rem;
     color:green;
  }	
}