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


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

@media only screen and (max-width: 500px) {
	html {font-size: 8px;}
}

body {color: #424D5B; font-family: 'GeneralFont', Arial, Verdana; font-size: 1.5rem; line-height: 2.5rem; position: relative;}

b, strong {font-family: 'BoldFont', Arial, Verdana; font-weight: normal;}
i, em {font-family: 'ItalicFont', Arial, Verdana; font-weight: normal;}
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: #424D5B; font-weight: normal;}
h1 b, h2 b, h3 b, h4 b, h5 b, h1 strong, h2 strong, h3 strong, h4 strong, h5 strong {font-family: 'TitleBoldFont', Arial, Verdana; font-weight: normal;}
h1 i, h2 i, h3 i, h4 i, h5 i, h1 em, h2 em, h3 em, h4 em, h5 em{font-family: 'TitleItalicFont', Arial, Verdana; font-weight: normal;}
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: 'TitleBoldItalicFont', Arial, Verdana; font-weight: normal;}

h1 {font-size: 4.6rem; line-height: 5.6rem; margin-bottom: 2rem;}
h2 {font-size: 4.0rem; line-height: 5.0rem; margin-bottom: 2rem;}
h3 {font-size: 3.4rem; line-height: 4.4rem; margin-bottom: 2rem;}
h4 {font-size: 2.8rem; line-height: 3.8rem; margin-bottom: 2rem;}
h5 {font-size: 2.2rem; line-height: 3.2rem; margin-bottom: 2rem;}
h1.no-mb, h2.no-mb, h3.no-mb, h4.no-mb, h5.no-mb {margin-bottom: 0;}

p, p a {font-size: 1.7rem; color: #424D5B; line-height: 2.8rem;}
p.big, .big {font-size: 2rem; line-height: 3rem;}
p a:hover {text-decoration: underline; color: #424D5B;}
a {color: #E0C051; font-size: 1.7rem; line-height: 2.8rem; 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: #36b063; text-decoration: underline;}

.cl-secondary {color: #5171DB;}
.cl-ternary {color: #144157;}

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-10 {margin-top: 10px;}
.mt-20 {margin-top: 20px;}
.mt-30 {margin-top: 30px;}
.mt-80 {margin-top: 80px;}
.mb-30 {margin-bottom: 30px;}

@media only screen and (max-width: 500px) {
	h1 {font-size: 3.6rem; line-height: 4.4rem;}
	h2 {font-size: 3.2rem; line-height: 4.0rem;}
	h3 {font-size: 2.8rem; line-height: 3.6rem;}
	h4 {font-size: 2.4rem; line-height: 3.2rem;}
}
/* /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.rtl {flex-direction: row-reverse;}
.amt-flex.centered {justify-content: center;}
.amt-flex.align-centered {align-items: center;}

.wrap {margin: 0 auto; width: 90%;}
.wrap-medium {margin: 0 auto; width: 75%;}

@media only screen and (max-width: 768px) {
	.wrap {width: 90%;}
	.wrap-medium {width: 83%;}
}

@media only screen and (max-width: 500px) {
	.wrap-medium {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.7rem; color: #424D5B; 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.4rem; 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.6rem; line-height: 2.7rem; 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: 30px;}
.wysiwyg-content img.fr-dii.fr-fir {float: right; margin-left: 30px;}

.wysiwyg-content a {color: #282e68;}
.wysiwyg-content a:hover {color: #282e68; text-decoration: underline;}
.wysiwyg-content p a {color: #424D5B;}
.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; height: auto !important;}

.wysiwyg-content table {max-width: 100%;}
.wysiwyg-content table tbody tr {border-top: 0.1rem solid #dfdfdf;}
.wysiwyg-content table tbody tr:last-child {border-bottom: 0.1rem solid #dfdfdf;}
.wysiwyg-content table tbody tr td {padding: 1rem 1.5rem; font-size: 1.7rem; line-height: 2.8rem; border-left: 0.1rem solid #dfdfdf; vertical-align: middle;} 
.wysiwyg-content.small table tbody tr td {font-size: 1.6rem; line-height: 2.6rem;}
.wysiwyg-content table tbody tr td:last-child {border-right: 0.1rem solid #dfdfdf;}
.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 */


/* FORM */
input[type=text], input[type=email], input[type=password], textarea {font-family: 'GeneralFont', Arial, Verdana; border: 0.1rem solid #AEAEAE; box-sizing: border-box; height: 4.5rem; padding: 0 1.5rem; font-size: 1.6rem; line-height: 2.2rem; color: #424D5B; width: 100%;
border-radius: 0.5rem; -webkit-border-radius: 0.5rem; -moz-border-radius: 0.5rem; -o-border-radius: 0.5rem;
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;
box-shadow: 0px 0px 5px #5171DB; -webkit-box-shadow: 0px 0px 5px #5171DB; -moz-box-shadow: 0px 0px 5px #5171DB; -o-box-shadow: 0px 0px 5px #5171DB;}
textarea {padding: 1.5rem; 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: #424D5B; 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: #424D5B; 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: #144157;}
.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: #424D5B; 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.7rem; font-family: 'MediumFont', Arial, Verdana; background: #5171DB; padding: 1.5rem 3.5rem; text-align: center; cursor: pointer;
border-radius: 5rem; -webkit-border-radius: 5rem; -moz-border-radius: 5rem; -o-border-radius: 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"]:hover, input[type="submit"]:focus, a.gen-btn:hover, a.gen-btn:focus  {background: #A0B0E5; text-decoration: none;}
input[type="submit"].full-width {width: 100%;}

.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: #9f9f9f;}

.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;}
/* /FORM */


/* HEADER */
header {}

#header-top-section {position: fixed; top: 0; left: 0; z-index: 500; width: 100%;}
#header-top-container {padding: 1.8rem 0; background: #fff;
transition: all 0.25s linear; -webkit-transition: all 0.25s linear; -moz-transition: all 0.25s linear; -o-transition: all 0.25s linear;}
#header-top-container.sticky {padding: 1.5rem 0;
box-shadow: 0px 0px 10px #bfbfbf; -webkit-box-shadow: 0px 0px 10px #bfbfbf; -moz-box-shadow: 0px 0px 10px #bfbfbf; -o-box-shadow: 0px 0px 10px #bfbfbf;}
#header-logo-ct {}
img#logo {display: block; max-height: 3.8rem;
transition: all 0.25s linear; -webkit-transition: all 0.25s linear; -moz-transition: all 0.25s linear; -o-transition: all 0.25s linear;}
img#logo.sticky {max-height: 3.4rem;}
#header-nav-ct {}
ul#header-nav-list {}
ul#header-nav-list > li {margin-right: 5rem;
transition: all 0.25s linear; -webkit-transition: all 0.25s linear; -moz-transition: all 0.25s linear; -o-transition: all 0.25s linear;}
ul#header-nav-list > li:last-child {margin-right: 0;}
ul#header-nav-list > li.sticky {margin-right: 4.5rem;}
ul#header-nav-list > li.sticky:last-child {margin-right: 0;}
ul#header-nav-list > li > a {font-size: 1.8rem; line-height: 2.6rem; font-family: 'MediumFont', Arial, Verdana; color: #424D5B;
transition: all 0.25s linear; -webkit-transition: all 0.25s linear; -moz-transition: all 0.25s linear; -o-transition: all 0.25s linear;}
ul#header-nav-list > li > a.sticky {font-size: 1.75rem; line-height: 2.6rem;}
ul#header-nav-list > li > a:hover {text-decoration: none; color: #5171DB;}
ul#header-nav-list > li > a.active, ul#header-nav-list > li > a.active:hover {color: #5171DB; font-family: 'BoldFont', Arial, Verdana;}

#resp-nav-icon {display: none;}
#resp-header {display: none;}
	
@media only screen and (min-width: 1920px) {
	img#logo {}
}

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

@media only screen and (max-width: 1200px) {
	ul#header-nav-list > li {margin-right: 4rem;}
	ul#header-nav-list > li.sticky {margin-right: 3.5rem;}
	ul#header-nav-list > li > a {font-size: 1.7rem;}
}

@media only screen and (max-width: 1024px) {
	ul#header-nav-list > li {margin-right: 3.5rem;}
	ul#header-nav-list > li.sticky {margin-right: 3.2rem;}
	img#logo {max-height: 3.3rem;}
}

@media only screen and (max-width: 768px) {
	#header-top-container, #header-top-container.sticky {padding: 1.3rem 0;}
	img#logo, img#logo.sticky {max-height: 3.5rem;}
	
	ul#header-nav-list {display: none;}
	
	#resp-nav-icon {display: block; width: 4rem; height: 4rem; background: url(../images/icon/nav.png) no-repeat center; background-size: 3rem auto; cursor: pointer;
	transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear;}
	#resp-nav-icon:hover {opacity: 0.8;}
	
	#resp-header {display: block;}
	#resp-header-cover {display: none; background: rgba(0, 0, 0, 0.8); position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 5000;}
	#resp-header-container {opacity: 0; position: fixed; top: 0; right: -30rem; width: 30rem; height: 100%; background: #fff; z-index: 5100; box-sizing: border-box; padding: 10rem 0 5rem 0;
	transition: all 0.4s linear; -webkit-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -o-transition: all 0.4s linear;}
	#resp-header-container.displayed {opacity: 1.0; right: 0;}
	#resp-header-close-icon {position: absolute; top: 2rem; right: 2rem; width: 4rem; height: 4rem; background: url(../images/icon/close.png) no-repeat center; background-size: 2.4rem auto; cursor: pointer;
	transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear;}
	#resp-header-close-icon:hover {opacity: 0.7;}
	#resp-logo-ct {margin-bottom: 5rem; padding: 0 2.5rem;}
	img#resp-logo {float: right; max-width: 100%; max-height: 4rem;}
	
	ul#resp-header-nav-list {}
	ul#resp-header-nav-list > li {}
	ul#resp-header-nav-list > li > a {display: block; padding: 1.5rem 3rem; font-size: 1.7rem; line-height: 2.5rem; color: #424D5B; font-family: 'MediumFont', Arial, Verdana; text-align: right;}
	ul#resp-header-nav-list > li > a:hover {text-decoration: none; color: #A0B0E5;}
	ul#resp-header-nav-list > li > a.active, ul#resp-header-nav-list > li > a.active:hover {background: #A0B0E5; color: #fff; font-family: 'BoldFont', Arial, Verdana;}
}
/* /HEADER */


