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

/*features*/
        
.InnerGIGABYTEContent #ryzencpu {
    padding-top: 2%;
}
        
.InnerGIGABYTEContent #ryzencpu .conbox1 {
  display: inline-block;
  width: 63%;
}

.InnerGIGABYTEContent #ryzencpu .conbox2 {
  display: inline-block;
  margin-left: 10%;
  width: 25%;
  vertical-align:bottom;
}

.InnerGIGABYTEContent #nvme .conbox1{
	display:inline-block;
	float:left;
	width:50%;
}

.InnerGIGABYTEContent #nvme .conbox2{
	display:inline-block;
	float:right;
	width:48%;
	margin-top:8%;
}

.InnerGIGABYTEContent #nvme .note{
	margin-top:35%;
	margin-left:65%;
    font-family: 'Oswald', sans-serif, '微軟正黑體', Microsoft JhengHei;
    font-family: 'Oswald', '微軟正黑體' !important;    
}

        
        .InnerGIGABYTEContent #smartfan5fan {
            background-color: #000;
            background-position: 50% 0%;
            background-repeat: no-repeat;
            min-height: 1100px;
        }
		
        .InnerGIGABYTEContent #smartfan5fan .conbox1{
             position: relative;
             display: inline-block;
             vertical-align: top;width: 30%;
        }

        .InnerGIGABYTEContent #smartfan5fan .conbox2{
             display: inline-block;
             position: relative;
             width:65%; 
             margin-left:2%;
        } 
        
        .InnerGIGABYTEContent #smartfan5fan .conbox3{
             position: relative;
             display: inline-block;
             vertical-align: top;
             width: 51%;
        }

        .InnerGIGABYTEContent #smartfan5fan .conbox4{
            display: inline-block;
            position: relative;
            width:40%; 
            margin-left:2%;
            margin-top:10%;
        }
        
        .InnerGIGABYTEContent #smartfan5fan .conbox5{
            display: inline-block;
            position: relative;
            width:48%;
        }

        .InnerGIGABYTEContent #smartfan5fan .conbox5 .smarttitle{
            vertical-align: text-top;
        }

        .InnerGIGABYTEContent #smartfan5fan .conbox6{
            border-left:1px solid #999;
            padding-left:4%;
            display: inline-block;
            position: relative;
            width:42%; margin-left:2%;
            margin-bottom:4%;
        }    

        .InnerGIGABYTEContent #smartfan5fan .smartlist{
            font-size:26px;
            font-family: 'Oswald', sans-serif, '微軟正黑體', Microsoft JhengHei;
            font-family: 'Oswald', '微軟正黑體' !important;
            line-height: 40px;
            font-weight: 500;
            margin-left:2%;            
            padding-left:2%;
            padding-bottom:2%;            
        }

        .InnerGIGABYTEContent #smartfan5fan .smartlist img{
            margin-right:2%;
            margin-bottom:-2%;
        }

        .InnerGIGABYTEContent #smartfan5fan .smartlist1{
            font-size:26px;
            font-family: 'Oswald', sans-serif, '微軟正黑體', Microsoft JhengHei;
            font-family: 'Oswald', '微軟正黑體' !important;
            line-height: 40px;
            font-weight: 500;
        }

        .InnerGIGABYTEContent #smartfan5fan .smarttitle{
            color:#FFD80E;
            font-weight: 500;
        }

        .InnerGIGABYTEContent #smartfan5fan .smarttitle2{
            font-size:14px;
        }

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

.InnerGIGABYTEContent #fancontrol .conbox2 .title {
  color: #009FE8;
  text-align: center;
}

.InnerGIGABYTEContent #fancontrol .conbox2 {
  display: inline-block;
  position: relative;
  width: 66%;
  margin-left: 2%;
}

