.InnerGIGABYTEContent .graylinebg{
            background-image: url("../images/graylinebg.jpg");
            background-size: 100%;
            background-repeat: no-repeat;
            min-height: 80px;
        }        

/*features*/

		.InnerGIGABYTEContent #fit {            
            background: url(../images/fit_bg_1920.jpg);
			background-size: cover;
			display: table;
			background-attachment: fixed;
			background-position:center;
			min-height:950px;
        }

		.InnerGIGABYTEContent #fit .content{
			margin-top: 12%;
			color:#FFF;
		    background-color:rgba(0,0,0,0.7);
		}

        .InnerGIGABYTEContent #perfect .conbox1{
			display: inline-block;
			float:left;
             width: 31%;
			 margin-left:1%;
			 margin-bottom:3%;
        }

        .InnerGIGABYTEContent #perfect .box1{
			display: inline-block;
			float:left;
			margin-left:6%;
        }
		
		.InnerGIGABYTEContent #perfect .title1{
			text-align:center;
			font-size: 0.9em;
			line-height: 1.8em;
			margin-top:2%;
		}

	.InnerGIGABYTEContent .images {
		position:relative;
		width:100%;
		height:250px;
	}
	.InnerGIGABYTEContent .images img {
		position:absolute;
	}
	.InnerGIGABYTEContent .images .mask {
		position:absolute;
		background-color:rgba(0,0,0,0);
		width:100%;
		height:115%;
		z-index:9999;
		transition:all .3s;
		text-align:center;
		color:#rgba(0,0,0,0);
	}
	.InnerGIGABYTEContent .images:hover .mask{
		background-color:rgba(0,0,0,0.8);
	}
	.InnerGIGABYTEContent .images a {
		display:block;
		color:rgba(0,0,0,0);
		text-align:center;
		line-height:24px;
		text-decoration:none;
		transition:all .3s;
		padding-top:20%;
		padding-left:5%;
		padding-right:5%;
		font-weight: normal;
	}

	.InnerGIGABYTEContent .images .content {
		font-size:20px;
		line-height:20px;
    font-family: 'Roboto Condensed', sans-serif, '微軟正黑體', Microsoft JhengHei;
    font-family: 'Roboto Condensed', '微軟正黑體' !important;
	}

	.InnerGIGABYTEContent .images:hover a {
		color:rgba(255,255,255,1);
	}
	
	.InnerGIGABYTEContent .font {
		text-shadow:#2E2E2E 2px 2px;
		font-size:24px;
		line-height:40px;
		font-family: 'Roboto Condensed', sans-serif, '微軟正黑體', Microsoft JhengHei;
		font-family: 'Roboto Condensed', '微軟正黑體' !important;
		color:#FFF;
		background-color:rgba(0,0,0,0.1);
	}	

		.InnerGIGABYTEContent #perfect .text1{
			text-align:left;
			font-size: 20px;
			font-weight:300;
			line-height: 30px;
			margin-top:-80px;
			margin-left:27%;
			font-family: 'Roboto Condensed', sans-serif, '微軟正黑體', Microsoft JhengHei;
			font-family: 'Roboto Condensed', '微軟正黑體' !important;
		}

		.InnerGIGABYTEContent #processor {            
            background: url(../images/processor_1920_bg.jpg);
			background-size: cover;
			display: table;
			background-attachment: fixed;
			background-position:center;
			min-height:900px;
        }
		
        .InnerGIGABYTEContent #processor .conbox{
			margin-left:43%;
			margin-top:4%;
            width: 12%;
        }

        .InnerGIGABYTEContent #processor .conbox1{
			display:inline-block;
			margin-left:0%;
			margin-right:2%;
			margin-top:5%;
            width: 15%;
			text-align:right;
			vertical-align: top;
        }

        .InnerGIGABYTEContent #processor .conbox2{
			display:inline-block;
            width: 25%;
			margin-top:3%;
        }
		
		.InnerGIGABYTEContent #carousel-example-generic .box1{
			margin-top:100px;
			margin-left:10%;
		}
				

		.InnerGIGABYTEContent #carousel-example-generic .box2{
			margin-top:100px;
			margin-right:40%;
		}

		.InnerGIGABYTEContent #hdmi20{
			background-color:#1a1a1a;
			padding-bottom:1%;
		}

		.InnerGIGABYTEContent #rs232 .img01{
			margin-left:35%;
			width:30%;
		}

