/* #popup {position:relative;width:100%;background:url(../images/event/event_bg.gif) repeat;} */
#popup {position:relative;width:100%;background:url(../images/event/ptn_pop.gif) repeat;}
#popup .inner {position:relative;width:1100px;height:160px;margin:0 auto;}
#popup .inner .pop-date {position:absolute;top:53px;left:0;min-width:240px;padding:6px 10px;background:#003a5d;border-radius:10px;}
#popup .inner .pop-date > p {color:#fff;font-size:16px;font-weight:bold;letter-spacing:-0.08em;}
#popup .inner .pop-moile > p {position:absolute;top:65px;right:100px;color:#ffc107;font-size:13px;}
#popup .inner .pop-txt-area {width:100%;padding-top:16px;text-align:center;}
#popup .inner .pop-txt-area .pop-tit {margin-bottom:12px;color:#ddd;font-size:16px;font-weight:bold;}
#popup .inner .pop-txt-area .pop-slogun {margin-bottom:20px;}
#popup .inner .pop-btn {position:absolute;left:50%;bottom:-27px;width:267px;margin-left:-133px;text-align:center;}
#popup .popup-form {width:100%;height:40px;background:url(../images/event/bg_repeat.png) repeat;}
#popup .popup-form form {display:block;width:1100px;padding-top:11px;margin:0 auto;text-align:right;}
#popup .popup-form form label {color:#fff;}

#eventLayer .layer-inner .logo_home{position:absolute; top:20px; right:40px;}
#eventLayer {position:absolute;top:0;left:0;right:0;bottom:0;background:url(../images/event/page_shadow.png) repeat left top;overflow-y:auto;z-index:900;}
#eventLayer .layer-inner {position:absolute;top:50px;left:50%;width:757px;padding:50px 43px 43px 50px;margin-left:-425px;margin-bottom:50px;background:#efefef url(../images/event/new/bg_dot.png) repeat;z-index:900;}
#eventLayer .prev_page {position:absolute;left:25px;top:25px;width:32px;height:32px;}
#eventLayer .prev_page img {max-width:100%;}
#eventLayer .close_layer_page {position:absolute;right:25px;top:25px;width:32px;height:32px;}
#eventLayer .close_layer_page img {max-width:100%;}
#eventLayer .event-slogun {text-align:center;}
#eventLayer .event-slogun .service_tit{margin-top:20px;font-size:25px; font-weight:600; color:#d1372c; }
#eventLayer .event-slogun .service_txt{font-size:50px; font-weight:600; color:#333; line-height:70px;}
#eventLayer .event-slogun .service_txt span{font-size:65px; }
#eventLayer .event-slogun img {max-width:100%;}
#eventLayer .event-txt {margin-top:10px; padding:20px 30px; text-align:center;color:#333;font-size:18px;font-weight:400;line-height:30px;letter-spacing:-0.1em;word-break:keep-all; border:1px solid #fff; background:#efefef;}
#eventLayer .event-txt .color_red{color:#d1372c;}
#eventLayer .event-txt .bg_pink{background:rgba(209, 55, 44, 0.1);}
#eventLayer .event-date {margin-bottom:20px;text-align:center;}
#eventLayer .event-date > p {display:inline-block; padding:0 20px;margin:20px 0;width:390px;height:35px;background:#d1372c;border-radius:50px;border:2px solid #fff; line-height:35px;color:#fff;font-size:18px; font-weight:500;letter-spacing:-0.04em;}
#eventLayer .event-date > p > span {color:#ffb81d;}
#eventLayer .event_section .inner {position:relative;min-height:50px;margin:0 0 43px 0; /*background:url(../images/event/page_shadow.png) repeat left top;*/}
#eventLayer .event_section .event-cont {margin-top:40px; padding-bottom:30px;background:#fff;min-height:50px;width:100%;box-shadow:2px 2px 3px rgba(0,0,0,0.1);}
#eventLayer .page-top {width:100%;padding-top:25px;margin-bottom:0px;text-align:center;}
#eventLayer .page-tit {width:100%;padding-top:25px;margin-bottom:25px;text-align:center;}
#eventLayer .page-txt {margin-top:-10px; font-size:20px;text-align:center; padding-bottom:20px; letter-spacing:-0.08em; }
#eventLayer .page-txt > em {color:#293ba6;font-weight:bold;}
#eventLayer .page_txt_admin{background:none;}
#eventLayer .page_txt_mb{padding-bottom:0;}
#eventLayer .page-img {margin:auto; width:95%; text-align:center;}
#eventLayer .page-img img {margin-top:-20px;max-width:100%;}
#eventLayer .page_img_mobile{display:none;}
#eventLayer .page-text {margin:15px 0 0;font-size:15px;text-align:center;}
#eventLayer .dash-line {padding-bottom:2px;background:url(../images/event/dash_line.gif) repeat-x left bottom;}
#eventLayer .video_area {width:100%;text-align:center;}
#eventLayer .video_area iframe {width:90%;height:380px;}
#eventLayer .event_section .page_btn {margin:0 auto; margin-top:30px; padding:0 20px;width:330px; height:70px; background:#5166b0; font-size:28px; font-weight:600; color:#fff; text-align:center; line-height:70px; border-radius:35px; box-shadow:3px 3px 3px rgba(0,0,0,0.2); transition-duration:0.3s;}
#eventLayer .event_section .page_btn:hover{background:#d64c3a; }
#eventLayer .event_section .page_btn:hover a{color:#fff; text-decoration:underline;}
#eventLayer .event_section .page_btn a{display:block; height:100%; width:100%; color:#fff;}
#eventLayer .call_num{margin-top:40px;font-size:20px;text-align:center;}

