/* 首頁 main.php 專用 */
#main{
    margin-left: 0;
    background: #fff;
    padding: 0;
    min-height:500px;
    height: 500px;
}
#main ul{
    margin: 0;
    padding: 0;
}
#main ul li{
    list-style: none;
    list-style-image: none;
}
#main1{
    background: none;
}
#main2{
    padding: 0;
}

/* 新聞區塊 */
.boxL{
    float: left;
    width: 220px;
}
.about {

    background: #6eceb2;
    position: relative;

}
.about h2{
    color: #fff;
    padding-left: 28px;
    background: url(cssimg/boxA_icon.jpg) left 2px no-repeat;
    font: 20px/1.3 "微軟正黑體";
}
.about2{
    padding: 25px;
}
.about .pic{
    width: 170px;
}
.about .pic img{
    width: 100%;
    height: auto;
}

.about #ppp p {
    font: 15px/28px "微軟正黑體";
    color: #fff;
}
.adplay {
    padding-top: 62px;
}
.events {
    float: right;
    width: 730px;
    background: #f0f0ee;
    position: relative;
    min-height:440px;
}
.events h2{
    color: #2b2725;
    padding-left: 28px;
    background: url(cssimg/boxB_icon.jpg) left 2px no-repeat;
    font: 20px/1.3 "微軟正黑體";
}
.events2{
    padding: 25px;
}
.events h2{
}

.events ul{
}

.events li{
    color: #8e8e8e;
    font: 15px/24px 'open sans',sans-serif;
    margin: 0 0 20px;
    overflow: hidden;
}
#date{
    color: #5cc1a3;
    float: left;
}
.events li a{
    display: block;
    font: 15px/24px 'open sans',sans-serif;
    letter-spacing: 0.02em;
    float: right;
    width: 585px;
    color: #5d5550;
}
.events li a:hover{
    color: #1667B5;
}

.pic  {
    background: #fff;
	border : 1px solid #ccc;
    float : left;
    margin : 0 5px 5px 0;
	padding : 3px;
}	

.note{
    text-align: right;
    position: absolute;
    bottom: -45px;
    right: 0;
}

.note a{
    display: block;
    line-height: 40px;
    font-size: 15px;
    background: #9e9996;
    color: #fff;
    padding: 0 19px;
}
.note a:hover{
    background: #222;
    transition:0.3s;
}