/*--------------------old shop_reserrve.css---------------------*/
.tabsCommentPhotoModel {
    text-align: center;
    position: absolute;
    left: 5%;
    bottom: 120px;
    z-index: 2;
    width: 90%;
    border-bottom: 2px solid #666;
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
}

.tabsCommentPhotoModel li {
    display: inline-block;
    float: none;
}

.tabsCommentPhotoModel li a {
    color: #888;
    border: none;
}

.tabsCommentPhotoModel>li.active>a, .tabsCommentPhotoModel>li.active>a:hover, .tabsCommentPhotoModel>li.active>a:focus {
    background-color: transparent;
    color: #fff;
    border: none;
    position: relative;
}

.tabsCommentPhotoModel>li.active:after {
    position: absolute;
    bottom: 0px;
    left: 0;
    width: 100%;
    height: 4px;
    background: #fff;
    content: "";
    display: block;
    z-index: 2;
}

/* Apply CSS to iOS affected versions only */
body.iosBugFixCaret.modal-open { position: fixed; width: 100%; }

.input-field > label {
    font-size: 0.9em;
    z-index:1000;
}

.input-field > label:not(.label-icon).active {
    /* -webkit-transform: translateY(-14px) scale(0.8); */
    transform: translateY(-14px) scale(1);
}
.text-center-popup {
    text-align: center !important;
}
.btnMore{
    color: #999;
    background: #f5f5f5;
    /*min-width: 250px;*/
    padding: 3px 15px 3px 15px;
    line-height: 0px;
    max-width:  100%;
    margin: 0 auto 0 auto;
    text-align: center;
    display: block;
}
.storeTable_more {
    overflow: hidden;
}
.storeTable_s{
    padding-bottom:0px;
}
/*--------------------old shop_reserrve.css---------------------*/
.shopNav.addNav{
    display: block;
    box-shadow: 0 2px 5px #ddd;
    z-index: 2;
}
.shopNav{width:100%;position:fixed;top:78px;left:0;z-index:2;background:#fff;border-bottom:1px solid #DDD}
.shopNav .shopNavUl{list-style:none;padding:0;margin:0;width:100%;white-space:nowrap;overflow-x:auto;overflow-y:hidden}
.shopNav .shopNavUl li{display:inline-block}
.shopNav{display:none}
.shopNavUl>li>a{color:#777;border-radius:0px;-moz-border-radius:0px;-webkit-border-radius:0px}
.shopNavUl>li.active{position:relative}
.shopNavUl>li.active>a,.shopNavUl>li.active>a:hover,.shopNavUl>li.active>a:focus{background-color:#fff;color:#777}
.shopNavUl>li.active:after{position:relative;z-index:1;content:"";display:block;width:100%;height:4px;bottom:0;left:0;background:#90C31F}
.shopNavUl>li+li{margin-top:0px}
.shopNavUl>li>a:hover,.shopNavUl>li>a:focus{background:transparent}
.contentBox{
    position:relative;
    padding:0 10px 5px 10px;
    margin-top:24px;
}

.topCarousel .owl-item{height:400px;position:relative;z-index:1}
.topCarousel .itemImg img{width:100%;height:400px;object-fit:cover;-o-object-fit:cover}
.topCarousel .owl-nav{position:absolute;top:50%;width:100%;margin:-20px 0 0 0}
.topCarousel .owl-nav .owl-prev,.topCarousel .owl-nav .owl-next{width:50px;height:50px;position:absolute;left:10px;top:10px;background:rgba(255,255,255,.2);line-height:50px;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;color:#fff;font-size:1.6em}
.topCarousel .owl-nav .owl-next{right:10px;left:auto}
.topCarousel .owl-nav .owl-prev:hover,.topCarousel .owl-nav .owl-next:hover{color:#FFF;background:rgba(255,255,255,.3)}
@media screen and (max-width:1199px){
    .topCarousel .owl-item{height:350px}
    .topCarousel .itemImg img{height:350px}
}
@media screen and (max-width:768px){
    .topCarousel .owl-item{height:300px}
    .topCarousel .itemImg img{height:300px}
}
@media screen and (max-width:640px){
    .shopNavUl>li>a{font-size:.9em;padding:10px 10px}
}
@media screen and (max-width:600px){
    .topCarousel .owl-item{height:200px}
    .topCarousel .itemImg img{height:200px}
}
/*--------------------shopLeft---------------------*/
.shopLeft{
    width:calc(100% - 320px);/*for owl-carousel*/
    box-shadow:0px 0px 5px #ddd;
    padding:20px 20px 80px 20px;
}
.storeNav{
    margin-top:20px;
}
@media screen and (max-width:992px){
    .storeNav{
        padding:22px 20px 30px;
        border-radius:8px;
    }
}
@media screen and (max-width:767px){
    .storeNav{
        padding:22px 10px 30px;
    }
}
@media screen and (max-width:767px){
    .storeNav h4{padding:0 0 0 15px}
    .storeNav h4:after{left:-30px}
}
.shop-title{
    color:#000;
    margin:10px 0;
    font-weight:600;
    position:relative;
}
.shop-title span{
    color:#777;
    font-size:.8em;
    font-weight:normal;
    margin:0 0 0 10px;
}
.shop-title:after{
    position:absolute;
    left:-45px;
    top:50%;
    width:35px;
    height:7px;
    content:"";
    display:block;
    background:#90C31F;
    border-radius:10px;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    margin:-5px 0 0 0
}
.check-wait-info{
    padding:8px 0;
    border:1px solid #ddd;
    display:block;
    text-align:center;
    background-color:#90C31F;
    color:#ffffff;
}
.check-wait-info:hover{
    color:#ffffff;
}
@media (min-width: 1024px){
    .check-wait-info{
        display: none;
    }
}
.shop-info-toggle-icon{
    margin-right:8px;
}
.shop-map{
    margin-top:10px;
}
.shop-open-subtitle{
    width:88px;
}
.shop-open-item{
    margin-top:10px;
}
.shopLeft h3,.shopLeft h3 a{
    font-size:1em;
    color:#006600;
    margin:0px 0 20px 0;
    font-weight:600;
}

.shop-item{
    width: 72px;
}

.shopLeft .btnBook{
    display:none;
}
@media (min-width: 1024px){
    #reserveButton{
        display: none !important;
    }
}
@media screen and (max-width:1023px){
    #reserveButton .hidden-button {
        display: none;
    }
    .shopLeft{width:100%;position:static;box-shadow:none;padding:50px 0px 20px 0;background:none;margin-top:-60px}
    .shopLeft h3{text-align:center}
    .shopLeft .btnBook{display:block;margin:0 0 20px 0;height:42px;line-height:42px;padding:0px}
}

.tabsPhoto{
    margin:0 0 10px 0;
    padding:0;
    width:100%;
}
.tabsPhoto li a{padding: 10px 0!important;}
.tabsPhoto li a span{margin:0 0 0 2px}
.tabsPhoto .indicator{height:2px;background-color:#90C31F}
.tabsPhoto a:hover,.tabsPhoto a.active{color:#000!important; border-bottom: 2px solid #90c31f;}
.tabsPhoto a:focus,.tabsPhoto a:focus.active{background-color:transparent!important}

.photoCont{
    margin:20px 0 20px 0;
    min-height:250px;
}
@media screen and (max-width:1023px){
    .photoCont{margin:0 0 20px 0}
}
.shop-loading {
    background: rgba( 254, 255, 255, 255 ) url('/assets/img/frame/loading.gif') 50% 50% no-repeat;
}
.slidernav{padding:0 15px;margin:100px auto 0px auto;max-width:1000px}
.slidernav .forItem{height:80px;width:80px;cursor:pointer;position:relative}
.slidernav .forItem:after{position:absolute;left:50%;top:0;width:80px;height:80px;background:rgba(0,0,0,.8);content:"";display:block;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;z-index:0;margin:0 0 0 -40px}
.slidernav .forItem.slick-active{outline:none}
.slidernav .forItem img{height:80px;object-fit:cover;-o-object-fit:cover;width:80px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;margin:0 auto}
.slidernav .forItem.slick-slide.slick-current.slick-active:after{background:rgba(0,0,0,0)}
.slidernav .slick-prev.slick-arrow{left:0%}
.slidernav .slick-next.slick-arrow{right:0%}
@media screen and (max-width:1024px){
    .slidernav{max-width:840px}
}
@media screen and (max-width:768px){
    .slidernav{max-width:520px}
}
@media screen and (max-width:414px){
    .slidernav .forItem img{height:60px;width:60px}
    .slidernav .forItem:after{width:60px;height:60px;margin:0 0 0 -30px}
    .slidernav{max-width:360px}
}

.moreAdd{clear:both;float:right;margin:10px 0 0 0;cursor:pointer}
.moreAdd a{color:#000;width:100px;height:40px;display:block}
.moreAdd a:after{position:absolute;content:"▲ 收合";display:block;width:100%;text-align:right;right:0;bottom:0;z-index:0}
.moreAdd.moreAddToggle a:after{content:"▼ 展開內容"}
.moreAdd .openItem, .moreAdd[aria-expanded="false"] .closeItem, .moreAdd[aria-expanded="true"] .openItem{display:none}
.moreAdd[aria-expanded="false"] .openItem,.moreAdd[aria-expanded="true"] .closeItem{display:block}
@media screen and (max-width:992px){
    .moreAdd .openItem,.moreAdd[aria-expanded="false"] .closeItem,.moreAdd[aria-expanded="true"] .openItem{display:block}
    .moreAdd .closeItem,.moreAdd[aria-expanded="false"] .openItem,.moreAdd[aria-expanded="true"] .closeItem{display:none}
}

.mainComm p{
    word-break: break-word;
}
.commentItem{overflow:hidden;border-bottom:1px solid #ddd;clear:both;padding:35px 0}
.commentRight{float:right;width:200px;overflow:hidden}
.commentRight .comRp{padding:0px;margin:0;list-style:none;margin:0 0 0 15px}
.commentRight .comRp li{border:1px solid #FFF;overflow:hidden}
.commentRight .comRp li:nth-child(n+2){width:1%;display:table-cell}
.commentRight .comRp li:nth-child(1){width:100%;clear:both;display:inline-flex}
.commentRight .comRp li img{width:100%;object-fit:cover;-o-object-fit:cover}
.commentRight .comRp li:nth-child(n+1) img{height:60px}
.commentRight .comRp.comRpC li img{height:180px}
@media screen and (max-width:1023px){
    .commentRight{float:none;width:100%}
    .commentRight .comRp{margin:20px 0 0 0}
    .commentRight .comRp li:nth-child(1){width:1%;display:table-cell;clear:none}
    .commentRight .comRp li:nth-child(1) img,.commentRight .comRp li:nth-child(n+2) img{height:130px}
    .commentRight .comRp.comRpB li{width:50%;float:left}
    .commentRight .comRp.comRpB li img{height:150px;width:100%}
    .commentRight .comRp.comRpC li img{height:200px}
}
@media screen and (max-width:414px){
    .commentRight .comRp li:nth-child(1) img,.commentRight .comRp li:nth-child(n+2) img{height:100px}
    .commentRight .comRp.comRpB li img{height:130px}
    .commentRight .comRp.comRpC li img{height:170px}
}
.commentLeft{width:calc(100% - 200px);float:left}
.commentLeft .mainComm{line-height:1.7}
@media screen and (max-width:1400px){
    .commentLeft  .mainComm{line-height:1.8}
}
@media screen and (max-width:1023px){
    .commentLeft{width:100%;float:none}
}
.readMoreA,.readMoreC{text-align:right}
.readMoreC span{color:#666}
.readMoreA em,.readMoreC em{font-style:normal;position:relative}
.readMoreA em:after,.readMoreC em:after{position:absolute;left:0;bottom:0;z-index:0;content:"";display:block;width:100%;height:1px;background:#90C31F}
.readMoreA span{font-size:.9em;margin:0 5px 0 0}
.comRpBtn{float:right;margin:15px 0 0 0;color:#666;cursor:pointer;}
.comRpBtn span{margin:0 5px 0 0}
.tabsMenuBox{margin:0 30px}
@media screen and (max-width:1023px){
    .tabsMenuBox.tabsMenuBoxA{margin:0}
}
.MenuContent{margin:10px 5px 0 5px;border-left:1px solid #90C31F;padding:0px 15px 10px 15px;position:relative}
.MenuContent .MenuLine{border-bottom:1px solid #DDD;padding:15px 0;overflow:hidden}
.MenuContent .MenuLine:first-of-type{padding:0 0 15px 0}
.MenuContent .MenuLine .MenuT{width:calc(100% - 70px);float:left}
.MenuContent .MenuLine .MenuM{width:70px;float:right;text-align:right}
.MenuContent .MenuLine .menu-list{width: 100%;}
.photoList,.photoListLeft,.photoListRight{padding:0;margin:0;list-style:none}
.photoListLeft{width:40%;float:left}
.photoListRight{width:60%;float:left}
.photoList li,.photoListLeft li,.photoListRight li{float:left;border:4px solid #fff}
.photoList li{width:20%}
.photoListLeft li{width:50%}
.photoListRight li:nth-child(n+2){width:33.33%}
.photoListRight li:nth-child(1){width:66.66%}
.photoList li img,.photoListLeft li img,.photoListRight li img{width:100%;object-fit:cover;-o-object-fit:cover}
.photoList li img,.photoListLeft li img,.photoListRight li:nth-child(n+2) img{height:105px}
.photoListRight li:nth-child(1) img{height:218px}
@media screen and (max-width:640px){
    .photoListLeft{width:100%;float:none}
    .photoListRight{width:100%;float:left}
    .photoList li,.photoListLeft li,.photoListRight li{border:1px solid #FFF}
    .photoListLeft li:nth-child(1),.photoList li:nth-child(1){width:100%}
    .photoListLeft li:nth-child(n+2),.photoListRight li:nth-child(n+2),.photoListRight li:nth-child(1),.photoList li{width:33.33%}
    .photoListLeft li:nth-child(1) img,.photoList li:nth-child(1) img{height:210px}
    .photoListRight li:nth-child(1) img{height:105px}
}
.branchS,.branchD{font-size:1em;color:#666;margin:0 0 10px 0;position:relative;padding:0 0 0 20px}
.branchS{text-align:center;color:#F29D00;font-weight:600;font-size:1.1em}
.branchS.overSetN{color:#D82A27}
.branchS.waitSetN{color:#90C31F}
.branchS span{font-size:.8em;margin:0 5px 0 -20px}
.branchD span{position:absolute;left:0;top:3px}
.branchD em,.branchS em{font-style:normal}
.branchD.overSetN{color:#d82a27}
@media screen and (max-width:640px){
    .branchS{text-align:left; margin:0}
}

.owlMenuItem h5{color:#90C31F;font-size:1.1em;font-weight:600;margin:0 0 20px 0}
@media screen and (max-width:1023px){
    .owlMenuItem h5{margin:20px 0 20px 0}
}
.owlBranchBox{margin:20px 30px 0 30px}
.owlBranchBox .owl-theme .owl-dots{margin:20px 0 0 0}
.owlBranchBox .owl-theme .owl-nav [class*=owl-]{position:absolute}
.owlBranchBox .owl-stage{display:-webkit-flex;display:-ms-flexbox;display:flex!important;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}
@media screen and (max-width:640px){
    .owlBranchBox{margin:20px 0 0 0}
}
.menuCont .owl-nav,.owlBranch .owl-nav{top:50%;position:absolute;width:100%}
.menuCont .owl-nav,.owlBranch .owl-nav{margin:-20px 0 0 0}
.menuCont .owl-theme .owl-nav [class*=owl-]{position:absolute}
.menuCont .owl-nav .owl-next,.owlBranch .owl-nav .owl-next{right:-50px}
.menuCont .owl-nav .owl-prev,.owlBranch .owl-nav .owl-prev{left:-50px}
.owlBranch{position:relative}
.owlBranchItem{border:1px solid #ddd;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;overflow:hidden;height:100%}
.owlBranchItem a{display:block;padding:8px 8px 0 8px}
.owlBranchItem .topImgList{padding:0px;margin:0;list-style:none}
.owlBranchItem .stImg{overflow:hidden;clear:both}
.owlBranchItem .stImg .picBox{float:left}
.owlBranchItem .stImg img{object-fit:cover;-o-object-fit:cover;float:left;width:100%}
.owlBranchItem .stImg .picBox:nth-of-type(1){height:140px;width:50%;border-right:6px solid #FFF}
.owlBranchItem .stImg .picBox:nth-of-type(1) img{height:140px}
.owlBranchItem .stImg .picBox:nth-of-type(2){width:50%;height:70px;border-bottom:3px solid #FFF}
.owlBranchItem .stImg .picBox:nth-of-type(2) img{height:70px}
.owlBranchItem .stImg .picBox:nth-of-type(3){width:50%;height:70px;border-top:3px solid #FFF}
.owlBranchItem .stImg .picBox:nth-of-type(3) img{height:70px}
.owlBranchItem .stImg.stImgTwo .picBox:nth-of-type(2){width:50%;height:140px;border-bottom:none}
.owlBranchItem .stImg.stImgTwo .picBox:nth-of-type(2) img{height:140px}
.owlBranchItem .stImg.stImgOne .picBox:nth-of-type(1){width:100%;border-right:none}
.owlBranchItem h3{font-size:1.1em;color:#000;font-weight:600;margin:15px 0 10px 0;text-align:left!important}
.owlBranchItem .serviceBB{width:calc(100% + 30px)!important}
@media screen and (max-width:767px){
    .owlBranchItem .serviceBB{width:100%!important}
}
@media screen and (max-width:640px){
    .owlBranchItem{margin:0 0 10px 0}
    .owlBranchItem a{padding:0;display:-webkit-flex;display:-ms-flexbox;display:flex!important;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}
    .owlBranchItem .stImg{width:120px;float:left}
    .owlBranchItem .stImg .picBox:nth-child(n+2){display:none}
    .owlBranchItem .stImg .picBox:nth-of-type(1),.owlBranchItem .stImg .picBox:nth-of-type(1) img,.owlBranchItem .stImg.stImgOne .picBox:nth-of-type(1),.owlBranchItem .stImg.stImgOne .picBox:nth-of-type(1) img{width:120px;border:none;}
    .owlBranchItem .BranchInfo{width:calc(100% - 120px);float:left;padding:15px}
    .owlBranchItem .serviceBB{display:none}
    .owlBranchItem h3{margin:0 0 10px 0}
}
@media screen and (max-width:600px){
    .menuCont .owl-nav .owl-next,.owlBranch .owl-nav .owl-next{right:-30px}
    .menuCont .owl-nav .owl-prev,.owlBranch .owl-nav .owl-prev{left:-30px}
}

.photoModal .modal-dialog{width:100%;height:100%;margin:0}
.photoModal.in{background-color:rgba(0,0,0,.8)}
.photoModal .modal-header{border-bottom:none;overflow:hidden;padding:20px 30px}
.photoModal .modal-content{height:100%;border-radius:0px;-moz-border-radius:0px;-webkit-border-radius:0px;background-color:rgba(0,0,0,0);border:none;box-shadow:none}
.photoModal .modal-header .close{color:#fff;font-size:3em;text-shadow:none;opacity:1;font-weight:normal;position:absolute;right:20%;top:5%;z-index:9999}
.photoModal .modal-header .close:hover{opacity:.8}
.photoModal .modal-header .close:focus{outline:none}
@media screen and (max-width:600px){
    .photoModal .modal-header .close{right:5%;top:5%;font-size:2.5em}
}
.tabsPhotoModel{text-align:center;position:absolute;left:5%;bottom:120px;z-index:2;width:90%;border-bottom:2px solid #666;white-space:nowrap;overflow-x:auto;overflow-y:hidden}
.tabsPhotoModel li{display:inline-block;float:none}
.tabsPhotoModel li a{color:#888;border:none}
.tabsPhotoModel>li.active>a,.tabsPhotoModel>li.active>a:hover,.tabsPhotoModel>li.active>a:focus{background-color:transparent;color:#fff;border:none;position:relative}
.tabsPhotoModel>li.active:after{position:absolute;bottom:0px;left:0;width:100%;height:4px;background:#fff;content:"";display:block;z-index:2}
.tabsPhotoModel>li>a:hover,.tabsPhotoModel>li>a:focus{color:#fff;border-color:transparent;background-color:transparent}
.tabsPhotoModel li a span{margin:0 0 0 4px}
@media screen and (max-width:640px){
    .tabsPhotoModel>li>a{padding:10px 10px}
}
.sliderfor{margin:0px auto;max-width:800px;padding:0 15px}
.sliderfor .forItem img{width:100%;object-fit:contain;-o-object-fit:contain;margin:0 auto;max-height:500px}
@media screen and (max-width:1280px){
    .sliderfor .forItem img{max-height:350px}
}
@media screen and (max-width:1199px){
    .sliderfor .forItem img{height:400px}
}
@media screen and (max-width:1024px) and (orientation:portrait){
    .sliderfor{min-height: 350px;}
}
@media screen and (max-width:640px){
    .sliderfor .forItem img{height:300px}
}

/*--------------------shopRight---------------------*/
.shopRight{
    width:320px;
    padding:0 15px;
}
@media screen and (max-width:1023px){
    .shopRight{position:fixed!important;left:0!important;width:100%;height:70px;bottom:0px!important;top:auto!important;z-index:3;padding:0}
}
.shopRight.sticky{margin:123px 0 0 0}

.comment-select{
    width:auto;
    min-width:140px;
    margin-right:10px;
}

@media screen and (max-width:767px){
    .add-comment-icon{
        font-size: 1.8em;
    }
    .add-comment{
        display: none;
    }
}

.comment-img-wrap{
    width:50px;
    height:50px;
    margin:0 20px 0 0;
}
@media screen and (max-width:600px){
    .comment-img-wrap{
        margin:0 10px 0 0;
    }
}
.comment-img{
    object-fit:cover;
    -o-object-fit:cover;
    border-radius:50%;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
    width:50px;
    height:50px;
}

.cThumb{border:1px solid #ddd;padding:0 10px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px}
.cThumb{font-size:.9em;margin:0 0px 0 15px;display:inline-block;color:#777}

.rightShop{
    box-shadow:0 0 5px #ddd;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
}

.shop-ac-menu > a{
    display: block;
    text-align: center;
    padding: 16px 0;
}
.shop-ac-menu > a:hover{
    color:#90C31F;
}
.heart.active a .icon-heart-shape-outline:before {
    content:"\e917";color:#f14b4b;
}
@media screen and (max-width:1023px){
    .rightShop{
        border-radius:0px;
        -moz-border-radius:0px;
        -webkit-border-radius:0px;
    }
    .rightShop .topList{
        border-top:1px solid #ddd;
    }
    .shop-ac-menu > a{
        border-right: 1px solid #ddd;
    }
    .shop-ac-menu > a > span{
        display: block;
        padding: 2px 0;
        line-height: 1;
    }
}
@media screen and (min-width:1023px){
    .calendar{
        display:none;
    }
}

/***************** common ******************/
.addcommentModal .modal-dialog{max-width:800px;width:100%}
.addcommentModal .cImgBox{width:50px;height:50px;margin:0 20px 0 0;float:left}
.addcommentModal .cImgBox img{object-fit:cover;-o-object-fit:cover;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;width:50px;height:50px}
.addcommentModal .commentTop{clear:both;margin:20px 0 20px 0;overflow:hidden}
.addcommentModal .cInfo{float:left;width:calc(100% - 70px)}
.addcommentModal .input-field{margin:30px 0 0 0}
.addcommentModal textarea{height:150px;clear:both;border:1px solid #ddd;padding:10px;margin:0 0 10px 0}
.addcommentModal .tInfo{text-align:center;margin:0 0 40px 0;line-height:1.6}
.addcommentModal .tInfo span.brStyle{display:inline-block}
.addcommentModal .stars.stars-example-bootstrap.starClear.panelStyle{width:250px;float:left;margin:-9px 5px 0 0}
.addcommentModal .cInfo .starPint{float:left;margin:13px 0 0 0;font-size:1em}
@media screen and (max-width:991px){
    .addcommentModal .stars.stars-example-bootstrap.starClear.panelStyle{width:auto!important}
}
@media screen and (max-width:640px){
    .addcommentModal .tInfo span.brStyle{display:inline}
}
@media screen and (max-width:600px){
    .addcommentModal .stars.stars-example-bootstrap.starClear.panelStyle{float:none;margin:0}
    .addcommentModal .cInfo .starPint{display:block;text-align:center;width:100%}
    .addcommentModal .cImgBox{float:none;width:100%;text-align:center}
    .addcommentModal .cInfo{float:none;width:100%}
    .addcommentModal .panelStyle .br-widget{max-width:280px;margin:15px auto 0 auto}
    .addcommentModal .panelStyle .br-widget a{width:1%;text-align:center;padding:0px}
}

.uploadImgList{clear:both;padding:0px;margin:0 0 40px 0;list-style:none;display:-webkit-flex;display:-ms-flexbox;display:flex!important;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}
.uploadImgList > li{float:left;width:16.6%;padding:5px 5px;position:relative}
.uploadImgList > li span.icon-letter-x,.uploadImgList > li span.icon-plus{color:#fff;text-shadow:0 0 3px #fff;position:absolute;right:10px;top:10px;font-weight:bold}
.uploadImgList > li img{width:100%;height:75px;object-fit:cover;-o-object-fit:cover}
.uploadImgList > li.spBtn a{width:100%;height:75px;background:#ddd;display:block;position:relative}
.uploadImgList > li.spBtn a:after{position:absolute;left:0;top:50%;content:"上傳照片";display:block;width:100%;display:block;text-align:center;color:#777;margin:10px 0 0 0;}
.uploadImgList > li.spBtn a span{text-shadow:none;font-size:1.8em;color:#777;left:50%;top:50%;margin:-20px 0 0 -14px}
.uploadImgList > li.spBtn input[type=file]{position:absolute;left:5px;top:5px;width:calc(100% - 10px);height:75px;overflow:hidden;opacity:0;cursor:pointer}

@media screen and (max-width:767px){
    .uploadImgList > li{width:20%}
}
@media screen and (max-width:640px){
    .uploadImgList > li{width:25%}
}
@media screen and (max-width:414px){
    .uploadImgList > li{width:33.33%}
}