#eventComplete {position:absolute;z-index:99999;top:50%;left:50%;width:280px;height:130px;padding:10px;margin-left:-150px;margin-top:-60px;border:1px solid #000;background:#fff;display:none;}
#eventComplete p{display:block;margin:15px 0 10px;font-size:16px;text-align:center;}
#eventComplete a{display:block;width:75px;height:40px;margin:0 auto;border-radius:5px;background:#0075c9;color:#fff;font-size:16px;line-height:40px;text-align:center;}

#eventPage1 .info-form {padding:0px 20px;}
#eventPage1 .info_form_admin{padding:0 20px;}
#eventPage1 .info-form ul li {position:relative;border-top:1px solid #ddd;}
#eventPage1 .info-form ul li:first-child {border-top:0;}
#eventPage1 .info-form ul li .enter-tit {display:block; text-align:center;font-size:20px; font-weight:500; letter-spacing:-0.08em;}
#eventPage1 .info-form ul li .enter-tit span{color:#293ba6;}
#eventPage1 .info-form ul li .inp-box {padding-top:10px;}
#eventPage1 .info-form ul li .first {padding-top:0;font-size:15px;}
#eventPage1 .info-form ul li input {height:28px;border:1px solid #ccc;vertical-align:top;}
#eventPage1 .info-form ul li select {height:30px;padding:0 5px;border:1px solid #ccc;vertical-align:top;}
#eventPage1 .info-form ul li textarea {width:96%;height:120px;padding:1%;border:1px solid #ccc;resize:none;}
#eventPage1 .info-form ul li .inp-long-type {margin-top:10px; height:50px; width:100%; background:#f8fbfd; border:none; text-align:center; font-size:18px; border-radius:10px;box-sizing:border-box;}
#eventPage1 .info-form ul li .inp-middle-type {width:115px; font-size:13px;}
#eventPage1 .info-form ul li .inp-short-type {width:90px; font-size:13px;}
#eventPage1 .info-form ul li .inp-small-type {width:55px;}
#eventPage1 .info-form ul li .cut-hipen {display:inline-block;height:30px;line-height:30px;}
#eventPage1 .info-form ul li a {display:inline-block;height:22px;padding:4px 8px;background:#293ba6;border-radius:5px;line-height:22px;color:#fff;font-size:15px;}
#eventPage1 .info-form ul li a:hover{background:#1b276d;}
#eventPage1 .info-form ul .event-private input[type=checkbox] {height:auto;}
#eventPage1 .info-form ul li .agree2017{border-top:1px solid #ddd;margin-top:20px;padding-top:20px;}
#eventPage1 .info-form ul li .agree2017 ul{overflow:hidden;margin-top:10px;padding:0 10px;border:1px solid #ccc;background:#fff;}
#eventPage1 .info-form ul li .agree2017 li{float:left;width:50%;padding:5px 0;border:none;}
#eventPage1 .info-form ul li .agree2017 li input{vertical-align:middle;}

#eventPage2 .page-txt {padding-top:26px;}
#eventPage2 .btn_hidden {visibility: hidden;}

