/*css reset 歸0*/
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;}
/*remember to define focus styles!*/
:focus{outline:0;}
*{box-sizing: border-box;}
ins{text-decoration:none;}
del{text-decoration:line-through;}
body{font-family:"Microsoft YaHei", 微軟正黑體, Arial;}
a{text-decoration:underline;}
a:hover{text-decoration:none;}
ul,li{margin:0;padding:0;list-style-type:none;}
[class*="flex"]{display: flex;flex-wrap: wrap}
.bgcolor1{
    background: #bfe126; /* Old browsers */
    background: -moz-linear-gradient(top,  #bfe126 0%, #d0e95f 35%, #e8f5b3 65%, #fcfef5 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #bfe126 0%,#d0e95f 35%,#e8f5b3 65%,#fcfef5 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #bfe126 0%,#d0e95f 35%,#e8f5b3 65%,#fcfef5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfe126', endColorstr='#fcfef5',GradientType=0 ); /* IE6-9 */
}
header h1{background-color: #F11287;color: white;font-size: 1.8em;font-weight: bold;display: inline-block;border-radius: 1em;padding: 1% 5%;}
.annual-title{color: #F11287;font-size: 1.75em;display: block;}
#event_sec p,#event_fourth p{font-size: 1.1em;text-align: left;padding: 0 12%;letter-spacing: .2em;}
.social-worker li a,#event_fourth p a,#event_third dl a,.top-list a, #event_fifth dd a, .normal-list a {color: #0091D7;}
.rank, .rank a, .top-list dt{color: #F11287 !important;}
#event_third dl{text-align: left;padding: 0 10%;margin: 2% auto;}
#event_third dl dt,#event_third dl dd{display: inline-table;text-decoration: underline;line-height: 1.8;}
#event_third dl dt{font-weight: bold;margin-right: 1em;font-size: 1.1em;}
#event_third dl dd{width: 88%;font-size: 1em;}
.top-list{margin: 2% auto;padding: 0 0 0 9%;font-size: 1.1em;text-align: left;}
.top-list dt,.top-list dd,.normal-list dt,.normal-list dd{display: inline-table;}
.top-list dd{width: 38%;text-align: left;}
.normal-list{text-align: left;padding: 0 10%;font-size: 1.1em;}
.normal-list dt{width: 18%;}
.normal-list dd{width: 31%;}
.normal-list .md\:w-1\/2 {width: 50%;}
#event_third{background: url(../images/0307104_12.gif) no-repeat right bottom;padding-bottom: 3%;}
#event_sixth p{color: #006699;font-size: 1.1em;}
#event_sixth p a{color: #EB543F;font-weight: bold;margin: 0 .2%;}
.guide-bar{position: fixed;background-color: #0068B7;bottom: 0;font-size: 1.35em;color: white;width: 100%;padding: .5%;text-align: center;}
.guide-bar ul li{display: inline-block;margin: 0;text-align: center;}
.guide-bar a{color: #FFE040;margin-left: 5%;}
.guide-bar ul{width: 100%;}
.guide-bar ul li:nth-child(1){width: 24%;}
.guide-bar ul li:nth-child(2){width: 13%;}
.guide-bar ul li:nth-child(3){width: 23%;}
.guide-bar ul li:nth-child(4){width: 19%;}
.guide-btn{text-align: center;margin: 2% auto;}
.guide-btn a{background-color: #EB543F;padding: .5% 1.5%;display: inline-block;color: white;border-radius: 1em;margin: 1% 0 0 1%;font-weight: bold;}
.social-worker {padding: 0 10%;margin: 2% auto;text-align: left;}
.social-worker li{font-size: 1.1em;position: relative;display: inline-block;margin-right: 1rem;}
.social-worker li::after{position: absolute;content: '‧';right: -.6rem;}
.social-worker li:last-of-type::after{position: absolute;content: '‧‧‧';right: -1rem;}
.social-worker .rank{font-size: 1.5rem;}
.asktitle a {color: white;}

@media (min-width: 1201px){    
    body{margin:0;
        background: #bfe126; /* Old browsers */
        background: -moz-linear-gradient(top,  #bfe126 0%, #d0e95f 35%, #e8f5b3 65%, #fcfef5 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top,  #bfe126 0%,#d0e95f 35%,#e8f5b3 65%,#fcfef5 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom,  #bfe126 0%,#d0e95f 35%,#e8f5b3 65%,#fcfef5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfe126', endColorstr='#fcfef5',GradientType=0 ); /* IE6-9 */
    }
    #BodyContainer_event{margin: 0 auto;text-align:center;width:850px;}
    #BodyHeader_event_rwd{display:none;}
    #event{width:850px;margin-right: auto;margin-left: 3px;font-family:"微軟正黑體", Arial;background-color: #fff;float: left;margin: 0px auto;}
    #event_master,#event_sec,#event_third,#event_fourth,#event_fifth,#event_sixth{margin-top:0px;float:left;width:850px;}   
    /* bodyHeader */
    #BodyHeader_event #header-share {width:850px;line-height: 2;font-size: 13px;margin-bottom: 0px;margin-top: 0px;background-color: #FFF;}	
    #BodyHeader_event #header-share img {margin-bottom: 5px;}
    #BodyHeader_event a {color: #333;font-size: 13px;}
    #BodyHeader_event a:hover {text-decoration: none;color: #666;position: relative;top: 2px;bottom: 2px;}
    .normal-list dt{width: 20%;}
    .normal-list dd{width: 29%;}
    .guide-bar{width: 850px;}
    .guide-bar span,.guide-bar ul{display: inline-block;}
    /* Footer */
    #BodyFooter_rwd{float: left;width:850px;background-color:#FFF;}
    #BodyFooter_rwd a:hover{text-decoration: none;}
    #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: #999;}
    #BodyFooter_rwd #footer_inline a {color: #000;font-size:15px;}
    #BodyFooter_rwd #footer_inline ul{float: left;padding:0;width:850px;margin-bottom: 0%;margin-top:3%;}
    #BodyFooter_rwd #footer_inline ul li{display: inline;line-height: 2.2em;font-size: 1.1em;clear: both;width: 850px;margin-right: 0.5em;}
    #BodyFooter_rwd #footer_inline ul li img{width:20%;height:auto;vertical-align: middle;}
    #BodyFooter_rwd #footer_address{margin-top: 0%;width: 850px;margin-right: auto;text-align: center;margin-left: auto;}
    #BodyFooter_rwd #footer_address a{color:#000;}
    #BodyFooter_rwd #footer_address ul{padding:0;margin-bottom: 1%;width: 850px;text-align: center;}
    #BodyFooter_rwd #footer_address ul li{width: 850px;margin-right:0;float:left;line-height: 2em;text-align: center;font-size: 13px;list-style-type: none;display:inline-block;}
    #BodyFooter_rwd #footer_address #adinfo_out{width:638px;margin-right:auto;margin-left:210px;}
    #BodyFooter_rwd #footer_address #adinfo{float:left;width:225px;padding:0;margin-right:5px;}
    /*ask*/
    #askarea_out{background-color: #F4A300;width: 100%;float:left;padding-top:2%;}
    #askarea{width: 100%;float:left;text-align:left;}
    #askarea p {margin-top: 1%;margin-bottom: 1%;}
    #askarea .asktitle {font-size: 1.2em;color: #FFF;text-align: center;font-family: "微軟正黑體";}
    #askarea #formlist{width: 80%;/*float: left;*/margin-right: auto;margin-left: 10%;margin-top:3%;font-size: 1em;color: #FFF;padding-bottom: 1%;}
    #askarea SELECT{border-radius: 7px;width: 10%;background-color: #FFF;border: #FFF;padding: 0.5%;margin-right: 1%;margin-bottom: 1%;width:15%;}
    #askarea input{border-radius: 7px;background-color: #FFF;border: #FFF;padding: 0.5%;margin-bottom: 1%;margin-left: 1%;color: #C6C6C6;}
    #askarea input[type="submit"]{color: #FFF;background-color: #eb543f;font-size: 1em;padding:0.5em;}
    #askarea input[name="sContent"]{width:50%;}
    #askarea input[type="reset"]{color: #FFF;background-color: #eb543f;font-size: 1em;padding:0.5em;}
    #askarea input[type="text"]{width:36%;}
    #topbutton{display:none;}
    #topli{display:none;}
    .hottxt{ color: #ffd942; font-size: 13px;}
}

@media (max-width: 1200px){
    /*隱藏的區塊*/
    #BodyHeader_event{display:none;}
    .hottxt{display:none;}
    /*會撐開的版面控制*/
    #BodyContentMainDetail_learning{width: 100%;float:left;margin:0px;}
    #BodyContent {width: 100%;padding:0;}
    #BodyContainer_event{width: 100%;}
    #BodyContentMain{width:100%;}
    /* Header */
    #BodyHeader_event_rwd {text-align: center;height: auto;margin-right: auto;margin-left: auto;background-color:#FFF;position:fixed;top:0;width:100%;float:left;z-index: 9;}
    @media screen and  (orientation:portrait) {
        #BodyHeader_event_rwd img {height: auto;max-width: 50%;margin-right: auto;margin-left: auto;margin-top: 3%;margin-bottom: 3%;}
    }
    @media screen and  (orientation:landscape) {
        #BodyHeader_event_rwd img {height: auto;max-width: 25%;margin-right: auto;margin-left: auto;margin-top: 3%;margin-bottom: 3%;}
    }
    /*body*/
    #event{margin: 0px auto;background-color: #fff;float: left;font-family: "微軟正黑體";}
    #event p{margin:0px;padding: 6%;}
    #event img{width:100%;height:auto;}
    @media all and (orientation : portrait){
        #event_master{width: 100%;margin-top: 15%;float:left;}
    }
    @media screen and  (orientation:landscape) {
        #event_master{width: 100%;margin-top: 8%;float:left;}
    }
    header h1{font-size: 1.3em;line-height: 1.3;margin: 3%;}
    #event_sec,#event_third,#event_fourth,#event_fifth,#event_sixth{width: 100%;margin-top: 0%;float:left;}
    #event_sec p, #event_fourth p{padding: 0 10%;}
    #event_third dl{padding: 0 8%;}
    .top-list{padding: 0 4%;}
    .normal-list{padding: 0 0 0 6%;}
    /* bodyHeader */
    #BodyHeader_event #header-share {line-height:2;font-size:13px;margin-bottom: 0px;margin-top: 0px;}	
    #BodyHeader_event #header-share img {margin-bottom: 5px;}
    #BodyHeader_event a {color: #333;font-size: 13px;}
    #BodyHeader_event a:hover {text-decoration: none;color: #666;position: relative;top: 2px;bottom: 2px;}
    /* Footer */
    #BodyFooter_rwd{float: left;width:100%;background-color:#FFF;margin-top:5%;}
    #BodyFooter_rwd #footer_line {width: 100%;margin-bottom: 3%;margin-top: 5%;display: block;float: left;height: auto;text-align: center;border-top-width: thin;border-top-style: solid;border-top-color: #999;}
    #BodyFooter_rwd #footer_inline a {color: #000;line-height: 2em;}
    #BodyFooter_rwd #footer_inline ul{float: left;padding:0;width:100%;margin-bottom: 1%;text-align:center;}
    #BodyFooter_rwd #footer_inline ul li img{max-width:40%;height:auto;margin-bottom: 2%;}
    #BodyFooter_rwd #footer_inline ul li{float: left;display: inline-block;margin-right: auto;line-height: 2em;font-size: 1em;clear: both;width: 100%;}
    #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: #000;line-height: 2em;}
    #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: .8em;}
    /*ask*/
    #askarea{background-color: #F4A300;height: auto;float: left;padding-top: 4%;padding-right: 1%;padding-bottom: 2%;padding-left: 1%;width: 100%;}
    #askarea .asktitle{color: #FFF;text-align: center;margin-bottom:5%;}
    #askarea p {margin-top: 0%;margin-bottom: 0%;width: 90%;margin-left: 5%;}
    #formlist{width: 99%;float: left;margin-right: auto;margin-left: 0%;margin-top:3%;padding-right:1%;font-size: 1.0em;color: #FFF;}
    SELECT{border-radius: 7px;width:100%;background-color: #FFF;border: #FFF;padding: 0.5%;margin-right: 1%;margin-bottom: 7%;height:30px;font-size: 1.0em;}
    input{border-radius: 7px;background-color: #FFF;border: #FFF;padding: 0.5%;margin-bottom: 7%;margin-right: 1%;color: #C6C6C6;height:30px;font-size: 1.0em;}
    input[type="submit"]{color: #FFF;background-color: #eb543f;-webkit-appearance:none;/*ios系統專用，默認的系統樣式*/font-size: 1em;margin-top: 5%;padding:1%;height: auto;}
    input[name="sContent"]{width:50%;}
    input[type="reset"]{color: #FFF;background-color: #eb543f;-webkit-appearance: none;/*ios系統專用，默認的系統樣式*/font-size: 1em;margin-top: 5%;padding:1%;height: auto;}
    input[type="radio"]{width:1em;height:1em;margin-left: 3%;}
    input[type="text"]{width:99%;}
    #topbutton{width:100%;height:30px;color: #FFFFFF;background-color:#006699;opacity:0.9;bottom:0%;position:fixed;font-size: 0.9em;padding:1%;text-align:center;}
    #topbutton a{font-size: 0.9em;color: #FFFFFF;}
    #topbutton ul{display: inline-block;width:100%;}
    #topbutton ul li{float:left;display:inline;margin-right:0.2%;line-height:3em;margin-left: 0.2%;margin-top: 1%;width:24%;}
    #topbutton ul li a{font-size: 1em;}
    @media screen and  (orientation:portrait) {	
        #topli{width:50px;height:50px;text-align:center;color: #FFFFFF;border-radius: 9999em;background-color:#000;opacity:0.4;right:1%;bottom:8%;position:fixed;line-height:50px;font-size: 15px;}
    }
    @media screen and  (orientation:landscape) {	
        #topli{width:50px;height:50px;text-align:center;color: #FFFFFF;border-radius: 9999em;background-color:#000;opacity:0.4;right:1%;bottom:15.8%;position:fixed;line-height:50px;font-size: 15px;}
    }
}

@media (max-width: 767px){    
    #event_third dl dd{width: 100%;}
    .top-list dd{width: 72%;}    
    .normal-list dt{width: auto;}
    .normal-list dd{width: 57%;}    
    .normal-list .sm\:block {display: block;}
    .normal-list .sm\:w-auto {width: auto;}
    .guide-bar{width: 100%;font-size: 1.1em;padding: 1%;}
    .guide-bar ul li:nth-child(1){width: 100%;}
    .guide-bar ul li:nth-child(2){width: 20%;}
    .guide-bar ul li:nth-child(3){width: 45%;}
    .guide-bar ul li:nth-child(4){width: 32%;}
    .guide-btn{margin: 3% auto;}
    .social-worker li::after{right: -1rem;}
    .social-worker li:last-of-type::after{right: -3.5rem;}   
    .social-worker .rank::after{content: none;} 
    .social-worker .rank {font-size: 1.35rem;}
}