@charset "utf-8";

.about01contle {
	width: 100%;
	min-width: 1800px;
	background-image: url(../img/sub/sub1_1img01.jpg);
	background-attachment: scroll;
	background-repeat: repeat-x;
	background-repeat: no-repeat;
	background-position: 48% 0%;
	clear: both;
	margin: 0 auto;
	position: absolute;
	background-size: cover;
	height: 1080px;
}

.about01contle .tment01tle {
	width: 100%;
	min-width: 1800px;
	clear: both;
	color: #fff;
	margin-top: 198px;
	position: absolute;
}

.about01contle .tment01tle02 {
	width: 100%;
	min-width: 1800px;
	clear: both;
	color: #fff;
	margin-top: 198px;
	position: absolute;
}

.about01contle .tment01tle h1 {
	color: #fff;
}

.about01contle .tment01tle h3 {
	font-weight: normal;
	margin-top: -40px;
}

.about01contle .tment02tle {
	width: 100%;
	min-width: 1800px;
	clear: both;
	color: #fff;
	margin-top: 450px;
}

.about01contle .tment02tle h1 {
	color: #fff;
	text-align: right;
}

.about01contle .tment02tle h3 {
	font-weight: normal;
	margin-top: 80px;
	text-align: right;
	padding-right: 345px;
}

.about01contle .tment03tle {
	width: 100%;
	min-width: 1800px;
	clear: both;
	color: #fff;
}

.about01contle .tment03tle h1 {
	color: #fff;
}

.about01contle .tment03tle h3 {
	font-weight: normal;
	padding-left: 10px;
	margin-top: 65px;
}

.about02contle {
	width: 100%;
	min-width: 1800px;
	background-image: url(../img/sub/about_s02bg.jpg);
	background-attachment: scroll;
	background-repeat: repeat-x;
	background-repeat: no-repeat;
	background-position: 48% 0%;
	height: 671px;
	clear: both;
	margin: 0 auto;
	position: absolute;
}

.about02contle .contentle {
	width: 1280px;
	margin: 0 auto;
	padding-top: 110px;
}

.about02contle .contentle  .btittext {
	color: #9b5ed3;
	font-size: 35px;
	font-weight: bold;
	height: 63px;
	line-height: 63px;
	text-align: center;
	margin-top: 20px;
}

.about02contle .contentle .imgtext01 {
	width: 50%;
	float: left;
}

.about02contle .contentle .imgtext01 ul {
	width: 450px;
	margin: 0 auto;
}

.about02contle .contentle .ntext {
	width: 450px;
	text-align: center;
	font-size: 18px;
	color: #000;
	line-height: 30px;
}

.about02contle .contentle .imgtext02 {
	width: 50%;
	float: left;
}

.about02contle .contentle .imgtext02 ul {
	width: 450px;
	margin: 0 auto;
}

.about03contle {
	width: 100%;
	min-width: 1800px;
	height: 1080px;
	clear: both;
	position: absolute;
	padding-top: 140px;
}

.about03contle .contentle03 {
	width: 1280px;
	margin: 0 auto;
	padding-top: 41px;
}

.about03contle .contentle03 .conbox01 {
	width: 1280px;
}

.about03contle .contentle03 .conbox01 .leftbox {
	width: 1280px;
	float: left;
}

.about03contle .contentle03 .conbox01 .leftbox ul {
	margin: 0px;
	padding: 0px;
}

.about03contle .contentle03 .conbox01 .leftbox .listst {
	clear: both;
	padding-top: 10px;
}

.about03contle .contentle03 .conbox01 .leftbox li {
	width: 270px;
	float: left;
	border: 1PX solid #c8c8c8;
	margin-right: 10px;
	padding: 5px;
	text-align: center;
}

.about03contle .contentle03 .conbox01 .rightbox {
	width: 270px;
	float: right;
}

.about03contle .contentle03 .conbox01 .rightbox ul {
	margin: 0px;
	padding: 0px;
}

.about03contle .contentle03 .conbox01 .rightbox li {
	width: 270px;
	border: 1PX solid #c8c8c8;
	padding: 5px;
	text-align: center;
}

