@charset "utf-8";


.subContWrap {position: relative;}
.h3SubWrap {margin-bottom: 40px;}
.h3SubWrap.mb0 {margin-bottom: 0;}

.place.container {min-height: 900px; background:#fcfbfb  url('/resources/images/sub/bg_place.png') top right no-repeat; background-position-y:88px;}
.expatiation.container{background: url('../images/sub/@expatiation.png?v=01') #fcfbfb top right no-repeat; background-position-y:80px;}
.edu.container {background-position-y:80px; padding-bottom:100px;}
.truck.container {background: url('../images/sub/bg_truck.png') #fcfbfb top right no-repeat; background-position-y:80px;}

.placeList {margin-top: 40px; margin-bottom: 20px;}
.placeList ul:after {content:''; display:block; clear:both;}
.placeList ul li{position: relative; float:left; padding-left: 56px; margin-left: 44px; height:250px; margin-bottom: 20px;}
.placeList ul li:after {content:''; position: absolute; left:0; top:50px; width: 12px; height: 19px; background:url('/resources/images/sub/placeArrow.png') no-repeat;}
.placeList ul li:first-child {margin-left: 0; padding-left: 0;}
.placeList ul li:first-child:after {display: none;}
.placeList ul li .in {position: relative; width:120px; text-align: center;  padding-top: 140px; background-size:120px auto !important;}
.placeList ul li.no1 .in {background:url('/resources/images/sub/placeList01Mob.png') center top no-repeat;}
.placeList ul li.no2 .in {background:url('/resources/images/sub/placeList02Mob.png') center top no-repeat;}
.placeList ul li.no3 .in {background:url('/resources/images/sub/placeList03Mob.png') center top no-repeat;}
.placeList ul li.no4 .in {background:url('/resources/images/sub/placeList04Mob.png') center top no-repeat;}
.placeList ul li.no5 .in {background:url('/resources/images/sub/placeList05Mob.png') center top no-repeat;}
.placeList ul li .tit01 {font-size: 18px; line-height: 18px; font-weight: bold; margin-bottom:13px;}
.placeList ul li .tit02 {font-size: 23px; line-height:23px;  font-weight: bold; margin-bottom: 10px;}
.placeList ul li .tit03 {font-size: 15px;}

.placeTit01 {font-size: 15px; line-height: 1.6em; padding-left: 20px; margin-bottom: 80px;}

.addAgree.type2 {margin-top: 25px;}
.addAgree .text {font-size: 15px; color:#222222; line-height: 1.6em; margin-bottom: 20px;}
.addAgree .text span {color:#ff0000;}

/* .calArea {margin-bottom:80px; position:relative;}
.calWrap .controls {position: relative; text-align: center; padding-bottom: 10px; background: #fcfbfb  ; z-index: 11;}
.calWrap .controls .yearTit {display: inline-block;}
.calWrap .controls .yearTit span{display: inline-block; vertical-align: middle; margin:0 25px; font-size: 25px; font-weight: bold; line-height: 25px;}
.calWrap .controls .yearTit a {display: inline-block; width:40px; height: 40px; text-indent:-9999em; vertical-align: middle;}
.calWrap .controls .yearTit a.btnPrev {background:url('/resources/images/sub/leftArrow.png') no-repeat;}
.calWrap .controls .yearTit a.btnNext {background:url('/resources/images/sub/rightArrow.png') no-repeat;}
.calWrap .controls .btnToday {position: absolute; right:0; top:7px;}
.calWrap .controls .btnToday a {display: inline-block; font-size: 14px; color:#fff; font-weight: bold; border-radius:15px; width: 69px; height: 30px; line-height: 30px; background: #333333;}
.calTable  {position: relative;}
.calTable table {width: 100%; table-layout:fixed;}
.calTable table th {background: #000; font-weight: normal; font-size: 15px; height: 34px; color:#fff; text-align: center;}
.calTable table td {text-align: center; border:1px solid #cccccc; vertical-align: top; height:100px;}
.calTable table td a {display: block; height: 100%;}
.calTable table td .day  {padding: 4px 0;}
.calTable table td .day span {display: inline-block; width: 24px; height: 24px; line-height: 24px;}
.calTable table td.gray .day span{color:#cccccc; }
.calTable table td.today .day span {background: #333333;color:#fff; border-radius:100%}
.calTable table td.today {background: #ededed;}
.calTable table td .front {padding:0 1px;}
.calTable table td .front li { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; border-radius:3px; background: #cccccc; font-size: 12px; line-height: 12px; color:#333333; margin-top: 2px; padding:4px; text-align: left;}
.calTable table td .front li:nth-child(1n+4){display:none;}
.calTable table td.hide .front li:nth-child(1n+3){display:none;}
.calTable table td .front li:first-child {margin-top: 0;}
.calTable table td .plusCount {font-size: 12px; line-height: 12px; text-align: left;  padding:7px 0 7px 4px; display: none; font-weight: bold;}
.calTable table td .plusCount .mCount {display: none;}
.calTable table td.hide .plusCount {display: block;}

.calPop {position: absolute; left:0; top:0;width: 100%; height: 100%; z-index: 10; display: none; }
.calPop .bg {position: absolute; left:0; top:0;width: 100%; height: 100%; z-index: 1; background:rgba(0,0,0,.8); }
.calPop .calIn {position: absolute; left:50%; top:50%; margin-left:-220px; width:440px;  z-index: 2; background:#fff; border:1px solid #cccccc; border-radius:3px; }
.calPop .calIn .title {font-size:25px; line-height: 25px; border-bottom: 1px solid #333333; padding:20px 0 20px 30px;}
.calPop .calIn .btnCloseCal {position: absolute; right:20px; top:23px;}
.calPop .calIn .btnCloseCal a {display: inline-block; text-indent:-999em; width:18px; height: 18px; background:url('/resources/images/sub/btnCloseCal.png') no-repeat;}
.calPop .calIn .calList {padding:30px;}
.calPop .calIn .calList ul li {margin-top: 15px;}
.calPop .calIn .calList ul li:first-child {margin-top: 0;}
.calPop .calIn .calList ul li:after {content:''; display:block; clear:both;}
.calPop .calIn .calList ul li .time {float:left; font-size: 15px; }
.calPop .calIn .calList ul li .text {margin-left: 94px; font-weight: bold; font-size: 15px; } */

.infoTop .lst{border-bottom: 1px solid #bebebe;}
.infoTop .lst .tp{padding: 33px 0; border-top: 1px solid #bebebe;}
.infoTop .lst .tp .lstInner{min-height: 200px; position: relative; padding-left: 334px;}
.infoTop .lst .tp .lstInner .thumb{position: absolute; left: 2px; top: 0; width: 300px;}
.infoTop .lst .tp .lstInner .thumb img {max-width:100%}
.infoTop .lst .tp .lstInner .txts{line-height: 27px;}
.infoTop .lst .tp .lstInner .txts .dLst{font-size: 15px; color: #000; padding-left: 55px; position: relative; line-height: 1.9;}
.infoTop .lst .tp .lstInner .txts .dLst .dt{font-weight: bold; position: absolute; left: 0; top: 0; width: 53px;}
.infoTop .lst .tp .lstInner .txts .dLst .dt:after{content: ':'; position: absolute; right: 3px;}
.infoTop .lst .tp .lstInner .txts .dLst .dd{font-weight: normal;}
.infoBottom{padding-top:30px; }
.infoBottom .typ01{line-height: 1.7; margin-bottom: 70px;}

.perfoInfo {padding:30px 0 17px 0; position:relative; color:#222; border-bottom:1px solid #bebebe;}
.perfoInfo .in {width:700px;overflow:hidden;}
.perfoInfo dl {float:left; width:350px; overflow:hidden; margin-bottom:5px;}
.perfoInfo dl dt {float:left; width:80px; font-size:16px; color:#222222; font-weight:bold;}
.perfoInfo dl dd {float:left; font-size:16px; color:#222222;}
.btnDown span {display: inline-block; padding-right: 27px; background:url('/resources/images/common/icoDown.png') right center no-repeat; }

.addTextList ul   {padding-top:15px;}
.addTextList ul li  {margin-bottom: 30px;}
.addTextList ul li .question {font-size: 16px; color:#222222; font-weight: bold; margin-bottom: 8px;}
.addTextList ul li input {border:1px solid #cccccc; width:100%; height: 40px; text-indent:10px; background: #fff;  color:#222;}

@media all and (max-width:1280px) {
	.place.container {background-size: 70% auto;}
	.expatiation.container {background-size: 70% auto;}
	.planning.container {background-size: 70% auto;}
	.perfor.container {background-size: 70% auto;}
	.edu.container {background-size: 70% auto;}
	.truck.container {background-size: 70% auto;}
}

@media all and (max-width:767px) {
	.perfoInfo {padding: 20px 0 17px 0;  }
	.perfoInfo .in {width:100%;}
	.perfoInfo dl {width:50%; margin-bottom:5px; }
	.perfoInfo dl:nth-child(odd) {width:50%;}
	.perfoInfo dl dt { width:65px; font-size:14px;}
	.perfoInfo dl dd {font-size:14px;}
	.btnDown span {padding-right: 22px; background:url('/resources/images/common/icoDownMob.png') right center no-repeat; background-size:15px auto; }

	.addTextList ul li { margin-bottom:20px}
	.addTextList ul li .question {font-size: 12px;;}
	.addTextList ul li input {text-indent: 8px; height: 35px; font-size: 12px;}

	.exImg {text-align: center;}
	.exImg img{max-width:90%}

	.infoBottom {padding-top: 0;}
	.infoTop .lst .tp {padding:20px 0;}
	.infoTop .lst .tp .lstInner {padding:0 15px;}
	.infoTop .lst .tp .lstInner  img {width: 100%;}
	.infoTop .lst .tp .lstInner .thumb {position: static; width: 100%; display: block; margin-bottom: 15px;}
	.infoTop .lst .tp .lstInner .txts .dLst {font-size: 13px;}
	.infoTop .lst .tp .lstInner .txts {font-size: 13px; line-height:inherit;}

	.addAgree.type2 {margin-top: 15px;}
	.addAgree .text {font-size: 12px;  margin-bottom: 15px;}

	.placeList { width: 360px; margin:0 auto}
	.placeList ul li {padding-left: 18px; margin-left: 13px; margin-bottom: 20px; height: auto;}
	.placeList ul li.no4 {clear:both; margin-left: 0;}
	.placeList ul li:after {top:35px; height: 23px; background:url('../images/sub/placeArrowMob.png') no-repeat; background-size:10px auto; }
	.placeList ul li .in {width: 90px; background-size:90px auto !important; padding-top: 100px;}
	.placeList ul li .in .tit01 {font-size: 14px; line-height: 14px;}
	.placeList ul li .in .tit02 {font-size: 18px; line-height: 18px;}
	.placeList ul li .in .tit03 {font-size: 12px; }

	.place.container {min-height: 0; background-size: 80% auto; background-position-y: 50px;}
	.expatiation.container {min-height: 0; background-size: 80% auto; background-position-y: 50px;}
	.expatiationPlan.container {min-height: 0; background-size: 80% auto; background-position-y: 50px;}
	.planning.container {min-height: 0; background-size: 80% auto; background-position-y: 50px;}
	.perfor.container {min-height: 0; background-size: 80% auto; background-position-y: 50px;}
	.edu.container {min-height: 0; background-size: 80% auto; background-position-y: 50px;}
	.truck.container {min-height: 0; background-size: 80% auto; background-position-y: 50px;}

	.h3SubWrap {margin-top: 30px; margin-bottom: 10px; padding-bottom: 10px;}
	.h3SubWrap h3{padding-left: 9px; font-size: 17px; line-height: 17px;}
	.h3SubWrap h3:before {height: 15px;}

	.placeTit01 {padding-left: 15px;; font-size: 13px; margin-bottom: 0;}

	.calArea {margin-bottom:40px;}
	.calWrap .controls .yearTit a { width:32px; height: 32px;}
	.calWrap .controls .yearTit a.btnPrev {background:url('/resources/images/sub/leftArrowMob.png') no-repeat;background-size:32px auto;}
	.calWrap .controls .yearTit a.btnNext {background:url('/resources/images/sub/rightArrowMob.png') no-repeat;background-size:32px auto;}
	.calWrap .controls .btnToday {top:0;}
	.calWrap .controls .btnToday a {font-size: 13px;border-radius:15px; width: 55px; height: 32px; line-height: 32px; }
	.calTable table th {font-size: 13px; height: 30px; }
	.calTable table td {height:75px;}
	.calTable table td .day  {padding:5px 0 15px 0;}
	.calTable table td .day span {width: 19px; height: 19px; line-height: 19px; font-size: 12px;}

	.calTable table td .front {display: none;}
	.calTable table td .plusCount {font-size: 12px; line-height: 12px; padding:0 0 7px 0; display: block; text-align: center;}
	.calTable table td .plusCount .mCount {display: inline;}
	.calTable table td .plusCount .pCount {display: none;}

	.calPop .calIn {position: absolute; left:0; left:17px; top:50%;  margin-left:0; width:calc(100% - 34px);   }
	.calPop .calIn .title {font-size:17px; line-height: 17px;padding:15px 0 15px 20px;}
	.calPop .calIn .btnCloseCal {position: absolute; right:15px; top:15px;}
	.calPop .calIn .btnCloseCal a {width:13px; height: 13px; background:url('/resources/images/sub/btnCloseCalMob.png') no-repeat; background-size:13px auto;}
	.calPop .calIn .calList {padding:15px 20px;}
	.calPop .calIn .calList ul li {margin-top: 12px;}
	.calPop .calIn .calList ul li .time {font-size: 13px; }
	.calPop .calIn .calList ul li .text {margin-left:84px;font-size: 13px; }
}

@media all and (max-width:360px) {
.placeList {width: auto;}
}