img_yw_news
  برای مشاهده اطلاعات هر دستگاه بر روی عنوان دستگاه مورد نظر کلیک نمایید.   Neurofeedback   .ywtab { position: relative; overflow: hidden; margin: 10px auto; width: 100%; font-family: iransans; } /* Nav */ .ywtab nav { text-align: center; } .ywtab nav ul { position: relative; display: -ms-flexbox; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex; margin: 0 auto; padding: 0; max-width: 1200px; list-style: none; -ms-box-orient: horizontal; -ms-box-pack: center; -webkit-flex-flow: row wrap; -moz-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; } .ywtab nav ul li { position: relative; z-index: 1; display: block; margin: 0; text-align: center; -webkit-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1; background: none; } .ywtab nav ul li{ padding: 0 5px 0 0; } .ywtab nav ul li:first-child{ padding: 0; } .ywtab nav li span { position: relative; display: block; overflow: hidden; text-overflow: ellipsis; line-height: 2.5; background-color: #eee; border-radius: 10px 10px 0 0; -webkit-border-radius: 10px 10px 0 0; -moz-border-radius: 10px 10px 0 0; padding: 0.7em 0.4em; color: #1487d8; font-size: 16px; font-weight: 500; line-height: 1; line-height: 20px !important; cursor: pointer; } .ywtab nav a span { vertical-align: middle; } .ywtab nav a:hover, .ywtab nav a:focus , .ywtab nav li.tab-current span { background-color: #1487d8; color: #fff; } .ywtab .content-wrap { position: relative; min-height: 100px; background-color: #fff; border: 1px solid #eee; } .ywtab .content-wrap section { display: none; margin: 0 auto; padding: 1em; max-width: 1200px; } .ywtab .content-wrap section.content-current { display: block; } @media screen and (max-width: 58em) { } $( ".DAMIZywtab nav li" ).click(function() { $(".DAMIZywtab nav li").removeClass("tab-current"); $(this).addClass("tab-current"); var num = $(this).attr("data-num"); $(".DAMIZywtab .content-wrap section").removeClass("content-current"); $(".DAMIZywtab .content-wrap section").eq( num).addClass("content-current"); });       (کاناله ۶۴ EEG (EEG   .ywtab { position: relative; overflow: hidden; margin: 10px auto; width: 100%; font-family: iransans; } /* Nav */ .ywtab nav { text-align: center; } .ywtab nav ul { position: relative; display: -ms-flexbox; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex; margin: 0 auto; padding: 0; max-width: 1200px; list-style: none; -ms-box-orient: horizontal; -ms-box-pack: center; -webkit-flex-flow: row wrap; -moz-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; } .ywtab nav ul li { position: relative; z-index: 1; display: block; margin: 0; text-align: center; -webkit-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1; background: none; } .ywtab nav ul li{ padding: 0 5px 0 0; } .ywtab nav ul li:first-child{ padding: 0; } .ywtab nav li span { position: relative; display: block; overflow: hidden; text-overflow: ellipsis; line-height: 2.5; background-color: #eee; border-radius: 10px 10px 0 0; -webkit-border-radius: 10px 10px 0 0; -moz-border-radius: 10px 10px 0 0; padding: 0.7em 0.4em; color: #1487d8; font-size: 16px; font-weight: 500; line-height: 1; line-height: 20px !important; cursor: pointer; } .ywtab nav a span { vertical-align: middle; } .ywtab nav a:hover, .ywtab nav a:focus , .ywtab nav li.tab-current span { background-color: #1487d8; color: #fff; } .ywtab .content-wrap { position: relative; min-height: 100px; background-color: #fff; border: 1px solid #eee; } .ywtab .content-wrap section { display: none; margin: 0 auto; padding: 1em; max-width: 1200px; } .ywtab .content-wrap section.content-current { display: block; } @media screen and (max-width: 58em) { } $( ".WEFLMywtab nav li" ).click(function() { $(".WEFLMywtab nav li").removeClass("tab-current"); $(this).addClass("tab-current"); var num = $(this).attr("data-num"); $(".WEFLMywtab .content-wrap section").removeClass("content-current"); $(".WEFLMywtab .content-wrap section").eq( num).addClass("content-current"); });   (مغزی نقشه QEEG)   .ywtab { position: relative; overflow: hidden; margin: 10px auto; width: 100%; font-family: iransans; } /* Nav */ .ywtab nav { text-align: center; } .ywtab nav ul { position: relative; display: -ms-flexbox; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex; margin: 0 auto; padding: 0; max-width: 1200px; list-style: none; -ms-box-orient: horizontal; -ms-box-pack: center; -webkit-flex-flow: row wrap; -moz-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; } .ywtab nav ul li { position: relative; z-index: 1; display: block; margin: 0; text-align: center; -webkit-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1; background: none; } .ywtab nav ul li{ padding: 0 5px 0 0; } .ywtab nav ul li:first-child{ padding: 0; } .ywtab nav li span { position: relative; display: block; overflow: hidden; text-overflow: ellipsis; line-height: 2.5; background-color: #eee; border-radius: 10px 10px 0 0; -webkit-border-radius: 10px 10px 0 0; -moz-border-radius: 10px 10px 0 0; padding: 0.7em 0.4em; color: #1487d8; font-size: 16px; font-weight: 500; line-height: 1; line-height: 20px !important; cursor: pointer; } .ywtab nav a span { vertical-align: middle; } .ywtab nav a:hover, .ywtab nav a:focus , .ywtab nav li.tab-current span { background-color: #1487d8; color: #fff; } .ywtab .content-wrap { position: relative; min-height: 100px; background-color: #fff; border: 1px solid #eee; } .ywtab .content-wrap section { display: none; margin: 0 auto; padding: 1em; max-width: 1200px; } .ywtab .content-wrap section.content-current { display: block; } @media screen and (max-width: 58em) { } $( ".THGSDywtab nav li" ).click(function() { $(".THGSDywtab nav li").removeClass("tab-current"); $(this).addClass("tab-current"); var num = $(this).attr("data-num"); $(".THGSDywtab .content-wrap section").removeClass("content-current"); $(".THGSDywtab .content-wrap section").eq( num).addClass("content-current"); });   Eye-tracker   .ywtab { position: relative; overflow: hidden; margin: 10px auto; width: 100%; font-family: iransans; } /* Nav */ .ywtab nav { text-align: center; } .ywtab nav ul { position: relative; display: -ms-flexbox; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex; margin: 0 auto; padding: 0; max-width: 1200px; list-style: none; -ms-box-orient: horizontal; -ms-box-pack: center; -webkit-flex-flow: row wrap; -moz-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; } .ywtab nav ul li { position: relative; z-index: 1; display: block; margin: 0; text-align: center; -webkit-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1; background: none; } .ywtab nav ul li{ padding: 0 5px 0 0; } .ywtab nav ul li:first-child{ padding: 0; } .ywtab nav li span { position: relative; display: block; overflow: hidden; text-overflow: ellipsis; line-height: 2.5; background-color: #eee; border-radius: 10px 10px 0 0; -webkit-border-radius: 10px 10px 0 0; -moz-border-radius: 10px 10px 0 0; padding: 0.7em 0.4em; color: #1487d8; font-size: 16px; font-weight: 500; line-height: 1; line-height: 20px !important; cursor: pointer; } .ywtab nav a span { vertical-align: middle; } .ywtab nav a:hover, .ywtab nav a:focus , .ywtab nav li.tab-current span { background-color: #1487d8; color: #fff; } .ywtab .content-wrap { position: relative; min-height: 100px; background-color: #fff; border: 1px solid #eee; } .ywtab .content-wrap section { display: none; margin: 0 auto; padding: 1em; max-width: 1200px; } .ywtab .content-wrap section.content-current { display: block; } @media screen and (max-width: 58em) { } $( ".ZTGBMywtab nav li" ).click(function() { $(".ZTGBMywtab nav li").removeClass("tab-current"); $(this).addClass("tab-current"); var num = $(this).attr("data-num"); $(".ZTGBMywtab .content-wrap section").removeClass("content-current"); $(".ZTGBMywtab .content-wrap section").eq( num).addClass("content-current"); });   VR واقعیت مجازی درمانی یا پژوهشی   .ywtab { position: relative; overflow: hidden; margin: 10px auto; width: 100%; font-family: iransans; } /* Nav */ .ywtab nav { text-align: center; } .ywtab nav ul { position: relative; display: -ms-flexbox; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex; margin: 0 auto; padding: 0; max-width: 1200px; list-style: none; -ms-box-orient: horizontal; -ms-box-pack: center; -webkit-flex-flow: row wrap; -moz-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; } .ywtab nav ul li { position: relative; z-index: 1; display: block; margin: 0; text-align: center; -webkit-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1; background: none; } .ywtab nav ul li{ padding: 0 5px 0 0; } .ywtab nav ul li:first-child{ padding: 0; } .ywtab nav li span { position: relative; display: block; overflow: hidden; text-overflow: ellipsis; line-height: 2.5; background-color: #eee; border-radius: 10px 10px 0 0; -webkit-border-radius: 10px 10px 0 0; -moz-border-radius: 10px 10px 0 0; padding: 0.7em 0.4em; color: #1487d8; font-size: 16px; font-weight: 500; line-height: 1; line-height: 20px !important; cursor: pointer; } .ywtab nav a span { vertical-align: middle; } .ywtab nav a:hover, .ywtab nav a:focus , .ywtab nav li.tab-current span { background-color: #1487d8; color: #fff; } .ywtab .content-wrap { position: relative; min-height: 100px; background-color: #fff; border: 1px solid #eee; } .ywtab .content-wrap section { display: none; margin: 0 auto; padding: 1em; max-width: 1200px; } .ywtab .content-wrap section.content-current { display: block; } @media screen and (max-width: 58em) { } $( ".EDGZSywtab nav li" ).click(function() { $(".EDGZSywtab nav li").removeClass("tab-current"); $(this).addClass("tab-current"); var num = $(this).attr("data-num"); $(".EDGZSywtab .content-wrap section").removeClass("content-current"); $(".EDGZSywtab .content-wrap section").eq( num).addClass("content-current"); });   ابزارها سایر تب کن ریهاکام   .ywtab { position: relative; overflow: hidden; margin: 10px auto; width: 100%; font-family: iransans; } /* Nav */ .ywtab nav { text-align: center; } .ywtab nav ul { position: relative; display: -ms-flexbox; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex; margin: 0 auto; padding: 0; max-width: 1200px; list-style: none; -ms-box-orient: horizontal; -ms-box-pack: center; -webkit-flex-flow: row wrap; -moz-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; } .ywtab nav ul li { position: relative; z-index: 1; display: block; margin: 0; text-align: center; -webkit-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1; background: none; } .ywtab nav ul li{ padding: 0 5px 0 0; } .ywtab nav ul li:first-child{ padding: 0; } .ywtab nav li span { position: relative; display: block; overflow: hidden; text-overflow: ellipsis; line-height: 2.5; background-color: #eee; border-radius: 10px 10px 0 0; -webkit-border-radius: 10px 10px 0 0; -moz-border-radius: 10px 10px 0 0; padding: 0.7em 0.4em; color: #1487d8; font-size: 16px; font-weight: 500; line-height: 1; line-height: 20px !important; cursor: pointer; } .ywtab nav a span { vertical-align: middle; } .ywtab nav a:hover, .ywtab nav a:focus , .ywtab nav li.tab-current span { background-color: #1487d8; color: #fff; } .ywtab .content-wrap { position: relative; min-height: 100px; background-color: #fff; border: 1px solid #eee; } .ywtab .content-wrap section { display: none; margin: 0 auto; padding: 1em; max-width: 1200px; } .ywtab .content-wrap section.content-current { display: block; } @media screen and (max-width: 58em) { } $( ".QDLEVywtab nav li" ).click(function() { $(".QDLEVywtab nav li").removeClass("tab-current"); $(this).addClass("tab-current"); var num = $(this).attr("data-num"); $(".QDLEVywtab .content-wrap section").removeClass("content-current"); $(".QDLEVywtab .content-wrap section").eq( num).addClass("content-current"); });  
  برای مشاهده اطلاعات هر وبینار بر روی عنوان وبینار مورد نظر کلیک نمایید.         موضوع       .ywtab { position: relative; overflow: hidden; margin: 10px auto; width: 100%; font-family: iransans; } /* Nav */ .ywtab nav { text-align: center; } .ywtab nav ul { position: relative; display: -ms-flexbox; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex; margin: 0 auto; padding: 0; max-width: 1200px; list-style: none; -ms-box-orient: horizontal; -ms-box-pack: center; -webkit-flex-flow: row wrap; -moz-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; } .ywtab nav ul li { position: relative; z-index: 1; display: block; margin: 0; text-align: center; -webkit-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1; background: none; } .ywtab nav ul li{ padding: 0 5px 0 0; } .ywtab nav ul li:first-child{ padding: 0; } .ywtab nav li span { position: relative; display: block; overflow: hidden; text-overflow: ellipsis; line-height: 2.5; background-color: #eee; border-radius: 10px 10px 0 0; -webkit-border-radius: 10px 10px 0 0; -moz-border-radius: 10px 10px 0 0; padding: 0.7em 0.4em; color: #1487d8; font-size: 16px; font-weight: 500; line-height: 1; line-height: 20px !important; cursor: pointer; } .ywtab nav a span { vertical-align: middle; } .ywtab nav a:hover, .ywtab nav a:focus , .ywtab nav li.tab-current span { background-color: #1487d8; color: #fff; } .ywtab .content-wrap { position: relative; min-height: 100px; background-color: #fff; border: 1px solid #eee; } .ywtab .content-wrap section { display: none; margin: 0 auto; padding: 1em; max-width: 1200px; } .ywtab .content-wrap section.content-current { display: block; } @media screen and (max-width: 58em) { } $( ".HFOLAywtab nav li" ).click(function() { $(".HFOLAywtab nav li").removeClass("tab-current"); $(this).addClass("tab-current"); var num = $(this).attr("data-num"); $(".HFOLAywtab .content-wrap section").removeClass("content-current"); $(".HFOLAywtab .content-wrap section").eq( num).addClass("content-current"); });               موضوع      .ywtab { position: relative; overflow: hidden; margin: 10px auto; width: 100%; font-family: iransans; } /* Nav */ .ywtab nav { text-align: center; } .ywtab nav ul { position: relative; display: -ms-flexbox; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex; margin: 0 auto; padding: 0; max-width: 1200px; list-style: none; -ms-box-orient: horizontal; -ms-box-pack: center; -webkit-flex-flow: row wrap; -moz-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; } .ywtab nav ul li { position: relative; z-index: 1; display: block; margin: 0; text-align: center; -webkit-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1; background: none; } .ywtab nav ul li{ padding: 0 5px 0 0; } .ywtab nav ul li:first-child{ padding: 0; } .ywtab nav li span { position: relative; display: block; overflow: hidden; text-overflow: ellipsis; line-height: 2.5; background-color: #eee; border-radius: 10px 10px 0 0; -webkit-border-radius: 10px 10px 0 0; -moz-border-radius: 10px 10px 0 0; padding: 0.7em 0.4em; color: #1487d8; font-size: 16px; font-weight: 500; line-height: 1; line-height: 20px !important; cursor: pointer; } .ywtab nav a span { vertical-align: middle; } .ywtab nav a:hover, .ywtab nav a:focus , .ywtab nav li.tab-current span { background-color: #1487d8; color: #fff; } .ywtab .content-wrap { position: relative; min-height: 100px; background-color: #fff; border: 1px solid #eee; } .ywtab .content-wrap section { display: none; margin: 0 auto; padding: 1em; max-width: 1200px; } .ywtab .content-wrap section.content-current { display: block; } @media screen and (max-width: 58em) { } $( ".HFOLAywtab nav li" ).click(function() { $(".HFOLAywtab nav li").removeClass("tab-current"); $(this).addClass("tab-current"); var num = $(this).attr("data-num"); $(".HFOLAywtab .content-wrap section").removeClass("content-current"); $(".HFOLAywtab .content-wrap section").eq( num).addClass("content-current"); });             موضوع      .ywtab { position: relative; overflow: hidden; margin: 10px auto; width: 100%; font-family: iransans; } /* Nav */ .ywtab nav { text-align: center; } .ywtab nav ul { position: relative; display: -ms-flexbox; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex; margin: 0 auto; padding: 0; max-width: 1200px; list-style: none; -ms-box-orient: horizontal; -ms-box-pack: center; -webkit-flex-flow: row wrap; -moz-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; } .ywtab nav ul li { position: relative; z-index: 1; display: block; margin: 0; text-align: center; -webkit-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1; background: none; } .ywtab nav ul li{ padding: 0 5px 0 0; } .ywtab nav ul li:first-child{ padding: 0; } .ywtab nav li span { position: relative; display: block; overflow: hidden; text-overflow: ellipsis; line-height: 2.5; background-color: #eee; border-radius: 10px 10px 0 0; -webkit-border-radius: 10px 10px 0 0; -moz-border-radius: 10px 10px 0 0; padding: 0.7em 0.4em; color: #1487d8; font-size: 16px; font-weight: 500; line-height: 1; line-height: 20px !important; cursor: pointer; } .ywtab nav a span { vertical-align: middle; } .ywtab nav a:hover, .ywtab nav a:focus , .ywtab nav li.tab-current span { background-color: #1487d8; color: #fff; } .ywtab .content-wrap { position: relative; min-height: 100px; background-color: #fff; border: 1px solid #eee; } .ywtab .content-wrap section { display: none; margin: 0 auto; padding: 1em; max-width: 1200px; } .ywtab .content-wrap section.content-current { display: block; } @media screen and (max-width: 58em) { } $( ".HFOLAywtab nav li" ).click(function() { $(".HFOLAywtab nav li").removeClass("tab-current"); $(this).addClass("tab-current"); var num = $(this).attr("data-num"); $(".HFOLAywtab .content-wrap section").removeClass("content-current"); $(".HFOLAywtab .content-wrap section").eq( num).addClass("content-current"); });             موضوع      .ywtab { position: relative; overflow: hidden; margin: 10px auto; width: 100%; font-family: iransans; } /* Nav */ .ywtab nav { text-align: center; } .ywtab nav ul { position: relative; display: -ms-flexbox; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex; margin: 0 auto; padding: 0; max-width: 1200px; list-style: none; -ms-box-orient: horizontal; -ms-box-pack: center; -webkit-flex-flow: row wrap; -moz-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; } .ywtab nav ul li { position: relative; z-index: 1; display: block; margin: 0; text-align: center; -webkit-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1; background: none; } .ywtab nav ul li{ padding: 0 5px 0 0; } .ywtab nav ul li:first-child{ padding: 0; } .ywtab nav li span { position: relative; display: block; overflow: hidden; text-overflow: ellipsis; line-height: 2.5; background-color: #eee; border-radius: 10px 10px 0 0; -webkit-border-radius: 10px 10px 0 0; -moz-border-radius: 10px 10px 0 0; padding: 0.7em 0.4em; color: #1487d8; font-size: 16px; font-weight: 500; line-height: 1; line-height: 20px !important; cursor: pointer; } .ywtab nav a span { vertical-align: middle; } .ywtab nav a:hover, .ywtab nav a:focus , .ywtab nav li.tab-current span { background-color: #1487d8; color: #fff; } .ywtab .content-wrap { position: relative; min-height: 100px; background-color: #fff; border: 1px solid #eee; } .ywtab .content-wrap section { display: none; margin: 0 auto; padding: 1em; max-width: 1200px; } .ywtab .content-wrap section.content-current { display: block; } @media screen and (max-width: 58em) { } $( ".HFOLAywtab nav li" ).click(function() { $(".HFOLAywtab nav li").removeClass("tab-current"); $(this).addClass("tab-current"); var num = $(this).attr("data-num"); $(".HFOLAywtab .content-wrap section").removeClass("content-current"); $(".HFOLAywtab .content-wrap section").eq( num).addClass("content-current"); });             موضوع      .ywtab { position: relative; overflow: hidden; margin: 10px auto; width: 100%; font-family: iransans; } /* Nav */ .ywtab nav { text-align: center; } .ywtab nav ul { position: relative; display: -ms-flexbox; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex; margin: 0 auto; padding: 0; max-width: 1200px; list-style: none; -ms-box-orient: horizontal; -ms-box-pack: center; -webkit-flex-flow: row wrap; -moz-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; } .ywtab nav ul li { position: relative; z-index: 1; display: block; margin: 0; text-align: center; -webkit-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1; background: none; } .ywtab nav ul li{ padding: 0 5px 0 0; } .ywtab nav ul li:first-child{ padding: 0; } .ywtab nav li span { position: relative; display: block; overflow: hidden; text-overflow: ellipsis; line-height: 2.5; background-color: #eee; border-radius: 10px 10px 0 0; -webkit-border-radius: 10px 10px 0 0; -moz-border-radius: 10px 10px 0 0; padding: 0.7em 0.4em; color: #1487d8; font-size: 16px; font-weight: 500; line-height: 1; line-height: 20px !important; cursor: pointer; } .ywtab nav a span { vertical-align: middle; } .ywtab nav a:hover, .ywtab nav a:focus , .ywtab nav li.tab-current span { background-color: #1487d8; color: #fff; } .ywtab .content-wrap { position: relative; min-height: 100px; background-color: #fff; border: 1px solid #eee; } .ywtab .content-wrap section { display: none; margin: 0 auto; padding: 1em; max-width: 1200px; } .ywtab .content-wrap section.content-current { display: block; } @media screen and (max-width: 58em) { } $( ".HFOLAywtab nav li" ).click(function() { $(".HFOLAywtab nav li").removeClass("tab-current"); $(this).addClass("tab-current"); var num = $(this).attr("data-num"); $(".HFOLAywtab .content-wrap section").removeClass("content-current"); $(".HFOLAywtab .content-wrap section").eq( num).addClass("content-current"); });             موضوع      .ywtab { position: relative; overflow: hidden; margin: 10px auto; width: 100%; font-family: iransans; } /* Nav */ .ywtab nav { text-align: center; } .ywtab nav ul { position: relative; display: -ms-flexbox; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex; margin: 0 auto; padding: 0; max-width: 1200px; list-style: none; -ms-box-orient: horizontal; -ms-box-pack: center; -webkit-flex-flow: row wrap; -moz-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; } .ywtab nav ul li { position: relative; z-index: 1; display: block; margin: 0; text-align: center; -webkit-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1; background: none; } .ywtab nav ul li{ padding: 0 5px 0 0; } .ywtab nav ul li:first-child{ padding: 0; } .ywtab nav li span { position: relative; display: block; overflow: hidden; text-overflow: ellipsis; line-height: 2.5; background-color: #eee; border-radius: 10px 10px 0 0; -webkit-border-radius: 10px 10px 0 0; -moz-border-radius: 10px 10px 0 0; padding: 0.7em 0.4em; color: #1487d8; font-size: 16px; font-weight: 500; line-height: 1; line-height: 20px !important; cursor: pointer; } .ywtab nav a span { vertical-align: middle; } .ywtab nav a:hover, .ywtab nav a:focus , .ywtab nav li.tab-current span { background-color: #1487d8; color: #fff; } .ywtab .content-wrap { position: relative; min-height: 100px; background-color: #fff; border: 1px solid #eee; } .ywtab .content-wrap section { display: none; margin: 0 auto; padding: 1em; max-width: 1200px; } .ywtab .content-wrap section.content-current { display: block; } @media screen and (max-width: 58em) { } $( ".HFOLAywtab nav li" ).click(function() { $(".HFOLAywtab nav li").removeClass("tab-current"); $(this).addClass("tab-current"); var num = $(this).attr("data-num"); $(".HFOLAywtab .content-wrap section").removeClass("content-current"); $(".HFOLAywtab .content-wrap section").eq( num).addClass("content-current"); });             موضوع      .ywtab { position: relative; overflow: hidden; margin: 10px auto; width: 100%; font-family: iransans; } /* Nav */ .ywtab nav { text-align: center; } .ywtab nav ul { position: relative; display: -ms-flexbox; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex; margin: 0 auto; padding: 0; max-width: 1200px; list-style: none; -ms-box-orient: horizontal; -ms-box-pack: center; -webkit-flex-flow: row wrap; -moz-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; } .ywtab nav ul li { position: relative; z-index: 1; display: block; margin: 0; text-align: center; -webkit-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1; background: none; } .ywtab nav ul li{ padding: 0 5px 0 0; } .ywtab nav ul li:first-child{ padding: 0; } .ywtab nav li span { position: relative; display: block; overflow: hidden; text-overflow: ellipsis; line-height: 2.5; background-color: #eee; border-radius: 10px 10px 0 0; -webkit-border-radius: 10px 10px 0 0; -moz-border-radius: 10px 10px 0 0; padding: 0.7em 0.4em; color: #1487d8; font-size: 16px; font-weight: 500; line-height: 1; line-height: 20px !important; cursor: pointer; } .ywtab nav a span { vertical-align: middle; } .ywtab nav a:hover, .ywtab nav a:focus , .ywtab nav li.tab-current span { background-color: #1487d8; color: #fff; } .ywtab .content-wrap { position: relative; min-height: 100px; background-color: #fff; border: 1px solid #eee; } .ywtab .content-wrap section { display: none; margin: 0 auto; padding: 1em; max-width: 1200px; } .ywtab .content-wrap section.content-current { display: block; } @media screen and (max-width: 58em) { } $( ".HFOLAywtab nav li" ).click(function() { $(".HFOLAywtab nav li").removeClass("tab-current"); $(this).addClass("tab-current"); var num = $(this).attr("data-num"); $(".HFOLAywtab .content-wrap section").removeClass("content-current"); $(".HFOLAywtab .content-wrap section").eq( num).addClass("content-current"); });             موضوع      .ywtab { position: relative; overflow: hidden; margin: 10px auto; width: 100%; font-family: iransans; } /* Nav */ .ywtab nav { text-align: center; } .ywtab nav ul { position: relative; display: -ms-flexbox; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex; margin: 0 auto; padding: 0; max-width: 1200px; list-style: none; -ms-box-orient: horizontal; -ms-box-pack: center; -webkit-flex-flow: row wrap; -moz-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; } .ywtab nav ul li { position: relative; z-index: 1; display: block; margin: 0; text-align: center; -webkit-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1; background: none; } .ywtab nav ul li{ padding: 0 5px 0 0; } .ywtab nav ul li:first-child{ padding: 0; } .ywtab nav li span { position: relative; display: block; overflow: hidden; text-overflow: ellipsis; line-height: 2.5; background-color: #eee; border-radius: 10px 10px 0 0; -webkit-border-radius: 10px 10px 0 0; -moz-border-radius: 10px 10px 0 0; padding: 0.7em 0.4em; color: #1487d8; font-size: 16px; font-weight: 500; line-height: 1; line-height: 20px !important; cursor: pointer; } .ywtab nav a span { vertical-align: middle; } .ywtab nav a:hover, .ywtab nav a:focus , .ywtab nav li.tab-current span { background-color: #1487d8; color: #fff; } .ywtab .content-wrap { position: relative; min-height: 100px; background-color: #fff; border: 1px solid #eee; } .ywtab .content-wrap section { display: none; margin: 0 auto; padding: 1em; max-width: 1200px; } .ywtab .content-wrap section.content-current { display: block; } @media screen and (max-width: 58em) { } $( ".HFOLAywtab nav li" ).click(function() { $(".HFOLAywtab nav li").removeClass("tab-current"); $(this).addClass("tab-current"); var num = $(this).attr("data-num"); $(".HFOLAywtab .content-wrap section").removeClass("content-current"); $(".HFOLAywtab .content-wrap section").eq( num).addClass("content-current"); });             موضوع      .ywtab { position: relative; overflow: hidden; margin: 10px auto; width: 100%; font-family: iransans; } /* Nav */ .ywtab nav { text-align: center; } .ywtab nav ul { position: relative; display: -ms-flexbox; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex; margin: 0 auto; padding: 0; max-width: 1200px; list-style: none; -ms-box-orient: horizontal; -ms-box-pack: center; -webkit-flex-flow: row wrap; -moz-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; } .ywtab nav ul li { position: relative; z-index: 1; display: block; margin: 0; text-align: center; -webkit-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1; background: none; } .ywtab nav ul li{ padding: 0 5px 0 0; } .ywtab nav ul li:first-child{ padding: 0; } .ywtab nav li span { position: relative; display: block; overflow: hidden; text-overflow: ellipsis; line-height: 2.5; background-color: #eee; border-radius: 10px 10px 0 0; -webkit-border-radius: 10px 10px 0 0; -moz-border-radius: 10px 10px 0 0; padding: 0.7em 0.4em; color: #1487d8; font-size: 16px; font-weight: 500; line-height: 1; line-height: 20px !important; cursor: pointer; } .ywtab nav a span { vertical-align: middle; } .ywtab nav a:hover, .ywtab nav a:focus , .ywtab nav li.tab-current span { background-color: #1487d8; color: #fff; } .ywtab .content-wrap { position: relative; min-height: 100px; background-color: #fff; border: 1px solid #eee; } .ywtab .content-wrap section { display: none; margin: 0 auto; padding: 1em; max-width: 1200px; } .ywtab .content-wrap section.content-current { display: block; } @media screen and (max-width: 58em) { } $( ".HFOLAywtab nav li" ).click(function() { $(".HFOLAywtab nav li").removeClass("tab-current"); $(this).addClass("tab-current"); var num = $(this).attr("data-num"); $(".HFOLAywtab .content-wrap section").removeClass("content-current"); $(".HFOLAywtab .content-wrap section").eq( num).addClass("content-current"); });             موضوع      .ywtab { position: relative; overflow: hidden; margin: 10px auto; width: 100%; font-family: iransans; } /* Nav */ .ywtab nav { text-align: center; } .ywtab nav ul { position: relative; display: -ms-flexbox; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex; margin: 0 auto; padding: 0; max-width: 1200px; list-style: none; -ms-box-orient: horizontal; -ms-box-pack: center; -webkit-flex-flow: row wrap; -moz-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; } .ywtab nav ul li { position: relative; z-index: 1; display: block; margin: 0; text-align: center; -webkit-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1; background: none; } .ywtab nav ul li{ padding: 0 5px 0 0; } .ywtab nav ul li:first-child{ padding: 0; } .ywtab nav li span { position: relative; display: block; overflow: hidden; text-overflow: ellipsis; line-height: 2.5; background-color: #eee; border-radius: 10px 10px 0 0; -webkit-border-radius: 10px 10px 0 0; -moz-border-radius: 10px 10px 0 0; padding: 0.7em 0.4em; color: #1487d8; font-size: 16px; font-weight: 500; line-height: 1; line-height: 20px !important; cursor: pointer; } .ywtab nav a span { vertical-align: middle; } .ywtab nav a:hover, .ywtab nav a:focus , .ywtab nav li.tab-current span { background-color: #1487d8; color: #fff; } .ywtab .content-wrap { position: relative; min-height: 100px; background-color: #fff; border: 1px solid #eee; } .ywtab .content-wrap section { display: none; margin: 0 auto; padding: 1em; max-width: 1200px; } .ywtab .content-wrap section.content-current { display: block; } @media screen and (max-width: 58em) { } $( ".HFOLAywtab nav li" ).click(function() { $(".HFOLAywtab nav li").removeClass("tab-current"); $(this).addClass("tab-current"); var num = $(this).attr("data-num"); $(".HFOLAywtab .content-wrap section").removeClass("content-current"); $(".HFOLAywtab .content-wrap section").eq( num).addClass("content-current"); });             موضوع      .ywtab { position: relative; overflow: hidden; margin: 10px auto; width: 100%; font-family: iransans; } /* Nav */ .ywtab nav { text-align: center; } .ywtab nav ul { position: relative; display: -ms-flexbox; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex; margin: 0 auto; padding: 0; max-width: 1200px; list-style: none; -ms-box-orient: horizontal; -ms-box-pack: center; -webkit-flex-flow: row wrap; -moz-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; } .ywtab nav ul li { position: relative; z-index: 1; display: block; margin: 0; text-align: center; -webkit-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1; background: none; } .ywtab nav ul li{ padding: 0 5px 0 0; } .ywtab nav ul li:first-child{ padding: 0; } .ywtab nav li span { position: relative; display: block; overflow: hidden; text-overflow: ellipsis; line-height: 2.5; background-color: #eee; border-radius: 10px 10px 0 0; -webkit-border-radius: 10px 10px 0 0; -moz-border-radius: 10px 10px 0 0; padding: 0.7em 0.4em; color: #1487d8; font-size: 16px; font-weight: 500; line-height: 1; line-height: 20px !important; cursor: pointer; } .ywtab nav a span { vertical-align: middle; } .ywtab nav a:hover, .ywtab nav a:focus , .ywtab nav li.tab-current span { background-color: #1487d8; color: #fff; } .ywtab .content-wrap { position: relative; min-height: 100px; background-color: #fff; border: 1px solid #eee; } .ywtab .content-wrap section { display: none; margin: 0 auto; padding: 1em; max-width: 1200px; } .ywtab .content-wrap section.content-current { display: block; } @media screen and (max-width: 58em) { } $( ".HFOLAywtab nav li" ).click(function() { $(".HFOLAywtab nav li").removeClass("tab-current"); $(this).addClass("tab-current"); var num = $(this).attr("data-num"); $(".HFOLAywtab .content-wrap section").removeClass("content-current"); $(".HFOLAywtab .content-wrap section").eq( num).addClass("content-current"); });             موضوع      .ywtab { position: relative; overflow: hidden; margin: 10px auto; width: 100%; font-family: iransans; } /* Nav */ .ywtab nav { text-align: center; } .ywtab nav ul { position: relative; display: -ms-flexbox; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex; margin: 0 auto; padding: 0; max-width: 1200px; list-style: none; -ms-box-orient: horizontal; -ms-box-pack: center; -webkit-flex-flow: row wrap; -moz-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; } .ywtab nav ul li { position: relative; z-index: 1; display: block; margin: 0; text-align: center; -webkit-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1; background: none; } .ywtab nav ul li{ padding: 0 5px 0 0; } .ywtab nav ul li:first-child{ padding: 0; } .ywtab nav li span { position: relative; display: block; overflow: hidden; text-overflow: ellipsis; line-height: 2.5; background-color: #eee; border-radius: 10px 10px 0 0; -webkit-border-radius: 10px 10px 0 0; -moz-border-radius: 10px 10px 0 0; padding: 0.7em 0.4em; color: #1487d8; font-size: 16px; font-weight: 500; line-height: 1; line-height: 20px !important; cursor: pointer; } .ywtab nav a span { vertical-align: middle; } .ywtab nav a:hover, .ywtab nav a:focus , .ywtab nav li.tab-current span { background-color: #1487d8; color: #fff; } .ywtab .content-wrap { position: relative; min-height: 100px; background-color: #fff; border: 1px solid #eee; } .ywtab .content-wrap section { display: none; margin: 0 auto; padding: 1em; max-width: 1200px; } .ywtab .content-wrap section.content-current { display: block; } @media screen and (max-width: 58em) { } $( ".HFOLAywtab nav li" ).click(function() { $(".HFOLAywtab nav li").removeClass("tab-current"); $(this).addClass("tab-current"); var num = $(this).attr("data-num"); $(".HFOLAywtab .content-wrap section").removeClass("content-current"); $(".HFOLAywtab .content-wrap section").eq( num).addClass("content-current"); });             موضوع      .ywtab { position: relative; overflow: hidden; margin: 10px auto; width: 100%; font-family: iransans; } /* Nav */ .ywtab nav { text-align: center; } .ywtab nav ul { position: relative; display: -ms-flexbox; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex; margin: 0 auto; padding: 0; max-width: 1200px; list-style: none; -ms-box-orient: horizontal; -ms-box-pack: center; -webkit-flex-flow: row wrap; -moz-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; } .ywtab nav ul li { position: relative; z-index: 1; display: block; margin: 0; text-align: center; -webkit-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1; background: none; } .ywtab nav ul li{ padding: 0 5px 0 0; } .ywtab nav ul li:first-child{ padding: 0; } .ywtab nav li span { position: relative; display: block; overflow: hidden; text-overflow: ellipsis; line-height: 2.5; background-color: #eee; border-radius: 10px 10px 0 0; -webkit-border-radius: 10px 10px 0 0; -moz-border-radius: 10px 10px 0 0; padding: 0.7em 0.4em; color: #1487d8; font-size: 16px; font-weight: 500; line-height: 1; line-height: 20px !important; cursor: pointer; } .ywtab nav a span { vertical-align: middle; } .ywtab nav a:hover, .ywtab nav a:focus , .ywtab nav li.tab-current span { background-color: #1487d8; color: #fff; } .ywtab .content-wrap { position: relative; min-height: 100px; background-color: #fff; border: 1px solid #eee; } .ywtab .content-wrap section { display: none; margin: 0 auto; padding: 1em; max-width: 1200px; } .ywtab .content-wrap section.content-current { display: block; } @media screen and (max-width: 58em) { } $( ".HFOLAywtab nav li" ).click(function() { $(".HFOLAywtab nav li").removeClass("tab-current"); $(this).addClass("tab-current"); var num = $(this).attr("data-num"); $(".HFOLAywtab .content-wrap section").removeClass("content-current"); $(".HFOLAywtab .content-wrap section").eq( num).addClass("content-current"); });             موضوع      .ywtab { position: relative; overflow: hidden; margin: 10px auto; width: 100%; font-family: iransans; } /* Nav */ .ywtab nav { text-align: center; } .ywtab nav ul { position: relative; display: -ms-flexbox; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex; margin: 0 auto; padding: 0; max-width: 1200px; list-style: none; -ms-box-orient: horizontal; -ms-box-pack: center; -webkit-flex-flow: row wrap; -moz-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; } .ywtab nav ul li { position: relative; z-index: 1; display: block; margin: 0; text-align: center; -webkit-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1; background: none; } .ywtab nav ul li{ padding: 0 5px 0 0; } .ywtab nav ul li:first-child{ padding: 0; } .ywtab nav li span { position: relative; display: block; overflow: hidden; text-overflow: ellipsis; line-height: 2.5; background-color: #eee; border-radius: 10px 10px 0 0; -webkit-border-radius: 10px 10px 0 0; -moz-border-radius: 10px 10px 0 0; padding: 0.7em 0.4em; color: #1487d8; font-size: 16px; font-weight: 500; line-height: 1; line-height: 20px !important; cursor: pointer; } .ywtab nav a span { vertical-align: middle; } .ywtab nav a:hover, .ywtab nav a:focus , .ywtab nav li.tab-current span { background-color: #1487d8; color: #fff; } .ywtab .content-wrap { position: relative; min-height: 100px; background-color: #fff; border: 1px solid #eee; } .ywtab .content-wrap section { display: none; margin: 0 auto; padding: 1em; max-width: 1200px; } .ywtab .content-wrap section.content-current { display: block; } @media screen and (max-width: 58em) { } $( ".HFOLAywtab nav li" ).click(function() { $(".HFOLAywtab nav li").removeClass("tab-current"); $(this).addClass("tab-current"); var num = $(this).attr("data-num"); $(".HFOLAywtab .content-wrap section").removeClass("content-current"); $(".HFOLAywtab .content-wrap section").eq( num).addClass("content-current"); });             موضوع      .ywtab { position: relative; overflow: hidden; margin: 10px auto; width: 100%; font-family: iransans; } /* Nav */ .ywtab nav { text-align: center; } .ywtab nav ul { position: relative; display: -ms-flexbox; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex; margin: 0 auto; padding: 0; max-width: 1200px; list-style: none; -ms-box-orient: horizontal; -ms-box-pack: center; -webkit-flex-flow: row wrap; -moz-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; } .ywtab nav ul li { position: relative; z-index: 1; display: block; margin: 0; text-align: center; -webkit-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1; background: none; } .ywtab nav ul li{ padding: 0 5px 0 0; } .ywtab nav ul li:first-child{ padding: 0; } .ywtab nav li span { position: relative; display: block; overflow: hidden; text-overflow: ellipsis; line-height: 2.5; background-color: #eee; border-radius: 10px 10px 0 0; -webkit-border-radius: 10px 10px 0 0; -moz-border-radius: 10px 10px 0 0; padding: 0.7em 0.4em; color: #1487d8; font-size: 16px; font-weight: 500; line-height: 1; line-height: 20px !important; cursor: pointer; } .ywtab nav a span { vertical-align: middle; } .ywtab nav a:hover, .ywtab nav a:focus , .ywtab nav li.tab-current span { background-color: #1487d8; color: #fff; } .ywtab .content-wrap { position: relative; min-height: 100px; background-color: #fff; border: 1px solid #eee; } .ywtab .content-wrap section { display: none; margin: 0 auto; padding: 1em; max-width: 1200px; } .ywtab .content-wrap section.content-current { display: block; } @media screen and (max-width: 58em) { } $( ".HFOLAywtab nav li" ).click(function() { $(".HFOLAywtab nav li").removeClass("tab-current"); $(this).addClass("tab-current"); var num = $(this).attr("data-num"); $(".HFOLAywtab .content-wrap section").removeClass("content-current"); $(".HFOLAywtab .content-wrap section").eq( num).addClass("content-current"); });             موضوع      .ywtab { position: relative; overflow: hidden; margin: 10px auto; width: 100%; font-family: iransans; } /* Nav */ .ywtab nav { text-align: center; } .ywtab nav ul { position: relative; display: -ms-flexbox; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex; margin: 0 auto; padding: 0; max-width: 1200px; list-style: none; -ms-box-orient: horizontal; -ms-box-pack: center; -webkit-flex-flow: row wrap; -moz-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; } .ywtab nav ul li { position: relative; z-index: 1; display: block; margin: 0; text-align: center; -webkit-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1; background: none; } .ywtab nav ul li{ padding: 0 5px 0 0; } .ywtab nav ul li:first-child{ padding: 0; } .ywtab nav li span { position: relative; display: block; overflow: hidden; text-overflow: ellipsis; line-height: 2.5; background-color: #eee; border-radius: 10px 10px 0 0; -webkit-border-radius: 10px 10px 0 0; -moz-border-radius: 10px 10px 0 0; padding: 0.7em 0.4em; color: #1487d8; font-size: 16px; font-weight: 500; line-height: 1; line-height: 20px !important; cursor: pointer; } .ywtab nav a span { vertical-align: middle; } .ywtab nav a:hover, .ywtab nav a:focus , .ywtab nav li.tab-current span { background-color: #1487d8; color: #fff; } .ywtab .content-wrap { position: relative; min-height: 100px; background-color: #fff; border: 1px solid #eee; } .ywtab .content-wrap section { display: none; margin: 0 auto; padding: 1em; max-width: 1200px; } .ywtab .content-wrap section.content-current { display: block; } @media screen and (max-width: 58em) { } $( ".HFOLAywtab nav li" ).click(function() { $(".HFOLAywtab nav li").removeClass("tab-current"); $(this).addClass("tab-current"); var num = $(this).attr("data-num"); $(".HFOLAywtab .content-wrap section").removeClass("content-current"); $(".HFOLAywtab .content-wrap section").eq( num).addClass("content-current"); });