{php} require MAC_ROOT_TEMPLATE . 'php/helpers.php';{/php}
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-FBN6RW74PQ"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());
  gtag('config', 'G-FBN6RW74PQ');
</script>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
{include file="public/seo"}

<!-- Icon -->
<link rel="shortcut icon" type="image/x-icon" href="{:mac_url_img($wntheme.site_favicon)}">

<!-- CSS -->
<link rel="stylesheet" href="{$maccms.path_tpl}asset/css/common.css?v={$version}">
<link rel="stylesheet" href="{$maccms.path_tpl}asset/css/plugins.css?v={$version}"/>
<link rel="stylesheet" href="{$maccms.path_tpl}asset/css/wntheme-ui.css?v={$version}"/>
<link rel="stylesheet" href="{$maccms.path_tpl}asset/css/style.css?v={$version}">

{if($wn_link_upgrade)}
<link rel="stylesheet" href="{$maccms.path}static/css/custom_ads_blocks.css?v={$version}">
{/if}
{if($wn_floating)}
<link rel="stylesheet" href="{$maccms.path}static/css/custom_ads_floatings.css?v={$version}">
{/if}

<style>
	:root {
		--wn-block-container-width: 1280px;
		--wn-banner-container-max-width: 100%;

		/*
		--wn-block-app-margin:30px auto 50px auto;
		--wn-block-title-text-align: left;
		*/

		/*
		--wn-block-title-color: white;
		--wn-block-app-text-color: white;
		--wn-block-app-text-mobile-font-size: 12px;
		--main-color: {$wntheme.main_color ?: '#ff9090'};
		*/

		--theme-color: {$wntheme.main_color ?: '#2299DD'};

		--color-primary: {$wntheme.style.theme_color ?: '#333'};
		--color-secondary: {$wntheme.style.theme_color_2 ?: '#828a92'};
		--color-tertiary: {$wntheme.style.theme_color_3 ?: '#f5f5f5'};

		--bg-primary: {$wntheme.style.bg_color_1 ?: '#f6f8fb'};
		--bg-secondary: {$wntheme.style.bg_color_2 ?: '#fff'};

		--theme-gap: 10px;
	}

	[data-theme="1"], .sp-dark-mode {

	  --color-primary: {$wntheme.style.dark_theme_color ?: '#fff'};
	  --color-secondary: {$wntheme.style.dark_theme_color_2 ?: '#a4a8b4'};
	  --color-tertiary: {$wntheme.style.dark_theme_color_3 ?: '#192039'};

	  --bg-primary: {$wntheme.style.dark_bg_color_1 ?: '#192039'};
	  --bg-secondary: {$wntheme.style.dark_bg_color_2 ?: '#1f2745'};


	}
</style>

<style>
	{if($wntheme['portrait_vod_pic'])}
		/* portrait mode css */
		@media screen and (max-width: 767px) {}
	{else}
		/* landscape mode css */
		.video-img,
		.ranking-item-cover a,
		.block-fea{
			padding-bottom: 67.67%;
		}

		.media-2x1:after{
			padding-top: 67.67%;
		}

		.block-image{
			width: 350px !important;
		}
		.block-info {
			width: calc(100% - 350px - 20px);
		}

		@media screen and (max-width: 767px) {
			.block-image{
				width: 150px !important;
			}
			.block-info {
				width: calc(100% - 150px - 20px);
			}
		}
	{/if}
</style>
<style>
    @media (min-width: 1200px) {
        .container {
            width: min(100%, 2000px);
        }
        .main-slider {
            max-width: 100%;
        }
        .small-slider-item{
            height: auto;
        }
    }

</style>

<!-- JS -->
<!--[if lt IE 9]>
<script type="text/javascript" src="{$maccms.path_tpl}asset/js/html5.min.js"></script>
<script type="text/javascript" src="{$maccms.path_tpl}asset/js/respond.min.js"></script>
<![endif]-->
<script type="text/javascript">
var maccms={"path":"__ROOT__","mid":"{$maccms['mid']}","aid":"{$maccms['aid']}","url":"{$maccms['site_url']}","wapurl":"{$maccms['site_wapurl']}","mob_status":"{$maccms['mob_status']}"};
var wntheme_comfig={"path_tpl":"{$maccms.path_tpl}","debug":0,"sticky":0,"autocomplete":0,"theme":{$wntheme.default_theme_mode??'0'},"banner_text":0};

</script>
<script type="text/javascript" src="{$maccms.path_tpl}asset/js/jquery.min.js?v={$version}"></script>
<script type="text/javascript" src="{$maccms.path_tpl}asset/js/plugins.js?v={$version}"></script>
<script type="text/javascript" src="{$maccms.path_tpl}asset/js/home.js?v={$version}"></script>
<script type="text/javascript" src="{$maccms.path_tpl}asset/js/wntheme.js?v={$version}"></script>
<script type="text/javascript" src="{$maccms.path_tpl}asset/js/app.js?v={$version}"></script>
<script>
	var wntheme = {"version": "{$version}"}
	var wn_translation = {:wnthrme_get_translation_json()};
</script>
{$wntheme.head_code}
{$maccms.site_tj|html_entity_decode}