.main_content{
    width:100%;
    height:100%;
    height:auto;
}
.main_wrapper{
    width:100%;
    height:100%;
}
.main_enter{padding:20px;border:1px solid black;width:150px;text-align: center;font-size:26px;color:black;margin:auto;cursor:pointer;}
.enter_wrapper{position:absolute;top:45%;width:100%;z-index: 999;}

.main_wrapper.index{
    background:url(images/back.jpg) center center no-repeat;
    background-size:cover;
    height:auto;
    width:100%;
    height:100%;
}

.logo{
    position:fixed;
    width:15%;
    height:80px;
    top:0px;;
    left:0;
    z-index: 99999;
    background:url(images/logo.png) center center no-repeat;
    background-size:contain;
}
#bgm{
    position:absolute;
    z-index: 9999;
    bottom:0%;
    
}
.tock{
    width:8%;
    height:20%;
    position:absolute;
    top:50%;
    left:8%;
}
.footer_logo{
    position:fixed;
    width:100%;
    height:100px;
    bottom:0;
    z-index: 99999;
    background:url(images/footer_logo.png) center center no-repeat;
    background-size:contain;
}
.navigation{
    width:100%;
    height:60px;
    position:fixed;
    right:0;
    z-index: 9999;
    background-color:#2a2a2a;
    padding-top:10px;
    padding-bottom:10px;
    
}
.navi_margin{
    width:100%;
    height:10%;
}

.menu{
    width:10%;
    height:100%;
    float:right;
    margin-right:0.2%;
    background-size:contain;
    background-position: center center;
    background-repeat: no-repeat;
    cursor:pointer;
}

.menu:hover{
    border-bottom: 2px white solid;
}

.menu_1{background-image: url(images/menu_1.png);}
.menu_2{background-image: url(images/menu_2.png);}
.menu_3{background-image: url(images/menu_3.png);}
.menu_4{background-image: url(images/menu_4.png);}
.menu_5{background-image: url(images/menu_5.png);}
.menu_6{background-image: url(images/menu_6.png);}
.menu_7{background-image: url(images/menu_7.png);}

.section{
    width:100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size:cover;
}
.black{
    background-color:#2a2a2a;
}
.title{
    background-image:url(images/title/title_back.png);
    height:300;
}

.left_content{
    width:50%;
    height:100%;
    float: left;
}
.right_content{
    width:50%;
    height:100%;
    float: left;
}

.footer_wrapper{
    width:100%;
    height:100px;
    background-color:#2b2b2b;
}
.footer{
    width:1280px;
    height:100px;
    margin:0 auto;
    background:url(images/footer.jpg) center center no-repeat;
    background-size:cover;
}


/*this area is indexpage*/

.index .text_wrapper{
    width:100%;
    height:120px;
    position:absolute;
    bottom:13%;
    background-color:rgba(0,0,0,0.5);
}
.index .button_wrapper{
    width:100%;
    margin:0 auto;
    position:absolute;
    bottom:15%;
}
.index .button_wrapper .center_wrapper{
    width:1200px;
    margin:0 auto;
}
.index .button_wrapper .tosociety{
    height:30px;
    width:160px;
    float:right;
    background:url(images/main_click.jpg)right center no-repeat;
    background-size:contain;
    cursor:pointer;
    
}
.index .text_wrapper .text_content{
    width:1280px;
    height:100px;
    margin:0 auto;
    background:url(images/main_contents.png) center center no-repeat;
    background-size:cover;
}

.floating_menu{
    position:absolute;
    width:240px;
    height:80px;
}
.floating_menu .icon{
    float:left;
    width:80px;
    height:80px;
    background:url(images/icon-02.png) center center no-repeat;
    background-size:contain;
}
.floating_menu .icon:hover{
    background-image: url(images/icon-02_light.png);
}
.floating_menu .text{
    float:left;
    width:160px;
    height:80px;
    background-size:contain;
    background-position: center center;
    background-repeat: no-repeat;
}

