@import url('https://fonts.googleapis.com/css?family=Athiti|Chonburi|Itim|Maitree|Mitr|Pattaya|Pridi|Prompt|Sriracha|Taviraj|Trirong');
@import url('https://fonts.googleapis.com/css2?family=Athiti:wght@200;300;400;500;600;700&family=Chonburi&family=Itim&family=Maitree:wght@200;300;400;500;600;700&family=Mitr:wght@200;300;400;500;600;700&family=Pattaya&family=Pridi:wght@200;300;400;500;600;700&family=Prompt:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Sriracha&family=Taviraj:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Trirong:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Kanit:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wght@100;200;300;400;500;600;700;800;900&display=swap');
/*
font-family: 'Noto Sans Thai', sans-serif;
font-family: 'Kanit', sans-serif;
font-family: 'Athiti', sans-serif;
font-family: 'Chonburi', cursive;
font-family: 'Itim', cursive;
font-family: 'Maitree', serif;
font-family: 'Mitr', sans-serif;
font-family: 'Pattaya', sans-serif;
font-family: 'Pridi', serif;
font-family: 'Prompt', sans-serif;
font-family: 'Sriracha', cursive;
font-family: 'Taviraj', serif;
font-family: 'Trirong', serif;
*/

@font-face {
	font-family: 'Kanit';
	src: url('/fonts/Kanit-Regular.eot');
	src: local('☺'), url('/fonts/Kanit-Regular.woff') format('woff'), url('/fonts/Kanit-Regular.ttf') format('truetype'), url('/fonts/Kanit-Regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Kanit';
	src: url('/fonts/Kanit-Regular.eot');
	src: local('☺'), url('/fonts/Kanit-Regular.woff') format('woff'), url('/fonts/Kanit-Regular.ttf') format('truetype'), url('/fonts/Kanit-Regular.svg') format('svg');
	font-weight: 400;
	font-style: normal;
}
@font-face {
	font-family: 'Kanit';
	src: url('/fonts/Kanit-Light.eot');
	src: local('☺'), url('/fonts/Kanit-Light.woff') format('woff'), url('/fonts/Kanit-Light.ttf') format('truetype'), url('/fonts/Kanit-Light.svg') format('svg');
	font-weight: 300;
	font-style: normal;
}
@font-face {
	font-family: 'Kanit';
	src: url('/fonts/Kanit-ExtraLight.eot');
	src: local('☺'), url('/fonts/Kanit-ExtraLight.woff') format('woff'), url('/fonts/Kanit-ExtraLight.ttf') format('truetype'), url('/fonts/Kanit-ExtraLight.svg') format('svg');
	font-weight: 200;
	font-style: normal;
}
@font-face {
	font-family: 'Kanit';
	src: url('/fonts/Kanit-Bold.eot');
	src: local('☺'), url('/fonts/Kanit-Bold.woff') format('woff'), url('/fonts/Kanit-Bold.ttf') format('truetype'), url('/fonts/Kanit-Bold.svg') format('svg');
	font-weight: 700;
	font-style: normal;
}
@font-face {
	font-family: 'Kanit-Light';
	src: url('/fonts/Kanit-Light.eot');
	src: local('☺'), url('/fonts/Kanit-Light.woff') format('woff'), url('/fonts/Kanit-Light.ttf') format('truetype'), url('/fonts/Kanit-Light.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Kanit-ExtraLight';
	src: url('/fonts/Kanit-ExtraLight.eot');
	src: local('☺'), url('/fonts/Kanit-ExtraLight.woff') format('woff'), url('/fonts/Kanit-ExtraLight.ttf') format('truetype'), url('/fonts/Kanit-ExtraLight.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Kanit-Bold';
	src: url('/fonts/Kanit-Bold.eot');
	src: local('☺'), url('/fonts/Kanit-Bold.woff') format('woff'), url('/fonts/Kanit-Bold.ttf') format('truetype'), url('/fonts/Kanit-Bold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Taviraj';
	src: url('/fonts/Taviraj-Regular.eot');
	src: local('☺'), url('/fonts/Taviraj-Regular.woff') format('woff'), url('/fonts/Taviraj-Regular.ttf') format('truetype'), url('/fonts/Taviraj-Regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Sriracha';
	src: url('/fonts/Sriracha-Regular.eot');
	src: local('☺'), url('/fonts/Sriracha-Regular.woff') format('woff'), url('/fonts/Sriracha-Regular.ttf') format('truetype'), url('/fonts/Sriracha-Regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Prompt';
	src: url('/fonts/Prompt-Regular.eot');
	src: local('☺'), url('/fonts/Prompt-Regular.woff') format('woff'), url('/fonts/Prompt-Regular.ttf') format('truetype'), url('/fonts/Prompt-Regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Pridi';
	src: url('/fonts/Pridi-Regular.eot');
	src: local('☺'), url('/fonts/Pridi-Regular.woff') format('woff'), url('/fonts/Pridi-Regular.ttf') format('truetype'), url('/fonts/Pridi-Regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Pattaya';
	src: url('/fonts/Pattaya-Regular.eot');
	src: local('☺'), url('/fonts/Pattaya-Regular.woff') format('woff'), url('/fonts/Pattaya-Regular.ttf') format('truetype'), url('/fonts/Pattaya-Regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Mitr';
	src: url('/fonts/Mitr-Regular.eot');
	src: local('☺'), url('/fonts/Mitr-Regular.woff') format('woff'), url('/fonts/Mitr-Regular.ttf') format('truetype'), url('/fonts/Mitr-Regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Maitree';
	src: url('/fonts/Maitree-Regular.eot');
	src: local('☺'), url('/fonts/Maitree-Regular.woff') format('woff'), url('/fonts/Maitree-Regular.ttf') format('truetype'), url('/fonts/Maitree-Regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Itim';
	src: url('/fonts/Itim-Regular.eot');
	src: local('☺'), url('/fonts/Itim-Regular.woff') format('woff'), url('/fonts/Itim-Regular.ttf') format('truetype'), url('/fonts/Itim-Regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Chonburi';
	src: url('/fonts/Chonburi-Regular.eot');
	src: local('☺'), url('/fonts/Chonburi-Regular.woff') format('woff'), url('/fonts/Chonburi-Regular.ttf') format('truetype'), url('/fonts/Chonburi-Regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Athiti';
	src: url('/fonts/Athiti-Regular.eot');
	src: local('☺'), url('/fonts/Athiti-Regular.woff') format('woff'), url('/fonts/Athiti-Regular.ttf') format('truetype'), url('/fonts/Athiti-Regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'ThaiSansNeue';
	src: url('/fonts/ThaiSansNeue-Regular.eot');
	src: local('☺'), url('/fonts/ThaiSansNeue-Regular.woff') format('woff'), url('/fonts/ThaiSansNeue-Regular.ttf') format('truetype'), url('/fonts/ThaiSansNeue-Regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'ThaiSansNeue-SemiBold';
	src: url('/fonts/ThaiSansNeue-SemiBold.eot');
	src: local('☺'), url('/fonts/ThaiSansNeue-SemiBold.woff') format('woff'), url('/fonts/ThaiSansNeue-SemiBold.ttf') format('truetype'), url('/fonts/ThaiSansNeue-SemiBold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'ThaiSansNeue-ExtraLight';
	src: url('/fonts/ThaiSansNeue-ExtraLight.eot');
	src: local('☺'), url('/fonts/ThaiSansNeue-ExtraLight.woff') format('woff'), url('/fonts/ThaiSansNeue-ExtraLight.ttf') format('truetype'), url('/fonts/ThaiSansNeue-ExtraLight.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'THSarabunNew';
	src: url('/fonts/THSarabunNew.eot');
	src: local('☺'), url('/fonts/THSarabunNew.woff') format('woff'), url('/fonts/THSarabunNew.ttf') format('truetype'), url('/fonts/THSarabunNew.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Sarabun-Regular';
	src: url('/fonts/Sarabun-Regular.eot');
	src: local('☺'), url('/fonts/Sarabun-Regular.woff') format('woff'), url('/fonts/Sarabun-Regular.ttf') format('truetype'), url('/fonts/Sarabun-Regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Roboto';
	src: url('/fonts/Roboto-Regular.eot');
	src: local('☺'), url('/fonts/Roboto-Regular.woff') format('woff'), url('/fonts/Roboto-Regular.ttf') format('truetype'), url('/fonts/Roboto-Regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Roboto';
	src: url('/fonts/Roboto-Regular.eot');
	src: local('☺'), url('/fonts/Roboto-Regular.woff') format('woff'), url('/fonts/Roboto-Regular.ttf') format('truetype'), url('/fonts/Roboto-Regular.svg') format('svg');
	font-weight: 400;
	font-style: normal;
}
@font-face {
	font-family: 'Roboto';
	src: url('/fonts/Roboto-Light.eot');
	src: local('☺'), url('/fonts/Roboto-Light.woff') format('woff'), url('/fonts/Roboto-Light.ttf') format('truetype'), url('/fonts/Roboto-Light.svg') format('svg');
	font-weight: 300;
	font-style: normal;
}
@font-face {
	font-family: 'Roboto';
	src: url('/fonts/Roboto-Bold.eot');
	src: local('☺'), url('/fonts/Roboto-Bold.woff') format('woff'), url('/fonts/Roboto-Bold.ttf') format('truetype'), url('/fonts/Roboto-Bold.svg') format('svg');
	font-weight: 700;
	font-style: normal;
}
@font-face {
	font-family: 'Montserrat';
	src: url('/fonts/Montserrat-Regular.eot');
	src: local('☺'), url('/fonts/Montserrat-Regular.woff') format('woff'), url('/fonts/Montserrat-Regular.ttf') format('truetype'), url('/fonts/Montserrat-Regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Montserrat';
	src: url('/fonts/Montserrat-Regular.eot');
	src: local('☺'), url('/fonts/Montserrat-Regular.woff') format('woff'), url('/fonts/Montserrat-Regular.ttf') format('truetype'), url('/fonts/Montserrat-Regular.svg') format('svg');
	font-weight: 400;
	font-style: normal;
}
@font-face {
	font-family: 'Montserrat';
	src: url('/fonts/Montserrat-Light.eot');
	src: local('☺'), url('/fonts/Montserrat-Light.woff') format('woff'), url('/fonts/Montserrat-Light.ttf') format('truetype'), url('/fonts/Montserrat-Light.svg') format('svg');
	font-weight: 300;
	font-style: normal;
}
@font-face {
	font-family: 'Montserrat';
	src: url('/fonts/Montserrat-Bold.eot');
	src: local('☺'), url('/fonts/Montserrat-Bold.woff') format('woff'), url('/fonts/Montserrat-Bold.ttf') format('truetype'), url('/fonts/Montserrat-Bold.svg') format('svg');
	font-weight: 700;
	font-style: normal;
}


body {
    font-family: Sarabun,Noto Sans Thai,BlinkMacSystemFont,-apple-system,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,Helvetica,Arial,sans-serif!important;
	background-color: #fff;
	margin-bottom: 0px !important;
}
.section_dates_congress {
	display: none;
}
.logo_box {
	width: 100% !important;
    max-width: 560px;
    float: none !important;
    margin: auto !important;
}
.logo_social_wrapper {
	width: 100%;
    margin: auto !important;
	padding-top: 60px;
}
.congress_name {
    display: none;
}
.abstracts_list_tiltle {
	font-weight: bold;
}
.col_abstracts_list {
	text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 14px;
    padding-left: 8px;
    padding-right: 8px;
}
.col_abstracts_list_title {
	text-align: left;
}
.flex-keylabel {
	display: block;
}
.abstract_keyword_intput {
    width: 160px;
    display: inline-block;
    margin-bottom: 10px;
}
.row_important_dates .media-left {
    float: left;
}
.row_important_dates .media-body {
    float: left;
    width: 60%;
    display: block;
}
#programme_nav_mobile {
    position: inherit;
}
.mobilealert {
	display: none !important;
}
#abstracts > thead > tr > th:nth-child(6) {
	display: none !important;
}
#abstracts > tbody > tr > td:nth-child(6) {
	display: none !important;
}
.navbar-default .navbar-nav>li>a {
    padding-top: 33.5px !important;
	padding-bottom: 33.5px !important;
	padding-left: 15px !important;
	padding-right: 15px !important;
}
/*
#memberform > button {
	margin: auto !important;
    display: block !important;
    transition: all .2s ease-in-out;
    line-height: normal;
    user-select: none;
    position: relative;
    top: 0;
    border: 1px solid transparent;
    box-sizing: border-box;
    word-wrap: break-word;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    background-color: #F90;
    box-shadow: 0 5px 0 #c77700;
    font-size: 36px;
    width: 100%;
    padding: 20px;
}
#memberform > button:focus, #memberform > button:hover {
	top:3px;box-shadow:0 2px 0 #c77700;
}
*/
.dropdown-menu {
    padding: 20px !important;
    padding-top: 0px !important;
}
div.sumtablediv > table > tbody > tr > td:nth-child(2) > p {
	text-align: right;
}

/* ------ START CI --------- */

body > section.area_affix_menu_normal {
    /* background-image: url(https://apacrs2026.flexsolutions.business/images/aseanset23_main_bg.jpg);
    background-repeat: no-repeat;
    background-size: 100%;
    background-attachment: fixed;
    background-position: 0px 0px;
    height: 400px; */
	display: none;
}
.div_absolute_hover_slider_home {
	display: none;
}
#navbar > ul > li > a > i {
	display: none;
}
.triangle-top {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 32vw;
    height: 32vw;
    background-image: url(/images/triangle.svg);
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: contain;
}
.triangle-bottom {
    position: absolute;
    bottom: 0;
    right: 0;
    display: block;
    width: 32vw;
    height: 32vw;
    background-image: url(/images/triangle.svg);
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: contain;
    transform: scaleY(-1) scaleX(-1);
}
.congress_title_section {
    background-color: #f7f7f7;
	display: none !important;
}
.main_entry_menu_active {
    /* background-color: #f7f7f7; */
}
#navbar > ul > li > a, #navbar > ul > li > a > i {
    color: #0073c1;
	font-family: Montserrat,Noto Sans Thai,Barlow,BlinkMacSystemFont,-apple-system,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,Helvetica,Arial,sans-serif;
	font-weight: 600;
}
#navbar > ul > li.main_entry_menu_active > a > i {
    color: #0073c1;
}

.topareaspace {
    /* background-image: url(https://apacrs2026.flexsolutions.business/images/aseanset23_main_toplogo.png); */
    background-repeat: repeat-x;
    background-size: 1280px;
    background-attachment: fixed;
    background-position: center 39px;
    height: 400px;
}
.navbar-default .navbar-toggle {
    color: #0073c1;
    background-color: #FFF;
    margin-right: 20px !important;
}
.navbar-congress {
    z-index: 9;
    background: #64315C !important;
    background: linear-gradient(90deg,rgba(100, 49, 92, 1) 0%, rgba(52, 0, 42, 1) 100%) !important;
}
.navbar-congress, .login_box_title, .btn-login-submit-box, .icon_calendar, .congress_name {

}
#navbar > ul > li.main_logo > a {
	padding-top: 15px !important;
    padding-bottom: 15px !important;
}
#navbar > ul > li.main_logo > a> img {
	width: 100%;
	max-width: 150px !important;
}
.main_entry_menu_active a, .btn-login-register-box, .btn-link, .h3_congress_title, .row_important_dates .media-body {

}
.btn-login-register-box {
   background-color: #fff;
   border: 1px solid #0073c1;
}
.h3_congress_title {
	font-family: 'Kanit';
   font-weight: 700;
   font-size: 28px;
}
#section_my_programme_home {
   background-position: center bottom;
   background-size: cover;
   background-repeat: no-repeat;
   background-color: white;
   /* background-image: url(https://apacrs2026.flexsolutions.business/images/aseanset23_main_bg.jpg); */
   background-attachment: fixed;
   padding-top: 0px;
}

#section_content {
   background-position: center bottom;
   background-size: cover;
   background-repeat: no-repeat;
   background-color: #e4e4e4;
   background-image: url(/images/background_210_Default.jpg);
   background-attachment: fixed;
   padding-top: 0px !important;
}
#section_content > div.container, #section_my_programme_home > div {
   padding: 30px;
   width: 100%;
   background-repeat: repeat-x;
   background-size: contain;
   background-position: top center;
   overflow: hidden;
   background-color: transparent;
}
.panel-home-congress {
   border: 0px;
   max-width: 1170px;
   margin: auto;
   box-shadow: none;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
   font-family: 'Kanit';
   font-weight: 700;
}
.btn-login-profile-box {
   font-family: 'Kanit';
   font-weight: normal;
}
.btn-login-profile-box:hover {
   background-color: #0073c1 !important;
}
.textaction {
    font-size: 9px;
}
#privacycontentdiv > h1:nth-child(1),
#privacycontentdiv > h1:nth-child(2),
#privacycontentdiv > h1:nth-child(3) {
    font-size: 24px;
    margin: 0px;
    text-align: center;
    line-height: 100%;
}
#privacycontentdiv > h1:nth-child(3) {
    margin-bottom: 30px;
}
#privacycontentdiv > p {
    text-align: justify;
}
#privacycontentdiv > h2 {
    font-size: 21px;
}
#privacycontentdiv > table > thead > tr > td,
#privacycontentdiv > table > tbody > tr > td {
    border: 1px solid #000;
    padding: 5px;
}
#privacycontentdiv > table > thead > tr > td > p,
#privacycontentdiv > table > tbody > tr > td > p {
    margin-bottom: 0px !important;
}
#privacycontentcheck {
    margin-top: 50px;
}
#privacycontentcheck > div {
    margin-bottom: 15px;
    padding-left: 20px;
}
#privacycontentcheck > div > input[type="checkbox"] {
    margin-left: -20px;
}
#privacycontentcheck > div:nth-child(2) {
    margin-top: 15px;
    padding-left: 20px;
}
#home-login_box-warp > div.login_box {
	float: none;
	width: 100%;
	max-width: 600px;
	margin: auto;
}
#home-login_box-warp > div > div.login_box_title {
	width: 100%;
    background-color: transparent;
    color: inherit;
    font-size: inherit;
    padding: 0px;
}
#home-login_box-warp > div > div.login_box_form {
	width: 100%;
}
#home-login_box-warp > div > div.login_box_form > form > div {
	width: 100%;
}
#home-login_box-warp > div > div.login_box_form > form > div > button {

}
#home-login_box-warp > div > div.login_box_form > form > div > a {

}
#home-login_box-warp > div > div.login_box_form > form > div > button::after {
	
}
#home-login_box-warp > div > div.login_box_form > form > div > a::before {
	
}
#home-login_box-warp > div > div.login_box_form > form > input:nth-child(1) {
	margin-bottom: 24px;
}
#home-login_box-warp > div > div.login_box_form > form > input:nth-child(2) {
	margin-bottom: 24px;
}
.primary-btn.-solid {
	box-sizing: border-box;
	outline: none !important;
	font-family: Barlow, Noto Sans Thai, Sarabun, BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, Helvetica, Arial, sans-serif;
	font-weight: 600;
	cursor: pointer;
	font-size: 24px;
	line-height: 1.2;
	margin: 0;
	text-transform: none;
	-webkit-appearance: button;
	padding: 14px 28px;
	display: block;
	align-items: center;
	justify-content: center;
	border-radius: 8px !important;
	position: relative;
	overflow: hidden;
	transition: 0.2s cubic-bezier(0.6, 0.2, 0.1, 1);
	min-width: 180px;
	background: #0147a3;
	color: #fff;
	border: 1px solid #0147a3 !important;
    width: 100% !important;
	float: none;
}
.primary-btn.-solid:hover {
	background: #102764;
	border: 2px solid #102764 !important;
	margin-top: -2px;
}
.primary-btn.-solid.-btn-red {
	background: #b21e28;
	border: 1px solid #b21e28 !important;
}
.primary-btn.-solid.-btn-red:hover {
	background: #8a0009;
	border: 2px solid #8a0009 !important;
	margin-top: -2px;
}
.primary-btn.-solid.-btn-green {
	background: #34002a;
	border: 1px solid #34002a !important;
}
.primary-btn.-solid.-btn-green:hover {
	background: #0e000b;
	border: 2px solid #0e000b !important;
	margin-top: -1px;
}
.primary-btn.-solid::before {
    /* position: absolute;
    content: "";
    top: 0;
    width: 20%;
    height: 100%;
    transform: skew(-45deg);
    transition: all .3s cubic-bezier(.6,.2,.1,1);
    background: linear-gradient(-34.83deg,rgba(216,231,255,.2) 17.64%,rgba(168,202,255,.05) 71.04%);
    left: -15%; */
}
.primary-btn.-solid:hover::before {
	top: -65px;
}
.primary-btn.-solid::after {
	/* position: absolute;
    content: "";
    top: 0;
    width: 20%;
    height: 100%;
    transform: skew(-45deg);
    transition: all .3s cubic-bezier(.6,.2,.1,1);
	background: linear-gradient(34.83deg,rgba(216,231,255,.12) 17.64%,rgba(168,202,255,.05) 71.04%);
    right: -15%; */
}
.primary-btn.-solid:hover::after {
	top: 65px;
}
.btn-logindivider {
	padding-top: 15px;
    padding-bottom: 15px;
    text-align: center;
    color: #a5a5a5;
}
.form-control {
	border-color:#ccc;
	border-radius: 4px;
	color: #555 !important;
	font-size: 16px;
    padding: 26px;
}
select.form-control {
	padding-top: 1px !important;
    padding-bottom: 1px !important;
    height: 51px !important;
}
.ciform-h1-warp {
	width: 100%;
    padding-bottom: 40px;
    text-align: center;
}
.ciform-h1 {
	box-sizing: border-box;
	padding: 0;
	margin: 0;
	font-family: Montserrat,Noto Sans Thai,Barlow,BlinkMacSystemFont,-apple-system,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,Helvetica,Arial,sans-serif;
	outline: none!important;
	font-weight: 700;
	color: #000 !important;
	display: inline-block!important;
	font-size: 32px !important;
	text-align: center!important;
	position: relative;
	line-height: 125%;
	z-index: 0;
	width: auto!important;
}
.-animated-underline:after, .-animated-underline:before {
    position: absolute;
    content: "";
    bottom: -8px;
    height: 4px;
    z-index: -1;
    width: 0;
}
.-animated-underline.-show-line:before {
    /* background: #34002a;
    width: 100%;
    left: 0; */
}
.-animated-underline.-show-line:after {
    /* background: #34002a;
    width: 20%;
    right: 0; */
}
tbody > tr > td:nth-child(2) > span {
	font-size: 12px;
	color: #fff;
}
#textinstruct-warp {
	background-color: #fff;
	padding: 30px;
	margin-top: 20px;
	border-radius: 8px;
}
#textinstruct-warp > p {
	font-size: 16px;
    color: #002d73;
    border-radius: 8px;
    font-weight: bold;
    text-align: center;
}
#tosearch-warp {
	background-color: #e7edff;
	padding: 30px;
	margin-top: 20px;
	border-radius: 8px;
}
#tosearch-warp > p {
	font-size: 16px;
    color: #002d73;
    border-radius: 8px;
    font-weight: bold;
    text-align: center;
}
#toregister-warp {
	background-color: #fff;
	padding: 30px;
	margin-top: 20px;
	border-radius: 8px;
}
#toregister-warp > p {
	font-size: 16px;
    color: #000;
    border-radius: 8px;
    font-weight: bold;
    text-align: center;
}
.btn-tologinpage {
	margin-top: 40px;
}
.panel-profile-heading {
	background-color: transparent;
}
.ticket-notice {
	box-sizing: border-box;
	text-decoration: none;
	font-weight: 400;
	vertical-align: middle;
	user-select: none;
	line-height: 1.5;
	transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
	border-radius: 7px;
	border: 0;
	white-space: inherit;
	box-shadow: 0 2px 10px 0 #e6e6e6;
	align-items: center;
	width: 100%;
	padding: 1.1rem 2rem;
	position: relative;
	padding-right: 3.5rem;
	text-transform: uppercase;
	background-color: #0073c1;
	color: #fff;
	cursor: pointer;
	font-size: 21px;
    text-align: center;
    margin-bottom: 21px;
    font-family: Montserrat,Noto Sans Thai,Barlow,BlinkMacSystemFont,-apple-system,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,Helvetica,Arial,sans-serif;
}
#login_box_menu {
	padding-top: 20px;
    padding-bottom: 0px;
}
#login_box_menu > div {
	width: 100%;
}
#login_box_menu > div > div.login_box_title {
	width: 100%;
    font-size: 12px;
    padding: 5px;
}
#login_box_menu > div > div.login_box_title > br {
	display: none !important;
}
#login_box_menu > div > div.login_box_form {
	width: 100%;
    max-width: 320px;
    margin: auto;
}
#login_box_menu > div > div.login_box_form > a.btn-editprof {
	color: #fff !important;
}
#login_box_menu > div > div.login_box_form > a.btn-editprof:hover {
	background-color: #F90 !important;
	color: #003888 !important;
}

