/*@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_xfit_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:3% 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% !important; top:110px !important; margin:0 0 0 -35% !important; display:none; z-index:999999999;}
.window a.close {position:absolute; top:0; right:0;}
#Guide01,
#Caree01 {width:70%; font-family:arial,"Microsoft Yahei",Tahoma,Verdana,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;}
#boxes .window {left:50% !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;background:#f4f4f4;}
.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}
/* 20180720 line tab */
.lineTab{margin-bottom:40px;text-align:center;}
.lineTab li{position:relative;display:inline-block;margin:0 27px;color:#222;cursor:pointer;font-size:20px;font-weight:400;}
.lineTab li.active{color:#4b2886;}
.lineTab li.active:after{display:block;content:'';position:absolute;bottom:-8px;left:0;width:100%;height:3px;background:#4a2886;}
.lineTab li+li:before{display:block;content:'';position:absolute;top:50%;left:-30px;width:1px;height:14px;margin-top:-7px;background:#cdcdcd;}
.tab_container {clear:both;float:left;width:100%;}
.tab_content {display:none;height:400px;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;}
#theend .intro{padding-top:0;}
.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;position: relative;z-index: 2;}
.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%;}

.tier {width: 34%;max-height: 400px;height: 400px;margin-left: 8.2%;}
.tier img {width: auto;height: 100%;}
.tier2wrap {width:49%; position:relative; max-height: 400px;height: 400px;}
.tier2 {padding-top: 3%;max-height: 400px;height: 400px;}
.tier2 img {width: auto;
height: 100%;}
.tier3Wrap {width:49%; position:relative;max-height: 400px;height: 400px;}
.tier3 img {width: auto;
height: 100%;padding-left: 13%;}
.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;}
.tierfrontWrap .span_5 {position: absolute;top: 76px;left: -45%;}


/* 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% !important;}
.blenderTabs li:after {content:"+";font-size: 40px;line-height: 0;float: right;padding-right: 10px;}

.blenderTabs ul li.btn_tab_01 {position:absolute; top:21%; left:46%;}
.blenderTabs ul li.btn_tab_02 {position: absolute;top: 58%;left: 55%;}
.blenderTabs ul li.btn_tab_01.active {top:10%;left:35%;background:url('../images/product/xfit_hp/tier1_hover01.png') no-repeat; }
.blenderTabs ul li.btn_tab_02.active {top:48%;left:47%;background:url('../images/product/xfit_hp/tier1_hover02.png') no-repeat;}


.blenderTabs ul li.btn_tab_03 {position: absolute;top:8%;left: 34%;}
.blenderTabs ul li.btn_tab_04 {position: absolute;top:28%;left: 37%;}
.blenderTabs ul li.btn_tab_05 {position:absolute; top:55%; left: 32%;}
.blenderTabs ul li.btn_tab_06 {position: absolute;top: 65%;left: 48%;}
.blenderTabs ul li.btn_tab_03.active {top:-3%; left:25%;background:url('../images/product/xfit_hp/tier2_hover01.png') no-repeat;}
.blenderTabs ul li.btn_tab_04.active {top:21%; left:27%;background:url('../images/product/xfit_hp/tier2_hover02.png') no-repeat;}
.blenderTabs ul li.btn_tab_05.active {top:44%;left:25%;background:url('../images/product/xfit_hp/tier2_hover03.png') no-repeat;}
.blenderTabs ul li.btn_tab_06.active {top:54%;left:42%;background:url('../images/product/xfit_hp/tier2_hover04.png') no-repeat;}

.blenderTabs ul li.btn_tab_07 {position: absolute;top: 3%;left: 40%;}
.blenderTabs ul li.btn_tab_08 {position: absolute;top: 28%;left: 37%;}
.blenderTabs ul li.btn_tab_09 {position: absolute;top: 52%;left: 31%;}
.blenderTabs ul li.btn_tab_07.active {top:-7%; left:32%;background:url('../images/product/xfit_hp/tier3_hover01.png') no-repeat;}
.blenderTabs ul li.btn_tab_08.active {top:18%; left:31%;background:url('../images/product/xfit_hp/tier3_hover02.png') no-repeat;}
.blenderTabs ul li.btn_tab_09.active {top:43%; left:24%;background:url('../images/product/xfit_hp/tier3_hover03.png') no-repeat;}

.blenderTabs ul li.btn_tab_f01 {position:absolute; top: 8%;left:29%;}
.blenderTabs ul li.btn_tab_f02 {position: absolute;top: 13%;left: 59%;}
.blenderTabs ul li.btn_tab_f03 {position: absolute;top: 22%;left: 73%;}
.blenderTabs ul li.btn_tab_f04 {position:absolute; top: 42%;left:91%;}
.blenderTabs ul li.btn_tab_f05 {position: absolute;top: 32%;left: 64%;}
.blenderTabs ul li.btn_tab_f06 {position: absolute;top: 85%;left: 14%;}
.blenderTabs ul li.btn_tab_f07 {position: absolute;top: 57%;left: 4%;}
.blenderTabs ul li.btn_tab_f08 {position: absolute;top: 23%;left: 7%;}


.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:arial,"Microsoft Yahei",Tahoma,Verdana,sans-serif;}
.content--inline {display: inline;}

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

#top_img .fp-tableCell{position:relative;overflow:hidden;background: url('../images/product/xfit_hp/bg_xfit_hp.jpg') 90% 80% / cover;}

/* 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){
  /* font-style */
  .bllist_type1 > li {font-size:14px;}
  
  .intro {max-width: 80%;width:70%; margin:0 auto;}
  /* .icon {height:46px;} */
  .icon {height:60px;}
  .icon img {height:100%;}
  .iceGraph1 {width:100%;}
  .tierfrontWrap .span_5 {position: absolute;top: 76px;left: -45%;}

  .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;}
  
  /*.span_5 img {width: 90%; height: auto;}*/
  .fitWrap {max-width:90%; max-height: 455px; height: 455px; margin:0 auto; position:relative; width:100%;}
  .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:10%;left:41%;background:url('../images/product/xfit_hp/tier1_hover01.png') no-repeat; }
  .blenderTabs ul li.btn_tab_02.active {top:48%;left:47%;background:url('../images/product/xfit_hp/tier1_hover02.png') no-repeat;}
  .blenderTabs ul li.btn_tab_03.active {top:-3%; left:32%;background:url('../images/product/xfit_hp/tier2_hover01.png') no-repeat;}
  .blenderTabs ul li.btn_tab_04.active {top:21%; left:30%;background:url('../images/product/xfit_hp/tier2_hover02.png') no-repeat;}
  .blenderTabs ul li.btn_tab_05.active {top:44%;left:30%;background:url('../images/product/xfit_hp/tier2_hover03.png') no-repeat;}
  .blenderTabs ul li.btn_tab_06.active {top:54%;left:42%;background:url('../images/product/xfit_hp/tier2_hover04.png') no-repeat;}
  .blenderTabs ul li.btn_tab_07.active {top:-7%; left:32%;background:url('../images/product/xfit_hp/tier3_hover01.png') no-repeat;}
  .blenderTabs ul li.btn_tab_08.active {top:18%; left:31%;background:url('../images/product/xfit_hp/tier3_hover02.png') no-repeat;}
  .blenderTabs ul li.btn_tab_09.active {top:43%; left:24%;background:url('../images/product/xfit_hp/tier3_hover03.png') no-repeat;}
  
  .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){
  /* font-style */
  .bllist_type1 > 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 5px; }
  .content .icon {height:60px; }
  /* .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  {position: absolute;top: 56px;left: -50%; }
  .tierfrontWrap .span_5  img {width: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%; }
  .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 {position:absolute; top:13%; left:45%;}
  .blenderTabs ul li.btn_tab_02 {position: absolute;top: 48%;left: 53%;}
  .blenderTabs ul li.btn_tab_01.active {top:5%;left:39%;background:url('../images/product/xfit_hp/tier1_hover01.png') no-repeat; }
  .blenderTabs ul li.btn_tab_02.active {top:48%;left:47%;background:url('../images/product/xfit_hp/tier1_hover02.png') no-repeat;}
  
  
  .blenderTabs ul li.btn_tab_03 {position: absolute;top:0%;left: 34%;}
  .blenderTabs ul li.btn_tab_04 {position: absolute;top:20%;left: 37%;}
  .blenderTabs ul li.btn_tab_05 {position:absolute; top:47%; left: 32%;}
  .blenderTabs ul li.btn_tab_06 {position: absolute;top: 57%;left: 48%;}
  .blenderTabs ul li.btn_tab_03.active {top:-3%; left:25%;background:url('../images/product/xfit_hp/tier2_hover01.png') no-repeat;}
  .blenderTabs ul li.btn_tab_04.active {top:11%; left:31%;background:url('../images/product/xfit_hp/tier2_hover02.png') no-repeat;}
  .blenderTabs ul li.btn_tab_05.active {top:37%;left:25%;background:url('../images/product/xfit_hp/tier2_hover03.png') no-repeat;}
  .blenderTabs ul li.btn_tab_06.active {top:50%;left:42%;background:url('../images/product/xfit_hp/tier2_hover04.png') no-repeat;}
  
  .blenderTabs ul li.btn_tab_07 {position: absolute;top: -6%;left: 40%;}
  .blenderTabs ul li.btn_tab_08 {position: absolute;top: 18%;left: 37%;}
  .blenderTabs ul li.btn_tab_09 {position: absolute;top: 42%;left: 31%;}
  .blenderTabs ul li.btn_tab_07.active {top:-17%; left:32%;background:url('../images/product/xfit_hp/tier3_hover01.png') no-repeat;}
  .blenderTabs ul li.btn_tab_08.active {top:10%; left:31%;background:url('../images/product/xfit_hp/tier3_hover02.png') no-repeat;}
  .blenderTabs ul li.btn_tab_09.active {top:39%; left:24%;background:url('../images/product/xfit_hp/tier3_hover03.png') no-repeat;}  
  
  .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){
  /* font-style */
  .bllist_type1 > 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%;}
  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: 60px;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){
  /* font-style */
  .bllist_type1 > 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%;}
  
  /* 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: 100px;width:100px;background-size:100% auto;}
}

/* 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;}
}


/* 768px height Screen Resolution */
@media screen and (min-height:750px){
}

