/* @group index */
.marquee {
 margin-top: 600px;
 height: 60px;
 background-color: #e03f3f !important;
 display: flex;
 align-items: center;
}
/* @group index_main */
#loading {
 position: fixed;
 z-index: 100;
 width: 100%;
 height: 100%;
 top: 0px;
 left: 0px;
 background-color: #000;
}
#loading img {
 position: absolute;
 left: 50%;
 top: 50%;
 margin-top: 48px;
 margin-left: -35px;
}
#loading_wrap {
 position: fixed;
 z-index: 1002;
 width: 100%;
 height: 100%;
 top: 0px;
 left: 0px;
 background: #fff url(../images/2019_loading_bg.jpg) no-repeat;
 background-size: cover;
}
#loading_wrap .loading_txt {
 position: fixed;
 z-index: 1002;
 width: 100%;
 height: 100%;
}
#loading_wrap .loading_txt span {
 display: none;
}
#loading_wrap .loading_txt div {
 position: absolute;
 margin-top: -158px;
 top: 50%;
 bottom: 50%;
 width: 100%;
 height: 173px;
 background: url(../images/2019_loading_logo.png) no-repeat center;
}
#index .main_wrap {
 /*position: absolute;*/
 top: 0;
 width: 100%;
 min-width: 1200px;
 height: 800px;
 overflow: hidden;
}
#index .main_wrap .main {
 position: relative;
 margin: 0 auto;
 width: 100%;
 min-width: 1200px;
 max-width: 1600px;
 height: 800px;
 background: url(../images/2022_index_main01.jpg) center;
}
#index .main_wrap .main .main_info{
 position: absolute;
 /*
 left: calc(50% - 180px);
 top: 30vh;
 */
 right: 270px;
 bottom: 30px;
 display: inline-block;
 color: #fff;
 font-size: 20px;
 padding: 40px;
 background: rgba(255,255,255,0.2);
}
#index .main_wrap .main .main_info a{
 color: #ccf;
 font-weight: bold;
}
#index .main_wrap .main .main_txt {
 position: absolute;
 z-index: 10;
 top: 140px;
 width: 100%;
 min-width: 1200px;
 height: 34px;
 background: url(../images/2019_index_main04.png) no-repeat center;
}
#index .main_wrap .main .main_txt span {
 display: none;
}
#index .main_wrap .main .main_f1 {
 position: absolute;
 left: 0;
 bottom: 0;
 width: 100%;
 min-width: 1200px;
 height: 606px;
 /*background: url(../images/2019_index_main02.png) no-repeat left;*/
}
#index .main_wrap .main .main_f2 {
 position: absolute;
 right: 0;
 bottom: 0;
 width: 100%;
 min-width: 1200px;
 height: 587px;
 /*background: url(../images/2019_index_main03.png) no-repeat right;*/
}
#index .main_wrap .main .main_f3 {
 position: absolute;
 bottom: 0;
 width: 100%;
 min-width: 1200px;
 height: 59px;
 background: url(../images/2019_index_main05.png) no-repeat center;
}
/*--.Cancellation--*/
#index .Cancellation_title p {
 text-align: center !important;
 margin: 0 auto;
 height: 10px;
}
#index .Cancellation_txt_left p {
 text-align: left !important;
}
#index .main_wrap .main .main_Cancellation {
 position: absolute;
 z-index: 10;
 top: 340px;
 width: 100%;
 right: -32px;
 left: 0;
 max-width: 825px;
 font-size: 16px;
 color: #FFF;
 background: rgba(198, 00, 28, 0.6);
 padding: 15px;
 margin: 0 auto !important;
 line-height: 1.9em;
}
#index .main_Cancellation .Cancellation_title {
 font-size: 20px;
 font-weight: bold;
}
/*--//.Cancellation--*/
#index .info {
 width: 800px;
 font-size: 16px;
 color: #FFF;
 padding: 10px;
 margin:20px auto 30px;
 background: rgba(200, 80, 80, 0.9);
}


