@charset "UTF-8";

/* ===================================================================

 file name  :  ebook.css

=================================================================== */
.service header{ background: url("../../img/bg_ebook.gif") top center;}
.service .ctr{ width: 1180px;}

/* control */
.control dl{ margin: 0;}
.control dl dt{ display: inline-block; padding: 10px 0; width: 100px; background: #c6c3be; color: #fff; text-align: center; letter-spacing: normal; line-height: 1;}
.control dl dd{ display: inline-block;}
.control dl dd ul{ border: none;}
.control dl dd ul li{ display: inline-block; margin: 0 0 0 2px; padding: 10px 20px; width: 80px; border: none; background: #fff; text-align: center; letter-spacing: normal; line-height: 1; cursor: pointer;}
.control dl dd ul .active{ background: #e65b52; color: #fff;}
.control .list-sort dd ul .active{ background: #529ca3;}

/* introduction */
.block-intro:before,
.block-intro:after{ display: block; overflow: hidden; content: "";}
.block-intro:after{ clear: both;}
.block-intro{ margin: 25px 0 0;}
.block-intro section{ position: relative; display: inline-block; margin: 0; padding: 30px; vertical-align: top; width: 231px; background: #fff; border: 2px solid #f7f3ee;}
.block-intro section figure{ position: relative; overflow: hidden; background: #fff;}
.block-intro section figure img{ width: 100%;}
.block-intro section figcaption{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	width: 100%;
	height: 100%;
	background: #fff;
	opacity: 0;
	-webkit-transition: .6s;
	transition: .6s;
}
.block-intro section figure:hover figcaption{ opacity: 1;}
.block-intro section .transform{
	-webkit-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
	-webkit-transform: scale(1);
	transform: scale(1);
}
.block-intro section figure:hover .transform{
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
}

.block-intro section .ttl-block{ min-height: 120px;}
.block-intro section h2{ margin: 15px 0 0; padding: 0; font-size: 19px; line-height: 1.4;}
.block-intro section h3{ margin: 10px 0 0; font-size: 16px; line-height: 1;}
.block-intro section ul{ overflow: hidden;}
.block-intro section ul li{ float: left; padding: 0 10px; border-left: 1px solid #ddd; line-height: 1;}
.block-intro section ul li:first-child{ padding: 0 10px 0 0; border: none;}
.block-intro .mix{ display: none;}