.about03contle .contentle03 .conbox02 {
	width: 1280px;
	clear: both;
	padding-top: 50px;
}

.about03contle .contentle03 .conbox02 .twobox {
	width: 1280px;
}

.about03contle .contentle03 .conbox02 .twobox .listst {
	clear: both;
	padding-top: 10px;
}

.about03contle .contentle03 .conbox02 .twobox ul {
	margin: 0px;
	padding: 0px;
}

.about03contle .contentle03 .conbox02 .twobox li {
	width: 270px;
	float: left;
	border: 1PX solid #c8c8c8;
	margin-right: 10px;
	padding: 5px;
	text-align: center;
}

.pagetit {
	width: 500px;
	text-align: center;
	margin: 0 auto;
	color: #9b5ed3;
	font-size: 35px;
	font-weight: bold;
}

.pagecoment {
	width: 1280px;
	text-align: center;
	margin: 0 auto;
	font-size: 15px;
	font-weight: nomal;
	padding-top: 20px;
}

.pagestit {
	width: 100%;
	color: #9b5ed3;
	font-size: 25px;
	font-weight: bold;
	margin-bottom: 35px;
}

.point_pink_t {
	color: #df4279;
	font-weight: bold;
}

.mooc01contle {
	width: 100%;
	min-width: 1800px;
	background-image: url(../img/sub/sub2_1img01.jpg);
	background-attachment: scroll;
	background-repeat: repeat-x;
	background-repeat: no-repeat;
	background-position: 48% 0%;
	clear: both;
	margin: 0 auto;
	position: absolute;
	background-size: cover;
	height: 1080px;
}

.mooc01contle .mooctment01tle {
	width: 100%;
	min-width: 1800px;
	text-align: center;
	color: #fff;
	margin-top: 350px;
	color: #fff;
}

.mooc01contle .mooctment01tle h2 {
	margin-top: 90px;
}

.mooc01contle .mooctment01tle h4 {
	margin-top: 50px;
}

.mooc02contle {
	width: 100%;
	min-width: 1800px;
	height: 960px;
	clear: both;
	position: absolute;
	padding-top: 100px;
}

.mooc02contle .mooccon02tle {
	width: 1280px;
	margin: 0 auto;
}

.mooc02contle .mooccon02tle .mediatle {
	width: 1280px;
	margin: 0 auto;
	margin-top: 50px;
}

.mooc03contle {
	width: 100%;
	min-width: 1800px;
	height: 1080px;
	clear: both;
	position: absolute;
	padding-top: 114px;
}

.mooc03contle .mooccon03tle {
	width: 1280px;
	margin: 0 auto;
}

.mooc03contle .mooccon03contle {
	width: 1280px;
	margin-top: 55px;
}

.mooc03contle .mooccon03contle ul {
	float: left;
}

.mooc03contle .mooccon03contle .linebgw {
	background-image: url(../img/sub/lineimg.jpg);
	width: 84px;
	height: 190px;
}

.mooc03contle .mooccon03contle .linebgw02 {
	background-image: url(../img/sub/line_wwimg.jpg);
	width: 370px;
	height: 55px;
}

.mooc03contle .mooccon03contle .conboxst {
	width: 370px;
}

.mooc03contle .mooccon03contle .listtitment {
	width: 370px;
	color: #9b5ed3;
	font-size: 20px;
	font-weight: bold;
	padding: 10px;
	border-top: 1px solid #dfdfdf;
	border-left: 1px solid #dfdfdf;
	border-right: 1px solid #dfdfdf;
}

.mooc03contle .mooccon03contle .listsment {
	width: 370px;
	padding: 0px 0px 10px 10px;
	border-bottom: 1px solid #dfdfdf;
	border-left: 1px solid #dfdfdf;
	border-right: 1px solid #dfdfdf;
}

.mooc04contle {
	width: 100%;
	min-width: 1800px;
	height: 1080px;
	clear: both;
	position: absolute;
	padding-top: 64px;
}

.mooc04contle .mooccon04tle {
	width: 1280px;
	margin: 0 auto;
}

.mooc04contle .mooccon04contle {
	width: 1280px;
	margin-top: 55px;
}

