@import url(https://fonts.googleapis.com/css?family=Oswald);
            body {
            font-family: 'Oswald', sans-serif, '微軟正黑體', Microsoft JhengHei;
            font-family: 'Oswald', '微軟正黑體' !important;
            /*Firefox hack*/
            font-size: 30px;
            background: #000;
            padding: 0;
            margin: 0;
            color: #fff;
        }
        
        img {
            width: 100%;
            outline: none;
            border: 0;
        }
        
        .frame {
            margin: 0 auto;
            padding: 1em 0;
            overflow: hidden;
            width: 1366px;
        }
        
        #playBtn {
            cursor: pointer;
        }
        
        .frame.full {
            width: 100%
        }
        
        .title {
        	font-size: 2em;
        	line-height: 1.3em;
        	color: #00FF00;
        }

        .title-1 {
        	font-size: 1.4em;
        	color: #FFF;
        }

        .title-2 {
        	font-size: 1.4em;
        	color: #000;
        }
        
        .text {
            font-weight: 300;
            font-size: 22px;
            line-height: 1.5em;
            margin-top: 1em;
            margin-bottom: 1em;
            color: #ddd;
			font-family: 'Roboto Condensed', sans-serif, '微軟正黑體', Microsoft JhengHei;
            font-family: 'Roboto Condensed', '微軟正黑體' !important;
        }
        
        .text-1 {
            font-weight: 300;
            font-size: 22px;
            line-height: 1.5em;
            margin-top: 1em;
            margin-bottom: 1em;
            color: #ddd;
			font-family: 'Roboto Condensed', sans-serif, '微軟正黑體', Microsoft JhengHei;
            font-family: 'Roboto Condensed', '微軟正黑體' !important;
        }

        .note {
            font-weight: 300;
            font-size: 12px;
            line-height: 1.25em;
            margin-left: 0.4em;
            text-indent: -0.4em;
            color: #bbb;
        }
        
        .video {
            height: 0;
            overflow: hidden;
            position: relative;
            margin: auto;
            padding-bottom: 56.25%;
            /* 16:9 */
        }
        
        .video video,
        .video iframe {
            height: 100%;
            width: 100%;
            position: absolute;
            left: 0;
            top: 0;
        }
        
        p {
            margin: 0.5em 0;
        }
        
        .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;
        }
        
        .mainbar:hover {
            height: 150px;
            background: #000;
            color: #CCC;
            border-bottom: #ec6c00 solid 1px;
        }
        
        .mainbar p {
            padding: 20px 0 0 0;
            font-size: 36px;
            line-height: 40px;
        }
        
        .mainbar .btn {}
        
        .mainbar .btn a {
            color: #666;
            margin-left: 1em;
            margin-right: 1em;
        }
        
        .mainbar .btn a:hover {
            color: #ec6c00;
        }
        
        .table {
            /*display: table;*/
            /*min-height:500px;*/
            overflow: visible;
        }
        
        .table .cell {
            display: table-cell;
            vertical-align: middle;
        }
        
        .table .cell_HIDE {
            display: none;
            vertical-align: middle;
        }
        
        .table .cell_SHOW {
            display: table-cell;
            vertical-align: middle;
        }
        
        .table .cell .left {
            float: left;
            margin-left: 5%;
            /*margin-right:4%;*/
            text-align: left;
        }
        
        .table .cell .right {
            float: right;
            margin-right: 5%;
            /*margin-left:4%;*/
            text-align: left;
        }
        
        .table .cell .center {
            /*padding:1em 10% 0;*/
            padding: 0em 30px 0;
            /*min-height:400px;*/
            overflow: visible;
        }
        
        .table .cell .offsetRight {
            margin-right: -25%;
        }
        
        .table .cell .offsetLeft {
            margin-left: -25%;
        }
        
        .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;
        }
        
        .table .cell .btn a:hover {
            background-color: #03C;
        }
        
        .table .img {
            margin-top: 30px;
        }
        
        .table .side {
            width: 10%;
            display: block;
        }
        
        .table .margin0auto {
            margin-left: auto;
            margin-right: auto;
        }
        
        .table .break {
            clear: both;
        }
        
        .table .col1,
        .table .col1s,
        .table .col1l {
            width: 9.5%;
        }
        
        .table .col2,
        .table .col2s,
        .table .col2l {
            width: 19%;
        }
        
        .table .col3,
        .table .col3s,
        .table .col3l {
            width: 28.5%;
        }
        
        .table .col4,
        .table .col4s,
        .table .col4l {
            width: 38%;
        }
        
        .table .col5,
        .table .col5s,
        .table .col5l {
            width: 47.5%;
        }
        
        .table .col52,
        .table .col52s {
            width: auto;
        }
        
        .table .col6,
        .table .col6s,
        .table .col6l {
            width: 40%;
        }
        
        .table .col7,
        .table .col7s,
        .table .col7l {
            width: 66.5%;
        }
        
        .table .col8,
        .table .col8s,
        .table .col8l {
            width: 76%;
        }
        
        .table .col9,
        .table .col9s,
        .table .col9l {
            width: 85.5%;
        }
        
        .table .col10,
        .table .col10s,
        .table .col10l {
            width: 95%;
        }
        
        .fade {
            position: relative;
            overflow: auto;
            display: block;
        }
        
        .fade .pic2 {
            position: absolute;
            display: none;
            top: 0;
            left: 0;
            z-index: 3;
        }
        
        .img-large {
            display: block;
        }
        
        .img-small {
            display: none;
        }
        /*features start*/
        
       
        
        #header {
            position: relative;
            /*height: 504px;*/
            background-repeat: no-repeat;
            /*min-height: 500px;
*/
        }
        
        #header .title {
            margin: 0 auto;
            width: auto;
            z-index: 11;
            left: 50%;
            top: 50%;
            position: absolute;
            color: #fff;
            margin: -67px 0 0 13px;
            /*border-radius: 5px;
*/
        }
        
        #header .frame {
            padding-top: 0;
        }
        
       .img-responsive {
             display: block;
             max-width: 100%;
             height: auto;
        }
                    
