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

/* //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:21%;}
.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%;}

.tier {width:54%;max-height:400px;height:400px;}
.tier img {width:auto;height:100%;}
.tier2wrap {width:54%;position:relative;max-height:400px;height:400px;}
.tier2 {padding-top:3%;max-height:400px;height:400px;}
.tier2 img {width:auto;height:100%;}
.tier3Wrap {width:54%;position:relative;max-height:400px;height:400px;}
.tier3 img {width:auto;height:100%;}
.tier4wrap {width:54%;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 {font-family:arial, Verdana, sans-serif;}
.blenderTabs ul {list-style:none;padding:0;margin:0;}
.blenderTabs ul li {position:absolute;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;background-size:cover;-webkit-transition:all 0.1s ease-in-out;-moz-transition:all 0.1s ease-in-out;transition:all 0.1s ease-in-out;}
.blenderTabs ul:not(.structure) li.active {height:130px;width:130px;margin:-7% 0 0 -7%;text-indent:-999999px;display:block;overflow:hidden;cursor:pointer;background-size:100% !important;z-index:100}
.blenderTabs li:after {content:"+";font-size:40px;line-height:0;float:right;padding-right:10px;}

.blenderTabs ul li.btn_tab_01 {top:8%;left:47%;}
.blenderTabs ul li.btn_tab_02 {top:27%;left:44%;}
.blenderTabs ul li.btn_tab_03 {top:54%;left:40%;}
.blenderTabs ul li.btn_tab_01.active {background:url('../images/product/xfit_at/tire1_hover01.png') no-repeat;}
.blenderTabs ul li.btn_tab_02.active {background:url('../images/product/xfit_at/tire1_hover02.png') no-repeat;}
.blenderTabs ul li.btn_tab_03.active {background:url('../images/product/xfit_at/tire1_hover03.png') no-repeat;}


/*.blenderTabs ul li.btn_tab_04 {top:5%;left:48%;}*/
.blenderTabs ul li.btn_tab_05 {top:25%;left:35%;}
.blenderTabs ul li.btn_tab_06 {top:38%;left:33%;}
.blenderTabs ul li.btn_tab_07 {top:60%;left:35%;}
/*.blenderTabs ul li.btn_tab_04.active {background:url('../images/product/xfit_at/tire2_hover01.png') no-repeat;}*/
.blenderTabs ul li.btn_tab_05.active {background:url('../images/product/xfit_at/tire2_hover01.png') no-repeat;}
.blenderTabs ul li.btn_tab_06.active {background:url('../images/product/xfit_at/tire2_hover02.png') no-repeat;}
.blenderTabs ul li.btn_tab_07.active {background:url('../images/product/xfit_at/tire2_hover03.png') no-repeat;}

.blenderTabs ul li.btn_tab_08 {top:13%;left:50%;}
.blenderTabs ul li.btn_tab_09 {top:37%;left:42%;}
.blenderTabs ul li.btn_tab_10 {top:52%;left:31%;}
.blenderTabs ul li.btn_tab_08.active {background:url('../images/product/xfit_at/tire3_hover01.png') no-repeat;}
.blenderTabs ul li.btn_tab_09.active {background:url('../images/product/xfit_at/tire3_hover02.png') no-repeat;}
.blenderTabs ul li.btn_tab_10.active {background:url('../images/product/xfit_at/tire3_hover03.png') no-repeat;}

.blenderTabs ul li.btn_tab_f01 {top:92%;left:16%;}
.blenderTabs ul li.btn_tab_f02 {top:60%;left:3%;}
.blenderTabs ul li.btn_tab_f03 {top:22%;left:2.5%;}
.blenderTabs ul li.btn_tab_f04 {top:13%;left:26%;}
.blenderTabs ul li.btn_tab_f05 {top:32%;left:47%;}
.blenderTabs ul li.btn_tab_f06 {top:19%;left:87%;}
.blenderTabs ul li.btn_tab_f07 {top:39%;left:89%;}

.tireleft + .blenderTabs ul li.btn_tab_f01 {top:90%;left:42%;}
.tireleft + .blenderTabs ul li.btn_tab_f02 {top:66%;left:37%;}
.tireleft + .blenderTabs ul li.btn_tab_f03 {top:22%;left:36%;}
.tireleft + .blenderTabs ul li.btn_tab_f04 {top:9%;left:54%;}
.tireleft + .blenderTabs ul li.btn_tab_f05 {top:22%;left:69%;}
.tireleft + .blenderTabs ul li.btn_tab_f06 {top:17%;left:83%;}
.tireleft + .blenderTabs ul li.btn_tab_f07 {top:34%;left:94%;}

.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;}

.content--inline {display:inline;}

.span_5 img {width:100%;height:auto;}
.detailWrap {width:21%;}

#top_img .fp-tableCell{position:relative;overflow:hidden;background: url('../images/product/xfit_at/bg_xfit_at.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;}
  .fit-txt {margin-bottom:0;}
}

/* 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 img {height:100%;}

  .tier {max-height:300px;height:300px;}
  .tier img {width:auto;height:100%;}
  .tier2wrap {max-height:300px;height:300px;}
  .tier2 {padding-top:3%;max-height:400px;height:300px;}
  .tier2 img {width:auto;height:100%;}
  .tier3Wrap {max-height:300px;height:300px;}
  .tier4wrap {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:455px;height:455px;margin:0 auto;position:relative;width:100%;}

  .blenderTabs ul li{width:35px;height:35px;}
  .blenderTabs ul:not(.structure) li.active {height:120px;width:120px;}
  
   .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:40px;}
  .content .icon img {width:auto;height:100%;}
  .tierfront {margin-top:40px}
  img.front {width:90%;}
  
  .content .leftWrap p {width:100%;}
  .horizon_chart {width:100%;height:auto;text-align:left;}

    /* tier map */
  .blenderTabs ul li{width:35px;height:35px;}
  .blenderTabs ul:not(.structure) li.active {height:110px;width:110px;}

  .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%;}
  img.front {width:90%;}
  
  .content .leftWrap p {width:100%;}
  .horizon_chart {width:100%;height:284px;text-align:left;}
  
  /* tier map */
  .blenderTabs ul li{width:30px;height:30px;}
  .blenderTabs ul:not(.structure) li.active {height:100px;width:100px;}
  
  .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;}


  #section2 .detail_txt{width:180px;}
}

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

  .content .leftWrap p {width:100%;}
  .icon {height:30px;margin:0;}
  .icon img {width:auto;height:100%;}
  
  /* tier map */
  .blenderTabs ul.structure li{width:20px;height:20px;}
  .blenderTabs ul:not(.structure) li.active {height:80px;width:80px;}
}

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

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

  /* 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;padding-top:200px;}
  .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;}
  
  .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;}
}