#head { background-color: #fffcee; }
#head .bg { }
@media (max-width: 767px) {
.head_title h3 { font-size: 22px;line-height: 1.7;}
.head_title {br {display:none;}}	
}

@media (max-width: 767px) {
#head .container-fluid { background-color: #ffd24a; }
.headswiper{
        padding-top: 12px;}	
}
@media (min-width: 768px) {
.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: #fff799; }
/*#list_1 .bg { background-image: url('../images/list1_bg.jpg'); background-size: auto; background-repeat: no-repeat; background-position: center bottom; }*/

/*#list_2 { background-color: #fee1d3; }*/
#list_2 { background-color: #ffe0b4; }
#list_3 { background-color: #ffe0b4; }
#list_3 a:hover { text-decoration: none; }
#list_4 { background-color: #ffe0b4; }
#list_5 { background-image: url('../images/bg_4_.jpg'); background-size: contain; background-position: right bottom; background-repeat: no-repeat; background-color: #ffffff; }
#list_6 { background-color: #fff0d9; }
#list_7 { background-color: #ffffff; }
#list_8 { background-color: #fff5e7; }
#list_10 .bg { background-image: url(../images/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 */
/* 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('../images/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; }
/*大發現*/
.slider_dis h4 { color: #dc3545; }
/*趣味語文 選單*/
.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; }
/*  */
.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(../images/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) {
}
/*  */