@charset "UTF-8";
/* Welcome to Compass.
 * In this file you should write your main styles. (or centralize your imports)
 * Import this file using the following HTML or equivalent:
 * <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> */
/* line 5, ../../../../../Users/graphic-mac1/Desktop/compass.app/Contents/Resources/lib/ruby/compass_1.0/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
html, body, div, span, 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, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

/* line 22, ../../../../../Users/graphic-mac1/Desktop/compass.app/Contents/Resources/lib/ruby/compass_1.0/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
html {
  line-height: 1;
}

/* line 24, ../../../../../Users/graphic-mac1/Desktop/compass.app/Contents/Resources/lib/ruby/compass_1.0/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
ol, ul {
  list-style: none;
}

/* line 26, ../../../../../Users/graphic-mac1/Desktop/compass.app/Contents/Resources/lib/ruby/compass_1.0/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* line 28, ../../../../../Users/graphic-mac1/Desktop/compass.app/Contents/Resources/lib/ruby/compass_1.0/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

/* line 30, ../../../../../Users/graphic-mac1/Desktop/compass.app/Contents/Resources/lib/ruby/compass_1.0/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
q, blockquote {
  quotes: none;
}
/* line 103, ../../../../../Users/graphic-mac1/Desktop/compass.app/Contents/Resources/lib/ruby/compass_1.0/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

/* line 32, ../../../../../Users/graphic-mac1/Desktop/compass.app/Contents/Resources/lib/ruby/compass_1.0/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
a img {
  border: none;
}

/* line 116, ../../../../../Users/graphic-mac1/Desktop/compass.app/Contents/Resources/lib/ruby/compass_1.0/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

/* line 9, ../sass/screen.scss */
* {
  box-sizing: border-box;
}

/* line 11, ../sass/screen.scss */
::-moz-selection {
  background: #0072bc;
  color: #FFFFFF;
  /* WebKit/Blink Browsers */
}

/* line 13, ../sass/screen.scss */
::selection {
  background: #0072bc;
  color: #FFFFFF;
  /* WebKit/Blink Browsers */
}

/* line 14, ../sass/screen.scss */
::-moz-selection {
  background: #0072bc;
  color: #FFFFFF;
  /* Gecko Browsers */
}

/* line 16, ../sass/screen.scss */
.clearfix:after,
.fixwidth:after {
  content: '.';
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

/* line 39, ../sass/screen.scss */
body {
  font-family: kanit, Arial, Helvetica, sans-serif;
  color: #576472;
}

/* line 44, ../sass/screen.scss */
b, strong {
  font-weight: bold;
}

/* line 46, ../sass/screen.scss */
a {
  color: #0072bc;
  text-decoration: none;
}

/* line 49, ../sass/screen.scss */
a,
button {
  transition: 0.3s ease;
}

/* line 52, ../sass/screen.scss */
button,
.btn {
  border-radius: 3px;
}

/* line 55, ../sass/screen.scss */
button:hover,
a.btn:hover {
  box-shadow: 0 0 10px rgba(0, 114, 188, 0.5);
  transition: 0.3s ease;
}

/* line 58, ../sass/screen.scss */
button,
.btn.enable {
  background-color: #0072bc;
  color: #ffffff;
}

/* line 60, ../sass/screen.scss */
.btn.white {
  background-color: #ffffff;
  color: #0072bc;
}

/* line 62, ../sass/screen.scss */
a.btn.enable {
  position: relative;
}

/* line 64, ../sass/screen.scss */
::-webkit-input-placeholder {
  color: #576472;
}

/* line 65, ../sass/screen.scss */
:-moz-placeholder {
  /* Firefox 18- */
  color: #576472;
}

/* line 66, ../sass/screen.scss */
::-moz-placeholder {
  /* Firefox 19+ */
  color: #576472;
}

/* line 67, ../sass/screen.scss */
:-ms-input-placeholder {
  color: #576472;
}

/* line 69, ../sass/screen.scss */
button,
input[type=text],
input[type=password],
input[type=file],
input[type=email],
select,
textarea {
  font-family: kanit, Arial, Helvetica, sans-serif;
  border: 1px solid #D7DEE8;
  color: #576472;
  border-radius: 0px;
  background: #ffffff;
}

/*----------------------------------------*/
/*----------------------------------------*/
/* variable */
/*----------------------------------------*/
/*----------------------------------------*/
/* line 83, ../sass/screen.scss */
html,
body {
  min-height: 100%;
  width: 100%;
  position: relative;
}

/* line 85, ../sass/screen.scss */
body {
  font-size: 21px;
  line-height: 1.2em;
  -webkit-font-smoothing: antialiased;
}

/* line 91, ../sass/screen.scss */
h1, h2, h3, h4, h5, h6 {
  margin: 0;
  line-height: 1.35em;
  padding-bottom: 1.5em;
  font-weight: bold;
}

/* line 92, ../sass/screen.scss */
h1 {
  font-size: 2.2em;
}

/* line 93, ../sass/screen.scss */
h2 {
  font-size: 2em;
}

/* line 94, ../sass/screen.scss */
h3 {
  font-size: 1.8em;
}

/* line 95, ../sass/screen.scss */
h4 {
  font-size: 1.6em;
}

/* line 96, ../sass/screen.scss */
h5 {
  font-size: 1.4em;
}

/* line 97, ../sass/screen.scss */
h6 {
  font-size: 1.2em;
}

/* line 99, ../sass/screen.scss */
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small {
  font-size: 0.9em;
}

/* line 106, ../sass/screen.scss */
p {
  padding: 0 0 1.5em 0;
  margin: 0;
  line-height: 1.5em;
}

/* line 108, ../sass/screen.scss */
a,
img {
  display: block;
}

/* line 111, ../sass/screen.scss */
button {
  cursor: pointer;
}

/* line 113, ../sass/screen.scss */
.fixwidth {
  max-width: 1350px;
  margin: 0 auto;
}

/*----------------------------------------*/
/*----------------------------------------*/
/* font style */
/*----------------------------------------*/
/*----------------------------------------*/
/* line 122, ../sass/screen.scss */
.content_clear {
  font-family: Arial, Tahoma;
}

/* line 124, ../sass/screen.scss */
.content_clear ul {
  padding: 0 0 10px 20px;
  margin: 0;
}

/* line 125, ../sass/screen.scss */
.content_clear ul li {
  list-style: disc;
  padding: 0;
}

/* line 126, ../sass/screen.scss */
.content_clear p,
.content_clear h1,
.content_clear h2,
.content_clear h3,
.content_clear h4,
.content_clear h5,
.content_clear h6 {
  margin: 0;
  padding-bottom: 15px;
}

/* line 134, ../sass/screen.scss */
.content_clear h1,
.content_clear h2,
.content_clear h3,
.content_clear h4,
.content_clear h5,
.content_clear h6,
.content_clear nav {
  font-family: 'kanit',Arial, Helvetica, sans-serif;
  color: #0072bc;
}

/* line 142, ../sass/screen.scss */
.content_clear {
  font-size: 15px;
  color: #7A828A;
}

/* line 144, ../sass/screen.scss */
.content_clear h1 {
  font-size: 2.4em;
}

/* line 145, ../sass/screen.scss */
.content_clear h2 {
  font-size: 2em;
}

/* line 146, ../sass/screen.scss */
.content_clear h3 {
  font-size: 1.8em;
}

/* line 147, ../sass/screen.scss */
.content_clear h4 {
  font-size: 1.6em;
}

/* line 148, ../sass/screen.scss */
.content_clear h5 {
  font-size: 1.4em;
}

/* line 149, ../sass/screen.scss */
.content_clear h6 {
  font-size: 1.2em;
}

/* line 151, ../sass/screen.scss */
.font-size1 {
  font-size: 2em;
}

/* line 152, ../sass/screen.scss */
.font-size2 {
  font-size: 1.8em;
}

/* line 153, ../sass/screen.scss */
.font-size3 {
  font-size: 1.6em;
}

/* line 154, ../sass/screen.scss */
.font-size4 {
  font-size: 1.4em;
}

/* line 155, ../sass/screen.scss */
.font-size5 {
  font-size: 1.2em;
}

/* line 156, ../sass/screen.scss */
.font-size6 {
  font-size: 1em;
}

/*----------------------------------------*/
/*----------------------------------------*/
/* link */
/*----------------------------------------*/
/*----------------------------------------*/
/*----------------------------------------*/
/*----------------------------------------*/
/* form */
/*----------------------------------------*/
/*----------------------------------------*/
/* line 173, ../sass/screen.scss */
input, select, textarea, button {
  box-sizing: border-box;
}

/* line 174, ../sass/screen.scss */
input:focus, select:focus, textarea:focus, button:focus {
  outline: none;
}

/* line 176, ../sass/screen.scss */
input[type=text],
input[type=password],
input[type=file],
input[type=email],
select,
textarea {
  min-width: inherit;
  font-size: 1em;
  padding: 0 1em;
  vertical-align: middle;
  width: 100%;
}

/* line 182, ../sass/screen.scss */
textarea {
  min-height: 100px;
  padding-top: 0.5em;
}

/* line 184, ../sass/screen.scss */
button {
  min-width: 60px;
  font-size: 1em;
  /*height: 30px;*/
  line-height: 30px;
  padding: 0 1em;
  vertical-align: middle;
  -webkit-font-smoothing: antialiased;
}

/* line 185, ../sass/screen.scss */
textarea,
input,
button {
  border-radius: 2px;
  -webkit-font-smoothing: antialiased;
}

/* line 188, ../sass/screen.scss */
input[type=text],
input[type=password],
input[type=file],
input[type=email] {
  background: #FFFFFF;
  height: 40px;
  line-height: 40px;
}

/* line 192, ../sass/screen.scss */
input[type=password] {
  letter-spacing: 0.2em;
}

/* line 193, ../sass/screen.scss */
input[type=text]:focus,
input[type=password]:focus,
input[type=file]:focus,
input[type=email]:focus {
  border: 1px solid #999ea7;
}

/* line 197, ../sass/screen.scss */
input.disable {
  border: 1px solid #f3f4f5;
  background: #f3f4f5;
  color: #999;
}

/* line 198, ../sass/screen.scss */
textarea.alert,
input[type=text].alert {
  background-repeat: no-repeat;
}

/* line 201, ../sass/screen.scss */
select {
  margin: 0px;
  padding-left: 13px;
  height: 40px;
  line-height: 40px;
  width: 100%;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
}

/* line 202, ../sass/screen.scss */
select:focus {
  outline: none;
  /* removing default browsers outline on focus */
}

/* line 203, ../sass/screen.scss */
select::-ms-expand {
  display: none;
}

/* line 205, ../sass/screen.scss */
.select-style {
  position: relative;
}

/* line 206, ../sass/screen.scss */
.select-style:after {
  font-family: fontello;
  position: absolute;
  z-index: 1;
  text-decoration: inherit;
  display: block;
  top: 1em;
  right: 1em;
  speak: none;
}

/* line 207, ../sass/screen.scss */
.select-style.icon:after {
  content: '\e80f';
  color: #576472;
}

/* '' */
/* line 209, ../sass/screen.scss */
.btn {
  height: 40px;
  line-height: 40px;
  box-sizing: border-box;
  padding: 0 1em;
  display: inline-block;
}

/* line 211, ../sass/screen.scss */
.btn.lg {
  height: 50px;
  line-height: 50px;
  font-size: 1.2em;
  font-weight: bold;
}

/* line 213, ../sass/screen.scss */
.function_form input,
.function_form textarea,
.function_form select {
  margin-bottom: 0.8em;
}

/* line 217, ../sass/screen.scss */
.popup_alert {
  position: fixed;
  width: 100%;
  min-height: 120px;
  z-index: 999999;
  background-color: #ffffff;
  display: block;
  top: 0;
  left: 0;
  visibility: hidden;
  transition: 0.2s ease;
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
  box-shadow: 0px 0px 0px;
}

/* line 218, ../sass/screen.scss */
.popup_alert .warp {
  display: block;
  color: #69af3f;
  font-size: 2em;
  max-width: 1280px;
  margin: 1.5em auto;
  transition: 1.5s ease;
  opacity: 0.2;
  box-sizing: border-box;
  padding: 0 1em;
  line-height: 1.5em;
}

/* line 219, ../sass/screen.scss */
.popup_alert.error .warp {
  color: #bf000c;
}

/* line 220, ../sass/screen.scss */
.popup_alert.active {
  visibility: visible;
  transition: 0.2s ease;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  box-shadow: 0px 0px 10px;
}

/* line 221, ../sass/screen.scss */
.popup_alert.active .warp {
  transition: 1.5s ease;
  opacity: 1;
}

/* line 222, ../sass/screen.scss */
.popup_alert .close {
  background: none !important;
  color: #D2D2D2 !important;
  border: none !important;
  line-height: normal;
  padding: 0;
  margin-left: 30px;
  cursor: pointer;
}

/* line 223, ../sass/screen.scss */
.popup_alert .close:after {
  content: '';
  display: none !important;
}

/* line 225, ../sass/screen.scss */
.popup_alert .close:before {
  content: 'x';
  background: #d2d2d2;
  color: #ffffff;
  display: block;
  height: 30px;
  width: 30px;
  text-align: center;
  line-height: 25px;
  border-radius: 40px;
  font-size: 0.8em;
  margin-right: 10px;
  margin-top: 5px;
  float: left;
}

/*----------------------------------------*/
/*----------------------------------------*/
/* layout */
/*----------------------------------------*/
/*----------------------------------------*/
/* line 236, ../sass/screen.scss */
.thumbs img {
  width: 100%;
  height: auto;
  background: #000000;
}

/* line 238, ../sass/screen.scss */
.line--dashed,
.line--solid {
  margin: 0;
  padding: 0;
  margin-top: 1em;
  padding-bottom: 1em;
  border: none;
  border-top: 1px solid #cccccc;
}

/* line 241, ../sass/screen.scss */
.relation {
  position: relative;
}

/* line 243, ../sass/screen.scss */
.wrap_y--1 {
  padding-top: 1em;
  padding-bottom: 1em;
}

/* line 244, ../sass/screen.scss */
.wrap_y--2 {
  padding-top: 2em;
  padding-bottom: 2em;
}

/* line 245, ../sass/screen.scss */
.wrap_all--half {
  padding: 0.5em;
}

/* line 246, ../sass/screen.scss */
.wrap_all--1 {
  padding: 1em;
}

/* line 247, ../sass/screen.scss */
.wrap_all--1-half {
  padding: 1.5em;
}

/* line 248, ../sass/screen.scss */
.wrap_all--2 {
  padding: 2em;
}

/* line 250, ../sass/screen.scss */
.clear-scroll {
  overflow: hidden;
  height: 100%;
}

/*----------------------------------------*/
/*----------------------------------------*/
/* navigation */
/*----------------------------------------*/
/*----------------------------------------*/
/* line 258, ../sass/screen.scss */
.header--control nav ul {
  float: right;
}

/* line 259, ../sass/screen.scss */
.header--control nav ul li {
  float: left;
}

/* line 260, ../sass/screen.scss */
.header--control nav ul li a {
  padding: 0 0 0 2em;
  height: 30px;
  line-height: 30px;
}

/* line 262, ../sass/screen.scss */
.toggle-menu {
  background: none !important;
  border: none !important;
  display: none;
}

/* line 263, ../sass/screen.scss */
.toggle-menu span {
  width: 17px;
  height: 2px;
  background: #666666;
  margin-bottom: 4px;
  display: block;
  transition: all .4s ease-out;
  -webkit-transition: all .4s ease-out;
  margin-left: -6px;
}

/* line 272, ../sass/screen.scss */
.toggle-menu.active .bar1 {
  transform: rotate(0) translateY(6px);
  -webkit-transform: rotate(0) translateY(6px);
}

/* line 275, ../sass/screen.scss */
.toggle-menu.active .bar2 {
  opacity: 0;
  -webkit-opacity: 0;
}

/* line 278, ../sass/screen.scss */
.toggle-menu.active .bar3 {
  transform: rotate(-90deg) translateX(6px);
  -webkit-transform: rotate(-90deg) translateX(6px);
}

/* line 282, ../sass/screen.scss */
.toggle-menu.active {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

/*----------------------------------------*/
/*----------------------------------------*/
/* invert style */
/*----------------------------------------*/
/*----------------------------------------*/
/* line 292, ../sass/screen.scss */
.invert {
  color: #ffffff;
}

/* line 2, ../sass/theme/theme.scss */
:focus {
  outline: none;
}

/* line 4, ../sass/theme/theme.scss */
.sort-options-wrapper.alert {
  border: 1px solid #d2232a;
  color: #d2232a;
}

/* line 5, ../sass/theme/theme.scss */
input.disable {
  border: 1px solid #f3f4f5;
  background: #f3f4f5;
  color: #999;
}

/* line 6, ../sass/theme/theme.scss */
textarea.alert,
input[type=text].alert {
  border: 1px solid #d2232a;
  color: #d2232a;
}

/*select{color:#354052; border:1px solid #3b1467;} */
/* line 13, ../sass/theme/theme.scss */
button:hover {
  background: #e2e5ea;
  transition: ease 0.5s;
  color: #151839;
}

/* line 14, ../sass/theme/theme.scss */
button.enable {
  color: #FFF;
  border: 1px solid #0072bc;
}

/* line 15, ../sass/theme/theme.scss */
button.enable:hover {
  border: 1px solid #c7282c;
}

/* line 16, ../sass/theme/theme.scss */
button.disable {
  background: #cccccc;
  color: #999;
}

/* line 17, ../sass/theme/theme.scss */
button.primary {
  background: #d84046;
  border: 1px solid #d84046;
  color: white;
}

/* line 18, ../sass/theme/theme.scss */
button.primary:hover {
  background: #e3343c;
  border: 1px solid #c11e22;
}

/* line 20, ../sass/theme/theme.scss */
.text--align--form .type {
  width: 100px;
  float: left;
  line-height: 40px;
}

/* line 21, ../sass/theme/theme.scss */
.text--align--form .addtext {
  padding-left: 120px;
}

/* line 23, ../sass/theme/theme.scss */
.content_clear button,
.content_clear .btn {
  font-family: kanit, Arial, Helvetica, sans-serif;
  font-size: 22px;
}

/* line 26, ../sass/theme/theme.scss */
.content_clear table h1,
.content_clear table h2,
.content_clear table h3,
.content_clear table h4,
.content_clear table h5,
.content_clear table h6 {
  padding-bottom: 0;
}

/*--____________________________________________________________________________________--*/
/*--____________________________________________________________________________________--*/
/*--____________________________________________________________________________________--*/
/*--____________________________________________________________________________________--*/
/*--____________________________________________________________________________________--*/
/* line 39, ../sass/theme/theme.scss */
.form-error {
  font-style: italic;
  display: inline-block;
  padding: 0.3em 0;
  color: #ff2633;
  font-size: 16px;
}

/* line 41, ../sass/theme/theme.scss */
.sec_1,
.sec_2,
.sec_3,
.sec_4,
.sec_5,
.pages_container,
.pages_cover,
.pages_footer {
  min-height: 100%;
  position: relative;
  background: white;
}

/* line 50, ../sass/theme/theme.scss */
.pages_container {
  min-height: 400px;
  padding-top: 100px;
  background: #ffffff;
  z-index: 10;
}

/* line 51, ../sass/theme/theme.scss */
.pages_footer {
  background: url(../images/mask_footer.png) bottom center no-repeat;
  z-index: 10;
  min-height: 300px;
  text-align: center;
  padding-bottom: 180px;
  padding-top: 70px;
}

/* line 52, ../sass/theme/theme.scss */
.pages_footer .footer_wrap {
  font-size: 14px;
  /* padding-top:200px; */
  padding-bottom: 40px;
}

/* line 53, ../sass/theme/theme.scss */
.pages_footer .footer_wrap .copyright {
  position: absolute;
  bottom: 20px;
  left: 50%;
  color: #ffffff;
  transform: translateX(-50%);
  text-align: center;
}

/* line 55, ../sass/theme/theme.scss */
.pages_container .fixwidth.reader {
  max-width: 960px;
}

/* line 57, ../sass/theme/theme.scss */
.sec_1 {
  background: none;
}

/* line 58, ../sass/theme/theme.scss */
.sec_3 {
  height: 950px;
}

/* line 60, ../sass/theme/theme.scss */
.sec_2 {
  background-image: url(../images/bg_main-sec_1.png);
  background-position: top center;
  background-repeat: no-repeat;
}

/* line 65, ../sass/theme/theme.scss */
.marker {
  color: #4E545A !important;
}

/* line 68, ../sass/theme/theme.scss */
.tone_first {
  color: #0072bc !important;
}

/* line 69, ../sass/theme/theme.scss */
.tone_second {
  color: #ec1b22 !important;
}

/* line 70, ../sass/theme/theme.scss */
.tone_third {
  color: #036a59 !important;
}

/* line 71, ../sass/theme/theme.scss */
.tone_fourth {
  color: #c4d0e4 !important;
}

/*--_____  _____--*/
/*--_____ header navigation ____--*/
/* line 78, ../sass/theme/theme.scss */
.logo {
  width: 240px;
  position: relative;
  z-index: 11;
  top: 20px;
  left: 100px;
  transition: 0.5s ease;
}

/* line 79, ../sass/theme/theme.scss */
.logo img {
  width: 100%;
  height: auto;
  transition: 0.5s ease;
}

/* line 81, ../sass/theme/theme.scss */
.tophead {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 20;
}

/* line 82, ../sass/theme/theme.scss */
.tophead .tophead_wrap {
  overflow: hidden;
  position: relative;
  height: 216px;
}

/* line 83, ../sass/theme/theme.scss */
.tophead .curve {
  height: 800px;
  width: 790px;
  background: #ed1c24;
  -webkit-transform: rotate(15deg) skew(-62deg);
  transform: rotate(15deg) skew(-62deg);
  border-radius: 400px;
  position: absolute;
  top: 0;
  left: 0;
  position: absolute;
  top: -400px;
  left: -90px;
  transition: 0.8s ease;
}

/* line 85, ../sass/theme/theme.scss */
.tophead .curve:before {
  content: '';
  display: block;
  background: white;
  height: 600px;
  width: 600px;
  -webkit-transform: rotate(-45deg) skew(-22deg);
  transform: rotate(-45deg) skew(-22deg);
  border-radius: 400px;
  position: absolute;
  top: 160px;
  left: 137px;
  z-index: 0;
}

/* line 87, ../sass/theme/theme.scss */
.tophead .curve:after {
  content: '';
  display: block;
  background: #0072bc;
  height: 600px;
  width: 600px;
  -webkit-transform: rotate(-45deg) skew(-22deg);
  transform: rotate(-45deg) skew(-22deg);
  border-radius: 400px;
  position: absolute;
  top: 40px;
  left: 220px;
  z-index: -1;
  border: 9px solid white;
}

/* line 90, ../sass/theme/theme.scss */
.tophead,
.tophead .tophead_wrap,
.tophead .curve,
.tophead .curve:before,
.tophead .curve:after {
  transition: 0.8s ease;
}

/* line 96, ../sass/theme/theme.scss */
.tophead.active,
#fixheader .tophead {
  box-shadow: rgba(0, 114, 188, 0.2) 2px 2px 10px;
}

/* line 98, ../sass/theme/theme.scss */
.tophead.active .tophead_wrap,
#fixheader .tophead .tophead_wrap {
  height: 80px;
  transition: 0.5s ease;
}