/* @end */
/* @group index_news */
.index_news {
 position: relaative;
 margin: 10px auto 0 auto;
 width: 1200px;
 display: flex;
 align-items: center;
}
.index_news h1 {
 width: 283px;
 min-height: 359px;
 min-height: 249px;
 background: url(../images/2019_index_news_h1.png) no-repeat 125px 0;
}
.index_news h1 span {
 display: none;
}
.index_news dl {
 display: flex;
 align-items: flex-start;
 width: 792px;
 border-bottom: 1px solid #4f452c;
}
.index_news dl:last-child {
 border-bottom: none;
}
.index_news dl dt {
 padding: 19px 0;
 width: 157px;
 font-size: 16px;
 /*line-height: 2.2;*/
 letter-spacing: 3.2px;
 padding: 23px 0 19px;
}
.index_news dl dd {
 padding: 19px 0;
 width: 635px;
 font-size: 16px;
 line-height: 2.2;
 letter-spacing: 3.2px;
}
.index_news span.color1 {
 display: none;
 /* display: inline-block;*/
 background-color: #CC0000;
 color: #FFF;
 font-family: Arial, Helvetica, sans-serif;
 font-weight: bold;
 font-size: 0.75em;
 line-height: 18px;
 padding: 2px 5px;
 margin: 0;
}
/* @end */
/* @group index_overview */
.index_overview {
 margin-top: 50px;
 padding: 117px 0 136px 0;
 width: 100%;
 min-width: 1200px;
 background: url(../images/2019_index_bg2.png) no-repeat center top;
}
.index_overview h1 {
 width: 100%;
 height: 75px;
 background: url(../images/2019_index_overview_h1.png) no-repeat center top;
}
.index_overview h1 span {
 display: none;
}
.index_overview .event1 {
 margin: 65px auto 0 auto;
 width: 1160px;
 background: url(../images/2019_index_overview_img1.png) no-repeat left top;
 overflow: hidden;
}
.index_overview .event2 {
 margin: 43px auto 0 auto;
 width: 1160px;
 background: url(../images/2019_index_overview_img2.png) no-repeat right top;
 overflow: hidden;
}
.index_overview .event1 .txt, .index_overview .event2 .txt {
 padding: 49px 52px 0 52px;
 width: 452px;
 height: 331px;
 background: url(../images/2019_index_overview_bg.png) no-repeat;
}
.index_overview .event1 .txt {
 margin-top: 125px;
 padding-right: 30px;
 float: right;
}
.index_overview .event2 .txt {
 margin-top: 117px;
}
.index_overview .event1 .txt h2 {
 height: 29px;
 background: url(../images/2019_index_overview_txt1.png) no-repeat;
}
.index_overview .event2 .txt h2 {
 height: 29px;
 background: url(../images/2019_index_overview_txt2.png) no-repeat;
}
.index_overview .event1 .txt p, .index_overview .event2 .txt p {
 margin-top: 20px;
 font-size: 16px;
 color: #4f452c;
 letter-spacing: 3.3px;
 line-height: 2.2;
}
.index_overview .event1 .txt a, .index_overview .event2 .txt a {
 margin: 20px auto 0 auto;
 display: block;
 width: 230px;
 height: 58px;
 background: url(../images/2019_index_overview_btn.png) no-repeat;
}
.index_overview .event1 .txt a:hover, .index_overview .event2 .txt a:hover {
 background: url(../images/2019_index_overview_btn_ov.png) no-repeat;
}
.index_overview .event1 .txt h2 span, .index_overview .event2 .txt h2 span, .index_overview .event1 .txt a span, .index_overview .event2 .txt a span {
 display: none;
}
/* @end */
/* @group index_la */
.index_la {
 padding: 0 0 135px 0;
 margin-top: -48px;
 width: 100%;
 min-width: 1200px;
 background: url(../images/2019_index_bg1.png) no-repeat center top;
}
.index_la .wrap {
 display: flex;
 justify-content: center;
 margin: 0 auto;
 padding-top: 145px;
 width: 1200px;
}
.index_live {
 width: 600px;
 background: url(../images/2019_index_live_img.png) no-repeat 19px 125px;
}
.index_live h1 {
 width: 100%;
 height: 75px;
 background: url(../images/2019_index_live_h1.png) no-repeat center;
}
.index_access {
 width: 600px;
 background: url(../images/2019_index_access_img.png) no-repeat 24px 120px;
}
.index_access h1 {
 width: 100%;
 height: 75px;
 background: url(../images/2019_index_access_h1.png) no-repeat center;
}
.index_live p {
 margin-top: 403px;
 padding: 0 20px;
 font-size: 16px;
 line-height: 2.2;
 letter-spacing: 3.3px;
}
.index_access p {
 margin-top: 403px;
 padding: 0 15px 0 25px;
 font-size: 16px;
 line-height: 2.2;
 letter-spacing: 3.3px;
}
.index_live a, .index_access a {
 display: block;
 margin: 18px 0 0 185px;
 width: 234px;
 height: 62px;
 background: url(../images/2019_index_la_btn.png) no-repeat;
}
.index_access a {
 margin: 18px 0 0 180px;
}
.index_live a:hover, .index_access a:hover {
 background: url(../images/2019_index_la_btn_ov.png) no-repeat;
}
.index_live h1 span, .index_access h1 span, .index_live a span, .index_access a span {
 display: none;
}
/* @end */
/* @group index_workshop */
.index_workshop {
 position: relative;
 margin-top: -48px;
 padding: 150px 0 133px 0;
 width: 100%;
 min-width: 1200px;
 background: url(../images/2019_index_bg2.png) no-repeat center top;
}
.index_workshop h1 {
 position: absolute;
 margin: -136px 0 0 -60px;
 left: 50%;
 right: 50%;
 width: 118px;
 height: 100%;
 min-height: 556px;
 background: url(../images/2019_index_workshop_h1.png) no-repeat center center;
}
.index_workshop .wrap {
 position: relative;
 display: flex;
 justify-content: space-between;
 margin: 0 auto;
 width: 1200px;
}
.index_draw {
 width: 470px;
 background: url(../images/2019_index_draw_img.png) no-repeat center top;
}
.index_family {
 width: 470px;
 background: url(../images/2019_index_family_img.png) no-repeat center top;
}
.index_draw .today {
 width: 115px;
 height: 115px;
 background: url(../images/2019_index_draw_today.png) no-repeat center top;
}
.index_family .today {
 width: 115px;
 height: 115px;
 background: url(../images/2019_index_family_today.png) no-repeat center top;
}
.index_draw h2 {
 margin-top: 325px;
 width: 100%;
 height: 28px;
 background: url(../images/2019_index_draw_txt.png) no-repeat center top;
}
.index_family h2 {
 margin-top: 325px;
 width: 100%;
 height: 28px;
 background: url(../images/2019_index_family_txt.png) no-repeat center top;
}
.index_draw p, .index_family p {
 margin-top: 20px;
 padding: 0 20px;
 font-size: 16px;
 line-height: 2.2;
 letter-spacing: 3.5px;
}
.index_draw a, .index_family a {
 display: block;
 margin: 0 auto;
 margin-top: 20px;
 width: 234px;
 height: 62px;
 background: url(../images/2019_index_la_btn.png) no-repeat;
}
.index_draw a:hover, .index_family a:hover {
 background: url(../images/2019_index_la_btn_ov.png) no-repeat;
}
.index_workshop h1 span, .index_draw .today span, .index_family .today span, .index_draw h2 span, .index_family h2 span, .index_draw a span, .index_family a span {
 display: none;
}
/* @end */
/* @group index_twitter */
.index_twitter {
 position: relative;
 padding: 0 0 74px 0;
 margin-top: -48px;
 width: 100%;
 min-width: 1200px;
 /*background: url(../images/2019_index_bg1.png) no-repeat center top;*/
 background: url(../images/2019_index_bg2.png) no-repeat center top;
}
.index_twitter .wrap {
 display: flex;
 align-items: center;
 margin: 0 auto;
 padding-top: 150px;
 width: 1200px;
}
.index_twitter h1 {
 margin-left: 67px;
 width: 91px;
 height: 444px;
 background-image: url(../images/2019_index_twitter_h1.png);
}
.index_twitter .twitter {
 margin-left: 180px;
 width: 500px;
 height: 385px;
 overflow-y: scroll;
 overflow-x: hidden;
}
.index_twitter .twitter div {
 margin-top: -10px;
 width: 500px;
 height: 385px;
}
.twitter-timeline {}
.index_twitter h1 span {
 display: none;
}
/* @end */
/* @end */
/* @group workshop */
#heading-banner {
 margin-top: 163px;
 min-width: 1200px;
}
/* @end */
/* @group family */
.family_p {
 display: block;
 margin-left: 14px;
}
/* @end */
/* @group english */
.timetabile {
 height: 291px;
}
/* @end */
/* @group history */
.blog-post table.history {
 width: 750px;
}
.blog-post table.history tr th {
 width: 100px;
 vertical-align: top;
 line-height: 1.5;
}
.blog-post table.history tr td {
 padding-bottom: 5px;
 line-height: 1.5;
}
/* @end */
/* @group faq */
.panel-heading {
 padding: 15px;
}
/* @end */
.lantern {
 margin-top: 20px;
 background-position: 0 bottom !important;
}
.lantern img {
 margin: 0;
}
.col-md-8, .blog-post {
 margin-top: -20px;
 padding-top: 10px;
 overflow: hidden;
}
#history01 {
 /*margin-top: -170px;*/
}
#history04 .history04_inner{
 display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	-webkit-justify-content: space-between;
	-ms-justify-content: space-between;
	justify-content: space-between;
 margin-bottom: 40px;
}
#history04 .history04_inner dl{
 width: 30%;
}
#history04 .history04_inner dl dt{
 min-height: 45px;
}
#history04 .history04_inner dl dt h4{
 padding-left: 30px;
 position: relative;
}
#history04 .history04_inner dl dt h4::before{
 position: absolute;
 left:0;
 display: inline-block;
 width: 23px;
 height: 23px;
 color: #fff;
 text-align: center;
 padding-right: 2px;
 background: #E16B05;
}
#history04 .history04_inner dl dt h4.no01::before{
 content: "1"; 
}
#history04 .history04_inner dl dt h4.no02::before{
 content: "2"; 
}
#history04 .history04_inner dl dt h4.no03::before{
 content: "3"; 
}
#history04 .history04_inner dl dd > span{
 display: block;
 color: #E16B05;
 font-size: 14px;
 font-weight: normal;
 text-align: right;
}
#history04 .history04_inner dl dd p{
 min-height: 122px;
 margin-bottom: 15px;
}

