@charset "utf-8";
/* CSS Document */
#title_image {
	background-image:url(../images/member/blocks/title_member.jpg);
	width:100%;
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
}
#title_image .word {
	width:100%;
	padding:1em;
	text-shadow:0 0 0.6em #333;
	text-align:center;
	color:#FFF;
	display:inline-block;
}
#title_image .word .ch {
	font-size:2.4em;
	letter-spacing:0.2em;
	text-shadow:0 0 8px #999,0 0 8px #999,0 0 8px #999;
}
#title_image .word .en {
	text-shadow:0 0 6px #666,0 0 6px #666,0 0 6px #666;
}
#reg_step {
	width:100%;
}
#reg_step ul.tabs {
	width:100%;
	display:block;
}
#reg_step ul.tabs li {
	width:25%;
	height:51px;
	line-height:51px;
	float:left;
	overflow:hidden;
	position:relative;
	margin-bottom:-1px; /* 讓 li 往下移來遮住 ul 的部份 border-bottom */
	border:1px solid #FFF;
	background-color:#64BBC3;
	font-size:0.8em;
	color:white;
	text-align:center;
}
#reg_step ul.tabs li.on {
	background-color:#00909E;
	color:#FFED00;
}
#myform table {
	width:100%;
}
#myform .stepTitle {
	color:#0052A5;
	font-size:26px;
	font-weight:bold;
}
#myform .memo {
	font-size:0.8em;
}
#myform .memo2 {
	color:#0052A5;
	line-height:1.4em;
	text-align:justify;
}
#myform .info a {
	color:#0052A5;
}
#myform .info a:hover {
	color:#03C;
}
#myform .required {
	border:2px solid #F00 !important;
}
#myform .readonly {
	background:#CCC !important;
	cursor:not-allowed;
}
#myform .submit_btn {
	width:100%;
	height:60px;
	color:#FFF;
	font-size:1.4em;
	letter-spacing:0.25em;
	background:#00909E;
	border:0;
	cursor:pointer;
	outline:none;
}
#myform .submit_btn:hover {
	background:#027C88;
}
#myform em{font-size:0.8em;color:red;}
#myform .zipArea{width:calc(50% - 4px);}
#myform .btn_receive1111{width:100%;height:55px;text-align:center;background:#0052A5;display:table;border:0;cursor:pointer;outline:none;}
#myform .btn_receive1111:hover{background:#039;}
#myform .btn_receive1111 img{width:100%;min-width:180px;max-width:300px;}
.ruleBox {
	color:#8F8F8F;
	width:calc(100% - 10px);
	height:150px;
	padding:0.8em;
	border:1px solid #8F8F8F;
	overflow-x:auto;
	overflow-y:scroll;
}
#memberFavCourse {
	width:365px;
}
@media screen and (max-width: 410px) {
	#memberFavCourse {
		width:245px;
	}
}
@media screen and (max-device-width:405px) {
	#memberFavCourse {
		width:245px;
	}
}
#memberFavCourse {
	margin-right:auto;
	margin-left:auto;
}
#memberFavCourse .item {
	width:120px;
	float:left;
}
#courseViewList {
	width:100%;
	min-height:197px;
	padding-left:10px;
	padding-right:10px;
}
#courseViewList ul li {
	width:100%;
	margin-bottom:16px;
}
#courseViewList ul li .title {
	margin-top:5px;
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap;
	-o-text-overflow:ellipsis;
}
#courseViewList ul li .title a {
	color:#333;
}
#courseViewList ul li .title_over a {
	color:#CCC;
}
#courseViewList ul li .title a:hover, #courseViewList ul li .title_over a:hover {
	color:#03C;
}
#courseViewList ul li .org {
	font-size:0.8em;
	color:#555;
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap;
	-o-text-overflow:ellipsis;
}
#courseViewList ul li .date {
	font-size:0.8em;
	color:#0052A5;
}
#coursefavList {
	width:100%;
	padding-left:10px;
	padding-right:10px;
}
#coursefavList .ckall {
	margin-bottom:10px;
	color:#666;
}
#coursefavList input[type="checkbox"]{
	vertical-align:middle;
	width:2em;
	height:2em;
	border:1px solid #333;
}
#coursefavList ul li {
	width:100%;
	margin-bottom:16px;
}
#coursefavList ul li .left {
	float:left;
	margin-right:10px;
	height:55px;
	display:table;
}
#coursefavList ul li .left .check {
	display:table-cell;
	vertical-align:middle;
}
#coursefavList ul li .right {
	/*float:left;*//*使用會讓文字…失效*/
}
#coursefavList ul li .right .title {
	margin-top:5px;
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap;
	-o-text-overflow:ellipsis;
}
#coursefavList ul li .right .title a {
	color:#333;
}
#coursefavList ul li .right .title_over a {
	color:#CCC;
}
#coursefavList ul li .right .title a:hover, #coursefavList ul li .right .title_over a:hover {
	color:#03C;
}
#coursefavList ul li .right .org {
	font-size:0.8em;
	color:#555;
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap;
	-o-text-overflow:ellipsis;
}
#coursefavList ul li .right .date {
	font-size:0.8em;
	color:#0052A5;
}
#coursefavList .submit_bar {width:100%;height:60px;text-align:center;background:#00909E;display:table;cursor:pointer;}
#coursefavList .submit_bar:hover {background:#027C88;}
#coursefavList .submit_bar .title {color:#FFF;font-size:1.4em;letter-spacing:0.25em;display:table-cell;vertical-align:middle;}
#ePaper {
	width:100%;
	padding-left:10px;
	padding-right:10px;
}
#ePaper .memo {
	color:#333;
}
#ePaper ul li {
	width:100%;
	text-align:center;
}
@media screen and (min-width: 810px) {
	#ePaper ul li {
		width:50%;
		float:left;
	}
}
#ePaper ul li .img {
	width:100%;
	border:1px solid #FFF;
}
#ePaper ul li .img img {
	width:100%;
	max-width:495px;
	max-height:325px;
}
#ePaper ul li .type {
	margin-top:5px;
	font-size:1.2em;
	color:#0052A5;
}
#ePaper ul li .title {
	text-overflow:ellipsis;
	-o-text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap;
	margin-bottom:10px;
}
#ePaper ul li .title a {
	color:#333;
}
#ePaper ul li .title a:hover {
	color:#03C;
}
#ePaper .bar {width:100%;height:50px;text-align:center;background:#00909E;margin-top:10px;}
#ePaper .bar:hover {background:#037682;}
#ePaper .bar .title {color:#FFF;font-size:22px;letter-spacing:2px;}
#ePaper .bar .title a {color:#FFF;height:50px !important;display:block;padding-top:10px;}
#ePaper .bar .title a:hover {color:#FFF;}