/* line 100, ../sass/theme/theme.scss */
.tophead.active .curve,
#fixheader .tophead .curve,
.tophead.active .curve:after,
#fixheader .tophead .curve:after {
  width: 200%;
  height: 200%;
  top: -100%;
  left: 0;
  -webkit-transform: rotate(0) skew(0);
  transform: rotate(0) skew(0);
  border-radius: 0;
  border: 0;
  background: white;
  transition: 2s ease;
}

/* line 104, ../sass/theme/theme.scss */
.tophead.active .curve:before,
#fixheader .tophead .curve:before {
  width: 200%;
  height: 200%;
  top: -100%;
  left: -200px;
  -webkit-transform: rotate(0) skew(0);
  transform: rotate(0) skew(0);
  border-radius: 0;
  border: 0;
  transition: 1.8s ease;
}

/* line 106, ../sass/theme/theme.scss */
.tophead.active .logo,
#fixheader .tophead .logo {
  width: 175px;
  top: 8px;
  transition: 0.5s ease;
}

/* line 109, ../sass/theme/theme.scss */
#fixheader .tophead {
  position: absolute;
}

/* line 111, ../sass/theme/theme.scss */
.tophead.active .navigation_ctrl {
  margin-top: -60px;
}

/* line 112, ../sass/theme/theme.scss */
#fixheader .tophead .navigation_ctrl {
  margin-top: -15px;
}

/* line 114, ../sass/theme/theme.scss */
#fixheader .tophead .tophead_wrap {
  height: 140px;
}

/* line 115, ../sass/theme/theme.scss */
#fixheader .tophead .logo {
  top: 53px;
}

/* line 116, ../sass/theme/theme.scss */
#fixheader .tophead .navigation_ctrl {
  margin-top: -5px;
}

/* line 118, ../sass/theme/theme.scss */
.tophead .curve:after,
.tophead .curve:before {
  transition-delay: 0.3s;
}

/* line 122, ../sass/theme/theme.scss */
.tophead_ctrl {
  position: absolute;
  z-index: 10;
  width: 100%;
  font-size: 26px;
}

/* line 123, ../sass/theme/theme.scss */
.tophead_ctrl .btn {
  height: 55px;
  line-height: 55px;
  margin-left: 10px;
}

/* line 124, ../sass/theme/theme.scss */
.nav_wrap {
  padding: 0 100px;
}

/* line 125, ../sass/theme/theme.scss */
.hilight_nav {
  float: right;
  margin-top: 15px;
}

/* line 126, ../sass/theme/theme.scss */
.hilight_nav li {
  float: left;
  margin-right: 20px;
  font-size: 21px;
}

/* line 127, ../sass/theme/theme.scss */
.hilight_nav li a {
  color: #ffffff;
  text-shadow: 0 0 10px #636363;
}

/* line 128, ../sass/theme/theme.scss */
.tophead.active .hilight_nav li a,
#fixheader .tophead .hilight_nav li a {
  color: #0072bc;
  text-shadow: none;
}

/* line 130, ../sass/theme/theme.scss */
.nav_wrap .internal_link {
  float: right;
}

/* line 133, ../sass/theme/theme.scss */
.showmenu {
  height: 100%;
  width: 100%;
  position: fixed;
  z-index: 16;
  top: 0;
  right: 0;
  padding-top: 220px;
  background: #0072bc;
  display: block;
  visibility: hidden;
  opacity: 0;
  transition: 0.5s ease;
}

/* line 134, ../sass/theme/theme.scss */
.showmenu div {
  color: white;
  position: relative;
  z-index: 2;
}

/* line 135, ../sass/theme/theme.scss */
.showmenu.active {
  visibility: visible;
  opacity: 1;
  transition: 0.8s ease;
}

/* line 137, ../sass/theme/theme.scss */
.showmenu .shortcut_jump div {
  opacity: 0;
  box-shadow: rgba(0, 114, 188, 0.3) 0px 0px 60px 0px;
  transition: 0.3s ease;
}

/* line 138, ../sass/theme/theme.scss */
.showmenu .shortcut_jump div:hover {
  box-shadow: rgba(0, 114, 188, 0.3) 0px 0px 60px 0px;
  transition: 0.3s ease;
}

/* line 139, ../sass/theme/theme.scss */
.showmenu.active .shortcut_jump div {
  opacity: 1;
  transition: 0.8s ease;
}

/* line 140, ../sass/theme/theme.scss */
.showmenu.active .shortcut_jump div:nth-child(1) {
  transition-delay: 0.5s;
}

/* line 141, ../sass/theme/theme.scss */
.showmenu.active .shortcut_jump div:nth-child(2) {
  transition-delay: 0.8s;
}

/* line 142, ../sass/theme/theme.scss */
.showmenu.active .shortcut_jump div:nth-child(3) {
  transition-delay: 1.2s;
}

/* line 143, ../sass/theme/theme.scss */
.showmenu.active .shortcut_jump div:nth-child(4) {
  transition-delay: 1.4s;
}

/* line 144, ../sass/theme/theme.scss */
.showmenu.active .shortcut_jump div:nth-child(5) {
  transition-delay: 0.9s;
}

/* line 146, ../sass/theme/theme.scss */
.showmenu:before {
  content: '';
  display: block;
  height: 3000px;
  width: 3000px;
  background: rgba(0, 0, 0, 0.1);
  border-radius: 1500px;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transform: translate(-15%, -100%) skew(-40deg);
  transform: translate(-15%, -100%) skew(-40deg);
  z-index: 1;
  transition: 0.5s ease;
}

/* line 148, ../sass/theme/theme.scss */
.showmenu:after {
  content: '';
  display: block;
  height: 3000px;
  width: 3000px;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 1500px;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transform: translate(-15%, -100%) skew(-40deg);
  transform: translate(-15%, -100%) skew(-40deg);
  z-index: 1;
  transition: 0.5s ease;
}

/* line 150, ../sass/theme/theme.scss */
.showmenu.active:before {
  -webkit-transform: translate(-25%, -70%) skew(-30deg);
  transform: translate(-25%, -70%) skew(-30deg);
  z-index: 1;
  transition: 1.2s ease;
  transition-delay: 0.3s;
}

/* line 151, ../sass/theme/theme.scss */
.showmenu.active:after {
  -webkit-transform: translate(-3%, -60%) skew(-30deg);
  transform: translate(-3%, -60%) skew(-30deg);
  z-index: 1;
  transition: 1.2s ease;
  transition-delay: 0.4s;
}

/* line 152, ../sass/theme/theme.scss */
.showmenu li {
  line-height: 40px;
}

/* line 153, ../sass/theme/theme.scss */
.showmenu a {
  color: #ffffff;
}

/* line 155, ../sass/theme/theme.scss */
.fixwidth.reader {
  max-width: 1100px;
}

/* line 157, ../sass/theme/theme.scss */
.login-zone-in-menu {
  display: none;
}

/* line 159, ../sass/theme/theme.scss */
.login-zone-in-menu .top_language {
  text-align: center;
}

/* line 160, ../sass/theme/theme.scss */
.login-zone-in-menu .top_language a {
  display: inline-block;
}

/* line 162, ../sass/theme/theme.scss */
.login-zone-in-menu .top_head {
  padding-bottom: 30px;
  margin-bottom: 30px;
  border-bottom: 1px dashed #ffffff;
}

/*-- start map theme --*/
/* line 167, ../sass/theme/theme.scss */
.map_location {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

/* line 168, ../sass/theme/theme.scss */
.map_location--list {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* line 169, ../sass/theme/theme.scss */
.map_location--list .map_wrap {
  width: 360px;
  background: rgba(255, 255, 255, 0.9);
  top: 330px;
  position: relative;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 25px 0px;
  border-radius: 3px;
}

/* line 170, ../sass/theme/theme.scss */
.map_location--list .map_wrap .wrapper {
  padding: 80px 20px;
  text-align: center;
}

/* line 171, ../sass/theme/theme.scss */
.map_location--list .map_wrap .wrapper header {
  padding: 0;
  margin: 0;
}

/* line 172, ../sass/theme/theme.scss */
.map_location--list .map_wrap .wrapper header h3 {
  padding: 0;
  margin: 0 0 15px 0;
}

/* line 173, ../sass/theme/theme.scss */
.map_location--list .map_wrap .wrapper .distance {
  display: block;
}

/* line 174, ../sass/theme/theme.scss */
.map_location--list .map_wrap .wrapper .distance_count {
  font-size: 100px;
  line-height: 100px;
  display: block;
}

/* line 175, ../sass/theme/theme.scss */
.map_location--list .map_wrap .wrapper em {
  display: block;
  padding: 10px 0;
}

/*-- end map theme --*/
/* line 179, ../sass/theme/theme.scss */
.main_about h1 {
  font-size: 70px;
  font-weight: normal;
  color: #0072bc;
}

/* line 180, ../sass/theme/theme.scss */
.main_shortcut {
  text-align: center;
  display: table;
  table-layout: fixed;
  margin: 0 auto;
  width: inherit;
}

/* line 181, ../sass/theme/theme.scss */
.main_shortcut .wrap_cover {
  overflow: hidden;
  position: relative;
}

/* line 182, ../sass/theme/theme.scss */
.main_shortcut .wrap_cover:before {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 60px;
  height: 60px;
  background: #0072bc url(../images/icon-eye.png);
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 30px;
  transform: translate(-50%, -20%);
  opacity: 0;
  transition: 0.2s ease;
  z-index: 2;
}

/* line 183, ../sass/theme/theme.scss */
.main_shortcut {
  text-align: center;
  display: table;
  table-layout: fixed;
  margin: 0 auto;
}

/* line 184, ../sass/theme/theme.scss */
.main_shortcut li {
  float: none;
  margin: 0;
  padding: 0 15px;
  display: table-cell;
  vertical-align: top;
}

/* line 185, ../sass/theme/theme.scss */
.main_shortcut li:hover .wrap_cover:before {
  opacity: 1;
  transform: translate(-50%, -50%);
  transition: 0.2s ease;
}

/* line 186, ../sass/theme/theme.scss */
.main_shortcut li:hover img {
  transform: scale(1.2);
  transition: 0.5s ease;
  opacity: 0.3;
}

/* line 187, ../sass/theme/theme.scss */
.main_shortcut h3 {
  font-size: 25px;
  font-weight: lighter;
  margin-top: 15px;
  text-align: center;
}

/* line 188, ../sass/theme/theme.scss */
.main_shortcut img {
  width: 100%;
  height: auto;
  border-radius: 3px;
  transition: 0.5s ease;
}

/* line 190, ../sass/theme/theme.scss */
.hilight_links {
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  clear: both;
  padding-top: 30px;
  padding-bottom: 30px;
}

/* line 191, ../sass/theme/theme.scss */
.hilight_links a {
  font-size: 30px;
  margin-right: 15px;
  margin-left: 2%;
  min-height: 30px;
  display: inline-block;
}

/* line 192, ../sass/theme/theme.scss */
.hilight_links a.i_register {
  margin-left: 60px;
}

/* line 194, ../sass/theme/theme.scss */
.social_links {
  float: right;
  margin-top: -25px;
}

/* line 195, ../sass/theme/theme.scss */
.social_links a {
  text-shadow: none;
  display: inline-block;
  width: 40px;
}

/* line 196, ../sass/theme/theme.scss */
.social_links a img {
  width: 100%;
  height: auto;
}

/* line 199, ../sass/theme/theme.scss */
.select_social {
  float: right;
  margin: 22px 40px 0 0;
}

/* line 200, ../sass/theme/theme.scss */
.select_social a {
  display: inline-block;
  width: 34px;
  height: 34px;
  background: url(../images/social-header-icon.png) no-repeat;
  border-radius: 20px;
}

/* line 201, ../sass/theme/theme.scss */
.select_social .fb {
  background-position: -8px -8px;
}

/* line 202, ../sass/theme/theme.scss */
.select_social .tt {
  background-position: -68px -8px;
}

/* line 203, ../sass/theme/theme.scss */
.select_social .in {
  background-position: -128px -8px;
}

/* line 205, ../sass/theme/theme.scss */
.submenu ul {
  display: none;
}

/*

.submenu ul{position:absolute; top:30px; right:0px; width:260px; padding:25px; border-radius:3px; background:#000000; display: none;}
.submenu:hover ul{display: block;}
.hilight_nav li{position: relative;}

*/
/* line 215, ../sass/theme/theme.scss */
.main_about header {
  text-align: center;
  padding: 100px 0 0 0;
}

/* line 216, ../sass/theme/theme.scss */
.main_about p {
  text-align: left;
}

/* main functions */
/* line 221, ../sass/theme/theme.scss */
#main_style .hilight_nav li a {
  color: #ffffff;
  text-shadow: 0 0 10px #636363;
}

/* line 222, ../sass/theme/theme.scss */
#main_style .tophead.active li a {
  color: #0072bc !important;
  text-shadow: none;
}

/* line 223, ../sass/theme/theme.scss */
html.active #main_style .hilight_nav a {
  color: #ffffff !important;
  text-shadow: none;
}

/* line 224, ../sass/theme/theme.scss */
html.active #main_style .tophead.active .hilight_nav a {
  color: #0072bc !important;
  text-shadow: none;
}

/* line 226, ../sass/theme/theme.scss */
.nav_wrap .login,
.nav_wrap .signup,
.select_language {
  padding: 20px 0 11px 0;
  float: right;
}

/* line 229, ../sass/theme/theme.scss */
.select_language a {
  float: right;
  margin-left: 10px;
  border-radius: 4px;
}

/* line 230, ../sass/theme/theme.scss */
.select_language .en,
.select_language .th {
  width: 40px;
  height: 27px;
  margin-top: 6px;
}

/* line 233, ../sass/theme/theme.scss */
.hilight_gallery {
  padding: 100px 0 200px 0;
}

/* line 234, ../sass/theme/theme.scss */
.hilight_gallery li {
  margin: 0;
  padding: 0;
}

/* line 236, ../sass/theme/theme.scss */
.nav_wrap .login,
.nav_wrap .signup {
  float: right;
  position: relative;
}

/*
.nav_wrap .login a,
.nav_wrap .signup a{background: #ffffff url(../images/icon_lock.png) no-repeat; background-position:10px; font-size: 21px; height:40px; line-height:40px; padding: 0 20px 0 40px; border-radius: 4px;}
*/
/* line 244, ../sass/theme/theme.scss */
.nav_wrap .login a,
.nav_wrap .signup a {
  font-size: 21px;
  height: 40px;
  line-height: 40px;
  padding: 0 10px;
  color: #ffffff;
}

/* line 246, ../sass/theme/theme.scss */
.nav_wrap .login a {
  background-image: url(../images/icon_lock-white.png);
  background-repeat: no-repeat;
  background-position: 10px;
  padding-left: 40px;
}

/* line 247, ../sass/theme/theme.scss */
.nav_wrap .signup a {
  margin-right: 15px;
  border-right: 1px dashed #ffffff;
  padding-right: 20px;
}

/* line 250, ../sass/theme/theme.scss */
.clear_bg .tophead .nav_wrap .login a,
.clear_bg .tophead .nav_wrap .signup a {
  color: #0072bc;
}

/* line 252, ../sass/theme/theme.scss */
.clear_bg .tophead .nav_wrap .login a {
  background-image: url(../images/icon_lock.png);
}

/* line 253, ../sass/theme/theme.scss */
.clear_bg .tophead .nav_wrap .signup a {
  border-right: 1px dashed #999999;
}

/* line 256, ../sass/theme/theme.scss */
.clear_bg .tophead .nav_wrap .login .logout--popup,
.nav_wrap .login .logout--popup {
  position: absolute;
  top: 70px;
  right: 0;
  width: 200px;
  background: #ffffff;
  z-index: 10;
  visibility: hidden;
  padding: 10px;
  border-radius: 4px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.5);
  opacity: 0;
  transition: 0.3s ease;
}

/* line 258, ../sass/theme/theme.scss */
.clear_bg .tophead .nav_wrap .login .logout--popup.active,
.nav_wrap .login .logout--popup.active {
  visibility: visible;
  opacity: 1;
  transition: 0.3s ease;
}

/* line 260, ../sass/theme/theme.scss */
.clear_bg .tophead .nav_wrap .login .logout--popup a,
.nav_wrap .login .logout--popup a {
  background: none;
  height: 30px;
  line-height: 30px;
  border-radius: 0px;
  color: #576472;
  padding: 0;
  font-size: 17px;
}

/* line 262, ../sass/theme/theme.scss */
.nav_wrap .login .logout--popup a:first-child {
  border-bottom: 1px dashed #eeeeee;
}

/* line 265, ../sass/theme/theme.scss */
.nav_wrap .login .show_logout,
.clear_bg .nav_wrap .login .show_logout {
  padding: 0 !important;
  border-radius: 20px;
  cursor: pointer;
  background: url(../images/content/avatar.png) !important;
  background-size: cover !important;
}

/* line 268, ../sass/theme/theme.scss */
.mask_location-map {
  background: url(../images/mask_location_map.png);
  background-repeat: no-repeat;
  width: 100%;
  height: 274px;
  background-position: top center;
  position: absolute;
  top: 0;
  z-index: 2;
}

