@charset "utf-8";

.input_basic_button{
	width: auto;min-height: 30px;font-size: 24px;height: auto;
}

.small_input_basic_button{
	width: 30px;
    height: 30px;	
}
.basic_wordwrap { 
   white-space: pre-wrap;      /* CSS3 */   
   white-space: -moz-pre-wrap; /* Firefox */    
   white-space: -pre-wrap;     /* Opera <7 */   
   white-space: -o-pre-wrap;   /* Opera 7 */    
   word-wrap: break-word;      /* IE */
}

.textarea_basic_text{
	font-size:26px;
  padding: 5px 5px;
  border: 2px solid #b7b7b7;
  -webkit-border-radius: 9px;
  border-radius: 9px;	
}

.input_basic_text {
  display: inline-block;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  width: auto;
  height: 30px;
  padding: 5px 5px;
  border: 2px solid #b7b7b7;
  -webkit-border-radius: 9px;
  border-radius: 9px;
  font-size:26px;
  color: rgba(0,142,198,1);
  -o-text-overflow: clip;
  text-overflow: clip;
  background: rgba(252,252,252,1);
  -webkit-box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.2) ;
  box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.2) ;
  text-shadow: 1px 1px 0 rgba(255,255,255,0.66) ;
  
}

.lable_basic_text
{
	padding:0px;
	mso-ignore:padding;
	color:black;
	font-size:24px;
	font-weight:400;
	font-style:normal;
	text-decoration:none;
	font-family:新細明體, serif;
	mso-font-charset:0;
	mso-number-format:General;
	text-align:left;
	vertical-align:middle;
	
	border-right:none;
	
	mso-background-source:auto;
	mso-pattern:auto;
	/*white-space:nowrap;*/
}



.content_basic_text
{
	padding:0px;
	mso-ignore:padding;
	color:black;
	font-size:16.0pt;
	font-weight:400;
	font-style:normal;
	text-decoration:none;
	font-family:新細明體, serif;
	mso-font-charset:0;
	mso-number-format:General;
	text-align:left;
	vertical-align:middle;
	
	border-right:none;
	
	mso-background-source:auto;
	mso-pattern:auto;

}




a {
	font-family: Verdana, Geneva, sans-serif;
	color: #333333;
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #333333;
}
a:hover {
	text-decoration: none;
	color: #0099FF;
}
a:active {
	text-decoration: none;
}

.radio_basic_button,.check_basic_button{
	height:35px; 
	width:35px; 
	vertical-align: middle;
}




div.float_container {
    text-align: center;
}
div.float_box {
    float: left;
    width: 150px;
    height: 150px;
    margin: 2px;
	white-space: normal;
}

.table_for_list{border:0;text-align:left;border-collapse:collapse;border-spacing:0;}
.table_for_list  th{background:#0090D7;font-weight:normal;line-height:36px;font-size:20px;color:#FFF;}

.table_for_list  td{font-weight:normal;line-height:30px;font-size:16px;color:black;word-wrap:break-word;word-break:break-all;}

.table_for_list tr:nth-child(odd){background:#F4F4F4;}
.table_for_list td:nth-child(even){color:#C00;}

.table_for_list tr:hover{background:#73B1E0;color:#FFF;}
.table_for_list td,th{border:1px solid black;}

.table_for_form  th,td{
	padding:3px;
}

.red_title{
	font-size:30px;
	color:red;
}

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

.flex_column {
    flex: 0 0 150px;
}

div.mask {
    background-color: rgba(0, 0, 0, 0.5);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    object-fit: contain;
    z-index: 10000;
}


.basic_tab {
  overflow: hidden;
  border: 1px solid #ccc;
  background-color: #f1f1f1;
  width: 100%;
}


.basic_tab button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
  font-size: 17px;
}


.basic_tab button:hover {
  background-color: #ddd;
}


.basic_tab button.active {
  background-color: #ccc;
}


.basic_tabcontent {
  display: none;
  padding: 6px 12px;
  border: 1px solid #ccc;
  border-top: none;
  width: 100%;
}




.div_limit_ratio_img{
	overflow: hidden;
}

.bar_nav{
	display:block;
	position:relative;
	z-index:1000;	
	margin:0 1px 0 0;
	border-bottom: 2px solid #ffffff;	
}

.bar_nav:hover{text-decoration:none;}

.bar_nav span{
	display:block;
	font-size: 18px;
	line-height:20px;
	font-weight: bold;
	 color: #333;
	text-transform:uppercase;
	padding: 6px 4px 7px;
    font-family: Verdana, Geneva, sans-serif;
  

   	
	
	
}

.bar_nav:hover span,
.hovering a.bar_nav span,
ul#menu li.highlightClickable span{
	/*background:#bf1522;
	color:#fff;
	text-decoration:none;
    text-decoration-line: underline;
    text-decoration-style: solid;	
	text-decoration-color: #bf1522;*/
	
    text-decoration: none;
    //border-bottom: 2px solid #bf1522;	
}

li.none_dropdown {
    display: inline-block;
	margin: 0px;
}

.dropbtn {
    display: inline-block;
    color: white;
    text-align: center;
    //padding: 14px 16px;
    text-decoration: none;
}


li.droppanel {
    display: inline-block;
	padding-right: 27px;	
}
li.droppanel:last-child{
	padding-right: 0px !important;
}

.droppanel-container {
    display: none;
    position: absolute;
    //background-color: #f9f9f9;
	background-color: #ffffff;
    min-width: 50px;
	width:auto;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 10000;
}
.droppanel-container a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    text-align: left;
	
}
.droppanel-container a:first-child {
	border-top:6px solid #cccccc;
}
.droppanel-container a:hover {background-color: #f1f1f1}
li.droppanel:hover .droppanel-container {
    display: block !important;
}
#div_mainmenu::-webkit-scrollbar {
    width: 1px;
    height: 1px;
}
#div_mainmenu{
height: calc(100vh - var(--div_top_height));overflow-x:hidden;overflow-y:auto;
}