@charset "utf-8";

/* Front Page Setting
***********************/
.simpleQuotePage,
.detailsQuotePage
{}
.bannerArea
{ background:url(../images/contact/img-banner.jpg) no-repeat center center; background-cover: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;}

.bannerArea .quoteSelectWrap
{ position:absolute; bottom:-24px; width:100%; text-align:center;}
.bannerArea .quoteSelectWrap .quoteSelectRow
{ text-align:center; margin:0px auto;}
.quoteSelectRow
{ text-align:center; margin-bottom:50px;}
.quoteSelectRow a
{ position:relative; display:inline-block; padding:10px 20px 10px 20px; height:28px; font-size:24px; font-size:2rem; line-height:1.2; color:#666; background:#ddd;}
.quoteSelectRow a.simpleQuote
{ padding:10px 20px 10px 15px;}
.quoteSelectRow a.detailQuote
{ padding:10px 15px 10px 20px;}
.quoteSelectRow a .lArrow
{ position:absolute; top:50%; margin-top:-24px; left:-24px; width: 0; height: 0; border-top: 24px solid transparent; border-bottom: 24px solid transparent; border-right:24px solid #ddd; }
.quoteSelectRow a .rArrow
{ position:absolute; top:50%; margin-top:-24px; right:-24px; width: 0; height: 0; border-top: 24px solid transparent; border-bottom: 24px solid transparent; border-left:24px solid #ddd; }
.quoteSelectRow a:hover,
.quoteSelectRow a.current
{ background:#00b6a6; color:#fff;}
.quoteSelectRow a:hover .lArrow,
.quoteSelectRow a.current .lArrow
{ border-right:24px solid #00b6a6; }
.quoteSelectRow a:hover .rArrow,
.quoteSelectRow a.current .rArrow
{ border-left:24px solid #00b6a6; }


.simpleQuotePage .flowRow
{ width:500px; margin:0px auto; padding-bottom:120px; overflow:hidden;}

.detailsQuotePage .flowRow,
.detailsQuoteStep2Page .flowRow
{ width:900px; margin:0px auto; padding-bottom:120px; overflow:hidden;}

.quotePage .flowRow .flowStep
{ position:relative; width:120px;} 
.quotePage .flowRow .flowStep span
{ background:#ccc; display:inline-block; width:74px; height:74px; font-size:50px; font-size:4.167rem; color:#fff; -webkit-border-radius: 74px; -moz-border-radius: 74px; border-radius: 74px; vertical-align:middle; line-height:74px; font-family:'Anton', Arial, Helvetica, sans-serif;}
.quotePage .flowRow .flowStep.current span
{ background:#00c4b4;}
.quotePage .flowRow .flowNext
{}
.quotePage .flowRow .flowNext hr
{ border:none; height:10px; background:url(../images/common/img-sep-dashed.gif) repeat-x center center;}
.quotePage .flowRow .flowArrow
{ width:60px;}
.quotePage .flowRow .flowArrow img
{ width:40px; height:auto;}

.quotePage .flowRow .flowStep01Desc
{ position:absolute; top:100px; left:50%; margin-left:-50px; width:100px; text-align:center; font-size:24px; font-size:2rem; line-height:1.3; color:#666;}
.quotePage .flowRow .flowStep02Desc
{ position:absolute; top:100px; left:50%; margin-left:-100px; width:200px; text-align:center; font-size:24px; font-size:2rem; line-height:1.3; color:#666;}
.quotePage .flowRow .flowStep03Desc
{ position:absolute; top:100px; left:50%; margin-left:-145px; width:290px; text-align:center; font-size:24px; font-size:2rem; line-height:1.3; color:#666;}



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

.quoteForm
{}
.quoteForm .formArea
{ margin:0px auto; width:80%;}
.quoteForm .formArea .inputRow
{ margin-bottom:30px;}
.quoteForm .formArea .washroom1Row,
.quoteForm .formArea .washroom2Row,
.quoteForm .formArea .washroom3Row,
.quoteForm .formArea .washroom4Row,
.quoteForm .formArea .room1Row,
.quoteForm .formArea .room2Row,
.quoteForm .formArea .room3Row,
.quoteForm .formArea .room4Row
{ display:none;}
.quoteForm .formArea .labelCol
{ width:25%; font-size:16px; font-size:1.333rem; color:#666; text-align:left; vertical-align:middle;}
.quoteForm .formArea .labelCol img
{ position:relative; top:4px; width:auto; height:22px;}
.quoteForm .formArea .slideCol
{ width:60%; vertical-align:middle;}
.quoteForm .formArea .inputCol
{ text-align:left; vertical-align:middle;}
.quoteForm .formArea .inputCol label
{ font-size:22px; font-size:1.6667rem; color:#666; text-align:left; vertical-align:top; margin-left:0px; margin-right:10px;}
.quoteForm .formArea .inputCol input.radioInput
{ position:absolute; top:-999px; left:-999999px;}
.quoteForm .formArea .inputCol span
{ -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%;}
.quoteForm .formArea .inputCol .inputField
{ border:1px solid #CCC; vertical-align:top; background:#fff;}
.quoteForm .formArea .inputCol input
{ padding:5px; width:100%; font-size:18px; font-size:1.5rem; color:#666; text-align:left;}

.quoteForm .formArea .washroomGroup .labelCol,
.quoteForm .formArea .roomGroup .labelCol
{ text-indent:20px;}

.quoteForm .formArea .sizeCol
{ vertical-align:middle;}
.quoteForm .formArea .sizeCol .sizeTxtCol
{ width:70%;}
.quoteForm .formArea .sizeCol .sizeTxtCol .simpleSize
{ padding:5px 5%; width:90%; font-size:18px; font-size:1.5rem; color:#4ad0c5; text-align:center; border:1px solid #CCC; vertical-align:top; background:#fff; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px;}
.quoteForm .formArea .sizeCol .sizeLabelCol
{ font-size:18px; font-size:1.5rem; color:#666; text-align:center;}


.quoteForm .formArea .inputCol textarea
{ padding:5px; width:100%; height:100px; font-size:18px; font-size:1.5rem; color:#666; text-align:left; resize:none; background:none; border:none;}
.quoteForm .formArea .sepCol
{ width:2%;}


.quoteForm .sizeSelection
{ width:160px;}
.quoteForm .sizeSelection .btnCol
{ width:30px;}
.quoteForm .sizeSelection .btnCol a
{ display:block; padding:5px; background:#4ad0c5; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.quoteForm .sizeSelection .btnCol a img
{ width:100%; height:auto;}
.quoteForm .sizeSelection .sizeTxtCol
{}
.quoteForm .sizeSelection .sizeTxtCol .countSize
{ padding:5px 5%; width:80%; margin:0px auto; font-size:18px; font-size:1.5rem; color:#4ad0c5; text-align:center; border:1px solid #CCC; vertical-align:top; background:#fff; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px;}

.quoteForm .sizeRange
{ width:100%;}
.quoteForm .sizeRange .sizeInnerRange
{ width:96%; margin:0px auto;}


.resultSection
{ margin-bottom:50px;}
.resultSection .formArea
{ margin:0px auto; width:80%;}
.resultSection .lCol
{ width:50%; text-align:left; color:#666; font-size:24px; font-size:2rem;}
.resultSection .rCol
{ text-align:right; color:#4ad0c5; font-size:28px; font-size:2.333rem;}

.contactInfoSection
{}
.contactInfoSection .formArea
{ margin:0px auto; width:80%;}
.contactInfoSection .formArea .descArea
{ font-size:18px; font-size:1.5rem; line-height:1.5; color:#262626; text-align:left; vertical-align:top; margin-bottom:25px;}

.contactInfoSection .formArea .descArea span
{ color:#00c7b4;}
.contactInfoSection .formArea .inputRow
{ margin-bottom:30px;}
.contactInfoSection .formArea .labelCol
{ width:20%; font-size:22px; font-size:1.6667rem; color:#666; text-align:left; vertical-align:middle;}
.contactInfoSection .formArea .labelCol span
{ color:#00c7b4;}
.contactInfoSection .formArea .inputCol
{ text-align:left; vertical-align:middle;}
.contactInfoSection .formArea .inputCol input.radioInput
{ position:absolute; /*top:-999px;*/ left:-999999px;}
.contactInfoSection .formArea .inputCol span
{ -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%;}

.contactInfoSection .formArea .inputCol label
{ font-size:22px; font-size:1.6667rem; color:#666; text-align:left; vertical-align:top; margin-left:0px; margin-right:10px;}

.contactInfoSection .formArea .inputCol .inputField
{ border:1px solid #CCC; vertical-align:top; background:#fff;}
.contactInfoSection .formArea .inputCol input
{ padding:5px; width:100%; font-size:18px; font-size:1.5rem; color:#666; text-align:left;}

.quotePage .ctaRow
{ text-align:center;}
.quotePage .btnCmn
{ display:inline-block; width:160px; margin:0px 5px;}
.quotePage .btnQuote
{ width:200px;}
.quotePage .btnCmn 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;}


.repairOptionForm
{ margin-bottom:50px; border-top:5px solid #4EC7BC;}
.repairOptionForm .formHead
{ background:#4EC7BC; height:5px;}
.repairOptionForm .formHead .mCol,
.repairOptionForm .formHead .rCol
{ padding:15px 0px; width:30%; color:#fff; text-align:center; font-size:16px; font-size:1.333rem; line-height:1.3;}
.repairOptionForm .formBody .inputGroup
{ border-bottom:1px solid #eee;}
.repairOptionForm .formBody .subItemGroup
{ border-top:1px solid #ccc; background:#ecfefe;}
.repairOptionForm .formHead .innerSpace
{ padding:5px 0px; margin:0px auto; width:90%;}
.repairOptionForm .formBody .inputGroup .innerSpace
{ padding:5px 0px; margin:0px auto; width:90%;}
.repairOptionForm .formBody .combinedCol,
.repairOptionForm .formBody .lCol
{ padding:15px 0px; font-size:16px; font-size:1.333rem; line-height:1.3; text-align:left; color:#666;}
.repairOptionForm .formBody .mCol,
.repairOptionForm .formBody .rCol
{ padding:15px 0px; width:30%; text-align:center;}


.repairOptionForm .formBody input.radioInput,
.repairOptionForm .formBody input.checkInput
{ position:absolute; left:-999999px;}
.repairOptionForm .formBody .diabled .mCol label,
.repairOptionForm .formBody .diabled .rCol label
{ opacity:0.1;}
.repairOptionForm .formBody label
{ margin-left:0px; font-size:16px; font-size:1.333rem;}
.repairOptionForm .formBody label span
{ position:relative; top:1px;}
.repairOptionForm .formBody label span span
{ position:relative; top:0px;}
.repairOptionForm .formBody .radioLabel span
{ -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%;}
.repairOptionForm .formBody .checkLabel span
{ -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;}
input[type=checkbox]:not(old):checked + label.checkLabel > span:before
{ color:#4EC7BC; text-shadow:0 0 0.0714em rgb(78,199,188); width:0.875em;}

.repairOptionForm .formBody .optionRow
{ display:none; background:#fffbf3; border-top:1px dashed #e5c27c;}
.repairOptionForm .formBody .optionRow .innerSpace
{ padding:25px 0px; margin:0px auto; width:90%;}
.repairOptionForm .formBody .optionRow .col01,
.repairOptionForm .formBody .optionRow .col02,
.repairOptionForm .formBody .optionRow .col03,
.repairOptionForm .formBody .optionRow .col04
{ padding:5px 0px; width:25%; text-align:left;}

.repairOptionForm .formBody .optionRow label
{ font-size:16px; font-size:1.333rem; line-height:1.3; text-align:left; color:#666;}

.repairOptionForm .formBody .optionRow label > span
{ position:relative; top:2px;}


.othersOptionForm
{ margin-bottom:50px;}
.othersOptionForm .optionRow
{ margin-bottom:20px;}
.othersOptionForm .optionRow.last
{ margin-bottom:0px;}
.othersOptionForm .lCol,
.othersOptionForm .rCol
{ width:50%;}
.othersOptionForm .sepCol
{ width:10%;}
.othersOptionForm .formArea .labelCol
{ width:50%; text-align:left;}
.othersOptionForm .formArea .sepCol
{ width:10%;}
 

@media screen and (max-width:1024px){
.quoteForm .formArea
{ width:90%;}
}

@media screen and (max-width:970px){
	
/* Quote Page Setting
***********************/

.simpleQuotePage .flowRow
{ width:500px; margin:0px auto; padding-bottom:90px;}

.detailsQuotePage .flowRow,
.detailsQuoteStep2Page .flowRow
{ width:90%; margin:0px auto; padding-bottom:90px;}


.quotePage .flowRow .flowStep
{ position:relative; width:120px;} 
.quotePage .flowRow .flowStep span
{ background:#ccc; display:inline-block; width:74px; height:74px; font-size:50px; font-size:4.167rem; color:#fff; -webkit-border-radius: 74px; -moz-border-radius: 74px; border-radius: 74px; vertical-align:middle; line-height:74px;}
.quotePage .flowRow .flowNext hr
{ border:none; height:10px; background:url(../images/common/img-sep-dashed.gif) repeat-x center center;}
.quotePage .flowRow .flowArrow
{ width:60px;}
.quotePage .flowRow .flowArrow img
{ width:40px; height:auto;}

.quotePage .flowRow .flowStep01Desc
{ font-size:20px; font-size:1.667rem; }
.quotePage .flowRow .flowStep02Desc
{ font-size:20px; font-size:1.667rem; }
.quotePage .flowRow .flowStep03Desc
{ font-size:20px; font-size:1.667rem; }

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

.quoteForm .formArea
{ width:100%;}
}



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

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


.bannerArea .quoteSelectWrap
{ bottom:-22px;}
.quoteSelectRow
{ text-align:center; margin-bottom:50px;}
.quoteSelectRow a
{ position:relative; display:inline-block; padding:10px 20px 10px 20px; height:24px; font-size:20px; font-size:1.667rem; line-height:1.2; }
.quoteSelectRow a.simpleQuote
{ padding:10px 20px 10px 15px;}
.quoteSelectRow a.detailQuote
{ padding:10px 15px 10px 20px;}
.quoteSelectRow a .lArrow
{ margin-top:-22px; left:-22px; border-top: 22px solid transparent; border-bottom: 22px solid transparent; border-right:22px solid #ddd; }
.quoteSelectRow a .rArrow
{ margin-top:-22px; right:-22px; border-top: 22px solid transparent; border-bottom: 22px solid transparent; border-left:22px solid #ddd; }
.quoteSelectRow a:hover .lArrow,
.quoteSelectRow a.current .lArrow
{ border-right:22px solid #00b6a6; }
.quoteSelectRow a:hover .rArrow,
.quoteSelectRow a.current .rArrow
{ border-left:22px solid #00b6a6; }


.simpleQuotePage .flowRow
{ width:70%; margin:0px auto; padding-bottom:70px;}

.detailsQuotePage .flowRow,
.detailsQuoteStep2Page .flowRow
{ width:90%; margin:0px auto; padding-bottom:70px;}

.quotePage .flowRow .flowStep
{ position:relative; width:120px;} 
.quotePage .flowRow .flowStep span
{ width:60px; height:60px; font-size:50px; font-size:3rem; line-height:60px;}
.quotePage .flowRow .flowArrow
{ width:50px;}
.quotePage .flowRow .flowArrow img
{ width:30px; height:auto;}

.quotePage .flowRow .flowStep01Desc
{ top:70px; font-size:20px; font-size:1.667rem; }
.quotePage .flowRow .flowStep02Desc
{ top:70px; font-size:20px; font-size:1.667rem; }
.quotePage .flowRow .flowStep03Desc
{ top:70px; font-size:20px; font-size:1.667rem; }

.quotePage .btnCmn a
{ font-size:20px; font-size:1.667rem; }

.quoteForm .formArea,
.resultSection .formArea,
.contactInfoSection .formArea
{ width:100%;}

.resultSection
{ margin-bottom:40px;}
.resultSection .lCol
{ font-size:20px; font-size:1.667rem;}
.resultSection .rCol
{ font-size:24px; font-size:2rem;}


.contactInfoSection .formArea .descArea
{ font-size:16px; font-size:1.3333rem; margin-bottom:20px;}
.contactInfoSection .formArea .inputRow
{ margin-bottom:30px;}
.contactInfoSection .formArea .labelCol
{ width:20%; font-size:16px; font-size:1.3333rem;}

.contactInfoSection .formArea .inputCol label
{ font-size:16px; font-size:1.3333rem; margin-right:10px;}

.contactInfoSection .formArea .inputCol input
{ font-size:16px; font-size:1.3333rem;}
}

@media screen and (max-width:700px){
/* Quote Page Setting
***********************/
.mainContentArea .bannerArea
{ margin-bottom:50px;}
.bannerArea .innerArea
{ padding-top:80px;}

.quoteForm .formArea .inputRow
{ margin-bottom:30px;}
.quoteForm .formArea .labelCol
{ display:block; width:100%; font-size:18px; font-size:1.5rem; margin-bottom:10px;}
.quoteForm .formArea .slideCol
{ display:inline-block; width:75%; vertical-align:middle;}
.quoteForm .formArea .inputCol
{ display:inline-block; text-align:left; vertical-align:middle;}
.quoteForm .formArea .inputCol label
{ font-size:22px; font-size:1.6667rem; color:#666; text-align:left; vertical-align:top; margin-left:0px; margin-right:10px;}
.quoteForm .formArea .inputCol input
{ padding:5px; width:100%; font-size:18px; font-size:1.5rem; color:#666; text-align:left;}

.quoteForm .formArea .sizeCol
{ display:inline-block; width:23%; vertical-align:middle;}
.quoteForm .formArea .sizeCol .sizeTxtCol
{ width:70%;}
.quoteForm .formArea .sizeCol .sizeTxtCol .simpleSize
{ padding:5px 5%; width:90%; font-size:16px; font-size:1.333rem; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
.quoteForm .formArea .sizeCol .sizeLabelCol
{ font-size:18px; font-size:1.5rem; color:#666; text-align:center;}

.quoteForm .formArea .inputRow.oneline .labelCol
{ display:table-cell; width:25%; white-space:nowrap; padding-right:2%;}


.quoteForm .formArea .inputCol textarea
{ height:100px; font-size:18px; font-size:1.5rem; }
.quoteForm .formArea .sepCol
{ display:inline-block; width:2%;}


.quoteForm .sizeSelection
{ width:160px;}
.quoteForm .sizeSelection .btnCol
{ width:30px;}
.quoteForm .sizeSelection .btnCol a
{ display:block; padding:5px;}
.quoteForm .sizeSelection .sizeTxtCol .countSize
{ font-size:16px; font-size:1.333rem; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}

.quoteForm .sizeRange
{ width:100%;}
.quoteForm .sizeRange .sizeInnerRange
{ width:96%; margin:0px auto;}

.othersOptionForm .formArea
{ width:90%;}
.othersOptionForm .formArea .labelCol
{ display:table-cell; width:50%; text-align:left; margin-bottom:0px; font-size:16px; font-size:1.333rem;}

.quoteForm .formArea .washroomGroup .labelCol,
.quoteForm .formArea .roomGroup .labelCol
{ text-indent:0px;}

.othersOptionForm .optionRow,
.othersOptionForm .optionRow .lCol
{ margin-bottom:10px;}
.othersOptionForm .optionRow .lCol,
.othersOptionForm .optionRow .rCol
{ display:block; width:100%; }
.othersOptionForm .sizeSelection
{ margin-left:auto; margin-right:0px;}

.othersOptionForm .optionRow .sepCol
{ display:none;}

.quotePage .btnCmn
{ width:160px;}
.quotePage .btnQuote
{ width:200px;}
.quotePage .btnCmn a
{ font-size:20px; font-size:1.667rem;}
}

@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; 
**************************/
/* Quote Page Setting
***********************/
.simpleQuotePage,
.detailsQuotePage
{}
.mainContentArea .bannerArea
{ margin-bottom:40px; margin-bottom:10vw;}
.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;}

.bannerArea .quoteSelectWrap
{ bottom:-20px;}
.quoteSelectRow
{ margin-bottom:50px;}
.quoteSelectRow a
{ position:relative; display:inline-block; height:20px; font-size:18px; font-size:1.333rem; }
.quoteSelectRow a.simpleQuote
{ padding:10px 20px 10px 15px;}
.quoteSelectRow a.detailQuote
{ padding:10px 15px 10px 20px;}
.quoteSelectRow a .lArrow
{ margin-top:-20px; left:-20px; border-top: 20px solid transparent; border-bottom: 20px solid transparent; border-right:20px solid #ddd; }
.quoteSelectRow a .rArrow
{ margin-top:-20px; right:-20px; border-top: 20px solid transparent; border-bottom: 20px solid transparent; border-left:20px solid #ddd; }
.quoteSelectRow a:hover .lArrow,
.quoteSelectRow a.current .lArrow
{ border-right:20px solid #00b6a6; }
.quoteSelectRow a:hover .rArrow,
.quoteSelectRow a.current .rArrow
{ border-left:20px solid #00b6a6; }

.simpleQuotePage .flowRow
{ width:90%; margin:0px auto; padding-bottom:50px;}

.detailsQuotePage .flowRow,
.detailsQuoteStep2Page .flowRow
{ width:100%; margin:0px auto; padding-bottom:50px;}

.quotePage .flowRow .flowStep
{ position:relative; width:120px;} 
.quotePage .flowRow .flowStep span
{ width:50px; height:50px; font-size:36px; font-size:6vw; line-height:50px;}
.quotePage .flowRow .flowArrow
{ width:40px;}
.quotePage .flowRow .flowArrow img
{ width:20px; height:auto;}

.quotePage .flowRow .flowStep01Desc
{ top:60px; font-size:18px; font-size:4.5vw;}
.quotePage .flowRow .flowStep02Desc
{ top:60px; font-size:18px; font-size:4.5vw;}
.quotePage .flowRow .flowStep03Desc
{ top:60px; font-size:18px; font-size:4.5vw;}

.quoteForm .formArea .inputRow
{ margin-bottom:20px; margin-bottom:5vw;}
.quoteForm .formArea .labelCol
{ font-size:15px; font-size:3.75vw; margin-bottom:10px; margin-bottom:2.5vw;}
.quoteForm .formArea .slideCol
{ display:inline-block; width:70%; vertical-align:middle;}
.quoteForm .formArea .inputCol
{ display:inline-block; text-align:left; vertical-align:middle;}
.quoteForm .formArea .inputCol label
{ font-size:15px; font-size:3.75vw; margin-left:0px; margin-right:10px;}
.quoteForm .formArea .labelCol img
{ top:0.8vw; height:5vw;}
.quoteForm .formArea .inputCol input
{ font-size:15px; font-size:3.75vw; }

.quoteForm .formArea .sizeCol
{ display:inline-block; width:28%; vertical-align:middle;}
.quoteForm .formArea .sizeCol .sizeTxtCol
{ width:70%;}
.quoteForm .formArea .sizeCol .sizeTxtCol .simpleSize
{ padding:5px 5%; width:90%; font-size:15px; font-size:3.75vw;}
.quoteForm .formArea .sizeCol .sizeLabelCol
{ font-size:15px; font-size:3.75vw;}

.quoteForm .formArea .inputRow.oneline .labelCol
{ display:table-cell; width:30%; white-space:nowrap; padding-right:2%;}

.quoteForm .sizeSelection
{ width:120px;}
.quoteForm .sizeSelection .btnCol
{ width:26px;}
.quoteForm .sizeSelection .btnCol a
{ display:block; padding:5px;}
.quoteForm .sizeSelection .sizeTxtCol .countSize
{ font-size:15px; font-size:3.75vw;}

.repairOptionForm,
.othersOptionForm
{ margin-bottom:30px; margin-bottom:7.5vw;}
.repairOptionForm .formBody .combinedCol, .repairOptionForm .formBody .lCol
{ display:block; width:100%; padding:15px 0px 5px 0px; padding:3.5vw 0px 1vw 0px;}
.repairOptionForm .formBody .combinedCol
{ padding:3.5vw 0px;}
.repairOptionForm .formBody .mCol,
.repairOptionForm .formBody .rCol
{ display:inline-block; width:50%; text-align:left; padding:5px 0px 15px 0px;}
.repairOptionForm .formBody label,
.repairOptionForm .formBody .optionRow label
{ font-size:15px; font-size:3.75vw;}
.repairOptionForm .formBody .optionRow .innerSpace
{ padding:25px 0px; padding:5vw 0px;}

.othersOptionForm .formArea
{ width:100%;}

.resultSection
{ margin-bottom:30px; margin-bottom:7.5vw;}
.resultSection .lCol
{ font-size:18px; font-size:4.5vw;}
.resultSection .rCol
{ font-size:20px; font-size:5vw;}


.contactInfoSection .formArea .descArea
{ font-size:15px; font-size:3.75vw; margin-bottom:20px; margin-bottom:5vw;}
.contactInfoSection .formArea .inputRow
{ margin-bottom:20px; margin-bottom:5vw;}
.contactInfoSection .formArea .labelCol
{ width:20%; font-size:15px; font-size:3.75vw;}

.contactInfoSection .formArea .inputCol label
{ font-size:15px; font-size:3.75vw; margin-right:10px;}

.contactInfoSection .formArea .inputCol input
{ font-size:15px; font-size:3.75vw;}



.quotePage .btnCmn
{ width:45%;}
.quotePage .btnCmn a
{ font-size:16px; font-size:4vw;}
}