@-webkit-keyframes fadeIn {
  0% {opacity: 0;}
  100% {opacity: 1;}
}

@keyframes fadeIn {
  0% {opacity: 0;}
  100% {opacity: 1;}
}

.InnerGIGABYTEContent #rs232 .fadeIn {
  -webkit-animation-name: fadeIn;
          animation-name: fadeIn;
}



		.InnerGIGABYTEContent #IRMT {            
            background: url(../images/brix_1920_bg.jpg);
			background-size: cover;
			display: table;
			background-attachment: fixed;
			background-position:center;
        }

        .InnerGIGABYTEContent #IRMT .conbox{
			float:left;
            width: 30%;
			margin-right:3%;
			margin-bottom:5%;
        }

        .InnerGIGABYTEContent #IRMT .conbox-a{
			float:left;
            width: 28%;
        }

        .InnerGIGABYTEContent #IRMT .conbox-b{
			float:left;
            width: 72%;
        }

        .InnerGIGABYTEContent #IRMT .text1{
			text-align: left;
        }
		
		.InnerGIGABYTEContent #IRMT a {
			text-decoration:underline;
			color:#FFF;
		}

		.InnerGIGABYTEContent #IRMT a:hover{
			text-decoration:underline;
			color:#1ffee3;
		}

		.InnerGIGABYTEContent #vesa {            
            background: url(../images/vesa_bg_1920.jpg);
			background-size: cover;
			display: table;
			width: 100%;
			background-attachment: fixed;
			background-position:bottom;
			min-height: 950px;
        }

		.InnerGIGABYTEContent #vesa .content{
			margin-top: 15%;
			color:#FFF;
		    background-color:rgba(0,0,0,0.7);
		}

        .InnerGIGABYTEContent #overview .conbox1{
			float:left;
            width: 38%;
			margin-left:10%;
			margin-right:3%;
			margin-top:3%;
			margin-bottom:3%;
			display:inline-block;
        }
		
        .InnerGIGABYTEContent #overview .conbox2{
			display: inline-block;
			float:left;
            width: 38%;
			margin-top:3%;
			margin-bottom:3%;
			display:inline-block;
        }


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

		.InnerGIGABYTEContent #fit {            
			min-height:750px;
        }

        .InnerGIGABYTEContent #perfect .conbox1{
			display: inline-block;
			float:left;
             width: 31%;
			 margin-left:1%;
			 margin-bottom:1%;
        }

        .InnerGIGABYTEContent #perfect .box1{
			display: inline-block;
			float:left;
			margin-left:6%;
        }
		
		.InnerGIGABYTEContent #perfect .title1{
			text-align:center;
			font-size: 0.9em;
			line-height: 1.8em;
			margin-top:2%;
		}

	.InnerGIGABYTEContent .images {
		position:relative;
		width:200px;
		height:250px;
	}
	.InnerGIGABYTEContent .images img {
		position:absolute;
	}
	.InnerGIGABYTEContent .images .mask {
		position:absolute;
		background-color:rgba(0,0,0,0);
		width:100%;
		height:81%;
		z-index:9999;
		transition:all .3s;
		text-align:center;
		color:#rgba(0,0,0,0);
	}
	.InnerGIGABYTEContent .images:hover .mask{
		background-color:rgba(0,0,0,0.8);
	}
	.InnerGIGABYTEContent .images a {
		display:block;
		color:rgba(0,0,0,0);
		text-align:center;
		line-height:24px;
		text-decoration:none;
		transition:all .3s;
		padding-top:20%;
		padding-left:5%;
		padding-right:5%;
		font-weight: normal;
	}

	.InnerGIGABYTEContent .images .content {
		font-size:20px;
		line-height:20px;
	}

	.InnerGIGABYTEContent .font {
		text-shadow:#2E2E2E 2px 2px;
		font-size:20px;
		line-height:40px;
	}	

		.InnerGIGABYTEContent #perfect .text1{
			font-size: 16px;
			font-weight:300;
			line-height: 24px;
			margin-top:-70px;
		}

        .InnerGIGABYTEContent #chart .conbox{
			display:inline-block;
            width: 75%;
			margin-right:0%;
			margin-top:4%;
        }

        .InnerGIGABYTEContent #chart .conbox1{
			display:inline-block;
            width: 20%;
			float:right;
			margin-right:10%;
			margin-top:3%;
			margin-bottom:3%;
        }

		.InnerGIGABYTEContent #vesa {            
			min-height: 750px;
        }

}



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



        .InnerGIGABYTEContent #perfect .conbox1{
			display: inline-block;
			float:left;
             width: 48.5%;
			 margin-left:1%;
			 margin-bottom:1%;
        }

        .InnerGIGABYTEContent #perfect .box1{
			display: inline-block;
			float:left;
			margin-left:5%;
        }
		
		.InnerGIGABYTEContent #perfect .title1{
			text-align:center;
			font-size: 0.9em;
			line-height: 1.8em;
			margin-top:2%;
		}

	.InnerGIGABYTEContent .images {
		position:relative;
		width:200px;
		height:250px;
	}
	.InnerGIGABYTEContent .images img {
		position:absolute;
	}
	.InnerGIGABYTEContent .images .mask {
		position:absolute;
		background-color:rgba(0,0,0,0);
		width:100%;
		height:94%;
		z-index:9999;
		transition:all .3s;
		text-align:center;
		color:#rgba(0,0,0,0);
	}
	.InnerGIGABYTEContent .images:hover .mask{
		background-color:rgba(0,0,0,0.8);
	}
	.InnerGIGABYTEContent .images a {
		display:block;
		color:rgba(0,0,0,0);
		text-align:center;
		line-height:24px;
		text-decoration:none;
		transition:all .3s;
		padding-top:20%;
		padding-left:5%;
		padding-right:5%;
		font-weight: normal;
	}

	.InnerGIGABYTEContent .images .content {
		font-size:20px;
		line-height:20px;
	}

	.InnerGIGABYTEContent .font {
		text-shadow:#2E2E2E 2px 2px;
		font-size:24px;
		line-height:40px;
	}	

		.InnerGIGABYTEContent #perfect .text1{
			font-size: 18px;
			font-weight:300;
			line-height: 24px;
			margin-top:-80px;
		}

}


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


		.InnerGIGABYTEContent #processor {            
			background-size: cover;
			display: table;
			background-attachment: fixed;
			background-position:center;
			min-height:700px;
        }

        .InnerGIGABYTEContent #processor .conbox{
			margin-left:40%;
			margin-top:4%;
            width: 18%;
        }

        .InnerGIGABYTEContent #processor .conbox1{
			display:inline-block;
			margin-left:0%;
			margin-right:2%;
			margin-top:5%;
            width: 25%;
			text-align:right;
			vertical-align: top;
        }

        .InnerGIGABYTEContent #processor .conbox2{
			display:inline-block;
            width: 35%;
			margin-top:3%;
        }

        .InnerGIGABYTEContent #chart .conbox{
			display:inline-block;
            width: 100%;
			margin-top:4%;
        }

        .InnerGIGABYTEContent #chart .conbox1{
			display:inline-block;
            width: 27%;
			margin-right:0%;
        }

        .InnerGIGABYTEContent #vesa {
			background-size: 220%;
			min-height:650px;
			background-position:left center;
        }

		.InnerGIGABYTEContent #vesa .content{
			margin-top: 20%;
		}



}


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

		.InnerGIGABYTEContent #fit {            
			background-size: 250%;
			display: table;
			background-attachment: fixed;
			background-position:top;
			min-height:700px;
        }

		.InnerGIGABYTEContent #fit .content{
			margin-top: 22%;
			color:#FFF;
		    background-color:rgba(0,0,0,0.7);
		}

        .InnerGIGABYTEContent #perfect .conbox1{
			display: inline-block;
			float:left;
             width: 80%;
			 margin-left:10%;
			 margin-bottom:2%;
        }

        .InnerGIGABYTEContent #perfect .box1{
			display: inline-block;
			float:left;
			margin-left:5%;
        }
		
		.InnerGIGABYTEContent #perfect .title1{
			text-align:center;
			font-size: 0.9em;
			line-height: 1.8em;
			margin-top:2%;
		}

	.InnerGIGABYTEContent .images {
		position:relative;
		width:200px;
		height:250px;
	}
	.InnerGIGABYTEContent .images img {
		position:absolute;
	}
	.InnerGIGABYTEContent .images .mask {
		position:absolute;
		background-color:rgba(0,0,0,0);
		width:100%;
		height:100%;
		z-index:9999;
		transition:all .3s;
		text-align:center;
		color:#rgba(0,0,0,0);
	}
	.InnerGIGABYTEContent .images:hover .mask{
		background-color:rgba(0,0,0,0.8);
	}
	.InnerGIGABYTEContent .images a {
		display:block;
		color:rgba(0,0,0,0);
		text-align:center;
		line-height:24px;
		text-decoration:none;
		transition:all .3s;
		padding-top:20%;
		padding-left:5%;
		padding-right:5%;
		font-weight: normal;
	}

	.InnerGIGABYTEContent .images .content {
		font-size:20px;
		line-height:20px;
	}

	.InnerGIGABYTEContent .font {
		text-shadow:#2E2E2E 2px 2px;
		font-size:24px;
		line-height:40px;
	}	

		.InnerGIGABYTEContent #perfect .text1{
			font-size: 16px;
			font-weight:300;
			line-height: 26px;
			margin-top:-70px;
		}

		.InnerGIGABYTEContent #carousel-example-generic .box1{
			margin-top:50px;
		}
				
		.InnerGIGABYTEContent #carousel-example-generic .box2{
			margin-top:50px;
		}

        .InnerGIGABYTEContent #IRMT .conbox{
			float:left;
            width: 100%;
			margin-right:1%;
        }
		
        .InnerGIGABYTEContent #overview .conbox1{
            width: 80%;
			margin-left:10%;
			margin-top:3%;
			margin-bottom:3%;
        }
		
        .InnerGIGABYTEContent #overview .conbox2{
            width: 80%;
			margin-left:10%;
        }



}


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

	.InnerGIGABYTEContent .images {
		position:relative;
		width:200px;
		height:160px;
	}

	.InnerGIGABYTEContent .images .mask {
		height:100%;
		z-index:9999;
		transition:all .3s;
		text-align:center;
		color:#rgba(0,0,0,0);
	}

	.InnerGIGABYTEContent .font {
		text-shadow:#2E2E2E 2px 2px;
		font-size:18px;
		line-height:30px;
	}	

		.InnerGIGABYTEContent #fit {            
			background-size: 360%;
			display: table;
			background-attachment: fixed;
			background-position:top;
			min-height:500px;
        }

		.InnerGIGABYTEContent #fit .content{
			margin-top: 15%;
			color:#FFF;
		    background-color:rgba(0,0,0,0.7);
		}

		.InnerGIGABYTEContent #perfect{
			min-height: 1100px;
		}


		.InnerGIGABYTEContent #perfect .text1{
			font-size: 14px;
			font-weight:300;
			line-height: 20px;
			margin-top:-60px;
		}

		.InnerGIGABYTEContent #processor {            
			background-size: cover;
			display: table;
			background-attachment: fixed;
			background-position:center;
			min-height:500px;
        }

        .InnerGIGABYTEContent #processor .conbox1{
			display:inline-block;
			margin-left:0%;
			margin-right:2%;
			margin-top:5%;
            width: 40%;
			text-align:right;
			vertical-align: top;
        }

        .InnerGIGABYTEContent #processor .conbox2{
			display:inline-block;
            width: 50%;
			margin-top:3%;
        }

		.InnerGIGABYTEContent #vesa {            
			background-size: 300%;
			display: table;
			background-attachment: fixed;
			min-height:500px;
        }

		.InnerGIGABYTEContent #vesa .content{
			margin-top: 18%;
			color:#FFF;
		    background-color:rgba(0,0,0,0.7);
		}

		.InnerGIGABYTEContent #carousel-example-generic .box1{
			margin-top:20px;
		}
				
		.InnerGIGABYTEContent #carousel-example-generic .box2{
			margin-top:20px;
		}


}