/*titlebar*/

.InnerGIGABYTEContent .titlebar {
	font-size: 4.0em;
	font-family: 'Oswald', sans-serif, '微軟正黑體', Microsoft JhengHei;
	color: #ffde00;
	text-align: center;
	padding: 80px 0px 0px 0px;
	background-position: top center;
	background-repeat: no-repeat;
	font-weight: 500;
}

.InnerGIGABYTEContent .titlesection {
	overflow: hidden;
	position: relative;
	height: 30px;
	max-width: 1920px;
	margin-bottom: 50px;
}

.InnerGIGABYTEContent .titlelinebg {
	width: 100%;
	background: #ffde00;
background: -moz-linear-gradient(top, #ffde00 0%, #ca9800 100%);
background: -webkit-linear-gradient(top, #ffde00 0%,#ca9800 100%);
background: linear-gradient(to bottom, #ffde00 0%,#ca9800 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffde00', endColorstr='#ca9800',GradientType=0 );
	height: 40px;
	position: absolute;
}

.InnerGIGABYTEContent .titlebottombg {
	background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 41%, rgba(255, 255, 255, 0.59) 49%, rgba(255, 255, 255, 0) 58%, rgba(255, 255, 255, 0) 99%);
	background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 41%, rgba(255, 255, 255, 0.59) 49%, rgba(255, 255, 255, 0) 58%, rgba(255, 255, 255, 0) 99%);
	background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 41%, rgba(255, 255, 255, 0.59) 49%, rgba(255, 255, 255, 0) 58%, rgba(255, 255, 255, 0) 99%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff', GradientType=1);
	width: 100%;
	height: 40px;
	position: absolute;
	animation: led-style4 2.5s linear infinite;
	-webkit-animation: led-style4 2.5s linear infinite;
}

.InnerGIGABYTEContent .linebg {
	background-image: url("../images/X570_bar.png");
	width:100%;
	background-repeat: no-repeat;
	background-position: 50% 15%;
	height: 80px;
	position: absolute;
}

.InnerGIGABYTEContent .titlebarDimension {
	font-family: 'Oswald', sans-serif, '微軟正黑體', Microsoft JhengHei;
	font-size: 1.8em;
	line-height: 1.0em;
	margin-bottom: 10px;
}

@keyframes led-style4 {
	0% {
		left: -80%;
	}
	30% {
		left: 30%;
	}
	31% {
		left: 50%;
	}
	50% {
		left: 100%;
	}
	100% {
		left: 100%;
	}
}

@-webkit-keyframes led-style4 {
	0% {
		left: -60%;
	}
	25% {
		left: 30%;
	}
	25.1% {
		left: 50%;
	}
	50% {
		left: 100%;
	}
	100% {
		left: 100%;
	}
}


		.InnerGIGABYTEContent .imagefadein {
			display:none;
		}

		.InnerGIGABYTEContent .textbutton{            
			bottom:100px;      
			right:16%;      
			text-align: right;			
            position:relative;
             font-family: 'myfont','Arial', 'cwTeXHei', 'Microsoft JhengHei';
            color:#ff6400;
            font-size:1.6em;       
            font-weight: bold;
            text-shadow:0px 0px 20px #000;
		}
				

/* 8 icons */
		.InnerGIGABYTEContent #featureicon {
			width:100%;
			margin:0 auto;
		}
		.InnerGIGABYTEContent #featureicon .featurenav{
			float:left;
			width:24.95%;
			overflow: hidden;						
			position: relative;
			cursor:pointer;								
			border-left: 4px solid #000;			
		}
		.InnerGIGABYTEContent #featureicon .featurenav img{
			transition: all 0.3s linear;
			-webkit-transition: all 0.3s linear;
			-ms-transition: all 0.3s linear;

			-webkit-filter:grayscale(1);			
            -ms-filter:grayscale(1);
            filter:grayscale(1);
            margin:0 auto; 
		}
		.InnerGIGABYTEContent #featureicon .featurenav:hover img{
			transform: scale(1.2, 1.2);
			-webkit-transform: scale(1.2, 1.2);
			-ms-transform: scale(1.2, 1.2);
			-webkit-filter:grayscale(0);			
            -ms-filter:grayscale(0);
            filter:grayscale(0);		
		}
		.InnerGIGABYTEContent #featureicon .title{
			border-bottom: 3px solid #ffcb05;			
			font-size:1.6em;
			line-height:1.8em;
			text-align: center;
			color:#ccc;
			bottom:0;
			background:rgb(63, 63, 63);
			position: absolute;
			width:100%;	
			transition: all 0.3s linear;
			-webkit-transition: all 0.3s linear;
		}
		.InnerGIGABYTEContent #featureicon .featurenav:hover .title {
		   background:#ffcb05;
		   color:#000;

		}

		
