#BodyContentMain { padding-bottom:0;}
a:hover, a:focus {color: #74777b;}
.bg1{background: url(../image/1108099_bg.png) no-repeat top;}
.bg2{background-color: #FFF;}
.bg3{background: linear-gradient(to bottom,#FFF 3%,#d1f8e9 25%);}
.fas { padding-right:8px;}
.table td a { white-space: nowrap;}
.table>tbody>tr:hover {background-color:#fef6f7;}/*改變表格hover底色*/
.title { text-align:center;}
.title li{ text-align:left;font-size: 2.2rem;}
.title li span{ color: #f93d89;}
.title li a{ color: #0dc49a;font-weight: bold;text-decoration: underline;}
.banner img{ width: 100%;height: auto;}
h1 {font-size:2.8em; color: #fa3383;font-family: 華康新特明體;padding-top: 2.0rem;}
h1 span {/*泡泡*/ font-size: 0.5em;margin: 0 0 0 0.5em;color: #fa3383;padding: 0.1em 0.8em;border: dotted 2px;letter-spacing: 0.1em;display: inline-block;}
.content {margin: 0 0 11px;border-top: solid 4px #050b45;font-size: 1.2em;color: #050b45;background-color: #f1f0f1;padding:0.8em 2.0em;}
/*.content a {font-size: 1.0em;margin: 0 0 0 0.5em;background-color: #fa3383;color: white;padding: 0.1em 0.8em 0.0em;border-radius: 1.5em;}*/
.title .btn {font-size: 1.0em;margin: 0 0 0 0.5em;background-color: #fa3383;color: white;padding: 0.1em 0.8em 0.0em;border-radius: 1.5em;}
.fcolor1{color: aquamarine;}
table {color: #050b45;background: linear-gradient(to bottom,#f1f1f1 10%,#FFF 100%);}
table th {text-align: left;background-color: #050b45;color: white;}
table a {color: #fa3383;}
.link {color: #fa3383;text-align: right;margin: 0 0 1%;}
.link a {font-size: 1.0em;background-color: #fa3383;color: white;padding: 0.3em 0.8em;border-radius: 1.5em;}

#mooc-form { background-color:#f93b88;padding: 2% 5%;color: #fff;}

/*輸入框寬度與文字顏色*/
#mooc-form ul li input{ width:270px; padding:2px 8px;border-radius:5px; border-width:0}
#mooc-form ul li:nth-child(3) input { width:262px;}
#mooc-form ul li:nth-child(4) input { width:238px;}
input[type="text"], input[type="tel"], input[type="email"] {color: #000;}

#mooc-form h2 {color: #50dcb4;padding-top: 2%;font-weight: bold;text-align: center;margin-top: 0;font-size: 2.0em;border-bottom: dotted 1px;}
#mooc-form ul { border-bottom: dotted 1px;}
#mooc-form ul li { padding: 0.5% 0;}
#mooc-form p { color: aquamarine;text-align: center;}
.ser { text-align: center;padding: 1% 1%;border-radius: 1em;background: linear-gradient(to bottom,#3dd8b5 10%,#dbfaac 60%,#FFF 95%);color: #050b45;font-size: 1.2em;}
.ser a { color: #f93b88;}
.ps { color: #fbe3ed;font-size: 0.9em;padding: 1% 0 3%;text-align: center;}
.pass { color: #fff;font-size: 1.0em;padding: 0% 0 3%;text-align: center;}
.remind {background-color: #050b45;color: #ebebf3;padding: 1% 5%;}



@media (max-width:767px) {
    .fas { padding-right:3px;}
    .table tr > th:first-child { width:5em;}
    #mooc-form ul { padding-left:30px;}
    #mooc-form ul li:nth-child(3) input,#mooc-form ul li:nth-child(4) input{ width:270px;}
}

label {
margin-right: 10px;
}



.container2{
    max-width: 100%;
    margin: auto;
    display: flex;
    flex-wrap: wrap;
}

.forDesktop, .forDesktop2{
    margin: 0.6em 0 0 0;
}

.mobile{ width: 100%;}
@media screen and (min-width:768px){
    .forTablet{ width: 50%;}
	.forTablet2{ width: 50%;}
	.input-text{width: 100%;}
}
@media screen and (min-width:1024px){
    .forLaptop{ width: 33.33%;}
	.forLaptop2{ width: 33.33%;}
	.input-text{width: 50%;}
}
@media screen and (min-width:1200px){
    .forDesktop{ width: 30%;}
	.forDesktop2{ width: 50%;}
	.input-text{width: 60%;}
}