@charset "utf-8";
 @import url("/css/global/common_sub.css");
 
body, html{margin:0;padding:0;background:#fff}
*{-webkit-text-size-adjust: none;margin:0;padding:0}
a, abbr, acronym, address, blockquote, button, caption, cite, code, dd, del, dfn, dl, dt, em, fieldset, form, h1, h2, h3, h4, h5, h6, img, label, legend, li, ol, p, pre, q, s, samp, small, strike, strong, sub, sup, table, tbody, td, tfoot, th, thead, tr, tt, ul, var, textarea, span, div { border: 0 none;font-style: normal;margin: 0;padding: 0; font-size:12px;color:#333;}
h1, h2, h3, h4, th{font-weight:normal}
ol, ul {list-style: none outside none;}
table {border-collapse: collapse;border-spacing: 0;}
html {overflow-y: scroll;}
a:active {outline: 0 none;}
a{text-decoration:none}
.blind {font-size: 0; height: 0; line-height: 0; margin: 0; overflow: hidden; padding: 0; position: absolute; visibility: hidden; width: 0;}
textarea{resize:none;font-size:12px;}
#gaus_wrap{min-width:/*980px*/1592px}

#header {padding-bottom:0 !important;}

#tab{border-bottom:1px solid #b6b6b6;border-top:1px solid #b6b6b6;height:82px;background:url(/images/gaus/bg_tab.jpg) 0 0 repeat-x;}
#tab li a span{background:url(/images/gaus/tab.png) -9999px -99999px no-repeat}
#tab ul{width:701px;margin:0 auto;overflow:hidden}
#tab li {float:left;width:20%}
#tab li a{display:block;height:52px;padding-top:30px}
#tab li a span{display:block;height:29px;text-indent:-9999px;width:98px;margin:0 auto;font-size:0}
#tab li.e1 a span{background-position:0 0}
#tab li.e1 a.on span{background-position:0 -82px}
#tab li.e2 a span{background-position:-140px 0px}
#tab li.e2 a.on span{background-position:-140px -82px}
#tab li.e3 a span{background-position:-282px 0px}
#tab li.e3 a.on span{background-position:-282px -82px}
#tab li.e4 a span{background-position:-423px 0px}
#tab li.e4 a.on span{background-position:-423px -82px}
#tab li.e5 a span{background-position:-564px 0px}
#tab li.e5 a.on span{background-position:-564px -82px}

.top a{display:block;width:116px;height:115px;background:url(/images/gaus/btn_top.png) 0 0 no-repeat;color:transparent;text-indent:-9999px}

.top{/*right:10px*/;min-width:980px;}
.top a{position:absolute;right:0;bottom:20px}
.top_area{max-width:980px;margin:0 auto;position:relative}

#gaus_wrap .header{background:#f6c602 url(/images/gaus/gaus.jpg) center 0 no-repeat;height:598px}
#gaus_wrap .ep{margin:70px auto 93px auto;width:562px}
#episode1 .ep{background:url(/images/gaus/ep1.jpg) 0 0 no-repeat;width:562px;height:3323px}
#episode2 .ep{background:url(/images/gaus/ep2.jpg) 0 0 no-repeat;width:562px;height:3323px}
#episode3 .ep{background:url(/images/gaus/ep3.jpg) 0 0 no-repeat;width:562px;height:3323px}
#episode4 .ep{background:url(/images/gaus/ep4.jpg) 0 0 no-repeat;width:562px;height:3323px}
#episode5 .ep{background:url(/images/gaus/ep5.jpg) 0 0 no-repeat;width:562px;height:3323px}


#gaus_wrap .page{width:500px;height:93px;overflow:hidden;margin:0 auto 90px auto}
#gaus_wrap .page span, #gaus_wrap .page a{background:url(/images/gaus/page.png) 0 0 no-repeat;width:151px;height:93px;display:block}
#gaus_wrap .page a.prev{float:left}
#gaus_wrap .page a.next{float:right;background-position:-348px 0}
#gaus_wrap .page span.prev{float:left;background-position:0 -93px}
#gaus_wrap .page span.next{float:right;background-position:-348px -93px}

/* */
.intro_wrap{min-width:1592px}
.intro{background:url(/images/intro/img_intro.jpg) center 0 no-repeat;height:623px;margin:0 auto 77px auto}
.intro .inbox{width:960px;margin:0 auto;position:relative;height:623px}

/*.intro .inbox .btn_area{}
.intro .inbox .btn_area button{display:block;width:315px;height:301px;background:transparent}
.intro .inbox .btn_area button.btn_player{position:absolute;top:829px;left:195px}
.intro .inbox .btn_area button.btn_studio{position:absolute;top:829px;left:590px}
*/
.category{overflow:hidden;width:960px;margin:0 auto}
.category ul{margin-left:-21px;}

*:first-child+html .category li{margin:0 0 62px 14px}
*:first-child+html .category{margin-bottom:62px}
.category li{background:url(/images/intro/img_ct2.jpg) -9999px -9999px no-repeat;width:306px;height:436px;float:left;margin:0 0 62px 21px;}

.category li a{display:block;height:436px}
.category li a:hover{background:url(/images/intro/bg_over.png) 0 0 no-repeat}
.category li.cg1{background-position:0 -121px}
.category li.cg2{background-position:-328px -121px}
.category li.cg3{background-position:-654px -121px}
.category li.cg4{background-position:0 -619px}
.category li.cg5{background-position:-328px -619px}
.category li.cg6{background-position:-654px -619px}
.category li.cg7{background-position:-0px -1116px}
.category li.cg8{background-position:-328px -1116px}
.category li.cg9{background-position:-654px -1116px}

#gaus_wrap #footer, .intro_wrap #footer{margin-top:0px;}
#gaus_wrap #footer li a, .intro_wrap #footer li a{font-size:11px}
#gaus_wrap #footer li, .intro_wrap #footer li{background-position:0 2px}
.player_wrap{background:url(/images/intro/btn_player2.jpg) center 0 no-repeat}
.player_wrap .inbox{width:960px;margin:0 auto;height:455px;position:relative}
.player_wrap .inbox .btn_area{position:absolute;top:77px;left:125px}
.player_wrap .inbox .btn_area button{width:315px;height:301px;background:transparent;margin-right:75px;cursor:pointer}


/* 190530 */
#header{min-width:1592px}
.contents_wrap .inbox p, .intro_wrap .message, .player_zone button, .txt_desc, .intro_wrap .about_hd{background:url(/images/intro/img_intro.png) -99999em -99999em no-repeat}
.intro_wrap .about_hd{background-color:#2266ff;background-position:center 0 ;height:599px}
.about_hd .inbox{width:960px;margin:0 auto;position:relative;height:599px}
.intro_wrap .inbox p.message{width:217px;height:47px;position:absolute;animation: grow 1s linear 0s infinite alternate;
    -webkit-animation: grow 1s linear 0s infinite alternate;}


.intro_wrap .inbox p.m1{background-position: -12px -716px;top:383px;right:250px;}
.intro_wrap .inbox p.m2{background-position: -254px -716px;top:284px;right:230px}
.intro_wrap .inbox p.m3{background-position: -496px -716px;top:137px;right:-85px;width:224px}
@-webkit-keyframes grow {
    0% {
        transform: scale(0.95);
    }
    100% {
        transform: scale(1);
    }
 }

 @keyframes grow {
    0% {
        transform: scale(0.95);
    }
    100% {
        transform: scale(1);
    }
 }

.video_wrap video{margin: 0 auto;display:block}
.video_wrap .video_area{position:relative;width:892px;height:502px;margin:0 auto}
.video_wrap .txt_desc{background-position: 0 -611px;width:768px;height:76px;text-indent: -9999em;font-size:0;margin:170px auto 40px}
.contents_wrap{background:#f6f6f6 url(/images/intro/img_content.jpg) center 188px no-repeat}
.contents_wrap .inbox{width:960px;margin:0 auto;height:1445px;position:relative}
.contents_wrap .inbox p{position:absolute;}
.contents_wrap .inbox .balloon1{width:221px;height:359px;background-position:-27px -778px;bottom:250px;left:-300px;animation: balloon1 .5s linear 0s infinite alternate; -webkit-animation: balloon1 .5s linear 0s infinite alternate; }
.contents_wrap .inbox .balloon2{width:72px;height:148px;background-position:-348px -788px;bottom:107px;left:-23px;animation: balloon2 .5s linear 0s infinite alternate; -webkit-animation: balloon2 .5s linear 0s infinite alternate;  }
.contents_wrap .inbox .balloon2-1{width:140px;height:200px;background-position:-278px -936px;bottom:-80px;left:-96px}
.contents_wrap .inbox .balloon3{width:123px;height:278px;background-position:-484px -801px;bottom:281px;right:-39px;animation: balloon3 .5s linear 0s infinite alternate; -webkit-animation: balloon3 .5s linear 0s infinite alternate;  }
.contents_wrap .inbox .balloon4{width:226px;height:348px;background-position:-643px -784px;bottom:-31px;right:-312px;animation: balloon4 .5s linear 0s infinite alternate; -webkit-animation: balloon4 .5s linear 0s infinite alternate;  }

@keyframes balloon1 {
  0% {
   bottom: 245px;
  }
  100% {
   bottom: 250px;
  }
}
@-webkit-keyframes balloon1 {
  0% {
   bottom: 245px;
  }
  100% {
   bottom: 250px;
  }
}

@keyframes balloon2 {
  0% {
   bottom: 102px;
  }
  100% {
   bottom: 107px;
  }
}
@-webkit-keyframes balloon2 {
  0% {
   bottom: 102px;
  }
  100% {
   bottom: 107px;
  }
}
@keyframes balloon3 {
  0% {
   bottom: 281px;
  }
  100% {
   bottom: 276px;
  }
}
@-webkit-keyframes balloon3 {
  0% {
   bottom: 281px;
  }
  100% {
   bottom: 276px;
  }
}
@keyframes balloon4 {
  0% {
   bottom: -25px;
  }
  100% {
   bottom: -31px;
  }
}
@-webkit-keyframes balloon4 {
  0% {
   bottom: -25px;
  }
  100% {
   bottom: -31px;
  }
}


.player_zone button{display:block;width:315px;height:118px;display:inline-block;;margin:0 20px;cursor: pointer;}
.player_zone button:hover{box-shadow: 0 18px 29px 0 rgba(73, 73, 73, 0.5);}
.player_zone button.btn_player{background-position: -1249px -607px}
.player_zone button.btn_studio{background-position: -1604px -607px}
.abodut_contents{height:564px;position:relative}
.abodut_contents .player_zone{width:100%;text-align:center}
.abodut_contents .txt_desc{height:180px;width:556px;margin:188px auto 75px ;background-position:-1333px -755px}