@import url('https://fonts.googleapis.com/css?family=Oswald');
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:400italic,400,300,700');

            body {
            background: #000;
            padding: 0;
            margin: 0;
        }

        
        .InnerGIGABYTEContent img {
            width: 100%;
            outline: none;
            border: 0;
        }
        
        .InnerGIGABYTEContent .frame {
            margin: 0 auto;
            padding: 1em 0;
            overflow: hidden;
            width: 1366px;
        }
        
        .InnerGIGABYTEContent .frame.full {
            width: 100%
        }
        
        .InnerGIGABYTEContent .title {
        	font-size: 3em;
        	line-height: 1.3em;
			margin-top:2%;
        	color: #FFD80E;
            font-family: 'Oswald', sans-serif, '微軟正黑體', Microsoft JhengHei;
            font-family: 'Oswald', '微軟正黑體' !important;
        }
        
        .InnerGIGABYTEContent .text {
            font-weight: 300;
            font-size: 20px;
            line-height: 1.3em;
            margin-top: 1em;
            margin-bottom: 1em;
            color: #ddd;
			font-family: 'Roboto Condensed', sans-serif, '微軟正黑體', Microsoft JhengHei;
            font-family: 'Roboto Condensed', '微軟正黑體' !important;
        }
        
        .InnerGIGABYTEContent .note {
            font-weight: 300;
            font-size: 12px;
            line-height: 1.25em;
            margin-left: 0.4em;
            text-indent: -0.4em;
            color: #bbb;
        }
        
        .InnerGIGABYTEContent p {
            margin: 0.5em 0;
        }
        
        .InnerGIGABYTEContent .table {
            /*display: table;*/
            /*min-height:500px;*/
            overflow: visible;
        }
        
        .InnerGIGABYTEContent .table .cell {
            display: table-cell;
            vertical-align: middle;
        }
        
        .InnerGIGABYTEContent .table .cell_HIDE {
            display: none;
            vertical-align: middle;
        }
        
        .InnerGIGABYTEContent .table .cell_SHOW {
            display: table-cell;
            vertical-align: middle;
        }
        
        .InnerGIGABYTEContent .table .cell .left {
            float: left;
            margin-left: 5%;
            /*margin-right:4%;*/
            text-align: left;
        }
        
        .InnerGIGABYTEContent .table .cell .right {
            float: right;
            margin-right: 5%;
            /*margin-left:4%;*/
            text-align: left;
        }
        
        .InnerGIGABYTEContent .table .cell .center {
            /*padding:1em 10% 0;*/
            padding: 0em 30px 0;
            /*min-height:400px;*/
            overflow: visible;
        }
        
        .InnerGIGABYTEContent .table .cell .offsetRight {
            margin-right: -25%;
        }
        
        .InnerGIGABYTEContent .table .cell .offsetLeft {
            margin-left: -25%;
        }
        
        .InnerGIGABYTEContent .table .img {
            margin-top: 30px;
        }
        
        .InnerGIGABYTEContent .table .side {
            width: 10%;
            display: block;
        }
        
        .InnerGIGABYTEContent .table .margin0auto {
            margin-left: auto;
            margin-right: auto;
        }
        
        .InnerGIGABYTEContent .table .break {
            clear: both;
        }
        
        .InnerGIGABYTEContent .table .col1,
        .InnerGIGABYTEContent .table .col1s,
        .InnerGIGABYTEContent .table .col1l {
            width: 9.5%;
        }
        
        .InnerGIGABYTEContent .table .col2,
        .InnerGIGABYTEContent .table .col2s,
        .InnerGIGABYTEContent .table .col2l {
            width: 19%;
        }
        
        .InnerGIGABYTEContent .table .col3,
        .InnerGIGABYTEContent .table .col3s,
        .InnerGIGABYTEContent .table .col3l {
            width: 28.5%;
        }
        
        .InnerGIGABYTEContent .table .col4,
        .InnerGIGABYTEContent .table .col4s,
        .InnerGIGABYTEContent .table .col4l {
            width: 38%;
        }
        
        .InnerGIGABYTEContent .table .col5,
        .InnerGIGABYTEContent .table .col5s,
        .InnerGIGABYTEContent .table .col5l {
            width: 47.5%;
        }
        
        .InnerGIGABYTEContent .table .col52,
        .InnerGIGABYTEContent .table .col52s {
            width: auto;
        }
        
        .InnerGIGABYTEContent .table .col6,
        .InnerGIGABYTEContent .table .col6s,
        .InnerGIGABYTEContent .table .col6l {
            width: 40%;
        }
        
        .InnerGIGABYTEContent .table .col7,
        .InnerGIGABYTEContent .table .col7s,
        .InnerGIGABYTEContent .table .col7l {
            width: 66.5%;
        }
        
        .InnerGIGABYTEContent .table .col8,
        .InnerGIGABYTEContent .table .col8s,
        .InnerGIGABYTEContent .table .col8l {
            width: 76%;
        }
        
        .InnerGIGABYTEContent .table .col9,
        .InnerGIGABYTEContent .table .col9s,
        .InnerGIGABYTEContent .table .col9l {
            width: 85.5%;
        }
        
        .InnerGIGABYTEContent .table .col10,
        .InnerGIGABYTEContent .table .col10s,
        .InnerGIGABYTEContent .table .col10l {
            width: 95%;
        }
        
        .InnerGIGABYTEContent .fade {
            position: relative;
            overflow: auto;
            display: block;
        }
        
        .InnerGIGABYTEContent .fade .pic2 {
            position: absolute;
            display: none;
            top: 0;
            left: 0;
            z-index: 3;
        }
        
        .InnerGIGABYTEContent .img-large {
            display: block;
        }
        
        .InnerGIGABYTEContent .img-small {
            display: none;
        }
        /*features start*/
        
       
        
       .InnerGIGABYTEContent .img-responsive {
             display: block;
             max-width: 100%;
             height: auto;
        }
                    
