@charset "utf-8";
/* Individual */
.na460c-sec1 {
	border-bottom:1px solid #ddd;
	box-shadow:0 1px #fff;
	padding:20px 0;
	overflow:auto;
}
.na460c-sec3 {
	border-bottom:1px solid #ddd;
	box-shadow:0 1px #fff;
	padding:20px 0;
	overflow:auto;
	height: 750px;
}
.na460c-sec4 {
	border-bottom:1px solid #ddd;
	box-shadow:0 1px #fff;
	padding:20px 0;
	text-align: center;
}
.na460c-sec4 img {
	margin:30px 0 0;
	max-width:100%;
}
.na460c-sec5 {
	height: 560px;
	border-bottom:1px solid #ddd;
	box-shadow:0 1px #fff;
	padding: 0;
	overflow:auto;
	background: #000 url(../../uploads/backpack_na460c.jpg) no-repeat 100% 0px;
}
.na255a-psu {
	background: #1d1d1d url(../../uploads/na255a_psu.png) no-repeat 50% 100px;
	background-size: 60%;
	margin-bottom: 36px;
	box-shadow: inset 0 -6px 4px #fff;
}
.na255a-ex1, .na255a-ex2, .na255a-ex3, .na255a-ex4 {
	border: 1px solid #fff;
	padding: 60px 12px;
}
.na255a-ex1 img, .na255a-ex2 img, .na255a-ex3 img, .na255a-ex4 img {
	width: 100%;
	margin-bottom: 10px;
}
.holder-ex img {
	width: 100%;
}
.na255a-table {
	width: 80%;
	color: #777;
	margin: 0 auto;
}
.na255a-table tr:nth-child(1) {
	font-size: 24px;
	font-weight: 900;
	color: #000;
	border-bottom: 1px solid #999;
}
.na255a-table tr:nth-child(1) td img {
	width: 40%;
}
.na255a-table tr {
	border-bottom: 1px solid #eee;
}
.na255a-table tr td {
	padding-top: 15px;
	padding-bottom: 15px;
}
.na265a-psu {
	background: #1d1d1d url(../../uploads/na255a_psu.png) no-repeat 50% 100px;
	background-size: 60%;
	margin-bottom: 36px;
	box-shadow: inset 0 -6px 4px #fff;
}

/* NA255A G4 */
.na255a-g4-high-speed-wrap {
	width: 100%;
	padding-bottom: 46.875%;
	background: url(../../uploads/product/na255a_g4/na255a_g4_ultra_high_speed_bg.jpg) no-repeat;
	background-position: 50% 50%;
	background-size: cover;
	position: relative;
}
.na255a-g4-high-speed-enclosure {
	width: 100%;
	padding-bottom: 46.875%;
	background: url(../../uploads/product/na255a_g4/na255a_g4_ultra_high_speed_enclosure.png) no-repeat;
	top: 0;
	left: 0;
	background-size: cover;
	position: absolute;
}
.na255a-g4-high-speed-features {
	width: 200px;
	height: 200px;
	position: absolute;
	z-index: 2;
	display: flex;
	flex-direction: column;
	top: 25.55%;
	left: 58.35%;
}
.na255a-g4-high-speed-features::after {
	display: block;
	width: 130%;
	height: 130%;
	filter: blur(50px);
	transform: translate(-20%,-20%);
	content: '';
	position: absolute;
	z-index: -1;
	background-color: #1f8fb1;
	/* background: radial-gradient(circle, rgba(206,228,255,1) 0%, rgba(52,149,184,1) 74%); */
	opacity: 0.6;
	border-radius: 50%;
}
.na255a-g4-high-speed-bandwidth {
	color: #fff;
	font-size: 48px;
	margin: 0 0 14px 0;
}
.na255a-g4-high-speed-arrow {
	display: flex;
	width: 200px;
	height: 1px;
	background-color: #fff;
	position: relative;
	margin: 0 0 14px 0;
}
.na255a-g4-high-speed-arrow::after {
	width: 1px;
	height: 20px;
	display: block;
	content: '';
	position: absolute;
	right: 0;
	bottom: 0;
	background-color: #fff;
	transform: rotate(315deg);
	transform-origin: right bottom;
}
.na255a-g4-high-speed-bandwidth > span {
	display: inline-block;
	margin: 0 0 0 4px;
	font-size: 24px;
}
.na255a-g4-high-speed-text {
	font-size: 18px;
	color: #cbcbcb;
	margin: 0 0 6px 0 !important;
}
.na255a-g4-high-speed-text.second {
	padding: 0 0 0 40px;
}
.na255a-g4-high-speed-text .big-word {
	font-size: 42px;
	color: #fff;
	font-weight: 700;
	margin: 0 10px 0 0;
}

.na255a-g4-psu-chassis {
	position: relative;
	width: 100%;
	height: auto;
	padding-bottom: 46.875%;
	background: url(../../uploads/product/na255a_g4/na255a_g4_psu_chassis.png) no-repeat;
	background-size: 60%;
	background-position: 50% 50%;
	-webkit-animation: NA255AG4ZoomChassis 4s ease-in-out 0s 1 forwards;
	-moz-animation: NA255AG4ZoomChassis 4s ease-in-out 0s 1 forwards;
	-o-animation: NA255AG4ZoomChassis 4s ease-in-out 0s 1 forwards;
	animation: NA255AG4ZoomChassis 4s ease-in-out 0s 1 forwards;
}
.na255a-g4-psu-box {
	position: absolute;
	width: 100%;
	height: auto;
	padding-bottom: 46.875%;
	background: url(../../uploads/product/na255a_g4/na255a_g4_psu_cases_in.png) no-repeat;
	background-size: 150%;
	background-position: 135% 93.5%;
	opacity: 0;
	z-index: 1;
	-webkit-animation: NS780SPcieSlotShowing 4s ease-in 0s 1 forwards;
	-moz-animation: NS780SPcieSlotShowing 4s ease-in 0s 1 forwards;
	-o-animation: NS780SPcieSlotShowing 4s ease-in 0s 1 forwards;
	animation: NS780SPcieSlotShowing 4s ease-in 0s 1 forwards;
}
.na255a-g4-gpu-width-flow-wrap {
	display: flex;
	width: 100%;
	position: relative;
	justify-content: space-between;
}
.na255a-g4-gpu-width-flow {
	position: relative;
	width: calc(50% - 4px);
}
.na255a-g4-gpu-width-flow > img {
	display: block;
	max-width: 100%;
	object-fit: cover;
}
.na255a-g4-solutions-wrap {
	width: 100%;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	position: relative;
}
.na255a_g4_psu_sec {
	background-color: #1d1d1d;
	padding: 20px 0 0 0 !important;
}
.na255a_g4_psu_hl_wrap {
	display: flex;
	justify-content: center;
	box-shadow: 0 30px 30px #1d1d1d;
	position: relative;
}
.na255a_g4_psu_hl_wrap > figcaption {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 10px;
	border: 1px solid #fff;
	border-radius: 10px;
	margin: 0 20px;
	color: #ccc;
}
.hl-special {
	color: #fff;
}
.na255a-g4-solutions-example {
	width: calc(50% - 1px);
	margin: 0 0 2px 0;
	position: relative;
	display: flex;
	flex-direction: column;
	background-color: #111;
}
.na255a-g4-solutions-example > img {
	display: block;
	width: 100%;
}
.na255a-g4-solutions-example > h4 {
	font-size: 18px;
	color: #fff;
	padding: 0 10px;
}
.na255a-g4-solutions-example > p {
	color: #aaa;
	font-size: 14px;
	line-height: 18px;
	padding: 0 10px;
}
.for-ex-gpu.na255a-g4 {
	background-image: url(../../uploads/gpu_size_for_na255a_g4.svg);
	background-repeat: no-repeat;
	background-size: 600px 300px;
	width: 600px;
	height: 300px;
}

@media (min-width: 980px) and (max-width: 1199px) {
	.na255a-psu {
		height: 800px;
	}
}
@media (min-width: 768px) and (max-width: 979px) {}
@media (max-width: 767px) {
	.na255a-g4-high-speed-wrap {
		padding-bottom: 600px;
		background-size: 700px;
		background-position: 50% 100%;
		background-color: #15161a;
	}
	.na255a-g4-high-speed-enclosure {
		top: unset;
		bottom: 0;
	}
	.na255a-g4-high-speed-features {
		left: 30%;
	}
	.na255a-psu {
		height: auto;
	}
	.na265a-psu {
		height: auto;
	}
	.na255a_g4_psu_hl_wrap > figcaption {
		margin: 0 auto 14px auto;
		width: 50%;
	}
	.na255a-g4-gpu-width-flow-wrap {
		flex-wrap: wrap;
	}
	.na255a-g4-gpu-width-flow {
		width: 100%;
		margin: 0 0 10px 0;
	}
	.na255a-g4-solutions-example {
		width: 100%;
	}
}
@media (max-width: 479px) {
	.na255a-g4-high-speed-wrap {
		background-size: contain;
	}
}

.faq-shortcut {
	padding-left: 20px;
	position: relative;
	background: #eee;
	padding: 10px 10px 10px 60px;
	font-size: 24px;
	text-indent: -16px;
	display: block;
	color: #888;
	margin-bottom: 20px;
	-webkit-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}
.faq-shortcut::before {
	font-family: "FontAwesome";
	content: "\f059";
	display: inline-block;
	margin-right: 12px;
}
.faq-shortcut:hover {
	color: #d9534f;
	background: #fbeeed;
	-webkit-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}
.faq-emph {
	color: #000;
	font-weight: bold;
}
.faq_graphic_example {
	position: relative;
	width: 100%;
	padding-bottom: 100%;
}
.faq-bg-image {
	position: absolute;
}
.faq-dialogue-box {
	position: absolute;
	width: 80%;
	border-radius: 20px;
	z-index: 3;
	padding: 1% 2% 1% 4%;
	bottom: 0;
	background-color: #4b9bc2;
	box-shadow: 0px 0px 10px rgba(0,0,0,0.2);
}
.tip-pointer {
	display: block;
	width: 1px;
	height: 1px;
	position: absolute;
	z-index: 1;
	top: 58.5%;
	left: 31%;
}
.tip-pointer::before {
	display: block;
	position: absolute;
	content:'';
	background-color: #4b9bc2;
	width: 1px;
	height: 200px;
	top: -37%;
	left: 36%;
}
@media (max-width: 979px){
	.faq_graphic_example {
		padding-bottom: 130%;
	}
	.tip-pointer {
		top: 45%;
	}
	.faq-dialogue-box {
		width: 95%;
	}
}
@media (max-width: 640px){
	.faq_graphic_example {
		padding-bottom: 150%;
	}
	.tip-pointer {
		top: 39%;
	}
}

/* TB3 Solution */
.tb3-intro-1 {
	background-image: url(../../uploads/solution/tb3/tb3_02.jpg);
	background-repeat: no-repeat;
	background-position: 50px 0;
	height: 300px;
}
.tb3-intro-2 {
	background-image: url(../../uploads/solution/tb3/tb3_01.jpg);
	background-repeat: no-repeat;
	background-position: 95% 0;
	height: 300px;
}
.tb3-intro-3 {
	background-image: url(../../uploads/solution/tb3/tb3_03.png);
	background-repeat: no-repeat;
	background-position: 2% 100%;
}
.tb3-intro-4 {
	background-image: url(../../uploads/solution/tb3/tb3_04.png);
	background-repeat: no-repeat;
}
.tb3-intro-6 {
	position: relative;
	overflow: hidden;
	height: 600px;
}
.tb3-sec4-itemBox {
	width: 100%;
	text-align: center;	
}
.tb3-intro-4 img {
	display: inline-block;
}
#tb3-sec4-item01 {
	margin-top: 120px;
}
#tb3-sec4-item02 {
	margin-top: 70px;
	margin-left: 20px;
	-webkit-animation-delay: 0.5s;
	-moz-animation-delay: 0.5s;
	-o-animation-delay: 0.5s;
	-ms-animation-delay: 0.5s;
}
#tb3-sec4-item03 {
	margin-left: 120px;
	-webkit-animation-delay: 1.5s;
	-moz-animation-delay: 1.5s;
	-o-animation-delay: 1.5s;
	-ms-animation-delay: 1.5s;
}
.tb3-MountBox {
	display: inline-block;
	width: 220px;
	border: 1px solid #FFC;
	text-align: center;
	padding: 8px;
}
.tb3-intro-6 img {
	position: absolute;
}
#tb3-sec6-item01 {
	z-index: 3;
	margin-left: 1%;
	margin-top: 15%;
	-webkit-animation-delay: 0.5s;
	-moz-animation-delay: 0.5s;
	-o-animation-delay: 0.5s;
	-ms-animation-delay: 0.5s;
}
#tb3-sec6-item02 {
	z-index: 2;
	margin-left: 20%;
	margin-top: 5%;
	-webkit-animation-delay: 0.5s;
	-moz-animation-delay: 0.5s;
	-o-animation-delay: 0.5s;
	-ms-animation-delay: 0.5s;
}
#tb3-sec6-item03 {
	margin-left: 50%;
	margin-top: -10%;
	-webkit-animation-delay: 1.5s;
	-moz-animation-delay: 1.5s;
	-o-animation-delay: 1.5s;
	-ms-animation-delay: 1.5s;
}
.tb3-sec6-p {
	width: 45%;
	margin-left: 50%;
	position: absolute;
	top: 45%;
	left: 50%;
}
.topic-num {
	font-size: 36px;
	margin-right: 10px;
}
.icon-topic {
	color: #FFC;
	font-size: 24px;
}

/* 2017 RED Solution */
.solu_red_sec1 {
	background-image: url(../../uploads/solution/red/solution_red_ex_01.jpg);
	background-size: 100%;
}
.solu-textarea-r {
	position: absolute;
	background-color: rgba(0,0,0,0.7);
	right: 0;
	bottom: 10%;
	width: 50%;
}
.solu-textarea-l {
	position: absolute;
	background-color: rgba(0,0,0,0.7);
	left: 0;
	bottom: 10%;
	width: 50%;
}
.solu-textarea-r img {
	width: 60%;
	margin-left: 20%;
}
.solu-story {
	width: 60%;
}
.portrait-box {
	padding: 0 2%;
	position: relative;
}
.portrait-textarea-up {
	position: absolute;
	background-color: rgba(0,0,0,0.7);
	right: 0;
	top: 0;
	padding: 3%;
}
.ex-img-intro {
	position: absolute;
	left: 5%;
	top: 100%;
	z-index: 2;
	color: #222;
	padding: 0 5px 5px 5px;
	width: 90%;
	background-color: #fff;
	box-sizing: border-box;
	opacity: 0.6;
}
.solu_pcie_ex_sec1 {
	background-image: url(../../uploads/solution/ns780sg3/solu_ns780s_8k_ex.jpg);
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: 50% 85%;
}
@media (max-width: 979px){
	.solu-textarea-r {
	position: static;
	width: 100%;
	margin-bottom: 40px;
}
	.solu-textarea-l {
	position: static;
	width: 100%;
	margin-bottom: 40px;
}
.solu-story {
	width: 100%;
}
.solu-textarea-r img {
	width: 100%;
	margin: 0;
}
}

/* 2018 na381tb3 Solution */
.solu_na381tb3_sec1 {
	background-image: url(../../uploads/solution/na381tb3/na381tb3_with_mini_2018_banner_en.jpg);
	background-size: 100%;
	background-color: #000;
	background-repeat: no-repeat;
	background-position: bottom;
}
.solu_lto_drives_sec1 {
	background-image: url(../../uploads/solution/lto_compare/thunderbolt3_solutions_for_lto_drives_theme_bg.jpg);
	background-size: 100%;
	background-color: #000;
	background-repeat: no-repeat;
	background-position: bottom;
	padding-bottom: 100%;
}
.solu-textbox {
	margin-bottom: 5%;
	width: 50%;
}
.textarea-position-top00 {
	top: 0%;
}
.textarea-position-top05 {
	top: 5%;
	margin-top: 5%;
}
.textarea-position-top10 {
	top: 10%;
	margin-top: 10%;
}
.textarea-position-top20 {
	top: 20%;
}
.textarea-position-top30 {
	top: 30%;
}
.textarea-position-top40 {
	top: 40%;
}
.textarea-position-mid {
	top: 50%;
}
.textarea-position-lower {
	top: 75%;
}
.textarea-position-lowest {
	top: 100%;
}
.solu-mac-mini-2018-ul {
	margin-left: 3%;
}
.solu-mac-mini-2018-list {
	list-style: square;
	font-size: 18px;
	color: #777;
}
.highlight_point {
	font-size: 16px;
	color: #999;
	margin-bottom: 18px;
	margin-left: 12%;
	position: relative;
}
.highlight_point:before {
	position: absolute;
	font-family: "FontAwesome";
	content: "\f00c";
	font-size: 14px;
	left: -22px;
	top: 6px;
}
.enlarge-topic {
	font-weight: bold;
	font-size: xx-large;
	color: #3a91cf;
}
.solu-co-holder:before {
	position: absolute;
	content: "";
	width: 100%;
	height: 1px;
	border-bottom:1px solid #000;
	box-shadow:0 1px #555;
	top: 50%;
	z-index: 0;
	right: 0.1%;
}
.solu-co-textarea {
	position: relative;
	background-color: rgba(0,0,0,0.5);
	padding: 1%;
	box-shadow: 0 3px 10px rgba(0,0,0,0.7);
	margin: 0 auto;
}
.solu-lto-cntarea {
	position: relative;
	background-color: rgba(0,0,0,0.5);
	padding: 2%;
	box-shadow: 0 3px 10px rgba(0,0,0,0.7);
	margin: 0 auto;
}
.solu-lto-table {
	width: 100%;
	position: relative;
}
.solu-lto-table tr td {
	color: #ebebeb;
	height: 40px;
	width: 40%;
	flex-grow: 0;
	font-size: 16px;
	line-height: 20px;
	display: flex;
	align-items: center;
}
.solu-lto-table tr td:nth-child(1) {
	color: #f3ff9b;
}
.solu-lto-table tr td:nth-child(2),
.solu-lto-table tr td:nth-child(3) {
	width: 30%;
	justify-content: center;
}
.solu-lto-table tr:nth-child(1) {
	border-bottom: 2px solid #fff;
}
.solu-lto-table tr {
	padding: 10px 0;
	border-bottom: 1px solid #333;
	display: flex;
	align-items: center;
}
.solu-lto-table-header {
	color: #fff !important;
	position: relative;
	display: flex;
	flex-direction: column;
	height: auto !important;
	font-size: 20px !important;
	font-weight: 900 !important;
}
.solu-lto-table-header > img {
	width: 80%;
}
.solu-lto-table-check {
	position: relative;
	display: block;
}
.solu-lto-table-check::before {
	display: block;
	font-family: "FontAwesome";
	content: "\f00c";
	font-size: 14px;
	color: rgb(18, 231, 135);
}
.solu-co-area04 {
	width: 80%;
}
.solu-mini-link {
	position: relative;
	margin: 0 0 5% 3%;
	color: #0D69A3;
	-webkit-transition: all 0.4s ease 0s;
	-moz-transition: all 0.4s ease 0s;
	-o-transition: all 0.4s ease 0s;
	transition: all 0.4s ease 0s;
}
.solu-mini-link:hover {
	color: #eee;
	text-decoration: underline;
	-webkit-transition: all 0.4s ease 0s;
	-moz-transition: all 0.4s ease 0s;
	-o-transition: all 0.4s ease 0s;
	transition: all 0.4s ease 0s;
}
.solu-mini-link:before {
	position: absolute;
	content: "\f0da";
	font-family: "FontAwesome";
	font-size: 14px;
	left: -10px;
}
@media (max-width: 1199px){
.solu-textbox {
	margin-bottom: 40%;
	width: 100%;
}
}
@media (max-width: 767px){
.textarea-position-top05 {
	top: 0;
	margin-top: 0;
	margin-bottom: 10%;
}
.solu-textbox {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}
.solu-co-textarea {
	padding: 10px;
	width: 90%;
}
}

/* NS780S Solution */
.ns780s-solu-anima-holder {
	width: 96%;
	padding-bottom: 63.79288%;
	background: url(../../uploads/solution/ns780sg3/solu_ns780s_testing_windows_for_animate.jpg) no-repeat;
	background-size: contain;
	position: relative;
}
.ns780s-aja-write {
	position: absolute;
	width: 31.283711%;
	top: 22.24025975%;
	left: 25.1348436%;
}
.ns780s-aja-read {
	position: absolute;
	width: 31.283711%;
	top: 22.24025975%;
	left: 65.15641856%;
}
.ns780s-solu-aja-result {
	position: absolute;
	z-index: -1;
}

/* NA333TB3 */
.tb3-speed {
	text-align: center;
}
.na333tb3-graph-item {
	display: inline-block;
	margin: 0 2%;
	font-size: 14px;
}
.tb3-bar-holder {
	height: 200px;
	width: 16px;
	display: block;
	position: relative;
	margin: 0 auto;
}
.na333tb3-graph-bar01, .na333tb3-graph-bar02, .na333tb3-graph-bar03, .na333tb3-graph-bar04, .na333tb3-graph-bar05 {
	width: 16px;
	display: block;
	background-color: #aaa;
	position: absolute;
}
.na333tb3-graph-bar01 {
	background-color: #03427f;
	height: 0;
	-webkit-animation: TB3barVerticalAnimate1 2.5s ease 0s 1 forwards;
	-moz-animation: TB3barVerticalAnimate1 2.5s ease 0s 1 forwards;
	-o-animation: TB3barVerticalAnimate1 2.5s ease 0s 1 forwards;
	animation: TB3barVerticalAnimate1 2.5s ease 0s 1 forwards;
}
.na333tb3-graph-bar02 {
	height: 0;
	margin-top: 100px;
	-webkit-animation: TB3barVerticalAnimate2 1.5s ease 0s 1 forwards;
	-moz-animation: TB3barVerticalAnimate2 1.5s ease 0s 1 forwards;
	-o-animation: TB3barVerticalAnimate2 1.5s ease 0s 1 forwards;
	animation: TB3barVerticalAnimate2 1.5s ease 0s 1 forwards;
}
.na333tb3-graph-bar03 {
	height: 0;
	margin-top: 150px;
	-webkit-animation: TB3barVerticalAnimate3 1.5s ease 0s 1 forwards;
	-moz-animation: TB3barVerticalAnimate3 1.5s ease 0s 1 forwards;
	-o-animation: TB3barVerticalAnimate3 1.5s ease 0s 1 forwards;
	animation: TB3barVerticalAnimate3 1.5s ease 0s 1 forwards;
}
.na333tb3-graph-bar04 {
	height: 0;
	margin-top: 150px;
	-webkit-animation: TB3barVerticalAnimate3 1.5s ease 0s 1 forwards;
	-moz-animation: TB3barVerticalAnimate3 1.5s ease 0s 1 forwards;
	-o-animation: TB3barVerticalAnimate3 1.5s ease 0s 1 forwards;
	animation: TB3barVerticalAnimate3 1.5s ease 0s 1 forwards;
}
.na333tb3-graph-bar05 {
	height: 0;
	margin-top: 175px;
	-webkit-animation: TB3barVerticalAnimate5 1.5s ease 0s 1 forwards;
	-moz-animation: TB3barVerticalAnimate5 1.5s ease 0s 1 forwards;
	-o-animation: TB3barVerticalAnimate5 1.5s ease 0s 1 forwards;
	animation: TB3barVerticalAnimate5 1.5s ease 0s 1 forwards;
}
.na333tb3-graph-value {
	display: block;
	font-size: 14px;
	color: #888;
}
.cp-area {
	width: 50%;
	float: left;
}
.na333tb3-tray-show {
	position: relative;
	height: 500px;
}
.disk-tray {
	width: 50%;
	position: absolute;
	left: 25%;
}
.hdd-35inch {
	width: 50%;
	position: absolute;
	left: 25%;
	animation: hddInsert1 10s ease-in-out 0s infinite;
}
.hdd-25inch {
	width: 50%;
	position: absolute;
	left: 25%;
	animation: hddInsert2 10s ease-in-out 0s infinite;
}
.normal-box {
	display: block;
}
.mobile-box {
	display: none;
}
/* NA338TB3 */
.na338tb3-card-insert {
	position: relative;
}
.na338tb-insert-01, na338tb-insert-02 {
	position: absolute;
}
.na338tb-insert-01 {
	animation: PcieCardInsert1 5s ease-in-out 0s infinite;
}
.na338tb-insert-02 {
	animation: PcieCardInsert2 5s ease-in-out 0s infinite;
}
.na338tb-airflow-01 {
	position: absolute;
	animation: FlowEffect1 6s ease-in-out 0s infinite;
}
.na338tb-airflow-02 {
	position: absolute;
	animation: FlowEffect2 6s ease-in-out 0s infinite;
}
.na338tb3-with-mac-mini-holder {
	position: relative;
	width: 100%;
	height: auto;
	padding-bottom: 46.875%;
	background: url(../../uploads/product/na338tb3/na338tb3_integrate_mac_mini.jpg) no-repeat;
	background-size: contain;
}
.na338tb3-with-mini-inside {
	position: absolute;
	width: 100%;
	height: auto;
	padding-bottom: 46.875%;
	background: url(../../uploads/product/na338tb3/na338tb3_integrate_mac_mini_inside.png) no-repeat;
	background-size: contain;
	z-index: 1;
	animation: NA381TB3MiniInside 4s linear 0s infinite;
}
.na338tb3-with-mini-acc01 {
	position: absolute;
	width: 100%;
	height: auto;
	padding-bottom: 46.875%;
	background: url(../../uploads/product/na338tb3/na338tb3_integrate_mac_mini_acc01.png) no-repeat;
	background-size: contain;
	z-index: 1;
	animation: NA380APowerAccLed01 7s linear 0s infinite;
}