.mooc05contle {
	width: 100%;
	min-width: 1800px;
	height: 1080px;
	clear: both;
	position: absolute;
	padding-top: 130px;
}

.mooc05contle .mooccon05tle {
	width: 1280px;
	margin: 0 auto;
}

.mooc05contle .mooccon05contle {
	width: 1280px;
	margin-top: 55px;
}

.mooc05contle .mooccon05contle .potboxboxtle ul {
	float: left;
	margin-right: 20px;
}

.mooc05contle .mooccon05contle .potboxboxtle {
	width: 1280px;
	padding-top: 20px;
	clear: both;
}

.mooc05contle .mooccon05contle .potboxboxst {
	width: 300px;
	cursor: pointer;
}

.mooc05contle .mooccon05contle .plisttitment {
	width: 300px;
	color: #9b5ed3;
	font-size: 16px;
	font-weight: bold;
	padding: 10px;
	border-top: 1px solid #dfdfdf;
	border-left: 1px solid #dfdfdf;
	border-right: 1px solid #dfdfdf;
	height: 55px;
}

.mooc05contle .mooccon05contle .plistsment {
	width: 300px;
	padding: 0px 0px 10px 10px;
	border-bottom: 1px solid #dfdfdf;
	border-left: 1px solid #dfdfdf;
	border-right: 1px solid #dfdfdf;
}
.china_href:hover{
	opacity: 0.7;
}

.mooc06contle {
	width: 100%;
	min-width: 1800px;
	clear: both;
	position: absolute;
	padding-top:70px;
}

.mooc06contle .mooccon06tle {
	width: 1280px;
	margin: 0 auto;
}

.mooc06contle .mooccon06tle .mediatle {
	width: 1280px;
	margin: 0 auto;
	margin-top: 50px;
}

.edutech01contle {
	width: 100%;
	min-width: 1800px;
	background-image: url(../img/sub/sub3_1img01.jpg);
	background-attachment: scroll;
	background-repeat: repeat-x;
	background-repeat: no-repeat;
	background-position: 48% 0%;
	clear: both;
	margin: 0 auto;
	position: absolute;
	background-size: cover;
	height: 1080px;
}

.edutech01contle .edutech01tle {
	width: 100%;
	min-width: 1800px;
	text-align: center;
	color: #fff;
	margin-top: 350px;
}

.edutech01contle .edutech01tle h2 {
	margin-top: 90px;
}

.edutech01contle .edutech01tle h4 {
	margin-top: 50px;
}

.edutech02contle {
	width: 100%;
	background: url(../img/sub/sub3_1img02.jpg);
	height: 950px;
	clear: both;
	margin: 0 auto;
	position: absolute;
	background-attachment: scroll;
	background-repeat: repeat-x;
	background-repeat: no-repeat;
	background-position: 48% 0%;
}

.edutech02contle .edutech02tle {
	width: 100%;
	min-width: 1800px;
	margin-top: 220px;
}

#edu0con01 {
	width: 1280px;
	margin: 0 auto;
	padding-top: 30px;
}

#edu0con01 .con01img {
	width: 320px;
	padding-top: 35px;
	float: left;
}

#edu0con01 .con02img {
	width: 320px;
	padding-top: 260px;
	padding-left: 180px;
	float: left;
}

#edu0con01 .con03img {
	width: 320px;
	padding-top: 150px;
	float: right;
}

#edu0con02 {
	width: 1280px;
	margin: 0 auto;
	padding-top: 80px;
	padding-left: 50px;
}

#edu0con02 .conbox01 {
	width: 320px;
	padding-top: 30px;
}

#edu0con02 .conbox01 .boximg01 {
	width: 215px;
	position: absolute;
	margin-left: 130px;
}

#edu0con02 .conbox01 .boximg02 {
	width: 215px;
	position: absolute;
	margin-top: 150px;
}

#edu0con02 .conbox01 .boximg03 {
	width: 215px;
	position: absolute;
	margin-left: 130px;
	margin-top: 300px;
}

#edu0con02 .conbox02 {
	width: 653px;
	float: right;
	padding-top: 150px;
}

#edu0con02 .conbox02 .texthline {
	width: 5px;
	float: left;
}

#edu0con02 .conbox02 .textmented {
	width: 279px;
	float: left;
	margin-left: 50px;
	text-align: left;
}

