/* my新增 logo的標準色*/
.my-bg-red-logo
{
  background-color:#dc121f;  
}

/* 服務項目的標題*/
.my-bg-red
{
  background-color:#ec2b7f;
}
/* my新增 服務項目的title*/
.my-bg-red2
{
  background-color:#E91E63;
}

.my-bg-grey {
    background-color: #f2d0cc;
}

/* my 新增btn的色 首頁服務項目 */
.btn-purple
{
  background-color:#E1BEE7;
}

/* my 新增btn的背景色 首頁服務項目 */
.btn-purple-dark
{
  background-color:#3c98dd;
  color:antiquewhite;
}


/*最新消息陰影*/
.div_b {
    box-shadow: 0px 0px 20px black;
}

/*NAV自訂顏色*/
:root,
[data-bs-theme=bg-dark] {
    --bs-dark-rgb: 255, 255, 255;

}
:root {
    --bs-red-1: #e0204f;
    --bs-red-2: #e24d79;
    text-title-red1: #de1f86; /*服務項目標題字顏色*/
    --bs-line: #a78ea9; /*大項目標題線*/
    --bs-layout-txt: #fff; /*layout的nav字的色*/ 
}
    .navbar-cs{
    --bs-navbar-color:#E91E63;
    --bs-navbar-hover-color:rgba(255.255.255.1);
    --bs-navbar-active-color:#1E90FF;
    --bs-navbar-brand-color:#009ACD;
    --bs-navbar-brand-hover-color:#00BFFF;
}
/*NAV導航列底色mystyle.css修改*/
.bg-nav {
    --bs-bg-opacity: 1;
    background-color: black;
}
/*logo的底設計右斜*/
.slant-div {
    width: auto;
    height: auto;
    padding: 0.3rem;
    /*background-color: #b3d6f8;*/ /*樣式4用*/
    background-color: #f9f9f5; /*樣式6用*/
    border-radius: 15px;
    corner-shape: bevel;
    clip-path: polygon(0 0, 80% 0, 100% 100%, 0% 100%);
    clip-path: circle(60%);
    margin-left: auto;
    margin-right: 1rem;
}

/*斜角設計*/
.back-effect {
    padding: 0.3rem;
    position: absolute;
    top: 0;
    bottom: 0;
    left: -35px;
    content: "";
    z-index: -1;
    -webkit-transform: skew(-30deg);
    -ms-transform: skew(-30deg);
    transform: skew(-30deg);
    /*background-color: #b3d6f8; 樣式4用*/
    background-color: #f9f9f5; /*樣式6用*/
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
    width: 300px;
    /*background-image: url("/img/nav-backgroup.png"); 樣式4用*/
    /*background-image: url("/img/nav-backgroup.png"); 樣式6不用*/
    /*background-image: url("/img/樣式7-背景.png"); 樣式7*/
}

/*斜角設計 樣式8 正方*/
/*.back-effect {
    padding: 0.3rem;
    position: absolute;
    top: 0;
    bottom: 0;
    left: -35px;
    content: "";
    z-index: -1;*/
/*    -webkit-transform: skew(-30deg);
    -ms-transform: skew(-30deg);
    transform: skew(-30deg);*/
    /*background-color: #b3d6f8;*/ /*樣式4用*/
    /*background-color: #f9f9f5;*/ /*樣式6用*/
    /*-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
    width: 300px;
    background-image: url("/img/樣式7-背景.png");*/ /*樣式8*/
/*}*/


/* Main Menu - Starts */
.logo {
    max-height: 50px;
}
/*NAV的設計另一種*/
/*.main-header-menu {
    background-color: #1E90FF;
    z-index: 1;
    
}*/

/*NAV的樣式5*/
/*.main-header-menu {
    background-color: #233e6f;
    z-index: 1;
}*/

/*NAV的樣式6*/
.main-header-menu {
    background-color: #0c1b35;
    z-index: 1;
}

