#head { background-color: #fabf13; }
#list_1 { background-color: #eae5e3; }
#list_2 { background-color: #ffffff; }
#list_3 { background-color: #ffe69d; }
#list_4 { background-color: #c3e85d; }
#list_5 { background-color: #ffeca2; }
#list_9 .bg { background-image: url(../images/bg_02.jpg); background-size: cover; opacity: 0.25; }
/* 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 { fill: #FFCDA2; }
#list_1 .svg-wrapper { fill: #fff; }
#list_2 .svg-wrapper { fill: #ffe69d; }
#list_3 .svg-wrapper { fill: #c3e85d; }
#list_4 .svg-wrapper { fill: #FFCDA2; }
/* 背景圖片 */
section { overflow: hidden; }
.bg1, .bg2, .bg3, .bg4, .bg5 { position: relative; }
.bg1:after, .bg2:after, .bg3:after, .bg4:after, .bg5:after { content: ""; z-index: 1; position: absolute; width: 400px; height: 300px; }
.bg1:after { background: url(../images/s2_bg1.png) 0 0 no-repeat; left: -194px; top: 292px; }
.bg2:after { background: url(../images/s2_bg2.png) 0 0 no-repeat; right: -207px; }
.bg3:after { background: url(../images/s2_bg3.png) 0 0 no-repeat; left: -177px; }
.bg4:after { background: url(../images/s2_bg4.png) 0 0 no-repeat; transform: scaleX(-1); right: -92px; bottom: -131px; }
.bg5:after { background: url(../images/s2_bg5.png) 0 0 no-repeat; left: -147px; }

@media screen and (max-width: 992px) {
.bg1:after,  .bg2:after,  .bg3:after,  .bg4:after,  .bg5:after { display: none; }
}
.buy { width: 200px; height: auto; right: 10px; bottom: 100px; position: fixed; z-index: 2; }
/* title */
.title_1 { padding-right: 15px; color: #ffffff; position: relative; padding-left: 72px; display: inline-block; border-radius: 50rem; background-color: #FF5A5D; }
.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; }
/* ////////////////////////////////////// */
/* 半圓圖 */
.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(../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 */
padding: 0; }
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) {
}

/*  */