/*titlebar*/

.InnerGIGABYTEContent .titlebar {
  font-size: 60px;
  color: #f5ad6a;
    font-family: 'Orbitron', 'Roboto', 'Oswald', sans-serif, '微軟正黑體', Microsoft JhengHei;
    font-family: 'Orbitron', 'Roboto', 'Oswald', '微軟正黑體' !important;
	letter-spacing:2px;
	text-shadow: -2px -2px 0 #bc863f, 
               2px -2px 0 #bc863f,
              -2px 2px 0 #bc863f, 
              2px 2px 0 #bc863f;
	text-align: center;
	padding: 0px 0px 0px 0px;
	/*background-image: url("../innergigabyteimages/line.png");*/
	font-weight: 500;
}

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

.InnerGIGABYTEContent .titlelinebg {
	width: 100%;
	background: #ed1b2f;
background: -moz-linear-gradient(top, #ed1b2f 0%, #e00b0e 100%);
background: -webkit-linear-gradient(top, #ed1b2f 0%,#e00b0e 100%);
background: linear-gradient(to bottom, #ed1b2f 0%,#e00b0e 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ed1b2f', endColorstr='#e00b0e',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("../innergigabyteimages/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%;
	}
}
				

/* 8 icons */

.InnerGIGABYTEContent #featureicon {
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
}

.InnerGIGABYTEContent #featureicon .featurenav {
  float: left;
  /* width: 24.76%; */
  width: 25%;
  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 #f5ad6a;
  font-size: 1.8vw;
  line-height: 2.6vw;
  text-transform: uppercase;
  text-align: center;
  color: #ccc;
  bottom: 0;
  background: #3f3f3f;
  position: absolute;
  width: 100%;
  transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
}

.InnerGIGABYTEContent #featureicon .featurenav:hover .title {
  color: #f5ad6a;
}

		
/*learn more*/

.InnerGIGABYTEContent .moreicon {
  text-align: center;
  cursor: pointer;
  font-size: 2em;
  line-height: 1.6em;
  color: #bc863f;
    font-family: 'Teko', sans-serif, '微軟正黑體', Microsoft JhengHei;
    font-family: 'Teko', '微軟正黑體' !important;
  }

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

.InnerGIGABYTEContent .morecon {
  display: none;
}

.InnerGIGABYTEContent .moreline {
  /*border-bottom:3px solid #ff6400;
  background-image: url("../innergigabyteimages/learnmoreline.png");*/
  background:linear-gradient(90deg, #573900, #ff7b00, #bc863f);
background-size: 800% 800%;
-webkit-animation: AnimationName 5s ease infinite;
-moz-animation: AnimationName 5s ease infinite;
animation: AnimationName 5s ease infinite;
  min-height: 2px;
  margin-bottom: 60px;
}

@-webkit-keyframes AnimationName {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@-moz-keyframes AnimationName {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@keyframes AnimationName {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}

.InnerGIGABYTEContent .morelineOpen {
  border-bottom: 2px solid #bc863f;
}

.InnerGIGABYTEContent .btnstyle {
  transition: all .2s;
  border-radius: 10%;
  width: 30px;
  height: 30px;
  cursor: pointer;
  background: #bc863f;
  margin: 0 auto;
  margin-bottom: -16px;
  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: #bc863f;
}



/*mb-spec*/		

		.InnerGIGABYTEContent #mbspec {		
            background-image: url("../innergigabyteimages/spec_1920.png");
            background-position: center center;
            background-repeat: no-repeat;
			min-height: 1020px;			
			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, 
		.InnerGIGABYTEContent #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:133px;
		}
		.InnerGIGABYTEContent .spec1 #specitemlist02{
			top:250px;
		}
		.InnerGIGABYTEContent .spec1 #specitemlist03{
			top:350px;
		}
		.InnerGIGABYTEContent .spec1 #specitemlist04{
			top:430px;
		}
		.InnerGIGABYTEContent .spec1 #specitemlist05{
			top:635px;
		}
		.InnerGIGABYTEContent .spec1 #specitemlist06{
			top:770px;
		}
		.InnerGIGABYTEContent .spec1 #specitemlist07{			
			top:860px;
		}

		.InnerGIGABYTEContent .spec2 #specitemlist08{
			top:130px;
		}
		.InnerGIGABYTEContent .spec2 #specitemlist09{
			top:220px;
		}
		.InnerGIGABYTEContent .spec2 #specitemlist10{
			top:307px;
		}
		.InnerGIGABYTEContent .spec2 #specitemlist11{
			top:375px;
		}
		.InnerGIGABYTEContent .spec2 #specitemlist12{
			top:580px;
		}
		.InnerGIGABYTEContent .spec2 #specitemlist13{
			top:630px;
		}
		.InnerGIGABYTEContent .spec2 #specitemlist14{
			top:765px;
		}


	
		