#edu0con02 .conbox02 .textmented .mmmmet {
	line-height: 22px;
	text-align: left;
}

#edu0con03 {
	width: 1280px;
	margin: 0 auto;
	padding-top: 80px;
	padding-left: 50px;
}

#edu0con03 .conbox01 {
	width: 320px;
	padding-top: 30px;
}

#edu0con03 .conbox01 .boximg01 {
	width: 215px;
	position: absolute;
	margin-left: 130px;
}

#edu0con03 .conbox01 .boximg02 {
	width: 215px;
	position: absolute;
	margin-top: 150px;
}

#edu0con03 .conbox01 .boximg03 {
	width: 215px;
	position: absolute;
	margin-left: 130px;
	margin-top: 300px;
}

#edu0con03 .conbox02 {
	width: 653px;
	float: right;
	padding-top: 150px;
}

#edu0con03 .conbox02 .texthline {
	width: 5px;
	float: left;
}

#edu0con03 .conbox02 .textmented {
	width: 279px;
	float: left;
	margin-left: 50px;
}

#edu0con03 .conbox02 .textmented .mmmmet {
	line-height: 22px;
}

#edu0con04 {
	width: 1280px;
	margin: 0 auto;
	padding-top: 80px;
	padding-left: 50px;
}

#edu0con04 .conbox01 {
	width: 320px;
	padding-top: 30px;
}

#edu0con04 .conbox01 .boximg01 {
	width: 215px;
	position: absolute;
	margin-left: 130px;
}

#edu0con04 .conbox01 .boximg02 {
	width: 215px;
	position: absolute;
	margin-top: 150px;
}

#edu0con04 .conbox01 .boximg03 {
	width: 215px;
	position: absolute;
	margin-left: 130px;
	margin-top: 300px;
}

#edu0con04 .conbox02 {
	width: 653px;
	float: right;
	padding-top: 150px;
}

#edu0con04 .conbox02 .texthline {
	width: 5px;
	float: left;
}

#edu0con04 .conbox02 .textmented {
	width: 279px;
	float: left;
	margin-left: 50px;
}

#edu0con04 .conbox02 .textmented .mmmmet {
	line-height: 22px;
}

#edudiv01 {
	position: absolute;
	width: 100%;
	height: 239px;
	z-index: 1;
	visibility: hidden;
	text-align: center;
}

#edudiv02 {
	position: absolute;
	width: 100%;
	height: 239px;
	z-index: 1;
	visibility: hidden;
	text-align: center;
}

#edudiv03 {
	position: absolute;
	width: 100%;
	height: 239px;
	z-index: 1;
	visibility: hidden;
	text-align: center;
}

.candp01contle {
	width: 100%;
	min-width: 1800px;
	background-image: url(../img/sub/sub4_1img01.jpg);
	background-attachment: scroll;
	background-repeat: repeat-x;
	background-repeat: no-repeat;
	background-position: 48% 0%;
	clear: both;
	margin: 0 auto;
	position: absolute;
	background-size: cover;
	height: 1080px;
}

.candp01contle .candp01tle {
	width: 100%;
	min-width: 1800px;
	text-align: center;
	color: #fff;
	margin-top: 350px;
}

.candp01contle .candp01tle h2 {
	margin-top: 90px;
}

.candp01contle .candp01tle h4 {
	margin-top: 50px;
}

.candp02contle {
	width: 100%;
	min-width: 1800px;
	background-image: url(../img/sub/sub4_1img02.jpg);
	background-attachment: scroll;
	background-repeat: repeat-x;
	background-repeat: no-repeat;
	background-position: 48% 0%;
	height: 1000px;
	clear: both;
	margin: 0 auto;
	position: absolute;
	height: 1080px;
}

.candp03contle {
	width: 100%;
	min-width: 1800px;
	background-image: url(../img/sub/sub4_1img03.jpg);
	background-attachment: scroll;
	background-repeat: repeat-x;
	background-repeat: no-repeat;
	background-position: 48% 0%;
	height: 1080px;
	clear: both;
	margin: 0 auto;
	position: absolute;
}

