@charset "utf-8";

body , .wrapper{ color:#333;}


/*a 鏈結字*/
a { color:#333;}
a:hover, a:focus { color:#06C; text-decoration:none; }


/*====================================================================*/


/*表單基本排版設定*/
.form{ 
	border:1px solid #ccc; 
	padding:15px;
	margin:30px 0;
	-ms-border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-o-bborder-radius:3px;
	border-radius:3px;
}
.form .form-line{ margin-bottom:20px; }
.form .form-inline{ margin-bottom:15px; display:inline-block; }
.form .form-btn-line{ margin:30px 0 10px 0; text-align:center; } /*按鈕列*/
.form .control-label{ margin-bottom:2px; }
.form .control-remind{ color:#999; font-size:0.8em; }/*文字欄位說明提醒*/

.form .control-label , .form .control-input , .form .control-textarea{
	font-size:14px;
	
	-ms-border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-o-bborder-radius:3px;
	border-radius:3px;
}
.form .control-input{ padding:2px 10px; line-height:2; }
.form .control-input , .form .control-textarea{ border:1px solid #ccc; }

.form input::-webkit-input-placeholder , .form textarea::-webkit-input-placeholder{ color: rgba(51,51,51, 0.6); font-size:0.95em;}
.form input::-moz-placeholder , .form textarea::-moz-placeholder { color: rgba(51,51,51, 0.6); font-size:0.95em;}
.form input::-ms-input-placeholder , .form textarea::-ms-input-placeholder { color: rgba(51,51,51, 0.6); font-size:0.95em;}
.form input::-moz-placeholder , .form textarea::-moz-placeholder { color: rgba(51,51,51, 0.6); font-size:0.95em;}

.control-btn{
	font-size:0.9em;
	padding:5px 15px;
	margin:5px 10px;
	border:1px solid #999;
	background:transparent;
	color:#666;
	text-align:center;
	cursor:pointer;
	
	-ms-border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-o-bborder-radius:3px;
	border-radius:3px;
}
.control-btn.master{ background:#0062B1; border-color:#0062B1; color:#fff; }
.control-btn.master:hover{ background:#3281c0; border-color:#3281c0; color:#fff; }


/*表單固定標題px寬之水平設定*/
.form-inline-set .form-line{ display: table; border-collapse:separate; width:100%;}
.form-inline-set .control-label{
	display: table-cell;
	min-width: 110px;
    white-space: nowrap;
	vertical-align:top;
	padding-top:2px;
	padding-right:10px;
	text-align:right;
	font-weight:600;
}
.form-inline-set .control-wrap{ display: table-cell; width: 100%; }
.form-inline-set .control-input{ width:100%;}
.form-inline-set .control-textarea{ width:100%;}
@media (max-width:768px) {
	.form{ border:0px; padding:0;}
	.form-inline-set .control-label , .form-inline-set .control-wrap{ display:block; }
	.form-inline-set .control-label{ margin-bottom:5px; text-align:left; }
}

/*必填提醒*/
.form .require-remind-line{ font-size: 0.9em; margin:0px 0 2px 0; text-align:right; }
.require-mark{ color:red; display:inline-block; vertical-align:text-top; width:8px; font-size:0.85em; }


/*區分標題之後有必填提醒，則縮減間距*/
.modal-headline + .require-remind-line{ margin-top:-15px;}


/*================================================================================================================*/



.logobar{ 
	height:180px;
	background:url(../images/banner.png) no-repeat center;
	background-size:cover;
}
.logo{ display:inline-block; max-width:150px; margin:10px 0; }
.logo img{ max-width:100%; height:auto; }

@media (max-width:768px){ .logobar{ height:150px; text-align:center; padding-top:5px; } }
@media (max-width:360px){ .logobar{ height:120px; } }


.menu-bar{ background:#eaeaea; text-align:center; padding:4px 0; }
.menu-btn{ 
	display:inline-block;
	font-size:1.2em; 
	color:#0062B1;
}
.goto-btn{ display:inline-block; text-decoration:underline; }
.goto-btn:hover{ text-decoration:underline; }

.member-list{ position:absolute; top:3px; right:0; }
.member-list li{ display:inline-block; }
.member-list li a{ font-size:0.9em; margin:0 5px; padding:1px 8px;  }
.member-list li a:hover{ border-color:#0062B1; color:#0062B1; }
@media (max-width:768px){ 
	.member-list{ position:relative; top:0; margin:20px 0 10px 0;}
	.member-list li a{ margin:0 10px; padding:8px 20px; }
}


.footer{
	margin-top:30px;
	padding:30px 0 20px 0;
	border-top:1px solid #ccc;
	font-size:0.8em;
	/*text-align:center;*/
}
.info-item{ display:inline-block; margin-right:10px; }
.footer , .footer a{ color:#666; }
.footer a:hover{ color:#06C; }



/*大標*/
.headline{ text-align:center; margin:30px 0; font-size:1.6em; font-weight:600; }





/*=====================================================================================================*/


/*首頁*/
.case-list{ margin:30px 0; }
.case-list li{ border:1px solid #ccc; border-bottom:0px; padding:10px 15px; }
.case-list li:last-child{ border-bottom:1px solid #ccc; }
.case-item{ position:relative; padding-left:30px; padding-right:130px; }
.item-order{ position:absolute; top:3px; left:0; font-size:0.8em; font-weight:600;}
.item-control-btn{ position:absolute; top:3px; right:0; }
@media (max-width:768px){
	.case-item{ padding-right:0; }
	.item-control-btn{ position:relative; top:0; margin-top:15px; margin-bottom:5px; }
}

@media (max-width:640px){ .case-item .item-control-btn .control-btn{ display:block; width:100%;} }