/*
 *  Document   : home.css
 *  Author     : JK
 */

/* home top area */
.home_top_area {padding-top:0px; padding-bottom:0px; }


/* Home Content */
.home-area {padding-bottom:20px;}
.home-area:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.home-area a {color:#151515;}
.home-area a:hover {color:#075b50; text-decoration: none;}
.home-area .title-area {padding-top:10px; padding-bottom:18px; vertical-align: middle;font-size:1.25em; color:#151515;}
.home-area .title-area:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.home-area .title-area span{padding-right:4px;padding-left:4px;}
.home-area .title-area.new-book-title  {background: url('../../img/template/line_02.png') repeat-x 0 40%; }
.home-area .title-area.new-book-title div {background: url('../../img/template/site_bg_01.png') repeat; }
.home-area .title-area.new-book-title div.pull-left {padding-right:10px;}
.home-area .title-area.new-book-title div.pull-right { font-size:0.8em;}
.home-area .title-area.new-book-title div.pull-right span {padding:0px;}
.home-area .show-img-area img {width:100%;border:2px solid #ffffff;}
.home-area .show-vedio-area {border:2px solid #ffffff; background:#ffffff;}
.home-area .show-vedio-area iframe {width:100%; height:200px;}
.home-area .show-vedio-area p {margin:0px; padding:0px 3px 0 5px; height:35px; line-height:35px; overflow:hidden;}
.home-area .show-vedio-area i  {float:right;}



/* list Content */
.news-list-area ul.news-row { width:100%; padding:0px; margin:0px auto; list-style:none;font-family: Arial, sans-serif,"微軟正黑體";}
.news-list-area ul.news-row li { padding-bottom:8px; color:#9e9e9e; border-bottom:0px solid #d8d8d8; height:32px; overflow:hidden; position: relative;line-height: 32px;}
.news-list-area ul.news-row li i {padding-right:5px;}
.news-list-area ul.news-row li:last-child {border-bottom:0px solid #d8d8d8;}
.news-list-area ul.news-row span.news-date-area { padding-right:5px;}
.news-list-area ul.news-row a {color:#151515;}
.news-list-area ul.news-row a:hover {color: #075b50;text-decoration:none;}



/* news book */
.new-book {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 1px 1px 5px #95b7b1;
	-webkit-box-shadow: 1px 1px 5px #95b7b1;
	box-shadow: 1px 1px 5px #95b7b1;
	background:#f4f9f8;	
	margin-top:8px;
	margin-bottom:15px;
	padding:20px;
	min-height:100px;
	
}
.new-book .ribon {
    position: absolute;
	top:0px;
	right:0px;
	height:43px;
	width:55px;
	background: url('../../img/template/home_news_book_bg_01a.png') no-repeat;
}
.new-book .row {
	padding-top:15px; padding-bottom:15px;
}
.new-book .pic-area {
	-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;
	display:inline-block;
	margin:0px auto 0px auto;
	padding:3px 3px 4px 3px;
	background:#bad3d0;
}
.new-book h3 {
color:#237e71; font-size:1em; margin:12px 0px 12px 0px;
padding:0px 5px 12px 5px;
padding-bottom:12px;
text-align:center;
border-bottom:2px dotted #bad3d0;
}
.new-book h3 a {color:#237e71; }
.new-book h3 a:hover {color: #151515;text-decoration:none;}
.new-book div.content p {margin-bottom:0px; line-height:31px; background: url('../../img/template/line_01.png') repeat;}
.new-book p.writer {color:#237e71;padding:0px;margin:0 0 0 0px; }

.new-book .pic-area img{max-width:100%; max-height:185px;
	border:1px solid #ffffff}

.new-book:hover {
	-moz-box-shadow: 1px 1px 5px #b7aa95;
	-webkit-box-shadow: 1px 1px 5px #b7aa95;
	box-shadow: 1px 1px 5px #b7aa95;
	background:#faf5e9;
}
.new-book:hover .ribon {
	background: url('../../img/template/home_news_book_bg_02b.png') no-repeat;
}
.new-book:hover h3 {
border-bottom:2px dotted #ff9518;
}
.new-book:hover .pic-area {
	background:#ff9518;
}

.home-area a:hover {color:#075b50; text-decoration: none;}

/*
=================================================================
(#m07res) RESPONSIVE
=================================================================
*/

@media screen and (min-width: 992px) {
	.home_top_area {padding-top:25px; padding-bottom:25px; }
	.home-area .news-area {width:71%;}
	.home-area .video-area {width:29%;}
	.home-area .show-img-area img {max-height:180px;}
	.home-area .show-vedio-area {height:180px;}
	.home-area .show-vedio-area iframe {height:136px;}
	.new-book h3 {margin-left:-10px;}
	.new-book p {margin-left:-10px;}
	.new-book p.writer {margin-left:-10px;}
	.new-book div.content {min-height:110px;}
	.home-area .home-about {padding-top:5px; min-height:118px;}
}