root
	div([style]=>"background-color: rgb(239, 239, 239);padding:20px;font-size: 14px;line-height: 2;", )
		p
			text
	div([class]=>"mediaBlock", )
		img([src]=>"https://assets.juksy.com/files/articles/73283/5a1c14864f28b.png", [width]=>"800", [height]=>"421", )
	p
		text
		a([href]=>"https://www.juksy.com/archives/71815", [rel]=>"noopener noreferrer", [target]=>"_blank", )
			text
		text
	p
		text
	h2
		text
	p
		text
	p
		span([class]=>"fr-draggable", [draggable]=>"true", )
			span([class]=>"fr-video fr-fic fr-dii fr-draggable fr-dib", [contenteditable]=>"false", [style]=>"", )
				iframe([class]=>"op-interactive", [src]=>"/embed/youtube?url=https://youtu.be/9vWcK3e6ggM", [data-extension]=>"Facebook", [frameborder]=>"0", [allowfullscreen]=>"", [id]=>"iFrameResizer0", [scrolling]=>"no", [style]=>"overflow: hidden; height: 338px;", [width]=>"100%", [height]=>"500", )
					text
		text
		a([href]=>"https://www.youtube.com/channel/UC6rbLAbpqdqKRUICPTmOXiA/featured", [rel]=>"noopener noreferrer", [target]=>"_blank", )
			text
		text
	h1
		text
	div([class]=>"mediaBlock", )
		img([src]=>"https://assets.juksy.com/files/articles/73283/5a1bd2fdef40d.png", [width]=>"800", [height]=>"552", [loading]=>"lazy", )
	p
		text
	div([class]=>"mediaBlock", )
		img([src]=>"https://assets.juksy.com/files/articles/73283/5a1bd387bd423.jpg", [width]=>"800", [height]=>"709", [loading]=>"lazy", )
	p
		text
	p
		br
	div([class]=>"juksy_ads", )
		text
	p
		br
	h1
		text
	div([class]=>"mediaBlock", )
		img([src]=>"https://assets.juksy.com/files/articles/73283/5a1bd764e2d9c.jpg", [width]=>"800", [height]=>"533", [loading]=>"lazy", )
	p
		text
	div([class]=>"mediaBlock", )
		img([src]=>"https://assets.juksy.com/files/articles/73283/5a1bd97099e1c.jpg", [width]=>"800", [height]=>"709", [loading]=>"lazy", )
	p
		text
	h1
		text
	div([class]=>"mediaBlock", )
		img([src]=>"https://assets.juksy.com/files/articles/73283/5a1bdbbfa1496.png", [width]=>"800", [height]=>"489", [loading]=>"lazy", )
	p
		text
		strong
			text
		text
	div([class]=>"mediaBlock", )
		img([src]=>"https://assets.juksy.com/files/articles/73283/5a1bdcaf0f8c2.jpg", [width]=>"800", [height]=>"960", [loading]=>"lazy", )
	p
		text
	p
		br
	h2([style]=>"text-align: center;", )
		text
	hr([class]=>"page-break", )
	h2
		text
	p
		text
	p
		text
	p
		span([class]=>"fr-draggable", [draggable]=>"true", )
			span([class]=>"fr-video fr-fic fr-dii fr-draggable fr-dib", [contenteditable]=>"false", [style]=>"", )
				iframe([class]=>"op-interactive", [src]=>"/embed/youtube?url=https://youtu.be/YapVPXhQV6A", [data-extension]=>"Facebook", [frameborder]=>"0", [allowfullscreen]=>"", [id]=>"iFrameResizer1", [scrolling]=>"no", [style]=>"overflow: hidden; height: 338px;", [width]=>"100%", [height]=>"500", )
					text
	p
		text
		a([href]=>"https://www.youtube.com/channel/UC6rbLAbpqdqKRUICPTmOXiA/featured", [rel]=>"noopener noreferrer", [target]=>"_blank", )
			text
		text
	p
		text
		a([href]=>"https://www.juksy.com/archives/54451", [rel]=>"noopener noreferrer", [target]=>"_blank", )
			text
		text
	h1
		text
	div([class]=>"mediaBlock", )
		img([src]=>"https://assets.juksy.com/files/articles/73283/5a1beaf8e18d9.png", [width]=>"800", [height]=>"552", [loading]=>"lazy", )
	p
		text
	div([class]=>"mediaBlock", )
		img([src]=>"https://assets.juksy.com/files/articles/73283/5a1bebe10a9e8.jpg", [width]=>"800", [height]=>"709", [loading]=>"lazy", )
	p
		br
	div([class]=>"juksy_ads", )
		text
	p
		br
	h2
		text
	p
		text
	p
		text
	h1
		text
	div([class]=>"mediaBlock", )
		img([src]=>"https://assets.juksy.com/files/articles/73283/5a1bfba63959c.png", [width]=>"800", [height]=>"550", [loading]=>"lazy", )
	p
		text
	div([class]=>"mediaBlock", )
		img([src]=>"https://assets.juksy.com/files/articles/73283/5a1bfc0dcf8bd.jpg", [width]=>"800", [height]=>"473", [loading]=>"lazy", )
	h1
		br
	h1
		text
	div([class]=>"mediaBlock", )
		img([src]=>"https://assets.juksy.com/files/articles/73283/5a1bfc8e925e7.jpg", [width]=>"800", [height]=>"551", [loading]=>"lazy", )
	p
		text
	div([class]=>"mediaBlock", )
		img([src]=>"https://assets.juksy.com/files/articles/73283/5a1bfd1c28f98.jpg", [width]=>"800", [height]=>"473", [loading]=>"lazy", )
	h1
		br
	h1
		text
	div([class]=>"mediaBlock", )
		img([src]=>"https://assets.juksy.com/files/articles/73283/5a1c047950a8a.png", [width]=>"800", [height]=>"552", [loading]=>"lazy", )
	p
		text
	p
		br
	div([class]=>"juksy_ads", )
		text
	p
		br
	div([class]=>"mediaBlock", )
		img([src]=>"https://assets.juksy.com/files/articles/73283/5a1c048887da1.jpg", [width]=>"800", [height]=>"1354", [loading]=>"lazy", )
	p
		br
	p
		br
<!doctype html>
<html lang="zh-Hant-TW">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>【改燥】有了修圖神器，男友不會拍照沒關係！人氣部落客們都在使用的「修圖軟體 app」大公開！ | JUKSY 街星</title>
    <meta name="keywords" content="改燥,JUKSY12月焦點,修圖軟體,濾鏡,Instagram">
    <meta name="description" content="大家都希望自己的 Instagram 能呈現地美美的，在發佈到 Instagram 平台前都會再加以「美化」，因此「修圖軟體」層出不窮，但如何在無數的修圖軟體中挑選你所需要的？如何在無數的修圖軟體找到最實用的呢？沒錯！編輯在此將為各位整理人氣部落客、youtuber 常使用的修圖軟體 app，及 2018 趨勢「濾鏡攝影軟體」！不拜讀此篇真的會後悔！">
    <meta property="fb:app_id" content="608477045879026" />
    <meta property="og:image" content="https://assets.juksy.com/files/articles/73283/5a1c146a07ef6.png" />
    <meta property="og:image:width" content=""/>
    <meta property="og:image:height" content=""/>
    <meta property="og:url" content="https://www.juksy.com/article/73283" />
    <meta property="og:description" content="大家都希望自己的 Instagram 能呈現地美美的，在發佈到 Instagram 平台前都會再加以「美化」，因此「修圖軟體」層出不窮，但如何在無數的修圖軟體中挑選你所需要的？如何在無數的修圖軟體找到最實用的呢？沒錯！編輯在此將為各位整理人氣部落客、youtuber 常使用的修圖軟體 app，及 2018 趨勢「濾鏡攝影軟體」！不拜讀此篇真的會後悔！">
    <meta property="og:type" content="article" />
    <meta property="og:title" content="【改燥】有了修圖神器，男友不會拍照沒關係！人氣部落客們都在使用的「修圖軟體 app」大公開！">
    <meta property="og:site_name" content="JUKSY 街星" />
    <meta property="article:author" content="Jade.K">
    <meta property="article:publisher" content="Jade.K">
    <meta property="article:published_time" content="2017-11-27 16:01:31">
    <meta property="article:section" content="3C動漫" />

    <link rel="canonical" href="https://www.juksy.com/article/73283"/>
	<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
	<script async src="https://cdnjs.cloudflare.com/ajax/libs/iframe-resizer/4.2.11/iframeResizer.min.js"></script>
	<script async src="https://cdn.jsdelivr.net/npm/lazyhtml@1.2.3/dist/lazyhtml.min.js" crossorigin="anonymous" debug></script>
    <script>
		const  ad_category = "生活";
		const  juksy_category = "life";
		const  juksy_subcategory = "otaku";
        var ad_slot_status = {"bottom_1":{"desktop":{"id":"17","key":"bottom_1","device":"0","enable":"1","campaign_type":"1","campaignResource":[{"id":"151","slot_id":"17","name":"\u4e00\u822c-\u751f\u6d3b-\u4e3b\u6587\u7ae0","target_type":"3","target_id":"39","browser":"0","r18":"2","page_index":"1","slot_style":"preset","extra_data":"{\"click_rate\": 0, \"display_rate\": 100}","begin_at":"2020-07-02 12:30:21","end_at":"9999-12-31 23:59:59","created_at":"2020-07-02 04:30:32","updated_at":"2021-06-09 06:00:26","deleted_at":null,"datas":{"adunitKey":"\/21697024903,65167615\/juksy_life_content_bottom_336x280_ad1","dimensions":[[336,280],[300,250],[250,250],[200,200],[1,1]]},"provider":"1"}]},"mobile":{"id":"15","key":"bottom_1","device":"1","enable":"1","campaign_type":"1","campaignResource":[{"id":"69","slot_id":"15","name":"\u4e00\u822c-\u751f\u6d3b-\u4e3b\u6587\u7ae0","target_type":"3","target_id":"39","browser":"0","r18":"2","page_index":"1","slot_style":"preset","extra_data":"{\"click_rate\": 0, \"display_rate\": 100}","begin_at":"2020-07-02 12:30:21","end_at":"9999-12-31 23:59:59","created_at":"2020-07-02 04:30:25","updated_at":"2021-06-09 06:00:26","deleted_at":null,"datas":{"adunitKey":"\/21697024903,65167615\/juksy_m_life_content_bottom_320x100","dimensions":[[336,280],[320,100],[320,50],[300,250],[250,250],[200,200],[1,1],[320,480],[420,630],[420,350]]},"provider":"1"}]}},"fixed_1":{"desktop":{"id":"47","key":"fixed_1","device":"0","enable":"1","campaign_type":"2","campaignResource":[{"id":"1275","slot_id":"47","name":"\u95dc\u9589","target_type":"2","target_id":null,"browser":"0","r18":"0","page_index":"0","slot_style":"preset","extra_data":"{\"click_rate\": 0, \"display_rate\": 100}","begin_at":"2021-08-01 00:00:00","end_at":"9999-12-31 23:59:59","created_at":"2021-07-07 12:54:09","updated_at":"2021-07-07 12:54:09","deleted_at":null,"datas":[],"provider":null},{"id":"875","slot_id":"47","name":"\u4e00\u822c\u6587\u7ae0_\u684c\u6a5f\u6587\u4e2d1x1","target_type":"2","target_id":null,"browser":"0","r18":"2","page_index":"0","slot_style":"preset","extra_data":"{\"click_rate\": 0, \"display_rate\": 100}","begin_at":"2020-11-03 18:00:01","end_at":"9999-12-31 23:59:59","created_at":"2020-11-03 18:00:20","updated_at":"2020-11-03 18:00:20","deleted_at":null,"datas":{"adunitKey":"\/65167615\/juksy_content_inside_1x1","dimensions":[1,1]},"provider":"1"}]}},"sticky":{"desktop":{"id":"43","key":"sticky","device":"0","enable":"1","campaign_type":"1","campaignResource":[{"id":"87","slot_id":"43","name":"\u4e00\u822c-\u5168\u7ad9-\u4e3b\u6587\u7ae0","target_type":"3","target_id":null,"browser":"0","r18":"2","page_index":"1","slot_style":"preset","extra_data":"{\"click_rate\": 0, \"display_rate\": 100}","begin_at":"2020-07-02 12:30:21","end_at":"9999-12-31 23:59:59","created_at":"2020-07-02 04:30:26","updated_at":"2020-07-02 04:30:26","deleted_at":null,"datas":{"adunitKey":"\/21697024903,65167615\/juksy_content_sticky_970x250_ad1","dimensions":[[1260,100],[728,90],[970,90],[1,1]]},"provider":"1"}]},"mobile":{"id":"7","key":"sticky","device":"1","enable":"1","campaign_type":"0","campaignResource":[{"id":"32","slot_id":"7","name":"\u4e00\u822c-\u5168\u7ad9-\u4e3b\u6587\u7ae0","target_type":"3","target_id":null,"browser":"0","r18":"2","page_index":"1","slot_style":"preset","extra_data":"{\"click_rate\": 0, \"display_rate\": 100}","begin_at":"2020-07-02 12:30:21","end_at":"9999-12-31 23:59:59","created_at":"2020-07-02 04:30:21","updated_at":"2020-07-02 04:30:21","deleted_at":null,"datas":{"adunitKey":"\/21697024903,65167615\/juksy_m_content_sticky_320x100_ad1","dimensions":[[320,100],[375,100],[320,50],[1,1]]},"provider":"1"}]}},"idle_3":{"desktop":{"id":"41","key":"idle_3","device":"0","enable":"1","campaign_type":"2","campaignResource":[{"id":"103","slot_id":"41","name":"\u4e00\u822c-\u5168\u7ad9-\u4e3b\u6587\u7ae0","target_type":"3","target_id":null,"browser":"0","r18":"2","page_index":"0","slot_style":"preset","extra_data":"{\"click_rate\": 0, \"display_rate\": 100}","begin_at":"2020-07-02 12:30:21","end_at":"9999-12-31 23:59:59","created_at":"2020-07-02 04:30:28","updated_at":"2022-12-31 01:48:55","deleted_at":null,"datas":{"adunitKey":"\/21697024903,65167615\/juksy_idle_300x250_ad3","dimensions":[[300,250],[250,250],[200,200],[1,1],[336,280]]},"provider":"1"}]}},"idle_1":{"desktop":{"id":"39","key":"idle_1","device":"0","enable":"1","campaign_type":"2","campaignResource":[{"id":"101","slot_id":"39","name":"\u4e00\u822c-\u5168\u7ad9-\u4e3b\u6587\u7ae0","target_type":"3","target_id":null,"browser":"0","r18":"2","page_index":"0","slot_style":"preset","extra_data":"{\"click_rate\": 0, \"display_rate\": 100}","begin_at":"2020-07-02 12:30:21","end_at":"9999-12-31 23:59:59","created_at":"2020-07-02 04:30:27","updated_at":"2021-06-04 17:25:55","deleted_at":null,"datas":{"adunitKey":"\/21697024903,65167615\/juksy_idle_300x250_ad1","dimensions":[[300,250],[250,250],[200,200],[1,1],[336,280]]},"provider":"1"}]}},"right_2":{"desktop":{"id":"34","key":"right_2","device":"0","enable":"1","campaign_type":"1","campaignResource":[{"id":"1241","slot_id":"34","name":"\u4e00\u822c-\u5168\u7ad9-\u4e3b\u6587\u7ae0","target_type":"3","target_id":null,"browser":"0","r18":"2","page_index":"1","slot_style":"preset","extra_data":"{\"click_rate\": 0, \"display_rate\": 100}","begin_at":"2021-06-09 14:04:40","end_at":"9999-12-31 23:59:59","created_at":"2021-06-09 06:04:40","updated_at":"2021-06-09 06:04:40","deleted_at":null,"datas":{"adunitKey":"\/21697024903,65167615\/juksy_content_right_column_300x250_ad2","dimensions":[[300,250],[1,1]]},"provider":"1"}]}},"right_1":{"desktop":{"id":"33","key":"right_1","device":"0","enable":"1","campaign_type":"1","campaignResource":[{"id":"724","slot_id":"33","name":"\u4e00\u822c-\u5168\u7ad9-\u4e3b\u6587\u7ae0","target_type":"3","target_id":null,"browser":"0","r18":"2","page_index":"1","slot_style":"preset","extra_data":"{\"click_rate\": 0, \"display_rate\": 100}","begin_at":"2020-07-14 14:14:56","end_at":"9999-12-31 23:59:59","created_at":"2020-07-14 14:15:16","updated_at":"2020-07-14 14:18:05","deleted_at":null,"datas":{"adunitKey":"\/21697024903,65167615\/juksy_content_right_column_300x250_ad1","dimensions":[[300,250],[1,1],[350,350]]},"provider":"1"}]}},"right_video":{"desktop":{"id":"32","key":"right_video","device":"0","enable":"1","campaign_type":"2","campaignResource":[]}},"top_1":{"desktop":{"id":"21","key":"top_1","device":"0","enable":"1","campaign_type":"1","campaignResource":[{"id":"138","slot_id":"21","name":"\u4e00\u822c-\u751f\u6d3b-\u4e3b\u6587\u7ae0","target_type":"3","target_id":"39","browser":"0","r18":"2","page_index":"1","slot_style":"preset","extra_data":"{\"click_rate\": 0, \"display_rate\": 100}","begin_at":"2020-07-02 12:30:21","end_at":"9999-12-31 23:59:59","created_at":"2020-07-02 04:30:31","updated_at":"2021-06-09 06:00:26","deleted_at":null,"datas":{"adunitKey":"\/21697024903,65167615\/juksy_life_content_top_970x250","dimensions":[[970,250],[1260,250],[1260,200],[1260,100],[1000,150],[980,120],[970,90],[728,90],[730,250],[468,60],[1,1]]},"provider":"1"}]},"mobile":{"id":"5","key":"top_1","device":"1","enable":"1","campaign_type":"1","campaignResource":[{"id":"61","slot_id":"5","name":"\u4e00\u822c-\u751f\u6d3b-\u4e3b\u6587\u7ae0","target_type":"3","target_id":"39","browser":"0","r18":"2","page_index":"1","slot_style":"preset","extra_data":"{\"click_rate\": 0, \"display_rate\": 100}","begin_at":"2020-07-02 12:30:21","end_at":"9999-12-31 23:59:59","created_at":"2020-07-02 04:30:24","updated_at":"2022-09-10 00:24:38","deleted_at":null,"datas":{"adunitKey":"\/21697024903,65167615\/juksy_m_life_content_top_320x100","dimensions":[[336,280],[375,250],[300,250],[250,250],[200,200],[320,100],[320,50],[320,480]]},"provider":"1"}]}},"cover_1":{"mobile":{"id":"3","key":"cover_1","device":"1","enable":"1","campaign_type":"2","campaignResource":[{"id":"28","slot_id":"3","name":"\u4e00\u822c-\u5168\u7ad9-\u4e3b\u6587\u7ae0","target_type":"3","target_id":null,"browser":"2","r18":"2","page_index":"0","slot_style":"preset","extra_data":"{\"click_rate\": 0, \"display_rate\": 100}","begin_at":"2020-07-02 12:30:21","end_at":"9999-12-31 23:59:59","created_at":"2020-07-02 04:30:21","updated_at":"2022-08-30 18:51:04","deleted_at":null,"datas":{"adunitKey":"\/21697024903,65167615\/juksy_m_content_takeover_320x100_ad2","dimensions":[[300,250],[336,280],[320,480],[1,1],[420,630]]},"provider":"1"}]}},"content_4_1":{"mobile":{"id":"12","key":"content_4_1","device":"1","enable":"1","campaign_type":"1","campaignResource":[{"id":"67","slot_id":"12","name":"\u4e00\u822c-\u751f\u6d3b-\u4e3b\u6587\u7ae0","target_type":"3","target_id":"39","browser":"0","r18":"2","page_index":"1","slot_style":"preset","extra_data":"{\"click_rate\": 0, \"display_rate\": 100}","begin_at":"2020-07-02 12:30:21","end_at":"9999-12-31 23:59:59","created_at":"2020-07-02 04:30:24","updated_at":"2021-06-09 06:00:26","deleted_at":null,"datas":{"adunitKey":"\/21697024903,65167615\/juksy_m_life_content_inside_320x100_ad4","dimensions":[[320,100],[320,50],[320,480],[300,250],[250,250],[200,200],[1,1],[336,280]]},"provider":"1"}]}},"content_3_1":{"mobile":{"id":"11","key":"content_3_1","device":"1","enable":"1","campaign_type":"1","campaignResource":[{"id":"66","slot_id":"11","name":"\u4e00\u822c-\u751f\u6d3b-\u4e3b\u6587\u7ae0","target_type":"3","target_id":"39","browser":"0","r18":"2","page_index":"1","slot_style":"preset","extra_data":"{\"click_rate\": 0, \"display_rate\": 100}","begin_at":"2020-07-02 12:30:21","end_at":"9999-12-31 23:59:59","created_at":"2020-07-02 04:30:24","updated_at":"2021-06-09 06:00:26","deleted_at":null,"datas":{"adunitKey":"\/21697024903,65167615\/juksy_m_life_content_inside_320x100_ad3","dimensions":[[320,100],[320,50],[320,480],[300,250],[250,250],[200,200],[1,1],[336,280],[420,350]]},"provider":"1"}]}},"content_2_1":{"mobile":{"id":"10","key":"content_2_1","device":"1","enable":"1","campaign_type":"0","campaignResource":[{"id":"65","slot_id":"10","name":"\u4e00\u822c-\u751f\u6d3b-\u4e3b\u6587\u7ae0","target_type":"3","target_id":"39","browser":"0","r18":"2","page_index":"1","slot_style":"preset","extra_data":"{\"click_rate\": 0, \"display_rate\": 100}","begin_at":"2020-07-02 12:30:21","end_at":"9999-12-31 23:59:59","created_at":"2020-07-02 04:30:24","updated_at":"2021-06-09 06:00:26","deleted_at":null,"datas":{"href":null,"html":"<div id='juksy_m_life_content_inside_320x100_ad2'><\/div>","type":"iframe","target":"_blank","template":"full","iframeSrc":"https:\/\/ad-assets.juksy.com\/resources\/20241107\/672c34c638e09\/index.html","dimensions":[300,250],"removeFlex":false,"sourceUrls":[],"source_type":"script","noJuksyFrameStyle":false},"provider":"0"}]}},"content_1_1":{"mobile":{"id":"8","key":"content_1_1","device":"1","enable":"1","campaign_type":"0","campaignResource":[{"id":"63","slot_id":"8","name":"\u4e00\u822c-\u751f\u6d3b-\u4e3b\u6587\u7ae0","target_type":"3","target_id":"39","browser":"0","r18":"2","page_index":"1","slot_style":"preset","extra_data":"{\"click_rate\": 0, \"display_rate\": 100}","begin_at":"2020-07-02 12:30:21","end_at":"9999-12-31 23:59:59","created_at":"2020-07-02 04:30:24","updated_at":"2024-01-31 11:32:06","deleted_at":null,"datas":{"href":null,"html":"<div id='juksy_m_life_content_inside_320x100_ad1'><\/div>","type":"iframe","target":"_blank","template":"full","iframeSrc":"https:\/\/ad-assets.juksy.com\/resources\/20241107\/672c368079daa\/index.html","dimensions":[300,250],"removeFlex":false,"sourceUrls":[],"source_type":"script","noJuksyFrameStyle":false},"provider":"0"}]}}};
        var extend_ad_slot_status = [];
    </script>
	<style>/*!normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css*/
