@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0; font-family:"微软雅黑";}
a{text-decoration:none;}
ul,li{list-style:none; border:none;}
p,h1,h2,h3,h4,h5,h6,ul,li,img,form{margin:0;padding:0;}
h1,h2,h3,h4,h5{font-size:14px;font-weight:900;}	
img{ border:none;}
.clear{ clear:both;}

/*banner*/

#uxd_banenr{ width: 100%; height: 700px; background: url(../images/uxd_banner_bg.jpg) top center no-repeat;}
#uxd_banenr_pc{ width: 1220px; margin: 0 auto; position: relative;}
#uxd_banenr_pc img{ display: block;}
.uxd_banenr_l{ float: left;  animation: toleft 1s ease-out forwards; position: absolute; top: 0; left: 0;}
#uxd_banenr_yd{ width:100%; margin:0 auto; display:none;} 
#uxd_banenr_yd img{ display:block; width:100%;}

@keyframes toleft{
	from{left: -60px; opacity: 0;}
	to{left: 70px; opacity: 1;}
}

.uxd_banenr_r{ float: right; position: absolute; top: 110px; right: 0; animation: toright 1s ease-out forwards;}

@keyframes toright{
	from{right: -60px; opacity: 0;}
	to{right: 60px; opacity: 1;}
}
/*bannerOver*/

/*full*/
#uxd_full{ width: 100%; background-color: #fafafa;}
#uxd_full ul{ padding: 40px 0;}
#uxd_full ul li{ width: 19.8%; border-right: 1px solid #ececec; float: left; text-align: center;}
#uxd_full ul li:nth-last-of-type(1){ border-right: none;}
#uxd_full ul li h4{ font-size: 26px; color: #505050; font-weight: normal;}
#uxd_full ul li p{ font-size: 16px; color: #858585; line-height: 36px;}
/*fullOver*/
/*desgin*/
#uxd_desgin{ width: 1220px; margin: 0 auto;}
#uxd_desgin ul li{ width: 290px; background-color: #fafafa; float: left; margin-left: 20px; border-radius: 20px; text-align: center;}
#uxd_desgin ul li:nth-of-type(1){ margin-left: 0;}
#uxd_desgin ul li img{ display: block; margin: 50px auto 40px;}
#uxd_desgin ul li img:nth-of-type(2){ display: none;}
#uxd_desgin ul li h4{ font-size: 24px; color: #444444; margin-bottom: 30px;}
#uxd_desgin ul li p{ font-size: 16px; color: #626262; padding: 0 35px 50px; line-height: 30px;}

#uxd_desgin ul li:hover{ background-color: #ff6875;}
#uxd_desgin ul li:hover img:nth-of-type(1){ display: none;}
#uxd_desgin ul li:hover img:nth-of-type(2){ display: block;}
#uxd_desgin ul li:hover h4{ color: #fff}
#uxd_desgin ul li:hover p{ color: #fff;}

#uxd_desgin a{ display: block; width: 420px; height: 78px; background-color: #eb315f; border-radius: 50px; color: #fff; text-align: center; line-height: 78px; font-size: 30px; margin: 50px auto;}
/*desginOver*/

