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


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

            
        .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;            
            margin-bottom: 2%;
        }



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

        }

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

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


        #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;
            height:60px;
        }

        #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:24px;    
            line-height: 36px;
        }
        #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 {       
            background-image: url("../images/ssdrive_1920.jpg");
            background-position: top center;
            background-repeat: no-repeat;
            min-height: 960px;   
            position:relative;                   
        }

        #ssdrive .title{
            font-size:1.8em;
        }


        #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:20px;   
            height:40px;                
        }

        
        
        .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) {

            .model_table{   
               width:100%;
            }
            #ssdlist .title{
                font-size:2em;
            }

            .model_table thead{         
            font-size:20px;
            line-height: 30px;
           }

            #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:20px;       
            line-height: 32px;    
        }
        #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%;
        }

        #warranty3years .title{            
            font-size:1.4em;
        }
        
             

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

        #ssdrive .title{       
            height:126px;
            line-height: 1em;
        }


         #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:-140px;           
            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:70px;            
        }
        .spec1 #specitemlist02{
            top:120px;
        }

        

        
        .spec2 #specitemlist01{
            top:-60px;            
        }
        .spec2 #specitemlist02{
            top:0px;
        }
        .spec2 #specitemlist03{
            top:50px;
        }
        .spec2 #specitemlist04{
            top:100px;
        }
        .spec2 #specitemlist05{
            top:160px;
        }
        .spec2 #specitemlist06{
            top:210px;
        }






}

@media screen and (max-width: 960px) {
    
            .model_table{   
                    width:60%;
            }
            #ssdlist .title{
                font-size:1.2em;
            }  
            .model_table thead{                
                font-size:13px;
                line-height:20px;
                font-weight: bold;
            }
            .model_table th, td {            
            padding: 10px;            
            }    

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

		#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{
            position: none;     
            top:0px;           
            left:0px;
            width:100%;
            margin-top:10%;      

        }
        
        #ssdrive .ssdrivenote2{
            position: none;        
            top:0px;           
            left:0px;
            width:100%;
             margin-bottom:30%;

        }

        #ssdrive .ssdrivenote1 .text, #ssdrive .ssdrivenote2 .text{
            height:auto;
        }
        




        





      
}

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

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


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

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



  
            .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;
                font-size:30px;
            }
            #warranty3years .textsub2{
                margin-top:94%;
            }

            #ssdrive .title{
                font-size:30px;
            }


            #ssdrive .ssdrivenote1{
                position: none;     
                top:0px;           
                left:0px;
                width:100%;
                margin-top:0%;                  
                height:auto;
            }
            #ssdrive .ssdrivenote2{
                position: none;        
                top:0px;           
                left:0px;
                width:100%;
                height:auto;                
                margin-bottom: 0%;
            }


}