body {background-color: #FFF;}
h1, h2, h3, h4, h5, h6 {font-weight: 600;clear: both;margin: 0;}
ul {padding:0; margin:0;}
ul li {font-size: 16px;}
p {font-size: 16px; line-height: 1.6;}

article{ width: 100%;margin: 0 auto;padding: 0;clear: both;background: #fff;color: #000;}
header, section{ width: 100%;margin: 0px auto;clear: both;}
section{min-height: 200px;clear: both;background-color: transparent;}
#page{width: 1440px;margin:0 auto;display: block;}


/* 主視覺 */
#Visual {
    background: transparent url(../images/UMBTTR_image.png) 20% 0 no-repeat;
    background-size: 65%;
    background-position: top center;
    height: 90Vh;
    margin: auto; 
}

/* Top */
#Top {
    background: transparent url(../images/Top.png) center center no-repeat;
    background-size: 90%;
    background-position: top center;
    height: 80Vh;
    margin: auto; 
    padding-top: 270px;
}
#Top p{text-align: center;font-size: 1.2em;line-height: 2;}
#Top .big{font-size: 2.2em;font-weight: 600;}

/* PageA */
section#PageA img{width:100%;}
section#PageA .A-title{width: 45%;display: block;margin: auto;}
section#PageA div.Carousel{ margin-top:50px;width: 70%;display: block;margin:50px auto 0 auto;}
section#PageA div.Carousel div.Item { border: 1px solid rgb(196, 196, 196); width: 95%; margin: 0 auto; display: block; cursor: pointer;border-radius: 10px;overflow: hidden;}
section#PageA .title{text-align: left;line-height: 1.5;padding-left: 20%;font-size: 3em;height: 200px;padding-top: 4%;}
section#PageA .title span{background-color:#FFF;padding:0 20px;box-shadow: 0 3px 5px rgba(0, 0, 0, 0.5);color: #55c0ac;}
section#PageA .name_big{font-size: 1.5em;font-weight:bold;}
section#PageA .txt{padding: 50px 50px 0 50px;text-align: justify;line-height: 2;font-size: 1.2em;font-weight: 600;}
section#PageA  div#student1{background: #f2ffd1;padding: 70px 0;background: url(../images/person_01.png) 50% 0 no-repeat;}
section#PageA  div#student1 .name{width: 60%;padding: 20px 40px;position: absolute;bottom: 0;right: 0;line-height: 1.5;color: #FFF;}
section#PageA  div#student2{background: rgb(250,250,250);padding: 70px 0 70px 0;background: url(../images/person_02.png) 50% 0 no-repeat;margin-top: 80px;}
section#PageA  div#student2 .name{background: rgb(107,183,282,0.9);width: 70%;padding: 20px 40px;position: absolute;bottom: 0;left: 0;line-height: 2;color: #FFF;}
section#PageA  div#student3{background: rgb(250,250,250);padding: 30px 0 70px 0;background: transparent url(../images/person_03.png) 50% 0 no-repeat;}
section#PageA  div#student3 .name{background: rgb(98,189,84,0.9);width: 80%;padding: 20px 40px;position: absolute;bottom: 0;right: 0;line-height: 2;color: #FFF;}
section#PageA .modal-dialog {max-width: 950px;margin: 8rem auto;}

section#PageA .first{width: 50%;margin: 30px auto; display: block;border-radius: 10px;overflow: hidden;border: 5px solid #FFFFFF;box-shadow: 0 3px 5px rgba(0, 0, 0, 0.5);}
section#PageA .dino{display: none;}

/* PageB */
section#PageB{background:rgb(227, 245, 255,0.5);padding: 100px;margin-top: -70px;}
#new img{width: 55%;display: block;margin: auto;}
section#PageB h1{ font-weight: bold; text-align: center;}
section#PageB .row{margin: 20px auto;}
section#PageB div.Item{ margin: 30px 20px 0 35px;}
section#PageB .box{background-color: #FFF;}
section#PageB div.Item > img{ width: 17%; display: block; margin-bottom: 10px;float: left;margin-left: 15px; }
section#PageB div.Item > h5{ text-align: left; color:#000000;font-weight: 600;width: 80%;float: left;margin-top: -72px;margin-left: 100px; }
section#PageB div.Item > h5 span{ font-size: 0.8em;line-height: 2;color:#614bc2; }
section#PageB div.Item > p.Text{ color:#614bc2; text-align: left;clear: both;margin-top: 20px;}
section#PageB div.Item > p.Text span{border: solid 2px #614bc2;width: 160px;padding:5px 30px;border-radius: 50px;}
section#PageB div.Item > ul{ clear: both;margin-left: 20px;padding-top: 25px;min-height: 100px;}

