
.home_ul {
	display: inline;
	
 }
 
.home_li{
	list-style: none;
	border: 1px solid: #161EE8FF;
	text-align: center;
	line-height: 30px;
	padding: 5px;
	height: 30px;
	width: 300px;
	margin: 0 50px;
	display: inline;
 }

.home_link{
	border: 0px solid; #FFF;
	font-size:18px;
	color:#FFF
}

.home_table{
	height:50px;
	width:100%;
	font-size:16px;
	border-color:black;
	border:0px solid #000;
	
}

.home_table_th{
	font-size:30px;
	border:0px;
}

.pagination_home {
  display: inline-block;
  background-color: #d5d5d5;
  border-radius: 5px;
}

.pagination_home a {
  color: #337ab7;
  float: left;
  padding: 8px 16px;
  text-decoration: none;
}

.pagination_home a.active {
  color: #ffffff;
  border-radius: 5px;
}

.pagination_home a.disabled {
  color: #777;
  border-radius: 5px;
  cursor: not-allowed;
}

.pagination_home a:hover:not(.active) {
  background-color:  #d5d5d5;
  border-radius: 5px;
}

.mytooltip {
    position: relative;
}

.mytooltip .mytooltiptext {
    visibility: hidden;
    width: 150px;
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    top: 110%;
    left: 50%;
    margin-left: -75px;
}

.mytooltip .mytooltiptext::after {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-left: -10px;
    border-width: 10px;
    border-style: solid;
    border-color: transparent transparent black transparent;
}

.mytooltip:hover .mytooltiptext {
    visibility: visible;
}

.mytooltip_Left {
    position: relative;
}

.mytooltip_Left .mytooltiptext_Left {
    visibility: hidden;
    width: 150px; /*整體寬度*/
    background-color: #ebf7fc;
    color: #000;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    top: 15%;  /*整體位置，數字越大離頂端越遠*/
    left: 50%; /*整體位置，數字越大越靠右*/
    margin-left: -170px; /*效果同left*/
}

.mytooltip_Left .mytooltiptext_Left::after {
    content: "";
    position: absolute;
    bottom: 25%; /*箭頭位置越大越靠上*/
    left: 99%; /*箭頭位置，越大越靠右*/
    margin-left: 0px; /*箭頭位置，越大越靠右*/
    border-width: 10px;
    border-style: solid;
    border-color: transparent transparent transparent #ebf7fc;
}

.mytooltip_Left:hover .mytooltiptext_Left {
    visibility: visible;
}

.mytooltip_Disk {
    position: relative;
}

.mytooltip_Disk .mytooltiptext_Disk {
    visibility: hidden;
    width: 180px; /*整體寬度*/
    background-color: #ebf7fc;
    color: #000;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    top: -65%;  /*整體位置，數字越大離頂端越遠*/
    left: -160%; /*整體位置，數字越大越靠右*/
    margin-left: -170px; /*效果同left*/
}

.mytooltip_Disk .mytooltiptext_Disk::after {
    content: "";
    position: absolute;
    bottom: 70%; /*箭頭位置越大越靠上*/
    left: 99%; /*箭頭位置，越大越靠右*/
    margin-left: 0px; /*箭頭位置，越大越靠右*/
    border-width: 10px;
    border-style: solid;
    border-color: transparent transparent transparent #ebf7fc;
}

.mytooltip_Disk:hover .mytooltiptext_Disk {
    visibility: visible;
}

/*頁籤*/
#tab-demo > ul{ display:block; margin:0;list-style:none;padding:0px;}
#tab-demo > ul > li{ display:inline-block; vertical-align:top;margin:0 -1px -1px 0 ; border:1px solid #BCBCBC; height:30px; line-height:29px; background:#cdcdcd;padding:0 15px;list-style:none; box-sizing:border-box;font-size:20px;}
#tab-demo >  ul > li a{ color:#000; text-decoration:none;}
#tab-demo > ul > li.active{ border-bottom:1px solid #fff; background:#fff;}
#tab-demo > .tab-inner{ clear:both; color:#000; border:1px #BCBCBC solid;}

#tab-demo-cell > ul{ display:block; margin:0;list-style:none;padding:0px;}
.tab-title{
	margin-top: 10px;
	list-style: none;
	padding: 0px 0px 0px 13px;
}
.tab-title li{
	display: inline-block;
	margin: 0px 3px 0px 3px;
	cursor: pointer;
}
.tab-title .active{
	/*
	border-bottom: 4px solid;
	border-bottom-color: #00EC00;
	*/
}
#tab-demo-cell > ul > li{ display:inline-block; vertical-align:top;margin:0 -1px -1px 0 ; border:1px solid #BCBCBC; height:30px; line-height:29px; background:#cdcdcd;padding:0 15px;list-style:none; box-sizing:border-box;font-size:20px;}
#tab-demo-cell >  ul > li a{ color:#000; text-decoration:none;}
#tab-demo-cell > ul > li.active{ border-bottom:1px solid #fff; background:#fff;}
#tab-demo-cell > .tab-inner{ clear:both; color:#000; border:1px #BCBCBC solid;}