.candp03contle .candp03tle {
	width: 1280px;
	margin: 0 auto;
	padding-top: 170px;
}

.candp03contle .candp03tle .candptextbox {
	width: 420px;
	padding-top: 216px;
	float: left;
}

.candp03contle .candp03tle .candptextbox .boxmenttit {
	color: #9b5ed3;
	font-weight: bold;
	font-size: 30px;
	padding-bottom: 10px;
}

.candp03contle .candp03tle .candptextbox .boxmentt {
	line-height: 25px;
	padding-top: 10px;
}

.candp03contle .candp03tle .candpimgtbox {
	width: 860px;
	float: left;
}

.candp03contle .candp03tle .candpimgtbox .roolbox01 {
	width: 288px;
	height: 288px;
	float: left;
}

.candp03contle .candp03tle .candpimgtbox .roolbox02 {
	margin-left: 180px;
	margin-top: 180px;
	width: 288px;
	height: 288px;
	float: left;
	position: absolute;
}

.candp03contle .candp03tle .candpimgtbox .roolbox03 {
	margin-left: 370px;
	margin-top: 355px;
	width: 288px;
	height: 288px;
	float: left;
	position: absolute;
}

.candp03contle .candp03tle .candpimgtbox .roolbox04 {
	margin-left: 555px;
	margin-top: 180px;
	width: 288px;
	height: 288px;
	float: left;
	position: absolute;
}

.candp04contle {
	width: 100%;
	min-width: 1800px;
	height: 1080px;
	clear: both;
	margin: 0 auto;
	position: absolute;
}

.candp04contle .candp04tle {
	width: 1280px;
	margin: 0 auto;
	padding-top: 100px;
}

.candp04contle .candp04tle .candptextbox {
	width: 420px;
	padding-top: 216px;
	float: left;
	margin-right: 110px;
}

.candp04contle .candp04tle .candptextbox .boxmenttit {
	color: #9b5ed3;
	font-weight: bold;
	font-size: 30px;
	padding-bottom: 10px;
}

.candp04contle .candp04tle .candptextbox .boxmentt {
	line-height: 25px;
	padding-top: 10px;
}

.candp04contle .candp04tle .candptextbox .imgboxtle {
	width: 741px;
	float: left;
}

.candp05contle {
	width: 100%;
	min-width: 1800px;
	background-image: url(../img/sub/sub4_1img05.jpg);
	background-attachment: scroll;
	background-repeat: repeat-x;
	background-repeat: no-repeat;
	background-position: 48% 0%;
	height: 1080px;
	clear: both;
	margin: 0 auto;
	position: absolute;
}

.candp05contle .candp05tle {
	width: 1280px;
	margin: 0 auto;
	padding-top: 100px;
}

.candp05contle .candp05tle .candptextbox {
	width: 350px;
	padding-top: 216px;
	float: left;
}

.candp05contle .candp05tle .candptextbox .boxmenttit {
	color: #9b5ed3;
	font-weight: bold;
	font-size: 30px;
	padding-bottom: 10px;
}

.candp05contle .candp05tle .candptextbox .boxmentt {
	line-height: 25px;
	padding-top: 10px;
}

.candp05contle .candp05tle .candpimgtbox {
	width: 860px;
	float: right;
	margin-top: 80px;
}

.candp05contle .candp05tle .candpimgtbox .roolbox01 {
	width: 288px;
	height: 288px;
	float: left;
}

.candp05contle .candp05tle .candpimgtbox .roolbox02 {
	margin-left: 180px;
	margin-top: 180px;
	width: 288px;
	height: 288px;
	float: left;
	position: absolute;
}

.candp05contle .candp05tle .candpimgtbox .roolbox03 {
	margin-left: 370px;
	margin-top: 10px;
	width: 288px;
	height: 288px;
	float: left;
	position: absolute;
}

.candp05contle .candp05tle .candpimgtbox .roolbox04 {
	margin-left: 555px;
	margin-top: 180px;
	width: 288px;
	height: 288px;
	float: left;
	position: absolute;
}

.candp06contle {
	width: 100%;
	min-width: 1800px;
	height: 1080px;
	clear: both;
	margin: 0 auto;
	position: absolute;
}

