.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{
				width:100px;
				background-color:rgba(112,112,112, 0.8);
				color:#fff;
				border-radius:10px;
				margin:10px;
				padding:10px;
				cursor:pointer;
				text-align:center;
				font-size:13px;
				bottom:46px;
				right:4%;
				position:fixed;	
				display:none;
				transition:all 0.3s linear;
				font-family: Arial, Helvetica, sans-serif;
			}

			#gotop:hover{
				background-color:#0095FF; 
            }

/* table */            
        .model_table{
            margin-top:4%;            
            background:#0058FF;
            color:#fff;
            width:100%;
            margin:0 auto;
            border: 1px solid #fff;
            border-collapse: collapse;
            font-family: 'Roboto Condensed', sans-serif, '微軟正黑體', Microsoft JhengHei;
            font-family: 'Roboto Condensed', '微軟正黑體' !important;
            font-size:22px;            
            text-align: center;            
        }


        .model_table thead{
            background: #0023C0;
            border-right: none;
            border-left: none;
            font-size:24px;
            line-height: 30px;

        }

        .model_table td {
            border-bottom: 1px solid #fff;
            border-right: 1px solid #fff;
            padding:20px;                        
        }

        .model_table tr:first-child tr:first-child {
            background: #0058FF;
            border-right: none;
            border-left: none;            
        } 

        .model_table td:first-child + td {
            width:20%;
            
        } 

   
        .model_table th, td {
            border: 1px solid #fff;
            padding: 20px;            
        }           
        #mainpage {            
            background-image: url("../images/mainpage_1920.jpg");
            background-position: top center;
            background-repeat: no-repeat;
            min-height: 1260px;            

        }

        #mainpage .title{            
            font-size:150px;
            line-height:150px;
            padding-top:100px;             
            text-align: center;            
        }

        #mainpage .text{     
            margin-top:30px;       
            font-size:70px;
            line-height:70px;
            color:#fff;
            font-weight: 500;   
            text-align: center;            
        }


        #nandflash {           
            margin-top:-10%;            
        }

        #nandflash .subtitle{
            color:#FFFF00;    
        }

        #nandflash .subtitle2 ol li{
            width:20%;
            border:4px solid #0000FF;
            padding:16px;
            background: #0000ff;
            background: -moz-linear-gradient(top, #0000ff 1%, #0000ff 11%, #000085 100%);
            background: -webkit-linear-gradient(top, #0000ff 1%,#0000ff 11%,#000085 100%);
            background: linear-gradient(to bottom, #0000ff 1%,#0000ff 11%,#000085 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0000ff', endColorstr='#000085',GradientType=0 );
            float:left;
            margin-right:1%;
            font-size:22px;
            text-align: center;
            font-weight: bold;
        }

        #ssdtablesmall{
            display:none;
        }      

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

        }
        #ssdrivetable .ssdtable {
            width:100%;
            background-color: #fff; 
            font-size:30px;           
        }
        #ssdrivetable .ssdtable ol{             
            float:left;
            padding-left:100px;
            width:300px;
            text-align: center;

        }
        #ssdrivetable .ssdtable ol li{                         
            padding:24px;

        }
        #ssdrivetable .ssdtable ol li img{                         
            padding-left:20px;
            margin-top:-10px;            
        }

        #warranty3years {            
            background-image: url("../images/warranty_1920.jpg");
            background-position: top center;
            background-repeat: no-repeat;
            min-height: 1000px;
        }

        #warranty3years .title{            
            margin-top:4%;
        }

        #warranty3years .textsub2{
            margin-top:50%;
        }