.Tab_ul {
	display:block; 
	margin:0;
	list-style:none;
	padding:0px;
}

.Tab_ul > li{
	display:inline-block; 
	vertical-align:top;
	margin:0 -1px -1px 0; 
	border:1px solid #BCBCBC; 
	height:30px; 
	line-height:29px; 
	background:#cdcdcd;
	padding:0 15px;
	list-style:none; 
	box-sizing:border-box;
	font-size:20px;
}

.Tab_ul > li > a{
	color:#000; 
	text-decoration:none;
}

.Tab_ul > li.active{
	border-bottom:1px solid #fff; 
	background:#fff;
}

.tab-inner{ 
	padding:15px 15px 40px 15px;
	height:auto;
	
	clear:both; 
	color:#000; 
	border:1px #BCBCBC solid;
}

.loader{
}
.loader::before {
	content: '';
	border-radius: 50%;
	border: 16px solid #ddd; /* Light grey */
	border-top: 16px solid #3498db; /* Blue */
	width: 120px;
	height: 120px;
	position: absolute;
	-webkit-animation: spin 2s linear infinite; /* Safari */
	animation: spin 2s linear infinite;
	left: calc(50% - 60px);
	top: calc(30% - 60px);
}

.loader_s{
}
.loader_s::before {
	content: '';
	border-radius: 50%;
	border: 6px solid #ddd; /* Light grey */
	border-top: 6px solid #3498db; /* Blue */
	width: 30px;
	height: 30px;
	position: absolute;
	-webkit-animation: spin 2s linear infinite; /* Safari */
	animation: spin 2s linear infinite;
	left: 110px;
	top: calc(25%);
}
/* Safari */
@-webkit-keyframes spin {
	0% { -webkit-transform: rotate(0deg); }
	100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}

.LoaderLocation {
    position: relative;
}

.LoaderLocation .LoaderLocationTEXT {

    width: 180px; /*整體寬度*/

    color: #000;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    top: -2500%;  /*整體位置，數字越大離頂端越遠*/
    left: -150%; /*整體位置，數字越大越靠右*/
    margin-left: 0px; /*效果同left*/
}

.LoaderLocation .LoaderLocationTEXT::after {
    content: "";
    position: absolute;
    bottom: 70%; /*箭頭位置越大越靠上*/
    left: 99%; /*箭頭位置，越大越靠右*/
    margin-left: 0px; /*箭頭位置，越大越靠右*/
    border-width: 0px;
    border-style: solid;
    border-color: transparent transparent transparent #ebf7fc;
}

.LoaderLocation:hover .LoaderLocationTEXT {
    visibility: visible;
}

.MsgBox {
    display: none;
    background-color: #FFFFFF;
    border: 1px solid #aaa;
    position: fixed;
    width: 500px;
    padding: 6px 8px 8px;
    box-sizing: border-box;
    text-align: left;
	z-index:1050;
	top: 25%;
	left: 50%;
	transform: translateX(-50%);
}

 .MsgBox .message {
    text-align: left;
 }
 
     .Neon{ 
  		color:#fff;
  		letter-spacing:2px;
        text-shadow:
        0 0 5px rgba(247, 245, 41,.1),
        0 0 10px rgba(247, 245, 41,1),
        0 0 20px rgba(247, 245, 41,1),
        0 0 40px rgba(247, 245, 41,1);
      animation:neon-shine 1s linear infinite;
    }  
    @keyframes neon-shine{
		60%{opacity:1;}
		90%{opacity:0.3;}
		100%{color:#FFFFFF;}
	}
    /* 添加兼容性前缀 */
	@-webkit-keyframes changeshadow {
	  0%{ text-shadow: 0 0 4px #4cc134}  
          50%{ text-shadow: 0 0 40px #4cc134}  
          100%{ text-shadow: 0 0 4px #4cc134}  
	}
	@-moz-keyframes changeshadow {
	    0%{ text-shadow: 0 0 4px #4cc134}  
            50%{ text-shadow: 0 0 40px #4cc134}  
            100%{ text-shadow: 0 0 4px #4cc134}  
	}
	@-ms-keyframes changeshadow {
	    0%{ text-shadow: 0 0 4px #4cc134}  
            50%{ text-shadow: 0 0 40px #4cc134}  
            100%{ text-shadow: 0 0 4px #4cc134}  
	}
	@-o-keyframes changeshadow {
	    0%{ text-shadow: 0 0 4px #4cc134}  
            50%{ text-shadow: 0 0 40px #4cc134}  
            100%{ text-shadow: 0 0 4px #4cc134}  
	}
	
.fixpage{
  width: 100%;
  height: 100%;
  border: 0px solid #000;
  position: fixed;
  top: 0px;
  right: 0;
  background: gray;
  text-align: center;
  opacity: 0.5;
  display: inline-block;
  z-index: 150;
}

.unfixpage{
  width: 100%;
  height: 100%;
  border: 0px solid #000;
  position: fixed;
  top: 0px;
  right: 0;
  background: gray;
  text-align: center;
  opacity: 0.5;
  display: none;
}