@media screen and (min-width : 769px){
/* ---reset.css--- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
html {font-family:Helvetica, "微軟正黑體" ,sans-serif;-webkit-text-size-adjust:none;}

/*---------------------首頁中間資訊置中*/
.weapper .wap { 
	max-width:980px;
	height:auto;
	margin:0 auto;}
/*---------------------中間內容物*/
.content {max-width:100%;height:auto;margin:0 auto;float:left;}

/*---------------------表單*/
.clt-mps-form {
    width: 100%;
    height: auto;
    background-color: #eeeeee;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    float: left;
    margin-bottom: 10px;
    padding-bottom:10px;
}


.divCalendarGroup {
}
.divNumberGroup {
        width:28%;
    }
.divRadioGroup {
        width:62%;
        padding-top:5px;
        height:37px;
    }
.form_subtitle {
    width: 100%;
    float: left;
    display: block;
}
.form_subtitle a {
    width: 100%;
    height: 40px;
    float: left;
    display: block;
    background-color: #434343;
    line-height: 40px;
    font-size: 17px;
    color: #fff;
    text-indent: 15px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.form_table_block {
	float:left;
	height:auto;
	width:100%;
	background-color: #fbfbfb;
	border:1px solid #e5e5e5;
    border-radius: 5px;
	padding:1% 0% 3% 0%;
}

/* --------------------------欄位設定 */
.form-group {
    padding-left:5px;
    margin-bottom: 7px;
    display: block;
    height:40px;
}
.control-label {
    font-size:17px;
	font-weight:bolder;
    height:25px;
	line-height:25px;
    text-align:right;
    vertical-align:middle;     
    padding-right:5px; 
}
.control-text {
    font-size:17px;
    height:25px;
	line-height:25px;
    text-align:left;
    vertical-align:middle;
    padding-top:5px;
}

.form-control {
    margin:0;
    margin-bottom:8px;
	/*height:32px;*/
	font-size:17px;
	/*line-height:32px;*/
	font-weight:200;
    border-radius: 3px;
    border: 1px solid #ccc;
    padding:3px 12px;
    width: 95%
}


/*button:not(.grid_btn),[type='button']:not(.grid_btn) {
    background-color:transparent;
    padding:0;
    border:none;
}*/
.divButton {
    width:50%;
    float:left;
}

/* --------------------------按鈕區塊*/
.form_Push_button {
	width:100%;
	float:left;
	display:block;
	margin-bottom:10px;
}

.btn-warning {
	/*width:100%;*/
    width:auto;
    background-image:url(../images/form_icon.png);
    background-repeat:no-repeat;	
    background-size:20px auto;	
    /*background-position:left 0px;*/
    background-position:10px 7px;
    vertical-align:middle;
    text-align:center;
	padding:6px 12px;
	font-size:17px;
	text-align:center;
	text-decoration:none;
	color:#fff;
	display:inline-block;
	background-color:#139c8b;
	border:0;
	border-radius:5px;
	text-indent:20px;
    line-height:1.42857143;

}
.btn-primary {
	/*width:100%;*/
    width:auto;
    background-image:url(../images/form_icon.png);	
    background-repeat:no-repeat;	
    background-size:20px auto;	
    background-position:10px -33px;
	/*padding:6% 0;*/
    padding:6px 12px;
	font-size:17px;
	text-align:center;
	text-decoration:none;
    text-shadow:none;
	color:#fff;
	display:inline-block;
	background-color:#fdd000;
	border:0;
	border-radius:5px;
	text-indent:20px;
    line-height:1.42857143;

}
.btn-reset {
	/*width:100%;*/
    width:auto;
    /*padding-left:28px;*/	
    background-image:url(../images/form_icon.png);	
    background-repeat:no-repeat;	
    background-size:20px auto;	
    background-position:10px -73px;
	/*padding:6% 0;*/
    padding:6px 12px;
	font-size:17px;
	text-align:center;
	text-decoration:none;
    text-shadow:none;
	color:#fff;
	display:inline-block;
	background-color:#bfbfbf;
	border:0;
	border-radius:5px;
	/*text-indent:-10px;*/
    text-indent:20px;
    line-height:1.42857143;
    
}
.btn-exit {
	/*width:100%;*/    
    width:auto;
    padding-left:28px;
	background-image:url(../images/form_icon.png);
	background-repeat:no-repeat;
	background-size:20px auto;
	background-position:10px -113px;
	/*padding:6% 0;*/
    padding:6px 12px;
	font-size:17px;
	text-align:center;
	text-decoration:none;
    text-shadow:none;
	color:#fff;
	display:inline-block;
	background-color:#d9534f;
	border:0;
	border-radius:5px;
	/*text-indent:-10px;*/
    text-indent:20px;
    line-height:1.42857143;
    
}
    
.btn-warning:active:hover,.btn-warning.active:focus,.btn-warning:active.focus,.btn-warning.active.focus ,
.btn-warning:focus,.btn-warning.focus,
.btn-warning:hover
 {background-color:#00706b;background-position:10px 7px;/*transition: all 0.4s ease-in-out;*/}

.btn-primary:active:hover,.btn-primary.active:focus,.btn-primary:active.focus,.btn-primary.active.focus ,
.btn-primary:focus,.btn-primary.focus,
.btn-primary:hover {background-color:#eb9900;background-position:10px -33px;/*transition: all 0.4s ease-in-out;*/}

.btn-reset:active:hover,.btn-reset.active:focus,.btn-reset:active.focus,.btn-reset.active.focus ,
.btn-reset:focus,.btn-reset.focus,
.btn-reset:hover {background-color:#e5004f;color:#fff ;background-position:10px -73px;/*transition: all 0.4s ease-in-out;*/}

.btn-exit:active:hover,.btn-exit.active:focus,.btn-exit:active.focus,.btn-exit.active.focus ,
.btn-exit:focus,.btn-exit.focus,
.btn-exit:hover {background-color:#c9302c;background-position:10px -113px;color:white;/*transition: all 0.4s ease-in-out;*/}


/* --------------------------出生日期*/
.clt-mps-form .form-name {width:30%;margin:15px 0% 5px 4%;float:left;display:block;}
.clt-mps-form .form-date {width:30%;margin:5px 0% 15px 4%;float:left;display:block;}
.clt-mps-form .form-sex {width:30%;margin:5px 0% 15px 4%;float:left;display:block;}
.form-text-sex{
	margin:0;
	float:left;
	height:35px;
	font-size:17px;
}
.clt-mps-form .form-date option {
    font-weight: normal;
    display: block;
    white-space: pre;
    min-height: 1.2em;
    padding: 0px 2px 1px;
}
.clt-mps-form .form-date .select {width:23%;
	height:30px;
	line-height:30px;
	float:left;
	display:block;
	font-size:17px;
	border:1px solid #e0e0e0;
	margin-right:1%;
	margin-top:2px;
}
.clt-mps-form .form-date .select1 {width:30%;
	height:30px;
	line-height:30px;
	float:left;
	display:block;
	font-size:17px;
	border:1px solid #e0e0e0;
	margin-right:1%;
	margin-top:2px;
}
/* --------------------------性別*/
    .clt-mps-form .Confirmation input[type="checkbox"] {
        margin-left: 36%;
    }

.clt-mps-form .form-sex label {
    text-align: left;
    width: auto;
    font-weight: normal;
    margin: 0 10px 0 0;
    float: left;
    display: inline;
    line-height: 18px;
    font-size: 12px;
}
.form-radio, .form-checkbox {
    margin-right: 5px;
    margin-top: 2px;
	float: left;
}
.form-sex label span{
    float: left;
	font-size:19px;
	line-height:35px;
	padding:0 5px;
}

/* --------------------------表格*/
/*.form_table_block {
	float:left;
	height:auto;
	width:100%;
	background-color: #fbfbfb;
	border:1px solid #e5e5e5;
    border-radius: 5px;
	padding:1% 0% 3% 0%;
}*/
/*.form_table_block table {*/
	/*float:left;
	height:auto;
	width:100%;
	border:0;
	border-collapse:collapse;*//*取消表格間距*/
/*}*/
/*.form_table_block table tr {
	width:100%;
	height:40px;
}*/
/*.form_table_block table .gray {width:23%;font-size:15px;line-height:35px; text-indent:1%;color:#000; background-color:#f3f4f4;}
.form_table_block table .green {width:23%;font-size:15px;line-height:35px; text-indent:1%;color:#000; background-color:#707070;}
table .gray td {width:23%;font-size:15px;line-height:30px; color:#434343;padding-left:10px;}
table .green td {width:23%;font-size:15px;line-height:30px; color:#fff;padding-left:10px;}

table tr td {width:23%;font-size:15px;line-height:30px; text-indent:1%;color:#000;padding-left:10px;}
table .green .style_2 {width:12.5%;padding:0; text-align:center;color:#fff;}
table tr .style_2 {width:12.5%;padding:0; text-align:center;color:#434343;}
.green td .Details {
	width: 80%;
	display:block;
	color:#fff;
    text-align: center;
    margin: 5% 10%;
    border-radius: 5px;
    background-color: #616161;
	text-decoration:none;
}
tr td .Details {
	width: 80%;
	display:block;
	color:#434343;
    text-align: center;
    margin: 5% 10%;
    border-radius: 5px;
    background-color: #e4e4e4;
	text-decoration:none;
}
tr td .Details:hover {background-color: #008a84;color:#fff;transition: all 0.2s ease-in-out;}*/
}
	/* --手機版型------------------------------------- */
@media screen and (max-width: 768px){
    /*---------------------首頁中間資訊置中*/
	.weapper .wap { 
		max-width:980px;
		height:auto;
		margin:0 auto;}
	/*---------------------中間內容物*/
	.content {
        min-width:320px;height:auto;margin:0 auto;float:left;
	}
	/*---------------------列表明細表單*/
	.clt-mps-form {
		width: 100%;
		height: auto;
		background-color: #eeeeee;
		border-bottom-left-radius: 5px;
		border-bottom-right-radius: 5px;
		float: left;
		margin-bottom: 10px;
        margin-left:10px;
	}
	.form_subtitle {
		width: 100%;
		float: left;
		display: block;
	}
	.form_subtitle a {
		width: 100%;
		height: 40px;
		float: left;
		display: block;
		background-color: #434343;
		line-height: 40px;
		font-size: 17px;
		color: #fff;
		text-indent: 15px;
		border-top-left-radius: 5px;
		border-top-right-radius: 5px;
	}
    .divButton {
        width:auto;
        float:left;
    }
    .form-control {
        width:92%;
    }

    .form-group {
    padding-left:5px;
    margin-bottom: 7px;
    display: block;
    height:40px;
}

    .control-label {
        font-size: 17px;
        font-weight: bolder;
        height: 32px;
        line-height: 32px;
        padding-right:5px;
    }

    .control-text {
    font-size:17px;
    height:25px;
	line-height:25px;
    text-align:left;
    vertical-align:middle;
    padding-top: 8px;
}

	.form-text-sex{
		margin:0;
		float:left;
		height:35px;
		font-size:17px;
	}
	
	
	/*.clt-mps-form .rowOne {width:100%;margin:15px 0% 5px 4%;float:left;display:block;}
    .clt-mps-form .rowTwo {width:46%;margin:15px 0% 5px 4%;float:left;display:block;}
    .clt-mps-form .rowThree {width:29%;margin:15px 0% 5px 4%;float:left;display:block;}

	.clt-mps-form .form-name {width:30%;margin:15px 0% 5px 4%;float:left;display:block;}
	.clt-mps-form .form-date {width:30%;margin:5px 0% 15px 4%;float:left;display:block;}
	.clt-mps-form .form-sex {width:30%;margin:5px 0% 15px 4%;float:left;display:block;}*/
	/* --------------------------出生日期*/
	/*.clt-mps-form .form-date option {
		font-weight: normal;
		display: block;
		white-space: pre;
		min-height: 1.2em;
		padding: 0px 2px 1px;
	}*/
	/*.clt-mps-form .form-date .select {width:23%;
		height:30px;
		line-height:30px;
		float:left;
		display:block;
		font-size:17px;
		border:1px solid #e0e0e0;
		margin-right:1%;
		margin-top:2px;
	}
	.clt-mps-form .form-date .select1 {width:30%;
		height:30px;
		line-height:30px;
		float:left;
		display:block;
		font-size:17px;
		border:1px solid #e0e0e0;
		margin-right:1%;
		margin-top:2px;
	}*/
	/* --------------------------性別*/
	/*.clt-mps-form .form-sex label {
		text-align: left;
		width: auto;
		font-weight: normal;
		margin: 0 10px 0 0;
		float: left;
		display: inline;
		line-height: 18px;
		font-size: 12px;
	}*/
	/*.form-radio, .form-checkbox {
		margin-right: 5px;
		margin-top: 2px;
		float: left;
	}
	.form-sex label span{
		float: left;
		font-size:19px;
		line-height:35px;
		padding:0 5px;
	}.form_Push_button {
		width:100%;
		float:left;
		display:block;
		margin-bottom:10px;
	}*/
	/*.form-action-2   {
		height:20%;
		width:24%;
		margin:0 0.5%;
		float:left;
	}*/
	.btn-warning {
		/*padding-left:28px;*/
		background-image:url(../images/form_icon.png);
		background-repeat:no-repeat;
		background-size:20px auto;
		background-position:10px 7px;
        /*width:100%;*/
		padding:6px 12px;
		font-size:17px;
		text-align:center;
		text-decoration:none;
		color:#fff;
		display:inline-block;
		background-color:#139c8b;
		border:0;
		border-radius:5px;
		text-indent:20px;
        line-height:1.42857143;

	}
	.btn-primary  {
		/*padding-left:28px;*/
		background-image:url(../images/form_icon.png);
		background-repeat:no-repeat;
		background-size:20px auto;
		background-position:10px -33px;
        padding:6px 12px;
		font-size:17px;
		text-align:center;
		text-decoration:none;
        text-shadow:none;
		color:#fff;
		display:inline-block;
		background-color:#fdd000;
		border:0;
		border-radius:5px;
		text-indent:20px;
        line-height:1.42857143;

	}
	.btn-reset {
		/*padding-left:28px;*/
		background-image:url(../images/form_icon.png);
		background-repeat:no-repeat;
		background-size:20px auto;
		background-position:10px -73px;
        padding:6px 12px;
		font-size:17px;
		text-align:center;
		text-decoration:none;
        text-shadow:none;
		color:#fff;
		display:inline-block;
		background-color:#bfbfbf;
		border:0;
		border-radius:5px;
		text-indent:20px;
        line-height:1.42857143;

	}
	.btn-exit  {
		/*padding-left:28px;*/
		background-image:url(../images/form_icon.png);
		background-repeat:no-repeat;
		background-size:20px auto;
		background-position:10px -113px;
        padding:6px 12px;
		font-size:17px;
		text-align:center;
		text-decoration:none;
        text-shadow:none;
		color:#fff;
		display:inline-block;
		background-color:#d9534f;
		border:0;
		border-radius:5px;
		text-indent:20px;
        line-height:1.42857143;

	}
	
    .btn-warning:active:hover,.btn-warning.active:focus,.btn-warning:active.focus,.btn-warning.active.focus ,
    .btn-warning:focus,.btn-warning.focus,
    .btn-warning:hover
     {background-color:#00706b;background-position:10px 7px;/*transition: all 0.4s ease-in-out;*/}

    .btn-primary:active:hover,.btn-primary.active:focus,.btn-primary:active.focus,.btn-primary.active.focus ,
    .btn-primary:focus,.btn-primary.focus,
    .btn-primary:hover {background-color:#eb9900;background-position:10px -33px;/*transition: all 0.4s ease-in-out;*/}

    .btn-reset:active:hover,.btn-reset.active:focus,.btn-reset:active.focus,.btn-reset.active.focus ,
    .btn-reset:focus,.btn-reset.focus,
    .btn-reset:hover {background-color:#e5004f;color:#fff ;background-position:10px -73px;/*transition: all 0.4s ease-in-out;*/}

    .btn-exit:active:hover,.btn-exit.active:focus,.btn-exit:active.focus,.btn-exit.active.focus ,
    .btn-exit:focus,.btn-exit.focus,
    .btn-exit:hover {background-color:#c9302c;background-position:10px -113px;color:white;/*transition: all 0.4s ease-in-out;*/}
    /* --------------------------表格*/
	.form_table_block {
		float:left;
		height:auto;
		width:100%;
		background-color: #fbfbfb;
		border:1px solid #e5e5e5;
		border-radius: 5px;
		padding:1% 0% 3% 0%;
	}
	/*.form_table_block table {
		float:left;
		height:auto;
		width:100%;
		border:0;
		border-collapse:collapse;*//*取消表格間距*/
	/*}*/
	/*.form_table_block table tr {
		width:100%;
		height:35px;
	}
	.form_table_block table .gray {width:23%;font-size:15px;line-height:35px; text-indent:1%;color:#000; background-color:#f3f4f4;}
	.form_table_block table .green {width:23%;font-size:15px;line-height:35px; text-indent:1%;color:#000; background-color:#707070;}
	table .gray td {width:23%;font-size:15px;line-height:30px; color:#434343;padding-left:10px;}
	table .green td {width:23%;font-size:15px;line-height:30px; color:#fff;padding-left:10px;}
	
	table tr td {width:20%;font-size:15px;line-height:30px; text-indent:1%;color:#000;padding-left:10px;}
	table .green .style_2 {width:15%;padding:0; text-align:center;color:#fff;}
	table tr .style_2 {width:15%;padding:0; text-align:center;color:#434343;}
	.green td .Details {
		width: 80%;
		display:block;
		color:#fff;
		text-align: center;
		margin: 6% 10%;
		border-radius: 5px;
		background-color: #616161;
		text-decoration:none;
	}
	tr td .Details {
		width: 80%;
		display:block;
		color:#434343;
		text-align: center;
		margin: 5% 10%;
		border-radius: 5px;
		background-color: #e4e4e4;
		text-decoration:none;
	}
	tr td .Details:hover {background-color: #008a84;color:#fff;transition: all 0.2s ease-in-out;}*/
    .clt-mps-form .Confirmation input[type="checkbox"] {
        margin-left: 36%;
    }
}
@media screen and (max-width: 640px) {
    .control-label {
        font-size: 17px;
        font-weight: bolder;
        height: 22px;
        line-height: 22px;
    }
    .form-control {
        width:92%;
    }	

    
    .control-text {
    font-size:17px;
    height:25px;
	line-height:25px;
    text-align:left;
    vertical-align:middle;
}

	.form-text-sex{
		margin:0;
		float:left;
		height:35px;
		font-size:17px;
	}
	/* --------------------------2個字的標題 */
	/*.field-label{
		width:20%;
		height:35px;
		line-height:35px;
		float:left;
		display:block;
		font-size:17px;
		font-weight:bolder;
	}
	.clt-mps-form .rowOne {width:100%;margin:15px 0% 5px 4%;float:left;display:block;}
    .clt-mps-form .rowTwo {width:100%;margin:15px 0% 5px 4%;float:left;display:block;}
    .clt-mps-form .rowThree {width:100%;margin:15px 0% 5px 4%;float:left;display:block;}*/

	/*.clt-mps-form .form-name {width:40%;margin:15px 0% 5px 4%;float:left;display:block;}
	.clt-mps-form .form-date {width:40%;margin:5px 0% 15px 4%;float:left;display:block;}
	.clt-mps-form .form-sex {width:40%;margin:5px 0% 15px 4%;float:left;display:block;}*/

	/* --------------------------出生日期*/
	/*.clt-mps-form .form-date option {
		font-weight: normal;
		display: block;
		white-space: pre;
		min-height: 1.2em;
		padding: 0px 2px 1px;
	}
	.clt-mps-form .form-date .select {
		width:23%;
		height:30px;
		line-height:30px;
		float:left;
		display:block;
		font-size:17px;
		border:1px solid #e0e0e0;
		margin-right:1%;
		margin-top:2px;
	}
	.clt-mps-form .form-date .select1 {width:30%;
		height:30px;
		line-height:30px;
		float:left;
		display:block;
		font-size:17px;
		border:1px solid #e0e0e0;
		margin-right:1%;
		margin-top:2px;
	}*/
		
	.btn-warning {
		/*width: 100%;*/
    	/*padding: 8% 0;*/
        padding:6px 12px;
    	font-size: 17px;
    	text-align: center;
		text-decoration: none;
		color: #fff;
		display: inline-block;
		background-color: #139c8b;
		border: 0;
		border-radius: 5px;
		text-indent: 20px;
        line-height:1.42857143;

	}
	.btn-primary {
		/*width:100%;
		padding:8% 0;*/
        padding:6px 12px;
		font-size:17px;
		text-align:center;
		text-decoration:none;
        text-shadow:none;
		color:#fff;
		display: inline-block;
		background-color:#fdd000;
		border:0;
		border-radius:5px;
		text-indent:20px;
        line-height:1.42857143;

	}
	.btn-reset {
		/*width:100%;*/
		/*padding:8% 0;*/
        padding:6px 12px;
		font-size:17px;
		text-align:center;
		text-decoration:none;
        text-shadow:none;
		color:#fff;
		display: inline-block;
		background-color:#bfbfbf;
		border:0;
		border-radius:5px;
		text-indent:20px;
        line-height:1.42857143;

	}
	.btn-exit {
		/*width:100%;
		padding:8% 0;*/
        padding:6px 12px;
		font-size:17px;
		text-align:center;
		text-decoration:none;
        text-shadow:none;
		color:#fff;
		display: inline-block;
		background-color:#d9534f;
		border:0;
		border-radius:5px;
		text-indent:20px;
        line-height:1.42857143;

	}

    .clt-mps-form .Confirmation input[type="checkbox"] {
        margin-left: 25%;
    }
}
@media screen and (max-width: 568px) {	
	ul.drop-down-menu {
		display: none;
	}
    .clt-mps-form {
		width: 100%;
		height: auto;
		background-color: #eeeeee;
		border-bottom-left-radius: 5px;
		border-bottom-right-radius: 5px;
		float: left;
		margin-bottom: 10px;
        margin-left:10px;
	}
    .divCalendarGroup {
        width:65%;
        padding-right:1px;
        padding-left:15px;
    }
    .divNumberGroup {
        width:80%;
    }
        
    .control-text {
    font-size:17px;
    height:30px;
	line-height:25px;
    text-align:left;
    vertical-align:middle;
    margin-left:15px;
    padding-top: 0px;
}

	.form_subtitle {
		width: 100%;
		float: left;
		display: block;
	}
	.form_subtitle a {
		width: 100%;
		height: 40px;
		float: left;
		display: block;
		background-color: #434343;
		line-height: 40px;
		font-size: 17px;
		color: #fff;
		text-indent: 15px;
		border-top-left-radius: 5px;
		border-top-right-radius: 5px;
	}
    
    /*.form-control {
        width:92%;
    }*/

	/*.form-text-sex{
		margin:0;
		float:left;
		height:35px;
		font-size:17px;
	}*/
	/* --------------------------2個字的標題 */
	/*.field-label{
		width:32%;
		height:35px;
		line-height:35px;
		float:left;
		display:block;
		font-size:17px;
		font-weight:bolder;
	}*/
	/*---------------------列表明細表單*/
	
	/*.clt-mps-form .rowOne {width:100%;margin:15px 0% 5px 4%;float:left;display:block;}
    .clt-mps-form .rowTwo {width:100%;margin:15px 0% 5px 4%;float:left;display:block;}
    .clt-mps-form .rowThree {width:100%;margin:15px 0% 5px 4%;float:left;display:block;}

	.clt-mps-form .form-name {width:45%;margin:15px 0% 5px 4%;float:left;display:block;}
	.clt-mps-form .form-date {width:45%;margin:5px 0% 15px 4%;float:left;display:block;}
	.clt-mps-form .form-sex {width:45%;margin:5px 0% 15px 4%;float:left;display:block;}*/
	/* --------------------------出生日期*/
	/*.clt-mps-form .form-date option {
		font-weight: normal;
		display: block;
		white-space: pre;
		min-height: 1.2em;
		padding: 0px 2px 1px;
	}
	.clt-mps-form .form-date .select {
		width:22%;
		height:30px;
		line-height:30px;
		float:left;
		display:block;
		font-size:17px;
		border:1px solid #e0e0e0;
		margin-right:1%;
		margin-top:2px;
	}
	.clt-mps-form .form-date .select1 {
		width:32%;
		height:30px;
		line-height:30px;
		float:left;
		display:block;
		font-size:17px;
		border:1px solid #e0e0e0;
		margin-right:1%;
		margin-top:2px;
	}*/

    .form_Push_button {
		width:97%;
		float:left;
		display:block;
		margin-left:10px;
	}
	.btn-warning {
		/*width: 100%;
		padding: 10% 0;*/
        background-image:url(../images/form_icon.png);    
	    background-repeat:no-repeat;	
    	background-size:20px auto;	   
	    background-position:10px 7px;
        padding:6px 12px;
		font-size: 17px;
		text-align: center;
		text-decoration: none;
		color: #fff;
		display: inline-block;
		background-color: #139c8b;
		border: 0;
		border-radius: 5px;
		text-indent:20px;
        line-height:1.42857143;

	}
	.btn-primary {
		/*width: 100%;
		padding: 10% 0;*/
        background-image:url(../images/form_icon.png);    
	    background-repeat:no-repeat;	
    	background-size:20px auto;	   
	    background-position:10px -33px;
        padding:6px 12px;
		font-size:17px;
		text-align:center;
		text-decoration:none;
        text-shadow:none;
		color:#fff;
		display: inline-block;
		background-color:#fdd000;
		border:0;
		border-radius:5px;
		text-indent:20px;
        line-height:1.42857143;

	}
	.btn-reset {
		/*width: 100%;
		padding: 10% 0;*/
        background-image:url(../images/form_icon.png);    
	    background-repeat:no-repeat;	
    	background-size:20px auto;	   
	    background-position:10px -73px;
        padding:6px 12px;
		font-size:17px;
		text-align:center;
		text-decoration:none;
        text-shadow:none;
		color:#fff;
		display: inline-block;
		float:left;
		background-color:#bfbfbf;
		border:0;
		border-radius:5px;
		text-indent:20px;
        line-height:1.42857143;

	}
	.btn-exit {
		/*width: 100%;
		padding: 10% 0;*/
        background-image:url(../images/form_icon.png);    
	    background-repeat:no-repeat;	
    	background-size:20px auto;	   
	    background-position:10px -113px;
        padding:6px 12px;
		font-size:17px;
		text-align:center;
		text-decoration:none;
        text-shadow:none;
		color:#fff;
		display: inline-block;
		float:left;
		background-color:#d9534f;
		border:0;
		border-radius:5px;
		text-indent:20px;
        line-height:1.42857143;

	}
	/* --------------------------表格*/
	.form_table_block {
	    float: left;
		height: auto;
		width: 100%;
		background-color: #fbfbfb;
		border: 1px solid #e5e5e5;
		border-radius: 5px;
		padding: 1% 0% 3% 0%;
	}
	/*.form_table_block table {
		float:left;
		height:auto;
		width:100%;
		border:0;
		border-collapse:collapse;/*取消表格間距*/*/
	/*}
	.form_table_block table tr {
		width:100%;
		height:40px;
	}*/
	/*.form_table_block table .gray {width:20%;font-size:15px;line-height:35px; text-indent:1%;color:#000; background-color:#f3f4f4;}
	.form_table_block table .green {width:20%;font-size:15px;line-height:35px; text-indent:1%;color:#000; background-color:#707070;}
	table .gray td {width:20%;font-size:15px;line-height:30px; color:#434343;padding-left:10px;}
	table .green td {width:20%;font-size:15px;line-height:30px; color:#fff;padding-left:10px;}
	
	table tr td {width:20%;font-size:15px;line-height:30px; text-indent:1%;color:#000;padding-left:10px;}
	table .green .style_2 {width:20%;padding:0; text-align:center;color:#fff;}
	table tr .style_2 {width:20%;padding:0; text-align:center;color:#434343;}
	tr td .Details {
		width: 80%;
		display:block;
		color:#000;
		text-align: center;
		margin: 5% 10%;
		border-radius: 5px;
		background-color: #d2d2d2;
		text-decoration:none;
	}
	tr td .Details:hover {background-color: #008a84;color:#fff;transition: all 0.2s ease-in-out;}*/

    .clt-mps-form .Confirmation input[type="checkbox"] {
        margin-left: 15%;
    }
}
@media screen and (max-width: 480px) {}
@media screen and (max-width: 414px) {
    .form-control {
        width:90%;
    }
    .clt-mps-form {
		width: 100%;
		height: auto;
		background-color: #eeeeee;
		border-bottom-left-radius: 5px;
		border-bottom-right-radius: 5px;
		float: left;
		margin-bottom:5px;
        margin-left:5px;
	}
    .divCalendarGroup {width:72%}
    .divNumberGroup {
        width:72%;
    }
    .divRadioGroup {
        width:71%;
        padding-right:1px;
        padding-left:1px;
        font-size:15px;
    }
    
    .control-text {
        font-size:15px;
        height:32px;
	    line-height:32px;
        text-align:left;
        vertical-align:middle;
    }
    .form-radio, .form-checkbox {
        margin-right: 5px;
        margin-top: 7px;
        margin-bottom:7px;
	    float: left;
    }
}
@media screen and (max-width: 375px) {
    .form-control {
        width:90%;
    }
    .clt-mps-form {
		width: 97%;
		height: auto;
		background-color: #eeeeee;
		border-bottom-left-radius: 5px;
		border-bottom-right-radius: 5px;
		float: left;
		margin-bottom:5px;
        margin-left:5px;
	}
    .divCalendarGroup {width:72%}
    .divNumberGroup {
        width:72%;
    }
    .divRadioGroup {
        width:71%;
        padding-right:1px;
        padding-left:1px;
        font-size:15px;
    }
    .control-text {
        font-size:15px;
        height:32px;
	    line-height:32px;
        text-align:left;
        vertical-align:middle;
        padding-top: 0px;
    }
}
@media screen and (max-width: 320px) {
    .form-control {
        width:90%;
    }
    /*---------------------首頁中間資訊置中*/
	.weapper .wap { 
		max-width:980px;
		height:auto;
		margin:0 auto;}
	/*---------------------中間內容物*/
	.content {min-width:320px; width:98%;height:auto; margin: 0 1%; float:left;}
	/*---------------------列表明細表單*/
	.clt-mps-form {
		width: 100%;
		height: auto;
		background-color: #eeeeee;
		border-bottom-left-radius: 5px;
		border-bottom-right-radius: 5px;
		float: left;
		margin-bottom:5px;
        margin-left:5px;
	}
    .divCalendarGroup {width:82%}
    .divNumberGroup {
        width:82%;
    }
    .divRadioGroup {
        width:71%;
        padding-right:1px;
        padding-left:1px;
        font-size:15px;
    }
	.form_subtitle {
		width: 100%;
		float: left;
		display: block;
	}
	.form_subtitle a {
		width: 100%;
		height: 40px;
		float: left;
		display: block;
		background-color: #434343;
		line-height: 40px;
		font-size: 17px;
		color: #fff;
		text-indent: 15px;
		border-top-left-radius: 5px;
		border-top-right-radius: 5px;
	}
    .form-control {
        width:92%;
    }
    .control-label {
        font-size: 15px;
        font-weight: 800;
        height: 28px;
        line-height: 32px;
    }
    .control-text {
        font-size:15px;
        height:32px;
	    line-height:32px;
        text-align:left;
        vertical-align:middle;
    }
	/*.form-text-sex{
		margin:0;
		float:left;
		height:35px;
		font-size:17px;
	}*/
	/* --------------------------2個字的標題 */
		
	/*.clt-mps-form .rowOne {width:100%;margin:15px 6% 3px 6%;float:left;display:block;}
    .clt-mps-form .rowTwo {width:100%;margin:15px 0% 5px 4%;float:left;display:block;}
    .clt-mps-form .rowThree {width:100%;margin:15px 0% 5px 4%;float:left;display:block;}

	.clt-mps-form .form-name {width:88%;margin:5px 6% 3px 6%;float:left;display:block;}
	.clt-mps-form .form-date {width:88%;margin:5px 6% 3px 6%;float:left;display:block;}
	.clt-mps-form .form-sex {width:88%;margin:5px 6% 15px 6%;float:left;display:block;}*/
	/* --------------------------出生日期*/
	/*.clt-mps-form .form-date option {
		font-weight: normal;
		display: block;
		white-space: pre;
		min-height: 1.2em;
		padding: 0px 2px 1px;
	}
	.clt-mps-form .form-date .select {
		width:26%;
		height:30px;
		line-height:30px;
		float:left;
		display:block;
		font-size:19px;
		border:1px solid #e0e0e0;
		margin-right:1%;
		margin-top:2px;
	}
	.clt-mps-form .form-date .select1 {
		width:30%;
		height:30px;
		line-height:30px;
		float:left;
		display:block;
		font-size:19px;
		border:1px solid #e0e0e0;
		margin-right:1%;
		margin-top:2px;
	}*/
	/* --------------------------性別*/
	/*.clt-mps-form .form-sex label {
		text-align: left;
		width: auto;
		font-weight: normal;
		margin: 0 10px 0 0;
		float: left;
		display: inline;
		line-height: 18px;
		font-size: 12px;
	}
	.form-radio, .form-checkbox {
		margin-right: 5px;
		margin-top: 2px;
		float: left;
	}
	.form-sex label span{
		float: left;
		font-size:19px;
		line-height:35px;
		padding:0 5px;
	}*/
	.btn-warning {
		padding-left:22px;
		background-image:url(../images/form_icon.png);
		background-repeat:no-repeat;
		background-size:20px auto;
		background-position:10px 7px;
        /*width: 100%;*/
		/*padding: 15% 0;*/
        padding:6px 12px;
		font-size: 15px;
		text-align: center;
		text-decoration: none;
		color: #fff;
		display: inline-block;
		background-color: #139c8b;
		border: 0;
		border-radius: 5px;
		text-indent:20px;
        line-height:1.42857143;
	}
	.btn-primary {
		padding-left:22px;
		background-image:url(../images/form_icon.png);
		background-repeat:no-repeat;
		background-size:20px auto;
		background-position:10px -33px;
        padding:6px 12px;
		font-size: 15px;
		text-align: center;
		text-decoration: none;
        text-shadow:none;
		color: #fff;
		display: inline-block;
		background-color: #fdd000;
		border: 0;
		border-radius: 5px;
		text-indent:20px;
        line-height:1.42857143;
	}
	.btn-reset {
		padding-left:22px;
		background-image:url(../images/form_icon.png);
		background-repeat:no-repeat;
		background-size:20px auto;
		background-position:10px -73px;
        padding:6px 12px;
		font-size: 15px;
		text-align: center;
		text-decoration: none;
        text-shadow:none;
		color: #fff;
		display: inline-block;
		background-color: #bfbfbf;
		border: 0;
		border-radius: 5px;
		text-indent:20px;
        line-height:1.42857143;
	}
	.btn-exit {
		padding-left:22px;
		background-image:url(../images/form_icon.png);
		background-repeat:no-repeat;
		background-size:20px auto;
		background-position:10px -113px;
        padding:6px 12px;
		font-size: 15px;
		text-align: center;
		text-decoration: none;
        text-shadow:none;
		color: #fff;
		display: inline-block;
		background-color: #d9534f;
		border: 0;
		border-radius: 5px;
		text-indent:20px;
        line-height:1.42857143;

	}
	.form_Push_button {
		width:97%;
		float:left;
		display:block;
		margin-left:10px;
		margin-bottom: 5px;
	}
		
    .btn-warning:active:hover,.btn-warning.active:focus,.btn-warning:active.focus,.btn-warning.active.focus ,
    .btn-warning:focus,.btn-warning.focus,
    .btn-warning:hover
     {background-color:#00706b;background-position:10px 7px;/*transition: all 0.4s ease-in-out;*/}

    .btn-primary:active:hover,.btn-primary.active:focus,.btn-primary:active.focus,.btn-primary.active.focus ,
    .btn-primary:focus,.btn-primary.focus,
    .btn-primary:hover {background-color:#eb9900;background-position:10px -33px;/*transition: all 0.4s ease-in-out;*/}

    .btn-reset:active:hover,.btn-reset.active:focus,.btn-reset:active.focus,.btn-reset.active.focus ,
    .btn-reset:focus,.btn-reset.focus,
    .btn-reset:hover {background-color:#e5004f;color:#fff ;background-position:10px -73px;/*transition: all 0.4s ease-in-out;*/}

    .btn-exit:active:hover,.btn-exit.active:focus,.btn-exit:active.focus,.btn-exit.active.focus ,
    .btn-exit:focus,.btn-exit.focus,
    .btn-exit:hover {background-color:#c9302c;background-position:10px -113px;color:white;/*transition: all 0.4s ease-in-out;*/}
    /* --------------------------表格*/
	.form_table_block {
		float: left;
		height: auto;
		width: 100%;
		background-color: #fbfbfb;
		border: 1px solid #e5e5e5;
		border-radius: 5px;
		padding: 1% 0% 3% 0%;
	}
	/*.form_table_block table {
		float:left;
		height:auto;
		width:100%;
		border:0;
		border-collapse:collapse;*//*取消表格間距*/
	/*}
	.form_table_block table tr {
		width:100%;
		height:35px;
	}*/
	/*.form_table_block table .gray {width:20%;font-size:15px;line-height:35px; text-indent:1%;color:#000; background-color:#f3f4f4;}
	.form_table_block table .green {width:20%;font-size:15px;line-height:35px; text-indent:1%;color:#000; background-color:#707070;}
	table .gray td {width:20%;font-size:15px;line-height:35px; color:#434343;padding:0 2px;}
	table .green td {width:20%;font-size:15px;line-height:35px; color:#fff;padding:0 2px;}
	
	table tr td {width:20%;font-size:15px;line-height:35px; text-indent:1%;color:#000;padding-left:10px;}
	table .green .style_2 {width:20%;padding:0; text-align:center;color:#fff;}
	table tr .style_2 {width:20%;padding:0; text-align:center;color:#434343;}
	.green td .Details {
		width: 80%;
		display: block;
		color: #fff;
		text-align: center;
		margin: 10% 10%;
		border-radius: 5px;
		background-color: #616161;
		text-decoration: none;
	}
	tr td .Details {
		width: 80%;
		display:block;
		color:#000;
		text-align: center;
		margin: 10% 10%;
		border-radius: 5px;
		background-color: #d2d2d2;
		text-decoration:none;
	}
	tr td .Details:hover {background-color: #008a84;color:#fff;transition: all 0.2s ease-in-out;}*/

    .clt-mps-form .Confirmation input[type="checkbox"] {
        margin-left: 10%;
    }

}