/********************Motherboard 1920*************************************************/
		
		.InnerGIGABYTEContent .conc{
			min-width:1024px;
			position:relative;
			overflow:hidden;
		}

        .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 #esd {
            background-color: #000;
            background-image: url(../images/mb_esd_1920.jpg);
            background-position: center;
            background-repeat: no-repeat;
            min-height: 540px;
        }

		.InnerGIGABYTEContent #pro {
			display:none;
		}
        
		.InnerGIGABYTEContent #dualbios {
            background-color: #000;
            background-image: url(../images/mb_dualbios_1920.jpg);
            background-position: 50% 40%;
            background-repeat: no-repeat;
            min-height: 400px;
        }

		.InnerGIGABYTEContent #dualbios .text {
            width: 74%;
        }
		
		.InnerGIGABYTEContent #hd4k {
			background:#000;
		}

        .InnerGIGABYTEContent #hd4k .text {
			margin-top:5%;
        }

		.InnerGIGABYTEContent #hd4k .vrimg{
			width:auto;
			float:left;
		}

        .InnerGIGABYTEContent #hdmiin .text {
			margin-top:5%;
        }

		.InnerGIGABYTEContent #hdmiin .vrimg{
			width:auto;
			float:left;
		}
		

				

	
        @media screen and (max-width: 1366px) {
			.InnerGIGABYTEContent .table .col6l{
                width: 50%;
			}
            .InnerGIGABYTEContent .table .col52,
            .InnerGIGABYTEContent .table .col52s {
                width: auto;
            }
            .InnerGIGABYTEContent .frame {
                width: 960px;
            }
           
            
/************************Motherboard1366***************************************/	
		
		
        .InnerGIGABYTEContent #humidity {
                background-color: #000;
                background-image: url(../images/mb_humidity_1366.jpg);
                background-position: 50% 30%;
                background-repeat: no-repeat;
                min-height: 500px;
        }

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

        .InnerGIGABYTEContent #esd {
                background-color: #000;
                background-image: url(../images/mb_esd_1366.jpg);
                background-position: 50% 40%;
                background-repeat: no-repeat;
                min-height: 450px;
        }

		.InnerGIGABYTEContent #dualbios {
            background-color: #000;
            background-image: url(../images/mb_dualbios_1366.jpg);
            background-position: 50% 40%;
            background-repeat: no-repeat;
            min-height: 400px;
        }

		.InnerGIGABYTEContent #dualbios .text {
            width: 65%;
        }

		
        }
        
	    


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

		  .InnerGIGABYTEContent .frame {
                width: 640px;
                padding: 1.5em 0;
            }
            .InnerGIGABYTEContent .table .col52,
            .InnerGIGABYTEContent .table .col52s {
                width: 95%;
            }
            .InnerGIGABYTEContent .title {
                font-size: 2em;
                line-height: 1.1em;
            }
            .InnerGIGABYTEContent .text {
                font-size: 1.2em;
                line-height: 1.2em;
                margin-top: 1em;
            }
            .InnerGIGABYTEContent .note {
                font-size: 0.5em;
                line-height: 1.5em;
                margin-top: 1.2em;
            }
			
            .InnerGIGABYTEContent .table .col5,
            .InnerGIGABYTEContent .table .col5s,
            .InnerGIGABYTEContent .table .col5l {
                width: 95%
            }
		
