@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: #FF7200;
        }
        
        .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;
        }
        
        .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;
        }
        

        .imgscale{
                cursor:pointer;
                transition: all 0.2s linear;
                -webkit-transition: all 0.2s linear;
        }

        .imgscale:hover{
                transform: scale(1.4, 1.4);
                -webkit-transform: scale(1.4, 1.4);
        }


/*****4 pic icon*****/  
        .m-wrap .picnav-item a:hover
        {
            cursor: pointer;
        }      
        .m-wrap .picnav-item a:hover .pic
        {
            cursor: pointer;
        }
/*****End 4 pic icon*****/

/********************Motherboard 1920*************************************************/
		
		.conc{
			min-width:1024px;
			position:relative;
			overflow:hidden;
		}
		
		#board {
            background-color: #000;
            background-image: url(../images/mb_board_1920.jpg);
            background-position: top center;
            background-repeat: no-repeat;
            min-height: 1060px;
        }
        
        #board .title {
            text-align:center;
			margin-top:10px;
			font-size:3.4em;
			color:#FFFFFF;
			text-shadow:0px 0px 20px #FF7200;
        }
		

		#Bitspower {
            background-color: #000;
            background-image: url(../images/mb_bitspower_1920.gif);
            background-position: 50% 40%;
            background-repeat: no-repeat;
            min-height: 1200px;
            margin-top:80px;
        }
        
        #Bitspower .frame .cell {
            width: 60%;
            float: right;
        }
        
        #Bitspower .title {
            color:#3399FF;
            font-size:2.4em;
        }

		#Breath {

            min-height: 800px;
            position: relative;
			z-index:100;
        }
        		
		#Breath img{
			width:46%;
		
		}
		
		#Breath .title {
			margin-top:50px;
			padding-top:40px;
			color:#3399FF;
		}
		
		
		#pc-hydrated {
            min-height: 400px;
            position: relative;
			margin-top:-360px;
			z-index:99;

        }
		
		#pc-hydrated img{
			width:70%;margin-top:-120px;
		}
		
		#pc-hydrated .title {
			margin-top:0px;
			color:#3399FF;
        }
		
		 
        #pc-hydrated .frame .cell {
            width: 100%;
        }
			
		
        #ekwblife {
            background-color: #000;
            background-position: center;
            background-repeat: no-repeat;
            min-height: 760px;
        }
        
        #ekwblife .title {
            color:#3399FF;
        }
		
		
		#rgbfusion {
			margin-top:-40px;
            background-color: #000;
            background-position: center;
            background-repeat: no-repeat;
            min-height: 200px;
        }
        
		#rgbfusion .frame .cell {
            width: 50%;
        }
		
		#rgbfusion .title {       
		    color:#FF7200;font-size:3.4em;padding-top:30px;
	   	}
		
		
		#rgbfusion .rgbtitle {
			color:#fff;font-size:1.8em;margin-top:-30px;
		}
		
		#GTXSLI {
            min-height: 650px;
			position:relative;
			z-index:15;
        }
		#GTXSLI .title {
			z-index:16;
			position:relative;
			margin-bottom:90px;
		}
		#GTXSLI .text {
			margin-top:-80px;
		}
        #GTXSLI .frame .cell {     
                width: 40%;
        }    		

        #GTXSLI .rgbscale img{
                cursor:pointer;
                transition: all 0.2s linear;
                -webkit-transition: all 0.2s linear;
        }

        #GTXSLI .rgbscale img:hover{
                transform: scale(1.3, 1.3);
                -webkit-transform: scale(1.3, 1.3);
        }
        #rgbapp {
            margin-top:-100px;
            background-color: #000;
            background-image: url(../images/mb_rgbapp_1920.jpg);
            background-position: center;
            background-repeat: no-repeat;
            min-height: 1400px;
        }
            
        #rgbapp .rgbqrcode{    
            margin-top:62%;
            margin-left:2%;
        }    
		#lighting {
            background-color: #000;
            background-image: url(../images/mb_lighting_1920.jpg);
            background-position: center;
            background-repeat: no-repeat;
            min-height: 1000px;
            position: relative;
        }

		
		#swappable {
            background-color: #000;
            background-image: url(../images/mb_swappable_1920.jpg);
            background-position: center;
            background-repeat: no-repeat;
            min-height: 1200px;
        }


		#rgbadvanced {
            background-color: #000;
            /*background-image: url(../images/mb_rgb_fusion_1920.jpg);*/
            background-position: center;
            background-repeat: no-repeat;
            min-height: 800px;
        }
        
        #rgbadvanced .title {
			margin-top:0px;
        }
		
		#smart-fan {
            background-color: #000;
            background-image: url(../images/mb_smart-fan_1920.jpg);
            background-position: 50% 0%;
            background-repeat: no-repeat;
            min-height: 1100px;
        }
        
        #smart-fan .frame .cell {
            width: 66%;
            float: right;
        }
		
        #smart-fan .title{
			margin-top:60px;
			font-size:3.4em;
			color:#fff;
		}
		
		/*
		#hybridfan {
                background-color: #000;
                background-image: url(../images/mb_hybridfan_1920.jpg);
                background-position: center 30px;
                background-repeat: no-repeat;
                min-height: 1050px;
        }
	   */

        #hybridfan {
                background-color: #000;
                background-position: center 30px;
                background-repeat: no-repeat;
        } 

        #hybridfan .title {
                margin-top: 10px;
				color:#fff;
        }
		
        #hybridfan-ac {
                margin-top:-60px;
                min-height: 900px;
        }

        @keyframes ac-updown{
                 0%   {margin-top:40px;}
                 100% {margin-top:10px;}
        }
        @-ms-keyframes ac-updown{
                 0%   {margin-top:40px;}
                 100% {margin-top:10px;}
        }

        @-webkit-keyframes ac-updown{
                 0%   {margin-top:40px;}
                 100% {margin-top:10px;}
        }
        
        @-o-keyframes ac-updown{
                 0%   {margin-top:40px;}
                 100% {margin-top:10px;}
        }
        #hybridfan-ac .hybridbox{
                position: relative;
                width:100%;
        }

        #hybridfan-ac .hybridimg{
                position:absolute;
        }
        
        
        #hybridfan-ac ul{
                position:absolute;
                width:100%;
        }
        #hybridfan-ac ul li {
                float:left;
                margin-top:25%;
                margin-left:32px;
                width:22%;
        }
        
        #hybridfan-ac ul li img{
                cursor:pointer;
                transition: all 0.2s linear;
                -webkit-transition: all 0.2s linear;
                display: block;
                width: 100%;
                height: auto;
        }

        #hybridfan-ac ul li img:hover{
                transform: scale(1.5, 1.5);
                -webkit-transform: scale(1.5, 1.5);
        }


        #hybridfan-ac ul li #hybri01{
                animation: ac-updown 0.6s alternate infinite;
                -webkit-animation: ac-updown 0.6s alternate infinite;
        }
        #hybridfan-ac ul li #hybri02{
                animation: ac-updown 1s alternate infinite;
                -webkit-animation: ac-updown 1s alternate infinite;
        }
        #hybridfan-ac ul li #hybri03{
                animation: ac-updown 1.2s alternate infinite;
                -webkit-animation: ac-updown 1.2s alternate infinite;
        }
        #hybridfan-ac ul li #hybri04{
                animation: ac-updown 1.4s alternate infinite;
                -webkit-animation: ac-updown 1.4s alternate infinite;
        }

        

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

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

		
		
		#enhancedbios {
            background-color: #000;
            background-image: url(../images/mb_enhancedbios_1920.jpg);
            background-position: center;
            background-repeat: no-repeat;
            min-height: 500px;
            position: relative;
        }
		
		
        #enhancedbios .title {
            margin-top: 50px;
			color:#fff;
        }

		#creative {
            background-color: #000;
			background-image: url(../images/mb_creative_1920.jpg);
            background-position:100% 10%;
            background-repeat: no-repeat;

            min-height: 1000px;        }
        
        #creative .creatitle {
     		 color:#fff;
			 font-size:1.4em;
			 line-height:1.0em;
        }
		#creative .sbxvideo{
			width:100%;margin-top:50%;
		}

        #nichicon {
            background-color: #000;
            background-position: 50% 40%;
            background-repeat: no-repeat;
            min-height: 600px;
        }
        
        #nichicon .title {
            margin-top:30px;
        }        

        #amp-up {
            background-color: #000;
            background-image: url(../images/mb_amp-up_1920.jpg);
            background-position: 50% 40%;
            background-repeat: no-repeat;
            min-height: 600px;
        }
        
        #amp-up .text {
            margin-top:10%;
            width: 42%;
            float: right;
        }
        #amp-up .title {
            font-size:1.6em;
        }


		#usbdacup {
            background-color: #000;
			background-image: url(../images/mb_usbdacup_1920.jpg);
            background-position: center;
            background-repeat: no-repeat;
            min-height: 1200px;
        }
        
        #usbdacup .title {
        }

		#usbdacup .subdacuptitle{
            font-size: 0.6em;
			color:#fff;padding-left:20px; padding-right:20px;
			display:inline-block;
		}


        @keyframes ac-vr{
            0%{background-position:0px 0px; }
            50%{background-position:-200px -50px; }
            100%{background-position:0px -150px;}
        }

        @-ms-keyframes ac-vr{
            0%{background-position:0px 0px; }
            50%{background-position:-200px -50px; }
            100%{background-position:0px -150px;}
        }
            
        @-webkit-keyframes ac-vr{
            0%{background-position:0px 0px; }
            50%{background-position:-200px -50px; }
            100%{background-position:0px -150px;}
        }

        @-o-keyframes ac-vr{
            0%{background-position:0px 0px; }
            50%{background-position:-200px -50px; }
            100%{background-position:0px -150px;}
        }
        
		#vr {
            background-color: #000;
            background-image: url(../images/mb_vr_1920.jpg);
            background-repeat: no-repeat;
            min-height: 1000px;
            position: relative;
            background-position: center;
            animation: ac-vr 6s alternate infinite;
            -webkit-animation:ac-vr 6s alternate infinite;
            
        }


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

		#killere2500 {
            background-color: #000;
            background-position: center;
            background-repeat: no-repeat;
            min-height: 2700px;
        }
        #killere2500 .killert{
            line-height:1.6em;
            font-size:1.8em;
        }

        #TripleNVMe {
            background-color: #000;
            background-image: url(../images/mb_triple_1920.jpg);
            background-position: center;
            background-repeat: no-repeat;
            min-height: 1200px;
        }
        
        #TripleNVMe .trititle{
			color:#fff;margin-top:1%;font-size:150%;
		}
		
		#TripleNVMe .text{
			width:25%;
		}
		
		#U2Onboard {
            background-color: #000;
            background-image: url(../images/mb_u2onboard_1920.jpg);
            background-position: center;
            background-repeat: no-repeat;
            min-height: 1000px;
        }
        
		#U2Onboard .u2title{
			color:#fff;margin-top:1%;font-size:130%;
		}
		
		
        #U2Onboard .frame .cell {
            width: 65%;
            float: right;
        }

        #nvme {
            background-color: #000;
            background-position: center;
            background-repeat: no-repeat;
        }


		#Thunderbolt {
            background-color: #000;
			background-image: url(../images/mb_thunderbolt_1920.jpg);
            background-position: top center;
            background-repeat: no-repeat;
            min-height: 800px;
        }
        
        #Thunderbolt .thundtitle {
           color:#fff;margin-top:40px;font-size:1.6em;
        }


		#hdmi2 {
            background-color: #000;
            background-position: center;
            background-repeat: no-repeat;
            min-height: 500px;
        }
        
        
		
		#usb30 {
            background-color: #000;
            background-image: url(../images/mb_usb30_1920.jpg);
            background-position: center;
            background-repeat: no-repeat;
            min-height: 1000px;
        }
        
        #usb30 .usb30title {
          	color:#fff;font-size:140%;margin-top:10px;
        }
		
		
		#turbob {
            background-color: #000;
            background-image: url(../images/mb_turbob_1920.jpg);
            background-position: 50% 40%;
            background-repeat: no-repeat;
            min-height: 600px;
        }
        
        #turbob .frame .cell {
            width: 60%;
            float: right;
        }
		
		#turbob .title{
            margin-top:100px;
        }
		
		#turbob .turbotitle{
			font-weight:bold;font-size:1.6em;line-height:1.4em;
		}
		
		#diagnostic {
            background-color: #000;
            background-image: url(../images/mb_diagnostic_1920.jpg);
            background-position: center -10px;
            min-height: 550px;
            background-repeat: no-repeat;
        }
        
        #diagnostic .title {
            margin-top:50px;
        }

		#diagnostic .diatitle{
			font-weight:bold;font-size:1.6em;line-height:1.4em;
		}


		#xmp {
            background-color: #000;
            background-image: url(../images/mb_xmp_1920.jpg);
            background-position: center -10px;
            min-height: 650px;
            background-repeat: no-repeat;
        }
        #ddr4 {
            background-color: #000;
            background-image: url(../images/mb_ddr_1920.jpg);
            background-position: center;
            min-height: 1960px;
            background-repeat: no-repeat;
        }

		#exclusive {
            background-color: #000;
            background-position: top center;
            background-repeat: no-repeat;
            min-height: 1100px;
        }
		
		
		
		#locking {
            /*
            background-color: #000;
            background-image: url(../images/mb_locking_1920.jpg);
            background-position: center;
            background-repeat: no-repeat;
            min-height: 1000px;
            */
        }
        
        #locking .title {
            margin-top: 50px;
        }
		
		
		#pciearmor {
            background-color: #000;
            background-image: url(../images/mb_pciearmor_1920.jpg);
            background-position: center;
            background-repeat: no-repeat;
            min-height: 900px;
        }
        
        #pciearmor .title {
        }
		
		
		
		#armor {
            background-color: #000;
            background-image: url(../images/mb_armor_1920.jpg);
            background-position: top center;
            background-repeat: no-repeat;
            min-height: 600px;
        }
        
        #armor .title {
            margin-top: -100px;
        }
		
        

		#antisulfur {
            background-image: url(../images/mb_anti_1920.jpg);
            background-position: center;
            background-repeat: no-repeat;
            min-height: 1000px;
        
        }

		#antisulfur .title {
            margin-top: 700px;          
        }
		
	
		#bios {
            background-image: url(../images/mb_bios_1920.jpg);
            background-position: center;
            background-repeat: no-repeat;
            min-height: 1000px;
        }
        
        #bios .title {
            margin-top: 50px;
        }
		
		
		#appcenter {
            background-color: #000;
            background-image: url(../images/mb_appcenter_1920.jpg);
            background-position: 50% 40%;
            background-repeat: no-repeat;
            min-height: 640px;
        }
      
		
		#appcenter .title {
			margin-top:100px;
        }
		
		#easytune {
            background-position: center;
            background-repeat: no-repeat;
            min-height: 600px;
			margin-top:-100px;
        }
        
		#siv {
            background-color: #000;
            background-position: center;
            background-repeat: no-repeat;
            min-height: 600px;
			margin-top:-40px;
        }
        
		#atbios {
            background-color: #000;
            background-position: center;
            background-repeat: no-repeat;
            min-height: 400px;
			margin-top:-100px;
        }

        #dosd3{
                margin-top:-100px;
        }

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

        }
        #dualbios .frame .cell {
            width: 40%;
        }


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


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

		#gold {
            background-color: #000;
            background-image: url(../images/mb_15u_1920.jpg);
            background-position: center -10px;
            min-height: 650px;
            background-repeat: no-repeat;
        }
        
		
		#gold .title {
            margin-top: 120px;
        }
		
		
		#qflash {
            background-color: #000;
            background-image: url(../images/mb_qflash_1920.jpg);
            background-position: 50% 40%;
            background-repeat: no-repeat;
            min-height: 600px;
        }
        
        #qflash .frame .cell {
            width: 50%;
            float: right;
        }
		
		#qflash .title {
            margin-top:50px;
        }
		
		
		#gconnector {
            background-color: #000;
            background-image: url(../images/mb_gconnector_1920.jpg);
            background-position: top center;
            background-repeat: no-repeat;
            min-height: 1050px;
            position: relative;
        }
		#gconnector img{
                cursor:pointer;
                transition: all 0.2s linear;
                -webkit-transition: all 0.2s linear;
                width:auto;
                margin-top:100px;
        }

        #gconnector img:hover{
                transform: scale(1.3, 1.3);
                -webkit-transform: scale(1.3, 1.3);
        }
		
		#smartcam {
			background: url("../images/smartcam_1920.jpg") center 0 no-repeat;
			height: 1041px;
		}
        #hd4k img{
            width:auto;
            float:left;
        }

        #hd4k .text{
            padding-top:4%;

        }

        #hdmiin img{
            width:auto;
            float:left;
        }

        #hdmiin .text{
            padding-top:2%;

        }    
				

	
        @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/mb_board_1366.jpg);
            background-position: center;
            background-repeat: no-repeat;
            min-height: 800px;
        }
        
        #board .title {
			margin-top:0px;
			font-size:2.2em;
			color:#FFFFFF;
        }
		
		#Bitspower {
            background-color: #000;
            background-image: url(../images/mb_bitspower_1920.gif);
            background-position: 50% 60%;
            background-repeat: no-repeat;
            min-height: 1020px;
            background-size:100%;
        }
        #Bitspower .title {
            font-size:2.2em;
        }
		
		#Breath {

            min-height: 800px;
            position: relative;
        }
		
		#Breath .title {
			margin-top:-50px;
			padding-top:0px;
		}
		
		
		#pc-hydrated {
            min-height: 300px;
            position: relative;
			z-index:99;

        }
		#pc-hydrated img{
			width:60%;margin-top:-120px;
		}
		
		#pc-hydrated .title{
			margin-top:-80px;
		}
		
		#ekwblife {
            min-height: 800px;
        }

			
		#rgbfusion .title {       
		    color:#FF7200;font-size:2.8em;
	   	}
		
		
		#rgbfusion .rgbtitle {
			color:#fff;font-size:1.2em;
		}

        #GTXSLI {
                background-position: center center;
                position: relative;
                min-height: 450px;
        
        }
        #rgbapp {
            margin-top:0px;
            background-color: #000;
            background-image: url(../images/mb_rgbapp_1366.jpg);
            background-position: center;
            background-repeat: no-repeat;
            min-height: 1200px;
        }
            
        #rgbapp .rgbqrcode{    
            margin-top:70%;
            margin-left:0%;
        }   
		#lighting {
			margin-top:0px;
        }
        
        #swappable {
            background-color: #000;
            background-image: url(../images/mb_swappable_1366.jpg);
            background-position: center;
            background-repeat: no-repeat;
            min-height: 1100px;
        }
        

        #smart-fan {
            background-color: #000;
            background-image: url(../images/mb_smart-fan_1366.jpg);
            background-position: 50% 40%;
            background-repeat: no-repeat;
            min-height: 1000px;
        }
        
        #smart-fan .title {
            margin-top:-10px;
        }    

        #hybridfan-ac{
            min-height: 640px;

        }
        #hybridfan-ac ul li {
                margin-left:22px;
                margin-top:24%;
        }   

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

       }

       #smartfan5 .smartfan502{
            width: 460px; left: 470px; top: 480px;
        
       }

        #enhancedbios {
            background-color: #000;
            background-image: url(../images/mb_enhancedbios_1366.jpg);
            background-position: top center;
            background-repeat: no-repeat;
            min-height: 400px;
            position: relative;
        }
       
        #enhancedbios .title {margin-top:0px;}
       
        #creative {
            background-color: #000;
            background-image: url(../images/mb_creative_1366.jpg);
            background-position: top center;
            background-repeat: no-repeat;
            min-height: 800px;        
        }
        
        #creative .title {
           margin-top:0px;
           font-size:1.6em;
        }

        #amp-up {
            background-color: #000;
            background-image: url(../images/mb_amp-up_1366.jpg);
            background-position: 50% 40%;
            background-repeat: no-repeat;
            min-height: 600px;
        }

		#usbdacup {
            background-color: #000;
			background-image: url(../images/mb_usbdacup_1366.jpg);
            background-position: center;
            background-repeat: no-repeat;
            min-height: 1200px;
        }
		
		#usbdacup .title {
            margin-top: 0px;
        }
		
		#usbdacup .subdacuptitle{
            font-size: 0.3em;
			color:#fff;padding-left:20px; padding-right:20px;
			display:inline-block;
		}

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

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

        #killere2500 {
            background-color: #000;
            background-position: center;
            background-repeat: no-repeat;
            min-height: 2800px;
        }
        #killere2500 .killert{
            margin-top:2%;
            line-height:1.4em;
            font-size:1.4em;
        }

        #TripleNVMe {
            background-color: #000;
            background-image: url(../images/mb_triple_1366.jpg);
            background-position: center;
            background-repeat: no-repeat;
            min-height: 900px;
        }
        
        #TripleNVMe .title{
            font-size:1.4em;
        }

        #TripleNVMe .trititle{
            font-size:100%;
        }
        #U2Onboard .frame .cell {
            width: 75%;
            float: right;
        }
        
        #hdmi2 img {
            margin-top:4%;
        }
       

		#usb30 {
            min-height: 800px;
        }

        #turbob {
            background-color: #000;
            background-image: url(../images/mb_turbob_1366.jpg);
            background-position: 50% 40%;
            background-repeat: no-repeat;
            min-height: 600px;
        }
        
        #turbob .turbotitle{
            font-weight:bold;font-size:1.2em;line-height:1.4em;
        }
        

        #diagnostic .diatitle{
            font-weight:bold;font-size:1.2em;line-height:1.4em;
        }


        #xmp .title{font-size:1.6em}
        #ddr4 {
            background-color: #000;
            background-image: url(../images/mb_ddr_1366.jpg);
            background-position: center;
            min-height: 1600px;
            background-repeat: no-repeat;
        }

		#exclusive {
            background-color: #000;
            background-position: top center;
            background-repeat: no-repeat;
            min-height: 830px;
        }
		
		#locking {
            /*
            background-color: #000;
            background-image: url(../images/mb_locking_1366.jpg);
            background-position: top center;
            background-repeat: no-repeat;
            min-height: 800px;
            */
        }
        
        #locking .title {
            margin-top: 50px;
        }
		
		
		#pciearmor {
            background-color: #000;
            background-image: url(../images/mb_pciearmor_1366.jpg);
            background-position: top center;
            background-repeat: no-repeat;
            min-height: 811px;
        }
        
        #pciearmor .title {
            margin-top: 0px;
        }
		
		
		
		#armor {
            background-color: #000;
            background-image: url(../images/mb_armor_1366.jpg);
            background-position: top center;
            background-repeat: no-repeat;
            min-height: 400px;
        }
        
        #armor .title {
            margin-top: -100px;
        }
		
		
		#antisulfur .title {
            margin-top: 700px;
			font-size:1.4em;
        }
		
		#bios {
            background-color: #000;
            background-image: url(../images/mb_bios_1366.jpg);
            background-position: center;
            background-repeat: no-repeat;
            min-height: 711px;
        }
        
        #bios .title {
            margin-top: 0px;
			font-size:1.6em;
        }
		
		
		#appcenter {
            background-color: #000;
            background-image: url(../images/mb_appcenter_1366.jpg);
            background-position: 50% 40%;
            background-repeat: no-repeat;
            min-height: 500px;
        }
        
       
		#easytune {
            margin-top:-60px;
        }
		
        #durable {
            background-color: #000;
            background-image: url(../images/mb_durable_1366.jpg);
            background-position: top center;
            background-repeat: no-repeat;
            min-height: 760px;
        }
        #durable .title{
            
        }

		#pcb {
            background-color: #000;
            background-image: url(../images/mb_pcb_1366.jpg);
            background-position: top center;
            background-repeat: no-repeat;
            min-height: 600px;
        }
        
        #pcb .frame .cell {
            width: 40%;
   
        }


		
		#gold {
            background-color: #000;
            background-image: url(../images/mb_15u_1366.jpg);
            background-position: center -10px;
            min-height: 500px;
            background-repeat: no-repeat;
        }
		
		#gold .title {
            margin-top: 60px;
        }
		
		#qflash {
            background-color: #000;
            background-image: url(../images/mb_qflash_1366.jpg);
            background-position: 50% 40%;
            background-repeat: no-repeat;
            min-height: 600px;
        }
		
		
		#qflash .title {
            margin-top:50px;
        }
		
		#gconnector {
            background-color: #000;
            background-image: url(../images/mb_gconnector_1366.jpg);
            background-position: top center;
            background-repeat: no-repeat;
            min-height: 750px;
            position: relative;
        }
        
        #gconnector img{
                margin-top:20px;
        }
		
		#smartcam {
        background: url("../images/smartcam_1366.jpg") center 0 no-repeat;
        height: 893px;
		}
		
		#smartcam .title{
		 	font-size:1.6em;
		}
}

		@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.7em;
                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/mb_board_1024.jpg);
            background-position: center;
            background-repeat: no-repeat;
            min-height: 618px;
        }
        
        #board .title {
			margin-top:-30px;
			font-size:1.8em;
			color:#FFFFFF;
        }
		
		#Bitspower {
            background-color: #000;
            background-image: url(../images/mb_bitspower_1920.gif);
            background-position: 200px 840px;
            background-repeat: no-repeat;
            min-height: 1400px;
        }
        

        #Bitspower .frame .cell {
            width: 60%;
            float: right;
        }
		
		#Breath {
            min-height: 600px;
        }

		#Breath .title {
			margin-top:0px;
		}
		

		#pc-hydrated {
            min-height: 450px;
            position: relative;
			z-index:99;
        }

		#pc-hydrated img{
			width:50%;margin-top:100px;
		}
		
		#pc-hydrated .title{
			margin-top:80px;
			
		}
		#pc-hydrated .frame .cell {
            width: 100%;
        }
		
		#ekwblife {
            min-height: 600px;
        }

		
		#rgbfusion {
            background-color: #000;
            background-position: center;
            background-repeat: no-repeat;
            min-height: 200px;
        }

        #rgbfusion .title {       
            font-size:1.8em;
        }
        
        
        #rgbfusion .rgbtitle {
            font-size:1em;
        }
  
        #GTXSLI {
                background-position: center center;
                background-repeat: no-repeat;
                min-height: 500px;
                position: relative;
        }
        #rgbapp {
            margin-top:0px;
            background-color: #000;
            background-image: url(../images/mb_rgbapp_960.jpg);
            background-position: center;
            background-repeat: no-repeat;
            min-height: 1000px;
        }
            
        #rgbapp .rgbqrcode{    
            margin-top:90%;
            margin-left:0%;
        }   
        #lighting {
            background-color: #000;
            background-image: url(../images/mb_lighting_960.jpg);
            background-position: 30% 80%;
            background-repeat: no-repeat;
            min-height: 800px;
            position: relative;
        }
        

        #rgbadvanced .title {
            margin-top:0px;
        }
                

		#smart-fan {
            background-image: url(../images/mb_smart-fan_960.jpg);
			min-height:1990px;
         
        }
		
        #hybridfan-ac{
            min-height: 460px;

        }
        #hybridfan-ac ul li {
                margin-left:18px;
                margin-top:24%;
        }

        #smartfan5 {        
                background-image: url(../images/mb_smartfan5_960.jpg);        
                min-height: 1060px;
        }

        #smartfan5 .smartfan501{
            width: 500px; left: 0px; top: 780px;

       }

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

        #enhancedbios {
            background-image: url(../images/mb_enhancedbios_960.jpg);
            min-height: 500px;
        }

        #creative {
            background-image: url(../images/mb_creative_960.jpg);
            min-height: 800px;        
        }
        #creative .title {font-size:1.4em;}

        #creative .creatitle {
             color:#fff;
             font-size:1.6em;
             line-height:1.2em;
        }
        
        #creative .sbxvideo{
            width:100%;margin-top:480px;
        }


        #nichicon {
            background-color: #000;
            background-position: 50% 0%;
            background-repeat: no-repeat;
            min-height: 500px;
        }
        
        #amp-up {
            background-color: #000;
            background-image: url(../images/mb_amp-up_960.jpg);
            background-position: 50% 0%;
            background-repeat: no-repeat;
            min-height: 500px;
        }
        
        #amp-up .text {
            margin-top:-30px;
        }
        
        
        #amp-up .frame .cell {
            width: 100%;
            float: right;
        }
        #amp-up .title {
            font-size:1.1em;
        }

        #usbdacup {
            background-color: #000;
            background-image: url(../images/mb_usbdacup_960.jpg);
            background-position: center;
            background-repeat: no-repeat;
            min-height: 1000px;
        }
        
        #usbdacup .title {
            margin-top: 0px;
        }
        
        #usbdacup .text {
            width:100%;
        }
        
        #vr .vrimg{
            margin-right:0px;" 
        }

      
        #killere2500 {
           background-position: top center;
            min-height: 2400px;
        }

        #TripleNVMe {
            background-color: #000;
            background-image: url(../images/mb_triple_960.jpg);
            background-position: top center;
            background-repeat: no-repeat;
            min-height: 800px;
        }
        #TripleNVMe .title{
            font-size:1.0em;
        }
        #TripleNVMe .trititle{
            color:#fff;margin-top:1%;font-size:0.8em;
        }
        #TripleNVMe .text{
            width:80%;
        }
       
        #U2Onboard {
            background-color: #000;
            background-image: url(../images/mb_u2onboard_960.jpg);
            background-position: top center;
            background-repeat: no-repeat;
            min-height: 860px;
        }
        
        
        #U2Onboard .frame .cell {
            width: 65%;
            float: right;
        }
       
        #U2Onboard .title {margin-top:0px;}
       
        #U2Onboard .u2title{
            font-size:120%;
        }

        #nvme {
            min-height: 600px;
        }

		#turbob {
            background-color: #000;
            background-image: url(../images/mb_turbob_960.jpg);
            background-position: 50% 40%;
            background-repeat: no-repeat;
            min-height: 800px;
        }
        #turbob .title{
            margin-top:0px;
        }
        #turbob .frame .cell {
            width: 60%;
            float: right;
        }
		
		#diagnostic {
            background-color: #000;
            background-image: url(../images/mb_diagnostic_960.jpg);
            background-position: center -10px;
            min-height: 450px;
            background-repeat: no-repeat;
        }
        
        #diagnostic .title {
            margin-top:50px;
        }
		
		
		#exclusive {
            background-color: #000;
            background-position: top center;
            background-repeat: no-repeat;
            min-height: 460px;

        }
		
		#locking {
            /*
            background-color: #000;
            background-image: url(../images/mb_locking_960.jpg);
            background-position: center;
            background-repeat: no-repeat;
            min-height: 600px;
            */
        }
        
        #locking .title {
          margin-top:-30px;
        }
		
		#pciearmor {
            background-color: #000;
            background-image: url(../images/mb_pciearmor_960.jpg);
            background-position: center;
            background-repeat: no-repeat;
            min-height: 1000px;
        }
		
		
		
		#armor {
           
            background-image: url(../images/mb_armor_960.jpg);
           
        }
		
		
		#armor .title {
            margin-top: -200px;
        }
		

		#appcenter {
            background-image: url(../images/mb_appcenter_960.jpg);
            min-height: 500px;
        }

        #appcenter .title {
            margin-top:0px;
        }

        
		#dualbios {
            background-color: #000;
            background-image: url(../images/mb_dualbios_960.jpg);
            background-position: center;
            background-repeat: no-repeat;
            min-height: 800px;
        }
        
        #durable {
            background-color: #000;
            background-image: url(../images/mb_durable_960.jpg);
            background-position: top center;
            background-repeat: no-repeat;
            min-height: 740px;
        }


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

		#gold {
            background-color: #000;
            background-image: url(../images/mb_15u_960.jpg);
            background-position: center -10px;
            min-height: 400px;
            background-repeat: no-repeat;
        }
        
		#qflash {
            background-color: #000;
            background-image: url(../images/mb_qflash_960.jpg);
            background-position: 0% 90%;
            background-repeat: no-repeat;
            min-height: 700px;
        }
		
		#qflash .title {
			margin-top:-20px;
		
		}

		
		#gconnector {
            background-color: #000;
            background-image: url(../images/mb_gconnector_960.jpg);
            background-position: top center;
            background-repeat: no-repeat;
            min-height: 700px;
            position: relative;
        }
		
        #gconnector img{
                width:100%;
        }

		#smartcam {
				background: url("../images/smartcam_960.jpg") center 0 no-repeat;
				height: 787px;
		}
		#hd4k img{
            width:110%;
        }  	
		#ddr4 {
            background-color: #000;
            background-image: url(../images/mb_ddr_960.jpg);
            background-position: center;
            min-height: 1300px;
            background-repeat: no-repeat;
        }   	


          

		#Breath .frame .cell {
				width: auto;
		}
			  
		#Bitspower .frame .cell {
				width: auto;
		}
				
		#smart-fan .frame .cell {
				width: auto;
		}	
		
		#nichicon .frame .cell {
				width: auto;
		}
			
		#amp-up .frame .cell {
				width: auto;
		}
			
		#phases .frame .cell {
				width: auto;
		}
				
		#turbob .frame .cell {
				width: auto;
		}
			
		#pcb .frame .cell {
				width: auto;
		}
			
		#qflash .frame .cell {
				width: auto;
		}
		#appcenter .frame .cell {
				  width: auto;
		}
	
        #xmp .frame .cell {
                  width: auto;
        }