.InnerGIGABYTEContent #fancontrol .conbox2 img {
  width: 50%;
}

        .InnerGIGABYTEContent #smartfan5 {
            background-color: #000;
            background-image: url("../images/mb_smartfan5_1920.jpg");
            background-position: center 30px;
            background-repeat: no-repeat;
            min-height: 900px;
        }
        
        .InnerGIGABYTEContent #smartfan5 .title {
                    margin-top: 10px;
        }
            
        .InnerGIGABYTEContent #smartfan5 .smartfan501 {
                    position:absolute; width: 594px; left: 30px; top: 657px;
        }

        .InnerGIGABYTEContent #smartfan5 .smartfan502 {
                    position:absolute; width: 617px; left: 677px; top: 620px;
        }

        .InnerGIGABYTEContent #vr {
            background-color: #000;
            background-image: url("../images/mb_vr_1920.jpg");
            background-repeat: no-repeat;
            min-height: 900px;
            position: relative;
            background-position: center;            
        }
        
        .InnerGIGABYTEContent #vr .vrtext{
            padding:2%;
            background-color:rgba(255,216,14,0.6);
            width:44%;
            font-weight: 500;
            color:#ccc;
            font-size:24px;
            line-height: 34px;
            font-family: 'Oswald', sans-serif, '微軟正黑體', Microsoft JhengHei;
            font-family: 'Oswald', '微軟正黑體' !important;
        }

        .InnerGIGABYTEContent #vr .vrtitlesub{
            font-weight: 500;
            color:#FFD80E;
            font-size:1.8em;
            line-height: 1em;
            font-family: 'Oswald', sans-serif, '微軟正黑體', Microsoft JhengHei;
            font-family: 'Oswald', '微軟正黑體' !important;
        }

		.InnerGIGABYTEContent #vr .vrimg{
			width:auto;margin-right:400px;
		}
		
        .InnerGIGABYTEContent #vr .vrtitle{
            font-size:1.8em;
			font-weight:bold;
        }

        .InnerGIGABYTEContent #vr .note{
            font-size:12px;
            line-height: 14px;
            font-family: 'Oswald', sans-serif, '微軟正黑體', Microsoft JhengHei;
            font-family: 'Oswald', '微軟正黑體' !important;
        }

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

       .InnerGIGABYTEContent #rgb7color .conbox2{
            display: inline-block;
            position: relative;
            width:46%; 
            margin-left:2%;
       }

		.InnerGIGABYTEContent #audioguard .img01 {
			display:inline-block;
			width: 45%;
			float:left;
			margin-right: 3%;
		}

        .InnerGIGABYTEContent #anti-sulfur{
            background-color: #000;
            background-image: url("../images/anti-sulfur_1920.jpg");
            background-position: top center;
            background-repeat: no-repeat;
            min-height: 1100px;
            background-size:cover;
            position: relative;
        }
        .InnerGIGABYTEContent #anti-sulfur .title{
            text-align: right;
            margin-top:12%;
            text-shadow:1px 1px 10px #000;
        }

        .InnerGIGABYTEContent #anti-sulfur .text{
            float:right;
            text-align: justify;
            width: 50%;
        }

        .InnerGIGABYTEContent #humidity {
            background-color: #000;
            background-image: url(../images/mb_humidity_1920.jpg);
            background-position: center;
            background-repeat: no-repeat;
            min-height: 567px;
        }

		.InnerGIGABYTEContent #temperature {
            background-color: #000;
            background-image: url(../images/mb_temperature_1920.jpg);
            background-position: center;
            background-repeat: no-repeat;
            min-height: 567px;
        }

		.InnerGIGABYTEContent #temperature .text {
            width: 70%;
        }

        .InnerGIGABYTEContent #XSplit {
            background-color: #000;
            background-image: url("../images/xsplit_1920.jpg");
            background-position: 50% 130px;
            background-repeat: no-repeat;
            min-height: 750px;
        }
        
        .InnerGIGABYTEContent .XSplit_MV {
            position: absolute;
            color: #fff;
            left: 57%;
            top: 40%;
            z-index: 10;
            display: block;
        }
        
        .InnerGIGABYTEContent .MV2 {
            width: 440px;
            height: 285px;
        }
        
        .InnerGIGABYTEContent a.more {
            display: block;
            width: 208px;
            height: 45px;
            background-image: url("../images/more.png");
            text-indent: -99999px;
            position: absolute;
            color: #fff;
            right: -2%;
            bottom: -20%;
            transition: background-image .5s;
        }
        
        .InnerGIGABYTEContent a.more:hover {
            background-image: url("../images/more2.png");
        }

        .InnerGIGABYTEContent #hd4khdmi{
            margin-top:6%;            
        }

        .InnerGIGABYTEContent #hd4khdmi .title{
            text-align: center;
            font-size:2em;
        }
            

        .InnerGIGABYTEContent #hd4khdmi .conbox1{
            background-image: url("../images/4k-bg.jpg");
            background-position: top left;
            background-repeat: no-repeat;
            position: relative;
            display: inline-block;
            width: 44%;
            padding:4%;  
			margin-right:2%;          
            min-height: 600px;
            vertical-align: top;
        }
        
        .InnerGIGABYTEContent #hd4khdmi .conbox2{
                background-image: url("../images/hdmi-bg.jpg");
                background-position: top center;
                background-repeat: no-repeat;
                display: inline-block;
                position: relative;
                width:44%; 
                text-align: left;
                padding:4%;
                min-height: 600px;
                vertical-align: top;           
        }

        

        

