@charset "UTF-8";
@import url(font-awesome.min.css);
@import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400|Passion+One:400");

#c_area{
	float: left;
	width: 800px;
	height: auto;
	color: #333;
	margin-top: 10px;
	margin-bottom: 20px;
}
a.btn_style {
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;

    text-decoration: none;
	border-width: 1 px solid;
	border-color: #000;
	background-color: #EEE;
	width: 110px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	vertical-align: middle;
	font-size: 12pt;
	margin-right: 20px;
}
a.btn_style:hover{
	background-color: #87B8EA;
}

a.btn_add_style {
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;

    text-decoration: none;
	border-width: 1 px solid;
	border-color: #000;
	background-color: #FAE6FA;
	width: 120px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	vertical-align: middle;
	font-size: 12pt;
	margin-right: 20px;
	color: #333;
}
a.btn_add_style:hover{
	background-color: #87B8EA;
}
.c_add_line{
	float: left;
	width: 100%;
	height: auto;
	margin-top: 10px;
	padding-bottom: 10px;
	font-size: 12pt;
}
.c_add_line_h{
	float: left;
	width: 100%;
	height: auto;
	margin-top: 10px;
	padding-bottom: 10px;
	font-size: 12pt;
	transition: background-color 0.3s ease;
}
.c_add_line_h:hover {
  background-color: lightblue;
}
.c_al_l{
	float: left;
	width: 150px;
	line-height: 25px;
	text-align: right;
	vertical-align: middle;
}
.c_al_r{
	float: left;
	width: 600px;
	line-height: 25px;
	text-align: left;
	vertical-align: middle;
}

/*保留 , search area -- start*/
.c_searcg_area{
	float: left;
	width: 100%;
	height: 60px;
	line-height: 30px;
	margin-top: 5px;
	padding-bottom: 20px;
	font-size: 12pt;
	vertical-align: middle;
}
/*保留 , search area -- end*/
.c_btn_area{
	float: left;
	width: 100%;
	height: auto;
	margin-top: 20px;
	padding-bottom: 5px;
	font-size: 12pt;
}
.c_title{
	float: left;
	width: 100%;
	height: auto;
	margin-top: 20px;
	padding-bottom: 5px;
	font-size: 12pt;
}
.c_line{
	float: left;
	width: 100%;
	height: auto;
	margin-top: 5px;
	padding-bottom: 5px;
	border-bottom: 1px dashed;
	font-size: 10pt;
	color: #000;
}
.c_line:hover{
	background-color: #e4eff8;
}
.c1_l{
	float: left;
	width: 40px;
	height: 32px;
	line-height: 32px;
	text-align: center;
	vertical-align: middle;
}
.c1_l2{
	float: left;
	width: 140px;
	height: 32px;
	line-height: 32px;
	text-align: center;
	vertical-align: middle;
}
.c1_l3{
	float: left;
	width: 110px;
	height: 32px;
	line-height: 32px;
	text-align: center;
	vertical-align: middle;
}
.c1_l4{
	float: left;
	width: 80px;
	height: 32px;
	line-height: 32px;
	text-align: center;
	vertical-align: middle;
}
.c1_l5{
	float: left;
	width: 80px;
	height: 32px;
	line-height: 32px;
	text-align: center;
	vertical-align: middle;
}
.c1_l6{
	float: left;
	width: 80px;
	height: 32px;
	line-height: 32px;
	text-align: center;
	vertical-align: middle;
}
.c1_l7{
	float: left;
	width: 90px;
	height: 32px;
	line-height: 32px;
	text-align: center;
	vertical-align: middle;
}
.c1_l8{
	float: left;
	width: 90px;
	height: 32px;
	line-height: 32px;
	text-align: center;
	vertical-align: middle;
}
.c1_l9{
	float: left;
	width: 90px;
	height: 32px;
	line-height: 32px;
	text-align: center;
	vertical-align: middle;
}

.c2_l{
	float: left;
	width: 40px;
	height: 32px;
	line-height: 32px;
	text-align: center;
	vertical-align: middle;
}
.c2_l2{
	float: left;
	width: 200px;
	height: 32px;
	line-height: 32px;
	text-align: center;
	vertical-align: middle;
}
.c2_l3{
	float: left;
	width: 130px;
	height: 32px;
	line-height: 32px;
	text-align: center;
	vertical-align: middle;
}
.c2_l4{
	float: left;
	width: 430px;
	height: 32px;
	line-height: 32px;
	text-align: center;
	vertical-align: middle;
}


