/* 
Main Stylesheet
Created By: Andamant Works
*/
	
/* INITIAL CSS */
html {font-size: 10px;}
html .gen-anm {visibility: hidden;}


@media only screen and (min-width: 1500px) {
	html {font-size: 12px;}
}
@media only screen and (min-width: 1900px) {
	html {font-size: 14.5px;}
}
@media only screen and (min-width: 2400px) {
	html {font-size: 18px;}
}
@media only screen and (max-width: 1024px) {
	html {font-size: 9px;}
}
@media only screen and (max-width: 500px) {
	html {font-size: 8.5px;}
}

body {color: #343434; font-family: 'GeneralFont', Arial, Verdana; font-size: 1.8rem; line-height: 2.8rem; position: relative; background: #fff; overflow-x: hidden;}
.spc-font {font-family: 'Seriffic Grunge', 'TitleFont', Arial;}

b, strong {font-family: 'BoldFont', Arial, Verdana;}
i, em {font-family: 'ItalicFont', Arial, Verdana;}
b i, i b, b em, em b, strong i, i strong, strong em, em strong {font-family: 'BoldItalicFont', Arial, Verdana;}

h1, h2, h3, h4, h5 {font-family: 'TitleFont', Arial, Verdana; color: #141417;}
h1 b, h2 b, h3 b, h4 b, h5 b, h1 strong, h2 strong, h3 strong, h4 strong, h5 strong {font-family: 'TitleFont', Arial, Verdana; font-weight: bold;}
h1 i, h2 i, h3 i, h4 i, h5 i, h1 em, h2 em, h3 em, h4 em, h5 em{font-family: 'ItalicFont', Arial, Verdana;}
h1 b i, h2 b i, h3 b i, h4 b i, h5 b i,
h1 i b, h2 i b, h3 i b, h4 i b, h5 i b,
h1 b em, h2 b em, h3 b em, h4 b em, h5 b em,
h1 em b, h2 em b, h3 em b, h4 em b, h5 em b,
h1 strong i, h2 strong i, h3 strong i, h4 strong i, h5 strong i,
h1 i strong, h2 i strong, h3 i strong, h4 i strong, h5 i strong,
h1 strong em, h2 strong em, h3 strong em, h4 strong em, h5 strong em,
h1 em strong, h2 em strong, h3 em strong, h4 em strong, h5 em strong {font-family: 'TitleItalicFont', Arial, Verdana; font-weight: bold;}

h1 {font-size: 4.4rem; line-height: 5.4rem; margin-bottom: 1.5rem;}
h2 {font-size: 3.8rem; line-height: 4.8rem; margin-bottom: 1.5rem;}
h3 {font-size: 3.2rem; line-height: 4.2rem; margin-bottom: 1.5rem;}
h4 {font-size: 2.7rem; line-height: 3.7rem; margin-bottom: 1.5rem;}
h5 {font-size: 2.2rem; line-height: 3.2rem; margin-bottom: 1.5rem;}
h1.no-mb, h2.no-mb, h3.no-mb, h4.no-mb, h5.no-mb {margin-bottom: 0;}

p, p a {font-size: 1.8rem; color: #343434; line-height: 2.8rem;}
p.big, .big {font-size: 2.2rem; line-height: 3rem;}
p a:hover {text-decoration: underline; color: #62472C;}
a {color: #62472C; font-size: 1.6rem; line-height: 2.9rem; text-decoration: none;
transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear;}
a:hover {color: #281A0C; text-decoration: underline;}

.cl-secondary {color: #62472C;}

img {
backface-visibility: hidden; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden;}
img.full-width {width: 100%; display: block;}
img.centered {margin: 0 auto; display: block; max-width: 100%; height: auto;}
img.round-border {border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px;}

.gen-img-wrap {margin-bottom: 3rem; position: relative;}
.gen-img-wrap.no-mb {margin-bottom: 0;}
.gen-img-wrap img {max-width: 100%; display: block;}
.gen-img-wrap img.centered {margin-left: auto; margin-right: auto;}

.full-img-wrap {position: relative;}
.full-img-wrap img {width: 100%; display: block;}

.dmb-img-wrap {position: relative; width: 100%; height: 100%; background: transparent;}
.dmb-img-wrap img {position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto;}

.ta-center {text-align: center;}
.ta-left {text-align: left;}
.ta-right {text-align: right;}
.ta-justify {text-align: justify;}

.fl-left {float: left;}
.fl-right {float: right;}
.fl-clear {clear: both;}

.sfw {float: left; width: 100%; position: relative;}
.mt-1 {margin-top: 1rem;}
.mt-2 {margin-top: 2rem;}
.mt-3 {margin-top: 3rem;}
.mt-4 {margin-top: 4rem;}
.mb-3 {margin-bottom: 3rem;}
.mb-4 {margin-bottom: 4rem;}

@media only screen and (max-width: 768px) {
	h1 {font-size: 4.0rem; line-height: 5rem;}
	h2 {font-size: 3.4rem; line-height: 4.4rem;}
	h3 {font-size: 2.8rem; line-height: 3.8rem;}
	h4 {font-size: 2.2rem; line-height: 3.2rem;}
}

@media only screen and (max-width: 500px) {
	h1 {font-size: 3.8rem; line-height: 4.6rem;}
	h2 {font-size: 3.2rem; line-height: 4rem;}
	h3 {font-size: 2.6rem; line-height: 3.4rem;}
	h4 {font-size: 2rem; line-height: 3rem;}
}

@media only screen and (max-width: 400px) {
	h1 {font-size: 3.6rem; line-height: 4.4rem;}
	h2 {font-size: 3rem; line-height: 3.8rem;}
	h3 {font-size: 2.4rem; line-height: 3.2rem;}
	h4 {font-size: 2rem; line-height: 2.8rem;}
}
/* /INITIAL CSS */


/* GENERAL LAYOUT CSS */
.amt-flex {display: flex; justify-content: space-between; width: 100%; flex-wrap: wrap;}
.amt-flex.start {justify-content: flex-start;}
.amt-flex.end {justify-content: flex-end;}
.amt-flex.rtl {flex-direction: row-reverse;}
.amt-flex.centered {justify-content: center;}
.amt-flex.align-centered {align-items: center;}

.wrap {margin: 0 auto; width: 88%;}
.wrap-2 {margin: 0 auto; width: 70%;}


@media only screen and (min-width: 1600px) {
	.wrap {margin: 0 auto; width: 85%;}
}

@media only screen and (max-width: 768px) {
	.wrap, .wrap-2 {width: 90%;}
}
/* /GENERAL LAYOUT CSS */


/* WYSIWYG CONTENT */
.wysiwyg-content, .wysiwyg-content p, .wysiwyg-content a, .wysiwyg-content ul li, .wysiwyg-content ol li {font-size: 1.8rem; color: #343434; line-height: 2.8rem; font-family: 'GeneralFont', Arial, Verdana;}
.wysiwyg-content.big, .wysiwyg-content.big p, .wysiwyg-content.big a, .wysiwyg-content.big ul li, .wysiwyg-content.big ol li {font-size: 2.2rem; line-height: 3.2rem; font-family: 'GeneralFont', Arial, Verdana;}
.wysiwyg-content.small, .wysiwyg-content.small p, .wysiwyg-content.small a, .wysiwyg-content.small ul li, .wysiwyg-content.small ol li {font-size: 1.2rem; line-height: 2rem; font-family: 'GeneralFont', Arial, Verdana;}
.wysiwyg-content.white, .wysiwyg-content.white p, .wysiwyg-content.white a, .wysiwyg-content.white ul li, .wysiwyg-content.white ol li {color: #fff;}
.wysiwyg-content img {}
.wysiwyg-content img.fr-dib {display: block; margin: 0 auto;}
.wysiwyg-content img.fr-dib.fr-fil {text-align: left;}
.wysiwyg-content img.fr-dib.fr-fir {text-align: right;}
.wysiwyg-content img.fr-dii {}
.wysiwyg-content img.fr-dii.fr-fil {float: left; margin-right: 3rem;}
.wysiwyg-content img.fr-dii.fr-fir {float: right; margin-left: 3rem;}

.wysiwyg-content a {color: #282e68;}
.wysiwyg-content a:hover {color: #282e68; text-decoration: underline;}
.wysiwyg-content p a {color: #343434;}
.wysiwyg-content p a:hover {color: #282e68;}
.wysiwyg-content.white a {color: #fff;}
.wysiwyg-content.white a:hover {color: #fff; text-decoration: underline}
.wysiwyg-content.white h1, .wysiwyg-content.white h2, .wysiwyg-content.white h3, .wysiwyg-content.white h4, .wysiwyg-content.white h5 {color: #fff;}
.wysiwyg-content ul li {padding-left: 0px; list-style-type: disc; padding-bottom: 3px; margin-left: 55px;}
.wysiwyg-content ol li {list-style-type: decimal; margin-left: 55px;}
.wysiwyg-content.custom-list ul li {list-style-type: none; margin-bottom: 0.7rem; margin-left: 0; padding-bottom: 0; padding-left: 1.5rem; background: url(../images/icon/checkmark.png) no-repeat left top 0.08rem; background-size: 0.8rem; box-sizing: border-box;}
.wysiwyg-content.custom-list ul li:last-child {margin-bottom: 0;}
.wysiwyg-content.list-flat ol li {margin-left: 15px;}

.wysiwyg-content img.feat-img {float: left; max-width: 50%; margin-right: 20px; margin-bottom: 20px;}
.wysiwyg-content img {max-width: 100% !important;}

.wysiwyg-content table {width: 100%;}
.wysiwyg-content table tbody tr {border-top: 0.1rem solid #eaeaea;}
.wysiwyg-content table tbody tr:last-child {border-bottom: 0.1rem solid #eaeaea;}
.wysiwyg-content table tbody tr td {padding: 1.5rem 2rem; font-size: 1.5rem; line-height: 2.5rem; border-left: 0.1rem solid #eaeaea; vertical-align: middle;} 
.wysiwyg-content table tbody tr td:last-child {border-right: 0.1rem solid #eaeaea;}
.wysiwyg-content table.fr-alternate-rows tr:nth-child(odd) td {background: #fff;}
.wysiwyg-content table.fr-alternate-rows tr:nth-child(even) td {background: #f5f5f5;}

.wysiwyg-content iframe {width: 100% !important; height: 50rem !important;}

@media only screen and (max-width: 1200px) {
	.wysiwyg-content iframe {height: 40rem !important;}
}

@media only screen and (max-width: 768px) {
	.wysiwyg-content iframe {height: 32rem !important;}
}

@media only screen and (max-width: 500px) {
	.wysiwyg-content iframe {height: 24rem !important;}
}

@media only screen and (max-width: 400px) {
	.wysiwyg-content iframe {height: 21rem !important;}
}
/* /WYSIWYG CONTENT */


/* TABLE */
table.gen-table {width: 100%;}
table.gen-table tbody tr {border-top: 0.1rem solid #afafaf;}
table.gen-table tbody tr:last-child {border-bottom: 0.1rem solid #afafaf;}
table.gen-table tbody tr td {padding: 1.5rem 2rem; font-size: 1.5rem; line-height: 2.5rem; border-left: 0.1rem solid #afafaf; vertical-align: middle; background: #fff;} 
table.gen-table tbody tr td.bg {background: #EB2227; color: #fff;}
table.gen-table tbody tr td:last-child {border-right: 0.1rem solid #afafaf;}
/* /TABLE */


/* FORM */
input[type=text], input[type=email], input[type=password], textarea {font-family: 'GeneralFont', Arial, Verdana; border: 0.1rem solid #f7f7f7; background: #f7f7f7; box-sizing: border-box; height: 4.8rem; padding: 0 1.7rem; font-size: 1.5rem; line-height: 2.3rem; color: #343434; width: 100%;
border-radius: 0.7rem; -webkit-border-radius: 0.7rem; -moz-border-radius: 0.7rem; -o-border-radius: 0.7rem;
transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear;}
input[type=text]:hover, input[type=text]:focus, input[type=email]:hover, input[type=email]:focus, input[type=password]:hover, input[type=password]:focus, textarea:hover, textarea:focus {outline: 0; background: #fff; border: 0.1rem solid #EB2227;}
textarea {padding: 1.7rem; min-height: 15rem;}
textarea.no-resize {resize: none;}
input[type=text].datepicker {padding-right: 1.7rem; background: url(../images/icon/calendar.svg) no-repeat right 15px center; background-size: auto 20px;}

select {font-family: 'GeneralFont', Arial, Verdana; font-size: 0.6rem; line-height: 0.8rem; padding: 0 0.6rem; color: #343434; box-sizing: border-box;}
select:hover, select:focus {outline: 0;}
.styled-select-wrapper {width: 100%; box-sizing: border-box; overflow: hidden; border: 1px solid #9f9f9f; height: 1.7rem; background: url(../images/icon/arrow-down.png) no-repeat right 0.6rem center #fff; background-size: 0.3rem auto;
border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px;}
.styled-select-wrapper select {display: block; width: 120%; border: none; background: transparent; height: 1.7rem; padding: 0 1.2rem 0 0.4rem;}
.styled-select-wrapper select option {background: none;}

input[type="checkbox"] {font-family: 'GeneralFont', Arial, Verdana; font-size: 0.6rem; line-height: 0.9rem;}
.styled-checkbox-wrapper {margin-bottom: 10px;}
.styled-checkbox-wrapper input[type="checkbox"] {display: none;}
.styled-checkbox-wrapper label {font-family: 'GeneralFont'; font-size: 0.6rem; line-height: 0.9rem; color: #343434; display: inline-block; padding-left: 1.3rem; background: url(../images/icon/checkbox.png) no-repeat left top 0.1rem; background-size: 0.8rem auto;}
.styled-checkbox-wrapper label:hover {cursor: pointer;}
.styled-checkbox-wrapper label a {color: #281A0C;}
.styled-checkbox-wrapper input[type="checkbox"]:checked + label {background: url(../images/icon/checkbox-checked.png) no-repeat left top; background-size: 0.8rem auto;}

input[type="radio"] {font-family: 'GeneralFont', Arial, Verdana;font-size: 15px; line-height: 24px;}
.styled-radio-wrapper{position: relative;}
.styled-radio-wrapper input[type="radio"] {display:none;}
.styled-radio-wrapper label {display:inline-block; padding: 1px 0px 0px 31px; font-size: 15px; line-height: 24px; font-family: 'GeneralFont', Arial, Verdana; background: url(../images/icon/radio-off.png) no-repeat left top 3px; cursor: pointer; background-size: 20px auto;}
.styled-radio-wrapper input[type="radio"]:checked + label {background: url(../images/icon/radio-on.png) no-repeat left top 3px; background-size: 20px auto;}

input[type="file"] {font-family: 'GeneralFont', Arial, Verdana;}
.styled-input-file-wrapper {cursor: pointer; font-size: 0.5rem; line-height: 0.7rem; color: #343434; background: #dbdbdb; border: 1px solid #dbdbdb; font-family: 'GeneralFont', Arial, Verdana; box-sizing: border-box; padding: 0.5rem; height: 50px; text-align: center;
border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px;
transition: all 0.2s linear; -moz-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear;}
.styled-input-file-wrapper:hover {background: #282e68; color: #fff;}
.styled-input-file-wrapper input[type="file"] {display: none;}
.styled-input-file-wrapper label {}
label.upload-file-info {}
label.upload-file-info.warning {display: block; margin-top: 0.5rem; font-size: 0.4rem; line-height: 0.6rem;}

input[type="submit"], a.gen-btn  {border: none; background: none; display: inline-block; color: #fff; font-size: 1.5rem; font-family: 'TitleFont', Arial, Verdana; background: #62472C; padding: 1rem 4rem; text-align: center; cursor: pointer;
border-radius: 1.5rem; -webkit-border-radius: 1.5rem; -moz-border-radius: 1.5rem; -o-border-radius: 1.5rem;
transition: all 0.2s linear; -moz-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear;}
input[type="submit"] {padding: 1.3rem 2.5rem 1.6rem 2.5rem;}
input[type="submit"]:hover, input[type="submit"]:focus, a.gen-btn:hover, a.gen-btn:focus  {background: #281A0C; text-decoration: none;}
input[type="submit"].inverse, a.gen-btn.inverse {color: #281A0C; border: 1px solid #281A0C; background: none;}
input[type="submit"].inverse:hover, input[type="submit"].inverse:focus, a.gen-btn:hover, a.gen-btn:focus {background: #281A0C; color: #fff;}
input[type="submit"].full-width {width: 100%;}
a.gen-btn.type-2 {background: #281A0C;}
a.gen-btn.type-2:focus, a.gen-btn.type-2:hover {background: #458053;} 

.gen-form-wrapper {margin-bottom: 20px;}
.gen-form-wrapper.no-mb {margin-bottom: 0;}
.gen-form-wrapper.inline {}
.gen-form-wrapper.inline .gfw-title {float: left; width: 22%; margin-right: 3%; box-sizing: border-box;}
.gen-form-wrapper.inline .gfw-sep {float: left; width: 3%; margin-right: 3%; box-sizing: border-box;}
.gen-form-wrapper.inline .gfw-input {float: left; width: 69%; box-sizing: border-box;}
.gen-form-wrapper.inline label {font-size: 15px; line-height: 45px;}

::placeholder {color: #343434;}

.amt-form-notification {display: block; position: relative; padding: 0.5rem 0.6rem; margin-bottom: 0.5rem; border: 1px solid transparent;
border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px;}
.amt-form-notification p {font-size: 0.5rem; line-height: 0.7rem; padding-right: 1rem; font-family: 'BoldFont', Arial, Verdana;}
.amt-form-notification .close-btn {position: absolute; top: 50%; transform: translateY(-50%); right: 0.6rem; width: 0.4rem; height: 0.4rem; cursor: pointer;}
.amt-form-notification.success {background: #d9ffd8; border: 1px solid #00b400;}
.amt-form-notification.success p {color: #00b400;}
.amt-form-notification.success .close-btn {background: url(../images/icon/amt-form-close-success.png) no-repeat center; background-size: 0.4rem 0.4rem;}
.amt-form-notification.failed {background: #ffdddf; border: 1px solid #f03a17;}
.amt-form-notification.failed p {color: #f03a17;}
.amt-form-notification.failed .close-btn {background: url(../images/icon/amt-form-close-failed.png) no-repeat center; background-size: 0.4rem 0.4rem;}

@media only screen and (max-width: 1024px) {
	a.gen-btn {padding-bottom: 0.8rem;}
}
/* /FORM */


/* HEADER */
header {position: fixed; width: 100%; top: 0; z-index: 1000;}

#header-top-section {}
#header-top-container {padding: 0.7rem 0 1rem 0; background: #fff;
box-shadow: 0 0 1rem #bfbfbf; -webkit-box-shadow: 0 0 1rem #bfbfbf; -moz-box-shadow: 0 0 1rem #bfbfbf; -o-box-shadow: 0 0 1rem #bfbfbf;
transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in;}
#header-top-container.sticky {padding: 0.5rem 0 0.7rem 0;}

#header-logo-ct {}
img#logo {max-height: 8rem; display: block;
transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in;}
img#logo.sticky {max-height: 6.4rem;}

#header-nav-ct {}
ul#header-nav-list {}
ul#header-nav-list > li {margin-right: 7rem;
transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in;}
ul#header-nav-list > li.sticky {margin-right: 6rem;}
ul#header-nav-list > li:last-child {margin-right: 0;}
ul#header-nav-list > li > a {font-size: 1.8rem; line-height: 2.6rem; color: #000; font-family: 'Seriffic Grunge', 'TitleFont', Arial;
transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in;}
ul#header-nav-list > li > a:hover {color: #62472C; text-decoration: none;}
ul#header-nav-list > li > a.active, ul#header-nav-list > li > a.active:hover {color: #EA3539;}
ul#header-nav-list > li > a.sticky {font-size: 1.7rem; line-height: 2.5rem;}

#header-nav-resp-ct {display: none;}
#header-outer-resp-ct {display: none;}

@media only screen and (min-width: 1920px) {
	ul#header-nav-list > li > a {font-size: 1.6rem; line-height: 2.4rem;}
	ul#header-nav-list > li > a.sticky {font-size: 1.5rem; line-height: 2.3rem;}
}

@media only screen and (max-width: 1024px) {
	ul#header-nav-list > li > a  {font-size: 1.7rem; line-height: 2.5rem;}
	ul#header-nav-list > li {margin-right: 6rem;}
}

@media only screen and (max-width: 768px) {	
	#header-nav-ct {display: none;}
	#header-nav-resp-ct {display: block;}
	
	img#logo {max-height: 7rem;}
	a#header-nav-icon {display: inline-block; width: 3rem; height: 3rem; background: url(../images/icon/nav.png) no-repeat center; background-size: 3rem auto; cursor: pointer;}
	a#header-nav-icon:hover {background: url(../images/icon/nav-hover.png) no-repeat center; background-size: 3rem auto;}
	
	#header-outer-resp-ct {position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.75); z-index: 1000;}
	#header-navlist-resp-ct {position: fixed; top: 0; right: -29rem; height: 100%; box-sizing: border-box; padding: 3rem 3rem 10rem 3rem; background: #fff; z-index: 1200; width: 28rem;
	box-shadow: 0 0 1rem #bfbfbf; -webkit-box-shadow: 0 0 1rem #bfbfbf; -moz-box-shadow: 0 0 1rem #bfbfbf; -o-box-shadow: 0 0 1rem #bfbfbf;
	transition: right 0.25s ease-out; -webkit-transition: right 0.25s ease-out; -moz-transition: right 0.25s ease-out; -o-transition: right 0.25s ease-out;}
	#header-navlist-resp-ct.displayed {right: 0;}
	#header-navlist-resp-close-ct {display: inline-block; width: 4rem; height: 4rem; background: url(../images/icon/close-2.png) no-repeat center; background-size: 4rem auto; position: absolute; bottom: 3rem; right: 3rem; cursor: pointer;}
	#header-navlist-resp-close-ct:hover {background: url(../images/icon/close.png) no-repeat center; background-size: 4rem auto;}
	#header-navlist-resp-logo-ct {margin-bottom: 4rem;}
	#header-navlist-resp-logo-ct img {margin: 0 auto; display: block; max-width: 100%;}
	ul#header-navlist-resp-list-ct {}
	ul#header-navlist-resp-list-ct > li {margin-bottom: 2rem;}
	ul#header-navlist-resp-list-ct > li:last-child {margin-bottom: 0;}
	ul#header-navlist-resp-list-ct > li > a {font-size: 1.6rem; line-height: 2.4rem; font-family: 'Seriffic Grunge', 'TitleFont', Arial; color: #000;}
	ul#header-navlist-resp-list-ct > li > a:hover {color: #62472C; text-decoration: none;}
	ul#header-navlist-resp-list-ct > li > a.active {color: #EA3539;}
	#header-navlist-resp-btn-ct {padding: 0 3rem; margin-top: 4rem;}
	
	#header-socmed-list-resp {border-top: 0.1rem dotted #9f9f9f; padding-top: 2.5rem; margin-top: 2.5rem;}
	#header-socmed-list-resp  h2 {font-size: 2rem; line-height: 2.8rem; font-family: 'TitleBoldFont', Arial, Verdana;}
	#header-socmed-list-resp ul.general-socmed-list {}
	#header-socmed-list-resp ul.general-socmed-list > li {margin-right: 0.7rem;}
	#header-socmed-list-resp ul.general-socmed-list > li > a {width: 4rem; height: 4rem;}
	#header-socmed-list-resp ul.general-socmed-list > li > a img {max-height: 1.6rem; max-width: 1.6rem;}
}

@media only screen and (max-width: 500px) {
	#header-top-container {padding: 0.5rem 0 0.7rem 0;}
	img#logo {max-height: 6.4rem;}
}
/* /HEADER */


/* HOME */
#content {min-height: 23rem;}

.gen-container {padding: 6rem 0;}

#gen-mt-top {margin-top: 9.5rem;}

h2.gen-section-title {color: #62472C; font-family: 'TitleBoldFont', Arial, Verdana; text-align: center; margin-bottom: 4rem;}
h2.gen-section-title span {color: #000; display: block; font-size: 2.2rem; line-height: 3rem;}

#home-slideshow-section {}
.slideshow-item {position: relative;}
.slideshow-item img.featured {display: block; width: 100%;}
.slideshow-item img.thumbnail {display: none;}
#home-slideshow-section .slick-prev {content: ''; width: 6rem; height: 6rem; background: url(../images/icon/arrow-prev.png) no-repeat center !important; top: 50%; transform: translateY(-50%); left: 4%; background-size: 6rem 6rem !important; opacity: 0.85;
transition: all 0.15s linear; -webkit-transition: all 0.15s linear; -moz-transition: all 0.15s linear; -o-transition: all 0.15s linear;}
#home-slideshow-section .slick-next {content: ''; width: 6rem; height: 6rem; background: url(../images/icon/arrow-next.png) no-repeat center !important; top: 50%; transform: translateY(-50%); right: 4%; background-size: 6rem 6rem !important; opacity: 0.85;
transition: all 0.15s linear; -webkit-transition: all 0.15s linear; -moz-transition: all 0.15s linear; -o-transition: all 0.15s linear;}
#home-slideshow-section .slick-prev:hover {opacity: 1.0;}
#home-slideshow-section .slick-next:hover {opacity: 1.0;}
#home-slideshow-section .slick-prev.slick-disabled, #home-slideshow-section .slick-prev.slick-disabled:hover, #home-slideshow-section .slick-prev.slick-disabled:focus {opacity: 0.3;}
#home-slideshow-section .slick-next.slick-disabled, #home-slideshow-section .slick-next.slick-disabled:hover, #home-slideshow-section .slick-next.slick-disabled:focus {opacity: 0.3;}
#home-slideshow-section .slick-dots {bottom: 6rem; width: 88%; margin-left: 5.5%; text-align: left;}
#home-slideshow-section .slick-dots li {width: 1.4rem; height: 1.4rem; margin: 0.7rem;}
#home-slideshow-section .slick-dots li.slick-active {width: 6.4rem; height: 1.4rem;}
#home-slideshow-section .slick-dots li:last-child {}
#home-slideshow-section .slick-dots li button {width: 1.4rem; height: 1.4rem; background: url(../images/icon/bullet-idle.png) no-repeat center; background-size: 1.4rem 1.4rem;}
#home-slideshow-section .slick-dots li button::before {content: "";}
#home-slideshow-section .slick-dots li.slick-active button {width: 6.4rem; height: 1.4rem; background: url(../images/icon/bullet-active.png) no-repeat center; background-size: 6.4rem 1.4rem;}

#home-news-section {}
#home-news-container {}
ul.news-list {}
ul.news-list > li {width: 32%; margin-right: 2%; margin-bottom: 3rem;}
ul.news-list > li:nth-child(3n) {margin-right: 0;}
ul#home-news-list > li:nth-child(4) {display: none;}
ul.news-list > li .img-wrap {position: relative; width: 100%; overflow: hidden;}
ul.news-list > li .img-wrap img {object-fit: cover; width: 100%; height: 100%;
transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in;}
ul.news-list > li .img-wrap img.hovered {transform: scale(1.1);}
ul.news-list > li .title-wrap {position: absolute; bottom: 0; left: 0; width: 90%; box-sizing: border-box; padding: 1rem 5rem 1.5rem 2rem; background: url(../images/icon/arrow-right-up.png) no-repeat right 2rem center #62472C; background-size: 1.4rem;
transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in;}
ul.news-list > li .title-wrap.hovered {padding: 1.5rem 5rem 2rem 2rem;}
ul.news-list > li .title-wrap h3 {font-family: 'TitleBoldFont', Arial, Verdana; color: #fff; font-size: 1.7rem; line-height: 2.5rem; margin-bottom: 0;}
ul.news-list > li .title-wrap p {font-size: 1.4rem; line-height: 2.2rem; color: #DFDFDF;}
.more-btn-ct {text-align: center; margin-top: 2rem;}

@media only screen and (min-width: 1600px) {
	#gen-mt-top {margin-top: 8rem;}
	
	ul.news-list > li .title-wrap h3 {font-size: 1.6rem; line-height: 2.4rem;}
}

@media only screen and (min-width: 1920px) {
	#gen-mt-top {margin-top: 7rem;}
}

@media only screen and (min-width: 2400px) {
	#gen-mt-top {margin-top: 6rem;}	
}

@media only screen and (max-width: 1024px) {
	#home-slideshow-section .slick-prev, #home-slideshow-section .slick-next {width: 5.5rem; height: 5.5rem; background-size: 5.5rem !important;}
	#home-slideshow-section .slick-dots {bottom: 4.5rem;}
	#home-slideshow-section .slick-dots li.slick-active, #home-slideshow-section .slick-dots li.slick-active button {width: 5.7rem; height: 1.4rem; background-size: 5.7rem 1.4rem !important;}
}

@media only screen and (max-width: 1024px) {
	ul#home-news-list > li:nth-child(4) {display: block;}
	
	ul.news-list > li {width: 48.5%; margin-right: 3%;}
	ul.news-list > li:nth-child(3n) {margin-right: 3%;}
	ul.news-list > li:nth-child(2n) {margin-right: 0;}
}

@media only screen and (max-width: 768px) {	
	#gen-mt-top {margin-top: 8.7rem;}
	.gen-container {padding: 5rem 0;}
	
	.slideshow-item img.featured {display: none;}
	.slideshow-item img.thumbnail {display: block; width: 100%;}
	
	#home-slideshow-section .slick-prev, #home-slideshow-section .slick-next {width: 5rem; height: 5rem; background-size: 5rem !important;}
	#home-slideshow-section .slick-dots {bottom: 4rem;}
	#home-slideshow-section .slick-dots li.slick-active, #home-slideshow-section .slick-dots li.slick-active button {width: 5.2rem; height: 1.4rem; background-size: 5.2rem 1.4rem !important;}
	
	ul.news-list > li  {width: 49%; margin-right: 2%; margin-bottom: 2rem;}
	ul.news-list > li:nth-child(3n) {margin-right: 2%;}
	ul.news-list > li .title-wrap {width: 100%;}
}

@media only screen and (max-width: 600px) {
	ul.news-list > li {width: 100%; margin-right: 0;}
	ul.news-list > li:nth-child(3n) {margin-right: 0;}
	ul.news-list > li .title-wrap {width: 90%;}
	
	ul#home-news-list > li:nth-child(4) {display: none;}
}

@media only screen and (max-width: 500px) {
	#gen-mt-top {margin-top: 7.5rem;}
		
	#home-slideshow-section .slick-prev, #home-slideshow-section .slick-next {width: 4.5rem; height: 4.5rem; background-size: 4.5rem !important;}
	#home-slideshow-section .slick-dots {bottom: 2.5rem; width: 100%; margin-left: 0; text-align: center;}
	#home-slideshow-section .slick-dots li {margin: 0 0.6rem;}
	#home-slideshow-section .slick-dots li, #home-slideshow-section .slick-dots li button {width: 1.2rem; height: 1.2rem; background-size: 1.2rem 1.2rem !important;}
	#home-slideshow-section .slick-dots li.slick-active, #home-slideshow-section .slick-dots li.slick-active button {width: 5rem; height: 1.2rem; background-size: 5rem 1.2rem !important;}

	h2.gen-section-title {font-size: 3rem; line-height: 4rem;}
	h2.gen-section-title span {font-size: 2rem; line-height: 3rem;}
}
/* /HOME */


/* ABOUT */
#top-page-section {}
#top-page-container {}
#top-page-container img {display: block; width: 100%;}

#about-section {}

#about-welcome-container {text-align: center;}

#about-team-container {background: #fafafa; padding-bottom: 3rem;}
ul#team-list {margin-top: 6rem;}
ul#team-list > li {width: 22%; margin-right: 4%; margin-bottom: 6rem; text-align: center;}
ul#team-list > li:nth-child(4n) {margin-right: 0;}
ul#team-list > li .img-wrap {margin: 0 auto; width: 80%; position: relative; margin-bottom: 3rem;
border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%;
transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in;}
ul#team-list > li .img-wrap:hover {transform: scale(1.1);
box-shadow: 0 0 2rem #62472C; -webkit-box-shadow: 0 0 2rem #62472C; -moz-box-shadow: 0 0 2rem #62472C; -o-box-shadow: 0 0 2rem #62472C;}
ul#team-list > li .img-wrap img {object-fit: cover; width: 100%; height: 100%;
border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%;}
ul#team-list > li .desc-wrap {}
ul#team-list > li .desc-wrap h3 {font-size: 2.2rem; line-height: 3.2rem; color: #62472C; font-family: 'TitleBoldFont', Arial, Verdana; margin-bottom: 0;}
ul#team-list > li .desc-wrap h4 {font-size: 1.8rem; line-height: 2.8rem; color: #343434; font-family: 'TitleBoldFont', Arial, Verdana; margin-bottom: 0;}

#popup-content {width: 960px; height: 80vh; background: #fff; position: relative;}
#team-img-ct {width: 35%; position: relative; height: 80vh;}
#team-img-ct img {display: block; object-fit: cover; width: 100%; height: 100%;}
#team-desc-ct {width: 65%; position: relative; box-sizing: border-box;}
#team-desc-ct .inner {padding: 4rem; box-sizing: border-box;}

@media only screen and (min-width: 769px) {
	#team-desc-ct .inner {max-height: 65vh; overflow-y: scroll;}
	#team-desc-ct .inner.full-height {max-height: 78vh;}
}

#team-title-wrap {margin-bottom: 4rem; padding-bottom: 2rem; background: url(../images/icon/brown-line.png) no-repeat bottom left; background-size: 5rem 0.4rem;}
#team-title-wrap h2 {font-family: 'TitleBoldFont', Arial, Verdana; color: #62472C; font-size: 3.6rem; line-height: 4.6rem; margin-bottom: 0;}
#team-title-wrap h3 {font-family: 'TitleBoldFont', Arial, Verdana; color: #343434; font-size: 2.2rem; line-height: 3.2rem; margin-bottom: 0;}

#team-socmed-ct {position: absolute; bottom: 0; width: 100%; background: #62472C; padding: 1rem 3rem 0.5rem 1rem; box-sizing: border-box;}
ul#team-socmed-list {}
ul#team-socmed-list > li {margin-right: 1rem;}
ul#team-socmed-list > li:last-child {margin-right: 0;}
ul#team-socmed-list > li a {display: inline-block; width: 3.6rem; height: 3.6rem; position: relative;
border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%;}
ul#team-socmed-list > li a:hover {background: #281A0C;}
ul#team-socmed-list > li img {display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); max-height: 1.8rem; max-width: 1.8rem;}
a.fancybox-close {width: 4.5rem; height: 4.5rem; background: url(../images/icon/close.png); background-size: 4.5rem 4.5rem;}

@media only screen and (min-width: 1600px) {
	#popup-content {width: 1200px;}
}

@media only screen and (min-width: 2400px) {
	#popup-content {width: 1600px;}
}

@media only screen and (max-width: 1200px) {
	#popup-content {width: 768px;}
}

@media only screen and (max-width: 1024px) {
	#about-team-container {padding-bottom: 0;}
	ul#team-list > li {width: 45%; margin-right: 10%; margin-bottom: 8rem;}
	ul#team-list > li:nth-child(2n) {margin-right: 0;}
	ul#team-list > li .img-wrap {width: 25rem;}
	
	#popup-content {width: 700px;}
	#team-img-ct  {width: 40%;}
	#team-desc-ct {width: 60%;}
}

@media only screen and (max-width: 768px) {	
	ul#team-list > li .img-wrap {width: 22rem;}
	
	#popup-content {width: 480px; height: auto;}	
	
	#team-img-ct  {width: 100%; position: relative; height: auto; box-sizing: border-box; padding: 3rem;}
	#team-img-ct img {width: 100%; height: auto;}
	#team-desc-ct  {width: 100%; background: #fff;}
	#team-desc-ct  .inner {box-sizing: border-box; padding: 0 3rem 5rem 3rem;}
	#team-socmed-ct  {position: relative; bottom: auto;}
	ul#team-socmed-list  {justify-content: center;}
	
	a.fancybox-close {width: 3.8rem; height: 3.8rem; background-size: 3.8rem 3.8rem; top: -1.9rem; right: -1.9rem;}
}

@media only screen and (max-width: 600px) {
	#popup-content {width: 400px;}		
}

@media only screen and (max-width: 500px) {
	ul#team-list > li .img-wrap {width: 80%;}
	
	#popup-content {width: 320px;}		
		
	ul#team-list > li .desc-wrap h3 {font-size: 2rem; line-height: 2.8rem;}
	ul#team-list > li .desc-wrap h4 {font-size: 1.6rem; line-height: 2.4rem;}
}

@media only screen and (max-width: 400px) {
	ul#team-list > li .img-wrap {width: 85%;}
	ul#team-list > li .desc-wrap h3 {font-size: 1.8rem; line-height: 2.6rem;}
}
/* /ABOUT */


/* GAMES */
#game-list-section {}
#game-list-container {padding: 3rem 0; min-height: 30rem;}

ul#game-list {}
ul#game-list > li {background-size: cover !important; padding: 4rem 0;}
ul#game-list > li img.game-bg {display: none;}
ul#game-list > li .img-wrap {width: 37%;}
ul#game-list > li .img-wrap img {display: block; width: 100%;
transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in;}
ul#game-list > li .img-wrap img:hover {transform: scale(1.05);}
ul#game-list > li .desc-wrap {width: 60%;}
ul#game-list > li .desc-wrap h3, ul#game-list > li .desc-wrap h3 a {font-size: 3.6rem; line-height: 4.6rem; font-family: 'TitleBoldFont', Arial, Verdana; color: #fff;}
ul#game-list > li .desc-wrap h3 a:hover {text-decoration: none; color: #A6825E;}
ul#game-list > li .desc-wrap p {color: #fff;}
ul#game-list > li .other-det-wrap {margin-top: 3rem;}
ul#game-list > li .other-det-wrap .store-ct {width: 62%; box-sizing: border-box; padding-right: 2rem; border-right: 0.2rem solid #fff;}
ul#game-list > li .other-det-wrap .store-ct.full-width {width: 100%; padding-right: 0; border-right: 0;}
ul#game-list > li .other-det-wrap .store-ct h3, ul#game-list > li .other-det-wrap .socmed-ct h3 {font-size: 2rem; line-height: 3rem; color: #fff; font-family: 'TitleBoldFont', Arial, Verdana;}
ul.game-store-list {}
ul.game-store-list > li {margin-right: 1rem; margin-bottom: 1rem;}
ul.game-store-list > li:last-child {margin-right: 0;}
ul.game-store-list > li img {height: 3.5rem; display: block;
transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in;}
ul.game-store-list > li img:hover {transform: scale(1.08);}
ul#game-list > li .other-det-wrap .socmed-ct {width: 35%; box-sizing: border-box; padding-left: 3rem;}
ul#game-list > li .other-det-wrap .socmed-ct.full-width {width: 100%; padding-left: 0;}
ul.game-socmed-list {}
ul.game-socmed-list > li {margin-right: 1rem;}
ul.game-socmed-list > li:last-child {margin-right: 0;}
ul.game-socmed-list > li a {display: inline-block; position: relative; border: 0.2rem solid #fff; width: 4rem; height: 4rem;
border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%;}
ul.game-socmed-list > li a:hover {background: #62472C; border: 0.2rem solid #62472C;}
ul.game-socmed-list > li a img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: 1.8rem; max-height: 1.8rem;}
ul.game-socmed-list.type-2 > li a {width: 5.2rem; height: 5.2rem; background: #62472C; border: 0;}
ul.game-socmed-list.type-2 > li a:hover {background: #281A0C;}
ul.game-socmed-list.type-2 > li a img {max-width: 2rem; max-height: 2rem;}

#game-detail-section {}
.game-container {background: #fff;}
.game-container.bg {background: #FAFAFA;}

#game-detail-container {}
#game-detail-img-ct {width: 45%;}
#game-detail-img-ct img {display: block; max-width: 100%; margin: 0 auto;}
#game-detail-desc-ct {width: 50%;}
h2#game-detail-title {font-family: 'TitleBoldFont', Arial, Verdana; color: #62472C; margin-bottom: 4rem;}
.game-detail-info-ct {margin-bottom: 4rem;}
.game-detail-info-ct.brdt {padding-top: 4rem; margin-top: 4rem; border-top: 0.1rem solid #cfcfcf;}
#game-detail-desc-ct .game-detail-info-ct:last-child {margin-bottom: 0;}
.game-detail-info-ct h3 {font-size: 2.8rem; line-height: 3.8rem; color: #000; font-family: 'TitleBoldFont', Arial, Verdana; margin-bottom: 1rem;}

#game-award-container {}
ul#game-award-list {}
ul#game-award-list > li {width: 25%; box-sizing: border-box;}
ul#game-award-list > li .inner {position: relative; height: 20rem;}
ul#game-award-list > li .inner img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: 75%; max-height: 75%;
transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in;}
ul#game-award-list > li .inner img:hover {transform: translate(-50%, -50%) scale(1.1);}

#game-testimonial-container {}
#game-testimonial-title-ct {width: 35%; box-sizing: border-box; padding-right: 5rem;}
#game-testimonial-title-ct h2.gen-section-title {text-align: right; margin-bottom: 0;}
#game-testimonial-list-ct {width: 65%; box-sizing: border-box; padding-left: 5rem; border-left: 0.2rem solid #62472C;}
#game-testimonial-list {padding-bottom: 8rem;}
.game-testimonial-item .testimonial-ct {padding: 2rem 5rem; background: url(../images/icon/quote-left.png) no-repeat left top, url(../images/icon/quote-right.png) no-repeat right bottom; background-size: 3rem auto, 3rem auto;}
.game-testimonial-item .testimonial-ct p {font-size: 2.7rem; line-height: 4rem; font-family: 'ItalicFont', Arial, Verdana;}
.game-testimonial-item .name-ct {margin-top: 2rem; padding: 0 5rem;}
.game-testimonial-item .name-ct h3 {font-size: 2.4rem; line-height: 3.4rem; color: #62472C; font-family: 'TitleBoldFont', Arial, Verdana; margin-bottom: 0;}
.game-testimonial-item .name-ct p, .game-testimonial-item .name-ct p a {color: #000;}
#game-testimonial-list .slick-dots {bottom: 0; text-align: left; margin-left: 4.3rem;}
#game-testimonial-list .slick-dots li {width: 1.2rem; height: 1.2rem; margin: 0.7rem;}
#game-testimonial-list .slick-dots li.slick-active {width: 6rem; height: 1.2rem;}
#game-testimonial-list .slick-dots li:last-child {}
#game-testimonial-list .slick-dots li button {width: 1.2rem; height: 1.2rem; background: url(../images/icon/bullet-idle-2.png) no-repeat center; background-size: 1.2rem 1.2rem;}
#game-testimonial-list .slick-dots li button::before {content: "";}
#game-testimonial-list .slick-dots li.slick-active button {width: 6rem; height: 1.2rem; background: url(../images/icon/bullet-active-2.png) no-repeat center; background-size: 6rem 1.2rem;}

#game-main-video-container {}
#game-main-video-container .img-wrap {position: relative; overflow: hidden;}
#game-main-video-container .img-wrap img {object-fit: cover; width: 100%; height: 100%;
transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in;}
#game-main-video-container .img-wrap img:hover {transform: scale(1.05);}
#game-main-video-container .img-wrap span {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 100; display: inline-block; width: 8rem; height: 8rem; background: url(../images/icon/play.png) no-repeat center; background-size: 8rem 8rem;}

#video-popup-content {width: auto; position: relative; text-align: center;}
#video-popup-content iframe {width: 960px !important; height: 540px !important;}
#video-popup-content.bg-white {width: 300px; background: #fff; box-sizing: border-box; padding: 3rem 5rem;}
/* ul#game-video-list {}
ul#game-video-list > li {}
ul#game-video-list.full-width > li {width: 100%;}
ul#game-video-list.full-width > li iframe {width: 100% !important; height: 75rem !important;}
ul#game-video-list.two-cols > li {width: 50%;}
ul#game-video-list.two-cols > li iframe {width: 100% !important; height: 40rem !important;}
ul#game-video-list.three-cols > li {width: 33.33%;}
ul#game-video-list.three-cols > li:nth-child(3n) {width: 33.34%;}
ul#game-video-list.three-cols > li iframe {width: 100% !important; height: 25rem !important;} */

#game-gallery-container, #game-gallery-container-2 {}
ul.game-gallery-list {}
ul.game-gallery-list.three-cols > li {width: 32%; margin-right: 2%; margin-bottom: 2rem;}
ul.game-gallery-list.three-cols > li:nth-child(3n) {margin-right: 0;}
ul.game-gallery-list.four-cols > li {width: 23.8%; margin-right: 1.6%; margin-bottom: 2rem;}
ul.game-gallery-list.four-cols > li:nth-child(4n) {margin-right: 0;}
ul.game-gallery-list > li .img-wrap {position: relative;
transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in;}
ul.game-gallery-list > li .img-wrap:hover {transform: scale(1.08);}
ul.game-gallery-list > li .img-wrap img {display: block; object-fit: cover; width: 100%; height: 100%;}
ul.game-gallery-list > li .img-wrap span {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 100; display: inline-block; width: 5rem; height: 5rem; background: url(../images/icon/play.png) no-repeat center; background-size: 5rem 5rem;}
ul.game-gallery-list > li .pic-title {display: none;}
.fancybox-title-outside-wrap {text-align: center; font-family: 'TitleBoldFont', Arial, Verdana !important; font-size: 2.4rem !important; line-height: 3.4rem !important;}

#more-game-container {padding-bottom: 8rem; margin-top: -3rem;}
#more-game-container .more-btn-ct {margin-top: 0;}

@media only screen and (min-width: 1600px) {
	ul#game-list > li .img-wrap {width: 35%;}
	ul#game-list > li .desc-wrap {width: 62%;}
	
	ul#game-award-list > li .inner  {height: 18rem;}
}

@media only screen and (min-width: 1920px) {
	ul#game-award-list > li .inner  {height: 16rem;}
	
	#video-popup-content iframe {width: 1280px !important; height: 720px !important;}
}

@media only screen and (min-width: 2400px) {
	ul#game-award-list > li  {width: 20%;}
	ul#game-award-list > li .inner  {height: 15rem;}	
	
	ul.game-gallery-list.three-cols > li {width: 23.8%; margin-right: 1.6%; margin-bottom: 2rem;}
	ul.game-gallery-list.three-cols > li:nth-child(3n) {margin-right: 1.6%;}
	ul.game-gallery-list.three-cols > li:nth-child(4n) {margin-right: 0;}
}

@media only screen and (max-width: 1024px) {
	ul#game-list > li .img-wrap  {width: 100%; margin-bottom: 4rem;}
	ul#game-list > li .img-wrap img {width: auto; max-width: 100%; margin: 0 auto;}
	ul#game-list > li .desc-wrap  {width: 100%;}
	ul#game-list > li .desc-wrap {text-align: center;}
	ul#game-list > li .other-det-wrap {margin-top: 5rem;}
	
	ul#game-list > li .other-det-wrap .store-ct {width: 73%;}
	ul#game-list > li .other-det-wrap .socmed-ct {width: 24%;}
	ul.game-store-list {justify-content: center !important;}
	ul.game-socmed-list {justify-content: center !important;}
	
	#game-detail-container .wrap {align-items: start !important;}
	.game-detail-info-ct  {margin-bottom: 3rem;}
	#game-detail-container ul.game-store-list {justify-content: start !important;}
	#game-detail-container ul.game-socmed-list {justify-content: start !important;}
	
	#game-testimonial-title-ct {width: 27%;}
	#game-testimonial-list-ct {width: 73%;}
	.game-testimonial-item .testimonial-ct p  {font-size: 2.5rem; line-height: 3.3rem;}
	
	#game-main-video-container .img-wrap span  {width: 7rem; height: 7rem; background-size: 7rem auto;}
	
	ul.game-gallery-list.four-cols > li {width: 32%; margin-right: 2%;}
	ul.game-gallery-list.four-cols > li:nth-child(4n) {margin-right: 2%;}
	ul.game-gallery-list.four-cols > li:nth-child(3n) {margin-right: 0;}
	
	#video-popup-content iframe {width: 720px !important; height: 405px !important;}
}

@media only screen and (max-width: 768px) {
	ul#game-list > li .other-det-wrap {margin-top: 3rem;}
	ul#game-list > li .other-det-wrap .store-ct, ul#game-list > li .other-det-wrap .socmed-ct {width: 100%; padding: 0; border: 0;}
	ul#game-list > li .other-det-wrap .store-ct {margin-bottom: 3rem;}
	
	#game-detail-img-ct, #game-detail-desc-ct {width: 100%; padding: 0; margin: 0;}
	#game-detail-img-ct {margin-bottom: 4rem;}
	#game-detail-desc-ct {text-align: center;}
	#game-detail-container ul.game-store-list {justify-content: center !important;}
	#game-detail-container ul.game-socmed-list {justify-content: center !important;}
	
	ul#game-award-list > li  {width: 33.33%;}
	ul#game-award-list > li:nth-child(3n) {width: 33.34%;}
	ul#game-award-list > li .inner {height: 15rem;}
	ul#game-award-list > li .inner img  {max-width: 80%; max-height: 80%;}
	
	#game-testimonial-title-ct, #game-testimonial-list-ct {width: 100%; margin: 0; padding: 0; border: 0;}
	#game-testimonial-title-ct {margin-bottom: 4rem;}
	#game-testimonial-title-ct h2.gen-section-title {text-align: center;}
	.game-testimonial-item .testimonial-ct, .game-testimonial-item .name-ct {text-align: center;}
	#game-testimonial-list .slick-dots {margin-left: 0; text-align: center;}
	
	#game-main-video-container .img-wrap span  {width: 6rem; height: 6rem; background-size: 6rem auto;}	
		
	ul.game-gallery-list.three-cols > li {width: 48.5%; margin-right: 3%;}
	ul.game-gallery-list.three-cols > li:nth-child(3n) {margin-right: 3%;}
	ul.game-gallery-list.three-cols > li:nth-child(2n) {margin-right: 0;}
	ul.game-gallery-list > li .img-wrap span  {width: 4rem; height: 4rem; background-size: 4rem auto;}
	
	#video-popup-content iframe {width: 450px !important; height: 253px !important;}
}

@media only screen and (max-width: 600px) {
	ul.game-gallery-list.four-cols > li {width: 48.5%; margin-right: 3%;}
	ul.game-gallery-list.four-cols > li:nth-child(3n) {margin-right: 3%;}
	ul.game-gallery-list.four-cols > li:nth-child(2n) {margin-right: 0;}
}

@media only screen and (max-width: 500px) {
	ul#game-award-list > li, ul#game-award-list > li:nth-child(3n) {width: 50%;}
	ul#game-award-list > li .inner img  {max-width: 75%; max-height: 75%;}
	
	.game-testimonial-item .testimonial-ct {padding: 2rem 3.5rem; background-size: 2.5rem auto, 2.5rem auto;}
	.game-testimonial-item .testimonial-ct p {font-size: 2.2rem; line-height: 3rem;}
	
	#game-main-video-container .img-wrap span  {width: 5rem; height: 5rem; background-size: 5rem auto;}
	
	ul.game-gallery-list.three-cols > li, ul.game-gallery-list.four-cols > li {margin-bottom: 1.5rem;}
	ul.game-gallery-list > li .img-wrap span  {width: 3.7rem; height: 3.7rem; background-size: 3.7rem auto;}
	
	#video-popup-content iframe {width: 300px !important; height: 169px !important;}
}
/* /GAMES */


/* NEWS */
#news-list-section {}
#news-list-container {}

#news-detail-section {}
#news-detail-container {}
#news-detail-container .wrap {width: 70%;}
#news-detail-container .img-wrap {margin-bottom: 3rem;}
#news-detail-container .img-wrap img {display: block; max-width: 100%; margin: 0 auto;}
#news-detail-container .title-wrap {padding-bottom: 4rem; margin-bottom: 4rem; background: url(../images/icon/brown-line.png) no-repeat bottom left; background-size: 5rem 0.4rem;}
#news-detail-container .title-wrap h2 {color: #62472C; margin-bottom: 1rem; font-family: 'TitleBoldFont', Arial, Verdana;}
#news-detail-container .title-wrap .blog-info {}
#news-detail-container .title-wrap .blog-info p {color: #000; font-family: 'BoldFont', Arial, Verdana;}
#news-detail-container .title-wrap .blog-info p.post-date {padding-left: 3.5rem; background: url(../images/icon/calendar.png) no-repeat left center; background-size: 2rem auto;}

#news-nav-container {padding: 2rem 0 6rem 0;}
#news-nav-container-resp {display: none;}
#news-prev-nav-ct {width: 30%; text-align: left;}
#news-more-nav-ct {width: 40%; text-align: center;}
#news-next-nav-ct {width: 30%; text-align: right;}
#news-prev-nav-ct a, #news-next-nav-ct{font-family: 'BoldFont', Arial, Verdana; display: inline-block; color: #62472C; font-size: 1.6rem; line-height: 2.6rem;}
#news-prev-nav-ct a {background: url(../images/icon/arrow-prev-double.png) no-repeat left 1rem center; background-size: 1.6rem auto; padding-left: 4rem;}
#news-prev-nav-ct a:hover {text-decoration: none; background-position: left center;}
#news-next-nav-ct a {background: url(../images/icon/arrow-next-double.png) no-repeat right 1rem center; background-size: 1.6rem auto; padding-right: 4rem;}
#news-next-nav-ct a:hover {text-decoration: none; background-position: right center;}

@media only screen and (max-width: 1024px) {
	#news-detail-container .wrap {width: 76%;}
}

@media only screen and (max-width: 768px) {
	#news-detail-container .wrap {width: 82%;}
	
	#news-nav-container {padding: 3rem 0 3rem 0; border-bottom: 0.1rem dotted #bfbfbf;}
	#news-nav-container-resp {display: block; padding: 3rem 0 6rem 0;}
	#news-more-nav-ct {display: none;}
	
	#news-prev-nav-ct, #news-next-nav-ct {width: 50%;}
	#news-more-nav-ct-resp {text-align: center; width: 100%;}
}

@media only screen and (max-width: 500px) {
	#news-detail-container .wrap {width: 90%;}
	
}
/* /NEWS */


/* FOOTER */
footer {}

#footer-top-section {}
#footer-top-container {position: relative; height: 28rem;}
img#footer-top-bg {object-fit: cover; width: 100%; height: 100%;}
#footer-top-content-ct {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 60%;}
#footer-top-content-ct h2 {font-family: 'Seriffic Grunge', 'TitleFont', Arial; text-align: center; color: #62472C; margin-bottom: 2.5rem;
text-shadow: 0.2rem 0.2rem 0 #fff, -0.2rem 0.2rem 0 #fff, -0.2rem -0.2rem 0 #fff, 0.2rem -0.2rem 0 #fff;}
ul.general-socmed-list {}
ul.general-socmed-list > li {margin-right: 1rem;}
ul.general-socmed-list > li:last-child {margin-right: 0;}
ul.general-socmed-list > li > a {display: inline-block; width: 6rem; height: 6rem; background: #62472C; position: relative;
border-radius: 50%; -webkit-border-radius: 50%; -o-border-radius: 50%; -o-border-radius: 50%;}
ul.general-socmed-list > li > a:hover {background: #281A0C;}
ul.general-socmed-list > li > a img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); max-height: 2.2rem; max-width: 2.2rem;}

#footer-bottom-section {}
#footer-bottom-container {padding: 1.2rem 0; background: #62472C;}
#footer-bottom-container p, #footer-bottom-container p a {font-size: 1.4rem; line-height: 2.2rem; color: #fff;}
#footer-powered-ct p {text-align: right;}

@media only screen and (max-width: 768px) {
	#footer-top-container {height: 25rem;}
	ul.general-socmed-list > li > a {width: 5.5rem; height: 5.5rem;}
	ul.general-socmed-list > li > a img {max-width: 2rem; max-height: 2rem;}
	
	#footer-copyright-ct, #footer-powered-ct, #footer-powered-ct p {width: 100%; text-align: center;}
}

@media only screen and (max-width: 500px) {
	#footer-top-container {height: 23rem;}
	
	#footer-top-content-ct h2  {margin-bottom: 2rem;}
	ul.general-socmed-list > li > a {width: 5rem; height: 5rem;}
	ul.general-socmed-list > li > a img {max-width: 1.8rem; max-height: 1.8rem;}
	
	#footer-bottom-container p, #footer-bottom-container p a {font-size: 1.3rem; line-height: 1.9rem;}
}
/* /FOOTER */


/* PAGINATION */
.pagination-container {margin-top: 3rem; margin-bottom: 3rem;}
ul.pagination-list {display: flex;}
ul.pagination-list.centered {justify-content: center;}
ul.pagination-list > li {margin-right: 1rem;}
ul.pagination-list > li:last-child {margin-right: 0;}
ul.pagination-list > li > a {display: inline-block; width: 4.5rem; height: 4.5rem; font-size: 1.5rem; line-height: 4.5rem; color: #62472C; border: 0.1rem solid #62472C; text-align: center;
border-radius: 0.7rem; -webkit-border-radius: 0.7rem; -moz-border-radius: 0.7rem; -o-border-radius: 0.7rem;}
ul.pagination-list > li > a:hover {text-decoration: none; background: #A6825E; border: 0.1rem solid #A6825E; color: #fff;}
ul.pagination-list > li > a.active, ul.pagination-list > li > a.active:hover {background: #62472C; color: #fff; font-family: 'BoldFont', Arial, Verdana; border: 0.1rem solid #62472C;}
ul.pagination-list > li > a.spc, ul.pagination-list > li > a.spc:hover {background: none; border: 0.1rem solid transparent;}
ul.pagination-list > li > a.spc.first {background: url(../images/icon/arrow-prev-double.png) no-repeat center; background-size: 1.5rem auto;}
ul.pagination-list > li > a.spc.first:hover {background-position: left 1rem center;}
ul.pagination-list > li > a.spc.last {background: url(../images/icon/arrow-next-double.png) no-repeat center; background-size: 1.5rem auto;}
ul.pagination-list > li > a.spc.last:hover {background-position: right 1rem center;}

@media only screen and (max-width: 768px) {
	ul.pagination-list > li > a {width: 4.3rem; height: 4.3rem; line-height: 4.3rem; font-size: 1.4rem;}
}

@media only screen and (max-width: 500px) {
	ul.pagination-list > li > a {width: 4rem; height: 4rem; line-height: 4rem; font-size: 1.3rem;}
}
/* /PAGINATION */


/* NOT FOUND */
#not-found-section {}
#not-found-container {text-align: center;}
/* /NOT FOUND */