.candp06contle .candp06tle {
	width: 1280px;
	margin: 0 auto;
	margin-top: 100px;
}

.candp06contle .candp06tle .portfoliobox {
	width: 1280px;
}

.candp06contle .candp06tle .portfoliobox a:hover {
	opacity: 0.7;
}

.candp06contle .candp06tle .portfoliobox ul {
	float: left;
	box-shadow:0 8px 30px 0 rgba(0, 0, 0, 0.2);
}

.candp06contle .candp06tle .portfoliobox ul:not(:last-child) {
	margin-right:32px;
}

.candp06contle .candp06tle .portfoliobox .litextst {
	border: 1px solid #dfdfdf;
	text-align: left;
	padding: 10px;
	height: 60px;
	color: #6d6d6d;
	font-weight: bold;
	font-size: 14px;
}
.candp06contle .candp06tle .portfoliobox .litextst span{
	color: #9b5ed3;
}

.candp06contle .candp06tle .image_reel img{
	width:674px;
	height:406px;
}


.candp07contle {
	width: 100%;
	min-width: 1800px;
	height: 1280px;
	clear: both;
	margin: 0 auto;
	position: absolute;
}

.candp07contle .candp07tle {
	width: 1280px;
	margin: 0 auto;
	margin-top: 100px;
}

.candp07contle .candp07tle .portfoliobox {
	width: 1280px;
}

.candp07contle .candp07tle .portfoliobox a:hover {
	opacity: 0.7;
}

.candp07contle .candp07tle .portfoliobox ul {
	float: left;
	box-shadow:0 8px 30px 0 rgba(0, 0, 0, 0.2);
}

.candp07contle .candp07tle .portfoliobox ul:not(:last-child) {
	margin-right:32px;
}

.candp07contle .candp07tle .portfoliobox .litextst {
	border: 1px solid #dfdfdf;
	text-align: left;
	padding: 10px;
	height: 60px;
	color: #6d6d6d;
	font-weight: bold;
	font-size: 14px;
}
.candp07contle .candp07tle .portfoliobox .litextst span{
	color: #9b5ed3;
}

.candp07contle .candp07tle .image_reel img{
	width:674px;
	height:406px;
}

.contact01contle {
	width: 100%;
	min-width: 1800px;
	background-image: url(../img/sub/sub5_1img01.jpg);
	background-attachment: scroll;
	background-repeat: repeat-x;
	background-repeat: no-repeat;
	background-position: 48% 0%;
	clear: both;
	margin: 0 auto;
	position: absolute;
	background-size: cover;
}

.contact01contle .contact01tle {
	width: 1387px;
	padding-top: 150px;
	margin: 0 auto;
}

.contact01contle .contact01tle .maptle {
	width: 590px;
	float: left;
}

.mpagetit {
	width: 100%;
	margin: 0 auto;
	color: #9b5ed3;
	font-size: 35px;
	font-weight: bold;
}

.mpagecoment {
	width: 100%;
	margin: 0 auto;
	font-size: 15px;
	font-weight: nomal;
	padding-top: 20px;
	line-height: 32px;
}

.contactpagecoment {
	width: 100%;
	margin: 0 auto;
	font-size: 15px;
	font-weight: nomal;
	line-height: 32px;
}

.contact01contle .contact01tle .maptle .mapicon01 {
	width: 100%;
	background: url(../img/sub/map_icon01.gif) no-repeat left;
	padding-left: 30px;
	height: 30px;
}

.contact01contle .contact01tle .maptle .mapicon02 {
	width: 150px;
	background: url(../img/sub/map_icon02.gif) no-repeat left;
	padding-left: 30px;
	height: 30px;
}

.contact01contle .contact01tle .maptle .mapicon03 {
	width: 250px;
	background: url(../img/sub/map_icon03.gif) no-repeat left;
	padding-left: 40px;
	height: 30px;
}

.contact01contle .contact01tle .maptle li {
	float: left;
}

.contact01contle .contact01tle .maptle ul {
	margin-top: 20px;
}

.contact01contle .contact01tle .maptle .mapimg {
	width: 590px;
	height: 450px;
	clear: both;
	padding-top: 30px;
}

