@charset "utf-8";
/*
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
*/

html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
html {
	overflow-y: scroll;
	font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
	-moz-text-size-adjust: none;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	text-size-adjust: 100%;
	font-size: 62.5%;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	display: block;
}
nav ul {
	list-style: none;
}
ul li {
	list-style-type: none;
}
blockquote,
q {
	quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
	content: '';
	content: none;
}
a {
	margin: 0;
	padding: 0;
	font-size: 100%;
	text-decoration: none;
	vertical-align: baseline;
	background: transparent;
}
/* change colours to suit your needs */

ins {
	background-color: #ff9;
	color: #000;
	text-decoration: none;
}
/* change colours to suit your needs */

mark {
	background-color: #ff9;
	color: #000;
	font-style: italic;
	font-weight: bold;
}
del {
	text-decoration: line-through;
}
abbr[title],
dfn[title] {
	border-bottom: 1px dotted;
	cursor: help;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* change border colour to suit your needs */

hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #cccccc;
	margin: 1em 0;
	padding: 0;
}
input,
select {
	vertical-align: middle;
}
input,
textarea,
select,
.btn {
	border: none;
	border-radius: 0;
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
	outline: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
}
/* CREARFIX
--------------- */

.clearfix:before,
.clearfix:after {
	content: " ";
	display: table;
}
.clearfix:after {
	clear: both;
}
body {
	font-size: 1.6rem;
	background-color: #1b2235;
	background-image: url(../img/bg.jpg);
	background-size: cover;
	background-attachment: fixed;
	background-position: center center;
	color: #fff;
	text-shadow: 0px 0px 5px rgba(0, 0, 0, 1);
	line-height: 1.6;
}
@media screen and (max-width: 767px) {
	body {
		min-width: inherit;
		-ms-text-size-adjust: 100%;
		text-size-adjust: 100%;
		-webkit-text-size-adjust: 100%;
	}
	body *:focus {
		outline: none;
	}
	body a,
	body label {
		-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
		cursor: pointer;
	}
}
a {
	color: #fff;
	text-decoration: none;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
p a {
	text-decoration: underline;
}
p a:hover {
	text-decoration: none;
}
@media screen and (min-width: 767px) {
	a:hover {
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
	}
}
img {
	vertical-align: bottom;
}
::-moz-selection {
	color: #ffffff;
	background: rgba(0, 102, 153, 1);
}
::selection {
	color: #ffffff;
	background: rgba(0, 102, 153, 1);
}
.sp {
	display: none;
}
.pc {
	display: block;
}
.btn_pagetop {
	position: fixed;
	bottom: 80px;
	right: 50px;
	width: 50px;
	height: 50px;
	background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20aria-hidden%3D%22true%22%20focusable%3D%22false%22%20data-prefix%3D%22fas%22%20data-icon%3D%22arrow-circle-up%22%20class%3D%22svg-inline--fa%20fa-arrow-circle-up%20fa-w-16%22%20role%3D%22img%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22%2314586f%22%20d%3D%22M8%20256C8%20119%20119%208%20256%208s248%20111%20248%20248-111%20248-248%20248S8%20393%208%20256zm143.6%2028.9l72.4-75.5V392c0%2013.3%2010.7%2024%2024%2024h16c13.3%200%2024-10.7%2024-24V209.4l72.4%2075.5c9.3%209.7%2024.8%209.9%2034.3.4l10.9-11c9.4-9.4%209.4-24.6%200-33.9L273%20107.7c-9.4-9.4-24.6-9.4-33.9%200L106.3%20240.4c-9.4%209.4-9.4%2024.6%200%2033.9l10.9%2011c9.6%209.5%2025.1%209.3%2034.4-.4z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E');
	background-size: 50px auto;
	background-repeat: no-repeat;
	background-position: 0 0;
	font-size: 0;
}
.wrap {
	padding-bottom: 100px;
	overflow: hidden;
}
@media screen and (max-width: 767px) {
	.sp {
		display: block;
	}
	.pc {
		display: none;
	}
	.btn_pagetop {
		background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20aria-hidden%3D%22true%22%20focusable%3D%22false%22%20data-prefix%3D%22fas%22%20data-icon%3D%22arrow-circle-up%22%20class%3D%22svg-inline--fa%20fa-arrow-circle-up%20fa-w-16%22%20role%3D%22img%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M8%20256C8%20119%20119%208%20256%208s248%20111%20248%20248-111%20248-248%20248S8%20393%208%20256zm143.6%2028.9l72.4-75.5V392c0%2013.3%2010.7%2024%2024%2024h16c13.3%200%2024-10.7%2024-24V209.4l72.4%2075.5c9.3%209.7%2024.8%209.9%2034.3.4l10.9-11c9.4-9.4%209.4-24.6%200-33.9L273%20107.7c-9.4-9.4-24.6-9.4-33.9%200L106.3%20240.4c-9.4%209.4-9.4%2024.6%200%2033.9l10.9%2011c9.6%209.5%2025.1%209.3%2034.4-.4z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E');
		bottom: 10px;
		right: 10px;
		z-index: 100;
	}
	.wrap {
		max-width: 100%;
		padding-bottom: 180px;
		overflow: hidden;
	}
	.btn {
		margin-bottom: 10px;
	}
}
/* HEADER */

#header {
	width: 100%;
	position: relative;
	text-align: center;
}
#header h1 {
	font-size: 3rem;
	padding: 30px 100px;
	background: rgb(27, 34, 53);
}
#header h1::before {
	content: "";
	position: absolute;
	bottom: -50px;
	left: 0;
	right: 0;
	width: 100%;
	height: 50px;
	background: rgb(27, 34, 53);
	background: linear-gradient(180deg, rgba(27, 34, 53, 1) 0%, rgba(27, 34, 53, 0) 100%);
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: 0 0;
}
@media screen and (max-width: 767px) {
	#header {
		min-width: inherit;
	}
	#header h1 {
		font-size: 1.8rem;
		padding: 15px 10px;
	}
	#header h1::before {
		bottom: -25px;
		height: 25px;
	}
}


