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

@import url(https://fonts.googleapis.com/css?family=Oswald);

            body {
            font-size: 30px;
            background: #000;
            padding: 0;
            margin: 0;
            color: #fff;
        }
        
        .InnerGIGABYTEContent img {
            width: 100%;
            outline: none;
            border: 0;
        }
        
        .InnerGIGABYTEContent .frame {
            margin: 0 auto;
            padding: 1em 0;
            overflow: hidden;
            width: 1366px;
        }
        
        .InnerGIGABYTEContent #playBtn {
            cursor: pointer;
        }
        
        .InnerGIGABYTEContent .frame.full {
            width: 100%
        }
        
        .InnerGIGABYTEContent .title {
        	font-size: 2em;
        	line-height: 3em;
        	color: #FFF;
            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;
            font-family: 'Roboto Condensed', sans-serif, '微軟正黑體', Microsoft JhengHei;
            font-family: 'Roboto Condensed', '微軟正黑體' !important;        }
        
        .InnerGIGABYTEContent .video {
            height: 0;
            overflow: hidden;
            position: relative;
            margin: auto;
            padding-bottom: 56.25%;
            /* 16:9 */
        }
        
        .InnerGIGABYTEContent .video video,
        .InnerGIGABYTEContent .video iframe {
            height: 100%;
            width: 100%;
            position: absolute;
            left: 0;
            top: 0;
        }
        
        .InnerGIGABYTEContent p {
            margin: 0.5em 0;
        }
        
        .InnerGIGABYTEContent .mainbar {
            width: 100%;
            background: #111;
            overflow: auto;
            height: 140px;
            font-size: 15px;
            line-height: 22px;
            color: #666;
            border-bottom: #111 solid 1px;
            text-align: center;
            transition: all 300ms ease-in-out;
        }
        
        .InnerGIGABYTEContent .mainbar:hover {
            height: 150px;
            background: #000;
            color: #CCC;
            border-bottom: #ec6c00 solid 1px;
        }
        
        .InnerGIGABYTEContent .mainbar p {
            padding: 20px 0 0 0;
            font-size: 36px;
            line-height: 40px;
        }
        
        .InnerGIGABYTEContent .mainbar .btn {}
        
        .InnerGIGABYTEContent .mainbar .btn a {
            color: #666;
            margin-left: 1em;
            margin-right: 1em;
        }
        
        .InnerGIGABYTEContent .mainbar .btn a:hover {
            color: #ec6c00;
        }
        
        .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 .cell .btn a {
            color: #fff;
            background-color: #036;
            border-radius: 5px;
            box-shadow: 0px 0px 16px rgba(4, 111, 204, 1) inset;
            padding: 8px 16px;
            text-decoration: none;
            -o-transition: background .10s linear;
            -webkit-transition: background .10s linear;
            -moz-transition: background .10s linear;
            transition: background .10s linear;
        }
        
        .InnerGIGABYTEContent .table .cell .btn a:hover {
            background-color: #03C;
        }
        
        .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 #overview .conbox1 {
            display: inline-block;
            float: left;
            width: 50%;
            margin-right: 3%;
        }

        .InnerGIGABYTEContent #overview .conbox2 {
            display: inline-block;
            float: left;
            width: 47%;
            margin-bottom: 10%;
        }

        .InnerGIGABYTEContent #overview .conbox3 {
            display: inline-block;
            float: left;
            width: 46%;
            margin-right: 7%;
        }

        .InnerGIGABYTEContent #overview .conbox4 {
            display: inline-block;
            float: left;
            width: 47%;
            margin-bottom: 10%;
        }        

        .InnerGIGABYTEContent #overview .conbox5 {
            display: inline-block;
            float: left;
            width: 46%;
            margin-right: 7%;
        }

        .InnerGIGABYTEContent #overview .conbox6 {
            display: inline-block;
            float: left;
            width: 47%;
            margin-bottom: 0%;
        }


.InnerGIGABYTEContent .tabtext {    
    font-size:18px;
    color: #FFF;
    border:1px solid #AAA;
    text-align: center;
    background-color:#333;
}

.InnerGIGABYTEContent .tabtext td{
    padding:6px;    
    border:1px solid #AAA;
    vertical-align: middle;

}


/* Video ************************************/

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


	
        @media screen and (max-width: 1366px) {
			.InnerGIGABYTEContent .table .col6l{
                width: 50%;
			}
            .InnerGIGABYTEContent .table .col52,
            .InnerGIGABYTEContent .table .col52s {
                width: auto;
            }
            .InnerGIGABYTEContent .frame {
                width: 960px;
            }

           
            
/************************Motherboard1366***************************************/	
		
		

	    


		@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: 1.0em;
                line-height: 3em;
            }
            .InnerGIGABYTEContent .text {
                font-size: 0.8em;
                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 #overview .conbox1 {
            float: left;
            width: 100%;
            margin-right: 0%;
            margin-bottom: 5%;
        }

        .InnerGIGABYTEContent #overview .conbox2 {
            float: left;
            width: 100%;
            margin-bottom: 10%;
        }

        .InnerGIGABYTEContent #overview .conbox3 {
            float: left;
            width: 100%;
            margin-right: 0%;
            margin-bottom: 10%;
        }

        .InnerGIGABYTEContent #overview .conbox4 {
            float: left;
            width: 100%;
            margin-bottom: 10%;
        }        

        .InnerGIGABYTEContent #overview .conbox5 {
            float: left;
            width: 100%;
            margin-right: 0%;
        }

        .InnerGIGABYTEContent #overview .conbox6 {
            float: left;
            width: 100%;
            margin-bottom: 0%;
        }
            

		
}


        
        @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: 0.8em;
                line-height: 1.6em;
                margin-bottom: 5%;
            }
            .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*************************************************/		
	 


		

}