.contact01contle .contact01tle .maptle .box01tle {
	width: 590px;
}

.contact01contle .contact01tle .maptle .box02tle {
	width: 590px;
	margin-bottom: 60px;
	margin-top: 60px;
}

.contact01contle .contact01tle .rightcontle {
	width: 590px;
	float: right;
}

.contact01contle .contact01tle .rightcontle .box01tle {
	width: 590px;
}

.contact01contle .contact01tle .rightcontle .box02tle {
	width: 590px;
	margin-bottom: 60px;
	margin-top: 60px;
}

.contact01contle .contact01tle .rightcontle .box03tle {
	width: 590px;
}

.contact01contle .contact01tle .rightcontle .box03tle .photonewstle {
	width: 590px;
}

.contact01contle .contact01tle .rightcontle .box03tle .photonewstle li {
	float: left;
}

.contact01contle .contact01tle .rightcontle .box03tle .photonewstle ul {
	clear: both;
	padding-top: 24px;
}

.contact01contle .contact01tle .rightcontle {
	width: 590px;
	float: right;
}

.mpagetit {
	width: 100%;
	margin: 0 auto;
	color: #9b5ed3;
	font-size: 35px;
	font-weight: bold;
}

.mpagecoment {
	width: 100%;
	margin: 0 auto;
	font-size: 15px;
	font-weight: nomal;
	padding-top: 20px;
	line-height: 32px;
}

.contact01contle .contact01tle .rightcontle .mapicon01 {
	width: 150px;
	background: url(../img/sub/map_icon01.gif) no-repeat left;
	padding-left: 30px;
	height: 30px;
}

.contact01contle .contact01tle .rightcontle .mapicon02 {
	width: 150px;
	background: url(../img/sub/map_icon02.gif) no-repeat left;
	padding-left: 30px;
	height: 30px;
}

.contact01contle .contact01tle .rightcontle .mapicon03 {
	width: 250px;
	background: url(../img/sub/map_icon03.gif) no-repeat left;
	padding-left: 40px;
	height: 30px;
}

.contact01contle .contact01tle .rightcontle li {
	float: left;
}

.contact01contle .contact01tle .rightcontle ul {
	/*margin-top: 20px;*/
}

.contact01contle .contact01tle .rightcontle .mapimg {
	width: 590px;
	height: 450px;
	clear: both;
	padding-top: 30px;
}

.contact01contle .contact01tle .studio_box .studio_imgae {
	margin-top: 40px;
}

.contact01contle .contact01tle .studio_box .studio_imgae a img {
	font-size: 0px;
	margin: 0;
	box-sizing: content-box;
	width: 380px;
	margin-right: 123px;
	box-shadow: 0 8px 30px 0 rgba(0, 0, 0, 0.2);
}
.contact01contle .contact01tle .studio_box .studio_imgae a img:hover{
	opacity: 0.7;
}

.contact01contle .contact01tle .studio_box .studio_imgae a:last-child img
	{
	box-sizing: content-box;
	width: 380px;
	margin-right: 0;
}

/*C&P 포트폴리오 팝업창*/
#popupla_01 {
	position: absolute;
	left: 50%;
	margin-left:-338px;
	top: 200px;
	width: 674px;
	height: 550px;
	visibility: hidden;
	z-index: 998;
	text-ailgn:center;
	background-color: #fff;
}

#popupla_01 a {
	color: #fff;
}

#popupla_02 {
	position: absolute;
	left: 50%;
	margin-left:-338px;
	top: 200px;
	width: 674px;
	height: 550px;
	visibility: hidden;
	z-index: 998;
	text-ailgn:center;
	background-color: #fff;
}

#popupla_02  a {
	color: #fff;
}

#popupla_03 {
	position: absolute;
	left: 50%;
	margin-left:-338px;
	top: 200px;
	width: 674px;
	height: 550px;
	visibility: hidden;
	z-index: 998;
	text-ailgn:center;
	background-color: #fff;
}

#popupla_03  a {
	color: #fff;
}

#popupla_04 {
	position: absolute;
	left: 50%;
	margin-left:-338px;
	top: 200px;
	width: 674px;
	height: 550px;
	visibility: hidden;
	z-index: 998;
	text-ailgn:center;
	background-color: #fff;
}