.f_menu1 .text{background-image: url(images/index/menu_7.png);}
.f_menu2 .text{background-image: url(images/index/menu_2.png);}
.f_menu3 .text{background-image: url(images/index/menu_3.png);}
.f_menu4 .text{background-image: url(images/index/menu_4.png);}
.f_menu5 .text{background-image: url(images/index/menu_5.png);}
.f_menu6 .text{background-image: url(images/index/menu_6.png);}

.f_menu1{left:66%;top:50%;}
.f_menu2{left:20%;top:20%;}
.f_menu3{left:42%;top:10%;}
.f_menu4{left:40%;top:50%;}
.f_menu5{left:50%;top:39%;}
.f_menu6{left:62%;top:28%;}

/*this area is ambassador society*/

.ambassador .title_text{
    width:1280px;
    margin-left:auto;
    margin-right:auto;
    height:300px;
    background:url(images/title/amb_society.png) center center no-repeat;
    background-size:contain;
} 
.ambassador .subtitle_1{
    height:300px;
    background-color:#2a2a2a;

}
.ambassador .subtitle1_text{
    height:300px;
    width:1280px;
    margin:0 auto;
    background:url(images/society/amso_subtitle_2.png) center center no-repeat;
    background-size:contain;
}
.ambassador .content_1{
    height:720px;
    position:relative;
    text-align: center;
    background-color:#1c1c1c;
}
.ambassador .content1_video{
    width:1280px;
    margin:0 auto;
    
}
.ambassador .content_2{
    background-image:url(images/society/content_1.jpg);
    height:960px;
}


/*this area is senior ambassador*/



.senior .title_text{
    width:1280px;
    height:300px;
    background:url(images/title/senior.png) center center no-repeat;
    background-size:contain;
    margin:0 auto;
}
.movie{
    width:100%;
    height:400px;
}

.senior .content_1{
    height:960px;    
} 
.senior .left_content{
    background-color:#2a2a2a;
}
.senior .right_content{
    background:url(images/senior/contents_1.jpg) center center no-repeat;
    background-size:cover;
    position:relative;
}
.senior .video_link{
    width:200px;
    height:50px;
    background:url(images/senior/vediolink.jpg) center center no-repeat;
    background-size:contain;
    cursor:pointer;
    position:absolute;
    bottom:5%;
    right:0%;
}
.senior .content1_text{
    width:600px;
    height:500px;
    margin-top:280px;
    margin-right:50px;
    float:right;
    background:url(images/senior/content1_text.png) center center no-repeat;
    background-size:contain;
}
.senior .subtitle_1{
    height:250px;
}
.senior .subtitle1_text{
    width:1280px;
    height:250px;
    margin:0 auto;
    background:url(images/senior/subtitle_1.png) center center no-repeat;
    background-size:cover;
}
.senior .content_2{
    height:960px;
    position:relative;
    background-image: url(images/senior/content_2.jpg);
}
.senior .interview_wrapper{
    width:100%;
    height:100%;
    position:absolute;
    z-index:99999;
    background-color:rgba(0,0,0,0.6);
    text-align: center;
   
}
#interview{
    margin:0 auto;
}

.senior .total_wrapper{
    width:1280px;
    height:100%;
    margin:0 auto;;
}

.senior .total_wrapper .text_wrapper{
    width:720px;
    height:100%;
    margin-left:100px;
    float:left;
    position:relative;
}

.senior .text_wrapper .text_title1{
    width:250px;
    height:300px;
    margin-top:170px;
    background:url(images/senior/content2_text1.png) left center no-repeat;
    background-size:contain;
    
}

.senior .text_wrapper .text_content1{
    width:100%;
    height: 200px;
    position:relative;
    background:url(images/senior/text_content1.png) left top no-repeat;
    background-size:105%;
    border-top:solid 1px #FFB405;
    cursor:pointer;
}
.senior .text_wrapper .text_content2{
    width:100%;
    height: 80px;
    position:relative;
    overflow:hidden;
    cursor:pointer;
    background:url(images/senior/text_content2.png) left top no-repeat;
    background-size:105%;
    border-top:solid 1px #FFB405;
    border-bottom:solid 1px #FFB405;
}