/* HOME */
#content {}

#top-mt-ct {margin-top: 7.2rem;}

#home-slideshow-section {}
.slideshow-item {position: relative;}
.slideshow-item img {display: block; width: 100%;}
.slideshow-item img.featured {display: block;}
.slideshow-item img.thumbnail {display: none;}
.slideshow-item .slideshow-caption {position: absolute; top: 40%; left: 5%; transform: translateY(-40%); width: 50%;}
.slideshow-item .slideshow-caption h3 {font-size: 5rem; line-height: 6.5rem; font-family: 'ExtraBoldFont', Arial, Verdana; color: #fff; margin-bottom: 3rem;}
.slideshow-item .slideshow-caption p {color: #fff;}
#home-slideshow-section .slick-dots {bottom: 5rem; text-align: left; width: 90%; left: 4.5%;}
#home-slideshow-section .slick-dots li {width: 2.8rem; height: 2.8rem; margin: 0 0.3rem;}
#home-slideshow-section .slick-dots li:last-child {}
#home-slideshow-section .slick-dots li button {width: 2.8rem; height: 2.8rem; background: url(../images/icon/bullet-idle.png) no-repeat center; background-size: 2.8rem 2.8rem;}
#home-slideshow-section .slick-dots li button::before {content: "";}
#home-slideshow-section .slick-dots li.slick-active button {background: url(../images/icon/bullet-active.png) no-repeat center; background-size: 2.8rem 2.8rem;}

.gen-pdtb {padding-top: 6rem; padding-bottom: 6rem;}
#home-welcome-section {}
#home-welcome-container .wysiwyg-content {text-align: center;}

#home-point-section {background: #5171DB;}
#home-point-container {background: url(../images/bg/wavy-line.png) no-repeat center; background-size: 100% auto;}
.gen-title-ct {margin-bottom: 6rem;}
.gen-title-ct.small {margin-bottom: 3rem;}
.gen-title-ct.medium {margin-bottom: 4.5rem;}
.gen-title-ct h2 {margin-bottom: 3rem; font-size: 4.5rem; line-height: 5.5rem; font-family: 'TitleBoldFont', Arial, Verdana;}
.gen-title-ct.medium h2 {font-size: 4rem; line-height: 5.2rem;}
.gen-title-ct.small h2 {font-size: 3rem; line-height: 4.2rem;}
.gen-title-ct p {}
#home-point-container .gen-title-ct {text-align: center;}
#home-point-container .gen-title-ct h2, #home-point-container .gen-title-ct p {color: #fff;}
ul#home-point-list {}
ul#home-point-list > li {width: 27%; margin-right: 9.5%; margin-bottom: 6rem; text-align: center;}
ul#home-point-list > li:nth-child(3n) {margin-right: 0;}
ul#home-point-list > li .img-wrap {margin-bottom: 1rem;}
ul#home-point-list > li .img-wrap img {margin: 0 auto; max-width: 100%; max-height: 18rem; display: block;}
ul#home-point-list > li .desc-wrap {}
ul#home-point-list > li .desc-wrap h3 {color: #fff; font-family: 'TitleBoldFont', Arial, Verdana; font-size: 2.8rem; line-height: 3.8rem; margin-bottom: 1rem;}
ul#home-point-list > li .desc-wrap p {color: #fff;}

#home-testimonial-section {background: url(../images/bg/testimonial-bg.png) no-repeat right center #fff; background-size: auto cover;}
#home-testimonial-container {padding-top: 6rem;}
#home-testimonial-container .gen-title-ct {text-align: center; margin-bottom: 4rem;}
#testimonial-list {}
.testimonial-item {}
.testimonial-item .img-wrap {width: 35%;}
.testimonial-item .img-wrap img {margin: 0 auto; max-width: 100%; display: block;}
.testimonial-item .desc-wrap {width: 50%; text-align: left; padding-bottom: 4rem;}
.testimonial-item .desc-wrap .testimonial {margin-bottom: 2rem;}
.testimonial-item .desc-wrap .name h4 {font-family: 'TitleBoldFont', Arial, Verdana; font-size: 2.2rem; line-height: 3.2rem; margin-bottom: 0;}
.testimonial-item .desc-wrap .name h5 {font-size: 1.8rem; line-height: 2.8rem; margin-bottom: 0;}
#testimonial-list .slick-dots {bottom: 5rem; text-align: left;}
#testimonial-list .slick-dots li {width: 1.7rem; height: 1.7rem; margin: 0 0.3rem;}
#testimonial-list .slick-dots li:last-child {}
#testimonial-list .slick-dots li button {width: 1.7rem; height: 1.7rem; background: url(../images/icon/bullet-idle-2.png) no-repeat center; background-size: 1.7rem 1.7rem;}
#testimonial-list .slick-dots li button::before {content: "";}
#testimonial-list .slick-dots li.slick-active button {background: url(../images/icon/bullet-active-2.png) no-repeat center; background-size: 1.7rem 1.7rem;}


@media only screen and (min-width: 1600px) {	
	#top-mt-ct {margin-top: 7.2rem;}
}

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

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

@media only screen and (max-width: 1200px) {
	.slideshow-item .slideshow-caption {width: 70%;}
	
	ul#home-point-list > li {width: 29%; margin-right: 6.5%;}
	ul#home-point-list > li .img-wrap img  {max-height: 17rem;}
	
	.testimonial-item .img-wrap {width: 35%;}
	.testimonial-item .desc-wrap {width: 62%; padding-bottom: 7rem;}
	#testimonial-list .slick-dots  {bottom: 4rem;}
}

@media only screen and (max-width: 1024px) {
	.slideshow-item {height: 50rem !important;}
	.slideshow-item img {object-fit: cover !important; width: 100%; height: 100%;}
	#home-point-container {background: none;}
}

@media only screen and (max-width: 768px) {	
	#top-mt-ct {margin-top: 6.5rem;}
	
	.slideshow-item {height: auto !important;}
	.slideshow-item img.featured {display: none;}
	.slideshow-item img.thumbnail {display: block;}
	.slideshow-item .slideshow-caption {width: 90%; text-align: center;}
	#home-slideshow-section .slick-dots {bottom: 4rem; text-align: center; left: auto; width: 100%;}
	
	
	.gen-title-ct h2 {font-size: 4.5rem; line-height: 5.5rem;}
	.gen-title-ct.small h2 {font-size: 3rem; line-height: 3.8rem;}
	
	ul#home-point-list > li {width: 45%; margin-right: 10%;}
	ul#home-point-list > li:nth-child(3n) {margin-right: 10%;}
	ul#home-point-list > li:nth-child(2n) {margin-right: 0;}
	
	#home-testimonial-section {background: none; background-color: #fff;}
	#home-testimonial-container {padding-bottom: 6rem;}
	#testimonial-list {padding-bottom: 6rem;}
	.testimonial-item .inner {}
	.testimonial-item .img-wrap {width: 100%; margin-bottom: 4rem;}
	.testimonial-item .img-wrap .img-wrap-frame {margin: 0 auto; width: 32rem; height: 32rem; position: relative; box-sizing: border-box; border: 0.5rem solid #A0B0E5; overflow: hidden;
	border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%;}
	.testimonial-item .img-wrap .img-wrap-frame img {position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); max-width: 100%; max-height: 90%;}
	.testimonial-item .desc-wrap {width: 100%; text-align: center; padding-bottom: 0;}
	#testimonial-list .slick-dots {text-align: center; bottom: 0;}
}

@media only screen and (max-width: 600px) {
	.slideshow-item .slideshow-caption h3 {font-size: 4.5rem; line-height: 5.2rem;}
	#home-slideshow-section .slick-dots {bottom: 3rem;}
	#home-slideshow-section .slick-dots li {width: 2.4rem; height: 2.4rem;}
	#home-slideshow-section .slick-dots li button, #home-slideshow-section .slick-dots li.slick-active button {width: 2.4rem; height: 2.4rem; background-size: 2.4rem 2.4rem;}
}

@media only screen and (max-width: 500px) {	
	.slideshow-item {height: 50rem !important;}
	.gen-title-ct h2 {font-size: 4.2rem; line-height: 5.2rem;}
	
	ul#home-point-list > li {width: 100%; margin-right: 0;}
	ul#home-point-list > li:nth-child(3n) {margin-right: 0;}
	ul#home-point-list > li .desc-wrap {margin: 0 auto; width: 90%;}
	ul#home-point-list > li .img-wrap img {max-height: 17rem;}
	
	.testimonial-item .img-wrap .img-wrap-frame {width: 27rem; height: 27rem;}
}

@media only screen and (max-width: 360px) {
	.gen-title-ct h2 {font-size: 3.8rem; line-height: 4.6rem;}
	.gen-title-ct.medium h2 {font-size: 3.5rem; line-height: 4.3rem;}
	
	.slideshow-item .slideshow-caption h3 {font-size: 3.7rem; line-height: 4.5rem;}
	
	ul#home-point-list > li .desc-wrap {margin: 0 auto; width: 100%;}	
	
	.testimonial-item .img-wrap .img-wrap-frame {width: 23rem; height: 23rem;}
}
/* /HOME */


/* ABOUT */
#top-page-section {}
#top-page-container {height: 40rem;}
img#top-page-img {object-fit: cover; width: 100%; height: 100%;}

#breadcrumb-section {}
#breadcrumb-container {padding: 1.5rem 0; background: #EEF1FF;}
ul#breadcrumb-list {}
ul#breadcrumb-list > li {margin-right: 1.5rem;}
ul#breadcrumb-list > li:last-child {margin-right: 0;}
ul#breadcrumb-list > li > a {font-family: 'MediumFont', Arial, Verdana; color: #424D5B;}
ul#breadcrumb-list > li > a:hover {text-decoration: none; color: #5171DB;}
ul#breadcrumb-list > li > a.sep, ul#breadcrumb-list > li > a.sep:hover {color: #424D5B;}
ul#breadcrumb-list > li > a.active, ul#breadcrumb-list > li > a.active:hover {color: #5171DB; font-family: 'BoldFont', Arial, Verdana;}

#about-section {}

#about-general-container {}
ul#about-general-list {}
ul#about-general-list > li {}
ul#about-general-list > li:nth-child(even) {flex-direction: row-reverse;}
ul#about-general-list > li .img-wrap {width: 50%; height: 100%;}
ul#about-general-list > li .img-wrap img {display: block; width: 100%;}
ul#about-general-list > li .desc-wrap {width: 50%; box-sizing: border-box; padding: 6rem;}
ul#about-general-list > li .desc-wrap h2.title, ul#about-general-list > li .desc-wrap h3.title {color: #5171DB; font-family: 'TitleBoldFont', Arial, Verdana;}
ul#about-general-list > li .desc-wrap h3.title {margin-bottom: 1rem;}
ul#about-general-list > li .desc-wrap .point-section {margin-bottom: 5rem;}
ul#about-general-list > li .desc-wrap .point-section:last-child {margin-bottom: 0;}

#about-quote-container {background: #F0F4FF; padding: 6rem 0; text-align: center;}
#about-quote-container .wysiwyg-content {margin: 0 auto; width: 65%;}

#about-principle-container {position: relative;}
#about-principle-container .gen-title-ct {position: absolute; left: 46.5%; top: 10%;}
#about-principle-container .gen-title-ct h2 {color: #5171DB;}
#about-principle-list {}
.about-principle-item {}
.about-principle-item .inner {}
.about-principle-item .inner .img-wrap {width: 42%;}
.about-principle-item .inner .img-wrap img {display: block; width: 100%;}
.about-principle-item .inner .desc-wrap {width: 58%; box-sizing: border-box; padding: 6rem;}
.about-principle-item .inner .desc-wrap h3 {font-size: 5.8rem; line-height: 7.2rem; color: #5171DB; font-family: 'TitleBoldItalicFont', Arial, Verdana; margin-bottom: 2rem;}
.about-principle-item .inner .desc-wrap p {width: 80%;}
#about-principle-list .slick-dots {bottom: 5rem; width: auto; left: 46.5%;}
#about-principle-list .slick-dots li {width: 1.7rem; height: 1.7rem; margin: 0 0.3rem;}
#about-principle-list .slick-dots li:last-child {}
#about-principle-list .slick-dots li button {width: 1.7rem; height: 1.7rem; background: url(../images/icon/bullet-idle-2.png) no-repeat center; background-size: 1.7rem 1.7rem;}
#about-principle-list .slick-dots li button::before {content: "";}
#about-principle-list .slick-dots li.slick-active button {background: url(../images/icon/bullet-active-2.png) no-repeat center; background-size: 1.7rem 1.7rem;}

#about-point-container {padding: 8rem 0 4rem 0; background: #F0F4FF;}
ul#about-point-list {}
ul#about-point-list > li {width: 30%; margin-right: 5%; margin-bottom: 6rem; text-align: center;}
ul#about-point-list > li:nth-child(3n) {margin-right: 0;}
ul#about-point-list > li .img-wrap {margin-bottom: 2rem;}
ul#about-point-list > li .img-wrap img {display: block; margin: 0 auto; max-height: 12rem; max-width: 100%;}
ul#about-point-list > li .desc-wrap {}
ul#about-point-list > li .desc-wrap h3 {color: #5171DB; font-size: 2.8rem; line-height: 3.8rem; font-family: 'MediumFont', Arial, Verdana;}
ul#about-point-list > li .desc-wrap p {font-size: 1.7rem; line-height: 2.8rem;}

#about-highlight-container {padding: 3rem 0 4rem 0;}
ul#about-highlight-list {}
ul#about-highlight-list > li {width: 25%; box-sizing: border-box; text-align: center; padding: 0 2.5rem;}
ul#about-highlight-list > li h3 {font-size: 5.0rem; line-height: 6.5rem; font-family: 'TitleBoldFont', Arial, Verdana; margin-bottom: 0;} 
ul#about-highlight-list > li p {font-size: 2.1rem; line-height: 3.3rem;}

@media only screen and (min-width: 2400px) {
	#about-quote-container .wysiwyg-content {width: 70%;}
}

@media only screen and (max-width: 1200px) {
	ul#about-general-list > li .img-wrap {height: 70rem;}
	ul#about-general-list > li .img-wrap img {object-fit: cover; width: 100%; height: 100%;}
	
	ul#about-highlight-list > li {}
}

@media only screen and (max-width: 1024px) {
	#about-quote-container .wysiwyg-content {width: 80%;}
	
	#about-principle-container .gen-title-ct, #about-principle-list .slick-dots {left: 47.5%;}
	.about-principle-item .inner .img-wrap {height: 55rem;}
	.about-principle-item .inner .img-wrap img {object-fit: cover; width: 100%; height: 100%;}
	.about-principle-item .inner .desc-wrap p {width: 90%;}
	
	ul#about-point-list > li {width: 30%; margin-right: 5%;}
	
	ul#about-highlight-list > li h3 {font-size: 4.6rem; line-height: 5.4rem;}
	ul#about-highlight-list > li p {font-size: 1.9rem; line-height: 2.7rem;}
}

@media only screen and (max-width: 768px) {
	#top-page-container {height: 34rem;}
	
	#about-general-container {margin-top: 6rem; margin-bottom: 6rem;}
	ul#about-general-list > li .img-wrap {display: none;}
	ul#about-general-list > li .desc-wrap {width: 90%; padding: 0; margin: 0 auto;}
	ul#about-general-list > li {margin-bottom: 4rem;}
	ul#about-general-list > li:last-child {margin-bottom: 0;}
	ul#about-general-list > li .desc-wrap .point-section h3.title {padding-right: 3rem; background: url(../images/icon/arrow-down.png) no-repeat right center; background-size: 1.6rem auto; cursor: pointer;}
	ul#about-general-list > li .desc-wrap .point-section h3.title.opened {background: url(../images/icon/arrow-up.png) no-repeat right center; background-size: 1.6rem auto;}
	ul#about-general-list > li .desc-wrap .point-section .description {display: none;}
	
	#about-quote-container .wysiwyg-content {width: 100%;}
	
	.about-principle-item .inner .desc-wrap  {padding-left: 4rem; padding-right: 4rem;}
	.about-principle-item .inner .desc-wrap h3 {font-size: 5rem; line-height: 5.8rem;}
	.about-principle-item .inner .desc-wrap p {width: 100%;}	
	
	ul#about-point-list > li  {width: 45%; margin-right: 10%;}
	ul#about-point-list > li:nth-child(3n) {margin-right: 10%;}
	ul#about-point-list > li:nth-child(2n) {margin-right: 0;}
	
	#about-highlight-container {padding-bottom: 1rem;}
	ul#about-highlight-list > li  {width: 50%; margin-bottom: 4rem;}
	ul#about-highlight-list > li p  {font-size: 2.1rem; line-height: 2.9rem;}
}

@media only screen and (max-width: 500px) {
	#top-page-container {height: 28rem;}
	
	ul#breadcrumb-list > li {margin-right: 1rem;}
	ul#breadcrumb-list > li > a {font-size: 1.6rem; line-height: 2.4rem;}
	
	#about-principle-container {padding: 6rem 0;}
	#about-principle-container .gen-title-ct {position: relative; left: auto; top: auto; margin: 0 auto; width: 90%; text-align: center;}
	.about-principle-item .inner .img-wrap {width: 100%; height: 35rem;}
	.about-principle-item .inner .desc-wrap {width: 100%; text-align: center; padding: 6rem 5%;}
	.about-principle-item .inner .desc-wrap h3 {font-size: 4.5rem; line-height: 5.3rem;}
	#about-principle-list .slick-dots {left: auto; width: 100%; text-align: center; bottom: 0;}
	
	#about-point-container {padding-top: 4rem;}
	ul#about-point-list > li, ul#about-point-list > li:nth-child(3n) {width: 100%; margin-right: 0; text-align: left; margin-bottom: 0;}
	ul#about-point-list > li .img-wrap {display: none;}
	ul#about-point-list > li .desc-wrap h3 {font-size: 2.2rem; line-height: 3.0rem; padding-right: 3rem; background: url(../images/icon/arrow-down.png) no-repeat right center; background-size: 1.3rem auto; cursor: pointer;}
	ul#about-point-list > li .desc-wrap h3.opened {background: url(../images/icon/arrow-up.png) no-repeat right center; background-size: 1.3rem auto; font-family: 'TitleBoldFont', Arial, Verdana;}
	ul#about-point-list > li .desc-wrap p {display: none; margin-bottom: 4rem;}
	ul#about-point-list > li:last-child .desc-wrap p {margin-bottom: 0;}
	
	ul#about-highlight-list > li p {font-size: 1.9rem; line-height: 2.7rem;}
}

@media only screen and (max-width: 360px) {
	#about-highlight-container {padding-bottom: 6rem;}
	ul#about-highlight-list > li  {width: 100%; margin-bottom: 5rem;}
	ul#about-highlight-list > li:last-child {margin-bottom: 0;}
}
/* /ABOUT */


/* PRODUCT */
#product-list-section {margin-bottom: 6rem;}

#product-list-header-container {margin-top: 6rem; text-align: center;}

#product-list-container {margin-top: 6rem;}
ul#product-list {}
ul#product-list > li {width: 32%; margin-right: 2%; margin-bottom: 6rem;}
ul#product-list > li:nth-child(3n) {margin-right: 0;}
ul#product-list > li .img-wrap {position: relative; box-sizing: border-box; border: 0.2rem solid transparent; overflow: hidden; margin-bottom: 2rem;
transition: all 0.2s linear; transition: all 0.2s linear; transition: all 0.2s linear; transition: all 0.2s linear;}
ul#product-list > li .img-wrap:hover {border: 0.2rem solid #dfdfdf;}
ul#product-list > li .img-wrap img {object-fit: cover; max-width: 100%; max-height: 100%;
transition: all 0.2s linear; transition: all 0.2s linear; transition: all 0.2s linear; transition: all 0.2s linear;}
ul#product-list > li .img-wrap img:hover {
transform: scale(1.15); transform: -webkit-scale(1.15); transform: -moz-scale(1.15); transform: -o-scale(1.15);}
ul#product-list > li .desc-wrap {text-align: center;}
ul#product-list > li .desc-wrap h3, ul#product-list > li .desc-wrap h3 a {font-family: 'TitleBoldFont', Arial, Verdana; font-size: 2.4rem; line-height: 3.6rem; margin-bottom: 0; color: #424D5B;}
ul#product-list > li .desc-wrap h3 a:hover {color: #5171DB; text-decoration: none;}
ul#product-list > li .desc-wrap p {font-size: 1.6rem; line-height: 2.2rem;}

