@charset "utf-8";
/* Banner版型B */
#product-header.template_B.black-bg { background-color:#000;}
#product-header.template_B .container { max-width:93%; /*width:93%;*/ min-height: 350px;}
#product-header.template_B .container.height-auto { min-height: auto;}
#product-header.template_B .product-info_B,
#product-header.template_B .product-image_B {
	display: table-cell;
}
#product-header.template_B .product-info_B {
	color:#FFF;
	width:500px;
	vertical-align: middle;
	padding: 20px 0;
}
#product-header.template_B .product-info_B.no-description { width:auto;}
#product-header.template_B .product-info_B.white-bg { color:#6a6a6a;}
#product-header.template_B .product-info_B.white-bg h1,
#product-header.template_B .product-info_B h1 { color:#ed6c00;}
#product-header.template_B.ste .product-info_B { width: 507px;}
#product-header.template_B.armor .product-info_B { vertical-align:top; padding-top:50px;}
#product-header.template_B.gray_word .product-info_B { color:#333;}

#product-header.template_B .product-info_B h1 {
	font-size:7em;
	font-family: MicrogrammaDBolExt !important;
	display: table-cell;
    float: left;
	line-height: 67px;
	letter-spacing: 3px;
	text-transform:none;
	white-space: nowrap;
}

#product-header.template_B .product-info_B h1.orange { color:#ed6c00;}
#product-header.template_B .product-info_B h1 small {
	font-family: MicrogrammaDBolExt !important;
	display: block;
	font-size:38px;
}
#product-header.template_B .product-info_B h1 gradient{
	font-family: MicrogrammaDBolExt !important;
    line-height: 30px;
    margin-bottom:20px;
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #6d6d6d 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #ffffff 0%,#6d6d6d 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ffffff 0%,#6d6d6d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#6d6d6d',GradientType=0 ); /* IE6-9 */
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
	}
#product-header.template_B .product-info_B h1 whiteorange{
	font-family: MicrogrammaDBolExt !important;
	line-height: 30px;
    margin-bottom:20px;
background: #ffffff;
background: -moz-linear-gradient(left, #ffffff 0%, #ffffff 50%, #ec6c00 50%, #ec6c00 100%);
background: -webkit-linear-gradient(left, #ffffff 0%,#ffffff 50%,#ec6c00 50%,#ec6c00 100%);
background: linear-gradient(to right, #ffffff 0%,#ffffff 50%,#ec6c00 50%,#ec6c00 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ec6c00',GradientType=1 );
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}	
#product-header.template_B.qbxkaze .product-info_B h1 small { display:inline;}
#product-header.template_B.keycaps { padding:50px 0;}
#product-header.template_B.keycaps .product-info_B h1 {font-size:6em;}
#product-header.template_B .product-info_B h1+img { padding-left:15px;}
#product-header.template_B .product-info_B h3 {
	font-size:28px;
	font-weight:bold;
	word-break: break-word;
}
#product-header.template_B .product-info_B .description {
	font-size:18px;
	font-weight:300;
}
/*#product-header.template_B.m-revenger .product-info_B .description {min-height: 133px;}*/
#product-header.template_B .product-image_B {
	vertical-align:bottom;
}
#product-header.template_B .product-image_B img {
	max-height: 500px;
}
@media (max-width: 1025px) {
#product-header.template_B .product-info_B,
#product-header.template_B .product-image_B {
	display: block;
}
#product-header.template_B .product-info_B { width:100%;}
#product-header.template_B .product-info_B h1 { font-size:6em;}
#product-header.template_B .product-info_B h3 { font-size:22px;}
#product-header.template_B .product-info_B .description { font-size:16px;}

}
@media (max-width: 415px) {
#product-header.template_B .product-info_B h1 { font-size:5em;}
#product-header.template_B .product-info_B h3 {
    font-size: 17px;
}
}
@media (max-width: 360px) {
#product-header.template_B .product-info_B h1 { font-size:4em;}
}

/* 700M eSPORTS */
#product-header.template_B.m-700mesports .product-info_B h1 { font-size: 6em;}
#product-header.template_B.m-700mesports .product-info_B h1 small { display:inline; font-size:24px;}


