@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: 0px;
	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:12px;
	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;
	padding-bottom:50px;
}
.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;
}

.yingpian{	
	width:100%;height:480px;display:block;margin:30px auto 0;}
	
	
.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);
}
.moving_sub {width:80%;
                 height:10%;
                 position:relative,left:-5%;
                 text-align:left;
                  font-size:14px;
				  color:#0CF;
}
.moving_sub1 {width:80%;
                 height:10%;
                 position:relative,left:-5%;
                 text-align:left;
                  font-size:14px;
				  color:#0CF;
}
.moving_sub:hover{ color:#1907FD;
	}	
	
.moving_stopp{
	width: 100%;
	height: 10%;
	min-height:40px;
	line-height:40px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #2972b2;
	text-align: left;
	align-content: -10px;	
	}	
.moving_stopp a{
	color:#00ccff;
	font-size:12px;	
	 }		
.down_moving_sub{
                 position:relative;
                 text-align:left;
                  font-size:12px;
				  color:#666;
}

.down_moving_sub1 {position:relative;
                 text-align:left;
                  font-size:12px;
				  color:#666;
}

.down_moving_sub:hover{ color:#52abff;
	}	
.down_moving_tingchang a{
	color:#fff;
	font-family:12px;
		}	
			  
.no-sub {
	top: -200px;
	left: -200px;
}
.sub-nav-1 {
	left: 18.5%;
}
.sub-nav-2 {
	left: 45%;
}
.sub-nav-3 {
	left: 45%;
}
.sub-nav-4 {
	left: 32%;
}
.sub-nav-5 {
	left: 70%;
}
.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;
	top: 85px;
	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: 13px;
}
.sb2 {
	top: 45px;
}
.sb3 {
	top: 73px;
}
.sb4 {
	top: 110px;
}
.sb5 {
	top: 140px;
}
.sb6 {
	top: 90px;
}
.sb7{
	top: 320px;
	}
.sb8{
	top: 345px;
	}
.sb9{
	top: 375px;
	}
.sb10{
	top: 405px;
	}	
.sb11{
	top: 435px;
	}		
.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 {
	float:left;
	position: relative;
	width:100%;
	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;
	background: #000;
}
.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;
}
.toraiden {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}
.slide-01 {
	background: url(../images/bg_indiegogo.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/green.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;
	color: #FFF;
	margin-top: 80px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
}
.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;
}
.activeSlide, .list-dot:hover {
	background: #52abff;
}
.redjiang{
	 background-color: rgba(255,255,255,.5) !important;
	}
.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;
}
#indiegogo {
	position: absolute;
	top: -80px;
	width: 580px;
	overflow: hidden;
}
#video_cover {
	position: absolute;
	top: -80px;
	width: 580px;
	overflow: hidden;
	z-index: 80;
	background-image: url("../images/video_cover.png");
	height: 600px;
}
/*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 {
	margin: 0 auto;
	overflow: hidden;
}
.lan-select {
	/*width: 200px;
	text-align: center;
	margin: 15px auto 0 auto;
	line-height: 2.5;*/
	color: #00b7ff;
	line-height:42px;
	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;
	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-image:url(../images/avexir_3.jpg);
	background-repeat:no-repeat;
}
.icon-fb:hover {
	background: #0084ff;
}
.icon-weibo:hover {
	background: #ff0000;
}

.qrcode-box {
	display: none;
	position: absolute;
	left: -50px;
	bottom:52px;
	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: 20px 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%;
}
.e100 {
	width: 75%;
}
.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%;
}
.jiangxiangbox {
	float: left;
	margin: 0 5% 5% 0;
	width: 28%;
}
.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 a{color: #fff;}
.contact-list-box1 {
	width: 33%;
}
.contact-list-box2 {
	width: 33%;
}
.contact-list-box3 {
	width: 33%;
}
.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: 48%;
	margin-right:2%;
}
.form-divide-box1 {
	float: left;
	width: 50%;
}