/*learn more*/
		.InnerGIGABYTEContent .moreicon{
			margin-top:2%;
			text-align: center;
			cursor: pointer;
			font-size:1.0em;
			line-height: 1.6em;
			color:#FFD80E;							
				
		}

		.InnerGIGABYTEContent .moreiconOpen{
						
			padding-top:10px;
			padding-bottom:10px;
			height:40px;			
		}

		

		.InnerGIGABYTEContent .morecon{
			display:none;
			
		}
		.InnerGIGABYTEContent .moreline{
			/* border-bottom:3px solid #ff6400;*/
			margin-bottom:60px;			
			background-image: url("../images/learnmoreline.png");
			background-position: top center;
            background-repeat: no-repeat;
			min-height: 8px;
			
		}

		.InnerGIGABYTEContent .morelineOpen{
			border-bottom:3px solid #fff;					
		}

		.InnerGIGABYTEContent .btnstyle{
			transition: all .2s;
			border-radius: 10%;
			width: 30px;
			height: 30px;
			cursor: pointer;
			background: #FFD80E;
			margin:0 auto;
			margin-bottom: -20px;
			z-index:99;
			position:relative;			
		}

		.InnerGIGABYTEContent .btnstyle span{
			transition: all .2s;
			content: "";
			display: block;
			width: 60%;
			height: 4px;  
			margin: 0 auto;
			background-color: #000;
			transform: translateY(10px) rotate(90deg);
			-webkit-transform: translateY(10px) rotate(90deg);
			-ms-transform: translateY(10px) rotate(90deg);
		}

		.InnerGIGABYTEContent .btnstyle:before{
			transition: all .2s;
			content: "";
			display: block;
			width: 60%;
			height: 4px;  
			margin: 0 auto;
			background-color: #000;
			transform: translateY(14px) rotate(0deg);				
			-webkit-transform: translateY(14px) rotate(0deg);
			-ms-transform: translateY(14px) rotate(0deg);
		}

		.InnerGIGABYTEContent .menuOpen span{
			height: 0px;	
		}

		.InnerGIGABYTEContent .menuOpen{
			background: #FFD80E;
			
		}


/*mb-spec*/		

		.InnerGIGABYTEContent #mbspec {		
            background-image: url("../images/spec_1920.png");
            background-position: 50% center;
            background-repeat: no-repeat;
			min-height: 1070px;			
			position:relative;
			overflow: hidden;						
		}
		
		
		.InnerGIGABYTEContent .mbspec-s{
			display:none;
		}	
		.InnerGIGABYTEContent #mbspec .spec1{			
			position:relative;
			width:1060px;
			float: left;			
		}

		.InnerGIGABYTEContent #mbspec .spec1 .imgset img{
			width:auto;
			float:right;
			cursor: pointer;
			transition: all 0.2s linear;
            -webkit-transition: all 0.2s linear;			
		}

		.InnerGIGABYTEContent #mbspec .spec2 .imgset img{
			cursor: pointer;
			transition: all 0.2s linear;
            -webkit-transition: all 0.2s linear;
		}

		.InnerGIGABYTEContent #mbspec .spec1 .imgset img:hover, #mbspec .spec2 .imgset img:hover{
			filter:brightness(1.5);
			-webkit-filter:brightness(1.5);
		}


		.InnerGIGABYTEContent #mbspec .speclist{
			position: absolute;				
			
		}
		.InnerGIGABYTEContent #mbspec .spec1 .speclist{
			text-align: right;
			right:790px;
		}
		.InnerGIGABYTEContent #mbspec .spec2{
			position:relative;
			width:200px;
			float: left;						
        }
        
		.InnerGIGABYTEContent #mbspec .specpoint{
			width:30px;
			height:30px;
			border-radius:50%;			
			background-color:#FFD80E;
			color:#000;
			font-size:1em;
			line-height: 1.8em;
			margin-right:6px;
			text-align: center;
			display: inline-block;
			margin-bottom:4%;
			display:none;					
        }
        
		.InnerGIGABYTEContent .spec1 #specitemlist01{
			top:180px;
		}
		.InnerGIGABYTEContent .spec1 #specitemlist02{
			top:295px;
		}
		.InnerGIGABYTEContent .spec1 #specitemlist03{
			top:405px;
		}
		.InnerGIGABYTEContent .spec1 #specitemlist04{
			top:493px;
		}
		.InnerGIGABYTEContent .spec1 #specitemlist05{
			top:585px;
		}
		.InnerGIGABYTEContent .spec1 #specitemlist06{
			top:710px;
		}
		.InnerGIGABYTEContent .spec1 #specitemlist07{			
			top:795px;
		}
		.InnerGIGABYTEContent .spec1 #specitemlist08{
			top:870px;
		}
		
		.InnerGIGABYTEContent .spec2 #specitemlist09{
			top:100px;
		}
		.InnerGIGABYTEContent .spec2 #specitemlist10{
			top:265px;
		}
		.InnerGIGABYTEContent .spec2 #specitemlist11{
			top:350px;
		}
		.InnerGIGABYTEContent .spec2 #specitemlist12{
			top:425px;
		}
		.InnerGIGABYTEContent .spec2 #specitemlist13{
			top:630px;
		}
		.InnerGIGABYTEContent .spec2 #specitemlist14{
			top:785px;
		}
		.InnerGIGABYTEContent .spec2 #specitemlist15{
			top:855px;
		}


	
		
