@charset "utf-8";
/*------------------------------------------------------------
	consultant
------------------------------------------------------------*/


#conts h2 {
	margin-bottom: 24px;
}

#conts h3 {
	margin-bottom: 20px;
}

#conts .introdcutStatus {
	margin: 0 0 25px 15px;
}

#conts .consltList {
	margin: 0 -20px 0 15px;
	width: 680px;
	overflow: hidden;
	zoom: 1;
}

#conts .consltList li {
	margin: 0 20px 20px 0;
	float: left;
}

#conts .consltList li img {
	display: block;
}

#conts .section {
	padding-top: 16px;
}

#conts .section .inner {
	margin: 0  auto 38px;
	width: 616px;
	border: 2px solid #F0F0F0;
}

#conts .section .inner p {
	font-size: 1.2em;
	line-height: 2.0;
}

#conts .section .inner .box {
	padding: 20px;
	border: 1px solid #CCC;
}

#conts .section .inner .box .subBox {
	margin-bottom: 22px;
}

#conts .section .inner .box .subBox .photoBox {
	float: left;
}

#conts .section .inner .box .subBox .photoBox img {
	border: 1px solid #CCC;
}

#conts .section .inner .box .subBox .textBox {
	margin-top: 15px;
	width: 387px;
	float: right;
}

#conts .section .inner .box .subBox .textBox .title {
	margin-bottom: 17px;
}

#conts .section .inner .box .artworks {
	padding: 17px 10px 10px 15px;
	min-height: 146px;
	clear: both;
	zoom: 1;
	border: 1px solid #EBEBEB;
	background-color: #FBFBFB;
}

	* html #conts .section .inner .box .artworks {
		height: 146px;
	}

#conts .section .inner .box .artworks .title {
	margin-bottom: 13px;
}

#conts .section ul {
	margin-left: 20px;
}

#conts .section ul li {
	margin: 0 5px 5px 0;
	float: left;
}

#conts .section ul li img {
	display: block;
}

.movieBtn {
	margin-bottom: 15px;
}

.movieBtn a:hover {
	opacity: 0.6;
}

.movie-box {
    position: relative;
}
.movie {
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    
    position: absolute;
    top: 10%;
    left: 82%;
}