.left-box {
	padding: 0 10px 0 0;
}
.right-box {
	padding: 0 0 0 0px;
}
.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%;
	height: 39px;
	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;
	display:none;
}
.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;*/
	padding: 10px 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: 400px;
	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-box-left{
	width:50%;
	float:left;}
	.news-box-right{
	width:50%;
	float:left;}
.news-title-left, .news-box-left {
	width: 12%;
}
.news-title-right, .news-box-right {
	width: 88%;
}
.ssd-specification .news-box-left {
	width: 20%;
	color: #fff;
}
.ssd-specification .news-box-right {
	width:50%;
}
.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 {
	width: 1200px;
	height: 720px;
	position: fixed;
	left: 50%;
	top: 50%;
	margin-left: -600px;
	margin-top: -360px;
	padding: 5px;
	background: url(../images/blue-bar.png);
}
.imgs-mod {
	width: 1200px;
	height: auto;
	margin-left: -600px;
	margin-top: -400px;
}

@media screen and (max-height: 800px) {
.imgs {
	width: 1000px;
	height: 600px;
	margin-left: -500px;
	margin-top: -300px;
}
.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;
}
.light-words{
	height:75px;}
.theme-title {
	font-size: 22px;
	height:30px;
	overflow:hidden;
}
.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;
	height:18px;
	overflow:hidden;
}
.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 {
	
	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;
	display:block;
}
.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:auto;
	min-height:240px;
	overflow:visible;
	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;
}
series-description2{
	float: left;
	width: 45%;
	text-align: justify;
	line-height: 2;
	height:auto;
	min-height:240px;
	overflow:visible;
	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-ssd-v1 {
	height: 300px;
	background-position: 650px 0;
	background-image: url(../images/series-ssd-v1.png);
	background-repeat: no-repeat;
}
.sreies-ssd-e100 {
	height: 300px;
	background-position: 650px 0;
	background-image: url(../images/series-ssd-e100.png);
	background-repeat: no-repeat;
}
.sreies-ssd-s100 {
	height: 350px;
	background-image:none;
	overflow: visible;
}
.s100-rotate-wrapper {position: absolute;right: 50px;top: 20px;height: 284px;width: 437px;}
.s100-rotate-item {
	position: absolute;
	top: 0;
	right: 0;
	height: 284px;
	width: 437px;
	display: none\9;
	right: -150px;
	opacity: 0;
}
.s100-rotate-item.item-1 {
	background: url(../images/s100-slide-blue.png);
}
.s100-rotate-item.item-2 {
	background: url(../images/s100-slide-red.png);
}
.s100-rotate-item.item-3 {
	background: url(../images/s100-slide-orange.png);
}
.s100-rotate-item.item-4 {
	background: url(../images/s100-slide-white.png);
}
.s100-rotate-item.item-5 {
	background: url(../images/s100-slide-green.png);
}
.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-ap-nt-d4 {
	background: url(../images/sodimm-single.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-position: 530px -40px;
	background-image: url(../images/series-budget-d4-2.png);
	background-repeat: no-repeat;
}
.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 10px 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;
}
/*停產產品*/
.tzcp{
	width:97%;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	}
.stop-box {
	margin:20px;
	width:100%;
}
.stop_plist{
    float: left;
	color:#fff;
	width: 20%;
	line-height: 30px;
	background-image: url(../images/anniu.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	text-indent: 10px;
	text-align: left;	
	cursor:pointer;
	}
.stopc-list-selected{
	color:#33ccff;
	cursor:pointer;
}
.stopc-list-selected:hover{
	color:#33ccff;
	cursor:pointer;
}

.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, .ap-nt-size-bg-d4 {
	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 {
	min-height:560px;
	height:auto;
	 overflow:visible;
}
.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: 50;
	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 50px;
	width:50%;
	float:left;
}
.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 top;
	width:50%;
	float:left;
}
.xmp-bg {
	background: url(../images/feature-xmp-bg.png) no-repeat left bottom;
	width:50%;
	float:left;
}
.ssd-speed-bg {
	background: url(../images/feature-ssd-speed-bg.png) no-repeat left bottom;
	width:50%;
	float:left;
}

.aist-bg {
	background: url(../images/feature-aist-bg.png) no-repeat left bottom;
	width:50%;
	float:left;
}
.ssd-good {
	background: url(../images/feature-ssd-good-bg.png) no-repeat left bottom;
	width:50%;
	float:left;
}
.ssd-write-bg{
	background: url(../images/series-ssd-save.png) no-repeat left bottom;
	width:50%;
	float:left;}
.ssd-fast {
	background-repeat: no-repeat;
	background: url(../images/series-ssd-fast.png) no-repeat left bottom;
	background-position: left bottom;
	width:50%;
	float:left;
}
.core-protector-bg {
	background: url(../images/feature-protector-core-bg.png) no-repeat left bottom;
	width:50%;
	float:left;
}
.core-protector-bg-d4 {
	background: url(../images/feature-protector-core-bg-d4.png) no-repeat left bottom;
	width:50%;
	float:left;
}
.blitz-protector-bg {
	background: url(../images/feature-protector-blitz-bg.png) no-repeat left bottom;
	width:50%;
	float:left;
}
.blitz-protector-bg-d4 {
	background: url(../images/feature-protector-blitz-bg-d4.png) no-repeat left bottom;
	width:50%;
	float:left;
}
.raiden-protector-bg {
	background: url(../images/feature-protector-raiden-bg.png) no-repeat left bottom;
	width:50%;
	float:left;
	height: 430px;
}
.raiden-protector-bg-d4 {
	background: url(../images/feature-protector-raiden-bg-d4.png) no-repeat left bottom;
	height: 430px;
	width:50%;
	float:left;
}
.standard-protector-bg {
	background: url(../images/feature-protector-standard-bg.png) no-repeat left bottom;
	width:50%;
	float:left;
}
.budget-green-protector-bg {
	background: url(../images/feature-protector-budget-green-bg.png) no-repeat left bottom;
	width:50%;
	float:left;
}
.platium-protector-bg {
	background: url(../images/feature-protector-platium-bg.png) no-repeat left bottom;
	width:50%;
	float:left;
}
.colors-bg {
	background: url(../images/feature-colors-bg.png) no-repeat left bottom;
	width:50%;
	float:left;
}
.colors-d4-bg {
	background: url(../images/feature-colors-d4-bg.png) no-repeat left bottom;
	width:50%;
	float:left;
}
.blitz-colors-bg {
	background: url(../images/feature-colors-blitz-bg.png) no-repeat left bottom;
	width:50%;
	float:left;
}
.blitz-colors-bg-d4 {
	background: url(../images/feature-colors-blitz-bg-d4.png) no-repeat left bottom;
	width:50%;
	float:left;
	background-position: 0 80px;
}
.core-size-bg {
	background: url(../images/feature-size-core-bg.png) no-repeat left bottom;
	width:50%;
	float:left;
}
.core-size-bg-d4 {
	background: url(../images/feature-size-core-bg-d4.png) no-repeat left bottom;
	width:50%;
	float:left;
}
.blitz-size-bg {
	background: url(../images/feature-size-blitz-bg.png) no-repeat left bottom;
	width:50%;
	float:left;
	background-position: 0px 50px;
}
.blitz-size-bg-d4 {
	background: url(../images/feature-size-blitz-bg-d4.png) no-repeat left bottom;
	width:50%;
	float:left;
	background-position: 0px 60px;
}
.raiden-size-bg {
	width:50%;
	float:left;
	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;
	width:60%;
	float:left;
	height: 380px;
}
.standard-size-bg {
	background: url(../images/feature-size-standard-bg.png) no-repeat left bottom;
	width:50%;
	float:left;
}
.platium-size-bg {
	background: url(../images/feature-size-platium-bg.png) no-repeat left bottom;
	width:50%;
	float:left;
}
.platium-size-bg-d4 {
	background: url(../images/feature-size-platium-bg-d4.png) no-repeat left bottom;
	width:50%;
	float:left;
}
.budget-green-size-bg {
	background: url(../images/feature-size-budget-green-bg.png) no-repeat left bottom;
	width:50%;
	float:left;
}
.budget-size-bg-d4 {
	background: url(../images/feature-size-budget-bg-d4.png) no-repeat left bottom;
	width:50%;
	float:left;
}
.ap-nt-size-bg {
	background: url(../images/feature-size-ap-nt-bg.png) no-repeat left bottom;
	width:50%;
	float:left;
}
.ap-nt-size-bg-d4 {
	background: url(../images/sodimm-dimension.png) no-repeat left bottom;
	width:50%;
	float:left;
	height:440px;
}
.ssd-saving-bg {
	width:50%;
	float:left;
	background: url(../images/feature-ssd-saving-bg.png) no-repeat left bottom;
}
.ssd-longing-bg{
	background-position: 80px 0;
	background-image: url(../images/ssd-longing.png);
	background-repeat: no-repeat;
}
.ssd-power-bg{
	background-position: 40px -20px;
	background-image: url(../images/series-ssd-powerpcb.png);
	background-repeat: no-repeat;
}
.ssd-mlc-bg{
	background-position: left bottom;
	background-image: url(../images/series-ssd-mlc.png);
	background-repeat: no-repeat;
}
.ssd-color-bg {
	background-position: left bottom;
	background-image: url(../images/feature-colors-s100-bg.png);
	background-repeat: no-repeat;
}
.ssd-video-bg {
	height: 550px;
	background-image: none;
}
.s100-structure {
	position: absolute;
	top: 120px;
	right: 50px;
}
.video-box {
	height: 360px;
	width: 337px;
	overflow: hidden;
	top: 0px;
	left: 80px;
	
	position: relative;
}
.s100-video-box {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 10;
}
.video-clip {
	
height: 321px;
	
overflow: hidden;
	
position: relative;
	
top: 20px;
	
width: 98%;
}
.rotate-video {
	
width: 420px;
	
position: relative;
	
top: -28px;
	
left: 10px;
}
.ssd-exnotice-bg{
	background: url(../images/series-ssd-exnotice.png) no-repeat left bottom;}
.feature-title {
	position: relative;
	background: url(../images/blue-bar.png);
	color: #52abff;
	font-size: 24px;
	z-index: 0;
	margin:15px;
	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-title2 {
	position: relative;
	background: url(../images/blue-bar.png);
	color: #52abff;
	font-size: 24px;
	height:50px;
	line-height:50px;
	z-index: 0;
	margin:15px;
	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, .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;
}
 .xmp-description{
	float: left;
	margin: 10% 0 0 10%;
	width: 35%;
	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; 	 
	 }
.aist-description{
	float: left;
	margin: 10% 0 0 10%;
	width: 35%;
	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; 		
	}
.aist-description{
	float: left;
	margin: 10% 0 0 10%;
	width: 35%;
	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; 		
	}
.protector-description{
	float: left;
	margin: 10% 0 0 10%;
	width: 35%;
	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; 		
	}	
.size-description{	
	float: left;
	margin: 10% 0 0 0;
	width: 35%;
	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; 	
	}
	
.ssd-saving {
	margin: 0px 40px 0 0;
}

.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);
	min-height:60px;
	height:auto;
	overflow:visible;
}
.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{display:none;}
.show-button-noeffect {
	display:none;
	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,
.show-button-noeffect:hover {
	background: #52abff;
}
.show-button:after,
.show-button-noeffect: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,
.show-button-noeffect:hover:after {
	border-color: transparent #52abff #52abff transparent;
}
.show-button:before,
.show-button-noeffect: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,
.show-button-noeffect: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;
}
/*停產樣式*/
.wenshi-item-box {
/*overflow:hidden;*/
}
.wenshi-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;
}
.wenshi-item:hover, .wenshi-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;
}


