#container section{overflow: hidden; box-sizing: border-box; width:1000px; margin: 0 auto}
#container section[id*="sec"] article {float:left; box-sizing: border-box;width:480px; height:240px}
#container section[id*="sec"] aside {float:right; box-sizing: border-box;width:480px; height:240px}

#container #sec-main-visual{width: 100%; background: url(../images/main/main-visual2.jpg) no-repeat center center; height: 500px; background-size: auto 500px;}
#container #sec-main-top, #container #sec-main-bottom, #container #sec-main-quick {margin-top: 40px;}
#sec-main-top .main-banner {position:relative; height:240px; overflow:hidden; text-align:center;}
#sec-main-top .main-banner .holder {position:absolute; z-index:10; top:0; left:50%; margin-left:-240px; width:480px; height:240px;}
#sec-main-top .main-banner .holder img {margin:0 auto; width: 480px ; height: 240px;;}
#sec-main-top .main-banner .bx-wrapper .bx-pager {z-index:60 !important; bottom:14px !important;}
#sec-main-top .main-banner .bx-wrapper .bx-viewport {border-radius: 10px}
#sec-main-top .main-banner .bx-wrapper .bx-pager .bx-pager-item a {display:block; margin:0 6px !important; width:10px; height:10px; border:2px solid #cdcdcd; border-radius:7px; background:transparent; text-indent:-9999px;}
#sec-main-top .main-banner .bx-wrapper .bx-pager .bx-pager-item a.active {border-color:#f9853a; background:#f9853a;}
#sec-main-top h3 {padding-bottom: 10px; font-size:1.7rem; font-weight:600; border-bottom: 2px solid  #b1b1b1}
#sec-main-top h3 a {display:inline-block; color:#000;}
#sec-main-top h3 a.viewmore {display:inline-block; float: right; color:#72cb84;line-height: 2.2rem; font-size: 2.5rem; font-weight: lighter;}
#sec-main-top aside li {position: relative; height:40px; line-height: 40px; box-sizing: border-box; border-bottom:1px solid #e5e5e5; }
#sec-main-top aside li:before {content: '';position: absolute;top: 18px;left: 0;width: 3px;height: 3px;background: #333;}
#sec-main-top aside li a {display:block; position:relative; padding:0 100px 0 14px; font-size:1rem; color:#555;}
#sec-main-top aside li .date {position:absolute; top:0; right:0; width:95px; padding-right: 2px; font-size:1rem; text-align:right; color:#555; box-sizing: border-box;}
#sec-main-top aside li .text {display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}


