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



/*TOP*/
			#gotop{
                min-width:60px;
                height:70px;
                background-image:url("../images/topicon.png");                
                background-position: 50% 100%;
                background-repeat: no-repeat;                
				color:#FFFFFF;
				border-radius:10px;
				margin:10px;
				padding:10px;
				cursor:pointer;
				text-align:center;
				font-size:13px;
				bottom:20px;
				right:4%;
				position:fixed;	
				display:none;
				transition:all 0.3s linear;
				font-family: Arial, Helvetica, sans-serif;
			}

       
        
        #Cost-saving {            
            background-image: url("../images/Cost-saving_1920.jpg");
            background-position: top center;
            background-repeat: no-repeat;
            min-height: 1120px;
        }
        #Cost-saving .subtitle{
            font-size:40px;            
        }

        #Cost-saving .table-data{                   
            text-align: center;            
            font-weight: bold;
            font-size:26px;
            line-height: 36px;        
            margin:0 auto;
            margin-top:20px;
            border:2px solid #feffff;
            
        }

        #Cost-saving .table-data td{            
            padding:6px;         
            width:33%;
            border-top:2px solid #feffff;               
            border-left:2px solid #feffff; 
        }

  
        #Cost-saving tr:nth-child(n+1) td:nth-child(even){
            background-color:rgba(255,191,0, 0.3);
        }   

        #Cost-saving .qtynum{
            width:auto;
            margin-right:-30%;
        }           

        #Cost-saving tr td:first-child{
            width:20%;            
        }

        #Cost-saving tr:first-child td{
            padding:20px;
            padding-left:14%;
            padding-right:4%;
            vertical-align: middle;
            
        }

        #Switch-Card {
            background-image: url("../images/Switch-Card_1920.jpg");
            background-position: top center;
            background-repeat: no-repeat;
            min-height: 750px;
        }

        #Switch-Card .subtitle{
            font-size:40px;            
            margin-top:120px;
        }

        #Switch-Card .text{
            width:60%;
        }

        #PSU-Power {
            background-image: url("../images/PSU-Power_1920.jpg");
            background-position: top center;
            background-repeat: no-repeat;
            min-height:800px;
        }

        #PSU-Power .title{
            font-size:40px;            
            margin-top:160px;
        }

        #PSU-Power .text{
            width:40%;
        }
    
        #smartfan5fan .conbox1{
             position: relative;
             display: inline-block;
             vertical-align: top;
             width: 49%;
        }

        #smartfan5fan .conbox2{
            display: inline-block;
            position: relative;
            width:50%;             
        }

        #smartfan5fan .conbox2 .title{
            margin:80px 20px 40px 0px;                        
        }
                
        #smartfan5fan .conbox3{
            display: inline-block;
            position: relative;
            width:41%;
        }

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

        #smartfan5fan .conbox4{
            border-left:1px solid #999;
            padding-left:40px;
            display: inline-block;
            position: relative;
            width:50%;             
            margin-bottom:4%;
        }    

        #smartfan5fan .smartlist{
            width:100%;
            margin-left:4%;
            margin-top:1%;
            font-size:14px;
            font-family: arial, sans-serif, '微軟正黑體', Microsoft JhengHei;            
        }

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


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

        #smartfan5fan .smarttitle{
            color:#FFD80E;
            font-weight: 500;
            font-size:26px;
            margin-bottom:10px;
        }

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

        
         
       #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;
              
       }
        
       #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;
           
        }
        #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;
        }

        #antisulfur {
            background-color: #000;
            background-image: url("../images/mb_anti_1920.jpg");
            background-position: center;
            background-repeat: no-repeat;
            min-height: 1000px;
            position: relative;
        }
        
        
        
        #antisulfur .title {
            margin-top: 700px;
        }
        #hdaudio{
            margin-top:4%;
            margin-bottom:4%;            
        }

        #hdaudio .hdaudio-ac ul{
            margin-left:12%;
        }

        #hdaudio .hdaudio-ac ul li{
            width:38%;
            border:3px solid #FFD80E;
            float:left;
            cursor:pointer;
            transition: all 0.2s linear;
            -webkit-transition: all 0.2s linear;
            box-shadow:0px 0px 20px #FFD80E;
            margin:20px;
            text-align: center;
            font-size:0.8em;
            line-height: 1.6em;
            padding-bottom:20px;
        }

        #hdaudio .hdaudio-ac ul li:hover{
              transform: scale(1.2, 1.2);
              -webkit-transform: scale(1.2, 1.2);
              box-shadow:0px 0px 80px #FFD80E;
        }
        #bios {            
            background-image: url("../images/mb_bios_1920.jpg");
            background-position: center;
            background-repeat: no-repeat;
            min-height: 1000px;
        }

        #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;
        }
    