/* NAV */

nav {
	position: fixed;
	bottom: 0;
	right: 0;
	width: 100%;
	background: rgba(27, 34, 53, 0.8);
	z-index: 100;
	text-align: center;
	display: flex;
    justify-content: center;
    align-items: center;
}
nav ul li {
	display: inline-block;
	margin: 10px;
}
nav ul li a, h2 span {
	display: block;
	padding: 5px 15px;
	cursor: pointer;
	font-weight: bold;
	color: rgba(27, 34, 53, 0.8);
	background: #fff;
	border-radius: 5px;
	text-shadow: none;
}
nav ul li p:hover {
	opacity: 0.5;
}
nav .btn {
	height: 46px;
    line-height: 45px;
}

h2 {
	font-size: 2rem;
}
h2+p {
	margin-left: 3%;
	font-size: 0.9em !important;
}
p + h2 {
	margin-top: 30px;
}
h2 span {
	display: inline-block;
	margin-right: 15px;
}
h3 {
	clear: both;
	font-size: 2rem;
	margin-bottom: 5px;
}
.large {
	font-size: 1.4em;
}
.border {
	font-size: 1.2em;
	padding: 0 10px;
}
h3 span {
	font-size: 1.6rem;
	font-weight: normal;
}
.inner {
	max-width: 960px;
	margin: 50px auto;
}
.inner>p {
	margin-bottom: 10px;
	font-size: 1.2em;
}
.inner dl {
	clear: both;
	padding-top: 10px;
	text-align: left;
}
.inner dt {
	float: left;
	margin-bottom: 15px;
}
.zoom {
	background-color: #1b2235;
	padding: 15px;
	margin-bottom: 15px;
	text-align: center;
}
.zoom a {
	position: relative;
	display: inline-block;
	padding: 5px 5px 5px 35px;
	background: #e00 !important;
	margin-bottom: 5px;
	border-radius: 5px;
	width: 160px;
	text-align: center;
}
.zoom .day-one {
}
.zoom .day-two {
	margin-left: 15px;
}
.zoom a:hover {
	opacity: 0.5;
}
.zoom a::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 3px;
	width: 30px;
	height: 28px;
	margin-top: -14px;
	background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20aria-hidden%3D%22true%22%20focusable%3D%22false%22%20data-prefix%3D%22fas%22%20data-icon%3D%22video%22%20class%3D%22svg-inline--fa%20fa-video%20fa-w-18%22%20role%3D%22img%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20576%20512%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M336.2%2064H47.8C21.4%2064%200%2085.4%200%20111.8v288.4C0%20426.6%2021.4%20448%2047.8%20448h288.4c26.4%200%2047.8-21.4%2047.8-47.8V111.8c0-26.4-21.4-47.8-47.8-47.8zm189.4%2037.7L416%20177.3v157.4l109.6%2075.5c21.2%2014.6%2050.4-.3%2050.4-25.8V127.5c0-25.4-29.1-40.4-50.4-25.8z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E');
	background-size: 25px auto;
	background-repeat: no-repeat;
	background-position: center center;
}
.zoom a::before:hover {
	background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20aria-hidden%3D%22true%22%20focusable%3D%22false%22%20data-prefix%3D%22fas%22%20data-icon%3D%22video%22%20class%3D%22svg-inline--fa%20fa-video%20fa-w-18%22%20role%3D%22img%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20576%20512%22%3E%3Cpath%20fill%3D%22%23ffffff3%22%20d%3D%22M336.2%2064H47.8C21.4%2064%200%2085.4%200%20111.8v288.4C0%20426.6%2021.4%20448%2047.8%20448h288.4c26.4%200%2047.8-21.4%2047.8-47.8V111.8c0-26.4-21.4-47.8-47.8-47.8zm189.4%2037.7L416%20177.3v157.4l109.6%2075.5c21.2%2014.6%2050.4-.3%2050.4-25.8V127.5c0-25.4-29.1-40.4-50.4-25.8z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E');
}
.btn {
	display: inline-block;
	width: 200px;
	height: 54px;
	text-align: center;
	text-decoration: none;
	line-height: 54px;
	outline: none;
  }