/* slider images ************************************/
        .InnerGIGABYTEContent #Lighting-img{
            overflow: hidden;
            margin-bottom: 4%;
            max-width: 1920px;
        }

        .InnerGIGABYTEContent #Lighting-img .imgbox{
            margin:0 auto;
            background-color: #fff;
        }

        .InnerGIGABYTEContent #Lighting-img .mask{
            background-color: rgba(0, 0, 0, 0.60);
            position: absolute;                   
            width:15%;
            height:540px;
        }
        
        .InnerGIGABYTEContent #Lighting-img .imgbox #m1{
            /*background-image: url("../images/lightimg01.jpg");*/
            background-position:left;
            background-size:cover;
            height:540px;
            background-repeat: no-repeat;
            width:15%;
            float: left;
        }

        .InnerGIGABYTEContent #Lighting-img .imgbox #m2{
            width:70%;
            float: left;
            position: relative;
            margin:0 auto;
        }

        .InnerGIGABYTEContent #Lighting-img .imgbox #m3{            
            /*background-image: url("../images/lightimg04.jpg");*/
            background-position:center;
            background-size:cover;
            height:540px;
            background-repeat: no-repeat;
            width:15%;
            float: left;
        }


        .InnerGIGABYTEContent #Lighting-img #m2 .left{
            width:40px;
            height: 60px;
            background-color:rgba(87, 87, 87, 0.70);
            border-radius: 6px;
            position: absolute;
            top:40%;
            margin-left:2%;
            cursor:pointer;
            transition: all 0.2s linear;
            -webkit-transition: all 0.2s linear;
            z-index:99;
        }

        .InnerGIGABYTEContent #Lighting-img #m2 .right{
            width:40px;
            height: 60px;
            background-color:rgba(87, 87, 87, 0.70);
            border-radius: 6px;
            position: absolute;
            top:40%;
            right:0;
            margin-right:2%;
            cursor:pointer;
            transition: all 0.2s linear;
            -webkit-transition: all 0.2s linear;
            z-index:99;
        }

        .InnerGIGABYTEContent #Lighting-img .left span{
            content: "";
		    position: absolute;
		    border-top: transparent 10px solid;
		    border-right: #FFFFFF 16px solid;
		    border-bottom: transparent 10px solid;
		    border-left: transparent 10px solid;
		    margin-top:20px;

        }

        .InnerGIGABYTEContent #Lighting-img .left span{
		    position: absolute;
		    border-top: transparent 10px solid;
		    border-right: #FFFFFF 16px solid;
		    border-bottom: transparent 10px solid;
		    border-left: transparent 10px solid;
		    margin-top:20px;
        }

        .InnerGIGABYTEContent #Lighting-img .right span{
		    position: absolute;
		    border-top: transparent 10px solid;
		    border-right: transparent 10px solid;
		    border-bottom: transparent 10px solid;
		    border-left: #FFFFFF 16px solid;
            margin-top:20px;
            margin-left:14px;
        }

        .InnerGIGABYTEContent #Lighting-img #m2 .left:hover{
		    background-color:rgba(126, 126, 126, 0.70);
        }

        .InnerGIGABYTEContent #Lighting-img .left:hover span{
            border-right:  #FF7100 16px solid;
        }


        .InnerGIGABYTEContent #Lighting-img #m2 .right:hover{
		    background-color:rgba(126, 126, 126, 0.70);
        }
        .InnerGIGABYTEContent #Lighting-img .right:hover span{
            border-left:  #FF7100 16px solid;
        }

/* Video 1 ************************************/

		.InnerGIGABYTEContent .video-container{
			position:relative;
			padding-bottom:56.25%;
			height:0;overflow:hidden;
		}
	
		.InnerGIGABYTEContent .video-container iframe,
		.InnerGIGABYTEContent .video-container object,
		.InnerGIGABYTEContent .video-container embed{
			position:absolute;
			top:0;
			left:0;
			width:100%;
			height:100%;
		}        


