@import url(../../../icon_new/css/all.min.css);
@import url(../../../File/Css/event_full.css);
#event_banner{width: 100%;margin-bottom: -3%;}
#event_banner img{width: 100%;height: auto;}

#event_sec, #event_third, #event_fourth, #event_fifth, #event_sixth {padding: 1rem;}
h1 {font-size: 3.5rem;text-align: center;font-family: "華康新特明體","DFMingXBold-B5","DFMingBold-B5","DFMingMdium-B5";}
h2 {font-size: 2.5rem;}
.fcolor1 {color:#FEC93E;}
.fcolor2 {color:#16a1da;}
.fcolor3 {color:#f76a53;}

#event_master h1 {font-size: 4.5rem;}
.bgcolor0 {background-color:#16a1da ;}
.bgcolor1 {background: linear-gradient(to right,#def5ff 10%,#ffffff 30%,#ffffff 70%, #def5ff 90%);}
.bgcolor2 {background: linear-gradient(to right,#f9efe6 10%,#ffffff 30%,#ffffff 70%, #f9efe6 90%);}
.bgcolor3 {background-color: #FEC93E;}
.bgcolor4 {background-color: #f4b783;}
.bgcolor5 {background: linear-gradient(to right,#cbd3d4 10%,#ebeff1 30%,#e8eced 70%, #c0cacd 90%);}

/*公職社工師美好圖鑑*/
#event_banner h1 {position: absolute;z-index: -1;}
.handbook {width: calc(100%/4 - 0.5rem);border: 0px solid black;border-radius: 1.5rem;margin: 0rem 0.25rem 1.25rem;height: 130px;box-shadow: 2px 3px 7px #5c5c5c;overflow: hidden;}
.handbook:nth-of-type(1) {background: #FEC93E url(../images/1111042_handbook1.png) repeat-y left bottom;background-size: contain;}
.handbook:nth-of-type(2) {background: #FFF url(../images/1111042_handbook2.png) repeat-y left bottom;background-size: contain;}
.handbook:nth-of-type(3) {background: #FEC93E url(../images/1111042_handbook3.png) repeat-y left bottom;background-size: contain;}
/*.handbook:nth-of-type(3) {background: #FEC93E url(../images/129018555_s.jpg) repeat-y left bottom;background-size: contain;}*/
.handbook:nth-of-type(4) {background: #FFF url(../images/1111042_handbook4.png) repeat-y left bottom;background-size: contain;}
.handbook dt {font-size: 2.5rem;margin-left: 34%;font-weight: bold;margin-bottom: -0.3rem;}
.handbook dd {background: linear-gradient(to right, #ffffff00 10%, rgb(225 225 225) 100%);font-size: 1.25rem;margin: 0 0% 0 36%;text-align: right;padding: 0.1rem 0.3rem;line-height: 1.5rem;}

/*社工師的最終答卷*/
.comparison_table {width: 100%;margin: 1rem auto;}
.job-title {background-color: #FEC93E;padding: 1.5rem 2rem 0.5rem;border-radius: 1rem 1rem 0 0;font-size: 1.8rem;}
.comparison_table th {position: relative;}
.comparison_table th:nth-of-type(2) .job-title {background-color: #16a1da;padding: 0.5rem 0;margin-top: 1rem;}
.comparison_table td {padding: 1rem;font-size: 1.0rem;}
.comparison_table tr>td:nth-of-type(2) {border-right: 3px solid #DFDFDF;border-bottom: dotted 1px #c3c3c3;font-size: 1.25rem;}
.comparison_table tr>td:nth-of-type(3) {border-bottom: dotted 1px #c3c3c3;}
.best-choice {position: absolute;bottom: 0;left: 22%;background-color: #f76a53;width: 5rem;height: 5rem;text-align: center;border-radius: 50%;color: white;display: flex;flex-wrap: wrap;align-items: center;justify-content: center;padding: 0.75rem 0 1rem;animation: myfirst 2.5s infinite alternate ease-in-out;}
@keyframes myfirst{
    0%{opacity:1}
    15%{opacity:0}
    25%{opacity:1}
    100%{opacity:1}
}
.best-choice i {font-size: 2rem;width: 100%;}
.contrast {display: flex;flex-wrap: wrap;align-items: center;}
.contrast ul {width: calc(100% - 5rem);padding-right: 0.5rem;}
.contrast ul li strong {color: #f76a53;}
.contrast .best-choice {padding: 0 3px;position: initial;}
.condition {background-color: #565656;padding: 0.5rem 1rem;border-radius: 2rem;text-align: center;color: #fec93e;font-size: 1.4rem;}

/*公職社工師優試進場*/
.inform_cont {width: calc(100%/2 - 1rem);margin: 0.5rem 0.5rem;}
.inform_cont table {width: calc(100%/2 - 1rem);margin: 0 0.5rem auto;}
/* .inform_cont table:last-of-type td {padding: 0.1875rem 0;} */
.inform_cont dl {background: linear-gradient(to right,#f9e7d7 10%,#fbfaf9 70%, #f9eee4 90%);padding: 0 0 0.5rem;border-radius: 1rem;}
.inform_cont dt, .inform_cont th>div {background-color: #FFF;padding: 0.3rem 1rem;border-radius: 1rem 1rem 0 0;text-align: center;font-size: 1.4rem;border-bottom: solid 2px #f4b783;color: #f76a53;}
.inform_cont th>div {}
.inform_cont dd {padding: 0.5rem 1.5rem;font-size: 1.2rem;}
.inform_cont dd::before {content: "\f14a";font-family: "Font Awesome 5 Free";font-weight: bold;left: 0;margin-right: 0.25rem;}
.inform_cont ol li {display: list-item;list-style-type: decimal;margin-left: 2rem;}
.inform-title {font-size: 2.2rem;width: 100%;text-align: center;display: block;color: #16a1da;font-weight: bold;}
.inform_cont td {border-bottom: 1px dotted #DFDFDF;text-align: center;background-color: rgb(255 255 255 / 80%);padding: 0.1875rem 0;}
.inform_cont td:nth-of-type(even) {background-color: rgb(255 255 255 / 60%);}
.extend-btn {margin: 1rem auto;text-align: center;}
.extend-btn a {background-color: #f76a53;color: white;padding: 0.5rem 1rem;border-radius: 2rem;display: inline-block;margin: auto 0.5rem;font-size: 1.5rem;text-decoration: none;font-weight: bold;}

/*時政法令是申論得分重點*/
.book_cont {width: calc(100%/2);padding: 1rem;}
.book_cont figure {text-align: center;}
.book_cont img {height: 300px;margin: auto;}
.book_cont dt {text-align: center;}
.message {color: #ffffff;padding: 0.5rem;margin-top: 1rem;background-color: #1097cf;text-align: center;border-bottom: dotted 1px;font-size: 1.3rem;border-radius: 1rem 1rem 0 0;}
.message+dd {color: white;background-color: #16a1da;padding: 0.5rem 1rem;border-radius: 0 0 1rem 1rem;font-size: 1.1rem;}
.excerpt {margin: 3% 0 0;}
.excerpt ul {width: calc(100%/2);padding: 1rem 1rem 1rem 2rem;}
.excerpt ul:nth-of-type(1) {background: linear-gradient(to right,#f9f9f9 70%,#e3e3e3 95%);border-radius: 0rem 1.5rem 0rem 0rem;border-left: 10px solid #DFDFDF;}
.excerpt ul:nth-of-type(2) {background: linear-gradient(to left,#f9f9f9 60%,#d1d1d1 100%);border-radius: 1.5rem 0rem 0rem 0rem;border-right: 1px solid #DFDFDF;border-left: 1px solid #ffffff;}
/*.excerpt ul:last-of-type {border-radius: 0.5rem 1.5rem 1.5rem 0.5rem;border-left: 1px solid #DFDFDF;border-right: initial;}*/
.excerpt li {display: list-item;list-style-type: disc;margin: 0 0.5rem 0.5rem;border-bottom: 2px solid #16a1da;padding-bottom: 0.5rem;}

/*名師領讀與實務指南*/
.teacher_item {width: calc(100%/3);text-align: center;padding: 0.5rem;}
.teacher_item img {margin: auto;width: 170px;}
.teacher_item dl {background: linear-gradient(to right,#f9f9f9 70%,#e3e3e3 95%);border-radius: 1.5rem;padding: 1rem 0.5rem;}
.teacher_item dt {font-size: 1.25rem;border-bottom: 3px solid #16a1da;margin-bottom: 0.5rem;color: #16a1da;}
.teacher_item dt strong {margin: auto 0.25rem;}
.teacher_item dd {text-align: left;}
.teacher_item dd i {margin-right: 0.25rem;}
.teacher_item dd:last-of-type {color: #16a1da;text-align: center;font-weight: bold;}
.learn-mode {margin: 1rem auto;background-color: bisque;border-radius: 1.5rem;}
.learn-mode dl {width: calc(100%/3);text-align: center;padding: 1rem;}
.learn-des {font-size: 2rem;width: 100%;text-align: center;border-bottom: dotted 1px;color: #f76a53;font-weight: bold;padding: 0.2rem 0 0;}
.learn-mode dl:nth-of-type(n+2):nth-of-type(-n+3) dt {padding: 0.5rem 0;}
.learn-mode dt span {background-color: #f76a53;color: white;width: 2rem;height: 2rem;display: inline-flex;align-items: center;justify-content: center;border-radius: 50%;margin: auto 0.25rem;}
.learn-mode dt {border-bottom: 3px solid #ffffff;height: 3.5rem;margin-bottom: 0.5rem;font-size: 1.2rem;}
.learn-mode dt a {font-weight: bold;}
.learn-mode dd {text-align: left;background-color: white;padding: 0 0.5rem;}
.learn-mode dd strong {color: #f76a53;}
.learn-mode .people {width: 3rem;height: 3rem;font-size: 1.0rem;}
.reason {font-size: 1.1rem;font-weight: bold;text-align: center;display: block;color: #16a1da;padding: 0.5rem 0.3rem;}
.reason+a {font-weight: bold;display: block;font-size: 1.25rem;text-align: center;background-color: #16a1da;color: white;padding: 0.3rem;margin-bottom: 0.3rem;}

/*報名課程憑社福工作證再優1,000*/
.price_table {width: 100%;text-align: center;background: linear-gradient(to right,#f9e7d7 10%,#fbfaf9 70%, #f9eee4 90%);border-radius: 1rem;}
.price_table th {background-color: #FFF;padding: 0.3rem 1rem;border-radius: 1rem 1rem 0 0;text-align: center;font-size: 1.2rem;border-bottom: solid 2px #f4b783;}
.price_table td {padding: 0.25rem;border-right: dotted 1px #f4b783;font-size: 1.5rem;border-bottom: dotted 1px #f4b783;}

/*浮動優惠*/
.report-guide{position:fixed;width:100%;background:rgb(189 0 7 / 90%);bottom:0;left:auto;right:auto;padding:0.75rem 0;text-align:center;z-index:8;font-size: 1.5rem;}
.report-guide a{display:block;text-decoration:none;color:white;}



@media (min-width: 1201px){	
	#event_master, #event_sec, #event_third, #event_fourth, #event_fifth, #event_sixth {width: 1200px;margin: auto;}
	.comparison_table tr:first-of-type td {width: 15%;}
	.comparison_table tr:first-of-type th:nth-of-type(1) {width: 45%;}
	.comparison_table tr:first-of-type th:nth-of-type(2) {width: 35%;}
}

@media (max-width: 1200px){
	#event_banner {padding-top: 5rem;}
	.extend-btn {margin: auto;}
	.extend-btn a {margin: 0.25rem;}
	.learn-mode dt {height: auto;}
	.best-choice {left: 10%;}
}

@media (max-width:767px){ 
	#event_sec, #event_third, #event_fourth, #event_fifth, #event_sixth {padding: 1rem 0.5rem;}
	#event_master {padding: 0rem 1rem 0rem;}
	#event_banner {margin-bottom: -3%;padding-top: 3.5rem;}
	h1 {font-size: 2.0rem;line-height: 2.2rem;}
    .handbook {width: calc(100%/2 - 0.5rem);border-radius: 1.0rem;margin: -0.5rem 0.25rem 1.25rem;height: 120px;}
	.handbook dt {font-size: 1.7rem;}
	.handbook dd {font-size: 1.0rem;}
	.comparison_table td {padding: 0 1%;}
	.inform-title {font-size: 1.8rem;}
	.best-choice {left: 0;right: 0;margin: 0 auto 3rem;}
	.job-title {padding: 1.5rem 0rem 0.5rem;font-size: 1.5rem;}
	.condition {padding: 0.2rem 0rem;font-size: 1.4rem;}
	.comparison_table {margin: 4.5rem auto 1rem;}
	.contrast ul {width: 100%;}
	.contrast .best-choice {margin: auto;}
	.inform_cont, .inform_cont table, .book_cont, .learn-mode dl {width: 100%;}
	.inform_cont table {margin: auto auto 0.5rem;}		
	.teacher_item {width: 100%;}
	.excerpt ul {padding: 1rem 0.5rem 1rem 1rem;}
	.report-guide{font-size: 1rem;}
}