@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@200;300;400;500;600;700;900&display=swap');

@charset "utf-8";

body * {vertical-align: top;}
.mainviewArea {
    margin: 0 auto;
    padding: 0;
    position: relative;
    z-index: 10;
}

.cycle-slideshow {
    margin: 0 auto;
    padding: 0;
    position: relative;

}

.cycle-slideshow>img {
    display: block;
    width: 100%;
    margin: 0 auto;
}

.topicArea {
    position: absolute;
    z-index: 200;
    left: 0;
    bottom: 15px;
    width: 100%;
    top: 35%;
    pointer-events: none;
}

.topicBox {
    width: 35%;

    margin: 0 auto;
}


@media screen and (max-width: 768px) {
    .topicBox{
        width: 70%;
    }
}

.topicBox img {
    display: block;
    width: 100%;
}

body {
    /* background: #5f5246; */
    background: url(../images/bg.jpg?v=20250318) repeat-y top center;
    position: relative;
}

.wraperBox {

    background-size: 100%;
    margin: 0 auto;
    padding-bottom: 60px !important;
    /* background: url(../images/bg.jpg) repeat-y top center; */

}

.max1400Box {
    max-width: 1400px;
    margin: 0 auto;
    padding:0px 0 0 0;
}

.max1200Box {
    max-width: 1200px;
    margin: 0 auto;
    padding: 3% 0 0 0;


}

.refPos {
    width: 100%;
    height: 1px;
    margin: 0;
    padding: 0;
}

.all_pageA {

    margin: 0 auto;
    padding: 0;
    background: #FFFFFF;


}

.all_pageA:after {
    content: "";
    display: block;
    overflow: hidden;
    clear: both;
}

.rightArea {

    margin: 30px auto;
    padding: 0px;
    width: 100%;
    box-sizing: border-box;
    background: #FFFFFF;

}

.leftArea-spr {
    width: 40%;
    background-color: #ff97c3;

    padding: 15px;
    box-sizing: border-box;
    float: left;
}

.leftArea-fall {
    width: 40%;
    background: #c1e4f1;
    padding: 15px;
    box-sizing: border-box;
    float: left;
}

.introBoxTitle {

    width: 90%;
    margin: 2% auto;
    font-size: 30px;
    border: #088fc1 1px solid;
    color: #088fc1;
    padding: 1%;
    font-weight: bold;
}

.introBoxTitle:before {
    content: "★";

}

.intro1Box {
    margin: 0 auto 15px;
    padding: 0;
}

.intro1Box .introImg {
    display: block;
    width: 100%;
    margin: 0 auto 3px;

}

.intro1Box h3 {
    font: bold 18px/1.4 Arial, "微軟正黑體", "Microsoft JhengHei", sans-serif;
    color: #493c37;
    margin: 0 auto 2px;
    padding: 0 8px 0;
}

.intro1Box p {
    font: normal 14px/1.6 Arial, "微軟正黑體", "Microsoft JhengHei", sans-serif;
    color: #333;
    margin: 0 auto 5px;
    padding: 0 8px;
}

.intro2Box {
    margin: 0 auto 15px;
    padding: 0;
    overflow: hidden;

}

.intro2Box .introImg {
    display: block;
    width: 50%;
    margin: 0 6px 6px auto;
    float: left;

    border: 5px #FFFFFF solid;

}

.intro2Box h3 {
    font: bold 18px/1.4 Arial, "微軟正黑體", "Microsoft JhengHei", sans-serif;
    color: #493c37;
    margin: 0 auto 2px;
    padding: 8px 8px 0;
}

.intro2Box p {
    font: normal 14px/1.6 Arial, "微軟正黑體", "Microsoft JhengHei", sans-serif;
    color: #333;
    margin: 0 auto 5px;
    padding: 0 8px;
}

#portfolio {
    margin: 0 auto;
    padding: 0;
    width: 928px;
}

.titleBar1 {
    max-width: 446px;
    display: block;
    margin: 0 10px 10px;
}

.titleBar {
    max-width: 329px;
    display: block;
    margin: 0 10px 10px;
}

.titleBar1 img,
.titleBar img {
    display: block;
    width: 100%;
}

.tabs {
    width: 100%;
    text-align: center;
    background-color: #1898c5;
    margin: 0px auto;
}

