@charset "utf-8";
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	/*vertical-align: baseline;*/
}
*,
*:after,
*:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0;
	margin: 0;
}
::selection {
	background:rgba(255,255,255, 0.9);
	color:#000;
}
::-moz-selection {
	background:rgba(255,255,255, 0.9);
	color:#000;
}


.button-1, .button-2, .button-halftrans a, .decoration-corner2-one, .decoration-corner2-two, .decoration-corner2-three, .decoration-corner2-four, .decoration-corner-one, .decoration-corner-two, .decoration-corner-three, .decoration-corner-four, .milestone-list, 
.bottom-list
{ display: inline-block; background: url('../images/avexir-images.png') no-repeat; overflow: hidden; }



body {
	background:#000;
	font-family:"微軟正黑體","微软雅黑体";
	font-size:14px;
	line-height:1.5;
	
}

a {
	text-decoration:none;
}

.wrapper, .top-wrapper {
	position:relative;
}
.wrapper {
	background:url(../images/bg-1.jpg) no-repeat fixed center;
	min-width:1200px;
	background-size:cover;
}
.clear {
	clear:both;
}
/*nav-start*/
.nav-wrapper {
	position:absolute;
	z-index:10;
	width:100%;
}


.main-nav {
	background:url(../images/top-bg.png) repeat-x center;
	height:76px;
	min-width:1200px;
	position:relative;
	z-index:10;
}
.nav-item-box {
	width:1200px;
	margin:0 auto;
	overflow:hidden;
}
.nav-item {
	position:relative;
	float:left;
	background:url(../images/nav-split.png) no-repeat;
	color:#FFF;
	font-size:16px;
	/*width:15%;*/
	width:12.5%;
	padding:23px 0 28px 40px;
	transition: all ease-in-out .3s;
	-webkit-transition: all ease-in-out .3s;
	-o-transition: all ease-in-out .3s;
	-moz-transition: all ease-in-out .3s;
}
.nav-item-home{
	background:none;
	width:20%;
	padding:23px 0 28px 60px;
}
.logo-1, .logo-2 {
	overflow:hidden;
	position:absolute;
	transition: all ease-in-out .3s;
	-webkit-transition: all ease-in-out .3s;
	-o-transition: all ease-in-out .3s;
	-moz-transition: all ease-in-out .3s;
} 
.logo-2 {
	width:0;
}
.nav-item-home:hover .logo-2 {
	width:100%;
}
.nav-item:hover {
	color:#52abff;
	text-shadow:0 0 15px rgba(42, 175, 255, 1);
}
.nav-item-box .nav-selected {
	color:#52abff;
	text-shadow:0 0 15px rgba(42, 175, 255, 1);
}
.decoration-line {
	position:absolute;
	top:0;
	left:26px;
	background:#454545;
	width:50px;
	height:4px;
	transform:skewX(-20deg);
	-webkit-transform:skewX(-20deg);
	-o-transform:skewX(-20deg);
	-webkit-transform:skewX(-20deg);
	transition: all ease-in-out .3s;
	-webkit-transition: all ease-in-out .3s;
	-o-transition: all ease-in-out .3s;
	-moz-transition: all ease-in-out .3s;
}
.nav-item:hover .decoration-line {
	background:#52abff;
	width:130px;
	box-shadow:0 0 15px rgba(42, 175, 255, 1);
}
.nav-item-box .nav-selected .decoration-line{
	background:#52abff;
	width:130px;
	box-shadow:0 0 15px rgba(42, 175, 255, 1);
}
.sub-nav {
	position:relative;
	width:1200px;
	margin:0 auto;
}
.sub-nav-outer {
	position:absolute;
	width:16%;
	padding:10px 0;
	text-align:center;
	opacity:0;
	display:none;
	top:-5px;
	z-index:5;
	background:url(../images/1px-dark.png) repeat\9;
	background:rgba(0,0,0,.8);
	border: #0e3252 2px solid;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4), 0px 0px 5px rgba(0, 0, 0, 0.7);
}
.no-sub {
	top:-200px;
	left:-200px;
}
.sub-nav-1 {
	left:18.5%;
}
.sub-nav-2 {
	left:31%;
}
.sub-nav-5 {
	left:56%;
}
.sub-level-1{
	color:#FFF;
	display:block;
	padding:5px 10px;
	margin:0 10px;
	text-align:left;
	border-left: 3px solid rgba(0,0,0,0);
	border-left: 0 solid #52abff\9;
	transition: all ease-in-out .3s;
	-webkit-transition: all ease-in-out .3s;
	-o-transition: all ease-in-out .3s;
	-moz-transition: all ease-in-out .3s;
}
.sub-level-1:hover {
	text-shadow:0 0 15px rgba(42, 175, 255, 1),0 0 9px rgba(255,255,255, .3),0 0 3px rgba(0, 0,0, .3);
	color:#fff;
	padding-left:20px;
	background:url(../images/blue-bar.png);
	border-left:3px solid #52abff;
	box-shadow: 0px 0px 80px rgba(0, 143, 255, 0.1) inset;
}
.rog-red {
	text-shadow:0 0 15px rgba(255, 42, 42, 1),0 0 9px rgba(255,255,255, .3),0 0 3px rgba(0, 0,0, .3);
	border-left:3px solid rgba(141, 0, 0, 0.55);
	background:url(../images/red-bar-2.png);
}
.rog-red:hover {
	text-shadow:0 0 15px rgba(255, 42, 42, 1),0 0 9px rgba(255,255,255, .3),0 0 3px rgba(0, 0,0, .3);
	border-left:3px solid #FF1717;
	box-shadow:0px 0px 80px rgba(255, 0, 0, 0.1) inset;
	background:url(../images/red-bar.png);
} 
.sub-link-box {
	position: absolute;
	width: 100px;
	padding: 5px 0;
	right: -90px;
	z-index: 5;
	background: url(../images/1px-dark.png) repeat\9;
	background: rgba(0,0,0,.8);
	border: #0e3252 2px solid;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4), 0px 0px 5px rgba(0, 0, 0, 0.7);
	opacity:0;
	-webkit-transition: all ease-in-out .3s;
	-o-transition: all ease-in-out .3s;
	-moz-transition: all ease-in-out .3s;
}
/*.sb1 {
	top: 0;
}
.sb2 {
	top: 20px;
}
.sb3 {
	top: 53px;
}
.sb4 {
	top: 115px;
}
.sb5 {
	top: 210px;
}*/
.sb1 {
	top: 0;
}
.sb2 {
	top: 20px;
}
.sb3 {
	top: 50px;
}
.sb4 {
	top: 115px;
}
.sb5 {
	top: 210px;
}
.sb6 {
	top: 85px;
}
.sub-level-1:hover > .sub-link-box {
	opacity:1;
	z-index:10;
}
.sub-link-box a {
	color:#FFF;
	display:block;
	padding:3px 5px;
	margin:0 5px;
	border-left: 3px solid rgba(0,0,0,0);
	border-left: 0 solid #52abff\9;
	transition: all ease-in-out .3s;
	-webkit-transition: all ease-in-out .3s;
	-o-transition: all ease-in-out .3s;
	-moz-transition: all ease-in-out .3s;
}
.sub-link-box a:hover {
	color:#fff;
	text-shadow: 0px 0px 10px rgba(255,255,255,.5), 1px 1px 0 rgba(0,0,0,.4);
	padding-left:15px;
	background:url(../images/blue-bar.png);
	border-left:3px solid #52abff;
	box-shadow: 0px 0px 80px rgba(0, 143, 255, 0.1) inset;
}
/*nav-end*/

/*------------------------------------------------------------------------------------------*/

/*slider-star*/
.slider-wrapper {
	position:relative;
	height:600px;
	animation: slidemove 1s cubic-bezier(0.605, -0.570, 0.545, 1.620);
	-webkit-animation: slidemove 1s cubic-bezier(0.605, -0.570, 0.545, 1.620);
	-o-animation: slidemove 1s cubic-bezier(0.605, -0.570, 0.545, 1.620);
	-moz-animation: slidemove 1s cubic-bezier(0.605, -0.570, 0.545, 1.620);
}
@keyframes slidemove {
	  0% { opacity:0; transform:translateY(-100px); }
	 100% { opacity:1; transform:translateY(0);}
}
@-webkit-keyframes slidemove {
	  0% { opacity:0; -webkit-transform:translateY(-100px); }
	 100% { opacity:1; -webkit-transform:translateY(0);}
}
@-moz-keyframes slidemove {
	  0% { opacity:0; -moz-transform:translateY(-100px); }
	 100% { opacity:1; -moz-transform:translateY(0);}
}
@-o-keyframes slidemove {
	  0% { opacity:0; -o-transform:translateY(-100px); }
	 100% { opacity:1; -o-transform:translateY(0);}
}

.slide-box {
	position:absolute;
	height:600px;
	width:100%;
	min-width:1200px;
	z-index:0;
	opacity:0;
	background:#000;
	display:none\9;
	transition: all ease-in-out .3s;
	-webkit-transition: all ease-in-out .3s;
	-o-transition: all ease-in-out .3s;
	-moz-transition: all ease-in-out .3s;
}
.slide-partner {
	background:url(../images/bg_partner.jpg) no-repeat center;
	background-size:cover;
}
.slide-halloween a {
	position: absolute;
	font-size: 22px;
	color: #FFF;
	display: inline-block;
	padding: 0 20px;
	background:rgba(215, 32, 32, 1);
	box-shadow: 0px 4px 0px #8A0000;
	right: 100px;
	border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	top: 400px;
	font-weight:bold;
}
.slide-halloween a:hover {
	top:403px;
	box-shadow: 0px 2px 0px #8A0000;
}
.slide-halloween {
	background:url(../images/bg_halloween.jpg) no-repeat center;
	background-size:cover;
}
.slide-05 {
	background:url(../images/bg_raiden.jpg) no-repeat center;
	background-size:cover;
}
.slide-06 {
	background:url(../images/bg_computex.jpg) no-repeat center;
	background-size:cover;
}
.slide-07 {
	background:url(../images/bg_kuso.jpg) no-repeat center;
	background-size:cover;
}
.slide-08 {
	background:url(../images/bg_activity.jpg) no-repeat center;
	background-size:cover;
}
.toraiden {
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
}
.slide-01 {
	background:url(../images/bg_ddr4.jpg) no-repeat center;
	background-size:cover;
}
.slide-02 {
	background:url(../images/bg_ifaward.jpg) no-repeat center;
	background-size:cover;
}
.slide-03 {
	background:url(../images/bg_blitz.jpg) no-repeat center;
	background-size:cover;
}
.slide-04 {
	background:url(../images/bg_core.jpg) no-repeat center;
	background-size:cover;
}
.slide-show {
	z-index:5;
	opacity:1;
	display:block\9;
}
.slide-content-box {
	position:relative;
	width:1200px;
	margin:80px auto 0 auto;
	color:#FFF;
}
.arrow-right {
	position:absolute;
	top:50%;
	left:50%;
	margin-left:-600px;
	width:48px;
	height:98px;
	background:url(../images/arrow-white.png);
	cursor:pointer;
}
.list-dot-wrapper {
	z-index:10;
	position:absolute;
	width:100%;
	min-width:1200px;
	bottom:15px;
}
.list-dot-box {
	width:1200px;
	margin:0 auto;
	padding:0 40px 0 0;
	text-align:right;
}

.list-dot {
	height:10px;
	width:33px;
	margin:0 5px;
	cursor:pointer;
	display:inline-block;
	background:rgba(255,255,255,.2);
	transition: all ease-in-out .3s;
	-webkit-transition: all ease-in-out .3s;
	-o-transition: all ease-in-out .3s;
	-moz-transition: all ease-in-out .3s;
}
.list-dot-selected, .list-dot:hover {
	background:#52abff;
}
.button-core, .award-information {
	color:#fff;
	display:inline-block;
	font-size:16px;
	text-align:center;
	line-height:3;
	width:19%;
	border-radius:5px;
	-webkit-border-radius:5px;
	-o-border-radius:5px;
	-moz-border-radius:5px;
	transition:all .3s ease-in-out;
	-moz-transition:all .3s ease-in-out;
	-o-transition:all .3s ease-in-out;
	-webkit-transition:all .3s ease-in-out; 
}
.button-core {
	background:#DB392A;
}
.button-core:hover {
	background:#EA4839;
}
.award-information {
	margin:320px 15px 0 630px;
	background:#000;
}
.award-information:hover {
	background:#201D1B;
}
/*slider-end*/

/*------------------------------------------------------------------------------------------*/

