body {
    margin: 0;
}

body, input, select, textarea {
    font-family: 微軟正黑體,Verdana,Arial,Helvetica,sans-serif;
}

iframe {
    border: none;
}

textarea {
    overflow: auto;
}

a img {
    border: none;
}

hr {
    height: 0;
    border: none;
    border-bottom: 1px solid #c0c0c0;
}

.color-red {
    color: red;
}

.color-green {
    color: #008000;
}

.color-blue {
    color: blue;
}

.color-white {
    color: white;
}

.color-deeppink {
    color: deeppink;
}

.align-left, td.align-left {
    text-align: left;
}

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

.align-right, td.align-right {
    text-align: right;
}

.align-top, td.align-top {
    vertical-align: top;
}

.align-middle, td.align-middle {
    vertical-align: middle;
}

.align-bottom, td.align-bottom {
    vertical-align: bottom;
}

.display-none {
    display: none;
}

.display-inline-block {
    display: inline-block;
}

.text-decoration-none {
    text-decoration: none;
}

a.text-decoration-none:hover {
    border-bottom: 1px solid;
}

.font-weight-normal {
    font-weight: normal;
}

.font-weight-bold {
    font-weight: bold;
}


/*-------- 內頁公用 ------*/

.border-line {
	border: 1px solid rgba(216, 216, 216, 0.7);
	padding: 2%;
	border-radius: 2px;
	margin: 25px auto 20px;
}

.tag-title {
	font-size: 11pt;
	border-radius:12px 12px 0 0;
	background-color: #3e78c0;
	color: #FFFFFF;
	padding: 5px 0;
	text-align: center;
	font-weight: bold;
}

.tag-underline {
	background-color: #558ed5;
	height: 3pt;
}

.text-title01 {
	color: #558ed5;
	text-align: center;
	font-weight: bold;
}

.input-border {
	border: 0;
	border-bottom: 1px solid #C0C0C0;
	width: 100%;

}

.q-border {
	font-weight: 800;
	font-size: 12pt;
	letter-spacing: 1pt;
	margin: 10px auto 3px;
	padding:10px 15px;
	border: 1px dashed #003567;
	border-radius: 10px;
	background-color:  #f1f8ff;
}

.a-border {
	font-size: 11pt;
	padding:10px 55px;
	border-radius:6px;
}

.margin-top01 {
	margin-top: 15px;
}

/*視窗寬度小於767以下切換*/
@media screen and (max-width: 767px) {
	.q-border {
		font-size: 11pt;
		letter-spacing: 0pt;
	}

	.a-border {
		font-size: 10pt;
		padding:10px 20px;
	}
}


/*-------- 內頁公用 E ------*/



/*-------- 內頁公用 手機版 ------*/

.mobile-att {
	font-size: 9pt;
	color: #C70003;
	line-height: normal;
	text-align: center;
}
.mobile-att2 {
	font-size: 8pt;
	color: #585858;
	line-height: normal;
	text-align: center;
}

.mobile-padding {
	padding: 5%;
}

.result-choose {
	margin: 10px auto;
	text-align: center;
	padding: 5px 0;
	border: 1px solid #a9c1da;
	border-radius: 25px;
	background-color: #f1f8ff;
}

.result-bt {
	background-color: #337ab7;
	color: white;
	/*padding: 3px;*/
	border-radius: 2px;
	margin: 5px 15px;
}

.result-circle {
	background-color: #FFF694;
	color: #3A3A3A;
	padding: 3px;
	border-radius: 50px;
	margin: 0 15px;
}

.table-bordered,td {
	padding: 5px;
}

/*-------- 內頁公用 手機版 E ------*/