/* tabicon ************************************/

		.InnerGIGABYTEContent #tabicon .tabcon{
			width:100%;
			/*background-color: #666;*/
			margin:0 auto;
			clear:both;
			margin-bottom: 10%;
			display:none;
		}
		.InnerGIGABYTEContent #tabicon ol li{
			float: left;	
			text-align: center;
			transition:all 0.3s linear;
		}
		
		.InnerGIGABYTEContent #tabicon .triP{
			background-color: #FFD80E;
			width:100px;
			height:20px;
		}

		.InnerGIGABYTEContent #tabicon ol li{
			list-style: none; 
			float: left;
			width:auto;
			cursor: pointer;
			border:1px solid #FFD80E;
			
		}
		.InnerGIGABYTEContent .tabcon #wtfast img{
			margin:0 auto;
		}
		.InnerGIGABYTEContent .iconall{
			width:50%;
			margin:0 auto;
		}
		
		.InnerGIGABYTEContent #tabbox {
			min-height:900px;
		}


		.InnerGIGABYTEContent .trianglediv::after {
		    content: "";
		    position: absolute;
		    border-top: #FFD80E 16px solid;
		    border-right: transparent 10px solid;
		    border-bottom: transparent 10px solid;
		    border-left: transparent 10px solid;
		    margin-top:10px;
		    z-index:1;
		}

/* start RGB main page */
        .InnerGIGABYTEContent .mainpage{                  
            width: 100%; 
            z-index:9;   
        }
        .InnerGIGABYTEContent .mainpage1{
            position: absolute;
            display: block;
            width: 100%;
            height: auto;
            top:0;  
            animation:led-style5 2s alternate  infinite;
            -webkit-animation:led-style5 2s alternate  infinite;
        }

            
        .InnerGIGABYTEContent .mainpage2{
            position: absolute;
            display: block;
            width: 100%;
            height: auto;
            top:0;  
            animation:led-style5 1s alternate infinite;
            -webkit-animation:led-style5 1s alternate infinite;
            animation-delay: 1s;
        }

       

 		@keyframes led-style5 {
           0%   {opacity: 1}
            10%  {opacity: 0.8}
            20%  {opacity: 0.7}
            50%  {opacity: 0.5}
            70%  {opacity: 0.2}
            85%  {opacity: 0.6}
            95%  {opacity: 0.8}
            100% {opacity: 1}
        }

        @-webkit-keyframes led-style5 {
           0%   {opacity: 1}
            10%  {opacity: 0.8}
            20%  {opacity: 0.7}
            50%  {opacity: 0.5}
            70%  {opacity: 0.2}
            85%  {opacity: 0.6}
            95%  {opacity: 0.8}
            100% {opacity: 1}
        }

        @-ms-keyframes led-style5 {
           0%   {opacity: 1}
            10%  {opacity: 0.8}
            20%  {opacity: 0.7}
            50%  {opacity: 0.5}
            70%  {opacity: 0.2}
            85%  {opacity: 0.6}
            95%  {opacity: 0.8}
            100% {opacity: 1}
        }
/* end main page */


/* UI tab css*/

.InnerGIGABYTEContent .pertable {
  background-image: url("../images/tabsbg.jpg");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  margin-bottom: 4%;
}

.InnerGIGABYTEContent .pertable .st1 {
  margin-top: 0%;
  margin-bottom: 6%;
}

.InnerGIGABYTEContent .functiontabs .funtabs .martop {
  padding-top: 2%;
  color:#FFF;
  font-size:3em;
}

.InnerGIGABYTEContent .functiontabs #funtabs1 .conbox1 {
  position: relative;
  display: inline-block;
  width: 50%;
}

.InnerGIGABYTEContent .functiontabs #funtabs1 .conbox2 {
  position: relative;
  display: inline-block;
  vertical-align: top;
  float:right;
  width: 47%;
}

.InnerGIGABYTEContent .functiontabs #funtabs1 .suborangetitle {
  font-size: 26px;
}

.InnerGIGABYTEContent .functiontabs #funtabs4 .conbox1 {
  position: relative;
  display: inline-block;
  width: 40%;
}

.InnerGIGABYTEContent .functiontabs #funtabs4 .conbox2 {
  position: relative;
  display: inline-block;
  vertical-align: top;
  float:right;
  width: 57%;
}

.InnerGIGABYTEContent .bghover {
  position: relative;
}

/* function tabs */

.InnerGIGABYTEContent .functiontabs ul li {
  list-style-type: square;
}