#product-subcategory-list-container {margin-top: 6rem;}
#product-subcategory-list {margin: 0 auto; width: 80%;}
.product-subcategory-choice {}
.product-subcategory-choice .inner {padding: 0 0.5rem;}
.product-subcategory-choice .inner h3 {font-size: 1.8rem; line-height: 2.8rem; padding: 1.5rem; border: 1px solid #5171DB; cursor: pointer; color: #5171DB; text-align: center;
border-radius: 0.5rem; -webkit-border-radius: 0.5rem; -moz-border-radius: 0.5rem; -o-border-radius: 0.5rem;
transition: background-color 0.2s linear; -webkit-transition: background-color 0.2s linear; -moz-transition: background-color 0.2s linear; -o-transition: background-color 0.2s linear;}
.product-subcategory-choice .inner h3:hover {background: #5171DB; color: #fff;}
.product-subcategory-choice .inner h3.active, .product-subcategory-choice .inner h3.active:hover {padding-right: 5rem; background: url(../images/icon/tick-white.png) no-repeat right 2rem center #5171DB; background-size: 2rem auto; color: #fff; font-family: 'TitleBoldFont', Arial, Verdana;}
#product-subcategory-list .slick-prev {content: ''; width: 5rem; height: 5rem; background: url(../images/icon/arrow-prev.png) no-repeat center !important; top: 50%; transform: translateY(-50%); left: -7rem; background-size: 1.5rem auto !important; opacity: 0.75;
transition: all 0.15s linear; -webkit-transition: all 0.15s linear; -moz-transition: all 0.15s linear; -o-transition: all 0.15s linear;}
#product-subcategory-list .slick-next {content: ''; width: 5rem; height: 5rem; background: url(../images/icon/arrow-next.png) no-repeat center !important; top: 50%; transform: translateY(-50%); right: -7rem; background-size: 1.5rem auto !important; opacity: 0.75;
transition: all 0.15s linear; -webkit-transition: all 0.15s linear; -moz-transition: all 0.15s linear; -o-transition: all 0.15s linear;}
#product-subcategory-list .slick-prev:hover {opacity: 1.0;}
#product-subcategory-list .slick-next:hover {opacity: 1.0;}
#product-subcategory-list .slick-prev.slick-disabled, #product-subcategory-list .slick-prev.slick-disabled:hover, #product-subcategory-list .slick-prev.slick-disabled:focus {opacity: 0.2;}
#product-subcategory-list .slick-next.slick-disabled, #product-subcategory-list .slick-next.slick-disabled:hover, #product-subcategory-list .slick-next.slick-disabled:focus {opacity: 0.2;}