/*******************Motherboard 960*************************************************/		


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

		.InnerGIGABYTEContent #humidity .text {
			width:100%;
			}

		.InnerGIGABYTEContent #esd {
                background-color: #000;
                background-image: url(../images/mb_esd_960.jpg);
                background-position: 50% 80%;
                background-repeat: no-repeat;
                min-height: 620px;
        }

		.InnerGIGABYTEContent #esd .text {
			width:100%;
			}

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

		.InnerGIGABYTEContent #pro {
			display:block;
		}
		
            .InnerGIGABYTEContent #dualbios {
                background-color: #000;
                background-image: url(../images/mb_dualbios_960.jpg);
                background-position: 50% 60%;
                background-repeat: no-repeat;
                min-height: 550px;
            }

        .InnerGIGABYTEContent #dualbios .text {
			width:100%;
		}
		
        .InnerGIGABYTEContent #hd4k .text {
			margin-top:50%;
        }

		.InnerGIGABYTEContent #hd4k .vrimg{
			width:auto;
			float:center;
		}

		
}


        
        @media screen and (max-width: 640px) {
			.InnerGIGABYTEContent .table .col6l{
                width: auto;
			}
			
            .InnerGIGABYTEContent .frame {
                padding: 1em 0;
                width: 320px;
                padding-left: 10px;
                padding-right: 10px;
            }
            .InnerGIGABYTEContent .title {
                font-size: 1.5em;
				line-height:1.5em;
            }
            .InnerGIGABYTEContent .text {
                font-size: 15px;
                line-height: 1.4em;
                margin-top: 1em;
            }
            .InnerGIGABYTEContent .note {
                font-size: 12px;
                line-height: 1.5em;
                margin-top: 1.2em;
            }
            .InnerGIGABYTEContent .table {
                display: block;
            }
            .InnerGIGABYTEContent .table .cell {
                display: block;
            }
            .InnerGIGABYTEContent .table .cell_HIDE {
                display: block;
            }
            .InnerGIGABYTEContent .table .cell_SHOW {
                display: none;
            }
            .InnerGIGABYTEContent .table .col1l,
            .InnerGIGABYTEContent .table .col2l,
            .InnerGIGABYTEContent .table .col3l,
            .InnerGIGABYTEContent .table .col4l,
            .InnerGIGABYTEContent .table .col5l,
            .InnerGIGABYTEContent .table .col6l,
            .InnerGIGABYTEContent .table .col7l,
            .InnerGIGABYTEContent .table .col8l,
            .InnerGIGABYTEContent .table .col9l,
            .InnerGIGABYTEContent .table .col10l {
                width: 100%;
                margin: 0;
            }
            .InnerGIGABYTEContent .table .col1,
            .InnerGIGABYTEContent .table .col2,
            .InnerGIGABYTEContent .table .col3,
            .InnerGIGABYTEContent .table .col4,
            .InnerGIGABYTEContent .table .col5,
            .InnerGIGABYTEContent .table .col6,
            .InnerGIGABYTEContent .table .col7,
            .InnerGIGABYTEContent .table .col8,
            .InnerGIGABYTEContent .table .col9,
            .InnerGIGABYTEContent .table .col10 {
                width: 90%;
                margin: 0 0;
            }
            .InnerGIGABYTEContent .table .col1s,
            .InnerGIGABYTEContent .table .col2s,
            .InnerGIGABYTEContent .table .col3s,
            .InnerGIGABYTEContent .table .col4s,
            .InnerGIGABYTEContent .table .col5s,
            .InnerGIGABYTEContent .table .col6s,
            .InnerGIGABYTEContent .table .col7s,
            .InnerGIGABYTEContent .table .col8s,
            .InnerGIGABYTEContent .table .col9s,
            .InnerGIGABYTEContent .table .col10s {
                width: 60%;
                margin: 0 20%;
            }
            .InnerGIGABYTEContent .table .cell .left,
            .InnerGIGABYTEContent .table .cell .right,
            .InnerGIGABYTEContent .table .cell .center {
                float: inherit;
                margin: 4% 0;
                text-align: left;
            }
            .InnerGIGABYTEContent .table .cell .center {
                padding: 0 0 0;
            }
            .InnerGIGABYTEContent .table .cell .offsetRight,
            .InnerGIGABYTEContent .table .cell .offsetLeft {
                margin-right: 0;
                margin-left: 0;
            }
            .InnerGIGABYTEContent .table .side {
                display: none;
            }
            .InnerGIGABYTEContent .img-large {
                display: none;
            }
            .InnerGIGABYTEContent .img-small {
                display: block;
            }

				
/*******************Motherboard 640*************************************************/		
	 

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

			.InnerGIGABYTEContent #esd {
                background-image: url(../images/mb_esd_640.jpg);
				background-position:50% bottom;
                min-height: 960px;
            }
                
            .InnerGIGABYTEContent #esd .frame .cell {
                width:100%;
            }
            
            .InnerGIGABYTEContent #usb .frame .cell {
                width:100%;
            }

            .InnerGIGABYTEContent #protection .frame .cell {
                width:100%;
            }

            .InnerGIGABYTEContent #dualbios {
                background-image: url(../images/mb_dualbios_640.jpg);
				background-position:bottom;
                min-height: 500px;
            }
                
            .InnerGIGABYTEContent #dualbios .frame .cell {
                width:100%;
            }

            .InnerGIGABYTEContent #hd4k .frame .cell {
                width:100%;
            }

            .InnerGIGABYTEContent #hdmiin .frame .cell {
                width:100%;
            }
		

}