@charset "UTF-8";
@font-face {
    font-display: block;
    font-family: icomoon;
    font-style: normal;
    font-weight: 400;
    src: url(//static-assets.juksy.com/web/v4/fonts/icomoon.eot?4aouau=);
    src: url(//static-assets.juksy.com/web/v4/fonts/icomoon.eot?4aouau=#iefix) format("embedded-opentype"), url(//static-assets.juksy.com/web/v4/fonts/icomoon.ttf?4aouau=) format("truetype"),
        url(//static-assets.juksy.com/web/v4/fonts/icomoon.woff?4aouau=) format("woff"), url(//static-assets.juksy.com/web/v4/fonts/icomoon.svg?4aouau=#icomoon) format("svg");
}
html {
    -webkit-text-size-adjust: 100%;
    line-height: 1.15;
}
body {
    background-color: var(--secondary-6-color);
    color: var(--secondary-1-color);
    font-family: "Noto Sans TC", sans-serif, -apple-system, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, Liberation Sans, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
    font-size: 1.6rem;
    letter-spacing: 0.5px;
    --primary-1-color: #ffcf00;
    --secondary-1-color-rgb: 26, 26, 26;
    --secondary-1-color: rgb(var(--secondary-1-color-rgb));
    --secondary-2-color: #474747;
    --secondary-3-color: #757575;
    --secondary-4-color: #a3a3a3;
    --secondary-5-color: #d1d1d1;
    --secondary-6-color-rgb: 255, 255, 255;
    --secondary-6-color: rgb(var(--secondary-6-color-rgb));
    --secondary-7-color: #f4f4f4;
    --preview-url: url(//static-assets.juksy.com/web/v4/images/light-preview.png);
}
details,
main {
    display: block;
}
h1 {
    font-size: 2em;
    font-size: 2.8rem;
    line-height: 4rem;
}
hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible;
}
code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em;
}
a {
    background-color: transparent;
}
abbr[title] {
    border-bottom: none;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
}
b,
strong {
    font-weight: bolder;
}
small {
    font-size: 80%;
}
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
}
sub {
    bottom: -0.25em;
}
sup {
    top: -0.5em;
}
button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0;
}
button,
input {
    overflow: visible;
}
button,
select {
    text-transform: none;
}
[type="button"],
[type="reset"],
[type="submit"],
button {
    -webkit-appearance: button;
}
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner,
button::-moz-focus-inner {
    border-style: none;
    padding: 0;
}
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring,
button:-moz-focusring {
    outline: 1px dotted ButtonText;
}
legend {
    color: inherit;
    display: table;
    max-width: 100%;
    white-space: normal;
}
progress {
    vertical-align: baseline;
}
textarea {
    overflow: auto;
}
[type="checkbox"],
[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    height: auto;
}
[type="search"] {
    -webkit-appearance: textfield;
    outline-offset: -2px;
}
[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}
::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit;
}
summary {
    display: list-item;
}
[hidden],
template {
    display: none;
}
.ellipsisThreeLine,
.ellipsisTwoLine {
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    display: block;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
}
.mainHeaderWrap .headerNav {
    margin-left: auto;
    margin-right: auto;
    max-width: 1132px;
    padding-left: 2.4rem;
    padding-right: 2.4rem;
    width: 100%;
}
@media screen and (max-width: 575px) {
    .mainHeaderWrap .headerNav {
        padding-left: 1.6rem;
        padding-right: 1.6rem;
    }
}
@media screen and (max-width: 1023px) {
    h1 {
        font-size: 2.4rem;
        line-height: 3.4rem;
    }
}
@media screen and (max-width: 575px) {
    h1 {
        font-size: 2rem;
        line-height: 3rem;
    }
}
h2,
h3 {
    line-height: 3.6rem;
    font-size: 2.2rem;
}
h3 {
    font-size: 2.4rem;
}
@media screen and (max-width: 1023px) {
    h3 {
        font-size: 2.2rem;
        line-height: 3rem;
    }
}
@media screen and (max-width: 575px) {
    h3 {
        font-size: 1.6rem;
        line-height: 2.4rem;
    }
}
h4,
h5,
h6 {
    font-size: 1.6rem;
    line-height: 2.4rem;
}
@media screen and (max-width: 1023px) {
    h4,
    h5,
    h6 {
        font-size: 1.4rem;
        line-height: 2rem;
    }
}
.gdpr-wrapper {
    font-size: 1.2rem;
    line-height: 1.8rem;
}
@media screen and (max-width: 1023px) {
    h2 {
        font-size: 1.8rem;
        line-height: 2.4rem;
    }
}
.gdpr-wrapper,
.juksyInfoWrap .infoItem,
.mHeaderMenuWrap .juksyInfoWrap .infoItem {
    padding-right: 2rem;
}
@media screen and (max-width: 1023px) {
    .gdpr-wrapper,
    .juksyInfoWrap .infoItem,
    .mHeaderMenuWrap .juksyInfoWrap .infoItem {
        padding-right: 2rem;
    }
}
@media screen and (max-width: 575px) {
    .gdpr-wrapper,
    .juksyInfoWrap .infoItem,
    .mHeaderMenuWrap .juksyInfoWrap .infoItem {
        padding-right: 1.6rem;
    }
}
.gdpr-wrapper,
.juksyInfoWrap .infoItem,
.mHeaderMenuWrap .juksyInfoWrap .infoItem {
    padding-left: 2rem;
}
@media screen and (max-width: 1023px) {
    .gdpr-wrapper,
    .juksyInfoWrap .infoItem,
    .mHeaderMenuWrap .juksyInfoWrap .infoItem {
        padding-left: 2rem;
    }
}
@media screen and (max-width: 575px) {
    .gdpr-wrapper,
    .juksyInfoWrap .infoItem,
    .mHeaderMenuWrap .juksyInfoWrap .infoItem {
        padding-left: 1.6rem;
    }
}
.gdpr-wrapper {
    padding-top: 2rem;
}
@media screen and (max-width: 1023px) {
    .gdpr-wrapper {
        padding-top: 2rem;
    }
}
@media screen and (max-width: 575px) {
    .gdpr-wrapper {
        padding-top: 1.6rem;
    }
}
.gdpr-wrapper {
    padding-bottom: 2rem;
}
@media screen and (max-width: 1023px) {
    .gdpr-wrapper {
        padding-bottom: 2rem;
    }
}
@media screen and (max-width: 575px) {
    .gdpr-wrapper {
        padding-bottom: 1.6rem;
    }
}
footer.foot {
    padding-top: 8rem;
}
@media screen and (max-width: 1023px) {
    footer.foot {
        padding-top: 5rem;
    }
}
@media screen and (max-width: 575px) {
    footer.foot {
        padding-top: 4.8rem;
    }
}
.copyRight .line1 {
    margin-bottom: 0.8rem;
}
@media screen and (max-width: 1023px) {
    .copyRight .line1 {
        margin-bottom: 0.8rem;
    }
}
@media screen and (max-width: 575px) {
    .copyRight .line1 {
        margin-bottom: 0.4rem;
    }
}
.juksyInfoWrap .infoItem,
.mHeaderMenuWrap .juksyInfoWrap .infoItem {
    margin-bottom: 1.6rem;
}
@media screen and (max-width: 1023px) {
    .juksyInfoWrap .infoItem,
    .mHeaderMenuWrap .juksyInfoWrap .infoItem {
        margin-bottom: 1.6rem;
    }
}
@media screen and (max-width: 575px) {
    .juksyInfoWrap .infoItem,
    .mHeaderMenuWrap .juksyInfoWrap .infoItem {
        margin-bottom: 1.2rem;
    }
}
.copyRight .logo {
    margin-bottom: 2rem;
}
@media screen and (max-width: 1023px) {
    .copyRight .logo {
        margin-bottom: 2rem;
    }
}
@media screen and (max-width: 575px) {
    .copyRight .logo {
        margin-bottom: 1.6rem;
    }
}
.mainHeaderWrap .headerOperating .icon + .icon,
.mainHeaderWrap .searchClose {
    margin-left: 4rem;
}
@media screen and (max-width: 1023px) {
    .mainHeaderWrap .headerOperating .icon + .icon,
    .mainHeaderWrap .searchClose {
        margin-left: 3rem;
    }
}
@media screen and (max-width: 575px) {
    .mainHeaderWrap .headerOperating .icon + .icon,
    .mainHeaderWrap .searchClose {
        margin-left: 2rem;
    }
}
.copyRight .line2,
.juksySocialsWrap {
    margin-bottom: 4rem;
}
@media screen and (max-width: 1023px) {
    .copyRight .line2,
    .juksySocialsWrap {
        margin-bottom: 3rem;
    }
}
@media screen and (max-width: 575px) {
    .copyRight .line2,
    .juksySocialsWrap {
        margin-bottom: 2rem;
    }
}
.juksyInfoWrap {
    margin-bottom: 8rem;
}
@media screen and (max-width: 1023px) {
    .juksyInfoWrap {
        margin-bottom: 5rem;
    }
}
@media screen and (max-width: 575px) {
    .juksyInfoWrap {
        margin-bottom: 4.8rem;
    }
}
h1 {
    letter-spacing: 0.6px;
}
h1,
h2,
h3,
h4 {
    font-weight: 700;
}
h2,
h3,
h4,
h5,
h6 {
    letter-spacing: 0.5px;
}
h5,
h6 {
    font-weight: 400;
}
.copyRight a:hover,
.gdpr-wrapper a.agree:hover,
.juksyInfoWrap a:hover,
.juksySocialsWrap a:hover,
.mainHeaderWrap .headerLogin .FbBtn:hover,
.mainHeaderWrap .headerLogin .agreeLink:hover,
.mainHeaderWrap .headerLogo:hover,
.mainHeaderWrap .headerMenuItem:hover,
.mainHeaderWrap .headerOperating .icon:hover,
.mainHeaderWrap .headerSubMenuList li:hover,
.popupWrap .popupBtnClose {
    opacity: 0.6;
    transition: opacity 0.2s ease-out;
}
.popupWrap .popupBtnClose {
    opacity: 0.4;
}
.popupWrap .popupBtnClose:hover {
    opacity: 1;
}
.articleWrap .articleBody .content h2 a,
.articleWrap .articleBody .content h3 a,
.articleWrap .articleBody .content h4 a,
.articleWrap .articleBody .content p a,
.articleWrap .articleBody .content u,
.gdpr-wrapper a.privacy {
    border-bottom: 1px solid var(--primary-1-color);
    padding-bottom: 0.2rem;
    position: relative;
}
.articleWrap .articleBody .content h2 a:hover,
.articleWrap .articleBody .content h3 a:hover,
.articleWrap .articleBody .content h4 a:hover,
.articleWrap .articleBody .content p a:hover,
.articleWrap .articleBody .content u:hover,
.gdpr-wrapper a.privacy:hover {
    color: var(--primary-1-color);
    transition: color 0.2s ease-out;
}
.articleWrap .articleHeader.articlePreview {
    position: relative;
}
.articleWrap .articleHeader.articlePreview:after {
    background-image: var(--preview-url);
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    display: inline-block;
    height: 24rem;
    left: -0.5rem;
    position: absolute;
    top: 1.5rem;
    width: 100%;
    z-index: -1;
}
.articleWrap .categoryLink {
    display: inline-block;
    font-size: 1.2rem;
}
.articleWrap .articleTitle {
    font-size: 4.4rem;
    font-weight: 700;
    letter-spacing: 1.2px;
    line-height: 6.4rem;
}
@media screen and (max-width: 1023px) {
    .articleWrap .articleTitle {
        font-size: 3rem;
        line-height: 4.4rem;
    }
}
.articleWrap .articleInfo {
    font-size: 1.2rem;
}
.articleWrap .articleInfo .date {
    color: var(--secondary-3-color);
}
.articleWrap .articleCover {
    overflow: hidden;
    position: relative;
}
.articleWrap .articleCover:before,
.articleWrap .articleCoverFull:before {
    background-color: var(--secondary-5-color);
    content: "";
    display: block;
    padding-top: 66.40625%;
    width: 100%;
}
.articleWrap .articleCoverFull:before {
    padding-top: 33.3333333333%;
}
.articleWrap .articleCover > .content {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}
@media screen and (max-width: 1023px) {
    .articleWrap .articleCover {
        padding-left: 0;
        padding-right: 0;
    }
}
.articleWrap .articleCover img {
    padding-left: 2.4rem;
    padding-right: 2.4rem;
}
@media screen and (max-width: 1023px) {
    .articleWrap .articleCover img {
        padding-left: 0;
        padding-right: 0;
    }
}
.articleWrap .articleCover .coverBase {
    -webkit-filter: blur(10px);
    filter: blur(10px);
    height: 100%;
    width: 100%;
    z-index: 0;
}
.articleWrap .articleCoverFull {
    margin-left: auto;
    margin-right: auto;
    max-width: 2560px;
    overflow: hidden;
    position: relative;
    width: 100%;
}
.articleWrap .articleCover .coverBase,
.articleWrap .articleCoverFull > .content {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}
@media screen and (max-width: 1023px) {
    .articleWrap .articleCoverFull {
        position: relative;
    }
    .articleWrap .articleCoverFull:before {
        background-color: var(--secondary-5-color);
        content: "";
        display: block;
        padding-top: 62.5%;
        width: 100%;
    }
    .articleWrap .articleCoverFull > .content {
        bottom: 0;
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
    }
}
@media screen and (max-width: 575px) {
    .articleWrap .articleCoverFull {
        position: relative;
    }
    .articleWrap .articleCoverFull:before {
        background-color: var(--secondary-5-color);
        content: "";
        display: block;
        padding-top: 139.0625%;
        width: 100%;
    }
    .articleWrap .articleCoverFull > .content {
        bottom: 0;
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
    }
}
.articleBlock .imgWrap img,
.articleWrap .articleCover img,
.articleWrap .articleCoverFull img,
.mainHeaderWrap .headerOperating .icon.avatarIcon img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
}
.articleWrap .articleCoverFull .coverBase {
    bottom: 0;
    -webkit-filter: blur(10px);
    filter: blur(10px);
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 0;
}
.articleWrap .articleBody {
    align-items: stretch;
    display: flex;
}
.articleWrap .articleBody .main {
    width: calc(100% - 340px);
}
@media screen and (max-width: 1023px) {
    .articleWrap .articleBody .main {
        width: 100%;
    }
}
.articleWrap .articleBody .content .article__content--image,
.articleWrap .articleBody .content .mediaBlock .embed-media-wrapper > .instagram-media,
.articleWrap .articleBody .content .mediaBlock .img,
.articleWrap .articleBody .main.full {
    width: 100%;
}
.articleWrap .articleBody aside {
    padding-left: 2.4rem;
    width: 340px;
}
.articleWrap .articleBody aside .js-rightAdSticky {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    transition: top 0.5s;
}
@media screen and (max-width: 1023px) {
    .articleWrap .articleBody aside {
        display: none;
    }
}
.articleWrap .articleBody .content {
    font-size: 1.8rem;
    line-height: 3.2rem;
}
.articleWrap .articleBody .content p {
    letter-spacing: 0.7px;
}
.articleWrap .articleBody .content h2 {
    font-size: 2.2rem;
    font-weight: 700;
    letter-spacing: 0.9px;
    line-height: 3.6rem;
}
.articleWrap .articleBody .content h3 {
    font-size: 1.8rem;
    font-weight: 700;
    letter-spacing: 0.7px;
    line-height: 3.4rem;
}
.articleWrap .articleBody .content .mediaBlock,
.r18UpWrap .popupTitle {
    text-align: center;
}
@media screen and (max-width: 1023px) {
    .articleWrap .articleBody .content .mediaBlock {
        margin-left: -2.4rem;
        margin-right: -2.4rem;
    }
}
@media screen and (max-width: 575px) {
    .articleWrap .articleBody .content .mediaBlock {
        margin-left: -1.6rem;
        margin-right: -1.6rem;
        word-break: break-word;
    }
}
.articleWrap .articleBody .content .mediaBlock .embed-media-wrapper,
.articleWrap .articleBody .content .mediaBlock .social {
    height: auto;
    margin: auto;
    max-width: 550px;
    width: 100%;
}
.articleWrap .articleBody .content .mediaBlock .embed-media-wrapper > span,
.articleWrap .articleBody .content .mediaBlock .embed-media-wrapper > span > iframe {
    width: 100% !important;
}
.articleWrap .articleBody .content .mediaBlock .embed-media-wrapper > .tiktok-embed {
    width: 300px;
}
.articleWrap .articleBody .content .mediaBlock .embed-video-wrapper {
    overflow: hidden;
    padding-bottom: 56.25%;
    position: relative;
}
.articleWrap .articleBody .content .mediaBlock .embed-video-wrapper iframe {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.articleWrap .articleBody .content .mediaBlock .infoWrap .infoDesc,
.galleryWrap .slick-info .infoDesc {
    color: var(--secondary-3-color);
    font-size: 1.6rem;
}
.articleWrap .articleBody .content .mediaBlock .mediaSourceWrap {
    line-height: 1.8rem;
}
.articleWrap .articleBody .content .mediaBlock .mediaSourceWrap .infoCite:not(:empty):before {
    content: "Source：";
    display: inline;
}
@media screen and (max-width: 1023px) {
    .articleWrap .articleBody .content .mediaBlock .mediaSourceWrap {
        padding-left: 1.6rem;
    }
}
.articleWrap .articleBody .content .mediaBlock .infoWrap .infoDesc {
    display: inline-block;
}
@media screen and (max-width: 1023px) {
    .articleWrap .articleBody .content .mediaBlock .infoWrap {
        padding-right: 1.6rem;
    }
    .articleWrap .articleBody .content .galleryWrap {
        margin-left: -2.4rem;
        margin-right: -2.4rem;
    }
}
@media screen and (max-width: 575px) {
    .articleWrap .articleBody .content .galleryWrap {
        margin-left: -1.6rem;
        margin-right: -1.6rem;
    }
}
.articleWrap .articleBody .content .galleryWrap .arrowWrap {
    top: calc(50% - 5.2rem);
}
.articleWrap .articleBody .content u {
    text-decoration: none;
}
.articleWrap .articleBody .more {
    text-align: right;
}
.articleWrap .articleBody,
.articleWrap .articleCover,
.articleWrap .articleHeader,
.breadcrumbWrap,
.relatedWrap {
    margin-left: auto;
    margin-right: auto;
    max-width: 1132px;
    padding-left: 2.4rem;
    padding-right: 2.4rem;
    width: 100%;
}
@media screen and (max-width: 575px) {
    .articleWrap .articleBody,
    .articleWrap .articleCover,
    .articleWrap .articleHeader,
    .breadcrumbWrap,
    .relatedWrap {
        padding-left: 1.6rem;
        padding-right: 1.6rem;
    }
}
.articleWrap .articleInfo .date {
    margin-left: 0.8rem;
}
@media screen and (max-width: 1023px) {
    .articleWrap .articleInfo .date {
        margin-left: 0.8rem;
    }
}
@media screen and (max-width: 575px) {
    .articleWrap .articleInfo .date {
        margin-left: 0.4rem;
    }
}
.articleWrap .articleBody .content .mediaBlock .infoWrap .infoDesc:not(:empty) + *,
.articleWrap .articleBody .content .mediaBlock .infoWrap .infoTitle:not(:empty) + *,
.galleryWrap .slick-info .infoDesc:not(:empty) + *,
.galleryWrap .slick-info .infoTitle:not(:empty) + * {
    margin-top: 0.8rem;
}
@media screen and (max-width: 1023px) {
    .articleWrap .articleBody .content .mediaBlock .infoWrap .infoDesc:not(:empty) + *,
    .articleWrap .articleBody .content .mediaBlock .infoWrap .infoTitle:not(:empty) + *,
    .galleryWrap .slick-info .infoDesc:not(:empty) + *,
    .galleryWrap .slick-info .infoTitle:not(:empty) + * {
        margin-top: 0.8rem;
    }
}
@media screen and (max-width: 575px) {
    .articleWrap .articleBody .content .mediaBlock .infoWrap .infoDesc:not(:empty) + *,
    .articleWrap .articleBody .content .mediaBlock .infoWrap .infoTitle:not(:empty) + *,
    .galleryWrap .slick-info .infoDesc:not(:empty) + *,
    .galleryWrap .slick-info .infoTitle:not(:empty) + * {
        margin-top: 0.4rem;
    }
}
.articleWrap .articleBody .content .mediaBlock .mediaSourceWrap {
    margin-top: 1.2rem;
}
@media screen and (max-width: 1023px) {
    .articleWrap .articleBody .content .mediaBlock .mediaSourceWrap {
        margin-top: 1.2rem;
    }
}
@media screen and (max-width: 575px) {
    .articleWrap .articleBody .content .mediaBlock .mediaSourceWrap {
        margin-top: 0.8rem;
    }
}
.articleWrap .articleBody .content h2,
.articleWrap .articleBody .content h3,
.articleWrap .categoryLink,
.articleWrap .sourceWrap {
    margin-bottom: 1.6rem;
}
@media screen and (max-width: 1023px) {
    .articleWrap .articleBody .content h2,
    .articleWrap .articleBody .content h3,
    .articleWrap .categoryLink,
    .articleWrap .sourceWrap {
        margin-bottom: 1.6rem;
    }
}
@media screen and (max-width: 575px) {
    .articleWrap .articleBody .content h2,
    .articleWrap .articleBody .content h3,
    .articleWrap .categoryLink,
    .articleWrap .sourceWrap {
        margin-bottom: 1.2rem;
    }
}
.articleBlock .title,
.articleWrap .articleTitle {
    margin-bottom: 2rem;
}
@media screen and (max-width: 1023px) {
    .articleBlock .title,
    .articleWrap .articleTitle {
        margin-bottom: 2rem;
    }
}
@media screen and (max-width: 575px) {
    .articleBlock .title,
    .articleWrap .articleTitle {
        margin-bottom: 1.6rem;
    }
}
.adBlockPreview,
.adContent:not(:empty),
.adTop2,
.articleWrap .articleBody,
.articleWrap .articleBody .content .mediaBlock,
.articleWrap .articleBody .content p,
.articleWrap .articleCover,
.articleWrap .articleCoverFull,
.articleWrap .articleHeader,
.articleWrap .tagsWrap,
.galleryWrap,
.popupWrap.idlePopup .popupSubtitle,
.r18UpWrap .r18IconWrap,
.relatedWrap {
    margin-bottom: 4rem;
}
@media screen and (max-width: 1023px) {
    .adBlockPreview,
    .adContent:not(:empty),
    .adTop2,
    .articleWrap .articleBody,
    .articleWrap .articleBody .content .mediaBlock,
    .articleWrap .articleBody .content p,
    .articleWrap .articleCover,
    .articleWrap .articleCoverFull,
    .articleWrap .articleHeader,
    .articleWrap .tagsWrap,
    .galleryWrap,
    .popupWrap.idlePopup .popupSubtitle,
    .r18UpWrap .r18IconWrap,
    .relatedWrap {
        margin-bottom: 3rem;
    }
}
@media screen and (max-width: 575px) {
    .adBlockPreview,
    .adContent:not(:empty),
    .adTop2,
    .articleWrap .articleBody,
    .articleWrap .articleBody .content .mediaBlock,
    .articleWrap .articleBody .content p,
    .articleWrap .articleCover,
    .articleWrap .articleCoverFull,
    .articleWrap .articleHeader,
    .articleWrap .tagsWrap,
    .galleryWrap,
    .popupWrap.idlePopup .popupSubtitle,
    .r18UpWrap .r18IconWrap,
    .relatedWrap {
        margin-bottom: 2rem;
    }
}
.articleBlock .title:hover,
.articleWrap .articleInfo a:hover,
.articleWrap .categoryLink:hover,
.breadcrumbWrap a:hover,
.r18UpWrap .r18UpBtnWrap .cancelBtn:hover,
.r18UpWrap .r18UpBtnWrap .confirmBtn:hover,
.shareWrap .btnShare:hover,
.tagsWrap a:hover {
    opacity: 0.6;
    transition: opacity 0.2s ease-out;
}
.articleBlock .tagsWrap a,
.articleWrap .categoryLink,
.tagsWrap a {
    position: relative;
}
.articleBlock .tagsWrap a:before,
.articleWrap .categoryLink:before,
.tagsWrap a:before {
    border-bottom: 3px solid var(--primary-1-color);
    bottom: 1px;
    content: "";
    display: block;
    left: 50%;
    position: absolute;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 100%;
    z-index: -1;
}
.articleWrap .articleBody .content .mediaBlock .infoWrap,
.galleryWrap .slick-info {
    line-height: 1.8rem;
    padding-left: 6rem;
    position: relative;
    text-align: left;
}
@media screen and (max-width: 1023px) {
    .articleWrap .articleBody .content .mediaBlock .infoWrap,
    .galleryWrap .slick-info {
        padding-right: 1.6rem;
    }
}
.articleWrap .articleBody .content .mediaBlock .infoWrap:before,
.galleryWrap .slick-info:before {
    border-bottom: 3px solid var(--primary-1-color);
    content: "";
    display: inline-block;
    left: 0;
    position: absolute;
    top: 0.7rem;
    width: 4.5rem;
}
.articleWrap .articleBody .content .mediaBlock .infoWrap .infoTitle,
.galleryWrap .slick-info .infoTitle {
    font-size: 1.6rem;
    font-weight: 700;
}
.articleWrap .articleBody .content .mediaBlock .infoWrap .infoCite,
.articleWrap .articleBody .content .mediaBlock .mediaSourceWrap .infoCite,
.galleryWrap .slick-info .infoCite {
    color: var(--secondary-4-color);
    font-size: 1.2rem;
    letter-spacing: 0.3px;
}
.articleWrap .articleBody .content .mediaBlock .infoWrap a,
.articleWrap .articleBody .content .mediaBlock .mediaSourceWrap a,
.articleWrap .articleBody .content u:hover,
.galleryWrap .slick-info a,
.sourceWrap a {
    color: inherit;
}
.articleBlock,
.articleBlock .imgBtn {
    width: 100%;
}
.articleBlock .imgBtn:hover + .info .title {
    opacity: 0.6;
}
.articleBlock .imgWrap {
    border-radius: 0.8rem;
    display: block;
    overflow: hidden;
    padding-top: 75%;
    position: relative;
    width: 100%;
    z-index: 2;
}
.articleBlock .imgWrap img {
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 1;
}
.articleBlock .imgWrap img.imgBase {
    -webkit-filter: blur(10px);
    filter: blur(10px);
    z-index: 0;
}
.articleBlock .imgWrap .imgBg {
    -webkit-animation: gradient 3s ease infinite;
    animation: gradient 3s ease infinite;
    background: linear-gradient(-45deg, var(--secondary-5-color), var(--secondary-3-color));
    height: 200%;
    left: 0;
    position: absolute;
    top: 0;
    width: 200%;
    will-change: transform;
    z-index: 0;
}
.articleBlock .imgWrap.js-lazyloaded .imgBg {
    -webkit-animation-play-state: paused;
    animation-play-state: paused;
    display: none;
}
.articleBlock .imgWrap.js-lazyloaded.imgBase {
    display: none;
}
.articleBlock .title {
    font-weight: 500;
    width: 100%;
}
.articleBlock .title.line2 a {
    -webkit-line-clamp: 2;
}
.articleBlock .title.line3 a {
    -webkit-line-clamp: 3;
}
.articleBlock .bottomInfo {
    display: flex;
    justify-content: space-between;
    letter-spacing: 0.3px;
}
.articleBlock .tagsWrap {
    color: var(--secondary-2-color);
    list-style-type: none;
    margin-bottom: 0;
    margin-top: 0;
}
.articleBlock .date {
    color: var(--secondary-4-color);
    margin-left: auto;
    white-space: nowrap;
}
@media screen and (max-width: 1023px) {
    .articleBlock {
        margin-left: auto;
        margin-right: auto;
    }
}
.relatedWrap {
    margin-top: 4rem;
}
@media screen and (max-width: 1023px) {
    .relatedWrap {
        margin-top: 2.8rem;
    }
}
.gdpr-wrapper a.agree,
.mainHeaderWrap .headerLogin .FbBtn {
    background-color: var(--secondary-1-color);
    border: 0;
    border-radius: 0.8rem;
    color: var(--secondary-6-color);
    cursor: pointer;
    display: inline-block;
    font-size: 1.2rem;
    font-weight: 500;
    outline: 0;
    text-align: center;
}
.mainHeaderWrap .headerLogin .FbBtn {
    padding: 1.2rem;
    width: 100%;
}
:root {
    font-size: 62.5%;
}
a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
    border: 0;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
}
html {
    scroll-behavior: smooth;
}
img {
    height: auto;
    max-width: 100%;
    width: auto;
}
img[src=""] {
    visibility: hidden;
}
p {
    margin-bottom: 0.8rem;
}
a {
    color: var(--secondary-1-color);
    text-decoration: none;
}
ol,
ul {
    list-style: none;
    padding-left: 0;
}
body.dark-theme {
    --primary-1-color: #ffcf00;
    --secondary-1-color-rgb: 221, 221, 221;
    --secondary-1-color: rgb(var(--secondary-1-color-rgb));
    --secondary-2-color: #e7e7e7;
    --secondary-3-color: #969696;
    --secondary-4-color: #6c6c6c;
    --secondary-5-color: #4b4b4b;
    --secondary-6-color-rgb: 10, 10, 10;
    --secondary-6-color: rgb(var(--secondary-6-color-rgb));
    --secondary-7-color: #222;
    --preview-url: url(//static-assets.juksy.com/web/v4/images/dark-preview.png);
}
@media (prefers-color-scheme: dark) {
    body,
    body.light-theme {
        --primary-1-color: #ffcf00;
        --secondary-1-color: rgb(var(--secondary-1-color-rgb));
        --secondary-6-color: rgb(var(--secondary-6-color-rgb));
    }
    body {
        --secondary-1-color-rgb: 221, 221, 221;
        --secondary-2-color: #e7e7e7;
        --secondary-3-color: #969696;
        --secondary-4-color: #6c6c6c;
        --secondary-5-color: #4b4b4b;
        --secondary-6-color-rgb: 10, 10, 10;
        --secondary-7-color: #222;
        --preview-url: url(//static-assets.juksy.com/web/v4/images/dark-preview.png);
    }
    body.light-theme {
        --secondary-1-color-rgb: 26, 26, 26;
        --secondary-2-color: #474747;
        --secondary-3-color: #757575;
        --secondary-4-color: #a3a3a3;
        --secondary-5-color: #d1d1d1;
        --secondary-6-color-rgb: 255, 255, 255;
        --secondary-7-color: #f4f4f4;
        --preview-url: url(//static-assets.juksy.com/web/v4/images/light-preview.png);
    }
}
.mainHeaderWrap {
    background-color: rgba(var(--secondary-6-color-rgb), 0.85);
    left: 0;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
    width: 100%;
    z-index: 2000;
}
.mainHeaderWrap.showSearch {
    background-color: var(--secondary-6-color);
}
.mainHeaderWrap.showSearch .OperatingItems {
    display: none;
}
@media screen and (max-width: 1023px) {
    .mainHeaderWrap.showSearch .headerLogo {
        display: none;
    }
}
.mainHeaderWrap .headerNav {
    align-items: center;
    display: flex;
    height: 6.4rem;
    justify-content: space-around;
}
.mainHeaderWrap .headerNavCollapse {
    align-items: center;
    display: inline-flex;
    justify-content: space-between;
    position: relative;
    width: 100%;
}
.mainHeaderWrap .headerLogo {
    display: inline-block;
    font-size: 2.4rem;
    height: 2.4rem;
    width: 9.5rem;
}
.mainHeaderWrap .headerMenuList {
    display: flex;
}
@media screen and (max-width: 1023px) {
    .mainHeaderWrap .headerMenuList {
        display: none;
    }
}
.mainHeaderWrap .headerMenuItem {
    display: inline-block;
    font-weight: 700;
    height: 6.4rem;
    line-height: 6.4rem;
    padding-left: 1.2rem;
    padding-right: 1.2rem;
    text-align: center;
}
.mainHeaderWrap .headerMenu {
    position: relative;
}
.mainHeaderWrap .headerMenu:hover .headerSubMenuList {
    display: block;
}
.mainHeaderWrap .headerSubMenuList {
    background-color: var(--secondary-6-color);
    border-radius: 0.8rem;
    box-shadow: 0 3px 6px var(--secondary-5-color);
    display: none;
    left: 50%;
    padding-bottom: 0.8rem;
    padding-top: 0.8rem;
    position: absolute;
    text-align: center;
    top: 6.4rem;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 1;
}
.mainHeaderWrap .headerSubMenuList li .headerSubMenuItem {
    display: inline-block;
    font-weight: 400;
    padding: 0.8rem 2.4rem;
    white-space: nowrap;
}
.mainHeaderWrap .headerOperating {
    min-width: 22rem;
    text-align: right;
}
@media screen and (max-width: 1023px) {
    .mainHeaderWrap .headerOperating {
        min-width: auto;
        width: 100%;
    }
}
.mainHeaderWrap .headerOperating .icon {
    border-radius: 50%;
    cursor: pointer;
    display: inline-block;
    font-size: 2rem;
    height: 2rem;
    text-align: center;
    width: 2rem;
}
.mainHeaderWrap .headerOperating .icon.avatarIcon {
    align-items: center;
    display: inline-flex;
    justify-content: center;
    overflow: hidden;
}
.mainHeaderWrap .headerOperating .icon.headerHamburgerMenuIcon {
    display: none;
}
@media screen and (max-width: 1023px) {
    .mainHeaderWrap .headerOperating .icon.headerHamburgerMenuIcon {
        display: initial;
    }
}
.mainHeaderWrap .searchMenu {
    display: none;
    width: 100%;
}
.mainHeaderWrap .searchMenu.show {
    align-items: center;
    display: inline-flex;
    justify-content: space-between;
}
.mainHeaderWrap .searchInput {
    display: inline-block;
    position: relative;
    width: 15rem;
}
@media screen and (max-width: 1023px) {
    .mainHeaderWrap .searchInput {
        background-color: inherit;
        left: 0;
        top: 4px;
        width: calc(100% - 4rem);
        z-index: 1;
    }
}
.mainHeaderWrap .searchInput input {
    background-color: inherit;
    border: 0;
    border-bottom: 1px solid var(--secondary-4-color);
    border-radius: 0;
    box-sizing: border-box;
    color: inherit;
    padding-bottom: 0.8rem;
    padding-right: 2.4rem;
    width: 100%;
}
.mainHeaderWrap .headerLogin [type="checkbox"]:focus,
.mainHeaderWrap .searchInput input:focus {
    outline: 0;
}
.mainHeaderWrap .searchInput i {
    position: absolute;
    right: 0;
    top: 0;
}
.mainHeaderWrap .searchClose {
    height: 2rem;
    width: 2rem;
}
.mainHeaderWrap .headerLogin {
    background-color: var(--secondary-6-color);
    border-radius: 0.8rem;
    box-shadow: 0 3px 6px var(--secondary-5-color);
    padding: 1.6rem 2rem;
    position: absolute;
    right: 0;
    top: 6.4rem;
}
.mainHeaderWrap .headerLogin .FbBtn {
    background-color: #4267b2;
    color: #fff;
    margin-top: 2rem;
}
.mainHeaderWrap .headerLogin .agreeLink {
    text-decoration: underline;
}
.mainHeaderWrap .headerLogin [type="checkbox"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    display: inline-block;
    height: 1.6rem;
    margin-right: 0.8rem;
    position: relative;
    width: 1.6rem;
}
.mainHeaderWrap .headerLogin [type="checkbox"]:after {
    background-color: var(--secondary-6-color);
    border: 1px solid var(--secondary-1-color);
    border-radius: 2px;
    color: var(--secondary-1-color);
    content: " ";
    display: inline-block;
    font-weight: 700;
    height: 1.6rem;
    position: absolute;
    text-align: center;
    top: 0;
    visibility: visible;
    width: 1.6rem;
}
.mainHeaderWrap .headerLogin [type="checkbox"]:checked:after {
    content: "���";
}
.mHeaderMenuWrap,
.mHeaderOverlay {
    background-color: var(--secondary-1-color);
    height: 100%;
    position: fixed;
    top: 0;
    z-index: 2000;
}
.mHeaderOverlay {
    display: none;
    left: 0;
    opacity: 0.7;
    width: 100%;
}
.mHeaderOverlay.show,
.slick-slide img {
    display: block;
}
.mHeaderMenuWrap {
    color: var(--secondary-6-color);
    display: inline-block;
    right: 0;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    width: 66.66667%;
}
.mHeaderMenuWrap.toHidden {
    -webkit-animation: fadeOutRight 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
    animation: fadeOutRight 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.mHeaderMenuWrap.show {
    -webkit-animation: fadeInRight 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
    animation: fadeInRight 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
.mHeaderMenuWrap .mHeaderClose {
    align-items: center;
    display: flex;
    justify-content: flex-end;
    padding: 1.6rem 1.6rem 2.4rem;
}
.mHeaderMenuWrap .mHeaderMenu {
    align-items: center;
    display: flex;
    font-weight: 700;
    justify-content: space-between;
    padding-right: 1.6rem;
}
.mHeaderMenuWrap .mHeaderMenu.mHeaderSubMenu {
    font-weight: 400;
}
.mHeaderMenuWrap .mHeaderMenu .mHeaderMenuInner {
    color: inherit;
    padding-bottom: 1rem;
    padding-left: 1.6rem;
    padding-top: 1rem;
    width: calc(100% - 1.6rem);
}
.mHeaderMenuWrap .mHeaderMenu .icon-arrowRight {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    transition: transform 0.5s;
    transition: transform 0.5s, -webkit-transform 0.5s;
}
.mHeaderMenuWrap .mHeaderMenu .icon-arrowRight.open {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
}
.mHeaderMenuWrap .mHeaderSubMenuList {
    background-color: var(--secondary-6-color);
    color: var(--secondary-1-color);
    display: none;
    margin-bottom: 1rem;
    margin-top: 1rem;
    padding-bottom: 1rem;
    padding-top: 1rem;
}
.mHeaderMenuWrap .mHeaderSubMenuList.show {
    -webkit-animation: fadeInDown 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
    animation: fadeInDown 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
    display: block;
}
.mHeaderMenuWrap .mHeaderSocialsWrap {
    border-bottom: 1px solid var(--secondary-4-color);
    border-top: 1px solid var(--secondary-4-color);
    margin-bottom: 4.8rem;
    margin-top: 2.4rem;
    width: 100%;
}
.mHeaderMenuWrap .mHeaderSocialsWrap .juksySocialsWrap {
    margin-top: 2rem;
    padding: 0;
}
.mHeaderMenuWrap .juksyInfoWrap {
    display: flex;
    font-size: 1.4rem;
    justify-content: space-between;
    letter-spacing: 0.4px;
    margin-left: auto;
    margin-right: auto;
    max-width: 30rem;
    width: auto;
}
.mHeaderMenuWrap .juksyInfoWrap .infoItem {
    max-width: 15rem;
    text-align: left;
    width: 50%;
}
main {
    padding-bottom: 12rem;
}
@media screen and (max-width: 1023px) {
    main {
        padding-bottom: 6rem;
    }
}
.juksyInfoWrap .infoItem:nth-of-type(odd),
.mHeaderMenuWrap .juksyInfoWrap .infoItem:nth-of-type(odd) {
    text-align: right;
}
.copyRight a,
.juksyInfoWrap a,
.juksySocialsWrap a,
.mHeaderMenuWrap .juksyInfoWrap a,
footer.foot {
    color: var(--secondary-5-color);
}
footer.foot {
    background-color: var(--secondary-1-color);
}
.juksySocialsWrap {
    display: flex;
    justify-content: space-between;
    margin-left: auto;
    margin-right: auto;
    width: 20rem;
}
@media screen and (max-width: 1023px) {
    .juksySocialsWrap {
        width: 16rem;
    }
}
.juksySocialsWrap i.icon {
    font-size: 2rem;
}
.juksyInfoWrap {
    display: flex;
    flex-wrap: wrap;
    font-size: 1.4rem;
    letter-spacing: 0.4px;
    margin-left: auto;
    margin-right: auto;
    width: 30rem;
}
.juksyInfoWrap .infoItem {
    text-align: left;
    width: 15rem;
}
.copyRight {
    display: flex;
    flex-direction: column;
    font-size: 1.2rem;
    letter-spacing: 0.3px;
    line-height: 1.8rem;
    text-align: center;
}
.copyRight .logo {
    color: var(--secondary-5-color);
    font-size: 2.4rem;
    margin-left: auto;
    margin-right: auto;
    width: 13.3rem;
}
.popupWrap,
.popupWrap .popupBg {
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
}
.popupWrap {
    align-items: center;
    display: flex;
    justify-content: center;
    position: fixed;
    z-index: 4000;
}
.popupWrap .popupBg {
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px);
    background-color: var(--secondary-1-color);
    opacity: 0.7;
    position: absolute;
}
.popupWrap .popupContentWrap {
    display: inline-block;
    position: relative;
}
.popupWrap .popupContentWrap,
.popupWrap .popupContentWrap iframe {
    /* width: 100%; */
    max-height: 100vh;
    max-width: 100vw;
}
.popupWrap .popupBtnClose {
    align-items: center;
    display: flex;
    font-size: 1.2rem;
    height: 4rem;
    justify-content: center;
    position: absolute;
    right: 0;
    top: 0;
    width: 4rem;
    z-index: 2;
}
.popupWrap .popupBtnClose * {
    pointer-events: none;
}
.popupWrap .popupBtnClose span {
    align-items: center;
    background-color: rgba(var(--secondary-6-color-rgb), 0.5);
    background-color: #757575;
    border-radius: 0.8rem;
    color: #fff;
    display: inline-flex;
    height: 3rem;
    justify-content: center;
    line-height: 1;
    width: 3rem;
}
.popupWrap .popupTitle {
    margin-bottom: 2rem;
}
.popupWrap .popupSubtitle:empty,
.popupWrap .popupTitle:empty {
    margin-bottom: 0;
    margin-top: 0;
}
.popupWrap .popupSubtitle {
    font-size: 1.8rem;
    margin-bottom: 1.2rem;
}
.popupWrap.generalPopup .popupContentWrap {
    background-color: var(--secondary-6-color);
    border-radius: 0.8rem;
    color: var(--secondary-1-color);
    padding: 2rem;
}
.gdpr-wrapper {
    background-color: var(--secondary-6-color);
    border-radius: 8px;
    bottom: 0.8rem;
    box-shadow: 0 3px 6px var(--secondary-5-color);
    left: 50%;
    max-width: 100vw;
    position: fixed;
    text-align: center;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 53rem;
    z-index: 4000;
}
@media screen and (max-width: 1023px) {
    .gdpr-wrapper {
        width: 34rem;
    }
}
.gdpr-wrapper a.agree {
    padding: 0.8rem 2rem;
}
.hide {
    display: none !important;
}
.ellipsisThreeLine {
    -webkit-line-clamp: 3;
}
.ellipsisTwoLine {
    -webkit-line-clamp: 2;
}
[id^="craftContent_placement"] {
    display: none !important;
}
.icon {
    speak: never;
    -webkit-font-feature-settings: normal;
    font-feature-settings: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: icomoon !important;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    text-transform: none;
}
.icon-share:before {
    content: "";
}
.icon-globe:before {
    content: "";
}
.icon-moon:before {
    content: "";
}
.icon-sun:before {
    content: "";
}
.icon-photoHollow2:before {
    content: "";
}
.icon-error:before {
    content: "";
}
.icon-embarrassed:before {
    content: "";
}
.icon-pages:before {
    content: "";
}
.icon-good:before {
    content: "";
}
.icon-distributed:before {
    content: "";
}
.icon-peopleLink:before {
    content: "";
}
.icon-fbHollow:before {
    content: "";
}
.icon-fbSolid:before {
    content: "";
}
.icon-phoneStarHollow:before {
    content: "";
}
.icon-phoneStarSolid:before {
    content: "";
}
.icon-trendHollow:before {
    content: "";
}
.icon-trendSolid:before {
    content: "";
}
.icon-pageviewsHollow:before {
    content: "";
}
.icon-pageviewsSolid:before {
    content: "";
}
.icon-screenTrend:before {
    content: "";
}
.icon-screenClock:before {
    content: "";
}
.icon-phoneArrowHollow:before {
    content: "";
}
.icon-phoneArrowSolid:before {
    content: "";
}
.icon-shakeHand:before {
    content: "";
}
.icon-multiPeople:before {
    content: "";
}
.icon-write:before {
    content: "";
}
.icon-playHollow:before {
    content: "";
}
.icon-playSolid:before {
    content: "";
}
.icon-screenCircle:before {
    content: "";
}
.icon-allinOne:before {
    content: "";
}
.icon-fb:before {
    content: "";
}
.icon-instagram:before {
    content: "";
}
.icon-youtube:before {
    content: "";
}
.icon-hamburg:before {
    content: "";
}
.icon-adult:before {
    content: "";
}
.icon-link:before {
    content: "";
}
.icon-arrowRight:before {
    content: "";
}
.icon-arrowLeft:before {
    content: "";
}
.icon-line:before {
    content: "";
}
.icon-theme:before {
    content: "";
}
.icon-photoHollow:before {
    content: "";
}
.icon-shareHollow:before {
    content: "";
}
.icon-doubleArrowRight:before {
    content: "";
}
.icon-search:before {
    content: "";
}
.icon-shareSolid:before {
    content: "";
}
.icon-logoWord5:before {
    content: "";
}
.icon-logoWord4:before {
    content: "";
}
.icon-logoWord3:before {
    content: "";
}
.icon-logoWord2:before {
    content: "";
}
.icon-logoWord1:before {
    content: "";
}
.icon-logo:before {
    content: "";
}
.icon-close:before {
    content: "";
}
.articleBlock .title a {
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    display: block;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
}
.adBlockPreview:before,
.adBottom:not(:empty):before,
.adBottomVideo:not(:empty):before,
.adContent:not(:empty):before,
.adPreview:before,
.adRight:not(:empty):before,
.adRightVideo:not(:empty):before,
.adSky1:not(:empty):before,
.adTop2:not(:empty):before,
.articleBlock .title,
.breadcrumbWrap li,
.breadcrumbWrap li + li:before {
    font-size: 1.6rem;
    line-height: 2.4rem;
}
@media screen and (max-width: 1023px) {
    .adBlockPreview:before,
    .adBottom:not(:empty):before,
    .adBottomVideo:not(:empty):before,
    .adContent:not(:empty):before,
    .adPreview:before,
    .adRight:not(:empty):before,
    .adRightVideo:not(:empty):before,
    .adSky1:not(:empty):before,
    .adTop2:not(:empty):before,
    .articleBlock .title,
    .breadcrumbWrap li,
    .breadcrumbWrap li + li:before {
        font-size: 1.4rem;
        line-height: 2rem;
    }
}
.articleBlock .bottomInfo,
.articleBlock .tagsWrap a {
    font-size: 1.2rem;
    line-height: 1.8rem;
}
.breadcrumbWrap li + li:before {
    padding-right: 1.6rem;
}
@media screen and (max-width: 1023px) {
    .breadcrumbWrap li + li:before {
        padding-right: 1.6rem;
    }
}
@media screen and (max-width: 575px) {
    .breadcrumbWrap li + li:before {
        padding-right: 1.2rem;
    }
}
.breadcrumbWrap li + li:before {
    padding-left: 1.6rem;
}
@media screen and (max-width: 1023px) {
    .breadcrumbWrap li + li:before {
        padding-left: 1.6rem;
    }
}
@media screen and (max-width: 575px) {
    .breadcrumbWrap li + li:before {
        padding-left: 1.2rem;
    }
}
.articleBlock .imgBtn {
    padding-bottom: 1.6rem;
}
@media screen and (max-width: 1023px) {
    .articleBlock .imgBtn {
        padding-bottom: 1.6rem;
    }
}
@media screen and (max-width: 575px) {
    .articleBlock .imgBtn {
        padding-bottom: 1.2rem;
    }
}
.breadcrumbWrap {
    padding-top: 4rem;
}
@media screen and (max-width: 1023px) {
    .breadcrumbWrap {
        padding-top: 3rem;
    }
}
@media screen and (max-width: 575px) {
    .breadcrumbWrap {
        padding-top: 2rem;
    }
}
.breadcrumbWrap {
    padding-bottom: 4.8rem;
}
@media screen and (max-width: 1023px) {
    .breadcrumbWrap {
        padding-bottom: 3.6rem;
    }
}
@media screen and (max-width: 575px) {
    .breadcrumbWrap {
        padding-bottom: 2.4rem;
    }
}
.tagsWrap li + li {
    margin-left: 1.6rem;
}
@media screen and (max-width: 1023px) {
    .tagsWrap li + li {
        margin-left: 1.6rem;
    }
}
@media screen and (max-width: 575px) {
    .tagsWrap li + li {
        margin-left: 1.2rem;
    }
}
.shareWrap .btnShare + .btnShare {
    margin-left: 2rem;
}
@media screen and (max-width: 1023px) {
    .shareWrap .btnShare + .btnShare {
        margin-left: 2rem;
    }
}
@media screen and (max-width: 575px) {
    .shareWrap .btnShare + .btnShare {
        margin-left: 1.6rem;
    }
}
.adBottom:not(:empty),
.r18UpWrap .r18IconWrap {
    margin-top: 4rem;
}
@media screen and (max-width: 1023px) {
    .adBottom:not(:empty),
    .r18UpWrap .r18IconWrap {
        margin-top: 3rem;
    }
}
@media screen and (max-width: 575px) {
    .adBottom:not(:empty),
    .r18UpWrap .r18IconWrap {
        margin-top: 2rem;
    }
}
.breadcrumbWrap li {
    font-weight: 400;
    letter-spacing: 0.5px;
}
.galleryWrap .arrowWrap {
    transition: opacity 0.2s ease-out;
}
.galleryWrap .arrowWrap:hover {
    opacity: 1;
}
.r18UpWrap .r18UpBtnWrap .cancelBtn {
    border: 0;
    border-radius: 0.8rem;
    cursor: pointer;
    display: inline-block;
    font-size: 1.2rem;
    font-weight: 500;
    outline: 0;
    text-align: center;
}
.r18UpWrap .r18UpBtnWrap .confirmBtn,
.shareWrap .btnShare {
    color: var(--secondary-6-color);
    cursor: pointer;
    display: inline-block;
    text-align: center;
}
.r18UpWrap .r18UpBtnWrap .confirmBtn {
    background-color: var(--secondary-1-color);
    border: 0;
    border-radius: 0.8rem;
    font-size: 1.2rem;
    font-weight: 500;
    outline: 0;
}
.r18UpWrap .r18UpBtnWrap .cancelBtn {
    background-color: var(--secondary-6-color);
    border: 1px solid var(--secondary-1-color);
    color: var(--secondary-1-color);
}
.r18UpWrap .r18UpBtnWrap .cancelBtn,
.r18UpWrap .r18UpBtnWrap .confirmBtn {
    max-width: 21.6rem;
    padding: 1.2rem;
    width: 100%;
}
.shareWrap .btnShare {
    background-color: var(--primary-1-color);
    border-radius: 50%;
    height: 4rem;
    line-height: 4rem;
    width: 4rem;
}
.idleArticleWrap .articleBlock .title {
    height: 7.2rem;
}
@media screen and (max-width: 1023px) {
    .idleArticleWrap .articleBlock .title {
        height: 6rem;
    }
}
.adBlockPreview {
    padding-bottom: 0.8rem;
    padding-top: 0.8rem;
}
.adBlockPreview,
.adBottom {
    background-color: var(--secondary-7-color);
}
.adBottomVideo {
    padding-bottom: 0.8rem;
    padding-top: 0.8rem;
}
.adBottomVideo,
.adContent {
    background-color: var(--secondary-7-color);
}
.adPreview {
    padding-bottom: 0.8rem;
    padding-top: 0.8rem;
}
.adPreview,
.adRight,
.adRightVideo,
.adSky1,
.adTop2 {
    background-color: var(--secondary-7-color);
}
.adSky1,
.adTop2 {
    padding-bottom: 0.8rem;
    padding-top: 0.8rem;
}
.adBlockPreview,
.adPreview {
    height: 30rem;
    width: 100%;
}
.adBlockPreview:before,
.adPreview:before {
    color: var(--secondary-2-color);
    content: " ";
    display: block;
    margin-bottom: 0.8rem;
    position: relative;
    text-align: center;
}
.adBottom,
.adBottomVideo,
.adContent,
.adRight,
.adRightVideo,
.adSky1,
.adTop2 {
    position: relative;
    text-align: center;
}
.adBottom > *,
.adBottomVideo > *,
.adContent > *,
.adRight > *,
.adRightVideo > *,
.adSky1 > *,
.adTop2 > * {
    position: relative;
}
.adBottom:not(:empty):before,
.adBottomVideo:not(:empty):before,
.adContent:not(:empty):before,
.adRight:not(:empty):before {
    content: " ";
}
.adBottom:not(:empty):before,
.adBottomVideo:not(:empty):before,
.adContent:not(:empty):before,
.adRight:not(:empty):before,
.adRightVideo:not(:empty):before,
.adSky1:not(:empty):before,
.adTop2:not(:empty):before {
    color: var(--secondary-2-color);
    display: block;
    left: 50%;
    margin-bottom: 0.8rem;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    white-space: pre;
}
.adSky1:not(:empty):before,
.adTop2:not(:empty):before {
    content: " ";
}
.textA.adBottom:not(:empty):before,
.textA.adBottomVideo:not(:empty):before,
.textA.adContent:not(:empty):before,
.textA.adRight:not(:empty):before,
.textA.adRightVideo:not(:empty):before,
.textA.adSky1:not(:empty):before,
.textA.adTop2:not(:empty):before {
    content: "防疫三寶\a勤洗手\a戴口罩\a看街星";
}
.textB.adBottom:not(:empty):before,
.textB.adBottomVideo:not(:empty):before,
.textB.adContent:not(:empty):before,
.textB.adRight:not(:empty):before,
.textB.adRightVideo:not(:empty):before,
.textB.adSky1:not(:empty):before,
.textB.adTop2:not(:empty):before {
    content: "圖片很大\a你忍一下";
}
.adBottom .adInner:empty,
.adBottom:empty,
.adBottomVideo .adInner:empty,
.adBottomVideo:empty,
.adContent .adInner:empty,
.adContent:empty,
.adRight .adInner:empty,
.adRight:empty,
.adRightVideo .adInner:empty,
.adRightVideo:empty,
.adSky1 .adInner:empty,
.adSky1:empty,
.adTop2 .adInner:empty,
.adTop2:empty {
    height: 0;
    margin: 0;
    padding: 0;
}
.adBottom iframe,
.adBottomVideo iframe,
.adContent iframe,
.adRight iframe,
.adRightVideo iframe,
.adSky1 iframe,
.adSticky iframe,
.adTop2 iframe {
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
}
.adGroupWrap {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-left: -0.4rem;
    margin-right: -0.4rem;
    position: relative;
    text-align: center;
}
.adGroupWrap:before {
    background-color: var(--secondary-7-color);
    content: "";
    display: block;
    height: calc(100% - 4rem);
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
@media screen and (max-width: 1023px) {
    .adGroupWrap:before {
        height: calc(100% - 2rem);
    }
    .adGroupWrap {
        flex-wrap: wrap;
        margin-left: -2.4rem;
        margin-right: -2.4rem;
    }
}
@media screen and (max-width: 575px) {
    .adGroupWrap {
        flex-wrap: wrap;
        margin-left: -1.6rem;
        margin-right: -1.6rem;
    }
}
.adBottomGroupWrap {
    align-items: center;
    display: flex;
    justify-content: center;
    position: relative;
    text-align: center;
}
.adBottomGroupWrap:before {
    background-color: var(--secondary-7-color);
    bottom: 0;
    content: "";
    display: block;
    height: calc(100% - 4rem);
    left: 0;
    position: absolute;
    width: 100%;
}
@media screen and (max-width: 1023px) {
    .adBottomGroupWrap:before {
        height: calc(100% - 2rem);
    }
    .adBottomGroupWrap {
        flex-wrap: wrap;
        margin-left: -2.4rem;
        margin-right: -2.4rem;
    }
}
@media screen and (max-width: 575px) {
    .adBottomGroupWrap {
        flex-wrap: wrap;
        margin-left: -1.6rem;
        margin-right: -1.6rem;
    }
}
.adTop1 {
    align-items: center;
    justify-content: center;
    overflow: hidden;
    padding-top: 15px;
    max-width: 100vw;
}
@media screen and (max-width: 767px) {
    .adTop1 {
        min-height: 630px;
        max-width: 100vw;
    }
}
.adSticky {
    text-align: center;
}
.adFixed1:empty {
    display: none;
}
.adRightVideo {
    margin-bottom: 2rem;
    padding: 0.8rem;
}
.adRightVideo:not(:empty):before {
    content: "HOT VIDEO";
}
.adRight {
    padding: 0.8rem;
}
.adPreview + .adPreview,
.adRight + .adRight,
.adRight + .js-rightAdSticky {
    margin-top: 2rem;
}
.adBottomVideo {
    width: 100%;
}
.adIdleWrap {
    align-items: flex-start;
    display: flex;
    justify-content: center;
}
.breadcrumbWrap li {
    display: inline-block;
}
.adContent,
.adIdle li {
    display: inline-grid;
}
.adContent {
    padding: 0.8rem;
}
@media screen and (max-width: 1023px) {
    .adContent + .adContent:not(:empty) {
        margin-top: -2rem;
    }
    .adContent {
        width: 100%;
    }
}
.adBottom {
    display: inline-block;
    padding: 0.8rem;
}
@media screen and (max-width: 1023px) {
    .adBottom + .adBottom:not(:empty) {
        margin-top: -2rem;
    }
    .adBottom {
        width: 100%;
    }
}
.adBlockPreview {
    display: inline-block;
    width: 30rem;
}
.adBlockPreview + .adBlockPreview {
    margin-left: 2rem;
}
@media screen and (max-width: 1023px) {
    .adBlockPreview + .adBlockPreview {
        margin-left: 0;
        margin-top: -2rem;
    }
}
.js-withText {
    position: relative;
}
.js-withText:before {
    content: "[贊助]內文未完請向下捲動";
    display: block;
    position: absolute;
}
@media screen and (max-width: 1023px) {
    .js-includeUnderlayStyle .js-withUnderlayStyle {
        margin-bottom: 0;
    }
    .js-includeUnderlayStyle .js-withUnderlayStyle.js-scrolled:before {
        content: "";
    }
    .js-includeUnderlayStyle > :not(.js-withUnderlayStyle) {
        display: none;
    }
    .js-withUnderlayStyle:not(:empty):before {
        content: "" !important;
    }
    .js-adUnderlay {
        height: 70vh;
        max-height: none;
        overflow: hidden;
        position: relative;
        width: 100%;
    }
    .js-adUnderlay .js-contentWrap1 {
        clip: rect(0, auto, auto, 0);
        -webkit-clip-path: inset(0);
        clip-path: inset(0);
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
    }
    .js-adUnderlay .js-contentWrap2 {
        border: 0;
        height: auto;
        left: 50%;
        position: fixed;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        vertical-align: bottom;
        width: calc(100% - 1.6rem) !important;
    }
    .js-adUnderlay .js-contentWrap2 > * {
        width: 100%;
    }
    .js-moveWithScroll .js-contentWrap2 {
        position: static;
        -webkit-transform: translate(0);
        transform: translate(0);
        width: 100% !important;
    }
    .js-stayTop .js-contentWrap2 {
        top: 0.8rem;
        -webkit-transform: translate(-50%);
        transform: translate(-50%);
    }
}
.js-adInterstitialPopup .popupBtnClose,
.js-adInterstitialPopup.popupWrap .popupBg {
    opacity: 1;
}
.js-adInterstitialPopup.js-hideButton .popupBtnClose {
    opacity: 0;
}
.js-fullWidth {
    width: 100%;
}
.js-setMaxWidth {
    max-width: 100%;
}
.breadcrumbWrap li:not(:last-of-type) a {
    color: var(--secondary-4-color);
}
.breadcrumbWrap li:last-of-type a {
    color: var(--secondary-2-color);
}
.breadcrumbWrap li + li:before {
    color: var(--secondary-4-color);
    content: "//";
    display: inline-block;
}
.tagsWrap li {
    display: inline-block;
    margin-bottom: 0.8rem;
}
.tagsWrap a {
    font-size: 1.6rem;
}
.sourceWrap {
    color: var(--secondary-4-color);
    font-size: 1.2rem;
}
@media screen and (max-width: 1023px) {
    .shareWrap .allShare {
        display: none;
    }
}
.shareWrap .mobileShare,
.slick-slide.slick-loading img {
    display: none;
}
@media screen and (max-width: 1023px) {
    .shareWrap .mobileShare {
        display: inline-block;
    }
}
.slick-slider {
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent;
    box-sizing: border-box;
    touch-action: pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.slick-list,
.slick-slider {
    display: block;
    position: relative;
}
.slick-list {
    margin: 0;
    overflow: hidden;
    padding: 0;
}
.slick-dots li button:focus,
.slick-dots li button:hover,
.slick-list:focus {
    outline: 0;
}
.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}
.slick-slider .slick-list,
.slick-slider .slick-track {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}
.slick-track {
    display: block;
    left: 0;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    top: 0;
}
.slick-track:after,
.slick-track:before {
    content: "";
    display: table;
}
.slick-track:after {
    clear: both;
}
.slick-loading .slick-track {
    visibility: hidden;
}
.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}
[dir="rtl"] .slick-slide {
    float: right;
}
.slick-slide.dragging img {
    pointer-events: none;
}
.galleryWrap .slick-info h3,
.galleryWrap .slick-info h4,
.slick-initialized .slick-slide {
    display: block;
}
.slick-loading .slick-slide {
    visibility: hidden;
}
.slick-vertical .slick-slide {
    border: 1px solid transparent;
    display: block;
    height: auto;
}
.galleryWrap h3,
.galleryWrap h4,
.slick-arrow.slick-hidden {
    display: none;
}
.slick-loading .slick-list {
    background: #fff url(//static-assets.juksy.com/web/v4/images/ajax-loader.gif) 50%no-repeat;
}
@font-face {
    font-family: slick;
    font-style: normal;
    font-weight: 400;
    src: url(//static-assets.juksy.com/web/v4/fonts/slick.eot);
    src: url(//static-assets.juksy.com/web/v4/fonts/slick.eot#iefix) format("embedded-opentype"), url(//static-assets.juksy.com/web/v4/fonts/slick.woff) format("woff"),
        url(//static-assets.juksy.com/web/v4/fonts/slick.ttf) format("truetype"), url(//static-assets.juksy.com/web/v4/fonts/slick.svg#slick) format("svg");
}
.slick-next,
.slick-prev {
    border: 0;
    cursor: pointer;
    display: block;
    font-size: 0;
    height: 20px;
    line-height: 0;
    padding: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 20px;
}
.slick-next,
.slick-next:focus,
.slick-next:hover,
.slick-prev,
.slick-prev:focus,
.slick-prev:hover {
    background: 0 0;
    color: transparent;
    outline: 0;
}
.slick-dots li button:focus:before,
.slick-dots li button:hover:before,
.slick-next:focus:before,
.slick-next:hover:before,
.slick-prev:focus:before,
.slick-prev:hover:before {
    opacity: 1;
}
.slick-next.slick-disabled:before,
.slick-prev.slick-disabled:before {
    opacity: 0.25;
}
.slick-dots li button:before,
.slick-next:before,
.slick-prev:before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: slick;
}
.slick-dots li button:before {
    color: #000;
    content: "•";
    font-size: 6px;
    height: 20px;
    left: 0;
    line-height: 20px;
    opacity: 0.25;
    position: absolute;
    text-align: center;
    top: 0;
    width: 20px;
}
.slick-next:before,
.slick-prev:before {
    color: #fff;
    font-size: 20px;
    line-height: 1;
    opacity: 0.75;
}
.slick-prev {
    left: -25px;
}
[dir="rtl"] .slick-prev {
    left: auto;
    right: -25px;
}
.slick-prev:before {
    content: "←";
}
.slick-next:before,
[dir="rtl"] .slick-prev:before {
    content: "→";
}
.slick-next {
    right: -25px;
}
[dir="rtl"] .slick-next {
    left: -25px;
    right: auto;
}
[dir="rtl"] .slick-next:before {
    content: "←";
}
.slick-dotted.slick-slider {
    margin-bottom: 30px;
}
.slick-dots {
    bottom: -25px;
    display: block;
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    text-align: center;
    width: 100%;
}
.slick-dots li {
    margin: 0 5px;
    padding: 0;
    position: relative;
    cursor: pointer;
    height: 20px;
    width: 20px;
}
.slick-dots li button {
    cursor: pointer;
    height: 20px;
    width: 20px;
    background: 0 0;
    border: 0;
    color: transparent;
    display: block;
    font-size: 0;
    line-height: 0;
    outline: 0;
    padding: 5px;
}
.slick-dots li.slick-active button:before {
    color: #000;
    opacity: 0.75;
}
.galleryWrap {
    margin-left: auto;
    margin-right: auto;
}
.galleryWrap .slick-slide img {
    display: inline-block;
    width: 100%;
}
.galleryWrap .slick-track {
    align-items: center;
    display: flex;
}
.galleryWrap[data-vertical="true"] {
    max-width: 80rem;
}
.galleryWrap .slick-count {
    bottom: 25px;
    color: var(--secondary-1-color);
    display: inline-block;
    font-size: 1.2rem;
    font-weight: 700;
    position: relative;
}
@media screen and (max-width: 1023px) {
    .galleryWrap .slick-count {
        padding-left: 1.6rem;
        padding-right: 1.6rem;
    }
}
.galleryWrap .slick-dots {
    bottom: 0;
    position: relative;
}
.galleryWrap .slick-dots li {
    height: 1rem;
    margin: 0 3px;
    width: 1rem;
}
.galleryWrap .slick-dots li button {
    height: 100%;
    padding: 0.25rem;
    transition: all 0.2s;
    width: 100%;
}
.galleryWrap .slick-dots li button:before {
    color: var(--secondary-5-color);
    font-size: 1rem;
    height: 100%;
    line-height: 1rem;
    width: 100%;
}
.galleryWrap .slick-dots li button:before.slick-active,
.galleryWrap .slick-dots li.slick-active button:before {
    color: var(--primary-1-color);
}
.galleryWrap .slick-info {
    bottom: 25px;
}
.galleryWrap .slick-info .infoDesc,
.slick-dots li {
    display: inline-block;
}
.galleryWrap .arrowWrap {
    background-color: #fff;
    border: 0;
    border-radius: 50%;
    box-shadow: 0 3px 6px var(--secondary-5-color);
    color: #1a1a1a;
    cursor: pointer;
    display: inline-block;
    font-size: 1.2rem;
    font-weight: 700;
    height: 3.6rem;
    line-height: 3.6rem;
    opacity: 0.4;
    outline: 0;
    position: absolute;
    text-align: center;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 3.6rem;
    z-index: 1;
}
@media screen and (max-width: 1023px) {
    .galleryWrap .arrowWrap {
        display: none;
    }
}
.galleryWrap .arrowWrap.arrowPrevious {
    left: 2rem;
}
.galleryWrap .arrowWrap.arrowNext {
    right: 2rem;
}
.galleryWrap .img-wrap {
    text-align: center;
}
.r18UpWrap.generalPopup .popupContentWrap {
    width: 53rem;
}
@media screen and (max-width: 1023px) {
    .r18UpWrap.generalPopup .popupContentWrap {
        max-width: 34rem;
        width: calc(100% - 3rem);
    }
}
.r18UpWrap .r18IconWrap {
    font-size: 8rem;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
.idleArticleWrap {
    display: flex;
    justify-content: center;
    align-items: stretch;
    margin-bottom: 4.8rem;
    overflow-x: auto;
    width: 100%;
}
.r18UpWrap .r18UpBtnWrap {
    align-items: center;
    display: flex;
    justify-content: center;
}
@media screen and (max-width: 1023px) {
    .r18UpWrap .r18UpBtnWrap {
        flex-wrap: wrap;
    }
}
.r18UpWrap .r18UpBtnWrap .cancelBtn {
    width: 21.6rem;
}
@media screen and (max-width: 1023px) {
    .r18UpWrap .r18UpBtnWrap .cancelBtn {
        margin-bottom: 1.2rem;
        max-width: none;
        width: 100%;
    }
}
.r18UpWrap .r18UpBtnWrap .confirmBtn {
    margin-left: 2rem;
    width: 21.6rem;
}
@media screen and (max-width: 1023px) {
    .r18UpWrap .r18UpBtnWrap .confirmBtn {
        margin-left: 0;
        max-width: none;
        width: 100%;
    }
}
.idleArticleWrap .js-idleArticle {
    flex: 0 0 210px;
    width: calc(25% - 0.6rem);
}
.idleArticleWrap .js-idleArticleImg {
    margin-bottom: 0.6rem;
}
.idleArticleWrap .js-idleArticleTitle {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    width: 100%;
}
.idleArticleWrap .articleBlock {
    width: 25.6rem;
}
.idleArticleWrap .articleBlock + .articleBlock {
    margin-left: 2rem;
}
.popupWrap.idlePopup {
    z-index: 3000;
}
.popupWrap.idlePopup .popupSubtitle {
    font-size: 1.6rem;
    font-weight: 500;
    text-align: center;
}
.popupWrap.adFixed1Popup {
    height: auto;
    width: auto;
}
.popupWrap.adFixed1Popup .popupBg {
    background-color: initial;
}
.popupWrap.adStickyPopup {
    bottom: 0;
    font-size: 0;
    height: auto;
    top: auto;
}
.popupWrap.adStickyPopup .popupBtnClose {
    right: -4rem;
    top: -4px;
}
@media screen and (max-width: 1023px) {
    .popupWrap.adStickyPopup .popupBtnClose {
        right: 0;
        top: 0;
    }
}
.popupWrap.adStickyPopup .popupBg {
    display: none;
}
.popupWrap.adStickyPopup .popupContentWrap {
    font-size: medium;
}
.lcptitle {
    font-size: 6em !important;
}
</style>

<!--    <script async src="https://cse.google.com/cse.js?cx=14c912a4fdb3247f6"></script>-->
<!--
    <link rel="preload stylesheet" href="//static-assets.juksy.com/web/v4/css/vendors.1bec86c07a8410749f8b.css" as="style" type="text/css"> 
	<link rel="preload stylesheet" href="//static-assets.juksy.com/web/v4/css/pages/article/index.bcd063c440bc2d89c06d.css" as="style" type="text/css">
	<link rel="preload" href="//static-assets.juksy.com/web/v4/fonts/slick.woff" as="font" crossorigin>

-->

	<link rel="preload" href="//static-assets.juksy.com/web/v4/css/icomoon/style.1591a2d0cf9d5b7c17bd.css" as="style" onload="this.onload=null;this.rel='stylesheet'">
    <link rel="stylesheet" href="//static-assets.juksy.com/web/v4/css/pages/error.cfb0d2225d5df82080ef.css">
<!--
	<script src="//static-assets.juksy.com/web/v4/js/manifest.e493b58f92123252f980.js" async></script>
	<script src="//static-assets.juksy.com/web/v4/js/vendor.53c086f16ec36f729376.js" async></script>
    <script src="//static-assets.juksy.com/web/v4/js/pages/article/index.578fb0d6334fee4064af.js" async></script>
	<script src="//www.juksy.com/js/pages/adguide/4523.js" async></script>
-->
	<script async src="https://beta.juksy.com/js/juksy-article.js"></script>

    <!--<noscript><link rel="stylesheet" href="//static-assets.juksy.com/web/v4/css/icomoon/style.1591a2d0cf9d5b7c17bd.css"></noscript>
	<link rel="stylesheet" href="//static-assets.juksy.com/web/v4/css/pages/article/index.bcd063c440bc2d89c06d.css">-->
    <!--
<script async src="https://au.breaktime.com.tw/js/pb1/"></script>
-->
<!-- Google tag (gtag.js) -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
    new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
    j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
    'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
    })(window,document,'script','dataLayer', 'GTM-N238FVD');</script>
<script async type="text/javascript" charset="utf-8" src="https://au.adhacker.online/js/au.js"></script>

<style>
@media(max-width: 728px) {
	.adTop1 {
		/* min-height: 630px;*/
		min-height: 520px;
		text-align: center;
		max-width: 100%;
		margin: auto;
	}
	.desktop {
		display: none!important;
	}
	.juksy_ad_wrap {
		justify-content: center;
		align-items: center;
		text-align: center;
		overflow: hidden;
	}
}

@media(min-width: 729px) {
	.mobile {
		display: none !important;
	}
	.adBottomGroupWrap {
		width: 100% ;
	}
	.adBottom {
		min-height: 50% ;
		min-width: 50% ;
	}
	.adBottom:not(:empty):before {
		color: white !important;
		content: "" !important;
	}
	.adBottomGroupWrap:before {
		background-color: #FFF!important;
	}
	.adRightVideo:not(:empty):before {
		color: white !important;
	}
	.adIdle {
		padding: 0.5rem !important;
		width: 340px !important;
		display: inline-block;
	}
	div.closed {
		display: none;
	}
	.juksy_ad_wrap {
		/* display: flex; */
		justify-content: center;
		text-align: center;	
		/* position: relative; */
		align-items: center;
	}
}

.adRight {
	background-color: transparent!important;
}
.adBottomGroupWrap {
	background-color: transparent!important;
}
.adBottom {
	background-color: transparent!important;
}
.adContent {
	background-color: transparent!important;
}
.adshow {
	/* background-color: #FFF!important;*/
	background-color: transparent !important;
}
.adnotshow {
	display: none!important;
}


</style>
<script async src="https://securepubads.g.doubleclick.net/tag/js/gpt.js"></script>
<script>
var googletag = window.googletag || {
	cmd: []
};

if(!window.googletag){
var google_gpt_js = document.createElement('script');
google_gpt_js.src = 'https://www.googletagservices.com/tag/js/gpt.js';
document.body.appendChild(google_gpt_js);
}

function getRandomInt(max) {
  return Math.floor(Math.random() * max);
}

(function(){
	function inread_ads(){

		if (document.body.clientWidth <= 728) {
			document.querySelectorAll("div.desktop")?.forEach(function(item){item.remove();});
		}else{
			document.querySelectorAll("div.mobile")?.forEach(function(item){item.remove();});
		}

		googletag.cmd.push(function() {
			if (document.body.clientWidth <= 728) {
				show_inreadad(ad_slot_status?.content_1_1?.mobile,"mobile","content_1_1");
				show_inreadad(ad_slot_status?.content_1_2?.mobile,"mobile","content_1_2");
				show_inreadad(ad_slot_status?.content_2_1?.mobile,"mobile","content_2_1");
//				show_inreadad(ad_slot_status?.content_2_2?.mobile,"mobile","content_1_1");
				show_inreadad(ad_slot_status?.content_3_1?.mobile,"mobile","content_3_1");
//				show_inreadad(ad_slot_status?.content_3_2?.mobile,"mobile","content_1_1");
				show_inreadad(ad_slot_status?.content_4_1?.mobile,"mobile","content_4_1");
				show_inreadad(ad_slot_status?.content_5_1?.mobile,"mobile","content_5_1");
				show_inreadad(ad_slot_status?.content_6_1?.mobile,"mobile","content_6_1");
				show_bottomad(ad_slot_status?.bottom_1?.mobile,"mobile","div-gpt-ad-1690282150377-0","bottom_1");
//				show_bottomad(ad_slot_status?.bottom_2?.mobile,"mobile","div-gpt-ad-1690282150377-1","bottom_2");
			} else {
				show_inreadad(ad_slot_status?.content_1_1?.desktop,"desktop","content_1_1");
				show_inreadad(ad_slot_status?.content_1_2?.desktop,"desktop","content_1_2");
				show_inreadad(ad_slot_status?.content_2_1?.desktop,"desktop","content_2_1");
				show_inreadad(ad_slot_status?.content_2_2?.desktop,"desktop","content_2_2");
				show_inreadad(ad_slot_status?.content_3_1?.desktop,"desktop","content_3_1");
				show_inreadad(ad_slot_status?.content_3_2?.desktop,"desktop","content_3_2");
				show_inreadad(ad_slot_status?.content_4_1?.desktop,"desktop","content_4_1");
				show_inreadad(ad_slot_status?.content_5_1?.desktop,"desktop","content_5_1");
				show_inreadad(ad_slot_status?.content_6_1?.desktop,"desktop","content_6_1");
				show_inreadad(ad_slot_status?.right_1?.desktop,".desktop","right_1");
				show_inreadad(ad_slot_status?.right_2?.desktop,".desktop","right_2");

				show_bottomad(ad_slot_status?.bottom_1?.desktop,"desktop","div-gpt-ad-1690282150377-0","bottom_1");
				show_bottomad(ad_slot_status?.bottom_2?.desktop,"desktop","div-gpt-ad-1690282150377-1","bottom_2");
				//show_bottomad(ad_slot_status?.right_1?.desktop,".desktop","div-gpt-ad-1690282046839-0");
				//show_bottomad(ad_slot_status?.right_2?.desktop,".desktop","div-gpt-ad-1690282073535-0");
			}

			function show_inreadad(ad,device_type,ad_key){					
				if(ad){	
					var ad_div = "div-gpt-ad-1690282000599-0-"+ad?.key;
					ad_div = ad.key+"-122270-23091-16944209129550-0";
					if(Array.isArray(ad.campaignResource)) {
						var ad_rand = getRandomInt(ad.campaignResource.length);
						var ad_adunit = ad.campaignResource[ad_rand].datas.adunitKey;
						var ad_adsize = ad.campaignResource[ad_rand].datas.dimensions;
						var ad_campaign = ad.campaignResource[ad_rand].name;
						console.log("rand:"+ad_rand);
						//document.querySelectorAll('#'+ad_div)[0].parentElement.setAttribute('data-campaign',ad_campaign);
					} else {
						var ad_adunit = ad?.campaignResource?.datas?.adunitKey;
						var ad_adsize = ad?.campaignResource?.datas?.dimensions;
						var ad_campaign = ad?.campaignResource?.name;
						//document.querySelectorAll('#'+ad_div)[0].parentElement.setAttribute('data-campaign',ad_campaign);
					}
					if(document.querySelectorAll('[ad-internal="'+ad_key+'"]')[0]){
						document.querySelectorAll('[ad-internal="'+ad_key+'"]')[0].setAttribute('data-campaign',ad_campaign);
					}
					
					/*
				let inread_ad_div=document.querySelectorAll("[ad-internal^='+ad?.key+']."+device_type);
				var inread_ad=document.createElement('div');
				inread_ad.innerHTML = '<div id="+ad_div+"></div>';
				inread_ad_div.appendChild(inread_ad);
				*/
					
					if(ad_adunit&&ad_adsize&&ad_div){
						googletag.defineSlot(ad_adunit, ad_adsize, ad_div).addService(googletag.pubads());
						googletag.pubads().setTargeting("category", ad_category);
						googletag.pubads().setTargeting("juksy_category", juksy_category);
						googletag.pubads().setTargeting("juksy_subcategory", juksy_subcategory);
						googletag.cmd.push(function() {
							setTimeout(function(){googletag.display(ad_div);},100);
						});
						console.log(ad);
						console.log("%c "+ad_div , 'color:green');
					}else{
						console.log("%cno ad info for "+ad_div , 'color:green');
						console.log(ad);
					}
				}
			}      

			function show_bottomad(ad,device_type,ad_div,ad_key){
				if(ad){
					//let inread_ad_div=document.querySelectorAll("[ad-key^='+ad.key+']."+device_type);
					//let ad_div = "div-gpt-ad-1690282000599-0-"+ad.key;
					//ad_div = ad.key+"-122270-23091-16944209129550-0";
					if(Array.isArray(ad.campaignResource)) {
						var ad_rand = getRandomInt(ad.campaignResource.length);
						var ad_adunit = ad.campaignResource[ad_rand].datas.adunitKey;
						var ad_adsize = ad.campaignResource[ad_rand].datas.dimensions;
						var ad_campaign = ad.campaignResource[ad_rand].name;
						console.log("rand:"+ad_rand);
						//document.querySelectorAll('#'+ad_div)[0].parentElement.setAttribute('data-campaign',ad_campaign);
					} else {
						var ad_adunit = ad.campaignResource.datas.adunitKey;
						var ad_adsize = ad.campaignResource.datas.dimensions;
						var ad_campaign = ad.campaignResource.name;
						//document.querySelectorAll('#'+ad_div)[0].parentElement.setAttribute('data-campaign',ad_campaign);
					}
					//document.querySelectorAll('#'+ad_div)[0].parentElement.setAttribute('data-campaign',ad_campaign);
					//document.querySelectorAll('#'+ad_div)[0].parentElement.setAttribute('data-campaign',ad_campaign);
					if(document.querySelectorAll('[ad-key="'+ad_key+'"]')[0]){
						document.querySelectorAll('[ad-key="'+ad_key+'"]')[0].setAttribute('data-campaign',ad_campaign);
					}
					/*
				var inread_ad=document.createElement('div');
				inread_ad.innerHTML = '<div id="+ad_div+"></div>';
				inread_ad_div.appendChild(inread_ad);
				*/
					if(ad_adunit&&ad_adsize){
						googletag.defineSlot(ad_adunit, ad_adsize, ad_div).addService(googletag.pubads());
						googletag.pubads().setTargeting("category", ad_category);
						googletag.pubads().setTargeting("juksy_category", juksy_category);
						googletag.pubads().setTargeting("juksy_subcategory", juksy_subcategory);
						googletag.cmd.push(function() {
							setTimeout(function(){googletag.display(ad_div);},300);
						});
						console.log(ad);
						console.log("%c "+ad_div , 'color:green');						
					} else {
						console.log("%cno ad info for "+ad_div, 'color: green');
						console.log(ad);
					}
				}
			}      

			function show_adinfo(ad, device_type, ad_div) {
				if (ad) {
					setTimeout(function () {
						document.getElementById(ad_div).insertAdjacentHTML("afterend",
						"<div style='overflow: auto; width: 300px; padding: 0px; word-break: break-all; font-size: 12px;'>" + JSON.stringify(ad) + "</div>");
					}, 500);
				}
			}

			if (location.href.indexOf("adpreview=1") > -1) {
				show_adinfo(ad_slot_status?.right_1?.desktop, ".desktop", "right_1-122270-23091-16944209129550-0");
				show_adinfo(ad_slot_status?.right_2?.desktop, ".desktop", "right_2-122270-23091-16944209129550-0");
			}
			googletag.pubads().enableSingleRequest();
			googletag.enableServices();
		});


		//googletag.cmd.push(function() { googletag.display('inread_0-122270-23091-16944209129550-0'); });

	}


	setTimeout(function(){ 
		//if (document.body.clientWidth <= 728) {
		//inread_ads();       
		//}

		if(document.body){
			inread_ads();
		}else{
			setTimeout(function(){ 
				inread_ads();
			},500);
		}

	},10);
})();

window.onscroll_check = window.onscroll_check2 = "0";
(function(){
	function sticky_ads(){

		let mobile_check = 0;
		console.log("sticky ad checked!");
		//footer
		if (document.body.clientWidth <= 728) {
			show_stickyads(ad_slot_status?.sticky?.mobile,"mobile","sticky-122270-35224-1694429531024");
			mobile_check = 1;
		}else{
			//footer
			show_stickyads(ad_slot_status?.sticky?.desktop,"desktop","sticky-122270-35224-1694429531024");
		}
	}


	function show_stickyads(ad,device_type,ad_div){
		if(ad){
			//let inread_ad_div=document.querySelectorAll("[ad-key^='+ad.key+']."+device_type);
			//let ad_div = "div-gpt-ad-1690282000599-0-"+ad.key;
			//ad_div = ad.key+"-122270-23091-16944209129550-0";
			if(Array.isArray(ad.campaignResource)) {
				var ad_rand = getRandomInt(ad.campaignResource.length);
				var ad_adunit = ad.campaignResource[ad_rand].datas.adunitKey;
				var ad_adsize = ad.campaignResource[ad_rand].datas.dimensions;
				var ad_campaign = ad.campaignResource[ad_rand].name;
				var ad_iframesrc = ad.campaignResource[ad_rand].datas.iframeSrc ? ad.campaignResource[ad_rand].datas.iframeSrc : '';
				console.log("rand:"+ad_rand);
				//document.querySelectorAll('#'+ad_div)[0].parentElement.setAttribute('data-campaign',ad_campaign);
			} else {
				var ad_adunit = ad?.campaignResource?.datas?.adunitKey;
				var ad_adsize = ad?.campaignResource?.datas?.dimensions;
			}

			/*
				var inread_ad=document.createElement('div');
				inread_ad.innerHTML = '<div id="+ad_div+"></div>';
				inread_ad_div.appendChild(inread_ad);
				*/

			if(ad_adunit&&ad_adsize&&ad_div){
				googletag.defineSlot(ad_adunit, ad_adsize, ad_div).addService(googletag.pubads());
				googletag.pubads().setTargeting("category", ad_category);
				googletag.pubads().setTargeting("juksy_category", juksy_category);
				googletag.pubads().setTargeting("juksy_subcategory", juksy_subcategory);
				googletag.cmd.push(function() {
					setTimeout(function(){googletag.display(ad_div);},300);
				});
				console.log(ad);
				console.log("%c "+ad_div , 'color:green');
			}else if(ad_iframesrc){
				console.log(ad_div);
				document.getElementById(ad_div).innerHTML  += '<iframe src="'+ad_iframesrc+'" width="100%"></iframe>';
				console.log("%creplace iframe src for "+ad_div+" to "+ad_iframesrc , 'color:green');
				console.log(ad);				
			}else{
				console.log("%cno ad info for "+ad_div , 'color:green');
				console.log(ad);
			}
		}
	}

	function cover_ads(){
		let mobile_check = 0;
		//footer
		if (document.body.clientWidth <= 728) {
			document.querySelectorAll("[ad-key^='cover_1'].desktop")[0]?.remove();
			//googletag.defineSlot('/21697024903,65167615/juksy_m_content_sticky_320x100_ad1',[[320, 50], [320, 100], [375, 100], [1, 1]], 'sticky-122270-35224-1694429531024').addService(googletag.pubads());
			mobile_check = 1;
		}else{
			//footer
			//googletag.defineSlot('/45698134/content_sticky/juksy',[[728, 90], [970, 250], [970, 90], [1, 1]], 'sticky-122270-35224-1694429531024').addService(googletag.pubads());
			//googletag.defineSlot('/21697024903,65167615/juksy_content_sticky_ad1',[[1260, 100], [728, 90], [970, 90], [1, 1]], 'sticky-122270-35224-1694429531024').addService(googletag.pubads());
		}

		if(document.querySelectorAll("[ad-key^='cover_1']").length>0){
			if(document.querySelectorAll('.js-adCoverPopup').length>0 && 
					(ad_slot_status?.cover_1?.mobile?.enable && mobile_check
						||
						ad_slot_status?.cover_1?.desktop?.enable )
					){
				document.querySelectorAll('.js-adCoverPopup')[0].classList.remove('hide');
				var cover_ad=document.createElement('div');
				cover_ad.innerHTML = '<div id="cover_1-122270-23091-16944209129550"></div>';
				document.querySelectorAll('[ad-key="cover_1"]')[0].appendChild(cover_ad);
				
				
				var cover_button= document.querySelectorAll('.js-adCoverPopup > div > a')[0] ; 
				cover_button.addEventListener('click', hideSubMenus);
				
				function hideSubMenus(event) { 
					document.querySelectorAll('.js-adCoverPopup')[0].classList.add('hide'); 
					console.log("cover ad closed!");
					//sticky_ads();
				}				
				//cover ad	
				googletag.cmd.push(function() {
					var ad_adunit = "/21697024903,65167615/juksy_m_content_takeover_320x100_ad2";
					var ad_adsize = [[300, 600], [300, 1050], [300, 250], [1, 1]];
					var ad_div = "cover_1-122270-23091-16944209129550";
					var ad = (mobile_check==1) ? ad_slot_status?.cover_1?.mobile : ad_slot_status?.cover_1?.desktop;
					if(Array.isArray(ad.campaignResource)) {
						var ad_rand = getRandomInt(ad.campaignResource.length);
						ad_adunit = ad.campaignResource[ad_rand].datas.adunitKey;
						ad_adsize = ad.campaignResource[ad_rand].datas.dimensions;
						var ad_iframesrc = ad.campaignResource[ad_rand].datas.iframeSrc ? ad.campaignResource[ad_rand].datas.iframeSrc : '';
						console.log("cover ad rand:"+ad_rand);
						console.log("cover ad src:"+ad_iframesrc);
						//document.querySelectorAll('#'+ad_div)[0].parentElement.setAttribute('data-campaign',ad_campaign);
					} else {
						ad_adunit = ad?.campaignResource?.datas?.adunitKey;
						ad_adsize = ad?.campaignResource?.datas?.dimensions;
					}
					if(ad_adunit&&ad_adsize){
						googletag.defineSlot(ad_adunit, ad_adsize, ad_div).addService(googletag.pubads());
						googletag.pubads().setTargeting("category", ad_category);
						googletag.pubads().setTargeting("juksy_category", juksy_category);
						googletag.pubads().setTargeting("juksy_subcategory", juksy_subcategory);
						googletag.cmd.push(function() {
							setTimeout(function(){googletag.display(ad_div);},100);
						});
						console.log(ad);
						console.log("%c "+ad_div , 'color:green');
					}else if(ad_iframesrc){
						document.getElementById(ad_div+"-0").src = ad_iframesrc;
						console.log("%creplace iframe src for "+ad_div+" to "+ad_iframesrc , 'color:green');
						console.log(ad);
					}else{
						console.log("%cno ad info for "+ad_div , 'color:green');
						console.log(ad);
					}					
				});				
			}else{
				console.log("cover ad checked!");
				//window.sticky_ad_check = 1;	
			}

		}else{
			console.log("cover ad disabled!");
			//window.sticky_ad_check = 1;	
		}       
	}

	setTimeout(function(){ 
		//disable cover_ads
		window.addEventListener('scroll', checkScrollforsticky);

		//if (document.body.clientWidth <= 728) {
		//window.onscroll = function() {
		function checkScrollforsticky() {
			let clientHeigh_check = document.body.clientHeight/3;
			if (document.body.scrollTop > clientHeigh_check/2 || document.documentElement.scrollTop > clientHeigh_check/2) {
				if(window.onscroll_check2 < 1){
					window.onscroll_check2 = 1;
					cover_ads();
					sticky_ads();
				}
				//console.log("sticky_ad_check1!");
			}
			if (document.body.scrollTop > clientHeigh_check || document.documentElement.scrollTop > clientHeigh_check) {
				// document.getElementById("myImg").className = "slideUp";

				//console.log("sticky_ad_check2!");

				if(window.onscroll_check < 1){
					//console.log("sticky_ad_check3!");
					window.onscroll_check = 1;				
					window.sticky_ad_check = 1;

					if( window.sticky_ad_check ==1){
						//sticky_ads();
						//iFrameResize();
					}
					
				}

			}
		};
	},500);
})();

googletag.cmd.push(function() {
	if (document.body.clientWidth <= 728) {
		document.querySelectorAll("[ad-key^='top_1'].desktop")[0]?.remove();
		var bottom_ad_div=document.querySelectorAll("[ad-key^='right_1']");
		bottom_ad_div.forEach(function(item, i) {
			item.setAttribute("ad_show","1");
		});

		var bottom_ad_div=document.querySelectorAll("[ad-key^='bottom_1']");
		bottom_ad_div.forEach(function(item, i) {
			item.setAttribute("ad_show","1");
		});

		/*	
	// mobile hide right
	var bottom_ad_div=document.querySelectorAll("[ad-key^='bottom_2']");
	bottom_ad_div.forEach(function(item, i) {
		item.remove();
	});
	*/	

	}else{
		document.querySelectorAll("[ad-key^='top_1'].moblie")[0]?.remove();

		var bottom_ad_div=document.querySelectorAll("[ad-key^='right_1']");
		bottom_ad_div.forEach(function(item, i) {
			item.setAttribute("ad_show","1");
		});	
		var bottom_ad_div=document.querySelectorAll("[ad-key^='right_2']");
		bottom_ad_div.forEach(function(item, i) {
			item.setAttribute("ad_show","1");
		});	
		
		var bottom_ad_div=document.querySelectorAll("[ad-key^='bottom_1']");
		bottom_ad_div.forEach(function(item, i) {
			item.setAttribute("ad_show","1");
		});

		// mobile hide right
		var bottom_ad_div=document.querySelectorAll("[ad-key^='bottom_2']");
		bottom_ad_div.forEach(function(item, i) {
			item.setAttribute("ad_show","1");
		});
	}

	/* top_1 ad */
	(function(){ 
		//let ad_adunit = "/21697024903,65167615/juksy_m_star_content_top_320x100";
		var ad_adunit = "";
		// let ad_adsize = [[360, 630], [1, 1]];
		//let ad_adsize = [[360, 630], [300, 250],[336, 280], [1, 1]];
		var ad_adsize = [[300, 250],[336, 280], [1, 1]];
		var ad_campaign = "";
		var ad_div = "div-gpt-ad-1690282000599-0";
		var ad = [];
		ad = (document.body.clientWidth <= 728) ? ad_slot_status?.top_1?.mobile : ad_slot_status?.top_1?.desktop;
		if(Array.isArray(ad.campaignResource)) {
			let ad_rand = getRandomInt(ad.campaignResource.length);
			ad_adunit = ad.campaignResource[ad_rand].datas.adunitKey;
			ad_adsize = ad.campaignResource[ad_rand].datas.dimensions;
			ad_campaign = ad.campaignResource[ad_rand].name;
			//document.querySelectorAll('#'+ad_div)[0].parentElement.setAttribute('data-campaign',ad_campaign);
		} else {
			ad_adunit = ad.campaignResource.datas.adunitKey;
			ad_adsize = ad.campaignResource.datas.dimensions;
			ad_campaign = ad.campaignResource.name;
			//document.querySelectorAll('#'+ad_div)[0].parentElement.setAttribute('data-campaign',ad_campaign);
		}		
		if(document.querySelectorAll('[ad-internal="top_1"]')[0]){
			document.querySelectorAll('[ad-internal="top_1"]')[0].setAttribute('ad-campaign',ad_campaign);
		}
		
		if(ad_adunit!=""){
			googletag.defineSlot(ad_adunit, ad_adsize, ad_div).addService(googletag.pubads());
			googletag.pubads().setTargeting("category", ad_category);
			googletag.pubads().setTargeting("juksy_category", juksy_category);
			googletag.pubads().setTargeting("juksy_subcategory", juksy_subcategory);
			googletag.cmd.push(function() { 
				setTimeout(function(){googletag.display(ad_div);},100);
			});
			console.log(ad);
			console.log("%c "+ad_div , 'color:green');
		}else{
			console.log("%cno ad info for "+ad_div , 'color:green');
			console.log(ad);
		}
	})();

	//coverad
	//googletag.defineSlot('/21697024903,65167615/juksy_m_content_takeover_320x100_ad2', [[300, 600], [300, 1050], [300, 250], [1, 1]], 'cover_1-122270-23091-16944209129550').addService(googletag.pubads());

	googletag.pubads().enableSingleRequest();
	googletag.enableServices();
});
</script>

<script>

document.addEventListener("DOMContentLoaded", () => {
	googletag.cmd.push(function() { googletag.display('div-gpt-ad-1690282000599-0'); });
	if(false){
		//if (document.body.clientWidth <= 728) {
		(function(){var a=document.createElement('div');a.innerHTML= '<ifr'+'ame data-type="iframe" class="ad-iframe hasFull" src="https://ad-assets-staging.juksy.com/resources/20231026/653a4b9f41a45/index.html" \
		frameborder="0" scrolling="no" width="420" height="630" title="AD" style="height: 621px; width: 100vw;"></iframe>';
			document.querySelectorAll('#div-gpt-ad-1690282000599-0')[0].replaceWith(a);})();
	}
});

</script>

<script>
window.googletag = window.googletag || {cmd: []};
googletag.cmd.push(function() {
	googletag.pubads().enableLazyLoad({
		fetchMarginPercent: 800,  // Fetch slots within 8 viewports.
		renderMarginPercent: 500,  // Render slots within 4 viewports.
		mobileScaling: 4.0  // Double x 2 the above values on mobile.
	});
	
	googletag.pubads().enableSingleRequest();
	googletag.enableServices();
});
</script>



    <script type="application/ld+json">
    {
        "@context": "https://schema.org",
        "@type": "NewsArticle",
        "url": "https://www.juksy.com/article/73283",
        "headline": "【改燥】有了修圖神器，男友不會拍照沒關係！人氣部落客們都在使用的「修圖軟體 app」大公開！",
        "author": {
            "@type": "Person",
            "name": "Jade.K",
			"url": "https://www.juksy.com/author/Jade.K"
        },
        "datePublished": "2017-11-27T16:01:31+08:00",
        "dateModified": "2021-08-20T21:38:08+08:00",
        "image": [
            "https://assets.juksy.com/files/articles/73283/5a1c146a07ef6.png"
        ],
        "publisher": {
            "@type": "Organization",
            "name": "JUKSY",
            "logo": {
                "@type": "imageObject",
                "url": "//static-assets.juksy.com/web/v4/images/fb.png"
            }
        },
        "keywords": "改燥,JUKSY12月焦點,修圖軟體,濾鏡,Instagram",
        "description": "大家都希望自己的 Instagram 能呈現地美美的，在發佈到 Instagram 平台前都會再加以「美化」，因此「修圖軟體」層出不窮，但如何在無數的修圖軟體中挑選你所需要的？如何在無數的修圖軟體找到最實用的呢？沒錯！編輯在此將為各位整理人氣部落客、youtuber 常使用的修圖軟體 app，及 2018 趨勢「濾鏡攝影軟體」！不拜讀此篇真的會後悔！"
    }
</script>
<script type="application/ld+json">
    {
        "@context": "http://schema.org",
        "@type": "WebSite",
        "name": "JUKSY",
        "url": "https://www.juksy.com/",
        "potentialAction": {
            "@type": "SearchAction",
            "target": "/search/{query}",
            "query-input": "required name=query"
        }
    }
</script>
<script type="application/ld+json">
    {
        "@context": "https://schema.org",
        "@type": "Organization",
        "name": "JUKSY",
        "url": "https://www.JUKSY.com",
        "sameAs": ["https://www.facebook.com/juksymag", "https://www.instagram.com/juksy_mag", "https://www.youtube.com/JuksyTV", "https://line.me/R/ti/p/%40ptp8515p"],
        "logo": {
            "@type": "imageObject",
            "url": "https://assets.juksy.com/image/Juksy_full.png",
            "alternateName": "JUKSY",
            "width": 212,
            "height": 38
        }
    }
</script>

<script type="application/ld+json">
    {
        "@context": "https://schema.org",
        "@type": "BreadcrumbList",
        "itemListElement": [
        {
            "@type": "ListItem",
            "position": 1,
            "name": "首頁",
            "item": "https://www.juksy.com"
        },
			{	"@type":"ListItem",
			"position":2,
			"name":"生活",
			"item":"https://www.juksy.com/channel/生活"
		},
		{	"@type":"ListItem",
			"position":3,
			"name":"3C動漫"
		}
	        ]
    }
</script>

</head>
<body class="">

<header class="mainHeaderWrap js-displayWhenScrollHeader" data-key="header">
    <nav class="headerNav">
        <div class="headerNavCollapse">
            <a class="headerLogo" href="https://www.juksy.com" aria-label="logo">
                <div class="icon icon-logoWord4"></div>
            </a>

            <ul class="headerMenuList">
                <li class="headerMenu">
                    <span class="headerMenuItem">特別企劃</span>
                    <ul class="headerSubMenuList">
                        <li>
                            <a class="headerSubMenuItem" href="https://www.juksy.com/events">
                                <span>JUKSY COVER</span>
                            </a>
                        </li>
                        <li>
                            <a class="headerSubMenuItem" href="https://www.juksy.com/kol">
                                <span>JUKSY POINT</span>
                            </a>
                        </li>
                        <li>
                            <a class="headerSubMenuItem" href="https://www.juksy.com/trending">
                                <span>品牌大勢</span>
                            </a>
                        </li>
                    </ul>
                </li>
                <li class="headerMenu">
                    <a class="headerMenuItem" href="https://www.juksy.com/channel/%E6%99%82%E5%B0%9A%E6%BD%AE%E6%B5%81">時尚潮流</a>
                    <ul class="headerSubMenuList">
                        <li>
                            <a class="headerSubMenuItem" href="https://www.juksy.com/channel/%E7%B2%BE%E5%93%81">
                                <span>精品</span>
                            </a>
                        </li>
                        <li>
                            <a class="headerSubMenuItem" href="https://www.juksy.com/channel/%E6%BD%AE%E7%89%A9">
                                <span>潮物</span>
                            </a>
                        </li>
                        <li>
                            <a class="headerSubMenuItem" href="https://www.juksy.com/channel/%E9%90%98%E9%8C%B6">
                                <span>鐘錶</span>
                            </a>
                        </li>
                        <li>
                            <a class="headerSubMenuItem" href="https://www.juksy.com/channel/%E7%8F%A0%E5%AF%B6">
                                <span>珠寶</span>
                            </a>
                        </li>
                        <li>
                            <a class="headerSubMenuItem" href="https://www.juksy.com/channel/%E8%97%9D%E8%A1%93">
                                <span>藝術</span>
                            </a>
                        </li>
                    </ul>
                </li>
                <li class="headerMenu">
                    <a class="headerMenuItem" href="https://www.juksy.com/channel/%E9%80%A0%E5%9E%8B%E6%90%AD%E9%85%8D">造型搭配</a>
                    <ul class="headerSubMenuList">
                        <li>
                            <a class="headerSubMenuItem" href="https://www.juksy.com/channel/%E7%94%B7%E7%94%9F%E7%A9%BF%E6%90%AD">
                                <span>男生穿搭</span>
                            </a>
                        </li>
                        <li>
                            <a class="headerSubMenuItem" href="https://www.juksy.com/channel/%E5%A5%B3%E7%94%9F%E7%A9%BF%E6%90%AD">
                                <span>女生穿搭</span>
                            </a>
                        </li>
                        <li>
                            <a class="headerSubMenuItem" href="https://www.juksy.com/channel/%E7%BE%8E%E5%A6%9D%E4%BF%9D%E9%A4%8A">
                                <span>美妝保養</span>
                            </a>
                        </li>
                        <li>
                            <a class="headerSubMenuItem" href="https://www.juksy.com/channel/%E7%94%B7%E7%94%9F%E8%AD%B7%E7%90%86">
                                <span>男生護理</span>
                            </a>
                        </li>
                        <li>
                            <a class="headerSubMenuItem" href="https://www.juksy.com/channel/%E9%AB%AE%E5%9E%8B%E8%A8%AD%E8%A8%88">
                                <span>髮型設計</span>
                            </a>
                        </li>
                    </ul>
                </li>
                <li class="headerMenu">
                    <a class="headerMenuItem" href="https://www.juksy.com/channel/%E6%BD%AE%E9%9E%8B">潮鞋</a>
                    <ul class="headerSubMenuList">
                        <li>
                            <a class="headerSubMenuItem" href="https://www.juksy.com/channel/%E7%94%B7%E9%9E%8B">
                                <span>男鞋</span>
                            </a>
                        </li>
                        <li>
                            <a class="headerSubMenuItem" href="https://www.juksy.com/channel/%E5%A5%B3%E9%9E%8B">
                                <span>女鞋</span>
                            </a>
                        </li>
                    </ul>
                </li>
                <li class="headerMenu">
                    <a class="headerMenuItem" href="https://www.juksy.com/channel/%E7%94%9F%E6%B4%BB">生活</a>
                    <ul class="headerSubMenuList">
                        <li>
                            <a class="headerSubMenuItem" href="https://www.juksy.com/channel/%E7%BE%8E%E9%A3%9F%E6%97%85%E9%81%8A">
                                <span>美食旅遊</span>
                            </a>
                        </li>
                        <li>
                            <a class="headerSubMenuItem" href="https://www.juksy.com/channel/3C%E5%8B%95%E6%BC%AB">
                                <span>3C動漫</span>
                            </a>
                        </li>
                        <li>
                            <a class="headerSubMenuItem" href="https://www.juksy.com/channel/%E6%88%B6%E5%A4%96%E9%9C%B2%E7%87%9F">
                                <span>戶外露營</span>
                            </a>
                        </li>
                        <li>
                            <a class="headerSubMenuItem" href="https://www.juksy.com/channel/%E9%85%92%E9%A3%B2">
                                <span>酒飲</span>
                            </a>
                        </li>
                        <li>
                            <a class="headerSubMenuItem" href="https://www.juksy.com/channel/%E8%BB%8A">
                                <span>車</span>
                            </a>
                        </li>
                        <li>
                            <a class="headerSubMenuItem" href="https://www.juksy.com/channel/%E6%84%9F%E6%83%85">
                                <span>感情</span>
                            </a>
                        </li>
                        <li>
                            <a class="headerSubMenuItem" href="https://www.juksy.com/channel/%E5%85%A9%E6%80%A7">
                                <span>兩性</span>
                            </a>
                        </li>
                    </ul>
                </li>
                <li class="headerMenu">
                    <a class="headerMenuItem" href="https://www.juksy.com/channel/%E6%98%8E%E6%98%9F">明星</a>
                    <ul class="headerSubMenuList">
                        <li>
                            <a class="headerSubMenuItem" href="https://www.juksy.com/channel/%E5%BD%B1%E5%8A%87">
                                <span>影劇</span>
                            </a>
                        </li>
                        <li>
                            <a class="headerSubMenuItem" href="https://www.juksy.com/channel/%E9%9F%B3%E6%A8%82">
                                <span>音樂</span>
                            </a>
                        </li>
                        <li>
                            <a class="headerSubMenuItem" href="https://www.juksy.com/channel/%E8%A1%97%E9%9B%BB">
                                <span>街電</span>
                            </a>
                        </li>
                        <li>
                            <a class="headerSubMenuItem" href="https://www.juksy.com/channel/%E5%85%A8%E7%90%83KOL">
                                <span>全球KOL</span>
                            </a>
                        </li>
                    </ul>
                </li>
                <li class="headerMenu">
                    <a class="headerMenuItem" href="https://www.juksy.com/channel/%E9%81%8B%E5%8B%95">運動</a>
                    <ul class="headerSubMenuList">
                        <li>
                            <a class="headerSubMenuItem" href="https://www.juksy.com/channel/%E7%B1%83%E7%90%83">
                                <span>籃球</span>
                            </a>
                        </li>
                        <li>
                            <a class="headerSubMenuItem" href="https://www.juksy.com/channel/%E6%A3%92%E7%90%83">
                                <span>棒球</span>
                            </a>
                        </li>
                        <li>
                            <a class="headerSubMenuItem" href="https://www.juksy.com/channel/%E7%B6%B2%E7%90%83">
                                <span>網球</span>
                            </a>
                        </li>
                        <li>
                            <a class="headerSubMenuItem" href="https://www.juksy.com/channel/%E8%B6%B3%E7%90%83">
                                <span>足球</span>
                            </a>
                        </li>
                        <li>
                            <a class="headerSubMenuItem" href="https://www.juksy.com/channel/%E6%A0%BC%E9%AC%A5">
                                <span>格鬥</span>
                            </a>
                        </li>
                        <li>
                            <a class="headerSubMenuItem" href="https://www.juksy.com/channel/%E5%85%B6%E4%BB%96%E8%B3%BD%E4%BA%8B">
                                <span>其他賽事</span>
                            </a>
                        </li>
                    </ul>
                </li>
                                                            <li class="headerMenu">
                            <a class="headerMenuItem" href="https://events.juksy.com/juksy-plus-issue-03/">JUKSY +</a>
                        </li>
                                            <li class="headerMenu">
                            <a class="headerMenuItem" href="https://events.juksy.com/2025-hbl-campaign/">HBL</a>
                        </li>
                                    <!--                <li class="headerMenu">-->
<!--                    <a class="headerMenuItem" href="https://www.juksy.com/events/2022-fifa-world-cup">JUKSY +</a>-->
<!--                </li>-->
<!--                <li class="headerMenu">-->
<!--                    <a class="headerMenuItem" href="https://events.juksy.com/2024nike-hbl-campaign">HBL</a>-->
<!--                </li>-->
            </ul>
            <div class="headerOperating">
                <div class="OperatingItems">
                    <i class="icon icon-sun js-switchTheme"></i>
                    <i class="icon icon-photoHollow2 js-toggleLoginPop"></i>
                    <i class="icon icon-search js-toggleSearch"></i>
                    <i class="icon icon-hamburg headerHamburgerMenuIcon js-toggleHamburgerMenu"></i>
                </div>

                <div class="searchMenu">
                    <div class="searchInput">
                        <input class="searchQuery js-searchArticleInput" type="text" placeholder="搜尋" >
                        <i class="icon icon-search js-searchArticle"></i>
                    </div>
                    <i class="icon icon-close searchClose js-toggleSearch"></i>
                </div>
            </div>


            <div class="headerLogin js-loginPop hide">
                <label for="agree">
                    <input type="checkbox" name="agree" id="agree" checked>
                </label>
                <a class="agreeLink" href="https://www.juksy.com/member-terms" target="_blank">同意JUKSY街星會員條款</a>
                <button class="FbBtn js-login">Facebook 登入</button>
            </div>

        </div>
    </nav>
</header>

<div id="juksySearch" style="display:none;max-width:1132px;padding-left: 2.4rem;padding-right: 2.4rem;margin-left: auto;margin-right: auto;">
    <div class="gcse-search"></div>
</div>


<div class="mHeaderOverlay js-toggleHamburgerMenu"></div>


<nav class="mHeaderMenuWrap">
    <div class="mHeaderClose">
        <i class="icon icon-close js-toggleHamburgerMenu"></i>
    </div>
    <ul>
        <li>
            <div class="mHeaderMenu">
                <span class="mHeaderMenuInner">特別企劃</span>
                <span class="icon icon-arrowRight js-toggleSubMenu" data-index=0></span>
            </div>

            <ul class="mHeaderSubMenuList" data-index=0>
                <li class="mHeaderMenu  mHeaderSubMenu" >
                    <a class="mHeaderMenuInner" href="https://www.juksy.com/events">
                        <span>JUKSY COVER</span>
                    </a>
                </li>
                <li class="mHeaderMenu  mHeaderSubMenu" >
                    <a class="mHeaderMenuInner" href="https://www.juksy.com/kol">
                        <span>JUKSY POINT</span>
                    </a>
                </li>
                <li class="mHeaderMenu  mHeaderSubMenu" >
                    <a class="mHeaderMenuInner" href="https://www.juksy.com/trending">
                        <span>品牌大勢</span>
                    </a>
                </li>
            </ul>

        </li>
        <li>
            <div class="mHeaderMenu">
                <a class="mHeaderMenuInner" href="https://www.juksy.com/channel/%E6%99%82%E5%B0%9A%E6%BD%AE%E6%B5%81">時尚潮流</a>
                <span class="icon icon-arrowRight js-toggleSubMenu" data-index=1></span>
            </div>

            <ul class="mHeaderSubMenuList" data-index=1>
                <li class="mHeaderMenu  mHeaderSubMenu" >
                    <a class="mHeaderMenuInner" href="https://www.juksy.com/channel/%E7%B2%BE%E5%93%81">
                        <span>精品</span>
                    </a>
                </li>
                <li class="mHeaderMenu  mHeaderSubMenu" >
                    <a class="mHeaderMenuInner" href="https://www.juksy.com/channel/%E6%BD%AE%E7%89%A9">
                        <span>潮物</span>
                    </a>
                </li>
                <li class="mHeaderMenu  mHeaderSubMenu" >
                    <a class="mHeaderMenuInner" href="https://www.juksy.com/channel/%E9%90%98%E9%8C%B6">
                        <span>鐘錶</span>
                    </a>
                </li>
                <li class="mHeaderMenu  mHeaderSubMenu" >
                    <a class="mHeaderMenuInner" href="https://www.juksy.com/channel/%E7%8F%A0%E5%AF%B6">
                        <span>珠寶</span>
                    </a>
                </li>
                <li class="mHeaderMenu  mHeaderSubMenu" >
                    <a class="mHeaderMenuInner" href="https://www.juksy.com/channel/%E8%97%9D%E8%A1%93">
                        <span>藝術</span>
                    </a>
                </li>
            </ul>

        </li>
        <li>
            <div class="mHeaderMenu">
                <a class="mHeaderMenuInner" href="https://www.juksy.com/channel/%E9%80%A0%E5%9E%8B%E6%90%AD%E9%85%8D">造型搭配</a>
                <span class="icon icon-arrowRight js-toggleSubMenu" data-index=2></span>
            </div>

            <ul class="mHeaderSubMenuList" data-index=2>
                <li class="mHeaderMenu  mHeaderSubMenu" >
                    <a class="mHeaderMenuInner" href="https://www.juksy.com/channel/%E7%94%B7%E7%94%9F%E7%A9%BF%E6%90%AD">
                        <span>男生穿搭</span>
                    </a>
                </li>
                <li class="mHeaderMenu  mHeaderSubMenu" >
                    <a class="mHeaderMenuInner" href="https://www.juksy.com/channel/%E5%A5%B3%E7%94%9F%E7%A9%BF%E6%90%AD">
                        <span>女生穿搭</span>
                    </a>
                </li>
                <li class="mHeaderMenu  mHeaderSubMenu" >
                    <a class="mHeaderMenuInner" href="https://www.juksy.com/channel/%E7%BE%8E%E5%A6%9D%E4%BF%9D%E9%A4%8A">
                        <span>美妝保養</span>
                    </a>
                </li>
                <li class="mHeaderMenu  mHeaderSubMenu" >
                    <a class="mHeaderMenuInner" href="https://www.juksy.com/channel/%E7%94%B7%E7%94%9F%E8%AD%B7%E7%90%86">
                        <span>男生護理</span>
                    </a>
                </li>
                <li class="mHeaderMenu  mHeaderSubMenu" >
                    <a class="mHeaderMenuInner" href="https://www.juksy.com/channel/%E9%AB%AE%E5%9E%8B%E8%A8%AD%E8%A8%88">
                        <span>髮型設計</span>
                    </a>
                </li>
            </ul>

        </li>
        <li>
            <div class="mHeaderMenu">
                <a class="mHeaderMenuInner" href="https://www.juksy.com/channel/%E6%BD%AE%E9%9E%8B">潮鞋</a>
                <span class="icon icon-arrowRight js-toggleSubMenu" data-index=3></span>
            </div>

            <ul class="mHeaderSubMenuList" data-index=3>
                <li class="mHeaderMenu  mHeaderSubMenu" >
                    <a class="mHeaderMenuInner" href="https://www.juksy.com/channel/%E7%94%B7%E9%9E%8B">
                        <span>男鞋</span>
                    </a>
                </li>
                <li class="mHeaderMenu  mHeaderSubMenu" >
                    <a class="mHeaderMenuInner" href="https://www.juksy.com/channel/%E5%A5%B3%E9%9E%8B">
                        <span>女鞋</span>
                    </a>
                </li>
            </ul>

        </li>
        <li>
            <div class="mHeaderMenu">
                <a class="mHeaderMenuInner" href="https://www.juksy.com/channel/%E7%94%9F%E6%B4%BB">生活</a>
                <span class="icon icon-arrowRight js-toggleSubMenu" data-index=4></span>
            </div>

            <ul class="mHeaderSubMenuList" data-index=4>
                <li class="mHeaderMenu  mHeaderSubMenu" >
                    <a class="mHeaderMenuInner" href="https://www.juksy.com/channel/%E7%BE%8E%E9%A3%9F%E6%97%85%E9%81%8A">
                        <span>美食旅遊</span>
                    </a>
                </li>
                <li class="mHeaderMenu  mHeaderSubMenu" >
                    <a class="mHeaderMenuInner" href="https://www.juksy.com/channel/3C%E5%8B%95%E6%BC%AB">
                        <span>3C動漫</span>
                    </a>
                </li>
                <li class="mHeaderMenu  mHeaderSubMenu" >
                    <a class="mHeaderMenuInner" href="https://www.juksy.com/channel/%E6%88%B6%E5%A4%96%E9%9C%B2%E7%87%9F">
                        <span>戶外露營</span>
                    </a>
                </li>
                <li class="mHeaderMenu  mHeaderSubMenu" >
                    <a class="mHeaderMenuInner" href="https://www.juksy.com/channel/%E9%85%92%E9%A3%B2">
                        <span>酒飲</span>
                    </a>
                </li>
                <li class="mHeaderMenu  mHeaderSubMenu" >
                    <a class="mHeaderMenuInner" href="https://www.juksy.com/channel/%E8%BB%8A">
                        <span>車</span>
                    </a>
                </li>
                <li class="mHeaderMenu  mHeaderSubMenu" >
                    <a class="mHeaderMenuInner" href="https://www.juksy.com/channel/%E6%84%9F%E6%83%85">
                        <span>感情</span>
                    </a>
                </li>
                <li class="mHeaderMenu  mHeaderSubMenu" >
                    <a class="mHeaderMenuInner" href="https://www.juksy.com/channel/%E5%85%A9%E6%80%A7">
                        <span>兩性</span>
                    </a>
                </li>
            </ul>

        </li>
        <li>
            <div class="mHeaderMenu">
                <a class="mHeaderMenuInner" href="https://www.juksy.com/channel/%E6%98%8E%E6%98%9F">明星</a>
                <span class="icon icon-arrowRight js-toggleSubMenu" data-index=5></span>
            </div>

            <ul class="mHeaderSubMenuList" data-index=5>
                <li class="mHeaderMenu  mHeaderSubMenu" >
                    <a class="mHeaderMenuInner" href="https://www.juksy.com/channel/%E5%BD%B1%E5%8A%87">
                        <span>影劇</span>
                    </a>
                </li>
                <li class="mHeaderMenu  mHeaderSubMenu" >
                    <a class="mHeaderMenuInner" href="https://www.juksy.com/channel/%E9%9F%B3%E6%A8%82">
                        <span>音樂</span>
                    </a>
                </li>
                <li class="mHeaderMenu  mHeaderSubMenu" >
                    <a class="mHeaderMenuInner" href="https://www.juksy.com/channel/%E8%A1%97%E9%9B%BB">
                        <span>街電</span>
                    </a>
                </li>
                <li class="mHeaderMenu  mHeaderSubMenu" >
                    <a class="mHeaderMenuInner" href="https://www.juksy.com/channel/%E5%85%A8%E7%90%83KOL">
                        <span>全球KOL</span>
                    </a>
                </li>
            </ul>

        </li>
        <li>
            <div class="mHeaderMenu">
                <a class="mHeaderMenuInner" href="https://www.juksy.com/channel/%E9%81%8B%E5%8B%95">運動</a>
                <span class="icon icon-arrowRight js-toggleSubMenu" data-index=6></span>
            </div>

            <ul class="mHeaderSubMenuList" data-index=6>
                <li class="mHeaderMenu  mHeaderSubMenu" >
                    <a class="mHeaderMenuInner" href="https://www.juksy.com/channel/%E7%B1%83%E7%90%83">
                        <span>籃球</span>
                    </a>
                </li>
                <li class="mHeaderMenu  mHeaderSubMenu" >
                    <a class="mHeaderMenuInner" href="https://www.juksy.com/channel/%E6%A3%92%E7%90%83">
                        <span>棒球</span>
                    </a>
                </li>
                <li class="mHeaderMenu  mHeaderSubMenu" >
                    <a class="mHeaderMenuInner" href="https://www.juksy.com/channel/%E7%B6%B2%E7%90%83">
                        <span>網球</span>
                    </a>
                </li>
                <li class="mHeaderMenu  mHeaderSubMenu" >
                    <a class="mHeaderMenuInner" href="https://www.juksy.com/channel/%E8%B6%B3%E7%90%83">
                        <span>足球</span>
                    </a>
                </li>
                <li class="mHeaderMenu  mHeaderSubMenu" >
                    <a class="mHeaderMenuInner" href="https://www.juksy.com/channel/%E6%A0%BC%E9%AC%A5">
                        <span>格鬥</span>
                    </a>
                </li>
                <li class="mHeaderMenu  mHeaderSubMenu" >
                    <a class="mHeaderMenuInner" href="https://www.juksy.com/channel/%E5%85%B6%E4%BB%96%E8%B3%BD%E4%BA%8B">
                        <span>其他賽事</span>
                    </a>
                </li>
            </ul>

        </li>
        <li>
            <div class="mHeaderMenu">
                <a class="mHeaderMenuInner" href="https://www.juksy.com/events/2022-fifa-world-cup">JUKSY +</a>
            </div>


        </li>
        <li>
            <div class="mHeaderMenu">
                <a class="mHeaderMenuInner" href="https://juksyevent.com/cocacola/">可口可樂</a>
            </div>


        </li>
    </ul>
    <div class="mHeaderSocialsWrap">
        <ul class="juksySocialsWrap">
            <li class="socialItem">
                <a class="juksyLine" href="https://line.me/R/ti/p/%40ptp8515p" target="_blank" aria-label="line" rel="noreferrer noopener">
                    <i class="icon icon-line" aria-hidden="true"></i>
                </a>
            </li>
            <li class="socialItem">
                <a class="juksyFb" href="https://www.facebook.com/juksymag" target="_blank" aria-label="facebook" rel="noreferrer noopener">
                    <i class="icon icon-fb" aria-hidden="true"></i>
                </a>
            </li>
            <li class="socialItem">
                <a class="juksyYoutube" href="https://www.youtube.com/user/JuksyTV?sub_confirmation=1" target="_blank" aria-label="youtube" rel="noreferrer noopener">
                    <i class="icon icon-youtube" aria-hidden="true"></i>
                </a>
            </li>
            <li class="socialItem">
                <a class="juksyInstagram" href="https://www.instagram.com/juksy_mag/" target="_blank" aria-label="instagram" rel="noreferrer noopener">
                    <i class="icon icon-instagram" aria-hidden="true"></i>
                </a>
            </li>
        </ul>

    </div>
    <ul class="juksyInfoWrap">
        <li class="infoItem">
            <a class="" href="https://www.juksy.com/about" target="_blank" aria-label="關於我們">
                關於我們
            </a>
        </li>
        <li class="infoItem">
            <a class="" href="https://www.juksy.com/contact" target="_blank" aria-label="聯絡我們">
                聯絡我們
            </a>
        </li>
        <li class="infoItem">
            <a class="" href="https://www.juksy.com/adguide" target="_blank" aria-label="廣告刊登">
                廣告刊登
            </a>
        </li>
        <li class="infoItem">
            <a class="" href="https://www.juksy.com/partners" target="_blank" aria-label="合作夥伴">
                合作夥伴
            </a>
        </li>
        <li class="infoItem">
            <a class="" href="https://www.104.com.tw/company/ohxuigw" target="_blank" aria-label="徵才專區" rel="noreferrer noopener">
                徵才專區
            </a>
        </li>
        <li class="infoItem">
            <a class="" href="https://www.juksy.com/privacy" target="_blank" aria-label="隱私權規範">
                隱私權規範
            </a>
        </li>
    </ul>

</nav>
<section class="popupWrap js-popupWrap hide js-adCoverPopup">
    <div class="popupBg"></div>
    <div class="popupContentWrap">
        <p class="popupSubtitle"></p>
        <div class="popupContent">

                        <div
                class="adCover js-cover js-allowFull desktop "
                ad-key="cover_1"
                ad-device="desktop"
                ad-uid="180f9567baed0a3e3fa"
                data-article-id="73283"
                style="min-width: 320px; min-height: 320px;"
                category-id="51"
                data-r18="0"
            >
                            </div>
            <div
                class="adCover js-cover js-allowFull mobile  adshow"
                ad-key="cover_1"
                ad-device="mobile"
                ad-uid="0064a167baed0a3e3fc"
                data-article-id="73283"
                style="min-width: 320px; min-height: 320px;"
                category-id="51"
                data-r18="0"
            >
                                    <!-- DFP adshow --><div id="cover_1-122270-23091-16944209129550-0"></div>                            </div>
                    </div>
        <a href="javascript:;" class="popupBtnClose js-popupBtnClose" aria-label="close" style="width: 30px; height: 30px;">
                <span>
                    <i class="icon icon-close" aria-hidden="true"></i>
                </span>
        </a>
    </div>
</section>
<section class="popupWrap js-popupWrap hide js-adInterstitialPopup js-hideButton">
    <div class="popupBg"></div>
    <div class="popupContentWrap">
        <p class="popupSubtitle"></p>
        <div class="popupContent">
                        <div
                class="adInterstitial js-interstitial js-allowFull desktop "
                ad-key="interstitial"
                ad-device="desktop"
                ad-uid="32967baed0a3e3fd"
                data-article-id="73283"
                category-id="51"
                data-r18="0"
            >
                            </div>
            <div
                class="adInterstitial js-interstitial js-allowFull mobile "
                ad-key="interstitial"
                ad-device="mobile"
                ad-uid="eefbfe67baed0a3e3fe"
                data-article-id="73283"
                category-id="51"
                data-r18="0"
            >
                            </div>
                    </div>
        <a href="javascript:;" class="popupBtnClose js-popupBtnClose" aria-label="close" style="width: 30px; height: 30px;">
                <span>
                    <i class="icon icon-close" aria-hidden="true"></i>
                </span>
        </a>
    </div>
</section>

<main>

    <nav
        class="breadcrumbWrap"
        aria-label="breadcrumb"
    >
        <ol>
            <li><a href="https://www.juksy.com/"><span>首頁</span></a></li>
                            <li><a href="https://www.juksy.com/channel/生活"><span>生活</span></a></li>
            							<li><a href="https://www.juksy.com/channel/3C動漫"><span>3C動漫</span></a></li>
			        </ol>
    </nav>


    <section
        class="articleWrap js-articleWrap"
        data-index="0"
			data-url="https://www.juksy.com/article/73283"
	        data-article-id="73283"
        data-category-id="51"
        data-category-name="3C動漫"
        data-source-name="JUKSY"
        data-rating="1"
        data-author="Jade.K"
    >
        <article>

            <div class="articleHeader js-header">
			                <a class="categoryLink" href="https://www.juksy.com/channel/3C動漫" target="_blank">
			                    3C動漫                </a>

                <h1 class="articleTitle js-title"><a href="/article/73283">【改燥】有了修圖神器，男友不會拍照沒關係！人氣部落客們都在使用的「修圖軟體 app」大公開！</a></h1>
                <div class="articleInfo">
                    <a href="https://www.juksy.com/author/Jade.K" target="_blank">Jade.K</a>
					<span class="date" data-update-date="2021-08-20 21:38:08">2021-08-20 21:38:08 更新</span>
<!--					<span class="date" data-publish-date="2017-11-27 16:01:31" style="display:none;">2017-11-27 16:01:31 發布</span>-->
                </div>
            </div>

    	<div class="top_ad" style="padding-bottom:30px; min-height:320px; max-width:100%; text-align:center;">
		<div
			class="adTop1 js-allowFull desktop  adshow"
							ad-key="top_1"
			
			ad-uid="4f067baed0a3e401"
			data-article-id="73283"
			category-id="51"
			data-r18="0"
		>
							<div id='div-gpt-ad-1690282000599-0' style='min-width: 100%; min-height: 60px; text-align:center;'>
				</div>
			
		</div>
		<div
			class="adTop1 js-allowFull mobile  adshow"
							ad-key="top_1"
			
			ad-device="mobile"
			ad-uid="51e2c367baed0a3e402"
			data-article-id="73283"
			category-id="51"
			data-r18="0"
		>
							<div id='div-gpt-ad-1690282000599-0' style='min-width: 100%; min-height: 60px; text-align:center;'>
				</div>
					</div>
	</div>

				
            <div class="articleBody">
                <div class="main">
                    <div class="content">
                        <div class="juksy_ad_wrap"><div 
                        class="adContent desktop adnotshow" 
                        ad-internal="content_1_1" 
                        ad-uid="a34e4e67baed0a20552"
                        data-article-id="73283"
                        category-id="51"	
                        data-r18="0"
                        >
                    </div><div 
                        class="adContent mobile adshow" 
                        ad-internal="content_1_1" 
                        ad-uid="a34e4e67baed0a20552"
                        data-article-id="73283"
                        category-id="51"	
                        data-r18="0"
                        ><div id="content_1_1-122270-23091-16944209129550-0" style="width: 100vwpx;min-height: 250px; margin:auto;"><div id='juksy_m_life_content_inside_320x100_ad1'></div></div>
                    </div><div 
                        class="adContent desktop adnotshow" 
                        ad-internal="content_1_2" 
                        ad-uid="a34e4e67baed0a20552" 
                        data-article-id="73283"
                        category-id="51"
                        data-r18="0"	
                        >
                    </div><div 
                        class="adContent mobile adnotshow" 
                        ad-internal="content_1_2" 
                        ad-uid="a34e4e67baed0a20552" 
                        data-article-id="73283"
                        category-id="51"
                        data-r18="0"	
                        >
                    </div></div>                    </div>
                    <div class="more">
					                        <div class="sourceWrap">
                            <p>本站圖片部分取自於網路，如有版權使用疑慮煩請告知。</p>
                        </div>
                        <ul class="tagsWrap ellipsisThreeLine">
                            								                                                                    <li>
                                        <a href="https://www.juksy.com/tag/改燥">
                                            改燥                                        </a>
                                    </li>
                                                                    <li>
                                        <a href="https://www.juksy.com/tag/JUKSY12月焦點">
                                            JUKSY12月焦點                                        </a>
                                    </li>
                                                                    <li>
                                        <a href="https://www.juksy.com/tag/修圖軟體">
                                            修圖軟體                                        </a>
                                    </li>
                                                                    <li>
                                        <a href="https://www.juksy.com/tag/濾鏡">
                                            濾鏡                                        </a>
                                    </li>
                                                                    <li>
                                        <a href="https://www.juksy.com/tag/Instagram">
                                            Instagram                                        </a>
                                    </li>
                                                                                    </ul>
                        <div class="shareWrap">
                            <div class="allShare">
                                <!-- share to fb -->
                                <i class="btnShare icon icon-fb" title="分享到facebook" aria-label="分享到facebook" data-url="" onclick="onFacebookShareClick2(this)"></i>
                                <!-- share to line -->
                                <i class="btnShare icon icon-line" title="分享到Line" aria-label="分享到Line" onclick="onLineShareClick2(this)"></i>
                                <!-- copy link -->
                                <i class="btnShare icon icon-link" title="複製連結" aria-label="複製連結" onclick="onLinkCopyShare2(this)"></i>
                            </div>
                            <!-- copy link -->
                            <i class="btnShare mobileShare icon icon-share" title="複製連結" aria-label="複製連結" onclick="onLinkCopyShare2(this)"></i>
                        </div>

                        <div class="adBottomGroupWrap">
                                                        <div
                                class="adBottom desktop  adshow"
                                ad-key="bottom_1"
                                ad-device="desktop"
                                ad-uid="bef06767baed0a3e407"
                                data-article-id="73283"
                                category-id="51"
                                data-r18="0"
                            >
                                                                    <div id='div-gpt-ad-1690282150377-0' style='min-width: 200px; min-height: 200px;'>
                                    </div>
                                

                            </div>
                            <div
                                class="adBottom mobile  adshow"
                                ad-key="bottom_1"
                                ad-device="mobile"
                                ad-uid="72a16467baed0a3e408"
                                data-article-id="73283"
                                category-id="51"
                                data-r18="0"
                            >
                                                                    <div id='div-gpt-ad-1690282150377-0' style='min-width: 200px; min-height: 200px;'>
                                    </div>
                                                            </div>


                            <div
                                class="adBottom desktop adnotshow"
                                ad-key="bottom_2"
                                ad-device="desktop"
                                ad-uid="5e8f7c67baed0a3e409"
                                data-article-id="73283"
                                category-id="51"
                                data-r18="0"
                            >
                                                                    <div id='div-gpt-ad-1690282150377-1' style='min-width: 200px; min-height: 200px;'>
                                    </div>
                                                            </div>
                            <div
                                class="adBottom mobile adnotshow"
                                ad-key="bottom_2"
                                ad-device="mobile"
                                ad-uid="b2146167baed0a3e40a"
                                data-article-id="73283"
                                category-id="51"
                                data-r18="0"
                            >
                                                                    <div id='div-gpt-ad-1690282150377-1' style='min-width: 200px; min-height: 200px;'>
                                    </div>
                                
                            </div>
                                                    </div>
                    </div>
                </div>
                                <aside>
                    <div
                        class="adRightVideo js-refreshByCookie desktop  adnotshow"
                        ad-key="right_video"
                        ad-device="desktop"
                        ad-uid="31b68867baed0a3e40b"
                        data-article-id="73283"
                        category-id="51"
                        data-r18="0"
                    >
                                            </div>
                    <div
                        class="adRightVideo js-refreshByCookie mobile "
                        ad-key="right_video"
                        ad-device="mobile"
                        ad-uid="3b0e6767baed0a3e40c"
                        data-article-id="73283"
                        category-id="51"
                        data-r18="0"
                    >
                                            </div>

                    <div
                        class="adRight desktop  adshow"
                                                    ad-internal="right_1"
                                                ad-device="desktop"
                        ad-uid="503fab67baed0a3e40d"
                        data-article-id="73283"
                        category-id="51"
                        data-r18="0"
                    >
                                                    <!-- DFP adshow --><div id="right_1-122270-23091-16944209129550-0"></div>                        
                    </div>
                    <div
                        class="adRight mobile "
                                                    ad-key="right_1"
                                                ad-device="mobile"
                        ad-uid="faedf467baed0a3e40e"
                        data-article-id="73283"
                        category-id="51"
                        data-r18="0"
                    >
                                                    <div id='div-gpt-ad-1690282046839-0' style='min-width: 300px; min-height: 250px;'>
                            </div>
                        

                    </div>

                    <div class="twoAndThreeGroup desktop">
                        <div
                            class="adRight  adshow"
                            ad-key="right_2"
                            ad-device="desktop"
                            ad-uid="b841ee67baed0a3e40f"
                            data-article-id="73283"
                            category-id="51"
                            data-r18="0"
                        >

                                                            <!-- DFP adshow --><div id="right_2-122270-23091-16944209129550-0"></div>                            
                        </div>
                        <div
                            class="adRight mobile "
                            ad-key="right_2"
                            ad-device="mobile"
                            ad-uid="37961867baed0a3e410"
                            data-article-id="73283"
                            category-id="51"
                            data-r18="0"
                        >
                                                            <div id='div-gpt-ad-1690282073535-0' style='min-width: 300px; min-height: 250px;'>
                                </div>
                                                    </div>

                        <div
                            class="adRight closed desktop "
                            ad-key="right_3"
                            ad-device="desktop"
                            ad-uid="6c25e667baed0a3e411"
                            data-article-id="73283"
                            category-id="51"
                            data-r18="0"
                        >
                                                    </div>
                        <div
                            class="adRight closed mobile "
                            ad-key="right_3"
                            ad-device="mobile"
                            ad-uid="343a7d67baed0a3e412"
                            data-article-id="73283"
                            category-id="51"
                            data-r18="0"
                        >
                                                    </div>

                    </div>
                </aside>
                            </div>
        </article>
    </section>
    <div class="relatedWrap" >


        <div id="_popIn_recommend_footer">

        </div>

    </div>
</main>

<section class="popupWrap js-popupWrap hide idlePopup js-idlePopup generalPopup">
    <div class="popupBg"></div>
    <div class="popupContentWrap">
        <p class="popupSubtitle">您已經閒置超過3分鐘囉！</p>
        <div class="popupContent">
            <div id="idle">
                <ul class="idleArticleWrap js-idleArticleWrap">

                </ul>
                
                <div class="adIdleWrap">
                    <div
                        class="adIdle js-adIdle desktop  adshow"
                        ad-key="idle_1"
                        ad-device="desktop"
                        ad-uid="6a067067baed0a3e413"
                        data-article-id="73283"
                        category-id="51"
                        data-r18="0"
                    >
                                                    <!-- DFP adshow --><div id="idle_1-122270-23091-16944209129550-0"></div>                                            </div>
                    <div
                        class="adIdle js-adIdle mobile "
                        ad-key="idle_1"
                        ad-device="mobile"
                        ad-uid="c08cd867baed0a3e414"
                        data-article-id="73283"
                        category-id="51"
                        data-r18="0"
                    >
                                            </div>

                    <div
                        class="adIdle js-adIdle desktop "
                        ad-key="idle_2"
                        ad-device="desktop"
                        ad-uid="c288e167baed0a3e415"
                        data-article-id="73283"
                        category-id="51"
                        data-r18="0"
                    >
                                            </div>
                    <div
                        class="adIdle js-adIdle mobile "
                        ad-key="idle_2"
                        ad-device="mobile"
                        ad-uid="f2be6c67baed0a3e416"
                        data-article-id="73283"
                        category-id="51"
                        data-r18="0"
                    >
                                            </div>

                    <div
                        class="adIdle js-adIdle desktop  adshow"
                        ad-key="idle_3"
                        ad-device="desktop"
                        ad-uid="82a5d967baed0a3e417"
                        data-article-id="73283"
                        category-id="51"
                        data-r18="0"
                    >
                                                    <!-- DFP adshow --><div id="idle_3-122270-23091-16944209129550-0"></div>                                            </div>
                    <div
                        class="adIdle js-adIdle mobile "
                        ad-key="idle_3"
                        ad-device="mobile"
                        ad-uid="0d7b4167baed0a3e418"
                        data-article-id="73283"
                        category-id="51"
                        data-r18="0"
                    >
                                            </div>

                    <div
                        class="adIdle js-adIdle desktop "
                        ad-key="idle_4"
                        ad-device="desktop"
                        ad-uid="4a7ee067baed0a3e419"
                        data-article-id="73283"
                        category-id="51"
                        data-r18="0"
                    >
                                            </div>
                    <div
                        class="adIdle js-adIdle mobile "
                        ad-key="idle_4"
                        ad-device="mobile"
                        ad-uid="1bc27667baed0a3e41a"
                        data-article-id="73283"
                        category-id="51"
                        data-r18="0"
                    >
                                            </div>

                </div>

            </div>
        </div>
        <a href="javascript:;" class="popupBtnClose js-popupBtnClose" aria-label="close" style="width: 30px; height: 30px;">
                <span>
                    <i class="icon icon-close" aria-hidden="true"></i>
                </span>
        </a>
    </div>
</section>



<section class="popupWrap js-popupWrap hide js-r18Popup generalPopup r18UpWrap">
    <div class="popupBg"></div>
    <div class="popupContentWrap">
        <h3 class="popupTitle">本區域為限制級，未滿18歲不得瀏覽！</h3>
        <p class="popupSubtitle"></p>
        <div class="popupContent">
            <div class="r18IconWrap">
                <i class="icon icon-adult"></i>
            </div>
            <div class="r18UpBtnWrap">
                <a class="cancelBtn" href="/" aria-label="回首頁">回首頁</a>
                <a class="confirmBtn js-btnEnterArticlePage" href="javascript:;" aria-label="進入頁面">進入頁面</a>
            </div>
        </div>
    </div>
</section>



<section class="popupWrap js-popupWrap hide js-articleInfoPopup generalPopup">
    <div class="popupBg"></div>
    <div class="popupContentWrap">
        <p class="popupSubtitle"></p>
        <div class="popupContent">

        </div>
    </div>
</section>
<style>
.floatWrap {
	position: relative;
}
.stickButton {
	position: fixed;
    width: 40px;
    height: 40px;
    z-index: 777;
}
#shareFB {
	top: 360px;
	right:10px;
}
#shareLINE {
	top: 410px;
	right:10px;
}
#backTop {
	bottom: 50px;
	right:10px;	
}
#icon-backTop {
	display: inline-block;
	width: 40px;
	height: 40px;
	stroke-width: 0;
	stroke: var(--secondary-6-color);
	fill: var(--secondary-6-color);
	color: var(--secondary-6-color);
}

</style>
<section class="floatWrap">
	<div id="shareFB" class="shareWrap stickButton">
		<i class="btnShare icon icon-fb" title="分享到facebook" aria-label="分享到facebook" data-url="" onclick="onFacebookShareClick2(this)"></i>
	</div>
	<div id="shareLINE" class="shareWrap stickButton">
		<i class="btnShare icon icon-line" title="分享到Line" aria-label="分享到Line" onclick="onLineShareClick2(this)"></i>
	</div>
	<div id="backTop" class="shareWrap stickButton">
		<div title="回到最頂部" aria-label="回到最頂部" onclick="onBackTop2(this)">
			<svg id="icon-backTop" width='40' height='40' xmlns='http://www.w3.org/2000/svg'>
				<circle cx="20" cy="20" r="20" fill="#FFCF00"/>
				<circle cx="20" cy="20" r="20" fill="#FFCF00"/>
				<path fill-rule="evenodd" clip-rule="evenodd" d="M20 9C20.5523 9 21 9.44772 21 10V24C21 24.5523 20.5523 25 20 25C19.4477 25 19 24.5523 19 24V10C19 9.44772 19.4477 9 20 9Z" fill="currentColor"/>
				<path fill-rule="evenodd" clip-rule="evenodd" d="M19.2929 9.29289C19.6834 8.90237 20.3166 8.90237 20.7071 9.29289L27.7071 16.2929C28.0976 16.6834 28.0976 17.3166 27.7071 17.7071C27.3166 18.0976 26.6834 18.0976 26.2929 17.7071L20 11.4142L13.7071 17.7071C13.3166 18.0976 12.6834 18.0976 12.2929 17.7071C11.9024 17.3166 11.9024 16.6834 12.2929 16.2929L19.2929 9.29289Z" fill="currentColor"/>
				<path d="M13 28.5H27" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>				
			</svg>
		</div>
	</div>
</section>
<section class="popupWrap js-popupWrap hide js-articleInfoPopup generalPopup">
    <div class="popupBg"></div>
    <div class="popupContentWrap">
        <p class="popupSubtitle"></p>
        <div class="popupContent">

        </div>
    </div>
</section>

<script>
window.onFacebookShareClick2 = (e) => {
	//20230306 Pman 直接改用share.php
	var url= encodeURIComponent($('link[rel="canonical"]').attr('href')+'&utm_source=juksy_shared_post&utm_medium=shared_fb');
	//var facebookShareUrl = "https://www.facebook.com/sharer/sharer.php?u=" + url;
	var facebookShareUrl = "https://www.facebook.com/sharer.php?u=" + url; //20230306 Pman 改用dialog/share
	window.open(facebookShareUrl, "_blank", "toolbar=yes,scrollbars=yes,resizable=yes,top=500,left=500,width=600,height=600");
};

window.onLineShareClick2 = (e) => {
	// console.log('onLineShareClick', e);
	const articleTitle = $("section").closest('.articleWrap').find('.articleTitle').text();
	const articleUrl = encodeURIComponent($("section").closest('.articleWrap').attr('data-url')+'&utm_source=juksy_shared_post&utm_medium=shared_line');
	
	//const articleUrl= encodeURIComponent($('link[rel="canonical"]').attr('href')+'&utm_source=juksy_shared_post&utm_medium=shared_line');
	// console.log('articleTitle', articleTitle);
	// console.log('articleUrl', articleUrl);
	window.open(`http://line.naver.jp/R/msg/text/?${articleTitle}%0A${articleUrl}`);
};

window.onLinkCopyShare2 = (e) => {
	if (window.navigator.share) {
		const title = $("section").closest('.articleWrap').find('.articleTitle').text();
		const articleUrl= $("section").closest('.articleWrap').attr('data-url')+'&utm_source=juksy_shared_post&utm_medium=shared_copy';
		window.navigator.share({
			title,
			text: title,
			url: articleUrl,
		});
	}
	else {
		//const articleUrl = $(e).closest('.js-articleWrap').attr('data-url');
		const articleUrl= $("section").closest('.articleWrap').attr('data-url')+'&utm_source=juksy_shared_post&utm_medium=shared_copy';
		copyAction(articleUrl)
			.then(() => {
				const targetPopup = popup(document.querySelector('.js-articleInfoPopup'));
				targetPopup.subtitle('複製成功');
				targetPopup.show();
				setTimeout(() => {
					targetPopup.hide();
				}, 500);
			});
	}
};

window.onBackTop2 = (e) => {
	document.body.scrollTop = 0; // For Safari
	document.documentElement.scrollTop = 0; // For Chrome, Firefox, IE and Opera
};
$( document ).ready(function() {
	$('#backTop').hide();
	$('#shareFB').hide();
	$('#shareLINE').hide();
	if (document.body.clientWidth <= 728) {
		console.log(document.body.clientWidth);
		var interval = 1;
		setInterval(function(){
			if(interval == 4){
				$('#shareFB').fadeIn(1000); 
				$('#shareLINE').fadeIn(1000);
				interval = 1;
			}
			interval = interval+1;
			//console.log(interval);
		},1000);

		$(document).bind('mousemove keypress scroll' , function() {
			$('#shareFB').fadeOut(500); 
			$('#shareLINE').fadeOut(500);	
			interval = 1;
		});	
	}
	$(window).scroll(function() {
		if ($(this).scrollTop() > 100) {
			$('#backTop').fadeIn();
		} else {
			$('#backTop').fadeOut();
		}
	});
});	
</script>

<footer class="foot">
    <ul class="juksySocialsWrap">
        <li class="socialItem">
            <a class="juksyLine" href="https://line.me/R/ti/p/%40ptp8515p" target="_blank" aria-label="line" rel="noreferrer noopener">
                <i class="icon icon-line" aria-hidden="true"></i>
            </a>
        </li>
        <li class="socialItem">
            <a class="juksyFb" href="https://www.facebook.com/juksymag" target="_blank" aria-label="facebook" rel="noreferrer noopener">
                <i class="icon icon-fb" aria-hidden="true"></i>
            </a>
        </li>
        <li class="socialItem">
            <a class="juksyYoutube" href="https://www.youtube.com/user/JuksyTV?sub_confirmation=1" target="_blank" aria-label="youtube" rel="noreferrer noopener">
                <i class="icon icon-youtube" aria-hidden="true"></i>
            </a>
        </li>
        <li class="socialItem">
            <a class="juksyInstagram" href="https://www.instagram.com/juksy_mag/" target="_blank" aria-label="instagram" rel="noreferrer noopener">
                <i class="icon icon-instagram" aria-hidden="true"></i>
            </a>
        </li>
    </ul>

    <ul class="juksyInfoWrap">
        <li class="infoItem">
            <a class="" href="https://www.juksy.com/about" target="_blank" aria-label="關於我們">
                關於我們
            </a>
        </li>
        <li class="infoItem">
            <a class="" href="https://www.juksy.com/contact" target="_blank" aria-label="聯絡我們">
                聯絡我們
            </a>
        </li>
        <li class="infoItem">
            <a class="" href="https://www.juksy.com/adguide" target="_blank" aria-label="廣告刊登">
                廣告刊登
            </a>
        </li>
        <li class="infoItem">
            <a class="" href="https://www.juksy.com/partners" target="_blank" aria-label="合作夥伴">
                合作夥伴
            </a>
        </li>
        <li class="infoItem">
            <a class="" href="https://www.104.com.tw/company/ohxuigw" target="_blank" aria-label="徵才專區" rel="noreferrer noopener">
                徵才專區
            </a>
        </li>
        <li class="infoItem">
            <a class="" href="https://www.juksy.com/privacy" target="_blank" aria-label="隱私權規範">
                隱私權規範
            </a>
        </li>
    </ul>

    <div class="copyRight">
        <a class="logo icon icon-logoWord5" href="https://www.juksy.com/" aria-label="logo"></a>
        <div>
            <div class="line1">COPYRIGHT ©️ 2023 JUKSY ALL RIGHTS RESERVED.</div>
            <div class="line2">捷喜多媒體數位股份有限公司版權所有</div>
        </div>
    </div>

</footer>
<!--<script async src="https://cse.google.com/cse.js?cx=14c912a4fdb3247f6"></script>-->
<script async src='https://au.breaktime.com.tw/js/' ad="creative"></script>
<script>
/*
$(document).mousemove(function () {
	$(".op-interactive").height = $(".op-interactive").contentWindow.document.body.scrollHeight + 'px';
	if(result.length == 0) {
		var num = $('iframe').length;
		console.log("iframe num : "+ num);
		if(num) {
			result = iFrameResize({log:true, checkOrigin: false}, 'iframe.op-interactive');
			console.log(result);
		}
	}

});
*/
	function getCookie(name) {
        let cookieArray = document.cookie.split(';');
        for (let i = 0; i < cookieArray.length; i++) {
            let cookie = cookieArray[i].trim();
            if (cookie.startsWith(name + '=')) {
                return cookie.substring(name.length + 1);
            }
        }
        return null;
    }
    let themeClass = getCookie('theme');
    let switchIconEl = document.querySelector('.js-switchTheme');
    if (themeClass){
        let switchIconMap = {
            'light-theme':'icon-sun',
            'dark-theme':'icon-moon',
        }
        document.body.className = themeClass;

        switchIconEl.classList.remove('icon-moon');
        switchIconEl.classList.remove('icon-sun');
        switchIconEl.classList.add(switchIconMap[themeClass]);
    }else{
        document.body.className = 'light-theme';
        switchIconEl.classList.add('icon-sun');
    }

    function executeSearch() {
        let kw = document.querySelector('input.searchQuery').value;
        window.location.href = '/search/' + encodeURIComponent(kw);
    }

    // document.addEventListener('DOMContentLoaded', function () {
    //     const switchThemeIcon = document.querySelector('.js-switchTheme'); // 獲取切換主題的 icon 元素
    //     const body = document.body; // 獲取 body 元素以便更新類別
    //
    //     switchThemeIcon.addEventListener('click', function() {
    //         if (this.classList.contains('icon-sun')) {
    //             // 如果當前是 icon-sun，切換到 icon-moon 並設定 cookie 為 dark-theme
    //             this.classList.remove('icon-sun');
    //             this.classList.add('icon-moon');
    //             setCookie('theme', 'dark-theme', 7); // 設定 cookie，並設定有效期為 7 天
    //             body.classList.replace('light-theme', 'dark-theme');
    //         } else if (this.classList.contains('icon-moon')) {
    //             // 如果當前是 icon-moon，切換到 icon-sun 並設定 cookie 為 light-theme
    //             this.classList.remove('icon-moon');
    //             this.classList.add('icon-sun');
    //             setCookie('theme', 'light-theme', 7); // 設定 cookie，並設定有效期為 7 天
    //             body.classList.replace('dark-theme', 'light-theme');
    //         }
    //     });
    //
    //     function setCookie(name, value, days) {
    //         const d = new Date();
    //         d.setTime(d.getTime() + (days*24*60*60*1000));
    //         let expires = "expires=" + d.toUTCString();
    //         document.cookie = name + "=" + value + ";" + expires + ";path=/";
    //     }
    // });


    document.addEventListener('DOMContentLoaded', function() {
        const switchThemeIcon = document.querySelector('.js-switchTheme'); // 獲取切換主題的 icon 元素
        const body = document.body; // 獲取 body 元素以便更新類別

        switchThemeIcon.addEventListener('click', function() {
            if (this.classList.contains('icon-sun')) {
                // 如果當前是 icon-sun，切換到 icon-moon 並設定 cookie 為 dark-theme
                this.classList.remove('icon-sun');
                this.classList.add('icon-moon');
                setCookie('theme', 'dark-theme', 7); // 設定 cookie，並設定有效期為 7 天
                body.classList.replace('light-theme', 'dark-theme');
            } else if (this.classList.contains('icon-moon')) {
                // 如果當前是 icon-moon，切換到 icon-sun 並設定 cookie 為 light-theme
                this.classList.remove('icon-moon');
                this.classList.add('icon-sun');
                setCookie('theme', 'light-theme', 7); // 設定 cookie，並設定有效期為 7 天
                body.classList.replace('dark-theme', 'light-theme');
            }
        });

        function setCookie(name, value, days) {
            const d = new Date();
            d.setTime(d.getTime() + (days*24*60*60*1000));
            let expires = "expires=" + d.toUTCString();
            document.cookie = name + "=" + value + ";" + expires + ";path=/";
        }

        // When the element with class 'js-toggleSearch' is clicked
        document.querySelectorAll('i.js-toggleSearch').forEach(item => {
            item.addEventListener('click', function() {
                // Hide elements with the 'OperatingItems' class
                document.querySelectorAll('.OperatingItems').forEach(element => {
                    element.style.display = 'none';
                });
                // Show elements with the 'searchMenu' class
                document.querySelectorAll('.searchMenu').forEach(element => {
                    element.style.display = 'block';
                });
            });
        });

        // When the element with class 'searchClose' is clicked
        document.querySelectorAll('i.searchClose').forEach(item => {
            item.addEventListener('click', function() {
                // Show elements with the 'OperatingItems' class
                document.querySelectorAll('.OperatingItems').forEach(element => {
                    element.style.display = 'block';
                });
                // Hide elements with the 'searchMenu' class
                document.querySelectorAll('.searchMenu').forEach(element => {
                    element.style.display = 'none';
                });
            });
        });

        document.querySelectorAll('i.js-searchArticle').forEach(item => {
            item.addEventListener('click', function() {
                // var kw = document.querySelector('input.searchQuery').value;
                // window.location.href = '/search/' + encodeURIComponent(kw);
                executeSearch();
            });
        });

        document.querySelector('input.searchQuery.js-searchArticleInput').addEventListener('keypress', function(event) {
            if (event.keyCode === 13) {
                executeSearch();
            }
        });

    });

/*
    $(function(){
        $('i.js-searchArticle').click(function(){
            var kw = $('input.searchQuery').val();
            location.href = '/search/'+kw;
        });
    }) 
*/
	// 取得 utm 值
	var utmCampaign,utmMedium,utmSource,utmContent,utmTerm;
	var url = window.location.href;
	var queryparams = url.split('?')[1];
	if(queryparams) {
		var params = queryparams.split('&');
		var pair = null,
			data = [];
		params.forEach(function(d) {
			pair = d.split('=');
			data.push({key: pair[0], value: pair[1]});
		});
		utmCampaign = data.find(item => item.key === "utm_campaign") ? data.find(item => item.key === "utm_campaign").value : '';
		utmMedium = data.find(item => item.key === "utm_medium") ? data.find(item => item.key === "utm_medium").value : '';
		utmSource = data.find(item => item.key === "utm_source") ? data.find(item => item.key === "utm_source").value : '';
		utmContent = data.find(item => item.key === "utm_content") ? data.find(item => item.key === "utm_content").value : '';
		utmTerm = data.find(item => item.key === "utm_term") ? data.find(item => item.key === "utm_term").value : '';
	} else {
		utmCampaign = utmMedium = utmSource = utmContent =  utmTerm = '';
	}
	// 特定 utm 另跑 ga
	if(utmSource === "fb_re" || utmSource === "fb_re2" || utmSource === "fb_re3") {
		var referer = 'https://www.juksy.com/archives/73283';
		console.log(referer);

		let ga_id_list = ["G-NWKS7247QG", "G-KKMEM15KVF" ];

		ga_id_list.forEach(function(ga_id){
			console.log(ga_id+'is running!');
			var gtag_track_script = document.createElement('script');
			gtag_track_script.src = 'https://www.googletagmanager.com/gtag/js?id='+ga_id;
			document.body.appendChild(gtag_track_script);
			window.dataLayer = window.dataLayer || [];
			function gtag(){dataLayer.push(arguments);}

			gtag('js', new Date());
			gtag('set', {		
				'page_title': '【改燥】有了修圖神器，男友不會拍照沒關係！人氣部落客們都在使用的「修圖軟體 app」大公開！ | JUKSY 街星',
				'page_location': 'https://www.juksy.com/article/73283',
				'campaign': {
					'name': utmCampaign,
					'medium': utmMedium,
					'source': utmSource
				},
				'cookie_flags': 'secure;samesite=none '
			});
			gtag('config', ga_id ,{'send_page_view': false} , {'cookie_flags': 'secure;samesite=none'});

			gtag('event', 'page_view', {
				'page_title': '【改燥】有了修圖神器，男友不會拍照沒關係！人氣部落客們都在使用的「修圖軟體 app」大公開！ | JUKSY 街星',
				'page_location': 'https://www.juksy.com/article/73283',
				'campaign': {
					'name': utmCampaign,
					'medium': utmMedium,
					'source': utmSource
				},
				'cookie_flags': 'secure;samesite=none',
				'send_to': ga_id
			});
					gtag('event', utmSource, {
				'page_title': '【改燥】有了修圖神器，男友不會拍照沒關係！人氣部落客們都在使用的「修圖軟體 app」大公開！ | JUKSY 街星',
				'page_location': 'https://www.juksy.com/article/73283?utm_source='+utmSource+'&utm_medium='+utmMedium+'&utm_campaign='+utmSource,
				'campaign': {
					'name': utmCampaign,
					'medium': utmMedium,
					'source': utmSource
				},
				'event_category': 'event_category_fb_re2',
				'event_label': 'event_label_fb_re2',
				'value': 'event_fb_re2',
				'cookie_flags': 'secure;samesite=none',
				 'send_to': ga_id
			});
				});
	} else {
		let ga_id_list = ["G-NWKS7247QG"];
		ga_id_list.forEach(function(ga_id){
			console.log(ga_id+'is running!');
			var gtag_track_script = document.createElement('script');
			gtag_track_script.src = 'https://www.googletagmanager.com/gtag/js?id='+ga_id;
			document.body.appendChild(gtag_track_script);
			window.dataLayer = window.dataLayer || [];
			function gtag(){dataLayer.push(arguments);}

			gtag('js', new Date());
			gtag('set', {		
				'page_title': '【改燥】有了修圖神器，男友不會拍照沒關係！人氣部落客們都在使用的「修圖軟體 app」大公開！ | JUKSY 街星',
				'page_location': 'https://www.juksy.com/article/73283',
				'campaign': {
					'name': utmCampaign,
					'medium': utmMedium,
					'source': utmSource
				},
				'cookie_flags': 'secure;samesite=none '
			});

			gtag('config', ga_id ,{'send_page_view': false} , {'cookie_flags': 'secure;samesite=none'});
			gtag('event', 'page_view', {
				'page_title': '【改燥】有了修圖神器，男友不會拍照沒關係！人氣部落客們都在使用的「修圖軟體 app」大公開！ | JUKSY 街星',
				'page_location': 'https://www.juksy.com/article/73283',
				'campaign': {
					'name': utmCampaign,
					'medium': utmMedium,
					'source': utmSource
				},
				'cookie_flags': 'secure;samesite=none',
				'send_to': ga_id
			});
		});
	}
</script>
<!-- Begin Comscore Tag -->
<script>
	var _comscore = _comscore || [];
	_comscore.push({c1: "2", c2: "17695511", cs_ucfr: "1",options: {enableFirstPartyCookie: true}});
	(function() {
		var s = document.createElement("script"), el = document.getElementsByTagName("script")[0];
		s.async = true;
		s.src = "https://sb.scorecardresearch.com/cs/17695511/beacon.js";
		el.parentNode.insertBefore(s, el);
	})();
</script>
<noscript>
	<img src="https://sb.scorecardresearch.com/p?c1=2&c2=17695511&cv=3.9.1&cj=1">
</noscript>
<!-- End comScore Tag -->	

<section class="popupWrap js-popupWrap adStickyPopup js-adStickyPopup">
    <div class="popupBg"></div>
    <div class="popupContentWrap">
                <p class="popupSubtitle"></p>
        <div class="popupContent">
            <div class="adSticky js-adSticky">
    <div class="adInner textB js-loaded AD-DFP textA" ad-key="sticky" ad-uid="47dd6c64fef14dd2c02" data-article-id="122270" data-vendor="DFP" 
data-campaign="1864-一般-全站-ATL1" data-resource="2299-" id="sticky-wrap-19771" ad-sc="0" data-gtm-vis-recent-on-screen-41682131_94="9339" 
data-gtm-vis-first-on-screen-41682131_94="9339" data-gtm-vis-total-visible-time-41682131_94="100" data-gtm-vis-has-fired-41682131_94="1" data-atl="2">
<div id="sticky-122270-35224-1694429531024" >
</div>
<!--update20240626-->
<!--update20240912-->
</div>
</div>
        </div>
                    <a href="javascript:;" class="popupBtnClose js-popupBtnClose" aria-label="close" style="width: 30px; height: 30px;">
                <span>
                    <i class="icon icon-close" aria-hidden="true"></i>
                </span>
            </a>
            </div>
</section>

<script>


(function(){  

  if(document.querySelectorAll('.js-adStickyPopup > div > a ').length>0){
     var adSticky_button= document.querySelectorAll('.js-adStickyPopup > div > a ')[0] ;
     adSticky_button.addEventListener(`click`, adSticky_hideSubMenus);

     function adSticky_hideSubMenus(event) {
         document.querySelectorAll('.js-adStickyPopup')[0].classList.add('hide'); 
     }
  }
})();
</script>

<script>
(function(){
	setTimeout(function(){
		console.log("device_checked!");
  if (document.body.clientWidth <= 728) {


//    closeBtn.addEventListener('click', function() {
        // 選擇<section>元素
        var popupSectionIdle = document.querySelector('.popupWrap.js-popupWrap.idlePopup.js-idlePopup.generalPopup');

        // 為<section>元素添加hide樣式
        popupSectionIdle.classList.remove('js-idlePopup');
//    });


        resetIdleTimer();
    }
	
	},10000);

})();
</script>



<script>
function idle_adshow(){
		(function(){
/*			show_bottomad(ad_slot_status?.idle_1?.desktop,".desktop","idle_1-122270-23091-16944209129550-0");
			show_bottomad(ad_slot_status?.idle_2?.desktop,".desktop","idle_2-122270-23091-16944209129550-0");
			show_bottomad(ad_slot_status?.idle_3?.desktop,".desktop","idle_3-122270-23091-16944209129550-0");
			show_bottomad(ad_slot_status?.idle_4?.desktop,".desktop","idle_4-122270-23091-16944209129550-0");
*/
			setTimeout(function(){show_bottomad(ad_slot_status?.idle_1?.desktop,".desktop","idle_1-122270-23091-16944209129550-0");},100);
			setTimeout(function(){show_bottomad(ad_slot_status?.idle_2?.desktop,".desktop","idle_2-122270-23091-16944209129550-0");},1600);
			setTimeout(function(){show_bottomad(ad_slot_status?.idle_3?.desktop,".desktop","idle_3-122270-23091-16944209129550-0");},1100);
			setTimeout(function(){show_bottomad(ad_slot_status?.idle_4?.desktop,".desktop","idle_4-122270-23091-16944209129550-0");},1600);

      			function show_bottomad(ad,device_type,ad_div){
        			if(ad){
                			//let inread_ad_div=document.querySelectorAll("[ad-key^='+ad.key+']."+device_type);
                			//let ad_div = "div-gpt-ad-1690282000599-0-"+ad.key;
                			//ad_div = ad.key+"-122270-23091-16944209129550-0";
                			let ad_adunit = ad?.campaignResource?.datas?.adunitKey;
                			let ad_adsize = ad?.campaignResource?.datas?.dimensions;
			
                			/*
                			var inread_ad=document.createElement('div');
                			inread_ad.innerHTML = '<div id="+ad_div+"></div>';
                			inread_ad_div.appendChild(inread_ad);
                			*/
			
                			googletag.defineSlot(ad_adunit, ad_adsize, ad_div).addService(googletag.pubads());
                			googletag.cmd.push(function() {
                        			setTimeout(function(){googletag.display(ad_div);},500);
                			});
        			}
      			}
		})();
	

}

</script>
<script type="text/javascript">
    var cat_id = '51';
    var aid = '73283';
	var params = '';
    var r18 = '0';
    var page = 1;
	var host = window.location.protocol + "//" + window.location.host;
    var isLoading = false;
    var getData = {
        getArticle: function() {
            var xhr = new XMLHttpRequest();
            // xhr.open('POST', '/getarticle/juksy', true);
            xhr.open('POST', '/getarticle/juksy2', true);
            // xhr.setRequestHeader('Content-Type', 'application/json;charset=UTF-8');
            xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
            xhr.onreadystatechange = function() {
                if (xhr.readyState === 4 && xhr.status === 200) {

                    var r = JSON.parse(xhr.responseText);
                    if (r.status) {
                        var relatedWrap = document.querySelector('div.relatedWrap');
                        var div = document.createElement('div');
                        div.innerHTML = r.data;
                        relatedWrap.parentNode.insertBefore(div, relatedWrap);
                        page = r.page;
                        extend_ad_slot_status.push(r.ad_slot_status);
                        isLoading = false;
                        if(typeof juksy_autoload_ad=== "function"){
                            juksy_autoload_ad();
                        }
						
						//if(params == '') {
							window.history.replaceState( { additionalInformation: 'change url' }, r.article_title, host+'/article/'+r.aid);
						//} else {
						//	window.history.replaceState( { additionalInformation: 'change url' }, r.article_title, 'https://beta.juksy.com/article/'+r.aid+'?'+params);
						//}
                    }
                }
            };
            var params = 'cat_id='+cat_id+'&page='+page+'&aid='+aid+'&r18='+r18;
            xhr.send(params);
        },
        getIdleArticleEl:function(){
            var xhr = new XMLHttpRequest();
            xhr.open('POST', '/getarticle/idleArticles', true);
            xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
            xhr.onreadystatechange = function() {
                if (xhr.readyState === 4 && xhr.status === 200) {
                    var r = JSON.parse(xhr.responseText);
                    if (r.status) {
                        var idleWrap = document.querySelector('ul.js-idleArticleWrap');
                        idleWrap.innerHTML = r.outputEl;
                    }
                }
            };
            var params = 'r18='+r18;
            xhr.send(params);
        }
    }

    window.addEventListener('resize', checkScroll);
    window.addEventListener('scroll', checkScroll);
	
    function checkScroll() {
        var windowHeight = window.innerHeight;
        var scrollTop = window.scrollY || document.documentElement.scrollTop;
        var docHeight = Math.max(
            document.body.scrollHeight, document.documentElement.scrollHeight,
            document.body.offsetHeight, document.documentElement.offsetHeight,
            document.body.clientHeight, document.documentElement.clientHeight
        );

        //console.log(scrollTop, windowHeight,docHeight);
		//iFrameResize();


        if ((scrollTop + windowHeight >= docHeight - 1000) && !isLoading && page < 4) {
            console.log('trigger auto loading');
            isLoading = true;
            getData.getArticle();
        }
    }


</script>

</body>
<script>
    var confirmBtn = document.querySelector('.confirmBtn.js-btnEnterArticlePage');

    confirmBtn.addEventListener('click', function() {
        // 選擇<section>元素
        var popupSection = document.querySelector('.popupWrap.js-popupWrap.js-r18Popup.generalPopup.r18UpWrap');

        // 為<section>元素添加hide樣式
        popupSection.classList.add('hide');
    });

    var closeBtn = document.querySelector('.popupBtnClose.js-popupBtnClose');

    closeBtn.addEventListener('click', function() {
        // 選擇<section>元素
        var popupSectionIdle = document.querySelector('.popupWrap.js-popupWrap.idlePopup.js-idlePopup.generalPopup');

        // 為<section>元素添加hide樣式
        popupSectionIdle.classList.add('hide');
    });

    // 閒置處理
    // 閒置時間設置為3分鐘（以毫秒為單位）
    var idleTime = 3 * 60 * 1000;

    // 設置一個變量來存儲setTimeout返回的ID
    var idleTimer;



    // 用於重置定時器的函數
    function resetIdleTimer() {
        // 清除現有的定時器
        clearTimeout(idleTimer);

        // 設置新的定時器
        idleTimer = setTimeout(function() {
            // 選擇<section>元素
            var popupSection = document.querySelector('.popupWrap.js-popupWrap.hide.idlePopup.js-idlePopup.generalPopup');

            // 移除hide樣式
            // if (popupSection) {
            //     getData.getIdleArticleEl();
            //     popupSection.classList.remove('hide');
            //     setTimeout(function(){
            //         if (typeof idle_adshow === 'function') {
            //             idle_adshow();
            //         }
            //     },2000);
            // }
            if (popupSection) {
                if (typeof idle_adshow === 'function') {
                    idle_adshow();
                }
                setTimeout(function(){
                    getData.getIdleArticleEl();
                    popupSection.classList.remove('hide');
                },2000);

            }
        }, idleTime);
    }


    // 初始化定時器
    if (document.body.clientWidth > 728) {
        // 為不同的事件添加事件監聽器以重置定時器
        window.addEventListener('mousemove', resetIdleTimer);
        window.addEventListener('keydown', resetIdleTimer);
        window.addEventListener('scroll', resetIdleTimer);
        resetIdleTimer();
    }
	/*
	$(document).ready(function () {	
		$('iframe').load(function() {
			this.style.height =
			this.contentWindow.document.body.offsetHeight + 'px';
			console.log('frame height : '+this.style.height);
		});	
		
	});*/
</script>
</html>