/* Reset */
html,body,div,ogospan,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,#header,.header_inner,hgroup,menu,nav,output,ruby,.section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:16px;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,#header,.header_inner,hgroup,menu,nav,.section,.row{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}
body {font-family: 'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif; width:100%; text-align:center;background-color:#ffffff;}
a {text-decoration:none}
a:focus { outline:none;}
button:focus { border:none; outline:none !important;}
ul,li,p,table,td,tr,a,img,div{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
p, dt,dd,li,th,td { line-height:1.8em; letter-spacing:1px;text-align:left}
th{text-align:center}
iframe {  border: none;  outline: none;}
img{max-width:100%; height:auto;border:none; outline:none; display:block; margin:auto}
iframe[name="google_conversion_frame"] { position: absolute; top: 0; }
table{table-layout: fixed;}
h1, h2, h3, h4{font-weight:bold; margin-bottom:1em;}
h1{font-size:43px;clear:both}
h2{font-size:43px;margin-bottom:0;clear:both}
h3{font-size:30px;clear:both; line-height:1.2em}
h4{font-size:18px;text-align:left}
p{ color:#fff;margin-bottom:0.8em; }
.tit_wht{color:#fff}
.tit_blk{color:#000}
.txt_ctr{text-align:center}
.spbr{display:inlline;}
/* nav */
nav {text-align:center; margin:0 auto}
nav ul {text-align:center;color:#000; font-size:0; max-width:1000px; margin:0 auto}
nav ul li {position: relative;text-align:center;}
.nav {border: none; cursor: pointer; padding: 20px 5px; position: relative; letter-spacing: 0.1em; font-size:16px; font-weight:bold}
/* nav text */
.red, .red a {color:#de434f}
.org, .org a {color:#f68d10}
.yel, .yel a {color:#ebcd00}
.grn, .grn a {color:#20a561}
.blu, .blu a {color:#3494d4}
.ppl, .ppl a {color:#827de2}
.pnk{color:#F09}
/* nav border + dropdown bg*/
li.red a:hover, .red .nav .border, .red .nav .top, .red .nav .left, .red .nav .bottom, .red .nav .right, .red .nav::after { background-color: #de434f;color:#fff}
li.org a:hover, .org .nav .border, .org .nav .top, .org .nav .left, .org .nav .bottom, .org .nav .right, .org .nav::after { background-color: #f68d10;color:#fff}
li.yel a:hover, .yel .nav .border, .yel .nav .top, .yel .nav .left, .yel .nav .bottom, .yel .nav .right, .yel .nav::after { background-color: #ebcd00;color:#fff}
li.grn a:hover, .grn .nav .border, .grn .nav .top, .grn .nav .left, .grn .nav .bottom, .grn .nav .right, .grn .nav::after { background-color: #20a561;color:#fff}
li.blu a:hover, .blu .nav .border, .blu .nav .top, .blu .nav .left, .blu .nav .bottom, .blu .nav .right, .blu .nav::after { background-color: #3494d4;color:#fff}
li.ppl a:hover, .ppl .nav .border, .ppl .nav .top, .ppl .nav .left, .ppl .nav .bottom, .ppl .nav .right, .ppl .nav::after { background-color: #827de2;color:#fff}
/* nav dropdown */
.red .dropdown-menu {background-color:#F599A0}
.org .dropdown-menu {background-color:#F5C999}
.yel .dropdown-menu {background-color:#FEEC99}
.grn .dropdown-menu {background-color:#B8DBAE}
.blu .dropdown-menu {background-color:#99BEDA}
.ppl .dropdown-menu {background-color:#cfcdf7}
.dropdown-menu{display:none; width:100%;display:none;padding:0;margin:0;list-style:none;}
.dropdown-menu li.menu-item{display:block; height:auto;font-size:16px;letter-spacing:1px;line-height:30px;width:100%}
.dropdown-menu>li>a{display: block;padding:4px 14px;letter-spacing: 0.1em;font-size:16px;font-weight: bold;text-decoration: none;transition: all .2s linear;-webkit-transition: all .2s linear;color:#000}
.dropdown-menu>li>a:hover{color:#fff}
.open>.dropdown-menu {display: block;}
/*menu open close button*/
.button {display:none/*inline*/;position:fixed;right:16px;top:10px;z-index:999;font-size:30px;}
.button a {text-decoration:none;}
.btn-open:after {color:#fff;content:"\f0c9";font-family:"FontAwesome";transition-property:all .2s linear 0s;-moz-transition:all .2s linear 0s;-webkit-transition:all .2s linear 0s;-o-transition:all .2s linear 0s;}
.btn-open:hover:after {opacity: 0.5;}
.btn-close:after {color:#fff;content:"\f00d";font-family:"FontAwesome";transition-property:all .2s linear 0s;-moz-transition:all .2s linear 0s;-webkit-transition:all .2s linear 0s;-o-transition:all .2s linear 0s;}
.btn-close:hover:after {opacity: 0.5;}
/*menu overlay*/
.overlay {display:none;position:fixed;top:0;height:100%;width:100%;background:#1b284e;overflow:auto;z-index:999;}
.wrap {color:#e9e9e9;text-align:center;margin:0 auto;}
.wrap ul.gnav {text-transform:capitalize;padding:50px 0px 50px;}
.wrap ul li{text-align:center;}
.wrap ul.gnav>li>a{font-size:20px; font-weight:bold; padding:10px 4px; display:block}
.wrap ul.gnav li.menu-item a{padding:6px 4px; display:block }
/* background */
.red_bg{background: #de434f;}
.org_bg{background: #f68d10;}
.yel_bg{background: #ebcd00;}
.grn_bg{background: #20a561;}
.blu_bg{background: #3494d4;}
.ppl_bg{background: #827de2;}
.btn.red_bg{display:inline-block;color:#fff;}
.btn.red_bg a{color:#fff; padding:0.4em;border-radius:4px}
.btn.wht_bg{display:inline-block;color:#3494d4;background-color:#fff}
.btn.wht_bg a{color:#3494d4; padding:0.4em;border-radius:4px}
/* background gradation */
.red_grbg{background: #de434f; /* Old browsers */
background: -moz-linear-gradient(top, #de434f 50%, #f68d10 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #de434f 50%,#f68d10 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #de434f 50%,#f68d10 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#de434f', endColorstr='#f68d10',GradientType=0 ); /* IE6-9 */
}
.org_grbg{background: #f68d10; /* Old browsers */
background: -moz-linear-gradient(top, #f68d10 50%, #ebcd00 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #f68d10 50%,#ebcd00 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #f68d10 50%,#ebcd00 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f68d10', endColorstr='#ebcd00',GradientType=0 ); /* IE6-9 */
}
.yel_grbg{background: #ebcd00; /* Old browsers */
background: -moz-linear-gradient(top, #ebcd00 50%, #20a561 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #ebcd00 50%,#20a561 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ebcd00 50%,#20a561 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebcd00', endColorstr='#20a561',GradientType=0 ); /* IE6-9 */
}
.grn_grbg{background: #20a561; /* Old browsers */
background: -moz-linear-gradient(top, #20a561 50%, #3494d4 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #20a561 50%,#3494d4 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #20a561 50%,#3494d4 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#20a561', endColorstr='#3494d4',GradientType=0 ); /* IE6-9 */
	}
.blu_grbg{background: #3494d4; /* Old browsers */
background: -moz-linear-gradient(top, #3494d4 50%, #827de2 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #3494d4 50%,#827de2 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #3494d4 50%,#827de2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3494d4', endColorstr='#827de2',GradientType=0 ); /* IE6-9 */
	}
.ppl_grbg{background: #827de2; /* Old browsers */
background: -moz-linear-gradient(top, #827de2 50%, #de434f 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #827de2 50%,#de434f 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #827de2 50%,#de434f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#827de2', endColorstr='#de434f',GradientType=0 ); /* IE6-9 */
	}
/* general */
.txt_s{font-size:20px}
p.txt_s{font-size:12px}
span.txt_s{font-size:12px}
.br{display:inline-block}
.pcbr{display:block}
.blu_main{background-color:#1b284e; color:#fff}
.inner {width: 96%; max-width: 1000px; margin: 0 auto;}
/* header */
#header { width:100%;margin: 0 auto; clear: both; text-align:left;}
#header {position: fixed;top: 0;z-index:8}
#header .inner{position:relative;padding-top:0.4em}
.main_logo{display:inline-block; margin-left:0; /*width:100%;*/ vertical-align:middle; max-width:50px; min-width:50px }
.timer{position:absolute; top:4px;right:0;bottom:0; margin:auto 0;vertical-align:middle;color:#fff;}
.timer .txt{display:inline-block; margin-right:6px;line-height:1.4em;color:#fff;vertical-align:middle; }
.timer .txt span{display:block}
.timer .time{display:inline-block;min-width:160px;height:46px;line-height:46px; font-size:20px;background-color:#fff; color:#E60012; vertical-align:middle; padding:0 10px; text-align:center}
ul.language{position: absolute;top: 12px;left:0;background-color: #fff; z-index: 10;}
ul.language li{float: left;}
ul.language li.current {padding: 2px 20px; background-color: #1b284e; color: #fff;}
ul.language li a { display: inline-block; padding: 2px 20px; color:#1b284e; }
/* container */
#container{width:100%;margin:0 auto;text-align:center;clear:both; padding-top:108px}
#container .inner{position: relative;padding:50px 0; overflow: hidden;}
/* top page */
#top-slider{width:100%;border-left:solid 5px #1b284e;border-right:solid 5px #1b284e;}
.line_rb {display:inline-block;width:98%;max-width:400px;height:4px;
  font: bold 10em / 1 Verdana, Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  background: linear-gradient(229deg,#f00 0%, #f80 14.28%, #dd0 28.56%, #0d0 42.85%, #0dd 57.14%, #00f 71.42%, #e0e 85.71%, #f00 100%) 0% center / 200% auto;
  text-fill-color: transparent;
  -webkit-text-fill-color: transparent;
  animation: line_rb 18s linear infinite;
  margin-bottom:20px;
}
.line_rb.large{max-width:1000px;height:10px; margin-bottom:0.3em; margin-top:0.1em}
@keyframes line_rb {
  to { background-position-x: 200%; }
}
#concept p{font-size:18px;line-height:1.8em; font-weight:bold; text-align:center}
.andmore a{display:block;width:180px; margin:0 auto;padding:12px 48px 12px 30px; border:solid 2px #fff;background-color:#fff; border-radius:26px; font-weight:bold;color:#000; clear:both}
ul.spcnt >:first-child {width:100%; margin-bottom:4%}
/*#news .inner, #sponsors .inner{padding:12% 0;}*/
#news .inner, #sponsors .inner{padding:8% 0;}
#news h2, #sponsors h2{font-size:18px; margin-bottom:0.4em}
#news table {width:100%;background-color:#ffffff; color:#000;}
#news table tr td{line-height:1.6em;padding:1% 10%;font-size:14px;}
#news table tr:first-child td {padding-top:0;}
#news table tr td .date{font-size:14px;font-weight:bold;display:inline-block; box-sizing:border-box; margin-right:4%}
#news table a{color:#000000;}
.news_box {overflow-y: scroll; height: 440px;}
#sponsors ul{margin-bottom:2em}
#sponsors ul{max-width:260px; margin:0 auto;}
#sponsors ul li{margin:4px; text-align:center}
#sponsors h2{margin-bottom:2%}
#sponsors ul{max-width:100%;font-size:0;}
#sponsors ul.sp_gld{max-width:260px; margin:0 auto; margin-bottom:4%}
#sponsors ul.sp_rbw{margin-top:6%}
#sponsors ul.sp_brz{margin-bottom:6%}
#sponsors ul.sp_slv li{display:inline-block;width:48%; margin:0;max-width:160px;}
#sponsors ul.sp_brz li,#sponsors ul.sp_rbw li{display:inline-block;width:33%; margin:0;max-width:120px;}
#sponsors ul.organizer{width:68%;max-width:160px;}
/* sponsor page */
p.underline{text-decoration:underline;text-align: center; font-weight: bold;}

ul.slideshow{width:100%;list-style-type:none;position:relative; height:140px;}
ul.slideshow>li{opacity:0;position: absolute;top:0; display:block;transition: opacity 3s ease-in-out; /*フェード時間・イージング*/}
ul.slideshow>li.showSlide{opacity:1; position:absolute;z-index:3}
ul.slideshow>li img{width:100%;height:auto;}
#line{font-size:40px; letter-spacing:1px;font-weight:bold;padding:12px 4px; color:#fff; line-height:1.2em}
#line .inner{padding:0}
ul.list li{display:inline-block; margin:2%}
.picleft{float:left; margin-right:4%; margin-bottom:4%}
table.overview{box-sizing:border-box; width:100%; border-left: 1px solid #E67700; border-bottom: 1px solid #E67700; margin-bottom:3.6em;table-layout: fixed;}
table.overview td,table.overview th{padding:10px 4px; border-top: 1px solid #E67700;border-right: 1px solid #E67700;box-sizing:border-box;}
table.overview th{width:12%; clear:left;background-color:#F5C999}
table.overview td{width:41%; padding:10px; background-color:#fff}
table.colm{margin-bottom:16px;}
table.colm td,table.colm th{padding:0;border:none;text-align:left}
table.colm th{padding-right:8px;background-color:#fff}
ul.indent li{padding-left: 1em; text-indent: -1em; margin-bottom:4px}
table.overview.sch{border-top:none}
table.overview.sch th{background-color:#fff}
h4.bg{background-color:#F5C999; text-align:center;padding:2% 4%; margin:0;border-top:1px solid #E67700;border-left:1px solid #E67700;border-right:1px solid #E67700;}
.btn_entry a{position:relative;padding:18px 26px 18px 18px;width:300px;height:80px;border-radius: 10px; display:inline-block; vertical-align:middle; font-weight:bold; background-color:rgba(255,255,255,0.9);text-align:center;line-height:2em;font-size:20px; box-shadow: 4px 4px 4px rgba(0,0,0,0.6); border-radius: 12px; }
.btn_entry_sub a{position:relative;padding:20px;min-width:175px;border-radius: 10px; display:inline-block; vertical-align:middle; font-weight:bold; background-color:#1b284e;text-align:center;line-height:1.8em;font-size:14px; box-shadow: 4px 4px 4px rgba(0,0,0,0.6); border-radius: 12px;text-align: center;color: #ffffff; margin-bottom:1em}
/*.label{display:inline-block; vertical-align:middle}
.label:after{content: "＞"; margin-left:10px}*/
ul.entry li{position:relative}
ul.entry > li::after {
    position: absolute;
    content: "＞";
    top: 50%;
    right: 12px;
    width: 12px;
    height: 20px;
    margin-top: -12px;
    background-size: 12px 20px;
    line-height: 20px;
	font-weight:bold}
.flex-container {display: -webkit-box;display: -ms-flexbox; display: flex;-ms-flex-wrap: wrap; flex-wrap: wrap;}
.flex-container {-ms-flex-wrap: wrap;flex-wrap: wrap;}
.flex-container{-webkit-box-pack:justify;-moz-box-pack:justify; -webkit-flex-pack:justify; -moz-flex-pack:justify; -ms-flex-pack:justify; -webkit-justify-content:space-between;-moz-justify-content:space-between; justify-content:space-between;}
ul.cat li{position:relative;width:48%; background-color:#fff; color:#000; vertical-align:top; margin-bottom:2%; border:1px solid #E67700;}
ul.cat li>h4{border:none;border-bottom:1px solid #E67700;}
ul.cat li>div {padding:2% 4%;}
ul.cat li div p{color:#000}
ul.cat li div .cat_pic{font-size:0; padding:0; text-align:center}
ul.cat li .cat_pic img{display:inline-block}
ul.cat li .cat_pic.col3 img{width:33%}
ul.cat li .cat_pic.col2 img{width:49.4%}
.btn_entry a{color:#1b284e}
.btn_entry a:hover{background-color:rgba(11,26,67,0.8); color:#fff}
.coursemap{float:left; width:49%; vertical-align:top;margin-bottom:4%; background-color:#fff}
.coursemap:nth-of-type(1){margin-right:2%}
.coursemap h4{background-color:#1b284e; color:#fff; padding:0.4em; text-align:center; margin-bottom:0;line-height:1.2em}
.coursemap img{width:100%; margin-bottom:2%}
.coursemap p {font-weight:bold; padding:0 1em}
ul.point {margin-bottom:2em}
ul.point li{width:32%; border:1px solid #1b284e;margin-bottom:1em;background-color:#fff}
ul.point li p{padding:1em;color:#1b284e; margin-bottom:0}
ul.point li img{width:100%; padding:0.8em}
ul.point li h4{background-color:#1b284e; color:#fff; padding:0.4em; text-align:center;font-size:16px; margin-bottom:0}
#contents p a{color:#fff}
.profilephoto {float: left;margin: 5px 10px 3px 1px;width: 350px;}
.titlenote {font-weight: bold;}
/* contact */
ul.contact.flex-container{justify-content:center;align-items:center}
ul.contact li{background-color:#1b284e; color:#fff; width:150px; height:150px; border-radius: 20px; border:4px solid #fff; display:flex;align-items:center; margin:1em;}
ul.contact li a {color:#fff; font-weight:bold; text-align:center}
/* concept page*/
#main h1, #pagetit h1{margin-bottom:0}
#main h2{font-size:30px; margin-bottom:0.6em}
#main p{color:#000; }
#pagetit .inner{padding-bottom:0}
.box{border:1px solid #333; padding:1em; margin-bottom:0.8em}
#main.concept .blu_main p{color:#fff;padding:1.6em;}
#main.concept p.statement{font-weight:bold; text-align:center; margin-bottom:3em}
#main.concept p.txt_s{text-align:right;}
dl.function dt{width:120px; float:left}
dl.function dd{margin-left:120px; }
/*footer*/
#footer{ font-size: 8.5pt; width:100%; text-align: left; margin: 0 auto; overflow:hidden; clear:both;}
#footer  { background-color: #00a0e2; border-top: 1px solid #fff; line-height:1.6em;}
.f_box_2{ color: #fff; font-size: 8pt; width: 1000px; clear: both; margin: 0 auto; padding: 20px 0px; overflow:hidden;}
.f_box_2 a{ color: #fff; text-decoration: none; text-align: left;  }
.f_box_2 a:link { color: #fff; text-decoration: none; }
.f_box_2 a:visited { color: #fff; text-decoration: none; }
.f_box_2 a:hover{ color: #777; text-decoration: underline; }
.f_box_2_l {float:left; overflow:hidden; text-align: left;width:62%;  }
.f_box_2_r {float:right; overflow:hidden; text-align:right; width:38%; }
.cont{ display:inline-block; vertical-align:top;margin-right:34px; margin-bottom:20px;  border-left: 1px solid #fff; padding:5px 0 5px 14px; letter-spacing:1pt;}
.f_company {float:right; width:260px;}
.f_logo {float:right;  margin: 20px 0px 0 0px ;}
.copyright {float:right; clear:right; margin-top:4px; font-size:7pt;}
.companyname {font-size:14pt; font-weight:bold; letter-spacing:3pt; margin:26px 0 0 12px; float:right; }
/* page top */
#pagetopbutton {display: none;position: fixed;z-index:10;bottom: 0;right: 15px;}
#pagetopbutton a {display: block;padding: 6px 8px 8px 8px;border-radius: 30px;width: 35px;height: 35px;background-color: #1b284e;color: #fff;font-weight: bold;text-decoration: none;text-align: center;}
#pagetopbutton a:hover {display: block;background-color: #b2d1fb;text-align: center;color: #fff;font-size: 12px;text-decoration: none;padding:5px 10px;filter:alpha(opacity=50);-moz-opacity: 0.5;opacity: 0.5;}
/* slick-slider */
.slick-slider{position: relative; display: block;  box-sizing: border-box;  -webkit-user-select: none;  -moz-user-select: none;   -ms-user-select: none;user-select: none;-webkit-touch-callout: none;-khtml-user-select: none;-ms-touch-action: pan-y;touch-action: pan-y; -webkit-tap-highlight-color: transparent;}
.slick-list{position: relative;display: block;overflow: hidden;margin: 0;padding: 0;}
.slick-list:focus{outline: none;}
.slick-list.dragging{cursor: pointer;cursor: hand;}
.slick-slider .slick-track,
.slick-slider .slick-list{-webkit-transform: translate3d(0, 0, 0);   -moz-transform: translate3d(0, 0, 0);    -ms-transform: translate3d(0, 0, 0);     -o-transform: translate3d(0, 0, 0);        transform: translate3d(0, 0, 0);}
.slick-track{position: relative;top: 0;left: 0;display: block;margin-left: auto;margin-right: auto;}
.slick-track:before,
.slick-track:after{display: table;content: '';}
.slick-track:after{clear: both;}
.slick-loading .slick-track{visibility: hidden;}
.slick-slide{display: none;float: left;height: 100%;min-height: 1px; outline: none;}
[dir='rtl'] .slick-slide{float: right;}
.slick-slide img{display: block;}
.slick-slide.slick-loading img{display: none;}
.slick-slide.dragging img{pointer-events: none;}
.slick-initialized .slick-slide{display: block;}
.slick-loading .slick-slide{visibility: hidden;}
.slick-vertical .slick-slide{display: block;height: auto;border: 1px solid transparent;}
.slick-arrow.slick-hidden {display: none;}
/* Dots */
.slick-dots{position: absolute;display: block;width: 100%;padding: 0;margin: 0;list-style: none;text-align: center;}
.slick-dots{top:42%}
.slick-dots li{position: relative;display: inline-block;width: 20px;height: 20px;margin: 0 5px;padding: 0;cursor: pointer;}.slick-dots li button{font-size: 0;line-height: 0;display: block;width: 20px;height: 20px;padding: 5px;cursor: pointer;color: transparent;border: 0;outline: none;background: transparent;}.slick-dots li button:hover,.slick-dots li button:focus{outline: none;}.slick-dots li button:hover:before,.slick-dots li button:focus:before{opacity: 1;}.slick-dots li button:before{font-family: 'slick';font-size: 20px; line-height: 20px;position: absolute;top: 0;left: 0;width: 20px;height: 20px;    content: '●';    text-align: center;    opacity: .25;    color: black;    -webkit-font-smoothing: antialiased;    -moz-osx-font-smoothing: grayscale;}.slick-dots li.slick-active button:before{    opacity: .75;    color: black;}
@media (min-width:768px){
#wrapper, #header, #container, #footer {min-width:1000px;margin:0 auto} /* fixed width */
nav {position: fixed;top: 58px; left:0; right:0;width:100%;z-index:9; background-color:#fff;}
/* nav */
nav ul li {display:inline-block;position: relative;width:16.66%;}
.nav {background-color: #fff;}
.caret{display:inline-block;width:0;height:0;margin-left:3px;vertical-align:middle;border-top:5px solid #000000;border-right:5px solid transparent;border-left:5px solid transparent;border-bottom:0 dotted;content:"";}
.caret{border-top-color:#fff;border-bottom-color:#fff;}
/* nav animation */
*, *::before, *::after {margin: 0;padding: 0;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.nav {padding: 22px 5px;}
.nav .text {position: relative;z-index: 100;}
.nav .text {-webkit-transition: color .5s linear;transition: color .5s linear;}
.nav .border, .nav .top, .nav .left, .nav .bottom, .nav .right {transition: all 1s ease-out;-webkit-transition: all 1s ease-out;position: absolute;}
.nav .top, .nav .left {left: 0;top: 0;}
.nav .bottom, .nav .right {right: 0;bottom: 0;}
.nav .right, .nav .left {width: 2px;height: 0%;}
.nav .bottom, .nav .top {height: 2px;width: 0%;}
.nav::after {content: '';transition: all 1s ease-out;-webkit-transition: all 1s ease-out;position: absolute;left: 50%;top: 50%;opacity: 0;transform: translate(-50%, -50%);width: 0px;height: 0px;}
.nav:hover .text{color: #fff;}
.nav .text a{display:block}
.nav:hover .text a  {color: #fff; background-color:transparent}
.nav:hover > .bottom, .nav:hover .top {width: 100%;}
.nav:hover > .right, .nav:hover .left {height: 100%;}
.nav:hover::after {width: 100%;height: 100%;opacity: 1;}
/* nav dropdown */
.dropdown-menu{position:absolute;left:0;z-index:1000;}
.dropdown-menu li.menu-item{line-height:30px; text-align:left;}
.dropdown-menu li.menu-item>a{ font-size:14px}
.overlay {display:none !important;}
/* top page */
#top{position:relative;max-height:100%/*520px*/;overflow:hidden;border-top:solid 5px #1b284e;}
#top-slider{width:56.2%;margin:0 auto; position:relative}
#news{position:absolute; top:0;left:0;/*width:30%;min-width:219px;*/height:auto/*368px*/;}
#sponsors{position:absolute; top:0;right:0;/*width:30%; min-width:219px;*/height:auto/*368px*/;}
#news{width:21.9%;min-width:219px;}
#sponsors{width:21.9%; min-width:219px;}
}
@media (min-width: 481px){
ul.cat li.wide{width:100%;}
ul.cat li.wide .left{width:48%; padding-right:2%;float:left}
ul.cat li.wide .right{width:48%; padding-left:2%;float:right}
}
@media (max-width:1000px){
/* footer */
#footer {width:100%; min-width: 300px;}
.f_box_2 {width:92%; text-align:center; }
.f_box_2_l { float:none; width:100%; margin: 0 auto; }
.cont{ margin-right:10px;}
.f_box_2_r { float:none; width:100%; margin:0 auto; }
.cont:nth-child(1)  {width:20%;min-width:130px;}
.cont:nth-child(2)  {width:20%;min-width:130px;}
.cont:nth-child(3)  {width:26%; min-width:150px;}
.cont:nth-child(4)  {width:14%;min-width:100px;}
.f_company {width:auto;}
.f_logo {float:right;}
.companyname {margin-left:0; }
}
@media (max-width: 767px){
#container{padding-top:56px}
#container .inner{padding:40px 0; }
/* nav */
nav ul {display:none;height:0}
.button {display:inline;}
.wrap .button {position:absolute;right:16px}
/* header */
#header .inner{padding-bottom:0}
.timer{right:40px;}
.timer .txt{display:block;line-height:1.2em; }
.timer .time{width:auto; font-size:14px;height:28px;line-height:30px; }
/* top page */
#news, #sponsors{border:solid 5px #1b284e;}
#news{border-bottom:none}
.news_box {overflow-y: scroll; height: 200px;}
#line{font-size:30px;}
#sponsors h2, #sponsors ul.sp_slv{margin-bottom:4%}
.picleft{width:48%}
table.colm td,table.colm th{display:block; width:100%; text-align:left}
table.colm td{padding-bottom:4px}
.coursemap{float:none; width:100%;margin-bottom:2%}
.coursemap:nth-of-type(1){margin-right:0}
.profilephoto {margin: 5px 10px 5px 0px;width: 100%;}
ul.point li{width:49%;}
}
@media (max-width: 480px){
.button{right:12px}
.timer .time{width:auto; font-size:12px;height:24px;line-height:24px; padding:0 0.4em}
ul.language li.current {padding: 2px 12px; }
ul.language li a { padding: 2px 12px; }
/*#container{padding-top:55px;}*/
#concept p{font-size:16px;}
h2, #main h1{font-size:36px;}
h3, #main h2{font-size:26px}
h4{font-size:16px}
/*.timer{display:block; position:static; width:auto;margin-right:10px;text-align:right}
.timer .txt{width:auto;}
.timer .txt span{display:inline-block}*/
table.overview th,table.overview td{clear:both;display:block; width:100%}
table.overview.sch th{width:26%;display:table-cell}
table.overview.sch td{width:74%;display:table-cell}
ul.flex-container.cat{display:block;}
ul.cat li{width:100%;}
ul.point li{width:100%;}
.pcbr{display:inline}
.spbr{display:block;}
}