

#ncx-feature{ max-width: 1440px;
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box;
    padding: 70px 5.5555556% 40px;
    }
    
    .objw {width: 70%;}
   
   #ncx-feature h1.head { margin:-5px 0 10px -6px;padding:0;letter-spacing:-9px;font-size:101px;color:#e72582;line-height:1; }
   #ncx-feature h2.subhead01 { margin:0;padding:0.5% 1%;font-weight:bold;font-size:20px;background:#00b1eb;color:#fff;display:inline-block; }
   #ncx-feature h2.subhead02 { margin:0;padding:0;font-weight:bold;font-size:20px;color:#333; }
   #ncx-feature h2.subhead02 span { font-weight:normal;font-size:16px; }
   #ncx-feature .yearNav { margin:1% 0; }
   #ncx-feature .yearNav ul { list-style:none;padding:0;margin:0; }
   #ncx-feature .yearNav ul li { display:inline-block;padding:15px 25px 15px 0;margin:0; }
   #ncx-feature .yearNav ul li:before { content:none; }
   #ncx-feature .yearNav ul li a { text-decoration:none;color:#00b1eb;font-weight:bold;font-size:15px; }
   #ncx-feature .yearNav ul li a.active { color:#e72582; }
   
   #ncx-feature .timeline-container { overflow-x:scroll;width:100%;transform: rotateX(180deg); }
   #ncx-feature .timeline { width:13900px;height:450px;transform: rotateX(180deg);padding-top:2%; }
   
   #ncx-feature .sYear { display:inline-block;  }  
   #ncx-feature .sYear .card, #ncx-feature .sYear .card img { width:320px;height:320px; }
   #ncx-feature .sYear .yearMarkers { margin-right:30px; }
   #ncx-feature .sYear .marker { display:inline-block;position:relative;margin:0 0 15px 0;width:100%; }
   #ncx-feature .sYear .marker:before { content: '';position:absolute;top:50%;left:0;width:100%;transform:translateY(-50%);z-index:1001;border-top:7px solid; }
   
   #ncx-feature .sYear .m2013:before, #ncx-feature .sYear .m2013 p, #ncx-feature .sYear .m2022:before, #ncx-feature .sYear .m2022 p  { border-color:#0e2b63;color:#0e2b63; }
   #ncx-feature .sYear .m2014:before, #ncx-feature .sYear .m2014 p, #ncx-feature .sYear .m2023:before, #ncx-feature .sYear .m2023 p { border-color:#004f9f;color:#004f9f; }
   #ncx-feature .sYear .m2015:before, #ncx-feature .sYear .m2015 p { border-color:#00b1eb;color:#00b1eb; }
   #ncx-feature .sYear .m2016:before, #ncx-feature .sYear .m2016 p { border-color:#ef7d00;color:#ef7d00; }
   #ncx-feature .sYear .m2017:before, #ncx-feature .sYear .m2017 p { border-color:#ffbb00;color:#ffbb00; }
   #ncx-feature .sYear .m2018:before, #ncx-feature .sYear .m2018 p { border-color:#50af47;color:#50af47; }
   #ncx-feature .sYear .m2019:before, #ncx-feature .sYear .m2019 p { border-color:#afca0b;color:#afca0b; }
   #ncx-feature .sYear .m2020:before, #ncx-feature .sYear .m2020 p { border-color:#5a328a;color:#5a328a; }
   #ncx-feature .sYear .m2021:before, #ncx-feature .sYear .m2021 p { border-color:#e72582;color:#e72582; }
   
   #ncx-feature .sYear .marker p.year { background: #fff;font-weight:bold;border-radius: 50%;margin:0;padding:20px 10px;font-size:20px;display:inline-block;position:relative;z-index:2001;border:7px solid;line-height:normal; }	
   #ncx-feature .sYear .marker .dot { background: #0e2b63;color:#fff;font-weight:bold;border-radius: 50%;margin:0;padding:5px 15px;font-size:18px;display:inline-block;position:absolute;z-index:2001;left:175px;top:23px;cursor:pointer;text-decoration:none; }		
   #ncx-feature .sYear .marker .dot-02 { left:350px; }	
   #ncx-feature .sYear .marker .dot-03 { left:525px; }
   #ncx-feature .sYear .marker .dot-04 { left:700px; }
   #ncx-feature .s2015 .marker .dot { background: #00b1eb; }
   #ncx-feature .s2016 .marker .dot { background: #ef7d00; }
   #ncx-feature .s2017 .marker .dot { background: #ffbb00; }
   #ncx-feature .s2018 .marker .dot { background: #50af47; }	
   #ncx-feature .s2019 .marker .dot { background: #afca0b; }
   #ncx-feature .s2020 .marker .dot { background: #5a328a; }
   #ncx-feature .s2021 .marker .dot { background: #e72582; }
   #ncx-feature .s2023 .marker .dot { background: #004f9f; }
   
   
   #ncx-feature .sYear .dot .tooltip {	visibility:hidden;width:180px;background:#eaeaea;border-radius:6px;padding:20px;position:absolute;z-index:3001;top:150%;left:-255%;margin:0;opacity:0;transition:opacity 0.3s;font-size:13px;text-align: left;font-weight:normal;color:#0e2b63; }
   #ncx-feature .sYear .dot .tooltip a { text-decoration:none;color:#00b1eb;font-weight:bold; }
   #ncx-feature .sYear .dot .tooltip:after { content: "";position:absolute;bottom:99%;left:50%;margin-left:-14px;border-width:10px;border-style:solid;border-color:transparent transparent #eaeaea transparent; }
   #ncx-feature .sYear .dot:hover .tooltip, #ncx-feature .sYear .dot:focus .tooltip { visibility:visible;opacity:1; }	
   
   #ncx-feature .sYear .dot:focus { outline:none; }	
   #ncx-feature .card {	margin-right:30px;display:inline-block;position:relative;z-index:1001;overflow:hidden; }
   #ncx-feature .y2013, #ncx-feature .y2022 { background:#0e2b63; }
   #ncx-feature .y2014, #ncx-feature .y2023 { background:#004f9f; }
   #ncx-feature .y2015 { background:#00b1eb; }	
   #ncx-feature .y2016 { background:#ef7d00; }
   #ncx-feature .y2017 { background:#ffbb00; }
   #ncx-feature .y2018 { background:#50af47; }	
   #ncx-feature .y2019 { background:#afca0b; }		
   #ncx-feature .y2020 { background:#5a328a; }
   #ncx-feature .y2021 { background:#e72582; }
   
   #ncx-feature .card .productImg { transform: rotate(45deg);clip: rect(0px,60px,200px,0px); }
   #ncx-feature .card .productImg-reset { transform: none; }	
   #ncx-feature .card .product-details { position:absolute;top:15px;left:20px; }
   #ncx-feature .card .product-details p { margin:0;padding:0;color:#fff;font-size:13px; }
   #ncx-feature .card .product-details p.product-brand { font-weight:bold;font-size:17px;margin-bottom:-2px; }	
   #ncx-feature .card .dot { background: #fff;color:#0e2b63;font-weight:bold;text-decoration:none;border-radius: 50%;margin:0;padding:5px 15px;font-size:18px;display:inline-block;position:absolute;right:20px;bottom:20px;cursor:pointer; }
   #ncx-feature .card .dot:hover { background:#0e2b63;color:#fff; }
   
   #ncx-feature .card .product-description { 	bottom:-320px;left:0;background:rgb(0, 0, 0, 0.75);width:265px;height:250px;padding:35px 20px 35px 35px;position:absolute;z-index:2500; }
   #ncx-feature .card .product-description .hide-details { width:20px;height:20px;cursor:pointer;position:absolute;top:18px;right:14px;z-index:2600; }
   #ncx-feature .card .product-description .content { overflow-y:scroll;width:100%;height:90%;padding:0;margin-top:10%; }
   
   #ncx-feature .card .product-description .content p { margin-top:0;font-size:13px;color:#fff;padding-right:20px;line-height:150%; }
   
   #ncx-feature .scrollarea::-webkit-scrollbar { background:transparent;width:8px;height:8px; }
   #ncx-feature .scrollarea::-webkit-scrollbar-track { background:transparent; }
   #ncx-feature .scrollarea::-webkit-scrollbar-thumb { background:#e72582;border-radius:16px;border:0px solid #fff; }
   #ncx-feature .scrollarea::-webkit-scrollbar-button { display:none; }	
   #ncx-feature .line { border-top: 1px solid #d3d3d3;position:relative;z-index:0;margin:0;bottom:-5px; }
   #ncx-feature p.scroll { color:#333;text-align:center;display:inline-block;position:relative;margin:0 0 10px 0;padding:0;font-size:15px;font-weight:bold; }
   #ncx-feature p.scroll:after { content: "";position:absolute;bottom:4px;right:0;margin-right:-23px;border-width:7px;border-style:solid;border-color:transparent transparent transparent #333; }
   #ncx-feature p.footnote { font-size:11px;color:#333; }
   
   @media only screen and (min-width: 760px) and (max-width: 983px) {
       #ncx-feature h1.head { font-size:90px;line-height: 0.8;margin-bottom:15px; }
       #ncx-feature h2.subhead01 { margin-bottom:15px; }
   }	
   
   @media only screen and (min-width: 520px) and (max-width: 759px) {
       #ncx-feature h1.head { font-size:80px;line-height: 0.8; }
       #ncx-feature h2.subhead01 { margin-bottom:15px; }
   }	
   
   @media only screen and (max-width: 519px) {
       #ncx-feature h1.head { font-size:50px;letter-spacing:-5px;line-height: 0.8;margin-bottom:15px;margin-left:-2px; }
       #ncx-feature h1.head span { display:block; }
       #ncx-feature h2.subhead01 { font-size:15px;margin-bottom:15px;padding:1% 2%; }
       #ncx-feature h2.subhead02 { font-size:15px;margin-bottom:10px; }		
       #ncx-feature .yearNav ul li { display:inline-block;padding:0.5% 0.5% 0.5% 0; }
       #ncx-feature .yearNav ul li a { font-size:11px; }
       #ncx-feature .line { display:none; }
   }
   
   	

