@charset "utf-8"; /* 食尚內頁 */ @font-face { font-family: 'bauerbodonistd-roman'; src: url('../fonts/bauerbodonistd-roman.woff') format('woff'); } @font-face { font-family: 'bauerbodonistd-roman-for-v-specialMenu'; src: url('../fonts/bauerbodonistd-roman-for-v-specialMenu.woff') format('woff'); } /*@font-face { font-family: 'BauerBodniBTBold'; src: url('../fonts/bauerbodonBold-roman.woff') format('woff'); }*/ a:hover { color: #fd3a13; text-decoration: none; } .img img{width:100%;height:auto;} .newsdetail_box{margin-bottom:30px;overflow:hidden;position:relative} .newsdetail_content{padding:20px 30px 10px 140px;word-wrap:break-word;} .newsdetail_content2{padding:15px 30px 10px 30px;word-wrap:break-word;overflow:hidden;} .newsdetail_content .title{position:relative;overflow:hidden;} .newsdetail_content .contxt{position:relative;overflow:hidden;} .newsdetail_content .contxt img{max-width:100%!important;padding: 0; margin: 0;} .newsdetail_content .contxt .imgbox{display:block;overflow:hidden;clear: both;} .newsdetail_content .contxt .img{position:relative;overflow:hidden;width:auto;height:auto;text-align: center;float:left;} .newsdetail_content .contxt .img img{max-width:100%!important;} .newsdetail_content .contxt h2{font-size: 22px;font-weight: 500;color: #FF8C00;margin: 5px 0;} .newsdetail_content .contxt h2{color:#DF4719;} .newsdetail_content .contxt h3{font-size: 20px;font-weight: 500;color: #22AC38;margin: 5px 0;} .newsdetail_content .txtBox{position:absolute;bottom:0;right:0;} .newsdetail_content .leftBox1{float:left;margin-right:10px;} .newsdetail_content .leftBox2{float:left;margin-right:10px;line-height:30px;} .newsdetail_content .leftBox2 br{display:none;} .newsdetail_content .highlight1{color:#fd3a13;}.newsdetail_content .highlight1 a{color:#fd3a13;} /* 日期 */ .newsdetail_box_date{position:absolute;top:30px;left:42px;text-align:center;font-family:bauerbodonistd-roman;} .newsdetail_box_date ul{} .newsdetail_box_date li{} .newsdetail_box_date li:nth-child(1){font-size:48px;border-bottom: solid #000 1px;padding-bottom:15px;margin-bottom:8px;} .newsdetail_box_date li:nth-child(2){font-size:26px;} .newsdetail_box_date li:nth-child(3){font-size:18px;} /* 日期ed */ /* 總覽日期 */ .realtime_box_date{list-style:none;overflow: hidden;margin-bottom:10px;line-height:normal;} .realtime_box_date .date{font-size:48px;font-weight: 500;font-family:bauerbodonistd-roman;} .realtime_box_date .week{margin-top:10px;} .realtime_box_date .week p{margin:0;padding:0;line-height:19px;} .realtime_box_date .week p:nth-child(1){font-size:20px;font-family:bauerbodonistd-roman;} .realtime_box_date .week p:nth-child(2){font-size:14px;} .realtime_box_date .img{width:40px;margin-top:9px;position:relative;} .realtime_box_date .img p{position:absolute;z-index:1;top:0;width:40px; overflow:hidden;} .realtime_box_date .img p input{border:0;background-color:rgba(0,0,0,0);cursor: pointer;color:rgba(0,0,0,0);height:35px;font-size:16px;} .realtime_box_date li{float:left;margin-right:5px;} @media (max-width:767px){ .newsdetail_content .leftBox2 br{display:block;} .realtime_box_date .date{font-size:30px;} .realtime_box_date .week{margin-top:6px;} .realtime_box_date .week p{line-height:12px;text-align: center;} .realtime_box_date .week p:nth-child(1){font-size:14px;} .realtime_box_date .week p:nth-child(2){font-size:12px;} .realtime_box_date .img{width:28px;margin-top:3px;} } /* 總覽日期 ed*/ /*--滑動固定上下篇--*/ .newsdetail_fixed{position:relative;} .newsdetail_fixed_mask{} .newsdetail_fixed_next{width:100%;position:fixed;top:50%;z-index:10;opacity:0;transition:0.3s;} .newsdetail_fixed_next ul{} .newsdetail_fixed_next li{position:absolute;overflow:hidden; cursor:pointer;} .newsdetail_fixed_next li:nth-child(1){left:-15px;} .newsdetail_fixed_next li:nth-child(2){right:-15px;} .newsdetail_fixed_next li:nth-child(1) .arraw{margin-left:10px;} .newsdetail_fixed_next li:nth-child(2) .arraw{margin-right:10px;} .newsdetail_fixed_next .box1{padding:5px;background-color:#f4f5f2;border-radius:5px;overflow:hidden;border: solid #dddddd 1px;} .newsdetail_fixed_next .img,.newsdetail_fixed_next .txt,.newsdetail_fixed_next .arraw{float:left;} .newsdetail_fixed_next .arraw{width:30px;padding:20px 0 15px;;margin-right:0px;opacity:0.3;} .newsdetail_fixed_next .contxt{width:0;float:left;height:68px;overflow:hidden;} .newsdetail_fixed_next .txt{width:190px;margin-right:5px;line-height:0px;overflow:hidden;} .newsdetail_fixed_next .txt h3:hover{color:#fd3a13;} .newsdetail_fixed_next .img{width:121px;line-height:0;} /*--滑動固定上下篇--ed*/ /* 社群 */ .newsdetail_box_community{position:absolute;left:-60px;z-index:1;} .newsdetail_box_community ul{z-index:5;position:fixed;top:60px;opacity:0;transition:0.3s;} .newsdetail_box_community li, .newsdetail_box_community li a {width:40px;height:40px;display:block;margin-bottom:5px;background-size:40px;} .newsdetail_box_community li:nth-child(1){background: url(../images/newsdtetail_fb.svg) no-repeat center center;} .newsdetail_box_community li:nth-child(2){background: url(../images/newsdtetail_google_plus.svg) no-repeat center center;} .newsdetail_box_community li:nth-child(3){background: url(../images/newsdtetail_message.svg) no-repeat center center;} .newsdetail_box_community li:nth-child(1):hover{background: url(../images/newsdtetail_fb-o.svg) no-repeat center center;} .newsdetail_box_community li:nth-child(2):hover{background: url(../images/newsdtetail_google_plus-o.svg) no-repeat center center;} .newsdetail_box_community li:nth-child(3):hover{background: url(../images/newsdtetail_message-o.svg) no-repeat center center;} /* 社群ed */ @media (max-width:1680px) { .newsdetail_box_community{position:absolute;left:-45px;} } @media (max-width:1650px){ .newsdetail_box_community{position:absolute;top:10px;left:-20px;} .newsdetail_box_date{left:60px;} } @media (max-width:1599px){ .newsdetail_box_community{position:absolute;top:0;left:-60px;} .newsdetail_box_date{left:42px;} } @media (max-width:1450px){ .newsdetail_box_community{position:absolute;top:10px;left:10px;} .newsdetail_box_date{left:60px;} .newsdetail_box_community{position:absolute;top:10px;left:-20px;} } @media (max-width:1365px) { .newsdetail_content{padding:20px 20px 10px 20px;} .newsdetail_content2{padding:15px 20px 10px 20px;} .newsdetail_content .leftBox2{float:none;clear:both;} .newsdetail_box_date{display:none;} .newsdetail_box_community{display:none;} .newsdetail_fixed_next{display: none;} } @media (max-width:1023px) { .newsdetail_box{margin-bottom:20px;} .newsdetail_content{padding:15px 15px 10px 15px;} .newsdetail_content2{padding:15px 15px 10px 15px} } @media (max-width:767px) { .newsdetail_content{padding:10px 10px 10px;} .newsdetail_content2{padding:15px 10px 10px;} .newsdetail_content .leftBox1{float:none;clear:both;} .newsdetail_content .contxt h2{font-size: 20px;font-weight: 500;color: #FF8C00;margin: 5px 0;} .newsdetail_content .contxt h3{font-size: 18px;font-weight: 500;color: #22AC38;margin: 5px 0;} } /* 關鍵字 */ .newsdetail_content .newsdetail_content_adWords_box{position:relative;height:20px;} .newsdetail_content .adWords{}.newsdetail_content .adWords li{padding-left:25px;} .newsdetail_content .adWords{}.newsdetail_content .adWords li h5 a,.newsdetail_content .adWords li h5{color: #7f7f7f;} .newsdetail_content .adWords li:nth-child(1){background: url(../images/adwords03.svg) no-repeat left center; background-size:20px;} .newsdetail_content .adWords li:nth-child(2){background: url(../images/adwords02.svg) no-repeat left center; background-size:20px;} .newsdetail_content .newsdetail_content_community_box{position:absolute;top:5px;right:0;} @media (max-width:767px){ .newsdetail_content .newsdetail_content_adWords_box{position:relative;height:auto;overflow: hidden;} .newsdetail_content .newsdetail_content_community_box{position:relative;margin: 0 auto;margin:15px 0; text-align: center;} } /* 關鍵字 ed*/ /* 延伸閱讀 */ .newsdetail_content .extended_box{} .extended_box_title{border-bottom:#dedede 1px solid;border-top:#dedede 1px solid;position:relative; } .extended_box_title_txt{position:absolute;top:-13px;background-color:#fff;padding-right:5px;} .talk_bg .extended_box_title_txt{position:absolute;top:-13px;background-color:#f1f1f1;padding-right:5px;} .newsdetail_content .extended1{ margin: 25px 0 15px 0;} .newsdetail_content .extended1 ul{} .newsdetail_content .extended1 li{ padding-left:23px;display:inline-block;width:47%; margin-bottom: 10px; } .newsdetail_content .extended1 li:nth-child(1){background: url(../images/icon-supertaste-line.svg) no-repeat left center; background-position:-245px 2px\0; } .newsdetail_content .extended1 li:nth-child(2){background: url(../images/icon-supertaste-youtube.svg) no-repeat left center; background-position:-245px 2px\0; } .newsdetail_content .extended1 li:nth-child(3){background: url(../images/icon-supertaste-fb.svg) no-repeat left center; background-position:-245px 2px\0; } .newsdetail_content .extended1 li h2{ padding-left:10px;} .newsdetail_content .extended2{padding-bottom: 0;} .newsdetail_content .extended2 ul{} .newsdetail_content .extended2 li{display:inline-block;width:48%;margin-right:15px;margin-bottom:15px; vertical-align: top;} .newsdetail_content .extended2 li:last-child{margin-bottom:0;} .newsdetail_content .extended2 .img{float:left;width:135px; margin-right:10px;overflow:hidden;position:relative;line-height:0;} .newsdetail_content .extended2 .txt{overflow:hidden;height:70px; } .newsdetail_content .extended2 .txt .txt_titel{font-size:20px;} @media (max-width:1599px){ .newsdetail_content .extended1 li{width:45%;} .newsdetail_content .extended2 li{width:45%;} } @media (max-width:1365px){ .newsdetail_content .extended1 li{width:97%;} .newsdetail_content .extended2 li{width:100%;} } @media (max-width:767px){ .newsdetail_content .extended1{ margin: 15px 0 15px 0;} } @media (max-width:480px){ .newsdetail_content .extended2 .txt .txt_titel{font-size:18px;} .newsdetail_content .extended1 li{width:97%; margin-bottom: 8px;} .newsdetail_content .extended1 li:last-child{margin-bottom:0;} .newsdetail_content .motto{margin:40px 30px;} } /* 延伸閱讀 ed*/ /* 格言*/ .newsdetail_content .motto{font-style:italic;color:#686868;margin:50px 45px;} .newsdetail_content .motto::before,.newsdetail_content .motto::after{font-size:40px;font-style:normal;} .newsdetail_content .motto::before{content:"❛❛";margin-right:10px;} .newsdetail_content .motto::after{content:"❜❜";float:right;} /* 格言ed*/ /* 內頁的作者資訊*/ .newsdetail_content .author{border-bottom:#000 solid 3px;border-top:#000 solid 3px;} .newsdetail_content .author{} .newsdetail_content .author .talk_article_people{overflow:hidden;margin:30px 30px 10px;} .newsdetail_content .author .talk_article_people .box{} #author1 .community2 li{width:25px;height:30px;display:inline-block;cursor:pointer;margin-right:5px;background-size:100%;transition:0s!important;} #author1 .community2 li:nth-child(1){background: url(../images/icon-member.svg) no-repeat center center;} #author1 .community2 li:nth-child(1):hover{background: url(../images/icon-member-o.svg) no-repeat center center;} #author1 .community2 li:nth-child(2){background: url(../images/icon-mail.svg) no-repeat center center;} #author1 .community2 li:nth-child(2):hover{background: url(../images/icon-mail-o.svg) no-repeat center center; } #author1 .community2 li:nth-child(3){background: url(../images/icon-fb.svg) no-repeat center center;background-size:99%;} #author1 .community2 li:nth-child(3):hover{background: url(../images/icon-fb-over.svg) no-repeat center center;background-size:99%;} #author1 .community2 li:nth-child(4){background: url(../images/icon-google2.svg) no-repeat center center;width:32px;height:32px;} #author1 .community2 li:nth-child(4):hover{background: url(../images/icon-google2-o.svg) no-repeat center center;width:32px;height:32px;} #author1 .community2 li:nth-child(5){background: url(../images/header_community02.svg) no-repeat center center;} #author1 .community2 li:nth-child(5):hover{background: url(../images/header_community02-o.svg) no-repeat center center;} #author1 .community2 li:nth-child(6){background: url(../images/icon-line.svg) no-repeat center center;} #author1 .community2 li:nth-child(6):hover{background: url(../images/icon-line-o.svg) no-repeat center center;} #author1 .community2 li:nth-child(7){background: url(../images/header_community04.svg) no-repeat center center; } #author1 .community2 li:nth-child(7):hover{background: url(../images/header_community04-o.svg) no-repeat center center;} .newsdetail_content .author .talk_article_people .img{width:105px;height:105px;border-radius:180px;margin-bottom:10px;overflow:hidden;position:relative;float:left;margin-right:15px;} .newsdetail_content .author .talk_article_people .contxt1{float:left;width:88%;overflow:hidden;} .newsdetail_content .author .talk_article_people .title{margin-bottom:0px;}.talk_article_people .title h3{color:#686868;} .newsdetail_content .author .talk_article_people .name{margin-bottom:15px;}.talk_article_people .name h1{font-size:30px;font-weight:bold;} .newsdetail_content .author .talk_article_people .txt1{width:28%;float:left;margin-top:0px;} .newsdetail_content .author .talk_article_people .txt{width:72%;float:left;margin-top:0px;} .newsdetail_content .author .talk_article_people .txt h4{color:#686868;line-height:23px;} @media (max-width:1599px){ .newsdetail_content .author .talk_article_people{overflow:hidden;margin:30px 0px 10px;} .newsdetail_content .author .talk_article_people .contxt1{float:left;width:83%;} .newsdetail_content .author .talk_article_people .txt1{width:40%;float:left;margin-top:30px;} .newsdetail_content .author .talk_article_people .txt{width:60%;float:left;margin-top:5px;} } @media (max-width:1365px){ #author1 .community2{position: absolute;right:0;bottom:10px;} .newsdetail_content .author .talk_article_people{overflow:hidden;margin:20px 0px;} .newsdetail_content .author .talk_article_people .contxt1{float:left;width:80%;} .newsdetail_content .author .talk_article_people .txt1{width:100%!important;float:left;margin-top:0px;position:relative;} .newsdetail_content .author .talk_article_people .txt{text-align: left; width:100%!important;float:left;margin-top:0px;} .newsdetail_content .author .talk_article_people .community{position:absolute;right:0;bottom:0;} } @media (max-width:767px){ #author1 .community2{position:relative;} .talk_article_people .name h1{font-size:26px;} .newsdetail_content .author .talk_article_people{overflow:hidden;margin:10px 0 20px;} .newsdetail_content .author .talk_article_people .contxt1{float:none;width:100%;text-align:center;margin-top:10px;} .newsdetail_content .author .talk_article_people .img{position:relative;float:none;margin:0 auto;} .newsdetail_content .author .talk_article_people .community{position:relative;text-align: center;margin-bottom:10px;} } /* 內頁的作者資訊 ed*/ /* TVBS旗下論壇 投稿*/ .newsdetail_content .submission{margin: 0 auto;list-style: none;overflow:hidden;} .newsdetail_content .submission li{float:left;width:50%;line-height:0;} .newsdetail_content .submission li img{width:100%;} @media (max-width:767px){ .newsdetail_content .submission li{float:none;width:100%;} } /* TVBS旗下論壇 投稿ed*/ /* 你可能會喜歡---------------------------------------------------------------------------------------------------------------------*/ /*新聞總覽*/ #realtime{} /*新聞總覽*/ .newsdetail_content_like{overflow: hidden;} .newsdetail_content_like ul{} .newsdetail_content_like li{width:376px;height:auto;overflow:hidden;float:left;margin-right:20px;margin-bottom:10px;} .newsdetail_content_like li .img{height:212px;overflow:hidden;position: relative;margin-bottom:10px;line-height:0;} .newsdetail_content_like li .txt{height:50px;overflow:hidden;} .newsdetail_content_like li:nth-child(3n){margin-right:0;} @media (max-width:1599px){ .newsdetail_content_like li{width:298px;} .newsdetail_content_like li .img{height:168px;} } @media (max-width:1365px){ .newsdetail_content_like li{width:193px;margin-right:15px;} .newsdetail_content_like li .img{height:109px;} } @media (max-width:1023px){ .newsdetail_content_like li{width:222px;margin-right:15px;} .newsdetail_content_like li .img{height:125px;} .newsdetail_content_like li .txt{height:50px;overflow:hidden;} } @media (max-width:767px){ .newsdetail_content_like li,.newsdetail_content_like li:nth-child(3n){width:48%;margin-right:0;} .newsdetail_content_like li:first-child{width:100%;margin-right:0;} .newsdetail_content_like li:not(:first-child){width:48%;} .newsdetail_content_like li:not(:first-child):nth-child(even){margin-right:14px;} .newsdetail_content_like li .img{height:auto;} .newsdetail_content_like li .txt{height:45px;overflow:hidden;} /*新聞總覽*/ #realtime li{width:100%;margin-right:0;margin-bottom:15px;} #realtime li:last-child{margin-bottom:0px;} #realtime li .img{width:50%;float:left;margin-right:15px;margin-bottom:0;} #realtime li .txt{width:45%;float:left;overflow: hidden;margin:15px 0;} /*新聞總覽*/ } @media (max-width:375px){ .newsdetail_content_like li:not(:first-child):nth-child(even){margin-right:12px;} #realtime li .img{width:50%;margin-right:10px;} #realtime li .txt{width:46%;overflow: hidden;margin:5px 0;} } @media (max-width:320px){ .newsdetail_content_like li:not(:first-child):nth-child(even){margin-right:10px;} } /* 你可能會喜歡ed-------------------------------------------------------------------------------------------------------------------*/ /* 上一篇下一篇*/ .newsdetail_content_next{overflow:hidden;} .newsdetail_content_next li{width:45%;display:inline;float:left;} .newsdetail_content_next li:nth-child(2){float:right;} .newsdetail_content_next li:nth-child(2) .title{ text-align:right;} .newsdetail_content_next li:nth-child(2) .txt{text-align:right;} .newsdetail_content_next li .title a{color:#7f7f7f;}.newsdetail_content_next li .title a:hover{color:#fd3a13;} .newsdetail_content_next li .txt{white-space:nowrap; text-overflow : ellipsis;overflow:hidden;} @media (max-width:767px){ .newsdetail_content_next li{width:100%;display:block;float:none;} .newsdetail_content_next li:nth-child(2) .title{ text-align:left;} .newsdetail_content_next li:nth-child(2) .txt{text-align:left;} } /* 上一篇下一篇ed*/ /*店家資訊*/ .store_title { font-size: 24px; line-height: 35px; font-weight: 500; margin: 10px 0 10px 15px; padding: 0; } .store_div { margin: 5px 5px 30px 5px; padding: 15px; border-radius: 10px; box-shadow: 0px 2px 5px rgba(0,0,0,.3); box-sizing: border-box; border: 1px #e1e1e1 solid; background: #FFF; overflow: hidden; } .store_box { width: 100%; margin: 0 0 -10px 0; padding: 0; overflow: hidden; } .store_pic { width: 509px; height: 287px; float: left; line-height: 0; overflow: hidden; } .store_pic img { width: 100%; height: auto; } .store_right { margin: 0; padding: 0; box-sizing: border-box; overflow: hidden; } .store_info { margin: 0; color: #000; padding: 0 0 0 15px; box-sizing: border-box; } .store_info a { color: #000; } .store_info h2 { font-size: 24px!important; line-height: 35px!important; font-weight: bold!important; margin-bottom: 10px!important; color: #000!important; } .store_info span { padding: 0 3px!important; margin-left: 5px!important; margin-top: 3px!important; display: inline-block; border-radius: 3px; font-size: 15px!important; line-height: 24px!important; font-weight: normal!important; color: #fd3a13!important; background: transparent; border: 1px solid #fd3a13; } .store_info p { font-size: 15px!important; font-weight: normal!important; margin: 0 0 5px 0!important; line-height: 22px!important; word-wrap: break-word!important; color: #000!important; } .store_info p a { padding-bottom: 3px; margin-right: 5px; border-bottom: 1px solid #000; line-height:26px; } .store_info .btn { margin-top: 10px; } .store_info .btn .color1 p, .store_info .btn .color2 p { font-size: 18px!important; font-weight: bold!important; margin: 0!important; line-height: inherit!important; color: #FFF!important; } @media (max-width:1599px) { .store_pic { width: 362px; height: 205px; } .store_info { padding: 0 0 0 12px; } .store_info h2 { font-size: 20px!important; line-height: 22px!important; margin-bottom: 15px!important; } } @media (max-width:1365px) { .store_title { font-size: 22px; line-height: 30px; font-weight: normal; margin: 0 0 10px 10px; } .store_div { margin: 5px 5px 10px 5px; padding: 20px; } .store_pic { width: 100%; height: auto; overflow: inherit; } .store_right { width: 100%; float: left; } .store_info { padding: 10px 0 8px 0; } .store_info h2 { margin-bottom: 10px!important; } .store_info .btn { margin-top: 20px; } } @media (max-width:375px) { .store_info h2 { font-size: 18px!important; line-height: 22px!important; margin-bottom: 8px!important; } } /*店家資訊ed*/ /*影片*/ .supertaste_video { width: 100%; height: 596px; } @media (max-width:1599px) { .supertaste_video { height: 453px; } } @media (max-width:1365px) { .supertaste_video { height: 343px; } } @media (max-width:1023px) { .supertaste_video { height: 392px; } } @media (max-width:767px) { .supertaste_video { height: 394px; } } @media (max-width:720px) { .supertaste_video { height: 367px; } } @media (max-width:667px) { .supertaste_video { height: 337px; } } @media (max-width:640px) { .supertaste_video { height: 322px; } } @media (max-width:601px) { .supertaste_video { height: 300px; } } @media (max-width:500px) { .supertaste_video { height: 243px; } } @media (max-width:520px) { .supertaste_video { height: 255px; } } @media (max-width:480px) { .supertaste_video { height: 215px; } } @media (max-width:480px) { .supertaste_video { height: 195px; } } @media (max-width:375px) { .supertaste_video { height: 173px; } } @media (max-width:360px) { .supertaste_video { height: 165px; } } @media (max-width:320px) { .supertaste_video { height: 142px; } } /*影片ed*/ /*新版內容*/ /*新版搜尋框*/ .supertaste_search_box{ width:100%;display:block;overflow:hidden;padding:40px 0;border-radius:5px; background: url(../images/search_box_bg.png) center center;background-color:#ffbf42; margin-bottom:20px; } .supertaste_search_box .box{width:80%;margin:0 auto;} .supertaste_search_box .search{display: flex;display: -webkit-flex;width:100%;overflow:hidden;background-color:#fff;border-radius:7px;height:auto;box-shadow:rgba(0,0,0,0.3) 0px 10px 10px;margin-bottom:20px;} .supertaste_search_box .search input{ font-family: 'Noto Sans TC', sans-serif; width:90%;border:none;padding:10px 20px;border-radius:5px;font-size:18px;color:#666666;border-radius:5px;float:left;} .supertaste_search_box .search button{margin: auto 0 auto auto;border:none;float:right;width:40px;height:40px;background: url(../images/search_btn.svg)no-repeat center center;background-size:60%; margin-top: 3px;} .supertaste_search_box .icon{height:35px;overflow:hidden;} .supertaste_search_box .icon li{display:inline-block;margin-right:5px;white-space:nowrap;margin-bottom:10px;} .supertaste_search_box .icon li:last-child{margin-right:0px;} .supertaste_search_box .icon li a{display:block;padding:2px 20px;background-color:#fff;border:1px #9e9e9e solid;font-size:16px;} .supertaste_search_box .icon li a:hover,.supertaste_search_box .icon li a.act{display:block;padding:2px 20px;background-color:#282828;border:1px #282828 solid;font-size:16px;color:#fff;} @media (max-width:1599px) { .supertaste_search_box .box{width:85%;} .supertaste_search_box .search input{width:85%;} } @media (max-width:768px) { .supertaste_search_box .search button{width:40px;height:35px;} .supertaste_search_box .search input{width:70%;padding:5px 20px;} } @media (max-width:767px) { .supertaste_search_box{border-radius:0px;padding:30px 0;} .supertaste_search_box .box{width:90%;} .supertaste_search_box .icon li a{padding:2px 15px;} .supertaste_search_box .icon li a:hover{padding:2px 15px;} } @media (max-width:414px) { .supertaste_search_box .icon li a,.supertaste_search_box .icon li a:hover, .supertaste_search_box .icon li a.act{padding:2px 12px;} } @media (max-width:375px) { .supertaste_search_box .icon li a,.supertaste_search_box .icon li a:hover, .supertaste_search_box .icon li a.act{padding:2px 12px;} } @media (max-width:374px) { .supertaste_search_box .icon li a{padding:2px 8px;} .supertaste_search_box .icon li a:hover,.supertaste_search_box .icon li a.act{padding:2px 8px;} } @media (max-width:359px){ .supertaste_search_box .search input{width:70%;padding:10px;font-size:16px;} } .supertaste_search_box .icon li a.radius{border-radius:30px;border:none;} /*新版搜尋框ed*/ /*新版抬頭*/ .search_result_block{display: flex;justify-content: space-between;} .supertaste_content_title{font-size:24px;font-weight:bold;padding-left:10px;border-left:5px solid #000;margin-bottom:20px;} .supertaste_content_title2{font-size:24px;font-weight:bold;margin-bottom:20px;} .search_page_h1{display: flex; align-items: center; gap: 10px; margin-bottom: 40px;} @media(max-width: 1024px){.search_page_h1{margin-bottom: 32px;}} @media(max-width: 428px){.search_page_h1{margin-bottom: 24px;}} .search_page_h1 h1{font-size: 24px; font-weight:600; line-height: 32px; color: #F07301;} .search_num{font-size:18px;padding-left:15px;margin-bottom:20px;} .search_num .num{color: #F07301;} .search_num .zero{color: black;} .check_discount { position: relative; padding: 0; margin: 0; height: 40px; font-size: 16px; } .check_box { position: absolute; right: 0; } .check_discount label { cursor: pointer; } .check_discount input[type="checkbox"]{ -webkit-appearance: none; vertical-align: middle; margin-top: 0; background: transparent; border: #000 solid 1px; min-height: 18px; min-width: 18px; cursor: pointer; } .check_discount input[type="checkbox"]:checked { background: transparent; } .check_discount input[type=checkbox]:checked::after{ content: ''; top: 6px; left: 7px; position: absolute; background: transparent; border: #000 solid 1px; border-top: none; border-right: none; height: 6px; width: 10px; -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } /*新版抬頭ed*/ /*相關商品*/ .supertaste_commodity{overflow:hidden;margin-bottom:20px;} .supertaste_commodity li{list-style:none;} /*商品*/ .supertaste_commodity .list{overflow:hidden;} .supertaste_commodity .list .img{height:290px;overflow:hidden;margin-bottom:10px;line-height:0;} .supertaste_commodity .list .img img{transition:0.3s;} .supertaste_commodity .list .txt{text-align:center;} .supertaste_commodity .list .txt p{height:50px;overflow:hidden;font-size:18px;margin-bottom:10px;overflow:hidden;} .supertaste_commodity .list .price{overflow:hidden;margin-bottom:10px;color:#fd4420;font-size:24px;font-weight:bold;} .supertaste_commodity .list li{display:inline-block;width:calc((100% - 65px)/4);margin-right:15px;overflow:hidden;margin-bottom:15px;vertical-align:top;} .supertaste_commodity .list li:nth-child(4n){margin-right:0;} .supertaste_commodity .list li:hover .img img{transform: scale(1.1);transition:0.3s;} @media (max-width:1599px) { .supertaste_commodity .list .img{height:230px;} } @media (max-width:1366px) { .supertaste_commodity .list .img{height:147px;} } @media (max-width:767px) { .supertaste_content_title{font-size:20px;} .supertaste_content_title2{font-size:20px;overflow:hidden;padding-top:10px;} .supertaste_commodity .list .img{height:207px;} .supertaste_commodity .list li{width:calc((100% - 35px)/2);margin-right:15px;} .supertaste_commodity .list li:nth-child(4n){margin-right:15px;} .supertaste_commodity .list li:nth-child(2n){margin-right:0;} } @media (max-width:480px) { .supertaste_commodity .list .img{height:184px;} .supertaste_commodity .list li{width:calc((100% - 15px)/2);margin-right:10px;} } @media (max-width:480px) { .supertaste_commodity .list .txt{text-align:left;} .supertaste_commodity .list .txt p{height:70px;line-height:24px;} .supertaste_commodity .list li{width:100%;margin-right:0px;} .supertaste_commodity .list li:last-child{margin-bottom:0;} .supertaste_commodity .list .img{width:40%;height:153px;float:left;margin-right:15px;margin-bottom:0;} } @media (max-width:413px) { .supertaste_commodity .list .txt{text-align:left;} .supertaste_commodity .list .txt p{height:70px;line-height:24px;margin-bottom:20px;} .supertaste_commodity .list li{width:100%;margin-right:0px;} .supertaste_commodity .list .img{width:40%;height:138px;float:left;margin-right:15px;} } @media (max-width:374px) { .supertaste_commodity .list .txt{text-align:left;} .supertaste_commodity .list .txt p{height:70px;line-height:24px;margin-bottom:20px;} .supertaste_commodity .list li{width:100%;margin-right:0px;} .supertaste_commodity .list .img{width:40%;height:132px;float:left;margin-right:15px;} } @media (max-width:359px) { .supertaste_commodity .list .txt{text-align:left;} .supertaste_commodity .list .txt p{height:70px;line-height:24px;margin-bottom:15px;font-size:16px;} .supertaste_commodity .list li{width:100%;margin-right:0px;} .supertaste_commodity .list .img{width:40%;height:116px;float:left;margin-right:15px;} .supertaste_commodity .list .price{font-size:18px;} } /*商品ed*/ /*跳頁按鈕*/ .jump_box{width:100%;text-align:center;overflow:hidden;margin-top:20px;} .jump_aft{display:inline-block;} .jump_bef{display:inline-block;} .jump_bef li{display:inline-block;transition:0s;} .jump_aft li{display:inline-block;transition:0s;} .jump_bef a li{display:inline-block;transition:0s;} .jump_aft a li{display:inline-block;transition:0s;} .jump_btn{display:inline-block;} .jump_btn li,.jump_bef li,.jump_aft li{transition:0s;margin-bottom:15px;vertical-align:top;width:35px;height:28px;display:inline-block;margin-right:2px;border:1px #282828 solid;padding-top:5px;border-radius:5px;cursor:pointer;color: #282828;} .jump_btn a li,.jump_bef a li,.jump_aft a li{transition:0s;margin-bottom:15px;vertical-align:top;width:35px;height:28px;display:inline-block;margin-right:2px;border:1px #282828 solid;padding-top:5px;border-radius:5px;cursor:pointer;color: #282828;} .jump_bef li:first-child{background: url(../images/jumpbtn_03.svg)no-repeat center center;background-size:60%;} .jump_bef li:nth-child(2){background: url(../images/jumpbtn_01.svg)no-repeat center center;background-size:60%;} .jump_aft li:first-child{background: url(../images/jumpbtn_02.svg)no-repeat center center;background-size:60%;} .jump_aft li:nth-child(2){background: url(../images/jumpbtn_04.svg)no-repeat center center;background-size:60%;} .jump_bef a:first-child li{background: url(../images/jumpbtn_03.svg)no-repeat center center;background-size:60%;} .jump_bef a:nth-child(2) li{background: url(../images/jumpbtn_01.svg)no-repeat center center;background-size:60%;} .jump_aft a:first-child li{background: url(../images/jumpbtn_02.svg)no-repeat center center;background-size:60%;} .jump_aft a:nth-child(2) li{background: url(../images/jumpbtn_04.svg)no-repeat center center;background-size:60%;} .jump_btn li:hover,.jump_btn li.act{color: #fff;background-color: #282828;transition:0s;} .jump_bef li:first-child:hover{background: url(../images/jumpbtn_03-o.svg)no-repeat center center;background-size:60%;background-color: #282828;transition:0s;} .jump_bef li:nth-child(2):hover{background: url(../images/jumpbtn_01-o.svg)no-repeat center center;background-size:60%;background-color: #282828;} .jump_aft li:first-child:hover{background: url(../images/jumpbtn_02-o.svg)no-repeat center center;background-size:60%;background-color: #282828;} .jump_aft li:nth-child(2):hover{background: url(../images/jumpbtn_04-o.svg)no-repeat center center;background-size:60%;background-color: #282828;} .jump_bef a:first-child li:hover{background: url(../images/jumpbtn_03-o.svg)no-repeat center center;background-size:60%;background-color: #282828;transition:0s;} .jump_bef a:nth-child(2) li:hover{background: url(../images/jumpbtn_01-o.svg)no-repeat center center;background-size:60%;background-color: #282828;} .jump_aft a:first-child li:hover{background: url(../images/jumpbtn_02-o.svg)no-repeat center center;background-size:60%;background-color: #282828;} .jump_aft a:nth-child(2) li:hover{background: url(../images/jumpbtn_04-o.svg)no-repeat center center;background-size:60%;background-color: #282828;} @media (max-width:767px) { /* .jump_btn li,.jump_bef li,.jump_aft li{font-size:14px;margin-bottom:15px;vertical-align:top;width:25px;display:inline-block;margin-right:0px;padding-top:5px;border-radius:5px;cursor:pointer;color: #282828;} */ .jump_btn li,.jump_bef li,.jump_aft li{font-size:14px;margin-bottom:15px;vertical-align:top;width:25px;display:inline-block;margin-right:2px;padding-top:5px;border-radius:5px;cursor:pointer;color: #282828;} .jump_btn a li,.jump_bef a li,.jump_aft a li{font-size:14px;margin-bottom:15px;vertical-align:top;width:25px;display:inline-block;margin-right:2px;padding-top:5px;border-radius:5px;cursor:pointer;color: #282828;} } @media (max-width:359px) { /* .jump_btn li,.jump_bef li,.jump_aft li{font-size:14px;margin-bottom:15px;vertical-align:top;width:20px;display:inline-block;margin-right:0px;padding-top:5px;border-radius:5px;cursor:pointer;color: #282828;} */ .jump_btn li,.jump_bef li,.jump_aft li{font-size:14px;margin-bottom:15px;vertical-align:top;width:20px;display:inline-block;margin-right:2px;padding-top:5px;border-radius:5px;cursor:pointer;color: #282828;} .jump_btn a li,.jump_bef a li,.jump_aft a li{font-size:14px;margin-bottom:15px;vertical-align:top;width:20px;display:inline-block;margin-right:2px;padding-top:5px;border-radius:5px;cursor:pointer;color: #282828;} } /*跳頁按鈕ed*/ /*相關商品ed*/ /*探索台灣*/ .supertaste_city{margin:0 auto 20px;} .supertaste_city .img{} .supertaste_city .mask{ bottom:0px; width:100%;height:100%;position:absolute;z-index:1; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0+54,1+100 */ background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 54%, rgba(0,0,0,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 54%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 54%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */ } .supertaste_city .txt{width:100%;text-align:center;position:absolute;z-index:1;bottom:15px;color:#fff;} .supertaste_city ul{width:auto;padding:0 10px 0 15px;overflow:hidden;} .supertaste_city li{ position:relative;width:140px;height:210px;list-style:none;display:inline-block; background: url(../images/city1.jpg)no-repeat center center;border-radius:5px; overflow:hidden; } .owl-theme .owl-controls .owl-nav div {border-radius:120px!important;} .supertaste_city .owl-dots{display:none!important;} .supertaste_city .owl-prev,.supertaste_city .owl-next{ position:absolute!important;top:40%;z-index:1;width:30px;height:30px; opacity:1!important;border:1px #c0c0c0 solid; } .supertaste_city .owl-prev{left:0;background: url(../images/arraw01.svg)no-repeat center center!important;background-size:60%;background-color:#fff!important;} .supertaste_city .owl-next{right:0;background: url(../images/arraw02.svg)no-repeat center center!important;background-size:60%;background-color:#fff!important;} @media (max-width:1599px) { .supertaste_city li{ width:140px;height:210px; } } @media (max-width:1365px) { .supertaste_city li{ width:140px;height:210px; } } @media (max-width:1023px) { .supertaste_city li{ width:125px;height:180px; } } @media (max-width:767px) { .supertaste_city .owl-nav div{display:none!important;} } @media (max-width:480px) { .supertaste_city ul{width:125%;padding:0 ;} .supertaste_city li{width:115px;height:170px;} } @media (max-width:480px) { .supertaste_city ul{width:125%;padding:0 ;} .supertaste_city li{width:110px;height:165px;} } @media (max-width:413px) { .supertaste_city ul{width:140%;} } @media (max-width:374px) { .supertaste_city ul{width:148%;} } @media (max-width:359px) { .supertaste_city ul{width:170%;} } /*探索台灣ed*/ @media (max-width:1023px) { .margin0{margin:0!important;} } /*店家文章三格*/ .supertaste_store {overflow:hidden;margin-bottom:20px;} .supertaste_store .list{} .supertaste_store .list .img{height:225px;margin-bottom:5px;line-height:0;overflow:hidden;position:relative;} .supertaste_store .list .txt{text-align:center;font-size:17px;} .supertaste_store .list .txt p{margin-bottom:5px;overflow:hidden;height:25px;} .supertaste_store .list .txt .city span{background: url(../images/location.svg)no-repeat left center;padding-left:20px;background-size:18px;color:#888888;} .supertaste_store .list li{list-style:none;display:inline-block;width:calc((100% - 35px)/3);margin-right:10px;overflow:hidden;margin-bottom:15px;vertical-align:top;overflow:hidden;} .supertaste_store .list li:nth-child(3n){margin-right:0px;} @media (max-width:1599px){.supertaste_store .list .img{height:177px;margin-bottom:5px;line-height:0;overflow:hidden;}} @media (max-width:1365px){.supertaste_store .list .img{height:116px;margin-bottom:5px;line-height:0;overflow:hidden;}} @media (max-width:1023px){.supertaste_store .list .img{height:130px;margin-bottom:5px;line-height:0;overflow:hidden;}} @media (max-width:640px){.supertaste_store .list .img{height:108px;margin-bottom:5px;line-height:0;overflow:hidden;}} @media (max-width:480px){.supertaste_store .list .img{height:78px;margin-bottom:5px;line-height:0;overflow:hidden;}} @media (max-width:480px){.supertaste_store .list .img{height:68px;margin-bottom:5px;line-height:0;overflow:hidden;}} @media (max-width:480px){ .supertaste_store .list li{width:100%;margin-right:0px;overflow:hidden;margin-bottom:15px;vertical-align:top;overflow:hidden;} .supertaste_store .list li:last-child{margin-bottom:0px;} .supertaste_store .list .img{float:left;width:40%;height:86px;margin-bottom:0px;margin-right:10px;} .supertaste_store .list .txt{text-align:left;} .supertaste_store .list .txt p{margin-bottom:5px;overflow:hidden;height:45px;padding:0;} } @media (max-width:413px){.supertaste_store .list .img{height:77px;} .supertaste_article .list .date{text-align:left!important;}} @media (max-width:374px){.supertaste_store .list .img{height:74px;}} @media (max-width:359px){ .supertaste_store .list .img{height:65px;} .supertaste_store .list .txt{font-size:16px;} .supertaste_store .list .txt p{height:40px;line-height:20px;margin-bottom:0px;} .supertaste_store .list .txt .city span{font-size:14px;} } .supertaste_article {overflow:hidden;margin-bottom:20px;} .supertaste_article .list{} .supertaste_article .list .img{height:225px;margin-bottom:5px;line-height:0;overflow:hidden;position:relative;} .supertaste_article .list .date{text-align:center;} .supertaste_article .list .txt{text-align:center;margin-bottom:8px;} .supertaste_article .list .txt p{margin-bottom:5px;overflow:hidden;height:45px;font-size: 18px;text-align: left;} .supertaste_article .list .txt p:hover{color:#FC4747;} .supertaste_article .list .txt .date span{ border-left: 1px #888888 solid; border-right: 1px #888888 solid; display: inline; color: #888888; padding: 0 15px; font-size:14px; } .supertaste_article .list li{list-style:none;display:inline-block;width:calc((100% - 35px)/3);margin-right:10px;overflow:hidden;margin-bottom:15px;vertical-align:top;overflow:hidden;} .supertaste_article .list li:nth-child(3n){margin-right:0px;} @media (max-width:1599px){.supertaste_article .list .img{height:173px;margin-bottom:5px;line-height:0;overflow:hidden;}} @media (max-width:1365px){.supertaste_article .list .img{height:115px;margin-bottom:5px;line-height:0;overflow:hidden;}} @media (max-width:1023px){.supertaste_article .list .img{height:130px;margin-bottom:5px;line-height:0;overflow:hidden;}} @media (max-width:640px){ .supertaste_article .list li{list-style:none;display:inline-block;} .supertaste_article .list .img{height:105px;margin-bottom:5px;line-height:0;overflow:hidden;} } @media (max-width:480px){ .supertaste_article .list .txt .date span{padding: 0 10px;font-size:14px;} .supertaste_article .list li{width:100%;margin-right:0px;overflow:hidden;margin-bottom:15px;vertical-align:top;overflow:hidden;} .supertaste_article .list li:last-child{margin-bottom:0px;} .supertaste_article .list .img{float:left;width:40%;height:86px;margin-bottom:0px;margin-right:10px;} .supertaste_article .list .txt{text-align:left;} .supertaste_article .list .txt p{margin-bottom:5px;overflow:hidden;height:45px;padding:0;} } @media (max-width:413px){.supertaste_article .list .img{height:77px;}} @media (max-width:374px){.supertaste_article .list .img{height:74px;}} @media (max-width:359px){ .supertaste_article .list .img{height:65px;} .supertaste_article .list .txt{font-size:16px;} .supertaste_article .list .txt p{height:40px;line-height:20px;margin-bottom:0px;} .supertaste_article .list .txt .date span{font-size:14px;} } /*店家文章三格ed*/ /*卡片頁*/ .supertaste_content_card{margin-bottom:20px;overflow:hidden;} .supertaste_content_card .title{width:100%;margin-bottom:20px;overflow:hidden;position:relative;} .supertaste_content_card .title1{display:inline-block;width:85%;} .supertaste_content_card .title h1{font-weight:bold;display:inline-block;margin-right:5px;margin-bottom:10px;vertical-align:middle;} .supertaste_content_card .title .span{font-size:14px;padding:0px 15px;border-radius:60px;border:1px #fd3a14 solid; color:#fd3a14;display:inline-block;vertical-align:top;margin-top:5px;} .supertaste_content_card .title .point{display:inline-block;overflow:hidden;float:right;margin-top:2px;} .supertaste_content_card .title .point .num{display:inline-block;margin-right:10px;color:#fd3a13;font-size:30px;font-weight:bold;vertical-align:middle;} .supertaste_content_card .title .point p{display:inline-block;vertical-align:middle;font-size:14px;font-weight:bold;} @media (max-width:1365px) { .supertaste_content_card .title1{display:inline-block;width:80%;} } @media (max-width:767px) { .supertaste_content_card .title .span{margin-top:2px;} .supertaste_content_card .title1{width:100%;} .supertaste_content_card .title .point .num{font-size:24px;} } .supertaste_content_card .card{ overflow:hidden;margin-bottom:15px;} .supertaste_content_card .card .img{float:left;width:60%; height: 415px; position:relative;line-height:0;border-radius:10px;overflow:hidden;box-shadow:rgba(0,0,0,0.5) 0px 2px 5px;margin:5px;} .supertaste_content_card .card .img .mask{ position:absolute; z-index:1;width:100%;height:100%;top:0;color:#fff;; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0+82,1+100 */ background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 82%, rgba(0,0,0,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 82%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 82%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */ } .supertaste_content_card .card .img .more_img{position:absolute; z-index:1;bottom:15px;left:20px;cursor:pointer;} .supertaste_content_card .card .img .more_img p{background: url(../images/camera01.svg)no-repeat left center;line-height:normal;padding-left:40px;} .supertaste_content_card .card .map_box{float:right;width:38%;overflow:hidden;} .supertaste_content_card .card .map{height:300px;border-radius:10px;margin:5px;overflow:hidden;margin-bottom:15px;position:relative;} .supertaste_content_card .card .map .mask{position:absolute;overflow:hidden;width:100%;height:100%;} .supertaste_content_card .card .map .mask a{position:absolute;overflow:hidden;width:100%;height:100%;} .btn { text-align:center;} .btn .color1{background-color:#333333;} .btn .color2{background-color:#fd3a13;} .btn .color1 p{background: url(../images/btn01.svg)no-repeat left center;display:inline-block;padding-left:25px;background-size:20px;} .btn .color2 p{background: url(../images/btn02.svg)no-repeat left center;display:inline-block;padding-left:25px;background-size:20px;} .btn li { list-style:none; padding:10px; font-size:18px; border-radius:5px; overflow:hidden; margin: 0 0 10px 0; font-weight:bold; } .btn li:last-child { margin: 0; } .btn li a { display:block;color:#fff; } .btn1{} .btn2{display:none;text-align:center;} .supertaste_content_card .information{margin:5px;border-radius:10px;box-shadow:rgba(0,0,0,0.3) 0px 2px 5px;padding: 15px;margin-bottom:10px;overflow:hidden; background: #FFF;} .supertaste_content_card .information li{list-style:none;} .supertaste_content_card .information li span{border:none;padding:0;margin:0;margin-right:5px;} .supertaste_content_card .information li span a{color:#7f7f7f;text-decoration:underline;font-size:16px;} .supertaste_content_card .information li span a:hover{color:#fd3a13;} .supertaste_content_card .information .data{margin-bottom:10px;} .supertaste_content_card .information .data .txt{display:inline-block;} .supertaste_content_card .information .data .txt a{color:#7f7f7f;} .supertaste_content_card .information .data li{color:#7f7f7f;padding-left:25px;margin-bottom:5px;font-size:16px;} .supertaste_content_card .information .data li:nth-child(1){background: url(../images/data01.svg)no-repeat left 3px;background-size:20px;} .supertaste_content_card .information .data li:nth-child(2){background: url(../images/data02.svg)no-repeat left 3px;background-size:20px;} .supertaste_content_card .information .data li:nth-child(3){background: url(../images/data03.svg)no-repeat left 3px;background-size:20px;} .supertaste_content_card .information .data li:nth-child(4){background: url(../images/data04.svg)no-repeat left 3px;background-size:20px;} .supertaste_content_card .information .data li:nth-child(5){background: url(../images/data05.svg)no-repeat left 3px;background-size:20px;} .supertaste_content_card .information .icon{overflow:hidden;} .supertaste_content_card .information .icon li{display:inline-block;margin-right:0px;white-space:nowrap;margin-bottom:10px;} .supertaste_content_card .information .icon li:last-child{margin-right:0px;} .supertaste_content_card .information .icon li a{display:block;padding:2px 20px;background-color:#fff;border:1px #9e9e9e solid;font-size:16px;margin:4px;color:#7f7f7f;} .supertaste_content_card .information .icon li a:hover{display:block;padding:2px 20px;background-color:#282828;border:1px #282828 solid;font-size:16px;color:#fff;} .supertaste_content_card .supertaste_store .list .img{height:213px;position:relative;} .supertaste_content_card .supertaste_store{margin-bottom:20px;} .supertaste_content_card .supertaste_store .list li{width: calc((100% - 35px)/3);} /*限時優惠*/ .discount { margin: 30px 0 0 0; padding: 0; overflow: hidden; } .discount h2 { font-size: 24px!important; font-weight: bold!important; margin: 0 0 30px 0!important; color: #000!important; } .discount h3 { font-size: 22px!important; font-weight: bold!important; margin: 0 0 15px 0!important; line-height: 22px!important; color: #000!important; } .discount p { font-size: 15px!important; font-weight: normal!important; margin: 0 0 5px 0!important; line-height: 22px!important; word-wrap: break-word!important; color: #000!important; } .discount span { word-wrap: break-word; font-weight: 500; display: inline-block; } .discount_box { margin: 0 0 30px 0; padding: 0 0 20px 0; border-bottom: 1px solid #d4d4d4; overflow: hidden; } .discount_box:last-child { border-bottom: 0; margin: 0; } .discount .left_box { width: 110px; float: left; } .discount .rigth_box { width: 88%; float: left; margin-left: 25px; } .discount .square { width: 110px; height: 110px; float: left; border-radius: 8px; display: table; background: #f2921b; position: relative; } .discount .square::before { content: ""; position: absolute; z-index: 2; border: 1px solid #FFF; width: 98px; height: 98px; border-radius: 5px; left: 5px; top: 5px; } .discount .square.expired { background: #7f7f7f; } .discount .frame { display: table-cell; vertical-align: middle; text-align: center; font-size: 24px; line-height: 30px; font-weight: 500; color: #FFF; } /*限時優惠 end*/ /*文章內頁的限時優惠*/ .store_div .discount { margin: 30px 0 0 0; overflow: hidden; } .discount_box.inline { width: 50%; display: inline-block; float: left; border-bottom: 0; margin: -10px 0 25px 0; padding: 0; } .discount_box.inline .left_box { width: 90px; float: left; } .discount_box.inline .rigth_box { width: 72%; float: left; margin-left: 20px; } .discount_box.inline h3 { font-size: 20px!important; margin: 0 0 10px 0!important; line-height: 24px!important; } .discount_box.inline .rigth_box p { color: #7f7f7f!important; margin: 0!important; } .discount_box.inline .square { width: 90px; height: 90px; } .discount_box.inline .square::before { width: 78px; height: 78px; } .discount_box.inline .frame { font-size: 20px; line-height: 26px; } .discount_root { width: 100%; margin: 10px 0 0 0; padding: 0; overflow: hidden; } .discount_more { border: solid #000 2px; float: right; padding: 5px 5px 5px 9px; line-height: 0; cursor: pointer; margin: 0; background: #000; } .discount_more:hover { border: solid #fd3a13 2px; background: #fd3a13; transition: 0.3s; } .discount_more .more_icon { background: url(../images/arraw_more3.svg) no-repeat right; color: #fff; background-position: 20px\0; } /*文章內頁的限時優惠 end*/ @media (max-width:1599px) { .supertaste_content_card .card .map{height:215px;} .supertaste_content_card .supertaste_store .list .img{height:170px;} .supertaste_content_card .card .img { height: 328px;} /*限時優惠*/ .discount .left_box { width: 110px; } .discount .rigth_box { width: 85%; } /*限時優惠 end*/ /*文章內頁的限時優惠*/ .discount_box.inline .rigth_box { width: 68%; } .discount_box.inline h3 { font-size: 18px!important; line-height: 26px!important; } .discount_root { padding: 10px 0 0 0; } /*文章內頁的限時優惠 end*/ } @media (max-width:1365px) { .btn1{display:none;} .btn2{display:block;} .supertaste_content_card .card .img{float:none;width:auto;height:360px;margin-bottom:15px;} .supertaste_content_card .card .map_box{float:none;width:auto;margin-bottom:0px;} .supertaste_content_card .card .map{height:300px;margin-bottom:0;} .btn li{display:inline-block;vertical-align:top;margin: 0 4px;;padding:10px;font-size:14px;} .btn li:last-child{margin-right:0px;} .store_div .btn li { display: block; } .supertaste_content_card .information .icon{margin-bottom:10px;} .supertaste_content_card .supertaste_store .list .img{height:108px;} /*限時優惠*/ .discount h2 { font-size: 24px!important; margin: 0 0 20px 0!important; } .discount h3 { font-size: 20px!important; margin: 0 0 10px 0!important; } .discount p { margin: 0 0 3px 0!important; line-height: 24px!important; } .discount .left_box { width: 100px; } .discount .rigth_box { width: 78%; } .discount .square { width: 100px; height: 100px; border-radius: 6px; } .discount .square::before { width: 88px; height: 88px; } .discount .frame { font-size: 20px; line-height: 26px; } /*限時優惠 end*/ /*文章內頁的限時優惠*/ .discount_box.inline { width: 100%; display: block; margin: 0 0 20px 0; } .discount_box.inline .rigth_box { width: 80%; } .discount_root { margin: 0; } /*文章內頁的限時優惠 end*/ } @media (max-width:1023px) { .supertaste_content_card .supertaste_store .list .img{height:125px;} .supertaste_content_card .card .img{height:400px;} /*限時優惠*/ .discount .rigth_box { width: 80%; } /*限時優惠 end*/ } @media (max-width:767px) { .supertaste_content_card .title{margin:15px 0;} .supertaste_content_card .card .map_box{display:none;} .supertaste_content_card .information .icon li a{padding:2px 15px;} .supertaste_content_card .information .icon li a:hover{padding:2px 15px;} .supertaste_content_card .card{ overflow:hidden;margin-bottom:0px;} .supertaste_content_card .card .img{height:370px;margin-bottom:0px;border-radius:10px 10px 0px 0px ;} .supertaste_content_card .information{margin:-2px 5px 5px 5px;border-radius:0 0 10px 10px ;overflow:hidden;box-shadow:rgba(0,0,0,0.3) 0px 2px 5px;padding: 15px;margin-bottom:10px;overflow:hidden;} } .supertaste_content_card .information .icon li a.radius{border-radius:30px;box-shadow:rgba(0,0,0,0.3) 0px 0px 5px;border:none;} @media (max-width:695px) { /*限時優惠*/ .discount h2 { font-size: 22px!important; margin: 0 0 15px 0!important; } .discount h3 { font-size: 20px!important; margin: 0 0 10px 0!important; } .discount p { margin: 0 0 3px 0!important; line-height: 24px!important; } .discount .left_box { width: 80px; } .discount .rigth_box { width: 80%; } .discount .square { width: 80px; height: 80px; border-radius: 6px; } .discount .square::before { width: 68px; height: 68px; border-radius: 3px; left: 5px; top: 5px; } .discount .frame { font-size: 18px; line-height: 22px; } /*限時優惠 end*/ } @media (max-width:660px) { /*文章內頁的限時優惠*/ .discount_box.inline .rigth_box { width: 75%; } /*文章內頁的限時優惠 end*/ } @media (max-width:640px) { .supertaste_content_card .card .img{height:337px;} .supertaste_content_card .supertaste_store .list .img{height:105px;} } @media (max-width:590px) { /*限時優惠*/ .discount .rigth_box { width: 78%; margin-left: 15px; } /*限時優惠 end*/ /*文章內頁的限時優惠*/ .discount_box.inline .rigth_box { width: 70%; } /*文章內頁的限時優惠 end*/ } @media (max-width:510px) { .supertaste_content_card .card .img{height:264px;} /*限時優惠*/ .discount .rigth_box { width: 75%; } /*限時優惠 end*/ } @media (max-width:470px) { .supertaste_content_card .card .img{height:242px;} /*文章內頁的限時優惠*/ .discount_box.inline .rigth_box { width: 65%; } /*文章內頁的限時優惠 end*/ } @media (max-width:480px) { /*限時優惠*/ .discount .rigth_box { width: 70%; } /*限時優惠 end*/ /*文章內頁的限時優惠*/ .discount_box.inline .rigth_box { width: 62%; } /*文章內頁的限時優惠 end*/ } @media (max-width:480px) { .supertaste_content_card .supertaste_store .list .img{height:75px;} } @media (max-width:480px) { .supertaste_content_card .supertaste_store .list .img{width:100%;height:auto;margin-right:0;margin-bottom:10px;float: none;} .supertaste_content_card .supertaste_store .list .txt{width:100%;height:auto;text-align:center;} .supertaste_content_card .supertaste_store .list .txt p { margin-bottom: 5px; overflow: hidden;height: auto;} .supertaste_content_card .supertaste_store .list li:last-child{margin-bottom:0;} .supertaste_content_card .supertaste_store .list li{width:100%;} .supertaste_content_card .card .img{height:210px;} /*文章內頁的限時優惠*/ .discount_box.inline { margin: 0 0 15px 0; padding: 0; } .discount_box.inline .left_box { width: 70px; } .discount_box.inline .rigth_box { width: 68%; margin-left: 15px; } .discount_box.inline h3 { font-size: 18px!important; line-height: 22px!important; } .discount_box.inline p { font-size: 14px!important; line-height: 18px!important; } .discount_box.inline .square { width: 70px; height: 70px; border-radius: 5px; } .discount_box.inline .square::before { width: 60px; height: 60px; border-radius: 2px; left: 4px; top: 4px; } .discount_box.inline .frame { font-size: 17px; line-height: 22px; } /*文章內頁的限時優惠 end*/ } .supertaste_content_card .remarks{font-size:12px;color:#7f7f7f;margin-bottom:20px;overflow:hidden;} .supertaste_content_card .remarks a{font-size:12px!important;color:#fd3a13;text-decoration:underline;} .supertaste_content_card .remarks .left{float:left;} .supertaste_content_card .remarks .right{float:right;} @media (max-width:375px){ /*限時優惠*/ .discount h2 { font-size: 20px!important; margin: 0 0 15px 0!important; } .discount h3 { font-size: 18px!important; margin: 0 0 10px 0!important; } .discount .left_box { width: 70px; } .discount .rigth_box { width: 70%; } .discount .square { width: 70px; height: 70px; border-radius: 5px; } .discount .square::before { width: 60px; height: 60px; border-radius: 2px; left: 4px; top: 4px; } .discount .frame { font-size: 17px; line-height: 22px; } /*限時優惠 end*/ /*文章內頁的限時優惠*/ .discount_box.inline .rigth_box { width: 65%; } /*文章內頁的限時優惠 end*/ } @media (max-width:374px){ .supertaste_content_card .remarks .left{float:none;text-align:center;} .supertaste_content_card .remarks .right{float:none;text-align:center;} .supertaste_content_card .card .img{height:180px;} /*文章內頁的限時優惠*/ .discount_box.inline .rigth_box { margin-left: 10px; } .discount_box.inline h3 { font-size: 16px!important; line-height: 20px!important; } /*文章內頁的限時優惠 end*/ } .supertaste_community_box{width:100%;position:relative;height:40px;margin-bottom:20px;} .supertaste_content_card .newsdetail_content{padding: 0px 0px 30px 100px;} @media (max-width:359px){ .btn li { margin: 4px; } /*限時優惠*/ .discount .rigth_box { width: 65%; } /*限時優惠 end*/ /*文章內頁的限時優惠*/ .discount_box.inline .rigth_box { width: 60%; } /*文章內頁的限時優惠 end*/ } @media (max-width:1365px){ .supertaste_content_card .newsdetail_content{padding: 15px 20px 15px;} } @media (max-width:767px){ .supertaste_content_card .newsdetail_content{padding: 15px 10px 15px;} } /*卡片頁ed*/ /*相關報導*/ .supertaste_reports{margin-bottom:20px;} .supertaste_reports .list{} .supertaste_reports .list li{list-style:none;margin-bottom:20px;overflow:hidden;} .supertaste_reports .list .img{float:left;width:30%;margin-right:15px;line-height:0;position:relative;} .supertaste_reports .list .title{font-weight:bold;font-size:18px;margin:15px 0 25px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; } .supertaste_reports .list p{font-size:16px;overflow:hidden;height:75px;margin-bottom:25px;} .supertaste_reports .list .txt{overflow:hidden;} .supertaste_reports .list .time{font-size:14px;color:#7f7f7f;} .supertaste_reports .list li a p{color:#000;} @media (max-width:1599px){ .supertaste_reports .list .title{font-weight:bold;font-size:18px;margin:0 0 20px;} .supertaste_reports .list p{margin-bottom:20px;} } @media (max-width:1365px){ .supertaste_reports .list .title{font-weight:bold;font-size:18px;margin:0 0 10px;} .supertaste_reports .list .img{width:35%;} .supertaste_reports .list p{height:50px;margin-bottom:10px;} } @media (max-width:480px){ .supertaste_reports .list li{width:auto;} .supertaste_reports .list .title{height:45px;overflow:hidden;text-overflow:clip;white-space:pre-wrap; } .supertaste_reports .list .img{width:100%;height:auto;float:none;margin-right:0;margin-bottom:10px;} .supertaste_reports .list .txt{width:100%;height:auto;} .supertaste_reports .list p{height:75px;margin-bottom:10px;} } /*相關報導ed*/ /* 廣告欄位 */ .more2{float:right;font-weight:bold;margin:20px 0;} .more2 a{text-decoration:underline;font-size:16px;padding:5px 30px 6px 15px;color:#fff;background: url(../images/arraw03.svg)no-repeat 90% center;background-size:25px;background-color:#000;text-decoration:none;} .bottom_ad{display:none;width:100%;position:fixed;bottom:0;z-index:1;overflow:hidden;} .bottom_ad .ad_mo{width:100%;position:fixed;bottom:0;z-index:1;margin-bottom:0;background-color:rgba(0,0,0,0);padding:0;} .ad,.ad_mo,.ad768{ display: block; width: 100%; height: auto; margin: 0 auto 20px; text-align: center; line-height: 0; overflow: hidden; } .ad_mo{ display:none; } .detail_div .ad,.detail_div .ad_mo { margin: 0;padding: 0;background-color: #fff; } .ad img,.ad_mo img{width:auto; max-width:100%;} @media (max-width:1023px){ .ad768{display:none;} } @media (max-width:767px) { .ad{display:none;} .ad_mo{display:block;background-color: #f7f7f7;padding:10px 0;} } /* 廣告欄位ed */ /*--搜尋--*/ .frame_box{width:1150px; margin:0 auto;position: relative;} @media (max-width:1149px){ .frame_box{width:1000px;margin:0 auto;} } @media (max-width:1023px){ .frame_box{width:670px;margin:0 auto;} } @media (max-width:767px){ .frame_box{width:414px;margin:0 auto;} .container{padding-bottom:80px;} } @media (max-width:480px){ .frame_box{width:100%;margin:0 auto;} } /* 內框架 ed */ .page_search{display:none;position:fixed;z-index:100;width:100%;height:100vh;top:0;background-color:rgba(0,0,0,0.9);overflow:hidden;overflow-y:auto;} .search_contxt{padding:45px 20px 20px;color:#9f9f9f;} .search_txt{margin-bottom:10px;} .search_txt input{ font-family: 微軟儷黑體, 微軟正黑體, Arial, Helvetica, Microsoft JhengHei, Verdana, \5FAE\8EDF\6B63\9ED1\9AD4, sans-serif, 微軟儷黑體, 微軟正黑體, Arial, Helvetica, Myriad Pro, Microsoft, bauerbodonistd-roman, Century Gothic,"Asap",Futura,"Lucida Grande", Geneva, Helvetica, "sourcehansans-tc-normal","sans-serif",Tahoma; border-radius:0; width:100%; font-size:60px;color:#9f9f9f;border:0;border-bottom: 1px solid #fff; background-color:rgba(0,0,0,0);padding-bottom:10px; } .search_title{font-size:26px;color:#9f9f9f;margin-bottom:10px;} .search_list{overflow:hidden;} .search_list ul{width:100%;} .search_list li{padding:5px 15px;float:left;border:1px #fff solid;border-radius:30px;margin-right:20px;cursor: pointer;margin-bottom:20px;} .search_list li:hover{background-color:#fb3a1b;border:1px #fb3a1b solid;} .search_list li a{color:#fff;font-size:20px;} .page_search .frame_box{position:relative;} .page_search .close{width:30px;height:30px; position:absolute;right:15px;top:20px;cursor:pointer;} @media (max-width:1149px){ } @media (max-width:1023px){ .search_txt input{width:100%; font-size:26px;color:#9f9f9f;border:0;border-bottom: 1px solid #fff; background-color:rgba(0,0,0,0);padding-bottom:10px;} .page_search .close{width:20px;height:20px;} .search_title{font-size:22px;} .search_list li{margin-right:16px;margin-bottom:16px;} .search_list li a{font-size:16px;} } @media (max-width:375px){ .search_list li{padding:5px 11px;margin-right:15px;margin-bottom:10px;} } @media (max-width:360px){ .search_list ul{width:100%;} .search_list li{padding:5px 10px;margin-right:10px;margin-bottom:10px;} } @media (max-width:320px){ .search_list li{padding:5px 15px;margin-right:10px;margin-bottom:10px;} } /*--搜尋ed--*/ /*更多影音圖片*/ .more_img_lightbox .specify{z-index:1;position:absolute;color:#fff;font-size:14px;bottom:0;width:100%;text-align:right; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,1+100 */ background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */ } .more_img_lightbox .specify p{ padding:15px 20px;text-shadow:#000 0 0 10px; } .more_img_lightbox{display:none;position:fixed;z-index:100;width:100%;height:100vh;top:0;background-color:rgba(0,0,0,0.9);overflow:hidden;overflow-y:auto;} .more_img_lightbox .frame_box{position:relative;} .more_img_lightbox .close{width:35px;height:35px; position:absolute;right:0px;top:-40px;cursor:pointer;} .more_img_lightbox .pic_box{width:90%;margin:0 auto 30px;margin-top:70px;position:relative;} .more_img_lightbox .pic_box img{width:100%;} .more_img_lightbox .main_img{height:582px;overflow:hidden;border-radius:10px;margin-bottom:20px;position:relative;} .more_img_lightbox .list{margin-bottom:10px;} .more_img_lightbox .list li{list-style:none;display:inline-block;border-radius:5px;overflow:hidden;height:139px;} .more_img_lightbox .owl-dots{display:none!important;} .more_img_lightbox .owl-prev,.more_img_lightbox .owl-next{ position:absolute!important;top:38%;z-index:2;width:30px;height:30px; opacity:1!important;border:0px #c0c0c0 solid; } .more_img_lightbox .owl-prev{left:-40px;background: url(../images/newsdtetail_arraw4.svg)no-repeat center center!important;background-size:60%;background-color:rgba(0,0,0,0)!important;} .more_img_lightbox .owl-next{right:-40px;background: url(../images/newsdtetail_arraw3.svg)no-repeat center center!important;background-size:60%;background-color:rgba(0,0,0,0)!important;} .more_img_lightbox .main_img .play_icon{position:absolute;width:100%;height:100%;z-index:1;background: url(../images/play_icon.svg)no-repeat center center;background-size:15%;} .more_img_lightbox .list li .play_icon{position:absolute;width:100%;height:100%;z-index:1;background: url(../images/play_icon.svg)no-repeat center center;background-size:25%;} .more_img_lightbox .main_img .vdo{position:absolute;width:100%;height:100%;z-index:1;} .more_img_lightbox .list li .vdo{display:none;} @media (max-width:1149px){ .more_img_lightbox .close{width:25px;height:25px;} .more_img_lightbox .main_img{height:506px;} .more_img_lightbox .list li{height:120px;} } @media (max-width:1023px){ .more_img_lightbox .pic_box{margin-top:30%;} .more_img_lightbox .close{width:25px;height:25px;} .more_img_lightbox .main_img{height:339px;} .more_img_lightbox .list li{height:107px;} } @media (max-width:767px){ .more_img_lightbox .pic_box{margin-top:40%;} .more_img_lightbox .main_img{height:209px;margin-bottom:15px;} .more_img_lightbox .owl-nav div{display:none!important;} .more_img_lightbox .list li{height:66px;} } @media (max-width:413px){ .more_img_lightbox .main_img{height:189px;} .more_img_lightbox .list li{height:60px;} } @media (max-width:374px){ .more_img_lightbox .main_img{height:182px;} .more_img_lightbox .list li{height:57px;} } @media (max-width:359px){ .more_img_lightbox .main_img{height:162px;} .more_img_lightbox .list li{height:50px;} } /*更多影音圖片ed*/ /*新版內容ed*/ /*20201007內頁新增東東*/ h1{font-weight:bold;} .author_head{width:100%;padding:15px 5px;margin-bottom:15px;border-bottom:1px solid #dadada;overflow:hidden;display:block;} .author_head .img1,.author_head p{display:inline-block;vertical-align:middle;} .author_head .img1{ margin-right:15px;width:45px;height:45px;border-radius:120px; overflow:hidden;border:2px solid #fff;box-shadow:0 2px 6px rgba(0,0,0,0.3); } .author_head .img1 img{width:100%; } .author_head p{white-space:nowrap;overflow:hidden;text-overflow: ellipsis;width:80%; } .author_head p a{color:#905523;text-decoration:underline;font-weight:400;} .player_profile{margin-bottom:20px;} .player_profile .title{color:#FC4420;font-weight:800;} .player_profile .author_head{border-bottom:none;} .extended_box2{border-bottom:1px solid #898989;padding-bottom:30px;margin-bottom:30px;} .extended_box2 .title{font-size:24px;font-weight:800;margin-bottom:20px;} .extended_box2 .extended {margin-bottom:30px;} .extended_box2 .extended li{margin-bottom:5px;} .extended_box2 .extended li a{color:#905523;text-decoration:underline;} .extended_box2 .extended li a:hover{color:#fd3a13;} .extended_box2 .adWords2{text-align: justify;} .extended_box2 .adWords2 li {display:inline-block;margin-right:5px;margin-bottom:15px;} .extended_box2 .adWords2 li a{color:#8b7b6e;border:1px solid #8b7b6e;border-radius:30px;padding:3px 10px;} .extended_box2 .adWords2 li a:hover{color:#fff;border:1px solid #fd3a13;background-color:#fd3a13;} @media (max-width:767px){ .author_head .img1{} .player_profile .author_head .img1{display:inline-block;} .author_head p{width:70%; } .extended_box2 .adWords2 li {margin-bottom:10px;} .extended_box2 .extended {margin-bottom:20px;} .extended_box2 .adWords2 li a {font-size:13px;padding:3px 10px 5px;} .extended_box2 .title{font-size:22px;font-weight:800;margin-bottom:20px;} .extended_box2 .extended li a{font-size:16px;} } .edit_team{} .edit_team .img,.edit_team .txt{display:inline-block;vertical-align:middle;} .edit_team .txt{width:80%;} .edit_team .txt .title{color:#905523;font-weight:800;margin-bottom:15px;} .edit_team .img{ margin-right:30px;width:150px;height:150px;border-radius:120px; overflow:hidden;border:2px solid #fff;box-shadow:0 2px 6px rgba(0,0,0,0.3); } @media (max-width:1599px){.edit_team .txt{width:70%;}} @media (max-width:1365px){ .edit_team .img{ margin-right:20px;width:100px;height:100px;} .edit_team .txt{width:70%;} } @media (max-width:767px){ .edit_team .img{ margin-right:15px;width:60px;height:60px;} .edit_team .txt .title{font-size:18px;margin-bottom:10px;} .edit_team .txt p{font-size:12px;} } @media (max-width:359px){ .edit_team .img{ width:100px;height:100px;margin:0 auto 20px;display: block;} .edit_team .txt .title{text-align:center;} .edit_team .txt{margin:0 auto;width:100%;} } /* 食尚選物---------------------------------------------------------------------------------------------------------------------*/ .newsdetail_content_like2{overflow: hidden;} .newsdetail_content_like2 ul{} .newsdetail_content_like2 li{width:calc((100% - 60px)/4);height:auto;overflow:hidden;float:left;margin-right:20px;margin-bottom:10px;} .newsdetail_content_like2 li .img{height:277px;overflow:hidden;position: relative;margin-bottom:10px;line-height:0;} .newsdetail_content_like2 li .txt{height:50px;overflow:hidden;font-weight:800;margin-bottom:10px;} .newsdetail_content_like2 li .price{} .newsdetail_content_like2 li .price .old{text-decoration:line-through;margin-right:15px;} .newsdetail_content_like2 li .price .new{margin-right:15px;color:#fd3a13;font-weight:800;} .newsdetail_content_like2 li:nth-child(4n){margin-right:0;} .font-weight{font-weight:800;} @media (max-width:1599px){ .newsdetail_content_like2 li{} .newsdetail_content_like2 li .img{height:219px;overflow:hidden;} } @media (max-width:1365px){ .newsdetail_content_like2 li{margin-right:15px;} .newsdetail_content_like2 li .img{height:137px;} } @media (max-width:1023px){ .newsdetail_content_like2 li{margin-right:15px;} .newsdetail_content_like2 li .img{height:159px;} .newsdetail_content_like2 li .txt{height:50px;overflow:hidden;} } @media (max-width:767px){ .newsdetail_content_like2 li,.newsdetail_content_like2 li:nth-child(4n){width:47%;margin-right:0;} .newsdetail_content_like2 li:nth-child(odd){margin-right:14px;} .newsdetail_content_like2 li{width:47%;} .newsdetail_content_like2 li .img{height:171px;} .newsdetail_content_like2 li .txt{height:45px;overflow:hidden;font-size:16px;} } @media (max-width:413px){ .newsdetail_content_like2 li .img{height:152px;} } @media (max-width:374px){ .newsdetail_content_like2 li .img{height:145px;} } @media (max-width:359px){ .newsdetail_content_like2 li .img{height:126px;} } /* 修改*/ @media (max-width:767px){ .newsdetail_content_like li,.newsdetail_content_like li:nth-child(3n){width:48%;margin-right:0;} .newsdetail_content_like li:first-child{width:100%;margin-right:0;} .newsdetail_content_like li:not(:first-child){width:48%;} .newsdetail_content_like li:not(:first-child):nth-child(even){margin-right:14px;} .newsdetail_content_like li:first-child .img{height:204px;} .newsdetail_content_like li:not(:first-child) .img{height:98px;} .newsdetail_content_like li .txt{height:45px;overflow:hidden;} } @media (max-width:413px){ .newsdetail_content_like li:first-child .img{height:183px;} .newsdetail_content_like li:not(:first-child){width:47%;} .newsdetail_content_like li:not(:first-child) .img{height:86px;} } @media (max-width:374px){ .newsdetail_content_like li:first-child .img{height:174px;} .newsdetail_content_like li:not(:first-child) .img{height:82px;} } @media (max-width:359px){ .newsdetail_content_like li:first-child .img{height:152px;} .newsdetail_content_like li:not(:first-child) .img{height:71px;} } /* 修改ed*/ .follow_us{} .follow_us li{list-style:none;margin-bottom:15px;} .follow_us li a{display:flex;} .follow_us .tag{margin-right:10px;vertical-align:center;color:#fff;padding:10px 20px 10px 50px;border-radius:5px;} .follow_us li:nth-child(1) .tag{background: url(../images/icon-line2.svg) no-repeat 20px center;background-color:#20d14d;background-size:25px;} .follow_us li:nth-child(2) .tag{background: url(../images/icon-fb2.svg) no-repeat 20px center;background-color:#56709f;background-size:25px;} .follow_us li:nth-child(3) .tag{background: url(../images/icon-you2.svg) no-repeat 20px center;background-color:#e70a18;background-size:25px;} .follow_us .txt{margin:auto 0;font-weight:800;} @media (max-width:767px){ .follow_us li{font-size:14px;} .follow_us .txt{font-size:12px;} .follow_us .tag{margin-right:10px;vertical-align:center;color:#fff;padding:5px 15px 5px 40px;border-radius:5px;} .follow_us li:nth-child(1) .tag{background: url(../images/icon-line2.svg) no-repeat 15px center;background-color:#20d14d;background-size:20px;} .follow_us li:nth-child(2) .tag{background: url(../images/icon-fb2.svg) no-repeat 15px center;background-color:#56709f;background-size:20px;} .follow_us li:nth-child(3) .tag{background: url(../images/icon-you2.svg) no-repeat 15px center;background-color:#e70a18;background-size:20px;} } @media (max-width:359px){ .follow_us li{font-size:12px;} .follow_us li:nth-child(1) .tag{background: url(../images/icon-line2.svg) no-repeat 10px center;background-color:#20d14d;background-size:15px;} .follow_us li:nth-child(2) .tag{background: url(../images/icon-fb2.svg) no-repeat 10px center;background-color:#56709f;background-size:15px;} .follow_us li:nth-child(3) .tag{background: url(../images/icon-you2.svg) no-repeat 10px center;background-color:#e70a18;background-size:15px;} .follow_us .tag{margin-right:10px;vertical-align:center;color:#fff;padding:5px 10px 5px 30px;border-radius:5px;} } .talk_title .txt{color:#fff;} /*20201007內頁新增東東ed*/ /*20201022新增東東*/ .more_play a{font-size:18px;background: url(../images/arrow_more.svg) no-repeat right center;float:right;padding-right:30px;} .player_box{font-family:'Noto Sans TC';} .player_box .ranking_box .mo{display:none;} .player_box .ranking_box{background-color:#fff;box-shadow:rgba(0,0,0,0.2) 0px 1px 4px;margin:5px 10px 40px;overflow:hidden;border-radius:6px;} .player_box .ranking_box .title_box{height:200px;display:flex;justify-content:center;align-items:center;background: url(../images/bg@2x.png) no-repeat center center;background-size:100%;margin-bottom:0px;} .player_box .ranking_box .title_box p{font-size:46px;font-weight:500;color:#fff;text-shadow:rgba(0,0,0,0.8) 0px 2px 5px;} .player_box .ranking_box .ranking{display:flex;padding:30px;} .player_box .ranking_box .first{display:flex;color:#fff;width:35%;background-color:#B58854;padding:20px;border-radius:6px;margin-right:30px;} .player_box .ranking_box .first .no{font-family: 'bauerbodonistd-roman'; list-style:none;font-size:50px;font-style:italic;font-weight:600;text-align:center;margin:10px 0 20px;} .player_box .ranking_box .first .title{font-size:20px;color:#fff;margin-bottom:10px;} .player_box .ranking_box .first .txt{ width:80%; margin:0 auto 20px; text-align:center; font-size:17px;font-weight:100;height:70px; -webkit-line-clamp: 3;overflow:hidden; -webkit-box-orient: vertical; text-overflow: ellipsis; display: -webkit-box; } .player_box .ranking_box .first .share{margin-bottom:10px;} .player_box .ranking_box .first .share span{margin-right:5px;} .player_box .ranking_box .first .share img{width:30px;} .player_box .ranking_box .first .head {width:130px;height:130px;} .player_box .ranking_box .first .btn {} .player_box .ranking_box .first .btn a{font-size:14px;color:#B58854;border-radius:20px;background-color:#fff;padding:3px 10px;display:block;width:max-content;margin:0 auto;} .player_box .ranking_box .first .player_head{ display:block; padding-bottom: 0px; margin-bottom: 0px; overflow: hidden; border-bottom: 0px solid #a4a4a4; margin:auto; } .player_box .ranking_box .ranking_list{width:65%;list-style:none;} .player_box .ranking_box .ranking_list li{ display:flex;align-items:center;justify-content:space-between; border-bottom: 1px solid #a4a4a4; overflow: hidden; margin-bottom:20px; padding-bottom:20px; } .player_box .ranking_box .ranking_list li:last-child{margin-bottom:0;} .player_box .ranking_box .ranking_list .title{display:flex;align-items:center;margin-right:0px;margin-top:5px;} .player_box .ranking_box .ranking_list .no{ margin-right:20px; font-family: 'bauerbodonistd-roman'; list-style:none;font-size:50px;font-style:italic;font-weight:600;color: #FF4747; } .player_box .ranking_box .ranking_list .t1{color:#905523;margin-bottom:5px;height:22px;margin-bottom:10px;overflow:hidden; -webkit-line-clamp: 1;font-weight:500; -webkit-box-orient: vertical; text-overflow: ellipsis; display: -webkit-box;} .player_box .ranking_box .ranking_list .t1 a{color:#905523;} .player_box .ranking_box .ranking_list .t1 a:hover{color:#fd3a13;} .player_box .ranking_box .ranking_list .txt_box{overflow:hidden;margin-right:30px;} .player_box .ranking_box .ranking_list .btn {} .player_box .ranking_box .ranking_list .btn a{font-size:14px;color:#fff;border-radius:20px;background-color:#B58854;padding:3px 10px;display:block;width:max-content;} .player_box .ranking_box .ranking_list .peo{} .player_box .ranking_box .ranking_list .img{ width: 60px; height: 60px; border-radius: 600px; border: 2px solid #fff; box-shadow: rgba(0,0,0,0.5) 0px 1px 5px; overflow: hidden; margin-right:20px; } .player_box .ranking_box .ranking_play{padding-bottom:20px;padding-right:30px;overflow:hidden;} @media (max-width:1599px){ .player_box .ranking_box .title_box{height:160px;} } @media (max-width:1365px){ .player_box .ranking_box .first .share,.player_box .ranking_box .first .btn{display:none;} .player_box .ranking_box .ranking{display:block;padding:30px;} .player_box .ranking_box .first{display:block;color:#fff;width:auto;background-color:#B58854;padding:20px;border-radius:10px;margin-right:0px;margin-bottom:15px;} .player_box .ranking_box .ranking_list{width:100%;list-style:none;} .more_play a{font-size:14px;background: url(../images/arrow_more.svg) no-repeat right center;float:right;padding-right:20px;background-size:15px;} .player_box .ranking_box .title_box{height:100px;} .player_box .ranking_box .title_box p{font-size:30px;} } @media (max-width:1023px)and (min-width:767px){ .share{display: none;} } @media (max-width:1023px){ .player_box{margin-top:15px;} } @media (max-width:767px){ .player_box .ranking_box .first .no{font-size:40px;} .player_box .ranking_box .first .share,.player_box .ranking_box .first .btn{display:none;} .player_box .ranking_box .first .head {width:60px;height:60px;} .player_box .ranking_box .ranking_list li{ display:flex;align-items:center;justify-content:space-between; border-bottom: 1px solid #a4a4a4; overflow: hidden; margin:0 15px; margin-bottom:15px; padding-bottom:15px; } .player_box .ranking_box .ranking_list .img{margin-right:15px;} .player_box .ranking_box .ranking_list li:last-child{border-bottom: 0px solid #a4a4a4;} .player_box .ranking_box .first .txt{width:90%;font-size:16px;} .player_box .ranking_box .ranking{display:block;padding:0px;} .player_box .ranking_box .first{padding:12px 20px;border-radius:0;} .player_box .ranking_box .ranking_list .no{font-size:30px;margin-right:15px;} .player_box .ranking_box .title_box{margin-bottom:0;} .player_box .ranking_box{background-color:#fff;box-shadow:rgba(0,0,0,0.2) 0px 1px 4px;margin:5px 15px 40px;overflow:hidden;border-radius:10px;} .player_box .ranking_box .mo .list{} .player_box .ranking_box .mo .list li{position:relative; background-color:#fff;box-shadow:rgba(0,0,0,0.2) 0px 1px 4px;margin:5px 0px;overflow:hidden;border-radius:10px;padding:10px 20px;list-style:none;display:flex; align-items:center;margin-bottom:15px; } @media (max-width:640px){ .player_box .ranking_box .ranking_list .txt_box{overflow:hidden;margin-right:0px;} .player_box .ranking_box .ranking_list li{display:block;} .player_box .ranking_box .ranking_list .t1{width:100%;overflow:hidden;} .player_box .ranking_box .ranking_list .share,.player_box .ranking_box .ranking_list .btn{display:none;} } .player_box .ranking_box .mo .list .peo{position:relative; } .player_box .ranking_box .mo .list .peo .img{overflow:hidden;width:60px;height:60px;border:2px solid #fff;box-shadow:rgba(0,0,0,0.5) 0px 1px 5px;margin-right:15px;vertical-align:middle;line-height:0;border-radius:600px;} .player_box .ranking_box .mo .list .peo img{width:100%;} .player_box .ranking_box .mo .list .num{ vertical-align:middle;font-family: 'bauerbodonistd-roman'; list-style:none;color:#FF4747;font-style:italic;font-weight:600;margin-right:10px;font-size:40px;vertical-align:middle; margin-right:20px; } @media (max-width:359px){ .player_box .ranking_box .mo .list .peo .img{overflow:hidden;width:50px;height:50px;} .player_box .ranking_box .mo .list .num{ font-size:30px; } } .player_box .ranking_box .mo .list .gold{position:absolute;z-index:1;width:30px;left:10px;top:-10px;} .player_box .ranking_box .mo .list p{ vertical-align:middle;font-size:20px;color:#905523;white-space:nowrap;text-overflow:ellipsis;overflow: hidden;} .player_box .ranking_box .title_box p{font-size:24px;} .player_box .ranking_box .title_box{height:100px;background: url(../images/bg@2x.png) no-repeat center center;background-size:200%;} } /*最新玩家文章*/ .player_box .play_new{} /*最新玩家選單PC*/ .player_box .play_new .list_btn{position:relative;margin-bottom:20px;width:100%;} .player_box .play_new .list_btn ul{ width:max-content;white-space:nowrap;line-height:16px;display:flex;justify-content:center;align-items:center; border-radius:30px;border:1px solid #d2d2d2;background-color:#fff;overflow:hidden; margin:0 auto; } .player_box .play_new .list_btn li{list-style:none;text-align:center;} .player_box .play_new .list_btn li:last-child a{border:0px solid #d2d2d2;} .player_box .play_new .list_btn li a{ border-right:1px solid #d2d2d2;padding:15px 18px; font-weight:500;overflow:hidden;display:block; } .player_box .play_new .list_btn li a:hover,.player_box .play_new .list_btn li.act a{background-color:#000;color:#fff;} @media (max-width:1599px){ .player_box .play_new .list_btn li:nth-last-child(2) {display:none;} .player_box .play_new .list_btn li a{font-size:16px;padding:10px 15px;} } @media (max-width:1365px){ .player_box .play_new .list_btn li:nth-last-child(3), .player_box .play_new .list_btn li:nth-last-child(4), .player_box .play_new .list_btn li:nth-last-child(5), .player_box .play_new .list_btn li:nth-last-child(6) {display:none;} .player_box .play_new .list_btn li a{font-size:16px;padding:10px 15px;} } @media (max-width:640px){ .player_box .play_new .list_btn li:nth-last-child(7) {display:none;} } @media (max-width:480px){ .player_box .play_new .list_btn li:nth-last-child(8) , .player_box .play_new .list_btn li:nth-last-child(9) {display:none;} } @media (max-width:480px){ .player_box .play_new .list_btn li:nth-last-child(10){display:none;} .player_box .play_new .supertaste_article .list ul li:nth-child(n+6){display:none;} .player_box .play_new .supertaste_article .list .img{float:none;width:100%;height:auto;margin-bottom:10px;} } @media (max-width:480px){ .player_box .play_new .list_btn li a{ font-size:18px; border-right:1px solid #d2d2d2;padding:10px 15px; font-weight:500;overflow:hidden;display:block; } } @media (max-width:375px){ .player_box .play_new .list_btn li a{font-size:16px;padding:10px 12px;} } @media (max-width:359px){ .player_box .play_new .list_btn li a{font-size:14px;padding:5px 10px;} } /*最新玩家選單PCed*/ /*最新玩家選單mo*/ /*彈出選單mo*/ .list_box_mask{width:100%;height:100vh;z-index:2; position: fixed;top:0;display:none;} .player_box .play_new .list_btn_mo_box{ position: relative;} .player_box .play_new .list_btn_mo_box .list_box{ position: absolute; z-index:3; background-color: #fff; box-shadow: rgba(0,0,0,0.2) 0px 1px 15px; margin: 5px 0px; overflow: hidden; border-radius: 10px; padding: 10px 10px 10px 20px; margin:0 15px; list-style: none; display:none; } .player_box .play_new .list_box .list_box_title{font-size:18px;font-weight:600;margin-bottom:15px;} .player_box .play_new .list_box .list{} .player_box .play_new .list_box .list li{display:inline-block;margin-bottom:15px;} .player_box .play_new .list_box .list li a{padding:2px 10px;border-radius:30px;} .player_box .play_new .list_box .list li a:hover{background-color:#000;color:#fff;} @media (max-width:1599px){ .player_box .play_new .list_box .list li a{padding:2px 16px;} } @media (max-width:1365px){ .player_box .play_new .list_box .list li a{padding:2px 12px;} } @media (min-width:415px){ .player_box .play_new .list_btn_mo_box .list_box{display:none;} } @media (max-width:480px){ .player_box .play_new .list_box .list li a{padding:2px 10px;} } @media (max-width:375px){ .player_box .play_new .list_box .list li a{padding:2px 11px;font-size:14px;} } @media (max-width:320px){ .player_box .play_new .list_btn_mo_box .list_box{ padding: 10px;} .player_box .play_new .list_box .list li a{padding:2px 6px;font-size:14px;} } /*彈出選單mo ed*/ /*最新玩家選單mo*/ .player_box .author{padding-top:5px;display:flex;align-items:center;margin-bottom:20px; } .player_box .author .peo{padding:0 5px;margin-right: 10px;} .player_box .author .peo .peo1{ overflow: hidden; width: 43px; height: 43px; border: 2px solid #fff; box-shadow: rgba(0,0,0,0.5) 0px 1px 5px; vertical-align: middle; line-height: 0; border-radius: 600px; } .player_box .author .txt{white-space:nowrap;text-overflow:ellipsis;overflow: hidden;text-decoration:underline;color:#905523;} .player_box .author .txt a{text-decoration:underline;color:#905523;} .player_box .author .txt a:hover{color:#fd3a13;} .player_box .author .peo img{width:100%;height:100%;} .list_btn .owl-dots{display:none!important;} .list_btn .owl-controls{width:100%;margin:0!important;height:0px;} .list_btn .owl-controls .owl-next{ position:absolute!important;right:0;background-color:#fff000;width:40px;height:100%;z-index:20;top:0; background: url(../images/arrow_more.svg) no-repeat center center!important; background-color:#fff!important; opacity:1!important; background-size:20px!important; border-radius:0!important; } .list_btn .owl-controls .owl-nav div{ border-radius:0!important;box-shadow:#fff -10px 0px 15px; } .location{ position:absolute;bottom:0;left:0; background: url(../images/location2.svg) no-repeat 10px center; padding:10px 20px 10px 30px;color:#fff; background-color:rgba(0,0,0,0.6); background-size:15px; line-height:24px;border-radius:0 30px 30px 0; } @media (max-width:767px){ .location{ padding:5px 20px 5px 30px;color:#fff; background-size:15px; line-height:24px;border-radius:0 15px 15px 0; font-size:14px; } } /*玩家排行榜*/ @media (max-width:1024px){ .player_box .ranking_box2 .community .share{ display: none;} } .player_box .ranking_box2{} .player_box .ranking_box2 .list .contxt{overflow:hidden;} .player_box .ranking_box2 .list .txt_box{overflow:hidden;} .player_box .ranking_box2 .list{list-style:none;} .player_box .ranking_box2 .list li{border-top:1px solid #a4a4a4;padding:30px 10px 30px 10px;display:flex;align-items:center;overflow:hidden;} .player_box .ranking_box2 .list .title,.player_box .ranking_box2 .contxt{display:flex;align-items:center;} .player_box .ranking_box2 .list .no{width:50px;font-family: 'bauerbodonistd-roman'; list-style:none;color:#FF4747;font-size:50px;font-style:italic;font-weight:600;margin-right:30px;text-align:right;} .player_box .ranking_box2 .list .img_box{position:relative;} .player_box .ranking_box2 .list .img_box .gold{position:absolute;top:-15px;left:30%;} .player_box .ranking_box2 .list .img{ width:140px;height:140px;border-radius:600px;border:2px solid #fff;box-shadow:rgba(0,0,0,0.5) 0px 1px 5px; overflow:hidden;margin-bottom:15px;margin-right:20px; } .player_box .ranking_box2 .list .t1{font-size:20px;color:#905523;white-space:nowrap;text-overflow:ellipsis;overflow: hidden;margin-bottom:15px;} .player_box .ranking_box2 .list .t1 a{font-size:20px;color:#905523;} .player_box .ranking_box2 .list .t1 a:hover{color:#fd3a13;} .player_box .ranking_box2 .list p{ font-size:16px;color:#282828;overflow: hidden;margin-bottom:15px;height:50px;line-height:24px; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; display: -webkit-box; } .player_box .ranking_box2 .community{display:flex;float:right;} .player_box .ranking_box2 .community .share{margin-right:10px;line-height:0;} .player_box .ranking_box2 .community .share span img{width:35px;} .player_box .ranking_box2 .community .btn{margin-top:2px;} .player_box .ranking_box2 .community .btn a{vertical-align:middle;font-size:14px;color:#fff;border-radius:20px;background-color:#B58854;padding:3px 10px;display:block;} .player_box .ranking_box2 .list .no.color2{color:#B5B5B5;} @media (max-width:768px){ .player_box .ranking_box2 .list .img{ width:120px;height:120px;} } @media (max-width:767px){ .player_box .ranking_box2 .community .btn{margin-top:0px;} .player_box .ranking_box2 .community .share span img{width:25px;} .player_box .ranking_box2 .list p{ height:120px;font-size:14px; -webkit-line-clamp: 5; -webkit-box-orient: vertical; text-overflow: ellipsis; display: -webkit-box; } .player_box .ranking_box2{padding-top:0px;} .player_box .ranking_box2 .community{display:flex;float:none;align-items:center;} .player_box .ranking_box2 .list .no{width:40px;width:auto;text-align:center;margin-bottom:30px;} .player_box .ranking_box2 .list .title{display:block;} .player_box .ranking_box2 .list .img_box .gold{position:absolute;top:-15px;left:25%;} .player_box .ranking_box2 .list .img{ width:60px;height:60px;border-radius:600px;border:2px solid #fff;box-shadow:rgba(0,0,0,0.5) 0px 1px 5px; overflow:hidden;margin-bottom:15px;margin-right:20px; } } @media (max-width:375px){ .player_box .ranking_box2 .community .share{margin-right:0px;float:left;margin-bottom:15px;} .player_box .ranking_box2 .community .btn{float:left;padding-left:10px;} .player_box .ranking_box2 .community{display:block;} } /*玩家排行榜ed*/ /*玩家文章*/ .player_article{} .player_article_title{align-items:center;overflow:hidden;margin-bottom:30px;} .player_article_title .supertaste_content_title2{margin-bottom:0;float:left;} .player_article_title .btn{display:flex;float:right;} .player_article_title .btn li{ display:flex; align-items:center; vertical-align:baseline; margin: 0; padding: 0; margin-right:5px; } .player_article_title .btn li:last-child{margin-right:0;} .player_article_title .btn li a{color:#B58854;background-color:#fff;padding:5px 20px;font-size:18px;border-radius:20px;border:1px solid #B58854;font-weight:400;} .player_article_title .btn li a:hover,.player_article_title .btn li.act a{color:#fff;background-color:#B58854;} .player_article_list .author{display:none;} .player_article_list li{display:flex;margin-bottom:30px;} .player_article_list .img{width:35%;height:236px;overflow:hidden;margin-right:30px;line-height:0;position:relative;} .player_article_list .txt{width:65%;overflow:hidden;position:relative;} .player_article_list .txt p{ height:85px;overflow:hidden;line-height:30px; color: #282828;font-size: 16px; -webkit-line-clamp:3; -webkit-box-orient: vertical; text-overflow: ellipsis; display: -webkit-box; } .player_article_list .title{ overflow:hidden; font-size:22px;margin-bottom:15px; -webkit-line-clamp: 1; -webkit-box-orient: vertical; text-overflow: ellipsis; display: -webkit-box; } .player_article_list .btns{overflow:hidden;position:absolute;bottom:0;} .player_article_list .btns{overflow:hidden;padding:10px 0;} .player_article_list .btns a{color:#B58854;background-color:#F5F5F5;padding:2px 15px;font-size:16px;border-radius:20px;border:1px solid #B58854;font-weight:400;margin-right:8px;} .player_article_list .btns a:hover{color:#fff;background-color:#B58854;} .player_article_list .time{overflow:hidden;position:absolute;bottom:0;right:0;font-size:14px;color:#7F7F7F;} @media (max-width:1599px){ .player_article_list .img{height:186px;} } @media (max-width:1365px){ .player_article_list .img{width:50%;height:177px;overflow:hidden;margin-right:20px;line-height:0;position:relative;} .player_article_list .txt{width:50%;overflow:hidden;position:relative;} .player_article_list .title{font-size:20px;margin-bottom:10px;} .player_article_list .txt p{height:75px;overflow:hidden;line-height:24px; } .player_article_list .btns{position:relative;margin-bottom:0;padding-bottom:5px;} .player_article_list .btns a{background-color:#f5f5f5;padding:2px 10px;font-size:14px;} .player_article_list .time{position:relative;} } @media (max-width:1023px){ .player_article_list .img{width:45%;height:179px;overflow:hidden;margin-right:20px;line-height:0;position:relative;} .player_article_list .txt{width:55%;overflow:hidden;position:relative;} } @media (max-width:767px){ .player_article_title{align-items:center;overflow:hidden;margin-bottom:20px;} .player_article_title .btn li a{font-size:16px;padding:2px 15px;} .player_article_list .btns{display:none;} .player_article_list .title{font-size:18px;margin-bottom:0px;} .player_article_list .img{width:163px;height:90px;overflow:hidden;margin-right:15px;line-height:0;position:relative;} .player_article_list .txt{width:55%;overflow:hidden;position:relative;} .player_article_list .txt p{height:45px;overflow:hidden;line-height:24px; -webkit-line-clamp:2;font-size:16px; margin-bottom:2px;} } @media (max-width:480px){ .player_article_list li{display:block;} .player_article_list .img{width:100%;height:auto;overflow:hidden;margin-bottom:10px;} .player_article_list .author{display:flex;align-items:center;} .player_article_list .author .peo{width:60px;height:auto;} .player_article_list .author .peo img{width:100%;height:100%;} .player_article_list .txt{width:100%;} .player_article_list .txt p,.player_article_list .time{display:none;} .player_article_list .title{ text-overflow: none;display:block;height:50px; line-height:24px;font-size:18px;} } /*文章頭*/ .player_head{display:none;padding-bottom:20px;margin-bottom:20px;overflow:hidden;border-bottom: 1px solid #a4a4a4;} .player_head .head{ overflow: hidden; width: 120px; height:120px; border: 2px solid #fff; box-shadow: rgba(0,0,0,0.3) 0px 3px 8px; line-height: 0; border-radius: 600px; margin:20px auto; } .white a { color: #ffffff!important; } .player_head .title{ font-size: 22px; color: #905523; margin-bottom: 15px; text-align:center; font-weight:bold; } .player_head .title1{ font-size: 18px; color: #905523; margin-bottom: 15px; text-align:center; font-weight:300; } .player_head .txt{ font-size: 16px; margin-bottom: 15px; } .player_head .share{text-align:center;} .player_head .share span{margin-right:10px;} .player_head .share span:last-child{margin-right:0px;} .player_head .share img{width:40px;} @media (max-width:1023px){ .player_head{ display:block; } } .player_head .head img{width:100%;height:100%;} /*文章頭ed*/ /*玩家文章ed*/ /*最新玩家三欄*/ .play_new .supertaste_article .list li{width: calc((100% - 55px)/3);margin-right: 20px;} .play_new .supertaste_article .list li:nth-child(3n){margin-right: 0px;} .play_new .supertaste_article .img{height:221px;} @media (max-width:1599px){.play_new .supertaste_article .img{height:173px;}} @media (max-width:1365px){.play_new .supertaste_article .img{height:112px;}} @media (max-width:1023px){.play_new .supertaste_article .img{height:127px;}} @media (max-width:640px){.play_new .supertaste_article .img{height:104px;}} @media (max-width:480px){.play_new .supertaste_article .img{height:75px;}} @media (max-width:480px){ .play_new .supertaste_article .img{height:236px;} .play_new .supertaste_article .list li{width:100%;margin-right: 0px;} } @media (max-width:414px){.play_new .supertaste_article .img{height:216px;}} @media (max-width:411px){.play_new .supertaste_article .img{height:194px;}} @media (max-width:374px){.play_new .supertaste_article .img{height:185px;}} @media (max-width:359px){.play_new .supertaste_article .img{height:162px;}} /*最新玩家三欄ed*/ /*最新玩家文章ed*/ .supertaste_player{margin-bottom:20px;overflow:hidden;} .supertaste_player .list{display:flex;list-style:none;flex-wrap:wrap;} .supertaste_player .list .img{ overflow: hidden; width: 160px; height:160px; border: 3px solid #fff; box-shadow: rgba(0,0,0,0.5) 0px 1px 5px; line-height: 0; border-radius: 600px; margin:10px auto; } .supertaste_player .list li{width:calc((100% - 65px)/5);margin-bottom:15px;margin-right:15px;} .supertaste_player .list .txt{font-weight:600;display:inline-block;width:100%;text-align:center;margin-bottom:40px;} .supertaste_player .list li:nth-child(5n){margin-right:0px;} @media (max-width:1599px){ .supertaste_player .list .img{width: 120px;height:120px;} } @media (max-width:1365px){ .supertaste_player .list .img{width: 100px;height:100px;} .supertaste_player .list .txt{font-size:16px;} } @media (max-width:640px){ .supertaste_player .list .img{width: 140px;height:140px;} .supertaste_player .list li{width:calc((100% - 20px)/2);margin-bottom:15px;margin-right:15px;} .supertaste_player .list li:nth-child(5n){margin-right:15px;} .supertaste_player .list li:nth-child(2n){margin-right:0;} } @media (max-width:374px){ .supertaste_player .list .img{width: 130px;height:130px;} } /*搜尋頁玩家*/ /*搜尋頁玩家ed*/ /*側欄玩家*/ .player_rig{ background-color:#fff;padding:18px;border-radius:6px; box-shadow: rgba(0,0,0,0.2) 0px 1px 4px; margin:5px 5px 50px 5px!important; } .player_rig .player_head{ display:block; padding-bottom: 0px; margin-bottom: 0px; overflow: hidden; border-bottom: 0px solid #a4a4a4; } .player_rig .player_head .share li{list-style:none;text-align:left;margin-bottom:15px;} .player_rig .player_head .share span img{width:30px;} .line0{line-height:0;} .player_rig .player_head .share li{display:flex;align-items:center;} .player_rig .player_head .share li p a{color:#B58854;text-decoration:underline;font-size:15px;} .player_rig .player_head .share li p a:hover{color:#fd3a13;} .player_box .ad,.player_box .ad_mo,.player_box .ad768 {margin: 40px auto 50px;} /*側欄玩家ed*/ /*20201022新增東東ed*/ /* 食尚內頁 ed*/