/********************Motherboard 1920*************************************************/
		
		.conc{
			min-width:1024px;
			position:relative;
			overflow:hidden;
		}

		#board {
            background-color: #000;
            background-image: url(../images/main_1920.jpg);
            background-position: top center;
            background-repeat: no-repeat;
            min-height: 1087px;
        }

        #board .title {
			width:60%;
            text-align:center;
			margin-top:580px;
			font-size:2.6em;
			line-height:1.6em;
        }

        #board .title-1 {
			width:39%;
            text-align:center;
			font-size:1.8em;
        }
      
		#processor {
            background-color: #000;
            background-image: url(../images/processor_1920.jpg);
            background-position: 50% 0%;
            background-repeat: no-repeat;
            min-height: 1256px;
        }
        
        #processor .frame .cell {
            margin-top:10;
            width: 50%;
            float: right;
        }

        #processor .title-2{
			margin-top:-14px;
        }
        
        #processor .title{
			margin-top:10%;
        }

       #stunning {
                background-color: #000;
                background-image: url(../images/stunning_1920.jpg);
                background-position: center 30px;
                background-repeat: no-repeat;
                min-height: 1334px;
       }
       
       #stunning .title-2 {
                margin-top: 14px;
       }

       #stunning .title {
		   width:48%;
           margin-top: 6%;
       }

       #stunning .text {
		   width:48%;
		   float:left;
       }
        
        #vr {
            background-color: #000;
            background-image: url(../images/vr_1920.jpg);
            background-position: center;
            background-repeat: no-repeat;
            min-height: 1021px;
        }

       #vr .title-2 {
		   float:right;
		   width:48%;
           margin-top:-14px;
       }
        
        #vr .text {
			margin-top:51%;
            width: 80%;
            float: right;
        }

		#vr .vrimg{
			width:auto;margin-left:50px;
		}

		#tb3 {
            background-color: #000;
            background-image: url(../images/tb3_1920.jpg);
            background-position: 50% 0%;
            background-repeat: no-repeat;
            min-height: 1100px;
        }

       #tb3 .title-2 {
           margin-top:-14px;
       }

       #tb3 .title {
           margin-top:6%;
       }

		#MSR {
            background-color: #000;
            background-image: url(../images/tb3_1920.jpg);
            background-position: 50% 0%;
            background-repeat: no-repeat;
            min-height: 580px;
        }

       #MSR .title-2 {
           margin-top:-14px;
       }

       #MSR .text {
		   margin-top:10%;
	   }
		   
       #MSR .img {
		   margin-top:-4%;
	   }

	   #wifi {
            background-color: #000;
            background-image: url(../images/wifi_1920.jpg);
            background-position: 50% 0%;
            background-repeat: no-repeat;
            min-height: 1092px;
        }

       #wifi .title-2 {
		   margin-left:17%;
           margin-top:-14px;
       }

       #wifi .text {
           margin-top:64%;
       }

        #usb {
            background-color: #000;
            background-image: url(../images/usb_1920.jpg);
            background-position: 50% 0%;
            background-repeat: no-repeat;
            min-height: 900px;
        }
        
        #usb .title-2 {
            margin-top:-16px;
        }

        #usb .text {
			margin-top:8%;
            width: 54%;
        }

		#hdd {
            background-color: #000;
            background-image: url(../images/hdd_1920.jpg);
            background-position: 50% 0%;
            background-repeat: no-repeat;
            min-height: 947px;
        }
        
        #hdd .frame .cell {
            margin-top:10;
            width: 54%;
            float: right;
        }

        #hdd .title-2{
			margin-top:-14px;
        }

        #hdd .text{
			margin-top:39%;
			width:82%;
        }

	   #led {
            background-color: #000;
            background-image: url(../images/led_1920.jpg);
            background-position: 50% 0%;
            background-repeat: no-repeat;
            min-height: 1166px;
        }

       #led .title-2 {
           margin-top:-14px;
       }

       #led .text {
           margin-top:8%;
       }

		#exhaust {
            background-color: #000;
            background-image: url(../images/exhaust_1920.jpg);
            background-position: 50% 0%;
            background-repeat: no-repeat;
            min-height: 1387px;
        }
        
        #exhaust .frame .cell {
            margin-top:10;
            width: 46%;
            float: right;
        }

        #exhaust .title-2{
			margin-top:-14px;
        }

        #exhaust .text{
			margin-top:24%;
			width:78%;
			float:right;
        }

	   #cable {
            background-color: #000;
            background-image: url(../images/cable_1920.jpg);
            background-position: 50% 0%;
            background-repeat: no-repeat;
            min-height: 1658px;
        }

       #cable .title-2 {
           margin-top:-14px;
       }

       #cable .text {
           margin-top:8%;
       }


				

	
        @media screen and (max-width: 1366px) {
			.table .col6l{
                width: 50%;
			}
            .table .col52,
            .table .col52s {
                width: auto;
            }
            .frame {
                width: 960px;
            }
            #header {
                background-color: #000;
                /* background-image: url(../images/header_1366.jpg);*/
                background-position: center;
                position: relative;
                /*height: 700px;*/
            }
           
            
