@charset "UTF-8";

*,
*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/* ==== ==== ==== ==== ==== ==== ==== ==== ==== ==== ==== ==== Body ==== */
body {
    overflow-x: hidden;
    overflow-y: scroll; /* hidden; */

    -webkit-overflow-scrolling: touch;

    margin: 0;
    padding: 0;

    width: auto;
    height: 100%;
}

body:before {
    background: none;
}

body::-webkit-scrollbar {
    width: 0; !important
}

body::-webkit-scrollbar-thumb,
body::-webkit-scrollbar-track {
    border-radius: 0;
}
body::-webkit-scrollbar-track {
    background-color: transparent;
}
body::-webkit-scrollbar-thumb {
    background-color: transparent;
}

body {
    background-color: #000;
    font-family: 'Abril Fatface', 'Noto Serif TC';
}

.FadeIn:hover {
    animation: fadeIn;
    animation-duration: 1s;
}



.Outer {
    padding: 24px;
}

@media (max-width: 991px) {
    .Outer {
        padding: 16px;
    }
}

@media (max-width: 500px) {
    .Outer {
        padding: 12px;
    }
}

.Middle {
    display: table-cell;
    vertical-align: middle;
}

.both {
    clear: both;
}

.slick-prev {
    left: 0px;
    background: none;
}
.slick-next {
    right: 0px;
    background: transparent url(Next.png);
}

a.btn {
    display: inline-block;

    margin-top: 12px;
    padding: 6px 24px;

    border: 1px transparent solid;
    border-radius: 48px;

    font-size: 20px;
    text-align: center;
    text-transform: uppercase;
}

a.btn.line {
    color: #fff;
    background-color: rgba(0, 194, 0, .75);
}
a.btn.line:hover {
    color: #00c300;
    background-color: rgba(255, 255, 255, .85);
}

@media (max-width: 991px) {
    a.btn {
        padding: 4px 16px;

        border-radius: 32px;
        font-size: 16px;
    }
}