.InnerGIGABYTEContent .functiontabstitle {
  margin: 0 auto;
  margin-top: -4%;
  font-family: 'Oswald', sans-serif, '微軟正黑體', Microsoft JhengHei;
  font-family: 'Oswald', '微軟正黑體' !important;    
}

.InnerGIGABYTEContent .functiontabs .functiontabstitle .tabtitle {
  padding: 20px 10px 20px 10px;
  cursor: pointer;
  background-color: #000;
  border-left: 1px solid #ffc000;
  border-top: 1px solid #ffc000;
  border-bottom: 1px solid #ffc000;
  color: #fff;
  font-size: 30px;
  line-height: 36px;
  text-align: center;
  vertical-align: middle;
  width: 400px;
  display: table-cell;
}

.InnerGIGABYTEContent .functiontabs .functiontabstitle .tabtitle:hover {
  box-shadow: 2px 2px 10px 0px #ffba00;
  background-repeat: no-repeat;
  background-position-y: -10px;
}

.InnerGIGABYTEContent .functiontabstitle div:first-child {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}

.InnerGIGABYTEContent .functiontabstitle div:last-child {
  border-right: 1px solid #ffc000;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}

.InnerGIGABYTEContent .functiontabstitle #tabtitle3 {
  border-right: 0px solid #ffc000;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}
.InnerGIGABYTEContent .functiontabstitle #tabtitle4 {
  border-right: 0px solid #ffc000;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}

.InnerGIGABYTEContent .functiontabstitle #tabtitle5 {
  border-right: 1px solid #ffc000;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}


			/*TOP*/
			.InnerGIGABYTEContent #gotop{
				width:100px;
				background-color:rgba(51,51,51, 0.8);
				color:#FFFFFF;
				border-radius:10px;
				margin:10px;
				padding:10px;
				cursor:pointer;
				text-align:center;
				font-size:13px;
				bottom:46px;
				right:4%;
				position:fixed;	
				display:none;
				transition:all 0.3s linear;
				font-family: Arial, Helvetica, sans-serif;
			}

			.InnerGIGABYTEContent #gotop:hover{
				background-color:#FFD80E;
				color:#000;
			}



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

		.InnerGIGABYTEContent #tabicon ol li{
			list-style: none; 
			float: left;
			margin-left: 0px;
			cursor: pointer;
			border:1px solid #FFD80E;
			/*margin-left:4%;*/
		}
   
}



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


		.InnerGIGABYTEContent .textbutton{            
			bottom:80px;
			right:16%;			
		}
		
/* 8 icons */
		.InnerGIGABYTEContent #featureicon .title{
			font-size:1.4em;
		}

/*mb-spec*/
		.InnerGIGABYTEContent #mbspec {		
            background-image: url("../images/spec_1366.png");
			background-position: 50% center;
			background-repeat: no-repeat;
			min-height: 765px;			
			position:relative;
			overflow: hidden;         
        }
		.InnerGIGABYTEContent #mbspec .spec1 .imgset img{
			width:120px;
		}
		.InnerGIGABYTEContent #mbspec .spec2 .imgset img{
			width:100px;
		}

		.InnerGIGABYTEContent .mbspec-s{
			display:none;
		}	
		.InnerGIGABYTEContent #mbspec .text{		
			font-size:14px;
		}


		
		.InnerGIGABYTEContent #mbspec .spec1{			
			position:relative;
			width:730px;
			float: left;
		}

		.InnerGIGABYTEContent #mbspec .speclist{
			position: absolute;				
			
		}
		.InnerGIGABYTEContent #mbspec .spec1 .speclist{
			text-align: right;
			right:570px;
		}
		.InnerGIGABYTEContent #mbspec .spec2{
			position:relative;
			width:170px;
			float: left;			
        }
        
		.InnerGIGABYTEContent #mbspec .specpoint{
			width:30px;
			height:30px;
			border-radius:50%;			
			background-color:#FFD80E;
			color:#000;
			font-size:1em;
			line-height: 1.8em;
			margin-right:6px;
			text-align: center;
			display: inline-block;
			margin-bottom:4%;
			display:none;		
			font-weight:bold;		
		}


		.InnerGIGABYTEContent .spec1 #specitemlist01{
			top:130px;
		}
		.InnerGIGABYTEContent .spec1 #specitemlist02{
			top:210px;
		}
		.InnerGIGABYTEContent .spec1 #specitemlist03{
			top:288px;
		}
		.InnerGIGABYTEContent .spec1 #specitemlist04{
			top:340px;
		}
		.InnerGIGABYTEContent .spec1 #specitemlist05{
			top:420px;
		}
		.InnerGIGABYTEContent .spec1 #specitemlist06{
			top:510px;
		}
		.InnerGIGABYTEContent .spec1 #specitemlist07{
			top:570px;
		}
		.InnerGIGABYTEContent .spec1 #specitemlist08{			
			top:625px;
		}
		
		
		.InnerGIGABYTEContent .spec2 #specitemlist09{
			top:75px;
		}
		.InnerGIGABYTEContent .spec2 #specitemlist10{
			top:203px;
		}
		.InnerGIGABYTEContent .spec2 #specitemlist11{
			top:250px;
		}
		.InnerGIGABYTEContent .spec2 #specitemlist12{
			top:305px;
		}
		.InnerGIGABYTEContent .spec2 #specitemlist13{
			top:453px;
		}
		.InnerGIGABYTEContent .spec2 #specitemlist14{
			top:560px;
		}
		.InnerGIGABYTEContent .spec2 #specitemlist15{
			top:615px;
		}



		.InnerGIGABYTEContent .iconall{
			width:66%;
			margin:0 auto;
		}
