@import url('https://fonts.googleapis.com/css?family=Oswald');
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:400italic,400,300,700');


    	body {
            font-size: 30px;
            background: #000;
            padding: 0;
            margin: 0;
            color: #fff;
        }

    	.title {
    		font-family: 'Oswald', sans-serif, '微軟正黑體', Microsoft JhengHei;
            font-family: 'Oswald', '微軟正黑體' !important;
            font-size: 1.8em;
            line-height: 1.2em;
            color: #fff;
            margin-bottom: 2%;
            margin-top:4%;
        }
        
        .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;
        }

		img {
            width: 100%;
            outline: none;
            border: 0;
        }

        .img-responsive {
			display: block;
			max-width: 100%;
			height: auto;
		}

		.frame {
            margin: 0 auto;
            padding: 1em 0;
            overflow: hidden;
            width: 1366px;
        }

        #rj45 .conbox1{
             position: relative;
             display: inline-block;
             width: 50%;
        }

        #rj45 .conbox2{
             display: inline-block;
             position: relative;
             width:46%; 
             margin-left:2%;
             vertical-align:top;
        } 


        .s_table1{
            margin-top:16%;
          width:100%;

        } 
        .s_table1 td, .s_table1 td{
            padding:14px; 
            border: 1px solid #5591FF;
            text-align:center;
            vertical-align:middle;
        }

        .s_table1 .t2{
            font-size:2em;           
            font-weight: bold;
        }


        .s_table td{ 
            padding:10px; 
            border: 2px solid #999;
            text-align:left;
        }

        .s_table{
          width:100%;
        } 

        .s_table tr:nth-child(odd){ background:#363533;}
        .s_table tr:nth-child(even){ background:#5a5657;}


        .s_table td:first-child{
            background:#000;           
        }





	
@media screen and (max-width: 1366px) {
        .frame {
             width: 960px;
        }


       
	

}        
        
        


@media screen and (max-width: 960px) {
        .frame {
            width: 640px;
            padding: 1.5em 0;
        }

         #rj45 .conbox1{
             position: relative;
             display: inline-block;
             width: 100%;
        }

        #rj45 .conbox2{
             display: inline-block;
             position: relative;
             width:100%; 
             margin-left:2%;
             vertical-align:top;
        } 

     


}        
        
            
@media screen and (max-width: 640px) {
        .frame {
	        padding: 1em 0;
	        width: 480px;
	        padding-left: 10px;
	        padding-right: 10px;             
        }
	
}        


@media screen and (max-width: 480px) {
        .frame {
	        padding: 1em 0;
	        width: 320px;
	        padding-left: 10px;
	        padding-right: 10px;
              
        }

        .title {
            font-size: 1em;
            line-height: 1.4em;
        }


}