@media screen and (max-width: 1366px) {
        #Cost-saving {                    
            min-height: 1100px;
        }

        #Cost-saving tr:first-child td{
            padding:10px;
            padding-left:10%;
            padding-right:4%;
            vertical-align: middle;            
        }

        #Cost-saving .qtynum{            
            margin-right:-26%;
            width:30%;
        }
        
        #Switch-Card {
            background-image: url("../images/Switch-Card_1366.jpg");
            background-position: top center;
            background-repeat: no-repeat;
            min-height: 580px;
        }

        #Switch-Card .subtitle{
            font-size:40px;            
            margin-top:80px;
        }

        #Switch-Card .text{
            width:60%;
        }

        #PSU-Power {
            background-image: url("../images/PSU-Power_1366.jpg");
            background-position: top center;
            background-repeat: no-repeat;
            min-height:600px;
        }

        #PSU-Power .title{
            font-size:40px;            
            margin-top:30px;
        }

        #PSU-Power .text{
            width:40%;
        }

        #smartfan5fan .conbox2 .title{
            margin:200px 20px 0px 0px;
        }
          
        #smartfan5fan .conbox1{             
             width: 50%;
        }

        #smartfan5fan .conbox2{            
            width:46%;
            margin-left:2%;             
        }

        #smartfan5fan .conbox3{
            width:41%;
        }
        #smartfan5fan .conbox4{
            width:40%;             
            margin-bottom:4%;
        }
        #smartfan5fan .smarttitle{         
            font-size:20px;
            margin-bottom:10px;
        }    




        #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;}
        #diagnostic .diatitle{
            font-weight:bold;font-size:1.2em;line-height:1.4em;
        }

        #antisulfur .title {
            margin-top: 700px;
            font-size:1.4em;
        }


        #hdaudio .hdaudio-ac ul{
            margin-left:10%;
        }
        #hdaudio .hdaudio-ac ul li{
            width:36%;
        }
        #bios {
            background-image: url("../images/mb_bios_1366.jpg");
            background-position: center;
            background-repeat: no-repeat;
            min-height: 711px;
        }
        
        #appcenter {
            background-color: #000;
            background-image: url("../images/mb_appcenter_1366.jpg");
            background-position: 50% 40%;
            background-repeat: no-repeat;
            min-height: 500px;
        }
           
}
@media screen and (max-width: 960px) {
        #Cost-saving {            
            background-image: url("../images/Cost-saving_1366.jpg");
            min-height: 960px;
        }

        #Cost-saving .table-data{                   
            font-size:18px;
            line-height: 28px;        
            margin-top:20px;            
        }

        #Cost-saving .subtitle{
            font-size:24px;
        }

        #Switch-Card {
            background-image: url("../images/Switch-Card_960.jpg");
            background-position: top center;
            background-repeat: no-repeat;
            min-height: 940px;
        }

        #Switch-Card .subtitle{
            font-size:30px;            
            margin-top:40px;
        }

        #Switch-Card .text{
            width:100%;
        }

        #PSU-Power {
            background-image: url("../images/PSU-Power_960.jpg");
            background-position: top center;
            background-repeat: no-repeat;
            min-height:940px;
        }

        #PSU-Power .title{
            font-size:30px;            
            margin-top:00px;
        }

        #PSU-Power .text{
            width:100%;
        }
    
        #smartfan5fan .conbox1{             
             width: 100%;
        }
        #smartfan5fan .conbox2{             
             width: 100%;
        }

        #smartfan5fan .conbox2 .title{
            margin:100px 0px 60px 0px;            
        }

        #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;
        }
        #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;
        }

        #antisulfur {
            background-image: url("../images/mb_anti_960.jpg");
            background-position: top center;
            min-height: 1000px;
        }

        #hdaudio .hdaudio-ac ul{
            margin-left:0%;
        }
        #hdaudio .hdaudio-ac ul li{
            margin-left:0px;
            width:40%;
            font-size:0.7em;
            line-height: 1.5em;
            height:240px;
        }
        #appcenter {
                background-image: url("../images/mb_appcenter_960.jpg");
                min-height: 500px;
        }

            
                    

}

@media screen and (max-width: 640px) {
        #gotop{
                width:100%;
                height:auto;
                background-image:url(""); 
				background-color:rgba(51,51,51, 0.8);
				color:#FFFFFF;
				border-radius:0px;
				margin:0px;
				padding:10px;
				cursor:pointer;
				text-align:center;
				font-size:13px;
				bottom:0px;
				right:0%;
				position:fixed;	
				display:none;
				transition:all 0.3s linear;
				font-family: Arial, Helvetica, sans-serif;
            }
        #Cost-saving .table-data{                   
            font-size:14px;
            line-height: 20px;        
            margin-top:20px;            
        }    

        #Cost-saving tr:first-child td{
            padding:10px;
            padding-left:4%;
            padding-right:2%;                        
        }

        #Switch-Card {
            background-image: url("../images/Switch-Card_640.jpg");
            background-position: top center;
            background-repeat: no-repeat;
            min-height: 740px;
        }

        #Switch-Card .subtitle{
            font-size:30px;            
            margin-top:40px;
        }

        #PSU-Power {
            background-image: url("../images/PSU-Power_640.jpg");
            background-position: top center;
            background-repeat: no-repeat;
            min-height:570px;
        }

        #PSU-Power .title{
            font-size:30px;            
            margin-top:00px;
        }

            
        #smartfan5fan .conbox2 .title{
            margin:200px 0px 0px 0px;            
        }


        #smartfan5 {
            background-image: url("../images/mb_smartfan5_640.jpg");
            min-height: 860px;
        }
        #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;
        }
        #diagnostic {                
                background-image: url("../images/mb_diagnostic_640.jpg");
                background-position: center 0px;
                min-height: 750px;                
        }

        #hdaudio .hdaudio-ac ul{
            margin-left:0%;
        }

        #hdaudio .hdaudio-ac ul li{
                width:100%;
                height:auto;
        }

        #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;
            clear:both;
        }
        #bios .title {
                font-size:1em;
        }


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


}