/*classroom*/
#classroom_title img{width: 45%;display: block;margin:100px auto 50px auto;}
#classroom {
    background: transparent url(../images/classroom.png) center center no-repeat;
    background-size: 90%;
    background-position: top center;
    height: 100Vh;
    margin: auto; 
    padding-top: 270px;
}

/* 表單 內容設定*/
section#PageD { height:auto;padding:0;background-image: url(../images/Form_BG.jpg);background-size: cover;background-attachment: fixed;position: relative;padding: 45px 0;}
section#PageD::before { content: '';position: absolute;width: 100%;height: 100%;background: -webkit-linear-gradient(top, #17b4d7 0%,#7184c8 52%);opacity: 0.9;top: 0; }
section#PageD h4{ display: block;color: #FFFFFF;font-size: 2.5em;text-align: center;line-height: 1.5;z-index: 1;padding-top: 50px;}
section#PageD div.page{width: 1300px;position: relative;}
section#PageD div.Form{ z-index: 1000;width: 500px;display: block;margin:20px auto 0;}
section#PageD div.Form ul { width: 500px;padding: 40px;list-style: none; clear: both; background: #fff;border-radius: 20px; }
section#PageD div.Form ul li { margin: 12px 0;border: 1px solid #ced4da;border-radius: 0.25rem;text-align: center;}
section#PageD div.Form ul li input { width: 100%; height: 50px; border:0; border-radius: 8px; padding: 0 12px; font-size: 18px; }
section#PageD div.Form ul li.send input { background: #17b4d7; color: #FFF; font-size: 22px; }
section#PageD div.Form ul li.send input:hover { background: #222; transition: 0.2s; }
section#PageD div.Form ul li.send{border: 0;}


 section#PageD ul li.area{background: #fff;border-radius: 8px;padding:10px 10px 0;}
 section#PageD ul li.area p{font-size: 16px;text-align: left;padding: 0;margin: 0 0 5px;color: #000 !important;font-weight: 400;}
 section#PageD ul li.area input{width: auto !important;height: auto !important;padding: 0;margin-right: 2px;}
 section#PageD ul li.area label{margin-right: 5px;font-weight: 400;}

/*成功報名訊息*/
div.thx{ 
    background:#232323;position: fixed;width:600px;
	height:220px;	z-index:9999;
	left:50%;
	top:50%;
	margin-left:-300px;
    margin-top:-100px;
    font-size: 12px;
}
div.thx a {color: #232323;text-decoration: none;background-color: transparent;-webkit-text-decoration-skip: objects;text-align: center;margin-left: 250px;font-size: 22px;background: #f9d302;padding: 10px 30px;}
#PageD div p { font-size:2.5em; color:#FFF !important; font-weight:600; text-align:center; padding:25px 0px; padding-top:34px;}


/* RWD Setting */

    @media (min-width: 1200px){
    .container {max-width: 1350px;}
    }
    @media (min-width: 1300px) and (max-width: 1400px) {
    /* 表單 內容設定*/

    section#PageD h4{ margin-left: 50px; }

    }

    @media (min-width: 1100px) and (max-width: 1300px) {
    /* 表單 內容設定*/
    section#PageD { padding:0;background-image: url(../images/hero_1.jpg);background-size: cover;background-attachment: fixed;position: relative;}
    section#PageD::before { content: '';position: absolute;width: 100%;height: 100%;background-color: #000;opacity: 0.8;}
    section#PageD h4{text-align: center;}
    section#PageD div.page{width: 1100px;position: relative;}
    section#PageD div.Form{ z-index: 1000;padding-top: 0; margin: 0 auto; }
    section#PageD div.Form ul { width: 500px;padding: 10px 20px;list-style: none; clear: both; background: #fff;border-radius: 20px;margin-top: 20px; }
    section#PageD div.Form ul li { margin: 12px 0;border: 1px solid #ced4da;border-radius: 0.25rem;text-align: center;}
    section#PageD div.Form ul li input { width: 100%; height: 50px; border:0; border-radius: 8px; padding: 0 12px; font-size: 18px; }
    section#PageD div.Form ul li.send input { background: #ee3b24; color: #FFF; font-size: 22px; }
    section#PageD div.Form ul li.send input:hover { background: #222; transition: 0.2s; }
    section#PageD div.Form ul li.send{border: 0;}
    }
    @media (min-width: 691px) and (max-width: 1099px) {     
    /* 主視覺 */
    header#Visual {
        background: -webkit-linear-gradient(top,rgba(43,50,69,0),rgba(43,50,69,0)),url('../images/190725_uvmttr_all_mb.jpg') no-repeat ;
        background: -moz-linear-gradient(top,rgba(43,50,69,0),rgba(43,50,69,0)),url('../images/190725_uvmttr_all_mb.jpg') no-repeat; 
        background: -ms-linear-gradient(top,rgba(43,50,69,0),rgba(43,50,69,0)),url('../images/190725_uvmttr_all_mb.jpg') no-repeat;
        background-size: cover;
        background-position: top center; 
        height: 100%;
        padding-bottom: 40%;
    }
    /* 表單 內容設定*/
    section#PageD {background-image: url(../images/Form_BG.jpg);background-size: cover;background-attachment: fixed;position: relative;}
    section#PageD::before { content: '';position: absolute;width: 100%;height: 100%;background: -webkit-linear-gradient(top, #17b4d7 0%,#7184c8 52%);opacity: 0.9; }
    section#PageD h4{ display: block;color: #FFFFFF;font-size: 2.5em;text-align: center;line-height: 1.5;z-index: 1;padding-top: 50px;}
    section#PageD div.page{width: 100%;position: relative;}
    section#PageD div.Form{ z-index: 1000;width: 500px;display: block;}
    section#PageD div.Form ul { width: 500px;padding: 40px;list-style: none; clear: both; background: #fff;border-radius: 20px; }
    section#PageD div.Form ul li { margin: 12px 0;border: 1px solid #ced4da;border-radius: 0.25rem;text-align: center;}
    section#PageD div.Form ul li input { width: 100%; height: 50px; border:0; border-radius: 8px; padding: 0 12px; font-size: 18px; }
    section#PageD div.Form ul li.send input { background: #17b4d7; color: #FFF; font-size: 22px; }
    section#PageD div.Form ul li.send input:hover { background: #222; transition: 0.2s; }
    section#PageD div.Form ul li.send{border: 0;}
    }

    @media (max-width: 690px) {
/* 主視覺 */
#Visual {
    background: transparent url(../images/UMBTTR_image_mob.png) 50% 0 no-repeat;
    background-size: 90%;
    height: 100%;
    padding-bottom: 96%;
}