/* 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("../innergigabyteimages/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("../innergigabyteimages/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%;
		}        

/* Video 2 ************************************/
        .InnerGIGABYTEContent #ytvedio{
            background-image: url("../innergigabyteimages/videobg_1920.jpg");
            background-position: top center;
            background-repeat: no-repeat;
			min-height: 1150px;   
			max-width: 1920px;

        }

		.InnerGIGABYTEContent #killervideo{
			transform: perspective(1000px) rotateY(10deg); 
			/*box-shadow:inset 0px 10px 100px #333;  */
			width: 1080px;
			height: 640px;
			position: relative; 
			top:211px;
			left:171px;
			
		}
		
		.InnerGIGABYTEContent .killervimg {
			background-image: url('../innergigabyteimages/yt.jpg');
			background-repeat: no-repeat;
			background-size:cover;
			background-position:center;		
			cursor: pointer;
		}

/* 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: #f5ad6a;
			width:100px;
			height:20px;
		}

		.InnerGIGABYTEContent #tabicon ol li{
			list-style: none; 
			float: left;
			width:auto;
			cursor: pointer;
			border:1px solid #f5ad6a;
			
		}
		.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: #f5ad6a 10px 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-color: #000;
  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 #funtabs1 .conbox1 {
  position: relative;
  display: inline-block;
  width: 50%;
}

.InnerGIGABYTEContent .functiontabs #funtabs1 .conbox2 {
  position: relative;
  display: inline-block;
  vertical-align: top;
  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;
  width: 57%;
}


/* function tabs */

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

.InnerGIGABYTEContent .functiontabstitle {
  margin: 0 auto;
  margin-top: -4%;
}

.InnerGIGABYTEContent .functiontabs .functiontabstitle .tabtitle {
  padding: 15px 10px 15px 10px;
  cursor: pointer;
  background-color: rgba(200,155,56,0.3);
  border-left: 1px solid #000;
  border-top: 1px solid #000;
  border-bottom: 1px solid #c87d38;
  color: #fff;
  font-size: 2.2vw;
  line-height: 2vw;
  text-align: center;
  vertical-align: middle;
  width: 400px;
  display: table-cell;
    font-family: 'Teko', sans-serif, '微軟正黑體', Microsoft JhengHei;
    font-family: 'Teko', '微軟正黑體' !important;
  }

.InnerGIGABYTEContent .functiontabs .functiontabstitle .tabtitle:hover {
  border-bottom: 3px solid #e49e5d;
}

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

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

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

.InnerGIGABYTEContent .functiontabstitle #tabtitle5 {
  border-right: 0px solid #c87d38;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}

.InnerGIGABYTEContent .functiontabs .funtabs .martop {
  padding-top: 2%;
}

.InnerGIGABYTEContent .functiontabs #funtabsPer1 {
  position: relative;
  margin-bottom: 4%;
}

.InnerGIGABYTEContent .functiontabs #funtabsPer1 .text {
  position: absolute;
  top: 70%;
  left: 50%;
  width: 30%;
}

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

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

.InnerGIGABYTEContent .functiontabs #funtabsPer3 .t1 {
  float: left;
  font-size: 60px;
  line-height: 80px;
}

.InnerGIGABYTEContent .functiontabs #funtabsPer3 .t2 {
  float: right;
  color: #fff;
  padding-top: 20px;
}

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

.InnerGIGABYTEContent .functiontabs .conbox2 {
  display: inline-block;
  position: relative;
  width: 66%;
  padding-top: 4%;
  margin-left: 2%;
}

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

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

.InnerGIGABYTEContent .functiontabs .title {
  color: #fff;
}


