@charset "utf-8";

.event-wrap {padding-bottom:65px;line-height:1.4;text-align:center;background-color:#f6f6f6}

.event-wrap .event-title {position:relative;padding: 115px 0 240px;letter-spacing:-.5px;color:#413030;background:url('images_my/title_bg.jpg') no-repeat center top / cover;}
.event-wrap .event-title h2 {font-size:46px;color:#ecbf3d;line-height: 60px;}
.event-wrap .event-title h2 span{color:#ffca26; font-size:80px;}
.event-wrap .event-title h2 span i{font-size: 40px;font-style:normal;vertical-align:top;}
.event-wrap .event-title p {margin-top: 5px;font-size:40px;color:#fff;}

.event-wrap .event-box {position:relative;max-width:910px;z-index:2;margin:-180px auto 0;}
.event-wrap .event-box .copy {position:absolute;top:-38px;right:0;}
.event-wrap .event-box .event-boxCont {color:#666;}
.event-wrap .event-box .event-boxCont .section1 {position:relative;z-index:10;padding:0 7%;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;
	box-shadow:1px 1px 3px 0 rgba(0,0,0,0.2);background:#fff;
}
.event-wrap .event-box .event-boxCont > ul > li {padding:65px 0;letter-spacing:-.5px;border-bottom:1px solid #dfdfdf;}
.event-wrap .event-box .event-boxCont > ul > li.last {padding-bottom:85px;border-bottom:0;}
.event-wrap .event-box .event-boxCont > ul > li .box-title strong {display:inline-block;padding-left:24px;background:url('images_my/BG_titleL.gif') no-repeat left center;}
.event-wrap .event-box .event-boxCont > ul > li .box-title span {display:inline-block;padding-right:24px;background:url('images_my/BG_titleR.gif') no-repeat right center;}
.event-wrap .event-box .event-boxCont > ul > li .box-title em {display:block;width:365px;line-height:55px;font-size:28px;color: #fff;background: #ecbf3d;}
.event-wrap .event-box .event-boxCont > ul > li .box-title_sub {margin-top:30px;font-size:18px;color: #666;}
.event-wrap .event-box .event-boxCont > ul > li .box-title_sub.big{font-size:22px}
.event-wrap .event-box .event-boxCont > ul > li .box-title_sub em{color:#444}
.event-wrap .event-box .event-boxCont > ul > li .box-title_sub span{display:block; padding-bottom:10px; color:#444; font-size:22px}
.event-wrap .event-box .event-boxCont > ul > li .pdt_img {padding-top:40px;}
.event-wrap .event-box .event-boxCont > ul > li .ft_txt{margin-top:35px;font-size:18px;color: #000;}
.event-wrap .event-box .event-boxCont > ul + .ft_txt {margin-top:35px;font-size:18px;color:#000;}
.db768{display:none;}

@media screen and (max-width:1024px){
	.event-wrap .event-box {margin-right:5%;margin-left:5%;}
	.event-wrap .event-box .event-boxCont .section1 {padding:0 5%;}
}

@media screen and (max-width:768px){   
	.event-wrap {padding-bottom:40px;}
	.event-wrap .event-title {padding:60px 10px 95px;line-height:1.4;}
	.event-wrap .event-title h2 {font-size:23px; line-height:29px}
	.event-wrap .event-title h2 span{font-size:37px;}
	.event-wrap .event-title h2 span i{font-size:15px}
	.event-wrap .event-title p {margin-top:10px;font-size:15px;}

	.event-wrap .event-box {margin:-60px 5% 0;}
	.event-wrap .event-box .event-boxCont .section1 {}
    .event-wrap .event-box .event-boxCont > ul > li {padding:30px 0;font-size:14px;}
	.event-wrap .event-box .event-boxCont > ul > li.last {padding-bottom:35px;}
    .event-wrap .event-box .event-boxCont > ul > li .box-title em {width:220px;line-height:40px;font-size:16px;}
	.event-wrap .event-box .event-boxCont > ul > li .box-title_sub {margin-top:15px;font-size:15px;line-height:1.4;}
	.event-wrap .event-box .event-boxCont > ul > li .box-title_sub.big{font-size:18px}
	.event-wrap .event-box .event-boxCont > ul > li .box-title_sub > span {margin-top:5px;font-size:13px;line-height:1.4;}
	.event-wrap .event-box .event-boxCont > ul > li .pdt_img {padding-top:8%;}
	.event-wrap .event-box .event-boxCont > ul > li:nth-child(1) .pdt_img {margin:0 5%;}
	.event-wrap .event-box .event-boxCont > ul > li:nth-child(2) .pdt_img {margin:0 5%;}
	.event-wrap .event-box .event-boxCont > ul > li:nth-child(3) .pdt_img {margin:0 5%;}
	.event-wrap .event-box .event-boxCont > ul + .ft_txt {margin-top:4%;font-size:13px;}
	.db768{display:block;}
}
@media screen and (max-width:480px){
    .event-wrap .event-box .event-boxCont > ul > li .box-title strong {padding-left:12px;background-size:contain;}
    .event-wrap .event-box .event-boxCont > ul > li .box-title span {padding-right:12px;background-size:contain;}
    .event-wrap .event-box .event-boxCont > ul > li .box-title em {line-height:35px;}	
}