@charset "utf-8";

/*----------------------------------------------------------------------*/
/* 關於我們 */
.IndexAbout { color:#e8e6e1; line-height:2.25em; font-weight:bold; }

/* KeyVisual 主視覺新聞輪播 */
.IndexSlider { background-color:#f2f0f1; z-index:5; }
.IndexSlider:after { content: ""; display: block; clear: both; }
.IndexSlider .item { overflow:hidden; }
.IndexSlider .imgBox { float:left; width:58%; margin-bottom:1em; }
.IndexSlider .textBox { float:right; width:42%; }
.IndexSlider img { max-width:100%; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; }
.IndexSlider .imgBox:hover img { box-shadow:1px 1px 8px rgba(0,0,0,.3); }
.IndexSlider .date:before { content:""; background-color:#8b816e; width:80px; height:1px; display:inline-block; vertical-align:top; margin-right:5px; margin-top:0.55em; }
.IndexSlider .date { display:none; font-family:'Raleway', sans-serif; font-weight:600; font-size:0.875em; color:#6f6559; margin-bottom:0.5em; }
.IndexSlider .title:after { content:""; background-color:#8b816e; width:140px; height:1px; display:block; margin-top:0.8em; }
.IndexSlider .title a { color:#424a5d; text-decoration:none; -webkit-transition: color 0.2s ease; -moz-transition: color 0.2s ease; transition: color 0.2s ease; }
.IndexSlider .title a:hover { color:#c6171e; }
.IndexSlider .desc { color:#75684f; line-height:2em; margin-top:1em; margin-bottom:1em; }
.IndexSlider .index_moreBtn { margin-bottom:1em; }

#KeyVisual { background-color:#424a5d; }
#KeyVisual .bx-wrapper { position:relative; }
#KeyVisual .bx-controls { position:relative; text-align:center; font-family:Georgia, sans-serif; color:#555; font-size:2.5em; }
#KeyVisual .bx-pager { line-height:60px; }
/* DIRECTION CONTROLS (NEXT / PREV) */
#KeyVisual .bx-wrapper .bx-controls-direction { position:absolute; bottom:0; width:100%; }
#KeyVisual .bx-wrapper .bx-controls-direction a { font-size:0; text-decoration:none; color:#555; }
#KeyVisual .bx-wrapper .bx-controls-direction a:hover { color:#8c816f; }
#KeyVisual .bx-wrapper .bx-controls-direction a:before { font-size:3.75rem; }
#KeyVisual .bx-wrapper .bx-prev { position:absolute; bottom:0; }
#KeyVisual .bx-wrapper .bx-next { position:absolute; bottom:0; }
#KeyVisual .bx-wrapper .bx-prev:before { content:"←"; }
#KeyVisual .bx-wrapper .bx-next:before { content:"→"; }

/*----------------------------------------------------------------------*/
/* 焦點主題 */
.IndexFocus { background:url(../images/bg_line.png) repeat-y center top; }
.IndexFocus > div { position:relative; max-width:1560px; margin:0 auto; }
.IndexFocus .tabs { display:inline-block; margin-left:.625em; }
.IndexFocus .tabs li { float:left; padding:0 10px; transform:scaleY(1); height:auto; width:auto; visibility:visible; opacity:1; }
.IndexFocus .tabs li.active { transform:scaleY(0); height:0; width:0; visibility:hidden; opacity:0; padding:0; }
.IndexFocus .tabs li a { font-size:1.125em; color:#666; text-decoration:none; }
.IndexFocus .tabs li a:hover { color:#c6171e; }
.IndexFocus .article_title { font-size:1.75em; background-color:#fff; padding:0.45em 0; }
.IndexFocus .article_title a { color:#75684f; text-decoration:none; line-height:1.5em; }
.IndexFocus .article_title a:hover { color:#c6171e; }
.article_top { position:relative; overflow:hidden; }
.article_top .imgBox { font-size:0; }
.article_top .imgBox img { width:100%; max-width:100%; }
.article_cont { background-color:#fff; }
.article_desc { line-height:180%; color:#75684f; padding:1.5em 0; }
.article_cont ul { padding-bottom:1.5em; }
.article_cont li { padding:.25em 0; }
.article_cont li:before { content:""; background-color:#8b816e; width:35px; height:1px; display:inline-block; vertical-align:middle; margin-right:10px; }
.article_cont li a { color:#555; text-decoration:none; font-size:0.9375em; }
.article_cont li a:hover { color:#c6171e; }
.IndexFocus .article_cont { max-width:770px; margin:0 auto; padding:0 30px; }
.IndexFocus .tab_cont { transform:scaleY(0); height:0; visibility:hidden; opacity:0; }
.IndexFocus .tab_cont.show { transform:scaleY(1); height:auto; visibility:visible; opacity:1; }

/*----------------------------------------------------------------------*/
/* 科普講堂 */
.IndexLecture { position:relative; padding:40px 0; }
.IndexLecture:before { content:""; background:#eee; width:100%; height:300px; position:absolute; top:0; left:0; z-index:-1; }
.IndexLecture > div { max-width:1440px; margin:0 auto; padding:0 30px; }
.IndexLecture .imgBox { position:relative; overflow:hidden; }
.IndexLecture .imgBox:hover .img { transform:scale(1.1); }
.IndexLecture .img { text-align:center; padding-bottom:75%; background-size:cover; background-repeat:no-repeat; background-position:center center; position:relative; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; }
.IndexLecture .img:after { content:''; display:block; position:absolute; top:0; left:0; width:100%; height:100%; background-color:#fff; opacity:0; }
.IndexLecture .cont { position:relative; padding:1.5em 1em; }
.IndexLecture .title a { color:#555; text-decoration:none; }
.IndexLecture .title a:hover { color:#c6171e; }
.IndexLecture .tag { position:absolute; top:-1.0714em; left:0; background:#8c816f; color:#fff; font-size:0.875em; display:inline-block; margin-left:1em; line-height:1.25em; padding:0.465em .625em; }
.IndexLecture .index_moreBtn { text-align:center; }

.IndexLecture .slick-slider { padding:25px 0; }
.IndexLecture .slick-list { margin:0 55px; }
.IndexLecture .slick-arrow { display:block; text-indent:-9999px; position:absolute; top:0; z-index:88; width:36px; height:100%; border:none; background-color:transparent; cursor:pointer; }
.IndexLecture .slick-arrow:focus, .IndexLecture .slick-slide:focus { outline:none; }
.IndexLecture .slick-slide { margin:0 20px; display:block; box-sizing:border-box; overflow:hidden; }
.IndexLecture button.slick-arrow { padding:0; }
.IndexLecture .slick-prev { left:0; }
.IndexLecture .slick-next { right:0; }
.IndexLecture .slick-arrow:before {
	content:''; position:absolute; top:50%; left:0px; margin-top:-18px; width:36px; height:36px; background:rgba(255,255,255,.7); box-shadow:0 0 8px rgba(0,0,0,.5);
	-webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s; transition: all 0.2s ease;
}
.IndexLecture .slick-arrow:hover:before { background:rgba(255,255,255,1); box-shadow:0 0 8px rgba(0,0,0,.7); }
.IndexLecture .slick-arrow:after { content:''; position:absolute; top:50%; margin-top:-4px; width:8px; height:8px; border-top:1px solid #000; border-left:1px solid #000; }
.IndexLecture .slick-prev:after { left:16px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); transform: rotate(-45deg); }
.IndexLecture .slick-next:after { right:16px; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); transform: rotate(135deg); }

/*----------------------------------------------------------------------*/
/* 實驗室 */
.IndexLaboratory { position:relative; padding:40px 0; }
.IndexLaboratory > div { max-width:1440px; margin:0 auto; padding:0 30px; }

.LaboratoryList { max-width:1100px; margin:25px auto; }
.LaboratoryList:after { content:""; clear:both; display:block; }
.LaboratoryList .item { position:relative; padding-left:58px; box-sizing:border-box; margin:10px 0; }
.LaboratoryList .item:before { content:""; position:absolute; left:0; top:0; width:50px; height:50px; background:url(../images/index_icons.png) no-repeat; }
	.LaboratoryList .item.item01:before { background-position:0 0; }
	.LaboratoryList .item.item02:before { background-position:-50px 0; }
	.LaboratoryList .item.item03:before { background-position:0 -50px; }
	.LaboratoryList .item.item04:before { background-position:-50px -50px; }
	.LaboratoryList .item.item05:before { background-position:0 -100px; }
	.LaboratoryList .item.item06:before { background-position:-50px -100px; }
	.LaboratoryList .item.item07:before { background-position:0 -150px; }
	.LaboratoryList .item.item08:before { background-position:-50px -150px; }
	.LaboratoryList .item.item09:before { background-position:0 -200px; }
	.LaboratoryList .item.item10:before { background-position:-50px -200px; }
.LaboratoryList .cont { position:relative; padding-left:68px; padding-top:9px; }
.LaboratoryList .cont:before { content:""; position:absolute; left:0; top:24px; background-color:#d5d0c5; width:44px; height:1px; }
.LaboratoryList .cont:after { content:""; position:absolute; left:44px; top:19px; background-color:#d5d0c5; width:11px; height:11px; border-radius:50%; }
.LaboratoryList .desc { color:#be9645; padding:5px 0; }
.LaboratoryList .title { font-size:1.5em; letter-spacing:0.05em; color:#555; }

/*----------------------------------------------------------------------*/
/* 標題共用樣式 */
.indexTitle h2 { line-height:150%; letter-spacing:.08em; display:inline-block; color:#424a5d; }
.indexTitle:before { content:""; background-color:#8b816e; width:80px; height:1px; display:block; margin-bottom:0.45em; }
.indexTitle:after { content:""; background-color:#8b816e; width:80px; height:1px; display:block; margin-top:0.45em; }

.IndexFocus .indexTitle { padding:1em 0; display:inline-block; background-color:#fff; }

/* 共用按鈕 */
.index_moreBtn a { display:inline-block; text-decoration:none; font-family:'Raleway', sans-serif; font-weight:700; font-size:0.8125em; color:#8c816f; padding:0 35px; border:1px solid #8b816e; height:55px; line-height:55px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; }
.index_moreBtn a:hover { background-color:#8b816e; color:#fff; }


/*----------------------------------------------------------------------*/
/* 首頁空白區域 */
.indexBlock { max-width:1440px; margin:0 auto; padding:0 30px; }

.indexBlockList .imgBox { text-align: center; }
.indexBlockList img { max-width: 100%; }