/*NAV的樣式7*/
/*.main-header-menu {
    background-color: #2e6fa4;
    z-index: 1;
    background-image: url("/img/樣式7-背景.png"), url("/img/樣式7-背景.png"), url("/img/樣式7-背景.png");
    background-repeat: no-repeat;
}*/

/*NAV的樣式8*/
/*.main-header-menu {
    background-color: #14212c;
    z-index: 1;
}*/

/*次頁圖修改*/
/*** Single Page Hero Header Start ***/
.bg-breadcrumb {    
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: initial;
    background-size: cover;
    padding: 100px 0 60px 0;
}
/*** Single Page Hero Header End ***/

/*card的bg*/
.bg-card-gr {
    background-color: #FDF5E6;
}

/*news用的img圖*/
.img-fluid-news {
    max-width: 100%;
    height: auto;
}

/*修改浮上來的底色，原紅色*/
.my-bg-floatcolor {
    background-color: #233e6f;
}

/*首頁服務項目字的背影色，原紅色*/
.my-bg-servicetitlecolor {
    background-color: #3197fd;
}

/*次目錄導航字編輯*/
.my-nextnav {
    color: #23a8d4;
    font-size: 0.9rem;
    padding-left: 65px;
    padding-top:10px;
}
.my-breadcrumb-item{
    float: left;
    padding-right: 0.5rem;
    color: #9be7eb; /*麵包屑導航斜線顏色*/
    content: var(--bs-breadcrumb-divider, "/");
}
/*copy的樣式  start*/
.my-copyright {
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    background: black;
    color: #fff;
}
.my-copyright-footer{

    background-color:black;
    color:#fff;
    bottom:0;
    left:0;
    right:0;
    text-align:center;
    heigt:0px;
    line-height:50px;
}
.my-bg-black {
    color: black;
}

/*** Footer Start ***/
.my-footer {
    background: black;
}

    .footer .footer-item a {
        line-height: 30px;
        color: var(--bs-white);
        transition: 0.5s;
    }

    .footer .footer-item p {
        line-height: 30px;
    }

    .footer .footer-item a:hover {
        letter-spacing: 2px;
        color: var(--bs-secondary);
    }

/*** Footer End ***/

/*影片播放*/
video.bg-video {
    position: fixed;
    top: 60%;
    left: 50%;
    min-width: auto;
    min-height: auto;
    width: 100%;
    height: auto;
    transform: translateX(-50%) translateY(-50%);
    z-index: -1;
}
my-navbar-light
{
    color:#fff;
}

/*每項次的上方圖形*/
.my-bg-breadcrumb-about {
    /*background: linear-gradient(rgba(220, 255, 250, 0.2), rgb(37, 19, 177, 0.80)), url(../img/bgpage-n1.png);*/
    background: url(../img/bgpage-n1.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: initial;
    background-size: cover;
    padding: 100px 0 60px 0;
}

.my-bg-breadcrumb-project {
    /*background: linear-gradient(rgba(220, 255, 250, 0.2), rgb(37, 19, 177, 0.80)), url(../img/bgpage-n2.png);*/
    background: url(../img/bgpage-n2.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: initial;
    background-size: cover;
    padding: 100px 0 60px 0;
}
.my-bg-breadcrumb-news {
    /*background: linear-gradient(rgba(220, 255, 250, 0.2), rgb(37, 19, 177, 0.80)), url(../img/bgpage-n3.png);*/
    background: url(../img/bgpage-n3.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: initial;
    background-size: cover;
    padding: 100px 0 60px 0;
}
.my-bg-breadcrumb-contact {
    /*background: linear-gradient(rgba(220, 255, 250, 0.2), rgb(37, 19, 177, 0.80)), url(../img/bgpage-n4.png);*/
    background: url(../img/bgpage-n4.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: initial;
    background-size: cover;
    padding: 100px 0 60px 0;
}