@charset "utf-8";

/* Z-index
***********************/

*
{ font-family:"微軟正黑體", "新細明體", "Noto Sans", Arial,Verdana, Geneva, sans-serif; 
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OTJBQkFGRUZFOTIyMTFFMEJDRDNEQzkxOTVGOTNBODAiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OTJBQkFGRjBFOTIyMTFFMEJDRDNEQzkxOTVGOTNBODAiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo5MkFCQUZFREU5MjIxMUUwQkNEM0RDOTE5NUY5M0E4MCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo5MkFCQUZFRUU5MjIxMUUwQkNEM0RDOTE5NUY5M0E4MCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PtrV+I8AAAAQSURBVHjaYvj//z8DQIABAAj8Av7bok0WAAAAAElFTkSuQmCC',sizingMethod=crop);
  zoom: 1;}
  
/* Main Setting
***********************/
html, body
{ font-size:12px; background:#ccc;}

#wrapper
{ background:#fff; padding-top:138px; width:100%; min-width:320px; transition-property: padding; transition-duration: .25s; transition-timing-function: linear;}

/* Common Setting
***********************/
::-webkit-input-placeholder 
{ /* Chrome/Opera/Safari */ color:#999;}
::-moz-placeholder 
{ /* Firefox 19+ */ color:#999;}
:-ms-input-placeholder 
{ /* IE 10+ */ color:#999;}
:-moz-placeholder 
{ /* Firefox 18- */ color:#999;}

/* PopUp Setting
***********************/
/* Background Setting
***********************/
.muteBg
{ position:fixed; top:0px; right:0px; width:100%; height:100%; background:rgba(0,0,0,0.8); z-index:55; display:none;}



/* Header Setting
***********************/
#header
{ position:fixed; top:0px; left:0px; width:100%; z-index:105; background:#fff;}
#header .headerWrap
{ position:relative; z-index:5; -webkit-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.45); -moz-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.45); box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.45);}
#header .headerWrap .inner
{ position:relative; width:1170px; margin:0px auto; padding:10px 65px;}
#header .lLogoCol
{ text-align:left;}
#header .lLogoCol a
{ display:inline-block;}
#header .rLogoCol
{ text-align:right;}
#header .rLogoCol a
{ display:inline-block;}
#header h1 img
{ width:auto; height:90px; transition-property: all; transition-duration: .25s; transition-timing-function: linear;}

#header .langWrap
{ position:relative; z-index:1; background:#4065b3; text-align:right;}
#header .langWrap .inner
{ position:relative; width:1170px; margin:0px auto; padding:11px 65px 10px 65px;}
#header .langWrap li
{ display:inline-block; }
#header .langWrap li.last
{ border-left:1px solid #fff; padding-left:20px; margin-left:20px;}
#header .langWrap li a
{ font-size:15px; font-size:1.25rem; line-height:1.3; color:#fff; }

.mobileNavBtn
{ position:fixed; top:0px; right:-50px; width:50px; height:50px; margin-top:0px; display:none; z-index:1550; background:#c0ad83;}
.mobileNavBtn .mobileNavBtnInner
{ position:absolute; top:50%; left:50%; margin-left:-18px; margin-top:-12px; width:36px; height:24px;}
.mobileNavBtn a
{ display:block; width:100%; height:100%;}
.mobileNavBtn a .row01
{ position:absolute; display:block; top:0%; right:0px; width:100%; height:4px; background:#fff; margin-top:-2px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.mobileNavBtn a .row02
{ position:absolute; display:block; top:50%; right:0px; width:100%; height:4px; background:#fff; margin-top:-2px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.mobileNavBtn a .row03
{ position:absolute; display:block; top:100%; right:0px; width:100%; height:4px; background:#fff; margin-top:-2px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}


/* Footer Setting ***********************/
#footer
{ position:relative; width:100%;}
#footer .infoWrap
{ width:100%; background:#4065b3;}
#footer .infoWrap .inner
{ position:relative; width:1170px; margin:0px auto; padding:20px 65px; text-align:right;}
#footer .inner dd
{ font-size:20px; font-size:1.667rem; line-height:1.3; color:#fff; margin-bottom:5px;}
#footer .inner dd h6
{ font-weight:normal;}
#footer .inner dd.tel a
{ font-size:30px; font-size:2.5rem; line-height:1.3; color:#fff; text-decoration:none;}
#footer .inner dd img
{ position:relative; top:2px; width:auto; height:1.667rem; }

#footer .copyrightWrap
{ width:100%; background:#ccc;}
#footer .copyrightWrap .inner
{ position:relative; width:1170px; margin:0px auto; padding:10px 65px 10px 65px; text-align:right;}
#footer .copyrightWrap .inner .lCol
{ text-align:left; font-size:16px; font-size:1.333rem; line-height:1.3; color:#4d4d4d;}
#footer .copyrightWrap .inner .mCol
{ width:5%;}
#footer .copyrightWrap .inner .rCol
{ text-align:right; width:200px; font-size:16px; font-size:1.333rem; line-height:1.3; color:#4d4d4d;}

#footer .copyrightWrap .inner .col-left.table-cell
{ width:15%;text-align:left;}
#footer .copyrightWrap .inner .col-mid.table-cell
{ width:5%;text-align:left;}
.new-company .col-right.table-cell
{ text-align:right; width:80%; font-size:16px; font-size:1.333rem; line-height:1.3; color:#4d4d4d;}
/* Banner Setting ***********************/
.topBannerArea
{ position:relative; width:100%; }
.topBannerArea li
{ line-height:1; background:#f2f2f2;}
.topBannerArea li img
{ width:100%; height:auto;}
.contentPage .topBannerArea .inner
{ position:relative; width:1400px; margin:0px auto; padding:0px; text-align:right;}
.contentPage .topBannerArea .inner .txtWrap
{ position:absolute; top:0px; left:0px; width:100%; height:100%;}
.contentPage .topBannerArea .inner .txtWrap h2
{ color:#4065b3; font-size:40px; font-size:3.333rem; line-height:1.3; font-weight:normal; text-shadow: 0 0 20px #fff, 0 0px 20px #fff, 0 0px 20px #fff, 0 0px 20px #fff, 0 0px 20px #fff, 0 0px 20px #fff, 0 0px 20px #fff, 0 0px 20px #fff;}
.contentPage .topBannerArea .inner .txtWrap h2.txtWhite
{ color:#fff; text-shadow: 0px 0px 15px rgba(0, 0, 0, 0.6);}


/* Main Content Setting ***********************/
.mainContentArea
{ background:#fff;}
.mainContentArea .inner
{ position:relative; width:1170px; margin:0px auto; padding:15px 65px; text-align:right;}

.mainContentArea .navRow
{ width:96%; margin:0px auto; margin-bottom:15px;}
.mainContentArea .navRow .lCol
{ text-align:left;}
.mainContentArea .navRow .lCol a
{ font-size:18px; font-size:1.5rem; line-height:1.3; color:#4066b3;}
.mainContentArea .navRow .lCol a img
{ position:relative; top:2px; width:auto; height:1.667rem; }

.mainContentArea .navRow .rCol
{ text-align:right;}
.mainContentArea .navRow .rCol li.last
{ margin-left:10px; padding-left:10px; border-left:1px solid #4066b3; }
.mainContentArea .navRow .rCol li
{ display:inline-block;}
.mainContentArea .navRow .rCol li a
{ font-size:18px; font-size:1.5rem; line-height:1.3; color:#4066b3;}
.mainContentArea .navRow .rCol a img
{ position:relative; top:2px; width:auto; height:1.667rem; }


.mainContentArea .inner .leadinRow
{ margin-bottom:20px;}
.mainContentArea .inner .leadinRow p
{ font-size:20px; font-size:1.667rem; line-height:1.3; color:#4d4d4d; text-align:center;}

.mainContentArea .inner .remarksRow
{ padding-top:20px; padding-bottom:20px;}
.mainContentArea .inner .remarksRow p
{ font-size:16px; font-size:1.333rem; line-height:1.3; color:#4d4d4d; text-align:left;}

.mainContentArea .inner .itemListingArea
{}
.mainContentArea .inner .itemListingArea .item
{ position:relative; float:left; width:33.3333%; margin-bottom:30px; background:#fff;}
.mainContentArea .inner .itemListingArea .item .innerArea
{ position:relative; width:94%; margin:0px auto; -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.2); box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.2); transition-property: all; transition-duration: .15s; transition-timing-function: linear; }
.mainContentArea .inner .itemListingArea .item .innerArea:hover
{ -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.45); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.45); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.45); }

.mainContentArea .inner .itemListingArea .item img
{ width:100%; height:auto;}
.mainContentArea .inner .itemListingArea .item a
{ display:block; }
.mainContentArea .inner .itemListingArea .item .txtArea
{ position:absolute; top:0px; left:0px; width:100%; height:100%; z-index:1; background:url(../images/common/img-gra-bg.png) repeat-x top left; background-size:auto 100%;}
.mainContentArea .inner .itemListingArea .item .txtArea h2
{ position:absolute; left:15px; bottom:15px; font-size:20px; font-size:1.667rem; color:#fff; font-weight:normal;}
.mainContentArea .inner .itemListingArea .item .txtArea .btnCta
{ position:absolute; right:15px; bottom:15px; font-size:16px; font-size:1.333rem; color:#fff; font-weight:normal;}
.mainContentArea .inner .itemListingArea .item .txtArea .btnCta img
{ position:relative; top:2px; width:auto; height:1.333rem; }

.mainContentArea .inner .detailListingArea
{}
.mainContentArea .inner .detailListingArea .item
{ float:left; width:46%; padding-right:2%;  padding-left:2%; margin-bottom:30px; visibility:hidden;}
.mainContentArea .inner .detailListingArea .item .innerArea
{ position:relative; width:100%; margin-left:auto;}
.mainContentArea .inner .detailListingArea .item .innerArea .itemWrap
{ position:relative; background:#f6f6f6;}

.mainContentArea .inner .detailListingArea .item .tmbCol
{ width:22%;}
.mainContentArea .inner .detailListingArea .item .tmbCol img
{ width:100%; height:auto;}
.mainContentArea .inner .detailListingArea .item .titCol
{ position:relative; padding:0px 8px 0px 30px; background:#003398;}
.mainContentArea .inner .detailListingArea .item .titCol .titContent
{ width:100%; height:150px;}
.mainContentArea .inner .detailListingArea .item .txtContent
{ text-align:left}
.mainContentArea .inner .detailListingArea .item .txtContentHidden
{ text-align:left; visibility:hidden;}
.mainContentArea .inner .detailListingArea .item .txtContent h3
{ font-size:28px; line-height:1.3; color:#fff; font-weight:normal;}
.mainContentArea .inner .detailListingArea .item .txtContent p
{ font-size:23px; line-height:1.3; color:#fff; font-weight:normal;}

.mainContentArea .inner .detailListingArea .item .offerContent .offerWrap
{ border:2px solid #fff;}
.mainContentArea .inner .detailListingArea .item .offerContent b
{ display:block; font-size:40px; line-height:1.3; color:#fff; font-weight:normal;}


.mainContentArea .inner .detailListingArea .item .picCol
{ position:relative; width:140px;}
.mainContentArea .inner .detailListingArea .item .picCol .pic
{ position:relative;/*position:absolute; top:50%; left:0px; margin-left:-40%; width:120%; max-width:180px; -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.2); box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.2); */ margin-left:-40%; width:120%; max-width:180px; -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.2); box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.2);}
.mainContentArea .inner .detailListingArea .item .picCol .pic img
{ width:100%; height:auto; max-width:300px; }
.mainContentArea .inner .detailListingArea .item .picCol .pic p
{ position:absolute; top:0px; left:0px; display:inline-block; padding:8px 0px; width:100%; font-size:24px; font-size:2rem; text-align:center; color:#fff; background:#003399; font-weight:200;}


.mainContentArea .inner .detailListingArea .item .txtCol
{ position:relative; vertical-align:top; }
.mainContentArea .inner .detailListingArea .item .catalog
{ position:absolute; top:10px; right:-36px; padding:5px 24px 5px 10px; background:#003399; }
.mainContentArea .inner .detailListingArea .item .catalog h4
{ font-size:20px; font-size:1.667rem; line-height:1.3; color:#fff; font-weight:normal;}
.mainContentArea .inner .detailListingArea .item .catalog b
{ font-size:30px; font-size:2.5rem; line-height:1.3; color:#fff; font-weight:bold;}
.mainContentArea .inner .detailListingArea .item span.arrow
{ position:absolute; top:-4px; right:-36px; width: 0; height: 0; border-top: 14px solid transparent; border-bottom: 0px solid transparent; border-left: 32px solid #4065b3;}

.mainContentArea .inner .detailListingArea .item .txtCol .txtWrap
{ padding:15px 20px;  text-align:left;}
.mainContentArea .inner .detailListingArea .item .txtCol .txtWrap h3
{ display:block; margin-bottom:10px; font-size:20px; font-size:1.667rem; line-height:1.4; color:#003399; font-weight:normal;}
.mainContentArea .inner .detailListingArea .item .txtCol .txtWrap p.desc
{ margin-bottom:10px; font-size:16px; font-size:1.333rem; line-height:1.4; color:#4d4d4d; font-weight:normal; letter-spacing:1px;}
.mainContentArea .inner .detailListingArea .item .txtCol .txtWrap div.desc
{ margin-bottom:10px; font-size:16px; font-size:1.333rem; line-height:1.4; color:#4d4d4d; font-weight:normal; letter-spacing:1px;}
.mainContentArea .inner .detailListingArea .item .txtCol .txtWrap .remarks
{ margin-bottom:10px; font-size:16px; font-size:1.333rem; line-height:1.4; color:#4066b3;}
.mainContentArea .inner .detailListingArea .item .txtCol .txtWrap .desc ul 
{ list-style-type: inherit;margin-left: 20px;margin-top: 10px;}

.mainContentArea .inner .detailListingArea .item .sepCol
{ width:5px;}

.mainContentArea .inner .detailListingArea .item .ctaRow
{ height:auto;}
.mainContentArea .inner .detailListingArea .item .ctaRow .lCol
{ width:39%;}
.mainContentArea .inner .detailListingArea .item .ctaRow .rCol
{ width:59%;}
.mainContentArea .inner .detailListingArea .item .ctaRow .sepCol
{ width:2%;}
.mainContentArea .inner .detailListingArea .item .ctaRow .lCol
{ background:#fff; border:2px solid #003399;}
.mainContentArea .inner .detailListingArea .item .ctaRow .lCol a 
{ display:inline-block; padding:5px 0px; font-size:18px; font-size:1.5rem; color:#003399;}
.mainContentArea .inner .detailListingArea .item .ctaRow .lCol a img
{ position:relative; top:2px; width:auto; height:1.5rem;}
.mainContentArea .inner .detailListingArea .item .ctaRow .rCol
{ background:#003399; border:2px solid #003399;}
.mainContentArea .inner .detailListingArea .item .ctaRow .rCol a 
{ display:inline-block; padding:7px 0px; font-size:18px; font-size:1.5rem; color:#fff;}
.mainContentArea .inner .detailListingArea .item .ctaRow .rCol a img
{ position:relative; top:2px; width:auto; height:1.5rem;}


.wrapper-dropdown-1 {
    /* Size and position */
    position: relative; /* Enable absolute positionning for children and pseudo elements */
    width: 100%;
    /*padding: 15px 0%;
	top:30px;*/
    margin: 0 auto;
	font-size:22px; font-size:1.5rem; line-height:1.3;

    /* Styles */
    background: #fff;
    color: #003399;
    outline: none;
    cursor: pointer;
	text-align:center;
	z-index:100;

    /* Font settings */
}
.wrapper-dropdown-1 img
{ position:relative; top:2px; width:auto; height:1.5rem;}
.wrapper-dropdown-1 span
{ padding-left:0px; text-align:left; /*text-transform:uppercase;*/}

.wrapper-dropdown-1:after {
    content: "";
   /* width: 0;
    height: 0;
    position: absolute;
    right: 5%;
    top: 50%;
    margin-top: -6px;
    border-width: 6px 0 6px 6px;
    border-style: solid;
    border-color: transparent #003399; */
}

.wrapper-dropdown-1 .dropdown {
    /* Size & position */
    position: absolute;
    top: 100%;
	width:100%;
	border:2px solid #003399;
	border-top:none;
    left: -2px;
    right: 0;
	padding-top:8px;

    /* Styles */
    background: #fff;
    list-style: none;
    font-weight: normal; /* Cancels previous font-weight: bold; */

    /* Hiding */
    display:none;
    pointer-events: none;
}
.wrapper-dropdown-1.active .dropdown
{ display:block;}

.wrapper-dropdown-1 .dropdown li a {
    display: block;
    text-decoration: none;
    color: #003399; width:90%; text-align:left;
    padding: 15px 5%;
}


/* Hover state */
.wrapper-dropdown-1 .dropdown li:hover a {
    background: #fff;
}

/* Active state */
.wrapper-dropdown-1.active .dropdown {
    opacity: 1;
    pointer-events: auto;
}

.wrapper-dropdown-1.active:after {
    border-color: #ac8f57 transparent;
    border-width: 6px 6px 0 6px ;
    margin-top: -3px;
}

.wrapper-dropdown-1:focus:after {
    border-color: #ac8f57 transparent;
    border-width: 6px 6px 0 6px ;
    margin-top: -3px;
}

.wrapper-dropdown-1.active {
  background: #fff;
	color:#003399;   
}

/* No CSS3 support */

.no-opacity       .wrapper-dropdown-1 .dropdown,
.no-pointerevents .wrapper-dropdown-1 .dropdown {
    display: none;
    opacity: 1; /* If opacity support but no pointer-events support */
    pointer-events: auto; /* If pointer-events support but no pointer-events support */
}

.no-opacity       .wrapper-dropdown-1.active .dropdown,
.no-pointerevents .wrapper-dropdown-1.active .dropdown {
    display: block;
}


@media screen and (max-width:1400px){
/* Banner Setting ***********************/
.contentPage .topBannerArea .inner
{ width:100%; }
}


@media screen and (max-width:1300px){
/* Header Setting
***********************/
#header .headerWrap .inner
{ width:92%; padding:10px 4%;}
#header .langWrap .inner
{ width:92%; padding:11px 4% 10px 4%;}


/* Main Content Setting ***********************/
.mainContentArea .inner
{ width:92%; padding:15px 4%;}

/* Footer Setting ***********************/
#footer .infoWrap .inner
{ width:92%; padding:20px 4%;}
#footer .copyrightWrap .inner
{ width:92%; padding:10px 4%;}

.copyrightWrap br
{ display:none;}

}

@media screen and (max-width:1024px){
/* Main Setting
***********************/
#wrapper
{ padding-top:118px; }

/* Header Setting
***********************/
#header h1 img
{ width:auto; height:70px;}

/* Banner Setting ***********************/
.contentPage .topBannerArea .inner .txtWrap h2
{ font-size:36px; font-size:3rem;}


/* Main Content Setting ***********************/
.mainContentArea .inner .leadinRow
{ margin-bottom:20px;}
.mainContentArea .inner .leadinRow p
{ font-size:18px; font-size:1.5rem; }

.mainContentArea .inner .remarksRow
{ padding-top:20px; padding-bottom:20px;}
.mainContentArea .inner .remarksRow p
{ font-size:15px; font-size:1.25rem;}

.mainContentArea .inner .itemListingArea .item
{ width:50%; margin-bottom:30px; }

.mainContentArea .inner .detailListingArea .item .titCol
{ padding:0px 10px 0px 20px;}
.mainContentArea .inner .detailListingArea .item .txtContent h3
{ font-size:26px; font-size:2.167rem;}
.mainContentArea .inner .detailListingArea .item .txtContent p
{ font-size:18px; font-size:1.5rem;}

.mainContentArea .inner .detailListingArea .item .offerContent b
{ font-size:30px; font-size:2.5rem;}

.mainContentArea .inner .detailListingArea .item .picCol
{ width:100px;}
.mainContentArea .inner .detailListingArea .item .picCol .pic
{ margin-left:-50%; width:130%; max-width:180px;}
.mainContentArea .inner .detailListingArea .item .picCol .pic p
{ padding:5px 0px; font-size:20px; font-size:1.667rem;}

.mainContentArea .inner .detailListingArea .item .catalog
{ position:absolute; top:10px; right:-36px; padding:5px 24px 5px 10px; background:#003399; }
.mainContentArea .inner .detailListingArea .item .catalog h4
{ font-size:16px; font-size:1.333rem;}
.mainContentArea .inner .detailListingArea .item .catalog b
{ font-size:26px; font-size:2.167rem;}

.mainContentArea .inner .detailListingArea .item .txtCol .txtWrap
{ padding:15px; }
.mainContentArea .inner .detailListingArea .item .txtCol .txtWrap h3
{ margin-bottom:10px; font-size:18px; font-size:1.5rem;}
.mainContentArea .inner .detailListingArea .item .txtCol .txtWrap h3 br
{ display:none;}
.mainContentArea .inner .detailListingArea .item .txtCol .txtWrap p.desc
{ margin-bottom:10px; font-size:15px; font-size:1.25rem;}
.mainContentArea .inner .detailListingArea .item .txtCol .txtWrap .remarks
{ margin-bottom:10px; font-size:15px; font-size:1.25rem;}

.mainContentArea .inner .detailListingArea .item .ctaRow .lCol,
.mainContentArea .inner .detailListingArea .item .ctaRow .rCol
{ width:49%;}
.mainContentArea .inner .detailListingArea .item .ctaRow .sepCol
{ width:2%;}
.mainContentArea .inner .detailListingArea .item .ctaRow .lCol a 
{ font-size:16px; font-size:1.3333rem; }
.mainContentArea .inner .detailListingArea .item .ctaRow .lCol a img
{ top:2px; width:auto; height:1.3333rem;}
.mainContentArea .inner .detailListingArea .item .ctaRow .rCol a 
{ font-size:16px; font-size:1.3333rem; }
.mainContentArea .inner .detailListingArea .item .ctaRow .rCol a img
{ top:2px; width:auto; height:1.3333rem;}

.wrapper-dropdown-1
{ font-size:16px; font-size:1.3333rem; }

/* Footer Setting ***********************/
#footer .inner dd
{ font-size:18px; font-size:1.5rem;}
#footer .inner dd.tel a
{ font-size:26px; font-size:2.167rem;}
#footer .inner dd img
{ top:2px; width:auto; height:1.5rem; }

#footer .copyrightWrap .inner .lCol
{ font-size:15px; font-size:1.25rem;}
#footer .copyrightWrap .inner .rCol
{ font-size:15px; font-size:1.25rem;}
}

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

/* Main Content Setting ***********************/
.mainContentArea .inner .leadinRow br
{ display:none; }
.mainContentArea .inner .detailListingArea .item .ctaRow .lCol,
.mainContentArea .inner .detailListingArea .item .ctaRow .rCol
{ display:block; width:100%;}
.mainContentArea .inner .detailListingArea .item .ctaRow .sepCol
{ display:block; width:100%; height:10px;}
}




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

/* Main Content Setting ***********************/
.mainContentArea .inner .itemListingArea .item
{ width:100%; margin-bottom:30px; }
.mainContentArea .inner .itemListingArea .item .txtArea h2
{ font-size:24px; font-size:2rem; }
.mainContentArea .inner .itemListingArea .item .txtArea .btnCta
{ font-size:18px; font-size:1.5rem; }
.mainContentArea .inner .itemListingArea .item .txtArea .btnCta img
{ position:relative; top:2px; width:auto; height:1.5rem; }

.mainContentArea .inner .detailListingArea .item
{ width:95%; margin-bottom:30px; }
.mainContentArea .inner .detailListingArea .item .innerArea
{ width:96%; }
.mainContentArea .inner .detailListingArea .item .picCol
{ width:200px;}
.mainContentArea .inner .detailListingArea .item .picCol .pic
{ margin-left:-10%; width:100%; max-width:180px;}
.mainContentArea .inner .detailListingArea .item .picCol .pic p
{ padding:5px 0px; font-size:20px; font-size:1.667rem;}

.mainContentArea .inner .detailListingArea .item .ctaRow .lCol a 
{ padding:10px 0px;}
.mainContentArea .inner .detailListingArea .item .ctaRow .rCol a 
{ padding:10px 0px; }
.wrapper-dropdown-1
{ padding:10px 0px;}

}



@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; 
**************************/
/* Main Setting
***********************/
#wrapper
{ padding-top:25.75vw; }

/* Header Setting
***********************/
#header .headerWrap .inner
{ padding:2.5vw 4%;}
#header h1 img
{ width:auto; height:50px; height:14vw;}

#header .langWrap .inner
{ padding:2.5vw 4%;}
#header .langWrap li.last
{ padding-left:20px;  padding-left:3.5vw; margin-left:20px; margin-left:3.5vw;}
#header .langWrap li a
{ font-size:13px; font-size:3.75vw; }

/* Footer Setting ***********************/
#footer .inner dd
{ font-size:16px; font-size:4vw;}
#footer .inner dd.tel a
{ font-size:20px; font-size:6vw;}
#footer .inner dd img
{ top:2px; width:auto; height:4vw; }

#footer .infoWrap .inner
{ padding:3.5vw 4%;}

#footer .copyrightWrap .inner
{ padding:3vw 4%;}

#footer .copyrightWrap .inner .lCol
{ display:block; width:100%; text-align:left; font-size:15px; font-size:3.5vw; margin-bottom:10px; margin-bottom:2.5vw;}
#footer .copyrightWrap .inner .mCol
{ display:none;}
#footer .copyrightWrap .inner .rCol
{ display:block; width:100%; text-align:left; font-size:15px; font-size:3.75vw;}

/* Banner Setting ***********************/
.contentPage .topBannerArea .inner .txtWrap h2
{ font-size:30px; font-size:7vw;}

/* Main Content Setting ***********************/
.mainContentArea .inner
{ padding:5vw 4% 2.5vw 4%;}

.mainContentArea .navRow
{ width:96%; margin:0px auto; margin-bottom:15px; margin-bottom:3.75vw;}
.mainContentArea .navRow .lCol a
{ font-size:15px; font-size:3.75vw;}
.mainContentArea .navRow .lCol a img
{ top:2px; width:auto; height:3.75vw; }

.mainContentArea .navRow .rCol li.last
{ margin-left:10px; margin-left:2.5vw; padding-left:10px; padding-left:2.5vw; }
.mainContentArea .navRow .rCol li a
{ font-size:18px; font-size:3.75vw;}
.mainContentArea .navRow .rCol a img
{ top:2px; width:auto; height:3.75vw; }

.mainContentArea .inner .leadinRow
{ margin-bottom:30px; margin-bottom:5vw;}
.mainContentArea .inner .leadinRow p
{ font-size:18px; font-size:4vw; }

.mainContentArea .inner .remarksRow
{ padding-top:20px;  padding-top:5vw; padding-bottom:20px; padding-bottom:5vw;}
.mainContentArea .inner .remarksRow p
{ font-size:15px; font-size:3.5vw; }

.mainContentArea .inner .itemListingArea .item
{ margin-bottom:20px; margin-bottom:5vw; }
.mainContentArea .inner .itemListingArea .item .txtArea h2
{ font-size:20px; font-size:5vw; }
.mainContentArea .inner .itemListingArea .item .txtArea .btnCta
{ font-size:16px; font-size:4vw; }
.mainContentArea .inner .itemListingArea .item .txtArea .btnCta img
{ position:relative; top:2px; width:auto; height:4vw; }


.mainContentArea .inner .detailListingArea .item
{ width:96%; margin-bottom:25px; margin-bottom:5vw; }

.mainContentArea .inner .detailListingArea .item .titCol
{ padding:0px 10px 0px 20px; padding:0px 2.5vw 0px 5vw;}
.mainContentArea .inner .detailListingArea .item .txtContent h3
{ font-size:20px; font-size:5vw;}
.mainContentArea .inner .detailListingArea .item .txtContent p
{ font-size:16px; font-size:4vw;}

.mainContentArea .inner .detailListingArea .item .offerContent b
{ font-size:24px; font-size:6vw;}

.mainContentArea .inner .detailListingArea .item .innerArea
{ width:96%; }
.mainContentArea .inner .detailListingArea .item .picCol
{ width:120px; width:25vw;}
.mainContentArea .inner .detailListingArea .item .picCol .pic
{ margin-left:-10%; width:100%; max-width:180px;}
.mainContentArea .inner .detailListingArea .item .picCol .pic p
{ padding:5px 0px; font-size:16px; font-size:4vw;}

.mainContentArea .inner .detailListingArea .item .catalog
{ position:absolute; top:10px; right:-25px; padding:5px 24px 5px 10px; padding:5px 15px 5px 5px; }
.mainContentArea .inner .detailListingArea .item .catalog h4
{ font-size:16px; font-size:4vw;}
.mainContentArea .inner .detailListingArea .item .catalog b
{ font-size:22px; font-size:5.5vw;}
.mainContentArea .inner .detailListingArea .item span.arrow
{ position:absolute; top:-4px; right:-25px; width: 0; height: 0; border-top: 14px solid transparent; border-bottom: 0px solid transparent; border-left: 21px solid #4065b3;}

.mainContentArea .inner .detailListingArea .item .txtCol .txtWrap
{ padding:15px; padding:3.75vw; }
.mainContentArea .inner .detailListingArea .item .txtCol .txtWrap h3
{ margin-bottom:10px; margin-bottom:2.5vw; font-size:20px; font-size:5vw;}
.mainContentArea .inner .detailListingArea .item .txtCol .txtWrap p.desc
{ margin-bottom:10px; margin-bottom:2.5vw; font-size:15px; font-size:3.75vw;}
.mainContentArea .inner .detailListingArea .item .txtCol .txtWrap .remarks
{ margin-bottom:10px; margin-bottom:2.5vw; font-size:15px; font-size:3.75vw;}

.mainContentArea .inner .detailListingArea .item .ctaRow .lCol a 
{ font-size:15px; font-size:3.75vw;}
.mainContentArea .inner .detailListingArea .item .ctaRow .lCol a img
{ top:2px; width:auto; height:3.75vw;}
.mainContentArea .inner .detailListingArea .item .ctaRow .rCol a 
{ font-size:15px; font-size:3.75vw;}
.mainContentArea .inner .detailListingArea .item .ctaRow .rCol a img
{ top:2px; width:auto; height:3.75vw;}


.wrapper-dropdown-1
{ font-size:15px; font-size:3.75vw;}

}