/*#faq,
#history01,
#family01,
#access{
	margin-top: -210px;
}
*/
/*player*/
.player_on {
 position: relative;
 width: 100%;
 height: 0;
 padding-top: 56.25%;
}
.player_on iframe {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
}
/*---application----*/
#application span.kome, #application u{
 color: red;
}
#application u{
 color: #E06800;
 font-weight: bold;
}
#application ul.about_list > li {
 text-indent: -16px;
 padding-left: 16px;
}
#application ul.about_list > li > ol{
 padding-left:5px;
}
#application ul.about_list > li > ol > li{
 list-style: none;
 text-indent: -13px;
 padding-left: 13px;
}
#application .notes_inner{
 height: 600px;
 overflow-y: scroll;
 padding: 10px 25px;
 margin: 30px auto;
 border: #E06800 2px solid;
 border-radius: 10px;
}
#application .notes_inner::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
#application .notes_inner::-webkit-scrollbar-thumb {
  border-radius: 0.25rem;
}
#application .notes_inner::-webkit-scrollbar-thumb {
  --bg-opacity: 1;
  background-color: #E06800;
}
#application .notes_inner h4{
 text-align: center;
 padding-bottom: 5px;
 margin-bottom: 30px;
 border-bottom: #FFB700 2px dotted;
}
#application ul.app_list > li {
 text-indent: -16px;
 padding-left: 16px;
 margin-bottom: 40px;
}
#application p.int {
 text-indent: -16px;
 padding-left: 16px;
}
#application ul.app_list > li > ol {
 padding-left: 20px;
}
#application ul.app_list > li > ol > li {
 list-style: none;
 text-indent: -16px;
 padding-left: 16px;
 margin-bottom: 5px;
}
#application ul.app_list > li > ul > li {
 list-style: none;
 text-indent: -16px;
 padding-left: 16px;
 margin-bottom: 5px;
}
#application .btn_inner{
 position: relative;
 width: 500px;
 margin: 30px auto 0;
}
#application .btn_inner .start_txt{
 display: none;
 position: absolute;
 width: 500px;
 height: 130px;
 font-size: 18px;
 font-weight: bold;
 text-align: center;
 padding-top: 9%;
 margin: auto;
 background: rgba(228,228,228,0.80);
 z-index: 1;
}
#application .btn_inner .end_txt{
 display: none;
 position: absolute;
 width: 500px;
 height: 130px;
 font-size: 16px;
 font-weight: bold;
 text-align: center;
 padding-top: 4%;
 margin: auto;
 background: rgba(228,228,228,1.0);
 z-index: 1;
}
#application .app_check {
 text-align: center;
}
#application .app_check input[type="checkbox"]{
 display: none;
}
#application .app_check input[type=checkbox] + label::before {
 position: absolute;
 top: 46%;
 left: 5px;
 content: '';
 display: block;
 width: 20px;
 height: 20px;
 margin-top: -8px;
 background: #fff;
 border: 2px solid #ccc;
 border-radius: 4px;
}
#application .app_check input[type=checkbox]:checked + label::before {
 background: #FF4700; 
 border: 2px solid #FF4700;
}
#application .app_check input[type=checkbox]:checked + label::after {
 position: absolute;
 content: '';
 display: block;
 height: 11px;
 left: 8px;
 top: 50%;
 width: 13px;
 margin-top: -8px;
 border-right: 2px solid #fff;
 border-bottom: 2px solid #fff;
 transform: rotate(45deg);
}
#application .app_check label {
 position: relative;
 color: #FF4700;
 font-size: 18px;
 padding: 5px 0 5px 30px;
 margin-left: 10px;
 box-sizing: border-box;
}
#application .app_check .app_btn {
 width: 300px;
 font-size: 23px;
 padding: 10px;
 margin: 30px auto 0;
 border-radius: 10px;
 background: #d1cdcd;
}
#application .app_check .app_btn.act {
 background: #3EBBFD;
}
#application .app_check .app_btn a {
 color: #fff;
 display: block;
 text-decoration: none;
 cursor: default;
 pointer-events: none;
}
#application .app_check .app_btn.act a {
 cursor: pointer;
 pointer-events: auto;
}
/*---//application--*/

/*---access---------*/
#access ul.int li {
 text-indent: -16px;
 padding-left: 16px;
}
/*---//access------*/


.index_news .br{
 display: block;
}
#update .br{
 display: none;
}