#eventPage3 .bg1 {background:#f7f7f7;}
#eventPage3 .quiz-inner {padding:20px 0 20px 0;}
#eventPage3 .quiz-box .quiz-tit {position:relative; display:block;padding:0 20px 20px 20px;text-align:left;font-weight:bold;font-size:17px;}
#eventPage3 .quiz-box .quiz-tit span{vertical-align:top;}
#eventPage3 .quiz-box .quiz-tit span.bullet{position:absolute;}
#eventPage3 .quiz-box .quiz-tit span.qtxt{display:block;padding-left:60px;}
#eventPage3 .quiz-box .quiz-select {padding-left:60px;}
#eventPage3 .quiz-box .quiz-select:after {display:block;visibility:hidden;height:0;font-size:0;clear:both;content:''}
#eventPage3 .quiz-box .quiz-select li {float:left;width:25%;text-align:left;font-size:17px;font-weight:bold;cursor:pointer;}
#eventPage3 .quiz-box .quiz-select li .select-answer {position:relative;display:inline;}
#eventPage3 .quiz-box .quiz-select li .select-answer .check-img {position:absolute;left:-13px;top:-11px;display:none;}
#eventPage3 .quiz-box .quiz-select li.selected .select-answer .check-img {display:block;}
#eventPage3 .quiz-box .quiz-hint {padding:20px 100px 0 100px;clear:both;}
#eventPage3 .quiz-box .quiz-hint .hint {position:relative;padding-left:50px;}
#eventPage3 .quiz-box .quiz-hint .hint > span {position:absolute;top:0;left:0;height:14px;padding:2px;background:#999;border-radius:5px;line-height:1;color:#fff;font-size:14px;}
#eventPage3 .quiz-box .quiz-hint .hint > p {color:#888;font-size:14px;}
#eventPage3 .quiz-box .quiz-hint .hint a {color:#0075c9;font-size:14px;text-decoration:underline;} 
#eventPage3 .page-txt {padding-top:20px;}

#eventPage4 .info-form {margin:20px 75px 0px 75px;padding:0px 50px;border:1px solid #ddd;background:#f7f7f7;}
#eventPage4 .info-form ul li {position:relative;padding:20px 0 20px 100px;border-top:1px solid #ddd;}
#eventPage4 .info-form ul li:first-child {border-top:0;}
#eventPage4 .info-form ul li .enter-tit {position:absolute;top:20px;left:0;font-size:16px;}
#eventPage4 .info-form ul li .inp-box {padding-top:10px;font-size:15px;}
#eventPage4 .info-form ul li .first {padding-top:0; font-size:15px;}
#eventPage4 .info-form ul li input {height:28px;padding:0 5px;border:1px solid #ccc;vertical-align:top;}
#eventPage4 .info-form ul li select {height:30px;padding:0 5px;border:1px solid #ccc;vertical-align:top;}
#eventPage4 .info-form ul li textarea {width:96%;height:120px;padding:1%;border:1px solid #ccc;resize:none;}
#eventPage4 .info-form ul li .inp-long-type {width:188px;}
#eventPage4 .info-form ul li .inp-middle-type {width:115px;font-size:13px;}
#eventPage4 .info-form ul li .inp-short-type {width:90px;}
#eventPage4 .info-form ul li .inp-small-type {width:55px;}
#eventPage4 .info-form ul li .cut-hipen {display:inline-block;height:30px;line-height:30px;}
#eventPage4 .info-form ul li a {display:inline-block;height:22px;padding:4px 8px;background:#2585d1;border-radius:5px;line-height:22px;color:#fff;font-size:14px;}
#eventPage4 .info-form ul .event-private input[type=checkbox] {height:auto;}
#eventPage4 .info-form ul li .agree2017{border-top:1px solid #ddd;margin-top:20px;padding-top:20px;}
#eventPage4 .info-form ul li .agree2017 ul{overflow:hidden;margin-top:10px;padding:0 10px;border:1px solid #ccc;background:#fff;}
#eventPage4 .info-form ul li .agree2017 li{float:left;width:50%;padding:5px 0;border:none;}
#eventPage4 .info-form ul li .agree2017 li input{vertical-align:middle;}

#eventPage2, #eventPage3, #eventPage4 {display:none;}


