.dyn-img-sect { overflow: hidden; } .dyn-img-row { margin-left: -2px; margin-right: -2px; z-index: 0; } .dyn-img-row>.column { padding: 0; } .dyn-img-row .img-layer { position: absolute; right: 2px; top: 2px; bottom: 2px; left: 2px; z-index: 10; border-radius: 4px; overflow: hidden; } .img-layer>a { display: block; position: absolute; right: 0; top: 0; bottom: 0; left: 0; background-size: cover; background-position: center center; transform: scale(1); transition-duration: .6s; } .img-layer>a:hover { transform: scale(1.1); transition-duration: .6s; } .index-masonry .ns-smartrow>.ns-smartsizer { width: 50%; } .index-masonry .dyn-img-row { margin: 0; } .index-masonry .counter { font-family: Arial; font-weight: 700; text-align: center; color: #FFF; text-shadow: 0.2rem 0.2rem 0.2rem rgba(0, 0, 0, 0.25); position: absolute; bottom: 20%; left: 0; right: 0; font-size: 60px; letter-spacing: 20px; padding-left: 20px; transition-duration: 0s; } @media(max-width:1200px) { .index-masonry .counter { font-size: 55px; letter-spacing: 20px; padding-left: 20px; text-shadow: 0.17rem 0.17rem 0.17rem rgba(0, 0, 0, 0.2); } } @media(max-width:992px) { .index-masonry .counter { font-size: 45px; letter-spacing: 10px; padding-left: 10px; } } @media(max-width:768px) { .index-masonry .counter { bottom: 18%; font-size: 30px; letter-spacing: 6px; padding-left: 6px; } } @media(max-width:576px) { .index-masonry .counter { bottom: 16%; font-size: 4.4vw; letter-spacing: 1.9vw; padding-left: 1.9vw; } } @media(max-width:464px) { .index-masonry .counter { bottom: 18%; font-size: 6vw; letter-spacing: 2.4vw; padding-left: 2.4vw; } } .dr-pg-slick { overflow: hidden; border: solid 1px #FFF; background-color: #FFF; } .dr-pg-slick .slick-next, .items-nav .slick-prev { /*width: 36px; height: 36px; line-height: 36px; text-align: center;*/ } .dr-pg-slick .slick-prev::before, .dr-pg-slick .slick-next::before { font-size: 36px; font-family: FontAwesome; } .dr-pg-slick .slick-slide.slick-active { transition-duration: .3s; } .dr-pg-slick .slick-list { margin-right: 3px; margin-left: 3px; overflow: hidden; } .dr-pg-slick .item-wrap { padding: 4px 2px 4px 2px; } .dr-pg-slick { max-height: 470px; } .dr-pg-slick .items-block { padding-bottom: 460px; background-position: center center; background-size: cover; } @media(max-width:1200px) { .dr-pg-slick { max-height: 430px; } .dr-pg-slick .items-block { padding-bottom: 420px; } } @media(max-width:768px) { .dr-pg-slick { max-height: 330px; } .dr-pg-slick .items-block { padding-bottom: 320px; } } .doc-info-wrap { position: absolute; text-align: center; bottom: 0; right: 0; left: 0; background-color: rgba(255, 255, 255, 0.5); transform: translateY(100%); padding: 1rem; transition-duration: .3s; } .doc-info-wrap { transform: translateY(0); } .dr-pg-slick .slick-slide.trigger .doc-info-wrap { transform: translateY(0); transition-duration: .3s; transition-delay: .3s; } .doc-info-wrap>.name { font-weight: 700; font-size: 1.25rem; color: #5f4e78; } .doc-info-wrap>.slogen { word-break: break-all; white-space: pre-wrap; } .doc-info-wrap>.slogen * { animation-delay: .3s; } .slick-home-about .items-block { padding-top: 40%; background-size: cover; background-position: center; } .slick-home-about, .slick-home-about * { height: 100%; } body.home .image-grid, body.frm-vi_home .image-grid{ margin-left: -2px; margin-right: -2px; } body.home .image-wrap>a, body.frm-vi_home .image-wrap>a{ padding-top: 120%; } body.home .success-case-sec .image-wrap>a, body.frm-vi_home .success-case-sec .image-wrap>a{ padding-top: 50%; } .success-case-sec>.container-fluid { max-width: 1140px; } .success-case-sec .doc-info-wrap { position: relative; text-align: center; background-color: #d3d3d3; padding: 0.5rem; transition-duration: .3s; } #flipcounter { width: 120px; height: 30px; display: inline-block; } #flipcounter>.flipcounter { top: -6px; left: 0; transform: scale(0.3); position: absolute; transform-origin: left top; } .home-case-sec .image-grid>.cell { padding: 2px; float: left; width: 20%; } .home-case-block { overflow: hidden; } .home-case-block:hover .doc-info-wrap { transform: translateY(0); transition-duration: .3s; transition-delay: .3s; } .home-case-block .doc-info-wrap>.name { color: #222; } .success-case-sec .doc-info-wrap>.name { color: #222; } @media(max-width:992px) { .home-case-block .doc-info-wrap { transform: translateY(0); transition-duration: .3s; transition-delay: .3s; } } .home-hot-sec .image-grid { margin: 0 -2px; } .home-hot-sec .image-grid>div { padding: 0 2px; } .home-hot-sec .slick-slide { padding: 4px 2px; } .home-hot-sec .doc-info-wrap { position: absolute; text-align: center; bottom: 0; right: 0; left: 0; background-color: rgba(50, 50, 50, 0.5); padding: 0.4rem; transform: translateY(0); } .home-hot-sec .image-grid>div:nth-child(even) .doc-info-wrap { background-color: rgba(0, 0, 0, 0.25); } .home-hot-sec .doc-info-wrap>.name { font-weight: 700; font-size: 1.25rem; color: #FFF; } .hot-info-wrap>a { margin-top: 0.5rem; padding: 0.1rem 2rem; color: #FFF; } @media(max-width:992px) { .home-case-sec .image-grid>.cell { width: 25%; } .home-case-sec .image-grid>.cell:nth-last-child(-n+2) { display: none; } .home-case-sec .doc-info-wrap { padding: 0.5rem; } .home-case-sec .doc-info-wrap>.name { font-size: 18px; } } @media(max-width:768px) { .home-case-sec .image-grid>.cell { width: 33.3333%; } .home-case-sec .image-grid>.cell:nth-last-child(-n+1) { display: block; } .home-case-sec .doc-info-wrap, .home-hot-sec .doc-info-wrap { padding: 0.5rem; } .home-case-sec .doc-info-wrap>.name, .home-hot-sec .doc-info-wrap>.name { font-size: 16px; } .doc-info-wrap>.name { font-size: 1rem; } } @media(max-width:576px) { .home-case-sec .doc-info-wrap>.name, .home-hot-sec .doc-info-wrap>.name { font-size: 14px; } }html, body { font-size: 16px; } /* @media (max-width: 768px) { html, body { font-size: 14px; } } */ .event-none { pointer-events: none; } .container .container { padding-left: unset; padding-right: unset; } img { max-width: 100%; height: auto !important; z-index: unset; font-size: 12px !important; color: #CCC; } .flex-card-body { min-height: 1px; } .page-cont { line-height: 1.75rem; } .page-cont table { line-height: 1.5rem; } iframe { max-width: 100%; } .bsflexgrid .row>*>* { display: block; } .col-content img { height: auto; } .page-cont { margin-top: 30px; } .topic-cont { text-align: center; margin-bottom: 1.5rem; position: relative; overflow: hidden; } .topic-cont>h2::before, .topic-cont>h2::after, .topic-cont>h3::before, .topic-cont>h3::after { background: url(/images/bg_line.png) repeat; background-color: rgba(0, 0, 0, 0.05); content: ''; height: 5px; position: absolute; top: calc(50% - 2px); width: 900px; display: block; } .topic-cont>h2::before, .topic-cont>h3::before { left: auto; right: 100%; } .topic-cont>h2::after, .topic-cont>h3::after { right: 0; left: 100%; } .topic-cont>h2, .topic-cont>h3 { text-align: center; font-size: 2rem; display: inline-block; padding: 0.5rem 1rem 0.8rem; color: #7659a0; margin-bottom: 0; font-weight: 800; } .branch-list-title { top: auto; left: 0; right: 0; bottom: 0; padding: 0.35rem; font-size: 1.3rem; color: #FFF; background-color: #9e53ab8f; } .branch-list-footer { line-height: normal; font-weight: normal; color: #333; } .branch-list-footer .fnindent>div:not(:last-child) { margin-bottom: 0.4rem; } h3+small { color: #7659a0; display: block; margin-bottom: 2rem; } @media (max-width: 464px) { .ns-smartsizer { width: 25%; } } .slick-slide { outline: 0; } *:not(.slick-carousel) .video-block.bsyoutube { padding-bottom: 56.25% !important; } .slick-carousel .video-block { position: absolute; top: 0; left: 0; right: 0; bottom: 0; height: 100%; } article {} .col-content { word-break: break-word; } @media (min-width: 577px) { .col-content { text-align: justify; } } @media (max-width: 992px) { .col-content { flex: 0 0 100%; max-width: 100%; } } .col-content>h1, .subj-content>h1 { color: #9e53ab; font-size: 2rem; margin-bottom: 1.5rem; } @media (max-width: 768px) { .col-content>h1, .subj-content>h1 { font-size: 1.7rem; } } @media (max-width: 464px) { .col-content>h1, .subj-content>h1 { font-size: 1.5rem; } .col-content>h1::before, .subj-content>h1::before { width: 31px; height: 32px; } } .zoom-child { overflow: hidden; } .zoom-child>* { transform: scale(1); transition-duration: .6s; } .zoom-child:hover>* { transform: scale(1.1); transition-duration: .6s; } .prev-next-wrap { background-color: #e2e2e2; } .prev-next-wrap .prev-pg:hover, .prev-next-wrap .next-pg:hover { background-color: #efefef; } .prev-next-wrap .prev-pg { padding: 0 1rem 0 40px; } .prev-next-wrap .next-pg { padding: 0 40px 0 1rem; } .prev-next-wrap .prev-pg, .prev-next-wrap .next-pg { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .prev-next-wrap .prev-pg::before { content: '\f104'; font-family: FontAwesome; font-size: 24px; position: absolute; left: 1rem; top: 50%; transform: translateY(-50%); } .prev-next-wrap .next-pg::before { content: '\f105'; font-family: FontAwesome; font-size: 24px; position: absolute; left: auto; right: 1rem; top: 50%; transform: translateY(-50%); } .prev-next-divider { position: absolute; top: 10px; bottom: 10px; width: 0; left: 50%; border-left: 1px solid #FFF; z-index: 1; } @media (max-width:464px) { .prev-next-divider { top: 50%; bottom: auto; width: auto; left: 10px; right: 10px; border-top: 1px solid #FFF; } } .slick-carousel .slick-prev { width: 50px; height: 50px; left: 10px; transition-duration: 1s; z-index: 1; background-color: rgba(255, 255, 255, 0.5); } .slick-carousel .slick-prev:before { content: ''; display: block; margin: 15%; width: 70%; height: 70%; content: ''; background-image: url(/images/black-arrow-l.png); background-size: contain; } .slick-carousel .slick-next { width: 50px; height: 50px; left: auto; right: 10px; z-index: 1; background-color: rgba(255, 255, 255, 0.5); transition-duration: 1s; } .slick-carousel .slick-next:before { content: ''; display: block; margin: 15%; width: 70%; height: 70%; content: ''; background-image: url(/images/black-arrow-r.png); background-size: contain; } @media (max-width:576px) { .slick-carousel .slick-prev, .slick-carousel .slick-next { width: 40px; height: 40px; } } .wdg-contact-wrap { position: absolute; left: auto; top: 100px; right: 0; overflow: hidden; transition-duration: .6s; transition-timing-function: ease-out; z-index: 50; display: none; pointer-events: none; } .wdg-contact-wrap>* { pointer-events: all; } .wdg-contact-wrap>.wdg-cont { right: 0; padding: 0.5rem; margin-top: 1rem; color: #FFF; font-size: 12px; transition-duration: .6s; transition-timing-function: ease-out; } .wdg-contact-wrap .wdg-link:not(:last-child) { color: #FFF; } .wdg-contact-wrap .wdg-link { padding-top: 0.25rem; display: block; text-align: center; } .wdg-contact-wrap .wdg-icon { display: block; width: 60px; height: 60px; text-align: center; margin: auto; padding: 2px; /*background-color: #FFF; background: rgba(255, 255, 255, 0.6) url(/images/icons/hexagon.png); background-repeat: no-repeat; background-size: contain;*/ /*border-radius: 50%; opacity: 0.9;*/ } .wdg-contact-wrap.hide>.wdg-cont { right: -80px; transition-duration: .6s; transition-timing-function: ease-out; } .wdg-contact-wrap .wdg-switch { display: block; left: 0; line-height: 32px; text-align: center; transition-duration: .6s; font-family: FontAwesome; } .wdg-contact-wrap .wdg-switch::before { content: '\f101'; } .wdg-contact-wrap.hide .wdg-switch { width: 32px; left: -50px; transition-duration: .4s; transition-delay: .6s; } .wdg-contact-wrap.hide .wdg-switch::before { content: '\f100'; } @media (max-width: 576px) { .wdg-contact-wrap { position: fixed; top: auto !important; left: 0; right: 0; bottom: 0; } .wdg-contact-wrap>.wdg-cont { display: block; padding-top: 4px; padding-bottom: 8px; left: auto !important; right: auto !important; margin: auto; text-align: center; background-color: #343A40; } .wdg-contact-wrap>.wdg-cont>.float-icon-wrap { width: 100%; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .wdg-contact-wrap .wdg-switch { display: none; } .wdg-contact-wrap .wdg-link { display: inline-block; color: #D0A600 !important; padding: 4px 0; border-bottom: 0 !important; -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .wdg-contact-wrap .wdg-link:not(:first-child)::before { content: ''; width: 1px; height: 40px; background-color: #999; position: absolute; left: 0; top: 50%; margin-top: -20px; } .wdg-contact-wrap .wdg-icon { max-width: 38px; max-height: 38px; } #gotop { bottom: 75px !important; } #eight-chat-content{ bottom:60px !important; } }.footer { background: #343A40; padding: 2rem; color: #FFF; font-size: 0.929em; } .footer .brand-logo { max-width: 200px; max-height: 60px; width: auto; } @media (min-width:993px) { .footer .contact-col { max-width: 300px; } } @media (max-width:576px) { .footer { padding: 2rem 0 80px; } } .footer .footer-text { margin-top: 1.6rem; } .footer .footer-text>li { margin-bottom: 12px; position: relative; } .footer .footer-text>li>* { line-height: 20px; } .footer .footer-text .contact-icon { margin-right: 10px; } .footer .copyright { font-size: 0.875rem; color: #AAA; border-top: 1px solid rgba(255, 255, 255, 0.3); padding-top: 0.5rem; } .footer .service h3 { font-size: 1rem; text-align: left; padding-bottom: 0.5rem; color: #FFF; border-bottom: solid 1px rgba(255, 255, 255, 0.7); width: 100%; } .footer .service h3::before { content: ''; position: absolute; width: 20px; height: 4px; background-color: #D0A600; bottom: -2px; } .footer .service li { padding: 0.6rem 0 0 0; font-size: 0.8rem; line-height: 110%; } .footer a { color: #FFF; } .footer .service .list-unstyled a { color: #CCC; } .footer .service .list-unstyled a:hover { color: #D0A600; }.home-tab-carousel .slider-nav { position: absolute; z-index: 2; bottom: 1rem; left: 1rem; right: 1rem; } .home-tab-carousel .slider-for .slick-list { height: auto !important; } .home-tab-carousel .slider-nav .items-block { border: 1px solid #CCC; background-color: #FFF; margin: 0 0.5rem; padding: 0.25rem; } .home-tab-carousel .slider-for .items-block { min-height: 60px; } .home-tab-carousel .switch-img-lg { width: 100% !important; margin-left: auto; margin-right: auto; } .home-tab-carousel .switch-img-sm { display: none !important; width: 100% !important; max-width: 100% !important } @media(max-width:768px) { .home-tab-carousel .switch-img-lg { display: none !important; } .home-tab-carousel .switch-img-sm { display: block !important; } } .home-tab-carousel .slick-prev:hover::after, .home-tab-carousel .slick-next:hover::after { opacity: 1; transition-duration: 1s; } .home-tab-carousel .slider-for { overflow: hidden; } .home-tab-carousel .slider-nav { position: absolute; z-index: 2; bottom: 1rem; left: 1rem; right: 1rem; } .home-tab-carousel .slider-nav .items-block { border: 1px solid #FFF; background-color: rgba(255, 255, 255, 0.7); margin: 0 0.5rem; padding: 0.25rem 1rem; color: #333; font-size: 1rem; font-weight: bold; } .home-tab-carousel .slider-nav .items-block>img { width: 100%; } .home-tab-carousel .slider-nav .slick-current .items-block { color: #FFF; background-color: rgba(95, 78, 120, 0.6); } .home-tab-carousel #items_naver .slick-track { /*margin: auto; width: auto !important;*/ } @media (max-width:992px) { .home-tab-carousel .slider-nav .items-block { font-size: 14px; } .home-tab-carousel .slider-nav .items-block { padding: 0.2rem 0.5rem; } } .home-tab-carousel #items_naver.dis-transform .slick-track { transform: none !important; } .home-video-carousel { border-radius: 4px; overflow: hidden; } .home-video-carousel, .home-video-carousel>.slick-list, .home-video-carousel .slick-track { height: 100%; } .home-video-carousel .items-block { background-size: contain; height: 100%; } .video-block>iframe { position: absolute; width: 100%; height: 100%; } @media(max-width:992px) { .home-video-carousel, .home-video-carousel>.slick-list, .home-video-carousel .slick-track { height: initial; } .home-video-carousel .items-block { height: initial; padding-bottom: 66.5% !important; } }#main_content hr { margin-bottom: 3rem; margin-top: 2rem; }@charset 'UTF-8'; body { font-family: Microsoft JhengHei; position: relative; background: url(/images/bg-03.jpg); background-attachment: fixed; background-size: cover; background-position: center center; } .pswp { z-index: 4500; } a, .btn-link { color: #8d4999; transition-duration: .4s; font-weight: bold; outline: none; } .btn-outline-facharm { color: #9e53ab; background-color: transparent; background-image: none; border-color: #9e53ab; } .btn-outline-facharm:hover { color: #fff; background-color: #9e53ab; border-color: #9e53ab; } .btn-outline-facharm:not([disabled]):not(.disabled):active, .btn-outline-facharm:not([disabled]):not(.disabled).active, .show>.btn-outline-facharm.dropdown-toggle { color: #fff; background-color: #9e53ab; border-color: #9e53ab; box-shadow: rgba(158, 83, 171, 0.5); } .scate-tag { order: 1; } .scate-tag.active { order: 0; } a:hover, .btn-link:hover { color: #D0A600; text-decoration: none; transition-duration: .3s; cursor: pointer; } .home-carousel .items-block { width: 100%; background-position: center; background-size: 100%; background-repeat: no-repeat; } .home-carousel .items-block iframe { width: 560px; height: 315px; } .home-carousel .slick-prev { left: 20px; z-index: 1; } .home-carousel .slick-next { right: 20px; z-index: 1; } .home-carousel .slick-prev.slick-arrow { left: 20px; } .home-carousel .slick-next.slick-arrow { right: 20px; } #info-modal .modal-dialog { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } /* .modal-link { color: #0d87a2 !important; } .modal-link:hover { color: #00b6de !important; } */ .overflow-hidden { overflow: hidden; } /* article, footer { overflow: hidden; } */ img { max-width: 100%; font-size: 1.5rem; } .empty-hidden:empty { display: none !important; } #pagearea .empty-hidden:empty { display: inherit !important; } .fnmodal, .modal-link { display: inline-block; cursor: pointer; } .bg16v10 { padding-bottom: 62.5%; } .boxShadow { box-shadow: 4px 4px 6px rgba(0, 0, 0, 0.5); } .pagination { display: inline-block; padding-left: 0; margin: 20px 0; border-radius: 4px; list-style: none; } .pagination>li { display: inline-block; vertical-align: middle; } .pagination.blue>li>a, .faq-wrapper .pagination.blue>li>span { background: #e3edf5; } .pagination>li>a, .pagination>li>span { display: inline-block; width: 30px; line-height: 30px; text-align: center; color: #C1975B !important; margin: 0 4px; border: none; border-radius: 3px; } .pagination>li:first-child>a, .pagination>li:first-child>span, .pagination>li:last-child>a, .pagination>li:last-child>span { width: auto; padding: 0 22px; border-radius: 3px; font-size: 12px; text-transform: uppercase; } .pagination.blue>li>a, .faq-wrapper .pagination.blue>li>span { background: #F5E8DD; } .pagination>li>a.active { color: #FFF !important; background-color: #d1a17a; } #gotop { display: none; position: fixed; right: 20px; bottom: 30px; width: 40px; height: 40px; line-height: 32px; text-align: center; font-size: 25px; background: rgba(0, 0, 0, .36); color: #FAFCFD; cursor: pointer; border-radius: 50%; z-index: 80 } #gotop>span.fa { top: -5px; } #gotop>.txt { position: absolute; width: 100%; line-height: normal; font-size: 12px; bottom: 5px; text-align: center } .switch-banner { display: block } #pagearea .switch-banner { display: block } .products-carousel { margin: 20px auto; border: 6px solid #000; background-color: #000; } .products-carousel>.items-view .items-block { padding-bottom: 60%; } .products-carousel>.items-view .items-wrap { transition-duration: .3s; } .products-carousel>.items-view>.slick-list { padding: 10% 0 !important; } .home-carousel.slick-initialized .slick-slide { height: 315px; width: 560px; } .products-carousel>.items-view .slick-slide>.items-wrap { opacity: 0; transition-duration: .3s; } .products-carousel>.items-view .slick-slide.slick-active>.items-wrap, .products-carousel>.items-view .slick-slide.slick-current>.items-wrap { opacity: 1; transition-duration: .3s; } .products-carousel>.items-view .slick-slide.slick-current>.items-wrap { transform: scale(2); transform-origin: center center; transition-duration: .3s; z-index: 20; } /* .products-carousel > .items-view .slick-slide > .items-wrap { transform:scale(0.6); transform-origin: center; transition-duration: .3s; } .products-carousel > .items-view .slick-slide.slick-active:nth-child(1n) > .items-wrap { transform-origin: center left; } .products-carousel > .items-view .slick-slide.slick-active:nth-child(3n) > .items-wrap { transform-origin: center right; } .products-carousel > .items-view .slick-slide.slick-current > .items-wrap { transform:scale(1.4); transform-origin: center center !important; transition-duration: .3s; transition-delay: .3s; } */ .products-carousel>.items-view .items-block { background-position: center; background-size: cover; } .items-nav { width: calc(100% - 40px); display: block; margin: 10px auto; } .items-view .items-block { background-size: contain; background-position: center center; background-repeat: no-repeat; padding-bottom: 100%; } .items-nav .slick-slide { padding: 4px; } .items-nav .slick-next, .items-nav .slick-prev { } .items-nav .items-block { background-size: contain; background-position: center center; background-repeat: no-repeat; padding-bottom: 100%; transition-duration: 0.5s; opacity: 0.6; } .items-nav .slick-current .items-block { opacity: 1; transition-duration: 0.5s; transform-origin: center center; transform: scale(1.1, 1.1); } .index-preoperative { font-size: 0.9rem; display: inherit; background-color: #705c8c; padding-top: 2rem; border-radius: 2rem 2rem 0 0; } .index-preoperative a { color: #FFF; } .index-preoperative .icons { display: block; width: 45px; } .index-preoperative .nav-link { padding-right: 3rem; padding-left: 3rem; } .index-preoperative+.detail { /*border: 1px solid #ddd; border-top: 0;*/ margin-left: 0; margin-right: 0; padding: 2.5rem 2rem 3.5rem 2rem; background-color: #5f4e78; border-radius: 0 0 2rem 2rem; } .index-preoperative+.detail .col { color: #FFF; text-align: left; line-height: 180%; } .index-preoperative+.detail h5 { font-weight: 800; margin-bottom: 1.5rem; color: #D0A600; } .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link { background-color: #5f4e78; border-color: #ddd #ddd #5f4e78; color: #FFF; } .index-news { border: solid 1px #CCC; border-radius: 4px; overflow: hidden; background-color: #FFF; padding: 1rem 1.5rem; margin-bottom: 0; } .index-news h4 { font-size: 0.9rem; color: #D0A600; display: inline-block; margin-bottom: 0; } .index-news li { margin-bottom: 0.6rem; border-bottom: dotted 1px #CCC; padding-bottom: 0.3rem; } .index-news li p { font-size: 0.9rem; color: #717171; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; line-height: 18px; max-height: 54px; } .index-news img.img-thumbnail { width: auto; max-height: 80px; vertical-align: text-top; float: left; margin-right: 1rem; } .qna-card .card-header { padding: 0.5rem 1.25rem 0 1.25rem; background-color: #f4e7f7; } .qna-card .blockquote-footer { font-size: 0.9rem; margin-bottom: 0.5rem; } .qna-card .fa.fa-question-circle { font-size: 1.5rem; vertical-align: middle; margin-right: 0.5rem; } .qna-card .btn-link { width: 100%; text-align: left; white-space: inherit !important; font-weight: normal; } .qna-card .btn-link span { font-size: 1.3rem; font-weight: bold; }aside { margin-bottom: 1rem; } aside .categories-block { background-color: #FFF; padding: 0.25rem 0.75rem 0.25rem 1rem; width: 270px; box-shadow: 2px 3px 6px rgba(0, 0, 0, 0.4); border-radius: 4px; transition-duration: .3s; } aside .categories-block:hover { box-shadow: 2px 6px 7px rgba(0, 0, 0, 0.25); transition-duration: .3s; } aside .categories-block:hover .cat-button { background-color: #EEE !important; transition-duration: .3s; } .col-aside { flex: 0 0 300px; max-width: 300px; } .col-content { flex: 0 0 calc(100% - 300px); max-width: calc(100% - 300px); } @media (max-width:992px) { .col-aside, .col-content { flex: 0 0 100%; max-width: 100%; } .aside-top { display: none; } aside .categories-block { background-color: transparent; width: auto; padding: 0; } aside .cat-button { width: 100%; overflow: hidden; text-overflow: ellipsis; transition-duration: .3s; } aside #cat-wrap { width: 100%; padding: 1rem 1rem 1rem 1.5rem; box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3); z-index: 50; } } .categories-block .cat-button { padding-right: 36px; } .categories-block .cat-button:before { position: absolute; width: 30px; height: 30px; top: 2px; right: 0; display: block; font-family: FontAwesome; content: '\f107'; font-size: 20px; transition-duration: .3s; transform: rotate(0deg); transform-origin: center center; line-height: 30px; } .categories-block .cat-button.trigger:before { transition-duration: .3s; transform: rotate(-180deg); } @media (max-width: 576px) { .scatecase-tag-categories #cat-wrap { width: 100%; padding: 1rem 1rem 1rem 1.5rem; box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3); z-index: 50; } } .categories-block .cat-caret { position: absolute; width: 30px; height: 30px; top: 2px; right: 0; text-align: center; transition-duration: .3s; transform: rotate(0deg); transform-origin: center center; line-height: 30px; } .categories-block .cat-item { padding: 0.375rem 0; } .categories-block .cat-caret:before { display: block; font-family: FontAwesome; content: '\f107'; color: #999; font-size: 20px; } .cat-caret.trigger { transition-duration: .3s; transform: rotate(-180deg); } .cat-wrap>.cat-item { padding-left: 20px; border-bottom: 1px dashed #CCC; } .cat-wrap>.cat-item>.cat-link { width: calc(100% - 35px); font-size: 1.125rem; } .cat-wrap>.cat-item::before { position: absolute; content: ''; display: block; left: 5px; width: 0; height: 12px; border-left: solid 1px #686868; top: 10px; } .cat-menu>.cat-item>.cat-link { white-space: pre-wrap; word-break: break-all; font-size: 0.925rem; line-height: 1.2rem; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; max-height: 2.4rem; } .aside-top { margin-bottom: 1.5rem; } .aside-top span { position: absolute; z-index: 99; color: #FFF; font-weight: bold; font-size: 1.2rem; left: 15px; top: 6px; width: 90%; text-align: center; } aside ul { padding: 0; } aside ul li { list-style: none; } aside ul li::after { display: block; clear: both; content: ''; } aside .collapse ul li::before { border: none; } aside .collapse ul li { border-bottom: 1px dotted #CCC; margin-left: 2rem; font-size: 0.9rem; } aside ul a { color: #686868; display: inline-block; width: 90%; cursor: pointer; } aside ul li.active::before { border-left: solid 1px #8d4999; } aside ul li.active>a { color: #8d4999; } aside ul li.active>a:hover { color: #D0A600; }.dr-pg-row>.col-aside { display: none; } .dr-pg-row>.col-content { flex: 0 0 100%; max-width: 100%; } .resume-block { border: 1px solid #CCC; padding: 2rem; border-radius: 4px; background-color: #FFF; } @media (max-width:768px){ .resume-block { padding: 1.5rem; } } @media (max-width:464px){ .resume-block { padding: 1rem; } } .resume-title { text-align: center; font-weight: bold; color: #707193; border-bottom: 2px solid #CCC; padding-bottom: 8px; } .resume-title>span { display: inline-block; } .resume-title>span::before, .resume-title>span::after { content: ''; position: absolute; display: block; width: 12px; height: 2px; top: calc(50% - 1px); background-color: #707193; } .resume-title>span::before { left: auto; right: calc(100% + 6px); } .resume-title>span::after { left: calc(100% + 6px); } .cert-name { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; line-height: 20px; height: 40px; } .dr-cert-slick .slick-dots button { font-size: 12px; color: #FFF; width: 30px; height: 30px; } .dr-cert-slick .slick-dots button::before { content: ''; width: 80%; height: 80%; border-radius: 50%; background-color: #7659a0; top: 10%; left: 10%; z-index: -1; }.news-list { max-width: 1255px; margin: 0 auto; } .news-list .item { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 10px; margin-bottom: 1rem; } .news-list .item:nth-child(2n+1) { clear: left; } .news-list .item .box { display: table; width: 100%; table-layout: fixed; background: #f4e7f7; } .news-list .pic { text-align: center; width: 24%; display: table-cell; vertical-align: middle; padding: 12px; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: url('/images/sprites/pic_bg.png'); } .news-list .pic .pic-img { position: relative; display: inline-block; } .news-list .pic .pic-img:after { content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; opacity: 0; -webkit-transition: all .3s; transition: all .3s; } .news-list .box:hover .pic-img:after { opacity: 1; background-position: 50% 50%; } .news-list .box:hover .pic-img:before { top: 50%; } .news-list .txt { position: relative; padding: 1rem; display: table-cell; vertical-align: middle; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /* .news-list .date, .news-detail .date { width: 64px; height: 64px; line-height: 1.1; padding: 13px 0px 0px 0px; color: #ce95dc; font-size: 13px; background: #f4e7f7; border: 2px solid #ce95dc; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; position: absolute; top: 15px; left: -32px; z-index: 50; } .news-list .date b, .news-detail .date b { display: block; font-size: 24px; } */ .news-list .name { font-size: 1.2rem; line-height: 1.3; margin-bottom: 0.5rem; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; max-height: 67px; } .news-list .box:hover .name { text-decoration: underline; } .news-list .description { font-size: 0.9rem; line-height: 1.3; color: #585756; margin-bottom: 18px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; max-height: 78px; } .news-list .more { max-width: 244px; display: block; line-height: 22px; color: #585756; background: transparent; font-size: 12px; text-align: center; border: 1px solid #585756; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .news-list .box:hover .more { color: #fff; background: #8e499a; border-color: #8e499a; } .news-detail .date { position: static; margin: 0 auto 20px; display: block; } .news-detail .title { color: #75430e; font-size: 26px; font-weight: bold; text-align: center; line-height: 1.5; letter-spacing: 0.1em; margin: 0 0 30px; } @media screen and (max-width: 1440px) { .news-list .item { width: 100%; padding: 0; } .news-list .pic { width: 200px; } } @media screen and (max-width: 600px) { .news-list .item { max-width: 300px; margin: 0 auto; margin-bottom: 35px; float: none; } .news-list .item .box, .news-list .pic, .news-list .txt { display: block; width: auto; } .news-list .txt { padding: 15px; position: static; } .news-list .date, .news-detail .date { left: auto; right: 5px; } .news-list .more { max-width: none; } }.cat-icon-link { min-width: 70px; } .cat-icon-link>.card { box-shadow: 0px 0px 0px rgba(0, 0, 0, 0); transition-duration: .2s; } .cat-icon-link.active>.card, .cat-icon-link>.card:hover { color: #D0A600; border: 0.1rem solid #D0A600; background-color: #d0a60014; padding: 0.1rem !important; box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1); transition-duration: .2s; } .bg-hrline::after{ background: url(/images/bg_line.png) repeat; background-color: rgba(0, 0, 0, 0.05); content: ''; height: 5px; position: absolute; top: auto; bottom:0; left:0; right:0; display: block; } #casecate-sel-wrap .cat-wrap { top: auto; box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.5); right: 0; margin: 0 1rem; } .scate-tag .tag-plus { line-height: 12px; color: #CCC; border-color: #CCC; } .scate-tag.active .tag-plus { display: none; } .social-share { display: none; } @media(max-width:576px) { .cat-icon-wrap .slick-list { margin: 0 16px; } .cat-icon-wrap .slick-prev { left: 0; width: 40px; height: 40px; margin-top: -1rem; z-index: 10; } .cat-icon-wrap .slick-next { right: 0; width: 40px; height: 40px; margin-top: -1rem; z-index: 10; } .cat-icon-wrap .slick-arrow::before { color: #9e53ab; font-size: 40px; } .cat-icon-name { font-size: 14px; } .cat-icon-item { padding: 0 0.25rem; } .cat-icon-link { min-width: auto; width: 100%; } } .cases-list .item .box { width: 100%; border: 1px solid rgba(0, 0, 0, 0.125); border-radius: 0.25rem; background: #FFF; transform: translate(0, 0) scale(1); box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1); transition-duration: .4s; } .cases-list .item .box:hover { box-shadow: 4px 4px 6px rgba(0, 0, 0, 0.1); transform: translate(-2px, -2px) scale(1.02); transition-duration: .4s; } .cases-list .pic { text-align: center; width: 24%; display: table-cell; vertical-align: middle; padding: 12px; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .cases-list .pic .pic-bg { position: relative; padding-bottom: 100%; background-size: cover; background-position: center; } .cases-list .pic .pic-img { position: relative; display: inline-block; } .cases-list .pic .pic-img:after { content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; opacity: 0; -webkit-transition: all .3s; transition: all .3s; } .cases-list .box:hover .pic-img:after { opacity: 1; background-position: 50% 50%; } .cases-list .box:hover .pic-img:before { top: 50%; } .cases-list .date, .cases-detail .date { font-size: 0.875rem; color: #999; /* width: 64px; height: 64px; line-height: 1.1; padding: 13px 0px 0px 0px; color: #ce95dc; font-size: 13px; background: #f4e7f7; border: 2px solid #ce95dc; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; position: absolute; top: 15px; left: -32px; z-index: 50; */ } .cases-list .name { font-size: 1rem; font-weight: bold; color: #f06970; line-height: 1.2rem; margin-bottom: 0.5rem; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; max-height: 2.4rem; } .cases-list .box:hover .name { } .cases-list .dr-name { display: inline-block; font-size: 1.1rem; font-weight: bold; color: #333; line-height: 1.1rem; margin-bottom: 0.5rem; } .cases-list .dr-name::after { content: attr(data-branch); position: absolute; font-size: 0.875rem; color: #666; left: calc(100% + 8px); bottom: 0; white-space: nowrap; } .cases-list .division { position: absolute; color: #666; text-align: left; padding: 0.5rem; bottom: 1rem; text-shadow: 0 0 8px #FFF, 0 0 8px #FFF, 0 0 8px #FFF, 0 0 8px #FFF, 0 0 8px #FFF, 0 0 8px #FFF; } .cases-list .division:not(:empty):before { content: '\f005'; font-family: FontAwesome; color: #D0A600; } .cases-list .specialty { color: #8d4999; line-height: 1rem; } .cases-list .description { font-size: 0.875rem; line-height: 1.2rem; color: #585756; margin-bottom: 1rem; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; max-height: 2.4rem; } @media (max-width:467px) { .cases-list .description { color: #585756; margin-bottom: 0; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; max-height: 3.6rem; } } .cases-list .more { max-width: 244px; display: block; line-height: 22px; color: #585756; background: transparent; font-size: 12px; text-align: center; border: 1px solid #585756; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .cases-list .box:hover .more { color: #fff; background: #8e499a; border-color: #8e499a; } .cases-list .tags { font-size: 0.875rem; color: #999; line-height: 1.1rem; } .cases-list .tags a { color: #787878; padding-left: 0.5rem; } .cases-list .tags a:hover { color: #D0A600; } .cases-list .tags a::before { content: ''; display: inline-block; vertical-align: middle; width: 5px; height: 5px; left: -0.5rem; background-color: mediumpurple; } .related-case-slick h5 { height: 40px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } @media (max-width:464px) { .cases-list:not(.about-list) .item .box { display: flex !important; flex-wrap: wrap; margin-right: -1rem; margin-left: -1rem; } .related-case-slick h5 { height: 32px; font-size: 14px; } } .cases-detail .date { position: static; margin: 0 auto 20px; display: block; } .cases-detail .title { color: #333; font-size: 2.2rem; font-weight: bold; text-align: center; line-height: 2.4; letter-spacing: 0.1em; margin: 0 0 30px; } .cases-list .item .box, .cases-list .pic, .cases-list .txt { display: block; width: auto; } .cases-list .txt { padding: 0 15px; } .cases-list .date, .cases-detail .date { left: auto; right: 5px; } .cases-list .more { max-width: none; }.share-box { position: fixed; top: 150px; width: 100px; z-index: 15; background-color: rgba(255, 255, 255, 0.70); padding: 1rem 0.5rem; border-radius: 0.5rem; border-top-right-radius: 0; border-bottom-right-radius: 0; text-align: center; } .share-box a { margin: 1.2rem 0; display: block; } .share-box a:last-child img { margin-bottom: 0; } .share-box .fa { font-size: 50px; color: #666; display: block; color: #8d4999; } .share-box a:hover .fa{ color: #D0A600; } .share-box .fa.fa-list-alt { margin-bottom: -8px; } .share-box .fa.fa-arrow-right, .share-box .fa.fa-arrow-left { font-size: 15px; } .share-box .share-show { z-index: 100; background-color: rgba(255, 255, 255, 0.70); padding: 1rem 0.5rem; border-radius: 0.5rem; border-top-right-radius: 0; border-bottom-right-radius: 0; text-align: center; display: none; } .share-box { right: 0; transition-duration: 0.3s; } .share-box.hide { right: -100px; transition-duration: 0.3s; } .share-box.hide .share-show { display: block; right: 100%; bottom: 0; } .share-box .share-toggle { cursor: pointer; } .share-box .share-toggle:hover .fa { color: #da251d; }#login .modal-header, #login h4, #login .close { background-color: #000; color:white !important; text-align: center; font-size: 30px; } #login .close { top: auto; right: 2rem; } #login .modal-footer { background-color: #f9f9f9; } #login .modal-content { border: solid 2px #FFF; box-shadow: 2px 4px 11px rgba(0,0,0,0.3); }.contact-block { display: block; border: 2px solid #d5cde0; border-radius: 16px; overflow: hidden; max-width: 600px; margin: auto; } .contact-icon-block { display: block; max-width: 640px; margin: auto; } .contact-icon-block img { max-width: 300px; } .contact-block>.row { margin: 0; } .contact-block>.row:not(:last-child) { border-bottom: 2px solid #d5cde0; } .contact-block .brench-name { color: #FFF; padding: 12px 10px; font-size: 24px; font-weight: bold; width: 48px; height: 100%; background: url('/files/images/icons/contact_tbl_bg.jpg?1547638042') left top / cover no-repeat; text-align: center; } .contact-block .brench-name>span { display: inline-block; vertical-align: middle; } .contact-block .brench-name::before { content: ''; display: inline-block; height: 100%; vertical-align: middle; width: 0; } .contact-block .brench-info { padding: 0 8px; } .contact-block .phone-no { text-align: center; color: #FF99AD; font-size: 30px; ms-flex: 0 0 calc(50% - 1rem); flex: 0 0 calc(50% - 1rem); max-width: calc(50% - 1rem); } .contact-block .phone-no>a, .contact-block .phone-no>a:link { color: #FF99AD; } .contact-block .open-hr { font-size: 16px; padding-left: 1rem; } .contact-block .open-hr::before { content: ''; position: absolute; top: 3px; bottom: 3px; width: 0; left: 0; border-left: 1px dashed #CCC; } @media (max-width:768px) { .contact-block .phone-no { font-size: 26px; } .contact-block .open-hr { font-size: 14px; } .contact-icon-block img { max-width: 250px; } } @media (max-width:576px) { .contact-icon-block { max-width: 320px; } .contact-block { max-width: 320px; } .contact-block .phone-no { ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .contact-block .open-hr { text-align: center; } .contact-block .open-hr::before { content: ''; position: absolute; top: 0px; bottom: auto; width: auto; height: 0; left: 8px; right: 8px; border-top: 1px dashed #CCC; } } .contactform { padding: 2rem 1rem; margin-bottom: 4rem; background-color: #FFF; border: 1px solid #CCC; border-radius: 4px; } .contactform .label-text { width: 100px; font-weight: 700; text-align: right; line-height: 30px; } @media (max-width:992px) { .contactform .form-group .col-auto { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .contactform .label-text { line-height: auto; text-align: inherit; } } .contact .form-row { padding: 0.5rem; } .contact .form-group { margin-bottom: 1px; } .contact .form-control { padding: 0 0.75rem; background-color: #f5f5f5; box-shadow: 0 1px 2px rgba(0,0,0,.12) inset; transition: background-color ease-in-out 0.25s } .contact .form-control:hover{ background-color: #f9f9f9; transition: background-color ease-in-out 0.25s } .contact .col-form-label { color: #888; } .contact input { height: calc(2.25rem + 2px); } .contact textarea { height: 250px; } .contactform .invalid-feedback { font-size: 14px; color: #FF3F00; position: absolute; right: 20px; bottom: 0; pointer-events: none; } .contactform .form-group.has-error .invalid-feedback { display: block; } .contactform .form-group.has-error .form-control { border-color: #FF3F00; } .clear-btn { position: absolute; width: 24px; text-align: center; line-height: 22px; top: 50%; transform: translateY(-50%); right: 4px; border: 1px solid #666; color: #FFF; background-color: #CCC; border-radius: 4px; cursor: pointer; } .clear-btn:hover { background-color: #999; } .image-preview-col.cancel { display: none; } .photoblock-part { border: 1px solid #CCC; margin-top: 15px; background-size: contain; background-position: center; background-repeat: no-repeat; } .image-remove.clear-btn { top: 20px; right: 20px; transform: translateY(0); } .imgpv-btn { position: absolute; width: 24px; text-align: center; line-height: 22px; border: 1px solid #666; color: #FFF; background-color: #CCC; border-radius: 4px; cursor: pointer; } .imgpv-btn:hover { background-color: #999; } .slick-slide .imgpv-btn { position: absolute; bottom: 10px; right: 10px; width: 32px; height: 32px; font-size: 24px; line-height: 30px; } .imagerotate-left.imgpv-btn { top: auto; bottom: 12px; left: 50%; margin-left: -30px; line-height: 22px; display: none !important; } .imagerotate-right.imgpv-btn { top: auto; bottom: 12px; left: 50%; margin-left: 6px; line-height: 22px; display: none !important; } .imageorder.imgpv-btn { top: 18px; left: 18px; width: 32px; font-size: 24px; line-height: 30px; color: #000; background-color: transparent; border: 0; cursor: move; text-shadow: 0 0 4px #FFF, 0 0 6px #FFF, 0 0 8px #FFF, 0 0 10px #FFF, 0 0 12px #FFF; } .multiphoto-wrap { max-height: 450px; overflow-y: auto; } .multiphoto-wrap .ui-state-highlight { margin-top: 15px; border: 0; background-color: #FFF; } .multiphoto-wrap .ui-state-highlight::before { content: ''; display: block; padding-bottom: 100%; background-color: rgb(252, 251, 243); border: 1px solid rgb(252, 239, 61); } .singlephoto-wrap .imageorder { display: none !important; } .image-preview-col span { display: none; } .image-preview-col[rotate='0']>.photoblock-part { transform: rotate(0deg); } .image-preview-col[rotate='1']>.photoblock-part { transform: rotate(90deg); } .image-preview-col[rotate='2']>.photoblock-part { transform: rotate(180deg); } .image-preview-col[rotate='3']>.photoblock-part { transform: rotate(270deg); } #ul-files-wrap { /*position: absolute; left: 20px; right: 20px; top: auto; bottom: 20px; background-color: rgba(221, 221, 221, 0.4);*/ color: #000; } .ul-file-block { position: relative; height: 20px; padding: 2px; font-family: arial; margin: 10px 6px; } .ul-file-type { width: 16px; line-height: 20px; text-align: center; position: absolute; } .ul-file-detail { padding: 0 0 0 20px; } .ul-file-name { display: inline-block; width: 70%; font-size: 12px; line-height: normal; text-align: left; vertical-align: middle; } .ul-file-progress { display: inline-block; width: 30%; line-height: 20px; text-align: center; vertical-align: middle; } .ul-progress { width: 100%; border-radius: 6px; border: 1px solid #CCC; } .ul-progress[value]::-webkit-progress-bar { background-color: #eee; border-radius: 2px; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset; } .ul-progress[value]::-webkit-progress-value { background-image: -webkit-linear-gradient(-45deg, transparent 33%, rgba(0, 0, 0, .1) 33%, rgba(0, 0, 0, .1) 66%, transparent 66%), -webkit-linear-gradient(top, rgba(255, 255, 255, .25), rgba(0, 0, 0, .25)), -webkit-linear-gradient(left, #09c, #f44); border-radius: 2px; background-size: 35px 20px, 100% 100%, 100% 100%; } .ul-status { font-size: 12px; z-index: 1; position: absolute; left: 45%; } .ul-file-delete { width: 16px; height: 16px; line-height: 16px; padding: 0; text-align: center; position: absolute; top: 0; right: 0; left: auto; font-size: 12px; margin-top: 4px; }.nav-slick .items-block { padding-bottom: 60%; background-size: cover; background-position: center; background-repeat: no-repeat; } .nav-slick .slider-nav { width: 100%; } .nav-slick .slider-nav .items-block { background-size: cover; margin: 0.5rem; } .nav-slick .slider-nav .slick-slide.slick-current .items-block { border: 1px solid #000; } .nav-slick .slider-nav { margin-top: 1.5rem; } .scroll-tb-wrap { overflow: auto; max-height: 700px; padding-left: 0; border-left: 1px solid #999 !important; border-top: 1px solid #999 !important; } .scroll-tb-wrap>table { width: 100%; } .scroll-tb-wrap th:first-child { position: sticky; left: 0; z-index: 10; } .scroll-tb-wrap tbody>tr>th[rowspan]:first-child { z-index: 11; } .scroll-tb-wrap thead tr th, .scroll-tb-wrap tbody>tr>th { position: sticky; top: 0; z-index: 12 !important; } .scroll-tb-wrap tbody>tr>th { z-index: 13 !important; } .scroll-tb-wrap th:first-child { z-index: 2; } .scroll-tb-wrap table { /*overflow: auto; -ms-overflow-style: scrollbar;*/ } .scroll-tb-wrap table th, .scroll-tb-wrap table td { vertical-align: middle !important; border-right: 1px solid #999 !important; border-bottom: 1px solid #999 !important; } .scroll-tb-wrap table th { } .scroll-tb-wrap table th:first-child { } .scroll-tb-wrap table thead th:first-child { z-index: 10; } .time-table { background-image: url(data:image/png; base64, iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTggKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkY2MDVDRUI5OTYwMjExRTk5QkMxRTZDMEY0OEE5N0IwIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkY2MDVDRUJBOTYwMjExRTk5QkMxRTZDMEY0OEE5N0IwIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RjYwNUNFQjc5NjAyMTFFOTlCQzFFNkMwRjQ4QTk3QjAiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RjYwNUNFQjg5NjAyMTFFOTlCQzFFNkMwRjQ4QTk3QjAiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6lhd4iAAAAKElEQVR42mJYNf3IfyBggGEGZA5IkokBClbPOAqUZmBkQuaA2AABBgA0nh4LQxZCnwAAAABJRU5ErkJggg==); } .collapse-item { border: 1px solid #CCC; border-radius: 4px; margin-bottom: 0.5rem; overflow: hidden; } .collapse-head { color: #002d74; text-align: left; padding: 0.5rem 1rem; background-color: #f7f7f7; } .collapse-topic { font-size: 1.2rem; color: #7f8c8d; margin: 0; cursor: pointer; transition: color 0.6s ease-out; } .collapse-topic:hover { text-decoration: none; color: #7659a0; transition: color 0.6s ease-out; } .collapse-head.trigger { background-color: #a695c7; } .collapse-head.trigger .collapse-topic, .collapse-head.trigger .collapse-topic:hover { color: #FFF; } .collapse-content { border-top: 1px solid #CCC; border-width: 1px 0 0 0 !important; } .collapse-text { padding: 1rem; background-color: #FFF; } .set-banner .banner-content { left: 1rem; } .set-banner .banner-topic { font-weight: bold; } .set-banner .banner-icon-wrap { padding: 1rem 0; bottom: 0; } .set-banner .banner-icon-wrap>.btn { margin-bottom: 0.5rem; margin-right: 0.5rem; color: #8d4999; border-color: #8d4999; background-color: #FFF; } .set-banner .banner-icon-wrap>.btn:hover { color: #FFF; background-color: #8d4999; } .set-list-group .col-auto { max-width: 100%; } .set-list-group { counter-reset: my-sub-counter; } .set-list-group .set-list-topic { font-weight: bold; color: rgb(77, 77, 77); padding-left: 2.8rem; } .set-list-group .set-list-no::before { content: counter(my-sub-counter); counter-increment: my-sub-counter; position: absolute; display: inline-block; font-family: 'Allura', '微軟正黑體'; font-size: 2rem; color: #FFF; font-weight: bold; width: 2.4rem; height: 2.4rem; line-height: 2.4rem; text-align: center; background-color: #9e53ab; border-radius: 50%; } .set-notice-block>.text-col { padding-left: 5rem; padding-top: 3rem; } .set-notice-group { counter-reset: list-counter; } .set-notice-group::after { content: ''; display: block; border-radius: 0.75rem; position: absolute; top: 8%; bottom: 8%; left: 14%; right: 8%; background-color: rgba(217, 219, 219, 0.3); z-index: -2; } .set-notice-block:nth-child(even)>.text-col { order: 2; } .set-notice-block>.text-col::before { content: counter(list-counter); counter-increment: list-counter; position: absolute; display: block; font-size: 3.5rem; color: #FFF; text-align: center; line-height: 5rem; width: 5rem; height: 5rem; border-radius: 50%; background: #82b8bf; top: 0rem; left: 2rem; z-index: -1; } @media (max-width:768px) { .set-notice-block:nth-child(even)>.text-col { order: 0; } .set-notice-block>.text-col { padding-left: 4rem; padding-top: 2rem; } .set-notice-block>.text-col::before { font-size: 3rem; line-height: 4rem; width: 4rem; height: 4rem; left: 1rem; } .set-notice-group::after { top: 4%; bottom: 4%; left: 7%; right: 4%; } } .rounded-topic .topic-inner { border: 2px solid #AAA; color: #999; font-weight: bold; padding: 0.5rem 1rem; border-radius: 0.5rem; } .appt-block { display: block; max-width: 600px; margin: auto; } .appt-wrap { padding-bottom: 64.4%; background-image: url(/files/images/icons/%E9%A0%90%E7%B4%84%E5%8D%80%E5%A1%8A/%E5%AE%A2%E6%9C%8D%E6%8C%89%E9%88%95.jpg?v=165055); background-repeat: no-repeat; background-size: cover; } .appt-row { position: absolute; width: 35%; right: 5%; bottom: 5%; } .appt-link { display: block; padding-bottom: 30%; background-repeat: no-repeat; background-size: contain; } .appt-link.line { background-image: url(/files/images/icons/%E9%A0%90%E7%B4%84%E5%8D%80%E5%A1%8A/line.png?1592983511); } .appt-link.msgr { background-image: url(/files/images/icons/%E9%A0%90%E7%B4%84%E5%8D%80%E5%A1%8A/msgr.png?1592983531); } .appt-link.msg { background-image: url(/files/images/icons/%E9%A0%90%E7%B4%84%E5%8D%80%E5%A1%8A/msg.png?1592983511); }@media (max-width: 576px) { #tawkchat-container>iframe:first-child { transform-origin: left bottom; } } .fb_customer_chat_bubble_animated_no_badge { transform: scale(0.85); right: 6px !important; } @media(max-width:576px) { .fb_customer_chat_bubble_animated_no_badge { bottom: 65px !important; } } .gotop-wrap { position: -webkit-sticky; position: sticky; position: -ms-sticky; bottom: 0; z-index: 40; pointer-events: none; } #gotopsvg { width: 200px; height: 45px; left: 50%; transform: translateX(-50%); margin: 0; padding: 0; bottom: -7px; cursor: pointer; display: none; pointer-events: all; } #gotopsvg #path4 { fill: rgb(52, 58, 64); } #gotopsvg .cls-1 { font-size: 14px; fill: #f9f4f4; font-family: MicrosoftJhengHeiLight, Microsoft JhengHei; transform: translate(90px, 40px) scale(1.12); } #gotopsvg .cls-2 { letter-spacing: -0.05em; } #gotopsvg .cls-3 { fill: #fff; stroke: #000; stroke-miterlimit: 10; } @media(max-width:576px) { .gotop-wrap { padding-bottom: 56px; } #gotopsvg { width: 120px; height: 27px; } #gotopsvg .cls-1 { font-size: 16px; transform: translate(88px, 40px) scale(1.12); } footer { margin-top: -57px; } }.fctopic { border-left: 0.6rem solid #756597; padding-left: 1.2rem; } .fctopic>.content { font-size: 1.5rem; color: #333; font-weight: bold; margin-bottom: 1.5rem; } .fctopic h3{ font-weight: bold; } img.img-border { border: 1px solid #CCC; border-radius: 4px; padding: 6px; padding-bottom: 6px !important; } .btn-purple { color: #fff; background-color: #a695c7; border-color: #a695c7; } .btn-purple:hover { color: #fff; background-color: #9981c8; border-color: #8a6ec0; } .btn-purple:focus, .btn-purple.focus { box-shadow: 0 0 0 0.2rem rgba(166, 149, 199, 0.5); } .btn-purple.disabled, .btn-purple:disabled { background-color: #a695c7; border-color: #a695c7; } .btn-purple:not([disabled]):not(.disabled):active, .btn-purple:not([disabled]):not(.disabled).active, .show>.btn-purple.dropdown-toggle { color: #fff; background-color: #8a6ec0; border-color: #8365bc; box-shadow: 0 0 0 0.2rem rgba(166, 149, 199, 0.5); } .btn-outline-purple { color: #a695c7; background-color: transparent; background-image: none; border-color: #a695c7; } .btn-outline-purple:hover { color: #fff; background-color: #a695c7; border-color: #a695c7; } .btn-outline-purple:focus, .btn-outline-purple.focus { box-shadow: 0 0 0 0.2rem rgba(166, 149, 199, 0.5); } .btn-outline-purple.disabled, .btn-outline-purple:disabled { color: #a695c7; background-color: transparent; } .btn-outline-purple:not([disabled]):not(.disabled):active, .btn-outline-purple:not([disabled]):not(.disabled).active, .show>.btn-outline-purple.dropdown-toggle { color: #fff; background-color: #a695c7; border-color: #a695c7; box-shadow: 0 0 0 0.2rem rgba(166, 149, 199, 0.5); } .social-share ul { list-style: none; margin: 0; padding: 0; } .social-share ul>li { display: inline-block; margin-left: 6px; } .social-share .fb-share-button { line-height: 32px; } .social-share .fb-share-button>span { height: 30px !important; background-color: rgb(45, 120, 248); border-radius: 4px; } .social-share .icon-circle { color: #FFF !important; width: 32px; height: 32px; line-height: 32px; display: block; text-align: center; border-radius: 50%; box-shadow: 0 0 0 rgba(0, 0, 0, 0.6); transition-duration: .5s; } .social-share .icon-circle>span { font-size: 18px; } .social-share .icon-circle:hover, .social-share .fb-share-button>span:hover { transform: scale(1.02); box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.6); transition-duration: .5s; } .icon-circle.icon-fb { background-color: rgb(45, 96, 155) !important; } .icon-circle.icon-twitter { background-color: rgb(44, 168, 210) !important; } .icon-circle.icon-gplus { background-color: rgb(206, 77, 57) !important; } .icon-circle.icon-line { background-color: rgb(0, 185, 0) !important; } .icon-circle.icon-line>.fa { top: 2px; } .slick-carousel>div:not(:first-child) { position: absolute; } .slick-carousel.slick-initialized>div:not(:first-child) { position: relative; } @media (max-width:576px) { .cat-icon-wrap>li:not(:first-child) { position: absolute; } .cat-icon-wrap.slick-initialized>li:not(:first-child) { position: relative; } } .eff-case-ba { display: none; }