@charset "utf-8";

/* COMMON */
[id*="pc-only"],
[id*="mo-only"] {display:none;}

.desktop [id*="pc-only"] {display:block;}
.desktop [id*="mo-only"] {display:none;}

.mobile [id*="mo-only"] {display:block;}

.mobile.desktop [id*="pc-only"],
.mobile [id*="pc-only"] {display: none;}

.btn_encased {color:#000; font-weight:bold; text-decoration:underline;}
.btn_encased.white {color:#fff;}
.btn_encased::after {display:inline-block; vertical-align:middle; content:""; margin-left:2px; width:11px; height:11px; background:url("/global/galaxy/apps/common/img/ico-newwindow-black.svg") no-repeat;}
.btn_encased.white::after {color:#fff; background:url("/global/galaxy/apps/common/img/ico-newwindow-white.svg") no-repeat;}

/* LAYOUT */
.apps_cr [class*="m_content-"] {position:relative; max-width:1440px; margin:0 auto; box-sizing:border-box;}  
.apps_cr [class*="m_content-"] .disclaimer,
.apps_cr [class*="m_content-"] .disclaimer p,
.apps_cr [class*="m_content-"] .disclaimer a {color:#666;}
.apps_cr [class*="m_content-"] .disclaimer {font-size:14px; box-sizing:border-box;}
.apps_cr .f_container figure img {height:100%;}

/* MORE BUTTON */
.apps_cr .more_wrap {text-align:center;}
.apps_cr .more_wrap .more_list {display:none; max-width:1440px; margin:0 auto;}
.apps_cr .more_wrap .more_list ul {display:table; table-layout:fixed; width:100%;}
.apps_cr .more_wrap .more_list li {display:table-cell; vertical-align:top; padding:60px 0 36px;}
.apps_cr .more_wrap .more_list li .img_box {display:block; height:46px; margin:0 auto;}
.apps_cr .more_wrap .more_list li .desc {margin-top:14px; min-height:42px; padding:0 20px; font-size:16px;}
.apps_cr .more_wrap .btn_more {position:relative; display:inline-block; margin:0 auto; padding:0 0 18px 0; font-size:16px; font-weight:bold; color:#000;}
.apps_cr .more_wrap .btn_more:after {position:absolute; display:block; top:auto; bottom:0; left:50%; width:12px; height:7px; margin-left:-6px; background:url('/global/galaxy/apps/common/img/apps_arrow_black_down.png') center bottom no-repeat; background-size:100%; content:"";}
.apps_cr .more_wrap.active .btn_more {margin:76px 0 70px; padding:18px 0 0 0;}
.apps_cr .more_wrap.active .btn_more:after {top:0; bottom:auto; background-image:url('/global/galaxy/apps/common/img/apps_arrow_black_up.png');}

/* RTL : MORE BUTTON */
.rtl .apps_cr .more_wrap li + li {border-right:none; border-left:1px solid #e8e8e8;}
.rtl .apps_cr .more_wrap li.fake {border:none;}

/* NATION : AU */
html[lang^="en-AU"].mobile [id*="mo-only"] .ma-g-c-feature-general__content br {display:block;}



/* NATION : TH */
html[lang^="th"] .apps_cr .more_wrap .more_list li .desc {line-height:1.32;}
html[lang^="th"] .apps_cr .more_wrap .btn_more {font-size:21.6px;}

/* DEX */
.apps_cr .m_content-mode {margin:2px auto 0; padding:0 120px;}
.apps_cr .m_content-mode .f_container .inner .f_header-inner {position:static; text-align:center;}
.apps_cr .m_content-mode .more_wrap {max-width:1360px; margin:0 1px;}
.apps_cr .m_content-mode .more_wrap ul {display:table; table-layout:fixed; width:100%;}
.apps_cr .m_content-mode .more_wrap li {display:table-cell; vertical-align:top; box-sizing:border-box; border:1px solid #e8e8e8; padding:60px 0 36px;}
.apps_cr .m_content-mode .more_wrap li + li {border-left:none;}
.apps_cr .m_content-mode .more_wrap ul + ul li {border-top:none;}
.apps_cr .m_content-mode .more_wrap li .img_box {display:block; height:46px;}
.apps_cr .m_content-mode .more_wrap li .img_box img {width:auto; max-width:100%; height:auto; max-height:100%; margin:0 auto;}
.apps_cr .m_content-mode .more_wrap li .desc {margin-top:14px; min-height:42px; padding:0 20px; font-size:16px;}
.apps_cr .m_content-mode .more_wrap li.fake {border:none;}
.apps_cr .m_content-mode .more_wrap > .more_preview {margin-bottom:87px;}
.apps_cr .m_content-mode .more_wrap .more_list {margin-top:-88px;}
.apps_cr .m_content-mode .more_wrap.active .btn_more {margin:57px auto 0;}
.apps_cr .m_content-mode .text_box {margin-top:57px;}

/* RTL : MORE BUTTON */
.rtl .apps_cr .m_content-mode .more_wrap li + li {border-right:none; border-left:1px solid #e8e8e8;}
.rtl .apps_cr .m_content-mode .more_wrap li.fake {border:none;}

@media screen and (max-width:1440px) {
	/* COMMON */
	.btn_encased::after {margin-left: 0.1388vw; width: 0.7638vw; height: 0.7638vw;}

	/* LAYOUT */
	.apps_cr [class*="m_content-"] .disclaimer {font-size:0.9722vw;}

	/* MORE BUTTON */
	.apps_cr .more_wrap .more_list li {padding:4.1666vw 0 2.5vw;}
    .apps_cr .more_wrap .more_list li .img_box {height:3.1944vw; margin-bottom:1.1111vw;}
    .apps_cr .more_wrap .more_list li .desc {min-height:2.9166vw; margin-top:0.9722vw; padding:0 1.3888vw; font-size:1.1111vw;}
    .apps_cr .more_wrap .btn_more {padding:0 0 1.25vw 0; font-size:1.1111vw;}
	.apps_cr .more_wrap .btn_more:after {width:0.8333vw; height:0.4861vw; margin-left:-0.4166vw;}
    .apps_cr .more_wrap.active .btn_more {margin:5.2777vw 0 4.8611vw; padding:1.25vw 0 0 0;}

	/* NATION : TH */
	html[lang^="th"] .apps_cr .more_wrap .btn_more {font-size:1.5vw;}

	/* DEX */
	.apps_cr .m_content-mode {padding:0 8.3333vw;}
	.apps_cr .m_content-mode .more_wrap li {padding:4.1666vw 0 2.5vw;}
	.apps_cr .m_content-mode .more_wrap li .desc {min-height:2.9166vw; margin-top:0.9722vw; padding:0 1.3888vw; font-size:1.1111vw;} 
	.apps_cr .m_content-mode .more_wrap li .img_box {height:3.1944vw;}
	.apps_cr .m_content-mode .more_wrap > .more_preview {margin-bottom:6.0416vw;}
    .apps_cr .m_content-mode .more_wrap .more_list {margin-top:-6.1111vw;}
    .apps_cr .m_content-mode .more_wrap.active .btn_more {margin:3.9583vw auto 0;}
	.apps_cr .m_content-mode .text_box {margin-top:3.9583vw;}
}

@media screen and (max-width:768px) {
	/* COMMON */
    .btn_encased::after {margin-left: 0.5vw; width: 2.5vw; height: 2.5vw;}

	/* LAYOUT */
	.apps_cr [class*="m_content-"] .disclaimer {width:100%; font-size:2.7777vw; text-align:center;}

	/* MORE BUTTON */
    .apps_cr .more_wrap .more_list ul {display:block;}
    .apps_cr .more_wrap .more_list ul:after {display:block; clear:both; content:"";}
    .apps_cr .more_wrap .more_list li {display:block; float:left; height:27.7777vw; padding:8.8888vw 0 2.0833vw;}
    .apps_cr .more_wrap .more_list li .img_box {height:6.3888vw;}
    .apps_cr .more_wrap .more_list li .desc {width:auto; min-height:auto; margin-top:1.8055vw; padding:0 1.7vw; font-size:2.2222vw;}
    .apps_cr .more_wrap .btn_more {margin:7.3611vw 0 0; padding:0 0 3.4722vw; font-size:2.2222vw;}
    .apps_cr .more_wrap .btn_more:after {width:2.2222vw; height:1.25vw; margin-left:-1.1111vw;}
    .apps_cr .more_wrap.active .btn_more {margin:3.6111vw 0 6.3888vw; padding:2.777vw 0 0;}

	/* RTL : MORE BUTTON */
	.rtl .apps_cr .more_wrap ul {border-right:1px solid #e8e8e8; border-left:none;}
	.rtl .apps_cr .more_wrap li {float:right; border-left:1px solid #e8e8e8; border-right:none;}

	/* NATION : TH */
	html[lang^="th"] .apps_cr .more_wrap .btn_more {font-size:27px; font-size:3.75vw;}

	/* DEX */
	.apps_cr .m_content-mode {padding:0 8.3333vw;}
	.apps_cr .m_content-mode .more_wrap ul {display:block; border-left:1px solid #e8e8e8;}
	.apps_cr .m_content-mode .more_wrap ul:after {display:block; clear:both; content:"";}
	.apps_cr .m_content-mode .more_wrap li {float:left; display:block; width:33.3%; height:27.7777vw; padding:8.8888vw 0 2.0833vw; border-top:none; border-left:none;}
	.apps_cr .m_content-mode .more_wrap li .img_box {height:6.3888vw;}
	.apps_cr .m_content-mode .more_wrap li .desc {min-height:auto; margin-top:1.8055vw; padding:0 1.7vw; font-size:2.2222vw;}
	.apps_cr .m_content-mode .more_wrap > .more_preview {margin-bottom:0;}
	.apps_cr .m_content-mode .more_wrap > .more_preview > ul:first-child {border-top:1px solid #e8e8e8;}
	.apps_cr .m_content-mode .more_wrap .more_list {margin-top:0;}
	.apps_cr .m_content-mode .more_list li.fake {display:none;}
	.apps_cr .m_content-mode .more_wrap.active {margin:0 1px;}
	.apps_cr .m_content-mode .more_wrap.active .btn_more {margin:5.6944vw 0 0;}
    .apps_cr .m_content-mode .more_wrap.active .btn_more:after {display:block;}
	.apps_cr .m_content-mode .text_box {margin-top:5.9722vw;}

	/* RTL : MORE BUTTON */
	.rtl .apps_cr .m_content-mode .more_wrap ul {border-right:1px solid #e8e8e8; border-left:none;}
	.rtl .apps_cr .m_content-mode .more_wrap li {float:right; border-left:1px solid #e8e8e8; border-right:none;}
}

@media screen and (max-width:360px) {
	/* MORE BUTTON */
	.apps_cr .more_wrap li .desc {padding:0;}
}