@media screen and (max-width: 1366px) {
        
.InnerGIGABYTEContent #ryzencpu .conbox1 {
  display: inline-block;
  width: 65%;
}

.InnerGIGABYTEContent #ryzencpu .conbox2 {
    display: inline-block;
    margin-left: 4%;
    padding-top: 0%;
  width: 30%;
}


.InnerGIGABYTEContent #nvme .note{
	margin-top:300px;
	margin-left:450px;
}

        .InnerGIGABYTEContent #smartfan5fan {
            min-height: 950px;
        }

        .InnerGIGABYTEContent #smartfan5fan .title {
            margin-top:-10px;
        }
        .InnerGIGABYTEContent #smartfan5fan .smartlist1{
            font-size:22px;
            line-height: 40px;
        }    
        
        .InnerGIGABYTEContent #smartfan5fan .conbox4{
            margin-top:6%;
        }      

        .InnerGIGABYTEContent #smartfan5 {
            background-color: #000;
            background-image: url("../images/mb_smartfan5_1366.jpg");
            background-position: center 30px;
            background-repeat: no-repeat;
            min-height: 700px;
        }
        .InnerGIGABYTEContent #smartfan5 .smartfan501{
                width: 400px; left: 30px; top: 520px;
        }
        .InnerGIGABYTEContent #smartfan5 .smartfan502{
                width: 460px; left: 470px; top: 480px;
        }

        .InnerGIGABYTEContent #vr {
            background-color: #000;
            background-image: url("../images/mb_vr_1366.jpg");
            background-position: center;
            background-repeat: no-repeat;
            min-height: 800px;
            position: relative;
        }

        .InnerGIGABYTEContent #vr .vrtext{
            width:66%;
        }

        .InnerGIGABYTEContent #vr .vrimg{
            width:auto;margin-right:100px;
        }

		.InnerGIGABYTEContent #audioguard .img01 {
			display:inline-block;
			width: 47%;
			margin-right: 3%;
		}

        .InnerGIGABYTEContent #anti-sulfur{
            min-height: 870px;
        }

        .InnerGIGABYTEContent #humidity {
                background-color: #000;
                background-image: url(../images/mb_humidity_1366.jpg);
                background-position: center;
                background-repeat: no-repeat;
                min-height: 600px;
        }
		
		.InnerGIGABYTEContent #humidity .title{
			margin-top:5%;
		}

        .InnerGIGABYTEContent #temperature {
                background-color: #000;
                background-image: url(../images/mb_temperature_1366.jpg);
                background-position: center;
                background-repeat: no-repeat;
                min-height: 560px;
        }

       .InnerGIGABYTEContent #hd4khdmi .conbox2{
            margin-left:2%;
       }

       .InnerGIGABYTEContent #XSplit {
        background-color: #000;
        background-image: url("../images/xsplit_1366.jpg");
        background-position: bottom center;
        background-repeat: no-repeat;
        min-height: 750px;
         }
    
        .InnerGIGABYTEContent #XSplit .frame {
            padding-top: 1em;
        }
        
        .InnerGIGABYTEContent .XSplit_MV {
            position: absolute;
            color: #fff;
            left: 62%;
            top: 50%;
            z-index: 10;
            display: block;
        }
        
        .InnerGIGABYTEContent .MV2 {
            width: 400px;
            height: 270px;
        }
        
        .InnerGIGABYTEContent a.more {
            display: block;
            width: 208px;
            height: 45px;
            background-image: url("../images/more.png");
            text-indent: -99999px;
            position: absolute;
            color: #fff;
            right: -2%;
            bottom: -20%;
            transition: background-image .5s;
        }
        
        .InnerGIGABYTEContent a.more:hover {
            background-image: url("../images/more2.png");
        }

        .InnerGIGABYTEContent #hd4khdmi{
            margin-top:6%;            
        }

        .InnerGIGABYTEContent #hd4khdmi .title{
            text-align: center;
            font-size:2em;
        }
            

        .InnerGIGABYTEContent #hd4khdmi .conbox1{
            background-image: url("../images/4k-bg.jpg");
            background-position: top left;
            background-repeat: no-repeat;
            position: relative;
            display: inline-block;
            width: 48%;
            padding:2%;  
			margin-right:1%;          
            min-height: 600px;
            vertical-align: top;
        }
        
        .InnerGIGABYTEContent #hd4khdmi .conbox2{
                background-image: url("../images/hdmi-bg.jpg");
                background-position: top center;
                background-repeat: no-repeat;
                display: inline-block;
                position: relative;
                width:48%; 
                text-align: left;
                padding:2%;
                min-height: 600px;
                vertical-align: top;           
        }


}


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

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