/************************Motherboard1366***************************************/	
		
		
		#board {
            background-color: #000;
            background-image: url(../images/main_1366.jpg);
            background-position: center top;
            background-repeat: no-repeat;
            min-height: 773px;
        }

        #board .title {
			width:60%;
            text-align:center;
			margin-top:400px;
			font-size:1.8em;
			line-height:1.6em;
        }

        #board .title-1 {
			width:40%;
            text-align:center;
			font-size:1.3em;
        }
		
        #processor {
            background-color: #000;
            background-image: url(../images/processor_1366.jpg);
            background-position: 50% top;
            background-repeat: no-repeat;
            min-height: 1060px;
        }

        #processor .frame .cell {
            margin-top:10;
            width: 57%;
            float: right;
        } 

        #processor .title {
            font-size:1.6em;
        }

        #processor .title-2 {
            font-size:1.1em;
			margin-top:-20px;
        }

       #stunning {
            background-color: #000;
            background-image: url(../images/stunning_1366.jpg);
            background-position: center top;
            background-repeat: no-repeat;
            min-height: 990px;
       }
       
       #stunning .title-2 {
		   font-size:1.1em;
           margin-top: -20px;
       }

       #stunning .title {
		   width:48%;
           margin-top: 6%;
           font-size:1.6em;
       }

        #vr {
            background-color: #000;
            background-image: url(../images/vr_1366.jpg);
            background-position: center top;
            background-repeat: no-repeat;
            min-height: 726px;
        }

       #vr .title-2 {
		   font-size:1.1em;
		   float:right;
		   width:48%;
           margin-top:-20px;
       }
        
        #vr .text {
			margin-top:51%;
            width: 80%;
            float: right;
        }

		#vr .vrimg{
			width:auto;margin-left:50px;
		}


		#tb3 {
            background-color: #000;
            background-image: url(../images/tb3_1366.jpg);
            background-position: 50% 0%;
            background-repeat: no-repeat;
            min-height: 950px;
        }

       #tb3 .title-2 {
		   font-size:1.1em;
           margin-top:-20px;
       }

       #tb3 .title {
		   font-size:1.6em;
           margin-top:6%;
       }

       #tb3 .text-1 {
           margin-top:27%;
       }

		#MSR {
            background-color: #000;
            background-image: url(../images/tb3_1366.jpg);
            background-position: 50% 0%;
            background-repeat: no-repeat;
            min-height: 580px;
        }

       #MSR .title-2 {
		   font-size:1.1em;
           margin-top:-20px;
       }

       #MSR .text {
		   margin-top:14%;
	   }
		   
       #MSR .img {
		   margin-top:-4%;
	   }

	   #wifi {
            background-color: #000;
            background-image: url(../images/wifi_1366.jpg);
            background-position: 50% top;
            background-repeat: no-repeat;
            min-height: 777px;
        }

       #wifi .title-2 {
		   font-size:1.1em;
		   margin-left:13%;
           margin-top:-20px;
       }

       #wifi .text {
           margin-top:60%;
       }

		#usb {
            background-color: #000;
            background-image: url(../images/usb_1366.jpg);
            background-position: 50% 0%;
            background-repeat: no-repeat;
            min-height: 650px;
        }

        #usb .title-2 {
			font-size:1.1em;
            margin-top:-20px;
        }

        #usb .text {
			margin-top:5%;
            width: 54%;
        }

		#hdd {
            background-color: #000;
            background-image: url(../images/hdd_1366.jpg);
            background-position: 50% 0%;
            background-repeat: no-repeat;
            min-height: 730px;
        }
        
        #hdd .frame .cell {
            margin-top:10;
            width: 62%;
            float: right;
        }

        #hdd .title-2{
			font-size:1.1em;
			margin-top:-20px;
			float:right;
        }

        #hdd .text{
			margin-top:32%;
			width:91%;
			float:right;
        }

	   #led {
            background-color: #000;
            background-image: url(../images/led_1366.jpg);
            background-position: 50% 0%;
            background-repeat: no-repeat;
            min-height: 885px;
        }

       #led .title-2 {
		   font-size:1.1em;
           margin-top:-20px;
       }

       #led .text {
           margin-top:6%;
       }

		#exhaust {
            background-color: #000;
            background-image: url(../images/exhaust_1366.jpg);
            background-position: 50% 0%;
            background-repeat: no-repeat;
            min-height: 987px;
        }
        
        #exhaust .frame .cell {
            margin-top:10;
            width: 46%;
            float: right;
        }

        #exhaust .title-2{
			font-size:1.1em;
			margin-top:-20px;
        }

        #exhaust .text{
			margin-top:12%;
			width:80%;
			float:right;
        }

	   #cable {
            background-color: #000;
            background-image: url(../images/cable_1366.jpg);
            background-position: 50% 0%;
            background-repeat: no-repeat;
            min-height: 1180px;
        }

       #cable .title-2 {
		   font-size:1.1em;
           margin-top:-20px;
       }

       #cable .text {
           margin-top:6%;
       }
		
        }
        
	    


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

		  .frame {
                width: 640px;
                padding: 1.5em 0;
            }
            .table .col52,
            .table .col52s {
                width: 95%;
            }
            .title {
                font-size: 1.3em;
                line-height: 1.1em;
            }
            .text {
                font-size: 0.8em;
                line-height: 1.2em;
                margin-top: 1em;
            }
            .note {
                font-size: 0.5em;
                line-height: 1.5em;
                margin-top: 1.2em;
            }
            #header {
                background-color: #000;
                background-position: center;
                position: relative;
            }
            #header .title {
                width: auto;
                font-size: 1.1em;
                margin-top: -24px;
            }
            #header .frame {
                padding: 0em 0 1em;
            }
		
			
            .table .col5,
            .table .col5s,
            .table .col5l {
                width: 95%
            }
		
