@charset "utf-8";

/* Contact Page Setting
***********************/
.contactPage
{}
.bannerArea
{ background:url(../images/contact/img-banner.jpg) no-repeat center center; background-size:cover;}
.bannerArea .innerArea
{ position:relative; height:290px; padding-top:110px;}
.bannerArea .innerArea h1
{ position:relative; margin:0px auto; text-align:center;}
.bannerArea .innerArea h1 span
{ font-size:45px; font-size:3.75rem; line-height:1.3; color:#fff; border-bottom:5px solid #3ed1c5;}

.pageTit
{ font-size:30px; font-size:2.5rem; line-height:1.3; color:#00c4b4; text-align:center; margin-bottom:30px; font-weight:normal;}

.generalEnquiryPart
{ margin-bottom:30px;}

.generalEnquiryPart .descArea
{ margin:0px auto; width:80%; font-size:18px; font-size:1.5rem; line-height:1.5; color:#262626; text-align:left; margin-bottom:30px;}
.generalEnquiryPart .formArea
{ margin:0px auto; width:80%;}
.generalEnquiryPart .formArea .inputRow
{ margin-bottom:30px;}
.generalEnquiryPart .formArea .labelCol
{ padding-top:9px; width:25%; font-size:18px; font-size:1.5rem; color:#666; text-align:left; vertical-align:top;}
.generalEnquiryPart .formArea .inputCol .inputField
{ padding:5px; border:1px solid #CCC; vertical-align:top; background:#fff;}
.generalEnquiryPart .formArea .inputCol input
{ width:100%; font-size:18px; font-size:1.5rem; color:#666; text-align:left;}
.generalEnquiryPart .formArea .inputCol textarea
{ width:100%; height:100px; font-size:18px; font-size:1.5rem; color:#666; text-align:left; resize:none; background:none; border:none;}
.generalEnquiryPart .btnSubmit
{ width:160px; margin:0px auto;}
.generalEnquiryPart .btnSubmit a
{ display:block; padding:10px 20px; background:#f8da0a; font-size:24px; font-size:2rem; color:#000; line-height:1.3; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0px 3px 0px 0px rgba(0,0,0,0.3); -moz-box-shadow: 0px 3px 0px 0px rgba(0,0,0,0.3); box-shadow: 0px 3px 0px 0px rgba(0,0,0,0.3); text-align:center;}

.locationPart .mapCol
{ width:50%;}
.locationPart .mapCol #gooMap
{ width:100%; height:400px;}
.locationPart .addressCol
{ width:50%; padding:20px; }
.locationPart .addressCol .infoRow
{ margin-bottom:20px; height:auto;}
.locationPart .addressCol .infoRow .labelCol
{ text-align:left; width:140px; font-size:20px; font-size:1.6667rem; line-height:1.3; color:#00C4B4; vertical-align:top;}
.locationPart .addressCol .infoRow .infoCol
{ text-align:left;  font-size:20px; font-size:1.6667rem; line-height:1.3; color:#666;}
.locationPart .addressCol .infoRow .infoCol a
{ text-align:left;  font-size:20px; font-size:1.6667rem; line-height:1.3; color:#00C4B4;}


.locationPart .addressCol.revamp
{ width:100%; padding:20px 0px; font-size:0px; margin-left: -2.5%;}
.locationPart .addressCol.revamp .infoRow
{ display:inline-block; vertical-align: top; width:30.7%; margin-left: 2.5%; margin-bottom:20px; height:auto;}
.locationPart .addressCol.revamp .infoRow .table-row
{ display:block;}
.locationPart .addressCol.revamp .labelCol
{ display:block; width:100%; text-align: center;}
.locationPart .addressCol.revamp .infoCol
{ display:block; width:100%; text-align: center;}


@media screen and (max-width:1024px){
}


@media screen and (max-width:1024px){
.locationPart .addressCol.revamp
{ width:100%; padding:20px 0px; font-size:0px; margin-left: 0%;}
.locationPart .addressCol.revamp .infoRow
{ display:block; vertical-align: top; width:100%; margin-left:0%; margin-bottom:20px; height:auto;}
}



@media screen and (max-width:768px){
/* Contact Page Setting
***********************/
.contactPage
{}
.bannerArea .innerArea
{ height:290px; }
.bannerArea .innerArea h1 span
{ font-size:42px; font-size:3.5rem; }

.pageTit
{ font-size:28px; font-size:2.333rem; }


.generalEnquiryPart .descArea
{ width:100%; font-size:16px; font-size:1.333rem; margin-bottom:25px;}
.generalEnquiryPart .formArea
{ width:100%;}
.generalEnquiryPart .formArea .inputRow
{ margin-bottom:25px;}
.generalEnquiryPart .formArea .labelCol
{ width:25%; font-size:16px; font-size:1.333rem; }
.generalEnquiryPart .formArea .inputCol input
{ font-size:16px; font-size:1.333rem;}
.generalEnquiryPart .formArea .inputCol textarea
{ font-size:16px; font-size:1.333rem;}
.generalEnquiryPart .btnSubmit a
{ font-size:18px; font-size:1.5rem;}

.locationPart .mapCol
{ display:block; width:100%; margin-bottom:20px;}
.locationPart .mapCol #gooMap
{ width:100%; height:300px;}
.locationPart .addressCol
{ display:block; width:100%; padding:0px; }
.locationPart .addressCol .infoRow
{ margin-bottom:20px; height:auto;}
.locationPart .addressCol .infoRow.last
{ margin-bottom:0px;}
.locationPart .addressCol .infoRow .labelCol
{ font-size:16px; font-size:1.333rem;}
.locationPart .addressCol .infoRow .infoCol
{ font-size:16px; font-size:1.333rem;}
.locationPart .addressCol .infoRow .infoCol a
{ font-size:16px; font-size:1.333rem;}
}


@media screen and (max-width:700px){
.bannerArea .innerArea
{ padding-top:80px;}
}


@media screen and (max-width:425px){
/* Font Size Ratio
font-size:13px; : font-size:4vw;
font-size:14px; : font-size:4vw;
font-size:16px; : font-size:4vw;
font-size:18px; : font-size:4.2vw;
font-size:20px; : font-size:5vw;
font-size:24px; : font-size:5.5vw;
font-size:30px; : font-size:6vw; 
font-size:36px; : font-size:7vw; 
font-size:80px; : font-size:14vw; 
**************************/

/* Contact Page Setting
***********************/
.contactPage
{}
.bannerArea .innerArea
{ height:160px; }
.bannerArea .innerArea h1 span
{ font-size:36px; font-size:8.5vw; }

.pageTit
{ font-size:24px; font-size:6vw; margin-bottom:20px; margin-bottom:5vw;}

.generalEnquiryPart .descArea
{ font-size:15px; font-size:3.75vw; margin-bottom:20px; margin-bottom:5vw;}
.generalEnquiryPart .formArea .inputRow
{ margin-bottom:10px; margin-bottom:2.5vw;}
.generalEnquiryPart .formArea .labelCol
{ display:block; width:100%; font-size:15px; font-size:3.75vw; margin-bottom:10px; margin-bottom:2.5vw;}
.generalEnquiryPart .formArea .inputCol
{ display:block; width:100%;}
.generalEnquiryPart .formArea .inputCol input
{ font-size:15px; font-size:3.75vw; }
.generalEnquiryPart .formArea .inputCol textarea
{ font-size:15px; font-size:3.75vw; }
.generalEnquiryPart .btnSubmit a
{ font-size:16px; font-size:4vw;}

.locationPart .mapCol
{ margin-bottom:10px; margin-bottom:2.5vw;}
.locationPart .mapCol #gooMap
{ width:100%; height:280px;}
.locationPart .addressCol .infoRow
{ margin-bottom:10px; margin-bottom:2.5vw;}
.locationPart .addressCol .infoRow .labelCol
{ font-size:16x; font-size:4vw;}
.locationPart .addressCol .infoRow .infoCol
{ font-size:16x; font-size:4vw;}
.locationPart .addressCol .infoRow .infoCol a
{ font-size:16x; font-size:4vw;}
}