@charset "utf-8";

/*
 *	SSDM CSS for Tablet
 */

#mode {
	background: #0f0;
}

#mode:after {
	content: "TABLET";
}

.mode-tb { display: block !important; }
.mode-pc, 
.mode-sp, 
.no-tb { display: none !important; }
#mm {
	display: none;
}

#body_wrapper {
	width: calc(100% - 40px) !important;
	padding: 0 20px;
}

.wrapper, 
#header {
	width: 100% !important;
}

#nav {
	min-height: 1px;
}

#nav > li:nth-last-child(2) > ul {
	left: auto;
	right: 0;
}

#nav > li {
	width: 16.666666666667%;
}

#nav > li.slctd > ul {
	top: 40px;
	display: block;
	opacity: 1;
}

#nav > li > a {
	width: 100%;
}

#promotion {
	width: 100% !important;
	height: auto;
	flex-direction: column;
}

#promotion .fL {
	float: none !important;
	margin: 0 auto;
}

#promotion .fR {
	float: none !important;
	width: auto;
	margin-left: 0;
	text-align: center;
	background: none;
}

#promotion .fR > ul {
	display: inline-flex;
	flex-direction: row;
	width: auto;
	padding: 8px 0 0;
}

#promotion .fR > ul > li {
	margin: 0 6px;
	padding: 0;
}

#promotion .fR > ul > li > a, 
#promotion .fR > ul > li:first-child > a {
	position: relative;
	display: inline-block;
	width: 22px;
	height: 22px;
	overflow: hidden;
	padding: 0;
}

#promotion .fR > ul > li > a:before {
	content: " ";
	display: inline-block;
	width: 8px;
	height: 8px;
	overflow: hidden;
	margin: 7px;
	background: #c9c9c9;
	border-radius: 50%;
}

#promotion .fR > ul > li.on > a, 
#promotion .fR > ul > li > a:hover, 
#promotion .fR > ul > li.on > a:hover {
	background: none;
}

#promotion .fR > ul > li.on > a:before {
	background: #f2a220;
}

#column_Home #columnL #timer-conference .timerframe {
	display: inline-block;
	padding: 8px 32px 0;
}

#column_Home #welcome {
	margin-top: 60px;
} 
#column_Home #news {
	margin-top: 20px;
}

#column_Home, 
#column2_Regular {
	flex-direction: column;
}

#column_Home {
	padding-bottom: 48px; 
}

#columnL {
	width: 100%;
}

.regular #columnL {
	padding-bottom: 80px;
}

.regular #columnL h1:first-child {
}

#columnR {
	width: 100%;
	margin-top: 60px;
	margin-left: 0;
	padding-left: 0;
	border-left: none;
}

.regular #columnR {
	display: none;
}

.regular #columnR.iki {
	display: block !important;
	margin-top: -40px;
	border-top: 1px solid #001e57;
	padding: 40px 0;
}

.regular #columnR.iki .action {
	text-align: center;
}

.regular #columnR.iki .action, 
.regular #columnR.iki .download {
	margin-left: auto;
	margin-right: auto;
}

#deadline {
	padding-top: 16px; 
}

#deadline > ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	padding: 8px 0;
}

#deadline > ul > li {
	width: 232px;
	margin: 8px 4px 0;
	text-align: center;
}

#deadline > ul > li:nth-child(3n+1)	{ margin-left: 0; }
#deadline > ul > li:nth-child(3n)	{ margin-right: 0; }

#deadline .title {
	text-align: left;
}

#deadline .date {
	font-size: 3.0rem;
}

#deadline .date .s24 {
	font-size: 2.2rem !important;
}

#deadline .strike {
	display: none;
}

#deadline > ul > li:first-of-type .time {
	float: none;
	margin-top: 0;
}

#cooperation .wrapper {
	width: calc(100% - 173px) !important;
}

#forBrowse, 
#copyright {
	padding: 0 20px
}

#ssdm2020_venue-img {
	max-width: 560px;
	padding-bottom: 40px;
}

#ssdm2020_venue-img img {
	width: auto !important;
}

#ssdm2020_venue-img a:nth-child(1) img, 
#ssdm2020_venue-img a:nth-child(2) img {
	height: 239px;
}

#ssdm2020_venue-img a:nth-child(3) img, 
#ssdm2020_venue-img a:nth-child(4) img, 
#ssdm2020_venue-img a:nth-child(5) img {
	height: 177px;
}

#ssdm2020_venue-img a:nth-child(6) img, 
#ssdm2020_venue-img a:nth-child(7) img {
	height: 224px;
}

.AwardList_SSDM th, 
.AwardList_SSDM td {
	display: block;
	padding: 5px !important;
	width: auto !important;
	height: auto !important;
	text-align: left !important;
}

.AwardList_SSDM {
	margin-bottom: 40px;
}

.AwardList_SSDM th br, 
.AwardList_SSDM td br {
	display: none;
}

#Award thead {
	display: none;
}

#Award tbody td {
	display: block;
	min-height: 18px;
	padding-left: 160px !important;
}

#Award tbody td:before {
	display: inline-block;
	width: 160px;
	float: left;
	margin-left: -160px;
	font-size: 1.2rem;
	color: #999;
}

#Award tbody td:nth-child(1):before { content: "Year of the award"; }
#Award tbody td:nth-child(2):before { content: "Conference number held"; }
#Award tbody td:nth-child(3):before { content: "Year of presentaion"; }
#Award tbody td:nth-child(4):before { content: "Thesis number"; }
#Award tbody td:nth-child(5):before { content: "Name of awardees"; }
#Award tbody td:nth-child(6):before { content: "Title of thesis"; }

.line_hor tbody tr:last-child td {
	border-bottom: 1px dotted #c6c6c6 !important;
}

.line_hor tbody tr:last-child td:last-child {
	border-bottom: none !important;
}

#Award.line_hor tbody td:nth-child(6) {
	border-bottom: 1px solid #000;
}

@media screen and (max-width:850px) {
	.sponsors_list li {
		margin-left: 0 !important;
		margin-right: 0 !important;
	}
}

#panels > div {
	width: calc(33.333% - 4px);
}


.stickyBox {
	position: static;
	display: inline;
}

.list_dash > li {
	display: block;
	background: none;
}

.list_dash > li > span {
	display: inline;
}

.list_dash > li > span:nth-child(1):after {
	content: ":";
}

.plenarysession4 {
	flex-direction: column;
	margin-bottom: 80px;
}

.plenarysession4 > div {
	margin-top: 30px;
	padding-top: 30px;
	border-top: 1px solid #dadada;
}

.plenarysession4 .presenterOrg {
	min-height: auto;
}

.wps a {
	width: 30%;
}

.wps img {
	width: 100%;
}

#fc.fR {
	float: none;
	margin-top: 0;
	text-align: center;
}

#fc.fR img:first-child	{ width: 100%; }
#fc.fR img:last-child	{ width: 50%; }

.list-flow#login {
	display: inline-flex;
	justify-content: center;
	margin: 0 auto;
}

.list-flow#login > li {
	margin-right: 2.2em;
}
.list-flow#login > li:last-child {
	margin-right: 0;
}


#online-registration #reg {
	position: static;
	text-align: center;
}