@charset "utf-8";





                        /*
                                                          subpage                                   //
                        */





.path-title{position:relative;  margin:0 auto 40px auto; text-align:center;}
.path-title .path{margin-bottom:30px; display:none;}
.path-title>.in{position:relative; padding:100px 15px 60px 15px; background:#000;}
.path-title>.in:after{position:absolute; top:0; left:0; width:100%; height:100%; content:""; background-position:center; background-size:cover; opacity:0.4; z-index:11;}
.path-title>.in:before{position:absolute; top:0; left:0; width:100%; height:100%; content:"";  box-shadow:inset 10px 10px 10px #000; opacity:0.4; z-index:12;}

.path-title .titleArea{position:relative; z-index:13;}
.path-title .titleArea h2{position:relative;  color:#fff; font-size:30px; margin-bottom:20px; font-weight:700; text-shadow:5px 5px rgba(0,0,0,0.1);}
.path-title .tabArea{_position:absolute;  position:relative; top:-20px; left:0; width:100%; max-width:1200px; margin:0 auto; z-index:14;}
.path-title .tabArea ul{width:auto; max-width:90%; padding:5px 10px; margin:0 auto; background:#fff; box-sizing:border-box; box-shadow:3px 3px 5px rgba(0,0,0,0.07); border-radius:5px;}
.path-title .tabArea ul li{}
.path-title .tabArea ul li:after{top:6px; height:8px; transform:rotate(15deg); display:none;}
.path-title .tabArea ul li + li{}
.path-title .tabArea ul li a{display:block; color:#666; padding:7px 5px;}
.path-title .tabArea ul li.on a{font-weight:700; color:#f4a45b;}


body[cate="about"] .path-title>.in:after{background-image:url('/imgs/sub-path-bg/03.jpg');}
body[cate="program"] .path-title>.in:after{background-image:url('/imgs/sub-path-bg/01.jpg');}
body[cate="reg"] .path-title>.in:after{background-image:url('/imgs/sub-path-bg/02.jpg');}
body[cate="info"] .path-title>.in:after{background-image:url('/imgs/sub-path-bg/05.jpg');}


[class*="sub"]{}
[class*="sub"]>.in{max-width:1200px; margin:0 auto; padding:0 15px;}
[class*="sub"].max-1000>.in{max-width:1000px;}
[class*="sub"].max-800>.in{max-width:800px;}
[class*="sub"] h2.top-title{color:#f4a45b; padding-left:50px; position:relative; font-size:25px; font-weight:700; margin-bottom:50px; _-webkit-text-stroke: 1px #000; _color:#fff;}
[class*="sub"] h2.top-title span{display:block; position:absolute; top:50%; left:0; width:30px; height:1px; background:#f4a45b;}
[class*="sub"] .cont{font-size:14px; margin-bottom:50px; line-height:1.8;}
[class*="sub"] .cont h3.title{font-size:18px; margin-bottom:15px; color:#f4a45b;}
[class*="sub"] .cont h4.title{font-size:14px;}
[class*="sub"] .cont .in-cont1{font-size:14px; padding-left:15px; box-sizing:border-box;}
[class*="sub"] .o-max-800{max-width:800px; margin-right:auto; margin-left:auto;}

@media all and (min-width:768px){
  [class*="sub"] h2.top-title{padding-left:70px; font-size:40px; margin-bottom:80px;}
  [class*="sub"] h2.top-title span{width:50px;}
  [class*="sub"] .cont{font-size:16px; margin-bottom:100px;}
  [class*="sub"] .cont h3.title{font-size:22px; margin-bottom:25px;}
  [class*="sub"] .cont h4.title{font-size:19px;}
  [class*="sub"] .cont .in-cont1{font-size:16px; padding-left:20px;}
}

@media all and (min-width:768px){
  .path-title{ margin-bottom:70px;}
  .path-title>.in{padding:160px 15px 100px 15px;}
  .path-title .titleArea h2{font-size:50px; }
  .path-title .tabArea{top:-30px;}
  .path-title .tabArea ul{padding:5px 30px;}
  .path-title .tabArea ul li{font-size:16px;  }
  .path-title .tabArea ul li a{padding:15px 15px;}
  .path-title .tabArea ul li a:hover{color:#000;}
}




.tableArea{}
.tableArea + .tableArea{margin-top:100px;}
.tableArea h2.title{font-size:25px; margin-bottom:20px;}
.tableArea h2.title i{display:inline-block; font-style:normal; font-size:15px; margin-left:40px; font-weight:normal;}
.tableArea table{}
.tableArea table tr{}
.tableArea table tr th{padding:5px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; vertical-align:middle;}
.tableArea table tr td{padding:10px 5px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; vertical-align:middle;}
.tableArea table thead{background:#f9f9f9;}
.tableArea table thead tr{}
.tableArea table thead tr th{}
.tableArea table tbody{}
.tableArea table tbody tr{}
.tableArea table tbody tr th{}
.tableArea table tbody tr td{}

.tableArea table.type1 th{border:1px solid #ddd;}
.tableArea table.type1 th:first-child{border-left:0;}
.tableArea table.type1 th:last-child{border-right:0;}
.tableArea table.type1 td{border:1px solid #ddd;}
.tableArea table.type1 td:first-child{border-left:0;}
.tableArea table.type1 td:last-child{border-right:0;}

.tableArea table.top-border{border-top:2px solid #333;}
.tableArea table.border{border:1px solid #ddd;}
.tableArea table.center{text-align:center;}
.tableArea table.left{text-align:left;}
.tableArea table .center{text-align:center;}
.tableArea table .left{text-align:left;}

@media all and (min-width:768px){
  .tableArea h2.title{font-size:35px;}
  .tableArea table tr th{padding:10px 10px; font-size:16px;}
  .tableArea table tr td{padding:15px 10px;}
}


span.dot.bottom{position:relative;}
span.dot.bottom:after{position:absolute; bottom:10px; right:-15px; width:3px; height:3px; border-radius:50%; content:""; background:#c61065;}

@media all and (min-width:768px){
  span.dot.bottom:after{width:6px; height:6px;}
}





.top-tabArea{display:none; margin-bottom:40px;}
.top-tabArea.display{display:block;}
.top-tabArea ul{}
.top-tabArea ul li{font-size:12px; padding:0 20px; height:30px; line-height:28px; background:#f9f9f9; color:#999; border:1px solid #ddd; border-bottom-color:#333; cursor:pointer; margin-left:-1px; position:relative; z-index:10;}
.top-tabArea ul li:hover{}
.top-tabArea ul li.on{border-color:#333; color:#000; z-index:11; border-bottom:0; font-weight:500; background:#fff;}

.top-tabArea2{display:none; margin-bottom:40px;}
.top-tabArea2.display{display:block;}
.top-tabArea2 ul{text-align:center;}
.top-tabArea2 ul li{font-size:14px; font-weight:600;  line-height:40px; color:#f4a45b; background:#f4f4f4; box-sizing:border-box; position:relative; cursor:pointer; z-index:10;}
.top-tabArea2 ul li:hover{}
.top-tabArea2 ul li.on{border-color:#333; color:#fff; z-index:11; border-bottom:0; font-weight:500; background:#f4a45b; }
.top-tabArea2 ul li a{display:block; color:#333;}
.top-tabArea2 ul li.on a{color:#fff;}
.top-tabArea2.z2 ul li{line-height:35px;}
.top-tabArea2 ul.grid2 li{width:50%;}

@media all and (min-width:768px){
  .top-tabArea{margin-bottom:60px;}
  .top-tabArea ul li{font-size:17px; height:50px; line-height:48px; padding:0 60px;}

  .top-tabArea2 ul li{line-height:50px; font-size:16px;}
  .top-tabArea2.z2 ul li{line-height:40px;}
}


/*
.people{}
.people li{width:48%; margin:0 1% 5% 1%; background:#f4f4f4; border:1px solid #ddd; box-sizing:border-box; padding:25px 15px; border-radius:5px;}
.people li p{line-height:1.2;}
.people li p.name{font-size:16px; font-weight:700; margin-bottom:15px;}
.people li p.ins{margin-bottom:5px;}
.people li p.mail{}
.people li p i{margin-right:5px;}

.people.type2{}
.people.type2 li{padding:0;   border-radius:10px; padding-bottom:20px; overflow:hidden; background:#fff;}
.people.type2 li p{padding:5px 10px;}
.people.type2 li p.name{padding:15px 10px; background:#f4a45b; color:#fff; }
.people.type2 li p.ins{padding-bottom:0;}
.people.type2 li p.mail{}
.people.a1 li{width:98%;}

.people.type3{}
.people.type3 li{}
.people.type3 li p{ }
.people.type3 li p.name{}
.people.type3 li p.ins{}
.people.type3 li p.mail{}
.people.a1 li{width:98%;}

@media all and (min-width:768px){
  .people li{width:31.3333%;  padding:30px 20px;}
  .people li:hover{border-color:#f4a45b;}
  .people li p.name{font-size:20px; margin-bottom:30px;}
  .people li p.ins{text-align:right;}
  .people li p.mail{text-align:right;}

  .people.a1 li{width:48%;}

  .people.type2 li p{padding:8px 15px;}
  .people.type2 li p.name{padding:15px 20px; font-size:18px;}


}
*/

.people{}
.people .item{width:48%; margin:0 1% 5% 1%;  border:1px solid #f4a45b; overflow:hidden; box-sizing:border-box;   border-radius:10px;}
.people .item .img{}
.people .item .img img{width:100%;}
.people .item .txt{padding:5px; box-sizing:border-box;}
.people .item p{}
.people .item p.name{font-weight:700;}
.people .item p.ins{color:#999;}
.people .item p.mail{color:#999; word-break:break-all;}
.people .item .btnArea{padding:10px 0; box-sizing:border-box; margin-top:10px;}
.people .item .btnArea ul{text-align:center;}
.people .item .btnArea ul li{width:80%; margin:1px 1%; background:#f4a45b; color:#fff; border-radius:5px; cursor:pointer; transition:0.2s;}
.people .item .btnArea ul li:hover{opacity:0.7;}

@media all and (min-width:768px){

  .people .item{width:23%;}
  .people .item:hover{border-color:#f4a45b;}
  .people .item .txt{padding:15px; font-size:14px; }
  .people .item p.name{font-size:20px; margin-bottom:30px;}
  .people .item p.ins{}
  .people .item p.mail{}
  .people .item .btnArea ul li{width:48%; margin:0 1%; line-height:30px;}

  .people .item p{}
  .people .item p.name{ font-size:18px;}


}















/* about 01 */
.sub-about-01{}
.sub-about-01>.in{}
.sub-about-01 .cont{}
.sub-about-01 .cont + .cont{border-top:1px solid #ddd; padding-top:50px;}
.sub-about-01 .cont .sign{margin-top:20px;}
.sub-about-01 .cont h4{max-width:200px; margin-bottom:10px;}
.sub-about-01 .cont .img{margin-top:100px;}
.sub-about-01 .cont .img img{border-radius:10px;}


@media all and (min-width:768px){
  .sub-about-01 .cont + .cont{padding-top:100px;}
  .sub-about-01 .cont .txt{width:60%; font-size:16px; box-sizing:border-box; padding-right:5%;}
  .sub-about-01 .cont .img{width:40%; margin:0; }
}


/* about 02 */
.sub-about-02{}
.sub-about-02>.in{}
.sub-about-02 .cont{}
.sub-about-02 .cont h2{font-size:20px; line-height:1.1; font-weight:700; margin-bottom:30px; color:#f4a45b;}
.sub-about-02 .cont h2 span{font-size:25px;}
.sub-about-02 .cont>.in{}

@media all and (min-width:768px){
  .sub-about-02>.in{}
  .sub-about-02 .cont h2{font-size:30px;}
  .sub-about-02 .cont h2 br{}
  .sub-about-02 .cont h2 span{font-size:35px;}
}


/* about 03 */
.sub-about-03{}
.sub-about-03 .cont{}
.sub-about-03 .cont ul{}


@media all and (min-width:768px){

}


.sub-about-05 .cont div{box-shadow:5px 5px 5px rgba(0,0,0,0.1); border:1px solid #eee;}
.sub-about-05 .cont div + div{margin-top:30px;}
.sub-about-05 .cont div img{}





/* about 04 */
.sub-about-04{}
.sub-about-04>.in{}
.sub-about-04 .map iframe{width:100% !important;}
.sub-about-04 .spot{position:relative; border:1px solid #ddd;}
.sub-about-04 .spot b{display:inline-block; position:absolute;  border-radius:50%;  font-style:normal; font-size:0; line-height:0; z-index:20;}
.sub-about-04 .spot b{top:30%; left:44.7%;


    animation-duration:3s;
    animation-iteration-count: infinite;
    animation-direction: reverse;
    animation-timing-function: linear;
    animation-fill-mode: none;
    animation-delay:0s;
  	animation-fill-mode:forwards;

}
.sub-about-04 .spot i{font-size:30px; line-height:1; color:#f4a45b; position:relative;  transform:translate(-50%, -50%);}


@media all and (min-width:768px){
  .sub-about-04 .map iframe{min-height:600px;}
  .sub-about-04 .spot b{top:31%; left:45%;}
  .sub-about-04 .spot i{font-size:50px;}
}



.sub-program-live{}
.sub-program-live>.in{max-width:100%; padding:0;}
.sub-program-live .video-wrap{position:relative; padding:0 0 56.25% 0;}
.sub-program-live .video-wrap>iframe{position:absolute; width:100%; height:100%;}




/* program */
.sub-program-01{}
.sub-program-01>.in{}
.sub-program-01 .top-title b{font-weight:normal; font-size:15px; margin-left:10px; _color:#999;}
.sub-program-01 .top-title i{font-weight:normal; font-size:15px; margin-left:10px;   ; color:#999;}
.sub-program-01 th{width:100px; display:none;}
.sub-program-01 td.time{width:80px; text-align:center;}
.sub-program-01 td.con{width:auto;}
.sub-program-01 td.con i{font-style:normal; font-weight:bold; text-transform:uppercase;}
.sub-program-01 td b{ }
.sub-program-01 td strong{text-decoration:underline; display:inline-block;}
.sub-program-01 td i.keynote{display:inline-block; margin-left:10px; font-style:normal; font-weight:500; color:#760000;}
.sub-program-01 tr{ }
.sub-program-01 tr:hover{ }
.sub-program-01 tbody.session{background:#f4f8f4;}
.sub-program-01 .mobile{font-weight:bold; text-align:center;}
.sub-program-01 .mobile td.time{}
.sub-program-01 .mobile td.con{}
.sub-program-01 tbody.session{position:relative;}
.sub-program-01 tbody.poster{background:#f6e9ef;}
.sub-program-01 a{margin-left:5px;}
/*
.sub-program-01 tbody.session:hover{border-right:1px solid #333; border-left:1px solid #333;}
.sub-program-01 tbody.session:hover:before{position:absolute; top:0; left:0; width:100%; height:1px; background:#333; content:""; }
.sub-program-01 tbody.session:hover:after{position:absolute; bottom:0; left:0; width:100%; height:1px; background:#333; content:""; }
*/
.sub-program-01 tbody.session th{}


@media all and (min-width:768px){
  .sub-program-01>.in{}
  .sub-program-01 .top-title b{font-weight:normal; font-size:18px; margin-left:30px;}
  .sub-program-01 .tableArea{}
  .sub-program-01 th{width:200px;}
  .sub-program-01 th{display:table-cell;}
  .sub-program-01 td.time{width:180px;}
  .sub-program-01 td.con{width:auto;}
  .sub-program-01 td b{ }
  .sub-program-01 td br{}
  .sub-program-01 tbody.session:hover{}
  .sub-program-01 .mobile{display:none;}
}







.video-gallery{width:101%; margin-left:-1%;}
.video-gallery li{position:relative;  background-position:center; background-size:cover; height:150px; border-radius:20px; width:49%; margin:0 0 1% 1%;}
.video-gallery li a h2{color:#fff; display:none;}
.video-gallery li a{display:block; width:100%; height:100%; text-align:center;}
.video-gallery li a i{display:inline-block; position:absolute; top:50%; left:0;  width:100%; transform:translateY(-50%);   text-align:center;}
.video-gallery li a i{font-size:40px; color:#ff0000; transition:0.2s;}
.video-gallery li a:hover i{color:#fff;}
.video-gallery li>h2{color:#333;}



  @media all and (min-width:768px){
    .video-gallery li{width:24%; height:200px;}
    .video-gallery li a i{font-size:70px;}
  }










/* registration */
.sub-reg{position:relative; height:100vh; background-image:url('/imgs/reg-bg-21.jpg'); background-position:center; background-size:cover;}
.sub-reg>.in{}
.sub-reg .cont{color:#fff; margin:0; position:absolute; top:40%; left:50%; width:100%; transform:translate(-50%, -50%); text-align:center;}
.sub-reg .cont .top-title{padding:0; margin-bottom:20px; color:#fff;}
.sub-reg .cont h3.title{font-size:15px; line-height:1.3; font-weight:500; margin-bottom:25px; color:#fff;}
.sub-reg .cont h3.title span{font-size:13px;}
.sub-reg .cont a{display:inline-block; font-size:14px;  padding:10px 20px; color:#fff; background:#f4a45b;border-radius:10px; z-index:15;}
.sub-reg .cont a:hover{opacity:0.8;}

.sub-reg #particles-js{position:absolute; top:0; left:0; width:100%; height:100%; z-index:13;}


@media all and (min-width:768px){

  .sub-reg .cont h3.title{font-size:22px; margin-bottom:50px;}
  .sub-reg .cont h3.title span{font-size:19px;}
  .sub-reg .cont a{font-size:17px;}

}






.sub-info-03{}
.sub-info-03 tr:hover{background:#f4f4f4;}

.sub-info-03 .top-tabArea2 li{}







/* speakers */
.sub-speaker{}
.sub-speaker>.in{}
.sub-speaker .cont{}
.sub-speaker .cont>.in{}
.sub-speaker .cont .person{padding:10px; background:#fff; border:1px solid #ddd; margin-bottom:10px; transition:0.3s;}
.sub-speaker .cont ul{position:relative;}
.sub-speaker .cont ul li{}
.sub-speaker .cont ul li.img{width:35%;}
.sub-speaker .cont ul li.img img{}
.sub-speaker .cont ul li.txt{width:65%; box-sizing:border-box; padding-left:5%; padding-bottom:35px; }
.sub-speaker .cont ul li.txt b{margin-bottom:10px;}
.sub-speaker .cont ul li.txt b span{font-weight:normal; margin-left:5px;}
.sub-speaker .cont ul li.txt .title{margin-top:20px; position:relative; padding-left:35px;}
.sub-speaker .cont ul li.txt .title:after{position:absolute; top:-10px; left:0; width:10px; height:2px; background:#999; content:"";}
.sub-speaker .cont ul li.txt .title span{position:absolute; top:0; left:0;}
.sub-speaker .cont ul li.txt .title strong{line-height:1.3; display:inline-block; font-weight:normal;}
.sub-speaker .cont .btnArea{ position:absolute; bottom:0; right:0;}
.sub-speaker .cont .btnArea a{ transition:0.2s;}
.sub-speaker .cont .btnArea a:hover{ }
.sub-speaker .cont .btnArea a i{position:relative; top:1px; margin-left:5px; font-size:10px;}

@media all and (min-width:768px){
  .sub-speaker>.in{}
  .sub-speaker .cont .person{margin-bottom:20px; padding:20px;}
  .sub-speaker .cont .person:hover{_box-shadow:0 25px 25px -25px rgba(0,0,0,0.05);}
  .sub-speaker .cont ul li.img{width:25%;}
  .sub-speaker .cont ul li.txt{width:75%; font-size:15px; padding-bottom:45px;}
  .sub-speaker .cont ul li.txt b{font-size:17px; margin-bottom:20px;}
  .sub-speaker .cont ul li.txt .title{margin-top:40px; padding-left:40px;}
  .sub-speaker .cont ul li.txt .title:after{top:-20px;}
  .sub-speaker .cont .btnArea{ }
  .sub-speaker .cont .btnArea a{font-size:14px; padding:5px 15px;}
  .sub-speaker .cont .btnArea a i{margin-left:9px; font-size:12px;}
}





















/* program */
.sub-poster{}
.sub-poster>.in{}
.sub-poster .img{}
.sub-poster .img img{border:1px solid #ddd;}

@media all and (min-width:768px){
}


/* program */
.sub-program-01.t2 td.time{text-align:left;}
.sub-program-01.t2 td br{display:block;}
.sub-program-01.t2 td span{display:inline-block; margin:0 1px; font-size:10px; position:relative; top:-5px; color:#999;}

@media all and (min-width:768px){
  .sub-program-01.t2 td span{font-size:12px; margin:0 3px; }

}










/* sponsor */
.sub-sponsor{text-align:left;}
.sub-sponsor>.in{}
.sub-sponsor>.in h2.top-title{padding:0;}
.sub-sponsor>.in h2.top-title span{display:none;}
.sub-sponsor .cont{}
.sub-sponsor .cont ul{}
.sub-sponsor .cont ul li{position:relative; width:100%; margin:0 4px 4px 0; transition:0.2s;}
.sub-sponsor .cont ul li a{display:inline-block; padding:5px;  }
.sub-sponsor .cont ul li a:hover{border-color:#999;}
.sub-sponsor .cont ul li img{max-height:40px;}
.sub-sponsor .cont ul li .video{width:150px; text-align:center; box-sizing:border-box; background:#999; color:#fff; padding:3px 5px; margin-top:2px; margin-bottom:5px; cursor:pointer;}
.sub-sponsor .cont ul li .video:hover{background:#444;}
.sub-sponsor .cont ul li .video span{font-size:11px;}
.sub-sponsor .cont ul li .video i{line-height:inherit;  margin-right:3px; position:relative; top:1px;}
.sub-sponsor .cont ul li .video:hover{}
.sub-sponsor .cont2{max-width:800px; margin:0 auto;}
.sub-sponsor .cont2 ul{}
.sub-sponsor .cont2 ul li{position:relative; width:100%; margin:0 4px 20px 0;  transition:0.2s;}
.sub-sponsor .cont2 ul li a{display:inline-block; padding:5px; border:1px solid #ddd; background:#fff;}
.sub-sponsor .cont2 ul li a:hover{border-color:#999;}
.sub-sponsor .cont2 ul li img{max-height:100px;}
.sub-sponsor .cont2 ul li .video{display:inline-block;  margin-bottom:5px; cursor:pointer;}
.sub-sponsor .cont2 ul li .video:hover{ }
.sub-sponsor .cont2 ul li .video span{font-size:11px;}
.sub-sponsor .cont2 ul li .video i{line-height:inherit;  margin-right:3px; position:relative; top:1px;}
.sub-sponsor .cont2 ul li .video:hover{}



.greeting-v{position:fixed; top:50%; left:5%; width:90%; height:auto; transform:translateY(-50%); background:#000; z-index:120;}
.greeting-v i.close{position:absolute; top:-50px; right:0; font-size:50px; color:#fff; cursor:pointer; z-index:111; transition:0.2s;}
.greeting-v i.close:hover{color:#eee; transform: rotate(180deg);}
.greeting-v i.spin{position:absolute; top:50%; left:50%; width:50px; height:50px; line-height:50px; text-align:center; color:#fff; z-index:111; margin:-25px 0 0 -25px; font-size:50px;}
.greeting-v iframe{ z-index:112;}
.greeting-bg{position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:110; cursor:pointer;}


@media all and (min-width:768px){
  .sub-sponsor{text-align:center;}
  .sub-sponsor>.in{}
  .sub-sponsor .cont ul li{display:inline-block; width:auto;}
  .sub-sponsor .cont ul li a{padding:8px 15px;  }
  .sub-sponsor .cont ul li img{max-height:60px;}
  .sub-sponsor .cont ul li .video{width:100%; margin-top:5px; padding:5px 10px; }
  .sub-sponsor .cont ul li .video i{line-height:inherit; margin-right:10px; font-size:17px;}
  .sub-sponsor .cont ul li .video span{font-size:15px;}
  .sub-sponsor .cont ul li .video:hover{background:#;}

  .sub-sponsor .cont2 ul li{display:inline-block; width:48%; margin:0 1% 80px 1% ;}
  .sub-sponsor .cont2 ul li.long{width:96%;}
  .sub-sponsor .cont2 ul li a{padding:15px 30px;  }
  .sub-sponsor .cont2 ul li img{max-height:150px;}
  .sub-sponsor .cont2 ul li .video{width:160px; margin:5px auto; padding:5px 10px; }
  .sub-sponsor .cont2 ul li .video i{line-height:inherit; margin-right:10px; font-size:17px;}
  .sub-sponsor .cont2 ul li .video span{font-size:15px;}
  .sub-sponsor .cont2 ul li .video:hover{background:#;}


  .greeting-v i.close{ top:-50px; right:-50px; font-size:50px; }
}

@media all and (min-width:1300px){
  .greeting-v{background:transparent; width:1200px; left:50%; margin-left:-600px;}
  .greeting-v>div{}
}















/* gallery */
.sub-gallery{}
.sub-gallery .grid-sizer,
.sub-gallery .grid-item{width:50%; padding:0.5%; box-sizing:border-box; ;}
.sub-gallery .grid-item.on{width:100%;}
.sub-gallery .gutter-sizer{width:0;}
.sub-gallery .item h3{display:none;}
.sub-gallery .grid-item img{width:100%; cursor:pointer;}









/* map */
.sub-travel{}
.sub-travel>.in{}
.sub-travel .cont{}
.sub-travel .cont .map{}
.sub-travel .cont .map iframe{width:100% !important;}
.sub-travel .cont .box + .box{margin-top:10px;}
.sub-travel .cont .in-cont1{color:#666;}
.sub-travel .cont .small-circle{width:5px; height:5px; border:1px solid #999;  display:inline-block; position:relative; margin-left:-10px; left:-6px; border-radius:50%;}

@media all and (min-width:768px){
  .sub-travel>.in{}
  .sub-travel .cont .box + .box{margin-top:20px;}
  .sub-travel .cont .small-circle{left:-10px; top:-2px;}
}












/* contact */
.JS-form_mail{ }
.JS-form_mail>.in{position:relative; padding:0;  max-width:600px; }
.JS-form_mail .input-box{margin-bottom:10px;}
.JS-form_mail h3{ font-size:14px; line-height:30px; font-weight:500;}
.JS-form_mail h3 span{font-weight:normal; font-size:12px; display:inline-block; margin-left:10px;}
.JS-form_mail input.input{border:1px solid #ddd; width:100%; height:34px; line-height:34px; padding:10px;}
.JS-form_mail input.input:focus{border-color:#333;}
.JS-form_mail input.send-this{display:block; border:0;   width:100%; margin:20px 0 0 0; line-height:40px; cursor:pointer;}
.JS-form_mail input[type="number"]::-webkit-outer-spin-button,
.JS-form_mail input[type="number"]::-webkit-inner-spin-button {-webkit-appearance:none; margin:0;}
.JS-form_mail textarea{min-height:50px; max-height:300px; width:100%; padding:10px;}
.JS-form_mail .infoArea{margin-top:30px; max-width:700px; margin:30px auto;  }
.JS-form_mail .infoArea h2{font-size:15px;}
.JS-form_mail .infoArea .box{overflow-y:auto; max-height:80px; font-size:13px; background:#f4f4f4; margin-bottom:20px; padding:10px; border:1px solid #ddd;}



@media all and (min-width:768px){

  .JS-form_mail .input-box{margin-bottom:15px;}
  .JS-form_mail h3{font-size:17px;}
  .JS-form_mail h3 span{font-size:15px; margin-left:15px;}
  .JS-form_mail input.send-this{width:50%;}

}





#contents>.register{max-width:600px; margin:30px auto;}
#contents #fregister p{background:#333; font-weight:normal;}
#contents #fregister p:before{display:none;}
#contents .register .btn_confirm{}
#contents .register .btn_confirm a,
#contents .register .btn_confirm button{box-sizing:border-box;}







.pop-box{display:none; position:fixed; top:0; left:0; width:100%; height:100%; overflow-y:auto; background:#fff; border:1px solid #ddd; z-index:100;}
.pop-box .close{position:absolute; top:5px; right:5px; width:45px; height:45px; text-align:center; font-size:30px; cursor:pointer;;}
.pop-box .close i{line-height:inherit;}
.pop-box>.in{padding:20px; box-sizing:border-box; }
.pop-box .person{text-align:center; width:100%; margin-bottom:50px;}
.pop-box .person .item{margin:0 auto; text-align:left;}
.pop-box .person .item .img{}
.pop-box .person .item .img img{}
.pop-box .person .item .txt{}
.pop-box .person .item p{}
.pop-box .person .item p.name{}
.pop-box .person .item p.ins{}
.pop-box .person .item p.mail{}
.pop-box .person .item .btnArea{display:none;}
.pop-box .info-box{width:100%; box-sizing:border-box;}
.pop-box .info-box h2{font-size:25px; line-height:1.2; margin-bottom:15px;}
.pop-box .info-box h3{font-size:20px; line-height:1.2; margin-bottom:10px;}
.pop-box .info-box p{font-size:15px; color:#999; box-sizing:border-box; }
.pop-box .info-box .cv p{padding-left:20px;}
.pop-box .info-box p b{color:#333;}
.pop-box .info-box p + h2{margin-top:50px;}
.pop-box .info-box p + h3{margin-top:50px;}
.pop-box .info-box article[mail]{display:none;}
.pop-box .info-box article[mail].on{display:block;}

.popBG{display:none; position:fixed; top:0; left:0; width:100%; height:100%;  background:#000; opacity:0.4; z-index:99; cursor:pointer;}

@media all and (min-width:768px){

  .pop-box{top:50%; left:50%; width:80%; height:auto;; overflow:hidden; max-width:1000px; max-height:700px; transform:translate(-50%, -50%);}
  .pop-box>.in{padding:0;}
  .pop-box .person{display:table-cell; width:30%; margin:0; box-sizing:border-box;  border-right:1px solid #f4a45b;}
  .pop-box .person .item{width:100%; border-radius:0; border:0;}
  .pop-box .info-box{display:table-cell; width:70%; box-sizing:border-box; padding:0;}
  .pop-box .info-box>.in{max-height:700px; overflow-y:auto; box-sizing:border-box; padding:40px;}
  .pop-box .info-box h2{margin-bottom:30px;}
  .pop-box .info-box h3{margin-bottom:20px;}
  .pop-box .info-box .cv p{padding-left:30px;}


}








































/**/