#head { background-color: #fbf3db; }
#list_0 { background-color: #ffeca2; }
#list_1 { }
#list_2 { }
#list_3 { }
#list_4 { }
#list_5 { }
#list_6 { background-image: url('../img_V2/focus/202601_01/p6_1.jpg'); background-repeat: no-repeat; background-size: cover; background-position: center center; background-attachment: fixed; }
#list_9 .bg { background-image: url(../img_V2/focus/202601_01/bg_02.jpg); background-size: cover; opacity: 0.25; }
#list_gif { background-color: #fadbbc; }
#bag { background-color: #ffe6ea; }

/*svg_bg*/

section:nth-child(even) .svg-wrapper:not(.cloud) path { d: path("M0 5 V1 Q20 5 50 2 T100 3 V5z"); }
section:nth-child(odd) .svg-wrapper path { d: path("M0 5 V3 Q20 -1 50 2 T100 1 V5z"); }
#head .svg-wrapper, #list_2 .svg-wrapper, #list_4 .svg-wrapper, #list_0 .svg-wrapper { fill: #fbf3db; }
#list_1 .svg-wrapper, #list_3 .svg-wrapper { fill: #FFACAD; }
#list_5 .svg-wrapper { fill: #fff; }

#head h1 { color: #5a2f05; line-height: 81px; margin-bottom: 26px; }

@media (max-width: 575px) {
#head h1 { line-height: 40px; margin-bottom: 14px; }
}

/*////////////////////////////////////// */
section .svg-wrapper2 path { d: path("M -5 13 Q 20 -5 50 5 Q 70 10 90 5 Q 120 -5 150 5 Q 170 10 190 5 Q 220 -5 250 5 Q 270 10 290 5 Q 320 -5 350 5 Q 370 10 390 5 Q 420 -5 450 5 Q 470 10 490 5 Q 520 -5 550 5 Q 570 10 590 5 Q 620 -5 650 13 Z"); }
.svg-wrapper2 svg { vertical-align: bottom; }
#head .svg-wrapper2 { fill: #fff; }
#head_1 .svg-wrapper2 { fill: #fbdbbc; }
#info_1 .svg-wrapper2 { fill: #fbdbbc; }
#list_gif .svg-wrapper2  { fill: #FBF3DB; }
#list_1 .svg-wrapper2, #list_1_1 .svg-wrapper2 { fill: #fbdbbc; }
#list_2 .svg-wrapper2 { fill: #ffffff; }
#list_3 .svg-wrapper2 { fill: #FFFCDB; }


/**/
#event_1 .ht > span, #list_2 .ht > span, #list_3 .ht > span, #list_4 .ht > span { background-image: linear-gradient(0, #FFDE27 20%, transparent 20%); padding-right: 5px; padding-left: 5px; }
.hr-1 { border: 0; border-top: 1px dashed #a2a9b6; }
/*收合*/
.btc-accordion { padding-top: 100px; }
.btc-accordion .card { cursor: pointer; color: #f2f2f2; background-color: rgba(0, 0, 0, 0.1); }
.btc-accordion .card a { color: #f2f2f2; text-decoration: none; }
.accordion-icon[aria-expanded="false"] .fa-angle-down { transform: rotate(0deg); }
.accordion-icon[aria-expanded="true"] .fa-angle-down { transform: rotate(180deg); transition: 0.5s; }

/*選單*/
.main_menu .swiper-slide { width: auto; /*padding: 0.5rem 0rem;*/ }
.main_menu { padding-left: 20px; }
.main_menu a { color: #363636; font-weight: bold; }
.main_menu .swiper-wrapper { min-height: 50px; /*min-width: 655px;*/ }

@media (min-width: 768px) {
.main_menu .swiper-wrapper { justify-content: space-between; }
}

.main_menu .menu_link { padding-right: 15px; }
.main_menu .menu_nav .menu_link:before { display: inline-block; height: 25px; content: " "; background-color: #878787; width: 1px; margin-bottom: -5px; }
.main_menu .menu_nav:nth-child(1) > .menu_link:before { content: none; }
.main_menu .menu_nav .menu_link:before { margin-right: 12px; }

/*贈品*/

.header .subtitle { letter-spacing: .1em; padding-left: .1em; color: #18181b; position: relative; display: flex; justify-content: center; align-items: center; }
.header .subtitle span { min-width: 195px; }
.header.no-subtitle .section-title::before, .header .subtitle::before, .header.no-subtitle .section-title::after, .header .subtitle::after { content: ""; height: 1px; width: 100%; background: #3f3f46; }
.gif_bor p {
    font-size: 14px;}
.gif_img { margin: auto;
    padding-bottom: 10px; }
.gif_img img{
    max-width: 200px;}

/*課程*/
.class_cont b { color: #333; font-size: 18px; }
.class_cont p { color: #333; font-size: 16px; }

/*swiper*/
.swiper-slide a { color: #080808; }
.swiper-slide a:hover { text-decoration: none; }
.swiper-slide a:hover h5 { color: #FF5700; }


/*title*/
.title_1, .title_2, .title_3, .title_4, .title_6 { padding-right: 15px; position: relative; padding-left: 61px; display: inline-block; border-radius: 50rem; margin-bottom: 9px; }
.title_1:before { display: block; position: absolute; content: " "; left: -12px; top: -16px; background-repeat: no-repeat; background-size: auto 80px; background-image: url('../../../img_V2/focus/202601_01/icon_1.png'); height: 80px; width: 76px; }
.title_2:before { display: block; position: absolute; content: " "; width: 65px; left: -5px; top: -30px; background-repeat: no-repeat; background-size: auto 80px; height: 81px; background-image: url('../../../img_V2/focus/202601_01/icon_2.png'); }


/*//////////////////////////////////////*/
.class_mark { color: #f86721; }
/**/
.headbg1:before, .headbg1:after { content: ""; position: absolute; left: 0; height: 100%; z-index: -1; width: 100%; bottom: 19px; }
.headbg1:before { background-color: rgba(255, 255, 255, 0); opacity: 1; top: 0.3rem; left: 1rem; z-index: -1; }
.headbg1:after { opacity: 1; background-image: url('../img_V2/focus/202601_01/icon_1.png'); background-position: left bottom; background-size: auto; background-repeat: repeat-x; }
.headbg1 { color: #c33500; padding-left: 10px; padding-right: 10px; }
/**/

/*半圓圖*/
.pic_cub { border-radius: 500px 0px 0px 0px; }
/*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; }
/*QA*/

.owl-item:nth-child(odd) .alert { background-color: #fb6e6e; color: #fff; }
.owl-item:nth-child(odd) a, .owl-item:nth-child(odd) p { color: #fff; }
.owl-item:nth-child(even) .alert { background-color: #fff5d8; color: #6c757d; }
.owl-item:nth-child(even) a { color: #000; }
.owl-item:nth-child(even) p { color: #6c757d; }
/**/

.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/202601_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*/

.uicon { list-style: none; padding: 0; }
.uicon li { padding-left: 1.3em; }
.uicon li:before { content: "\f058"; /*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 { display: block; position: relative; }
.fade:not(.show) { opacity: 1; }*/
/*//////////////////////////////////////*/
@media (min-width: 1200px) {
}

/*>992*/
@media (min-width: 992px) {
#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: #D3D3D3; 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; }
}

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

/**/