/*bottom-start*/
.bottom-nav-wrapper {
	position:relative;
	z-index:10;
	background:url(../images/bottom-bg.png) repeat-x center;
	height:320px;
	min-width:1200px;
}
.bottom-nav {
	width:1200px;
	margin:0 auto;
	overflow:hidden;
}
.lan-select {
	width:200px;
	text-align:center;
	margin:15px auto 0 auto;
	line-height:2.5;
	color:#FFF;
	cursor:pointer;
	transition: all ease-in-out .3s;
	-webkit-transition: all ease-in-out .3s;
	-o-transition: all ease-in-out .3s;
	-moz-transition: all ease-in-out .3s;
}
.lan-select:hover {
	color:#52abff;
	text-shadow:0 0 15px rgba(42, 175, 255, 1);
}
.bt-nav-box {
	position:relative;
	overflow:hidden;
	margin:20px 0 0 0;
}
.bottom-lsit-box {
	float:left;
	width:255px;
	padding:0 0 0 30px;
}
.icon-box {
	position:relative;
	float:left;
	margin:5px 10px 0 0;
	width:42px;
	height:42px;
	background:rgba(0,0,0,.7);
	background:#000\9;
	cursor:pointer;
	transition: all ease-in-out .3s;
	-webkit-transition: all ease-in-out .3s;
	-o-transition: all ease-in-out .3s;
	-moz-transition: all ease-in-out .3s;
}
.icon-fb .icon-label {
	width:42px;
	height:42px;
	background:url(../images/community-icon.png) no-repeat;
}
.icon-weibo .icon-label {
	width:42px;
	height:42px;
	background:url(../images/community-icon.png) no-repeat;
	background-position:-42px 0;
}
.icon-weixin .icon-label {
	width:42px;
	height:42px;
	background:url(../images/community-icon.png) no-repeat;
	background-position:-84px 0;
}
.icon-fb:hover {
	background:#0084ff;
}
.icon-weibo:hover {
	background:#ff0000;
}
.icon-weixin:hover {
	background:#09c800;
}
.qrcode-box {
	display:none;
	position:absolute;
	left:-100px;
	width:140px;
	height:140px;
	padding:10px 0 0 0;
	z-index:10;
}
.icon-weixin:hover .qrcode-box {
	display:block;
}
.qrcode-box img {
	width:140px;
	height:140px;
	display:block;
	margin:0 auto;
	box-shadow: 0 0 6px 5px rgba(0, 0, 0, 0.5);
}
.bottom-split {
	width:56px;
	padding:20px 0 0 0;
}
.bottom-main {
	padding:0 0 0 17px;
	margin:5px 0 0 0;
	background:url(../images/bottom-list.png) no-repeat;
	background-position: 0 5px;
}
.bottom-main a {
	color:#FFF;
	font-size:14px;
	line-height:1.75;
	text-shadow:1px 1px 1px rgb(0,0,0);
}
.bottom-sub-box {
	margin:0 0 0 30px;
	color:#d6d6d6;
	font-size:12px;
	text-shadow:1px 1px 1px rgb(0,0,0);
}
.bottom-sub-link{
	margin:0 0 0 30px;
	color:#d6d6d6;
	font-size:12px;
	text-shadow:1px 1px 1px rgb(0,0,0);
}
.bottom-sub-level-2 {
	margin:0;
}
.bottom-sub-link:hover {
	color:#52abff;
}
.rog-link:hover {
	color:#FF1717;
}
.copy-right {
	position:absolute;
	bottom:10px;
	right:40px;
	color:#d6d6d6;
	font-size:12px;
}
/*bottom-end*/

/*------------------------------------------------------------------------------------------*/

/*lan-wrapper-start*/
.lan-wrapper {
	background:url(../images/1px-dark.png) repeat\9;
	background:rgba(0,0,0,0.8);
	/*position:absolute;*/
	position:fixed;
	z-index:15;
	top:0;
	bottom:0;
	width:100%;
	min-width:1200px;
	opacity:0;
	display:none;
}
.lan-list-box {
	position:fixed;
	width:0;
	height:0;
	background:url(../images/1px-dark.png) repeat\9;
	background:rgba(0,0,0,.4);
	border: #10324F 1px solid;
	left:50%;
	margin-left:0;
	bottom:200px;
	overflow:hidden;
	transform:scale(1.3);
	-o-transform:scale(1.3);
	-moz-transform:scale(1.3);
	-webkit-transform:scale(1.3)
}
.lan-list {
	padding:15px;
	width:300px;
}
.resize-show {
	bottom:350px;
	height:154px;
	width:300px;
	margin-left:-150px;
	transition: width ease-in-out .3s .3s, margin-left ease-in-out .3s .3s, height ease-in-out .3s, bottom ease-in-out .3s;
	-webkit-transition: width ease-in-out .3s .3s, margin-left ease-in-out .3s .3s, height ease-in-out .3s, bottom ease-in-out .3s;
	-o-transition: width ease-in-out .3s .3s, margin-left ease-in-out .3s .3s, height ease-in-out .3s, bottom ease-in-out .3s;
	-moz-transition: width ease-in-out .3s .3s, margin-left ease-in-out .3s .3s, height ease-in-out .3s, bottom ease-in-out .3s;
}
.resize-hide {
	bottom:200px;
	height:0;
	width:0;
	margin-left:0;
	transition: width ease-in-out .3s , margin-left ease-in-out .3s , height ease-in-out .3s .3s, bottom ease-in-out .3s .3s;
	-webkit-transition: width ease-in-out .3s , margin-left ease-in-out .3s , height ease-in-out .3s .3s, bottom ease-in-out .3s .3s;
	-moz-transition: width ease-in-out .3s , margin-left ease-in-out .3s , height ease-in-out .3s .3s, bottom ease-in-out .3s .3s;
	-o-transition: width ease-in-out .3s , margin-left ease-in-out .3s , height ease-in-out .3s .3s, bottom ease-in-out .3s .3s;
} 
.lan-list a {
	text-align:center;
	padding:5px 10px;
	color:#FFF;
	display:block;
	border-right: 0 solid #52abff;
	border-left: 0 solid #52abff;
	transition: all ease-in-out .3s;
	-webkit-transition: all ease-in-out .3s;
	-o-transition: all ease-in-out .3s;
	-moz-transition: all ease-in-out .3s;
}

.lan-list a:hover {
	color:#fff;
	text-shadow: 0 0 15px rgba(42, 175, 255, 1), 1px 1px 1px rgba(0,0,0,.5);
	background:url(../images/blue-bar.png);
	border-right: 3px solid #52abff;
	border-left:3px solid #52abff;
	box-shadow: 0px 0px 80px rgba(0, 143, 255, 0.1) inset;
}
.lan-list a.lan-close {
	color:#999;
}
.lan-list a.lan-close:hover {
	color:#fff;
}
.decoration-corner-one {
	position:absolute;
	top:0px;
	left:0px;
	width:14px;
	height:14px;
	background-position: -140px -180px;
}
.decoration-corner-two {
	position:absolute;
	top:0px;
	right:0px;
	width:14px;
	height:14px;
	background-position: -140px -199px;
}
.decoration-corner-three {
	position:absolute;
	bottom:0px;
	left:0px;
	width:14px;
	height:14px;
	background-position: -49px -216px;
}
.decoration-corner-four {
	position:absolute;
	bottom:0px;
	right:0px;
	width:14px;
	height:14px;
	background-position: -68px -216px;
}
/*lan-wrapper-end*/

/*-----------------------------------------------------------------------------------------*/

/*index-news-start*/
.index-middle-wrapper {
	width:1200px;
	margin:60px auto;
	overflow:hidden;
	animation: subindexmove 1.2s cubic-bezier(0.605, -0.570, 0.545, 1.620);
	-webkit-animation: subindexmove 1.2s cubic-bezier(0.605, -0.570, 0.545, 1.620);
	-o-animation: subindexmove 1.2s cubic-bezier(0.605, -0.570, 0.545, 1.620);
	-moz-animation: subindexmove 1.2s cubic-bezier(0.605, -0.570, 0.545, 1.620);
}
@keyframes subindexmove {
	  0% { opacity:0; transform:translateY(40px); }
	  50% { opacity:0; transform:translateY(40px); }
	 100% { opacity:1; transform:translateY(0); }
}
@-moz-keyframes subindexmove {
	  0% { opacity:0; -moz-transform:translateY(40px); }
	  50% { opacity:0; -moz-transform:translateY(40px); }
	 100% { opacity:1; -moz-transform:translateY(0); }
}
@-webkit-keyframes subindexmove {
	  0% { opacity:0; -webkit-transform:translateY(40px); }
	  50% { opacity:0; -webkit-transform:translateY(40px); }
	 100% { opacity:1; -webkit-transform:translateY(0); }
}
@-o-keyframes subindexmove {
	  0% { opacity:0; -o-transform:translateY(40px); }
	  50% { opacity:0; -o-transform:translateY(40px); }
	 100% { opacity:1; -o-transform:translateY(0); }
}

.short-news-box {
	float:left;
	width:65%;
	padding:0 25px;
}
.blitz-page-box {
	float:left;
	width:35%;
	padding:0 25px;
}

.blitz-page, .short-news {
	position:relative;
	height:300px;
	background:url(../images/1px-dark.png) repeat\9;
	background:rgba(0,0,0,.7);
	border-width:1px;
	border-style:solid;
	border-color:#2972b2 #082640;
}
.top-solid {
	margin:1px 0 0 0;
	height:1px;
	background:#2972b2;
}
.title-box {
	font-size:16px;
	margin:20px;
	color:#FFF;
}
.title-word {
	line-height:1;
	padding:0 0 0 40px;
}
.title-block {
	position:relative;
	width:16px;
	height:12px;
	background:#52abff;
}
.title-block:before {
	content:"";
	position:absolute;
	border-width:6px;
	border-color:transparent transparent #52abff #52abff;
	border-style:solid;
	left:16px;
}
.title-bar {
	height:2px;
	background: #2972b2;
	border-left: solid 200px #52abff;
}
.more-button {
	position:absolute;
	bottom:0;
	right:0;
}
.more-button a {
	position:relative;
	background:#2972b2;
	color:#000;
	font-size:12px;
	padding:5px 10px 5px 6px;
	transition: all ease-in-out .3s;
	-webkit-transition: all ease-in-out .3s;
	-o-transition: all ease-in-out .3s;
	-moz-transition: all ease-in-out .3s;
}
.more-button a:hover {
	background:#52abff;
}
.more-button a:before {
	content:"";
	position:absolute;
	border-width:12px;
	border-color:transparent #2972b2 #2972b2 transparent ;
	border-style:solid;
	left:-24px;
	top:0;
	transition: all ease-in-out .3s;
	-webkit-transition: all ease-in-out .3s;
	-o-transition: all ease-in-out .3s;
	-moz-transition: all ease-in-out .3s;
}
.more-button a:hover:before {
	border-color:transparent #52abff #52abff transparent ;
}
.short-title {
	position:relative;
	display:block;
	color:#d6d6d6;
	margin:0 20px 5px 20px;
	padding:0 0 0 10px;
	line-height:2.6;
	z-index:0;
	transition: all ease-in-out .3s;
	-webkit-transition: all ease-in-out .3s;
	-o-transition: all ease-in-out .3s;
	-moz-transition: all ease-in-out .3s;
}
.short-title:hover {
	background: url(../images/blue-bar.png) repeat;
	color: #fff;
	text-shadow: 0 0 15px rgba(255, 255, 255, 1), 1px 1px 1px rgba(0,0,0,.5);
	box-shadow: 0px 0px 80px rgba(0, 143, 255, 0.1) inset;
}
.short-title:before {
	position:absolute;
	content:"";
	left:-1px;
	top:15%;
	height:70%;
	width:3px;
	background:#454545;
	transition: all ease-in-out .3s;
	-webkit-transition: all ease-in-out .3s;
	-o-transition: all ease-in-out .3s;
	-moz-transition: all ease-in-out .3s;
}
.short-title:hover:before {
	background:#52abff;
	box-shadow:0 0 15px rgba(42, 175, 255, 1);
}
.short-title:after {
	position:absolute;
	content:"";
	top:0;
	bottom:0;
	left:0;
	right:0;
	z-index:-1;
	background:url(../images/move-bar.png) repeat-y;
	background-position:-100px 0;
}
.short-title:hover:after {
	animation: movebar infinite 2s ease-in-out ;
	-moz-animation: movebar infinite 2s ease-in-out ;
	-o-animation: movebar infinite 2s ease-in-out ;
	-webkit-animation: movebar infinite 2s ease-in-out ;
}
@keyframes movebar {
	0% {background-position:-100px 0;}
	100%{background-position:700px 0;opacity:0;}
}
@-moz-keyframes movebar {
	0% {background-position:-100px 0;}
	100%{background-position:700px 0;opacity:0;}
}
@-o-keyframes movebar {
	0% {background-position:-100px 0;}
	100%{background-position:700px 0;opacity:0;}
}
@-webkit-keyframes movebar {
	0% {background-position:-100px 0;}
	100%{background-position:700px 0;opacity:0;}
}

.toblitz-img, .toblitz-words {
	display:block;
	padding:0 20px;
}
.toblitz-img img {
	width:100%;
}
.toblitz-words {
	color:#d6d6d6;
	font-size:13px;
	line-height:2;
	margin:10px 0 0 0;
	transition: all ease-in-out .3s;
	-webkit-transition: all ease-in-out .3s;
	-o-transition: all ease-in-out .3s;
	-moz-transition: all ease-in-out .3s;
}
.toblitz-words:hover {
	color:#fff;
}
/*index-news-blitz-end*/

/*-----------------------------------------------------------------------------------------*/

/*middle-wrapper-start*/
.middle-wrapper {
	position:relative;
	min-height:700px;
	width:1200px;
	margin:0 auto;
	padding:150px 0 0 0;
	z-index:1;
}
.page-title-box {
	position:relative;
	overflow:hidden;
	margin:0 15px;
	padding:25px;
	border-color:#2972b2 #082640 #2972b2 #082640;
	border-width:1px;
	border-style:solid;
	background:url(../images/1px-dark.png) repeat\9;
	background:rgba(0,0,0,.7);
	z-index:1;
}
.page-title-box:hover .series-description {
	color:#fff;
}