ul#product-item-list {}
ul#product-item-list > li {width: 32%; margin-right: 2%; margin-bottom: 3rem;}
ul#product-item-list > li a:hover {text-decoration: none;}
ul#product-item-list > li:nth-child(3n) {margin-right: 0;}
ul#product-item-list > li .inner {background: #F6F6F6; box-sizing: border-box; border: 0.2rem solid transparent; position: relative;
transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear;}
ul#product-item-list > li .inner:hover {background: #fff; border: 0.2rem solid #dfdfdf;}
ul#product-item-list > li .img-wrap {height: 70%; box-sizing: border-box; position: relative;}
ul#product-item-list > li .img-wrap img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: 95%; max-height: 95%;}
ul#product-item-list > li .desc-wrap {height: 30%; box-sizing: border-box; padding: 2rem; text-align: center;}
ul#product-item-list > li .desc-wrap h3 {font-size: 2rem; line-height: 2.8rem; font-family: 'MediumFont', Arial, Verdana; text-decoration: none;}

#product-detail-section {margin-bottom: 6rem;}

#prdet-header-container {margin-top: 6rem;}
#prdet-img-ct {width: 40%;}
#prdet-img-ct .img-wrap {box-sizing: border-box; border: 0.2rem solid #dfdfdf; position: relative;}
#prdet-img-ct .img-wrap img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: 80%; max-height: 80%;}
#prdet-desc-ct {width: 55%;}
#prdet-desc-ct h2.title {font-size: 3.2rem; line-height: 4.4rem; font-family: 'TitleBoldFont', Arial, Verdana; padding-bottom: 1rem; border-bottom: 0.2rem solid #dfdfdf;}

#prdet-tab-container {margin-top: 6rem;}
ul#prdet-tab-list {}
ul#prdet-tab-list > li {}
ul#prdet-tab-list > li > a {font-family: 'MediumFont', Arial, Verdana; display: inline-block; color: #B5B5B5; font-size: 1.7rem; line-height: 2.8rem; padding: 1.5rem 3.5rem; cursor: pointer;
border-top-left-radius: 0.5rem; -webkit-border-top-left-radius: 0.5rem; -moz-border-top-left-radius: 0.5rem; -o-border-top-left-radius: 0.5rem;
border-top-right-radius: 0.5rem; -webkit-border-top-right-radius: 0.5rem; -moz-border-top-right-radius: 0.5rem; -o-border-top-right-radius: 0.5rem;}
ul#prdet-tab-list > li > a:hover {text-decoration: none; color: #5171DB;}
ul#prdet-tab-list > li > a.active, ul#prdet-tab-list > li > a.active:hover {cursor: text; background: #5171DB; color: #fff; font-family: 'BoldFont', Arial, Verdana;}
#prdet-tab-content {box-sizing: border-box; padding: 3rem; border: 0.2rem solid #ebebeb; min-height: 25rem;}
.prdtab-content {display: none;}
ul.prd-gallery-list {}
ul.prd-gallery-list > li {width: 19%; margin-right: 1.25%; margin-bottom: 1.5rem;}
ul.prd-gallery-list > li:nth-child(5n) {margin-right: 0;}
ul.prd-gallery-list > li .img-wrap {position: relative; height: 20rem; width: 100%; background: #E5EAFF; box-sizing: border-box; border: 0.2rem solid transparent;
border-radius: 0.5rem; -webkit-border-radius: 0.5rem; -moz-border-radius: 0.5rem; -o-border-radius: 0.5rem;
transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear;}
ul.prd-gallery-list > li .img-wrap:hover {border: 0.2rem solid #869BF2;}
ul.prd-gallery-list > li .img-wrap img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: 75%; max-height: 75%;}

.gen-popup-content {background: #fff !important; width: 768px; box-sizing: border-box; padding: 4rem;
border-radius: 1rem; -webkit-border-radius: 1rem; -moz-border-radius: 1rem; -o-border-radius: 1rem;}
.gen-popup-content.no-pd {padding: 0;}
.gen-popup-content .img-wrap {margin: 0 auto; margin-bottom: 3rem;}
.gen-popup-content .img-wrap img {display: block; margin: 0 auto; max-width: 80%;}
.gen-popup-content .desc-wrap h2 {font-size: 3.8rem; line-height: 5.2rem;}

#prdet-acc-container {display: none;}

@media only screen and (max-width: 1024px) {
	.product-subcategory-choice .inner h3 {font-size: 1.7rem; line-height: 2.8rem; padding-left: 1.2rem; padding-right: 1.2rem;}
	
	#prdet-img-ct {width: 47%;}
	#prdet-desc-ct {width: 48%;}
	ul.prd-gallery-list > li {width: 23.5%; margin-right: 2%;}
	ul.prd-gallery-list > li:nth-child(5n) {margin-right: 2%;}
	ul.prd-gallery-list > li:nth-child(4n) {margin-right: 0;}
}

@media only screen and (max-width: 900px) {
	.gen-popup-content {width: 600px;}
}

@media only screen and (max-width: 768px) {
	#product-subcategory-list {width: 90%;}
	ul#product-list > li {width: 48%; margin-right: 4%;}
	ul#product-list > li:nth-child(3n) {margin-right: 4%;}
	ul#product-list > li:nth-child(2n) {margin-right: 0;}
	
	ul#product-item-list > li {width: 48%; margin-right: 4%;}
	ul#product-item-list > li:nth-child(3n) {margin-right: 4%;}
	ul#product-item-list > li:nth-child(2n) {margin-right: 0;}
	
	#prdet-img-ct, #prdet-desc-ct {width: 100%; margin: 0;}
	#prdet-img-ct {margin-bottom: 4rem;}
	#prdet-img-ct .img-wrap {margin: 0 auto;}
	
	.prdtab-content table {width: 100% !important;}
	ul.prd-gallery-list > li {width: 32%; margin-right: 2%;}
	ul.prd-gallery-list > li:nth-child(4n) {margin-right: 2%;}
	ul.prd-gallery-list > li:nth-child(3n) {margin-right: 0;}
	ul.prd-gallery-list > li .img-wrap {height: 21rem;}
	
	.gen-popup-content {width: 480px;}
}