.tabs>li {
    display: inline-block;
}

.tabs>li>a {
    padding: 10px 15px;
    display: inline-block;
    text-decoration: none;
    color: #fff;
    font-size: 18px;
}

.tabs>li>a:hover {
    color: #c1e4f1;
}

.tabs>li>a.active {
    color: #c1e4f1;
}

/* c23模組專用 */

q:before,
q:after {
    content: "";
}

*+html .carrier li {
    min-height: 1%;
}

.carrier li:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.intro-anchors {
    display: none;
}




.all_pageA .rightArea .intro {
    display: block;
    margin: 0% 2%;
    padding: 10px 0 0;
    width: 100%;
    text-align: left;
    background-color: none;

}


.all_pageA .rightArea .intro a {
    background-color: #1898c5;
    font: normal 16px/1 Arial, "微軟正黑體", "Microsoft JhengHei", sans-serif;
    color: #fff;
    padding: 7px 10px;
    text-decoration: none;
    border-radius: 30px;
    margin: 0.5% 0.5%;
    cursor: pointer;
    position: relative;
    display: inline-block;


}

.btnBox {
    margin: 0 auto;
    padding: 10px 15px 0 0;
    text-align: right;
    overflow: hidden;
}

a.newbtn {
    display: block;
    width: 112px;
    height: 31px;
    background: url(img/newbtn.png) no-repeat;
    float: right;
}

a.newbtn:hover {
    background-position: 0 -31px;
}

.pad {
    padding-top: 50px;
}

.wifiBtn {
    display: block;
    float: left;
    max-width: 482px;
    margin: 0 auto 8px;
}

.wifiBtn img {
    display: block;
    width: 100%;
    border: 0;
}

.eventBn {
    margin: 10px;
}

.A {
    display: block;
    width: 100%;
}


.navBox {
    margin: 0 auto;
    padding: 8px;
    background-color: #413932;
}

.mBtn {
    border: 1px solid #675a50;
    padding: 8px;
    cursor: pointer;
    color: #ffc71d;
    background-color: #675a50;
    display: none;
    text-align: center;
    font: bold 18px/1.4 Arial, "微軟正黑體", "Microsoft JhengHei", sans-serif;
}

.mBtn .arraw {
    display: inline-block;
    width: 15px;
    height: 15px;
    background: url(img1/arraw.png) center center no-repeat;
    background-size: 15px;
    margin-left: 5px;
    vertical-align: 0;
}

.mBtn .arraw.rotate {
    transform: rotate(180deg);

}

.navList {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center;
    display: block;
}

.navList li {
    display: inline-block;
}

.navList li a {
    border: 1px solid #675a50;
    padding: 8px 24px;
    font: bold 18px/1.4 Arial, "微軟正黑體", "Microsoft JhengHei", sans-serif;
    color: #ffc71d;
    display: block;
    text-decoration: none;
}

.navList li a:hover,
.navList li .act {
    font: bold 18px/1.4 Arial, "微軟正黑體", "Microsoft JhengHei", sans-serif;
    color: #675a50;
    background-color: #ffc71d;
}

/* scroll to top */
.scroll2top:link,
.scroll2top:visited,
.scroll2top:hover {
    position: fixed;
    margin-right: 10px;
    margin-bottom: 5%;
    /*margin-left:951px; */
    display: block;
    width: 40px;
    height: 40px;
    right: 0;
    background: url(img1/top.png) no-repeat 0 0;
    z-index: 999;
}

.scroll2top span {
    visibility: hidden;
}





.poi .ph-menu {
    position: sticky;
    top: 0;
    z-index: 10;
    display: none;
}

.poi .slidecontain {
    display: flex;
    background: #1898c5;
}

.poi .slidecontain img {
    display: none;
}

.poi .slidecontain li {
    display: inline-block;
}

.poi .slidecontain li a {
    display: block;
    padding: 0 10px;
    font: 18px/2 "微軟正黑體";
    color: white;
}

.poi .ph-group {
    display: block;
    padding: 0 10px;
}

.ph-group-title {
    display: block;
    padding: 20px 0 10px 0;
    text-decoration: none;
    font: bold 24px/1 "微軟正黑體";
    color: #147ba1;
    text-align: center;
    letter-spacing: 1px;
}