#container #sec-main-schedule {position: relative; height:214px; background:#72b84c; overflow:hidden; width: 100%}
#container #sec-main-schedule .holder {margin:0 auto; width:1000px;position: relative; box-sizing: border-box;}
#container #sec-main-schedule .holder h3 {position:relative; float:left; width:286px; height:214px; background:url(../images/img/img-main-schedule.png) 10px center no-repeat;}
#container #sec-main-schedule .holder div {float:left; padding-top:16px; text-align:center; color:#333; font-weight: bold;margin-top: 30px;}
#container #sec-main-schedule .holder .festival{float: none;margin-top: 0;  padding-top: 0;margin: 0 auto}
#container #sec-main-schedule .holder p.txt-schedule {position:relative; font-family:"Roboto", sans-serif; font-weight:500; font-size:16px; font-size:1.143rem; text-align: right;}
#container #sec-main-schedule .holder p.txt-schedule:before {content:" "; position:absolute; z-index:1; top:50%; left:0; margin-top:-1px; width:100%; height:1px; background:#fff;}
#sec-main-schedule .holder p.txt-schedule span {display:inline-block; position:relative; z-index:2; padding:0 16px; background:#72b84c; font-weight: 700; color: #fff;}
#sec-main-schedule .holder .festival ul {margin-top:9px; height:90px;}
#sec-main-schedule .holder .festival ul li {float:left; width:102px;}
#sec-main-schedule .holder ul li a {display:block; text-align:center; text-decoration:none; transition:all .5s ease; color:#333;}
#sec-main-schedule .holder .festival ul li a {display:block; text-align:center; text-decoration:none; transition:all .5s ease; color:#333; }
#sec-main-schedule .holder .festival ul li:nth-child(4n) a, #sec-main-schedule .holder .festival ul li:nth-child(4n+1) a, #sec-main-schedule .holder .festival ul li:last-child a, #sec-main-schedule .holder .festival ul li:nth-child(4n) a span, #sec-main-schedule .holder .festival ul li:nth-child(4n+1) a span, #sec-main-schedule .holder .festival ul li:last-child a span {color:#882802;}
#sec-main-schedule .holder ul li a:hover, #sec-main-schedule .holder ul li a:focus {font-weight:800; color:#fff !important;}
#sec-main-schedule .holder ul li a:hover span, #sec-main-schedule .holder ul li a:focus span {box-shadow:4px 4px 8px 0px rgba(0,0,0,0.1);  color:#fff;}
#sec-main-schedule .holder .festival ul li a span {display:block; margin-bottom:5px; height:60px;margin-bottom: 10px; background:url(../images/main/ico-day.png)no-repeat; font-family:"Roboto", sans-serif; font-size:1.9rem; line-height:70px; font-weight:700; color:#72b84c; box-shadow: none;}
#sec-main-schedule .holder .festival ul li a:hover span{display:block; margin-bottom:5px; height:60px;margin-bottom: 10px; background:url(../images/main/ico-day_on.png) no-repeat; color:#fff;}
#sec-main-schedule .holder a.btn-schedule {position: absolute; bottom: 48px; left: 148px;display:block; margin:15px auto 0 auto; width:97px; height:32px; border-radius:10px; background:url(../images/main/btn-main.gif) no-repeat; text-indent: -999999em; box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.1); }
#sec-main-schedule .holder a.btn-schedule span {display:inline-block; position:relative; top:-1px; margin-left:9px; width:6px; height:9px; background:url(../images/ico/ico-main-schedule-arrow.gif) no-repeat;}

#sec-main-quick ul {overflow:hidden; text-align:center; font-size:16px; font-size:1.143rem; font-weight:600;}
#sec-main-quick li {position:relative; float:left; width:196px;}
#sec-main-quick li:nth-child(1) {margin-left:-1px;}
#sec-main-quick li:before {content:" "; position:absolute; top:14px; left:0; width:1px; height:88px; background:url(../images/bg/bg-main-quick-liner.gif) left top repeat-y;}
#sec-main-quick li .icon {display:block; position:relative; margin:0 auto 11px auto; width:104px; height:86px;transform: scale(1.0); background-image:url(../images/main/ico-sprite-main-quick.png); background-repeat:no-repeat;}
#sec-main-quick li .icon:after {content:" "; position:absolute; top:0; right:0; left:0; bottom:0; opacity:0; transform: scale(0.8); filter:alpha(opacity=0); background-image:url(../images/main/ico-sprite-main-quick.png); background-repeat:no-repeat;}
#sec-main-quick li a {text-decoration:none; transition:all .5s ease;}
#sec-main-quick li a:focus, #sec-main-quick li a:hover {color:#558a02;}
#sec-main-quick li a:focus .icon, #sec-main-quick li a:hover .icon {background: transparent; transition:all .7s ease; transform: scale(1.1);}
#sec-main-quick li a:hover .icon:after, #sec-main-quick li a:focus .icon:after  {opacity:1; filter:alpha(opacity=100);transform: scale(0.9);transition:all .7s ease;}
#sec-main-quick li:nth-child(2) .icon {background-position:-104px 0;}
#sec-main-quick li:nth-child(3) .icon {background-position:-208px 0;}
#sec-main-quick li:nth-child(4) .icon {background-position:-312px 0;}
#sec-main-quick li:nth-child(5) .icon {background-position:-416px 0;}
#sec-main-quick li:nth-child(1) .icon:after {background-position:0 -86px;}
#sec-main-quick li:nth-child(2) .icon:after {background-position:-104px -86px;}
#sec-main-quick li:nth-child(3) .icon:after {background-position:-208px -86px;}
#sec-main-quick li:nth-child(4) .icon:after {background-position:-312px -86px;}
#sec-main-quick li:nth-child(5) .icon:after {background-position:-416px -86px;}


