@charset "UTF-8";
input:focus::-webkit-input-placeholder{
	color: transparent;
}
input::placeholder{
	color: #767676 !important;
}
.stsp_main {
	padding: 3px;
	padding-top: 4rem;
}
@media (min-width: 550px) {
	.stsp_main {
		padding: 3rem;	
	}
}

.a11y-hidden {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.stsp_fm_control{
	padding: .75rem 1.75rem .75rem .75rem;
	font-size: 1em;
	font-weight: normal;
	color: #777777;
	border: 1px solid #9d9d9d;
	outline: none;
	background: white;
	border-radius: .25rem;
	box-sizing: border-box;
}
.text-center {
  text-align: center;
}
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.w-100{
	width: 100%;
}
.w-95{
	width: 95%;
}
.w-90{
	width: 90%;
}
.w-85{
	width: 85%;
}
.w-80{
	width: 80%;
}
.w-75{
	width: 75%;
}
.w-70{
	width: 70%;
}
.w-65{
	width: 65%;
}
.w-60{
	width: 60%;
}
.w-55{
	width: 55%;
}
.w-50{
	width: 50%;
}
.w-45{
	width: 45%;
}
.w-40{
	width: 40%;
}
.w-35{
	width: 35%;
}
.w-30{
	width: 30%;
}
.w-25{
	width: 25%;
}
.w-20{
	width: 20%;
}
.w-15{
	width: 15%;
}
.w-10{
	width: 10%;
}
.w-5{
	width: 5%;
}
/*text-colorName reference to https://www.w3schools.com/cssref/css_colors.asp*/
.text-AliceBlue{
	color: #F0F8FF;
}
.text-AntiqueWhite{
	color: #FAEBD7;
}
.text-Aqua{
	color: #00FFFF;
}
.text-Aquamarine{
	color: #7FFFD4;
}
.text-Azure{
	color: #F0FFFF;
}
.text-Beige{
	color: #F5F5DC;
}
.text-Bisque{
	color: #FFE4C4;
}
.text-Black{
	color: #000000;
}
.text-BlanchedAlmond{
	color: #FFEBCD;
}
.text-Blue{
	color: #0000FF;
}
.text-BlueViolet{
	color: #8A2BE2;
}
.text-Brown{
	color: #A52A2A;
}
.text-BurlyWood{
	color: #DEB887;
}
.text-CadetBlue{
	color: #5F9EA0;
}
.text-Chartreuse{
	color: #7FFF00;
}
.text-Chocolate{
	color: #D2691E;
}
.text-Coral{
	color: #FF7F50;
}
.text-CornflowerBlue{
	color: #6495ED;
}
.text-Cornsilk{
	color: #FFF8DC;
}
.text-Crimson{
	color: #DC143C;
}
.text-Cyan{
	color: #00FFFF;
}
.text-DarkBlue{
	color: #00008B;
}
.text-DarkCyan{
	color: #008B8B;
}
.text-DarkGoldenRod{
	color: #B8860B;
}
.text-DarkGray{
	color: #A9A9A9;
}
.text-DarkGrey{
	color: #A9A9A9;
}
.text-DarkGreen{
	color: #006400;
}
.text-DarkKhaki{
	color: #BDB76B;
}
.text-DarkMagenta{
	color: #8B008B;
}
.text-DarkOliveGreen{
	color: #556B2F;
}
.text-DarkOrange{
	color: #FF8C00;
}
.text-DarkOrchid{
	color: #9932CC;
}
.text-DarkRed{
	color: #8B0000;
}
.text-DarkSalmon{
	color: #E9967A;
}
.text-DarkSeaGreen{
	color: #8FBC8F;
}
.text-DarkSlateBlue{
	color: #483D8B;
}
.text-DarkSlateGray{
	color: #2F4F4F;
}
.text-DarkSlateGrey{
	color: #2F4F4F;
}
.text-DarkTurquoise{
	color: #00CED1;
}
.text-DarkViolet{
	color: #9400D3;
}
.text-DeepPink{
	color: #FF1493;
}
.text-DeepSkyBlue{
	color: #00BFFF;
}
.text-DimGray{
	color: #696969;
}
.text-DimGrey{
	color: #696969;
}
.text-DodgerBlue{
	color: #1E90FF;
}
.text-FireBrick{
	color: #B22222;
}
.text-FloralWhite{
	color: #FFFAF0;
}
.text-ForestGreen{
	color: #228B22;
}
.text-Fuchsia{
	color: #FF00FF;
}
.text-Gainsboro{
	color: #DCDCDC;
}
.text-GhostWhite{
	color: #F8F8FF;
}
.text-Gold{
	color: #FFD700;
}
.text-GoldenRod{
	color: #DAA520;
}
.text-Gray{
	color: #808080;
}
.text-Grey{
	color: #808080;
}
.text-Green{
	color: #008000;
}
.text-GreenYellow{
	color: #ADFF2F;
}
.text-HoneyDew{
	color: #F0FFF0;
}
.text-HotPink{
	color: #FF69B4;
}
.text-IndianRed {
	color: #CD5C5C;
}
.text-Indigo {
	color: #4B0082;
}
.text-Ivory{
	color: #FFFFF0;
}
.text-Khaki{
	color: #F0E68C;
}
.text-Lavender{
	color: #E6E6FA;
}
.text-LavenderBlush{
	color: #FFF0F5;
}
.text-LawnGreen{
	color: #7CFC00;
}
.text-LemonChiffon{
	color: #FFFACD;
}
.text-LightBlue{
	color: #ADD8E6;
}
.text-LightCoral{
	color: #F08080;
}
.text-LightCyan{
	color: #E0FFFF;
}
.text-LightGoldenRodYellow{
	color: #FAFAD2;
}
.text-LightGray{
	color: #D3D3D3;
}
.text-LightGrey{
	color: #D3D3D3;
}
.text-LightGreen{
	color: #90EE90;
}
.text-LightPink{
	color: #FFB6C1;
}
.text-LightSalmon{
	color: #FFA07A;
}
.text-LightSeaGreen{
	color: #20B2AA;
}
.text-LightSkyBlue{
	color: #87CEFA;
}
.text-LightSlateGray{
	color: #778899;
}
.text-LightSlateGrey{
	color: #778899;
}
.text-LightSteelBlue{
	color: #B0C4DE;
}
.text-LightYellow{
	color: #FFFFE0;
}
.text-Lime{
	color: #00FF00;
}
.text-LimeGreen{
	color: #32CD32;
}
.text-Linen{
	color: #FAF0E6;
}
.text-Magenta{
	color: #FF00FF;
}
.text-Maroon{
	color: #800000;
}
.text-MediumAquaMarine{
	color: #66CDAA;
}
.text-MediumBlue{
	color: #0000CD;
}
.text-MediumOrchid{
	color: #BA55D3;
}
.text-MediumPurple{
	color: #9370DB;
}
.text-MediumSeaGreen{
	color: #3CB371;
}
.text-MediumSlateBlue{
	color: #7B68EE;
}
.text-MediumSpringGreen{
	color: #00FA9A;
}
.text-MediumTurquoise{
	color: #48D1CC;
}
.text-MediumVioletRed{
	color: #C71585;
}
.text-MidnightBlue{
	color: #191970;
}
.text-MintCream{
	color: #F5FFFA;
}
.text-MistyRose{
	color: #FFE4E1;
}
.text-Moccasin{
	color: #FFE4B5;
}
.text-NavajoWhite{
	color: #FFDEAD;
}
.text-Navy{
	color: #000080;
}
.text-OldLace{
	color: #FDF5E6;
}
.text-Olive{
	color: #808000;
}
.text-OliveDrab{
	color: #6B8E23;
}
.text-Orange{
	color: #FFA500;
}
.text-OrangeRed{
	color: #FF4500;
}
.text-Orchid{
	color: #DA70D6;
}
.text-PaleGoldenRod{
	color: #EEE8AA;
}
.text-PaleGreen{
	color: #98FB98;
}
.text-PaleTurquoise{
	color: #AFEEEE;
}
.text-PaleVioletRed{
	color: #DB7093;
}
.text-PapayaWhip{
	color: #FFEFD5;
}
.text-PeachPuff{
	color: #FFDAB9;
}
.text-Peru{
	color: #CD853F;
}
.text-Pink{
	color: #FFC0CB;
}
.text-Plum{
	color: #DDA0DD;
}
.text-PowderBlue{
	color: #B0E0E6;
}
.text-Purple{
	color: #800080;
}
.text-RebeccaPurple{
	color: #663399;
}
.text-Red{
	/*
	color: #FF0000;
	*/
	color: #BD0000;
}
.text-RosyBrown{
	color: #BC8F8F;
}
.text-RoyalBlue{
	color: #4169E1;
}
.text-SaddleBrown{
	color: #8B4513;
}
.text-Salmon{
	color: #FA8072;
}
.text-SandyBrown{
	color: #F4A460;
}
.text-SeaGreen{
	color: #2E8B57;
}
.text-SeaShell{
	color: #FFF5EE;
}
.text-Sienna{
	color: #A0522D;
}
.text-Silver{
	color: #C0C0C0;
}
.text-SkyBlue{
	color: #87CEEB;
}
.text-SlateBlue{
	color: #6A5ACD;
}
.text-SlateGray{
	color: #708090;
}
.text-SlateGrey{
	color: #708090;
}
.text-Snow{
	color: #FFFAFA;
}
.text-SpringGreen{
	color: #00FF7F;
}
.text-SteelBlue{
	color: #4682B4;
}
.text-Tan{
	color: #D2B48C;
}
.text-Teal{
	/*
	color: #008080;
	*/
	color: #007A7A;
}
.text-Thistle{
	color: #D8BFD8;
}
.text-Tomato{
	color: #FF6347;
}
.text-Turquoise{
	color: #40E0D0;
}
.text-Violet{
	color: #EE82EE;
}
.text-Wheat{
	color: #F5DEB3;
}
.text-White{
	color: #FFFFFF;
}
.text-WhiteSmoke{
	color: #F5F5F5;
}
.text-Yellow{
	color: #FFFF00;
}
.text-YellowGreen{
	color: #9ACD32;
}


/*以div排版成類table狀*/
#stsp_table {
	display:table;
	margin:0 auto;
	width: 100%;
}
.stsp_tr {
    display: table-row;
}
.stsp_td {
    display: table-cell;
}

