/* css reset 歸0 */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,caption,tfoot,thead{margin:0;padding:0;border:0;outline:0;font-size:100%}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
:focus{outline:0}
ins{text-decoration:none}
del{text-decoration:line-through}
/* css reset 歸0 end */


/*設計專用樣式Start*/
body{margin:0 auto;padding:0;font-family: 'Noto Sans TC', sans-serif;}
#BodyContainer{margin:0 auto}
#BodyContentEvent{width:100%}
#event {
    width: 100%;
    background-color: #ff9800;
    background: url(../images/1111013_bg_n.jpg);
    /* background-attachment: fixed; */
    background-size: contain;
    background-position: unset;
}
#event a:hover{text-decoration:none;left:1px;top:1px;position:relative}
.bgcolor1{background-color: #EBEBEB;background: url(../images/1111013_bg.jpg)}
.bgcolor2 {background-color: #F6F6F6;background: url(../images/1111013_bg2.jpg) top no-repeat;background-size: contain;background-position-y: 52px;}
.bgcolor3{background-color: #EBEBEB;}
.bgcolor4{background-color: #F6F6F6;background: url(../images/1111013_bg_n.jpg);background-size: contain;}
.bgcolor5{background-color: #EBEBEB;}
.flex {display: flex;flex-wrap: wrap;}
.w-full{width: 100%}
h1{font-size: 3rem;}
h2{font-size: 2.3rem;}
h3,caption{font-size: 2.4rem;}
.txt-sm{font-size: .9rem;text-align: right}

#event_fourth 
h3, caption {
    font-size: 2.6rem;
    font-weight: bold;
    font-family: Arial,Helvetica,"Microsoft JhengHei",Sans-Serif;
	color:#9c27b0;	
}
#event_fourth h3 {
    font-size: 2.5em;
    /* line-height: 4.2rem; */
    margin: 0px auto 10px;
    display: table;
    /* width: 100%; */
    color: #a77f28;
    padding-bottom: 2px;
    padding: 4px 30px;
    font-weight: bold;
    /* font-family: "Microsoft YaHei", 微軟正黑體, Arial; */
    /* background-color: #dad1b0; */
    text-shadow: 0 0 7px #fff, 0 0 7px #fff, 0 0 7px #fff, 0 0 16px #fff, 0 0 7px #fff;
    border-radius: 30px 30px 0 0;
    border-bottom: 2px #ffffff8c solid;
    border-radius: 30px;
    text-align: center;
}
h4{font-size: 1.5rem;}
h1,h2,h3,h4{text-align: center;}
nav{text-align: center;    font-size: 2rem;}
nav a{ font-size:1.2rem;color: #000;}

.preface {
    padding: 1.5% 0% 15px;
    /* background: #FFB7B8; */
    font-size: 1.4rem;
    text-align: center;
    margin-top: -42px;
    background: url(../images/1111013_bg2.jpg);
    background-size: cover;
    border-radius: 40px 0 60px 0px;
    box-shadow: 2px 4px 7px #00000063;
    border: 10px #ffffffa8 solid;
    width: 92%;
    margin: -53px auto 2%;
    border-bottom: 20px #e45d61 solid;
    border-right: 2px #e45d61 solid;
}
.preface i {
    font-size: 2.8rem;
    color: #5cb354;
    transform: translatey(1px) rotate(20deg);
    /* float: left; */
    margin-right: 5px;
}
.good_point{justify-content: center;}
.good_point h3{font-size: 2.6rem;color: #836228;}
.good_point i{font-size: 3rem;color: #00bcd4}
.point .title {
    font-size: 2.3rem;
    color: #f44336;
    font-weight: bold;
    font-family: "Microsoft YaHei", 微軟正黑體, Arial;
    text-align: center;
}
.point .info {
    font-size: 1rem;
    line-height: 1.6rem;
	font-family: Verdana, "Microsoft JhengHei", Arial;
}
.point {
    width: calc(100%/3 - 8%);
    margin: 1% 1% 1%;
    padding: 1% 2% 1%;
    /* background: #c4c9fd; */
    background: url(../images/1111013_bg2.jpg);
    background-size: cover;
    border-radius: 25px 0 25px 0;
    box-shadow: 2px 4px 7px #00000063;
    border: 10px #ffffffa8 solid;
    border-top: 0px #ffffffa8 solid;
    border-bottom: 8px #e45d61 solid;
    border-right: 2px #e45d61 solid;
}
.point ol{margin-left: 1rem}
.title {
    font-size: 2rem;
    color: #f44336;
    font-weight: bold;
}
.bg_y{ background-color:#FF6}

/*課程*/
#event_third .courselist{padding: 2% 5%}
#event_third .courselist nav a {
    font-size: 2rem;
    line-height: 1.7rem;
    padding: 1% 2%;
    display: inline-block;
    background-color: #f44336;
    margin-top: 2%;
    border-radius: 50px;
    color: #fff;
    text-decoration: none;
    width: 26.3%;
}
#event_third .courselist:nth-of-type(1) nav a {
    width: 13.3%;
}
#event_third .courselist nav a:hover{background-color: #00bcd4;}
#event_third .courses th {/* color: #ccc; */background-color: #f5d3d3;font-size: 1.3rem;}
#event_third .courses caption {
    font-size: 3.2rem;
    margin-top: 2%;
    margin-bottom: 0.5%;
    color: #f44336;
    font-weight: normal;
    font-family: "Microsoft YaHei", 微軟正黑體, Arial;
}
#event_third .courses caption span{
    font-size: 2.5rem;display: block;
    color: #000000;
}
#event_third .courses .winplan {
    color: #f44336;
    background-color: #34c6d9;
    font-size: 1.8rem;
    line-height: 2.2rem;
    text-shadow: 0 0 7px #fff, 0 0 7px #fff, 0 0 7px #fff, 0 0 16px #fff, 0 0 7px #fff;
    font-weight: bold;
    font-family: "Microsoft YaHei", 微軟正黑體, Arial;
}
#event_third .courses .winplan_t {color: #f44336;font-size: 1.8rem;line-height: 2.2rem;padding-left: 16px;}
#event_third .courses .winplan_bg {background-color: #34c6d93d;}
#event_third .more a,#event_third .exam a {color: #00bcd4;font-weight: bold;}
#event_third .courses td b{font-size: 1.45rem;}

#event_third .courselist:nth-child(2) td{text-align: center;}
#event_third .courselist:nth-child(2) td:nth-child(n+3){color: #f44336;}
#event_third .courselist:nth-child(2) th:nth-child(n+2){width: 20%;}


.courselist{padding: 2% 5%}
.courselist nav a {
    font-size: 1.4rem;
    line-height: 1.7rem;
    padding: 0.7% 2%;
    display: inline-block;
    background-color: #607d8b;
    margin-top: 2%;
    border-radius: 50px;
    color: #fff;
    text-decoration: none;
}
.courselist nav a:hover{background-color: #9c27b0;}
.courses, .courses th, .courses td {
    border: 1px #ffada7 dotted;
    /* border-top: 2px solid #f44336; */
    border-bottom: 2px solid #ff9898;
    border-collapse: collapse;
    text-align: center;
    background-color: #fff9f9;
    padding: 0.7% 1% !important;
	font-size: 1.1rem;
}
.courses th {/* color: #ccc; */background-color: #f5d3d3;font-size: 1.3rem;}
.courses td b{font-size: 1.17rem;}
.courses caption {
    font-size: 3.2rem;
    margin-top: 2%;
    margin-bottom: 0.5%;
    color: #e45d61;
    font-weight: bold;
    font-family: "Microsoft YaHei", 微軟正黑體, Arial;
}
.courses p{text-align: left}
.courses a {
    color: #f44336;
    font-family: Verdana, "Microsoft JhengHei", Arial;
    font-size: 1.37rem;
    font-weight: bold;
}
.courses tr:nth-child(2) td:nth-child(2){text-align: center}
.courses td:nth-child(2),.courses td:nth-child(3){text-align: left;padding: 0 1%}
.more {
    margin: 0 2%;
    padding: 0 8% 3%;
    line-height: 1.6rem;
}
.more a,.exam a {
    color: #000;
    font-weight: bold;
}

/*銀行*/
.news, .exam {
    width: 90%;
    margin: 0 auto;
    font-size: 1.07rem;
	line-height: 1.7rem;
}
.exam .t_big {
    font-size: 1.45rem;
    font-weight: bold;
    color: #10b84d;
}
.news a {
    color: #9c27b4;
    border-color: #ccc;
    padding: 0 0.7% 0.5% 0.7%;
    border: 1px #4a4a4a solid;
    display: inline-block;
    text-decoration: none;
    line-height: 1rem;
    border-radius: 50px;
}
.news > p{text-align: right;}
.date {
    margin: 2% auto;
    text-align: center;
    border: 1px solid #607d8b;
    /* background-color: #abd081; */
    border-left: 18px #82bb41 solid;
    border-right: 4px #607d8b82 solid;
    border-radius: 30px;
    padding: 2%;
    width: 718px;
    background: url(../images/1111013_bg2.jpg);
    background-size: cover;
    box-shadow: 2px 4px 7px #00000063;
}
.date p:nth-child(1) {
    /* color: #6725C4; */
	font-size: 1.2rem;
}
.date p:nth-child(1) span{font-weight: 700;font-size: 2.1rem;margin-right: 1%;font-family: "Microsoft YaHei", 微軟正黑體, Arial;}
.date p:nth-child(2) {
    color: #10B84D;
    font-size: 1.8rem;
    font-weight: bold;
    font-family: "Microsoft YaHei", 微軟正黑體, Arial;
    text-shadow: 0 0 7px #fff, 0 0 7px #fff, 0 0 7px #fff, 0 0 16px #fff, 0 0 7px #fff;
}
.date p:nth-child(3) b {
    margin-left: 20px;
    /* font-weight: normal; */
    padding: 10px 0 0;
    display: inline-block;
}
.date p i {
    font-size: 3rem;
    background-color: #10b84d;
    color: #fff;
    padding: 2.2%;
    border-radius: 50px;
    margin-right: 3px;
    float: left;
}
.date2 p i {
    font-size: 2.8rem;
    background-color: #39F;
    color: #fff;
    padding: 2.2% 2.5% 1.2% 3%;
    border-radius: 50px;
    margin-right: 3px;
    float: left;
}
.date2 {
    margin: 2% auto;
    text-align: center;
    border: 1px solid #446871;
    /* background-color: #ffffffc7; */
    border-left: 18px #03a9f470 solid;
    border-right: 4px #607d8b82 solid;
    border-radius: 30px;
    padding: 2%;
    width: 754px;
    background: url(../images/1111013_bg2.jpg);
    background-size: cover;
    box-shadow: 2px 4px 7px #00000063;
}
.date2 p:nth-child(1) {
    /* color: #6725C4; */
	font-size: 1.2rem;
}
.date2 p:nth-child(1) span{font-weight: 700;font-size: 2.1rem;margin-right: 1%;font-family: "Microsoft YaHei", 微軟正黑體, Arial;}
.date2 p:nth-child(2) {
    color: #2196f3;
    font-size: 1.8rem;
    font-weight: bold;
	font-family: "Microsoft YaHei", 微軟正黑體, Arial;
    text-shadow: 0 0 7px #fff, 0 0 7px #fff, 0 0 7px #fff, 0 0 16px #fff, 0 0 7px #fff;
}
.date2 p:nth-child(3) b {
    margin-left: 20px;
    /* font-weight: normal; */
    padding: 10px 0 0;
    display: inline-block;
}
.date2 p:nth-child(3) a {
    margin-left: 5px;
    display: inline-block;
    font-weight: bold;
    color: crimson;
}

.date3 {
    margin: 2% auto;
    text-align: center;
    border: 1px solid #f44336;
    /* background-color: #ffffffc7; */
    border-left: 18px #f4030370 solid;
    border-right: 4px #8b606082 solid;
    border-radius: 30px;
    padding: 2%;
    width: 754px;
    background: url(../images/1111013_bg2.jpg);
    background-size: cover;
    box-shadow: 2px 4px 7px #00000063;
}

.date3 p i {
    font-size: 2.8rem;
    background-color:#f33;
    color: #fff;
    padding: 2.5% 2.5% 2.5% 3%;
    border-radius: 50px;
    margin-right: 3px;
    float: left;
}
.date3 p:nth-child(1) {
    /* color: #6725C4; */
	font-size: 1.2rem;
}
.date3 p:nth-child(1) span{font-weight: 700;font-size: 2.1rem;margin-right: 1%;font-family: "Microsoft YaHei", 微軟正黑體, Arial;}
.date3 p:nth-child(2) {
	font-size: 1.07rem;
    text-align: left; padding: 10px 0 0 12%;
}
.date3 p:nth-child(3) {
	font-size: 1.07rem;
    text-align: right;
}
.date3 p:nth-child(4) b {
    margin-left: 20px;
    /* font-weight: normal; */
    padding: 10px 0 0;
    display: inline-block;
}
.date3 p:nth-child(4) a {
    margin-left: 5px;
    display: inline-block;
    font-weight: bold;
    color: crimson;
}

/*.exam a{ color:#C09}*/

.courses span{font-size: .8rem}
.courses ul{margin: 0 auto;text-align: left;    margin-left: 2rem;}
.morelink{text-align: center;margin: 2% 0;font-size: 1.2rem;}
.morelink a{ color:#9c27b0;}

.mediaYT{margin: 0px 13.3% 21px;padding: 0 0 2%}
/*.mov {position: relative;width: 100%;height: 0;padding-bottom: 56.25%;}*/
.mov {
    position: relative;
    width: 54%;
    padding: 0%;
    height: auto;
    padding-bottom: 30.35%;
    margin: 0 auto;
    border: 4px #fff solid;
}
.mediaYT a{
	font-size: 1.2rem;
    padding: 0.5% 2%;
    display: inline-block;
    background-color: #f44336;
    margin-top: 2%;
    border-radius: 50px;
    color: #fff;
    text-decoration: none;} 
.video {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.mediaYT p{font-size: 1.7rem;margin: 0% 0 0;text-align: center;}
.money {
    font-size: 1.5rem !important;
    color: #f44336;
    text-shadow: 0 0 7px #fff, 0 0 7px #fff, 0 0 7px #fff, 0 0 16px #fff, 0 0 7px #fff;
}





/*各大相容檢視*/
@media screen and (-webkit-min-device-pixel-ratio:0) { /*Webkit*/
}
@-moz-document url-prefix(){/*Firefox*/
}

@media \0screen\,screen\9 {/*IE 6 7 8*/
}

@media screen\0 {/*IE 8 9 10 11*/
}

@media print {
}