/* line 269, ../sass/theme/theme.scss */
.mask_cover {
  background: url(../images/mask_cover.png);
  background-repeat: no-repeat;
  width: 100%;
  height: 274px;
  background-position: center;
  position: absolute;
  bottom: 0;
  z-index: 2;
}

/* line 271, ../sass/theme/theme.scss */
.main_sponsors {
  text-align: center;
}

/* line 272, ../sass/theme/theme.scss */
.main_sponsors h4 {
  text-align: center;
  font-size: 17px;
  font-weight: lighter;
}

/* line 273, ../sass/theme/theme.scss */
.main_sponsors a {
  background: black;
  width: 100px;
  height: 50px;
  display: inline-block;
  margin: 0 10px;
  text-align: center;
}

/* line 274, ../sass/theme/theme.scss */
.main_sponsors img {
  max-width: 100%;
  height: auto;
}

/* line 276, ../sass/theme/theme.scss */
.wrapper-map_navigation {
  padding-top: 150px;
}

/* line 277, ../sass/theme/theme.scss */
.map_navigation {
  box-shadow: rgba(0, 114, 188, 0.5) 0px 0px 15px 0;
  display: table;
  table-layout: fixed;
  width: 100%;
}

/* line 278, ../sass/theme/theme.scss */
.map_navigation li {
  font-size: 27px;
  text-align: center;
  background: #0072bc;
  color: white;
  padding: 20px 0;
  cursor: pointer;
  display: table-cell;
  white-space: nowrap;
  width: 100% !important;
}

/* line 279, ../sass/theme/theme.scss */
.map_navigation li:hover,
.map_navigation li.active {
  background: white;
  color: #0072bc;
}

/* line 281, ../sass/theme/theme.scss */
.map_navigation li:first-child {
  border-radius: 3px 0 0 3px;
}

/* line 282, ../sass/theme/theme.scss */
.map_navigation li:last-child {
  border-radius: 0 3px 3px 0;
}

/* line 284, ../sass/theme/theme.scss */
.sec_main_sponsors {
  background: #f5f5f5 url(../images/mask_footer.png) bottom center no-repeat;
}

/* line 285, ../sass/theme/theme.scss */
.main_hilight {
  background: white url(../images/bg_main-sec_4.png) bottom center no-repeat;
}

/* line 287, ../sass/theme/theme.scss */
.event_countdown {
  width: 800px;
  position: absolute;
  bottom: 100px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 5;
  text-align: center;
  color: white;
}

/* line 288, ../sass/theme/theme.scss */
.event_countdown h2 {
  padding: 0;
  margin: 0;
  font-weight: lighter;
  text-shadow: rgba(0, 0, 0, 0.8) 0px 0px 20px;
}

/* line 289, ../sass/theme/theme.scss */
.event_countdown .number {
  display: block;
  font-size: 130px;
  line-height: 100px;
  text-shadow: black 0px 0px 40px;
}

    .event_countdown .number{font-size: 100px;}

/* line 290, ../sass/theme/theme.scss */
.event_countdown .countdown_group {
  position: relative;
}

/* line 291, ../sass/theme/theme.scss */
.event_countdown .countdown_group:after {
  content: ':';
  display: block;
  position: absolute;
  top: 28%;
  right: -10px;
  font-size: 100px;
  text-shadow: rgba(0, 0, 0, 0.8) 0px 0px 20px;
}

/* line 292, ../sass/theme/theme.scss */
.event_countdown div:last-child:after {
  display: none;
}

/* line 295, ../sass/theme/theme.scss */
.sec_4 .fixwidth:first-child {
  padding-top: 150px;
  text-align: center;
}

/* line 297, ../sass/theme/theme.scss */
.widget_login {
  position: fixed;
  width: 100%;
  height: 100%;
  background: url(../images/clean_map-color.jpg);
  top: 0;
  left: 0;
  z-index: 999;
  visibility: hidden;
  opacity: 0;
  transition: 0.5s ease;
}

/* line 298, ../sass/theme/theme.scss */
.widget_login:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.3);
  z-index: 1;
}

/* line 299, ../sass/theme/theme.scss */
.widget_login.active {
  visibility: visible;
  opacity: 1;
  background: url(../images/clean_map-color.jpg);
  transition: 0.5s ease;
}

/* line 300, ../sass/theme/theme.scss */
.widget_login .wrapper {
  position: relative;
  top: 30%;
  width: 300px;
  z-index: 2;
}

/* line 301, ../sass/theme/theme.scss */
.widget_login .wrapper .form_list {
  padding: 0 0 15px 0;
}

/* line 302, ../sass/theme/theme.scss */
.widget_login .wrapper .form_list input {
  color: #383d42;
  height: 50px;
  line-height: 50px;
  border-color: #e2e2e2;
}

/* line 303, ../sass/theme/theme.scss */
.widget_login .wrapper .form_list strong {
  padding-bottom: 5px;
  display: block;
  color: #576472;
  font-size: 18px;
}

/* line 304, ../sass/theme/theme.scss */
.widget_login .wrapper .form_list a {
  display: inline-block;
  margin-right: 15px;
  font-size: 18px;
  color: #576472;
}

/* line 306, ../sass/theme/theme.scss */
.widget_login .wrapper .form_list .login_btn {
  background: #0072bc;
  height: 45px;
  line-height: 45px;
  border-radius: 4px;
  padding: 0 20px;
  color: #ffffff;
}

/* line 310, ../sass/theme/theme.scss */
.swap_login.hidden {
  float: right;
}

/* line 312, ../sass/theme/theme.scss */
.close_popup--login {
  width: 40px;
  height: 40px;
  background: #0072bc;
  border-radius: 20px;
  position: absolute;
  top: -70px;
  right: -50px;
  z-index: 9;
}

/* line 313, ../sass/theme/theme.scss */
.close_popup--login:before,
.close_popup--login:after {
  content: '';
  display: block;
  height: 3px;
  width: 20px;
  background: #ffffff;
  border-radius: 2px;
}

/* line 315, ../sass/theme/theme.scss */
.close_popup--login:before {
  margin: 18px 10px;
  transform: rotate(45deg);
}

/* line 316, ../sass/theme/theme.scss */
.close_popup--login:after {
  margin: -21px 10px;
  transform: rotate(-45deg);
}

/* pages functions */
/* line 321, ../sass/theme/theme.scss */
.change_bg {
  padding: 280px 0 150px 0;
  position: relative;
}

/* line 323, ../sass/theme/theme.scss */
.pages_wrapper {
  background: url(../images/bg-pages.jpg) repeat-x right bottom;
}

/* line 325, ../sass/theme/theme.scss */
#pages_count {
  position: fixed;
  bottom: 0;
  right: 0;
  width: 100%;
  background: #0072bc;
  z-index: 5;
  transition: 0.5s ease;
}

/* line 326, ../sass/theme/theme.scss */
#pages_count .event_countdown {
  position: static;
  -webkit-transform: translateX(0);
  transform: translateX(0);
  left: 0;
  margin: 0 auto;
}

/* line 327, ../sass/theme/theme.scss */
#pages_count .event_countdown > h2,
#pages_count .event_countdown > div {
  display: inline-block !important;
  float: none;
  width: auto !important;
}

/* line 329, ../sass/theme/theme.scss */
#pages_count .event_countdown > h2 {
  font-size: 30px;
  text-shadow: none;
}

/* line 330, ../sass/theme/theme.scss */
#pages_count .event_countdown span {
  display: inline-block;
  font-size: 30px;
}

/* line 331, ../sass/theme/theme.scss */
#pages_count .event_countdown span:last-child {
  font-size: 20px;
}

/* line 332, ../sass/theme/theme.scss */
#pages_count .event_countdown .number {
  line-height: 30px;
  text-shadow: none;
}

/* line 333, ../sass/theme/theme.scss */
#pages_count .event_countdown .countdown_group:after {
  font-size: 40px;
  right: -23px;
}

/* line 335, ../sass/theme/theme.scss */
#pages_count .event_countdown .countdown_group {
  margin: 0 15px;
}

/* line 337, ../sass/theme/theme.scss */
#pages_count.active {
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
  transition: 0.5s ease;
}

/* line 339, ../sass/theme/theme.scss */
.pages_cover {
  background-attachment: fixed;
  overflow: hidden;
  background-color: #000000;
  background-size: cover;
}

/* line 340, ../sass/theme/theme.scss */
.pages_cover:before {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(50, 50, 50, 0.15);
  position: absolute;
}