.InnerGIGABYTEContent .bghover {
  position: relative;
}

.InnerGIGABYTEContent .exlinebg {
  margin-top: 4%;
  margin-bottom: 2%;
}

.InnerGIGABYTEContent .button {
  flex: 1 1 auto;
  margin: 10px;
  padding: 20px;
  text-align: center;
  text-transform: uppercase;
  position: relative;
  overflow: hidden;
  transition: .3s;
}
.InnerGIGABYTEContent .button:after {
  position: absolute;
  transition: .3s;
  content: '';
  width: 0;
  left: 0%;
  bottom: 0;
  height: 3px;
  background: #f7f7f7;
}


.InnerGIGABYTEContent .button:hover {
  cursor: pointer;
  display: block;
}
.InnerGIGABYTEContent .button:hover:after {
  width: 100%;
  left: 0;
}



.InnerGIGABYTEContent .button1 {
  flex: 1 1 auto;
  margin: 10px;
  padding: 20px;
  text-align: center;
  text-transform: uppercase;
  position: relative;
  overflow: hidden;
  transition: .3s;
}
.InnerGIGABYTEContent .button1:after {
  position: absolute;
  transition: .3s;
  content: '';
  width: 0;
  left: 0%;
  bottom: 0;
  height: 3px;
  background: #f7f7f7;
}

.InnerGIGABYTEContent .button1:hover {
  cursor: pointer;
}
.InnerGIGABYTEContent .button1:hover:after {
  width: 100%;
  left: 0;
}



.InnerGIGABYTEContent .button2 {
  flex: 1 1 auto;
  margin: 10px;
  padding: 20px;
  text-align: center;
  text-transform: uppercase;
  position: relative;
  overflow: hidden;
  transition: .3s;
}
.InnerGIGABYTEContent .button2:after {
  position: absolute;
  transition: .3s;
  content: '';
  width: 0;
  left: 0%;
  bottom: 0;
  height: 3px;
  background: #f7f7f7;
}

.InnerGIGABYTEContent .button2:hover {
  cursor: pointer;
}
.InnerGIGABYTEContent .button2:hover:after {
  width: 100%;
  left: 0;
}



			/*TOP*/
			#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;
			}

			#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%;*/
		}
/* 8 icons */
  .InnerGIGABYTEContent #featureicon .featurenav {
    /* width: 24.7%; */
    width: 25%;
  }

   
}



@media screen and (max-width: 1366px) {      
		.InnerGIGABYTEContent .textbutton{            
			bottom:80px;
			right:16%;			
		}
		
/* 8 icons */
  .InnerGIGABYTEContent #featureicon .featurenav {
    /* width: 24.58%; */
    width: 25%;
  }


/* functiontabs*/

  .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%;
  }

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

		.InnerGIGABYTEContent .mbspec-s{
			display:none;
		}	
		.InnerGIGABYTEContent #mbspec .text{		
			font-size:0.9em;
		}


		
		.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:75px;
		}
		.InnerGIGABYTEContent .spec1 #specitemlist02{
			top:155px;
		}
		.InnerGIGABYTEContent .spec1 #specitemlist03{
			top:230px;
		}
		.InnerGIGABYTEContent .spec1 #specitemlist04{
			top:305px;
		}
		.InnerGIGABYTEContent .spec1 #specitemlist05{
			top:387px;
		}
		.InnerGIGABYTEContent .spec1 #specitemlist06{
			top:460px;
		}
		.InnerGIGABYTEContent .spec1 #specitemlist07{
			top:545px;
		}
		

		.InnerGIGABYTEContent .spec2 #specitemlist08{
			top:60px;
		}
		.InnerGIGABYTEContent .spec2 #specitemlist09{
			top:140px;
		}
		.InnerGIGABYTEContent .spec2 #specitemlist10{
			top:180px;
		}
		.InnerGIGABYTEContent .spec2 #specitemlist11{
			top:240px;
		}				
		.InnerGIGABYTEContent .spec2 #specitemlist12{
			top:405px;
		}
		.InnerGIGABYTEContent .spec2 #specitemlist13{
			top:460px;
		}
		.InnerGIGABYTEContent .spec2 #specitemlist14{
			top:525px;
		}


		.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;

        }