@media screen and (max-width:1100px) {

	#popup .inner {width:100%;height:auto;margin:0 auto;}
	#popup .inner .pop-date {position:relative;top:0;left:0;max-width:240px;margin:0 auto 10px auto;text-align:center;}
	#popup .inner .pop-date p {font-size:1.2em;}
	#popup .inner .pop-moile > p {position:relative;top:0;right:0;margin:0 auto 10px;text-align:center;}
	#popup .inner .pop-txt-area .pop-tit {relative:1em;}
	#popup .inner .pop-txt-area .pop-slogun {width:400px;margin:0 auto;margin-bottom:10px;}
	#popup .inner .pop-txt-area .pop-slogun img {max-width:100%;}
	#popup .inner .pop-btn {position:relative;left:0;bottom:0;width:100%;margin-left:0;padding-bottom:10px;}
	#popup .popup-form {}
	#popup .popup-form form {width:100%;}
	#popup .popup-form form label {padding-right:20px;}

	#eventLayer .layer-inner {top:0;left:0;width:90%;padding:50px 5% 20px 5%;margin-left:0;margin-bottom:0;background-size:cover;}
	#eventLayer .video_area iframe {width:90%;height:366px;}
	#eventLayer .call_num{margin-top:20px; font-size:16px;}
	#eventPage3 .quiz-box .quiz-tit{font-size:16px;}
	#eventPage3 .quiz-box .quiz-select li {font-size:16px;}

	#eventLayer .page-text {font-size:13px;}

	#eventComplete {}
	
	
	

}

