/*-------------------------------------------------------------------------*/



/*	Reset



/*-------------------------------------------------------------------------*/



html, body, div, span, applet, object, iframe, table, caption, tbody, tfoot, thead, tr, th, td,



del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,



h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,



dl, dt, dd, ol, ul, li, fieldset, form, label, legend {



  vertical-align: baseline;



  font-family: inherit;



  font-weight: inherit;



  font-style: inherit;



  font-size: 100%;



  outline: 0;



  padding: 0;



  margin: 0;



  border: 0; }







/*-------------------------------------------------------------------------*/



/*	Meta elements



/*-------------------------------------------------------------------------*/



html{



  height: 100%;



}



body {



  height: 100%;



  font-size: 20px;



  font-family: 'Times New Roman', serif;



  -webkit-font-smoothing: antialiased;



  -moz-osx-font-smoothing: grayscale; }







h1 {



  font-size: 36px;



  font-weight: bold;



  margin: 65px 0 45px; }







h3 {



  font-weight: bold;



  font-size: 28px;



  margin: 0 0 20px; }







p {



  margin: 0 0 0.7em; }



p.epigraph {



  float: right;



  font-style: italic;



  margin-bottom: 45px;



  text-align: right;



  width: 60%; }



p.text-center {



  text-align: center; }







table tr td {



  vertical-align: top;



  padding: 15px; }



table tr td:first-child {



  padding-left: 0; }



table tr td:last-child {



  padding-right: 0; }







/*-------------------------------------------------------------------------*/



/*	Main page



/*-------------------------------------------------------------------------*/



.l-mainpage {



  background: #009E3C;



  position: absolute;



  top: 0;



  right: 0;



  left: 0;



  bottom: 0;



  text-align: center; }







.b-mainpage-langs {



  font-size: 0;



  margin: 65px auto 0;



  display: inline-block; }



.b-mainpage-langs a {



  display: inline-block;



  background: #fac946;



  color: #0d8c49;



  text-decoration: none;



  font-size: 20px;



  height: 50px;



  width: 50px;



  margin: 0 6px;



  text-align: center;



  -webkit-border-radius: 50%;



  -moz-border-radius: 50%;



  -ms-border-radius: 50%;



  border-radius: 50%;



  line-height: 50px;



  font-weight: bold;



  -webkit-transition: all 120ms linear;



  -moz-transition: all 120ms linear;



  -ms-transition: all 120ms linear;



  -o-transition: all 120ms linear;



  transition: all 120ms linear;



  position: relative; }



.b-mainpage-langs a:hover {



  color: #ed1c24;



  -webkit-transition: all 80ms linear;



  -moz-transition: all 80ms linear;



  -ms-transition: all 80ms linear;



  -o-transition: all 80ms linear;



  transition: all 80ms linear; }







.b-mainpage-logo {



  margin: 0 auto;



  display: block; }







.b-mainpage-slogan {



  display: inline-block;



  font-size: 39px;



  margin: 22px 0 0;



  color: #fac946;



  text-shadow: 1px 1px 0 #000;



  font-weight: bold; }







/*-------------------------------------------------------------------------*/



/*	Asia page



/*-------------------------------------------------------------------------*/