.poi .ph-group-title img {
    display: none;
}

.poi .ph-group-content {
    position: relative;
    margin: 5px auto;
    transition: 0.2s;
    padding: 10px;
    width: 100%;
    position: relative;
    flex-shrink: 0;
    box-shadow: none;
    border-bottom: 3px dotted #ffdd61;
}

.poi .ph-group-content-photo {
    display: inline-block;
}

.poi .ph-group-content-photo img {
    width: 100%;
}

.poi .ph-group-content-photo a {
    display: none;
}

.poi .ph-group-content-tag {

    display: inline-block;
    position: static;
    background: #1d72bb;
    font: 15px/1.4 "微軟正黑體";
    color: #FFF;
    padding: 3px 10px;
    border-radius: 0 20px 20px 0;
}

.poi .ph-group-content-text {
    display: inline-block;
}

.poi .ph-group-content-text-name {
    display: inline-block;
    color: #522f0e;
    font: bold 18px/1.4 "微軟正黑體";
    display: inline-block;
    padding: 0;
}



.poi .ph-group-content-text-sale {
    display: inline-block;
    margin: 3px auto 0 auto;
    font: 16px/1 "微軟正黑體";
    color: red;
    background: none;
    padding: 0;
}

.poi .ph-group-content-text-sale a {
    color: #ff0004;
    font: 14px/1.4 "微軟正黑體";
    background: none;
    padding: 0;
}

.poi .ph-group-content-text-detail {
    display: none;
}

.poi .ph-group-content-text-price {
    color: #cd1d1f;
    position: absolute;
    padding: 0px 10px;
    font: bold 24px/1.4 "微軟正黑體";
    text-align: center;
    display: block;
    right: 10px;
    bottom: 0px;
}

.poi  .ph-group-content-text-price span{
    font-size: 80%;line-height: 2;
}


.poi .ph-group-content:nth-of-type(1) {
    display: flex;
    margin: 0px;
    background: #e6f3ff;
}

.poi .ph-group-content:nth-of-type(1) .ph-group-content-text {
    padding: 10px 5px 40px 10px;
    width: 70%;
    display: inline-block;
}

.poi .ph-group-content:nth-of-type(1) .ph-group-content-text-name {
    display: block;
    margin: 5px auto;
    font: bold 22px/1.4 "微軟正黑體";
    padding: 0;
}

.poi .ph-group-content:nth-of-type(1) .ph-group-content-text-detail a {
    color: #000;
    font: 18px/1.5 "微軟正黑體";
    padding: 5px 0;
}

.poi .ph-group-content:nth-of-type(1) .ph-group-content-photo {
    display: inline-block;
    width: 28%;
}

.poi .ph-group-content:nth-of-type(1) .ph-group-content-photo a {
    display: inline-block;

}

.poi .ph-group-content:nth-of-type(1) .ph-group-content-photo .ph-group-content-tag {
    position: absolute;
    left: 0%;
    top: 15px;
}

.poi .ph-group-content:nth-of-type(1) .ph-group-content-text-sale a {
    font-size: 18px;
}

.poi .ph-group-content:nth-of-type(1) .ph-group-content-text-detail {
    color: #000;
    font: 18px/1.5 "微軟正黑體";
    margin: 3px auto;
    display: block;
    padding: 0;
}

.poi .ph-group-content:nth-of-type(1) .ph-group-content-text-price {
    bottom: 10px;
}

@media screen and (max-width: 820px) {
    .poi .ph-group-content {
        padding-bottom: 40px;
    }

    .poi .ph-group-content:nth-of-type(1) {
        display: block;

    }

    .poi .ph-group-content:nth-of-type(1) .ph-group-content-photo,
    .poi .ph-group-content:nth-of-type(1) .ph-group-content-text {
        display: block;
        width: 100%;

    }

    .poi .ph-group-content-text-price {
        width: 100%;
        text-align: center;
    }
}



.gobalMenu {
    position: relative;
    text-align: center;
    /* margin-top: -60px; */
    /* transform: translateY(-50px); */
    z-index: 20;
    background: #4db2dd;
}

.gobalMenu_inner {
    display: flex;
    margin: 0 auto;
    padding: 0 20px;
    justify-content: center;
    
}

