* {
    -webkit-tap-highlight-color: rgba(0,0,0,0) !important; /* make transparent link selection, adjust last value opacity 0 to 1.0 */
}

html,body {
    -webkit-touch-callout: none;                /* prevent callout to copy image, etc when tap to hold */
    -webkit-text-size-adjust: none;             /* prevent webkit from resizing text to fit */
    /* -webkit-user-select: none;    */               /* prevent copy paste, to allow, change 'none' to 'text' */
}
a:hover{text-decoration: none;}
.post-infos h1{min-height: 58px}
#footer ul li{position: relative;padding: 0 6px;}
#footer ul li:before{
    content: '';
    position: absolute;
    border-right: 1px solid #b6bfc4;
    height: 20px;    
    top: 2px;
    right: -2px;

}
#footer ul li:last-child:before{height:0;}
.modal-header{border-bottom: 0;background-color: #d5ebf1;}
.modal-header .close{
    position: absolute;
    right: 15px;
    top: 15px;
}
#seemore .modal-header p{color: #427782;opacity: .8}
#seemore .modal-title{padding-right: 20px;color: #424c5f}
[role="search"]{border:1px solid #ced4da !important;border-radius: .25rem}
select.form-control,input.form-control{height: 45px!important;}
.cat-bg-1{ background-color: #7bb14a}
.cat-bg-2{ background-color: #e96704 }
.cat-bg-3{ background-color: #0c4b8c}
.cat-bg-4{ background-color: #f6d258;color: #444 !important }
.page-header.page-header-modern.page-header-background.page-header-background-sm.coupon-header{padding: 30px 0; border-bottom: 5px solid rgb(66 91 119 / 20%)}
.form-header{background-color: #252b59}
.chat-sidebar {
    display: flex;
    align-items: flex-start;
    position: relative;
    background-color: #fff;
    padding: 10px 20px;
    border-bottom: 1px solid #eee;
}
.chat-message { flex: 1;}
.chat-sidebar  .btn-info{background-color: #2ba0e0;border:none;}
.js-sb{justify-content: space-between}
.bg-yellow{background: #FFD670;color: #3c3c3c}
.list.list-icons li{font-size: 14px}
.data-content{font-size: 15px;margin-top: 30px;}
.enterfor .modal-header{background-color: #fff;border-bottom: 1px solid #ddd}
.enterfor .modal-body h5{font-weight: 400;}
.data-content img{margin-bottom: 20px;}
.our-blog-item{-webkit-transition: ease all 300ms; transition: ease all 300ms;}
.our-blog-item:hover:not(.blog-post){transform: translateY(-10px);}
hr.dark { background: rgba(0, 0, 0, 0.15);}
#photographyPagination li a{min-width: 36px; height: 36px;}
#photographyPagination li .active{background-color: #4c8fd9!important;border-color:#4c8fd9 !important;}
html.photography-demo-2 #header.transparent-header .header-nav-main nav > ul > li a {font-size: 16px;color: #d5c89a !important;}
html.photography-demo-2 #header .header-nav-main nav > ul > li:not(.dropdown) a:hover:after{border-color:#dacd9d }
#shoplist{justify-content: flex-end}
#shoplist li{border-right: 1px solid #eee;position: relative;}
#shoplist li:before{
    content: '';
    border: 1px solid #d7e2e5;
    position: absolute;
    right: 0px;
    top: 7px;
    display: block;
    height: 25px;
}
#shoplist li a{font-size: 16px;color: #596d74}
.custom-control-input:checked ~ .custom-control-label::before,
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #3593e0;
    border-color: #3593e0;
    width: 1.3rem;
    height: 1.3rem;
}
.custom-control-label::after,.custom-control-label::before{
    width: 1.3rem;
    height: 1.3rem;
}
.custom-control-label{padding-left: 7px;}
.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::after{background-image: none}
.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::before{border:#adb5bd solid 1px;background-color:transparent;}






::-webkit-scrollbar {
    -webkit-appearance: none;
}

::-webkit-scrollbar:vertical {
    width: 2px;
}

::-webkit-scrollbar:horizontal {
    height: 2px;
}

::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, .5);
    border-radius: 10px;
    border: 2px solid transparent;
}

::-webkit-scrollbar-track {
    background-color: transparent; 
}

/*
| ----------------------------------------------------
| responsive
| ----------------------------------------------------
*/
@media (min-width: 1500px) {
.container.large{width: 75vw;max-width: 75vw}
}

@media (max-width: 1441px) and (min-width: 1200px) {    
    .container.large{width: 85vw;max-width: 85vw}
}


@media (max-width: 1025px) {}


@media (max-width: 769px) {
    html.photography-demo-2 #header.transparent-header .header-nav-main nav{background: #242e38;}
    html.photography-demo-2 #header.transparent-header .header-nav-main nav > ul > li a{padding: 18px 6px;font-size: 17px}
    #header .header-nav-main nav > ul li{border-color:#5f6e7c;}
    #shoplist {justify-content:start;margin-top: 10px}
}


 /*iphone plus*/
@media (max-width: 415px) {
.page-header.page-header-modern.page-header-background.page-header-background-sm.coupon-header{padding: 10px 0 10px}
#header .header-btn-collapse-nav{margin: 0 0.5rem 0 0}
#shoplist {justify-content:center;}
#shoplist li:nth-child(2n):before{content: none}

     
}


/*iphone: 7px*/
@media (max-width: 376px) {}



/*iphone 5*/
@media (max-width: 321px) {
    #shoplist li a {
        font-size: 15px;
        color: #596d74;
        padding: 5px 12px;
    }
}


/*iPhone XR*/
@media only screen 
    and (device-width : 414px) 
    and (device-height : 896px) 
    and (-webkit-device-pixel-ratio : 2) { 



}

/*iPhone XS*/
@media only screen 
    and (device-width : 375px) 
    and (device-height : 812px) 
    and (-webkit-device-pixel-ratio : 3) { 

}

/*iPhone XS Max*/
@media only screen 
    and (device-width : 414px) 
    and (device-height : 896px) 
    and (-webkit-device-pixel-ratio : 3) { 


}
/*橫拿*/
@media screen and  (orientation:landscape) {}
/*縱拿*/
@media screen and (orientation:portrait) {}
/*設備寬高比*/
@media screen and (device-aspect-ratio: 16/9) {}

/* 2021 10 04 */
.video-box {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  height: 0;
  margin-bottom: 6px;
}
.video-box iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}