.chou-item-box {
/*overflow:hidden;*/
}
.chou-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;
}
.chou-item:hover, .chou-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;
}

.ming-item-box {
/*overflow:hidden;*/
}
.ming-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;
}
.ming-item:hover, .ming-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;
}

.jia-item-box {
/*overflow:hidden;*/
}
.jia-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;
}
.jia-item:hover, .jia-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;
}
.zhao-item-box {
/*overflow:hidden;*/
}
.zhao-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;
}
.zhao-item:hover, .zhao-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;
}

/**/
.leidiancp-item-box {
/*overflow:hidden;*/
}
.leidiancp-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;
}
.leidiancp-item:hover, .leidiancp-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: 75px;
	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;
}
/*----倒數---*/
		
.flip-clock-wrapper * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	backface-visibility: hidden;
}
.flip-clock-wrapper a {
	cursor: pointer;
	text-decoration: none;
	color: #ccc;
}
.flip-clock-wrapper a:hover {
	color: #fff;
}
.flip-clock-wrapper ul {
	list-style: none;
}
.flip-clock-wrapper.clearfix:before, .flip-clock-wrapper.clearfix:after {
	content: " ";
	display: table;
}
.flip-clock-wrapper.clearfix:after {
	clear: both;
}
.flip-clock-wrapper.clearfix {
 *zoom: 1;
}
/* Main */
.flip-clock-wrapper {
	font: normal 11px "Helvetica Neue", Helvetica, sans-serif;
	-webkit-user-select: none;
}
.flip-clock-meridium {
	background: none !important;
	box-shadow: 0 0 0 !important;
	font-size: 36px !important;
}
.flip-clock-meridium a {
	color: #313333;
}
.flip-clock-wrapper {
	text-align: center;
	position: relative;
	width: 100%;
	margin: 1em;
}
.flip-clock-wrapper:before, .flip-clock-wrapper:after {
	content: " "; /* 1 */
	display: table; /* 2 */
}
.flip-clock-wrapper:after {
	clear: both;
}
/* Skeleton */
.flip-clock-wrapper ul {
	position: relative;
	float: left;
	margin: 2px;
	width: 30px;
	height: 40px;
	font-size: 25px;
	font-weight: bold;
	line-height: 60px;
	border-radius: 6px;
	background: #000 none repeat scroll 0% 0%;
}
.flip-clock-wrapper ul li {
	z-index: 1;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	line-height: 37px;
	text-decoration: none !important;
}
.flip-clock-wrapper ul li:first-child {
	z-index: 2;
}
.flip-clock-wrapper ul li a {
	display: block;
	height: 100%;
	-webkit-perspective: 200px;
	-moz-perspective: 200px;
	perspective: 200px;
	margin: 0 !important;
	overflow: visible !important;
	cursor: default !important;
}
.flip-clock-wrapper ul li a div {
	z-index: 1;
	position: absolute;
	left: 0;
	width: 100%;
	height: 50%;
	font-size: 25px;
	overflow: hidden;
	outline: 1px solid transparent;
}
.flip-clock-wrapper ul li a div .shadow {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 2;
}
.flip-clock-wrapper ul li a div.up {
	-webkit-transform-origin: 50% 100%;
	-moz-transform-origin: 50% 100%;
	-ms-transform-origin: 50% 100%;
	-o-transform-origin: 50% 100%;
	transform-origin: 50% 100%;
	top: 0;
}
.flip-clock-wrapper ul li a div.up:after {
	content: "";
	position: absolute;
	top: 44px;
	left: 0;
	z-index: 5;
	width: 100%;
	height: 3px;
	background-color: #000;
	background-color: rgba(0, 0, 0, 0.4);
}
.flip-clock-wrapper ul li a div.down {
	-webkit-transform-origin: 50% 0;
	-moz-transform-origin: 50% 0;
	-ms-transform-origin: 50% 0;
	-o-transform-origin: 50% 0;
	transform-origin: 50% 0;
	bottom: 0;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
}
.flip-clock-wrapper ul li a div div.inn {
	position: absolute;
	left: 0;
	z-index: 1;
	width: 100%;
	height: 200%;
	color: #ccc;
	text-shadow: 0 1px 2px #000;
	text-align: center;
	background-color: #333;
	border-radius: 6px;
	font-size: 25px;
}
.flip-clock-wrapper ul li a div.up div.inn {
	top: 0;
}
.flip-clock-wrapper ul li a div.down div.inn {
	bottom: 0;
}
/* PLAY */
.flip-clock-wrapper ul.play li.flip-clock-before {
	z-index: 3;
}
.flip-clock-wrapper .flip {
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.7);
}
.flip-clock-wrapper ul.play li.flip-clock-active {
	-webkit-animation: asd 0.5s 0.5s linear both;
	-moz-animation: asd 0.5s 0.5s linear both;
	animation: asd 0.5s 0.5s linear both;
	z-index: 5;
}
.flip-clock-divider {
	float: left;
	display: inline-block;
	position: relative;
	width: 10px;
	height: 100px;
}
.flip-clock-divider:first-child {
	width: 0;
}
.flip-clock-dot {
	display: block;
	background: #323434;
	width: 10px;
	height: 10px;
	position: absolute;
	border-radius: 50%;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
	left: 5px;
}
.flip-clock-divider .flip-clock-label {
	position: absolute;
	top: -1.5em;
	right: -32px;
	color: #fff;
	text-shadow: none;
	font-weight: boder;
}
.flip-clock-divider.minutes .flip-clock-label {
	right: -38px;
}
.flip-clock-divider.seconds .flip-clock-label {
	right: -45px;
}
.flip-clock-dot.top {
	top: 30px;
}
.flip-clock-dot.bottom {
	bottom: 30px;
}
 @-webkit-keyframes asd {
 0% {
 z-index: 2;
}
 20% {
 z-index: 4;
}
 100% {
 z-index: 4;
}
}
 @-moz-keyframes asd {
 0% {
 z-index: 2;
}
 20% {
 z-index: 4;
}
 100% {
 z-index: 4;
}
}
 @-o-keyframes asd {
 0% {
 z-index: 2;
}
 20% {
 z-index: 4;
}
 100% {
 z-index: 4;
}
}
 @keyframes asd {
 0% {
 z-index: 2;
}
 20% {
 z-index: 4;
}
 100% {
 z-index: 4;
}
}
.flip-clock-wrapper ul.play li.flip-clock-active .down {
	z-index: 2;
	-webkit-animation: turn 0.5s 0.5s linear both;
	-moz-animation: turn 0.5s 0.5s linear both;
	animation: turn 0.5s 0.5s linear both;
}
 @-webkit-keyframes turn {
 0% {
 -webkit-transform: rotateX(90deg);
}
 100% {
 -webkit-transform: rotateX(0deg);
}
}
 @-moz-keyframes turn {
 0% {
 -moz-transform: rotateX(90deg);
}
 100% {
 -moz-transform: rotateX(0deg);
}
}
 @-o-keyframes turn {
 0% {
 -o-transform: rotateX(90deg);
}
 100% {
 -o-transform: rotateX(0deg);
}
}
 @keyframes turn {
 0% {
 transform: rotateX(90deg);
}
 100% {
 transform: rotateX(0deg);
}
}
.flip-clock-wrapper ul.play li.flip-clock-before .up {
	z-index: 2;
	-webkit-animation: turn2 0.5s linear both;
	-moz-animation: turn2 0.5s linear both;
	animation: turn2 0.5s linear both;
}
 @-webkit-keyframes turn2 {
 0% {
 -webkit-transform: rotateX(0deg);
}
 100% {
 -webkit-transform: rotateX(-90deg);
}
}
 @-moz-keyframes turn2 {
 0% {
 -moz-transform: rotateX(0deg);
}
 100% {
 -moz-transform: rotateX(-90deg);
}
}
 @-o-keyframes turn2 {
 0% {
 -o-transform: rotateX(0deg);
}
 100% {
 -o-transform: rotateX(-90deg);
}
}
 @keyframes turn2 {
 0% {
 transform: rotateX(0deg);
}
 100% {
 transform: rotateX(-90deg);
}
}
.flip-clock-wrapper ul li.flip-clock-active {
	z-index: 3;
}
/* SHADOW */
.flip-clock-wrapper ul.play li.flip-clock-before .up .shadow {
	background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.1)), color-stop(100%, black));
	background: linear, top, rgba(0, 0, 0, 0.1) 0%, black 100%;
	background: -o-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
	background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
	background: linear, to bottom, rgba(0, 0, 0, 0.1) 0%, black 100%;
	-webkit-animation: show 0.5s linear both;
	-moz-animation: show 0.5s linear both;
	animation: show 0.5s linear both;
}
.flip-clock-wrapper ul.play li.flip-clock-active .up .shadow {
	background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.1)), color-stop(100%, black));
	background: linear, top, rgba(0, 0, 0, 0.1) 0%, black 100%;
	background: -o-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
	background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
	background: linear, to bottom, rgba(0, 0, 0, 0.1) 0%, black 100%;
	-webkit-animation: hide 0.5s 0.3s linear both;
	-moz-animation: hide 0.5s 0.3s linear both;
	animation: hide 0.5s 0.3s linear both;
}
/*DOWN*/
.flip-clock-wrapper ul.play li.flip-clock-before .down .shadow {
	background: -moz-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, black), color-stop(100%, rgba(0, 0, 0, 0.1)));
	background: linear, top, black 0%, rgba(0, 0, 0, 0.1) 100%;
	background: -o-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
	background: -ms-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
	background: linear, to bottom, black 0%, rgba(0, 0, 0, 0.1) 100%;
	-webkit-animation: show 0.5s linear both;
	-moz-animation: show 0.5s linear both;
	animation: show 0.5s linear both;
}
.flip-clock-wrapper ul.play li.flip-clock-active .down .shadow {
	background: -moz-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, black), color-stop(100%, rgba(0, 0, 0, 0.1)));
	background: linear, top, black 0%, rgba(0, 0, 0, 0.1) 100%;
	background: -o-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
	background: -ms-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
	background: linear, to bottom, black 0%, rgba(0, 0, 0, 0.1) 100%;
	-webkit-animation: hide 0.5s 0.3s linear both;
	-moz-animation: hide 0.5s 0.3s linear both;
	animation: hide 0.5s 0.2s linear both;
}
 @-webkit-keyframes show {
 0% {
 opacity: 0;
}
 100% {
 opacity: 1;
}
}
 @-moz-keyframes show {
 0% {
 opacity: 0;
}
 100% {
 opacity: 1;
}
}
 @-o-keyframes show {
 0% {
 opacity: 0;
}
 100% {
 opacity: 1;
}
}
 @keyframes show {
 0% {
 opacity: 0;
}
 100% {
 opacity: 1;
}
}
 @-webkit-keyframes hide {
 0% {
 opacity: 1;
}
 100% {
 opacity: 0;
}
}
 @-moz-keyframes hide {
 0% {
 opacity: 1;
}
 100% {
 opacity: 0;
}
}
 @-o-keyframes hide {
 0% {
 opacity: 1;
}
 100% {
 opacity: 0;
}
}
 @keyframes hide {
 0% {
 opacity: 1;
}
 100% {
 opacity: 0;
}
}
.flip-clock-dot {
	display: none !important;
}
.commingsoon {
	position: fixed;
	top: 50px;
	right: -70px;
	z-index: 2147483647;
	width: 420px;
}
.clock {
	background-color: #920000;
	border-radius: 5px;
	width: 312px;
	padding: 20px 5px 5px;
	height: 70px;
	box-shadow: 0px 1px 5px;
}
.commingsoon>a {
	display: inline-block;
	width: 30px;
	height: 30px;
	background-color: rgb(255, 0, 0);
	text-align: center;
	line-height: 30px;
	text-decoration: none;
	font-size: 25px;
	border-radius: 60px;
	color: rgb(255, 255, 255);
	box-shadow: 0px 1px 5px rgb(0, 0, 0);
	position: relative;
	right: -310px;
	z-index: 9999;
	top: 20px;
}
#cover {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0,0,0,0.8);
	z-index: 999999
}
#event_main {
	text-align: center;
	width: 50%;
	padding: 50px;
	margin: 70px auto;
	font-size: 25PX;
	color: #FFF;
	background-color: #000;
	box-shadow: 0px 0px 30px #f00;
}
#event_main H1 {
	font-size: 35PX;
	font-weight: bolder;
	margin: 30PX 0 20PX;
}
#event_main button {
	font-size: 25px;
	padding: 8px 30px;
	background-color: #920000;
	font-weight: bolder;
	border-radius: 5px;
	margin: 50px 0 0;
	border: none;
}
#event_main button:hover {
	color: #fff;
	font-size: 28px;
	padding: 5px 30px 8px;
}
.cl {
	display: none
}
.slide-content-box {
	width: 1200px;
	height: 500px;
}