.InnerGIGABYTEContent #ryzencpu .conbox2 {
    margin-left: 20%;
    padding-top: 3%;
  width: 60%;
}

.InnerGIGABYTEContent #nvme .conbox1{
	display:inline-block;
	float:left;
	width:100%;
}

.InnerGIGABYTEContent #nvme .conbox2{
	display:inline-block;
	float:right;
	width:100%;
	margin-top:3%;
}

.InnerGIGABYTEContent #nvme .note{
	margin-top:120%;
	margin-left:0px;
}

        .InnerGIGABYTEContent #smartfan5fan .title{
            margin-top:4%;
        }

         .InnerGIGABYTEContent #smartfan5fan .conbox1{
             width: 100%;
             margin-left:10%;
        }

        .InnerGIGABYTEContent #smartfan5fan .conbox2{            
             width:100%; 
        } 
        
        .InnerGIGABYTEContent #smartfan5fan .conbox3{
             width: 100%;
        }


        .InnerGIGABYTEContent #smartfan5fan .conbox4{
            width:100%;                            
        }
        .InnerGIGABYTEContent #smartfan5fan .smartlist1{
            font-size:26px;
            line-height: 40px;
        }         

        .InnerGIGABYTEContent #fancontrol .conbox1{            
            width: 100%;
         }
        .InnerGIGABYTEContent #fancontrol .conbox2 .title{            
            text-align: left;            
         } 
        .InnerGIGABYTEContent #fancontrol .conbox2{
            width:100%; 
            margin-left:0%;
        } 


        .InnerGIGABYTEContent #smartfan5 {        
            background-image: url("../images/mb_smartfan5_960.jpg");        
            min-height: 1200px;
        }
        .InnerGIGABYTEContent #smartfan5 .smartfan501{
                width: 500px; left: 0px; top: 960px;

        }
        .InnerGIGABYTEContent #smartfan5 .smartfan502{
                width: 400px; left: 30%;  top: 420px;            
        }

        .InnerGIGABYTEContent #vr .vrtitle{
            font-size:28px;
        }

        .InnerGIGABYTEContent #vr .vrtitlesub{
            font-size:24px;
            line-height: 1.2em;
            margin-bottom: 4%;
        }

        .InnerGIGABYTEContent #vr .vrtext{
            width:90%;
            padding:4%;
        }

        .InnerGIGABYTEContent #vr .vrimg{
            margin-right:0px;
        }

            .InnerGIGABYTEContent #rgb7color .conbox1{
                position: relative;
                display: inline-block;
                vertical-align: top;
				width: 100%;
           }
    
           .InnerGIGABYTEContent #rgb7color .conbox2{
                display: inline-block;
                position: relative;
                width:100%; 
                margin-left:2%;
           }
        
		.InnerGIGABYTEContent #audioguard .img01 {
			display:inline-block;
			width: 65%;
			float:left;
			margin-right: 35%;
			margin-bottom:2%;
		}

        .InnerGIGABYTEContent #anti-sulfur{
            background-color: #000;
            background-image: url("../images/anti-sulfur_960.jpg");
            background-position: top center;
            background-repeat: no-repeat;
            min-height: 1100px;
            position: relative;
        }

        .InnerGIGABYTEContent #anti-sulfur .title{
            text-align:left;
            margin-top:70%;
            text-shadow:1px 1px 10px #000;
        }

        .InnerGIGABYTEContent #anti-sulfur .text{
            float:right;
            text-align: justify;
            width: 100%;
            margin-top:-4%;
        }

		.InnerGIGABYTEContent #humidity {
                background-color: #000;
                background-image: url(../images/mb_humidity_960.jpg);
                background-position: 50% 70%;
                background-repeat: no-repeat;
                min-height: 820px;
        }
		.InnerGIGABYTEContent #humidity .text {width:100%;}

		.InnerGIGABYTEContent #temperature {
                background-color: #000;
                background-image: url(../images/mb_temperature_960.jpg);
                background-position: 50% 60%;
                background-repeat: no-repeat;
                min-height: 900px;
        }
        .InnerGIGABYTEContent #temperature .text {width:100%;}

        .InnerGIGABYTEContent #hd4khdmi .conbox1{
            width: 100%;   
        }
        
       .InnerGIGABYTEContent #hd4khdmi .conbox2{
            margin-left:0%;
            width:100%;             
       }
       .InnerGIGABYTEContent #hd4khdmi .conbox1 p, #hd4khdmi .conbox2 p{
            margin-left:4%;
            margin-right:4%;         
        }

        .InnerGIGABYTEContent #XSplit {
            background-image: url("../images/xsplit_960.jpg");
            background-position: 45% 90px;
            background-repeat: no-repeat;
            min-height: 650px;
        }
        
        .InnerGIGABYTEContent .XSplit_MV {
            position: absolute;
            color: #fff;
            left: 60%;
            top: 50%;
            z-index: 10;
            display: block;
        }
        
        .InnerGIGABYTEContent .MV2 {
            width: 250px;
            height: 170px;
        }
        
        .InnerGIGABYTEContent a.more {
            display: block;
            width: 208px;
            height: 45px;
            background-image: url("../images/more.png");
            text-indent: -99999px;
            position: absolute;
            color: #fff;
            right: -2%;
            bottom: -32%;
            transition: background-image .5s;
        }
        
        .InnerGIGABYTEContent a.more:hover {
            background-image: url("../images/more2.png");
        }


}


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