/* line 341, ../sass/theme/theme.scss */
.pages_cover:after {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#777777+0,777777+100&0+0,0.65+100 */
  background: -moz-linear-gradient(top, #323232 0%, rgba(90, 90, 90, 0) 50%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #323232 0%, rgba(90, 90, 90, 0) 50%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #323232 0%, rgba(90, 90, 90, 0) 50%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00777777', endColorstr='#a6777777',GradientType=0 );
  /* IE6-9 */
}

/* line 350, ../sass/theme/theme.scss */
.fix_default {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}

/* line 351, ../sass/theme/theme.scss */
.fix_default:before,
.fix_default:after {
  content: '';
  display: block;
  height: 3000px;
  width: 3000px;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 1500px;
  position: absolute;
  top: 0;
  left: 0;
  transform: translate(-40%, -75%) skew(30deg);
  z-index: 1;
  transition: 0.5s ease;
}

/* line 355, ../sass/theme/theme.scss */
.fix_default:after {
  background: rgba(0, 0, 0, 0.2);
  transform: translate(-30%, -75%) skew(-30deg);
}

/* line 357, ../sass/theme/theme.scss */
.bgoutliner {
  background: url(../images/bg-pages.jpg);
  background-repeat: repeat-x;
  background-position: center bottom;
  background-attachment: fixed;
  padding: 320px 0 100px 0;
  position: relative;
}

/* line 359, ../sass/theme/theme.scss */
.pages_header {
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 3;
}

/* line 360, ../sass/theme/theme.scss */
.pages_header h1 {
  font-weight: lighter;
  margin: 0;
  padding: 0;
  text-shadow: rgba(0, 0, 0, 0.8) 0px 0px 20px;
  color: #ffffff;
}

/* line 362, ../sass/theme/theme.scss */
.breadcrumb {
  text-align: center;
}

/* line 363, ../sass/theme/theme.scss */
.breadcrumb li {
  display: inline-block;
  font-size: 16px;
}

/* line 364, ../sass/theme/theme.scss */
.breadcrumb li a {
  color: #ffffff;
  text-shadow: rgba(0, 0, 0, 0.8) 0px 0px 20px;
}

/* line 366, ../sass/theme/theme.scss */
.header_section-style {
  padding-bottom: 20px;
  clear: both;
}

/* line 368, ../sass/theme/theme.scss */
ul.downliad_list li {
  list-style: none;
  border-bottom: 1px solid #E2E5EA;
}

/* line 369, ../sass/theme/theme.scss */
.downliad_list {
  position: relative;
}

/* line 370, ../sass/theme/theme.scss */
.downliad_list:before {
  content: '';
  display: block;
  width: 1px;
  height: 110%;
  background: #E2E5EA;
  position: absolute;
  top: 0;
  left: 15%;
}

/* line 371, ../sass/theme/theme.scss */
.downliad_list li > header h5,
.downliad_list li > div {
  min-height: 40px;
  line-height: 40px;
}

/* line 373, ../sass/theme/theme.scss */
ul.downliad_list li a {
  display: inline-block;
  padding: 0;
}

/* line 376, ../sass/theme/theme.scss */
.coordinator .name-th {
  display: block;
}

/* line 377, ../sass/theme/theme.scss */
.coordinator .name-en {
  display: block;
}

/* line 378, ../sass/theme/theme.scss */
.coordinator .name-tel {
  display: block;
  margin: 20px 0 10px 0;
  font-size: 30px;
}

/* line 379, ../sass/theme/theme.scss */
.coordinator .name-tel a {
  display: inline-block;
}

/* line 380, ../sass/theme/theme.scss */
.coordinator .name-mail {
  display: block;
}

/* line 381, ../sass/theme/theme.scss */
.coordinator .name-mail a {
  display: inline-block;
}

/* line 383, ../sass/theme/theme.scss */
.links_list {
  padding-bottom: 60px;
}

/* line 384, ../sass/theme/theme.scss */
.links_list li {
  padding-top: 0;
}

/* line 385, ../sass/theme/theme.scss */
.links_list img {
  width: 100%;
  height: auto;
}

/* line 387, ../sass/theme/theme.scss */
.header_caption {
  width: 800px;
  margin: 0 auto;
}




/* line 389, ../sass/theme/theme.scss */
.regis_class--group {
  display: table-row;
  font-size: 15px;
}

/* line 390, ../sass/theme/theme.scss */
.regis_class {
  position: relative;
  display: table-cell;
  float: none !important;
  border: 1px dashed #CCCCCC;
  border-right: 0px;
  transition: 0.3s ease;
}

/* line 391, ../sass/theme/theme.scss */
.regis_class:hover,
.regis_class.active {
  border: 1px solid #0072bc;
  transition: 0.3s ease;
}

/* line 393, ../sass/theme/theme.scss */
.regis_class:before {
  content: '';
  width: 100%;
  height: 100%;
  border: 5px solid #0072bc;
  position: absolute;
  top: 0;
  left: 0;
  box-sizing: border-box;
  opacity: 0;
  transition: 0.3s ease;
}

/* line 394, ../sass/theme/theme.scss */
.regis_class:hover:before,
.regis_class.active:before {
  opacity: 1;
  transition: 0.3s ease;
}


/***********************************/
/***********************************/
/***********************************/

/*****************1******************/
/* line 389, ../sass/theme/theme.scss */
.xregis_class_np1--group {
  display: table-row;
  font-size: 15px;
}

/* line 390, ../sass/theme/theme.scss */
.xregis_class_np1 {
  position: relative;
  display: table-cell;
  float: none !important;
  border: 1px dashed #CCCCCC;
  border-right: 0px;
  transition: 0.3s ease;
}

/* line 391, ../sass/theme/theme.scss */
.xregis_class_np1:hover,
.xregis_class_np1.active {
  border: 1px solid #0072bc;
  transition: 0.3s ease;
}

/* line 393, ../sass/theme/theme.scss */
.xregis_class_np1:before {
  content: '';
  width: 100%;
  height: 100%;
  border: 5px solid #0072bc;
  position: absolute;
  top: 0;
  left: 0;
  box-sizing: border-box;
  opacity: 0;
  transition: 0.3s ease;
}

/* line 394, ../sass/theme/theme.scss */
.xregis_class_np1:hover:before,
.xregis_class_np1.active:before {
  opacity: 1;
  transition: 0.3s ease;
}


/* line 396, ../sass/theme/theme.scss */
.xregis_class_np1:last-child {
  border-right: 1px dashed #CCCCCC;
}

/* line 397, ../sass/theme/theme.scss */
.xregis_class_np1 .xregis_class_np1--list {
  padding: 10px 20px;
  text-align: center;
  height: 100%;
}

/* line 398, ../sass/theme/theme.scss */
.xregis_class_np1 .xregis_class_np1--list header {
  padding: 0;
  margin: 0;
  min-height: 80px;
}

/* line 399, ../sass/theme/theme.scss */
.xregis_class_np1 .xregis_class_np1--list header h3 {
  padding: 0;
  margin: 0 0 15px 0;
  color: #0072bc;
}

/* line 400, ../sass/theme/theme.scss */
.xregis_class_np1 .xregis_class_np1--list .distance {
  display: block;
}

/* line 401, ../sass/theme/theme.scss */
.xregis_class_np1 .xregis_class_np1--list .count_data {
  font-size: 50px;
  line-height: 50px;
  display: block;
  transition: 0.5s ease;
}

/* line 402, ../sass/theme/theme.scss */
.xregis_class_np1 .xregis_class_np1--list em {
  display: block;
  padding: 10px 0;
}

/* line 403, ../sass/theme/theme.scss */
.xregis_class_np1 .xregis_class_np1--list h2 {
  font-size: 40px;
  padding: 15px 0 10px 0;
  margin-top: 0px;
  font-weight: lighter;
  color: #0072bc;
  transition: 0.5s ease;
}

/* line 404, ../sass/theme/theme.scss */
.xregis_class_np1 .xregis_class_np1--list h2 small {
  display: block;
  font-size: 15px;
  line-height: 15px;
  color: #576472;
}

/* line 406, ../sass/theme/theme.scss */
.xregis_class_np1.active .xregis_class_np1--list .count_data {
  font-size: 35px;
  transition: 0.5s ease;
}

/* line 407, ../sass/theme/theme.scss */
.xregis_class_np1.active .xregis_class_np1--list h2 {
  font-size: 50px;
  transition: 0.5s ease;
}




/*****************2******************/


.xregis_class_np2--group {
  display: table-row;
  font-size: 15px;
}

.xregis_class_np2 {
  position: relative;
  display: table-cell;
  float: none !important;
  border: 1px dashed #CCCCCC;
  border-right: 0px;
  transition: 0.3s ease;
}

.xregis_class_np2:hover,
.xregis_class_np2.active {
  border: 1px solid #0072bc;
  transition: 0.3s ease;
}

.xregis_class_np2:before {
  content: '';
  width: 100%;
  height: 100%;
  border: 5px solid #0072bc;
  position: absolute;
  top: 0;
  left: 0;
  box-sizing: border-box;
  opacity: 0;
  transition: 0.3s ease;
}

.xregis_class_np2:hover:before,
.xregis_class_np2.active:before {
  opacity: 1;
  transition: 0.3s ease;
}

.xregis_class_np2:last-child {
  border-right: 1px dashed #CCCCCC;
}

.xregis_class_np2 .xregis_class_np2--list {
  padding: 10px 20px;
  text-align: center;
  height: 100%;
}

.xregis_class_np2 .xregis_class_np2--list header {
  padding: 0;
  margin: 0;
  min-height: 80px;
}

.xregis_class_np2 .xregis_class_np2--list header h3 {
  padding: 0;
  margin: 0 0 15px 0;
  color: #0072bc;
}

.xregis_class_np2 .xregis_class_np2--list .distance {
  display: block;
}

.xregis_class_np2 .xregis_class_np2--list .count_data {
  font-size: 50px;
  line-height: 50px;
  display: block;
  transition: 0.5s ease;
}

.xregis_class_np2 .xregis_class_np2--list em {
  display: block;
  padding: 10px 0;
}

.xregis_class_np2 .xregis_class_np2--list h2 {
  font-size: 40px;
  padding: 15px 0 10px 0;
  margin-top: 0px;
  font-weight: lighter;
  color: #0072bc;
  transition: 0.5s ease;
}

.xregis_class_np2 .xregis_class_np2--list h2 small {
  display: block;
  font-size: 15px;
  line-height: 15px;
  color: #576472;
}

.xregis_class_np2.active .xregis_class_np2--list .count_data {
  font-size: 35px;
  transition: 0.5s ease;
}


.xregis_class_np2.active .xregis_class_np2--list h2 {
  font-size: 50px;
  transition: 0.5s ease;
}





/*****************3******************/


.xregis_class_np3--group {
  display: table-row;
  font-size: 15px;
}

.xregis_class_np3 {
  position: relative;
  display: table-cell;
  float: none !important;
  border: 1px dashed #CCCCCC;
  border-right: 0px;
  transition: 0.3s ease;
}

.xregis_class_np3:hover,
.xregis_class_np3.active {
  border: 1px solid #0072bc;
  transition: 0.3s ease;
}

.xregis_class_np3:before {
  content: '';
  width: 100%;
  height: 100%;
  border: 5px solid #0072bc;
  position: absolute;
  top: 0;
  left: 0;
  box-sizing: border-box;
  opacity: 0;
  transition: 0.3s ease;
}

.xregis_class_np3:hover:before,
.xregis_class_np3.active:before {
  opacity: 1;
  transition: 0.3s ease;
}

.xregis_class_np3:last-child {
  border-right: 1px dashed #CCCCCC;
}

.xregis_class_np3 .xregis_class_np3--list {
  padding: 10px 20px;
  text-align: center;
  height: 100%;
}

.xregis_class_np3 .xregis_class_np3--list header {
  padding: 0;
  margin: 0;
  min-height: 80px;
}

.xregis_class_np3 .xregis_class_np3--list header h3 {
  padding: 0;
  margin: 0 0 15px 0;
  color: #0072bc;
}

.xregis_class_np3 .xregis_class_np3--list .distance {
  display: block;
}

.xregis_class_np3 .xregis_class_np3--list .count_data {
  font-size: 50px;
  line-height: 50px;
  display: block;
  transition: 0.5s ease;
}

.xregis_class_np3 .xregis_class_np3--list em {
  display: block;
  padding: 10px 0;
}

.xregis_class_np3 .xregis_class_np3--list h2 {
  font-size: 40px;
  padding: 15px 0 10px 0;
  margin-top: 0px;
  font-weight: lighter;
  color: #0072bc;
  transition: 0.5s ease;
}

.xregis_class_np3 .xregis_class_np3--list h2 small {
  display: block;
  font-size: 15px;
  line-height: 15px;
  color: #576472;
}

.xregis_class_np3.active .xregis_class_np3--list .count_data {
  font-size: 35px;
  transition: 0.5s ease;
}


.xregis_class_np3.active .xregis_class_np3--list h2 {
  font-size: 50px;
  transition: 0.5s ease;
}




/*****************4******************/


.xregis_class_np4--group {
  display: table-row;
  font-size: 15px;
}

.xregis_class_np4 {
  position: relative;
  display: table-cell;
  float: none !important;
  border: 1px dashed #CCCCCC;
  border-right: 0px;
  transition: 0.3s ease;
}

.xregis_class_np4:hover,
.xregis_class_np4.active {
  border: 1px solid #0072bc;
  transition: 0.3s ease;
}

.xregis_class_np4:before {
  content: '';
  width: 100%;
  height: 100%;
  border: 5px solid #0072bc;
  position: absolute;
  top: 0;
  left: 0;
  box-sizing: border-box;
  opacity: 0;
  transition: 0.3s ease;
}

.xregis_class_np4:hover:before,
.xregis_class_np4.active:before {
  opacity: 1;
  transition: 0.3s ease;
}

.xregis_class_np4:last-child {
  border-right: 1px dashed #CCCCCC;
}

.xregis_class_np4 .xregis_class_np4--list {
  padding: 10px 20px;
  text-align: center;
  height: 100%;
}

.xregis_class_np4 .xregis_class_np4--list header {
  padding: 0;
  margin: 0;
  min-height: 80px;
}

.xregis_class_np4 .xregis_class_np4--list header h3 {
  padding: 0;
  margin: 0 0 15px 0;
  color: #0072bc;
}

.xregis_class_np4 .xregis_class_np4--list .distance {
  display: block;
}

.xregis_class_np4 .xregis_class_np4--list .count_data {
  font-size: 50px;
  line-height: 50px;
  display: block;
  transition: 0.5s ease;
}

.xregis_class_np4 .xregis_class_np4--list em {
  display: block;
  padding: 10px 0;
}

.xregis_class_np4 .xregis_class_np4--list h2 {
  font-size: 40px;
  padding: 15px 0 10px 0;
  margin-top: 0px;
  font-weight: lighter;
  color: #0072bc;
  transition: 0.5s ease;
}

.xregis_class_np4 .xregis_class_np4--list h2 small {
  display: block;
  font-size: 15px;
  line-height: 15px;
  color: #576472;
}

.xregis_class_np4.active .xregis_class_np4--list .count_data {
  font-size: 35px;
  transition: 0.5s ease;
}


.xregis_class_np4.active .xregis_class_np4--list h2 {
  font-size: 50px;
  transition: 0.5s ease;
}



/*****************5******************/


.xregis_class_np5--group {
  display: table-row;
  font-size: 15px;
}

.xregis_class_np5 {
  position: relative;
  display: table-cell;
  float: none !important;
  border: 1px dashed #CCCCCC;
  border-right: 0px;
  transition: 0.3s ease;
}

.xregis_class_np5:hover,
.xregis_class_np5.active {
  border: 1px solid #0072bc;
  transition: 0.3s ease;
}

.xregis_class_np5:before {
  content: '';
  width: 100%;
  height: 100%;
  border: 5px solid #0072bc;
  position: absolute;
  top: 0;
  left: 0;
  box-sizing: border-box;
  opacity: 0;
  transition: 0.3s ease;
}

.xregis_class_np5:hover:before,
.xregis_class_np5.active:before {
  opacity: 1;
  transition: 0.3s ease;
}

.xregis_class_np5:last-child {
  border-right: 1px dashed #CCCCCC;
}

.xregis_class_np5 .xregis_class_np5--list {
  padding: 10px 20px;
  text-align: center;
  height: 100%;
}

.xregis_class_np5 .xregis_class_np5--list header {
  padding: 0;
  margin: 0;
  min-height: 80px;
}

.xregis_class_np5 .xregis_class_np5--list header h3 {
  padding: 0;
  margin: 0 0 15px 0;
  color: #0072bc;
}

.xregis_class_np5 .xregis_class_np5--list .distance {
  display: block;
}

.xregis_class_np5 .xregis_class_np5--list .count_data {
  font-size: 50px;
  line-height: 50px;
  display: block;
  transition: 0.5s ease;
}

.xregis_class_np5 .xregis_class_np5--list em {
  display: block;
  padding: 10px 0;
}

.xregis_class_np5 .xregis_class_np5--list h2 {
  font-size: 40px;
  padding: 15px 0 10px 0;
  margin-top: 0px;
  font-weight: lighter;
  color: #0072bc;
  transition: 0.5s ease;
}

.xregis_class_np5 .xregis_class_np5--list h2 small {
  display: block;
  font-size: 15px;
  line-height: 15px;
  color: #576472;
}

.xregis_class_np5.active .xregis_class_np5--list .count_data {
  font-size: 35px;
  transition: 0.5s ease;
}


.xregis_class_np5.active .xregis_class_np5--list h2 {
  font-size: 50px;
  transition: 0.5s ease;
}




/*****************6******************/


.xregis_class_np6--group {
  display: table-row;
  font-size: 15px;
}

.xregis_class_np6 {
  position: relative;
  display: table-cell;
  float: none !important;
  border: 1px dashed #CCCCCC;
  border-right: 0px;
  transition: 0.3s ease;
}

.xregis_class_np6:hover,
.xregis_class_np6.active {
  border: 1px solid #0072bc;
  transition: 0.3s ease;
}

.xregis_class_np6:before {
  content: '';
  width: 100%;
  height: 100%;
  border: 5px solid #0072bc;
  position: absolute;
  top: 0;
  left: 0;
  box-sizing: border-box;
  opacity: 0;
  transition: 0.3s ease;
}

.xregis_class_np6:hover:before,
.xregis_class_np6.active:before {
  opacity: 1;
  transition: 0.3s ease;
}

.xregis_class_np6:last-child {
  border-right: 1px dashed #CCCCCC;
}

.xregis_class_np6 .xregis_class_np6--list {
  padding: 10px 20px;
  text-align: center;
  height: 100%;
}

.xregis_class_np6 .xregis_class_np6--list header {
  padding: 0;
  margin: 0;
  min-height: 80px;
}

.xregis_class_np6 .xregis_class_np6--list header h3 {
  padding: 0;
  margin: 0 0 15px 0;
  color: #0072bc;
}

.xregis_class_np6 .xregis_class_np6--list .distance {
  display: block;
}

.xregis_class_np6 .xregis_class_np6--list .count_data {
  font-size: 50px;
  line-height: 50px;
  display: block;
  transition: 0.5s ease;
}

.xregis_class_np6 .xregis_class_np6--list em {
  display: block;
  padding: 10px 0;
}

.xregis_class_np6 .xregis_class_np6--list h2 {
  font-size: 40px;
  padding: 15px 0 10px 0;
  margin-top: 0px;
  font-weight: lighter;
  color: #0072bc;
  transition: 0.5s ease;
}

.xregis_class_np6 .xregis_class_np6--list h2 small {
  display: block;
  font-size: 15px;
  line-height: 15px;
  color: #576472;
}

.xregis_class_np6.active .xregis_class_np6--list .count_data {
  font-size: 35px;
  transition: 0.5s ease;
}


.xregis_class_np6.active .xregis_class_np6--list h2 {
  font-size: 50px;
  transition: 0.5s ease;
}




/*****************7******************/


.xregis_class_np7--group {
  display: table-row;
  font-size: 15px;
}

.xregis_class_np7 {
  position: relative;
  display: table-cell;
  float: none !important;
  border: 1px dashed #CCCCCC;
  border-right: 0px;
  transition: 0.3s ease;
}

.xregis_class_np7:hover,
.xregis_class_np7.active {
  border: 1px solid #0072bc;
  transition: 0.3s ease;
}

.xregis_class_np7:before {
  content: '';
  width: 100%;
  height: 100%;
  border: 5px solid #0072bc;
  position: absolute;
  top: 0;
  left: 0;
  box-sizing: border-box;
  opacity: 0;
  transition: 0.3s ease;
}

.xregis_class_np7:hover:before,
.xregis_class_np7.active:before {
  opacity: 1;
  transition: 0.3s ease;
}

.xregis_class_np7:last-child {
  border-right: 1px dashed #CCCCCC;
}

.xregis_class_np7 .xregis_class_np7--list {
  padding: 10px 20px;
  text-align: center;
  height: 100%;
}

.xregis_class_np7 .xregis_class_np7--list header {
  padding: 0;
  margin: 0;
  min-height: 80px;
}

.xregis_class_np7 .xregis_class_np7--list header h3 {
  padding: 0;
  margin: 0 0 15px 0;
  color: #0072bc;
}

.xregis_class_np7 .xregis_class_np7--list .distance {
  display: block;
}

.xregis_class_np7 .xregis_class_np7--list .count_data {
  font-size: 50px;
  line-height: 50px;
  display: block;
  transition: 0.5s ease;
}

.xregis_class_np7 .xregis_class_np7--list em {
  display: block;
  padding: 10px 0;
}

.xregis_class_np7 .xregis_class_np7--list h2 {
  font-size: 40px;
  padding: 15px 0 10px 0;
  margin-top: 0px;
  font-weight: lighter;
  color: #0072bc;
  transition: 0.5s ease;
}

.xregis_class_np7 .xregis_class_np7--list h2 small {
  display: block;
  font-size: 15px;
  line-height: 15px;
  color: #576472;
}

.xregis_class_np7.active .xregis_class_np7--list .count_data {
  font-size: 35px;
  transition: 0.5s ease;
}


.xregis_class_np7.active .xregis_class_np7--list h2 {
  font-size: 50px;
  transition: 0.5s ease;
}



/*****************8******************/


.xregis_class_np8--group {
  display: table-row;
  font-size: 15px;
}

.xregis_class_np8 {
  position: relative;
  display: table-cell;
  float: none !important;
  border: 1px dashed #CCCCCC;
  border-right: 0px;
  transition: 0.3s ease;
}

.xregis_class_np8:hover,
.xregis_class_np8.active {
  border: 1px solid #0072bc;
  transition: 0.3s ease;
}

.xregis_class_np8:before {
  content: '';
  width: 100%;
  height: 100%;
  border: 5px solid #0072bc;
  position: absolute;
  top: 0;
  left: 0;
  box-sizing: border-box;
  opacity: 0;
  transition: 0.3s ease;
}

.xregis_class_np8:hover:before,
.xregis_class_np8.active:before {
  opacity: 1;
  transition: 0.3s ease;
}

.xregis_class_np8:last-child {
  border-right: 1px dashed #CCCCCC;
}

.xregis_class_np8 .xregis_class_np8--list {
  padding: 10px 20px;
  text-align: center;
  height: 100%;
}

.xregis_class_np8 .xregis_class_np8--list header {
  padding: 0;
  margin: 0;
  min-height: 80px;
}

.xregis_class_np8 .xregis_class_np8--list header h3 {
  padding: 0;
  margin: 0 0 15px 0;
  color: #0072bc;
}

.xregis_class_np8 .xregis_class_np8--list .distance {
  display: block;
}

.xregis_class_np8 .xregis_class_np8--list .count_data {
  font-size: 50px;
  line-height: 50px;
  display: block;
  transition: 0.5s ease;
}

.xregis_class_np8 .xregis_class_np8--list em {
  display: block;
  padding: 10px 0;
}

.xregis_class_np8 .xregis_class_np8--list h2 {
  font-size: 40px;
  padding: 15px 0 10px 0;
  margin-top: 0px;
  font-weight: lighter;
  color: #0072bc;
  transition: 0.5s ease;
}

.xregis_class_np8 .xregis_class_np8--list h2 small {
  display: block;
  font-size: 15px;
  line-height: 15px;
  color: #576472;
}

.xregis_class_np8.active .xregis_class_np8--list .count_data {
  font-size: 35px;
  transition: 0.5s ease;
}


.xregis_class_np8.active .xregis_class_np8--list h2 {
  font-size: 50px;
  transition: 0.5s ease;
}



/*****************9******************/


.xregis_class_np9--group {
  display: table-row;
  font-size: 15px;
}

.xregis_class_np9 {
  position: relative;
  display: table-cell;
  float: none !important;
  border: 1px dashed #CCCCCC;
  border-right: 0px;
  transition: 0.3s ease;
}

.xregis_class_np9:hover,
.xregis_class_np9.active {
  border: 1px solid #0072bc;
  transition: 0.3s ease;
}

.xregis_class_np9:before {
  content: '';
  width: 100%;
  height: 100%;
  border: 5px solid #0072bc;
  position: absolute;
  top: 0;
  left: 0;
  box-sizing: border-box;
  opacity: 0;
  transition: 0.3s ease;
}

.xregis_class_np9:hover:before,
.xregis_class_np9.active:before {
  opacity: 1;
  transition: 0.3s ease;
}

.xregis_class_np9:last-child {
  border-right: 1px dashed #CCCCCC;
}

.xregis_class_np9 .xregis_class_np9--list {
  padding: 10px 20px;
  text-align: center;
  height: 100%;
}

.xregis_class_np9 .xregis_class_np9--list header {
  padding: 0;
  margin: 0;
  min-height: 80px;
}

.xregis_class_np9 .xregis_class_np9--list header h3 {
  padding: 0;
  margin: 0 0 15px 0;
  color: #0072bc;
}

.xregis_class_np9 .xregis_class_np9--list .distance {
  display: block;
}

.xregis_class_np9 .xregis_class_np9--list .count_data {
  font-size: 50px;
  line-height: 50px;
  display: block;
  transition: 0.5s ease;
}

.xregis_class_np9 .xregis_class_np9--list em {
  display: block;
  padding: 10px 0;
}

.xregis_class_np9 .xregis_class_np9--list h2 {
  font-size: 40px;
  padding: 15px 0 10px 0;
  margin-top: 0px;
  font-weight: lighter;
  color: #0072bc;
  transition: 0.5s ease;
}

.xregis_class_np9 .xregis_class_np9--list h2 small {
  display: block;
  font-size: 15px;
  line-height: 15px;
  color: #576472;
}

.xregis_class_np9.active .xregis_class_np9--list .count_data {
  font-size: 35px;
  transition: 0.5s ease;
}


.xregis_class_np9.active .xregis_class_np9--list h2 {
  font-size: 50px;
  transition: 0.5s ease;
}




/*****************10******************/


.xregis_class_np10--group {
  display: table-row;
  font-size: 15px;
}

.xregis_class_np10 {
  position: relative;
  display: table-cell;
  float: none !important;
  border: 1px dashed #CCCCCC;
  border-right: 0px;
  transition: 0.3s ease;
}

.xregis_class_np10:hover,
.xregis_class_np10.active {
  border: 1px solid #0072bc;
  transition: 0.3s ease;
}

.xregis_class_np10:before {
  content: '';
  width: 100%;
  height: 100%;
  border: 5px solid #0072bc;
  position: absolute;
  top: 0;
  left: 0;
  box-sizing: border-box;
  opacity: 0;
  transition: 0.3s ease;
}

.xregis_class_np10:hover:before,
.xregis_class_np10.active:before {
  opacity: 1;
  transition: 0.3s ease;
}

.xregis_class_np10:last-child {
  border-right: 1px dashed #CCCCCC;
}

.xregis_class_np10 .xregis_class_np10--list {
  padding: 10px 20px;
  text-align: center;
  height: 100%;
}

.xregis_class_np10 .xregis_class_np10--list header {
  padding: 0;
  margin: 0;
  min-height: 80px;
}

.xregis_class_np10 .xregis_class_np10--list header h3 {
  padding: 0;
  margin: 0 0 15px 0;
  color: #0072bc;
}

.xregis_class_np10 .xregis_class_np10--list .distance {
  display: block;
}

.xregis_class_np10 .xregis_class_np10--list .count_data {
  font-size: 50px;
  line-height: 50px;
  display: block;
  transition: 0.5s ease;
}

.xregis_class_np10 .xregis_class_np10--list em {
  display: block;
  padding: 10px 0;
}

.xregis_class_np10 .xregis_class_np10--list h2 {
  font-size: 40px;
  padding: 15px 0 10px 0;
  margin-top: 0px;
  font-weight: lighter;
  color: #0072bc;
  transition: 0.5s ease;
}

.xregis_class_np10 .xregis_class_np10--list h2 small {
  display: block;
  font-size: 15px;
  line-height: 15px;
  color: #576472;
}

.xregis_class_np10.active .xregis_class_np10--list .count_data {
  font-size: 35px;
  transition: 0.5s ease;
}


.xregis_class_np10.active .xregis_class_np10--list h2 {
  font-size: 50px;
  transition: 0.5s ease;
}


/***********************************/
/***********************************/
/***********************************/



/* line 396, ../sass/theme/theme.scss */
.regis_class:last-child {
  border-right: 1px dashed #CCCCCC;
}

/* line 397, ../sass/theme/theme.scss */
.regis_class .regis_class--list {
  padding: 10px 20px;
  text-align: center;
  height: 100%;
}

/* line 398, ../sass/theme/theme.scss */
.regis_class .regis_class--list header {
  padding: 0;
  margin: 0;
  min-height: 80px;
}

/* line 399, ../sass/theme/theme.scss */
.regis_class .regis_class--list header h3 {
  padding: 0;
  margin: 0 0 15px 0;
  color: #0072bc;
}

/* line 400, ../sass/theme/theme.scss */
.regis_class .regis_class--list .distance {
  display: block;
}

/* line 401, ../sass/theme/theme.scss */
.regis_class .regis_class--list .count_data {
  font-size: 50px;
  line-height: 50px;
  display: block;
  transition: 0.5s ease;
}

/* line 402, ../sass/theme/theme.scss */
.regis_class .regis_class--list em {
  display: block;
  padding: 10px 0;
}

/* line 403, ../sass/theme/theme.scss */
.regis_class .regis_class--list h2 {
  font-size: 40px;
  padding: 15px 0 10px 0;
  margin-top: 0px;
  font-weight: lighter;
  color: #0072bc;
  transition: 0.5s ease;
}

/* line 404, ../sass/theme/theme.scss */
.regis_class .regis_class--list h2 small {
  display: block;
  font-size: 15px;
  line-height: 15px;
  color: #576472;
}

/* line 406, ../sass/theme/theme.scss */
.regis_class.active .regis_class--list .count_data {
  font-size: 35px;
  transition: 0.5s ease;
}

/* line 407, ../sass/theme/theme.scss */
.regis_class.active .regis_class--list h2 {
  font-size: 50px;
  transition: 0.5s ease;
}

/* line 409, ../sass/theme/theme.scss */
.step2 .head_caption {
  margin-top: 30px;
}

/* line 411, ../sass/theme/theme.scss */
.step2 .regis_class:before {
  display: none;
}

/* line 412, ../sass/theme/theme.scss */
.step2 .regis_class:hover,
.step2 .regis_class.active {
  border: 1px dashed #CCCCCC;
  border-right: 0px;
}

/* line 415, ../sass/theme/theme.scss */
.step2 .regis_class:last-child:hover,
.step2 .regis_class:last-child {
  border-right: 1px dashed #CCCCCC;
}

/* line 418, ../sass/theme/theme.scss */
.fixwidth.reader.bank_id_transfer {
  margin: 60px auto;
  max-width: 600px;
  font-size: 18px;
}

/* line 419, ../sass/theme/theme.scss */
.bank_id_transfer h3 {
  font-size: 2.4em;
  color: #0072bc;
  padding-bottom: 10px;
}

/* line 421, ../sass/theme/theme.scss */
.bank_id_transfer h4 {
  color: #0072bc;
}

/* line 423, ../sass/theme/theme.scss */
.confirm_order {
  padding: 80px 0;
  background: rgba(223, 230, 241, 0.5);
}

/* line 424, ../sass/theme/theme.scss */
.confirm_order h4 {
  text-align: center;
}

/* line 425, ../sass/theme/theme.scss */
.confirm_order .wrapper {
  text-align: center;
}

/* line 426, ../sass/theme/theme.scss */
.confirm_order .btn_confirm {
  height: 55px;
  line-height: 55px;
}

/* line 429, ../sass/theme/theme.scss */
.form_style .form_quote {
  padding: 100px 0;
  clear: both;
  text-align: center;
  font-size: 16px;
  max-width: 800px;
  margin: 0 auto;
}

/* line 430, ../sass/theme/theme.scss */
.form_style .form_quote p {
  text-align: left;
}

/* line 431, ../sass/theme/theme.scss */
.form_style .form_quote header {
  font-size: 2em;
  margin-bottom: 30px;
}

/* line 432, ../sass/theme/theme.scss */
.form_style .form_quote footer {
  border-top: 1px dashed #666;
  margin-top: 30px;
  padding-top: 30px;
}

/* line 433, ../sass/theme/theme.scss */
.form_style .form_quote footer label {
  display: block;
  margin-bottom: 15px;
}

/* line 436, ../sass/theme/theme.scss */
.form_group {
  width: 800px;
  padding-top: 80px;
}

/* line 437, ../sass/theme/theme.scss */
.upload_slip {
  background: #DFE6F1;
  clear: both;
  padding: 40px !important;
  box-sizing: border-box;
}

/* line 438, ../sass/theme/theme.scss */
.upload_slip .icon {
  height: 100px;
}

/* line 439, ../sass/theme/theme.scss */
.upload_slip .icon img {
  width: 80px;
  height: auto;
}

/* line 441, ../sass/theme/theme.scss */
.slip_file {
  margin-top: 30px;
  clear: both;
  text-align: center;
}

/* line 442, ../sass/theme/theme.scss */
.slip_file img {
  width: 100%;
  max-width: 380px;
  height: auto;
  display: inline-block;
}

/* line 444, ../sass/theme/theme.scss */
.form_group.p_top--80px {
  padding-top: 80px;
}

/* line 445, ../sass/theme/theme.scss */
.form_group .form_sec {
  padding-bottom: 0;
}

/* line 446, ../sass/theme/theme.scss */
.form_sec:after {
  content: '';
  display: table;
  height: 0;
  clear: both;
}

/* line 447, ../sass/theme/theme.scss */
.form_group .form_sec > div {
  padding-top: 0;
  min-height: 60px;
  box-sizing: border-box;
}

/* line 450, ../sass/theme/theme.scss */
.check_running .clear_form_style .c_30-d,
.check_running .clear_form_style .c_70-d {
  padding: 0 !important;
}

/* line 452, ../sass/theme/theme.scss */
.check_running .clear_form_style .c_30-d {
  font-size: 17px;
}

/* line 454, ../sass/theme/theme.scss */
.clear_form_style.form_group .form_sec > div {
  min-height: 10px;
}

/* line 456, ../sass/theme/theme.scss */
.check_running .regis_class {
  display: none;
}

/* line 457, ../sass/theme/theme.scss */
.check_running .clear_form_style .form_sec {
  border-bottom: 1px solid #DFE6F1;
  margin-bottom: 15px;
  padding-bottom: 15px !important;
}

/* line 459, ../sass/theme/theme.scss */
.check_running .regis_class.active {
  display: block;
  max-width: 800px;
  margin: 0 auto;
  margin-top: 30px;
  padding: 0 0 20px 0;
  width: 100%;
  margin-bottom: 30px !important;
}

/* line 460, ../sass/theme/theme.scss */
.check_running .regis_class.active .regis_class--list {
  padding: 0;
}

/* line 461, ../sass/theme/theme.scss */
.check_running .regis_class.active .regis_class--list .distance_rate {
  padding-top: 20px;
}

/* line 463, ../sass/theme/theme.scss */
.check_running .regis_class.active .regis_class--list .distance_rate,
.check_running .regis_class.active .regis_class--list .price_rate {
  padding-left: 20px;
  padding-right: 20px;
  float: none !important;
  text-align: center !important;
}

/* line 466, ../sass/theme/theme.scss */
.check_running .regis_class.active.selected .regis_class--list_choose {
  display: none;
}

/* line 467, ../sass/theme/theme.scss */
.check_running .regis_class.active .regis_class--list header {
  background: #0072bc;
  padding: 10px 20px;
}

/* line 468, ../sass/theme/theme.scss */
.check_running .regis_class.active .regis_class--list header h3 {
  /*height: 60px; min-height: 60px; */
  color: #ffffff;
  margin-bottom: 0;
}

/* line 472, ../sass/theme/theme.scss */
.conclude_order {
  padding: 100px 0 !important;
  clear: both;
  font-size: 16px;
  text-align: center;
}

/* line 474, ../sass/theme/theme.scss */
.conclude_order footer a,
.conclude_order footer button {
  vertical-align: top;
}

/* line 477, ../sass/theme/theme.scss */
.reg_finish {
  width: 800px;
  font-size: 20px;
}

/* line 478, ../sass/theme/theme.scss */
.reg_finish header.reg_number h1 {
  font-size: 70px;
  letter-spacing: 20px;
  color: #0072bc;
}

/* line 479, ../sass/theme/theme.scss */
.reg_finish header.reg_number {
  border-bottom: 1px dashed #576472;
  margin-bottom: 40px;
  text-align: center;
}

/* line 482, ../sass/theme/theme.scss */
.table-style_1 tr {
  border-bottom: 1px solid #E2E5EA;
}

/* line 483, ../sass/theme/theme.scss */
.table-style_1 .border_none {
  border: none;
}

/* line 484, ../sass/theme/theme.scss */
.table-style_1 .border_none td {
  padding-bottom: 0;
}

/* line 485, ../sass/theme/theme.scss */
.table-style_1 tr td {
  padding: 15px 0;
}

/* line 488, ../sass/theme/theme.scss */
.nav_sidebar {
  position: absolute;
  top: 100px;
  left: 100px;
  /* background: black; */
  width: 280px;
  transition: 0.3s ease;
}

/* line 489, ../sass/theme/theme.scss */
.nav_sidebar:before {
  content: '';
  display: block;
  height: 100%;
  width: 4px;
  border-radius: 3px;
  position: absolute;
  top: -5px;
  left: 10px;
  background: #0072bc;
}

/* line 490, ../sass/theme/theme.scss */
.nav_sidebar li {
  margin-bottom: 10px;
  padding-left: 30px;
  position: relative;
}

/* line 491, ../sass/theme/theme.scss */
.nav_sidebar li:before {
  content: '';
  display: block;
  height: 14px;
  width: 14px;
  border-radius: 8px;
  background: #0072bc;
  position: absolute;
  top: 50%;
  left: 5px;
  transform: translateY(-50%);
}

/* line 492, ../sass/theme/theme.scss */
.nav_sidebar li:after {
  content: '';
  display: block;
  height: 8px;
  width: 8px;
  border-radius: 6px;
  background: #ffffff;
  position: absolute;
  top: 50%;
  left: 8px;
  transform: translateY(-50%);
  visibility: hidden;
  opacity: 0;
  transition: 0.3s ease;
}

/* line 493, ../sass/theme/theme.scss */
.nav_sidebar li:hover:after,
.nav_sidebar li.active:after {
  visibility: visible;
  opacity: 1;
  transition: 0.3s ease;
}

/* line 496, ../sass/theme/theme.scss */
.nav_sidebar li a {
  color: #576472;
  transition: 0.2s ease;
}

/* line 497, ../sass/theme/theme.scss */
.nav_sidebar li.active a,
.nav_sidebar li:hover a {
  color: #0072bc;
  transition: 0.2s ease;
}

/* line 500, ../sass/theme/theme.scss */
.nav_sidebar.sticky {
  position: fixed;
  top: 200px;
  transition: 0.5s ease;
}

/* line 503, ../sass/theme/theme.scss */
.function_theme {
  background: url(../images/clean_map-color.jpg);
  background-repeat: no-repeat;
  background-attachment: fixed;
}

/* line 504, ../sass/theme/theme.scss */
.function_theme .function_head {
  padding: 20px;
}

/* line 505, ../sass/theme/theme.scss */
.function_theme .function_head img {
  width: 160px;
  height: auto;
}

/* line 507, ../sass/theme/theme.scss */
.cards {
  width: 400px;
  min-height: 400px;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 10px;
  background: #ffffff;
  margin: 0 auto;
  font-size: 16px;
  padding: 20px 30px;
  box-sizing: border-box;
}

/* line 508, ../sass/theme/theme.scss */
.cards h1 {
  padding-bottom: 10px;
  font-size: 30px;
  color: #0072bc;
}

/* line 509, ../sass/theme/theme.scss */
.cards h3 {
  padding-bottom: 0;
  font-size: 18px;
  margin-top: 10px;
  line-height: 20px;
}

/* line 511, ../sass/theme/theme.scss */
.cards .add-data,
.cards .btn {
  margin-top: 15px;
}

/* line 514, ../sass/theme/theme.scss */
.table_file thead tr td,
.table_file tbody tr td:first-child {
  font-family: kanit, Arial, Helvetica, sans-serif;
  font-size: 17px;
}

/* line 517, ../sass/theme/theme.scss */
.table_file tr td {
  padding-bottom: 15px;
  border-bottom: 1px solid #eeeeee;
  padding: 10px 0;
}

/* line 519, ../sass/theme/theme.scss */
.example_shirt a {
  margin-bottom: 10px;
}

/* line 520, ../sass/theme/theme.scss */
.t-shirt_remark p {
  font-size: 14px;
  display: inline-block;
  margin-left: 15px;
  font-weight: lighter;
}

/*-- register theme --*/
/* line 525, ../sass/theme/theme.scss */
.reg_wrap {
  padding-bottom: 120px;
  background-color: #ffffff;
  z-index: 15;
  margin-bottom: 600px;
}

/* line 527, ../sass/theme/theme.scss */
.step1 {
  position: relative;
  z-index: 20;
}

/* line 528, ../sass/theme/theme.scss */
.step1 .choose_flags--type {
  padding: 15px;
}

/* line 529, ../sass/theme/theme.scss */
.step1 .flags {
  width: 100%;
  height: auto;
  margin-bottom: 30px;
}

/* line 530, ../sass/theme/theme.scss */
.step1 .flags:after {
  content: '';
  display: table;
  clear: both;
}

/* line 531, ../sass/theme/theme.scss */
.step1 .c_45-d h5 {
  padding-left: 20px;
  padding-right: 20px;
  font-size: 26px;
}

/* line 532, ../sass/theme/theme.scss */
.step1 .c_45-d span {
  padding: 0 20px;
  display: inline-block;
  font-size: 16px;
  color: #576472;
}

/* line 534, ../sass/theme/theme.scss */
.function_pages {
  padding-bottom: 60px;
  text-align: center;
  color: #0072bc;
}

/* line 536, ../sass/theme/theme.scss */
.user_mail_id {
  text-align: center;
}

/* line 537, ../sass/theme/theme.scss */
.user_mail_id h4 {
  font-size: 18px;
  padding-bottom: 0;
}

/* line 538, ../sass/theme/theme.scss */
.user_mail_id h5 {
  color: #0072bc;
}

/* line 541, ../sass/theme/theme.scss */
.profile_header {
  text-align: center;
}

/* line 542, ../sass/theme/theme.scss */
.edit_profile {
  text-align: center;
  border-top: 1px dashed #D7DEE8;
  padding-top: 30px;
  margin-top: 20px;
}

/* line 543, ../sass/theme/theme.scss */
.edit_profile {
  text-align: center;
}

/* line 544, ../sass/theme/theme.scss */
.edit_profile.confirm a,
.edit_profile.confirm button {
  display: inline-block;
}

/* line 546, ../sass/theme/theme.scss */
.edit_profile.confirm a {
  margin-right: 15px;
}

/* line 548, ../sass/theme/theme.scss */
.profile_header h2 {
  padding-bottom: 15px;
}

/* line 549, ../sass/theme/theme.scss */
.profile_header {
  border-bottom: 1px dashed #D7DEE8;
  padding-bottom: 30px;
}

/* line 550, ../sass/theme/theme.scss */
.profile_header .profile_icon {
  width: 120px;
  height: 120px;
  background: url(../images/content/avatar.png);
  background-size: cover;
  border-radius: 60px;
  margin: 20px auto;
}

/* line 552, ../sass/theme/theme.scss */
.regis-account {
  padding-top: 50px;
}

/* line 554, ../sass/theme/theme.scss */
.show_logout {
  height: 40px;
  width: 40px;
  background: black;
}

/*-- gallery theme --*/
/* line 559, ../sass/theme/theme.scss */
.activity-all .list h3 {
  font-size: 20px;
  text-align: center;
  padding: 20px;
}

/* line 561, ../sass/theme/theme.scss */
.activity-all .list img {
  width: 100%;
  height: auto;
  display: block;
}

/* line 562, ../sass/theme/theme.scss */
.activity-list .list img {
  width: 100%;
  height: auto;
  display: block;
}

/* line 564, ../sass/theme/theme.scss */
.activity-all .list,
.activity-list .list {
  display: inline-block;
}

/* line 567, ../sass/theme/theme.scss */
.activity-all .list a,
.activity-list .list a {
  overflow: hidden;
  border-radius: 6px;
  transition: 0.1s ease;
}

/* line 570, ../sass/theme/theme.scss */
.activity-all .list:hover a {
  border-radius: 50%;
  transition: 0.2s ease;
}

/* line 571, ../sass/theme/theme.scss */
.activity-list .list:hover a {
  border-radius: 150px;
  transition: 0.2s ease;
}

/* line 574, ../sass/theme/theme.scss */
.video-list .list {
  width: 50%;
}

/* line 575, ../sass/theme/theme.scss */
.video-list .list h3 {
  font-size: 24px;
  padding-bottom: 10px;
}

/* line 576, ../sass/theme/theme.scss */
.video-list .list p {
  font-size: 18px;
  padding-bottom: 5px;
}

/* line 577, ../sass/theme/theme.scss */
.video-list .list time {
  font-size: 14px;
}

/* line 578, ../sass/theme/theme.scss */
.video-list .list img {
  width: 100%;
  height: 400px;
  background: #000000;
  display: block;
  border: none;
}

/* line 580, ../sass/theme/theme.scss */
.video-list-detail {
  padding: 15px 0;
}

/* icon and shade */
/* line 584, ../sass/theme/theme.scss */
.i_menu {
  background-image: url(../images/icon_menu.png);
  background-repeat: no-repeat;
  background-position: 20px 19px;
  padding-left: 60px;
  cursor: pointer;
}

/* line 585, ../sass/theme/theme.scss */
.i_register {
  background-image: url(../images/icon_register.png);
  background-repeat: no-repeat;
  background-position: 20px 0px;
  padding-left: 60px;
}

/* line 586, ../sass/theme/theme.scss */
.i_roadsign {
  background-image: url(../images/icon_road-sign.png);
  background-repeat: no-repeat;
  background-position: 20px 10px;
  padding-left: 60px;
  height: 55px;
  line-height: 55px;
}

/* line 587, ../sass/theme/theme.scss */
.i_id {
  background-image: url(../images/icon_id.png);
  background-repeat: no-repeat;
  background-position: 20px 10px;
  padding-left: 100px;
  height: 55px;
  line-height: 55px;
  display: inline-block;
}

/* line 591, ../sass/theme/theme.scss */
.nav_wrap .internal_link.i_register {
  background-position: 20px 12px;
}

/* line 593, ../sass/theme/theme.scss */
strong,
b {
  color: #576472;
}

/* line 596, ../sass/theme/theme.scss */
.icon_fix img {
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
  /* margin-top:-10px; */
}

/* line 597, ../sass/theme/theme.scss */
.icon_fix .wrap_head {
  display: inline;
  vertical-align: middle;
}

/* line 598, ../sass/theme/theme.scss */
.icon_fix .wrap_head h2 {
  padding-bottom: 0;
  vertical-align: middle;
  display: inline;
}

/*
.section_all{transition:0.5s ease;}
.section_all.active{transform:translateX(-50px); transition:0.8s ease;}
*/
/* line 605, ../sass/theme/theme.scss */
html.active {
  overflow: hidden;
}

/* line 606, ../sass/theme/theme.scss */
html.active .hilight_nav a {
  color: white;
}

/* line 607, ../sass/theme/theme.scss */
html.active .tophead .curve {
  box-shadow: rgba(0, 114, 188, 0.3) 20px -50px 33px 0px;
}

/* line 609, ../sass/theme/theme.scss */
.underline_solid {
  padding: 0;
  border: 0px;
  border-top: 1px solid #E2E5EA;
  margin-top: 60px;
  margin-bottom: 0;
}

/* line 610, ../sass/theme/theme.scss */
.underline_solid.sm {
  padding: 0;
  border: 0px;
  border-top: 1px solid #E2E5EA;
  margin-top: 30px;
  margin-bottom: 35px;
}

/* line 613, ../sass/theme/theme.scss */
.list_style-sm li {
  border-bottom: 1px solid #E2E5EA;
  padding: 10px 0;
}

/* line 615, ../sass/theme/theme.scss */
.bottom_space-1 {
  margin-bottom: 40px;
}

/* line 617, ../sass/theme/theme.scss */
.box_shadows {
  transition: 0.5s ease;
  border-radius: 4px;
  overflow: hidden;
}

/* line 618, ../sass/theme/theme.scss */
.box_shadows:hover {
  box-shadow: rgba(0, 114, 188, 0.2) 0 0 30px 0;
  transition: 0.5s ease;
  border-radius: 4px;
  background: #ffffff;
}

/* line 620, ../sass/theme/theme.scss */
.content_clear .links_list li {
  list-style: none !important;
  margin-bottom: 15px;
}

/* line 621, ../sass/theme/theme.scss */
.links_list a img {
  background: #ffffff;
}

/* animate */
@-webkit-keyframes menu_bg-before {
  0% {
    -webkit-transform: translate(-25%, -70%) skew(-30deg);
    transform: translate(-25%, -70%) skew(-30deg);
    opacity: 0.9;
  }
  50% {
    -webkit-transform: translate(-30%, -60%) skew(-20deg);
    transform: translate(-30%, -60%) skew(-20deg);
    opacity: 0.5;
  }
  100% {
    -webkit-transform: translate(-25%, -70%) skew(-30deg);
    transform: translate(-25%, -70%) skew(-30deg);
    opacity: 0.9;
  }
}
@keyframes menu_bg-before {
  0% {
    -webkit-transform: translate(-25%, -70%) skew(-30deg);
    transform: translate(-25%, -70%) skew(-30deg);
    opacity: 0.9;
  }
  50% {
    -webkit-transform: translate(-30%, -60%) skew(-20deg);
    transform: translate(-30%, -60%) skew(-20deg);
    opacity: 0.5;
  }
  100% {
    -webkit-transform: translate(-25%, -70%) skew(-30deg);
    transform: translate(-25%, -70%) skew(-30deg);
    opacity: 0.9;
  }
}
/* line 636, ../sass/theme/theme.scss */
.circle_animate:before {
  -webkit-animation: menu_bg-before 15s infinite;
  /* Safari 4+ */
  /* Fx 5+ */
  /* Opera 12+ */
  animation: menu_bg-before 15s infinite;
  /* IE 10+, Fx 29+ */
}

@-webkit-keyframes menu_bg {
  0% {
    -webkit-transform: translate(-3%, -60%) skew(-30deg);
    transform: translate(-3%, -60%) skew(-30deg);
    opacity: 0.9;
  }
  50% {
    -webkit-transform: translate(-3%, -65%) skew(-50deg);
    transform: translate(-3%, -65%) skew(-50deg);
    opacity: 0.5;
  }
  100% {
    -webkit-transform: translate(-3%, -60%) skew(-30deg);
    transform: translate(-3%, -60%) skew(-30deg);
    opacity: 0.9;
  }
}
@keyframes menu_bg {
  0% {
    -webkit-transform: translate(-3%, -60%) skew(-30deg);
    transform: translate(-3%, -60%) skew(-30deg);
    opacity: 0.9;
  }
  50% {
    -webkit-transform: translate(-3%, -65%) skew(-50deg);
    transform: translate(-3%, -65%) skew(-50deg);
    opacity: 0.5;
  }
  100% {
    -webkit-transform: translate(-3%, -60%) skew(-30deg);
    transform: translate(-3%, -60%) skew(-30deg);
    opacity: 0.9;
  }
}
/* line 655, ../sass/theme/theme.scss */
.circle_animate:after {
  -webkit-animation: menu_bg 15s infinite;
  /* Safari 4+ */
  /* Fx 5+ */
  /* Opera 12+ */
  animation: menu_bg 15s infinite;
  /* IE 10+, Fx 29+ */
}

/* - - - - - - - - - - - - - -*/
/* functions */
/* line 665, ../sass/theme/theme.scss */
#content section > div {
  padding: 150px 0;
}