.gobalMenu_inner a {
    display: inline-block;
    padding: 10px 15px;
    font: 25px/1 "微軟正黑體";
    color: #fff;
}

.gobalMenu_inner a.on {
    color: #fff;
    background: #f38d50;
}
.gobalMenu_inner a.on:hover{
    color: #fff;
    background: #f38d50;
}

.gobalMenu_inner a:hover {
    color: #fff;
    background: #4db2dd;
}


@media screen and (max-width: 700px) {


    .gobalMenu_inner a {
        font:16px/1 "微軟正黑體";
        padding: 10px 7px;
    }
}

.lectureContent {
    
    max-width: 800px;
    margin: 0 auto 30px auto;
    display: block;
    text-align: center;
    width: 100%;
    border: 41px solid #000;
    border-image: url(../images/title_bg.png) 43 repeat;
    position: relative;
    letter-spacing: 1px;

}


.lectureContent h2 {
    font: 800 24px/1.4 'Noto Sans TC';
    background:#bea678;
    padding: 10px 20px;
    color: #FFF;
    position: absolute;
    top: -50px;
    left: 50%;
    transform: translateX(-50%);
    display: inline;
}

.lecturBg *{
    vertical-align: top;
}
.lecturBg{
    background: #FFF;
    width: 90%;
    padding: 20px 80px;
    margin: 0 auto;
    border:5px solid #bea678;


}

.lecturBg h3{
    font: 800 40px/1.4 'Noto Sans TC';
    color:#cd1d1f;
}

.lecturBg .lectureText {
    font: 400 20px/1.4 'Noto Sans TC';
    color:#000;    
    text-align: left;
}

.lecturBg .lectureText b{
    display: inline-block;
    font: 400 20px/1.4 'Noto Sans TC';
}
.lecturBg .lectureText ul{
    display: inline-block;

}
.lecturBg .lectureText ul li{
    list-style: none;
    font: 400 20px/1.4 'Noto Sans TC';
}
.lecturBg .lectureText span{
    background: #ffffb8;
    font: 500 20px/1.4 'Noto Sans TC';
    padding: 0 10px;
    display: inline-block;
}

.lecturBg .lectureBtn{
    background:#cd1d1f ;
    padding: 5px 10px;
    border-radius: 30px;
    color: #FFF;
    display: block;
    width: 80%;
    margin: 10px auto;
    font: 500 24px/1.4 'Noto Sans TC';
    transition: 0.3s;

}

.lecturBg .lectureBtn:hover{
    transform: translateX(10px);
}

@media screen and (max-width: 700px) {
    .lectureContent {
        border: 21px solid #000;
        border-image: url(../images/title_bg.png) 41 repeat;

    }
    .lectureContent h2{
        width: 80%;
        font:800 22px/1.4 'Noto Sans TC';
        padding: 5px;
        border-radius: 20px 20px 0 0;
       

    }
    .lecturBg{
        padding: 20px;
    }
    .lecturBg h3{
        font: 800 24px/1.4 'Noto Sans TC';
    }


    .lecturBg .lectureText ,
    .lecturBg .lectureText b,
    .lecturBg .lectureText ul li,
    .lecturBg .lectureText span{

        font: 400 18px/1.4 'Noto Sans TC';
    }
    .lecturBg .lectureBtn{
        font:500 18px/1.4 'Noto Sans TC';
    }

}