.senior .text_wrapper .expand_button{
    width:30px;
    height:30px;
    background-size:cover;
    position:absolute;
    right:5px;
    top:25px;
    background:url(images/senior/minus.png) center center no-repeat;

    
}
.plus{
    background:url(images/senior/plus.png) center center no-repeat !important;

}
.senior .total_Wrapper .img_wrapper{
    width:450px;
    float:left;
    height:100%;
    position:relative;
}

.senior .content_2 .img_content{
    width:450px;
    height:450px;
    position:absolute;
    left:0;
    top:280px;
    background-size:contain;
}
.earth{
    background:url(images/senior/earth-01.png) center center no-repeat;
    background-size:contain;
}
.penguin{
   background:url(images/senior/penguin-02.png) center center no-repeat; 
}
.senior .subtitle_2{
    background-image: url(images/senior/subtitle_2.jpg);
    width:1280px;
    height:300px;
    margin:0 auto;
    background-size:contain;
}
.senior .content_3{
    
    height:960px;
    background-image: url(images/senior/content_3.png);
    background-size:cover;
}


/*this is master area*/

.master .title_text{
    width:1280px;
    height:300px;
    margin:0 auto;
    background:url(images/title/master.png) center center no-repeat;
    background-size:contain;
}
.master .content_1{
    background-color:#191919;
    height:1000px;
}

.master .content_1 .total_wrapper{
    width:1280px;
    height:100%;
    margin:0 auto;
    position:relative;
}
.master .left_content{
   ;
    width:50%;
}
.master .right_content{
    width:50%;
    position:relative;
}

.master .content_1 .grid{
    background-color:#2a2a2a;
    width:33.33%;
    height:25%;
    position:absolute;
}
.master .grid{
    background-position:top center;
    background-size:130%;
    background-repeat: no-repeat;
}
.master_1{left:0%;top:0%;}
.master_2{left:33.33%;top:0%;}
.master_3{right:0%;top:0%;}
.master_4{left:0%;top:25%;}
.master_5{left:33.33%;top:25%;}
.master_6{right:0%;top:25%;}
.master_7{left:0%;top:50%;}
.master_8{left:33.33%;top:50%;}
.master_9{right:0%;top:50%;}
.master_10{left:0%;bottom:0%;}
.master_11{left:33.33%;bottom:0%;}
.master_12{right:0%;bottom:0%;}

.master_1{background-image:url(images/master/master_1.jpg)}
.master_2{background-image:url(images/master/master_2.jpg)}
.master_3{background-image:url(images/master/master_3.jpg)}
.master_5{background-image:url(images/master/master_5.jpg)}
.master_6{background-image:url(images/master/master_6.jpg)}
.master_7{background-image:url(images/master/master_7.jpg)}
.master_8{background-image:url(images/master/master_8.jpg)}
.master_9{background-image:url(images/master/master_9.jpg)}
.master_10{background-image:url(images/master/master_10.jpg)}
.master_12{background-image:url(images/master/master_12.jpg)}


.master_1:hover{background-image:url(images/master/master_1hover.jpg)}
.master_2:hover{background-image:url(images/master/master_2.png)}
.master_2:hover{background-image:url(images/master/master_2.png)}
.master_3:hover{background-image:url(images/master/master_3.png)}
.master_5:hover{background-image:url(images/master/master_5.png)}
.master_6:hover{background-image:url(images/master/master_6.png)}
.master_7:hover{background-image:url(images/master/master_7.png)}
.master_8:hover{background-image:url(images/master/master_8.png)}
.master_9:hover{background-image:url(images/master/master_9.png)}
.master_10:hover{background-image:url(images/master/master_10.png)}
.master_12:hover{background-image:url(images/master/master_12.png)}