/* 1024px width Screen Resolution */
@media screen and (max-width:1024px){
  .tierfront {margin-top:-30px}
  .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;}
  .tierfrontWrap .span_5 {position:absolute; top:22%; left:-64%;}
  .tierfrontWrap .span_6 {margin-top:-23px}
}

/*  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 1.5em; 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.care00 {background:url('../images/product/btn/service_btn_catalogue.gif') no-repeat;cursor:pointer;}
.theend3 ul li.care00 a{width:100%;height:100%;display:inline-block;}
.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 10%;}
  ul.tabs2 {padding:40px 0 0 20%;}
  .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;padding-top: 0;}
  .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 10%;}
  ul.tabs2 {padding:77px 0 0 20%;}
  .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 {margin-left:-45% !important; 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;}
}

/* 20171117 占쌩곤옙 */
.newBtn:after{content:'';display:block;cloear:both;}
.newBtn span{float:left;width:50%;}
.newBtn span a{padding-right:0.2em;}
.newBtn span+span a{padding-right:0;padding-left:0.2em;}
.newBtn span a{display:block;}

/*20210408 add new logo Zzj*/
.logo_F{position:absolute;left:50%;top:0px;height:100%;width:100%;margin-left:-50%}
.inner_F{position:absolute;top:7px;left:61%;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:56.5%}
}
@media screen and (max-width:1370px){
  .inner_F {left:57.5%}
  }
@media screen and (max-width:1300px){
  .inner_F {left:59%}
  }
@media screen and (max-width:1150px){
  .inner_F {left:62.5%}
  }
@media screen and (max-width:1110px){
  .inner_F {left:63%}
  }
@media screen and (max-width:1080px){
  .inner_F {left:64%}
  }
@media screen and (max-width:1065px){
  .inner_F {left:64.5%}
  .content .leftWrap{width:22%}
  }
@media screen and (max-width:1040px){
  .inner_F {left:65%}
  }

/* 20210512 KV update Dean */
  .figureMLB{width: 100%;height: 200px;top: 0px;position: absolute;}
  .figureMLB #imgMLB {width: 176px !important;height: 68px !important;margin-top: 40px;position: relative;float:right;}
  .figureMLB_inner{max-width: 1480px;min-width:1278px;height: 176px;margin: 0 auto;}
  @media (min-width: 1024px) and (max-width: 1279px){#imgMLB { left: 0 !important;}}
/* //20210512 */