/* Video 2 ************************************/
		.InnerGIGABYTEContent #ytvedio{
			background-image: url("../innergigabyteimages/videobg_1366.jpg");
			background-position: top center;
			background-repeat: no-repeat;			
			min-height: 817px;
		}

		.InnerGIGABYTEContent #killervideo{
			transform: perspective(1000px) rotateY(14deg); 
			/*box-shadow:inset 0px 10px 100px #333;  */
			width: 780px;
			height: 460px;
			position: relative; 
			top:140px;
			left:103px;	
		}



/* 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;
	}




}


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

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

  .InnerGIGABYTEContent #featureicon .title {
    font-size: 1.6em;
    line-height: 1.6em;
  }


  .InnerGIGABYTEContent .titlebar {
    font-size: 2.6em;
  letter-spacing:2px;
  text-shadow: -1px -1px 0 #bc863f, 
               1px -1px 0 #bc863f,
              -1px 1px 0 #bc863f, 
              1px 1px 0 #bc863f;
  }



/*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:1em;
			line-height: 1em;
			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;
		}
		.InnerGIGABYTEContent .spec1 #specitemlist05{
			top:0px;
		}
		.InnerGIGABYTEContent .spec1 #specitemlist06{
			top:0px;
		}
		.InnerGIGABYTEContent .spec1 #specitemlist07{
			top:0px;
		}

		

		.InnerGIGABYTEContent .spec2 #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;
		}


       


/* Video 2 ************************************/
		.InnerGIGABYTEContent #ytvedio{
			background-image: url("../innergigabyteimages/videobg_960.jpg");			
			background-position: top center;
			background-repeat: no-repeat;			
			min-height: 580px;
		}

		.InnerGIGABYTEContent #killervideo{
			transform: perspective(1000px) rotateY(17deg); 
			/*box-shadow:inset 0px 10px 100px #333;  */
			width: 558px;
			height: 322px;
			position: relative; 
			top:74px;
			left:36px;	
		}



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


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


  .InnerGIGABYTEContent .pertable .functiontabs .functiontabstitle .tabtitle {
    width: 100%;
    display: block;
    border: 1px solid #ce925a;
    border-radius: 0px;
  }

  .InnerGIGABYTEContent .pertable .functiontabstitle #tabtitle4 {
    border-right: 1px solid #ce925a;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
  }

  .InnerGIGABYTEContent .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 #ce925a;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
  }

  .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 #ce925a;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
  }

  .InnerGIGABYTEContent .functiontabs .functiontabstitle .tabtitle {
    width: 500px;
    border: 1px solid #ce925a;
    border-radius: 0px;
    display: block;
    font-size: 28px;
  }
   
}


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

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

  .InnerGIGABYTEContent #featureicon .title {
    font-size: 24px;
    line-height: 30px;
  }

/*learn more*/

.moreicon {
  font-size: 1.3em;
  line-height: 1.6em;
  }


/*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;

		}



/* Video 2 ************************************/

		.InnerGIGABYTEContent #ytvedio{
			background-image: url("../innergigabyteimages/videobg_640.jpg");			
			background-position: top center;
			background-repeat: no-repeat;			
			min-height: 390px;
		}

		.InnerGIGABYTEContent #killervideo{
			transform: perspective(1000px) rotateY(22deg); 
			/*box-shadow:inset 0px 10px 100px #333;  */
			width: 380px;
			height: 210px;
			position: relative; 
			top:40px;
			left:-14px;	
		}

/* 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;
			}
			

			/*TOP*/
			#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;

			}


}


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

		/* Video 2 ************************************/

		.InnerGIGABYTEContent #ytvedio{
			background-image: url("../innergigabyteimages/videobg_480.jpg");			
			background-position: top center;
			background-repeat: no-repeat;			
			min-height: 390px;
		}

		.InnerGIGABYTEContent #killervideo{
			transform: perspective(1000px) rotateY(30deg); 
			/*box-shadow:inset 0px 10px 100px #333;  */
			width: 306px;
			height: 156px;
			position: relative; 
			top:20px;
			left:20px;	
		}

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

		   .InnerGIGABYTEContent #functiontabs .title{
				color:#fff;
				font-size:1.6em;
		   }

 }