#popupla_04  a {
	color: #fff;
}

#popupla_05 {
	position: absolute;
	left: 50%;
	margin-left:-338px;
	top: 200px;
	width: 674px;
	height: 550px;
	visibility: hidden;
	z-index: 998;
	text-ailgn:center;
	background-color: #fff;
}

#popupla_05  a {
	color: #fff;
}

#popupla_06 {
	position: absolute;
	left: 50%;
	margin-left:-338px;
	top: 200px;
	width: 674px;
	height: 550px;
	visibility: hidden;
	z-index: 998;
	text-ailgn:center;
	background-color: #fff;
}

#popupla_06  a {
	color: #fff;
}

#popupla_07 {
	position: absolute;
	left: 50%;
	margin-left:-338px;
	top: 200px;
	width: 674px;
	height: 550px;
	visibility: hidden;
	z-index: 998;
	text-ailgn:center;
	background-color: #fff;
}

#popupla_07  a {
	color: #fff;
}

#popupla_08 {
	position: absolute;
	left: 50%;
	margin-left:-338px;
	top: 200px;
	width: 674px;
	height: 550px;
	visibility: hidden;
	z-index: 998;
	text-ailgn:center;
	background-color: #fff;
}

#popupla_08  a {
	color: #fff;
}

#popupla_09 {
	position: absolute;
	left: 50%;
	margin-left:-338px;
	top: 200px;
	width: 674px;
	height: 550px;
	visibility: hidden;
	z-index: 998;
	text-ailgn:center;
	background-color: #fff;
}

#popupla_09  a {
	color: #fff;
}

#popupla_10 {
	position: absolute;
	left: 50%;
	margin-left:-338px;
	top: 200px;
	width: 674px;
	height: 550px;
	visibility: hidden;
	z-index: 998;
	text-ailgn:center;
	background-color: #fff;
}

#popupla_10  a {
	color: #fff;
}

#popupla_11 {
	position: absolute;
	left: 50%;
	margin-left:-338px;
	top: 200px;
	width: 674px;
	height: 550px;
	visibility: hidden;
	z-index: 998;
	text-ailgn:center;
	background-color: #fff;
}

#popupla_11  a {
	color: #fff;
}

#popupla_12 {
	position: absolute;
	left: 50%;
	margin-left:-338px;
	top: 200px;
	width: 674px;
	height: 550px;
	visibility: hidden;
	z-index: 998;
	text-ailgn:center;
	background-color: #fff;
}

#popupla_12  a {
	color: #fff;
}

#popupla_13 {
	position: absolute;
	left: 50%;
	margin-left:-338px;
	top: 200px;
	width: 674px;
	height: 550px;
	visibility: hidden;
	z-index: 998;
	text-ailgn:center;
	background-color: #fff;
}

#popupla_13  a {
	color: #fff;
}

#popupla_14 {
	position: absolute;
	left: 50%;
	margin-left:-338px;
	top: 200px;
	width: 674px;
	height: 550px;
	visibility: hidden;
	z-index: 998;
	text-ailgn:center;
	background-color: #fff;
}

#popupla_14  a {
	color: #fff;
}

#popupla_15 {
	position: absolute;
	left: 50%;
	margin-left:-338px;
	top: 200px;
	width: 674px;
	height: 550px;
	visibility: hidden;
	z-index: 998;
	text-ailgn:center;
	background-color: #fff;
}

#popupla_15  a {
	color: #fff;
}

#popupla_16 {
	position: absolute;
	left: 50%;
	margin-left:-338px;
	top: 200px;
	width: 674px;
	height: 550px;
	visibility: hidden;
	z-index: 998;
	text-ailgn:center;
	background-color: #fff;
}

#popupla_16  a {
	color: #fff;
}

#popupla_17 {
	position: absolute;
	left: 50%;
	margin-left:-338px;
	top: 200px;
	width: 674px;
	height: 550px;
	visibility: hidden;
	z-index: 998;
	text-ailgn:center;
	background-color: #fff;
}

#popupla_17  a {
	color: #fff;
}

/*C&P 동영상스타일*/
.mediatle {
	width: 500px;
	background-color: #000;
}