.page-title {
	position:relative;
	background:url(../images/blue-bar.png);
	color:#fff;
	font-size:30px;
	text-align:center;
	text-shadow:0 0 10px rgba(255 ,255 , 255, .6), 1px 1px 0 rgba(0,0,0,.4);
	box-shadow: 0px 0px 80px rgba(0, 143, 255, 0.1) inset;
}
.page-title:before {
	position:absolute;
	content:"";
	left:-2px;
	top:15%;
	height:70%;
	width:5px;
	background:#52abff;
	box-shadow:0 0 15px rgba(42, 175, 255, 1);
}
.page-title:after {
	position:absolute;
	content:"";
	right:-2px;
	top:15%;
	height:70%;
	width:5px;
	background:#52abff;
	box-shadow:0 0 15px rgba(42, 175, 255, 1);
}
.animate-move:before,.animate-move:after {
	position:absolute;
	content:"";
	background:url(../images/move-bar.png) repeat-y;
	z-index:-1;
	top:0;
	left:0;
	right:0;
	bottom:0;
}
.animate-move:before {
	animation: animate-left infinite 2s ease-in-out ;
	-moz-animation: animate-left infinite 2s ease-in-out ;
	-o-animation: animate-left infinite 2s ease-in-out ;
	-webkit-animation: animate-left infinite 2s ease-in-out ;
}
.animate-move:after {
	animation: animate-right infinite 2s ease-in-out ;
	-moz-animation: animate-right infinite 2s ease-in-out ;
	-o-animation: animate-right infinite 2s ease-in-out ;
	-webkit-animation: animate-right infinite 2s ease-in-out ;
}
@keyframes animate-left {
	0% {background-position:-100px 0;}
	100%{background-position:900px 0;opacity:0;}
}
@-moz-keyframes animate-left {
	0% {background-position:-100px 0;}
	100%{background-position:900px 0;opacity:0;}
}
@-o-keyframes animate-left {
	0% {background-position:-100px 0;}
	100%{background-position:900px 0;opacity:0;}
}
@-webkit-keyframes animate-left {
	0% {background-position:-100px 0;}
	100%{background-position:900px 0;opacity:0;}
}

@keyframes animate-right {
	0% {background-position:1118px 0;}
	100%{background-position:118px 0;opacity:0;}
}
@-moz-keyframes animate-right {
	0% {background-position:1118px 0;}
	100%{background-position:118px 0;opacity:0;}
}
@-o-keyframes animate-right {
	0% {background-position:1118px 0;}
	100%{background-position:118px 0;opacity:0;}
}
@-webkit-keyframes animate-right {
	0% {background-position:1118px 0;}
	100%{background-position:118px 0;opacity:0;}
}


.title-description {
	position:relative;
	margin:30px 0 0 0;
	overflow:hidden;
	color:#fff;
}
.title-description img {
	width:100%;
}
.page-content-box {
	position:relative;
	/*overflow:hidden;*/
	border:#082640 1px solid;
	margin:40px 15px 70px 15px;
	padding:60px;
	background:url(../images/1px-dark.png) repeat\9;
	background:url(../images/lines.png), rgba(0,0,0,.7);
}
.page-content-box .title-font, .title-font-first{
	font-size:30px;
	color:#52abff;
	line-height:1;
	padding:20px 0 0 0;
}
.title-font-first {
	padding:0;
}
.page-content-box p {
	color:#d6d6d6;
	margin:10px 0 15px 0;
	line-height:2;
	text-align:justify;
}
.decoration-corner2-one {
	position:absolute;
	top:-15px;
	left:-15px;
	width:39px;
	height:39px;
	background-position: -177px -90px;
}
.decoration-corner2-two {
	position:absolute;
	top:-15px;
	right:-15px;
	width:39px;
	height:39px;
	background-position: -177px -134px;
}
.decoration-corner2-three {
	position:absolute;
	bottom:-15px;
	left:-15px;
	width:39px;
	height:39px;
	background-position: -177px -178px;
}
.decoration-corner2-four {
	position:absolute;
	bottom:-15px;
	right:-15px;
	width:39px;
	height:39px;
	background-position: -5px -216px;
}
/*middle-wrapper-end*/

/*-----------------------------------------------------------------------------------------*/

/*milestone-start*/
.milestone-box {
	margin:50px 0 0 0;
}
.milestone-box-first {
	margin:0;
}
.milestone-box:nth-child(odd) .milestone-content {
	background:url(../images/milestone-bg.png) repeat-x;
}
.milestone-box:nth-child(even) .milestone-content {
	background:url(../images/milestone-bg-2.png) repeat-x;
}
.milestone-content {
	background:url(../images/milestone-bg.png) repeat-x\9;
	overflow:hidden;
	position:relative;
}
.decoration-bar1 {
	height:1px;
	background:#52abff;
	margin:0 0 1px 0;
}
.decoration-bar2 {
	background:#2972b2;
	height:1px;
}
.decoration-bar3 {
	height:1px;
	background:#2972b2;
	border-left:220px solid #52abff;
}
.years-box {
	position:relative;
	float:left;
	display:table;
	min-height:200px;
	color:#fff;
	font-size:60px;
	text-shadow: 0px 0px 10px rgba(255,255,255,.5), 1px 1px 0 rgba(0,0,0,.4);
	background:url(../images/1px-dark.png)\9;
	background:rgba(0,0,0,.5);
}
.years {
	width:220px;
	display:table-cell;
	vertical-align:middle;
	text-align:center;
}
.years-mask {
	background:url(../images/black-bar.png) repeat;
	position:absolute;
	z-index:2;
	bottom:0;
	left:0;
	top:0;
	right:0;
}
.event-wrapper {
	float:left;
	display:table;
	min-height:200px;
	width:820px;
}
.event-lists-box {
	display:table-cell;
	vertical-align:middle;
}
.event-lists {
	color:#d6d6d6;
	line-height:2;
	margin:0 0 0 40px;
	padding:0 0 0 20px;
	background:url(../images/milestone-list.png) no-repeat;
	background-position:3px 6px;
}
/*milestone-end*/

/*-----------------------------------------------------------------------------------------*/

/*award-start*/
.award-box {
	float:left;
	margin:0 5% 5% 0;
	width:30%;
}
.award-box-bottom {
	margin:0 5% 0 0;
}
.award-box img {
	position:relative;
	transition: all ease-in-out .8s;
	-webkit-transition: all ease-in-out .8s;
	-o-transition: all ease-in-out .8s;
	-moz-transition: all ease-in-out .8s;
}
.award-box:hover img {
	transform:rotateY(360deg);
	-webkit-transform:rotateY(360deg);
	-moz-transform:rotateY(360deg);
	-o-transform:rotateY(360deg);
}
.award-box-last {
	margin:0;
}
.award-title {
	text-align:center;
	font-size:16px;
	color:#ffb400;
	text-shadow:0 0 10px rgba(255, 163, 42, 1);
	line-height:2;
}
.award-year {
	font-size:20px;
	padding:0 10px 0 0;
	color:#fff;
	text-shadow:0 0 10px rgba(255 ,255 , 255, 1);
}
.award-content {
	background:url(../images/award-bg.png) no-repeat center, rgba(0,0,0,.6);
	background:url(../images/award-bg.png) no-repeat center\9;
	height:155px;
	overflow:hidden;
	border-top:solid 1px #2972b2;
	border-bottom:solid 1px #52abff;
	perspective: 300px;
	-moz-perspective: 300px;
	-o-perspective: 300px;
	-webkit-perspective: 300px;
	position:relative; 
}
.if2014 {
	display:block;
	margin:50px auto 0 auto;
}
.edite2014 {
	display:block;
	margin:20px auto 0 auto;
}
.computex2013, .computex2015 {
	display:block;
	margin:30px auto 0 auto;
}
/*award-end*/

/*-----------------------------------------------------------------------------------------*/

/*warranty-contact-start*/
.warranty-1 li, .warranty-2 li{
	list-style:none;
	line-height:2;
	color:#d6d6d6;
	padding:0 0 0 20px;
	background:url(../images/milestone-list.png) no-repeat;
	background-position:0 6px;
}
.warranty-2 li{
	margin:0 0 10px 0;
}

.contact-list {
	/*float:left*/
	color:#fff;
	padding:0 0 0 20px;
	background:url(../images/milestone-list.png) no-repeat;
	background-position:0 6px;
}
.contact-list-box1 {
	width:50%;
}
.contact-list-box2 {
	width:20%;
}
.contact-list-box3 {
	width:30%;
}
.contact-list-box1, .contact-list-box2, .contact-list-box3 {
	float:left;
}
/*warranty-contact-end*/



/*form-start*/
.form-box-outer {
	border:1px solid transparent;
}
.online-form-box-outer {
	margin:10px 0 20px 0;
}
.button-1,.button-2 ,.button-3{
	background-position: -5px -0px;
	width:232px;
	height:40px;
	font-size:16px;
	line-height:2.3;
	color:#d6d6d6;
	cursor:pointer;
	border:1px solid #2972b2;
	float:left;
	margin:5px 20px 40px 0;
	text-align:center;
	transition: all ease-in-out .3s;
	-webkit-transition: all ease-in-out .3s;
	-o-transition: all ease-in-out .3s;
	-moz-transition: all ease-in-out .3s;
}
.button-2 {
	margin:-25px 0 10px 73%;
}
.button-3 {
	margin:-25px 0 10px 4%;
}
.button-1:hover ,.button-2:hover, .button-3:hover, .button-2-click{
	color:#FFF;
	text-shadow: 0px 0px 10px rgba(255,255,255,.5), 1px 1px 0 rgba(0,0,0,.4);
	border-color:#52abff;
	box-shadow: 0px 0px 20px rgba(0, 143, 255, 0.5) inset, 0px 0px 6px rgba(0, 143, 255, 0.2) inset, 0px 0px 3px rgba(255, 255, 255, 0.4) inset;
}
.button-1 i {
	font-size:18px;
	margin:0 5px 0 0;
	display:none\9;
}
.button-2 i, .button-3 i{
	margin:0 0 0 5px;
	transition: transform ease-in-out .3s;
	-webkit-transition: -webkit-transform ease-in-out .3s;
	-o-transition: -o-transform ease-in-out .3s;
	-moz-transition: -moz-transform ease-in-out .3s;
}
.button-2-click i, .button-3-click i {
	transform:rotate(-180deg);
	-webkit-transform:rotate(-180deg);
	-moz-transform:rotate(-180deg);
	-o-transform:rotate(-180deg);
}
.form-box {
	overflow:hidden;
	padding:20px;
}
.form-divide-box {
	float:left;
	width:50%;
}
.left-box {
	padding:0 10px 0 0;
}
.right-box {
	padding:0 0 0 10px;
}
.input-box {
	position:relative;
	margin:0 0 30px 0;
}
.input-box-last {
	margin:0;
}
.input-box input, .input-box select , .input-box textarea{
	outline:none;
	font-family:"微軟正黑體","微软雅黑体";
	width:395px;
	height:39px;
	padding:0 0 0  10px;
	margin:0 0 0 99px;
	background:rgba(0,0,0,1);
	background:#000\9;
	color:#2972b2;
	border:1px solid #2972b2;
	font-size:14px;
	line-height:1;
	transition: all ease-in-out .3s;
	-webkit-transition: all ease-in-out .3s;
	-o-transition: all ease-in-out .3s;
	-moz-transition: all ease-in-out .3s;
}

.input-box input:focus ,.input-box select:focus ,.input-box textarea:focus {
	color:#fff;
	border-color:#52abff;
	background:#000;
}
.input-box select:hover {
	cursor:pointer;
	color:#fff;
	text-shadow: 0px 0px 10px rgba(255,255,255,.5), 1px 1px 0 rgba(0,0,0,.4);
} 
.input-box input:focus + label ,.input-box select:focus + label, .input-box select:focus + label + .list-arrow ,.input-box textarea:focus + label{
	border-color:#52abff;
	color:#fff;
	text-shadow: 0px 0px 10px rgba(255,255,255,.5), 1px 1px 0 rgba(0,0,0,.4);
}
.input-box label {
	position:absolute;
	border:1px solid #2972b2;
	left:0;
	top:0;
	line-height:1;
	padding:11px 0 0 0;
	height:100%;
	width:100px;
	text-align:center;
	color:#d6d6d6;
	background:url(../images/label-bg.png), rgba(0,0,0,.6);
	transition: all ease-in-out .3s;
	-webkit-transition: all ease-in-out .3s;
	-o-transition: all ease-in-out .3s;
	-moz-transition: all ease-in-out .3s;
}
option {
	background:#000;
}
.list-arrow {
	position:absolute;
	border-style:solid;
	border-color:#2972b2;
	border-width:1px 1px 1px 0;
	right:0;
	top:0;
	line-height:1;
	text-align:center;
	padding:5px 0 0 0;
	font-size:26px;
	height:100%;
	width:40px;
	color:#2972b2;
	background:rgba(0,0,0,1);
	transition: all ease-in-out .3s;
	-webkit-transition: all ease-in-out .3s;
	-o-transition: all ease-in-out .3s;
	-moz-transition: all ease-in-out .3s;
}
.fa-angle-double-down {
	margin:0 0 0 5px;
}
.textare-box {
	height:177px;
}
.input-box textarea {
	overflow:hidden;
	resize:none;
	width:100%;
	height:177px;
	padding:45px 10px 10px 10px;
	margin:0;
	line-height:1.5;
}
.input-box label.for-message {
	padding:11px 0;
	height:auto;
}
input.send {
	cursor:pointer;
	width:100%;
	margin:0;
	color:#d6d6d6;
	background:url(../images/label-bg.png), rgba(0,0,0,.6);
	transition: all ease-in-out .3s;
	-webkit-transition: all ease-in-out .3s;
	-o-transition: all ease-in-out .3s;
	-moz-transition: all ease-in-out .3s;
}
input.send:hover {
	border-color:#52abff;
	color:#fff;
	text-shadow: 0px 0px 10px rgba(255,255,255,.5), 1px 1px 0 rgba(0,0,0,.4);
}
.error {
	position:absolute;
	text-align:right;
	right:0;
	top:-20px;
	color:#fff152;
	text-shadow:0 0 15px rgba(255, 230, 84, 1);
	display:none;
}
.error-box label {
	color:#fff152;
	text-shadow:0 0 15px rgba(255, 230, 84, 1);
	border-color:#fff152;
}
.error-box input:focus + label ,.error-box select:focus + label, .error-box textarea:focus + label{
	border-color:#fff152;
	color:#fff152;
	text-shadow:0 0 15px rgba(255, 230, 84, 1);
}
.error-box input ,.error-box select ,.error-box textarea ,.error-box input:focus ,.error-box textarea:focus {
	border-color:#fff152;
}
.fa-plus ,.fa-minus {
	border:1px solid #0e3252;
	width:48px;
	padding:6px 0;
	margin:0 0 4px 0;
	text-align:center;
	background:url(../images/label-bg.png), rgba(0,0,0,.6);
	background:url(../images/label-bg.png)\9;
	cursor:pointer;
	transition: all ease-in-out .3s;
	-webkit-transition: all ease-in-out .3s;
	-o-transition: all ease-in-out .3s;
	-moz-transition: all ease-in-out .3s;
}
.fa-plus {
	color:#4cb229;
	margin-right:2px;
}
.fa-plus:hover {
	border-color:#56ff52;
	color:#56ff52;
	text-shadow:0 0 15px rgba(110, 255, 84, 1);
}
.fa-minus {
	color:#b22929;
	margin-left:2px;
}
.fa-minus:hover {
	border-color:#FF2C2C;
	color:#FF2C2C;
	text-shadow:0 0 15px rgba(255, 47, 47, 1);
}
.rma-input label {
	padding:30px 0 0 0;
}
.rma-input .partnumber:focus + input + label {
	border-color:#52abff;
	color:#fff;
	text-shadow: 0px 0px 10px rgba(255,255,255,.5), 1px 1px 0 rgba(0,0,0,.4);
}
.error-box .partnumber:focus + input + label {
	border-color:#fff152;
	color:#fff152;
	text-shadow:0 0 15px rgba(255, 230, 84, 1);
}