/* slider images ************************************/
		.InnerGIGABYTEContent #Lighting-img .mask{
            height:0px;
        }
        
        .InnerGIGABYTEContent #Lighting-img .imgbox #m1{
            height:300px;
        }

        .InnerGIGABYTEContent #Lighting-img .imgbox #m2{
            width:70%;
        }

       .InnerGIGABYTEContent  #Lighting-img .imgbox #m3{            
            height:300px;

        }


/* tabicon ************************************/

		.InnerGIGABYTEContent #tabicon ol li{
			width:30%;
			margin-bottom:1%;
			list-style: none; float: left;
			cursor: pointer;
			border:1px solid #FFD80E;
			/*margin-left:4%;*/
		}

		.InnerGIGABYTEContent #tabicon ol li:hover{
			border:10px solid #FFD80E;
		}

		.InnerGIGABYTEContent #tabicon img{
			width:100%;
		}

		.InnerGIGABYTEContent #tabicon .tabcon{
			width:100%;
			margin:0 auto;
			overflow: visible;
			display:none;
		}

       	.InnerGIGABYTEContent .tabbox{
       		overflow: visible;
			min-height:800px;
		   }
		   
/* contentflow */
.InnerGIGABYTEContent #CFw{
	min-height: 300px;
	margin-top:-200px;
	}



  .InnerGIGABYTEContent .functiontabs #funtabs1 .conbox1 {
    position: relative;
    display: inline-block;
    width: 100%;
  }

  .InnerGIGABYTEContent .functiontabs #funtabs1 .conbox2 {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 100%;
  }
  .InnerGIGABYTEContent .functiontabs #funtabsPer3 .conbox1 {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 45%;
  }

  .InnerGIGABYTEContent .functiontabs #funtabsPer3 .conbox2 {
    display: inline-block;
    position: relative;
    width: 50%;
    margin-left: 2%;
  }




}


@media screen and (max-width: 960px) {
		.InnerGIGABYTEContent .textbutton{            
			bottom:80px;			
			right:0%;	
			text-align: center;
		}

/* 8 icons */
		.InnerGIGABYTEContent #featureicon .featurenav{			
			width:49.8%;		
		}

/*mb-spec*/

		.InnerGIGABYTEContent #mbspec {		
            background-image: url("");
            background-position: top center;
            background-repeat: no-repeat;					
			overflow: hidden;
		}
		.InnerGIGABYTEContent .mbspec-s{
			display:block;
		}
		.InnerGIGABYTEContent #mbspec .text{		
			font-size:18px;
			overflow: hidden;
		}

		.InnerGIGABYTEContent #mbspec .spec1{			
			position: relative;
			display: inline-block;
			width: 54%;
			padding-bottom: 4%;
		}

		.InnerGIGABYTEContent #mbspec .speclist{
			position:  relative;	
		}

		.InnerGIGABYTEContent #mbspec .spec1 .speclist{			
			left:0px;			
			text-align: left;
		}
		.InnerGIGABYTEContent #mbspec .spec2{
			display: inline-block;
			position:  relative;
			width: 42%;
			right:0%;
			left:3%;
			
		}
		.InnerGIGABYTEContent #mbspec .specpoint{		
			display:inline-block;

			
			
		}
		.InnerGIGABYTEContent .spec1 #specitemlist01{
			top:0px;
		}

		.InnerGIGABYTEContent .spec1 #specitemlist02{
			top:0px;
		}
		.InnerGIGABYTEContent .spec1 #specitemlist03{
			top:0px;
		}

		.InnerGIGABYTEContent .spec1 #specitemlist04{
			top:0px;
			width:240px;
		}
		.InnerGIGABYTEContent .spec1 #specitemlist05{
			top:0px;
		}
		.InnerGIGABYTEContent .spec1 #specitemlist06{
			top:0px;
		}
		.InnerGIGABYTEContent .spec1 #specitemlist07{
			top:0px;
		}
		.InnerGIGABYTEContent .spec1 #specitemlist08{
			top:0px;
		}

		

		.InnerGIGABYTEContent .spec2 #specitemlist09{
			top:0px;
		}
		.InnerGIGABYTEContent .spec2 #specitemlist10{
			top:0px;
		}
		.InnerGIGABYTEContent .spec2 #specitemlist11{
			top:0px;
		}	
		.InnerGIGABYTEContent .spec2 #specitemlist12{
			top:0px;
		}
		.InnerGIGABYTEContent .spec2 #specitemlist13{
			top:0px;
		}
		.InnerGIGABYTEContent .spec2 #specitemlist14{
			top:0px;
		}
		.InnerGIGABYTEContent .spec2 #specitemlist15{
			top:0px;
		}


       
