<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/*@import url('normalize.css');*/

#header ul li a:hover span {color:#9573fe; font-size:0 }

/* product common */
/* main_visual */
#section0 {margin: 0; padding: 0;background-image: url('../images/product/bg_gfit_930_30.jpg');background-repeat: no-repeat;background-position: center center;background-size: cover;top: 0; left: 0;width: 100%;position: relative; }
/* layout */
header {position:fixed; top:0; width:100%;  margin:0 auto; z-index:999}
footer {width:100%; text-align: center; }
.section {width:70%; min-width:767px; height:978px; min-height:700px; margin:0 auto; padding:0 0 0;}/* Layout style  */
.content {width:100%;-webkit-transform-style: preserve-3d; -webkit-transition: opacity 400ms; transition: opacity 400ms;}
.tab_content2, .tab_content3 {background:#f4f4f4;}


/* chart css */
.horizon_chart {width:212px; height: 284px; text-align: left;}
.iceGraph1 {width:212px;}
.clearfix:after {content:" "; visibility:hidden; display:block; height:0; clear:both}
.chart-horiz .chart {width:100%; margin:0 !important; padding:0 !important;}
.chart-horiz .chart li {display:block; height:12px; position:relative; background:url('../images/product/bg_chartbar.jpg') repeat left top;}
.chart-horiz .chart li.title {background:none; font-size:13px; font-family: arial,"Microsoft Yahei",Tahoma,Verdana,sans-serif; padding:8px 0 5px 0; font-weight:400; color:#8c8c8c}
.chart-horiz .chart li:before {content:attr(title); margin:0 0 5px 0 ;}
.chart-horiz .chart li .bar {display:block; position:absolute; top:0; background:#4a2885; height:100%;}
/* //chart css */
/* modal */
.window {width:70%;position:fixed; left:50%; top:110px !important; margin:0; display:none; z-index:999999999;}
.window a.close {position:absolute; top:0; right:0;}
#Guide01,
#Caree01 {width:80%; max-width:1280px; font-family:Tahoma,Verdana,Arial,sans-serif;background:#fff;}
#Guide01 #tierGuide h1,
#Caree01 #CareGuide h1 {color:#000; font-size:40px; text-align:center; font-weight:300; padding:0 !important; padding:10px 0 0 0 !important;}

/* //modal */

/* Service */
ul.tabs2 {padding:4px 0 0 0; list-style:none; width:100%; font-size:0; text-align:center; }
ul.tabs2 li {display:inline-block; font-size:14px; text-align:center; cursor:pointer; margin:0 10px; padding:14px 17px; color:#8c8c8c !important; font-family:Tahoma,Verdana,Arial,sans-serif; font-weight:200; overflow:hidden; position:relative;}
ul.tabs2 li.active {color:#000 !important; border-bottom:3px solid #4a2885}
.tab_container2 {clear:both; float:left; width:100%; height:600px;}
.tab_content2 {display:none; height:400px; background:#f4f4f4; padding:35px 50px 60px 50px; line-height:21px; font-size:14px; font-weight:200 !important; color:#8c8c8c; overflow-y:scroll; overflow-x:hidden;}
.tab_container2 .tab_content2 ul {width:100%; margin:0px; padding:0px;}
.tab_content2 h2 {font-family:Tahoma,Verdana,Arial,sans-serif; margin:0; padding:0; font-size:20px; color:#000; font-weight:200 !important;line-height: 2.5em;}
.tab_content2 h3 {font-family:Tahoma,Verdana,Arial,sans-serif; font-size:14px; color:#4a2885; font-weight:200 !important;margin-top:1.5em;}
.tab_content2 h4 {font-family:Tahoma,Verdana,Arial,sans-serif; font-size:16px; color:#4b4b4b; font-weight:200 !important;}

ul.tabs3 {padding:14px 0 0 0; list-style:none; width:100%; font-size:0; text-align:center; overflow:hidden;}
ul.tabs3 li {display:inline-block; font-size:14px; text-align:center; cursor:pointer; margin:0 10px; padding:14px 17px; color:#8c8c8c !important; font-family:Tahoma,Verdana,Arial,sans-serif; font-weight:200; overflow:hidden; position:relative;}
ul.tabs3 li.active {color:#000 !important; border-bottom:3px solid #4a2885}
.tab_container3 {clear:both; float:left; width:100%; height:600px; background:#f4f4f4;}
.tab_content3 {display:none; height:400px; background:#f4f4f4; padding:35px 50px 60px 50px; line-height:21px; font-size:14px; font-weight:200 !important; color:#8c8c8c; overflow-y:scroll; overflow-x:hidden;}
.tab_container3 .tab_content3 ul {width:100%; margin:0px; padding:0px;}
.tab_content3 h2 {font-family:Tahoma,Verdana,Arial,sans-serif; margin:0; padding:0; font-size:20px; color:#000; font-weight:200 !important;line-height: 2.5em;}
.tab_content3 h3 {font-family:Tahoma,Verdana,Arial,sans-serif; font-size:14px; color:#4a2885; font-weight:200 !important; margin-top:1.5em;}
/* //Service */
/* table tab */
.sixth1 {width:100%;}
ul.tabs {margin:0 !important; padding:0 !important; float:left !important; list-style:none  !important; width:100% !important; font-family: arial,"Microsoft Yahei",Tahoma,Verdana,sans-serif; font-weight:200 !important; font-size:18px;}
ul.tabs li {float:left; text-align:center; cursor:pointer; width:50%; padding:21px 0; color:#8c8c8c; line-height:18px; background:#eaeaea; overflow:hidden; position:relative;}
ul.tabs li a {color:#8c8c8c; }
ul.tabs li.active {background:#4a2885; }
ul.tabs li.active a{color:#fff !important}
.tab_container {clear:both; float:left; width:100%;}
.tab_content {display:none;height:250px;overflow-y:auto;}
.tab_container .tab_content ul {width:100%; margin:0px; padding:0px;}
.tab_content table {border:0; margin:33px 0 0 0; width:100%;font-family: arial,"Microsoft Yahei",Tahoma,Verdana,sans-serif; border-bottom:1px solid #c8c8c8}
.tab_content table th {font-size:13px; font-weight:200; color:#fff; padding:8px 0; text-align:center; background:#000;}
.tab_content table td {font-size:15px; font-weight:200; color:#8c8c8c !important; padding:10px 0; text-align:left; border-bottom:1px dotted #c8c8c8}
.tab_content table td.first {padding:0 0 0 70px; text-align:left !important;}
.tab_content table td span {color:#8c8c8c}
.tab_content table td.last {padding: 0px 0px 0px 70px;text-align: left !important;border:none;}
.sizeBody table {margin:0 !important;}

/* //product common */

/* content style */ 
.intro {max-width: 1280px; max-height: 100%; margin:0 auto; padding-top:175px;}
/* 20200203 padding Ã¯Â¿Â½Ã¯Â¿Â½Ã¯Â¿Â½Ã¯Â¿Â½ (Seohyun) */
#theend .intro {padding-top:0;}
/* //20200203 Ã¯Â¿Â½Ã¯Â¿Â½Ã¯Â¿Â½Ã¯Â¿Â½ */
.fit_txt {margin-bottom:30px;}
.fit_txt p {font-size:20px; line-height: 20px; color:#4b4b4b;}

.fitWrap {max-width:90%; max-height: 526px; height: 526px; margin:0 auto; position:relative; width:100%;}
.iconWrap {width:25%; }
.icon {height:70px; margin:0; margin-bottom:.5em;}
.icon img {width: auto;height: 100%;} 

.fit_txt_info {margin-bottom:30px;}
.fit_features_wrap {clear:both;width:100%;}
.leftWrap {width: 24%;/* margin-right: 2%; */ }
.leftWrap p {float: right; width:212px; margin-bottom:.5em; }
.leftWrap p a img {width:100%; height:auto;}
.span_5 {clear:both;}
.span_6 {position: absolute;left: 50%;top: 0px;height: 100%;width: 100%;margin-left: -50%;}

/* 20200205 width, margin Ã¯Â¿Â½Ã¯Â¿Â½Ã¯Â¿Â½Ã¯Â¿Â½(Seohyun) */
.tier {width: 42%;max-height: 400px;height: 400px;margin-left: 4.2%;}
/* //20200205 */
.tier img {width: auto;height: 100%;}
.tier2wrap {width:49%; position:relative; max-height: 400px;height: 400px;}
/* 20200205 padding Ã¯Â¿Â½Ã¯Â¿Â½Ã¯Â¿Â½Ã¯Â¿Â½(Seohyun) */
.tier2 {padding:3% 0 0 3%;max-height: 400px;height: 400px;}
/* //20200205 */
.tier2 img {width: auto;height: 100%;}
.tier3Wrap {width:49%; position:relative;max-height: 400px;height: 400px;}
/* 20200205 padding Ã¯Â¿Â½Ã¯Â¿Â½Ã¯Â¿Â½Ã¯Â¿Â½(Seohyun) */
.tier3 img {width: auto;height: 100%;padding-left: 5%;}
/* //20200205 */
.tier4wrap {width:49%;position:relative;max-height: 400px;height: 400px;}
.tier4 {max-height: 400px;height: 400px;}
.tier4 img {width: auto;height: 100%;}
.tierfrontWrap {width:58%; margin:10px 21%; position:relative;}
.tierfront img {width:100%; height:auto;}

.tier3,
.tier4 {max-height: 400px;height: 400px;padding:0;}
.tierfrontWrap {position: relative;width: 51.9%;margin: 10px auto;}

/* tier map */
.blenderTabs ul {list-style: none;padding: 0;margin: 0;}
.blenderTabs ul li {height: 50px;width:50px;margin: 0;text-indent: -999999px;	display: block;overflow: hidden;cursor: pointer;background: url('../images/product/blank.png') repeat;}
.blenderTabs ul li.active {height: 130px;width:130px;margin: 0;text-indent: -999999px;display: block;overflow: hidden;cursor: pointer; background-size: 100% auto;}
.blenderTabs li:after {content:"+";font-size: 40px;line-height: 0;float: right;padding-right: 10px;}
/* 20200203 position Ã¯Â¿Â½Ã¯Â¿Â½Ã„Â¡Ã¯Â¿Â½Ã¯Â¿Â½ Ã¯Â¿Â½Ã¯Â¿Â½Ã¯Â¿Â½Ã¯Â¿Â½ (Seohyun) */
.blenderTabs ul li.btn_tab_01 {position:absolute; top:35%;left:24%;}
.blenderTabs ul li.btn_tab_02 {position:absolute; top:53%;left:24%;}
.blenderTabs ul li.btn_tab_01.active {top:23%;left:16%;background:url('../images/product/zfit_eq/tier2_hover01.png') no-repeat; background-size: 100%;}
.blenderTabs ul li.btn_tab_02.active {top:51%;left:19%;background:url('../images/product/zfit_eq/tier2_hover02.png') no-repeat; background-size: 100%;}

.blenderTabs ul li.btn_tab_03 {position:absolute; top:30%;left:62%;}
.blenderTabs ul li.btn_tab_04 {position:absolute; top:68%;left:66%;}
.blenderTabs ul li.btn_tab_03.active {top:15%;left:55%; background:url('../images/product/zfit_eq/tier3_hover01.png') no-repeat; background-size: 100%;}
.blenderTabs ul li.btn_tab_04.active {top:52%;left:62%; background:url('../images/product/zfit_eq/tier3_hover02.png') no-repeat; background-size: 100%;}

.blenderTabs ul li.btn_tab_05 {position:absolute; top:45%;left:27%;}
.blenderTabs ul li.btn_tab_05.active {top:31%;left:20%; background:url('../images/product/zfit_eq/tier4_hover01.png') no-repeat; background-size: 100%;}

.blenderTabs ul li.btn_tab_06 {position:absolute; top:48%;left:58%;}
.blenderTabs ul li.btn_tab_06.active {top:31%;left:20%; background:url('../images/product/zfit_eq/tier4_hover01.png') no-repeat; background-size: 100%;}


.blenderTabs ul li.btn_tab_f01 {position:absolute; top:10.5%;left:26.5%;}
.blenderTabs ul li.btn_tab_f02 {position:absolute; top:29.2%;left:18%;}
.blenderTabs ul li.btn_tab_f03 {position:absolute; top:37.5%;left:12%;}
.blenderTabs ul li.btn_tab_f04 {position:absolute; top:68%;left:9%;}
.blenderTabs ul li.btn_tab_f05 {position:absolute; top:40.5%;left:37.5%;}
.blenderTabs ul li.btn_tab_f06 {position:absolute; top:63%;left:46%;}
/* //20200203 Ã¯Â¿Â½Ã¯Â¿Â½Ã¯Â¿Â½Ã¯Â¿Â½ */

.active.tabContent {display: block !important; float:right;}
.leading--zero {list-style-type: decimal-leading-zero;}
ol.leading--zero {counter-reset: item; list-style-type: none; padding: 0;margin: 0;}
ol.leading--zero li { display: block; height: 60px;line-height: 67px; width: 100%; cursor: pointer;overflow: hidden;  }
ol.leading--zero li:hover { background:#000 url('../../images/product/btn_hover.png') no-repeat 0 -0px;}
ol.leading--zero li:before {content:"0" counter(item) "  ";counter-increment: item;font-size: 22px;padding: 0 20px 0 10px;}
ol.leading--zero li:after { line-height: 67px;}

.blenderTabs ul.structure li {height: 42px;width:42px;margin: 0;text-indent: -999999px;	display: block;overflow: hidden;cursor: pointer;background: url('../images/product/btn/btn_detail_onoff.png') no-repeat 0 0;}
.blenderTabs ul.structure li.active { width:42px; height:42px;background:url('../images/product/btn/btn_detail_onoff.png') no-repeat left bottom;}

.blenderTabs {font-family:Helvetica, Arial, sans-serif}
.content--inline {display: inline;}

/* .span_5 img {width: 100%; height: auto;} */
.tierfrontWrap .span_5 {position:absolute; top:22%; left:-40%;}
.detailWrap {width:25%;}

/* 20200205 Ã¯Â¿Â½ÃŒÂ¹Ã¯Â¿Â½Ã¯Â¿Â½Ã¯Â¿Â½ Ã¯Â¿Â½Ã¯Â¿Â½Ã¯Â¿Â½ Ã¯Â¿Â½Ã¯Â¿Â½Ã¯Â¿Â½Ã¯Â¿Â½(Seohyun) */
#top_img .fp-tableCell{position:relative;overflow:hidden;background: url('../images/product/zfit_eq/bg_z_fit_eq.jpg') 90% 80% / cover;}
/* //20200205 Ã¯Â¿Â½Ã¯Â¿Â½Ã¯Â¿Â½Ã¯Â¿Â½ */

/* 600px height Screen Resolution */
@media screen and (min-height:599px){
  #theend p img {width:900px; text-align: center; height: auto; margin:0 60px;}
  .iceGraph1 {width:100%;}
  .fit-txt {margin-bottom:0;}
  /*.span_5 img {width: 80%;height: auto;}*/
}

/* 1366px width Screen Resolution */
@media screen and (max-width:1440px){
  .bllist_type1 &gt; li {font-size:14px;}
  
  .intro {max-width: 80%;width:70%; margin:0 auto;}
  .icon {height:46px; }
  .icon img {height:100%;}
  .iceGraph1 {width:100%;}
  .tierfrontWrap .span_5 {position: absolute;top: 76px;left: -32%;}

  .tier {width: 34%;max-height: 300px;height: 300px;margin-left: 8.2%;}
  .tier img {width: auto;height: 100%;}
  .tier2wrap {width:49%; position:relative; max-height: 300px;height: 300px;}
  .tier2 {padding-top: 3%;max-height: 400px;height: 300px;}
  .tier2 img {width: auto;height: 100%;}
  .tier3Wrap {width:49%; position:relative;max-height: 300px;height: 300px;}
  .tier3 img {width: auto; height: 100%;padding-left: 13%;}
  .tier4wrap {width:47%;position:relative;max-height: 300px;height: 300px;}
  .tier4 {max-height: 300px;height: 300px;}
  .tier4 img {width: auto;height: 100%;}
  .tierfrontWrap {width:51.9%; margin:10px 21%; position:relative;}
  .tierfront img {width:100%; height:auto;}
  .tier3,
  .tier4 {max-height: 300px;height: 300px;padding:0;}
  .tierfrontWrap {position: relative;width:51.9%;margin: 10px auto;}
  
  .fitWrap {max-width:90%; max-height: 435px; height: 435px; margin:0 auto; position:relative; width:100%;}

  /*.span_5 img {width: 80%; height: auto;}*/
  .tierfrontWrap .span_5 img {width:115%;}
  .tierfrontWrap .span_5 {left:-49%; top:12% }

  .blenderTabs ul li.active {height: 100px;width:100px;margin: 0;text-indent: -999999px;display: block;overflow: hidden;cursor: pointer; background-size: 100% auto;}
  .blenderTabs ul li.btn_tab_01.active {top:35%;left:24%;background:url('../images/product/zfit_eq/tier2_hover01.png') no-repeat; background-size: 100%;}
  .blenderTabs ul li.btn_tab_02.active {top:53%;left:24%;background:url('../images/product/zfit_eq/tier2_hover02.png') no-repeat;background-size: 100%;}
  
  .blenderTabs ul li.btn_tab_03.active {top:24%;left:49%;background:url('../images/product/zfit_eq/tier3_hover01.png') no-repeat;background-size: 100%;}
  .blenderTabs ul li.btn_tab_04.active {top:55%;left:55%;background:url('../images/product/zfit_eq/tier3_hover02.png') no-repeat;background-size: 100%;}

  .blenderTabs ul li.btn_tab_05.active {top:36%;left:29%;background:url('../images/product/zfit_eq/tier4_hover01.png') no-repeat;background-size: 100%;}

  
  .blenderTabs ul.structure li {height: 30px;width:30px;background-size:100%;}
  .blenderTabs ul.structure li.active { width:30px; height:30px;background-size:100%;}
  
  .tab_content2 {display:none; height:350px !important; background:#f4f4f4; padding:35px 50px 60px 50px; line-height:21px; font-size:14px; font-weight:200 !important; color:#8c8c8c; overflow-y:scroll; overflow-x:hidden;}
  .tab_content3 {display:none; height:350px !important; background:#f4f4f4; padding:35px 50px 60px 50px; line-height:21px; font-size:14px; font-weight:200 !important; color:#8c8c8c; overflow-y:scroll; overflow-x:hidden;}

}

/* 1024x width Screen Resolution */
@media (min-width:1024px) and (max-width:1279px){
  .bllist_type1 &gt; li {font-size:12px;}
  
  .intro {max-width: 80%;width:80%; margin:0 auto;}
  .content { width: 100%;transition: opacity 400ms ease 0s;margin: 0 auto;}
  .content h4 {font-size:20px;}
  .content h3 img{width:auto; height: 100%;}
  .content p {font-size:14px; margin:5px auto 4px;}
  .content .icon {height:40px; }
  .content .icon img {width:auto; height: 100%;}
  .content .leftWrap {width: 24%;}
  .tierfront { margin-top:40px}
  img.front {width:90%;}
  .iceGraph1 {width:100%;}
  
  .content .leftWrap p {width: 100%;}
  .horizon_chart {width: 100%;height: auto;text-align: left;}
  /*.span_5 img {width: 80%;height: auto;}*/

  .tierfrontWrap .span_5 {top: 56px;left: -57%;}
  
  /* tier map */
  .blenderTabs ul.structure li {height: 25px;width:25px;margin: 0;text-indent: -999999px;	display: block;overflow: hidden;cursor: pointer;background: url('../images/product/btn/btn_detail_onoff.png') no-repeat 0 0; background-size:100%;}
  .blenderTabs ul.structure li.active { width:25px; height:25px;background:url('../images/product/btn/btn_detail_onoff.png') no-repeat left bottom;background-size:100%; }
  .blenderTabs ul li.active {height: 120px;width:120px;margin: 0;text-indent: -999999px;display: block;overflow: hidden;cursor: pointer; background-size: 100% auto;}
  
  .blenderTabs ul li.active {height: 100px;width:100px;margin: 0;text-indent: -999999px;display: block;overflow: hidden;cursor: pointer; background-size: 100% auto;}
  .blenderTabs ul li.btn_tab_01.active {top:24%;left:18%;background:url('../images/product/zfit_eq/tier2_hover01.png') no-repeat; background-size: 100%;}
  .blenderTabs ul li.btn_tab_02.active {top:48%;left:19%;background:url('../images/product/zfit_eq/tier2_hover02.png') no-repeat;background-size: 100%;}
  .blenderTabs ul li.btn_tab_03.active {top:24%;left:49%;background:url('../images/product/zfit_eq/tier3_hover01.png') no-repeat;background-size: 100%;}
  
  .blenderTabs ul li.btn_tab_04.active {top:55%;left:55%;background:url('../images/product/zfit_eq/tier3_hover02.png') no-repeat;background-size: 100%;}
  .blenderTabs ul li.btn_tab_05.active {top:31%;left:21%;background:url('../images/product/zfit_eq/tier4_hover01.png') no-repeat;background-size: 100%;}

  
  .blenderTabs ul.structure li {height: 30px;width:30px;background-size:100%;}
  .blenderTabs ul.structure li.active { width:30px; height:30px;background-size:100%;}
  
  .tab_content2 {display:none; height:300px !important; background:#f4f4f4; padding:35px 50px 100px 50px; line-height:21px; font-size:14px; font-weight:200 !important; color:#8c8c8c; overflow-y:scroll; overflow-x:hidden;}
  .tab_content3 {display:none; height:300px !important; background:#f4f4f4; padding:35px 50px 100px 50px; line-height:21px; font-size:14px; font-weight:200 !important; color:#8c8c8c; overflow-y:scroll; overflow-x:hidden;}


}


/* 1024px width Screen Resolution */
@media screen and (max-width:1023px){
  .bllist_type1 &gt; li {font-size:12px;}

  .content p {font-size:14px; margin:5px auto 5px; }
  .content .icon {height:38px;}
  .content .icon img {width:auto; height: 100%;}
  .content .leftWrap {width: 26%;}
  .tierfront { margin-top:40px}
  img.front {width:90%; }
  .iceGraph1 {width:100%;}
  
  .content .leftWrap p {width: 100%;}
  .horizon_chart {width: 100%;height: 284px;text-align: left;}
  
  .tierfrontWrap .span_5 {position: absolute;top: 5px;left: -40%;}
  /*.span_5 img {width: 90%; height: auto;}*/
  
  /* tier map */
  .blenderTabs ul.structure li {height: 30px;width:30px;margin: 0;text-indent: -999999px;	display: block;overflow: hidden;cursor: pointer;background: url('../images/product/btn/btn_detail_onoff.png') no-repeat 0 0; background-size:100%;}
  .blenderTabs ul.structure li.active { width:30px; height:30px;background:url('../images/product/btn/btn_detail_onoff.png') no-repeat left bottom;background-size:100%; }
  .blenderTabs ul li.active {height: 160px;width:160px;margin: 0;text-indent: -999999px;display: block;overflow: hidden;cursor: pointer; background-size: 100% auto;}
  .blenderTabs ul li.active {height: 120px;width:120px;margin: 0;text-indent: -999999px;display: block;overflow: hidden;cursor: pointer; background-size: 100% auto;}
  
    .tab_content2 {display:none; height:300px !important; background:#f4f4f4; padding:35px 50px 50px 50px; line-height:21px; font-size:14px; font-weight:200 !important; color:#8c8c8c; overflow-y:scroll; overflow-x:hidden;}
  .tab_content3 {display:none; height:300px !important; background:#f4f4f4; padding:35px 50px 50px 50px; line-height:21px; font-size:14px; font-weight:200 !important; color:#8c8c8c; overflow-y:scroll; overflow-x:hidden;}

}

/* tablet Screen Resolution */
@media screen and (max-width:768px){
  .bllist_type1 &gt; li {font-size:11px;}
  .intro {max-width: 90%;width:90%; margin:0 auto;}
  .content {margin-left: auto;margin-right: auto;width: 90%;position: relative;}
  
  .iceGraph1 {width:100%;}
  .content .leftWrap p {width: 100%;}
  .icon {height:30px; margin:0;}
  .icon img {width: auto;height: 100%;}
  
  .tierfrontWrap .span_5 img {width:90%;}
  .tierfrontWrap .span_5 { position: absolute;top: 22%;left: -68%;}
  
  .blenderTabs ul li.active {height: 80px;width:80px;margin: 0;text-indent: -999999px;display: block;overflow: hidden;cursor: pointer; background-size: 100% auto;}

  .blenderTabs ul li.btn_tab_01.active {top:35%;left:24%;background:url('../images/product/zfit_eq/tier3_hover01.png') no-repeat; background-size: 100%;}
  .blenderTabs ul li.btn_tab_02.active {top:53%;left:24%;background:url('../images/product/zfit_eq/tier3_hover02.png') no-repeat;background-size: 100%;}
  .blenderTabs ul li.btn_tab_03.active {top:24%;left:49%;background:url('../images/product/zfit_eq/tier1_hover03.png') no-repeat;background-size: 100%;}
  .blenderTabs ul li.btn_tab_04.active {top:55%;left:55%;background:url('../images/product/zfit_eq/tier4_hover01.png') no-repeat;background-size: 100%;}
  .blenderTabs ul li.btn_tab_05.active {top:36%;left:29%;background:url('../images/product/zfit_eq/tier4_hover02.png') no-repeat;background-size: 100%;}

  /* tier map */
  .blenderTabs ul.structure li {height: 25px;width:25px;margin: 0;text-indent: -999999px;	display: block;overflow: hidden;cursor: pointer;background: url('../images/product/btn/btn_detail_onoff.png') no-repeat 0 0; background-size:100%;}
  .blenderTabs ul.structure li.active { width:25px; height:25px;background:url('../images/product/btn/btn_detail_onoff.png') no-repeat left bottom;background-size:100%; }  
}

/* 1366px width Screen Resolution */
@media screen and (max-width:1440px){
  .intro {max-width: 80%;width: 80%;margin: 0px auto;}
  .tier {height: 300px;}
  .tier2wrap {height: 300px;}
  .tier2 {height: 300px;}
  .tier3Wrap {height: 300px;}
  .tier3 {height: 300px;}
  .tier4wrap {height: 300px;}
  .tier4 {height: 300px;}
}

/* 1024px width Screen Resolution */
@media screen and (max-width:1024px){
  .tier {height: 250px;}
  .tier2wrap {height: 250px;}
  .tier2 {height: 250px;}
  .tier3Wrap {height: 250px;}
  .tier3 {height: 250px;}
  .tier4wrap {height: 250px;}
  .tier4 {height: 250px;}

}

/* tablet Screen Resolution */
@media screen and (max-width:768px){
  .tier {height: 215px;}
  .tier2wrap {height: 215px;}
  .tier2 {height: 215px;}
  .tier3Wrap {height: 215px;}
  .tier3 {height: 215px;}
  .tier4wrap {height: 215px;}
  .tier4 {height: 215px;}

}

/*  service style --------------------------------------------------------------*/
.mw_btn {width: 100%;margin: 10px auto; }
.mw_btn ul li.guide00:hover .guidePop,
.mw_btn ul li.care00:hover .guidePop {opacity:0 !important;}
.mw_btn ul li.guide00:hover,
.mw_btn ul li.care00:hover {-moz-box-shadow:none !important; -webkit-box-shadow:none !important; box-shadow:none !important;}
.mw_btn ul li:hover .guidePop {opacity:1}
.mw_btn ul li span.guidePop {opacity:0; display:block; opacity:0; -webkit-transition:opacity 0.2s ease-in-out; -moz-transition:opacity 0.2s ease-in-out; transition:opacity 0.2s ease-in-out;position:absolute; bottom:0px; left:0; width:100%; height:12px; color:#fff; background:#4a2885; z-index:9999999;}  
/* modal btn */
/* Theend */
#theend {position:relative; background:#e6e6e6; z-index:999 }
#theend ul {list-style:none; padding:0 !important; margin:0 auto;width:940px;overflow: hidden;}
#theend li {position:relative; float:left; font-size:0; line-height:0; width:150px; height:163px; margin: 0.1% 2% 0px 2%;background-size: 100% auto;}
#theend ul li.guide00:hover .guidePop,
#theend ul li.care00:hover .guidePop {opacity:0 !important;}
#theend ul li.guide00:hover,
#theend ul li.care00:hover {-moz-box-shadow:none !important; -webkit-box-shadow:none !important; box-shadow:none !important;}
#theend ul li:hover .guidePop {opacity:1}
#theend ul li span.guidePop {opacity:0; display:block; opacity:0; -webkit-transition:opacity 0.2s ease-in-out; -moz-transition:opacity 0.2s ease-in-out; transition:opacity 0.2s ease-in-out;position:absolute; bottom:0px; left:0; width:100%; height:12px; color:#fff; background:#4a2885; z-index:9999999;}
.theend1,
.theend2,
.theend3 {margin:0 0 2em; overflow:hidden;}  

.theend1 ul li.guide00 {background:url('../images/product/btn/sevice_btn_guide.gif') no-repeat; }
.theend1 ul li.guide01 {background:url('../images/product/btn/sevice_btn_guide01.gif') no-repeat; cursor:pointer;}
.theend1 ul li.guide02 {background:url('../images/product/btn/sevice_btn_guide02.gif') no-repeat; cursor:pointer;}
.theend1 ul li.guide03 {background:url('../images/product/btn/sevice_btn_guide03.gif') no-repeat; cursor:pointer;}
.theend1 ul li.guide04 {background:url('../images/product/btn/sevice_btn_guide04.gif') no-repeat; cursor:pointer;}

.theend2 ul li.care00 {background:url('../images/product/btn/sevice_btn_care.gif') no-repeat; }
.theend2 ul li.care01 {background:url('../images/product/btn/sevice_btn_care01.gif') no-repeat; cursor:pointer;}
.theend2 ul li.care02 {background:url('../images/product/btn/sevice_btn_care02.gif') no-repeat; cursor:pointer;}
.theend2 ul li.care03 {background:url('../images/product/btn/sevice_btn_care03.gif') no-repeat; cursor:pointer;}
.theend2 ul li.care04 {background:url('../images/product/btn/sevice_btn_care04.gif') no-repeat; cursor:pointer;}
.theend3 ul li.care05 {background:url('../images/product/btn/sevice_btn_care05.gif') no-repeat; cursor:pointer;}
.theend3 ul li.care06 {background:url('../images/product/btn/sevice_btn_care06.gif') no-repeat; cursor:pointer;}
.theend3 ul li.care07 {background:url('../images/product/btn/sevice_btn_care07.gif') no-repeat; cursor:pointer;}
/* //Theend */
/* //modal btn */

/* 768px height Screen Resolution */
@media screen and (max-height:750px){
  .intro {width:100% !important;}
  /* Service */
  /* Theend */
  .mw_btn {width:750px;}
  #theend ul {width:100%;}
  #theend li {position:relative; float:left; font-size:0; line-height:0; width:120px; height:131px; margin: 0.1% 2% 0px 2%;}
  #theend ul li span.guidePop {opacity:0; display:block; opacity:0; -webkit-transition:opacity 0.2s ease-in-out; -moz-transition:opacity 0.2s ease-in-out; transition:opacity 0.2s ease-in-out;position:absolute; bottom:0px; left:0; width:120px; height:8px; color:#fff; background:#4a2885; z-index:9999999;}
  .theend1,
  .theend2,
  .theend3 {margin:0 0 1.5em; overflow:hidden;}	
  /* Sizes */
  .tab_content table {margin:18px 0 0 0;}
  .tab_content table td {font-size:12px; padding:9px 0;}
  ul.tabs li {padding:12px 0;}

}
@media (min-width:1280px) and (max-width:1439px), (max-height:800px){
  .intro {width:100%;}
  /* Service */
  /* Theend */
  .mw_btn {width:750px;}
  #theend ul {width: 100%;}
  #theend li {position:relative; float:left; font-size:0; line-height:0; width:120px; height:131px; margin: 0.1% 2% 0px 2%;}
  #theend ul li span.guidePop {opacity:0; display:block; opacity:0; -webkit-transition:opacity 0.2s ease-in-out; -moz-transition:opacity 0.2s ease-in-out; transition:opacity 0.2s ease-in-out;position:absolute; bottom:0px; left:0; width:120px; height:8px; color:#fff; background:#4a2885; z-index:9999999;}
  .theend1,
  .theend2,
  .theend3 {margin:0 0 2em; overflow:hidden;}	
  /* Sizes */
  .tab_content table {margin:18px 0 0 0;}
  .tab_content table td {font-size:12px; padding:9px 0;}
  ul.tabs li {padding:12px 0;}

}

/* 1024x width Screen Resolution */
@media screen and (max-width:1279px){
  .mw_btn {width: 750px;}
  /* Service */
  #theend ul {width: 100%;}
  #theend li {position:relative; float:left; font-size:0; line-height:0; width:120px; height:131px; margin: 0.1% 2% 0px 2%;}
  #theend ul li span.guidePop {opacity:0; display:block; opacity:0; -webkit-transition:opacity 0.2s ease-in-out; -moz-transition:opacity 0.2s ease-in-out; transition:opacity 0.2s ease-in-out;position:absolute; bottom:0px; left:0; width:120px; height:8px; color:#fff; background:#4a2885; z-index:9999999;}
  
  ul.tabs3 {padding:40px 0 0 0;}
  ul.tabs2 {padding:40px 0 0 0;}
  .tab_container2, .tab_container3 {height:528px;}
  .tab_content2, .tab_content3 {height:350px;overflow-y: scroll;}
  
}


/* 1024px width Screen Resolution */
@media screen and (max-width:1023px){
  .intro {max-width:100% !important; width:100% !important;}
  .mw_btn {width:90%;}
  .theend1, .theend2, .theend3 { width: 90%;margin: 0px auto;}
  /* Service */
  #theend li {width:110px; height:120px;}
  #theend li {background-size:110px;}
  #theend ul {width:95%;}
  #theend ul li span.guidePop {width:110px;}
  #boxes #Guide01 #tierGuide h1, 
  #boxes #Caree01 #CareGuide h1 {font-size:32px; margin:26px 0 0 0;}
  #theend li {position:relative; float:left; font-size:0; line-height:0; width:110px; height:120px; margin: 2% 1% 0px 1%;}
  #theend ul li span.guidePop {opacity:0; display:block; opacity:0; -webkit-transition:opacity 0.2s ease-in-out; -moz-transition:opacity 0.2s ease-in-out; transition:opacity 0.2s ease-in-out;position:absolute; bottom:0px; left:0; width:110px; height:8px; color:#fff; background:#4a2885; z-index:9999999;}
  
  ul.tabs3 {padding:77px 0 0 0;}
  ul.tabs2 {padding:77px 0 0 0;}
  .tab_container2, .tab_container3 {height:528px;}
  .tab_content2, .tab_content3 {height:300px;overflow-y: scroll;}
  
}

/* tablet Screen Resolution */
@media screen and (max-width:768px){
  .content {width: 100%;}
  .content1 {width: 80%; margin:0 auto;}
  .sixth1 {top:245px !important;}
  #sixth .tab_content table {margin:15px 0 0 0 !important;}
  .mw_btn{width:84%;}	
  /* Service */
  #theend li {width:110px; height:120px;}
  #theend li {background-size:110px;}
  #theend li {position:relative; float:left; font-size:0; line-height:0; width:110px; height:120px; margin: 2% 1% 0px 1%;}
  #theend ul li span.guidePop {opacity:0; display:block; opacity:0; -webkit-transition:opacity 0.2s ease-in-out; -moz-transition:opacity 0.2s ease-in-out; transition:opacity 0.2s ease-in-out;position:absolute; bottom:0px; left:0; width:110px; height:8px; color:#fff; background:#4a2885; z-index:9999999;}
  #theend ul li span.guidePop {height:5px;}
  #theend ul li span.guidePop {width:110px;}
  #boxes #Guide01 #tierGuide h1, 
  #boxes #Caree01 #CareGuide h1 {font-size:32px; margin:26px 0 0 0;}
  .theend1, .theend2, .theend3 {width:100%; margin:0 auto;}
  #Guide01, #Caree01 {width: 90%;font-family:arial,"Microsoft Yahei",Tahoma,Verdana,sans-serif;background: #fff;}
  #boxes .window {z-index: 10000000000;}
  .blenderTabs ul li.btn_tab_01.active {background-size:100%;}
  .tier {height: 215px;}
  .tier2wrap {height: 215px;}
  .tier2 {height: 215px;}
  .tier3Wrap {height: 215px;}
  .tier3 {height: 215px;}
  .tier4wrap {height: 215px;}
  .tier4 {height: 215px;}
  .blenderTabs ul li.active {background:100%; }
  
  .fitWrap {max-height: 413px;height: 413px;margin: 0px auto;position: relative;width: 80%;max-width: 80%;}

}

@media screen and (max-height:800px){
    .intro .content{height:520px;overflow-y:auto;}     
    #theend .intro .content{height:400px;overflow-y:auto;}
}

/* 20200210 Ã¯Â¿Â½ÃŸÂ°Ã¯Â¿Â½(Seohyun) */
.newBtn:after{content:'';display:block;cloear:both;}
.newBtn span{float:right;width:50%;} /* 20200820 update Dean */
.newBtn span+span a{padding-right:0;padding-left:0.2em;}
.newBtn span a{display:block; padding-right:0;}
/* //20200210 */

.line_1 {height:67px;}
.line_2 {height:77px;}
/* .newBtn span a{padding-right:0.2em;} */
.detail_txt dd img {width:auto !important;}
.detail_txt_fix {width:292px !important;}

/*20210412 add NEW logo CWX*/
.logo_F{position:absolute;left:50%;top:0px;height:100%;width:100%;margin-left:-50%}
.inner_F{position:absolute;top:7px;left:69%;text-indent:-999999px;display:block;overflow:hidden;max-width:100%;width:auto !important;height:auto !important}
        
@media screen and (max-width:1440px){
	.inner_F {height: 32.25px !important;width: 53.25px !important;left:66%}
}
@media screen and (max-width:1370px){
	.inner_F {left:67%}
	}
@media screen and (max-width:1300px){
	.inner_F {left:69%}
	}
@media screen and (max-width:1150px){
	.inner_F {left:70%}
	}
@media screen and (max-width:1110px){
	.inner_F {left:71%}
	}
@media screen and (max-width:1080px){
	.inner_F {left:72%}
	}
@media screen and (max-width:1065px){
	.inner_F {left:74%}
	.content .leftWrap{width:22%}
	}
@media screen and (max-width:1040px){
	.inner_F {left:75%}
	}
/*//20210412*/

/* 20210527 add link - ZhangYuChen */
.Label_link{margin-top: 8px !important;}</pre></body></html>