.agree-box {
	border:1px solid #0e3252;
	height:177px;
	background:rgba(0,0,0,1);
	background:#000\9;
	position:relative;
}
.agree-title {
	width:100px;
	padding:7px 0;
	border-width:0 1px 1px 0;
	border-color:#0e3252;
	border-style:solid;
	text-align:center;
	color:#d6d6d6;
	background:url(../images/label-bg.png), rgba(0,0,0,.6);
	background:url(../images/label-bg.png)\9;
}
.agree-box p {
	color:#d6d6d6;
	padding:0 20px;
	line-height:1.5;
}
.check-wrapper {
	position:absolute;
	line-height:2.5;
	text-align:center;
	border-top:1px solid #0e3252;
	width:100%;
	bottom:0;
	color:#d6d6d6;
	background:url(../images/label-bg.png), rgba(0,0,0,.6);
	background:url(../images/label-bg.png)\9;
}
.check-fail {
	color:#fff152;
	text-shadow:0 0 15px rgba(255, 230, 84, 1);
}
/*form-end*/

/*-----------------------------------------------------------------------------*/

/*news-start*/
.news-title-box {
	overflow:hidden;
	border-style:solid;
	border-width:1px 0;
	border-color:#2972b2;
}
.news-title-left, .news-title-right {
	float:left;
	padding:0 0 0 20px;
	color:#ffb400;
	text-shadow:0 0 10px rgba(255, 163, 42, 1);
	font-size:12px;
	line-height:3;
}
.news-title-left, .news-box-left {
	width:12%;
}
.news-title-right, .news-box-right {
	width:88%;
}
.news-box {
	display:block;
	color:#d6d6d6;
	overflow:hidden;
	line-height:2.5;
	background:rgba(41,114,178,.1);
	background:#050f1a\9;
	border-top:1px solid #122638;
	margin:1px 0 0 0;
	transition: all ease-in-out .3s;
	-webkit-transition: all ease-in-out .3s;
	-o-transition: all ease-in-out .3s;
	-moz-transition: all ease-in-out .3s;
}
.news-box:hover {
	border-color:#000;
	color: #FFF;
 	background: none repeat scroll 0% 0% rgba(41, 114, 178, 0.5);
}
.news-box-left ,.news-box-right {
	float:left;
	padding:0 0 0 20px;
}
.news-box-left {
	background:rgba(0,0,0,.3);
	background:#020509\9;
}
/*news-end*/

/*----------------------------------------------------------------------------*/

/*news-detail-start*/
.new-time-box {
	line-height:2.5;
	color: #ffb400;
text-shadow: 0 0 10px rgba(255, 163, 42, 1);
	text-align:center;
	margin:0 15px;
	border-top:3px solid #52abff;
}
.detail-content-box {
	padding:80px 100px;
	margin:0 15px;
	border-color:#2972b2 #082640;
	background:url(../images/new-left-bar.png) left repeat-y, url(../images/new-right-bar.png) right repeat-y, url(../images/lines.png), rgba(0,0,0,.7);
}
.news-detail-title {
	color:#ffb400;
	text-shadow:0 0 10px rgba(255, 163, 42, 1);
	font-size:18px;
	margin:0 0 5px 0;
}
.news-detail-content {
	overflow:hidden;
}
.news-detail-content .emphsize {
	color:#fff;
	font-size:16px;
}
.news-detail-content a {
	color:#FFF;
	text-decoration:underline;
	transition: all ease-in-out .3s;
	-webkit-transition: all ease-in-out .3s;
	-o-transition: all ease-in-out .3s;
	-moz-transition: all ease-in-out .3s;
}
.news-detail-content a:hover {
	text-shadow:0 0 15px rgba(42, 175, 255, 1);
	color:#52abff;
}
.news-bottom-wrapper {
	margin: 30px auto 70px auto;
	text-align:center;
}
.button-halftrans a{
	color:#d6d6d6;
	background-position: -5px -45px;
	width:232px;
	height:40px;
	margin:0 15px;
	display:inline-block;
	border:#2972b2 1px solid;
	line-height:2.5;
	text-align:center;
	transition: all ease-in-out .3s;
	-webkit-transition: all ease-in-out .3s;
	-o-transition: all ease-in-out .3s;
	-moz-transition: all ease-in-out .3s;
}
.button-halftrans a:hover {
	color:#FFF;
	text-shadow: 0px 0px 10px rgba(255,255,255,.5), 1px 1px 0 rgba(0,0,0,.4);
	border-color:#52abff;
	box-shadow: 0px 0px 20px rgba(0, 143, 255, 0.5) inset, 0px 0px 6px rgba(0, 143, 255, 0.2) inset, 0px 0px 3px rgba(255, 255, 255, 0.4) inset;
	cursor:pointer;
}
/*news-detail-end*/

/*----------------------------------------------------------------------*/

/*lightbox-start*/
.video-wrapper {
	margin:40px 15px 30px 15px;
}
.light-box {
	position:relative;
	color:#d6d6d6;
	float:left;
	width:23.5%;
	margin:0 2% 20px 0;
	cursor:pointer;
	border:1px #082640 solid;
	background:url(../images/1px-dark.png) repeat\9;
	background:rgba(0,0,0,.7);
}
.light-box-right {
	margin-right:0;
}
.light-img-box {
	position:relative;
	/*margin:15px;*/
	overflow:hidden;
}
.light-img-box img {
	width:100%;
	display:block;
	transition: transform ease-in-out .6s;
	-webkit-transition: -webkit-transform ease-in-out .6s;
	-o-transition: -o-transform ease-in-out .6s;
	-moz-transition: -moz-transform ease-in-out .6s;
	transform-origin:80% 80%;
}
.light-box:hover img {
	transform:scale(1.1,1.1);
	-webkit-transform:scale(1.1,1.1);
	-moz-transform:scale(1.1,1.1);
	-o-transform:scale(1.1,1.1);
}
.youtube-mask {
	position:absolute;
	z-index:1;
	width:100%;
	top:0;
	bottom:0;
	text-align:center;
	background:rgba(0,0,0,.7);
	background:url(../images/1px-dark.png) repeat\9;
	opacity:0;
	display:none\9;
	transition: opacity ease-in-out .3s;
	-webkit-transition: opacity ease-in-out .3s;
	-o-transition: opacity ease-in-out .3s;
	-moz-transition: opacity ease-in-out .3s;
}
.youtube-mask i {
	color:#52abff;
	font-size:50px;
	text-align:center;
	text-shadow:none;
	margin:60px 0 0 0;
	opacity:0;
	display:none\9;
	transform:scale(3);
	-webkit-transform:scale(3);
	-moz-transform:scale(3);
	-o-transform:scale(3);
	transition: all ease-in-out .4s;
	-webkit-transition: all ease-in-out .4s;
	-o-transition: all ease-in-out .4s;
	-moz-transition: all ease-in-out .4s;
}
.light-box:hover .youtube-mask {
	opacity:1;
	display:block\9;
}
.light-box:hover .youtube-mask i{
	opacity:1;
	display:block\9;
	transform:scale(1);
	-webkit-transform:scale(1);
	-moz-transform:scale(1);
	-o-transform:scale(1);
}

.light-words {
	position:relative;
	height:55px;
	line-height:1.5;
	padding:5px 15px;
	background:url(../images/blue-bar-2.png);
}
.light-box:hover {
	color:#fff;
	text-shadow: 0px 0px 10px rgba(255,255,255,.5), 1px 1px 0 rgba(0,0,0,.4);
	border-color:#2972b2;
}
.light-box:hover .light-words {
	box-shadow: inset 0px 0px 20px rgba(0, 143, 255, 0.5),inset 0px 0px 6px rgba(0, 143, 255, 0.4),inset 0px 0px 3px rgba(255, 255, 255, 0.8);
	background:url(../images/blue-bar.png);
}

.light-words:before, .light-words:after {
	position:absolute;
	content:"";
	background:#184167;
	height:80%;
	top:10%;
	width:3px;
	transition: all ease-in-out .3s;
	-webkit-transition: all ease-in-out .3s;
	-o-transition: all ease-in-out .3s;
	-moz-transition: all ease-in-out .3s;
}
.light-words:before {
	left:-2px;
}
.light-words:after {
	right:-2px;
}
.light-box:hover .light-words:before, .light-box:hover .light-words:after {
	z-index:11;
	height:100%;
	top:0%;
	background:#52abff;
	box-shadow:0 0 15px rgba(42, 175, 255, 1);
}
.lightbox-mask {
	background:url(../images/1px-dark.png) repeat\9;
	background:rgba(0,0,0,0.8);
	position:fixed;
	z-index:30;
	top:0;
	bottom:0;
	width:100%;
	min-width:1200px;
	display:none;
	opacity:0;
}
.video {
	position:fixed;
	left:50%;
	top:50%;
	margin-left:-426px;
	margin-top:-240px;
	background:rgba(0,0,0,.8);
	background:url(../images/1px-dark.png) repeat\9;
}
.imgs {
	position:fixed;
	left:50%;
	top:50%;
	margin-left:-500px;
	margin-top:-300px;
	padding:5px;
	background:url(../images/blue-bar.png);
}
.imgs-mod {
	margin-left:-600px;
	margin-top:-400px;
}
@media screen and (max-height: 800px) {
.imgs-mod {
	width:960px;
	height:auto;
	margin-left:-480px;
	margin-top:-320px;
}
}
/*.lightbox-close {
	position:fixed;
	top:15px;
	right:15px;
	color:#52abff;
	text-shadow:0 0 15px rgba(42, 175, 255, 1);
	width:30px;
	height:30px;
	font-weight:bold;
	line-height:2;
	text-align:center;
	border:#10324F 1px solid;
	background:url(../images/blue-bar.png);
	cursor:pointer;
	transition: all ease-in-out .3s;
	-webkit-transition: all ease-in-out .3s;
	-o-transition: all ease-in-out .3s;
	-moz-transition: all ease-in-out .3s;
}
.lightbox-close:hover {
	color:#fff;
	text-shadow:0 0 15px rgba(255, 255, 255, 1);
	border-color:#52abff;
}*/
.img-left, .img-right {
	position:fixed;
	width:27px;
	height:51px;
	top:50%;
	margin-top:-25px;
	opacity:.6;
	cursor:pointer;
	transition: all ease-in-out .3s;
	-webkit-transition: all ease-in-out .3s;
	-o-transition: all ease-in-out .3s;
	-moz-transition: all ease-in-out .3s;
}
.img-left {
	left:2.5%;
	background:url(../images/slide-direction-b.png);
}
.img-right {
	right:2.5%;
	background:url(../images/slide-direction-b.png);
	background-position: -27px 0;
}
.img-left:hover {
	left:2%;
	opacity:1;
}
.img-right:hover {
	right:2%;
	opacity:1;
}


/*lightbox-end*/

/*-------------------------------------------------------------------------------------------*/

/*case modding*/
.modding-wrapper {
	margin:40px 15px 30px 15px;
	position:relative;
	z-index:1;
}
.mod-box {
	z-index:50;
	width:32%;
	margin:0 2% 20px 0;
	cursor:default;
}
.mod-box:hover .youtube-mask {
	background:none;
}
.mod-box .light-img-box {
	height:248px;
}
.mod-box .light-img-box img {
	-webkit-filter:none;
	position:absolute;
}
.mod-box-right {
	margin:0 0 20px 0;
}
.mod-box .light-words {
	text-align:center;
	height:auto;
}
.theme-title {
	font-size:22px;
}
.owner-name {
	padding: 0px 10px;
	background: rgba(0, 0, 0, 0.8);
	display: inline-block;
	margin: 3px 0;
	font-size: 12px;
	border-radius:8px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	-o-border-radius:8px;
}
.show-hint {
	position: relative;
	font-size: 20px;
	border-width: 2px 0;
	border-style:solid;
	display: inline-block;
	width: 100%;
	background: rgba(0,0,0,.8);
	box-shadow: 0 0 0 8px rgba(0,0,0,.4), 0 0 0 16px rgba(0,0,0,.4);
	padding: 5px 20px;
	margin: 130px 0 0 0;
	opacity: 0;
	display: none\9;
	transition: all ease-in-out .3s;
	-webkit-transition: all ease-in-out .3s;
	-o-transition: all ease-in-out .3s;
	-moz-transition: all ease-in-out .3s;
}
.mod-box:hover .show-hint {
	color:#fff;
	text-shadow:0 0 3px rgba(0,0,0,.4),0 0 5px rgba(255,255,255,.8),0 0 8px rgba(255,255,255,.6);
	margin:100px 0 0 0;
	opacity:1;
	display:block\9;
}
.page-box {
	text-align:center;
}
.page {
	display:inline-block;
	margin:0 5px;
	color: #52abff;
	text-shadow: 0 0 15px rgba(42, 175, 255, 1);
	width: 30px;
	height: 30px;
	font-weight: bold;
	line-height: 2;
	text-align: center;
	border: #10324F 1px solid;
	background: url(../images/blue-bar.png);
	cursor: pointer;
	transition: all ease-in-out .3s;
	-webkit-transition: all ease-in-out .3s;
	-o-transition: all ease-in-out .3s;
	-moz-transition: all ease-in-out .3s;
}
.page-selected, .page:hover {
	color: #fff;
	text-shadow: 0 0 15px rgba(255, 255, 255, 1);
	border-color: #52abff;
}
/*case modding*/