/* ------ END CI --------- */

/* ------ START CI V2 --------- */

.panel {

}
.footer {
    position: static !important;
    background-color: #34002a !important;
}

/* ------ END CI V2 --------- */

@media (max-width: 1271px) {
	
.topareaspace {
    background-size: 100%;
    background-attachment: inherit;
    background-position: center center;
    height: 400px;
}

}

@media (max-width: 941px) {
	
.topareaspace {
    background-size: cover;
}
	
}

@media (max-width: 481px) {
	
.topareaspace {
	height: 200px;
}
.login_box {
    margin: auto;
}
.breadcrumb_content_pages {
    display: none !important;
}
#content > button.btn.btn-next-previous-submit {

}
.submit_abstract_author_block {
    display: none !important;
}
#preview > button.btn.btn-next-previous-submit.pull-right {

}
#preview > div > button {
	display: none !important;
}
.mobilealert {
	display: block;
}
.div_absolute_hover_slider_home {
    height: 190px !important;
}
#abstracts_wrapper {
	overflow-x: scroll;
}	
body > section.area_affix_menu_normal {
    height: 200px;
}
div.logo_box > img {
	max-height: 130px !important;
    margin: auto !important;
}
	
}

/* ------ ABSTRACT CLOSE --------- */

/*
#page-abs-submission-step1 > a.btn.btn-login-profile-box.btn-sm.btn-block {
	display: none !important;
}
#section_content > div > div > div > div > div > h3 > a.btn.btn-next-previous-submit.pull-right.hidden-xs {
	display: none !important;
}
.fixsubmitbutt {
	display: none !important;
}
.newsubmitbutt {
	display: none !important;
}
#abstractsurvey > div.modal-footer > button.btn.btn-next-previous-submit {
	display: none !important;
}
#abstracts > tbody > tr > td:nth-child(8) > a:nth-child(1) {
	display: none !important;
}
#abstracts > tbody > tr > td:nth-child(8) > a:nth-child(2) {
	display: none !important;
}
*/

/* ------ REGISTER CLOSE --------- */

#registernextstep > div:nth-child(3) {

}
#registernextstep > a:nth-child(4) {

}
#registernextstep > div:nth-child(5) {

}
#regisboxdiv {

}
#groupboxcol {

}