/* tabicon ************************************/
	
       	.InnerGIGABYTEContent .tabbox{
       		overflow: visible;
			min-height:700px;
		   }
		   
/* contentflow */
		.InnerGIGABYTEContent #CFw{
		min-height: 300px;
		margin-top:0px;
		display: none;
		}
		.InnerGIGABYTEContent #cfw-small, #siv-small, #easy-small, #osd-small, #bios-small{
			display:block;		
		}		


		.InnerGIGABYTEContent .mb5text div{
			width:90%;
		}

/*tabs*/

		.InnerGIGABYTEContent #functiontabs .tabtitle{			
			padding:2% 3% 2% 3%;
			float:left;
			cursor: pointer;
			background-color: #262626;
			border:1px solid #FFD80E;
			color:#FFD80E;
			width:42%;
			font-size:0.8em;
			
		}

		.InnerGIGABYTEContent #functiontabs .conbox1{
			position: relative;
			display: inline-block;
			vertical-align: top;width: 100%;
		}

		.InnerGIGABYTEContent #functiontabs .conbox2{
			display: inline-block;
			position: relative;
			width:100%; 
			margin-left:0%;
		} 	

.InnerGIGABYTEContent .functiontabs #funtabs4 .conbox1 {
  position: relative;
  display: inline-block;
  width: 100%;
}

.InnerGIGABYTEContent .functiontabs #funtabs4 .conbox2 {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 100%;
}

  .pertable .st1 {
    margin-top: 0%;
    margin-bottom: 10%;
  }

  .InnerGIGABYTEContent .pertable .functiontabs .functiontabstitle .tabtitle {
    width: 94%;
  }

  /* function tabs */

 .InnerGIGABYTEContent .functiontabs #funtabsPer3 .conbox1 {
    width: 100%;
  }

  .InnerGIGABYTEContent .functiontabs #funtabsPer3 .conbox2 {
    width: 100%;
  }

  .InnerGIGABYTEContent .functiontabs #funtabsPer2 .conbox1 {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 100%;
  }

  .InnerGIGABYTEContent .functiontabs #funtabsPer2 .conbox2 {
    display: inline-block;
    position: relative;
    width: 100%;
    margin-left: 0%;
  }

  .InnerGIGABYTEContent .functiontabs #funtabsPer1 .text {
    position: static;
    width: 100%;
  }

  .InnerGIGABYTEContent .functiontabstitle div:first-child {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
  }

  .InnerGIGABYTEContent .functiontabstitle div:last-child {
    border-right: 1px solid #ffc000;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
  }

.InnerGIGABYTEContent .functiontabstitle #tabtitle4 {
    border-right: 1px solid #ffc000;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}

  .InnerGIGABYTEContent .functiontabs .conbox1 {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 100%;
  }

  .InnerGIGABYTEContent .functiontabs .conbox2 {
    display: inline-block;
    position: relative;
    width: 100%;
    margin-left: 0%;
  }

  .InnerGIGABYTEContent .functiontabstitle #tabtitle3 {
    border-right: 1px solid #ffc000;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
  }

  .InnerGIGABYTEContent .functiontabs .functiontabstitle .tabtitle {
    width: 500px;
    border: 2px solid #ffc000;
    border-radius: 6px;
    display: block;
  }

  .InnerGIGABYTEContent #audiodac .functiontabstitle #tabtitleaudio3 {
    border-right: 1px solid #ffc000;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
  }

  .InnerGIGABYTEContent #audiodac .title {
    font-size: 20px;
    font-size: 30px;
  }

  .InnerGIGABYTEContent #audiodac .conbox1 {
    width: 100%;
  }

  .InnerGIGABYTEContent #audiodac .conbox2 {
    width: 100%;
  }

  .InnerGIGABYTEContent #audiodac #funtabsaudio3 .conbox1 {
    width: 100%;
  }

  .InnerGIGABYTEContent #audiodac #funtabsaudio3 .conbox2 {
    width: 100%;
  }

   
}