@media only screen and (max-width: 500px) {
	ul#product-list > li, ul#product-list > li:nth-child(3n) {width: 100%; margin-right: 0;}	
	
	#product-subcategory-list {width: 95%;}
	#product-subcategory-list .slick-prev {left: -4.4rem; background-size: 1.2rem auto !important;}
	#product-subcategory-list .slick-next {right: -4.4rem; background-size: 1.2rem auto !important;}
	
	ul#product-item-list > li, ul#product-item-list > li:nth-child(3n) {width: 100%; margin-right: 0;}
	ul#product-item-list > li:last-child {margin-bottom: 0;}
	
	ul.prd-gallery-list > li {width: 49%; margin-right: 2%;}
	ul.prd-gallery-list > li:nth-child(3n) {margin-right: 2%;}
	ul.prd-gallery-list > li:nth-child(2n) {margin-right: 0;}
	
	#prdet-tab-container {display: none;}
	#prdet-acc-container {display: block;}
	.prdet-acc-item {margin-top: 3rem; padding-top: 3rem; border-top: 0.1rem dotted #bfbfbf;}
	.prdet-acc-item h3.title {font-family: 'MediumFont', Arial, Verdana; font-size: 2.4rem; line-height: 3.2rem; color: #5171DB; padding-right: 3rem; background: url(../images/icon/arrow-down.png) no-repeat right center; background-size: 1.3rem auto; margin-bottom: 0; cursor: pointer;}
	.prdet-acc-item h3.title.opened {font-family: 'TitleBoldFont', Arial, Verdana; padding-right: 3rem; background: url(../images/icon/arrow-up.png) no-repeat right center; background-size: 1.3rem auto;}
	.prdet-acc-item .description {display: none; margin-top: 3rem; margin-bottom: 6rem;}
	.prdet-acc-item .description table {width: 100% !important;}
	
	.gen-popup-content {width: 320px;}	
}


@media only screen and (max-width: 360px) {	
	#product-subcategory-list .slick-prev {width: 3rem; height: 3rem; left: -2.7rem; background-size: 1rem auto !important;}
	#product-subcategory-list .slick-next {width: 3rem; height: 3rem; right: -2.7rem; background-size: 1rem auto !important;}
	.product-subcategory-choice .inner h3 {font-size: 1.6rem; line-height: 2.4rem;}
	.product-subcategory-choice .inner h3.active, .product-subcategory-choice .inner h3.active:hover {padding-right: 1.5rem; background: #5171DB;}
	
	ul.prd-gallery-list > li {margin-bottom: 0.75rem;}
	ul.prd-gallery-list > li .img-wrap {height: 18rem;}
}
/* /PRODUCT */


/* SERVICE */
#service-list-section {margin-bottom: 6rem;}

#service-list-header-container {margin-top: 6rem;}
#service-list-header-container .gen-title-ct {text-align: center;}

#service-list-container {margin-top: 0rem;}
ul#service-list {}
ul#service-list > li {padding: 8rem 0;}
ul#service-list > li:nth-child(even) {background: #F0F4FF;}
ul#service-list > li:nth-child(even) .wrap {flex-direction: row-reverse;}
ul#service-list > li .img-wrap {width: 42%;}
ul#service-list > li .img-wrap img {display: block; width: 100%;
border-radius: 1rem; -webkit-border-radius: 1rem; -moz-border-radius: 1rem; -o-border-radius: 1rem;}
ul#service-list > li .desc-wrap {width: 52%;}
ul#service-list > li .desc-wrap h3.title {font-family: 'TitleBoldFont', Arial, Verdana; color: #5171DB; margin-bottom: 3rem;}
ul#service-list > li .desc-wrap a.gen-btn {margin-top: 4rem;}

#service-detail-section {margin-bottom: 6rem;}

#service-detail-header-container {margin-top: 6rem;}
#service-detail-header-container .gen-title-ct {text-align: center;}

#service-detail-container {margin-top: 6rem;}
ul#service-pic-list {}
ul#service-pic-list > li {width: 32%; margin-right: 2%; margin-bottom: 4rem;}
ul#service-pic-list > li:nth-child(3n) {margin-right: 0;}
ul#service-pic-list > li .inner {
box-shadow: 0px 0px 1rem #dfdfdf; -webkit-box-shadow: 0px 0px 1rem #dfdfdf; -moz-box-shadow: 0px 0px 1rem #dfdfdf; -o-box-shadow: 0px 0px 1rem #dfdfdf;
border-radius: 1rem; -webkit-border-radius: 1rem; -moz-border-radius: 1rem; -o-border-radius: 1rem;}
ul#service-pic-list > li .img-wrap {position: relative; height: 28rem; overflow: hidden;
border-top-left-radius: 1rem; -webkit-border-top-left-radius: 1rem; -moz-border-top-left-radius: 1rem; -o-border-top-left-radius: 1rem;
border-top-right-radius: 1rem; -webkit-border-top-right-radius: 1rem; -moz-border-top-right-radius: 1rem; -o-border-top-right-radius: 1rem;}
ul#service-pic-list > li .img-wrap img {object-fit: cover; width: 100%; height: 100%;}
ul#service-pic-list > li .desc-wrap {min-height: 40rem; background: #fff; box-sizing: border-box; padding: 3rem;
border-bottom-left-radius: 1rem; -webkit-border-bottom-left-radius: 1rem; -moz-border-bottom-left-radius: 1rem; -o-border-bottom-left-radius: 1rem;
border-bottom-right-radius: 1rem; -webkit-border-bottom-right-radius: 1rem; -moz-border-bottom-right-radius: 1rem; -o-border-bottom-right-radius: 1rem;}
ul#service-pic-list > li .desc-wrap h3 {font-size: 3rem; line-height: 4.2rem; font-family: 'MediumFont', Arial, Verdana; color: #5171DB;}
ul#service-pic-list > li .desc-wrap p {}

@media only screen and (min-width: 2400px) {
	ul#service-pic-list > li .desc-wrap h3 {font-size: 2.8rem; line-height: 3.8rem;}
}

@media only screen and (max-width: 1024px) {
	ul#service-list > li .img-wrap {width: 50%;}
	ul#service-list > li .desc-wrap {width: 45%;}
	
	ul#service-pic-list > li {width: 100%; margin-right: 0;}
	ul#service-pic-list > li:last-child {margin-bottom: 0;}
	ul#service-pic-list > li .inner {display: flex;}
	ul#service-pic-list > li .img-wrap {width: 35%; height: 32rem;
	border-top-right-radius: 0; -webkit-border-top-right-radius: 0; -moz-border-top-right-radius: 0; -o-border-top-right-radius: 0;
	border-bottom-left-radius: 1rem; -webkit-border-bottom-left-radius: 1rem; -moz-border-bottom-left-radius: 1rem; -o-border-bottom-left-radius: 1rem;}
	ul#service-pic-list > li .desc-wrap {width: 65%; min-height: 0;
	border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0;
	border-top-right-radius: 1rem; -webkit-border-top-right-radius: 1rem; -moz-border-top-right-radius: 1rem; -o-border-top-right-radius: 1rem;
	border-bottom-right-radius: 1rem; -webkit-border-bottom-right-radius: 1rem; -moz-border-bottom-right-radius: 1rem; -o-border-bottom-right-radius: 1rem;}
}

@media only screen and (max-width: 768px) {
	ul#service-list > li .img-wrap, ul#service-list > li .desc-wrap {width: 100%; margin: 0;}
	ul#service-list > li .img-wrap {width: 100%; height: 35rem; margin-bottom: 3rem;}
	ul#service-list > li .img-wrap img {object-fit: cover; width: 100%; height: 100%;}
	
	ul#service-pic-list > li .inner {flex-wrap: wrap;}
	ul#service-pic-list > li .img-wrap {width: 100%;	
	border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0;
	border-top-right-radius: 1rem; -webkit-border-top-right-radius: 1rem; -moz-border-top-right-radius: 1rem; -o-border-top-right-radius: 1rem;
	border-top-left-radius: 1rem; -webkit-border-top-left-radius: 1rem; -moz-border-top-left-radius: 1rem; -o-border-top-left-radius: 1rem;}
	ul#service-pic-list > li .desc-wrap {width: 100%;	
	border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0;
	border-bottom-right-radius: 1rem; -webkit-border-bottom-right-radius: 1rem; -moz-border-bottom-right-radius: 1rem; -o-border-bottom-right-radius: 1rem;
	border-bottom-left-radius: 1rem; -webkit-border-bottom-left-radius: 1rem; -moz-border-bottom-left-radius: 1rem; -o-border-bottom-left-radius: 1rem;}
}

@media only screen and (max-width: 500px) {
}
/* /SERVICE */


/* BLOG */
#blog-list-section {margin-bottom: 8rem;}
#blog-search-container {text-align: center; margin-top: 6rem;}
#blog-search-container .wrap {}
#search-form {margin: 0 auto; position: relative;}
#search-form input[type="text"] {height: 5.5rem; background: #F0F0F0; padding: 1.5rem 6rem 1.5rem 2rem; width: 100%; font-size: 1.7rem; line-height: 1.7rem; border: 1px solid transparent;
border-radius: 0.5rem; -webkit-border-radius: 0.5rem; -moz-border-radius: 0.5rem; -o-border-radius: 0.5rem;}
#search-form input[type="text"]:hover, #search-form input[type="text"]:focus {
box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none;}
#search-form input[type="submit"] {position: absolute; top: 50%; transform: translateY(-50%); right: 0; width: 2.4rem; height: 2.4rem; background: url(../images/icon/search.png) no-repeat center; background-size: 2.4rem 2.4rem;}