/*-------------------------------------------------------------------------------------------*/

/*community-start*/
.community-title {
	overflow:hidden;
}

.main-list {
	color:#52abff;
	margin:0 0 0 5px;
	font-size:30px;
	line-height:1.5;
	transition: all ease-in-out .3s;
	-webkit-transition: all ease-in-out .3s;
	-o-transition: all ease-in-out .3s;
	-moz-transition: all ease-in-out .3s;
}

.community-list-box {
	overflow:hidden;
	margin:5px 10px;
}
.community-list-nolink {
	position:relative;
	font-size:18px;
	margin: 0px 10px 10px 0px;
	padding: 0px 30px 0px 25px;
	line-height:2;
	color:#d6d6d6;
}
.webchat-qrcode {
	width: 150px;
	margin: 0 0 0 35px;
}
.community-list {
	position:relative;
	float:left;
	font-size:18px;
	margin: 0px 10px 10px 0px;
	padding: 0px 30px 0px 25px;
	line-height:2;
	color:#d6d6d6;
	transition: all ease-in-out .3s;
	-webkit-transition: all ease-in-out .3s;
	-o-transition: all ease-in-out .3s;
	-moz-transition: all ease-in-out .3s;
}
.community-list:hover {
	color: #FFF;
	text-shadow: 0px 0px 10px rgba(255,255,255,0.5), 1px 1px 0 rgba(0,0,0,0.3);
	background: url("../images/blue-bar.png") repeat scroll 0% 0% transparent;
}
.community-list:before {
	position:absolute;
	content:"";
	background:#454545;
	height:5px;
	width:5px;
	left: 10px;
	top: 17px;
	transition: all ease-in-out .3s;
	-webkit-transition: all ease-in-out .3s;
	-o-transition: all ease-in-out .3s;
	-moz-transition: all ease-in-out .3s;
}
.community-list:hover:before {
	background:#52abff;
	box-shadow:0 0 15px rgba(42, 175, 255, 1);
}

/*community-end*/

/*-----------------------------------------------------------------------------*/

/*specification-introduction-start*/
.spec-show {
	margin:20px auto 10px auto;
	display:block;
}
.specification-title img{
	width:100%;
}
.specification-content-box {
	overflow:hidden;
	margin:40px 0 0 0;
}
.specification-left-box ,.specification-right-box {
	float:left;
	width:50%;
	padding:0 0 0 40px;
}
.main-spec-no {
	margin:0 13px 0 0;
}
.main-spec-title {
	color:#52abff;
	font-size:20px;
}
.main-spec-intro {
	color:#fff;
}
.multi-intro {
	padding:0 0 0 80px;
}
.spec-list-box {
	margin:0 0 20px 0;
}
.sub-spec-intro {
	color:#2268a9;
}
/*specification-introduction-end*/


/*where-start*/
.country-box {
	display:none;
}

.where-wrapper {
	margin:0 0 70px 0;
}
.where-title-select {
	margin:0;
}
.where-title-select select {
	width:449px;
	color:#d6d6d6;
	border-color:#ffb400;
}
.where-title-select select:focus {
	color:#fff;
	border-color:#ffb400;
}
.where-title-select label {
	color:#ffb400;
	border-color:#ffb400;
	text-shadow:0 0 10px rgba(255, 163, 42, 1);
}
.where-title-select .list-arrow {
	border-color:#ffb400;
}
.where-title-select select:focus + label, .where-title-select select:focus + label + .list-arrow {
	border-color:#ffb400;
	color:#ffb400;
}
.where-title {
	overflow:hidden;
	border-style:solid;
	border-width:1px 0;
	border-color:#2972b2;
}
.title-01, .title-02, .title-03, .title-04 {
	float:left;
	color:#ffb400;
	text-shadow:0 0 10px rgba(255, 163, 42, 1);
	font-size:12px;
	line-height:3;
}
.title-01, .company-information-01 {
	width:25%;
	padding:0 0 0 40px;
}
.title-02, .company-information-02 {
	width:26%;
}
.title-03, .company-information-03 {
	width:27%;
}
.title-04, .company-information-04 {
	width:21%;
	padding:0 0 0 20px;
}
.company-information-01, .company-information-02, .company-information-03, .company-information-04 {
	float:left;
}
.company-information-02 {
	color:#fff;
}
.company-information-01 img {
	display:block;
	position:relative;
	z-index: 10;
	width:130px;
	margin:7px 0 0 0;
	-webkit-transition: all 300ms cubic-bezier(0.570, 0, 0.410, 1); /* older webkit */
-webkit-transition: all 300ms cubic-bezier(0.570, -0.600, 0.410, 1.650); 
   -moz-transition: all 300ms cubic-bezier(0.570, -0.600, 0.410, 1.650); 
     -o-transition: all 300ms cubic-bezier(0.570, -0.600, 0.410, 1.650); 
        transition: all 300ms cubic-bezier(0.570, -0.600, 0.410, 1.650);
}
.company-information-01 img:hover {
	transform:scale(1.1);
	-moz-transform:scale(1.1);
	-o-transform:scale(1.1);
	-webkit-transform:scale(1.1);;
}
.company-list-box {
	position: relative;;
	display:block;
	color:#d6d6d6;
	overflow:hidden;
	line-height:4;
	background:rgba(41,114,178,.1);
	background:#050f1a\9;
	border-top:1px solid #122638;
	margin:1px 0 0 0;
	transition: all ease-in-out .3s;
	-webkit-transition: all ease-in-out .3s;
	-o-transition: all ease-in-out .3s;
	-moz-transition: all ease-in-out .3s;
}
.company-list-box-hassub:before {
	position: absolute;
  content: "";
  border-color:#fff;
  border-style:dashed;
  border-width: 0  1px 0 0; 
  height: 20px;
  left: 55px;
  bottom: 0px;
}
.company-list-box:hover {
	border-color:#1b3246;
	color: #fff;
    background: rgba(41, 114, 178, 0.37);
}
.company-list-box a {
	color:#d6d6d6;
	text-decoration:underline;
	transition: all ease-in-out .3s;
	-webkit-transition: all ease-in-out .3s;
	-o-transition: all ease-in-out .3s;
	-moz-transition: all ease-in-out .3s;
}
.company-list-box a:hover {
	color:#fff;
	text-shadow:0 0 15px rgba(255, 255, 255, 1);
}
.where-info {
	margin:20px 0 0 0;
}
.sub-relation {
	padding: 0px 0px 0px 40px;
	/*float: left;*/
	position:relative;
	width: 100%;
	border-top: 1px solid #122638;
	transition: background ease-in-out .3s;
	-webkit-transition: background ease-in-out .3s;
	-moz-transition: background ease-in-out .3s;
	-o-transition: background ease-in-out .3s;
}
.sub-relation:hover {
	 background: rgba(41, 114, 178, 0.37);
} 
.sub-relation:before {
position: absolute;
  content: "";
  width: 25px;
  border-color:#fff;
  border-style:dashed;
  border-width:1px 0 0 0; 
  left: 55px;
  top: 26px;
}
.sub-relation:after {
position: absolute;
  content: "";
  border-color:#fff;
  border-style:dashed;
  border-width: 0  1px 0 0; 
  height: 55px;
  left: 55px;
  top: 0px;
} 
.sub-relation-last:after  {
	top: -30px;
}
/*where-end*/

/*---------------------------------------------------------------------------------------------*/

/*product-start*/
.series-description {
	float:left;
	width:45%;
	text-align:justify;
	line-height:2;
	height:240px;
	margin:10px 0 10px 25px;
	color:#d6d6d6;
	transition: all ease-in-out .3s;
	-webkit-transition: all ease-in-out .3s;
	-o-transition: all ease-in-out .3s;
	-moz-transition: all ease-in-out .3s;
}
.big-font {
	font-size:54px;
	line-height:1;
	float:left;
	margin:0 10px 0 0 ;
}
.sreies-core {
	background:url(../images/series-core.png) right no-repeat;
}
.sreies-core-d4 {
	background:url(../images/series-core-d4.png) right no-repeat;
}
.sreies-blitz {
	background:url(../images/series-blitz-original1.png) right no-repeat;
}
.sreies-blitz-d4 {
	background:url(../images/series-blitz-original1-d4.png) right no-repeat;
}
.sreies-standard {
	background:url(../images/series-standard.png) right no-repeat;
}
.sreies-ap-nt {
	background:url(../images/series-ap-nt.png) right no-repeat;
}
.sreies-platium {
	background:url(../images/series-platium.png) right no-repeat;
}
.sreies-platium-d4 {
	background:url(../images/series-platium-d4.png) right no-repeat;
	background-position-y: -40px;
}
.sreies-budget {
	/*height:350px;*/
	background:url(../images/series-budget.png) right no-repeat;
	background-position: 530px -40px;
}
.sreies-budget-d4 {
	height:auto;
	background:url(../images/series-budget-d4.png) right no-repeat;
	background-position: 530px -40px;
}
.sreies-green {
	background:url(../images/series-green.png) right no-repeat;
}

.product-list-wrapper {
	text-align:center;
	margin:60px 0 30px 0;
}
.prodcut-list {
	background:  rgba(0,0,0,.5) url(../images/avexir-images.png);
	background:url(../images/avexir-images.png)\9;
	background-position: -5px -90px;
	width:167px;
	height:40px;
	line-height:2.5;
	margin:0 10px 0 10px;
	display:inline-block;
	text-align:center;
	cursor:pointer;
	border:1px solid #2972b2;
	color:#d6d6d6;
	transition: all ease-in-out .3s;
	-webkit-transition: all ease-in-out .3s;
	-o-transition: all ease-in-out .3s;
	-moz-transition: all ease-in-out .3s;
}
.prodcut-list:hover ,.prodcut-list-selected  {
	color:#fff;
	text-shadow: 0px 0px 10px rgba(255,255,255,.5), 1px 1px 0 rgba(0,0,0,.4);
	border-color:#52abff;
	-webkit-transform:translateY(-5px);
	-moz-transform:translateY(-5px);
	-o--transform:translateY(-5px);
	transform:translateY(-5px);
	box-shadow: 0px 0px 20px rgba(0, 143, 255, 0.5) inset, 0px 0px 6px rgba(0, 143, 255, 0.2) inset, 0px 0px 3px rgba(255, 255, 255, 0.4) inset;
}
.toblitz {
	background:  rgba(0,0,0,.5) url(../images/avexir-images.png);
	background:url(../images/avexir-images.png)\9;
	background-position: -5px -135px;
	width:167px;
	height:40px;
	line-height:2.5;
	margin:0 10px 0 10px;
	display:inline-block;
	text-align:center;
	cursor:pointer;
	border:1px solid #C58B00;
	color:#C58B00;
	transition: all ease-in-out .3s;
	-webkit-transition: all ease-in-out .3s;
	-o-transition: all ease-in-out .3s;
	-moz-transition: all ease-in-out .3s;
}
.toblitz:hover {
	color:#fff;
	text-shadow: 0px 0px 10px rgba(255,255,255,.5), 1px 1px 0 rgba(0,0,0,.4);
	border-color:#ffb400;
	-webkit-transform:translateY(-5px);
	-moz-transform:translateY(-5px);
	-o--transform:translateY(-5px);
	transform:translateY(-5px);
	box-shadow:inset 0 0 10px rgba(255, 184, 0, 0.8),inset 0 0 6px rgba(255, 184, 0, 0.4),inset 0 0 3px rgba(255, 255, 255, 0.8);
}
.product-item-wrapper {
	margin:0 15px 70px 15px;
}
.product-item-bg {
	position:relative;
	line-height:2;
	color:#d6d6d6;
	border:#082640 1px solid;
	padding:30px;
	background:url(../images/1px-dark.png) repeat\9;
	background:url(../images/lines.png), rgba(0,0,0,.7);
}
.hide {
	transform:translateY(100px) scale(.8);
	-webkit-transform:translateY(100px) scale(.8);
	-moz-transform:translateY(100px) scale(.8);
	-o-transform:translateY(100px) scale(.8);
	opacity:0;
}
.feature-box {
	position:relative;
	line-height:2;
	color:#d6d6d6;
	border:#082640 1px solid;
	margin:0;
	background:url(../images/1px-dark.png) repeat\9;
	background:url(../images/lines.png), rgba(0,0,0,.7);
	transition: all ease-in-out .6s;
	-webkit-transition: all ease-in-out .6s;
	-o-transition: all ease-in-out .6s;
	-moz-transition: all ease-in-out .6s;
}
.feature-box:hover {
	color:#fff;
	border:#52abff 1px solid;
	z-index:10;
	box-shadow:inset 0px 0px 40px rgba(0, 143, 255, 0.5),inset 0px 0px 6px rgba(0, 143, 255, 0.4),inset 0px 0px 3px rgba(255, 255, 255, 0.8);
}
.product-item-box:hover .feature-box {
	opacity:.8;
}
.product-item-box:hover .feature-box:hover {
	opacity:1;
}
.product-item-box:hover .hide {
	opacity:0;
}