@media screen and (max-width: 640px) {  
		.InnerGIGABYTEContent .textbutton{            
			bottom:60px;			
			right:0%;	
			text-align: center;
			font-size:30px;
		}
		.InnerGIGABYTEContent .titlebar{
			font-size:2.2em;
			padding:20px 0px 0px 0px;
		
		}

.InnerGIGABYTEContent .titlesection {
	height: 30px;
	max-width: 1920px;
	margin-bottom: 10px;
}

/* 8 icons */
		.InnerGIGABYTEContent #featureicon .featurenav{			
			width:49.7%;			
		}

		.InnerGIGABYTEContent #featureicon .title{			
			font-size:1.4em;
			line-height:1.8em;			
		}
/*mb-spec*/
        .InnerGIGABYTEContent #mbspec .specpoint{
			width:20px;
			height:20px;	
			font-size:0.6em;
			margin-bottom:1%;		
	
		}

		.InnerGIGABYTEContent #mbspec .spec1{			
			position: relative;
			display: inline-block;
			width: 100%;
			top:-50%;
		}

		.InnerGIGABYTEContent #mbspec .spec2{
			display: inline-block;
			position:  relative;
			width: 100%;
			right:0%;
			left:0%;
			margin-left:0%;
			
		}

/* slider images ************************************/
		.InnerGIGABYTEContent #Lighting-img .mask{
			height:0px;
		}

		.InnerGIGABYTEContent #Lighting-img .imgbox #m1{
			height:0px;
		}

		.InnerGIGABYTEContent #Lighting-img .imgbox #m2{
			width:100%;
		}

		.InnerGIGABYTEContent #Lighting-img .imgbox #m3{            
			height:0px;

		}



/* tabicon ************************************/

		.InnerGIGABYTEContent #tabicon .iconall{
			width:70%;
		}

		.InnerGIGABYTEContent #tabicon ol li{
			width:28%;
			margin-bottom:10%;
			list-style: none; float: left;
			cursor: pointer;
			border:1px solid #FFD80E;
			/*margin-left:4%;*/
		}

		.InnerGIGABYTEContent #tabicon ol li:hover{
			border:6px solid #FFD80E;
		}

		.InnerGIGABYTEContent #tabicon img{
			width:100%;
		}
		

		.InnerGIGABYTEContent #tabicon .tabcon{
			width:100%;
			margin:0 auto;
			overflow: visible;
			min-height:750px;
			display:none;
		}

       	.InnerGIGABYTEContent .tabbox{
       		overflow: visible;
		   }
		   
/* contentflow */		   
		.InnerGIGABYTEContent #CFw{
			min-height: 300px;
			margin-top:-80px;
			}

			.InnerGIGABYTEContent .mb5text div{
				width:90%;
				margin-bottom: 10%;
			}
			.InnerGIGABYTEContent #x-fi2{
				min-height:1100px;
			}
			
			.InnerGIGABYTEContent #functiontabs .tabtitle{			
				padding:2% 3% 2% 3%;
				width:100%;
				font-size:0.8em;	
				text-align: center;			
			}
			/*TOP*/
			.InnerGIGABYTEContent #gotop{
				width:100%;
				background-color:rgba(51,51,51, 0.8);
				color:#FFFFFF;
				border-radius:0px;
				margin:0px;
				padding:10px;
				cursor:pointer;
				text-align:center;
				font-size:13px;
				bottom:0px;
				right:0%;
				position:fixed;	
				display:none;
				transition:all 0.3s linear;
				font-family: Arial, Helvetica, sans-serif;

			}

  .InnerGIGABYTEContent .functiontabs #funtabsPer3 .t1 {
    font-size: 30px;
    line-height: 40px;
  }

  .InnerGIGABYTEContent .functiontabs .functiontabstitle .tabtitle {
    padding: 10px 10px 10px 10px;
    width: 100%;
    font-size: 24px;
  }

  .InnerGIGABYTEContent .functiontabs #funtabs1{
	  min-height:800px;
  }

  .InnerGIGABYTEContent .functiontabs #funtabs4{
	  min-height:800px;
  }

.InnerGIGABYTEContent .functiontabs .funtabs .martop {
  padding-top: 4%;
  color:#FFF;
  font-size:1.6em;
}

}


@media screen and (max-width: 480px) { 
/* 8 icons */
		.InnerGIGABYTEContent #featureicon .featurenav{			
			width:100%;			
		}


		.InnerGIGABYTEContent #tabicon .tabcon{
			min-height:600px;
		}
 }