/* line 667, ../sass/theme/theme.scss */
#onpage-menu ul {
  border-bottom: 1px solid #0072bc;
  margin: 40px 0 0 0;
  padding: 0;
  text-align: center;
}

/* line 668, ../sass/theme/theme.scss */
#onpage-menu li {
  list-style: none;
  margin: 0 10px;
  display: inline-block;
  padding: 0;
}

/* line 669, ../sass/theme/theme.scss */
#onpage-menu li a {
  font-size: 24px;
  padding: 15px;
  background: #E2E5EA;
  border-radius: 3px 3px 0 0;
}

/* line 670, ../sass/theme/theme.scss */
#onpage-menu li:first-child a,
#onpage-menu li a.mPS2id-highlight {
  background: #0072bc;
  color: #ffffff;
}

/* line 673, ../sass/theme/theme.scss */
#onpage-menu.sticky ul {
  margin: 0;
  border: 0;
}

/* line 674, ../sass/theme/theme.scss */
#onpage-menu.sticky li a {
  background: none;
}

/* line 675, ../sass/theme/theme.scss */
#onpage-menu.sticky li a {
  color: #ffffff;
}

/* line 676, ../sass/theme/theme.scss */
#onpage-menu.sticky {
  position: fixed;
  z-index: 999;
  background: #0072bc;
  height: 60px;
  width: 100%;
  top: 0;
  left: 0;
}

