@charset "utf-8";
											.ArticleTextA{		 padding:55px 0 72px 0; background-color:#fff; } .ArticleTextA>.outBox{ } @media screen and (max-width:768px){ .ArticleTextA{		 padding:4.83vw 0 14.5vw 0; } .ArticleTextA>.outBox{ } }										 .ArticleTextA{ width:100%; } .ArticleTextA .icon_fair{ right: 3%; top: 5%; width: 14.5%; height: 0; padding-top: 14.5%; z-index: 1; } .ArticleTextA .editorBtnBox { padding: 30px 0; width: 100%; } .ArticleTextA .editorBtn { display: inline-block; height: 26px; } .ArticleTextA .editorBtnB { float: right; } .ArticleTextA .editorBtn .mBtn { margin: 15px 15px 0 0; } .ArticleTextA .editorBtnB .mBtn { color: #D00; } .ArticleTextA .editorBtn .mBtn_enabled .mBtn { background-color:#999; color:#FFF; } .ArticleTextA .temp_id { color: #C33; } .ArticleTextA>.outBox{ width: 100%; max-width:1120px; margin:0 auto; } .ArticleTextA .a_title{ width: 100%; max-width: 740px; margin:0 auto; padding:0; } .ArticleTextA .a_category{ font-size: 14px; color: #787878; background-color: #EEE; padding: 1px 8px 1px 8px; margin-bottom: 10px; } .ArticleTextA .a_title h1{ font-size: 34px; line-height: 1.4; } .ArticleTextA .a_info{ margin-top: 30px; height: 70px; } .ArticleTextA .author_pic{ background-color:#f4f4f4; background-image: url(/tw/images/common/ico_horoguides.png); border-radius: 100vw; width: 35px; height: 35px; } .ArticleTextA .author_name{ color: #787878; font-size: 14px; font-weight: 300; padding-left: 10px; padding-right: 30px; } .ArticleTextA .author_name_A{ color: #be935c; } .ArticleTextA .date{ font-size: 14px; font-weight: 300; color: #bbbbbb; } .ArticleTextA .socialBox{ float: right; position:relative; } .ArticleTextA .header_pic { width: 100%; } .ArticleTextA figure{ margin:0; font-size:0; } .ArticleTextA .a_header_pic img{ width: 100%; height:auto; } .ArticleTextA .mbYtPlayer .adBox { width: 100%; background-color: #f8f8f8; font-size: 0; } .ArticleTextA .mbYtPlayer .youtubeBox{ width:1120px; height:630px; } .ArticleTextA .mbYtPlayer .youtubeBox video{ width:100%; height:100%; } .ArticleTextA iframe:not[class=playerBox]{						 width:1120px !important;							height:630px !important;						 overflow:hidden !important;						 border:0 !important;						}												.ArticleTextA .a_header_pic .mask{ top:0; left:0; width:100%; height:100%; background-color:rgba(181,181,181,0); pointer-events:none; } .ArticleTextA .con{ margin: 50px 0 0 0; } .ArticleTextA .side_L{ width:680px; } .ArticleTextA .side_R{ margin-left:calc(100% - 300px - 680px); width:300px; } .ArticleTextA .side_R_A{ min-height:600px; } /*BEGIN__品牌熱度*/ .ArticleTextA .related_brand{ padding: 80px 0 0 0; background-color:#fff; text-align:left; line-height: initial; } .ArticleTextA .related_brand a{ color:#000 !important; } .ArticleTextA .related_brand .unit{ border:1px #ebebeb solid; padding:9px 0; } .ArticleTextA .related_brand .title{ font-size:16px; padding:0 20px; } .ArticleTextA .related_brand .imgBox{ padding:0 0 0 20px; border-left:1px #ebebeb solid; } .ArticleTextA .related_brand .logo{ width:50px; height:50px; border:1px #ebebeb solid; border-radius:50%; -webkit-filter: grayscale(100%) brightness(100%) contrast(100%); filter: grayscale(100%) brightness(100%) contrast(100%); } .ArticleTextA .related_brand .info{ color:#222; font-size:12px; padding:0 40px 0 20px; } .ArticleTextA .related_brand .name{ color:#222; font-size:16px; } .ArticleTextA .related_brand .ranking{ font-size:14px; color:#868686; padding:0; } /*END__品牌熱度*/ /*BEGIN__頁底社群*/ .ArticleTextA .a_info_B{ margin:0; padding:30px 0 0 0; height: auto; background-color:#fff; text-align:left; line-height:initial; } .ArticleTextA .a_info_B .sTitle{ color:#bcbcbc; margin-right:8px; } /*END__頁底社群*/ /*BEGIN__頁底tag*/ .ArticleTextA .a-tag { text-align:left; background-color: #fff; padding: 15px 0 0 0; line-height:initial; } .ArticleTextA .a-tag a { display: inline-block; text-decoration: none !important; padding: 5px 10px; margin-right: 5px; margin-bottom: 5px; background-color: #eee; } .ArticleTextA h4 { font-size: 12px; font-weight: 300; color: #606060; } .ArticleTextA .a-tag a:hover { background-color:#606060; } .ArticleTextA .a-tag a:hover h4 { color:#eee; } /*END__頁底tag*/ /*BEGIN__AD*/ .ArticleTextA article, .ArticleTextA a, .ArticleTextA div[class^=AdBanner] { pointer-events: all; } .ArticleTextA .AAdBannerA{/*文章內文AD*/ width:100%; } /*END__AD*/ /*BEGIN__其它*/ .ArticleTextA u[class=watch_price_changed]{ color:#cd9d6a; } .ArticleTextA strong{ font-weight:500; } .ArticleTextA .con p[class=iimg_A]{ padding:0 !important; } .ArticleTextA .con p[class=iimg_A] img{ width:100% !important; max-height:none !important;;/*不限高度的長圖*/ margin-left: 0vw !important; } .ArticleTextA .specFontSize{ font-size: 14px; color: #222; } /*END__其它*/ /*BEGIN__splide*/ .ArticleTextA .a_header_pic .cOutBox{ width:100%; } .ArticleTextA .splide .unitInBox{ width:100%; } .ArticleTextA .splide .subject{ -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; padding:3px 1% 0 1% !important; font-size:12px !important; } .ArticleTextA .splide .caption{ flex-grow: 1; } .ArticleTextA .splide .credit{ padding:0 0 0 3%; align-self: flex-start; } .ArticleTextA .splide ol,.ArticleTextA .splide ul,.ArticleTextA .splide dl{ display:flex; } .ArticleTextA .splide ol li, .ArticleTextA .splide ul li, .ArticleTextA .splide dl li { padding:0; line-height:initial; color:initial; font-weight:initial; } .ArticleTextA .splide .imgBox{ width:100%; padding-top:66.575%; background-color: #f4f4f4; } .ArticleTextA .splide .imgBox_no_contain_d{ background-size:auto !important; } .ArticleTextA .splide .img_index{ right:2%; top:2%; color:#aaa; font-size:12px; padding:5px 15px; border-radius:3px; line-height:1em; } .ArticleTextA .icon_zoom{ margin:0 0 0 12px; width:14px; height:14px; } .ArticleTextA .icon_zoom_in{ background-image:url(/tw/images/common/icon_zoom_in_gray.svg?20230512_1); } .ArticleTextA .splide:hover .img_index{ background-color: rgba(255,255,255,1.0); } .ArticleTextA .splide__arrow { background: transparent; border-radius: 0; cursor: pointer; opacity: 1; width: 40px; height: 210px; background-size: contain; background-repeat: no-repeat; background-position: center; top: calc(50% - 15px); background-size: 15px 30px; background-color: rgba(255,255,255,0.8); } .ArticleTextA .splide__arrow svg { display: none; } .ArticleTextA .splide__arrow--prev { left: -40px; background-image: url(/tw/images/common/ico_arD5_left_a.svg?20220422_4); } .ArticleTextA .splide__arrow--next { right: -40px; background-image: url(/tw/images/common/ico_arD5_right_a.svg?20220422_4); } .ArticleTextA button:disabled { opacity: 0.1; } .ArticleTextA .splide__pagination{ padding-inline-start: 0; bottom:45px; mix-blend-mode: exclusion; } .ArticleTextA .splide__pagination__page { background: #ccc; border: 0; border-radius: 50%; display: inline-block; height: 6px; margin: 4px; opacity: .5; padding: 0; position: relative; transition: transform .2s linear; width: 6px; } /*END__splide*/ @media screen and (max-width: 1197px){ .ArticleTextA .con{ width:calc(100vw - 80px); margin:50px auto 0 auto; } } @media screen and (max-width: 1119px){ .ArticleTextA .con{ width:100%; margin:50px auto; } .ArticleTextA .a_title{ width: 90%; max-width:none; } .ArticleTextA .editorBtnBox { width: 90%; margin:0 auto; } .ArticleTextA .mbYtPlayer .youtubeBox{ width:100vw; height:56.25vw; } .ArticleTextA iframe:not[class=playerBox]{ width:100vw !important; height:56.25vw !important; } .ArticleTextA .side_L{ width:90%; margin:0 auto; } .ArticleTextA .side_R{ display: none; } } @media screen and (min-width: 769px) and (max-width: 1119px){ .ArticleTextA .author_pic{ width: 5vw; height: 5vw; } .ArticleTextA .socialBox li{ width: 5vw; height: 5vw; margin-left: 8px; } .ArticleTextA .socialBox a:nth-child(1)>li { background-position: 1px 0; } .ArticleTextA .socialBox a:nth-child(2)>li { background-position: -5.2vw 0; } .ArticleTextA .socialBox a:nth-child(3)>li { background-position: -10.5vw 0; } } @media screen and (max-width:768px){ .ArticleTextA ol,.ArticleTextA ul,.ArticleTextA dl{ font-size:4.36vw; } .ArticleTextA ol li,.ArticleTextA ul li,.ArticleTextA dl li{ padding: 1.21vw 0; } .ArticleTextA ul[class^=UISocialShare] li{ padding:0; } .ArticleTextA .side_L{ width:100%; } .ArticleTextA .a_title{ padding:0; } .ArticleTextA .a_title h1{ font-size: 6.26vw; } .ArticleTextA .socialBox li{ width: 9vw; height: 9vw; margin-left:0; } .ArticleTextA .a_info{ margin-top: 0; height: 12vw; } .ArticleTextA .a_info_A{ height: auto; } .ArticleTextA .author_pic{ width: 10vw; height: 10vw; } .ArticleTextA .author_name{ font-size: 4vw; } .ArticleTextA .date{ font-size: 4vw; } .ArticleTextA .socialBox{ float:none; margin: 20px 0; text-align: right; } /*BEGIN__品牌熱度*/ .ArticleTextA .related_brand{ padding:19.32vw 5% 0 5%; } .ArticleTextA .related_brand .unit{ padding:2.17vw 0; } .ArticleTextA .related_brand .title{ font-size:3.86vw; padding:0 4.83vw; } .ArticleTextA .related_brand .imgBox{ padding:0 0 0 4.83vw; } .ArticleTextA .related_brand .logo{ width:12.08vw; height:12.08vw; } .ArticleTextA .related_brand .info{ font-size:2.9vw; padding:0 9.66vw 0 4.83vw; } .ArticleTextA .related_brand .name{ color:#222; font-size:3.86vw; } .ArticleTextA .related_brand .ranking{ font-size:3.38vw; color:#868686; padding:0; } /*END__品牌熱度*/ /*BEGIN__頁底社群*/ .ArticleTextA .a_info_B{ height:auto; padding:7.25vw 5% 0 5%; } /*END__頁底社群*/ /*BEGIN__頁底tag*/ .ArticleTextA .a-tag { width: 90%; padding: 5% 5% 0 5%; } .ArticleTextA .a-tag a { margin-bottom: 5px; } .ArticleTextA h4 { font-size: 3.38vw; } /*END__頁底tag*/ /*BEGIN__其它g*/ .ArticleTextA .specFontSize{ font-size: 14px; color: #222; } /*END__其它*/ /*BEGIN__splide*/ .ArticleTextA .a_header_pic .cOutBox{ width:90%; margin:0 auto; } .ArticleTextA .splide .subject{ padding:2vw 0 0 0 !important; font-size:2.9vw !important; } .ArticleTextA .splide .imgBox{ width:100%; padding-top:125%; } .ArticleTextA .splide .imgBox_no_contain_d{ background-size:contain !important; } .ArticleTextA .splide .img_index{ font-size:2.9vw; padding:1.21vw 1.62vw; border-radius:0.72vw; } .ArticleTextA .splide:hover .img_index{ background-color: rgba(255,255,255,0.0); } .ArticleTextA .icon_zoom{ margin:0 0 0 2.9vw; width:3.38vw; height:3.38vw; } .ArticleTextA .splide__arrow { background: transparent; border-radius: 0; cursor: pointer; opacity: 1; width: 9.66vw; height: 50.72vw; background-size: contain; background-repeat: no-repeat; background-position: center; top: calc(50% - 3.62vw); background-size: 3.62vw 7.25vw; background-color: rgba(255,255,255,0.0); } .ArticleTextA .splide__arrow--prev { left: 0px; background-image: url(/tw/images/common/ico_arD5_left_a.svg?20220422_4); } .ArticleTextA .splide__arrow--next { right: 0px; background-image: url(/tw/images/common/ico_arD5_right_a.svg?20220422_4); } .ArticleTextA .splide__pagination{ padding-inline-start: 0; bottom:-2vw; } .ArticleTextA .splide__pagination__page { margin: 0.6vw; height: 1.3vw; width: 1.3vw; } /*END__splide*/ } /*文章*/ .ArticleTextA ol,.ArticleTextA ul,.ArticleTextA dl{ padding:0; display: block; margin-block-start: 0; margin-block-end: 0; margin-inline-start: 0; margin-inline-end: 0; padding-inline-start:1.5em; font-size:16px; text-align: left; } .ArticleTextA ul{ list-style-type: square; } .ArticleTextA ol{ list-style-type: decimal; } .ArticleTextA ol li,.ArticleTextA ul li,.ArticleTextA dl li{ padding: 5px 0; line-height: 1.7em; color: #222; font-weight:300; } .ArticleTextA ul[class^=UISocialShare] li{ padding:0; } .ArticleTextA .a_text{ margin-top: -8px; line-height: 0; } .ArticleTextA .a_text_old{ line-height: 1.8em; } .ArticleTextA .a_text_old .imgDiv{ line-height: 0; } .ArticleTextA .a_text a{ color: #be935c; text-decoration: underline; } .ArticleTextA p, .ArticleTextA p[class=cText]{/*內文基本樣式*/ color: #000; font-family: Noto Sans TC,sans-serif; font-size: 16px; font-weight: 300; line-height: 1.8em; text-align: left; /*text-align: justify;*/ } .ArticleTextA p[class=EnTitle]{ color: #000; font-family: Crimson Text, Arial, \'Noto Serif TC\', serif !important; font-size: 18.5px; margin-botom:10px; line-height: 1.6em; text-align: left; } .ArticleTextA p[class=centerAlign]{/*內文基本樣式(置中)*/ color: #000; font-family: Noto Sans TC,sans-serif; font-size: 16px; font-weight: 300; line-height: 1.8em; text-align: center; } .ArticleTextA p[class=leftAlign]{/*內文基本樣式(靠左)*/ color: #000; font-family: Noto Sans TC,sans-serif; font-size: 16px; font-weight: 300; line-height: 1.8em; text-align: left; } .ArticleTextA p:nth-child(1) { padding-top: 50px; } .ArticleTextA .a_text_A p:nth-child(1) { padding-top: 0; } .ArticleTextA p[class^=hashTag] {/*置中中標題*/ color: #000000; font-family: Noto Sans TC,Sans-Serif !important; font-size: 24px !important; font-weight: 500 !important; line-height: 1.4em !important; margin-bottom: 21px !important; margin-top: 35px !important; } .ArticleTextA p[class=hashTag]{ text-align: center !important; } .ArticleTextA p[class=hashTagA]{ text-align: left !important; } .ArticleTextA p[class=EnParagraph] {/*英文內文*/ color: #000 !important; font-family: Crimson Text, Arial, 'Noto Serif TC', serif !important; font-size: 18px !important; line-height: 1.6em !important; text-align: left !important; } .ArticleTextA .a_text h5,.ArticleTextA .splide h5{/*圖說*/ font-family:'Noto Sans TC', 'Sans-Serif' !important; font-weight:300 !important; font-size:14px !important; line-height:1.6 !important; color: #787878 !important; margin-top:0 !important; margin-bottom:0 !important; padding-top:6px !important; padding-bottom:40px !important; text-align: left !important; /*text-align: justify !important;*/ background-color:#fff; } .ArticleTextA p[class^=textTitle]{/*內文小標*/ font-size:18.5px; font-weight:400; line-height:1.3em; padding-bottom:10px; } .ArticleTextA p[class=textTitle]{ /*text-align: justify;*/ text-align: left; } .ArticleTextA p[class=textTitleA]{ text-align: center; } .ArticleTextA img{ width: 100%; height: auto; max-width: none; max-height: none; font-size: 0; background-color: #fff; } .ArticleTextA p[class=iimg]{ text-align:center; } .ArticleTextA p[class=iimg] img{ width: auto; max-width: 680px; /* margin: 0 auto; */ text-align: center; } .ArticleTextA div[class*='youtube-embed-wrapper']{/*youtube內嵌*/ text-align:center; height: 0; overflow: hidden; padding-bottom: 56.25%; position: relative; background-color:#fff; } .ArticleTextA div[class*='youtube-embed-wrapper'] iframe{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .ArticleTextA iframe[class*='instagram-media'] {/*ig內嵌*/ width: 100%; } .ArticleTextA .imgDivA {/*ig內嵌底色*/ background-color: #fff; text-align:center; } .ArticleTextA div[class*='mp4_16_9'] {/*mp4內嵌*/ width: 100%; padding-top:56.25%; position:relative; } .ArticleTextA div[class*='mp4_16_9'] iframe {/*mp4內嵌*/ position:absolute; top:0; width: 100%; height:100%; border:0; } .ArticleTextA div[class*='table'] {/*table內嵌*/ width: 100%; position:relative; } .ArticleTextA div[class*='table'] iframe {/*table內嵌*/ position:absolute; top:0; width: 100%; border:0; } .ArticleTextA div[class=textHrWrapper] { padding: 50px 0; background-color: #fff; } .ArticleTextA div[class=textHr] { width: 80px; height: 0; margin: 0 auto; border-top: 2px solid #DCDCDC; } /*BEGIN__表格*/ .ArticleTextA .w_100{ width:100%; } .ArticleTextA line_height_1_8{ line-height:1.8em; } .ArticleTextA .th_padding, .ArticleTextA .tr_padding{ padding: 5px 30px; text-align:center; } .ArticleTextA .t_line{ border-top:1px #222 solid; } .ArticleTextA .b_line{ border-bottom:1px #222 solid; } /*END__表格*/ /*BEGIN__Twitter*/ .ArticleTextA div.twitter-tweet{ margin-right:auto; margin-left:auto; } /*END__Twitter*/ /*文章*/ @media screen and (max-width:768px){ .ArticleTextA ol,.ArticleTextA ul,.ArticleTextA dl{ padding-inline-start:2.5em; } /*BEGIN__文章區塊簡易樣式*/ .ArticleTextA .a_text{ margin: 0 auto; } .ArticleTextA p, .ArticleTextA p[class=cText]{/*內文基本樣式*/ /*font-size: 4.8vw !important;*/ font-size: 4.36vw !important; padding: 0 5vw; background-color: #fff; } .ArticleTextA .a_text p:nth-child(1) { padding-top: 50px; } .ArticleTextA .a_text_A p:nth-child(1) { padding-top: 0; } .ArticleTextA p[class^=hashTag] {/*置中中標題*/ font-size: 5.859375vw !important; margin-top: 0 !important; margin-bottom: 0 !important; padding-top: 8.45vw !important; padding-bottom: 5.07vw !important; } .ArticleTextA p[class=iimg] img{ width:auto !important; max-width: 100% !important; margin-left:auto !important; } .ArticleTextA .a_text h5{/*圖說*/ padding:6px 5vw 40px 5vw !important; font-size:3.38vw !important; } .ArticleTextA p[class=textTitle]{ font-size: 5.5vw !important; padding-bottom: 5vw; font-weight: 500; } .ArticleTextA .a_text img { width:100vw !important; font-size: 0 !important; } .ArticleTextA .adBox img{ width:100% !important; } .ArticleTextA .a_text p:not(.iimg) img, .ArticleTextA .a_text h5 img { margin-left: -5vw !important; } .ArticleTextA iframe[class*='instagram-media'] {/*ig內嵌*/ width: 90vw !important; margin:0 auto !important; } .ArticleTextA div[class=textHrWrapper] { padding: 9.66vw 0; } .ArticleTextA div[class=textHr] { width: 16%; } .ArticleTextA .con p[class=iimg_A]{ padding:0 !important; } .ArticleTextA .con p[class=iimg_A] img{ width:100% !important; max-height:none !important;/*不限高度的長圖*/ margin-left: 0vw !important; } .ArticleTextA .specFontSize{ font-size: 3.62vw !important; color: #222; } /*END__文章區塊簡易樣式*/ /*BEGIN__Twitter*/ .ArticleTextA div.twitter-tweet{ width:90% !important; } /*END__Twitter*/ /*BEGIN__抽言*/ .ArticleTextA .quote_point{ font-size: 11vw !important; padding-top: 0.3em !important; } .ArticleTextA .quote_text{ width: 79% !important; font-size: 4.5vw !important; line-height: 1.4em !important; } .ArticleTextA .quote_source{ font-size: 2.8vw !important; line-height: 4em !important; padding-bottom: 0 !important; } /*END__抽言*/ }