/*首行凸排N個中文字;
	ex: "一、...." 適用.order-indent-2
	ex: "一、類別：...." 適用.order-indent-5
*/
.order-indent-1{
  margin-left : 1em; 
  text-indent : -1em ;
}
.order-indent-1-5{
  margin-left : 2em; 
  text-indent : -1.5em ;
}
.order-indent-2{
  margin-left : 2em; 
  text-indent : -2em ;
}
.order-indent-2-5{
  margin-left : 2em; 
  text-indent : -2.5em ;
}
.order-indent-3{
  margin-left : 3em; 
  text-indent : -3em ;
}
.order-indent-4{
  margin-left : 4em; 
  text-indent : -4em ;
}
.order-indent-5{
  margin-left : 5em; 
  text-indent : -5em ;
}
.order-indent-6{
  margin-left : 6em; 
  text-indent : -6em ;
}
.order-indent-7{
  margin-left : 7em; 
  text-indent : -7em ;
}
.order-indent-8{
  margin-left : 8em; 
  text-indent : -8em ;
}
.order-indent-9{
  margin-left : 9em; 
  text-indent : -9em ;
}
.order-indent-10{
  margin-left : 10em; 
  text-indent : -10em ;
}
.order-indent-11{
  margin-left : 11em; 
  text-indent : -11em ;
}
.order-indent-12{
  margin-left : 12em; 
  text-indent : -12em ;
}
.order-indent-13{
  margin-left : 13em; 
  text-indent : -13em ;
}
.order-indent-14{
  margin-left : 14em; 
  text-indent : -14em ;
}
.order-indent-15{
  margin-left : 15em; 
  text-indent : -15em ;
}
.order-indent-16{
  margin-left : 16em; 
  text-indent : -16em ;
}
.order-indent-17{
  margin-left : 17em; 
  text-indent : -17em ;
}
.order-indent-18{
  margin-left : 18em; 
  text-indent : -18em ;
}
.order-indent-19{
  margin-left : 19em; 
  text-indent : -19em ;
}
.order-indent-20{
  margin-left : 20em; 
  text-indent : -20em ;
}