/*ssdrive*/     

        #ssdrive {       
            background-image: url("../images/ssdrive_1920.jpg");
            background-position: top center;
            background-repeat: no-repeat;
            min-height: 960px;   
            position:relative;                   
        }


        #ssdrive .ssdrivenote1{
            position: relative;     
            top:66px;           
            left:80px;
            width:500px;
            font-size:40px;
            line-height: 40px;          
            color:#fff;
            text-align: center;
        }

        
        #ssdrive .ssdrivenote2{
            position: relative;        
            top:-96px;           
            left:760px;
            width:400px;
            font-size:40px;
            line-height: 40px; 
            color:#fff;        
            text-align: center;
        }

        #ssdrive .ssdrivenote1 .text, #ssdrive .ssdrivenote2 .text{
            font-weight: bold;
            font-size:24px;            
        }

        
        
        .ssdrive-s{
            display:none;
        }   
        #ssdrive .spec1{         
            position:relative;
            width:890px;
            float: left;   
            color:#0095FF; 
        }

        #ssdrive .spec1 .imgset img{
            width:auto;
            float:right;
            cursor: pointer;
            transition: all 0.2s linear;
            -webkit-transition: all 0.2s linear;            
        }

        #ssdrive .spec2 .imgset img{
            cursor: pointer;
            transition: all 0.2s linear;
            -webkit-transition: all 0.2s linear;
        }

        #ssdrive .spec1 .imgset img:hover, #ssdrive .spec2 .imgset img:hover{
            filter:brightness(1.5);
            -webkit-filter:brightness(1.5);
        }


        #ssdrive .speclist{
            position: absolute;             
            
        }
        

        #ssdrive .spec1 .speclist{
            text-align: right;
            right:780px;
        }
        #ssdrive .spec2{
            position:relative;                        
            width:800px;
            float: left;  
            color:#0095FF;
        }
        #ssdrive .spec2 .speclist{
            text-align: right;            
            right:90px;
        }
        
        #ssdrive .specpoint{
            width:30px;
            height:30px;
            border-radius:50%;          
            background-color:#0095FF;
            color:#000;
            font-size:1em;
            line-height: 1.8em;
            margin-right:6px;
            text-align: center;
            display: inline-block;
            margin-bottom:4%;
            display:none;                   
        }
        
        .spec1 #specitemlist01{
            top:160px;            
        }
        .spec1 #specitemlist02{
            top:230px;
        }
        
        
        .spec2 #specitemlist01{
            top:-6px;            
        }
        .spec2 #specitemlist02{
            top:70px;
        }
        .spec2 #specitemlist03{
            top:150px;
        }
        .spec2 #specitemlist04{
            top:220px;
        }
        .spec2 #specitemlist05{
            top:300px;
        }
        .spec2 #specitemlist06{
            top:376px;
        }






@media screen and (max-width: 1366px) {
/* table */
            .model_table{   
                    width:60%;
            }

            #mainpage .title{            
                font-size:100px;
                line-height:100px;
                padding-top:100px;
            }

            #mainpage .text{     
                margin-top:30px;       
                font-size:70px;
                line-height:70px;               
            }

            #nandflash .subtitle2 ol li{
                width:18%;
                height:60px;
            }

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

         #ssdrivetable .ssdtable {
            width:100%;
            background-color: #fff; 
            font-size:26px;           
        }
        #ssdrivetable .ssdtable ol{             
            float:left;
            padding-left:30px;
            width:270px;
            text-align: center;

        }
        #ssdrivetable .ssdtable ol li{                         
            padding:18px;

        }
        #ssdrivetable .ssdtable ol li img{                         
            padding-left:10px;
            margin-top:-10px;            
        }


        #warranty3years {            
            background-image: url("../images/warranty_1920.jpg");
            background-position: top center;
            background-repeat: no-repeat;
            min-height: 1100px;
        }

        #warranty3years .textsub2{
            margin-top:70%;
        }


        
        /*ssdrive*/     

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


         #ssdrive .ssdrivenote1{
            position: relative;     
            top:20px;           
            left:0px;
            width:400px;
            font-size:30px;
            line-height: 30px;          
            color:#fff;
            text-align: center;
        }

        
        #ssdrive .ssdrivenote2{
            position: relative;        
            top:-110px;           
            left:480px;
            width:400px;
            font-size:30px;
            line-height: 30px; 
            color:#fff;        
            text-align: center;
        }

        #ssdrive .ssdrivenote1 .text, #ssdrive .ssdrivenote2 .text{
            font-weight: bold;
            font-size:24px;            
            margin-top:6px;
        }
        
        .ssdrive-s{
            display:none;
        }   
        #ssdrive .spec1{         
            position:relative;
            width:840px;
            float: left;   
            color:#0095FF; 
        }

        #ssdrive .spec1 .imgset img{
            width:auto;
            float:right;
            cursor: pointer;
            transition: all 0.2s linear;
            -webkit-transition: all 0.2s linear;            
        }

        #ssdrive .spec2 .imgset img{
            cursor: pointer;
            transition: all 0.2s linear;
            -webkit-transition: all 0.2s linear;
        }

        #ssdrive .spec1 .imgset img:hover, #ssdrive .spec2 .imgset img:hover{
            filter:brightness(1.5);
            -webkit-filter:brightness(1.5);
        }


        #ssdrive .speclist{
            position: absolute;             
            
        }
        

        #ssdrive .spec1 .speclist{
            text-align: right;
            right:780px;
        }
        #ssdrive .spec2{
            position:relative;                        
            width:570px;
            float: left;  
            color:#0095FF;
        }
        #ssdrive .spec2 .speclist{
            text-align: right;            
            right:90px;
        }
        
        #ssdrive .specpoint{
            width:30px;
            height:30px;
            border-radius:50%;          
            background-color:#0095FF;
            color:#000;
            font-size:1em;
            line-height: 1.8em;
            margin-right:6px;
            text-align: center;
            display: inline-block;
            margin-bottom:4%;
            display:none;                   
        }
        
        .spec1 #specitemlist01{
            top:140px;            
        }
        .spec1 #specitemlist02{
            top:200px;
        }

        

        

        
        .spec2 #specitemlist01{
            top:20px;            
        }
        .spec2 #specitemlist02{
            top:70px;
        }
        .spec2 #specitemlist03{
            top:130px;
        }
        .spec2 #specitemlist04{
            top:190px;
        }
        .spec2 #specitemlist05{
            top:240px;
        }
        .spec2 #specitemlist06{
            top:290px;
        }






}

