body {
	font-family: "Microsoft Sans Serif", "Microsoft JhengHei UI", "微軟正黑體", Arial, "Arial Black";
	/*font-size: 15px;*/
	font-weight: 400;
	color: #000;
	line-height: 20px;
	/*text-align: center;*/
}

p,li {
	font-weight: 500;
    line-height: 2;
    font-size: 1.2em;
   /* color: #000;*/
}


@media (max-width: 768px) {
	p,
	li {
			font-size: 1em;
			line-height: 1.6em;
			font-weight: 300;
	}
}

strong {
	font-weight: 600;
}

a,
a:hover,
a:focus {
	color: #ff8a38;
	font-weight: 200;
	text-decoration: none;
	-o-transition: all .3s;
	-moz-transition: all .3s;
	-webkit-transition: all .3s;
	-ms-transition: all .3s;
	transition: all .3s;
}

.fa-asterisk {
	color: #DF1014;
	font-size: .8em;
}

h1 {
	margin-top: 10px;
	font-size: 38px;
	font-weight: 300;
	color: #555;
	line-height: 50px;
	/*font-style: italic;*/
}

h2 {
	margin-top: 10px;
	font-size: 3em;
	font-weight: 900;
	color: #071528;
	line-height: 50px;
	/*font-style: italic;*/
}

@media (max-width: 413px) {
	h2 {
			font-size: 24px;
	}
	h3 {
			font-size: 1.2em;
	}
}

@media (max-width: 767px) {
	h2 {
			font-size: 2em;
	}
	h3 {
			font-size: 1.3em;
	}
}

h3 {
	font-size: 1.6em;
	font-weight: 300;
	color: #eb900d;
	line-height: 30px;
	/*font-style: italic;*/
}

img {
	max-width: 100%;
}

.medium-paragraph {
	font-size: 1.2em;
	line-height: 1.6em;
	font-weight: 300;
}

.colored-text {
	color: #ff8a38;
}

::-moz-selection {
	background: #ff8a38;
	color: #fff;
	text-shadow: none;
}

::selection {
	background: #ff8a38;
	color: #fff;
	text-shadow: none;
}




/***** General style, all sections *****/

.section-container {
	margin: 0 auto;
	padding-bottom: 1em;
}


/*內頁最上Box*/

.One-container {
	/*margin-top: 6em;*/
	padding-bottom: 1em;
	overflow: hidden;
}

.header-bg {
	box-shadow: 0 -1px 0 #ddd inset, 0 -1px 0 #eee inset;
	background: rgba(256,256,256,.1);
}

.section-container-gray-bg {
	background: #f8f8f8;
}

.section-container-yl-bg {
	background: #f9f6e6;
}

.section-container-whiteshadow-bg {
	background: #fff;
	box-shadow: 0px 0px 10px #eee;
}

.section-container-grayimg-bg {
	background-image: url(../img/backgrounds/gray.png);
	background-repeat: repeat;
}

.section-container-blackimg-bg {
	background-image: url(../img/backgrounds/ep_naturalblack.png);
	background-repeat: repeat;
}

.section-container-wavesimg-bg {
	background-image: url(../img/backgrounds/subtle_white_mini_waves.png);
	background-repeat: repeat;
}

.section-container-whiteimg-bg {
	background-image: url(../img/backgrounds/ep_naturalwhite.png);
	background-repeat: repeat;
}

.section-container-crosswordimg-bg {
	background-image: url(../img/backgrounds/crossword.png);
	background-repeat: repeat;
}

.section-container-office-bg {
	background-image: url(../img/backgrounds/office.png);
	background-repeat: repeat;
}

.section-container-image-bg,
.section-container-image-bg h2,
.section-container-image-bg h3 {
	color: #fff;
}

.section-container-image-bg .divider-1 span {
	border-color: #fff;
}

.section-description {
	margin-top: 60px;
	padding-bottom: 10px;
	border-bottom: 0.2em dotted #eb900d;
	animation-delay: .5s;
	animation-direction: alternate;
}