.master_1.hover{background-image:url(images/master/master_1hover.jpg);background-size:135% !important;}
.master_2.hover{background-image:url(images/master/master_2.png);background-size:135% !important;}
.master_2.hover{background-image:url(images/master/master_2.png);background-size:135% !important;}
.master_3.hover{background-image:url(images/master/master_3.png);background-size:135% !important;}
.master_5.hover{background-image:url(images/master/master_5.png);background-size:135% !important;}
.master_6.hover{background-image:url(images/master/master_6.png);background-size:135% !important;}
.master_7.hover{background-image:url(images/master/master_7.png);background-size:135% !important;}
.master_8.hover{background-image:url(images/master/master_8.png);background-size:135% !important;}
.master_9.hover{background-image:url(images/master/master_9.png);background-size:135% !important;}
.master_10.hover{background-image:url(images/master/master_10.png);background-size:135% !important;}
.master_12.hover{background-image:url(images/master/master_12.png);background-size:135% !important;}

.master .text_content{
    position:relative;
    width:100%;
    height:100%;
} 
.master_text{
    position:absolute;
    width:100%;
    height:100%;
    background-position: center center;
    background-size:contain;
    background-repeat: no-repeat;
}
.m_text1{background-image: url(images/master/master_1text.jpg);}
.m_text2{background-image: url(images/master/master_2text.jpg);}
.m_text3{background-image: url(images/master/master_3text.jpg);}
.m_text5{background-image: url(images/master/master_5text.jpg);}
.m_text6{background-image: url(images/master/master_6text.jpg);}
.m_text7{background-image: url(images/master/master_7text.jpg);}
.m_text8{background-image: url(images/master/master_8text.jpg);}
.m_text9{background-image: url(images/master/master_9text.jpg);}
.m_text10{background-image: url(images/master/master_10text.jpg);}
.m_text12{background-image: url(images/master/master_12text.jpg);}


/*this area is special ambassador page*/


.special .title_text{
    height:300px;
    width:1280px;
    background:url(images/title/special.png) center center no-repeat;
    background-size:contain;
    margin:0 auto;
}

.special .content_1{
    height:250px;
}


.special .content_1 .text_content{
    width:1280px;
    height:600px;
    margin:0 auto;
    background:url(images/special/special_videocontents.png) center center no-repeat;
    background-size:cover;
} 

.special .content_2{
    width:1280px;
    height:650px;
    margin:0 auto;
    background:url(images/special/special_contents.png) center center no-repeat;
    background-size:contain;
}


/*this area is global ambassador*/

.global .title_text{
    width:1280px;
    height:300;
    margin:0 auto;
    background:url(images/title/global.png) center center no-repeat;
    background-size:contain;
}

.global .content_1{
    height:250px;
}
.global .content_1 .text_content{
    width:1280px;
    height:600px;
    margin:0 auto;
    background:url(images/global/global_videocontents.png) center center no-repeat;
    background-size:cover;
}
.global .content_2{
    height:960px;
    background-color:#191919;
    position:relative;
}
.global .wrapper_background{
    background-color:#2a2a2a;
}
.global .global_wrapper{
    height:160px;
    width:640px;
    margin:0 auto;
    position:relative;
}
.global_wrapper .grid{
    width:25%;
    height:100%;
    float:left;
    background-position: center center;
    background-repeat:no-repeat;
    background-size:cover;
}
.global_1{background-image: url(images/global/global_1.jpg)}
.global_2{background-image: url(images/global/global_2.jpg)}
.global_3{background-image: url(images/global/global_3.jpg)}
.global_4{background-image: url(images/global/global_4.jpg)}

.global_1:hover{background-image: url(images/global/global_1.png)}
.global_2:hover{background-image: url(images/global/global_2.png)}
.global_3:hover{background-image: url(images/global/global_3.png)}
.global_4:hover{background-image: url(images/global/global_4.png)}

.global_1.hover{background-image: url(images/global/global_1.png)}
.global_2.hover{background-image: url(images/global/global_2.png)}
.global_3.hover{background-image: url(images/global/global_3.png)}
.global_4.hover{background-image: url(images/global/global_4.png)}


.global .left_content{
    height:800px;
    position:relative;
}
.global .left_content .text_content{
    width:700px;
    height:800px;
    float:left;
    
}
.global .right_content{
    position:relative;
    height:800px;
}
.global_text{
    position:absolute;
    width:100%;
    height:100%;
    background-position: center center;
    background-size:contain;
    background-repeat: no-repeat;
}