.InnerGIGABYTEContent #ryzencpu .conbox2 {
    margin-left: 0%;
    padding-top: 3%;
  width: 100%;
}

        .InnerGIGABYTEContent #smartfan5fan .smartlist{
            font-size:20px;          
        }

        .InnerGIGABYTEContent #smartfan5fan .conbox1{
             margin-left:0%;
        }

        .InnerGIGABYTEContent #smartfan5fan .smartlist1{
            font-size:20px;
            line-height: 30px;
        }         
        
        .InnerGIGABYTEContent #smartfan5 {
            background-image: url("../images/mb_smartfan5_640.jpg");
            min-height: 960px;
        }
        .InnerGIGABYTEContent #smartfan5 .smartfan501{
            width: 300px; left: 0px; top: 780px;
        }
        .InnerGIGABYTEContent #smartfan5 .smartfan502{
                width: 300px; left: 0px; top: 410px;        
        }

        .InnerGIGABYTEContent #vr .vrimg{
            width:auto;margin-right:0px;
        }
        .InnerGIGABYTEContent #vr .vrtitle{
            font-size:1.2em;
        }

        .InnerGIGABYTEContent #vr .vrtitlesub{
            font-size:1.2em;
            line-height: 1.2em;
            margin-bottom: 4%;
        }

        .InnerGIGABYTEContent #vr .vrtext{
            padding:6%;
            width:90%;
            font-size:16px;
            line-height: 26px;
        }

		.InnerGIGABYTEContent #audioguard .img01 {
			display:inline-block;
			width: 100%;
			margin-right: 0%;
		}

        .InnerGIGABYTEContent #anti-sulfur{
            background-color: #000;
            background-image: url("../images/anti-sulfur_640.jpg");
            background-position: top center;
            background-repeat: no-repeat;
            min-height:850px;
            position: relative;
        }

        .InnerGIGABYTEContent #anti-sulfur .title{
            text-align:left;
            margin-top:110%;
            font-size:1.8em;
            text-shadow:1px 1px 10px #000;
        }

        .InnerGIGABYTEContent #anti-sulfur .text{
            float:right;
            text-align: justify;
            width: 100%;
            margin-top:0%;
        }

			.InnerGIGABYTEContent #humidity {
                background-image: url(../images/mb_humidity_640.jpg);
				background-position:50% 40%;
                min-height: 1120px;
            }
                
            .InnerGIGABYTEContent #humidity .frame .cell {
                width:100%;
            }
			
            .InnerGIGABYTEContent #temperature {
                background-image: url(../images/mb_temperature_640.jpg);
                min-height: 780px;
            }
                
            .InnerGIGABYTEContent #temperature .frame .cell {
                width:100%;
            }

        .InnerGIGABYTEContent #hd4khdmi .conbox1{           
            min-height: 440px; 
        }            
        .InnerGIGABYTEContent #hd4khdmi .conbox2{   
                min-height: 540px;      
        }

       
       .InnerGIGABYTEContent #XSplit {
        background-image: url("../images/xsplit_640.jpg");
        background-position: 30% 360px;
        background-repeat: no-repeat;
        min-height: 900px;		
        }
    
        .InnerGIGABYTEContent #XSplit .t  itle {
            font-size:1em;
        }
	
    .InnerGIGABYTEContent .XSplit_MV {
        position: absolute;
        color: #fff;
        left: 30%;
        top: 41%;
        z-index: 10;
        display: block;
    }
    
    .InnerGIGABYTEContent .MV2 {
        width: 220px;
        height: 124px;
    }
    
    .InnerGIGABYTEContent a.more {
        display: block;
        width: 208px;
        height: 45px;
        background-image: url("../images/more.png");
        text-indent: -99999px;
        position: absolute;
        color: #fff;
        right: -2%;
        bottom: -45%;
        transition: background-image .5s;
    }
    
    .InnerGIGABYTEContent a.more:hover {
        background-image: url("../images/more2.png");
    }



}


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



}