* {
    -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' */
}
html{
  touch-action: manipulation !important;
  -ms-touch-action: manipulation !important;
}
body{
  -webkit-overflow-scrolling: touch;  
  padding-top: constant(safe-area-inset-top);   /* 針對ios APP */
  padding-right: constant(safe-area-inset-right);  /* 針對ios APP */
  padding-bottom: constant(safe-area-inset-bottom); /* 針對ios APP */
  padding-left: constant(safe-area-inset-left); /* 針對ios APP */
}

.dark_menu .menu > .nav-item > .nav-link{
    text-shadow: none;
}

.banner-area-coral {
    background: #232323 url(../img/banner-coral.jpg) 25% / cover;
    position: relative;
}

.banner_coral{
    background: linear-gradient(to top, #f99183, transparent);
    margin-top: -6%;
}

.latest-news-area:before {
    background: linear-gradient(to bottom, #f99183 20%, #ffffff 100%, #122b4300 120%);
}

.menu_one {
    background: rgb(127 15 0 / 70%);
}

.header_search_form-4 .input-wrapper .sub_btn{
    background-color: #f25577;
}

.doc_banner_content .banner-title-h1, .doc_banner_content .banner-text{
    color: #ffffff !important;
}

.deco_turtle{
    filter: none;
}

.card:hover span {
    background-color: #ffeef6;
}

.card:hover, .card:hover span {
    border-color: #edc2cc;
}

.icon_cate:hover:before {
    filter: invert(70%) sepia(28%) saturate(457%) hue-rotate(268deg) brightness(108%) contrast(96%);
}

.card:hover {
    box-shadow: 0px 5px 10px 0 rgb(142 0 39 / 25%);
}

.index-question-area {
    background: linear-gradient(to top, #eeacacb8 0%, #ffe6cb  100%), url(../img/deco/bg_noise.jpg) !important;
}

.section-title-h2{
    color: var(--brand_color2);
}

.single-question-widget .question-content .question-header .qtn-title > div .author-pos, .author-pos{
    background-color: rgb(166 17 17 / 8%);
    color: var(--brand_color3);
}

.deco_ani.s1{
    width: 13rem;
    top: 20%;
}

.deco_ani.s2{
    width: 15rem;
}

.deco_ani.s3{
    top: 75%;
    width: 12rem;
    right: -2%;
}
.deco_ani.s4{
    width: 15rem;
    top: 55%;
    left: 4%;
}

.forum-statistics .round-sm::before{
        background: linear-gradient(81deg, var(--brand_color3), var(--brand_color2));
}

.forum-statistics .border-left-light{
    border-color: var(--baseColor2);
}

.main_area_dark {
    background: #590e00;
}

.forum-statistics .statistics-widget img {
    filter: hue-rotate(35deg) opacity(1) drop-shadow(2px 4px 6px #edc2cc);
}

.forum-statistics .statistics-widget p{
    color: #ffcfec;
}

.action_btn{
    background: var(--brand_color2);
}

.forum-statistics .action_btn:hover, .forum-statistics .action_btn:focus{
    background: #ffcfec;
    border-color: #ffcfec;
    color: var(--brand_color3) !important;
}

.btn-primary:hover, .btn-outline-primary:hover {
    box-shadow: 0px 7px 20px 0 rgb(142 0 1 / 43%);
}

.action_btn.btn_small, .action_btn.btn_small_two, .action_btn.btn_small_three, .action_btn.btn_bg, .action_btn.btn_radious_none, .action_btn.btn_radious_45{
    border: 2px solid var(--brand_color2);
}

.index .banner-shapes .shape {
    filter: invert(1) hue-rotate(165deg);
}
#back-to-top{
    background-color: rgb(255 164 108 / 80%);
}

#back-to-top::after{
    color: #fff;
}

:root{
    --font:'Microsoft JhengHei',-apple-system, "Helvetica Neue", Helvetica, "Nimbus Sans L", Arial, "Liberation Sans", "PingFang SC", "Hiragino Sans GB", "Source Han Sans CN", "Source Han Sans SC", "Microsoft YaHei", "Wenquanyi Micro Hei", "WenQuanYi Zen Hei", "ST Heiti", SimHei, "WenQuanYi Zen Hei Sharp", sans-serif;
    --main:;
    --maindark:;
    --maindlight:;
    --second:;
    --seconddark:;
    --seconddlight:;
    --brand_color: #d15a6e;
    --brand_color2: #b04656;
    --brand_color3: #af2c00;
    --baseColor2: #eb9db1;
    --hover3: #edc2cc;
}
::-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 (max-width: 1367px) {}


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


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


 /*iphone plus*/
@media (max-width: 430px) {
     
}


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



/*iphone 5*/
@media (max-width: 321px) {}


/*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) {}