body{
		margin:0px;
		padding: 0px
	}


 	
    /*瀑布流範圍*/
    #grid {
        height: auto;
        width: 100%;/*寬度100%填滿*/
        max-width:1300px;/*寬度請依該網站之設計為準*/
        margin: 0 auto;
        background-color: inherit;/*背景色-基本不用(依外層背景色)*/
    }

    /*單格項目*/
    .grid-item {
        border: 1px solid #D2D2D2; /*外框樣式-粗細不建議變動，變了要更改width*/
        padding: 0px 0px 10px 0px;/*內邊距-不建議變動，變了要更改width*/
        margin: 10px 25px 10px 0;/*外邊距-不建議變動，變了要更改width*/
        background-color: #fff;/*背景色*/
        line-height: 150%;
        letter-spacing: 1pt;
        -webkit-border-radius: 0px;/*圓角*/
        -moz-border-radius: 0px;/*圓角*/
        border-radius: 0px;/*圓角*/
        overflow: hidden;
        display: inline-block;
        width: calc(100%/3 - 28px);/*單格寬度*/
    }

    /*圖片*/ 
    .grid-item img {
        width: calc(100% - 20px);/*100%-左右內邊距*/
        height:auto;
        padding:10px 10px 0px 10px;/*內邊距*/
    }


    /*標題*/
    .grid-item h1 {
    	padding:20px 20px 0px 20px;/*內邊距*/
        font-size: 18px;/*字體大小*/
        color: #43978D;/*字體顏色*/
        font-weight: bold;
    }

    /*標題-HOVER效果*/
    .grid-item h1:hover {
      color: #4169E1;/*字體顏色*/
    }


	/*內文簡介*/
    .grid-item .post_content{
    	padding:15px 20px 10px 20px;/*內邊距*/
    	font-size: 18px;/*字體大小*/
        line-height: 27px;
        color: #4F4F4F;/*字體顏色*/
    }

    .grid-item .post_content p{
        padding:0px 0px;/*內邊距*/
    }


    /*分類1*/
   .grid-item .category{
   	    padding:0px 20px;/*內邊距*/
    	font-size: 13px;/*字體大小*/
        color:#43978D;/*字體顏色*/
        font-weight: bold;/*粗體*/
        display: inline-block;
   }

     .grid-item .category a:hover{
        color: #4169E1;/*字體顏色*/
     }



    /*日期時間*/
    .grid-item .date{
   	    padding:0px 10px;/*內邊距*/
    	font-size: 13px;/*字體大小*/
        color: #008B8B;/*字體顏色*/
        font-weight:bold;/*粗體*/
        display: inline-block;
   }
	

    /*超連結預設reset*/
    .grid-item a {
        text-decoration: none;
        color: inherit;
    }





/*pad*/
@media screen and (max-width: 980px) {
    .grid-item {
        padding: 0px 0px 10px 0px;/*內邊距-不建議變動，變了要更改width*/
        margin: 10px 10px 10px 10px;/*外邊距-不建議變動，變了要更改width*/
        width: calc(100%/2 - 23px);/*單格寬度*/
    }
}

/*mobile*/
@media (max-width: 480px) {
     .grid-item {
        padding: 0px 0px 10px 0px;/*內邊距-不建議變動，變了要更改width*/
        margin: 10px 12px 10px 12px;/*外邊距-不建議變動，變了要更改width*/
        width: calc(100% - 26px);/*單格寬度*/
    }
}




/*for展翅*/