#head { background-color: #ffffff; }
#head .bg { background-image: url('../../../img_V2/focus/202610_01/head_bg1.jpg'); background-repeat: no-repeat; background-position: center center; background-size: cover; }
#head .head_title .t1 { font-size: 71px; line-height: 95px; color: #ff6e40;}
#head .head_title .t3 { }

@media (max-width: 767px) {
#head .bg { display: none; }
#head .head_title .t1 { font-size: 2rem; line-height: 1.2; }
#head .head_title .t2 { font-size: 23px; }
#head .head_title .t3 { padding: 0px; }
.head_title { br{ display: none; }}
}

@media (max-width: 991px) {
}

@media (min-width: 768px) {
#head .head_title .t1 { &::before
{ content: attr(data-storke); position: absolute; z-index: -1; -webkit-text-stroke: 10px #ffffff; text-stroke: 10px #ffffff; text-shadow: 0 0 10px #000000;
            left: 7px;
            right: 7px; }
}
#head .head_title .t_ku { padding: 16px; background-color: rgba(255, 247, 153, 0.79); border-radius: 27px; }
#head .row { min-height: 500px; }
.headswiper:before { content: ''; height: 59px; width: 100%; display: block; bottom: 0px; position: absolute; z-index: 2; background-image: linear-gradient(0deg, rgb(255, 252, 238) 41%, rgba(255, 250, 221, 0) 100%); }
}

#list_0 { background-color: #fffcee; }
#list_1 { background-color: #ffffff; }
/*#list_1 .bg { background-image: url('../../../img_V2/focus/202610_01/list1_bg.jpg'); background-size: auto; background-repeat: no-repeat; background-position: center bottom; }*/

/*#list_2 { background-color: #fee1d3; }*/
#list_2 { background-color: #fff0d9; }
#list_3 { background-color: #ffe0b4; }
#list_3 a:hover { text-decoration: none; }
#list_4 { background-color: #ffe0b4; }
#list_5 { background-size: cover; background-position: center center; background-repeat: no-repeat; }
#list_6 { background-color: #fbf1e9; }
#list_7 { background-color: #ffffff; }
#list_8 { background-color: #fff5e7; }
#list_10 .bg { background-image: url(../../../img_V2/focus/202610_01/bg_02.jpg); background-size: cover; opacity: 0.25; }

/* svg_bg */
section:nth-child(odd) .svg-wrapper path { d: path("M0 6 V1 Q20 5 50 2 T100 3 V6z"); }
section:nth-child(even) .svg-wrapper path { d: path("M0 6 V3 Q20 -1 50 2 T100 1 V6z"); }
.svg-wrapper svg { vertical-align: bottom; }
#head .svg-wrapper { fill: #ffefef; }
#list_0 .svg-wrapper { fill: #fff799; }
#list_1 .svg-wrapper { fill: #fff6e9; }
#list_2 .svg-wrapper { fill: #fff6e9; }
#list_3 .svg-wrapper { fill: #fef6e9; }
#list_4 .svg-wrapper { fill: #ffffff; }
#list_5 .svg-wrapper { fill: #fff0d9; }
#list_6 .svg-wrapper { fill: #ffffff; }
#list_7 .svg-wrapper { fill: #fff6e9; }
#list_8 .svg-wrapper { fill: #fdeda5; }

/* title */

@media (max-width: 991px) {
.container h1 { font-size: 2rem; line-height: 1.2; }
}
/* top_title */