/*整列縮排*/
.pl-7{
	padding-left: 7rem;
}
.pl-6{
	padding-left: 6rem;
}
.pl-5{
	padding-left: 5rem;
}
.pl-4{
	padding-left: 4rem;
}
.pl-3{
	padding-left: 3rem;
}
.pl-2{
	padding-left: 2rem;
}
.pl-1{
	padding-left: 1rem;
}
.pl-05{
	padding-left: 0.5rem;
}

/*首行縮排*/
.text-indent-5{
  text-indent: 5rem;
}
.text-indent-4{
  text-indent: 4rem;
}
.text-indent-3{
  text-indent: 3rem;
}
.text-indent-2{
  text-indent: 2rem;
}

/*for vocabulary in English(ex:FAQ)
.en-word-keep{
  word-break:keep-all;
}
*/



/*RWD table標題統一靠左顯示*/
.stsp-flexible-table {
	background: #fff;
	overflow: hidden;
}
.stsp-flexible-table tr:nth-of-type(2n){
	background-color: rgba(44, 255, 227, 0.2);
}
.stsp-flexible-table th, 
.stsp-flexible-table td {
	margin: 0.5em 1em;
	border: 0 !important;
	/*border-bottom: 1px solid #1fffe1 !important;*/
}
.stsp-flexible-table {
	min-width: 100%;
}
.stsp-flexible-table th {
	display: none;
}
.stsp-flexible-table td {
	display: block;
}
.stsp-flexible-table td:before {
	content: attr(column-name);
	margin: 0.5em .5em;
	padding: 1em 1em;
	font-weight: bold;
	width: 10rem;
	display: inline-block;
	background-color: #00d2d0 !important;
	color: #FFFFFF !important;
}
.stsp-flexible-table th, .stsp-flexible-table td {
	text-align: left !important;
	padding: .5em .5em !important;
}
.stsp-flexible-table th, .stsp-flexible-table td:before {
	color: black;
	font-weight: bold;
}
@media (min-width: 550px) {
	.stsp-flexible-table {
		width: 100%;
		overflow: auto;
	}
	.stsp-flexible-table td:before {
		display: none;
	}
	.stsp-flexible-table th, .stsp-flexible-table td {
		display: table-cell;
		padding: 0.25em 0.5em;
		text-align: center !important;
	}
	.stsp-flexible-table th:first-child, 
	.stsp-flexible-table td:first-child {
		padding-left: 0;
	}
	.stsp-flexible-table th:last-child, 
	.stsp-flexible-table td:last-child {
		padding-right: 0;
	}
	.stsp-flexible-table th, 
	.stsp-flexible-table td {
		padding: 1em !important;
		border: 1px solid #1fffe1 !important;
	}
}