#sec-main-bottom #gallery {position: relative; border-radius: 15px; background: #333;box-sizing: border-box; overflow: hidden;}
#sec-main-bottom #gallery #img-wrap {display: block; box-sizing: border-box; overflow: hidden;height: 100%;z-index: -1}
#sec-main-bottom #gallery #img-wrap .Bimage {position: relative;height: 100%;display: block}
#sec-main-bottom #gallery #img-wrap .Bimage li{position: absolute; top: 0;left: 0; display: none;width: 100%; height: 100%;}
#sec-main-bottom #gallery #img-wrap .Bimage li.on {display: block;}
#sec-main-bottom #gallery li .wrapper{position: relative; padding-top: 50%}
#sec-main-bottom #gallery li img{position: absolute; top: 0; left: 0; right: 0; bottom: 0; max-width: 100%; height: auto;}
#sec-main-bottom #gallery #list-wrap {position: absolute;height: 70px; bottom: 0; background: rgba(0,0,0,.8); width: 100%; z-index: 1}
#sec-main-bottom #gallery #list-wrap .thumnail-wrap {margin:0 auto; width:350px; height: 50px; padding:10px; overflow: hidden; z-index: 2; position: relative;}
#sec-main-bottom #gallery #list-wrap .thumnail {width:800px; z-index: 3 ; position: absolute;}
#sec-main-bottom #gallery #list-wrap .thumnail li {width:80px; height:50px; float:left; padding-right: 10px;}
#sec-main-bottom #gallery #list-wrap .thumnail li:last-child {padding-right: 0;}
#sec-main-bottom #gallery #list-wrap .thumnail li .wrapper{padding-top: 62.5%; overflow: hidden;}
#sec-main-bottom #gallery #list-wrap .thumnail li a{display: block; overflow: hidden; z-index: 4}
#sec-main-bottom #gallery #list-wrap .thumnail li.on .wrapper{border:2px solid #fff; overflow: hidden; box-sizing: border-box;}
#sec-main-bottom #gallery #list-wrap .control-group .icon-prev {position: absolute; bottom: 23px; left:30px;background: url(../images/main/ico-sprite-main-quick.png) -537px 0 no-repeat; width:13px; height: 25px;text-indent: -9999999em;transform: rotate(-180deg);}
#sec-main-bottom #gallery #list-wrap .control-group .icon-next {position: absolute; bottom: 23px; right: 30px; background: url(../images/main/ico-sprite-main-quick.png) -537px 0 no-repeat; width:13px; height: 25px;text-indent: -9999999em;}



/* page2 */
#page2 {position: fixed;z-index: 11;top:100%;width: 100%;height: 100%;background: #000}
#page2 #movepage2 {display: none;position:fixed; z-index:30; top:20px; right:20px; width: 60px;height: 60px;margin-top:0;}
#page2.on {background: rgba(0,0,0,.9)}









#sec-main-gallery {margin:40px auto 0 auto; width:980px; overflow:hidden;}
#sec-main-gallery article, #sec-main-gallery aside {width:478px; min-height:236px; border:1px solid #e7e7e7;}
#sec-main-gallery article {float:left; background:url(../images/bg/bg-main-gallery.jpg) 411px 11px no-repeat;}
#sec-main-gallery h3 {padding:15px 0 0 17px; font-size:20px; font-size:1.429rem; font-weight:600;}
#sec-main-gallery h3 a {display:inline-block; padding-right:31px; background:url(../images/ico/ico-main-gallery.jpg) right 45% no-repeat; color:#000;}
#sec-main-gallery ul {margin-top:10px;}
#sec-main-gallery li {height:35px; border-bottom:1px solid #e5e5e5; line-height:35px;}
#sec-main-gallery li a {display:block; position:relative; padding:0 20px 0 98px; font-size:13px; font-size:0.929rem; color:#000;}
#sec-main-gallery li .date {position:absolute; top:0; left:0; width:98px; font-size:10px; font-size:0.714rem; text-align:center; color:#777;}
#sec-main-gallery li .text {display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
#sec-main-gallery aside {float:right; height:236px;}
#sec-main-gallery aside iframe {width:478px; height:236px; border:0;}