.feature-box:hover .animate-line-1:after, .feature-box:hover .animate-line-1:before, .feature-box:hover .animate-line-2:after, .feature-box:hover .animate-line-2:before  {
	width:100%;
}
.feature-box:hover .animate-line-3:after, .feature-box:hover .animate-line-3:before, .feature-box:hover .animate-line-4:after, .feature-box:hover .animate-line-4:before  {
	height:100%;
}

.assemble-bg, .blitz-edition-bg, .edition-bg, .ddr4-bg, .xmp-bg, .aist-bg, .core-protector-bg, .blitz-protector-bg, .standard-protector-bg, .budget-green-protector-bg, .platium-protector-bg, .colors-bg, .blitz-colors-bg, .core-size-bg, .blitz-size-bg, .standard-size-bg, .platium-size-bg, .budget-green-size-bg, .ap-nt-size-bg{
	padding:30px;
	height:400px;
}

/*---------------Raiden------------------*/
.raiden-feature {
	clear: left;
	font-size:16px;
	line-height: 2;
	padding: 0 0 0 20px;
	margin: 0 0 0 20px;
	list-style-image: url(../images/milestone-list.png);
	list-style-type: none;
}
.sreies-raiden {
	height:560px;
}
.raiden-roate-wrapper {
	position:absolute;
	top:0;
	right:0;
}
.raiden-roate-item {
	position:absolute;
	top:100px;
	right:0;
}
.animation-out {
	opacity:0;
}

.item-1-1 {
	position:absolute;
	background:url(../images/animate-item-1-box.png);
	width:297px;
	height:377px;
	right:80px;
	top:0;
	opacity:0;
	transform:translate(0,-30px);
	-webkit-transform:translate(0,-30px);
	-moz-transform:translate(0,-30px);
	-o-transform:translate(0,-30px);
	display:none/9;
}
.item-1-2, .item-1-3, .item-1-4, .item-1-5 {
	position:absolute;
	background:url(../images/animate-item-1-raiden.png);
	width:250px;
	height:112px;
	opacity:0;
	display:none/9;
}
.item-1-d3 {
	background:url(../images/animate-item-1-raiden-d3.png);
}
.item-1-2 {
	top:240px;
	right:320px;
	transform:translate(140px,0);
	-webkit-transform:translate(140px,0);
	-moz-transform:translate(140px,0);
	-o-transform:translate(140px,0);
}
.item-1-3 {
	top:290px;
	right:280px;
	transform:translate(100px,0);
	-webkit-transform:translate(100px,0);
	-moz-transform:translate(100px,0);
	-o-transform:translate(100px,0);
}
.item-1-4 {
	top:340px;
	right:240px;
	transform:translate(60px,0);
	-webkit-transform:translate(60px,0);
	-moz-transform:translate(60px,0);
	-o-transform:translate(60px,0);
}
.item-1-5 {
	top:390px;
	right:200px;
	transform:translate(20px,0);
	-webkit-transform:translate(20px,0);
	-moz-transform:translate(20px,0);
	-o-transform:translate(20px,0);
}


.animation-item .item-1-2,.animation-item .item-1-3,.animation-item .item-1-4,.animation-item .item-1-5 {
	display:block\9;
	opacity:1;
	transform:translate(0,0);
	-webkit-transform:translate(0,0);
	-moz-transform:translate(0,0);
	-o-transform:translate(0,0) ;	
	transition:transform 3s cubic-bezier(0.445, 0.050, 0.550, 0.950) 1s, opacity 1s cubic-bezier(0.415, 0.100, 0.465, 0.975) 1s; 
	-webkit-transition:-webkit-transform 3s cubic-bezier(0.445, 0.050, 0.550, 0.950)  1s, opacity 1s cubic-bezier(0.415, 0.100, 0.465, 0.975) 1s; 
	-o-transition:-o-transform 3s cubic-bezier(0.445, 0.050, 0.550, 0.950) 1s , opacity 1s cubic-bezier(0.415, 0.100, 0.465, 0.975) 1s; 
	-moz-transition:-moz-transform 3s cubic-bezier(0.445, 0.050, 0.550, 0.950)  1s , opacity 1s cubic-bezier(0.415, 0.100, 0.465, 0.975) 1s; 
}
/*
.animation-item .item-1-2 {
	transform:translate(0,0);
	-webkit-transform:translate(0,0);
	-moz-transform:translate(0,0);
	-o-transform:translate(0,0) ;	
	
}
.animation-item .item-1-3 {
	transform:translate(0,0);
	-webkit-transform:translate(0,0);
	-moz-transform:translate(0,0);
	-o-transform:translate(0,0) ;	
}

.animation-item .item-1-4 {
	transform:translate(0,0);
	-webkit-transform:translate(0,0);
	-moz-transform:translate(0,0);
	-o-transform:translate(0,0) ;	
}
.animation-item .item-1-5 {
	transform:translate(0,0);
	-webkit-transform:translate(0,0);
	-moz-transform:translate(0,0);
	-o-transform:translate(0,0) ;	
}
*/

.item-2-1 {
	position:absolute;
	background:url(../images/animate-item-2-box.png);
	width:229px;
	height:493px;
	right:190px;
	top:0;
	opacity:0;
	transform:translate(0,40px);
	-webkit-transform:translate(0,40px);
	-moz-transform:translate(0,40px);
	-o-transform:translate(0,40px);
	display:none/9;
}


.item-3-1 {
	position:absolute;
	background:url(../images/animate-item-3-raiden.png);
	width:500px;
	height:522px;
	right:0;
	top:0;
	opacity:0;
	transform:translate(80px,0) rotate(5deg);
	-webkit-transform:translate(80px,0) rotate(5deg);
	-moz-transform:translate(80px,0) rotate(5deg);
	-o-transform:translate(80px,0) rotate(5deg);
	display:none/9;
}
.item-3-1-d3 {
	background:url(../images/animate-item-3-raiden-d3.png);
}
.animation-item .item-1-1, .animation-item .item-2-1, .animation-item .item-3-1 {
	display:block\9;
	opacity:1;
	transform:translate(0,0) rotate(0);
	-webkit-transform:translate(0,0) rotate(0);
	-moz-transform:translate(0,0) rotate(0);
	-o-transform:translate(0,0) rotate(0);
		transition:transform 4s cubic-bezier(0.415, 0.100, 0.465, 0.975), opacity 1.5s cubic-bezier(0.415, 0.100, 0.465, 0.975); 
	-webkit-transition:-webkit-transform 4s cubic-bezier(0.415, 0.100, 0.465, 0.975), opacity 1.5s cubic-bezier(0.415, 0.100, 0.465, 0.975); 
	-o-transition:-o-transform 4s cubic-bezier(0.415, 0.100, 0.465, 0.975), opacity 1.5s cubic-bezier(0.415, 0.100, 0.465, 0.975);  
	-moz-transition:-moz-transform 4s cubic-bezier(0.415, 0.100, 0.465, 0.975), opacity 1.5s cubic-bezier(0.415, 0.100, 0.465, 0.975); 
}



.breakdown-bg {
	padding:30px;
	height:680px;
}
.breakdown-box {
	position:relative;
	height:360px;
	width:770px;
	margin:20px auto;
	
}
.layer-01, .layer-02, .layer-03 {
	position:absolute;
	top:0;
	left:0;
	width:770px;
	height:370px;
}
.layer-01 {
	background:url(../images/breakdown-01.png);
	z-index:30;
}
.layer-02 {
	width:500px;
	height:28px;
	z-index:20;
	top: 38px;
	left: 140px;
}
.layer-03 {
	background:url(../images/breakdown-02.png);
	z-index:10;
}
.layer-03-d3 {
	background:url(../images/breakdown-02-d3.png);
	z-index:10;
}
.raiden-close {
	position:fixed;
	top:80px;
	left:20px;
	padding:10px;
	display:inline-block;
	font-size: 20px;
	color: #52ABFF;
	text-shadow: 0px 0px 15px #2AAFFF;
	line-height: 1;
	text-align: center;
	border: 1px solid #10324F;
	z-index: 1000;
	cursor: pointer;
	background: url("../images/blue-bar.png") repeat scroll 0% 0%, none repeat scroll 0% 0% rgba(0, 0, 0, 0.8);
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
}
.raiden-close:hover {
	color: #FFF;
	text-shadow: 0px 0px 10px rgba(255,255,255,.5), 1px 1px 0 rgba(0,0,0,.4);
	border-color: #52ABFF;
	box-shadow: 0px 0px 20px rgba(0, 143, 255, 0.5) inset, 0px 0px 6px rgba(0, 143, 255, 0.2) inset, 0px 0px 3px rgba(255, 255, 255, 0.4) inset;
}
.breakdown-description {
	overflow:hidden;
	margin:0 0 0 180px;
}
.description-box-left, .description-box-right {
	float:left;
	padding:10px;
	overflow:hidden;
}
.description-box-left {
	width:40%;
}
.description-box-right {
	width:60%;
}
.description-item {
	margin:0 0 10px 0;
}
.description-badge {
	z-index:5;
	position:relative;
	display: inline-block;
	background: #52abff;
	color:#fff;
	text-shadow: 1px 1px 0 rgba(0,0,0,.3);
	line-height: 1.5;
	font-size: 16px;
	margin: 0 10px 0 0;
	width: 28px;
	text-align: center;
	transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
}
.badge-box {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 40;
	bottom: 0;
	right: 0;
}
.badge {
	position:absolute;
	z-index:5;
	display: inline-block;
	background: #52abff;
	color:#fff;
	line-height: 1.5;
	font-size: 16px;
	margin: 0 10px 0 0;
	width: 28px;
	text-align: center;
	text-shadow: 1px 1px 0 rgba(0,0,0,.3);
	transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
}
.badge-a {
	top: 23px;
	left: 28px;
}
.badge-b {
	right: 200px;
	top: 25px;
}
.badge-c {
	right: 110px;
	top: 120px;
}
.badge-d {
	top: 70px;
	left: 60px;
}
.badge-e {
	right: 60px;
	bottom: 70px;
}
.badge-f {
	left: 210px;
	bottom: 50px;
}
.badge-g {
	right: 0;
	bottom: 120px;
}
.badge-hover {
	background:#FF5252;
	transform: scale(1.3);
	-moz-transform: scale(1.3);
	-o-transform: scale(1.3);
	-webkit-transform: scale(1.3);
}
.badge:before, .description-badge:before {
	content:"";
	position:absolute;
	display:none\9;
	opacity:0;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:-1;
	background:#FF5252;
	transform:scale(2);
	-webkit-transform:scale(2);
	-o-transform:scale(2);
	-moz-transform:scale(2);
	transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
}
.badge-hover:before {
	opacity:1;
	transform:scale(1);
	-webkit-transform:scale(1);
	-o-transform:scale(1);
	-moz-transform:scale(1);
} 
.assemble-button {
	position: absolute;
	padding:0 10px;
	font-size:16px;
	color:#fff;
	text-shadow:1px 1px 0 rgba(0,0,0,.3);
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	text-align: center;
	right: -100px;
	line-height: 2.5;
	top: 50px;
	background: #52abff;
	cursor:pointer;
	transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
}
.fa-repeat {
	padding:5px;
	transition: all .5s ease-in-out;
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
}
.assemble-button:hover {
	background:#FF5252;	
}

.breakdown-item-01 {
	position:absolute;
	z-index:25;
	opacity:1;
	top:0;
	left:0;
	width:100%;
	height:100%;
	transition: opacity 1s ease-in-out 1s;
	-webkit-transition: opacity 1s ease-in-out 1s;
	-moz-transition: opacity 1s ease-in-out 1s;
	-o-transition: opacity 1s ease-in-out 1s;
}
.breakdown-item-01-hide {
	opacity:0;
	transition: opacity 1s ease-in-out;
	-webkit-transition: opacity 1s ease-in-out;
	-moz-transition: opacity 1s ease-in-out;
	-o-transition: opacity 1s ease-in-out;
}