.g_text1{background-image: url(images/global/global_1text.jpg)}
.g_text2{background-image: url(images/global/global_2text.jpg)}
.g_text3{background-image: url(images/global/global_3text.jpg)}
.g_text4{background-image: url(images/global/global_4text.jpg)}

.global_photo{
    width:100%;
    height:100%;
    background-position:center center;
    background-repeat:no-repeat;
    background-size:cover;
    position:absolute;
}
.g_photo{background-image: url(images/global/global_1photo.jpg)}


/*this area is culture ambassador page*/


.culture .title_text{
    width:1280px;
    height:300;
    margin:0 auto;
    background: url(images/title/culture.png) center center no-repeat;
    background-size:contain;
}
.culture .scroll_navigator{
    width:100%;
    height:50px;
    top:50px;
    position:absolute;
}
.culture .scroll_navigator .scroll_marker{
    width:50px;
    height:50px;
    background:url(images/culture/mouse.png) center center no-repeat;
    background-size:contain;
    margin:0 auto;
}
.culture .content_1{
    height:3500px;
    background-color:#e1e1e1;
    position:relative;
}

.culture .content_1 .img{
    background-position:center center;
    background-repeat:no-repeat;
    background-size:contain;
}
.culture .content_1 .text{
    background-repeat:no-repeat;
    background-size:contain;
}

.culture .gallery_frame{
    width:1280px;
    height:100%;
    position:relative;
    margin:0 auto;
}

.gallery .img{
    opacity:0;
}
.gallery .text{
    opacity:0;
}
.gallery_1{
    width:500px;
    height:300px;
    position:absolute;
    left:200px;
    top:150px;   
}
.gallery_1 .img{
    background-image: url(images/culture/gallery_1.png);
    width:200px;
    height:300px;
    float:left;
    margin-left:-100px;
}
.gallery_1 .text{
    background-image: url(images/culture/gallery_1text.png);
    width:260px;
    height:200px;
    float:left;
    margin-top:70px;
    background-position:center bottom;
}
.gallery_2{
    width:400px;
    height:300px;
    position:absolute;
    right:150px;
    top:150px;   
}
.gallery_2 .img{
    background-image: url(images/culture/gallery_2.png);
    width:400px;;
    height:500px;
    float:left;
    margin-top:150px;
}
.gallery_2 .text{
    background-image: url(images/culture/gallery_2text.png);
    width:400px;
    height:120px;
    float:left;
    background-position:center top;
}
.gallery_3{
    width:700px;
    height:400px;
    position:absolute;
    left:100px;
    top:550px;   
}
.gallery_3 .img{
    background-image: url(images/culture/gallery_3.png);
    width:300px;;
    height:400px;
    margin-top:150px;
    float:left;
}
.gallery_3 .text{
    background-image: url(images/culture/gallery_3text.png);
    width:300;
    height:140px;
    margin-top:220px;
    float:left;
    background-position:center top;
}
.gallery_4{
    width:850px;
    height:400px;
    position:absolute;
    right:50px;
    top:800px;   
}
.gallery_4 .img{
    background-image: url(images/culture/gallery_4.png);
    width:300px;;
    height:400px;
    margin-left: 150px;
    float:left;
}
.gallery_4 .text{
    background-image: url(images/culture/gallery_4text.png);
    width:300;
    height:130px;
    margin-top:140px;
    float:left;
    background-position:center top;
}
.gallery_5{
    width:750px;
    height:400px;
    position:absolute;
    left:50px;
    top:1000px;   
}
.gallery_5 .img{
    background-image: url(images/culture/gallery_5.png);
    width:400px;
    height:400px;
    margin-left:-150px;
    float:left;
}
.gallery_5 .text{
    background-image: url(images/culture/gallery_5text.png);
    width:300px;
    height:130px;
    margin-top:140px;
    float:left;
    background-position:center top;
}
.gallery_6{
    width:400px;
    height:600px;
    position:absolute;
    right:200px;
    top:1300px;   
}
.gallery_6 .img{
    background-image: url(images/culture/gallery_6.png);
    width:500px;;
    height:400px;
    margin-top:200px;
    float:right;
    background-position: right center;
}
.gallery_6 .text{
    background-image: url(images/culture/gallery_6text.png);
    width:600px;
    height:150px;
    float:right;
    background-position:right top;
}
.gallery_7{
    width:400px;
    height:600px;
    position:absolute;
    left:200px;
    top:1600px;   
}
.gallery_7 .img{
    background-image: url(images/culture/gallery_7.png);
    width:320px;;
    height:400px;
    margin-left:-150px;
    float:left;
    background-position: right center;
}
.gallery_7 .text{
    background-image: url(images/culture/gallery_7text.png);
    width:380px;
    height:180px;
    float:left;
    background-position:left top;
}
.gallery_8{
    width:400px;
    height:600px;
    position:absolute;
    right:250px;
    top:2000px;   
}
.gallery_8 .img{
    background-image: url(images/culture/gallery_8.png);
    width:400px;;
    height:400px;
    float:left;
    margin-left: 150px;
    background-position: right center;
}
.gallery_8 .text{
    background-image: url(images/culture/gallery_8text.png);
    width:450px;
    height:120px;
    float:left;
    background-position:center top;
}

