@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC&display=swap');
@import url('https://fonts.googleapis.com/icon?family=Material+Icons');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100;300;400;500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100;500&family=Noto+Serif+TC:wght@500&display=swap');
@import url('reveal.css');

@font-face {
    font-family: 'GoudyHeavyfaceBT';
    src: url('font/goudhfcn.ttf');
}

html,
body {
    position: relative;
    width: 100%;
    font-family:'Noto Sans TC','raleway', 'Montserrat Hairline', sans-serif, Helvetica Neue, Helvetica, Arial, sans-serif;    
    font-size: 12pt;
    color: #4d4d4d;
    margin: 0;
    padding: 0;
}
.bodyBg{background: url(../images/xl_aboutBg.png);}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{font-family:'Noto Sans TC','GoudyHeavyfaceBT','GFS Didot Regular';
    font-weight: normal;}
h5{font-size: 1.2rem;}
h1{font-size: 2rem;}

a {
    color: #000;
    text-decoration: none;
}

a:hover {
    color: #fc9804;
}
a:hover .bannerTit{color: #fffc3d;}

a.a1 {
    color: #f5b96b;
    text-decoration: none;
}

a.a1:hover {
    color: #df8714;
}
a.a2 {
    color: #fff;
    text-decoration: none;
}

a.a2:hover {
    color: #ecff82;
}

a.a3 {
    color: #000;
    text-decoration: none;
}
a.a3:hover {
    color: #ff9100;
}


a.a4 {
    color: #4d4d4d;
    text-decoration: none;
}
a.a4:hover {
    color: #0066b3;
}
a.hover{color: #0066b3;}

a.a5{color: #0066b3;}
a.a5:hover { color: #ff9100;text-decoration: none;}


.nowrap{white-space: nowrap;}

body,
div,
button,
ul,
a,
label,
button,
.btn {
    font-family: 'Noto Sans TC', 'raleway',;
}

div {display: block;}
ul li,p{line-height: 2;font-size: 1.2rem;}


input::placeholder {
    color: #808080;
    opacity: 1; /* Firefox */
}

input::-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #808080;
}

input::-ms-input-placeholder { /* Microsoft Edge */
    color: #808080;
}

.d-flex{justify-content: center;align-items: center;}
.goTop{background: linear-gradient(#b2deff 0%, #0066b3 60%);border-radius: 50px;position: fixed;right: 6%;bottom: 10%;
    color:#fff;display: none;justify-content: center;align-items: center; width: 50px;height: 50px;text-align: center;z-index: 100;}
.goTop:hover{color: yellow;background: #0066b3;cursor: pointer;}


.cards-wrapper {
    display: flex;
    justify-content: center;
}

.card img {
    max-width: 100%;
    max-height: 100%;
}

.contain.indexStoreGrp{margin: 4rem auto;}
.storesImgGrp{position: relative;}
.storesImgGrp .img{margin: 0;}
.storesImgGrp .card:nth-last-of-type(2){padding: 0 2px;}



.brandGrp{position: relative;background: #f1c631;color: #000;padding: 1rem;width: 100%;display: block;margin: auto;
    z-index: 1000;}
.brandGrp.fixed{position:fixed;top: 0;left: 0;}
.contain{position: relative;width: 90%;margin: auto;}
.navGrp{display: flex;    justify-content: center;    align-items: center;
    padding: 0.5rem;}
.logoImg{width: 300px;}
.hover:hover{color: #df8714;cursor: pointer;}
.ulNav{list-style-type: none;padding: 0;margin: 0;display:flex; 
    justify-content: flex-start; align-items: center;flex: 1;}
.ulNav li a.iconGrp{display: inline-block;padding:0;padding-left: 5px;}
.ulNav li a{padding: 5px 10px;display: block;text-align: center;}
.ulNav li a.carGrp{display: block;background: url(../images/xl_stationer_car_bg.png) no-repeat center center;
    background-size: 110%;}
.ulNav li a.carGrp h5{color: #fbcc26;font-size: 1rem;text-align: left;padding-left:3rem;
    letter-spacing: 15;}
.ulNav li a.carGrp small{color: #fff;font-size: 0.2rem;
    display: block;font-weight: normal;letter-spacing:normal;}
.ulNav li a h5{font-weight: 400;margin-bottom: 0;}
.ulNav li a span{font-size: 0.9rem;font-family: 'raleway','Montserrat Hairline';font-weight: bold;}
.icon{width: 50px;}

.bannerGrp{position: relative;left: 0;top: 0;width: 100%;
    animation-name: banner_Img;    animation-duration: 1s;
    background: url(../images/xl_stationer_bannerBg.png) no-repeat top center;
    background-size: cover;
    display: flex;    
    justify-content: center;
    align-items: center;
}
@keyframes banner_Img {
    0% {
        margin-top: 100px;
        opacity: 0;
    }

    100% {
        margin-top: 0px;
        opacity: 1;
    }
}
.bannerGrp .bannerGrpContain{display: flex;}
.bannerGrp .bannerGrpLeft{position: relative;flex: 1;}
.bannerGrp .bannerGrpMid{flex: 1;}
.bannerGrp .bannerGrpMid img{}
.bannerGrp .bannerGrpRight{flex: 1;}
.bannerGrp .bannerImgGrp{display: block;margin: auto;text-align: center;position: relative;}
.bannerGrp .bannerTit{position: absolute;  bottom: 12%; left: 0;
    display: block;  width: 100%;  text-align: center;
    color: #fff;}
.bannerImg img{width: 100%;}

.carousel-control-prev-icon{background:url(../images/xl_stationer_arrow_toLeft.png);
    width: 50px;height: 50px;background-size: cover;}
.carousel-control-next-icon{background: url(../images/xl_stationer_arrow_toRight.png);
    width: 50px;height: 50px;background-size: cover;}
.carousel{margin: 4rem 4rem;}
.storesImgGrp .carousel{margin: 2px;}
.carousel-control-next, .carousel-control-prev{width: unset;}
.carousel-control-prev{left:-5%;}
.carousel-control-next{right:-5%;}
.carousel-control-next, .carousel-control-prev{z-index: 100;}
.card{border: 0;}

.footerGrp{background: #0066b3;color: #fff;padding: 2rem 3rem;}
.footerGrp .footerContactGrp{display: flex;justify-content: center;align-items: center;}
/* .footerGrp .footerContactGrp .serviceData{flex: 0.5;}
.footerGrp .footerContactGrp .contactData{flex: 0.3;}
.footerGrp .footerContactGrp .footerLogoGrp{flex: 0.2;} */
.footerGrp .footerContact{display: flex;}
.footerGrp .footerContact .contactGrp{margin-right: 1rem;}
.footerGrp .footerQrCode{display: flex;margin-top: -10%;}
.footerGrp .qrCodeGrp{display: block;text-align: center;}
.footerGrp .qrCodeGrp img{margin: 0.5rem;width: 100px;}
.footerGrp .footerTit{background: url(../images/xl_stationer_icon_star.png)no-repeat left center;
    font-size: 1.2rem;padding-left: 1.5rem;background-position: 0 -1px;background-size: 25px;}
.footerGrp .footerUl{list-style: none;padding: 0;padding-left: 1.2rem;}
.footerGrp .footerUl li{background: url(../images/xl_stationer_icon_item.png)no-repeat left top;
    padding-left: 1.5rem;line-height: 1.7;background-position: 2px;background-size: 25px;}
.footerGrp .footerLogoGrp ul{list-style-type: none;padding: 0;margin: 0;}
.footerGrp .footerLogoGrp ul li{text-align: center;margin-bottom: 0.5rem;}
.footerGrp .footerLogoGrp ul li img{margin:0 0.5rem;}

.footerGrp .footerLogoGrp .footerLogo{width: 60%;margin: top auto;}
.footerGrp .footerLogoGrp .footerFb{width: 100px;}
.footerGrp .footerLogoGrp .footerLine{width: 100px;}
.footerGrp .footerCopyRight{text-align: center;}


/*about*/
.bgBlue{background: #0066b3;color: #fff;}
.bgWhiteGray{background: #f2f2f2;color: #808080;}
.borderBlue{border: 0;border-top: 1px solid #0066b3;}
.txtColorWhiteGray2{color: #808080;}
.txtColorBlue{color: #0066b3;}
.txtColorGray{color: #4d4d4d;}
.txtColorRed{color: #ed1c24;}
.txtColorWhiteGray{color: #999999;}
.imgFullGrp img{max-width: 100%;width: 100%;}
.boxShadow{
    background: #fff;
    -webkit-box-shadow: -5px 0px 10px #ccc;
	-moz-box-shadow: -5px 0px 10px #ccc;
	box-shadow: -5px 0px 10px #ccc;padding-left: 0;padding-right: 0;}
.borderTop{border-top: 6px solid #0066b3;}
.navLeftGrp{margin:3rem 2rem 0 4rem;padding: 1rem;}
.navLeftUl{list-style-type: none;margin: 0;padding: 0;}
.navLeftUl li{background: url(../images/xl_iconArrowBlue.png) no-repeat 0px center;
    background-size: 20px;padding-left: 25px;line-height: 2;}
.navLeftUl li a{font-size: 1.2rem;}

.mgTit{margin: 3rem 5rem;}
.title{
    display: inline-block;  border: 2px solid #0066b3;
    color: #0066b3;  border-radius: 10px;
    padding: 1rem 2rem; letter-spacing: 5px;
}
.aboutLogo img{width: 60%;margin: auto;display: block;}
.subTitleGrp{}
.subTitleGrp .subTitle{letter-spacing: 5px;}
i.star{font-size: 30px;}
.aboutSlogenTxt{background: #fef7df;padding: 3rem 0;}
.aboutDesc{}
.aboutDesc2Grp{position: relative;}
.aboutDesc2Grp .aboutDesc2Bg{width: 60%;display: block;margin: auto;}
.aboutDesc2{width: 600px;display: flex;justify-content: center;align-items: center;
    background: url('../images/xl_bg_text.png') no-repeat center center;
    background-size: cover;margin: 2rem auto;padding: 5rem;text-align: center;}
.aboutDesc2 p{font-size: 1.5rem;}
.logoAboutBrushGrp{}
.logoAboutBrushGrp .logoAboutBrushImg{width: 60%;margin: auto;display: block;}

.dataContent{padding: 2rem 2rem 5rem 1.1rem;word-break: break-all;}

.aboutDataContent{padding-bottom: 5rem;}

.titInquiry{padding: 1rem 1.2rem;font-size: 1.2rem;}
.inqContactGrp{flex: 1;}
.logoBrushImg{flex: 0.8;}

.inqContactUl{list-style-type: none;margin: 0;padding: 0;}

.lnquiryUl{list-style-type: "■ ";}
.lnquiryUl .lnquirySubUl{list-style-type:decimal;}
.ulCjkIdeographic{list-style-type: cjk-ideographic;}
.ulDisc{list-style-type: none;}
.ulDisc li::before {
    content: " ● ";
    padding-right: 2px;
    color: #0066b3;
    display: inline-block;
    line-height: 1.2rem;
    font-size: 16px
  }

.ContactMailImg{}
.aboutContactGrp{background: #0066b3;color: #fff;border-radius: 10px;padding: 2rem;position: relative;
    width: 70%;font-weight: 300;}
.aboutContactGrp .inqContactUl{font-size: 1.2rem;}
.aboutContactGrp .ContactMailImg{position: absolute;bottom: 2%;right: -20%;width: 50%;}

.messageTitImg{width: 150px;}
.fromGrp .form{flex: 1;}
.fromGrp .brushImg{width: 150px;margin: 0 2rem;}
.fromGrp .form-control{border: 1px solid #0066b3;}
.fromGrp .formBtnGrp{display: flex;justify-content: flex-start;align-items: center;}
.fromGrp .formBtnGrp .formBtnGrp1{flex: 1;margin-top: 20%;}
.fromGrp .form-group .col-form-label{padding-left: 5px;padding-right: 5px;}
.btnBlue{display: inline-block;background:#0066b3;color: #fff;padding: 1rem 4rem;font-size: 1.2rem ;
    position: relative;border-radius: 0;}
.btnBlue .material-icons{position: absolute;top:0;right:10%;line-height: 2;font-size: 30px;}
.btnBlue:hover{color: rgb(255, 230, 0);background:rgba(0, 102, 179,0.8);}
.form-group.row{align-items: flex-start;}
.d-flex .formMapSearchGrp{flex: 1;}
.formMapSearchGrp .searchTit{font-weight: bold;}
.formMapSearchGrp label.searchTit{font-size: 1.2rem;}
.formMapSearchGrp .row .inputGrp{padding-left: 5px;padding-right: 0;}
.formMapSearchGrp .form-group.row{align-items: center;}
.imgFullGrp .shinyMapImg{width: 200px;}
.mapAreaGrp{border-radius: 20px; padding: 2rem;position: relative;}
.mapAreaGrp .mapStarImg{position: absolute;top: -20px;left: -20px;width: 60px;}

.form-control.inputSearch{
    border: 0; border-radius: 10px; margin: 0.5rem 0;
    margin-right: 1rem; font-weight: 500;color: #808080;font-size: 1.1rem;
}

.lineAllianceGrp{display: flex;justify-content: flex-end;align-items: center;position: relative;}
.lineAllianceGrp .allianceLogoBrushImg{width: 60%;margin-top: 3rem;}
.lineAllianceGrp .lineAllianceTxt{background: url(../images/xl_text_message.png) no-repeat center center;
    background-size: 100%;padding: 3rem;flex: 1;margin: 1rem;display: flex;justify-content: flex-start;align-items: center;
    position: absolute;    top: 0;    left: 15%;    width: 500px;
}


.signNumGrp{
    display: flex; justify-content: flex-start; align-items: flex-start;
}
.signNumGrp .signNum{padding-top: 2px;}
.fromGrp .signNum img{width: 25px;}

.logoMailImg{width: 300px;}

.contentFullHeight{width: 100%;height: 100vh;display: flex;justify-content: center;align-items: center;padding-bottom: 6rem;}
.loadingContent{width: 80%;}
.loadingLogoImgGrp{margin-bottom: 2rem;}
.loadingLogoImgGrp .loadingLogoImg{display: block;margin:auto;width: 100%;}
.loadingCarImgGrp{display: block;padding: 1rem 2rem;}
.loadingCarImg{width: 200px;
    position: relative;
    animation: car_img 5s infinite;

}
@keyframes car_img {
    from {left: 0px;}
    to {left: calc(100% - 150px);}
  }
.loadingGrp{background: #fbcc26;color: #fff;border-radius: 20px;width: 100%;height: 50px;display: block;
    position: relative;text-align: center;line-height: 50px;font-size: 1.5rem;}
.loadingGrp .loading{background: #ffebb3;height: 49px;width: 100px;border-radius: 20px;    
    position:absolute;top: 0;left: 0;
    animation: loading_box 5s infinite;}

.ww{position: relative;left: 0;top: 0;width: 100%;
    animation-name: banner_Img;    animation-duration: 1s;
    background: url(../images/xl_stationer_bannerBg.png) no-repeat center center;
    background-size: cover;
    display: flex;    
    justify-content: center;
    align-items: center;
}
@keyframes loading_box {
    0% {
        width:1%;
    }

    100% {
        width:100%;
    }
}

.appMenuOpen{display: none;}
.appMenuClose{display: none;}
.appMenuGrp{display: none;margin-left: auto;}
@media only screen and  (max-width:1440px){
    .contain{width: unset;}
    .logoImg{width: 200px;}
}
@media only screen and  (max-width: 1200px){    
    .footerGrp .footerContactGrp{flex-wrap: wrap;}
    .footerGrp .footerLogoGrp ul li{margin-bottom: unset;}
    .footerGrp .footerLogoGrp .footerLine,
    .footerGrp .footerLogoGrp .footerFb{margin-top: 5%;}
}
@media only screen and  (max-width: 1024px){
    .bannerGrp .bannerTit{bottom: 1.5rem;font-size: 1.8rem;}
    .footerGrp .footerQrCode{margin-top: unset;justify-content: center;margin: 2rem 0;}
    .ulNav li a.iconGrp{padding-left: unset;}
    .ulNav li:last-child{white-space: nowrap;}
    .navLeftGrp{margin: 1rem;}
    .contain.indexStoreGrp{margin: 0 auto;}
    .carousel-control-prev{left: 5%;}
    .carousel-control-next{right: 5%;}
}
@media (min-width: 913px){
    .bannerGrp .carousel-inner{
        position: unset;
        width: unset;
        overflow: unset;}
    .bannerGrp .carousel-item{
        display: unset;
        float: unset;
        width: unset;
        margin-right: unset;
    }
    .bannerGrp .carousel-control-prev{display: none;}
    .bannerGrp .carousel-control-next{display: none;}
    .bannerGrp.carousel{margin: 0;}
    .bannerGrp img{width: 100%;}
    .navGrp.appNavGrp{display: none;}
    /* .bannerGrp .bannerGrpMid .bannerImgGrp{display: flex;align-items: flex-end;height: 100%;} */
}
@media only screen and (max-width: 912px){
    .appMenuGrp{display: block;}
    .appMenuOpen{display: block;}
    .brandGrp{}
    .navGrp{display: none;position: fixed;top: 0;left: 0;background: #f1c631;margin: 0;padding: 0;width: 100vw;height: 100%;
       padding-top: 87.95px;z-index: 1000;
    }/* margin-top: calc(100vh - 87.95px)*/
    
    .navGrp.appNavGrp{
        display:block;
        align-items: flex-start;
    }
    .navGrp .ulNav{display: block;}
    .navGrp .ulNav li{border-bottom: 1px dotted #fff;}
    .navGrp .ulNav li a{text-align: left;padding:0.8rem 1.5rem;line-height:2.5rem;}
    .navGrp .ulNav li a.iconGrp{padding: 0.5rem;}
    .ulNav li a.carGrp{background-position: left center;background-size: 200px;}

    .bannerGrp.carousel{margin: 0;}
    .bannerGrp .carousel-control-prev{left: 5%;align-items: flex-start;margin-top: 40%;}
    .bannerGrp .carousel-control-next{right: 5%;align-items: flex-start;margin-top: 40%;}
    #sliderBanner.bannerGrp img{width: 50%;}
    .footerGrp .footerContact{flex-wrap: wrap;}
    .carousel{margin: 2rem 0rem;}
    .carousel-control-prev{left: 5%;}
    .carousel-control-next{right: 5%;}
    .bannerGrp .bannerTit{bottom: 1.8rem;}
    .fromGrp .brushImg{margin: 0 0 0 1rem;}
    .formMapSearchGrp label.searchTit{white-space: nowrap;}
    .imgFullGrp .shinyMapImg{width: 150px;}
    .logoMailImg{width: 250px;}
    .fromGrp .formBtnGrp .formBtnGrp1{margin-top: 3rem;}
    .carousel-control-prev,
    .carousel-control-next{display: none;}

    
}
@media (max-width: 768px){
    .navLeftUl li{display: inline-block;}
    .row{margin-right: 0px; margin-left: 0px;}
    .col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto{
        padding-left: 0;padding-right: 0;
    }
    .lineAllianceGrp .lineAllianceTxt{left: 0%;width: 450px;}
    .lineAllianceGrp .allianceLogoBrushImg{margin-top: 7rem;}
    .aboutContactGrp{width: 80%;}
}
@media only screen and (max-width: 600px){
    #sliderBanner.bannerGrp img{width: 65%;}
    .bannerGrp .bannerTit{bottom: 1.5rem;}
    .lineAllianceGrp .allianceLogoBrushImg{margin-top: 50%;width: 80%;}
    .navLeftUl{display: block;width: 95%;white-space: nowrap;overflow:auto;margin: auto;}
    .justify-content-end{justify-content: flex-start !important;}
    .logoMailImg{width: 80%;display: block;margin: 2rem auto;}
    .btnBlue.mt-5{margin-top: 1rem !important;}
    .mapAreaGrp.d-flex{flex-wrap: wrap;}
    .imgFullGrp{width: 100%;}
    .inqImgGrp .imgFullGrp{width: unset;}
    .imgFullGrp .shinyMapImg{display: block;margin: auto;}
    .form-group{margin: 0;}
    .aboutDesc2{width: 100%;}
    .logoAboutBrushGrp .logoAboutBrushImg{width: 90%;}
    .aboutSlogenTxt{padding: 3rem 1rem;}
    .aboutLogo img{width: 90%;}
    .mgTit{margin: 3rem 2rem;}
    .title{padding: 0.5rem 1rem;}
    h1{font-size: 1.5rem;}
    .navLeftGrp{padding: 1rem 0;}
    .btnBlue{width: 100%;}
@media only screen and (max-width: 440px){
    #sliderBanner.bannerGrp img{width: 80%;}
    .bannerGrp .bannerTit{bottom: 1.5rem;font-size: 1.4rem;}
    .bannerGrp .carousel-control-next,
    .bannerGrp .carousel-control-prev{margin-top: 50%;}  
    .lineAllianceGrp .lineAllianceTxt{width: 100%;padding: 1rem 1rem 1rem 2rem ;margin: 0;}
    
    .h2, h2{font-size:1.8rem}
    .aboutDesc{width: 80%;display: block;margin: auto;font-size: 1rem;}
    .aboutDesc2 p{font-size: 1.2rem;}
    ul li, p{font-size: 1rem;}
    .d-flex{flex-wrap: wrap;}
    .inqContactGrp, .logoBrushImg{width: 100%;flex: none;}
    .fromGrp .form{flex: none;width: 100%;}
    .fromGrp .brushImg{ display: block;  position: absolute; z-index: 0; bottom: 5%;  left: 0;width: 30%; }
    .logoMailImg{margin: unset;margin-left: auto; width: 60%;}
    .mapAreaGrp{padding: 1rem;}
    .form-control.inputSearch{font-size: 1rem;}
    .mapAreaGrp .mapStarImg{width: 40px;top: -10px;left: -10px;}
    
}
@media only screen and (max-width: 400px){
    #sliderBanner.bannerGrp img{width: 90%;}
    .bannerGrp .bannerTit{bottom: 1.8rem;}
    .titInquiry{font-size: 1rem;}
}
@media only screen and (max-width: 300px){
    .dataContent{padding: 1rem;}
    .bannerGrp .bannerTit{bottom: 1rem;}
    .messageTitImg{width: 90px;}
    .mt-5, .my-5{margin-top: 1rem !important;}
    .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{margin: 0.5rem 0;}
    .fromGrp .brushImg{bottom: 1%;}
    .signNumGrp .signNum{white-space: nowrap;}
    .fromGrp .signNum img{width: 15px;}
    .lineAllianceGrp .lineAllianceTxt{padding: 1rem;}
    ul li, p{font-size: 0.8rem;margin: 0.5rem 0;}
    .aboutDesc2{padding: 2rem;}
    .m-5{margin: 1rem !important;}
    .aboutDesc{width: 90%;font-size: 0.8rem;}
    .aboutDesc2 p{font-size: 0.9rem;}
    .h2, h2{font-size: 1rem;}
    h1{font-size: 1.2rem;}
    i.star{font-size: 1rem;}
    .mgTit{margin: 1rem;}
    .lnquiryUl{padding: 0 1rem;}
    .footerGrp .footerLogoGrp ul li:nth-child(2){display: flex;}
    
    
}