/*******************Motherboard 960*************************************************/		


            #board {
                background-color: #000;
                background-image: url(../images/main_1024.jpg);
                background-position: center top;
                background-repeat: no-repeat;
                min-height: 648px;
            }

            #board .title {
			width:62%;
            text-align:left;
			margin-top:330px;
			font-size:1.4em;
			line-height:1.6em;
            }

           #board .title-1 {
			width:36%;
            text-align:left;
			font-size:1em;
            }            
            
            #processor {
            background-color: #000;
            background-image: url(../images/processor_960.jpg);
            background-position: 50% top;
            background-repeat: no-repeat;
            min-height: 786px;
        }

        #processor .frame .cell {
            width: 74%;
            float: right;
        } 

        #processor .title {
            font-size:1.2em;
        }

        #processor .title-2 {
            font-size:0.8em;
			margin-top:-35px;
        }

        #processor .text {
            font-size:0.6em;
			line-height:1.4em;
        }

       #stunning {
            background-color: #000;
            background-image: url(../images/stunning_960.jpg);
            background-position: center top;
            background-repeat: no-repeat;
            min-height: 752px;
       }
       
       #stunning .title-2 {
		   font-size:0.8em;
           margin-top: -35px;
       }

       #stunning .title {
		   width:60%;
           margin-top: 6%;
           font-size:1.2em;
       }

        #stunning .text {
			width:65%;
            font-size:0.6em;
			line-height:1.4em;
        }

        #vr {
            background-color: #000;
            background-image: url(../images/vr_960.jpg);
            background-position: center top;
            background-repeat: no-repeat;
            min-height: 636px;
        }

       #vr .title-2 {
		   font-size:0.8em;
		   float:right;
		   width:42%;
           margin-top:-35px;
       }
        
        #vr .text {
			font-size:0.6em;
			margin-top:64%;
            width: 100%;
            float: right;
        }

		#vr .vrimg{
			width:auto;margin-left:30px;
		}

		#tb3 {
            background-color: #000;
            background-image: url(../images/tb3_960.jpg);
            background-position: 50% 0%;
            background-repeat: no-repeat;
            min-height: 950px;
        }

       #tb3 .title-2 {
		   font-size:0.8em;
           margin-top:-35px;
       }

       #tb3 .title {
		   font-size:1.2em;
           margin-top:6%;
       }

       #tb3 .text {
            font-size:0.6em;
			line-height:1.4em;
        }

       #tb3 .text-1 {
		   font-size:0.6em;
           margin-top:27%;
       }

        #tb3 .frame .cell {
            width: 100%;
        }

		#MSR {
            background-color: #000;
            background-image: url(../images/tb3_960.jpg);
            background-position: 50% 0%;
            background-repeat: no-repeat;
            min-height: 580px;
        }

       #MSR .title-2 {
		   font-size:0.8em;
           margin-top:-35px;
       }

       #MSR .text {
		   margin-top:80%;
		   font-size:0.6em;
	   }
		   
       #MSR .img {
		   margin-top:-70%;
	   }

	   #wifi {
            background-color: #000;
            background-image: url(../images/wifi_960.jpg);
            background-position: 50% top;
            background-repeat: no-repeat;
            min-height: 644px;
        }

       #wifi .title-2 {
		   font-size:0.7em;
		   margin-left:8%;
           margin-top:-35px;
       }

       #wifi .text {
		   font-size:0.6em;
           margin-top:72%;
    	   line-height:1.4em;
       }

		#usb {
            background-color: #000;
            background-image: url(../images/usb_960.jpg);
            background-position: 50% 0%;
            background-repeat: no-repeat;
            min-height: 516px;
        }

        #usb .title-2 {
			font-size:0.8em;
            margin-top:-37px;
        }

        #usb .text {
			margin-top:6%;
            width: 66%;
		   font-size:0.6em;
    	   line-height:1.4em;
        }
		#hdd {
            background-color: #000;
            background-image: url(../images/hdd_960.jpg);
            background-position: 50% 0%;
            background-repeat: no-repeat;
            min-height: 637px;
        }
        
        #hdd .frame .cell {
            margin-top:10;
            width: 55%;
            float: right;
        }

        #hdd .title-2{
			font-size:0.8em;
			margin-top:-35px;
		    width:120%;
			float:right;
        }

        #hdd .text{
			font-size:0.6em;
			line-height:1.4em;
			margin-top:34%;
			width:100%;
			float:right;
        }

	   #led {
            background-color: #000;
            background-image: url(../images/led_960.jpg);
            background-position: 50% 0%;
            background-repeat: no-repeat;
            min-height: 702px;
        }

       #led .title-2 {
		   font-size:0.8em;
           margin-top:-35px;
       }

       #led .text {
			font-size:0.6em;
			line-height:1.4em;
            margin-top:6%;
       }
		#exhaust {
            background-color: #000;
            background-image: url(../images/exhaust_960.jpg);
            background-position: 50% 0%;
            background-repeat: no-repeat;
            min-height: 775px;
        }
		
        #exhaust .frame .cell {
            width: 54%;
            float: right;
        }

        #exhaust .title-2{
			font-size:0.8em;
			margin-top:-35px;
        }

        #exhaust .text{
			font-size:0.6em;
			line-height:1.4em;
			margin-top:8%;
			width:80%;
			float:right;
        }
		
	   #cable {
            background-color: #000;
            background-image: url(../images/cable_960.jpg);
            background-position: 50% 0%;
            background-repeat: no-repeat;
            min-height: 906px;
        }

       #cable .title-2 {
		   font-size:0.81em;
           margin-top:-35px;
       }

       #cable .text {
           	font-size:0.6em;
			line-height:1.4em;
            margin-top:6%;
       }			

        #cable .frame .cell {
            width: 100%;
        }
}


        
        @media screen and (max-width: 640px) {
			.table .col6l{
                width: auto;
			}
			
            .frame {
                padding: 1em 0;
                width: 320px;
                padding-left: 10px;
                padding-right: 10px;
            }
            .title {
                font-size: 1.2em;
            }
            .text {
                font-size: 15px;
                line-height: 1.4em;
                margin-top: 1em;
            }
            .note {
                font-size: 12px;
                line-height: 1.5em;
                margin-top: 1.2em;
            }
            .table {
                display: block;
            }
            .table .cell {
                display: block;
            }
            .table .cell_HIDE {
                display: block;
            }
            .table .cell_SHOW {
                display: none;
            }
            .table .col1l,
            .table .col2l,
            .table .col3l,
            .table .col4l,
            .table .col5l,
            .table .col6l,
            .table .col7l,
            .table .col8l,
            .table .col9l,
            .table .col10l {
                width: 100%;
                margin: 0;
            }
            .table .col1,
            .table .col2,
            .table .col3,
            .table .col4,
            .table .col5,
            .table .col6,
            .table .col7,
            .table .col8,
            .table .col9,
            .table .col10 {
                width: 90%;
                margin: 0 0;
            }
            .table .col1s,
            .table .col2s,
            .table .col3s,
            .table .col4s,
            .table .col5s,
            .table .col6s,
            .table .col7s,
            .table .col8s,
            .table .col9s,
            .table .col10s {
                width: 60%;
                margin: 0 20%;
            }
            .table .cell .left,
            .table .cell .right,
            .table .cell .center {
                float: inherit;
                margin: 4% 0;
                text-align: left;
            }
            .table .cell .center {
                padding: 0 0 0;
            }
            .table .cell .offsetRight,
            .table .cell .offsetLeft {
                margin-right: 0;
                margin-left: 0;
            }
            .table .side {
                display: none;
            }
            .img-large {
                display: none;
            }
            .img-small {
                display: block;
            }
            #header {
                background-color: #000;
                background-position: center 80px;
                background-repeat: no-repeat;
                position: relative;
            }
            #header .title {
                font-size: 0.8em;
                margin: 7px 0 0 -128px;
            }
            #header .frame {
            }
				
