@charset "utf-8";

@media(max-width: 1599px) {
    .row.p20{
        margin-left: -16px;
        margin-right: -16px;
    }
    .row.p20>*{
        padding-left: 16px;
        padding-right: 16px;
    }
    /*header*/
    .header_search .input-group{
        min-width: 240px;
    }
    .header_search .form-control{
        width: 140px;
    }
    .header_logo{
        max-width: 300px;
    }
    .header_menu{
        flex: 1;
    }
    /*首頁top文章*/
    .top_article_img{
        width: 800px;
    }
    .top_article_content h3{
        -webkit-line-clamp: 2;
    }
    .top_article_content p{
        -webkit-line-clamp: 2;
    }
    /*首頁活動快訊*/
    .new_activities_img{
        padding-right: 16px;
    }
    .new_activities_content{
        padding-left: 16px;
    }
    /*編輯精選*/
    .new_selected_img{
        padding-left: 16px;
    }
    .new_selected_content{
        padding-right: 16px;
    }
    /*熱門影評*/
    .wave_beer {
        height: 170px;
    }
    .wave{
        padding: 24px 32px;
    }
    .wave::before {
        width: 2600px;
        height: 2600px;
    }
    .wave::after {
        width: 2600px;
        height: 2600px;
    }
    .wave2::before {
        width: 2600px;
        height: 2600px;
    }
    /*電影、影集列表頁*/
    .article_list_rugged{
        margin-left: -16px;
        margin-right: -16px;
    }
    .article_list_rugged_item{
        padding-left: 16px;
        padding-right: 16px;
    }
    /*關於我們*/
    .about_us_txt {
        padding-left: 64px;
    }
}

