@charset "utf-8";
@import url(https://fonts.googleapis.com/earlyaccess/notosanstc.css);
@import url(https://fonts.googleapis.com/earlyaccess/cwtexkai.css);
@import url(https://fonts.googleapis.com/earlyaccess/cwtexyen.css);
@import url(https://fonts.googleapis.com/earlyaccess/cwtexfangsong.css);
@import url(https://fonts.googleapis.com/earlyaccess/notosanstc.css);

@font-face {
	font-family: 'Admiral CAT';
	src: url('font/AdmiralCAT.ttf') format('truetype');
}
@font-face {
	font-family: 'Alpha 54';
	src: url('font/Alpha54.ttf') format('truetype');
}
@font-face {
	font-family: 'Amperzand';
	src: url('font/Amperzand.ttf') format('truetype');
}
@font-face {
	font-family: 'Berner Basisschrift';
	src: url('font/BernerBasisschrift1.ttf') format('truetype'),
	url('font/BernerBasisschrift2.ttf') format('truetype');
}
@font-face {
	font-family: 'Beta 54';
	src: url('font/Beta54.ttf') format('truetype');
}
@font-face {
	font-family: 'Boring Sans Bold';
	src: url('font/BoringSansBold.ttf') format('truetype');
}
@font-face {
	font-family: 'Bungasai';
	src: url('font/Bungasai.ttf') format('truetype');
}
@font-face {
	font-family: 'Cat Shop';
	src: url('font/CatShop.ttf') format('truetype');
}
@font-face {
	font-family: 'Coriannis';
	src: url('font/Coriannis.ttf') format('truetype');
}
@font-face {
	font-family: 'Derivia';
	src: url('font/Derivia.TTF') format('truetype');
}
@font-face {
	font-family: 'Devinne_Condensed_2';
	src: url('font/Devinne_Condensed_2.ttf') format('truetype');
}
@font-face {
	font-family: 'Din 1451 Alt';
	src: url('font/din1451alt G.ttf') format('truetype'),
	url('font/din1451alt.ttf') format('truetype');
}
@font-face {
	font-family: 'DS Admiral';
	src: url('font/DSAdmiral.otf') format('truetype'),
	url('font/DSAdmiral.ttf') format('truetype');
}
@font-face {
	font-family: 'Dyno Sans';
	src: url('font/Dyno Bold Italic.ttf') format('truetype'),
	url('font/Dyno Bold.ttf') format('truetype'),
	url('font/Dyno Italic.ttf') format('truetype'),
	url('font/Dyno Regular.ttf') format('truetype');
}
@font-face {
	font-family: 'Eirik Raude';
	src: url('font/Eirik Raude.ttf') format('truetype');
}
@font-face {
	font-family: 'Existence Light';
	src: url('font/Existence-Light.otf') format('truetype'),
	url('font/Existence-StencilLight.otf') format('truetype'),
	url('font/Existence-UnicaseLight.otf') format('truetype');
}
@font-face {
	font-family: 'Fabrik';
	src: url('font/fabrik.ttf') format('truetype');
}
@font-face {
	font-family: 'Fad Script';
	src: url('font/Fad Script.ttf') format('truetype');
}
@font-face {
	font-family: 'Freeroad';
	src: url('font/Freeroad Black Italic.ttf') format('truetype'),
	url('font/Freeroad Black.ttf') format('truetype'),
	url('font/Freeroad Bold Italic.ttf') format('truetype'),
	url('font/Freeroad Bold.ttf') format('truetype'),
	url('font/Freeroad Italic.ttf') format('truetype'),
	url('font/Freeroad Light Italic.ttf') format('truetype'),
	url('font/Freeroad Light.ttf') format('truetype'),
	url('font/Freeroad Regular.ttf') format('truetype');
}
@font-face {
	font-family: 'Gymkhana';
	src: url('font/gymkhana-bk.ttf') format('truetype');
}
@font-face {
	font-family: 'Hattori Hanzo';
	src: url('font/Hattori Hanzo Italic.otf') format('truetype'),
	url('font/Hattori Hanzo.otf') format('truetype');
}
@font-face {
	font-family: 'Heneczek';
	src: url('font/Heneczek Italic.otf') format('truetype'),
	url('font/Heneczek Regular.otf') format('truetype');
}
@font-face {
	font-family: 'Imrans School';
	src: url('font/Imrans School a.ttf') format('truetype'),
	url('font/Imrans School b.ttf') format('truetype'),
	url('font/Imrans School2 a.ttf') format('truetype'),
	url('font/Imrans School2 b.ttf') format('truetype')
}
@font-face {
	font-family: 'Indira_K';
	src: url('font/Indira_K.ttf') format('truetype');
}
@font-face {
	font-family: 'Knorke';
	src: url('font/Knorke.ttf') format('truetype');
}
@font-face {
	font-family: 'Kurnia';
	src: url('font/Kurnia-JBlB.ttf') format('truetype');
}
@font-face {
	font-family: 'Libel Suit';
	src: url('font/libel-suit-rg.ttf') format('truetype');
}
@font-face {
	font-family: 'Little Days';
	src: url('font/Little days.ttf') format('truetype'),
	url('font/Little Days Alt.ttf') format('truetype');
}
@font-face {
	font-family: 'Little Daisy';
	src: url('font/Little Daisy.ttf') format('truetype');
}
@font-face {
	font-family: 'Louisa';
	src: url('font/LouisaCP.otf') format('truetype');
}
@font-face {
	font-family: 'Marker';
	src: url('font/Marker SD Italic.ttf') format('truetype'),
	url('font/Marker SD.ttf') format('truetype');
}
@font-face {
	font-family: 'Martell';
	src: url('font/Martell-Black.otf') format('truetype'),
	url('font/Martell-Bold.otf') format('truetype'),
	url('font/Martell-Light.otf') format('truetype'),
	url('font/Martell-Normal.otf') format('truetype');
}
@font-face {
	font-family: 'Milk Run';
	src: url('font/milkrun.ttf') format('truetype');
}
@font-face {
	font-family: 'Mutter Krause';
	src: url('font/MutterKrauseBuch.ttf') format('truetype'),
	url('font/MutterKrauseHalbfett.ttf') format('truetype'),
	url('font/MutterKrauseNormal.ttf') format('truetype');
}
@font-face {
	font-family: 'One Slot';
	src: url('font/OneSlot.ttf') format('truetype');
}
@font-face {
	font-family: 'Perspective Sans';
	src: url('font/persabki.ttf') format('truetype'),
	url('font/persanbi.ttf') format('truetype'),
	url('font/persanbk.ttf') format('truetype'),
	url('font/persans.ttf') format('truetype'),
	url('font/persansb.ttf') format('truetype'),
	url('font/persansi.ttf') format('truetype');
}
@font-face {
	font-family: 'Petitscript';
	src: url('font/Petitscript.ttf') format('truetype');
}
@font-face {
	font-family: 'Deutsch';
	src: url('font/Blackletter/Deutsch.ttf') format('truetype');
}
@font-face {
	font-family: 'Diagoth';
	src: url('font/Blackletter/diagoth.ttf') format('truetype');
}

:root{
	--font_family_cht: "微軟正黑體";
	--font_family_eng: "Arial Helvetica";
	--content_font_color: #000000;
	--content_font2_color: #A000A0;
	--content_number_color: #0000AA;
	--content_number2_color: #FF0000;
	--article_number_color: #34A7C1;
	--paragraph_number_color: #009900;
	--header_top: 10;
	--fz: 1;
	--fz_c: 1;
	--fz_p: 1;
	--ratio_y: 0;
	--solid_show: block;
	--empty_show: block;
	filter: invert(0) brightness(1);
}

body {
	height: 100%;
	padding-bottom: 20px;
}

.navbar {
	margin-bottom: 0px;
}

.container {
	font-family: var(--font_family_eng), var(--font_family_cht);
	width: 100%;
	padding: 1px 1px 1px 1px;
	margin-right: auto;
	margin-left: auto;
}

.content-wrapper{
	font-family: var(--font_family_eng), var(--font_family_cht);
	padding: 1px 1px 1px 1px;
	margin-top: 30px;
	min-height: 87vh;
}

.content-wrapper-page{
	font-family: var(--font_family_eng), var(--font_family_cht);
	padding: 1px 1px 1px 1px;
	margin-top: calc( var(--header_top) * 1px);
	min-height:90vh;
}

.showData {
	visibility: visible;
}

.hideData {
	visibility: hidden;
}

.showBlock {
	display: block;
}

.hideBlock {
	display: none;
}

.bd-placeholder-img {
	font-size: 1.125rem;
	text-anchor: middle;
}

.qa dt {
	font-size: calc(var(--fz) * 20px);
	color: #333333;
	border: 1px solid #b3b3b3;
	background-image: url(img/icon_plus.png);
	background-position: calc( ( var(--fz) * 4) * 1px ) calc( ( var(--fz) * 4) * 1px );
	background-repeat: no-repeat;
	background-size: calc( ( var(--fz) * 25 + 5) * 1px );
	padding-top: calc( ( var(--fz) * 2 + 2) * 1px );
	padding-left: calc( ( var(--fz) * 40 + 10) * 1px );
	margin-top: calc( ( var(--fz) * 2 + 2) * 1px );
	cursor: pointer;
	border-radius: 0 calc( ( var(--fz) * 10) * 1px ) 0 0;
}
.qa dt.open {
	background-image: url(img/icon_mainasu.png);
}

.qa dd {
	font-size: calc(var(--fz) * 18px);
	border: 1px solid #b3b3b3;
	border-top: none;
	padding-top: calc( ( var(--fz) * 2 + 2) * 1px );
	padding-left: calc( ( var(--fz) * 10 + 3) * 1px );
}

.imgRight {
	float: right;
	/*margin: 0 0 10px 30px;*/
}

.qa1 dt {
	color: #333333;
	border: 1px solid #b3b3b3;
	background-image: url(img/icon_plus.png);
	background-position: calc( ( var(--fz) * 4) * 1px ) calc( ( var(--fz) * 4) * 1px );
	background-repeat: no-repeat;
	background-size: calc( ( var(--fz) * 25 + 5) * 1px );
	padding-top: calc( ( var(--fz) * 2 + 2) * 1px );
	padding-left: calc( ( var(--fz) * 40 + 5) * 1px );
	margin-top: calc( ( var(--fz) * 2 + 2) * 1px );
	cursor: pointer;
	border-radius: 0 calc( ( var(--fz) * 10) * 1px ) 0 0;
}
.qa1 dt.open {
	background-image: url(img/icon_mainasu.png);
}

.qa1 dd {
	border: 1px solid #b3b3b3;
	border-top: none;
	padding-top: calc( ( var(--fz) * 2 + 2) * 1px );
	padding-left: calc( ( var(--fz) * 10 + 3) * 1px );
}

.ForumFormBox{width:100%; max-width: 1280px; height:auto; overflow:hidden; padding:20px;}

.ForumFormBox .box-R{width:49%; height:auto; float:Right; overflow:hidden; color:#6A6A6E;}
.ForumFormBox .box-L{width:49%; height:auto; float:left; overflow:hidden; color:#6A6A6E;}

.ForumFormBox > span > span { display:inline-block; width:100%; height:auto; overflow:hidden; margin-top:5px; color:#737373;}

.ForumFormBox > span { position:relative; padding:15px 0 10px 0}

.ForumFormBox > span > h5 { display:inline-block; position:absolute; left:15px; top:5px; background:#F6F5F5; font-size:15px; padding:0 10px; color:#898989; font-weight:bold;}
.ForumFormBox > span > h5 span { font-size:12px; margin-left:5px; font-weight: normal;}
.ForumFormBox > span .Content { border: 2px solid #898989; padding: 10px; }
.ForumFormBox > span input { border:none; background:#F6F5F5; width:100%; font-size:20px; font-family:Arial,"微軟正黑體"; outline:none; padding:0 10px; line-height:35px; height:35px; color:#717070;}

.ForumFormBox_1{width:100%; max-width: 1280px; height:auto; overflow:hidden; padding:20px;}

.ForumFormBox_1 .box-R{width:49%; height:auto; float:Right; overflow:hidden; color:#6A6A6E;}
.ForumFormBox_1 .box-L{width:49%; height:auto; float:left; overflow:hidden; color:#6A6A6E;}

.ForumFormBox_1 > span > span { display:inline-block; width:100%; height:auto; overflow:hidden; margin-top:2px; color:#737373;}

.ForumFormBox_1 > span { position:relative; padding:5px 0 5px 0}

.ForumFormBox_1 > span > h5 { display:inline-block; position:absolute; left:15px; top:5px; background:#F6F5F5; font-size:15px; padding:0 10px; color:#898989; font-weight:bold;}
.ForumFormBox_1 > span > h5 span { font-size:12px; margin-left:5px; font-weight: normal;}
.ForumFormBox_1 > span .Content { border: 2px solid #898989; padding: 10px; }
.ForumFormBox_1 > span input { border:none; background:#F6F5F5; width:100%; font-size:20px; font-family:Arial,"微軟正黑體"; outline:none; padding:0 10px; line-height:35px; height:35px; color:#717070;}

.ForumFormBox_2{width:100%; max-width: 1280px; height:auto; overflow:hidden; padding:10px;}

.ForumFormBox_2 .box-R{width:49%; height:auto; float:Right; overflow:block; color:#6A6A6E;}
.ForumFormBox_2 .box-L{width:49%; height:auto; float:left; overflow:block; color:#6A6A6E;}
.ForumFormBox_2 .box{width:100%; height:auto; float:left; overflow:block; color:#6A6A6E;}

.ForumFormBox_2 > span > span { display:inline-block; width:100%; height:auto; overflow:block; margin-top:2px; color:#737373;}

.ForumFormBox_2 > span { position:relative; padding:5px 0 5px 0 }

.ForumFormBox_2 > span > h5 { position:absolute; left:15px; top:-5px; background:#FFFFFF; font-size:15px; padding:0 10px; color:#000000; font-weight:bold;}
.ForumFormBox_2 > span > h5 span { font-size:12px; margin-left:5px; font-weight: normal;}
.ForumFormBox_2 > span .Content { border: 2px solid #898989; padding: 10px; }
.ForumFormBox_2 > span input { border:none; background:#FFFFFF; width:100%; outline:none; padding:0 10px; line-height:35px; height:35px; color:#000000;}
.ForumFormBox_2 > span textarea { border:none; background:#FFFFFF; width:100%; height:200px; outline:none; padding:0 10px; line-height:35px; color:#000000; }

.Sent_bu{ width:150px; height:auto; background-color:#0685C7; padding:10px; margin:0 auto; text-align:center; color:#FFF; font-size:16px; line-height:30px;}

.Agree { width:100%; height:auto; overflow:hidden;}
.Agree ul,
.Agree ul li{ padding:0; margin:0; list-style:none;}
.Agree p { width:100%;height:auto; overflow: hidden; display:block;font-size:12pt; line-height:20pt; font-family: Microsoft JhengHei; font-weight: normal; color:#6A6A6E;}
.Agree ul li {width:100%;height:auto; overflow: hidden; display:block;font-size:12pt; line-height:20pt; font-family: Microsoft JhengHei; font-weight: normal; color:#6A6A6E; padding-left:20px; padding-left:30px; position:relative; margin-bottom:10px;}
.Agree ul li > input { position: absolute; left:0; top:2px; width:20px; height:20px;}
.Agree ul li > input ~ div p { margin-top:0;}
.Agree a { color:#0685C7;}

.bg_color_white{background-color:RGB(255,255,255);}

.bg_color_green{background-color:RGB(178,237,139);}

.font-weight-normal{font-weight: normal;}

.font-weight-thick{font-weight: bold;}

.font-weight-thicker{font-weight: 900;}

.text_1
{font-family:標楷體,sans-serif;font-size:36px}

.text_2
{font-family:標楷體,sans-serif;font-size:30px}

.text_3
{font-family:標楷體,sans-serif;font-size:24px}

.text_4
{font-family:標楷體,sans-serif;font-size:18px}

.text_5
{font-family:標楷體,sans-serif;font-size:14px}

.text_6
{font-family:標楷體,sans-serif;font-size:10px}

.text_1b
{font-family:微軟正黑體,sans-serif;font-size:30px}

.text_2b
{font-family:微軟正黑體,sans-serif;font-size:26px}

.text_3b
{font-family:微軟正黑體,sans-serif;font-size:22px}

.text_4b
{font-family:微軟正黑體,sans-serif;font-size:18px}

.text_5b
{font-family:微軟正黑體,sans-serif;font-size:14px}

.text_6b
{font-family:微軟正黑體,sans-serif;font-size:10px}

.text_1k
{font-family:標楷體,sans-serif;font-size:36px}

.text_2k
{font-family:標楷體,sans-serif;font-size:30px}

.text_3k
{font-family:標楷體,sans-serif;font-size:24px}

.text_4k
{font-family:標楷體,sans-serif;font-size:18px}

.text_5k
{font-family:標楷體,sans-serif;font-size:14px}

.text_6k
{font-family:標楷體,sans-serif;font-size:10px}

.text_dialog_1
{border-radius:10px;border:0px;padding-left:0px;outline:none;}

.label_1
{width:100px}

.label_2
{width:180px}

.label_3
{width:100px}

.input_1
{width:100px}

.input_2
{width:200px}

.input_3
{width:100px}

.color_1
{color:RGB(201,121,84)}

.text-center
{text-align:center!important}

.text-left
{text-align:left!important}

.text-right
{text-align:right!important}

.div_button
 {
	height: 35px;
	width: 40px;
	border-radius: 5px;
	background: rgba(0,0,0,0.05);
	border: 1px solid black;
	position: relative;
	text-align: center;
	display:inline-block;
	transition: 0.3s;
	font-size:20px;
	float:right;
}

#header01 {
	height: 50px;
	width: 100%;
	position: fixed;
	/* top: calc( var(--header_top) * 1px ); */
	top: 0;
	left: 0;
	transition: 0.3s;
}

#header01.on {
}

#header02
{

}

.read_records_solid {
	padding: 1px 10px 1px 1px;
	position:relative;
	text-align: right;
	display: var(--solid_show);
}
.read_records_solid img {
	padding: 1px 1px 5px 1px;
	width: calc(var(--fz) * 20px);
}
.read_records_solid span {
	font-size: calc(var(--fz) * 20px);
	color: #FF0000;
	line-height: 80%;
}

.read_records_empty {
	padding: 1px 10px 1px 1px;
	position:relative;
	text-align: right;
	display: var(--empty_show);
}
.read_records_empty img {
	padding: 1px 1px 5px 1px;
	width: calc(var(--fz) * 20px);
}
.read_records_empty span {
	font-size: calc(var(--fz) * 20px);
	color: #FF0000;
	line-height: 80%;
}

.show_table_1 table{
	padding: 10px;
	border: solid;
}
.show_table_1:hover: {background-color: #f5f5f5;}

.show_table_2 table{
	padding: 10px;
	border: solid;
}
.show_table_2:hover: {background-color: #f5f5f5;}
.show_table_2 td{
	padding: 10px;
	text-align: cneter;
}

.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

.switch input { 
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #2196F3;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Icon */
.icon_big {
	text-align: center;
	float: left;
	background-color:lightpink;
	background-repeat:no-repeat;
	background-size:100% 100%;
	border:none;
}

/* Drag */
.drag_big {
	width: 150px;
	height: 150px;
	padding: 5px 5px 5px 5px;
	cursor: pointer;
	border-radius: 5px;
	text-align: center;
	float: left;
	background-color: lightpink;
	border:none;
	margin:1px;
	position:relative;
}

.drag_big_2 {
	width: 150px;
	height: 150px;
	padding: 1px 1px 1px 1px;
	cursor: pointer;
	border-radius: 5px;
	text-align: center;
	float: left;
	background-color: white;
	border:solid 2px;
	border-color:black;
	margin:1px;
	position:relative;
}

.drag_small {
	width: 134px;
	height: 40px;
	padding: 1px 1px 1px 1px;
	margin:5px;
	border: 1px solid black;
	cursor: pointer;
	border-radius: 5px;
}

.drag_button {
	width: 130px;
	position:absolute;
	left:10px;
	bottom:10px;
	padding: 5px 5px 5px 5px;
}

/* Notes */
.notes {
	float: left;
	color: red;
}

.check_yes {
	background-image: url(img/check_yes_p25.png);
	width: 30px;
	background-repeat: no-repeat;
	position: float;
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}

/** On/Off  **/
.onoffswitch {
    position: relative; width: 90px;
    -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
}
.onoffswitch-checkbox {
    display: none;
}
.onoffswitch-label {
    display: block; overflow: hidden; cursor: pointer;
    border: 2px solid #999999; border-radius: 20px;
}
.onoffswitch-inner {
    display: block; width: 200%; margin-left: -100%;
    transition: margin 0.3s ease-in 0s;
}
.onoffswitch-inner:before, .onoffswitch-inner:after {
	display: block; float: left; width: 50%; height: 30px;
	padding: 0; line-height: 30px;
	font-size: 14px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold;
    box-sizing: border-box;
}
.onoffswitch-inner:before {
    content: "ON";
    padding-left: 10px;
    background-color: #34A7C1; color: #FFFFFF;
}
.onoffswitch-inner:after {
    content: "OFF";
    padding-right: 10px;
    background-color: #EEEEEE; color: #999999;
    text-align: right;
}
.onoffswitch-switch {
    display: block; width: 18px; margin: 6px;
    background: #FFFFFF;
    position: absolute; top: 0; bottom: 0;
    right: 56px;
    border: 2px solid #999999; border-radius: 20px;
    transition: all 0.3s ease-in 0s; 
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
    margin-left: 0;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
    right: 0px; 
}

/* Show_button */
.show_button {
	width: 150px;
	padding: 1px 10px 1px 10px;
	cursor: pointer;
	border-radius: 5px;
	text-align: center;
	border:solid 1px;
	background-color: lightpink;
	margin:1px 5px 1px 5px;
}
.show_button_2 {
	width: 150px;
	padding: 1px 10px 1px 10px;
	cursor: pointer;
	border-radius: 5px;
	text-align: center;
	border:solid 1px;
	background-color: lightyellow;
	margin:1px 5px 1px 5px;
}

/* 滑桿 */
input[type=range] {
  -webkit-appearance: none;
  width: 100%;
  margin: 13.8px 0;
}
input[type=range]:focus {
  outline: none;
}
input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 8.4px;
  cursor: pointer;
  box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
  background: #0071a9;
  border-radius: 1.3px;
  border: 0.2px solid #010101;
}
input[type=range]::-webkit-slider-thumb {
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
  border: 1px solid #000000;
  height: 36px;
  width: 16px;
  border-radius: 3px;
  background: #ffffff;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -14px;
}
input[type=range]:focus::-webkit-slider-runnable-track {
  background: #0071a9;
}
input[type=range]::-moz-range-track {
  width: 100%;
  height: 8.4px;
  cursor: pointer;
  box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
  background: #0071a9;
  border-radius: 1.3px;
  border: 0.2px solid #010101;
}
input[type=range]::-moz-range-thumb {
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
  border: 1px solid #000000;
  height: 36px;
  width: 16px;
  border-radius: 3px;
  background: #ffffff;
  cursor: pointer;
}
input[type=range]::-ms-track {
  width: 100%;
  height: 8.4px;
  cursor: pointer;
  background: transparent;
  border-color: transparent;
  color: transparent;
}
input[type=range]::-ms-fill-lower {
  background: #0071a9;
  border: 0.2px solid #010101;
  border-radius: 2.6px;
  box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
}
input[type=range]::-ms-fill-upper {
  background: #0071a9;
  border: 0.2px solid #010101;
  border-radius: 2.6px;
  box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
}
input[type=range]::-ms-thumb {
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
  border: 1px solid #000000;
  height: 36px;
  width: 16px;
  border-radius: 3px;
  background: #ffffff;
  cursor: pointer;
  height: 8.4px;
}
input[type=range]:focus::-ms-fill-lower {
  background: #0071a9;
}
input[type=range]:focus::-ms-fill-upper {
  background: #0071a9;
}

table tr{vertical-align:top;}
table th{white-space:nowrap;}
table th, table td {
	padding: 2px 0px;
	border: none;
}

table td.td_article_number {
	text-align: left;
}

table td.td_paragraph_number {
	width: calc( ( var(--fz) * 15 + 8) * 1px );
	text-align: center;
	padding-top: calc( ( var(--fz) * 0 + 2) * 1px );
}

table td.td_subparagraph_number {
	width: calc( ( var(--fz) * 56 + 6) * 1px );
	text-align: right;
	padding-top: calc( ( var(--fz) * 2.4 + 1.5) * 1px );
}
table td.td_subparagraph_number_2 {
	width: calc( ( var(--fz) * 56 + 6) * 1px );
	text-align: right;
	padding-top: calc( ( var(--fz) * 4 + 2) * 1px );
}

table td.td_article_item_number {
	width: calc( ( var(--fz) * 76 + 4) * 1px );
	text-align: right;
	padding-top: calc( ( var(--fz) * 1 + 0.5) * 1px );
}

table td.td_subitem_number {
	width: calc( ( var(--fz) * 91 + 1) * 1px );
	text-align: right;
	padding-top: calc( ( var(--fz) * 2.5 + 2) * 1px );
	padding-right: calc( ( var(--fz) * 5 + 2) * 1px );
}

table td.td_subitem2_number {
	width: calc( ( var(--fz) * 117 + 0) * 1px );
	text-align: right;
	padding-top: calc( ( var(--fz) * 1 + 0.8) * 1px );
}

table td.td_subitem3_number {
	width: calc( ( var(--fz) * 140 + 0) * 1px );
	text-align: right;
	padding-top: calc( ( var(--fz) * 1 + 0.8) * 1px );
}

table td.td_subitem4_number {
	width: calc( ( var(--fz) * 166 + 0) * 1px );
	text-align: right;
	padding-top: calc( ( var(--fz) * 1 + 0.8) * 1px );
}

/*** 目錄區 ***/
.catalog_list {
	font-size: calc(var(--fz) * 20px);
	margin-top: calc( ( var(--fz) * 0 + 0) * 1px );
	margin-left: calc( ( var(--fz) * 0 + 0) * 1px );
}

.catalog_content {
	font-size: calc(var(--fz) * 20px);
	margin-top: calc( ( var(--fz) * 0 + 0) * 1px );
	margin-left: calc( ( var(--fz) * 0 + 0) * 1px );
}

/*** 內容區 ***/
.title_div {
	margin-left: calc( ( var(--fz) * 10 + 2.5) * 1px );
}
.title {
	font-family: var(--font_family_eng), var(--font_family_cht);
	font-size: calc(var(--fz) * 28px);
	font-weight: 900;
	color: var(--content_font_color);
}
.title_1 {
	font-family: var(--font_family_eng), var(--font_family_cht);
	font-size: calc(var(--fz) * 28px);
	font-weight: 900;
	color: var(--content_font_color);
}
.title_1_x {
	font-family: var(--font_family_eng), var(--font_family_cht);
	font-size: 28px;
	font-weight: 900;
	color: var(--content_font_color);
}
.title_2 {
	font-family: var(--font_family_eng), var(--font_family_cht);
	font-size: calc(var(--fz) * 26px);
	font-weight: 900;
	color: var(--content_font_color);
}
.title_2_x {
	font-family: var(--font_family_eng), var(--font_family_cht);
	font-size: 26px;
	font-weight: 900;
	color: var(--content_font_color);
}
.title_3 {
	font-family: var(--font_family_eng), var(--font_family_cht);
	font-size: calc(var(--fz) * 22px);
	font-weight: 900;
	color: var(--content_font_color);
}
.title_3_x {
	font-family: var(--font_family_eng), var(--font_family_cht);
	font-size: 22px;
	font-weight: 900;
	color: var(--content_font_color);
}
.title_content {
	font-family: var(--font_family_eng), var(--font_family_cht);
	font-size: calc(var(--fz) * 28px);
	font-weight: 900;
	color: var(--content_font_color);
}
.metadata {
	font-family: var(--font_family_eng), var(--font_family_cht);
	font-size: calc(var(--fz) * 26px);
	font-weight: 900;
	color: var(--content_font_color);
	display: var(--m_show);
}
.history {
	font-family: var(--font_family_eng), var(--font_family_cht);
	font-size: calc(var(--fz) * 20px);
	font-weight: 300;
	color: var(--content_font_color);
}
.foreword {
	font-family: var(--font_family_eng), var(--font_family_cht);
	font-size: calc(var(--fz) * 20px);
	font-weight: 600;
	color: var(--content_font_color);
}
.division {
	font-family: var(--font_family_eng), var(--font_family_cht);
	font-size: calc(var(--fz) * 26px);
	font-weight: 600;
	color: var(--content_font_color);
}
.chapter {
	font-family: var(--font_family_eng), var(--font_family_cht);
	font-size: calc(var(--fz) * 24px);
	font-weight: 600;
	color: var(--content_font_color);
}
.section {
	font-family: var(--font_family_eng), var(--font_family_cht);
	font-size: calc(var(--fz) * 22px);
	font-weight: 600;
	color: var(--content_font_color);
}
.subsection {
	font-family: var(--font_family_eng), var(--font_family_cht);
	font-size: calc(var(--fz) * 22px);
	font-weight: 600;
	color: var(--content_font_color);
}
.item {
	font-family: var(--font_family_eng), var(--font_family_cht);
	font-size: calc(var(--fz) * 22px);
	font-weight: 600;
	color: var(--content_font_color);
}
.article_number {
	font-family: var(--font_family_eng), var(--font_family_cht);
	font-size: calc(var(--fz) * 20px);
	font-weight: 600;
	color: var(--article_number_color);
	display: var(--a_show);
}
.article {
	font-family: var(--font_family_eng), var(--font_family_cht);
	font-size: calc(var(--fz) * 20px);
	font-weight: 300;
	color: var(--content_font2_color);
}
.paragraph_number {
	font-family: var(--font_family_eng), var(--font_family_cht);
	font-size: calc(var(--fz) * 20px);
	font-weight: 300;
	color: var(--content_number_color);
}
.paragraph_number_cht {
	font-family: var(--font_family_eng), var(--font_family_cht);
	font-size: calc(var(--fz) * 18px);
	font-weight: 300;
	color: var(--paragraph_number_color);
	display: var(--p_show);
}
.paragraph_number_eng {
	font-family: var(--font_family_eng), var(--font_family_cht);
	font-size: calc(var(--fz) * 20px);
	font-weight: 300;
	color: var(--paragraph_number_color);
	display: var(--p_show);
}
.paragraph {
	font-family: var(--font_family_eng), var(--font_family_cht);
	font-size: calc(var(--fz) * 20px);
	font-weight: 300;
	color: var(--content_font_color);
}
.subparagraph_number {
	font-family: var(--font_family_eng), var(--font_family_cht);
	font-size: calc(var(--fz) * 18px);
	font-weight: 600;
	color: var(--content_font_color);
}
.subparagraph_number_cht {
	font-family: var(--font_family_eng), var(--font_family_cht);
	font-size: calc(var(--fz) * 18px);
	font-weight: 600;
	color: var(--content_number_color);
}
.subparagraph_number_cht_2 {
	font-family: var(--font_family_eng), var(--font_family_cht);
	font-size: calc(var(--fz) * 14px);
	font-weight: 600;
	color: var(--content_number_color);
}
.subparagraph_number_eng {
	font-family: var(--font_family_eng), var(--font_family_cht);
	font-size: calc(var(--fz) * 20px);
	font-weight: 600;
	color: var(--content_number_color);
}
.subparagraph {
	font-family: var(--font_family_eng), var(--font_family_cht);
	font-size: calc(var(--fz) * 20px);
	font-weight: 300;
	color: var(--content_font_color);
	text-align: left;
}
.article_item_number {
	font-family: var(--font_family_eng), var(--font_family_cht);
	font-size: calc(var(--fz) * 16px);
	font-weight: 600;
	color: var(--content_number_color);
}
.article_item_number_cht {
	font-family: var(--font_family_eng), var(--font_family_cht);
	font-size: calc(var(--fz) * 16px);
	font-weight: 600;
	color: var(--content_number_color);
}
.article_item_number_eng {
	font-family: var(--font_family_eng), var(--font_family_cht);
	font-size: calc(var(--fz) * 18px);
	font-weight: 600;
	color: var(--content_number_color);
}
.article_item {
	font-family: var(--font_family_eng), var(--font_family_cht);
	font-size: calc(var(--fz) * 20px);
	font-weight: 300;
	color: var(--content_font_color);
}
.subitem_number {
	font-family: var(--font_family_eng), var(--font_family_cht);
	font-size: calc(var(--fz) * 16px);
	font-weight: 600;
	color: var(--content_number_color);
}
.subitem_number_cht {
	font-family: var(--font_family_eng), var(--font_family_cht);
	font-size: calc(var(--fz) * 16px);
	font-weight: 600;
	color: var(--content_number_color);
}
.subitem_number_eng {
	font-family: var(--font_family_eng), var(--font_family_cht);
	font-size: calc(var(--fz) * 18px);
	font-weight: 600;
	color: var(--content_number_color);
}
.subitem {
	font-family: var(--font_family_eng), var(--font_family_cht);
	font-size: calc(var(--fz) * 20px);
	font-weight: 300;
	color: var(--content_font_color);
}
.subitem2_number {
	font-family: var(--font_family_eng), var(--font_family_cht);
	font-size: calc(var(--fz) * 16px);
	font-weight: 600;
	color: var(--content_number_color);
}
.subitem2_number_cht {
	font-family: var(--font_family_eng), var(--font_family_cht);
	font-size: calc(var(--fz) * 16px);
	font-weight: 600;
	color: var(--content_number_color);
}
.subitem2_number_eng {
	font-family: var(--font_family_eng), var(--font_family_cht);
	font-size: calc(var(--fz) * 18px);
	font-weight: 600;
	color: var(--content_number_color);
}
.subitem2 {
	font-family: var(--font_family_eng), var(--font_family_cht);
	font-size: calc(var(--fz) * 20px);
	font-weight: 300;
	color: var(--content_font_color);
}
.subitem3_number {
	font-family: var(--font_family_eng), var(--font_family_cht);
	font-size: calc(var(--fz) * 16px);
	font-weight: 600;
	color: var(--content_number_color);
}
.subitem3_number_cht {
	font-family: var(--font_family_eng), var(--font_family_cht);
	font-size: calc(var(--fz) * 16px);
	font-weight: 600;
	color: var(--content_number_color);
}
.subitem3_number_eng {
	font-family: var(--font_family_eng), var(--font_family_cht);
	font-size: calc(var(--fz) * 18px);
	font-weight: 600;
	color: var(--content_number_color);
}
.subitem3 {
	font-family: var(--font_family_eng), var(--font_family_cht);
	font-size: calc(var(--fz) * 20px);
	font-weight: 300;
	color: var(--content_font_color);
}
.subitem4_number {
	font-family: var(--font_family_eng), var(--font_family_cht);
	font-size: calc(var(--fz) * 16px);
	font-weight: 600;
	color: var(--content_number_color);
}
.subitem4_number_cht {
	font-family: var(--font_family_eng), var(--font_family_cht);
	font-size: calc(var(--fz) * 16px);
	font-weight: 600;
	color: var(--content_number_color);
}
.subitem4_number_eng {
	font-family: var(--font_family_eng), var(--font_family_cht);
	font-size: calc(var(--fz) * 18px);
	font-weight: 600;
	color: var(--content_number_color);
}
.subitem4 {
	font-family: var(--font_family_eng), var(--font_family_cht);
	font-size: calc(var(--fz) * 20px);
	font-weight: 300;
	color: var(--content_font_color);
}
.attachment {
	font-family: var(--font_family_eng), var(--font_family_cht);
	font-size: calc(var(--fz) * 20px);
	font-weight: 600;
	color: var(--content_number_color);
}

@media (min-width: 576px) {

}

@media (min-width: 768px) {

}

@media (min-width: 992px) {

}

@media (min-width: 1200px) {

}