.圖片背景 {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.圖片背景.固定 {
    background-attachment: fixed;
}



.影片背景 {
    position: relative;

    border-left: none;
    border-right: none;
}

.影片容器 {
    z-index: 1;
    position: relative;

    left: 0;
    bottom: 0;

    width: 100%;
    height: 100%;

    overflow: hidden;

    background-color: #000;
}

.影片容器 .影片內容 {
    z-index: 1;
    position: absolute;

    width: 100%;
    height: 100%;

    background-color: rgba(0, 0, 0, .15);
}

.影片容器 .影片內容 > div {
    height: calc(100vh - 293px);
    background-color: rgba(0, 0, 0, .35);
}

.影片容器 video {
    z-index: -1;
    position: fixed; /* fixed; absolute; */

    width: 100%;
    height: auto;

    bottom: 0;
}

.影片容器 .滑塊內容 {
    z-index: 1;
    position: relative;
    bottom: 0;
    margin-top: calc(100vh - 293px);
    padding-bottom: 51px;
    background-color: rgba(0, 255, 0, .35);
}

.影片容器 .滑塊內容 a {
    color: rgba(255, 255, 255, .65);
}
.影片容器 .滑塊內容 a:hover {
    color: rgba(255, 255, 255, .95);
}

.影片容器 .影片其他內容 {
    z-index: 1;
    position: absolute;
    bottom: 0;
}

@media (max-width: 1199px) {
    .影片容器 .影片內容 > div {
        height: calc(100vh - 244px);
    }
    .影片容器 .滑塊內容 {
        margin-top: calc(100vh - 244px);
        padding-bottom: 0px;
    }
}

@media (max-width: 991px) {
    .影片容器 .影片內容 > div {
        height: calc(100vh - 203px);
    }
    .影片容器 .滑塊內容 {
        margin-top: calc(100vh - 203px); 
    }
}

@media (max-width: 767px) {

}

@media (max-width: 500px) {
    .影片容器 .影片內容 > div {
        height: calc(100vh - 117px);
    }
    .影片容器 .滑塊內容 {
        margin-top: calc(100vh - 168px);
    }
}



.首頁 h1 {
    margin-top: 81px;
    margin-bottom: 0px;
}

.首頁 a {
    display: inline-block;

    margin-top: 24px;
    padding: 6px 24px;

    color: #fff;
    background-color: rgba(61, 0, 102, .75);

    border: 1px transparent solid;
    border-radius: 48px;

    font-size: 20px;
    text-align: center;
    text-transform: uppercase;
}
.首頁 a:hover {
    background-color: rgba(255, 0, 93, .75);
}

@media (max-width: 991px) {
    .首頁 h1 {
        margin-top: 65px;
    }
}

@media (max-width: 500px) {
    .首頁 h1 {
        margin-top: 57px;
    }
}

/* ==== ==== ==== ==== ==== ==== ==== ==== ==== ==== ==== ==== Nav ==== */
/* 模型：01 */
/*
.上導航列, .下導航列 {
    z-index: 2;
    position: fixed;
}

.上導航列 {
    top: 0;
    left: 0;
    right: 0;
}

.下導航列 {
    left: 0;
    right: 0;
    bottom: 0;
}
*/

/* 模型：02 */
.bar {
    position: absolute;

    top: 0;
    left: 0;
    right: 0;

    background-color: transparent;
}

.menu {
    z-index: 2;
    position: fixed;

    left: 0;
    right: 0;
    bottom: 0;
}



.bar > div {
    float: right;
}

.bar p,
.bar a {
    color: #fff;
}

.bar p {
    margin: 0;
    border: 1px solid rgba(255, 255, 255, .75);
}

.bar a.xl {
    padding-right: 12px;
}



.menu {
    background-color: rgba(0, 0, 0, .85);
}

.menu > div,
.menu > div span a,
.menu > div nav a {
    color: #fff;
}

.menu > div {
    margin: 0 auto;
    padding: 0px 8px;
}

.menu > div > span {
    float: left;
    padding: 8px;
}

.menu > div > nav {
    float: right;
}

.menu > div ul {
    margin: 0;
    list-style-type: none;
}

.menu > div nav li {
    float: left;
    padding: 8px;
}

.menu > div nav li:hover {
    padding-top: 0;
    transition: all .5s;
}

.menu > div span a,
.menu > div nav a {
    font-size: 16px;
}

/* ==== ==== ==== ==== ==== ==== ==== ==== ==== ==== ==== ==== Home ==== */
/*
header,
main {
    color: #fff;
}

header {
    height: calc(100vh - 253px);
}

main {
    height: 253px;
    padding-bottom: 51px; 
}

footer {

}

@media (max-width: 991px) {
    header {
        height: calc(100vh - 202px);
    }
    main {
        height: 202px; 
    }
}

@media (max-width: 500px) {
    header {
        height: calc(100vh - 151px);
    }
    main {
        height: 151px; 
    }
}
*/

/* ==== ==== ==== ==== ==== ==== ==== ==== ==== ==== ==== ==== Slick ==== */
.ImgCoverSize {
    color: #fff;

    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.ImgCoverSize.fixed {
    background-attachment: fixed;
}

.ImgCoverSize > div {
    width: 100vw;
}

.ImgCoverSize > div.FullCalcSize {
    height: calc(100vh - 51px);
}

.ImgCoverSize > div.FullSize {
    height: 100vh;
    padding-bottom: 51px;
}
.ImgCoverSize > div.FullSize.End {
    display: none;
}

.ImgCoverSize > div.Size70 {
    height: 70vh;
}
.ImgCoverSize > div.Size30 {
    height: 30vh;
    padding-bottom: 51px;
}

.ImgCoverSize > div.Size70.header {
    padding-top: 81px;
}

.header h1,
.header p {
    margin: 0;
}
.header p {
    max-width: 850px;
}

.header a {
    display: inline-block;

    margin-top: 16px;
    padding: 6px 24px;

    color: #fff;
    background-color: rgba(61, 0, 102, .75);

    border: 1px transparent solid;
    border-radius: 48px;

    font-size: 20px;
    text-align: center;
    text-transform: uppercase;
}
.header a:hover {
    background-color: rgba(255, 0, 0, .75);
}

div.Size30 p,
div.Size30 a {
    font-size: 20px;
}

div.Size30 p {
    margin: 0;
    color: rgba(255, 255, 255, .75);
}

div.Size30 a {
    color: #fff;
}
div.Size30 a:hover {
    color: rgba(255, 255, 255, .75);
}

div.Size30 a.bts {
    display: inline-block;

    margin-top: 12px;
    margin-right: 12px;

    padding: 5px 20px;

    color: #fff;
    background-color: transparent;

    border: 2px #fff solid;
    border-radius: 40px;

    font-size: 16px;
    text-align: center;
}
div.Size30 a.bts:hover {
    color: rgba(0, 0, 0, .85);
    background-color: rgba(255, 255, 255, .85);

    border: 2px transparent solid;
}

div.Size30 a.bts.line {
    color: #fff;
    background-color: rgba(0, 194, 0, .75);
    border: 2px transparent solid;
}
div.Size30 a.bts.line:hover {
    color: #00c300;
    background-color: rgba(255, 255, 255, .85);
    border: 2px transparent solid;
}

@media (max-width: 991px) {
    .ImgCoverSize > div.Size70.header {
        padding-top: 65px;
    }

    div.Size30 p,
    div.Size30 a {
        font-size: 16px;
    }

    div.Size30 a.bts {
        padding: 4px 16px;
        border-radius: 32px;
        font-size: 13px;
    }
}

@media (max-width: 767px) {
    .ImgCoverSize > div.Size70 {
        height: 100vh;
    }

    .ImgCoverSize > div.Size30,
    .ImgCoverSize > div.FullSize {
        height: calc(100vh / 3);
        padding-bottom: 0px;
    }

    .ImgCoverSize > div.FullSize.End {
        display: table-cell;
        padding-bottom: 51px;
    }
}

@media (max-width: 500px) {
    .ImgCoverSize > div.Size70.header {
        padding-top: 57px;
    }
}



/* Loading.css */
.Loading {
    z-index: 9;
    position: fixed;

    width: 100%;
    height: auto;

    background-color: #10001c;
}

.Loading div {
    width: 100vw;

    height: 100vh;
    display: table-cell;
    vertical-align: middle;

    color: #fff;

    /*
    background-color: rgba(0, 0, 0, .35);
    */

    text-align: center;
}

.Loading i {
    font-size: 96px;
}

.Loading p {
    margin: 0;

    padding-left: 3px;
    letter-spacing: 3px;

    font-size: 32px;
    font-weight: 100;
}

/* Image.css */
.Loading > div {
    background-image: url(Load.gif);
}

/*
header > div {
    background-image: url(imgs/header.jpg);
}
header > div:hover {
    background-image: url(imgs/header.gif);
}



.IMG1 {
    background-image: url(../imgs/six/01.jpg);
}
.IMG2 {
    background-image: url(../imgs/six/02.jpg);
}
.IMG3 {
    background-image: url(../imgs/six/03.jpg);
}
.IMG4 {
    background-image: url(../imgs/six/04.jpg);
}
.IMG5 {
    background-image: url(../imgs/six/05.jpg);
}
.IMG6 {
    background-image: url(../imgs/six/06.jpg);
}

.IMG1:hover,
.IMG2:hover,
.IMG3:hover,
.IMG4:hover,
.IMG5:hover,
.IMG6:hover {
    background-image: url(imgs/six/hover.gif);
}



.IMG7 {
    background-image: url(https://is.gd/eahH0k);
}

.IMG8 {
    background-image: url(file:///C:/Users/ASUS/Desktop/Unsplash/sexy/09.jpg);
}
.IMG9 {
    background-image: url(file:///C:/Users/ASUS/Desktop/Unsplash/sexy/10.jpg);
}
.IMG10 {
    background-image: url(file:///C:/Users/ASUS/Desktop/Unsplash/sexy/11.jpg);
}
.IMG11 {
    background-image: url(file:///C:/Users/ASUS/Desktop/Unsplash/sexy/12.jpg);
}
.IMG12 {
    background-image: url(file:///C:/Users/ASUS/Desktop/Unsplash/sexy/13.jpg);
}



.IMG13 {
    background-image: url(https://is.gd/eahH0k);
}



.IMG14 {
    background-image: url(../../mi.adxseo.com/imgs/background/＃01.jpg);
}
.IMG15 {
    background-image: url(../../mi.adxseo.com/imgs/background/＃02.jpg);
}
.IMG16 {
    background-image: url(../../mi.adxseo.com/imgs/background/＃03.jpg);
}
.IMG17 {
    background-image: url(../../mi.adxseo.com/imgs/background/＃04.jpg);
}



.HOVER {
    background-image: url(https://is.gd/0R9mgf);
}
.HOVER:hover {
    background-image: url(https://is.gd/NnTCwm);
}



.Transparent > div {
    background-image: url(https://is.gd/oi2EqJ);
}
*/

@media (max-width: 500px) {
    /* Loading */
    .Loading {
        background-image: url(Loas.gif);
    }
}

/* Color.css */
.WhiteColor {
    color: #fff;
}

/* Font.css */
h3, h4, h5 {
    margin: 0;
}

h1 {
    font-size: 54px;
}
h2 {
    font-size: 48px;
}
h3 {
    font-size: 40px;
}
h4 {
    font-size: 32px;
}
h5, .xl {
    font-size: 24px;
}

p {
    font-size: 16px;
}
p span {
    display: block;
}

@media (max-width: 1199px) {
    .xl {
        font-size: 20px;
    }

    .header p {
        max-width: 750px;
    }
}

@media (max-width: 991px) {
    .header p {
        max-width: 650px;
    }
}

@media (max-width: 767px) {
    h1 {
        font-size: 40px; 
    }

    p {
        font-size: 12px;
    }

    .header p {
        max-width: 550px;
    }
}

@media (max-width: 500px) {
    h1 {
        font-size: 32px; 
    }

    .xl {
        font-size: 16px;
    }

    .header p {
        max-width: 450px;
    }
}

/* Button.css */
a.button {
    display: inline-block;

    padding: 4px 48px;

    color: #fff; 
    border: 1px #fff solid;

    font-size: 20px;
    text-align: center;
}
a.button:hover {
    color: #000;
    background-color: rgba(255, 255, 255, .75);

    border: 1px transparent solid;
}

@media (max-width: 1199px) {
    .SwitchButton a.button {
        padding: 4px 20px;
        font-size: 16px;
    }
}

@media (max-width: 767px) {
    a.button {
        font-size: 16px;
    }
}

@media (max-width: 500px) {
    .SwitchButton a.button {
        font-size: 14px;
    }
}

/* Block.css */
/* ==== ==== ==== ==== ==== ==== 底層框架 */
.Outer {
    padding: 24px;
}

/* ==== ==== ==== ==== ==== ==== 上層框架 */
.Middle {
    display: table-cell;
    vertical-align: middle;
}

.Inside {
    width: calc(100vw - 48px); /* calc(100vw - 53px); */
    height: calc(100vh - 99px);
}

/* ==== ==== ==== ==== ==== ==== Width：50% */
.Double, .Doubls {
    height: calc(50vh - 25.5px);
}

.Double {
    width: 50vw;
}
.Doubls {
    width: 50vw; /* calc(50vw - 5px); */
}

/* ==== ==== ==== ==== ==== ==== Width：33.33% */
/* Width：33.33% > Top */
.Three {
    height: calc(100vh - 178.5px);
}

/* Width：33.33% > Bottom */
.Thres {
    width: calc(100vw / 3); /* calc(calc(100vw - 5px) / 3); */
    height: 178.5px;

    padding-bottom: 51px;
}

.Thres {
    background-color: rgba(0, 0, 0, .35);
}
.Thres.RgbaStyle {
    background-color: rgba(255, 0, 0, .35);
}

.Thres p.xl {
    margin-top: 0;
}

/* ==== ==== ==== ==== ==== ==== Width：20% */
/* Width：20% > Top */
.One {
    width: 100vw; /* calc(100vw - 5px); */
    height: calc(65vh - 51px);
}

/* Width：20% > Bottom */
.Five {
    width: 20vw; /* calc(20vw - 1px); */
    height: 35vh;
}

/* ==== ==== ==== ==== ==== ==== Transform Style */
.HOVER .Trans {
    display: block;
    text-align: center;
}
.HOVER:hover .Trans {
    display: none;
}

.HOVER .Transform {
    display: none;
}
.HOVER:hover .Transform {
    display: block;
}

.HOVER:hover,
.HOVER:hover .Transform {
    transition: all .75s;
}

/* ==== ==== ==== ==== ==== ==== Fixed Style */
.Transparent {
    z-index: 1;
    position: relative;

    margin-bottom: 100vh; /* calc(100vh - 178.5px - 1px); 65vh; 100vh; */
}

/*
.Transparent:hover {
background-color: transparent;
transition: all .75s;
}
*/

.Fixed {
    z-index: -1;
    position: fixed;

    left: 0px;
    right: 0px;

    /*
    top: 35vh;
    bottom: 51px;
    */
}

.Fixed {
    /*
    height: calc(65vh - 51px);
    */
}

.Fixed > div {
    width: calc(100vw - 48px); /* calc(100vw - 53px); */

    /*
    height: calc(65vh - 99px);
    */
}

/* New Style */
.Fixed {
    top: 0px; /* 178.5px; */
    bottom: 51px;
}

.Fixed {
    height: calc(100vh - 51px); /* calc(100vh - 178.5px - 51px); */
}

.Fixed > div {
    height: calc(100vh - 99px); /* calc(100vh - 178.5px - 99px); */
}

/* Old Style */
/*
.Fixed {
    top: 35vh;
    bottom: 51px;
}

.Fixed {
    height: calc(65vh - 51px);
}

.Fixed > div {
    height: calc(65vh - 99px);
}
*/

/* ==== ==== ==== ==== ==== ==== Touch Style */
.NewWindow {
    z-index: 3;

    display: none;
    overflow: auto;

    position: fixed;
}

.NewWindow > div {
    width: 100vw;
    height: auto;

    background-color: rgba(255, 255, 255, .75);
}



.NewWindow > div.asked {
    background-color: #00C200; /* rgba(0, 194, 0, .75); */
}
.NewWindow > div.asked > div {
    max-width: 767px;
}

.scroll.askes > div {
    max-width: 100%;
    padding: 32px 16px;

    border-radius: 0px;
    border: 2.5px solid transparent;

    background-color: transparent;
}

/* 側滑軌 */
.scroll.askes::-webkit-scrollbar-track {
    background-color: #999;
}
.scroll.askes::-webkit-scrollbar-thumb {
    background-color: #fff;
}

.scroll.askes::-webkit-scrollbar-thumb,
.scroll.askes::-webkit-scrollbar-track {
    border-radius: 0;
}



.NewWindow > div > div {
    max-width: 375px;
}

.NewWindow > div.Middle {
    height: 100vh;
}
.NewWindow > div.transparent {
    background-color: transparent;
}



.NewWindow > div.Fashion {
    background-color: rgba(0, 0, 0, .5);
}

div.Fashion > div > div {
    max-width: 375;
    padding: 32px 32px;

    border: 0;
    border-radius: 0;

    color: #111;
    background-color: #fff;
}

div.Fashion div.upp {
    text-transform: uppercase;
}
div.Fashion div.cap {
    text-transform: capitalize;
}


div.Fashion h3 span,
div.Fashion p,
div.Fashion a {
    font-size: 15px;
}

div.Fashion h3 span.small,
div.Fashion p span.small {
    font-size: 12.5px;
}


div.Fashion h3 {
    margin: 0;
    font-size: 30px;
}
div.Fashion h3.CH {
    font-size: 22.5px;
}
div.Fashion h3 span {
    display: block;

    color: #767676;
}

div.Fashion .fa-stack-2x {
    color: #000;
}
div.Fashion .fa-stack-1x {
    color: #fff;
}

div.Fashion p {
    color: #000;
    text-align: justify;
}
div.Fashion p span {
    display: block;
    color: #767676;
}

/* Links */
div.Fashion a.absolute {
    position: absolute;

    top: 8px;
    right: 12px;
}

div.Fashion a.add,
div.Fashion a.ads,
div.Fashion a.links {
    margin-bottom: 12px;
}

div.Fashion p.ends,
div.Fashion a.add.ends,
div.Fashion a.ads.ends,
div.Fashion a.links.ends {
    margin-bottom: 0px;
}

div.Fashion a.add,
div.Fashion a.ads,
div.Fashion a.adx,
div.Fashion a.add1,
div.Fashion a.add2 {
    padding: 4px 12px;
    text-align: center;
}

div.Fashion a.add,
div.Fashion a.adx {
    color: #fff;
    background-color: #19110b;
    border: 1px #19110b solid;
}
div.Fashion a.ads {
    color: #19110b;
    background-color: transparent;
    border: 1px #19110b solid;

    /*
    color: #19110b;
    background-color: #eae8e4;
    border: 1px #eae8e4 solid;
    */
}

div.Fashion a.add,
div.Fashion a.ads,
div.Fashion a.add1,
div.Fashion a.add2 {
    display: block;
}

div.Fashion a.adx {
    display: inline-block;
    width: 75px;
}

div.Fashion a.add:hover,
div.Fashion a.ads:hover,
div.Fashion a.adx:hover {
    color: #19110b;
    background-color: #eae8e4;
    border: 1px #eae8e4 solid;
}

div.Fashion a.add1,
div.Fashion a.add2 {
    border: 0;
}

div.Fashion a.add1 {
    color: #19110b;
    border: 1px #eae8e4 solid;
    background-color: #eae8e4;
}
div.Fashion a.add2 {
    color: #eae8e4;
    border: 1px #19110b solid;
    background-color: #19110b;
}

/*
div.Fashion a.add1:hover,
div.Fashion a.add2:hover {
    color: #19110b;
    border: 1px #eae8e4 solid;
    background-color: #eae8e4;
    
    color: #000;
    border: 1px #000 solid;
    background-color: transparent;
}
*/

div.Fashion a.links {
    display: block;
    color: #767676;
}
div.Fashion a.links:hover {
    padding-left: 12px;
}

/* Icons */
div.Fashion .rit {
    padding-right: 39.98px;
}

div.Fashion a.abs {
    position: absolute;

    top: 14px;
    right: 8px;
}

div.Fashion a.abs.t1 {
    padding-top: 48px;
}
div.Fashion a.abs.t2 {
    padding-top: 96px;
} 
div.Fashion a.abs.t3 {
    padding-top: 144px;
}
div.Fashion a.abs.t4 {
    padding-top: 192px;
}



.scroll::-webkit-scrollbar {
    width: 3.5px; !important
}
.scroll::-webkit-scrollbar-thumb,
.scroll::-webkit-scrollbar-track {
    border-radius: 1.75px;
}

.scroll > div {
    max-width: 375px;
    padding: 32px 16px;

    border-radius: 15px;
}

/* 黑色設計 */
.scroll.b000::-webkit-scrollbar-track {
    background-color: #fff;
}
.scroll.b000::-webkit-scrollbar-thumb {
    background-color: #000;
}

.scroll.b000 > div {
    border: 3.5px solid rgba(255, 255, 255, .75);
    background-color: rgba(0, 0, 0, .5);
}

/* 白色設計 */
.scroll.bfff::-webkit-scrollbar-track {
    background-color: #999;
}
.scroll.bfff::-webkit-scrollbar-thumb {
    background-color: #fff;
}

.scroll.bfff > div {
    border: 0px solid transparent;
    background-image: url(../imgs/click.gif);
}

/* Table */
.scroll.bfff table,
.scroll.bfff table td {
    color: #fff;
    border: 1px solid rgba(255, 255, 255, .75);
}

/* 文字區塊 */
.Text,
.Tabs,
.Text a,
.Tabs a {
    color: #fff;
}

.Text div {
    padding-top: 15px;
}

.Text h3,
.Text h4 {
    font-weight: 600;
}

.Text h3,
.Tabs h3 {
    font-size: 25px;
}

.Text h4,
.Text p {
    text-align: justify;
}

.Text h4 {
    font-size: 20px;
}

.Text p,
.Tabs p {
    font-size: 15px;
}

.Text a,
.Tabs a {
    display: block;
    margin-top: 15px;
    font-size: 12.5px;
}

/* 文字特效 */
.Text h3,
.Tabs h3 {
    margin: 0px;
    display: inline-block;
    padding-bottom: 10px;
    border-bottom: 3.5px solid rgba(255, 255, 255, .75);
}

.Text a .fa-stack-1x,
.Tabs a .fa-stack-1x {
    color: #000;
}

@media (max-width: 1399px) {
    /* Width：20% */
    .Five {
        float: left;
    }

    .One,
    .Five.Change,
    .Five.Change > div {
        height: calc(100vh - 51px);
    }

    .Five,
    .Five > div {
        width: 50vw; /* calc(50vw - 2.5px); */
        height: calc(50vh - 25.5px);
    }

    .Five.Change,
    .Five.Change > div {
        width: 100vw; /* calc(100vw - 5px); */
    }
}

@media (max-width: 1199px) {
    /*
    .Transparent {
        margin-bottom: calc(100vh - 127.5px - 1px);
    }

    .Fixed {
        top: 127.5px;
        height: calc(100vh - 127.5px - 51px);
    }
    .Fixed > div {
        height: calc(100vh - 127.5px - 99px);
    }
    */
}

@media (max-width: 991px) {
    .Outer {
        padding: 16px;
    }

    .Inside {
        width: calc(100vw - 32px); /* calc(100vw - 37px); */
        height: calc(100vh - 83px);
    }

    /* Fixed Style */
    /*
    .Fixed > div {
        width: calc(100vw - 37px);
        height: calc(65vh - 83px);
    }
    */

    .Fixed > div {
        width: calc(100vw - 32px); /* calc(100vw - 37px); */
        height: calc(100vh - 83px); /* calc(100vh - 127.5px - 83px); */
    }
}

@media (max-width: 767px) {
    /*
    .Transparent {
        margin-bottom: calc(100vh - 102px - 1px);
    }
    */

    .Fixed {
        top: 0px; /* 102px; */
        height: calc(100vh - 51px); /* calc(100vh - 102px - 51px); */
    }
    .Fixed > div {
        height: calc(100vh - 83px); /* calc(100vh - 102px - 83px); */
    }
}

@media (max-width: 500px) {
    .Outer {
        padding: 12px;
    }

    .Inside {
        width: calc(100vw - 24px); /* calc(100vw - 29px); */
        height: calc(100vh - 75px);
    }

    /* Fixed Style */
    .Fixed > div {
        width: calc(100vw - 24px); /* calc(100vw - 29px); */

        /*
        height: calc(65vh - 75px);
        */
    }

    /*
    .Transparent {
        margin-bottom: 100vh;
    }

    .Fixed {
        top: 0vh;
    }
    .Fixed {
        height: calc(100vh - 51px);
    }
    .Fixed > div {
        height: calc(100vh - 75px);
    }

    .Transparent {
        margin-bottom: calc(100vh - 51px - 1px);
    }
    */

    .Fixed {
        top: 0px; /* 51px; */
        height: calc(100vh - 51px); /* calc(100vh - 51px - 51px); */
    }
    .Fixed > div {
        height: calc(100vh - 75px); /* calc(100vh - 51px - 75px); */
    }
}






/* ==== ==== ==== ==== ==== ==== ==== ==== ==== ==== ==== ==== Image ==== */
.image {
    background-image: url(../imgs/background/deskx.jpg);
}
.image:hover {
    background-image: url(../imgs/---.gif);
}

.color {
    background-image: url(../imgs/color.gif);
}

.rwd {
    background-image: url(../imgs/reserve.gif);
}

@media (max-width: 1199px) {
    .rwd {
        background-image: url(../imgs/background/tabl.jpg);
    }
}

@media (max-width: 991px) {
    .rwd {
        background-image: url(../imgs/background/tabl.jpg);
    }
}

@media (max-width: 767px) {
    .rwd {
        background-image: url(../imgs/background/tabl.jpg);
    }
}

@media (max-width: 500px) {
    .rwd {
        background-image: url(../imgs/block/mobile/background.jpg);
    }
}

/* ==== ==== ==== ==== ==== ==== ==== ==== ==== ==== ==== ==== Font ==== */
.CH, b {
    font-weight: 600;
}
.EN, en {
    font-weight: 100;
}

.bootstrap {
    text-shadow: none;
}

.official {
    background-image: url(../imgs/color.gif);

    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: fixed;

    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* ==== ==== ==== ==== ==== ==== ==== ==== ==== ==== ==== ==== Video ==== */
.vid {
    max-width: 767px;
    margin-bottom: 16px;
}

.vid > div {
    height: 0;

    overflow: hidden;
    position: relative;

    padding-top: 0;
    padding-bottom: 56.25%;

    border: 2px rgba(0, 0, 0, .35) solid;
}

.vid iframe,
.vid object,
.vid embed {
    position: absolute;

    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* ==== ==== ==== ==== ==== ==== ==== ==== ==== ==== ==== ==== Link ==== */
a {
    cursor: default;
    text-decoration: none;

    transition: all .5s;
}

a.未命名:hover {
    /* Style.01 */
    background-image: url(../imgs/---.gif);

    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: fixed;

    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;

    /* Style.02
    background: -webkit-linear-gradient(top left, #ev255f 10%, #ev255f 50%, #ev255f 100%);

    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    */
}

/* ==== ==== ==== ==== ==== ==== ==== ==== ==== ==== ==== ==== Imgs ==== */
img {
    width: 100%;
    height: auto;

    display: block;
}

img.max {
    max-width: 200px;

    margin-top: 16px;
    margin-bottom: 32px;
}

img.radius {
    border-radius: 50%;
}
img.radius.shadow {
    box-shadow: 3px 3px 12px #ccc;
}

img.radiux {
    border-radius: 15px;

    /*
    border-top-left-radius: 100px;
    border-bottom-right-radius: 100px;

    border-top-right-radius: 100px;
    border-bottom-left-radius: 100px;
    */
}

@media (max-width: 767px) {
    img.max {
        max-width: 150px;
    }
}

@media (max-width: 500px) {
    img.max {
        max-width: 125px;
    }
}

@media (max-width: 499px) {
    img.max {
        max-width: 100px;
    }
}

/* ==== ==== ==== ==== ==== ==== ==== ==== ==== ==== ==== ==== Bootstrap ==== */
tab {
    width: auto;

    height: 188px;
    display: table-cell;
    vertical-align: middle;
}

tab img {
    max-width: 100px;

    padding: 8px;
    border-radius: 50%;
}

/*
@media (max-width: 767px) {
    tab {
        width: 100%;
        height: auto;
        display: block;
        vertical-align: none;
        text-align: center;
    }

    tab img {
        max-width: 100%;
        padding: 0px;
        border-radius: 0px;
    }
}
*/

/* ==== ==== ==== ==== ==== ==== ==== ==== ==== ==== ==== ==== Other ==== */
.BG {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.BG.FIX {
    background-attachment: fixed;
}

.background {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.background.fixed {
    background-attachment: fixed;
}

iframe {
    float: left;

    width: 100%;
    height: 650px;

    border: 0;
    border-radius: 15px;

    margin-bottom: 16px;
}






/* ==== ==== ==== ==== ==== ==== ==== ==== ==== ==== ==== ==== Vh&Vw ==== */
.VHW > div {
    display: table-cell;
    vertical-align: middle;
}

/* Height */
.VHW > div.FH {
    height: 100vh;
}

.VHW > div.FH90 {
    height: 90vh;
}
.VHW > div.FH85 {
    height: 85vh;
}
.VHW > div.FH75 {
    height: 75vh;
}
.VHW > div.FH65 {
    height: 65vh;
}
.VHW > div.FH50 {
    height: 50vh;
}
.VHW > div.FH35 {
    height: 35vh;
}
.VHW > div.FH25 {
    height: 25vh;
}
.VHW > div.FH15 {
    height: 15vh;
}
.VHW > div.FH10 {
    height: 10vh;
}

/* Team > Header */
.VHW > div.FHS1 {
    height: calc(100vh - 208px);
}

.VHW > div.VH51 {
    height: calc(100vh - 51px);
}

.VHW > div.H83 {
    height: 83px;
}
.VHW > div.H72 {
    height: 72px;
}
.VHW > div.H51 {
    height: 51px;
}

/* Width */
.VHW > div.FW {
    width: 100vw;
    /* width: calc(100vw - 5px); */
}

.VHW > div.FW90 {
    width: 90vw;
}
.VHW > div.FW85 {
    width: 85vw;
}
.VHW > div.FW75 {
    width: 75vw;
}
.VHW > div.FW65 {
    width: 65vw;
}
.VHW > div.FW50 {
    width: 50vw;
}
.VHW > div.FW35 {
    width: 35vw;
}
.VHW > div.FW25 {
    width: 25vw;
}
.VHW > div.FW15 {
    width: 15vw;
}
.VHW > div.FW10 {
    width: 10vw;
}

.VHW > div.FW90R {
    width: calc(90vw - 5px);
}
.VHW > div.FW85R {
    width: calc(85vw - 5px);
}
.VHW > div.FW75R {
    width: calc(75vw - 5px);
}
.VHW > div.FW65R {
    width: calc(65vw - 5px);
}
.VHW > div.FW50R {
    width: calc(50vw - 5px);
}
.VHW > div.FW35R {
    width: calc(35vw - 5px);
}
.VHW > div.FW25R {
    width: calc(25vw - 5px);
}
.VHW > div.FW15R {
    width: calc(15vw - 5px);
}
.VHW > div.FW10R {
    width: calc(10vw - 5px);
}

/* Team */
.VHW > div.FWS1 {
    width: calc(100vw - 208px);
}
.VHW > div.FWS1A {
    width: 72px;
}
.VHW > div.FWS1B {
    width: 83px;
}
.VHW > div.FWS1C {
    width: 51px;
}






.VWH {
    background-color: #3b2e5a;
}
.VWH.TUH {
    background-color: transparent;
}

.VWH .CH {
    font-weight: 600;
}
.VWH .EN {
    font-weight: 100;
}

.VWH > div {
    height: 100vh;
    display: table-cell;
    vertical-align: middle;
}

.VWH > div.TEXT,
.VWH > div.IMGS,
.VWH > div.TEXT a,
.VWH > div.IMGS a {
    color: #fff;
}

.VWH > div.TEXT a,
.VWH > div.IMGS a,
.VWH > div.TEXT a.block span,
.VWH > div.IMGS a.block span {
    display: block;
}

/* Block */
span.normal {
    font-size: 48px;
}

@media (max-width: 1199px) {
    span.normal {
        font-size: 30px;
    }
}

@media (max-width: 991px) {
    span.normal {
        font-size: 30px;
    }
}

@media (max-width: 767px) {
    span.normal {
        font-size: 24px;
    }
}

@media (max-width: 500px) {
    span.normal {
        font-size: 20px;
    }
}

.VWH > div.TEXT a.icon,
.VWH > div.IMGS a.icon {
    display: inline-block;
}

/* Icons */
.fa-stack-1x {
    color: #000;
}
.fa-stack-2x {
    color: rgba(255, 255, 255, .85);
}

.fa-stack.black {
    font-size: 30px;
}
.fa-stack.black > .fa-stack-1x {
    color: #fff;
}
.fa-stack.black > .fa-stack-2x {
    color: rgba(60, 47, 91, .85);

    /*
    rgba(194, 255, 26, .85);
    rgba(255, 217, 26, .85);
    */
}

@media (max-width: 991px) {
    .fa-stack.black {
        font-size: 25px;
    }

    .fa-stack.black > .fa-stack-2x {
        color: rgba(0, 0, 0, .85);
    }
}

@media (max-width: 767px) {
    .fa-stack.black {
        font-size: 25px;
    }
}

@media (max-width: 500px) {
    .fa-stack.black {
        font-size: 25px;
    }

    .fa-stack.black > .fa-stack-2x {
        color: rgba(0, 0, 0, .85);
    }
}

/* Color */
.VWH > div.TEXT a.color,
.VWH > div.IMGS a.color {
    color: rgba(194, 255, 26, .85);
}

.VWH > div.TEXT a.link,
.VWH > div.IMGS a.link {
    font-size: 36px;
    padding-bottom: 12px;
}

.VWH > div.TEXT {
    width: auto;
}
.VWH > div.IMGS {
    width: 100%;

    padding: 32px;

    background-image: url(../imgs/background/deskx.jpg);

    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: fixed;
}

.VWH > div.TEXT h3,
.VWH > div.IMGS h1 {
    margin: 0;
}

.VWH > div.TEXT h3 {
    font-size: 72px;
    font-weight: 100;

    background-image: url(../imgs/color.gif);

    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: fixed;

    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;

    writing-mode: vertical-lr;
    -ms-writing-mode: vertical-lr;
    -webkit-writing-mode: vertical-lr;

    transform: rotate(180deg);
    text-transform: uppercase;
}

.VWH > div.IMGS h1 {
    font-size: 60px;
}
.VWH > div.IMGS h1 span {
    display: block;
    font-size: 25px;
}

.VWH > div.IMGS p {
    font-size: 20px;
}

@media (max-width: 991px) {
    .VWH {
        background-color: #000;
    }

    .VWH > div.IMGS {
        background-image: url(../imgs/background/tabl.jpg);
    }

    .VWH > div.TEXT a.link,
    .VWH > div.IMGS a.link {
        font-size: 28px;
    }

    .VWH > div.TEXT h3 {
        font-size: 48px;
    }
    .VWH > div.IMGS h1 {
        font-size: 36px;
    }
    .VWH > div.IMGS h1 span {
        font-size: 18px;
    }
    .VWH > div.IMGS p {
        font-size: 18px;
    }
}

@media (max-width: 767px) {
    .VWH > div.IMGS {
        padding: 24px;
    }

    .VWH > div.TEXT a.link,
    .VWH > div.IMGS a.link {
        font-size: 20px;
    }

    .VWH > div.TEXT h3 {
        font-size: 48px;
    }
    .VWH > div.IMGS h1 {
        font-size: 36px;
    }
    .VWH > div.IMGS h1 span {
        font-size: 16px;
    }
    .VWH > div.IMGS p {
        font-size: 16px;
    }
}

@media (max-width: 500px) {
    .VWH {
        background-color: #000;
    }

    .VWH > div.TEXT,
    .VWH > div.IMGS,
    .VWH > div.TEXT a,
    .VWH > div.IMGS a {
        color: #fff;
    }

    .VWH > div.IMGS {
        padding: 16px;

        background-image: url(../imgs/block/mobile/background.jpg);
    }

    .VWH > div.TEXT a.color,
    .VWH > div.IMGS a.color {
        color: rgba(194, 255, 26, .85);
    }

    .VWH > div.TEXT a.link,
    .VWH > div.IMGS a.link {
        font-size: 20px;
    }

    .VWH > div.TEXT h3 {
        font-size: 40px;
    }
    .VWH > div.IMGS h1 {
        font-size: 28px;
    }
    .VWH > div.IMGS h1 span {
        font-size: 14px;
    }
    .VWH > div.IMGS p {
        font-size: 14px;
    }
}






/* ==== ==== ==== ==== ==== ==== ==== ==== ==== ==== ==== ==== Touch 01 ==== */
.TUH {
    z-index: 3; 
    display: none; 
    overflow: auto; 
    position: fixed; 
}

.TUH > div {
    width: 100vw;
}
.TUH > div.CONTENT {
    width: 100%;
}

.TUH > div {
    padding: 32px;

    color: #fff;
    background: rgba(0, 0, 0, .75);
}

.TUH > div > div {
    max-width: 767px;
}
.TUH > div > div.w375 {
    max-width: 375px;
}

             div.w375 > .max375 {
                 max-width: 375px;

                 #background-color: rgba(60, 47, 91, .75);
                 #background-color: rgba(46, 0, 102, .5);
                 #background: -webkit-linear-gradient(135deg, rgba(64, 0, 128, .75), rgba(0, 189, 170, .75));
                 background: -webkit-linear-gradient(135deg, rgba(46, 0, 102, .75), rgba(54, 0, 179, .5), rgba(105, 71, 255, .35));

                 padding: 32px 8px;

                 border-radius: 15px;
                 border: 3.5px solid rgba(255, 255, 255, .85);

                 text-align: justify;
             }

             div.w375 > .max375 > h3 {
                 margin-top: 0;

                 font-size: 26px;
             }
             div.w375 > .max375 > p {
                 font-size: 18px;
             }
             div.w375 > .max375 > p span {
                 display: block;
                 padding-top: 12px;

                 font-size: 13px;
             }

             /* Block > Color */
             .blks {
                 max-width: 375px;
                 padding: 32px 16px;
                 border-radius: 15px;
             }

             .blks > img {
                 max-width: 135px;
             }

             .blks > p {
                 font-size: 24px;
             }
             .blks > p > span {
                 display: block;
                 font-size: 16px;
                 font-weight: 100;
             }
             .blks > a {
                 font-size: 14px;
             }
             .blks > div {
                 margin-bottom: 16px;
                 padding: 16px 16px;
             }
             .blks > div.none {
                 padding: 0px 0px;
             }
             .blks > div > p {
                 margin: 0;
                 font-size: 14px;
             }
             .blks > div > a p {
                 font-size: 16px;
             }

             /* Color：01 */
             .blks.cfae4db {
                 color: #fae4db; 
                 background-color: #44abaa;
                 border: 3.5px solid #44abaa;
             }
             .blks.cfae4db div {
                 border: 2px #fae4db dashed;
             }
             .blks.cfae4db .fa-stack-2x {
                 color: #fae4db;
             }
             .blks.cfae4db .fa-stack-1x {
                 color: #44abaa;
             }

             /* Color：02 */
             .blks.c44abaa {
                 color: #44abaa; 
                 background-color: #fae4db;
                 border: 3.5px solid #fae4db;
             }
             .blks.c44abaa div {
                 border: 2px #44abaa dashed;
             }
             .blks.c44abaa .fa-stack-2x {
                 color: #44abaa;
             }
             .blks.c44abaa .fa-stack-1x {
                 color: #fae4db;
             }

             /* Color：03 */
             .blks.cff8589 {
                 color: #ff8589; 
                 background-color: #baded6;
                 border: 3.5px solid #baded6;
             }
             .blks.cff8589 div {
                 border: 2px #ff8589 dashed;
             }
             .blks.cff8589 .fa-stack-2x {
                 color: #ff8589;
             }
             .blks.cff8589 .fa-stack-1x {
                 color: #baded6;
             }

             /* Color：04 */
             .blks.cffb8ba {
                 color: #fff; 
                 background-color: #ffb8ba;
                 border: 3.5px solid #ffb8ba;
             }
             .blks.cffb8ba div {
                 border: 2px #fff dashed;
             }
             .blks.cffb8ba .fa-stack-2x {
                 color: #fff;
             }
             .blks.cffb8ba .fa-stack-1x {
                 color: #ffb8ba;
             }

             /* Color：T01 */
             .blks.c3b2e5a {
                 background-color: #3b2e5a;
                 border: 3.5px solid #3b2e5a;
             }
             .blks.c3b2e5a .fa-stack-1x {
                 color: #3b2e5a;
             }
             .blks.c3b2e5a,
             .blks.c3b2e5a .fa-stack-2x {
                 color: #fae4db;
             }
             .blks.c3b2e5a div {
                 border: 2px #fae4db dashed;
             }

             /* Color：T01s */
             .blks.c3b2e5x {
                 background-color: #fae4db;
                 border: 3.5px solid #fae4db;
             }
             .blks.c3b2e5x .fa-stack-1x {
                 color: #fae4db;
             }
             .blks.c3b2e5x,
             .blks.c3b2e5x .fa-stack-2x {
                 color: #3b2e5a;
             }
             .blks.c3b2e5x div {
                 border: 2px #3b2e5a dashed;
             }

.TUH p {
    font-size: 18px;
}

@media (max-width: 991px) {
    .TUH p {
        font-size: 18px;
    }
}

@media (max-width: 767px) {
    .TUH p {
        font-size: 15px;
    }
}

@media (max-width: 500px) {
    .TUH > div {
        padding: 16px;
    }

    .TUH p {
        font-size: 12px;
    }
}



/* Scroll Bar */
.scroll {
    width: auto;
    height: 100%;

    padding: 32px 8px;

    overflow: auto;
}

.scroll::-webkit-scrollbar-track {
    background-color: #250033;
}
.scroll::-webkit-scrollbar-thumb {
    background-color: rgba(194, 255, 26, .85);
}

/* Scroll Bar > Color ==== ==== ==== ==== ==== ==== ==== ==== */
.scroll.thin::-webkit-scrollbar {
    width: 4px; !important
}

.scroll.thin::-webkit-scrollbar-thumb,
.scroll.thin::-webkit-scrollbar-track {
    border-radius: 2px;
}

/* 待刪除 */
.scroll.b0092b3::-webkit-scrollbar {
    width: 4px; !important
}

.scroll.b0092b3::-webkit-scrollbar-thumb,
.scroll.b0092b3::-webkit-scrollbar-track {
    border-radius: 2px;
}
/* === End === 待刪除 */



/* #0092b */
.scroll.b0092b3::-webkit-scrollbar-track {
    background-color: #000;
}
.scroll.b0092b3::-webkit-scrollbar-thumb {
    background-color: rgba(0, 146, 179, .85);
}

/* #000 */
.scroll.bfff::-webkit-scrollbar-track {
    background-color: #000;
}
.scroll.bfff::-webkit-scrollbar-thumb {
    background-color: rgba(255, 255, 255, .85);
}
/* ==== End ==== Table > Color ==== ==== ==== ==== ==== ==== ==== ==== */



/* Table */
table,
table td {
    color: #fff;
    border: 1px solid rgba(255, 255, 255, .75);
}

/* Table > Color ==== ==== ==== ==== ==== ==== ==== ==== */
table.c6a42ed,
table.c6a42ed td {
    color: #6a42ed;
    border: 1px solid rgba(104, 64, 237, .75);
}

table.cbcff1f,
table.cbcff1f td {
    color: #bcff1f;
    border: 1px solid rgba(188, 255, 31, .75);
}

table.cff0088,
table.cff0088 td {
    color: #ff0088;
    border: 1px solid rgba(255, 0, 136, .75);
}

table.c0092b3,
table.c0092b3 td {
    color: #0092b3;
    border: 1px solid rgba(0, 146, 179, .75);
}



div.s6a42ed {
    border: 3.5px solid rgba(104, 64, 237, .75);
}
div.sbcff1f {
    border: 3.5px solid rgba(188, 255, 31, .75);
}
div.sff0088 {
    border: 3.5px solid rgba(255, 0, 136, .75);
}
div.s0092b3 {
    border: 3.5px solid rgba(0, 146, 179, .75);
}

div.s6a42ed h3,
div.s6a42ed p,
div.s6a42ed span,
div.s6a42ed i,
div.s6a42ed a {
    color: #6a42ed;
}

div.sbcff1f h3,
div.sbcff1f p,
div.sbcff1f span,
div.sbcff1f i,
div.sbcff1f a {
    color: #bcff1f;
}

div.sff0088 h3,
div.sff0088 p,
div.sff0088 span,
div.sff0088 i,
div.sff0088 a {
    color: #ff0088;
}

div.s0092b3 h3,
div.s0092b3 p,
div.s0092b3 span,
div.s0092b3 i,
div.s0092b3 a {
    color: #0092b3;
}

div.s6a42ed h3 {
    border-bottom: 3.5px solid rgba(104, 64, 237, .75);
}
div.sbcff1f h3 {
    border-bottom: 3.5px solid rgba(188, 255, 31, .75);
}
div.sff0088 h3 {
    border-bottom: 3.5px solid rgba(255, 0, 136, .75);
}
div.s0092b3 h3 {
    border-bottom: 3.5px solid rgba(0, 146, 179, .75);
}



div.s6a42ed,
div.sbcff1f,
div.sff0088,
div.s0092b3 {
    max-width: 500px;

    padding: 32px 16px;
    border-radius: 15px;

    margin-bottom: 16px;
}

div.s6a42ed h3,
div.sbcff1f h3,
div.sff0088 h3,
div.s0092b3 h3 {
    display: inline-block;

    margin: 0px;
    padding-bottom: 8px;

    font-size: 28px;
}

div.s6a42ed p,
div.sbcff1f p,
div.sff0088 p,
div.s0092b3 p {
    font-size: 16px;
}

div.s6a42ed a,
div.sbcff1f a,
div.sff0088 a,
div.s0092b3 a {
    font-size: ---;
}



/* Article */
div.article h3 {
    display: block;

    padding-bottom: 16px;

    border-bottom: none;
}
div.article p {
    text-align: justify;
}

div.article .xl {
    max-width: 350px;
}

div.article .xl h3,
div.article .xl p {
    margin: 0;
    padding: 0;
    text-align: center;
}

div.article .xl h3 {
    font-size: 24px;
}
div.article .xl p {
    font-size: 24px;
}

div.article .xl span {
    display: block;
    padding: 8px;

    font-size: 16px;
}
/* ==== End ==== Article */



div.s6a42ed i.fa-inverse,
div.sbcff1f i.fa-inverse,
div.sff0088 i.fa-inverse,
div.s0092b3 i.fa-inverse {
    color: #000;
}

div.s6a42ed table,
div.sbcff1f table,
div.sff0088 table,
div.s0092b3 table {
    margin-bottom: 16px;
}
/* ==== End ==== Table > Color ==== ==== ==== ==== ==== ==== ==== ==== */



table {
    width: 100%;
    border-collapse: collapse;
    font-size: 16px;
    text-align: center;
}

td {
    padding: 5px 0px;
}

/* New Add */
.svh {
    width: 100%;

    height: 70vh;
    display: table-cell;
    vertical-align: middle;

    border-radius: 7.5px;
    background-color: rgba(0, 0, 0, 0);
}

.svh > div {
    padding-top: 16px;
}

.svh > a {
    display: block;
    margin-top: 16px;
}

.svh a.link {
    display: block;

    padding-top: 8px;
    padding-bottom: 8px;

    font-size: 22px;
}
.svh a.icon {
    display: inline-block;

    font-size: 16px;
}



.justify p,
.justifs {
    text-align: justify;
}
.justify p.xl {
    font-size: 20px;
    text-align: center;
}
.justify span {
    display: block;
}

/* ==== ==== ==== ==== ==== ==== ==== ==== ==== ==== ==== ==== Touch 02 ==== */
.white,
.background {
    max-width: 375px;
    padding: 32px 16px;
    border-radius: 15px;
}



/* Style > Background */
.background {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;

    background-image: url(../imgs/reserve.gif);
}

.background div {
    max-width: 235px;

    padding-top: 24px;
    padding-bottom: 8px;

    text-align: justify;
}

.background h3,
.background a {
    color: #fff;
}

.background h3 {
    margin: 0;
    font-size: 32px;
}

.background a {
    display: block;
}
.background div a {
    margin-bottom: 16px;
}

.background div en {
    font-size: 20px;
}

/* Style > White */
.white {
    background-color: #fff;
}

.white,
.white a,
.white i.fa-stack-2x {
    color: #222;
}
.white i.fa-stack-1x {
    color: #fff;
}

.white > h3 {
    font-size: 20px;
}
.white > p {
    font-size: 13px;
}

.white > img {
    max-width: 125px;

    margin-top: 16px;
    margin-bottom: 16px;
}

/* Style > White > Other */
.white.xl {
    margin-bottom: 0px;
}

.white.xl > h3 {
    font-size: 24px;

    /* Style 01 */
    display: inline-block;
    margin-top: 0;

    margin-bottom: 16px;
    padding: 6px 12px;

    color: white;
    background-color: black;

    border-radius: 7.5px;

    /* Style 02 */
    /*
    display: inline-block;

    margin-top: 0;
    margin-bottom: 16px;

    border-bottom: 3.5px solid rgba(0, 0, 0, .75);
    padding-bottom: 8px;
    */
}

.white.xl > p {
    font-size: 14px;
}

.white.xl > div {
    margin-bottom: 16px;
}

.white.xl > div p,
.white.xl > div a {
    display: block;
    padding-top: 8px;
    padding-bottom: 8px;

    font-size: 18px;
}

.white.xl > div p {
    margin: 0;
}

.white.xl > div a.button {
    /* display: inline-block; */

    margin-bottom: 16px;
    padding: 4px 16px;

    color: #fff;
    background-color: #3b2e5a;

    font-size: 16px;
    text-align: center;
}

.white.xl > div span {
    display: block;
    padding-top: 8px;

    font-size: 14px;
    text-align: justify;
}

.white.xl > div hr {
    border: 0;
    height: 1px;

    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, .75), rgba(0, 0, 0, 0));
}