.top { background-color: #ff8a00; padding: 5px 13px; border-top-left-radius: 1rem; border-bottom-right-radius: 1rem; position: absolute; }
.main_title { }
.title_1 { padding-right: 15px; color: #000000; position: relative; padding-left: 15px; display: inline-block; border-bottom: 4px solid #21a5e8; }
.title_1:before { display: block; position: absolute; height: 85px; content: " "; width: 92px; background-image: url('../../../img_V2/focus/202610_01/tp_01.png'); left: 20px; top: -16px; background-repeat: no-repeat; background-size: 43px auto; }
/* ////////////////////////////////////// */
.media_link a { color: #034f9f; font-weight: normal; }
.media_link li { list-style-type: none; display: block; padding: 0.75rem 1.25rem; border-bottom: 1px dashed #d4d4d4; font-weight: bold; }
.media_link li:last-child { border-bottom: none; }
/* row */
.row_line { border-bottom: 1px dashed #c0c0c0; }
/* Collapse */
#accordionExample .btn { position: relative; }
.expand-icon-wrap { position: absolute; right: 0; top: 0; font-size: 15px; line-height: 50px; color: #000; }
.expand-icon-wrap:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; }
.expand-icon { padding: 0 18px; vertical-align: middle; }
.expand-icon:before { content: "\f055"; }
.coll_1 h5 { border-bottom: 1px solid #d1b74e; }
.coll_1 .btn { color: #b4320f; font-size: 1.3rem; }
.coll_1 a { color: #333; }
/*大發現 nav 選單*/
.dis-swiper, .qa-swiper, .speak-swiper { padding-bottom: 35px; }
.nav-sp .nav-link { color: #888888; background-color: #eaeaea; border-width: 1px; border-color: #dbdbdb; font-size: 20px; }
.nav-sp { border-bottom: 1px solid #656565; }
.nav-sp .nav-link:hover, .nav-sp .nav-link:focus { border-color: rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) #818181; background-color: #FFEDC5; }
.nav-sp .nav-item.show .nav-link, .nav-sp .nav-link.active { color: #1f1f1f; border-color: #8c8c8c #afafaf #fff6e9; background-image: linear-gradient(180deg, rgb(253, 136, 0) 0%, #fff6e9 100%); font-weight: bold; }
/*大發現*/
.dis_badge { display: inline-block; color: #ffffff; padding: 8px 20px 8px 22px; }
.dis_row { padding-bottom: 65px; }
.dis_badge_g { background-color: #00aa7d; }
.dis_badge_o { background-color: #ed6d1f; }
.expert-callout { border-radius: 12px; padding: 20px 24px; position: relative; }
.expert-callout-green { background-color: #e3f2eb; border-left: 5px; }
.expert-callout-orange { background-color: #fdecde; border-left: 5px; }

.expert-badge { margin-bottom: 0px; font-weight: bold; }
.expert-badge-green { color: #00aa7e; }
.expert-badge-orange { color: #ed6d1f; }
.textbg_1::before{display: block; position: absolute; height: 91px; content: " "; width: 150px; background-image: url('../../../img_V2/focus/202610_01/textbg_1.png'); top: -29px; background-repeat: no-repeat; background-size: 150px auto;
    right: 59px; }
.textbg_3::before{display: block; position: absolute; height: 91px; content: " "; width: 154px; background-image: url('../../../img_V2/focus/202610_01/textbg_3.png'); top: -41px; background-repeat: no-repeat; background-size: 140px auto;
    right: 65px; }
.textbg_5::before{display: block; position: absolute; height: 137px; content: " "; width: 153px; background-image: url('../../../img_V2/focus/202610_01/textbg_5.png'); background-repeat: no-repeat; background-size: 150px auto;
    right: 69px;
    top: -81px; }

/*趣味語文 選單*/
.main_nav .nav-item .nav-link { color: #ffffff; margin-left: 5px; margin-right: 5px; }
.nav-tabs { border-bottom: none; }
.nav-tabs .nav-link { background-color: #e4e4e4; border: 1px solid #cbcbcb; }
/*QA*/

.row-eq-height { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
/*.q1, .q1 div:before { background-color: #0077de; }
.q2, .q2 div:before { background-color: #218120; }*/

.qa-swiper { padding-left: 8px; padding-right: 8px; }
.qa-swiper .alert, .qa-swiper1 .swiper-slide { height: 100%; min-height: 145px; }
.qa-swiper .alert { box-shadow: 0px 0px 11px -5px; }
.qa-swiper .alert h5 { }
.qa-swiper .swiper-wrapper .swiper-slide:nth-child(odd) .alert, .qa-swiper .swiper-wrapper .swiper-slide:nth-child(odd) .alert div:before { background-color: #ffe1e1; }
.qa-swiper .swiper-wrapper .swiper-slide:nth-child(even) .alert, .qa-swiper .swiper-wrapper .swiper-slide:nth-child(even) .alert div:before { background-color: #FFFFFF; }
/* .q3, .q3 div:before { background-color: #ffb238;}*/
.qa a { text-decoration: underline; color: #000000; }
.qa .alert { text-align: center; }

@media (min-width: 992px) {
}

.alert { padding-top: 27px; margin-top: 32px; }
.alert li:before { content: "\f0da"; font-family: "Font Awesome 5 Free"; font-weight: 900; display: inline-block; margin-left: 5px; width: 1.3em; }
.alert > div { display: block; text-align: center; top: -21px; left: 43%; z-index: 2; position: absolute; }
.alert > div > svg { color: #a1a1a1; margin-left: -17px; }
.alert > div:before { content: ''; width: 60px; height: 60px; -moz-border-radius: 50%; border-radius: 50%; z-index: -1; position: absolute; top: -10px; left: -15px; }
.alert h5 { margin-bottom: 0px; }


/*研習*/
/* Expert Interview Section */
.interview-section { background-color: var(--bg-yellow); padding: 50px 0; border-radius: 20px; margin-top: 40px; }
.interview-card { background: #ffffff; border-radius: 16px; padding: 28px; border: 1px solid #f0e6d2; height: 100%; display: flex; flex-direction: column; justify-content: space-between; box-shadow: 0 4px 15px rgba(0,0,0,0.03); }
.interview-card-title { font-size: 1.2rem; font-weight: 900; color: var(--primary-pink); margin-bottom: 12px; }
.interview-author { display: flex; align-items: center; }
.interview-avatar { width: 140px; height: 140px; border-radius: 50%; object-fit: cover; margin-left: 12px; border: 2px solid var(--primary-pink); }
.btn-pink { background-color: var(--primary-pink); color: #fff; border-radius: 20px; padding: 6px 20px; font-size: 0.88rem; font-weight: 700; border: none; }
.btn-pink:hover { background-color: #b5385b; color: #fff; }
@media (max-width: 575px) {
.interview-avatar { width: 95px; height: 95px; border-radius: 50%; object-fit: cover; margin-left: 12px; border: 2px solid var(--primary-pink); }	
}
/*  */
.fa-ul { margin-left: var(--fa-li-margin, 1.2em); }
.fa-li { left: calc(var(--fa-li-width, 1.7em)*-1); }
#list_1 .ht p > span, #list_3 .ht p > span, #list_5 .ht p > span { background-image: linear-gradient(0, #FFDE27 50%, transparent 50%); padding-right: 5px; padding-left: 5px; }
.svg_bg { position: absolute; bottom: -25%; left: 50%; right: 50%; transform: translateX(-50%) scaleX(1.8) scaleY(1.8); z-index: 0; }
.svg_bg path { fill: #ffffff; }
/*  */
.logo { display: block; width: 300px; height: 50px; background-image: url(../../../img_V2/focus/202610_01/logo_hsinyi.svg); background-repeat: no-repeat; background-color: #FFC6C7; background-size: auto 30px; }
.head_text:before, .head_text:after { display: inline-block; height: 21px; content: " "; background-color: #ff9f9f; width: 4px; margin-bottom: 0px; }
.head_text:before { margin-right: 7px; }
.head_text:after { margin-left: 7px; }
.model_list li { border-bottom: 1px dotted #FDD2D2; padding-bottom: 3px; padding-top: 3px; }
/* titleBottomLine */
.h_line:after { content: ''; display: inline-block; width: 100%; height: 4px; background-color: #ff9e00; border-radius: 15px; position: absolute; bottom: -12px; right: 0; }
/* RLine */
.RLine { margin-top: 2.3em; margin-bottom: 2.3em; display: flex; }
.RLine:after, .RLine:before { content: ''; border: 2px solid #000; width: 12px; position: relative; bottom: -2px; }
.RLine:before { margin-right: 1rem; border-right: 0; }
.RLine:after { margin-left: 1rem; border-left: 0; }
/* titleLine */
.titleline { display: flex; align-items: center; }
.titleline:before { margin-right: 1rem; }
.titleline:after { margin-left: 1rem; }
.titleline:after, .titleline:before { content: ""; width: 1px; -webkit-box-flex: 1; flex-grow: 1; background-color: #333; height: 3px; }
/* title_bg */
.headbg:before, .headbg:after { content: ""; position: absolute; left: 0; top: 0; height: 100%; z-index: -1; -moz-transform: skewX(-15deg); -webkit-transform: skewX(-15deg); -o-transform: skewX(-15deg); -ms-transform: skewX(-15deg); transform: skewX(-15deg); width: 100%; }
.headbg:before { background-color: #eee; opacity: 1; top: -.5rem; left: 1rem; z-index: -1; }
.headbg:after { background-color: #EEE734; opacity: 1; }
/* 箭頭 */
.top_s { position: relative; }
.top_s:after { content: ""; border-bottom: 16px solid #fff; border-left: 13px solid transparent; border-right: 13px solid transparent; position: absolute; bottom: 100%; left: 34px; }
/* 左上 */
.lt { background: linear-gradient(135deg, transparent 15px, #ffffff 0), linear-gradient(45deg, transparent 15px, #FF69B4 0); }
/* OL */
ol { counter-reset: li; /* Initiate a counter */ list-style: none; /* Remove default numbering */ list-style: decimal; /* Keep using default numbering for IE6/7 */ font: 15px 'trebuchet MS', 'lucida sans'; padding: 0; margin-bottom: 4em; text-shadow: 0 1px 0 rgba(255, 255, 255, .5); }
ol ol { margin: 0 0 0 2em; /* Add some left margin for inner lists */ }
.rounded-list a { position: relative; display: block; padding: .4em .4em .4em 2em; padding: .4em; margin: .5em 0; color: #444; text-decoration: none; border-radius: .3em; transition: all .3s ease-out; }
.rounded-list a:before { content: counter(li); counter-increment: li; position: absolute; left: -1.7em; top: 80%; margin-top: -1.3em; background: #87ceeb; height: 1.5em; width: 1.5em; line-height: 1.9em; text-align: center; font-weight: bold; border-radius: 2em; transition: all .3s ease-out; }
.step { padding-left: 35px; margin-left: 0; padding-right: 0; list-style-type: none; list-style-position: inside; }
.step li { counter-increment: step-counter; text-indent: -30px; margin-bottom: 0.5em; }
.step li::before { content: counter(step-counter); font-size: 90%; background-color: #8A8A8A; color: white; font-weight: bold; border-radius: 20px; padding: 5px 10px; width: 39px; }
/* UL */
/* ul { padding-left: 20px; } */
.uicon { list-style: none; padding: 0; }
.uicon li { padding-left: 1.3em; }
.uicon li:before { content: "\f138"; /* FontAwesome Unicode */ font-family: "Font Awesome 5 Free"; font-weight: 900; display: inline-block; margin-left: -1.3em; /* same as padding-left set on li */ width: 1.3em; /* same as padding-left set on li */ }
/* blockquote 雙引號 */
blockquote { font-size: .95em; padding: 2% 4%; position: relative; border: 1px solid; opacity: .8; filter: alpha(opacity=80); -ms-filter: "alpha(opacity=90)"; }
blockquote:before, blockquote:after { font-family: "Font Awesome 5 Free"; font-weight: 900; position: absolute; display: block; padding: 0.2em; text-align: center; font-size: 1.3em; line-height: 1em; }
blockquote:before { content: '\f10d'; left: .1em; top: .1em; }
blockquote:after { content: '\f10e'; right: .1em; bottom: .1em; }
/* 首字放大 */
.fp span { font-size: 400%; float: left; padding-right: 1%; line-height: 100%; }
.fp { text-align: justify; }
/* modal test */
.modal-header .close { padding: 0rem 1rem; }
/* .modal { display: block; position: relative; }
.fade:not(.show) { opacity: 1; } */
/* ////////////////////////////////////// */
#mainNav .navbar-nav .nav-link { padding-right: 0.3rem; padding-left: 0.3rem; }
/* #mainNav { padding-bottom: 5px; } */
#mainNav .nav-item .nav-link:before { display: inline-block; height: 2rem; content: " "; background-color: #939393; width: 1px; margin-bottom: -9px; }
#mainNav .nav-item:first-child > .nav-link:before { background-color: transparent; }
#mainNav .navbar-nav .nav-link:before { margin-right: 12px; }

@media (min-width: 1200px) {
}
/* >992 */
@media (min-width: 992px) {
}
/* <991 */
@media (max-width: 991px) {
}
/*  */