/* line 679, ../sass/theme/theme.scss */
table .hilight {
  background: #0072bc;
  color: #ffffff;
}

/* line 681, ../sass/theme/theme.scss */
#content table tr td {
  vertical-align: middle;
  padding: 10px;
}

/* line 682, ../sass/theme/theme.scss */
#content table tr td {
  border-bottom: 1px solid #E2E5EA;
}

/* line 684, ../sass/theme/theme.scss */
.tophead.sticky {
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
}

/* line 687, ../sass/theme/theme.scss */
.form_nav {
  position: absolute;
  top: 250px;
  left: 50%;
  transform: translateX(-50%);
  width: 1000px;
  text-align: center;
}

/* line 688, ../sass/theme/theme.scss */
.form_nav li {
  display: inline-block;
  margin: 0 15px;
  font-size: 18px;
  position: relative;
}

/* line 689, ../sass/theme/theme.scss */
.form_nav li.active {
  color: #0072bc;
}

/* line 690, ../sass/theme/theme.scss */
.form_nav li.active:before {
  content: '';
  display: block;
  height: 40px;
  width: 40px;
  border-radius: 30px;
  background: #0072bc url(../images/icon_step.png) no-repeat;
  position: absolute;
  top: -50px;
  left: 50%;
  transform: translateX(-50%);
  background-position: 8px 0px;
}

/* line 697, ../sass/theme/theme.scss */
.form_style > div,
.form_style > div > div {
  padding: 0 0 20px 0;
}

/* line 700, ../sass/theme/theme.scss */
.form_style .hilight {
  position: relative;
}

/* line 701, ../sass/theme/theme.scss */
.form_style .hilight:after {
  content: '*';
  font-size: 30px;
  display: inline-block;
  color: #0072bc;
}

/* line 702, ../sass/theme/theme.scss */
.clear_form_style .hilight:after {
  display: none;
}

/* line 704, ../sass/theme/theme.scss */
.inner {
  display: none;
  padding: 20px 0;
}

/* .form_style .soft{color: ;} */
/* line 708, ../sass/theme/theme.scss */
.t-small {
  font-size: 0.8em;
}

/* line 711, ../sass/theme/theme.scss */
.ani_queue ul li {
  opacity: 0;
  transition: 0.5s ease;
}

/* line 712, ../sass/theme/theme.scss */
.ani_queue ul li.queue {
  opacity: 1;
  transition: 0.5s ease;
}

/* line 714, ../sass/theme/theme.scss */
.accordion {
  padding-left: 0 !important;
}

/* line 715, ../sass/theme/theme.scss */
.accordion li {
  list-style: none !important;
  padding: 15px 0 0 0 !important;
  border-bottom: 1px solid #E2E5EA;
}

/* line 717, ../sass/theme/theme.scss */
.accordion header h3 {
  font-size: 20px;
  position: relative;
}

/* line 718, ../sass/theme/theme.scss */
.accordion header h3:after {
  content: '';
  display: block;
  position: absolute;
  top: 15%;
  right: 10px;
  width: 8px;
  height: 8px;
  border-bottom: 3px solid #c4d0e4;
  border-right: 3px solid #c4d0e4;
  transform: rotate(45deg);
}

/* line 721, ../sass/theme/theme.scss */
.hide_content {
  padding-top: 100px;
  background: #0072bc;
  color: #ffffff;
  position: fixed;
  width: 100%;
  height: 600px;
  z-index: 1;
  left: 0;
  bottom: 0;
}

/* line 722, ../sass/theme/theme.scss */
.hide_content .how_to {
  font-size: 16px;
  padding: 0 100px;
}

/* line 723, ../sass/theme/theme.scss */
.hide_content .how_to .section_contact {
  padding-bottom: 50px;
}

/* line 724, ../sass/theme/theme.scss */
.hide_content .quote {
  font-size: 13px;
}

/* line 725, ../sass/theme/theme.scss */
.hide_content .quote h3 {
  color: #ffffff;
}

/* line 727, ../sass/theme/theme.scss */
.fix_800 {
  width: 800px;
  margin: 0 auto;
}

/* line 729, ../sass/theme/theme.scss */
button,
input[type=text],
input[type=password],
input[type=file],
input[type=email],
select,
textarea {
  border-radius: 3px;
}

/* line 737, ../sass/theme/theme.scss */
.checkpoint {
  display: none;
}

/* line 739, ../sass/theme/theme.scss */
#content section#section-1 > div,
#content section#section-2 > div {
  padding-top: 0px;
}

/* cms functions */
/* line 747, ../sass/theme/theme.scss */
#showbd,
#formbd-zone {
  display: none;
  position: relative;
}

/* line 750, ../sass/theme/theme.scss */
#showbd.active,
#formbd-zone.active {
  display: block;
}

/* line 753, ../sass/theme/theme.scss */
.editable-click,
a.editable-click,
a.editable-click:hover {
  border: none !important;
  position: relative;
}

/* line 757, ../sass/theme/theme.scss */
.change_bg.profile-head {
  padding-top: 150px;
  padding-bottom: 100px;
}

/* line 758, ../sass/theme/theme.scss */
.profile-head .form_style > div {
  padding-bottom: 0;
}

/* line 760, ../sass/theme/theme.scss */
.button.Zebra_DatePicker_Icon {
  background-position: 35px !important;
}

/* line 762, ../sass/theme/theme.scss */
#showbd {
  color: #0072bc;
}

/* line 764, ../sass/theme/theme.scss */
.editable.editable-click:after,
#showbd:after {
  content: '';
  display: block;
  height: 30px;
  width: 30px;
  background: #DFE6F1 url(../images/icon_edit-form.png) no-repeat;
  background-position: 8px;
  border-radius: 15px;
  position: absolute;
  top: 0;
  right: 0;
}

/* line 766, ../sass/theme/theme.scss */
.editable.editable-click:hover:after {
  background-color: #0088cc;
}

/* line 768, ../sass/theme/theme.scss */
#formbd-zone.active:after {
  content: '';
  display: block;
  height: 30px;
  width: 30px;
  background: #0088cc url(../images/icon_edit-form.png) no-repeat;
  background-position: 8px;
  border-radius: 15px;
  position: absolute;
  top: 0;
  right: 0;
}

/* line 770, ../sass/theme/theme.scss */
.editable-buttons button {
  height: 40px;
  line-height: 40px;
}

/* line 772, ../sass/theme/theme.scss */
.editable-submit {
  background: #0072bc;
  color: #ffffff;
}

/* line 775, ../sass/theme/theme.scss */
.content_clear .btn {
  margin-top: 15px;
  margin-bottom: 15px;
}

/* CSS Document */
/* line 4, ../sass/responsive/responsive.scss */
*[class^=c_] {
  float: left;
  /* border:1px solid #333333; */
  transition: ease 0.5s;
  padding: 1em 0;
  box-sizing: content-box;
}

/*--

	d = desktop
	l - laptop
	t = tablet
	m =mobile

--*/
/* line 15, ../sass/responsive/responsive.scss */
.c_full-d {
  width: 100%;
}

/* line 16, ../sass/responsive/responsive.scss */
.c_90-d {
  width: 90%;
}

/* line 17, ../sass/responsive/responsive.scss */
.c_80-d {
  width: 80%;
}

/* line 18, ../sass/responsive/responsive.scss */
.c_70-d {
  width: 70%;
}

/* line 19, ../sass/responsive/responsive.scss */
.c_60-d {
  width: 60%;
}

/* line 20, ../sass/responsive/responsive.scss */
.c_50-d {
  width: 50%;
}

/* line 21, ../sass/responsive/responsive.scss */
.c_40-d {
  width: 40%;
}

/* line 22, ../sass/responsive/responsive.scss */
.c_30-d {
  width: 30%;
}

/* line 23, ../sass/responsive/responsive.scss */
.c_20-d {
  width: 20%;
}

/* line 24, ../sass/responsive/responsive.scss */
.c_10-d {
  width: 10%;
}

/* line 25, ../sass/responsive/responsive.scss */
.c_33-d {
  width: 33.3333%;
}

/* line 26, ../sass/responsive/responsive.scss */
.c_15-d {
  width: 15%;
}

/* line 27, ../sass/responsive/responsive.scss */
.c_25-d {
  width: 25%;
}

/* line 28, ../sass/responsive/responsive.scss */
.c_35-d {
  width: 35%;
}

/* line 29, ../sass/responsive/responsive.scss */
.c_45-d {
  width: 45%;
}

/* line 30, ../sass/responsive/responsive.scss */
.c_55-d {
  width: 55%;
}

/* line 31, ../sass/responsive/responsive.scss */
.c_65-d {
  width: 65%;
}

/* line 32, ../sass/responsive/responsive.scss */
.c_75-d {
  width: 75%;
}

/* line 33, ../sass/responsive/responsive.scss */
.c_85-d {
  width: 85%;
}

/*----- list style -----*/
/* line 41, ../sass/responsive/responsive.scss */
.list_box {
  margin-left: -2%;
}

/* line 42, ../sass/responsive/responsive.scss */
.list_box .c_full-d {
  width: 100%;
  margin: 0;
  float: none;
}

/* line 43, ../sass/responsive/responsive.scss */
.list_box .c_90-d {
  width: 98%;
  margin-left: 2%;
}

/* line 44, ../sass/responsive/responsive.scss */
.list_box .c_80-d {
  width: 78%;
  margin-left: 2%;
}

/* line 45, ../sass/responsive/responsive.scss */
.list_box .c_70-d {
  width: 68%;
  margin-left: 2%;
}

/* line 46, ../sass/responsive/responsive.scss */
.list_box .c_60-d {
  width: 58%;
  margin-left: 2%;
}

/* line 47, ../sass/responsive/responsive.scss */
.list_box .c_50-d {
  width: 48%;
  margin-left: 2%;
}

/* line 48, ../sass/responsive/responsive.scss */
.list_box .c_40-d {
  width: 38%;
  margin-left: 2%;
}

/* line 49, ../sass/responsive/responsive.scss */
.list_box .c_30-d {
  width: 28%;
  margin-left: 2%;
}

/* line 50, ../sass/responsive/responsive.scss */
.list_box .c_20-d {
  width: 18%;
  margin-left: 2%;
}

/* line 51, ../sass/responsive/responsive.scss */
.list_box .c_10-d {
  width: 8%;
  margin-left: 2%;
}

/* line 52, ../sass/responsive/responsive.scss */
.list_box .c_33-d {
  width: 31.3333%;
  margin-left: 2%;
}

/* line 53, ../sass/responsive/responsive.scss */
.list_box .c_15-d {
  width: 13%;
  margin-left: 2%;
}

/* line 54, ../sass/responsive/responsive.scss */
.list_box .c_25-d {
  width: 23%;
  margin-left: 2%;
}

/* line 55, ../sass/responsive/responsive.scss */
.list_box .c_35-d {
  width: 33%;
  margin-left: 2%;
}

/* line 56, ../sass/responsive/responsive.scss */
.list_box .c_45-d {
  width: 43%;
  margin-left: 2%;
}

/* line 57, ../sass/responsive/responsive.scss */
.list_box .c_55-d {
  width: 53%;
  margin-left: 2%;
}

/* line 58, ../sass/responsive/responsive.scss */
.list_box .c_65-d {
  width: 63%;
  margin-left: 2%;
}

/* line 59, ../sass/responsive/responsive.scss */
.list_box .c_75-d {
  width: 73%;
  margin-left: 2%;
}

/* line 60, ../sass/responsive/responsive.scss */
.list_box .c_85-d {
  width: 83%;
  margin-left: 2%;
}

/* line 64, ../sass/responsive/responsive.scss */
.fix-height {
  height: 100%;
}

/* line 66, ../sass/responsive/responsive.scss */
html, body {
  min-height: 100%;
  height: 100%;
}