/* NA211TB3 */
.na211tb3_gray_table {
	background-image: url(../../uploads/product/na211tb3/nvme_with_211tb3_bg.jpg);
	background-repeat: repeat;
}

/* NA381TB3 */
.na381tb3-with-mac-mini-holder {
	position: relative;
	width: 100%;
	height: auto;
	padding-bottom: 46.875%;
	background: url(../../uploads/product/na381tb3/na381tb3_integrate_mac_mini_pr_on.png) no-repeat;
	background-size: contain;
}
.na381tb3-with-mini-inside, .na381tb3-with-mini-acc01, .na381tb3-with-mini-acc02, .na381tb3-with-mini-acc03, .na381tb3-with-mini-glow, .na381tb3-with-mini-enclosure, .na381tb3-with-mini-computer {
	position: absolute;
	width: 100%;
	height: auto;
	padding-bottom: 46.875%;
}
.na381tb3-with-mini-inside {
	background: url(../../uploads/product/na381tb3/na381tb3_integrate_mac_mini_inside.png) no-repeat;
	background-size: contain;
	z-index: 1;
	animation: NA381TB3MiniInside 4s linear 0s infinite;
}
.na381tb3-with-mini-acc01 {
	background: url(../../uploads/product/na381tb3/na381tb3_integrate_mac_mini_pr_on_acc_01.png) no-repeat;
	background-size: contain;
	z-index: 1;
	animation: NA380APowerAccLed01 7s linear 0s infinite;
}
.na381tb3-with-mini-acc02 {
	background: url(../../uploads/product/na381tb3/na381tb3_integrate_mac_mini_pr_on_acc_02.png) no-repeat;
	background-size: contain;
	z-index: 1;
	animation: NA380APowerAccLed01 14s linear 0s infinite;
}
.na381tb3-with-mini-acc03 {
	background: url(../../uploads/product/na381tb3/na381tb3_integrate_mac_mini_pr_on_acc_03.png) no-repeat;
	background-size: contain;
	z-index: 1;
	animation: NA380APowerAccLed01 10s linear 0s infinite;
}
.na381tb3-with-mac-mini-holder.togo .na381tb3-with-mini-glow {
	background-color: #fff;
	z-index: 2;
	-webkit-animation: NA381TB3GlowBG 3s linear 0s 1 forwards;
	-moz-animation: NA381TB3GlowBG 3s linear 0s 1 forwards;
	-o-animation: NA381TB3GlowBG 3s linear 0s 1 forwards;
	animation: NA381TB3GlowBG 3s linear 0s 1 forwards;
}
.na381tb3-with-mac-mini-holder.togo .na381tb3-with-mini-enclosure {
	background: url(../../uploads/product/na381tb3/na381tb3_integrate_mac_mini_show_enclosure.png) no-repeat;
	background-size: contain;
	z-index: 3;
	-webkit-animation: NA381TB3EnclosureShow 3s linear 0s 1 forwards;
	-moz-animation: NA381TB3EnclosureShow 3s linear 0s 1 forwards;
	-o-animation: NA381TB3EnclosureShow 3s linear 0s 1 forwards;
	animation: NA381TB3EnclosureShow 3s linear 0s 1 forwards;
}
.na381tb3-with-mac-mini-holder.togo .na381tb3-with-mini-computer {
	background: url(../../uploads/product/na381tb3/na381tb3_integrate_mac_mini_show_computer.png) no-repeat;
	background-size: contain;
	z-index: 3;
	-webkit-animation: NA381TB3ComputerShow 3s linear 0s 1 forwards;
	-moz-animation: NA381TB3ComputerShow 3s linear 0s 1 forwards;
	-o-animation: NA381TB3ComputerShow 3s linear 0s 1 forwards;
	animation: NA381TB3ComputerShow 3s linear 0s 1 forwards;
}

/* NA341TB3 */
.na341tb3-hd-raid-box {
	position: absolute;
	width: 44%;
	right: 0;
}
.na341tb3-key-perf {
	position: relative;
}
.na341tb3-key-step01, .na341tb3-key-step02 {
	position: absolute;
}
.na341tb3-key-step01 {
	animation: TripleFadeIn1 12s ease-in-out 0s infinite;
}
.na341tb3-key-step02 {
	animation: TripleFadeIn2 12s ease-in-out 0s infinite;
}
.na341tb3-aja-holder {
	width: 70%;
	float: left;
}
.na341tb3-aja-test {
	width: 42%;
	float: left;
	margin: 4%;
	box-sizing: border-box;
}
.na341tb3-perf-component {
	width: 30%;
	float: left;
}
.count, .counted {
	font-size: 60px;
	display: block;
	text-align: center;
}
.aja-unit {
	font-size: 16px;
	color: #555;
	display: block;
	text-align: center;
	margin: 10px 0 30px 150px;
}
.aja-act-write, .aja-act-read {
	font-size: 24px;
	text-align: center;
	margin: 20px 0 20px 0;
	font-weight: bold;
	color: #222;
}
.aja-write {
	color: #009fe1;
	font-weight: 800;
}
.aja-read {
	color: #fe9900;
	font-weight: 800;
}
.aja-demo-number {
	color: #fff;
	font-size: 3rem;
	position: absolute;
	top: 33.448276%;
	left: 18.6206897%;
}
.na341tb3-noti-show {
	position: relative;
	overflow: hidden;
}
.na341tb3-noti-acc, .na341tb3-noti-error, .na341tb3-noti-mail, .na341tb3-noti-hdd-fail {
	position: absolute;
}
.na341tb3-noti-acc {
	animation: NA341TB3DiskFlash 12s ease-in-out 0s infinite;
}
.na341tb3-noti-hdd-fail {
	animation: NA341TB3HDDFail 12s ease-in-out 0s infinite;
}
.na341tb3-noti-error {
	animation: NA341TB3DiskError 12s ease-in-out 0s infinite;
}
.na341tb3-noti-mail {
	animation: NA341TB3NotiMail 12s ease-in-out 0s infinite;
}
.na341tb3-tray {
	height: 520px;
	overflow: hidden;
}
@media (min-width: 980px) and (max-width: 1199px) {
	.aja-demo-number {
		font-size: 2.75rem;
	}
}
@media (max-width: 979px) {
	.na341tb3-hd-raid-box {
	width: 100%;
	position: inherit;
	}
	.aja-demo-number {
		font-size: 2rem;
	}
}
@media (min-width: 768px) and (max-width: 979px) {
	.na341tb3-tray {
	height: 460px;
}
	.aja-act-write, .aja-act-read {
	font-size: 18px;
	margin: 20px 0 10px 0;
}
	.aja-unit {
	font-size: 11px;
	margin: 10px 0 20px 150px;
}
}
@media (min-width: 680px) and (max-width: 767px) {
	.aja-act-write, .aja-act-read {
	font-size: 18px;
	margin: 20px 0 10px 0;
}
	.aja-unit {
	font-size: 11px;
	margin: 10px 0 20px 130px;
}
	.aja-demo-number {
		font-size: 3rem;
	}
}
@media (max-width: 679px) {
	.count, .counted {
	font-size: 48px;
}
	.aja-act-write, .aja-act-read {
	font-size: 14px;
	margin: 20px 0 10px 0;
}
	.aja-unit {
	font-size: 11px;
	margin: 10px 0 20px 100px;
}
}
@media (max-width: 539px) {
	.na341tb3-tray {
	height: 320px;
}
	.count, .counted {
	font-size: 42px;
}
	.aja-act-write, .aja-act-read {
	font-size: 12px;
	margin: 20px 0 10px 0;
}
	.aja-unit {
	font-size: 10px;
	margin: 10px 0 20px 60px;
	}
	.aja-demo-number {
		font-size: 2rem;
	}
}
@media (max-width: 519px) {
	.na341tb3-tray {
	height: 320px;
}
	.count, .counted {
	font-size: 42px;
}
	.aja-act-write, .aja-act-read {
	font-size: 12px;
	margin: 5px 0 5px 0;
}
	.aja-unit {
	font-size: 10px;
	margin: 5px 0 5px 60px;
}
}

/* NS370TB3 */
.ns370tb3-noti-show {
	position: relative;
	overflow: hidden;
}
.ns370tb3-noti-power, .ns370tb3-noti-acc, .ns370tb3-noti-error, .ns370tb3-noti-er-txt, .ns370tb3-noti-mail {
	position: absolute;
}
/*.ns370tb3-noti-enclosure {
	animation: NS370TB3Enclosure 10s ease-in-out 0s infinite;
}*/
.ns370tb3-noti-power {
	animation: NS370TB3Power 10s ease-in-out 0s infinite;
}
.ns370tb3-noti-acc {
	animation: NS370TB3Access 10s ease-in-out 0s infinite;
}
.ns370tb3-noti-error {
	animation: NS370TB3Error 10s ease-in-out 0s infinite;
}
.ns370tb3-noti-er-txt {
	animation: NS370TB3ErrorMsg 10s ease-in-out 0s infinite;
}
.ns370tb3-noti-mail {
	animation: NS370TB3Mail 10s ease-in-out 0s infinite;
}
.ns370tb3-aja-holder {
	width: 100%;
}
.animation-hint-bar {
	width: 100%;
	height: 2px;
	background-color: #d6e9d6;
}
.animation-bar-processing {
	display: block;
	width: 100%;
	height: 2px;
	background-color: #47ae49;
	animation: AnimateHintBar 10s linear 0s infinite;
}
.ns370tb3-tray-show-holder {
	position: relative;
	overflow: hidden;
}
.ns370tb3-tray-empty, .ns370tb3-35inch-hdd, .ns370tb3-25inch-ssd {
	position: absolute;
}
.ns370tb3-35inch-hdd {
	animation: NS370TB335Hdd 7s ease-in-out 0s infinite;
}
.ns370tb3-25inch-ssd {
	animation: NS370TB325Ssd 7s ease-in-out 0s infinite;
}

/* NP631N */
.np631n-ass {
	position: relative;
}
.goass01, .goass03 {
	animation: Np631nAss1 10s ease-in-out 0s 1;
}
.goass02 {
	animation: Np631nAss2 10s ease-in-out 0s 1;
}
.goass04 {
	animation: Np631nAss3 10s ease-in-out 0s 1;
}
.np631n-ass01, .np631n-ass02, .np631n-ass03, .np631n-ass04 {
	position: absolute;
}
.np631n-length-show {
	position: relative;
}
.np631n-l-sample01, .np631n-l-sample02, .np631n-l-sample03, .np631n-l-sample04, .np631n-l-sample05 {
	position: absolute;
}
.np631n-l-sample01 {
	animation: Np631nLShow1 10s ease-in-out 0s infinite;
}
.np631n-l-sample02 {
	animation: Np631nLShow2 10s ease-in-out 0s infinite;
}
.np631n-l-sample03 {
	animation: Np631nLShow3 10s ease-in-out 0s infinite;
}
.np631n-l-sample04 {
	animation: Np631nLShow4 10s ease-in-out 0s infinite;
}
.np631n-l-sample05 {
	animation: Np631nLShow5 10s ease-in-out 0s infinite;
}
.np631n-flash {
	position: relative;
}
.indi-flash01 {
	position: absolute;
}

/* HL23T */
.hl23t-1m-cable {
	position: relative;
}
.figbox {
	width: 100%;
	text-align: center;
	z-index: 5;
	position: absolute;
	margin-top: 18%;
}
.hl23t-300w {
	background-image: url(../../uploads/product/hl23t/hl23t_300w.png);
	background-repeat: no-repeat;
	background-position: -100px 50px;
	background-size: 100%;
	height: 450px;
}
.hl23t-inner {
	position: absolute;
	z-index: 1;
}
.hl23t-flow-effect {
	position: absolute;
	z-index: 2;
}
.hl23t-hero-showbox {
	height: 467px;
	position: relative;
}
.hl23t-hero-character {
	position: absolute;
	z-index: 5;
	background-image: url(../../uploads/product/hl23t/hl23t_hero_character.png);
	background-repeat: no-repeat;
	background-size: 100%;
	width: 100%;
	height: 467px;
}
.hl23t-hero-ex1, .hl23t-hero-ex2, .hl23t-hero-ex3 {
	position: absolute;
	width: 100%;
	height: 467px;
}
.hl23t-hero-ex1 {
	background-image: url(../../uploads/product/hl23t/hl23t_hero_ex1.png);
	background-repeat: no-repeat;
	background-size: 100%;
	z-index: 2;
}
.hl23t-hero-ex2 {
	background-image: url(../../uploads/product/hl23t/hl23t_hero_ex2.png);
	background-repeat: no-repeat;
	background-size: 100%;
	z-index: 3;
}
.hl23t-hero-ex3 {
	background-image: url(../../uploads/product/hl23t/hl23t_hero_ex3.png);
	background-repeat: no-repeat;
	background-size: 100%;
	z-index: 3;
}
.for-ex-gpu {
	background-image: url(../../uploads/gpu_size.svg);
	background-repeat: no-repeat;
	background-size: 600px 300px;
	width: 600px;
	height: 300px;
}
.for-ex-pcie {
	background-image: url(../../uploads/pcie_size.svg);
	background-repeat: no-repeat;
	background-size: 600px 300px;
	width: 600px;
	height: 300px;
}
#animation_container, #canvas, #dom_overlay_container {
	max-width: 1080px;
	max-height: 563px;
}
#hl23t-flow {
	height: 700px;
}

@media (min-width: 980px) and (max-width: 1199px) {
.hl23t-hero-showbox, .hl23t-hero-character, .hl23t-hero-ex1, .hl23t-hero-ex2, .hl23t-hero-ex3 {
	height: 400px;
}
.for-ex-gpu, .for-ex-pcie {
	background-size: 100% ;
	width: 100%;
	height: 250px;
}
#hl23t-flow {
	height: 500px;
}
#animation_container, #canvas, #dom_overlay_container {
	max-width: 100%;
	max-height: 457px;
}
}
@media (min-width: 768px) and (max-width: 979px) {
	.hl23t-300w {
	background-position: -250px 50px;
	background-size: 150%;
}
.hl23t-hero-showbox, .hl23t-hero-character, .hl23t-hero-ex1, .hl23t-hero-ex2, .hl23t-hero-ex3 {
	height: 320px;
}
#hl23t-flow {
	height: 460px;
}
#animation_container, #canvas, #dom_overlay_container {
	max-width: 100%;
	max-height: 372px;
}
}
@media (max-width: 767px) {
	.figbox {
	width: 100%;
	margin-top: 0;
	}
	.hl23t-hero-showbox, .hl23t-hero-character, .hl23t-hero-ex1, .hl23t-hero-ex2, .hl23t-hero-ex3 {
	height: 310px;
}
	.for-ex-gpu, .for-ex-pcie {
	background-size: 100% ;
	width: 100%;
	height: 320px;
}
#hl23t-flow {
	height: 390px;
}
#animation_container, #canvas, #dom_overlay_container {
	max-width: 100%;
}
}
@media (max-width: 579px) {
	.hl23t-300w {
	background-position: -170px 50px;
	background-size: 100%;
	height: 350px;
	}
	.hl23t-hero-showbox, .hl23t-hero-character, .hl23t-hero-ex1, .hl23t-hero-ex2, .hl23t-hero-ex3 {
	height: 220px;
}
	.for-ex-gpu, .for-ex-pcie {
	background-size: 100% ;
	width: 100%;
	height: 230px;
}
}

/* HL23T PRO */
.hl23tpro-cable-holder .item img {
	display: block;
	width: 100%;
	height: auto;
}
#egpu-list-tab {
	width: 100%;
}
#egpu-list-tab ul {
	text-align: center;
	margin-top: 7%;
	margin-bottom: 3%;
	position: relative;
}
#egpu-list-tab ul:before {
	position: absolute;
	display: block;
	width: 30%;
	height: 1px;
	background-color: #FFD97A;
	content: '';
	bottom: 0;
	left: 35%;
}
#egpu-list-tab ul li {
	display: inline-block;
	width: 10%;
	padding-bottom: 5%;
	padding-left: 5%;
	position: relative;
}
#egpu-list-tab ul li:before {
	position: absolute;
	display: block;
	width: 0;
	height: 3px;
	background-color: #ea5a00;
	content: '';
	bottom: -11px;
	left: 0;
}
#egpu-list-tab ul li a {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	background-image: url(../../uploads/product/hl23tpro/apple_logo.svg);
	background-repeat: no-repeat;
	opacity: 0.2;
	-webkit-transition: all 0.7s ease 0s;
	-moz-transition: all 0.7s ease 0s;
	-o-transition: all 0.7s ease 0s;
	transition: all 0.7s ease 0s;
}
#egpu-list-tab ul li a:hover, #egpu-list-tab ul li.active a{
	opacity: 1;
	-webkit-transition: all 0.7s ease 0s;
	-moz-transition: all 0.7s ease 0s;
	-o-transition: all 0.7s ease 0s;
	transition: all 0.7s ease 0s;
}
#egpu-list-tab ul li.active:before {
	width: 100%;
	-webkit-transition: all 0.7s ease 0s;
	-moz-transition: all 0.7s ease 0s;
	-o-transition: all 0.7s ease 0s;
	transition: all 0.7s ease 0s;
}
#egpu-list-tab ul li:nth-child(1) a {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	background-image: url(../../uploads/product/hl23tpro/win_logo.svg);
	background-repeat: no-repeat;
}
#egpu-list-tab > div {
	text-align: center;
	display: none;
	-webkit-transition: all 0.7s ease 0s;
	-moz-transition: all 0.7s ease 0s;
	-o-transition: all 0.7s ease 0s;
	transition: all 0.7s ease 0s;
}
#egpu-list-win:target ~ #egpu-list-tab > ul li a[href$="#egpu-list-win"],
#egpu-list-mac:target ~ #egpu-list-tab > ul li a[href$="#egpu-list-mac"] {
	opacity: 1;
	-webkit-transition: all 0.7s ease 0s;
	-moz-transition: all 0.7s ease 0s;
	-o-transition: all 0.7s ease 0s;
	transition: all 0.7s ease 0s;
}
.egpu-list-content {
	display: block;
}

/* NA611TB3 */
.na611tb3-capa-show {
	position: relative;
	overflow: hidden;
}
.na611tb3-capa-enclosure, .na611tb3-capa-nvme01, .na611tb3-capa-nvme02 {
	position: absolute;
}
.na611tb3-capa-enclosure {
	z-index: 3;
}
.na611tb3-capa-nvme01 {
	z-index: 2;
}
.na611tb3-capa-nvme02 {
	z-index: 1;
}
.na611tb3-nvme-design {
	position: relative;
	overflow: hidden;
}
.na611tb3-nvme-2242, .na611tb3-nvme-2260, .na611tb3-nvme-2280, .na611tb3-nvme-22110 {
	position: absolute;
}
.na611tb3-nvme-2242 {
	animation: NA611TB3nvmeSize01 15s ease-in-out 0s infinite;
}
.na611tb3-nvme-2260 {
	animation: NA611TB3nvmeSize02 15s ease-in-out 0s infinite;
}
.na611tb3-nvme-2280 {
	animation: NA611TB3nvmeSize03 15s ease-in-out 0s infinite;
}
.na611tb3-nvme-22110 {
	animation: NA611TB3nvmeSize04 15s ease-in-out 0s infinite;
}
.na611tb3-aja-holder {
	width: 100%;
	position: absolute;
	padding-top: 5%;
}
.na611tb3-aja-test {
	width: 36%;
	float: left;
	box-sizing: border-box;
}
.aja-box-left {
	margin: 4% 2% 4% 12%;
}
.aja-box-right {
	margin: 4% 12% 4% 2%;
}
@media (min-width: 980px) and (max-width: 1199px) {
	.na611tb3-aja-holder {
	padding-top: 3%;
}
}
@media (min-width: 680px) and (max-width: 979px) {
	.na611tb3-aja-holder {
	padding-top: 3%;
}
}
@media (max-width: 679px) {
	.na611tb3-aja-holder {
	padding-top: 0%;
}
}

