.bannerArea { background:url(../img/offer/b3.jpg) top center;height:700px; }
.bannerArea > .inner  { padding:40px 20px;margin:0px auto;max-width:1500px;  }
.bannerArea  h1  { color:#f15a22;font-size:60px;text-align:center;margin:10px 0px;padding:0px; }
.bannerArea .selectModel { float:right;background-color:#afafaf;border-radius:10px;padding:6px 40px;margin-top:60px;margin-right:60px; }
.bannerArea .selectModel select { font-family:'WebFont';font-size:22px;color:#FFFFFF;background-color:#afafaf;text-align:center;min-width:200px; }
.bannerArea .selectModel select option { font-family:'WebFont';font-size:22px; }

.page-root  { font-size:22px; }
.page-root a , .page-root span  { font-size:22px;color:#424242;margin-right:10px;display:inline-block; }
.page-root a.active { border-bottom:1px #d0d0d0 solid; }
.page-root > .inner { margin:0px auto;max-width:1460px;padding:0px 20px; }

.contentTabArea {  background-color:#ffffff;margin:0px auto;padding-top:30px; }

.tabArea  { overflow:auto;margin:0px auto;padding-left:20px;max-width:1300px; } 
.tabArea > .tab {
	-ms-transform: skew(-20deg,0deg); /* IE 9 */
	-webkit-transform: skew(-20deg,0deg); /* Safari */
	-moz-transform: skew(-20deg,0deg); /* mozila */
	transform: skew(-20deg,0deg); /* Standard syntax */
	background-color: #b6b6b6;
	color: #ffffff;
	float: left;
	width: 425px;
	margin-top: 0px;
	margin-right: 1px;
	margin-bottom: 0px;
	margin-left: 1px;
}
.tabArea > .fl { background-color:#eb9271 }
.tabArea > .tab a {
	color: #ffffff;
	display: block;
	text-align: center;
	font-size: 24px;
	-ms-transform: skew(20deg,0deg); /* IE 9 */
	-webkit-transform: skew(20deg,0deg); /* Safari */
	-moz-transform: skew(20deg,0deg); /* mozila */
	transform: skew(20deg,0deg); /* Standard syntax */
	width: 425px;
	padding-top: 12px;
	padding-right: 0px;
	padding-bottom: 12px;
	padding-left: 0px;
}

.tabArea > .active  , .tabArea > .tab:hover {  background-color:#f15a22; }


.sector-parts {} 
.sector-parts .wp { max-width:1400px;margin:0px auto;padding:20px 30px;}
.sector-parts .tb .gray  { background-color:#f5f5f5 }

.sector-parts .tb th { color:#ffffff;background-color:#f15a23;border-bottom:6px #ffffff solid; }
.sector-parts .tb td { border-bottom:1px #d7d7d7 solid; }
.sector-parts .tb th , .sector-parts .tb td { font-size:22px;padding:14px; }
.sector-parts .tb .iQty { border:1px #cccccc solid;padding:6px;width:60px;text-align:center;margin-left:8px;  }
.sector-parts .tb .total-txt { background-color:#365590;color:#ffffff }
.sector-parts .tb .bullet { background:url(../img/offer/icon/non-tick.png) left center no-repeat;padding:6px 0px;padding-left:42px;display:block;color:#000000; }
.sector-parts .tb .bullet-active { background-image:url(../img/offer/icon/tick.png) } 

.tabContentArea .btn-submit { text-align:center;margin-top:20px; }
.tabContentArea .btn-submit .btn { display:inline-block;background:url(../img/offer/icon/l-arow-down.png) left 30px center no-repeat #a9a9a9;padding:16px 50px;padding-left:90px;color:#ffffff;text-align:center;font-size:32px;border-radius:25px;}
.tabContentArea .btn-submit .btn:hover { background-color:#f15a23 }



.sector-external .wp { max-width:1400px;margin:0px auto;padding:20px 30px; }
.sector-external .title { background-color:#f15a22;position:relative;display:table;width:100%;margin:20px 0px; }
.sector-external .title > div { display:table-cell;vertical-align:middle;padding:10px; }
.sector-external .title .icon { background-color:#ffffff;width:1px;}
.sector-external .title .icon > img { max-height:32px;max-width:30px; }
.sector-external .title .arrow { background:url(../img/offer/icon/title-arrow.png) right center no-repeat;width:12px;padding:0px;}
.sector-external .title .txt { color:#ffffff;font-size:24px;font-weight:bold;padding-left:20px; }


.sector-external .box { margin:10px;}
.sector-external .box > .img { height:250px;overflow:hidden; }
.sector-external .box > .img img{ max-width:100%;max-height:100%; }
.sector-external .box > .name { margin-top:12px;text-align:center  }
.sector-external .box > .name a { color:#eb9271;font-weight:bold;font-size:26px; }
.sector-external .box > .subject { margin-top:10px;text-align:center; }
.sector-external .box > .subject a { display:block;font-size:22px;color:#000000 }
.sector-external .box > .subject a > span { color:#ff0101;font-size:26px;font-weight:bold; }

.sector-external .listArea { overflow:auto;padding:0px 60px;max-width:1380px;margin:0px auto;margin-bottom:50px;position:relative }
.sector-external .listArea .arL { position:absolute;left:10px;top:50%;margin-top:-29px }
.sector-external .listArea .arR { position:absolute;right:10px;top:50%;margin-top:-29px }

.swiper-container { overflow:hidden; }



.sector-summary .row-content { overflow:auto;padding:20px;max-width:1360px;margin:0px auto;}
.sector-summary .row-content > * { float:left }
.sector-summary .row-content > .col-left { width:65%; }
.sector-summary .row-content > .col-right { width:35%; }
.sector-summary .imgArea { overflow:auto; }
.sector-summary .imgArea > .img { width:31%;float:left;margin:1%;}
.sector-summary .imgArea > .img img { width:100%; }

.sector-summary .itemList { margin:0px 50px; }
.sector-summary .itemList > .item  { border-bottom:1px #dbdbdb solid;padding-bottom:20px;margin-bottom:20px;position:relative }
.sector-summary .itemList  .title { color:#f15a23;font-weight:bold;font-size:32px;margin-bottom:5px; }
.sector-summary .itemList  .name { color:#011069;font-weight:bold;padding-right:30px; }
.sector-summary .itemList .dot { padding-right:10px;}
.sector-summary .itemList  .price { color:#011069;font-weight:bold;font-size:28px;margin-top:-5px;border-bottom:1px #011069 solid;display:inline-block }
.sector-summary .itemList  .price > span { font-size:40px; }
.sector-summary .itemList td { font-size:22px;color:#515151;padding:2px 0px; }

.sector-summary .btn-set {  margin-top:10px;position:absolute;top:0px;right:0px;  }
.sector-summary .btn-set > .btn { padding:14px 30px;color:#ffffff;text-align:center;display:inline-block;border-radius:18px;font-size:32px;margin-left:4px; }
.sector-summary .btn-set > .btn-call { background:url(../img/offer/icon/call.png) left 18px center no-repeat #f15a23;padding-left:70px; }
.sector-summary .btn-set > .btn-pdf { background:url(../img/offer/icon/pdf.png) left 22px center no-repeat #00a851;padding-left:80px; }







@media only screen and (max-width: 1600px) {

}

@media only screen and (max-width: 1400px) {

}

@media only screen and (max-width: 1024px) {

	.bannerArea  { 	height:500px; 	}
	.bannerArea > .inner { padding:20px 10px; }
	.bannerArea .selectModel { margin-top:40px; }
	
	
	.sector-external .box > .img { height:180px; }
	
	
	.sector-summary .row-content > * { float:none;display:block;width:auto}
	.sector-summary .row-content > .col-left , .sector-summary .row-content > .col-right { width:auto }
	.sector-summary .imgArea > .img { width:18%; }
	.sector-summary .itemList { margin:0px 20px; }

}
@media only screen and (max-width: 1000px) { 

}

@media only screen and (max-width: 768px) {
	.tabArea { display:table;padding:0px 24px; }
	.tabArea > .tab { width:16%;float:none;display:table-cell;height:100%;vertical-align:middle  }
	.tabArea > .tab a { font-size:20px;padding:10px;  }
	
	.sector-parts .tb th, .sector-parts .tb td { font-size:18px; }
	
	
	.sector-external .box > .subject a { font-size:20px; }
	.sector-external .box > .subject a > span { font-size:20px; }
}

@media only screen and (max-width: 700px) {
	.sector-summary .btn-set  { position:relative;right:auto;top:auto;text-align:center;margin-top:20px  }
}
@media only screen and (max-width: 500px) {
	.page-root a, .page-root span { font-size:20px; }
	
	.bannerArea .selectModel { float:none;margin:0px 40px; margin-top:40px;text-align:center;min-width:auto }
	
	.tabArea { display:block;height:124px;overflow:hidden }
	.tabArea > .tab { height:50%;float:left;width:31.5%;display:block;margin-bottom:4px; }
	
	.sector-parts .wp { padding:20px; }
	.sector-parts .tbArea { overflow:auto }
	.sector-parts .tbArea .tb { min-width:700px }
	
	.tabContentArea .btn-submit .btn { font-size:22px; }
	
	.sector-summary .btn-set > .btn { font-size:22px;margin-bottom:10px}
	
}