@media (max-width: 1750px) {
  /* line 71, ../sass/responsive/responsive.scss */
  .setcontent .side_content {
    float: left !important;
    margin-left: 350px;
    box-sizing: border-box !important;
  }
}
@media (max-width: 1700px) {
  /* line 77, ../sass/responsive/responsive.scss */
  .logo {
    width: 170px;
  }

  /* line 78, ../sass/responsive/responsive.scss */
  .tophead .curve {
    top: -400px;
    left: -450px;
    height: 725px;
    width: 790px;
    transform: rotate(20deg) skew(-55deg);
  }

  /* line 79, ../sass/responsive/responsive.scss */
  .tophead .curve:before {
    transform: rotate(-35deg) skew(-22deg);
    top: 160px;
    left: 187px;
  }

  /* line 80, ../sass/responsive/responsive.scss */
  .tophead .curve:after {
    transform: rotate(-45deg) skew(-22deg);
    top: 40px;
    left: 220px;
  }
}
@media (max-width: 1350px) {
  /* body{font-size:14px;} */
  /* line 90, ../sass/responsive/responsive.scss */
  .fixwidth {
    padding: 0 2em;
    box-sizing: border-box;
  }

  /* line 91, ../sass/responsive/responsive.scss */
  .logo {
    left: 30px;
  }

  /* line 92, ../sass/responsive/responsive.scss */
  .nav_wrap {
    padding: 0 30px;
  }

  /* line 95, ../sass/responsive/responsive.scss */
  .pages_container .fixwidth.reader {
    padding-left: 1em !important;
    padding-right: 1em !important;
    box-sizing: border-box;
  }
}
@media (max-width: 1200px) {
  /* line 101, ../sass/responsive/responsive.scss */
  .fixwidth {
    padding: 0 1em;
  }

  /* line 102, ../sass/responsive/responsive.scss */
  .fixwidth.selectprices {
    padding-left: 1em;
    padding-right: 1em;
  }

  /* line 105, ../sass/responsive/responsive.scss */
  .tophead_ctrl .btn {
    height: 35px;
    line-height: 35px;
    background-size: 16px;
    font-size: 20px;
  }

  /* line 106, ../sass/responsive/responsive.scss */
  .hilight_nav li {
    font-size: 20px;
  }

  /* line 108, ../sass/responsive/responsive.scss */
  .i_menu,
  .i_register {
    padding-left: 40px;
  }

  /* line 110, ../sass/responsive/responsive.scss */
  .nav_wrap .internal_link.i_register,
  .nav_wrap .internal_link.i_menu {
    background-position: 12px 10px;
    margin-top: 10px;
  }

  /* line 114, ../sass/responsive/responsive.scss */
  .tophead .curve {
    top: -430px;
  }

  /* line 115, ../sass/responsive/responsive.scss */
  .logo {
    width: 140px;
  }

  /*------------------ clear pages cover ------------------*/
  /* line 119, ../sass/responsive/responsive.scss */
  .pages_cover {
    background-size: cover;
    height: 500px;
    min-height: 500px;
    background-attachment: inherit;
  }

  /* line 120, ../sass/responsive/responsive.scss */
  .pages_header {
    top: 280px;
  }

  /*------------------ clear register theme ------------------*/
  /* line 124, ../sass/responsive/responsive.scss */
  .confirm_order {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  /* line 126, ../sass/responsive/responsive.scss */
  .nav_sidebar {
    left: 30px;
    width: 250px;
  }

  /* line 127, ../sass/responsive/responsive.scss */
  .nav_sidebar li a {
    font-size: 18px;
  }

  /* line 128, ../sass/responsive/responsive.scss */
  .setcontent .side_content {
    margin-left: 250px;
  }

  /*------------------ clear map ------------------*/
  /* line 132, ../sass/responsive/responsive.scss */
  .map_location .map_location--list {
    height: 600px;
  }

  /* line 133, ../sass/responsive/responsive.scss */
  .location_line:before {
    display: none;
    visibility: hidden;
  }

  /* line 134, ../sass/responsive/responsive.scss */
  .sec_3,
  .map_location {
    min-height: 500px !important;
    height: 600px !important;
  }

  /* line 137, ../sass/responsive/responsive.scss */
  .map_location--list .map_wrap {
    width: 280px;
    top: 150px;
    margin: 0 auto;
  }

  /* line 138, ../sass/responsive/responsive.scss */
  .map_location--list .map_wrap .wrapper {
    padding: 20px;
  }

  /* line 139, ../sass/responsive/responsive.scss */
  .map_location--list .map_wrap .wrapper header h3 {
    font-size: 30px;
  }

  /* line 140, ../sass/responsive/responsive.scss */
  .map_location--list .map_wrap .wrapper .distance_count {
    font-size: 60px;
  }

  /* line 141, ../sass/responsive/responsive.scss */
  .map_navigation li {
    font-size: 22px;
  }

  /*
  	.map_location .map_location--list:nth-of-type(1):after{content:url(../images/content/res_map--marathon.jpg); width: 100%; height: auto;}
  	.map_location .map_location--list:nth-of-type(2):after{content:url(../images/content/res_map--half.jpg); width: 100%; height: auto;}
  	.map_location .map_location--list:nth-of-type(3):after{content:url(../images/content/res_map--mini.jpg); width: 100%; height: auto;}
  	.map_location .map_location--list:nth-of-type(4):after{content:url(../images/content/res_map--micro.jpg); width: 100%; height: auto;}
  */
}
@media (max-width: 1080px) {
  /* line 154, ../sass/responsive/responsive.scss */
  .c_full-l {
    width: 100%;
    clear: both;
  }

  /* line 155, ../sass/responsive/responsive.scss */
  .c_90-l {
    width: 90%;
  }

  /* line 156, ../sass/responsive/responsive.scss */
  .c_80-l {
    width: 80%;
  }

  /* line 157, ../sass/responsive/responsive.scss */
  .c_70-l {
    width: 70%;
  }

  /* line 158, ../sass/responsive/responsive.scss */
  .c_60-l {
    width: 60%;
  }

  /* line 159, ../sass/responsive/responsive.scss */
  .c_50-l {
    width: 50%;
  }

  /* line 160, ../sass/responsive/responsive.scss */
  .c_40-l {
    width: 40%;
  }

  /* line 161, ../sass/responsive/responsive.scss */
  .c_30-l {
    width: 30%;
  }

  /* line 162, ../sass/responsive/responsive.scss */
  .c_20-l {
    width: 20%;
  }

  /* line 163, ../sass/responsive/responsive.scss */
  .c_10-l {
    width: 10%;
  }

  /* line 164, ../sass/responsive/responsive.scss */
  .c_33-l {
    width: 33.3333%;
  }

  /* line 165, ../sass/responsive/responsive.scss */
  .c_15-l {
    width: 15%;
  }

  /* line 166, ../sass/responsive/responsive.scss */
  .c_25-l {
    width: 25%;
  }

  /* line 167, ../sass/responsive/responsive.scss */
  .c_35-l {
    width: 35%;
  }

  /* line 168, ../sass/responsive/responsive.scss */
  .c_45-l {
    width: 45%;
  }

  /* line 169, ../sass/responsive/responsive.scss */
  .c_55-l {
    width: 55%;
  }

  /* line 170, ../sass/responsive/responsive.scss */
  .c_65-l {
    width: 65%;
  }

  /* line 171, ../sass/responsive/responsive.scss */
  .c_75-l {
    width: 75%;
  }

  /* line 172, ../sass/responsive/responsive.scss */
  .c_85-l {
    width: 85%;
  }

  /* line 174, ../sass/responsive/responsive.scss */
  .list_box .c_full-l {
    width: 98%;
    margin-left: 2%;
    float: none;
  }

  /* line 175, ../sass/responsive/responsive.scss */
  .list_box .c_90-l {
    width: 88%;
    margin-left: 2%;
  }

  /* line 176, ../sass/responsive/responsive.scss */
  .list_box .c_80-l {
    width: 78%;
    margin-left: 2%;
  }

  /* line 177, ../sass/responsive/responsive.scss */
  .list_box .c_70-l {
    width: 68%;
    margin-left: 2%;
  }

  /* line 178, ../sass/responsive/responsive.scss */
  .list_box .c_60-l {
    width: 58%;
    margin-left: 2%;
  }

  /* line 179, ../sass/responsive/responsive.scss */
  .list_box .c_50-l {
    width: 48%;
    margin-left: 2%;
  }

  /* line 180, ../sass/responsive/responsive.scss */
  .list_box .c_40-l {
    width: 38%;
    margin-left: 2%;
  }

  /* line 181, ../sass/responsive/responsive.scss */
  .list_box .c_30-l {
    width: 28%;
    margin-left: 2%;
  }

  /* line 182, ../sass/responsive/responsive.scss */
  .list_box .c_20-l {
    width: 18%;
    margin-left: 2%;
  }

  /* line 183, ../sass/responsive/responsive.scss */
  .list_box .c_10-l {
    width: 8%;
    margin-left: 2%;
  }

  /* line 184, ../sass/responsive/responsive.scss */
  .list_box .c_33-l {
    width: 31.3333%;
    margin-left: 2%;
  }

  /* line 185, ../sass/responsive/responsive.scss */
  .list_box .c_15-l {
    width: 13%;
    margin-left: 2%;
  }

  /* line 186, ../sass/responsive/responsive.scss */
  .list_box .c_25-l {
    width: 23%;
    margin-left: 2%;
  }

  /* line 187, ../sass/responsive/responsive.scss */
  .list_box .c_35-l {
    width: 33%;
    margin-left: 2%;
  }

  /* line 188, ../sass/responsive/responsive.scss */
  .list_box .c_45-l {
    width: 43%;
    margin-left: 2%;
  }

  /* line 189, ../sass/responsive/responsive.scss */
  .list_box .c_55-l {
    width: 53%;
    margin-left: 2%;
  }

  /* line 190, ../sass/responsive/responsive.scss */
  .list_box .c_65-l {
    width: 63%;
    margin-left: 2%;
  }

  /* line 191, ../sass/responsive/responsive.scss */
  .list_box .c_75-l {
    width: 73%;
    margin-left: 2%;
  }

  /* line 192, ../sass/responsive/responsive.scss */
  .list_box .c_85-l {
    width: 83%;
    margin-left: 2%;
  }

  /* line 194, ../sass/responsive/responsive.scss */
  .header--control .primary {
    height: 70px !important;
    line-height: 70px !important;
  }

  /* line 195, ../sass/responsive/responsive.scss */
  .header--control .primary nav {
    display: none;
  }

  /* line 196, ../sass/responsive/responsive.scss */
  .toggle-menu {
    width: 30px;
    min-width: 30px;
    height: 30px;
    position: absolute;
    top: 60px;
    right: 1em;
  }

  /* line 198, ../sass/responsive/responsive.scss */
  .toggle-menu {
    display: block;
  }

  /* line 200, ../sass/responsive/responsive.scss */
  .event_countdown h2 {
    font-size: 25px;
  }

  /* line 201, ../sass/responsive/responsive.scss */
  .event_countdown .number {
    font-size: 90px;
  }

  /* line 203, ../sass/responsive/responsive.scss */
  .regis_class--group {
    display: block;
  }

  /* line 204, ../sass/responsive/responsive.scss */
  .regis_class {
    position: relative;
    display: block;
    width: 100% !important;
    transition: 0.3s ease;
    border: 1px dashed #cccccc;
  }

  /* line 206, ../sass/responsive/responsive.scss */
  .regis_class .regis_class--list header {
    text-align: left;
    padding-left: 0px;
    min-height: 10px;
  }

  /* line 207, ../sass/responsive/responsive.scss */
  .regis_class--list .distance_rate {
    float: left;
    padding-left: 0px;
  }

  /* line 208, ../sass/responsive/responsive.scss */
  .regis_class--list .price_rate {
    float: right;
  }

  /* line 210, ../sass/responsive/responsive.scss */
  .regis_class .regis_class--list h3 {
    font-size: 20px !important;
  }

  /* line 212, ../sass/responsive/responsive.scss */
  .regis_class .regis_class--list .distance_rate {
    text-align: left;
  }

  /* line 213, ../sass/responsive/responsive.scss */
  .regis_class .regis_class--list .price_rate {
    text-align: right;
  }

  /* line 214, ../sass/responsive/responsive.scss */
  .regis_class .regis_class--list .count_data {
    font-size: 40px;
    line-height: 40px;
    display: inline-block;
  }

  /* line 216, ../sass/responsive/responsive.scss */
  .regis_class .regis_class--list h2 small,
  .regis_class .regis_class--list em {
    display: inline-block;
  }

  /* line 219, ../sass/responsive/responsive.scss */
  .regis_class .regis_class--list {
    padding: 0 20px;
  }

  /* line 221, ../sass/responsive/responsive.scss */
  .regis_class.choose .regis_class--list header {
    padding-left: 50px;
  }

  /* line 222, ../sass/responsive/responsive.scss */
  .regis_class--list.choose .distance_rate {
    float: left;
    padding-left: 50px;
  }

  /* line 223, ../sass/responsive/responsive.scss */
  .regis_class--list_choose {
    position: absolute;
    top: 50%;
    left: 15px;
    transform: translateY(-50%);
  }

  /* line 224, ../sass/responsive/responsive.scss */
  .regis_class:after {
    content: '';
    display: table;
    clear: both;
  }

  /* line 227, ../sass/responsive/responsive.scss */
  #pages_count .event_countdown > h2 {
    font-size: 20px;
  }

  /* line 228, ../sass/responsive/responsive.scss */
  #pages_count .event_countdown span:last-child {
    font-size: 15px;
  }











  /* line 203, ../sass/responsive/responsive.scss */
  .regis_class_np--group {
    display: block;
  }

  /* line 204, ../sass/responsive/responsive.scss */
  .regis_class_np {
    position: relative;
    display: block;
    width: 100% !important;
    transition: 0.3s ease;
    border: 1px dashed #cccccc;
  }












}
@media (min-width: 1001px) {
  /*nav ul{text-align:right; height:80px; line-height:80px; float:right;}
  nav ul li{display:inline-block; margin:0 0 0 1.5em; font-size:1.25em; text-transform:uppercase; position:relative;}
  nav ul li:after{content:''; display:block; height:26px; width:1px; background:#CCCCCC; position:absolute; top:27px; right:-15px;}
  nav ul li:last-child:after{display:none;}*/
}
@media (max-width: 1000px) {
  /* line 244, ../sass/responsive/responsive.scss */
  .c_full-t {
    width: 100%;
  }

  /* line 245, ../sass/responsive/responsive.scss */
  .c_90-t {
    width: 90%;
  }

  /* line 246, ../sass/responsive/responsive.scss */
  .c_80-t {
    width: 80%;
  }

  /* line 247, ../sass/responsive/responsive.scss */
  .c_70-t {
    width: 70%;
  }

  /* line 248, ../sass/responsive/responsive.scss */
  .c_60-t {
    width: 60%;
  }

  /* line 249, ../sass/responsive/responsive.scss */
  .c_50-t {
    width: 50%;
  }

  /* line 250, ../sass/responsive/responsive.scss */
  .c_40-t {
    width: 40%;
  }

  /* line 251, ../sass/responsive/responsive.scss */
  .c_30-t {
    width: 30%;
  }

  /* line 252, ../sass/responsive/responsive.scss */
  .c_20-t {
    width: 20%;
  }

  /* line 253, ../sass/responsive/responsive.scss */
  .c_10-t {
    width: 10%;
  }

  /* line 254, ../sass/responsive/responsive.scss */
  .c_33-t {
    width: 33.3333%;
  }

  /* line 255, ../sass/responsive/responsive.scss */
  .c_15-t {
    width: 15%;
  }

  /* line 256, ../sass/responsive/responsive.scss */
  .c_25-t {
    width: 25%;
  }

  /* line 257, ../sass/responsive/responsive.scss */
  .c_35-t {
    width: 35%;
  }

  /* line 258, ../sass/responsive/responsive.scss */
  .c_45-t {
    width: 45%;
  }

  /* line 259, ../sass/responsive/responsive.scss */
  .c_55-t {
    width: 55%;
  }

  /* line 260, ../sass/responsive/responsive.scss */
  .c_65-t {
    width: 65%;
  }

  /* line 261, ../sass/responsive/responsive.scss */
  .c_75-t {
    width: 75%;
  }

  /* line 262, ../sass/responsive/responsive.scss */
  .c_85-t {
    width: 85%;
  }

  /* line 264, ../sass/responsive/responsive.scss */
  .list_box .c_full-t {
    width: 98%;
    margin-left: 2%;
    float: none;
    clear: both;
  }

  /* line 265, ../sass/responsive/responsive.scss */
  .list_box .c_90-t {
    width: 88%;
    margin-left: 2%;
  }

  /* line 266, ../sass/responsive/responsive.scss */
  .list_box .c_80-t {
    width: 78%;
    margin-left: 2%;
  }

  /* line 267, ../sass/responsive/responsive.scss */
  .list_box .c_70-t {
    width: 68%;
    margin-left: 2%;
  }

  /* line 268, ../sass/responsive/responsive.scss */
  .list_box .c_60-t {
    width: 58%;
    margin-left: 2%;
  }

  /* line 269, ../sass/responsive/responsive.scss */
  .list_box .c_50-t {
    width: 48%;
    margin-left: 2%;
  }

  /* line 270, ../sass/responsive/responsive.scss */
  .list_box .c_40-t {
    width: 38%;
    margin-left: 2%;
  }

  /* line 271, ../sass/responsive/responsive.scss */
  .list_box .c_30-t {
    width: 28%;
    margin-left: 2%;
  }

  /* line 272, ../sass/responsive/responsive.scss */
  .list_box .c_20-t {
    width: 18%;
    margin-left: 2%;
  }

  /* line 273, ../sass/responsive/responsive.scss */
  .list_box .c_10-t {
    width: 8%;
    margin-left: 2%;
  }

  /* line 274, ../sass/responsive/responsive.scss */
  .list_box .c_33-t {
    width: 31.3333%;
    margin-left: 2%;
  }

  /* line 275, ../sass/responsive/responsive.scss */
  .list_box .c_15-t {
    width: 13%;
    margin-left: 2%;
  }

  /* line 276, ../sass/responsive/responsive.scss */
  .list_box .c_25-t {
    width: 23%;
    margin-left: 2%;
  }

  /* line 277, ../sass/responsive/responsive.scss */
  .list_box .c_35-t {
    width: 33%;
    margin-left: 2%;
  }

  /* line 278, ../sass/responsive/responsive.scss */
  .list_box .c_45-t {
    width: 43%;
    margin-left: 2%;
  }

  /* line 279, ../sass/responsive/responsive.scss */
  .list_box .c_55-t {
    width: 53%;
    margin-left: 2%;
  }

  /* line 280, ../sass/responsive/responsive.scss */
  .list_box .c_65-t {
    width: 63%;
    margin-left: 2%;
  }

  /* line 281, ../sass/responsive/responsive.scss */
  .list_box .c_75-t {
    width: 73%;
    margin-left: 2%;
  }

  /* line 282, ../sass/responsive/responsive.scss */
  .list_box .c_85-t {
    width: 83%;
    margin-left: 2%;
  }

  /* line 284, ../sass/responsive/responsive.scss */
  .main_about h1 {
    font-size: 50px;
    padding-bottom: 40px;
  }

  /* line 286, ../sass/responsive/responsive.scss */
  .sec_4 .fixwidth:first-child {
    padding-top: 80px;
  }

  /* line 287, ../sass/responsive/responsive.scss */
  .sec_4 .fixwidth:first-child h3 {
    padding-bottom: 30px;
  }

  /* line 289, ../sass/responsive/responsive.scss */
  .content_clear ul {
    padding: 0;
  }

  /* line 291, ../sass/responsive/responsive.scss */
  .regis_class {
    border-bottom: none;
  }

  /* line 292, ../sass/responsive/responsive.scss */
  .regis_class:last-child {
    border-bottom: 1px dashed #cccccc;
  }

  /* line 294, ../sass/responsive/responsive.scss */
  .form_nav li {
    display: none;
  }

  /* line 295, ../sass/responsive/responsive.scss */
  .form_nav li.active.mobile {
    display: block;
  }

  /* line 297, ../sass/responsive/responsive.scss */
  .showmenu > div {
    padding-top: 60px;
  }

  /* line 299, ../sass/responsive/responsive.scss */
  .showmenu.active > div {
    position: fixed;
    height: 100%;
    width: 100%;
    z-index: 16;
    top: 0;
    left: 0;
    overflow-y: scroll;
    padding-top: 100px;
  }

  /* line 301, ../sass/responsive/responsive.scss */
  .section_contact-list {
    padding-bottom: 0;
    font-size: 15px;
  }

  /* line 302, ../sass/responsive/responsive.scss */
  .regis_class {
    padding-left: 40px;
    box-sizing: border-box;
  }

  /* line 304, ../sass/responsive/responsive.scss */
  .step2 .regis_class {
    padding-left: 0;
  }

  /* line 306, ../sass/responsive/responsive.scss */
  .step2 .regis_class,
  .step2 .regis_class:hover,
  .step2 .regis_class.active {
    border: 1px dashed #CCCCCC;
    border-bottom: 0;
  }

  /* line 310, ../sass/responsive/responsive.scss */
  .step2 .regis_class:last-child {
    border-bottom: 1px dashed #CCCCCC;
  }

  /* line 312, ../sass/responsive/responsive.scss */
  .nav_sidebar {
    display: none;
  }

  /* line 313, ../sass/responsive/responsive.scss */
  .setcontent .side_content {
    margin-left: 0;
  }

  /* line 314, ../sass/responsive/responsive.scss */
  .pages_container .fixwidth.reader {
    max-width: inherit;
  }

  /* line 316, ../sass/responsive/responsive.scss */
  .change_bg {
    padding: 250px 0 100px 0;
  }

  /* line 317, ../sass/responsive/responsive.scss */
  .form_nav {
    position: static;
    width: 100%;
    transform: translate(0);
    padding: 0;
  }

  /* line 319, ../sass/responsive/responsive.scss */
  .bgoutliner {
    padding-top: 250px;
  }

  /* line 320, ../sass/responsive/responsive.scss */
  .step3 {
    margin-top: 50px;
  }

  /* line 322, ../sass/responsive/responsive.scss */
  .profile-head .form_group.p_top--80px {
    padding-top: 0;
  }

  /* line 324, ../sass/responsive/responsive.scss */
  .conclude_order {
    padding: 30px 0 !important;
  }

  /* line 326, ../sass/responsive/responsive.scss */
  .form_group .form_sec > div.c_30-d {
    padding-bottom: 5px;
    min-height: inherit;
  }

  /* line 328, ../sass/responsive/responsive.scss */
  .content_clear img {
    max-width: 100%;
    height: auto;
  }
}
@media (max-width: 900px) {
  /*
  .tophead .tophead_wrap{height: 60px; background: #ffffff;}
  .tophead .curve{display: none;}
  */
  /* line 340, ../sass/responsive/responsive.scss */
  .tophead .tophead_wrap {
    height: 115px;
  }

  /* line 342, ../sass/responsive/responsive.scss */
  .login-zone-in-menu {
    display: block;
  }

  /* line 343, ../sass/responsive/responsive.scss */
  .select_language {
    display: none;
  }

  /* line 345, ../sass/responsive/responsive.scss */
  .logo {
    top: 4px;
  }

  /* line 347, ../sass/responsive/responsive.scss */
  .tophead .curve {
    top: -470px;
    left: -270px;
    height: 725px;
    width: 790px;
    transform: rotate(33deg) skew(-55deg);
  }

  /* line 348, ../sass/responsive/responsive.scss */
  .tophead .curve:before {
    transform: rotate(-34deg) skew(-25deg);
    top: 100px;
    left: 218px;
  }

  /* line 349, ../sass/responsive/responsive.scss */
  .tophead .curve:after {
    transform: rotate(-45deg) skew(-22deg);
    top: 30px;
    left: 220px;
  }

  /* line 351, ../sass/responsive/responsive.scss */
  .nav_wrap {
    padding: 0;
  }

  /* line 352, ../sass/responsive/responsive.scss */
  .tophead_ctrl .btn {
    height: 40px;
    line-height: 40px;
    border-radius: 20px;
    background-size: inherit;
    font-size: 0;
    margin: 10px;
  }

  /* line 353, ../sass/responsive/responsive.scss */
  .nav_wrap .internal_link.i_menu {
    background-position: center;
    top: 0;
    position: absolute;
    right: 0px;
  }

  /* line 355, ../sass/responsive/responsive.scss */
  .tophead.active .navigation_ctrl,
  #fixheader .tophead .navigation_ctrl,
  #fixheader .tophead.active .navigation_ctrl {
    margin-top: 0;
  }

  /* line 359, ../sass/responsive/responsive.scss */
  .tophead.active .logo,
  #fixheader .tophead .logo,
  #fixheader .tophead.active .logo {
    width: 140px;
    top: 4px;
  }

  /* line 363, ../sass/responsive/responsive.scss */
  .tophead.active .tophead_wrap,
  #fixheader .tophead .tophead_wrap,
  #fixheader .tophead.active .tophead_wrap {
    height: 60px;
  }

  /* line 367, ../sass/responsive/responsive.scss */
  .pages_container {
    padding-top: 50px;
  }

  /* line 369, ../sass/responsive/responsive.scss */
  .event_countdown {
    width: 100%;
  }

  /* line 371, ../sass/responsive/responsive.scss */
  .race_schedule td {
    display: block;
    text-align: left;
  }

  /* line 372, ../sass/responsive/responsive.scss */
  .race_schedule tr:first-child {
    display: none;
  }

  /* line 373, ../sass/responsive/responsive.scss */
  .race_schedule tr td:before {
    content: attr(data-th) ": ";
    display: inline-block;
    width: 120px;
  }

  /* line 375, ../sass/responsive/responsive.scss */
  .race_schedule tr td:first-child:before {
    display: none;
  }

  /* line 376, ../sass/responsive/responsive.scss */
  .race_schedule tr td:first-child {
    font-size: 20px;
  }

  /* line 378, ../sass/responsive/responsive.scss */
  .race_timetable td:first-child {
    width: 100px !important;
  }

  /*-- ประเภทการแข่งขัน --*/
  /* line 383, ../sass/responsive/responsive.scss */
  .table_responsive .table-style_1 tr td h5 {
    font-size: 22px !important;
  }

  /* line 385, ../sass/responsive/responsive.scss */
  .table_responsive .table-style_1 thead {
    display: none;
  }

  /* line 386, ../sass/responsive/responsive.scss */
  .table_responsive .table-style_1 tr td {
    display: block;
    width: 100%;
    padding-left: 100px;
    padding-bottom: 0px;
    padding-top: 0px;
    position: relative;
  }

  /* line 387, ../sass/responsive/responsive.scss */
  .table_responsive .table-style_1 tr td:before {
    content: attr(data-th) ": ";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
  }

  /* line 389, ../sass/responsive/responsive.scss */
  .table_responsive .table-style_1 tr td:first-child {
    padding-top: 20px;
  }

  /* line 390, ../sass/responsive/responsive.scss */
  .table_responsive .table-style_1 tr td:last-child {
    padding-bottom: 20px;
    border-bottom: 2px solid #f3f6fb;
  }

  /* line 392, ../sass/responsive/responsive.scss */
  .table_responsive .table-style_1 tr td:first-child {
    padding-left: 0;
  }

  /* line 393, ../sass/responsive/responsive.scss */
  .table_responsive .table-style_1 tr td:first-child:before {
    display: none;
  }

  /* line 395, ../sass/responsive/responsive.scss */
  .table_responsive .table-style_1 tr:nth-child(even) td {
    display: none;
  }

  /* line 398, ../sass/responsive/responsive.scss */
  .pages_footer {
    padding-bottom: 90px;
  }

  /* line 399, ../sass/responsive/responsive.scss */
  .pages_footer .footer_wrap {
    font-size: 11px;
  }

  /* line 400, ../sass/responsive/responsive.scss */
  .pages_footer .footer_wrap .copyright {
    font-size: 13px;
    left: 0;
    transform: translate(0);
    width: 100%;
    bottom: 30px;
  }

  /* line 402, ../sass/responsive/responsive.scss */
  .form_group,
  .fix_800 {
    width: 100%;
    max-width: 800px;
  }

  /* line 405, ../sass/responsive/responsive.scss */
  .form_group .form_sec > div {
    min-height: 30px;
    padding-bottom: 10px;
  }

  /* line 406, ../sass/responsive/responsive.scss */
  .form_group .form_sec > div.c_30-d {
    font-size: 16px;
    padding-bottom: 0;
  }

  /* line 408, ../sass/responsive/responsive.scss */
  .form_style .form_quote {
    padding-bottom: 0;
  }

  /* line 409, ../sass/responsive/responsive.scss */
  .bgoutliner {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  /* line 411, ../sass/responsive/responsive.scss */
  .change_bg {
    padding-top: 0;
  }

  /* line 412, ../sass/responsive/responsive.scss */
  .form_nav {
    padding-top: 150px;
  }

  /* line 414, ../sass/responsive/responsive.scss */
  .bgoutliner .form_nav {
    padding-top: 50px;
  }

  /* line 416, ../sass/responsive/responsive.scss */
  .activity_theme {
    font-size: 15px;
  }

  /* line 418, ../sass/responsive/responsive.scss */
  .hilight_nav,
  .nav_wrap .internal_link.i_register,
  .nav_wrap .select_social {
    display: none;
  }

  /* line 422, ../sass/responsive/responsive.scss */
  .nav_wrap .login {
    float: right;
    margin-right: 60px;
    position: relative;
    padding: 10px;
  }

  /* line 423, ../sass/responsive/responsive.scss */
  .select_language {
    position: absolute;
    width: 100%;
    text-align: center;
  }

  /* line 424, ../sass/responsive/responsive.scss */
  .select_language .th,
  .select_language .en {
    display: inline-block;
    float: none;
    margin-top: 0;
  }

  /* line 427, ../sass/responsive/responsive.scss */
  .logo {
    left: 10px;
  }

  /* line 429, ../sass/responsive/responsive.scss */
  .change_bg.profile-head {
    padding-top: 80px;
  }

  /* line 431, ../sass/responsive/responsive.scss */
  .regis_class .regis_class--list .distance,
  .main_shortcut li {
    display: inline-block;
  }

  /* line 434, ../sass/responsive/responsive.scss */
  .regis_class .regis_class--list h2 {
    padding: 0;
  }

  /* line 435, ../sass/responsive/responsive.scss */
  .regis_class .regis_class--list header h3 {
    margin-bottom: 0;
  }

  /* line 437, ../sass/responsive/responsive.scss */
  .hilight_links a.hidden.swap_login.login-inside {
    display: none;
  }

  /* line 440, ../sass/responsive/responsive.scss */
  .nav_wrap .login.login-zone,
  .nav_wrap .signup {
    display: none;
  }
}
@media (max-width: 760px) {
  /* line 449, ../sass/responsive/responsive.scss */
  .event_countdown .number {
    font-size: 50px;
  }

  /* line 450, ../sass/responsive/responsive.scss */
  .pages_header {
    text-align: center;
    left: inherit;
    transform: translate(0);
    -webkit-transform: translate(0);
    -moz-transform: translate(0);
    width: 100%;
    padding: 0 1em;
  }

  /* line 451, ../sass/responsive/responsive.scss */
  .pages_header h1 {
    font-size: 30px;
  }

  /* line 453, ../sass/responsive/responsive.scss */
  .reg_wrap {
    margin: 0;
  }

  /* line 454, ../sass/responsive/responsive.scss */
  .hide_content {
    position: static;
    height: auto;
    padding: 50px 0;
  }

  /* line 455, ../sass/responsive/responsive.scss */
  .hide_content .how_to {
    font-size: 13px;
    padding: 0;
  }

  /* line 457, ../sass/responsive/responsive.scss */
  .editable-buttons {
    display: block !important;
    margin: 10px 0 0 0 !important;
  }

  /* line 459, ../sass/responsive/responsive.scss */
  #formbd-zone {
    padding-right: 60px;
  }

  /* line 460, ../sass/responsive/responsive.scss */
  #formbd-zone span {
    margin-bottom: 10px;
    display: block;
  }

  /* line 462, ../sass/responsive/responsive.scss */
  #formbd-zone button {
    height: 40px;
    line-height: 40px;
  }

  /* line 463, ../sass/responsive/responsive.scss */
  #formbd-zone #okbd {
    background-color: #0072bc;
    color: #ffffff;
  }

  /* line 465, ../sass/responsive/responsive.scss */
  .step1 .choose_flags {
    float: none;
    width: 100%;
    padding-top: 0;
  }

  /* line 466, ../sass/responsive/responsive.scss */
  .c_45-d.choose_flags a {
    background: #ffffff;
  }

  /* line 468, ../sass/responsive/responsive.scss */
  .step1 .choose_flags--thumbs {
    width: 130px;
    padding: 15px;
    float: left;
  }

  /* line 469, ../sass/responsive/responsive.scss */
  .step1 .choose_flags--thumbs .flags {
    margin-bottom: 0;
  }

  /* line 470, ../sass/responsive/responsive.scss */
  .step1 .choose_flags--type {
    padding: 15px;
    text-align: left;
  }

  /* line 471, ../sass/responsive/responsive.scss */
  .step1 .choose_flags--type h5 {
    padding-left: 130px;
    text-align: left;
  }

  /* line 472, ../sass/responsive/responsive.scss */
  .step1 .choose_flags--type span {
    padding: 0;
  }
}
@media (max-width: 500px) {
  /* line 480, ../sass/responsive/responsive.scss */
  .fixwidth .fixwidth {
    padding: 0;
  }

  /* line 482, ../sass/responsive/responsive.scss */
  .c_full-m {
    width: 100%;
  }

  /* line 483, ../sass/responsive/responsive.scss */
  .c_90-m {
    width: 90%;
  }

  /* line 484, ../sass/responsive/responsive.scss */
  .c_80-m {
    width: 80%;
  }

  /* line 485, ../sass/responsive/responsive.scss */
  .c_70-m {
    width: 70%;
  }

  /* line 486, ../sass/responsive/responsive.scss */
  .c_60-m {
    width: 60%;
  }

  /* line 487, ../sass/responsive/responsive.scss */
  .c_50-m {
    width: 50%;
  }

  /* line 488, ../sass/responsive/responsive.scss */
  .c_40-m {
    width: 40%;
  }

  /* line 489, ../sass/responsive/responsive.scss */
  .c_30-m {
    width: 30%;
  }

  /* line 490, ../sass/responsive/responsive.scss */
  .c_20-m {
    width: 20%;
  }

  /* line 491, ../sass/responsive/responsive.scss */
  .c_10-m {
    width: 10%;
  }

  /* line 492, ../sass/responsive/responsive.scss */
  .c_33-m {
    width: 33.3333%;
  }

  /* line 493, ../sass/responsive/responsive.scss */
  .c_15-m {
    width: 15%;
  }

  /* line 494, ../sass/responsive/responsive.scss */
  .c_25-m {
    width: 25%;
  }

  /* line 495, ../sass/responsive/responsive.scss */
  .c_35-m {
    width: 35%;
  }

  /* line 496, ../sass/responsive/responsive.scss */
  .c_45-m {
    width: 45%;
  }

  /* line 497, ../sass/responsive/responsive.scss */
  .c_55-m {
    width: 55%;
  }

  /* line 498, ../sass/responsive/responsive.scss */
  .c_65-m {
    width: 65%;
  }

  /* line 499, ../sass/responsive/responsive.scss */
  .c_75-m {
    width: 75%;
  }

  /* line 500, ../sass/responsive/responsive.scss */
  .c_85-m {
    width: 85%;
  }

  /* line 502, ../sass/responsive/responsive.scss */
  .list_box {
    margin: 0;
  }

  /* line 503, ../sass/responsive/responsive.scss */
  .list_box .c_full-m {
    width: 98%;
    margin-left: 2%;
    clear: both;
  }

  /* line 504, ../sass/responsive/responsive.scss */
  .list_box .c_90-m {
    width: 88%;
    margin-left: 2%;
  }

  /* line 505, ../sass/responsive/responsive.scss */
  .list_box .c_80-m {
    width: 78%;
    margin-left: 2%;
  }

  /* line 506, ../sass/responsive/responsive.scss */
  .list_box .c_70-m {
    width: 68%;
    margin-left: 2%;
  }

  /* line 507, ../sass/responsive/responsive.scss */
  .list_box .c_60-m {
    width: 58%;
    margin-left: 2%;
  }

  /* line 508, ../sass/responsive/responsive.scss */
  .list_box .c_50-m {
    width: 48%;
    margin-left: 2%;
  }

  /* line 509, ../sass/responsive/responsive.scss */
  .list_box .c_40-m {
    width: 38%;
    margin-left: 2%;
  }

  /* line 510, ../sass/responsive/responsive.scss */
  .list_box .c_30-m {
    width: 28%;
    margin-left: 2%;
  }

  /* line 511, ../sass/responsive/responsive.scss */
  .list_box .c_20-m {
    width: 18%;
    margin-left: 2%;
  }

  /* line 512, ../sass/responsive/responsive.scss */
  .list_box .c_10-m {
    width: 8%;
    margin-left: 2%;
  }

  /* line 513, ../sass/responsive/responsive.scss */
  .list_box .c_33-m {
    width: 31.3333%;
    margin-left: 2%;
  }

  /* line 514, ../sass/responsive/responsive.scss */
  .list_box .c_15-m {
    width: 13%;
    margin-left: 2%;
  }

  /* line 515, ../sass/responsive/responsive.scss */
  .list_box .c_25-m {
    width: 23%;
    margin-left: 2%;
  }

  /* line 516, ../sass/responsive/responsive.scss */
  .list_box .c_35-m {
    width: 33%;
    margin-left: 2%;
  }

  /* line 517, ../sass/responsive/responsive.scss */
  .list_box .c_45-m {
    width: 43%;
    margin-left: 2%;
  }

  /* line 518, ../sass/responsive/responsive.scss */
  .list_box .c_55-m {
    width: 53%;
    margin-left: 2%;
  }

  /* line 519, ../sass/responsive/responsive.scss */
  .list_box .c_65-m {
    width: 63%;
    margin-left: 2%;
  }

  /* line 520, ../sass/responsive/responsive.scss */
  .list_box .c_75-m {
    width: 73%;
    margin-left: 2%;
  }

  /* line 521, ../sass/responsive/responsive.scss */
  .list_box .c_85-m {
    width: 83%;
    margin-left: 2%;
  }

  /* line 522, ../sass/responsive/responsive.scss */
  .list_box .c_full-m {
    width: 100%;
    margin: 0;
    float: none;
  }

  /* line 524, ../sass/responsive/responsive.scss */
  .fixwidth .container .row {
    padding: 0;
  }

  /* line 526, ../sass/responsive/responsive.scss */
  .list_box .c_full-t,
  .list_box .c_full-l {
    margin-left: 0;
    width: 100%;
  }

  /* line 529, ../sass/responsive/responsive.scss */
  .showmenu {
    padding-top: 60px;
  }

  /* line 530, ../sass/responsive/responsive.scss */
  .showmenu .c_33-d {
    padding: 0;
  }

  /* line 532, ../sass/responsive/responsive.scss */
  .main_shortcut h3 {
    padding-bottom: 15px;
  }

  /* line 534, ../sass/responsive/responsive.scss */
  .tophead .tophead_wrap {
    height: 90px;
  }

  /* line 535, ../sass/responsive/responsive.scss */
  .tophead .curve {
    top: -460px;
    left: -440px;
    height: 685px;
    width: 715px;
    transform: rotate(33deg) skew(-50deg);
  }

  /* line 536, ../sass/responsive/responsive.scss */
  .tophead .curve:before {
    transform: rotate(-34deg) skew(-30deg);
    top: 150px;
    left: 160px;
    height: 500px;
  }

  /* line 537, ../sass/responsive/responsive.scss */
  .tophead .curve:after {
    border: 5px solid #ffffff;
    transform: rotate(-45deg) skew(-22deg);
    top: -60px;
    left: 180px;
  }

  /*------------------ clear pages cover ------------------*/
  /* line 541, ../sass/responsive/responsive.scss */
  .pages_cover {
    background-size: cover;
    height: 360px;
    min-height: 360px;
    background-attachment: inherit;
  }

  /* line 542, ../sass/responsive/responsive.scss */
  .pages_header {
    top: 150px;
  }

  /* line 544, ../sass/responsive/responsive.scss */
  img {
    max-width: 100%;
    height: auto;
  }

  /* line 547, ../sass/responsive/responsive.scss */
  .main_about h1 {
    font-weight: bold;
    font-size: 35px;
    padding-bottom: 20px;
  }

  /* line 548, ../sass/responsive/responsive.scss */
  .main_about header {
    padding-top: 60px;
  }

  /* line 549, ../sass/responsive/responsive.scss */
  .main_about p {
    font-size: 16px;
  }

  /* line 551, ../sass/responsive/responsive.scss */
  .main_hilight p {
    font-size: 16px;
  }

  /* line 553, ../sass/responsive/responsive.scss */
  .sec_3 {
    display: none;
  }

  /* line 554, ../sass/responsive/responsive.scss */
  .sec_4 .fixwidth {
    padding-top: 40px;
  }

  /* line 555, ../sass/responsive/responsive.scss */
  .sec_4 h3 {
    padding-bottom: 15px;
  }

  /* line 556, ../sass/responsive/responsive.scss */
  .sec_5 {
    padding-bottom: 200px !important;
  }

  /* line 557, ../sass/responsive/responsive.scss */
  .main_sponsors {
    padding-bottom: 0 !important;
  }

  /* line 559, ../sass/responsive/responsive.scss */
  .sec_2, .sec_3, .sec_4, .sec_5, .pages_container, .pages_footer {
    min-height: 100px;
  }

  /* line 561, ../sass/responsive/responsive.scss */
  .hilight_links a {
    font-size: 20px;
  }

  /* line 563, ../sass/responsive/responsive.scss */
  h1 {
    font-size: 28px !important;
  }

  /* line 564, ../sass/responsive/responsive.scss */
  h2 {
    font-size: 26px !important;
  }

  /* line 565, ../sass/responsive/responsive.scss */
  h3 {
    font-size: 24px !important;
  }

  /* line 566, ../sass/responsive/responsive.scss */
  h4 {
    font-size: 20px !important;
  }

  /* line 567, ../sass/responsive/responsive.scss */
  h5 {
    font-size: 18px !important;
  }

  /* line 568, ../sass/responsive/responsive.scss */
  h6 {
    font-size: 16px !important;
  }

  /* line 570, ../sass/responsive/responsive.scss */
  .accordion h3 {
    font-size: 18px !important;
    padding-right: 40px;
  }

  /* line 572, ../sass/responsive/responsive.scss */
  ul.downliad_list li a {
    width: 100%;
    display: block;
  }

  /* line 573, ../sass/responsive/responsive.scss */
  .downliad_list:before {
    left: 25%;
  }

  /* line 575, ../sass/responsive/responsive.scss */
  .regis_class .regis_class--list .count_data {
    font-size: 24px;
    line-height: 20px;
  }

  /* line 576, ../sass/responsive/responsive.scss */
  .regis_class .regis_class--list em {
    padding: 0;
  }

  /* line 578, ../sass/responsive/responsive.scss */
  .close_popup--login {
    top: -100px;
    right: 0px;
  }

  /*
  	.select_language{top: 90px; visibility: hidden; opacity: 0; transition:0.3s ease;}
  */
  /* line 584, ../sass/responsive/responsive.scss */
  .select_language {
    text-align: right;
    padding: 17px 70px 0 0;
  }

  /* line 585, ../sass/responsive/responsive.scss */
  html.active .select_language {
    visibility: visible;
    opacity: 1;
    transition: 0.3s ease;
  }

  /* line 587, ../sass/responsive/responsive.scss */
  .select_language .en,
  .select_language .th {
    margin: 0 -3px 0 2px;
  }

  /* line 590, ../sass/responsive/responsive.scss */
  .showmenu.active > div {
    padding-top: 150px;
  }

  /* conutdown bottom */
  /* line 594, ../sass/responsive/responsive.scss */
  #pages_count .event_countdown > h2 {
    display: block !important;
    font-size: 18px !important;
    padding-top: 10px;
  }

  /* line 595, ../sass/responsive/responsive.scss */
  #pages_count .event_countdown .countdown_group {
    margin: 0 10px;
    padding: 5px 0 !important;
  }

  /* line 596, ../sass/responsive/responsive.scss */
  #pages_count .event_countdown .countdown_group:after {
    font-size: 40px;
    right: -18px;
    top: 10%;
  }

  /* line 598, ../sass/responsive/responsive.scss */
  .t-shirt_remark {
    text-align: center;
  }

  /* reset register */
  /* line 602, ../sass/responsive/responsive.scss */
  .step1 .choose_flags--thumbs {
    width: 100px;
  }

  /* line 603, ../sass/responsive/responsive.scss */
  .step1 .choose_flags--type h5 {
    padding-left: 80px;
    padding-bottom: 15px;
  }

  /* line 605, ../sass/responsive/responsive.scss */
  .step2 .regis_class .regis_class--list .price_rate,
  .step2 .regis_class .regis_class--list .distance_rate,
  .step2 .regis_class .regis_class--list header {
    text-align: center;
  }

  /* line 609, ../sass/responsive/responsive.scss */
  .step2 .regis_class .regis_class--list h2 {
    padding-top: 10px;
    margin-top: 10px;
    font-size: 32px !important;
  }

  /* line 611, ../sass/responsive/responsive.scss */
  .step2 .regis_class--list .price_rate,
  .step2 .regis_class .regis_class--list .distance_rate {
    float: none;
  }

  /* line 614, ../sass/responsive/responsive.scss */
  .step2 .confirm_order {
    padding: 30px 15px !important;
  }
}
.event_countdown h2{
  font-weight: bold;
  padding-bottom: 0.5em;
  font-size: 2.3em;
}
.event_countdown h3{
  font-size: 1em;
  font-weight: normal;
  padding-bottom: 0;
}


.search_results{padding:100px 0;}
.search_bar{}
.search_button{margin: 0 !important;}

.search_bar .search_func{padding-right: 5px; box-sizing:border-box !important;}

.result_lists--group{width: 100%;}
.result_lists .list:after{clear:both;}

.clear_fontstyle{font-family: 'tahoma' !important; font-size: 16px !important;}
.form_size--large{height: 50px !important; line-height: 50px !important;}

select{background: #ffffff url(../images/arrow_dropdown.jpg) right center no-repeat !important; padding-right: 50px !important;}