/* NA211A */
.na211a-amz-showbox {
	position: relative;
}
.na211a-amz-enclosure, .na211a-amz-inner, .na211a-amz-card01, .na211a-amz-card02, .na211a-amz-card03 {
	position: absolute;
}
.na211a-graph-holder {
	position: relative;
	width: 100%;
	height: auto;
	padding-bottom: 46.875%;
}
.na211a-graph-cover {
	position: absolute;
	background: url(../../uploads/product/na211a/na211a_pcieg3_speed_cover.png) no-repeat;
	background-size: contain;
	z-index: 2;
	width: 100%;
	height: auto;
	padding-bottom: 46.875%;
}
.na211a-graph-bar {
	position: absolute;
	background: -webkit-linear-gradient(90deg, #d3fbff, #02a0c7); 
	background: -moz-linear-gradient(90deg, #d3fbff, #02a0c7); 
	background: -o-linear-gradient(90deg, #d3fbff, #02a0c7); 
	background: linear-gradient(90deg, #d3fbff, #02a0c7); 
	width: 0%;
	height: 100%;
	-webkit-animation: NA211APCIeSpeed 5s ease 0s 1 forwards;
	-moz-animation: NA211APCIeSpeed 5s ease 0s 1 forwards;
	-o-animation: NA211APCIeSpeed 5s ease 0s 1 forwards;
	animation: NA211APCIeSpeed 5s ease 0s 1 forwards;
	z-index: 1;
}
.na211a-bracket-l, .na211a-bracket-s {
	position: absolute;
}
.na211a-bracket-l {
	animation: NS370TB335Hdd 7s ease-in-out 0s infinite;
}
.na211a-bracket-s {
	animation: NS370TB325Ssd 7s ease-in-out 0s infinite;
}
@media (min-width: 768px) and (max-width: 979px) {
}
@media (max-width: 579px) {
}

/* NA380A */
.na380a-plus-box {
	position: relative;
	width: 100%;
	height: auto;
	padding-bottom: 46.875%;
}
.na380a-plus-enclosure {
	position: absolute;
	width: 100%;
	height: auto;
	z-index: 1;
}
.na380a-plus-effect, .na380a-plus-disk, .na380a-plus-card {
	position: absolute;
	width: 100%;
	height: auto;
	padding-bottom: 46.875%;
}
.na380a-plus-effect {
	background: url(../../uploads/product/na380a/na380a_storage_plus_pcie_connect_effect.png) no-repeat;
	background-size: contain;
	z-index: 2;
	animation: NA380APlusEffect 5s ease-in-out 0s infinite;
}
.na380a-plus-disk {
	background: url(../../uploads/product/na380a/na380a_storage_plus_pcie_disk.png) no-repeat;
	background-size: contain;
	z-index: 3;
	animation: NA380APlusDisk 5s ease-in-out 0s infinite;
}
.na380a-plus-card {
	background: url(../../uploads/product/na380a/na380a_storage_plus_pcie_card.png) no-repeat;
	background-size: contain;
	z-index: 3;
	animation: NA380APlusCard 5s ease-in-out 0s infinite;
}
.na380a-graph-holder {
	position: relative;
	width: 100%;
	height: auto;
	padding-bottom: 46.875%;
}
.na380a-graph-cover {
	position: absolute;
	background: url(../../uploads/product/na380a/na380a_pcieg3_speed_cover.png) no-repeat;
	background-size: contain;
	z-index: 2;
	width: 100%;
	height: auto;
	padding-bottom: 46.875%;
}
.na380a-graph-bar {
	position: absolute;
	background: -webkit-linear-gradient(90deg, #d3fbff, #02a0c7); 
	background: -moz-linear-gradient(90deg, #d3fbff, #02a0c7); 
	background: -o-linear-gradient(90deg, #d3fbff, #02a0c7); 
	background: linear-gradient(90deg, #d3fbff, #02a0c7); 
	width: 0%;
	height: 100%;
	-webkit-animation: NA211APCIeSpeed 5s ease 0s 1 forwards;
	-moz-animation: NA211APCIeSpeed 5s ease 0s 1 forwards;
	-o-animation: NA211APCIeSpeed 5s ease 0s 1 forwards;
	animation: NA211APCIeSpeed 5s ease 0s 1 forwards;
	z-index: 1;
}
.na380a-3pcie-box {
	position: relative;
	width: 100%;
	height: auto;
	padding-bottom: 46.875%;
}
.na380a-3pcie-bg {
	position: absolute;
	width: 100%;
	height: auto;
	z-index: 1;
}
.na380a-3pcie-inside, .na380a-3pcie-indi, .na380a-3pcie-card01, .na380a-3pcie-card02, .na380a-3pcie-card03 {
	position: absolute;
	width: 100%;
	height: auto;
	padding-bottom: 46.875%;
}
.na380a-3pcie-inside {
	background: url(../../uploads/product/na380a/na380a_3cards_inside.png) no-repeat;
	background-size: contain;
	z-index: 2;
}
.na380a-3pcie-indi {
	background: url(../../uploads/product/na380a/na380a_3cards_indicator.png) no-repeat;
	background-size: contain;
	z-index: 3;
}
.na380a-3pcie-card01 {
	background: url(../../uploads/product/na380a/na380a_3cards_card01.png) no-repeat;
	background-size: contain;
	z-index: 4;
}
.na380a-3pcie-card02 {
	background: url(../../uploads/product/na380a/na380a_3cards_card02.png) no-repeat;
	background-size: contain;
	z-index: 5;
}
.na380a-3pcie-card03 {
	background: url(../../uploads/product/na380a/na380a_3cards_card03.png) no-repeat;
	background-size: contain;
	z-index: 6;
}
.na380a-power-box {
	width: 100%;
    height: auto;
	position: relative;
	padding-bottom: 56.25%;
}
#na380a-power-bg {
	position: absolute;
	width: 100%;
	height: auto;
	z-index: 1;
}
.na380a-power-enclosure {
	position: absolute;
	z-index: 2;
}
.na380a-power-acc01, .na380a-power-acc02, .na380a-power-acc03 {
	position: absolute;
	width: 100%;
	height: auto;
	padding-bottom: 56.25%;
}
.na380a-power-acc01 {
	background: url(../../uploads/product/na380a/na380a_power_acc01.png) no-repeat;
	background-size: contain;
	z-index: 3;
	animation: NA380APowerAccLed01 7s linear 0s infinite;
}
.na380a-power-acc02 {
	background: url(../../uploads/product/na380a/na380a_power_acc02.png) no-repeat;
	background-size: contain;
	z-index: 3;
	animation: NA380APowerAccLed01 14s linear 0s infinite;
}
.na380a-power-acc03 {
	background: url(../../uploads/product/na380a/na380a_power_acc03.png) no-repeat;
	background-size: contain;
	z-index: 3;
	animation: NA380APowerAccLed01 10s linear 0s infinite;
}

/* NA333A */
.na333a-function-holder {
	position: relative;
	background: url(../../uploads/product/na333a/na333a_function_bg.jpg) no-repeat;
	background-size: contain;
	width: 100%;
	height: auto;
	padding-bottom: 46.875%;
}
.na333a-function-inner, .na333a-function-card, .na333a-function-disk {
	position: absolute;
	width: 100%;
	height: auto;
	padding-bottom: 46.875%;
}
.na333a-function-inner {
	background: url(../../uploads/product/na333a/na333a_function_inner.png) no-repeat;
	background-size: contain;
	z-index: 1;
}
.na333a-function-card {
	background: url(../../uploads/product/na333a/na333a_function_card.png) no-repeat;
	background-size: contain;
	z-index: 2;
}
.na333a-function-disk {
	background: url(../../uploads/product/na333a/na333a_function_disk.png) no-repeat;
	background-size: contain;
	z-index: 3;
}
.na333a-capa-holder {
	position: relative;
	background: url(../../uploads/product/na333a/na333a_capacity_bg.jpg) no-repeat;
	background-size: contain;
	width: 100%;
	height: auto;
	padding-bottom: 46.875%;
}
.na333a-capa-disk01, .na333a-capa-disk02, .na333a-capa-disk03, .na333a-capa-enclosure {
	position: absolute;
	width: 100%;
	height: auto;
	padding-bottom: 46.875%;
}
.na333a-capa-disk01 {
	background: url(../../uploads/product/na333a/na333a_capacity_disk_group01.png) no-repeat;
	background-size: contain;
	z-index: 3;
}
.na333a-capa-disk02 {
	background: url(../../uploads/product/na333a/na333a_capacity_disk_group02.png) no-repeat;
	background-size: contain;
	z-index: 2;
}
.na333a-capa-disk03 {
	background: url(../../uploads/product/na333a/na333a_capacity_disk_group03.png) no-repeat;
	background-size: contain;
	z-index: 1;
}
.na333a-capa-enclosure {
	background: url(../../uploads/product/na333a/na333a_capacity_enclosure.png) no-repeat;
	background-size: contain;
	z-index: 4;
}
.na333a-3pcie-holder {
	position: relative;
	background: url(../../uploads/product/na333a/na333a_3pcie_bg.jpg) no-repeat;
	background-size: contain;
	width: 100%;
	height: auto;
	padding-bottom: 46.875%;
}
.na333a-3pcie-indi, .na333a-3pcie-card01, .na333a-3pcie-card02, .na333a-3pcie-card03 {
	position: absolute;
	width: 100%;
	height: auto;
	padding-bottom: 46.875%;
}
.na333a-3pcie-indi {
	background: url(../../uploads/product/na333a/na333a_3pcie_indi.png) no-repeat;
	background-size: contain;
	z-index: 1;
}
.na333a-3pcie-card01 {
	background: url(../../uploads/product/na333a/na333a_3pcie_card01.png) no-repeat;
	background-size: contain;
	z-index: 2;
}
.na333a-3pcie-card02 {
	background: url(../../uploads/product/na333a/na333a_3pcie_card02.png) no-repeat;
	background-size: contain;
	z-index: 3;
}
.na333a-3pcie-card03 {
	background: url(../../uploads/product/na333a/na333a_3pcie_card03.png) no-repeat;
	background-size: contain;
	z-index: 4;
}

/* NA322A */
.na322a-capa-disk01, .na322a-capa-disk02, .na322a-capa-disk03, .na322a-capa-enclosure {
	position: absolute;
	width: 100%;
	height: auto;
	padding-bottom: 46.875%;
}
.na322a-capa-disk01 {
	background: url(../../uploads/product/na322a/na322a_capacity_disk_group01.png) no-repeat;
	background-size: contain;
	z-index: 3;
}
.na322a-capa-disk02 {
	background: url(../../uploads/product/na322a/na322a_capacity_disk_group02.png) no-repeat;
	background-size: contain;
	z-index: 2;
}
.na322a-capa-disk03 {
	background: url(../../uploads/product/na322a/na322a_capacity_disk_group03.png) no-repeat;
	background-size: contain;
	z-index: 1;
}
.na322a-capa-enclosure {
	background: url(../../uploads/product/na322a/na322a_capacity_enclosure.png) no-repeat;
	background-size: contain;
	z-index: 4;
}
.na322a-capa-holder {
	position: relative;
	background: url(../../uploads/product/na322a/na322a_capacity_bg.jpg) no-repeat;
	background-size: contain;
	width: 100%;
	height: auto;
	padding-bottom: 46.875%;
}

/* NS330S */
.ns330s-capa-holder {
	position: relative;
	background: url(../../uploads/product/ns330s/ns330_256_hdds_bg.jpg) no-repeat;
	background-size: contain;
	width: 100%;
	height: auto;
	padding-bottom: 46.875%;
}
.ns330s-capa-disk {
	position: absolute;
	width: 100%;
	height: auto;
	padding-bottom: 46.875%;
	background: url(../../uploads/product/ns330s/ns330_256_hdds_mount.png) no-repeat;
	background-size: contain;
	z-index: 3;
}
.ns330s-lcd-holder {
	position: relative;
	background: url(../../uploads/product/ns330s/ns330_led_press_bg.jpg) no-repeat;
	background-size: contain;
	width: 100%;
	height: auto;
	padding-bottom: 46.875%;
}
.ns330s-lcd-fin01, .ns330s-lcd-fin02, .ns330s-lcd-fin03 {
	position: absolute;
	width: 100%;
	height: auto;
	padding-bottom: 46.875%;
}
.ns330s-lcd-fin01 {
	background: url(../../uploads/product/ns330s/ns330_led_press_finger01.png) no-repeat;
	background-size: contain;
	z-index: 1;
	animation: NS330SLcdFinger01 6s linear 0s infinite;
}
.ns330s-lcd-fin02 {
	background: url(../../uploads/product/ns330s/ns330_led_press_finger02.png) no-repeat;
	background-size: contain;
	z-index: 1;
	animation: NS330SLcdFinger02 6s linear 0s infinite;
}
.ns330s-lcd-fin03 {
	background: url(../../uploads/product/ns330s/ns330_led_press_finger03.png) no-repeat;
	background-size: contain;
	z-index: 1;
	animation: NS330SLcdFinger03 6s linear 0s infinite;
}
.ns330s-power-holder {
	position: relative;
	width: 100%;
	height: auto;
	padding-bottom: 46.875%;
}
.ns330s-power-effect {
	position: absolute;
	width: 100%;
	height: auto;
	padding-bottom: 46.875%;
	background: url(../../uploads/product/ns330s/ns330_power_bg.jpg) no-repeat;
	background-size: contain;
	z-index: 1;
}
.ns330s-power-enclosure {
	position: absolute;
	width: 100%;
	height: auto;
	padding-bottom: 46.875%;
	background: url(../../uploads/product/ns330s/ns330_power_case.png) no-repeat;
	background-size: contain;
	z-index: 3;
}
.ns330s-zone-holder {
	position: relative;
	background: url(../../uploads/product/ns330s/ns330_zone_bg.jpg) no-repeat;
	background-size: contain;
	width: 100%;
	height: auto;
	padding-bottom: 46.875%;
}
.ns330s-zone01 {
	position: absolute;
	width: 100%;
	height: auto;
	padding-bottom: 46.875%;
	background: url(../../uploads/product/ns330s/ns330_zone_01.png) no-repeat;
	background-size: contain;
	z-index: 1;
}
.ns330s-zone02 {
	position: absolute;
	width: 100%;
	height: auto;
	padding-bottom: 46.875%;
	background: url(../../uploads/product/ns330s/ns330_zone_02.png) no-repeat;
	background-size: contain;
	z-index: 2;
}

/* NS390S */
.ns390s-hdd-holder {
	position: relative;
	width: 100%;
	height: auto;
	padding-bottom: 46.875%;
}
.ns390s-hdd-01, .ns390s-hdd-02, .ns390s-hdd-03, .ns390s-hdd-04, .ns390s-hdd-enclosure, .ns390s-hdd-glow {
	position: absolute;
	width: 100%;
	height: auto;
	padding-bottom: 46.875%;
}
.ns390s-hdd-04 {
	background: url(../../uploads/product/ns390s/ns390s_hdds_04.png) no-repeat;
	background-size: contain;
	z-index: 1;
}
.ns390s-hdd-03 {
	background: url(../../uploads/product/ns390s/ns390s_hdds_03.png) no-repeat;
	background-size: contain;
	z-index: 2;
}
.ns390s-hdd-02 {
	background: url(../../uploads/product/ns390s/ns390s_hdds_02.png) no-repeat;
	background-size: contain;
	z-index: 3;
}
.ns390s-hdd-01 {
	background: url(../../uploads/product/ns390s/ns390s_hdds_01.png) no-repeat;
	background-size: contain;
	z-index: 4;
}
.ns390s-hdd-enclosure {
	background: url(../../uploads/product/ns390s/ns390s_hdds_enclosure.png) no-repeat;
	background-size: contain;
	z-index: 5;
}
.ns390s-hdd-glow {
	background: url(../../uploads/product/ns390s/ns390s_hdds_glow.png) no-repeat;
	background-size: contain;
	z-index: 5;
}
.ns390s-stagger-holder {
	position: relative;
	width: 100%;
	height: auto;
	padding-bottom: 46.875%;
	overflow: hidden;
}
.ns390s-stagger-box, .ns390s-stagger-powerIndi, .ns390s-stagger-finger, .ns390s-stagger-boxInside, .ns390s-stagger-pwr01, .ns390s-stagger-acc01, .ns390s-stagger-pwr02, .ns390s-stagger-acc02 {
	position: absolute;
	width: 100%;
	height: auto;
	padding-bottom: 72.91667%;
}
.ns390s-stagger-box {
	opacity: 0;
	background: url(../../uploads/product/ns390s/ns390s_smart_stagger_box.png) no-repeat;
	background-size: contain;
	top: -53.125%;
	z-index: 1;
	-webkit-animation: NS390SStaggerBox 10s ease 0s 1 forwards;
	-moz-animation: NS390SStaggerBox 10s ease 0s 1 forwards;
	-o-animation: NS390SStaggerBox 10s ease 0s 1 forwards;
	animation: NS390SStaggerBox 10s ease 0s 1 forwards;
}
.ns390s-stagger-powerIndi {
	opacity: 0;
	background: url(../../uploads/product/ns390s/ns390s_smart_stagger_indi.png) no-repeat;
	background-size: contain;
	top: -53.125%;
	z-index: 2;
	-webkit-animation: NS390SStaggerIndicator 10s ease 0s 1 forwards;
	-moz-animation: NS390SStaggerIndicator 10s ease 0s 1 forwards;
	-o-animation: NS390SStaggerIndicator 10s ease 0s 1 forwards;
	animation: NS390SStaggerIndicator 10s ease 0s 1 forwards;
}
.ns390s-stagger-finger {
	opacity: 0;
	background: url(../../uploads/product/ns390s/ns390s_smart_stagger_finger.png) no-repeat;
	background-size: contain;
	top: -53.125%;
	z-index: 3;
	-webkit-animation: NS390SStaggerFinger 10s ease 0s 1 forwards;
	-moz-animation: NS390SStaggerFinger 10s ease 0s 1 forwards;
	-o-animation: NS390SStaggerFinger 10s ease 0s 1 forwards;
	animation: NS390SStaggerFinger 10s ease 0s 1 forwards;
}
.ns390s-stagger-boxInside {
	opacity: 0;
	background: url(../../uploads/product/ns390s/ns390s_smart_stagger_inside.png) no-repeat;
	background-size: contain;
	z-index: 2;
	-webkit-animation: NS390SStaggerBoxInside 10s ease 0s 1 forwards;
	-moz-animation: NS390SStaggerBoxInside 10s ease 0s 1 forwards;
	-o-animation: NS390SStaggerBoxInside 10s ease 0s 1 forwards;
	animation: NS390SStaggerBoxInside 10s ease 0s 1 forwards;
}
.ns390s-stagger-pwr01 {
	opacity: 0;
	background: url(../../uploads/product/ns390s/ns390s_smart_stagger_pwr01.png) no-repeat;
	background-size: contain;
	z-index: 3;
	-webkit-animation: NS390SStaggerPower01 8s ease 6s infinite forwards;
	-moz-animation: NS390SStaggerPower01 8s ease 6s infinite forwards;
	-o-animation: NS390SStaggerPower01 8s ease 6s infinite forwards;
	animation: NS390SStaggerPower01 8s ease 6s infinite forwards;
}
.ns390s-stagger-acc01 {
	opacity: 0;
	background: url(../../uploads/product/ns390s/ns390s_smart_stagger_acc01.png) no-repeat;
	background-size: contain;
	z-index: 3;
	-webkit-animation: NS390SStaggerAccess01 8s ease 6s infinite forwards;
	-moz-animation: NS390SStaggerAccess01 8s ease 6s infinite forwards;
	-o-animation: NS390SStaggerAccess01 8s ease 6s infinite forwards;
	animation: NS390SStaggerAccess01 8s ease 6s infinite forwards;
}
.ns390s-stagger-pwr02 {
	opacity: 0;
	background: url(../../uploads/product/ns390s/ns390s_smart_stagger_pwr02.png) no-repeat;
	background-size: contain;
	z-index: 3;
	-webkit-animation: NS390SStaggerPower02 8s ease 6s infinite forwards;
	-moz-animation: NS390SStaggerPower02 8s ease 6s infinite forwards;
	-o-animation: NS390SStaggerPower02 8s ease 6s infinite forwards;
	animation: NS390SStaggerPower02 8s ease 6s infinite forwards;
}
.ns390s-stagger-acc02 {
	opacity: 0;
	background: url(../../uploads/product/ns390s/ns390s_smart_stagger_acc02.png) no-repeat;
	background-size: contain;
	z-index: 3;
	-webkit-animation: NS390SStaggerAccess02 8s ease 6s infinite forwards;
	-moz-animation: NS390SStaggerAccess02 8s ease 6s infinite forwards;
	-o-animation: NS390SStaggerAccess02 8s ease 6s infinite forwards;
	animation: NS390SStaggerAccess02 8s ease 6s infinite forwards;
}
.ns390s-flow-holder {
	position: relative;
	width: 100%;
	height: auto;
	padding-bottom: 46.875%;
	background: url(../../uploads/product/ns390s/ns390s_flow_bg.jpg) no-repeat;
	background-size: contain;
}
.ns390s-flow-mist01, .ns390s-flow-mist02, .ns390s-flow-mist03, .ns390s-flow-mist04, .ns390s-flow-arw01, .ns390s-flow-arw02, .ns390s-flow-arw03 {
	position: absolute;
	width: 100%;
	height: auto;
	padding-bottom: 46.875%;
}
.ns390s-flow-mist01 {
	background: url(../../uploads/product/ns390s/ns390s_flow_mist_01.png) no-repeat;
	background-size: contain;
	z-index: 1;
	-webkit-animation: NS390SFlowMistF 4s ease 0s infinite forwards;
	-moz-animation: NS390SFlowMistF 4s ease 0s infinite forwards;
	-o-animation: NS390SFlowMistF 4s ease 0s infinite forwards;
	animation: NS390SFlowMistF 4s ease 0s infinite forwards;
}
.ns390s-flow-mist02 {
	background: url(../../uploads/product/ns390s/ns390s_flow_mist_02.png) no-repeat;
	background-size: contain;
	z-index: 1;
	-webkit-animation: NS390SFlowMistS 6s ease 0s infinite forwards;
	-moz-animation: NS390SFlowMistS 6s ease 0s infinite forwards;
	-o-animation: NS390SFlowMistS 6s ease 0s infinite forwards;
	animation: NS390SFlowMistS 6s ease 0s infinite forwards;
}
.ns390s-flow-mist03 {
	background: url(../../uploads/product/ns390s/ns390s_flow_mist_03.png) no-repeat;
	background-size: contain;
	z-index: 1;
	-webkit-animation: NS390SFlowMistS 5s ease 0s infinite forwards;
	-moz-animation: NS390SFlowMistS 5s ease 0s infinite forwards;
	-o-animation: NS390SFlowMistS 5s ease 0s infinite forwards;
	animation: NS390SFlowMistS 5s ease 0s infinite forwards;
}
.ns390s-flow-mist04 {
	background: url(../../uploads/product/ns390s/ns390s_flow_mist_04.png) no-repeat;
	background-size: contain;
	z-index: 1;
	-webkit-animation: NS390SFlowMistF 7s ease 0s infinite forwards;
	-moz-animation: NS390SFlowMistF 7s ease 0s infinite forwards;
	-o-animation: NS390SFlowMistF 7s ease 0s infinite forwards;
	animation: NS390SFlowMistF 7s ease 0s infinite forwards;
}
.ns390s-flow-arw01 {
	background: url(../../uploads/product/ns390s/ns390s_flow_arrow01.png) no-repeat;
	background-size: contain;
	z-index: 2;
	-webkit-animation: NS390SFlowDirection 5s ease 0s infinite forwards;
	-moz-animation: NS390SFlowDirection 5s ease 0s infinite forwards;
	-o-animation: NS390SFlowDirection 5s ease 0s infinite forwards;
	animation: NS390SFlowDirection 5s ease 0s infinite forwards;

}
.ns390s-flow-arw02 {
	background: url(../../uploads/product/ns390s/ns390s_flow_arrow02.png) no-repeat;
	background-size: contain;
	z-index: 2;
	-webkit-animation: NS390SFlowDirection 6s ease 1s infinite forwards;
	-moz-animation: NS390SFlowDirection 6s ease 1s infinite forwards;
	-o-animation: NS390SFlowDirection 6s ease 1s infinite forwards;
	animation: NS390SFlowDirection 6s ease 1s infinite forwards;
}
.ns390s-flow-arw03 {
	background: url(../../uploads/product/ns390s/ns390s_flow_arrow03.png) no-repeat;
	background-size: contain;
	z-index: 2;
	-webkit-animation: NS390SFlowDirection 5s ease 1.5s infinite forwards;
	-moz-animation: NS390SFlowDirection 5s ease 1.5s infinite forwards;
	-o-animation: NS390SFlowDirection 5s ease 1.5s infinite forwards;
	animation: NS390SFlowDirection 5s ease 1.5s infinite forwards;
}
.ns390s-lcd-holder {
	position: relative;
	width: 100%;
	height: auto;
	padding-bottom: 46.875%;
	overflow: hidden;
}
.ns390s-lcd-panel, .ns390s-lcd-fin, .ns390s-lcd-fin-shadow, .ns390s-lcd-alarm-led {
	position: absolute;
	width: 100%;
	height: auto;
	padding-bottom: 46.875%;
}
.ns390s-lcd-panel {
	background: url(../../uploads/product/ns390s/ns390s_lcd_panel.png) no-repeat;
	background-size: contain;
	z-index: 2;
}
.ns390s-lcd-alarm-led {
	background: url(../../uploads/product/ns390s/ns390s_lcd_alarm_led.png) no-repeat;
	background-size: contain;
	z-index: 3;
	-webkit-animation: NS390SAlarmLed 15s ease 0s infinite forwards;
	-moz-animation: NNS390SAlarmLed 15s ease 0s infinite forwards;
	-o-animation: NS390SAlarmLed 15s ease 0s infinite forwards;
	animation: NS390SAlarmLed 15s ease 0s infinite forwards;
}
.ns390s-lcd-fin {
	background: url(../../uploads/product/ns390s/ns390s_lcd_index.png) no-repeat;
	background-size: contain;
	z-index: 5;
	-webkit-animation: NS390SFinPress 15s ease 0s infinite forwards;
	-moz-animation: NS390SFinPress 15s ease 0s infinite forwards;
	-o-animation: NS390SFinPress 15s ease 0s infinite forwards;
	animation: NS390SFinPress 15s ease 0s infinite forwards;
}
.ns390s-lcd-fin-shadow {
	background: url(../../uploads/product/ns390s/ns390s_lcd_finger_shadow.png) no-repeat;
	background-size: contain;
	z-index: 4;
	-webkit-animation: NS390SFinShadow 15s ease 0s infinite forwards;
	-moz-animation: NS390SFinShadow 15s ease 0s infinite forwards;
	-o-animation: NS390SFinShadow 15s ease 0s infinite forwards;
	animation: NS390SFinShadow 15s ease 0s infinite forwards;
}
.ns390s-sys-green01, .ns390s-sys-green02, .ns390s-sys-green03, .ns390s-sys-warn01, .ns390s-sys-warn02, .ns390s-sys-warn03 {
	position: absolute;
	border-radius: 50%;
	width: 100%;
	padding-bottom: 100%;
	z-index: 1;
	top:-80%;
}
.ns390s-sys-warn01, .ns390s-sys-warn02, .ns390s-sys-warn03 {
	background: radial-gradient(50% 50%, rgba(255,161,105,1) 0%, rgba(235,0,0,1) 100%);
}
.ns390s-sys-green01, .ns390s-sys-green02, .ns390s-sys-green03 {
	/*background: radial-gradient(50% 50%, rgba(105,255,190,1) 0%, rgba(0,235,6,1) 100%);*/
	background: radial-gradient(50% 50%, rgba(255,161,105,1) 0%, rgba(235,0,0,1) 100%);
}
.ns390s-sys-green01 {
	-webkit-animation: NS390SSysR01 15s ease 0s infinite forwards;
	-moz-animation: NS390SSysR01 15s ease 0s infinite forwards;
	-o-animation: NS390SSysR01 15s ease 0s infinite forwards;
	animation: NS390SSysR01 15s ease 0s infinite forwards;
}
.ns390s-sys-green02 {
	-webkit-animation: NS390SSysR02 15s ease 0s infinite forwards;
	-moz-animation: NS390SSysR02 15s ease 0s infinite forwards;
	-o-animation: NS390SSysR02 15s ease 0s infinite forwards;
	animation: NS390SSysR02 15s ease 0s infinite forwards;
}
.ns390s-sys-green03 {
	-webkit-animation: NS390SSysR03 15s ease 0s infinite forwards;
	-moz-animation: NS390SSysR03 15s ease 0s infinite forwards;
	-o-animation: NS390SSysR03 15s ease 0s infinite forwards;
	animation: NS390SSysR03 15s ease 0s infinite forwards;
}
.ns390s-sys-warn01 {
	-webkit-animation: NS390SSysR04 15s ease 0s infinite forwards;
	-moz-animation: NS390SSysR04 15s ease 0s infinite forwards;
	-o-animation: NS390SSysR04 15s ease 0s infinite forwards;
	animation: NS390SSysR04 15s ease 0s infinite forwards;
}
.ns390s-sys-warn02 {
	-webkit-animation: NS390SSysR05 15s ease 0s infinite forwards;
	-moz-animation: NS390SSysR05 15s ease 0s infinite forwards;
	-o-animation: NS390SSysR05 15s ease 0s infinite forwards;
	animation: NS390SSysR05 15s ease 0s infinite forwards;
}
.ns390s-sys-warn03 {
	-webkit-animation: NS390SSysR06 15s ease 0s infinite forwards;
	-moz-animation: NS390SSysR06 15s ease 0s infinite forwards;
	-o-animation: NS390SSysR06 15s ease 0s infinite forwards;
	animation: NS390SSysR06 15s ease 0s infinite forwards;
}

/* ns372tb3 */
.ns372tb3-cable-holder {
	position: relative;
	width: 100%;
	height: auto;
	padding-bottom: 46.875%;
	background: url(../../uploads/product/ns372tb3/ns372tb3_just_cable_bg.jpg) no-repeat;
	background-size: contain;
}
.ns372tb3-cable-hands, .ns372tb3-cable-01, .ns372tb3-cable-02 {
	position: absolute;
	width: 100%;
	height: auto;
	padding-bottom: 46.875%;
}
.ns372tb3-cable-hands {
	background: url(../../uploads/product/ns372tb3/ns372tb3_just_cable_with_hands.png) no-repeat;
	background-size: contain;
	z-index: 3;
}
.ns372tb3-cable-01 {
	background: url(../../uploads/product/ns372tb3/ns372tb3_just_cable_book_mac.png) no-repeat;
	background-size: contain;
	z-index: 2;
	-webkit-animation: NS372tb3Switch01 6s ease 0s infinite forwards;
	-moz-animation: NS372tb3Switch01 6s ease 0s infinite forwards;
	-o-animation: NS372tb3Switch01 6s ease 0s infinite forwards;
	animation: NS372tb3Switch01 6s ease 0s infinite forwards;
}
.ns372tb3-cable-02 {
	background: url(../../uploads/product/ns372tb3/ns372tb3_just_cable_book_win.png) no-repeat;
	background-size: contain;
	z-index: 2;
	-webkit-animation: NS372tb3Switch02 6s ease 0s infinite forwards;
	-moz-animation: NS372tb3Switch02 6s ease 0s infinite forwards;
	-o-animation: NS372tb3Switch02 6s ease 0s infinite forwards;
	animation: NS372tb3Switch02 6s ease 0s infinite forwards;
}
.ns372tb3-setup-holder {
	position: relative;
	width: 100%;
	height: auto;
	padding-bottom: 46.875%;
	background: url(../../uploads/product/ns372tb3/ns372tb3_easy_setup_bg.jpg) no-repeat;
	background-size: contain;
}
.ns372tb3-setup-clip1, .ns372tb3-setup-clip2, .ns372tb3-setup-cable-A, .ns372tb3-setup-cable-B, .ns372tb3-setup-drive-A, .ns372tb3-setup-drive-B, .ns372tb3-setup-tb3 {
	position: absolute;
	width: 100%;
	height: auto;
	padding-bottom: 46.875%;
}
.ns372tb3-setup-clip1 {
	background: url(../../uploads/product/ns372tb3/ns372tb3_easy_setup_inside_r.png) no-repeat;
	background-size: contain;
	z-index: 2;
	-webkit-animation: NS372tb3SetupInsideR 8s ease 0s infinite forwards;
	-moz-animation: NS372tb3SetupInsideR 8s ease 0s infinite forwards;
	-o-animation: NS372tb3SetupInsideR 8s ease 0s infinite forwards;
	animation: NS372tb3SetupInsideR 8s ease 0s infinite forwards;
}
.ns372tb3-setup-clip2 {
	background: url(../../uploads/product/ns372tb3/ns372tb3_easy_setup_inside_l.png) no-repeat;
	background-size: contain;
	z-index: 2;
	-webkit-animation: NS372tb3SetupInsideL 8s ease 0s infinite forwards;
	-moz-animation: NS372tb3SetupInsideL 8s ease 0s infinite forwards;
	-o-animation: NS372tb3SetupInsideL 8s ease 0s infinite forwards;
	animation: NS372tb3SetupInsideL 8s ease 0s infinite forwards;
}
.ns372tb3-setup-cable-A {
	background: url(../../uploads/product/ns372tb3/ns372tb3_easy_setup_cable_A.png) no-repeat;
	background-size: contain;
	z-index: 3;
	-webkit-animation: NS372tb3SetupCableA 8s ease 0s infinite forwards;
	-moz-animation: NS372tb3SetupCableA 8s ease 0s infinite forwards;
	-o-animation: NS372tb3SetupCableA 8s ease 0s infinite forwards;
	animation: NS372tb3SetupCableA 8s ease 0s infinite forwards;
}
.ns372tb3-setup-cable-B {
	background: url(../../uploads/product/ns372tb3/ns372tb3_easy_setup_cable_B.png) no-repeat;
	background-size: contain;
	z-index: 3;
	-webkit-animation: NS372tb3SetupCableB 8s ease 0s infinite forwards;
	-moz-animation: NS372tb3SetupCableB 8s ease 0s infinite forwards;
	-o-animation: NS372tb3SetupCableB 8s ease 0s infinite forwards;
	animation: NS372tb3SetupCableB 8s ease 0s infinite forwards;
}
.ns372tb3-setup-drive-A {
	background: url(../../uploads/product/ns372tb3/ns372tb3_easy_setup_drive_A.png) no-repeat;
	background-size: contain;
	z-index: 4;
	-webkit-animation: NS372tb3SetupDriveA 8s ease 0s infinite forwards;
	-moz-animation: NS372tb3SetupDriveA 8s ease 0s infinite forwards;
	-o-animation: NS372tb3SetupDriveA 8s ease 0s infinite forwards;
	animation: NS372tb3SetupDriveA 8s ease 0s infinite forwards;
}
.ns372tb3-setup-drive-B {
	background: url(../../uploads/product/ns372tb3/ns372tb3_easy_setup_drive_B.png) no-repeat;
	background-size: contain;
	z-index: 4;
	-webkit-animation: NS372tb3SetupDriveB 8s ease 0s infinite forwards;
	-moz-animation: NS372tb3SetupDriveB 8s ease 0s infinite forwards;
	-o-animation: NS372tb3SetupDriveB 8s ease 0s infinite forwards;
	animation: NS372tb3SetupDriveB 8s ease 0s infinite forwards;
}
.ns372tb3-setup-tb3 {
	background: url(../../uploads/product/ns372tb3/ns372tb3_easy_setup_tb3.png) no-repeat;
	background-size: contain;
	z-index: 4;
	-webkit-animation: NS372tb3SetupTb3 8s ease 0s infinite forwards;
	-moz-animation: NS372tb3SetupTb3 8s ease 0s infinite forwards;
	-o-animation: NS372tb3SetupTb3 8s ease 0s infinite forwards;
	animation: NS372tb3SetupTb3 8s ease 0s infinite forwards;
}
.ns372tb3-speed-holder {
	position: relative;
	width: 100%;
	height: auto;
	padding-bottom: 46.875%;
	background: url(../../uploads/product/ns372tb3/ns372tb3_tb3_speed.jpg) no-repeat;
	background-size: contain;
}
.ns372tb3-number-box {
	position: absolute;
	right: 55%;
	bottom: 10%;
}
.num-ns372tb3 {
	display: inline-block;
	font-size: 8em;
	color: #39b1d4;
}
.unit-ns372tb3 {
	font-size: 2em;
	color: #39b1d4;
}
@media (max-width: 549px) {
	.num-ns372tb3 {
	font-size: 4em;
}
.unit-ns372tb3 {
	font-size: 1em;
}
}

/* NS388P */
.ns388p-ss-holder {
	position: relative;
	width: 100%;
	height: auto;
	padding-bottom: 46.875%;
	background: url(../../uploads/product/ns388p/ns388p_support_server.jpg) no-repeat;
	background-size: contain;
}
.ns388p-ss-bar01 {
	position: absolute;
	width: 54.16%;
	height: 3.33%;
	background: linear-gradient(to right, rgba(62,245,252,1), rgba(21,53,101,1));
	z-index: 2;
	top: 39.11%;
	left: 14.2708%;
	-webkit-animation: NS388Pbar01 2s ease 0s 1 forwards;
	-moz-animation: NS388Pbar01 2s ease 0s 1 forwards;
	-o-animation: NS388Pbar01 2s ease 0s 1 forwards;
	animation: NS388Pbar01 2s ease 0s 1 forwards;
}
.ns388p-ss-bar02 {
	position: absolute;
	width: 6.77%;
	height: 3.33%;
	background: linear-gradient(to right, rgba(62,252,80,1), rgba(21,101,29,1));
	z-index: 2;
	top: 78.444%;
	left: 14.2708%;
	-webkit-animation: NS388Pbar02 2s ease 0s 1 forwards;
	-moz-animation: NS388Pbar02 2s ease 0s 1 forwards;
	-o-animation: NS388Pbar02 2s ease 0s 1 forwards;
	animation: NS388Pbar02 2s ease 0s 1 forwards;
}
.ns388p-ss-data-num {
	position: absolute;
	width: 100%;
	height: auto;
	padding-bottom: 46.875%;
	background: url(../../uploads/product/ns388p/ns388p_support_server_data_num.png) no-repeat;
	background-size: contain;
	z-index: 3;
}
.ns388p-speed-holder {
	position: relative;
	width: 100%;
	height: auto;
	padding-bottom: 46.875%;
}
.ns388p-speed-cover {
	position: absolute;
	width: 100%;
	height: auto;
	padding-bottom: 46.875%;
	background: url(../../uploads/product/ns388p/ns388p_speed_bg.png) no-repeat;
	background-size: contain;
	z-index: 4;
}
.ns388p-floating {
	position: absolute;
	right: 0.5%;
	width: 100%;
	height: auto;
	padding-bottom: 46.875%;
	z-index: 1;
	background-color: #c30d23;
}
.ns388p-speed-num-box {
	position: absolute;
	width: 18.125%;
	height: 11%;
	left: 81.041%;
	top: 51.11%;
	z-index: 5;
}
.ns388p-power-holder {
	position: relative;
	width: 100%;
	height: auto;
	padding-bottom: 46.875%;
	background: url(../../uploads/product/ns388p/ns388p_power_bg.jpg) no-repeat;
	background-size: contain;
}
.ns388p-power-situ-01 {
	position: absolute;
	width: 100%;
	height: auto;
	padding-bottom: 46.875%;
	background: url(../../uploads/product/ns388p/ns388p_power_situ_01.png) no-repeat;
	background-size: contain;
	z-index: 2;
	-webkit-animation: NS388PPowerFadeIn01 10s ease 0s infinite forwards;
	-moz-animation: NS388PPowerFadeIn01 10s ease 0s infinite forwards;
	-o-animation: NS388PPowerFadeIn01 10s ease 0s infinite forwards;
	animation: NS388PPowerFadeIn01 10s ease 0s infinite forwards;
}
.ns388p-power-situ-02 {
	position: absolute;
	width: 100%;
	height: auto;
	padding-bottom: 46.875%;
	background: url(../../uploads/product/ns388p/ns388p_power_situ_02.png) no-repeat;
	background-size: contain;
	z-index: 2;
	-webkit-animation: NS388PPowerFadeIn02 10s ease 0s infinite forwards;
	-moz-animation: NS388PPowerFadeIn02 10s ease 0s infinite forwards;
	-o-animation: NS388PPowerFadeIn02 10s ease 0s infinite forwards;
	animation: NS388PPowerFadeIn02 10s ease 0s infinite forwards;
}
.ns388p-power-situ-03 {
	position: absolute;
	width: 100%;
	height: auto;
	padding-bottom: 46.875%;
	background: url(../../uploads/product/ns388p/ns388p_power_situ_03.png) no-repeat;
	background-size: contain;
	z-index: 2;
	-webkit-animation: NS388PPowerFadeIn03 10s ease 0s infinite forwards;
	-moz-animation: NS388PPowerFadeIn03 10s ease 0s infinite forwards;
	-o-animation: NS388PPowerFadeIn03 10s ease 0s infinite forwards;
	animation: NS388PPowerFadeIn03 10s ease 0s infinite forwards;
}
.ns388p-stream {
	color: #036eb8;
	text-align: left;
	display: inline-block;
}
.ns388p-stream-unit {
	color: #a1a1a1;
	display: inline-block;
}
.ns388p-virtual-holder {
	position: relative;
	width: 100%;
	height: auto;
	padding-bottom: 46.875%;
	background: url(../../uploads/product/ns388p/ns388p_virtual_bg.jpg) no-repeat;
	background-size: contain;
}
.ns388p-vt-group01, .ns388p-vt-group02, .ns388p-vt-group03, .ns388p-vt-group04, .ns388p-vt-group05, .ns388p-vt-group06, .ns388p-vt-group07, .ns388p-vt-group08 {
	position: absolute;
	width: 100%;
	height: auto;
	padding-bottom: 46.875%;
}
.ns388p-vt-group01 {
	background: url(../../uploads/product/ns388p/ns388p_virtual_grp01.png) no-repeat;
	background-size: contain;
	z-index: 3;
	-webkit-animation: NS388PVTEffect01 12s ease 0s infinite forwards;
	-moz-animation: NS388PVTEffect01 12s ease 0s infinite forwards;
	-o-animation: NS388PVTEffect01 12s ease 0s infinite forwards;
	animation: NS388PVTEffect01 12s ease 0s infinite forwards;
}
.ns388p-vt-group02 {
	background: url(../../uploads/product/ns388p/ns388p_virtual_grp02.png) no-repeat;
	background-size: contain;
	z-index: 3;
	-webkit-animation: NS388PVTEffect02 12s ease 0s infinite forwards;
	-moz-animation: NS388PVTEffect02 12s ease 0s infinite forwards;
	-o-animation: NS388PVTEffect02 12s ease 0s infinite forwards;
	animation: NS388PVTEffect02 12s ease 0s infinite forwards;
}
.ns388p-vt-group03 {
	background: url(../../uploads/product/ns388p/ns388p_virtual_grp03.png) no-repeat;
	background-size: contain;
	z-index: 3;
	-webkit-animation: NS388PVTEffect03 12s ease 0s infinite forwards;
	-moz-animation: NS388PVTEffect03 12s ease 0s infinite forwards;
	-o-animation: NS388PVTEffect03 12s ease 0s infinite forwards;
	animation: NS388PVTEffect03 12s ease 0s infinite forwards;
}
.ns388p-vt-group04 {
	background: url(../../uploads/product/ns388p/ns388p_virtual_grp04.png) no-repeat;
	background-size: contain;
	z-index: 3;
	-webkit-animation: NS388PVTEffect04 12s ease 0s infinite forwards;
	-moz-animation: NS388PVTEffect04 12s ease 0s infinite forwards;
	-o-animation: NS388PVTEffect04 12s ease 0s infinite forwards;
	animation: NS388PVTEffect04 12s ease 0s infinite forwards;
}
.ns388p-vt-group05 {
	background: url(../../uploads/product/ns388p/ns388p_virtual_grp05.png) no-repeat;
	background-size: contain;
	z-index: 3;
	-webkit-animation: NS388PVTEffect05 12s ease 0s infinite forwards;
	-moz-animation: NS388PVTEffect05 12s ease 0s infinite forwards;
	-o-animation: NS388PVTEffect05 12s ease 0s infinite forwards;
	animation: NS388PVTEffect05 12s ease 0s infinite forwards;
}
.ns388p-vt-group06 {
	background: url(../../uploads/product/ns388p/ns388p_virtual_grp06.png) no-repeat;
	background-size: contain;
	z-index: 3;
	-webkit-animation: NS388PVTEffect06 12s ease 0s infinite forwards;
	-moz-animation: NS388PVTEffect06 12s ease 0s infinite forwards;
	-o-animation: NS388PVTEffect06 12s ease 0s infinite forwards;
	animation: NS388PVTEffect06 12s ease 0s infinite forwards;
}
.ns388p-vt-group07 {
	background: url(../../uploads/product/ns388p/ns388p_virtual_grp07.png) no-repeat;
	background-size: contain;
	z-index: 3;
	-webkit-animation: NS388PVTEffect07 12s ease 0s infinite forwards;
	-moz-animation: NS388PVTEffect07 12s ease 0s infinite forwards;
	-o-animation: NS388PVTEffect07 12s ease 0s infinite forwards;
	animation: NS388PVTEffect07 12s ease 0s infinite forwards;
}
.ns388p-vt-group08 {
	background: url(../../uploads/product/ns388p/ns388p_virtual_grp08.png) no-repeat;
	background-size: contain;
	z-index: 3;
	-webkit-animation: NS388PVTEffect08 12s ease 0s infinite forwards;
	-moz-animation: NS388PVTEffect08 12s ease 0s infinite forwards;
	-o-animation: NS388PVTEffect08 12s ease 0s infinite forwards;
	animation: NS388PVTEffect08 12s ease 0s infinite forwards;
}
#ns388p-anm-play {
	width: 120px;
	height: 40px;
	display: block;
	font-size: 14px;
	color: #2097fc;
	margin: 2% auto;
	-webkit-transition: all 0.4s ease 0s;
	-moz-transition: all 0.4s ease 0s;
	-o-transition: all 0.4s ease 0s;
	transition: all 0.4s ease 0s;
}
#ns388p-anm-play:before {
	font-family: "FontAwesome";
	content: "\f144";
	font-size: 14px;
	margin-right: 8px;
}
#ns388p-anm-play:hover {
	color: #ea5a00;
	-webkit-transition: all 0.4s ease 0s;
	-moz-transition: all 0.4s ease 0s;
	-o-transition: all 0.4s ease 0s;
	transition: all 0.4s ease 0s;
}
.ns388p-HP-holder {
	position: relative;
	width: 100%;
	height: auto;
	padding-bottom: 46.875%;
	background: url(../../uploads/product/ns388p/ns388p_hot_plug_bg.jpg) no-repeat;
	background-size: contain;
}
.ns388p-HP-tray, .ns388p-HP-boxtop, .ns388p-HP-boxtop-shadow, .ns388p-HP-pwr, .ns388p-HP-access {
	position: absolute;
	width: 100%;
	height: auto;
	padding-bottom: 46.875%;
}
.ns388p-HP-boxtop {
	background: url(../../uploads/product/ns388p/ns388p_hot_plug_tray_top.png) no-repeat;
	background-size: contain;
	z-index: 5;
}
.ns388p-HP-holder.togo .ns388p-HP-tray {
	background: url(../../uploads/product/ns388p/ns388p_hot_plug_tray_panel.png) no-repeat;
	background-size: contain;
	z-index: 3;
	opacity: 0;
	-webkit-animation: NS388PTrayInsert 8s ease 0s 1 forwards;
	-moz-animation: NS388PTrayInsert 8s ease 0s 1 forwards;
	-o-animation: NS388PTrayInsert 8s ease 0s 1 forwards;
	animation: NS388PTrayInsert 8s ease 0s 1 forwards;
}
.ns388p-HP-holder.togo .ns388p-HP-boxtop-shadow {
	background: url(../../uploads/product/ns388p/ns388p_hot_plug_tray_shadow.png) no-repeat;
	background-size: contain;
	z-index: 4;
	opacity: 0;
	-webkit-animation: NS388PTrayShadow 8s ease 0s 1 forwards;
	-moz-animation: NS388PTrayShadow 8s ease 0s 1 forwards;
	-o-animation: NS388PTrayShadow 8s ease 0s 1 forwards;
	animation: NS388PTrayShadow 8s ease 0s 1 forwards;
}
.ns388p-HP-holder.togo .ns388p-HP-pwr {
	background: url(../../uploads/product/ns388p/ns388p_hot_plug_tray_pwr.png) no-repeat;
	background-size: contain;
	z-index: 4;
	opacity: 0;
	-webkit-animation: NS388PTrayPwr 8s ease 0s 1 forwards;
	-moz-animation: NS388PTrayPwr 8s ease 0s 1 forwards;
	-o-animation: NS388PTrayPwr 8s ease 0s 1 forwards;
	animation: NS388PTrayPwr 8s ease 0s 1 forwards;
}
.ns388p-HP-holder.togo .ns388p-HP-access {
	background: url(../../uploads/product/ns388p/ns388p_hot_plug_tray_acs.png) no-repeat;
	background-size: contain;
	z-index: 4;
	opacity: 0;
	-webkit-animation: NS388PTrayAcs 8s ease 0s 1 forwards;
	-moz-animation: NS388PTrayAcs 8s ease 0s 1 forwards;
	-o-animation: NS388PTrayAcs 8s ease 0s 1 forwards;
	animation: NS388PTrayAcs 8s ease 0s 1 forwards;
}

/* NA762A */
.na762a-graph-cover {
	position: absolute;
	background: url(../../uploads/product/na762ag3/na762a_g3_pcieg3_speed.png) no-repeat;
	background-size: contain;
	z-index: 2;
	width: 100%;
	height: auto;
	padding-bottom: 46.875%;
}

/* NA221A-G3 */
.na221-pcie-to-ex-bg {
	position: relative;
	background: url(../../uploads/product/na221ag3/na221ag3_1_pcie_bg.jpg) no-repeat;
	background-size: contain;
	z-index: 1;
	width: 100%;
	height: auto;
	padding-bottom: 46.875%;
}
.na221-pcie-to-ex01, .na221-pcie-to-ex02 {
	position: absolute;
	width: 100%;
	height: auto;
	padding-bottom: 46.875%;
}
.na221-pcie-to-ex01 {
	background: url(../../uploads/product/na221ag3/na221ag3_1_pcie_host_01.png) no-repeat;
	background-size: contain;
	z-index: 2;
	-webkit-animation: NA221AG3PCIEHostShow01 8s ease 0s infinite forwards;
	-moz-animation: NA221AG3PCIEHostShow01 8s ease 0s infinite forwards;
	-o-animation: NA221AG3PCIEHostShow01 8s ease 0s infinite forwards;
	animation: NA221AG3PCIEHostShow01 8s ease 0s infinite forwards;
}
.na221-pcie-to-ex02 {
	background: url(../../uploads/product/na221ag3/na221ag3_1_pcie_host_02.png) no-repeat;
	background-size: contain;
	z-index: 3;
	-webkit-animation: NA221AG3PCIEHostShow02 8s ease 0s infinite forwards;
	-moz-animation: NA221AG3PCIEHostShow02 8s ease 0s infinite forwards;
	-o-animation: NA221AG3PCIEHostShow02 8s ease 0s infinite forwards;
	animation: NA221AG3PCIEHostShow02 8s ease 0s infinite forwards;
}
.na221-host-suitable-bg {
	position: relative;
	background: url(../../uploads/product/na221ag3/na221ag3_host_suitable_bg.jpg) no-repeat;
	background-size: contain;
	z-index: 1;
	width: 100%;
	height: auto;
	padding-bottom: 46.875%;
}
.na221-host-suitable-high, .na221-host-suitable-low {
	position: absolute;
	width: 100%;
	height: auto;
	padding-bottom: 46.875%;
}
.na221-host-suitable-high {
	background: url(../../uploads/product/na221ag3/na221ag3_host_suitable_high.png) no-repeat;
	background-size: contain;
	z-index: 2;
	-webkit-animation: NA221AG3PCIEHostShow01 8s ease 0s infinite forwards;
	-moz-animation: NA221AG3PCIEHostShow01 8s ease 0s infinite forwards;
	-o-animation: NA221AG3PCIEHostShow01 8s ease 0s infinite forwards;
	animation: NA221AG3PCIEHostShow01 8s ease 0s infinite forwards;
}
.na221-host-suitable-low {
	background: url(../../uploads/product/na221ag3/na221ag3_host_suitable_low.png) no-repeat;
	background-size: contain;
	z-index: 3;
	-webkit-animation: NA221AG3PCIEHostShow02 8s ease 0s infinite forwards;
	-moz-animation: NA221AG3PCIEHostShow02 8s ease 0s infinite forwards;
	-o-animation: NA221AG3PCIEHostShow02 8s ease 0s infinite forwards;
	animation: NA221AG3PCIEHostShow02 8s ease 0s infinite forwards;
}
.na221a-fan-holder {
	position: relative;
	z-index: 1;
	width: 100%;
	height: auto;
	padding-bottom: 46.875%;
}
.na221a-flow-out-01, .na221a-flow-out-02, .na221a-fan-chassis, .na221a-flow-in-01, .na221a-flow-in-02, .na221a-flow-in-03 {
	position: absolute;
	width: 100%;
	height: auto;
	padding-bottom: 46.875%;
}
.na221a-fan-leaf-01, .na221a-fan-leaf-02, .na221a-fan-leaf-03, .na221a-fan-leaf-04 {
	position: absolute;
	width: 10.3125%;
	height: auto;
	padding-bottom: 22%;
	z-index: 4;
}
.na221a-fan-leaf-01 {
	top: 40.889%;
	left: 65.678%;
	-webkit-animation: NA211AG3FanSpeedSwitch01 12s ease 0s infinite forwards;
	-moz-animation: NA211AG3FanSpeedSwitch01 12s ease 0s infinite forwards;
	-o-animation: NA211AG3FanSpeedSwitch01 12s ease 0s infinite forwards;
	animation: NA211AG3FanSpeedSwitch01 12s ease 0s infinite forwards;
}
.na221a-fan-leaf-02 {
	top: 69%;
	left: 65.678%;
	-webkit-animation: NA211AG3FanSpeedSwitch01 12s ease 0s infinite forwards;
	-moz-animation: NA211AG3FanSpeedSwitch01 12s ease 0s infinite forwards;
	-o-animation: NA211AG3FanSpeedSwitch01 12s ease 0s infinite forwards;
	animation: NA211AG3FanSpeedSwitch01 12s ease 0s infinite forwards;
}
.na221a-fan-leaf-01 img, .na221a-fan-leaf-02 img {
	-webkit-animation: NA211AG3FanSwirl 0.6s linear 0s infinite;
	-moz-animation: NA211AG3FanSwirl 0.6s linear 0s infinite;
	-o-animation: NA211AG3FanSwirl 0.6s linear 0s infinite;
	animation: NA211AG3FanSwirl 0.6s linear 0s infinite;
}
.na221a-fan-leaf-03 {
	top: 40.889%;
	left: 65.678%;
	-webkit-animation: NA211AG3FanSpeedSwitch02 12s ease 0s infinite forwards;
	-moz-animation: NA211AG3FanSpeedSwitch02 12s ease 0s infinite forwards;
	-o-animation: NA211AG3FanSpeedSwitch02 12s ease 0s infinite forwards;
	animation: NA211AG3FanSpeedSwitch02 12s ease 0s infinite forwards;
}
.na221a-fan-leaf-04 {
	top: 69%;
	left: 65.678%;
	-webkit-animation: NA211AG3FanSpeedSwitch02 12s ease 0s infinite forwards;
	-moz-animation: NA211AG3FanSpeedSwitch02 12s ease 0s infinite forwards;
	-o-animation: NA211AG3FanSpeedSwitch02 12s ease 0s infinite forwards;
	animation: NA211AG3FanSpeedSwitch02 12s ease 0s infinite forwards;
}
.na221a-fan-leaf-03 img, .na221a-fan-leaf-04 img {
	-webkit-animation: NA211AG3FanSwirl 0.2s linear 0s infinite;
	-moz-animation: NA211AG3FanSwirl 0.2s linear 0s infinite;
	-o-animation: NA211AG3FanSwirl 0.2s linear 0s infinite;
	animation: NA211AG3FanSwirl 0.2s linear 0s infinite;
}
.na221a-fan-chassis {
	background: url(../../uploads/product/na221ag3/na221ag3_fan_adjustable_chassis.png) no-repeat;
	background-size: contain;
	z-index: 3;
}
.na221a-flow-in-01 {
	background: url(../../uploads/product/na221ag3/na221ag3_fan_adjustable_flow_in_01.png) no-repeat;
	background-size: contain;
	z-index: 5;
	-webkit-animation: NA211AG3FanIn01 12s ease 0s infinite forwards;
	-moz-animation: NA211AG3FanIn01 12s ease 0s infinite forwards;
	-o-animation: NA211AG3FanIn01 12s ease 0s infinite forwards;
	animation: NA211AG3FanIn01 12s ease 0s infinite forwards;
}
.na221a-flow-in-02 {
	background: url(../../uploads/product/na221ag3/na221ag3_fan_adjustable_flow_in_02.png) no-repeat;
	background-size: contain;
	z-index: 5;
	-webkit-animation: NA211AG3FanIn02 12s ease 0s infinite forwards;
	-moz-animation: NA211AG3FanIn02 12s ease 0s infinite forwards;
	-o-animation: NA211AG3FanIn02 12s ease 0s infinite forwards;
	animation: NA211AG3FanIn02 12s ease 0s infinite forwards;
}
.na221a-flow-out-01 {
	background: url(../../uploads/product/na221ag3/na221ag3_fan_adjustable_flow_out_01.png) no-repeat;
	background-size: contain;
	z-index: 2;
	-webkit-animation: NA211AG3FanIn01 12s ease 0s infinite forwards;
	-moz-animation: NA211AG3FanIn01 12s ease 0s infinite forwards;
	-o-animation: NA211AG3FanIn01 12s ease 0s infinite forwards;
	animation: NA211AG3FanIn01 12s ease 0s infinite forwards;
}
.na221a-flow-out-02 {
	background: url(../../uploads/product/na221ag3/na221ag3_fan_adjustable_flow_out_02.png) no-repeat;
	background-size: contain;
	z-index: 2;
	-webkit-animation: NA211AG3FanIn02 12s ease 0s infinite forwards;
	-moz-animation: NA211AG3FanIn02 12s ease 0s infinite forwards;
	-o-animation: NA211AG3FanIn02 12s ease 0s infinite forwards;
	animation: NA211AG3FanIn02 12s ease 0s infinite forwards;
}
.na221a-flow-meter {
	position: absolute;
	width: 13.59375%;
	height: 5.33%;
	z-index: 2;
	top: 2.22%;
	left: 43.385%;
	overflow: hidden;
}
.na221a-flow-meter-cell {
	position: absolute;
	width: 100%;
	height: 100%;
	background: url(../../uploads/product/na221ag3/na221ag3_fan_adjustable_flow_meter.png) no-repeat;
	background-size: contain;
	z-index: 4;
}
.na221a-flow-meter-mount {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 3;
	background-image: -webkit-gradient(
	linear,
	left bottom,
	right bottom,
	color-stop(0, #90FFA3),
	color-stop(0.53, #3B86D6)
);
	background-image: -o-linear-gradient(right, #90FFA3 0%, #3B86D6 53%);
	background-image: -moz-linear-gradient(right, #90FFA3 0%, #3B86D6 53%);
	background-image: -webkit-linear-gradient(right, #90FFA3 0%, #3B86D6 53%);
	background-image: -ms-linear-gradient(right, #90FFA3 0%, #3B86D6 53%);
	background-image: linear-gradient(to right, #90FFA3 0%, #3B86D6 53%);
	-webkit-animation: NA211AG3FanMount 12s ease 0s infinite forwards;
	-moz-animation: NA211AG3FanMount 12s ease 0s infinite forwards;
	-o-animation: NA211AG3FanMount 12s ease 0s infinite forwards;
	animation: NA211AG3FanMount 12s ease 0s infinite forwards;
}

/* NS388S */
.ns388s_density_rack, .ns388s_density_measure {
	position: absolute;
	width: 100%;
	height: auto;
	padding-bottom: 46.875%;
}
.ns388s_density_rack {
	background: url(../../uploads/product/ns388s/ns388s_high_density_rack.png) no-repeat;
	background-size: contain;
	z-index: 2;
}
.ns388s_density_measure {
	background: url(../../uploads/product/ns388s/ns388s_high_density_measure.png) no-repeat;
	background-size: contain;
	z-index: 3;
}

/* NA622TB3 */
.na622tb3-led-holder {
	position: relative;
	background: url(../../uploads/product/na622tb3/na622tb3_led_indicator_bg.jpg) no-repeat;
	background-size: contain;
	z-index: 1;
	width: 100%;
	height: auto;
	padding-bottom: 46.875%;
}
.na622tb3-led-set01, .na622tb3-led-set02, .na622tb3-led-set03, .na622tb3-led-set04 {
	position: absolute;
	width: 100%;
	height: auto;
	padding-bottom: 46.875%;
}
.na622tb3-led-set01 {
	background: url(../../uploads/product/na622tb3/na622tb3_led_indicator_01.png) no-repeat;
	background-size: contain;
	z-index: 2;
	-webkit-animation: NA380APowerAccLed01 7s linear 0s infinite;
	-moz-animation: NA380APowerAccLed01 7s linear 0s infinite;
	-o-animation: NA380APowerAccLed01 7s linear 0s infinite;
	animation: NA380APowerAccLed01 7s linear 0s infinite;
}
.na622tb3-led-set02 {
	background: url(../../uploads/product/na622tb3/na622tb3_led_indicator_02.png) no-repeat;
	background-size: contain;
	z-index: 2;
	-webkit-animation: NA380APowerAccLed01 11s linear 0s infinite;
	-moz-animation: NA380APowerAccLed01 11s linear 0s infinite;
	-o-animation: NA380APowerAccLed01 11s linear 0s infinite;
	animation: NA380APowerAccLed01 11s linear 0s infinite;
}
.na622tb3-led-set03 {
	background: url(../../uploads/product/na622tb3/na622tb3_led_indicator_03.png) no-repeat;
	background-size: contain;
	z-index: 2;
	-webkit-animation: NA380APowerAccLed01 5s linear 0s infinite;
	-moz-animation: NA380APowerAccLed01 5s linear 0s infinite;
	-o-animation: NA380APowerAccLed01 5s linear 0s infinite;
	animation: NA380APowerAccLed01 5s linear 0s infinite;
}
.na622tb3-led-set04 {
	background: url(../../uploads/product/na622tb3/na622tb3_led_indicator_04.png) no-repeat;
	background-size: contain;
	z-index: 2;
	-webkit-animation: NA380APowerAccLed01 8s linear 0s infinite;
	-moz-animation: NA380APowerAccLed01 8s linear 0s infinite;
	-o-animation: NA380APowerAccLed01 8s linear 0s infinite;
	animation: NA380APowerAccLed01 8s linear 0s infinite;
}
.na622tb3-flow-holder {
	position: relative;
	background: url(../../uploads/product/na622tb3/na622tb3_air_flow_bg.jpg) no-repeat;
	background-size: contain;
	z-index: 1;
	width: 100%;
	height: auto;
	padding-bottom: 46.875%;
}
.na622tb3-flow-btn {
	position: absolute;
	background: url(../../uploads/product/na622tb3/na622tb3_air_flow_btn.png) no-repeat;
	background-size: contain;
	z-index: 2;
	width: 2.65625%;
	height: 17.68%;
	top: 17.5556%;
	left: 40.9896%;
	-webkit-animation: NA622TB3BtnSlide 12s ease 0s infinite forwards;
	-moz-animation: NA622TB3BtnSlide 12s ease 0s infinite forwards;
	-o-animation: NA622TB3BtnSlide 12s ease 0s infinite forwards;
	animation: NA622TB3BtnSlide 12s ease 0s infinite forwards;
}
.na622tb3-flow-s, .na622tb3-flow-m, .na622tb3-flow-l {
	position: absolute;
	width: 100%;
	height: auto;
	padding-bottom: 46.875%;
}
.na622tb3-flow-s {
	background: url(../../uploads/product/na622tb3/na622tb3_air_flow_s.png) no-repeat;
	background-size: contain;
	z-index: 3;
	-webkit-animation: NA622TB3FlowS 12s ease 0s infinite forwards;
	-moz-animation: NA622TB3FlowS 12s ease 0s infinite forwards;
	-o-animation: NA622TB3FlowS 12s ease 0s infinite forwards;
	animation: NA622TB3FlowS 12s ease 0s infinite forwards;
}
.na622tb3-flow-m {
	background: url(../../uploads/product/na622tb3/na622tb3_air_flow_m.png) no-repeat;
	background-size: contain;
	z-index: 3;
	-webkit-animation: NA622TB3FlowM 12s ease 0s infinite forwards;
	-moz-animation: NA622TB3FlowM 12s ease 0s infinite forwards;
	-o-animation: NA622TB3FlowM 12s ease 0s infinite forwards;
	animation: NA622TB3FlowM 12s ease 0s infinite forwards;
}
.na622tb3-flow-l {
	background: url(../../uploads/product/na622tb3/na622tb3_air_flow_l.png) no-repeat;
	background-size: contain;
	z-index: 3;
	-webkit-animation: NA622TB3FlowL 12s ease 0s infinite forwards;
	-moz-animation: NA622TB3FlowL 12s ease 0s infinite forwards;
	-o-anim50ation: NA622TB3FlowL 12s ease 0s infinite forwards;
	animation: NA622TB3FlowL 12s ease 0s infinite forwards;
}
.na622tb3-blazing-holder {
	position: relative;
}
.na622tb3-aja-test-clmn {
	position: absolute;
	width: 41.145833%;
	height: 68%;
	left: 29.4270835%;
	bottom: 0;
	background: rgba(0,0,0,0.6); 
}
.na622tb3-aja-test-clmn img {
	width: 100%;
}
.na622tb3-dimension {
	background-image: url(../../uploads/product/na622tb3/na622tb3_dimension.svg);
	background-repeat: no-repeat;
	background-size: 481px 254px;
	width: 481px;
	height: 254px;
}
@media (max-width: 500px) {
	.na622tb3-dimension {
	background-size: 100% 254px;
	width: 100%;
	height: 254px;
	}
}
@media (max-width: 920px) {
	.na622tb3-aja-test-clmn {
	position: relative;
	width: 100%;
	height: auto;
	left: 0;
	bottom: 0;
	background: rgba(0,0,0,1); 
}
}
/* NS780S */
.ns780s_HDD_bay_container {
	background-color: #f7f7f7;
	border: solid 3px #fff;
	position: relative;
	overflow: hidden;
	padding-bottom: 50%;
}
.ns780s_hdd_bay_chassis {
	position: absolute;
	width: 130%;
	padding-bottom: 100%;
	top: 0;
	left: -16%;
	background: url(../../uploads/product/ns780s/ns780s_16_bay_chassis.png) no-repeat;
	background-size: 100%;
	background-position: 50% 50%;
	z-index: 1;
	-webkit-animation: NS780SShowTrays 4s ease-in 0s 1 forwards;
	-moz-animation: NS780SShowTrays 4s ease-in 0s 1 forwards;
	-o-animation: NS780SShowTrays 4s ease-in 0s 1 forwards;
	animation: NS780SShowTrays 4s ease-in 0s 1 forwards;
}
.ns780s_hdd_bay_number {
	position: absolute;
	width: 130%;
	padding-bottom: 100%;
	top: 0;
	left: -16%;
	background: url(../../uploads/product/ns780s/ns780s_16_bay_tray_number.png) no-repeat;
	background-size: 170%;
	background-position: 70% 10%;
	z-index: 1;
	opacity: 0;
	-webkit-animation: NS780SShowNumber 4s ease-in 0s 1 forwards;
	-moz-animation: NS780SShowNumber 4s ease-in 0s 1 forwards;
	-o-animation: NS780SShowNumber 4s ease-in 0s 1 forwards;
	animation: NS780SShowNumber 4s ease-in 0s 1 forwards;
}
.ns780s_hdd_bay_cover {
	position: absolute;
	width: 130%;
	padding-bottom: 100%;
	left: -16%;
	background: url(../../uploads/product/ns780s/ns780s_16_bay_cover.png) no-repeat;
	background-size: contain;
	background-position: 50%;
	z-index: 3;
	-webkit-animation: NS780SOpenChassis 4s ease-in 0s 1 forwards;
	-moz-animation: NS780SOpenChassis 4s ease-in 0s 1 forwards;
	-o-animation: NS780SOpenChassis 4s ease-in 0s 1 forwards;
	animation: NS780SOpenChassis 4s ease-in 0s 1 forwards;
}
.ns780s_tray_ex, .ns780s_tray_hdd, .ns780s_tray_ssd {
	position: absolute;
	width: 100%;
	padding-bottom: 100%;
}
.ns780s_tray_ex {
	background: url(../../uploads/product/ns780s/ns780s_16_bay_02_tray.png) no-repeat;
	background-size: contain;
	z-index: 1;
}
.ns780s_tray_hdd {
	background: url(../../uploads/product/ns780s/ns780s_16_bay_02_hdd.png) no-repeat;
	background-size: contain;
	z-index: 2;
	-webkit-animation: NA221AG3PCIEHostShow01 6s ease 0s infinite forwards;
	-moz-animation: NA221AG3PCIEHostShow01 6s ease 0s infinite forwards;
	-o-animation: NA221AG3PCIEHostShow01 6s ease 0s infinite forwards;
	animation: NA221AG3PCIEHostShow01 6s ease 0s infinite forwards;
}
.ns780s_tray_ssd {
	background: url(../../uploads/product/ns780s/ns780s_16_bay_02_ssd.png) no-repeat;
	background-size: contain;
	z-index: 2;
	-webkit-animation: NA221AG3PCIEHostShow02 6s ease 0s infinite forwards;
	-moz-animation: NA221AG3PCIEHostShow02 6s ease 0s infinite forwards;
	-o-animation: NA221AG3PCIEHostShow02 6s ease 0s infinite forwards;
	animation: NA221AG3PCIEHostShow02 6s ease 0s infinite forwards;
}
.ns780s-raid-card-holder {
	position: relative;
	width: 100%;
	height: auto;
	padding-bottom: 46.875%;
	background: url(../../uploads/product/ns780s/ns780s_raid_card_support_chassis.png) no-repeat;
	background-size: 60%;
	background-position: 50% 50%;
	-webkit-animation: NS780SRaidCardZoomChassis 4s ease-in-out 0s 1 forwards;
	-moz-animation: NS780SRaidCardZoomChassis 4s ease-in-out 0s 1 forwards;
	-o-animation: NS780SRaidCardZoomChassis 4s ease-in-out 0s 1 forwards;
	animation: NS780SRaidCardZoomChassis 4s ease-in-out 0s 1 forwards;
}
.ns780s-raid-card-inner {
	position: absolute;
	width: 100%;
	height: auto;
	padding-bottom: 46.875%;
	background: url(../../uploads/product/ns780s/ns780s_raid_card_support_pcie_slot.png) no-repeat;
	background-size: 165%;
	background-position: 155% 93.5%;
	opacity: 0;
	z-index: 1;
	-webkit-animation: NS780SPcieSlotShowing 4s ease-in 0s 1 forwards;
	-moz-animation: NS780SPcieSlotShowing 4s ease-in 0s 1 forwards;
	-o-animation: NS780SPcieSlotShowing 4s ease-in 0s 1 forwards;
	animation: NS780SPcieSlotShowing 4s ease-in 0s 1 forwards;
}
.ns780s-raid-card-insert {
	position: absolute;
	width: 100%;
	height: auto;
	padding-bottom: 46.875%;
	background: url(../../uploads/product/ns780s/ns780s_raid_card_support_pcie_insert.png) no-repeat;
	background-size: 165%;
	background-position: 155% 93.5%;
	opacity: 0;
	z-index: 2;
	-webkit-animation: NS780SPcieSlotShowing 4s ease-in 0s 1 forwards;
	-moz-animation: NS780SPcieSlotShowing 4s ease-in 0s 1 forwards;
	-o-animation: NS780SPcieSlotShowing 4s ease-in 0s 1 forwards;
	animation: NS780SPcieSlotShowing 4s ease-in 0s 1 forwards;
}
.ns780s-raid-card-brand {
	position: absolute;
	width: 100%;
	height: auto;
	padding-bottom: 46.875%;
	background: url(../../uploads/product/ns780s/ns780s_raid_card_support_raid_brand.png) no-repeat;
	background-size: contain;
	opacity: 0;
	z-index: 3;
	-webkit-animation: NS780SPcieSlotShowing 4s ease-in 0s 1 forwards;
	-moz-animation: NS780SPcieSlotShowing 4s ease-in 0s 1 forwards;
	-o-animation: NS780SPcieSlotShowing 4s ease-in 0s 1 forwards;
	animation: NS780SPcieSlotShowing 4s ease-in 0s 1 forwards;
}
.ns780s-thermal-show-stage {
	position: relative;
	width: 100%;
	height: auto;
	padding-bottom: 46.875%;
}
.ns780s-thermal-flow-assem-action {
	position: absolute;
	background: url(../../uploads/product/ns780s/ns780s_thermal_flow_assem_yet.jpg) no-repeat;
	background-size: contain;
	z-index: 3;
	width: 100%;
	height: auto;
	padding-bottom: 46.875%;
	opacity: 1;
	-webkit-animation: NS780SFansSetToChassis 2s ease-in 0s 1 forwards;
	-moz-animation: NS780SFansSetToChassis 2s ease-in 0s 1 forwards;
	-o-animation: NS780SFansSetToChassis 2s ease-in 0s 1 forwards;
	animation: NS780SFansSetToChassis 2s ease-in 0s 1 forwards;
}
.ns780s-thermal-f-fan-01, .ns780s-thermal-f-fan-02 {
	position: absolute;
	background: url(../../uploads/product/ns780s/ns780s_thermal_flow_f_fan.png) no-repeat;
	background-size: contain;
	z-index: 4;
	width: 4.270833%;
	height: auto;
	padding-bottom: 37.1111%; 
	opacity: 0;
}
.ns780s-thermal-f-fan-01 {
	top: 12.4444%;
	left: 23.645833%;
	-webkit-animation: NS780SFFanInsert01 2s ease-in 0s 1 forwards;
	-moz-animation: NS780SFFanInsert01 2s ease-in 0s 1 forwards;
	-o-animation: NS780SFFanInsert01 2s ease-in 0s 1 forwards;
	animation: NS780SFFanInsert01 2s ease-in 0s 1 forwards;
}
.ns780s-thermal-f-fan-02 {
	top: 54.1111%;
	left: 23.645833%;
	-webkit-animation: NS780SFFanInsert02 2s ease-in 0s 1 forwards;
	-moz-animation: NS780SFFanInsert02 2s ease-in 0s 1 forwards;
	-o-animation: NS780SFFanInsert02 2s ease-in 0s 1 forwards;
	animation: NS780SFFanInsert02 2s ease-in 0s 1 forwards;
}
.ns780s-thermal-b-fan-01, .ns780s-thermal-b-fan-02 {
	position: absolute;
	background: url(../../uploads/product/ns780s/ns780s_thermal_flow_b_fan.png) no-repeat;
	background-size: contain;
	z-index: 4;
	width: 5.6770833%;
	height: auto;
	padding-bottom: 36.6666667%; 
	opacity: 0;
}
.ns780s-thermal-b-fan-01 {
	top: 12.22222222%;
	left: 80.20833333%;
	-webkit-animation: NS780SBFanInsert01 2s ease-in 0s 1 forwards;
	-moz-animation: NS780SBFanInsert01 2s ease-in 0s 1 forwards;
	-o-animation: NS780SBFanInsert01 2s ease-in 0s 1 forwards;
	animation: NS780SBFanInsert01 2s ease-in 0s 1 forwards;
}
.ns780s-thermal-b-fan-02 {
	top: 49.3333333%;
	left: 80.20833333%;
	-webkit-animation: NS780SBFanInsert02 2s ease-in 0s 1 forwards;
	-moz-animation: NS780SBFanInsert02 2s ease-in 0s 1 forwards;
	-o-animation: NS780SBFanInsert02 2s ease-in 0s 1 forwards;
	animation: NS780SBFanInsert02 2s ease-in 0s 1 forwards;
}
.ns780s-thermal-flow-ready {
	position: absolute;
	background: url(../../uploads/product/ns780s/ns780s_thermal_flow_ready_for_flowing.jpg) no-repeat;
	background-size: contain;
	z-index: 1;
	width: 100%;
	height: auto;
	padding-bottom: 46.875%;
}
.ns780s-thermal-flowing {
	position: absolute;
	width: 100%;
	height: auto;
	padding-bottom: 46.875%;
	background: url(../../uploads/product/ns780s/ns780s_thermal_flow_status_01.png) no-repeat;
	background-size: contain;
	z-index: 2;
	-webkit-animation: NS780SThermalFlow 0.1s linear 0s infinite alternate;
	-moz-animation: NS780SThermalFlow 0.1s linear 0s infinite alternate;
	-o-animation: NS780SThermalFlow 0.1s linear 0s infinite alternate;
	animation: NS780SThermalFlow 0.1s linear 0s infinite alternate;
}
.ns780s_8k_scene {
	position: relative;
	background: url(../../uploads/product/ns780s/ns780s_8k_editing.jpg) no-repeat;
	background-size: 100%;
	background-position: 0 bottom;
	z-index: 1;
	width: 100%;
	height: auto;
	padding-bottom: 120%;
}
.ns780s_8k_description {
	position: absolute;
	z-index: 2;
	text-align: center;
	background-color: rgba(0,0,0,0.8);
}
@media (max-width: 979px) {
.ns780s_8k_scene {
	padding-bottom: 140%;
}
.ns780s_HDD_bay_container {
	padding-bottom: 100%;
}
}
/* NS780TB3 */
.ns780tb3_8k_scene {
	position: relative;
	background: url(../../uploads/product/ns780tb3/ns780_tb3_8k_editing.jpg) no-repeat;
	background-size: 100%;
	background-position: 0 bottom;
	z-index: 1;
	width: 100%;
	height: auto;
	padding-bottom: 120%;
}
@media (max-width: 979px) {
.ns780tb3_8k_scene {
	padding-bottom: 140%;
}
}

/* NA341A */
.na341a-half-content-box {
	box-sizing: border-box;
	border: 3px solid #fff;
	position: relative;
}
.na341aledindi {
	background: url(../../uploads/product/na341a/na341a_smart_function.jpg) no-repeat;
	background-size: 100%;
	width: 100%;
	height: auto;
	padding-bottom: 50%;
}
.pic-illust {
	position: absolute;
	z-index: 1;
	text-align: center;
}
.na341a-text-position1 {
	top: 36%;
	left: 33.7%;
}
.na341a-text-position2 {
	top: 35.2%;
	left: 51.7%;
}
.illust-text-l, .illust-text-m, .illust-text-r {
	color: #16bbe4;
	position: absolute;
	white-space: nowrap;
}
.illust-text-r:before {
	content: "";
	display: block;
	width: 1px;
	height: 300px;
	background-color: #16bbe4;
	margin-left: 100%;
}
.illust-text-l:before {
	content: "";
	display: block;
	width: 1px;
	height: 300px;
	background-color: #16bbe4;
	margin-left: 0;
}
.na341a-finest-performance {
	position: relative;
	width: 100%;
	height: auto;
	padding-bottom: 46.875%;
	background: url(../../uploads/product/na341a/na341a_capacity_performance_bg.jpg) no-repeat;
	background-size: contain;
}
.na341a-aja-test {
	position: absolute;
	z-index: 2;
	top: 42%;
	left: 20%;
}
.na341a-performance-cntbox {
	position: absolute;
	z-index: 1;
	top: 10%;
	left: 5%;
	width: 35%;
}
.svg-donut {
	width: 100%;
	height: 100%;
	transform: scaleX(1) rotateZ(90deg) rotateY(-180deg);
}
.donut {
	animation: donut 3s;
}
.tray-lock-demo {
	background: url(../../uploads/product/na341a/na341a_hdd_keylock_2_bg.jpg) no-repeat;
	background-size: 100%;
	width: 100%;
	height: auto;
	padding-bottom: 50%;
}
.na341a-tray-key {
	width: 15.6667%;
	height: 34.3333%;
	background: url(../../uploads/product/na341a/na341a_hdd_keylock_2_key.png) no-repeat;
	background-size: 100%;
	position: absolute;
	top: 61.95%;
	left: 38.16666667%;
	z-index: 4;
	-webkit-animation: NA341AKeyTurn 8s ease 0s infinite forwards;
	animation: NA341AKeyTurn 8s ease 0s infinite forwards;
}
.na341a-tray-arrow {
	width: 5.5%;
	height: 11.916667%;
	position: absolute;
	top: 73%;
	left: 57.16666667%;
	z-index: 5;
}
.tolock-dir-341a {
	background: url(../../uploads/product/na341a/na341a_hdd_keylock_2_tolock_arrow.png) no-repeat;
	background-size: 100%;
	-webkit-animation: NA341ATolockDirection 8s ease 0s infinite forwards;
	animation: NA341ATolockDirection 8s ease 0s infinite forwards;
}
.unlock-dir-341a {
	background: url(../../uploads/product/na341a/na341a_hdd_keylock_2_unlock_arrow.png) no-repeat;
	background-size: 100%;
	-webkit-animation: NA341AUnlockDirection 8s ease 0s infinite forwards;
	animation: NA341AUnlockDirection 8s ease 0s infinite forwards;
}
.na341a-tray-ico {
	width: 29.083333%;
	height: 28.166667%;
	position: absolute;
	top: 9.416666667%;
	left: 35.41666667%;
	z-index: 6;
}
.lock-status-ico {
	background: url(../../uploads/product/na341a/na341a_hdd_keylock_2_lock_icon.png) no-repeat;
	background-size: 100%;
	-webkit-animation: NA341ALockStatus 8s ease 0s infinite forwards;
	animation: NA341ALockStatus 8s ease 0s infinite forwards;
}
.unlock-status-ico {
	background: url(../../uploads/product/na341a/na341a_hdd_keylock_2_unlock_icon.png) no-repeat;
	background-size: 100%;
	-webkit-animation: NA341AUnlockStatus 8s ease 0s infinite forwards;
	animation: NA341AUnlockStatus 8s ease 0s infinite forwards;
}
@media (min-width: 980px) and (max-width: 1199px) {
	.na341a-text-position1 {
		left: 30.8%;
	}
	.na341a-performance-cntbox {
		top: 5%;
	}
	.na341a-aja-test {
		left: 15%;
	}
}
@media (min-width: 768px) and (max-width: 979px) {
	.na341a-text-position1 {
		left: 26.5%;
	}
	.na341a-finest-performance {
		padding-bottom: 120%;
		background-size: 130%;
		background-position: 100% 100%;
	}
	.na341a-performance-cntbox {
		top: 0%;
		left: 20%;
		width: 55%;
	}
	.na341a-aja-test {
		top: 42%;
		left: 23%;
	}
}
@media (max-width: 767px) {
	.na341aledindi {
		padding-bottom: 100%;
	}
	.na341a-text-position1 {
		left: 36.3%;
	}
	.tray-lock-demo {
		padding-bottom: 100%;
	}
	.na341a-finest-performance {
		padding-bottom: 130%;
		background-size: 130%;
		background-position: 100% 100%;
	}
	.na341a-performance-cntbox {
		top: 0%;
		left: 20%;
		width: 55%;
	}
	.na341a-aja-test {
		top: 42%;
		left: 25%;
	}
}

/* NS370S */
.ns370sledindi {
	background: url(../../uploads/product/ns370s/ns370s_smart_function.jpg) no-repeat;
	background-size: 100%;
	width: 100%;
	height: auto;
	padding-bottom: 50%;
}
.ns370s-text-position1 {
	top: 36%;
	left: 33.7%;
}
.ns370s-text-position2 {
	top: 35.2%;
	left: 51.7%;
}
.illust-text-l, .illust-text-m, .illust-text-r {
	color: #16bbe4;
	position: absolute;
	white-space: nowrap;
}
.ns370s-finest-performance {
	position: relative;
	width: 100%;
	height: auto;
	padding-bottom: 46.875%;
	background: url(../../uploads/product/ns370s/ns370s_capacity_performance.jpg) no-repeat;
	background-size: contain;
	background-position: 400px 0px;
}
.ns370s-aja-test {
	position: absolute;
	z-index: 2;
	top: 42%;
	left: 20%;
}
.ns370s-performance-cntbox {
	position: absolute;
	z-index: 1;
	top: 10%;
	left: 5%;
	width: 35%;
}
.ns370s-tray-lock-demo {
	background: url(../../uploads/product/ns370s/ns370s_hdd_keylock_2_bg.jpg) no-repeat;
	background-size: 100%;
	width: 100%;
	height: auto;
	padding-bottom: 50%;
}
@media (min-width: 980px) and (max-width: 1199px) {
	.ns370s-text-position1 {
		left: 30.8%;
	}
	.ns370s-performance-cntbox {
		top: 5%;
	}
	.ns370s-finest-performance {
		background-position: 350px 0px;
	}
	.ns370s-aja-test {
		left: 15%;
	}
}
@media (min-width: 768px) and (max-width: 979px) {
	.ns370s-text-position1 {
		left: 26.5%;
	}
	.ns370s-finest-performance {
		padding-bottom: 120%;
		background-size: 130%;
		background-position: -105px 400px;
	}
	.ns370s-performance-cntbox {
		top: 0%;
		left: 20%;
		width: 55%;
	}
	.ns370s-aja-test {
		top: 42%;
		left: 23%;
	}
}
@media (max-width: 767px) {
	.ns370sledindi {
		padding-bottom: 100%;
	}
	.ns370s-text-position1 {
		left: 36.3%;
	}
	.ns370s-finest-performance {
		padding-bottom: 130%;
		background-size: 130%;
		background-position: 50% 110%;
	}
	.ns370s-tray-lock-demo {
		padding-bottom: 100%;
	}
	.ns370s-performance-cntbox {
		top: 0%;
		left: 20%;
		width: 55%;
	}
	.ns370s-aja-test {
		top: 42%;
		left: 25%;
	}
}

/* NA331A */
.na331aledindi {
	background: url(../../uploads/product/na331a/na331a_smart_function.jpg) no-repeat;
	background-size: 100%;
	width: 100%;
	height: auto;
	padding-bottom: 50%;
}
.pin-point-wrapper {
	position: absolute;
}
.pin-point {
	position: relative;
	width: 1px;
	height: 1px;
	content: " ";
}
.pin-point::before {
	display: block;
	content: " ";
	background-color: #16bbe4;
	width: 1px;
}
.pin-point.na331a-pin-length-1::before {
	height: 350px;
}
.pin-point.na331a-pin-length-2::before {
	height: 320px;
}
.pin-label {
	color: #16bbe4;
	font-size: 12px;
	white-space: nowrap;
}
.na331a-pin-position-01 {
	top: 10.83333333%;
	left: 47.5%;
}
.na331a-pin-position-02 {
	top: 10.16666667%;
	left: 52.33333333%;
}
.na331a-finest-performance {
	position: relative;
	width: 100%;
	height: auto;
	padding-bottom: 46.875%;
	background: url(../../uploads/product/na331a/na331a_capacity_performance.jpg) no-repeat;
	background-size: contain;
}
@media (min-width: 980px) and (max-width: 1199px) {
	.na331a-finest-performance {
		padding-bottom: 100%;
		background-position: -250px 400px;
		background-size: 120%;
	}
	.ns331a-text-position1 {
		left: 30.8%;
	}
}
@media (min-width: 768px) and (max-width: 979px) {
	.na331aledindi {
		padding-bottom: 100%;
	}
	.na331a-finest-performance {
		padding-bottom: 130%;
		background-position: -350px 420px;
		background-size: 140%;
	}
}
@media (max-width: 767px) {
	.na331aledindi {
		padding-bottom: 100%;
	}
	.na331a-finest-performance {
		padding-bottom: 150%;
		background-position: -300px 400px;
		background-size: 160%;
	}
}

/* NS722TB3 */
.ns722tb3-internal-lto-drive-for-tb3 {
	width: 100%;
	padding-bottom: 46.875%;
	background: url(../../uploads/product/ns722tb3/ns722tb3_internal_lto_drive_for_thunderbolt_3.jpg) no-repeat;
	background-size: 100%;
	position: relative;
	overflow: hidden;
}
.ns722tb3-for-tb3-cable {
	width: 100%;
	padding-bottom: 46.875%;
	background: url(../../uploads/product/ns722tb3/ns722tb3_internal_lto_drive_for_tb3_lto_cable.png) no-repeat;
	background-size: 100%;
	position: absolute;
	z-index: 1;
}
.ns722tb3-for-tb3-enclosure {
	width: 65.3125%;
	padding-bottom: 37.03125%;
	background: url(../../uploads/product/ns722tb3/ns722tb3_internal_lto_drive_for_tb3_enclosure.png) no-repeat;
	background-size: 100%;
	position: absolute;
	z-index: 2;
	top: 14.45%;
	left: 5.89%;
	transform: scale(1);
}
.ns722tb3-for-tb3-lto-a {
	width: 65.3125%;
	padding-bottom: 37.03125%;
	background: url(../../uploads/product/ns722tb3/ns722tb3_internal_lto_drive_for_tb3_lto_1.png) no-repeat;
	background-size: 100%;
	position: absolute;
	z-index: 3;
	top: 14.45%;
	left: 5.89%;
}
.ns722tb3-for-tb3-lto-b {
	width: 65.3125%;
	padding-bottom: 37.03125%;
	background: url(../../uploads/product/ns722tb3/ns722tb3_internal_lto_drive_for_tb3_lto_2.png) no-repeat;
	background-size: 100%;
	position: absolute;
	z-index: 3;
	top: 14.45%;
	left: 5.89%;
}
.ns722tb3-installation-frame {
	width: 100%;
	padding-bottom: 46.875%;
	position: relative;
}
.ns722tb3-installation-situ-01, .ns722tb3-installation-situ-02 {
	position: absolute;
	width: 100%;
	top: 0;
}
.ns722tb3-installation-situ-01 {
	/*background: url(../../uploads/product/ns722tb3/ns722tb3_simple_installation_for_one.jpg) no-repeat;*/
	background-size: 100%;
	background: #f2f2f2;
	/*padding-bottom: 46.875%;*/
}
.ns722tb3-installation-situ-02 {
	/*background: url(../../uploads/product/ns722tb3/ns722tb3_simple_installation_for_two.jpg) no-repeat;*/
	background-size: 100%;
	background: #2c2c2c;
	/*padding-bottom: 46.875%;*/
}
.ns722tb3-installation-lto {
	width: 100%;
	background-size: 100%;
	padding-bottom: 46.875%;
	background-size: contain;
}
.ns722tb3-installation-lto.one-lto {
	background: url(../../uploads/product/ns722tb3/ns722tb3_simple_installation_for_one.png) no-repeat;
	background-size: 1100px auto;
} 
.ns722tb3-installation-lto.two-lto {
	background: url(../../uploads/product/ns722tb3/ns722tb3_simple_installation_for_two.png) no-repeat;
	background-size: 1100px auto;
} 
.stage_frame {
	width: 100%;
	height: 100vh;
	overflow: hidden;
	position: absolute;
}
.ns722tb3-hint-ico {
	display: block;
	position: absolute;
	width: 30px;
	height: 30px;
	bottom: 5%;
	left: 50%;
	color: #ff6c4a;
}
.ns722tb3-hint-ico svg {
	width: 100%;
	height: 100%;
	transform: scale(1);
}
.ns722tb3-hint-ico::before {
	content: 'scroll';
	position: absolute;
	top: -100%;
	left: -15%;
	animation: NS722TB3ScrollIt 1s ease-out 2s infinite;
}
.ns722tb3-extreme-bandwidth-wrap {
	width: 100%;
	padding-bottom: 46.875%;
	background: url(../../uploads/product/ns722tb3/ns722tb3_interface_bandwidth.jpg) no-repeat;
	background-size: 100%;
	position: relative;
}
.ns722tb3-bandwidth-showbox {
	position: absolute;
	top: 39.45%;
	left: 5.84%;
	width: 40%;
}
.ns722tb3-bandwidth-number {
	width: 100%;
	display: flex;
	justify-content: flex-end;
	align-items: baseline;
	position: relative;
	color: #fff;
	font-size: 36px;
}
.ns722tb3-bandwidth-number::after {
	display: inline-block;
	content: 'MB/s';
	color: #ebebeb;
	font-size: 14px;
	margin-left: 6px;
}
.ns722tb3-bandwidth-progress-bar {
	display: flex;
	width: 100%;
	height: 35px;
	padding: 5px;
	border-radius: 10px;
	box-shadow: 0 0 22px rgba(73,131,147,0.8),
				inset 0 0 2px rgba(255,255,255,1),
				inset 0 0 10px rgba(85,180,209,0.4);
	position: relative;
}
.ns722tb3-bandwidth-bar-run {
	width: 100%;
	height: 100%;
	border-radius: 5px;
	background: linear-gradient(#c2c2c2, #888888);;
}

/* Computex Map Tag */
.computex-map {
	max-width: 100%;
}
.computex-tag {
	position: absolute;
	max-width: 100%;
	z-index: 2;
}

@media (min-width: 980px) and (max-width: 1199px) {
	.tb3-intro-1 {
		background-position: 50px 100px;
		height: 400px;
	}
	.tb3-intro-2 {
		background-position: 95% 0;
		height: 300px;
		background-size: 45%;
	}
	.tb3-intro-3 {
	background-position: 2% 100%;
	background-size: 45%;
	}
	.tb3-MountBox {
	width: 140px;
	}
	.tb3-4k-sample {
	width: 100%;
	}
	#tb3-sec6-item01 {
	width: 25%;
	}
	#tb3-sec6-item02 {
	width: 22%;
	margin-left: 18%;
	}
	#tb3-sec6-item03 {
	width: 100%;
	}
}
@media (min-width: 768px) and (max-width: 979px) {
	.tb3-intro-1 {
		background-position: 50px 100px;
		height: 400px;
	}
	.tb3-intro-2 {
		background-position: 95% 220px;
		height: 550px;
	}
	.tb3-intro-3 {
	background-position: -50% 100%;
	background-size: 65%;
	}
	.tb3-MountBox {
	width: 140px;
	}
	.tb3-intro-4 img {
	width: 22%;
	}
	.tb3-4k-sample {
	width: 100%;
	}
	#tb3-sec6-item01 {
	width: 32%;
	margin-left: 0;
	margin-top: 22%;
	}
	#tb3-sec6-item02 {
	width: 27%;
	margin-left: 18%;
	margin-top: 5%;
	}
	#tb3-sec6-item03 {
	width: 100%;
	}
}
@media (max-width: 767px) {
	.tb3-intro-1 {
		background-position: 0 200px;
		height: 400px;
		background-size: 90%;
	}
	.tb3-intro-2 {
		background-position: 95% 220px;
		height: 500px;
		background-size: 100%;
	}
	.tb3-intro-3 {
	background-position: 0 110%;
	background-size: 100%;
	height: 800px;
	}
	.tb3-MountBox {
	width: 140px;
	}
	.tb3-intro-4 img {
	width: 30%;
	}
	#tb3-sec4-item01 {
	margin-top: 120px;
	margin-left: -20px;
	}
	#tb3-sec4-item02 {
	margin-top: 70px;
	margin-left: 10px;
	}
	#tb3-sec4-item03 {
	margin-left: 30px;
	}
	.tb3-chart {
	width: 100%;
	}
	.tb3-4k-sample {
	width: 100%;
	}
	.tb3-intro-6 {
	height: 820px;
	}
	.tb3-sec6-p {
	width: 90%;
	top: 28%;
	left: 5%;
	}
	#tb3-sec6-item01 {
	width: 55%;
	margin-left: 0;
	margin-top: 95%;
	}
	#tb3-sec6-item02 {
	width: 45%;
	margin-left: 40%;
	margin-top: 75%;
	}
	.tb3-speed {
	text-align: left;
	}
	.na333tb3-graph-bar01, .na333tb3-graph-bar02, .na333tb3-graph-bar03, .na333tb3-graph-bar04, .na333tb3-graph-bar05 {
	margin: 0;
	}
	.na333tb3-graph-item {
	margin: 8% 2%;
	}
	.na333tb3-graph-value {
	display: inline-block;
	padding-left: 20px;
	}
	.na333tb3-graph-item {
	display: block;
	}
	.na333tb3-graph-bar01, .na333tb3-graph-bar02, .na333tb3-graph-bar03, .na333tb3-graph-bar04, .na333tb3-graph-bar05 {
	height: 16px;
	}
	.tb3-bar-holder {
	height: 16px;
	width: 100%;
	position: relative;
	margin: 0;
	}
	.na333tb3-graph-bar01 {
	width: 0%;
	-webkit-animation: TB3barHorizonAnimate1 2.5s ease 0s 1 forwards;
	-moz-animation: TB3barHorizonAnimate1 2.5s ease 0s 1 forwards;
	-o-animation: TB3barHorizonAnimate1 2.5s ease 0s 1 forwards;
	animation: TB3barHorizonAnimate1 2.5s ease 0s 1 forwards;
	}
	.na333tb3-graph-bar02 {
	width: 0%;
	-webkit-animation: TB3barHorizonAnimate2 1.5s ease 0s 1 forwards;
	-moz-animation: TB3barHorizonAnimate2 1.5s ease 0s 1 forwards;
	-o-animation: TB3barHorizonAnimate2 1.5s ease 0s 1 forwards;
	animation: TB3barHorizonAnimate2 1.5s ease 0s 1 forwards;
	}
	.na333tb3-graph-bar03 {
	width: 0%;
	-webkit-animation: TB3barHorizonAnimate3 1.5s ease 0s 1 forwards;
	-moz-animation: TB3barHorizonAnimate3 1.5s ease 0s 1 forwards;
	-o-animation: TB3barHorizonAnimate3 1.5s ease 0s 1 forwards;
	animation: TB3barHorizonAnimate3 1.5s ease 0s 1 forwards;
	}
	.na333tb3-graph-bar04 {
	width: 0%;
	-webkit-animation: TB3barHorizonAnimate3 1.5s ease 0s 1 forwards;
	-moz-animation: TB3barHorizonAnimate3 1.5s ease 0s 1 forwards;
	-o-animation: TB3barHorizonAnimate3 1.5s ease 0s 1 forwards;
	animation: TB3barHorizonAnimate3 1.5s ease 0s 1 forwards;
	}
	.na333tb3-graph-bar05 {
	width: 0%;
	-webkit-animation: TB3barHorizonAnimate5 1.5s ease 0s 1 forwards;
	-moz-animation: TB3barHorizonAnimate5 1.5s ease 0s 1 forwards;
	-o-animation: TB3barHorizonAnimate5 1.5s ease 0s 1 forwards;
	animation: TB3barHorizonAnimate5 1.5s ease 0s 1 forwards;
	}
	.mobile-box {
	display: block;
	}
	.normal-box {
	display: none;
	}
}
@media (max-width: 479px) {
	.tb3-intro-1 {
		background-position: 0 300px;
		height: 500px;
		background-size: 90%;
	}
	.tb3-intro-2 {
		background-position: 95% 0;
		height: 500px;
		background-size: 90%;
	}
	.tb3-chart {
	width: 100%;
	}
	.tb3-4k-sample {
	width: 100%;
	}
}
/* Individual End */

/* Text Control */
.ov-sec {
	border-bottom:1px solid #ddd;
	box-shadow:0 1px #fff;
	padding:20px 0;
	overflow:hidden;
}
.ov-title {
	font-size:36px;
	line-height:1.5em;
	color: #333;
	font-weight: 800;
}
.ov-p-l {
	font-size: 18px;
	margin: 16px auto;
}
.ov-p-m {
	font-size: 15px;
	margin: 16px auto;
	line-height: 1.5em;
}
.para-width-l {
	width: 80%;
}
.para-width-m {
	width: 60%;
}
.para-width-s {
	width: 40%;
}
.sub-ov-title {
	font-size:24px;
	line-height:1.5em;
	font-weight: 700;
}
.align-l {
	text-align: left;
}
.align-c {
	text-align: center;
}
.align-r {
	text-align: right;
}
.vt-adjust-01 {
	margin-top: 10%;
}
.vt-adjust-02 {
	margin-top: 20%;
}
.vt-adjust-03 {
	margin-top: 30%;
}
.vt-adjust-05 {
	margin-top: 50%;
}
@media (max-width: 767px) {
	.vt-adjust-01 {
	margin-top: 0%;
	}
	.vt-adjust-02 {
	margin-top: 0%;
	}
	.vt-adjust-03 {
	margin-top: 0%;
	}
	.vt-adjust-05 {
	margin-top: 0%;
	}
}
.anno {
	vertical-align: super;
	color: #fe5200;
	font-size: 0.6em;
}
.anno-txt {
	color: #999;
}
.capa-anno-txt {
	padding-left: 12px;
	font-size: 12px;
	line-height: 16px;
	color: #ea5a00;
}
.noted {
	display: block;
	width: 100%;
	font-size: 12px;
	color: #6FC;
}


.hl-special {
	font-size: 32px;
}
.special-cap-holder {
	color: #fff;
	padding: 10px;
	display: inline-block;
	margin: 40px 20px;
	border: solid 1px #fff;
	border-radius: 10px;
}
.special-cap-holder-2 {
	background-color: #fff;
	color: #000;
	padding: 10px;
	display: inline-block;
	margin: 40px 20px;
	border: solid 1px #fff;
	border-radius: 10px;
	opacity: 0.75;
}
.hl-special-2 {
	font-size: 32px;
	display: inline-block;
	margin-right: 6px;
}
@media (min-width: 768px) and (max-width: 979px) {
	.hl-special-2 {
	font-size: 20px;
	}
	.special-cap-holder {
	margin: 20px 10px;
	}
	.special-cap-holder-2 {
	font-size: 12px;
	}
}
@media (max-width: 767px) {
	.hl-special-2 {
	display: block;
	font-size: 20px;
	}
	.special-cap-holder {
	display: block;
	margin: 20px 40%;
	padding: 5px;
	}
	.special-cap-holder-2 {
	font-size: 10px;
	}
	
}

.dfile-pdf {
	display: inline-block;
	padding: 10px 20px;
	border-radius: 10px;
	margin: 0 30px 20px 0;
	color: #333;
	font-size: 20px;
	-webkit-transition: all 0.4s ease 0s;
	-moz-transition: all 0.4s ease 0s;
	-o-transition: all 0.4s ease 0s;
	transition: all 0.4s ease 0s;
	opacity: 0.6;
}
.data-icon {
	background-image: url(../../images/files_icon_datasheet.svg);
	background-repeat: no-repeat;
	background-size: 100px 120px;
	margin: 0 auto 8px;
	display: block;
	width: 100px;
	height: 120px;
}
.manual-icon {
	background-image: url(../../images/files_icon_manual.svg);
	background-repeat: no-repeat;
	background-size: 100px 120px;
	margin: 0 auto 8px;
	display: block;
	width: 100px;
	height: 120px;
}
.mac-driver-icon {
	background-image: url(../../images/files_icon_mac_driver.svg);
	background-repeat: no-repeat;
	background-size: 100px 120px;
	margin: 0 auto 8px;
	display: block;
	width: 100px;
	height: 120px;
}
.win-driver-icon {
	background-image: url(../../images/files_icon_win_driver.svg);
	background-repeat: no-repeat;
	background-size: 100px 120px;
	margin: 0 auto 8px;
	display: block;
	width: 100px;
	height: 120px;
}
.movie-clip-icon {
	background-image: url(../../images/video_icon.svg);
	background-repeat: no-repeat;
	background-size: 100px 120px;
	margin: 0 auto 8px;
	display: block;
	width: 100px;
	height: 120px;
}
.dfile-pdf:hover {
	opacity: 1;
	-webkit-transition: all 0.4s ease 0s;
	-moz-transition: all 0.4s ease 0s;
	-o-transition: all 0.4s ease 0s;
	transition: all 0.4s ease 0s;
}
.tb-icon {
	background-image: url(../../images/intel_tb_icon.svg);
	background-repeat: no-repeat;
	background-size: 16px 16px;
	margin: 0 2px;
	width: 16px;
	height: 16px;
}

/* Review Area */
.review-area {
	padding: 24px;
	overflow: auto;
	background-color: #fbfffd;
}
.review-item {
	display: block;
	clear: both;
}
.review-title {
	font-size: 18px;
	color: #000;
	margin:0 0 10px 10px;
}
.review-text {
	font-size: 12px;
	color: #aaa;
	margin-left: 10px;
	margin-bottom: 56px;
	line-height: 1.7em;
	-webkit-transition: all 0.4s ease 0s;
	-moz-transition: all 0.4s ease 0s;
	-o-transition: all 0.4s ease 0s;
	transition: all 0.4s ease 0s;
}
.review-item:hover .review-text {
	color: #ea5a00;
	-webkit-transition: all 0.4s ease 0s;
	-moz-transition: all 0.4s ease 0s;
	-o-transition: all 0.4s ease 0s;
	transition: all 0.4s ease 0s;
}

@media (max-width: 479px) {
	.special-cap-holder {
	display: block;
	}
}
/* Text Control End */
.sec3-img01 {
	max-width:25%;
	position:absolute;
	z-index: 1;
	top: 5%;
	left: 50%;
}
.sec3-img02 {
	max-width:30%;
	position:absolute;
	z-index: 2;
	top: 22px;
	left: 25%;
}
.bar-ch {
	margin-bottom: 40px;
}
.bar-name, .bar-value {
	display: inline-block;
	color: #2872a2;
}
.bar-name {
	font-size: 24px;
	width: 16%;
	text-align: right;
	margin-right: 10px;
}
.bar-value {
	font-size: 14px;
}
.bar {
	display: inline-block;
	margin: 0 24px;
}
.st-point01 {
	height: 10px;
	background-color: #2872a2;
}
.st-point02 {
	height: 10px;
	background-color: #2872a2;
}
.st-point03 {
	height: 10px;
	background-color: #c00;
}
.spd01 {
	width: 3%;
	-webkit-animation: barAnimate1 1s ease 0s 1 ;
	-moz-animation: barAnimate1 1s ease 0s 1 ;
	-o-animation: barAnimate1 1s ease 0s 1 ;
	animation: barAnimate1 1s ease 0s 1 ;
}
.spd02 {
	width: 30%;
	-webkit-animation: barAnimate2 1s ease 0s 1 ;
	-moz-animation: barAnimate2 1s ease 0s 1 ;
	-o-animation: barAnimate2 1s ease 0s 1 ;
	animation: barAnimate2 1s ease 0s 1 ;
}
.spd03 {
	width: 60%;
	-webkit-animation: barAnimate3 1.5s ease 0s 1 ;
	-moz-animation: barAnimate3 1.5s ease 0s 1 ;
	-o-animation: barAnimate3 1.5s ease 0s 1 ;
	animation: barAnimate3 1.5s ease 0s 1 ;
}
.hl {
	color: #c00;
}
.grey-txt {
	color: #787979;
}
@media (min-width: 980px) and (max-width: 1199px) {
	.bar-name, .bar-value {
		font-size: 18px;
	}
}
@media (min-width: 768px) and (max-width: 979px) {
	.bar-name, .bar-value {
		font-size: 16px;
	}
}
@media (max-width: 767px) {
	.na460c-sec1 {
		background-size: 100%;
		background-position: 50px 100px;
	}
	.na460c-sec5 {
		background-position: 90% 90%;
		height: 500px;
	}
	.bar-name, .bar-value {
		font-size: 24px;
		display: block;
		width: 100%;
		text-align: left;
	}
	.bar-value {
		font-size: 16px;
	}
	.bar {
		margin: 10px 0;
	}
	.ov-title {
		font-size:30px;
	}
	.na460c-sec3 {
		height: 620px;
	}
	.sec3-img01 {
	max-width:45%;
	position:absolute;
	z-index: 1;
	top: 5%;
	left: 50%;
	}
	.sec3-img02 {
	max-width:50%;
	position:absolute;
	z-index: 2;
	top: 22px;
	left: 10%;
	}
	.para-width-l, .para-width-m, .para-width-s {
		width: 100%;
	}
	.na255a-ex1, .na255a-ex2, .na255a-ex3, .na255a-ex4 {
		padding: 0px 12px;
		height: auto;
	}
}
@media (max-width: 579px) {

}
@keyframes barAnimate1 {
	0% { width: 0;}
	100% { width: 3%;}
}
@keyframes barAnimate2 {
	0% { width: 0;}
	100% { width: 30%;}
}
@keyframes barAnimate3 {
	0% { width: 0;}
	100% { width: 60%;}
}

@keyframes TB3barVerticalAnimate1 {
	0% { height: 0; margin-top: 200px;}
	100% { height: 200px; margin-top: 0;}
}
@keyframes TB3barVerticalAnimate2 {
	0% { height: 0; margin-top: 200px;}
	100% { height: 100px; margin-top: 100px;}
}
@keyframes TB3barVerticalAnimate3 {
	0% { height: 0; margin-top: 200px;}
	100% { height: 50px; margin-top: 150px;}
}
@keyframes TB3barVerticalAnimate5 {
	0% { height: 0; margin-top: 200px;}
	100% { height: 25px; margin-top: 175px;}
}

@keyframes TB3barHorizonAnimate1 {
	0% { width: 0;}
	100% { width: 80%;}
}
@keyframes TB3barHorizonAnimate2 {
	0% { width: 0;}
	100% { width: 40%;}
}
@keyframes TB3barHorizonAnimate3 {
	0% { width: 0;}
	100% { width: 20%;}
}
@keyframes TB3barHorizonAnimate5 {
	0% { width: 0;}
	100% { width: 10%;}
}

@keyframes hddInsert1 {
	0% { top:-100%; opacity:0;}
	10% { top:0; opacity:1;}
	40% { top:0; opacity:1;}
	50% {top:-100%; opacity:0;}
	100% {top:-100%; opacity:0;}
}
@keyframes hddInsert2 {
	0% { top:-100%; opacity:0;}
	50% { top:-100%; opacity:0;}
	60% { top:0; opacity:1;}
	90% { top:0; opacity:1;}
	100% {top:-100%; opacity:0;}
}
@keyframes PcieCardInsert1 {
	0% { opacity:0;}
	15% { opacity:1;}
	35% { opacity:1;}
	50% { opacity:0;}
	100% {opacity:0;}
}
@keyframes PcieCardInsert2 {
	0% { opacity:1;}
	15% { opacity:0;}
	35% { opacity:0;}
	50% { opacity:1;}
	100% {opacity:1;}
}
@keyframes FlowEffect1 {
	0% { left:-50%; opacity:0;}
	15% { left:0; opacity:1;}
	35% { left:0; opacity:1;}
	50% { left:-50%; opacity:0;}
	100% { left:-50%; opacity:0;}
}
@keyframes FlowEffect2 {
	0% { left:0; opacity:1;}
	15% { left:-50%; opacity:0;}
	35% { left:-50%; opacity:0;}
	50% { left:0; opacity:1;}
	100% { left:0; opacity:1;}
}

@keyframes Np631nLShow1 {
	0% { opacity:1;}
	15% { opacity:1;}
	20% { opacity:0;}
	95% { opacity:0;}
	100% {opacity:1;}
}
@keyframes Np631nLShow2 {
	0% { opacity:0;}
	20% { opacity:0;}
	25% { opacity:1;}
	35% { opacity:1;}
	40% { opacity:0;}
	100% {opacity:0;}
}
@keyframes Np631nLShow3 {
	0% { opacity:0;}
	35% { opacity:0;}
	40% { opacity:1;}
	55% { opacity:1;}
	60% { opacity:0;}
	100% {opacity:0;}
}
@keyframes Np631nLShow4 {
	0% { opacity:0;}
	55% { opacity:0;}
	60% { opacity:1;}
	75% { opacity:1;}
	80% { opacity:0;}
	100% {opacity:0;}
}
@keyframes Np631nLShow5 {
	0% { opacity:0;}
	75% { opacity:0;}
	80% { opacity:1;}
	95% { opacity:1;}
	100% {opacity:0;}
}

@keyframes Np631nAss1 {
	0% { opacity:0; bottom:0; left:-20%;}
	10% { opacity:1; bottom:0; left:-20%;}
	25% { opacity:1; bottom:0; left:-20%;}
	40% { opacity:1; bottom:0; left:0;}
	50% { opacity:1; bottom:0; left:0;}
	60% {opacity:0; bottom:-100%; left:0;}
	100% {opacity:0; bottom:-100%; left:0;}
}
@keyframes Np631nAss2 {
	0% { opacity:0; bottom:0; right:-30%;}
	10% { opacity:0; bottom:0; right:-30%;}
	25% { opacity:1; bottom:0; right:-30%;}
	40% { opacity:1; bottom:0; right:0;}
	50% { opacity:1; bottom:0; right:0;}
	60% {opacity:0; bottom:-100%; right:0;}
	100% {opacity:0; bottom:-100%; right:0;}
}
@keyframes Np631nAss3 {
	0% { opacity:0; bottom:-100%;}
	60% {opacity:0; bottom:-100%;}
	65% {opacity:1; bottom:0;}
	100% {opacity:1; bottom:0;}
}

@keyframes IndiFlash01 {
	0% { opacity:0;}
	1% {opacity:0;}
	2% {opacity:1;}
	3% {opacity:0;}
	10% {opacity:0;}
	11% {opacity:1;}
	12% {opacity:0;}
	15% {opacity:0;}
	16% {opacity:1;}
	18% {opacity:0;}
	28% {opacity:0;}
	29% {opacity:1;}
	30% {opacity:0;}
	32% {opacity:0;}
	33% {opacity:1;}
	34% {opacity:0;}
	37% {opacity:0;}
	38% {opacity:1;}
	39% {opacity:0;}
	42% {opacity:0;}
	43% {opacity:1;}
	44% {opacity:0;}
	100% {opacity:0;}
}
@keyframes NA341TB3DiskFlash {
	0% { opacity:0;}
	1% {opacity:0;}
	2% {opacity:1;}
	3% {opacity:0;}
	6% {opacity:0;}
	7% {opacity:1;}
	8% {opacity:0;}
	9% {opacity:0;}
	10% {opacity:1;}
	11% {opacity:0;}
	12% {opacity:1;}
	15% {opacity:0;}
	16% {opacity:1;}
	18% {opacity:0;}
	20% {opacity:0;}
	21% {opacity:1;}
	25% {opacity:1;}
	27% {opacity:0;}
	28% {opacity:1;}
	32% {opacity:1;}
	33% {opacity:0;}
	100% {opacity:0;}
}
@keyframes NA341TB3HDDFail {
	0% { opacity:0;}
	35% {opacity:0;}
	36% {opacity:1;}
	100% {opacity:1;}
}
@keyframes NA341TB3DiskError {
	0% { opacity:0;}
	40% {opacity:0;}
	47% {opacity:1;}
	100% {opacity:1;}
}
@keyframes NA341TB3NotiMail {
	0% { opacity:0;}
	52% {opacity:0; transform:translate3d(0,10%,0);}
	58% {opacity:1; transform:translate3d(0,0,0);}
	66% {opacity:1; transform:translate3d(0,0,0);}
	68% {opacity:0; transform:translate3d(100%,0,0);}
	100% {opacity:0; transform:translate3d(100%,0,0);}
}
@keyframes TripleFadeIn1 {
	0% {opacity:1;}
	30% {opacity:1;}
	33% {opacity:0;}
	96% {opacity:0;}
	100% {opacity:1;}
}
@keyframes TripleFadeIn2 {
	0% {opacity:0;}
	30% {opacity:0;}
	33% {opacity:1;}
	63% {opacity:1;}
	66% {opacity:0;}
	100% {opacity:0;}
}
/*@keyframes NS370TB3Enclosure {
	0% {opacity:0; transform:translate3d(0,100%,0);}
	5% {opacity:1; transform:none;}
	100% {opacity:1; transform:none;}
}*/
@keyframes NS370TB3Power {
	0% {opacity:0;}
	10% {opacity:0;}
	11% {opacity:1;}
	100% {opacity:1;}
}
@keyframes NS370TB3Access {
	0% {opacity:0;}
	18% {opacity:0;}
	19% {opacity:1;}
	20% {opacity:0;}
	21% {opacity:1;}
	22% {opacity:0;}
	23% {opacity:1;}
	24% {opacity:0;}
	25% {opacity:1;}
	26% {opacity:0;}
	27% {opacity:0;}
	28% {opacity:1;}
	32% {opacity:1;}
	33% {opacity:0;}
	34% {opacity:1;}
	36% {opacity:0;}
	37% {opacity:1;}
	38% {opacity:0;}
	42% {opacity:0;}
	43% {opacity:1;}
	49% {opacity:1;}
	50% {opacity:0;}
	51% {opacity:1;}
	54% {opacity:1;}
	55% {opacity:0;}
	56% {opacity:1;}
	58% {opacity:1;}
	59% {opacity:0;}
	100% {opacity:0;}
}
@keyframes NS370TB3Error {
	0% {opacity:0;}
	60% {opacity:0;}
	61% {opacity:1;}
	100% {opacity:1;}
}
@keyframes NS370TB3ErrorMsg {
	0% {opacity:0;}
	63% {opacity:0;}
	68% {opacity:1;}
	100% {opacity:1;}
}
@keyframes NS370TB3Mail {
	0% {opacity:0;}
	70% {opacity:0; transform:translate3d(0,20%,0); perspective: 0px; width:100%;}
	75% {opacity:1; transform:translate3d(0,0,0); perspective: 0px; width:100%;}
	80% {opacity:1; transform:translate3d(0,0,0); perspective: 180px; width:100%;}
	90% {opacity:0; transform:translate3d(0,100%,0); perspective: 180px; width:0%;}
	100% {opacity:0;}
}
@keyframes NS370TB335Hdd {
	0% {opacity:0;}
	15% {opacity:1;}
	43% {opacity:1;}
	58% {opacity:0;}
	100% {opacity:0;}
}
@keyframes NS370TB325Ssd {
	0% {opacity:0;}
	43% {opacity:0;}
	58% {opacity:1;}
	86% {opacity:1;}
	100% {opacity:0;}
}
@keyframes AnimateHintBar {
	0% {width:0;}
	100% {width:100%;}
}
@keyframes NA611TB3nvmeSize01 {
	0% {opacity:0;}
	4% {opacity:100;}
	20% {opacity:100;}
	24% {opacity:0;}
	100% {opacity:0;}
}
@keyframes NA611TB3nvmeSize02 {
	0% {opacity:0;}
	24% {opacity:0;}
	28% {opacity:100;}
	44% {opacity:100;}
	48% {opacity:0;}
	100% {opacity:0;}
}
@keyframes NA611TB3nvmeSize03 {
	0% {opacity:0;}
	48% {opacity:0;}
	52% {opacity:100;}
	68% {opacity:100;}
	72% {opacity:0;}
	100% {opacity:0;}
}
@keyframes NA611TB3nvmeSize04 {
	0% {opacity:0;}
	72% {opacity:0;}
	76% {opacity:100;}
	92% {opacity:100;}
	96% {opacity:0;}
	100% {opacity:0;}
}
@keyframes NA211APCIeSpeed {
	0% { width: 0;}
	100% { width: 100%;}
}
@keyframes NA380APlusEffect {
	0% {opacity:1;}
	20% {opacity:1;}
	30% {opacity:0;}
	100% {opacity:0;}
}
@keyframes NA380APlusDisk {
	0% {opacity:1;}
	40% {opacity:1; width:100%; margin-left:0;}
	60% {opacity:0; width:0%; margin-left:30%;}
	100% {opacity:0; width:0%; margin-left:30%;}
}
@keyframes NA380APlusCard {
	0% {opacity:1;}
	60% {opacity:1; width:100%; margin-left:0;}
	80% {opacity:0; width:0%; margin-left:30%;}
	100% {opacity:0; width:0%; margin-left:30%;}
}
@keyframes NA380APowerAccLed01 {
	0% {opacity:1;}
	1% {opacity:0;}
	8% {opacity:0;}
	9% {opacity:1;}
	10% {opacity:0;}
	11% {opacity:1;}
	12% {opacity:0;}
	13% {opacity:1;}
	14% {opacity:0;}
	35% {opacity:0;}
	36% {opacity:1;}
	37% {opacity:0;}
	38% {opacity:1;}
	39% {opacity:0;}
	40% {opacity:1;}
	41% {opacity:0;}
	71% {opacity:0;}
	72% {opacity:1;}
	73% {opacity:0;}
	74% {opacity:1;}
	75% {opacity:0;}
	83% {opacity:0;}
	84% {opacity:1;}
	85% {opacity:0;}
	86% {opacity:1;}
	87% {opacity:0;}
	88% {opacity:1;}
	89% {opacity:0;}
	100% {opacity:0;}
}
@keyframes NS330SLcdFinger01 {
	0% {opacity:0;}
	10% {opacity:1;}
	31% {opacity:1;}
	41% {opacity:0;}
	100% {opacity:0;}
}
@keyframes NS330SLcdFinger02 {
	0% {opacity:0;}
	41% {opacity:0;}
	50% {opacity:1;}
	64% {opacity:1;}
	67% {opacity:0;}
	100% {opacity:0;}
}
@keyframes NS330SLcdFinger03 {
	0% {opacity:1;}
	10% {opacity:0;}
	64% {opacity:0;}
	73% {opacity:1;}
	100% {opacity:1;}
}
@keyframes NS390SStaggerBox {
	0% {opacity:0;}
	10% {opacity:1;}
	45% {opacity:1;top:-53.125%;}
	50% {opacity:1;top:0;}
	100% {opacity:1;top:0;}
}
@keyframes NS390SStaggerFinger {
	0% {opacity:0;top:-43.125%}
	10% {opacity:0;top:-43.125%}
	15% {opacity:1;top:-53.125%;}
	35% {opacity:1;top:-53.125%;}
	40% {opacity:0;top:-43.125%;}
	100% {opacity:0;top:-43.125%;}
}
@keyframes NS390SStaggerIndicator {
	0% {opacity:0;}
	30% {opacity:0;}
	35% {opacity:1;}
	45% {opacity:1;top:-53.125%;}
	50% {opacity:1;top:0;}
	100% {opacity:1;top:0;}
}
@keyframes NS390SStaggerBoxInside {
	0% {opacity:0;}
	50% {opacity:0;}
	55% {opacity:1;}
	100% {opacity:1;}
}
@keyframes NS390SStaggerPower01 {
	0% {opacity:0;}
	6.25% {opacity:1;}
	85% {opacity:1;}
	87.5% {opacity:0;}
	100% {opacity:0;}
}
@keyframes NS390SStaggerAccess01 {
	0% {opacity:0;}
	6.25% {opacity:0;}
	8%,10%,12%,14%,16%,18%,20%,22%,24%,26%,28%,30%,38%,40% {opacity:1;}
	9%,11%,13%,15%,17%,19%,21%,23%,25%,27%,29%,31%,37%,39% {opacity:0;}
	42% {opacity:0;}
	100% {opacity:0;}
}
@keyframes NS390SStaggerPower02 {
	0% {opacity:0;}
	43.75% {opacity:0;}
	50% {opacity:1;}
	85% {opacity:1;}
	87.5% {opacity:0;}
	100% {opacity:0;}
}
@keyframes NS390SStaggerAccess02 {
	0% {opacity:0;}
	50% {opacity:0;}
	52%,54%,56%,58%,60%,62%,64%,74%,76%,78%,80%,82%,84% {opacity:1;}
	53%,55%,57%,59%,61%,63%,65%,73%,75%,77%,79%,81%,83%,85% {opacity:0;}
	87.5% {opacity:0;}
	100% {opacity:0;}
}
@keyframes NS390SFlowMistF {
	0% {opacity:0.4;}
	30% {opacity:0.7;}
	55% {opacity:0.3;}
	80% {opacity:0.7;}
	100% {opacity:0.4;}
}
@keyframes NS390SFlowMistS {
	0% {opacity:0.6;}
	50% {opacity:0.9;}
	100% {opacity:0.6;}
}
@keyframes NS390SFlowDirection {
	0% {left:-0.6%;opacity:0;}
	80% {left:1%;opacity:1;}
	100% {left:1%;opacity:0;}
}
@keyframes NS390SSysR01 {
	0% {opacity:1; transform:scale(0)}
	40% {opacity:0; transform:scale(1)}
	100% {opacity:0; transform:scale(1)}
}
@keyframes NS390SSysR02 {
	0% {opacity:1; transform:scale(0)}
	10% {opacity:1; transform:scale(0)}
	50% {opacity:0; transform:scale(1)}
	100% {opacity:0; transform:scale(1)}
}
@keyframes NS390SSysR03 {
	0% {opacity:1; transform:scale(0)}
	20% {opacity:1; transform:scale(0)}
	60% {opacity:0; transform:scale(1)}
	100% {opacity:0; transform:scale(1)}
}
@keyframes NS390SSysR04 {
	0% {opacity:1; transform:scale(0)}
	30% {opacity:1; transform:scale(0)}
	70% {opacity:0; transform:scale(1)}
	100% {opacity:0; transform:scale(1)}
}
@keyframes NS390SSysR05 {
	0% {opacity:1; transform:scale(0)}
	40% {opacity:1; transform:scale(0)}
	80% {opacity:0; transform:scale(1)}
	100% {opacity:0; transform:scale(1)}
}
@keyframes NS390SSysR06 {
	0% {opacity:1; transform:scale(0)}
	50% {opacity:1; transform:scale(0)}
	90% {opacity:0; transform:scale(1)}
	100% {opacity:0; transform:scale(1)}
}
@keyframes NS390SFinShadow {
	0% {opacity: 0; left:0;}
	59% {opacity: 0; left:0;}
	60% {opacity: 1; left:0;}
	70% {opacity: 1; left:0;}
	75% {opacity: 1; left:-4.2%;}
	85% {opacity: 1; left:-4.2%;}
	90% {opacity: 0; left:-4.2%;}
	100% {opacity: 0; left:-4.2%;}
}
@keyframes NS390SFinPress {
	0% {top:70%; left:0;}
	55% {top:70%; left:0;}
	60% {top:0; left:0;}
	70% {top:0; left:0;}
	75% {top:0; left:-4.2%;}
	85% {top:0; left:-4.2%;}
	90% {top:70%; left:-4.2%;}
	100% {top:70%; left:-4.2%;}
}
@keyframes NS390SAlarmLed {
	0%,2%,4%,6%,8%,10%,12%,14%,16%,18%,20%,22%,24%,26%,28%,30%,32%,34%,36%,38%,40% {opacity: 0;}
	1%,3%,5%,7%,9%,11%,13%,15%,17%,19%,21%,23%,25%,27%,29%,31%,33%,35%,37%,39%,41% {opacity: 1;}
	42%,44%,46%,48%,50%,52%,54%,56%,58%,60%,62%,64%,66%,68%,70%,72%,74%,76%,78%,80%,82%,84%,86% {opacity: 0;}
	43%,45%,47%,49%,51%,53%,55%,57%,59%,61%,63%,65%,67%,69%,71%,73%,75%,77%,79%,81%,83%,85% {opacity: 1;}
	90% {opacity: 0;}
	100% {opacity: 0;}
}
@keyframes NS372tb3Switch01 {
	0% {opacity: 0;}
	10% {opacity: 1;}
	40% {opacity: 1;}
	50% {opacity: 0;}
	100% {opacity: 0;}
}
@keyframes NS372tb3Switch02 {
	0% {opacity: 0;}
	50% {opacity: 0;}
	60% {opacity: 1;}
	90% {opacity: 1;}
	100% {opacity: 0;}
}
@keyframes NS372tb3SetupInsideR {
	0% {opacity: 0;}
	12.5% {opacity: 0;}
	25% {opacity: 1;}
	100% {opacity: 1;}
}
@keyframes NS372tb3SetupInsideL {
	0% {opacity: 0;}
	50% {opacity: 0;}
	62.5% {opacity: 1;}
	100% {opacity: 1;}
}
@keyframes NS372tb3SetupDriveA {
	0% {opacity: 0; margin-top:5%;}
	12.5% {opacity: 1; margin-top:0;}
	100% {opacity: 1; margin-top:0;}
}
@keyframes NS372tb3SetupDriveB {
	0% {opacity: 0; margin-top:5%;}
	37.5% {opacity: 0; margin-top:5%;}
	50% {opacity: 1; margin-top:0;}
	100% {opacity: 1;}
}
@keyframes NS372tb3SetupCableA {
	0% {opacity: 0; margin-top:-3%;}
	25% {opacity: 0; margin-top:-3%;}
	37.5% {opacity: 1; margin-top:0;}
	100% {opacity: 1;}
}
@keyframes NS372tb3SetupCableB {
	0% {opacity: 0; margin-top:-3%;}
	62.5% {opacity: 0; margin-top:-3%;}
	75% {opacity: 1; margin-top:0;}
	100% {opacity: 1;}
}
@keyframes NS372tb3SetupTb3 {
	0% {opacity: 0;}
	75% {opacity: 0;}
	85% {opacity: 1;}
	100% {opacity: 1;}
}
@keyframes NS388Pbar01 {
	0% {width:0;}
	100% {width:54.16%;}
}
@keyframes NS388Pbar02 {
	0% {width:0;}
	100% {width:6.77%;}
}
@keyframes NS388PVTEffect01 {
	0% {opacity: 0;}
	3% {opacity: 1;}
	9% {opacity: 1;}
	12% {opacity: 0;}
	100% {opacity: 0;}
}
@keyframes NS388PVTEffect02 {
	0% {opacity: 0;}
	12% {opacity: 0;}
	15% {opacity: 1;}
	21% {opacity: 1;}
	24% {opacity: 0;}
	100% {opacity: 0;}
}
@keyframes NS388PVTEffect03 {
	0% {opacity: 0;}
	24% {opacity: 0;}
	27% {opacity: 1;}
	33% {opacity: 1;}
	36% {opacity: 0;}
	100% {opacity: 0;}
}
@keyframes NS388PVTEffect04 {
	0% {opacity: 0;}
	36% {opacity: 0;}
	39% {opacity: 1;}
	45% {opacity: 1;}
	48% {opacity: 0;}
	100% {opacity: 0;}
}
@keyframes NS388PVTEffect05 {
	0% {opacity: 0;}
	48% {opacity: 0;}
	51% {opacity: 1;}
	57% {opacity: 1;}
	60% {opacity: 0;}
	100% {opacity: 0;}
}
@keyframes NS388PVTEffect06 {
	0% {opacity: 0;}
	60% {opacity: 0;}
	63% {opacity: 1;}
	69% {opacity: 1;}
	72% {opacity: 0;}
	100% {opacity: 0;}
}
@keyframes NS388PVTEffect07 {
	0% {opacity: 0;}
	72% {opacity: 0;}
	75% {opacity: 1;}
	81% {opacity: 1;}
	84% {opacity: 0;}
	100% {opacity: 0;}
}
@keyframes NS388PVTEffect08 {
	0% {opacity: 0;}
	84% {opacity: 0;}
	87% {opacity: 1;}
	93% {opacity: 1;}
	96% {opacity: 0;}
	100% {opacity: 0;}
}
@keyframes NS388PTrayInsert {
	0% {top:14.45%; left:7.8125%; opacity:1;}
	13% {top:14.45%; left:7.8125%; opacity:1;}
	25% {top:0; left:0; opacity:1;}
	100% {top:0; opacity:1;}
}
@keyframes NS388PTrayShadow {
	0% {opacity:1;}
	22% {opacity:1;}
	25% {opacity:0;}
	100% {opacity:0;}
}
@keyframes NS388PTraytop {
	0% {top:12%; opacity:1;}
	12.5% {top:6%; opacity:0;}
	25% {top:0; opacity:0}
	100% {top:0; opacity:0}
}
@keyframes NS388PTrayPwr {
	0% {opacity:0;}
	27.5% {opacity:0}
	37.5% {opacity:1}
	100% {opacity:1}
}
@keyframes NS388PTrayAcs {
	0% {opacity:0;}
	49% {opacity:0;}
	50%,55%,60%,64%,70%,80% {opacity:1;}
	53%,57%,62%,65%,75%,85% {opacity:0;}
	100% {opacity: 0;}
}
@keyframes NS388PPowerFadeIn01 {
	0% {opacity:0;}
	10% {opacity:1;}
	30% {opacity:1;}
	40% {opacity:0;}
	100% {opacity:0;}
}
@keyframes NS388PPowerFadeIn02 {
	0% {opacity:0;}
	30% {opacity:0;}
	40% {opacity:1;}
	60% {opacity:1;}
	70% {opacity:0;}
	100% {opacity:0;}
}
@keyframes NS388PPowerFadeIn03 {
	0% {opacity:0;}
	60% {opacity:0;}
	70% {opacity:1;}
	90% {opacity:1;}
	100% {opacity:0;}
}
@keyframes NA381TB3GlowBG {
	0% {opacity:1;}
	75% {opacity:1;}
	100% {opacity:0;}
}
@keyframes NA381TB3MiniInside {
	0% {opacity:0.3;}
	50% {opacity:1;}
	100% {opacity:0.3;}
}
@keyframes NA381TB3EnclosureShow {
	0% {opacity:1; left:-100%;}
	20% {opacity:1; left:-10%;}
	35% {opacity:1; left:0;}
	50% {opacity:1; left:0;}
	75% {opacity:0; left:0;}
	100% {opacity:0; left:0;}
}
@keyframes NA381TB3ComputerShow {
	0% {opacity:1; left:100%;}
	20% {opacity:1; left:10%;}
	35% {opacity:1; left:0;}
	50% {opacity:1; left:0;}
	75% {opacity:0; left:0;}
	100% {opacity:0; left:0;}
}
@keyframes NA221AG3PCIEHostShow01 {
	0% {opacity:1;}
	40% {opacity:1;}
	50% {opacity:0;}
	90% {opacity:0;}
	100% {opacity:1;}
}
@keyframes NA221AG3PCIEHostShow02 {
	0% {opacity:0;}
	40% {opacity:0;}
	50% {opacity:1;}
	90% {opacity:1;}
	100% {opacity:0;}
}
@keyframes NA211AG3FanSwirl {
	from {transform: rotate(0deg);}
	to {transform: rotate(359deg);}
}
@keyframes NA211AG3FanSpeedSwitch01 {
	0%,50% {opacity:1;}
	51%,100% {opacity:0;}
}
@keyframes NA211AG3FanSpeedSwitch02 {
	0%,50% {opacity:0;}
	51%,100% {opacity:1;}
}
@keyframes NA211AG3FanIn01 {
	0% {opacity:0.2;}
	12.5%,37.5% {opacity:0.4;}
	25%,50% {opacity:0.2;}
	60%,70%,80%,90% {opacity:0.3;}
	65%,75%,85%,95% {opacity:0.7;}
	100% {opacity:0.1;}
}
@keyframes NA211AG3FanIn02 {
	0% {opacity:0;}
	50% {opacity:0;}
	60%,70%,80%,90% {opacity:0.7;}
	65%,75%,85%,95% {opacity:0.3;}
	100% {opacity:0.4;}
}
@keyframes NA211AG3FanMount {
	0%,46%,100% {width:30%}
	51%,96% {width:100%}
}
@keyframes NA622TB3LedSet01 {
	0% {opacity:1;}
	25% {opacity:1;}
	26%,100% {opacity:0;}
}
@keyframes NA622TB3LedSet02 {
	0%,25% {opacity:0;}
	26%,50% {opacity:1;}
	51%,100% {opacity:0;}
}
@keyframes NA622TB3LedSet03 {
	0%,50% {opacity:0;}
	51%,75% {opacity:1;}
	76%,100% {opacity:0;}
}
@keyframes NA622TB3LedSet04 {
	0%,75% {opacity:0;}
	76%,100% {opacity:1;}
}
@keyframes NA622TB3BtnSlide {
	0%,25% {left: 40.9896%;}
	25.1% {left: 40.9896%;}
	33.33%,58.33% {left: 47.5521%;}
	58.34% {left: 47.5521%;}
	66.66%,91.66% {left: 54.7917%;}
	91.67% {left: 54.7917%;}
	100% {left: 40.9896%;}
}
@keyframes NA622TB3FlowS {
	0%,25% {opacity:1;}
	25.1% {opacity:1;}
	33.33%,91.66% {opacity:0;}
	91.67% {opacity:0;}
	100% {opacity:1;}
}
@keyframes NA622TB3FlowM {
	0%,25% {opacity:0;}
	25.1% {opacity:0;}
	33.33%,58.33% {opacity:1;}
	58.34% {opacity:1;}
	66.66%,100% {opacity:0;}
}
@keyframes NA622TB3FlowL {
	0%,58.33% {opacity:0;}
	58.34% {opacity:0;}
	66.66%,91.66% {opacity:1;}
	91.67% {opacity:1;}
	100% {opacity:0;}
}
@keyframes NS780SOpenChassis {
	0% {left:-16%;}
	25%,100% {left:100%;}
}
@keyframes NS780SShowTrays {
	0%,37.5% {background-size:100%; background-position:50% 50%;}
	62.5%,100% {background-size:170%; background-position:70% 10%;}
}
@keyframes NS780SShowNumber {
	0% {opacity:0;}
	100% {opacity:1;}
}
@keyframes NS780SFansSetToChassis {
	0%,99% {opacity:1;}
	100% {opacity:0;}
}
@keyframes NS780SFFanInsert01 {
	0% {width:5.3125%; padding-bottom:46.5555555556%; top:4.888888889%; left:23.125%;opacity:1;}
	50%,99% {width:4.270833%; padding-bottom:37.1111%; top:12.4444%; left:23.645833%;opacity:1;}
	100% {width:4.270833%; padding-bottom:37.1111%; top:12.4444%; left:23.645833%;opacity:0;}
}
@keyframes NS780SFFanInsert02 {
	0% {width:5.3125%; padding-bottom:46.5555555556%; top:52%; left:23.125%;opacity:1;}
	50%,99% {width:4.270833%; padding-bottom:37.1111%; top:54.1111%; left:23.645833%;opacity:1;}
	100% {width:4.270833%; padding-bottom:37.1111%; top:54.1111%; left:23.645833%;opacity:0;}
}
@keyframes NS780SBFanInsert01 {
	0% {width:7.1354166667%; padding-bottom:45.777777778%; top:3.22222222%; left:79.375%;opacity:1;}
	50%,99% {width:5.6770833%; padding-bottom:36.6666667%; top:12.22222222%; left:80.20833333%;opacity:1;}
	100% {width:5.6770833%; padding-bottom:36.6666667%; top:12.22222222%; left:80.20833333%;opacity:0;}
}
@keyframes NS780SBFanInsert02 {
	0% {width:7.1354166667%; padding-bottom:45.777777778%; top:49.55555555556%; left:79.375%;opacity:1;}
	50%,99% {width:5.6770833%; padding-bottom:36.6666667%; top:49.3333333%; left:80.20833333%;opacity:1;}
	100% {width:5.6770833%; padding-bottom:36.6666667%; top:12.22222222%; left:80.20833333%;opacity:0;}
}
@keyframes NS780SThermalFlow {
	0% {background: url(../../uploads/product/ns780s/ns780s_thermal_flow_status_10.png) no-repeat;background-size: contain;}
	10% {background: url(../../uploads/product/ns780s/ns780s_thermal_flow_status_02.png) no-repeat;background-size: contain;}
	20% {background: url(../../uploads/product/ns780s/ns780s_thermal_flow_status_03.png) no-repeat;background-size: contain;}
	30% {background: url(../../uploads/product/ns780s/ns780s_thermal_flow_status_04.png) no-repeat;background-size: contain;}
	40% {background: url(../../uploads/product/ns780s/ns780s_thermal_flow_status_05.png) no-repeat;background-size: contain;}
	50% {background: url(../../uploads/product/ns780s/ns780s_thermal_flow_status_06.png) no-repeat;background-size: contain;}
	60% {background: url(../../uploads/product/ns780s/ns780s_thermal_flow_status_07.png) no-repeat;background-size: contain;}
	70% {background: url(../../uploads/product/ns780s/ns780s_thermal_flow_status_08.png) no-repeat;background-size: contain;}
	80% {background: url(../../uploads/product/ns780s/ns780s_thermal_flow_status_09.png) no-repeat;background-size: contain;}
	90% {background: url(../../uploads/product/ns780s/ns780s_thermal_flow_status_10.png) no-repeat;background-size: contain;}
	100% {background: url(../../uploads/product/ns780s/ns780s_thermal_flow_status_01.png) no-repeat;background-size: contain;}
}
@keyframes NS780SRaidCardZoomChassis {
	0% {background-size:60%; background-position:50% 50%;}
	100% {background-size:165%; background-position:155% 93.5%;}
}
@keyframes NA255AG4ZoomChassis {
	0% {background-size:60%; background-position:50% 50%;}
	100% {background-size:150%; background-position:135% 93.5%;}
}
@keyframes NS780SPcieSlotShowing {
	0% {opacity:0;}
	100% {opacity:100;}
}
@keyframes donut {
  0% { stroke-dasharray: 0, 1000; }
  100% { stroke-dasharray: 1000, 1000; }
}
@keyframes NA341AKeyTurn {
	0%,12.5% {transform:rotate(0deg);}
	25%,62.5% {transform:rotate(90deg);}
	87.5%,100% {transform:rotate(0deg);}
}
@keyframes NA341ATolockDirection {
	0%,12.4% {opacity:1;}
	12.5%,99% {opacity:0;}
	100% {opacity:1;}
}
@keyframes NA341AUnlockDirection {
	0%,49.9% {opacity:0;}
	50%,62.4% {opacity:1;}
	62.5%,100% {opacity:0;}
}
@keyframes NA341AUnlockStatus {
	0%,12.5% {opacity:1;}
	13%,87% {opacity:0;}
	87.5%,100% {opacity:1;}
}
@keyframes NA341ALockStatus {
	0%,24.5% {opacity:0;}
	25%,62.5% {opacity:1;}
	63%,100% {opacity:0;}
}
@keyframes NS722TB3ScrollIt {
	0% {top: -150%;}
	70% {top: -100%;}
	100 {top: -150%;}
}