/*gv*/
.gv {
	
	width: 98%;
    margin:0 auto;
    line-height:1.5em;	
   
}

.gv_title {
	color:#333333;
	font-size:1em;
	padding:5px ;
	border-bottom:1px #CCCCCC dashed;
    
	}
.gv_title A:link  {
	color:#333;
	text-decoration:none;
	font-size:1em;
    display:block;
}
.gv_title A:visited {
	color:#333;
	text-decoration:none;
	font-size:1em;
}
.gv_title A:hover {
	color:#2487ca;
	text-decoration:none;
	font-size:1em;
    display:block; 
  
}


/*.gv_title {
    width:40%;
    max-width:40%;

}*/



/*標題*/
.th01{
    
	background-image:url(../images/th_bg01.png);
	background-color:#f1f1f1;	
	color:#333333;
	font-size:1em;
	text-align:center;
    line-height:2em;	
	background-position:top;
	background-repeat:repeat-x;	
	}


/*分頁*/
.gv_bottom {    
    /*display: inline-block;*/
    padding-left: 0;   
    border-radius: 4px;
   
}

.gv_bottom table > tbody > tr > td {
    display: inline;  
   
}

.gv_bottom table > tbody > tr > td > a,
.gv_bottom table > tbody > tr > td > span {
    position: relative;
    float: left;
    padding: 8px 12px;
    line-height: 1.42857143;
    text-decoration: none;
    color: #333;
    background-color: #f1f1f1;
    border: 1px solid #dddddd;
    margin-left: -1px;
    margin-top: 1em ;
}

.gv_bottom table > tbody > tr > td > span {
    position: relative;
    float: left;
    padding: 8px 12px;
    line-height: 1.42857143;
    text-decoration: none;    
    margin-left: -1px;
    z-index: 2;
    color: #333;
    background-color: #d7d7ff;
    border-color: #dddddd;
    cursor: default;
}

.gv_bottom table > tbody > tr > td:first-child > a,
.gv_bottom table > tbody > tr > td:first-child > span {
    margin-left: 0;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
}

.gv_bottom table > tbody > tr > td:last-child > a,
.gv_bottom table > tbody > tr > td:last-child > span {
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
}

.gv_bottom table > tbody > tr > td > a:hover,
.gv_bottom table > tbody > tr > td > span:hover,
.gv_bottom table > tbody > tr > td > a:focus,
.gv_bottom table > tbody > tr > td > span:focus {
    color: #fff;
    background-color: #bfbffd;
    border-color: #dddddd;
}
.media_title {
    font-size :1.5em; color :#195eab; font-weight :bold ;
}

@media (max-width: 1024px) {
    .gv {	
	width: 99%;
	margin:10px auto;
} 

}

@media (max-width: 900px) {
   
    .gv_title {
    width:35%;
    max-width:38%;

}
    .gv_addtime {
	    width:10%;
        max-width:10%;
	    }


     .gv_uptime {
	    width:12%;
        max-width:12%;
	    }

}
@media (max-width: 767px) {
   
    .gv_title {
    width:35%;
    max-width:38%;

}
    .gv_addtime {
	    width:12%;
        max-width:12%;
	    }


     .gv_uptime {
	    width:14%;
        max-width:14%;
	    }

}
@media (max-width: 480px) {
    .gv {	
	width: 99%;
	margin:10px auto;
}
     .gv_addtime {	
	    width: 15%; 
        font-size:13px;
}
     .gv_uptime {	
	    width: 15%; 
        font-size:11px;
}
    .gv_title  {	
	    width: 38%; 
}
    
    .gv_file {
         width: 20%;   
    }

   .gv .th480{
        background-color:#f1f1f1;
        background-image:none;
        border-top:2px solid #2a83a8;
	    /*background-image:url(../images/th_bg01.png);
	    background-color:#f1f1f1;	*/
	    color:#fff;
	    font-size:0.9em;
	    text-align:left;
        line-height:1.5em;	
	    /*background-position:top;*/
	    /*background-repeat:repeat-x;*/	
	}

            
}

@media (max-width: 360px) {
    .gv {	
	width: 99%;
    font-size:0.9em;
	margin:10px auto; 

}

}

@media (max-width: 320px) {   
   
 .gv ul li {
     list-style-image:url(../images/service_list.png);

} 
 .gv .th480{
        background-color:#f1f1f1;
        background-image:none;
        border-top:2px solid #2a83a8;
	    /*background-image:url(../images/th_bg01.png);
	    background-color:#f1f1f1;	*/
	    color:#fff;
	    font-size:0.875em;
	    text-align:left;
        line-height:2.5em;	
	    /*background-position:top;*/
	    /*background-repeat:repeat-x;*/	
	}
   .gv_uptime {	
	    width: 18%; 
        font-size:13px;
} 
     .gv_title  {	
	    width: 35%; 
}
}