.gallery_9{
    width:800px;
    height:600px;
    position:absolute;
    left:50px;;
    top:2300px;   
}
.gallery_9 .img{
    background-image: url(images/culture/gallery_9.png);
    width:320px;;
    height:400px;
    margin-top:150px;
    float:left;
    background-position: right center;
}
.gallery_9 .text{
    background-image: url(images/culture/gallery_9text.png);
    width:300px;
    height:120px;
    margin-top:220px;
    float:left;
    background-position:right top;
}

.gallery_10{
    width:1100px;
    height:600px;
    position:absolute;
    left:150px;;
    top:2800px;   
}
.gallery_10 .img{
    background-image: url(images/culture/gallery_10.png);
    width:600px;
    height:400px;
    float:left;
    margin-top:150px;
    background-position: right center;
}
.gallery_10 .text{
    background-image: url(images/culture/gallery_10text.png);
    width:500px;
    height:140px;
    margin-top:220px;
    float:left;
    background-position:right top;
}





/*this area is junior ambassador page*/


.junior .title_text{
    width:1280px;
    height:300;
    margin:0 auto;
    background:url(images/title/junior.png) center center no-repeat;
    background-size:contain;
}
.junior .content_1{
    height:500px;
    background-image: url(images/junior/contents_3.jpg);
    background-size:cover;
    position:relative;
}
.junior .content_1 .text_content{
    width:1280px;
    height:500px;
    margin:0 auto;
}
.junior .subtitle_1{
    height:250px;
    width:1280px;
    margin:0 auto;
    background-image: url(images/junior/sub_title_2.jpg);
    background-size:contain;
}
.junior .subtitle_2{
    height:300px;
    width:1280px;
    margin:0 auto;
    background-image: url(images/junior/sub_title_2.jpg);
    background-size:contain;
}
.junior .content_2{
    height:700px;
}
.junior .content_2 .text_content{
    height:700px;
    width:1280px;
    margin:0 auto;
    background:url(images/junior/contents_2.png) center center no-repeat;
    background-size:contain;
}
.juam_linkwrapper{
    position:absolute;
    height:50px;
    bottom:15%;
    width:100%;
}
.juam_link{
    height:50px;
    width:200px;
    margin:0 auto;
    background:url(images/junior/link.png) center center no-repeat;
    background-size:contain;
    cursor:pointer;
}



.lightboxcontainer {
  width:100%;
  text-align:left;
}
.lightboxleft {
  width: 40%;
  float:left;
}
.lightboxright {
  width: 60%;
  float:left;
}
.lightboxright iframe {
  min-height: 390px;
}
.divtext {
  margin: 36px;
}


.visuallyhidden{
    opacity:0;
}
.no-background{
    background-color:transparent !important;
}
.up{
    z-index:9999;
}
.hidden{
    display:none;
}
.last{margin-right:0% !important}


@media (max-width: 800px) {
  .lightboxleft {
    width: 100%;
  }
  .lightboxright {
    width: 100%;
  }
  .divtext {
    margin: 12px;
  }
}