@charset "utf-8";
/* CSS Document */
.subBanner {position: relative; z-index: 1;}
.subBanner > .img {line-height: 0; font-size: 0; position: relative; z-index: 1;}
.subBanner > .txt {position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 10; display: flex; align-items: flex-end; text-align: center; color: #fff; padding: 0 100px; max-width: 1530px; margin: auto;}
.subBanner > .txt h2 { position: relative; font-size: 300%; font-weight: 500; letter-spacing: 5px; margin: 0 0 70px 0; padding: 0 0 15px 0;}
.subBanner > .txt h2::before { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; background: #d70c19; height: 2px;}
.subBanner > .txt h2::after { content: ''; position: absolute; bottom: -3px; left: 0; width: 8px; height: 8px; border-radius: 5px; background: #d70c19; animation: slide-right 5s ease infinite;}
.subMain { position: relative; z-index: 1;}

.path_out { padding: 5px 0; background: #31343f;}
.pro_detail_bread { padding: 120px 0 5px 0;}
.path { display: flex; flex-flow: wrap; width: 100%; list-style-type:none; margin: 0; padding: 0; font-weight: 400; color: #fff;}
.path li {list-style-type:none; margin: 0; padding: 0; font-weight: 500; color: #fff; letter-spacing: 1.5px;}
.path li::after { content: "｜"; display: inline-block;}
.path li:last-child::after {content: none;}
.path li a { position: relative;}
.path li a:link, .path li a:visited {text-decoration:none; color:#fff; transition: all 0.25s ease 0s;}
.path li a:active, .path li a:hover {text-decoration:none; color:#fff; cursor:pointer; transition: all 0.25s ease 0s;}
.path li a::after { content: ''; position: absolute; bottom: -2px; right: 0; width: 0%; height: 1px; background: #d70c19; z-index: 1; transition: all 0.25s ease-out 0s;}
.path li a:hover::after { width: 100%; left: 0; transition: all 0.25s ease 0s;}

.subM { margin: 0 0 7% 0;}
.subM ul { position: relative; width: 100%; max-height: inherit; display: flex; flex-flow: wrap; box-shadow: 0 0 65px rgba(0, 0, 0, 0.06);}
.subM ul li { min-width: 20%; flex: auto; border-right: 1px solid #eee;}
.subM ul li:last-child { border-right: 0;}
.subM ul li a:link, .subM li a:visited { position: relative; text-decoration: none; text-align: center; color: #000; background: #fff; font-weight: 300; padding: 40px 20px 35px 20px; display: flex; flex-flow: column; justify-content: center; align-items: center; transition: all 0.25s ease 0s;}
.subM ul li a:active, .subM ul li a:hover {text-decoration:none; cursor:pointer; color:#fff; background: #d70c19; transition: all 0.25s ease 0s;}
.subM ul li .pic { max-width: 84px; text-align: center; margin: auto auto 10px auto; transition: all 0.25s ease 0s;}
.subM ul li:hover .pic { filter: brightness(0) invert(1);}
.subM ul li.current a {pointer-events: none; cursor: text; color:#fff; background: #d70c19;}
.subM ul li.current .pic { filter: brightness(0) invert(1);}

.pages {display: flex; flex-wrap: wrap; justify-content: center; align-items: center; padding: 4% 0 8% 0;}
.pages a:link, .pages a:visited { position: relative; text-decoration:none; color: #fff; line-height: 1; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; border-radius: 20px; min-width: 36px; height: 36px; margin: 0px 23px 5px 0; padding: 0 0 2px 1px; overflow: hidden; font-family: "Barlow Condensed", sans-serif; z-index: 10; transition: all 0.25s ease 0s;}
.pages a:active, .pages a:hover {text-decoration:none; color:#fff; cursor:pointer; transition: all 0.25s ease 0s;}
.pages a::before {content: ''; background-color: #898A8F; position: absolute; top: 0; left: 0; right: 0; bottom: 0; transition: all 0.25s ease 0s; z-index: -1;}
.pages a:hover::before {background-color: #2e31b8; transition: all 0.25s ease 0s;}
.pages .prev { font-size: 0 !important; margin: 0 23px 5px 0!important;}
.pages .next { font-size: 0 !important; margin: 0 0 5px 0!important;}
.pages .prev::after {content: '<<'; position: absolute; top: 45%; left: 46%; transform: translate(-50%, 0); color: #fff; font-size: 19px; letter-spacing: -3px; line-height: 0; z-index: 1; font-family: "Barlow Condensed", sans-serif;}
.pages .next::after {content: '>>'; position: absolute; top: 45%; left: 46%; transform: translate(-50%, 0); color: #fff; font-size: 19px; letter-spacing: -3px; line-height: 0; z-index: 1; font-family: "Barlow Condensed", sans-serif;}
.pages .prev:hover::before, .pages .next:hover::before { background: #2e31b8;}
.pages .current { color:#fff!important; min-width: 36px!important; height: 36px!important;}
.pages .current::before  {background-color: #2e31b8; z-index: -1;}
.appli_wrap .pages a { border: 1px solid #9a9a9a;}
.appli_wrap .pages a::before { background: #c9c9c9;}
.appli_wrap .pages a:active::before,.appli_wrap .pages a:hover::before { background-color: #2e31b8;}
.appli_wrap .pages .prev:hover::before,.appli_wrap .pages .next:hover::before { background-color: #2e31b8;}
.appli_wrap .pages .current::before { background-color: #2e31b8;}

.aboutus_A { position: relative; background: #1e2965; z-index: 2;}
.aboutus_A > div { max-width: 1808px; padding: 0 100px; margin: auto;}
.aboutus_A .about_A_in { display: flex; flex-flow: wrap; align-items: center;}
.aboutus_A .about_A_in > div:nth-child(1) { width: 47%; position: relative; padding: 75px 0px 130px 0; margin-right: 4%; text-align: right; z-index: -1;}
.aboutus_A .about_A_in > div:nth-child(1)::before { content: ''; position: absolute; top: 0; bottom: 0; right: 0; width: 100%; max-width: 367px; background: #292c37; z-index: -1;}
.aboutus_A .about_A_in > div:nth-child(1) .pic { margin: 20px 30px 0 0;}
.aboutus_A .about_A_in > div:nth-child(2) { width: 35%; color: #fff; font-weight: 400; padding: 0 0 40px 0; text-shadow: 1px 1px 2px #1e2965;}
.aboutus_A .about_A_in > div:nth-child(2) p { text-align: justify; margin-bottom: 7px;}
.aboutus_A .about_A_in > div:nth-child(2) .tit_b { max-width: 79%;}
.aboutus_A .about_A_in > div:nth-child(2) .txt { font-weight: 600; font-size: 112.5%; margin: 0 0 10px 0;}
.aboutus_A .front_pic { position: absolute; bottom: -8%; right: 0; width: 43%; z-index: -1;}
.aboutus_B { position: relative; padding: 9% 0; background: url("../images/aboutus_bg_01.jpg") no-repeat top center / cover; z-index: 1;}
.aboutus_B .about_B_in { display: flex; flex-flow: wrap; justify-content: flex-end;}
.aboutus_B .about_B_in > div:nth-child(1) { width: 25%;}
.aboutus_B .about_B_in > div:nth-child(2) { width: 71%;}
.aboutus_B .about_B_in .tit_a { font-weight: 700; font-family: 'Barlow Condensed', sans-serif;}

.pro_wrap { position: relative; padding: 3% 0 0 0; color: #fff; background: #292B37; z-index: 1;}
.pro_wrap .leftMenutop { position: relative; background: #fff; padding: 10% 5% 6% 5%; border-bottom: 5px solid #d70c19; margin: 0 0 10px 0; display: flex; align-items: center; justify-content: flex-end; overflow: hidden; z-index: 1;}
.pro_wrap .leftMenutop::before { content:''; position: absolute; top: -50px; left: -3%; width: 140px; height: 130px; background: url("../images/icon_logo_01.svg") no-repeat top left / contain; z-index: -1;}
.pro_wrap .leftMenutop > span { width: 50%; color: #292c37; font-weight: 600; font-size: 150%; line-height: 1; font-family: "Barlow", sans-serif;}
.pro_wrap .seo_area { margin-bottom: 5%;}
.pro_wrap .seo_area .tit_b { padding: 0 0 3% 0; border-bottom: 1px solid #f00;}
.pro_wrap .seo_area .tit_b span { max-width: 41%; display: inline-block;}
.pro_wrap .seo_area h1 { font-weight: 600; text-align: center; margin: 20px 0;}
.pro_wrap .seo_area .h1_m { margin: 0 0 30px 0;}
.pro_wrap .seo_area .pro_line_area { position: relative; border-top: 1px solid #a0a0a0; padding: 10px 0; border-bottom: 1px solid #a0a0a0; margin-bottom: 5%; z-index: 1;}
.pro_wrap .seo_area .pro_line_area::before { content: ''; position: absolute; top: -2px; left: 50%; transform: translateX(-50%); width: 90%; height: 3px; background: #d70c19; z-index: 1;}
.pro_wrap .seo_area .pro_line_area::after { content: ''; position: absolute; bottom: -2px; left: 50%; transform: translateX(-50%); width: 90%; height: 3px; background: #d70c19; z-index: 1;}
.pro_wrap .li_arrow { list-style: none; padding: 0; margin: 30px 5%;}
.pro_wrap .li_arrow li { position: relative; padding-left: 30px;}
.pro_wrap .li_arrow li::before { content: ''; position: absolute; top: 8px; left: 0; width: 13px; height: 12px; background: url("../images/icon_leftmenu_01.png") no-repeat center / contain; filter: brightness(0) invert(1);}
.pro_wrap .pro_list { display: flex; flex-flow: wrap;}
.pro_wrap .pro_list > div { width: 32.33%; position: relative; margin: 0 1.5% 30px 0;}
.pro_wrap .pro_list > div:nth-child(3n+3) { margin-right: 0;}
.pro_wrap .pro_list > div .pic { position: relative; width: 100%; height: 0; padding-bottom: 74.8571%; overflow: hidden; margin-bottom: 5px;}
.pro_wrap .pro_list > div .text { background: #eee; border-bottom: 6px solid #d70c19; border-radius: 0 0 25px 0;}
.pro_wrap .pro_list > div .text .tit { color: #000; padding: 15px 15px; font-size: 150%; font-weight: 400; border-bottom: 1px solid #cacaca;}
.pro_wrap .pro_list > div .text a { display: block; color: #1e2965; padding: 7px 15px; font-weight: 500; font-family: "Noto Sans TC" ,"Barlow", sans-serif;}
.pro_wrap .pro_list > div:hover .text a { color: #d70c19;}
.pro_wrap .pro_wrap_in { display: flex; flex-flow: wrap; align-items: flex-start;}
.pro_wrap .pro_wrap_in .pro_left { width: 280px; position: sticky; top: 90px; max-height: calc(100vh - 90px); margin-right: 3%; padding-right: 10px; margin-bottom: 30px; overflow-y: auto;}
.pro_wrap .pro_wrap_in .pro_right { width: calc(97% - 280px); position: relative;}
.pro_wrap .pro_detail { display: flex; flex-flow: wrap;}
.pro_wrap .red_dot { list-style-type: none; padding-left: 0!important;}
.pro_wrap .red_dot li { position: relative; padding-left: 20px;}
.pro_wrap .red_dot li::before { content: ''; position: absolute; top: 13px; left: 0; width: 9px; height: 9px; border-radius: 10px; background: #D70C19;}
.pro_wrap .pro_detail h1 { font-weight: 600;}
.pro_wrap .pro_detail .model { position: relative; padding: 10px 0 20px 0; margin: 0 0 20px 0; font-weight: 600;}
.pro_wrap .pro_detail .model::before { content: ''; position: absolute; bottom: 0; left: 0; height: 1px; right: -100%; background: #d70c19;}
.pro_wrap .pro_detail .inquiry_share { display: flex; flex-flow: wrap; justify-content: space-between;}
.pro_wrap .pro_detail .pic { width: 45.104%;}
.pro_wrap .pro_detail .pic .slider-pro { position: relative;}
.pro_wrap .pro_detail .pic .slider-pro::before { content: ''; position: absolute; bottom: -20px; left: 0; width: 100%; height: 2px; background: #d70c19; z-index: -2;}
.pro_wrap .pro_detail .pic .slider-pro::after { content: ''; position: absolute; bottom: -26px; left: 90%; width: 14px; height: 14px; background: #d70c19; border-radius: 10px; z-index: -1;}
.pro_wrap .pro_detail .text { width: 54.896%; padding: 0 0 0 5.2%; display: flex; flex-flow: column; justify-content: space-between;}
.pro_wrap .pro_detail .text .text_T .txt { max-width: 85%;}
.pro_wrap .pro_detail .text .text_T .txt ol, .pro_wrap .pro_detail .text_T .text .txt ul { padding-left: 20px;}
.pro_wrap .pro_detail .text .text_B_T { display: flex; flex-flow: wrap; align-items: center; justify-content: space-between; margin: 45px 0;}
.pro_wrap .pro_detail .text .text_B_T .share { margin-top: 10px;}
.pro_wrap .pro_detail .text .text_B_B { display: flex; flex-flow: row; align-items: center; justify-content: space-between; border-top: 1px solid #fff; border-bottom: 1px solid #fff; padding: 15px 0;}
.pro_wrap .pro_detail .text .text_B_B .prev { position: relative; padding: 7px 3%; line-height: 1.4; font-size: 112.5%; transition: all 0.25s ease 0s;}
.pro_wrap .pro_detail .text .text_B_B .prev::before { content: ''; display: inline-block; width: 19px; height: 12px; margin-right: 10px; background: url("../images/icon_prev_02.png") no-repeat top left / contain;}
.pro_wrap .pro_detail .text .text_B_B .back { position: relative; padding: 7px 3%; line-height: 1.4; font-size: 112.5%; transition: all 0.25s ease 0s;}
.pro_wrap .pro_detail .text .text_B_B .back::before { content: ''; display: inline-block; width: 19px; height: 17px; margin-right: 10px; background: url("../images/icon_back_01.png") no-repeat top left / contain;}
.pro_wrap .pro_detail .text .text_B_B .next { position: relative; padding: 7px 3%; line-height: 1.4; font-size: 112.5%; transition: all 0.25s ease 0s;}
.pro_wrap .pro_detail .text .text_B_B .next::after { content: ''; display: inline-block; width: 19px; height: 12px; margin-left: 10px; background: url("../images/icon_next_03.png") no-repeat top left / contain;}
.pro_wrap .pro_detail .text .text_B_B a:hover { background: #f00; color: #fff; border-radius: 20px;}
.pro_wrap .pro_detail .cont { width: 100%; margin: 30px 0 10% 0;}
.pro_wrap .pro_detail .cont .cont_in { margin: 0 0 60px 0;}
.pro_wrap .pro_detail .cont .cont_in:last-child { margin: 0;}
.pro_wrap .pro_detail .cont .cont_in ol, .pro_wrap .pro_detail .cont .cont_in ul { padding-left: 20px;}
.pro_wrap .pro_detail .cont .Outline_D { border-bottom: 1px solid #000; padding-bottom: 40px; margin-bottom: 70px;}
.pro_wrap .related { background: #474955; padding: 4% 0 5% 0;}
.pro_wrap .related .tit_c { text-align: center; border-bottom: 1px solid #fff; padding: 0 0 35px 0; margin: 0 0 55px 0;}
.pro_wrap .related .related_pro .pic { position: relative; width: 100%; height: 0; padding-bottom: 74.8571%; overflow: hidden; margin-bottom: 5px;}
.pro_wrap .related .related_pro .text { background: #eee; border-bottom: 6px solid #d70c19; border-radius: 0 0 25px 0;}
.pro_wrap .related .related_pro .text .tit { color: #000; padding: 15px 15px; font-size: 150%; font-weight: 400; border-bottom: 1px solid #cacaca;}
.pro_wrap .related .related_pro .text a { display: block; color: #1e2965; padding: 7px 15px; font-weight: 500; font-family: "Noto Sans TC" ,"Barlow", sans-serif;}
.pro_wrap .related_pro .owl-dots { opacity: 0; transition: all 0.5s ease 0s;}
.pro_wrap .related_pro:hover .owl-dots { opacity: 1;}

.appli_wrap { position: relative; overflow: hidden; z-index: 1;}
.appli_wrap::before { content: ''; position: absolute; top: -4%; left: -14%; background: url("../images/icon_logo_02.png") no-repeat top right / cover; width: 29.4275%; height: 30.27%; z-index: -1;}
.appli_wrap::after { content: ''; position: absolute; bottom: 28%; right: -15%; background: url("../images/icon_logo_03.png") no-repeat bottom left / cover;  width: 29.4275%; height: 30.0895%; z-index: -1;}
.appli_wrap .appli_in .tit_e { text-align: center;}
.appli_wrap .appli_in .seo_area { margin-bottom: 7%;}
.appli_wrap .appli_in .appli_list { display: flex; flex-flow: wrap;}
.appli_wrap .appli_in .appli_list > div { position: relative; width: 48.718%; margin: 0 2.564% 50px 0; transition: all 0.25s ease 0s;}
.appli_wrap .appli_in .appli_list > div:nth-child(2n+2) { margin-right: 0;}
.appli_wrap .appli_in .appli_list > div .pic { background: #fff; border-top: 5px solid #1e2965; border-bottom: 2px solid #d70c19; position: relative; width: 100%; height: 0; padding-bottom: 70.5263%; overflow: hidden; z-index: 1; transition: all 0.25s ease 0s;}
.appli_wrap .appli_in .appli_list > div .pic img { transition: all 0.25s ease 0s;}
.appli_wrap .appli_in .appli_list > div .text { position: relative; background: #fff; padding: 30px 100px 30px 30px; width: 90%; margin: -60px auto 0 auto; box-shadow: 0 0 65px rgba(0, 0, 0, 0.06); z-index: 2; transition: all 0.25s ease 0s;}
.appli_wrap .appli_in .appli_list > div .text::before { content: ''; position: absolute; top: 50%; transform: translateY(-50%); right: 40px; width: 48px; height: 48px; background: #F2F2F2; z-index: -2; transition: all 0.25s ease 0s;}
.appli_wrap .appli_in .appli_list > div .text::after { content: ''; position: absolute; top: 50%; transform: translateY(-50%); right: 55px; width: 17px; height: 11px; background: url("../images/icon_next_02.svg") no-repeat top left / contain; z-index: -1; transition: all 0.25s ease 0s;}
.appli_wrap .appli_in .appli_list > div .text .red { color: #c01120; transition: all 0.25s ease 0s;}
.appli_wrap .appli_in .appli_list > div .text .tit { font-size: 125%; font-weight: 400; transition: all 0.25s ease 0s;}
.appli_wrap .appli_in .appli_list > div:hover .text { background: #1e2965;}
.appli_wrap .appli_in .appli_list > div:hover .text::before { right: 25px;}
.appli_wrap .appli_in .appli_list > div:hover .text::after { right: 40px;}
.appli_wrap .appli_in .appli_list > div:hover .text .red { color: #fff;}
.appli_wrap .appli_in .appli_list > div:hover .text .tit { color: #fff;}
.cont_wrap {}
.cont_wrap .cont_A { background: #292c37; padding: 4% 0 2.2%;}
.cont_wrap .cont_A h1 { text-align: center; margin: 0 0 25px 0;}
.cont_wrap .cont_A .seo_area { color: #fff;}
.cont_wrap .cont_B { padding: 10px 0 20px 0; background: #fff;}
.cont_wrap .cont_B .cont_B_in { position: relative; color: #656565; line-height: 24px; margin: 40px 0 50px 0;}
.cont_wrap .cont_B .cont_B_in > p { font-weight: 400;}
.cont_wrap .cont_B .cont_B_in .imp {color: #d20000;}
.cont_wrap .cont_B .cont_B_in .con { color: #373737; font-weight: 300; letter-spacing: 0; margin-top: 30px; -webkit-column-count: 2; column-count: 2; -webkit-column-gap: 10%; column-gap: 10%;}
.cont_wrap .cont_B .cont_B_in > .con .imp { margin: 0 0 0 7px;}
.cont_wrap .cont_B .cont_B_in > .con .tit { position: relative; color: #000; padding: 0 0 26px 0; line-height: 20px; margin: 0;}
.cont_wrap .cont_B .cont_B_in > .con .tit::after { content: ''; position: absolute; top: 10px; right: 0; background: #c01120; height: 3px; width: calc(100% - 130px);}
.cont_wrap .cont_B .cont_B_in > .con .tit > span { position: relative; background: #fff; padding: 0 30px 0 0; z-index: 1;}
.cont_wrap .cont_B .cont_B_in > .con > .lef { font-weight: 400;}
.cont_wrap .cont_B .cont_B_in > .con > .but { display: flex; flex-flow: wrap; align-items: center; margin-bottom: 5px;}
.cont_wrap .cont_B .cont_B_in > .con > .but button { position: relative; color: #fff; width: 47%; height: 51px; border-radius: 30px; border: 2px solid #dcdcdc; display: flex; flex-flow: wrap; justify-content: center; align-items: center; background: #d70c19; padding: 0 20px; margin: 5px 6% 0 0; overflow: hidden; z-index: 1; transition: all 0.25s ease 0s;}
.cont_wrap .cont_B .cont_B_in > .con > .but .reset { background: #fff; color: #000;}
.cont_wrap .cont_B .cont_B_in > .con > .but button:last-child {margin-right: 0;}
.cont_wrap .cont_B .cont_B_in > .con > .but button:hover {color: #fff; background: #1e2965;}
.cont_wrap .cont_B .cont_B_in > .con > .rig {font-weight: 400; height: 100%;}
.row_A {display: flex; flex-flow: wrap; padding: 0 0 21px 0; margin: 0;}
.row_B {display: flex; flex-flow: wrap; align-items: center; padding: 9px 0 20px 0; margin: 0;}
.row_D {display: flex; flex-flow: wrap; padding: 0 0 23px 0; margin: 0;}
.row_E {padding: 0; margin: -7px 0 0 0;}
.col_LA {width: 130px; padding: 14px 0 0 1.5px; font-weight: 400;}
.col_LB {width: calc(100% - 130px); display: flex; flex-flow: wrap; align-items: center;}
.col_LC {width: 130px; padding: 3px 0 0 1.5px;}
.col_LD {width: calc(100% - 130px); display: flex; flex-flow: wrap; align-items: center; justify-content: space-between;}
.col_LB label {margin: 3px 18px 0 10px; font-weight: 400;}
.col_RB {width: 100%; display: flex; flex-flow: wrap; justify-content: space-between;}
.col_RB > div {min-width: 35%; display: flex; flex-flow: wrap; align-items: center; padding: 0 0 7px 0; margin: 0 5% 0 0;}
.col_RB > div.ful {width: 100%;}
.col_RB label {margin: 2px 0 0 10px; font-weight: 500;}
.col_RD {padding: 0;}
.cont_wrap .cont_C { border-top: 8px solid #292c37;}
.cont_wrap .cont_C > div { position: relative; width: 100%; height: 0; padding-bottom: 27.7604%; line-height: 0; overflow: hidden;}
.cont_wrap .cont_C > div > iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

/*內頁選單變形 start*/
.top-barC { height: 70px;}
.logo { top: 19px; left: 13.2%;}
.logo a { width: 254px;}
.logo::before { bottom: -20px; right: -138px; width: 673px; height: 171px;}
.menu { top: 9px;}
.links { top: 22px; padding-right: 1.3%;}
.links > div > a { width: 27px;}
.links .links_cart > a { width: 30px;}
.links_cart::before { width: 1px;}
.links_cart > a .number { font-size: 13px;}
.links_lang::before { opacity: 1;}
.links_lang ul { top: 48px;}
.links_search { position: relative; top: 0; right: 0;}
.links_search::before { display: none;}
.links_search > a { position: relative; top: 0; right: 0; width: 33px;}
.links_search img { filter: brightness(0) invert(1);}
.links_search .search_box { top: 48px; right: 0;}
.sjj_nav > .sjj_nav_ul > li > a::before { bottom: -11px; left: calc(50% - 10px); border-width: 0 10px 10px 10px;}
.sjj_nav > .sjj_nav_ul > .menu_full > a::after { bottom: -15px;}
.sjj_nav > .sjj_nav_ul > .menu_full > .sjj_nav_ul { top: 74px;}

@media only screen and (max-width:1800px){
    .top-barC .logo::before { bottom: -37px;}
    .top-barC .logo a { width: 254px;}
    .links .links_search > a { position: relative; top: 0; right: 0;}
    .links .links_search .search_box { right: 0;}
}
@media only screen and (max-width:1400px){
    .top-barC .logo { top: 15px;}
    .top-barC .logo a { width: 216px;}
    .top-barC .logo::before { bottom: -20px; right: -70px;}
    .links { right: 50px;}
}
/*內頁選單變形 end*/