@media screen and (max-width:760px) {
	#popup .inner .pop-txt-area .pop-slogun {width:300px;margin:0 auto;margin-bottom:10px;}

	#popup1 .inner .pop-date {margin:0 auto 10px auto;}
	#popup1 .inner .pop-txt-area .pop-slogun img {max-width:95%;}
	#popup1 .inner .pop-btn {padding-bottom:10px;}
	#popup1 .inner .pop-btn img {max-width:45%;}

	#eventLayer .event-slogun .service_tit{margin-top:0;font-size:20px;}
	#eventLayer .event-slogun .service_txt{font-size:25px; line-height:50px;}
	#eventLayer .event-slogun .service_txt span{font-size:55px;}
	#eventLayer .prev_page {width:16px;height:16px;left:10px;top:10px;}
	#eventLayer .close_layer_page {width:16px;height:16px;right:10px;top:10px;}
	#eventLayer .event-slogun {margin-bottom:10px;}
	#eventLayer .event-txt {padding:15px; font-size:17px; font-weight:300; line-height:25px;}
	#eventLayer .event-date > p {margin-top:0; padding:0 10px;margin-bottom:0;width:94%;font-size:17px;}
	#eventLayer .event-date > p > span {display:block;padding-top:5px;}
	#eventLayer .event_section .inner {margin-bottom:23px;}
	#eventLayer .event_section .event-cont {padding-bottom:20px; margin-top:20px;}
	#eventLayer .page-top {padding-top:15px;}
	#eventLayer .page-top img {height:60px;}

	#eventLayer .page-tit {padding-top:15px;margin-bottom:15px;}
	#eventLayer .page-tit img {height:22px;}
	#eventLayer .event_section .page_btn{margin-top:20px; width:60%; font-size:20px; height:50px; line-height:50px; font-weight:500;}
	#eventLayer .event_section .page_btn img {height:35px;}
	#eventLayer .page-txt {padding:3px 5% 25px 5%;font-size:17px; background:url(../images/event/new/event_arrow.png) no-repeat 50% 30px;}
	#eventLayer .page_txt_admin{background:none;}
	#eventLayer .page_txt_mb{padding-bottom:0;}
	#eventLayer .video_area iframe {width:90%;height:200px;}

	#eventLayer .layer-inner .logo_home{top:10px; right:20px;}

	#eventPage1 .page-tit {padding-top:15px;margin-bottom:15px;}
	#eventPage1 .dash-line {padding-bottom:2px;}

	/*
	#eventPage1 .info-form {margin:0 5% 15px 5%;padding:10px 5%;}
	#eventPage1 .info-form ul li {padding:10px 0 10px 25%;}*/
	#eventPage1 .info-form ul li .enter-tit {font-size:17px;}
	#eventPage1 .info-form ul li .inp-box {padding-top:5px;}
	#eventPage1 .info-form ul li .first {padding-top:0;font-size:17px;}
	#eventPage1 .info-form ul li select {padding:0;background:#fff;}
	/*#eventPage1 .info-form ul li .inp-long-type {width:95%;}*/
	#eventPage1 .info-form ul li .inp-middle-type {width:55%;}
	#eventPage1 .info-form ul li .inp-short-type {width:30%;}
	#eventPage1 .info-form ul li .inp-small-type {width:18%;}
	#eventPage1 .info-form ul li a {font-size:17px;}
	#eventPage1 .info-form ul li .inp-long-type{font-size:17px;}
	#eventPage1 .info-form .inp-box .m-btn {display:block;margin-top:5px;text-align:center;}
	#eventPage1 .info-form ul .event-school .inp-box select {display:block;margin-top:5px;}
	#eventPage1 .info-form ul .event-school .inp-box select:first-child {margin-top:0;}

	#eventPage3 .quiz-inner {padding:10px 0 10px 0;}
	#eventPage3 .quiz-box .quiz-tit {padding:0 5% 10px 5%;font-size:17px;;}
	#eventPage3 .quiz-box .quiz-tit span.qtxt{padding-left:40px;}
	#eventPage3 .quiz-box .quiz-select {padding-left:40px;}
	#eventPage3 .quiz-box .quiz-select li {width:25%;font-size:17px;}
	#eventPage3 .quiz-box .quiz-select li .select-answer .check-img {left:-4px;top:-2px;}
	#eventPage3 .quiz-box .quiz-select li .select-answer .check-img img {height:20px}
	#eventPage3 .quiz-box .quiz-hint {padding:10px 5% 0 10px;}
	#eventPage3 .quiz-box .quiz-hint .hint {padding-left:35px;}
	#eventPage3 .quiz-box .quiz-hint .hint > span {height:9px;padding:2px;line-height:1;font-size:0.9em;}
	#eventPage3 .quiz-box .quiz-hint .hint > p {font-size:0.9em;}
	#eventPage3 .quiz-box .quiz-hint .hint a {font-size:0.9em;} 
	#eventPage3 .page-txt {padding-top:10px;}

	#eventPage4 .info-form {margin:0 5% 15px 5%;padding:10px 5%;}
	#eventPage4 .info-form ul li {padding:10px 0 10px 25%;}
	#eventPage4 .info-form ul li .enter-tit {top:10px;width:25%;font-size:17px;}
	#eventPage4 .info-form ul li .inp-box {margin-left:15px; padding-top:5px;font-size:17px;}
	#eventPage4 .info-form ul li .first {padding-top:0;font-size:17px;}
	#eventPage4 .info-form ul li select {padding:0;background:#fff;}
	#eventPage4 .info-form ul li .inp-long-type {width:90%;}
	#eventPage4 .info-form ul li .inp-middle-type {width:55%;}
	#eventPage4 .info-form ul li .inp-short-type {width:30%;}
	#eventPage4 .info-form ul li .inp-small-type {width:18%;}
	#eventPage4 .info-form ul li a {font-size:1em;}
	#eventPage4 .info-form ul .event-phone .inp-box .m-btn {display:block;margin-top:5px;text-align:center;}
	#eventPage4 .info-form ul .event-school .inp-box select {display:block;margin-top:5px;}
	#eventPage4 .info-form ul .event-school .inp-box select:first-child {margin-top:0;}

	#eventPage4 .page-txt{background:url(../images/event/new/event_arrow.png) no-repeat 50% 53px;}

}
@media screen and (max-width:640px) {
	#eventPage3 .quiz-box .quiz-select{padding-left:60px}
	#eventPage3 .quiz-box .quiz-select li {width:50%;font-size:15px;text-align:left;}
	#eventLayer .page-img {display:none;}
	#eventLayer .page_img_mobile{display:block;}
}

@media screen and (max-width:360px) {
	#eventPage4 .page-txt{background:none;}
	#eventLayer .event-date > p{padding:10px 25px; width:80%; height:auto; line-height:inherit; font-size:16px;}
	#eventLayer .event-txt{font-size:16px;}
	#eventPage1 .info-form ul li .first{margin-left:20px;}
	#eventPage1 .info-form ul li .inp-box{margin-left:20px;}
	#eventPage1 .info-form ul li .enter-tit{font-size:16px;}
	#eventPage1 .info-form ul li .inp-long-type{font-size:16px;}

	#eventLayer .event-slogun .service_tit{font-size:18px;}
	#eventLayer .event-slogun .service_txt{font-size:25px; line-height:35px;}
	#eventLayer .event-slogun .service_txt span{font-size:30px;}
	#eventLayer .event_section .page_btn{font-size:18px;}
}