

		.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;
		}
		
/*         Just for demo     */

.InnerGIGABYTEContent #carousel-example-generic {
  display: inline-block;
}
/*****************************/

/* Plugin styles */
.InnerGIGABYTEContent ul.thumbnails-carousel {
	padding: 5px 0 0 0;
	margin: 0;
	list-style-type: none;
	text-align: center;
}
.InnerGIGABYTEContent ul.thumbnails-carousel .center {
	display: inline-block;
}
.InnerGIGABYTEContent ul.thumbnails-carousel li {
	margin-right: 5px;
	float: left;
	cursor: pointer;
}
.InnerGIGABYTEContent .controls-background-reset {
	background: none !important;
}
.InnerGIGABYTEContent .active-thumbnail {
	opacity: 0.4;
}
.InnerGIGABYTEContent .indicators-fix {
	bottom: 70px;
}		
		
		
		
		

/* slider */

.InnerGIGABYTEContent .carousel-indicators li {
  width: 40px;
  height: 5px;
  background-color: #666;
  border: 0px solid #3a3a3a;
  border-radius: 0px;
  margin-right:10px;
}

.InnerGIGABYTEContent .carousel-inner {
  padding-bottom: 0px;
}

.InnerGIGABYTEContent .carousel-indicators .active {
  width: 40px;
  height: 5px;
  background-color: #1ffee3;
  margin-right:10px;
  margin-top:20px;
}

/* carousel */

.InnerGIGABYTEContent .glyphicon-chevron-left:before {
  content: '';
}

.InnerGIGABYTEContent .glyphicon-chevron-right:before {
  content: '';
}

				

/*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;
			
		}


/* 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;
		}


/* UI tab css*/

.InnerGIGABYTEContent .pertable {
  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 .bghover {
  position: relative;
}


/* function tabs */


.InnerGIGABYTEContent .functiontabstitle {
  font-family: 'Oswald', sans-serif, '微軟正黑體', Microsoft JhengHei;
  font-family: 'Oswald', '微軟正黑體' !important;    
  margin-left:0%;
  text-align:center;
}

.InnerGIGABYTEContent .functiontabs .functiontabstitle .tabtitle {
  cursor: pointer;
  border-bottom: 1px solid;
  color: #999;
  font-size: 30px;
  line-height: 50px;
  text-align: center;
  vertical-align: middle;
  padding-left: 2%;
  padding-right: 2%;
  margin-left:5%;
  margin-right:5%;
  display: inline-block;
}

.InnerGIGABYTEContent .functiontabs .functiontabstitle .tabtitle:hover {
  /*color: #1ffee3;*/
}

.InnerGIGABYTEContent .functiontabs .functiontabstitle .tabtitle1 {
  cursor: pointer;
  border-bottom: 1px solid;
  color: #999;
  font-size: 30px;
  line-height: 50px;
  text-align: center;
  vertical-align: middle;
  padding-left: 2%;
  padding-right: 2%;
  margin-left:3%;
  margin-right:3%;
  display: inline-block;
}

.InnerGIGABYTEContent .functiontabs .functiontabstitle .tabtitle1:hover {
  /*color: #1ffee3;
  border-bottom: 1px solid #1ffee3;*/
}



.InnerGIGABYTEContent #gotop {
	background-color: rgba(51, 51, 51, 0.8);
	color: #FFFFFF;
	margin: 10px;
	padding: 14px;
	cursor: pointer;
	bottom: 46px;
	right: 4%;
	position: fixed;
	display: none;
	transition: all 0.3s linear;
	z-index: 2;
}

.InnerGIGABYTEContent #gotop img {
	margin: 0 auto;
}

.InnerGIGABYTEContent #gotop:hover {
	background-color: #666;
}



@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%;			
		}
		
		.InnerGIGABYTEContent .iconall{
			width:66%;
			margin:0 auto;
		}

/* 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%;
  }


}


@media screen and (max-width: 960px) {
		.InnerGIGABYTEContent .textbutton{            
			bottom:80px;			
			right:0%;	
			text-align: center;
		}


       
/* tabicon ************************************/
	
       	.InnerGIGABYTEContent .tabbox{
       		overflow: visible;
			min-height:700px;
		   }

.InnerGIGABYTEContent .functiontabs .functiontabstitle .tabtitle {
  cursor: pointer;
  border-bottom: 1px solid;
  color: #999;
  font-size: 24px;
  line-height: 30px;
  text-align: center;
  vertical-align: middle;
  padding-left: 2%;
  padding-right: 2%;
  margin-left:5%;
  margin-right:5%;
  display: inline-block;
}		   

.InnerGIGABYTEContent .functiontabs .functiontabstitle .tabtitle1 {
  cursor: pointer;
  border-bottom: 1px solid;
  color: #999;
  font-size: 24px;
  line-height: 30px;
  text-align: center;
  vertical-align: middle;
  padding-left: 2%;
  padding-right: 2%;
  margin-left:3%;
  margin-right:3%;
  display: inline-block;
}

   
}


@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;			
		}

/* 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;
		   }
		   
			
			/*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 .functiontabstitle .tabtitle {
    width: 50%;
    font-size: 18px;
	margin-bottom:1%;
  }

  .InnerGIGABYTEContent .functiontabs .functiontabstitle .tabtitle1 {
    width: 50%;
    font-size: 18px;
	margin-bottom:1%;
  }


}


@media screen and (max-width: 375px) { 

  .InnerGIGABYTEContent .functiontabs .functiontabstitle .tabtitle {
    width: 60%;
    font-size: 18px;
	margin-bottom:1%;
  }

  .InnerGIGABYTEContent .functiontabs .functiontabstitle .tabtitle1 {
    width: 60%;
    font-size: 18px;
	margin-bottom:1%;
  }

 }