body{
	font: 12px 'Source Sans Pro', sans-serif, Meiryo, "Meiryo UI", "微軟正黑體", "Microsoft JhengHei" !important;
}

.logo{
	text-align:center;
}
	
.row {
    margin:0px !important;
}
.row_space{
	margin-top:20px !important;
}
.row_space_2{
	margin:20px 0 !important;
}
.space{
	margin-top:10px !important;
}
.menu div{
	margin-top:10px !important;
}

.menu{
	margin-top:30px;
}

.search_result_col{
	color:#BA3528;
	font-weight:bold;
}

.menu_col{
	background:#5e3d65;
	color:#FFFFFF;
	Height:100%;
	padding: 0;
}

.current{
	color:#d29602;
	font-weight:bold;
}

.search_botton{
    border-radius: 20px;
    background: #5e3d65;
    width: 75px;
    height: 25px; 
	color:#FFFFFF;
	text-decoration: none;
	padding: 6px 15px;
	text-align:center;
}

.fit{
	padding:0;
}

.client_list{
	margin-top:10px !important;
}

.client li{
	padding:5px 0;
}

.row1{
	background:#DDDDDD;
	padding:3px 0;
}

.row2{
	background:#EEEEEE;
	padding:3px 0;
}

.title div{
	color: #5e3d65;
	font-weight:bold;
}

.menu a{
	color:#FFFFFF;
}
.menu a:hover{
	color:#FFFFFF;
}

.button{
	background: #5e3d65;
	text-decoration: none;
	padding: 6px 15px;
	color:#FFFFFF;
    width: 70px;
    height: 26px; 
	cursor: pointer;
	text-align:center;
}

.button_ie{
	background: #5e3d65;
	text-decoration: none;
	padding: 20px 30px;
	color:#FFFFFF;
	font-size:30px;
	width: 200px;
	margin: 0 auto;
	cursor: pointer;
}

.button_ie a{
	color:#FFFFFF;
}

.ie_space{
	margin-top:200px !important;
	}

.button_edit{
    background: #5e3d65;
    text-decoration: none;
    padding: 6px 15px;
    color: #FFFFFF;
    width: 50px;
	height: 26px;
	cursor: pointer;
}

.left{
	float:left;
	margin-right:15px;
}

.right{
	float:right;
	margin-right:15px;
}

.button_save{
	background: #5e3d65;
	text-decoration: none;
	padding: 6px 15px;
	color:#FFFFFF;
    width: 60px;
	height: 30px; 
	cursor: pointer;
}

.order a{
	text-decoration: none;
	color:#FFFFFF;
}

.button_update{
	background: #5e3d65;
	text-decoration: none;
	padding: 6px 15px;
	color:#FFFFFF;
    width: 75px;
    height: 30px; 
}

.information_header{
	background: #5e3d65;
	color:#FFFFFF;
	padding: 6px 5px;
}

.information_header a{
	color:#FFFFFF;
}

.result_title{
	background: #555555;
	color:#FFFFFF;
	padding: 6px 5px;
}

.result_field{
	color:#5e3d65;
	font-weight:bold;
}

.field1{
	padding:10px 0;
	background-color:#EEEEEE;
	width:100%;
}

.field3{
	padding: 0 0 10px 0;
	background-color:#EEEEEE;
	width:100%;
}

.field2{
	padding:15px 0;
	background-color:#DDDDDD;
	width:100%;
}

.field_title{
	color: #5e3d65;
	font-weight:bold;
	}
	
.history_add{
	float:right;
	color:#FFFFFF;
}
.activity_add{
	float:right;
	color:#FFFFFF;
}

.home_1{
	width:25%;
	float:left;
	padding:0 5px;
}
.home_2{
	width:15%;
	float:left;
	padding:0 5px;
}
.home_3{
	width:15%;
	float:left;
	padding:0 5px;
}
.home_4{
	width:10%;
	float:left;
	padding:0 5px;
}
.home_5{
	width:11%;
	float:left;
	padding:0 5px;
}
.home_6{
	width:11%;
	float:left;
	padding:0 5px;
}
.home_7{
	width:7%;
	float:left;
	padding:0 5px;
}
.home_8{
	width:6%;
	float:left;
	padding:0 5px;
}

.actlist_1{
	width:41%;
	float:left;
	padding:0 5px;
}
.actlist_2{
	width:15%;
	float:left;
	padding:0 5px;
}
.actlist_3{
	width:15%;
	float:left;
	padding:0 5px;
}
.actlist_4{
	width:11%;
	float:left;
	padding:0 5px;
}
.actlist_5{
	width:11%;
	float:left;
	padding:0 5px;
}
.actlist_6{
	width:7%;
	float:left;
	padding:0 5px;
}

.clientlist_1{
	width:34%;
	float:left;
	padding:0 5px;
}
.clientlist_2{
	width:15%;
	float:left;
	padding:0 5px;
}
.clientlist_3{
	width:15%;
	float:left;
	padding:0 5px;
}
.clientlist_4{
	width:11%;
	float:left;
	padding:0 5px;
}
.clientlist_5{
	width:11%;
	float:left;
	padding:0 5px;
}
.clientlist_6{
	width:7%;
	float:left;
	padding:0 5px;
}
.clientlist_7{
	width:7%;
	float:left;
	padding:0 5px;
}

.form-control{
	font-size:12px;
	height: 28px
}

.search .field_title{
	margin-top:5px;
}

.edit .field_title{
	margin-top:5px;
}

.bg{
	background: #5e3d65;
	color:#FFFFFF;
}

.login{
	width: 100%;
    height: 100%;
	padding-top: 50px;
}

.login table{
	color:#FFFFFF;
}

.login input{
	color:#000000;
}

.login td{
	padding:10px 10px 0 10px;
}

.login_logo{
	margin:20px auto;width:100%;text-align:center;
}

.fail{
	color:red;
	font-weight:bold;
}


.cal_1{
	width:25%;
	float:left;
	padding:0 5px;
}
.cal_2{
	width:12%;
	float:left;
	padding:0 5px;
}
.cal_3{
	width:12%;
	float:left;
	padding:0 5px;
}
.cal_4{
	width:8%;
	float:left;
	padding:0 5px;
}
.cal_5{
	width:10%;
	float:left;
	padding:0 5px;
}
.cal_6{
	width:10%;
	float:left;
	padding:0 5px;
}
.cal_7{
	width:10%;
	float:left;
	padding:0 5px;
}
.cal_8{
	width:7%;
	float:left;
	padding:0 5px;
}
.cal_9{
	width:6%;
	float:left;
	padding:0 5px;
}
#remark{
	display:none;
}
#activity{
	display:none;
}

.alert{
	border:red 1px solid !important;
	padding:0px;
	margin-bottom:0;
}