.section-description p {
	margin-top: 20px;
	padding: 0 120px;
}

.section-container-image-bg .section-description p {
	opacity: 0.8;
}

.section-bottom-button {
	padding-top: 60px;
}

.btn-link-1 {
	display: inline-block;
	margin: .4em;
	background: #ff8a38;
	/* Old browsers */
	background: -moz-linear-gradient(top, #ffb24b 0%, #ff8a38 100%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffb24b), color-stop(100%, #ff8a38));
	/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffb24b 0%, #ff8a38 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffb24b 0%, #ff8a38 100%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffb24b 0%, #ff8a38 100%);
	/* IE10+ */
	background: linear-gradient(to bottom, #ffb24b 0%, #ff8a38 100%);
	/* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb24b', endColorstr='#ff8a38', GradientType=0);
	/* IE6-9 */
	border: 0;
	font-size: 1.2em;
	font-weight: 600;
	line-height: 1.4em;
	color: #fff;
	text-transform: uppercase;
	-moz-border-radius: 40px;
	-webkit-border-radius: 40px;
	border-radius: 40px;
	padding: .5em 2em;
	text-shadow: 1px 1px 0.3px rgba(33, 32, 32, 1.00);
}

.btn-link-1:hover,
.btn-link-1:focus,
.btn-link-1:active {
	background: #ff8a38;
	/* Old browsers */
	background: -moz-linear-gradient(top, #ffb24b 0%, #ff8a38 100%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffb24b), color-stop(100%, #ff8a38));
	/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffb24b 0%, #ff8a38 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffb24b 0%, #ff8a38 100%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffb24b 0%, #ff8a38 100%);
	/* IE10+ */
	background: linear-gradient(to bottom, #ffb24b 0%, #ff8a38 100%);
	/* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb24b', endColorstr='#ff8a38', GradientType=0);
	/* IE6-9 */
	outline: 0;
	color: #fff;
	background: linear-gradient(to bottom, #497285 0%, #071528 100%);
}

.btn-link-2 {
	display: inline-block;
	height: 50px;
	margin: 0 5px;
	background: #444;
	border: 0;
	font-size: 1.2em;
	font-weight: 600;
	line-height: 1.4em;
	color: #fff;
	text-transform: uppercase;
	-moz-border-radius: 40px;
	-webkit-border-radius: 40px;
	border-radius: 40px;
    padding: .5em 2em;
}

.btn-link-2:hover,
.btn-link-2:focus,
.btn-link-2:active,
.btn-link-2:active:focus {
	outline: 0;
	opacity: 0.6;
	background: rgba(0, 0, 0, 0.6);
	color: #000;
}

button.Custombtn {
	height: 50px;
	margin: 0;
	padding: 0 40px;
	vertical-align: middle;
	background: linear-gradient(to bottom, #ffb24b 0%, #ff8a38 100%);
	border: 0;
	font-size: 15px;
	font-weight: 300;
	line-height: 50px;
	color: #fff;
	text-transform: uppercase;
	border-radius: 40px;
	text-shadow: none;
	box-shadow: none;
	transition: all .3s;
}

button.Custombtn:hover {
	/*opacity: 0.3;*/
	outline: 0;
	color: #fff;
	background: linear-gradient(to bottom, #497285 0%, #071528 100%);
}

.btn-primary:hover,
.btn:hover {
	border-color: #071528;
}


/***** Divider *****/

.divider-1 span {
	display: inline-block;
	width: 200px;
	border-bottom: 1px dotted #aaa;
}

/* styles for validation helpers */
.field-validation-error {
    color: red;
}
 
.field-validation-valid {
    display: none;
}
 
input.input-validation-error {
    border: 1px solid red;
}
 
input[type="checkbox"].input-validation-error {
    border: 0 none;
}
 
.validation-summary-errors {
    color: red;
}
 
.validation-summary-valid {
    display: none;
}

/*course*/
.table-striped h4{line-height: 1.8; font-size: 1.2rem;}