/************************RWD-行動裝置優先**********************/

/*******************定位******************/

/*定位用子容器*/
.fun_sub_container{
    position: relative;
    width: 100%;
    height: 100%;
}

/*消除預設內外距*/
.fun_clean_padding_and_margin{
    padding: 0;
    margin: 0;
}

/*消除按鈕預設值*/
.fun_clean_btn_style{
    background-color: unset;
    border: unset;
}

/*禁用按鈕*/
.fun_disable_btn{
    pointer-events: none;
}

/*隱藏區塊*/
.fun_hidden_element{
    display: none;
}

/*****************特殊物件*****************/
/*全景遮罩*/
.fun_full_page_mask{
    position: fixed;
    left: 0;
    top: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(3, 3, 3, 0.60);
    z-index: 89;
}

/******************滾動條(垂直)********************/
/*整體*/
.main_scrollbar_style::-webkit-scrollbar{
    width: 5px;
}

/*軌道*/
.main_scrollbar_style::-webkit-scrollbar-track{
    background-color: transparent;
    margin-top: 10px;
    margin-bottom: 10px;
}

/*滑桿*/
.main_scrollbar_style::-webkit-scrollbar-thumb{
    background-color: rgba(80, 181, 185, 0.5);
    border-radius: 30px;
}

/******************滾動條(無樣式)********************/
.none_scrollbar_style{
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.none_scrollbar_style::-webkit-scrollbar{
    display: none; 
}

/************************RWD-小平板(480px~767.99px)*********************/
@media (min-width: 480px){
    
}

/************************RWD-大平板、小電腦(768px~1199.99px)*************/
@media (min-width: 768px){
    /******************滾動條(垂直)********************/
    /*整體*/
    .main_scrollbar_style::-webkit-scrollbar{
        width: 8px;
    }
}

/************************RWD-大螢幕(1200px以上)**************************/
@media (min-width: 1200px){
    
}

/************************RWD-手機、小平板橫置處理(寬768以內、高600.01以內)******************************/
@media (orientation: landscape) and (max-height: 600px){
    
}