
/* Content
----------------------------------------------------------------------- */
#content { margin-bottom: 0; }
#content img { vertical-align: bottom; }
#content .section { position: relative; }
#content .section .wrap { padding: 40px; box-sizing: border-box; }
#content > .section > .wrap { padding-top: 0; }
#content .section .section-head { margin: 0; display: table; font-size: 3.2rem; color: #333; }
#content .section .section-head b { display: table-cell; line-height: 1; font-size: 2.5em; }
#content .section .section-head span { display: table-cell; padding-left: 0.25em; line-height: 1.2; vertical-align: middle; }
#content .section .section-body { margin: 0; line-height: 1.6; font-size: 1.8rem; font-weight: bold; }
#content .section .section-body p { margin: 1em 0 0; }
#content .section .section-body ul { margin: 0 -8px; padding-left: 0; list-style: none; }
#content .section .section-body ul li { margin: 40px 8px 0; float: left; position: relative; }
#content .section .section-body ul li i { position: absolute; top: -2px; right: -2px; z-index: 100; width: 88px; height: 88px; background: url(../img/label-new.png?20190917) no-repeat; text-indent: 100%; overflow: hidden; text-align: left; }

#content .tab-menu { margin: 40px -8px -40px; position: relative; z-index: 1; }
#content .tab-menu ul { transform: skewX(-10deg); margin: 0; padding: 0; list-style: none; width: 100%; display: table; table-layout: fixed; border-collapse: collapse; border-spacing: 0; }
#content .tab-menu li { display: table-cell; position: relative; text-align: center; background-color: #e0e0e0; border-width: 4px; border-style: solid solid none; border-color: #000; }
#content .tab-menu .tab-switch { color: #000; padding: 12px 0; display: block; font-size: 18px; font-weight: 700; line-height: 30px; text-decoration: none; border-bottom: 4px solid #000; }
#content .tab-menu .tab-switch .inner { transform: skewX(10deg); }
#content .tab-menu .tab-switch .series { display: block; font-size: 24px; }
#content .tab-menu .tab-switch::before { content: ""; position: absolute; top: 0; left: 0; right: 0; border-top: 6px solid #fff; opacity: 0.15; }
#content .tab-menu .tab-switch.active { cursor: default; border-bottom-color: transparent; }

#content .tab-menu .tab-switch-6.active,
#content .tab-menu .tab-switch-6:hover { color: #000; background-color: #ffff00; }
#content .tab-menu .tab-switch-5.active,
#content .tab-menu .tab-switch-5:hover { color: #fff; background-color: #f040a0; }
#content .tab-menu .tab-switch-4.active,
#content .tab-menu .tab-switch-4:hover { color: #fff; background-color: #0088ee; }
#content .tab-menu .tab-switch-3.active,
#content .tab-menu .tab-switch-3:hover { color: #fff; background-color: #60c040; }
#content .tab-menu .tab-switch-2.active,
#content .tab-menu .tab-switch-2:hover { color: #fff; background-color: #e07000; }
#content .tab-menu .tab-switch-1.active,
#content .tab-menu .tab-switch-1:hover { color: #fff; background-color: #e00010; }

#content .tab-content-wrap,
#content .tab-content { border-top: 4px solid #000; margin-top: -4px; min-height: 1016px; }
#content .tab-content { display: none; position: relative; }
#content .tab-content .wrap { position: relative; z-index: 1; }
#content .tab-content.active { display: block; }

#content .tab-content-6 {
	background-image: -moz-linear-gradient(    90deg, rgba(255,255,0,0.5) 0%, rgb(255,255,0) 100%);
	background-image: -webkit-linear-gradient( 90deg, rgba(255,255,0,0.5) 0%, rgb(255,255,0) 100%);
	background-image: -ms-linear-gradient(     90deg, rgba(255,255,0,0.5) 0%, rgb(255,255,0) 100%);
}
#content .tab-content-5 {
	background-image: -moz-linear-gradient(    90deg, rgba(240,64,160,0.5) 0%, rgb(240,64,160) 100%);
	background-image: -webkit-linear-gradient( 90deg, rgba(240,64,160,0.5) 0%, rgb(240,64,160) 100%);
	background-image: -ms-linear-gradient(     90deg, rgba(240,64,160,0.5) 0%, rgb(240,64,160) 100%);
}
#content .tab-content-4 {
	background-image: -moz-linear-gradient(    90deg, rgba(0,136,238,0.5) 0%, rgb(0,136,238) 100%);
	background-image: -webkit-linear-gradient( 90deg, rgba(0,136,238,0.5) 0%, rgb(0,136,238) 100%);
	background-image: -ms-linear-gradient(     90deg, rgba(0,136,238,0.5) 0%, rgb(0,136,238) 100%);
}
#content .tab-content-3 {
	background-image: -moz-linear-gradient(    90deg, rgba(96,192,64,0.5) 0%, rgb(96,192,64) 100%);
	background-image: -webkit-linear-gradient( 90deg, rgba(96,192,64,0.5) 0%, rgb(96,192,64) 100%);
	background-image: -ms-linear-gradient(     90deg, rgba(96,192,64,0.5) 0%, rgb(96,192,64) 100%);
}
#content .tab-content-2 {
	background-image: -moz-linear-gradient(    90deg, rgba(224,112,0,0.5) 0%, rgb(224,112,0) 100%);
	background-image: -webkit-linear-gradient( 90deg, rgba(224,112,0,0.5) 0%, rgb(224,112,0) 100%);
	background-image: -ms-linear-gradient(     90deg, rgba(224,112,0,0.5) 0%, rgb(224,112,0) 100%);
}
#content .tab-content-1 {
	background-image: -moz-linear-gradient(    90deg, rgba(224,0,16,0.5) 0%, rgb(224,0,16) 100%);
	background-image: -webkit-linear-gradient( 90deg, rgba(224,0,16,0.5) 0%, rgb(224,0,16) 100%);
	background-image: -ms-linear-gradient(     90deg, rgba(224,0,16,0.5) 0%, rgb(224,0,16) 100%);
}

#content .tab-content .section-body ul { margin-top: -40px; }