.btn {
	position: relative;
	z-index: 2;
	background-color: #e00;
	border: 2px solid #e00;
	color: #fff;
	line-height: 50px;
	text-shadow: none;
	border-radius: 30px;
	overflow: hidden;
  }
  
@media screen and (min-width: 768px) {
  .btn::before,
  .btn::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
  }
  .btn,
  .btn::before,
  .btn::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
  }
  .btn:hover {
	background-color: #fff;
	border-color:#e00;;
	color: #e00;;
  }
  .btn::before,
  .btn::after {
	top: 0;
	width: 50%;
	height: 100%;
	background-color: #e00;
  }
  .btn::before {
	right: 0;
  }
  .btn::after {
	left: 0;
  }
  .btn:hover::before,
  .btn:hover::after {
	width: 0;
	background-color: #e00;;
  }
}
@media screen and (max-width: 767px) {
	nav {
		position: fixed;
		bottom: 0;
		right: 0;
		width: 100%;
		z-index: 100;
		text-align: center;
		flex-wrap: wrap;
	}
	nav a {
		display: block;
	}
	nav ul li {
		display: inline-block;
		margin: 10px;
	}
	nav ul li p {
		display: block;
		padding: 15px;
		cursor: pointer;
		background: #ffffcc;
		border-radius: 5px;
	}
	nav ul li p:hover {
		opacity: 0.5;
	}
	h2 span {
		padding: 0px 15px;
		font-size: 0.9em;
	}
	h2 {
		font-size: 2rem;
	}
	h3 {
		font-size: 1.8rem;
		margin-bottom: 5px;
	}
	.inner {
		width: calc(100% - 20px);
		margin: 30px 10px 15px;
	}
	.zoom .day-one {
		margin-top: 10px;
	}
	.zoom .day-two {
		margin-left: 0;
	}
	#scroll-top > nav > ul > li:nth-child(3) {
		margin-top: 0;
	}
}
@media screen and (max-width: 414px) {
	.inner dl {
		width: 100%;
		margin-bottom: 15px;
	}
	.inner dl dt {
		width: 100%;
		float: none;
		margin-bottom: 5px;
		text-align: center;
	}
	.inner dl dd {
		width: 100%;
		margin-left: 0;
	}

	.inner>p {
		margin-bottom: 10px;
		font-size: 1.2em;
	}
}
.day1 *,
.day2 * {
	box-sizing: border-box;
}
.day1 h2,
.day2 h2 {
	text-align: center;
}
.txtRight {
	text-align: right;
}
.txtCenter {
	text-align: center;
}
table {
	width: 100%;
	border-collapse: collapse;
	margin: 15px 0 30px;
	overflow: hidden;
}
table tr td:nth-child(1) {
	position: relative;
	font-size: 1.2em;
	font-weight: 700;
	text-align: right;
	width: 100px;
	vertical-align: top;
}
table tr td:nth-child(1)::after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	right: -2px;
	width: 3px;
	height: 100%;
	background: #cc0000;
	z-index: 10;
}
table tr td:nth-child(1) p {
	position: relative;
	padding-right: 30px;
}
table tr td:nth-child(1) p::after {
	content: "";
	position: absolute;
	top: 0;
	right: -15px;
	width: 30px;
	height: 30px;
	background: #cc0000;
	border-radius: 15px;
	z-index: 11;
}
table tr th,
table tr td:nth-child(2) {
    padding: 0 30px;
}
.bothborder th {
	border-top: dotted 1px #fff;
	border-bottom: dotted 1px #fff;
}
.bothborder td {
	padding-top: 6px;
}
.topborder td {
	padding-top: 5px;
}
.topborder td:last-of-type {
	border-top: dotted 1px #fff;
	padding-top: 5px;
}
thead th {
	text-align: center;
}
table th>h3 {
	padding: 5px 0;
	margin-bottom: 0;
}
td dl span {
	display: block;
	position: relative;
	padding-left: 25px;
	line-height: 23px;
}
table td a,
table td dl {
	display: block;
	overflow: hidden;
	margin-left: 15px;
}
table td dt {
	float: left;
}
table td dt img {
	border-radius: 10px;
	width: 100px;
	height: auto;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
}
table td a:hover dl {
	opacity: 0.8;
}
table td dd {
	margin-left: 110px;
}
.name {
	display: inline-block;
}
td span.name::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 20px;
	height: 20px;
	background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2290%22%20height%3D%2260%22%3E%3Crect%20fill%3D%22%23fff%22%20height%3D%2260%22%20width%3D%2290%22%2F%3E%3Ccircle%20fill%3D%22%23bc002d%22%20cx%3D%2245%22%20cy%3D%2230%22%20r%3D%2218%22%2F%3E%3C%2Fsvg%3E');
	background-size: 20px auto;
	background-repeat: no-repeat;
	background-position: center center;
}
td span.name::before {
	background-size: auto 15px;
}
td span.name.indonesia::before {
	background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22900%22%20height%3D%22600%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200H900V600H0z%22%2F%3E%3Cpath%20fill%3D%22red%22%20d%3D%22M0%200H900V300H0z%22%2F%3E%3C%2Fsvg%3E');
	background-size: auto 15px;
}
td span.name.thailand::before {
	background-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22900%22%20height%3D%22600%22%3E%3Crect%20fill%3D%22%23A51931%22%20width%3D%22900%22%20height%3D%22600%22%2F%3E%3Crect%20fill%3D%22%23F4F5F8%22%20y%3D%22100%22%20width%3D%22900%22%20height%3D%22400%22%2F%3E%3Crect%20fill%3D%22%232D2A4A%22%20y%3D%22200%22%20width%3D%22900%22%20height%3D%22200%22%2F%3E%3C%2Fsvg%3E');
	background-size: auto 15px;
}
td span.affiliation::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 20px;
	height: 20px;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20aria-hidden%3D%22true%22%20focusable%3D%22false%22%20data-prefix%3D%22far%22%20data-icon%3D%22id-card%22%20class%3D%22svg-inline--fa%20fa-id-card%20fa-w-18%22%20role%3D%22img%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20576%20512%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M528%2032H48C21.5%2032%200%2053.5%200%2080v352c0%2026.5%2021.5%2048%2048%2048h480c26.5%200%2048-21.5%2048-48V80c0-26.5-21.5-48-48-48zm0%20400H303.2c.9-4.5.8%203.6.8-22.4%200-31.8-30.1-57.6-67.2-57.6-10.8%200-18.7%208-44.8%208-26.9%200-33.4-8-44.8-8-37.1%200-67.2%2025.8-67.2%2057.6%200%2026-.2%2017.9.8%2022.4H48V144h480v288zm-168-80h112c4.4%200%208-3.6%208-8v-16c0-4.4-3.6-8-8-8H360c-4.4%200-8%203.6-8%208v16c0%204.4%203.6%208%208%208zm0-64h112c4.4%200%208-3.6%208-8v-16c0-4.4-3.6-8-8-8H360c-4.4%200-8%203.6-8%208v16c0%204.4%203.6%208%208%208zm0-64h112c4.4%200%208-3.6%208-8v-16c0-4.4-3.6-8-8-8H360c-4.4%200-8%203.6-8%208v16c0%204.4%203.6%208%208%208zm-168%2096c35.3%200%2064-28.7%2064-64s-28.7-64-64-64-64%2028.7-64%2064%2028.7%2064%2064%2064z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E');
}
td span.p-title::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 20px;
	height: 20px;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20aria-hidden%3D%22true%22%20focusable%3D%22false%22%20data-prefix%3D%22fas%22%20data-icon%3D%22video%22%20class%3D%22svg-inline--fa%20fa-video%20fa-w-18%22%20role%3D%22img%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20576%20512%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M336.2%2064H47.8C21.4%2064%200%2085.4%200%20111.8v288.4C0%20426.6%2021.4%20448%2047.8%20448h288.4c26.4%200%2047.8-21.4%2047.8-47.8V111.8c0-26.4-21.4-47.8-47.8-47.8zm189.4%2037.7L416%20177.3v157.4l109.6%2075.5c21.2%2014.6%2050.4-.3%2050.4-25.8V127.5c0-25.4-29.1-40.4-50.4-25.8z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E');
}
.p-title {
	font-weight: bold;
	font-size: 1.1em;
}
a+h3,
a+a {
	margin-top: 10px;
}
a.mail {
	position: relative;
	padding-left: 25px;
	margin-left: 3px;
	text-decoration: underline;
}
a.mail:hover {
	text-decoration: none;
}
a.mail::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 20px;
	height: 20px;
	background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20aria-hidden%3D%22true%22%20focusable%3D%22false%22%20data-prefix%3D%22far%22%20data-icon%3D%22envelope%22%20class%3D%22svg-inline--fa%20fa-envelope%20fa-w-16%22%20role%3D%22img%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M464%2064H48C21.49%2064%200%2085.49%200%20112v288c0%2026.51%2021.49%2048%2048%2048h416c26.51%200%2048-21.49%2048-48V112c0-26.51-21.49-48-48-48zm0%2048v40.805c-22.422%2018.259-58.168%2046.651-134.587%20106.49-16.841%2013.247-50.201%2045.072-73.413%2044.701-23.208.375-56.579-31.459-73.413-44.701C106.18%20199.465%2070.425%20171.067%2048%20152.805V112h416zM48%20400V214.398c22.914%2018.251%2055.409%2043.862%20104.938%2082.646%2021.857%2017.205%2060.134%2055.186%20103.062%2054.955%2042.717.231%2080.509-37.199%20103.053-54.947%2049.528-38.783%2082.032-64.401%20104.947-82.653V400H48z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E');
	background-size: 20px auto;
	background-repeat: no-repeat;
	background-position: center center;
}