/*******************Motherboard 640*************************************************/		
	 
            #board {
                background-color: #000;
                background-image: url(../images/main_640.jpg);
                background-position: center top;
                background-repeat: no-repeat;
                min-height: 487px;
            }

            #board .title {
			width:100%;
            text-align:left;
			margin-top:250px;
			font-size:1em;
			line-height:1.4em;
			visibility:hidden;
            }

           #board .title-1 {
			width:100%;
            text-align:left;
			font-size:0.8em;
			visibility:hidden;
            }            
            
            #processor {
            background-color: #000;
            background-image: url(../images/processor_640.jpg);
            background-position: 50% top;
            background-repeat: no-repeat;
            min-height: 670px;
        }

        #processor .frame .cell {
            width: 100%;
        } 

        #processor .title {
            font-size:0.9em;
        }

        #processor .title-2 {
            font-size:0.6em;
			margin-top:-35px;
        }

        #processor .text {
            font-size:0.5em;
			line-height:1.4em;
        }

       #stunning {
            background-color: #000;
            background-image: url(../images/stunning_640.jpg);
            background-position: center top;
            background-repeat: no-repeat;
            min-height: 630px;
       }
       
       #stunning .title-2 {
		   font-size:0.6em;
           margin-top: -35px;
       }

       #stunning .title {
		   width:66%;
           margin-top: 8%;
           font-size:0.9em;
       }

        #stunning .text {
			width:94%;
            font-size:0.5em;
			line-height:1.4em;
        }

        #vr {
            background-color: #000;
            background-image: url(../images/vr_960.jpg);
            background-position: center top;
            background-repeat: no-repeat;
            min-height: 636px;
        }

       #vr .title-2 {
		   font-size:0.6em;
		   float:right;
		   width:42%;
           margin-top:-30px;
       }
        
        #vr .text {
			font-size:0.5em;
			margin-top:360px;
            width: 100%;
            float: right;
        }

		#vr .vrimg{
			width:50%;margin-left:0px;
		}

        #vr .frame .cell {
            width: 100%;
        } 

		#tb3 {
            background-color: #000;
            background-image: url(../images/tb3_960.jpg);
            background-position: 50% 0%;
            background-repeat: no-repeat;
            min-height: 730px;
        }

       #tb3 .title-2 {
		   font-size:0.6em;
           margin-top:-30px;
       }

       #tb3 .title {
		   font-size:0.9em;
           margin-top:10%;
       }

       #tb3 .text {
            font-size:0.5em;
			line-height:1.4em;
        }

       #tb3 .text-1 {
		   font-size:0.5em;
           margin-top:30%;
       }

        #tb3 .frame .cell {
            width: 100%;
        } 

		#MSR {
            background-color: #000;
            background-image: url(../images/tb3_960.jpg);
            background-position: 50% 0%;
            background-repeat: no-repeat;
            min-height: 400px;
        }

       #MSR .title-2 {
		   font-size:0.6em;
           margin-top:-30px;
       }

       #MSR .text {
		   margin-top:80%;
            font-size:0.5em;
			line-height:1.4em;
	   }
		   
       #MSR .img {
		   margin-top:-70%;
	   }

        #MSR .frame .cell {
            width: 100%;
        } 

	   #wifi {
            background-color: #000;
            background-image: url(../images/wifi_640.jpg);
            background-position: 50% top;
            background-repeat: no-repeat;
            min-height: 563px;
        }

       #wifi .title-2 {
		   font-size:0.5em;
		   margin-left:0%;
           margin-top:-25px;
       }

       #wifi .text {
		   font-size:0.5em;
           margin-top:300px;
    	   line-height:1.4em;
       }

        #wifi .frame .cell {
            width: 100%;
        } 

		#usb {
            background-color: #000;
            background-image: url(../images/usb_640.jpg);
            background-position: 50% 0%;
            background-repeat: no-repeat;
            min-height: 433px;
        }

        #usb .title-2 {
            width: 100%;
			font-size:0.5em;
            margin-top:-33px;
        }

        #usb .text {
			margin-top:10%;
            width: 70%;
		   font-size:0.5em;
    	   line-height:1.4em;
        }

        #usb .frame .cell {
            width: 100%;
        } 

		#hdd {
            background-color: #000;
            background-image: url(../images/hdd_640.jpg);
            background-position: 50% 0%;
            background-repeat: no-repeat;
            min-height: 480px;
        }

        #hdd .frame .cell {
            width: 100%;
        } 
        
        #hdd .title-2{
            width: 80%;
			font-size:0.5em;
			margin-top:-20px;
			float:right;
        }

        #hdd .text{
			font-size:0.5em;
			line-height:1.4em;
			margin-top:9%;
			width:62%;
			float:right;
        }

	   #led {
            background-color: #000;
            background-image: url(../images/led_960.jpg);
            background-position: 50% 0%;
            background-repeat: no-repeat;
            min-height: 702px;
        }

       #led .title-2 {
		   font-size:0.6em;
           margin-top:-30px;
       }

       #led .text {
			font-size:0.5em;
			line-height:1.4em;
            margin-top:10%;
       }

        #led .frame .cell {
            width: 100%;
        } 

		#exhaust {
            background-color: #000;
            background-image: url(../images/exhaust_640.jpg);
            background-position: 50% 0%;
            background-repeat: no-repeat;
            min-height: 441px;
        }
		
        #exhaust .frame .cell {
            width: 66%;
            float: right;
        }

        #exhaust .title-2{
			font-size:0.6em;
			margin-top:-32px;
        }

        #exhaust .text{
			font-size:0.5em;
			line-height:1.4em;
			margin-top:18%;
			width:80%;
			float:right;
        }
		
	   #cable {
            background-color: #000;
            background-image: url(../images/cable_960.jpg);
            background-position: 50% 0%;
            background-repeat: no-repeat;
            min-height: 906px;
        }

       #cable .title-2 {
		   font-size:0.6em;
           margin-top:-35px;
       }

       #cable .text {
           	font-size:0.5em;
			line-height:1.4em;
            margin-top:10%;
       }			

        #cable .frame .cell {
            width: 100%;
        }



}