@media screen and (max-width: 960px) {
/* table */    
            .model_table{   
                    width:60%;
            }
            .model_table{
               font-size:16px;
            }   
            .model_table thead{                
                font-size:16px;
                line-height:22px;
                font-weight: bold;
            }

            #mainpage {            
                background-image: url("../images/mainpage_960.jpg");
                background-position: top center;
                background-repeat: no-repeat;
                min-height: 900px;
            }

            #mainpage .title{            
                font-size:68px;
                line-height:68px;
                padding-top:40px;
            }

            #mainpage .text{     
                margin-top:30px;       
                font-size:40px;
                line-height:40px;
                color:#fff;
                font-weight: 500;
            }

            #nandflash {           
                margin-top:-24%; 
            }

            #nandflash .subtitle2 ol li{
                width:40%;
                height:60px;
            }

             #warranty3years {            
            background-image: url("../images/warranty_960.jpg");
            background-position: top center;
            background-repeat: no-repeat;
            min-height: 640px;
            }
            #warranty3years .title{
                margin-top:0px;
            }
            #warranty3years .textsub2{
                margin-top:70%;
            }

        #ssdrivetable{
            display:none;
        }    

        #ssdtablesmall{
            display:block;
        }    
         
        /*mb-spec*/

		#ssdrive {		
            background-image: url("");
            background-position: top center;
            background-repeat: no-repeat;					
			overflow: hidden;
		}
		.ssdrive-s{
			display:block;
		}
		#ssdrive .text{		
			font-size:0.6em;
			overflow: hidden;
		}

		#ssdrive .spec1{			
			position: relative;
			display: inline-block;
			width:100%;
			padding-bottom: 4%;
		}

		#ssdrive .speclist{
			position:  relative;	
		}

		#ssdrive .spec1 .speclist{			
            padding-left:20%;
			left:0px;			
            text-align: left;
            font-size:26px;
        }
        #ssdrive .specpoint{
            width:40px;
            height:40px;
        }    
		#ssdrive .spec2{
			display: inline-block;
			position:  relative;
			width:100%;
			right:0%;
			left:3%;
			
        }
        
        #ssdrive .spec2 .speclist{
            padding-left:20%;
            text-align: left;            
            right:0px;
             font-size:26px;
        }
		#ssdrive .specpoint{		
			display:inline-block;

			
			
		}
        .spec1 #specitemlist01{
            top:0px;            
        }
        .spec1 #specitemlist02{
            top:0px;
        }
        .spec1 #specitemlist03{
            top:0px;
        }

        

        
        .spec2 #specitemlist01{
            top:0px;            
        }
        .spec2 #specitemlist02{
            top:0px;
        }
        .spec2 #specitemlist03{
            top:0px;
        }
        .spec2 #specitemlist04{
            top:0px;
        }
        .spec2 #specitemlist05{
            top:0px;
        }
        .spec2 #specitemlist06{
            top:0px;
        }

         #ssdrive .ssdrivenote1{
            top:0px;           
            left:0px;
            text-align: center;
            margin-top:100px;
            width:auto;
        }

        #ssdrive .ssdrivenote2{
            top:0px;           
            left:0px;            
            text-align: center;
            font-size:30px;  
            width:auto; 
        }




      
}

@media screen and (max-width: 640px) {
/* TOP */
			#gotop{
				width:100%;				
				border-radius:0px;
				margin:0px;				
				bottom:0px;
				right:0%;
            }

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



/* table */  
            .model_table{   
                    width:100%;
            }
            .model_table{
               font-size:16px;
            }    
            .model_table tr {
               border: 1px solid #fff;
            }
               
            .model_table th {
               display: none;

            }
               
            .model_table td {
                display: block;
                border: none;
            }
               
            .model_table td:before {                
                content: attr(data-th) " : ";                
                margin-right: 10px;
                color: #fff;
            }
            .model_table th, td {
            text-align: left
        }

        #nandflash .subtitle2 ol li{
            width:100%;   
            height:auto;         
        }  
        
         #warranty3years {            
            background-image: url("../images/warranty_640.jpg");
            background-position: top center;
            background-repeat: no-repeat;
            min-height: 700px;
            }
            #warranty3years .title{
                margin-top:0px;
            }
            #warranty3years .textsub2{
                margin-top:94%;
            }


        #ssdrive .ssdrivenote2{
            font-size:20px;  
            width:300px; 
        }

        
        #ssdrive .ssdrivenote4{
            font-size:20px;  
            width:300px; 
        }



}