.support {
	margin-top: 50px;
	border: 1px dotted #fff;
	padding: 15px;
}
@media screen and (max-width: 767px) {
	table tr th>ul {
		flex-wrap: wrap;
	}
	table tr th>ul>li:first-child,
	table tr td>ul>li:first-child,
	table tr th>ul>li:nth-child(2),
	table tr td>ul>li:nth-child(2) {
		width: 100%;
	}
	table tr td:nth-child(1) {
		font-size: 1em;
		width: 20%;
	}
	table tr td:nth-child(1)::after {
		height: 100%;
	}
	table tr td:nth-child(1) p::after {
		top: 3px;
		right: -10px;
		width: 20px;
		height: 20px;
	}
	table tr th,
	table tr td:nth-child(2) {
		width: calc(80% - 25px);
		padding: 10px 10px 10px 15px;
	}
	table th>h3 {
		padding: 5px 0;
		margin-bottom: 0;
	}
	table td:nth-child(2) p {
		padding: 5px 10px 5px 25px;
	}
	td span {
		display: block;
		position: relative;
		padding-left: 25px;
		line-height: 23px;
	}
	table td dl {
		margin-left: 0;
	}
	table td dt {
		margin-bottom: 10px
	}
	table td dt img {
		border-radius: 10px;
		width: 100px;
		height: auto;
	}
	table td h3:first-of-type {
		margin-top: -10px;
	}
	table+p {
		margin: 0 10px;
	}
	.bothborder td {
		padding-top: 19px;
	}
	.topborder td {
		padding-top: 18px;
	}
}
@media screen and (max-width: 375px) {
	.wrap {
		padding-bottom: 180px;
	}
	table {}
	table tr td:nth-child(1) {
		font-size: 1em;
		width: 20%;
	}
	table tr td:nth-child(1)::after {
		content: "";
		position: absolute;
		top: 0;
		bottom: 0;
		right: -2px;
		width: 3px;
		height: 100%;
		z-index: 10;
	}
	table tr td:nth-child(1) p {
		position: relative;
		padding-right: 30px;
	}
	table tr td:nth-child(1) p::after {
		content: "";
		position: absolute;
		top: 0;
		right: -10px;
		width: 20px;
		height: 20px;
		border-radius: 15px;
		z-index: 11;
	}
	table tr th,
	table tr td:nth-child(2) {
		width: 80%;
	}
	table td div {
		padding: 10px 5px 10px 25px;
	}
	table tr ul {
		display: block;
	}
	table tr td>ul>li {
		padding: 10px 5px 10px 5px;
	}
	table tr ul li:first-child,
	table tr ul li:nth-child(2) {
		width: 100%;
	}
	thead th {
		text-align: center;
	}
	table th>h3 {
		padding: 5px 0;
		margin-bottom: 0;
	}
	table td:nth-child(2) p {
		padding: 5px 10px 5px 25px;
	}
	td span {
		display: block;
		position: relative;
		padding-left: 25px;
		line-height: 23px;
	}
	table td dl {
		margin-left: 0;
	}
	table td dt {
		float: none;
		width: 100%;
		text-align: center;
		margin-bottom: 10px
	}
	table td dt img {
		border-radius: 10px;
		width: 100px;
		height: auto;
	}
	table td dd {
		margin-left: 0;
	}
	td span.name::before {
		background-size: auto 15px;
	}
	dl+h3,
	dl+dl {
		margin-top: 10px;
	}
	table+p {
		margin: 0 10px;
	}
	nav .btn {
		margin-bottom: 10px;
	}
}