#blog-featured-container {margin-top: 6rem;}
#blog-featured-container .gen-title-ct {text-align: center;}
#blog-featured-container .gen-title-ct h2 {color: #5171DB;}
.blog-item {position: relative;}
.blog-item .img-wrap {}
.blog-item.featured .img-wrap {height: 50rem;}
.blog-item .img-wrap img {object-fit: cover; width: 100%; height: 100%;
border-radius: 1rem; -webkit-border-radius: 1rem; -moz-border-radius: 1rem; -o-border-radius: 1rem;}
.blog-item .desc-wrap-overlay {position: absolute; bottom: 0; left: 0; width: 100%; box-sizing: border-box; padding: 2rem 3rem; background: rgba(134, 155, 242, 0.5);
border-bottom-left-radius: 1rem; -webkit-border-bottom-left-radius: 1rem; -moz-border-bottom-left-radius: 1rem; -o-border-bottom-left-radius: 1rem;
border-bottom-right-radius: 1rem; -webkit-border-bottom-right-radius: 1rem; -moz-border-bottom-right-radius: 1rem; -o-border-bottom-right-radius: 1rem;}
.blog-item .desc-wrap-overlay p.post-date {color: #fff; font-size: 1.6rem; line-height: 2.6rem;}
.blog-item .desc-wrap-overlay h3, .blog-item .desc-wrap-overlay  h3 a {color: #fff; font-size: 2.2rem; line-height: 3.2rem; margin-bottom: 0;}
.blog-item .desc-wrap h3, .blog-item .desc-wrap h3 a {font-family: 'TitleBoldFont', Arial, Verdana; color: #424D5B; font-size: 2.2rem; line-height: 3.0rem; margin-bottom: 0.5rem; max-width: 80%;}
.blog-item .desc-wrap h3 a:hover {color: #5171DB; text-decoration: none;}
.blog-item .desc-wrap p.post-date {font-size: 1.7rem; line-height: 2.5rem; color: #7d7d7d;}

#blog-list-container {margin-top: 6rem;}
ul.blog-list {}
ul.blog-list > li {width: 48.5%; margin-right: 3%; margin-bottom: 6rem;}
ul.blog-list > li:nth-child(2n) {margin-right: 0;}
ul.blog-list > li .blog-item .img-wrap {height: 32rem; margin-bottom: 1.5rem;}
ul.blog-list.type-2 > li .blog-item .desc-wrap h3, ul.blog-list.type-2 > li .blog-item .desc-wrap h3 a, ul.blog-list.type-2 > li .blog-item .desc-wrap h3 a:hover, ul.blog-list.type-2 > li .blog-item .desc-wrap p.post-date {color: #fff;}
ul.blog-list.type-2 > li .blog-item .desc-wrap h3 a:hover {text-decoration: underline;}

#blog-list-section .pagination-container {margin-top: 2rem;}

#blog-detail-section {margin-bottom: 6rem;}
#blog-detail-container {margin-top: 6rem;}
#blog-detail-container .img-wrap {text-align: center; margin-bottom: 4rem;}
#blog-detail-container .img-wrap img {display: block; max-width: 100%; margin: 0 auto;
border-radius: 1rem; -webkit-border-radius: 1rem; -moz-border-radius: 1rem; -o-border-radius: 1rem;}
#blog-back-container {text-align: center; margin-top: 6rem;}
#blog-back-container a.gen-btn {
border-radius: 1rem; -webkit-border-radius: 1rem; -moz-border-radius: 1rem; -o-border-radius: 1rem;}

#blog-other-section {}
#blog-other-container {padding-top: 6rem; padding-bottom: 2rem; background: #5171DB;}
#blog-other-container .gen-title-ct.small {text-align: center; margin-bottom: 6rem;}
#blog-other-container .gen-title-ct.small h2 {color: #fff;}

@media only screen and (max-width: 768px) {
	.blog-item.featured .img-wrap {height: 44rem;}
	ul.blog-list > li .blog-item .img-wrap {height: 27rem;}
}

@media only screen and (max-width: 500px) {
	.blog-item.featured .img-wrap {height: 38rem;}
	.blog-item .desc-wrap-overlay h3, .blog-item .desc-wrap-overlay  h3 a {font-size: 2rem; line-height: 2.8rem;}

	ul.blog-list > li  {width: 100%; margin-right: 0;}
}
/* /BLOG */

/* GALLERY */
#gallery-list-section {margin-bottom: 6rem;}

#gallery-list-header-container {margin-top: 6rem;}
#gallery-list-header-container .gen-title-ct {text-align: center;}

#gallery-category-list-container {margin-top: 6rem;}
#gallery-category-list {margin: 0 auto; width: 80%;}
.gallery-category-choice {}
.gallery-category-choice .inner {padding: 0 0.5rem;}
.gallery-category-choice .inner h3 {font-size: 1.8rem; line-height: 2.8rem; padding: 1.5rem; border: 1px solid #5171DB; cursor: pointer; color: #5171DB; text-align: center;
border-radius: 0.5rem; -webkit-border-radius: 0.5rem; -moz-border-radius: 0.5rem; -o-border-radius: 0.5rem;
transition: background-color 0.2s linear; -webkit-transition: background-color 0.2s linear; -moz-transition: background-color 0.2s linear; -o-transition: background-color 0.2s linear;}
.gallery-category-choice .inner h3:hover {background: #5171DB; color: #fff;}
.gallery-category-choice .inner h3.active, .gallery-category-choice .inner h3.active:hover {padding-right: 5rem; background: url(../images/icon/tick-white.png) no-repeat right 2rem center #5171DB; background-size: 2rem auto; color: #fff; font-family: 'TitleBoldFont', Arial, Verdana;}
#gallery-category-list .slick-prev {content: ''; width: 5rem; height: 5rem; background: url(../images/icon/arrow-prev.png) no-repeat center !important; top: 50%; transform: translateY(-50%); left: -7rem; background-size: 1.5rem auto !important; opacity: 0.75;
transition: all 0.15s linear; -webkit-transition: all 0.15s linear; -moz-transition: all 0.15s linear; -o-transition: all 0.15s linear;}
#gallery-category-list .slick-next {content: ''; width: 5rem; height: 5rem; background: url(../images/icon/arrow-next.png) no-repeat center !important; top: 50%; transform: translateY(-50%); right: -7rem; background-size: 1.5rem auto !important; opacity: 0.75;
transition: all 0.15s linear; -webkit-transition: all 0.15s linear; -moz-transition: all 0.15s linear; -o-transition: all 0.15s linear;}
#gallery-category-list .slick-prev:hover {opacity: 1.0;}
#gallery-category-list .slick-next:hover {opacity: 1.0;}
#gallery-category-list .slick-prev.slick-disabled, #gallery-category-list .slick-prev.slick-disabled:hover, #gallery-category-list .slick-prev.slick-disabled:focus {opacity: 0.2;}
#gallery-category-list .slick-next.slick-disabled, #gallery-category-list .slick-next.slick-disabled:hover, #gallery-category-list .slick-next.slick-disabled:focus {opacity: 0.2;}

#gallery-list-container {margin-top: 6rem;}
ul.gallery-list {}
ul.gallery-list > li {width: 32%; margin-right: 2%; margin-bottom: 3rem;}
ul.gallery-list > li:nth-child(3n) {margin-right: 0;}
ul.gallery-list > li .img-wrap {position: relative; overflow: hidden;}
ul.gallery-list > li .img-wrap img {object-fit: cover; width: 100%; height: 100%;
transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear;}
ul.gallery-list > li .img-wrap img:hover {
transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1);} 
ul.gallery-list > li .title-wrap {position: absolute; bottom: 0; width: 100%; box-sizing: border-box; text-align: center; padding: 1.25rem; background: rgba(135, 155, 242, 0.5); color: #fff;
transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear;}
ul.gallery-list > li .title-wrap.hovered {background: rgba(135, 155, 242, 1.0); padding-top: 2rem; padding-bottom: 2rem;}
ul.gallery-list > li .title-wrap h3 {font-size: 2.1rem; line-height: 3.2rem; color: #fff; font-family: 'TitleBoldFont', Arial, Verdana; margin-bottom: 0;}

#gallery-detail-section {margin-bottom: 6rem;}

#gldet-header-container {margin-top: 6rem;}
#gldet-img-ct {width: 40%;}
#gldet-img-ct .img-wrap {}
#gldet-img-ct .img-wrap img {object-fit: cover; width: 100%; height: 100%;}
#gldet-img-ct .pic-title {display: none;}
#gldet-desc-ct {width: 55%;}
#gldet-desc-ct h2.title {font-size: 3.2rem; line-height: 4.4rem; font-family: 'TitleBoldFont', Arial, Verdana; padding-bottom: 1rem; border-bottom: 0.2rem solid #dfdfdf; margin-bottom: 4rem;}
#gldet-desc-ct table {width: 100% !important;}

ul#gldet-tab-list > li {}
ul#gldet-tab-list > li > a {font-family: 'MediumFont', Arial, Verdana; display: inline-block; color: #B5B5B5; font-size: 1.7rem; line-height: 2.8rem; padding: 1.5rem 3.5rem; cursor: pointer; border: 0.2rem solid transparent; position: relative; border-bottom: 0;}
ul#gldet-tab-list > li > a:hover {text-decoration: none; color: #424D5B;}
ul#gldet-tab-list > li > a.active, ul#gldet-tab-list > li > a.active:hover {cursor: text; color: #424D5B; font-family: 'BoldFont', Arial, Verdana; border: 0.2rem solid #ebebeb; border-bottom: 0;}
ul#gldet-tab-list > li > a span {position: absolute; left: 0; bottom: -0.5rem; width: 100%; height: 1.5rem; background: #fff; display: none;}
ul#gldet-tab-list > li > a.active span {display: block;}
#gldet-tab-content {box-sizing: border-box; padding: 3rem; border: 0.2rem solid #ebebeb; min-height: 25rem;}
.gltab-content {display: none;}

#gldet-pic-container {margin-top: 6rem;}
#gldet-pic-container h3.title {display: none;}
#gldet-pic-list {}
.gldet-pic-item {padding: 0 1rem;}
.gldet-pic-item .inner {position: relative; height: 25rem; overflow: hidden;}
.gldet-pic-item .inner img {object-fit: cover; width: 100%; height: 100%; opacity: 0.8;
transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear;}
.gldet-pic-item .inner img:hover {opacity: 1.0;
transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1);} 
.gldet-pic-item .pic-title {display: none;}
#gldet-pic-list .slick-prev {content: ''; width: 5rem; height: 5rem; background: url(../images/icon/arrow-prev.png) no-repeat center !important; top: 50%; transform: translateY(-50%); left: -4rem; background-size: 1.5rem auto !important; opacity: 0.75;
transition: all 0.15s linear; -webkit-transition: all 0.15s linear; -moz-transition: all 0.15s linear; -o-transition: all 0.15s linear;}
#gldet-pic-list .slick-next {content: ''; width: 5rem; height: 5rem; background: url(../images/icon/arrow-next.png) no-repeat center !important; top: 50%; transform: translateY(-50%); right: -4rem; background-size: 1.5rem auto !important; opacity: 0.75;
transition: all 0.15s linear; -webkit-transition: all 0.15s linear; -moz-transition: all 0.15s linear; -o-transition: all 0.15s linear;}
#gldet-pic-list .slick-prev:hover {opacity: 1.0;}
#gldet-pic-list .slick-next:hover {opacity: 1.0;}
#gldet-pic-list .slick-prev.slick-disabled, #gldet-pic-list .slick-prev.slick-disabled:hover, #gldet-pic-list .slick-prev.slick-disabled:focus {opacity: 0.2;}
#gldet-pic-list .slick-next.slick-disabled, #gldet-pic-list .slick-next.slick-disabled:hover, #gldet-pic-list .slick-next.slick-disabled:focus {opacity: 0.2;}

.fancybox-title-outside-wrap {margin-top: 0 !important; padding: 1.5rem; text-align: center; background: #fff; color: #424D5B !important; font-family: 'TitleBoldFont', Arial, Verdana !important; font-size: 3.2rem !important; line-height: 4.4rem !important;}

@media only screen and (max-width: 1024px) {
	.gallery-category-choice .inner h3 {font-size: 1.7rem; line-height: 2.8rem; padding-left: 1.2rem; padding-right: 1.2rem;}
}

@media only screen and (max-width: 768px) {
	#gallery-category-list {width: 90%;}
	
	ul.gallery-list > li {width: 48%; margin-right: 4%;}
	ul.gallery-list > li:nth-child(3n) {margin-right: 4%;}
	ul.gallery-list > li:nth-child(2n) {margin-right: 0;}
	
	ul.gallery-list > li .title-wrap h3  {font-size: 2.2rem; line-height: 3rem;}
	
	#gldet-img-ct, #gldet-desc-ct {width: 100%;}
	#gldet-img-ct {margin-bottom: 4rem;}
}

@media only screen and (max-width: 500px) {	
	#gallery-category-list {width: 95%;}
	#gallery-category-list .slick-prev {left: -4.4rem; background-size: 1.2rem auto !important;}
	#gallery-category-list .slick-next {right: -4.4rem; background-size: 1.2rem auto !important;}
		
	ul.gallery-list > li {width: 48.5%; margin-right: 3%;}
	ul.gallery-list > li:nth-child(3n) {margin-right: 3%;}
	ul.gallery-list > li:nth-child(2n) {margin-right: 0;}
	ul.gallery-list > li  {margin-bottom: 1.5rem;}	
	ul.gallery-list > li .title-wrap h3  {font-size: 2rem; line-height: 2.8rem;}
	
	#gldet-desc-ct h2.title {border-bottom: 0; padding-bottom: 0; margin-bottom: 0;}
	#gldet-tab-list, #gldet-tab-content {display: none;}
	#gldet-pic-container {margin-top: 3rem; padding-top: 3rem; border-top: 0.1rem dotted #bfbfbf;}
	#gldet-pic-container h3.title {display: block; font-family: 'MediumFont', Arial, Verdana; font-size: 2.6rem; line-height: 3.4rem; color: #5171DB; margin-bottom: 3rem;}
	.gldet-pic-item {padding: 0 0.7rem;}
	.gldet-pic-item .inner {height: 20rem;}
	#gldet-pic-list .slick-prev, #gldet-pic-list .slick-next {width: 4rem; height: 4rem; background-size: 1.3rem auto !important;}
	#gldet-pic-list .slick-prev {left: -3.2rem;}
	#gldet-pic-list .slick-next {right: -3.2rem;}
	
	.fancybox-title-outside-wrap {font-size: 2.8rem !important; line-height: 3.6rem !important;}
}

@media only screen and (max-width: 360px) {	
	#gallery-category-list .slick-prev {width: 3rem; height: 3rem; left: -2.7rem; background-size: 1rem auto !important;}
	#gallery-category-list .slick-next {width: 3rem; height: 3rem; right: -2.7rem; background-size: 1rem auto !important;}
	.gallery-category-choice .inner h3 {font-size: 1.6rem; line-height: 2.4rem;}
	.gallery-category-choice .inner h3.active, .gallery-category-choice .inner h3.active:hover {padding-right: 1.5rem; background: #5171DB;}
	
	ul.gallery-list > li .title-wrap {padding: 0.75rem 1.25rem;}
	ul.gallery-list > li .title-wrap.hovered {padding-top: 1.25rem; padding-bottom: 1.25rem;}
	ul.gallery-list > li .title-wrap h3 {font-size: 1.7rem; line-height: 2.1rem;}	
	
	.gldet-pic-item .inner {height: 17rem;}
	#gldet-pic-list .slick-prev, #gldet-pic-list .slick-next {width: 3rem; height: 3rem; background-size: 1.1rem auto !important;}
	#gldet-pic-list .slick-prev {left: -2.25rem;}
	#gldet-pic-list .slick-next {right: -2.25rem;}	
	
	.fancybox-title-outside-wrap {font-size: 2.4rem !important; line-height: 3.2rem !important;}
}
/* /GALLERY */


/* CONTACT */
#contact-section {margin-bottom: 6rem;}
#contact-container {margin-top: 6rem;}

#contact-detail-ct {width: 42%;}
#contact-detail {}
p.con-detail {margin-bottom: 2.5rem;}
#contact-detail p.con-detail:last-child {margin-bottom: 0;}
p.con-detail.address {padding-left: 4rem; background: url(../images/icon/cap-location.png) no-repeat left top; background-size: 2.8rem 2.8rem;}
p.con-detail.phone {padding-left: 4rem; background: url(../images/icon/cap-phone.png) no-repeat left top; background-size: 2.8rem 2.8rem;}
p.con-detail.email {padding-left: 4rem; background: url(../images/icon/cap-email.png) no-repeat left top 0.2rem; background-size: 2.8rem 2.8rem;}

#contact-form-ct {width: 50%;}
form.gen-form input[type="submit"] {width: 100%;
border-radius: 0.5rem; -webkit-border-radius: 0.5rem; -moz-border-radius: 0.5rem; -o-border-radius: 0.5rem;}
label.form-label {display: block; font-size: 1.8rem; line-height: 2.9rem; margin-bottom: 0.5rem; font-family: 'MediumFont', Arial, Verdana;}
.gen-form-row {margin-bottom: 3rem;}
.gen-form-row .gfr {width: 100%;}
.gen-form-row .gfr-half {width: 48%; margin-right: 4%;}
.gen-form-row .gfr-half:nth-child(2n) {margin-right: 0;}

#gmap-section {}
#gmap-section iframe {width: 100%; height: 42rem !important; display: block;}

@media only screen and (max-width: 1024px) {
	#contact-detail-ct, #contact-form-ct {width: 47%;}
	form#contact-form .gen-form-row .gfr-half {width: 100%; margin-right: 0; margin-bottom: 3rem;}
	form#contact-form .gen-form-row .gfr-half:nth-child(2n) {margin-bottom: 0;}
}

@media only screen and (max-width: 768px) {
	#contact-detail-ct, #contact-form-ct {width: 100%;}
	#contact-detail-ct {margin-bottom: 4rem; padding-bottom: 4rem; border-bottom: 0.1rem dotted #bfbfbf;}
	form#contact-form .gen-form-row .gfr-half {width: 48%; margin-right: 4%; margin-bottom: 0;}
	form#contact-form .gen-form-row .gfr-half:nth-child(2n) {margin-right: 0;}
}

@media only screen and (max-width: 500px) {
	#contact-detail-ct {margin-bottom: 3rem; padding-bottom: 3rem;}
	form#contact-form .gen-form-row .gfr-half {width: 100%; margin-right: 0; margin-bottom: 3rem;}
	form#contact-form .gen-form-row .gfr-half:nth-child(2n) {margin-bottom: 0;}	
	
	#gmap-section iframe {height: 38rem !important;}
}

@media only screen and (max-width: 360px) {	
	#gmap-section iframe {height: 34rem !important;}
}
/* /CONTACT */


/* PAGINATION */
.pagination-container {margin-top: 6rem;}
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: 4rem; height: 4rem; font-size: 1.7rem; line-height: 4rem; color: #5171DB; border: 0.2rem solid #5171DB; text-align: center; cursor: pointer;
border-radius: 0.3rem; -webkit-border-radius: 0.3rem; -moz-border-radius: 0.3rem; -o-border-radius: 0.3rem;}
ul.pagination-list > li > a:hover {text-decoration: none; background: #A0B0E5; border: 0.2rem solid #A0B0E5; color: #fff;}
ul.pagination-list > li > a.active, ul.pagination-list > li > a.active:hover {background: #5171DB; color: #fff; font-family: 'BoldFont', Arial, Verdana; border: 0.2rem solid #5171DB; cursor: text;}

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


/* FOOTER */
#footer-cta-section {background: url(../images/bg/cta-bg.png) no-repeat right center #efefef; background-size: auto 100%;}

#footer-partner-ct {width: 38%;}
#partner-list {padding-bottom: 3rem;}
#partner-list-resp {display: none;}
.partner-item {}
ul.partner-item-list {}
ul.partner-item-list > li {width: 45%; margin-right: 10%; margin-bottom: 2rem;}
ul.partner-item-list > li:nth-child(2n) {margin-right: 0;}
ul.partner-item-list > li .img-wrap {height: 12rem; position: relative;}
ul.partner-item-list > li .img-wrap img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(1); max-width: 80%; max-height: 80%; opacity: 1.0;
transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear;}
ul.partner-item-list > li .img-wrap img:hover {
transform: translate(-50%, -50%) scale(1.1); -webkit-transform: translate(-50%, -50%) scale(1.1); -moz-transform: translate(-50%, -50%) scale(1.1); -o-transform: translate(-50%, -50%) scale(1.1);}
#partner-list .slick-dots {bottom: 0; text-align: left;}
#partner-list .slick-dots li {width: 1.7rem; height: 1.7rem; margin: 0 0.3rem;}
#partner-list .slick-dots li:last-child {}
#partner-list .slick-dots li button {width: 1.7rem; height: 1.7rem; background: url(../images/icon/bullet-idle-2.png) no-repeat center; background-size: 1.7rem 1.7rem;}
#partner-list .slick-dots li button::before {content: "";}
#partner-list .slick-dots li.slick-active button {background: url(../images/icon/bullet-active-2.png) no-repeat center; background-size: 1.7rem 1.7rem;}

#footer-cta-ct {width: 38%; text-align: right;}
#footer-cta-ct .wysiwyg-content p, #footer-cta-ct .wysiwyg-content p a {font-family: 'MediumFont', Arial, Verdana;}
#footer-cta-ct a.gen-btn {margin-top: 3rem;}

#footer-bottom-section {}

#footer-nav-container {padding: 4rem 0; background: #3a3a3a;}
#footer-nav-container h3 {font-size: 2.6rem; line-height: 3.6rem; color: #fff; font-family: 'BoldFont', Arial, Verdana; margin-bottom: 2.5rem;}
#footer-nav-container h5 {font-size: 2rem; line-height: 3rem; color: #fff; font-family: 'BoldFont', Arial, Verdana; margin-bottom: 2rem;}

#footer-col-1-ct {width: 22%; margin-right: 5%;}
p.ft-icon, p.ft-icon a {color: #fff; font-size: 1.6rem; line-height: 2.6rem;}
p.ft-icon a:hover {text-decoration: underline;}
p.ft-icon.address {padding-left: 3.7rem; background: url(../images/icon/ft-location.png) no-repeat left top 0.2rem; background-size: auto 2.2rem;}
p.ft-icon.email {padding-left: 3.7rem; background: url(../images/icon/ft-email.png) no-repeat left top 0.4rem; background-size: auto 2.2rem;}
p.ft-icon.phone {padding-left: 3.7rem; background: url(../images/icon/ft-phone.png) no-repeat left top 0.2rem; background-size: auto 2.2rem;}
p.ft-icon.mobile {padding-left: 3.7rem; background: url(../images/icon/ft-mobile.png) no-repeat left top 0.2rem; background-size: auto 2.2rem;}
p.ft-icon.wa {padding-left: 3.7rem; background: url(../images/icon/ft-wa.png) no-repeat left top 0.2rem; background-size: auto 2.2rem;}
#footer-col-1-ct p.ft-icon {margin-bottom: 2rem;}
#footer-col-1-ct p.ft-icon:last-child {margin-bottom: 0;}
h3.footer-acc-title {display: none;}

#footer-col-2-ct {width: 17%; margin-right: 5%;}
ul.footer-nav-list {}
ul.footer-nav-list > li {margin-bottom: 1rem;}
ul.footer-nav-list > li:last-child {margin-bottom: 0;}
ul.footer-nav-list > li > a {font-size: 1.6rem; line-height: 2.6rem; color: #fff;}
ul.footer-nav-list > li > a:hover {color: #dfdfdf; text-decoration: none;}

#footer-col-3-ct {width: 17%; margin-right: 5%;}

#footer-col-4-ct {width: 29%;}
img#footer-logo {display: block; margin-bottom: 2rem; max-height: 6rem; max-width: 100%;}
ul#socmed-list {}
ul#socmed-list > li {margin-right: 1rem;}
ul#socmed-list > li:last-child {margin-right: 0;}
ul#socmed-list > li img {display: block; width: 3.4rem; height: 3.4rem;
transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear;}
ul#socmed-list > li img:hover {opacity: 0.8;}

#footer-copyright-container {padding: 1.5rem 0; background: #3a3a3a; text-align: center; border-top: 0.1rem dotted #bfbfbf;}
#footer-copyright-container p, #footer-copyright-container p a {font-size: 1.4rem; line-height: 2.0rem; color: #fff;}
#footer-copyright-container p a {color: #5171DB; font-family: 'BoldFont', Arial, Verdana;}
#footer-copyright-container p a:hover {text-decoration: underline;}

@media only screen and (max-width: 1200px) {
	#footer-partner-ct {width: 45%;}
	#footer-cta-ct {width: 45%;}
	
	#footer-col-1-ct {width: 27%; margin-right: 4%;}
	#footer-col-2-ct, #footer-col-3-ct {width: 14%; margin-right: 3%;}
	#footer-col-4-ct {width: 35%;}
}

@media only screen and (max-width: 1024px) {
	#footer-col-1-ct {width: 40%; margin-right: 8%;}
	#footer-col-2-ct, #footer-col-3-ct {width: 22%; margin-right: 8%;}
	#footer-col-3-ct {margin-right: 0;}
	#footer-col-4-ct {width: 100%; padding-top: 3rem; margin-top: 3rem; border-top: 0.1rem dotted #bfbfbf; text-align: center;}
	img#footer-logo {margin-left: auto; margin-right: auto;}
	ul#socmed-list {justify-content: center;}
}

@media only screen and (max-width: 768px) {
	#footer-cta-section {background: #efefef; }
	#footer-partner-ct, #footer-cta-ct {width: 100%; text-align: center;}
	#footer-partner-ct {margin-bottom: 6rem;}
	
	#partner-list {display: none;}
	#partner-list-resp {display: block; padding-bottom: 6rem;}
	.partner-item-resp {}
	.partner-item-resp .inner {}
	.partner-item-resp .inner {height: 10rem; position: relative;}
	.partner-item-resp .inner img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: 85%; max-height: 85%; display: block;}
	#partner-list-resp .slick-dots {bottom: 0;}
	#partner-list-resp .slick-dots li {width: 1.7rem; height: 1.7rem; margin: 0 0.3rem;}
	#partner-list-resp .slick-dots li:last-child {}
	#partner-list-resp .slick-dots li button {width: 1.7rem; height: 1.7rem; background: url(../images/icon/bullet-idle-2.png) no-repeat center; background-size: 1.7rem 1.7rem;}
	#partner-list-resp .slick-dots li button::before {content: "";}
	#partner-list-resp .slick-dots li.slick-active button {background: url(../images/icon/bullet-active-2.png) no-repeat center; background-size: 1.7rem 1.7rem;}
}

@media only screen and (max-width: 600px) {
	#footer-col-1-ct, #footer-col-2-ct, #footer-col-3-ct {width: 100%; margin-right: 0;}
	#footer-col-1-ct, #footer-col-2-ct {margin-bottom: 0;}
	h3.footer-reg-title {display: none;}
	h3.footer-acc-title {display: block; font-size: 2.2rem !important; line-height: 3rem !important; padding-right: 3rem; background: url(../images/icon/arrow-down-white.png) no-repeat right center; background-size: 1.3rem auto; cursor: pointer;}
	h3.footer-acc-title.opened {background: url(../images/icon/arrow-up-white.png) no-repeat right center; background-size: 1.3rem auto;}
	.footer-acc-content {display: none; margin-bottom: 4rem;}
	
	img#footer-logo {max-height: 5rem;}
}
/* /FOOTER */


/* NOT FOUND */
#not-found-section {}
#not-found-container {min-height: 30rem; text-align: center; padding: 8rem 0;}
/* /NOT FOUND */


/* ADDITIONAL */
#fp-waiting {background: #fff; position: fixed; top: 0; left: 0; width: 100%; height: 100%; opacity: 0.7; z-index: 9000; display: none;}
#fp-waiting img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
/* /ADDITIONAL */


/* OVERLAY NOTIFICATION */
.overlay-bg, .overlay-bg2  { width: 100%; height: 100%; background: #7f7f7f; opacity: 0.5; z-index: 9000; left: 0; top: 0; position: fixed;}
.notification-content, .notification-content2 {width: 40%; box-sizing: border-box; padding: 3rem; background: #ffffff; z-index: 10000; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center;}
.notification-content h3, .notification-content2 h3 {font-size: 3.6rem; line-height: 4.4rem; font-family: 'BoldFont', Arial, Verdana; color: #333333; margin-bottom: 0.7rem;}
.notification-content p, .notification-content2 p {font-size: 1.7rem; line-height: 2.6rem; margin-bottom: 0px; font-family: 'GeneralFont', Arial, Verdana; color: #333333;}
.notification-content small, .notification-content2 small {padding-left: 0.1rem; font-size: 0.5rem; color: #222; font-family: 'GeneralFont', Arial, Verdana;}

.notif-success h3, .notif-success2 h3 {padding-top: 6rem; background: url(../images/icon/success-notif.png) no-repeat top center; background-size: auto 5rem;}
a.notification-close-btn {margin-top: 2.5rem; cursor: pointer; display: inline-block;}
a.notification-close-btn.gen-btn {border: none; background: none; display: inline-block; color: #fff; font-size: 1.5rem; font-family: 'MediumFont', Arial, Verdana; background: #5171DB; padding: 1rem 2.5rem; text-align: center; cursor: pointer;
border-radius: 5rem; -webkit-border-radius: 5rem; -moz-border-radius: 5rem; -o-border-radius: 5rem;
transition: all 0.2s linear; -moz-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear;}
a.notification-close-btn.gen-btn:hover {background: #A0B0E5;}

.overlay-bg2, .notification-content2 {display: none;}
.form-control.type2 {display: inline; width: 60%;}

@media only screen and (max-width: 1024px) {
	.notification-content, .notification-content2 {width: 450px;}
	.notification-content h3, .notification-content2 h3 {font-size: 3.4rem;}
}

@media only screen and (max-width: 500px) {
	.notification-content, .notification-content2 {width: 280px;}
	.notification-content h3, .notification-content2 h3 {font-size: 3.2rem;}
}
/* /OVERLAY NOTIFICATION */