@media screen and (max-height: 800px) {
#event_main {
	padding: 0 20px 20px;
	margin: 30px auto;
}
#event_main button {
	font-size: 25px;
	padding: 8px 30px;
	background-color: #920000;
	font-weight: bolder;
	border-radius: 5px;
	margin: 20px 0;
	border: none;
}

/*產品表格*/

@media only screen and (max-width: 800px) {

     

    /* Force table to not be like tables anymore */

    #no-more-tables table, 

    #no-more-tables thead, 

    #no-more-tables tbody, 

    #no-more-tables th, 

    #no-more-tables td, 

    #no-more-tables tr { 

        display: block; 

    }

  

    /* Hide table headers (but not display: none;, for accessibility) */

    #no-more-tables thead tr { 

        position: absolute;

        top: -9999px;

        left: -9999px;

    }

  

    #no-more-tables tr { /*border: 1px solid #ccc; */ }

  

    #no-more-tables td { 

        /* Behave  like a "row" */

        border: none;

        border-bottom: 1px solid #eee; 

        position: relative;

        padding-left: 50%; 

        white-space: normal;

        text-align:left;

    }

  

    #no-more-tables td:before { 

        /* Now like a table header */

        position: absolute;

        /* Top/left values mimic padding */

        top: 6px;

        left: 6px;

        width: 45%; 

        padding-right: 10px; 

        white-space: nowrap;

        text-align:left;

        font-weight: bold;

    }

  

    /*

    Label the data

    */

    #no-more-tables td:before { content: attr(data-title); }

}
}

@media screen and (max-width: 1280px) {
#event_main H1 {
	font-size: 28PX;
	margin: 20PX 0 10PX;
}
#event_main button {
	font-size: 20px;
}
#event_main button:hover {
	font-size: 25px;
}
}
.slide-08 {
	background: url("../images/bg_rog.jpg") no-repeat center;
	background-size: cover;
}
.slide-09 {
	background: url("../images/red.jpg") no-repeat center;
	background-size: cover;
}

@media all and (max-width:350px) {
	
	.where-title-select select {
	width: 80px !important;
}


}