/* Top */
#Top {
    background: none;
    background-size: 90%;
    background-position: top center;
    height: 300px;
    margin: auto; 
    padding-top: 0;
    padding: 0 15px 0 15px;
}
#Top p{text-align: center;font-size: 1em;line-height: 1.6;width: 90%;margin: auto;}
#Top .big{font-size: 1.5em;font-weight: 600;}

/* PageA */
section#PageA{padding-top: 20%;}
section#PageA .A-title{width: 100%;}
section#PageA .txt{padding: 80px 10px 0 10px;text-align: justify;line-height: 2;font-size: 1em;font-weight: 600;}
section#PageA .name_big{font-size: 1.2em;font-weight:bold;}
section#PageA  div#student1{background: #f2ffd1;padding: 70px 0 30px 0;background: url(../images/person_01.png) 60% 0 no-repeat; }
section#PageA  div#student1 .name{width: 100%;padding: 20px 40px;position: absolute;bottom: -90px;right: 0;line-height: 1.5;color: #FFF;}
section#PageA  div#student2{background: rgb(250,250,250);padding: 70px 0;background: url(../images/person_02.png) 40% 0 no-repeat;margin-top: 0;}
section#PageA  div#student2 .name{background: rgb(107,183,282,0.9);width: 100%;padding: 20px 30px;position: absolute;bottom: 480px;left: 0;line-height: 2;color: #FFF;}
section#PageA  div#student3{background: rgb(250,250,250);padding: 70px 0 30px 0;background: transparent url(../images/person_03.png) 65% 0 no-repeat;}
section#PageA  div#student3 .name{background: rgb(98,189,84,0.9);width: 100%;padding: 20px 40px;position: absolute;bottom: -90px;right: 0;line-height: 2;color: #FFF;}

/* PageB */
section#PageB{padding: 30px 10px;margin-top: 0;}
#new img{width: 100%;}
section#PageB .row{margin:0 auto;}
section#PageB div.Item{margin: 50px 15px 20px 20px;}
section#PageB div.Item > img{margin-left: 0;}
section#PageB div.Item > h5{margin-left: 60px;}
section#PageB div.Item > ul{padding-top: 10px;min-height: auto;}

/*classroom*/
#classroom_title img{width: 90%;margin:50px auto 0 auto;}
#classroom {
    background: transparent url(../images/classroom_mob.png) center center no-repeat;
    background-size: 100%;
    background-position: top center;
    height: 105Vh;
    margin: 20px auto; 
    padding-top:0;
}

/* 表單 內容設定*/
section#PageD {height: auto;}
section#PageD h4{float: none;font-size: 1.2em;text-align: center;padding-top: 10%;}
section#PageD div.page{width: 100%;position: relative;}
section#PageD div.Form{width: 300px;padding: 0;margin:0 auto;}
section#PageD div.Form ul {width: 100%;padding: 10px 20px;margin-top: 20px;}
section#PageD div.Form ul li.send input {background: #17b4d7; color: #FFF; font-size: 22px;}

div#submit_INFO2 { display: none; }
div#submit_INFO3 { width: 100%; height: 150px; line-height: 150px; }

}