@import url(../../../icon_new_6.2/CSS/all.min.css?20230119);
@import url(../../../File/CSS/ani.css);
ul,li{list-style:none}
.object_title br{display:none}
*{transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s}
[class*="flex"]{display:flex;flex-wrap:wrap;display:-ms-flexbox}
[class*="grid"]{display:grid}
.bgpadding{padding:2%;z-index:0;position:relative}
.bgpadding:before{position:absolute;content:"";background:url(../images/0912023_bg.jpg) no-repeat center center / 100% auto,url(../images/0912023_bg2.jpg) no-repeat center 93% / 100% auto;width:100%;height:100%;left:0;top:0;z-index:-1;opacity:.2}
.bgcolor0{background:#FCFCFC;background:url(../images/0912023_1.png) no-repeat center -20px / 100% auto;justify-content:center;height:604px}
.bgcolor1{background:#f0f0c2;background:-moz-linear-gradient(180deg,rgba(240,240,194,1) 13%,rgba(255,255,255,1) 48%,rgba(255,255,255,1) 60%,rgba(240,240,194,1) 68%,rgba(255,255,255,1) 77%,rgba(255,255,255,1) 86%,#fff 93%);background:-webkit-linear-gradient(180deg,rgba(240,240,194,1) 13%,rgba(255,255,255,1) 48%,rgba(255,255,255,1) 60%,rgba(240,240,194,1) 68%,rgba(255,255,255,1) 77%,rgba(255,255,255,1) 86%,#fff 93%);background:linear-gradient(180deg,rgba(240,240,194,1) 13%,rgba(255,255,255,1) 48%,rgba(255,255,255,1) 60%,rgba(240,240,194,1) 68%,rgba(255,255,255,1) 77%,rgba(255,255,255,1) 86%,#fff 93%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#f0f0c2",endColorstr="#fff",GradientType=1)}
.row100{width:100%}
#event{font-family:"Microsoft JhengHei"}
#event i{margin:0 2px}
#event h1,#event h2,#event h3,#event h4{text-align:center;font-family:"Microsoft YaHei"}
#event h1{font-size:2.1rem;color:#156093}
#event h2{font-size:1.7em;color:#156093}
#event h3{font-size:1.5em;color:#0189c5;line-height:2em;text-align:left}
#event h4{font-size:1.5em}
#event nav a{border-radius:30px;padding:4px 20px;text-decoration:none;display:inline-block}
#event nav a:hover{transform:translate(0px,5px)}
#event nav a:hover i{transform:translate(-3px,0)}
/*置頂連結*/
#Related{width:100%;padding:1.5% 0;background:#33aba0}
#Related ul.rela_out{width:96%;margin:0 auto;text-align:center}
.rela_out li a,.rela_out li{font-size:1.1em;color:#FFF}
.rela_out li{display:inline-block;margin:.8% 1.5%}
.rela_out .Mock_on a{background:#fff100;color:#000;text-decoration:none;padding:5px 8px}
/*主圖區*/
header{position:relative}
header>div:nth-of-type(1){position:absolute;left:0;bottom:0;z-index:2}
header>div:nth-of-type(2){position:absolute;right:0;bottom:1%;z-index:2}
header>div:nth-of-type(4){position:absolute;top:3%;left:0;right:0;margin:auto;z-index:0;width:715px;height:161px;animation:move1 1.2s linear alternate infinite}
@keyframes move1 {
0%{top:3%}
100%{top:1.5%}
}
.banner{display:block;width:570px;background:url(../images/0912023_6.png) top center / 100% auto no-repeat;justify-content:center;margin-top:-2%;padding:12% 15px 0;z-index:1}
.banner h1 span:nth-of-type(1){font-size:3.2rem;display:block;margin:0 0 -2%;color:#00A19B}
.banner h1 span:nth-of-type(2){font-size:3.7rem;color:#FD4138}
.banner h1 span:nth-of-type(3){font-size:3.7rem;color:#156093}
.banner h2{font-size:2.3rem;font-weight:400}
.banner h2 strong{color:#FD4138}
/*對象*/
.object_title,.object li{font-family:"文鼎粗鋼筆行楷","微軟正黑體",cursive}
.object{margin:0 auto;padding:2% 6% 0}
.object span{color:#FD4138}
.object_title{font-size:1.5rem;font-weight:700;text-align:right;padding:3% 0 0;border-top:solid 4px #f5f4f0}
.object ol{border-bottom:solid 4px #f5f4f0;padding:0 0 1em 5em}
.object li{font-size:1.3rem;list-style:decimal;line-height:2em;margin:0 auto 0 5%}
.object ol~{text-align:left}
.object div:nth-last-of-type(1){border-bottom:solid 4px #f5f4f0;display:inline-block;margin-top:-5%}
.download{margin:2% auto 1%;text-align:right;font-size:1.2em}
.download a{background:#ff8900;color:#FFF}
/*頁籤*/
.course_tabs{margin:1% auto;text-align:center}
#course_content1,#course_content2{display:none;padding:2%;text-align:left;color:#000;border-top:1px #E6E6E6 solid;background:white}
#course_tab1,#course_tab2{display:none}
.course_tabs label{width:49%;display:inline-block;margin:0 auto;padding:6px 0;text-align:center;color:#0189c5;background:#dfdfdf;font-size:1.5em;position:relative;border-radius:0;border-bottom:0;font-weight:700}
.course_tabs label:before{font-weight:400;margin-right:10px}
.course_tabs label:hover{opacity:.8;cursor:pointer;top:0}
.course_tabs input:checked + label{color:#FFF;background:#0189c5}
#course_tab1:checked ~ #course_content1,#course_tab2:checked ~ #course_content2{display:block}
.course_bg a{color:#E91E63}
.course_box:nth-of-type(1) h3 img{margin:-9% 2% 0 0}
.course_box h3 img{margin:0 2% 0 0}
.course_box{padding:2% 0}
.course_box:nth-of-type(1) li{width:40%;margin:0 auto;padding:3% 2% 2% 5.5%;border-radius:5px;background:#ff8900;color:#fff;font-size:1.2em;counter-increment:li;position:relative}
.course_box:nth-of-type(1) li::before{content:counter(li);color:#FFF;font-size:3rem;position:absolute;top:12px;left:8px}
.course_box dl{margin-top: 0.5rem;}
.course_box .title{font-size: 1.4rem;font-weight: 900;text-align: center;margin-top: 1.5rem;}
.point_bg{width:98%;margin:0 auto}
.point_detail{margin:1% auto}
.topic{color: black;font-size: 1rem;padding: 0.5rem;}
.topic dt{margin: 0.5rem 0;}

.topic dd{counter-increment: mycounter;}
.topic dd:before { content: '('counter(mycounter,upper-alpha)') '; }

.question{font-size:1.25em;font-weight:700;color:#ef4351}
.question>figure{position:relative;display:inline-block;width:100%;height:100%;line-height:100%;background-color:#fff;overflow:hidden}
.question>figure:before{content:'';position:absolute;display:block;width:0;height:0;bottom:0;right:0;border-right:3px solid orange;border-bottom:3px solid orange;transition:width .3s,height .3s .3s}
.question>figure:hover:before{content:'';position:absolute;display:block;width:99.5%;height:99%;bottom:0;right:0;background-color:rgba(117,179,170,0.2);border-right:3px solid orange;border-bottom:3px solid orange}
.question>figure:after{content:'';position:absolute;display:block;width:0;height:0;top:0;left:0;border-left:3px solid orange;border-top:3px solid orange;transition:width .3s,height .3s .3s}
.question>figure:hover:after{content:'';position:absolute;display:block;width:99.5%;height:99%;top:0;left:0;border-left:3px solid orange;border-top:3px solid orange}
.question>figure:hover{top:-2px}
.point{border:1px solid #d0d4c5;margin:1% 0 2%;padding:1.5% 3%;background-color:#fffbf3;box-shadow:0 2px 1px #f1f1ee}
.point a{color:#0189c5}
.note{margin:2% auto 0;text-align:center}
.media_box{margin:2% auto}
.media_box h4{color:#13a792}
.media{width:46%;margin:1% auto;text-align:justify}
.media:nth-of-type(1){border-right:solid thin #13a792;padding-right:2%}
.media>p:nth-of-type(1){font-weight:700;color:#53416f;font-size:1.1em}
.media>p:nth-of-type(1) span{color:#E91E63}
.media>p:nth-of-type(2) strong{color:#ef4351}
.newopen_box{margin:2% 5%}
.newopen_box h4{color:#fff;font-weight:500;letter-spacing:2px;color:#FFF;margin:0 0 2%;padding:1% 2%;position:relative;border-top-left-radius:10px;border-top-right-radius:10px;background:#0189c5}
.newopen_box h4:before,.newopen_box h4:after{position:absolute;content:"";width:13px;height:32px;background-color:#e7c983;bottom:-23px;border-radius:8px;z-index:2}
.newopen_box h4:before{left:15%}
.newopen_box h4:after{right:15%}
.opendate{padding:1% 2%;border:1px solid #ffb672;border-radius:0 0 10px 10px;background:-moz-linear-gradient(180deg,#FFFFF5 34%,#FDFFB8 95%);background:-webkit-gradient(linear,180deg,color-stop(34%,FFFFF5),color-stop(95%,FDFFB8));background:-webkit-linear-gradient(180deg,#FFFFF5 34%,#FDFFB8 95%);background:-o-linear-gradient(180deg,#FFFFF5 34%,#FDFFB8 95%);background:-ms-linear-gradient(180deg,#FFFFF5 34%,#FDFFB8 95%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1301FE',endColorstr='#F4F60C',GradientType='1');background:linear-gradient(180deg,#FFFFF5 34%,#f6eed9 95%)}
.opendate>p{text-align:center;font-weight:700;font-size:1.4em;margin:2% auto 0;border-bottom:1px solid #CCC}
.dateflex{justify-content:center;align-items:center}
.dateflex>div{width:22%;margin:1% .5%;padding:1%;background:#FCC;text-align:center;font-size:1.2rem}
/* #course_content2 .dateflex:nth-of-type(1)>div,#course_content2 .dateflex:nth-of-type(2)>div{width:22%} */
.teacher{text-align:center;font-size:.9rem;margin:2% auto}
.navlink{margin:4% auto 1%;text-align:center}
.navlink li{display:inline;margin:0 2%}
.navlink a{background:#E91E63;color:#FFF;font-size:1.2rem}
/* .price_sale{text-align: center;margin-top: 1rem;font-size: 1.15rem;background-color: #0189c5;padding: 0.2rem 0;} */
.price_sale{background-color:#b189ad;font-size: 1.3rem;font-weight: 900;
    text-align: center;
    /* animation-duration: 1s;
    animation-name: mymove;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-timing-function: ease-in-out; */}
    @keyframes mymove {
        from {
            box-shadow: rgba(44, 6, 43, 0.4) 0px 0px 0px 2px, rgba(44, 6, 43, 0.65) 0px 4px 6px -1px, rgba(255, 255, 255, 0.127) 0px 1px 0px inset;
        }
        to {
            box-shadow:none;
        }
    }
.price_sale a{color:#FFF;
    text-decoration: none;
    /* animation-duration: 1s;
    animation-name: blink;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-timing-function: ease-in-out; */
}
@keyframes blink {
    0% {
        opacity: 1;
    }
    80% {
        opacity: 1;
    }
    81% {
        opacity: 0;
    }
    100% {
        opacity: 0;
    }
}
.price_sale a:hover{text-decoration: none;}
.price_box{margin:1% auto;grid-template:1fr/repeat(3,1fr);grid-gap:10px}
.cloud .price_box{grid-template:1fr/repeat(2,1fr);}
.price_box>dl:nth-of-type(4){grid-area:2/1/3/4}
.cloud .price_box>dl:nth-of-type(3){grid-area:2/1/3/4}
.price_box>dl{background:#FFF;text-align:center;padding:0 0 5px;box-shadow:0 5px 10px -6px orange}
.price_box>dl>dt{background:#ff8900;color:#FFF;font-size:1.25em;border-radius:5px 5px 0 0;padding:2px;margin:0 auto 5px}
.price_box>dl>dd{font-size:1.1em;line-height:1.8em}
.price_box>dl>dd>a{color: #000;}
.price_box>dl>dd>span,.price_box>dl>dd>a>span,.sale{color:red;margin-left:3px}
.mock_box{margin:1% auto}
.mock_title{font-size:1.3em;font-weight:700;color:#ff4e00}
.mock_box li{list-style:disc;margin:0 auto 0 5%;font-size:1.2em}
.book_box{margin:1% auto}
.book_box figure{text-align:center}
.book_box>div{width:45%;padding:2%;border-radius:8px;margin:0 auto;background-color:#fff;box-shadow:0 4px 13px -6px orange}
.book_box>div>p>strong{display:block;font-size:1.25rem;margin-bottom:2px}
.book_box>div>p>strong>a{background:#ff7600;color:#FFF;border-radius:20px;padding:2px 10px;text-decoration:none;margin-right:3px}
.year_title{margin: 0rem auto;background-color: rgb(163, 1, 1);color: #ffed00;padding: 0.5rem 1rem;border-radius: 0.5rem 0.5rem 0 0;font-size: 1.3rem;font-weight: 900;text-align: center;font-family: "Microsoft YaHei";}
.yearoffer{background: linear-gradient(180deg,#FFFFF5 34%,#f6eed9 95%);border-bottom: 1px solid #ffb672;font-size: 1.1rem;}
.yearoffer dt{font-weight: 900;}
.yearoffer dd,.yearoffer dd a{color: #0189c5;line-height: 2.0rem;}
.yearoffer dd span{color: #E91E63;font-weight: 900;}
.yearoffer dd,.yearoffer dt{padding: 0 0.5rem;}
.offerlist{font-size: 1.2rem;margin-top: 1rem;}
/*LINE&FB*/
.LINE,.FB{width:46%;padding:2%}
.social_txt{width:70%}
.QRcode{width:30%;text-align:center}
.QRcode img{max-width:100%}
.LINE{background:#44ba44}
.FB{background:#395692}
.socialTitle{color:#ffed00;font-weight:700;font-size:1.3em;margin-bottom:2%}
.socialTitle a{color:#ffed00}
.social_txt p,.QRcode a{color:#FFF}
.social_txt p{font-size:1.1em;line-height:1.6em}
.bottomlink{position:fixed;bottom:0;background:#076e7b;padding:.6% 0;text-align:center;opacity:.9;z-index:99}
.bottomlink li{display:inline;margin:0 2%;font-size:1.2em}
.bottomlink a{color:#FFF}
@media all and (min-width: 1201px){
.bottomlink{width:750px}
#BodyFooter_rwd{padding-bottom:55px}
#topbutton,#BodyHeader_event_rwd{display:none}
#divsion_menu ul,#divsion_menu li{list-style-image:url(http://doctor.get.com.tw/File/Image/doctor_new_icon_arr_org.gif)}
#BodyContentMainNavigator ul li,#BodyContentMainNavigator h1{font-size:15px}
#BodyHeader_event #header-share{width:100%;margin:0 auto;line-height:2em;font-size:13px;background:#FFF}
#BodyHeader_event #header-share img{margin-bottom:5px}
#BodyHeader_event a{color:#333}
#BodyHeader_event a:hover{text-decoration:none;color:#666;position:relative;top:2px;bottom:2px}
#noie{color:#FFF;width:100%;height:60px;text-align:center;border:1px solid #069;background-color:#39C;_z-index:9999;z-index:9999;position:fixed;_top:expression(documentElement.scrollTop+"px");left:0;top:0}
#noie a{color:#FC0}
}