.l-asiapage {



  width: 100%;



  min-height: 100%;



  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */



  -moz-box-sizing: border-box;    /* Firefox, other Gecko */



  box-sizing: border-box;         /* Opera/IE 8+ */



  overflow: hidden;



  background: #ffde40;



  color: #010101; }







.b-asia-header {



  height: 156px;



  background: #009e3f url("../images/asia-header.jpg") no-repeat center top; }







.b-asia-nav {



  list-style: none;



  font-size: 0;



  background: #0d8c49;



  border-top: 5px solid #ffde40;



  border-bottom: 5px solid #ffde40;



  text-align: center;



  position: relative;



  z-index: 10; }



.b-asia-nav > li {



  display: inline-block;



  font-size: 30px;



  padding: 9px 13px;



  font-weight: bold;



  position: relative; }



.b-asia-nav > li:first-child {



  margin-left: 0; }



.b-asia-nav > li.dropdown {



  padding-right: 102px;



  padding-left: 102px; }



.b-asia-nav > li.dropdown:hover {



  background: #DD1A22; }



.b-asia-nav > li.dropdown:hover a {



  color: #ffde40; }



.b-asia-nav > li.dropdown:hover > ul {



  display: block; }



.b-asia-nav > li > a, .b-asia-nav > li span {



  color: #ffde40;



  text-decoration: none;



  -webkit-transition: all 100ms linear;



  -moz-transition: all 100ms linear;



  -ms-transition: all 100ms linear;



  -o-transition: all 100ms linear;



  transition: all 100ms linear; }



.b-asia-nav > li > a:hover {



  color: #ed1c24; }



.b-asia-nav > li > span {



  cursor: default; }



.b-asia-nav > li > ul {



  display: none;



  position: absolute;



  left: 0;



  right: 0;



  top: 52px;



  background: #dd1a22;



  padding: 0 20px 20px; }



.b-asia-nav > li > ul > li {



  display: block; }



.b-asia-nav > li > ul > li a {



  color: #ffde40;



  font-size: 18px;



  font-weight: bold;



  text-decoration: none;



  text-transform: uppercase;



  -webkit-transition: all 120ms linear;



  -moz-transition: all 120ms linear;



  -ms-transition: all 120ms linear;



  -o-transition: all 120ms linear;



  transition: all 120ms linear;



  line-height: 23px;



  display: inline-block; }



.b-asia-nav > li > ul > li a span {



  border-bottom: 1px solid rgba(255, 222, 64, 0.5); }



.b-asia-nav > li > ul > li a:hover span {



  border-bottom-color: #ffde40; }







.asia-photo-welcome {



  position: relative;



  margin-bottom: 8px; }



.asia-photo-welcome .text {



  position: absolute;



  color: #fff;



  top: 90px;



  right: 80px; }



.asia-photo-welcome img {



  display: block; }







.b-asia-mid {



  background: #0d8c49; }







.b-asia-banner {



  width: 870px;



  height: 546px;



  margin: 0 auto;



  background: url("../images/asis-banner.jpg") no-repeat;



  border: 5px solid #ffde40;



  border-top: none;



  -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.25);



  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.25);



  position: relative; }







.b-asia-banner__midnav {



  text-align: center;



  list-style: none;



  position: absolute;



  right: 35px;



  top: 180px;



  width: 230px; }



.b-asia-banner__midnav li {



  margin-bottom: 25px; }



.b-asia-banner__midnav li a {



  border-bottom: 1px solid rgba(255, 222, 64, 0.5);



  color: #ffde40;



  font-size: 18px;



  font-weight: bold;



  text-decoration: none;



  text-transform: uppercase;



  -webkit-transition: all 120ms linear;



  -moz-transition: all 120ms linear;



  -ms-transition: all 120ms linear;



  -o-transition: all 120ms linear;



  transition: all 120ms linear; }



.b-asia-banner__midnav li a:hover {



  border-bottom-color: #ffde40; }







.b-asia-vert-langs-wrap {



  width: 800px;



  margin: 0 auto;



  position: relative; }







.b-asia-vert-langs {



  background: #0d8c49;



  height: 41px;



  overflow: hidden;



  position: absolute;



  right: -136px;



  top: 11px;



  z-index: 11; }



.b-asia-vert-langs:hover {



  height: auto !important; }



.b-asia-vert-langs a {



  display: block;



  background: #fac946;



  color: #0d8c49;



  text-decoration: none;



  font-size: 15px;



  height: 40px;



  width: 40px;



  margin: 0 6px 15px;



  text-align: center;



  -webkit-border-radius: 50%;



  -moz-border-radius: 50%;



  -ms-border-radius: 50%;



  border-radius: 50%;



  line-height: 40px;



  font-weight: bold;



  -webkit-transition: all 120ms linear;



  -moz-transition: all 120ms linear;



  -ms-transition: all 120ms linear;



  -o-transition: all 120ms linear;



  transition: all 120ms linear;



  position: relative; }



.b-asia-vert-langs a:hover {



  color: #ed1c24;



  -webkit-transition: all 80ms linear;



  -moz-transition: all 80ms linear;



  -ms-transition: all 80ms linear;



  -o-transition: all 80ms linear;



  transition: all 80ms linear; }







.b-mainpage-langs--asia {



  margin: 0 auto;



  padding: 27px 0;



  height: 50px;



  width: 880px;



  /*text-align: justify;*/



  position: relative;



  display: block; }

.b-mainpage-langs--asia a {

  margin-right: 61px;

}

.b-mainpage-langs--asia a:last-child {

  margin-right: 0;

}

.b-mainpage-langs--asia:before {



  content: '';



  display: block;



  width: 100%; }



.b-mainpage-langs--asia:after {



  content: '';



  display: inline-block;



  width: 100%; }







.b-asia-content {



  width: 800px;



  padding: 0 40px;



  margin: 0 auto; }



.b-asia-content h1 {



  margin-top: 0;



  padding-top: 65px;



  text-align: center; }







/*-------------------------------------------------------------------------*/



/*	Euro page



/*-------------------------------------------------------------------------*/



.l-europage {



  width: 100%;



  min-height: 100%;



  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */



  -moz-box-sizing: border-box;    /* Firefox, other Gecko */



  box-sizing: border-box;         /* Opera/IE 8+ */



  overflow: hidden;



  background: #fff url("../images/euro-full-bg.jpg") repeat-y center top;



  color: #3782be; }



.l-europage .b-asia-content {



  background: #fff;



}



.b-euro-in-header + .b-asia-content {



  width: 920px;



}







.b-euro-header {



  width: 880px;



  height: 299px;



  background: #c7dff2 url("../images/euro-header.jpg") no-repeat center top;



  margin: 0 auto;



  position: relative; }



.b-euro-header .b-euro-nav {



  list-style: none;



  font-size: 0;



  background: rgba(0, 0, 0, 0.4);



  position: absolute;



  bottom: 0;



  left: 0;



  right: 0;



  height: 54px; }



.b-euro-header .b-euro-nav > li {



  display: inline-block;



  font-size: 30px;



  padding: 9px 15px;



  font-weight: bold;



  position: relative; }



.b-euro-header .b-euro-nav > li:first-child {



  margin-left: 0; }



.b-euro-header .b-euro-nav > li > a, .b-euro-header .b-euro-nav > li span {



  color: #fff;



  text-decoration: none;



  -webkit-transition: all 100ms linear;



  -moz-transition: all 100ms linear;



  -ms-transition: all 100ms linear;



  -o-transition: all 100ms linear;



  transition: all 100ms linear; }



.b-euro-header .b-euro-nav > li > a:hover {



  color: #ed1c24; }



.b-euro-header .b-euro-langs {



  background: rgba(0, 0, 0, 0.4);



  position: absolute;



  top: 0;



  right: 0;



  bottom: 54px;



  width: 155px;



  padding-top: 28px; }



.b-euro-header .b-euro-langs a {



  display: block;



  background: #fff;



  color: #97C7E6;



  text-decoration: none;



  font-size: 20px;



  height: 50px;



  width: 50px;



  margin: 0 auto 15px;



  text-align: center;



  -webkit-border-radius: 50%;



  -moz-border-radius: 50%;



  -ms-border-radius: 50%;



  border-radius: 50%;



  line-height: 50px;



  font-weight: bold;



  -webkit-transition: all 120ms linear;



  -moz-transition: all 120ms linear;



  -ms-transition: all 120ms linear;



  -o-transition: all 120ms linear;



  transition: all 120ms linear;



  position: relative; }



.b-euro-header .b-euro-langs a:hover {



  color: #ed1c24;



  -webkit-transition: all 80ms linear;



  -moz-transition: all 80ms linear;



  -ms-transition: all 80ms linear;



  -o-transition: all 80ms linear;



  transition: all 80ms linear; }







.b-euro-mid {



  width: 880px;



  height: 281px;



  margin: 0 auto;



  position: relative;



  background: url("../images/euro-mid-banner.jpg") no-repeat; }







.b-euro-banner__midnav {



  text-align: center;



  list-style: none;



  position: absolute;



  left: 45px;



  top: 10px;



  width: 230px; }



.b-euro-banner__midnav li {



  margin-bottom: 25px; }



.b-euro-banner__midnav li a {



  border-bottom: 1px solid rgba(55, 130, 190, 0.35);



  color: #3782be;



  font-size: 18px;



  font-weight: bold;



  text-decoration: none;



  text-transform: uppercase;



  -webkit-transition: all 120ms linear;



  -moz-transition: all 120ms linear;



  -ms-transition: all 120ms linear;



  -o-transition: all 120ms linear;



  transition: all 120ms linear; }



.b-euro-banner__midnav li a:hover {



  border-bottom-color: #3782be; }







.b-euro-in-header {



  height: 215px;



  position: relative;



  background: url("../images/euro-in-header.jpg") no-repeat center top; }



.b-euro-in-header .b-asia-nav {



  position: absolute;



  bottom: 0;



  left: 0;



  right: 0;



  margin: 0 auto;



  width: 1000px;



  border-top-color: #97c7e6;



  border-bottom-color: #97c7e6;

  background: #fff;

  background: rgba(255, 255, 255, 0.4); }



.b-euro-in-header .b-asia-nav li a, .b-euro-in-header .b-asia-nav li span {



  color: #3782be; }



.b-euro-in-header .b-asia-nav li.dropdown {



  padding-right: 82px;



  padding-left: 82px; }



.b-euro-in-header .b-asia-nav li.dropdown:hover {



  background: #97c7e6; }



.b-euro-in-header .b-asia-nav li.dropdown:hover a {



  color: #3782be; }



.b-euro-in-header .b-asia-nav li.dropdown:hover a span {



  border-bottom: 1px solid rgba(255, 255, 255, 0.35); }



.b-euro-in-header .b-asia-nav li.dropdown:hover a span:hover {



  border-bottom-color: white; }



.b-euro-in-header .b-asia-nav li ul {



  background: #97c7e6; }



.b-euro-in-header .b-asia-vert-langs-wrap {



  position: absolute;



  bottom: 0;



  left: 0;



  right: 0; }



.b-euro-in-header .b-asia-vert-langs-wrap .b-asia-vert-langs {



  right: -100px;



  background: #97c7e6;



  padding: 10px 0 0;



  height: 49px;



  top: -62px; }



.b-euro-in-header .b-asia-vert-langs-wrap .b-asia-vert-langs a {



  background: #fff;



  color: #7FC8E8; }



.b-euro-in-header .b-asia-vert-langs-wrap .b-asia-vert-langs a:hover {



  color: #0083C1; }







.asia-photo-welcome .text {



  width: 320px;



}



.work-area {



  width: 1000px;



  margin: 10px auto 10px auto;



}



.photo {



  width: 940px;



  margin: 0 auto;



}



.member_desc_exp {



  text-align:left;



  margin-bottom: 30px;



}



.capture-field-message {



  font-weight: bold;



  color: #333333;



}



.music-item {



  margin: 0;



}



.header-guest-book {



  font-weight: bold;



}