/* ARENA Black */
#product-header.template_B.arena_b .product-info_B { padding: 130px 0 30px; opacity: 0.7;}
#product-header.template_B .product-info_B h1 span { 
	color: #fff;
    display: block;
    font-family: MicrogrammaDBolExt !important;
    margin: 6px 0 0 -5px;
}
@media (max-width: 415px) {
#product-header.template_B .product-info_B h1 span { line-height: 30%;}
}

/* 450M黑橘banner */
#product-header.template_B.m-450m2 .product-image_B,
#product-header.template_B.k-700k .product-image_B { display: none;}
#product-header.template_B.m-450m2 .product-info_B,
#product-header.template_B.k-700k .product-info_B { height:400px;}
@media (min-width: 1367px) {
#product-header.template_B.m-450m2 .product-info_B { height:500px;}
}
@media (max-width: 1025px) {
#product-header.m-450m2 {
    background: #000 !important;
}
#product-header.k-700k {
    background: #FFF !important;
}
#product-header.template_B.m-450m2 .product-info_B,
#product-header.template_B.k-700k .product-info_B {
    height: auto;
}
#product-header.template_B.m-450m2 .product-image_B,
#product-header.template_B.k-700k .product-image_B { display:block;}
}
@media (min-width: 992px) {
.product-section .template06.m-450m2 > div { height:510px;}
}

/* Banner 背景影片 */
#product-header.template_B.attackx3rgb .product-info_B h1,
#product-header.template_B.long-name .product-info_B h1 { font-size: 73px; /*white-space: nowrap;*/}
#product-header.template_B.long-name.attackx3 .product-info_B h1 { font-size: 65px;}
#product-header.template_B.attackx3rgb .product-info_B h3,
#product-header.template_B.long-name .product-info_B h3 { margin-top:0;}
#product-header.template_B.attackx3rgb .product-info_B,
#product-header.template_B.long-name .product-info_B { width:auto;}
#product-header.template_B.attackx3rgb .description,
#product-header.template_B.long-name .description {max-width:500px;}
#product-header.template_B.long-name .video-box,
#product-header.template_B.attackx3rgb .video-box { position:absolute; right:6%; top:0; width: 692px ; /*background-color: #000;*/}
/* Immersa Pro */
#product-header.template_B.long-name.immersapro .video-box { position:absolute; right:0; top:0; width: auto; padding-top: 50px;}
#product-header.template_B.long-name.immersapro .container { height:525px;}
@media (min-width: 1441px) {
#product-header.template_B.long-name.immersapro .container { height:737px;}
#product-header.template_B.long-name.immersapro .video-box { padding-top: 61px;}
}

#product-header.template_B.deathfireex .video-box { right:0%;}
#product-header.template_B.deathfire .video-box,
#product-header.template_B.deathfireex .video-box { width: 810px;}
#product-header.template_B.deathfireex .product-info_B { height:386px;}
#product-header.template_B.attackx3rgb .container,
#product-header.template_B.long-name .container { position: relative; z-index: 2; padding:17px 0;}
@media (max-width: 1028px) {
#product-header.template_B.attackx3rgb .video-box,
#product-header.template_B.long-name .video-box,
#product-header.template_B.long-name.immersapro .video-box { 
	left: 10%;
    position: inherit;
    right: 0;
    width: 80%;
}
#product-header.template_B.attackx3rgb .container,
#product-header.template_B.long-name .container { position:inherit;}
#product-header.template_B.long-name.immersapro .container { height:auto; min-height:inherit;}
}
@media (max-width: 660px) {
#product-header.template_B.attackx3rgb .product-info_B h1,
#product-header.template_B.long-name .product-info_B h1 { font-size: 57px; line-height:47px; white-space: normal;}
#product-header.template_B.long-name.immersapro .product-info_B h1 { font-size: 50px;}
#product-header.template_B.long-name.immersapro .video-box { 
	left: -25%;
    position: inherit;
    right: 0;
    width: 150%;
}
#product-header.template_B.immersapro .product-info_B { padding: 20px 0 0;}
.product-section .container-fluid.width100 img.center-img { 
	margin-left: -93%;
    max-width: 300%;
    width: 300%;}
}
@media (max-width: 420px) {
#product-header.template_B.attackx3rgb .video-box,
#product-header.template_B.long-name .video-box { width: 100%; left:0;}
#product-header.template_B.attackx3rgb_speedy .product-info_B h1{ font-size: 3.5em;}
}
@media (min-width: 1380px) {
#product-header.template_B.attackx3rgb .video-box,
#product-header.template_B.long-name .video-box { right:15%;}
}

