@charset "utf-8";
/* CSS Document */
#content {background: url(../images/inside-page-bg.jpg) no-repeat;background-position: bottom center;background-attachment: fixed;}
.path {width: 100%; max-width: 1320px; padding: 9px 20px!important; margin: auto!important; display: flex; flex-wrap: wrap; justify-content: flex-start; line-height: 160%; position: relative; z-index: 10;}
.path > li {color:#830202;}
.path > li::after {content: '>'; font-family:'Microsoft JhengHei'; margin: 0 4px; font-weight: normal;}
.path > li:last-child::after {content: none;}
.path > li a:link, .path > li a:visited {text-decoration:underline; color:#830202; font-family: 'Noto Sans TC', serif; font-weight: normal; letter-spacing: 1.2px; transition: all 0.5s ease 0s;}
.path > li a:active, .path > li a:hover {text-decoration:none; color:#e09814; cursor:pointer; transition: all 0.5s ease 0s;}

.mainA {background: url("../images/bg_11.jpg") no-repeat top right; background-size: cover; padding-bottom: 15px; margin-bottom: 34px;}
.mainA > div {display: flex; flex-wrap: wrap;}
.mainAL {width: 201px; position: relative; z-index: 1; top: -37px;}
.mainAR {padding-top: 60px; overflow: hidden; color: #000; font-weight: 500; line-height: 150%;}
.mainAR > h1 {color: #e09814; font-family: 'Noto Sans TC', serif; font-weight: 600; letter-spacing: 0.4px; margin-bottom: 27px; position: relative; z-index: 10;}
.mainARP > p {color: #000; font-weight: 500; letter-spacing: 0.4px; line-height: 150%; position: relative; z-index: 10;}
.mainARP h3 {color: #d70c19; font-family: 'Noto Sans TC', serif; font-weight: 600; letter-spacing: 0.4px; line-height: 140%; margin-bottom: 10px;}

.mainB {background: url(../images/footer-bg.png) repeat-x;background-position: bottom center; padding: 25px 5% calc(20px + 5%) 5%; background-size:auto 32px;}
.mainB .frame_1440 { padding: 0;}

.subMenuA {padding: 10px 0 0 0;}
.subMenuA > div {position: relative; width: 50px; height: 40px; margin: auto; border: 1px solid #830202; border-radius: 5px; cursor: pointer; margin-bottom: 20px;}
.subMenuA > div::before {content: attr(data-title); color: #e09814; font-family: 'Noto Sans TC', serif; font-weight: 600; width: 200px; height: 40px; text-align: center; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; position: absolute; top: -40px; left: 50%; margin-left: -100px;}
.subMenuA > div > span {display:block; background:#830202; width:30px; height:3px; position:absolute; left:9px; transition:all ease 0.35s;}
.subMenuA > div > span:nth-child(1) {top: 13px;}
.subMenuA > div > span:nth-child(2) {top: 24px;}
.subMenuA > ul {width: 100%; min-height: 418px; background: url("../images/bg_12.png") no-repeat center -35px; background-size: 100%; display: flex; flex-direction: column; max-height: inherit; transition: all 0.5s ease 0s;}
.subMenuA > ul li {line-height: 150%; padding: 12px 0 11px 0!important; margin: 0 30px!important;}
.subMenuA > ul li a:link, .subMenuA > ul li a:visited {text-decoration:none; color:#830202; font-family: 'Noto Sans TC', serif; font-weight: 500; letter-spacing: 0.4px; text-align: center; display: block; border-bottom: 1px solid #c9baae; transition: all 0.5s ease 0s;}
.subMenuA > ul li a:active, .subMenuA > ul li a:hover, .subMenuA > ul li.current a {text-decoration:none; color:#e09814; border-bottom: 1px solid #e09814; cursor:pointer; transition: all 0.5s ease 0s;}
@media only screen and (min-width:993px){.subMenuA > div {display: none!important;}}

.subMenuB {padding: 10px 0 0 0;}
.subMenuB > div.subMenuBM {position: relative; width: 50px; height: 40px; margin: auto; border: 1px solid #830202; border-radius: 5px; cursor: pointer; margin-bottom: 20px; transition: all 0.5s ease 0s;}
.subMenuB > div.subMenuBM::before {content: attr(data-title); color: #e09814; font-family: 'Noto Sans TC', serif; font-weight: 600; width: 200px; height: 40px; text-align: center; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; position: absolute; top: -40px; left: 50%; margin-left: -100px;}
.subMenuB > div.subMenuBM > span {display:block; background:#830202; width:30px; height:3px; position:absolute; left:9px; transition:all ease 0.35s;}
.subMenuB > div.subMenuBM > span:nth-child(1) {top: 13px; transition:all ease 0.35s;}
.subMenuB > div.subMenuBM > span:nth-child(2) {top: 24px; transition:all ease 0.35s;}
.subMenuBC::before {content: ''; background: url("../images/bg_31.png") repeat-y center; height: 8px; width: 100%; display: block;}
.subMenuBC::after {content: ''; background: url("../images/bg_33.png") repeat-y center; height: 8px; width: 100%; display: block;}
.subMenuB > div > ul {width: 100%; background: url("../images/bg_32.png") repeat-y center; display: flex; flex-wrap: wrap; justify-content: center; padding: 5px 0!important; max-height: inherit; transition: all 0.5s ease 0s;}
.subMenuB > div > ul li {line-height: 150%; padding: 10px 0!important; margin: 0 17px!important;}
.subMenuB > div > ul li a:link, .subMenuB > div > ul li a:visited {text-decoration:none; color:#830202; font-family: 'Noto Sans TC', serif; font-weight: 500; letter-spacing: 0.4px; text-align: center; display: block; transition: all 0.5s ease 0s;}
.subMenuB > div > ul li a:active, .subMenuB > div > ul li a:hover, .subMenuB > div > ul li.current a {text-decoration:none; color:#e09814; cursor:pointer; transition: all 0.5s ease 0s;}
.subMenuB > div > ul li.current a {font-size: 108.7%; font-weight: 700;}
@media only screen and (min-width:993px){.subMenuB > div.subMenuBM {display: none!important;}}

.ul_n {list-style-type:none; margin: 0; padding-left: 30px;}
.ul_n > li {list-style-type: decimal!important;}

.ul_a {list-style-type:none; margin: 0; padding: 0px;}
.ul_a > li {list-style-type:none; position: relative; padding: 30px 0 0 28px; font-weight: 500 !important;}
.ul_a > li::before {content: ''; width: 23px; height: 23px; border-radius: 50%; background-color: #595757; position: absolute; top: 35px; left: 0;}

.pages {padding: 30px 10px 40px 10px; display: flex; flex-wrap: wrap; justify-content: flex-end; align-items: center; align-content: center;}
.pages a:link, .pages a:visited {text-decoration:none; color:#6b4b2e; font-family:'Microsoft JhengHei'; font-weight: bold; margin: 5px 3px; transition: all 0.5s ease 0s;}
.pages a:active, .pages a:hover, .pages a.current {text-decoration:none; color:#d1ba9d; cursor:pointer; transition: all 0.5s ease 0s;}
.pages a.current {pointer-events: none; cursor: text;}
.pages a.prev, .pages a.next {font-size: 0;}
.pages a.prev:hover, .pages a.next:hover {font-size: 100%;}
.pages a.prev::before {content: '<'; font-size: 14px;}
.pages a.next::after {content: '>'; font-size: 14px;}


.aboutDiv {width: calc(100% - 306px); padding-left: 105px; max-width: 985px;}
.aboutDivA {position: relative; z-index: 1; margin: 72px 0 0 0;}
.aboutDivAT {position: absolute; bottom: 100%; right: 0; z-index: -1; width: 100%; line-height: 0;}
.aboutDivAC {background: url("../images/bg_22.png") repeat-y; background-size: 100%; min-height: 100px; padding: 25px 0 115px 0;}
.aboutDivAC > ul, .aboutDivAC > ul > li {list-style-type:none; margin: 0; padding: 0;}
.aboutDivAC > ul {width: 100%; display: flex; flex-wrap: wrap; align-items: center; position: relative; z-index: 1;}
.aboutDivAC > ul > li:nth-child(1) {order: 1; width: 50%; padding: 0 70px 0 0;}
.aboutDivAC > ul > li:nth-child(2) {order: 2; width: 50%; padding: 0 35px 0 85px;}
.aboutDivAC > ul > li > h3 {color: #e09814; font-family: 'Noto Sans TC', serif; font-weight: 600; letter-spacing: 0.4px; line-height: 140%; margin-bottom: 10px; transition: all 0.5s ease 0s;}
.aboutDivAC > ul:hover > li > h3 {color: #000; transition: all 0.5s ease 0s;}
.aboutDivAC > ul > li p, .aboutDivAC > ul > li li {color: #000; font-weight: 500; line-height: 160%; transition: all 0.5s ease 0s;}
.aboutDivAC > ul:hover > li p, .aboutDivAC > ul:hover > li li {color: #d70c19; transition: all 0.5s ease 0s;}
.aboutDivAC > ul > li:nth-child(2) > div {margin: auto 0 auto auto; max-width: 301px; border-radius: 50%; overflow: hidden;}
.aboutDivAC > ul > li:nth-child(2) > div img {-moz-transform:rotate(0deg) scale(1.0, 1.0); -webkit-transform:rotate(0deg) scale(1.0, 1.0); -o-transform:rotate(0deg) scale(1.0, 1.0); -ms-transform:rotate(0deg) scale(1.0, 1.0); transform:rotate(0deg) scale(1.0, 1.0); transition: all 1.3s ease 0s;}
.aboutDivAC > ul:hover > li:nth-child(2) > div img {-moz-transform:rotate(15deg) scale(1.3, 1.3); -webkit-transform:rotate(15deg) scale(1.3, 1.3); -o-transform:rotate(15deg) scale(1.3, 1.3); -ms-transform:rotate(15deg) scale(1.3, 1.3); transform:rotate(15deg) scale(1.3, 1.3); transition: all 1.3s ease 0s;}
.aboutDivAB {line-height: 0;}
.aboutDivAC > ul:nth-child(2n+2) > li:nth-child(1) {order: 2; width: 50%; padding: 0 0px 0 85px;}
.aboutDivAC > ul:nth-child(2n+2) > li:nth-child(2) {order: 1; width: 50%; padding: 0 120px 0 0;}
.aboutDivAC > ul:nth-child(2n+2) > li:nth-child(2) > div {margin: auto auto auto 0;}
.aboutDivAB {line-height: 0;}
.aboutCB {display: flex; flex-wrap: wrap;}
.aboutCBL {width: 140px; color: #000; text-align: right; padding: 13px 30px 0 0; line-height: 100%; position: relative;}
.aboutCBL::after {content: ''; position: absolute; top: 16px; right: -8px; width: 15px; height: 15px; background-color: #f0f0f0; border: 3px solid #e09814; border-radius: 10px;}
.aboutCBR {width: calc(100% - 140px); padding: 0 0 25px 30px; border-left: 1px solid #e09814;}
.aboutCBRC {display: flex; flex-wrap: wrap;}
.aboutCBRC > div:nth-child(1) {color: #e09814; width: 60px; padding: 8px 0 0 0; position: relative;}
.aboutCBRC > div:nth-child(1)::before {content: ''; background-color: #e09814; width: 4px; height: 4px; border-radius: 4px; position: absolute; top: 21px; right: -6px;}
.aboutCBRC > div:nth-child(2) {width: calc(100% - 60px); padding: 8px 0 10px 20px; line-height: 150%;}


.godsDiv {}
.godsDivM::before {content: ''; background: url("../images/bg_31.png") repeat-y center; height: 8px; width: 100%; display: block;}
.godsDivM::after {content: ''; background: url("../images/bg_33.png") repeat-y center; height: 8px; width: 100%; display: block;}
.godsA {max-width: 890px; margin: auto;}
.godsA h3 {color: #e09814; font-family: 'Noto Sans TC', serif; font-weight: 600; letter-spacing: 0.4px; line-height: 140%; text-align: center; margin-bottom: 20px;}
.godsA p {color: #000; font-weight: 500; line-height: 160%; letter-spacing: 1px;}


.lightingDiv {padding: 30px 0 0 0; color: #000; line-height: 140%;}
.lightingDiv ::placeholder {color:#bfbfbf !important; font-weight:500 !important;}
.lightingDiv :-moz-placeholder {color:#bfbfbf !important; font-weight:500 !important;}
.lightingDiv ::-moz-placeholder {color:#bfbfbf !important; font-weight:500 !important;}
.lightingDiv :-ms-input-placeholder {color:#bfbfbf !important; font-weight:500 !important;}
.lightingDiv ::-ms-input-placeholder {color:#bfbfbf !important; font-weight:500 !important;}
.lightingDiv ::-webkit-input-placeholder {color:#bfbfbf !important; font-weight:500 !important;}
.lightingDiv > h2 {color: #e09814; font-family: 'Noto Sans TC', serif; font-weight: 700; letter-spacing: 0.4px; line-height: 140%; text-align: center; margin-bottom: 0px;}
.lightingDiv > p {color: #000; font-weight: 500; line-height: 160%; letter-spacing: 1px;}
.lightingL {padding: 20px 0 30px 0; display: flex; flex-wrap: wrap; justify-content: center; gap:40px 2.5%;}
.lightingL > div {width: 18%;position: relative; padding-top: 0;}
.lightingL > div > div:nth-child(1) {line-height: 0; position: relative; z-index: 1;}
.lightingL > div > div:nth-child(1)::after {/*content: '';*/ background: url("../images/bg_42.png") no-repeat; background-size: cover; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 5; filter:alpha(opacity=0); Opacity:0; transition: all 0.95s ease 0s;}
.lightingL > div:hover > div:nth-child(1)::after {filter:alpha(opacity=100); Opacity:1.0; transition: all 0.95s ease 0s;}
.lightingL > div > div:nth-child(2) {position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 161px; z-index: 10;}
.lightingL > div:hover > div:nth-child(2) > img {-moz-transform:rotate(90deg); -webkit-transform:rotate(90deg); -o-transform:rotate(90deg); -ms-transform:rotate(90deg); transform:rotate(90deg); transition: all 0.65s ease 0s;}
.lightingL > div > div:nth-child(2) > h3 {display: flex; flex-wrap: wrap; justify-content: center; align-items: center; color: #e1a013; font-family: 'Noto Sans TC', serif; font-weight: 500; letter-spacing: 0px; text-align: center; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 10; transition: all 0.25s ease 0s;}
.lightingL > div > p {position: absolute; top: 36.364%; left: 10px; right: 10px; bottom: 40px; z-index: 10; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; align-content: center; color: #fff; font-family: 'Noto Sans TC', serif; font-weight: 600; line-height: 170%; letter-spacing: 6px; writing-mode: tb-lr; -webkit-writing-mode: vertical-lr; writing-mode: vertical-lr; *display: inline; *writing-mode: tb-lr; filter:alpha(opacity=0); Opacity:0; -webkit-transition: all 0.5s ease, opacity 0.75s ease; -moz-transition: all 0.5s ease, opacity 0.75s ease; -o-transition: all 0.5s ease, opacity 0.75s ease; transition: all 0.5s ease, opacity 0.75s ease; display: none;}
.lightingL > div:hover > p {top: 41.15%; filter:alpha(opacity=100); Opacity:1.0; -webkit-transition: all 0.5s ease, opacity 0.2s ease; -moz-transition: all 0.5s ease, opacity 0.2s ease; -o-transition: all 0.5s ease, opacity 0.2s ease; transition: all 0.5s ease, opacity 0.2s ease; -webkit-transition-delay: 0.5s; -moz-transition-delay: 0.5s; -o-transition-delay: 0.5s; transition-delay: 0.5s;}
.lightingB {}
.lightingBL {border: 1px solid #231815; padding: 43px 20px; display: none;}
.lightingBL > h2 {color: #e1a013; font-weight: 600; text-align: center; margin-bottom: 13px; letter-spacing: 0.4px;}
.lightingBL > div {max-width: 890px; margin: auto; text-align: center;}
.lightingBL p {color: #000; font-weight: 500; line-height: 190%; letter-spacing: 1px;}
.lightingBL > span {color: #231815; font-family:'Microsoft JhengHei'; font-weight: bold; text-align: center; display: block; padding: 15px 0 0 0;}
/*新增加start*/
.lightingC {max-width: 1430px; margin: auto; padding: 50px 20px 65px 20px; background-color: #fff7ec; border: 1px solid #a50505; color: #595757; font-weight: 500; line-height: 140%; position: relative;}
.delBtn {position: absolute; top: 5px; right: 5px; width: 35px; height: 35px; border-radius: 35px; border: 1px solid #d70c19; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; z-index: 10;}
.delBtn:link, .delBtn:visited {text-decoration:none; color:#d70c19; background-color: #fff7ec; transition: all 0.5s ease 0s;}
.delBtn:active, .delBtn:hover {text-decoration:none; color:#fff; background-color: #d70c19; cursor:pointer; transition: all 0.5s ease 0s;}
/*新增加end*/
.lightingC > h3 {color: #e09814; font-family: 'Noto Serif TC', serif; font-weight: 700; letter-spacing: 0.4px; line-height: 140%; text-align: center; margin-bottom: 20px;}
.lightingCT {display: flex; flex-wrap: wrap; color: #595757; font-weight: 500; line-height: 140%; max-width: 1260px; margin: 0 auto 62px auto;}
.lightingCT ::placeholder {color:#a3947b !important; font-weight:500 !important;}
.lightingCT :-moz-placeholder {color:#a3947b !important; font-weight:500 !important;}
.lightingCT ::-moz-placeholder {color:#a3947b !important; font-weight:500 !important;}
.lightingCT :-ms-input-placeholder {color:#a3947b !important; font-weight:500 !important;}
.lightingCT ::-ms-input-placeholder {color:#a3947b !important; font-weight:500 !important;}
.lightingCT ::-webkit-input-placeholder {color:#a3947b !important; font-weight:500 !important;}
.lightingCTA {width: 33.33%; display: flex; flex-wrap: wrap; margin-bottom: 45px;}
.lightingCTA > div:nth-child(1) {width: 130px; color: #595757; font-weight: 500; line-height: 40px; text-align: right; padding: 0 10px 0 0;}
.lightingCTA > div:nth-child(2) {width: calc(100% - 130px);}
.lightingCTB {width: 100%; padding-left: 130px; margin-bottom: 45px;}
.lightingCTC {width: 100%; display: flex; flex-wrap: wrap;}
.lightingCTC > div:nth-child(1) {width: 130px; color: #595757; font-weight: 500; line-height: 40px; text-align: right; padding: 0 10px 0 0;}
.lightingCTC > div:nth-child(2) {width: calc(100% - 130px);}
.lightingCC {padding: 35px 24px; background-color: #d6d3ce; position: relative; z-index: 1; max-width: 1330px; margin: auto;}
.lightingCC::before {content: ''; background-color: #a50505; width: 24px; height: 100%; position: absolute; top: 0; left: 0; border-right: 9px solid #fff7ec;}
.lightingCCA {display: flex; flex-wrap: wrap;}
.lightingCCAL {width: 41.4%;}
.lightingCCAR {width: 58.6%;}
/*新增加start*/
.lightingCCAC {width: 100%; color: #d70c19; text-align: center;}
/*新增加end*/
.row_E,.row_District {display: flex; flex-wrap: wrap; padding-bottom: 25px;}
.row_E div:nth-child(1),.row_District > div:nth-child(1) {width: 164px; color: #595757; font-weight: 500; line-height: 40px; text-align: right; min-height: 20px; padding: 0 10px 0 0;}
.row_E div:nth-child(2),.row_District > div:nth-child(2) {width: calc(100% - 164px); display: flex; flex-wrap: wrap; line-height: 40px;}
.row_E .selectA {margin-right: 15px;}
.row_E1 {display: flex; flex-wrap: wrap; padding-bottom: 25px;}
.row_E1 div:nth-child(1) {width: 180px; color: #595757; font-weight: 500; line-height: 40px; text-align: right; min-height: 20px; padding: 0 10px 0 0;}
.row_E1 div:nth-child(2) {width: calc(100% - 180px); display: flex; flex-wrap: wrap; line-height: 40px;}
.row_F {display: flex; flex-wrap: wrap; padding-bottom: 30px;}
.row_F div:nth-child(1) {width: 200px; color: #595757; font-weight: 500; line-height: 40px; text-align: right; min-height: 20px; padding: 0 10px 0 0;}
.row_F div:nth-child(2) {width: calc(100% - 200px); display: flex; flex-wrap: wrap;align-items: center}
.row_F div:nth-child(2) > .selectC {margin-right: 13px;}
.row_G {display: flex; flex-wrap: wrap; padding-bottom: 30px;}
.row_G div:nth-child(1) {width: 145px; color: #595757; font-weight: 500; line-height: 40px; text-align: right; min-height: 20px; padding: 0 10px 0 0;}
.row_G div:nth-child(2) {width: calc(100% - 145px); display: flex; flex-wrap: wrap;}
.row_H {padding-left: 70px; font-weight: 600; padding-bottom: 30px;}
.row_I {padding: 10px 10% 0 0;}
.lightingCCB {display: flex; flex-wrap: wrap; justify-content: space-between; padding: 0 4.681%;}
.lightingCCB .magic-radio + label {padding: 0 0 0 28px; font-weight: 600;}
.lightingCCB .magic-radio + label:nth-child(16n+16) {margin-right: 0px;}
.lightingA {display: flex; flex-wrap: wrap; justify-content: center; align-items: center; padding: 25px 0 20px 0;}
.lightingA .btn_c {min-width: 225px!important;}
.lightingN {color: #a50505; font-family:'Microsoft JhengHei'; font-weight: bold; text-align: center; padding: 10px 0 0 0;}
.lightingCL {max-width: 775px; margin: auto;}
.max_w100{max-width: unset;}
ul.detail-pay {padding-left: 0;}
.lightingCL table {width: 100%; font-weight: 600;}
/*.lightingCL table tr:nth-child(2n+1) {background: #efefef;}*/
.lightingCL table thead tr, .lightingCL table tbody tr {border-bottom: 1px solid #a0a0a0; border-left: 1px solid #a0a0a0; border-right: 1px solid #a0a0a0;}
/*.lightingCL table tbody tr:nth-child(1) {border-top: 1px solid #a0a0a0;}*/
.lightingCL table tbody {position: relative;}
.lightingCL table tbody::before {content: ''; position: absolute; top: -1px; left: 0; height: 1px; width: 100%; background-color: #a0a0a0;}
.lightingCL table.inner_table tbody tr {border: 0;}
.lightingCL table.inner_table tbody::before {display: none;}
.lightingCL table th {background-color: #595758; color: #fff; padding: 4px 25px;}
.lightingCL table th:first-child {background-color: #a50505;}
.lightingCL table th:nth-child(1), .lightingCL table th:nth-child(2), .lightingCL table th:nth-child(3) {border-right: 12px solid #fff7ec;}
.lightingCL table th:nth-child(3), .lightingCL table th:nth-child(4), .lightingCL table td:nth-child(3), .lightingCL table td:nth-child(4), .lightingCL table tfoot td:nth-child(2) {text-align: center;}
.lightingCL table td { padding: 4px 25px; color: #000; font-weight: 600;}
.max_w100 table td {font-size: 16px;}
.lightingCL table td, .lightingCL table.inner_table td { font-weight: 400;}
.lightingCL table td a:link, .lightingCL table td a:visited {text-decoration:none; color:#000; transition: all 0.5s ease 0s;}
.lightingCL table td a:active, .lightingCL table td a:hover {text-decoration:none; color:#d70c19; cursor:pointer; transition: all 0.5s ease 0s;}
.lightingCL table tfoot td {color: #a50505; padding: 20px 25px 30px 25px; font-weight: 500;}
@media only screen and (max-width:768px){
    .lightingCL table thead, .lightingCL table tbody::before {display: none;}
    .lightingCL table tbody tr {margin-bottom: 10px; display: block;}
    .lightingCL table tbody tr td {
        display: block;
        padding: 18px 15px;
        color: #000;
        text-align: right;
        border-bottom: 1px solid #a50505;
        border-left: 1px solid #a50505;
        border-right: 1px solid #a50505;
    }
    .lightingCL table tbody tr td:first-child {border-top: 1px solid #a50505;}
    .lightingCL table tbody tr td::before {
        content: attr(data-label); float: left; color: #a50505;
    }
	.lightingCL table tbody tr td:first-child::before {color: #d70c19;}
	.lightingCL table tbody tr td:nth-child(2n+2) {background-color: #fff1de;}
	.lightingCL table th:nth-child(3), .lightingCL table th:nth-child(4), .lightingCL table td:nth-child(3), .lightingCL table td:nth-child(4), .lightingCL table tfoot td:nth-child(2) {text-align: right;}
	.lightingCL table tfoot tr {display: flex; justify-content: flex-end;}
	.lightingCL table tfoot td {padding: 10px 25px 30px 25px;}
}
.lightingCF {max-width: 1270px; margin: auto; border-top: 1px solid #a0a0a0; padding: 20px 0 0 0; display: flex; flex-wrap: wrap;}
.lightingCF > div:nth-child(1) {width: 45%; padding: 0 10px 0 0;}
.lightingCF > div:nth-child(2) {width: 55%; padding: 0 20px 0 0;}
.lightingCF2 {border-top: 1px solid #fff7ec;}
.row_J {display: flex; flex-wrap: wrap; padding-bottom: 25px;}
.row_J .magic-radio + label {font-weight: 500!important; line-height: 150%!important;}
.row_J .magic-radio + label::before, .row_J .magic-radio + label::after {top: 5px; margin: 0;}
.row_J div:nth-child(1) {width: 131px; color: #595757; font-weight: 500; line-height: 30px; min-height: 20px; padding: 0 10px 0 0;}
.row_J div:nth-child(2) {width: calc(100% - 131px); display: flex; flex-direction: column; color: #595757; font-weight: 500!important; line-height: 150%!important;}
.row_K {display: flex; flex-wrap: wrap; padding-bottom: 25px;}
.row_K div:nth-child(1) {width: 164px; color: #595757; font-weight: 500; line-height: 40px; text-align: right; min-height: 20px; padding: 0 10px 0 0;}
.row_K div:nth-child(2) {width: calc(100% - 164px); display: flex; flex-wrap: wrap; line-height: 40px;}


.memberDiv {max-width: 1430px; margin: 45px auto 0 auto; padding: 50px 20px 65px 20px; background-color: #fff7ec; border: 1px solid #a50505;}
.memberDiv ::placeholder {color:#5c5c5c !important; font-weight:500 !important;}
.memberDiv :-moz-placeholder {color:#5c5c5c !important; font-weight:500 !important;}
.memberDiv ::-moz-placeholder {color:#5c5c5c !important; font-weight:500 !important;}
.memberDiv :-ms-input-placeholder {color:#5c5c5c !important; font-weight:500 !important;}
.memberDiv ::-ms-input-placeholder {color:#5c5c5c !important; font-weight:500 !important;}
.memberDiv ::-webkit-input-placeholder {color:#5c5c5c !important; font-weight:500 !important;}
.loginDiv {max-width: 410px; margin: auto;}
.row_A {display: flex; flex-wrap: wrap; align-items: center;}
.row_A > div:nth-child(1) {width: 92px; color: #595757; font-weight: 500; min-height: 20px;}
.row_A > div:nth-child(2) {width: calc(100% - 92px);}
.row_A .alignTop{align-self: flex-start;padding-top:8px;}
.row_B {padding: 0 0 0 92px;}
.row_B > a.btn_b {margin-right: 30px; margin-left: 5px;}
.row_B > a.btn_b:nth-child(4) {margin-right: 0px;}
.row_B > span {color: #2a64ac; font-family: 'Noto Sans TC', serif; font-weight: 500; line-height: 140%;}
.registerDiv {display: flex; flex-wrap: wrap; justify-content: center;}
.registerDiv font {color: #a50505; line-height: 140%; font-weight: 400;}
.registerDiv > div {width: 50%; max-width: 540px;}
.row_C {display: flex; flex-wrap: wrap; padding-bottom: 27px;}
.row_C > div:nth-child(1) {width: 180px; color: #595757; font-weight: 500; line-height: 40px; text-align: right; min-height: 20px; padding: 0 10px 0 0;}
.row_C > div:nth-child(2) {width: calc(100% - 180px); display: flex; flex-wrap: wrap; justify-content: space-between;}
.row_D {display: flex; flex-wrap: wrap; padding-bottom: 27px;}
.row_D > div:nth-child(1) {width: 180px; color: #595757; font-weight: 500; line-height: 40px; text-align: right; min-height: 20px; padding: 0 10px 0 0;}
.row_D > div:nth-child(2) {width: calc(100% - 180px); display: flex; flex-wrap: wrap;}
.row_D .selectA {margin-right: 15px;}
.registerDiv > div:last-child {width: 100%; max-width: 100%; display: flex; flex-wrap: wrap; justify-content: center; padding: 80px 0 0 0;}
.registerDiv > div:last-child > div:nth-child(1) {width: 100%; line-height: 0; text-align: center;}
.registerDiv > div:last-child > div:nth-child(2) {width: 100%; max-width: 310px; margin: auto; padding: 35px 0 0 0;}


.productsDiv {width: calc(100% - 286px); padding-left: 85px; max-width: 1070px;}
.productsDiv > h1 {padding: 0 20px;}
.productsDiv > p {padding: 0 20px 10px 20px; color: #000; line-height: 150%; letter-spacing: 0.4px; font-weight: 500;}
.productsH {border: 1px solid #a50505; background-color: #fff7ec; padding: 20px 10px;}
.productsH .item > div, .relatedL .item > div {max-width: 225px; position: relative; padding-left: 7px;}
.productsH .item > div > div.hotBox, .productsL > div > div.hotBox, .relatedL .item > div > div.hotBox {position: absolute; left: 0; top: 0; z-index: 20; font-family:'Microsoft JhengHei'; font-size: 18.19px; letter-spacing: 1.8px; line-height: 117.5%; font-weight: bold; color: #fff; background-color: #e09814; width: 50px; height: 57px; display: flex; flex-wrap: wrap; justify-content: center; align-content: center; align-items: center; text-align: center;}
.productsH .item > div > div.imgBox, .productsL > div > div.imgBox, .relatedL .item > div > div.imgBox {line-height: 0; position: relative; padding-bottom: 86.23%; height: 0; overflow: hidden; margin-bottom: 7px;}
.productsH .item > div > div.imgBox > div img, .productsL > div > div.imgBox > div img, .relatedL .item > div > div.imgBox > div img {-moz-transform:rotate(0deg) scale(1.0, 1.0); -webkit-transform:rotate(0deg) scale(1.0, 1.0); -o-transform:rotate(0deg) scale(1.0, 1.0); -ms-transform:rotate(0deg) scale(1.0, 1.0); transform:rotate(0deg) scale(1.0, 1.0); transition: all 1.3s ease 0s;}
.productsH .item > div > div.imgBox:hover > div img, .productsL > div > div.imgBox:hover > div img, .relatedL .item > div > div.imgBox:hover > div img {-moz-transform:scale(1.3, 1.3); -webkit-transform:scale(1.3, 1.3); -o-transform:scale(1.3, 1.3); -ms-transform:scale(1.3, 1.3); transform:scale(1.3, 1.3); transition: all 1.3s ease 0s;}
.productsH .item > div > h3, .productsL > div > h3, .relatedL .item > div > h3 {color: #830202; font-family: 'Noto Sans TC', serif; font-weight: 400; line-height: 140%; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 5px;}
.productsH .item > div > h3 a:link, .productsH .item > div > h3 a:visited, .productsL > div > h3 a:link, .productsL > div > h3 a:visited, .relatedL .item > div > h3 a:link, .relatedL .item > div > h3 a:visited {text-decoration:none; color:#830202; transition: all 1.3s ease 0s;}
.productsH .item > div > h3 a:active, .productsH .item > div > h3 a:hover, .productsL > div > h3 a:active, .productsL > div > h3 a:hover, .relatedL .item > div > h3 a:active, .relatedL .item > div > h3 a:hover {text-decoration:none; color:#d70c19; cursor:pointer; transition: all 1.3s ease 0s;}
.productsH .item > div > ul, .productsH .item > div > ul > li, .productsL > div > ul, .productsL > div > ul > li, .relatedL .item > div > ul, .relatedL .item > div > ul > li {list-style-type:none; margin: 0; padding: 0;}
.productsH .item > div > ul, .productsL > div > ul, .relatedL .item > div > ul {width: 100%; display: flex; flex-wrap: wrap; align-items: center;}
.productsH .item > div > ul > li:nth-child(1), .productsL > div > ul > li:nth-child(1), .relatedL .item > div > ul > li:nth-child(1) {width: 43%; padding: 0 10px 0 0;}
.productsH .item > div > ul > li:nth-child(2), .productsL > div > ul > li:nth-child(2), .relatedL .item > div > ul > li:nth-child(2) {width: 57%; padding: 0 0 0 10px;}
.productsH .item > div > ul > li:nth-child(1) > div, .productsL > div > ul > li:nth-child(1) > div, .relatedL .item > div > ul > li:nth-child(1) > div {font-family:'Microsoft JhengHei'; font-size: 14px; color: #6b4b2e; line-height: 21px; display: flex; flex-wrap: wrap;}
.productsH .item > div > ul > li:nth-child(1) > div:nth-child(2), .productsL > div > ul > li:nth-child(1) > div:nth-child(2), .relatedL .item > div > ul > li:nth-child(1) > div:nth-child(2) {color: #e09814;}
.productsH .item > div > ul > li:nth-child(1) > div > span:nth-child(1), .productsL > div > ul > li:nth-child(1) > div > span:nth-child(1), .relatedL .item > div > ul > li:nth-child(1) > div > span:nth-child(1) {width: 40%;}
.productsH .item > div > ul > li:nth-child(1) > div > span:nth-child(2), .productsL > div > ul > li:nth-child(1) > div > span:nth-child(2), .relatedL .item > div > ul > li:nth-child(1) > div > span:nth-child(2) {width: 60%; text-align: right;}
.productsH .item > div > ul > li:nth-child(1) > div:nth-child(1) > span:nth-child(2), .productsL > div > ul > li:nth-child(1) > div:nth-child(1):not(:last-child) > span:nth-child(2), .relatedL .item > div > ul > li:nth-child(1) > div:nth-child(1):not(:last-child) > span:nth-child(2) {text-decoration:line-through;}
.productsH .item > div > ul > li:nth-child(2), .productsL > div > ul > li:nth-child(2), .relatedL .item > div > ul > li:nth-child(2) {display: flex; flex-wrap: wrap; align-items: center;}
.productsH .item > div > ul > li:nth-child(2) > div:nth-child(1), .productsL > div > ul > li:nth-child(2) > div:nth-child(1), .relatedL .item > div > ul > li:nth-child(2) > div:nth-child(1) {width: 63.9%;}
.productsH .item > div > ul > li:nth-child(2) > div:nth-child(2), .productsL > div > ul > li:nth-child(2) > div:nth-child(2), .relatedL .item > div > ul > li:nth-child(2) > div:nth-child(2) {width: 36.1%; line-height: 0; text-align: center;}
.productsH .item > div > ul > li:nth-child(2) .spinner, .productsL > div > ul > li:nth-child(2) .spinner, .relatedL .item > div > ul > li:nth-child(2) .spinner, .modal-content .input-group {width: 100%!important; height: 26px!important; font-weight: normal;}
.productsH .item > div > ul > li:nth-child(2) .spinner .value, .productsL > div > ul > li:nth-child(2) .spinner .value, .relatedL .item > div > ul > li:nth-child(2) .spinner .value, .input-group .form-control {width: 100%!important; height: 100%!important; border: 1px solid #e09814!important; color: rgba(188, 151, 94, 0.65)!important; font-size: 13.15px; text-align: center;}
.productsH .item > div > ul > li:nth-child(2) .spinner .increase, .productsH .item > div > ul > li:nth-child(2) .spinner .decrease, .productsL > div > ul > li:nth-child(2) .spinner .increase, .productsL > div > ul > li:nth-child(2) .spinner .decrease, .relatedL .item > div > ul > li:nth-child(2) .spinner .increase, .relatedL .item > div > ul > li:nth-child(2) .spinner .decrease, .input-group #amount-less, .input-group #amount-more {color: rgba(188, 151, 94, 0.65); font-size: 13px; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; font-weight: bold; top: 0px;}
.input-group #amount-less {position: absolute; top: 0; left: 0; z-index: 10; height: 100%; border: 1px solid #e09814!important;}
.input-group #amount-more {position: absolute; top: 0; right: 0; z-index: 10; height: 100%; border: 1px solid #e09814!important;}
.modal-content {padding: 20px 35px!important;}
.modal-content button {border: 1px solid #e09814!important; color: #99734f!important; background-color: #fff;}
.modal-content .modal-title {color: #830202; font-family: 'Noto Sans TC', serif; font-weight: 400; line-height: 140%;}
.modal-content .modal-body {padding: 0 0 10px 0!important;}
.modal-content .modal-body button {margin: 3px 3px 0 0; padding: 2px 10px;}
.modal-content .modal-body button.current {border: 1px solid #e09814!important; color: #fff!important; background-color: #e09814!important;}
.modal-content .modal-body button.disable {color: #afafaf;border-color:#afafaf;opacity: 0.5;}
.modal-content .input-group {width: calc(100% - 30px)!important; margin: auto;}
.modal-content #orig-price0:not(.only) {color: #6b4b2e!important; display: block; width: 100%;text-decoration: line-through}
.modal-content #sale-price0 {color: #e09814!important; display: block; width: 100%; margin-bottom: 10px; font-size: 120%;}
.modal-content #add-to-cart {height: 25px; padding: 0 15px; margin-right: 10px; border-radius: 0px; transition: all 0.5s ease 0s;}
.modal-content #to-checkout {height: 25px; padding: 0 15px; border-radius: 0px; transition: all 0.5s ease 0s;}
.modal-content #add-to-cart:hover, .modal-content #to-checkout:hover {color: #fff!important; background-color: #e09814!important; border-radius: 25px; transition: all 0.5s ease 0s;}
.productsL {display: flex; flex-wrap: wrap; justify-content: space-around; padding: 45px 10px 0 10px;}
.productsL > div {width: 22.84%; max-width: 225px; margin: 0 7.5px 30px 7.5px;  position: relative; padding-left: 7px;}
.productsSub {display: flex; flex-wrap: wrap;}
.productsSubL {width: 57.665%; padding-bottom: 75px;}
.productsSubR {width: 42.335%; padding: 23px 0 75px 75px; color: #000;}
.cms-promotion {display: flex; flex-wrap: wrap; margin-bottom: 20px;}
.cms-promotion > span {background-color: #6b4b2e; color: #fff; display: flex; flex-wrap: wrap; padding: 3px 10px; width: 100%; margin-bottom: 5px;}
.cms-promotion > .cms-label {display: flex; flex-wrap: wrap;}
.cms-promotion > .cms-label a:link, .cms-promotion > .cms-label a:visited {text-decoration:none; color:#fff; background-color: #e09814; border: 1px solid #e09814; height: 33px; border-radius: 3px; margin: 0 5px 5px 0; padding: 0 10px; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; text-align: center; transition: all 0.5s ease 0s;}
.cms-promotion > .cms-label a:active, .cms-promotion > .cms-label a:hover {text-decoration:none; color:#6b4b2e; border: 1px solid #6b4b2e; background-color: #fff; cursor:pointer; transition: all 0.5s ease 0s;}
.productsSubR > h1 {font-weight: 500; line-height: 150%; border-bottom: 1px solid #aaaaaa; padding-bottom: 39px; margin-bottom: 24px;}
.productsSubRC {border-bottom: 1px solid #aaaaaa; padding-bottom: 26px; margin-bottom: 12px;}
.productsSubRC p {font-weight: 500; line-height: 181.25%;}
.productsSubRI {padding-bottom: 26px; margin-bottom: 12px; border-bottom: 1px solid #aaaaaa;}
.productsSubRI > label {margin-bottom: 10px;}
.productsSubRI > div {display: flex; flex-wrap: wrap;}
.productsSubRI > div a {display: flex; flex-wrap: wrap; justify-content: center; align-items: center; padding: 4px; margin-right: 5px;  margin-bottom: 5px; min-width: 4.8rem; border: 1px solid #e09814;background-color: rgba(255,255,255,.6); color:#e09814;text-align: center; border-radius:3px; text-decoration: none;}
.productsSubRI > div a.current {color: #fff; border-color: #e09814; background-color: #e09814;}
.productsSubRI > div a.disable {color: #afafaf;border-color:#afafaf;opacity: 0.5;}
.productsSubRN {display: flex; flex-wrap: wrap; align-items: center; padding-bottom: 70px;}
.productsSubRN > div:nth-child(1) {width: 57%; font-weight: 500; padding: 0 0 0 25px;}
.productsSubRN > div:nth-child(2) {width: 43%;}
.productsSubRN > div:nth-child(1) > div:nth-child(1):not(.only) {color: #c4a67b; line-height: 130%; display: flex; flex-wrap: wrap; text-decoration: line-through;}
.productsSubRN > div:nth-child(1) > div:nth-child(2) {color: #6b4b2e; line-height: 140%; display: flex; flex-wrap: wrap;}
.productsSubRN > div:nth-child(2) > div:nth-child(1) {padding: 0 0 10px 0;}
.productsSubRN > div:nth-child(2) > div:nth-child(1) .spinner ,#cms-add-cart-dialog .spinner{width: 100%!important; max-width: 80px!important; height: 30px!important; font-weight: normal; background-color: #fff;}
.productsSubRN > div:nth-child(2) > div:nth-child(1) .spinner .value,#cms-add-cart-dialog .spinner .value {width: 100%!important; height: 100%!important; border: 1px solid #e09814!important; color: rgba(188, 151, 94, 0.65)!important; font-size: 14.24px;}
.productsSubRN > div:nth-child(2) > div:nth-child(1) .spinner .increase,#cms-add-cart-dialog .spinner .increase, .productsSubRN > div:nth-child(2) > div:nth-child(1) .spinner .decrease, #cms-add-cart-dialog .spinner .decrease {color: rgba(188, 151, 94, 0.65); font-size: 13px; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; font-weight: bold; top: 0px; position: absolute;}
.productsSubRN > div:nth-child(2) > div:nth-child(2) {color: #898989; font-weight: 300; padding: 0 0 0 7px;}
.productsSubRB {padding: 0 11px 0 25px; font-weight: 500;}
.productsSubRBA {display: flex; flex-wrap: wrap; justify-content: space-between;}
.addCart {text-decoration:none; color:#6b4b2e; background-color: transparent; width: calc(50% - 4px); height: 33px; margin-bottom: 15px; border: 1px solid #6b4b2e; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; text-align: center; transition: all 0.5s ease 0s;}
.addCart:hover {text-decoration:none; color:#e09814; background-color: #fff; border: 1px solid #e09814; cursor:pointer; transition: all 0.5s ease 0s;}
.addCart::before {content: ''; background: url("../images/icon_06b.png") no-repeat center; background-size: cover; width: 19px; height: 19px; display: block; margin-right: 5px; transition: all 0.5s ease 0s;}
.addCart:hover::before {background: url("../images/icon_06a.png") no-repeat center; transition: all 0.5s ease 0s;}
.proBuy {text-decoration:none; color:#fff; width: calc(50% - 4px); height: 33px; margin-bottom: 15px; background-color: #e09814; border: 1px solid #e09814; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; text-align: center; transition: all 0.5s ease 0s;}
.proBuy:hover {text-decoration:none; color:#e09814; background-color: #fff; border: 1px solid #e09814; cursor:pointer; transition: all 0.5s ease 0s;}
.productsSubRBB {display: flex; flex-wrap: wrap;}
.productsSubRBB a:link, .productsSubRBB a:visited {text-decoration:none; color:#fff; background-color: #6b4b2e; border: 1px solid #6b4b2e; width: 32%; height: 33px; margin: 0 2% 0 0; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; text-align: center; transition: all 0.5s ease 0s;}
.productsSubRBB a:active, .productsSubRBB a:hover {text-decoration:none; color:#6b4b2e; background-color: #fff; cursor:pointer; transition: all 0.5s ease 0s;}
.productsSubRBB a:nth-child(3n+3) {margin: 0;}
.productsSubC {width: 100%; border-top: 1px solid #aaaaaa; padding: 40px 0;}
.productsSubCC {max-width: 958px; margin: auto; padding: 0 20px;}
.productsSubC > h2 {color: #6b4b2e; font-weight: 500; text-align: center;}
.productsSubC #parentHorizontalTab {padding: 15px 0 0 0;}
.productsSubC .godsDivM::before, .productsSubC .godsDivM::after {content: none;}
.productsSubC ul.resp-tabs-list {justify-content: flex-start; background: none; padding: 0!important;}
.productsSubC ul.resp-tabs-list li {background-color: #bb965e; color: #fff; font-family: 'Noto Sans TC', sans-serif; margin: 0!important; padding: 3px 30px!important; position: relative; z-index: 1; box-shadow: 6px -12px 20px rgba(9, 2, 4, 0.1);}
.productsSubC ul.resp-tabs-list li:hover {color: #444444!important;}
.productsSubC ul.resp-tabs-list li::after {content: ''; width: 15px; height: 100%; background-color: #bb965e; position: absolute; top: 0; right: -15px; border-radius: 0 10px 0 0; box-shadow: 6px -5px 10px rgba(9, 2, 4, 0.1);}
.productsSubC ul.resp-tabs-list li.resp-tab-active {font-size: 100%; background-color: #fff!important; color: #444444!important; font-weight: 500!important; padding: 3px 15px 3px 30px!important; z-index: 2!important;}
.productsSubC ul.resp-tabs-list li.resp-tab-active::after {background-color: #fff!important;}
.productsSubC .resp-tabs-container {background-color: #fff;}

.relatedDiv {padding: 0 25px 35px 25px;}
.relatedDiv > h2 {color: #e09814; font-family: 'Noto Sans TC', serif; font-weight: 600; letter-spacing: 0.4px; text-align: center; margin-bottom: 27px;}
.relatedL {border: 1px solid #a50505; padding: 50px 54px 30px 52px;}

.soldOut{ text-align: center; color: white; background: #b28750; font-size: 16px; padding: 7px; }

.btn-prevent { opacity: 0.5; cursor: not-allowed; pointer-events: none; }
div[class^="errorMsg-"]{ color: red !important;width: 100% !important; }
.step1-del{ float: right; margin-top: -37px; border: solid 2px; width: 30px; text-align: center; cursor: pointer;background: #fff7ec;}

/*新增加start*/
.lightingCCAC {width: 100%; padding: 0 0px 0 20px;}
.row_L {display: flex; flex-wrap: wrap; padding-bottom: 30px; width: 100%; max-width: 780px; margin: auto;}
.row_L div:nth-child(1) {width: 220px; color: #595757; font-weight: 500; line-height: 40px; text-align: right; min-height: 20px; padding: 0 10px 0 0;}
.row_L div:nth-child(2) {width: calc(100% - 220px); display: flex; flex-wrap: wrap; line-height: 40px;}
.row_M {display: flex; flex-wrap: wrap; width: 100%;}
.row_M div:nth-child(1) {width: 30px!important; color: #595757; font-weight: 500; line-height: 40px; text-align: right; min-height: 20px; padding: 0 10px 0 0;}
.row_M div:nth-child(2) {width: calc(100% - 30px)!important; display: flex; flex-wrap: wrap; line-height: 40px!important;}
.lightingCL table th:nth-child(4) {border-right: 12px solid #fff7ec;}
.lightingCL table th:nth-child(5), .lightingCL table td:nth-child(5) {text-align: center;}
.lightingCN {color: #d70c19; max-width: 620px; margin: auto;}
.lightingCN > ul {padding-left: 26px; list-style-type: decimal;}
/*新增加end*/

.btn_cc{
    text-decoration: none;
    color: #fff !important;
    background-color: #a50505;
    border: 2px solid #a0a0a0;
    border-radius: 5px;
    padding: 2px;
}
.btn_cc:hover{
    text-decoration: none;
    color: #fff;
    background-color: #d70c19;
    border: 2px solid #fff;
    cursor: pointer;
    transition: all 0.5s ease 0s;
}

.cms-title-block h1 {color: #e09814; font-family: 'Noto Serif TC', serif; font-weight: 600; letter-spacing: 0.4px; margin-bottom: 27px; position: relative; z-index: 10;}
.hint{color: #a50505;font-size:14px;line-height: 20px; }

.title01 { text-align: center; color: #333; font-weight: 700; line-height: 1.3; font-size: clamp(24px, 3.1vw, 32px); padding: 0 50px;; margin:0 auto 22px auto; position: relative; letter-spacing: 0.15rem; width: fit-content; margin-top: 20px;} 
.title01 > img { position: absolute; top:50%; transform: translateY(-50%); width: 35px;}
.title01 > img:first-child { left: 0;}
.title01 > img:last-child { right: 0;}