@charset "UTF-8";

#wrapper {}

#head {overflow:hidden;}

#head #headNavi {
	position:absolute;
	left:0;top:0;
	width:650px;height:90px;
	padding:0;
	z-index:100;
}
#head #headNavi a {
	display:block;
	text-indent:-9999px;
	text-decoration:none;
	outline:none;
	height:90px;
}
#contents {}

#contents #main {}

#contents #submenu {}

#foot {}

a.disabledmenu {pointer-events:none;cursor:default;}
a.disabledmenu:link { color: #aaa !important; }
a.disabledmenu:visited { color: #aaa !important; }
a.disabledmenu:hover { color: #aaa !important; }
a.disabledmenu:active { color: #aaa !important; }


.applink{display:none}
.applink{
	width:225px;
	height:53px;

	position:absolute;
	bottom:20px;
	/*left:15px;*/
	left:460px;
	
	background-size: 225px;
	background-repeat:no-repeat;
}
.applink:hover{
filter:alpha(opacity=70);
-moz-opacity: 0.7;
opacity: 0.7;
}

body {
  -webkit-text-size-adjust: 100%;
}

span#mn1::before {
        content: 'Click here for abstract Submission:';
}
span#mn2::before {
        content: 'January 26th (Thu) - ';
}
span#mn2::after {
        content: 'May 8th (Mon) at noon, JST';
}
.uline {
        background: linear-gradient(transparent 50%, yellow 50%);
}
@supports selector(:has(+ *)) {
        .uline {
                background: none;
        } 
        a.fadeButton:has(span#mn1) {
                color: #fff !important;
                background-color: #f00 !important;
        }
        a.fadeButton:has(span#mn1):hover {
                color: #000 !important;
                background-color: #ff0 !important;
        }
}
span#reg1::before {
    content: 'Early Bird Registration';
}
span#reg2::before {
    content: 'Available Until October 6 at noon, JST';
}
/*span#reg2::after {
    content: '';
}*/
.uline {
    background: linear-gradient(transparent 50%, yellow 50%);
}
@supports selector(:has(+ *)) {
    .uline {
            background: none;
    } 
    a.fadeButton:has(span#reg1) {
            color: #fff !important;
            background-color: #f00 !important;
    }
    a.fadeButton:has(span#reg1):hover {
            color: #000 !important;
            background-color: #ff0 !important;
    }
}

.yellowline {
    background: linear-gradient(transparent 50%, yellow 50%);
}

.cyanline {
    background: linear-gradient(transparent 50%, cyan 50%);
}

span#app1::before {
    content: 'Online Abstracts App';
}
span#app2::before {
    content: 'JSCO meeting';
}
span#app2::after {
    content: '';
}
.uline {
    background: linear-gradient(transparent 50%, yellow 50%);
}
@supports selector(:has(+ *)) {
    .uline {
            background: none;
    } 
    span#app1::before {
        content: '';
    }
    span#app2::before {
        content: '';
    }
    span#app2::after {
        content: '';
    }

    a.fadeButton:has(span#app1) {
            background-image: url('/jsco2023/user_data/upload/Image/jsco2023/jscomeeting/JSCOmeeting_APP_webbanner_en.png') !important;
            background-size: contain !important;
    }
}