#centerBtn
{
  text-align: center;
}

.contactUs
{
  margin-top: 80px !important;
}

textarea
{
  height: 150px;
}

.ui-helper-center 
{
    text-align: center;
	vertical-align: middle;
}


// li.drop-down-menu {
// 	list-style: none;
// }

li.drop-down-menu ul { 
    display: none;
    list-style: none;
    position: absolute;
	background-color: #FFDDAA;
	border: #ccc 1px solid;
	width: auto;
	min-width: 135px;
}

li.drop-down-menu ul li {
	border-bottom: #ccc 1px solid;
}


li.drop-down-menu {
	list-style: none;
}

li.drop-down-menu:hover > ul { 
    display: block;
}


.imgDiv{
	display : inline-block;
	position : relative;
}

.imgDiv i{
	position : absolute;
	top : 0px;
	right : 0px;
	width : 20px;
	height : 20px;
}

.fa-times:before {
	color: black;
	background: white;
	opacity: 0.6;
	border-radius: 99em;
}

.fix-img {
	max-width: 300px;
	max-height: 300px;
}

.big-fix-img {
	max-width: 800px;
	max-height: 800px;
}


.thumbnail-item {    
    /* position relative so that we can use position absolute for the tooltip */   
    position: relative;    
    float: left;     
    margin: 0px 5px;    
}   
   
.thumbnail-item a {    
    display: block;    
}   
   
.thumbnail-item img.thumbnail {   
    border:3px solid #ccc;     
}   

.tooltip {    
    /* by default, hide it */   
    display: none;    
    /* allow us to move the tooltip */   
    position: absolute;    
    /* align the image properly */   
    padding: 8px 0 0 8px;    
}   

.tooltip span.overlay {    
	/* the png image, need ie6 hack though */   
	background: url(images/overlay.png) no-repeat;    
	/* put this overlay on the top of the tooltip image */   
	position: absolute;    
	top: 0px;    
	left: 0px;    
	display: block;    
	width: 350px;    
	height: 200px;   
}   

.nostyle {
	list-style-type:none;
	margin: 0px;
    padding: 0px;   

}
.nostyle2 {
	list-style-type:none;
	margin: 0px;
    padding: 0px;   
	margin-left:1em;
}

.text-center {
    text-align: center;	
}


div.tagsinput { border:1px solid #CCC; background: #FFF; padding:5px; width:300px; height:100px; overflow-y: auto;}
div.tagsinput span.tag { border: 1px solid #a5d24a; -moz-border-radius:2px; -webkit-border-radius:2px; display: block; float: left; padding: 5px; text-decoration:none; background: #cde69c; color: #638421; margin-right: 5px; margin-bottom:5px;font-family: helvetica;  font-size:13px;}
div.tagsinput span.tag a { font-weight: bold; color: #82ad2b; text-decoration:none; font-size: 11px;  } 
div.tagsinput input { width:80px; margin:0px; font-family: helvetica; font-size: 13px; border:1px solid transparent; padding:5px; background: transparent; color: #000; outline:0px;  margin-right:5px; margin-bottom:5px; }
div.tagsinput div { display:block; float: left; } 
.tags_clear { clear: both; width: 100%; height: 0px; }
.not_valid {background: #FBD8DB !important; color: #90111A !important;}

.expansion_form_id {
	float: left;
}
.add_expansion_form {
	float: left;
	width: 23px;
    height: 22px;
    background: inherit;
    background-color: rgba(22, 155, 213, 1);
	border-radius: 5px;
	margin-left: 3px;
	text-align: center;
}						  
.add_expansion_form:hover {
    background-color: rgba(0, 204, 255, 1);
}
.minus_expansion_form {
	float: left;
	width: 23px;
    height: 22px;
    background: inherit;
    background-color: rgba(255, 0, 0, 1);
	border-radius: 5px;
	margin-left: 3px;
	text-align: center;
}						  
.minus_expansion_form:hover {
    background-color: rgba(255, 102, 0, 1);
}		
			
.plus_btn {
	color: #fff;
    font-family: '微軟正黑體 Bold', '微軟正黑體 Regular', '微軟正黑體';
    font-weight: 700;
    font-size: 18px;
}
			
/* tab用 */

ul.tabs {
	width: 100%;
	height: 32px;
	-webkit-padding-start: 3px;
}
ul.tabs li {
	float: left;
	height: 40px;
	width: 180px;
	line-height: 40px;
	overflow: hidden;
	margin-bottom: -1px;	/* 讓 li 往下移來遮住 ul 的部份 border-bottom */
	font-family: '微軟正黑體 Bold', '微軟正黑體 Regular', '微軟正黑體';
	font-size: 14px;
    border-width: 1px;
    border-style: solid;
    border-color: rgba(204, 204, 204, 1);
    border-radius: 4.33332824707031px;
	background: #e1e1e1;
	text-align: center;
	border-bottom: 1px solidrgba(204, 204, 204, 1);
}
ul.tabs li a {
	display: block;
	padding: 0 20px;
	color: #000;
	border: 1px solid #fff;
	text-decoration: none;
}
ul.tabs li a:hover {
	background: #ccc;
}
ul.tabs li:hover {
	font-weight: 600;
}
ul.tabs li.active  {
	font-weight: 700;
	background: #fff;
	border-bottom: 1px solid#fff;
}
ul.tabs li.active a:hover {
	background: #fff;
}

table.page_controler td.active {
	background-color: rgba(0, 157, 217, 1);
	color: #FFFFFF;
}
			
table.page_controler td {
	background-color: rgba(255, 255, 255, 1);
	color: #0099FF;
}
			
#list_bar {
	height: 35px;
    font-family: '微軟正黑體';
    font-weight: 400;
	margin-top: 15px;
    margin-bottom: 15px;
	font-size: 14px;
    color: #333333;
}
#show_line_area {
    margin-left: 10px;
	float: left;
}
#search_area {
	margin-right: 10px;
	float: right;
}
#screen {
	position: absolute;
	width: 100%;
	z-index: 1;
	background-color: rgba(174, 174, 174, 0.917647058823529);
}
#pop_up_window {
	display:none;
	position: absolute;
	background: #fff;
    z-index: 2;
	margin: auto;
	left: 0;
	right: 0;
	top: 30%;
	width: fit-content;
	min-width: 200px;
	border-width: 1px;
    border-style: solid;
    border-color: rgba(204, 204, 204, 1);
    border-radius: 5px;
}
#close_pop_up_window {
	position: absolute;
	right: 6px;
}