﻿@import url("../../../icon_new/css/all.min.css");
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,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%;line-height:1.5em}
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}
body{font-family:"微軟正黑體",Arial;}
article{background: url('../../images/1306108/13060108_bg.jpg') repeat-y top center / 100%;}
section{background: linear-gradient(0deg, #0000001a 0%, transparent 10%);}
a{text-decoration:underline;color: #056e6c;font-weight: bold;}
a:hover{text-decoration:none;color:#9e0000;}
ul,li{margin:0;padding:0;}
.bg_padding{padding:1%;}
/* .bgcolor0{background-color: #FCFCFC;}
.bgcolor1{background-color: #DFDFDF;}
.bgcolor2{background-color: #FCFCFC;}
.bgcolor3{background-color: #DFDFDF;}
.bgcolor4{background-color: #FCFCFC;}
.bgcolor5{background-color: #DFDFDF;} */
.flex {display: flex;}
.flex-wrap {flex-wrap: wrap;}
/*所有元素漸變0.5秒*/
*{transition: all .5s;}
/*標題大小*/
h1{font-size: 2.5em;}
h2{font-size: 2.0em;}
h3{font-size: 1.8em;}
small{font-size: smaller;}
b{font-weight: bold;font-family: "Microsoft YaHei";}
.wrap_all{word-break: keep-all;overflow-wrap: break-word;-webkit-hyphens: auto;-moz-hyphens: auto;hyphens: auto;-webkit-text-size-adjust: 100%;}
.text_sky {color: #058a8c /*#0093dc*/;}
.text_orange {color: #e95504;}
.text_red{color: #cc220e;}

/* event */

/* banner */
.banner {width: 100%;background: url('../../images/1406073/1406073_banner_bg.jpg') no-repeat top center / 100%;}
.banner h3 {padding:.5rem .5rem .25rem 12rem;}
.banner .text_sky {letter-spacing: .25rem;font-size: larger;line-height: 2.5rem;text-align: center;}

/*標題*/
.title{font-size: 2.25em;text-align: justify;font-weight: bold;padding: 1rem 0 0;}
.experience .title{width: fit-content;font-size: 1.3rem;padding: .1rem .6rem 0 .6rem;margin: .25rem .25rem 0 2.5rem;color: #fff;
background: linear-gradient(90deg, #024b47, #058a8b);}
.experience .title::before{font-family:"Font Awesome 5 Free";content:"\f35a";display:inline-block;padding-right:3px;vertical-align:middle;font-weight:900;}

/*早鳥優惠*/
.early_bird .title{width: 92%;font-size: 2.1rem;text-align: center;color: #fffaee;border-top: 1px solid #c91f4c3c;border-bottom: 1px solid #c91f4c3c;padding:.1rem 0 0;margin: 1rem auto 0;background: linear-gradient(-90deg, #c91f4c, #9e0000);}
.early_bird_list{width: 92%;margin: auto;display: flex;justify-content: center;text-align: center;}
.early_bird_list dl {width: 50%;padding: .5rem 0 0;border: 1px solid #c91f4c3c;background: #ffffffaa;}
.early_bird_list dl dt{font-size: 1.5rem;font-weight: bold;}
.early_bird_list dl dd{font-size: 1.1rem;line-height: 1.8rem;padding: 0 0 1rem;}
.early_bird_list .price{color: #cc220e;font-weight: 900;}
/*優惠*/
.discount{text-align:justify;margin: .5rem 0;}
.discount dd{font-size: 1.18rem;text-indent: -.8rem;font-weight: 600;padding: .25rem .25rem .25rem 2rem;margin: 0 2rem;border-bottom: 1px solid #e6cb005c;}
.discount dd:last-child{border-bottom: unset;}
.discount dd::before{color: #333/*#0072be*/;font-family:"Font Awesome 5 Free";content:"\f14a";display:inline-block;padding-right:6px;vertical-align:middle;font-weight:bold;}
.discount i {color: #333/*#0072beaa*/;text-indent: 0.1rem;/*padding: 0 .8rem 0 0;*/}
/* .certification .discount dd:nth-child(3){font-size: 1rem;text-indent: -1.8rem;padding: .2rem .5rem .2rem 1.8rem;font-weight: 500;}
.certification .discount dd:nth-child(3)::before{content: '';} */
.discount .price{font-family: Verdana,"Microsoft JhengHei";color: #cc220e;font-weight: 900;}
.discount .eligible{color:#058a8c;font-weight: 900;}
.ps{text-align: center;}
.enhance{display: flex;flex-wrap: wrap;justify-content: center;margin: 1rem 0;}
.enhance .title{padding: .25rem;background-color: #c91f4c;text-align: center;font-size: 1.6em;font-weight: 900;color: #FFF;}
.enhance .discount {font-size: 1.05rem;font-weight: 600;padding: .5rem 1rem;border-bottom: 1px dotted #058a8caa;}
.enhance .discount li{list-style-position: inside;}


/*經驗談*/
.experience{text-align: justify;margin: 1.5rem 0 .5rem;;}
.experience_content{display: flex;justify-content: center;}
.experience_content figure {min-width: 150px;margin: .8rem 1.5rem 1rem 2.5rem;}
.experience_content figure img {width: 100%;border-radius: 50rem;background: #e1dccc;border: 2px solid #058a8c;filter: drop-shadow(0 2px 3px #0000002f);}
.exp_tit{width: 90%;text-align: center;font-size: 1.25em;color:#058a8c;font-weight: bold;/*letter-spacing: .25rem;*/padding: .25rem .5rem .25rem .8rem;margin: .8rem 0 .35rem;border-top: 1px dotted #058a8caa;border-bottom: 1px dotted #058a8caa;}
.stu_name{/*font-size: 1.125rem;*/font-size: 1.1rem;font-weight: 900;}
.stu_name a{font-size: larger;}
.stu_name small{font-size: 92%;}
.stu_name .pass {color: #ffffff;background: #c91f4c;border-right: 1px dotted;padding: .15rem .3rem;}
.stu_name b{background: #fff;padding: .15rem .3rem;}
.exp_txt{width: 95%;font-size: 1.05rem;line-height: 1.6;padding: .35rem 0 0;font-family: Verdana,"Microsoft JhengHei";}
.exp_txt strong{font-weight: 800;border-bottom: 2px solid #e6cb005c;}
.more a{font-size: smaller;color: #058a8ccc;border: 1px dotted;border-radius: 50rem;text-decoration: none;padding:.05rem .5rem .1rem;margin: 0 .2rem;}
.stu_name a:hover , .more a:hover{color:#c91f4c;}

/*連結*/
.more_link{display: flex;flex-wrap: wrap;justify-content: space-around;padding: 1rem 1.5rem 1.5rem;}
.more_link div a{font-size: 1.125rem;color:#fff;background: linear-gradient(15deg, #c91f4c ,#9e0000);padding: .25rem 1rem;text-decoration: none;filter: drop-shadow(1px 2px 3px #0000003f);}
.more_link div a:hover{filter: drop-shadow(1px 2px 3px #0000000f);position: relative;top: 1px;left: 1px;}


@media (min-width: 1201px){
    /*主要內容欄*/
    #BodyContentMain {width:750px;float:left;padding-left: 2.8em;padding-bottom: 2em;}
    /*導覽列*/
    #BodyMenu nav+table td {text-align: left;}
    #BodyMenu nav+table td img {width: 955px;border-right: 21px solid #B4D1EA;}
    #BodyContentMainNavigator {width:100%;float:left;text-align:left;font-size:14px;color:#000000;line-height: 20px;margin-top: 10px;margin-bottom: 10px;}
    #BodyContentMainNavigator a, #BodyContentMainNavigator a:visited {color:#8E8E8E;text-decoration:none;}
    /* 詳細資訊 */
    #BodyContentEvent {width: 750px;float: left;}
    /* Event_header */
    /*PC*/
    #BodyHeader_event #header-share { line-height: 1.2em;font-size: 13px;color: #333;}	
    #BodyHeader_event #header-share a {font-size: 13px;color: #333333;text-decoration: underline;}
    /*手機*/
    #BodyHeader_event_rwd{display:none;}
    /*滿百100%區域*/
    .row100{width:100%;}
    /*資料集中1200px寬外框*/
    #Master_title {margin: 0 auto;text-align: center;}
    #event_master,#event_sec,#event_third,#event_fourth,#event_fifth,#event_sixth{margin:0% auto;display:block;width:calc(730px - 10px);padding:10px;text-align: center;}
    /*div section標籤段落*/
    section p{font-size:1.3em;line-height:1.9em;text-align:left;}
    /* ask */
    #askarea_out {background-color: #217BBA;width: 59%;margin-left: 14.2%;float: left;padding-top: 2%;}
    #askarea {background-color: #f0f0f0;width: 100%;float: left;padding-top: 2%;text-align: left;font-family: "Microsoft JhengHei";border-radius: 20px;margin: 3% 0 0;}
    #askarea .asktitle {font-size: 1.2em;color: #333;text-align: center;padding: 1% 0;}
    #askarea #formlist{width: 90%;float: left;margin-right: auto;margin-left: 8.5%;margin-top: 3%;font-size: 1em;color: #333;padding-bottom: 2%;}
    #askarea SELECT{border-radius: 7px;width: 18%;background-color: #FFF;border: #FFF;padding: 0.5%;margin-right: 1%;margin-bottom: 1%;}
    #askarea input{border-radius: 7px;background-color: #FFF;border: #FFF;padding: 0.5%;margin-bottom: 1%;margin-left: 1%;color: #333;}
    #askarea input[type="submit"]{color: #FFF;background-color:#d91f4c;font-size: 1em;padding:0.5em;}
    #askarea input[name="sContent"]{width:50%;}
    #askarea input[type="reset"]{color: #FFF;background-color:#aaa;font-size: 1em;padding: 0.5em;}
    #askarea input[type="text"]{width:35%;}
    /* Footer */
    #BodyFooter_rwd{float: left;width: 1000px;background-color:#FFF;margin-left: auto;border-top-width: 18px;border-top-style: solid;border-top-color: #b4d1ea;}
    #BodyFooter_rwd #footer_line {width: 90%;margin-bottom: 2%;margin-top: 2%;margin-left: 5%;margin-right: 5%;display: block;float: left;height: auto;text-align: center;border-top-width: thin;border-top-style: solid;border-top-color: #666;}
    #BodyFooter_rwd #footer_inline a {color: #333;}
    #BodyFooter_rwd #footer_inline ul{float: left;width: 100%;margin-bottom: 0%;margin-top: 3%;}
    #BodyFooter_rwd #footer_inline ul li{display: inline;line-height: 2em;font-size: 1em;clear: both;width: 100%;margin-right: 1%;margin-bottom: 0%;}
    #BodyFooter_rwd #footer_inline ul li img{width: 20%;height: auto;vertical-align: middle;}
    #BodyFooter_rwd #footer_address{margin-top: 0%;float: left;width: 100%;margin-right: auto;text-align: center;margin-left: auto;}
    #BodyFooter_rwd #footer_address a {color: #333;}
    #BodyFooter_rwd #footer_address ul{float: left;text-align: center;margin-bottom: 1%;width: 100%;clear: both;}
    #BodyFooter_rwd #footer_address ul li{float: left;display: block;width: 100%;line-height: 2em;text-align: center;font-size: 0.8em;}
    /* 舊版IE */
    #noie{background-color: #FFFFFF;width: 100%;text-align: center;}
    /* 舊版IE end */
    #topbutton{display:none;}
}


@media (max-width: 1200px){
    /* 隱藏 */
    #BodyHeader {display:none;}
    #BodyMenu{display:none;}
    #BodyContentAd{display:none;}
    #BodyContentMainNavigator{display:none;}
    #BodyHeader_event {display:none;} 
    /* Header */
    #BodyHeader_event_rwd {	text-align: center;width:100%;height: auto;	margin:0 auto;background-color:#FFF;position:fixed;top:0;float:left;z-index:9;}
    @media screen and (orientation:portrait) {
        #BodyHeader_event_rwd img {max-width: 50%;margin:2.5% auto;}
    }
    @media screen and (orientation:landscape) {
        #BodyHeader_event_rwd img {max-width: 25%;margin:2.5% auto 1% auto;}
    }
    /*body*/
    #Master_title{display:inline-block;width:100%;padding:0%;}/*主圖位置ID*/
    #Master_title img{height: auto;width: 100%;}
    @media screen and (orientation: portrait){
        #Master_title{margin-top: 15%;}
    }
    @media screen and (orientation:landscape) {
        #Master_title{margin-top: 8%;}
    }

    /*滿百100%區域*/
    .row100{width:100%;}
    /*資料集中寬外框*/
    #BodyContent,#BodyContentMain{width: 100%;float: left;}
    #event_master,#event_sec,#event_third,#event_fourth,#event_fifth,#event_sixth{margin:0% auto;display:inline-block;width:98%;padding:1%;}
    /*div section標籤段落*/
    div p{font-size:1em;line-height:1.6em;text-align:left;}
    section p {font-size: 0.8em;line-height: 1.4em;text-align: left;padding: 0 5%;}
    /*標題大小*/
    /* h1{font-size: 2.2em; }
    h2{font-size: 2.0em; }
    h3{font-size: 1.6em; } */

    #event_sixth nav a{ font-size: 1.2em; }
    #event{width: 100%;float: left;margin: 0;padding: 0;}

    .banner h3 {padding: 0 .5rem .25rem 14rem;text-align: center;}
    .discount dd {font-size: 1.25rem;}
    .exp_txt {width: 92%;}

    /*ask*/
    #askarea {background-color: #f0f0f0;width: 90%;float: left;padding-top: 2%;text-align: left;font-family: "Microsoft JhengHei";padding: 6% 5%;}
    #askarea .asktitle {font-size: 1.2em;text-align: center;padding: 1% 0;}
    #askarea .asktitle a {color: #333;}
    #askarea #formlist{width: 99%;float: left;margin-right: auto;margin-left: 0%;margin-top: 0.8%;padding-right: 1%;font-size: 1em;text-align: left;}
    #askarea p{margin-bottom: 0%;margin-top: 0%;}
    #askarea SELECT{border-radius: 7px;width: 99%;background-color: #FFF;border: #FFF;padding: 0.5%;margin-right: 1%;margin-bottom: 5%;height: 2.0em;font-size: 1.0em;}
    #askarea input{border-radius: 7px;background-color: #FFF;border: #FFF;padding: 0.5%;margin-right: 1%;margin-bottom: 5%;color:#888;height: 2.0em;font-size: 1.0em;}
    #askarea input[type="submit"]{color: #FFF;background-color: #e95504;font-size: 1em;margin-top: 5%;padding: 0 3%;}
    #askarea input[name="sContent"]{width:100%;}
    #askarea input[type="reset"] {color: #FFF;background-color: #9a9a9a;font-size: 1em;margin-top: 5%;padding: 0 3%;}
    #askarea input[type="text"]{width:99%;}

    /* Footer */
    #BodyFooter_rwd{float: left;width: 100%;background-color:#FFF;margin-right: auto;margin-left: auto;padding: 0;margin-top: 5%;margin-bottom: 0;}
    #BodyFooter_rwd #footer_line {width: 100%;margin-bottom: 2%;margin-top: 2%;display: block;float: left;height: auto;text-align: center;border-top-width: thin;border-top-style: solid;border-top-color: #333;}
    #BodyFooter_rwd #footer_inline a {color: #333;}
    #BodyFooter_rwd #footer_inline ul{float: left;padding: 0%;width: 100%;margin-bottom: 1%;text-align:center;}
    #BodyFooter_rwd #footer_inline ul li{/*float: left;*/display: inline-block;line-height: 1em;font-size: 1.1em;clear: both;width: 100%;margin-right: auto;margin-bottom: 0%;}
    #BodyFooter_rwd #footer_inline ul li img{width: 45%;height: auto;vertical-align: middle;margin-bottom: 2%;}
    #BodyFooter_rwd #footer_address{margin-top: 0%;float: left;width: 100%;text-align: center;margin-right: auto;margin-left: auto;}
    #BodyFooter_rwd #footer_address a {color: #333;}
    #BodyFooter_rwd #footer_address ul{float: left;padding: 0%;text-align: center;margin-bottom: 1%;width: 100%;clear: both;}
    #BodyFooter_rwd #footer_address ul li{float: left;display: block;width: 100%;line-height: 2em;text-align: center;font-size: 0.8em;}
    
    /* Footer end */
    #topbutton{width: 50px;height: 50px;color: #FFFFFF;border-radius: 9999em;background-color: #000;opacity: 0.4;right: 1%;bottom: 8%;position:fixed;line-height: 50px;font-size: 15px;text-align: center;}
    #topbutton a{color: #FFFFFF;font-size: 15px;}	
}

@media (min-width: 768px) and (max-width: 991px) {
}

@media (min-width: 992px) and (max-width: 1199px) {
}

@media (max-width:767px){
    .wrap_all{word-break: unset;overflow-wrap: break-word;-webkit-hyphens: auto;-moz-hyphens: auto;hyphens: auto;-webkit-text-size-adjust: 100%;}

    .banner h3 {font-size: 1.4rem;padding: .5rem .5rem .25rem;}

    .early_bird .title {font-size: 1.65rem;}
    .early_bird_list dl dt {font-size: 1.4rem;}
    .title {font-size: 1.8em;}
    .title small{padding: 0 0 0 2.5rem;display: block;}
    .discount dd {font-size: 1.15rem;}
    .plan{display: block;}
    

    .experience {margin: 1rem auto 0;}
    .experience .title {font-size: 1.2rem;}
    .experience_content{flex-wrap: wrap;justify-content: center;}
    .experience_content figure {margin: 1rem auto .25rem;}
    .exp_tit {margin: .8rem auto .35rem;}
    .stu_name {text-align: center;}
    .stu_name .plan {padding: .5rem 0;}
    .exp_txt {width: 92%;margin: .5rem auto 0;}
    .more_link div a {padding: 0.5rem 5rem; line-height: 3.25;}
    .exp_tit {width: 95%;font-size: 1.2rem;}
    .ps {width: 80%;margin: auto;}
    .enhance .discount li {text-indent: -1.6rem;padding: 0 0 0 1.6rem;}
}
    
/*各大相容檢視*/
@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 {
}