:root{
    --csscoke-red:#fc5484;
    --csscoke-red2:#f44336;
    --csscoke-blue:#20c7ee;
    --csscoke-blue2:#ace0f5;
    --csscoke-blue2:#dce7ff;
    --csscoke-blue3:#27506f;
    --csscoke-blue4:#b6d0e3;
    --csscoke-blue5:#57fbff;
    --csscoke-blue6:#0079b4;
    --csscoke-green:#7fccda;
    --csscoke-green2:#67d3cb;
    --csscoke-green3:#46afbb;
    --csscoke-green4:#1f93bf;
    --csscoke-yellow:#ffef8f/*#fff69f*/;
    --csscoke-purple:#c0d4ff;
    --cerulean-blue:#8897ff;
    --purple:#4f4fbc;
    --light-yellow:#fffaca;
}
.note_test{color: red;padding: 0.5rem;font-size: 1.0rem;text-align: center;margin: 1rem 0;}
.note_test::before{content: '放榜優： ';}
*{transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;}
ul,li{list-style:none;}
[class*="flex"]{display:flex;flex-wrap:wrap;display:-ms-flexbox}
[class*="grid"]{display:grid;}
.bgcolor-bottom{background-color:var(--light-yellow);}
.bgcolor0{background: url(../images/1306022_circle.png) no-repeat top left / 100%, linear-gradient(to bottom,var(--csscoke-green2) 16%, var(--csscoke-yellow) 50%);}
.bgcolor1{background:url(../images/1306022_circle.png)no-repeat top left /100%,linear-gradient(to bottom,var(--csscoke-blue) 16%,var(--csscoke-yellow)35%);}
.bgcolor2{background:var(--csscoke-green4);}
.bgcolor3{background: linear-gradient(45deg, #1f93bf 0%, #46afbb 70%, #63c6bf 100%);}
#event{font-family:"Microsoft JhengHei";}
#event i{margin-right:3px;}
img{max-width:100%;}
a{color: var(--csscoke-blue6);}
a:hover {text-decoration: none;color: var(--csscoke-blue3);font-weight: bold;}
small{font-size: smaller;}
/*主圖*/
.banner_grid{grid-template-columns: 10% 30% 30% 30%;grid-template-rows: 25% 25% 25% 25%;background:url(../images/1401007_base_map_2.png) no-repeat top center / 100%,linear-gradient(to left, #fdffdd 0%, #fcffce 100%);padding:4% 0 0;overflow:hidden;}
.item,.title{display:grid;}
.item img{filter:drop-shadow(1px 1px 1px #0000003f);}
.item:nth-child(1){grid-area: 1/2/2/5;margin: 0 0 0 3rem;justify-content: center;}
.item:nth-child(2){grid-area:1/1/5/3;margin: 0 0 0 .5rem;align-items: flex-end;}
.item:nth-child(3){align-items:flex-end;grid-column:3 /span 4;grid-row:1;justify-items:flex-end;}
/*課程*/
.title{grid-area:3/2/5/5;font-size:1.8rem;font-family:"Microsoft YaHei","Microsoft Yi Baiti","Arial Unicode MS";background:var(--csscoke-green4);border-radius: 20px;color: var(--csscoke-yellow);align-items: center;align-content: center;padding: 1.5rem 1.5rem 1.5rem 2.5rem;line-height: 1.5;margin: 0 3rem 1.5rem 10.5rem;}
.title span{display:block;font-size:1.8rem;font-weight:normal;line-height: 1.35;}
.title span,.title span a{color:white;}
.title > small{font-size: 1.3rem;}
.couse_bg{padding:3% 4%;margin:0 auto;}
.couse_bg h3{text-align:center;font-weight:700;color:red;font-size:2rem;}
.coruse_list{padding:2%;background:#f8f8f9;box-shadow: 0 3px 3px #00000040;margin:2% 1% 3%;border-radius:1rem;}
.coruse_list h2{font-size:2.2rem;font-weight:bold;text-align:center;border-bottom:dotted 1px #2d6791;color:var(--csscoke-blue3);}
.coruse_list small{font-size:.9rem;}
.coruse_box{padding:2.5% 1% .5% 3%;font-size:1.1rem;}
.coruse_box>ul{margin:.5% auto 2.5%;}
.coruse_box li{line-height:1.7em;padding-left:1em;position:relative;}
.coruse_box>ul>li:before{content:"";width:0;height:0;border-style:solid;border-width:6px 0 6px 6px;border-color:transparent transparent transparent #27506f;position:absolute;top:7px;left:0;}
.coruse_box>ul>li>ul>li:before{content:"";position:absolute;width:6px;height:6px;border-radius:50px;background:var(--csscoke-red);top:12px;left:0;}
.coruse_box>ul>li strong,.coruse_box>ul>li strong a,.line_active strong,.line_item strong,.ps strong{color:var(--csscoke-red);font-weight:700;}
.coruse_box>ul>li strong,.line_active strong,.line_item strong{margin:0 2px;}
.line_item{background-color:#27a778;border-radius: 5px;}
.line_item span{color:rgb(255, 255, 255)!important;}
.line_white{color: white;}
.line_item span{background:var(--csscoke-green2)!important;display:block;}
.line_item+div{margin: 2.5% auto 2.5%;}
.line_active>div>span{display:block;}
.ECtitle,.line_active>div>span,.line_item span{font-size:1.5rem;text-align:center;background:var(--csscoke-green3);color: #ffffff;padding:.3%;border-radius:5px;margin-bottom:2%;}
.ECtitle a{color: #fff;}
.nurselimited{font-size:1.15rem;background:#e1688e;color:#FFF;padding:2px 8px;font-weight:700;}
.navlink{text-align:center;margin:1.5% auto 2.5%;clear:both;}
.navlink>ul{width:100%;padding:0;display:inline-block;}
.navlink>ul>li{display:inline;font-size:1.1rem;}
.navlink>ul>li>a{border-radius:5px;padding:1% 2.5%;text-align:center;text-decoration:none;color:#FFF;display:inline-block;}
.navlink>ul>li>a:hover {background: #f45788;}
.navlink a.ask{background:var(--csscoke-blue3);}
.navlink a.buy{background:var(--csscoke-blue3);}
.navlink a.ibrain{background:var(--csscoke-blue3);}
.ps{padding:1% 2%;font-size:.95rem;text-align:center;}
/*生活圈*/
.social_bg{margin:0 auto;padding:3%;}
.social_title{font-weight:700;}
.social_title:before{content:url(../images/1001048_7.png);float:left;margin-right:1%;}
.social_title>h3{font-size:2.4em;color:var(--light-yellow);}
.social_title>p{font-size:1.5em;color:#fff;}
.line_flex{width:100%;margin:2.5% auto 1%;gap:1%;}
.line_box{width:calc(98%/3);text-align:center;background:#FFF;border-radius:6px;padding:2% 2% 0;box-sizing:border-box;font-size:1.15rem;}
.line_box a{color:#333;}
.line_box figure{margin:5px 0;}
.line_box figure img{width:100%;}
.line_box img:hover{transform:scale(1.03);}
/*試聽*/
.teacher_bg{padding:2% 3%;}
.teacher_bg a {color: var(--csscoke-yellow);font-weight: lighter;}
.teacher_bg a:hover{font-size: larger;color: var(--light-yellow);}
.teacher_bg h2{font-size:2.2rem;text-align:center;font-family:"Microsoft YaHei";line-height:1.8em;padding: 1rem 0 0.2rem;}
.teacher_grid{margin:2% auto;grid-gap:1%;grid-template-columns:repeat(4,1fr);}
.teacher_sub{font-size:1.6rem;line-height:1.8em;letter-spacing: .2rem;font-family:"Microsoft YaHei";color:var(--csscoke-blue3);}
.teacher_box{width:100%;text-align:center;box-sizing:border-box;background: linear-gradient(180deg, white 20%, transparent 85%);border-radius:6px;}
.teacher_box a{color:#ffffff;display:inline-block;}
.teacher_box a:hover{transform:scale(1.05);}
.teacher_box>ul{border-radius:0 0 10px 10px;padding:15px 10px;}
.teacher_box>ul>li{margin:0 auto;}
.teacher_box img{border-radius:8px;border: 2px solid var(--csscoke-blue3);}
.teacher_box figure{text-shadow: 0 1px 2px #0000002f;font-weight: bold;}
/*護理*/
.teacher_grid>.teacher_box:nth-of-type(1){grid-area:1/1/span 1/span 4}
.teacher_grid>.teacher_box:nth-of-type(1)>.teacher_sub{/*background:var(--csscoke-red)*/border-bottom: 1px dotted #904efe5f;}
.teacher_grid>.teacher_box:nth-of-type(1)>ul>li{width:calc(100%/4)}
/*放射*/
.teacher_grid>.teacher_box:nth-of-type(2){grid-area:2/1/span 1/span 3}
.teacher_grid>.teacher_box:nth-of-type(2)>.teacher_sub{/*background:#36ad9e*/border-bottom: 1px dotted #904efe5f;}
.teacher_grid>.teacher_box:nth-of-type(2)>ul>li{width:calc(100%/3)}
/*醫檢*/
.teacher_grid>.teacher_box:nth-of-type(3){grid-area:2/4/span 1/span 1}
.teacher_grid>.teacher_box:nth-of-type(3)>.teacher_sub{/*background:var(--csscoke-red2)*/border-bottom: 1px dotted #904efe5f;}
.teacher_grid>.teacher_box:nth-of-type(3)>ul>li{width:100%}
/*物治*/
.teacher_grid>.teacher_box:nth-of-type(4){grid-area:3/1/span 1/span 2}
.teacher_grid>.teacher_box:nth-of-type(4)>.teacher_sub{/*background:#4290de*/border-bottom: 1px dotted #904efe5f;}
.teacher_grid>.teacher_box:nth-of-type(4)>ul>li{width:calc(100%/2)}
/*物治*/
.teacher_grid>.teacher_box:nth-of-type(5){grid-area:3/3/span 1/span 2}
.teacher_grid>.teacher_box:nth-of-type(5)>.teacher_sub{/*background:#ff8300*/border-bottom: 1px dotted #904efe5f;}
.teacher_grid>.teacher_box:nth-of-type(5)>ul>li{width:calc(100%/2)}
.bottomLink{position:fixed;bottom:0;opacity:.9;background:#19a0a3;padding:.8% 0;z-index:9;}
.bottomLink ul{width:100%;display:inline-block;text-align:center;}
.bottomLink li{display:inline;margin:0 1.5%;font-size:1.2em;}
.bottomLink a{color:#fff8a3;}

.scroll_link{position:fixed;right:5%;top:18%;width:120px;padding:.5% 1% 0;background:var(--csscoke-green3);border-radius:5px;}
.scroll_link a{color:#FFF;display:inline-block;}
.scroll_link a:hover{transform:translate(8px,0);}
.scroll_link dl{margin:10px auto 13px;}
.scroll_link dl dt{font-size:1.2rem;background:#fff;margin:0 auto 5px;text-align:center;}
.scroll_link li{font-size:1.05rem;line-height:1.9em;position:relative;text-align:left;padding-left:26px;}
.scroll_link li:before{content:"";width:0;height:0;border-style:solid;border-width:6px 0 6px 6px;border-color:transparent transparent transparent #FFF;position:absolute;top:11px;left:15px;}

#askarea_out,#askarea{background:#27506f;}
#askarea input[type="submit"],#askarea input[type="reset"]{background:#fc5484;}
.text-note{color: yellow;text-align: center;background-color: red;}
.text-note-xl{font-size: 1.3rem;}
@media all and (min-width: 1201px){
#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)}
#Related,.bottomLink{width:750px}
#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}
}

@media (max-width: 700px) {
.item:nth-child(2){grid-column:1/span 1}
.item:nth-child(3){grid-column:4 /span 4}
@media screen and (max-width:450px){
/* .banner_grid{background:url(../images/1007005_fireworks_m.png)no-repeat top center / 100%,url(../images/1007005_basemap_m.png)no-repeat top center / 100%,#fff3d2;padding:7% 5% 0} */
.banner_grid {grid-template-columns: 10% 30% 30% 30%;grid-template-rows: 30% 30% 20% 20%;background: url(../images/1401007_base_map_2.png) no-repeat top center / 100%,linear-gradient(to left, #fdffdd 0%, #fcffce 100%);background-size: 120% 100%;padding: 4% 0 0;overflow: hidden;}
.item:nth-child(1){grid-column:1/span 4;grid-row:1}
.item:nth-child(2){grid-column:1/span 2;grid-row:2 /span 4}
.item:nth-child(3){grid-column:3/span 4;grid-row:2 /span 4}
}
}
@media (max-width: 767px){
    .banner_grid{grid-template-rows: 20% 25% 25% 30%;padding: 0;}
    .title{font-size:1.5rem;grid-area: 3/2/5/5;margin: 4rem 2rem 1rem 8rem;}
    .title span{font-size:1.5rem}
    .item:nth-child(1){margin: 1rem 1rem 0 ;}
    .item:nth-child(2){margin:1rem 0 0 0;z-index: 5;}
    @media screen and (max-width:600px){
        .banner_grid{grid-template-rows: 20% 25% 25% 30%;padding: 1% 0 0;}
        .title{margin:.5rem .8rem 1rem 7rem;line-height: 1.5;padding:2rem 1rem 2rem 1.6rem;}
    }
    @media screen and (max-width:400px){
        .banner_grid{grid-template-rows: 20% 20% 20% 40%;padding:3% 0 0}
    }
    .coruse_box{font-size:1.15rem;padding:3% 2% 4% 4%}
    .coruse_box>ul{margin:1% auto 3%}
    .coruse_box li{font-size:1.15rem;margin:0 auto 2%;line-height:1.73em}
    /* .ECtitle{font-size:1.1rem} */
    .navlink{margin:2% auto 4%}
    .navlink>ul>li{font-size:1.25rem}
    .navlink>ul>li>a{padding:1% 3%;display:block;line-height:40px;margin:1%}
    .ps{padding:2%}
    .social_title>h3 {font-size: 1.6rem;}
    .social_title>p {font-size: 1.25em;}
    .line_flex{width:80%}
    .line_box{width:90%;margin:2% auto;padding:6% 5% 0}
    .line_item span {font-size: 1.4rem;}
    .teacher_bg{padding:4% 3% 10%}
    .teacher_bg h2{font-size:1.7rem}
    .teacher_grid>.teacher_box:nth-of-type(1)>ul>li,.teacher_grid>.teacher_box:nth-of-type(2)>ul>li{width:calc(100%/2);margin:1% auto}
    .teacher_grid>.teacher_box:nth-of-type(2){grid-area:2/1/span 1/span 4}
    .teacher_grid>.teacher_box:nth-of-type(3){grid-area:3/1/span 1/span 4}
    .teacher_grid>.teacher_box:nth-of-type(4){grid-area:4/1/span 1/span 4}
    .teacher_grid>.teacher_box:nth-of-type(5){grid-area:5/1/span 1/span 4}
    .scroll_link{width:100%;padding:1% 0;right:0;bottom:0;top:auto;border-radius:0;background:#46afbb;}
    .scroll_link dl{text-align:center;margin:2% auto}
    .scroll_link dl dt{display:none}
    .scroll_link li{display:inline-block;padding-left:23px;margin:0 1%}
    .scroll_link li:before{top:7px}
    .title br{display:none}
}

@media all and (min-width:768px) and (max-width: 1200px){
    .banner_grid{padding: 1% 0 0;}
    @media  (min-width:1023px) and (max-width: 1200px){
        .banner_grid {padding: 1% 16% 0;background: url(../images/1401007_base_map_2.png) no-repeat top right / 90%, linear-gradient(to left, #fdffdd 0%, #fcffce 100%);}
    }
    .title{margin: .5rem 2rem 1rem 9.5rem;padding: 0.5rem 2rem;font-size: 1.6rem;align-items: center;}
    .title span{font-size: 1.7rem;}
    .item:nth-child(2){margin:4rem 0 0 1rem;}
    .scroll_link{width:100%;padding:1% 0;right:0;bottom:0;top:auto;border-radius:0;text-align:center}
    .scroll_link dl,.scroll_link li{display:inline-block}
    .scroll_link dl{width:80%;margin:0 auto}
    #BodyFooter_rwd{padding-bottom:80px}
}

@media all and (min-width: 1px) and (max-width: 1200px){
    #BodyContentMainNavigator,#BodyHeader_event,#noie{display:none}
}
