@charset "utf-8";
@import url(http://fonts.googleapis.com/css?family=Roboto:300,400,700&subset=latin);
/* CSS Document */
body{font-family:'Roboto Lt', 'Roboto Th', 'Segoe UI', 'Open Sans', "微軟正黑體", "Microsoft JhengHei", 'Lucida Grande', 'Lucida Sans Unicode', Arial, Verdana, sans-serif; }


a {
	color: #00a8ff;
	outline: none;
	text-decoration: none;
	font-family: 'Roboto Lt', 'Roboto Th', 'Segoe UI', 'Open Sans', "微軟正黑體", "Microsoft JhengHei", 'Lucida Grande', 'Lucida Sans Unicode', Arial, Verdana, sans-serif;
	transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
}
a:hover {
	color:  #0070bf;
	text-decoration: none;
}

/*------------------------------------------*/
.out_table {
    box-sizing: border-box;
	width: 100%;
    height: auto;
    /*overflow: hidden;*/
   
}


.out_table table, tbody, tr, td {
    border: 1px #e6e6e6 solid;
	border-collapse: collapse;
	font-family: "Roboto Condensed";
    font-weight: 400;
	
}

.out_table  tr, td {
   padding:1%;
	
}


.out_table tr:nth-child(odd) {
    background-color: #f2f2f2;
}


/*title*/
.out_table tr.tdtitle {
    background: #00a8ff;
    color: #ffffff;
    font-size: 16px;
	
}

.out_table tr.tdtitle, tr.tdtitle td {
   border: 1px #3ebbfe solid;
}


@media all and ( max-width: 420px ) {
	.out_table  tr, td {
		font-size:12px;
	}
	
}