/*****4 pic icon*****/
        .m-wrap .picnav-item .title
        {
            font-size:1.4em;
            padding-bottom: 4px;
        }

        .m-wrap .picnav-item .title span
        {
            vertical-align:bottom;
        }

/*****End 4 pic icon*****/    

			
}

    
        @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-image: url(../images/mb_board_640.jpg);
                min-height:520px;
                background-position:top center;
            }

            #board .title {
				margin-top:0px;
				font-size:1.1em;
				width:100%;
				line-height:1.4em;
        	}
		  
            #Bitspower {
                background-image: url(../images/mb_bitspower_1920.gif);
                background-position: 100px 460px;
                background-repeat: no-repeat;
                min-height: 840px;
            }

            #Bitspower .title {
                font-size:1.3em;
                margin-top:-80px;
            }
							
			#Breath {
            min-height: 600px;
			}
		  
			#Breath img{
				width:100%;
			}

			#pc-hydrated img{
				width:100%;
			}
			
		 	#ekwblife {
                min-height: 400px;
            }


            #rgbfusion .title {       
                font-size:1.4em;
                width:100%;
            }


            #rgbfusion .frame .cell {
                width: 100%;
            }  
        
            #rgbfusion .rgbtitle {
                font-size:0.8em;
                width:100%;
            }


            #GTXSLI {
                background-position: center 178px;
                min-height: 1300px;
                position: relative;
            }

            #GTXSLI .frame .cell {
                width: 100%;
            }
            
            #rgbapp {
            margin-top:0px;
            background-color: #000;
            background-image: url(../images/mb_rgbapp_640.jpg);
            background-position: center;
            background-repeat: no-repeat;
            min-height: 800px;
            }
                
            #rgbapp .rgbqrcode{    
                margin-top:100%;
                margin-left:0%;
            }   

			#lighting{
				min-height:600px;
			}
			   
			#lighting .title{
				font-size:0.8em;
			}


        #swappable {         
            background-image: url(../images/mb_swappable_640.jpg);
            background-position:top center;
            min-height:800px;
        }

        #rgbwlight {         
            background-image: url(../images/mb_rgbwlight_640.jpg);
            min-height: 1600px;
            background-position: center;
            position:relative;
            margin-left:0%;
        }
        #rgbwlight .title{ 
            margin-top:0px;

        }
        
        #rgbadvanced .title {
            margin-top:0px;
        }

        #rgbadvanced {
            min-height: 600px;
        }

        #smart-fan {        
            background-image: url(../images/mb_smart-fan_640.jpg);        
            min-height: 1200px;
        }

        #smart-fan .title{
            font-size:1.4em;
            margin-top:0;
        }

        #hybridfan{
            background-image: url(../images/mb_hybridfan_640.jpg);
            min-height: 500px;
        }

        #hybridfan-ac{
            display:none;    

        }

        #smartfan5 {
            background-image: url(../images/mb_smartfan5_640.jpg);
            min-height: 960px;
        }
        #smartfan5 .smartfan501{
            width: 300px; left: 0px; top: 700px;

       }

       #smartfan5 .smartfan502{
            width: 300px; left: 0px; top: 400px;
        
       }
        #enhancedbios {
            background-image: url(../images/mb_enhancedbios_640.jpg);
            min-height: 600px;
        }

        #creative{
            background-image: url(../images/mb_creative_640.jpg);
            min-height: 1100px;
        }

        #creative .sbxvideo{
            width:100%;margin-top:900px;
            height:300px;
        }

        #creative iframe{
            height:300px;
        }

        #creative .title, #creative .creatitle{
            font-size:1em;
        }
        #creative .creatitle{
            font-size:1.4em;
        }

        #amp-up {
            background-image: url(../images/mb_amp-up_640.jpg);
            background-position: 50% 0%;
            background-repeat: no-repeat;
            min-height: 580px;
        }

      
        #amp-up .text{
            margin-top:0px;
            width:100%;

        }


        #usbdacup{    
            background-image: url(../images/mb_usbdacup_640.jpg);
            background-position: top center;
            background-repeat: no-repeat;
            min-height: 1600px;
        }    

        #usbdacup .subdacuptitle{
            font-size: 0.5em;
            padding-left: 0;
            line-height: 1.6em;
        }

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


        #killere2500{
            min-height:1900px;
        }
        #killere2500 .killert{
            margin-top:2%;
            line-height:1.2em;
            font-size:0.8em;
        }
        #TripleNVMe{
            background-image: url(../images/mb_triple_640.jpg);
            min-height: 920px;
        }
        #TripleNVMe .text{
            width:100%;
        }    

        #U2Onboard {
            background-color: #000;
            background-image: url(../images/mb_u2onboard_640.jpg);
            background-position: center;
            background-repeat: no-repeat;
            min-height: 900px;
        }

        #U2Onboard .frame .cell{
            float:left;
            width:100%;
        }
        

        #nvme {
            background-color: #000;
            background-image: url(../images/mb_nvme_640.jpg);
            background-position: center;
            background-repeat: no-repeat;
            min-height: 1300px;
        }
        #nvme img{
            display:none;
        }
        
		#Thunderbolt .thundtitle {
           color:#fff;margin-top:40px;font-size:1em;
        }   

        
        #usb30 .title{
            margin-top:40px;
        }

        #usb30 .usb30title {
            color:#fff;font-size:1em;margin-top:10px;
        }

        #usb30 img {
            margin-right: 50px;
        }
        
    
        #diagnostic {
            background-image: url(../images/mb_diagnostic_640.jpg);
            min-height: 500px;
        }

        #diagnostic .title {
            margin-top:0px;
        }

        #xmp .title{
            font-size:1em;
        }

        #exclusive {
            background-image: url(../images/mb_exclusive_640.jpg);
            background-position: top center;
            background-repeat: no-repeat;
            min-height: 706px;
        }
        #exclusive img{
            display:none;
        }

        #locking {
            /*
            background-image: url(../images/mb_locking_640.jpg);
            background-position:top center;
            min-height: 500px;
            */
        }
        
        #locking .title {
            width:100%;
            margin-top:10px;
        }

        #pciearmor {        
            background-image: url(../images/mb_pciearmor_640.jpg);
            min-height: 1020px;
        }
        #pciearmor .frame .cell {
            width:90%;
        }

        #armor {
            background-image: url(../images/mb_armor_640.jpg);
            min-height: 1050px;
            background-position:top center;
        }
        
        #armor .title {
            margin-top: 100px;
        }
        
        #antisulfur {
            background-image: url(../images/mb_anti_640.jpg);
            min-height: 1000px;
        }
        
    
        #antisulfur .title {
            margin-top: -40px;
        }

        #bios {        
            background-image: url(../images/mb_bios_640.jpg);
            min-height: 640px;
        }
        #bios .title {
            font-size:1em;
        }
        #bios .frame .cell {
            width:90%;
        }
        

        #appcenter {        
            background-image: url(../images/mb_appcenter_640.jpg);
            min-height: 640px;
        }
        
        #appcenter .title {        
            margin-top:20px;
        }

        #easytune .frame .cell {
            width:90%;
        }

        #siv .frame .cell {
            width:90%;
        }
        #siv .title{
            margin-top:-120px;
        }

        #atbios .frame .cell {
            width:90%;
        }

        #atbios img {
            margin-bottom:80px;
        }
        #atbios .title {
            margin-top:-240px;
        }

        #dosd3 .frame .cell {
            width:90%;
        }

        #dosd3{
                margin-top:-220px;
        }

        #dualbios {
            background-image: url(../images/mb_dualbios_640.jpg);
            min-height: 900px;
        }
        
        #dualbios .frame .cell {
            width:90%;
        }

        #durable {
            background-image: url(../images/mb_durable_640.jpg);
            min-height: 700px;
        }
        #durable .text {
            width:90%;
        }
        
        #pcb {
            background-image: url(../images/mb_pcb_640.jpg);
            min-height: 820px;
        }

        #gold {
            background-image: url(../images/mb_15u_640.jpg);
            background-position:top center;
            min-height: 600px;
        }
        #gold .title{
            margin-top:0px;
        }

        #qflash {
            background-image: url(../images/mb_qflash_640.jpg);
            min-height: 800px;
        }
        #qflash .title{
            margin-top:0px;
        }
        
		#gconnector {
            background-image: url(../images/mb_gconnector_640.jpg);
            min-height: 600px;
        }

		#smartcam {
        background: url("../images/smartcam_640.jpg") center bottom no-repeat;
        height: 840px;
		}
		#smartcam .title{
			font-size:0.8em;margin-top:-30px;
		}
		#smartcam .text{width:100%;}
        #hd4k .text{
                width:100%;
        }
    

/*****4 pic icon*****/
        .m-wrap .picnav-item .title
        {
            font-size:1em;
            padding-bottom: 0;
        }
        .m-wrap .picnav-item .title span
        {
            vertical-align:bottom;
        }
/*****End 4 pic icon*****/
}

/*
@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%;
    }
}
*/