@charset "utf-8";
/* CSS Document */

/*===============================================
                 首頁整體設定
=================================================*/

body {
}

.content-wrap {

}


@media screen and (max-width: 768px){	



}


/*===============================================
                  首頁banner區塊
=================================================*/

#index_banner #oc-slider {
    padding: 0 !important;
}

/*===============================================
                 各主架構區塊
=================================================*/

.section.topmargin-lg {
    padding: 45px 0;
}

.section .container {
    position: relative;
}

/*各主架構區塊-主標題文字樣式*/

.section.topmargin-lg .title h2 {
    min-height: 100%;
    font-size: 25px;
    color: #4c7689;
    font-weight: normal;
    writing-mode: tb-rl;
    display: inline;
    margin: 0;
    background-image: url(../images/index_title_bg_01.png);
    background-repeat: no-repeat;
    background-position: left top;
    padding-left: 10px;
    position: absolute;
    left: 0;
    top: 0;
}

@media screen and (max-width: 991px){	

.section.topmargin-lg .title h2 {
    writing-mode: inherit;
    position: relative;
    display: block;
    margin-bottom: 30px;
}

}

/*===============================================
                  第一內容區塊
=================================================*/

#home_main_0 {
	overflow: inherit;
	padding-bottom: 60px;
}

@media screen and (max-width: 991px){	

#home_main_0 {
    padding: 45px 0;
}

}

/*===============================================
                  關於本協會區塊
=================================================*/

/*關於本協會區塊-主區塊*/

.about_box {
    padding-left: 110px;
}

/*關於本協會區塊-圖片樣式*/

.about_box #img_box img {
    width: 100%;
	height: auto;
}

/*關於本協會區塊-裝飾色塊設定*/

.about_box .cover {
    width: 95%;
    height: 100%;
    position: absolute;
    top: 15px;
    right: 0px;
    background-color: #d9e0e3;
    z-index: -1;
}

/*關於本協會區塊-文字色塊*/

.about_box #text_box {
	min-height: 288px;
    font-size: 16px;
    color: #5c5c5c;
    line-height: 26px;   
}

.news_box .entry-content p {
    height: 135px;
    overflow: hidden;
}

/*關於本協會區塊-更多文字樣式*/

.about_box .more {
    font-size: 17px;
    color: #fff;
    text-align: center;
    display: block;
    background-color: #88bac8;
    padding: 5px 15px;
    position: absolute;
    right: 15px;
    bottom: 0;
}

@media screen and (max-width: 991px){	

.about_box {
    padding: 0 15px;
}

.about_box #img_box {
    margin-bottom: 25px;
}

.about_box .cover {
	display: none;
}

.about_box #text_box {
    min-height: auto;
}

.about_box .more {
    width: 100%;
    position: relative;
    right: 0;
    margin-top: 25px;
}

}

/*===============================================
                  第三內容區塊
=================================================*/

#home_main_2 {
	background-image: url(../images/news_box_bg.jpg);
	background-repeat: repeat;
	background-position: left top;
}

/*===============================================
                 最新消息區塊
=================================================*/

/*最新消息區塊-主區塊*/

.news_box {
    padding-left: 110px;
}

/*最新消息區塊-主標題文字樣式*/

.section.topmargin-lg .news_box .title h2 {
    color: #fff;
	background-image: url(../images/index_title_bg_02.png);
}

/*最新消息區塊-日期區塊*/

.news_box .day_box {
    position: relative;
    margin-bottom: 15px;
}

/*最新消息區塊-日期文字樣式*/

.news_box .day_box .date {
    font-size: 40px;
    color: #fff;
    font-weight: bold;
    position: absolute;
    top: -9px;
    left: 2px;
}

.news_box .day_box .month {
    font-size: 34px;
    color: #fff;
    position: absolute;
    left: 70px;
    bottom: 3px;
}

.news_box .day_box .bar {
	width: 120px;
	height: 70px;
	font-size: 0;
	color: #fff;
	display: block;
	background-image: url(../images/news_bar_bg.png);
	background-repeat: no-repeat;
	background-position: center center;
}

/*最新消息區塊-新聞標題樣式*/

.news_box .entry-title {
    max-height: 55px;
    overflow: hidden;
    margin-bottom: 25px;
}

.news_box .entry-title a {
    font-size: 18px;
    color: #fff;
	font-weight: bold;
}

/*最新消息區塊-內文區塊*/

.news_box .entry-content {
    height: 135px;
	font-size: 15px;
    color: #fff;
    overflow: hidden;
    margin-bottom: 30px;
}

/*最新消息區塊-左右按鈕樣式*/

.news_box .owl-carousel .owl-nav [class*=owl-] {
    font-size: 36px;
    color: #88b9c8;
    border-radius: 0;
    border: 0px solid rgba(0,0,0,0.2);
}

.news_box .owl-carousel .owl-nav [class*=owl-]:hover {
    background-color: #4290c7 !important;
}

/*最新消息區塊-更多文字樣式*/

.news_box .more_box a {
    font-size: 17px;
    color: #618ba0;
    text-align: center;
    display: block;
    background-color: #ffffff;
    padding: 5px;
}

@media screen and (max-width: 991px){	

.news_box {
    padding: 0 15px;
}

/*.news_box .entry-content p {
    height: auto;
}*/

}


/*===============================================
                  第四內容區塊
=================================================*/

#home_main_3{


}

/*===============================================
                 活動花絮區塊
=================================================*/

.activity_box {
    padding-left: 110px;
}

/*活動花絮區塊-輪播區塊*/

.activity_box #oc-portfolio {
    margin-bottom: 30px;
}

/*活動花絮區塊-列表區塊*/

.activity_box .oc-item {
    padding-bottom: 1px;
}

.activity_box .ipost.clearfix {
    padding: 5px;
    border: 1px solid #96c2cf;
}

/*活動花絮區塊-圖片區塊*/

.activity_box .entry-image {
    margin: 0;
}

/*活動花絮區塊-遮罩區塊*/

.activity_box .entry-image .cover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.5);
    background-image: url(../images/activity_cover_bg.png);
    background-repeat: no-repeat;
    background-position: center center;
    opacity: 0;
    transition: all 0.9s;
    background-size: 40%;
}

.activity_box .entry-image .cover:hover {
    opacity: 1;
    background-size: 32%;
}


/*活動花絮區塊-小標題區塊*/

.activity_box .entry-title {
    font-size: 15px;
    color: #646464;
    line-height: 1em;
    padding: 15px 0;
    padding-bottom: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
	transition: all 0.3s;
}

.activity_box .entry-title:hover {
    color: #119dbd;
}

/*活動花絮區塊-更多文字樣式*/

.activity_box #more_box a {
    font-size: 17px;
    color: #fff;
    text-align: center;
    display: block;
    background-color: #88bac8;
    padding: 5px;
}

@media screen and (max-width: 991px){	

.activity_box {
    padding: 0 15px;
}

}


/*===============================================
                  第五內容區塊
=================================================*/

@media screen and (max-width: 991px){	

#home_main_4 {
    padding-top: 0;
}

}

/*===============================================
                 會員廠商區塊
=================================================*/

.img_menu_box {
    padding-left: 110px;
}

.img_menu_box img {
    -webkit-filter: grayscale(0.9);
	transition: all 1.2s;
}

.img_menu_box img:hover {
    -webkit-filter: grayscale(0);
}

@media screen and (max-width: 991px){	

.img_menu_box {
    padding: 0 15px;
}

}