.breakdown-item-02 {
	position:absolute;
	z-index:20;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
.breakdown-item-02-show {
	
}
.raiden-assemble {
	position:absolute;
	top:0;
	left:0;
	width:769px;
	height:368px;
	opacity:0;
	transition: opacity 1s ease-in-out;
	-webkit-transition: opacity 1s ease-in-out;
	-moz-transition: opacity 1s ease-in-out;
	-o-transition: opacity 1s ease-in-out;
}
.assemble-01 {
	background:url(../images/breakdown-item-01.png);
}
.assemble-02 {
	background:url(../images/breakdown-item-02.png);
}
.assemble-03 {
	background:url(../images/breakdown-item-03.png);
}
.assemble-04 {
	background:url(../images/breakdown-item-04.png);
}
.assemble-04-d3 {
	background:url(../images/breakdown-item-04-d3.png);
}
.assemble-05 {
	background:url(../images/breakdown-item-05.png);
}
.assemble-06 {
	background:url(../images/breakdown-item-06.png);
}
.assemble-07 {
	background:url(../images/breakdown-item-07.png);
}
.assemble-08 {
	background:url(../images/breakdown-item-08.png);
}
.assemble-09 {
	background:url(../images/breakdown-item-09.png);
}
.assemble-10 {
	background:url(../images/breakdown-item-10.png);
}
.breakdown-item-02-show .assemble-01, .breakdown-item-02-show .assemble-02, .breakdown-item-02-show .assemble-03, .breakdown-item-02-show .assemble-04, .breakdown-item-02-show .assemble-05, .breakdown-item-02-show .assemble-06, .breakdown-item-02-show .assemble-07, .breakdown-item-02-show .assemble-08, .breakdown-item-02-show .assemble-09, .breakdown-item-02-show .assemble-10 {
	opacity:1;
}
.breakdown-item-02-show .assemble-01 {
	transition: opacity 1s ease-in-out 1s;
	-webkit-transition: opacity 1s ease-in-out 1s;
	-moz-transition: opacity 1s ease-in-out 1s;
	-o-transition: opacity 1s ease-in-out 1s;
}
.breakdown-item-02-show .assemble-02 {
	transition: opacity 1s ease-in-out 2.5s;
	-webkit-transition: opacity 1s ease-in-out 2.5s;
	-moz-transition: opacity 1s ease-in-out 2.5s;
	-o-transition: opacity 1s ease-in-out 2.5s;
}
.breakdown-item-02-show .assemble-03 {
	transition: opacity 1s ease-in-out 4s;
	-webkit-transition: opacity 1s ease-in-out 4s;
	-moz-transition: opacity 1s ease-in-out 4s;
	-o-transition: opacity 1s ease-in-out 4s;
}
.breakdown-item-02-show .assemble-04 {
	transition: opacity 1s ease-in-out 5.5s;
	-webkit-transition: opacity 1s ease-in-out 5.5s;
	-moz-transition: opacity 1s ease-in-out 5.5s;
	-o-transition: opacity 1s ease-in-out 5.5s;
}
.breakdown-item-02-show .assemble-05 {
	transition: opacity 1s ease-in-out 7s;
	-webkit-transition: opacity 1s ease-in-out 7s;
	-moz-transition: opacity 1s ease-in-out 7s;
	-o-transition: opacity 1s ease-in-out 7s;
}
.breakdown-item-02-show .assemble-06 {
	transition: opacity 1s ease-in-out 8.5s;
	-webkit-transition: opacity 1s ease-in-out 8.5s;
	-moz-transition: opacity 1s ease-in-out 8.5s;
	-o-transition: opacity 1s ease-in-out 8.5s;
}
.breakdown-item-02-show .assemble-07 {
	transition: opacity 1s ease-in-out 10s;
	-webkit-transition: opacity 1s ease-in-out 10s;
	-moz-transition: opacity 1s ease-in-out 10s;
	-o-transition: opacity 1s ease-in-out 10s;
}
.breakdown-item-02-show .assemble-08 {
	transition: opacity 1s ease-in-out 11.5s;
	-webkit-transition: opacity 1s ease-in-out 11.5s;
	-moz-transition: opacity 1s ease-in-out 11.5s;
	-o-transition: opacity 1s ease-in-out 11.5s;
}
.breakdown-item-02-show .assemble-09 {
	transition: opacity 1s ease-in-out 13s;
	-webkit-transition: opacity 1s ease-in-out 13s;
	-moz-transition: opacity 1s ease-in-out 13s;
	-o-transition: opacity 1s ease-in-out 13s;
}
.breakdown-item-02-show .assemble-10 {
	transition: opacity 1s ease-in-out 14.5s;
	-webkit-transition: opacity 1s ease-in-out 14.5s;
	-moz-transition: opacity 1s ease-in-out 14.5s;
	-o-transition: opacity 1s ease-in-out 14.5s;
}
/*--------------Raiden end--------------*/

.blitz-edition-bg {
	height:420px;
}
.assemble-bg {
	background:url(../images/feature-assemble-bg.png) no-repeat left bottom;
	background-position:80px 130px;
}
.assemble-bg-d4 {
	background:url(../images/feature-assemble-bg-d4.png) no-repeat left bottom;
	background-position:80px 130px;
}
.video-bg {
	padding:30px;
}
.edition-bg {
	background:url(../images/feature-edition-bg.png) no-repeat left bottom;
}
.ddr4-bg {
	background:url(../images/feature-ddr4-bg.png) no-repeat left bottom;
	height: 440px;
	background-position: 0 90px;
}
.xmp-bg {
	background:url(../images/feature-xmp-bg.png) no-repeat left bottom;
}
.aist-bg {
	background:url(../images/feature-aist-bg.png) no-repeat left bottom;
}
.core-protector-bg {
	background:url(../images/feature-protector-core-bg.png) no-repeat left bottom;
}
.core-protector-bg-d4 {
	background:url(../images/feature-protector-core-bg-d4.png) no-repeat left bottom;
}
.blitz-protector-bg {
	background:url(../images/feature-protector-blitz-bg.png) no-repeat left bottom;
}
.blitz-protector-bg-d4 {
	background:url(../images/feature-protector-blitz-bg-d4.png) no-repeat left bottom;
}
.raiden-protector-bg {
	background:url(../images/feature-protector-raiden-bg.png) no-repeat left bottom;
	height:430px;
}
.raiden-protector-bg-d4 {
	background:url(../images/feature-protector-raiden-bg-d4.png) no-repeat left bottom;
	height:430px;
}
.standard-protector-bg {
	background:url(../images/feature-protector-standard-bg.png) no-repeat left bottom;
}
.budget-green-protector-bg {
	background:url(../images/feature-protector-budget-green-bg.png) no-repeat left bottom;
}
.platium-protector-bg {
	background:url(../images/feature-protector-platium-bg.png) no-repeat left bottom;
}
.colors-bg {
	background:url(../images/feature-colors-bg.png) no-repeat left bottom;
}
.colors-d4-bg {
	background:url(../images/feature-colors-d4-bg.png) no-repeat left bottom;
}
.blitz-colors-bg {
	background:url(../images/feature-colors-blitz-bg.png) no-repeat left bottom;
}
.blitz-colors-bg-d4 {
	background:url(../images/feature-colors-blitz-bg-d4.png) no-repeat left bottom;
	background-position:0 80px;
}
.core-size-bg {
	background:url(../images/feature-size-core-bg.png) no-repeat left bottom;
}
.core-size-bg-d4 {
	background:url(../images/feature-size-core-bg-d4.png) no-repeat left bottom;
}
.blitz-size-bg {
	background:url(../images/feature-size-blitz-bg.png) no-repeat left bottom;
	background-position:0px 50px;
}
.blitz-size-bg-d4 {
	background:url(../images/feature-size-blitz-bg-d4.png) no-repeat left bottom;
	background-position: 0px 60px;
}
.raiden-size-bg {
	background:url(../images/feature-size-raiden-bg.png) no-repeat left bottom;
	height:440px;
}
.raiden-size-bg-d4 {
	background:url(../images/feature-size-raiden-bg-d4.png) no-repeat left bottom;
	height:440px;
}
.standard-size-bg {
	background:url(../images/feature-size-standard-bg.png) no-repeat left bottom;
}
.platium-size-bg {
	background:url(../images/feature-size-platium-bg.png) no-repeat left bottom;
}
.platium-size-bg-d4 {
	background:url(../images/feature-size-platium-bg-d4.png) no-repeat left bottom;
}
.budget-green-size-bg {
	background:url(../images/feature-size-budget-green-bg.png) no-repeat left bottom;
}
.budget-size-bg-d4 {
	background:url(../images/feature-size-budget-bg-d4.png) no-repeat left bottom;
}
.ap-nt-size-bg {
	background:url(../images/feature-size-ap-nt-bg.png) no-repeat left bottom;
}
.feature-title {
	position:relative;
	background:url(../images/blue-bar.png);
	color:#52abff;
	font-size:24px;
	z-index:0;
	text-align:center;
	text-shadow:0 0 15px rgba(42, 175, 255, 1);
	transition: all .6s ease-in-out;
	-webkit-transition: all .6s ease-in-out;
	-moz-transition: all .6s ease-in-out;
	-o-transition: all .6s ease-in-out;
}
.feature-box:hover .feature-title {
	box-shadow: 0px 0px 80px rgba(0, 143, 255, 0.1) inset;
	color:#fff;
	text-shadow:0 0 10px rgba(255 ,255 , 255, .6), 1px 1px 0 rgba(0,0,0,.4);
}

.hide .assemble-description, .hide .blitz-edition-description, .hide .edition-description, .hide .xmp-description, .hide .aist-description, .hide .protector-description, .hide .colors-description, .hide .size-description {
	opacity:0;
	transform:translateY(50px);
	-webkit-transform:translateY(50px);
	-o-transform:translateY(50px);
	-moz-transform:translateY(50px);
}
.assemble-description,  .blitz-edition-description, .edition-description, .xmp-description, .aist-description, .protector-description, .colors-description, .size-description {
	float:right;
	margin:100px 40px 0 0;
	width:350px;
	transition:transform ease-in-out .5s .5s, opacity ease-in-out .5s .5s;
	-webkit-transition:-webkit-transform ease-in-out .5s .5s, opacity ease-in-out .5s .5s;
	-o-transition:-o-transform ease-in-out .5s .5s, opacity ease-in-out .5s .5s;
	-moz-transition:-moz-transform ease-in-out .5s .5s, opacity ease-in-out .5s .5s;
}
.assemble-description {
	margin:60px 40px 0 0;
}
.edition-description {
	margin:80px 40px 0 0;
}
.blitz-edition-description {
	margin:40px 50px 0 0;
	width:400px;
	text-align:justify;
}
.series-title {
	color:#52abff;
	font-size:24px;
	text-align:center;
	text-shadow:0 0 15px rgba(42, 175, 255, 1);
}
.aist-description {
	margin:60px 40px 0 0;
}
.colors-description {
	/*margin:130px 40px 0 0;*/
}
.size-description {
/*	width:250px;*/
}

.product-item-box table {
	text-align:center;
}
.product-item-box table th {
	border-bottom:1px solid #2972b2;
	vertical-align:middle;
	color:#ffb400;
	text-shadow: 0 0 10px rgba(255, 163, 42, .6), 1px 1px 0 rgba(0,0,0,.3);
}
.product-item-box table tr td{
	border-top:1px solid #122638;
	border-bottom:1px solid #000;
	line-height:2.5;
	transition: all ease-in-out .3s;
	-webkit-transition: all ease-in-out .3s;
	-o-transition: all ease-in-out .3s;
	-moz-transition: all ease-in-out .3s;
}
.product-item-box table tr td:first-child {
	/*text-align: left;*/
}

.product-item-box table tr {
	background:rgba(41,114,178,.1);
	background:#050f1a\9;
	transition: all ease-in-out .3s;
	-webkit-transition: all ease-in-out .3s;
	-o-transition: all ease-in-out .3s;
	-moz-transition: all ease-in-out .3s;
}
.product-item-box table tr:hover {
	color:#fff;
	background: rgba(41, 114, 178, 0.37);
}
.product-item-box table tr:hover a {
	background: rgba(41, 114, 178, 0.2);
}
.product-item-box table tr.no-bgcolor {
	background:none;
	transform:none;
	box-shadow:none;
}
.product-item-box table a {
	/*text-decoration:underline;*/
	display:block;
	cursor:pointer;
	color:#fff;
	background:none;
	transition: all ease-in-out .3s;
	-webkit-transition: all ease-in-out .3s;
	-o-transition: all ease-in-out .3s;
	-moz-transition: all ease-in-out .3s;
}
.product-item-box table tr a:hover {
	background:#2972b2;
}

.fa-search, .fa-file-text-o {
	transition: transform ease-in-out .15s;
	-webkit-transition: -webkit-transform ease-in-out .15s;
	-o-transition: -o-transform ease-in-out .15s;
	-moz-transition: -moz-transform ease-in-out .15s;
}
.fa-file-text-o {
	padding: 0 0 0 8px;
}
.product-item-box table tr a:hover .fa{
	transform:scale(1.5);
	-webkit-transform:scale(1.5);
	-moz-transform:scale(1.5);
	-o-transform:scale(1.5);
}

.review-table a{
	color:#d6d6d6;
	transition: all ease-in-out .3s;
	-webkit-transition: all ease-in-out .3s;
	-o-transition: all ease-in-out .3s;
	-moz-transition: all ease-in-out .3s;
}
.review-table th {
	line-height:3;
	border-top:1px solid #2972b2;
}
.review-table tr:hover a {
	/*color:#52abff;*/
}
.channle {
	position:relative;
	color:#fff;
	font-size:24px;
	text-align:center;
	border-bottom:1px solid #52abff;
	margin:0 0 1px 0;
	text-shadow: none;
}
.show-button {
	position:absolute;
	cursor:pointer;
	right:0;
	bottom:1px;
	color:#000;
	background:#2972b2;
	padding:0 10px;
	font-size: 14px;
	text-shadow: none;
	transition: background .3s ease-in-out;
	-webkit-transition: background .3s ease-in-out;
	-moz-transition: background .3s ease-in-out;
}	
.show-button:hover {
	background:#52abff;
}
.show-button:after {
	content:"";
	position:absolute;
	left:-28px;
	top:0px;
	border-color:transparent #2972b2 #2972b2 transparent;
	border-style:solid;
	border-width:14px;
	transition: border-color .3s ease-in-out;
	-webkit-transition: border-color .3s ease-in-out;
	-moz-transition: border-color .3s ease-in-out;
}
.show-button:hover:after {
	border-color:transparent #52abff #52abff transparent;
}
.show-button:before {
	display:none\9;
	content: "";
	position: absolute;
	left: -9px;
	z-index: 5;
	top: 0px;
	bottom: 0;
	width: 2px;
	background: #000;
	transform: skewX(-45deg);
	transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
}
.show-button:hover:before {
	background:#52abff;
	left:-21px;
	width: 5px;
}
.series-item-box {
	/*overflow:hidden;*/
}
.series-item {
	width:150px;
	height:31px;
	float:left;
	margin:0 3px 10px 3px;
	font-size:13px;
	text-align:center;
	border:1px solid #2972b2;
	color:#2972b2;
	cursor:pointer;
	background:url(../images/small-btn.png) rgba(0,0,0,.5);
	background:url(../images/small-btn.png)\9;
	/*background-position: -5px -180px;*/
	transition: all ease-in-out .3s;
	-webkit-transition: all ease-in-out .3s;
	-o-transition: all ease-in-out .3s;
	-moz-transition: all ease-in-out .3s;
}
.series-item:hover ,.series-item-selected {
	color:#fff;
	text-shadow: 0px 0px 10px rgba(255,255,255,.5), 1px 1px 0 rgba(0,0,0,.4);
	border-color:#52abff;
	-webkit-transform:translateY(-5px);
	-moz-transform:translateY(-5px);
	-o--transform:translateY(-5px);
	transform:translateY(-5px);
	box-shadow: 0px 0px 20px rgba(0, 143, 255, 0.5) inset, 0px 0px 6px rgba(0, 143, 255, 0.2) inset, 0px 0px 3px rgba(255, 255, 255, 0.4) inset;
}
.blitz-slide-wrapper {
	height:100%;
	width:100%;
	overflow:hidden;
}
.blitz-slide-all-box {
	height:100%;
}
.blitz-slide-box {
	height:100%;
	width:100%;
	float:left;
	/*background:rgba(255,255,255,.56);*/
	float:left;
}
.blitz-slide-bar {
	position:absolute;
	bottom:10px;
	width:100%;
	text-align:center;
}
.bar-list {
	height:10px;
	width:33px;
	margin:0 5px;
	cursor:pointer;
	display:inline-block;
	background:rgba(255,255,255,.2);
	background:#666\9;
	transition: all ease-in-out .3s;
	-webkit-transition: all ease-in-out .3s;
	-o-transition: all ease-in-out .3s;
	-moz-transition: all ease-in-out .3s;
}
.bar-list-selected, .bar-list:hover {
	/*background:#52abff;*/
	background:#52ff6c;
}
.blitz-d4{
    position: absolute;
    bottom: 40px;
	width:auto;
    text-align: center;
    right: 30px;
}
.blitz-d4 .bar-list {
    height: 45px;
    width: 105px;
	background-color:transparent;
	background-image:url(../images/blitz-d4-slide-bar-y.png);
	background-repeat:no-repeat;
	background-position:center center;	
}

.blitz-d4 .bar-list:first-child {
	background-image:url(../images/blitz-d4-slide-bar-r.png)
}
.blitz-d4 .bar-list:last-child {
	background-image:url(../images/blitz-d4-slide-bar-w.png)
}
.blitz-d4  .bar-list:hover ,.blitz-d4  .bar-list-selected {

	border-color:#52abff;

	box-shadow: 0px 0px 20px rgba(0, 143, 255, 0.5) , 0px 0px 6px rgba(0, 143, 255, 0.2) inset, 0px 0px 3px rgba(255, 255, 255, 0.4) ;
}
.b1 {
	background:url(../images/series-blitz-original1.png) left center no-repeat;
	background-position:30px;	
}
.b1-d4 {
	background:url(../images/series-blitz-original1-d4.png) left center no-repeat;
}
.b2 {
	background:url(../images/series-blitz-original2.png) left center no-repeat;	
	background-position:30px;
}
.b2-d4 {
	background:url(../images/series-blitz-original2-d4.png) left center no-repeat;
}
.b3 {
	background:url(../images/series-blitz-original3.png) left center no-repeat;	
	background-position:30px;
}
.b3-d4 {
	background:url(../images/series-blitz-original3-d4.png) left center no-repeat;
}
.b4 {
	background:url(../images/series-blitz-gamingdragon.png) left center no-repeat;	
	background-position:30px;
}
.b5 {
	background:url(../images/series-blitz-mpower.png) left center no-repeat;	
	background-position:30px;
}
.b6 {
	background:url(../images/series-blitz-gamingseries-2.png) left center no-repeat;	
	background-position:30px;
}
.b7 {
	background:url(../images/series-blitz-gamingseries.png) left center no-repeat;	
	background-position:30px;
}
.b8 {
	background:url(../images/series-blitz-l337gold.png) left center no-repeat;	
	background-position:30px;
}
.b9 {
	background:url(../images/series-blitz-l337red.png) left center no-repeat;	
	background-position:30px;
}


.slider-left, .slider-right {
	position:absolute;
	width:27px;
	height:51px;
	top:50%;
	opacity:.4;
	cursor:pointer;
	transition: all ease-in-out .3s;
	-webkit-transition: all ease-in-out .3s;
	-o-transition: all ease-in-out .3s;
	-moz-transition: all ease-in-out .3s;
}
.slider-left {
	left:2.5%;
	background:url(../images/slide-direction-g.png);
}
.slider-right {
	right:2.5%;
	background:url(../images/slide-direction-g.png);
	background-position: -27px 0;
}
.slider-left:hover {
	left:2%;
	opacity:1;
}
.slider-right:hover  {
	right:2%;
	opacity:1;
}
/*product-end*/


/*specification start*/
#every-product {
	display:none;
	margin-top:15px;
	text-align:center;
	line-height:2;	
}
#every-product h2 {
	color:#52abff;
	text-shadow:0 0 15px rgba(42, 175, 255, 1);
	font-size:36px;
}
#every-product h4 {
	text-shadow:0 0 10px rgba(588, 588, 255, 1);
	font-size:22px;
}
#show_boxer {
	position: absolute;
	left: 0;
	right:0;
	top: 0;
	z-index: 1010;
	background-color:rgba(0,0,0,0.8);
	background:url(../images/1px-dark.png) repeat\9;
	opacity:0;
}
#load-content {
	width:1200px;
	padding:10px;
	margin:0 auto;
	background:#000;
	border:#082640 1px solid;
	position:relative;
	color:#fff;
}
#close-box,.package-close, .lightbox-close {
	-webkit-backface-visibility: hidden;
	-webkit-transform: translateZ(0);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 48px;
	position: fixed;
	top: 15px;
	right: 15px;
	color: #52abff;
	text-shadow: 0 0 15px rgba(42, 175, 255, 1);
	width: 48px;
	height:48px;
	line-height: 1;
	text-align: center;
	border: #10324F 1px solid;
	z-index: 1011;
	cursor: pointer;
	background: url(../images/blue-bar.png), rgba(0,0,0,.8);
	background: url(../images/blue-bar.png)\9;
	transition: all ease-in-out .3s;
	-webkit-transition: all ease-in-out .3s;
	-o-transition: all ease-in-out .3s;
	-moz-transition: all ease-in-out .3s;
}
#close-box:hover, .package-close:hover, .lightbox-close:hover{
	color:#fff;
	text-shadow: 0px 0px 10px rgba(255,255,255,.5), 1px 1px 0 rgba(0,0,0,.4);
	border-color:#52abff;
	box-shadow: 0px 0px 20px rgba(0, 143, 255, 0.5) inset, 0px 0px 6px rgba(0, 143, 255, 0.2) inset, 0px 0px 3px rgba(255, 255, 255, 0.4) inset;
}
.every-specifiction {
	margin:20px 15px 0 15px;
	overflow:hidden;
	font-weight:500;
	background:radial-gradient(at 50% 0, rgba(0,0,0,0.3),transparent 70%);
	background-size: 100% 10px;
	background-repeat:no-repeat;
}
.every-section {
	text-align:justify;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	-webkit-hyphens: auto;
	hyphens: auto;
	padding:20px;
	width:50%;
	float:left;
}
.every-section ul {
	padding-left:30px;
	list-style-type:decimal-leading-zero;
}