.hotSalePoi{position: relative;margin-bottom:50px;}
.hotSalePoi::before{content:"";position: absolute;border-bottom: 2px dashed #dddddd;bottom: 0; left: 50%;width: 80%;transform: translateX(-50%);}
.hotSalePoi .ph .ph-menu{display: none;}
.hotSalePoi .ph .ph-group {padding: 0px 0 50px 0;flex-wrap: wrap;display : flex;justify-content: center; position: relative;}
.hotSalePoi .ph .ph-group-content{margin: 10px 10px;transition: 0.2s;padding: 10px; width:22%;position: relative;flex-shrink: 0;background: #fff;box-shadow: none;border:3px solid #badeff;}
.hotSalePoi .ph .ph-group-content-photo {display: block;width: 100%;}
.hotSalePoi .ph .ph-group-content-photo img{width:100%;}
.hotSalePoi .ph .ph-group-content-text{padding: 10px 5px 40px 10px;width:100%;display: block;}
.hotSalePoi .ph .ph-group-content-text-name{color:#522f2d;font:bold 18px/1.4 "微軟正黑體";/*margin: 10px auto;*/display: block;/*padding: 10px 0;*/}
.hotSalePoi .ph .ph-group-content-text-detail{color:#000;font:14px/1.4 "微軟正黑體";margin: 5px auto ;}
.hotSalePoi .ph .ph-group-content-text-detail a{color:#000;}
.hotSalePoi .ph .ph-group-content-text-price {color:#cd1d1f;position: absolute;border-radius:10px 10px 0 0;padding: 5px 10px;font:bold 24px/1.4 "微軟正黑體";text-align: center;display: block;right: 10px;bottom: 5px;}
.hotSalePoi .ph .ph-group-content-text-price span{font-size: 80%;line-height: 2;}
.hotSalePoi .ph .ph-group-content-tag {position: absolute;left: 0%; top: 15px; background: #1d72bb;font:15px/1.4 "微軟正黑體";color:#FFF;padding: 3px 10px;border-radius: 0 20px 20px 0;}
.hotSalePoi .ph .ph-group-content-text-sale{margin: 5px auto; font: 16px/1.4 "微軟正黑體"; color: red;background: #fff799;padding: 0 5px;}
.hotSalePoi .ph .ph-group-content-text-sale a{ color: red;background: #fff799;padding: 0 5px;font: 16px/1.4 "微軟正黑體";}
.hotSalePoi .ph-group-content-otherlink a {background: none;padding: 0;}

@media screen and (max-width: 1100px) {

    .hotSalePoi .ph .ph-group-content{width: 45%;}   
}

@media screen and (max-width: 600px) {
    .hotSalePoi .ph .ph-group-content{width: 90%;}   
}


.poiMenu {display: flex; flex-wrap: nowrap; justify-content: center;width: 100%;background: #f38d50;position: sticky; top: 0; left: 0; z-index: 5;}
.poiMenu div{font: 20px/1.4 "微軟正黑體";color: #fff;margin: 5px;cursor: pointer;padding: 5px 10px;border-radius: 20px;}
.poiMenu div:hover{color: #ffee8c;}
@media screen and (max-width: 800px) {
    .poiMenu div{font: 16px/1.4 "微軟正黑體";}
}
@media screen and (max-width: 600px) {
.poiMenu {flex-wrap: wrap;}
.poiMenu div{padding: 5px 3px;font:16px/1.4 "微軟正黑體";margin: 5px 0;flex-shrink: 0;}
}


.bnAD{margin: 30px auto 30px auto;text-align: center;}
.bnAD img.pc{width: 90%;max-width: 1100px;margin: 0 auto;}
.bnAD img.m{width: 90%;max-width: 768px;display: none;margin: 0 auto;}

@media screen and (max-width:768px) {

.bnAD img.pc{display: none;}
.bnAD img.m{display: block;}

}




/*版頭*/
header.kv-banner { position: relative; height: 450px; background-position: top center;background-repeat:no-repeat;}
header.kv-banner h1{opacity: 0;}

@media screen and (max-width:1024px) {
header.kv-banner { background-size: 160%; height: 37vw; }
}
@media screen and (max-width:768px) {
header.kv-banner .container-fluid.pin-header-banner,header.kv-banner .container-fullbg.pin-header{margin-top: 0;}
}



.blogPoi .ph .ph-menu{display: none;}
.blogPoi .ph .ph-group {padding: 0px 0;flex-wrap: wrap;display : flex;justify-content: center;}
.blogPoi .ph .ph-group-content{width: 80%;margin: 10px 10px;transition: 0.2s;padding: 10px;position: relative;flex-shrink: 0;box-shadow: none;display: flex;flex-wrap: nowrap;justify-content: center;background: #dceeff;}
.blogPoi .ph .ph-group-content-photo {width: 40%;}
.blogPoi .ph .ph-group-content-photo img{width:100%;}
.blogPoi .ph .ph-group-content-text{padding:16px 16px 45px 16px;width:45%;display: block;flex-grow: 1;}
.blogPoi .ph .ph-group-content-text-name{color:#1274c4;font:bold 24px/1.4 "微軟正黑體";/*margin: 10px auto;*/display: block;/*padding: 10px 0;*/}
.blogPoi .ph .ph-group-content-text-detail{color:#000;font:16px/1.4 "微軟正黑體";margin: 5px auto ;}
.blogPoi .ph .ph-group-content-text-detail a{color:#000;}
.blogPoi .ph .ph-group-content-text-price {display: none;color:#cd1d1f;position: absolute;border-radius:10px 10px 0 0;padding: 5px 10px;font:bold 24px/1.4 "微軟正黑體";text-align: center;right: 10px;bottom: 5px;}
.blogPoi .ph .ph-group-content-text-price span{font-size: 80%;line-height: 2;}
.blogPoi .ph .ph-group-content-tag {position: absolute;left: 0%; top: 15px; background: #1d72bb;font:15px/1.4 "微軟正黑體";color:#FFF;padding: 3px 10px;border-radius: 0 20px 20px 0;}
.blogPoi .ph .ph-group-content-text-sale{margin: 5px auto; font: 16px/1.4 "微軟正黑體"; color: red;background: #fff799;padding: 0 5px;}
.blogPoi .ph .ph-group-content-text-sale a{ color: red;background: #fff799;padding: 0 5px;font: 16px/1.4 "微軟正黑體";}
/* .blogPoi .ph-group-content-otherlink a {background: none;padding: 0;} */

.blogPoi .ph-group-content-otherlink{
    position: relative;
    right: 0px;
    bottom: -14px;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    width: 100%;
    justify-content:right;
}
.blogPoi .ph-group-content-otherlink a{
    background: #f38d50;
    border-radius: 30px;
    padding: 5px 10px;
    font-size: 18px;
    color: #FFF;
    /* position: absolute;
    right: 30px;
    bottom: 25px; */

    word-break: keep-all;
  
}
.blogPoi .ph-group-content-otherlink a:hover{
    color: yellow;
}

@media screen and (max-width:1024px) {
    .blogPoi .ph .ph-group-content{width: 45%; flex-wrap: wrap;background: #dceeff;align-content:baseline;}
    .blogPoi .ph .ph-group-content-photo{width: 100%;}
    .blogPoi .ph .ph-group-content-text{width: 100%; flex-grow: 0;align-self:baseline;}
}

@media screen and (max-width:768px) {
    .blogPoi .ph .ph-group-content{width: 90%;}
    .blogPoi .ph .ph-group-content-text-name{font-size: 18px;}
}



.hasPhMenu .ph .ph-menu {
    display:flex;
    justify-content: center;
    margin-top: 50px;
  }
  @media (max-width: 576px) {
    .hasPhMenu .ph-menu {
      flex-wrap: nowrap;
      justify-content: center;
      -webkit-overflow-scrolling: touch;
      overflow-scrolling: touch;
      overflow-x: scroll;
      margin-left: 0%;
    }
  }
  .hasPhMenu .ph-menu .slidecontain {
    display: flex;
    justify-content: center;
    flex-wrap: nowrap;
    gap: 8px;
    width: 100%;
  }
  @media (max-width: 576px) {
    .hasPhMenu .ph-menu .slidecontain {
      flex-wrap: nowrap;
      justify-content: center;
      display: inline-flex;
    }
  }
  @media (max-width: 576px) {
    .hasPhMenu .ph-menu .slidecontain li {
      flex-shrink: 0;
      width: auto;
      flex-grow: 0;
    }
  }
  .hasPhMenu .ph-menu .slidecontain li a {
    padding: 8px 16px;
    display: block;
    color: #fff;
    background: #1b7ba1;
    font-size: 16px;
    font-weight: 400;
    line-height: 1;
    border-radius: 50px;
  }
  @media (max-width: 768px) {
    .hasPhMenu .ph-menu .slidecontain li a {
      font-size: 14px;
      font-weight: 400px;
      line-height: 1;
    }
  }


  @media (max-width: 576px) {
    .hasPhMenu .ph-menu .slidecontain li a {
      padding: 5px 10px;
    }
  }
  .hasPhMenu .ph-menu .slidecontain li:hover a, .hasPhMenu .ph-menu .slidecontain li.on a {
    color: #fff;
    background: #FF6C55;
    font-weight: 700;
  }