/*
@media screen and (max-width: 360px) {
    #haswell {
        min-height: 520px;
        background-position: 50% -150px;
    }
    #haswell .img {
        margin-top: 120px;
    }
    #RAID {
        background-image: url(../images/RAID-Xpress-bg-720.jpg);
        background-position: 50% 90px;
    }
    #RAID .img {
        margin-top: 150px;
    }
    #thin {
        min-height: 520px;
        background-image: url(../images/thin-bg-600.jpg);
        background-position: 60% 180px;
    }
    #design {
        background-position: 50% 130px;
    }
    #killerchip {
        background-position: 50% 50%;
        min-height: 400px;
    }
    #killerchip .img {
        margin-top: 180px;
    }
    #wifi {
        background-position: 50% 20%;
    }
    #wifi .img {
        margin-top: 100px;
    }
    #marcokey {
        background-position: 50% 0px;
        min-height: 300px;
    }
    #backlit {
        background-position: 35% 30%;
    }
    #QHD {
        background-image: url(../images/QHD-bg-700.jpg);
        background-position: 52% 5px;
    }
    #QHD .img {
        margin-top: 200px;
    }
    #IGZO {
        background-position: 50% 60%;
    }
    #output4K {
        background-position: 45% 20px;
    }
    #SystemGauge {
        background-image: url(../images/SystemGauge-bg-1100.jpg);
        background-position: 48% 30%;
    }
    #FanControl {
        background-image: url(../images/FanControl-bg-1100.jpg);
        background-position: 50.5% 45%;
    }
    #LockWinkey {
        background-image: url(../images/LockWinkey-bg-1100.jpg);
        background-position: 50.5% 35%;
    }
}

@media screen and (max-width: 320px) {
    #haswell {
        background-position: 50% -90px;
    }
    #RAID {
        background-position: 50% 150px;
    }
    #thin {
        background-position: 55% 230px;
    }
    #design {
        min-height: 500px;
        background-position: 50% 160px;
    }
    #killerchip .img {
        margin-top: 200px;
    }
    #marcokey {
        background-position: 50% 15px;
        min-height: 400px;
    }
    #marcokey .img {
        margin-top: 200px;
    }
    #backlit {
        background-position: 35% 25%;
    }
    #QHD {
        background-position: 52% 20px;
    }
    #IGZO {
        min-height: 830px;
        background-position: 50% 55%;
    }
    #WideView {
        background-position: 50% 35%;
    }
    #output4K {
        min-height: 600px;
        background-image: url(../images/4k-bg-600.jpg);
        background-position: 45% 150px;
    }
    #SystemGauge {
        background-position: 48% 20%;
    }
}
*/