/*title*/
.uxd_h2{ font-size: 46px; color: #eb315f; text-align: center; margin-top: 80px;}
.uxd_h3{ font-size: 20px; color: #909090; text-align: center; line-height: 40px; font-weight: normal; margin-bottom: 40px;}
/*titleOver*/

/*ability*/
#uxd_ability{ width: 1220px; margin: 0 auto; position: relative;}

#uxd_ability ul{position: relative;}
#uxd_ability ul li{ position: absolute; top: 164px;}

.uxd_ability_left{left: -60px;}
.uxd_ability_right{ right: -60px;}

.uxd_ability_box{ width: 1220px; height: 424px; overflow: hidden;}
#uxd_ability_switcher{ height: 424px; }
.uxd_ability_content_1.uxd_ability_content_2{ width: 100%; float: left;}

.uxd_ability_area{ width: 282px; height: 424px; position: relative; float: left;}
.uxd_ability_mark{ width: 282px; height: 424px; background-color:rgba(225,104,117,0.8); position: absolute; top: 310px; left: 0; text-align: center; transition:0.6s;}
.uxd_ability_mark h4,.uxd_ability_yd_box h4{ font-size: 26px; color: #fff; line-height: 50px; margin-top: 20px;}
.uxd_ability_mark span,.uxd_ability_yd_box span{ display: block; width: 80%; height: 1px; background-color: #fff; margin: 0 auto;}
.uxd_ability_mark h5,.uxd_ability_yd_box h5{ font-size: 16px; color: #fff; font-weight: normal; line-height: 36px; margin-bottom: 20px;}
.uxd_ability_mark p{ color: #fff; font-size: 18px; line-height: 36px;}

.uxd_ability_area:hover .uxd_ability_mark{ top: 0;}

#uxd_ability_yd{ width: 100%; display: none;}
#uxd_ability_yd ul li{ width: 48%; position: relative; float: left; margin-bottom: 2%;}
#uxd_ability_yd ul li img{ width: 100%; display: block;}
#uxd_ability_yd ul li:nth-of-type(2n){ margin-left: 4%;}
.uxd_ability_yd_box{ width: 100%; background-color:rgba(225,104,117,0.8); text-align: center; position: absolute; bottom: 0; left: 0;}
/*abilityOver*/

/*trend*/
#uxd_trend{ width: 100%; }
#uxd_trend_main{ width: 100%; background-color: #f9f9f9;}
#uxd_trend_content{ width: 1220px; margin:0 auto; padding: 70px 0 80px;}
#uxd_trend_content ul li{ float: left; width: 290px; background-color: #fff; text-align: center; margin-left: 20px;}
#uxd_trend_content ul li:nth-of-type(1){ margin-left: 0; }
#uxd_trend_content ul li img{ margin: 40px 0 30px;}
#uxd_trend_content ul li h4{ font-size: 20px; color: #353535;}
#uxd_trend_content ul li h5{ font-size: 16px; color: #626262; font-weight: normal; line-height: 32px;}
#uxd_trend_content ul li p{ font-size: 16px; color: #626262; padding: 16px 40px 40px; line-height: 26px;}
#uxd_trend_content ul li:hover{ box-shadow: 0 0 30px #dadada;}
/*trendOver*/ 

/*skill*/
#uxd_skill{ width: 1220px; margin: 0 auto;}

#uxd_skill_main{ width: 1220px; height: 310px; position:relative;}
.uxd_skill_left{ position: absolute; top: 120px; left: -60px;}
.uxd_skill_right{  position: absolute; top: 120px; right: -60px;}

.uxd_skill_content{ width:1220px; height: 310px; position:relative; overflow:hidden; }
#uxd_skill_main .uxd_skill_content ul.uxd_skill_move{ width: 2000%; height:310px; position:absolute; top:0; left:0;}
#uxd_skill_main .uxd_skill_content ul.uxd_skill_move li{float:left; width:386px; height:310px;  transition:all 1s ease 0s; margin-left: 31px; position:relative;}
#uxd_skill_main .uxd_skill_content ul.uxd_skill_move li:nth-of-type(1){ margin-left: 0;}
#uxd_skill_main .uxd_skill_content ul.uxd_skill_move li img{width:386px; height:310px; display:block;}

.uxd_skill_mark{ width: 386px; height: 310px; position: absolute; background-color:rgba(80,80,80,0.5); top: 0; left: 0; text-align: center;}
.uxd_skill_mark h4,.uxd_skill_yd_mark h4{ font-size: 26px; color: #fff; font-weight: normal; margin: 120px 0 10px; }
.uxd_skill_mark span,.uxd_skill_yd_mark span{ display: block; width: 60%; height: 1px; background-color: #fff; margin: 0 auto;}
.uxd_skill_mark h5,.uxd_skill_yd_mark h5{ font-size: 18px; color: #fff; font-weight: normal; line-height: 36px;}

#uxd_skill_yd{ width: 100%; display: none;}
#uxd_skill_yd ul li{ position: relative; float: left; width: 48%; }
#uxd_skill_yd ul li img{ width: 100%;}
#uxd_skill_yd ul li:nth-of-type(2n){ margin-left: 4%;}
.uxd_skill_yd_mark{ position: absolute;width: 100%; top: 0; left: 0; background-color:rgba(80,80,80,0.5); text-align: center;}
/*skillOver*/  

/*course*/
#uxd_course{ width: 100%;}
.uxd_course_left{ width: 100%; background-color: #fafafa;}
.uxd_course_left img{ width: 50%; height: 600px; float: left;}
.uxd_course_right{ width: 100%;  background-color: #fafafa;}
.uxd_course_right img{ width: 50%; height: 600px; float: right;}
.uxd_course_meau{ width: 610px;}
.uxd_course_left .uxd_course_meau{ float: left;}
.uxd_course_right .uxd_course_meau{ float: right;}
.uxd_course_meau h4{ font-size: 28px; color: #515151;margin: 40px 0 20px 30px;}
.uxd_course_meau p{ font-size: 18px; color: #515151; line-height: 36px; margin:0 30px;}
.uxd_course_meau a{ display: block; color: #eb315f; font-size: 18px; margin: 50px 0 0 30px;}
/*courseOver*/

/*teacher*/
#uxd_teacher{ width:1220px; margin: 0 auto;}
#uxd_teacher ul li{ width:600px; float:left; background-color:#fff; box-shadow: 0 0 30px #dadada; margin-left:20px; margin-bottom:20px;}
#uxd_teacher ul li:nth-of-type(2n+1){ margin-left:0;}
#uxd_teacher ul li img{ float:left; display:block; margin:50px 28px 46px 18px;}
#uxd_teacher ul li h4{ font-size:36px; color:#393a4c; margin-top:50px;}
#uxd_teacher ul li p{ font-size:15px; color:3535353; margin-top:30px; line-height:30px; padding-right:20px;}
/*teacherOver*/

/*works*/
#uxd_works{ width:1220px; margin:0 auto;}
.example {width: 1220px;height: 500px;font-size: 40px;text-align: center;margin: 20px auto;background-color: #fff;}

.ft-carousel {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.ft-carousel .carousel-inner {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
}

.ft-carousel .carousel-inner .carousel-item {
	float: left;
	height: 100%;
}

.ft-carousel .carousel-item img {
	width: 100%;
}

.ft-carousel .carousel-btn {
	position: absolute;
	top: 50%;
	width: 60px;
	height: 150px;
	margin-top: -75px;
	cursor: pointer;
}

.ft-carousel .carousel-prev-btn {
	left: 0;
	background: url(../images/uxd_works_prev.png) no-repeat;
}

.ft-carousel .carousel-next-btn {
	right: 0;
	background: url(../images/uxd_works_next.png) no-repeat;
}

#uxd_works{ width: 100%;}
#uxd_works_yd{ width: 100%; display: none;}
#uxd_works_yd ul li{ width: 100%;}
#uxd_works_yd ul li img{ width: 100%;}

#uxd_works_new{ width: 1220px; margin: 0 auto;}
#uxd_works_title{ width: 1220px; }
#uxd_works_title h4{ float: left; font-size: 20px; width: 244px; text-align: center; font-weight: 700; color: #707070;}
#uxd_works_title h4 span{ display: block; width: 244px; height: 2px; background-color: #ea0003; margin: 10px 0 30px; display: none;}
#uxd_works_title h4.uxd_works_color{ color:#ea0003; }

#uxd_works_zp{ width: 1220px;}
#uxd_works_zp ul li{ display: none;}

/*worksOver*/

/*service*/
#dhsj_service{ width: 1220px; margin: 0 auto;}
#dhsj_service ul li{ width: 380px; float: left; background-color: #f6f7f9; border-radius: 20px; margin-left: 40px; margin-bottom: 30px;}
#dhsj_service ul li:nth-of-type(3n+1){ margin-left: 0;}
#dhsj_service ul li img{ display: block; margin: 36px auto 25px;}
#dhsj_service ul li h5{ font-size: 24px; color: #363535; text-align: center; font-weight: normal;}
#dhsj_service ul li span{ display: block; width: 20%; height: 2px;  margin: 20px auto; background-color: #dd0015;}
#dhsj_service ul li p{ padding: 0 50px 40px; font-size: 18px; line-height: 30px; text-align: center; color: #7c7c7c;}
/*serviceOver*/ 

/*envir*/
#uxd_envir{ width:100%;}
#uxd_envir img{ display:block;}
.uxd_envir_l{ width:18.3%; float:left; margin-top:10px; margin-left:1%;}
.uxd_envir_l img:nth-of-type(2){ margin-top:10px;}
.uxd_envir_m{ width:24.95%; float:left; margin-left:0.6%; margin-top:10px;}
.uxd_envir_m img:nth-of-type(2){ margin-top:10px;}
.uxd_envir_r{ width:55%; float:left; }
.uxd_envir_l img,.uxd_envir_m img,.uxd_envir_r img{ width:100%;}
.uxd_envir_r_t{ width:100%;}
.uxd_envir_r_t ul li{ width:32%; float:left; margin-left:1%; margin-top:10px;}
.uxd_envir_r_b{ width:100%;}
.uxd_envir_r_b ul li{ width:48.5%; float:left; margin-left:1%;  margin-top:10px;}
/*envirOver*/

/*interview*/
#uxd_interview{ width:100%; margin:0 auto;}
#uxd_interview ul{ width:100%; background-color:#f9f9f9;}
#uxd_interview ul li{ width:22.5%; float:left; margin:50px 0 50px 35px; padding-bottom:30px; position:relative; background-color:#fff; }
#uxd_interview ul li>img{ width:100%; display:block;}
#uxd_interview ul li h4{ font-size:20px; color:#515151; padding:20px 0 10px 30px;}
#uxd_interview ul li p{ font-size:16px; color:#666666; line-height:32px; padding-left:30px;}	
#uxd_interview ul li a{ display: block; width:24%; position:absolute; top:25%; left:38%; z-index:99;}
/*interviewOver*/


div.indexmaindiv{margin:0px auto;width:1220px;}
div.indexmaindiv1{margin-top:25px; position: relative;}
div.indexmaindiv1 div.stylesgoleft{float:left;width:21px;height:28px;background:url('../images/arrowhead.png') no-repeat left top;margin:300px 5px 0px 0px;cursor:pointer; position: absolute; left: -50px;}
div.indexmaindiv1 div.stylesgoleft:hover{float:left;width:21px;height:28px;background:url('../images/arrowhead.png') no-repeat left -28px;margin:300px 5px 0px 0px;cursor:pointer;}
div.indexmaindiv1 div.playerdetail{width:290px; }
div.indexmaindiv1 div.playerdetail div.detailimg{width:290px; }
div.indexmaindiv1 div.playerdetail div.detailimg img{width:290px;}


div.indexmaindiv1 div.stylesgoright{float:left;width:21px;height:28px;background:url('../images/arrowhead.png') no-repeat left -56px;margin:300px 0px 0px 15px;cursor:pointer; position: absolute; right: -50px;}
div.indexmaindiv1 div.stylesgoright:hover{float:left;width:21px;height:28px;background:url('../images/arrowhead.png') no-repeat left -84px;margin:300px 0px 0px 15px;cursor:pointer; }
/*滚动*/
div.maindiv1{float:left;width:1220px; height: 609px; overflow:hidden;position:relative;}
div.maindiv1 ul{position:absolute;left:0;top:0;}
div.maindiv1 ul li{float:left;width:290px;margin-left:20px;}
div.maindiv1 ul li:nth-of-type(1){ margin-left: 0;}

#uxd_shot_yd{ width: 100%; display: none;}
#uxd_shot_yd img{ display: block; width: 90%; margin-left: 5%; margin-bottom: 1rem;}

@media only screen and (min-width: 768px) and (max-width: 1024px){
	#uxd_banenr{ display:none;}
	#uxd_banenr_yd{ display:block;}
	
	#uxd_full ul{ padding: 1.0rem 0;}
	#uxd_full ul li{ width:49%; margin-top:1.4rem;}
	#uxd_full ul li h4{ font-size: 1.6rem;}
	#uxd_full ul li p{ font-size: 1.2rem; line-height: 2.2rem;}
	
	#uxd_desgin{ width:100%;}
	#uxd_desgin ul li{ width:48%; margin-left:0; margin-top:4%;}
	#uxd_desgin ul li:nth-of-type(2n){ margin-left:4%;}
	
	#uxd_ability{ width:100%;}
	
	#uxd_ability ul{ display:none;}
	.uxd_ability_box{  display:none;}
	
	#uxd_ability_yd{ display: block;}
	
	#uxd_trend_content{ width: 100%;}
	#uxd_trend_content ul li{ width: 48%; margin-left: 0; margin-top: 4%;}
	#uxd_trend_content ul li:nth-of-type(2n){ margin-left: 4%;}
	#uxd_trend_content ul li h4{ font-size: 1.4rem;}
	#uxd_trend_content ul li h5{ font-size: 1.2rem;  line-height: 1.8rem;}
	#uxd_trend_content ul li p{ font-size:1.2rem; padding: 1.2rem 1.4rem 1.6rem; line-height: 1.6rem;}
	
	#uxd_skill{ width: 100%;}
	#uxd_skill_main{ display: none;}
	#uxd_skill_yd{ display: block;}
	#uxd_skill ul,.uxd_skill_box{ display: none;}
	#uxd_skill_yd ul li{ height: 18.5rem; overflow: hidden; margin-top: 4%;}
	#uxd_skill_yd ul li:nth-of-type(2n){ margin-left: 4%;}
	.uxd_skill_yd_mark{ height: 20rem;}
	
	
	.uxd_course_left img,.uxd_course_right img{ width: 100%; height: auto;}
	.uxd_course_right .uxd_course_meau{ float: left;}
	.uxd_course_meau{ width: 90%; margin: 1.5rem 1rem 1.8rem 1.4rem;}
	
	#uxd_teacher{ width: 100%;}
	#uxd_teacher ul li{ width: 48%; margin-left: 0;}
	#uxd_teacher ul li:nth-of-type(2n){ margin-left: 4%;}
	#uxd_teacher ul li img{ float: none; margin:2.0rem 0 1.2rem 2.6rem;}
	#uxd_teacher ul li h4{ font-size:1.6rem; margin:1.2rem 0 0 2.6rem;}
	#uxd_teacher ul li p{ font-size:1.1rem; margin:0.8rem 0 0 2.6rem; line-height:1.8rem; padding-right:1.4rem; padding-bottom: 1.6rem;}
	
	
	#uxd_works_new{ width: 100%;}
	#uxd_works_title,#uxd_works_zp{ display: none;}
	#uxd_works_yd{ display: block;}
	
	#dhsj_service{ width: 100%;}
	#dhsj_service ul li{ width: 48%; margin-left: 4%; height: 24rem; }
	#dhsj_service ul li:nth-of-type(3n+1){ margin-left: 4%;}
	#dhsj_service ul li:nth-of-type(2n+1){ margin-left: 0;}
	#dhsj_service ul li img{ width: 40%; margin: 1.6rem auto 1.2rem;}
	#dhsj_service ul li h5{ font-size: 1.6rem;}
	#dhsj_service ul li span{ width: 30%;}
	#dhsj_service ul li p{ padding: 0 0.6rem 1.4rem; font-size: 1.2rem; line-height: 2.2rem; }
	
	.uxd_envir_l,.uxd_envir_m{ display: none;}
	.uxd_envir_r{ width: 100%;}
	
	#uxd_interview ul li{ width: 48%; margin:1.2rem 0 1.0rem 0;}
	#uxd_interview ul li:nth-of-type(2n){ margin-left: 4%;}
	
	#uxd_shot{ width: 100%;}
	.indexmaindiv{ display: none;}
	#uxd_shot_yd{ display: block;}
}
@media only screen and (min-width: 320px) and (max-width: 767px){
	#uxd_banenr{ display:none;}
	#uxd_banenr_yd{ display:block;}
	
	#uxd_full ul{ padding:0.6rem 0;}
	#uxd_full ul li{ width:49%; margin-top:1rem;}
	#uxd_full ul li h4{ font-size: 1.0rem;}
	#uxd_full ul li p{ font-size: 0.8rem; line-height: 1.8rem;}
	
	#uxd_desgin{ width:100%;}
	#uxd_desgin ul li{ width:48%; margin-left:0; margin-top:2%;}
	#uxd_desgin ul li:nth-of-type(2n){ margin-left:4%;}
	#uxd_desgin ul li img{ width:40%; margin: 1.6rem auto 1rem;}
	#uxd_desgin ul li h4{ font-size:1.2rem; margin-bottom: 0.6rem;}
	#uxd_desgin ul li p{ font-size: 0.9rem; padding: 0 0.8rem 1.6rem; line-height: 1.6rem;}
	#uxd_desgin a{ width:70%; height: 3rem; line-height: 3rem; font-size: 1.2rem; margin: 2rem auto;}

	.uxd_h2{ font-size: 2rem; margin-top: 2.2rem;}
	.uxd_h3{ font-size: 1rem; line-height: 2.0rem; margin-bottom:0.6rem;}
	
	#uxd_ability{ width:100%;}
	#uxd_ability ul{ display:none;}
	.uxd_ability_box{  display:none;}
	
	#uxd_ability_yd{ display: block;}
	
	.uxd_ability_yd_box h4{ font-size: 1.0rem;  line-height: 1.8rem; margin-top:0.6rem;}
    .uxd_ability_yd_box h5{ font-size: 0.7rem; line-height:1.2rem; margin-bottom: 0.8rem;}
	
	#uxd_trend_content{ width: 100%; padding: 1.5rem 0 1.6rem;}
	#uxd_trend_content ul li{ width: 48%; margin-left: 0; margin-top: 4%;}
	#uxd_trend_content ul li:nth-of-type(2n){ margin-left: 4%;}
	#uxd_trend_content ul li h4{ font-size: 1.2rem; margin: 1.0rem 0 0.8rem 0.8rem;}
	#uxd_trend_content ul li h5{ font-size: 0.8rem;  line-height: 1.4rem; margin:0 0.8;}
	#uxd_trend_content ul li p{ font-size:0.9rem; padding: 0.6rem 1.0rem 1.4rem; line-height: 1.2rem;}
	
	
	#uxd_skill{ width: 100%;}
	#uxd_skill_main{ display: none;}
	#uxd_skill_yd{ display: block;}
	#uxd_skill ul,.uxd_skill_box{ display: none;}
	#uxd_skill_yd ul li{ height: 7.8rem; overflow: hidden; margin-top: 4%;}
	#uxd_skill_yd ul li:nth-of-type(2n){ margin-left: 4%;}
	.uxd_skill_yd_mark{ height: 10rem;}
	.uxd_skill_yd_mark h4{ font-size: 1.0rem; margin: 1.8rem 0 0.5rem; }
	.uxd_skill_yd_mark h5{ font-size: 0.8rem; line-height: 1.2rem;}
	
	
	.uxd_course_left img,.uxd_course_right img{ width: 100%; height: auto;}
	.uxd_course_right .uxd_course_meau{ float: left;}
	.uxd_course_meau{ width: 90%; margin: 1.0rem 0.8rem 0.6rem 0.8rem;}
	.uxd_course_meau h4{ font-size: 1.2rem; margin: 0.8rem 0.6rem 0.8rem 0.6rem;}
	.uxd_course_meau p{font-size: 0.8rem; line-height: 1.6rem; margin: 0 0.6rem}
	.uxd_course_meau a{font-size: 0.9rem; margin: 1.6rem 0 0 0.6rem;}
	
	#uxd_teacher{ width: 100%;}
	#uxd_teacher ul li{ width: 100%; margin-left: 0;}
	#uxd_teacher ul li img{ width: 60%; float: none; margin:1.4rem 0 0.8rem 16%;}
	#uxd_teacher ul li h4{ font-size:1.2rem; margin:1.0rem 0 0 16%;}
	#uxd_teacher ul li p{ font-size:0.9rem; margin:0.4rem 0 0 16%; line-height:1.4rem; padding-right:1.6rem; padding-bottom: 1.2rem;}
	
	#uxd_works_new{ width: 100%;}
	#uxd_works_title,#uxd_works_zp{ display: none;}
	#uxd_works_yd{ display: block;}
	
	#dhsj_service{ width: 100%;}
	#dhsj_service ul li{ width: 48%; margin-left: 4%; height: 17rem; }
	#dhsj_service ul li:nth-of-type(3n+1){ margin-left: 4%;}
	#dhsj_service ul li:nth-of-type(2n+1){ margin-left: 0;}
	#dhsj_service ul li img{ width: 40%; margin: 1.4rem auto 1.0rem;}
	#dhsj_service ul li h5{ font-size: 1.2rem;}
	#dhsj_service ul li span{ width: 30%;}
	#dhsj_service ul li p{ padding: 0 0.2rem 1rem; font-size: 0.8rem; line-height: 1.4rem; }
	
	.uxd_envir_l,.uxd_envir_m,.uxd_envir_r_b{ display: none;}
	.uxd_envir_r{ width: 99%;}
	.uxd_envir_r_t ul li{ width: 100%; float: none;}
	.uxd_envir_r_t ul li img{ width: 98%;}
	
	#uxd_interview ul li{ width: 100%;  margin:0 0 1.0rem 0;}
	#uxd_interview ul li h4{ font-size:1.1rem;  padding:1.0rem 0 0.6rem 0.8rem;}
	#uxd_interview ul li p{ font-size:0.9rem;  line-height:1.2rem; padding-left:0.8rem;}
	
	#uxd_shot{ width: 100%;}
	.indexmaindiv{ display: none;}
	#uxd_shot_yd{ display: block;}

}