/* VANTAR Banner */
@media (min-width: 361px) {
#product-header.template_B.vantar .product-info_B h1 {font-size: 5em;}
#product-header.template_B.vantar .product-info_B h3 {
    font-size: 23px;
}
}




/* 新版型：滿版影片背景 */
.video-hero {
    display: block;
    position: relative;
	background-color:#000;
}
.video-hero h3 { margin-top:10px;}
.video-hero--small .video-hero-container.video-hero-container--mobile-image,
.product-video-hero .video-hero-container--mobile-image {
    background-size: 0 0;
}
.video-hero--small .video-hero-container {
    background-repeat: no-repeat;
    background-size: cover;
    height: 254px;
    max-width: 100%;
    transition: height 0.2s ease 0s;
    width: 100%;
}
.video-hero--small .video-hero-container {
    height: auto;
}

.video-hero__video {
    position: relative;
}
.video-hero__video {
    height: 100%;
    left: 0;
    max-width: 100%;
    top: 0;
    transition: background-color 0.6s ease 0s;
    width: 100%;
}
audio, canvas, progress, video {
    display: inline-block;
    vertical-align: baseline;
}
.video-hero-container--mobile-image video {
    display: block;
}




.video-hero__overlay {
    color: #fff;
    height: 100%;
    left: 0;
    position: absolute;
    /*text-align: center;*/
    /*text-transform: uppercase;*/
    top: 0;
    width: 100%;
}
.product-video-hero .video-hero__overlay {
    height: 100%;
    left: 0;
    padding-bottom: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.video-hero__overlay .container {
    height: 100%;
    position: relative;
}
@media (max-width: 1025px) {
.product-video-hero .video-hero__overlay {
    display: block;
    padding-bottom: 2em;
    position: relative;
    text-align: left;
}
}

/* immersapro */
#product-header.template_B.immersapro .product-info_B h1 {font-size: 73px;}
@media (max-width: 745px) {
#product-header.template_B.immersapro .product-info_B h1 {font-size: 50px; line-height:50px;}
}
@media (max-width: 520px) {
#product-header.template_B.immersapro .product-info_B h1 {font-size: 33px; line-height:33px;}
}

/* immersa */
.immersa #product-header.template_B { margin-left: -18%; margin-top: 14%;}
@media (max-width: 1600px) {
.immersa #product-header.template_B .product-info_B h1 {font-size: 60px; line-height:60px;}
.immersa #product-header.template_B { margin-left: 0%; margin-top: 5%;}
}
@media (max-width: 1180px){
.immersa #product-header.template_B .product-info_B .description { width:400px;}
}
@media (max-width: 1025px) {
.immersa #product-header.template_B { margin-left: 7%; margin-top: 0%;}
.video-hero-container>img { margin-left: -58%; max-width: 164%;}
.immersa #product-header.template_B .product-info_B .description { width:100%;}
}
@media (max-width: 745px) {
.immersa #product-header.template_B .product-info_B h1 {font-size: 50px; line-height:50px;}
}
@media (max-width: 520px) {
.immersa #product-header.template_B .product-info_B h1 {font-size: 33px; line-height:33px;}
}



/* revenger */
.revenger #product-header.template_B {  margin-top: 2%;}
.revenger #product-header.template_B .product-info_B h1 {font-size: 65px; line-height:65px;}
.revenger #product-header.template_B .product-info_B h3 {font-size: 24px; line-height:19px;}
/*#product-header.template_B .product-info_B .description {font-size: 15px; max-width:370px;}*/
@media (min-width: 1480px) and (max-width: 1960px){
.revenger #product-header.template_B {  margin-left: -10%;margin-top: 2%;}
}
@media (max-width: 1980px) {
.revenger #product-header.template_B .product-info_B h3 {font-size: 24px; line-height:19px; max-width:100%;}
}
@media (max-width: 1270px) {
.revenger #product-header.template_B .product-info_B .description {font-size: 17px; line-height:22px;}
}
@media (max-width: 1025px) {
.revenger .video-hero__video {width: auto;height: auto;}
.revenger #product-header.template_B .product-info_B .description { max-width:none;}
}
@media (max-width: 588px) {
.revenger #product-header.template_B .product-info_B h1 {font-size: 50px; line-height:65px;}
.revenger #product-header.template_B .product-info_B h3 { white-space:normal;}
}
@media (max-width: 405px) {
.revenger #product-header.template_B .product-info_B h1{font-size: 33px; line-height:33px;}
.revenger #product-header.template_B .product-info_B h3{line-height:30px;}
}








/* panzermax */
.panzermax #product-header.template_B .product-info_B h1 small { color: #ed6c00; display:inline; font-size: 50px;}
.panzermax #product-header.template_B { margin-left: -12%; margin-top: 12%;}
.panzermax #product-header.template_B .product-info_B .description {max-width: 586px;}
@media (max-width: 1480px) {
.panzermax #product-header.template_B { margin-left: 1%; margin-top: 4%;}
.panzermax #product-header.template_B .product-info_B h1 {font-size: 70px; line-height:70px;}
}
@media (max-width: 1200px) {
.panzermax #product-header.template_B .product-info_B h1 {font-size: 50px; line-height:50px;}
.panzermax #product-header.template_B .product-info_B h3 {font-size: 20px; line-height:20px;}
.panzermax #product-header.template_B .product-info_B h1 small { font-size: 30px;}
}
@media (max-width: 600px) {
.video-hero-container>img { margin-left: -117%; max-width: 250%;}
}
@media (max-width: 440px) {
.panzermax #product-header.template_B .product-info_B h1 {font-size: 45px; line-height:50px;}
.panzermax #product-header.template_B .product-info_B h1 small { display: block;}
}


/* 視差捲動效果 */
.parallax {
    height: 100vh;
    overflow-x: hidden;
    perspective: 1px;
}
.parallax_layer_back {
	transform: translateZ(-1px) scale(2);
}
.parallax_layer_base {
    transform: translateZ(0px);
}

/* 影片-簡體版本 */
.video_cn{
	border:1px solid #CCCCCC;
	margin-top: 10px;
	padding: 5px;
}
@media (max-width: 1960px) {
.video_cn{ width:820px;}
}
@media (max-width: 1200px) {
.video_cn{ width:680px;}
}
@media (max-width: 750px) {
.video_cn{ width:550px;}
}
@media (max-width: 650px) {
.video_cn{ width:450px;}
}
@media (max-width: 520px) {
.video_cn{ width:320px;}
}




/* CONQUER ESSENCE */
@media (max-width: 1920px) {
.conquer_essence #product-header.template_B .product-info_B h1{font-size: 103px;line-height:50px;}
.conquer_essence #product-header.template_B .product-info_B h1 small { color: #ed6c00; display:inline; font-size: 50px;}
.conquer_essence #product-header.template_B .product-info_B h3{line-height:33px;}
.conquer_essence #product-header.template_B { margin-left: -12%; margin-top: 12%;}
.conquer_essence #product-header.template_B .product-info_B .description {width: 700px;}
}
@media (max-width: 1480px) {
.conquer_essence #product-header.template_B { margin-left: 1%; margin-top:4%;}
.conquer_essence #product-header.template_B .product-info_B h1 {font-size: 82px; line-height:46px;}
.conquer_essence #product-header.template_B .product-info_B .description {width: 600px;}
}
@media (max-width: 1200px) {
.conquer_essence #product-header.template_B {  margin-left: 0%;margin-top:0%; }
.conquer_essence #product-header.template_B .product-info_B h1 {font-size: 68px; line-height:40px;}
.conquer_essence #product-header.template_B .product-info_B h3 {font-size: 20px; line-height:25px;}
.conquer_essence #product-header.template_B .product-info_B h1 small { font-size: 40px;}
.conquer_essence #product-header.template_B .product-info_B .description {width: 100%;}
}
@media (max-width: 600px) {
.video-hero-container>img { margin-left: -117%; max-width: 250%;}
}
@media (max-width: 440px) {
.conquer_essence #product-header.template_B .product-info_B h1 {font-size: 45px; line-height:50px;}
.conquer_essence #product-header.template_B .product-info_B h1 small { font-size: 30px;display: block;}
}
@media (max-width: 350px) {
.conquer_essence #product-header.template_B .product-info_B h1 {font-size: 33px; line-height:35px;}
.conquer_essence #product-header.template_B .product-info_B h1 small { font-size: 25px;display: block;}
}