/* 作者編碼.01 Index.css */
            @charset "UTF-8";
            
            * {
                -webkit-box-sizing: border-box;
                -moz-box-sizing: border-box;
                box-sizing: border-box;
            }
            *:before, *:after {
                -webkit-box-sizing: border-box;
                -moz-box-sizing: border-box;
                box-sizing: border-box;
            }
            
            .Des, .DesS {
                display: inline;
            }
            .Mob, .MobS {
                display: none;
            }
            
            body {
                overflow-x: hidden;
                overflow-y: scroll;
                -webkit-overflow-scrolling: touch;
                margin: 0;
                padding: 0;
                color: rgba(0, 0, 0, .5);
                background: #fff;
                font-family: 'Tenor Sans', 'Noto Serif TC';
            }
            body:before {
                background: none;
            }
            
            .Main {
                width: 100vw;
                height: 100vh;
                display: table-cell;
                vertical-align: middle;
                padding: 5vh 5vw 5vh 5vw;
            }
            
            /* Font */
            .Justify {
                text-align: justify;
            }
            
            b {
                font-weight: normal;
            }
            
            /* Img */
            img {
                width: 100%;
                height: auto;
                /* display: block; */
                /* transition: all .5s; */
            }
            
            img.Round, img.Rounds {
                border-radius: 50%;
            }
            img.Rounds {
                max-width: 30vw;
            }
            img.Shadow {
                box-shadow: 3px 6px 18px rgba(0, 0, 0, .35);
            }
            
            /* Link */
            a {
                cursor: default;
                text-decoration: none;
                transition: all .5s;
            }
            a:hover {
                cursor: pointer;
            }
            
            a.Basic {
                padding: .5em .5em;
                font-size: 17.5px;
                text-shadow: none;
                text-align: center;
            }
            
            a.Basic {
                width: 200px;
                display: block;
            }
            a.Basic.Inline {
                width: 125px;
                display: inline-block;
            }
            a.Basic.Inline.S {
                width: 100px;
                display: inline-block;
            }
            
            a.Basic.A, a.Basic.B, a.Basic.C {
                color: #fff;
            }
            
            a.Basic.A {
                background: rgba(51, 51, 51, .5);
            }
            a.Basic.B {
                background: rgba(51, 51, 51, .75);
            }
            a.Basic.C {
                background: rgba(255, 134, 128, .75);
            }
            
            a.Basic:hover {
                background: rgba(0, 0, 0, .75);
            }
            
            a.Basic:hover {
                width: 225px;
                /* transform: translateX(.5em); */
            }
            a.Basic.Inline:hover {
                width: 125px;
                transform: translateY(-.5em);
            }
            a.Basic.Inline.S:hover {
                width: 100px;
                transform: translateY(-.5em);
            }
            
            /* Animate */
            .infinite {
                animation-duration: 1.75s;
            }
            .infinite.slow {
                animation-duration: 2.75s;
            }
            
            .infinite.A {
                animation-duration: 1.2s;
            }
            .infinite.B {
                animation-duration: 1.7s;
            }
            .infinite.C {
                animation-duration: 2.3s;
            }
            
            
            
            @media screen and (max-width: 767px) {
                .Des {
                    display: none;
                }
                .Mob {
                    display: inline;
                }
            }
            
            @media screen and (max-width: 500px) {
                .DesS {
                    display: none;
                }
                .MobS {
                    display: inline;
                }
                
                a.Basic.Inline.S, a.Basic.Inline.S.R {
                    height: 45px;
                    display: table-cell;
                    vertical-align: middle;
                    
                    padding: 0em 0em;
                    
                    font-size: 15px;
                }
                
                a.Basic.Inline.S {
                    width: 75px;
                }
                a.Basic.Inline.S.R {
                    width: 2.5em; /* 100px; */
                    padding: .5em 0em;
                }
                
                a.Basic.Inline.S:hover {
                    width: 75px;
                    transform: translateY(-.5em);
                }
                a.Basic.Inline.S.R:hover {
                    width: 2.5em; /* 100px; */
                    transform: translateX(.5em); /* translateX(15px); */
                }
            }
        
        /* 作者編碼.02 Background.css */
            .Fill {
                background-size: cover;
                background-repeat: no-repeat;
                background-position: center;
            }
            
            .Fill.Fixed {
                background-attachment: fixed;
            }
            
            
            
            .Fill.Header {
                background-image: url(../images/header.jpg);
                background-attachment: fixed;
            }
            .Fill.Footer {
                color: rgba(255, 255, 255, .95);
                padding-bottom: 60px;
                
                background-image: url(../images/footer.jpg);
                background-attachment: fixed;
            }
            
            .Fill.Sld {
                padding: 1em;
            }
            
            /*
            .Fill.Sld.A, .Fill.Sld.C {
                margin-bottom: 0;
            }
            */
            
            .Fill.Sld.A {
                background-image: url(../images/A.jpg);
            }
            .Fill.Sld.B {
                background-image: url(../images/B.gif);
            }
            .Fill.Sld.C {
                background-image: url(../images/C.jpg);
            }
            .Fill.Sld.X {
                background: #eee9e0;
            }
            
            .Fill.Group.A {
                background-image: url(../images/1.gif);
            }
            .Fill.Group.B {
                background-image: url(../images/2.gif);
            }
            .Fill.Group.C {
                background-image: url(../images/3.gif);
            }
            .Fill.Group.D {
                background-image: url(../images/4.gif);
            }
            
            @media screen and (min-width: 768px) and (max-width: 1199px) {
                .Fill.Group.A {
                    background-image: url(../images/1s.jpg);
                }
                .Fill.Group.B {
                    background-image: url(../images/2s.jpg);
                }
                .Fill.Group.C {
                    background-image: url(../images/3s.jpg);
                }
                .Fill.Group.D {
                    background-image: url(../images/4s.jpg);
                }
            }
            
            @media screen and (max-width: 767px) {
                .Fill.Header {
                    background-image: url(../images/headers.jpg);
                }
                .Fill.Footer {
                    background-image: url(../images/footers.jpg);
                }
                
                .Fill.Group.A {
                    background-image: url(../images/1s.jpg);
                }
                .Fill.Group.B {
                    background-image: url(../images/2s.jpg);
                }
                .Fill.Group.C {
                    background-image: url(../images/3s.jpg);
                }
                .Fill.Group.D {
                    background-image: url(../images/4s.jpg);
                }
            }
            
            @media screen and (max-width: 500px) {
                .Fill.Header, .Fill.Footer {
                    background-attachment: scroll;
                }
                
                .Fill.Footer {
                    padding-bottom: 0px;
                }
            }






        /* ---- ---- ---- ---- Main.css -- */
            #main {
                margin: 0;
                padding: 60px 2em;
            }
            
            #main h3 {
                display: inline-block;
                width: auto;
                margin-top: 0;
                margin-bottom: 0;
                padding: 60px 0px 15px 0px;
                border: 0;
                border-bottom: 3px solid rgba(255, 5, 172, .95);
                font-size: 48px;
                font-weight: 100;
                line-height: 48px;
                /* letter-spacing: 8px; */
                text-align: center;
            }
            #main p {
                font-size: 15px;
            }
            #main p.text {
                padding-bottom: 60px;
            }
            
            #main hr {
                height: 1px;
                border: none;
                border-top: 1px solid rgba(0, 0, 0, .15);
            }
            
            header {
                width: 100vw;
                height: 500px;
                display: table-cell;
                vertical-align: middle;
                
                padding: 0em 2.25em;
                text-align: left;
                
            }
            
            header > div {
                /* max-width: 500px; */
                width: auto;
                display: inline-block;
                
                padding: 3em 3em;
                
                color: #fff; /* #19110b; */
                background: linear-gradient(135deg, rgba(255, 182, 179, .35), rgba(255, 134, 128, .85));
                /* background: linear-gradient(135deg, rgba(0, 0, 0, .75), rgba(74, 0, 143, .75)); */
            }
            #header > div:hover {
                color: #fff;
                background: rgba(0, 0, 0, .75);
                text-shadow: 1px 3px 5px rgba(0, 0, 0, .5);
                
                /*
                background: linear-gradient(135deg, rgba(0, 0, 0, .75), rgba(47, 0, 92, .75));
                rgba(33, 121, 145, .75)
                rgba(47, 0, 92, .75)
                */
                
                transition: all .75s;
            }
            #header > div:hover a {
                color: #fff;
                background: rgba(79, 0, 153, .75);
            }
            #header > div:hover a:hover {
                color: #fff;
                background: rgba(204, 0, 177, .75);
            }
            
            header > div span {
                display: block;
            }
            header > div span.A {
                padding-bottom: .5em;
                font-size: 22.5px;
            }
            header > div span.B {
                padding-bottom: .35em;
                font-size: 37.5px;
            }
            header > div span.C {
                padding-bottom: 1em;
                font-size: 15px;
            }
            
            header > div a {
                color: #333;
                background: rgba(255, 255, 255, .75);
                width: 200px;
                display: block;
                padding: .5em 1em;
                font-size: 17.5px;
                text-shadow: none;
                text-align: center;
            }
            header > div a:hover {
                color: #fff; 
                background: rgba(51, 51, 51, .75);
            }
            
            p.scroll {
                color: #000;
                text-align: left;
            }
            p.scroll.x {
                padding-top: 1em;
            }
            
            #img {
                margin: 0;
                padding-top: 20px;
                text-align: left;
            }
            
            #img > div:hover {
                filter: grayscale(100%);
                box-shadow: 2px 6px 12px rgba(0, 0, 0, .35);
                transition: all .5s;
            }
            
            #img > div.A:hover {
                transform: translate(0px, -20px);
            }
            #img > div.B:hover {
                transform: translate(0px, -20px); /* translate(0px, 20px); */
            }
            #img > div.C:hover {
                transform: translate(0px, -20px);
            }
            #img > div.D:hover {
                transform: translate(0px, -20px); /* translate(0px, 20px); */
            }
            
            #img > div > div {
                width: 100%;
                height: 0;
                padding-top: 1.75em;
                padding-bottom: 100%;
                padding-left: 1.75em;
                padding-right: 1.75em;
                background: transparent;
                color: transparent;
                text-align: justify;
            }
            #img > div > div:hover {
                color: #000;
                background: rgba(255, 255, 255, .35);
                transition: all .5s;
            }
            
            #img > div > div.black:hover {
                color: #fff;
                background: rgba(0, 0, 0, .5);
            }
            
            #img > div > div span {
                display: block;
                font-size: 22.5px;
                font-weight: 700;
            }
            
            #img > div > div p {
                font-size: 17.5px;
            }
            
            #img > div > div p.t, #img > div > div p.c, #img > div > div p.b {
                font-size: 15px;
                text-align: left;
            }
            #img > div > div p.t {
                margin-bottom: 0;
            }
            #img > div > div p.c {
                margin-top: 0;
                margin-bottom: 0;
            }
            #img > div > div p.b {
                margin-top: 0;
            }
            
            
            
            .bootstrap.margin, .sliders.margin, .slider4x.margin {
                margin: 0;
                padding-top: 20px;
            }
            
            .bootstrap.margin.background, .sliders.margin.background, .slider4x.margin.background {
                margin-top: 36px;
                margin-bottom: 36px;
            }
            
            .bootstrap.margin.background {
                padding: 2em 1em 1em 1em;
            }
            .sliders.margin.background {
                padding: 2em 0em 1em 0em;
            }
            .slider4x.margin.background {
                padding: 2em 0em 1em 0em;
            }
            
            .bootstrap.margin > div, .sliders.margin > div, .slider4x.margin > div {
                margin-bottom: 1em;
            }
            
            
            
            .bootstrap.margin .img, .sliders.margin .img, .slider4x.margin .img {
                max-width: 150px;
            }
            .bootstrap.margin .img > img:hover, .sliders.margin .img > img:hover, .slider4x.margin .img > img:hover {
                /* border-radius: 150px; */
                transition: all 1s;
            }
            
            
            
            .bootstrap.margin .text, .bootstrap.margin .texts,
            .sliders.margin .text, .sliders.margin .texts,
            .slider4x.margin .text, .slider4x.margin .texts {
                background: #fff;
                text-align: left;
            }
            
            .bootstrap.margin .text, .sliders.margin .text, .slider4x.margin .text {
                padding: 0em 1em;
                color: #19110b;
            }
            .bootstrap.margin .texts, .sliders.margin .texts, .slider4x.margin .texts {
                margin: .5em;
                padding: 1em 1em;
            }
            
            .bootstrap.margin .text:hover, .sliders.margin .text:hover, .slider4x.margin .text:hover {
                color: #fff; 
                background: linear-gradient(135deg, rgba(0, 0, 0, .75), rgba(74, 0, 143, .75));
                /* color: #19110b; */
                /* background: rgba(235, 233, 229, .85); */
                
                transform: translateX(-75px);
                transition: all 1s;
            }
            .bootstrap.margin .texts:hover, .sliders.margin .texts:hover, .slider4x.margin .texts:hover {
                color: #000; 
                background: rgba(255, 255, 255, .75);
                transition: all .5s;
            }
            .bootstrap.margin .texts:hover {
                /* transform: translateY(-1em); */
            }
            
            .bootstrap.margin .text > div, .sliders.margin .text > div, .slider4x.margin .text > div {
                height: auto;
                /* height: 150px; */
                /* display: table-cell; */
                /* vertical-align: middle; */
                
                font-size: 15px;
            }
            
            .bootstrap.margin .texts > img, .sliders.margin .texts > img, .slider4x.margin .texts > img {
                display: block;
                padding-bottom: 1em;
            }
            .bootstrap.margin .texts > div, .sliders.margin .texts > div, .slider4x.margin .texts > div {
                font-size: 17.5px;
            }
            .bootstrap.margin .texts > span, .sliders.margin .texts > span, .slider4x.margin .texts > span {
                display: block;
                font-size: 15px;
            }
            
            
            
            .bootstrap.margin .SliderText {
                max-width: 500px;
                height: 500px;
                display: table-cell;
                vertical-align: middle;
                padding: 0em .5em;
                color: #19110b;
                background: none;
                text-align: justify;
            }
            .bootstrap.margin .SliderText span {
                display: block;
                font-size: 22.5px;
            }
            .bootstrap.margin .SliderText p {
                font-size: 17.5px;
            }
            
            
            
            @media screen and (min-width: 768px) and (max-width: 1438px) {
                .bootstrap.margin .text {
                    padding: 1em 1em;
                }
                .bootstrap.margin .text:hover {
                    transform: translate(-75px, 15px);
                }
                
                .bootstrap.margin .text > div {
                    font-size: 12.5px;
                    height: auto;
                    display: block;
                    vertical-align: inherit;
                }
            }
            
            @media screen and (min-width: 768px) and (max-width: 1199px) {
                #img > div.A:hover {
                    transform: translate(-20px, -20px);
                }
                #img > div.B:hover {
                    transform: translate(20px, -20px);
                }
                #img > div.C:hover {
                    transform: translate(-20px, 20px);
                }
                #img > div.D:hover {
                    transform: translate(20px, 20px);
                }
                
                #img > div#rwdb {
                    margin-bottom: 0;
                }
                #img > div#rwdt {
                    margin-top: 0;
                }
            }
            
            @media screen and (min-width: 768px) and (max-width: 991px) {
                .bootstrap.margin #rwd.texts {
                    margin-top: -.5em;
                }
            }
            
            @media screen and (max-width: 767px) {
                #main {
                    padding: 60px 1em;
                }
                
                header {
                    padding: 0em 1.5em;
                    text-align: center;
                }
                header > div {
                    max-width: 500px;
                    padding: 3em 1.5em;
                    background: none; /* rgba(255, 134, 128, .75); */
                    text-shadow: 1px 3px 5px rgba(0, 0, 0, .35);
                    text-align: center;
                }
                header > div a {
                    width: 285px;
                    display: inline-block;
                }
                
                #img {
                    padding-top: 20px;
                }
                
                #img > div {
                    margin-bottom: 1em;
                }
                #img > div.A:hover, #img > div.B:hover, #img > div.C:hover, #img > div.D:hover {
                    transform: translateY(0px);
                    box-shadow: none;
                }
                
                
                
                #img > div#rwdb {
                    margin-bottom: 0;
                }
                #img > div#rwdt {
                    margin-top: 0;
                }
                
                
                
                .bootstrap.margin .img {
                    max-width: 100px;
                }
                
                .bootstrap.margin .text > div {
                    height: 100px;
                    font-size: 12.5px;
                }
                .bootstrap.margin .text:hover, .sliders.margin .text:hover, .slider4x.margin .text:hover {
                    background: rgba(0, 0, 0, .75);
                }
                .bootstrap.margin .text:hover {
                    transform: translateX(-50px);
                }
            }
            
            @media screen and (max-width: 500px) {
                #main {
                    padding: 0px 1em 60px 1em;
                }
                
                header {
                    height: 100vh;
                    padding: 0em 1em;
                }
                
                header > div {
                    padding: 0em 0em;
                }
                
                header > div span.A {
                    font-size: 17.5px;
                }
                header > div span.B {
                    font-size: 32.5px;
                }
                header > div span.C {
                    font-size: 20px;
                }
                
                header > div, header > div a {
                    width: 100%;
                }
                
                .sliders.margin.background {
                    margin-top: 20px;
                    margin-bottom: 0px;
                    padding: 0em 0em;
                }
                
                #img > div > div span {
                    font-size: 17.5px;
                }
                #img > div > div p {
                    font-size: 12.5px;
                }
                #img > div > div p.t, #img > div > div p.c, #img > div > div p.b {
                    font-size: 10px;
                }
                
                .bootstrap.margin .SliderText {
                    height: 250px;
                }
                .bootstrap.margin .SliderText.h50 {
                    height: 125px;
                }
                
                .bootstrap.margin .SliderText span {
                    font-size: 17.5px;
                }
                .bootstrap.margin .SliderText p {
                    font-size: 12.5px;
                }
                
                p.scroll, p.scroll.x {
                    padding-top: 76px;
                }
            }



        /* ---- ---- ---- ---- Slider.css -- */
            .single_iteam, .single_iteam p.boxs {
                background-size: cover;
                background-repeat: no-repeat;
                background-position: center;
            }
            
            .single_iteam {
                margin: 0;
                padding: 0;
                color: rgba(0, 0, 0, .85); /* rgba(255, 255, 255, .75); */
            }
            .single_iteam.em {
                margin: 0;
                padding: 0 1em;
            }
            
            .single_iteam p {
                margin: 0;
            }
            
            .single_iteam p.box, .single_iteam p.boxs {
                max-width: 500px;
                display: table-cell;
                vertical-align: middle;
                padding: 0em 0em;
            }
            .single_iteam p.box {
                height: 500px;
            }
            
            .single_iteam p.boxs, .single_iteam.vh, .single_iteam.vhs, .single_iteam span#img, .single_iteam span#imgs {
                height: 350px;
            }
            .single_iteam.vh:hover {
                transform: scale(.925, .925);
                /* z-index: 1; */
                /* transform: scale(1, 1.5); */
                /* transform: translateY(-20px); */
                /* transform: translate(-20px, -20px); */
                
                transition: all .5s ease-in-out;
                box-shadow: 1px 3px 12px rgba(0, 0, 0, .35);
            }
            
            .single_iteam p.box > span.black, .single_iteam p.box > span.white {
                width: 100vw;
                height: 325px;
                display: table-cell;
                vertical-align: middle;
                padding: 0em 1em;
            }
            .single_iteam p.box > span.black {
                color: rgba(255, 255, 255, .95);
                background: rgba(0, 0, 0, .5);
            }
            .single_iteam p.box > span.white {
                color: rgba(0, 0, 0, .95);
                background: rgba(255, 255, 255, .75);
            }
            
            
            
            .single_iteam span {
                display: block;
            }
            
            .single_iteam span#img, .single_iteam span#imgs {
                width: 100vw;
                display: table-cell;
                vertical-align: middle;
                font-size: 22.5px;
            }
            
            .single_iteam span#img {
                color: #fff;
                background: rgba(0, 0, 0, .5);
            }
            .single_iteam span#img b {
                display: block;
                padding-bottom: .25em;
                font-size: 27.5px;
            }
            .single_iteam span#img b.text {
                padding-top: .35em;
                padding-bottom: 0em;
                font-size: 17.5px;
            }
            
            .single_iteam span#imgs {
                color: transparent;
                background: transparent;
            }
            
            .single_iteam span#img:hover, .single_iteam span#imgs:hover {
                transition: all .5s;
            }
            .single_iteam span#img:hover, .single_iteam span#imgs.white:hover {
                color: #000;
                background: rgba(255, 255, 255, .75);
            }
            .single_iteam span#imgs:hover {
                color: #fff;
                background: rgba(0, 0, 0, .5);
            }
            
            
            
            .single_iteam span.fa-lg {
                font-size: 30px;
            }
            .single_iteam span.title {
                padding-top: .5em;
                padding-bottom: .5em;
                font-weight: 700;
                font-size: 25px;
            }
            .single_iteam span.texts {
                font-size: 15px;
                text-align: justify;
            }
            
            .single_iteam span.theme, .single_iteam span.themes {
                font-size: 25px;
                font-weight: 700;
            }
            .single_iteam span.theme {
                padding-bottom: .75em;
            }
            .single_iteam span.themes {
                padding-bottom: 0em;
            }
            
            .single_iteam span > img {
                max-width: 150px;
                border-radius: 50%;
                box-shadow: 1px 3px 12px rgba(0, 0, 0, .5);
            }
            
            .single_iteam span.main {
                padding-top: 1.25em;
            }
            .single_iteam span.mains {
                padding-top: .75em;
            }
            
            
            
            div#icon > p.b > span {
                font-weight: 100;
                color: rgba(0, 0, 0, .5);
            }
            
            @media screen and (max-width: 1199px) {
                .single_iteam p.box, .single_iteam p.boxs {
                    padding: 0em 1em;
                }
            }
            
            @media screen and (max-width: 991px) {
                .single_iteam p.box {
                    height: 500px;
                }
                
                .single_iteam p.boxs {
                    height: 250px;
                }
            }
            
            @media screen and (max-width: 767px) {
                .single_iteam span > img {
                    max-width: 100px;
                }
                
                .single_iteam p.box.h50 {
                    height: 350px;
                }
            }
            
            @media screen and (max-width: 500px) {
                .single_iteam p.box {
                    height: 300px; /* height: 550px; */
                }
                .single_iteam p.box.h50 {
                    height: 200px;
                }
                .single_iteam p.boxs, .single_iteam.vh, .single_iteam.vhs, .single_iteam span#img {
                    height: 275px;
                }
                
                .single_iteam span.themes {
                    font-size: 18.5px;
                }
                .single_iteam span.mains, .single_iteam span.main.s {
                    font-size: 13.5px;
                }
            }



        /* ---- ---- ---- ---- Block.css -- */
            .block {
                width: 100%;
                margin: 0;
            }
            
            .block > div {
                max-width: 1200px;
            }
            
            .block div.titles {
                height: 500px;
                display: table-cell;
                vertical-align: middle;
            }
            
            .block div.titles > div {
                padding: 4em 1em;
            }
            
            .block div.titles > h3 {
                margin: 0;
                padding-bottom: .25em;
                font-size: 3em;
                font-weight: 100;
                text-transform: uppercase;
            }
            
            .block div.titles > p {
                margin: 0;
                font-size: 1.25em;
            }
            
            .block div.titles > span {
                width: auto;
                border: 0;
                display: inline-block;
                border-top: 3px solid rgba(255, 5, 172, .95);
                padding-top: 15px;
            }
            .block div.titles > span > a {
                color: #fff;
            }
            
            div.BtnBlock > div {
                position: relative;
                width: calc(100vw / 4);
                
                height: 90px;
                display: table-cell;
                vertical-align: middle;
                
                text-align: center;
            }
            
            .rgba.A {
                background: rgba(255, 214, 231, .75);
            }
            .rgba.B {
                background: rgba(243, 194, 255, .75);
            }
            .rgba.C {
                background: rgba(191, 160, 238, .75);
            }
            .rgba.D {
                background: rgba(135, 112, 199, .75);
            }
            
            .rgba a {
                display: inline-block;
                transition: all .5s;
            }
            .rgba a:hover {    
                -ms-transform: scale(.95);
                -moz-transform: scale(.95);
                -webkit-transform: scale(.95);
                -o-transform: scale(.95);
            }
            
            .rgba div {
                padding: 1em 0em;
                color: rgba(255, 255, 255, .95);
                font-size: 17.5px;
            }
            
            .rgba span {
                display: block;
                padding-top: .5em;
            }
            
            
            
            @media (max-width: 767px) {
                .block div.titles h3, .block div.titles p, .block div.titles span {
                    text-shadow: 1px 3px 5px rgba(0, 0, 0, .5);
                }
            }
            
            @media (max-width: 500px) {
                .block div.titles {
                    height: 100vh;
                }
                
                .block div.titles > h3 {
                    font-size: 2.25em;
                }
                
                .block div.titles > div {
                    padding: 3em 1em;
                }
                
                .rgba div {
                    font-size: 13.5px;
                }
            }



        /* ---- ---- ---- ---- Navigation.css＋Footer.css -- */
            .nav, footer {
                background: rgba(255, 255, 255, .95);
            }
            
            .nav {
                top: 0;
                width: 100%;
                z-index: 3;
                position: fixed;
                box-shadow: 1px 1.5px 9px rgba(0, 0, 0, .05);
                padding-left: 10%;
                padding-right: 10%;
            }
            .nav > div {
                float: left;
                display: inline-block;
                font-weight: 100;
            }
            .nav > div.L, .nav > div.R {
                width: 25%;
                font-size: 30px;
            }
            .nav > div.C {
                width: 50%;
                font-size: 25px;
            }
            
            .nav > div > div, footer > div > div {
                height: 60px;
                display: table-cell;
                vertical-align: middle;
            }
            
            .nav > div > div, .nav > div > div a, .nav > div > div i, footer > div > div, footer > div > div i, footer > div > div span {
                color: #242424;
                /* background: linear-gradient(45deg, rgba(230, 0, 126, .95), rgba(234, 123, 199, .95)); */
                /* -webkit-background-clip: text; */
                /* color: transparent; */
            }
            
            footer {
                width: 100%;
                bottom: 0;
                z-index: 3;
                position: fixed;
                /* background: linear-gradient(45deg, rgba(58, 0, 112, .85), rgba(0, 0, 0, .85)); */
            }
            footer > div {
                float: left;
                width: 100%;
                box-shadow: 1px 5px 15px rgba(0, 0, 0, .35);
            }
            footer > div > div span {
                font-weight: 500;
            }
            
            @media screen and (max-width: 992px) {
                .nav > div.L, .nav > div.R {
                    width: 25%;
                    font-size: 30px;
                }
                .nav > div.C {
                    width: 50%;
                    font-size: 25px;
                }
            }
            
            @media screen and (max-width: 500px) {
                .nav, footer {
                    background: rgba(255, 255, 255, 1);
                }
                
                .nav {
                    padding-left: 1em;
                    padding-right: 1em;
                    /* box-shadow: 1px 1px 15px rgba(0, 0, 0, .05); */
                    /* border-bottom: .25em solid rgba(0, 0, 0, 0); */
                }
                .nav > div .none {
                    display: none;
                }
                .nav > div.L, .nav > div.R {
                    width: 25%;
                    font-size: 25px;
                }
                .nav > div.C {
                    width: 50%;
                    font-size: 22.5px;
                }
                .nav > div > div {
                    height: 60px;
                }
                
                footer > div > div, footer > div > div i, footer > div > div span {
                    font-size: 13.5px;
                }
            }



        /* ---- ---- ---- ---- 2019.08.16.css -- */
            letter {
                letter-spacing: 2.5px;
            }
            
            span.Bx {
                display: block;
                color: #fff;
            }
            
            span.Bx.Title {
                font-size: 3em;
            }
            span.Bx.Text {
                font-size: 1em;
            }
            
            b.Title {
                font-weight: 700;
            }
            b.Title.M {
                font-size: 20px;
            }
            b.Title.L {
                font-size: 25px;
            }
            b.Title.X {
                color: #19110b;
                font-size: 22.5px;
                font-weight: 100;
            }
            
            span.Bx.Pt.L, span.PtL {
                padding-top: 1.5em;
            }
            span.Bx.Pt.M, span.PtM {
                padding-top: .75em;
            }
            
            span.Bx.Pt.C, span.PtC {
                padding-top: .75em;
                padding-bottom: 1.5em;
            }
            span.Bx.Pt.B, span.PtB {
                padding-top: 3em;
            }
            
            span.fa-stack {
                display: inline-block;
            }
            
            p.BL {
                color: #000;
                text-align: left;
            }



        /* ---- ---- ---- ---- 2019.08.18.css -- */
            .Fixedx {
                bottom: 0;
                display: none;
                position: fixed;
                margin-bottom: 15px;
            }
            
            @media screen and (max-width: 500px) {
                .Fixedx {
                    z-index: 5;
                    display: inherit;
                }
                
                .Fixedx a {
                    position: relative;
                    width: calc(100vw / 5);
                    
                    height: 45px;
                    display: table-cell;
                    vertical-align: middle;
                    
                    padding: 0em 0em;
                    font-size: 15px;
                    text-align: center;
                    
                    transition: all .5s;
                }
                
                .Fixedx a {
                    color: #fff;
                    background: rgba(0, 0, 0, .85);
                }
                
                .Fixedx a.A {
                    background: rgba(255, 214, 231, .95); /* rgba(0, 0, 0, .3); */
                }
                .Fixedx a.B {
                    background: rgba(243, 194, 255, .95); /* rgba(0, 0, 0, .5); */
                }
                .Fixedx a.C {
                    background: rgba(191, 160, 238, .95); /* rgba(0, 0, 0, .7); */
                }
                .Fixedx a.D {
                    background: rgba(135, 112, 199, .95); /* rgba(0, 0, 0, .9); */
                }
                
                .Fixedx a:hover {
                    color: #19110b;
                    background: rgba(224, 222, 215, .85);
                    
                    /*
                    #19110b
                    #e1dfd8
                    rgba(255, 255, 255, 1);
                    rgba(224, 222, 215, 1);
                    */
                    
                    transform: translateY(0px);
                }
                
                .Fixedx a > b {
                    display: block;
                    font-weight: 100;
                }
                .Fixedx a:hover > b {
                    transform: translateY(0px);
                }
                
                .Fixedx a.A:hover {
                    background: rgba(255, 214, 231, .95);
                }
                .Fixedx a.B:hover {
                    background: rgba(243, 194, 255, .95);
                }
                .Fixedx a.C:hover {
                    background: rgba(191, 160, 238, .95);
                }
                .Fixedx a.D:hover {
                    background: rgba(135, 112, 199, .95);
                }
                .Fixedx a.LINE:hover {
                    color: #fff;
                    background: rgba(0, 194, 0, .95);
                }
                
                footer > div > div {
                    height: 15px;
                }
                footer > div > div, footer > div > div i {
                    color: #fff;
                    font-size: 0px;
                }
                
                .block div.titles > h3 {
                    font-size: 2em;
                }
                .block div.titles > p {
                    font-size: 1em;
                }
            }



            .Fixed {
                display: none;
                
                top: 0;
                right: 0;
                margin-top: 60px;
                position: fixed;
            }
            
            @media screen and (max-width: 500px) {
                .Fixed {
                    z-index: 3;
                    display: inherit;
                }
            }



            .RBN {
                display: inline;
            }
            .RBNS {
                display: none;
            }
            
            .RPB {
                background-image: none;
            }
            
            .RPB span.Bx.Title, .RPB span.Bx.Text {
                color: rgba(0, 0, 0, .85);
            }
            
            span.Bx.S.Title, span.Bx.S.Text {
                color: #fff; /* #19110b; */
            }
            span.Bx.S.Text {
                padding-top: .35em;
                font-size: 1em;
            }
            
            @media screen and (max-width: 500px) {
                .RBN {
                    display: none;
                }
                .RBNS {
                    display: inline;
                }
                
                .RPB {
                    background-image: url(../images/A.jpg);
                }
                
                .RPB span.Bx.Title, .RPB span.Bx.Text {
                    color: #fff;
                    text-shadow: 1px 3px 5px rgba(0, 0, 0, .35);
                }
                .RPB span.Bx.Text {
                    padding-top: .35em;
                }
            }