@media(max-width: 1399px) {
    /*header*/
    .modal-open .page_header{
        background-color: rgba(50, 58, 63, .95);
        position: fixed;
    }
    .modal-open .under_page_header{
        margin-top: 0;
    }
    .header_search .row{
        margin-left: -8px;
        margin-right: -8px;
        flex-wrap: nowrap;
    }
    .header_search .row>*{
        padding-left: 8px;
        padding-right: 8px;
    }
    .header_search .input-group{
        min-width: 230px;
    }
    .header_search .form-select{
        width: 90px;
    }
    .header_search .form-control{
        width: 110px;
    }
    /*放在右側的影評*/
    .hot_article_sm_title{
        -webkit-line-clamp: 3;
    }
    /*首頁top文章*/
    .top_article_list{
        padding-right:40px;
        padding-bottom: 40px;
    }
    .top_article_img{
        width: 750px;
    }
    .under_top_article{
        height: 92px;
    }
    .top_article_content{
        margin-bottom: 92px;
    }
    /*編輯精選*/
    .new_selected_img{
        padding-left: 16px;
    }
    .new_selected_content{
        padding-right: 16px;
    }
    /*熱門影評*/
    .article_card_no1_content{
        padding-bottom: 110px;
    }
    .wave_beer {
        height: 110px;
    }
    .wave{
        padding: 16px 24px;
        font-size: 36px;
    }
    .wave::before {
        left: -126%;
        width: 2000px;
        height: 2000px;
    }
    .wave::after {
        left: -126%;
        width: 2000px;
        height: 2000px;
    }
    .wave2::before {
        left: -126%;
        width: 2000px;
        height: 2000px;
    }
    /*創作頁*/
    .creation_header_bg::before{
        background: radial-gradient(50% 50% at 50% 50%, rgba(52, 59, 64, 0.2) 0%, rgba(52, 59, 64, 0.4) 40%, rgba(50, 58, 63, 0.6) 60%, rgba(50, 58, 63, 0.75) 70%, rgba(50, 58, 63, 0.85) 80%, rgba(50, 58, 63, 0.95) 90%, #323A3F 100%);
    }
    /*評分排行頁*/
    .score_ranking_side_box{
        padding-right: 0;
    }
    /*聯絡我們*/
    .contact_us_box_bg{
        background-image: none
    }
    /*作者頁*/
    .author_info_photo{
        width: 250px;
    }
    .author_info_txt{
        padding-top: 32px;
    }
    .author_info_brief {
        padding-top: 32px;
    }
    /*關於我們*/
    .about_us_img_box {
        width: 500px;
        height: 500px;
    }
    .about_us_txt {
        padding-left: 40px;
    }
    .about_us_social_item:not(:first-child){
        margin-left: 100px;
    }
}

/*xl以下*/
@media(max-width: 1199px) {
    h1{
        font-size: 40px;
    }
    h2{
        font-size: 36px;
    }
    main{
        min-height: calc(100vh - 72px - 398px);
    }
    /*左右有線的標題*/
    .title_xl{
        margin-bottom: 32px;
    }
    .title_xl::before{
        height: 4px;
    }
    .title_xl::after{
        height: 4px;
    }
    /*登入*/
    .login_row{
        justify-content: center;
    }
    .login_row_right{
        display: none;
    }
    /*放在右側的影評*/
    .hot_article_sm_title{
        -webkit-line-clamp: 4;
    }
    /*表單*/
    .enjobar_form_btn{
        padding-top: 0;
    }
    /*列表分頁*/
    .page_list{
        margin-top: 40px;
    }
    /*header*/
    .page_header{
        background-color: rgba(50, 58, 63, 1);
        box-shadow: 0 1px 1px rgb(0 0 0 / 20%);
    }    
    .page_header .enjobar_container{
        position: relative;
        padding-left: 40px;
        padding-right: 40px;
    }
    .header_box{
        height: 72px;
    }
    .header_menu{
        display: none;
    }
    .header_search{
        display: none;
    }
    .under_page_header{
        height: 72px;
    }
    .header_logo img{
        height: 42px;
    }
    .mobile_btn{
        position: absolute;
        top: 15px;
        right: 40px;
    }
    .mobile_menu_btn{
        display: flex;
    }
    .mobile_menu_btn .btn{
        color: #fff;
        height: 42px;
        width: 42px;
        font-size: 28px;
        padding: 0;
    }
    .mobile_search_btn{
        display: flex;
    }
    .mobile_search_btn .btn{
        color: #fff;
        height: 42px;
        width: 42px;
        font-size: 20px;
        padding: 0;
    }
    .close_mobile_search{
        display: flex;
        position: absolute;
        right: 40px;
        top: 0;
    }
    .close_mobile_search .btn{
        color: #fff;
        height: 42px;
        width: 42px;
        font-size: 32px;
        padding: 0;
        background-color: var(--main-color-dark);
    }
    .close_mobile_search .btn i{
        display: flex;
        justify-content: center;
    }
    .go_mobile_search{
        display: flex;
        position: absolute;
        right: 40px;
        top: 0;
    }
    .go_mobile_search .btn{
        display: flex;
        align-items: center;
        justify-content: center;
        color: #fff;
        height: 42px;
        width: 42px;
        font-size: 20px;
        padding: 0;
        background-color: var(--main-color-dark);
    }
    .go_mobile_search.show{
        z-index: 1002;
    }
    .mobile_search_box{
        padding-left: 40px;
        padding-right: 40px;
    }
    .mobile_search_input{
        background-color: transparent;
        border: none;
        height: 42px;
        margin-top: 15px;
        padding: 0 80px 0 0;
        line-height: 42px;
        color: #fff;
    }
    .mobile_search_input:focus{
        background-color: transparent;
        box-shadow: none !important;
        color: #fff;
    }
    .mobile_sidebar{
        background-color: var(--main-color);
        top: 72px;
    }
    /* .mobile_sidebar::before{
        position: absolute;
        content: "";
        height: 1px;
        top: 0;
        width: calc(100% - 80px);
        left: 40px;
        background-color: var(--font-color3);
    } */
    .mobile_sidebar.show{
        display: block;
    }
    .mobile_sidebar_list, .mobile_sidebar_list li{
        list-style: none;
        margin: 0;
        padding: 0;
    }
    .mobile_sidebar_list{
        padding-top: 24px;
        padding-bottom: 24px;
    }
    .mobile_sidebar_list a{
        color: #fff;
        padding: 0 40px;
        height: 60px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    /*footer*/
    .page_footer .enjobar_container{
        padding-left: 40px;
        padding-right: 40px;
    }
    /*淺綠圓型按鈕*/
    .btn_carousel{
        width: 60px;
        height: 60px;
    }
    /*首頁top文章*/
    .top_article_box .enjobar_container{
        padding: 0;
    }
    .top_article_box{
        padding-top: 80px;
    }
    .top_article_list{
        padding-left: 40px;
    }
    .top_article_item{
        flex-wrap: wrap;
    }
    .top_article_img{
        order: 1;
        width: 100%;
        margin-top: -40px;
    }
    .top_article_content{
        order: 2;
        margin-left: 0;
        margin-right: 0;
        margin-bottom: 40px;
    }
    .top_article_content p{
        height: 3rem;
    }
    .top_article_btn{
        position: initial;
        margin-top: 40px;
    }
    .top_article_carousel .carousel_btn{
        display: flex;
        bottom: 40px;
    }
    .top_article_carousel .carousel-indicators{
        display: none;
    }
    .under_top_article{
        height: 40px;
    }
    /*首頁最新影評*/
    .new_article_box{
        padding-top: 80px;
    }
    /*首頁活動快訊*/
    .new_activities_box {
        margin-top: 40px;
    }
    .new_activities_list{
        margin-bottom: 40px;
    }
    .activities_carousel_bg{
        padding: 32px 40px;
    }
    .new_activities_item{
        flex-wrap: wrap;
    }
    .new_activities_img{
        width: 100%;
        padding-right:0;
    }
    .new_activities_content{
        margin-top: 32px;
        padding-left: 0px;
        padding-bottom: 80px;
        min-height: 390px;
        max-width: 100%;
    }
    .new_activities_btn{
        left: 0;
    }
    /*編輯精選*/
    .new_selected_box{
        padding-top: 40px;
    }
    .selected_carousel_bg {
        padding: 32px 40px;
    }
    .selected_carousel_box{
        margin-bottom: 80px;
    }
    .new_selected_item{
        flex-wrap: wrap;
    }
    .new_selected_img{
        width: 100%;
        order: 1;
        padding-left: 0;
    }
    .new_selected_content{
        width: 100%;
        order: 2;
        padding-right: 0;
        padding-bottom: 76px;
    }
    .new_selected_content h3{
        margin-top: 32px;
        -webkit-line-clamp:3;
    }
    .new_selected_content p{
        height: 3rem;
        -webkit-line-clamp:2;
    }
    .new_selected_btn{
        left: 0;
        right: auto;
    }
    .selected_carousel_box .carousel_btn {
        left: auto;
        right: 0;
    }
    /*熱門影評*/
    .article_card_no1{
        margin-bottom: 40px;
    }
    .article_card_no1_content{
        padding-bottom: 0;
    }
    .article_card_no1_decorate{
        display: none;
    }
    /*引誘收藏*/
    .index_keep_box{
        margin-top: 0;
        margin-bottom: 80px;
        padding-top: 32px;
    }
    .index_keep_box .article_card{
        margin-top: 0px;
    }
    .index_keep_box.no_item{
        padding: 0;
    }
    .keep_noitem_msg{
        padding: 32px 16px;
    }
    .keep_noitem_msg h3{
        font-size: 17px;
    }
    .no_item_item .article_card_img{
        opacity: 1;
    }
    .no_item_item .article_card_title{
        display: flex;
        padding: 16px 24px;
    }
    /*網友評分排行*/
    .score_ranking{
        margin-left: -40px;
        margin-right: -40px;
    }
    .score_ranking_list{
        margin-left: -16px;
        margin-right: -16px;
    }
    .score_ranking_item{
        padding-left: 16px;
        padding-right: 16px;
    }
    /*熱門關鍵字*/
    .hottag_box{
        margin-bottom: 80px;
    }
    /*影評內容頁-廣告*/
    .article_topad{
        padding-left: 40px;
        padding-right: 40px;
    }
    /*影評內容頁-封面*/
    .article_content_cover .content_container{
        padding-left: 40px;
        padding-right: 40px;
    }
    /*影評內容頁-內容*/
    .article_content_box{
        flex-wrap: wrap;
        justify-content: center;
    }
    .article_content_rightside{
        padding-left: 0;
        width: 100%;
        flex: auto;
    }
    .hot_article_sm_box, .hot_article_sm_list{
        max-width: 896px;
        margin-left: auto;
        margin-right: auto;
    }
    /*影評內容頁-創作資訊*/
    .creation_card_summary p{
        -webkit-line-clamp: 4;
    }
    /*影評內容頁-投票活動*/
    .vote_card_list{
        margin-left: -16px;
        margin-right: -16px;
    }
    .vote_card_item{
        padding: 0 16px 32px 16px;
    }
    /*放在右側的影評*/
    .hot_article_sm_title{
        -webkit-line-clamp: 3;
    }
    /*電影、影集列表頁*/
    .negative_bg{
        padding-bottom: 40px;
        background-size: auto 250px;
    }
    .movie_decorate{
        font-size: 80px;
    }
    .listpage_title{
        padding-top: 40px;
    }
    .listpage_search{
        margin-top: 16px;
    }
    .search_count{
        margin-top: 16px;
    }
    .movie_list{
        padding-top: 32px;
        padding-bottom: 80px;
    }
    .article_list_rugged{
        grid-template-columns: 50% 50%;
    }
    /*關鍵字搜尋頁*/
    .tag_page_side{
        position: initial;
        padding-bottom:16px;
    }
    .side_hottag_box{
        margin-top: 0;
    }
    .article_list_rugged, .tag_search_page .article_list_rugged{
        grid-template-columns: 50% 50%;
    }
    /*活動列表頁*/
    .activities_list{
        padding-top: 32px;
        padding-bottom: 80px;
    }
    /*創作頁*/
    .creation_header_content{
        grid-template-columns: 200px auto 250px;
        padding: 40px 0;
    }
    .creation_header_title_box{
        padding-left: 24px;
        padding-right: 24px;
    }
    .creation_header_info_box{
        padding-left: 24px;
        padding-right: 24px;
    }
    .creation_header_score{
        padding-top: 0;
    }
    .creation_score_star .full_star, .creation_score_star .half_star, .creation_score_star .null_star{
        width: 20px;
        height: 20px;
    }
    .creation_score_fraction{
        font-size: 24px;
    }
    .creation_header_score_prepare{
        margin-top: 8px;
    }
    /*創作頁-相關影評*/
    .extensive_article_box{
        margin-bottom: 32px;
    }
    /*創作頁-喜歡這部片的人也喜歡*/
    .maybelike_box{
        background-color: var(--fourth-color);
    }
    .maybelike_box::before{
        display: none;
    }
    .maybelike_box_bg{
        max-width:none;
        padding: 32px 0;
        margin-left: -40px;
        margin-right: -40px;
    }        
    .maybelike_list_box{
        overflow-x: auto;
    }
    .maybelike_list {
        margin-left: 0;
        margin-right: 0;
        padding-left: 32px;
        padding-right: 32px;
        width: 132%;
    }
    .maybelike_box_bg .title_sm_l{
        padding-left: 56px;
    }
    .maybelike_item {
        padding-left: 8px;
        padding-right: 8px;
        width: 22%;
    }
    /*創作頁-網友評分區*/
    .creation_comment_box{
        padding-bottom: 80px;
    }
    /*創作頁-網友評分排行*/
    .score_ranking_sm_box{
        padding-bottom: 64px;
    }
    /*評分排行頁*/
    .score_ranking_side_box{
        margin-top: 24px;
        margin-bottom: 16px;
    }
    .score_ranking_list_box{
        margin-top: 32px;
    }
    /*會員中心*/
    .member_page, .member_page>.enjobar_container, .member_page>.enjobar_container>*{
        min-height: inherit;
    }
    /*合作*/
    .cooperation_form{
        padding-top: 32px;
        padding-bottom: 80px;
    }
    /*聯絡我們*/
    .contact_us_box{
        padding-top: 32px;
        padding-bottom: 80px;
    }
    /*活動內容*/
    .liquor_warning{
        font-size: 16px;
        padding: 8px;
    }
    .activities_content_box .article_content_short{
        margin-bottom: 24px;
    }
    /*404*/
    .error_content_box{
        padding-top: 40px;
        padding-bottom: 40px;
        margin-bottom: 80px;
    }
    .error_maybe_box{
        margin-bottom: 80px;
    }
    /*飲品列表頁*/
    .drinks_list_box{
        padding-top: 32px;
        margin-bottom: 80px;
    }
    /*飲品介紹頁*/
    .drink_article_sm_box{
        margin-bottom: 80px;
    }
    /*飲品介紹頁*/
    .drink_info_box .enjobar_tag_list {
        display: none;
    }
    .drink_content_title_box {
        margin-top: 16px;
        margin-bottom: 24px;
    }
    .drink_content_title h1{
        line-height: 1.2;
    }
    .drink_article_sm_box{
        margin-bottom: 80px;
    }
    .drink_content_box{
        margin-bottom: 80px;
        margin-top: 24px;
    }
    /*服務條款、隱私權政策*/
    .services_box{
        margin: 32px auto 80px auto;
    }
    /*作者頁*/
    .author_info_box{
        flex-wrap: wrap;
        max-width: 732px;
        margin-left: auto;
        margin-right: auto;
        padding-bottom: 48px;
    }
    .author_info_photo{
        width: 250px;
    }
    .author_info_txt{
        padding-top: 32px;
    }
    .author_info_brief {
        width: 100%;
    }
    .author_info_brief_txt{
        padding: 0 16px;
    }
    .author_article_box{
        margin-bottom: 80px;
    }
    /*關於我們*/
    .about_us_header{
        height: 500px;
    }
    .about_us_header_content{
        margin-top: 16px;
    }
    .about_us_header_content h2{
        margin-bottom: 32px;
    }
    .about_us_article_nav{
        display: flex;
        width: 600px;
        height: 80px;
        margin-top: -40px;
        margin-bottom: 80px;
    }
    .about_us_article_link:not(:first-child)::after{
        height: 64px;
    }
    .about_us_img_box {
        width: 400px;
        height: 400px;
    }
    .about_us_social_row{
        display: block;
    }
    .about_us_social_title{
        width: 100%;
    }
    .about_us_social_title .title_xl{
        padding-right: 200px;
        margin: 0 auto 48px auto;
    }
    .about_us_social_title .title_xl::after{
        display: block;
    }
    .about_us_social_nav_box{
        width: 100%;
    }
    .about_us_content {
        margin-bottom: 80px;
    }
    .about_us_social {
        padding: 64px 0;
    }
}

/*lg以下*/
@media(max-width: 991px) {
    /*header*/
    .login_row_left{
        width: 100%;
    }
    .login_row_left>div{
        margin-left: auto;
        margin-right: auto;
    }
    .signup_block .login_row_left>div {
        max-width: 500px;
    }
    .signup_block .enjobar_form .row>div:nth-child(1){
        order: 1;
    }
    .signup_block .enjobar_form .row>div:nth-child(2){
        order: 4;
    }
    .signup_block .enjobar_form .row>div:nth-child(3){
        order: 2;
    }
    .signup_block .enjobar_form .row>div:nth-child(4){
        order: 5;
    }
    .signup_block .enjobar_form .row>div:nth-child(5){
        order: 3;
    }
    .signup_block .enjobar_form .row>div:nth-child(6){
        order: 6;
    }
    .signup_block .enjobar_form .row>div:nth-child(7){
        order: 7;
    }
    /*編輯精選*/
    .new_selected_content{
        min-height: 371px;
    }
    /*電影、影集列表頁*/
    .movie_decorate{
        display: none;
    }
    /*創作頁*/
    .creation_header_bg::before {
        background: radial-gradient(50% 50% at 50% 50%, rgba(52, 59, 64, 0.4) 0%, rgba(52, 59, 64, 0.5) 40.1%, rgba(50, 58, 63, 0.7) 59.38%, rgba(50, 58, 63, 0.8) 80.21%, #323A3F 100%);
    }
    .creation_header_content{
        grid-template-columns: 200px auto;
    }
    .creation_header_title_box{
        padding-left: 24px;
        padding-right: 24px;
    }
    .creation_header_score {
        grid-column-start: 1;
        grid-column-end: 3;
        grid-row-start: 3;
        grid-row-end: 3;
        padding-top: 32px;
    }
    .creation_header_score_prepare{
        transform: rotate(0deg);
        display: block;
        height: auto;
        padding: 16px;
        text-align: center;
        width: 100%;
        margin: 0;
    }
    .creation_header_score_prepare::after{
        display: none;
    }
    .creation_header_score_prepare h4{
        transform: rotate(0deg);
    }
    /*創作頁-喜歡這部片的人也喜歡*/
    .maybelike_list {
        width: 180%;
    }
    .maybelike_item {
        width: 30%;
    }
    /*評分排行頁*/
    .ranking_menu_lv1+ul{
        margin-left: 32px;
    }
    .ranking_menu_lv1+ul>li{
        display: inline-flex;
    }
    .ranking_menu_lv1{
        padding: 0;
    }
    .ranking_menu_lv2{
        height: 42px;
        padding: 0 16px;
        margin-bottom: 8px;
    }
    a.ranking_menu_lv1:hover, .ranking_menu_lv2:hover{
        background-color: transparent;
    }
    /*會員中心*/
    .member_page{
        background-color: var(--bg-color);
    }
    .member_page:after{
        display: none;
    }
    .member_side_box{
        padding-top: 24px;
        padding-bottom: 16px;
        padding-right: 0;
        margin-left: -40px;
        margin-right: -40px;
        margin-bottom: 0;
        background-color: #fff;
    }
    .member_side_menu{
        display: flex;
        justify-content: center;
    }
    .member_side_menu ul>li{
        display: inline-flex;
    }
    .member_side_menu_item{
        padding-left: 0;
        padding-right: 24px;
    }
    .member_side_menu_item:hover {
        background-color: transparent;
    }
    /*會員中心-個人設定*/
    .member_page_content{
        padding-left: 0;
        padding-top: 40px;
        padding-bottom: 80px;
    }
    /*活動內容頁*/
    .activities_content_box {
        padding-bottom: 80px;
    }
    .activities_content_box .article_content_short{
        margin-top: 48px;
    }
    .activities_content_info{
        margin-bottom: 0;
        max-width: 700px;
        margin-left: auto;
        margin-right: auto;
    }
    /*飲品介紹頁*/
    .drink_header_bg{
        display: block;
        background-color: var(--main-color);
        padding-top: 48px;
        margin-bottom: 24px;
        padding-bottom: 24px;
    }
    .drink_header_bg .article_content_title, .drink_header_bg .article_content_info {
        text-align: center;
    }
    .drink_info_box{
        max-width: 700px;
        margin-left: auto;
        margin-right: auto;
        margin-top: 0;
    }
    .drink_content_title_box{
        display: none;
    }
    .drink_info_img_box{
        margin-bottom: 0;
    }
    .drink_info_box .article_content_short{
        margin-top: 48px;
    }
    .drink_content_txt{
        margin-bottom: 32px;
    }
    .drink_content_box {
        margin-top: 0;
    }
    /*作者頁*/
    .author_info_photo{
        width: 200px;
    }
    /*關於我們*/
    .about_us_img_box {
        width: 40%;
        height: auto;
    }
    .about_us_social_row{
        display: block;
    }
    .about_us_content::before{
        display: none;
    }
    .about_us_content::after{
        display: none;
    }
    .about_us_header{
        height: 400px;
    }
}

/*md以下*/
@media(max-width: 767px) {
    h1{
        font-size: 32px;
    }
    h2{
        font-size: 28px;
    }
    h3{
        font-size: 24px;
    }
    h4{
        font-size: 18px;
    }
    main {
        min-height: calc(100vh - 72px - 362px);
    }
    .enjobar_container{
        padding-right: 16px;
        padding-left: 16px;
    }
    .content_container{
        padding-right: 16px;
        padding-left: 16px;
    }
    /*簡單彈窗*/
    .simple_modal .modal-header{
        padding: 16px 16px 0 16px;
    }
    .simple_modal .modal-body{
        padding: 16px;
    }
    .simple_modal .modal-footer{
        padding: 16px 16px 24px 16px;
    }
    /*完整彈窗*/
    .complete_modal .modal-header{
        padding: 16px;
    }
    .complete_modal .modal-header::after{
        width: calc(100% - 32px);
        left: 16px;
    }
    .complete_modal .modal-body{
        padding: 16px;
    }
    .complete_modal .modal-footer{
        padding: 16px 16px 24px 16px;
        justify-content: center;
    }
    /*黑色黃色按鈕-中*/
    .btn_neumorphism_black.enjobar_send_btn.active{
        overflow: hidden;
    }
    .btn_neumorphism_black.enjobar_send_btn.active .sendout .pacman{
        right: -12px;
    }
    .btn_neumorphism_black.enjobar_send_btn.active .sendout{
        padding-right: 0;
    }
    /*純文字標題*/
    .title_simple{
        margin-bottom: 16px;
    }
    /*左右有線的標題*/
    .title_xl{
        padding-left: 16px;
        padding-right: 16px;
        margin-bottom: 16px;
    }
    .title_xl::before{
        height: 6px;
        top: auto;
        bottom: 2px;
        width: 100%;
        z-index: -1;
    }
    .title_xl::after{
        display: none;
    }
    /*有底線的標題*/
    .title_sm_c{
        margin: 0 auto 16px auto;
    }
    .title_sm_l{
        margin: 0 auto 16px 0;
    }
    .title_sm_c::before{
        height: 6px;
    }
    .title_sm_c.inbg .title_sm_c_bg{
        height: 6px;
    }
    .title_sm_l::before{
        height: 6px;
    }
    .title_sm_l.inbg .title_sm_l_bg{
        height: 6px;
    }
    /*影評卡片*/
    .article_card{
        margin-bottom: 32px;
    }
    .article_card_title {
        margin-bottom: 8px;
    }
    /*活動卡片*/
    .activities_card{
        margin-bottom: 32px;
    }
    .activities_card_title {
        margin-bottom: 8px;
    }
    /*活動卡片*/
    .drink_card{
        margin-bottom: 32px;
    }
    .drink_card_title {
        margin-bottom: 8px;
    }
    /*header*/
    .page_header .enjobar_container{
        padding-left: 16px;
        padding-right: 16px;
    }
    .mobile_btn{
        right: 16px;
    }
    .mobile_sidebar::before{
        width: calc(100% - 32px);
        left: 16px;
    }
    .mobile_search_box{
        padding-left: 20px;
        padding-right: 20px;
    }
    .close_mobile_search{
        right: 16px;
    }
    .go_mobile_search{
        right: 16px;
    }
    /*footer*/
    .page_footer{
        padding-top: 32px;
        padding-bottom: 32px;
    }
    .page_footer .enjobar_container {
        padding-left: 16px;
        padding-right: 16px;
    }
    .page_footer_row{
        flex-wrap: wrap;
        padding-bottom: 16px;
    }
    .page_footer_logo{
        width: 100%;
        flex: auto;
        margin-bottom: 24px;
    }
    .page_footer_nav{
        width: 50%;
    }
    .page_footer_row2{
        position: relative;
    }
    .page_footer_link {
        position: absolute;
        top: 24px;
        right: 0;
    }
    /*首頁top文章*/
    .top_article_content h3{
        -webkit-line-clamp: 3;
    }
    .top_article_box{
        padding-top: 48px;
    }
    .top_article_list{
        padding-left: 16px;
        padding-right: 16px;
        padding-bottom: 0;
        border-radius: 0;
    }
    .top_article_img {
        margin-top: -32px;
    }
    .top_article_content{
        margin-top: 24px;
    }
    .under_top_article{
        height: 0;
    }
    /*首頁最新影評*/
    .new_article_box{
        padding-top: 64px;
    }
    .new_article_list{
        padding-left: 0;
        padding-right: 0;
    }
    /*首頁活動快訊*/
    .new_activities_box {
        margin-top: 24px;
    }
    .activities_carousel_bg {
        padding: 0 0 32px 0;
        margin-bottom: 32px;
    }
    .new_activities_content{
        margin-top: 24px;
        padding-left: 16px;
        padding-right: 16px;
        min-height: 400px;
    }
    .new_activities_content p{
        margin-bottom: 20px;
        line-height: 1.5;
    }
    .new_activities_list {
        padding-left: 0;
        padding-right: 0;
        margin-bottom: 32px;
    }
    .new_activities_btn{
        left: 16px;
    }
    .carousel_btn{
        right: 16px;
    }
    .new_activities_vote_box{
        padding-top: 44px;
    }
    .new_activities_vote{
        overflow-x: auto;
    }
    .new_activities_vote_img{
        width: 56px;
    }
    /*編輯精選*/
    .new_selected_box {
        padding-top: 32px;
    }
    .selected_carousel_box{
        margin-bottom:64px;
    }
    .selected_carousel_bg {
        padding: 0 0 32px 0;
    }
    .new_selected_content{
        padding-left: 16px;
        padding-right: 16px;
        min-height: 345px;
    }
    .new_selected_content h3{
        margin-top: 24px;
    }
    .new_selected_content p{
        line-height: 1.5;
    }
    .new_selected_btn{
        left: 16px;
    }
    .selected_carousel_box .carousel_btn{
        right: 16px;
    }
    /*熱門影評*/
    .hot_article_box{
        margin-bottom: 32px;
    }
    .article_card_no1{
        background-color: var(--main-color);
        padding-bottom: 32px;
    }
    .article_card_no1 .article_card_img{
        margin-left: -16px;
        margin-right: -16px;
    }
    .article_card_no1_content .article_card_title{
        color: #fff;
    }
    .article_card_no1_content .article_card_title h3{
        -webkit-line-clamp:3;
    }
    .article_card_no1_content p{
        color: var(--font-color4);
    }
    .article_card_no1 .enjobar_tag{
        box-shadow: -1px -1px 2px rgba(255, 255, 255, 0.1), 1px 1px 2px rgba(0, 0, 0, 0.5);
    }
    .article_card_no1_content .article_card_info a{
        color: #fff;
    }
    .hot_article_list {
        padding-left: 0;
        padding-right: 0;
    }
    /*引誘收藏*/
    .allure_box{
        margin-bottom: 0;
        padding: 32px 0;
    }
    .allure_box h2{
        margin-bottom: 8px;
    }
    .allure_btn {
        margin-top: 24px;
    }
    .index_keep_btn {
        padding-bottom: 32px;
    }
    /*網友評分排行*/
    .score_ranking{
        padding: 32px 0 0 0;
        margin-bottom:64px;
        margin-left: -16px;
        margin-right: -16px;
    }
    .score_ranking_box{
        overflow-x: auto;
    }
    .score_ranking_list{
        width: 200%;
        margin-left: 0;
        margin-right: 0;
        padding-left: 8px;
        padding-right: 8px;
    }
    .score_ranking_item{
        width: 40%;
        margin-bottom: 32px;
        padding-left: 8px;
        padding-right: 8px;
    }
    .score_ranking_title{
        padding-bottom: 0;
        margin-bottom: 8px;
    }
    .score_ranking_title h4{
        font-size: 16px;
        font-weight: 400;
    }
    .score_ranking_fraction{
        font-size: 20px;
    }
    /*影評文章列表*/
    .article_list_box{
        padding-left: 0;
        padding-right: 0;
    }
    .article_card_big {
        margin-bottom: 32px;
    }
    .article_card_big .article_card_title {
        margin-bottom: 8px;
    }
    .article_card_big .article_card_title h3{
        font-size: 18px;
        font-weight: 400;
    }
    .article_card_big p {
        display: none;
    }
    /*列表分頁*/
    .page_list .pagination{
        flex-wrap: wrap;
        margin-bottom: -8px;
    }
    .page_list .page-item .page-link{
        padding: 8px 4px;
        margin-bottom: 8px;
    }
    /*熱門關鍵字*/
    .hottag_box{
        margin-bottom: 64px;
    }
    /*影評內容頁-廣告*/
    .article_topad{
        padding-left: 16px;
        padding-right: 16px;
        padding-bottom: 8px;
    }
    .article_topad .google_970{
        margin-top: 16px;
    }
    /*影評內容頁-封面*/
    .article_content_cover{
        padding-top: 16px;
        margin-bottom: 32px;
    }
    .article_content_cover .content_container {
        padding-left: 16px;
        padding-right: 16px;
    }
    .article_content_title h1{
        line-height: 1.2;
    }
    .article_content_img{
        margin-left: -16px;
        margin-right: -16px;
    }
    .article_content_cover_bg{
        display: none;
    }
    /*影評內容頁-內容*/
    .article_content_box{
        padding-left: 0;
        padding-right: 0;
    }
    .article_content_short{
        margin-bottom: 32px;
    }
    /*影評內容頁-飲酒吧搭配*/
    .match_box{
        margin-bottom: 32px;
    }
    .match_img_box{
        position: initial;
    }
    .match_img{
        width: 100%;
        box-shadow: none;
    }
    .match_txt{
        position: initial;
        padding-bottom: 20px;
        min-height: auto;
    }
    .match_txt h4{
        padding: 12px 16px 8px 16px;
        text-align: center;
    }
    .match_txt p{
        padding: 0 16px;
    }
    .match_drink_link{
        position: initial;
    }
    /*影評內容頁-tag、收藏*/
    .under_content_tag{
        margin-bottom: 24px;
    }
    /*影評內容頁-創作資訊*/
    .creation_card{
        display: flex;
        flex-wrap: wrap;
    }
    .creation_card_title{
        width: 100%;
        padding: 16px 16px 8px 152px;
    }
    .creation_card_img{
        width: 120px;
    }
    .creation_card_director{
        flex: 1;
    }
    .creation_card_actor{
        -webkit-line-clamp: 3;
        padding-right: 0;
    }
    .creation_card_summary{
        padding-left: 16px;
    }
    .creation_card_summary p{
        -webkit-line-clamp: 6;
    }
    .creation_card_btn{
        width: 100%;
    }
    /*影評內容頁-投票活動*/
    .vote_card_list{
        margin-left: -12px;
        margin-right: -12px;
    }
    .vote_card_item{
        padding: 0 12px 32px 12px;
    }
    /*電影、影集列表頁*/
    .negative_bg{
        margin-left: 0;
        margin-right: 0;
        padding-bottom: 16px;
        background-image: url(../img/negative.png);
        background-size: auto 200px;
    }
    .listpage_title{
        padding-top: 16px;
        margin-bottom: 0;
    }
    .listpage_search{
        margin-top: 0;
    }
    .listpage_search .form_input_group{
        margin-top: 16px;
    }
    .movie_list{
        padding-top: 16px;
        padding-bottom:64px;
    }
    .movie_list .article_list_box{
        margin-bottom: -32px;
    }
    .article_list_rugged{
        grid-template-columns: 100%;
    }
    .article_list_rugged_item:first-child, .article_list_rugged_item:nth-child(14n){
        grid-column: span 1;
        grid-row: span 1;
    }
    /*關鍵字搜尋頁*/
    .tag_page_side{
        padding-bottom:0;
    }
    .tag_search_page .article_list_rugged{
        grid-template-columns: 100%;
    }
    .tag_search_page .article_list_rugged_item:nth-child(10n){
        grid-column: span 1;
        grid-row: span 1;
    }
    /*活動列表頁*/
    .activities_list{
        padding-top: 16px;
        padding-bottom: 64px;
    }
    .activities_list_box{
        margin-bottom:-32px;
    }
    /*創作頁*/
    .creation_header_bg::before {
        background: radial-gradient(50% 50% at 50% 50%, rgba(52, 59, 64, 0.6) 0%, rgba(50, 58, 63, 0.7) 20%, rgba(50, 58, 63, 0.8) 60%, #323A3F 100%);
        left: -16px;
        width: auto;
        right: -16px;
    }
    .creation_header_content {
        padding: 16px 0 32px 0;
    }
    .creation_header_title_box .enjobar_tag_list>div:not([class*="audiences"]){
        display: none;
    }
    .extensive_article_box{
        margin-bottom: 0;
    }
    .creation_content_tag{
        display: block;
        margin-bottom: 64px;
    }
    .creation_header_content_box{
        margin-bottom: 64px;
    }
    .creation_header_score{
        padding-top: 16px;
    }
    .synopsis_box .title_sm_l, .actor_box .title_sm_l, .maybelike_box_bg .title_sm_l, .score_ranking_sm_box .title_sm_l, .extensive_article_box .title_sm_l{
        margin-left: auto;
        margin-right: auto;
        padding-left: 16px;
    }
    .maybelike_box_bg{
        margin-left: -16px;
        margin-right: -16px;
        max-width: none;
    }
    .maybelike_list {
        width: 240%;
        margin-left: 0;
        margin-right: 0;
        padding-left: 8px;
        padding-right: 8px;
    }
    .maybelike_item {
        width: 40%;
    }
    .creation_netizens{
        margin-left: -16px;
        margin-right: -16px;
    }
    .creation_netizens>*{
        padding-left: 16px;
        padding-right: 16px;
    }
    .creation_comment_box{
        padding-bottom: 64px;
    }
    .useful_btn{
        display: flex;
        justify-content: flex-end;
        margin-left: -8px;
        margin-right: -8px;
    }
    .useful_btn>div{
        padding-left: 8px;
        padding-right: 8px;
    }
    .useful_btn .btn, .useful_btn .usefuled{
        margin-left: 0;
        margin-right: auto;
        margin-top: 16px;
        height: 30px;
    }
    .maybelike_title h4{
        font-size: 16px;
        font-weight: 400;
    }
    .score_ranking_sm_box {
        padding-bottom: 48px;
    }
    /*評分排行頁*/
    .score_ranking_list_box{
        margin-top: 24px;
    }
    .score_ranking_side_box{
        margin-top: 0;
        margin-left: -16px;
        margin-right: -16px;
        margin-bottom: 0;
        padding-right: 0;
    }
    .score_ranking_menu{
        height: 0px;
        overflow: hidden;
        padding: 0 16px;
        transition: all 400ms ease 0s;
    }
    .ranking_menu_active_item{
        position: relative;
        display: flex;
        align-items: center;
        padding: 0 16px;
        background-color: var(--bg-color);
        color: var(--second-color);
        height: 60px;
    }
    .ranking_menu_active_item span{
        position: absolute;
        right: 24px;
        color: var(--main-color);
    }
    /*會員中心*/
    .member_side_box{
        padding-top: 0;
        padding-bottom: 0;
        margin-left: -16px;
        margin-right: -16px;
        overflow-x: auto;
    }
    .member_side_menu{
        width: 500px;
        justify-content: flex-start;
    }
    .member_side_menu_item{
        padding-right: 16px;
    }
    /*會員中心-個人設定*/
    .member_page_content{
        padding-top: 24px;
        padding-bottom: 64px;
    }
    .member_info_name{
        padding-left: 16px;
    }
    .member_pw_editbtn{
        position: initial;
        padding-top: 16px;
        text-align: right;
    }
    .member_edit_box .enjobar_input[type="date"], .member_edit_box .enjobar_select_white{
        width: 100%;
        max-width: 100%;
    }
    /*合作*/
    .cooperation_form{
        padding-top: 16px;
        padding-bottom: 64px;
    }
    .cooperation_form select{
        max-width: 100%;
    }
    /*聯絡我們*/
    .contact_us_box{
        padding-top: 16px;
        padding-bottom: 64px;
    }
    .contact_us_slogan{
        margin-bottom: 16px;
    }
    /*活動內容頁*/
    .activities_content_box {
        padding-bottom: 64px;
    }
    .activities_content_cover{
        padding-top: 16px;
        padding-bottom: 20px;
        margin-bottom: 0;
    }
    .activities_content_img{
        margin-left: -16px;
        margin-right: -16px;
    }
    .activities_content_box .article_content_short {
        margin-top: 32px;
    }
    .activities_content_txt{
        padding-top: 32px;
    }
    .activities_content_txt img {
        margin-top: 0.3rem;
        margin-bottom: 0.3rem;
    }
    /*404*/
    .error_content_box{
        margin-bottom: 64px;
        padding-bottom: 64px;
    }
    .error_img {
        max-width: 300px;
    }
    .error_maybe_box{
        margin-bottom: 64px;
    }
    /*影視關鍵字搜尋*/
    .video_list_box {
        padding-top: 16px;
        padding-bottom: 64px;
    }
    /*飲品列表頁*/
    .drinks_list_box {
        padding-top: 16px;
        margin-bottom: 64px;
    }
    .drinks_list{
        margin-bottom:-32px;
    }
    .drinks_list>.row{
        margin-left: -8px;
        margin-right: -8px;
    }
    .drinks_list>.row>*{
        padding-left: 8px;
        padding-right: 8px;
    }
    /*飲品介紹頁*/
    .drink_header_bg{
        padding-top: 16px;
        padding-bottom: 20px;
        margin-bottom: 0;
    }
    .drink_info_title h1 {
        line-height: 1.2;
    }
    .drink_info_img {
        margin-left: -16px;
        margin-right: -16px;
    }
    .drink_info_txt{
        margin-top: 32px;
    }
    .drink_article_sm_box{
        margin-bottom: 64px;
    }
    .drink_content_box{
        margin-bottom: 64px;
    }
    /*服務條款、隱私權政策*/
    .services_box{
        margin: 16px auto 64px auto;
    }
    /*作者頁*/
    .author_content_cover{
        border-top-width: 96px;
    }
    .author_info_photo_box{
        margin: 0 auto;
    }
    .author_info_box{
        padding-bottom: 32px;
    }
    .author_info_photo{
        width: 150px;
    }
    .author_info_txt{
        padding-top: 16px;
        width: 100%;
        flex: auto;
        padding-left: 0;
        text-align: center;
    }
    .author_info_brief {
        padding-top: 16px;
    }
    .author_article_box{
        margin-top: 32px;
        margin-bottom: 64px;
    }
    .author_article_box .article_list_box {
        margin-bottom: -32px;
    }
    /*關於我們*/
    .about_us_header {
        height: 350px;
        background-position: center right;
    }
    .about_us_header_content {
        margin-top: -16px;
    }
    .about_us_header_content h2 {
        margin-bottom: 24px;
    }
    .about_us_img{
        padding-bottom: 63%;
    }
    .about_us_article_nav{
        width: 80%;
        margin-bottom: 24px;
        margin-top: -30px;
        height: 60px;
    }
    .about_us_article_link:not(:first-child)::after{
        height: 44px;
    }
    .about_us_content{
        margin-bottom: 64px;
    }
    .about_us_content_row{
        display: block;
    }
    .about_us_img_box {
        width: 100%;
        height: auto;
    }
    .about_us_txt {
        padding-left: 0;
        padding-top: 16px;
    }
    .about_us_social_title .title_xl{
        padding-left: 16px;
        padding-right: 16px;
        margin-bottom: 16px;
    }
    .about_us_social_title .title_xl::after {
        display: none;
    }
    .about_us_social_nav_box{
        margin-top: 24px;
    }
    .about_us_social {
        padding: 32px 0;
    }
    .about_us_social_link img {
        width: 60px;
    }
    .about_us_social_linkname{
        margin-top: 4px;
        text-decoration: underline;
    }
    .about_us_social_item:not(:first-child){
        margin-left: 64px;
    }
}

/*sm以下*/
@media(max-width: 575px) {
    /*簡單彈窗*/
    .simple_modal .modal-dialog{
        max-width: 100%;
        margin-left: 16px;
        margin-right: 16px;
    }
    .simple_modal .modal-body{
        padding: 16px 16px 24px 16px;
    }
    .simple_modal .modal-footer {
        padding: 0 16px 32px 16px;
    }
    .simple_modal .modal-body.message_modal_content{
        padding-left: 24px;
        padding-right: 24px;
    }
    /*完整彈窗*/
    .complete_modal .modal-dialog{
        max-width: 100%;
        margin-left: 16px;
        margin-right: 16px;
    }
    .complete_modal .modal-body {
        padding: 16px 16px 24px 16px;
    }
    .complete_modal .modal-footer {
        padding: 0px 16px 32px 16px;
    }
    /*表單*/
    .enjobar_form{
        margin-bottom: -24px;
    }
    .enjobar_form_control_row{
        margin-bottom: 24px;
    }
    .form_input_group.p32{
        margin-left: -8px;
        margin-right: -8px;
    }
    .form_input_group.p32 .form_input_group_item{
        padding-left: 8px;
        padding-right: 8px;
        flex: 1;
    }
    /*登入*/
    .enjobar_full_modal .modal-body{
        padding: 0 16px;
    }
    .enjobar_full_modal .close_modal_btn{
        padding: 0;
        padding-top: 15px;
        height: 72px;
        text-align: right;
    }
    .enjobar_full_modal .close_modal_btn .btn-close{
        font-size: 32px;
    }
    .login_box .tips{
        font-size: 14px;
    }
    .login_box .error_or::after{
        display: block;
    }
    .login_box .error_or::before{
        position: absolute;
    }
    /*首頁top文章*/
    .top_article_content_txt{
        min-height: 224px;
    }
    /*引誘收藏*/
    .index_keep_box{
        margin-bottom: 64px;
        padding-top: 16px;
    }
    .no_item_item .article_card_title{
        padding: 16px;
    }
    /*影評內容頁-投票活動*/
    .member_vote_item{
        margin-bottom: 16px;
    }
    /*影評內容頁-留言區*/
    .article_comment_item+.article_comment_item{
        margin-top: 40px;
    }
    /*影評內容頁-投票活動*/
    .vote_card_item{
        min-width: 33%;
    }
    /*電影、影集列表頁*/
    .negative_bg {
        background-position: top center;
    }
    .listpage_search .enjobar_select_whiteborder {
        width: 100%;
    }
    /*創作頁*/
    .creation_header_content {
        display: flex;
        flex-wrap: wrap;
    }
    .creation_header_poster_box{
        width: 100px;
    }
    .creation_header_title_box{
        padding-left: 16px;
        padding-right: 0;
    }
    .creation_header_title{
        margin-bottom: 4px;
    } 
    .creation_score_card{
        background: rgba(255, 255, 255, 0.1);
        padding: 20px 32px;
    }
    .creation_header_info_box{
        padding-left: 0;
        padding-right: 0;
        padding-top: 16px;
    }
    .creation_header_txt_item+.creation_header_txt_item{
        margin-top: 6px;
    }
    .creation_comment_count_box{
        flex-wrap: wrap;
        margin-bottom: 24px;
    }
    .creation_comment_count{
        padding-right: 0;
    }
    .creation_comment_btn{
        margin-top: 16px;
    }
    .creation_comment_sort{
        width: 100%;
    }
    .article_comment_item{
        padding-bottom: 40px;
    }
    .useful_btn{
        position: absolute;
        left: 56px;
        bottom: 0;
    }
    /*會員中心-個人設定*/
    .upload_memberphoto_btn_box{
        padding-top: 0;
    }
    .cut_memberphoto_box{
        padding-bottom: 8px;
    }
    /*404*/
    .error_seach {
        padding-top: 1rem;
    }
    .error_or{
        margin-top: 1rem;
        margin-bottom: 1rem;
    }
    .error_or::before{
        position: initial;
    }
    .error_or::after{
        display: none;
    }
    /*飲品介紹頁*/
    .drink_info_box .article_content_short{
        margin-top: 32px;
    }
    .drink_content_txt{
        margin-bottom: 32px;
    }
}

/*超窄*/
@media(max-width: 350px) {
    /*黃框按鈕*/
    .btn_border_yellow{
        display: flex;
        align-items: center;
        justify-content: center;
        border: solid 1px var(--second-color);
        border-radius: 0;
        height: 42px;
        width: 140px;
        color: var(--second-color);
    }
    /*淺綠圓型按鈕*/
    .btn_carousel{
        width: 42px;
        height: 42px;
    }
    /*影評內容頁-投票活動*/
    .vote_card_item {
        min-width: 50%;
    }
    /*會員中心-個人設定*/
    .member_edit_photo_default{
        width: 120px;
        height: 120px;
    }
}