.c3_l{
	float: left;
	width: 40px;
	height: 32px;
	line-height: 32px;
	text-align: center;
	vertical-align: middle;
}
.c3_l2{
	float: left;
	width: 260px;
	height: 32px;
	line-height: 32px;
	text-align: center;
	vertical-align: middle;
}
.c3_l3{
	float: left;
	width: 200px;
	height: 32px;
	line-height: 32px;
	text-align: center;
	vertical-align: middle;
}
.c3_l4{
	float: left;
	width: 150px;
	height: 32px;
	line-height: 32px;
	text-align: center;
	vertical-align: middle;
}
.c3_l5{
	float: left;
	width: 150px;
	height: 32px;
	line-height: 32px;
	text-align: center;
	vertical-align: middle;
}



.c4_l{
	float: left;
	width: 40px;
	height: 32px;
	line-height: 32px;
	text-align: center;
	vertical-align: middle;
}
.c4_l2{
	float: left;
	width: 50px;
	height: 32px;
	line-height: 32px;
	text-align: center;
	vertical-align: middle;
}
.c4_l3{
	float: left;
	width: 140px;
	height: 32px;
	line-height: 32px;
	text-align: center;
	vertical-align: middle;
}
.c4_l4{
	float: left;
	width: 120px;
	height: 32px;
	line-height: 32px;
	text-align: center;
	vertical-align: middle;
}
.c4_l5{
	float: left;
	width: 150px;
	height: 32px;
	line-height: 32px;
	text-align: center;
	vertical-align: middle;
}
.c4_l6{
	float: left;
	width: 100px;
	height: 32px;
	line-height: 32px;
	text-align: center;
	vertical-align: middle;
	white-space: nowrap; /* 禁止文字自動換行 */
	overflow: hidden; /* 超出容器部分隱藏 */
	text-overflow: ellipsis; /* 超出時顯示省略號 */
}
.c4_l7{
	float: left;
	width: 50px;
	height: 32px;
	line-height: 32px;
	text-align: center;
	vertical-align: middle;
}
.c4_l8{
	float: left;
	width: 150px;
	height: 32px;
	line-height: 32px;
	text-align: center;
	vertical-align: middle;
}


.c5_l{
	float: left;
	width: 40px;
	height: 32px;
	line-height: 32px;
	text-align: center;
	vertical-align: middle;
}
.c5_l2{
	float: left;
	width: 200px;
	height: 32px;
	line-height: 32px;
	text-align: center;
	vertical-align: middle;
}
.c5_l3{
	float: left;
	width: 200px;
	height: 32px;
	line-height: 32px;
	text-align: center;
	vertical-align: middle;
}



.c6_l{
	float: left;
	width: 40px;
	height: 32px;
	line-height: 32px;
	text-align: center;
	vertical-align: middle;
}
.c6_l2{
	float: left;
	width: 120px;
	height: 32px;
	line-height: 32px;
	text-align: center;
	vertical-align: middle;
}
.c6_l3{
	float: left;
	width: 120px;
	height: 32px;
	line-height: 32px;
	text-align: center;
	vertical-align: middle;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow:hidden;
}
.c6_l4{
	float: left;
	width: 120px;
	height: 32px;
	line-height: 32px;
	text-align: center;
	vertical-align: middle;
}
.c6_l5{
	float: left;
	width: 60px;
	height: 32px;
	line-height: 32px;
	text-align: center;
	vertical-align: middle;
}
.c6_l6{
	float: left;
	width: 250px;
	height: 32px;
	line-height: 32px;
	text-align: center;
	vertical-align: middle;
	white-space: nowrap; /* 禁止文字自動換行 */
	overflow: hidden; /* 超出容器部分隱藏 */
	text-overflow: ellipsis; /* 超出時顯示省略號 */
}
.c6_l7{
	float: left;
	width: 90px;
	height: 32px;
	line-height: 32px;
	text-align: center;
	vertical-align: middle;
}


a.c_link:link,a.c_link:active,a.c_link:visited{
	color: #000;
	text-decoration: none;
}
a.c_link:hover{
	color: #F00;
}


a.sign_btn:link,a.sign_btn:active,a.sign_btn:visited{
	display: inline-block;
	width: 70px; 
	height: 25px;
	font-size: 12pt;
	text-align: center;
	line-height: 25px;
	background-color: #C3DEED;
	color: black;
	text-decoration: none;
}
a.sign_btn:hover{
	color: #F00;
}