.every-section th, .every-section td {
	border-top:1px solid #122638;
	line-height:2.5;
	text-align:center;
	vertical-align:middle;
}

.every-section tr {
	background:rgba(41,114,178,.1);
	background:#050f1a\9;
	transition: all ease-in-out .3s;
	-webkit-transition: all ease-in-out .3s;
	-o-transition: all ease-in-out .3s;
	-moz-transition: all ease-in-out .3s;
}
.every-section tr:hover {
	background:rgba(41,114,178,.25);
	background:#0b2033\9;
	color:#52abff;
	text-shadow:0 0 15px rgba(42, 175, 255, 1);
}
.every-section table {
	border-collapse : collapse; 
}
.every-section h3 {
	position:relative;
	margin-bottom:5px;
	font-size:14px;
	line-height:2.5;
	border-bottom:1px solid #2972b2;
	border-top:1px solid #52abff;
	color:#ffb400;
	text-shadow:0 0 10px rgba(255, 163, 42, 1);
	text-align:center;
}
.every-section h3:before {
	position:absolute;
	border-bottom:1px solid #2972b2;
	width:100%;
	content:"";
	left:0;
	top:1px;
}

.every-section img {
	display:block;
	margin: 0 auto;
	width:100%;
	max-width:500px;
}
.every-section p,.every-section ul {
	line-height:30px;
}
/*specification end*/


/*qvl start*/
.qvl-box {
	margin:0px 0px 20px;
}
.qvl-box table {
	line-height:2.5;
}
.qvl-box table tr {
	background:rgba(41,114,178,.1);
	background:#050f1a\9;
	transition: all ease-in-out .3s;
	-webkit-transition: all ease-in-out .3s;
	-o-transition: all ease-in-out .3s;
	-moz-transition: all ease-in-out .3s;
}
.qvl-box table tr:hover {
	background:rgba(41,114,178,.25);
	background:#0b2033\9;
}
.qvl-box table tr td span:hover {
	color:#fff;
	text-shadow: 0px 0px 10px rgba(255,255,255,.5), 1px 1px 0 rgba(0,0,0,.4);
}
.qvl-box table th, .qvl-box table td {
	text-align:center;
	color:#CCC;
	border-top:1px solid #122638;
	border-bottom:1px solid #000;
}
.qvl-box table th {
	color:#fff;
	text-shadow: 0px 0px 10px rgba(255,255,255,.5), 1px 1px 0 rgba(0,0,0,.4);
	vertical-align:middle;
	background:rgba(0,0,0,.3);
	background:url(../images/1px-dark.png) repeat\9;
}
.qvl-box table td span {
	width:25%;
	text-align:left;
	float:left;
	padding-left:25px;
	background:url(../images/milestone-list.png) no-repeat;
	background-position:5px 12px;
}

.qvl-firm {
	font-size:18px;
	position:relative;
	text-shadow:0 0 10px rgba(255, 163, 42, 1);
	color:#ffb400;
	border-bottom:1px solid #2972b2;
	border-top:1px solid #2972b2;
}
.hideself {
	display:none;
}
.confirm {
	display:block;
}
.search-box {
	color:#fff;
	width:300px;
	padding:5px;
	margin:0 auto 15px auto;
	background:rgba(0,0,0,1);
	background:#000\9;
	border:1px solid #0e3252;
	transition: all ease-in-out .3s;
	-webkit-transition: all ease-in-out .3s;
	-o-transition: all ease-in-out .3s;
	-moz-transition: all ease-in-out .3s;
}
.search-box input {
	font-family:Tahoma, Geneva, sans-serif;
	outline:none;
	border:none;
	background:none;
	float:left;
	font-size:16px;
	color:#fff;
	width:95%;
	padding:5px 5% 5px 5px;
}
.search-box:hover {
	color:#fff;
	border-color:#52abff;
	background:#000;
}
/*qvl end*/


/*---------------------------------------------------------------------------------------------*/

/*package-show start*/
.package-box {
	opacity:0;
	display:none;
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index:20;
	background-color: rgba(0,0,0,0.8);
	background: url(../images/1px-dark.png) repeat\9;
}
.package-close {
	
}
.package-img {
	z-index:25;
	position:relative;
	left:50%;
	margin-left:-500px;
}
/*package-show end*/


.showup-wrapper {
	background:rgba(0,0,0,.8);
	position:fixed;
	left:0;
	right:0;
	top:0;
	bottom:0;
	z-index:110;
}
.showup-wrapper img {
	position:absolute;
	margin-top: 5%;
	margin-left:50%;
	left:-312px;
}

.raiden-bg {
	position:fixed;
	top:0;
	left:-100px;
	z-index:0;
	-webkit-animation: move 8s infinite alternate ease-in-out;
       -moz-animation: move 8s infinite alternate ease-in-out;
         -o-animation: move 8s infinite alternate ease-in-out;
            animation: move 8s infinite alternate ease-in-out;
}
.raiden-bg:before {
	content:"";
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
}

@-webkit-keyframes move {
	 from { -webkit-transform:rotate(0deg); }
     to { -webkit-transform:rotate(-20deg); }
}
@-moz-keyframes move {
	 from { -moz-transform:rotate(0deg); }
     to { -moz-transform:rotate(-20deg); }
}
@-o-keyframes move {
	 from { -o-transform:rotate(0deg); }
     to { -o-transform:rotate(-20deg); }
}
@keyframes move {
	  from { transform:rotate(0deg); }
     to { transform:rotate(-20deg); }
}
/*----------------CIS-------------*/

.cis-box{
clear:both;
	}
	
.logo-box{
	width: 492px;
text-align: center;
display: inline-block;
margin:50px 6px ;
clear:both;
	}
.cis-img {	
		height:128px;
		vertical-align:bottom;
		line-height:128px;
		margin-bottom:15px;
}	
.cis-img img{
	vertical-align:bottom;
	width:350px;
	
}
.cis-box .button-halftrans a{ width:122px; margin:0px;}

.page-content-box .title-description{
	font-size:16px;
	font-weight:bolder;
	margin-bottom:50px;
}
.logoCIS {
	float:right;
	position:relative;
top:-42px;
}
.logo-box:hover .cis-img img{
box-shadow: 0px 0px 10px #6EA8FF;}
/*宇帷圖庫*/
.right_tab{
	
	
	position: fixed;
right: 250px;
top: 300px;
color: #fff;}

.right_tab li{
	display:block;
	}
.right_tab .prodcut-list{
    width: 60px;
    height: 60px;
    font-weight: bolder;
    font-size: 16px;
    margin-bottom: 20px;
}

/*-where-*/
.twoline{
	line-height:1.5em;
	padding:5px 0;}